@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%;text-align: center;background-color: #0062B3;color: #fff;}
.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: 90%;margin: 0 auto;text-align: center;opacity: 0;}
.main_l {position: relative;width: 28%;margin-left: 3%;border-left: solid 1px #cfcfcf;border-right: solid 1px #cfcfcf;box-sizing: border-box;}
.main_l_t1 {position: absolute;top: 50%;left: 0%;-webkit-transform: translateY(-50%);transform: translateY(-50%);width: 100%;font-size: 2.3vw;font-weight: 600;letter-spacing: 0.2vw;line-height: 120%;}
.main_r {width: 69%;padding: 3vw 0;box-sizing: border-box;font-size: 0;}
.main_rin1 {display: inline-block;vertical-align: middle;width: 48%;}
.main_r_t1 {padding-left: 4vw;font-size: 2.1vw;font-weight: 300;font-family: vdl-v7mincho, sans-serif;box-sizing: border-box;text-align: left;}
.main_rin2 {display: inline-block;vertical-align: middle;width: 52%;text-align: center;}
.main_img {display: inline-block;vertical-align: middle;width: 29%;margin: 0 2%;box-sizing: border-box;border: solid 1px #cfcfcf;}

/*----- content01 -----*/
#content01 {width: 100%;padding: 0;}
.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;opacity: 0;}
.content01_l {position: relative;width: 28%;margin-left: 3%;background: rgba(0,98,179,0.15);}
.content01_r {width: 69%;padding: 5vw 0 12vw 5%;box-sizing: border-box;}
.content01_r table {width: 100%;margin-top: 5vw;text-align: left;border-collapse:collapse;border-spacing: 0;}
.content01_r table tr {border-top: 0.1vw solid #cfcfcf;border-bottom: 0.1vw solid #cfcfcf;}
.content01_r table .form_border_t {border-top: none;}
.content01_r table .form_border_b {border-bottom: none;}
.content01_r table th {width: 35%;font-size: 1.4vw;font-weight: 300;padding: 2.7vw 0 0 0;color: #4c4c4c;}
.content01_r table td {padding: 2vw 0 2vw 0;font-size: 1.4vw;}
.content01_r table th, .form table td {vertical-align: top;}
.form_span {vertical-align: middle;font-size: 1vw;color: #fff;margin-left: 2vw;padding: 0.2vw 1.2vw;background: #0062B3;}
.content01_r input { border: 0vw solid #cfcfcf;padding: 1vw 2%;box-sizing: border-box;background: #F4F4F4;}
.content01_r text {width: 100%;border: 0vw solid #cfcfcf;padding: 1vw 2%;resize: none;box-sizing: border-box;font-size: 1.4vw;background: #F4F4F4;}
.content01_r select {width: 100%;border: 0vw solid #cfcfcf;padding: 1vw 2%;resize: none;box-sizing: border-box;font-size: 1.4vw;background: #F4F4F4;}
.content01_r textarea {width: 100%;border: 0vw solid #cfcfcf;padding: 1vw 2%;resize: none;box-sizing: border-box;font-size: 1.4vw;background: #F4F4F4;}
.content01_r textarea::placeholder {color: #999;font-size: 1.3vw;}
.submit_bt {position: relative;width: 100%;font-size: 2vw;text-align: center;}
input[type="submit"],
input[type="button"]{width: 100%;margin: 2vw auto 0;padding: 1.7vw 0;font-size: 1.8vw;font-weight: 100;background-color: #0062B3;border: none;border-radius: 0vw;color: #fff;}
input[type="submit"]:hover,
input[type="button"]:hover {background-color: #0062B3;box-shadow: 0vw 0.3vw 0.3vw 0 rgba(0, 0, 0, 0.2);}
.checkbox {margin-top: 2vw;font-size: 1.2vw;text-align: center;}

.thanks {width: 100%;}
.thanks_t1 {font-size: 1.6vw;line-height: 160%;}


/*----- 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 {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: center;opacity: 0;}
.main_l {position: relative;width: 28%;margin-left: 0;border-left: solid 1px #cfcfcf;border-right: solid 1px #cfcfcf;box-sizing: border-box;}
.main_l_t1 {position: absolute;top: 50%;left: 0%;-webkit-transform: translateY(-50%);transform: translateY(-50%);width: 100%;font-size: 2.9vw;font-weight: 600;letter-spacing: 0.2vw;line-height: 120%;}
.main_r {width: 69%;padding: 3vw 0;box-sizing: border-box;font-size: 0;}
.main_rin1 {display: inline-block;vertical-align: middle;width: 48%;}
.main_r_t1 {padding-left: 0vw;font-size: 2.7vw;font-weight: 300;font-family: vdl-v7mincho, sans-serif;box-sizing: border-box;text-align: left;}
.main_rin2 {display: inline-block;vertical-align: middle;width: 52%;text-align: center;}
.main_img {display: inline-block;vertical-align: middle;width: 29%;margin: 0 2%;box-sizing: border-box;border: solid 1px #cfcfcf;}

/*----- content01 -----*/
#content01 {width: 100%;padding: 0;}
.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 {position: relative;width: 28%;margin-left: 0;}
.content01_r {width: 69%;padding: 3vw 0 12vw;box-sizing: border-box;}
.content01_r table {width: 100%;margin-top: 5vw;text-align: left;border-collapse:collapse;border-spacing: 0;}
.content01_r table tr {border-top: 0.1vw solid #cfcfcf;border-bottom: 0.1vw solid #cfcfcf;}
.content01_r table .form_border_t {border-top: none;}
.content01_r table .form_border_b {border-bottom: none;}
.content01_r table th {display: block;width: 100%;font-size: 2.2vw;font-weight: 300;padding: 2.7vw 0 0 0;color: #4c4c4c;}
.content01_r table td {display: block;width: 100%;padding: 1vw 0 2vw 0;font-size: 2.2vw;}
.content01_r table th, .form table td {vertical-align: top;}
.form_span {vertical-align: middle;font-size: 1.8vw;color: #fff;margin-left: 2vw;padding: 0.2vw 1.2vw;background: #0062B3;}
.content01_r input { border: 0vw solid #cfcfcf;padding: 1vw 2%;box-sizing: border-box;background: #F4F4F4;}
.content01_r text {width: 100%;border: 0vw solid #cfcfcf;padding: 1vw 2%;resize: none;box-sizing: border-box;font-size: 2.2vw;background: #F4F4F4;}
.content01_r select {width: 100%;border: 0vw solid #cfcfcf;padding: 1vw 2%;resize: none;box-sizing: border-box;font-size: 2.2vw;background: #F4F4F4;}
.content01_r textarea {width: 100%;border: 0vw solid #cfcfcf;padding: 1vw 2%;resize: none;box-sizing: border-box;font-size: 2.2vw;background: #F4F4F4;}
.content01_r textarea::placeholder {color: #999;font-size: 2.2vw;}
.submit_bt {position: relative;width: 100%;font-size: 2.8vw;text-align: center;}
input[type="submit"],
input[type="button"]{width: 100%;margin: 2vw auto 0;padding: 1.7vw 0;font-size: 2.8vw;font-weight: 100;background-color: #0062B3;border: none;border-radius: 0vw;color: #fff;}
input[type="submit"]:hover,
input[type="button"]:hover {background-color: #0062B3;box-shadow: 0vw 0.3vw 0.3vw 0 rgba(0, 0, 0, 0.2);}

.checkbox {margin-top: 2vw;font-size: 1.8vw;text-align: center;}
.thanks_t1 {font-size: 2.2vw;line-height: 160%;}
	
/*----- 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 {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: center;opacity: 0;}
.main_l {position: relative;width: 90%;margin: 3vw auto 0;padding: 3vw 0;border-left: solid 0px #cfcfcf;border: solid 1px #cfcfcf;box-sizing: border-box;}
.main_l_t1 {position: relative;top: 50%;left: 0%;-webkit-transform: translateY(-50%);transform: translateY(-50%);width: 100%;font-size: 4.2vw;font-weight: 600;letter-spacing: 0.2vw;line-height: 120%;}
.main_r {width: 90%;margin: 0 auto;padding: 3vw 0;box-sizing: border-box;font-size: 0;}
.main_rin1 {display: inline-block;vertical-align: middle;width: 48%;}
.main_r_t1 {padding-left: 0vw;font-size: 3.9vw;font-weight: 300;font-family: vdl-v7mincho, sans-serif;box-sizing: border-box;text-align: left;}
.main_rin2 {display: inline-block;vertical-align: middle;width: 52%;text-align: center;}
.main_img {display: inline-block;vertical-align: middle;width: 29%;margin: 0 2%;box-sizing: border-box;border: solid 1px #cfcfcf;}

/*----- content01 -----*/
#content01 {width: 100%;padding: 0;}
.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 {position: relative;width: 5%;margin-left: 0;}
.content01_r {width: 95%;padding: 10vw 0 15vw;box-sizing: border-box;}
.content01_r table {width: 90%;margin: 0 auto;text-align: left;border-collapse:collapse;border-spacing: 0;}
.content01_r table tr {border-top: 0.1vw solid #cfcfcf;border-bottom: 0.1vw solid #cfcfcf;}
.content01_r table .form_border_t {border-top: none;}
.content01_r table .form_border_b {border-bottom: none;}
.content01_r table th {display: block;width: 100%;font-size: 4.2vw;font-weight: 300;padding: 4vw 0 0 0;color: #4c4c4c;}
.content01_r table td {display: block;width: 100%;padding: 2vw 0 4vw 0;font-size: 4.2vw;}
.content01_r table th, .form table td {vertical-align: top;}
.form_span {vertical-align: middle;font-size: 4vw;color: #fff;margin-left: 2vw;padding: 0.2vw 1.2vw;background: #0062B3;}
.content01_r input { border: 0vw solid #cfcfcf;padding: 1vw 2%;box-sizing: border-box;background: #F4F4F4;}
.content01_r text {width: 100%;border: 0vw solid #cfcfcf;padding: 1vw 2%;resize: none;box-sizing: border-box;font-size: 4.2vw;background: #F4F4F4;}
.content01_r select {width: 100%;border: 0vw solid #cfcfcf;padding: 1vw 2%;resize: none;box-sizing: border-box;font-size: 4.2vw;background: #F4F4F4;}
.content01_r textarea {width: 100%;border: 0vw solid #cfcfcf;padding: 1vw 2%;resize: none;box-sizing: border-box;font-size: 4.2vw;background: #F4F4F4;}
.content01_r textarea::placeholder {color: #999;font-size: 4.2vw;}
.submit_bt {position: relative;width: 100%;font-size: 5vw;text-align: center;}
input[type="submit"],
input[type="button"]{width: 90%;margin: 2vw auto 0;padding: 2vw 0;font-size: 5vw;font-weight: 100;background-color: #0062B3;border: none;border-radius: 0vw;color: #fff;}
input[type="submit"]:hover,
input[type="button"]:hover {background-color: #0062B3;box-shadow: 0vw 0.3vw 0.3vw 0 rgba(0, 0, 0, 0.2);}
	
.checkbox {margin-top: 2vw;font-size: 3.2vw;text-align: center;}
.thanks_t1 {padding-left: 2vw;box-sizing: border-box;font-size: 3.4vw;line-height: 160%;}

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