body{background:#FFFCF9;}

#concept-page{color:#6C675C;line-height:2.2;font-size:12px;/*letter-spacing:.05em;*/}

#concept-main-visual{background:#E5DCD5;text-align:center;}
#concept-main-visual img{width:100%;max-width:1200px;}

#concept-catch{font-size:18px;text-align:center;margin-top:60px;margin-bottom:30px;}
#concept-lead{text-align:center;margin-bottom:120px;}


.concept-doc{margin-left:40px;position:relative;}
.concept-doc h2{font-size:18px;}
.concept-doc h2.line{margin-bottom:0;padding-bottom:20px;border-bottom:solid 1px #D5D4D1;}
.concept-doc h3{font-size:15px;margin-bottom:40px;}
.concept-doc p{line-height:2.2;}
.concept-doc .eng{
	font-size:14px;font-family:'linotype-sabon',serif;
	display:inline-block;position:relative;top:-1.2em;background:#FFFCF9;padding-right:1em;
}
.concept-doc img.type{position:absolute;top:0;right:-100px;z-index:-1;}

#concept-terrace{
	display:flex;flex-direction:row-reverse;justify-content:space-between;
	max-width:1200px;margin:0 auto 120px;
}
#concept-terrace .terrace-image{width:50%;box-sizing:border-box;}



@media screen and (min-width:1200px){
	#concept-page{font-size:14px;}/* 12 */
	#concept-catch{font-size:20px;}/* 18 */
	.concept-doc h2{font-size:20px;}/* 18 */
	.concept-doc h3{font-size:17px;}/* 15 */
	.concept-doc .eng{font-size:16px;}/* 14 */
}

@media screen and (max-width:1199px){
	#concept-terrace{display:block;}
	#concept-terrace .terrace-image{width:100%;padding-left:40px;margin-bottom:70px;}
	#concept-terrace .terrace-image img{width:100%;}
	.concept-doc img.type{width:170px;right:-40px;}
}

@media screen and (max-width:767px){
	#concept-lead{margin-bottom:80px;}
	#concept-terrace{margin-bottom:50px;}
	#concept-terrace .terrace-image{margin-bottom:40px;}
	.concept-doc h3{margin-bottom:20px;}
}




.para{
	max-width:1200px;margin:0 auto 100px;padding-top:200px;
	background:center / cover no-repeat;text-align:right;
}
.para-g{background-image:url(../jpg/bg-g-pc.jpg);}
.para-r{background-image:url(../jpg/bg-r-pc.jpg);}
.para-e{background-image:url(../jpg/bg-e-pc.jpg);}

@media screen and (max-width:1199px){
	.para{margin-bottom:100px;}
	.para img{height:150px;}
	.para-g{background-image:url(../jpg/bg-g-sp.jpg);}
	.para-r{background-image:url(../jpg/bg-r-sp.jpg);}
	.para-e{background-image:url(../jpg/bg-e-sp.jpg);}
}
@media screen and (max-width:767px){
	.para{margin-bottom:60px;}
}

.concept-flex{
	max-width:1200px;margin:0 auto 100px;
	display:flex;justify-content:space-between;
}
.concept-flex.reverse{flex-direction:row-reverse;}
.concept-flex.reverse .concept-doc{padding-top:100px;}
.concept-flex .concept-doc{width:30%;}
.concept-flex .concept-slider{width:65%;}

@media screen and (max-width:1199px){
	.concept-flex{display:block;margin-bottom:60px;}
	.concept-flex.reverse .concept-doc{padding-top:40px;}
	.concept-flex .concept-doc{width:auto;margin-right:40px;margin-bottom:50px;}
	.concept-flex .concept-slider{width:auto;}
}
@media screen and (max-width:767px){
	
}

.concept-slider .swiper-container{padding-bottom:50px;}
.concept-slider .swiper-container-horizontal > .swiper-scrollbar {height:8px/* 2px */;background:rgba(255,255,255,1);bottom:20px;border-top:solid 1px #ccc;cursor:pointer;width:80%;}
.concept-slider img{width:100%;}
.concept-slider .swiper-pagination-bullet-active{background:#7E736A;}

.swiper-button-prev, .swiper-container-rtl .swiper-button-next{background-image:url(../png/slider-left.png);}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev{background-image:url(../png/slider-right.png);}
.swiper-button-next, .swiper-button-prev{width:40px;height:40px;}
.swiper-button-next, .swiper-button-prev{background-size:40px 40px;}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next{left:5%;}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev{right:5%;}
/* .swiper-wrapper { transition-timing-function: linear; } */


.fadein{opacity:0;transition:opacity 1500ms 0s ease-in-out;}

.anc{position:relative;top:-120px;}
#concept-anchor{
	position:fixed;left:10px;top:calc(50% - 78px);display:flex;flex-direction:column;z-index:1;
	opacity:0;transition:opacity 1500ms 0s ease-in-out;
}
#concept-anchor li a{display:block;text-decoration:none;}
#concept-anchor li a span{position:relative;top:1px;font-size:11px;font-family:'linotype-sabon',serif;color:#000;}
#concept-anchor li a.select,#concept-anchor li a.mover{background:url(../png/anchor-select.png) left no-repeat;}

@media screen and (max-width:767px){
	#concept-anchor{display:none;}
}