@charset "UTF-8";

/*==============================================================
共通
==============================================================*/
.form {
    width: 86%;
    max-width: 630px;
    margin: 0 auto;
}

.form>.text {
    margin-bottom: 45px;
    font-size: 15px;
    text-align: center;
}

/*送信ボタン*/
button#submit_btn {
    width: 100%;
    max-width: 270px;
    padding: 27px 0;
    margin: 0 auto;
    border-radius: 5px;
    text-align: center;
    line-height: 1;
    color: #fff;
    letter-spacing: 1px;
    background-color: rgb(31, 81, 142);
    display: block;
    box-shadow: 6px 6px 9px 3px rgba(0, 0, 0, 0.18);
    transition-duration: 0.3s;
}

button#submit_btn:hover {
    transform: translate(3px, 3px);
    box-shadow: 0px 0px 9px 3px rgba(0, 0, 0, 0.18);
}

@media screen and (max-width:1024px) {
	
	.form {
     max-width: 86%;
}
	
}

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

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

    .form>.text {
        text-align: justify;
    }

    .form>.text>br {
        display: none;
    }

}

/*==============================================================
お問い合わせ
==============================================================*/
#contact .form {
    margin-top: 120px;
    margin-bottom: 150px;
}

#contact form>dl {
    margin-bottom: 45px;
}

#contact form>dl>dt {
    margin-bottom: 21px;
    font-size: 15px;
}

#contact form>dl>dt>span {
    margin-left: 6px;
    color: rgb(180, 0, 0);
}

#contact form>dl>dd {
    margin-bottom: 27px;
}

#contact form>dl>dd:last-child {
    margin-bottom: 0;
}

#contact form>dl>dd input,
#contact form>dl>dd>textarea {
    width: 100%;
    border: 1px solid rgb(180, 180, 180);
    border-radius: 0;
    background-color: rgb(246, 250, 255);
    box-sizing: border-box;
    transition-duration: 0.09s;
    -webkit-appearance: none;
}

#contact form>dl>dd input:focus,
#contact form>dl>dd>textarea:focus {
    background-color: rgb(255, 255, 255);
}

#contact form>dl>dd input {
    padding: 12px 15px;
    line-height: 1;
}

#contact form>dl>dd>textarea {
    height: 300px;
    padding: 15px;
    line-height: 1.6;
}

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

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

    #contact .form {
        margin-top: 90px;
        margin-bottom: 90px;
    }

}

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

/*==============================================================
確認ページ
==============================================================*/
#confirm .form{
	padding:90px 0;
}

#confirm form>dl {
    border: 1px solid rgb(45, 45, 45);
	margin-bottom:45px;
    line-height: 1.6;
    display: flex;
    flex-wrap: wrap;
    box-sizing: border-box;
}

#confirm form>dl>dt {
    width: 27%;
    padding: 36px;
    border-right: 1px solid rgb(45, 45, 45);
    border-bottom: 1px solid rgb(45, 45, 45);
    background-color: rgb(243, 243, 243);
    float: left;
    box-sizing: border-box;
}

#confirm form>dl>dd {
    width: 73%;
    padding: 36px;
    border-bottom: 1px solid rgb(45, 45, 45);
    text-align: justify;
    float: left;
    box-sizing: border-box;
}

#confirm form>dl>dt:nth-last-of-type(1),
#confirm form>dl>dd:nth-last-of-type(1) {
    border-bottom: none;
}

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

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

@media screen and (max-width:480px) {
	
	#confirm form>dl>dt {
    width: 100%;
    padding: 18px;
    border-right: none;
    border-bottom: none;
    float: none;
}

#confirm form>dl>dd {
    width: 100%;
    padding: 18px;
    border-bottom: 1px solid rgb(45, 45, 45);
    float: none;
}
	
}

/*==============================================================
送信完了ページ
==============================================================*/
#thanks main{
	padding:90px 0;
}

#thanks main .form>*{
	margin-bottom:18px;
	font-size:15px;
	text-align:center;
}

#thanks main .form p a{
text-decoration:underline;
}


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

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

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