@charset "UTF-8";



/*
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
*/

body {
	min-width:960px;
}

@media screen and (max-width:768px){
	
body {
	min-width:100%;
}
}

#nasben_contents {
	font-size: 62.5%;
}
#nasben_contents{
	background-color: #ffffff;
	font-family: "Noto Sans Japanese", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "MS Pゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
	font-weight: 300;
}
#nasben_contents *{
	box-sizing: border-box;
}
#nasben_contents ul li{
	list-style: none;
}

p img {
	vertical-align: bottom;
}

@media screen and (max-width:768px){
	#nasben_contents{
		min-width: 100%;
	}
	#nasben_contents img{
		width: 100%;
	}
}

/* Modules
---------------------------------------------------------- */
.clearfix:after{
	content:".";
	display:block;
	height:0px;
	clear:both;
	visibility:hidden;
	font-size: 0.1em;
}
.clearfix{
	display:block;
}
#nasben_contents .onlySP{
	display: none;
}
@media screen and (max-width:768px){
	#nasben_contents .onlyPC { display: none;}
	#nasben_contents .onlySP { display: block;}
	#nasben_contents img.onlySP { display: inline-block;}
}



/* SP NAVI
---------------------------------------------------------- */



/* 基本設定 解除
	---------------------------------------------------------- */


.onlySP { display:none;}
.sp_footer {
	display:none;
}

#container {
    width: 960px!important;
}

#content.noNavi #topicPath {
	width:960px!important;
}

#content.noNavi {
	width:960px!important;
}

@media screen and (max-width:768px){
	
	
	#container {
    width: 100%!important;
}

#content.noNavi #topicPath {
	width:100%!important;
}

#content.noNavi {
	width:100%!important;
}
	
	
	.onlySP { display:block;}
	.onlyPC { display:none;}
	.voiceGuide { display:none;}
	#header { display:none;}
	#topicPath { display:none;}
	
	#container { width:100%; padding-bottom:25px;}
	div#content.noNavi { width:100%;!important}
	
	
	#footer {margin-top:0;}
	#footContents { display:none;}
	#footer .pageTop { width:100%; display:none;}
	#footContents .footLinks  { width:100%;}
	#footContents .footLinks .linkCol li { float:none;}
	
	#companyCol .inner{
		width: 100%;
		padding: 0 0 10px;
	}
	
	
	#companyCol .leftBlock{
		float: none;
		width: 100%;
	}
	
	#companyCol .rightBlock{
		float: none;
		width: 100%;
		padding-top: 7px;
		text-align: center;
	}
	
	#companyCol .leftBlock ul{
		display: flex;
		flex-flow: row wrap;
		justify-content:center;
		align-items:stretch;

		/*--- IE10 逕ｨ ---*/
		display:-ms-flexbox;
		-ms-flex-flow:row wrap;
		-ms-flex-pack:center;
		-ms-flex-align:stretch;

		/*--- Android繝悶Λ繧ｦ繧ｶ逕ｨ ---*/
		display:-webkit-box;
		-webkit-box-direction:row;
		-webkit-box-pack:center;
		-webkit-box-align:stretch;

		/*--- safari��PC�臥畑 ---*/
		display:-webkit-flex;
		-webkit-flow:row wrap;
		-webkit-justify-content:center;
		-webkit-align-items:stretch;
		
		flex-wrap:5;
		
		background: url(../img/common/bg_line02.png) repeat-x center 40%;
	}
	
	#companyCol .leftBlock ul li{
		float: none;
		width: 20%;
		text-align: center;
		box-sizing: border-box;
		margin: 0 0 10px 0;
		padding: 0 8px;
		border-right: solid 1px #4d4d4f;
		font-size: 72%;
		line-height: 1;
		white-space: nowrap;
	}
	
	#companyCol .leftBlock ul li:nth-child(1),
	#companyCol .leftBlock ul li:nth-child(2){
		width: 18%;
	}
	
	#companyCol .leftBlock ul li:nth-child(4),
	#companyCol .leftBlock ul li:nth-child(5){
		width: 22%;
	}
	
	#companyCol .leftBlock ul li:nth-child(6),
	#companyCol .leftBlock ul li:nth-child(7){
		margin: 18px 0 13px 0;
		width: auto;
		
	}

}


	

