@charset "UTF-8";
/*レスポンシブサイズ設定*/
.page_company { width:100%; }
.sec { width:96%; margin:0 auto; max-width:980px; }
h2.page_tit { width:96%; margin:0 auto; max-width:980px; display:block; border-bottom:3px solid #ff8800; margin-bottom:3%; }
.page_company .sec {
	margin-bottom: 20px;
}
.page_company .sec .company_tit {
	background: #ff8800;
	padding: 10px;
	margin-bottom: 15px;
	color: #FFF;
	font-size: 22px;
}

@media only screen and (max-width: 640px) {
.page_company .sec .company_tit {
	font-size: 18px;
	margin-bottom: 10px;
}
}
.page_company .sec p{
	line-height: 1.75em;
}

.page_company .story img{
    height: auto;
    float: left;
    margin-right: 3%;
}

.page_company .story p { line-height:2rem; }
.page_company .gaiyo .company_tbl {
	width: 100%;
}
.page_company .gaiyo .company_tbl th, .page_company .gaiyo .company_tbl td {
	border-bottom: dotted 1px #ccc;
}
.page_company .gaiyo .company_tbl th {
	text-align: left;
}
/*
.page_company .gaiyo .company_tbl td .list {
	list-style: disc;
	margin-left: 15px;
}
*/

@media only screen and (min-width: 641px) {
.page_company .gaiyo .company_tbl th {
	width: 20%;
	padding: 10px;
}
}

.page_company li{
    list-style-type: none;
    list-style-position: inside;
    counter-increment: cnt;
    margin-bottom: 0.5em;
    text-indent: -1.5em;
    margin-left: 1.5em;
}

@media only screen and (max-width: 640px) {
.page_company .gaiyo .company_tbl th {
	width: calc(100% - 20px);
	display: block !important;
	border-bottom: none;
	padding: 10px 0 0 0;
}
}

@media only screen and (max-width: 640px) {
.page_company .gaiyo .company_tbl td {
	width: 100%;
	display: block !important;
	padding: 0 0 10px 0;
}
}
.page_company .map_area .map iframe {
	width: 100%;
	height: 500px;
}

@media only screen and (max-width: 640px) {
.page_company .map_area .map iframe {
	height: 250px;
}
}

/*取扱工事一覧*/
.page_company .koji { margin-bottom:5%; }
.page_company .koji .list{
	-js-display: flex;
	display: flex;
	flex-wrap: wrap;
	line-height: 2em;
	margin: 0 0 15px;
}
.page_company .koji .list>li{
	flex: auto;
}
@media only screen and (max-width: 755px) {
.page_company .koji .list>li{
	width: 48%;
}
}
@media only screen and (max-width: 400px) {
.page_company .koji .list>li{
	width: 100%;
}
}

.page_company .koji .list li:before{
	content: '▶';
	font-size: 4px;
	color: #ccc;
	margin-right: 5px;
}
.page_company .koji .list>li:before{
	color: #d50000;
}

.history ol { margin-left:3%; }

#showroom_maruei { width:100%; background-image:url(../page_image/top/showroom_bg.jpg); background-size:cover; padding:3% 0; margin-bottom:5%; text-align:center; }
#showroom_maruei a { display:block; color:#000; text-decoration:none;}
#showroom_maruei h2 { font-size:220%; font-weight:normal; margin-bottom:2%; }
#showroom_maruei .inner { max-width:980px; width:96%; margin:0 auto; padding:2%; background:rgba(255, 255, 255, 0.8); }
#showroom_maruei .inner .left { width:30%; margin-right:2%; display:inline-block; vertical-align:top; }
#showroom_maruei .inner .right { width:67%; display:inline-block; text-align:left; vertical-align:top; }
#showroom_maruei .inner .right dt,dd { display:inline-block; }
#showroom_maruei .inner .right dt { width:20%; }
#showroom_maruei .inner .right dd { width:80%; }
#showroom_maruei .inner .btn_g { width:50%; margin:0 auto; }

@media only screen and (max-width: 414px) {
#showroom_maruei h2 { font-size:120%; font-weight:normal; margin-bottom:2%; }
#showroom_maruei .inner .left { width:100%; margin-right:0; display:block; vertical-align:top; }
#showroom_maruei .inner .right { width:100%; display:block; text-align:left; vertical-align:top; }
}