@charset "utf-8";
/*
=======================================
  inquiry
=======================================
*/

::placeholder {
  color:#ccc;
}

#inquiry p{
  padding:2rem 0;
  text-align:center;
}
#inquiry p a{
	text-decoration:underline;
}

#inquiry span{
  padding-right:20px;
}

#inquiry strong{
  color:#fff;
  background:#c20000;
  padding:0 5px;
  margin-top:5px;
  right:0;
  border-radius:5px;
  font-size:80%;
}
.contact_form strong{
  position:absolute;
}

#inquiry input,
#inquiry textarea{
  padding:10px;
  border:1px solid #ccc;
  border-radius:5px;
  margin:0 5px 0 0;
}
#inquiry .btn{
  padding:7.5px;

}
#inquiry .input_s{
  width:100px;
}
#inquiry .input_m{
  width:30% !important;
}
#inquiry .input_l{
  width:70% !important;
}
#inquiry textarea{
  width:70% !important;
  min-height:100px;
}

.contact_form,
.questionnaire{
  border-top:1px solid #ccc;
  margin-bottom: 3rem;
}
#inquiry .pulas{
  font-size:120%;
  font-weight:bold;
  background: #f8f8f8;
  margin-bottom: 3rem;
}
#inquiry  dl{
  overflow:hidden;
  border-bottom:1px solid #ccc;
}

.contact_form  dt{
  float:left;
  padding:20px 20px;
  line-height:2;
  width:160px;
  position:relative;
}
.contact_form  dd{
  margin-left:220px;
  padding:20px;
  border-left:1px dashed #ddd;
}
.questionnaire  dt{
  padding:20px 20px 15px;
  font-weight:500;
  border-bottom:1px dashed #ddd;
}
.questionnaire  dd{
  padding:15px 20px 20px;
}

#inquiry .button{
  text-align:center;
}
#inquiry .button input{
  display:inline-block;
  text-align:center;  
  cursor: pointer;  
  padding:15px 20px; 
  background: #000000;   
  color: #ffffff;  
  transition: .3s;   
  border: 1px solid #000; 
  font-size:100%;
}
#inquiry .button input:hover {
  color: #000000;  
  background: #ffffff;   
}
#inquiry input{
  accent-color:#168131;
}


@media screen and (max-width: 600px) {
.contact_form,
.questionnaire{
  margin-bottom: 0;
}
#inquiry .pulas{
  font-size:110%;
  background: #fff;
  margin-bottom: 0;
}
#inquiry .input_m{
  width:93% !important;
}
#inquiry .input_l{
  width:93% !important;
}
#inquiry textarea{
  width:93% !important;
  min-height:100px;
}
  
.contact_form  dt{
  float:none;
  width:100%;
  padding:15px 0;
  font-weight:500;
  border-bottom:1px dashed #ddd;
}
.contact_form  dd{
  margin-left:0;
  padding:15px 0;
  border-left:none;
}
.questionnaire  dt{
  padding:15px 0;
}
.questionnaire  dd{
  padding:15px 0;
}

}

/*
=======================================
  thanks
=======================================
*/


#thanks h4{
  font-family: 'Noto Serif JP', serif;
  text-align:center;
  font-size: 150%;
  font-weight: 500;
  line-height: 2;
  letter-spacing: 0.1em;
  padding:3rem 0;
}
#thanks p{
  padding-bottom:2rem;
}






/*
=======================================
  privacypolicy
=======================================
*/
#privacypolicy a{
  text-decoration:underline;
}

#privacypolicy .privacy_cont{
  margin-top:5rem;
}
#privacypolicy h4{
	text-align: center;
	position: relative;
	margin-bottom:2.8rem;
	margin-top:2rem;
	font-family: 'Noto Serif JP', serif;
	font-size: 150%;
	font-weight: normal;
	letter-spacing: 0.1em;
}
#privacypolicy h4::after {
  content: '';
  width: 150px;
  height: 3px;
  display: inline-block;
  background-color: #9fa0a0;
  position: absolute;
  bottom: -15px;
  left: calc(50% - 75px)
}

#privacypolicy h5{
  font-size:110%;
  padding-bottom:10px;
}


#privacypolicy p{
  padding-bottom:2rem;
}