@charset "utf-8";

/*-------------------------------------------------------------------------------------------------------------------------------
* company
------------------------------------------------------------------------------------------------------------------------------- */
.section:not(:first-child){
	margin-top: 40px;
	padding-top: 40px;
	border-top: 1px dotted #989898;
}
.section h2{
	font-size: 17px;
	letter-spacing: 0.05em;
	margin-bottom: 1em;
}
.section h2 span{
	display: block;
	font-size: 8px;
	font-weight: normal;
}
@media all and (min-width: 768px) {
	.section:not(:first-child){
		margin-top: 80px;
		padding-top: 80px;
		border-top: 1px dotted #989898;
	}
	.section h2{
		font-size: 25px;
	}
	.section h2 span{
		font-size: 12px;
	}
}


/* section01 
===================================================================== */
.sec01_box01{
	line-height: 1.8;
}
.sec01_img01{
	width: 80%;
	margin: 0 auto 20px;
}
.sec01_txt03{
	margin-top: 30px;
	text-align: right;
	font-size: 15px;
}
.sec01_txt03 dd img{
	width: 130px;
	margin-top: 5px;
}

@media all and (min-width: 768px) {
	.sec01_box01{
		line-height: 2.2;
	}
	.sec01_img01{
		float: left;
		width: 376px;
		margin-bottom: 50px;
	}
	.sec01_txt01{
		float: right;
		width: 542px;
		margin-bottom: 30px;
	}
	.sec01_txt02{
		clear: both;
	}
	.sec01_txt03{
		font-size: 18px;
	}
	.sec01_txt03 dd img{
		width: 178px;
	}
}


/* section02
===================================================================== */
.table01 {
	width: 100%;
}
.table01 th{
	display: block;
	width: 100%;
	padding: 10px;
	background: #d1d1d1;
	font-weight: normal;
}
.table01 td{
	display: block;
	width: 100%;
	padding: 10px 10px 20px;
}

@media all and (min-width: 768px) {
	.table01 {
		width: 100%;
		border-top: 1px solid #d1d1d1;
	}
	.table01 th{
		display: table-cell;
		width: 290px;
		white-space: nowrap;
		padding: 20px 30px;
		background: #ededed;
		border-bottom: 1px solid #d1d1d1;
		vertical-align: middle;
	}
	.table01 td{
		display: table-cell;
		width: auto;
		padding: 20px 30px;
		border-bottom: 1px solid #d1d1d1;
		vertical-align: middle;
	}
}


/* philosophy
===================================================================== */
.philosophy_txt{
	font-size: 15px;
	font-weight: bold;
}
@media all and (min-width: 768px) {
	.philosophy_txt{
		font-size: 18px;
	}
}

/* vision
===================================================================== */
.vision_txt{
	font-size: 15px;
	font-weight: bold;
}
@media all and (min-width: 768px) {
	.vision_txt{
		font-size: 18px;
	}
}

/* guidelines
===================================================================== */
.guidelines_txt{
	font-size: 15px;
	font-weight: bold;
}
@media all and (min-width: 768px) {
	.guidelines_txt{
		font-size: 18px;
	}
}