@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 / 9;object-fit: cover;}
/*----- content02 -----*/
#content02 {width: 100%;padding: 7vw 0;background-color: #fff;}
.content02 {width: 67%;margin: 0 auto;}
/* content02_01 */
.content02_01 {opacity: 0;width: 100%;}
.content02_01_t1 {padding-bottom: 0.4vw;font-size: 2.1vw;font-weight: 500;line-height: 160%;border-bottom: solid 1px #0B54A3;color: #0B54A3;}
/* content02_02 */
.content02_02 {opacity: 0;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: 3vw;}
.content02_02_01 {width: 51%;}
.content02_02_01_img {width: 100%;}
.content02_02_02 {width: 45%;}
.content02_02_02_t1 {font-size: 1vw;line-height: 180%;}
.content02_02_02_01_img {width: 100%;margin-top: 3vw;}
/*----- content03 -----*/
#content03 {width: 100%;padding: 7vw 0;background-image: url('../img/page21/content03_bg.png');background-repeat: no-repeat;background-size: cover;background-position: center center;}
.content03 {width: 80%;margin: 0 auto;}
/* content03_01 */
.content03_01 {opacity: 0;width: 100%;text-align: center;}
.content03_01_t1 {font-size: 2.1vw;font-weight: 500;color: #fff;}
/* content03_02 */
.content03_02 {opacity: 0;width: 102%;margin: 2vw 0 0 -1%;font-size: 0;text-align: center;}
.content03_02_box {display: inline-block;vertical-align: middle;width: 24%;margin: 1vw 0.5% 0;}
.content03_02_box_in {position: relative;display: flex;align-items: center;width: 100%;min-height: 7.5vw;padding: 0 1vw;background-color: #fff;}
.content03_02_box_t1 {position: absolute;top: 0%;left: 0%;width: 5%;font-size: 4.5vw;font-weight: 600;line-height: 100%;color: #f5f5f5;}
.content03_02_box_t2 {position: relative;font-size: 1vw;line-height: 180%;}


@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: 7vw 0;}
.content02 {width: 90%;}
/* content02_01 */
.content02_01_t1 {padding-bottom: 0.4vw;font-size: 2.7vw;}
/* content02_02 */
.content02_02 {margin-top: 3vw;}
.content02_02_01 {width: 47%;}
.content02_02_01_img {width: 100%;}
.content02_02_02 {width: 50%;}
.content02_02_02_t1 {font-size: 1.6vw;line-height: 180%;}
.content02_02_02_01_img {width: 100%;margin-top: 3vw;}
/*----- content03 -----*/
#content03 {padding: 7vw 0;}
.content03 {width: 90%;}
/* content03_01 */
.content03_01_t1 {font-size: 2.7vw;}
/* content03_02 */
.content03_02 {width: 102%;margin: 2vw 0 0 -1%;}
.content03_02_box {width: 48%;margin: 1vw 1% 0;}
.content03_02_box_in {width: 100%;min-height: 9vw;padding: 0 1vw;}
.content03_02_box_t1 {position: absolute;top: 0%;left: 0%;width: 5%;font-size: 5.1vw;}
.content03_02_box_t2 {position: relative;font-size: 1.6vw;line-height: 160%;}
}


@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: 7vw 0;}
/* content02_01 */
.content02_01_t1 {padding-bottom: 1vw;font-size: 4.1vw;}
/* content02_02 */
.content02_02 {margin-top: 4vw;}
.content02_02_01 {width: 100%;}
.content02_02_01_img {aspect-ratio: 10 / 5;object-fit: cover;}
.content02_02_02 {width: 100%;margin-top: 4vw;}
.content02_02_02_t1 {font-size: 3vw;line-height: 180%;}
.content02_02_02_01_img {width: 100%;margin-top: 4vw;}
/*----- content03 -----*/
#content03 {padding: 7vw 0;}
/* content03_01 */
.content03_01_t1 {font-size: 4.1vw;}
/* content03_02 */
.content03_02 {width: 100%;margin: 2vw 0 0 0;}
.content03_02_box {width: 100%;margin: 1.5vw 0 0;}
.content03_02_box_in {width: 100%;min-height: 13vw;padding: 0 1vw;}
.content03_02_box_t1 {position: absolute;top: 0%;left: 0%;width: 5%;font-size: 6.5vw;}
.content03_02_box_t2 {position: relative;font-size: 3vw;line-height: 160%;}
}