@charset "utf-8";

#block_conf{
    padding-bottom: 140px;
}
/* エラー表示 */
.form_base .err{
	font-size:12px;
	display:block;
	color:#FF0000;
}

/* ページ上部への表示の場合（ファイル容量） */
.form_base form > .err{
	line-height: 1.5;
	padding: 15px;
	border: 1px solid #F00;
	margin: 0 0 30px;
	background: #FFE4E4;
	border-radius: 5px;
}

/*-------------------------
__entry_style
-------------------------*/

.form_base input[type="button"] {
    width: 160px;
	font-size: 1.6em;
	font-weight: bold;
	color:#333;
	background-color: #ccc;
	margin: 0 auto;
	padding: 6px 10px;
	border: 1px solid #ccc;
    display: block;
}

@media screen and (min-width: 768px) {
	.form_base input[type="button"]:hover {
		background-color: #bbb;
		border: 1px solid #bbb;
	}
}


.attention {
	color: #ff0000;
}
.transmit {
	font-size: 1.5em;
    line-height: 1.3em;
    padding-bottom: 36px;
}
.recap {
	text-align:center;
	margin:2em 0;
}
.recap > div {
	margin:0 auto;
}
.recap_er_ip {
	display:none;
}
#to_conf_btn,
#submit_btn {
	width: 100%;
    max-width: 460px;
    font-size: 2em;
    color: #fff;
    line-height: 1em;
    font-weight: 700;
    border: solid 3px #1e1e1e;
    box-sizing: border-box;
    background-color: #1e1e1e;
    margin-bottom: 30px;
    padding: 40px 0;
    transition: all .3s;
    cursor: pointer;/*------------------- color -------------------*/
}
#to_conf_btn:hover,
#submit_btn:hover {
	color: #1e1e1e;
    background-color: #fff;
}

#confirm {
	margin-left: 0;
	margin-right: 0;
	padding-bottom: 36px;
}
#confirm table {
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 1.5em;
	line-height: 1.5em;
	text-align: left;
	width: 100%;
    border-bottom: solid 1px #e1e6e6;
}
#confirm th,
#confirm td {
	border: none;
	padding: 24px 10px;
    border-top: solid 1px #e1e6e6;
}
#confirm th {
	background-color: #fff;
	font-weight: 700;
	width: 210px;
}
#thanks p {
	font-size: 1.4em;
	line-height: 1.6;
	padding-bottom: 15px;
	text-align: left;
}
#thanks .proviso {
	color: #666;
}
#thanks dl {
	border-top: 1px dotted #999;
	padding-top: 15px;
	text-align: left;
}
#thanks dt {
	font-size: 16px;
	font-weight: 700;
	line-height: 20px;
}
#thanks .tel {
	color: #ff0000;
	font-size: 16px;
	font-weight: 700;
}
#thanks dd {
	font-size: 14px;
	line-height: 24px;
}
#thanks dd a {
	color: #000;
}
#thanks dd a:hover {
	text-decoration: none;
}




#main{ margin-bottom: 60px;position: relative;}
#main > .inner{ width: 100%; max-width: initial; position: relative; padding: 0;}
#main .inner .mv { background: url("/contact/images/ttl_bg.jpg")no-repeat; background-position: center; background-size: cover; height: 450px;}
#main .inner .main_ttl_inner { padding: 0 40px; max-width: 1200px; margin: 0 auto; display: flex; justify-content: center; align-items: center; height: 100%; flex-direction: column;}
#main .inner .main_ttl { font-size: 48px; font-weight: 700; color: #fff;}
#main .inner .en { font-size: 21px; font-weight: 700; color: #fff; margin-top: 24px;}
.tab_on{ display: none;}

@media screen and (max-width:999px){
	#main .inner .mv { height: 350px;}
	#main .inner .main_ttl { font-size: 36px;}
	#main .inner .en { font-size: 16px; margin-top: 20px;}
	.tab_on{ display: block;}
}
@media screen and (max-width:767px){
	#main .inner .mv { height: 240px;}
	#main .inner .main_ttl { font-size: 24px;}
	#main .inner .en { font-size: 14px; margin-top: 16px;}
}
@media screen and (max-width:375px){
}
.w174{width: 174px;}
.w210{width: 210px;}
.w230{width: 230px;}
.w535{width: 535px;}
.wfull{width: 100%;}
input[type="text"],
select,
input[type="checkbox"],
textarea{font-size: 15px;line-height: 1.5em;border: solid 1px #d2d2d2;border-radius: 4px;box-sizing: border-box;background-color: #f4f4f4;padding: 11px 18px;outline-color: #999;}
input[type="text"]::placeholder,
textarea::placeholder{color: #999;}

#block_09{padding-bottom: 140px;}
#block_09 .id_personal{padding-bottom: 26px;}
#block_09 .id_personal .kome{display:block;font-size:1.4em;line-height:1.4;margin-bottom:20px;}
#block_09 table{width: 100%;font-size: 1.5em;text-align: left;border-collapse: collapse;}
#block_09 table tr th,
#block_09 table tr td{padding: 16px 0;}
#block_09 table tr th{width: 210px;font-weight: 700;}
#block_09 table tr th .tab_br{display:none;}
#block_09 table tr th .required{font-size: 0.867em;font-weight: 300;line-height: 1.61em;border: solid 1px #1e1e1e;margin-left: 1em;padding: 0 0.8em;display: inline-block;}
#block_09 table tr td label{display: inline-block;}
/*#block_09 table .name td .item_wrap {letter-spacing: -1em;}*/
#block_09 table .name td label:nth-of-type(1) {margin-right: 0.5em;}
/*#block_09 table .address td{letter-spacing: -1em;}*/
#block_09 table .address td .postmark {color: #999;letter-spacing: normal;padding-right: 10px;display: inline-block;}
#block_09 table .address td #ZIP1a {margin: 0 0.5em 10px 0;}
#block_09 table .address td #put_addr_button1a{font-size: 14px;line-height: 1em;font-weight: 700;color: #fff;padding: 10px 12px;border: none;background-color: #1e1e1e;cursor: pointer;transition: all .3s;outline-color: #999;}
#block_09 table .time td select{-webkit-appearance: none;-moz-appearance: none;appearance: none;color: #000;}
#block_09 table .time td select,
#block_09 table .mail td input[type="text"]{background-color: #fff;}
#block_09 table .reply td input[type="checkbox"],
#block_09 .txt.agree input[type="checkbox"]{display: none;}
#block_09 table .reply td label,
#block_09 .txt.agree label{margin-right: 36px;padding:10px 0 10px 28px;cursor: pointer;position: relative;}
#block_09 table .reply td label::before,
#block_09 .txt.agree label::before{content: "";width: 20px;height: 20px;background-color: #fff;border: solid 1px #d2d2d2;border-radius: 3px;margin-top: -10px;box-sizing: border-box;position: absolute;top: 50%;left: 0;}
#block_09 table .reply td label::after,
#block_09 .txt.agree label::after{content: "";width: 10px;height: 7px;border-style: solid;border-width: 0 0 2px 2px;border-color: #B90003;transform: rotate(-45deg) scale(0);transition: all .3s;opacity: 0;position: absolute;top: 10px;left: 4px;}
#block_09 table .reply td input[type="checkbox"]:checked + label::after,
#block_09 .txt.agree input[type="checkbox"]:checked + label::after{transform: rotate(-45deg) scale(1);opacity:1;}
#block_09 table .detail td textarea{width: 100%;height: 165px;resize: vertical;}
#block_09 .privacy_wrap{width: 100%;border: solid 1px #e1e6e6;padding: 25px;box-sizing: border-box;}
#block_09 .privacy_wrap div{height: 226px;font-size: 1.4em;line-height: 1.64em;text-align: left;overflow-y: scroll;padding-right: 20px;}
#block_09 .privacy_wrap div .privacy_ttl{padding-bottom: 1.64em;}
#block_09 .privacy_wrap div>ol>li{padding-bottom: 1em;padding-left: 1.1em;text-indent: -1.1em;}
#block_09 .privacy_wrap div>ol>li p{text-indent: 0;}
#block_09 .privacy_wrap div ol>li>ol,
#block_09 .privacy_wrap div ol>li>ol>li>ol{padding-left: 1em;}
#block_09 .transmit{font-size: 1.5em;line-height: 1.3em;padding: 36px 0;}
#block_09 .txt.agree{padding-bottom: 36px;}
#block_09 .txt.agree label{font-size: 1.5em;margin-right: 0;}
#block_09 #to_conf_btn_df1{width: 100%;max-width: 460px;font-size: 2em;color: #fff;line-height: 1em;font-weight: 700;border: solid 3px #1e1e1e;box-sizing: border-box;background-color: #1e1e1e;padding: 40px 0;transition: all .3s;cursor: pointer;}
@media screen and (min-width: 375px) {
    #block_09 .transmit br.sp374_on{display: none;}
}
@media screen and (min-width:768px){
    #block_09 table .address td #put_addr_button1a:hover{background-color: #6A6A6A;}
    #block_09 #to_conf_btn_df1:hover{color: #1e1e1e;background-color: #fff;}
    #block_09 .transmit br.sp_on{display: none;}
}
@media screen and (max-width:999px){
    input[type="text"], 
    select, 
    input[type="checkbox"], 
    textarea{font-size: 16px;margin: 0;}
    #block_09{padding-bottom: 100px;}
    #block_09 table{font-size: 1.4em;}
    #block_09 table tr th{line-height:1.5;}
    #block_09 table tr th .tab_br{display:block;}
}
@media screen and (max-width:767px){
    .w174,
    .w210,
    .w230,
    .w535,
    .wfull{width: 100%;}
    #block_09{padding-bottom: 80px;}
    #block_09 .id_personal{padding-bottom: 15px;}
	#block_09 .id_personal .kome{text-align:left;text-indent:-1em;padding-left:1em;}
    #block_09 table{width: auto;display: block;}
    #block_09 table tbody,
    #block_09 table tr{display: block;}
    #block_09 table tr th, 
    #block_09 table tr td{width: auto;display: block;}
    #block_09 table tr th{text-align: center;padding-bottom: 0;border-top: solid 1px #e1e6e6;}
    #block_09 table tr th .tab_br{display:none;}
    #block_09 table tr td label{display: block;}
    #block_09 table .name td label:nth-of-type(1){margin-right: 0;margin-bottom: 10px;}
    #block_09 table .address td #ZIP1a{width: calc(100% - 24px - 170px);margin: 0 10px 10px 0;}
    #block_09 table .address td #put_addr_button1a{font-size: 12px;}
    #block_09 table .reply td .item_wrap{margin-bottom: -16px;}
    #block_09 table .reply td label{display: inline-block;margin-bottom: 16px;}
    #block_09 table .reply td label,#block_09 .txt.agree label{padding:0 0 0 28px;line-height:1.5;}
    #block_09 table .reply td label::after,
    #block_09 .txt.agree label::after{top: calc(50% - 7px);}
    #block_09 .privacy_wrap{padding: 15px;}
    #block_09 .privacy_wrap div{height: 156px;font-size: 1.2em;padding-right: 12px;}
    #block_09 .transmit{font-size: 1.4em;padding: 30px 0;}
    #block_09 .txt.agree{padding-bottom: 30px;}
    #block_09 .txt.agree label{font-size: 1.4em;}
    #block_09 #to_conf_btn_df1{font-size: 1.8em;padding: 15px 0;}
}

/* エラー表示 */
.form_base .err{font-size:14px;line-height: 1.3em;font-weight: 700;letter-spacing: normal;text-align: left;display:block;color:#B90003;}
.form_base .err:last-of-type {padding-bottom: 0.5em;}
#block_09 .txt.agree .err{text-align: center;}
#block_09 table .address .err:nth-last-of-type(2){padding-bottom: 0.5em;}