@charset "Shift_JIS";




.inner960{
	box-sizing: border-box;
	width : 100%;
	width : 960px ;
	margin : 0px auto ;
}
.inner1200{
	max-width:1200px;
	min-width:960px;
	width:100%;
	margin-left:auto;
	margin-right:auto;
}

.concept_mainimagebox{
	width:100%;
	position:relative;
}
.concept_mainimage{
	width:100%;
}


.concept_caption_image{
	position: absolute ;
	bottom : 4px ;
	right : 4px ;
	width : 90px ;
	z-index : 5 ;
}/* 
.concept_mainimage_caption{
	position: absolute ;
	bottom : 4px ;
	right : 4px ;
	font-size : 12px ;
	color : #FFFFFF ;
	text-align : right ;
	text-shadow: 3px 3px 5px rgba(0,0,0,0.4), -3px -3px 5px rgba(0,0,0,0.4) ;
} */


.concept_mainimage_caption{
	position: absolute ;
	bottom : 4px ;
	right : 4px ;
	font-size : 12px ;
	color : #FFFFFF ;
	text-align : right ;
	text-shadow: 3px 3px 5px rgba(0,0,0,0.4), -3px -3px 5px rgba(0,0,0,0.4) ;
}


.concept_contentsec{
	box-sizing: border-box;
	display: block ;
	position: relative;
	width : 100% ;
	height : auto ;
	padding : 100px 20px ;
	overflow: hidden ;
}

.concept_contentsec_back{
	position: absolute;
	top : 0px ;
	left : 0px ;
	width : 100% ;
	min-width : 1280px ;
	z-index : 1 ;
}


.concept_catch{
	position: relative;
	width : 100% ;
	max-width: 830px ;
	margin : 0px auto ;
	z-index :4 ;
}

.concept_story{
	display: block ;
	position: relative;
	width : 100% ;
	max-width: 520px ;
	margin : 40px auto 0px;
	z-index :4 ;
}


.concept_visual{
	position: relative;
	display: block ;
	width : 100% ;
	margin : 80px auto 0px ;
	z-index: 4 ;
}












/* SP Site*/
@media screen and (max-width: 960px) {

.inner960{
	padding : 0px 20px ;
}



}




/* SP Site*/
@media screen and (max-width: 640px) {
.inner1200{
	min-width:320px;
	width:100%;
}
.concept_maincatch,
.concept_mainimagebox{
	min-width:320px;
	width:100%;
}


.mincho{
	font-family:'Noto Serif JP' , "Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
}

.subPageLogo img{
	width : 200px ;
}




.concept_mainimagebox{
}
.concept_mainimage{
}


.concept_caption_image{
}


.concept_contentsec{
	padding : 10vw 2vw 4vw;
}

.concept_contentsec_back{
	min-width:320px;
	min-height:90%;
}


.concept_catch{
	max-width : 100% ;
}

.concept_story{
}

.concept_visual{
	position: relative;
	display: block ;
	left : -20px ;
	width : calc( 100% + 40px ) ;
	max-width: 920px ;
	margin : 8vw auto 0px ;
	z-index: 4 ;
}






















}



