@charset "utf-8";
/* CSS Document */

#main * {
	box-sizing:border-box;
}
main {
    position: relative;
    z-index: 1;
}
footer .foot_top {
	position: relative;
	z-index: -1;
}
section.content {
	width:770px;
	margin:0 auto;
	padding-top:45px;
	color:#69584D;
	font-size:14px;
}

h1.tit {
	margin-bottom:55px;
	text-align:center;
	max-width: 218px;
	margin:0 auto 4%;
}
h1.tit img {
	display:inline-block;
	width:auto;
    height: auto;
}
.content h2 {
    font-size: 1.6em;
    font-weight: normal;
    text-align: center;
    color: #231815;
}
.read > strong {
    display: block;
    font-weight: normal;
    line-height: 1.5em;
    margin: 25px auto 50px;
    text-align: center;
    color: #231815;
    font-size: 1.5em;
}
.tbl_form {
	width:100%;
}
.tbl_form th {
    background: #edebe9 none repeat scroll 0 0;
    border-bottom: 1px solid #bab9b8;
    border-right: 1px solid #69584d;
    color: #666666;
    font-size: 15px;
    font-weight: normal;
    padding: 15px 0 15px 20px;
    text-align: left;
    width: 30%;
    vertical-align: middle;
    line-height:1.5em;
}
.tbl_form th .requied {
    color: #fd1d1d;
}
.tbl_form td {
    border-bottom:solid 1px #BAB9B8;
    color:#666666;
	font-size:15px;
	font-weight: normal;
	text-align:left;
	padding:10px 0px 10px 10px;
	vertical-align: middle;
	background: #fff;
}
.tbl_form td span {
    color: #cbcbcb;
    margin-right: 2%;
	font-weight: bold;
}
.tbl_form input,.tbl_form textarea {
    color: #666666;
    font-size: 15px;
    font-family: 'Noto Sans Japanese', serif;
	border: 2px solid #e5e5e5;
}
.inp_text1 {
    margin: 0 0%;
    width: 510px;
}
.inp_text2 {
    margin: 0 2%;
    width: 200px;
}
.inp_text3 {
    margin-right: 2%;
    width: 140px;
}
/* チェックボックス */

/*Radio Check*/
label.radio, label.radio_text, label.checkbox, label.checkbox_text {
	position      : relative;
	cursor        : pointer;
	display       : inline-block;
	overflow      : hidden;
	box-sizing    : border-box;
}
label.radio {
	width         : 26px;
	height        : 26px;
	border        : 1px solid #c0c0c0;
	border-radius : 100%;
}
label.radio_text {
	min-height   : calc(26px + 5px);
	margin-right : calc(26px + 5px);
	padding-left : calc(26px + 5px);
	line-height  : calc(26px + 5px);
}
label.checkbox {
	width      : 20px;
	height     : 20px;
	border     : 1px solid #ffffff;
	background : #fff;
}
label.checkbox_text {
	padding-left : calc(20px + 5px);
	line-height  : 20px;
}
/** before after **/
label.radio:before, label.radio_text:before, label.checkbox_text:before,
label.checkbox:after, label.radio_text:after, label.checkbox_text:after{
	content  : '';
	position : absolute;
	box-sizing : border-box;
}
label.radio:before, label.radio_text:before{
	border-radius    : 100%;
}
label.radio:before, label.checkbox:after{
	top              : 0px;
	bottom           : 0px;
	left             : 0px;
	right            : 0px;
	margin           : auto;
}
label.checkbox:after, label.checkbox_text:after{
	transform         : rotate(45deg);
	-webkit-transform : rotate(45deg);
	-moz-transform    : rotate(45deg);
	border-right      : 3px solid #c8b687;
	border-bottom     : 3px solid #c8b687;
	top               : calc(50% - (((13px / 12 ) * 5) / 2));
	display           : block;
	margin-top        : calc(((13px / 12 ) * 5) * -1);
	width             : calc(((13px / 12 ) * 5));
	height            : 13px;
	z-index           : 1;
}
label.radio_text:before, label.radio_text:after{
	top              : 0px;
	bottom           : 0px;
	margin-top       : auto;
	margin-bottom    : auto;
}
label.radio:before {
	display          : block;
	width            : 12px;
	height           : 12px;
	z-index          : 1;
	background-color : #c8b687; 
}
label.radio_text:before {
	width         : 26px;
	height        : 26px;
	border        : 1px solid #FFFFFF;
	left          : 0px;
	z-index       : 3;

}
label.checkbox_text:before {
	width    : 20px;
	height   : 20px;
	left     : 0px;
	top      : 0;
	border   : 1px solid #ffffff;
	z-index  : 3;
	box-sizing: border-box;
	background:#FFFFFF;
}
label.radio_text:after {
	width            : 12px;
	height           : 12px;
	border-radius    : 100%;
	left             : calc(((26px/2) - (12px) / 2));
	background-color : #c8b687;
	z-index          : 1;
}
label.checkbox_text:after {
	left : calc((20px / 2) - (((13px / 12 ) * 5) / 2));
}
/** input **/
label.radio input[type="radio"], label.radio_text input[type="radio"], label.checkbox input[type="checkbox"], label.checkbox_text input[type="checkbox"]{
	-moz-appearance: none;
	-webkit-appearance: none;
	position   : absolute;
	z-index    : 2;
	margin     : 0px;
	width      : 20px;
	height     : 20px;
	box-sizing    : border-box;
	outline       : none;
}
label.radio input[type="radio"], label.radio_text input[type="radio"]{
	left       : calc(26px * -1);
	width      : 26px;
	height     : 26px;
	top           : 0px;
	bottom        : 0px;
	margin-top    : auto;
	margin-bottom : auto;
	border-radius : 100%;
}
label.checkbox input[type="checkbox"], label.checkbox_text input[type="checkbox"]{
	left       : calc(20px * -1);
	padding    : 0;
}
label.radio input[type="radio"] {
	display    : block;
	box-shadow : 26px 0px #FFF;
			background:#FFF;
}
label.radio_text input[type="radio"] {
	box-shadow : 26px 0px #FFF;
}
label.checkbox input[type="checkbox"] {
	box-shadow : 20px 0px #FFF;
}
label.checkbox_text input[type="checkbox"] {
	display    : block;
	box-shadow : 20px 0px #FFF;
}
/** checked forcus */
label.checkbox_text input[type="checkbox"]:checked,
label.checkbox input[type="checkbox"]:checked,
label.radio_text input[type="radio"]:checked,
label.radio input[type="radio"]:checked{
	box-shadow : none;
}
label.checkbox_text input[type="checkbox"]:checked:focus,
label.checkbox input[type="checkbox"]:checked:focus{
	opacity: 0.1;
}
label.radio_text input[type="radio"]:focus,
label.radio input[type="radio"]:focus{
	opacity: 0.2;
}

label.checkbox_text input[type="checkbox"]:checked:focus {
	box-shadow : 20px 0px #666;
}
label.checkbox_text input[type="checkbox"]:focus {
	box-shadow : 20px 0px #EEE;
}
label.checkbox input[type="checkbox"]:checked:focus {
	box-shadow : 20px 0px #666;
}
label.checkbox input[type="checkbox"]:focus {
	box-shadow : 20px 0px #EEE;
}
label.radio_text input[type="radio"]:focus {
	box-shadow : 26px 0px #FFF;
}
label.radio input[type="radio"]:focus {
	box-shadow : 26px 0px #FFF;
}
.tbl_form ._tb_lbl input{
	display: none;
}
.tbl_form ._tb_lbl label{
	display: inline-block;
	position: relative;
	cursor: pointer;
	margin-left: 20px;
	padding: 10px 20px;
	border-radius: 2px;
	color: #3e4956;
	font-weight: normal;
	font-size: 15px;
	text-align: center;
	line-height: 1;
	text-indent: 10px;
}
.tbl_form ._tb_lbl label:before{
	position: absolute;
	content: "";
	top: 50%;
	left: -10px;
	width: 26px;
	height: 26px;
	margin-top: -10px;
	background: #ffffff;
	border-radius: 50%;
}
.tbl_form ._tb_lbl input[type="radio"]:checked + label:after {
	position: absolute;
	content: "";
	top: 50%;
	left: -3px;
	width: 12px;
	height: 12px;
	margin-top: -3px;
	border-radius: 50%;
	background: #C8B687;
}
.area_ul li {
    float: left;
    font-weight: normal;
}
.tbl_form ._tb_lbl label:last-child {
    margin-left: 20px;
}
.tbl_form ._tb_lbl input[type="checkbox"]:checked + label:after {
	position: absolute;
	content: "";
	top: 50%;
	left: -3px;
	width: 12px;
	height: 12px;
	margin-top: -3px;
	border-radius: 50%;
	background: #C8B687;
}
/* チェックボックス */

.tbl_form .chk_tb_lbl input {
    width: 73%;
}
.tbl_form ._tb_lbl input {
    display: none;
}
.tbl_form ._tb_lbl label::before {
	border: 1px solid #DEDEDE;
    background: #ffffff none repeat scroll 0 0;
    border-radius: 50%;
    content: "";
    height: 26px;
    left: -10px;
    margin-top: -10px;
    position: absolute;
    top: 40%;
    width: 26px;
}
.tbl_form ._tb_lbl input[type="checkbox"]:checked + label::after {
    background: #c8b687 none repeat scroll 0 0;
    border-radius: 50%;
    content: "";
    height: 16px;
    left: -5px;
    margin-top: -5px;
    position: absolute;
    top: 40%;
    width: 16px;
}
.tbl_form ._tb_lbl label {
    color: #666666;
    padding: 10px 20px 10px 17px;
}
.tbl_form select.sel,.minict_wrapper {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
    background: #ffffff url("../img/contact/sel.png") no-repeat scroll 100% center / 12% auto;
    border: 1px solid #dedede;
    color: #666666;
    font-size: 15px;
    height: auto;
    text-indent: 2px;
    width: 210px;

}
/* IEの下三角非表示 */
.tbl_form select.sel::-ms-expand {
	display: none;
}
/* Firefoxの点線非表示 */
.select-1 select.sel::-moz-focus-inner {
    border: 1px solid #ffffff;
}
/* selectタグ選択中のスタイル */
.tbl_form select.sel:focus {
/*    border: 1px solid #ffffff;
    background: #ffffff url("../img/contact/sel.png") no-repeat scroll 98% center / 4% auto;*/
}
/* 表示されるオプションスタイル */
.tbl_form select.sel * {
    background: #ffffff;
    color: #666666;
    height: 33px;
    padding-top:7px;
    text-indent: 12px;
    border: 1px solid #ffffff;
    vertical-align: middle;
}

.sel.customSelectHover {
	background:#E7F2F5;
}
.tbl_form td span._txt1 {
	color:#666666;
	font-weight: normal;
}
.tbl_form p {
    margin: 20px 0 10px;
}
.tbl_form span._inZip {
	cursor: pointer;
    background: #cb9745 none repeat scroll 0 0;
    border-radius: 5px;
    color: #ffffff;
    font-size: 90%;
    padding: 2px 4px;
    font-weight:normal;
}

.btn_entry {
    background: #f6d24a none repeat scroll 0 0;
    border-radius: 40px;
    color: #69584d;
    cursor: pointer;
    font-size: 28px;
    font-weight: normal;
    margin: 8% auto 10%;
    padding: 2% 0;
    text-align: center;
    width: 50%;
}
.tbl_form .b_n {
	border-bottom:none;
}
.errIp {
    color: #ff0000;
    margin: 0 auto 1%;
    text-align: center;
}
.ex_info {
    font-size: 12px;
    line-height: 1.2em;
    padding-left: 1em;
    text-indent: -1em;
}
.tbl_form td .ex_info span{
    color: #ff0000;
    margin: 0;
}
@media only screen and (max-width: 768px) {
	section.content {
		width:100%;
	}
	h1.tit img {
	    display: inline-block;
	    width: 100%;
	    height: auto;
	}
	h1.tit {
	    margin-bottom: 55px;
	    text-align: center;
	    width: 42%;
	    margin: 0 auto 55px;
	}
	.content h2 {
	    font-size: 120%;
	    font-weight: normal;
	    text-align: center;
	}
	.read > strong {
	    display: block;
	    font-weight: normal;
	    line-height: 1.5em;
	    margin: 10px auto;
	    text-align: center;
	    font-size: 100%;
	}
	.tbl_form {
	    width: 90%;
	    margin: 0 auto;
	}
	.tbl_form th {
	    display: table;
	    width: 100%;
	    background: none;
	    border-right: none;
	    border-bottom: none;
	}
	.tbl_form td {
	    display: table;
	    width:100%;
	    margin:4% 0;
	}
	.tbl_form td ._add_text1 {
	    margin:2% 0 0;
	}
	
	.inp_text1 {
	    margin: 0 0%;
	    width: 94%;
	    margin-bottom: 4%;
	}
	span.sp_req {
	    background: #ff0000;
	    display: initial;
	    color: #ffffff;
	    padding: 0 2%;
	    margin: 0 3% 0 0;
	}
	.inp_text3 {
	    width: 25%;
	    margin: 4% 2% 4% 0;
	}
	.tbl_form select.sel{
	    width: 70%;
	    margin: 0 0 4%;
	}
	td._tb_lbl {
	    margin: 0 0 4%;
	}
	.btn_entry {
	    color: #69584d;
	    text-align: center;
	    display: block;
	    background: #f6d24a;
	    font-size: 1.4em;
	    padding: 3% 0%;
	    margin: 6% auto 10%;
	    text-align: center;
	    border-radius: 40px;
	    width: 80%;
	    font-weight: bold;
	}
	.tbl_form td {
	    background: none;
	}
}