@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.2
*/
/*index---------------------------------------------
00:reset
01:element
02:header
03:footer
04:parts
05:top
06:page
07:page-common
08:concept
09:renovation
10:new const
11:energy solution
12:work
13:service
14:access
15:about
16:contact
17:error not found
*/


/*--------------------------------------------------------------------------------
00:reset
--------------------------------------------------------------------------------*/

.clearfix::after {
  content: "";
  display: block;
  clear: both;
}
#main.main {padding: 0 !important;}
.footer,
.footer-bottom {margin-top: 0;}
#content-bottom {margin: 0;}

.article h2,
.article h3,
.article h4,
.article h5,
.article h6 {
  background: transparent;
  border: none;
  padding: 0;
  line-height: 1.8;
}
@media screen and (max-width: 767px) {
  .dpc{display: none;}
}
@media screen and (min-width: 768px) {
  .dsp{display: none;}
}
/*--------------------------------------------------------------------------------
01:element
--------------------------------------------------------------------------------*/
/*root*/
/*:root {
  --font45: 45px;
  --font40: 40px;
  --font32: 32px;
  --font30: 30px;
  --font24: 24px;
  --font20: 20px;
  --font18: 18px;
  --font16: 16px;
  --font14: 14px;
}*/

@media screen and (min-width: 768px) {
  :root {
    --font45: 45px;
    --font40: 40px;
    --font32: 32px;
    --font30: 30px;
    --font24: 24px;
    --font20: 20px;
    --font18: 18px;
    --font16: 16px;
    --font14: 14px;
  }
}
@media screen and (max-width: 767px) {
  :root {
    --font45: 35px;
    --font40: 24px;
    --font32: 23px;
    --font30: 22px;
    --font24: 20px;
    --font20: 18px;
    --font18: 16px;
    --font16: 14px;
    --font14: 12px;
  }
}
/* @media screen and (min-width:768px) and (max-width:834px) { */
@media screen and (min-width:768px) and (max-width:1080px) {
  :root {
    --font45: min(4.5vw, 45px);
    --font40: min(4vw, 40px);
    --font32: min(3.2vw, 32px);
    --font30: min(3vw, 30px);
    --font24: min(2.4vw, 24px);
    --font20: min(2vw, 20px);
    --font18: min(1.9vw, 19px);
    --font16: min(1.8vw, 18px);
    --font14: min(1.6vw, 16px);
  }
}
.article h2 {font-size: var(--font40);}
.article h3 {font-size: var(--font30);}
.article h4 {font-size: var(--font20);}
.article h5 {font-size: var(--font18);}
.article h6 {font-size: var(--font16);}
.article p {font-size: var(--font16);}
.article p.txt18 {font-size: var(--font18);}
.article p.txt20 {font-size: var(--font20);}
.article p.txt24 {font-size: var(--font24);}
.article p.txt30 {font-size: var(--font30);}
.article h3,
.article h4 {
  margin-bottom: 0.8em;
}


/*.entry-content>*{
  letter-spacing: 0.1em;
}*/

#content {
  min-width: 320px;
}
.entry-content {
  max-width: 1000px;
  width: 92%;
  margin: 6em auto 8em;
}
.section {
    position: relative;
}
.inner {
  padding: 5% 5% 2%;
  max-width: 1200px;
  margin: 0 auto;
  width: 100%;
}

@media screen and (max-width: 834px) {
  .entry-content {
    margin: 2em auto 2em;
  }
  .inner {
    padding: 10% 5% 5%;
  }
}
@media screen and (max-width:767px) {
  .entry-content {
    margin: 0 auto min(32%,80px);
  }
}
@media screen and (min-width:768px) {
  .entry-content {
    margin: 0 auto min(16%,160px);
  }
}
@media screen and (max-width: 480px) {
  .inner {
    padding: 15% 5%;
  }
}
@media screen and (min-width: 768px) {
    input[type="submit"],a {transition: all 1s;}
}

.maxWidth1000 {
  max-width: 1000px;
}
.verticalwrite {
  word-wrap: break-word;
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  vertical-align: bottom;
  text-orientation: upright;
  letter-spacing: 0.1em;
}


/*animation*/
.effect-fade {
  opacity: 0;
  transform: translate(0, 0px);
  transition: all 1000ms;
}

.effect-fade.effect-scroll {
  opacity: 1;
  transform: translate(0, 0);
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}
/*--------------------------------------------------------------------------------
02:header
--------------------------------------------------------------------------------*/


/*不要？
.header-in {display: block;}
.logo_header_r {float: left;text-align: left;}
.header-container-in.hlt-top-menu .tagline {display: block;}
.logo,.tagline {float: left;}
#header-container-in {padding: 0.5em 0.5em;}

*/
@media screen and (max-width: 1023px) {
  body:where(.mblt-header-mobile-buttons, .mblt-header-and-footer-mobile-buttons){
    margin-top: 50px;
  }
  .mobile-menu-buttons > li {
    padding-top: 7px;
  }
}
#header-container-in {
  display: none;
}
/*header menu-----------------------------------------------*/
#menu-header_btn_moble ul.mobile-menu-buttons li:nth-child(0) {
  width: calc(100% - 15em - 5%);
  cursor: default;
  float: left;
  height: 100%;
}

.mobile-menu-buttons {
  line-height: inherit !important;
}

.mobile-menu-buttons .menu-button{
  justify-content: space-between;
}

.mobile-menu-buttons .menu-button>a {
  display: inline-block !important;
  height: 100%;
}

#menu-header_btn_moble.mobile-menu-buttons li:nth-child(2) {
  width: auto;
  margin-right: 0.5em;
  float: inherit;
  box-sizing: border-box;
}

#menu-header_btn_moble.mobile-menu-buttons li:nth-child(2) .custom-menu-icon,
#menu-header_btn_moble.mobile-menu-buttons li:nth-child(2) .custom-menu-caption {
  display: inline-block;
  width: auto;
  vertical-align: middle;
}

#menu-header_btn_moble.mobile-menu-buttons li:nth-child(2) .custom-menu-icon {
  margin-right: 0.2em;
  font-size: 16px;
  height: 100%;
  line-height: 3.2em;
}

#menu-header_btn_moble.mobile-menu-buttons li:nth-child(2) .custom-menu-caption {
  font-size: 15px;
}
#menu-header_btn_moble .logo-menu-button {
  width: 220px;
  text-align: left;
  line-height: 1;
}

#menu-header_btn_moble .navi-menu-button {
  width: 50px;
  vertical-align: top;
  padding-top: 0;
}
#menu-header_btn_moble {
  box-shadow: none;
  position: absolute;
  width: 100%;
  top: 0;
}
.mobile-menu-buttons .menu-button.logo-menu-button>a {
  padding: 0.5% 1%;
}

.logo-menu-button img {
  display: inline-block;
  height: 100%;
  max-height: 33px;
}
@media screen and (max-width: 834px) {
  .mobile-menu-buttons .menu-button.logo-menu-button>a {
    line-height: 3;
    padding: 1% 2%;
  }

  .logo-menu-button img {
    max-height: 30px;
  }

  #menu-header_btn_moble {
    height: 5vw;
    min-height: 50px;
  }

  #menu-header_btn_moble li:nth-child(2) {
    display: none;
  }

  #menu-header_btn_moble li:nth-child(1) {
    width: calc(100% - 10em - 70px);
  }
}

@media screen and (max-width:768px) {
  .mobile-menu-buttons .menu-button.logo-menu-button>a {
    line-height: 1;
  }
}

@media screen and (min-width: 835px) {
  #menu-header_btn_moble {
    height: 50px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: stretch;
  }

  #menu-header_btn_moble li:nth-child(1) {
    width: calc(100% - 10em - 70px);
  }
}
/*mobile slidIn menu----------------------------------------*/

.navi-menu-close-button {
  background: #fff;
  text-align: right;
  color: #7B2A6C;
}

#navi-menu-open {
  display: inline-block;
  margin: 0;
  height: 100%;
  width: 100%;
  background: #7B2A6C;
  color: #fff;
}
#navi-menu-open .navi-menu-icon {
  line-height: 2.2em;
}
#navi-menu-open .navi-menu-caption {
  display: none;
  height: 1;
}

.menu-content {
  overflow: inherit;
  background-color: #000000;
}
.menu-drawer {
    padding: 1em 0.5em 2em !important;
}

.menu-drawer li {
  width: 100% !important;
  height: auto;
}
.menu-drawer li a {
  color: #fff;
  border-bottom: 1px solid #fff;
}

.menu-drawer li a i {
  color: #7B2A6C;
}
#navi-menu-content .menu-drawer li span {
  font-size: 0.75em;
  font-weight: normal;
}


@media screen and (max-width: 834px) {
  #navi-menu-content .menu-drawer li span {
    margin-left: 0.5em;
  }
}
@media screen and (min-width: 835px) {
  #navi-menu-content .menu-drawer li span {
    margin-left: 1em;
  }
}

/*
@media screen and (max-width: 834px) {}
@media screen and (min-width: 835px) {}
@media screen and (max-width: 767px) {}
@media screen and (min-width: 768px) {}
@media screen and (min-width:768px) and (max-width:834px) {}
*/

/*--------------------------------------------------------------------------------
03:footer
--------------------------------------------------------------------------------*/
#content-bottom-in {
  background-color: #F2EAF0;
}

#content-bottom-in aside {
  margin-bottom: 0;
}

.wrp_footer {
  display: flex;
  flex-wrap: wrap;
  margin: 0 auto;
  max-width: 1100px;
  width: 92%;
}

.site_footer {
  display: flex;
  flex-wrap: wrap;
}

.logo_footer {
  width: 50px;
}
.siteName_footer {
  padding-left: 0.75em;
}

.address_footer {
  font-size: var(--font14);
}

.sitemap_footer {
  line-height: 1em;
  font-weight: bold;
}

ul.list_sitemap_footer {
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  list-style: none;
  justify-content: flex-start;
}
ul.list_sitemap_footer li {
  margin-bottom: 1.8em;
}

ul.list_sitemap_footer li a {
  padding-left: 1.5em;
  background: url(/wordpress/wp-content/themes/cocoon-child-master/img/icon__site-map__footer.png) no-repeat left top 0.2em / 1em;
  text-decoration: none;
  font-weight: bold;
}

@media screen and (max-width:834px) {
  .wrp_footer {
    padding: 40px 0;    
    margin: 0 auto;
  }
  .company_footer,
  .sitemap_footer {
    width: 100%;
  }
  .company_footer {
    margin-bottom: 20px;
  }
  ul.list_sitemap_footer li {
    width: 33.3%;
  }
}
@media screen and (min-width:835px) {
  .company_footer {
    width: 380px;
  }
  .sitemap_footer {
    width: calc(100% - 390px);
  }
  .wrp_footer {
    padding: min(10%,100px) 0;
  }
  ul.list_sitemap_footer li {
    width: 12.2em;
  }
}
@media screen and (max-width:767px) {
  ul.list_sitemap_footer li {
    width: 50%;
  }
}
@media screen and (min-width:1000px) {
  ul.list_sitemap_footer li {
    width: max(33.333%,13em);
  }
}


/*--------------------------------------------------------------------------------
04:parts
--------------------------------------------------------------------------------*/


/*--------------------------------------------------------------------------------
05:top
--------------------------------------------------------------------------------*/
body.home .entry-content {
  max-width: initial;
  width: 100%;
}
body.home .content {
  margin-top: 0;
}

/* slider --------------------------------------------------*/
.slider_top {
  padding-left: 0 !important;
}
.slider_top li {
  margin: 0 !important;
}
.slider_top img {
  width: 100%;
  max-width: 2000px;
}

@media screen and (max-width: 480px) {
  .slider_top {
    overflow: hidden;
  }
  .slider_top img {
    max-width: initial;
    width: 140% !important;
    margin-left: -20%;
  }
}

@media screen and (min-width: 835px) {
  .slider_top img {
    width: 100%;
    max-width: inherit;
  }
}
/* section_intro -------------------------------------------*/
.txtbox_intro {
  line-height: 3em;
  height: 29em;
}
.txtbox_intro p {
  margin-left: 2em;
  height: auto;
}

@media screen and (max-width: 1100px) {
  .section_intro .inner {
    padding: 5% 2.5% 2%;
  }
  .txtbox_intro {
    line-height: 2.5em;
    font-size: 1.5vw;
  }
  .imgbox_intro {
    width: 50%;
  }
}
@media screen and (max-width: 834px) {
  .txtbox_intro {
    display: block;
    margin: 0 auto;
    width: 27em;
    font-size: 14px;
  }
  .txt_borderleft_leadmv {
    padding-left: 0.2em;
  }
  .imgbox_intro {
    display: block;
    margin: 0 auto;
    width: 80%;
  }
}
@media screen and (min-width: 835px) {
  .txtbox_intro {
    float: right;
  }
  .imgbox_intro {
    float: left;
  }
}
@media screen and (max-width: 480px) {
  .section_intro .inner {
    margin: 10% 0 0;
  }
  .txtbox_intro {
    margin: 0 auto 1em;
    width: 90%;
  }
  .txtbox_intro.verticalwrite p {
    margin-left: 1.5em;
    line-height: 2em;
    font-size: 14px;
  }
  .imgbox_intro {
    margin: -20% auto 0 auto;
  }
}

@media screen and (max-width: 320px) {
  .txtbox_intro.verticalwrite p {
    font-size: 12px;
  }
}
/*left side scroll icon-------------------------------------*/
.Arrow {
  margin-left: 14px;
  height: 100px;
  position: absolute;
  top: 45vh;
}

.text_arrow {
  word-wrap: break-word;
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  vertical-align: bottom;
  letter-spacing: 0.1em;
  -webkit-text-orientation: sideways;
  text-orientation: sideways;
  font-size: 10px;
}

.Arrow-Item {
  position: absolute;
  left: 7px;
  display: block;
  width: 1px;
  border-radius: 1px;
  background: #555555;
}

.Arrow-Item:nth-of-type(2) {
  top: 4em;
  height: 6em;
}

.Arrow-Item:nth-of-type(3) {
  bottom: 0;
  height: 20px;
  transform: rotate(-15deg);
  left: 4px;
  top: 8.7em;
}

@media screen and (max-width: 834px) {
  .Arrow {
    display: none;
  }
}


/*intro
------------------------------------------------------------*/

/*section_mv------------------------*/
.section_mv .inner {
  padding: 0;
  max-width: inherit;
  position: relative;
  width: calc(100% - 6vw);
  margin: 0 0 0 6vw;
}
.lead_mv {
  position: absolute;
  bottom: 15%;
  left: 0;
  background: #fff;
  padding: 2em 1em 1.8em 0.2em;
  z-index: 2;
}
.lead_mv p {
  margin-left: 0.5em;
  margin-bottom: 0.1em;
  line-height: 2.5em;
}
p.en_leadmv {
  -webkit-text-orientation: sideways;
  text-orientation: sideways;
  font-size: 14px;
  font-weight: bold;
  color: #7C2A6B;
}

p.txt_big_leadmv {
  font-size: 2em;
}

.txt_borderleft_leadmv {
  border-left: 1px solid #ccc;
  line-height: 1em;
  padding: 0 0 0 0.5em;
}

@media screen and (min-width: 1101px) {
  p.txt_big_leadmv {
    font-size: 2.4vw;
    line-height: 2em;
  }
  p.en_leadmv {
    font-size: 1vw;
  }
  .txt_borderleft_leadmv {
    font-size: 1vw;
  }
}

@media screen and (max-width: 834px) {
  .verticalwrite {
    line-height: 2em;
  }
  .lead_mv {
    bottom: -4em;
  }
  .lead_mv p {
    line-height: 2em;
  }
  p.txt_big_leadmv {
    line-height: 1;
  }
  p.en_leadmv {
    font-size: 10px;
  }
}
@media screen and (max-width: 480px) {
  .section_mv {
    height: 65vh;
    max-height: 450px;
  }
  .verticalwrite p {
    margin: 0 0.5em 0;
  }

  .lead_mv {
    bottom: 0;
    padding: 1em 0.5em;
    top: 40vw;
    height: 16em;
  }

  p.en_leadmv {
    margin: 0 0.5em 1em;
    line-height: 1;
  }

  p.txt_big_leadmv {
    margin: 0 0.5em 1em;
    line-height: 1;
    font-size: 1.8em;
  }
}


/*intro-----------------------------------*/

.btn01__top a {
  width: 90%;
  padding: 0.75em;
  background-color: #7b2a6c;
  font-size: var(--font16);
}
@media screen and (min-width:768px) {
  .btn01__top {
    margin-bottom: 130px !important;
  }
  .btn01__top a {
    max-width: 440px;
  }
}

@media screen and (max-width:767px) {
  .btn01__top {
    margin-bottom: 130px !important;
  }
}

/* service ------------------------*/
.linkcontents__top{
  max-width: 1000px;
}

.item_linkcontents__top figure {
  margin-bottom: 10px !important;
}
.item_linkcontents__top h3 {
  margin-bottom: 1em;
  padding-bottom: 1em;
  border-bottom: 1px solid #7b2a6c;
  font-size: var(--font24);
}
.item_linkcontents__top p{
  font-size: var(--font16);
}
.linkcontents__top {
  max-width: 1000px;
  width: 92%;
  margin-right: auto;
  margin-left:  auto;
}
.linkcontents__top img{
  width: 100%;
}
@media screen and (min-width:768px) {
  .linkcontents__top {
    margin: 12% auto 0;
  }
  .item_linkcontents__top {
    width: 31.33% !important;
  }
}
@media screen and (max-width:767px) {
  .linkcontents__top {
    margin: 120px auto 0;
  }
  .item_linkcontents__top {
    width: 72% !important;
    margin: 0 auto 21.5% !important;
  }
}
@media screen and (min-width:768px) and (max-width:834px) {
  .linkcontents__top {
    flex-direction: row !important;
  }
}

/*service
------------------------------------------------------------*/
h2.ttl_service__top {
  max-width: 1280px;
  width: 94%;
  margin: 0 auto 4.5em;
}

.service_box1,
.service_box2,
.service_box3 {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  width: 100%;
  max-width: 1280px;
  margin: 12.5% auto 17.1875%;
  justify-content: inherit;
}

.service_box1 .img,
.service_box2 .img,
.service_box3 .img {
  z-index: 2;
}
.service_box1 .txt,
.service_box2 .txt,
.service_box3 .txt {
  background-color: #F2EAF0;
  z-index: 0;
}
h3.ttl_service__top {
  color: #7b2a6c;
  font-size: var(--font20);
  padding: 0;
  margin-bottom: 0;
}
.big_ttl_service__top {
  display: block;
  font-size: var(--font32);
  line-height: 1.2;
}
.ruby_ttl_service__top {
  background-color: #7b2a6c;
  color: #fff;
  padding: 0.25em 1em;
  font-size: var(--font18);
  display: inline-block;
  margin-top: 0.5em;
}
p.copy_service__top {
  font-size: var(--font30);
  margin: 0.75em 0 !important;
  line-height: 1.4;
}
.btn_more_service__top {
  text-align: center;
  width: 80%;
  margin-bottom: 0;
}
.btn_more_service__top a {
  font-size: var(--font16);
  background-color: #7b2a6c;
  color: #fff;
  text-decoration: none;
  border-radius: 2em;
  padding: 0.5em 1em;
  display: block;
}
.btn_more_service__top a .arrow {
  padding: 0 1em;
}


@media screen and (max-width:767px) {
  .service_box1 .img,
  .service_box2 .img,
  .service_box3 .img,
  .service_box1 .txt,
  .service_box2 .txt,
  .service_box3 .txt {
    width: 90% !important;
  }
  .service_box1 .img,
  .service_box3 .img {
    margin: 0 0 0 10%;
  }
  .service_box1 .txt,
  .service_box3 .txt {
    padding: 15% 5% 5%;
    margin: -10% 10% 20% 0;
  }

  .service_box2 .img {
    margin: 0 10% 0 0;
  }

  .service_box2 .txt {
    padding: 15% 5% 5%;
    margin: -10% 0 20% 10%;
  }
}
@media screen and (min-width:768px) {
  .service_box1 .img,
  .service_box2 .img,
  .service_box3 .img,
  .service_box1 .txt,
  .service_box2 .txt,
  .service_box3 .txt {
    width: 50% !important;
  }
  .service_box1,
  .service_box3 {
    flex-direction: row-reverse;
  }
  .service_box1 .img,
  .service_box3 .img {
    margin: -6.25% 0 0 -6.25%;
  }
  .service_box1 .txt,
  .service_box3 .txt {
    padding: 5% 11.25% 5% 5%;
    margin: 0;
  }
  .service_box2 .img {
    margin: -6.25% -6.25% 0 0;
  }
  .service_box2 .txt {
    padding: 5% 5% 5% 11.25%;
    margin: 0;
  }
}

@media screen and (min-width:768px) and (max-width:834px) {
  .service_box1,
  .service_box3 {
    flex-direction: row-reverse !important;
  }
  .service_box2 {
    flex-direction: row !important;
  }
}

/*conversion-------------------------*/
p.txt_cv__page {
  margin-bottom: 1em;
  font-size: var(--font24);
}
.btn_cv__top {
  margin-top: 1em;
}
.btn_cv__top a {
  background: #7b2a6c;
  color: #ffffff;
  padding: 0.75em;
  font-size: var(--font30);
  width: 90%;
  max-width: 580px;
}
/*===========================================
info closing term(休暇中お知らせ)
===========================================*/
.block_info_closing{
  max-width: 1040px;
  margin: min(30px, 5%) auto;
  background: #F2EAF0;
  padding: 20px 10px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
h3.ttl__info_closing{
  font-weight: bold;
  color: #7b2a6c;
  text-align: center;
  font-size: 16px;
  width: 100%;
  padding:0 10px;
  line-height: 1.4;
  border: 0;
  margin: 0.5em 0;
}
.contents__info_closing{
  width:100%;
  padding:0 10px;
}
.contents__info_closing p{
  margin: 0.5em 0;
  line-height: 1.4;
}
.txt01__info_closing{
  font-size: 13px;
}
.txt02__info_closing{
  font-size: 18px;
  font-weight: bold;
}
.txt03__info_closing{
  font-size: 12px;
}
@media screen and (min-width: 768px){
  .block_info_closing{
    border-radius: 4px;
    padding: 20px;
    width: 100%;
  }
  h3.ttl__info_closing{
    font-size: 18px;
    width: calc((100% / 12) * 3);
  }
  .contents__info_closing{
    width: calc((100% / 12) * 9);
  }
  .contents__info_closing p{
    margin: 5px 0;
  }
  .txt01__info_closing{
    font-size: 14px;
  }
  .txt02__info_closing{
    font-size: 20px;
  }
  .txt03__info_closing{
    font-size: 12px;
  }
}
@media screen and (max-width: 767px){
  h3.ttl__info_closing br{
    display: none;
  }
  .contents__info_closing{
    text-align: center;
  }
}
/*top only------------------------------------*/
@media screen and (min-width: 768px){
  .block_info_closing.top_info{
    width: 92%;
  }
}


/*
@media screen and (max-width: 834px) {}
@media screen and (min-width: 835px) {}
@media screen and (max-width: 767px) {}
@media screen and (min-width: 768px) {}
@media screen and (min-width:768px) and (max-width:834px) {}
*/
/*--------------------------------------------------------------------------------
06:page
--------------------------------------------------------------------------------*/
/*eyecatch-------------------------*/
div.eye-catch_page {
  width: 100vw;
  background-color: #eee;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
div.eye-catch_page::before {
  content: "";
  background-color: rgba(176, 127, 167, 1);
  mix-blend-mode: multiply;
  position: absolute;
  display: block;
  z-index: 1;    
}

div.eye-catch_page h1 {
  color: #ffffff;
  text-align: center;
  z-index: 2;
  position: relative;
  padding: 1.3em 1em;
  max-width: 720px;
  margin: 0 auto;
  line-height: 1;
  letter-spacing: 0.1em;
}

@media screen and (max-width:834px) {
/*eyecatch-------------------------*/
  div.eye-catch_page {
    margin-left: -4%;
    margin-bottom: min(10%,50px) !important;
    padding: 160px 0;
    width: 108%;
  }
  div.eye-catch_page h1 {
    font-size: 20px !important;
  }
  div.eye-catch_page::before {
    width: 75.2%;
    height: 22%;
    left: 12.4%;
  }
  div.eye-catch_page h1 span {
    font-size: 14px !important;
  }
}

@media screen and (min-width:835px) {
/*eyecatch-------------------------*/
  div.eye-catch_page {
    margin-left: calc((100vw - 980px) / 2 * -1);
    margin-bottom: min(10%,50px) !important;
    padding: 190px 0;
    margin-bottom: 120px !important;
  }
  div.eye-catch_page::before {
    width: 720px;
    height: 150px;
    top: calc((100% - 150px) / 2);
    left: calc((100% - 720px) / 2); 
  }
  div.eye-catch_page h1 {
    font-size: 40px !important;
  }
  div.eye-catch_page h1 span {
    font-size: 24px !important;
  }
}

@media screen and (max-width:1080px) and (min-width:835px) {
/*eyecatch-------------------------*/
  div.eye-catch_page {
    margin-left: -5.1%;
  }
}
/*page original----------*/

@media screen and (max-width:767px) {
.eye-catch_concept{background-image:url(/wordpress/wp-content/themes/cocoon-child-master/img/eye-catch_concept_sp.webp);}
.eye-catch_renovation{background-image:url(/wordpress/wp-content/themes/cocoon-child-master/img/eye-catch_renovation_sp.webp);}
.eye-catch_new-construction{background-image:url(/wordpress/wp-content/themes/cocoon-child-master/img/eye-catch_new-construction_sp.webp);}
.eye-catch_energy-solution{background-image:url(/wordpress/wp-content/themes/cocoon-child-master/img/eye-catch_energy-solution_sp.webp);}
.eye-catch_works{background-image:url(/wordpress/wp-content/themes/cocoon-child-master/img/eye-catch_works_sp.webp);}
.eye-catch_case{background-image:url(/wordpress/wp-content/themes/cocoon-child-master/img/eye-catch_case_sp.webp);}
.eye-catch_support{background-image:url(/wordpress/wp-content/themes/cocoon-child-master/img/eye-catch_support_sp.webp);}
.eye-catch_access{background-image:url(/wordpress/wp-content/themes/cocoon-child-master/img/eye-catch_access_sp.webp);}
.eye-catch_about{background-image:url(/wordpress/wp-content/themes/cocoon-child-master/img/eye-catch_about_sp.webp);}
.eye-catch_contact{background-image:url(/wordpress/wp-content/themes/cocoon-child-master/img/eye-catch_contact_sp.webp);}
}
@media screen and (min-width:768px) {
.eye-catch_concept{background-image:url(/wordpress/wp-content/themes/cocoon-child-master/img/eye-catch_concept.webp);}
.eye-catch_renovation{background-image:url(/wordpress/wp-content/themes/cocoon-child-master/img/eye-catch_renovation.webp);}
.eye-catch_new-construction{background-image:url(/wordpress/wp-content/themes/cocoon-child-master/img/eye-catch_new-construction.webp);}
.eye-catch_energy-solution{background-image:url(/wordpress/wp-content/themes/cocoon-child-master/img/eye-catch_energy-solution.webp);}
.eye-catch_works{background-image:url(/wordpress/wp-content/themes/cocoon-child-master/img/eye-catch_works.webp);}
.eye-catch_case{background-image:url(/wordpress/wp-content/themes/cocoon-child-master/img/eye-catch_case.webp);}
.eye-catch_support{background-image:url(/wordpress/wp-content/themes/cocoon-child-master/img/eye-catch_support.webp);}
.eye-catch_access{background-image:url(/wordpress/wp-content/themes/cocoon-child-master/img/eye-catch_access.webp);}
.eye-catch_about{background-image:url(/wordpress/wp-content/themes/cocoon-child-master/img/eye-catch_about.webp);}
.eye-catch_contact{background-image:url(/wordpress/wp-content/themes/cocoon-child-master/img/eye-catch_contact.webp);}
}




/*intro 1colum---------------------*/
.intro01__page{
  text-align: center;
  margin-bottom: 3em !important;
}
.intro01__page::after {
  width: 100px;
  content: "";
  height: 2px;
  background: #7b2a6c;
  margin: 0 auto;
  display: block;
}
.intro01__page h3 {
  padding: 0;
  margin-bottom: 1em !important;
  font-size: var(--font40);
}
.intro01__page p {
  font-size: var(--font18);
}
/*intro 2colum 画像左(intro02)----------------*/
/*intro 2colum 画像右(intro03)----------------*/
.intro02__page,
.intro03__page{
  margin-bottom: 12% !important;
}
.intro02__page .txtbox p,
.intro03__page .txtbox p{
  margin-bottom: 0;
  line-height: 2;
  font-size: var(--font16);
}
.intro02__page .txtbox p.catch,
.intro03__page .txtbox p.catch{
  font-size: var(--font30);
  line-height: 1.8;
  font-weight:bold;
  margin-bottom: 1em !important;
  letter-spacing: 0.05em;
}
@media screen and (max-width:767px) {
  .intro01__page::after {
    margin: min(40px, 12%) auto 0;
  }
  .intro02__page .txtbox p,
  .intro03__page .txtbox p{
    margin-bottom: 0 !important;
  }
  .intro02__page .txtbox p.catch,
  .intro03__page .txtbox p.catch{
    text-align: center;
  }
  .intro02__page .txtbox p br,
  .intro03__page .txtbox p br{
    display: none;
  }
}
@media screen and (min-width:768px) {
  .intro01__page {
    padding: 0 0.5em 40px;
  }
  .intro01__page::after {
    margin: min(40px,4%) auto 0;
  }
  .intro02__page .txtbox,
  .intro03__page .txtbox{
    width: 52%;
  }
  .intro02__page .txtbox{
    margin-left: 4%;
  }
  .intro03__page .txtbox{
    margin-right: 4%;
  }
  .intro02__page .imgbox,
  .intro03__page .imgbox{
    width: 60%;
  }
  .intro02__page .imgbox figure img,
  .intro03__page .imgbox figure img{
    width: 100%;
  }
}
@media screen and (min-width:768px) and (max-width:1000px) {
.intro02__page .txtbox p.catch,
.intro03__page .txtbox p.catch{
  font-size: 2.9vw;
}

  .intro02__page .imgbox{margin-left: -3%;}
  .intro03__page .imgbox{margin-right: -3%;}
}
@media screen and (min-width:1001px) and (max-width:1259px) {
  .intro02__page .imgbox{margin-left: calc((100vw - 1000px) / 2 * -1);}
  .intro03__page .imgbox{margin-right: calc((100vw - 1000px) / 2 * -1);}
}

@media screen and (min-width:1260px) {
  .intro02__page .imgbox{margin-left: -130px;}
  .intro03__page .imgbox{margin-right: -130px;}
}

@media screen and (min-width:768px) and (max-width:834px) {
  .intro02__page,
  .intro03__page {
    flex-direction: row !important;
  }
  .intro02__page .imgbox,
  .intro02__page .txtbox,
  .intro03__page .imgbox,
  .intro03__page .txtbox{
    width: 50% !important;
  }
}


/*ttl_block------------------------*/
h2.ttl_block {
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  position: relative;
  align-items: center;
  justify-content: space-between;
  max-width: 1080px;
  margin: 0 auto 1em;
}
h2.ttl_block::before,
h2.ttl_block::after {
  content: "";
  height: 1px;
  background-color: #7b2a6c;
  display: block;
}
h2.ttl01_block_3em::before,
h2.ttl01_block_3em::after {width: calc((100% - 4em) / 2);}
h2.ttl01_block_4em::before,
h2.ttl01_block_4em::after {width: calc((100% - 5em) / 2);}
h2.ttl01_block_5em::before,
h2.ttl01_block_5em::after {width: calc((100% - 6em) / 2);}
h2.ttl01_block_6em::before,
h2.ttl01_block_6em::after {width: calc((100% - 7em) / 2);}
h2.ttl01_block_7em::before,
h2.ttl01_block_7em::after {width: calc((100% - 8em) / 2);}
h2.ttl01_block_8em::before,
h2.ttl01_block_8em::after {width: calc((100% - 9em) / 2);}
h2.ttl01_block_9em::before,
h2.ttl01_block_9em::after {width: calc((100% - 10em) / 2);}
h2.ttl01_block_10em::before,
h2.ttl01_block_10em::after {width: calc((100% - 11em) / 2);}
h2.ttl01_block_14em::before,
h2.ttl01_block_14em::after {width: calc((100% - 15em) / 2);}
h2.ttl01_block_15em::before,
h2.ttl01_block_15em::after {width: calc((100% - 16em) / 2);}



/*btn page bottom-----------------*/
.btn__page a {
  background: #7b2a6c;
  color: #ffffff;
  margin-top: 4em;
  font-size: var(--font16);
}
@media screen and (min-width: 768px) {
  .btn__page a {
    width: 360px;
  }
}
@media screen and (max-width: 767px) {
  .btn__page a {
    width: 240px;
  }
}


/*conversion-------------------------*/
p.txt_cv__page {
  font-size: var(--font24);
}
.btn_cv__page {
  margin-top: 1em;
}
.btn_cv__page a {
  background: #7b2a6c;
  color: #ffffff;
  padding: 0.75em;
  font-size: var(--font30);
  width: 90%;
  max-width: 580px;
}
@media screen and (max-width: 767px) {
  .block_cv__page {
    margin-top: min(11.6%,80px);
  }
}
@media screen and (min-width: 768px) {
  .block_cv__page {
    margin-top: min(12%,120px);
  }
  .btn_cv__page a br{
    display: none;
  }
}

/*--------------------------------------------------------------------------------
07:page-common
--------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------
08:concept
--------------------------------------------------------------------------------*/
.intro_concept__page{
  margin-bottom: 12% !important;
}
.strong_concept {
  margin: 8% auto 0;
}
.point_strong_concept {
  background-color: #f2eaf0;
  padding: 1em;
  margin-bottom: 2% !important;
}
.point_strong_concept h4 {
  line-height: 1.2;
  border-bottom: 1px solid #7b2a6c;
  padding: 0 0 .75em;
  letter-spacing: 0.2em;
  margin: -2.5em 0 0 !important;
}
.point_strong_concept h4 strong {
  font-size: var(--font40);
  line-height: 1.5;
}
.strong_concept p {
  margin-top: 0.5em;
}
.wrp_box_member__concept h4 {
  margin-bottom: 1em;
}
.block_member__concept {
  margin-top: min(10%,100px);
}
.wrp_box_member__concept>div {
  padding: 0 3.3% !important;
}
/*service*/
.block_service__concept {
  margin-top: min(10%,100px);
}
.wrp_box_service__concept a {
  font-size: var(--font20);
  text-decoration: none;
  font-weight: bold;
  display: block;
  width: 100%;
  line-height: 1.2;
  background: url(/wordpress/wp-content/themes/cocoon-child-master/img/icon_btn02.webp) no-repeat right center;
  background-size: min(36px,10%);
}
.wrp_box_service__concept a span {
  color: #333;
}

@media screen and (max-width: 767px) {
  .point_strong_concept {
    max-width: 400px;
    margin: 0 auto 10% !important;
    padding: 2em;
  }
  .wrp_box_member__concept>div,
  .wrp_box_service__concept>div {
    max-width: 540px;
    margin-left: auto;
    margin-right: auto;
  }
  .wrp_box_member__concept p {
    text-align: center;
  }
  p.txt01_member__concept br,
  p.txt01_service__concept br{
    display: none;
  }
}
@media screen and (min-width: 768px) {
  .wrp_box_member__concept>div {
    width: 33.33% !important;
  }
  .wrp_box_service__concept>div {
    width: 30.3% !important;
  }
  .wrp_box_service__concept>div figure {
    margin-bottom: 20px !important;
  }
  .wrp_box_service__concept {
    flex-direction: row !important;
  }
}
@media screen and (min-width: 481px) and (max-width: 834px) {
  .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
    flex-basis: auto !important;
  }
  .point_strong_concept {
    width: 48%;
  }
}
@media screen and (min-width:768px) and (max-width:834px) {
  .intro_concept,
  .wrp_box_service__concept,
  .wrp_box_member__concept {
    flex-direction: row !important;
  }
}
@media screen and (max-width: 480px) {
  .wrp_box_service__concept {
    flex-direction: column !important;
    width: 80%;
  }
  .strong_concept {
    width: 80%;
  }
}
@media screen and (min-width: 767px) and (max-width: 999px) {
  .wrp_box_service__concept a{
    font-size: 1.8vw;
    letter-spacing: 0.05em;
  }
  .wrp_box_service__concept a span{
    font-size: 1.5vw;
  }
  .point_strong_concept {
    padding: 1em 2em 2em;
  }
  .point_strong_concept h4,
  .strong_concept p{
    padding-bottom: 1em;
  }
}
/*--------------------------------------------------------------------------------
09:renovation
--------------------------------------------------------------------------------*/

/*流れ
-----------------------------------*/
.wrp_flow__renovation {
  max-width: 890px;
  margin: 0 auto;
}
.step_flow__renovation {
  padding-bottom: min(60px,6%);
  margin: 0 !important;
}
.step_flow__renovation::after {
  content: "";
  width: 2px;
  background-color: #7b2a6c;
  height: 100%;
  display: inline-block;
  position: absolute;
  z-index: 0;
  top: 0;
}
.last_step_flow__renovation::after {
  display: none;
}
.step_flow__renovation{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.step_flow__renovation figure{
  z-index: 2;
}
.step_flow__renovation figure img{
  border-top: 5px solid #fff;
  border-bottom: 5px solid #fff;
  line-height: 0;
}
.step_flow__renovation p{
  width: calc(100% - 90px);
  margin: 0 0 0 30px !important;
}
.step_flow__renovation p strong {
  margin-bottom: 0.5em;
  color: #7b2a6c;
  display: inline-block;
  font-size: var(--font30);
}
@media screen and (max-width: 767px) {
  .step_flow__renovation figure{
    width: 10%;
  }
  .step_flow__renovation p{
    width: calc(90% - 15px);
    margin: 0 0 0 15px !important;
  }
  .step_flow__renovation::after {
    left: 18px;
  }

}
@media screen and (min-width: 768px) {
  .step_flow__renovation figure{
    width: 56px;
  }
  .step_flow__renovation p{
    width: calc(100% - 90px);
    margin: 0 0 0 30px !important;
  }
  .step_flow__renovation::after {
    left: 28px;
  }
}

/*サポート
-----------------------------------*/
.support__renovation{
  border:1px solid #7b2a6c;
}
.support__renovation h3{
  margin-bottom:0.75em;
  font-size: var(--font30);
}
.support__renovation p{
  margin-bottom:0;
  margin-top: 0;
}
@media screen and (max-width: 767px) {
  .support__renovation{
    padding: 1em 1em 1.5em;
  }
}
@media screen and (min-width: 768px) {
  .support__renovation{
    padding: 2em 1em 2.5em;
  }
  .support__renovation p br{
    display: none;
  }
}



/*--------------------------------------------------------------------------------
10:new-construction / 新築戸建
--------------------------------------------------------------------------------*/
/*イントロ
-----------------------------------*/
.intro__new-construction figure {
  margin-bottom: 20px !important;
}
.intro__new-construction p{
    margin: 0 auto !important;
  }
@media screen and (min-width:768px) {
  .box_intro__new-construction >div {
    width: 48% !important;
  }
  .intro__new-construction h3 br,
  .intro__new-construction p br{
    display: none;
  }
}

/*強み
-----------------------------------*/
.box_strong__new-construction {
    margin-bottom: 40px;
}
.txtbox_strong__new-construction h3 {
    padding: 0;
    margin-bottom: 1em;
}

@media screen and (max-width:767px) {
  .strong__new-construction {
    margin: 10% auto;
  }
}
@media screen and (min-width:768px) {
  .strong__new-construction {
    margin: 140px auto;
  }
  .imgbox_strong__new-construction{
    margin-bottom:0 !important;
    width: 42% !important;
  }
  .txtbox_strong__new-construction {
    width: 58% !important;
    padding-left: 40px;
  }
  .txtbox_strong__new-construction h3 {
    text-align: left;
  }
  p.intro_strong__new-construction {
    margin-bottom: 50px;
  }
}

/*メリット
-----------------------------------*/
.box_merit__new-construction {
    background: #F2EAF0;
    max-width: 475px;    
}
.box_merit__new-construction figure {
    margin-bottom: 0 !important;
}
.txtbox_merit__new-construction h3{
  line-height: 1.4;
  padding: 0;
  margin-bottom: 0.75em;
}
.txtbox_merit__new-construction h3 strong {
  font-size: var(--font45);
}
@media screen and (max-width:767px) {
  .merit__new-construction {
    margin: 10% auto;
  }
  .txtbox_merit__new-construction {
    padding: 30px;
  }
  .txtbox_merit__new-construction p br {
    display: none;
  }
}

@media screen and (min-width:768px) {
  .merit__new-construction {
    margin: 14% auto;
  }
  .wrp_box_merit__new-construction {
    align-items: stretch !important;
  }
  .box_merit__new-construction {
    width: 48% !important;
    margin-bottom: 0 !important;
  }
  .txtbox_merit__new-construction {
    padding: 30px;
  }
  .txtbox_merit__new-construction h3,
  .txtbox_merit__new-construction p {
    text-align: left;
  }
}
@media screen and (max-width:480px) {
  .txtbox_merit__new-construction {
    padding: 1.5em 1.5em 2em;
  }
}
@media screen and (min-width:768px) and (max-width:834px) {
  .wrp_box_merit__new-construction {
    flex-direction: row !important;
    align-items: stretch !important;
  }
}

/*建築士
-----------------------------------*/
.architect__new-construction {
    border: 1px solid #7b2a6c;
    margin-top: 14%;
    padding: 4%;
}
.txtbox_architect__new-construction h3 {
    margin: 0 0 0.5em;
    padding: 0;
}
@media screen and (max-width:767px) {
  .txtbox_architect__new-construction {
    width: 100% !important;
  }
  .txtbox_architect__new-construction p br {
    display: none;
  }
  .txtbox_architect__new-construction h3{
    margin-top: 0.8em !important;
  }
}
@media screen and (min-width:768px) {
  .architect__new-construction{
    align-items: center;
  }
  .txtbox_architect__new-construction {
    width: 39.67% !important;
    padding-right: 1em;
  }
  .txtbox_architect__new-construction h3 {
    text-align: left;
  }
  .imgbox_architect__new-construction {
    width: 60.33% !important;
  }
  .architect__new-construction>div{
    margin-bottom:0;
  }
}
@media screen and (min-width:768px) and (max-width:834px) {
  .box_intro__new-construction,
  .box_strong__new-construction,
  .wrp_box_merit__new-construction,
  .architect__new-construction {
    flex-direction: row !important;
  }
  .txtbox_architect__new-construction,
  .imgbox_architect__new-construction{
    width:48% !important;
  }
}
@media screen and (max-width:480px) {
  .architect__new-construction {
    padding: 1em;
  }
}
/*--------------------------------------------------------------------------------
11:energy-solution / 太陽光
--------------------------------------------------------------------------------*/
h4.ttl_maker__energy-solution{
  margin-top: 12.5%;
}
h3.ttl_merit__energy-solution{
  margin-top:3em;
}
.battery__energy-solution{
  margin-bottom: 10% !important;
}
.battery__energy-solution h4{
    margin-top: 0;
    line-height: 1.4;
}
.battery__energy-solution h4 span{
  font-weight: normal;
}
.list_maker__energy-solution{
  max-width: 750px;
  margin: 0 auto 15% !important;
  gap: 1em !important;
}
/*メリット*/
.merit__energy-solution>div {
  background-color: #f2eaf0;
  padding: 1.5em 2em 2em;
  width: 30.333% !important;
}
.merit__energy-solution h5 {
  border-bottom: 1px solid #7b2a6c;
  padding-bottom: 0.5em;
  margin-bottom: 0.5em;
  height: 3.5em;
  line-height: 1.4;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
.merit__energy-solution p {
  margin-top: 1em;
}
.merit__energy-solution p span {
  display: block;
}
@media screen and (min-width:768px) and (max-width:834px) {
  .merit__energy-solution,
  .battery__energy-solution{
    flex-direction: row !important;
  }
  .battery__energy-solution>div{
    width: 22%;
  }
}
@media screen and (max-width: 767px) {
  .battery__energy-solution{
    flex-direction: row !important;
    gap: 1% !important;
  }
  .battery__energy-solution.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column{
    flex-basis: 48% !important;
  }
  .battery__energy-solution h4 span{
    font-size: 14px;
  }

}
@media screen and (min-width: 768px) {
  .battery__energy-solution>div{
    width: 22%;
  }
}
@media screen and (min-width: 768px) and (max-width:999px){
  .merit__energy-solution>div{
    padding: 1em 1em 1.5em;
  }
}

/*--------------------------------------------------------------------------------
12:work
--------------------------------------------------------------------------------*/
p.ttl__case {
  color: #7b2a6c;
  font-weight: bold;
  margin-bottom: 1em;
}
p.txt__case {
  margin-bottom: 4em;
}
.box_works figure.wp-block-image {
  margin-bottom: 0;
}
.box_works .link_works {
  display: block;
}
.box_works .link_works a {
  text-decoration: none;
  font-weight: bold;
  font-size: var(--font20);
  width: 100%;
  display: block;
  padding: 1em 0;
  line-height: 1.2;
  background: url(/wordpress/wp-content/themes/cocoon-child-master/img/icon_btn02.webp) no-repeat right center / auto;
}
h2.ttl__case {font-size: var(--font30);}
.txt__case {font-size: var(--font18);}



@media screen and (min-width: 768px) {
  .block_works{
    flex-direction: row !important;
    gap: 4% !important;
  }
  .block_works.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column{
    flex-basis: 48% !important;
  }
}
@media screen and (max-width: 767px) {
  .block_works>div{
    max-width: 450px;
    margin-right:auto;
    margin-left:auto;
  }
  .txt__case{
    text-align: left;
  }
  .txt__case br{
    display: none;
  }
}

/*--------------------------------------------------------------------------------
13:service
--------------------------------------------------------------------------------*/


.wide760{max-width:760px;margin:2em auto 0;}
.wide760 .wp-block-image{margin-bottom:0;}
.mb0{margin-bottom:0 !important;}


hr.icon_plus{
  background: url(/wordpress/wp-content/uploads/2024/03/img_sup_puls.png) no-repeat center top / contain;
  border: none;
  height: 50px;
  margin-bottom: 0 !important;
  padding: 0;
  z-index: 2;
  position: relative;
}
.option_block{
margin-top:0;
margin-top: -1.75em;
}
h2.ttl02_support,
h2.ttl03_support{
  margin-top: min(100px,10%);
}

@media screen and (max-width: 834px) {
h2.ttl01_block_14em,
h2.ttl01_block_15em{
  line-height: 1.2;
}

h2.ttl01_block_14em::before,
h2.ttl01_block_14em::after {width: calc((100% - 9em) / 2);}
h2.ttl01_block_15em::before,
h2.ttl01_block_15em::after {width: calc((100% - 11em) / 2);}

}
@media screen and (min-width: 835px) {
  h3.ttl_support_page br{
    display: none;
  }
  h2.ttl01_support br,
  h2.ttl02_support br{
    display: none;
  }
}


/*--------------------------------------------------------------------------------
14:access
--------------------------------------------------------------------------------*/
h3.ttl02_access{
  margin-top:min(10%,100px);
}

/*--------------------------------------------------------------------------------
15:about
--------------------------------------------------------------------------------*/
  .article .table__about table{
    max-width: 835px;
    margin: 0 auto;
  }
  .article .table__about table td:first-child {
    color: #7B2A6C;
    min-width: 6em;
  }
  .txt{
    text-align: left;
  }
  .price{
    text-align: right;
  }
@media screen and (max-width: 767px) {
  .article .table__about table {
    border-collapse: collapse;
    margin: 0 auto 5% !important;
    padding: 0;
  }
  .article .table__about table tr {
    background-color: #fff !important;
    padding: .35em;
    border-bottom: 1px dotted #7B2A6C;
  }
  .article .table__about table td {
    padding: 1em 10px 1em 1em;
    border: 0px;
    font-size:var(--font16);
  }

  .article .table__about table {
    border: 0;
    width:100%;
    border-bottom: 1px solid #cccccc;
  }
  .article .table__about table td {
    border-left: 0;
    border-right: 0;
    border-top: 0;
    display: block;
    position: relative;
    padding: 0.5em 0 0 0.5em;
  }
  .article .table__about table td:first-child{
    font-weight: bold;
  }
  .article .table__about table td:last-child{
    padding: 0 0 0.5em 0.5em;
  }
  .article .table__about table tr {
    border-top: 1px solid #cccccc;
    display: block;
    margin-bottom: 0;
    border-bottom: 0px;
  }
}

/*--------------------------------------------------------------------------------
16:contact
--------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------
17:error not found
--------------------------------------------------------------------------------*/
body.error404 main.main {
  text-align: center;
}

body.error404 .entry-title {
  display: none;
}

.article-header{
  height: 0 !important;
  min-height: 0 !important;
}