@charset "UTF-8";
/* CSS Document */
/*----- main -----*/
main {width: 100%;margin-top: 7vw;}
#main {width: 100%;padding: 5.2vw 0;background-image:url("../img/page_main.png");background-size: 100%;background-size: cover;background-repeat: no-repeat;}
.main {width: 100%;text-align: center;}
.main_t1 {font-size: 2.9vw;font-weight: 600;}
.main_t2 {margin-top: 0.5vw;font-size: 1.2vw;font-weight: 600;color: #E03636;}
/*----- pan -----*/
#pan {width: 100%;padding: 1vw 0;}
.pan {width: 95%;margin: 0 auto;font-size: 1vw;color: #999;}
.pan .archive {margin-left: 0.5vw;}
.pan a {display: inline-block;margin: 0 0.5vw;font-size: 1vw;color: #4E4F50;}
/*----- content01 -----*/
#content01 {width: 100%;padding: 5vw 0 0;background-color: #fff;}
.content01 {width: 70%;margin: 0 auto;font-size: 0;}
/* content01_01 */
.content01_01 {display: inline-block;vertical-align: middle;width: 25%;padding: 2vw 0.5vw;text-align: center;border: solid 2px #7E89A2;border-radius: 1vw;box-shadow: 3px 3px 0 #cfcfcf;}
.content01_01_img {width: 40%;}
.content01_01_t1 {padding: 0.2vw 2.5vw;font-size: 1.5vw;font-weight: 500;line-height: 140%;}
/* content01_02 */
.content01_02 {display: inline-block;vertical-align: middle;width: 75%;padding: 0 0 0 3vw;}
.content01_02_t1 {font-size: 1.9vw;font-weight: 600;line-height: 140%;}
.content01_02_t2 {margin-top: 1.5vw;font-size: 1vw;line-height: 180%;}
/*----- content02 -----*/
#content02 {width: 100%;padding: 7vw 0 8vw;background-color: #fff;}
.content02 {width: 70%;margin: 0 auto;font-size: 0;}
.content02_t1 {padding-bottom: 0.5vw;font-size: 2.1vw;font-weight: 600;line-height: 140%;border-bottom: solid 2px;}
/* content02_01 */
.content02_01 {width: 100%;}
.content02_box {width: 100%;margin-top: 3vw;padding-bottom: 4vw;border-bottom: solid 2px #efefef;}
.content02_box_01 {width: 100%;font-size: 0;}
.content02_box_01_img {display: inline-block;vertical-align: middle;margin-right: 1vw;}
.content02_box_01_t1 {display: inline-block;vertical-align: middle;font-size: 1vw;}
.content02_box_02 {width: 100%;margin-top: 1.5vw;padding: 1.5vw 1.5vw;background-color: #F6F6F6;}
.content02_box_02_t1 {font-size: 2vw;font-weight: 600;color: #E03636;}
.content02_box_03 {width: 100%;margin-top: 0.5vw;font-size: 0;}
.content02_box_03_t1 {display: inline-block;vertical-align: middle;margin-right: 0.5vw;padding: 0.5vw 0.5vw;font-size: 1vw;font-weight: 500;background-color: #E8ECF0;border-radius: 0.2vw;}
.content02_box_04 {width: 100%;margin-top: 1.5vw;}
.content02_box_04_t1 {font-size: 1vw;line-height: 180%;}
.content02_box_05 {width: 100%;margin-top: 1vw;}
.content02_box_05 iframe {display: inline-block;vertical-align: middle;width: 31.3%;margin: 0 1% 1vw;aspect-ratio: 16 / 9;object-fit: cover;}
.content02_box_05 img {display: inline-block;vertical-align: middle;width: 31.3%;margin: 0 1% 1vw;aspect-ratio: 16 / 9;object-fit: cover;}
.content02_box_06 {width: 100%;margin-top: 1vw;font-size: 0;}
.content02_box_06_01 {display: inline-block;vertical-align: middle;width: 50%;}
.content02_box_06_01_a1 {display: inline-block;vertical-align: middle;width: 48%;margin-right: 2%;padding: 0.7vw 1vw;font-size: 1vw;font-weight: 500;color: #fff;background-color: #112F41;border: solid 2px #112F41;border-radius: 0.2vw;}
.content02_box_06_01_a1:hover {color: #112F41;background-color: #fff;}
.content02_box_06_01_a1 i {margin-right: 0.5vw;font-size: 1vw;}
.content02_box_06_01_a2 {display: inline-block;vertical-align: middle;width: 48%;margin-right: 2%;padding: 0.7vw 1vw;font-size: 1vw;font-weight: 500;color: #fff;background-color: #7E89A2;border: solid 2px #7E89A2;border-radius: 0.2vw;}
.content02_box_06_01_a2:hover {color: #7E89A2;background-color: #fff;}
.content02_box_06_01_a2 i {margin-right: 0.5vw;font-size: 1vw;}
.content02_box_06_02 {display: inline-block;vertical-align: middle;width: 50%;}
.content02_box_06_02_a1 {position: relative;display: block;width: 60%;margin: 0 0 0 auto;padding: 1vw 3vw 1vw 2.5vw;font-size: 1.2vw;font-weight: 500;color: #fff;background-color: #E03636;border: solid 2px #E03636;border-radius: 5vw;}
.content02_box_06_02_a1:hover {color: #E03636;background-color: #fff;}

.content02_box_06_02_box {width: 100%;margin: 1vw 0;font-size: 0;text-align: right;}
.content02_box_06_02_t1 {display: inline-block;vertical-align: middle;width: 30%;font-size: 1.3vw;font-weight: 500;text-align: left;}
.content02_box_06_02_a2 {position: relative;display: inline-block;vertical-align: middle;width: 60%;padding: 1vw 3vw 1vw 2.5vw;font-size: 1.2vw;font-weight: 500;color: #fff;background-color: #E03636;border: solid 2px #E03636;border-radius: 5vw;text-align: left;}
.content02_box_06_02_a2:hover {color: #E03636;background-color: #fff;}

.content02_box_06_02_img {position: absolute;top: 50%;right: 3%;-webkit-transform: translateY(-50%);transform: translateY(-50%);width: 5%;width: 2vw;}
/*----- content03 -----*/
#content03 {width: 100%;margin-bottom: 3vw;padding: 7vw 0 7vw;background-color: #F6F6F6;}
.content03 {width: 75%;margin: 0 auto;text-align: center;}
.content03_t1 {font-size: 1.6vw;font-weight: 500;line-height: 160%;}
/* content03_01 */
.content03_01 {width: 100%;margin-top: 3vw;font-size: 0;}
.content03_01_a {display: inline-block;vertical-align: middle;width: 18%;margin: 0 0.75% 1.4vw;padding: 2.2vw 0.5vw;background-color: #fff;box-sizing: border-box;border-top: solid 4px #B7BDCB;}
.content03_01_a:hover {transform: scale(0.95,0.95);border-top: solid 4px #E03636;}
.content03_02_a {display: inline-block;vertical-align: middle;width: 18%;margin: 0 0.75% 1.4vw;padding: 1.5vw 0.5vw;background-color: #fff;box-sizing: border-box;border-top: solid 4px #B7BDCB;}
.content03_02_a:hover {transform: scale(0.95,0.95);border-top: solid 4px #E03636;}
.content03_01_img {width: 44%;}
.content03_01_t1 {margin-top: 0.2vw; font-size: 1.1vw;font-weight: 500;line-height: 130%;}


@media screen and (max-width:960px) {
/*----- display -----*/
.pc {display: block;}
.tab {display: block;}
.sp {display: none;}
/*----- main -----*/
main {margin-top: 7vw;}
#main {padding: 5.5vw 0;}
.main_t1 {font-size: 3.5vw;}
.main_t2 {margin-top: 0.5vw;font-size: 1.8vw;}
/*----- pan -----*/
#pan {padding: 1vw 0;}
.pan {width: 95%;font-size: 1.6vw;}
.pan .archive {margin-left: 1vw;}
.pan a {margin: 0 1vw;font-size: 1.6vw;}
/*----- content01 -----*/
#content01 {padding: 5vw 0 0;}
.content01 {width: 90%;}
/* content01_01 */
.content01_01 {width: 25%;padding: 2vw 0.5vw;}
.content01_01_img {width: 40%;}
.content01_01_t1 {padding: 0.2vw 2.5vw;font-size: 2.1vw;}
/* content01_02 */
.content01_02 {width: 75%;padding: 0 0 0 3vw;}
.content01_02_t1 {font-size: 2.5vw;}
.content01_02_t2 {margin-top: 1.5vw;font-size: 1.6vw;line-height: 180%;}
/*----- content02 -----*/
#content02 {padding: 7vw 0 8vw;}
.content02 {width: 90%;}
.content02_t1 {padding-bottom: 0.5vw;font-size: 2.7vw;}
/* content02_01 */
.content02_box {margin-top: 3vw;padding-bottom: 4vw;}
.content02_box_01_img {margin-right: 1vw;}
.content02_box_01_t1 {font-size: 1.6vw;}
.content02_box_02 {margin-top: 1.5vw;padding: 1.5vw 1.5vw;}
.content02_box_02_t1 {font-size: 2.6vw;}
.content02_box_03 {margin-top: 0.5vw;}
.content02_box_03_t1 {margin-right: 0.5vw;padding: 0.8vw 1vw;font-size: 1.6vw;}
.content02_box_04 {margin-top: 1.5vw;}
.content02_box_04_t1 {font-size: 1.6vw;line-height: 180%;}
.content02_box_05 {margin-top: 1.5vw;}
.content02_box_05 iframe {width: 48%;margin: 0 1% 1.5vw;aspect-ratio: 16 / 9;}
.content02_box_05 img {width: 48%;margin: 0 1% 1.5vw;aspect-ratio: 16 / 9;}
.content02_box_06 {margin-top: 1vw;}
.content02_box_06_01 {width: 100%;}
.content02_box_06_01_a1 {width: 100%;margin-right: 0;padding: 1.5vw 2vw;font-size: 1.6vw;}
.content02_box_06_01_a1 i {margin-right: 1vw;font-size: 1.6vw;}
.content02_box_06_01_a2 {width: 100%;margin-right: 0;margin-top: 1.5vw;padding: 1.5vw 2vw;font-size: 1.6vw;}
.content02_box_06_01_a2 i {margin-right: 1vw;font-size: 1.6vw;}
.content02_box_06_02 {width: 100%;}
.content02_box_06_02_a1 {width: 100%;margin: 1.5vw auto 0;padding: 1.5vw 3vw 1.5vw 2.5vw;font-size: 1.8vw;}

.content02_box_06_02_box {margin: 2vw 0 0;}
.content02_box_06_02_t1 {width: 20%;font-size: 1.9vw;}
.content02_box_06_02_a2 {width: 80%;padding: 1.5vw 3vw 1.5vw 2.5vw;font-size: 1.8vw;}
    
.content02_box_06_02_img {top: 50%;right: 3%;-webkit-transform: translateY(-50%);transform: translateY(-50%);width: 5%;width: 2.6vw;}
/*----- content03 -----*/
#content03 {margin-bottom: 3vw;padding: 7vw 0 7vw;}
.content03 {width: 90%;}
.content03_t1 {font-size: 2.2vw;}
/* content03_01 */
.content03_01 {margin-top: 3vw;}
.content03_01_a {width: 23%;margin: 0 0.75% 1.4vw;padding: 2.2vw 0.5vw;}
.content03_02_a {width: 23%;margin: 0 0.75% 1.4vw;padding: 1.2vw 0.5vw;}
.content03_01_img {width: 45%;}
.content03_01_t1 {margin-top: 0.2vw;font-size: 1.7vw;}
}


@media screen and (max-width:500px) {
/*----- display -----*/
.pc {display: none;}
.tab {display: none;}
.sp {display: block;}
/*----- main -----*/
main {margin-top: 13vw;}
#main {padding: 5.5vw 0;}
.main_t1 {font-size: 4.9vw;}
.main_t2 {margin-top: 1vw;font-size: 3.2vw;}
/*----- pan -----*/
#pan {padding: 2vw 0;}
.pan {width: 95%;font-size: 3vw;}
.pan .archive {margin-left: 1.5vw;}
.pan a {margin: 0 1.5vw;font-size: 3vw;}
/*----- content01 -----*/
#content01 {padding: 5vw 0 0;}
/* content01_01 */
.content01_01 {display: block;width: 100%;margin: 0 auto;padding: 2vw 0.5vw;}
.content01_01_img {width: 20%;}
.content01_01_t1 {padding: 0.2vw 2.5vw;font-size: 3.5vw;}
/* content01_02 */
.content01_02 {width: 100%;padding: 3vw 0 0 0;}
.content01_02_t1 {font-size: 3.9vw;}
.content01_02_t2 {margin-top: 2vw;font-size: 3vw;line-height: 180%;}
/*----- content02 -----*/
#content02 {padding: 7vw 0 8vw;}
.content02_t1 {padding-bottom: 1vw;font-size: 4.1vw;}
/* content02_01 */
.content02_box {margin-top: 3vw;padding-bottom: 4vw;}
.content02_box_01_img {min-width: 25%;margin-right: 2vw;}
.content02_box_01_t1 {font-size: 3vw;}
.content02_box_02 {margin-top: 1.5vw;padding: 1.5vw 2vw;}
.content02_box_02_t1 {font-size: 4vw;line-height: 160%;}
.content02_box_03 {margin-top: 1.5vw;}
.content02_box_03_t1 {margin-right: 0.5vw;padding: 0.8vw 1.5vw;font-size: 3vw;}
.content02_box_04 {margin-top: 2.5vw;}
.content02_box_04_t1 {font-size: 3vw;line-height: 180%;}
.content02_box_05 {margin-top: 2.5vw;}
.content02_box_05 iframe {width: 48%;margin: 0 1% 1.5vw;aspect-ratio: 16 / 9;}
.content02_box_05 img {width: 48%;margin: 0 1% 1.5vw;aspect-ratio: 16 / 9;}
.content02_box_06 {margin-top: 2vw;}
.content02_box_06_01_a1 {width: 100%;margin-right: 0;padding: 2.5vw 5vw;font-size: 3vw;}
.content02_box_06_01_a1 i {margin-right: 2vw;font-size: 3vw;}
.content02_box_06_01_a2 {width: 100%;margin-top: 2.5vw;margin-right: 0;padding: 2.5vw 5vw;font-size: 3vw;}
.content02_box_06_01_a2 i {margin-right: 2vw;font-size: 3vw;}
.content02_box_06_02 {width: 100%;}
.content02_box_06_02_a1 {width: 100%;margin: 2vw auto 0;padding: 2.5vw 5vw 2.5vw 5vw;font-size: 3.2vw;}
    
.content02_box_06_02_box {margin: 2vw 0 0;}
.content02_box_06_02_t1 {width: 25%;font-size: 3.3vw;}
.content02_box_06_02_a2 {width: 75%;padding: 2.5vw 5vw 2.5vw 5vw;font-size: 3.2vw;}
    
.content02_box_06_02_img {top: 50%;right: 3%;-webkit-transform: translateY(-50%);transform: translateY(-50%);width: 5%;width: 4vw;}
/*----- content03 -----*/
#content03 {margin-bottom: 3vw;padding: 7vw 0 7vw;}
.content03_t1 {font-size: 3.6vw;}
/* content03_01 */
.content03_01 {margin-top: 3vw;}
.content03_01_a {width: 46%;margin: 0 2% 2vw;padding: 3.1vw 0.5vw;}
.content03_02_a {width: 46%;margin: 0 2% 1.9vw;padding: 1.2vw 0.5vw;}
.content03_01_img {width: 30%;}
.content03_01_t1 {margin-top: 0.2vw;font-size: 3vw;}
}