@charset "utf-8";

/*--extend [20260703]--*/
.btn-info{font:400 16px; / 1.5 "LINE Seed JP", sans-serif;color:#fff;}
.btn-info dl{padding:0.5em;}

.cta-card .btn-acc{color:#000;padding:0;verflow:hidden;}
.cta-card .btn-acc a{text-decoration:unset;padding:0;color:unset;padding:1em 4em;display:block;font-size:15px;}

.card.cta-card .btn-info dl{text-align:left;padding-bottom:0;}

#msboxContact{font:400 clamp(15px,1rem,20px) / 1.5 "LINE Seed JP", sans-serif;color:#fff;}
#msboxContact header+*{margin-top:0;}
#msboxContact .cta-card{justify-content:center;}

#msboxContact #spMain{display:none;}
#msboxContact .mainbox{padding-top:0;}
#msboxContact .mainbox section{background:#eee;margin-top:10px;border-radius:18px;color:#000;padding:20px;}

#msboxContact #spMain ul li{height:48%;display:flex;flex-flow:row;justify-content:center;align-items:center;width:100%;border-radius:18px;}
#msboxContact #spMain ul li a{display:flex;text-decoration:none;color:inherit;height:100%;width:100%;flex-flow:column;align-items:center;justify-content:center;}

#msboxContact #spMain ul li a>span{font:600 2em / 1  "LINE Seed JP", sans-serif;}
#msboxContact #spMain ul li:nth-of-type(1){background:#104827;color:#fff;}
#msboxContact #spMain ul li:nth-of-type(2){background: #d4ff4e;color:#104827;}

#msboxContact #spMain ul li figure{display:block;height:20vw;width:20vw;}
#msboxContact #spMain ul li:nth-of-type(1) figure{background:url(../img/ms_tel.png) no-repeat 50% 50% / 80% auto;}
#msboxContact #spMain ul li:nth-of-type(2) figure{background:url(../img/ms_mail.png) no-repeat 50% 50% / 100% auto;}

/*---------------*/
#msboxContact .wpcf7 textarea,
#msboxContact .wpcf7 input,
#msboxContact .wpcf7 select {
-webkit-appearance: none;
appearance: none;
border: 0;box-shadow:0 0 1px 1px;
border-radius: 5px;background:#fff;color:#000;
width:100%;padding:10px;box-sizing:border-box;
}
#msboxContact .wpcf7 select{width:50%;background:
linear-gradient(120deg,#000 50%,transparent 51%) no-repeat calc(100% - 0.5em) 50% / 0.5em 1em,
linear-gradient(60deg,transparent 49%,#000 50%) no-repeat calc(100% - 1em) 50% / 0.5em 1em,
#fff;}

#msboxContact .wpcf7{display:block;width:clamp(100px,100%,800px);margin:0 auto;}

#msboxContact .wpcf7 div.msCnt{font-size:15px;padding:1em 0 0; }
#msboxContact .wpcf7 dl{display:flex;flex-wrap:wrap;padding:0 0 1em;align-items:stretch;gap:2%;}
#msboxContact .wpcf7 dl>dt{width:28%;background:#000;color:#fff;padding:10px;box-sizing:border-box;}
#msboxContact .wpcf7 dl>dt span{font-size:0.8em;display:inline-block;margin-left:0.5em;color:#d4ff4e;}
#msboxContact .wpcf7 dl>dd{width:70%;display:flex;align-items:center;box-sizing:border-box;}
#msboxContact .wpcf7 dl:last-of-type{background:unset}
#msboxContact .wpcf7 dl dd>p{width:100%;line-height:1;padding:0;display:block;box-sizing:border-box;position:relative;}

#msboxContact .wpcf7 div.submit{padding:10px 0;}
#msboxContact .wpcf7 div.submit>p{display:flex;justify-content:center;align-items:center;padding:0;margin:0;box-sizing:border-box;
flex-flow:wrap;}

#msboxContact .wpcf7 div.submit input[type="submit"]{
display:block;background:#d4ff4e;outline:unset;border:0;width:50%;padding:0.5em 0;
border-radius:2em;font-size:20px;cursor:pointer;
}

.wpcf7-not-valid-tip{position:absolute;display:block;width:100%;box-sizing:border-box;padding:0;font-size:10px;color:#c00;
line-height:15px;}
.wpcf7-response-output,
.screen-reader-response{padding:1em 2em;font-size:15px}
.screen-reader-response ul{padding-left:1.5em;}
/*---------------*/

@media only screen and (max-width: 768px) {

.cta-card .btn-acc{padding:0 !important;margin:0  auto !important;font-size:unset !important;}
.cta-card .btn-acc a{font-size:15px !important;}
.cta-card .btn-info{margin:0 auto;font-size:0.8rem;}
    
#msboxContact #spMain{height:calc(100svh);box-sizing:border-box;display:block;padding:80px 10px 10px;}
#msboxContact #spMain ul{height:100%;display:flex;flex-flow:column;align-items:center;justify-content:center;gap:2%;}
    
#msboxContact .cta-card{display:none;}
#msboxContact .mainbox{padding:10px;padding-top:60px;min-height:calc(100svh - 150px);box-sizing:border-box;}
#msboxContact .mainbox section{padding:20px;}    

#msboxContact .wpcf7 dl{display:block;gap:0%;padding:0;}
#msboxContact .wpcf7 dl>dt{width:100%;box-sizing:border-box;}
#msboxContact .wpcf7 dl>dd{width:100%;box-sizing:border-box;padding:0;}
#msboxContact .wpcf7 dl dd>p{width:100%;padding:1em 0;box-sizing:border-box;}

}



/******* contact *******/
.wpcf7-form{
max-width: unset;margin: 0 auto;
}
.wpcf7-form p{
   display: flex;
    margin-bottom:0;
}
@media screen and (max-width: 740px){
	.wpcf7-form p{
	   display:block;
	    margin-bottom: 0;
	}
}
.wpcf7-form label{
    width:unset;
}

@media screen and (max-width: 740px){
	.wpcf7-form label{
	    width: 100%;
	}
}
.wpcf7-form label span{
    background:unset;
    font-size: 80%;
    color:unset;
    padding:unset;
    border-radius:unset;
    margin-left:unset;
}

.wpcf7-form span{
    width:unset;
    margin-right:unset;
}

@media screen and (max-width: 740px){
	.wpcf7-form span{
	    width:unset;
	    margin:unset;
	}

}


.wpcf7-form input[type="text"],
.wpcf7-form input[type="tel"],
.wpcf7-form input[type="email"],
.wpcf7 input[type="file"],
.wpcf7-form textarea{
    width: 100%;
    
}

.wpcf7-form input[type="submit"]{
	width: unset;
	text-align: center;
	background: unset;
	color: unset;
}

.wpcf7-form input[type="submit"]:hover{
	 opacity: 0.5;
}

div.submit {
	text-align: center;
}