@charset "utf-8";
/* CSS Document */
/*  PC 1200px レスポンシブル設定は600px～ 1em = 16px */



/* 問い合わせフォーム～完了画面まで -------------------------------------------------------------------*/
#FORM article{background: rgba(255,255,255,1.0); border-bottom: 1px solid #ddd; padding-top: 50px;}
#FORM article h1{text-align: center; margin-bottom: 30px;}

#FORM section{margin: auto; padding: 50px 100px;}

@media screen and (max-width: 1200px) {
    #FORM section{margin: auto; padding: 50px 50px;}
}
@media screen and (max-width: 750px) {
    #FORM section{margin: auto; padding: 50px 50px;}
}




/* お問い合わせ入力画面 */
#FORM #Input #detail_section_01{text-align: center;}
#FORM #Input #detail_section_01 form {width: 700px; margin: auto auto 50px;}
#FORM #Input #detail_section_01 form div.form-group{font-size: 1.2em;}
#FORM #Input #detail_section_01 form div.form-group{display: flex; margin-bottom: 50px;}
#FORM #Input #detail_section_01 form div.form-group label{width: 200px; font-weight: bold; text-align: left;}
#FORM #Input #detail_section_01 form div.form-group input{width: calc(100% - 200px); padding: 20px;}
#FORM #Input #detail_section_01 form div.form-group textarea{width: calc(100% - 200px); padding: 20px; resize: vertical; height: 200px;}
#FORM #Input #detail_section_01 form div.form-group label i{font-style: normal; font-size: 0.7em; display: inline-block; background: red;  color: #FFF; padding: 2px 4px; line-height: 100%; border-radius: 2px; margin-left: 4px;}
#FORM #Input #detail_section_01 form div.form-group label span{font-weight: normal;}
#FORM #Input #detail_section_01 form div.form-group label span.error{display: none;}

#FORM #Input #detail_section_01 form div.form-group {position: relative;}
#FORM #Input #detail_section_01 form div.form-group p.error{position: absolute; color: red; font-size: 0.8em;
left: 190px; bottom:-30px;}


#FORM #Input #detail_section_01 form button{background: #ff9900; color: #FFF; font-size: 1.2em; padding: 6px 40px; border: 0; text-align: center; border-radius: 6px;}
#FORM #Input #detail_section_01 form button:hover{background: #ff6600; cursor: pointer;}


@media screen and (max-width: 800px) {
    #FORM #Input #detail_section_01 form {width: calc(100% - 20px); margin: auto 10px 50px;}
}
@media screen and (max-width: 650px) {
    #FORM #Input #detail_section_01 form div.form-group{display: flex; flex-wrap: wrap;  margin-bottom: 50px;}
    #FORM #Input #detail_section_01 form div.form-group label{width: 100%; font-weight: bold; text-align: left;}
    #FORM #Input #detail_section_01 form div.form-group input{width: calc(100% - 40px); padding: 20px;}
    #FORM #Input #detail_section_01 form div.form-group textarea{width: calc(100% - 40px); padding: 20px; resize: vertical; height: 200px;}
}


/* 確認画面 */
#FORM #Thanks #detail_section_01{padding: 50px 100px 100px;}

/* 完了画面 */
#FORM #Thanks #detail_section_01{}
#FORM #Thanks #detail_section_01 p{font-size: 1.2em; margin-bottom: 30px;}

#FORM article div#Thanks .tel {
    margin-top: 20px;
    font-size: 1.2em;
    font-weight: bold;
}


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





	}