@charset "utf-8";
/* CSS Document 320-640 */

/*--------------------------------------------------------------------

headBox

--------------------------------------------------------------------*/
.headfirex{text-align: left}
.headfirex .text01{text-align: left ;margin:30px 0 10px; line-height: 1.6; font-size:clamp(1.125rem, 0.688rem + 2.19vw, 1.563rem)}/*18-25*/
.headfirex .text02{text-align: left ; margin-bottom: 20px}
.pageheadBox .sub{text-align: left; padding-left: 5%; display: block; width: 100%; position: relative; font-size:clamp(1.375rem, 0.563rem + 4.06vw, 2.188rem) }/*22-35*/
.pageheadBox .sub i{ padding:20px 5% 20px 0; color:red; line-height:1.6; display:block ; font-size:clamp(0.938rem, 0.375rem + 2.81vw, 1.5rem);}/*15-24*/

.pageheadBox .sub img{max-width: 101px; width: 30%; position: absolute; right: 3%; top: -50px}
.pageheadBox .pic{max-width: 560px}
.pageheadBox .pageMenuA{color:#ffb423; margin-bottom: 10px }

.headfirex .headl{text-align: left; padding: 0 0 0 5%}
.headfirex img{padding: 0 5% 60px;}
 
/*--------------------------------------------------------------------

.about

--------------------------------------------------------------------*/
.about{padding: 0 5%}
.about h2{ margin-bottom: 20px; text-align: center}
.about h2{max-width: 428px;}
.about .text{margin-bottom: 20px;}
.about .fuki{margin-bottom: 30px; position: relative; background: #fff; border-radius: 10px; border: 2px solid #ffb423; padding-bottom: 5%; text-align: left}
.about .fuki:after{content: "";
  position: absolute;
  top: 100%;
  left: 10%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-top: 15px solid #ffb423;}
.about .fuki h3{margin: 10px; font-size:clamp(1.25rem, 1.125rem + 0.63vw, 1.375rem)}/*20-22*/
.about .fuki h3 span{font-size: 15px; display: inline-block; line-height: 1.5}
.about .fuki .text01{padding: 10px 0 0;
    border-top: 1px dashed #ffb423;
    margin: 0px 10px 0 10px;}
.about li:last-child{margin-bottom: 80px}
.about li:last-child img{padding: 15px 10% 0; }

/*--------------------------------------------------------------------

スケジュール

--------------------------------------------------------------------*/
.schedule{ text-align: center; padding: 0 5% }
.schedule .text{text-align: left}
.tabs{
  margin:10px auto 30px;
  position:relative;
}
.tab-buttons span:last-of-type{margin-left: 4%}
.tab-buttons span{
  background:#ffb423; font-size: 22px;
  cursor:pointer; color: #fff;
  display:block;
  width:48%;
  float:left;
  text-align:center;
  line-height:1.5;height: 70px; border-radius: 20px 20px 0 0 ;
  border-left: 4px #ffb423 solid; border-right: 4px #ffb423 solid; border-top: 4px #ffb423 solid;
}
.tab-buttons span i{display: block; font-size: 14px}
.tab-content{border-top:3px solid #000; border-right: 2px solid #ffb423; border-left: 2px solid #ffb423; 
border-bottom: 2px solid #ffb423; border-radius: 0 0 20px 20px;
  padding:5%; text-align: left;
  background:#fff;
  display:inline-block; font-size: 15px
}

.schedule .tab-content dt{line-height: 1.5; font-size:clamp(1.25rem, 1.136rem + 0.57vw, 1.563rem) }/*20-25*/
.schedule .tab-content h3{font-size:clamp(1.25rem, 1.136rem + 0.57vw, 1.563rem) }/*20-25*/
.schedule .tab-content h3 span{font-size:clamp(1.125rem, 1.08rem + 0.23vw, 1.25rem)}/*18-20*/
.schedule .tab-content dl{position: relative ; border-bottom: 2px dashed #e1e1e1; padding-bottom: 30px; margin-bottom: 30px}
.schedule .tab-content dd img{padding: 10px 10% 0px}
.schedule .tab-content dd img.yu{width:81px ; padding: 10px 0 0 ; position: absolute; right: 0; top: -50px}

.schedule .text03{margin-bottom: 40px}
/*--------------------------------------------------------------------

採用

--------------------------------------------------------------------*/
.saiyo{background:#fff1da; margin: 0 5%; padding: 5%; border-radius: 20px ; margin-bottom: 70px}
.saiyo dt{text-align: center; margin-bottom: 10px }
.saiyo dt img{width: 176px}
.saiyo dd{font-size: 15px}

#lamp{
  width:48%;
  height:15px;
  background:#ffb423;
  display:block;
  position:absolute;
  top:65px;
  transition: all .3s ease-in;
-o-transition: all .3s ease-in;
-webkit-transition: all .3s ease-in;
-moz-transition: all .3s ease-in;
}
#lamp.content2{
  left:52%;
  transition: all .3s ease-in;
-o-transition: all .3s ease-in;
-webkit-transition: all .3s ease-in;
-moz-transition: all .3s ease-in;
}
#lamp.content1{
  left:0;
  transition: all .3s ease-in;
-o-transition: all .3s ease-in;
-webkit-transition: all .3s ease-in;
-moz-transition: all .3s ease-in;
}

/*--------------------------------------------------------------------

.guide

--------------------------------------------------------------------*/
.guide{margin: 0 5%; width: 90%; max-width: 860px}
.guide h2{margin-bottom: 40px}
.guide dl{margin-bottom: 20px;}
.guide dt{ background:#ffb423; color: #fff; padding: 10px 5%; border-radius: 20px 20px 0 0 ; font-size: clamp(1.125rem, 1.121rem + 0.32vw, 1.25rem)}/*18-20*/
.guide dd{border: 2px solid #ffb423; padding: 5%; border-radius: 0 0 20px 20px}
.guide dd .line{margin-bottom: 20px; font-size: clamp(1.125rem, 1.121rem + 0.32vw, 1.25rem)}/*18-20*/
.guide dd li{list-style: disc; margin-left: 20px; margin-bottom: 8px; line-height: 1.6}
.guide dd .line0{padding-bottom: 10px}


/*--------------------------------------------------------------------

contact

--------------------------------------------------------------------*/
.form{padding: 40px 0 150px; margin: 0 5%; width: 90%; max-width: 860px}
.form .txt{padding: 20px 0}

.contactCont{text-align: left}
.contactCont p.text01{ border:1px solid #C3C2BC; padding:10px; border-radius:8px; margin-bottom:30px}

.contactCont input{ display:inline}
.w100{padding-bottom: 30px}
.w100 input{  width:100%;vertical-align: middle;  border-radius:3px; border:1px solid #CDCDCD;
padding:16px; font-size:16px}

.contactCont input.addres{ width:100%;}

.w100 input.text3 {
    width: 20%;
}
.form .ll{padding: 10px 20px; margin-bottom: 5px; border-radius: 10px 10px 0 0; background: #fff1da; font-size:clamp(1rem, 0.996rem + 0.32vw, 1.125rem) }/*16-18*/
.contactCont label{ display:block}

.contactCont .tellb{ width:25%}

.error{ display: block; color:red}
.serectBox input{ width:auto}
textarea{ width:100%;border-radius:3px; border:1px solid #CDCDCD; font-size:16px; height:420px; line-height:1.6em;overflow:auto;}

.contBox button,
input[type="button"],
input[type="reset"],
input[type="submit"] {transition: all .3s; border-radius: 10px;
	font-size:16px;
	background: #b1cc46;
	border: none;
	box-shadow: none;
	color: #fff;
	cursor: pointer;
	letter-spacing: 1px;
	padding: 20px 40px;
	text-transform: uppercase;
	width:auto

}

.contBox button:hover,
input:hover[type="button"],
input:hover[type="reset"],
input:hover[type="submit"] {
	opacity:0.5;
	filter:alpha(opacity=50); /* For IE8 and earlier */	
}


.keeptext{text-align:right}
.keeptext a{  color: #df6757; text-decoration: underline; font-size:17px; }


.bottnBox{ text-align:center}

.contwaku{margin: 0 auto; padding: 0 5% 180px; text-align: center}
.contwaku h2{text-align: center}
.mw_wp_form_complete{text-align: left}

@media screen and (max-width: 639px) {
.contBox button,
input[type="button"],
input[type="reset"],
input[type="submit"] {transition: all .3s; border-radius: 10px;
	font-size:16px;
	background: #b1cc46;
	border: none;
	box-shadow: none;
	color: #fff;
	cursor: pointer;
	letter-spacing: 1px;
	padding: 20px 40px;
	text-transform: uppercase;
	width:80%;
	margin:0 auto 15px

}

}


@media screen and (min-width: 640px) {
.pageheadBox{background: none}
.pageheadBox .sub{width: 1100px; margin: 0 auto 40px; padding: 0 ; line-height: 1.6}
.pageheadBox .sub img{right: auto}

.pageheadBox .pageMenuA{padding: 20px 40px; width: 1100px ; margin: 20px auto 40px;}
.pageheadBox .pic{position: absolute; left: 50%; top: 190px; width: 298px; margin-left: 240px }
.pageheadBox .headfirex{width: 900px; margin: 0 auto; display: flex; justify-content: space-between; align-items: flex-start; flex-direction: row-reverse }
.headfirex .headl{margin: 0; width:640px }
.headfirex img{margin: 0; width:374px; padding: 0 }
.headfirex .headl .morebtn{text-align: left}
.headfirex .text01{margin-top: 10px; line-height: 1.8}

.about{text-align: center; width: 1100px; margin: 0 auto; padding: 0}
.about h2{width: 100% ;text-align: center; max-width: 100%}
.about h2 img{width:428px; margin: 50px 0 0 40px }
.about ul{width: 1100px; margin: 0 auto; justify-content: space-between; display: flex; flex-flow: wrap}
.about li{width: 530px}
.about .fuki h3{line-height: 1.5; padding: 0px 30px; margin: 10px 0 0}
.about .fuki .text01{margin: 10px 30px 0; line-height: 1.6}
.about .fuki{padding-bottom: 10px;}
.about li:last-child{width: 750px; margin: 0 auto 80px}
.about li:last-child .fuki{display: flex; justify-content: space-between; align-items: center}
.about li:last-child .fukil{width:440px }
.about li:last-child img{width: 302px; padding: 0 ; margin: 10px 30px 5px;}
.about li:last-child h3{margin: 0}
.about li:last-child .line{font-size:20px }

.schedule .text{text-align: center; font-size: 20px; margin-bottom: 30px}
.tabs, .tab-content{width: 1000px}
.tab-buttons span{padding-top: 5px}
.tab-content{margin:0}
.schedule dl{display: flex; justify-content: space-between}
.schedule dt{width: 110px}
.schedule dd{width: 780px; display: flex; justify-content: space-between; align-items: flex-start}
.schedule dd .ddl{width:665px }
.schedule .tab-content dd img{padding: 0 ; width:137px}
.schedule .tab-content h3{margin-top: -8px}
.schedule .tab-content dd img.yu{top: -30px}
.schedule .tab-content dl:last-of-type{border: none; margin-bottom: 0; padding-bottom: 0}
.schedule .text03{font-size:30px }

.saiyo{width: 1100px; margin:0 auto 80px; display: flex; justify-content: space-between; padding: 30px 50px;}
.saiyo dt{width:176px }
.saiyo dt p{margin-top: 10px}
.saiyo dd{width:790px }


.contwaku{margin: 0 auto; padding: 0 0 180px; width: 800px}

.contactCont .bottnBox{ text-align:center}
.contactCont .text01{ text-align:center;letter-spacing: 1px;}
.suvt { letter-spacing: 2px;}

.guide{margin: 0 auto}
.guide dl{display: flex; justify-content: space-between}
.guide dt{width: 30%; border-radius: 10px 0px 0 10px; padding: 30px}
.guide dd{width: 70%; border-radius: 0px 10px 10px 0; padding:30px ;}

.form{margin: 0 auto}
.contactCont label{display: inline-block; padding-right: 10px}
.mw_wp_form .vertical-item{display: inline-block !important; padding-right: 10px;}
}