@charset "utf-8";
/*=============================================================
 contact Layout
=============================================================*/
/* contact-leadArea
-------------------------------------------------------------*/
.w5, .w10, .w15, .w20, .w30{display: inline-block;}

.contact-leadArea{
	display:flex;
	justify-content:space-between;
	margin-bottom:25px;
}
.contact-leadArea .btn{
	font-size:14px;
	line-height:1.4;
	font-weight:bold;
	letter-spacing:0.1em;
	text-align:center;
	width:360px;
}
.contact-leadArea .btn a{
	color:#000;
	text-decoration:none;
	background-color:#FFFFFF;
	box-sizing:border-box;
	display:block;
	width:345px;
	padding:18px 10px 16px;;
	border-radius:15px;
	border: 2px solid #e0c288; 
	box-shadow:1px 1px 0 rgba(178,166,155,0.4);
}
.contact-leadArea .btn a:hover{
	box-shadow:1px 1px 0 rgba(178,166,155,0.7);
	transform:translateY(3px);
}
.contact-leadArea .btn a .search{
	font-size:22px;
	display:block;
	margin-bottom:3px;
	position:relative;
}
.contact-leadArea .btn a .search::after{
	content:"";
	background:url(../../shared/img/icon_search.png) no-repeat 0 0/contain;
	display:inline-block;
	vertical-align:middle;
	width:20px;
	height:24px;
	margin:-4px 0 0 4px;
}

#contact .ttl-h2::after{
	content:"";
	display:block;
	width:95%;
	margin:5px 0 0;
	border-bottom:1px solid #000;
}

/* Color */
.textHISSU{color:#000000 !important;}

/* 追加ボタン
-------------------------------------------------------------*/
.contact-leadBtn{
	display:flex;
	justify-content:center;
	margin-bottom:25px;
}
.contact-leadBtn .btn{
	font-size:14px;
	line-height:1.4;
	font-weight:bold;
	letter-spacing:0.1em;
	text-align:center;
	width:300px;
	margin: 0 20px;
}
.contact-leadBtn .btn a{
	color:#000000;
	text-decoration:none;
	background-color:#FFFFFF;
	box-sizing:border-box;
	display:block;
	width:280px;
	padding:18px 10px 16px;;
	border-radius:15px;
	border: 2px solid #e0c288; 
	box-shadow:1px 1px 0 rgba(178,166,155,0.4);
}
.contact-leadBtn .btn a:hover{
	box-shadow:1px 1px 0 rgba(178,166,155,0.7);
	transform:translateY(3px);
}
.contact-leadBtn .btn a .link_faq{
	font-size:22px;
	display:block;
	margin-bottom:3px;
	position:relative;
}

/* telBtn---*/

.contact-telBtn{
 text-align: center;
	margin-bottom:25px;
}
.contact-telBtn p{
	margin:  20px 40px 0;
	display:inline-block;
	vertical-align: top;
}
.tss{
	font-size:12px;	
	text-align: left;
	line-height:1.8;
}

/* link-tel */
.link-tel{
	color:#000;
	font-size:24px;
	line-height:1.8;
	font-weight:bold;
	text-decoration:none;
	display:inline-block;
	padding-left:36px;
	position:relative;
}
.link-tel::before{
	content:"";
	background:url(https://www.nitori.co.jp/reform/contact/img/parts_spr2.png) no-repeat -67px -20px/auto 50px;
	width:30px;
	height:30px;
	position:absolute;
	top:50%;
	left:0;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
}
.l.link-tel{padding:5px 0 5px 50px;}
.l.link-tel::before{
	background-position:-100px -10px;
	width:40px;
	height:40px;
}
/*-追加　ここまで-------------------------------------------*/

.smp_tmpl	{margin-top: 30px;}
.smp_tmpl dl{display: table;
    background-color: #fff;
    width: 100%;
    border-collapse: collapse;}
.smp_tmpl dl dt,
.smp_tmpl dl dd{display: table-cell;
	vertical-align: middle;
    padding: 16px 12px;
    border: 1px dotted #3f3f3f;
    border-bottom: none;}
.smp_tmpl dl dt {
    background-color: #EFDCB8;
	border-left: none;
}
.smp_tmpl dl:first-child dt,.smp_tmpl dl:first-child dd{
    border-top: none;
}
.smp_tmpl dl dd {
    border-right: none;
}
.smp_tmpl dl dd li+li{
    margin-top: 30px;
}
.smp_tmpl dl dd .checklist li+li{
	margin-top: 0;}
.smp_tmpl dl dd .checklist li{
	display: inline-block;
    margin-right: 20px;
}
/* input
-------------------------------------------------------------*/
.smp_tmpl .nameSet input {
    width: calc(45% - 12px - 2.4em);
}
.smp_tmpl .nameSet input+span{margin-left:2em;}
.smp_tmpl .phone input {
    width: 96px;
}
.smp_tmpl input[type="checkbox"]+span, .smp_tmpl input[type="radio"]+span {
    display: inline-block;
    position: relative;
}
.smp_tmpl input[type="checkbox"], .smp_tmpl input[type="radio"] {
    display: none;
}
.smp_tmpl input[type="checkbox"]+span,.smp_tmpl input[type="radio"]+span{
    padding-left: 28px;
	}
.smp_tmpl input[type="checkbox"]+span::before, .smp_tmpl input[type="radio"]+span::before {
	content: "";
    box-sizing: border-box;
    position: absolute;
    transition: .2s;
    background-color: #fff;
    width: 16px;
    height: 16px;
    margin-right: 5px;
    border: 1px solid #333;
    border-radius: 3px;
    top: 0.3em;
    left: 0;
}
.smp_tmpl input[type="radio"]+span::before {
	border-radius: 100%;
}
.smp_tmpl label:hover input[type="checkbox"]+span::before, .smp_tmpl label:hover input[type="radio"]+span::before {
    border-color: #ff6800;
}
.smp_tmpl label input[type="checkbox"]:checked+span::before{
    background-color: #ff6800;
    border-color: #ff6800;
}
.smp_tmpl label input[type="radio"]:checked+span::before {
	background-color: #fff;
	border-color: #ff6800;
}
.smp_tmpl input[type="checkbox"]+span::after{
	content: "";
	position: absolute;
	transition: .2s;
    width: 7px;
    height: 4px;
    margin-top: -5px;
    border-left: 2px solid #fff;
    border-bottom: 2px solid #fff;
    top: 50%;
    left: 4px;
    opacity: 0;
    transform: rotate(-45deg);
}

.smp_tmpl label input[type="radio"]+span::after {
	content: "";
	position: absolute;
	transition: .2s;
	background-color: #ff6800;
	width: 8px;
	height: 8px;
	margin-top: -5px;
	border-radius: 100%;
	opacity: 0;
	top: calc(50% - 2px);
	left: 4px;
}
.smp_tmpl label input[type="checkbox"]:checked+span::after, .smp_tmpl label input[type="radio"]:checked+span::after {
    opacity: 1;
}
.smp_tmpl input[type=text], .smp_tmpl textarea {
	line-height: 38px;
	height: 40px;
    background-color: #fff;
    box-sizing: border-box;
    padding: 0 10px;
    border: 1px solid #000;
    border-radius: 5px;
}
.smp_tmpl textarea {
	width:calc( 100% - 12px);
	height: inherit;
}
.smp_tmpl select {
    background-color: #fff;
    box-sizing: border-box;
    line-height: 38px;
    height: 40px;
    padding: 0 50px 0 10px;
    border: 1px solid #000;
    border-radius: 5px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(../../shared/img/bg_form_select.png) no-repeat right center/37px auto;
}

/* error
-------------------------------------------------------------*/
.smp_tmpl .msg,
.smp_tmpl .error,
.header_emesg{
	color:#ff003c;
	margin-top:5px;
}
.msg+.msg {
    display: none;
}
input.error,
textarea.error,
select.error{
	background-color:#fff2f5 !important;
	border-color:#ff003c !important;
}
/* smp_tmpl
-------------------------------------------------------------*/
.smp_tmpl{margin-top:30px;}
.smp_tmpl dt{
	font-weight:bold;
	width:220px;
}
.smp_tmpl dt,
.smp_tmpl dd{vertical-align:middle;}
.checkboxToggle+div{
	display:none;
	margin-top:20px;
}
.smp_tmpl .form-checkbox li,
.smp_tmpl .form-radio li{
	display:inline-block;
	margin-right:20px;
}
/* set */
.smp_tmpl .nameSet li+li,
.smp_tmpl .addSet li+li,
.smp_tmpl .telSet li+li{margin-top:30px;}
.smp_tmpl .mailSet li+li{margin-top:10px;}
.smp_tmpl .nameSet label{
	display:inline-block;
	min-width:3em;
}
.smp_tmpl .nameSet label:not(:first-child){margin-left:40px;}
.smp_tmpl .nameSet .form-text{width:30%;}
.smp_tmpl .addSet label{
	display:inline-block;
	min-width:12em;
}
.smp_tmpl .telSet label{
	display:inline-block;
	min-width:5em;
}
.smp_tmpl .address_ ul{display: none;}
.smp_tmpl .address_ p span{display: inline-block !important;}


.footer small {
    background: #3a3a3a;
    color: #fff;
    display: block;
    font-size: .857142857em;
    line-height: 1.333333333;
    padding: 24px 20px;
    text-align: center
}

.footer .logo {
    display: block;
    margin-bottom: 48px;
    width: 491px
}

.footer .logo picture {
    display: block;
    width: 100%
}
@media screen and (max-width: 1224px) {
    .footer {
        font-size:1.1437908497vw;
        overflow: hidden;
        padding: 7.1895424837vw 0 0
    }

    .footer .inner {
        margin: 0 auto 7.1895424837vw;
        max-width: 96.7320261438vw
    }

    .footer .logo {
        display: block;
        margin-bottom: 3.9215686275vw;
        width: 40.114379085vw
    }

/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 Smartphones
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media only screen and (max-width:767px), only screen and (max-device-width:767px){

/* contact-leadArea
-------------------------------------------------------------*/
.contact-leadArea{display:block;}
.contact-leadArea .btn{
	font-size:12px;
	width:auto;
}
.contact-leadArea .btn a{
	width:auto;
	max-width:322px;
	margin:25px auto 0;
	padding:10px 4px 8px;
}
.contact-leadArea .btn a .search{font-size:19px;}
	
/* 追加ボタン767
-------------------------------------------------------------*/
.contact-leadBtn{display:block;}
.contact-leadBtn .btn{
	font-size:12px;
	width:auto;
}
.contact-leadBtn .btn a{
	width:auto;
	max-width:322px;
	margin:25px auto 0;
	padding:10px 4px 8px;
}
.contact-leadBtn .btn a .search{font-size:19px;}	
	
.contact-telBtn p{
	margin:  20px 10px 0;
	display:inline-block;
}	
/* link-tel 767 */
.link-tel{
	font-size:20px;
	line-height:2.0;
}	
	
	
/* 追加ボタン767ここまで---------------------------*/
	

.data.phone .w20{width:30% !important;}

/* error
-------------------------------------------------------------*/
p.error{font-size:13px;}

/* smp_tmpl
-------------------------------------------------------------*/
.smp_tmpl{
	background:none;
	font-size:16px;
	margin-top:15px;
}
.smp_tmpl dl dt, .smp_tmpl dl dd{
	width:auto;
	display:block;
	border:none;
}
.smp_tmpl dl:first-child dt{margin-top:0;}
.smp_tmpl dt{
	margin-top:25px;
	padding-top:8px;
	padding-bottom:8px;
}
.smp_tmpl dd{background-color:#fff;}
.smp_tmpl .w60,
.smp_tmpl .w80{width:100% !important;}
.smp_tmpl .form-checkbox,
.smp_tmpl .form-radio{margin:-5px -10px;}
.smp_tmpl .form-checkbox li,
.smp_tmpl .form-radio li{margin:5px 10px;}

/* set */
.smp_tmpl .nameSet li+li,
.smp_tmpl .telSet li+li{margin-top:20px;}
.smp_tmpl .addSet li+li{margin-top:15px;}
.smp_tmpl .nameSet li span{min-width:2.4em;}
.smp_tmpl .nameSet li span:not(:first-child){margin-left:14px;}
.smp_tmpl .nameSet input{width:calc(50% - 12px - 2.4em);}
.smp_tmpl .w10,
.smp_tmpl .w15,
.smp_tmpl .w30{
	width:100% !important;
}

.footer small {
        font-size: 2.6666666667vw;
        line-height: 1.5;
        padding: 6.4vw 0
    }

  .footer .logo {
        margin: 0 auto 17.0666666667vw;
        width: 83.7333333333vw
    }


}

/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 Smartphones (portrait)
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media only screen and (max-width:440px){

}

/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 Smartphones small (portrait)
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media only screen and (max-width:374px){
	

}

/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
    #contact hdr-flotingBtn
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

#contact #hdr-flotingBtn li:nth-child(2) a{
	font-size:12px;
	letter-spacing:-0.03em;
	background-color: #FD5963;
	padding-top:10px;
}

#contact #hdr-flotingBtn li:nth-child(2) a:hover{background-color: #FF7788;}

#contact #hdr-flotingBtn li:nth-child(2) a::after{
	background-image:url(https://www.nitori.co.jp/reform/shared/img/icon_rfol01_white.png);
	width:80px;
	height:60px;
	margin-top:5px;
	margin-left:10px;
}