@charset "UTF-8";
/*====================================
	for works.html
	Date of 2016.6.15
====================================*/

.contentsBg {
	background: #EFEFEF;
	padding: 15px 0;
	margin-bottom: 40px;
}
#promise {
	text-align: center;
	margin-bottom: 20px;
}
#promise .terms {
	background: #586480;
	color: #FFF;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	display: inline-block;
	width: 49%;
	margin-bottom: 5px;
	padding: 2px 0;
	line-height: 1.5em;
}
#promise .first {
	margin-right: 2%;
}
#promise .motto {
	display: block;
	font-size: 210%;
	line-height: 1.5em;
}
#promise .brand {
	font-family: "游明朝", YuMincho,"ヒラギノ明朝 Pr6 W6","Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝","MS PMincho",Meiryo, serif;
	text-align: center;
	font-weight: 900;
	font-size: 120%;
	display: block;
}
.promiseCopy {
	margin-bottom: 15px;
}
#brandImg {
	margin-bottom: 40px;
}
#brandImg li {
	text-align: center;
	position: relative;
	margin: 0 auto 5px;
	width: 75%;
}
#brandImg a {
	display: block;
}
#brandImg img {
	display: block;
	width: 100%;
}
#brandImg p {
	width: 100%;
	color: #FFF;
	font-size: 105%;
	position: absolute;
	bottom: 0;
    background-color: rgba(35, 24, 21, 0.8);
	padding: 0.8% 0;
}
.worksIndex {
	font-family: "游明朝", YuMincho,"ヒラギノ明朝 Pr6 W6","Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝","MS PMincho",Meiryo, serif;
	text-align: center;
	font-weight: 900;
	font-size: 135%;
	line-height: 1.5em;
	margin-bottom: 20px;
}
.kodawari li {
	margin-bottom: 25px;
}
.kodawari li img {
	display: block;
	margin: 0 auto 5px;
	width: 20%;
}
.kodawari dt {
	text-align: center;
	font-size: 115%;
	margin-bottom: 10px;
	color: #595757;
}
.kodawari dt a,
.threePillarContents dt a {
	text-decoration: none;
	color: #172A88;
	border-bottom: 1px solid #172A88;
	padding: 0 2px;
	line-height: 1.8em;
}
.kodawari dt a:after,
.threePillarContents dt a:after {
	content: "\f08e";
    font-family: FontAwesome;
	padding-left: 5px;
}
.kodawari dd {
	font-size: 95%;
}
.threePillarsTitle {
	font-size: 170%;
	text-align: center;
	line-height: 1.5em;
}
.threePillarsIndex {
	font-family: "游明朝", YuMincho,"ヒラギノ明朝 Pr6 W6","Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝","MS PMincho",Meiryo, serif;
	font-weight: 900;
	font-size: 170%;
	line-height: 1.5em;
	margin-bottom: 10px;
}
.pillarNumber {
	color: #005794;
	font-size: 400%;
	font-weight: 900;
	line-height: 1;
	font-family: "游明朝", YuMincho,"ヒラギノ明朝 Pr6 W6","Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝","MS PMincho",Meiryo, serif;
	float: left;
}
.threePillarsWrapper {
	margin-bottom: 20px;
}
.threePillarContents {
	width: 83%;
	float: right;
}
.threePillarContents dl {
	margin-bottom: 15px;
}
.threePillarContents dt {
	font-size: 110%;
	margin-bottom: 5px;
}
.threePillarContents dd {
	font-size: 95%;
}
.threePillarContents img {
	display: block;
	margin-bottom: 15px;
}
.factoryTourInfo {
	margin-bottom: 15px;
}
.factoryTourInfo dt {
	font-size: 150%;
	margin-bottom: 10px;
}
.factoryTourImg {
	display: block;
	margin: 0 auto 20px;
}
#sampleMenu {
	margin-bottom: 30px;
}
#sampleMenu li {
	width: 48%;
	float: left;
	margin: 0 4% 10px 0;
}
#sampleMenu li:nth-child(even) {
	margin-right: 0;
}
#sampleMenu li a {
	display: block;
	text-decoration: none;
	color: #FFF;
	transition: all .3s;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
}
#sampleMenu li span {
	font-size: 100%;
	background: rgba(0,0,0,0.8);
	width: 100%;
	display: block;
	padding-left: 8px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
#sampleMenu li span:before {
	content: "\f0da";
    font-family: FontAwesome;
	padding-right: 5px;
}
#sampleMenu .sMlarge a {
	background: url(../images/works_pic_l.jpg) 0 0 no-repeat;
	background-size: contain;
	padding-top: 64.583333333333%;
}
#sampleMenu .sMmedium a {
	background: url(../images/works_pic_m.jpg) 0 0 no-repeat;
	background-size: contain;
	padding-top: 64.583333333333%;
}
#sampleMenu .sMsmall a {
	background: url(../images/works_pic_s.jpg) 0 0 no-repeat;
	background-size: contain;
	padding-top: 64.583333333333%;
}
#sampleMenu .sMconstruction a {
	background: url(../images/works_pic_c.jpg) 0 0 no-repeat;
	background-size: contain;
	padding-top: 64.583333333333%;
}

/* 480px～ */
@media print, screen and (min-width: 480px){
.threePillarContents {
	width: 87%;
}
}
/* 769px～ */
@media print, screen and (min-width: 769px){
#promise .terms {
	width: 30%;
	font-size: 170%;
}
#promise .first {
	margin-right: 2%;
}
#promise .motto {
	font-size: 500%;
	line-height: 1.5em;
}
#promise .brand {
	font-size: 200%;
	margin-bottom: 45px;
}
.promiseCopy {
	width: 69%;
	margin: 0 auto 20px;
}
#brandImg li {
	width: 32.6%;
	float: left;
	margin-right: 1%;
	transition: all .3s;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
}
#brandImg li:hover {
	transition: all .3s;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	opacity: 0.7;
}
#brandImg p {
	font-size: 110%;
	padding: 0;
}
#brandImg li:last-child {
	margin-right: 0;
}
.worksIndex {
	font-size: 180%;
}
.kodawari li {
	float: left;
	width: 33.333333333333%;
	padding: 0 18px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border-left: 1px solid #000;
	margin-bottom: 40px;
}
.kodawari li:last-child {
	border-right: 1px solid #000;
}
.kodawari li img {
	width: 32%;
}
.kodawari li a:hover {
	color: rgba(23,42,136,0.65);
}
.kodawari dd {
	line-height: 1.5em;
}
.threePillarsTitle {
	font-size: 250%;
}
.worksIndex {
	font-size: 190%;
}
.pillarNumber {
	font-size: 600%;
	font-weight: normal;
}
.threePillarContents {
	width: 89%;
}
.threePillarsIndex {
	font-size: 190%;
	margin-bottom: 25px;
}
.threePillarContents dt {
	font-weight: 600;
}
.threePillarContents .left {
	float: left;
	width: 58%;
}
.threePillarContents img {
	float: right;
	width: 38.7%;
}
.threePillarContents a:hover {
	color: rgba(23,42,136,0.65);
}
.threePillarsWrapper {
	margin-bottom: 35px;
}
.factoryTourInfo {
	float: left;
	width: 50%;
	padding-top: 10px;
}
.factoryTourInfo dt {
	font-size: 220%;
	margin-bottom: 20px;
}
.factoryTourImg {
	float: right;
	margin-bottom: 40px;
}
#sampleMenu {
	margin-bottom: 50px;
}
#sampleMenu li {
	width: 24.2%;
	float: left;
	margin: 0 1% 0 0;
	transition: all .3s;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
}
#sampleMenu li:nth-child(even) {
	margin-right: 1%;
}
#sampleMenu li:last-child {
	margin-right: 0;
}
#sampleMenu li:hover {
	opacity: 0.7;
	transition: all .3s;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
}
}