@charset "utf-8";
/* 追加のcssはここに書いてください。ページごとのcssもページについたクラスから追加することができます。*/
/*見出し*/
h3,h4,h5{
	color:#f97306;/*テーマカラーに変更*/
}
h3,.post_content h3{
font-size:30px;
margin-bottom:30px;
}
h3.title span {
    font-size: 16px !important;
	margin-bottom:0;
}
h4,.post_content h4{
font-size:22px;
margin:10px 0;
}
h5,.post_content h5{
	margin-bottom:0;
font-size:18px;
}
.bk{
	color:#000000;
}
/*見出しの下に点線*/
.under{
    border-bottom: 1px dashed #f97306;/*テーマカラーに変更*/
}
/*見出しの下に2色の線*/
.under2{
  position: relative;
  padding: 1rem 2rem;
  border-bottom: 6px solid #ccc;
}

.under2:before {
  position: absolute;
  bottom: -6px;
  left: 0;
  width: 10%;
  height: 6px;
  content: '';
  background: #f97306;/*テーマカラーに変更*/
}
/*見出しの下真ん中だけライン*/
.under3 {
  position: relative;
  /*padding: 1.5rem;*/
  text-align: center;
}

.under3:before {
  position: absolute;
  bottom: -10px;
  left: calc(50% - 30px);
  width: 60px;
  height: 5px;
  content: '';
  border-radius: 3px;
  background: #f97306;/*テーマカラーに変更*/
}
/*ポイント*/
.point {
  position: relative;

}

.point:before {
    position: relative;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    display: inline-block;
    font-size: 1.0em;
    color: #f97306;/*テーマカラーに変更*/
    content: "\f0eb";/*f33b,f061,f101,f35a,f054,f138,f152,f0da*/
    padding-right: 0.2em;
    top: 0;
}
/*価格*/
.price {
  position: relative;

}

.price:before {
    position: relative;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    display: inline-block;
    font-size: 1.0em;
    color: #f97306;/*テーマカラーに変更*/
    content: "\f155";/*f33b,f061,f101,f35a,f054,f138,f152,f0da*/
    padding-right: 0.2em;
    top: 0;
}
/*種類*/
.kinds {
  position: relative;

}

.kinds:before {
    position: relative;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    display: inline-block;
    font-size: 1.0em;
    color: #f97306;/*テーマカラーに変更*/
    content: "\f46d";/*f33b,f061,f101,f35a,f054,f138,f152,f0da*/
    padding-right: 0.2em;
    top: 0;
}
/*見出しの左にマーク*/
.arrow{
position: relative;
/*color: #c30d23;/*テーマカラーに変更*/
}
.arrow:before {
    position: relative;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    display: inline-block;
    font-size: 1.0em;
    color: #f97306;/*テーマカラーに変更*/
    content: "\f101";/*f33b,f061,f101,f35a,f054,f138,f152,f0da*/
    padding-right: 0.2em;
    top: 0;
}
/*見出しの左に二重線*/
.double_line {
  position: relative;
  padding: 0.2rem 2rem !important;
  border-left: 4px solid #f97306;/*テーマカラーに変更*/
}

.double_line:before {
  position: absolute;
  top: 0px;
  left: 4px;
  width: 100%;
  height: 100%;
  content: '';
  border-left: 2px solid #f97306;/*テーマカラーに変更*/
}
@media screen and (max-width: 767px) {

h3,.post_content h3{
font-size:24px;
margin-bottom:15px;
	text-align:center;
}

h4,.post_content h4{
font-size:20px;
margin-bottom:15px;
}
h5,.post_content h5{
font-size:16px;
}
}
	
	
/*flex*/
.flex{
  	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
  	-ms-flex-wrap: wrap;
  	flex-wrap: wrap;
}
.flex_a{
  	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
  	-ms-flex-wrap: wrap;
  	flex-wrap: wrap;
	-ms-flex-pack: distribute;
	justify-content: space-around;
}
.flex_b{
  	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
  	-ms-flex-wrap: wrap;
  	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.flex_c{
  	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
  	-ms-flex-wrap: wrap;
  	flex-wrap: wrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}
.flex_c2{
  	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
  	-ms-flex-wrap: wrap;
  	flex-wrap: wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

@media screen and (max-width: 768px) {
	.flex,.flex_a,.flex_b,.flex_c,.flex_c2{
		display: block;
	}
}
/*cta*/
.cta_tel,.cta_line{
background: #f97306;/*テーマカラーに変更*/
}
.home .row8 {/*場所を指定*/
    margin-bottom: 120px !important;
    background-color: #efefef !important;/*背景色（テーマの薄い色）*/
padding: 0 0;
}

.home .row8 .tcd-pb-col {/*場所を指定*/
    padding: 60px 0;
    width: 1200px !important;
    margin: 0 auto;
    float: none;
}
@media screen and (max-width: 768px) {
.home .row8 .tcd-pb-col {/*場所を指定*/
    padding: 60px 15px;
    width: 100% !important;
    margin: 0 auto;
    float: none;
}
}
/*施工事例の色変更*/
.cat_list li a:hover,
.cat_list_btn li a:hover,
body.blog .cat_list li.top a,
body.category-cat1 .cat_list_btn li.cat_item_1 a,
body.category-cat2 .cat_list_btn li.cat_item_2 a,
body.category-cat3 .cat_list_btn li.cat_item_3 a,
body.category-cat4 .cat_list_btn li.cat_item_4 a,
body.category-cat5 .cat_list_btn li.cat_item_5 a,
body.category-cat6 .cat_list_btn li.cat_item_6 a,
body.category-cat7 .cat_list_btn li.cat_item_7 a,
body.category-cat8 .cat_list_btn li.cat_item_8 a,
body.category-cat9 .cat_list_btn li.cat_item_9 a,
body.category-cat10 .cat_list_btn li.cat_item_10 a
{
	background:#f97306;/*テーマカラーに変更*/
}
/*mywidget*/
.mywidget a{
    background: #f97306;/*テーマカラーに変更*/
    color: #ffffff;
    text-align: center;
    padding: 20px;
}
.mywidget a:hover{
    background: #f97306;/*テーマカラーに変更*/
    color: #ffffff;
}
.tcd-pb-row .clearfix{
width:1200px ;
margin:0 auto !important;
}

.myset .subtitle{
	font-size:22px;
}
.pc_center {
	text-align:center;
}
@media screen and (max-width:768px) {
.myset .subtitle{
display:none;
}
	.pc_center {
	text-align:left;
}
}
/*画面端まで*/
.home .row4{/*該当のrowの番号を指定してください。*/
width: 100%;
padding-top:60px !important;
background:#efefef !important;
}
.home .row5{/*該当のrowの番号を指定してください。*/
width: 100%;
padding-bottom:60px !important;
background:#efefef !important;
}
a.mainc a{
display:block;　/*←目的2で入れている*/
padding:20px 5px; /*←目的2で入れている*/
line-height: 2;
text-align: left;
background: #fff;
color:#000000;
}
a.mainc .image_wrap {
display: block;
width: 100%;
overflow: hidden;
margin-bottom:20px
}
a.mainc .image {
display: block;
-webkit-transition: -webkit-transform 0.5s ease-in;
-moz-transition: -moz-transform 0.5s ease-in;
transition: transform 0.5s ease-in;
}


a.mainc:hover img{
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
transform: scale(1.2);
}
span.desc{
padding: 0 29px;
margin: 18px 0;

word-break: break-all;
overflow: hidden;
display:block;
	line-height:2.2;
}
.page-id-1298 #page_content img,
.page-id-1295 #page_content img{
	width:100%;
}
/*スマホ用*/
@media screen and (max-width:768px) {

.index_post_slider .title span {
 font-size: 14px !important;
 text-align: left;
}
	
span.desc{
padding: 0 0px;
margin: 18px 0;

word-break: break-all;
overflow: hidden;
display:block;
	line-height:2.2;
}
.tcd-pb-row .clearfix {
width:95%;
}
}
.tcd-pb-col{
	padding:0 15px;
}


.list{
  	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
  	-ms-flex-wrap: wrap;
  	flex-wrap: wrap;
}
.list li{padding-right: 2em;}

.page-id-1301 .flex dl{
	padding-right:80px
}
@media screen and (max-width:768px) {
.page-id-1301 .flex dl{
	padding-right:0px
}
}

/*高さをそろえる*/
.page-id-1289 .row8 .clearfix,
.page-id-1289 .row12 .clearfix,
.page-id-1289 .row15 .clearfix,
.page-id-1289 .row16 .clearfix,
.page-id-1289 .row20 .clearfix,
.page-id-1289 .row22 .clearfix,
.page-id-1289 .row23 .clearfix,
.page-id-1289 .row24 .clearfix,
.page-id-1289 .row29 .clearfix,
.page-id-1289 .row33 .clearfix,
.page-id-1289 .row41 .clearfix,
.page-id-1289 .row40 .clearfix,
.page-id-1289 .row44 .clearfix,
.page-id-1289 .row45 .clearfix,
.page-id-1289 .row48 .clearfix,
.page-id-1289 .row53 .clearfix,
.page-id-1295 .row5 .clearfix,
.page-id-1295 .row12 .clearfix,
.page-id-1295 .row16 .clearfix,
.page-id-1295 .row17 .clearfix,
.page-id-1295 .row20 .clearfix,
.page-id-1298 .row4 .clearfix,
.page-id-1298 .row7 .clearfix,
.page-id-1298 .row8 .clearfix,
.page-id-1298 .row10 .clearfix,
.page-id-1301 .row4 .clearfix,
.page-id-1301 .row5 .clearfix,
.page-id-1301 .row10 .clearfix
{
  	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
}
.page-id-1289 .row8 .tcd-pb-widget,
.page-id-1289 .row12 .tcd-pb-widget,
.page-id-1289 .row15 .tcd-pb-widget,
.page-id-1289 .row16 .tcd-pb-widget,
.page-id-1289 .row20 .tcd-pb-widget,
.page-id-1289 .row22 .tcd-pb-widget,
.page-id-1289 .row23 .tcd-pb-widget,
.page-id-1289 .row24 .tcd-pb-widget,
.page-id-1289 .row29 .tcd-pb-widget,
.page-id-1289 .row33 .tcd-pb-widget,
.page-id-1289 .row41 .tcd-pb-widget,
.page-id-1289 .row40 .tcd-pb-widget,
.page-id-1289 .row45 .tcd-pb-widget,
.page-id-1289 .row48 .tcd-pb-widget,
.page-id-1289 .row44 .tcd-pb-widget,
.page-id-1289 .row53 .tcd-pb-widget,
.page-id-1295 .row5 .tcd-pb-widget,
.page-id-1295 .row12 .tcd-pb-widget,
.page-id-1295 .row16 .tcd-pb-widget,
.page-id-1295 .row17 .tcd-pb-widget,
.page-id-1295 .row20 .tcd-pb-widget,
.page-id-1298 .row4 .tcd-pb-widget,
.page-id-1298 .row7 .tcd-pb-widget,
.page-id-1298 .row8 .tcd-pb-widget,
.page-id-1298 .row10 .tcd-pb-widget,
.page-id-1301 .row4 .tcd-pb-widget,
.page-id-1301 .row5 .tcd-pb-widget,
.page-id-1301 .row10 .tcd-pb-widget
{
height:100%;
}

@media screen and (max-width:768px) {
.page-id-1289 .row8 .clearfix,
.page-id-1289 .row12 .clearfix,
.page-id-1289 .row15 .clearfix,
.page-id-1289 .row16 .clearfix,
.page-id-1289 .row20 .clearfix,
.page-id-1289 .row22 .clearfix,
.page-id-1289 .row23 .clearfix,
.page-id-1289 .row24 .clearfix,
.page-id-1289 .row29 .clearfix,
.page-id-1289 .row33 .clearfix,
.page-id-1289 .row41 .clearfix,
.page-id-1289 .row40 .clearfix,
.page-id-1289 .row44 .clearfix,
.page-id-1289 .row45 .clearfix,
.page-id-1289 .row48 .clearfix,
.page-id-1289 .row53 .clearfix,
.page-id-1295 .row5 .clearfix,
.page-id-1295 .row12 .clearfix,
.page-id-1295 .row16 .clearfix,
.page-id-1295 .row17 .clearfix,
.page-id-1295 .row20 .clearfix,
.page-id-1298 .row4 .clearfix,
.page-id-1298 .row7 .clearfix,
.page-id-1298 .row8 .clearfix,
.page-id-1298 .row10 .clearfix,
.page-id-1301 .row4 .clearfix,
.page-id-1301 .row5 .clearfix,
.page-id-1301 .row10 .clearfix{
  	display:block;
}

.page-id-1289 .row8 .tcd-pb-widget,
.page-id-1289 .row12 .tcd-pb-widget,
.page-id-1289 .row15 .tcd-pb-widget,
.page-id-1289 .row16 .tcd-pb-widget,
.page-id-1289 .row20 .tcd-pb-widget,
.page-id-1289 .row22 .tcd-pb-widget,
.page-id-1289 .row23 .tcd-pb-widget,
.page-id-1289 .row24 .tcd-pb-widget,
.page-id-1289 .row29 .tcd-pb-widget,
.page-id-1289 .row33 .tcd-pb-widget,
.page-id-1289 .row41 .tcd-pb-widget,
.page-id-1289 .row40 .tcd-pb-widget,
.page-id-1289 .row45 .tcd-pb-widget,
.page-id-1289 .row48 .tcd-pb-widget,
.page-id-1289 .row44 .tcd-pb-widget,
.page-id-1289 .row53 .tcd-pb-widget,
.page-id-1295 .row5 .tcd-pb-widget,
.page-id-1295 .row12 .tcd-pb-widget,
.page-id-1295 .row16 .tcd-pb-widget,
.page-id-1295 .row17 .tcd-pb-widget,
.page-id-1295 .row20 .tcd-pb-widget,
.page-id-1298 .row4 .tcd-pb-widget,
.page-id-1298 .row7 .tcd-pb-widget,
.page-id-1298 .row8 .tcd-pb-widget,
.page-id-1298 .row10 .tcd-pb-widget,
.page-id-1301 .row4 .tcd-pb-widget,
.page-id-1301 .row5 .tcd-pb-widget,
.page-id-1301 .row10 .tcd-pb-widget{
height:auto;
}
}
.merit{
    background: #f97306;
    color: #ffffff;
    font-weight: bold;
    padding: 2px 10px;
    border-radius: 20px;
    margin-right: 10px;
    display: block;
    width: 100px;
    text-align: center;
    line-height: 1.5;
}