@charset "UTF-8";
/* CSS Document */
/*----- main -----*/
#main {position: relative;width: 100%;padding: 15vw 0 7.5vw;background-image:url("../img/main.png");background-size: 100%;background-size:cover;background-repeat: no-repeat;}
#main::after{content: "";position: absolute;z-index: 2;width: 100%;height:100%;top: 0;left: 0;background-color: #000;opacity: 0.4;}
.main {position: relative;z-index: 3;opacity: 0;width: 80%;margin: 0 auto;color: #fff;text-shadow: #555 2px 0px 2px, #555 -2px 0px 2px,#555 0px -2px 2px, #555 -2px 0px 2px,#555 2px 2px 2px, #555 -2px 2px 2px,#555 2px -2px 2px, #555 -2px -2px 2px,#555 1px 2px 2px, #555 -1px 2px 2px,#555 1px -2px 2px, #555 -1px -2px 2px,#555 2px 1px 2px, #555 -2px 1px 2px,#555 2px -1px 2px, #555 -2px -1px 2px,#555 1px 1px 2px, #555 -1px 1px 2px,#555 1px -1px 2px, #555 -1px -1px 2px;}
.main_t1 {font-size: 2.6vw;font-weight: 600;}
.main_t2 {margin-top: 0.5vw; font-size: 2vw;font-weight: 500;}
/*----- content01 -----*/
#content01 {width: 100%;padding: 7vw 0 0;}
.content01 {width: 80%;margin: 0 auto;}
.content01_t1 {width: 100%;padding: 0.5vw 0 1vw 1.5vw;font-size: 2.2vw;font-weight: 500;border-bottom: solid 2px #2d4581;border-left: solid 7px #2d4581;box-sizing: border-box;}
#content01 table {width: 100%;margin-top: 3vw;border-collapse: collapse;border-spacing: 0;}
#content01 table tr {text-align: left;}
#content01 table th {vertical-align: middle;width: 20%;padding: 2vw 2vw;font-size: 1.4vw;font-weight: 500;line-height: 180%;letter-spacing: 0.2vw;border: solid 1px #cfcfcf;background-color: #efefef;box-sizing: border-box;}
#content01 table td {vertical-align: middle;width: 80%;padding: 2vw 2vw;font-size: 1.4vw;line-height: 180%;border: solid 1px #cfcfcf;box-sizing: border-box;}
#content01 table td span {font-weight: 600;}
#content01 table td a {font-size: 1.4vw;line-height: 180%;}
.content01_01 {width: 80%;margin: 5vw auto 0;}
.content01_01 iframe {width: 100%;height: 40vw;margin-top: 3vw;}
.content01_t2 {margin-top: 2vw;font-size: 1.5vw;line-height: 180%;}
.content01_t2 span {font-weight: 600;}

@media screen and (max-width:960px) {
/*----- main -----*/
#main {padding: 18vw 0 7.5vw;}
.main {width: 90%;}
.main_t1 {font-size: 3.2vw;}
.main_t2 {margin-top: 0.5vw;font-size: 2.6vw;}
/*----- content01 -----*/
#content01 {padding: 7vw 0 0;}
.content01 {width: 90%;}
.content01_t1 {padding: 0.5vw 0 1vw 1.5vw;font-size: 2.8vw;border-bottom: solid 2px #2d4581;border-left: solid 6px #2d4581;}
#content01 table {margin-top: 3vw;}
#content01 table th {width: 25%;padding: 2vw 2vw;font-size: 1.8vw;}
#content01 table td {width: 75%;padding: 2vw 2vw;font-size: 1.8vw;}
#content01 table td a {font-size: 1.8vw;}
.content01_01 {width: 90%;margin: 5vw auto 0;}
.content01_01 iframe {height: 50vw;margin-top: 3vw;}
.content01_t2 {margin-top: 2vw;font-size: 2vw;}
}

@media screen and (max-width:500px) {
/*----- main -----*/
#main {padding: 23vw 0 7.5vw;}
.main_t1 {font-size: 4.6vw;}
.main_t2 {margin-top: 1vw;font-size: 4vw;}
/*----- content01 -----*/
#content01 {padding: 7vw 0 0;}
.content01_t1 {padding: 1.5vw 0 2vw 2.5vw;font-size: 4.2vw;}
#content01 table {margin-top: 4vw;}
#content01 table th {display: block;width: 100%;padding: 2vw 2vw;font-size: 3.2vw;}
#content01 table td {display: block;width: 100%;padding: 2vw 2vw;font-size: 3.2vw;}
#content01 table td a {font-size: 3.2vw;}
.content01_01 {margin: 6vw auto 0;}
.content01_01 iframe {height: 80vw;margin-top: 4vw;}
.content01_t2 {margin-top: 3vw;font-size: 3.4vw;}
}