body {font-family: 'Century Gothic', "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;-webkit-text-size-adjust: 100%;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;font-size: 1rem;line-height: 1.6rem;letter-spacing: .1rem;color: #294cb0;font-weight: 500;}h1, h2, h3, h4, h5 {font-weight:normal;}#li01,#li02,#li03,#li04,#li05,#li06,#li07 {display: inline-block; padding-top: 80px; margin-top: -80px;}a {-webkit-tap-highlight-color:rgba(0,0,0,0);cursor:pointer;color: rgb(223,0,43);text-decoration: none;}a:hover,a:focus,a:active {transition: all 0.2s ease;color:#3972b7;outline: none;}b{font-weight: normal}section,p {padding: 0;margin: 0;}ol,ul{padding: 0;}ol,ul li{list-style:none;}ol,ul li{list-style:none;}img {border: 0; -ms-interpolation-mode: bicubic; max-width: 100%; height: auto; width :auto;}
/*loading*/
#loading {width: 100vw;height: 100vh;transition: all 1s;background: linear-gradient(75deg, rgb(241,124,181,.95) 0%, rgb(122,112,246,.95) 100%);color: white;position: fixed;top:0;left: 0;z-index: 9999;}#loading div {position: absolute;top: calc(50% - 8rem);width: 100%;text-align: center;}.loaded {opacity: 0;visibility: hidden;}
.fadein{animation-name:fadeinAnime;animation-duration:1s;animation-fill-mode:forwards;opacity:0;}
@keyframes fadeinAnime{from {opacity: 0;}to {opacity: 1;}}
.fadeup{animation-name:fadeupAnime;animation-duration:0.5s;animation-fill-mode:forwards;opacity:0;}
@keyframes fadeupAnime{from {opacity: 0;transform: translateY(100px);}to {opacity: 1;transform: translateY(0);}}
.blurT,.zoomOut{opacity: 0;}
.blur{animation-name:blurAnime;animation-duration:1s;animation-fill-mode:forwards;}
@keyframes blurAnime{from {filter: blur(10px);transform: scale(1.02);opacity: 0;}to {filter: blur(0);transform: scale(1);opacity: 1;}}
.zoomout{animation-name:zoomoutAnime;animation-duration:0.5s;animation-fill-mode:forwards;}
@keyframes zoomoutAnime{from {transform: scale(1.2);opacity: 0;}to {transform:scale(1);opacity: 1;}}
.delay05{animation-delay: .5s;}.delay10{animation-delay: 1s;}.delay15{animation-delay: 1.5s;}
/*Grad*/
.mainGrad,.btnB:hover,.btnB:focus,.btnB:active,.btnG,
.btnBL:hover,.btnBL:focus,.btnBL:active,
.con01 h2 b,.graBg::after,.btnGra {background: #7a70f6;background: linear-gradient(75deg, rgb(241,124,181) 0%, rgb(122,112,246) 100%);}
.subGrad {background: #94e0db;background: linear-gradient(75deg, rgb(148,224,219) 0%,rgb(234,204,252) 50%, rgb(148,127,250) 100%);}
/*commoon*/
.enF,.navbar .btnB span,header .enT01,header .enT02,.con02 b,.subTtl::before,.newInfo div .btnBlank {font-family: "neuropol-nova", sans-serif;}
.btnB,.btnG,.btnBL,.btnBL:hover,.btnBL:focus,
.btnBL:active,.navbar .btnB:hover,.navbar .btnB:focus,.navbar .btnB:active, 
.con01 h2,.graBg,.newInfo div,.con04 .row,button[type="submit"] ,.btnGra
{color:white;}
/* BTN */
.btnB,.btnGra,.btnLB,.btnBL {width: 100%;cursor: pointer;transition: all 0.2s;display: inline-block;border-radius: 1rem;}
.btnB,.btnG,.btnLB,.btnBL {padding: .5rem 1rem;}
.btnB {background: #4664ba;margin: 1rem 0;}
.btnG {margin: 2rem 0;}
.btnG:hover,.btnG:focus,.btnG:active{background: #94e0db;background: linear-gradient(75deg, rgb(148,224,219) 0%,rgb(234,204,252) 50%, rgb(148,127,250) 100%);color: #294cb0;}
.btnLB {background: #294cb0;margin: 1rem 0;color: #bdd8ff;}
.btnBL {background: black;margin: 1rem 0;}
.btnGra {padding: 1rem;}
.btnGra:hover,.btnGra:focus,.btnGra:active {color: white;background: black;}
/**/
.disno,.disno4 {display: none}.disbl {display: block}
/* Navigation */
.navbar h1 {font-size: .7rem;padding: .5rem 0 0 1rem;margin: 0;color: black;}
.navbar {background-color: rgba(255,255,255,.8);padding: 0;line-height: 0.875rem;letter-spacing: .05rem;}
.navbar-brand {padding-top: 0!important;}
.navbar-brand img {width: 120px}
.navbar-brand strong {font-size: .9rem;letter-spacing: 0;font-weight: 500;padding-left:.5rem;vertical-align: bottom;display: inline-block;padding-bottom: .5rem;}
.navbar .btnB {font-size: 1rem;font-weight: 600;margin: 0;padding: .5rem 2rem;text-align: center;margin-bottom: .2rem} 
.navbar .btnB span {font-size: 1.1rem;display: block;font-weight: 500;letter-spacing: .1rem;padding-bottom: .3rem;}
/*  Header  */
header {padding-top: 4.7rem}
header div.row div{padding: 10rem 2rem 8rem;}
header div.row {background-image: url(../img/mask.svg),url(../img/mainBg.webp);background-position:left bottom,right center;background-repeat:no-repeat;background-size:contain,cover;}
header .enT01 {font-size: 7rem;color: #b5ceeb;line-height: 5rem;font-weight: 600;letter-spacing: 1rem;}
header .enT02 {font-size: 2.5rem;line-height: 3rem;font-weight: 600;text-align: center;letter-spacing: .2rem}
header .mainGrad {margin: .5rem 0;padding: .5rem;}
.bigT {text-align: center;background: #e2e5f9;font-weight: 600;padding: 4rem 0;line-height: 2rem;font-size: 1.2rem;}
.bigT strong {display: block;font-size: 1.7rem;line-height: 2.5rem;padding-top: .5rem;}
@media (min-width: 480px) {
.bigT strong{font-size: calc(2rem + ((1vw - 0.5rem) * 2.0833));min-height: 0vw;}
.bigT{font-size: calc(1rem + ((1vw - 0.3rem) * 0.5556));min-height: 0vw;}
}
/*con01*/
.con01 {background: url(../img/img01.webp) no-repeat left top;margin: 1rem 0;}
.con01 h2 {font-size:1.6rem;margin-top:8rem;}
.con01 h2 b {display: inline-block;box-decoration-break: clone;-webkit-box-decoration-break: clone;line-height: 2rem;margin-bottom: .3rem;padding: .5rem;}
.con01 h2 b:first-child {font-size: 1.1rem;padding: .2rem .5rem;}
.con01 h2 span {font-size:1rem;}
.con01 p {margin: 3rem 2rem 0 20%}
.lead {font-weight: bold}
/*con02*/
.con02 {margin: 7rem 0;}
.con02 b {display: block;letter-spacing: .4rem;color: #b5ceeb;text-align: center;line-height: 2.5rem;font-weight: 600;font-size: 3rem;}
.con02 h2 {text-align: center;font-weight: 600;line-height: 2.8rem;margin-bottom: 3rem;font-size: 1.8rem;}
.con02 h2 strong {display: block;}
.con02 h2 strong,.con02 h2 span {font-size: 1.4rem;}
@media (min-width: 480px) {
.con02 b {font-size:calc(3.5rem + ((1vw - 0.3rem) * 6.6667));min-height: 0vw;line-height: 3.5rem;}
.con02 h2 {font-size: calc(2rem + ((1vw - 0.3rem) * 2.0833));min-height: 0vw;}
.con02 h2 strong,.con02 h2 span{font-size: calc(1.5rem + ((1vw - 0.3rem) * 0.5556));min-height: 0vw;}
}
@media (min-width: 768px) {
.con02 b {font-size: 9vw;}
.con02 h2 {font-size: 2.5rem;}
.con02 h2 strong,.con02 h2 span {font-size: 1.8rem;}
.con02 h2 strong {padding-bottom: .5rem;}
}
.con02 .row {background: #e2e5f9;padding: 2rem 0;}
.con02 .row div{padding: 1.5rem}
.con02 .row div div{background: white;border-radius: 1rem;padding: 2rem 0 1rem;text-align: center;}
.con02 .row h3{font-size:1.2rem;font-weight: 600;}
.con02 .row div img{padding: 1rem 2rem;max-width: 250px}
/*con03*/
.con03 {margin: 7rem 0;padding-left: 0;}
.graBg {position: relative;}
.graBg::after {content: '';position: absolute;top: 0;z-index: -1;}
.con03 h2 {font-size:2.3rem;font-weight: 600;padding: 3rem 0 2rem 3rem;}
.con03 img{padding: 5rem 0 0;}
.con03 .graBg .col-md:first-child {padding: 3rem;}
.con03 .graBg .col-md:last-child {padding: 0;}
.subTtl {font-weight: 600;position: relative;z-index: 2;padding: 1rem 1rem;margin-top: 3rem;}
.subTtl span {font-size: .9rem;font-weight: 500}
.subTtl::before {content: attr(data-en);position: absolute;z-index: -2;letter-spacing: .5rem;}
.con03 h3.subTtl {font-size: calc(1.2rem + .5vw);}
.con03 h3.subTtl::before {color: #b5ceeb;font-size: 4rem;top: -35px;}
ul li {border-bottom: 1px solid #b1cae6;padding: 1rem;font-size: .9rem;}
ul li b {display: block;font-size: 1.1rem}
.newInfo div {padding: 1.5rem 3rem;background: #4763ba;border-radius: 1rem}
.newInfo div .btnBlank {color: #b5d0f6;background: #7088cb;padding: 1rem 0;text-align: center;font-size: 1.6rem;margin-top: 1rem;font-weight: 600}
.attn {padding: 2rem ;font-size: .9rem;}
ul.blogList a {color: #f6f346;}
ul.blogList a:hover,ul.blogList a:active,ul.blogList a:focus {color: white;}
ul.blogList time {color: #9fb8d5;display: block}

/*con04*/
.con04 {background: url(../img/enBg.webp) no-repeat top center / cover;}
.con04 .row:first-child{padding: 3rem 0;}
.con04 .subTtl {font-size: calc(1.2rem + .5vw);text-align: center}
.con04 .subTtl::before {font-size: 4rem;top: -15px;left:50%;transform: translate(-50%, -50%);}
.con04 p:first-child {margin-top: 3rem}
@media (width < 480px) {
.navbar h1 {font-size: .6rem;}
.navbar-brand img {width: 90px}
.navbar-brand strong {font-size: .8rem;letter-spacing: 0;padding-bottom: .1rem;}
.navbar .btnB {font-size: .9rem;font-weight: 500;padding: .3rem .8rem;} 
header div.row {background-image: url(../img/mask.svg),url(../img/mainBg.webp);background-position:left -120px bottom,right -100px center;background-repeat:no-repeat;background-size:contain,cover;}
header div.row div{padding: 12rem 1rem 3rem;}
.disno4 {display: block}
.newInfo div {padding: 1.5rem;}
.con02 {margin: 5rem 0 7rem;}
}
@media (width < 500px) {
header .enT01 {font-size: 4rem;line-height: 2.5rem;font-weight: 700;letter-spacing: .5rem;}
header .enT02 {font-size: 1.2rem;line-height: 1.5rem;font-weight: 600;text-align: center;letter-spacing: .2rem}
}
@media (width < 768px) {
.graBg::after {border-top-right-radius: 50% 50%;border-bottom-right-radius: 50% 50%;width: 100%;height: 75%;}
.disno {display: block}.disbl {display: none}
.con01 {background-size:60%;}
.con01 h2 {font-size:1.6rem;margin-top:45%;text-align: center}
.con01 h2 b {display: inline-block;box-decoration-break: clone;-webkit-box-decoration-break: clone;line-height: 2rem;margin-bottom: .3rem;padding: .5rem;}
.con01 h2 b:first-child {font-size: 1.1rem;padding: .2rem .5rem;}
.con01 h2 span {font-size:1rem;}
.con01 p {margin: 4rem 3rem}
.con02 .row div{padding: calc(1rem + 2vw)}
.con02 .row div div{padding: 1rem 0;text-align: center;}
.con02 .row div img{padding: 2rem;}
.con03 h2 {font-size:2rem;padding: 5rem 0 2rem 2rem;}
.con03 img{padding: 0 0 0 2rem;}
.con03 .graBg .col-md:first-child {padding: 1rem 3rem;}
.newInfo {padding: 2rem 0 0 1rem;}
.con04 {background: url(../img/enBg.webp) no-repeat top right -800px / cover;}
}
@media (480px <= width < 768px) {
header div.row {background-position:left bottom,right -100px center;}
header div.row div{padding: 6rem 2rem 5rem;}
}
@media (768px <= width < 1000px) {
header div.row {background-position:left bottom,right -50px center;}
header .enT02 {font-size: 2rem;}
.graBg::after {border-top-right-radius: 25% 50%;border-bottom-right-radius: 25% 50%; width: 90%;height: 90%;}
.con01 {background-size:50%;}
}
@media (1000px <= width) {
.graBg::after { border-top-right-radius: 20% 50%;border-bottom-right-radius: 20% 50%;width: 80%;height: 75%;}
.con01 {background-size:50% contain;}
.con02 .row div{padding: 2rem}
}
/*FORM*/
label {padding: 1.5rem 0 .5rem;font-size: .9rem;margin-top: 1rem;font-weight: 600}
label.radio-inline {font-weight: 500}

input[type=text] {background-color: white!important;border: 0!important;line-height: 1rem;padding: 1rem;width: 100%;}

input[type="button"],input[type="submit"] {border: none;border-radius: .5rem;margin: .5rem 0;padding: 1rem 1.5rem;color: white;}
input[type="button"] {background: #4664ba;}
input[type="submit"] {background: rgb(223,0,43);}
input[type="button"]:hover,input[type="button"]:focus,input[type="submit"]:hover,input[type="submit"]:focus {background: black;}
table.my-5 tr {border-bottom: 1px solid #b1cae6;padding: 1rem;font-size: .9rem;}


button[type="submit"] {padding: 1rem 3rem;background: #7a70f6;background: linear-gradient(75deg, rgb(241,124,181) 0%, rgb(122,112,246) 100%);margin: 2rem 0;border-radius: 1rem;border: none;font-weight: 600;font-size: 1.5rem}
.btnG:hover,.btnG:focus,.btnG:active{background: #94e0db;background: linear-gradient(75deg, rgb(148,224,219) 0%,rgb(234,204,252) 50%, rgb(148,127,250) 100%);color: #294cb0;}
button[type="submit"]:hover,button[type="submit"]:focus,button[type="submit"]:active {color: black;}
form a {color: rgb(255, 140, 162);}
/* Footer */
footer {background: linear-gradient(75deg, rgb(220,230,250) 50%, rgb(237,225,243) 100%);font-size: .7rem;padding-top: 3rem;line-height: 2rem;color: #363637;}
footer h2 {font-size: .8rem;border-bottom: 1px solid #9c9c9c;padding-bottom: .5rem;}
footer h2 strong {display: block;font-size: 1rem;font-weight: 500;padding-top: .5rem;}
footer address {font-size: .8rem;line-height: 1.3rem}
footer .col-md-5 b {font-weight: 600;font-size: .9rem}
footer .col-md-5 .linkArea {background: white;border-radius: 1rem;padding: .5rem 1rem;text-align: center}
footer .btnBL {margin: .5rem 0;padding: .2rem 0;}
footer small a {color: #363637;line-height: 1rem;display: inline-block;padding-top: 1rem;}
/* pagetop */
.pagetop { cursor: pointer;position: fixed; right: 10px; bottom: 10px;display: flex;align-items: center;justify-content: center;width: 40px;height: 40px; border-radius: 50%;transition: .3s; background: rgba(255,255,255,.6);border: solid 2px #294cb0; font-size: 2rem;opacity: 0;}
.arrowU {height: 10px;width: 10px;border-top: 3px solid #294cb0;border-right: 3px solid #294cb0;transform: translateY(20%) rotate(-45deg);}