@charset "utf-8";
/* CSS Document */
.form-inner{
    width: calc(315 / 375 * 100%);
    margin: 0 auto;
}
@media screen and (min-width: 1200px) {
  .form-inner{
    width: calc(720 / 1440 * 100%);
    max-width: 720px;
    margin: 0 auto;
}
}
.sub-ttl{
    margin-top: 50px;
    margin-bottom: 20px;
}
@media screen and (min-width: 960px) {
 .sub-ttl{
    margin-top: 100px;
    margin-bottom: 30px;
}
}
.sub-ttl-line{
    width: 100%;
    height:1px;
    background: #b4b4b4;
    display: block;
    margin-bottom: 10px;
}
.sub-ttl-txt{
    margin-top: 20px;
    margin-bottom: 50px;
}
@media screen and (min-width: 960px) {
 .sub-ttl-txt{
    margin-top: 30px;
    margin-bottom: 100px;
}
}

.contact-form-contents dl{
    border-bottom: solid 1px #b4b4b4;
    padding-bottom: 20px;
    margin: 10px 0;
}
@media screen and (min-width: 960px) {
 .contact-form-contents dl{
    padding-bottom: 30px;
     margin: 30px 0;
}
}
.contact-form-contents dt{
    font-size: 14px;
}
@media screen and (min-width: 960px) {
 .contact-form-contents dt{
    font-size: 15px;
}
}
.contact-form-contents dt span{
    margin-left: 3px;
}
@media screen and (min-width: 960px) {
 
}
input[type="text"],
input[type="email"],
input[type="tel"],
textarea{
     background-color: #d3d3d3;
     width: 100%;
    padding: 0.5em;
    border: solid 1px #b4b4b4;
    border-radius: 5px;
}

@media screen and (min-width: 960px) {
    .form{
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .form dt{
        width: calc(131 / 720 * 100%);
    }
    .form dd{
        width: calc(537 / 720 * 100%);
    }
}
input[type="submit"]{
    display: block;
    margin: 0 auto;
    padding: 0.7em 5em;
    font-size: 1em;
    border-radius: 25px;
    border: solid 1px #b4b4b4;
    color: #444444;
    cursor: pointer;
}
.form-btn{
    margin: 50px 0;
}
@media screen and (min-width: 960px) {
 .form-btn{
    margin: 100px 0;
}
}
.insta > img{
    width: 20px;
    height: 20px;
}