@charset "UTF-8";


/* -------------------------- */
/* --------mail_form -------- */
/* -------------------------- */

form{margin-top: 50px;}

/* テーブルデザイン */
.mail_form table{
width: 100%;
border-collapse:collapse;
margin: 10px 0 50px 0;
}
.mail_form table tr{
}
.mail_form table th{
width: 160px;
white-space:nowrap;
border-collapse:collapse;
text-align: left;
padding: 15px 0;
vertical-align: top;
border-collapse:collapse;
}
.mail_form table th span{
color: red;
margin-left: 5px;
font-size: 0.8rem;
}
.mail_form table td{}

.mail_form table ul{justify-content: start; }



/*-------------------------*/
/* フォーム共通（フォントは個別に指定） */
/*-------------------------*/

/* 入力エリア 共通 */
.mail_form input,
.mail_form textarea{
font-family:'Roboto',"游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
font-size: 1.0rem;
color: #4d4d4d;
width: 100%;
outline: 0;
border: 1px solid #CCCCCC;
padding: 4px 10px;
box-sizing: border-box;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

/* 幅100%にしたくない項目 */
.mail_form input[autocomplete="postal-code"],
.mail_form input[autocomplete="address-level1"],
.mail_form input[type="tel"],
.mail_form input[type="radio"]{width:auto;}


/* ラジオボタン */
label{
cursor : pointer;
margin-right: 40px;
display: inline-block;
vertical-align: top;
}
/* ラジオボタンずれ調整 */
input[type="radio"],input[type="checkbox"]{
  position: relative;
  top: 2px;
}



/* メッセージ内容 */
.mail_form textarea {
margin: 15px 0 10px 0;
height: 100px;
overflow-y: scroll;
-ms-overflow-style: none;/* IE, Edge 対応 */
scrollbar-width: none;/* Firefox 対応 */
}
/* Chrome, Safari 対応 */
.mail_form textarea::-webkit-scrollbar {
display:none;
}






/*-------------------------*/
/* 同意ボタン */
/*-------------------------*/
.doui{
text-align: center;
margin: 50px 0;
}
.doui span{
cursor : pointer;
display: inline-block;
color: #fff;
background-color: #11BA71;
padding: 20px 6rem ;
}
.doui span:hover{background-color: #009245; transition: 0.5s;}
.doui span small{color: #fff;}





/*-------------------------*/
/* 個人情報 */
/*-------------------------*/
.privacy{
background-color: #EBEFEA;
padding: 20px;
}
.privacy a{text-decoration: underline;}





/*-------------------------*/
/* エラーメッセージ */
/*-------------------------*/
.error_messe{color: red; margin-top: 10px;}


/*-------------------------*/
/* 確認ページ */
/*-------------------------*/
.formTable{
margin: 50px auto 50px auto;
border-collapse:collapse;
}
.formTable tr{border-bottom: 1px solid; display: block;}
.formTable th{
width: 150px;
white-space:nowrap;
text-align: left;
padding: 5px 30px 5px 0;
}
.formTable td{padding: 10px 0;}



/*-------------------------*/
/* 共通ボタン */
/*-------------------------*/
input[type="button"],
input[type="submit"]{
/* ユーザーエージェントスタイルシートをリセット */
background-color: transparent;
padding: 0;
border: 0;
border-radius: 0;
color: inherit;
appearance: none;
/* ここからボタンデザイン */
text-align: center;
cursor : pointer;
display: inline-block;
color: #fff;
padding: 20px 6rem ;
margin-top: 40px;
font-size: 1.0rem;
}
input[type="button"]{background-color:#009245;}
input[type="submit"]{background-color: #11BA71;}