@charset "UTF-8";
/* CSS Document */
/*----- content01 -----*/
#content01 {position: relative;overflow: hidden;width: 100%;background-color: #fff;}
.content01 {width: 100%;font-size: 0;}
/* content01_01 */
.content01_01 {opacity: 0;display: inline-block;vertical-align: top;width: 65%;min-height: 33vw;padding: 8vw 2vw 7vw 10vw;background-color: #F6F6F4;}
.content01_01_t1 {font-size: 4.1vw;font-weight: 700;line-height: 100%;color: #D8000F;}
.content01_01_t2 {margin-top: 0.5vw;font-size: 1.1vw;line-height: 160%;color: #D8000F;}
.content01_01_t3 {margin-top: 2vw;font-size: 1.05vw;line-height: 180%;}
/* content01_02 */
.content01_02 {opacity: 0;display: inline-block;vertical-align: top;width: 35%;}
.content01_02_img {width: 100%;aspect-ratio: 10 / 11;object-fit: cover;}
/*----- content02 -----*/
#content02 {overflow: hidden;width: 100%;padding: 7vw 0 9vw;background-color: #fff;}
.content02 {opacity: 0;width: 65%;margin: 0 auto;}
/* content02_01 */
.content02_01 {width: 100%;text-align: center;}
.content02_01_t1 {font-size: 3.3vw;font-weight: 700;}
.content02_01_t2 {margin-top: 0.5vw;font-size: 1.2vw;font-weight: 500;}
/* content02_02 */
.content02_02 {width: 100%;margin-top: 2.5vw;font-size: 0;}
.content02_02_box {position: relative;display: inline-block;vertical-align: top;width: 31.3%;margin: 0 1%;padding: 12vw 1.2vw 1.2vw;border-radius: 1vw;box-shadow: 2px 2px 5px #afafaf;}
.content02_02_box:hover {opacity: 0.8;transform: scale(0.95,0.95);}
.content02_02_box:nth-child(1) {background-image: url('../img/page11/content02_02_01.png');background-repeat: no-repeat;background-size: cover;background-position: center center;}
.content02_02_box:nth-child(2) {background-image: url('../img/page11/content02_02_02.png');background-repeat: no-repeat;background-size: cover;background-position: center center;}
.content02_02_box:nth-child(3) {background-image: url('../img/page11/content02_02_03.png');background-repeat: no-repeat;background-size: cover;background-position: center center;}
.content02_02_t1 {width: 100%;font-size: 1.1vw;font-weight: 600;line-height: 100%;color: #fff;}
/*----- content03 -----*/
#content03 {overflow: hidden;width: 100%;padding: 6vw 0;background-color: #F6F6F4;}
.content03 {opacity: 0;display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-flex-wrap: wrap;flex-wrap: wrap;width: 80%;margin: 0 auto;}
/* content03_01 */
.content03_01 {width: 20%;padding-left: 8vw;}
.content03_01_t1 {width: 100%;font-size: 2.8vw;font-weight: 600;line-height: 100%;letter-spacing: 0.2vw;writing-mode: vertical-lr;text-orientation: upright;color: #D8000F;}
/* content03_02 */
.content03_02 {width: 80%;}
.content03_02_box {overflow: hidden;width: 100%;margin-bottom: 1.5vw;background-color: #fff;border-radius: 0.5vw;font-size: 0;}
.content03_02_box:last-child {margin-bottom: 0;}
.content03_02_box_i {display: inline-block;vertical-align: middle;width: 33%;}
.content03_02_box_img {width: 100%;aspect-ratio: 4 / 3;object-fit: cover;}
.content03_02_box_t {display: inline-block;vertical-align: middle;width: 67%;padding: 2vw 3vw;}
.content03_02_box_t1 {font-size: 1.6vw;font-weight: 500;}
.content03_02_box_t2 {margin-top: 1vw;font-size: 0.9vw;line-height: 180%;}
.content03_02_box_a1 {display: block;width: 25%;margin: 1vw 0 0 auto;font-size: 0.9vw;font-weight: 700;text-align: center;}
.content03_02_box_a1:hover {text-decoration-line: underline;color: #D8000F;}
.content03_02_box_a1 i {vertical-align: middle;margin-left: 0.5vw;font-size: 1.5vw;}
/*----- content04 -----*/
#content04 {position: relative;overflow: hidden;width: 100%;padding: 8vw 0;background-color: #fff;}
.content04_t0 {position: absolute;left: 6vw;top: -5vw;width: 76%;}
.content04 {opacity: 0;position: relative;width: 80%;margin: 0 auto;}
/* content04_01 */
.content04_01 {width: 100%;font-size: 0;padding-left: 8vw;}
.content04_01_l {display: inline-block;vertical-align: middle;width: 80%;}
.content04_01_t1 {font-size: 5vw;font-weight: 700;line-height: 100%;letter-spacing: 0.2vw;color: #D8000F;}
.content04_01_t2 {margin-top: 0vw;font-size: 1.2vw;font-weight: 600;color: #D8000F;}
.content04_01_r {display: inline-block;vertical-align: middle;width: 20%;}
.content04_01_a1 {position: relative;display: block;width: 100%;padding: 0.7vw 3vw 0.7vw 1.5vw;font-size: 0.9vw;font-weight: 500; background-color: #000;color: #fff;border-radius: 10vw;}
.content04_01_a1:hover {background-color: #D8000F;}
.content04_01_a1 i {position: absolute;top: 50%;right: 5%;-webkit-transform: translateY(-50%);transform: translateY(-50%);font-size: 1.5vw;font-weight: 100;}
/* content04_02 */
.content04_02 {width: 100%;margin-top: 2vw;font-size: 0;padding-left: 8vw;text-align: right;}
.content04_02_box {position: relative;display: inline-block;vertical-align: top;width: 27%;}
.content04_02_box:nth-child(1) {margin-top: 4vw;margin-right: 3.5%;}
.content04_02_box:nth-child(2) {margin-top: 2vw;margin-right: 3.5%;}
.content04_02_01 {width: 100%;}
.content04_02_01_img {width: 100%;aspect-ratio: 10 / 14;object-fit: cover;}
.content04_02_02 {width: 100%;margin-top: 1vw;}
.content04_02_02_t1 {font-size: 1vw;line-height: 160%;text-align: left;}
.content04_02_02_a1 {display: block;width: 50%;margin: 1vw 0 0 auto;font-size: 0.9vw;font-weight: 700;text-align: right;}
.content04_02_02_a1:hover {text-decoration-line: underline;color: #D8000F;}
.content04_02_02_a1 i {vertical-align: middle;margin-left: 0.5vw;font-size: 1.5vw;}
.content04_02_03 {position: absolute;top: 20vw;left: -1vw;width: 100%;padding: 1.2vw 1.2vw;text-align: left;background-color: rgba(0,0,0,0.90);color: #fff;}
.content04_02_03_t1 {font-size: 0.9vw;}
.content04_02_03_t2 {margin-top: 0.5vw;font-size: 1.2vw;font-weight: 500;}
/*----- content05 -----*/
#content05 {overflow: hidden;width: 100%;padding: 7vw 0 6vw;background-image: url('../img/page11/content05_bg.png');background-repeat: no-repeat;background-size: cover;background-position: center center;}
.content05 {opacity: 0;width: 80%;margin: 0 auto;}
/* content05_01 */
.content05_01 {width: 50%;}
.content05_01_t1 {font-size: 2vw;font-weight: 600;}
.content05_01_t2 {margin-top: 1.5vw;font-size: 1.1vw;line-height: 180%;}
.content05_01_a1 {display: inline-block;margin-top: 1.5vw;padding: 0 1vw;font-size: 0.9vw;font-weight: 500;}
.content05_01_a1:hover {text-decoration-line: underline;color: #D8000F;}
.content05_01_a1 i {vertical-align: middle;margin-left: 0.5vw;font-size: 1.4vw;}
/*----- content001 -----*/
#content001 {overflow: hidden;width: 100%;background: linear-gradient(-10deg, #121212, #292929);}
.content001 {opacity: 0;width: 100%;text-align: center;}
.content001_a1 {display: block;width: 100%;margin-left: -0.2vw; padding: 4vw 0 4vw;font-size: 2vw;font-weight: 600;letter-spacing: 0.2vw;color: #fff;}
.content001_a1:hover {transform: scale(1.05,1.05);}
.content001_a1 i {display: block;width: 100%;margin-top: 1.5vw;font-size: 2.2vw;font-weight: 100;}
/*----- footer -----*/
footer {margin-top: 0;}


@media screen and (max-width:960px) {
/*----- content01 -----*/
/* content01_01 */
.content01_01 {width: 65%;min-height: 33vw;padding: 7vw 2vw 7vw 5vw;}
.content01_01_t1 {font-size: 4.7vw;}
.content01_01_t2 {margin-top: 0.5vw;font-size: 1.7vw;}
.content01_01_t3 {margin-top: 2vw;font-size: 1.65vw;line-height: 180%;}
/* content01_02 */
.content01_02 {width: 35%;}
.content01_02_img {aspect-ratio: 10 / 13;object-fit: cover;}
/*----- content02 -----*/
#content02 {padding: 7vw 0 9vw;}
.content02 {width: 90%;}
/* content02_01 */
.content02_01_t1 {font-size: 3.9vw;}
.content02_01_t2 {margin-top: 0.5vw;font-size: 1.8vw;}
/* content02_02 */
.content02_02 {margin-top: 2.5vw;}
.content02_02_box {width: 31.3%;margin: 0 1%;padding: 10vw 1.5vw 1.5vw;}
.content02_02_t1 {font-size: 1.7vw;}
/*----- content03 -----*/
#content03 {padding: 6vw 0;}
.content03 {width: 90%;}
/* content03_01 */
.content03_01 {width: 10%;padding-left: 0;}
.content03_01_t1 {font-size: 3.4vw;}
/* content03_02 */
.content03_02 {width: 90%;}
.content03_02_box {margin-bottom: 1.5vw;}
.content03_02_box_i {width: 30%;}
.content03_02_box_img {width: 100%;aspect-ratio: 4 / 4;object-fit: cover;}
.content03_02_box_t {width: 70%;padding: 3vw 3vw;}
.content03_02_box_t1 {font-size: 3vw;}
.content03_02_box_t2 {margin-top: 1vw;font-size: 1.6vw;}
.content03_02_box_a1 {width: 25%;margin: 1vw 0 0 auto;font-size: 1.5vw;}
.content03_02_box_a1 i {margin-left: 1vw;font-size: 2.1vw;}
/*----- content04 -----*/
#content04 {padding: 8vw 0;}
.content04_t0 {left: 6vw;top: -5vw;width: 76%;}
.content04 {width: 90%;}
/* content04_01 */
.content04_01 {padding-left: 0vw;}
.content04_01_l {width: 70%;}
.content04_01_t1 {font-size: 5.6vw;}
.content04_01_t2 {margin-top: 0.5vw;font-size: 1.8vw;}
.content04_01_r {width: 30%;}
.content04_01_a1 {padding: 1.5vw 4vw 1.5vw 2vw;font-size: 1.6vw;}
.content04_01_a1 i {top: 50%;right: 5%;-webkit-transform: translateY(-50%);transform: translateY(-50%);font-size: 2.1vw;}
/* content04_02 */
.content04_02 {margin-top: 2vw;padding-left: 0;}
.content04_02_box {width: 31.3%;}
.content04_02_box:nth-child(1) {margin-top: 4vw;margin-right: 3%;}
.content04_02_box:nth-child(2) {margin-top: 2vw;margin-right: 3%;}
.content04_02_01_img {aspect-ratio: 10 / 14;object-fit: cover;}
.content04_02_02 {margin-top: 1.5vw;}
.content04_02_02_t1 {font-size: 1.6vw;}
.content04_02_02_a1 {width: 100%;margin: 1.5vw 0 0 auto;font-size: 1.6vw;}
.content04_02_02_a1 i {margin-left: 1vw;font-size: 2.1vw;}
.content04_02_03 {top: 30vw;left: -1vw;padding: 1.5vw 1.5vw;}
.content04_02_03_t1 {font-size: 1.5vw;}
.content04_02_03_t2 {margin-top: 0.5vw;font-size: 1.8vw;}
/*----- content05 -----*/
#content05 {padding: 7vw 0 6vw;}
.content05 {width: 90%;}
/* content05_01 */
.content05_01 {width: 70%;}
.content05_01_t1 {font-size: 2.6vw;}
.content05_01_t2 {margin-top: 1.5vw;font-size: 1.7vw;}
.content05_01_a1 {margin-top: 1.5vw;padding: 0 0;font-size: 1.5vw;}
.content05_01_a1 i {margin-left: 1vw;font-size: 2vw;}
/*----- content001 -----*/
.content001_a1 {margin-left: -0.2vw;padding: 4vw 0 4vw;font-size: 2.6vw;}
.content001_a1 i {margin-top: 1.5vw;font-size: 2.8vw;}
}


@media screen and (max-width:500px) {
/*----- content01 -----*/
/* content01_01 */
.content01_01 {width: 100%;min-height: 33vw;padding: 7vw 5vw;}
.content01_01_t1 {font-size: 6.1vw;}
.content01_01_t2 {margin-top: 1.5vw;font-size: 3.1vw;}
.content01_01_t3 {margin-top: 3vw;font-size: 3.1vw;}
/* content01_02 */
.content01_02 {width: 100%;}
.content01_02_img {aspect-ratio: 10 / 3;object-fit: cover;}
/*----- content02 -----*/
#content02 {padding: 7vw 0 9vw;}
/* content02_01 */
.content02_01_t1 {font-size: 5.3vw;}
.content02_01_t2 {margin-top: 1.5vw;font-size: 3.2vw;}
/* content02_02 */
.content02_02 {margin-top: 2.5vw;}
.content02_02_box {width: 100%;margin: 0 0 3vw;padding: 7vw 1.5vw;text-align: center;}
.content02_02_box:last-child {margin: 0 0 0;padding: 7vw 1.5vw;}
.content02_02_t1 {font-size: 3.2vw;}
/*----- content03 -----*/
#content03 {padding: 6vw 0;}
/* content03_01 */
.content03_01 {width: 100%;}
.content03_01_t1 {font-size: 4.8vw;text-orientation: upright;writing-mode: horizontal-tb;text-align: center;}
/* content03_02 */
.content03_02 {width: 100%;margin-top: 3vw;}
.content03_02_box {margin-bottom: 2.5vw;}
.content03_02_box_i {width: 100%;}
.content03_02_box_img {width: 100%;aspect-ratio: 4 / 2;object-fit: cover;}
.content03_02_box_t {width: 100%;padding: 5vw 3vw;}
.content03_02_box_t1 {font-size: 4.4vw;}
.content03_02_box_t2 {margin-top: 2vw;font-size: 3vw;}
.content03_02_box_a1 {width: 40%;margin: 3vw 0 0 auto;font-size: 3vw;text-align: right;}
.content03_02_box_a1 i {margin-left: 1vw;font-size: 3.5vw;}
/*----- content04 -----*/
#content04 {padding: 8vw 0;}
.content04_t0 {left: 6vw;top: -5vw;width: 76%;}
/* content04_01 */
.content04_01_l {width: 100%;}
.content04_01_t1 {font-size: 7vw;}
.content04_01_t2 {margin-top: 1.5vw;font-size: 3.2vw;}
.content04_01_r {width: 100%;margin-top: 3vw;}
.content04_01_a1 {padding: 2.5vw 7vw 2.5vw 4vw;font-size: 3vw;}
.content04_01_a1 i {top: 50%;right: 5%;-webkit-transform: translateY(-50%);transform: translateY(-50%);font-size: 3.5vw;}
/* content04_02 */
.content04_02 {margin-top: 3vw;}
.content04_02_box {width: 100%;}
.content04_02_box:nth-child(1) {margin-top: 3vw;margin-right: 0;}
.content04_02_box:nth-child(2) {margin-top: 3vw;margin-right: 0;}
.content04_02_box:nth-child(3) {margin-top: 3vw;margin-right: 0;}
.content04_02_01_img {aspect-ratio: 10 / 5;object-fit: cover;}
.content04_02_02 {margin-top: 2.5vw;}
.content04_02_02_t1 {font-size: 3vw;}
.content04_02_02_a1 {width: 100%;margin: 2.5vw 0 0 auto;font-size: 3vw;}
.content04_02_02_a1 i {margin-left: 1vw;font-size: 3.5vw;}
.content04_02_03 {top: 30vw;left: -2vw;width: 55%;padding: 2vw 2vw;}
.content04_02_03_t1 {font-size: 3vw;}
.content04_02_03_t2 {margin-top: 0.5vw;font-size: 3.4vw;}
/*----- content05 -----*/
#content05 {padding: 7vw 0 6vw;}
/* content05_01 */
.content05_01 {width: 100%;}
.content05_01_t1 {font-size: 4vw;}
.content05_01_t2 {margin-top: 2.5vw;font-size: 3.1vw;}
.content05_01_a1 {margin-top: 2.5vw;padding: 0 0;font-size: 3vw;}
.content05_01_a1 i {margin-left: 2vw;font-size: 3.4vw;}
/*----- content001 -----*/
.content001_a1 {margin-left: -0.2vw;padding: 7vw 0 7vw;font-size: 4vw;}
.content001_a1 i {margin-top: 2.5vw;font-size: 4.4vw;}
}