@charset "UTF-8";
/* CSS Document */
/*----- main -----*/
main {width: 100%;overflow: hidden;}
#main {position: relative;width: 100%;}
.main {width: 100%;}
.main_img {width: 100%;}
.main_t1 {opacity: 0;position: absolute;left: 2.5%;bottom: 2vw;width: 95%;font-size: 6.8vw;font-weight: 600;color: #fff;text-shadow: #0F4558 1px 1px 10px, #0F4558 -1px 1px 10px,#0F4558 1px -1px 10px, #0F4558 -1px -1px 10px;}
/*----- content01 -----*/
#content01 {z-index: 20;position: relative;width: 100%;padding: 12vw 0 11vw;background-image:url("../img/content01_bg.png");background-size: 100%;background-size:cover;background-repeat: no-repeat;}
.content01_t0_img {position: absolute;top: 0;left: -8vw;width: 81%;}
.content01 {position: relative;width: 65%;margin: 0 auto;padding-left: 32vw;}
/* content01_01 */
.content01_01 {width: 100%;}
.content01_01_t1 {font-size: 3.2vw;font-weight: 500;line-height: 140%;color: #0F4558;}
/* content01_02 */
.content01_02 {position: absolute;left: 0;top: 0;width: 39%;}
.content01_02_img {width: 100%;}
/* content01_03 */
.content01_03 {width: 100%;margin-top: 2.5vw;}
.content01_03_t1 {font-size: 1vw;line-height: 160%;}
/* content01_04 */
.content01_04 {display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-flex-wrap: wrap;flex-wrap: wrap;width: 100%;margin-top: 2.5vw;}
.content01_04_a {width: 48%;margin: 0;}
.content01_04_a:hover {opacity: 0.9;transform: scale(0.95,0.95);}
.content01_04_a_img {width: 100%;}
/*----- content02 -----*/
#content02 {z-index: 10;position: relative;width: 100%;padding: 11vw 0 15vw;}
.content02_t0_img {position: absolute;top: -1vw;left: -0.5vw;width: 90%;}
.content02 {z-index: 20;position: relative;width: 73%;margin: 0 auto;}
/* content02_01 */
.content02_01 {z-index: 20;position: relative;width: 100%;}
.content02_01_t1 {font-size: 5.8vw;font-weight: 500;line-height: 140%;color: #0F4558;}
.content02_01_t1 span {margin-left: -2.2vw;}
/* content02_02 */
.content02_02 {z-index: 20;position: relative;width: 47%;margin-top: 2.5vw;}
.content02_02_t1 {font-size: 1vw;line-height: 160%;}
/* content02_03 */
.content02_03 {z-index: 20;position: relative;width: 47%;margin-top: 4vw;}
.content02_03_a {display: block;width: 47%;margin: 0;}
.content02_03_a:hover {opacity: 0.9;transform: scale(0.95,0.95);}
.content02_03_a_img {width: 100%;}
/* content02_04 */
.content02_04 {z-index: 5;position: absolute;right: -21vw;top: -16vw;width: 90%;}
.content02_04_img {width: 100%;}
/*----- content03 -----*/
#content03 {z-index: 10;position: relative;width: 100%;padding: 8vw 0 7.5vw;background-color: #516E79;}
.content03 {position: relative;display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-flex-wrap: wrap;flex-wrap: wrap;width: 73%;margin: 0 auto;color: #fff;}
/* content03_01 */
.content03_01 {width: 25%;margin: 0;}
.content03_01_t1 {font-size: 3.4vw;}
.content03_01_t2 {margin-top: 1vw;font-size: 1.6vw;}
/* content03_02 */
.content03_02 {width: 69%;argin: 0;}
.content03_02_a {display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-flex-wrap: wrap;flex-wrap: wrap;width: 100%;padding: 2.3vw 0;font-size: 1vw;color: #fff;border-bottom: solid 1px rgba(255,255,255,0.30);}
.content03_02_a:first-child {border-top: solid 1px rgba(255,255,255,0.30);}
.content03_02_a:hover .content03_02_a2 {text-decoration-line: underline;}
.content03_02_a1 {width: 16%;margin: 0;font-size: 0.9vw;text-align: center;}
.content03_02_a2 {width: 74%;margin: 0;font-size: 1vw;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
/* content03_03 */
.content03_03 {width: 100%;margin-top: 2.5vw;}
.content03_03_a {display: block;width: 22%;margin: 0 0 0 auto;}
.content03_03_a:hover {opacity: 0.9;transform: scale(0.95,0.95);}
.content03_03_a1_img {width: 100%;}
/*----- content04 -----*/
#content04 {z-index: 10;position: relative;width: 100%;padding: 12.5vw 0 0;}
#content04::before {content: "";position: absolute;top: 0;left: 0;width: 94%;height: 40vw;background: #0F4558;z-index: 0;}
.content04_t0_img {position: absolute;top: -1vw;left: -0.5vw;width: 92%;}
.content04 {z-index: 20;position: relative;width: 73%;margin: 0 auto;}
/* content04_01 */
.content04_01 {z-index: 20;position: relative;width: 100%;}
.content04_01_t1 {font-size: 6vw;font-weight: 500;line-height: 140%;color: #fff;}
/* content04_02 */
.content04_02 {z-index: 20;position: relative;width: 100%;margin-top: 7vw;}
.content04_02 iframe {width: 100%;aspect-ratio: 4 / 4;}


@media screen and (max-width:960px) {
/*----- main -----*/
.main_t1 {left: 2.5%;bottom: 2vw;width: 95%;font-size: 7vw;}
/*----- content01 -----*/
#content01 {padding: 12vw 0 11vw;background-image:url("../img/content01_bg.png");}
.content01_t0_img {top: 0;left: -8vw;width: 81%;}
.content01 {width: 90%;padding-left: 40vw;}
/* content01_01 */
.content01_01_t1 {font-size: 3.8vw;}
/* content01_02 */
.content01_02 {position: absolute;left: 0;top: 0;width: 39%;}
.content01_02_img {width: 100%;}
/* content01_03 */
.content01_03 {margin-top: 2.5vw;}
.content01_03_t1 {font-size: 1.6vw;line-height: 160%;}
/* content01_04 */
.content01_04 {width: 100%;margin-top: 2.5vw;}
.content01_04_a {width: 48%;}
/*----- content02 -----*/
#content02 {padding: 11vw 0 15vw;}
.content02_t0_img {top: -1vw;left: -0.5vw;width: 90%;}
.content02 {width: 90%;}
/* content02_01 */
.content02_01_t1 {font-size: 6.4vw;}
.content02_01_t1 span {margin-left: -2.2vw;}
/* content02_02 */
.content02_02 {width: 50%;margin-top: 2.5vw;}
.content02_02_t1 {font-size: 1.6vw;}
/* content02_03 */
.content02_03 {width: 50%;margin-top: 4vw;}
.content02_03_a {width: 53%;}
/* content02_04 */
.content02_04 {right: -25vw;top: -16vw;width: 90%;}
.content02_04_img {width: 100%;}
/*----- content03 -----*/
#content03 {padding: 8vw 0 7.5vw;}
.content03 {width: 90%;}
/* content03_01 */
.content03_01 {width: 30%;}
.content03_01_t1 {font-size: 4vw;}
.content03_01_t2 {margin-top: 1vw;font-size: 2.2vw;}
/* content03_02 */
.content03_02 {width: 70%;}
.content03_02_a {padding: 2.3vw 0;font-size: 1.6vw;}
.content03_02_a1 {width: 20%;font-size: 1.6vw;}
.content03_02_a2 {width: 75%;font-size: 1.6vw;-webkit-line-clamp: 1;}
/* content03_03 */
.content03_03 {margin-top: 2.5vw;}
.content03_03_a {width: 26%;}
/*----- content04 -----*/
#content04 {padding: 12.5vw 0 0;}
#content04::before {content: "";position: absolute;top: 0;left: 0;width: 95%;height: 50vw;}
.content04_t0_img {top: -1vw;left: -0.5vw;width: 92%;}
.content04 {width: 90%;}
/* content04_01 */
.content04_01_t1 {font-size: 6.6vw;}
/* content04_02 */
.content04_02 {width: 90%;margin: 7vw auto 0;}
.content04_02 iframe {aspect-ratio: 4 / 4;}  
}


@media screen and (max-width:500px) {
/*----- main -----*/
#main {}
.main_t1 {left: 3%;bottom: 3vw;width: 95%;font-size: 12.6vw;}
/*----- content01 -----*/
#content01 {padding: 12vw 0 12vw;background-image:url("../img/content01_bg.png");}
.content01_t0_img {top: 0;left: -8vw;width: 81%;}
.content01 {padding-left: 0vw;}
/* content01_01 */
.content01_01_t1 {font-size: 7.4vw;text-align: center;}
/* content01_02 */
.content01_02 {position: relative;left: auto;top: auto;width: 57%;margin: 2vw auto 0;}
/* content01_03 */
.content01_03 {margin-top: 5vw;}
.content01_03_t1 {font-size: 3vw;line-height: 160%;}
/* content01_04 */
.content01_04 {width: 100%;margin-top: 5vw;}
.content01_04_a {width: 48%;}
/*----- content02 -----*/
#content02 {padding: 12vw 0 12vw;}
.content02_t0_img {top: -1vw;left: -0.5vw;width: 90%;}
/* content02_01 */
.content02_01_t1 {font-size: 10.4vw;}
.content02_01_t1 span {margin-left: 0vw;}
/* content02_02 */
.content02_02 {width: 100%;margin-top: 50vw;}
.content02_02_t1 {font-size: 3vw;}
/* content02_03 */
.content02_03 {width: 100%;margin-top: 6vw;}
.content02_03_a {width: 53%;margin: 0 auto;}
/* content02_04 */
.content02_04 {right: -15vw;top: -4vw;width: 110%;}
.content02_04_img {width: 100%;}
/*----- content03 -----*/
#content03 {padding: 12vw 0 12vw;}
/* content03_01 */
.content03_01 {width: 100%;font-size: 0;}
.content03_01_t1 {display: inline-block;vertical-align: baseline;font-size: 9.2vw;}
.content03_01_t2 {display: inline-block;vertical-align: baseline;margin-top: 0;margin-left: 3.5vw;font-size: 3.6vw;}
/* content03_02 */
.content03_02 {width: 100%;margin-top: 5vw;}
.content03_02_a {padding: 3.58vw 3vw;font-size: 3vw;}
.content03_02_a1 {width: 100%;font-size: 3vw;text-align: left;}
.content03_02_a2 {width: 100%;margin-top: 1.5vw;font-size: 3vw;-webkit-line-clamp: 1;}
/* content03_03 */
.content03_03 {margin-top: 4vw;}
.content03_03_a {width: 53%;}
/*----- content04 -----*/
#content04 {padding: 12.5vw 0 0;}
#content04::before {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 70vw;}
.content04_t0_img {top: -1vw;left: -0.5vw;width: 92%;}
.content04 {width: 90%;}
/* content04_01 */
.content04_01_t1 {font-size: 10vw;}
/* content04_02 */
.content04_02 {width: 100%;margin: 7vw auto 0;}
.content04_02 iframe {aspect-ratio: 4 / 4;}  
}