@charset "UTF-8";
#fs_CustomPage {
  background: #fff;
}
.fs-l-main {
  max-width: none;
  padding: 0px;
}

h1{
    margin: 120px auto 0;
    width: 150px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    font-size: 38px;
    color: #504A4D;
    padding: 0 0px;
    font-family: "Montserrat";
    letter-spacing: .2em;
    white-space: nowrap;
    font-weight: 500;
}
h1 span{
    font-size: 10px;
    font-weight: bold;
    width: 130px;
    text-align: center;
    background: #F6F6F6;
    color: #504A4D;
    padding: 3px 0;
    margin: 15px auto;
    white-space: nowrap;
    letter-spacing: .2em;
}
.breadcrumbs_list{
    width: 100%;
    padding: 0 20px;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    margin: 60px auto 40px;
}
.breadcrumbs_list li a{
    font-size: 10px;
    color: #aaa;
}
.breadcrumbs_list li::after{
    content:">";
    margin: 0 10px;
}
.breadcrumbs_list li:last-of-type::after{
    content: none;
}

.contact_wrap p {
  font-size: 14px;
  line-height: 1.5;
  text-align: left;
}


.contact_wrap h2 {
  text-align: center;
  margin: 20px;
  font-size: 28px;
  width: 100%;
}
.contact_top_wrap {
  max-width: 1216px;
  width: 100%;
  margin: 0 auto;
}
.contact_wrap section {
  background: #F6F6F6;
}
.contact_wrap form {
  max-width: 840px;
  margin: 50px auto;
  padding: 50px 0px;
  display: flex;
  flex-wrap: wrap;
  justify-content: left;
  align-items: center;
}
.contact_wrap input[type="text"] {
  background: #fff;
  height: 42px;
}
.contact_wrap p:nth-of-type(2n-1) {
  width: calc(40% - 20px);
  box-sizing: border-box;
}
.contact_wrap p:nth-of-type(2n) {
  width: calc(50% - 20px);
}
.contact_wrap p:last-child {
  width: 100%;
  text-align: center;
}
.contact_wrap textarea {
  background: #fff;
  border: 1px solid #CCC;
}
.contact_wrap p {
  margin: 20px 0px;
}
.contact_wrap form span {
  background: #D54A2D;
  color: #fff;
  padding: 3px;
  margin: 0px 5px;
  display: inline-block;
  vertical-align: middle;
}

.contact_wrap input[type="submit"] {
margin: 50px auto;

display: block;
width: 100%;
max-width: 240px;
font-size: 1.4rem;
line-height: 1.7;
font-weight: 700;
background: linear-gradient(90deg, #F5D47A 75%, #DE8E32);
background-repeat: no-repeat;
background-size: 400% auto;
background-position: 100% 0%;
color: #fff;
text-align: center;
padding: 14px;
border-radius: 100vw;
position: relative;
transition:ease-out 0.4s;
}
.contact_wrap input[type="submit"]::after {
position: absolute;
right: 20px;
top: 20px;
content: "";
width: 6px;
height: 6px;
border-right: 2px solid #fff;
border-bottom: 2px solid #fff;
transform:rotate(-45deg);
}
.contact_wrap input[type="submit"]:hover {
background-position: 50% 0%;
}
.contact_wrap form a {
  font-size: 14px;
  text-decoration: underline;
  margin: 0px 10px;
}

/*チェックボックス
input[type=checkbox] {
       display: none; 
    }   */

/*ボックス枠のCSS*/
/*.agree_check:after {
left: 18px;
  margin: -10px 0 0 -2px;
  width: 17px;
  height: 17px;
  border: 1px solid #CCC; 

    }

.agree_check {
      position: relative; 
      padding: 0 0 0 40px; 
    }

.agree_check:hover:after {
      border-color: #0171bd; 
   }
.agree_check:after, .agree_check:before{
      position: absolute; 
      content: ""; 
      display: block; 
      top: 50%; 
      }
    チェックマークの追加
.agree_check:before  {
  left: 22px;
  margin-top: -8px;
  width: 5px;
  height: 9px;
  border-right: 3px solid #DE8E32;
  border-bottom: 3px solid #DE8E32;
  transform: rotate(45deg);
  opacity: 0;
}
チェックボックス*/


/* 768px for sp*/
@media(max-width: 767px){
h1 {
white-space: nowrap;
  padding: 50px 0px 0px;
  }
.contact_wrap p:nth-of-type(2n) {
  width: 100%;
}

.contact_wrap p:nth-of-type(2n-1) {
  width: 100%;
  box-sizing: border-box;
}

.contact_wrap form {
  width: 90%;
}

}
/* 768px for tablet*/
@media (min-width: 768px) {
    h1{
        margin: 120px 20px 0;
        justify-content: flex-start;
        white-space: nowrap;
        font-size: 72px;
    }
    h1 span{
        font-size: 14px;
    }
}