@charset "UTF-8";
/* CSS Document */
/* http://meyerweb.com/eric/tools/css/reset/ 
v2.0 | 20110126
License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "AOS Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif;
color: #333;
font-feature-settings: 'palt';
letter-spacing: 0.05em;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
body{
 color: #333;
 font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "AOS Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
p{
 font-size: 0.9rem;
 color: #666;
 line-height: 1.5;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
a{
 color: #333;
 text-decoration: none;
 transition: 0.3s;
}
a.hv:hover{
 color: #333;
 transition: 0.3s;
}
/* end of reset css -------------------------------------------*/
header{
 width: 100%;
 margin: 0px auto;
 box-shadow: 0px 4px 8px -3px rgba(17, 17, 17, .25);
 position: relative;
}
.header{
 position: fixed;
 top: 0px;
 left: 0px;
 z-index: 1;
 width: 100%;
 transition: transform 0.3s;
 background: #fff;
}
.header.js_hide {
 transform: translateY(-150%);    
}
.logo a{
 background: none;
 padding: 0;
}
.logo img{
 transition: 0.3s;
}
.logo img:hover{
 opacity: 0.6;
 transition: 0.3s;
}
.pc-header{
 width: 1250px;
 margin: 20px auto 0;
 display: flex;
 justify-content: space-between;
 align-items: flex-start;
 padding-bottom: 15px;
}
.pc-header img{
 max-width: 180px;
 height: auto;
}
.pc-header img.tel{
 max-width: 190px;
 height: auto;
}
.pc-header p{
 margin: 5px 0 0 0;
 font-size: 0.6rem;
}
.pc-header ul{
 display: flex;
 font-size: 0.9rem;
}
.pc-header ul li{
 margin: 0 40px 0 0;
 text-align: center;
}
.pc-header ul li:last-of-type{
 margin: 0;
}
.pc-header ul li span{
 font-size: 0.6rem;
 color: #999;
 margin: 10px 0 0 0;
 display: block;
}
.tablet-header{
width: 1250px;
margin: 15px auto 20px;
display: flex;
justify-content: space-between;
align-items: flex-start;
}
.tablet-header img{
 max-width: 180px;
 height: auto;
}
.tablet-header img.tel{
 max-width: 190px;
 height: auto;
}
.tablet-header p{
 margin: 10px 0 0 0;
 font-size: 0.7rem;
}



/* contact form 7 css start */
input:focus {
background: #fffdcc;
}
textarea:focus {
background: #fffdcc;
}
#contact-form{
max-width: 800px;
height: auto;
margin: 0 auto;
}
.main-photo{
max-width: 1300px; 
height: auto;
margin: 0 auto 20px;
}
.main-photo img.estimate-sp{
width: 100%;
height: auto;
}
#contact-form p.has-text-align-center{
width: 82%;
line-height: 1.6;
margin: 25px auto;
}
.contact{
width: 100%;
margin: 0 auto;
background: #fff;
}
.contact-box{
max-width: 1000px;
margin: 0 auto;
}
.contact-main h1{
font-size: 1.6rem;
padding: 60px 0 20px 0;
text-align: center;
}
.contact-form p.description{
font-size: 0.9rem;
max-width: 750px;
text-align: center;
margin: 0 auto 60px;
line-height: 1.5;
}
.contact-form h2{
font-size: 1.2rem;
margin: 20px 0;
}
/*Contact Form 7カスタマイズ*/
/*スマホContact Form 7カスタマイズ*/
@media(max-width:500px){
.inquiry th,.inquiry td {
display:block!important;
width:100%!important;
border-top:none!important;
-webkit-box-sizing:border-box!important;
-moz-box-sizing:border-box!important;
box-sizing:border-box!important;
}
.inquiry tr:first-child th {
 border-top: 1px solid #d7d7d7!important;
 font-size: 14px;
 text-align: left;
}
/* 必須・任意のサイズ調整 */	
.inquiry .haveto,.inquiry .any {	
font-size:10px;
}
}
/*見出し欄*/
.inquiry th{
text-align:left;
font-size:16px;
color:#444;
padding-right:5px;
width:35%;
background:#f7f7f7;
border:solid 1px #d7d7d7;
vertical-align: middle;
padding: 10px 20px;
}
.inquiry th.schedule_date{
text-align: center;
}
/*通常欄*/
 .inquiry td{
 font-size:16px;
 border-bottom:solid 1px #d7d7d7;
 border-right: solid 1px #d7d7d7;
 border-left: 1px solid #d7d7d7;
 text-align: left;
 vertical-align: middle;
 background: #fff;
 padding: 10px;
}
/*横の行とテーブル全体*/
 .entry-content .inquiry tr,.entry-content table{
 border:solid 1px #d7d7d7;	
}
/*必須の調整*/
 .haveto{
 font-size:10px;
 padding:2px 5px;
 background:#CAA579;
 color:#fff;
 border-radius:2px;
 margin-right:5px;
 position:relative;
 bottom:1px;
}
/*任意の調整*/
 .any{
 font-size:10px;
 padding:2px 5px;
 background:#bebebe;
 color:#fff;
 border-radius:2px;
 margin-right:5px;
 position:relative;
 bottom:1px;
}
/*ラジオボタンを縦並び指定*/
 .verticallist .wpcf7-list-item{
 display:block;
}
/*送信ボタンのデザイン変更*/
#formbtn{
 display: block;
 padding:1em 0;
 margin:30px auto;
 width:60%;
 background:#333;
 color:#fff;
 font-size:18px;
 font-weight:bold;	 
 border: none;
 border-radius: 40px;
 transition: 0.5s;
}
input#formbtn{
 cursor: pointer;
}
/*送信ボタンマウスホバー時*/
#formbtn:hover{
 background: #A35050;
 color: #fff;
}
table.inquiry{
width: 90%;
margin: 0 auto 20px;
}
.inquiry input{
 padding: 10px;
 margin: 10px;
 font-size: 16px;
 border: 1px solid #b2b2b2;
 border-radius: 5px;
 background: #fffcf1;
}
.inquiry select{
 padding: 10px;
 margin: 0 0 0 10px;
}
.wpcf7-list-item{
 width: 95%;
}
p.submit{
 font-size: 0.9rem;
 margin: 0 0 30px 15px;
 width: 90%;
 line-height: 1.8;
 text-align: left;
}
input.spam1{
 margin: 6px 0 0 0;
}

ul.name li{
 float: left;
 width: 25%;
}
ul.name li input{
 width: 80px;
 margin: 10px 0 10px 0px;
 font-size: 16px;
 border-radius: 5px;
}
ul.name li input:focus{
 box-shadow: 1px 1px 3px 1px #eee inset;
}
th{
line-height: 1.5;
}
#sidebar{
display: none;
}
textarea.wpcf7-textarea{
 background: #fffcf1;
 width: 90%;
 padding: 10px;
 line-height: 1.6;
 font-size: 16px;
 border-radius: 5px;
 border: 1px solid #ccc;
 margin: 10px;
}
textarea.wpcf7-textarea:focus{
 box-shadow: 1px 1px 3px 1px #eee inset;
}
span.small-txt{
display: block;
font-size: 0.7rem;
margin: 5px 0 0 0;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em!important;
}
div.assent {
display: flex;
text-align: center;
line-height: 1.5;
font-size: 0.95rem;
margin: 35px auto 20px;
}
.estimate .estimate-box{
 max-width: 1000px;
 height: fit-content;
 margin: 0 auto;
}
table.inquiry p{
 margin: 0;
 text-align: left;
}
/*clearfix*/
.clearfix:after {
content: "";
display: block;
clear: both;
}
.clearfix:before {
content: "";
display: block;
clear: both;
}
.clearfix {
display: block;
}
.inquiry input.mei{
 margin: 10px 0 0 0px!important;
}
ul.name{
 margin: 0 0 0 10px;
}
.inquiry td{
 border-left: 0;
}
/* end of contact form 7 css */

.header-button{
 background: #9e2323;
 color: #fff;
 padding: 10px 15px;
 border-radius: 27px;
 margin: 6px 0 0 0px;
 font-size: 0.9rem;
}
.header-button a{
 color: #fff;
 background: none;
}

/* main-pc */
main{
 width: 100%;
 background: #f8eee3;
 padding: 20px 0 0 0;
}
.main-pc{
 max-width: 1250px;
 margin: 120px auto 0;
 display: flex;
 justify-content: space-between;
 padding-bottom: 40px;
}
.main-pc .main-pc-left{
 width: 47%;
 height: 550px;
 background-size: 100% auto;
}
.main-pc .main-pc-left img.pc-main {
 width: 660px;
 height: auto;
 margin: -30px 0 0 -30px;
}
.main-pc .main-pc-left p.main-p{
 font-size: 1.5rem;
 font-weight: bold;
 background: #af9075;
 color: #fff;
 width: 100%;
 text-align: center;
 border-radius: 5px;
}
.main-pc .main-pc-left h1{
 font-size: 3.1rem;
 color: #666666;
 font-weight: bold;
 line-height: 1.3;
 margin: 20px 0;
}
.main-pc .main-pc-left h1 span{
 color: #af9075;
}
.main-pc .main-pc-left p{
 font-size: 1.5rem;
 font-weight: bold;
 color: #9b9b9b;
}
.main-pc .main-pc-left ul{
 display: flex;
}
.main-pc .main-pc-left ul li{
 width: 50%;
 margin: 0 20px 0 0;
}
.main-pc .main-pc-left ul li img{
 width: 100%;
 height: auto;

}
.main-pc .main-pc-right{
 width: 50%;
 display: flex;
 flex-wrap: wrap; 
 justify-content: space-between;
}
.main-pc .main-pc-right .photo-block-one,.main-pc .main-pc-right .photo-block-two,.main-pc .main-pc-right .photo-block-three,.main-pc .main-pc-right .photo-block-four,.main-pc .main-pc-right .photo-block-five,.main-pc .main-pc-right .photo-block-six,.main-pc .main-pc-right .photo-block-seven,.main-pc .main-pc-right .photo-block-eight,.main-pc .main-pc-right .photo-block-nine{
 width: 32%;
 position:relative;
}
.main-pc .main-pc-right .photo-block-one img,.main-pc .main-pc-right .photo-block-two img,.main-pc .main-pc-right .photo-block-three img,.main-pc .main-pc-right .photo-block-four img,.main-pc .main-pc-right .photo-block-five img,.main-pc .main-pc-right .photo-block-six img,.main-pc .main-pc-right .photo-block-seven img,.main-pc .main-pc-right .photo-block-eight img,.main-pc .main-pc-right .photo-block-nine img{
 width: 100%;
 height: auto;
 position: absolute;
}
.worries{
 height: 685px;
 width: 100%;
 background: url(images/worries_bg.jpg) no-repeat;
 background-size: cover;
}
.worries-box{
 max-width: 1200px;
 margin: 0 auto;
 text-align: center;
 padding: 20px 0 0 0;
 position: relative;
}
.worries-box h2{
 font-size: 2rem;
 font-weight: bold;
 margin: 20px;
}
.worries-box h2 span{
 color: #c69d7a;
}
.balloon1-top{
 position: relative;
 margin: 1.5em 0;
 padding: 10px;
 color: #555;
 font-size: 17px;
 background: #FFF;
 border: solid 3px #bddee5;
 box-sizing: border-box;
 border-radius: 6px;
 text-align: center;
 font-weight: bold;
 line-height: 1.3;
 min-width: 240px;
}
.balloon1-top h3 span{
 color: #b00808;
 line-height: 1.5;
}
.balloon1-top:before {
 content: "";
 position: absolute;
 top: -24px;
 left: 50%;
 margin-left: -15px;
 border: 12px solid transparent;
 border-bottom: 12px solid #FFF;
 z-index: 2;
}
.balloon1-top:after{
 content: "";
 position: absolute;
 top: -30px;
 left: 50%;
 margin-left: -17px;
 border: 14px solid transparent;
 border-bottom: 14px solid #bddee5;
 z-index: 1;
}
.balloon1-top p {
  margin: 0;
  padding: 0;
}
.worries-list{
 max-width: 1100px;
 margin: 40px auto;
 display: flex;
 justify-content: space-between;
}
.worries-list-box{
 max-width: 24%;
 text-align: center;
}
.worries-list-box img {
 width: 220px;
 margin: 0 40px 0 0;
}
.bracket-copy{
width: 650px;
height: 170px;
margin: 0 auto 60px;
text-align: left;
background: url(images/bracket-left.png) no-repeat left top, url(images/bracket-right.png) no-repeat right top;
font-size: 1.3rem;
font-weight: bold;
padding: 20px 50px;
line-height: 1.8;
color: #2f5e68;
}
.balloon1-left {
 position: relative;
 display: inline-block;
 margin: 9px 0 1.5em 27px;
 padding: 12px;
 min-width: 120px;
 max-width: 100%;
 color: #555;
 font-size: 16px;
 background: #f3e3d6;
 border-radius: 5px;
} 
.balloon1-left span{
 color: #cc0000;
 font-weight: bold;
}
.balloon1-left:before {
 content: "";
 position: absolute;
 top: 50%;
 left: -22px;
 margin-top: -15px;
 border: 10px solid transparent;
 border-right: 15px solid #f3e3d6;
}
.balloon1-left p{
 margin: 0;
 padding: 0;
 font-size: 1.1rem;
 color: #674d37;
 text-align: left;
}
.renotty{
 width: 100%;
 background: url("images/beige-bg.jpg") no-repeat;
 background-size: cover;
 padding: 40px 0 125px 0;
 text-align: center;
 position: relative;
}
.renotty img.standard{
 max-width: 800px;
 height: auto;
 margin: 60px 0;
}
.renotty .renotty-box h2{
 color: #fff;
 background: #c69d7a;
 font-size: 1.6rem;
 font-weight: bold;
 padding: 10px;
 text-align: center;
}
.renotty .renotty-box{
 max-width: 900px;
 margin: 10px auto;
 background: #fff;
 border: 2px solid #c69d7a;
 border-radius: 5px;

}
.renotty .renotty-box .renotty-comment{
 display: flex;
 padding: 20px 20px 10px 20px;
 background: #fff;
 font-weight: bold;
 line-height: 1.5;
 align-items: flex-start;
}
.renotty .renotty-box .renotty-comment img{
 width: 130px;
 height: auto;
}

/* renotty standard */
.renotty-standard{
 max-width: 1300px;
 height: fit-content;
 margin: 0 auto;
 display: flex;
 justify-content: space-between;
 padding: 30px;
}
span.number{
 position: absolute;
 font-size: 1rem;
 font-weight: bold;
 left: -16px;
 top: -16px;
 background: #fff;
 border: 2px solid #c69d7a;
 width: 30px;
 height: 30px;
 border-radius: 30px;
 text-align: center;
 vertical-align: middle;
 line-height: 30px;
 color: #c69d7a;
}
.renotty-standard .renotty-standard-box {
 width: 20%;
 background: #fff;
 border: 2px solid #c69d7a;
 border-radius: 5px;
 position: relative;
 margin: 0 20px 0 0;
}
.renotty-standard .renotty-standard-box h2{
 font-size: 1.2rem;
 font-weight: bold;
 color: #fff;
 background: #c69d7a;
 padding: 10px;
}
.renotty-standard .renotty-standard-box img {
 width: 180px;
 height: auto;
 margin: 20px 0 10px 0;
}
.renotty-standard .renotty-standard-box p{
 text-align: left;
 font-size: 0.9rem;
 font-weight: bold;
 color: #6e6e6e;
 max-width: 90%;
 margin: 20px auto 10px;
 line-height: 1.5;
}

.triangle{
 width: 100%;
 position: absolute;
 text-align: center;
}
.triangle img{
 width: 25px;
 height: auto;
 margin: -30px 0 0 0;
 position: absolute;
 z-index: 1000;
}
.bath-reform{
 width: 100%;
 height: 380px;
 background: url("images/bath-bg.png") no-repeat;
 background-size: 110% auto;
 position: absolute;
 margin: -50px 0 0 0;
 align-items:center;
}
.bath-reform .bath-reform-box{
 max-width: 900px;
 margin: 110px auto;
 display: flex;
 color: #fff;
  align-items: flex-start;
}
.bath-reform .bath-reform-box img{
 width: 250px;
 height: auto;
 margin: 0 30px 0 0;
}
.bath-reform .bath-reform-box p{
 color: #fff;
 margin: 15px 0 0 0;
 max-width: 83%;
 font-size: 1rem;
}
.bath-reform .bath-reform-box h2{
 font-size: 2rem;
 font-weight: bold;
}
.bath-product{
 width: 1100px;
 display: flex;
 justify-content: space-between;
 margin: 0px auto;
 overflow-x: scroll;
}
.bath-product .bath-product-box{
 width: 320px;
 margin: 20px 30px 0 0;
 padding: 0 0 20px 0;
 border: 1px solid #dcdcdc;
 border-radius: 5px;
 flex-shrink: 0;
 display: relative;
 z-index: 0;
}
.bath-product .bath-product-box span.off{
 font-family: 'Barlow', sans-serif;
 position: absolute;
 top: 0;
 left: 0;
 font-size: 0.7rem;
 color: #fff;
 background: #CF0003;
 padding: 4px 5px 5px 5px;
 z-index: 10;
}
.bath-product::after{
 content: "";
 display: block;
 width: 320px;
 height: 0;
}
.bath-product .bath-product-box h3{
 font-size: 1.2rem;
 margin: 10px 0 15px 20px;
 font-weight: bold;
 max-width: 90%;
 line-height: 1.4;
}
.bath-product .bath-product-box img {
 width: 100%;
 border-top-right-radius: 4px;
 border-top-left-radius: 4px;
}
.bath-product .bath-product-box ul.model{
 display: flex;
 color: #fff;
 margin: 0 0 0 20px;
}
.bath-product .bath-product-box ul.model li{
 font-size: 0.7rem;
 width: fit-content;
 padding: 5px 7px;
 border-radius: 2px;
 margin: 10px 5px 10px 0;
}
.bath-product .bath-product-box ul.model li.house{
 background: #7ca1a9;
}
.bath-product .bath-product-box ul.model li.mansion{
 background: #555a5e;
}
.bath-product .bath-product-box p{
 max-width: 90%;
 margin: 0 auto 20px;
 font-size: 1rem;
}
.bath-product .bath-product-box ul.renotty-price{
 color: #c0513a;
 margin: 0 0 0 20px;
 font-weight: bold;
}
.bath-product .bath-product-box ul.renotty-price li.set{
 font-size: 0.8rem;
 margin: 0 0 10px 0;
}
.bath-product .bath-product-box ul.renotty-price li.maker-price{
 font-size: 0.8rem;
 color: #666;
 margin: 0 0 10px 0;
 line-height: 1.7;
 font-weight: normal;
}
.bath-product .bath-product-box ul.renotty-price li.price{
 font-size: 1.6rem;
 font-weight: bold;
}
.bath-product .bath-product-box ul.renotty-price li.price span.tax{
 font-size: 0.9rem;
}
.bath-lixil{
 width: 100%;
 text-align: center;
 margin: 360px 0 0 0;
}
.bath-lixil img{
 max-width: 120px;
}
.bath-lixil h2{
 font-size: 1.4rem;
 font-weight: bold;
 color: #777;
 margin: 20px 0 0 0;
}
.bath-toto{
 width: 100%;
 text-align: center;
 margin: 40px 0 0 0;
}
.bath-toto img{
 max-width: 150px;
}
.bath-toto h2{
 font-size: 1.4rem;
 font-weight: bold;
 color: #777;
 margin: 10px 0 0 0;
}



.renotty-area{
 width: 100%;
 background: #f5f5f5;
 text-align: center;
 padding: 40px 0;
}
.renotty-area img{
 max-width: 600px;
 height: auto;
 margin: 0 0 30px 0;
}
.renotty-area h2 {
 font-size: 2rem;
 font-weight: bold;
 margin: 0 0 20px 0;
 color: #666;
}
.renotty-area p{
 margin: 0 0 20px 0;	
}
.renotty-flow{
 max-width: 1250px;
 margin: 0 auto;
 display: flex;
 justify-content: space-between;
 padding: 30px;
}
.renotty-flow .flow-box{
 width: 19%;
 background: #fff;
 margin: 15px 30px 0 0;
 border-radius: 7px;
 text-align: center;
 padding: 20px 10px;
 position: relative;
 border: 1px solid #ddd;
 text-align: left;
}
.renotty-flow .flow-box span{
 position: absolute;
 left: -25px; 
 top: -25px;
 z-index: 10;
 background: #eaae7d;
 border-radius: 100px;
 width: 55px;
 height: 55px;
 text-align: center;
 line-height: 55px;
 color: #fff;
 font-size: 0.7rem;
 font-weight: bold;
}
.renotty-flow .flow-box img{
 width: 100%;
 margin: 0 0 10px 0;
}
.renotty-flow .flow-box h3{
 width: 100%;
 margin: 0 auto 10px;
 font-weight: bold;
 text-align: left;
 line-height: 1.3;
 font-size: 1.2rem;
 height: 50px;
}
h2.flow-title{
 width: 100%;
 font-size: 2rem;
 font-weight: bold;
 text-align: center;
 margin: 60px 0;
 color: #666;
}
.payment-container {
 background: #fff;
 border-radius: 8px;
 box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
 max-width: 800px;
 margin: 40px auto 60px;
 padding: 0 0 10px 0;
}
.payment-title {
 background: #bd9e83;
 color: white;
 padding: 10px;
 font-size: 1.6em;
 text-align: center;
 border-top-right-radius: 5px;
 border-top-left-radius: 5px;
 font-weight: bold;
}
.payment-text {
 font-size: 0.9em;
 margin: 15px auto;
 max-width: 90%;
}
.payment-methods {
 display: flex;
 gap: 15px;
 flex-wrap: wrap;
 justify-content: center;
 margin-bottom: 20px;
}
.payment-methods img {
 height: 40px;
}
.campaign-banner {
 background: #c00;
 color: white;
 padding: 15px;
 border-radius: 8px;
 text-align: center;
 font-weight: bold;
}
.campaign-banner span {
 font-size: 2em;
}
.faq-box{
 width: 100%;
 height: fit-content;
 background: #f2e5d6;
 padding: 20px 0;
}
.faq-box h2{
 width: 100%;
 font-size: 2rem;
 font-weight: bold;
 text-align: center;
 margin: 40px 0 15px 0;
 color: #666;
}
.faq-box{
 max-width: 100%;
 margin: 0 auto;
 text-align: center;
}
.faq-box p{
 font-size: 0.9rem;
 margin: 0px auto 20px;
 max-width: 500px;
}
#sp_easy_accordion-1729521007{
 max-width:800px;
 margin: 0 auto;
 text-align: left;
}
#sp_easy_accordion-1729521007 ul{
 line-height: 1.8;
 font-weight: bold;
 text-align: left;
 margin: 0 0 40px 160px;
}
#sp_easy_accordion-1729521007 ul li{
 list-style: disc;
}
#sp-ea-17.sp-easy-accordion>.sp-ea-single>.ea-header a {
 font-size: 1em;
}
.sp-ea-one.sp-easy-accordion .sp-ea-single .ea-header a {
 padding: 7px 15px!important;
}
.sp-easy-accordion .sp-ea-single .ea-header {
 background: #fff;
 border-bottom: 1px solid #ddd;
 border-radius: 5px;
 margin-bottom: -6px!important;
}
#sp-ea-90{
 max-width: 600px;
 margin: 0 auto;
}

.contact-section {
 width: 100%;
 padding: 40px 0px;
 background: url( "images/grey-background.jpg") no-repeat;
 background-size: cover;
}

.contact-title {
 font-size: 24px;
 font-weight: bold;
 color: #333;
 margin-bottom: 40px;
 text-align: center;
}
.contact-buttons {
 display: flex;
 justify-content: center;
 gap: 16px;
 flex-wrap: wrap;
 margin-bottom: 20px;
}

.contact-button {
 display: flex;
 align-items: center;
 justify-content: center;
 gap: 8px;
 width: 300px;
 padding: 14px 24px;
 border-radius: 50px;
 font-size: 16px;
 font-weight: bold;
 color: white;
 text-decoration: none;
 transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
 box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.2);
 line-height: 1.3;
}

.contact-button:hover {
 transform: scale(0.95);
 box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.3);
}

.email-btn {
 background-color: #d57663;
}

.line-btn {
 background-color: #6EC15A;
}

.contact-button .material-icons {
 font-size: 20px;
}

.phone-box {
 line-height: 1.3;
 display: flex;
 flex-direction: column;
 align-items: center;
 background-color: #f1f1f1;
 padding: 16px;
 border-radius: 130px;
 font-size: 18px;
 font-weight: bold;
 color: #333;
 max-width: 420px;
 margin: 0 auto;
 transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
 box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.2);
}

.phone-box:hover {
 transform: scale(0.95);
 box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.3);
}
.phone-box span{
 font-size: 0.9rem;
}
.phone-number {
 display: flex;
 align-items: center;
 gap: 8px;
 font-size: 24px;
 font-weight: bold;
 color: #333;
 margin-top: 8px;
}

.phone-number .material-icons {
color: #d57663;
font-size: 28px;
}
footer{
width: 100%;
background-color: #555;
color: white;
text-align: center;
padding: 30px 0;
}
footer p{
 margin: 20px 0;
 color: #777;
 font-size: 0.7rem;
}
.footer-container {
max-width: 1200px;
margin: 0 auto;
}
footer p.sub{
 margin: 10px 0 30px 0;
 color: #fff;
}
.footer-links{
display: flex;
justify-content: center;
flex-wrap: wrap;
gap: 15px;
}
.footer-links a{
color: #a9a9a9;
text-decoration: none;
display: flex;
align-items: center;
margin: 0 0 20px 0;
}
.footer-links a .material-icons{
font-size: 16px;
margin-right: 5px;
}
.footer-bottom{
margin-top: 15px;
font-size: 14px;
color: #a9a9a9;
}


/* slider container */
.slider-container {
 width: 100%;
 overflow: hidden; /* スクロールバーを防ぐ */
 margin: 0 auto;
}
.slider {
 width: 100%;
}
.slide {
 background-color: #fff;
 display: flex;
 justify-content: center;
 align-items: center;
 font-size: 24px;
 font-weight: bold;
 color: #333;
 border-radius: 10px;
 box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
 height: auto;
 width: 650px; /* 各スライドの最大幅 */
 width: 100%;
 text-align: center;
 margin: 10px 80px 10px 10px;
}
.slick-dots {
 bottom: -30px;
}
.slider-area{
 width: 100%;
 text-align: center;
 padding: 60px 0;
 background: #f6eee4;
 margin: 40px 0 0 0px;
}
.slider-area h2 {
 font-size: 2rem;
 font-weight: bold;
 margin: 0 0 20px 0;
 color: #a04949;
}
.slick-slide img {
 display: block;
 width: 100%;
 height: auto;
 border-radius: 5px;
}

.slider-area p:last-of-type{
 margin: 0 0 20px 0;
}
.hero {
 position: relative;
 width: 100%;
 height: 450px;
 background: url('images/estimate-background.jpg') center/cover no-repeat;
 display: flex;
 align-items: center;
 justify-content: center;
 text-align: center;
 color: white;
}
.overlay {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 background: rgba(83, 55, 30, 0.4);
}
.content {
 position: relative;
 z-index: 1;
 padding: 20px;
}
.content h2 {
 font-size: 34px;
 margin: 0;
 font-weight: bold;
 line-height: 1.3;
}
.content p {
 font-size: 16px;
 margin-top: 8px;
 color: #fff;
 opacity: 0.4;
}
.estimate-form{
 max-width: 850px;
 margin: 50px auto 20px;
}

.choose-container {
max-width: 1200px;
margin: 0 auto;
padding: 20px;
text-align: center;
}
.choose-container h1 {
 font-size: 34px;
 margin: 20px;
 font-weight: bold;
 line-height: 1.3;
 color: #666;
}
.grid{
display: grid;
gap: 40px;
grid-template-columns: repeat(3, 1fr);
margin: 40px 0 0;
}
.grid-item {
background: #fff;
padding: 15px;
border-radius: 8px;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
text-align: left;
position: relative;
}
.grid-item img {
width: 100%;
border-radius: 8px;
}
.grid-item p {
margin-top: 10px;
font-size: 16px;
}
.grid-item span.tag {
 position: absolute;
 left: -10px;
 top: 0px;
 background: #ecf07a;
 padding: 7px;
 font-size: 0.6rem;
 font-weight: bold;
}
.all-button-estimate:hover{
 background: #e06147;
 transition: 0.3s;
 cursor: pointer;
 color: #fff;
}
.all-button-estimate{
 transition: 0.3s;
 display: block;
 width: 300px;
 height: fit-content;
 text-decoration: none;
 text-align: center;
 color: #e06147;
 font-weight: bold;
 cursor: pointer;
 border: 3px solid #e06147;
 background: #fff;
 margin: 30px auto 40px;
 border-radius: 100px;
 padding: 15px;
}
.button-main {
 width: 400px;
 background-color: #9e2323;
 color: white;
 font-size: 18px;
 font-weight: bold;
 padding: 15px 20px;
 border: none;
 border-radius: 10px;
 box-shadow: 4px 4px 0 rgb(144 144 144 / 30%);
 cursor: pointer;
 display: flex;
 align-items: center;
 justify-content: center;
 gap: 10px;
 transition: 0.3s;
 margin: 30px 0 0 0;
}

.button-main:hover {
 box-shadow: none;
 transform: translateY(2px);
}

.button-main .material-icons{
 font-size: 24px;
}
.container-company {
 display: flex;
 justify-content: center;
 align-items: center;
 width: 100%;
}
.company-info {
 width: 90%;
 max-width: 700px;
 background: #fff;
 padding: 20px;
 border-radius: 5px;
}
.company-info table{
 width: 100%;
 border-collapse: collapse;
}
.company-info th, .company-info td {
 padding: 10px;
 border: 1px solid #ddd;
 text-align: left;
  line-height: 1.8;
  font-size: 16px;
}
.company-info th {
 background: #f0f0f0;
 font-weight: bold;
}
.company-info ul{
 margin: 0 0 0 40px;
}
.company-info ul li{
 list-style: disc;
}
.container-privacy {
max-width: 750px;
width: 90%;
background: #fff;
padding: 20px;
border-radius: 5px;
margin: 20px auto;
line-height: 1.8;
}
.container-privacy h1, .container-privacy h2 {
font-weight: bold;
}
.container-privacy h1 {
font-size: 24px;
text-align: center;
}
.container-privacy h2 {
font-size: 20px;
margin: 40px 0 10px 0;
}
.container-privacy p{
font-size: 16px;
color: #333;
}
.marker {
 color: #2F5E68;
 background: linear-gradient(transparent 50%, #F3E555 50%);
 padding: 2px 4px;
}

.red {
 color: #BC0100;
}
.thanks-container {
max-width: 800px;
margin: 0 auto;
background: #fff;
padding: 20px;
border-radius: 8px;
text-align: left;
 line-height: 1.5;
}
.thanks-container h1, .thanks-container h2, .thanks-container h3 {
 font-weight: bold;
 font-size: 22px;
 margin: 50px 0 10px 0px;
}
.thanks-container p {
 font-size: 16px;
 line-height: 1.6;
}
.service-layout{
 max-width: 1250px;
 margin: 0 auto 40px;
 display: flex;
 justify-content: space-between;
 flex-wrap: wrap;
}
.service-layout .service-box{ 
 width: 23%;
 border-radius: 5px;
 margin: 20px 0 10px 0;
 background: #fff;
}
.service-layout .service-box img{
 width: 100%;
 height: auto;
 border-top-left-radius: 5px;
 border-top-right-radius: 5px;
}
.service-layout .service-box h3{
 font-size: 1.2rem;
 font-weight: bold;
 width: 90%;
 margin: 15px auto;
}
.service-layout .service-box p{
 font-size: 0.9rem;
 width: 90%;
 margin: 10px auto;
 text-align: left;
}
.service-area{
 width: 100%;
 background: url(images/beige-bg.jpg) no-repeat;
 padding: 40px 0;
 text-align: center;
}
.service-area h2{
    width: 100%;
    font-size: 2rem;
    font-weight: bold;
    text-align: center;
    margin: 40px 0 15px 0;
    color: #666;
}
.service-area p {
    font-size: 0.9rem;
    margin: 30px auto 20px;
    max-width: 500px;
}
.service-area img.total-reform{
 max-width: 700px;
}
.grecaptcha-badge { visibility: hidden; }

hr{
 border: 0.5px solid #ddd;
}
img.panasonic-logo,img.cleanup-logo{
max-width: 220px!important;
}
img.takara-logo,img.housetec-logo{
 max-width: 300px!important;
}
.smart-slider{
 width: 100%;
 text-align: center;
 background: #f8eee3;
}
.smart-slider h2{
 font-size: 2rem;
 font-weight: bold;
 color: #333;
}
.smart-slider h2 span{
 color: #BC0100;
}
/* --------- media query ----------------------------------- */

@media(min-width: 1441px){
.bath-lixil{
 margin: 370px 0 0 0;
}
}
@media(min-width: 1366px){

}
@media (min-width: 1281px){

}

@media (min-width: 1025px){
 button.drawer-hamburger{
  display: none;
 }
 .tablet-header{
  display: none;
 }
}
@media (min-width: 835px){
.main-mobile,.main-detail{
 display: none;
}
}

@media (min-width: 441px){
.sp{
 display: none;
}
.worries-sp{
 display: none;
}
}



/* under mobile  -----------------*/
@media (max-width: 1440px){
.grid{
gap: 30px;
}
.choose-container {
 max-width: 1100px;
}
.slide {
 margin: 40px;
}

.bath-toto{
 margin: 40px 0 0 0;
}
.bath-reform .bath-reform-box {
 max-width: 900px;
 margin: 80px auto;
}
.triangle img {
 margin: -60px 0 0 0;
 width: 18px;
 z-index: 1000;
}
.renotty{
 margin: -34px 0 0 0;
}
}
@media (max-width: 1280px){

.renotty-flow .flow-box span {
 position: absolute;
 left: -15px;
 top: -15px;
}
.renotty-flow {
 max-width: 90%;
}
.renotty-flow .flow-box{
 width: 17%;
 margin: 0;
}

.bath-reform .bath-reform-box p{
 max-width: 100%;
}
.bath-reform .bath-reform-box{
 margin: 60px auto;
}

.pc-header{
 width: 1200px;
}
.renotty-standard{
 max-width: 98%;
}
}
@media (max-width: 1024px){
.service-layout {
 max-width: 95%;
}
.button-main{
 margin: 20px 0 0 0;
}
.grid {
 grid-template-columns: repeat(3, 1fr);
}
.footer-links {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
  padding: 40px 170px;
  text-align: center;
  justify-content: center;
}
.renotty-flow{
 overflow-x: scroll;
 padding: 30px;
}
.renotty-flow .flow-box{
 flex-shrink: 0;
 width: 300px;
 margin: 0 40px 0 0;
 padding: 20px 20px 50px 20px;
}
.renotty-flow .flow-box p{
 text-align: left;
}

.bath-lixil {
 margin: 230px 0 20px 0;
}
.bath-toto {
 margin: 40px 0 20px 0    ;
}

.bath-product {
 max-width: 95%;
}
.bath-reform .bath-reform-box img {
 width: 150px;
}
.renotty-standard{
 overflow-x: scroll;
 padding: 20px 20px 40px 20px;
}
.renotty-standard .renotty-standard-box{
 flex-shrink: 0;
 width: 280px;
}
.renotty {
 margin: -47px 0 0 0;
}
.worries-box h2 {
 font-size: 1.5rem;
 font-weight: bold;
 margin: 0 auto;
}
.worries-list {
 max-width: 95%;
 margin: 40px auto;
 display: flex;
 justify-content: space-between;
}
.balloon1-top{
 min-width: 200px;
}
.balloon1-top h3{
 font-size: 1.2rem;
 text-align: left;
}
.bracket-copy{
 margin: -30px auto 60px;
}
.worries-box h2 {
 font-size: 1.8rem;
 font-weight: bold;
 margin: 0 auto;
 max-width: 90%;
 line-height: 1.4;
}
.balloon1-top {
 min-width: 160px;
}
.worries {
 height: 730px;
}
.main-pc .main-pc-left{
 height: 427px;
}
.main-pc {
 max-width: 95%;
}
.main-pc .main-pc-left {
 background: url(images/main_left_bg.jpg) no-repeat left -6px;
 background-size: 100% auto;
}

.main-pc .main-pc-left img.pc-main{
 width: 500px!important;
 height: auto;
}
.main-pc .main-pc-left p {
 font-size: 1.2rem;
}
input[type="submit"] {
 -webkit-appearance: none;
 border-radius: 0;
}

/* drawer menu */
.drawer-menu-item{
 font-size: 1rem; 
}
ul.drawer-menu{
 width: 100%;
}
ul.drawer-menu a{
 padding: 0 0 0 20px;
}
ul.drawer-menu li{
 border-bottom: 1px solid #eee;
 height: 60px;
 line-height: 60px;
}
ul.drawer-menu li span.material-symbols-outlined{
 float: right;
 transform: rotate(90deg);
 margin: 18px 14px 0 0;
 vertical-align: top;
 opacity: 0.4;
}
ul.drawer-menu li:first-of-type{
 background: #eee;
 height: 80px;
 line-height: 80px;
}
ul.drawer-menu li a.sp-menu-cta{
 background: #ac4c4c;
 color: #fff;
}
ul.drawer-menu .montserrat{
 font-size: 1.5rem;
 margin: 20px 0;
}
ul.sp-company-menu{
 width: 100%;
 display: flex;
}
ul.sp-company-menu li{
 width: 50%;
 height: 60px;
 line-height: 60px;
}
ul.sp-company-menu li{
 padding: 0 0 0 20px;
}
ul.sp-company-menu li:first-of-type{
border-right: 1px solid #eee;
}
ul.sp-company-menu li:last-of-type{
border: none;
}
header{
 margin: 0;
 padding: 10px 0 0 0;
}

.drawer-hamburger{
 top: -8px;
 margin: 0 7px 0 0;
}
.pc-header{
 display: none;
}
.tablet-header{
 max-width: 960px;
}
.tablet-header .tablet-button{
 display: flex;
 margin: 0 40px 0 0;
}
.tablet-header .tablet-button .header-button{
 margin: 0 0 0 50px;
}
.drawer-hamburger-icon{
 margin-top: 25px;
}
}
@media (max-width: 834px){
.main-detail{
 max-width: 100%;
 height: auto;
 text-align: center;
}
.main-detail h1{
 width: 100%;
 height: auto;
 color: #fff;
 font-size: 1.8rem;
 font-weight: bold;
 background: #b89873;
 text-align: center;
 padding: 15px 0;
}
.main-detail img {
 width: 85%;
 height: auto;
 margin: 0px auto 30px;
}
.main-mobile{
 width: 100%;
 height: 763px;
 background: url("images/sp-mv-bg.jpg") no-repeat;
 background-size: 100% auto;
 margin: 80px 0 0 0;
 display: flex;
 align-items: center;
 justify-content: center;
}
.main-mobile img{
 max-width: 95%;
 height: auto;
}
.content h2 {
    font-size: 34px;
    margin: 0 auto;
    font-weight: bold;
    line-height: 1.3;
    max-width: 76%;
}
.worries-list-box img {
	width: 180px;
	}
	html,body{
		overflow-x: hidden;
	}
.service-layout{
margin: 0 auto 40px;
display: flex;
justify-content: space-between;
overflow-x: scroll;
flex-wrap: nowrap;
}
.service-layout .service-box {
 width: 48%;
 flex-shrink: 0;
 margin: 0 30px 0 0;
}
.slide {
 margin: 20px;
}
.footer-links{
 padding: 40px 120px;
}
.payment-container{
 max-width: 90%;
}	
.bath-reform{
 background-size: 110% 240px;	
}
.bath-lixil {
 margin: 220px 0 0 0;
}
.bath-toto {
 margin: 40px 0 0 0;
}
.bath-product .bath-product-box {
 margin: 20px 20px 30px 0;
}
.bath-reform .bath-reform-box {
 margin: 45px auto;
}
.bath-reform .bath-reform-box p{
 margin: 10px 0 0 0;
 font-size: 0.9rem;
}
.bath-reform .bath-reform-box {
 max-width: 85%;
}
.main-detail-sp{
 width: 100%;
 text-align: center;
}
.main-detail-sp ul{
 display: flex;
 padding: 0 20px;
 justify-content: space-between;
 max-width: 80%;
 margin: 20px auto;
}
.main-detail-sp ul li{
 width: 48%;
}
.main-detail-sp ul li img{
 width: 100%;
}
.main-detail-sp img.brand-sp{
 max-width: 60%;
 margin: 20px auto;
}
img.bg-title {
 position: absolute;
 top: 20px;
 right: 20px;
 max-width: 140px;
 height: auto;
}
img.bg-title{
position: absolute;
top: 40px;
right: 40px;
max-width: 200px;
height: auto;
}

.main-pc{
 display: none;
}
.drawer-hamburger {
 top: 0px;
}
.tablet-header {
 max-width: 770px;
}
}
@media (max-width: 768px){
.main-detail img {
 margin: 10px auto 20px;
}
.main-mobile{
 width: 100%;
 height: 710px;
 background: url("images/sp-mv-bg.jpg") no-repeat;
 background-size: 100% auto;
 margin: 70px 0 0 0;
}
ul.name li input {
 width: 70px;
}
.grid {
 grid-template-columns: repeat(2, 1fr);
}
.footer-links {
 grid-template-columns: repeat(3, 1fr);
 max-width: 600px;
 margin: 30px auto;
}
.footer-links {
 padding: 40px 70px;
}
#sp_easy_accordion-1729521007{
 max-width: 700px;
}
.bath-lixil{
 margin: 180px 0 0 0;
}
.bath-toto {
 margin: 60px 0 0px 0;
}
.bath-product .bath-product-box ul.renotty-price li.set {
 font-size: 0.7rem;
}
.bath-product .bath-product-box ul.renotty-price li.price {
 font-size: 1.2rem;
}
.bath-reform .bath-reform-box {
 margin: 35px auto;
}
.renotty img.standard {
 max-width: 90%;
}
.renotty .renotty-box {
 max-width: 95%;
}
.renotty .renotty-box h2{
 font-size: 1.5rem;
}

.tablet-header p {
 margin: 2px 0 0 0;
}
.tablet-header {
 max-width: 720px;
}
}
@media (max-width: 440px){
.smart-slider{
 padding: 20px 0 0 0;
}
.smart-slider h2 {
 font-size: 1.5rem;
 font-weight: bold;
 color: #333;
 line-height: 1.3;
}
.main-detail img {
 width: 95%;
}
.main-detail img:first-of-type{
 margin: 10px 0 0 0;
}
.main-detail img:last-of-type{
 margin: 0px 0 10px 0;
}
.main-detail h1 {
width: auto;
font-size: 1.45rem;
padding: 10px 15px;
line-height: 1.3;
}
.main-mobile {
 width: 100%;
 height: 408px;
 background: url(images/sp-mv-bg.jpg) no-repeat;
 background-size: 100% auto;
 margin: 47px 0 0 0;
}
.service-area p {
    font-size: 0.9rem;
    margin: 30px auto 20px;
    max-width: 90%;
    text-align: left;
}
.service-area img.total-reform {
max-width: 90%;
}
.service-layout .service-box{
width: 300px;
margin: 0 20px 0 10px;
}
.content h2 {
    font-size: 29px;
    margin: 0 auto;
    font-weight: bold;
    line-height: 1.3;
    max-width: 100%;
}
	.all-button-estimate{
		margin: 0px auto 40px;
	}
	input.sp-set{
		width: 350px;
	}
	textarea.wpcf7-textarea{
	 width: 350px;
	}
	ul.name{
		margin: 0 0 0 25px;
	}
ul.name li input.seiinput{
 margin: 10px 20px 0 -15px;
}
.slider-area p:last-of-type{
 margin: 0 auto;
}
.grid {
 grid-template-columns: repeat(2, 1fr);
 gap: 20px;
}
.slider-area p{
 line-height: 1.5;
 max-width: 90%;
 text-align: left;
 margin: 0 auto 10px;
}
.slider-area{
 padding: 30px 0 0 0;
}
.slider-area h2{
    font-size: 2rem;
    font-weight: bold;
    margin: 0 auto 20px;
    color: #a04949;
    line-height: 1.3;
    max-width: 90%;
}
.footer-container img{
 margin: 0;
}
#sp_easy_accordion-1729521007 {
 max-width: 90%;
}
.footer-links {
 padding: 0px 30px;
 grid-template-columns: repeat(2, 1fr);
}
.contact-title{
 font-size: 24px;
 font-weight: bold;
 color: #333;
 margin-bottom: 40px;
 text-align: center;
 line-height: 1.3;
 max-width: 76%;
 margin: 0 auto 40px;
}
.phone-box span {
 font-size: 0.7rem;
}
.phone-box {
 width: 73%;
}
.contact-buttons {
 flex-direction: column;
 align-items: center;
}
.faq-box h2{
 margin: 20px 0 25px 0;
}	
#sp-ea-17.sp-easy-accordion>.sp-ea-single>.ea-header a{
 line-height: 1.5;
}
#sp_easy_accordion-1729521007 ul{
 margin: 0 0 40px 30px;
}
.faq-box h2{
 font-size: 1.8rem;
}
.faq-box p {
 font-size: 0.9rem;
 margin: 0px auto 20px;
 max-width: 90%;
}
.payment-methods {
 align-items: center;
}
.campaign-banner span {
 font-size: 1.5em;
}
h2.flow-title {
 width: 90%;
 font-size: 1.8rem;
 font-weight: bold;
 text-align: center;
 margin: 40px auto 0;
 color: #666;
 line-height: 1.3;
}
.renotty-area img {
 max-width: 90%;
}
.renotty-area p {
 margin: 0 auto 20px;
 width: 90%;
}
.empty{
 display: none;
}
body,html{
 overflow-x: hidden;		
}
.bath-lixil img {
 max-width: 120px;
}
.bath-toto {
 margin: 30px 0 30px 0;
}
.bath-lixil {
 margin: 280px 0 20px 0;
}
.bath-lixil h2,.bath-toto h2 {
 margin: 10px auto 0;
 line-height: 1.3;
 max-width: 90%;
 font-size: 1.3rem;
}
.bath-product .bath-product-box p{
 margin: 0 0 20px 20px;
}
.bath-product .bath-product-box ul.model{
 margin: 10px 0 0 20px;
}
.bath-product .bath-product-box ul.renotty-price{
 margin: 0 0 0 20px;
}
.bath-product{
 overflow-x: scroll;
 margin: -230px 0 0 0;
 padding: 30px;
}
.bath-product .bath-product-box{
 width: 320px;
 flex-shrink: 0;
 margin: 200px 20px 0 0;
}
.bath-reform{
 margin: -90px 0 0 0;
}
.bath-reform .bath-reform-box {
 margin: 75px auto;
}
.bath-reform .bath-reform-box img{
 display: none;
}
.bath-reform .bath-reform-box h2 {
 font-size: 1.7rem;
}
.bath-reform{
 background: url("images/bath-title-sp-bg.png") no-repeat;
 background-size: 100% 330px;
}
.progress-wrap.btn-right-side {
 right: 20px!important;
}
.progress-wrap {
 bottom: 20px!important;
}
.renotty img.standard {
 max-width: 90%;
 margin: 30px 0 20px 0;
}
.renotty .renotty-box .renotty-comment{
 display: block;
 color: #674d37;
}
.renotty .renotty-box .renotty-comment span{
 color: #cd0909;
}
.renotty .renotty-box .renotty-comment p.sp{
 font-size: 0.9rem;
}
.renotty .renotty-box .renotty-comment img {
 width: 100%;
 margin: -10px 0 15px 0;
}
.pc{
 display: none;
}
.worries{
 display: none;
}
.worries-sp{
 width: 100%;
 height: 750px;
 background: url("images/worries_bg.jpg") no-repeat;
 padding: 0;
}
.worries-sp h2{
 max-width: 100%;
 background: #4998a9;
 color: #fff;
 margin: 0;
 line-height: 1.3;
 font-size: 1.3rem;
 padding: 10px;
 font-weight: bold;
}
.worries-sp h2 span{
 color: #fff;
}
.worries-sp ul{
 max-width: 90%;
 margin: 20px auto;
}
.worries-sp ul li:last-of-type img{
 margin: 20px 0 0 0;
}
.worries-sp img{
 max-width: 100%;
 height: auto;
 margin: 0 0 10px 0;
}
.renotty .renotty-box h2{
 text-align: left;
 line-height: 1.3;
}
.renotty .renotty-box{
 max-width: 95%;
}
.tablet-header img.tel-sp{
 max-width: 160px;
 height: auto;
}
.tablet-header img.logo-sp{
 max-width: 140px;
 height: auto;
}
.main-detail-sp img.brand-sp {
 max-width: 60%;
}
img.bg-title {
 position: absolute;
 top: 20px;
 right: 20px;
 max-width: 160px;
 height: auto;
}
.main-detail-sp ul {
 display: flex;
 padding: 0 20px;
 justify-content: space-between;
 max-width: 100%;
 margin: 0px auto;
}

input.p-postal-code,input.p-region,input.p-locality,input.p-extended-address,input.phone,input.mailadress{
 width: 300px;
}
table.inquiry {
 width: 90%;
}
.inquiry td{
 border-left: 1px solid #d7d7d7;
}
input#formbtn {
 width: 90%;
}
.pc-header p{
 margin: 0;		
}
.drawer-hamburger {
 top: -2px;
}
.brand-sp{
width: 100%;
}
.brand-sp img{
 width: 100%;
 height: auto;
}
.tablet-header{
 margin: 15px auto;
}
header{
 margin: 0;
}
.tablet-header {
 max-width: 90%;
}
.tablet-header .tablet-button .header-button{
 display: none;
}
.tablet-header img.tel {
 max-width: 160px;
}
.tablet-header img {
 max-width: 160px;
}
.tablet-header p{
 font-size: 0.6rem;
}
.tablet-header img.tel{
 display: none;
}
}
@media (max-width: 393px){
.main-mobile {
 height: 363px;
 margin: 42px 0 0 0;
}
textarea.wpcf7-textarea {
    width: 290px;
}
ul.name li input.seiinput {
margin: 10px 20px 0 0px;
}
ul.name li{
 margin: 0 20px 0 0;
}

.bath-reform .bath-reform-box {
 margin: 60px auto;
}
.bath-reform .bath-reform-box h2 {
 font-size: 1.4rem;
}
.worries-sp h2{
 font-size: 1.25rem;
}
.renotty .renotty-box h2 {
 font-size: 1.2rem;
}
.worries-sp {
 height: 690px;
}
.tablet-header img.logo-sp{
 max-width: 135px;
}
.tablet-header img.tel-sp{
 max-width: 150px;
 margin: 0 0 0 8px;
}
.tablet-header img{
 max-width: 140px;
}
.tablet-header p {
 font-size: 8px;
}

body.page-id-21 .title-box-sp {
 max-width: 80%;
}
table.inquiry{
 width: 90%;
}
ul.name{
 margin: 0 0 0 10px;
}
.inquiry input.mei {
 margin: 10px 0 0 20px !important;
}
.inquiry input[type="text"],.inquiry input[type="email"]{
 width: 85%;
}
}
@media (max-width: 375px){
.main-mobile {
 height: 349px;
}
ul.name li input.seiinput {
 margin: 10px 20px 0 10px;
}
.footer-links {
 padding: 0 20px;
}
.renotty-area p {
 font-size: 0.8rem;
}

.bath-reform .bath-reform-box {
 margin: 55px auto;
}
.worries-sp h2 {
 font-size: 1.2rem;
}
.worries-sp {
 height: 670px;
}

ul.name {
 margin: 0 0 0 0px;
}
.inquiry input.wpcf7-text {
 width: 80%;
 margin: 10px 10px 10px;
}
}
@media (max-width: 320px){
.main-detail h1 {
 font-size: 1.35rem;
}
.main-mobile {
 height: 298px;
}
textarea.wpcf7-textarea {
    width: 230px;
}
.footer-links{
 grid-template-columns: repeat(1, 1fr);
}
.phone-box {
 width: 85%;
}
.phone-box span{
 display: block;
}
.contact-button{
 width: 77%;
}
h2.flow-title{
 font-size: 1.6rem;	
}
.bath-lixil {
 margin: 270px 0 20px 0;
}

.bath-reform .bath-reform-box {
 margin: 28px auto;
}
.bath-reform .bath-reform-box h2 {
 font-size: 1.2rem;
 margin: 20px 0 0px 0;
}
.triangle img {
 margin: -75px 0 0 0;
}
.renotty-standard .renotty-standard-box{
 width: 250px;
}
.renotty .renotty-box h2 {
 font-size: 1.1rem;
}
.worries-sp {
 height: 640px;
}
.tablet-header img.tel-sp{
 display: none;    
}
ul.name {
 margin: 0 0 0 10px;
}
.inquiry input.wpcf7-text {
 width: 80%;
 margin: 10px 10px 10px;
}
ul.name li.lastname input{
 margin: 10px 40px 0 0;	
}
}