@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/

/*トップタブボタン /*
 gray-tab-style-cir gray-tab-label-equal –pc-center

/* 工藤　ここから */
html {
    /* margin-top: 32px !important; */
	margin-top:0px !important;
}

/* WP icon bar */
#wpadminbar {
    display:none;
}

.entry-title {
	display:none;
}

.breadcrumb {
	display:none;
}

.logo-header {
 display: none;
}

.article h2 {
	background-color:unset;
}
.article p {
	margin-bottom: 0;
}
a {
	text-decoration:none;
}

a:hover {
    color: black;
}

.article-footer {
	margin:0;
}

.entry-footer {
	margin:0;
}

.entry-content {
/*     margin-top: 1em; */
/*     margin-bottom: 3em; */
	margin:0
}

/* recaptcha */
.grecaptcha-badge {
  visibility: hidden;
}

/* トップページ */
.page-id-500 h1.entry-title{
display:none;
}

.page-id-500 article h2 {
	background-color: unset;
	padding: 0;
}

.page-id-500 article h3 {
	margin-bottom: 0;
    border: none;
	padding-top: 30px;
	font-weight: 400;
	letter-spacing: 0.03em;
}

.page-id-500 .article p {
	margin-bottom: 0;
	letter-spacing: 0.03em;
}

.page-id-500 .entry-content>* {
	margin-bottom: 0;
}
.page-id-500 .entry-content {
	margin: 0;
}
.page-id-500 header {
/* 	padding: 0; */
}

/* main */
.main.main {
/*     padding: 0px 16px; */
    padding: 0;
}

/* お問い合わせ */
.page-id-72 .entry-content>* {
	margin-bottom: 0;
}

/* 工事の流れ HTMLページ */
.page-id-647 article p {
	margin-bottom: 0;
}

/* サービス一覧　HTMLページ */
.page-id-649 article h2 {
	margin-bottom: 0;
	background-color:transparent;
}
.page-id-649 article h3 {
	border:none;
	margin-bottom:0;
	padding:0;
}

.page-id-649 article p {
	margin-bottom: 0;
}
/* .page-id-649 article table {
	margin-bottom: 0;
} */

table tr:nth-of-type(2n+1) {
    background-color: unset;
}

table:not(.has-border-color) :where(th, td) {
    border: 0px solid var(--cocoon-x-thin-color);
}

.page .logo-header {
  display: none;
}

.footer-bottom {
  display: none;
}

.content {
	margin-top: 0;
}


main.main {
        padding: 0px 16px;
}
	
.body {
	background-color: #fff;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  color: #3e3e3e;
}



/* sp */
body {
/*   max-width: 375px; */
  margin: 0 auto;
/*   padding: 0 4%; */
  /* font-family: Noto sans-serif; */
}

img {
  width: 100%;
  vertical-align: bottom;
}

li {
  list-style: none;
}

a {
  color: black;
}

.container {
  margin-bottom: 50px;
/*   margin-bottom: 85px; */
}

.inner {
  max-width: 334px;
  width: 100%;
  padding-left: 15px;
  padding-right: 15px;
  margin: 0 auto;
}

.flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}

/* 共通 */
.common-ttl {
  font-size: 18px;
  text-align: center;
/*   letter-spacing: 0.03em; */
}

.common-ttl-line {
  background: linear-gradient(transparent 50%, #c1d5ce 50%);
  display: inline-block;
  padding: 0 5px 8px 5px;
}


.common-btn {
  margin-top: 20px;
  margin: 0 auto;
  background-color: #c1d5ce;
  display: block;
  border-radius: 50px;
  border: unset;
  padding: 5px 35px;
  font-size: 1rem; /*16px*/
  position: relative;
}

.common-btn a {
  text-decoration: none;
}

.common-btn a::before {
  content: "";
  position: absolute;
  top: -3px;
  left: -3px;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  border: 1.76px solid #000000;
  border-radius: 50px;
}

.more-look-btn {
  margin-top: 50px;
}

.arrow {
  position: relative;
  display: inline-block;
  width: 21px;
  height: 21px;
  background-color: #c1d5ce;
  border: solid 1px #211715;
  border-radius: 50%;
  margin-left: 10px;
}

.arrow::before,
.arrow::after {
  content: "";
  position: absolute;
  /* top: calc(50%); */
  top: 50%;
  right: 8px;
  width: 5px;
  height: 1px;
  /* border-radius: 9999px; */
  background-color: #000000;
  transform-origin: calc(100%) 50%;
}

.arrow::before {
  transform: rotate(45deg);
}

.arrow::after {
  transform: rotate(-45deg);
}

/* 下矢印 */
.arrow-down {
  position: relative;
  display: inline-block;
  width: 21px;
  height: 21px;
  background-color: #c1d5ce;
  border: solid 1px #211715;
  border-radius: 50%;
/*   margin-left: 10px; */
  margin-left: 20px;
}

.arrow-down::before,
.arrow-down::after {
  content: "";
  position: absolute;
  /* top: calc(50%); */
  top: 62%;
  right: 9px;
  width: 5px;
  height: 1px;
  /* border-radius: 9999px; */
  background-color: #000000;
  transform-origin: calc(100%) 50%;
}

.arrow-down::before {
  transform: rotate(45deg);
}

.arrow-down::after {
  transform: rotate(125deg);
}

/* お問い合わせ */
.contact-content {
	margin-bottom:20px !important;
	padding: 0 16px;
}


/* ページネーション */
.pagination {
	display:flex;
	align-items: center;
}

.page-numbers {
	border-radius:50%;
/* 	margin: 0 10px; */
	color: #211715;
	border: unset;
	font-family:Josefin Sans;
}

.pagination .current {
    background-color: unset;
	border:1px solid #ABC9BF;
	color:#ABC9BF;
}

.prev , .next  {
	background-color:#C1D5CE;
	position:relative;
/* 	color: rgba(0, 0, 0, 0); */
}

.prev::before,
.prev::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 20px;
  width: 5px;
  height: 1px;
  background-color: #211715;
  transform-origin: calc(100%) 50%;
}

.prev::before {
  transform: rotate(125deg);
}

.prev::after {
  transform: rotate(-125deg);
}


.next::before,
.next::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 15px;
  width: 5px;
  height: 1px;
  background-color: #211715;
  transform-origin: calc(100%) 50%;
}

.next::before {
  transform: rotate(45deg);
}

.next::after {
  transform: rotate(-45deg);
}

.pagination a:hover {
    background-color: #ffffff;
    transition: all 0.3sease-in-out;
    color: #211715;
}

.page-numbers.dots {
    opacity: 0.6;
    background-color: unset;
}

/*  ヘッダー */
.header-nav {
  width: 100%;
  max-width: 330px;
  margin: 0 auto;
  padding-top: 7px;
}
.header-logo {
  width: 116px;
  height: 38px;
}

.header-logo img {
  vertical-align: baseline;
  width:100%;
  height:100%;
}

#header-container {
/* 	display:none; */
}

/* ハンバーガーメニュー */
/* Nav items */
.menu {
  list-style: none;
  position: absolute;
  width: 100%;
  height: 100vh;
  top: 0;
  left: 0;
  /* margin-top: 52px; */
  padding: 0 0 10px 0;
  clear: both;
  /* background: var(--background-navbar); */
  background-color: #f6f3ef;
  transition: 0.3192s cubic-bezier(0.04, 0.04, 0.12, 0.96) 0.1008s;
  transform: scale(1, 0);
  transform-origin: top;
  z-index: 3;
}

.menu li:first-of-type {
  margin-top: 100px;
  border-top: none;
  /* padding-top: 50px; */
}

/* Hamburger menu button */
.menu-btn:checked ~ .menu {
  transform: scale(1, 1);
  transform-origin: top;
  transition: 0.3192s cubic-bezier(0.04, 0.04, 0.12, 0.96) 0.1008s;
}

/* Hamburger menbu text */
.menu a {
  text-decoration: none;
  font-weight: 500;
  letter-spacing: 2px;
  font-size: 16px;
  text-transform: capitalize;
  /* background: #211715; */
  color: #211715;
  opacity: 0;
  transition: 0.5s;
}

.menu li {
  border-top: 1px solid rgb(75, 75, 75);
  padding: 15px 0;
  margin: 0 54px;
  text-align: center;
  opacity: 0;
  transition: 0.5s;
}

.menu-btn:checked ~ .menu a,
.menu-btn:checked ~ .menu li {
  opacity: 1;
  transition: 0.3192s cubic-bezier(0.04, 0.04, 0.12, 0.96) 0.2s;
}

.menu-btn {
  display: none;
}

.menu-icon {
  display: inline-block;
  position: relative;
  cursor: pointer;
  padding: 24px 14px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  z-index: 5;
}

.navicon {
  /* background: #ddd; */
  background: #211715;
  display: block;
  height: 3px;
  width: 26px;
  position: relative;
  transition: 0.3192s cubic-bezier(0.04, 0.04, 0.12, 0.96) 0.1008s;
}

.navicon:before,
.navicon:after {
  content: "";
  display: block;
  height: 100%;
  width: 100%;
  position: absolute;
  /* background: #ddd; */
  background: #211715;
  transition: 0.3192s cubic-bezier(0.04, 0.04, 0.12, 0.96) 0.1008s;
}

.navicon:before {
  top: 9px;
}

.navicon:after {
  bottom: 9px;
}

/* Hamburger Menu Animation Start */
.menu-btn:checked ~ .menu-icon .navicon:before {
  transform: rotate(-45deg);
}

.menu-btn:checked ~ .menu-icon .navicon:after {
  transform: rotate(45deg);
}

.menu-btn:checked ~ .menu-icon:not(.steps) .navicon:before {
  top: 0;
}
.menu-btn:checked ~ .menu-icon:not(.steps) .navicon:after {
  bottom: 0;
}

.menu-btn:checked ~ .menu-icon .navicon {
  background: rgba(0, 0, 0, 0);
  transition: 0.2192s cubic-bezier(0.04, 0.04, 0.12, 0.96) 0.1008s;
}
/* Hamburger Menu Animation End */

/* Navbar Container */
.navtext-container {
  width: 100%;
  height: 52px;
  position: absolute;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* Navbar Text */
.navtext {
  position: absolute;
  text-transform: uppercase;
  color: #ddd;
  letter-spacing: 4px;
  font-size: 20px;
}

/* heder  PC用 */
.nav {
	display:none;
}

.menu-nav {
  display: none;
}

.contact-btn {
  display: none;
}

/* メインビジュアル */
.sec-mainvisual {
  margin-top: 10px;
}

.sec-mainvisual img {
  object-fit: cover;
}

.mainvisual-pc {
	display:none;
}

/* お家リフォーム */
.sec-reform-merit {
  margin-top: 20px;
  margin-bottom: 20px;
}

.reform-content img {
  width: 20%;
  padding-top: 20px;
}
.reform-content p {
  width: 72%;
  margin-left: auto;
  padding-top: 20px;
  font-size: 14px;
  letter-spacing: 0.03em;
}

/* dl dt {
  width: 20%;
  padding-top: 20px;
} */
/* 
dl dd {
  width: 72%;
  margin-left: auto;
  padding-top: 20px;
  font-size: 14px;
} */

/* リフォームする場所 */
.sec-reform-place {
  background-color: #f6f3ef;
  /* height: 416px; */
  /* height: auto; */
/*   margin-left: 17px; */
/*   margin-right: 17px; */
  margin-top: 20px;
  position: relative;
  padding-bottom: 20px;
  margin-bottom: 50px;
}

.reform-tab-ttl-en {
  /* background-color: aquamarine; */
  text-align: center;
  width: 100%;
  top: -4%;
  left: 0;
  position: absolute;
}

.reform-tab-ttl-en img {
  padding: 0 !important;
  height: 34px;
  object-fit: contain;
}

.reform-tab-ttl-kitchin {
  width: 135px;
}
.reform-tab-ttl-toilet {
  width: 135px;
}
.reform-tab-ttl-bathroom {
  width: 196px;
}
.reform-tab-ttl-sink {
  width: 79px;
}

.reform-tab-ttl-ja {
  text-align: center;
  padding-top: 20px !important;
  font-size: 1.2rem; /*18px*/
}

.sec-reform-place p {
  font-size: 0.92rem; /*14px*/
  color: #000000;
  padding-top: 15px;
}

.sec-reform-place .flex {
  justify-content: unset;
  padding-top: 10px;
}

.icon {
  border-radius: 20px;
  background-color: #c1d5ce;
  color: #211715; /*文字色*/
  padding: 5px 7px;
  border: 1px solid #211715;
  /* font-size: 0.92rem; 14px */
  font-size: 1rem; /*16px*/
  margin-top: 5px;
  margin-right: 5px;
  letter-spacing: 0.03em;
}

.icon + .icon {
	margin-left: 2px;
}


.icon:last-child {
  margin-left: 0px;
}

.kitchen-icon {
  margin-left: 3px !important
}

.sec-reform-place img {
  padding-top: 15px;
}

.more-btn {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding-top: 10px;
  letter-spacing: 0.03em;
}

.more-btn a {
  display: flex;
  align-items: center;
  text-decoration: none;
}

.more-btn img {
  width: 21px;
  padding-top: 0;
  margin-left: 10px;
}

/*  リフォームする場所を選択　タブ */
/* short code */
.su-tabs {
  background: none !important;
  padding: 0 16px !important;
}
.su-tabs-pane {
	padding: 0 !important;
}

.su-tabs-nav {
/*   border-radius: 20px; */
  border-radius: 50px;
  border: 1px solid;
  max-width: 300px !important;
  margin: 0 auto;
  display: flex;
  margin-top: 30px;
  margin-bottom:40px;
/*   padding: 7px 0; */
}

.su-tabs-nav span {
  width: calc(100% / 3);
  text-align: center;
  border-radius: 20px !important;
  margin-right: 0px !important;
}

.su-tabs-nav span:hover {
  background: #c1d5ce !important;
}

.su-tabs-nav .tab-1 {
  border-top-right-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
  border-top-left-radius: 50px !important;
  border-bottom-left-radius: 50px !important;
}

/* タブ　中央左右　文字サイズ線あり */
.su-tabs-nav .tab-2 {
  border-radius: 0px !important;
  /* 	border-left:1px solid;
	border-right:1px solid; */
}

/* タブ　中央左右　線の長さ調整 */
.su-tabs-nav .tab-2 {
  border-radius: 0px !important;
  position: relative;
}
.su-tabs-nav .tab-2:before {
  content: "";
  position: absolute;
  bottom: 5px; /* ボーダーを要素の下部に表示 */
  left: 0; /* 中央揃えの開始 */
  transform: translateX(-50%);
  width: 1px; /* ボーダーの長さを指定 */
  height: 30px; /* ボーダーの厚さ */
  background-color: #000; /* ボーダーの色 */
}
.su-tabs-nav .tab-2:after {
  content: "";
  position: absolute;
  bottom: 5px; /* ボーダーを要素の下部に表示 */
  right: 0; /* 中央揃えの開始 */
  transform: translateX(50%);
  width: 1px; /* ボーダーの長さを指定 */
  height: 30px; /* ボーダーの厚さ */
  background-color: #000; /* ボーダーの色 */
}

.su-tabs-nav .tab-3 {
  border-top-left-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
  border-top-right-radius: 50px !important;
  border-bottom-right-radius: 50px !important;
}

.su-tabs-nav span:focus {
  outline: none !important;
}

/* タブ目次　非表示 */
.toc,
.toc-container {
  display: none !important;
}

.reform-ttl {
  margin: 0;
}

/* タブ　タイトル */
.su-tabs-title:contains("水まわり") {
  color: #ff0000; /* 赤色 */
}

.su-tabs-nav .tab-1:contains("水まわり") {
  color: red;
}
/* short code */


/* 私たちがお伺いします */
/* 私たちがお伺いします */
.sec-visit {
  padding: 30px 0;
}

/* 対応地域 */
.sec-area {
  padding: 30px 0;
}

.sec-area-name {
  /*   text-align: center; */
  margin: 0 20px;
  letter-spacing: 0.03em;
  line-height: 21px;
  font-weight: 400;
}

/* お客様の声 */
.sec-customer-voice {
  background-color: #f6f3ef;
  margin: 30px 15px 0px 15px;
  padding: 20px 0;
  position: relative;
}

.sec-customer-voice::after {
  content: "";
  position: absolute;
  bottom: -9%;
  right: -3%;
  /* width: 86%;327px */
  width: 93%;
  height: 100%;
  /* background-color: #3e3e3e; */
  border-bottom: 1px solid #211715;
  border-right: 1px solid #211715;
  z-index: -2;
}

.sec-customer-voice + .sec-customer-voice {
  margin-top: 40px;
}

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

.customer-content img {
  width: 40px;
}

.customer-content-ttl {
  font-size: 0.9rem; /*14px*/
/*   width: 78%; */
/*   margin-left: auto; */
  margin-left: 20px;
}

.customer-txt {
/*   font-size: 0.9rem; 14px */
  font-size: 0.97rem; /*15.5px*/
}

/* よくある質問 */
.sec-question {
  display: flex;
  /* justify-content: space-around; */
  background-color: #f6f3ef;
  padding: 15px;
  margin-top: 30px;
  position: relative;
  align-items: center;
}

.sec-question img {
  width: 25px;
  height: 28px;
  object-fit: contain;
}

/* 開閉ボタン */
.ac-box input {
  display: none;
}


.ac-box .ac-small {
  height: 0px;
/*   padding: 0px; */
  padding: 15px;
  overflow: hidden;
  opacity: 0;
  transition: 0.5s;
  padding-left: 28px;
}

.sec-question-content {
  display: flex;
  align-items: center;
/*   width: 80%; */
  padding-left: 25px;
}
.sec-question-content p {
  margin-left: 15px;
}

.question-dtl {
  width: 80%;
  display: flex;
  align-items: center;
}

.ac-box input:checked ~ .arrow-down::after {
  transform: rotate(-125deg);
  top: 40%;
}
.ac-box input:checked ~ .arrow-down::before {
  transform: rotate(-45deg);
  top: 40%;
}

.sec-question:has(input:checked) {
  /* margin-bottom: 150px; */
  margin-bottom: 90px;
}

.ac-box input:checked ~ div {
  height: auto;
/*   padding: 5px; */
  background: #f6f3ef;
  opacity: 1;
  z-index: 5;
  transition: 0.5s;
}

.ac-box div p {
  color: #3e3e3e;
  line-height: 23px;
  font-size: 14px;
  /* padding: 20px; */
  text-align: justify;
}
.ac-small p {
  margin-bottom: 0px;
  margin-left: 18px;
/*   width: 65%; */
  width: 80%;
}

.ac-small {
  width: 100%;
  position: absolute;
  top: 50px;
  left: 0;
  display: flex;
  align-items: center;
}

.ac-small-dtl {
  width: 80%;
  display: flex;
  align-items: center;
}

.ac-small img {
  width: 20px;
  height: 28px;
/*   margin-left: 28px; */
/*   margin-left: 14px; */
}
/* お知らせ */
.sec-news {
/*   margin-top: 30px; */
  border-bottom: 1px dashed #c1d5ce;
  padding: 15px 0;
}

.sec-news-date {
  margin-right: 30px;
  color: #abc9bf;
  font-family:Josefin Sans;
}

.sec-news-bage {
  color: red;
}


.sec-news a {
/*   padding: 10px 0; */
  font-size: 0.9rem; /*14px*/
  display: block;
}

/* ブログ */
.sec-blog {
  margin-top: 30px;
}
.sec-blog img {
  width: 100%;
}

.blog-content {
  width: 46%;
  margin: 0 auto;
}

.sec-blog-date {
/*   margin-right: 10px; */
  color: #abc9bf;
  font-size: 0.8rem; /*12.8px*/
/*   font-family: "Josefin Sans" */
  font-weight: 400;
  font-family: Josefin Sans;
}

.blog-content p {
/*   padding: 10px 0; */
  font-size: 0.9rem; /*14px*/
}

.blog-content img {
  width: 100%;
  height:150px;
  object-fit: cover;
}

.blog-dtl {
  padding: 10px 0;
}

/* 会社概要 */
.sec-company dl dd {
  width: 27%;
  margin-left: 0;
  padding-top: 10px;
  padding-left:10px;
  font-size: 0.9rem;
  padding-bottom: 10px;
  border-bottom: 1px solid #c1d5ce;
}

.sec-company dl dt {
  width: 73%;
  font-size: 0.9rem;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 25px;
  border-bottom: 1px solid #c1d5ce;
}

.sec-company dl dd:first-of-type {
  padding-top: 20px;
}
.sec-company dl dt:first-of-type {
  padding-top: 20px;
}

.sec-company dl dd:last-of-type {
  border-bottom: none;
}
.sec-company dl dt:nth-of-type(6) {
  border-bottom: none;
}

.company-adress {
  width: 100% !important;
  /* margin-left: 25%; */
  padding-left: 35% !important;
  font-size: 0.8rem !important;
  padding-top: 0px !important;
}

/* 工事の流れ */
/* 工事の流れ　FLOW */
.sec-flow img {
  width: 25px;
}

.sec-flow {
  justify-content: flex-start;
  padding: 0 16px;
}

.sec-flow + .sec-flow {
  margin-top: 20px;
}

.number {
    background-color: #000;
    border-radius: 50%;
    color: #ffffff;
    /* padding: 4px; */
    /* padding-top: 2px; */
    margin-right: 10px;
    width: 34px;
    height: 34px;
    /* text-align: center; */
    display: flex;
    align-items: center;
    /* position: relative; */
}

.number img {
  width: 9px;
  height: 22px;
  margin: 0 auto;
}

.sec-flow-txt {
  font-size: 0.9rem;
  margin-top: 15px;
  padding-bottom: 20px;
  border-bottom: 1px dotted #D9D9D9;
}

.sec-flow-remove {
  padding-bottom: 0px;
  border-bottom: none;
}

.sec-flow-contact {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin-top: 10px;
  padding-bottom: 20px;
  border-bottom: 1px dotted #D9D9D9;
}

.flow-line img,
.flow-tel img,
.flow-mail img {
  margin-right: 5px;
}
.flow-line img {
  width: 50px;
}

.flow-tel {
  margin-left: 20px;
}

/* サービス一覧 */
.reform-txt {
  display: flex;
  padding-top: 10px;
}
.reform-txt p {
  padding-top: 0;
  /* padding-left: 10px; */
  margin-left: 10px;
  width: 100%;
  line-height: 1.5;
}

/* 丸チェック */
.check {
  position: relative;
  display: inline-block;
  width: 21px;
  height: 21px;
  background-color: #c1d5ce;
  border: solid 1px #211715;
  border-radius: 50%;
  /* margin-right: 10px; */
}

.check::before {
  content: "";
  position: absolute;
  /* top: calc(50%); */
  top: 70%;
	right: 9px;
  width: 5px;
  height: 1px;
  /* border-radius: 9999px; */
  background-color: #000000;
  transform-origin: calc(100%) 50%;
}

.check::after {
  content: "";
  position: absolute;
  /* top: calc(50%); */
  top: 70%;
	right:9px;
  width: 8px;
  height: 1px;
  /* border-radius: 9999px; */
  background-color: #000000;
  transform-origin: calc(100%) 50%;
}

.check::before {
  transform: rotate(45deg);
}

.check::after {
  transform: rotate(125deg);
}

.reform-place-img {
  width: 100%;
  height: 196px;
  vertical-align: bottom;
}

/* 料金表 */
.reform-place-price {
  width: 100%;
  text-align: center;
  margin-top: 30px;
  border: 1px solid #211715;
}

.reform-place-price th {
  background-color: #211715;
  color: #ffffff;
  font-size: 0.9rem;
  font-weight: 200;
  padding: 5px;
}
.reform-place-price th:first-of-type {
  border-right: 1px solid;
}

.reform-place-price td {
  font-size: 0.9rem;
  /* border: 0.5px solid #211715; */
  border-bottom: 1px solid #211715;

  padding: 5px;
}
.reform-place-price tr td:first-of-type {
  border-right: 1px solid #211715;
}
.reform-place-price tr:nth-child(4) td {
  border-bottom: none;
}

.reform-place-content {
  text-align: center;
  margin-bottom: 10px;
  padding-bottom: 15px;
}

table {
  border-spacing: 0;
  border-collapse: unset;
}

/* フッター */
footer {
/*   position: relative; */
/*   margin-top: 70px; */
}

footer img {
/*   position: absolute; */
/*   top:-12%; */
}

.footer-sp {
  display: flex;
}

.footer-pc {
  display: none;
}

.sec-footer {
  /* background-image: url(https://suzuya-denki.com/wp-content/uploads/2025/02/footer-bg.png); */
  /* background-image: url(https://suzuya-denki.com/wp-content/uploads/2025/06/footer_bg-sp.png); */
  background-image: url(https://suzuya-denki.com/wp-content/uploads/2025/06/footer-bg-sp.png);
  background-size: cover;
  height: auto;
}

.footer-content {
  margin-top: 50px;
}

.footer-txt {
  margin-left: 65px;
}

.sec-footer-box {
  align-items: baseline;
  justify-content: flex-start;
/*   padding: 30px; */
  padding: 30px 0 30px 15px;
}

.sec-footer ul li {
  padding-top: 10px;
}

.sec-footer ul li a {
  color: #ffffff;
  text-decoration: none;
  font-size: 0.9rem;
}

ol, ul {
    /* padding-left: 40px; */
	padding:0px;
}

#footer {
	display:none;
}

/* 工藤　ここまで */

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}


/* ここから */
@media screen and (min-width: 756px) {
	.container {
/*   margin-bottom: 50px; */
  margin-bottom: 85px;
}
	
  .common-ttl {
    font-size: 1.5rem;
	line-height: 1.5;
  }

 .common-btn {
    padding: 12px 70px;
	margin-bottom: 80px;
	}

.common-btn a {
    font-size: 24px;
    /* font-size: 15rem; */
}

.common-btn a::before {
    top: -5px;
    left: -5px;
}
	

  .inner {
    max-width: 1040px;
  }
	
.wrap {
    width: auto;
    margin: 0 auto;
}

  /* ヘッダー */
  .header-nav {
    width: 100%;
/*     max-width: 1040px; */
	  max-width: 100vw;

  }
	
	.page-id-500 header {
    padding: 0;
}
	
 #header .header .cf {
    padding: none;
  }
	
  .header-logo {
    width: 162.48px;
    height: 55.28px;
	margin-left: 35px;
  }

  .menu-icon {
    display: none;
  }

  .nav {
    display: flex;
  }

  .menu-nav {
    display: flex;
    align-items: center;
    font-family: Noto Sans JP;
    font-size: 1.15rem;
    font-weight: 400;
  }

  .menu-nav li {
    padding-right: 22px;
    list-style: none;
  }

  .menu-nav li:last-child {
    padding-right: unset;
  }

  .menu-nav li a {
    text-decoration: none;
    letter-spacing: 0.12em;
  }
  .contact-btn {
    display: block;
    background-color: #c1d5ce;
    border: 1px solid #000000;
	border-bottom: unset;
    padding: 20px 48px !important;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
  }

  .contact-btn a {
    text-decoration: none;
    font-family: Noto Sans JP;
    font-size: 1.15rem;
    font-weight: 400;
	letter-spacing: 0.08em !important;
  }

  /* main visual */
  .sec-mainvisual {
    margin-top: 0px;
	margin-bottom: 60px;
  }

.header-container,.main {
    margin-top: -1px;
    background-color: unset;
}
	
	.mainvisual-pc {
	display:block;
    height: 635px;
}
	
	.mainvisual-sp {
	display:none;
}

  /* リフォームメリット */
  .sec-reform-merit {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
  }

  .reform-content {
    width: calc(100% / 3);
    text-align: center;
    display: block;
  }
  .reform-content img {
    width: 32%;
    padding-top: 0;
  }
  .reform-content p {
    width: 100%;
    /* margin-left: auto; */
    padding-top: 28px;
    /* font-size: 16px; */
    font-size: 1rem;
  }

  .reform-content:first-child {
/*     padding-top: 40px; */
  }
  .reform-conten-text {
    padding-top: 5px !important;
  }

.sec-reform-merit {
    margin-top: 55px;
    margin-bottom: 35px;
}

  /* リフォーム場所選択 */
  .sec-reform-place-box {
    display: flex;
    justify-content: space-between;
    /* align-items: center; */
    flex-wrap: wrap;
  }
  .sec-reform-place {
    /* width: calc(100% / 2); */
    width: 49%;
  }
/*   .reform-place-img-ddl {
    margin-top: 42px;
  } */
	
	 .su-tabs-nav {
    max-width: 548px !important;
    margin-top: 65px;
    margin-bottom: 53px;
  }

  .su-tabs-nav span {
    font-size: 1.2rem !important;
    padding: 21px 20px !important;
  }

  .su-tabs-nav .tab-2:before {
    height: 47px; /* ボーダーの厚さ */
  }
  .su-tabs-nav .tab-2:after {
    height: 47px; /* ボーダーの厚さ */
  }

.su-tabs-nav .tab-2:before {
    bottom: 7px;
}
.su-tabs-nav .tab-2:after {
    bottom: 7px;
}
	
  .su-tabs {
    max-width: 1040px; /* インナー */
    margin: 0 auto !important;
    padding: 0 15px !important;
  }
	
.su-tabs-panes {
    box-sizing: border-box !important;
    width: 800px;
    margin: 0 auto;
}
	
  .kitchen-icon {
    margin-left: unset !important;
  }
	  .more-btn {
    font-size: 1rem;
  }

	    /* 対応地域 */
  .sec-area {
    width: 80%;
    margin: 0 auto;
	padding: 80px 0;
}
	
 .sec-area-name {
/*     text-align: center; */
    width: 598px;
    margin: 0 auto;
    font-size: 16px;
  }
	
/*  工事の流れ*/
.sec-flow {
    display: block;
	width: 50%;
    margin: 0 auto;
}

.sec-flow-pc {
	display:flex;		
	}

.flow-mail {
    margin-left: 20px;
}

  /* お客様の声 */
  .sec-customer-voice-box {
    display: flex;
    justify-content: space-between;
    /* align-items: center; */
    flex-wrap: wrap;
    /* padding: 0 4%; */
    max-width: 1040px;
    margin: 0 auto;
    padding: 0 15px;
  }
  .sec-customer-voice {
    width: 46%;
    margin-top: 40px;
  }
	
	 /* よくある質問 */
  .sec-question {
    width: 50%;
    margin: 0 auto;
    margin-top: 30px;
  }
	
.sec-question-content {
    padding-left: 50px;
}

.ac-box .ac-small {
    padding-left: 53px;
}
	
	  /* お知らせ */
  .sec-news {
    max-width: 523px;
    margin: 0 auto;
  }
	
	
	 /* ブログ */
  .blog-content {
/*     width: unset; */
	 width: 30%;
  }
	
.sec-blog-date {
/*   font-size: 0.9rem;  */
  font-size: 1rem; /*16px*/
}

.blog-content p {
  font-size: 1rem; /*16px*/
  padding-bottom: 20px;
}

/* ブログ　ページネーション */
.prev::before,
.prev::after {
/*   top: 50%; */
  right: 20px;
/*   width: 5px; */
/*   height: 1px; */
}
	
.next::before,
.next::after {
/*   top: 50%; */
  right: 20px;
/*   width: 5px; */
/*   height: 1px; */
}
	
    /* サービス	 */
	.page-id-649 article h2 {
    top: -6% !important;
}
	.page-id-649 .reform-tab-ttl-en {
    top: -6% !important;
}
	
    /* 会社概要 */
	  .sec-company {
    max-width: 523px;
    width: 100%;
    margin: 0 auto;
  }
	
	.company-adress {
    padding-left: 32% !important;
}
	
	 /* お問い合わせ */
  .contact-content {
    width: 80%;
    display: block;
    margin: 0 auto;
  }
	
	 /* フッター */
  footer img {
/*     position: absolute; */
/*     top: -35%; */
  }
	
	footer {
/*     margin-top: 150px; */
}
	
	
  .footer-sp {
    display: none !important;
  }

  .footer-pc {
    display: flex;
  }
	
  .sec-footer {
    background-image: url(https://suzuya-denki.com/wp-content/uploads/2025/06/footer_bg-sp.png);
    /* background-image: url(https://suzuya-denki.com/wp-content/uploads/2025/06/footer-bg-sp.png); */
  }
	
 .sec-footer-box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 200px 50px;
  }
	
 .footer-pc-box {
    display: flex;
  }
	
  .sec-footer ul li a {
    color: #ffffff;
    text-decoration: none;
    font-size: 1.13rem;
    font-family: Noto Sans JP;
    /* font-size: 18px; */
    font-weight: 400;
}

  .footer-content {
    margin-top: 0px;
  }

  .footer-logo {
    width: 204px;
  }

  .footer-adrees {
    padding-top: 20px;
  }

  .footer-adrees p {
    color: #ffffff;
    font-family: Noto Sans JP;
    font-size: 18px;
    font-weight: 400;
	letter-spacing: 1.5px;
  }
	
	
}