@charset "UTF-8";
/* CSS Document */
/*----- content01 -----*/
#content01 {position: relative;width: 100%;background-color: #fff;}
.content01 {opacity: 0;width: 100%;padding: 7vw 0 0;}
/* content01_01 */
.content01_01 {width: 100%;}
.content01_01_t {width: 90%;padding: 6vw 37vw 7vw 16vw;background-color: #f5f5f5;}
.content01_01_t1 {font-size: 2.3vw;font-weight: 500;line-height: 140%;}
.content01_01_t2 {margin-top: 1.5vw;font-size: 0.95vw;line-height: 210%;}
.content01_01_i {position: absolute;top: 0;right: 0;width: 45%;}
.content01_01_img {width: 100%;aspect-ratio: 10 / 8;object-fit: cover;}
/*----- content02 -----*/
#content02 {width: 100%;padding: 10vw 0 7vw;background-color: #fff;}
.content02 {width: 100%;margin: 0 auto;}
/* content02_01 */
.content02_01 {opacity: 0;width: 67%;margin: 0 auto;color: #0B54A3;}
.content02_01_t1 {font-size: 4.8vw;font-weight: 600;line-height: 100%;}
.content02_01_t2 {margin-top: 1vw;font-size: 1.1vw;font-weight: 600;letter-spacing: 0.1vw;}
.content02_01_t2 i {display: inline-block;vertical-align: middle;margin-right: 0.5vw;font-size: 0.7vw;color: #099151;}
/* content02_02 */
.content02_02 {width: 100%;margin-top: 4vw;padding-left: 16.5vw;}
.content02_02_box {opacity: 0;width: 100%;margin-top: 4vw;font-size: 0;}
.content02_02_t {position: relative;display: inline-block;vertical-align: middle;width: 30%;}
.content02_02_t1 {z-index: 5;position: relative;width: 100%;padding: 0 2vw 0.8vw 0;font-size: 1.6vw;font-weight: 500;border-bottom: solid 1px #0B54A3;color: #0B54A3;}
.content02_02_t2 {z-index: 5;position: relative;width: 100%;padding: 0 2vw 0 0;margin-top: 1.5vw;font-size: 1vw;line-height: 180%;}
.content02_02_t3 {position: absolute;top: -4vw;left: -2vw;font-size: 5.5vw;font-weight: 600;color: #F5F5F5;}
.content02_02_a1 {position: relative;display: block;width: 50%;margin: 2vw auto 0 0;padding: 0.4vw 0;font-size: 0.9vw;font-weight: 500;color: #fff;background: linear-gradient(#086CBA, #0953A1);text-align: center;border: solid 1px #086CBA;border-radius: 5vw;}
.content02_02_a1:hover {color: #086CBA;background: #fff;box-sizing: border-box;}
.content02_02_a1 i {position: absolute;top: 50%;left: 7%;-webkit-transform: translateY(-50%);transform: translateY(-50%);width: 5%;font-size: 0.8vw;color: #099151;}
.content02_02_i {display: inline-block;vertical-align: middle;width: 70%;}
.content02_02_img {width: 100%;aspect-ratio: 20 / 9;object-fit: cover;}


@media screen and (max-width:960px) {
/*----- content01 -----*/
.content01 {padding: 7vw 0 0;}
/* content01_01 */
.content01_01_t {width: 90%;padding: 6vw 28vw 7vw 5vw;}
.content01_01_t1 {font-size: 2.9vw;}
.content01_01_t2 {margin-top: 1.5vw;font-size: 1.6vw;line-height: 180%;}
.content01_01_i {position: absolute;top: 0;right: 0;width: 35%;}
.content01_01_img {width: 100%;aspect-ratio: 10 / 12;object-fit: cover;}
/*----- content02 -----*/
#content02 {padding: 10vw 0 7vw;}
.content02 {width: 100%;}
/* content02_01 */
.content02_01 {width: 90%;}
.content02_01_t1 {font-size: 5.4vw;}
.content02_01_t2 {margin-top: 1vw;font-size: 1.7vw;}
.content02_01_t2 i {margin-right: 0.5vw;font-size: 1.3vw;}
/* content02_02 */
.content02_02 {margin-top: 4vw;padding-left: 5vw;}
.content02_02_box {margin-top: 4vw;}
.content02_02_t {width: 50%;}
.content02_02_t1 {padding: 0 2vw 0.8vw 0;font-size: 2.2vw;}
.content02_02_t2 {padding: 0 2vw 0 0;margin-top: 1.5vw;font-size: 1.6vw;line-height: 180%;}
.content02_02_t3 {top: -3vw;left: -3vw;font-size: 6.1vw;}
.content02_02_a1 {width: 50%;margin: 2vw auto 0 0;padding: 1vw 0;font-size: 1.6vw;}
.content02_02_a1 i {top: 50%;left: 7%;-webkit-transform: translateY(-50%);transform: translateY(-50%);width: 5%;font-size: 1.4vw;}
.content02_02_i {width: 50%;}
.content02_02_img {width: 100%;aspect-ratio: 20 / 15;object-fit: cover;}
}


@media screen and (max-width:500px) {
/*----- content01 -----*/
.content01 {padding: 7vw 0 0;}
/* content01_01 */
.content01_01_t {width: 100%;padding: 6vw 5vw;}
.content01_01_t1 {font-size: 4.3vw;}
.content01_01_t2 {margin-top: 2.5vw;font-size: 3vw;}
.content01_01_i {position: relative;top: 0;right: 0;width: 100%;}
.content01_01_img {width: 100%;aspect-ratio: 10 / 3;object-fit: cover;}
/*----- content02 -----*/
#content02 {padding: 10vw 0 7vw;}
/* content02_01 */
.content02_01 {width: 90%;}
.content02_01_t1 {font-size: 6.8vw;}
.content02_01_t2 {margin-top: 2vw;font-size: 3.1vw;}
.content02_01_t2 i {margin-right: 1vw;font-size: 2.8vw;}
/* content02_02 */
.content02_02 {margin-top: 5vw;padding-left: 5vw;}
.content02_02_box {margin-top: 7vw;}
.content02_02_t {width: 100%;}
.content02_02_t1 {padding: 0 5vw 1vw 0;font-size: 3.6vw;}
.content02_02_t2 {padding: 0 5vw 0 0;margin-top: 2.5vw;font-size: 3vw;line-height: 180%;}
.content02_02_t3 {top: -3vw;left: -3vw;font-size: 7.5vw;}
.content02_02_a1 {width: 95%;margin: 2vw auto 0 0;padding: 2.5vw 0;font-size: 3vw;}
.content02_02_a1 i {top: 50%;left: 7%;-webkit-transform: translateY(-50%);transform: translateY(-50%);width: 5%;font-size: 3vw;}
.content02_02_i {width: 100%;margin-top: 3vw;}
.content02_02_img {width: 100%;aspect-ratio: 10 / 3;object-fit: cover;}
}