@charset "utf-8";
html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}*{box-sizing: border-box;}
html {
color: #222;
font-size: 1em;
line-height: 1.4;
}
body{
overflow: hidden;
overflow-x: hidden;
overflow-y: scroll;
}
::-moz-selection {
background: #b3d4fc;
text-shadow: none;
}
::selection {
background: #b3d4fc;
text-shadow: none;
}
hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #ccc;
margin: 1em 0;
padding: 0;
}
audio,
canvas,
iframe,
img,
svg,
video {
vertical-align: middle;
}
img{max-width: 100%;}
fieldset {
border: 0;
margin: 0;
padding: 0;
}
textarea {
resize: vertical;
}
ul{
padding: 0;
margin: 0;
list-style: none;
}
figure{margin: 0;}
a{
cursor: pointer;
text-decoration: none;
}
.browserupgrade {
margin: 0.2em 0;
background: #ccc;
color: #000;
padding: 0.2em 0;
} .opening-text{
width: 100%;
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%) scale(1);
z-index: 1000000;
}  .opening-text.open{animation: opening 3s both;}
@keyframes opening {
0% {
transform: translate(-50%, -50%) scale(1);
}
70% {
transform: translate(-50%, -50%) scale(2);
opacity: 1;
}
100% {
transform: translate(-50%, -50%) scale(2);
opacity: 0;
}
} .pg-canvas{
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
z-index: -1;
background: #dfe1f8;
} @media only screen and (min-width: 35em) {
}
@media print,
(-o-min-device-pixel-ratio: 5/4),
(-webkit-min-device-pixel-ratio: 1.25),
(min-resolution: 120dpi) {
} .pc-only,
.pc-only img{display: block;}
.sp-only,
.sp-only img{display: none;}
@media only screen and (max-width: 414px) {
.pc-only,
.pc-only img{display: none;}
.sp-only,
.sp-only img{display: block;}
}
.t-center{text-align: center;}
.common-wrap{
display: block;
max-width: 1080px;
margin: 0 auto;
}
.anchor-link{margin-top: -100px;padding-top: 100px;} #header{
background: #fff;
z-index: 10;
position: fixed;
width: 100%;
}
.header-wrap{
width: 1280px;
margin: 0 auto;
display: flex;
justify-content: space-between;
align-items: center;
}
@media only screen and (max-width: 736px) {
#header{position: static;}
.header-wrap{
width: 100%;
flex-wrap: wrap;
}
.logo{padding: 10px;}
}
.gnav{
display: flex;
align-items: center;
}
.gnav li{list-style: none;}
.gnav li a{
display: block;
color: #333;
text-decoration: none;
padding: 20px;
font-size: 14px;
text-align: center;
}
.gnav li.form01 a{
background: #5571AA;
color: #fff;
}
.gnav li.form02 a{
background: #B94543;
color:#fff;
}
.modal-btn{
position: absolute;
top:20px;
right:0;
width: 60px;
height: 60px;
background-color: transparent;
color: #fff;
z-index: 10000;
border-style: none;
}
.modal-btn span{
display: block;
width: 36px;
height: 4px;
background: #fff;
position: absolute;
left: 50%;
transform: translate(-50%,-50%);
transition: all .3s cubic-bezier(.55,0,.1,1);
}
.modal-btn span:nth-of-type(1){top: 25%;}
.modal-btn span:nth-of-type(2){top: 50%; opacity: 1;}
.modal-btn span:nth-of-type(3){top: 75%;}
.modal-btn.active span:nth-of-type(1){top: 50%; transform: translate(-50%,-50%) rotate(45deg);}
.modal-btn.active span:nth-of-type(2){opacity: 0;}
.modal-btn.active span:nth-of-type(3){top: 50%; transform: translate(-50%,-50%) rotate(-45deg);}
@media only screen and (max-width: 736px) {
.gnav{flex-wrap: wrap;}
.gnav li{width: 100%;}
.gnav li a{padding: 10px;}
}
.topbtn a{
position: fixed;
right:20px;
bottom:20px; width: 50px;
height:50px;
text-align:center;
line-height: 50px;
font-size: 25px;
background:#5571AA;
color:#fff;
z-index:9999;
}  .back-white{background: #fff;}
.center{text-align: center;}
.kc-color{color: #8384B5;} .area-wrap{padding: 80px 0;}
.head-title{
font-size: 46px;
font-weight: 100;
margin-top: 0;
margin-right: 0;
margin-left: 0;
margin-bottom: 20px;
}
@media only screen and (max-width: 736px) {
.area-wrap{padding: 40px 0;}
.head-title{
font-size: 22px;
}
}  .mainph-wrap{padding-top: 79px;}
.mainph-wrap img{width: 100%;} .movie-wrap{
max-width: 1000px;
margin: 0 auto;
padding: 80px 0;
}
@media only screen and (max-width: 736px) {
.mainph-wrap{padding-top: 0px;}
.movie-wrap{
padding: 40px 0;
}
}  .features-title{
width: 100%;
color: #5571AA;
font-weight: bold;
font-size: 79px;
opacity: 0.5;
}
.features-box{
background: #fff;
padding: 40px;
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 40px;
}
.features-box .col2:first-child{
width: calc(55% - 30px);
}
.features-box .col2:last-child{
width: calc(45% - 30px);
text-align: left;
}
.features-box .col2:first-child img{
width: 100%;
} .features-box .fr-num{}
.features-box .col2:last-child h5{
font-size: 25px;
font-weight: 100;
margin: 0 0 20px;
}
.features-box .col2:last-child h5 span{
display: block;
font-size: 50px;
} @media only screen and (max-width: 736px) {
.features-title{
font-size: 26px;
margin: 0 0 40px;
}
.features-box{flex-wrap: wrap;}
.features-box .col2:first-child,
.features-box .col2:last-child{
width: 100%;
}
.features-box .col2:last-child h5{
font-size: 22px;
}
.features-box .col2:last-child h5 span{
font-size: 45px;
}
} .faq-list{
display: flex;
justify-content: space-between;
border-bottom: 1px solid #ccc;
}
.faq-list dt{
width: 162px;
height: 162px;
background: #fff;
box-shadow: 10px 10px 10px #ccc;
border-radius: 100px;
text-align: center;
line-height: 162px;
}
.faq-list dt img{transform: translateX(5px);}
.faq-list dd{width: 80%;}
.faq-list dd h4,
.faq-list dd p{position: relative; padding: 0 0 0 80px; margin-bottom: 40px;}
.faq-list dd h4{font-size: 30px; font-weight: 100;}
.faq-list dd h4::before,
.faq-list dd p::before{
position: absolute;
top: -10px;
left: 0;
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
font-size: 30px;
border-radius: 100px;
padding: 10px;
font-weight: 100;
}
.faq-list dd h4::before{
content: "Q";
background: #E5E7ED;
}
.faq-list dd p::before{
content: "A";
background: #5571AA;
color: #fff;
}
@media only screen and (max-width: 736px) {
.faq-list{flex-wrap: wrap; padding: 0 10px;}
.faq-list dt{margin: 0 auto;}
.faq-list dd{width: 100%; margin: 0;}
.faq-list dd h4,
.faq-list dd p{padding: 0;}
.faq-list dd h4::before,
.faq-list dd p::before{
position: static;
display: block;
box-sizing: border-box;
width: 100%;
height: auto;
margin-bottom: 10px;
}
.faq-list dd h4{font-size: 20px;}
}  .info-wrap .common-wrap{
padding: 40px;
margin-bottom: 40px;
}
.info-table{
border-collapse: separate;
border-spacing: 6px;
}
.info-table th,
.info-table td{padding: 14px;}
.info-table th{
background: #E5E7ED;
color: #5571AA;
padding: 20px;
border-radius: 10px;
}
.info-table .price{font-size: 22px; font-weight: 100; line-height: 2;}
.info-wrap .info-table th{width: 20%;}
.info-wrap .info-table td{width: 80%;}
@media only screen and (max-width: 736px) {
.info-wrap .info-table,
.info-wrap .info-table tbody,
.info-wrap .info-table tr,
.info-wrap .info-table th,
.info-wrap .info-table td{
display: block;
width: 100%;
}
} @media only screen and (max-width: 736px) {
.flow-wrap{padding: 0 10px;}
} .pre_online_wrap{
max-width: 1080px;
margin: 0 auto;
border: 2px solid #fff;
padding: 60px;
border-radius: 20px;
}
.pre_online_wrap figure{margin-bottom: 80px;}
.pre_online_wrap figure img{
width: 100%;
}
.pre_online_wrap .online_link,
.pre_online_wrap .online_point{
max-width: 896px;
display: flex;
justify-content: space-around;
flex-wrap: wrap;
margin: 0 auto;
text-shadow: 0px 0px;
}
.pre_online_wrap .online_link{
margin-bottom: 80px;
color: #E71A53;
}
.pre_online_wrap .online_link li{
text-align: center;
margin:10px 0;
width: calc(50% - 20px);
}
.pre_online_wrap .online_link li span{
display: block;
font-size: 24px;
font-weight: bold;
margin-bottom: 10px;
}
.pre_online_wrap .online_link li a{
display: block;
width: 100%;
padding: 10px 0;
font-size: 26px;
border-radius: 100px;
border: 2px solid #1A2D57;
background-color: #FFFFFF;
text-decoration: none;
color: #e71a53;
}
.pre_online_wrap .online_link li:last-child a{
border: 2px solid #1a2d57;
background: #fff;
}
@media only screen and (max-width: 736px) {
.area-wrap.pre_online{padding: 40px 10px;}
.pre_online_wrap{
padding: 20px;
}
.pre_online_wrap .online_link li{
width: 100%;
margin-bottom: 20px;
}
.pre_online_wrap .online_link li span{
font-size: 18px;
}
.pre_online_wrap figure{margin-bottom: 40px;}
.pre_online_wrap .online_link{margin-bottom: 40px;}
} .footer-wrap{
width: 100%;
padding: 20px 0;
display: flex;
justify-content: space-between;
align-items: flex-end;
}
@media only screen and (max-width: 736px) {
.footer-wrap{
padding: 10px;
flex-wrap: wrap;
justify-content: center;
}
.footer-wrap a{margin-bottom: 10px; display: block;}
.footer-wrap small{margin-bottom: 10px;}
} @media print {
*,
*:before,
*:after {
background: transparent !important;
color: #000 !important;
box-shadow: none !important;
text-shadow: none !important;
}
a,
a:visited {
text-decoration: underline;
}
a[href]:after {
content: " (" attr(href) ")";
}
abbr[title]:after {
content: " (" attr(title) ")";
}
a[href^="#"]:after,
a[href^="javascript:"]:after {
content: "";
}
pre,
blockquote {
border: 1px solid #999;
page-break-inside: avoid;
}
thead {
display: table-header-group;
}
tr,
img {
page-break-inside: avoid;
}
img {
max-width: 100% !important;
}
p,
h2,
h3 {
orphans: 3;
widows: 3;
}
h2,
h3 {
page-break-after: avoid;
}
}
 .mw_wp_form .error {
font-size : 93%;
color : #B70000;
display : block;
} .mw_wp_form .akismet_error {
display: block;
} .mw_wp_form .vertical-item {
display: block;
}
.mw_wp_form .vertical-item + .vertical-item {
margin-top: 5px;
} .mw_wp_form .horizontal-item + .horizontal-item {
margin-left: 10px;
} .mwform-checkbox-field label,
.mwform-radio-field label {
font-weight: normal;
margin-bottom: 0;
}
.mwform-checkbox-field input,
.mwform-radio-field input {
margin-right: 5px;
} .mw_wp_form .ui-datepicker .ui-datepicker-title select.ui-datepicker-month,
.mw_wp_form .ui-datepicker .ui-datepicker-title select.ui-datepicker-year {
width: 40%;
margin: 0 5px;
} .mw-wp-form-deprecated-message {
background: #fdeeee;
border: 1px solid #f7bdb8;
border-radius: 5px;
color: #af4040;
font-size: 13px;
line-height: 1.6;
margin: 0 0 10px;
padding: 1em;
} .mw_wp_form input[type="file"] {
display: inline-block;
} .mwform-file-delete {
cursor: pointer;
visibility: hidden;
} .mwform-tel-field input[type="text"],
.mwform-zip-field input[type="text"] {
display: inline-block;
width: auto;
}