@charset "utf-8";


/* メインコンテンツ
------------------------------------------------------------ */
.section{
  padding: 8em 0;
  background: #fff;
}
  .red, .red-n {color: #cd0a0a;}
@media screen and (min-width:521px) and ( max-width:1024px) {}
@media screen and (max-width: 520px) {
  .section{padding: 4em 0;}
}
@media screen and (max-width: 375px) {}

  /* お問合せ
  ------------------------------------------------------------ */
  #contact .wpcf7{ min-height: 50em;}
  #contact .wpcf7-turnstile{ margin-bottom: 2em;}
  #contact.contact .contactbox-in dl {
      display: flex;
      justify-content: flex-start;
      align-items: center;
      flex-wrap: wrap;
      padding: 1em;
      border-bottom: 1px solid #c9c9c9;
  }

  #contact.contact .contactbox-in dt {
    width: 30%;
  }
  #contact.contact .contactbox-in dt p label{
    font-weight: 900;
    font-family: "M PLUS 1", sans-serif;
  }
  #contact.contact .contactbox-in dt .red{
  font-size: 0.9em;
  margin-left: 1em;
  }
  #contact.contact .contactbox-in dd {width: 70%;}
  #contact.contact .contactbox-in select{
    padding: 1em 1em 1em 1.5em;
    background: #fff;
    border: 1px solid #c9c9c9;
    border-radius: 10px;
    width: 100%;
    padding-right: 1em;
    cursor: pointer;
    text-indent: 0.01px;
    text-overflow: ellipsis;
    outline: none;
    background-image: none;
    box-shadow: none;
    -webkit-appearance: none;
    appearance: none;
  }
  #contact.contact .contactbox-in input,
  #contact.contact .contactbox-in textarea {
    padding: 1em 1em 1em 1.5em;
    border: 1px solid #c9c9c9;
    border-radius: 10px;
    outline: none;
    cursor: pointer;
    text-overflow: ellipsis;
    outline: none;
    background-image: none;
    box-shadow: none;
    -webkit-appearance: none;
    appearance: none;
}
  #contact.contact #quest,
  #contact.contact #company,
  #contact.contact #your-name,
  #contact.contact #furigana,
  #contact.contact #mail,
  #contact.contact #tel,
  #contact.contact #com {
    width: 95%;
}
#contact.contact .policyarea{padding: 2em 0 4em;}
#contact.contact .policy{
  -webkit-appearance: auto;
  appearance: auto;
}

#contact.contact .policyarea p{
  display: flex;
  justify-content: center;
  align-items: center;
}
#contact.contact .policyarea p:first-child{margin-bottom: 1em;}
#contact.contact .policyarea #policy{ margin-right: 15px;}
#contact.conf  .policyarea p.p-link{display: none;}
#contact.contact .policyarea p a{
  color: #777777;
  text-decoration: underline;
}
#contact.contact .policyarea p a:hover{color: #6c9cd1;}
#contact.contact .btn03 {
  width: 30%;
  margin: auto;
}
#contact.conf .btn03 {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  width: 60%;
}
#contact.conf  .btn03 p{width: 45%;}

#contact.contact .btn03 .subbtn{
	display: block;
	letter-spacing: 0.6em;
	box-sizing: border-box;
	font-size: 1.1em;
	text-align: center;
	text-decoration: none;
	white-space: nowrap;
	border: 1px solid #fd7267;
  border-radius: 0;
	padding: 0.3em 1em;
	background: #fd7267;
	color: #fff;
	width: 100%;
  min-height: 2.5em;
  transition: all 0.2s ease-in-out;
}
#contact.contact .btn03 .subbtn:hover{
	background: #fff;
	color: #fd7267;
}
#contact.conf  .btn03 .backbtn{
  display: block;
  letter-spacing: 0.6em;
  box-sizing: border-box;
  font-size: 1.1em;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  border: 1px solid #969696;
  border-radius: 0;
  padding: 0.3em 1em;
  background: #969696;
  width: 100%;
  min-height: 2.5em;
  transition: all 0.2s ease-in-out;
}
#contact.conf  .btn03 .backbtn:hover{
	background: #fff;
	color: #969696;
}

@media screen and (min-width:521px) and ( max-width:1024px) {}
@media screen and (max-width: 520px) {
  #contact.contact .contactbox-in dl {padding: 1em 0.5em;}
  #contact.contact .contactbox-in dt {
    width: 100%;
    margin-bottom: 0.5em;
}
#contact.contact .contactbox-in dd {width: 100%;}
#contact.contact #quest, #contact.contact #company, #contact.contact #your-name, #contact.contact #furigana, #contact.contact #mail, #contact.contact #tel, #contact.contact #com {
    width: 100%;
}
#contact.contact .btn03 {
    width: 80%;
    margin: auto;
}
#contact.conf #section02{ padding: 0 0 4em;}
#contact.conf .wpcf7-turnstile {margin-bottom: 0em;}
#contact.conf .policyarea {padding: 2em 0 1em;}
#contact.conf .btn03 { width: 100%;}
#contact.conf .btn03 p { width: 100%;}

}
@media screen and (max-width: 375px) {}

  /* お問合せサンクス
  ------------------------------------------------------------ */
#contact.thanks .in-navarea{min-height: 50em;}
#contact.thanks .carea-in p{
  font-size: 1.2em;
font-weight: 900;
font-family: "M PLUS 1", sans-serif;
letter-spacing: 0.1em;
text-align: center;
}
#contact.thanks .comp_area{text-align: center;}
#contact.thanks .comp_area .comp_txt{ margin-bottom: 2em;}
#contact.thanks .comp_area .comp_txt-red{color: #cd0a0a;}
#contact.thanks .compbtn_area{
  width: 40%;
  margin: 3em auto 0;
}
#contact.thanks .c_thanks_btn a {
    display: block;
    letter-spacing: 0.6em;
    box-sizing: border-box;
    font-size: 1.1em;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
    border: 1px solid #fd7267;
    border-radius: 0;
    padding: 0.3em 1em;
    background: #fd7267;
    color: #fff;
    width: 100%;
    min-height: 2.5em;
    transition: all 0.2s ease-in-out;
}
#contact.thanks .c_thanks_btn a:hover{
  background: #fff;
  color: #fd7267;
}
@media screen and (min-width:521px) and ( max-width:1024px) {}
@media screen and (max-width: 520px) {

#contact.thanks .carea-in p {
    font-size: 1.1em;
    letter-spacing: 0;
}
#contact.thanks .comp_area .comp_txt {
    margin-bottom: 2em;
    font-size: 0.9em;
    text-align: left;
    letter-spacing: 0.1em;
}
#contact.thanks .comp_area .comp_txt-red {
    text-align: left;
    font-size: 0.9em;
    letter-spacing: 0.1em;
}
#contact.thanks .compbtn_area {
    width: 100%;
    margin: 3em auto 0;
}
}
@media screen and (max-width: 375px) {}