@charset "utf-8";
a:hover {
opacity: .8;
}
section{
}
.article,.header,.footer {
color:#544F43;
width:100%!important;
max-width:100%!important;
font-size: .9em;/*スマホ*/
}




/* hr */
hr{
height: 1px;
border: none;
border-top: 1px #E4DCCE solid;
margin:1em auto!important;
width:95.8318%;
}
.hr-thin {
border-top:1px #444 solid;
margin:0 auto!important;
}

.back-light{
background-color: #F5F1EC;
margin-top: 0;
margin-bottom: 0;
padding-bottom: 3em;
}
.back-dark{
background-color: #EBE4D8;
margin-top: 0;
margin-bottom: 0;
padding-bottom: 3em;
}




/*fv*/
.fv{
margin-top: 0;
margin-bottom: 0;
background: #111414 url(../images/fv_back_base_sp.png) repeat-x;/*スマホ*/
}
.fv p{
text-align: center;
}
.fv-bottom{
background-color: #B3A181;
padding: 1em 0;
margin-bottom: 0;
}
.fv-bottom .col12{
margin-top: 0;
margin-bottom: 0;
}
.fv-bottom hr{
height: 1px;
border: none;
border-top: 1px #c6b6a0 solid;
margin:1em auto!important;
width:80%;
}
.fv-bottom .col12{
text-align: center;
}
.fv-bottom p{
color: #fff;
font-size: 1.8em;/*スマホ*/
display: inline-block;
line-height: 1.4;
}
.fv-bottom .caution{
font-size: .8em;
color:#333;
}
.fv .col12{
margin-top: 0;
margin-bottom: 0;
}
.fv-bottom span{
/* font-weight: 600; */
}
.fv-logo{
position: absolute;
left:20px;
top:20px;
width:90px;/*スマホ*/
}




/* title */
.section-title{
margin-top: 0;
margin-bottom: 0;
color: #968264;
padding:.4em;
font-size: 3.6em;
border-bottom: #DED1BE 1px solid;
text-align: center;
font-family: 'Lato', sans-serif;
font-weight: 300;
letter-spacing: .05em;
}
.section-sub-title{
padding:.5em;
font-size: 2em;
border-bottom: #DED1BE 1px solid;
text-align: center;
font-family: 'Lato', sans-serif;
font-weight: 400;
letter-spacing: .05em;
color: #968264;
margin-top: 0;
margin-bottom: 0;
}
.section-sub-title span{
font-size: .7em;
margin-left: .2em;
letter-spacing:0;
}




/* lineup */
.lineup-copy{
margin-top: 1em;
margin-bottom: 2em;
}
.lineup-copy p{
margin-top: 1.2em;
font-size:.9em;
text-align: center;
}
.lineup-copy p:first-child{
font-size:1.1em;
}
.lineup-product h1{
border-bottom: #DED1BE 1px solid;
padding: .6em 0;
color: #968264;
font-weight: 600;
text-align: center;
font-size: 1.4em;
}
.lineup-product h1 span{
font-family: 'Lato', sans-serif;
font-weight: 400;
font-size: .6em;
margin-right: .7em;
}
.lineup-product p{
text-align: center;
padding-top: .5em;
font-weight: 600;
color:#968264;
font-size: 1.2em;
}
.lineup-product p span{
font-size: .8em;
margin-left: .4em;
font-weight: normal;
}
.lineup-product h1 + p{
padding-top: 1em;
text-align: center;
font-weight: normal;
}
.lineup-product .col6{
vertical-align: top;
}
.lineup-btn{
background-color: #968264;
padding:.7em;
width: 100%;
display: inline-block;
text-align: center;
text-decoration: none;
font-weight: 600;
font-size: 1.4em;
transition:all .3s;
box-sizing: border-box;
margin-top: 1em;
}
.lineup-btn:hover{
background-color: #fff;
color: #968264;
}




/* feature */
.feature-point .col6,
.feature-point .col4{
background-color: #fff;
vertical-align: top;
}
.feature-intro{
margin-top: 2em;
margin-bottom: 2em;/* スマホ */
}
.feature-intro h1{
border-top: #D1BFA5 solid 1px;
border-bottom: #D1BFA5 solid 1px;
padding: .5em 0;
margin-bottom: .3em;
font-size: 1.5em;
font-weight: 600;
color:#968264;
text-align: center;/*スマホ*/
}
.feature-intro h2{
font-size: .8em;
margin-bottom: 1em;
color:#968264;
font-family: 'Lato', sans-serif;
font-weight: 700;
text-align: center;/*スマホ*/
}
.feature-intro h3{
color:#968264;
padding: .8em 0 .8em;
font-size: 1.1em;
font-weight: 600;
text-align: center;/*スマホ*/
}
.feature-intro .off-pc{
text-align: center;/*スマホ*/
width: 100%;
}
.feature-intro h3 span{
font-size:.8em;
margin-left: .3em;
font-weight: normal;
}
.feature-intro h3 span.arrow, .lineup-product .arrow{
background: url("../images/price_arrow.png") no-repeat left center;
padding-left:1em; 
margin-left: 0;
}
.feature-point h1{
border-top:#BDA47E solid 4px;
padding-top: 1.2em;
text-align: center;
color: #BDA47E;
font-size: 1.2em;
font-weight: 600;
}
.feature-point p{
padding: 1em 2em 2em;
}
.feature-point p span{
display: block;
margin-top: 1em;
}




/* contact */
.contact-btn{
background-color: #968264;
padding:.7em;
width: 100%;
display: inline-block;
text-align: center;
text-decoration: none;
font-weight: 600;
font-size: 1.4em;
transition:all .3s;
box-sizing: border-box;
}
.contact-btn:hover{
background-color: #fff;
color: #968264;
}
.contact p{
text-align: center;
}
.contact h1 + p{
margin-top: 2em;
margin-bottom: .7em;
font-size: 1.2em;
}
.contact .col8{
margin-top: .5em;
font-size: .8em;
}


/*footer*/
.footer{
background-color: #111414;
color:#fff;
margin-top: 0;
margin-bottom: 0;
font-size: .8em;
}
.footer-box img{
margin-right: 1em;
}
.footer-top-btn{
display: none;
}
.footer-logo{
display: inline-block;
width: auto!important;
position: relative;
top:3px;
}
.footer-social{
margin-top: .6em;
}
#footer-list .footer-copy{
text-align: right;
padding-right: 45px;
}
#footer-list .col6 a{
margin: 0 .7em;
}
#footer-list .col6 a:first-child{
margin-left: 0;
}




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

.feature-intro{
margin-bottom: 0;
}
.fv-bottom p{
font-size: 2.5em;
}
.fv-logo{
width:auto;
}
.feature-intro h1{
text-align: left;
}
.feature-intro h2{
text-align: left;
}
.feature-intro h3{
text-align: left;
}
.feature-intro .off-pc{
text-align: left;
}

.footer{
position: relative;
}
.footer-top-btn{
display: inline-block;
width: 40px;
margin-right: 20px;
}
.footer-top-wrap{
position: fixed;
width: 100%;
height: 50px;
text-align: center;
}
.footer-top-wrap p{
text-align: right;
width:100%;
display: inline-block;
}

.footer .col12 span{
display: inline-block;
margin-top: 1em;
}


}

@media screen and (min-width:960px) {
.article,.header {
font-size: 1em;
}
.fv{
background: #111414 url(../images/fv_back_base.png) repeat-x;
}
.feature-pure .feature-intro h1{
background: url(../images/feature_pure_icon@2x.png) no-repeat right center;
background-size:126px 39px;
}
.feature-face-v .feature-intro h1{
background: url(../images/feature_facev_icon@2x.png) no-repeat right center;
background-size:170px 39px;
}
.feature-point .col6{
min-height: 590px;
}
.feature-point .col4{
min-height: 620px;
}
.footer-top-wrap p{
width:960px;
}

}




@media screen and (-webkit-min-device-pixel-ratio: 2) {

}



/* addition */

strong {
	font-weight: 600;
}
p small {
	font-size: 0.8em;
}