@charset "UTF-8";

/*-------------------------
__style
-------------------------*/

.only_title{ /*background-image: url("images/h1_title_back.jpg"); background-repeat: no-repeat; background-position: left top; background-size: cover; height: 340px; margin-bottom: 50px; box-sizing: border-box; padding: 80px 70px 0;*/}
.only_title_inner{ }
.only_title .title_left{ width:500px; float:left;}
.only_title .title_left h1{ width: 100%; height: 132px; height: auto; margin-bottom: 15px;}
.only_title .title_left h1 img{ width: 100%; height: auto;}
.only_title .title_left p{ color: #fff; font-size: 2.1em; font-weight: 700;}
.only_title .title_right{ width: 300px; box-sizing: border-box; float: right; margin-top: 15px;}
.only_title .title_right p{ background-color: #fff100; color: #00349f; font-size: 3em; font-weight: 700; text-align: center; padding: 15px 0 13px; border-radius: 30px; margin-bottom: 20px;}
.only_title .title_right div{ width: 100%;}
.only_title .title_right dl{  color: #fff; font-size: 1.7em; float:left; margin-right:10px; width: 50%; width: calc((100% - 10px) / 2); width: -webkit-calc((100% - 10px) / 2); width: -moz-calc((100% - 10px) / 2); box-sizing:border-box; font-weight:700;}
.only_title .title_right dl:last-child{ margin-right:0;}
.only_title .title_right dl dt{ border: 1px solid #fff; padding: 10px; margin-bottom: 10px; text-align: center;}
.only_title .title_right dl dd{ text-align: right;}
.only_title .title_right dl dd span{ color: #fff100; font-size: 2.2em;}

.bukken_count{
    box-sizing: border-box;
    margin-bottom: 40px;
}
.bukken_count dl{
    font-size: 1.8em;
    font-weight: 700;
    float:left;
	margin-right:25px;
	width: 50%;
	width: calc((100% - 25px) / 2);
	width: -webkit-calc((100% - 25px) / 2);
	width: -moz-calc((100% - 25px) / 2);
	box-sizing:border-box;
	border: 1px solid #00349f;
}
.bukken_count dl:nth-child(2){
    margin-right:0;
}
.bukken_count dl dt{
    text-align: center;
    padding: 15px 10px;
    box-sizing: border-box;
    width: 50%;
    float:left;
    background-color: #00349f;
    color: #fff;
}
.bukken_count dl dd{
    text-align: right;
    padding: 10px 10px;
    box-sizing: border-box;
    width: 50%;
    float:right;
}
.bukken_count dl dd span{
    font-size: 1.5em;
    color: #f00a0a;
}

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

.only_title{ height:auto; margin-bottom: 20px; padding: 30px;}
.only_title_inner{ }
.only_title .title_left{ width:100%; float:none;}
.only_title .title_left h1{ width: 100%; height: auto; margin-bottom: 10px;}
.only_title .title_left h1 img{ width: 100%; height: auto;}
.only_title .title_left p{ text-align:center; font-size: 1.5em;}
.only_title .title_right{ width: 100%; box-sizing: border-box; float: none; margin-top: 10px;}
.only_title .title_right p{ background-color: #fff100; color: #00349f; font-size: 2em; font-weight: 700; text-align: center; padding: 10px 0 8px; border-radius: 30px; margin-bottom: 20px;}
.only_title .title_right dl{  color: #fff; font-size: 1.5em; float:left; margin-right:10px; width: 50%; width: calc((100% - 10px) / 2); width: -webkit-calc((100% - 10px) / 2); width: -moz-calc((100% - 10px) / 2); box-sizing:border-box;}
.only_title .title_right dl:last-child{ margin-right:0;}
.only_title .title_right dl dt{ border: 2px solid #fff; font-weight:700; padding: 10px; margin-bottom: 10px; text-align: center;}
.only_title .title_right dl dd{ text-align: right;}
.only_title .title_right dl dd span{ color: #fff100; font-size: 2em;}
    
}

#merit_4_list{}
#merit_4_list ul{}
#merit_4_list ul li{}
#merit_4_list ul li .merit_text{ width: 100%; float: left; margin-right: -250px; padding-right: 250px; box-sizing: border-box;}
#merit_4_list ul li .merit_text h2{font-size: 2.1em; color: #00349f; font-weight: 700; margin-bottom: 12px;}
#merit_4_list ul li .merit_text p{ font-size: 1.5em; line-height: 1.7;}
#merit_4_list ul li .image_pic{ width: 230px; height: 230px; float: right;}
#merit_4_list ul li .image_pic img{ width: 100%; height: auto;}

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

#merit_4_list ul li .merit_text{ float: none; margin-right: 0; padding-right: 0;}
#merit_4_list ul li .merit_text h2{font-size: 1.8em; color: #00349f; font-weight: 700; margin-bottom: 8px;}
#merit_4_list ul li .merit_text p{ font-size: 1.3em; line-height: 1.6;}
#merit_4_list ul li .image_pic{ width: 230px; height: 230px; float: none; margin: 0 auto;}
#merit_4_list ul li .image_pic img{ width: 100%; height: auto;}

.bukken_count{
    box-sizing: border-box;
    margin-bottom: 20px;
}
.bukken_count dl{
    font-size: 1.4em;
    float:none;
    margin-bottom: 10px;
	margin-right:0;
	width: 100%;
	box-sizing:border-box;
}
.bukken_count dl dt{
    padding: 10px 10px 6px;
}
.bukken_count dl dd{
    padding: 5px 10px 3px;
}


}


/*======================= お問い合わせフォーム =======================*/


#member_form{}
#member_form .surely{font-size:1.4em;font-weight:700;color:#F00;}
#member_form .submit_box{text-align:center;}
#member_form .transmit{font-size:1.4em;line-height:1.2;padding-bottom:10px;}
#member_form .submit{padding-bottom:10px;}

#member_form table{font-size:1.4em;line-height:1.6;width:100%;text-align:left;border-collapse:separate;border-spacing:0px 8px;margin-bottom:30px;}
#member_form table th,
#member_form table td{padding:15px 20px;box-sizing:border-box;}
#member_form table th{font-weight:700;background-color:#eee;width:185px;box-sizing:border-box;}

#member_form table input{margin:2px;}
#member_form table input[type="text"]{border:1px solid #999;font-size:1em;padding:5px;margin:1px;}
#member_form table textarea{width:100%;height:200px;font-size:1em;line-height:20px;margin:0 5px;padding:5px;box-sizing:border-box;border:1px solid #999;}

#member_form table .attention{margin:0 0 0 5px; padding:2px 5px 2px;border-radius:3px;color:#fff;background-color:#FF0000;}
#member_form table .cap1{display:inline-block;padding:5px 0 0;}
#member_form table input + .cap1{margin:0 0 0 10px;}

/*共通*/
#member_form table input[type="text"],
#member_form table textarea,
#member_form table input[type="button"],
#member_form table .btn1 input[type="submit"],
#member_form table label{cursor:pointer;transition:0.3s;}
/*ボタン初期化*/
#member_form table input[type="button"],
#member_form table .btn1 input[type="submit"]{-webkit-appearance:button;appearance:button;}
/*フォーカス処理*/
#member_form table input[type="text"]:focus,
#member_form table textarea:focus{background:#FFF;}
/*横幅設定*/
#member_form table .fm_ss{width:60px;}
#member_form table .fm_s{width:180px;}
#member_form table .fm_m{width:280px;}
#member_form table .fm_l{width:520px;}
#member_form table .fm_ll{width:calc(100% - 30px);}
/*郵便番号*/
#member_form table .add{display:inline-block;margin:5px 0;position:relative;}
#member_form table .add input[type="text"]{padding-left:35px;}
#member_form table .add::after{content:"〒";display:inline-block;position:absolute;top:5px;left:10px;}
/*placeholder*/
#member_form table input[type="text"]::-webkit-input-placeholder,
#member_form table textarea::-webkit-input-placeholder,
#member_form table input[type="text"]:-ms-input-placeholder,
#member_form table textarea:-ms-input-placeholder,
#member_form table input[type="text"]:placeholder-shown,
#member_form table textarea:placeholder-shown{color:#AAA;}
/*入力時のキーボード*/
#member_form table .ime_jp{ime-mode:active;}
#member_form table .ime_en{ime-mode:disabled;}
/*チェックボックス*/
#member_form table label{margin:5px 0;}
#member_form table label.ck1{}
#member_form table label.ck1 input{display:none;}
#member_form table label.ck1 span{display:inline-block;line-height:38px;height:38px;padding:0 9px 0 49px;background:url(images/form_ck2.png) 5px 5px no-repeat;background-size:30px,30px;border:1px solid #FFF;border-radius:7px;cursor:pointer;transition:0.3s;}
#member_form table label.ck1 input:checked + span{background-image:url(images/form_ck1.png);border-color:#F00;}
#member_form table label.ck2{display:inline-block;}
#member_form table label.ck2 input{display:none;}
#member_form table label.ck2 span{display:inline-block;line-height:25px;height:25px;padding:0 5px 0 35px;background:url(images/form_ck4.png) 0 0 no-repeat;background-size:25px,25px;border:1px solid #FFF;cursor:pointer;transition:0.3s;}
#member_form table label.ck2 input:checked + span{background-image:url(images/form_ck3.png);}
#member_form table label.ck3{}
#member_form table label.ck3 input{display:none;}
#member_form table label.ck3 span{display:inline-block;line-height:25px;height:25px;padding:0 5px 0 35px;background:url(images/form_ck6.png) 0 0 no-repeat;background-size:25px,25px;border:1px solid #FFF;cursor:pointer;transition:0.3s;}
#member_form table label.ck3 input:checked + span{background-image:url(images/form_ck5.png);}
/*セレクトボックス*/
/*#member_form table .select_box{display:inline-block;position:relative;border:1px solid #AAA;border-radius:5px;background: #FFF;}
#member_form table .select_box::after{content: '';width:6px;height:6px;border:0px;border-bottom:solid 2px #b4b3b3;border-right:solid 2px #b4b3b3;-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg);position:absolute;top:50%;right:10px;margin-top:-4px;}
#member_form table select{-webkit-appearance:none;-moz-appearance:none;appearance:none;}
#member_form table select{width:100%;padding:0 1em 0 9px;cursor:pointer;font-size:14px;line-height:38px;vertical-align:top;text-overflow:ellipsis;border:none;outline:none;background:transparent;background-image:none;box-shadow:none;-webkit-appearance:none;appearance:none;}*/
#member_form table .select_box{
    overflow: hidden;
	width: 100%;}
#member_form table tr td.madori p{
    display: inline-block;}
#member_form table .select_box{
    text-align: left;
    width: 200px;}
#member_form table .select_box select {
	width: 100%;
	padding-right: 1em;
	cursor: pointer;
	text-indent: 0.01px;
	text-overflow: ellipsis;
	border: none;
	outline: none;
	background: transparent;
	background-image: none;
	box-shadow: none;
	-webkit-appearance: none;
	appearance: none;
	font-size: 1em;}
#member_form table .select_box select::-ms-expand {
    display: none;}
#member_form table .select_box.cp_sl01 {
	position: relative;
	border: 1px solid #bbbbbb;
	border-radius: 2px;
	background: #ffffff;}
#member_form table .select_box.cp_sl01::before {
	position: absolute;
	top: 1.1em;
	right: 0.9em;
	width: 0;
	height: 0;
	padding: 0;
	content: '';
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 6px solid #666666;
	pointer-events: none;}
#member_form table .select_box.cp_sl01 select {
	padding: 8px 38px 8px 8px;}

@media screen and (max-width: 767px) {
#member_form table .select_box{
    width: 100%;
    margin-bottom: 5px;}
}

/*送信確認*/
#member_form input[type="button"]{-webkit-box-sizing:content-box;-webkit-appearance:button;appearance: button;font-size:1em;background-color:#ddd;padding:5px 7px 5px;box-sizing: border-box;border-radius:3px;cursor: pointer;border:none;}
#member_form input[type="submit"]{-webkit-box-sizing:content-box;-webkit-appearance:button;appearance:button;font-size:1.8em;font-weight:700;padding:15px 20px;box-sizing:border-box;border-radius:5px;cursor:pointer;color:#fff;background-color:#00349f;border:none;}

@media screen and (min-width: 1025px) {

#member_form input[type="button"],
#member_form input[type="submit"]{transition:0.3s;}
#member_form input[type="button"]:hover{opacity:0.5;}
#member_form input[type="submit"]:hover{opacity:0.8;}

}

@media screen and (max-width: 767px) {
    
#member_form table input[type="text"],
#member_form table .select_box select{font-size:16px;}

#member_form table th,
#member_form table td{display:block;width:100%;padding:10px 0;}
#member_form table th{padding:10px;}

#member_form table .cap1{font-size:12px;line-height:30px;display:block;padding:0;}
#member_form table input + .cap1{margin:0;}

/*横幅設定*/
#member_form table .fm_s{width:80px;}
#member_form table .fm_m{width:calc(70% - 30px); box-sizing: border-box;}
#member_form table .fm_l{width:100%; box-sizing: border-box;}
#member_form table .fm_ll{width:100%; box-sizing: border-box;}

}

/*----thanks----*/
#member_form #thanks {width:60%;text-align:center!important;margin:50px auto;padding:30px 0;background-color:#eee;}
#member_form #thanks h2 {font-size:2em;line-height:1.4;font-weight:700;margin-bottom:10px;padding-bottom:5px;color:#00349f;}
#member_form #thanks p {font-size:1.4em;line-height:1.6;padding-bottom:15px;}
#member_form #thanks .proviso{color:#666;}
#member_form #thanks .proviso span{display:block;}
#member_form #thanks dl{padding-top:15px;border-top:1px dotted #999;}
#member_form #thanks dt {font-size:1.6em;line-height:1.6;font-weight:700;}
#member_form #thanks .tel{font-size:1.5em;font-weight:700;color:#FF0000;}
#member_form #thanks dd {font-size:1.4em;line-height:24px;}
#member_form #thanks dd:nth-child(2){margin-bottom:10px;}
#member_form #thanks dd a{display:inline-block;text-decoration:none;padding:5px 10px;border-radius:5px;color:#000;background-color:#fff;}
#member_form #thanks dd a:hover{text-decoration:none;}

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

#member_form #thanks{width:100%;padding:20px;box-sizing:border-box;}
#member_form #thanks h2{font-size:1.7em;}
#member_form #thanks h2 span{display:block;}
#member_form #thanks .proviso span{display:inline;}
#member_form #thanks p{font-size:1.3em;line-height:1.5;padding-bottom:15px;}

}


/*----thanks----*/
#contents #thanks {width:60%;text-align:center!important;margin:50px auto;padding:30px 0;}
#contents #thanks h3 {font-size:2.5em;line-height:1.4;font-weight:700;margin-bottom:20px;padding-bottom:5px;color:#00349f;}
#contents #thanks p {font-size:1.4em;line-height:1.6;padding-bottom:20px;}
#contents #thanks .proviso{}
#contents #thanks .proviso span{display:block;}
#contents #thanks dl{padding:25px 0; margin-top:10px; background-color:#eee;}
#contents #thanks dt {font-size:1.8em;line-height:1.6;font-weight:700; margin-bottom: 10px;}
#contents #thanks dd.tel a{font-size:1.8em;font-weight:700;color:#FF0000; text-decoration:none;}
#contents #thanks dd {font-size:1.4em;line-height:24px;}
#contents #thanks dd:nth-child(2){margin-bottom:10px;}
#contents #thanks dd.back a{display:inline-block;text-decoration:none;padding:5px 10px;border-radius:5px;color:#fff;background-color:#aaa;}
#contents #thanks dd.back a:hover{ background-color: #ccc;}

@media screen and (min-width: 768px) {

#contents #thanks dd.tel a[href^="tel:"] {
		pointer-events: none;}
}

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

#contents #thanks{width:100%;padding:0px;box-sizing:border-box; margin:15px 0;}
#contents #thanks h3{font-size:1.7em; margin-bottom:10px;}
#contents #thanks h3 span{display:block;}
#contents #thanks .proviso span{display:inline;}
#contents #thanks dl{padding:15px 0; margin-top: 0;}
#contents #thanks p{font-size:1.3em;line-height:1.5;padding-bottom:15px;}
#contents #thanks dt {font-size:1.6em;}
#contents #thanks dd.tel a{font-size:1.6em;}
#contents #thanks dd{ font-size:1.3em; }
#contents #thanks dd.back a{ font-weight:700;}

}

#confirm h4{color:#fff; background-color:#00349f; font-size:1.9em; line-height:1.2em; padding:17px 15px 15px; margin:0 0 5px 0;}
@media screen and (max-width: 767px) {
#confirm h4{font-size:1.7em; line-height:1.2em; padding:10px 12px 8px; margin:0 0 10px 0; font-weight:700;}
}