/*------------------------------------------------------------
BODY BASIC
------------------------------------------------------------*/
body{
font-size:3.5vw;
line-height:1.75;
color:#333;
font-weight:500;
font-feature-settings:'palt';
}


/*------------------------------------------------------------
RESPONSIVE
------------------------------------------------------------*/
.pconly{ display:none; }
.sponly{ display:block; }


/*------------------------------------------------------------
HEADER
------------------------------------------------------------*/
header{
position:fixed;
z-index:10;
width:100%;
padding:4vw;
}
.corp-logo{
width:36vw;
}


/*------------------------------------------------------------
DRAWER MENU
------------------------------------------------------------*/
#menuBtn{
position:fixed;
top:1vw;
right:3vw;
width:10vw;
height:10vw;
background-image: linear-gradient(120deg, #f6d365 0%, #fda085 100%);
cursor:pointer;
z-index:9999;
border-radius:50%;
}
#menuBtn span{
display:block;
position:absolute;
height:.5vw;
width:5vw;
border-radius:.25vw;
background:#fff;
left:0;
transition:all 0.2s ease-in-out;
}


#menuBtn span:nth-child(1){
top:3vw;
left:2.5vw;
}
#menuBtn span:nth-child(2){
top:calc(5vw - .25vw);
left:2.5vw;
}
#menuBtn span:nth-child(3){
top:6.5vw;
left:2.5vw;
}


.active#menuBtn span:nth-child(1){
top:4.5vw;
transform:rotate(45deg);
}
.active#menuBtn span:nth-child(2){
width:0;
left:50%;
}

.active#menuBtn span:nth-child(3){
top:4.5vw;
transform:rotate(-45deg);
}

#menuBox{
display:none;
width:100%;
background:linear-gradient(to bottom, #F5FFFA 0%, #FFF0F5 50%, #F5FFFA 100%);
height:100vh;
position:fixed;
top:0;
left:0;
box-sizing:border-box;
z-index:9998;
}

#menuBox.active{
display:block;
}

.menuInner{
width:100%;
height:100dvh;
display:flex;
align-items:center;
transform:translateX(-6vw);
transition:all .5s;
opacity:.5;
}
.menuInner.active{
transform:translateX(0);
opacity:1;
}


.menu{
width:83vw;
margin:0 auto;
}
.menu li:nth-child(1) a{
background:linear-gradient(to right, #3ab5b0 0%, #3d99be 31%, #56317a 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.menu li:nth-child(2) a{
background:linear-gradient(to right, #eea2a2 0%, #bbc1bf 19%, #57c6e1 42%, #b49fda 79%, #7ac5d8 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.menu li:nth-child(3) a{
background:linear-gradient(to right, #4fb576 0%, #44c489 30%, #28a9ae 46%, #28a2b7 59%, #4c7788 71%, #6c4f63 86%, #432c39 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.menu li:nth-child(4) a{
background:linear-gradient(to right, #e4afcb 0%, #b8cbb8 0%, #b8cbb8 0%, #e2c58b 30%, #c2ce9c 64%, #7edbdc 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.menu li:nth-child(5) a{
background:linear-gradient(to right, #b8cbb8 0%, #b8cbb8 0%, #b465da 0%, #cf6cc9 33%, #ee609c 66%, #ee609c 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.menu li:nth-child(6) a{
background-image: linear-gradient(to right, #5ee7df 0%, #b490ca 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.menu li:nth-child(7) a{
background-image: linear-gradient(to right, #3f51b1 0%, #5a55ae 13%, #7b5fac 25%, #8f6aae 38%, #a86aa4 50%, #cc6b8e 62%, #f18271 75%, #f3a469 87%, #f7c978 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}

.menu li:nth-child(8) a{
background-image: linear-gradient(to right, #ff8177 0%, #ff867a 0%, #ff8c7f 21%, #f99185 52%, #cf556c 78%, #b12a5b 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}

.menu li a{
font-size:4.8vw;
line-height:1.5;
font-weight:bold;
color:#000;
display:block;
margin:2.5vw 0;
}






/*------------------------------------------------------------
TOPPAGE
------------------------------------------------------------*/
#kv{
width:100%;
height:100vh;
position:relative;
background:url(img/sptop.jpg) no-repeat right center;
background-size:cover;
}


.top-copy{
width:90vw;
height:90vw;
position:absolute;
top:15%;
left:5%;
font-weight:bold;
}

.sub-copy{
font-size:3.6vw;
line-height:1.5;
letter-spacing:.05em;
margin-bottom:2vw;
font-weight:bold;
}
.sub-copy span{
display:inline-block;
padding:3vw 4vw 2.5vw;
background:#fff;
border-radius:5vw;
}


.main-ttl{
font-size:5.4vw;
font-weight:bold;
line-height:1.25;
letter-spacing:.05em;
margin-bottom:2vw;
}
.main-ttl span{
display:inline-block;
padding:3vw 4vw 2.5vw;
background:#fff;
border-radius:6vw;
}

.sub-ttl{
font-size:4vw;
font-weight:bold;
line-height:1.25;
letter-spacing:.05em;
}
.sub-ttl span.frame{
display:inline-block;
padding:2vw 4vw 2.5vw;
background:#fff;
border-radius:6vw;
}
.sub-ttl span.str{
font-size:5.5vw;
color:#FF1493;
font-weight:bold;
}


.p-namesp{
font-size:3vw;
color:#666;
position:absolute;
bottom:1vw;
right:3vw;
}




#index1{
background:linear-gradient(to bottom, #F0FFFF 0%, #87CEFA 40%, #FFE4E1 80%);
}

.i1-wrap{
padding:10vw 0 12vw;
width:94vw;
margin:0 auto;
}
.i1-ttl{
font-size:6vw;
line-height:2;
margin-bottom:6vw;
font-weight:bold;
text-align:center;
background-image: linear-gradient(to right, #3ab5b0 0%, #3d99be 31%, #56317a 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}

.i1-lead{
font-size:3.6vw;
font-weight:500;
margin-bottom:10vw;
text-align:center;
}



.prob-list{
margin-bottom:16vw;
}
.prob-list li{
width:100%;
background:#fff;
border-radius:3vw;
padding:6vw 6vw;
margin-bottom:4vw;
position:relative;
}

.prob-list li::before{
content:'!';
width:10vw;
height:10vw;
background:#FFC0CB;
text-align:center;
border-radius:50%;
font-size:7vw;
line-height:10vw;
color:#fff;
font-weight:900;
position:absolute;
top:-3vw;
left:-3vw;
transform:rotate(15deg);
}



.prob{
}

.prob dt{
font-size:4.5vw;
line-height:1.5;
margin-bottom:4vw;
color:#DB7093;
font-weight:bold;
padding-bottom:6vw;
position:relative;
text-align:center;
}

.prob dt::after{
content:'';
width:0;
height:0;
border-top:3vw solid #fecdd3;
border-left:5vw solid transparent;
border-right:5vw solid transparent;
position:absolute;
bottom:.5vw;
left:50%;
margin-left:-5vw;
}


.prob dt span{
display:block;
font-size:3.5vw;
font-weight:bold;
line-height:2;
}

.prob dd{
font-size:3.7vw;
}
.solu{
font-weight:bold;
color:#4169E1;
font-size:4vw;
line-height:1.5;
margin-bottom:4vw;
}


.i1-catch{
font-size:4.5vw;
text-align:center;
line-height:1.5;
background-image: linear-gradient(to right, #00dbde 0%, #fc00ff 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-weight:bold;
}




#index2{
background:linear-gradient(to bottom, #FFE4E1 0%, #FFF8DC 30%, #7FFFD4 100%);
}

.i2-wrap{
padding:8vw 0 12vw;
width:94vw;
margin:0 auto;
}
.i2-ttl{
font-size:6vw;
line-height:1.35;
margin-bottom:6vw;
font-weight:bold;
text-align:center;
background-image: linear-gradient(to right, #eea2a2 0%, #bbc1bf 19%, #57c6e1 42%, #b49fda 79%, #7ac5d8 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}




.reason{
width:94vw;
margin:0 auto 10vw;
font-size:3.7vw;
}
.reason li{
margin-bottom:5vw;
}
.r-img{
border-radius:4vw;
overflow:hidden;
}
.r-txt{
margin:3vw 0 0;
}
.r-ttl{
font-size:5.5vw;
font-weight:bold;
line-height:1.35;
margin-bottom:3vw;
}
.r-num{
font-size:4vw;
line-height:2;
margin-bottom:1.5vw;
}

.r-num span{
width:7vw;
height:7vw;
margin-left:2vw;
color:#fff;
border-radius:50%;
display:inline-block;
text-align:center;
}
.reason li:nth-child(1) .r-num span{ background-image: linear-gradient(to right, #fbc2eb 0%, #a6c1ee 100%); }
.reason li:nth-child(2) .r-num span{ background-image: linear-gradient(to right, #84fab0 0%, #8fd3f4 100%); }
.reason li:nth-child(3) .r-num span{ background-image: linear-gradient(to right, #f093fb 0%, #f5576c 100%); }



.r-txt p span{
font-size:4vw;
font-weight:bold;
color:#ff4500;
}




.i2-catch{
text-align:center;
font-size:6vw;
font-weight:bold;
line-height:1.2;
margin-bottom:8vw;
}

.i2-catch span:nth-child(1){
background-image: linear-gradient(to right, #f9d423 0%, #ff4e50 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
display:block;
}


.i2-catch span:nth-child(2){
background-image: linear-gradient(to right, #50cc7f 0%, #f5d100 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
display:block;
}

.i2-catch span:nth-child(3){
background-image: linear-gradient(to right, #0acffe 0%, #495aff 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
display:block;
}


.i2-catch-desc{
text-align:center;
font-size:3.8vw;
line-height:1.5;
margin-bottom:8vw;
font-weight:bold;
}



.link{
text-align:center;
display:flex;
align-items:center;
justify-content:center;
height:10vw;
}

.btn-ef{
display:flex;
align-items:center;
}

.icon-comment{
width:8vw;
height:8vw;
color:#fff;
margin-right:4vw;
}
.icon-comment svg{
width:8vw;
height:8vw;
}


.link a{
font-size:4.5vw;
font-weight:bold;
  display: inline-block;
padding:2.4vw 6vw 1.6vw 4vw;
  background: linear-gradient(to right, #00dbde, #fc00ff);
  color: #fff;
  font-weight: bold;
  border-radius: 999px;
  text-decoration: none;
  transition:all 0.3s ease;

}



#index3{
background:linear-gradient(to bottom, #7FFFD4 0%, #F0E68C 50%, #FAEBD7 100%);
}

.i3-wrap{
padding:8vw 0 12vw;
width:94vw;
margin:0 auto;
}
.i3-ttl{
font-size:6vw;
line-height:2;
margin-bottom:4vw;
font-weight:bold;
text-align:center;
background-image: linear-gradient(to right, #4fb576 0%, #44c489 30%, #28a9ae 46%, #28a2b7 59%, #4c7788 71%, #6c4f63 86%, #432c39 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}

.flow{
width:94vw;
margin:0 auto 10vw;
}

.flow li{
display:flex;
gap:0 6vw;
padding:4vw 0;
position:relative;
}
.flow li::after{
content:'';
width:0;
height:0;
border-top:2vw solid #fff;
border-right:3vw solid transparent;
border-left:3vw solid transparent;
position:absolute;
bottom:0;
left:7vw;
}
.flow li:last-child::after{
border:none;
}

.flow-icon{
width:20vw;
}
.flow-icon img{
width:20vw;
height:20vw;
object-fit:cover;
border-radius:2vw;

}
.flow-txt{
width:68vw;
font-size:3.7vwm;
line-height:1.5;
display:flex;
flex-direction:column;
justify-content:center;
}
.flow-ttl{
font-size:4.2vw;
line-height:2;
font-weight:bold;
margin-bottom:2vw;
display:flex;
align-items:center;
}

.flow-ttl span{
display:inline-block;
width:8.4vw;
height:8.4vw;
text-align:center;
margin-right:2vw;
border-radius:50%;
color:#fff;
}
.flow li:nth-child(1) .flow-ttl span{ background-image: linear-gradient(120deg, #2af598 0%, #009efd 100%); }
.flow li:nth-child(2) .flow-ttl span{ background-image: linear-gradient(120deg, #b8cbb8 0%, #b8cbb8 0%, #b465da 0%, #cf6cc9 33%, #ee609c 66%, #ee609c 100%); }
.flow li:nth-child(4) .flow-ttl span{ background-image: linear-gradient(120deg, #37ecba 0%, #72afd3 100%);}
.flow li:nth-child(3) .flow-ttl span{ background-image: linear-gradient(120deg, #43e97b 0%, #38f9d7 100%);}
.flow li:nth-child(5) .flow-ttl span{ background-image: linear-gradient(120deg, #f78ca0 0%, #f9748f 19%, #fd868c 60%, #fe9a8b 100%);}

.period{
width:90vw;
margin:0 auto;
padding:3vw 6vw;
background:#fff;
font-size:3.7vw;
border-radius:10vw;
display:flex;
align-items:center;
}

.icon-dia{
width:10vw;
height:10vw;
margin-right:6vw;
}

.icon-dia svg{
width:10vw;
height:10vw;
}


.per-txt{
width:66vw;
}
.period h3{
font-size:4vw;
font-weight:bold;
line-height:6vw;
position:relative;
}

.period p{
line-height:4vw;
}

.period p span{
font-size:3.2vw;
}






#index4{
background:linear-gradient(to bottom, #FAEBD7 0%, #F0FFFF 50%, #D8BFD8 100%);
}


.i4-wrap{
padding:8vw 0 12vw;
width:94vw;
margin:0 auto;
}
.i4-ttl{
font-size:6vw;
line-height:2;
margin-bottom:4vw;
font-weight:bold;
text-align:center;
background-image: linear-gradient(to right, #e4afcb 0%, #b8cbb8 0%, #b8cbb8 0%, #e2c58b 30%, #c2ce9c 64%, #7edbdc 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}

.faq{
width:100%;
margin:0 auto 6vw;
background:#fff;
padding:6vw;
border-radius:4vw;
}
.faq-last{
margin-bottom:12vw;
}

.faq dt{
min-height:8vw;
display:flex;
align-items:center;
font-size:4vw;
line-height:1.35;
padding:0 0 0 12vw;
position:relative;
margin-bottom:4vw;
}
.faq dt::before{
content:'Q';
width:8vw;
height:8vw;
text-align:center;
color:#fff;
background-image: linear-gradient(to top, #9795f0 0%, #fbc8d4 100%);
border-radius:50%;
font-size:4vw;
position:absolute;
top:0;
left:0;
line-height:8vw;
}

.faq dd{
background:#fff;
padding:0 0 0 12vw;
position:relative;
font-size:3.7vw;
line-height:1.35;
}

.faq dd::before{
content:'A';
width:8vw;
height:8vw;
text-align:center;
color:#fff;
font-size:4vw;
background-image: linear-gradient(to top, #ff758c 0%, #ff7eb3 100%);
position:absolute;
top:-1.5vw;
left:0;
line-height:8vw;
border-radius:50%;
}






#index5{
padding:8vw 0 12vw;
background:linear-gradient(to bottom, #D8BFD8 0%, #FFF0F5 50%, #F5FFFA 100%);
}

.i5-ttl{
font-size:6vw;
line-height:2;
margin-bottom:4vw;
font-weight:bold;
text-align:center;
background-image: linear-gradient(to right, #b8cbb8 0%, #b8cbb8 0%, #b465da 0%, #cf6cc9 33%, #ee609c 66%, #ee609c 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}

.i5-desc{
font-size:3.7vw;
font-weight:bold;
text-align:center;
margin:0 auto 8vw;
}




.function{
width:94vw;
margin:0 auto 12vw;
}
.function li{
margin-bottom:6vw;
}

.func-img{
border-radius:2vw;
overflow:hidden;
}
.func-ttl{
margin:2vw 0;
font-size:5vw;
line-height:1.25;
font-weight:bold;
position:relative;
padding:2.5vw 0 0 10vw;
}
.func-ttl span{
position:absolute;
top:1vw;
left:0;
width:8vw;
height:8vw;
border-radius:50%;
color:#fff;
text-align:center;
line-height:8vw;
}
.function li:nth-child(1) .func-ttl span{background-image: linear-gradient(to right, #37ecba 0%, #72afd3 100%); }
.function li:nth-child(2) .func-ttl span{background-image: linear-gradient(to right, #e8198b 0%, #c7eafd 100%);}
.function li:nth-child(3) .func-ttl span{background-image: linear-gradient(to right, #9795f0 0%, #fbc8d4 100%); }
.function li:nth-child(4) .func-ttl span{background-image: linear-gradient(to right, #88d3ce 0%, #6e45e2 100%); }
.function li:nth-child(5) .func-ttl span{background-image: linear-gradient(to right, #abecd6 0%, #fbed96 100%); }
.function li:nth-child(6) .func-ttl span{background-image: linear-gradient(to right, #d558c8 0%, #24d292 100%); }

.func-desc{
padding-left:10vw;
}


.i5-catch{
font-size:6vw;
text-align:center;
line-height:1.5;
background-image: linear-gradient(to right, #00dbde 0%, #fc00ff 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-weight:bold;
}
.i5-catch span{
color:#ff4500;
 -webkit-text-fill-color: #ff4500;
font-size:8vw;
display:inline-block;
margin:0 .75vw;
position:relative;
top:.4vw;
}



#index6{
padding:8vw 0 12vw;
background:linear-gradient(to bottom, #F5FFFA 0%, #FFF0F5 50%, #F5FFFA 100%);
}

.i6-ttl{
font-size:6vw;
line-height:1.5;
margin-bottom:6vw;
font-weight:bold;
text-align:center;
background-image: linear-gradient(to right, #5ee7df 0%, #b490ca 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}

.i6-desc{
text-align:center;
font-size:3.7vw;
line-height:1.5;
margin:0 auto 10vw;
}

.slick-slide{
margin:0 1vw;
}


.ex-image{
position:relative;
}
.ex-image a{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
display:block;
z-index:10;
}


.ex-txt{
display:flex;
justify-content:center;
font-size:3.2vw;
margin:2vw 0 0;
gap:0 1vw;
}





#contact{
width:100%;
padding:0 0 10vw;
background:url(img/contactbg3.jpg) no-repeat right top;
/*background:url(img/piano-sabaku.jpg) no-repeat center center;*/
background-size:cover;
position:relative;
}

.contact-cont{
width:94vw;
margin:0 auto;
position:relative;
z-index:2;
}

.contact-ttl{
font-size:6vw;
line-height:2;
margin-bottom:4vw;
font-weight:bold;
text-align:center;
background-image: linear-gradient(to right, #3f51b1 0%, #5a55ae 13%, #7b5fac 25%, #8f6aae 38%, #a86aa4 50%, #cc6b8e 62%, #f18271 75%, #f3a469 87%, #f7c978 100%);
 background-blend-mode: multiply;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.contact-desc{
text-align:center;
font-size:3.7vw;
line-height:1.5;
}





/*------------------------------------------------------------
	PAGE
------------------------------------------------------------*/
#container{
background-image: linear-gradient(
  to top,
  #faeaea 0%,   /* ごく淡いピンクベージュ */
  #f2f4f3 20%,  /* ほぼ白に近いグレージュ */
  #e8f6f9 45%,  /* ごく淡いアクア */
  #f1edf8 75%,  /* やさしいラベンダーミスト */
  #eef8fa 100%  /* 白に近いブルーグレー */
);
}

#page-head{
width:100%;
height:60vw;
position:relative;
}
#contact-head{
width:100%;
height:0;
}


.page-title-area{
position:absolute;
top:50%;
left:50%;
transform:translate(-50%, -50%);
font-weight:bold;
}


#page-head h1{
font-size:6vw;
line-height:2;
background-image: linear-gradient(to right, #4fb576 0%, #44c489 30%, #28a9ae 46%, #28a2b7 59%, #4c7788 71%, #6c4f63 86%, #432c39 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
text-align:center;
margin-bottom:4vw;
}

#page-head h1 span{
display:block;
font-size:3.5vw;
line-height:1.5;
}


.page-lead{
text-align:center;
font-size:3.5vw;
line-height:1.5;
width:90vw;
margin:0 auto;
}


#page{
width:94vw;
margin:0 auto;
padding:0 0 20vw;
}

/* FAQ */

.faq-copy{
text-align:center;
font-size:4.5vw;
background:linear-gradient(to right, #b8cbb8 0%, #b8cbb8 0%, #b465da 0%, #cf6cc9 33%, #ee609c 66%, #ee609c 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-weight:bold;
margin-bottom:6vw;
}

.faq dd span{
color:#FFA500;
font-size:3.7vw;
font-weight:bold;
}





/*------------------------------------------------------------
FORM
------------------------------------------------------------*/
.req{
color:#cc2728;
position:relative;
top:-1.5vw;
left:1vw;
font-size:3vw;
}

.form {
width:100%;
margin:0 0 6vw;
padding:10vw 0 0;
}

.form dt {
font-weight:bold;
text-align:left;
font-size:3.7vw;
margin-bottom:1vw;
}
.form dd {
font-size:3.7vw;
line-height:1.5;
margin-bottom:3vw;
}

.formCap{
font-size:3vw;
margin:0 0 2vw;
}



input[type="text"],
input[type="email"]{
width:100%;
border-radius:.5vw;
border:0;
background:#fff;
color:#333;
padding:2vw;
box-sizing:border-box;
-webkit-appearance: none;
}


select{
border-radius:.5vw;
border:0;
padding:3vw;
box-sizing:border-box;
-webkit-appearance: none;
}
.sele-ef{
position:relative;
}




textarea {
width:100%;
height:40vw;
border-radius:.5vw;
border:0;
padding:3vw;
box-sizing:border-box;
-webkit-appearance: none;
background:#fff;
color:#333;
}

.mwform-tel-field input[type=text] {
width:25%;
border-radius:.5vw;
padding:3vw;
background:#fff;
color:#333;
-webkit-appearance: none;
}


.formBtn{
display:flex;
justify-content:center;
align-items:center;
gap:0 4vw;
}

.formBtn li{
}

.mw_wp_form_input .sbmBtn input {
background-image: linear-gradient(to right, #b8cbb8 0%, #b8cbb8 0%, #b465da 0%, #cf6cc9 33%, #ee609c 66%, #ee609c 100%);
  color: #fff;
  width: 40vw;
  height: 10vw;
font-size:4vw;
  border-radius: 1vw;
  border: none;
  cursor: pointer;
  font-weight: bold;
  -webkit-appearance: none;
transition:all .2s;
letter-spacing:.2em;
}
.mw_wp_form_confirm .sbmBtn input {
background-image: linear-gradient(to right, #b8cbb8 0%, #b8cbb8 0%, #b465da 0%, #cf6cc9 33%, #ee609c 66%, #ee609c 100%);
  color: #fff;
  width: 40vw;
  height: 10vw;
font-size:4vw;
  border-radius: 1vw;
  border: none;
  cursor: pointer;
  font-weight: bold;
  -webkit-appearance: none;
transition:all .2s;
letter-spacing:.2em;
}
.backBtn input {
background-image: linear-gradient(to top, #c4c5c7 0%, #dcdddf 52%, #ebebeb 100%);
color:#666;
width:25vw;
height:10vw;
font-size:4vw;
border-radius:1vw;
overflow:hidden;
border:none;
cursor:pointer;
transition:all .2s;
font-weight:bold;
letter-spacing:.2em;
-webkit-appearance: none;
}

.disp-form{ display:none; padding:10vw 0 0; }
.disp-confirm,
.disp-submit,
.disp-error{ display:none; padding:18vw 0 0; }

.mw_wp_form_top .disp-confirm{ display:block !important; }
.mw_wp_form_confirm .disp-confirm{ display:block !important; }
.mw_wp_form_complete .disp-submit{ display:block !important; }
.mw_wp_form_error .disp-error{ display:block !important; }



/*------------------------------------------------------------
	REVIEW ARCHIVE
------------------------------------------------------------*/
.rev-list{
width:94vw;
margin:0 auto 12vw;
}
.rev-list li{
position:relative;
display:flex;
justify-content:space-between;
padding:6vw 0;
}

.rev-list li::after{
content: '';
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 2px;
background-size: 12px 2px;
background-image: linear-gradient(to right, #BA55D3, #BA55D3 2px, transparent 3px, transparent 3px);
background-repeat: repeat-x;
}

.rev-link{
margin-top:3vw;
text-align:right;
}
.rev-link a{
font-size:4vw;
font-weight:bold;
  display: inline-block;
padding:2.5vw 3vw 2vw 6vw;
  background: linear-gradient(to right, #00dbde, #fc00ff);
  color: #fff;
  font-weight: bold;
  border-radius: 999px;
  text-decoration: none;
}


.rev-link-icon{
width:4vw;
height:4vw;
margin-left:4vw;
position:relative;
top:-.7vw;
}



/*------------------------------------------------------------
	REVIEW
------------------------------------------------------------*/
.rev-title-area{
margin:0 auto 10vw;
}

.rev-title{
margin:0 auto 4vw;
}

.rev-title h2{
font-size:5vw;
line-height:1.35;
font-weight:bold;
background-image: linear-gradient(to right, #b8cbb8 0%, #b8cbb8 0%, #b465da 0%, #cf6cc9 33%, #ee609c 66%, #ee609c 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}

.rev-info{
width:100%;
display:flex;
flex-wrap:wrap;
justify-content:center;
align-items:center;
}

.class-name{
display:flex;
flex-wrap:wrap;
align-items:center;
margin-bottom:2vw;
justify-content:center;
}

.rev-info h2{
font-size:6vw;
line-height:1.5;
font-weight:500;
background-image: linear-gradient(to right, #00dbde 0%, #fc00ff 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
margin-right:3vw;
}

.area{
font-size:3.6vw;
color:#222 !important;
font-weight:500;

}

.url{
display:flex;
align-items:center;
color:#888;
justify-content:center;
}
.icon-link{
width:4.5vw;
height:4.5vw;
margin-right:1vw;
}
.url a{
color:#222;
font-size:1rem;
}

.lec{
display:flex;
justify-content:center;
align-items:center;
margin-bottom:4vw;
}
.lec-thumb{
width:14vw;
height:14vw;
border-radius:50%;
overflow:hidden;
}
.lec-name{
margin-left:3vw;
font-size:3.7vw;
}




.rev-col{
width:90vw;
margin:0 auto 10vw;
}

.rev-colL{
margin-bottom:6vw;
}
.rev-colR{
}

.cont-section{
margin-bottom:6vw;
}

.cont-img-l{
width:90vw;
margin:3vw auto;
}
.cont-img-r{
width:90vw;
margin:3vw auto;
}

.cont-txt-r{
}
.cont-txt-l{
}

.cont-img-c{
width:90vw
margin:3vw auto;
}

.site-comment{
margin:2vw 0 0;
font-size:3vw;
}

.img-cap{
margin:2vw 0 0;
font-size:3vw;
}

.cont-section h3.md01{
font-size:3.8vw;
line-height:1.35;
margin-bottom:2vw;
}





/*------------------------------------------------------------
FOOTER
------------------------------------------------------------*/

footer{

padding:10vw 0 2vw;
text-align:center;
}
.flogo{
width:36vw;
margin:0 auto 2vw;
}
.f-add{
}

.acc-link{
margin:1vw 0 0;
}

.acc-link a{
posiiton:relative;
color:#999;
}

.fd{
margin:6vw 0;
}
.fd-ttl{
}
.fd-tel{
padding:0 8vw;
position:relative;
font-size:8vw;
line-height:1.5;
font-weight:bold;
}

.fd-tel a{
color:#333;
}

.fd-cap{
font-size:3vw;
color:#666;
}

.fname{
font-size:3.7vw;
font-weight:bold;
}
.fmail{
font-size:4vw;
font-weight:bold;
margin-bottom:4vw;
}



.bnr-ttl{
margin-bottom:1vw;
}
.bnr{
width:60vw;
margin:0 auto 12vw;
}

.copy{
font-size:2.5vw;
color:#666;
}