@charset "utf-8";
     html {
line-height: 1.15; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: transparent; }   body {
margin: 0;
} main {
display: block;
}  p,
table,
blockquote,
address,
pre,
iframe,
form,
figure,
dl {
margin: 0;
}   h2,
h3,
h4,
h5,
h6 {
font-size: inherit;
font-weight: inherit;
margin: 0;
}  .mod_main {
margin-top: 1.1rem;
}
.mod_main {
overflow: hidden;
}
main {
display: block;
}
.inner {
}
.pc_block{
display: block;
}
.sp_block{
display: none;
}
.pc_inline{
display: inline;
}
.sp_inline{
display: none;
} .tab-2 {
display: flex;
flex-wrap: wrap;
width: 100%;
margin: 0 auto;
}
.tab-2 > label { order: -1;
flex: 0 0 auto; margin: 0 5px; color: #fff;
font-size: 2em;
text-align: center;
cursor: pointer;
margin: 0 auto;
line-height: 50px;
font-weight: bold;
color: #222222;
font-weight: bold;
width: 260px;
height: 50px;
background: #999999;
} .tab-2 > label:first-of-type {
margin-left: 35%; }
.tab-2 > label:last-of-type {
margin-right: 35%; }
.tab-2 > label:hover {
opacity: .8;
}
.tab-2 input {
display: none;
}
.tab-2 > div {
display: none;
width: 100%;
padding: 1.5em 0;
background-color: #fff;
}
.tab-2 label:has(:checked) {
opacity: 1;
background-color: #2cb3b3;
color: #ffffff;
}
.tab-2 label:has(:checked) + div {
display: block;
}  .line {
height: 1px;
position: relative;
width: 100%;
background: #000;
}
.line::before {
border-radius: 50%;
background: #000;
content: "";
height: 0.06rem;
left: 0;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: 0.06rem;
}
.line::after {
border-radius: 50%;
background: #000;
content: "";
height: 0.06rem;
position: absolute;
right: 0;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: 0.06rem;
}
h2{ text-align: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 128px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 36px;
font-weight: 700;
}
*/ .service-nav {
width: 100%;
}
.service-nav ul {
display: flex;
flex-wrap: wrap; justify-content: center;
gap: 1rem;
margin: 60px auto;
list-style: none;
height: 50px;
} .service-nav li {
flex: 1 1 auto; max-width: 220px; }
.service-nav a {
display: block;
background: #26aebf;
color: #fff;
font-weight: bold;
text-align: center;
padding: 0.1rem;
text-decoration: none;
font-size:2em;
position: relative;
transition: background 0.3s;
} .service-nav a:hover {
background: 2cb3b3;
} .service-nav .arrow {
display: block;
font-size: 0.2rem;
opacity: 0.9;
}   .equipment-section_1{
background: url(//renovation-r.co.jp/r_sys_admin/wp-content-renov-renov/themes/renovation-theme/img/price/content_bg.jpg) repeat;
color: #333;
margin: 60px auto 100px;
width: 100%;
}
.equipment-section_2 {
background: #fff;
color: #333;
}
.equipment-section_1 .inner-k,
.equipment-section_2 .inner-k
{
width: 1210px;
padding: 60px 0 100px;
margin: 0 auto;
} .equipment-container {
display: flex;
max-width: 1200px;
margin: 60px auto 0px;
padding-bottom: 60px;
justify-content: space-between;
}
.equipment-container2 {
max-width: 1200px;
margin: 60px auto 0px;
padding-bottom: 60px;
} .equipment-image {
position: relative;
width: 38%;
margin-right: 2%;
min-width: 280px;
}
.equipment-image img {
width: 100%;
height: auto;
}
.equipment-label {
position: absolute;
top: 0px;
left: 0px;
background: #2cb3b3;
color: #fff;
font-size: 2em;
padding: 0px 50px;
font-weight: bold;
height: 60px;
line-height: 60px;
}
.equipment-label2 {
background: #2cb3b3;
color: #fff;
font-size: 2em;
padding: 0px 50px;
font-weight: bold;
height: 60px;
line-height: 60px;
display: inline-block;
} .equipment-content {
width:60% ;
}
.equipment-content1 {
width:100% ;
}
.equipment-content1 ul {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.equipment-content1 li {
width: 48%;
}
.equipment-content2 {
width:100% ;
}
.equipment-list ,.equipment-list2{
list-style: none;
padding: 0;
}
.equipment-list li {
display: flex;
justify-content: space-between;
border-bottom: 1px dashed #222;
padding:  0 0 10px 0;
align-items:flex-end;
}
.equipment-list li.column {
display: flex;
justify-content: space-between;
border-bottom: 1px dashed #222;
padding:  0 0 10px 0;
align-items:flex-start;
flex-direction: column;
}
.equipment-list .name {
flex: 1;
font-size: 24px;
font-weight: bold;
position: relative;
padding-left: 24px;
margin-top: 0.1rem;
}
.equipment-list .name2 {
font-size: 24px;
font-weight: bold;
position: relative;
padding-left: 24px;
margin-top: 0.1rem;
display: block;
}
.equipment-list .name:before,.equipment-list .name2:before {
flex: 1;
font-size: 24px;
font-weight: bold;
position: absolute;
width: 0.8em;
height: 0.8em;
border-radius: 4px;
content: '';
left: 0;
top:4px;
background: #2cb3b3;
}
.equipment-list .subt{
display: block;
font-weight: normal;
font-size: 16px;
color: #666;
line-height: 1.5;
margin-top: 5px;
}
.equipment-list .none .subt{
margin-left: 24px;
}
.equipment-list .price {
font-weight: bold;
color: #2cb3b3;
font-size: 24px;
}
.equipment-list .price2 {
font-weight: bold;
color: #2cb3b3;
font-size: 16px;
margin-top: 10px;
margin-left: auto;
}
.equipment-list .none{
margin-top: 10px;
}
.equipment-list .en {
font-weight: bold;
vertical-align: baseline;
font-size: 18px;
color: #222222;
} .equipment-example {
margin-top: 30px;
}
.equipment-example h3 {
font-size: 24px;
font-weight: bold;
color: #ffffff;
background:#2CB3B3 ;
padding: 5px 10px;
margin-bottom: 0;
}
.equipment-example ul{
padding: 0 10px 0 10px;
}
.equipment-example li {
font-size: 16px;
border-bottom: 1px dashed #222;
position: relative;
padding: 10px 0;
margin: 0;
list-style: none;
line-height: 1.5;
}
.equipment-example li:after {
position: absolute;
content: url(//renovation-r.co.jp/r_sys_admin//r_sys_admin/wp-content-renov-renov/themes/renovation-theme/img/price/content_bg.jpg/themes/renovation-theme/img/price/arrow.png);
right: 0;
} .btn-wrap {
text-align: right;
}
.btn {
display: inline-block;
background: #e47911;
color: #fff;
font-weight: bold;
text-decoration: none;
transition: background 0.3s;
font-size: 24px;
width: 210px;
height: 80px;
border-radius: 10px;
line-height: 80px;
box-shadow: 0px 2px 0 0 #666666;
text-align:left;
padding-left: 20px;
padding-right: 20px;
position: relative;
margin-left: 20px;
}
.btn:after {
position: absolute;
content: url(//renovation-r.co.jp/r_sys_admin/wp-content-renov/themes/renovation-theme/img/price/arrow4.png);
right: 20px;
top: 50%;
transform: translateY(-40%);
}
.btn3:after {
position: absolute;
content: url(//renovation-r.co.jp/r_sys_admin/wp-content-renov/themes/renovation-theme/img/price/arrow4.png);
right: 20px;
top: 50%;
transform: translateY(-40%);
}
.btn:hover,.btn3;hover {
opacity: :0.8;
}
.btn3 {
display: inline-block;
background: #e47911;
color: #fff;
font-weight: bold;
text-decoration: none;
transition: background 0.3s;
font-size: 24px;
width: 210px;
height: 80px;
border-radius: 10px;
line-height: 80px;
box-shadow: 0px 2px 0 0 #666666;
text-align:left;
padding-left: 20px;
padding-right: 20px;
position: relative;
margin-left: 20px;
} .ph{
background: url(//renovation-r.co.jp/r_sys_admin/wp-content-renov/themes/renovation-theme/img/price/relatedsites_item1.jpg) no-repeat ;
height: 80px;
width: 250px;
background-size: cover;
position: relative;
margin: 0 0 0 auto;
margin-top: 30px;
}
.ph .btn2 {
bottom: 6px;
color: #fff;
font-size: 0.16rem;
font-weight: bold;
line-height: 0.27rem;
position: absolute;
text-align: center;
width: 1.45rem;
background: #86b990;
right: 0;
left: 0;
margin: 0 auto;
} .flex-a{
display: flex;
flex-wrap: wrap;
justify-content: flex-end; 
margin-top: 30px;
} .contentsArea .mod_w1210 {
position: relative;
z-index: 2;
}
.contentsArea .title {
letter-spacing: 0.15em;
text-align: center;
}
.contentsArea .subtitle {
font-size: 0.4rem;
text-align: center;
}  @media (max-width: 768px) {
.pc_block{
display: none;
}
.sp_block{
display: block;
}
.pc_inline{
display: none;
}
.sp_inline{
display: inline;
}
.tab-2{
justify-content: center;
}
.tab-2 > label {
order: -1;
margin-bottom: 10px;
}
.tab-2 > label:last-of-type {
margin-right: auto;
}
.tab-2 > label:first-of-type {
margin-left: auto;
} .service-nav{
padding-inline: 20px;
width: 100%;
box-sizing: border-box;
height: auto;
}
.service-nav ul {
margin: 15px auto;
gap: 0.1rem;
height: auto;
}
.service-nav li {
width: 100% !im;
}
.service-nav a {
font-size: 1.5em;
}
.service-nav .arrow {
display: inline;
font-size: 1em;
opacity: 0.9;
margin-right: 10px;
} section{
width: 100%;
}
.equipment-section_1 .inner-k, .equipment-section_2 .inner-k {
width: auto;
padding: 60px 20px 100px;
margin: 0 auto;
}
.equipment-image {
position: relative;
width: 100%;
margin-right: 0;
min-width: 280px;
margin-bottom: 30px;
}
.equipment-container
{
flex-direction: column;
}
.equipment-content,
.equipment-content1,
.equipment-content2 {
width: 100%;
}
.equipment-content1 li {
width: 100%;
}
.btn-wrap {
text-align: center;
} .equipment-label {
position: absolute;
top: 0px;
left: 0px;
background: #2cb3b3;
color: #fff;
font-size: 1.5em;
padding: 0px 20px;
font-weight: bold;
height: 45px;
line-height: 45px;
}
.equipment-label2 {
font-size: 1.5em;
}
.equipment-list li {
display: block;
}
.equipment-list .name::before, .equipment-list .name2::before {
top: 0px;
}
.equipment-list .name {
display: block;
margin-top: 0.1rem;
font-size: 20px;
}
.equipment-list .name2 {
font-size: 20px;
}
.equipment-list .price {
margin: 0.1rem 0 0;
text-align: right;
display: block;
font-size: 16px;
}
.equipment-list .price2 {
font-size: 12px;
}
.equipment-list .en {
font-size: 12px;
font-weight: bold;
vertical-align: baseline;
color: #222222;
}
.equipment-list .subt {
font-size: 12px;
} .equipment-example ul {
padding: 0px;
}
.equipment-example li {
padding: 10px 30px 10px 0;
} .flex-a {
display: flex;
flex-wrap: wrap;
justify-content: flex-end;
}
.btn-wrap{
width: 48%;
}
.btn,.btn3{
font-size: 16px;
width: 100%;
height: 50px;
line-height: 50px;
padding-left: 20px;
padding-right: 0px;
position: relative;
margin: 0;
box-sizing: border-box;
}
.btn::after {
position: absolute;
content: url(//renovation-r.co.jp/r_sys_admin/wp-content-renov/themes/renovation-theme/img/price/arrow5.png) ;
right: 15px;
top: 50%;
transform: translateY(-40%);
}
.btn3::after {
position: absolute;
content: url(//renovation-r.co.jp/r_sys_admin/wp-content-renov/themes/renovation-theme/img/price/arrow5.png) ;
right: 15px;
top: 50%;
transform: translateY(-40%);
} .contentsArea .title {
font-size: 0.13rem;
padding-left: 0.3rem;
}
}
#kitchen-reform,
#bathroom-reform,
#toilet-reform,
#sink-reform,
#toilet-wall-reform,
#wallpaper-reform,
#siding-reform,
#paint-reform,
#antenna-reform {
scroll-margin-top: 100px; 
}