/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jul 21 2026 | 00:37:44 */
@import url('https://fonts.googleapis.com/css2?family=Pinyon+Script&family=Roboto+Condensed:wght@700&family=Yanone+Kaffeesatz&display=swap');
@import url("https://use.fontawesome.com/releases/v5.8.1/css/all.css");
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@500&display=swap');
.menu-item-2915 img{
width: 22px;
}
@media (max-width: 767px) { 
.menu-item-2915 img{
width: 17px;
}
}
.menu-item-2915,.menu-item-2921,.menu-item-2922{
background: #A50014;
padding: 0px;
color: #fff;
}
.menu-item-2922{
margin-left: 5px;
}
.menu-item-2916,.menu-item-2917,.menu-item-2919,.menu-item-2920{
padding: 0px;
}
.c-spnav .menu-item-2915{
padding: 10px 0px 10px 10px !important;
margin: 18px 0 0 0;
}
.c-spnav .menu-item-2921,.c-spnav .menu-item-2922{
padding: 10px 0px 10px 10px !important;
margin: 18px 0 0 0;
}
@media (max-width: 767px) { 
.c-spnav .menu-item-2915,.c-spnav .menu-item-2921,.c-spnav .menu-item-2922{
padding: 3px 0px 3px 10px !important;
}
}
.c-spnav .menu-item-2915 a,.c-spnav .menu-item-2921 a,.c-spnav .menu-item-2922 a{
border-bottom: none;
}
.menu-item-8944{
background: #25761B;
color: #fff;
}
.freedial{
	background: #fff;
	display: block;
	padding: 6px 15px;
	color: #25761B;
	font-size: 1rem;
	border-radius: 5px;
	margin-bottom: 7px;
}
.callno{
	padding: 7px  0 0 0;
	font-size: 1.2rem;
}
.ttl img{
	width: 14%;
}
.p-spMenu__nav li img {
	width: 8%;
}
.c-headLogo__img{
width: 360px;
}
@media (max-width: 767px) { 
.c-headLogo__img{
height: 120%;
}
}
.-spmenu{
display: none;
}
.c-smallNavTitle{
font-family: 'Poppins', sans-serif;
padding: 3px;
letter-spacing: 2px;
}
.l-fixHeader__inner{
height: 80px;
}
.l-fixHeader__logo{
padding: 5px 0;
margin-right: 3px;
padding: 0px 0 0px;
}
.l-fixHeader__logo .c-headLogo{
margin-right: 10px !important;
}
.c-gnav>.menu-item>a .ttl{
font-size: 15.5px;
font-weight: bold;
letter-spacing: 1px;
padding: 0;
}
.-series .c-headLogo{
margin-right: 40px !important;
}
.-series-right .c-gnavWrap{
margin-left: 3px;
}
.c-gnav>.menu-item>a:hover{
color: #fff;
}
.c-gnav>.menu-item>a{
padding: 10px 20px;
}
.c-gnav>.menu-item>a:hover{
background: #000;
}
.-series .l-header__logo{
margin-right: 5px !important;
padding: 0px 0 0px;
}
@media (max-width: 767px) { 
.-series .l-header__logo{
padding: 0px 0 10px;
}
.-series .c-headLogo{
margin-right: 0px !important;
}
}
#before_footer_widget,.l-header__bar{
display: none;
}
.l-mainContent__inner>.post_content{
margin-top: 0px !important;
}
.en_font{
font-family: 'Roboto Condensed', sans-serif;
}
.en_font02{
font-family: 'Yanone Kaffeesatz', sans-serif;
letter-spacing: 2px;
}
.fontcolor_red{
color: #a50014;
}
.serif{
font-family: serif;
}
.c-postThumb__figure{
margin: 0!important;
}
.post_content ol li{
	margin-left: 1em;
}
.ullist{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
padding-left: 0 !important;
}
.fs_08rem{
font-size: 0.8rem !important;
}
.fs_1rem{
font-size: 1rem !important;
}
.fs_12rem{
font-size: 1.2rem !important;
}
.fs_13rem{
font-size: 1.3rem !important;
}
.fs_15rem{
font-size: 1.5rem !important;
}
.fs_18rem{
font-size: 1.8rem !important;
}
.fs_2rem{
font-size: 2rem !important;
}
@media (max-width: 767px) { 
h2.fs_2rem{
font-size: 1.4rem !important;
padding: 40px 0 10px 0 !important;
}
}
.fs_25rem{
font-size: 2.5rem !important;
}
@media (max-width: 767px) { 
.fs_25rem{
font-size: 1.8rem !important;
}
}
.fs_3rem{
font-size: 3rem !important;
}
.fs_45rem{
font-size: 4.5rem !important;
}
.fs_4rem{
font-size: 4rem !important;
}
@media (max-width: 767px) { 
.sp_fs_1{
font-size: 1rem !important;
}
.sp_fs_12{
font-size: 1.2rem !important;
}
.sp_fs_13{
font-size: 1.3rem !important;
}
}
.ullist li{
list-style: none;
display: flex;
}
.ullist  .li50{
flex: 0 0 48%;
}
@media (max-width: 767px) { 
.ullist  .li50{
flex: 0 0 100%;
}
}
a{
color: currentColor;
}
.post_content h4 {
border-left: solid 2px #000;
}
.voice_list_wrapper figure{
width: 100% !important;
margin: 0 auto !important;
}
@media (max-width: 767px) { 
.voice_list_wrapper figure{
width: 100% !important;
}
}
.voice_txt01{
margin: 0 !important;
}
.h2_margintop_0{
margin-top: 0 !important;
}
.tit_marginbottom_0{
margin-bottom: 0 !important;
}
.letter-spacing_3{
letter-spacing: 3px !important;
}
.letter-spacing_5{
letter-spacing: 5px !important;
}
.post_content h2::before{
display: none;
}
.post_content h2{
background: none;
padding: 0;
color: #333;
margin: 0;
}
.margin_auto{
margin: 0 auto !important;
}
.margin_auto02{
margin: auto auto !important;
}
.padding20{
padding:20px!important;
}
.padding40{
padding:40px!important;
}
@media (max-width: 767px) { 
.padding40{
padding:30px!important;
}
}
.padding_top_40_bottom_10{
padding: 40px 0 10px 0!important;
}
.padding_top_20_bottom_20{
padding: 20px 0 20px 0!important;
}
.padding_bottom_30{
padding: 0px 0 30px 0!important;
}
.padding_bottom_40{
padding: 0px 0 40px 0!important;
}
.padding_10{
padding: 10px!important;
}
.margin_top_0_bottom_0{
margin: 0px 0 0px 0!important;
}
.padding_20_40{
padding: 20px 40px !important;
}
.padding_30_40{
padding: 30px 40px !important;
}
.margin__bottom_100{
margin: 0px 0 100px 0 !important;
}
.-sidebar-on .l-mainContent{
width: 100%;
}
.borderbottom10{
border-bottom: 10px solid #A50014;
}
@media (max-width: 767px) { 
.borderbottom10{
border-bottom: 5px solid #A50014;
}
}
.imgwidth40{
width: 40%;
}
.imgwidth50{
width: 50%;
}
.imgwidth60{
width: 60%;
margin: 0 auto;
}
.imgwidth80{
width: 80%;
margin: 0 auto;
}
@media (max-width: 767px) { 
.sp_imgwidth40{
width: 40%;
}
.sp_imgwidth50{
width: 50%;
margin: 0 auto;
}
.imgwidth60{
width: 40% !important;
margin: 0 auto;
}
.imgwidth80{
width: 60% !important;
margin: 0 auto;
}
.post_content{
margin: 2em 0 !important;
}
}
.post_content h3{
padding: 0;
}
.post_content h3::before{
content: none;
}
.c-pageTitle{
display: none;
}
.post_content ol, .post_content ul{
padding-left: 0;
}
.l-content {
padding-top: 0em;
}
/*追従ボタン*/
.fixed_banner {
position: fixed; /* 追従させる為にfixedの値を記述します */
z-index: 99999; /* 他の要素の下に隠れないように全面配置させます */
margin-bottom: 0;
}
.estimate {
bottom: 255px; 
right: 0px; 
}
.document {
bottom: 170px; 
right: 0px; 
}
.line {
bottom: 85px; 
right: 0px; 
}
.tel {
bottom: 0px; 
right: 0px; 
}
.c-iconBtn .icon-search{
display: none;
}
.fixed_banner img{
box-shadow:0px 0px 11px 4px rgba(0, 0, 0, 0.00) !important;
border-radius: 9%;
border: 1px solid #ccc;
}
.fixed_banner_pc {
width: 80px; /* バナーの横幅を指定してあげます */
}
@media (max-width: 767px) { 
.fixed_banner_pc {
width: 70px; 
}
}
.floating-banner:hover {
opacity: .8; /* マウスが重なった時に少し透過させます */
}

.fixed_banner_sp {
display: none; /* PCではスマホ用のバナーは非表示にします */
}
@media screen and (max-width: 480px) { /* メディアクエリを使ってスマホ用のブレイクポイントを指定 */
.fixed_banner_sp {
display: inline-block; /* 消していたスマホ用のバナーを表示させます */
width: 10vw; /* スマホの画面幅いっぱいにバナーを表示させます */
}
}
.button{
}
/*フッター*/
.footer ul{
display: flex;
}
.footer ul li{
flex-flow: row;
width: 25%;
list-style: none;
padding: 0 10px;
line-height: 1.8;
}
@media (max-width: 767px) { 
.footer ul{
display: block;
}
.footer ul li{
width: 100%;
padding: 0 0px 20px;
}
}
.post_content .footer_menu_container_company{
margin-top: 0px !important;
}
.footer_tel{
padding: 15px;
background: #fff;
margin: 0 auto 50px;
max-width: 860px;
}
#footer .c-widget__title.-footer:before,#footer .c-widget__title.-footer::after{
	background: #333 !important;
}
@media (max-width: 767px) { 
.footer_tel{
font-size: 0.8rem;
}
}
.footer_tel_inner{
display: flex;
flex-flow: row;
border: solid 2px #A50014;
padding: 30px;
letter-spacing: 1px;
}
@media (max-width: 767px) { 
.footer_tel_inner{
display: block;
}
}
.tel_left{
padding: 0 40px 0 0;
}
@media (max-width: 767px) { 
.tel_left{
padding: 0 ;
}
}
.tel_left span{
font-weight: bold;
font-size: 1.3rem;
color: #fff;
padding:5px;
display: block;
background: #A50014;
border-radius: 5px;
text-align: center;
margin-bottom: 10px;
}
@media (max-width: 767px) { 
.tel_left span{
margin:0 auto 10px auto;
}
}
.tel_right span{
font-size: 1.5rem;
}
@media (max-width: 767px) { 
.tel_left span,.tel_right span{
font-size: 1rem;
}
}
.footer_menu{
font-family: serif;
}
@media (max-width: 767px) { 
.footer_menu{

}
}
.footer_menu li{
list-style: none;
}

.footer_menu_block,.footer1st_02{
font-size: 1rem;
display: flex;
flex-flow: wrap;
}
@media (max-width: 767px) { 
.footer_menu_block,.footer_menu_block li{
font-size: 0.8rem;
}
}
.footer_menu_block{
border-bottom: 1px solid #666;
padding: 20px 0;
}
@media (max-width: 767px) { 
.footer_menu_block{
}
}
.footer1st_01,.footer2nd_01,.footer3rd_01,.footer4th_01,.footer5th_01,.footer6th_01{
width: 13%;
}
@media (max-width: 767px) { 
.footer1st_01,.footer2nd_01,.footer3rd_01,.footer4th_01,.footer5th_01,.footer6th_01{
width: 100%;
}
}
.footer1st_02{
width: 40%;
}
@media (max-width: 767px) { 
.footer1st_02{
width: 100%;
}
}
.footer2nd_02{
width: 20%;
}
@media (max-width: 767px) { 
.footer2nd_02{
width: 50%;
}
}
.footer1st_03,.footer1st_04{
width: 28%;
}
@media (max-width: 767px) { 
.footer1st_03,.footer1st_04{
width: 50%;
}
}
.footer3rd_02,.footer3rd_03,.footer3rd_04,.footer3rd_05{
width: 20%;
}
@media (max-width: 767px) { 
.footer3rd_02,.footer3rd_03,.footer3rd_04,.footer3rd_05{
width: 50%;
}
}
.footer4th_02,.footer4th_03,.footer4th_04,.footer4th_05{
width: 21%;
}
.footer5th_02,.footer5th_03,.footer5th_04,.footer5th_05{
width: 21%;
}
.footer6th_02,.footer6th_03,.footer6th_04,.footer6th_05{
width: 21%;
}
@media (max-width: 767px) { 
.footer4th_02,.footer4th_03,.footer4th_04,.footer4th_05{
width: 50%;
}
.footer5th_02,.footer5th_03,.footer5th_04,.footer5th_05{
width: 50%;
}
.footer6th_02,.footer6th_03,.footer6th_04,.footer6th_05{
width: 50%;
}
}
.footer2nd_03,.footer2nd_04{
width: 20%;
}
@media (max-width: 767px) { 
.footer2nd_03,.footer2nd_04{
width: 50%;
}
}
.footer_company_list01,.footer_company_list02{
width: 45%;
}
@media (max-width: 767px) { 
.footer_company_list01,.footer_company_list02{
width: 50%;
}
}
.footer_company_tit{
font-weight: bold;
margin-bottom: 5px;
}
.footer_menu_container{
margin-top: 100px !important;
}
.l-content{
margin-bottom: 0 !important;
}
.footer_logo{
width: 250px;
margin-bottom: 10px;
}
@media (max-width: 767px) { 
.footer_logo{
width: 250px;
margin: 0 auto;
}
}
/*cta*/
dd,dt,ul{
padding: 0;
margin: 0;
}
.cta{
/*border: solid 6px #A50014;*/
border: solid 6px #25761B;
position: relative;
background: #fff !important;
}
.cta_tit_small{
font-size: 1.8rem !important;
}
@media (max-width: 767px) { 
.cta{
border: solid 7px #25761B;
}
}
.cta:after{
content: "";
width: 0;
height: 0;
border-style: solid;
border-width: 0 60px 60px 0;
border-color: transparent #25761B transparent transparent;
position: absolute;
right: 5px;
top: 5px;
}
img{
width: 100%;
}
.cta_dl {
}
.cta_dt dt{
width: 24%;
    display: inline-block;
    margin: -21px 0 0 5px;
}
@media (max-width: 767px) { 
.cta_dt dt{
width: 45%;
display: inline-block;
margin: -50px 0 0 85px;
}
}
.cta_dt dl dd{
width: 70%;
    display: inline-block;
    color: #25761B;
    font-size: 1.8rem;
    font-weight: bold;
    padding: 14px 23px 18px 10px;
    line-height: 1.7;
    letter-spacing: 2px;
}
@media (max-width: 767px) { 
.cta_dt dl dd{
width: 100%;
padding: 0;
font-size: 1.6rem;
}
}
.cta_dt{
padding: 10px;
}
.cta_dt dl{
background-image : linear-gradient(to right, #000 8px, transparent 8px);
background-size: 16px 3px;
background-repeat: repeat-x; 
background-position: left bottom 5px;
}
@media (max-width: 767px) { 
.cta_dt dl{
background-position: left bottom 0px;
padding: 20px 0px;
}
}
@media (max-width: 767px) { 
.cta .btnbig{
width: 270px;
margin: 0 auto;
line-height: 1em;
}
.cta_btn_txt_up{
font-size: 0.5rem;
}
.cta_btn_txt_down{
font-size: 1.3rem;
}
}
.cta_dt dd{
vertical-align: top;
}
.cta_btn .maru:before {
content: "";
display: inline-block;
width: 88px;
height: 98px;
margin: -24px -25px 0 0;
background: url(https://xs638185.xsrv.jp/wp-content/uploads/2023/05/img_cta_maru01.png) no-repeat;
background-size: contain;
/* vertical-align: middle; */
z-index: 1;
}
.cta_btn{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
padding: 0;
}
.cta_btn li{
margin: 10px 10px 10px;
    flex: 0 0 45%;
    list-style: none;
}
@media (max-width: 767px) { 
.cta_btn li{
margin: 10px 20px 30px;
/* display: block; */
list-style: none;
/* width: 100%; */
flex: unset;
}
}
.cta_btn li a:hover{
opacity: 0.7;
}
.btn,a.btn,
button.btn {
font-size: 1.6rem;
font-weight: 700;
line-height: 1.5;
position: relative;
display: inline-block;
padding: 1rem 4rem;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-transition: all 0.3s;
transition: all 0.3s;
text-align: center;
vertical-align: middle;
text-decoration: none;
letter-spacing: 0.1em;
color: #212529;
border-radius: 0.5rem;
}
.btn_small{
padding: 0.8rem 3rem !important;
font-size: 1rem !important;
}
.btnarrowsmallcenter{
margin: 0 auto;
display: block !important;
width: 190px !important;
}
@media (max-width: 767px) { 
.btnarrowsmallcenter{
width: 190px !important;
}
}
a.btn-gradient {
font-weight: normal;
border-radius: 100vh !important;
display: inline-block;
color: #fff;
border-radius: 0;
background-image: -webkit-gradient(
linear,
left top,
right top,
color-stop(40%, #C30D23),
to(#000)
);
background-image: -webkit-linear-gradient(left, #23581D 40%, #2F8124 100%);
background-image: linear-gradient(90deg, #23581D 40%, #2F8124 100%);
}
a.btn-gradient:after {
position: absolute;
top: 0;
left: 0;
border-radius: 100vh;
width: 100%;
height: 100%;
content: "";
-webkit-transition: all 0.5s;
transition: all 0.5s;
background-image: -webkit-gradient(
linear,
left top,
right top,
from(#2F8124),
color-stop(#23581D),
to(#000)
);
background-image: -webkit-linear-gradient(left, #2F8124, #23581D);
background-image: linear-gradient(90deg, #2F8124, #23581D);
}
a.btn-gradient span {
position: relative;
z-index: 1;
}
a.btn-gradient:hover {
color: #fff;
}
a.btn-gradient:hover:after {
opacity: 0;
}
/* ボタン矢印 */
.btnarrow{
/*矢印の基点とするためrelativeを指定*/
position: relative;
/*ボタンの形状*/
text-decoration: none;
display: inline-block;
color:#fff;
/*padding: 10px 40px 10px 0px;*/
border-radius:25px;
text-align: center;
outline: none;
/*アニメーションの指定*/
transition: ease .2s;
}
/* 矢印が右に移動 */
.btnarrow1::after{
content: '';
/*絶対配置で矢印の位置を決める*/
position: absolute;
top:42%;
right: 30px;
/*矢印の形状*/
width: 12px !important;
height: 12px !important;
border-top: 4px solid #fff;
border-right: 4px solid #fff;
transform: rotate(45deg);
/*アニメーションの指定*/
transition: all .3s;
}
/*hoverした際の移動*/
.btnarrow1:hover::after{
right: 30px;
}
.btnarrowsmall::after{
right: 28px;
width: 8px !important;
height: 8px !important;
border-top: 2px solid #fff !important;
border-right: 2px solid #fff !important;
}
.btnarrowsmall:hover::after{
right: 18px;
}
.btnarrowsmallcenter02:after {
right: 17px !important;
}
@media (max-width: 767px) { 
.btnarrowsmallcenter02 a{
padding: 9px 31px !important;
line-height: 1.8em;
}
}
@media (max-width: 767px) { 
.btnarrowsmallcenter:after{
right: 27px;
}
}
.btnarrowsmall:hover::after{
right: 18px;
}
/*お客様の声のリスト*/
.voice_list_wrapper{
background-image: url(https://xs638185.xsrv.jp/wp-content/uploads/2023/05/img_top_voice_bg01_02.png);
background-repeat: no-repeat;
background-size: cover;
}
.voice_list_wrapper .voice_list{
box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.1);
}
@media (max-width: 767px) { 
.wp-container-42{
padding: 0 !important;
}
}
.wp-container-42
/*リフォーム・リノベーション実績*/
.achivement_wrapper {
background-image: url(https://xs638185.xsrv.jp/wp-content/uploads/2023/05/img_achievement_bg01.jpg);
background-repeat: no-repeat;
background-size: contain;
}
.voice_achivement{
border-top: 7px solid;
border-image-source: linear-gradient(84deg, green, #23581D);
border-image-slice: 1;
}
/*TOPページ*/
.top_google_tit {
max-width: 1024px;
margin: 0 auto 50px;;
}
.top_whats{
margin: 0 auto !important;
}
.top #content{
padding: 0em;
}
.top_main{
padding-bottom: 12em!important;
padding-top: 12em!important;
}
@media (max-width: 767px) { 
.top_main{
padding-bottom: 6em!important;
padding-top: 6em!important;
}
}
.maintxt{
font-size: 4rem !important;
font-family: serif;
text-shadow: 1px 1px 11px black;
}
@media (max-width: 767px) { 
.maintxt{
font-size: 2.6rem !important;
}
}
.wp-block-media-text__media{
display : flex !important;
align-self: flex-start !important;
}
.width100{
width: 100%;
}
.fontcolor_red{
color: #A50014 !important;
}
.menu_company_down{
background-color: #A50014;
color: #fff;
text-align: center;
padding: 20px 0;
margin: -10px 0 0 0;
}
.menu_company_down:hover{
background-color: #000;
}
.menu_btn,.menu_btn02{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
padding: 0;
}
.menu_btn li{
list-style: none;
flex: 0 0 24%;
margin: 0 5px 27px !important;
}
.menu_btn02 li{
list-style: none;
flex: 0 0 48%;
margin:0 0 30px !important;
}
.menu_btn02 li a img{
border: 5px solid #000;
}
.menu_btn a:hover,.menu_btn02 a:hover{
opacity: 0.7;
}
.menu_btn_3 li{
flex: 0 0 32%;
}
@media (max-width: 767px) { 
.menu_btn li{
flex: 0 0 47%;
margin: 0 0 30px 0;
} 
}
.menu_btn li a:hover{
opacity: 0.6;
}
dl dd,ul{
margin: 0;
}
.menu_company_up{
position: relative;
}
.center {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
color: #fff;
font-size: 1.6rem;
text-align: center;
letter-spacing: 2px;
line-height: 1;
}
.menu_name_en{
font-family: 'Roboto Condensed', sans-serif;
font-size: 0.3rem;
letter-spacing: 2px;
}
.menu_btn_ico i{
font-size: 0.8rem;
}
.top_business_block{
margin-left: -60px !important;
margin-top: 60px !important;
background: rgba(255,255,255,0.9) !important;
box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.1);
}
@media (max-width: 767px) { 
.top_business_block{
margin-left: 0px !important;
margin-top: 0px !important;
}
}
.top_business_block ul{
padding-left: 0;
}
.top_business_block ul li{
list-style: none;
display: inline-block;
padding: 0 10px 0 0;
color: #A50014;
font-size: 1rem !important;
}
.top_business_wrapper{
margin-bottom: 100px;
}

/*リノベーションページ*/
.renov_flow{
border: solid #000 3px;
padding: 30px !important;
margin: 0 0 30px;
}
.renov_flow h3{
margin: 0em 0 1em;
}
.h2_border {
position: relative !important;
padding: 0 65px !important;
text-align: center !important;
}
.h2_border{
display:flex;
align-items: center;
justify-content: center;
}
.h2_border {
border-top: 10px solid #A50014;
}
@media (max-width: 767px) { 
.h2_border {
border-top: 5px solid #A50014;
}
}
.h2_border:after {
margin-left: 1rem !important;
}
.img_arrow{
width: 20%;
margin: 0 auto 30px;
}
@media (max-width: 767px) { 
.img_arrow{
width: 60%;
margin: 0 auto 0px !important;
}
}
#main_content .swell-block-fullWide__inner .tit_merit{
width: 20%;
margin-top: -120px !important;
display: block !important;
margin: 0 auto;
}
@media (max-width: 767px) { 
#main_content .swell-block-fullWide__inner .tit_merit{
width: 40%;
margin-top: -75px !important;
}
}
.li_onestop .wp-block-column{
margin: 0 !important;
}
.reov_merit{
border-radius: 10px;
padding: 0 50px;
}
@media (max-width: 767px) { 
.reov_merit{
border-radius: 0px;
padding: 0 30px;
}
.reov_merit figure{ 
width: 60%;
margin: 0 auto;
}
}
.renov_table table td{
padding: 20px;
}
.renov_table table td:first-child{
background: #424A77;
border: none;
color: #fff;
}
.renov_table table td:nth-child(2){
background:rgba(255,255,255,0.7);
border: none;
color: #333;
}
@media (max-width: 767px) { 
.is-layout-flow{
margin-top: 0px !important;
}
}
/*リフォームページ*/
.box-shadow{
box-shadow:0px 0px 11px 4px rgba(0, 0, 0, 0.05) !important;
}
@media (max-width: 767px) { 
.reform_menu h2.fs_2rem{
padding: 10px 0 0px 0 !important;
}
}
/*ショールーム*/
.tit_border{
width: 20%;
text-align: left;
}
.btn_white a{
background: #fff;
color: #A50014;
}
/* ボタン共通設定 */
.btn_white a{
/*矢印の基点とするためrelativeを指定*/
position: relative;
/*ボタンの形状*/
text-decoration: none;
display: inline-block;
padding: 10px 40px 10px 30px;
border-radius:25px;
text-align: center;
outline: none;
/*アニメーションの指定*/
transition: ease .2s;
}
.btn_white a:hover{
background:#fff;
}
/* 矢印が右に移動 */

.btn_white a::after{
content: '';
/*絶対配置で矢印の位置を決める*/
position: absolute;
top:42%;
right: 17px;
/*矢印の形状*/
width: 9px;
height: 9px;
border-top: 2px solid #A50014;
border-right: 2px solid #A50014;
transform: rotate(45deg);
/*アニメーションの指定*/
transition: all .3s;
}
/*hoverした際の移動*/
.btn_white a:hover::after{
right: 11px;
}
/*リシアの一貫体制*/
.onestop_ul ul{
padding: 0 0 0 1em !important;
}
.one_stop_btn{
column-gap: 0 !important;
}
.onestop_ul ul a{
text-decoration: underline;
}
#main_content .reason_block {
margin:0 0 50px !important;
}
@media (max-width: 767px) { 
.reason_block{
padding: 0 !important;
}
.h2_no,.post_content .h2_reason{
padding: 0px 0 10px 0 !important;
}
.post_content h3.fs_2rem{
margin: 2em 0 1em;
font-size: 1.5rem !important;
}
}
.border_top_bottom_white :before{
display: block;
content: "";
background-color: #fff;
width: 75% !important;
height: 3px;
margin: 10px auto 10px;
}
.border_top_bottom_white:after{
display: block;
content: "";
background-color: #fff;
width: 75% !important;
height: 3px;
margin: 10px auto 10px;
}
@media (max-width: 767px) { 
#sp_menu .border_top_bottom_white:before{
width: 70% !important;
}
#sp_menu .border_top_bottom_white:after{
width: 70%;
}
}
.padding_side100{
padding: 0 100px;
}
@media (max-width: 767px) { 
.padding_side100{
padding: 0 20px;
}
}
.main_dis{
font-size: 1.9rem;
padding: 30px 0 0;
}
@media (max-width: 767px) { 
.main_dis{
padding: 0px 0 0;
}
}
.onetit{
padding:0 0 20px;
}
.onemain{
margin-bottom: -60px;
}
.onebtn img{
width: 70%;
box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.1);
border-radius: 20px;
}
.border_radius_top{
border-radius: 10px 10px 0 0;
}
.tit_no{
font-size: 3rem !important;
line-height: 0;

}
#main_content .reason_tit{
margin-top: -25px !important;
padding-left: 30px;
}
@media (max-width: 767px) { 
#main_content .reason_tit{
padding-left: 0px;
}
}
.one_box{
border-radius: 0 0 10px 10px;
margin: 0 0 100px;
}
.onebox02{
padding: 60px 50px 0 !important;
border-radius: 0 0 10px 10px;
}
@media (max-width: 767px) { 
.onebox02{
padding: 30px 0px 0 !important;
border-radius: 10px;
}
.oneblock_contain{
padding: 20px 0 0!important;
}
.oneblock_contain_tit{
margin-bottom: -20px;
}
.border_radius_top .fs_2rem{
font-size: 1.5rem !important;
line-height: 0em;
text-align: center !important;
}
}
@media (max-width: 767px) { 
.imgwidth40{
width: 40%;
}
#main_content .reason02_bg{
background-position: top !important;
background-size: contain;
}
.one_box03_h2{
font-size: 1.6rem !important;
}
}
#main_content  .imgwidth40,#main_content  .imgwidth50{
margin: 0 auto !important;
}
.onebox02 p{
font-size: 0.9rem;
}
.img_3win{
padding: 0px 0 0 60px !important;
margin: 15px 0 0 0 !important;
}
@media (max-width: 767px) { 
.img_3win{
padding: 0px 0 0 10px !important;
margin: 0px 0 0 0 !important;
}
}
.reason_01_p{
padding: 0 20px;
}
.fukidasi01{
width: 80%;
margin: 0 auto;
}
.highlight {
text-decoration: underline;
text-decoration-thickness: 0.3em;
text-decoration-color: rgba(165, 0, 20, 1);
text-underline-offset: 0.2em;
text-decoration-skip-ink: none;
}
.highlightblack{
text-decoration-color: rgba(0, 0, 0, 1);
line-height: 2.4em;
text-underline-offset: 0.9em;
}
/*企業情報*/
.company_logo{
width: 70%;
margin: 0 auto;
}
.companytable{
padding: 0 150px;
}
@media (max-width: 767px) { 
.companytable{
padding: 0px;
}
}
.companytable img{
width: 70%;
}
.companytable table,
.companytable td,.companytable th{
border: none;
background: none;
}
.companytable td{
padding: 20px;
line-height: 2em;
font-size: 1rem;
}
.post_content .companytable td:before{
background-color: #fff !important;
}
.post_content .companytable td,{
border-top: 1px solid #333;
}
.post_content .companytable td:last-child,.post_content .companytable td:nth-last-child(2){
border-bottom: 1px solid #333;
}
.post_content .companytable td.border_none{
border-top: none;
}
.post_content td:last-child, .post_content th:last-child {
border-right: none;
}
.border_botom a,.company-access a{
text-decoration: underline;
}
.border_botom{
border-top: 1px solid #000;
}
.border_botom_light{
border-top: 1px solid #eee;
}
.border_top{
border-bottom: 1px solid #000;
}
.border_top p,.border_bottom p,.border_botom{
padding: 10px;
}
.border_top{
border-bottom: 1px solid #000;
}
.border_top_light{
border-bottom: 1px solid #eee;
}
.btncenter{
text-align: center;
}
.bg_matudasan{
background-size: contain !important;
background-position: right 0 !important;
}
/*外壁塗装*/
.sp_refotm_meyasu :where(.wp-block-columns.is-layout-flex){
	gap: 0em;
}
.sp_refotm_meyasu .is-layout-flow{
	padding: 10px 10px 5px 10px;
}
.img_after{
	padding: 30px 0;
}
@media (max-width: 767px) { 
.reform_menu_sp{
margin-top: 10px !important;
}
	.sekoupoint .has-text-align-center{
		margin-bottom: 0 !important;
	}
	.margin_auto .wp-container-23{
		margin-bottom: 0 !important;
	}
}
.ten_years strong{
color: #a50014;
}
.meyasu{
padding: 0 !important;
}
.wp-container-27 .meyasu{
padding: 0 !important;
}
.meyasu_jisseki{
padding: 30px 0 !important;
}
.meyasu_jisseki02{
padding: 18px 0 !important;
}
@media (max-width: 767px) { 
.meyasu_jisseki,.meyasu_jisseki02{
padding: 25px 0 !important;
}
}
.jirei_block_wrapper{
border-top: 20px #26316F solid;
background-size: contain !important;
background: url(https://xs638185.xsrv.jp/wp-content/uploads/2023/05/img_gaiheki_jirei_bg_01.png) no-repeat;
box-shadow:0px 0px 11px 4px rgba(0, 0, 0, 0.05) !important;
background-position: right;
}
.jirei_block{
padding: 20px 0;
}
.meyasu_jisseki,.meyasu_jisseki02{
padding: 35px 0 !important;
}
/*求人*/
.wp-container-67 ul li{
	margin: 0 0 0 1em;
}
.recruit_table :where(.wp-block-columns.is-layout-flex){
gap: 1em;
}
.recruit_block .imgwidth40{
height: 70px;
}
.recruit_block .imgwidth30{
height: 70px;
width: 30%;
margin: 0 auto;
}
.recruit_block .imgwidth50{
height: 70px;
width: 50%;
margin: 0 auto;
}
@media (max-width: 767px) { 
.recruit_block .imgwidth40{
height: 45px;
}
.recruit_block .imgwidth30{
height: 45px;
}
.recruit_block .imgwidth50{
height: 45px;
}
}
.recruit_block02 img,.recruit_block08 img,.recruit_block16 img{
padding-top: 20px;
}
@media (max-width: 767px) { 
.recruit_block02 img,.recruit_block08 img,.recruit_block16 img{
padding-top: 10px;
}
}
.recruit_block01{
background-size: contain !important;
background: url(https://xs638185.xsrv.jp/wp-content/uploads/2023/06/img_recruit_welfare_no_01-1.png) no-repeat;
}
.recruit_block02{
background-size: contain !important;
background: url(https://xs638185.xsrv.jp/wp-content/uploads/2023/06/img_recruit_welfare_no_02-1.png) no-repeat;
}
.recruit_block03{
background-size: contain !important;
background: url(https://xs638185.xsrv.jp/wp-content/uploads/2023/06/img_recruit_welfare_no_03-1.png) no-repeat;
}
.recruit_block04{
background-size: contain !important;
background: url(https://xs638185.xsrv.jp/wp-content/uploads/2023/06/img_recruit_welfare_no_04-1.png) no-repeat;
}
.recruit_block05{
background-size: contain !important;
background: url(https://xs638185.xsrv.jp/wp-content/uploads/2023/06/img_recruit_welfare_no_05-1.png) no-repeat;
}
.recruit_block06{
background-size: contain !important;
background: url(https://xs638185.xsrv.jp/wp-content/uploads/2023/06/img_recruit_welfare_no_06-1.png) no-repeat;
}
.recruit_block07{
background-size: contain !important;
background: url(https://xs638185.xsrv.jp/wp-content/uploads/2023/06/img_recruit_welfare_no_07-1.png) no-repeat;
}
.recruit_block08{
background-size: contain !important;
background: url(https://xs638185.xsrv.jp/wp-content/uploads/2023/06/img_recruit_welfare_no_08-1.png) no-repeat;
}
.recruit_block09{
background-size: contain !important;
background: url(https://xs638185.xsrv.jp/wp-content/uploads/2023/06/img_recruit_welfare_no_09.png) no-repeat;
}
.recruit_block10{
background-size: contain !important;
background: url(https://xs638185.xsrv.jp/wp-content/uploads/2023/06/img_recruit_welfare_no_10-1.png) no-repeat;
}
.recruit_block11{
background-size: contain !important;
background: url(https://xs638185.xsrv.jp/wp-content/uploads/2023/06/img_recruit_welfare_no_11-1.png) no-repeat;
}
.recruit_block12{
background-size: contain !important;
background: url(https://xs638185.xsrv.jp/wp-content/uploads/2023/06/img_recruit_welfare_no_12-1.png) no-repeat;
}
.recruit_block13{
background-size: contain !important;
background: url(https://xs638185.xsrv.jp/wp-content/uploads/2023/06/img_recruit_welfare_no_13-1.png) no-repeat;
}
.recruit_block14{
background-size: contain !important;
background: url(https://xs638185.xsrv.jp/wp-content/uploads/2023/06/img_recruit_welfare_no_14-1.png) no-repeat;
}
.recruit_block15{
background-size: contain !important;
background: url(https://xs638185.xsrv.jp/wp-content/uploads/2023/06/img_recruit_welfare_no_15-1.png) no-repeat;
}
.recruit_block16{
background-size: contain !important;
background: url(https://xs638185.xsrv.jp/wp-content/uploads/2023/06/img_recruit_welfare_no_16-1.png) no-repeat;
}
.recruit_block17{
background-size: contain !important;
background: url(https://xs638185.xsrv.jp/wp-content/uploads/2023/06/img_recruit_welfare_no_17-1.png) no-repeat;
}
.recruit_block18{
background-size: contain !important;
background: url(https://xs638185.xsrv.jp/wp-content/uploads/2023/06/img_recruit_welfare_no_18-1.png) no-repeat;
}

.recruit_block_txt{
line-height: 1.7em;
font-size: 0.7rem;
text-align: center;
} 
#wpadminbar .naname{
width: 60px;
margin: 0 !important;
}
@media (max-width: 767px) { 
.tit_haikei{
padding: 10px 0 !important;
}
}
.tit_haikei h2{
background: linear-gradient (90deg, var(--color_htag) 50%, white) !important;
}
.ourstrength{
background-size: contain !important;
margin-bottom: -20px;
}
.strength_box{
position: relative;
}
@media (max-width: 767px) { 
.strength_box{
margin-top: -130px !important;
}
}
.recruit_no{
width: 100%;
position: absolute;
right: 0;
top: 0px;
}
.recruit_no02{
width: 100%;
position: absolute;
left: 0;
top: 0px;
}
.recruit_no_txt{
font-size: 1rem;
padding: 200px 0 0 0;
}
@media (max-width: 767px) { 
.recruit_no_txt{
padding: 140px 0 0 0;
}
}
.recruit_table,.recruit_table td{
background: #fff;
}
.welcome{
margin-top: -46px !important;
}
@media (max-width: 767px) { 
.welcome{
margin-top: -38px !important;
}
}
.img_dream{
width: 50%;
margin: 0 auto 30px;
}
.kakudai_block,.strength_block,.flow_block{
padding: 0px 20px 0 20px;
margin: 0;
}
.recruit_blocks{
margin-bottom: 80px;
}
@media (max-width: 767px) { 
.recruit_blocks{
margin-bottom: 0px;
}
}
.width70{
width: 70% !important;
margin: 0 auto !important;
}
@media (max-width: 767px) { 
.job_name{
margin-bottom: 3px !important;
}
.recruit_blocks h2{
font-size: 1.6rem !important;
}
.recruit_cta{
margin-top: -130px !important;
}
}
.recruit .tit_haikei02{
width: 100% !important;
margin: 0 auto !important;
background: #000 !important;
padding: 1em;
margin: 0 0 20px 0 !important;
}
.recruit_btn01 a{
padding: 20px 30px;
}
.recruit_job_menu a{
background: #fff;
width: 200px;
border: 4px solid #000;
color: #000;
}
.recruit_job_menu02 a{
padding: 1.6em 0;
}
@media (max-width: 767px) { 
.recruit_job_menu a{
width: 160px;
font-size: 0.9rem;
}
.recruit_job_menu02 a{
padding: 1.5em 0;
}
.recruit_job_menu_wrapper{
padding: 30px 0 0!important;
}
}
.recruit_job_menu a:hover,.recruit_job_menu02 a:hover{
opacity: 0.5;
}
/*企業情報*/
.companytable tbody{

}
.company_btn_menu .swell-block-button__link{
background: #fff;
border: 3px solid #000;
color: #000;
}
.company_btn_menu a{
min-width: 100% !important;
}
@media (max-width: 767px) { 
.company_btn_menu a{
padding: 10px 0;
font-size: 0.9rem;
}
}
/*会社概要*/
.message{
background-position: top !important;
background-size: contain !important;
}
.message p{
font-size: 1rem; !important;
}
.block_matudasan{
border-bottom: 10px solid #A50014;
border-image: linear-gradient(to right, #A50014 40%, #52000A 100%);
border-image-slice: 1;
}
.name_left{
padding: 100px 0 0 0;
}
@media (max-width: 767px) { 
.name_left{
padding: 0px 0 0 150px;
}
}
.img_name{
width: 40% !important;
margin: 0 0 0 auto;
}
.img_name img{
display: block;
margin: 0 0 20px 0;
}
@media (max-width: 767px) { 
.img_name{
width: 100% !important;
}
}
/*屋根防水*/
.roof_border_right{
border-right: 1px solid #A3A3A3;
}
@media (max-width: 767px) { 
.roof_border_right{
border-right: none;
}
.roof_menu .fs_13rem{
margin: 0 0 15px;
}
}
.margin_left_0{
margin-left: 0 !important;
}
.wp-container-23{
margin-bottom: 100px !important;
}
.wp-container-21{
padding-bottom: 50px !important;
}
.roof_menu_p{
width: 50%;
margin: 0 auto;
font-size: 0.8rem;
}
.roof_menu figure{
width: 70%;
margin: 0 auto;
}
@media (max-width: 767px) { 
.roof_menu figure{
width: 40%;
margin: 0 auto;
}
}
.reform_meyasu_tit{
border-left: none !important;
background: #26316F;
padding: 15px !important;
border-radius: 10px;
}
.con_result{
padding:0 20px;
margin: 0 0 100px 0;
}
.sekoupoint{
border-radius: 10px;
}
@media (max-width: 767px) { 
.sekoupoint{
padding: 15px 10px !important;
}
}
/*エコソリューション*/
.reform_box{
padding: 50px 30px !important;
}
.maker_list{
padding: 30px 50px !important;
}
.maker_list02{
padding: 30px 150px !important;
}
@media (max-width: 767px) { 
.maker_list02{
padding: 30px 50px !important;
}
}
.post_content .wp-block-column .eco_box{
padding: 40px 50px !important;
	margin-bottom: 20px !important;
}
.post_content div.eco_box{
	margin-bottom: 60px !important;
}
/*エクステリア*/
.meyasu_left{
padding: 13px;
font-size: 0.8rem;
}
.meyasu_right{
padding: 10px 18px 10px 0 !important;
}
/*お客様の声*/
.voice_acievement_block01{
padding: 0 !important;
}
.voice_img_tit{
width: 40%;
margin: 0 auto;
}
@media (max-width: 767px) { 
.voice_img_tit{
width: 30%;
margin: 0 auto;
}
}
/*フォーム*/
.tit_estimate{
	padding-top: 20px;
}
.tit_estimate .form_h2{
	padding-top: 0 !important;
	padding-bottom: 30px !important;
}
.form_p{
text-align: center;
margin: 0 0 20px 0;
}
.form_h2{
text-align: center;
margin: 0 0 50px 0 !important;
font-size: 2rem !important;
padding: 50px 0 0 0 !important;
}
@media (max-width: 767px) { 
.form_h2{
padding: 50px 0 0 0 !important;
}
}
.estimate_img01{
margin: 0 0 50px 0;
}
@media (max-width: 767px) { 
#lp-content .post_content, #main_content .post_content{
font-size: 1rem !important;
}
}
/*ContactForm7カスタマイズ*/
table.CF7_table{
width:100%;
margin:0 auto;
border: none;
background: #F8F8F8;
margin: 0 auto 50px auto;
}
table.CF7_table a{
text-decoration: underline;
}
table.CF7_table th,table.CF7_table td{
padding: 20px;
}
@media (max-width: 767px) { 
table.CF7_table th,table.CF7_table td{
padding: 10px;
}
}
table.CF7_table label{
padding: 10px 10px 10px 0;
display: block;
}
table.CF7_table .req{
background: #FFDEE2;
}
.single .entry-content table.CF7_table,
.page .entry-content table.CF7_table{
display:table;
}

/*入力欄*/
.CF7_table input, .CF7_table textarea {
border: 1px solid #d8d8d8;
background: #fff;
}

.CF7_table ::placeholder {
color:#797979;
}
/*「必須」文字*/
.CF7_req{
font-size:.9em;
padding: 5px;
background: #A50014;/*オレンジ*/
color: #fff;
border-radius: 3px;
margin-right:1em;
}

/*「任意」文字*/
.CF7_unreq{
font-size:.9em;
padding: 5px;
background: #bdbdbd;/*グレー*/
color: #fff;
border-radius: 3px;
margin-right:1em;
}

/* タイトル列 */
@media screen and (min-width: 768px){
.CF7_table th{
width:30%;/*横幅*/
background-color:#DEDEDE;
}
}
/* レスポンシブ */
@media screen and (max-width: 768px){
table.CF7_table{
width:95%;
}
.CF7_table tr, .CF7_table td, .CF7_table th{
display: block;
width: 100%;
line-height:2.5em;
}
.CF7_table th{
background-color:#DEDEDE;
}
}

/* 「送信する」ボタン */
.wpcf7-submit{
background: none;
border: none;
color: #fff;
}
.form_btn{
margin: 0 auto !important;
display: block;
width: 30%;
}
.form_btn a.btn-gradient{
width: 100%;
padding: 0;
line-height: 1.3em;
}
.wpcf7-spinner{
width:0;
margin:0;
}
.btn-form input {
font-weight: normal;
border-radius: 100vh !important;
display: inline-block;
color: #fff;
border-radius: 0;
background-image: -webkit-gradient(
linear,
left top,
right top,
color-stop(40%, #C30D23),
to(#000)
);
background-image: -webkit-linear-gradient(left, #9B0114 40%, #C30D23 100%);
background-image: linear-gradient(90deg, #9B0114 40%, #C30D23 100%);
width: 100%;
margin: 0 auto;
padding: 20px;
}
.btn-form_wrapper{
display: flex;
justify-content: space-around;
width: 100%;
margin: 0 auto;
}
.btn-form{
	display: flex;
	flex-flow: column;
	width: 40%;
	margin: 0 auto 100px;
}
.btn-form .input:after {
position: absolute;
top: 0;
left: 0;
border-radius: 100vh;
width: 100%;
height: 100%;
content: "";
-webkit-transition: all 0.5s;
transition: all 0.5s;
background-image: -webkit-gradient(
linear,
left top,
right top,
from(#C30D23),
color-stop(#9B0114),
to(#000)
);
background-image: -webkit-linear-gradient(left, #C30D23, #9B0114);
background-image: linear-gradient(90deg, #C30D23, #9B0114);
}
.documents_block{
margin: 0 0 50px;
}
.documents_block_img,.documents_block_txt{
display: inline-block;
}
.documents_block_img{
width: 40%;
}
@media (max-width: 767px) { 
.documents_block_img{
width: 80%;
margin: 0 auto 30px auto;
display: block;
}
}
.documents_block_txt{
width: 55%;
padding: 0 0 0 20px;
vertical-align: top;
}
@media (max-width: 767px) { 
.documents_block_txt{
width: 100%;
padding: 0 0 0 0px;
}
}
/*ブログ*/
.width_1024{
	max-width: 560px;
}
.google_voice_catecory{
display: flex;
width: 100%;
margin: 0 auto;
justify-content: center;
flex-wrap: wrap;
}
.google_voice_catecory li{
padding: 5px;
}
.google_voice_catecory li a{
border: solid 3px #000;
border-radius: 50px;
color: #000;
padding: 25px 30px;
font-weight: bold;
font-size: 1.3rem;
display: block;
}
@media (max-width: 767px) { 
.google_voice_catecory li a{
border: solid 2px #000;
padding: 15px 20px;
font-size: 1rem;
}
}
.blog_google_tit{
text-align: center;
font-size: 2rem;
}
.area_parts{
display: flex;
flex-flow: row;
}
.p-termHead .parts .area_parts_ul li {
    width: 25%;
    margin: 0 0 12px;
}
.p-termHead .area_parts_tit {
    margin: 0 0 0 0px;
}
.p-termHead .parts {
    width: 100%;
    background: #FAFAFA;
    margin: 10px;
    padding: 16px 50px;
}
@media (max-width: 767px) { 
.area_parts{
display: block;
}
.p-termHead	.parts{
		padding: 16px 20px;
	}
.p-termHead .parts .area_parts_ul li {
    width: 50%;
}
.p-termHead .parts .area_parts_ul li a{
    font-size: 0.8rem;
}
}
.area,.parts{
width: 50%;
background: #FAFAFA;
margin: 10px;
padding: 16px 30px;
}
@media (max-width: 767px) { 
.area,.parts{
width: 100%;
padding: 16px 25px;
margin: 0px;
}
}
.area_parts_tit{
margin: 0 0 0 60px;
}
.area_parts_tit div{
vertical-align: top;
}
.area_parts_tit_img{
width: 20%;
}
.area_parts_tit_txt{
font-size: 1.5rem;
padding: 12px;
}
@media (max-width: 767px) { 
.area_parts_tit_txt{
font-size: 1.3rem;
}
}
.area_parts_tit,.area_parts_tit_img,.area_parts_tit div{
display: inline-block;
}
.area_parts_ul{
display: flex;
flex-flow: wrap;
}
.area .area_parts_ul li{
width: 25%;
margin: 0 0 12px;
}
.parts .area_parts_ul li{
width: 50%;
margin: 0 0 12px;
}
.area_parts_ul li a{
background: #A50014;
padding:  8px 15px;
color: #fff;
font-size: 0.9rem;
border-radius: 5px;
}
.id_2908 .p-homeContent{
display: none;
}
.c-postThumb__cat{
background-image: none;
}
.p-termHead{
display: block;
border: none;
}
.p-termHead__desc{
padding: 0;
}
/*補助金*/
.hojyokin_block{
border: solid #9D0013 3px;
padding: 20px;
}
/*EC*/
.green_ a{
background: #fff;
color: #000;
padding: 20px;
}
.ec_contact_arrow{
width: 10px;
}
.denki_gas_onayami_tit{
margin-bottom: 0px !important;
}
.denki_onayami_tit strong{
background: linear-gradient(transparent 80%, #FFEB00 0%);
padding: 13px;
font-size: 3rem;
}
.gas_onayami_tit strong{
background: linear-gradient(transparent 80%, #F27000 0%);
padding: 13px;
font-size: 3rem;
}
.onayami_list{
margin: 0 0 20px 0 !important;
}
.ec_img_arrow{
width: 40%;
margin: 0 auto;
}
.omakase_tit{
background: linear-gradient(transparent 85%, #fff 0%);
padding: 13px !important;
font-size: 3rem !important;
}
.ec_reason3 span{
color: #A50014;
}
.space0 :where(.wp-block-columns.is-layout-flex){
gap: 0em !important;
}
.ec_item_list{
padding: 50px;
}
.ec_item_list_ecocute{
border: solid 8px #FFEB00;
}
.ec_item_list_ecojose{
border: solid 8px #F27000;
}
.tit_gas_find_2type{
padding: 20px 0 !important;
}
.margin_0{
margin: 0 !important;
}
.ec_company_img{
width: 25%;
margin: 0 auto;
}
#content .contact_method01{
margin-bottom: 20px !important;
gap: 12px;
}
.contact_method01 .wp-container-21{
padding-bottom: 0px!important;
}
.contact_method01 figure{
margin: 0 5px 0 0;
}
#main_content #new_main_wrapper{
	padding-bottom: 3em !important;
}
#new_main_wrapper #new_main{

}
.top_bnr{
	margin-bottom: 23px;
}
.top_menu{
	max-width: 1200px;
	margin: 0 auto;
}
.top_menu_box{
	margin-bottom: 30px !important;
}
.top_menu_box figcaption a{
	font-size: 1.15rem;
	text-align: center;
	width: 100%;
	background:var(--color_main);
	color: #fff;
	display: block !important;
	padding: 15px 0;
	letter-spacing: 1.5px;
}
@media (max-width: 767px) { 
.top_menu_box figcaption a{
	font-size: 1rem;
	padding: 10px 0;
	letter-spacing: 1px;
}
	:where(.wp-block-columns.is-layout-flex) {
    gap: 0.5em;
}
	.top_menu_box .swl-fz{
		font-size: 0.6rem !important;
	}
}
.wp-block-image .top_menu_box .figcaption,.wp-block-image :where(figcaption){
	margin-top: 0 !important;
	opacity: unset !important;
}
#newtop_h2{
	font-size: 2rem;
	margin: 20px 0 0;
	letter-spacing: 3px;
}
@media (max-width: 767px) { 
#newtop_h2{
	font-size: 1.5rem;
	margin: 20px 0 0;
}
}
.ms-skin-default .ms-nav-next {
    right: 0px !important
}
.ms-skin-default .ms-nav-prev {
	left: 0px !important;
}

.custom-tabs-container {
    display: flex;
    justify-content: center; /* 横方向の中央配置 */
    padding: 20px 0; /* 上下の余白を調整 */
}

.custom-tabs {
    display: flex; /* 横並び */
    gap: 5px; /* ボタン間の余白 */
}

.tab-button {
    padding: 10px 20px;
    border: none;
    background-color: #eaeaea; /* すべて同じ背景色に統一 */
    color: #666;
    cursor: pointer;
    font-size: 14px;
    transition: background-color 0.3s, color 0.3s;
    flex: 1;
    max-width: 150px;
    text-align: center;
}

/* マウスを合わせたときのスタイル */
.tab-button:hover {
    background-color: #555; /* ホバー時の背景色 */
    color: #fff; /* ホバー時の文字色 */
}

.l-footer {
  display: none;
}

#before_footer_widget,
.w-beforeFooter {
  display: block !important;
}

.w-beforeFooter {
	margin-top:0!important;
}

/* フッター前ウィジェットの下余白を削除 */
#before_footer_widget {
    margin-bottom: 0 !important;
}

/* フッター前ウィジェット内のフッター要素の下余白を削除 */
#before_footer_widget footer {
    margin-bottom: 0 !important;
}

/* 念のため、bodyとhtmlの下余白も削除 */
html, body {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

/* all_wrappの下余白も削除 */
#all_wrapp {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

/* ページ全体のコンテナーの下余白を削除 */
.l-content {
    margin-bottom: 0 !important;
}

/* RESIA専用横並びお問い合わせボックス */
.resia-horizontal-contact-wrapper {
    background: #4CAF50;
    color: white;
    border-radius: 4px;
    padding: 6px 10px;
    display: inline-flex;
    align-items: center;
    gap: 12px;
    white-space: nowrap;
}

/* RESIA専用電話問い合わせ部分（左側） */
.resia-phone-inline {
    display: flex;
    align-items: center;
    gap: 4px;
    border-right: 1px solid rgba(255,255,255,0.3);
    padding-right: 12px;
}

/* RESIA専用メール問い合わせ部分（右側） */
.resia-email-inline {
    display: flex;
    align-items: center;
    gap: 4px;
}

/* RESIA専用リンクスタイル */
.resia-contact-link-inline {
    color: white;
    text-decoration: none;
    font-weight: bold;
    font-size: 13px;
    display: flex;
    align-items: center;
    gap: 3px;
}

.resia-contact-link-inline:hover {
    color: #ffeb3b;
    text-decoration: none;
}

/* RESIA専用アイコンスタイル */
.resia-contact-icon-inline {
    width: 14px;
    height: 14px;
    vertical-align: middle;
}

/* RESIA専用ラベルスタイル */
.resia-contact-label-inline {
    font-size: 11px;
    color: rgba(255,255,255,0.9);
    margin-right: 2px;
}

/* レスポンシブ対応 */
@media (max-width: 768px) {
    .resia-horizontal-contact-wrapper {
        padding: 4px 8px;
        gap: 8px;
    }
    
    .resia-phone-inline {
        padding-right: 8px;
    }
    
    .resia-contact-link-inline {
        font-size: 12px;
    }
    
    .resia-contact-label-inline {
        font-size: 10px;
    }
}

/* 超小画面では「電話」「メール」ラベルを非表示 */
@media (max-width: 480px) {
    .resia-contact-label-inline {
        display: none;
    }
}

/* リセットスタイル */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: 'Helvetica Neue', Arial, 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', Meiryo, sans-serif;
    background-color: #f5f5f5;
    padding: 20px;
}

/* メインセクション */
.service-category-section {
    max-width: 1200px;
    margin: 0 auto;
    background-color: #f9f9f9;
    padding: 30px;
    border-radius: 8px;
}

/* ヘッダー部分 */
.service-category-header {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.service-category-icon {
    margin-right: 12px;
}

.service-category-icon img {
    width: 40px;
    height: auto;
}

.service-category-title {
    font-size: 20px;
    font-weight: bold;
    color: #333;
}

/* グリッドレイアウト */
.service-category-grid {
    list-style: none;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 12px;
    margin-top: 20px;
}

/* カテゴリーアイテム */
.service-category-item {
    margin: 0;
}

.service-category-item a {
    display: block;
    background: linear-gradient(135deg, #40A037 0%, #3a9b6a 100%);
    color: white;
    text-decoration: none;
    padding: 12px 16px;
    border-radius: 6px;
    font-weight: bold;
    text-align: center;
    transition: all 0.3s ease;
    box-shadow: 0 2px 4px rgba(45, 134, 89, 0.2);
    border: 2px solid transparent;
}

.service-category-item a:hover {
    background: linear-gradient(135deg, #245a47 0%, #2d8659 100%);
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(45, 134, 89, 0.3);
}

.service-category-item a:active {
    transform: translateY(0);
    box-shadow: 0 2px 4px rgba(45, 134, 89, 0.2);
}

/* レスポンシブ対応 */
@media (max-width: 768px) {
    .service-category-section {
        padding: 20px 15px;
    }

    .service-category-grid {
        grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
        gap: 10px;
    }

    .service-category-item a {
        padding: 10px 12px;
        font-size: 14px;
    }

    .service-category-title {
        font-size: 18px;
    }
}

@media (max-width: 480px) {
    .service-category-grid {
        grid-template-columns: 1fr 1fr;
        gap: 8px;
    }

    .service-category-item a {
        padding: 10px 8px;
        font-size: 13px;
    }
}
/* 追加260716 */
.w-beforeFooter{
    overflow: visible;
}
.wp-singular .wp-block-columns, .page-id-1065 .wp-block-columns{
    justify-content: center;
}