@charset "UTF-8";
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;-webkit-text-size-adjust:100%;}:where([hidden]:not([hidden='until-found'])){display:none!important}:where(html){-webkit-text-size-adjust:none;color-scheme:dark light}@supports not (min-block-size:100dvb){:where(html){block-size:100%}}@media (prefers-reduced-motion:no-preference){:where(html:focus-within){scroll-behavior:smooth}}:where(body){block-size:100%;block-size:100dvb;line-height:1.5;font-family:system-ui,sans-serif;-webkit-font-smoothing:antialiased}:where(input,button,textarea,select){font:inherit;color:inherit}:where(textarea){resize:vertical;resize:block}:where(button,label,select,summary,[role='button'],[role='option']){cursor:pointer}:where(:disabled){cursor:not-allowed}:where(label:has(>input:disabled),label:has(+input:disabled)){cursor:not-allowed}:where(button){border-style:solid}:where(a){text-underline-offset:.2ex}:where(ul,ol){list-style:none}:where(img,svg,video,canvas,audio,iframe,embed,object){display:block}:where(img,picture,svg){max-inline-size:100%;block-size:auto}:where(p,h1,h2,h3,h4,h5,h6){overflow-wrap:break-word}:where(h1,h2,h3){line-height:calc(1em + 0.5rem)}:where(hr){border:none;border-block-start:1px solid;color:inherit;block-size:0;overflow:visible}:where(:focus-visible){outline:2px solid var(--focus-color,Highlight);outline-offset:2px}:where(.visually-hidden:not(:focus,:active,:focus-within,.not-visually-hidden)){clip-path:inset(50%)!important;height:1px!important;width:1px!important;overflow:hidden!important;position:absolute!important;white-space:nowrap!important;border:0!important}

.cf:before,.cf:after{content:"";display:table;}
.cf:after{clear:both;}
.cf{*zoom:1;}

html{font-size:62.5%;}
body{font-size:15px; font-size:1.5rem; font-family:'Noto Sans JP',system-ui, "Hiragino Sans", "YuGothic","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS Gothic",sans-serif; letter-spacing:0.05em; line-height:1.6; text-align:center; background:#fff; -webkit-text-size-adjust:100%; color:#040000; max-height: 100%; box-sizing:content-box; margin:0; font-weight:600;}

img {width:100%; max-width:100%; height:auto;}
img[src$=".svg"] {width: 100%;}

a{color:#000; text-decoration:none; opacity: 1; transition: 0.5s; -webkit-transition:0.5s; text-decoration:none;}
a:hover{opacity: 0.7; transition: 0.5s; -webkit-transition:0.5s;}

.wid1100box{max-width: 960px; margin:  0 auto;}
.img{max-width:500px; margin:30px auto; padding:0 80px;}

p.about{text-align: center; padding-top: 20px;}
ul.welcome{margin-top: 10px; display: flex; color: #856429; justify-content: center; gap: 10px;}
ul.welcome li{border: 1px solid #856429; padding: 2px 5px;}
h3{background: #fbd8ac; font-weight: 700; padding: 4px 8px; margin-top: 20px; font-size:19px; font-weight:900;}
.text01,ul.taigu{margin: 8px 0 0 12px; font-size:15px;}
ul.text01{list-style:disc; margin:8px 0 0 30px;}
ul.taigu li{display: inline-block; margin-right:16px;}
ul.taigu li:before{content:"＊";}
#telephone{background: #f1cf00; color: #403d3c; margin-top: 30px; padding: 5%; text-align: center;}
#telephone h4{font-size: 18px; font-size: 1.7rem; font-weight: 900; line-height: 1.5;}
#telephone .tel{margin:16px auto;}
#telephone .tel a{font-size: 37px; font-size: 3.7rem; font-weight: 900; color: #403d3c; line-height:1;}
.attention{width:80%; max-width:430px; font-size: 14px; font-size: 1.4rem; text-align: left; margin: 0 auto;}
br.pc{display: none;}
h4.formtitle{ text-align: center; font-size: 17px; font-size: 1.7rem; font-weight: 900; margin: 30px 0; color: #403d3c;}

.mfp_col10 a{text-decoration: underline;}
#privacy{text-align: left; margin: 20px;}
#privacy ol li{margin-left: 25px;}
#privacy h4{margin: 10px 0;}
@media only screen and (min-width:768px) {
.text01,ul.taigu{margin: 8px 0 0 12px; font-size:16px;}
ul.text01{display:flex; list-style:none; margin-left:12px;}
/* ul.text01 li:first-child:after{content:"／"; padding-right:8px;} */
#telephone .tel{display:flex; gap:16px; align-items:center; justify-content:center;}
.attention{width:80%; max-width:430px; font-size: 14px; font-size: 1.4rem; text-align: center; margin: 0 auto;}
br.pc{display: inherit;}
br.smp{display: none;}
}



/*TOP PAGE*/
#pagetop {position:fixed; bottom:20px; right:10px; font-family: 'Montserrat', sans-serif; font-weight:500; font-size:13px;}
#pagetop a { background: #666; text-decoration: none; color: #fff; width: 100px; padding:10px 0; text-align: center; display: block; border-radius: 3px;}
#pagetop a:hover { text-decoration: none; background: #999;}
section.undercontent{padding: 0 0 10% 0; margin: 0 auto;}
#form{padding: 0 0 10% 0; margin: 0 auto;}

@media only screen and (min-width:900px) {
section.undercontent{padding: 0 2% 10% 2%; max-width: 1100px; margin: 0 auto;}
#form{padding: 0 2% 10% 2%; max-width:680px; margin: 0 auto;}
}
@media only screen and (min-width:960px) {
section.undercontent{padding: 0 2% 10% 2%; max-width: 1100px; margin: 0 auto;}
}


h2.maintitle{font-family: 'Poppins', sans-serif; letter-spacing: 0; font-weight: 600; font-size: 30px; text-align: left;}
h2.maintitle .blue{color: #0080df;}
h2.maintitle .small{font-size: 16px; color: #0080df;}
h3.ntitle{color: #0080df; border-bottom: 2px solid #0080df; padding-bottom: 5px; font-size: 20px; text-align: left; margin-top: 20px;}
section.undercontent,#form{text-align: left; }
iframe{vertical-align: bottom;}

#contact span.must{color:#d60000; font-weight: 300; font-size: 12px; margin-left: 5px;}
#contact .about{margin: 15px 0 25px 0;}

#form p{text-align:center;}
#form p .must{color:#cc0000;}

input[type="text"],input[type="tel"],input[type="email"], select{font-size: 14px; padding: 5px; line-height: 1.5; margin-bottom: 5px; background:#fff; width:100%;}
input[type="radio"]{margin-right:8px; background:#fff;}
form#mailformpro label{margin-right:20px;}
form{width: 96%; margin: 0 auto;}
form .must{color:#cc0000; font-weight: 300; font-size: 12px; margin-left: 5px;}
dt{margin-bottom: 0px; font-weight: 500; color: #403d3c;  }
dd{margin-bottom: 15px; padding: 0; }
dd input{border: 1px solid #000;}
#privacy{font-size: 14px;}
#privacy h3{border: none; font-size: 18px; margin-top: 30px; margin-bottom: 10px;}
#privacy .box {padding: 2%; margin: 0 auto; margin-bottom: 30px; 
  width: 100%;  max-width: 600px; 
  height: 200px; 
  border: 1px solid #000; 
  overflow-y: scroll; 
}
#mfp_element_14_label{font-size: 12px;}
.mfp_buttons button{margin: 0 auto; margin-top:30px; width:80%; max-width:400px; background: #f1cf00; color: #403d3c; font-weight: 900; font-size: 18px; border: none; box-shadow: none; padding: 20px;}

textarea {width:100%; height:100px; background:#fff;}
.mfp_element_textarea textarea{width:100%; height:100px;}

@media only screen and (min-width:740px) {
}

footer{font-size:12px; padding:60px 0 20px;}

.fadeInTrigger,.fadeIn2Trigger,.fadeIn3Trigger{opacity: 0;}
.fadeIn{animation-name:fadeInAnime; animation-duration:1s; animation-fill-mode:forwards; opacity:0;}
.fadeIn2{animation-name:fadeInAnime2; animation-duration:2s; animation-fill-mode:forwards; opacity:0;}
.fadeIn3{animation-name:fadeInAnime3; animation-duration:3s; animation-fill-mode:forwards; opacity:0;}

@keyframes fadeInAnime{
from {opacity: 0; transform: translateY(0);}
to {opacity: 1; transform: translateY(0);}
}
@keyframes fadeInAnime2{
from {opacity: 0; transform: translateY(30px);}
to {opacity: 1; transform: translateY(0);}
}
@keyframes fadeInAnime3{
from {opacity: 0; transform: translateY(30px);}
to {opacity: 1; transform: translateY(0);}
	}