@charset "UTF-8";
/* CSS Document */
/*----- content01 -----*/
#content01 {overflow: hidden;width: 100%;background-color: #F6F6F4;}
.content01 {width: 100%;margin: 0 auto;}
/* content01_01 */
.content01_01 {opacity: 0;width: 100%;}
.content01_01_img {width: 100%;aspect-ratio: 6 / 2;object-fit: cover;}
/* content01_02 */
.content01_02 {opacity: 0;z-index: 5;position: relative;width: 90%;margin: -7vw 0 0 auto;padding: 5vw 10vw 5vw 8vw;background-color: #fff;}
.content01_02_t1 {font-size: 2.2vw;font-weight: 600;line-height: 160%;letter-spacing: 0.1vw;}
.content01_02_t1 span {color: #D8000F;}
.content01_02_t2 {margin-top: 2vw;font-size: 1.1vw;line-height: 160%;}
/*----- content02 -----*/
#content02 {overflow: hidden;width: 100%;padding: 10vw 0 10vw;background-color: #F6F6F4;}
.content02 {opacity: 0;width: 80%;margin: 0 auto;}
/* content02_01 */
.content02_01 {width: 100%;text-align: center;color: #D8000F;}
.content02_01_t1 {font-size: 3.2vw;font-weight: 700;}
.content02_01_t2 {margin-top: 0.5vw;font-size: 1.2vw;font-weight: 600;}
/* content02_02 */
.content02_02 {width: 102%;margin: 0 auto 0 -1%;font-size: 0;}
.content02_02_box {position: relative;display: inline-block;vertical-align: top;width: 31.3%;margin: 2.5vw 1% 0;background-color: #fff;border-radius: 0.5vw;overflow: hidden;box-shadow: 2px 2px 6px #afafaf;}
.content02_02_i {width: 100%;}
.content02_02_img {width: 100%;aspect-ratio: 10 / 6;object-fit: cover;}
.content02_02_t {display: -webkit-flex;display: flex;align-items: center;width: 100%;min-height: 5vw;padding: 1.5vw 1.5vw;text-align: center;}
.content02_02_t0 {position: absolute;left: 0;top: 0.5vw;padding: 0.3vw 0.6vw;font-size: 0.8vw;font-weight: 600;background-color: #D8000F;color: #fff;}
.content02_02_t1 {font-size: 1.1vw;}
/*----- footer -----*/
footer {margin-top: 0;}


@media screen and (max-width:960px) {
/*----- content01 -----*/
/* content01_01 */
.content01_01_img {aspect-ratio: 6 / 2;object-fit: cover;}
/* content01_02 */
.content01_02 {width: 95%;margin: -10vw 0 0 auto;padding: 5vw 5vw 5vw 5vw;}
.content01_02_t1 {font-size: 2.8vw;}
.content01_02_t2 {margin-top: 2vw;font-size: 1.7vw;}
/*----- content02 -----*/
#content02 {padding: 10vw 0 10vw;}
.content02 {width: 90%;}
/* content02_01 */
.content02_01_t1 {font-size: 3.8vw;}
.content02_01_t2 {margin-top: 0.5vw;font-size: 1.8vw;}
/* content02_02 */
.content02_02 {width: 102%;margin: 0 auto 0 -1%;}
.content02_02_box {width: 48%;margin: 2.5vw 1% 0;}
.content02_02_img {aspect-ratio: 10 / 5;}
.content02_02_t {min-height: 7vw;padding: 2.5vw 2.5vw;}
.content02_02_t0 {left: 0;top: 1vw;padding: 0.4vw 1vw;font-size: 1.4vw;}
.content02_02_t1 {font-size: 1.7vw;}
}


@media screen and (max-width:500px) {
/*----- content01 -----*/
/* content01_01 */
.content01_01_img {aspect-ratio: 6 / 2;object-fit: cover;}
/* content01_02 */
.content01_02 {width: 95%;margin: -10vw 0 0 auto;padding: 5vw 5vw;}
.content01_02_t1 {font-size: 4.2vw;}
.content01_02_t2 {margin-top: 3vw;font-size: 3.1vw;}
/*----- content02 -----*/
#content02 {padding: 10vw 0 10vw;}
/* content02_01 */
.content02_01_t1 {font-size: 5.2vw;}
.content02_01_t2 {margin-top: 1vw;font-size: 3.2vw;}
/* content02_02 */
.content02_02 {width: 100%;margin: 0 auto;}
.content02_02_box {width: 100%;margin: 3.5vw 0 0;}
.content02_02_img {aspect-ratio: 10 / 3;}
.content02_02_t {min-height: 11vw;padding: 3vw 3vw;}
.content02_02_t0 {left: 0;top: 2vw;padding: 1vw 2.5vw;font-size: 3vw;}
.content02_02_t1 {font-size: 3.1vw;}
}