@charset "utf-8";

/*-----------------------------------------------------------
 common
-----------------------------------------------------------*/
#subcontracting .accent{
	background-image:url(../../images/subcontracting/accent.jpg);
}

#main p.pr{
	margin-bottom:75px;
	color:#e35513;
	font-size:180%;
	text-align:center;
	line-height:1.6;
}

#main h3{
	padding-bottom:8px;
	color:#94CA13;
	border-bottom:1px solid #94CA13;
}
#main h4{
	margin-bottom:8px;
}


#main section{
	border-radius:4px;
	background:#fff;
	padding:20px;
	margin-bottom:15px;
	border:1px solid #FAF6E9;
	box-shadow: 0px 4px 2px -1px rgba(241,235,228,0.6);
}

#main section p.catch{
	font-size:120%;
	font-weight:bold;
	font-family:Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
}

section .division{
	margin-bottom:24px;
}
#main section .division :last-child,
#main section .division p:last-child{
	margin-bottom:0;
}

.division.smooth{
	padding:28px 20px;
	background:#f8f7f7;
}
.division.rough{
	padding:28px 20px;
	background:#ffff;
}

#main .image{
	float:right;
	margin:0;
	margin-left:20px;
	text-align:center;
}
#main .image dd{
	margin-top:12px;
}

#main .rough .image{
	float:left;
	margin:0;
	margin-right:20px;
	text-align:center;
}


/* check
￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣*/
.check li{
	padding-left:10px;
}

.check li:before{
	content:"";
	position:relative;
	display:inline-block;
	left:-5px;
	width:15px;
	height:18px;
	background:url(../../images/common/icon/check.png) no-repeat top left;
}


/* table
￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣*/
table{
	font-size:83%;
}
table td{
	padding:3px 6px;
	border:1px solid #808080;
}

thead td{
	background:#f2f2f2;
}


/*-----------------------------------------------------------
 introduction
-----------------------------------------------------------*/


#main #introduction{
	margin-bottom:60px;
}

#main #introduction h3{
	padding:0;
	margin-bottom:20px;
	font-size:160%;
	border:none;
}

#main #introduction p{
	margin-bottom:0.8em;
}


#main #introduction h3 span{
	background: linear-gradient(transparent 88%, #FFF000 0%);
}

/*-----------------------------------------------------------
 work
-----------------------------------------------------------*/

#work dl{
	margin-bottom:12px;
}
#work dt{
	margin-bottom:6px;
	font-weight:bold;
}




/*-----------------------------------------------------------
 quality
-----------------------------------------------------------*/

#quality h3{
	margin-bottom:20px;
}

#quality p.image{
	float:right;
	width:47%;
}

#quality .explain{
	float:left;
	width:50%;
}

#quality .explain p{
	margin-bottom:10px;
}

#quality img{
	max-width:100%;
	height:auto;
}


#quality ul.list{
}

#quality ul.list li{
	margin-bottom:10px;
	padding:4px;
	color:#fff;
	background:#3ca6e3;
	text-align:center;
	box-sizing:border-box;
	border-radius:4px;
	font-size:84%;
}

#quality p.bottom-image{
	margin:0;
	padding-top:10px;
	clear:both;
}


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

.wrap p{
	margin-bottom:1.2em;
}

.wrap .accent h2 img{
	max-width:88%;
}

#main p.pr{
	margin:0 0 15px 0;
	font-size:100%;
}

#main .image{
	float:none;
	margin:0 0 15px 0;
	text-align:center;
}
#main .image dd{
	margin-top:12px;
}

#main section p.catch{
	font-size:100%;
	line-height:1.2;
}

#main section p.catch br{
	display:none;
}


.division.smooth{
	padding:18px 20px;
	background:#f8f7f7;
}
.division.rough{
	padding:18px 20px;
	background:#ffff;
}

#main .rough .image{
	float:none;
	margin:0 0 10px 0;
}

/* table
￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣ */
table{
	font-size:83%;
	margin-bottom:8px;
}

/*-----------------------------------------------------------
 introduction
-----------------------------------------------------------*/

#main #introduction{
	margin-bottom:20px;
}

#main #introduction h3{
	font-size:100%;
}

#main #introduction p{
	margin-bottom:0.8em;
}

/*-----------------------------------------------------------
 work
-----------------------------------------------------------*/

#work .division{
	margin-bottom:12px;
}

/*-----------------------------------------------------------
 quality
-----------------------------------------------------------*/

#quality h3{
	margin-bottom:20px;
}

#quality p.image{
	float:none;
	width:auto;
	background:#efefef;
	border-radius:8px;
	padding:10px;
}

#quality .explain{
	float:none;
	width:auto;
}

#quality .explain p{
	margin-bottom:10px;
}

#quality img{
	max-width:100%;
	height:auto;
}


#quality ul.list{
}

#quality ul.list li{
	margin-bottom:10px;
	padding:4px;
	color:#fff;
	background:#3ca6e3;
	text-align:center;
	box-sizing:border-box;
	border-radius:4px;
	font-size:84%;
}

#quality p.bottom-image{
	margin:0;
	padding-top:10px;
	clear:both;
}

/* access */

#access iframe{
	max-width: 100%;
}

/* //access */

}