@charset "UTF-8";
/* CSS Document */
/*----- content01 -----*/
#content01 {overflow: hidden;width: 100%;padding: 0;background-color: #fff;}
.content01 {position: relative;width: 90%;margin: 0 0 0 auto;}
/* content01_i */
.content01_i {width: 78%;margin: 0 0 0 auto;}
.content01_img {width: 100%;aspect-ratio: 16 / 9;object-fit: cover;}
/* content01_t */
.content01_t {position: absolute;top: 50%;left: 0;-webkit-transform: translateY(-50%);transform: translateY(-50%);min-width: 37vw;padding: 3vw 4vw;background-color: #121212;color: #fff;border-radius: 0.5vw;}
.content01_t1 {font-size: 1.6vw;font-weight: 600;}
.content01_t2 {margin-top: 0.5vw;font-size: 4.4vw;font-weight: 600;}
.content01_t3 {margin-top: 1vw;font-size: 1.2vw;line-height: 160%;}
/*----- content02 -----*/
#content02 {overflow: hidden;width: 100%;padding: 2vw 0 8vw;background-color: #fff;}
.content02 {position: relative;width: 60%;margin: 0 auto;}
/* content02_01 */
.content02_01 {width: 100%;padding: 2.5vw 0;border-bottom: solid 2px #efefef;font-size: 0;}
.content02_01_l {display: inline-block;vertical-align: top;width: 7%;text-align: left;}
.content02_01_l_t1 {width: 2.8vw;height: 2.8vw;margin: 0 auto 0 0;font-size: 1.6vw;font-weight: 700;line-height: 3vw;color: #fff; background-color: #D8000F;text-align: center;border-radius: 50%;}
.content02_01_r {display: inline-block;vertical-align: top;width: 93%;}
.content02_01_r_t1 {margin-top: 0.5vw;font-size: 1.3vw;font-weight: 600;line-height: 140%;}
.content02_01_r_t2 {margin-top: 1.5vw;font-size: 1vw;line-height: 180%;}
/*----- 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 {width: 95%;margin: 0 0 0 auto;}
/* content01_i */
.content01_i {width: 65%;margin: 0 0 0 auto;}
.content01_img {width: 100%;aspect-ratio: 16 / 11;object-fit: cover;}
/* content01_t */
.content01_t {position: absolute;top: 50%;left: 0;-webkit-transform: translateY(-50%);transform: translateY(-50%);min-width: 37vw;padding: 3vw 4vw;}
.content01_t1 {font-size: 2.2vw;}
.content01_t2 {margin-top: 0.5vw;font-size: 5vw;}
.content01_t3 {margin-top: 1vw;font-size: 1.8vw;line-height: 160%;}
/*----- content02 -----*/
#content02 {padding: 4vw 0 8vw;}
.content02 {width: 90%;}
/* content02_01 */
.content02_01 {padding: 2.5vw 0;}
.content02_01_l {width: 7%;}
.content02_01_l_t1 {width: 3.4vw;height: 3.4vw;font-size: 2.2vw;line-height: 3.6vw;}
.content02_01_r {width: 93%;}
.content02_01_r_t1 {margin-top: 0.3vw;font-size: 1.9vw;}
.content02_01_r_t2 {margin-top: 1.5vw;font-size: 1.6vw;line-height: 180%;}
/*----- 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 {width: 100%;}
/* content01_i */
.content01_i {width: 100%;margin: 0 0 0 auto;}
.content01_img {width: 100%;aspect-ratio: 16 / 9;object-fit: cover;}
/* content01_t */
.content01_t {position: relative;top: -5vw;left: 0;-webkit-transform: translateY(-0%);transform: translateY(-0%);width: 100%;padding: 3vw 5vw;}
.content01_t1 {font-size: 3.6vw;}
.content01_t2 {margin-top: 1.5vw;font-size: 6.4vw;}
.content01_t3 {margin-top: 2vw;font-size: 3.2vw;line-height: 160%;}
/*----- content02 -----*/
#content02 {padding: 4vw 0 8vw;}
/* content02_01 */
.content02_01 {padding: 3.5vw 0;}
.content02_01_l {width: 9%;}
.content02_01_l_t1 {width: 5.5vw;height: 5.5vw;font-size: 3.6vw;line-height: 6vw;}
.content02_01_r {width: 91%;}
.content02_01_r_t1 {margin-top: 0.5vw;font-size: 3.3vw;}
.content02_01_r_t2 {margin-top: 1.5vw;font-size: 3vw;line-height: 180%;}
/*----- 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;}
}