@charset "UTF-8";
/* CSS Document */
/*----- content01 -----*/
#content01 {width: 100%;padding: 7vw 0 0;background-color: #fff;}
.content01 {opacity: 0;width: 67%;margin: 0 auto;}
/* content01_01 */
.content01_01 {width: 100%;text-align: center;}
.content01_01_t1 {font-size: 1.1vw;line-height: 180%;}
/*----- content02 -----*/
#content02 {position: relative;width: 100%;padding: 7vw 0;background-color: #fff;}
.content02_bg {position: absolute;top: 20%;left: 0;width: 72%;height: 66%;background-color: #f5f5f5;}
.content02 {opacity: 0;width: 67%;margin: 0 auto;font-size: 0;}
/* content02_box */
.content02_box {display: inline-block;vertical-align: top;width: 48.5%;}
.content02_box:nth-child(odd) {margin-top: -3vw;}
.content02_box:nth-child(even) {margin-top: 3vw;margin-left: 3%;}
.content02_box_in {position: relative;display: block;width: 100%;padding: 0 4vw 2.5vw 0;}
.content02_i {width: 100%;}
.content02_img {width: 100%;aspect-ratio: 16 / 11;object-fit: cover;}
.content02_t {position: absolute;bottom: 0;right: 0;width: 60%;padding: 2.5vw 1.5vw 2.5vw 2.5vw;;color: #fff;background: linear-gradient(#086CBA, #0953A1);box-shadow: 2px 2px 3px #cfcfcf;}
.content02_t:hover {transform: scale(1.1,1.1);}
.content02_t1 {font-size: 1.5vw;font-weight: 500;letter-spacing: 0.1vw;}
.content02_t2 {margin-top: 1vw;font-size: 1vw;line-height: 150%;}


@media screen and (max-width:960px) {
/*----- content01 -----*/
#content01 {padding: 7vw 0 0;}
.content01 {width: 90%;}
/* content01_01 */
.content01_01_t1 {font-size: 1.7vw;line-height: 180%;}
/*----- content02 -----*/
#content02 {padding: 7vw 0;}
.content02_bg {top: 18%;left: 0;width: 74%;height: 66%;}
.content02 {width: 90%;}
/* content02_box */
.content02_box {width: 48.5%;}
.content02_box:nth-child(odd) {margin-top: -3vw;}
.content02_box:nth-child(even) {margin-top: 3vw;margin-left: 3%;}
.content02_box_in {padding: 0 5vw 5vw 0;}
.content02_img {aspect-ratio: 16 / 11;object-fit: cover;}
.content02_t {width: 90%;padding: 2.5vw 2.5vw 2.5vw 2.5vw;}
.content02_t1 {font-size: 2.1vw;letter-spacing: 0.1vw;}
.content02_t2 {margin-top: 1vw;font-size: 1.6vw;}
}


@media screen and (max-width:500px) {
/*----- content01 -----*/
#content01 {padding: 7vw 0 0;}
/* content01_01 */
.content01_01_t1 {font-size: 3.1vw;line-height: 180%;}
/*----- content02 -----*/
#content02 {padding: 2vw 0 7vw;}
.content02_bg {top: 18%;left: 0;width: 74%;height: 66%;}
/* content02_box */
.content02_box {width: 100%;}
.content02_box:nth-child(odd) {margin-top: 5vw;}
.content02_box:nth-child(even) {margin-top: 5vw;margin-left: 0;}
.content02_box_in {padding: 0 5vw 5vw 0;}
.content02_img {aspect-ratio: 4 / 2;object-fit: cover;}
.content02_t {width: 90%;padding: 2.5vw 3vw;}
.content02_t1 {font-size: 3.5vw;letter-spacing: 0.1vw;}
.content02_t2 {margin-top: 1vw;font-size: 3vw;}
}