/******************************************************************************************************

 common
 
***************************************************************************************************/


.section {
	width: 100%;
	padding-bottom: 35px;
	margin-bottom: 40px;
	border-bottom: 2px solid #ccc;
	box-sizing: border-box;
}
.section.last {
	margin-bottom:0;
	padding-bottom:0;
	border-bottom: none;
}
.section h4{
	color: #000;
	font-size: 15px;
	font-weight: bolder;
	margin-bottom: 15px;
}
.section h5{
	color: #888;
	margin-bottom: 5px;
}

@media screen and (max-width: 640px) {
}


/******************************************************************************************************

 top
 
****************************************************************************************************/

body.top .topSection#principle .topSectionInner { background: url(../img/top/bg_principle.jpg) 0 0 no-repeat; }
body.top .topSection#about .topSectionInner { background: url(../img/top/bg_about.jpg) 0 0 no-repeat; }
body.top .topSection#daikyogroup .topSectionInner { background: url(../img/top/bg_daikyogroup.jpg) 0 0 no-repeat; }
body.top .topSection#approach .topSectionInner { background: url(../img/top/bg_approach.jpg) 0 0 no-repeat; }
body.top .topSection#voice .topSectionInner { background: url(../img/top/bg_voice.jpg) 0 0 no-repeat; }

@media screen and (max-width: 640px) {
	body.top .topSection#principle .topSectionInner,
	body.top .topSection#about .topSectionInner,
	body.top .topSection#daikyogroup .topSectionInner,
	body.top .topSection#approach  .topSectionInner,
  body.top .topSection#voice  .topSectionInner{
		background: none;
	}
	body.top .topSection#approach .topSectionInner {
		margin-bottom: 0;
	}
}


/******************************************************************************************************

 principle
 
****************************************************************************************************/

/*-------------------------------------
read
-------------------------------------*/
body.principle .read  h5 {
	margin-bottom: 15px;
	font-weight: bolder;
	color: #333;
}
body.principle .read .fleft { width: 64%; }
body.principle .read .fleft p { margin-bottom: 20px; }
body.principle .read .fright {
	width: 34%;
	max-width:240px;
	margin-top: 50px;
}

/*-------------------------------------
section
-------------------------------------*/

body.principle .section table {
	width: 100%;
	margin-bottom: 20px;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	box-sizing: border-box;
}
body.principle .section th,
body.principle .section td {
	padding: 7px 10px;
	vertical-align: text-top;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	box-sizing: border-box;
}
body.principle .section th {
	width: 5.3em;
	text-align: center;
}
body.principle .section th.daikyo {
	background: #eee;
}
body.principle .section th.anabuki {
	background: #fbf5ed;
}
body.principle .section th.daikyoanabuki {
	color: #00b0e8;
	background: #e6f4f9;
}

body.principle .section span.daikyo { color: #ccc;}
body.principle .section span.anabuki { color: #f3e5d3;}
body.principle .section span.daikyoanabuki { color: #cbecf8;}

/*-------------------------------------
block01
-------------------------------------*/

.section.block01 h4 {
	margin-bottom: 25px;
}

@media screen and (max-width: 640px) {
	body.principle .read {  }
	body.principle .read .fleft {
		width: 100%;
		margin: 0 auto;
		float: none;
	}
	body.principle .read .fright {
		width: 70%;
		margin: 0 auto;
		float: none;
	}
	body.principle .section table {
		text-align: left;
	}
	body.principle .section th,
	body.principle .section td {
		width: 100%;
		text-align: left;
		display: block;
}
}



/******************************************************************************************************

 about
 
****************************************************************************************************/


/*-------------------------------------
section
-------------------------------------*/


body.about h5 {
	font-weight: bolder;
	margin-bottom: 5px;
}
body.about h5.subTtl {
	padding: 10px;
	margin-bottom: 20px;
	color: #333;
	font-weight: normal;
	font-size:14px;
	background: #eee;
}
body.about #leftArea p { margin-bottom: 25px; }


body.about .section table {
	width: 100%;
	margin-bottom: 20px;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	box-sizing: border-box;
}
body.about .section th,
body.about .section td {
	padding: 7px 10px;
	vertical-align: text-top;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	box-sizing: border-box;
}
body.about .section th {
	width: 16em;
	background: #eee
}
body.about .section.store table {
	margin-top: 15px;
}


@media screen and (max-width: 640px) {
	body.about .section th,
	body.about .section td {
		width: 100%;
		text-align: left;
		display: block;
}
}




/******************************************************************************************************

 approach
 
****************************************************************************************************/

body.approach h4.subTtl {
	padding: 10px;
	margin-bottom: 20px;
	color: #333;
	background: #eee;
}


body.approach .section {
	width: 100%;
	padding-bottom: 15px;
	margin-bottom: 0px;
	border-bottom: 0;
	box-sizing: border-box;
}

body.approach .section.sec01 {
	padding-bottom: 35px;
}
body.approach .section.sec04 {
	width: 100%;
	padding-bottom: 15px;
	margin-bottom: 40px;
	border-bottom: 2px solid #ccc;
	box-sizing: border-box;
}


body.approach .section.sec06 .fleft,
body.approach .section.sec06 .fright,
body.approach .section.last .fleft,
body.approach .section.last .fleft {
	width: 345px;
	max-width: 345px;
}





.unit {
	width: 730px;
	margin-right: -20px;
	overflow:hidden;
	zoom:1;
}
.unit .box {
	width: 345px;
	margin: 0 20px 20px 0;
	float: left;
}
.unit h4 {
	margin-bottom: 10px;
	font-weight: bolder;
}

.unit .copy {
	margin: 20px 0;
}
.unit .copy span {
	font-size: 10px;
	font-weight: normal;
	display: block;
}


@media screen and (max-width: 640px) {

body.approach .section.sec06 .fleft,
body.approach .section.last .fleft {
	width: 100%;
	max-width: 640px;
	float: none;
}
body.approach .section.sec06 .fright,
body.approach .section.last .fright {
	width: 100%;
	max-width: 345px;
	float: none;
	margin: 20px auto 0;
}


	.unit {
		width: 100%;
		max-width:640px;
		margin-right: 0;
	}
	.unit .box {
		width: 100%;
		max-width:345px;
		margin: 0 auto 20px ;
		float: none;
	}
}