@charset "UTF-8";
/** Common CSS Code**/

.inBlockTop {
	display: inline-block;
	vertical-align: top;
}

.heder_phone {
	display: inline-block;
	margin: 0 20px 0 0;
	line-height: 1em;
	text-align: left;
	vertical-align: middle;
}

.heder_phone .email {
	font-size: 28px;
	font-family: 'Oswald', sans-serif;
}

.heder_phone .phone {
	display: inline-block;
	font-size: 22px;
	font-family: 'Oswald', sans-serif;
	margin: 5px 0 0 0;
}

.heder_phone,
.heder_phone a {
	color: #ffffff;
}

.heder_phone a:hover{
	color: #ffd7b5;
	text-decoration: none;
}

footer .f_left_menu,
footer .f_right_menu {
	display: inline-block;
	vertical-align: top;
}

footer .f_left_menu .right_menu,
footer .f_right_menu .left_menu {
	display: none;
}

/*施工事例エディター*/
.CaseStudy .linesTxt4 .cleditorMain,
.CaseStudy .linesTxt5 .cleditorMain,
.CaseStudy .linesTxt6 .cleditorMain,
.CaseStudy .linesTxt7 .cleditorMain,
.CaseStudy .linesTxt8 .cleditorMain,
.CaseStudy .linesTxt9 .cleditorMain,
.CaseStudy .linesTxt10 .cleditorMain,
.CaseStudy .linesTxt11 .cleditorMain,
.CaseStudy .linesTxt12 .cleditorMain,
.CaseStudy .linesTxt13 .cleditorMain,
.CaseStudy .linesTxt14 .cleditorMain,
.CaseStudy .linesTxt15 .cleditorMain,
.CaseStudy .linesTxt16 .cleditorMain,
.CaseStudy .linesTxt17 .cleditorMain,
.CaseStudy .linesTxt18 .cleditorMain,
.CaseStudy .linesTxt19 .cleditorMain,
.CaseStudy .linesTxt20 .cleditorMain,

.CaseStudy .linesTxt4 .itemTxtBox,
.CaseStudy .linesTxt5 .itemTxtBox,
.CaseStudy .linesTxt6 .itemTxtBox,
.CaseStudy .linesTxt7 .itemTxtBox,
.CaseStudy .linesTxt8 .itemTxtBox,
.CaseStudy .linesTxt9 .itemTxtBox,
.CaseStudy .linesTxt10 .itemTxtBox,
.CaseStudy .linesTxt11 .itemTxtBox,
.CaseStudy .linesTxt12 .itemTxtBox,
.CaseStudy .linesTxt13 .itemTxtBox,
.CaseStudy .linesTxt14 .itemTxtBox,
.CaseStudy .linesTxt15 .itemTxtBox,
.CaseStudy .linesTxt16 .itemTxtBox,
.CaseStudy .linesTxt17 .itemTxtBox,
.CaseStudy .linesTxt18 .itemTxtBox,
.CaseStudy .linesTxt19 .itemTxtBox,
.CaseStudy .linesTxt20 .itemTxtBox,

tr.conf_txt5,
tr.conf_txt6,
tr.conf_txt7,
tr.conf_txt8,
tr.conf_txt9,
tr.conf_txt10,
tr.conf_txt11,
tr.conf_txt12,
tr.conf_txt13,
tr.conf_txt14,
tr.conf_txt15,
tr.conf_txt16,
tr.conf_txt17,
tr.conf_txt18,
tr.conf_txt19,
tr.conf_txt20,
tr.conf_txt21,

.CaseStudy .linesPhoto3 .noneBox,
tr.conf_file4

{
	display: none;
}


.CaseStudy .linesTxt4 th,
.CaseStudy .linesTxt5 th,
.CaseStudy .linesTxt6 th,
.CaseStudy .linesTxt7 th,
.CaseStudy .linesTxt8 th,
.CaseStudy .linesTxt9 th,
.CaseStudy .linesTxt10 th,
.CaseStudy .linesTxt11 th,
.CaseStudy .linesTxt12 th,
.CaseStudy .linesTxt13 th,
.CaseStudy .linesTxt14 th,
.CaseStudy .linesTxt15 th,
.CaseStudy .linesTxt16 th,
.CaseStudy .linesTxt17 th,
.CaseStudy .linesTxt18 th,
.CaseStudy .linesTxt19 th,
.CaseStudy .linesTxt20 th,

.CaseStudy .linesTxt4 td,
.CaseStudy .linesTxt5 td,
.CaseStudy .linesTxt6 td,
.CaseStudy .linesTxt7 td,
.CaseStudy .linesTxt8 td,
.CaseStudy .linesTxt9 td,
.CaseStudy .linesTxt10 td,
.CaseStudy .linesTxt11 td,
.CaseStudy .linesTxt12 td,
.CaseStudy .linesTxt13 td,
.CaseStudy .linesTxt14 td,
.CaseStudy .linesTxt15 td,
.CaseStudy .linesTxt16 td,
.CaseStudy .linesTxt17 td,
.CaseStudy .linesTxt18 td,
.CaseStudy .linesTxt19 td,
.CaseStudy .linesTxt20 td,

.CaseStudy .linesPhoto3 th,
.CaseStudy .linesPhoto3 td.pick_photo

{
	padding: 0!important;
	border: 0!important;
}

/*施工事例エディターここまで*/

/*施工事例表示*/
#NewsBox_Detail .Sub_pictures span.CountNumSub3 {
	display: none;
}

/*施工事例表示ここまで*/

.caseLink {
	width: 1200px!important;
	margin: 30px auto 0 auto!important;
	line-height: 1.5em;
}

.caseLink a {
	display: inline-block;
	margin: 0 0 0 1em;
}

#TopNews .flyer {
	width: 200px;
	margin: 0 20px 0 0;
	display: inline-block;
	vertical-align: top;
}

#TopNews .flyer img.flyer {
	width: 100%;
	margin: 35px auto 5px auto;
}

#TopNews .flyer img {
	width: 100%;
	margin: 0 auto;
}

#TopNews .flyer span {
	margin: 0 auto 20px auto;
	display: block;
	text-align: center;
}

#TopNews #NewsList .newsBox {
	width: calc(100% - 220px);
	vertical-align: top;
	display: inline-block;
}

#TopNews #NewsList h1 {
	font-size: 100%;
	margin: 0 auto 10px auto;
	padding: 0;
	width: 100%;
	position: relative;
	text-align: left;
}

/*施工事例カスタマイズ*/


#NewsBox_Detail .photo_box {
	display: inline-block;
	vertical-align: middle;
}

#NewsBox_Detail .Detaidate {
	padding: 0 0 5px 0;
}

#NewsBox_Detail .Detaidate .pickup {
	background-color: #000000;
	color: #ffffff;
	display: inline-block;
	padding: 0 10px;
	margin: 0 0 0 1em;
	vertical-align: middle;
	border-radius: 5px;
}

#NewsBox_Detail .photo_box a img {
	width: 100%;
}

#NewsBox_Detail .Sub_pictures a:hover img,
#NewsBox_Detail .photo_box a:hover img {
	filter: brightness(0.5);
}

#NewsBox_Detail .CountNumMain1 {
	width: 45%;
	margin: 0 5% 0 0;
}

#NewsBox_Detail .CountNumMain2 {
	width: 45%;
	margin: 0 0 0 5%;
}

#NewsBox_Detail .Main_pictures {
	position: relative;
}

#NewsBox_Detail .Main_pictures .arrows {
	position: absolute;
}

#NewsBox_Detail .BeforAfterTxt .photo_box {
	padding: 0 0 20px 0!important;
	vertical-align: top;
}

#NewsBox_Detail .CountNumMain3,
#NewsBox_Detail .CountNumMain4,
#NewsBox_Detail .CountNumMain5,
#NewsBox_Detail .CountNumMain6,
#NewsBox_Detail .CountNumMain7,
#NewsBox_Detail .CountNumMain8,
#NewsBox_Detail .CountNumMain9,
#NewsBox_Detail .CountNumMain10,
#NewsBox_Detail .CountNumMain11,
#NewsBox_Detail .CountNumMain12,
#NewsBox_Detail .CountNumMain13,
#NewsBox_Detail .CountNumMain14,
#NewsBox_Detail .CountNumMain15,
#NewsBox_Detail .CountNumMain16,
#NewsBox_Detail .CountNumMain17,
#NewsBox_Detail .CountNumMain18,
#NewsBox_Detail .CountNumMain19,
#NewsBox_Detail .CountNumMain20 {
	display: none;
}

#NewsBox_Detail .CountNumSub1,
#NewsBox_Detail .CountNumSub2 {
	display: none!important;
}

#NewsBox_Detail .Sub_pictures {
	display: flex;
	flex-wrap: wrap;
	margin: 0 auto 10px auto;
}

#NewsBox_Detail .Sub_pictures span {
	width: calc(20% - 10px);
	display: inline-block;
	margin: 5px;
	background-color: #cccccc;
	position: relative;
	height: 120px;
	overflow: hidden;
}

#NewsBox_Detail .Sub_pictures span img {
	width: 100%;
}

#NewsBox_Detail .CountNumSub1,
#NewsBox_Detail .CountNumSub2 {
	display: none;
}

/*会社概要*/
#company .president_photo {
	width: 80%;
	margin: 0 auto 20px auto;
	border-radius: 10px;
	display: block;
}

#company .ReadBoxSpace {
	width: 80%;
	margin: 0 auto 20px auto;
	display: block;
}

#service_index .contents_box_800 .itemBox {
	margin: 0 auto 50px auto;
	text-align: center;
}

#service_index .contents_box_800 .itemBox_end {
	margin: 0 auto;
	text-align: center;
}

#service_index .contents_box_800 h2 {
	width: 100%;
	background-color: #000000;
	color: #ffffff;
	padding: 5px;
	margin: 0 auto;
}

#service_index .contents_box_800 img {
	width: 100%;
	margin: 0 auto 10px auto;
	text-align: center;
}

#service {
	text-align: center;
}

#service .itemBox {
	height: 150px;
	position: relative;
	text-align: left;
}

#service .arrowBox {
	width: 150px;
	margin: 20px 0 20px 0;
	text-align: center;
}

#service .itemBox img {
	width: 150px;
	border-radius: 20px;
	border: #cccccc solid;
	border-width: 2px;
	vertical-align: middle;
	display: inline-block;
}

#service .itemBox .txtBox {
	width: calc(100% - 170px);
	margin: 0 0 0 20px;
	vertical-align: middle;
	display: inline-block;
}

#service .itemBox h2 {
	color: #fe8402;
	text-align: left;
	margin: 0 auto 10px auto;
}

#service .note {
	color: #cc0000;
	text-align: center;
	margin: 50px auto 0 auto;
}

.secSection {
	padding: 0 0 100px 0;
}

.lixilBox img {
	width: 190px;
	margin: 0 30px 0 0;
}

.lixilBox span.inBlockTop {
	width: calc(100% - 220px);
}

section.contactBox {
	text-align: center;
	padding: 0 0 100px 0;
}

.contactBox h1 {
	display: inline-block;
	line-height: 1.5em;
	margin: 0 auto 15px auto;
}

.contactBox img {
	width: 300px;
	margin: 0 auto 15px auto;
}


/* ------------------------------------------------------ */
/* Media Query for Tablets */
@media only screen and (max-width : 1920px) {
/* ------------------------------------------------------ */

}

/* ------------------------------------------------------ */
/* Media Query for Tablets */
@media only screen and (max-width : 1440px) {
/* ------------------------------------------------------ */

}

/* ------------------------------------------------------ */
/* Media Query for Tablets */
@media only screen and (max-width : 1250px) {
/* ------------------------------------------------------ */
	.heder_phone {
		margin: 0 80px 0 0;
	}
}

/* ------------------------------------------------------ */
/* Media Query for Tablets */
@media only screen and (max-width : 1024px) {
/* ------------------------------------------------------ */

}

/* ------------------------------------------------------ */
/* Media Query for Tablets */
@media only screen and (max-width : 950px) {
/* ------------------------------------------------------ */
#NewsBox_Detail .Sub_pictures span {
	width: calc(20% - 10px);
	height: calc(100vw * 0.12);
}
}

/* ------------------------------------------------------ */
/* Media Query for FAX */
@media only screen and (max-width : 800px) {
/* ------------------------------------------------------ */
.lixilBox h1{
	margin: 0 auto 30px auto;
}

}

/* ------------------------------------------------------ */
/* Media Query for FAX */
@media only screen and (max-width : 640px) {
/* ------------------------------------------------------ */

}

/* ------------------------------------------------------ */
/* Media Query for Lenobo to SmartPhone */
@media only screen and (max-width : 600px) {
/* ------------------------------------------------------ */
#NewsBox_Detail .Sub_pictures span {
	width: calc(100% / 3 - 10px);
	height: calc(100vw * 0.18);
}

.lixilBox img {
	width: 190px;
	margin: 0 auto 20px auto;
	display: block;
}

.lixilBox span.inBlockTop {
	width: 100%;
}

.lixilBox span.inBlockTop br {
	display: none;
}

#service_index .contents_box_800 .itemBox,
#service_index .contents_box_800 .itemBox_end {
	text-align: left;
}

#service_index .contents_box_800 .itemBox br,
#service_index .contents_box_800 .itemBox_end br {
	display: none;
}

.contactBox img {
	width: 200px;
}

.contactBox h1 {
	font-size: 20px;
}

#TopNews #NewsList .newsBox {
	width: 100%;
	display: block;
}

#TopNews #NewsList h1 {
	width: 100%;
	padding: 0;
}

#NewsList ul li a .list_txt {
	width: 100%!important;	
}

#TopNews .flyer {
    width: 200px;
    margin: 0 auto;
    display: block;
    vertical-align: top;
}

#TopNews .flyer img.flyer {
	width: 100%;
	margin: 0 auto 10px auto;
}

#TopNews .flyer img {
	width: 100%;
	margin: 0 auto;
}

/*会社概要*/
#company .president_photo,
#company .ReadBoxSpace {
	width: 100%;
}

	
}


/* ------------------------------------------------------ */
/* Media Query for FAX */
@media only screen and (max-width : 500px) {
/* ------------------------------------------------------ */
#service .itemBox {
	height: auto;
}

#service .itemBox br {
	display: none;
}

#service .itemBox img {
	width: 200px;
	display: block;
	margin: 0 auto 20px auto;
}

#service .itemBox .txtBox {
	width: 100%;
	margin: 0;
	display: block;
}

#service .itemBox h2 {
	text-align: center;
}

#service .arrowBox {
	width: 100%;
	margin: 10px auto 20px auto;
}

}

/* ------------------------------------------------------ */
/* Media Query for FAX */
@media only screen and (max-width : 420px) {
/* ------------------------------------------------------ */

}

/* ------------------------------------------------------ */
/* Media Query for FAX */
@media only screen and (max-width : 320px) {
/* ------------------------------------------------------ */ 

}