#aboutus	#mainheader	{margin: 0;background: url("../image/aboutus_head.png") no-repeat;background-size: cover}

#philosophy{}
#dmessage,#gaiyo,#history,#category,#qualification,#manufacturename,#customer		{padding: 70px 0}
#dmessage,#history,#qualification,#customer		{background:#f7f7f7;}


#philosophy	.inner{text-align: center}
#philosophy	.inlineinner{display: inline-block;text-align: left}

#theme,#mission,#meaning,#action	{padding: 50px 0 0 0;}

#philosophy	.inner,#theme	.inner,#mission		.inner,#meaning	.inner,#action	.inner{max-width: 650px;margin: 0 auto;padding: 50px 0;border-bottom: 1px dotted #ccc;}

#action	.inner{border: none;}

#theme	.inner	{background:rgba(255,255,255,.55);}
#mission		.inner,#meaning	.inner,#action	.inner	{background:rgba(255,255,255,.75);}

#philosophy	{padding: 80px 0 150px 0;background: url("../image/kigyorinen.png") no-repeat bottom #b7d1f5;background-size: cover}


.rinen	{font-size: 120%;line-height: 180%;font-weight: 300;}

#theme	.innerbox{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;text-align: center}
#theme	.innerbox	p{width: 160px;height: 160px;line-height: 160px;margin: 0;font-size: 140%;letter-spacing: .1em; border-radius: 50%;background: #ccc;color: #fff;}
#theme	.innerbox	p:nth-child(2){margin: 0 5%;}
#theme	.innerbox	p:nth-child(1){background: #9ce0ea;}
#theme	.innerbox	p:nth-child(2){background: #86dc90;}
#theme	.innerbox	p:nth-child(3){background: #dcac50;}

#mission	{text-align: center}
#meaning	{text-align: center;margin-bottom: 20px;}
#action	{text-align: center;margin-bottom: 20px;}

/*代表あいさつ*/
#dmessage	.inner{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
#dmessage	.inner	.photo	{-ms-flex-preferred-size: 35%;flex-basis: 35%;}
#dmessage	.inner	.cmnt	{-ms-flex-preferred-size: 60%;flex-basis: 60%;padding-top: 1.5%;}
#dmessage	.daihyosign	{font-size: 120%;text-align-last: right;}


/*会社概要*/
#gaiyo	{}
#gaiyo	dl{display:-webkit-box;display:-ms-flexbox;display:flex;padding: 30px 0;border-bottom: 1px dotted #ccc;}
#gaiyo	dl.first{border-top: 1px dotted #ccc;}
.gh	{-ms-flex-preferred-size: 20%;flex-basis: 20%;font-weight: 500;}
#gaiyo	.cmnt{-ms-flex-preferred-size: 80%;flex-basis: 80%;}

.gaiyojusyo	a	{color: #333;text-decoration: none}

.gaiyohs	{display:-webkit-box;display:-ms-flexbox;display:flex;}
.gaiyojusyo	{-ms-flex-preferred-size: 50%;flex-basis: 50%;}
.gaiyohs	ul{-ms-flex-preferred-size: 18%;flex-basis: 18%;}
.gaiyohs	p{-ms-flex-preferred-size: 30%;flex-basis: 30%;}

#gaiyo	.map	{display: block;}
#gaiyo	.map	a{display: inline-block;margin-top: 10px;padding: 1px 40px;background:	#2d64af;color: #fff;text-decoration: none;letter-spacing: .1em;}

#gaiyo	.bank	li{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;width: 19em}

/*沿革*/
#history	.inner	{text-align: center;}
#history	dl{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap: wrap;flex-wrap: wrap;width: 50em;margin: 0 auto;}
#history	dt	{-ms-flex-preferred-size: 16em;flex-basis: 16em;margin: 5px 0;padding: 5px 0;border-bottom: 1px dotted #ccc;}
#history	dd	{-ms-flex-preferred-size: 34em;flex-basis: 34em;margin: 5px 0;padding: 5px 0;text-align:left;border-bottom: 1px dotted #ccc;}
#history	dt:nth-child(17),#history	dd:last-child	{border-bottom: 1px none;}

/*営業品目（部門紹介）*/
#category	{}
#category	dl#sale{border-top: 1px dotted #7da4d9;}
#category	dl{display:-webkit-box;display:-ms-flexbox;display:flex;padding: 25px 10px;border-bottom: 1px dotted #7da4d9;}
#category	dt{-ms-flex-preferred-size: 170px;flex-basis: 170px;font-weight: 500;}
#category	dd.cmnt{-ms-flex-preferred-size: calc(100% - 270px);flex-basis: calc(100% - 270px);}
#category	dd.more{-ms-flex-preferred-size: 70px;flex-basis: 70px;padding-top: 30px;text-align: center}
#category	dd	a{display: block;color: #2d64af;text-decoration: none;}
#category	strong{display:block;color:#7da4d9}

 .moreinfo{display: block;width:30px;height:30px;margin-bottom: 10px;border:2px solid;  border-color:	#2d64af 	#2d64af transparent transparent;transform:rotate(45deg)}


/*保有資格*/
#qualification	h4{max-width: 650px;margin: 0 auto 10px auto;font-weight: 500}
#qualification	ul	{max-width: 650px;margin: 0 auto 20px auto;padding-left: 1em;}
#qualification	li	{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
#qualification	.qname	{}
#qualification	.qnumber	{}

/*取り扱いメーカー*/
#manufacturename	{}
#manufacturename	.inner{display: block;margin-bottom: 50px;padding: 20px;border: 1px solid #ccc;}
#manufacturename	h4	{display: inline-block;padding: 1px 20px;background: #ccc;font-weight: 500;color: #fff;}
#manufacturename	ul	{overflow: hidden;}
#manufacturename	li	{float: left;width: 33%}

/*主な納入先*/
#customer	{}
#customer	.inner{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack: distribute;justify-content: space-around;}
.customerlist	{margin: 0 5%;overflow: hidden;}
.customerlist	li{float: left;width: 44%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
.customerlist	li{margin: 0 6% 0 0;}
.customerlist	li:nth-child(2n){margin: 0 0 0 6%;}
.customerlist	li	span	{display: block;}

/*リフォーム事例ギャラリー*/
#otherexample	{padding: 60px 0;border-bottom: 1px solid #ccc;}
#otherexample	.jissekiicon{text-align: center}
#otherexample	.jissekiicon	i	{font-size: 50px;font-weight: 400;color: #2d64af}
#otherexample	h4{margin-bottom: 10px;text-align: center;font-size: 25px;font-weight: 400;color: #2d64af}
#otherexample	.jisseki	{margin-bottom: 40px;text-align: center}
#otherexample	.gallery{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap: wrap;flex-wrap: wrap;}
#otherexample	.gallery	p{-ms-flex-preferred-size: 30%;flex-basis: 30%;margin: 0 1.5% 1.5% 1.5%}


@media screen and (max-width: 1100px) {
#category	dl{-ms-flex-wrap: wrap;flex-wrap: wrap;}
#category	dt{-ms-flex-preferred-size: 100%;flex-basis: 100%;}
#category	dd.cmnt{-ms-flex-preferred-size: calc(100% - 100px);flex-basis: calc(100% - 100px);}
 .moreinfo{display: inline-block;width:10px;height:10px;margin: 0 10px 0 0;}
}

@media screen and (max-width: 1100px) {
#category	dl#sale,#category	dl#construction,#category	dl#housing	{margin-top: -100px;padding-top: 130px}
#category	dl#sale{border-top: none;}
}
@media screen and (max-width: 980px) {



#customer	.inner{display: block;margin: 0 5%;}
.customerlist	{display: block;margin: 0;}
.customerlist	li{float: none;width: 100%;margin: 0;}
.customerlist	li,
.customerlist	li:nth-child(2n){margin: 0;}

#manufacturename	li	{width: 50%}

#theme	.innerbox	p{width: 120px;height: 120px;line-height: 120px;}

}



@media screen and (max-width: 768px) {
#dmessage	.inner{display:block;}
#dmessage	.inner	.photo	{margin: 0 15%  20px 15%;}

#gaiyo	dl{display:block;}
#gaiyo	dt{color: #2d64af;}
.gaiyohs{-ms-flex-wrap: wrap;flex-wrap: wrap;}
.gaiyojusyo	{-ms-flex-preferred-size: 100%;flex-basis: 100%;margin-bottom: 20px;}
.gaiyohs	ul{-ms-flex-preferred-size: 50%;flex-basis: 50%;}
.gaiyohs	p{-ms-flex-preferred-size: 50%;flex-basis: 50%;}

.gaiyojusyo	a	{color: #2d64af;text-decoration: underline}

#history	dl{display:block;width:auto;margin: 0 auto;}
#history	dt	{margin: 0;padding: 0;color: #2d64af;font-size: 90%;font-weight: 500;text-align:left;border: none;}
#history	dd	{margin: 0 0 5px 0;padding: 0 0 5px 0;}
#history	dt:nth-child(17){display: none;}

#category	dl{margin-bottom: 0;padding: 10px;}
#category	dt{color: #2d64af;}
#category	dd.cmnt{-ms-flex-preferred-size: 100%;flex-basis: 100%;}
#category	dd.more{-ms-flex-preferred-size: 100%;flex-basis: 100%;padding-top: 10px;text-align: left}
#category	dd	a{display: inline-block;}

	

#qualification	li	{-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;margin-bottom: 10px;}
#qualification	.qname	{color: #2d64af;font-size: 90%;font-weight: 500;}

#manufacturename	.inner{margin-bottom: 20px;}
#manufacturename	li	{float: none;width: auto}

#customer	.inner{-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;margin-bottom: 10px;}


#otherexample	.gallery	p{-ms-flex-preferred-size: 47%;flex-basis: 47%;margin: 0 1.5% 1.5% 1.5%}

}

@media screen and (max-width: 480px) {
#theme	.innerbox	p{width: 100px;height: 100px;margin: 0;line-height: 100px;}
#customer	.inner{margin: 0;}
.customerlist	li{display:block;width: auto;padding: 10px;border-bottom: 1px dotted #ccc;}
.customerlist	li	.city{text-align: right}
}