@charset "UTF-8";


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

form{margin-top: 40px;}


/* テーブルデザイン */
.mail_form table{
border-collapse:collapse;
width: 100%;
font-size: 0.9rem;
margin: 10px auto 50px auto;
}

.mail_form table th{
display: block;
text-align: left;
padding: 10px 0 0 0;
vertical-align: top;
font-size: 1.0rem;
font-weight: 600;
margin-bottom: 5px;
}
/* Android対策 */
.android .mail_form table th{font-weight: 700;}

.mail_form table th span{
color: red;
margin-left: 10px;
}
.mail_form table td{display: block;}




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

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






/* iPhone フォント適用 */
.mail_form input[type="text"],
.mail_form input[type="email"],
.mail_form input[type="tel"],
.mail_form textarea{font-family:'Roboto',"游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;}



/* 幅100%にしたくない項目 */
.mail_form input[type="radio"]{width: auto;}

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


.mail_form table ul li{
margin-bottom: 10px;
background-color:#EBEFEA;
padding: 0 20px;
}


/* メッセージ内容 */
.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 3rem ;
}
.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;
width: 100%;
margin-top: 50px;
border-collapse:collapse;
}
.formTable tr{border-bottom: 1px solid;}
.formTable th{
background-color:#eeedeb;
white-space:nowrap;
text-align: left;
padding: 5px 30px 5px 0;
display: block;
}
.formTable td{padding: 10px 0; display: block;}


/*-------------------------*/
/* 共通ボタン */
/*-------------------------*/
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: 0.9rem;
}
input[type="button"]{background-color:#009245;}
input[type="submit"]{background-color: #11BA71;}




/* iPhone ボタンデザイン無効化 */
input[type="button"],input[type="submit"], input[type="reset"] {
    -webkit-appearance: none;
}