@charset "UTF-8";
/* CSS Document */
/*----- content01 -----*/
#content01 {width: 100%;padding: 7vw 0 10vw;background-color: #fff;}
.content01 {opacity: 0;width: 67%;margin: 0 auto;font-size: 0;}
/* content01_01 */
.content01_01 {width: 100%;text-align: center;}
.content01_01_t1 {display: inline-block;font-size: 5.4vw;font-weight: 600;border-bottom: solid 3px #0B54A3;color: #0B54A3;}
.content01_01_t2 {margin-top: 4vw;font-size: 1.3vw;font-weight: 500;line-height: 180%;}
/* content01_02 */
.content01_02 {width: 100%;margin-top: 7vw;}
.content01_02 a {position: relative;display: block;vertical-align: bottom;width: 32%;margin: 0 auto;padding: 1.2vw 0;font-size: 1.1vw;font-weight: 500;border: solid 1px #0B54A3;color: #0B54A3;border-radius: 5vw;text-align: center;background-color: #fff;}
.content01_02 a:hover {color: #fff;background-color: #0B54A3;}
.content01_02 a i {position: absolute;top: 50%;left: 7%;-webkit-transform: translateY(-50%);transform: translateY(-50%);width: 5%;font-size: 0.9vw;color: #099151;}


@media screen and (max-width:960px) {
/*----- content01 -----*/
#content01 {padding: 7vw 0 10vw;}
.content01 {width: 90%;}
/* content01_01 */
.content01_01_t1 {font-size: 7vw;}
.content01_01_t2 {margin-top: 4vw;font-size: 1.9vw;}
/* content01_02 */
.content01_02 {margin-top: 7vw;}
.content01_02 a {width: 50%;padding: 2vw 0;font-size: 2vw;}
.content01_02 a i {top: 50%;left: 7%;-webkit-transform: translateY(-50%);transform: translateY(-50%);width: 5%;font-size: 1.6vw;color: #099151;}
}


@media screen and (max-width:500px) {
/*----- content01 -----*/
#content01 {padding: 10vw 0 10vw;}
/* content01_01 */
.content01_01_t1 {font-size: 8.4vw;}
.content01_01_t2 {margin-top: 5vw;font-size: 3.3vw;}
/* content01_02 */
.content01_02 {margin-top: 8vw;}
.content01_02 a {width: 100%;padding: 2.5vw 0;font-size: 3.4vw;}
.content01_02 a i {top: 50%;left: 7%;-webkit-transform: translateY(-50%);transform: translateY(-50%);width: 5%;font-size: 3vw;color: #099151;}
}