/* CSS Document */

/*=============================
	form
===============================*/

#contentwrap{ padding-bottom: 150px;}

.article-contact .breadcrumb{ margin-bottom: 0;}

.block_1 .block_1__inner{ border: 5px solid #f4f4f4; padding: 4rem 3.5rem;}
.block_1 .inquiry_explanation__items{ padding: 2rem 3rem;}
.block_1 .inquiry_explanation__items .__ttl{ font-size: 16px; font-weight: 500;}
.block_1 .inquiry_explanation__items .__contets{}
.block_1 .inquiry_explanation__items .__contets .tel_area{ font-size: 22px;}
.block_1 .inquiry_explanation__items .__contets .tel_area a{ font-size: 34px;}

/*-------form_items_wrap--------*/
.form_items_wrap > dl:not(:last-child){ margin-bottom: 2rem;}
.form_items_wrap > dl > dt{ position: relative; padding: 0 0 0 4.2rem; font-weight: 500; margin-bottom: .8rem;}
.form_items_wrap .required{ position: absolute; top: 50%; left: 0; transform: translateY(-50%);}
.form_items_wrap .required span{ display: inline-block; background-color: #2460aa; color: #fff; font-size: 12px; font-weight: 300; padding: 2px 15px; border-radius: 20px;}
	.form_items_wrap .no_required span{ background-color: #f1f1f1; color: #b3b3b3;}
.form_items_wrap input[type="text"],
.form_items_wrap input[type="email"],
.form_items_wrap select,
.form_items_wrap textarea{ width: 100%; font-size: 14px; line-height: 1.5; padding: 15px 25px; background-color: #f2f2f2; border: solid 1px #f2f2f2; resize: vertical; -webkit-appearance: none; border-radius: 0; font-family: 'NotoSansCJKjp', "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;}
	/* focus */
	.form_items_wrap input[type="text"]:focus,
	.form_items_wrap input[type="email"]:focus,
	.form_items_wrap select:focus,
	.form_items_wrap textarea:focus{ outline: 0; border: 1px solid #7ba6cb;}
	/* placeholder */
	.form_items_wrap input[type="text"]::placeholder,
	.form_items_wrap input[type="email"]::placeholder,
	.form_items_wrap textarea::placeholder{ color: #b1b3b5;}
	/* select */
	.form_items_wrap select::-ms-expand{ display: none;}
	/* zip1 */
	.form_items_wrap #zip1,
	.form_items_wrap #zip2{ width: auto !important;}
	/* radio-field */
	.mwform-radio-field .mwform-radio-field-text{ padding-left: 30px; position: relative; cursor: pointer;}
	.mwform-radio-field .mwform-radio-field-text::before{ content: ""; display: block; position: absolute; top: 0; left: 0; width: 20px; height: 20px; background-color: #f9f9f9; border-radius: 50%;}
	.mwform-radio-field .mwform-radio-field-text::after{ opacity: 0; transition: opacity 0.2s linear; content: ""; display: block; position: absolute; top: 6px; left: 6px; width: 8px; height: 8px; background-color: #7ba6cb; border-radius: 50%;}
	.mwform-radio-field input[type="radio"]{ display: none;}
		/* checked */
		.mwform-radio-field label.checked > .mwform-radio-field-text::after{ opacity: 1!important;}
	/* selectbox-field */
	.form_items_wrap .mwform-selectbox-field{ display: inline-block; position: relative;}
	.mw_wp_form_input .form_items_wrap .mwform-selectbox-field::after{ content: ""; position: absolute; top: 0; bottom: 0; right: 15px; margin: auto; width: 4px; height: 9px; border: 4px solid transparent; border-top: 9px solid #111;}
	.mw_wp_form_input .form_items_wrap .mwform-selectbox-field select{ padding-right: 80px;}
	
/* mw_wp_form_confirm */
.mw_wp_form_confirm .confirm_none{ display: none!important;}
	
/* form_btn_wrap */
.form_btn_wrap{ text-align: center;}
.form_btn_wrap button[type="submit"] { -webkit-appearance: none; font-size: 16px; font-weight: 500; color: inherit; cursor: pointer; border: 2px solid #0057ab; outline: none; background-color: inherit; transition: all 0.3s; width: 300px; max-width: 100%; padding: 1em 1em; font-family: 'NotoSansCJKjp', "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif; position: relative; overflow: hidden; z-index: 1; margin: 0 .5rem;}
.form_btn_wrap button[type="submit"]::before{ content: ''; position: absolute; top: 0; right: 0; height: 100%; width: 0px; z-index: -1; background-color: #0057ab; transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1); transition: all .3s;}
	/* other */
	.form_btn_wrap button[name="submitBack"]{ border-color: #eee;}
	.form_btn_wrap button[name="submitBack"]::before{ background-color: #eee;}
@media screen and (min-width: 959px) {
	.form_btn_wrap button[type="submit"]:hover{ color: #fff; box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.2);}
	.form_btn_wrap button[type="submit"]:hover::before{ left: 0%; right: auto; width: 100%;}
	.form_btn_wrap button[name="submitBack"]:hover{ color: #333;}
}


/*-------------------------*/
/* 画面サイズ 960～1180px*/
/*-------------------------*/
@media screen and (min-width:960px) and (max-width:1180px) {

}


/*-------------------------*/
/* 画面サイズ 959px */
/*-------------------------*/
@media screen and (max-width: 959px) {

}


/*-------------------------*/
/* 画面サイズ 560px*/
/*-------------------------*/
@media screen and (max-width: 560px) {

#contentwrap{ padding-bottom: 100px;}

.block_1 .block_1__inner{ border-width: 4px; padding: 1.8rem 1.2rem;}
.block_1 .inquiry_explanation__items{ padding: 1.5rem 1rem;}
.block_1 .inquiry_explanation__items .__ttl{ font-size: 14px;}
.block_1 .inquiry_explanation__items .__contets .tel_area{ font-size: 16px;}
.block_1 .inquiry_explanation__items .__contets .tel_area a{ font-size: 28px;}

/*-------form_items_wrap--------*/
.form_items_wrap > dl > dt{ padding-left: 3rem; margin-bottom: .7rem;}
.form_items_wrap .required span{ font-size: 10px; padding: 2px 10px;}
.form_items_wrap .w-70{ width: 100%!important;}

.form_items_wrap input[type="text"],
.form_items_wrap input[type="email"],
.form_items_wrap select,
.form_items_wrap textarea{ font-size: 16px; padding: 15px;}
	/* radio-field */
	.mwform-radio-field .mwform-radio-field-text::before{ top: 0px;}
	.mwform-radio-field .mwform-radio-field-text::after{ top: 5px; left: 5px; width: 10px; height: 10px;}
	/* selectbox-field */
	.mw_wp_form_input .form_items_wrap .mwform-selectbox-field select{ padding-right: 30px;}
	
/* form_btn_wrap */
.form_btn_wrap button[type="submit"] { padding: .8em 1em; font-size: 14px; width: 100%; margin: 0;}
.form_btn_wrap button+button{ margin-top: 15px;}

}