@charset "UTF-8";

html, body, div, span,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
em, small, strong, sub, sup, var, b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary {

}

.all {
background: #FAFAFA;
color: #505A66;
}
h1,h2 {

font-family: kozuka-gothic-pro, sans-serif;
font-weight: 200;
font-style: normal;
line-height: 1.3;
}

h3 {
line-height: 1.3;
}
h1 {font-size: 3.6rem; line-height: 1.3;}
h2 {font-size: 3.6rem; line-height: 1.3;}
h3 {font-size: 3rem; line-height: 1.3;}
h4 {font-size: 2.2rem; line-height: 1.3;}

h2.kasen {
border-bottom: 2px solid #6C7580;
}

p {
line-height: 1.8; margin: 1.2rem 0; font-size: max(1.7rem, 12px);
letter-spacing: .1rem;
}

/*::::::::::::::::::::  header  ::::::::::::::::::::*/
header {
	width: 100%;
	box-shadow:0 0.7rem 0.7rem rgba(0,0,0,0.2);
font-family: kozuka-gothic-pro, sans-serif;
font-weight: 200;
font-style: normal;
position: absolute; top: 0; left: 0;
z-index: 100;
}


header .line1 {
background: #FFF;
}
header .line1 .block {
display: flex; justify-content: space-between;
width: 55rem; height: 7rem;
padding-right: 8rem;
}


header .line1 .logo {
}
header .line1 .logo a {
text-decoration: none; color: #000;
display: block;
width: 30rem;
background: url("../img/head-logo.svg") no-repeat left top 1.5rem; background-size: auto 4.5rem;
font-size: max(1.5rem, 12px); padding: 2.5rem 0 .8rem 9.5rem;
}
header .line1 .logo em {
display: inline-block; color: #000; margin-right: 0.3rem;
font-size: max(1.8rem, 12px);
}
header .line1 .logo a:hover,
header .line1 .logo a:hover em {
text-decoration: underline;
}
header .line1 .showroom {
display: none;
}

header .line1 ul.nav {
 display: inline-block;
padding: 0 0 0 0; margin: 0;
}
header .line1 ul li {
list-style: none; display: inline-block; margin: 0 0 0 1rem; padding: 0;
}
header .line1 ul li a span {
}

header .line1 ul li a,
header .line1 .tel a {
display: inline-block;
width: 6rem; height: 4.2rem;  margin-top: 1.5rem; padding-top: .3rem;
text-align: center; border: 1px solid #AAAEB3; border-radius: 0.5rem;
background: #FAFAFA;
filter: drop-shadow(0 0.2rem 0.3rem rgba(0, 0, 0, 0.2));
}
header .line1 .tel img {width: 2.3rem;}
header .line1 ul li.nav-home {display: none;}
header .line1 ul li.nav-mail img {width: 2.9rem;}
header .line1 ul li.nav-aboutus  {display: none;}



.menubtn {
z-index: 999;
position: fixed; top: 1.5rem; right: 1.75rem;
width: 6rem; height: 4.2rem; text-align: center;
border: 1px solid #AAAEB3; border-radius: 0.5rem;
filter: drop-shadow(0 0.2rem 0.3rem rgba(0, 0, 0, 0.2));
background: url("../img/head-menu.svg") no-repeat center center #FAFAFA; background-size: 2.4rem auto;
cursor: pointer;
}

.menubtn.open {
background: url("../img/head-menu-x.svg") no-repeat center center #FAFAFA; background-size: 1.95rem auto;
}





header .line2 {
width: 100%; height: 5rem; background: #323940;
}

header .line2 .block {
color: #EBEEF2;
display: flex; justify-content: space-between;
}
header .line2 .block nav {
}

header .line2 .block nav.shuri {
width: 35rem;
}
header .line2 .block nav.reform {
display: none;
}

header .line2 .block nav ul {
display: inline-block; line-height: 1; padding: 1.4rem 0 0 0;
}


header .line2 .block nav .label {
display: none; line-height: 1; 
font-size: max(1.8rem, 12px); background: #6C7580; color: #fff;
position: relative;
width: 10rem;  text-align: center;
margin-right: 1rem;
}

header .line2 .block nav .label a {
color: #fff; text-decoration: none;
display: inline-block; padding: .4rem 0 .6rem 0;
}

header .line2 .block nav .label::after{
    content: '';
    position: absolute;
    top: 0;
    left: 100%;
    border-top: 1.3rem solid transparent; 
    border-bottom: 1.3rem solid transparent; 
    border-left: 0.8rem solid #6C7580; 
}
header .line2 .block nav li {
line-height: 1; display: inline-block; padding: 0;
}
header .line2 .block nav li a {
display: block;
color: #fff; text-decoration: none; line-height: 1;
margin: 0; padding: 0 0 0 5rem; 
}


header .line2 .block  nav ul {
 margin: 0; line-height: 1;
}
header .line2 .block nav ul li {
margin: 0; padding: 0; list-style: none;
font-size: max(1.8rem, 12px); line-height: 1;
}
header .line2 .block nav ul li.mizu a {background: url("../img/bul-suido-head.svg") no-repeat left .15rem; background-size: 1.8rem auto;}
header .line2 .block nav ul li.gas a {background: url("../img/bul-gas-head.svg") no-repeat left .15rem; background-size: 1.8rem auto;}
header .line2 .block nav ul li.kitchen a {background: url("../img/bul-kitchen-head.svg") no-repeat left .15rem;}
header .line2 .block nav ul li.bath a {background: url("../img/bul-bath-head.svg") no-repeat left .15rem;}
header .line2 .block nav ul li.toilet a {background: url("../img/bul-toilet-head.svg") no-repeat left .15rem;}
header .line2 .block nav ul li.care a {background: url("../img/bul-care-head.svg") no-repeat left .15rem;}
header .line2 .block nav ul li.other a {background: url("../img/bul-other-head.svg") no-repeat left .15rem;}
header .line2 .block nav ul li.paint a {background: url("../img/bul-paint-head.svg") no-repeat left .15rem;}
header .line2 .block nav ul li.garden a {background: url("../img/bul-garden-head.svg") no-repeat left .15rem;}

header .line2 .block nav ul li a {
margin: 0 2.5rem 0 0; padding: 0rem 0 0 2rem; border: none; display: block;
color: #EBEEF2; text-decoration: none;
}
header .line2 .block nav ul li a:hover {
opacity: 0.7; filter: alpha(opacity=70);
}
header .line2 .block nav ul li:last-child a {
margin-right: 0;
}

header .mb-btn {
display: inline-block; position: relative; margin-left: 4rem;  margin-top: 1.2rem;
}
header .mb-btn::before {
    content: '';
    position: absolute;
    top: 0;
    right: 100%;
    border-top: 1.4rem solid transparent; 
    border-bottom: 1.4rem solid transparent; 
    border-right: 0.8rem solid #6C7580; 
}
header .mb-btn a::after {
    content: '';
    position: absolute;
    top: 0;
    left: 100%;
    border-top: 1.4rem solid transparent; 
    border-bottom: 1.4rem solid transparent; 
    border-left: 0.8rem solid #6C7580; 
}

header .mb-btn a {
display: flex; align-items: center; text-decoration: none; color: #fff; text-align: center; padding: 0.5rem 1rem 0.5rem 1rem;
font-size: max(1.5rem, 12px);  min-height: 2rem; background: #6C7580; line-height: 1; white-space: nowrap; letter-spacing: -0.2rem;
}

	








/*===== Tablet-PC =====*/
@media (min-width: 768px) {
header .line1 .block {
width: 112rem; height: 6rem; padding-right: 7rem;
}
header .line1 .logo a {
background: url("../img/head-logo.svg") no-repeat left center; background-size: auto 4.5rem;
width: 30rem; font-size: 1.6rem;
padding-left: 10rem; text-align: left;
padding: 2rem 0 .8rem 9.5rem;
}
header .line1 .tel {
border: none; text-align: left;
width: 24rem; height: 3.2rem;  margin-top: 1.5rem;
background: url("../img/head-telnum.svg") bottom right no-repeat #fff; background-size: 21.5rem auto;
}
header .line1 .tel a {
border: none; width: auto; height: auto; text-align: left; margin-top: 0; background: none; filter: none;
}

header .line1 .showroom {
display: block; background: url("../img/head-showroom-on.png") no-repeat; background-size: 14rem auto;
width: 14rem; margin-top: 1.8rem; padding: 0; line-height: 1;
}
header .line1 .showroom a:hover img {
opacity: 0.1; filter: alpha(opacity=10);
}
header .line1 ul.nav {
width: 30rem;
 display: flex; justify-content: space-between; background: none; margin: 0.3rem 0 0 0; padding: 0;
}
header .line1 ul li {
margin: 0;
}
header .line1 ul li.nav-aboutus  {display: block;}
header .line1 ul li.nav-home {display: block;}

header .line1 ul.nav li a {
width: auto; border: none; background: none; filter: none;
text-decoration: none; font-size: 1.5rem; color: #263340;
}
header .line1 ul.nav a:hover {
color: #84C2F5; text-decoration: underline;
}
header .line1 .nav-home {
}
header .line1 .nav-home img { height: 2rem; margin-bottom: 0.3rem;}
header .line1 .nav-mail img {height: 1.5rem; margin-bottom: 0.3rem;}
header .line1 .nav-aboutus img {height: 1.8rem; margin-bottom: 0.3rem; margin-right: 0.3rem;}

header .line1 a span img {
}

header .line1 ul.nav a span::after {
width: inherit; white-space: nowrap;
}
header .line1 .nav-home span::after {content: "ホーム";}
header .line1 .nav-mail span::after {content: "お問い合わせ";}
header .line1 .nav-aboutus span::after {content: "会社案内";}


.menubtn {
width: 4.5rem; height: 3.3rem;
right: 3rem;
background-size: 1.7rem auto;
}
.menubtn.open {
background-size: 1.6rem auto;
}




header .line2 .block nav ul li.mizu a,
header .line2 .block nav ul li.gas a,
header .line2 .block nav ul li.kitchen a,
header .line2 .block nav ul li.bath a,
header .line2 .block nav ul li.toilet a,
header .line2 .block nav ul li.care a,
header .line2 .block nav ul li.other a,
header .line2 .block nav ul li.paint a,
header .line2 .block nav ul li.garden a { background-size: 1.8rem auto;}






header .line2 {
display: block; width: 100%; height: 4rem; padding-top: 0.3rem
}
header .line2 .block {
width: 112rem; margin: 0 auto;
}
header .line2 .block nav::before {
display: none;
}

header .line2 .block nav .label {
display: inline-block;
font-size: 1.5rem;
}
header .line2 .block nav ul {
display: inline-block; line-height: 1; padding: 0.3rem 0 0.3rem 0;
}
header .line2 .block nav.shuri {
width: 35rem;
}
header .line2 .block nav.reform {
display: block;
width: 78rem; text-align: right;
}

header .line2 .block nav ul li a {
margin: 0 1.6rem 0 0; padding: 0 0 0.2rem 2rem;
}

header .line2 .mb-btn{
display: none;
}
}



/*:::::::::: popmenu ::::::::::*/

.pop-menu {
display: none;

position: fixed; top: 0; left: 0; right: 0; z-index: 900;
background: rgba(0,0,0,0.85);
    overflow:auto;
    width:100%;
    height:100%;
    -webkit-overflow-scrolling:touch;
}
.pop-menu .links {
}

/*===== Tablet-PC =====*/
@media (min-width: 768px) {
.pop-menu .block {
width: 112rem; margin: 0 auto;
}
}



/*::::::::::::::::::::  CONTENT  ::::::::::::::::::::*/
.content {
margin-top: 12rem;
}

/*::::::::::::::::::::  Local-head  ::::::::::::::::::::*/


.lhead {
position: relative; top: 0; left: 0; width: 100%;
}
.lhead h1 {
margin: 0 auto; padding: 0; height: 20rem;
font-size: 3.6rem; line-height: 1.3; text-align: center;
display: flex; align-items: center;  justify-content: center;
background: url("../img/lhead-common.png") no-repeat center top;
background-size: cover;
color: #323940;
}
.lhead h1 span {
font-size: 2.4rem;
}


.p-blog .lhead {background: url("../img/lhead-common-bg.jpg") center top}
.p-blog .lhead h1 {background: url("../img/lhead-common.png") no-repeat center top; background-size: auto 20rem; color: #323940;}

.p-kitchen .lhead h1 {background: url("../img/lhead-kitchen.png") no-repeat center top; background-size: auto 20rem; color: #fff}
.p-bath .lhead h1 {background: url("../img/lhead-bath.png") no-repeat center top; background-size: auto 20rem; color: #fff}
.p-toilet .lhead h1 {background: url("../img/lhead-toilet.png") no-repeat center top; background-size: auto 20rem; color: #fff}
.p-care .lhead h1 {background: url("../img/lhead-care.png") no-repeat center top; background-size: auto 20rem; color: #fff}
.p-other .lhead h1 {background: url("../img/lhead-other.png") no-repeat center top; background-size: auto 20rem; color: #fff}


.p-exterior .lhead {background: url("../img/lhead-exterior-bg.jpg") center top}
.p-paint .lhead h1 {background: url("../img/lhead-paint.png") no-repeat center top; background-size: auto 20rem; color: #fff}
.p-garden .lhead h1 {background: url("../img/lhead-garden.png") no-repeat center top; background-size: auto 20rem; color: #fff}
.p-eco .lhead h1 {background: url("../img/lhead-eco.png") no-repeat center top; background-size: auto 20rem; color: #fff}


.p-gas .lhead {background: url("../img/lhead-gas-bg.jpg") center top}
.p-gas .lhead h1 {background: url("../img/lhead-gas.png") no-repeat center top; background-size: auto 20rem; color: #fff}

.p-mizu .lhead {background: url("../img/lhead-suido-bg.jpg") center top}
.p-mizu .lhead h1 {background: url("../img/lhead-suido.png") no-repeat center top; background-size: auto 20rem; color: #fff}

.p-suido .lhead {background: url("../img/lhead-suido-bg.jpg") center top}
.p-suido .lhead h1 {background: url("../img/lhead-suido.png") no-repeat center top; background-size: auto 20rem; color: #fff}


.p-showroom .lhead {background: url("../img/lhead-showroom-bg.jpg") center top}
.p-showroom .lhead h1 {background: url("../img/lhead-showroom.png") no-repeat center top; background-size: auto 20rem; color: #fff}





/*===== Tablet-PC =====*/
@media (min-width: 768px) {
.lhead {
background: url("../img/lhead-common-bg.jpg") center top #555;
background-size: cover !important;
}
.lhead h1 {
width: 112rem; 
background-size: auto 100% !important;
}
}


/*===== PC only =====*/
@media (min-width: 1201px) {

}


/*:::::::::: Pankuzu ::::::::::*/
.pankuzu {
  list-style-type: none;
  display:table;
  padding:0;
  margin:2rem auto 3rem auto;
  overflow:hidden;
}
.pankuzu ul {
display: block;
margin: 0; padding: 0;
border-left: 0.1rem solid #D3D6DB;
filter: drop-shadow(0 0.1rem 0.2rem rgba(0, 0, 0, 0.1));
}
.pankuzu  li{
  display:table-cell;
  position:relative;
  background: #fff;
  padding: 0.8rem 2rem 0.8rem 2rem; line-height: 1;
  color: #6C7580; font-size: max(1.5rem, 12px);
border-top: 0.1rem solid #D3D6DB;
border-bottom: 0.1rem solid #D3D6DB;
}

.pankuzu  li:before,
.pankuzu  li:after{
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  margin: auto;
}
.pankuzu  li:before{
  top:-0rem;
  right:-1.1rem;
  border-style: solid;
  border-color: transparent transparent transparent #D3D6DB;
  border-width: 1.5rem 0 1.5rem 1rem;
  z-index: 10;
}
.pankuzu  li:after{
  top:-0rem;
  right:-1rem;
  border-style: solid;
  border-color: transparent transparent transparent #fff;
  border-width: 1.5rem 0 1.5rem 1rem;
  z-index: 10;
}
.pankuzu  li:last-child{
}
.pankuzu  li:last-child:before{
}
.pankuzu  li:last-child:after  {
  top: -0.1rem; right:-.9rem;
  border-width: 1.6rem 0 1.6rem 1rem;
}

.pankuzu li a {
color: #AAAEB3; font-size: max(1.5rem, 12px); text-decoration: none;
}
.pankuzu li a:hover {
color: #6C7580;
}




/*===== Tablet-PC =====*/
@media (min-width: 768px) {
.content {
margin-top: 10rem;
}
.pankuzu ul li  {
}
}




/*:::::::::: block format ::::::::::*/
.content section:first-of-type {
margin-top: 0 !important;
}
section.bg {
background: url("../img/bg-tex1.jpg") center top #F2F4F7;
}
section.bg2 {
background: url("../img/bg-tex2.jpg") center top #878D93;
}
section.bg2,
section.bg2 h2,
section.bg2 h3,
section.bg2 h4 {
color: #fff;
}

section .block h2 {
font-size: 3.6rem; padding: 0.4rem 0 1.2rem 0; margin: 0 0 2rem 0; text-align: center;
font-family: kozuka-gothic-pro, sans-serif;
font-weight: 200; font-style: normal; line-height: 1.2;
}
section .block h3 {
font-size: 3rem; padding: 0.4rem 0 1.2rem 0; margin: 0 0 2rem 0; text-align: center;
font-family: kozuka-gothic-pro, sans-serif;
font-weight: 200; font-style: normal; line-height: 1.2;
}


section .block .num h3 {
background-image: none !important; padding-left: 0;
}
.p-suido section .block .num h3::first-letter {color: #206BC1}
.p-gas section .block .num h3::first-letter {color: #B761AE}
.p-reform section .block .num h3::first-letter {color: #AAAEB3}


/*:::::::::: btn ::::::::::*/
.btn {
margin: 2rem 0; font-size: max(1.7rem, 12px); line-height: 1;
}
.btn a {
display: inline-block; margin: 0 1.5rem 0 0; padding: 1.3rem 4rem 1rem 2rem; text-align: center;
min-width: 26.5rem;
line-height: 1; color: #6C7580; text-decoration: none;
-moz-border-radius: 2rem; -webkit-border-radius: 2rem; border-radius: 2rem;
filter: drop-shadow(0 0.1rem 0.3rem rgba(0, 0, 0, 0.1));
background: url("../img/bul-link-rainbow.svg") no-repeat right 1.5rem center #FFF;
background-size: 1rem auto !important;
}
.btn a:last-child {
margin-right: 0;
}
.btn a:hover {
opacity: 0.8; filter: alpha(opacity=80);
}

.p-kitchen .btn a,
.btn a.kitchen {background: url("../img/bul-link-kitchen.svg") no-repeat right 1.5rem center #FFF; color: #439EE2;}
.p-bath .btn a,
.btn a.bath {background: url("../img/bul-link-bath.svg") no-repeat right 1.5rem center #FFF; color: #44C8E3;}
.p-toilet .btn a,
.btn a.toilet {background: url("../img/bul-link-toilet.svg") no-repeat right 1.5rem center #FFF; color: #4981F2;}
.p-care .btn a,
.btn a.care {background: url("../img/bul-link-care.svg") no-repeat right 1.5rem center #FFF; color: #CB434A;}
.p-other .btn a,
.btn a.other {background: url("../img/bul-link-other.svg") no-repeat right 1.5rem center #FFF; color: #AD651D;}

.p-paint .btn a,
.btn a.paint {background: url("../img/bul-link-paint.svg") no-repeat right 1.5rem center #FFF; color: #C75C28;}
.p-garden .btn a,
.btn a.garden {background: url("../img/bul-link-garden.svg") no-repeat right 1.5rem center #FFF; color: #5EA240;}
.p-eco .btn a,
.btn a.eco {background: url("../img/bul-link-eco.svg") no-repeat right 1.5rem center #FFF; color: #EAA915;}



.p-kitchen .btn.bg a,
.btn.bg a.kitchen {background: url("../img/bul-link-shiro.svg") no-repeat right 1.5rem center #439EE2; color: #FFF;}
.p-bath .btn.bg a,
.btn.bg a.bath  {background: url("../img/bul-link-shiro.svg") no-repeat right 1.5rem center #44C8E3; color: #FFF;}
.p-toilet .btn.bg a,
.btn.bg a.toilet  {background: url("../img/bul-link-shiro.svg") no-repeat right 1.5rem center #4981F2; color: #FFF;}
.p-care .btn.bg a,
.btn.bg a.care  {background: url("../img/bul-link-shiro.svg") no-repeat right 1.5rem center #CB434A; color: #FFF;}
.p-other .btn.bg a,
.btn.bg a.other  {background: url("../img/bul-link-shiro.svg") no-repeat right 1.5rem center #AD651D; color: #FFF;}

.p-paint .btn.bg a,
.btn.bg a.paint {background: url("../img/bul-link-shiro.svg") no-repeat right 1.5rem center #C75C28; color: #FFF;}
.p-garden .btn.bg a,
.btn.bg a.garden {background: url("../img/bul-link-shiro.svg") no-repeat right 1.5rem center #5EA240; color: #FFF;}
.p-eco .btn.bg a,
.btn.bg a.eco {background: url("../img/bul-link-shiro.svg") no-repeat right 1.5rem center #EAA915; color: #FFF;}

.btn.bg a.showroom {background: url("../img/bul-link-shiro.svg") no-repeat right 1.5rem center #A7BF30; color: #FFF;}




.p-suido .btn a,
.btn a.suido {background: url("../img/bul-link-suido.svg") no-repeat right 1.5rem center #FFF; color: #206BC1;}
.p-gas .btn a,
.btn a.gas {background: url("../img/bul-link-gas.svg") no-repeat right 1.5rem center #FFF; color: #B761AE;}

.p-suido .btn.bg a,
.btn.bg a.suido {background: url("../img/bul-link-shiro.svg") no-repeat right 1.5rem center #206BC1; color: #FFF;}
.p-gas .btn.bg a,
.btn.bg a.gas {background: url("../img/bul-link-shiro.svg") no-repeat right 1.5rem center #B761AE; color: #FFF;}



.p-showroom .btn a,
.btn a.showroom {background: url("../img/bul-link-showroom.svg") no-repeat right 1.5rem center #FFF; color: #91A629;}
.p-sonota .btn a,
.btn a.sonota {background: url("../img/bul-link-sonota.svg") no-repeat right 1.5rem center #FFF; color: #3E5399;}

.p-showroom .btn.bg a,
.btn.bg a.showroom {background: url("../img/bul-link-shiro.svg") no-repeat right 1.5rem center #91A629; color: #FFF;}
.p-sonota .btn.bg a,
.btn.bg a.sonota {background: url("../img/bul-link-shiro.svg") no-repeat right 1.5rem center #3E5399; color: #FFF;}



/*::::::::::::::::::::   table ::::::::::::::::::::*/
.hyou {
width: 100%; overflow: auto;
}
table {
	border-top: 3px solid #323940; border-left: 1px solid #ccc;
	margin: 1rem 0; font-size: max(1.8rem, 12px);
}
table caption {
text-align: left; font-size: max(1.8rem, 12px); color: #323940; line-height: 1; margin: 0 0 1rem 0;
}
table th,
table td {
	padding: 1rem 2.5rem; text-align: left; word-wrap: break-word;
	border-bottom: 1px dotted #444; border-right: 1px solid #ccc;
	font-weight: normal;
	background: #fff; color: #555;
}
table th {
	background: #f9f9f9; color: #000;
	white-space: nowrap;
}
table.thlbn th {
white-space: nowrap;
}

.bg table {
	 border-left: 1px solid #bbb;
}
.bg table th,
.bg table td {
	border-bottom: 1px dotted #333; border-right: 1px solid #bbb;
	background: #f7f7f7; color: #444;
}
.bg table th {
	background: #f2f2f2; color: #333;
}

table.al-center th,
table.al-center td  {
	text-align: center;
}

/*===== Tablet-PC =====*/
@media (min-width: 768px) {
table th,
table td {
	padding: 1rem 1rem;
}
table th {
white-space: inherit;
}
}




/*::: opacity: 0.7; filter: alpha(opacity=70);waku :::*/
section .waku {
background: #f2f2f2; padding: 1.5rem 3rem;
}
section .waku.shiro {
background: #FFF;
}
section.bg .waku {
background: #fff; color: #333;
}
section .waku article {
margin: 3rem 0;
}
section .waku article:first-child {margin-top: 0;}
section .waku article:last-child {margin-bottom: 0;}

section .waku article h3 {
border-bottom: 1px solid #332313; color: #332313; line-height: 1.5; 
font-size: 2.8rem;
}
section .waku article h4 {
font-size: 2.2rem; margin: 3rem 0 1rem 0; padding: 0.7rem 1.5rem;
color: #332313; line-height: 1.5; background: #FBF9F6;
box-shadow:0px 1px 3px rgba(0,0,0,0.1);
}
section .waku article h5 {
font-size: 2rem; font-weight: bold; line-height: 1.5;
margin: 2rem 0 1.5rem 1.8rem; padding: 0 0 0.5rem 0;
border-bottom: 1px dotted #BFB8AF; color: #332313;
}
section .waku article p {
margin-left: 1em;
}







/*::::::::::::::::::::  toiawase  ::::::::::::::::::::*/
.form-table .lead {
padding: 3rem; background: #EBEEF2;
text-align: center;
}

.form-table table {
margin: 3rem 0;
}
.form-table tr,
.form-table td,
.form-table th {
display: block; width: 100%;
}
.form-table td {
padding: 1.5rem 1.5rem 3.5rem 1.5rem;
}
.form-table th {
padding: 1.5rem;
}

.form-table input[type="text"],
.form-table input[type="tel"],
.form-table input[type="email"],
.form-table textarea {
margin: .5rem; max-width: 45rem;
}
.form-table ::placeholder {
color: #aaa; font-size: max(1.6rem, 12px);
}

.form-table p.soushin {
text-align: center
}
.form-table p.soushin input[type="submit"] {
text-align: center; line-height: 1;
min-width: 36rem;
margin-left: 7.2rem;
}

.form-table span.chu {
display: block;
}

form .chu,
form .chu2,
form em {
font-size: max(1.6rem, 12px);
}
.form-table table {
width: 100%;
}


#toiawase div.chu {
text-align: center;
}
#toiawase div.chu ul li {
text-align: left;
}


/*===== Tablet-PC =====*/
@media (min-width: 768px) {

.form-table {
width: 90rem; margin: 0 auto;
}


.form-table tr {
display: table-row
}
.form-table td,
.form-table th {
display: table-cell; padding: 1.5rem 2rem;
width: auto; vertical-align: middle;
}

.form-table th {
width: 25rem; font-size: 1.7rem;
}

.form-table input[type="text"],
.form-table input[type="tel"],
.form-table input[type="email"] {
width: 40rem
}
.form-table textarea {
width: 40rem
}

}


.wpcf7-list-item {
	margin: 0 1rem 0 0 !important;
}
.wpcf7-list-item:last-child {
	margin: 0 0 0 0;
}

.wpcf7-not-valid-tip {
font-size: 1.6rem !important;
}
div.wpcf7-validation-errors,
div.wpcf7-acceptance-missing {
	border: none !important; background: #cc0000; color: #fff;
}





.p-toiawase .telnum strong {
font-family: "Times New Roman", Times, "serif"; font-weight: normal;
font-size: 6rem;
}


/*::::::::::::::::::::  END  ::::::::::::::::::::*/
section#end {
margin-bottom: 0; padding-bottom: 0;
}
section#end .block {
text-align: center; 
}
section#end h2 {
background: none; border: none; text-align: center; padding: 0;
font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
font-weight: 300;
font-weight: normal;
}



section#end .telnum {
line-height: 1;
margin-top: 1.2rem; padding-bottom: 2rem; background: url("../img/end-hr.png") no-repeat center bottom;
}
section#end .telnum img {
width: 47rem;
}

section#end .links {
text-align: center;
}

section#end .links span {
display: inline-block; padding: 2rem 0.5rem;
}
section#end .links img {
width: 26rem;
}




/*::::::::::::::::::::  FOOT  ::::::::::::::::::::*/
footer {
background: linear-gradient(#113758, #004E91);
margin: 0; padding:  0;
color: #fff;
}

footer .foot-info {
padding: 10rem 0 0 0; background: url("../img/arch-top.png") no-repeat; background-size: 100% 7rem;
text-align: center;
font-family: kozuka-gothic-pro, sans-serif; font-weight: 200;

}
footer .foot-info .logo {
display: block; width: 40rem; margin: 0 auto 1.5rem auto;
}


footer .foot-info .adds {
}
footer .foot-info .adds span {
font-size: max(1.6rem, 12px);
}
footer .foot-info .telfax {
}
footer .foot-info .telfax span {
font-size: max(1.7rem, 12px);
}



/*===== Tablet-PC =====*/
@media (min-width: 765px) {
footer {
}
footer .foot-info .telfax,
footer .foot-info .adds {
display: inline-block; padding: 0 1rem
}

}





/*links*/
aside .links,
footer .links {
padding: 3rem 0 2rem 0; text-align: left;
}

aside .links .linkblock,
footer .links .linkblock {
margin: 3rem 0;
}

aside .links ul,
footer .links ul {
margin: 0 0 0 .5rem;
}

aside .links ul li,
footer .links ul li {
list-style: none; display: inline-block;  margin: 1.5rem 2.2rem 1.5rem 0rem;
}

aside .links ul li:last-child,
footer .links ul li:last-child {
margin-right: 0;
}
aside .links ul li a,
footer .links ul li a {
display: block; padding: 0.7rem 0 1rem 1.3rem;
color: #fff; font-size: max(1.7rem, 12px); line-height: 1rem;
background: url("../img/arw.svg") no-repeat left center; background-size: 0.6rem auto;
}
aside .links ul li a span,
footer .links ul li a span {
font-size: max(1.6rem, 12px);
}
aside .links ul li a:hover,
footer .links ul li a:hover {opacity: 0.5; filter: alpha(opacity=50);}

aside .links h4,
footer .links h4 {
font-size: 2rem; font-family: kozuka-gothic-pro, sans-serif; color: #fff;
font-style: normal;
font-weight: 200;
padding-bottom: 0.7rem; margin-bottom: 0.5rem;
}

aside .links #foot-reform h4,
footer .links #foot-reform h4 {background: url("../img/foot-hr-reform.png") no-repeat left bottom; background-size: 100% 2px;}
aside .links #foot-exterior h4,
footer .links #foot-exterior h4 {background: url("../img/foot-hr-exterior.png") no-repeat left bottom; background-size: 100% 2px;}
aside .links #foot-shuri h4,
footer .links #foot-shuri h4 {background: url("../img/foot-hr-shuri.png") no-repeat left bottom; background-size: 100% 2px;}
aside .links #foot-suido h4,
footer .links #foot-suido h4 {background: url("../img/foot-hr-suido.png") no-repeat left bottom; background-size: 100% 2px;}
aside .links #foot-gas h4,
footer .links #foot-gas h4 {background: url("../img/foot-hr-gas.png") no-repeat left bottom; background-size: 100% 2px;}
aside .links #foot-showroom h4, 
footer .links #foot-showroom h4 {background: url("../img/foot-hr-showroom.png") no-repeat left bottom; background-size: 100% 2px;}
aside .links #foot-aboutus h4,
footer .links #foot-aboutus h4 {background: url("../img/foot-hr-aboutus.png") no-repeat left bottom; background-size: 100% 2px;}
aside .links #foot-other,
footer .links #foot-other{background: url("../img/foot-hr-others.png") no-repeat left top; background-size: 100% 2px; padding-top: 0.5rem}


/*copyright*/
footer .copyright {
background: #323940; color: #D3D6DB; text-align: center; padding: 1rem 0; line-height: 1.5; font-size: max(1.6rem, 12px);
font-family: kozuka-gothic-pro, sans-serif; font-weight: 200;
}



/*===== Tablet-PC =====*/
@media (min-width: 765px) {
footer .links ul li {
margin: 0.7rem 2.2rem 0.7rem 0rem;
}
footer .links ul li:last-child {
margin-right: 0;
}
}





/*:::::::::: totop ::::::::::*/
.totop {
width: 5.5rem; height: 5.5rem; position: fixed; z-index: 99; bottom: 1rem; right: 1rem; clear: both;
background: url("../img/totop.png") no-repeat; background-size: cover;
filter: drop-shadow(0.3rem 0.3rem 0.3rem rgba(0,0,0,0.2));
}
.totop:hover {
cursor: pointer;
}




/*:::::::::::::::::::: PAGES ::::::::::::::::::::*/
/*::: format :::*/
section .block h3 {
text-align: left; padding: .3rem 0 1rem 4rem;
background: url("../img/bul-rainbow.svg") no-repeat left top 1.2rem;
background-size: auto 2.6rem;
border-bottom: .2rem solid #777;
}

.p-kitchen section .block h3,
section .block h3.kitchen {background-image: url("../img/bul-kitchen.svg"); border-bottom-color: #439EE2;}
.p-bath section .block h3,
section .block h3.bath {background-image: url("../img/bul-bath.svg"); border-bottom-color: #44C8E3;}
.p-toilet section .block h3,
section .block h3.toilet {background-image: url("../img/bul-toilet.svg"); border-bottom-color: #4981F2;}
.p-care section .block h3,
section .block h3.care {background-image: url("../img/bul-care.svg"); border-bottom-color: #CB434A;}
.p-other section .block h3,
section .block h3.other {background-image: url("../img/bul-other.svg"); border-bottom-color: #AD651D;}
.p-paint section .block h3 {background-image: url("../img/bul-paint.svg"); border-bottom-color: #C75C28;}
.p-garden section .block h3 {background-image: url("../img/bul-garden.svg"); border-bottom-color: #5EA240;}
.p-eco section .block h3 {background-image: url("../img/bul-eco.svg"); border-bottom-color: #EAA915;}

.p-suido section .block h3,
.p-shuri.p1 section .block h3,
section .block h3.suido {background-image: url("../img/bul-suido.svg"); border-bottom-color: #206BC1;}
.p-gas section .block h3,
.p-shuri.p2 section .block h3,
section .block h3.gas {background-image: url("../img/bul-gas.svg"); border-bottom-color: #B761AE;}


section .block h4 {
margin: 2rem 0 1rem 0;
}



section .block article {
margin: 2rem 0; padding: 0 0 1rem 0;
}
section .block article:last-child {
padding-bottom: 0;
}

/*===== Tablet-PC =====*/
@media (min-width: 768px) {
}


/*===== PC only =====*/
@media (min-width: 1201px) {

}





section.bg-sp {
color: #FFF;
background: linear-gradient(#1B59B2,#7EA9E6);
}
.p-gas section.bg-sp {
background: linear-gradient(#BF6F01,#E68F17);
}


section.bg-sp h2 {
padding-bottom: 1.8rem; border-bottom: .2rem solid #FFF;
}
section.bg-sp p {
}








div.chu,
p.chu {
font-size: 1.6rem; line-height: 1.5;
}
.marker {
background: linear-gradient(transparent 60%, #FFFF00 60%);
background-position: center 60%;
}






/*:::::::::: TAB ::::::::::*/
.tab {
border-bottom: .2rem solid #AAAEB3;
padding: 0 1.5rem; margin-bottom: 5rem;
}
.tab ul {
display: flex; justify-content: space-between;
padding: 0;margin: 0;
}
.tab ul li {
width: 17rem;
list-style: none; padding: 0; margin: 0;
font-size: 1.7rem; line-height: 1;
}
.tab.div2 ul li {
width: 25.5rem;
}


.tab ul li a {
display: block; padding: 1.7rem 0 1.5rem 0; text-align: center; text-decoration: none;
background: #F0F1F2; border: .1rem solid #D3D6DB; border-bottom: none;
border-top-left-radius: .5rem; border-top-right-radius: .5rem;
color: #323940;
}
.tab ul li a:hover {
opacity: 0.7; filter: alpha(opacity=70);
}
.tab ul li.here a {
background: #FAFAFA; border: .2rem solid #AAAEB3; border-bottom: none;
padding: 2.1rem 0 1.3rem 0; margin-bottom: -0.2rem;
border-top-left-radius: 0; border-top-right-radius: 0;
}
.tab ul li.here a:hover {
opacity: 1; filter: alpha(opacity=100); cursor: default;
}

/*===== Tablet-PC =====*/
@media (min-width: 768px) {
.tab {
padding: 0 5.5rem;
}
.tab ul li {
width: 33rem; font-size: 2.2rem;
}
.tab.div2 ul li {
width: 49.5rem;
}
.tab ul li a {
padding: 2.2rem 0 2rem 0;
}
.tab ul li.here a {
padding: 2.6rem 0 1.8rem 0;
}
}

/*:::::::::: //TAB ::::::::::*/






/*::: page-index :::*/
#pageindex .block h2 {
text-align: center;
}
#pageindex ul {
display: flex; justify-content: space-between; flex-wrap: wrap;
margin: 2rem 0; padding: 0;
}
#pageindex ul li {
list-style: none; width: 26.5rem; line-height: 1; margin: 0 0 1.5rem 0;
font-size: 1.7rem;
}
#pageindex ul li a {
display: block; padding: 1.8rem 1rem;
background: url("../img/bul-link-rainbow.svg") no-repeat right 1rem center #FFF;
border-radius: .5rem;
filter: drop-shadow(0 0.2rem 0.3rem rgba(0, 0, 0, 0.2));
color: #6C7580; text-decoration: none;
}


#pageindex ul li.p-kitchen a {background-image: url("../img/bul-link-kitchen.svg"); color: #439EE2;}
#pageindex ul li.p-bath a {background-image: url("../img/bul-link-bath.svg"); color: #44C8E3;}
#pageindex ul li.p-toilet a {background-image: url("../img/bul-link-toilet.svg"); color: #4981F2;}
#pageindex ul li.p-care a {background-image: url("../img/bul-link-care.svg"); color: #CB434A;}
#pageindex ul li.p-other a {background-image: url("../img/bul-link-other.svg"); color: #AD651D;}

#pageindex ul li.p-paint  a {background-image: url("../img/bul-link-paint.svg"); color: #C75C28;}
#pageindex ul li.p-garden  a {background-image: url("../img/bul-link-garden.svg"); color: #5EA240;}
#pageindex ul li.p-eco  a {background-image: url("../img/bul-link-eco.svg"); color: #EAA915;}

#pageindex ul li.suido a,
.p-suido #pageindex ul li a,
.p-shuri #pageindex ul li.p1 a {background-image: url("../img/bul-link-suido.svg"); color: #206BC1;}
#pageindex ul li.gas a,
.p-gas #pageindex ul li a,
.p-shuri #pageindex ul li.p2 a {background-image: url("../img/bul-link-gas.svg"); color: #B761AE;}


#pageindex ul li a:hover {
color: #84C2F5 !important;
}

.p0 #pageindex ul li.p0 a,
.p1 #pageindex ul li.p1 a,
.p2 #pageindex ul li.p2 a,
.p3 #pageindex ul li.p3 a,
.p4 #pageindex ul li.p4 a,
.p5 #pageindex ul li.p5 a,
.p6 #pageindex ul li.p6 a,
.p7 #pageindex ul li.p7 a,
.p8 #pageindex ul li.p8 a,
.p9 #pageindex ul li.p9 a {
background-image: url("../img/bul-check.svg"); color: #AAAEB3 !important; cursor: inherit;
}



/*===== Tablet-PC =====*/
@media (min-width: 768px) {

#pageindex ul li {
width: 36rem; margin: 0 0 2rem 0;
font-size: 2rem;
}
#pageindex ul li a {
background-position: right 2rem center;
 text-align: center; padding: 1.8rem 0;
}

}




/*:::::::::: tag ::::::::::*/
.tag span {
display: inline-block; background: #AAAEB3; color: #FFF;
margin: 0 2.5rem 1rem 0; padding: 1rem 2rem;
font-size: 1.6rem; line-height: 1;
box-shadow: 0 .1rem .3rem rgba(0,0,0,0.2);
position: relative;

}
.tag span::after{
    content: '';
    position: absolute;
    top: 0;
    left: 100%;
    border-top: 1.8rem solid transparent; 
    border-bottom: 1.8rem solid transparent; 
    border-left: 0.8rem solid #AAAEB3; 
}

.tag span.var1 {
background: #FFF; color: #777; border: .1rem solid #ddd;
}
.tag span.var1::after {
display: none; border: none;
}

/*::::::::::::::::::::  saishin-jirei  ::::::::::::::::::::*/
section#top-jirei h2 {
padding-bottom: 2rem; margin-bottom: 4rem; background: url("../img/hr-rainbow.svg") no-repeat center bottom;
}

.p-reform.p-kitchen section#top-jirei h2 {background: none; border-bottom: 2px solid #439EE2;}
.p-reform.p-bath section#top-jirei h2 {background: none; border-bottom: 2px solid #44C8E3;}
.p-reform.p-toilet section#top-jirei h2 {background: none; border-bottom: 2px solid #4981F2;}
.p-reform.p-care section#top-jirei h2 {background: none; border-bottom: 2px solid #CB434A;}
.p-reform.p-other section#top-jirei h2 {background: none; border-bottom: 2px solid #AD651D;}

.p-exterior.p-paint section#top-jirei h2 {background: none; border-bottom: 2px solid #C75C28;}
.p-exterior.p-garden section#top-jirei h2 {background: none; border-bottom: 2px solid #5EA240;}
.p-exterior.p-eco section#top-jirei h2 {background: none; border-bottom: 2px solid #EAA915;}


section#top-jirei .itemlist .col {
  padding: 1rem;
  background: #fff;
  margin-bottom: 3rem;
  border-bottom-left-radius: 1rem;
  border-bottom-right-radius: 1rem;
  filter: drop-shadow(0 0.2rem 0.3rem rgba(0, 0, 0, 0.2));
}

section#top-jirei .itemlist .col.new-kitchen::before {background-image: url("../img/icon-new-kitchen.svg");}
section#top-jirei .itemlist .col.new-bath::before {background-image: url("../img/icon-new-bath.svg");}
section#top-jirei .itemlist .col.new-toilet::before {background-image: url("../img/icon-new-toiet.svg");}
section#top-jirei .itemlist .col.new-care::before {background-image: url("../img/icon-new-care.svg");}
section#top-jirei .itemlist .col.new-other::before {background-image: url("../img/icon-new-other.svg");}
section#top-jirei .itemlist .col.new-paint::before {background-image: url("../img/icon-new-paint.svg");}
section#top-jirei .itemlist .col.new-garden::before {background-image: url("../img/icon-new-garden.svg");}
section#top-jirei .itemlist .col.new-eco::before {background-image: url("../img/icon-new-eco.svg");}

section#top-jirei .itemlist .col.new-mizushuri::before {background-image: url("../img/icon-new-mizushuri.svg");}
section#top-jirei .itemlist .col.new-gaskiki::before {background-image: url("../img/icon-new-gaskiki.svg");}

section#top-jirei .itemlist .col::before {
display: block; content: ""; width: 5rem; height: 5rem; 
background-repeat: no-repeat; background-size: 5rem 5rem;
position: relative; top: -1rem; left: -1rem; z-index: 200;
}


section#top-jirei .itemlist .col .pic {
		display: flex; align-items: center;  justify-content: center;
  height: 20.7rem; overflow: hidden;
  border-bottom-left-radius: .5rem;
  border-bottom-right-radius: .5rem;
border-top: 0.7rem solid #333;
}


section#top-jirei .itemlist .col.new-kitchen .pic  {border-color: #4191E0;}
section#top-jirei .itemlist .col.new-bath .pic  {border-color: #52B8CC;}
section#top-jirei .itemlist .col.new-toilet .pic  {border-color: #4176E0;}
section#top-jirei .itemlist .col.new-care .pic  {border-color: #C94249;}
section#top-jirei .itemlist .col.new-other .pic  {border-color: #AD651D;}
section#top-jirei .itemlist .col.new-paint .pic  {border-color: #EB5C15;}
section#top-jirei .itemlist .col.new-garden .pic  {border-color: #5EA240;}
section#top-jirei .itemlist .col.new-eco .pic  {border-color: #EAA915;}

section#top-jirei .itemlist .col.new-gaskiki .pic  {border-color: #B761AE;}
section#top-jirei .itemlist .col.new-mizushuri .pic  {border-color: #44AEE3;}

section#top-jirei .itemlist .col h3 {
  text-align: center; padding: 0 0 .6rem 0; margin: -5rem 0 0 0; border: none;
  line-height: 1.5; background: none; font-size: 2.2rem;
}
section#top-jirei .itemlist .col h3 a {
text-decoration: none; color: #333; letter-spacing: -.1rem;
}
section#top-jirei .itemlist .col .ttl {
margin: -7rem 0 0 0; height: 7rem; line-height: 1.5;
  border-bottom-left-radius: .5rem;
  border-bottom-right-radius: .5rem;
background: #000;
  opacity: 0.7;
  filter: alpha(opacity=70);
}
section#top-jirei .itemlist .col .ttl a {
display: flex; height: 7rem; align-items: center; padding: 1rem 2rem; 
color: #fff; font-size: 1.7rem;
}

section#top-jirei .itemlist .col .ttl a:hover {
  opacity: 0.5;
  filter: alpha(opacity=50);
}

section#top-jirei .endlink {
text-align: center;
padding-top: 2rem; background: url("../img/hr-rainbow.svg") no-repeat center top;
}


.p-reform.p-kitchen section#top-jirei .endlink {background: none; border-top: 2px solid #439EE2;}
.p-reform.p-bath section#top-jirei .endlink {background: none; border-top: 2px solid #44C8E3;}
.p-reform.p-toilet section#top-jirei .endlink {background: none; border-top: 2px solid #4981F2;}
.p-reform.p-care section#top-jirei .endlink {background: none; border-top: 2px solid #CB434A;}
.p-reform.p-other section#top-jirei .endlink {background: none; border-top: 2px solid #AD651D;}


.p-exterior.p-paint section#top-jirei .endlink {background: none; border-top: 2px solid #EB5C15;}
.p-exterior.p-garden section#top-jirei .endlink {background: none; border-top: 2px solid #5EA240;}
.p-exterior.p-eco section#top-jirei .endlink {background: none; border-top: 2px solid #EAA915;}


/*tel appeal*/
.telappl .tel {
text-align: center; margin: 3rem 0;
font-size: 2.8rem;
font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
font-style: normal;
font-weight: 300;
background: url("../img/telnum-pickup2.svg") no-repeat center center;
background-size: 50rem auto;
min-height: 25rem;
}
.telappl .tel a {
text-decoration: none; color: #323940;
}


/*===== Tablet-PC =====*/
@media (min-width: 768px) {
.telappl .tel {
min-height: 13.5rem;
}
.telappl .tel .tex1,
.telappl .tel .tex2 {
width: 50%; display: inline-block;
}
.telappl .tel .tex1 {
text-align: right;
padding-right: 27rem; padding-top: 3.5rem;
}
.telappl .tel .tex2 {
text-align: left;
padding-left: 26rem;
}
}


/*:::::::::: reform unit ::::::::::*/
#lead {
padding: 0;
}

#lead h2 {
text-align: left; font-size: 3.4rem; padding-top: 1rem; line-height: 1.4;
}
#lead .pic {
width: 52rem;
}

#lead .honbun {
padding: 3rem 2rem; margin: 0 0 5rem 0;
background: url("../img/bg-tex2.jpg");
color: #FFF;
}
#lead .honbun p {
color: #FFF;
}

/*===== Tablet-PC =====*/
@media (min-width: 768px) {

#lead h2 {
padding-top: 5rem; line-height: 1.6; font-size: 3rem;
}

#lead .honbun {
padding: 0; margin: 0;
background: none; color: inherit;
}
#lead .honbun p {
color: inherit;
}
}



/*:::::::::::::::::::: reform ::::::::::::::::::::*/
/*reform-top*/

#picindex {
margin-bottom: 0; padding-bottom: 0;
}

ul.picindex  {
padding: 0; margin: 3rem 0;
}
ul.picindex::after {
content: ""; width: 18rem; height: 0;
}
ul.picindex li {
display: inline-block; list-style: none; width: 18rem;
margin: 0 0 3rem 0; padding: 0 0 3rem 0;
}


.p-reform ul.picindex li.p1 {background: url("../img/arw-dwn-kitchen.png") center bottom no-repeat;}
.p-reform ul.picindex li.p2 {background: url("../img/arw-dwn-bath.png") center bottom no-repeat;}
.p-reform ul.picindex li.p3 {background: url("../img/arw-dwn-toilet.png") center bottom no-repeat;}
.p-reform ul.picindex li.p4 {background: url("../img/arw-dwn-care.png") center bottom no-repeat;}
.p-reform ul.picindex li.p5 {background: url("../img/arw-dwn-other.png") center bottom no-repeat;}

.p-exterior ul.picindex li.p1 {background: url("../img/arw-dwn-paint.png") center bottom no-repeat;}
.p-exterior ul.picindex li.p2 {background: url("../img/arw-dwn-garden.png") center bottom no-repeat;}
.p-exterior ul.picindex li.p3 {background: url("../img/arw-dwn-eco.png") center bottom no-repeat;}



ul.picindex li {
background-size: auto 1.7rem !important;
}

/*===== Tablet-PC =====*/
@media (min-width: 768px) {
.p-reform ul.picindex li {
width: 22rem; margin: 0;
}
.p-exterior ul.picindex li {
width: 36.8rem;
}
}





/*nayami*/
#solution .itemlist h3 {
background: none; padding: 0 0 1rem 0; text-align: center; font-size: 2.4rem;
font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
}
.p-kitchen #solution .itemlist h3 {color: #439EE2;}
.p-bath #solution .itemlist h3 {color: #44C8E3;}
.p-toilet #solution .itemlist h3 {color: #4981F2;}
.p-care #solution  h3 {color: #CB434A;}
.p-other #solution .itemlist h3 {color: #AD651D;}

.p-paint #solution .itemlist h3 {color: #EB5C15;}
.p-garden #solution .itemlist h3 {color: #5EA240;}
.p-eco #solution .itemlist h3 {color: #EAA915;}

#solution .itemlist ul {
word-break: break-all; margin: 1rem 0;
}
#solution .itemlist ul li {
color: #6C7580; font-size: 1.7rem; line-height: 2;
display: inline; margin-right: 1.5em;
word-break: break-all; 
}
#solution .itemlist ul li::before {
display: inline-block;
content: "●"; padding-right: .3rem; 
}

#solution .block article {
margin: 3rem 0; padding: 0 0 3rem 0;
border-bottom: .2rem solid #ccc;
}
#solution .block article:last-of-type {
border-bottom: none; padding-bottom: 1rem;
}
#solution article .pic {
}
#solution article .pic img {
box-shadow: 0 .3rem .5rem rgba(0,0,0,0.1);
background: #FFF; padding: 1rem;
}

#solution article .honbun {
padding: 1rem 0 0 2rem;
}
#solution article .honbun .nayami {
background: url("../img/icon-nayami.svg") no-repeat; background-size: 4.3rem auto;
font-size: 2.2rem; margin: 0 0 .8rem 0; padding: .2rem 0 0 5.3rem;
}
#solution article .honbun .kaiketsu {
background: url("../img/icon-kaiketsu.svg") no-repeat; background-size: 4.3rem auto;
font-size: 2.2rem; margin: 0 0 2rem 0; padding: .2rem 0 0 5.3rem;
}
#solution article .honbun p {
}

#solution .tokucho h3 {
border-bottom: none;
}

/*===== Tablet-PC =====*/
@media (min-width: 768px) {

#solution article .honbun .kaiketsu {
margin: 0 0 2rem 3rem;
}
#solution article .honbun p {
font-size: 1.75rem; margin-left: 3rem;
}
}




/*nagare*/
#nagare article {
margin: 3rem 0;
}
.p-shuri.p0 #nagare article,
.p-reform.p0 #nagare article,
.p-exterior.p0 #nagare article {
margin: 6rem 0;
}

.p-reform #nagare article h3,
.p-exterior #nagare article h3 {
border: none; padding: 0 0 1.5rem 0; font-size: 3rem;
border-bottom: 2px solid #206BC1; background: none;
}

.p-kitchen #nagare article h3 {border-bottom: 2px solid #439EE2}
.p-bath #nagare article h3 {border-bottom: 2px solid #44C8E3}
.p-toilet #nagare article h3 {border-bottom: 2px solid #4981F2}
.p-care #nagare article h3 {border-bottom: 2px solid #CB434A}
.p-other #nagare article h3 {border-bottom: 2px solid #AD651D}

.p-paint #nagare article h3 {border-bottom: 2px solid #EB5C15}
.p-garden #nagare article h3 {border-bottom: 2px solid #5EA240}
.p-eco #nagare article h3 {border-bottom: 2px solid #439EE2}



.p-reform.p0 #nagare article h3,
.p-exterior.p0 #nagare article h3 {
border: none; padding: 0 0 1.5rem 0; font-size: 3.6rem;
background: url("../img/hr-rainbow.svg") no-repeat left bottom;
}



#nagare article h4 {
font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
 margin: 1.5rem 0 2rem 0; font-size: 2.7rem;
}
#nagare article p {
font-size: 2rem; line-height: 1.8;
}


#nagare .dan3 .dan {
margin-bottom: 4rem;
}

/*form*/


.p-kitchen td.type .wpcf7-form-control .wpcf7-list-item {
display: inline-block; min-width: 8.5rem; padding-top: 5rem; font-size: 1.6rem;
background: url("../reform/img/ktype-1.svg") no-repeat top left 2rem;
background-size: 5rem auto !important;
}
.p-kitchen td.type .wpcf7-form-control .wpcf7-list-item:nth-child(2) {background: url("../reform/img/ktype-2.svg") no-repeat top left 2rem;}
.p-kitchen td.type .wpcf7-form-control .wpcf7-list-item:nth-child(3) {background: url("../reform/img/ktype-3.svg") no-repeat top left 2rem;}
.p-kitchen td.type .wpcf7-form-control .wpcf7-list-item:nth-child(4) {background: url("../reform/img/ktype-4.svg") no-repeat top left 2rem;}
.p-kitchen td.type .wpcf7-form-control .wpcf7-list-item:nth-child(5) {background: url("../reform/img/ktype-5.svg") no-repeat top left 2rem;}
.p-kitchen td.type .wpcf7-form-control .wpcf7-list-item:nth-child(6) {background: url("../reform/img/ktype-6.svg") no-repeat top left 2rem;}




.p-bath td.type .wpcf7-form-control .wpcf7-list-item {
display: inline-block; min-width: 5rem; padding-top: 5rem;
background: url("../reform/img/btype-1.svg") no-repeat top center;
background-size: 5rem auto !important;
}
.p-bath td.type .wpcf7-form-control .wpcf7-list-item:nth-child(2) {background: url("../reform/img/btype-2.svg") no-repeat top center;}
.p-bath td.type .wpcf7-form-control .wpcf7-list-item:nth-child(3) {background: url("../reform/img/btype-3.svg") no-repeat top center;}
.p-bath td.type .wpcf7-form-control .wpcf7-list-item:nth-child(4) {background: url("../reform/img/btype-4.svg") no-repeat top center;}
.p-bath td.type .wpcf7-form-control .wpcf7-list-item:nth-child(5) {background: url("../reform/img/btype-5.svg") no-repeat top center;}











/*:::::::::: shuri ::::::::::*/
.p-shuri #top-push .lead {
text-align: center; font-size: 3.2rem;
font-family: kozuka-gothic-pro, sans-serif;
font-style: normal;
font-weight: 200;
}
.p-shuri #top-push .icons {
padding: 3rem 0;
background: url("../img/bg-tex1.jpg");
}
.p-shuri .icons ul {
margin: 0; padding: 0;
display: flex; justify-content: space-between; flex-wrap: wrap;
}
.p-shuri .icons ul li {
list-style: none;
width: 26.5rem; height: 19rem; text-align: center;
padding: .7rem 0 0 0; margin: 1rem 0;
font-size: 2.2rem; line-height: 1.4;
font-family: kozuka-gothic-pro, sans-serif;
font-style: normal;
font-weight: 200;
background: url("../shuri/img/icon-bg-water.png") no-repeat; background-size: cover;
color: 	#1B5AB3;
}
.p-shuri .icons ul.gas li {
background: url("../shuri/img/icon-bg-gas.png") no-repeat; background-size: cover;
color: 	#B761AE;
}
.p-shuri .icons ul.mizu li span {
display: block; padding-top: 10rem;
background: url("../shuri/img/icon-toilet.svg") no-repeat center top;
background-size: 13rem 10rem;
}
.p-shuri .icons ul.mizu li.icon2 span {background-image: url("../shuri/img/icon-senmen.svg");}
.p-shuri .icons ul.mizu li.icon3 span {background-image: url("../shuri/img/icon-bath.svg");}
.p-shuri .icons ul.mizu li.icon4 span {background-image: url("../shuri/img/icon-kitchen.svg");}
.p-shuri .icons ul.mizu li.icon5 span {background-image: url("../shuri/img/icon-suisen.svg");}
.p-shuri .icons ul.mizu li.icon6 span {background-image: url("../shuri/img/icon-kyutomore.svg");}
.p-shuri .icons ul.mizu li.icon7 span {background-image: url("../shuri/img/icon-shokusen.svg");}
.p-shuri .icons ul.mizu li.icon8 span {background-image: url("../shuri/img/icon-fumei.svg");}

.p-shuri .icons ul.gas li span {
display: block; padding-top: 10rem;
background: url("../shuri/img/icon-kyuto.svg") no-repeat center top;
background-size: 13rem 10rem;
}
.p-shuri .icons ul.gas li.icon2 span {background-image: url("../shuri/img/icon-konro.svg");}
.p-shuri .icons ul.gas li.icon3 span {background-image: url("../shuri/img/icon-rangehood.svg");}
.p-shuri .icons ul.gas li.icon4 span {background-image: url("../shuri/img/icon-iruikansou.svg");}
.p-shuri .icons ul.gas li.icon5 span {background-image: url("../shuri/img/icon-yuwakashi.svg");}
.p-shuri .icons ul.gas li.icon6 span {background-image: url("../shuri/img/icon-yokushitudanbo.svg");}
.p-shuri .icons ul.gas li.icon7 span {background-image: url("../shuri/img/icon-fanheater.svg");}
.p-shuri .icons ul.gas li.icon8 span {background-image: url("../shuri/img/icon-sonotagas.svg");}




#top-push .tel {
text-align: center; margin: 3rem 0;
font-size: 3.6rem;
font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
font-style: normal;
font-weight: 300;
background: url("../img/telnum-pickup2.svg") no-repeat center center;
background-size: 50rem auto;
min-height: 25rem;
}


/*===== Tablet-PC =====*/
@media (min-width: 768px) {
#top-push .tel {
min-height: 14rem;
}
#top-push .tel .tex1,
#top-push .tel .tex2 {
width: 50%; display: inline-block;
}
#top-push .tel .tex1 {
text-align: right;
padding-right: 27rem; padding-top: 2.5rem;
}
#top-push .tel .tex2 {
text-align: left;
padding-left: 26rem;
}
}


#top-push .telbox {
width: 100%; box-shadow: 0 .1rem .3rem rgba(0,0,0,0.2);
border-radius: .5rem; padding-bottom: 1rem; background: #FFF;
}

#top-push .telbox h3 {
background: #E4E4E4; text-align: center;
font-family: kozuka-gothic-pro, sans-serif; font-weight: 200;
padding: 1.5rem 2rem; margin: 0; line-height: 1.3; font-size: 1.8rem;
border-bottom: none;
}

#top-push .telbox ul.check {
margin: 2rem 2rem;
}

#top-push .telbox ul.check li {
list-style: none; display: block; padding: 0 0 1rem 3.5rem;
background: url("../img/icon-check1.svg") no-repeat;
background-size: 2.6rem 2.6rem; background-position: 0 .2rem;
}


#top-push .telbox .chu ul {
margin: 2rem 2rem; padding: 2rem 0 0 2.5rem; border-top: 2px solid #AAAEB3;
}

#top-push .telbox .chu ul li {
padding: 0; margin: .5rem 0;
font-size: 1.8rem;
 }


/*===== Tablet-PC =====*/
@media (min-width: 768px) {
#top-push .telbox {
width: 90rem; margin: 3rem auto;
}
#top-push .telbox ul.check,
#top-push .telbox .chu ul {
margin: 2rem 6rem;
}
}


.p-shuri #troubles .col4 img {
width: 26.5rem; margin: 0 .5rem;
}

/*===== Tablet-PC =====*/
@media (min-width: 768px) {
.p-shuri #troubles .col4 img {
width: 18rem; margin: 0;
}
}




	.p-shuri #lead {
	margin: 0 auto;
	}

.p-shuri #lead h2 {
font-size: 3rem; line-height: 1.5;
}


.p-shuri #solution article {
border-bottom: none;
}
.p-shuri article p.sp {
font-size: 2.6rem;
margin: 3rem 0; letter-spacing: .3rem;
}


/*:::::::::: shurilink ::::::::::*/
section#shuri {
background:  url("../img/top-shuri-bg2-mb.jpg") no-repeat top center; background-size: 100% 100%;
padding: 0;
}
section#shuri .block {
color: #fff; padding: 1rem 0 2rem 0; margin: 0 auto;
}
section#shuri .block .dan {
margin: 4rem 3rem; 
}
section#shuri .block .dan h2 {
font-size: 3.2rem; letter-spacing: .2rem; border-bottom: 2px solid #FFF; text-align: center;
}
section#shuri .block .dan p {
color: #EBEEF2; text-align: center;
}
section#shuri .block .dan .btn {
text-align: center;
}
section#shuri .block .dan .btn a {
background: url("../img/bul-link-shiro.svg") no-repeat right 1.5rem center #226FC7;
color: #fff; min-width: 22.5rem; width: 22.5rem;
}
section#shuri .block .dan.gaskiki .btn a {
background: url("../img/bul-link-shiro.svg") no-repeat right 1.5rem center #B761AE;
}

/*===== Tablet-PC =====*/
@media (min-width: 768px) {
section#shuri {
background: url("../img/top-shuri-bg1.jpg") top center; background-size: cover;
}
section#shuri .block {
background:  url("../img/top-shuri-bg2.png") no-repeat top center; background-size: 100% 100%;
padding: 4rem 16rem 3rem 16rem;
}
section#shuri .block .dan {
margin: 0 22rem 0 0; 
}
section#shuri .block .dan.gaskiki {
margin: 2rem 0 0 22rem; 
}

section#shuri .block .dan h2,
section#shuri .block .dan p,
section#shuri .block .dan .btn {
text-align: left;
}

section#shuri .block .dan.gaskiki h2,
section#shuri .block .dan.gaskiki p,
section#shuri .block .dan.gaskiki .btn {
text-align: right;
}
section#shuri .block .dan.mizumawari .btn {
margin: 0;
}
}



/*:::::::::: suido ::::::::::*/

.p-suido.p0 #top-push .icons {
background: url("../img/bg-tex1.jpg") center center; padding: 3rem 0; margin-bottom: 8rem;
}
.p-suido.p0 #top-push .icons::after {
content: " "; display: block; width: 15rem; height: 4.5rem; margin: 3rem auto -7.5rem auto; background: url("../img/bg-dwn.png"); background-size: contain;
}

.p-suido.p0 #top-push .column.line1 {
justify-content: space-around;
}
.p-suido.p0 #top-push .line1 .dan.left {
background:  url("../suido/img/toyota-city.svg") no-repeat left top 2rem;
background-size: auto 12rem; padding-left: 17rem; padding-bottom: 1rem; align-items: flex-end;
color: #323940;
}
.p-suido.p0 #top-push .line1 .dan.right {
background:  url("../suido/img/kuma-wrench.svg") no-repeat right 2rem center;
background-size: auto 15rem;  padding-right: 13rem; padding-top: 1rem; align-items: flex-start;
color: #1B5AB3;
}
.p-suido.p0 #top-push .line1 .dan.left,
.p-suido.p0 #top-push .line1 .dan.right {
width: 34rem; min-height: 15rem;
display: flex; justify-content: flex-end;
font-size: 2.4rem;
}


.p-suido.p0 #top-push .line1 .dan.center {
height: 19rem; width: 40rem; display: flex;
font-size: 2.4rem;
}

.p-suido.p0 #top-push .icon1 {
height: 19rem; width: 21rem; padding-right: 2rem;
background: url("../suido/img/icon-suido-bg-old.svg") no-repeat;
 font-size: 3.6rem;line-height: 1.3;
}
.p-suido.p0 #top-push .icon2 {
height: 19rem; width: 19rem;
background: url("../suido/img/icon-suido-bg.svg") no-repeat;
font-size: 3.6rem; line-height: 1.2; padding-top: 1rem;
}

.p-suido.p0 #top-push .icon1,
.p-suido.p0 #top-push .icon2 {
text-align: center;
background-size: auto 19rem;
display: flex; align-items: center;
justify-content: center;

}

/*line2*/
.p-suido.p0 #top-push .column.line2 {
border-top: .2rem solid #818F96; padding-top: 2rem;
}
.p-suido.p0 #top-push .column.line2 .dan {
width: 36rem; margin: 0 auto;
}
.p-suido.p0 #top-push .line2 .old {
background:  url("../suido/img/icon-suido-bg-old.svg") no-repeat;
padding-right: 1.7rem; width: 18.9rem;
}
.p-suido.p0 #top-push .line2 .new {
background:  url("../suido/img/icon-suido-bg.svg") no-repeat;
width: 17.1rem;
}
.p-suido.p0 #top-push .line2 .old,
.p-suido.p0 #top-push .line2 .new {
display: flex; align-items: center; justify-content: center; text-align: center;
height: 17.1rem; background-size: contain;
font-size: 3.2rem; line-height: 1.3;
}
.p-suido.p0 #top-push .line2 .dan p {
width: 36rem; text-align: center; font-size: 2.2rem; line-height: 1.4;
margin: 0 0 3rem 0;
}
.p-suido.p0 #top-push .line2 .old.icon7 {
flex-wrap: wrap; padding: 5rem 1.7rem 4rem 0;
}
.p-suido.p0 #top-push .line2 .old.icon7 span {
width: 17.1rem;
}


/*===== Tablet-PC =====*/
@media (min-width: 768px) {
.p-suido.p0 #top-push .line1 .dan.left,
.p-suido.p0 #top-push .line1 .dan.right {
align-items: center; padding-bottom: 0; padding-top: 0;
}

.p-suido.p0 #top-push .line2 .dan p {
margin: 1rem 0;
}
}


/*jousui*/
.p-suido.p1 #top-push .icons {
background: url("../img/bg-tex1.jpg") center center; padding: 3rem 0; margin-bottom: 8rem;
}
.p-suido.p1 #top-push .icons::after {
content: " "; display: block; width: 15rem; height: 4.5rem; margin: 3rem auto -7.5rem auto; background: url("../img/bg-dwn.png"); background-size: contain;
}
.p-suido.p1 #top-push .side1 {
background:  url("../suido/img/toyota-city.svg") no-repeat left 2rem top 3rem;
background-size: auto 11rem;
color: #1B5AB3; justify-content: flex-end;
}
.p-suido.p1 #top-push .side2 {
background:  url("../suido/img/kuma-wrench.svg") no-repeat right 2rem center;
background-size: 11rem auto; 
justify-content: flex-start;
}
.p-suido.p1 #top-push .side1,
.p-suido.p1 #top-push .side2 {
height: 19rem; width: 34.5rem;
font-size: 2.2rem;
display: flex; align-items: center;
padding: 0; margin: 0;
}

.p-suido.p1 #top-push .icon1 {
 font-size: 3.2rem;line-height: 1.3;
}
.p-suido.p1 #top-push .icon2 {
font-size: 2.6rem; line-height: 1.3; padding-top: 1rem;
}

.p-suido.p1 #top-push .icon1,
.p-suido.p1 #top-push .icon2 {
background: url("../suido/img/icon-suido-bg.svg") no-repeat;
height: 19rem; width: 19rem;
text-align: center;
background-size: 19rem 19rem;
display: flex; align-items: center;
justify-content: center;
}



/*jougesuido*/
.p-suido.p1 #nagare .dan {
margin-bottom: 3.5rem;
}






/*:::::::::: gas ::::::::::*/
.p-gas.p0 #top-push .icons {
background: url("../img/bg-tex1.jpg") center center; padding: 3rem 0; margin-bottom: 8rem;
}
.p-gas.p0 #top-push .icons::after {
content: " "; display: block; width: 15rem; height: 4.5rem; margin: 3rem auto -7.5rem auto; background: url("../img/bg-dwn.png"); background-size: contain;
}
.p-gas.p0 #top-push .side1 {
background:  url("../gas/img/map-toyota.svg") no-repeat left 2rem top 3rem;
background-size: auto 10rem;
color: #B761AE; justify-content: flex-end;
}
.p-gas.p0 #top-push .side2 {
background:  url("../gas/img/kuma-right.svg") no-repeat right 2rem center;
background-size: 10rem auto; 
color: #E68F17;justify-content: flex-start;
}
.p-gas.p0 #top-push .side1,
.p-gas.p0 #top-push .side2 {
height: 19rem; width: 34.5rem;
font-size: 2.4rem;
display: flex; align-items: center;
padding: 0; margin: 0;
}

.p-gas.p0 #top-push .icon1 {
background: url("../gas/img/icon-gas-bg.svg") no-repeat;
 font-size: 3rem;line-height: 1.3;
}
.p-gas.p0 #top-push .icon2 {
background: url("../gas/img/icon-attaka-bg.svg") no-repeat;
font-size: 2.8rem; line-height: 1.2; padding-top: 1rem;
}

.p-gas.p0 #top-push .icon1,
.p-gas.p0 #top-push .icon2 {
height: 19rem; width: 19rem;
text-align: center;
background-size: 19rem 19rem;
display: flex; align-items: center;
justify-content: center;

}

.p-gas #aboutgas dl dd {
font-size: 1.7rem; line-height: 1.8;
}


/*:::::::::: sonota ::::::::::*/
.p-sonota .water .waku {
background: #FFF; padding: 2rem;
box-shadow: 0 .1rem .3rem rgba(0,0,0,0.2);
}
.p-sonota .water .column.head .dan {
width: 54rem;
}
.p-sonota .water .column.head .lead {
background: url("../sonota/img/mizu1-2.jpg") no-repeat;
display: flex; align-items: center;  justify-content: center;
font-size: 3rem; color: #323940;
font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
}
.p-sonota .water .honbun {
margin: 2rem 4rem;
}
.p-sonota .water p.bottle,
.p-sonota .water p.server {
margin: 2rem 0; padding: 2rem 0; text-align: center;
border-bottom: .1rem solid #AAAEB3;
display: flex; justify-content: space-between; flex-wrap: wrap;
}
.p-sonota .water p.bottle img ,
.p-sonota .water p.server img {
width: 48rem;
}
.p-sonota .water .telnum {
text-align: center;
}

/*denka*/
.p-sonota #kaden .bg-sp {
background: linear-gradient(#5C6199,#8289D9);
color: #fff; padding: 5rem 0;
}
.p-sonota #kaden .type h3 {
background: none; padding-left: 0;
color: #3E5399; border-bottom: .1rem solid #3E5399;
}
.p-sonota #kaden .type .dan {
margin: 2rem 0;
}
.p-sonota #kaden .bg-sp h3 {
background: none; text-align: center;
border-bottom-color: #D3D6DB; border-bottom-width: .1rem;
padding-bottom: 1.5rem;
}
.p-sonota #kaden .bg-sp h4 {
border-bottom: .1rem solid #D3D6DB;
padding-bottom: .6rem;
}



/*:::::::::: aboutus ::::::::::*/

.p-aboutus section .block h3 {
padding-left: 0; background: none;
}
.p-aboutus section .block article {
margin: 5rem 0;
}

/*===== Tablet-PC =====*/
@media (min-width: 768px) {
.p-aboutus .hyou {
width: 90rem; margin: 0 auto;
}
.p-aboutus .hyou table {
width: 100%;
}
.p-aboutus .hyou table th,
.p-aboutus .hyou table td {
padding: 2rem 3rem;
}
}



/*:::::::::: showroom ::::::::::*/

.p-showroom .event {
background: #fff; padding: 1.5rem;
box-shadow: 0 .1rem .3rem rgba(0,0,0,0.1);
}
.p-showroom .event .pic,
.p-showroom .event .honbun {
width: 52rem;
}
.p-showroom .event .pic img {
width: 100%;
}
.p-showroom .event .honbun h3 {
background: none; border-bottom: none; padding: 0;
text-align: left; margin-top: 2rem;
}
.p-showroom .event .honbun h3 a {
color: #91A629;
}
.p-showroom .event .honbun p {
color: #323940;
}

/*===== Tablet-PC =====*/
@media (min-width: 768px) {
.p-showroom .event .pic {
width: 50rem;
}
.p-showroom .event .honbun {
width: 55.5rem;
}
}


/*showroom-news*/
section#information .waku {
background: #FFF; margin-bottom: 3rem;
}
section#information table {
border-top: none; border-left: none;
margin-top: 0; margin-bottom: 2rem;
}
section#information table th,
section#information table td {
background: none; padding: .5rem 1rem;
border-right: none; border-left: none;
border-color: #aaa;
}
/*section#information table tr:last-child th,
section#information table tr:last-child td {
border-bottom: none;
}*/
section#information table th {
text-align: right; width: 14rem; 
}

#information .dan .waku {
padding: 1.5rem 2rem;
border-bottom-left-radius: 0.5rem;
border-bottom-right-radius: 0.5rem;
filter: drop-shadow(0 0.2rem 0.5rem rgba(0, 0, 0, 0.1));
}

section#information .headline {
margin-top: 3rem;
}
section#information .headline dl {
display: flex; flex-wrap: wrap; justify-content: space-between;
margin: 0; padding: 0 0 0 0;
}
section#information .headline dl dt {
width: 15rem;
background: #999; color: #fff; font-weight: normal;
padding: 1.1rem 0 1.1rem .5rem ; margin: 0 1.5rem 0.6rem 0; text-align: center; 
font-size: 1.4rem; line-height: 1;
position: relative;
border-bottom: none;
}
section#information .headline dl dt::after{
    content: '';
    position: absolute;
    top: 0;
    left: 100%;
    border-top: 1.8rem solid transparent; 
    border-bottom: 1.8rem solid transparent; 
    border-left: 1rem solid #999; 
}

section#information .headline dl dd {
width: 34rem;
font-size: 1.8rem; line-height: 1; padding-top: .8rem;
}
section#information .headline dl dd a {
display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

section#information .headline dl dt.cat-topic {background: #7B5342;}
section#information .headline dl dt.cat-topic::after {border-left-color: #7B5342;}

section#information .headline dl dt.cat-news {background: #868E98;}
section#information .headline dl dt.cat-news::after {border-left-color: #868E98;}

section#information .headline dl dt.cat-showroom {background: #A7BF30;}
section#information .headline dl dt.cat-showroom::after {border-left-color: #A7BF30;}

section#information .headline dl dt.cat-event {background: #D681C6;}
section#information .headline dl dt.cat-event::after {border-left-color: #D681C6;}


/*===== Tablet-PC =====*/
@media (min-width: 768px) {
section#information .waku {
margin-bottom: 0;
}
section#information .headline {
margin-top: 0;
}
section#information .headline dl dt {
width: 14rem;
}
section#information .headline dl dd {
width: 33rem;
}
section#information table th {
width: 15rem; 
}
}









/*:::::::::: privacy ::::::::::*/
.p-privacy section .block h3 {
padding-left: 0; background: none;
}
.p-privacy section .block article {
margin: 5rem 0;
}
.p-privacy .block dl dt {
line-height: 1.5; font-weight: normal; margin-top: 4rem;

}


/*:::::::::: recruit ::::::::::*/
.p-saiyou section .block h3 {
padding-left: 0; background: none;
}
.p-saiyou section .block article {
margin: 5rem 0;
}
/*===== Tablet-PC =====*/
@media (min-width: 768px) {
.p-saiyou #youkou dl,
.p-saiyou .hyou {
width: 90rem; margin: 0 auto;
}
.p-saiyou .hyou table {
width: 100%;
}
}




/*:::::::::: toiawase ::::::::::*/
.p-toiawase article .btn a {
width: 35.5rem; padding: 2rem 0; margin-bottom: 2rem;
border-radius: 3rem
}


.p-toiawase .p-suido h3 {background-image: url("../img/bul-suido.svg"); border-bottom-color: #206BC1;}
.p-toiawase .p-gas h3 {background-image: url("../img/bul-gas.svg"); border-bottom-color: #B761AE;}

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
	border: none; background: #c00; color: #FFF; padding: 2rem 0; text-align: center;
}
.wpcf7 form.sent .wpcf7-response-output {
	border: none; background: #4981F2; color: #FFF; padding: 2rem 0; text-align: center;
}