@charset "UTF-8";
/* CSS Document */
/*----- main -----*/
#main {position: relative;width: 100%;padding-bottom: 8vw;}
.main {width: 100%;margin: 0 auto;padding: 9.5vw 0 27vw;background-image:url("../img/page17/main.png");background-size: 100%;background-size:cover;background-repeat: no-repeat;border-top: solid 2px #efefef;}
/* main_01 */
.main_01 {width: 70%;margin: 0 auto;}
.main_01_t1 {opacity: 0;font-size: 3vw;font-weight: 500;letter-spacing: 0.2vw;}
/* main_02 */
.main_02 {opacity: 0;position: absolute;left: 0;bottom: 0;width: 87%;background-color: #fff;}
.main_02_in {position: relative;min-height: 26vw;}
.main_02_t {position: absolute;top: 50%;right: 0;-webkit-transform: translateY(-50%);transform: translateY(-50%);width: 100%;padding: 2vw 10vw 2vw 15vw;box-sizing: border-box;}
.main_02_t1 {font-size: 1.9vw;font-weight: 500;line-height: 160%;}
.main_02_t2 {margin-top: 2.5vw;font-size: 1.1vw;line-height: 160%;}

/*----- content01 -----*/
#content01 {width: 100%;padding-top: 5vw;}
.content01 {width: 75%;margin: 0 auto;font-size: 0;}
.content01_box {opacity: 0;display: inline-block;vertical-align: top;position: relative;width: 48%;margin-bottom: 1vw;padding: 4vw 3vw 17vw;box-shadow: 0 0 15px #cfcfcf;background-color: #fff;box-sizing: border-box;}
.content01_box:hover {transform:scale(1.05,1.05);}
.content01 .ma_3 {margin-top: 2vw;margin-left: 4%;padding: 4vw 3vw 19vw;}
.content01_box_san {position: absolute;top: 0.8vw;left: 0.8vw;width: 0;height: 0;border-style: solid;border-width: 11vw 5vw 0 0;border-color: #F2F4F7 transparent transparent transparent;}
.content01_box_img {position: absolute;bottom: 0;right: 0;width: 60%;}
.content01_box_t {position: relative;width: 100%;z-index: 10;}
.content01_box_t1 {font-size: 1.6vw;font-weight: 500;color: #1E6FC0;}
.content01_box_t2 {margin-top: 1.5vw;font-size: 1vw;line-height: 160%;}

/*----- content02 -----*/
#content02 {width: 100%;padding: 9vw 0 10vw;}
.content02 {width: 100%;}
.content02_box {position: relative;display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-flex-wrap: wrap;flex-wrap: wrap;width: 100%;margin: 0 auto 6vw;}
.content02_l {opacity: 0;width: 56%;padding: 5vw 0 0 15%;box-sizing: border-box;}
.content02_a1 {position: relative;display: block;width: 100%;font-size: 1.8vw;font-weight: 500;line-height: 120%;}
.content02_a1:before {content: '';position: absolute;top: 45%;left: -12%;display: inline-block;width: 11%;height: 0.5vw;background-color: #226dbb;-webkit-transform: rotate(-70deg);transform: rotate(-70deg);}
.content02_a1 span {margin-left: 2vw;font-size: 1.1vw;color: #1E6FC0;}
.content02_a1 i {margin-left: 0.5vw;font-size: 1.2vw;}
.content02_t1 {margin: 2.5vw 0 3vw;font-size: 1.2vw;line-height: 160%;}
.content02_a2 {position: relative;display: block;width: 100%;padding: 1.5vw 1.5vw;font-size: 0;border-top: solid 1px #efefef;border-bottom: solid 1px #efefef;box-sizing: border-box;}
.content02_a2:hover {background-color: #efefef;}
.content02_a2 i {position: absolute;top: 50%;right: 5%;-webkit-transform: translateY(-50%);transform: translateY(-50%);font-size: 1.4vw;text-align: right;color: #1E6FC0;}
.content02_a2_t1 {display: inline-block;vertical-align: middle;width: 30%;font-size: 1.1vw;font-weight: 500;line-height: 140%;color: #1E6FC0;}
.content02_a2_t2 {display: inline-block;vertical-align: middle;width: 60%;font-size: 1vw;line-height: 150%;}
.content02_r {opacity: 0;width: 40%;margin: auto 0 0;}
.content02_r_img {width: 100%;}


@media screen and (max-width:960px) {
/*----- main -----*/
#main {padding-bottom: 8vw;}
.main {padding: 10vw 0 30vw;}
/* main_01 */
.main_01 {width: 90%;}
.main_01_t1 {font-size: 3.6vw;letter-spacing: 0.2vw;}
/* main_02 */
.main_02 {width: 95%;}
.main_02_in {min-height: 26vw;}
.main_02_t {padding: 2vw 5vw;}
.main_02_t1 {font-size: 2.4vw;line-height: 140%;}
.main_02_t2 {margin-top: 2.5vw;font-size: 1.7vw;line-height: 160%;}

/*----- content01 -----*/
#content01 {padding-top: 5vw;}
.content01 {width: 90%;}
.content01_box {width: 48%;margin-bottom: 1vw;padding: 4vw 3vw 17vw;}
.content01_box:hover {transform:scale(1.05,1.05);}
.content01 .ma_3 {margin-top: 2vw;margin-left: 4%;padding: 4vw 3vw 19vw;}
.content01_box_san {top: 0.8vw;left: 0.8vw;border-width: 11.6vw 5.6vw 0 0;}
.content01_box_img {width: 50%;}
.content01_box_t1 {font-size: 2.2vw;}
.content01_box_t2 {margin-top: 1.5vw;font-size: 1.6vw;line-height: 160%;}

/*----- content02 -----*/
#content02 {padding: 9vw 0 10vw;}
.content02 {width: 90%;margin: 0 auto;}
.content02_box {margin: 0 auto 6vw;}
.content02_l {width: 60%;padding: 5vw 0 0 0;}
.content02_a1 {padding-left: 5vw;font-size: 2.4vw;box-sizing: border-box;}
.content02_a1:before {left: -1%;width: 10%;height: 0.5vw;}
.content02_a1 span {margin-left: 2vw;font-size: 1.7vw;}
.content02_a1 i {margin-left: 0.5vw;font-size: 1.8vw;}
.content02_t1 {margin: 2.5vw 0 3vw;font-size: 1.8vw;line-height: 160%;}
.content02_a2 {padding: 1.5vw 1.5vw;}
.content02_a2 i {right: 0%;font-size: 2vw;}
.content02_a2_t1 {width: 30%;font-size: 1.7vw;line-height: 140%;}
.content02_a2_t2 {width: 60%;font-size: 1.6vw;line-height: 150%;}
.content02_r {width: 35%;}
.content02_r_img {width: 100%;}
}


@media screen and (max-width:500px) {
/*----- main -----*/
#main {padding-bottom: 0vw;}
.main {padding: 0;background: none;}
/* main_01 */
.main_01 {width: 100%;padding: 10vw 0;background-image:url("../img/page17/main.png");background-size: 100%;background-size:cover;background-repeat: no-repeat;}
.main_01_t1 {width: 90%;margin: 0 auto;font-size: 5vw;letter-spacing: 0.2vw;}
/* main_02 */
.main_02 {position: relative;width: 100%;}
.main_02_in {min-height: auto;}
.main_02_t {position: relative;top: 0%;right: 0;-webkit-transform: translateY(-0%);transform: translateY(-0%);padding: 5vw 5vw;}
.main_02_t1 {font-size: 3.8vw;line-height: 140%;}
.main_02_t2 {margin-top: 2.5vw;font-size: 3.1vw;line-height: 160%;}

/*----- content01 -----*/
#content01 {padding-top: 5vw;}
.content01_box {width: 100%;margin-bottom: 0vw;padding: 5vw 5vw 17vw;}
.content01 .ma_3 {margin-top: 4vw;margin-left: 0%;padding: 5vw 5vw 21vw;}
.content01_box_san {top: 1vw;left: 1vw;border-width: 20vw 10vw 0 0;}
.content01_box_img {width: 35%;}
.content01_box_t1 {font-size: 3.6vw;}
.content01_box_t2 {margin-top: 1.5vw;font-size: 3vw;line-height: 160%;}

/*----- content02 -----*/
#content02 {padding: 9vw 0 10vw;}
.content02_box {margin: 0 auto 6vw;}
.content02_l {width: 100%;padding: 5vw 0 0 0;}
.content02_a1 {padding-left: 6vw;font-size: 3.8vw;box-sizing: border-box;}
.content02_a1:before {left: -2%;width: 10%;height: 0.8vw;}
.content02_a1 span {margin-left: 3vw;font-size: 3.1vw;}
.content02_a1 i {margin-left: 1.5vw;font-size: 3.2vw;}
.content02_t1 {margin: 5vw 0 5vw;font-size: 3.2vw;line-height: 140%;}
.content02_a2 {padding: 2vw 2vw;}
.content02_a2 i {right: 2%;font-size: 3.4vw;}
.content02_a2_t1 {width: 30%;font-size: 3.1vw;line-height: 140%;}
.content02_a2_t2 {width: 60%;padding-left: 2vw;font-size: 3vw;line-height: 150%;box-sizing: border-box;}
.content02_r {width: 60%;margin: 3vw auto 0;}
.content02_r_img {width: 100%;}
}