@charset "UTF-8";
/* CSS Document */
/*----- content01 -----*/
#content01 {position: relative;overflow: hidden;width: 100%;padding: 7vw 0 7vw;background-color: #fff;}
.content01_bg {position: absolute;top: 0%;right: 0;width: 77%;height: 70%;background-color: #F6F6F4;}
.content01 {display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-flex-wrap: wrap;flex-wrap: wrap;width: 92%;margin: 0 auto;}
/* content01_01 */
.content01_01 {opacity: 0;width: 55%;margin-top: 2vw;padding: 0 1vw 0 6vw;}
.content01_01_t1 {font-size: 2.3vw;font-weight: 600;line-height: 160%;}
.content01_01_t2 {margin-top: 1.5vw;font-size: 1.15vw;line-height: 160%;}
/* content01_02 */
.content01_02 {opacity: 0;width: 45%;text-align: right;}
.content01_02_img {width: 100%;}
/*----- content02 -----*/
#content02 {overflow: hidden;width: 100%;padding: 5vw 0 6vw;background-color: #F6F6F4;}
.content02 {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;}
/* content02_01 */
.content02_01 {opacity: 0;width: 22%;}
.content02_01_t1 {font-size: 2vw;font-weight: 600;}
/* 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: 75%;}
.content02_02_box {position: relative;display: -webkit-flex;display: flex;align-items: center;width: 49%;min-height: 9vw;margin-bottom: 2.5vw;padding: 2vw 2vw 2vw 3.5vw;background-color: #fff;}
.content02_02_t1 {width: 100%;font-size: 1.1vw;line-height: 180%;}
.content02_02_t2 {position: absolute;top: -1vw;left: 1vw;font-size: 2.4vw;font-weight: 700;}
/*----- footer -----*/
footer {margin-top: 0;}


@media screen and (max-width:960px) {
/*----- content01 -----*/
#content01 {padding: 7vw 0 7vw;}
.content01_bg {position: absolute;top: 0%;right: 0;width: 77%;height: 70%;}
.content01 {width: 90%;}
/* content01_01 */
.content01_01 {width: 55%;margin-top: 2vw;padding: 0 3vw 0 0vw;}
.content01_01_t1 {font-size: 2.9vw;}
.content01_01_t2 {margin-top: 1.5vw;font-size: 1.75vw;}
/* content01_02 */
.content01_02 {width: 45%;}
/*----- content02 -----*/
#content02 {padding: 5vw 0 6vw;}
.content02 {width: 90%;}
/* content02_01 */
.content02_01 {width: 100%;}
.content02_01_t1 {font-size: 2.6vw;}
/* content02_02 */
.content02_02 {width: 100%;margin-top: 3vw;}
.content02_02_box {width: 49%;min-height: 9vw;margin-bottom: 2.5vw;padding: 2vw 2vw 2vw 3.5vw;}
.content02_02_t1 {font-size: 1.7vw;}
.content02_02_t2 {top: -1vw;left: 1vw;font-size: 3vw;}
}


@media screen and (max-width:500px) {
/*----- content01 -----*/
#content01 {padding: 7vw 0 7vw;}
.content01_bg {position: absolute;top: 0%;right: 0;width: 77%;height: 70%;}
/* content01_01 */
.content01_01 {width: 100%;margin-top: 0vw;padding: 0;}
.content01_01_t1 {font-size: 4.3vw;}
.content01_01_t2 {margin-top: 2.5vw;font-size: 3.1vw;}
/* content01_02 */
.content01_02 {width: 100%;margin-top: 3vw;}
/*----- content02 -----*/
#content02 {padding: 5vw 0 6vw;}
/* content02_01 */
.content02_01_t1 {font-size: 4vw;}
/* content02_02 */
.content02_02 {margin-top: 5vw;}
.content02_02_box {width: 100%;min-height: 20vw;margin-bottom: 3.5vw;padding: 4vw 4vw;}
.content02_02_t1 {font-size: 3.1vw;}
.content02_02_t2 {top: -2vw;left: 1vw;font-size: 4.4vw;}
}