@charset "utf-8";
/* CSS Document */
/*@import url('https://fonts.googleapis.com/css2?family=M+PLUS+1p:wght@100;300;400;500;700;800;900&display=swap'); */
/*@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP'); */

html{
font-size: 62.5%;
}
/*


body{
font-size: 1.6rem;
line-height: 1.75em;
font-family: 'メイリオ', 'Meiryo','ＭＳ ゴシック','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',sans-serif;
color: #2e2e2e;
}

@font-face {
src: url("/wp-content/themes/renewal2021/fonts/MPLUS1p-Light.woff") format("woff");
font-family: "M PLUS 1p";
font-weight: 300;
font-display: swap;
}
@font-face {
src: url("/wp-content/themes/renewal2021/fonts/MPLUS1p-Regular.woff") format("woff");
font-family: "M PLUS 1p";
font-weight: 400;
font-display: swap;
}
@font-face {
src: url("/wp-content/themes/renewal2021/fonts/MPLUS1p-Medium.woff") format("woff");
font-family: "M PLUS 1p";
font-weight: 600;
font-display: swap;
}
@font-face {
src: url("/wp-content/themes/renewal2021/fonts/MPLUS1p-Bold.woff") format("woff");
font-family: "M PLUS 1p";
font-weight: 700;
font-display: swap;}
@font-face {
src: url("/wp-content/themes/renewal2021/fonts/MPLUS1p-ExtraBold.woff") format("woff");
font-family: "M PLUS 1p";
font-weight: 800;
font-display: swap;}
@font-face {
src: url("/wp-content/themes/renewal2021/fonts/MPLUS1p-Black.woff") format("woff");
font-family: "M PLUS 1p";
font-weight: 900;
font-display: swap;
}
*/

.blinking{
	-webkit-animation:blink 0.5s ease-in-out infinite alternate;
    -moz-animation:blink 0.5s ease-in-out infinite alternate;
    animation:blink 0.5s ease-in-out infinite alternate;
}
@-webkit-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@-moz-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}

.red{
color: #b50d42;
}

.flex{
display: flex;
}

.mainColor{
color: #B50D42;
}

.marker{
background: linear-gradient(transparent 50%, #ffce21 0%)
}

.goHome{
display: none;
}

.commonH2{
margin-bottom: 20px;
padding: 10px;
background-color: #80092E;
color: #fff;
}

.commonH3{
margin-bottom: 20px;
border-bottom: solid 4px #80092E;
color: #80092E;
}

.commonH4{
box-sizing: border-box;
margin-bottom: 20px;
padding: 0.5em 1em;
border-left: solid 5px #80092E;
background-color: #f5f5f5;
}

.commonH5{
box-sizing: border-box;
margin-bottom: 20px;
padding: 0.5em 1em;
background-color: #80092E;
color: #fff;
text-align: center;
font-weight: normal;
}


.inH2{
display: block;
padding: 10px;
border-left: solid 6px #fff;
font-size: 1.8rem;
}

a{text-decoration: none}

.fHalf{font-size: 50%}
.visible{display: block}
.hide{display: none}
.mb10{margin-bottom: 10px}
.mb10Fit{margin-bottom: 10px}
.mb20{margin-bottom: 20px}
.mb20Fit{margin-bottom: 20px}
.txtRed{color:#f00}
.bold{font-weight: bold;}

/* ヘッダエリア */
.headerArea{
margin-bottom: 20px;
background-color: #FAFAE1;
/* background-image:url("/wp-content/themes/renewal2021/img/header-bg-202211.png"); */
min-width: 1060px;
}

.h1Area{
background-color: #B50D42;
}

.h1Top{
margin: auto;
width: 100%;
max-width: 1060px;
min-width: 1060px;
color: #fff;
font-size: 1.2rem;
font-weight: normal;
}


/* ヘッダサブコンテンツ */
.headerSubContens{
display: flex;
margin: 20px auto;
width: 100%;
max-width: 1060px;
min-width: 1060px;
height: 104px;
background-image: url("/wp-content/themes/renewal2021/img/pc-logo.png");
background-repeat: no-repeat;
}

.headerBannerArea{
margin-left: 270px;
width: 420px;
height: 104px;
}

.header3banner{
display: flex;
}

.header3banner li{
width: 100%;
height: 104px;
border: solid #ccc 4px;
box-sizing: border-box;
background-color: #fff;
text-align: center;
}

.header3banner li:nth-of-type(2){
margin: 0 9px;
}

.header3banner li a{
display: block;
box-sizing: border-box;
padding-top: 50px;
width: 100%;
height: 100px;
font-weight: bold;
font-size: 1.4rem;
line-height: 1.5em;
color: #2e2e2e;
text-decoration: none;
background-image: url("/wp-content/themes/renewal2021/img/header-banner-icon.png");
background-repeat: no-repeat;
}

.header3banner li a:hover{
color: #B50D42;
}

.header3banner li:nth-of-type(1) a{background-position: -2px 0;}
.header3banner li:nth-of-type(2) a{background-position: -148px 0;}
.header3banner li:nth-of-type(3) a{background-position: -287px 0;}

.updateArea{
display: flex;
flex-wrap: wrap;
align-items: flex-end;
text-align: center;
margin-left: 10px;
width: 360px;
font-size: 1.2rem;
}

.topTelNum{
margin-top: 0.5em;
width: 100%;
font-size: 4.2rem;
font-weight: 900;
color: #4F2E25;
text-align: center;
}

.updateTxt{
display: block;
width: 100%;
background-color: #4F2E25;
color: #fff;
}

/* トップメインイメージ */
.mainImageArea{
box-sizing: border-box;
margin: auto auto 20px;
width: 1060px;
height: 420px;
background-image: url("/wp-content/themes/renewal2021/img/top-main-bg.jpg");
background-repeat: no-repeat;
}

.mainCacth{
box-sizing: border-box;
padding: 10px 20px 0 673px;
width: 100%;
min-width: 1060px;
height: 120px;
font-family: 'M PLUS 1p', sans-serif;
font-weight: 700;
font-size: 1.4rem;
line-height: 1.75em;
color: #2e2e2e;
}

.pickUpWrap{
margin-left: 410px;
display: flex;
}

.pickUpArea{
box-sizing: border-box;
border: solid 1px #ccc;
width: 200px;
height: 280px;
background-color: #fff;
}

.pickUpArea:hover{
border: solid 1px #B50D42;
}

.pickUpArea:nth-of-type(2){
margin: 0 15px;
}

.pickUpArea a{
display: block;
box-sizing: border-box;
padding: 10px 10px 0;
color: #2e2e2e;
text-decoration: none;
}

.pickUpContainer{
display: flex;
margin-top: 5px;
}

.pickUpSpec{
margin-left: 10px;
width: 100px;
}

.picLabel01{
margin-bottom: 5px;
background-color: #2D651E;
color: #fff;
font-size: 1.2rem;
text-align: center;
line-height: 1.75em;
}

.picLabel02{
margin-bottom: 5px;
background-color: #B50D42;
color: #fff;
font-size: 1.2rem;
text-align: center;
line-height: 1.75em;
}

.picLabel03{
margin-bottom: 5px;
border: solid 1px #2e2e2e;
color: #2e2e2e;
font-size: 1.2rem;
text-align: center;
line-height: 1.75em;
}

.pickUpPrice{
text-align: center;
line-height: 1em;
}

.pickUpTit{
margin-bottom: 5px;
font-size: 1.1rem;
line-height: 1.25em;
white-space: nowrap;
}

.pickUpListPrice{
font-size: 2rem;
font-weight: bold;
}

.smallTxt11{
font-size: 1.1rem;
}

.center{
text-align: center;
line-height: 1em;
}

.sallTit{
margin-top: 3px;
margin-bottom: 5px;
background-color: #B50D42;
color: #FFFF9E;
font-size: 1.1rem;
line-height: 2.2em;
text-align: center;
}

.sallPrice{
text-align: center;
font-size: 2.4rem;
font-weight: bold;
line-height: 1em;
color: #B50D42;
}

.leftShadow,
.rightShadow,
.leftCursol,
.rightCursol{
display: none;
}

/* パンくず */
#breadCrumbArea{
padding: 5px 10px;
background-color: #f5f5f5;
margin-bottom: 15px;
}

#breadCrumbArea ul{
display: flex;
margin-bottom: 0;
}

#breadCrumbArea ul li{
padding: 0 0.5em;
}

#breadCrumbArea ul li::before{
content:"> ";
}

#breadCrumbArea ul li a{
color: #B50D42;
}

/*コンテンツラップ*/
.columnWrap{
display: flex;
margin: auto;
width: 100%;
max-width: 1060px;

}

/* サイドバー */
.sidebarArea{
margin-right: 20px;
width: 200px;
min-width: 200px;
}

.localSubTit{
background-color: #17330F;
color: #fff;
text-align: center;
font-weight: bold;
}

.sideBannerArea.blog a{
background: #B50D42;
color: #fff;
margin-bottom: 20px;
padding: 10px;
text-align: center;
font-weight: bold;
display: flex;
justify-content: center;
align-items: center;
position: relative;
}
.sideBannerArea.blog a:hover{
    opacity: .9;
}
.sideBannerArea.blog a::after {
    content: '';
    position: absolute;
    top: 50%;
    right: 20px;
    transform: rotate(45deg) translateY(-50%);
    width: 6px;
    height: 6px;
    border-width: 2px 2px 0 0;
    border-style: solid;
    border-color: #fff;
}

.sideBannerArea{
    margin-bottom: 20px;
}
.searchBox{
box-sizing: border-box;
border: solid 1px #ccc;
margin-bottom: 20px;
padding: 10px;
text-align: center;
}

.screen-reader-text{
display: none;
}

.search-field{
box-sizing: border-box;
margin-bottom: 5px;
border: solid 1px #2e2e2e;
height: 30px;
width: 100%;
}

.search-submit{
width: 100%;
}

.sideTit{
padding: 0.2em 0;
background-color: #4F2E25;
color: #fff;
text-align: center;
}

.sideDl{
font-size: 1.2rem;
font-style: normal;
}

.sideDl dt{
margin-bottom: 0.5em;
padding-left: 5px;
background-color: #f5f5f5;
}

.sideDl dd{
margin-bottom: 1em;
line-height: 1.5em;
}

.sideMenu{
margin-bottom: 20px;
padding-bottom: 20px;
background-color: #ECF1EB;
border-bottom: solid 4px #2D651E;
}

.sideMenu li{
margin: 0 10px;
padding: 5px 0;
font-size: 1.4rem;
border-bottom: dotted 1px #2e2e2e;
}

.sideMenu li a{
color: #2e2e2e;
}

.sideMenu li a:hover{
color: #B50D42;
}

.localMenu{
padding: 10px 5px;
background-color: #2D651E;
color: #fff;
text-align: center;
font-weight: bold;
}


/* コンテンツエリア */
.contentsArea{
width: 100%;
max-width: 100%;
min-width: 840px;
}

.linkBox{
display: block;
border: solid 1px #f00;
padding: 0.5em;
text-align: center;
color: #f00;
}


/* 投稿画面 */
.postArea{
margin-bottom: 20px;
font-size: 1.6rem;
}

.postArea img{
max-width: 100%;
}
.widthWrap .widthLeft img {
}
.widthWrap .widthLeft img {
}



.postWrap2{
display: flex;
margin-bottom: 20px;
}

.postWrap3{
display: flex;
}

.postWrap3 *:nth-child(2){
margin: auto 9px;
}

.post2Left{
width: 100%;
max-width: 260px;
}

.post2Right{
padding: 0 1em;
}

/* //投稿画面 */

.topCopy{
margin-bottom: 30px;
text-align: center;
font-family: 'M PLUS 1p', sans-serif;
font-weight: 900;
font-size: 6.0rem;
line-height: 1em;
}

.reasonWrap{
margin-bottom: 20px;
padding: 0 1em;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

.reason{
margin-bottom: 1em;
padding: 12px;
background-color: #FBF7F2;
font-size: 1.4rem;
text-align: justify;
line-height: 1.75em;
width: 100%;
max-width: 29%;
border-radius: 6px;
}

.reason h3{
margin: 0.2em 0 0.6em;
text-align: center;
font-family: 'M PLUS 1p', sans-serif;
font-weight: 900;
font-size: 2.9rem;
}

.oneColumnTxt{
padding: 0 1em;
font-size: 1.6rem;
line-height: 1.75em;
text-align: justify;
}

.oneColumnTxt p{
margin-bottom: 1em;
}

.oneColumnTxt2{
margin-bottom: 20px;
padding: 1em;
font-size: 1.6rem;
line-height: 1.75em;
text-align: justify;
background-color: #FBF7F2;
}


.exList{margin-bottom: 20px;}

.exList li{
padding: 1em;
border-bottom: dotted 1px #2e2e2e;
font-size: 1.8rem;
line-height: 1em;
}

.exList li::before{
content:"●";
color: #E84830;
}

.bannerTxt{
margin-bottom: 20px;
padding: 1em;
text-align: center;
border: solid 4px #ccc;
}

.bannerTxt a{
display: block;
}

.bannerTxt a:hover{
opacity: 0.5;
}

.bannerBigTxt{
font-size: 3.6rem;
font-family: 'M PLUS 1p', sans-serif;
font-weight: 900;
line-height: 1.75em;
color: #E84830;
}

.bannerNormalTxt{
font-size: 3.6rem;
line-height: 1.75em;
color: #E84830;
}

.threeColumnArea{
margin-bottom: 20px;
display: flex;
}

.tBanner{
border: solid 1px #ccc;
width: 100%;
background-color: #fff;
text-align: center;
}

.tBanner:hover{
border: solid 1px #B50D42;
}

.tBanner:nth-of-type(2){
margin: auto 12px;
}

.tBanner a{
display: block;
padding: 0.5em;
}

.tBanner h3{
font-size: 1.6rem;
font-weight: normal;
color: #2e2e2e;
}

.tBanner dl{
color: #B50D42;
}

.tBanner dt{
font-size: 1.6rem;
}

.tBanner dd{
font-size: 2.4rem;
font-weight: bold;
}

.singleH1{
margin-bottom: 20px;
padding: 1em 0.5em;;
background-color: #F5F5F5;
font-size: 1.6rem;
font-weight: normal;
}

.boxWrap{
margin-bottom: 20px;
display: flex;
}

.leftBox{
margin-right: 20px;
}

.mainPhoto{
margin-bottom: 20px;
min-height: 300px;
display: flex;
align-items: flex-start;
}

.thumWrap{
display: flex;
}

.thumPhoto{
box-sizing: border-box;
padding: 10px;
border: solid 1px #ccc;
width: 80px;
height: 80px;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
}

.thumPhoto:nth-of-type(2){
margin: auto 10px;
}

.rightBox{
width: 100%;
}

.logoAreaWrap{
margin-bottom: 20px;
display: flex;
align-items: center;
}

.logoAreaWrap > p{
padding: 0.5em 1em 0.2em 0;
}

.subTit{
font-size: 1.6rem;
line-height: 1.5em;
}

.subData{
margin-bottom: 20px;
padding: 0.5em;
background-color: #404040;
color: #fff;
text-align: center;
}

.dataWrap{
margin-bottom: 5px;
display: flex;
border: solid 1px #ccc;
}

.dataWrap > div{
width: 50%;
}

.dataName{
border-right: solid 1px #ccc;
font-size: 1.4rem;
}
.dataName,.dataPrice{
padding: 0.5em;
width: 100%;
text-align: center;
}

.grayBack{
margin-bottom: 0.5em;
background-color: #F5F5F5;
}

.makerTit{
font-size: 1.4rem;
}

.makerTaxIn{
font-size: 2.4rem;
font-weight: bold;
}

.makerNoTax{
font-size: 1.2rem;
}

.setSum{
margin-bottom: 10px;
padding: 1em;
background-color: #f5f5f5;
text-align: center;
font-size: 2.4rem;
font-weight: bold;
}

.smallTxt12{
font-size: 1.2rem;
}

.cursolUnder{
margin-bottom: 10px;
text-align: center;
}

.adtechTit{
margin-bottom: 10px;
padding: 0.5em;
background-color: #2D651E;
color: #fff;
font-size: 2.4rem;
font-weight: bold;
text-align: center;
}

.DiscountRate{
font-size: 2.8rem;
font-weight: bold;
color: #B50D42;
}

.adtechTaxIn{
font-size: 2.8rem;
font-weight: bold;
color: #B50D42;
}

.subsidy{
font-size: 2.8rem;
font-weight: bold;
color: #0d95b5;
}

.txtBlue{
color: #0d95b5!important;
padding-bottom: 0!important;
}

.allSumPrice{
margin-bottom: 20px;
padding: 0.2em;
background-color: #B50D42;
color: #fff;
font-size: 2.6rem;
font-weight: bold;
line-height: 1.75em;
text-align: center;
}

.komiPrice{
font-size: 3.6rem;
}

.noritzRinnaiWrap{
margin-bottom: 40px;
display: flex;
}

.bannerArea01,.bannerArea02{
width: 100%;
border: solid 4px #ccc;
background-image: url("/wp-content/themes/renewal2021/img/wh-banner-bg.jpg");
background-repeat: no-repeat;
}

.bannerArea01 a,
.bannerArea02 a{
display: block;
padding: 10px;
color: #2e2e2e;
}

.bannerArea01 a:hover,
.bannerArea02 a:hover{
color: #B50D42;
}


.bannerArea01 a p,
.bannerArea02 a p{
margin-left: 123px;
}

.bannerArea01{
margin-right: 10px;
}

.bannerArea02{
background-position: right;
}

.bannerTit{
margin-top: 10px;
font-size: 1.8rem;
font-weight: bold;
}

.bannerDesc{
font-size: 1.4rem;
line-height: 1.75em;
text-align: justify;
}

.bannerCase{
margin-bottom: 40px;
position: relative;
}

.infoListArea{
margin-bottom: 40px;
height: 150px;
overflow-y: scroll;
}

.infoListArea li{
padding: 0.5em 0;
border-bottom: dotted 1px #2e2e2e;
font-size: 1.4rem;
}

.infoListArea li a{color: #2e2e2e;}

.date{
padding-right: 1em;
}

.bannerContactWrap{
margin-bottom: 20px;
display: flex;
}

.bannerContact01,
.bannerContact02{
padding-bottom: 5px;
border: solid 1px #ccc;
width: 100%;
font-size: 1.3rem;
line-height: 1.75em;
background-image: url("/wp-content/themes/renewal2021/img/contact-banner.png");
background-repeat: no-repeat;
}

.bannerContact01 a,
.bannerContact02 a{
color: #2e2e2e;
}

.bannerContact01 a:hover,
.bannerContact02 a:hover{
color: #B50D42;
}

.bannerContact01 p,
.bannerContact02 p{
padding: 122px 10px 0;
}

.bannerContact01{
margin-right: 20px;
background-position: 1px 1px;
}

.bannerContact02{
background-position: -429px 1px;
}

/* カテゴリページ */
.cateImageArea{
box-sizing: border-box;
margin: auto auto 20px;
width: 100%;
max-width: 1060px;
min-width: 1060px;
}

.whCateBox{
box-sizing: border-box;
margin-bottom: 20px;
padding: 20px;
display: flex;
border: solid 1px #ccc;
}

.thumCateImg p{
text-align: center;
}

.cateLogo{
margin-bottom: 10px;
}

.cateRight{
margin-left: 20px;
width: 100%;
}

.whThum img{
min-width: 120px;
}

.cateWhCatch{
box-sizing: border-box;
margin-bottom: 20px;
padding: 0.5em;
border: solid 1px #80092E;
background-color: #f5f5f5;
color: #80092E;
text-align: center;
font-family: 'M PLUS 1p', sans-serif;
font-weight: 900;
font-size: 3.6rem;
}

.seriesWrap{
display: flex;
}

.seriesWrap > div{
width: 100%;
}

.seriesRight{
margin-left: 20px;
}

.autoTit{
box-sizing: border-box;
margin-bottom: 10px;
padding: 0.5em;
background-color: #4F2E25;
color: #fff;
text-align: center;
font-weight: bold;
}

.fullAutoTit{
box-sizing: border-box;
margin-bottom: 10px;
padding: 0.5em;
background-color: #E84830;
color: #fff;
text-align: center;
font-weight: bold;
}

.whDataArea{
box-sizing: border-box;
margin-bottom: 10px;
padding: 5px;
border: solid 1px #ccc;
font-size: 1.4rem;
background-color: #fff;
}

.whDataArea:hover{
border: solid 1px #B50D42;
cursor: pointer;
}

.whName01{
display: inline-block;
margin-bottom: 5px;
background-color: #f5f5f5;
color: #2e2e2e;
min-width: 80px;
text-align: center;
}

.whName02{
display: inline-block;
color: #2e2e2e;
}

.komiCatch{
box-sizing: border-box;
padding: 0.5em;
background-color: #B50D42;
color: #fff;
text-align: center;
font-weight: bold;
}

.setPrice{
padding-top: 0.5em;
text-align: center;
color: #B50D42;
}

.txt12{
font-size: 1.2rem;
line-height: 1.75em;
}


.txt24{
font-size: 2.4rem;
font-weight: bold;
}

.colorB{
color: #2e2e2e;
}

/* エリア別ページ */
.apartmentList{
margin-bottom: 20px;
display: flex;
flex-wrap: wrap;
border-top: solid 1px #000;
border-left: solid 1px #000;
font-size: 1.4rem;
}

.apartmentList dt,.apartmentList dd{
box-sizing: border-box;
padding: 0.5em;
width: 100%;
max-width: 50%;
border-bottom: solid 1px #000;
border-right: solid 1px #000;
}

.apartmentList a{
color: #B50D42;
}



.pageTop{
width: 60px;
height: 60px;
position: fixed;
bottom: 340px;
right: 0;
}

/* サイド固定ボタン */
.lineFixButton{
width: 60px;
height: 60px;
position: fixed;
top: 160px;
right: 0;
}

.mailFixButton{
width: 60px;
height: 60px;
position: fixed;
top: 240px;
right: 0;
}



/* enquiry */
.enqList{
margin: 2em 0;
border-top: solid 1px #666;
}

.enqList li{
margin: 0.5em 0;
border-bottom: dotted 1px #666;
}

.enqList li:last-of-type{
border-bottom: solid 1px #666;
}

.enqWrap{
display: flex;
flex-wrap: wrap;
border-bottom: solid 1px #ccc;
}

.enqWrap > div{
padding: 1em;
width: 100%;
box-sizing: border-box;
}

.enqLeft{
max-width: 40%;
border-left: solid 1px #ccc;
border-top: solid 1px #ccc;
}

.enqLeft img{
display: block;
border: solid 1px #ededed;
}

.enqRight{
max-width: 60%;
border-right: solid 1px #ccc;
border-left: solid 1px #ccc;
border-top: solid 1px #ccc;
}

.encRadio .wpcf7-list-item{
display: block;
margin: 0.5em 0;
}

.submitWrap{
margin: 1em auto;
display: block;
width: 80%;
max-width: 600px;
}

.btnArea > span{
margin: auto auto 2em;
display: block;
text-align: center;
}

.lineBannerArea{
margin: 20px auto;
}

.submitWrap input{
width: 100%;
max-width: 600px;
font-size: 150%;
}

.tfa02{
width: 100%;
height: 4em;
}

/* ファイル添付ボタン */
label.up_link {
padding: 1em;
border-radius: 5px;
  display: block;
  cursor: pointer;
  background: #B50D42;
  color: #fff;
  font-size: 1.4rem;
  line-height: 1.5em;
  text-align: center;
}
.up_link::before{
  font-weight: 900;
  font-family: "Font Awesome 5 Free";
  margin-right: .3em;
}
label.up_link + img{
  width: 100%;
}
label.up_link input{
  display: none;
}
.img_form {
  position: relative;
  max-width: 300px;
  margin: 1em auto;
}
a.del{
  text-decoration: none;
}
a.del::after{
  position: absolute;
  top: 5px;
  right: 5px;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f057";
  font-size: 2.0em;
  color: #000;
}
a.del::before{
  content: "";
  position: absolute;
  top: 7px;
  right: 7px;
  width: 1.8em;
  height: 1.8em;
  background: #fff;
  border-radius: 50%;
}

/* フォームアラート */
.wpcf7-not-valid-tip{
	z-index: 99999999;
}

/* reason */
.reasnFuanImg{
margin-right: 1em;
}

.reasnFuanImg img{
width: 200px;
min-width: 200px;
}

/* TOPカテゴリリスト */
.topCateWrap{
margin-bottom: 40px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

.topCateBoxWrap{
margin-bottom: 12px;
box-sizing: border-box;
display: flex;
padding: 9px;
max-width: 272px;
border: solid 1px #c3c3c3;
border-radius: 6px;
}
.topCateLeft{
margin-right: 10px;
}
.topItemH4{
font-size: 1.8rem;
text-align: center;
color: #333;
}
.topPriceTit{
background-color: #80092e;
color: #fff;
font-size: 1.2rem;
text-align: center;
border-radius: 10000px;
}
.topPriceTax{
font-size: 2.4rem;
font-weight: bold;
color: #80092e;
text-align: center;
}


/* GMAP */
.gMap{
margin: auto auto 20px;
text-align: center;
overflow: hidden;
}

/* googleマイビジネス口コミ */
.wp-gr .wp-google-place div{
display: inline-block;
}

.wp-gr .wp-google-place{
padding-bottom: 0.5em!important;
border-bottom:solid 1px #000!important;
}

.wp-gr .wp-google-review{
border-bottom:dotted 1px #000!important;
}

/* WH オプション部材 */
.wrapWhOptTriple{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}

.optionWhBox{
margin-bottom: 1em;
max-width: 272px;
box-sizing: border-box;
border: solid 1px #80092e;
border-radius: 3px;
}

.whOptRead{
margin-bottom: 1em;
}

.optionWhBox h3{
background-color: #80092e;
text-align: center;
color: #fff;
}

.whOptImg{
padding-top: 10px;
width: 100%;
text-align: center;
}

.whOptImg img{
max-width: 250px;
}

.whOptTxt{
margin: 10px;
}



/* old post */
.tWrap{
margin-bottom: 20px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

.postArea h2.h2{
box-sizing: border-box;
margin-bottom: 20px;
padding: 0.5em 1em;
border-left: solid 5px #80092E;
background-color: #f5f5f5;
}

.postArea .wrapDouble{
margin-bottom: 20px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

.bannerColumn3Wrap{
display: flex;
justify-content: space-between;
margin-bottom: 40px;
}

/* 給湯器リモコン */
.optRemoRead{
margin-bottom: 20px;
padding: 1em;
background-color: #e6b7c6;
}

.optRemoWrap{
margin-bottom: 20px;
display: flex;
border-bottom: solid 1px #80092e;
}

.optRemoLeft{
margin-right: 20px;
width: 100%;
min-width: 300px;
max-width: 300px;
}

.optRemoImg{
border: solid 5px #ccc;
}

.remoTit{
margin-bottom: 0.5em;
padding-bottom: 0.3em;
font-size: 2.1rem;
font-weight: normal;
border-bottom: solid 1px #000;
}

.remoSubTit{
color: #80092e;
font-size: 1.6rem;
font-weight: normal;
}

.remoSubTit + p{
margin-bottom: 10px;
font-size: 1.6rem;
}

.remoOptfuntTit{
margin-bottom: 4px;
padding: 0.5em;
background-color: #76639e;
color: #fff;
text-align: center;
font-weight: normal;
}

.remoOptfuntSubTit{
margin-bottom: 4px;
padding: 0.1em;
background-color: #dcd7e6;
color: #33166e;
text-align: center;
font-weight: normal;
}


.remoOptFuncWrap ul{
margin-bottom: 10px;
display: flex;
flex-wrap: wrap;
font-size: 1.2rem;
justify-content: space-between;
}

.remoOptFuncWrap ul::after{
display: block;
content: "";
width: 258px;
}

.remoOptFuncWrap ul li{
margin-bottom: 4px;
width: 100%;
max-width: 127px;
background-color: #519191;
text-align: center;
}

.remoOptFuncWrap02 ul{
margin-bottom: 10px;
display: flex;
flex-wrap: wrap;
font-size: 1.2rem;
justify-content: space-between;
}

.remoOptFuncWrap02 ul li{
margin-bottom: 4px;
width: 100%;
max-width: 258px;
background-color: #519191;
text-align: center;
}

.funcOn{
color: #fff;
}

.funcOff{
color: #a4c5c5;
}

.remoOptCorresTit{
margin-bottom: 4px;
padding: 0.5em;
border: solid 1px #000;
text-align: center;
font-weight: normal;
}

.remoOptCorresWrap ul{
margin-bottom: 20px;
display: flex;
flex-wrap: wrap;
}

.remoOptCorresWrap ul li{
margin-right: 4px;
margin-bottom: 4px;
padding: 0 1em;
background-color: #e5e5e5;
font-size: 1.2rem;
text-align: center;
}

.remoOptPriceArea{
margin-bottom: 20px;
display: flex;
justify-content: space-between;
}

.remoOptPriceArea > div{
width: 100%;
max-width: 258px;
}

.roListPrice,.roSellingPrice{
display: flex;
font-size: 1.6rem;
line-height: 1.5em;
}


.roListPrice p:first-of-type{
font-size: 1.6rem;
text-align: center;
background-color: #000;
color: #fff;
width: 100%;
max-width: 127px;
display: flex;
align-items: center;
justify-content: center;
}

.roListPrice p:last-of-type{
border: solid 1px #000;
text-align: center;
width: 100%;
max-width: 127px;
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
}

.roSellingPrice p:first-of-type{
font-size: 1.6rem;
text-align: center;
background-color: #80092e;
color: #fff;
width: 100%;
max-width: 127px;
display: flex;
align-items: center;
justify-content: center;
}

.roSellingPrice p:last-of-type{
border: solid 1px #80092e;
color: #80092e;
text-align: center;
width: 100%;
max-width: 127px;
}

.rcAnnotation{
margin-bottom: 20px;
font-size: 1.1rem;
line-height: 1.5em;
}

.remoCampPrice{
margin-bottom: 20px;
padding: 0.5em;
background-color: #80092e;
color: #fff;
text-align: center;
font-size: 2.1rem;
font-weight: bold;
}

.optRcH4{
margin-bottom: 20px;
padding: 0.5em 0;
background-color: #f5f5f5;
text-align: center;
}
.optRcH5{
margin-bottom: 10px;
border-bottom: solid 4px #b50d42;
}
.optRcTit a{
color: #b50d42;
}
.optRcWrap{
margin-bottom: 10px;
padding-bottom: 10px;
display: flex;
justify-content: space-between;
align-items: center;
border-bottom: solid 1px #000;
}
.optRcPD{
display: flex;
}
.optRcPD dt{
padding: 0.1em 0.5em;
background-color: #b50d42;
color: #fff;
text-align: center;
}
.optRcPD dd{
padding: 0.1em 0.5em;
border: solid 1px #b50d42;
text-align: center;
}

.optRcDesc{
font-size: 1.2rem;
line-height: 1.5em;
}

.lineHeaderBtn{
display: none;
}

.whType{
margin-bottom: 0.5em;
font-weight: bold;
border-bottom: dotted 1px #666;
}
.makerNewTit{
font-size: 1.4rem;
line-height: 1.5em;
}
.makerNewTaxIn{
font-size: 1.8rem;
font-weight: bold;
}
.cursolUnderIn{
margin: auto;
width: 10%;
}
.adPriceTit{
padding: 0.5em 0;
background-color: #B50D42;
color: #fff;
font-weight: bold;
line-height: 1.5em;
}
.adPriceTaxIn{
padding-top: 0.5em;
font-size: 3.6rem;
font-weight: bold;
color: #B50D42;
}
.adConstPriceTaxIn{
padding-top: 0.1em;
font-size: 3.6rem;
font-weight: bold;
color: #B50D42;
}
.percent{
font-size: 2.4rem;
color: #ff0;
}

.posCursol{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
text-align: center;
}


/* スピード見積りサイドボタンエリア */
.speedEnqArea{
position: fixed;
right: -100%;
bottom: 120px;
padding: 1em;
box-sizing: border-box;
max-width: 290px;
background-color: #fff;
border-bottom-left-radius: 6px;
border-top-left-radius: 6px;
border-bottom: solid 2px #80092E;
border-top: solid 2px #80092E;
border-left: solid 2px #80092E;
font-size: 1.6rem;
}

.speedEnqBtn{
position: fixed;
right: 0;
bottom: 430px;
}

.speedEnqSubmit{
margin-top: 1em;
}

.speedEnqSubmit input{
width: 100%;
height: 44px;
}



/* 各ページ施工事例リスト */
.contentsArea .caseListWrap{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.contentsArea .caseListWrap::before{
  content:"";
  display: block;
  width:29%;
  order:1;
}
.contentsArea .caseListWrap::after{
  content:"";
  display: block;
  width:29%;
}
.contentsArea .caseListWrap a{
  color:#2e2e2e;
}
.contentsArea .caseSubBox{
margin-bottom: 1em;
border: solid 2px #80092e;
box-sizing: border-box;
width: 100%;
max-width: 160px;
font-size: 1.4rem;
}

.contentsArea .caseSubBox.beforeAfter{
max-width: 415px;
background-color: #F5F5F5;
display: flex;
align-items: center;
}

.contentsArea .caseSubBox.beforeAfter .jireiNewWrap{
box-sizing: border-box;
padding: 10px;
display: flex;
justify-content: space-between;
align-items: center;
width: 52%;
}

.contentsArea .caseSubBox.beforeAfter .jireiNewBefore,.jireiNewAfter{
width: 100%;
max-width: 360px;
}

.contentsArea .caseSubBox.beforeAfter .jireiNewBeTit{
background-color: #404040;
text-align: center;
color: #fff;
}

.contentsArea .caseSubBox.beforeAfter .jireiNewAfTit{
background-color: #2D6554;
text-align: center;
color: #fff;
}

.contentsArea .caseSubBox.beforeAfter .jireiNewPhoto{
margin-top: 1px;
object-fit: contain;
}

.contentsArea .caseSubBox.beforeAfter .jireiNewDesc{
padding:5px 5px 5px 0;
}

.contentsArea .caseSubBox.beforeAfter .jireiNewDesc p,
.contentsArea .caseSubBox.beforeAfter .jireiNewDesc time{
line-height: 1.3;
margin-bottom: .5em;
}


.contentsArea .caseSubBox a{
color: #000;
}
.contentsArea .caseSubDate{
background-color: #80092e;
color: #fff;
text-align: center;
}
.contentsArea .caseSubImg{
margin: 3px auto auto;
max-width: 150px;
}
.contentsArea .caseImg img{
max-width: 150px;
}
.contentsArea .caseSubTit{
margin: 0.5em auto;
padding-bottom: 0.5em;
max-width: 150px;
font-size: 1.2rem;
font-weight: normal;
line-height: 1.5em;
border-bottom: dotted 1px #80092e;
}
.contentsArea .caseSubTxt{
margin: auto auto 0.5em;
max-width: 150px;
font-size: 1.2rem;
line-height: 1.5em;
}



/* 2023LP */
.lpWh2023H2{
padding: 0.5em;
background-color: #072B55;
color: #FFE100;
box-sizing: border-box;
font-size: 2.4rem;
font-family: 'M PLUS 1p', sans-serif;
font-weight: 900;
line-height: 1.5em;
}
.lpWh2023H3{
margin-bottom: 1em;
padding: 0.5em;
font-size: 2.4rem;
color: #072b55;
border-bottom: solid 4px #072b55;
}

.lpWh202306H3{
margin-bottom: 1em;
padding: 0.5em;
font-family: 'M PLUS 1p', sans-serif;
font-size: 2.4rem;
line-height: 1.5em;
color: #072b55;
font-weight: 900;
}

.redP{
padding: 0.5em;
font-family: 'M PLUS 1p', sans-serif;
font-size: 2.4rem;
line-height: 1.5em;
color: #f00;
font-weight: 900;
}

.lpTxtBanner{
margin-bottom: 20px;
padding: 0.5em 0;
font-family: 'M PLUS 1p', sans-serif;
font-weight: 900;
text-align: center;
font-size: calc(24px + 36 * (100vw - 320px) / 1600);
background-color: #FF0000;
color: #ff0;
line-height: 1.5em;
}

.lpTxtSubBanner{
margin-bottom: 20px;
padding: 0.5em 0;
font-family: 'M PLUS 1p', sans-serif;
font-weight: 600;
text-align: center;
font-size: calc(16px + 36 * (100vw - 320px) / 1600);
background-color: #072B55;
color: #fff;
line-height: 1.5em;
}

.lpTxtRead{
margin-bottom: 5px;
padding: 0.5em;
font-family: 'M PLUS 1p', sans-serif;
font-weight: 600;
font-size: calc(16px + 24 * (100vw - 320px) / 1600);
color: #000;
line-height: 1.5em;
}



.ytWrap{
display: flex;
}
.ytWrap > div{
width: 50%;
}
.ytRight{
box-sizing: border-box;
padding: 1em;
background-color: #F7F8FA;
font-family: 'M PLUS 1p', sans-serif;
font-size: 1.6rem;
font-weight: 900;
}
.ytTxt{
font-weight: 400;
}
.youtube {
  width: 100%;
  aspect-ratio: 16 / 9;
}
.youtube iframe {
  width: 100%;
  height: 100%;
}

.lpWh2023Menu{
box-sizing: border-box;
margin: 1em;
}

.lpWh2023Menu li{
padding-left: 20px;
list-style-type: none;
background-image: url("/wp-content/post-img/lp-wh-2023/listmark.png");
background-repeat: no-repeat;
background-size: 18px;
background-position: 0 50%;
font-family: 'M PLUS 1p', sans-serif;
font-size: 1.8rem;
font-weight: 300;
line-height: 2em;
border-bottom: dotted 1px #000;
}

.lpWh2023Menu li a{
color: #CD1229;
}
.featuresWrap{
box-sizing: border-box;
margin: auto auto 20px;
display: flex;
width: 800px;
}
.featuresLeft{
width: 200px;
}
.featuresRight{
padding-left: 20px;
box-sizing: border-box;
width: 600px;
}
.featuresH3{
margin-bottom: 0.5em;
font-family: 'M PLUS 1p', sans-serif;
font-size: 1.8rem;
font-weight: 900;
color: #CD1229;
border-bottom: solid 4px #072B55;
}
.featuresRight p{
font-size: 1.4rem;
font-family: 'M PLUS 1p', sans-serif;
line-height: 1.75em;
}
.faqBtn a{
margin: 40px auto;
padding: 0.5em;
display: block;
width: 50%;
background-color: #CD1229;
color: #fff;
font-size: 2.4rem;
font-family: 'M PLUS 1p', sans-serif;
font-weight: 900;
text-align: center;
border-radius: 9999px;
}
.whMakerWrap{
margin-top: 20px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.whMakerWrap div{
margin-bottom: 20px;
}

.lp2023Btn{
display: none;
}

.aboutWrap{
display: flex;
margin: auto auto 20px;
width: 800px;
}
.aboutLeft{
box-sizing: border-box;
width: 200px;
}
.aboutRight{
padding-left: 20px;
box-sizing: border-box;
width: 600px;
font-family: 'M PLUS 1p', sans-serif;
}

.constCostWrap{
display: flex;
}

.constTxt{
padding: 1em;
font-size: 1.4rem;
line-height: 1.75em;
background-color: #F7F8FA;
}

.linkDown{
display: none;
}

.torikumiH3{
margin-bottom: 10px;
font-size: 2.1rem;
color: #CD1229;
border-bottom: solid 4px #CD1229;
}
.torikumiTxt{
margin-bottom: 20px;
}

.withDesc{
margin: auto auto 20px;
width: 800px;
font-size: 1.8rem;
line-height: 1.5em;
}
.widthWrap{
margin: auto auto 40px;
display: flex;
flex-wrap: wrap;
width: 800px;
}

.widthWrap div{
border-bottom: solid 1px #000;
}

.info202302{
margin: 1em;
font-size: 1.6rem;
}

.komikomiDesc{
margin-top: 20px;
}

.gssWrap{
display: flex;
margin: auto auto 20px;
width: 800px;
}
.gssLeft{
margin-right: 20px;
}
.gssRight{
font-family: 'M PLUS 1p', sans-serif;
}
.gssRight p,.gssRight li{
font-size: 1.4rem;
font-weight: 400;
}
.gssRight h3{
padding: 0.5em 0;
border-top: solid 1px #000;
border-bottom: solid 1px #000;
font-size: 2.1rem;
font-weight: 900;
}


/* Staff */
.staffWrap{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.staffBox{
box-sizing: border-box;
margin-bottom: 20px;
padding: 9px;
max-width: 410px;
border: solid 1px #bababa;
display: flex;
}
.staffPhoto{
margin-right: 10px;
width: 100%;
max-width: 100px;
}
.staffName{
border-bottom: solid 4px #072b55;
font-family: 'M PLUS 1p', sans-serif;
font-size: 1.6rem;
line-height: 1.5em;
}
.staffComment{
font-family: 'M PLUS 1p', sans-serif;
font-size: 1.4rem;
line-height: 1.75em;
}

/* Sales staff */
.salesStafWrap{
margin-bottom: 20px;
display: flex;
justify-content: space-between;
}

.salesStafWrap div{
width: 100%;
max-width: 420px;
}

.salesStaffMessage{
box-sizing: border-box;
padding: 1em;
background-color: #ffefec;
}
.salesStaffMessage h3{
margin-bottom: 0.5em;
padding-bottom: 0.5em;
font-size: 1.8rem;
color: #333;
border-bottom: solid 3px #ff8c78;
}
.salesStaffMessage p{
font-size: 1.4rem;
line-height: 1.75em;
}


.font-large,.font-large *{font-size: 1.7em!important;line-height: 1.2em;}
.font-medium,.font-medium *{font-size: 1.4em!important;line-height: 1.2em;}
.font-small, .font-small *{font-size: 1em!important;line-height: 1.2em;}

.font-large p,
.font-medium p,
.font-small p{
    padding: 0 5px 0 10px!important;
}


.price-form{
    margin-bottom: 20px;
}
.price-form-heading {
    height: 60px;
    line-height: 60px;
    margin-bottom: 0;
    padding: 0;
    color: #ffffff;
    font-size: 26px;
    font-weight: bold;
    text-align: center;
    text-indent: 0;
    background-color: #072b55;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}
.price-form-main{
    background-color: #eee;
    padding: 24px 2% 34px 2%;
    color: #4a4a4a;
    text-align: left;
}

.price-form-main .price-calc {
    width:500px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.price-form-main table{
    width: 100%;
}

.price-form-main .submit-wrap {
    text-align: center;
    margin-top: 30px;
}

.price-form-main table tr{
    border-bottom: 1px dotted #c0bdb7;
}

.price-form-main table th, .price-form-main table td {
    padding-bottom: 15px;
    padding-top: 5px;
    line-height: 25px;
    font-size: 1.25em;
    vertical-align: middle;
    padding-top: 16px;
}

.price-form-main table th {
    white-space: nowrap;
    padding-left: 1.5vw;
    padding-right: 2em;
}
.price-form-main table td {
    text-align: center;
}
.price-form-main label{
    cursor: pointer;
    margin-right: 1em;
}
.price-form-main label:has(>input[type="radio"]:checked) {
    background: none;
    color: #4a4a4a
}

.price-form-main input[type="checkbox"], .price-form-main input[type="radio"] {
    transform: scale(1.5);
    margin-right: 8px;
}


.price-form-main .form-control {
    display: block;
    width: 100%;
    padding: 0.5rem 0.75rem;
    font-size: 1rem;
    line-height: 1.25;
    color: #191919;
    background-color: #fff;
    background-image: none;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 0.25rem;
}

.price-form-main input[type=number]{
    font-size: 22px;
    margin-right: 8px;
    display: inline-block;
    width: 100px;
    text-align: right;
}

.price-form-main select {
    font-size: 22px;
    display: inline-block;
    padding: 0.5rem 0.75rem;
}

.price-form-main [type=submit]{
    background-color: #fcb900;
}

.price-form-main [type=submit][disabled], .price-form-main [type=submit].disabled {
    background-color: #aaaaaa;
    border-color: #999999;
    pointer-events: none;
}
.price-form-main .btn {
    color: #fff;
    display: inline-block;
    font-weight: normal;
    line-height: 1.25;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: 1rem 3rem;
    font-size: 2rem;
    border-radius: 0.25rem;
}

.price-form-price {
    width: 640px;
    max-width: 80%;
    margin-top: 32px;
    margin-left: auto;
    margin-right: auto;
    background-color: #ffffff;
    border: 3px solid #072b55;
    border-radius: 4px;
    color: #072b55;
}

.price-form-price .price {
    display: block;
    line-height: 78px;
    font-size: 42px;
    font-weight: bold;
    text-align: center;
}

.price-form-price .price small{
    font-size: .8em;
}

#fmcall1{
    background: #fff;
    position: absolute;
    left: 9px;
    bottom: 3px;
    font-size: 55px;
    font-weight: bold;
    width: 53%;
    line-height: 1.2;
    text-align: center;
}
#fmcall1,
#fmcall1 a{
    color: #b50d42;
}

#fmcall1.smt{
    left: 5%;
    font-size: 9vw;
    width: 90%;
    bottom: 1.6%;
    line-height: 1.2;
}

#fmcall2 a{
    margin: 0;
    width: 100%;
}


.pc-only{display: block;}
.sp-only{display: none;}

@media screen and (max-width: 450px) { /* スマホ450以下 *************************************************************************************/

.pc-only{display: none;}
.sp-only{display: block;}


#fmcall2{
    padding: 1px;
    width: 67%;
    position: absolute;
    bottom: 10px;
    left: 16.5%;
    text-align: center;
    font-weight: bold;
    background: #2d651e;
}

#fmcall2 a{
    color:#ffe100;
    font-size: 6.5vw;
}
    
.h1Top,
.headerBannerArea,
.subNavigation{
display: none;
}

.topTelNum{
display: none;
}

.goHome{
display: block;
position: fixed;
top: 0;
left: 0;
width: 280px;
height: 50px;
}

.inBox{
margin-left: 5%;
margin-right: 5%;
}

.mb20{
margin-left: 5%;
margin-right: 5%;
}

.goHome a{
display: block;
width: 100%;
height: 100%;
}

.headerArea{
margin-top: 95px;
background-color: #FAFAE1;
}

.headerSubContens{
margin: 0;
max-width: 100%;;
min-width: 50%;
height: 95px;
background-image: url("/wp-content/themes/renewal2021/img/smt-logo-new.png");
background-size: 45%;
background-position: 5px 5px;
background-color: #fff;
position: absolute;
top: 0;
z-index: 9999;
}

#breadCrumbArea{
display: none;
}
.commonH2{
margin-bottom: 20px;
padding: 5px;
background-color: #80092E;
color: #fff;
}

.commonH3{
padding-left: 5%;
padding-right: 5%;
font-size: 1.4rem;
}


.inH2{
padding: 5px 10px;
font-size: 1.6rem;
line-height: 1.5em;
}


.columnWrap{
flex-wrap: wrap;
flex-direction: column-reverse;
}

.contentsArea{
box-sizing: border-box;
min-width: 100%;
}

.search-submit{
width: 100%;
font-size: 2rem;
}


/* 投稿画面 */
.postArea{
font-size: 1.4rem;
}

.smtBtn{
display: block;
width: 40px;
height: 40px;
position: fixed;
top: 10px;
right: 10px;
z-index: 10000;
}

.lineHeaderBtn{
display: block;
position: fixed;
top: 10px;
right: 57px;
width: 40px;
height: 40px;
}

.postWrap2,.postWrap3{
margin-bottom: 20px;
display: block;
}

.postWrap3 *{
margin-bottom: 20px;
}

.postWrap3 *:nth-of-type(2){
margin: auto;
}

.post2Left{
margin-left: auto;
margin-right: auto;
margin-bottom: 20px;
max-width: 90%;
}

.post2Right{
font-size: 1.2rem;
}


/* サブメニュー */
.whMenu,
.ohMenu,
.eccMenu,
.gcMenu,
.rhMenu,
.cdMenu,
.toiletMenu,
.acMenu{
border: none;
width: 100%;
max-width: 100%;
background-color: #fff;
/*position:static;*/
top: 0;
right: 0;
}

.whMenu li,
.ohMenu li,
.eccMenu li,
.gcMenu li,
.rhMenu li,
.cdMenu li,
.toiletMenu li,
.acMenu li{
font-size: 1.2rem;
}

/***/

.updateArea{
display: flex;
align-items: flex-end;
text-align: center;
margin-left: 0;
width: 100%;
}

.mainImageArea{
margin: 0 auto 20px;
padding-top: 50%;
width: 100%;
height: auto;
background-image: url("/wp-content/themes/renewal2021/img/top-main-bg-smt.jpg");
background-position: center top;
background-size: contain;
position: relative;
}

.mainCacth{
box-sizing: border-box;
padding: 10px 20px;
margin-bottom: 20px;
min-width: 100%;
height: auto;
font-family: 'M PLUS 1p', sans-serif;
font-weight: 700;
font-size: 1.4rem;
line-height: 1.75em;
background-color: #80092E;
color: #fff;
}

.mainCacth a{
color: #FFF069;
}

.pickUpSlide{
position: relative;
}

.pickUpWrap{
box-sizing: border-box;
margin-left: 0;
padding: 0;
display: flex;
}

.pickUpArea{
margin: 0 10px;
}

.topCopy{
margin-bottom: 20px;
text-align: center;
font-family: 'M PLUS 1p', sans-serif;
font-weight: 900;
font-size: 3.4rem;
line-height: 1.5em;
}

.reasonWrap{
padding: 0 5%;
display: flex;
}

.reason{
box-sizing: border-box;
padding: 12px;
margin-bottom: 4%;
max-width: 48%;
}

.reason h3{
margin: 0 0 0.2em;
font-size: 1.8rem;
}

.reason p{
font-size: 1.4rem;
line-height: 1.5em;
}

.exList li{
box-sizing: border-box;
padding: 1em;
font-size: 1.4rem;
line-height: 1.5em;
font-weight: bold;
}

.oneColumnTxt{
font-size: 1.2rem;
}

.oneColumnTxt2{
font-size: 1.2rem;
}

.bannerTxt{
margin-left: 5%;
margin-right: 5%;
box-sizing: border-box;
padding: 0.5em;
}

.bannerBigTxt{
font-size: 2.1rem;
line-height: 1.5em;
}

.bannerNormalTxt{
font-size: 2.1rem;
line-height: 1.5em;
}

.singleH1{
box-sizing: border-box;
padding: 0.5em;
font-size: 1.4rem;
}

.logoAreaWrap{
margin-bottom: 0;
display: block;
text-align: center;
}

.logoAreaWrap > p{
padding: 0.5em 0 0.2em 0;
}

.boxWrap{
display: block;
}

.leftBox{
margin-right: auto;
width: 100%;
display: block;
}

.thumWrap{
width: 100%;
margin: auto;
display: flex;
justify-content: center;
}

.thumWrap div{
margin: auto auto 1em;
}

.mainPhoto{
box-sizing: border-box;
padding: 0 1em;
justify-content: center;
min-height: auto;
margin-left: auto;
margin-right: auto;
}

.leftShadow,
.rightShadow,
.leftCursol,
.rightCursol{
display: block;
position: absolute;
}

.leftShadow{
left: 0;
top: 1px;
}

.leftShadow img{
mix-blend-mode: multiply;
}

.leftCursol{
left: 20px;
top: calc(50% - 17px);
z-index: 800;
}

.rightShadow{
right: 0;
top: 1px;
}

.rightShadow img{
mix-blend-mode: multiply;
}

.rightCursol{
right: 20px;
top: calc(50% - 17px);
z-index: 800;
}

.thumPhoto:nth-of-type(2){
margin: auto auto 1em;
}



.threeColumnArea{
display: block;
padding: 0 5%;
}

.tBanner{
margin-bottom: 20px;
}

.tBanner:nth-of-type(2){
margin: auto auto 20px;
}

.dataName{
font-size: 1.2rem;
}

.makerTit{
font-size: 1.1rem;
}

.makerTaxIn{
font-size: 2.0rem;
}

.makerNoTax{
font-size: 1.1rem;
}

.setSum{
box-sizing: border-box;
margin-left: 5%;
margin-right: 5%;
padding: 0.5em;
font-size: 2.1rem;
}

.DiscountRate{
font-size: 2.0rem;
}

.adtechTaxIn{
font-size: 2.0rem;
}

.subsidy{
font-size: 2.0rem;
}

.allSumPrice{
margin: auto 5% 20px;
padding: 0.5em;
font-size: 1.4rem;
}

.komiTit{
margin-bottom: 1em;
}

.komiPrice{
font-size: 3.6rem;
}

.bannerArea01,.bannerArea02{
box-sizing: border-box;
width: 100%;
margin-bottom: 20px;
}

.bannerArea02{
background-position: -425px 0;
}

.bannerTit{
margin-top: 5px;
font-size: 1.2rem;
}

.bannerDesc{
font-size: 1.2rem;
line-height: 1.75em;
}

.noritzRinnaiWrap{
display: block;
padding: 0 5%;
}


.bannerContactWrap{
display: block;
}

.bannerContact01,
.bannerContact02{
box-sizing: border-box;
margin: auto;
border: solid 2px #ccc;
width: 100%;
max-width: 288px;
background-image: url("/wp-content/themes/renewal2021/img/contact-banner-smt.png");
background-repeat: no-repeat;
}

.bannerContact01 p,
.bannerContact02 p{
padding: 86px 10px 0;
}

.bannerContact01{
margin-right: auto;
margin-bottom: 20px;
background-position: top;
}

.bannerContact02{
background-position: 0 -418px;
}

.dataWrap{
margin-left: 5%;
margin-right: 5%;
line-height: 1.5em;
}

.infoListArea{
margin-left: 5%;
margin-right: 5%;
}

.infoListArea li{
padding: 0.75em 0;
border-bottom: dotted 1px #2e2e2e;
font-size: 1.2rem;
line-height: 1.75em;
}


.bannerCase{
margin-left: 5%;
margin-right: 5%;
}


/* サイドバー */
.sidebarArea{
box-sizing: border-box;
margin-right: auto;
margin-top: 20px;
padding: 0 5%;
width: 100%;
}

.sideBannerArea{
margin-right: auto;
width: 100%;
text-align: center;
}

.tenpo{
text-align: center;
}

/* カテゴリページ */
.cateRight{
margin-left: 10px;
}

.whCateBox{
margin-left: 5%;
margin-right: 5%;
padding: 10px;
}

.cateLeft{
width: 100%;
max-width: 80px;
}

.cateLogo img{
width: 100%;
max-width: 80px;
}

.whThum img{
width: 100%;
max-width: 80px;
min-width: 80%;
}

.cateWhCatch{
font-size: 1.8rem;
}

.seriesWrap{
display: block;
}

.seriesRight{
margin-left: 0;
}

.whName01{
display: block;
}

.komiCatch{
line-height: 1.5em;
}

/* enquiry */
.enqWrap{
display: block;
border-bottom: none;
}

.enqWrap > div{
padding: 0.5em;
width: 100%;
box-sizing: border-box;
}

.enqWrap textarea{
width: 90%;
}

.enqWrap > div.enqRight{
padding-left: 0;
text-align: center;
}

.enqLeft{
margin: auto;
max-width: 90%;
border-left: none;
border-top: none;
background-color: #2D651E;
color: #fff;
}

.enqRight{
margin-bottom: 20px;
max-width: 100%;
border-right: none;
border-left: none;
border-top: none;
}

.wpcf7-text{
box-sizing: border-box;
margin: auto;
width: 90%;
height: 24px;
}

.submitWrap{
margin: 1em auto;
display: block;
width: 80%;
}

.submitWrap input{
padding: 0.5em;
width: 100%;
font-size: 150%;
}

.tfa02{
padding: 0 1em;
width: 90%;
height: 4em;
}


/* カテゴリページ */
.cateImageArea{
min-width: 100%;
}


/* エリア別ページ */
.apartmentList{
margin-left: auto;
margin-right: auto;
width: 90%;
line-height: 1.5em;
}


    
.flash{
animation: flash 1s linear infinite;
color: #ff0;
}
@keyframes flash {
  0%,100% {
    opacity: 1;
  }

  50% {
    opacity: 0;
  }
}

.copyright{
background-color: #B50D42;
color: #fff;
font-size: 1.0rem;
text-align: center;
}

.pageTop{
width: 40px;
height: 20px;
line-height: 1em;
border-left: solid 1px #fff;
border-top: solid 1px #fff;
position: fixed;
bottom: 77px;
right: 0px;
z-index: 940;
}

.smtFooterBtn{
display: block;
width: 100%;
background-color: #fff;
border-top: solid 2px #2e2e2e;
position: fixed;
bottom: 0;
z-index: 950;
}

.btnCatch{
width: 100%;
font-size: 1.1rem;
text-align: center;
}

.btnWrap{
display: flex;
justify-content: space-between;
}

.btnWrap > div{
margin:auto 2px 5px;
padding: 5px 0;
width: 49%;
border-left: solid 1px #fff;
border-right: solid 1px #fff;
font-weight: bold;
line-height: 1.4em;
text-align: center;
color: #fff;
border-radius: 5px;
}

.fBtn01{
background-color: rgb(22,67,58);
background-color: linear-gradient(0deg, rgba(22,67,58,1) 0%, rgba(13,181,128,1) 100%);
background-image: url("/wp-content/themes/renewal2021/img/icon-tel.png");
background-repeat: no-repeat;
background-position: 10px center;
}

.fBtn02{
background-color: #06C755;
background-image: url("/wp-content/themes/renewal2021/img/icon-line.png");
background-repeat: no-repeat;
background-position: 5px 10px;
}

.fBtn03{
background-color: rgb(67,22,31);
background-color: linear-gradient(0deg, rgba(67,22,31,1) 0%, rgba(181,13,66,1) 100%);
background-image: url("/wp-content/themes/renewal2021/img/icon-mail.png");
background-repeat: no-repeat;
background-position: 10px center;
}


@media screen and (max-width: 380px) { 
.fBtn01,.fBtn03{background-image: none;}
}


.fBtn01 a{
color: #fff;
display: block;
width: 100%;
}

.fBtn02 a{
color: #fff;
display: block;
width: 100%;
}

.fBtn03 a{
color: #fff;
display: block;
width: 100%;
}

.bannerColumn3Wrap{
display: block;
}

.bannerColumn3Wrap > div{
margin-bottom: 20px;
text-align: center;
}

/* サイド固定ボタン */
.lineFixButton{
display: none;
}

.mailFixButton{
display: none;
}


/* reason */
.reasnFuanImg{
float: left;
width: 150px;
}

.reasnFuanImg img{
width: 150px;
min-width: 150px;
}

.reasonWrap + *{
clear: both;
}

/* TOPカテゴリリスト */
.topCateWrap{
justify-content: space-around;
}
.topCateBoxWrap{
max-width: calc(50% - 1em);
flex-wrap: wrap;
}
.topCateLeft{
width: 100%;
text-align: center;
}
.topCateRight{
width: 100%;
}
.topCateRight > div > div{
text-align: center;
}
.topItemH4{
font-size: 1.4rem;
}
.topPriceTit{
font-size: 1.2rem;
}
.topPriceTax{
font-size: 2.1rem;
}


/* WH オプション部材 */
.wrapWhOptTriple{
display: block;
}

.optionWhBox{
margin-left: auto;
margin-right: auto;
width: 100%;
min-width: 90%;
}

.whOptRead{
margin-left: 1em;
margin-right: 1em;
font-size: 1.4rem;
font-feature-settings: "palt";
}

.whOptTxt{
font-size: 1.4rem;
line-height: 1.5em;
}

/* 給湯器リモコン */
.optRemoWrap{
flex-wrap: wrap;
}

.optRemoLeft{
margin-right: auto;
margin-left: auto;
margin-bottom: 20px;
max-width: 90%;
}

.remoTit{
text-align: center;
}

.remoSubTit,
.remoSubTit + p{
margin: 0 5%;
}

.remoSubTit + p{
margin-bottom: 20px;
font-size: 1.4rem;
}

.remoOptFuncWrap ul,
.remoOptFuncWrap02 ul{
margin-bottom: 10px;
margin-left: 5%;
margin-right: 5%;
}

.remoOptFuncWrap02 ul li{
max-width: 100%;
}

.remoOptFuncWrap ul li{
margin-bottom: 4px;
max-width: calc(98% / 3);
background-color: #519191;
text-align: center;
}

.remoOptCorresWrap ul{
margin-bottom: 20px;
margin-left: 5%;
margin-right: 5%;
flex-wrap: wrap;
}

.remoOptCorresWrap ul li{
margin-right: 0;
margin-bottom: 4px;
padding: 0 1em;
width: 100%;
}

.remoOptPriceArea{
flex-wrap: wrap;
}

.remoOptPriceArea > div{
margin: auto;
width: 100%;
max-width: 90%;
}

.roListPrice{
padding-bottom: 4px;
}

.roListPrice p:last-of-type{
max-width: 100%;
}

.roSellingPrice p:last-of-type{
max-width: 100%;
}

.rcAnnotation{
margin-left: 5%;
margin-right: 5%;
}

.optRcH4{font-size: 1.2rem;}
.optRcTit{font-size: 1.2rem;}
.optRcPD dt,.optRcPD dd{padding: 0.1em 0.3em; font-size:1.2rem;}

.grayBack{
font-size: 1.1rem;
}

.makerNewTit{
font-size: 1.1rem;
}
.adPriceTit{
font-size: 1.1rem;
line-height: 2em;
}
.adPriceTaxIn{
font-size: 2.1rem;
}
.adConstPriceTaxIn{
font-size: 2.1rem;
}
.cost{
font-size: 1.1rem;
}



/* 2023 */
.ytWrap{
margin: auto 1em;
flex-wrap: wrap;
}
.ytWrap div{
width: 100%;
}
.ytRight{
font-size: 1.4rem;
text-align: center;
}
.ytRight p:first-of-type{
font-size: 2.4rem;
}
.ytTxt{
display: none;
}

.lp2023Btn{
display: block;
}
.lp2023BtnH2{
font-size: 2.4rem;
font-family: 'M PLUS 1p', sans-serif;
font-weight: 900;
text-align: center;
color: #CD1229;
}
.lp2023BtnArea{
margin-bottom: 0;
padding-bottom: 20px;
background-color: #072B55;
}
.mail2023 a,.tel2023 a{
display: block;
margin: auto auto 20px;
width: 90%;
position: relative;
}

.lpWh2023Menu li{
font-size: 1.8rem;
}
.faqBtn a{
width: 80%;
font-size: 1.8rem;
}
.featuresWrap{
box-sizing: border-box;
margin: 1em 1em 20px;
display: flex;
width: 100%;
max-width: calc(100% - 2em);
}
.featuresLeft{
width: 100px;
min-width: 100px;
}
.featuresRight{
box-sizing: border-box;
padding-left: 10px;
width: 100%;
max-width: 100%;
}
.featuresH3{
font-size: 1.8rem;
line-height: 1.5em;
}
.featuresRight p{
font-size: 1.6rem;
font-family: 'M PLUS 1p', sans-serif;
line-height: 1.5em;
}

.whMakerWrap{
box-sizing: border-box;
padding: 0 1em;
}

/* 2カラムにしたい場合は、このコメントを外す
.whMakerWrap div{
width: 48%;
}
*/

.aboutWrap{
display: flex;
margin: auto auto 20px;
width: 100%;
max-width: calc(100% - 2em);
}
.aboutLeft{
box-sizing: border-box;
width: 100px;
}
.aboutRight{
padding-left: 10px;
box-sizing: border-box;
width: 100%;
font-size: 1.6rem;
line-height: 1.5em;
}

.constCostWrap{
display: flex;
flex-wrap: wrap;
}
.constCostWrap p{
margin: auto 1em;
}

.constTxt{
margin: auto 1em;
font-size: 1.2rem;
line-height: 1.75em;
}

.linkDown{
display: inline;
transform: scale(1.5, 1);
}

.torikumiH3{
margin-bottom: 10px;
margin-left: auto;
margin-right: auto;
width: 90%;
font-size: 2.1rem;
color: #CD1229;
border-bottom: solid 4px #CD1229;
}
.torikumiTxt{
margin: auto auto 20px;
width: 90%;
font-size: 1.8rem;
line-height: 1.5em;
}

.saigoni p{
font-size: 1.6rem;
}

.withDesc{
width: 90%;
}

.widthWrap{
margin: auto auto 40px;
display: flex;
flex-wrap: wrap;
width: 90%;
}

.komikomiDesc{
padding: 0 1em;
}

.gssWrap{
display: block;
width: 90%;
}

.gssLeft{
margin-bottom: 20px;
width: 100%;
text-align: center;
}

/* Staff */
.staffWrap{
justify-content: center;
}

/* Sales staff */
.salesStafWrap{
display: block;
}

.salesStafWrap div{
margin: auto;
width: 90%;
}

}


.pagination ul{
display: flex;
justify-content: center;
}

.pagination ul li{
margin: 5px;
width: 50px;
height: 50px;
text-align: center;
}

.pagination ul li a,
.pagination ul li span{
display: flex;
width: 100%;
height: 100%;
color: #fff;
text-decoration: none;
align-items: center;
align-content: center;
justify-content: center;
border-radius: 3px;
}

.pagination ul li a{
border: solid 1px #ccc;
box-sizing: border-box;
color: #80092E;
}

.pagination ul li a:hover{
background-color: #80092E;
color: #fff;
}

.pagination ul li span{
color: #fff;
}

.pagination .current{
background-color: #80092E;
}

.pagination .dots{
color: #000;
}

.page-numbers{
margin-bottom: 20px;
}


ul.sns{
    text-align: center;
    margin-bottom: 20px;
}
ul.sns li{
    display: inline-block;
    margin: 10px;
    font-size: 30px;
}

ul.sns li i.fa-x-twitter{
    color: #000;
}
ul.sns li i.fa-youtube{
    color: #FF0000;
}





/* 会社概要 20250606 */
.companySection {
    padding-bottom: 20px;
}

.companySection h2,
.companySection h3:not(.caseSubTit){
    margin-bottom: 20px;
    padding: 15px 20px;
    background-color: #171c61;
    color: #fff;
    font-size: 1.2em;
}

.companySection h2 .inH2{
    border-left: 0;
    padding: 0
}

.companySection h3:not(.caseSubTit){
    background-color: #29abe2;
}

.companySection .alignRight{
    text-align: right;
    display: block;
}

.companySection .alignRight img.text{
    width: 150px;
    height: auto;
}

.companySection .bgKyuto{
    background: url("/wp-content/themes/renewal2021/img/bg-kyuto.png") no-repeat center center;
    background-size: 40% auto;
}

.companySection .bgCar{
    background: url("/wp-content/themes/renewal2021/img/bg-car.png") no-repeat top 15% right 10%;
    background-size: 40% auto;
}

.companySection .adLogo{
    margin-top: 20px;
    display: flex;
    justify-content: space-between;
}

.companySection .adLogo img:nth-child(1){
    width: 52%;
}
.companySection .adLogo img:nth-child(2){
    width: 35%;
    margin-right: 6%;
}

.companySection ul.companyList li{
    display: inline-block;
    border: 1px solid #070707;
    width: 24%;
    margin: 0.4% .1%;
}
.companySection ul.companyList li span{
    display: block;
    text-align: center;
    font-size: 14px;
    margin-bottom: 5px;
}

.companySection ol.companyFlow{
    margin-top: 40px;
    list-style: none;
}

.companySection ol.companyFlow li{
    display: flex;
    background-color: #e6efff;
    border-radius: 50px;
    border: 2px solid #3d62ac;
    padding: 5px 10px 5px 5px;
    align-items: center;
    width: 90%;
    margin: 0 auto 50px;
    position: relative; 
}

.companySection ol.companyFlow li:not(:last-child)::after{
    content: "";
    position: absolute;
    bottom: -40px;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 20px solid #b50d42;
}

.companySection ol.companyFlow li span.step{
    display: block;
    padding: 5px 7px 8px;
    width: 50px;
    height: 50px;
    border-radius: 50px;
    border: 2px solid #3d62ac;
    color: #3d62ac;
    background-color: #fff;
    text-align: center;
    font-size: 10px;
    margin-right: 15px;
}

.companySection ol.companyFlow li span.step span.num{
    display: block;
    font-size: 30px;
    margin-top: -5px;
}

.companySection ol.companyFlow dl{
    width: calc(100% - 70px);
}

.companySection ol.companyFlow dl dt{
    font-weight: bold;
    margin-top: 8px;
    font-size: 22px;
}

.companySection img.reason{
    display: block;
    width: 80%;
    margin: 0 auto;
}

@media screen and (max-width: 450px) {
    .companySection .bgKyuto{
        background-size: 80% auto;
    }
    .companySection .bgCar{
        background: url("/wp-content/themes/renewal2021/img/bg-car.png") no-repeat center cetner;
        background-size: 80% auto;
    }
    .companySection ul.companyList li{
        width: 46%;
        margin: 1.5% 1%;
    }
    .companySection img.reason{
        width: 90%;
    }
}


/* 並び替え可能コンテンツ */

.newLpBlock ul,
.newLpBlock ol,
.newLpBlock dl,
.newLpBlock table{
    margin-bottom: 20px;
}

.newLpBlock table {
  width: 100%;
  border-collapse: collapse;
  border: 1px solid #ccc;
}

.newLpBlock th, td {
  border: 1px solid #ccc;
  padding: 8px 12px;
  text-align: left;
}

.newLpBlock th {
  background-color: #f9f9f9;
  font-weight: bold;
}


@media screen and (min-width: 451px) {
    .newLpBlock p{
        margin-left: 0!important;
        margin-right: 0!important;
    }
}



@media screen and (max-width: 450px) {
    
    .wysiwyg > *{
        margin-left: 5%;
        margin-right: 5%;
    }
    
}





/* renew2026互換 */
.commonH3 + .topAreaList li{
    display: inline-block;
    margin: 2px 5px;
    font-size: 13px;
}