@charset "UTF-8";
/* CSS Document */
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes slideIn {
  0% {
    transform: translateX(80%);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
  }
  40%,100% {
    opacity: 1;
  }
}
@keyframes slideIn2 {
  0% {
    transform: translateY(-80%);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
  }
  40%,100% {
    opacity: 1;
  }
}
@keyframes slideIn3 {
  0% {
    transform: translateY(80%);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
  }
  40%,100% {
    opacity: 1;
  }
}
/*----- main -----*/
main {overflow: hidden; width: 100%;}
#main {position: relative;width: 100%;border-bottom: solid 2px #cfcfcf;text-align: center;}
.main_img {position: absolute;top: 0;left: 0%;width: 100%;hz-index: -1;}
.anim-box {width: 100%;}
.main {display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-flex-wrap: wrap;flex-wrap: wrap;width: 100%;font-size: 0;z-index: 100%;}
.main_l {width: 66.5%;padding: 0 0 0 4%;box-sizing: border-box;text-align: left;font-family: vdl-v7mincho, sans-serif;}
.main_l_t1 {margin-top: 25vw;font-size: 7.5vw;font-weight: 600;letter-spacing: 0.2vw;line-height: 120%;color: rgba(254,254,254,0.75)}
.main_r {width: 26%;margin-right: 7.5%;height: 39vw;padding: 0 4vw;box-sizing: border-box;background: rgba(0,98,179,0.82);}
.main_r_in {position: relative;width: 100%;height: 18vw;margin-top: 10vw; border: solid 1px #fff;color: #fff;}
.main_r_t {position: absolute;top: 50%;left: 0%;-webkit-transform: translateY(-50%);transform: translateY(-50%);width: 100%;}
.main_r_t1 {font-size: 2.4vw;font-weight: 600;line-height: 120%;}
.main_r_t2 {margin-top: 0.5vw;font-size: 2vw;font-weight: 200;line-height: 150%;font-family: vdl-v7mincho, sans-serif;}

/*----- content01 -----*/
#content01 {width: 100%;padding: 0;border-bottom: solid 2px #cfcfcf;}
.content01 {display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-flex-wrap: wrap;flex-wrap: wrap;width: 85%;margin: 0 auto;text-align: left;font-size: 0;font-family: vdl-v7mincho, sans-serif;opacity: 0;}
.content01_l {width: 69%;padding: 4.5vw 0;}
.content01_l_img {width: 60%;}
.content01_r {width: 30.5%;background: rgba(0,98,179,0.15);}

/*----- content02 -----*/
#content02 {width: 100%;padding: 0;border-bottom: solid 2px #cfcfcf;}
.content02 {display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-flex-wrap: wrap;flex-wrap: wrap;width: 85%;margin: 0 auto;text-align: left;font-size: 0;opacity: 0;}
.content02_l {width: 69%;padding: 0 2vw 10vw 0;box-sizing: border-box;}
.content02_l_t1 {margin-top: 5vw;font-size: 2.2vw;font-weight: 600;color: #0062B3;}
.content02_l_t1 i {vertical-align: middle;margin: 0 0.5vw 0.4vw 0;font-size: 3.3vw;}
.content02_l_t2 {margin-top: 0.5vw;font-size: 1.6vw;font-weight: 300;line-height: 140%;}
.content02_l table {width: 100%;margin-top: 0.5vw;text-align: left;border-collapse:collapse;border-spacing: 0;}
.content02_l table th {vertical-align: top;width: 15%;font-size: 1.6vw;font-weight: 300;line-height: 140%;}
.content02_l table td {vertical-align: top;font-size: 1.6vw;font-weight: 300;line-height: 140%;}
.content02_r {width: 30.5%;background: rgba(0,98,179,0.15);-ms-writing-mode: tb-rl;writing-mode: vertical-rl;font-family: vdl-v7mincho, sans-serif;}
.content02_r_t1 {margin: 7vw 4.5vw 0 0;font-size: 17vw;font-weight: 600;color: rgba(0,98,179,0.50);}

/*----- footer_topbox -----*/
#content{position: relative;}
#topBtn {position: fixed;bottom: 5vw;right: 2vw;width: 4vw;z-index: 200;}
.top_img {width: 100%;}

/*----- anim-box -----*/
.anim-box.slidein.is-animated {animation: slideIn 3s cubic-bezier(0.25, 1, 0.5, 1) 1 forwards;}
.anim-box.slidein2.is-animated {animation: slideIn2 3s cubic-bezier(0.25, 1, 0.5, 1) 1 forwards;}
.anim-box.slidein3.is-animated {animation: slideIn3 3s cubic-bezier(0.25, 1, 0.5, 1) 1 forwards;}
.anim-box.fadein.is-animated {animation: fadeIn 3s cubic-bezier(0.33, 1, 0.68, 1) 1 forwards;}

@media screen and (max-width:960px) {
/*----- main -----*/
main {overflow: hidden; width: 100%;}
#main {position: relative;width: 100%;border-bottom: solid 2px #cfcfcf;text-align: center;}
.main_img {position: absolute;top: 0;left: 0%;width: 100%;hz-index: -1;}
.anim-box {width: 100%;}
.main {display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-flex-wrap: wrap;flex-wrap: wrap;width: 100%;font-size: 0;z-index: 100%;}
.main_l {width: 66.5%;padding: 0 0 0 4%;box-sizing: border-box;text-align: left;font-family: vdl-v7mincho, sans-serif;}
.main_l_t1 {margin-top: 25vw;font-size: 8.1vw;font-weight: 600;letter-spacing: 0.2vw;line-height: 120%;color: rgba(254,254,254,0.75)}
.main_r {width: 27.5%;margin-right: 5%;height: 39vw;padding: 0 3vw;box-sizing: border-box;}
.main_r_in {position: relative;width: 100%;height: 18vw;margin-top: 10vw; border: solid 1px #fff;color: #fff;}
.main_r_t {position: absolute;top: 50%;left: 0%;-webkit-transform: translateY(-50%);transform: translateY(-50%);width: 100%;}
.main_r_t1 {font-size: 3vw;font-weight: 600;line-height: 120%;}
.main_r_t2 {margin-top: 0.5vw;font-size: 2.6vw;font-weight: 200;line-height: 150%;font-family: vdl-v7mincho, sans-serif;}

/*----- content01 -----*/
#content01 {width: 100%;padding: 0;border-bottom: solid 2px #cfcfcf;}
.content01 {display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-flex-wrap: wrap;flex-wrap: wrap;width: 90%;margin: 0 auto;text-align: left;font-size: 0;font-family: vdl-v7mincho, sans-serif;}
.content01_l {width: 69%;padding: 4.5vw 0;}
.content01_l_img {width: 60%;}
.content01_r {width: 30.5%;}

/*----- content02 -----*/
#content02 {width: 100%;padding: 0;border-bottom: solid 2px #cfcfcf;}
.content02 {display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-flex-wrap: wrap;flex-wrap: wrap;width: 90%;margin: 0 auto;text-align: left;font-size: 0;}
.content02_l {width: 69%;padding: 0 2vw 10vw 0;box-sizing: border-box;}
.content02_l_t1 {margin-top: 5vw;font-size: 2.8vw;font-weight: 600;}
.content02_l_t1 i {vertical-align: middle;margin: 0 0.5vw 0.4vw 0;font-size: 3.9vw;}
.content02_l_t2 {margin-top: 0.5vw;font-size: 2vw;font-weight: 300;line-height: 140%;}
.content02_l table {width: 100%;margin-top: 0.5vw;text-align: left;border-collapse:collapse;border-spacing: 0;}
.content02_l table th {vertical-align: top;width: 18%;font-size: 2vw;font-weight: 300;line-height: 140%;}
.content02_l table td {vertical-align: top;font-size: 2vw;font-weight: 300;line-height: 140%;}
.content02_r {width: 30.5%;-ms-writing-mode: tb-rl;writing-mode: vertical-rl;font-family: vdl-v7mincho, sans-serif;}
.content02_r_t1 {margin: 7vw 4.5vw 0 0;font-size: 18vw;font-weight: 600;}

/*----- footer_topbox -----*/
#content{position: relative;}
#topBtn {position: fixed;bottom: 5vw;right: 2vw;width: 4vw;z-index: 200;}
.top_img {width: 100%;}
}

@media screen and (max-width:500px) {
/*----- main -----*/
main {overflow: hidden; width: 100%;}
#main {position: relative;width: 100%;border-bottom: solid 2px #cfcfcf;text-align: center;}
.main_img {position: absolute;top: 0;left: 0%;width: 100%;height: 35vw;object-fit: cover; z-index: -1;}
.anim-box {width: 100%;}
.main {display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-flex-wrap: wrap;flex-wrap: wrap;width: 100%;font-size: 0;z-index: 100%;}
.main_l {width: 100%;padding: 0 0 0 4%;box-sizing: border-box;text-align: left;font-family: vdl-v7mincho, sans-serif;}
.main_l_t1 {margin-top: 25vw;font-size: 8.1vw;font-weight: 600;letter-spacing: 0.2vw;line-height: 120%;color: rgba(254,254,254,0.75)}
.main_r {width: 100%;margin-right: 0%;height: 26vw;padding: 0 5%;box-sizing: border-box;}
.main_r_in {position: relative;width: 100%;height: 15vw;margin-top: 5vw;border: solid 1px #fff;color: #fff;}
.main_r_t {position: absolute;top: 50%;left: 0%;-webkit-transform: translateY(-50%);transform: translateY(-50%);width: 100%;}
.main_r_t1 {font-size: 3.6vw;font-weight: 600;line-height: 120%;}
.main_r_t2 {margin-top: 0.5vw;font-size: 3.2vw;font-weight: 200;line-height: 150%;font-family: vdl-v7mincho, sans-serif;}

/*----- content01 -----*/
#content01 {width: 100%;padding: 0;border-bottom: solid 2px #cfcfcf;}
.content01 {display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-flex-wrap: wrap;flex-wrap: wrap;width: 100%;margin: 0 auto;text-align: left;font-size: 0;font-family: vdl-v7mincho, sans-serif;}
.content01_l {width: 80%;padding: 4.5vw 0 4.5vw 5%;box-sizing: border-box;}
.content01_l_img {width: 60%;}
.content01_r {width: 20%;}

/*----- content02 -----*/
#content02 {width: 100%;padding: 0;border-bottom: solid 2px #cfcfcf;}
.content02 {display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-flex-wrap: wrap;flex-wrap: wrap;width: 100%;margin: 0 auto;text-align: left;font-size: 0;}
.content02_l {width: 80%;padding: 0 3vw 10vw 5%;box-sizing: border-box;}
.content02_l_t1 {margin-top: 5vw;font-size: 4vw;font-weight: 600;}
.content02_l_t1 i {vertical-align: middle;margin: 0 0.5vw 0.4vw 0;font-size: 5.1vw;}
.content02_l_t2 {margin-top: 0.5vw;font-size: 3vw;font-weight: 300;line-height: 140%;}
.content02_l table {width: 100%;margin-top: 0.5vw;text-align: left;border-collapse:collapse;border-spacing: 0;}
.content02_l table th {vertical-align: top;display: block;width: 100%;margin-top: 2vw; font-size: 3vw;font-weight: 600;line-height: 140%;}
.content02_l table td {vertical-align: top;display: block;width: 100%;font-size: 3vw;font-weight: 300;line-height: 140%;}
.content02_r {width: 20%;-ms-writing-mode: tb-rl;writing-mode: vertical-rl;font-family: vdl-v7mincho, sans-serif;}
.content02_r_t1 {margin: 7vw 2.5vw 0 0;font-size: 14vw;font-weight: 600;}

/*----- footer_topbox -----*/
#content{position: relative;}
#topBtn {position: fixed;bottom: 2vw;right: 2vw;width: 10vw;z-index: 200;}
.top_img {width: 100%;}
}