@charset "UTF-8";
/* CSS Document */


/* 素材への想い
------------------------------------------------------------*/
#conceptBox			{ position:relative; overflow:hidden; }
.titleBox			{ width:100%; height:280px; padding:60px 0 60px 0; position:relative; }
.background-hack 	{
	background-image: url(../../concept/img/bg-concept.jpg);
	background-repeat       : no-repeat;
	background-position: center top;
    background-size         : ;
}
.PNG-text01			{ width:220px; text-align:left; position:absolute; left:20%; top:30px; z-index:20; }


.Citem				{ border-bottom:1px dotted #999; padding-bottom:40px; padding-left:3px;/*枠消え回避 */ margin-bottom:40px; /*text-align:justify; text-justify:distribute-all-lines;*/ overflow: hidden; }
.textBox			{ }
.textBox p			{ text-align:justify; text-justify:distribute-all-lines; }
.imgBox				{ width:288px; margin-top:20px; margin-left:20px; }
.Citem h3			{ font-size:1.75em; margin-bottom:15px!important; }
.Citem h4			{ font-size:1.55em; margin-bottom:30px; margin-top:0px!important; }
.Citem p 			{ font-size:1em; overflow: hidden;/*画像下テキスト回り込み回避 */ }


/* Right側（サイドボックス）
------------------------------------------------------------*/
#SDbox				{ text-align:justify; text-justify:distribute-all-lines; }
.SDbox_inner 		{ padding-top:10px; padding-left:3px;/*枠消え回避 */ margin-top:0; margin-bottom:40px;}
.SDbox_inner h4 	{ font-size:1.1em; letter-spacing:0.15em; text-align:left; border-bottom: 1px dotted #999; margin-top:0; margin-bottom:8px; padding-bottom:0px; padding-left:2px;/*枠消え回避 */ }
.SDbox_inner p		{ font-size:0.85em; font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; line-height: 2em; padding-left:2px;/*枠消え回避 */ }
.name				{ margin-top:15px; }



/* Right側（スクロールサイドナビ）
------------------------------------------------------------*/
#SDnavi									{ position: absolute; top: 180px; right: 0px; }
.SDnavi_inner 							{ margin-top:0; margin-bottom:40px; padding-left:3px;/*枠消え回避 */ }
.SDnavi_inner h4 						{ font-size:1.2em; letter-spacing:0.15em; text-align:left; border-bottom: 1px dotted #999; margin-top: 0px!important; margin-bottom:20px!important; padding-bottom:5px; color: #414141; }
.imgNavi								{ width:355px; }

/* PC用
------------------------------------------------------------*/
@media only screen and (min-width: 960px){

}

/* PC調整用
------------------------------------------------------------*/
@media only screen and (max-width:1200px){
.Citem h3			{ font-size:1.6.5em; margin-bottom:10px!important; }
.Citem h4			{ font-size:1.25em; margin-bottom:30px; margin-top:0px!important; }
.textBox			{ width:450px; }
 
}

@media only screen and (min-width: 960px) and (max-width:1000px) {

}

/* タブレット用
------------------------------------------------------------*/
@media only screen and (max-width: 959px) {
.right				{ float:none; }
.imgBox				{ margin-top:20px; margin-left:2px;/*枠消え回避 */ }
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
.imgBox				{ width:482px; overflow:hidden; }
.textBox			{ width:482px; overflow:hidden; }
}

/* スマートフォン 横(ランドスケープ)
------------------------------------------------------------*/
@media only screen and (min-width: 480px) and (max-width: 767px) {
.PNG-text01			{ width:220px; text-align:left; position:absolute; left:20%; top:30px; z-index:20; }
.Citem h3			{ font-size:1.65em; margin-bottom:10px!important;}
.Citem h4			{ font-size:1.4em; margin-bottom:30px; margin-top:0px!important; }
.imgBox				{ width:434px; overflow:hidden; display:inline; }
.textBox			{ width:434px; overflow:hidden; display:inline; }


#SDnavi				{ position: static!important; margin-top: 0px!important; }
.imgNavi			{ width:434px; overflow:hidden; display:inline; }

}


/* スマートフォン 縦(ポートレート)
------------------------------------------------------------*/
@media only screen and (max-width:480px){
.PNG-text01			{ width:220px; text-align:left; position:absolute; left:5%; top:30px; z-index:20; }
.textBox			{ padding-left:3px; /*枠消え回避 */ }
.Citem h3			{ font-size:1.45em; margin-bottom:0px!important;}
.Citem h4			{ font-size:1.23em; margin-bottom:20px; margin-top:0px!important; }
.imgBox				{ width:278px; overflow:hidden; }
.textBox			{ width:278px; overflow:hidden; }
div span			{ white-space: nowrap;}

#SDnavi				{ position: static!important; margin-top: 0px!important; }
.imgNavi			{ width:278px; overflow:hidden; }
}