@charset "UTF-8";
/* CSS Document */
/*----- main -----*/
main {width: 100%;overflow: hidden;}
#main {position: relative;width: 100%;margin-top: 5.8vw;padding: 0.5vw 0 10.5vw;background-image:url("../img/page3/main_bg.png");background-size: 100%;background-size:cover;background-repeat: no-repeat;}
.main {width: 100%;margin: 0 auto;}
/* main_pan */
.main_pan {width: 97%;margin: 0 auto;padding-top: 0.5vw;font-size: 0.9vw;color: #0F4558;}
.main_pan .archive {margin: 0 0.5vw;}
.main_pan a {display: inline-block;margin: 0 0.5vw;font-size: 0.9vw;color: #0F4558;text-decoration-line: underline;}
/* main_01 */
.main_01 {opacity: 0;width: 75%;margin: 7.4vw auto 0;color: #0F4558;}
.main_01_t1 {font-size: 6.8vw;line-height: 100%;}
.main_01_t2 {margin-top: 1.3vw;font-size: 1.3vw;}
/*----- content01 -----*/
#content01 {position: relative;width: 100%;padding: 9vw 0 9vw;}
.content01_t0_img {position: absolute;bottom: -2vw;left: 0vw;width: 81%;}
.content01 {width: 73%;margin: 0 auto;}
/* content01_01 */
.content01_01 {position: relative;width: 100%;text-align: center;color: #0F4558;}
.content01_01_t1 {font-size: 3.2vw;font-weight: 500;line-height: 140%;}
.content01_01_t2 {margin-top: 2.5vw;font-size: 1.34vw;line-height: 220%;}
/*----- content02 -----*/
#content02 {position: relative;width: 100%;padding: 8vw 0 8vw;background-color: #E4F3F7;border-radius: 0 10vw 0 10vw;}
.content02 {width: 65%;margin: 0 auto;}
/* content02_01 */
.content02_01 {width: 100%;color: #0F4558;}
.content02_01_t1 {font-size: 1.6vw;}
.content02_01_t2 {margin-top: 1.5vw;font-size: 3.2vw;font-weight: 500;line-height: 140%;}
/* content02_02 */
.content02_02 {width: 100%;margin-top: 3vw;font-size: 0;}
.content02_02_i {display: inline-block;vertical-align: middle;width: 24%;}
.content02_02_img {width: 100%;border-radius: 0 2vw 0 2vw;}
.content02_02_t {display: inline-block;vertical-align: middle;width: 76%;padding-left: 4vw;}
.content02_02_t1 {font-size: 1.2vw;line-height: 200%;}
/*----- content03 -----*/
#content03 {position: relative;width: 100%;padding: 9vw 0 8vw;}
#content03::before {content: "";position: absolute;top: 0;right: 0;width: 30%;height: 61%;background-color: #BBDBDE;z-index: 0;}
.content03 {width: 73%;padding-right: 36%;margin: 0 auto;}
/* content03_01 */
.content03_01 {position: relative;width: 100%;}
.content03_01_t1 {font-size: 2.7vw;font-weight: 500;line-height: 140%;color: #0F4558;}
/* content03_02 */
.content03_02 {position: absolute;right: 8vw;top: 9vw;width: 38%;}
.content03_02_01_img {display: block;margin: 0 auto 0 0;width: 85%;}
.content03_02_02_img {display: block;margin: 3vw 0 0 auto;width: 69%;}
/* content03_03 */
.content03_03 {position: relative;width: 100%;}
.content03_03_t1 {margin-top: 2.5vw;font-size: 1.1vw;line-height: 180%;}
/*----- content04 -----*/
#content04 {position: relative;width: 100%;padding: 9vw 0 8vw;background-image:url("../img/page1/content04_bg.png");background-size: 100%;background-size:cover;background-repeat: no-repeat;}
.content04 {width: 73%;margin: 0 auto;}
/* content04_01 */
.content04_01 {width: 100%;text-align: center;color: #0F4558;}
.content04_01_t1 {font-size: 1.9vw;font-weight: 500;line-height: 140%;}
.content04_01_t2 {margin-top: 1.5vw;font-size: 2.9vw;font-weight: 500;line-height: 140%;}
/* content04_02 */
.content04_02 {width: 100%;margin-top: 3vw;text-align: center;color: #0F4558;}
.content04_02_box {position: relative;display: inline-block;vertical-align: top;width: 17vw;height: 17vw;margin: 0 1.2%;background-color: #fff;border-radius: 50%;box-shadow: 0 3px 45px #B6D2DB;}
.content04_02_in {position: absolute;top: 50%;right: 5%;-webkit-transform: translateY(-50%);transform: translateY(-50%);width: 90%;}
.content04_02_img {height: 3vw;}
.content04_02_t1 {margin-top: 1.5vw;font-size: 1.5vw;line-height: 120%;}
/* content04_03 */
.content04_03 {width: 100%;margin-top: 3.5vw;text-align: center;color: #0F4558;}
.content04_03_t1 {font-size: 1.4vw;line-height: 170%;}
/*----- footer -----*/
footer {margin-top: 5vw;}


@media screen and (max-width:960px) {
/*----- main -----*/
#main {margin-top: 8.5vw;padding: 0.5vw 0 10.5vw;}
/* main_pan */
.main_pan {width: 97%;padding-top: 0.5vw;font-size: 1.5vw;}
.main_pan .archive {margin: 0 1vw;}
.main_pan a {margin: 0 1vw;font-size: 1.5vw;}
/* main_01 */
.main_01 {width: 90%;margin: 7.4vw auto 0;}
.main_01_t1 {font-size: 7.4vw;}
.main_01_t2 {margin-top: 1.3vw;font-size: 1.9vw;}
/*----- content01 -----*/
#content01 {padding: 9vw 0 9vw;}
.content01_t0_img {bottom: -2vw;left: 0vw;width: 81%;}
.content01 {width: 90%;}
/* content01_01 */
.content01_01_t1 {font-size: 3.8vw;}
.content01_01_t2 {margin-top: 2.5vw;font-size: 1.9vw;line-height: 220%;}
/*----- content02 -----*/
#content02 {padding: 8vw 0 8vw;border-radius: 0 8vw 0 8vw;}
.content02 {width: 90%;}
/* content02_01 */
.content02_01_t1 {font-size: 2.2vw;}
.content02_01_t2 {margin-top: 1.5vw;font-size: 3.8vw;}
/* content02_02 */
.content02_02 {margin-top: 3vw;}
.content02_02_i {width: 24%;}
.content02_02_img {border-radius: 0 2vw 0 2vw;}
.content02_02_t {width: 76%;padding-left: 4vw;}
.content02_02_t1 {font-size: 1.8vw;line-height: 200%;}
/*----- content03 -----*/
#content03 {padding: 9vw 0 8vw;}
#content03::before {top: 0;right: 0;width: 32%;height: 46%;}
.content03 {width: 90%;padding-right: 36%;}
/* content03_01 */
.content03_01_t1 {font-size: 3.3vw;}
/* content03_02 */
.content03_02 {right: 0vw;top: 9vw;width: 38%;}
.content03_02_01_img {display: block;margin: 0 auto 0 0;width: 85%;}
.content03_02_02_img {display: block;margin: 3vw 0 0 auto;width: 69%;}
/* content03_03 */
.content03_03_t1 {margin-top: 2.5vw;font-size: 1.7vw;line-height: 180%;}
/*----- content04 -----*/
#content04 {padding: 9vw 0 8vw;}
.content04 {width: 90%;}
/* content04_01 */
.content04_01_t1 {font-size: 2.5vw;}
.content04_01_t2 {margin-top: 1.5vw;font-size: 3.5vw;}
/* content04_02 */
.content04_02 {margin-top: 3vw;}
.content04_02_box {width: 22vw;height: 22vw;margin: 0 1.2%;}
.content04_02_in {top: 50%;right: 5%;-webkit-transform: translateY(-50%);transform: translateY(-50%);width: 90%;}
.content04_02_img {height: 5vw;}
.content04_02_t1 {margin-top: 1.5vw;font-size: 2.1vw;}
/* content04_03 */
.content04_03 {margin-top: 3.5vw;}
.content04_03_t1 {font-size: 2vw;line-height: 170%;}
}


@media screen and (max-width:500px) {
/*----- main -----*/
#main {margin-top: 16vw;padding: 1.5vw 0 10vw;}
/* main_pan */
.main_pan {width: 97%;padding-top: 0.5vw;font-size: 3vw;}
.main_pan .archive {margin: 0 1.5vw;}
.main_pan a {margin: 0 1.5vw;font-size: 3vw;}
/* main_01 */
.main_01 {width: 90%;margin: 7vw auto 0;}
.main_01_t1 {font-size: 10vw;}
.main_01_t2 {margin-top: 2vw;font-size: 3.5vw;}
/*----- content01 -----*/
#content01 {padding: 9vw 0 9vw;}
.content01_t0_img {bottom: -2vw;left: 0vw;width: 81%;}
/* content01_01 */
.content01_01_t1 {font-size: 6vw;}
.content01_01_t2 {margin-top: 2.5vw;font-size: 3.3vw;line-height: 220%;}
/*----- content02 -----*/
#content02 {padding: 8vw 0 8vw;border-radius: 0 6vw 0 6vw;}
/* content02_01 */
.content02_01_t1 {font-size: 3.8vw;}
.content02_01_t2 {margin-top: 1.5vw;font-size: 5.4vw;}
/* content02_02 */
.content02_02 {margin-top: 4vw;}
.content02_02_i {width: 100%;}
.content02_02_img {width: 50%;border-radius: 0 5vw 0 5vw;}
.content02_02_t {width: 100%;padding-left: 0;}
.content02_02_t1 {margin-top: 4vw; font-size: 3vw;line-height: 180%;}
/*----- content03 -----*/
#content03 {padding: 9vw 0 8vw;}
#content03::before {top: 30vw;right: 0;width: 90%;height: 50vw;}
.content03 {padding-right: 0;}
/* content03_01 */
.content03_01_t1 {font-size: 4.9vw;}
/* content03_02 */
.content03_02 {position: relative;right: 0;top: 0;width: 100%;margin-top: 4vw;}
.content03_02_01_img {display: block;margin: 0 auto 0 0;width: 65%;}
.content03_02_02_img {display: block;margin: 3vw 0 0 auto;width: 50%;}
/* content03_03 */
.content03_03_t1 {margin-top: 5vw;font-size: 3vw;line-height: 180%;}
/*----- content04 -----*/
#content04 {padding: 9vw 0 8vw;}
/* content04_01 */
.content04_01_t1 {font-size: 4.1vw;}
.content04_01_t2 {margin-top: 3.5vw;font-size: 6vw;}
/* content04_02 */
.content04_02 {margin-top: 5vw;}
.content04_02_box {width: 41vw;height: 41vw;margin: 0 1.2%;}
.content04_02_box:first-child {margin: 0 5% -3vw;}
.content04_02_in {top: 50%;right: 5%;-webkit-transform: translateY(-50%);transform: translateY(-50%);width: 90%;}
.content04_02_img {height: 8vw;}
.content04_02_t1 {margin-top: 3.5vw;font-size: 3.4vw;}
/* content04_03 */
.content04_03 {margin-top: 4vw;}
.content04_03_t1 {font-size: 3.4vw;line-height: 170%;}
}