/*
Theme Name: blankslate-child
Template: blankslate
Theme URI: https://github.com/tidythemes/blankslate
Author: TidyThemes
Author URI: https://github.com/tidythemes
Description: Donations: https://calmestghost.com/donate. BlankSlate is the definitive WordPress boilerplate starter theme. We've carefully constructed the most clean and minimalist theme possible for designers and developers to use as a base to build websites for clients or to build completely custom themes from scratch. Clean, simple, unstyled, semi-minified, unformatted, and valid code, SEO-friendly, jQuery-enabled, no programmer comments, standardized and as white label as possible, and most importantly, the CSS is reset for cross-browser-compatability and no intrusive visual CSS styles have been added whatsoever. A perfect skeleton theme. For support and suggestions, go to: https://github.com/tidythemes/blankslate/issues. Thank you.
Tags: accessibility-ready, one-column, two-columns, custom-menu, featured-images, microformats, sticky-post, threaded-comments, translation-ready
Version: 2023
Requires at least: 5.2
Tested up to: 6.1
Requires PHP: 7.0
License: GNU General Public License v3 or Later
License URI: https://www.gnu.org/licenses/gpl.html
Text Domain: blankslate

BlankSlate WordPress Theme © 2011-2023 TidyThemes
BlankSlate is distributed under the terms of the GNU GPL
*/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline}html{scroll-behavior:smooth}body{line-height:1}a{text-decoration-skip-ink:auto}a[href^="tel"]{color:inherit;text-decoration:none}button{outline:0}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}q{display:inline;font-style:italic}q:before{content:'"';font-style:normal}q:after{content:'"';font-style:normal}textarea,input[type="text"],input[type="button"],input[type="submit"],input[type="reset"],input[type="search"],input[type="password"]{-webkit-appearance:none;appearance:none;border-radius:0}input[type="search"]{-webkit-appearance:textfield}table{border-collapse:collapse;border-spacing:0}th,td{padding:2px}big{font-size:120%}small,sup,sub{font-size:80%}sup{vertical-align:super}sub{vertical-align:sub}dd{margin-left:20px}kbd,tt{font-family:courier;font-size:12px}ins{text-decoration:underline}del,strike,s{text-decoration:line-through}dt{font-weight:bold}address,cite,var{font-style:italic}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
.sticky{}.bypostauthor{}.wp-caption{}.wp-caption-text{}.gallery-caption{}.alignright{}.alignleft{}.aligncenter{}
.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important;word-break:normal}
.screen-reader-text:focus{background-color:#f7f7f7;border-radius:3px;box-shadow:0 0 2px 2px rgba(0,0,0,.6);clip:auto!important;-webkit-clip-path:none;clip-path:none;color:#007acc;display:block;font-size:14px;font-size:.875rem;font-weight:700;height:auto;right:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}
.skip-link{left:-9999rem;top:2.5rem;z-index:999999999;text-decoration:underline}
.skip-link:focus{display:block;left:6px;top:7px;font-size:14px;font-weight:600;text-decoration:none;line-height:normal;padding:15px 23px 14px;z-index:100000;right:auto}
.visually-hidden:not(:focus):not(:active), .form-allowed-tags:not(:focus):not(:active){position:absolute !important;height:1px;width:1px;overflow:hidden;clip:rect(1px 1px 1px 1px);clip:rect(1px, 1px, 1px, 1px);white-space:nowrap}


html { font-size: 62.5%; }
a{text-decoration: none;}
body{ 
  font-family: "Noto Sans JP", sans-serif;
}
li{
  list-style-type: none;
}
img{
  width: 100%;
}


/*---------------SPヘッダー---------------*/
body.no-scroll {
  overflow: hidden !important;
  height: 100%; 
  touch-action: none; 
  overscroll-behavior: none;
}

#hamburger-window,
.tell-dropdown {
  overflow-y: auto;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
}

header{
  position: fixed;
  display: flex;
  width: 100%;
  height: 6rem;
  transition: top 4s ease;
  z-index: 10;
}

header.visible {
  top: 0;
  pointer-events: auto;
  transition: top 0.15s ease;
}

.header-inner{
  width: 100%;
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 2rem 0 2rem 6.8%;
  z-index: 10;
  opacity: 0;
  transition:  0.2s ease;
}

.header-tell {
  position: relative;
}

.header-tell img{
  display: block;
  width: 4rem;
}

.header-tell .icon-close {
  display: none;
}

.header-tell.tell-open .icon-open {
  display: none;
}

.header-tell.tell-open .icon-close {
  display: block;
}

.tell-dropdown {
  position: fixed;
  top: 6rem;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: #EDEDED;
  flex-direction: column;
  padding: 5rem 3rem;
  z-index: 10;
  pointer-events: none;
  opacity: 0;
  transition: opacity .3s ease;
}

.js-tell-toggle {
  z-index: 10;
  cursor: pointer;
  position: relative;
}

.tell-dropdown a {
  display: block;
  font-size: 1.2rem;
  border-bottom: 1px solid #000;
  font-family: "Fjalla One", sans-serif;
  letter-spacing: 0.8px;
}

.tell-dropdown.tell-active {
  display: flex;
  opacity: 1;
  pointer-events: auto;
}

.tell-dropdown-title{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  margin: 0 0 3rem;
  font-weight: 500;
}

.tell-dropdown-title h4{
  font-size: 1.3rem;
}

.tell-dropdown-title p{
  font-size: 1.1rem;
}

.tell-dropdown-title img{
  width: 3rem;
}

.tell-dropdown-title div{
  text-align: left;
  line-height: 1.4;
}

.tell-dropdown-numbers p{
  font-size: 1.1rem;
  line-height: 2.6;
  font-weight: 500;
  letter-spacing: 0.8px;
}

.tell-dropdown-daily{
  border: solid 1px #BFBFBF;
  border-radius: 3px;
  background-color: #fff;
  margin: 0 0 2rem;
}

.tell-dropdown-wed{
  border: solid 1px #BFBFBF;
  border-radius: 3px;
  background-color: #fff;
}

.tell-dropdown-number{
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.8rem;
}

.tell-dropdown-number p{
  font-size: 1.1rem;
}

.dotted-line {
  width: 100%;
  height: 2px;
  background-image: radial-gradient(#ccc 1px, transparent 1px);
  background-size: 4px 2px;
}

.l-header_wrapper{
    align-items: center;
    display: flex;
}

.casa_reform_logo{
    width: 135px;
}

.reform-logo{
  width: 8rem;
}

.header.fade-scroll:not(.visible):not(.menu-open) a.reform-logo {
  pointer-events: none;
  cursor: default;
  transition: background 4s ease, backdrop-filter 4s ease;
}

.header.fade-scroll a.reform-logo {
  position: relative;
  width: 8rem;
  opacity: 0;
  transition: none;
}

.header.fade-scroll.visible a.reform-logo {
  opacity: 1;
  transition: top 2s ease, opacity 2s ease;
}

.header.fade-scroll.menu-open a.reform-logo {
  opacity: 1;
  transition: top 0.1s ease;
}

body:not(.home) header.fade-scroll.visible a.reform-logo {
  transition: none;
}

.header-pc{
  display: none;
}

#hamburger {
    position: relative;
    display: block;
    width: 40px;
    height: 25px;
    margin: 0 0 0 auto;
 }

 #hamburger span {
    position: absolute;
    top: 50%;
    left: 0;
    display: block;
    width: 100%;
    height: 2px;
    background-color: #000;
    transform: translateY(-50%);
 }
 
 #hamburger::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #000;
 }
 #hamburger::after {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #000;
 }

/* ハンバーガーメニュー */
#header-hamburger {
  cursor: pointer;
  width: 54px;
  aspect-ratio: 1/1;
  margin-right: 1rem;
  margin-left: auto;
  position: relative;
  z-index: 10;
}

#header-hamburger span {
  display: inline-block;
  background: #fff;
  width: 50%;
  height: 1.6px;
  transition: all .4s;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}

#header-hamburger.active span{
  background: #000;
}

header.fade-scroll.visible {
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.07);
  transition: box-shadow 0.15s ease;
  background: rgba(255, 255, 255);
}

header.fade-scroll.visible .header-inner {
  opacity: 1;
  transition: 0.5s ease;
}

header.fade-scroll.open:not(.visible) {
  background: transparent;
}

header.fade-scroll.visible.open {
  background: #ffffff;
}

header.fade-scroll.visible #header-hamburger span {
  background: #000;
  transition: background 0.5s ease;
}

header.fade-scroll.visible,
header.fade-scroll.menu-open {
  background: rgba(255, 255, 255, 1);
  backdrop-filter: blur(4px);
  transition: background 0.4s ease;
}

#hamburger-window {
  background: transparent;
}

header.fade-scroll.menu-open .header-inner {
  opacity: 1;
}

#header-hamburger span:nth-of-type(1) {
  top: 35%;
}

#header-hamburger span:nth-of-type(2) {
  top: 50%;
}

#header-hamburger span:nth-of-type(3) {
  top: 66%;
}

#header-hamburger.active span:nth-of-type(1) {
  top: 50%;
  left: 25%;
  transform: rotate(-45deg);
  width: 50%;
}

#header-hamburger.active span:nth-of-type(2) {
  opacity: 0;
}

#header-hamburger.active span:nth-of-type(3) {
  top: 50%;
  left: 25%;
  transform: rotate(45deg);
  width: 50%;
}

/* メニューウィンドウ */
#hamburger-window {
  transition: 0.5s;
  text-align: center;
  visibility: hidden;
  position: fixed;
  top: 6rem;
  opacity: 0;
  z-index: 1;
  width: 100%;
  height: 100vh;
  overflow-y: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
  transition: opacity 0.5s ease, visibility 0.5s ease border-top-color 0.1s ease;
}

.content::-webkit-scrollbar{
  display:none;
}

#hamburger-window.open {
  visibility: visible;
  opacity: 1;
  background-color: #FFFFFF;
  transition: opacity 0.5s ease, visibility 0.5s ease, border-top-color 0.1s ease;
}

#hamburger-window:not(.open) {
  border-top-color: transparent;
}

.hamburger-window__link {
  display: block;
  margin: 0 auto;
  width: 86%;
}

.hamburger-window__link p {
  margin: 0;
  padding-top: 20px;
  padding-bottom: 20px;
  font-size: 1.3rem;
  font-weight: 600;
}

.hamburger-window__link:first-child .accordion-btn {
  border-top: 1px solid #ccc;
}

.hamburger_contact{
  margin: 2rem auto 0;
  max-width: 375px;
}

.hamburger_contact a{
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 1.6rem;
  width: 86%;
  margin: 0 auto;
  padding: 2rem 3.2rem;
  color: #000000;
  background-color: #FDED62;
  border-radius: 8px;
  border: 1px solid #242525;
  letter-spacing: 1.68px;
}

.hamburger_contact a::before,
.hamburger_contact a::after {
  content: "";
  position: absolute;
  right: 38px;
  width: 8px;
  height: 1px;
  border-radius: 9999px;
  background-color: #000000;
  transform-origin: calc(100% - 0px) 50%;
}

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

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

.hamburger_contact a:nth-of-type(2){
  gap: 2.4rem;
  margin: 1.4rem auto 0;
  background-color: #4FC654;
  color: #fff;
}

.hamburger_contact a:nth-of-type(2)::before,
.hamburger_contact a:nth-of-type(2)::after{
  background-color: #fff;
}

.hamburger_contact span{
  font-size: 1.2rem;
  font-weight: 500;
}

.hamburger_contact p{
  font-size: 1.4rem;
  font-weight: 600;
}


/* アコーディオン */
.accordion-btn {
  display: flex;
  position: relative;
  align-items: center;
  padding-left: 5%;
  transition: background-color 0.3s ease;
}

.accordion-btn::after {
  content: '＋';
  position: absolute;
  right: 6%;
  font-size: 2rem;
  transition: content 0.3s ease;
}
.accordion-btn.is-open::after {
  content: '−';
  display: inline-block;
  position: absolute;
  right: 7%;
  font-weight: 100;
  transition: content 0.3s ease;
  font-size: 3rem;
}

.accordion-btn.is-open{
  background-color: #F2F2F2;
}

.hamburger-window__link {
  border-top: 1px solid #ccc;
}

.hamburger-window__title,
.hamburger-window__link > a {
  color: #333;
}

.hamburger-window__link > a {
  display: block;
  text-align: left;
  padding-left: 5%;
  position: relative;
}

.accordion>.accordion__item {
  position: relative;
  text-align: left;
  width: 100%;
  border-top: 0 #ccc solid;
  line-height: 0;
  transition: border-top .1s ease-out,
}

.accordion.is-open>.accordion__item {
  border-top: 1.5px #C9C9C9 dashed;
  transition:
      border-top .1s ease-out,
}

.accordion.is-open>.accordion__item:first-child {
  border-top: none;
}

.accordion .accordion__item .accordion__link {
  color: #333;
  display: block;
  padding-left: 7%;
  padding-top: 0;
  padding-bottom: 0;
  line-height: 0;
  opacity: 0;
  visibility: hidden;
  transition:
      padding-top .3s ease-out,
      padding-bottom .3s ease-out,
      line-height .3s ease-out,
      opacity .1s linear,
      visibility .1s linear;
}

.accordion.is-open>.accordion__item>.accordion__link {
  display: block;
  padding-left: 7%;
  padding-top: 14px;
  padding-bottom: 14px;
  line-height: 1.5;
  font-size: 1.3rem;
  font-weight: 600;
  opacity: 1;
  visibility: visible;
  transition:
      padding-top .3s ease-out,
      padding-bottom .3s ease-out,
      line-height .3s ease-out,
      opacity .1s linear,
      visibility .1s linear;
}

.hamburger-window__link:last-of-type{
  border-bottom: 1px solid #ccc;
}

.accordion__item .tell {
  display: none;
}

.accordion.is-open .tell {
  display: flex;
  padding-bottom: 2rem;
}

.hd_tell{
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: center;
  align-items: center;
  height: 0;
  visibility: hidden;
}

.is-open .accordion__item .hd_tell{
  visibility: visible;
  padding-bottom: 2.3rem;
  height: auto;
}

.hd_tell a{
  color: inherit;
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc(45% - 5px);
  height: 3.7rem;
  font-size: 1.1rem;
  background: #F2F2F2;
  border-radius: 30px;
  font-weight: 500;
}

.hd_tell .odd_number{
  margin: 0 46% 0 0;
}

.hd_tell a:hover{
  background: #666666;
  color: #ffffff;
}

/*snsアイコン*/
.hamburger_sns_wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 3rem 0 18rem;
}

.menu__item {
  position: relative;
}

.hg_menu_item {
  position: relative;
  margin-right: 3rem;
  width: 30px;
}

.menu__drop {
    opacity: 1;
    transition: opacity 0.3s ease;
}

.menuSub {
  position: absolute;
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  visibility: hidden;
  transition: max-height 0.2s ease, opacity 0.2s ease, visibility 0.2s;
}

.menuSub.active {
  max-height: 500px;
  opacity: 1;
  visibility: visible;
}

.menuSub.hg {
  top: 140%;
  background-color: #fff;
  box-shadow: 0 4px 20px rgba(40, 40, 40, 0.12);
  border-radius: 6px;
}

.sns_wrapper.hg .dropDown {
  top: 60%;
}

.menuSub__item {
  font-size: 11.2px;
  width: 120px;
  color: #000;
}
.hamburger_sns_wrapper .menuSub .menuSub__item {
  border-bottom: 0.5px solid #dbdbdb;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}

.hamburger_sns_wrapper .menuSub .menuSub__item:nth-child(2) {
  border-bottom: none;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}

.menuSub.dropDown__list1.hg.hd_pc .menuSub__item.dropDown__item{
  border: none;
}

.menuSub__item a {
  color: #222222;
  display: block;
  background-color: #fffffff2;
  padding: 1rem;
  text-align: left;
  transition: .2s ease;
}

.is-open #nav-content a {
  pointer-events: auto;
}

.hg_menu_item:last-of-type{
  margin-right: 0;
}

/*---------------パンクズ---------------*/
.aioseo-breadcrumbs{
  display: block;
  padding: 1.6rem 2.8rem 1.5rem;
  width: 100%;
  background: #FFFFFF;
  line-height: 1.6;
}

.aioseo-breadcrumb,.aioseo-breadcrumb a{
  text-decoration: none;
  color: #727272;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 1px;
}

/* PC時のホバーでドロップダウン表示 */
@media (min-width: 1001px) {
  .menu__item.hg_menu_item.link:hover .dropDown {
    visibility: visible;
    opacity: 1;
  }
}

/*---------------SPインデックス---------------*/
.t-tab,.t-pc{
  display: none;
}

.page_header_area{
  padding: 6rem 0 0;
}

/*t-top*/
.bxslider_top{
  height: 144vw;
}

.bxslider_top li{
  height: 144vw;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

.bx-has-pager{
  position: relative;
  transform: rotate(90deg);
}

.bx-wrapper .bx-pager{
  right: 49%;
  padding-top: 43%;
  bottom: initial;
  box-shadow: initial;
  border: initial;
}

.bx-wrapper {
  box-shadow: initial;
}

.bx-wrapper .bx-pager.bx-default-pager a{
  background: #D9D9D9;
  width: 9px;
  height: 9px;
  margin: 0 10px;
}

.bx-wrapper .bx-pager.bx-default-pager a.active{
  background: #000000;
}

.bx-wrapper .bx-controls-direction a{
  display: none;
}

.t-top{
  position: relative;
}

.top_img_textarea{
  position: absolute;
  bottom: 4%;
  font-family: Noto sans JP, sans-serif;
  left: 8%;
}

.t-top .bx-wrapper{
  margin-bottom: initial;
  border: initial;
}

/*top-movie*/
.top_img_textarea{
  filter: drop-shadow(3px 3px 11px rgba(0, 0, 0, 0.7));
}

.t-video {
  position: relative;
  width: 100%;
  height: 100svh;
  overflow: hidden;
}

.t-video video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.top_img_textarea div{
  width: 20rem;
}

.top_img_textarea h1{
  font-size: 1rem;
  margin: 1.5rem 0 0;
  line-height: 2;
  color: white;
  text-shadow: 0 0 37px rgba(0, 0, 0, 0.4), 0 0 14px rgba(0, 0, 0, 0.1), 0 0 33px rgba(0, 0, 0, 0.1);
  letter-spacing: 2px;
}

#mv-hamburger {
  position: absolute;
  top: 25px;
  right: 22px;
  width: 27px;
  height: 22px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  cursor: pointer;
  z-index: 10;
}

#mv-hamburger span {
  display: block;
  height: 1.6px;
  background-color: #fff;
  border-radius: 2px;
}

.t-events-title p,.t-news-title p,.t-works-title p,.t-buy-reform p,.top-new,.t-reason-title p,.t-support-title p,.t-support-text p,.t-REINFORCE-title p,.top-shop h4, .top-contact h4{
  font-family: "Fjalla One", sans-serif; 
}

.t-events-title p,.t-news-title p,.t-works-title p,.t-buy-reform p,.t-reason-title p,.t-support-title p,.t-REINFORCE-title p,.top-shop h4, .top-contact h4{
  opacity: 0.3;
  letter-spacing: 0.5px;
}

.t-works-title h2,.t-buy-reform h2,.t-reason-title h2,.t-support-title h2,.t-REINFORCE-title h2,.top-shop h3, .top-contact h3{
  letter-spacing: 1.5px;
  font-weight: 500;
}

/*news*/
.t-news-container{
  padding: 4.8rem 8% 7rem;
}

.t-events-container{
  padding: 5.8rem 8% 8rem;
}

.t-news-title{
  margin: 0 0 2rem;
  font-size: 1.4rem;
  text-align: center;
  line-height: 22px;
}

.t-news-title h3{
  font-size: 1.4rem;
  letter-spacing: 1px;
  font-weight: 500;
}

.t-news-events p{
  width: 100%;
}

.t-infos p{
  margin: 1rem 0;
  text-align: left;
  color: #000;
}

.t-info{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.8rem;
  padding: 1.4rem 2%;
  border-bottom: solid 1.4px #C9C9C9;
  line-height: 20px;
  font-weight: 500;
  font-size: 1.2rem;
  letter-spacing: 1px;
  color: initial;
}

.t-info div img{
  width: 1.5rem;  
}

.t-news-btn a, .t-event-btn a /*newsとevent共通*/ {
  position: relative;
  display: block;
  padding: 1.8rem 0;
  margin: 8rem auto 0;
  border: 1.4px solid #000000;
  color: #000000;
  font-size: 1.2rem;
  background: #FFFFFF;
  letter-spacing: 2px;
  font-weight: 500;
  width: 18.8rem;
  text-align: center;
  text-decoration: none;
}

.t-news-btn a{
  margin: 4rem auto 0
}

.t-news-btn a::before,
.t-news-btn a::after,
.t-event-btn a::before,
.t-event-btn a::after{
  content: '';
  position: absolute;
  transition: right 0.3s ease;
}

.t-news-btn a::before, .t-event-btn a::before{
  top: 50%;
  right: -10%;
  display: block;
  width: 50px;
  height: 1.4px;
  background: #000;
}

.t-news-btn a::after, .t-event-btn a::after{
  top: 44%;
  right: -10%;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background-color: #000;
}

/*event*/
.t-events{
  text-align: center;
}

.t-event{
  display: inline-block;
  margin: 6rem 0 0;
}

.top-events-slider .splide__slide{
  margin: 0;
}

.t-event-thumb img{
  height: auto;
}

.t-event-card,.t-event-title{
  text-align: left;
}

.t-event-card{
  font-size: 1.4rem;
  color: initial;
  font-weight: 400;
}

.t-event-title{
  font-size: 1.6rem;
  color: initial;
  line-height: 1.6;
  padding: 3rem 0 2.7rem;
  font-weight: 500;
  font-feature-settings: "palt";
}

.benefit-label{
  display: contents;
}

.t-events-title p{
  margin: 0 0 0.6rem;
  font-size: 1.4rem;
}

.t-events-title h3{
  font-size: 1.4rem;
  font-weight: 500;
}

.t-events-container .top-events-slider{
  display: block;
}

.top-events-slider .splide__track{
  max-width: 1366px;
  display: inline-block;
}

.t-event-icon,.t-news-icon{
  width: 1.9rem;
}

.t-event-date,.t-event-space,.t-news-date{
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 1rem;
}

.t-event-date{
  margin: 0 0 1rem;
}

.splide__arrows.splide__arrows--ltr{
  display: none;
}

/*t-lead*/
.t-lead{
  padding: 5rem 0;
  text-align: center;
  background-color: #F7F6F2;
}

.t-lead h2{
  margin: 0 0 3rem;
  font-family: "Fjalla One", sans-serif;
  font-size: 2.4rem;
  color: #B5B5B5;
  font-weight: 400;
}

.t-lead-banner-link{
  display: block;
  margin: 0 auto 4rem;
  width: 100%;
}

.t-lead h3{
  font-family: "Fjalla One", sans-serif;
  font-size: 1.4rem;
  letter-spacing: 5px;
  line-height: 1.8;
  font-weight: 500;
}

.t-lead p{
  font-size: 1.2rem;
  margin-top: 2.5rem;
  line-height: 2.5;
  font-weight: 500;
}

/*t-buy-reform*/
.t-buy-reform{
  padding: 4.8rem 0 6.8rem;
  background-color: #E8E6E1;
  text-align: center;
}

.t-buy-reform-title{
  margin: 0 0 3rem;
}

.t-buy-reform-container{
  background-image: url(/casa-reform/wp-content/themes/blankslate-child/asset/top_buy+reform_img.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  position: relative;
  padding: 5.4rem 0;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  height: 16rem;
}

.t-buy-reform-box {
  display: inline-block;
  overflow: hidden;
  width: 100%;
}

.t-buy-reform-link {
  display: block;
  transition-duration: .5s;
}

.t-buy-reform-link:hover {
  transform: scale(1.05);
}

.t-buy-reform-container::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0.2, 0.2, 0.2, 0.2);
}

.t-buy-reform-container h3{
  color: #FFFFFF;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.8;
  letter-spacing: 1.6px;
  z-index: 1;
  text-align: left;
}

.t-buy-reform-img{
  width: 3.9rem;
  margin-top: 1rem;
}

/*t-works*/
#splide-stylesheet {
  display: none;
}

.t-works{
  padding: 6rem 2.7rem 5.9rem;
  background-color: #F7F6F2;
}

.t-works-title{
  text-align: center;
}

.t-works-title p,.t-buy-reform p{
  color: #020202;
  font-size: 1.4rem;
}

.t-works-title h2,.t-buy-reform h2{
  margin: 0.9rem 0 0;
  color: #000000;
  font-size: 1.6rem;
}

.t-works .splide__slide.is-pickup::before {
  content: "PICK UP";
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 5.6rem;
  height: 1.8rem;
  color: #fff;
  font-family: "Fjalla One", sans-serif;
  font-size: 0.9rem;
  letter-spacing: 0.8px;
  background-color: #070707;
  top: 0;
  left: 0;
  z-index: 10;
  pointer-events: none;
}

.splide__slide{
  margin: 3.6rem 0 0;
  overflow: hidden;
}

.splide__slide img {
  display: block;
  transition: transform 0.5s;
}

.t-works .splide__slide:nth-child(n+4) {
  display: none;
}

.splide__arrows.top-tab{
  display: none;
}

.top-work-tag{
  display: flex;
  column-gap: 0.9rem;
  margin: 2rem 0 0;
  letter-spacing: 0.8px;
}

.top-work-tag p{
  text-align: center;
  font-size: 1.1rem;
  color: #3B3B3B;
  line-height: 1.8;
  font-weight: 400;
}

.top-work-tag .top-new{
  color: #FFFFFF;
  background-color: #930B0B;
  width: 7rem;
  border: 1px solid #3B3B3B;
  border-radius: 20px;
}
.works_s__other_case.new{
  background-color: #930B0B;
  color: #fff;
  margin-left: 5px;
}
.movie-label{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  width: 7rem;
  border: 1px solid #3B3B3B;
  border-radius: 20px;
}
.movie-icon{
  width: 1.4rem;
  margin: 0 0.5rem 0 0;
}
.movie-text{
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
}

.reno-step-text{
  padding: 1.4rem 0;
  font-size: 1.3rem;
  font-weight: 500;
  letter-spacing: 1px;
  color: #000000;
  text-decoration: none;
  display: inline-block;
  line-height: 1.4;
}

.t-works-btn{
  margin: 2rem 0 0;
}

.t-works-btn a{
  position: relative;
  display: block;
  padding: 1.8rem 0;
  margin: 3.4rem auto 0;
  border: 1.4px solid #000000;
  color: #000000;
  font-size: 1.2rem;
  background: #FFFFFF;
  letter-spacing: 2px;
  font-weight: 500;
  width: 18.8rem;
  text-align: center;
  text-decoration: none;
}

.t-works-btn a::before,
.t-works-btn a::after{
  content: '';
  position: absolute;
  transition: right 0.3s ease;
}

.t-works-btn a::before{
  top: 50%;
  right: -18%;
  display: block;
  width: 50px;
  height: 1.4px;
  background: #000;
}

.t-works-btn a::after{
  top: 44%;
  right: -18%;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background-color: #000;
}

.splide{
  visibility: visible;
}

.splide__list{
  display: initial;
}

/*t-reason*/
.t-reason{
  margin: 6rem 0 5.9rem;
}

.t-reason-title{
  text-align: center;
}

.t-reason-title p{
  color: #020202;
  font-size: 1.4rem;
}

.t-reason-title h2{
  margin: 0.9rem 0 0;
  color: #000000;
  font-size: 1.6rem;
}

.t-reason-bar{
  margin: 4rem 0 5.9rem;
}

.t-reason-detail{
  padding: 0 2.8rem;
}

.t-reason-detail h4{
  padding: 0 0 1.5rem;
  font-size: 1.4rem;
  letter-spacing: 2px;
  letter-spacing: 2px;
  font-weight: 500;
}

.t-reason-detail h3{
  font-size: 1.6rem;
}

.t-reason-detail p{
  padding: 3.7rem 0 2.5rem;
  font-size: 1.3rem;
  line-height: 2.3;
  font-weight: 500;
  white-space: nowrap;
}

.t-reason-detail a {
  position: relative;
  display: block;
  padding: 1.8rem 0;
  margin: 0 auto;
  border: 1.4px solid #000000;
  color: #000000;
  font-size: 1.2rem;
  background: #FFFFFF;
  letter-spacing: 2px;
  font-weight: 600;
  width: 18.8rem;
  text-align: center;
  text-decoration: none;
}

.t-reason-detail a::before {
  content: '';
  position: absolute;
  top: 50%;
  right: -18%;
  display: block;
  width: 50px;
  height: 1.4px;
  background: #000;
  transition: right 0.3s ease;
}

.t-reason-detail a::after {
  content: "";
  position: absolute;
  top: 44%;
  right: -18%;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background-color: #000;
  transition: right 0.3s ease;
}


/*t-support*/
.t-support{
  padding: 6rem 2.7rem 5.9rem;
  background-color: #F7F6F2;
}

.t-support-title{
  margin: 0 0 3.3rem;
  text-align: center;
}

.t-support-title p{
  color: #020202;
  font-size: 1.4rem;
}

.t-support-title h2{
  margin: 0.9rem 0 0;
  color: #000000;
  font-size: 1.6rem;
}

.t-support-card{
  display: flex;
  gap: 2.4rem;
  align-items: center;
  margin: 0 0 1.8rem;
  background-color: #FFFFFF;
}

.t-support-img.t-sp {
  display: inline-block;
  overflow: hidden;
  width: 100%;
}

.t-support-img.t-sp img {
  display: block;
  transition-duration: .5s;
}

.t-support-img.t-sp img:hover {
  transform: scale(1.1);
}

.t-support-img.t-sp{
  width: 13rem;
}

.t-support-text p{
  margin: 0 0 0.8rem;
  font-size: 1.2rem;
  color: #ADADAA;
  letter-spacing: 0.5px;
}

.t-support-text h3{
  font-size: 1.3rem;
  color: #000000;
  letter-spacing: 1px;
}

/*t-REINFORCE*/
.t-REINFORCE{
  padding: 6rem 2.8rem 5rem;
  background-color: #E8E6E1;
  text-align: center;
}

.t-REINFORCE-title{
  margin: 0 0 3.8rem;
}

.t-REINFORCE-title p{
  color: #020202;
  font-size: 1.4rem;
}

.t-REINFORCE-title h2{
  margin: 1.5rem 0 3rem;
  color: #000000;
  font-size: 1.6rem;
}

.t-REINFORCE-bar{
  display: block;
  margin: 0 0 1.9rem;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

.t-REINFORCE-bar {
  display: inline-block;
  overflow: hidden;
  width: 100%;
}

.t-REINFORCE-bar img {
  transition-duration: .5s;
}

.t-REINFORCE-bar img:hover {
  transform: scale(1.1);
}

.t-REINFORCE-bar:last-of-type{
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

/*top-shop-contact*/
.top-shop-contact{
  text-align: center;
  background-color: #E8E6E1;
}

.top-shop{
  background-image: url(/casa-reform/wp-content/themes/blankslate-child/asset/top_shops_back_img.jpg);
  display: block;
  margin-bottom: 0.4rem;
  padding: 4rem 2.8rem;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  transition: background-size 0.5s ease-in-out;
}

.top-contact{
  background-image: url(/casa-reform/wp-content/themes/blankslate-child/asset/top_contact_back_img.jpg);
  display: block;
  padding: 4rem 2.8rem;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

.top-shop h4,.top-contact h4{
  margin: 0 0 1.2rem;
  color: #FFFFFF;
  opacity: 0.3;
  font-weight: lighter;
  font-size: 1.4rem;
}

.top-shop h3,.top-contact h3{
  margin: 0 0 1.5rem;
  color: #FFFFFF;
  font-size: 1.6rem;
  font-weight: 500;
}

.top-contact h3{
  margin: 0 0 3rem;
}

.top-shop p{
  color: #FFFFFF;
  font-size: 1.2rem;
  line-height: 1.8;
  font-weight: 500;
  letter-spacing: 1px;
}

.top-line,.top-mail{
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #FFFFFF;
}

.top-line{
  background-color: #06C755;
  gap: 2.1rem;
  margin-bottom: 1.7rem;
  padding: 1.3rem 0;
  border-radius: 50px;
}

.top-mail{
  background-color: #000000;
  gap: 1.1rem;
  padding: 1.8rem 0;
  border-radius: 50px;
}

.top-line img{
  width: 2rem;
}

.top-mail img{
  width: 1.8rem;
}

.top-line p,.top-mail p{
  font-size: 1.2rem;
  font-weight: 500;
  letter-spacing: 1.5px;
  color: #FFFFFF;
}
/*---------------SPフッター---------------*/

footer{
  padding: 0 0 10rem;
  width: 100%;
  background-color: #252525;
}

.gotop{
  text-align: center;
  margin-top: 30px;
}

.gotop a{
  color: #000;
  text-decoration: none;
  font-size: 16px;
  font-weight: 600;
}

.gotop_btn{
  background-color: #ffeb22;
  margin: -46px calc(50% - 50vw);
  text-align: center;
  padding: 36px 20px;
  margin-bottom: 30px;
}

.gotop a::before{
  content: '';
  width: 10px;
  height: 10px;
  border: 0;
  border-top: solid 1.5px #333;
  border-right: solid 1.5px #333;
  position: absolute;
  margin-top: -4px;
  transform: rotate(-45deg);
  margin-top: 4px;
  margin-left: -27px;
}

.ft_pc,.ft_ext-link.ft_pc{
  display: none;
}


/*スクロールバー非表示*/
.content::-webkit-scrollbar{
  display:none;
}

#hamburger-window.open {
  visibility: visible;
  right: 0;
}

.ft_list{
  border-bottom: 1px solid #666666;
  background-color: #252525;
}

.ft_link {
  display: block;
  margin: 0 auto;
}

.ft_link:first-child .ft_accordion_btn {
  border-top: 1px solid #ccc;
}


/* アコーディオン */
.ft_accordion_wrapper {
  width: 100%;
  background-color: #252525;
}    

.ft_accordion_btn {
  display: flex;
  align-items: center;
  position: relative;
  padding-left: 7%;
  margin: 0;
  padding-top: 20px;
  padding-bottom: 20px;
  font-size: 1.2rem;
  font-weight: 500;
  color: #FFFFFF;
  background-color: #252525;
  transition: background-color 0.3s ease;
}

.ft_accordion_btn::after {
  content: '＋';
  display: inline-block;
  position: absolute;
  right: 6%;
  font-size: 1.2em;
  font-weight: 100;
  transition: content 0.3s ease;
}    

.ft_accordion_btn.is-open::after {
  content: '−';
  right: 7%;
  font-size: 2rem;
}

.ft_accordion_btn.hover-effect {
  background-color: #f0f0f0;
  color: #393939;
}

.ft_accordion_btn.is-open{
  background-color: #393939;
}

.ft_link {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 auto;
  border-top: 1px solid #666666;
}

.ft_link > a {
  display: block;
  text-align: left;
  padding-left: 7%;
  position: relative;
  width: 100%;
  margin: 0;
  padding-top: 20px;
  padding-bottom: 20px;
  font-size: 1.2rem;
  font-weight: 500;
  color: #FFFFFF;
}

.ft_title {
  position: relative;
  display: inline-block;
  right: 7%;
}

.ft_title::before,
.ft_title::after {
  content: "";
  position: absolute;
  right: 0;
  width: 7px;
  height: 0.5px;
  border-radius: 9999px;
  background-color: #FFFFFF;
  transform-origin: calc(100% - 0.5px) 60%;
}

.ft_title::before {
  transform: rotate(40deg);
}

.ft_title::after {
  transform: rotate(-40deg);
}

.ft_accordion {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s ease;
}

.ft_accordion.is-open {
  max-height: 500px;
}

.ft_accordion>.ft_accordion_item {
  position: relative;
  text-align: left;
  width: 100%;
  border-top: 0 #ccc solid;
  line-height: 0;
  transition:
      border-top .1s ease-out,
}

.ft_accordion.is-open>.ft_accordion_item {
  background-image: repeating-linear-gradient(90deg, #666666, #666666 3px, transparent 3px, transparent 6px);
  background-position: left top;
  background-repeat: repeat-x;
  background-size: 100% 1px;
  transition:
      border-top .1s ease-out,
}

.ft_accordion.is-open>.ft_accordion_item:first-child {
  background-image: none;
}

.ft_accordion>.ft_accordion_item>.ft_accordion_link {
  color: #FFFFFF;
  display: block;
  padding-left: 7%;
  padding-top: 0;
  padding-bottom: 0;
  line-height: 0;
  opacity: 0;
  visibility: hidden;
  transition:
      padding-top .3s ease-out,
      padding-bottom .3s ease-out,
      line-height .3s ease-out,
      opacity .1s linear,
      visibility .1s linear;
}

.ft_accordion.is-open>.ft_accordion_item>.ft_accordion_link {
  display: block;
  padding-left: 7%;
  padding-top: 14px;
  padding-bottom: 14px;
  line-height: 1.5;
  font-size: 1.2rem;
  font-weight: 500;
  opacity: 1;
  visibility: visible;
  transition:
      padding-top .3s ease-out,
      padding-bottom .3s ease-out,
      line-height .3s ease-out,
      opacity .1s linear,
      visibility .1s linear;
}

.ft_accordion_item .tell {
  display: none;
}

.ft_accordion.is-open .tell {
  display: flex;
  padding-bottom: 2rem;
}

.tell{
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: center;
  align-items: center;
}

/*snsアイコン*/
.ft_sns_wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2.4rem 0 4rem;
  background-color: #252525;
}
.ft_sns_wrapper .hg_menu_item{
  width: 3.8rem;
}
.ft_sns_wrapper .hg_menu_item{
  margin-right: 2.5rem;
}
.ft__menuSub.hg {
  background-color: #252525;
  top: 120%;
  border-radius: 6px;
}
.ft__menuSub__item {
  color: #FFFFFF;
  font-size: 11.2px;
  width: 120px;
  border-bottom: 1px solid #dbdbdb;
}
.ft__menuSub__item a {
  color: #222222;
  background-color: #fffffff2;
  padding: 1rem;
  display: block;
  text-align: left;
}
.ft__menuSub {
  position: absolute;
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  visibility: hidden;
  transition: max-height 0.2s ease, opacity 0.2s ease, visibility 0.2s;
}
.ft__menuSub.active {
  max-height: 500px;
  opacity: 1;
  visibility: visible;
}

.ft_ext-link {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: 0 7%;
  row-gap: 2.4rem;
  padding-top: 2.9rem;
}
.ft_ext-link a {
  position: relative;
  display: inline-block;
  width: 50%;
  font-size: 1.2rem;
  color: #ACACAC;
}
.ft_ext-link a::after{
  content: '';
  display: inline-block;
  position: absolute;
  margin-left: 5%;
  width: 12px;
  height: 12px;
  background-image: url(/casa-reform/wp-content/themes/blankslate-child/asset/mark_link_gray.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.ft_ext-link a:nth-of-type(4)::after,.ft_ext-link a:last-of-type::after{
  content: none;
}

.ft_logo{
  display: block;
  width: 12.9rem;
  margin: 5rem auto 0;
}

.ft_mark p{
  color: #ACACAC;
  text-align: center;
  margin: 1.4rem 0;
  line-height: 1.4;
  font-size: 1rem;
  font-weight: 500;
}

.reform_ft_copyrights{
  color: #797979;
  margin: 0 auto;
  text-align: center;
  font-size: 1rem;
}

.ft_btm p{
  color: #797979;
  margin: 0 auto;
  text-align: center;
  font-size: 1rem;
}

.ft_sns_wrapper .hg_menu_item:last-of-type{
  margin-right: 0;
}

/*追従バナー*/
.ft_sp_contact.sp {
  position: fixed;
  bottom: 0;
  width: 100%;
  z-index: 1000;
}

.ft_sp_contact_ul {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  margin: 0;
  display: flex;
  justify-content: space-around;
  align-items: center;
  padding: 8px 0;
  opacity: 0;
  visibility: hidden;
  transition: opacity 1s ease, visibility 1s ease;
  z-index: 1;
}

.ft_sp_contact_ul.visible {
  opacity: 1;
  visibility: visible;
  backdrop-filter: blur(1px);
  -webkit-backdrop-filter: blur(1px);
  background: rgba(255, 255, 255, 0);
}

.ft_sp_contact_ul li {
  width: 30%;
  list-style: none;
  position: relative;
}

.ft_sp_contact_img {
  width: 20%;
  margin: 5px auto 5px;
}

.ft_sp_contact_img.mail{
  margin-bottom: 9px;
}

.ft_sp_contact_text {
  color: #fff;
  font-size: 11px;
  text-align: center;
}

.ft_sp_contact_ul li a {
  display: block;
  padding: 1.4rem 1rem 1.4rem 0;
  border: solid 1.4px #222;
  border-radius: 30px;
  letter-spacing: 0.8px;
  font-weight: 400;
}

.ft_sp_contact_ul li:nth-child(1) a {
  background-color: #FDED62;
  color: #252525;
}

.ft_sp_contact_ul li:nth-child(2) a, .ft_sp_contact_ul li:nth-child(3) a {
  background-color: #242525;
  color: #FFFFFF;
}

.ft_sp_contact_ul li:nth-child(1) a::after, .ft_sp_contact_ul li:nth-child(2) a::after, .ft_sp_contact_ul li:nth-child(3) a::after {
  content: "";
  position: absolute;
  right: 15px;
  top: 50%;
  width: 5px;
  height: 5px;
  border-right: 1.4px solid #000;
  border-bottom: 1.4px solid #000;
  transform: translateY(-50%) rotate(-45deg);
  pointer-events: none;
  z-index: 10;
}

.ft_sp_contact_ul li:nth-child(2) a::after, .ft_sp_contact_ul li:nth-child(3) a::after {
  border-right: 1.4px solid #fff;
  border-bottom: 1.4px solid #fff;
}

.soudan_table th {
  width: 100%;
  display: block;
}

.soudan_store {
  width: 100%;
}

.soudan_table td {
  width: 100%;
  display: block;
  border: none;
}
.soudan_table {
  width: 100%;
}
.pick_banner_02 {
  display: none !important;
}

.soudan_a {
  width: 100%;
  font-size: 15px;
}

.soudan_ttl {
  font-size: 22px;
  text-align: left;
  line-height: 1.6;
  margin-bottom: 30px;
}

.soudan-img{
  height: 180px;
}

.soudan_a{
  margin-bottom: 40px;
}
.soudan_tx {
  text-align: left;
}

.sec_03_ul li {
  margin-bottom: 20px;
}

.sec_03_ul {
  margin-bottom: 0px;
}

.point_L {
  width: 100%;
  margin-bottom: 80px;
}
  
.point_R {
  width: 100%;
}
  
.point_R img {
  width: 100%;
  padding: 0 20px;
}
  
.img01 {
  max-width: 100%;
  margin-bottom: 50px;
}
  
.advice {
  max-width: 100%;
}

.works_L {
  margin-top: 30px;
  margin-bottom: 30px;
}
  
.before_img {
  margin-bottom: 20px;
}

.storage_L {
  max-width: 100%;
  display: none;
}
  
.storage_R {
  max-width: 100%;
  padding: 0;
}

.storage01_img {
  width: 100%;
}

.sp_storage_L {
  max-width: 100%;
}
  
.gaiheki_li {
  width: 100%;
  margin-bottom: 20px;
}
  
.info_title2 a {
  font-size: 12px;
  color: #333;
  font-weight: bold;
}
  
.info_date2 {
  float: unset;
  font-size: 10px;
}

.info_title2 {
  float: unset;
}
  
.sec_01_ul2 li {
  margin-bottom: 20px;
}
  
.sec_01_more2 {
  float: none;
  border: solid 1px #333;
  width: 100%;
  display: block;
  text-align: center;
  line-height: 4;
  background-color: #fff;
  background-position: 95%;
}
  
.sec_01_more2 a {
  border: none;
  display: block;
}

.sec_07 {
  padding: 5%;
  border-bottom: none;
}
  
.sc_area {
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch;
}

article {
  overflow: hidden;
  padding: 0;
} 

.eyecatch {
  margin-right: 15px;
}

.eyecatch img {
  width: 100px;
  height: 100px;
  object-fit: cover;
}

.info_cate {
  padding: 3px 3px;
  margin: 0;
  font-size: 10px;
}

.info_title a {
  font-size: 12px;
}

.page-numbers.current {
  font-size: 12px;
}

.navigation.pagination {
  margin: 0;
}

.event_eyecatch img {
  height: 170px;
  width: 100%;
}

.event_eyecatch {
  float: none;
  margin: 0;
}

.contact-btn {
  width: 100%;
}

.sp.sp_menu {
  font-family: 'Open Sans Condensed', sans-serif;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 10000;
  background-color: #fff;
}

.space {
  padding-top: 65px;
}

.ad_sum_pagelink{
  flex-direction: column;
  padding: 0 0 20px 0;
}

.ad_sum_pagelink_btn{
  margin: 20px auto;
  width: 280px;
}

.ad_sum_contact{
  padding: 30px 0;
}

.ad_sum_contact p{
  font-size: 14px;
}

.ad_sum_contact_btn{
  width: 280px;
}

.ad_sum_tel img{
  width: 60px;
  top: -7px;
  margin-right: 20px;
}

.ad_sum_tel a{
  font-size: 32px;
}

.ad_sum_bus{
  font-size: 12px;
}

.ft_info_img{
  width: 100%;
}

.ft_info {
  margin: 1em auto;
}

.ft_sp_contact input{
  display: none;
}

.ft_sp_contact_tel{
  display: none;
}

.ft_sp_contact_tel_div_img {
  width: 20px;
  margin: 0 10px 0 5px;
}

.ft_sp_contact_tel_li {
  list-style: none;
}

.ft_sp_contact_tel li a {
  color: #000;
  background: #fff;
  width: 100%;
  display: block;
  border-radius: 10px;
  margin-bottom: 1rem;
  padding: 0.5rem;
}

.ft_sp_contact_tel_li p{
  font-size: 1.2rem;
  line-height: 1.75;
  font-weight: 300;
}

.ft_sp_contact_tel_div {
  display: flex;
  justify-content: center;
  align-items: center;
}

.ft_sp_contact input:checked+ul.ft_sp_contact_tel{
  display: block;
  margin: 0;
  padding: 1em;
  color: #000;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.79);
  position: fixed;
  bottom: 67px;
  width: 100%;
  z-index: 1;
}

.select01 .mwform-radio-field.horizontal-item {
  display: inline-block;
  width: 48%;
  margin-left: 0 !important;
}

.ft_sp_contact input:checked + ul.ft_sp_contact_tel span {
  display: inline-block;
}

.ft_info_img {
  width: 45%;
  margin: 0;
}

.flex-align {
  align-items: flex-start;
  -webkit-align-items: flex-start;
}

.ft_information {
  width: 55%;
}

.ft_info_img img {
  width: 130px;
  height: 120px;
  object-fit: cover;
}

.ft_info > ul > li:nth-of-type(1) {
  margin: 0;
  font-size: 13px;
}

.works_en {
  font-size: 45px;
  top: 30px;
  left: 0;
}

/* ----------------------------- SP CSS ----------------------------- */
.area404 .textArea {
  text-align: left;
  margin: 6rem 0 4rem;
}

.area404 .textArea .pageTitle h1 {
  font-size: 1.9rem;
  font-weight: 600;
  color: #930b0b;
  padding-bottom: 2rem;
  letter-spacing: 0.7px;
  line-height: 30px;
}

.area404 .textArea .pageTitle {
  padding: 0px 6.2%;
}

.area404 .textArea .pageTitle p {
  font-size: 1.2rem;
  font-weight: 500;
  padding-bottom: 3.3rem;
  line-height: 26px;
  letter-spacing: 1.7px;
  font-feature-settings: "palt";
}

.area404 .textArea .top_button {
  background-color: #930b0b;
  text-align: left;
  font-size: 1.2rem;
  font-weight: 700;
  width: 253px;
  position: relative;
  margin: 0 auto;
}

.area404 .textArea .top_button a {
  color: #fff;
  display: block;
  text-align: center;
  letter-spacing: 2px;
  padding: 2rem;
  width: 100%;
  height: 100%;
}

.area404 .textArea .top_button a::before {
  top: 50%;
  right: -7%;
  display: block;
  width: 38px;
  height: 1.4px;
  background: #000;
}

.area404 .textArea .top_button a::after {
  top: 44%;
  right: -9%;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background-color: #000;
}

.area404 .textArea .top_button a::before,
.area404 .textArea .top_button a::after {
  content: '';
  position: absolute;
  transition: right 0.3s ease;
}

.area404 .linkArea {
  background-color: #F7F6F2;
  padding: 4rem 13% 6rem;
}

.Construction_examplepage_button,
.reform_cost_button,
.faq_button {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 100%;
}

.Construction_examplepage_button a,
.reform_cost_button a,
.faq_button a {
  background-color: #fff;
  padding: 2rem;
  width: 100%;
  height: 100%;
  color: #000;
  display: inline-block;
  text-align: center;
  font-size: 1.2rem;
  font-weight: 700;
  letter-spacing: 2px;
}

.Construction_examplepage_button,
.reform_cost_button {
  margin-bottom: 2rem;
}

.linkrrow {
  content: "";
  transform: rotate(45deg);
  border-right: solid 1.3px #000;
  border-top: solid 1.3px #000;
  display: inline-block;
  height: 9px;
  position: absolute;
  right: 18px;
  transition: transform .3s ease-in-out, top .3s ease-in-out;
  width: 9px;
}


.top_button_space {
  content: "";
  margin-left: -5%;
}

/* ----------------------------- SP 390px CSS ----------------------------- */
@media screen and (min-width: 390px) {
  .area404 .linkArea {
    padding: 4rem 15% 6rem;
  }

  .area404 .textArea .top_button {
    width: 250px;
  }

  .area404 .textArea .pageTitle {
    padding: 0px 9%;
  }

  .top_button_space {
    margin-left: -6%;
  }
}

/* ----------------------------- SP 414px CSS ----------------------------- */
@media screen and (min-width: 414px) {
  .area404 .textArea .pageTitle {
    padding: 0px 11%;
  }

  .area404 .textArea .top_button {
    width: 264px;
  }
}

/* ----------------------------- SP 500px CSS ----------------------------- */
@media screen and (min-width: 500px) {
  .area404 .linkArea {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .Construction_examplepage_button,
  .reform_cost_button,
  .faq_button {
    max-width: 298px;
  }

  .top_button_space {
    margin-left: -4%;
  }

  .area404 .textArea .top_button {
    width: 274px;
  }
}


/*---------------tab index---------------*/
@media screen and (min-width:768px){
  /*t-top*/
  .t-sp,#mv-hamburger{
    display: none;
  }
  .t-tab{
    display: block;
  }
  header{
  top: 0;
  }
  .t-top{
    pointer-events: none;
  }
  .t-top-container{
    position: relative;
  }
  .hamburger-window__link p{
    letter-spacing: 0.8px;
  }
  .hamburger_contact{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    max-width: 660px;
    width: 86%;
    margin: 3rem auto 0;
  }
  .hamburger_contact a:nth-of-type(2){
    margin: 0 auto;
  }
  .top_img_textarea{
    left: 3%;
    bottom: 8%;

  }
  .top_img_textarea div{
    width: 35rem;
  }
  .top_img_textarea h1{
    margin: 2.5rem 0 0;
    font-size: 2rem;
  }
  .t-video .t-tab{
    width: 100%;
  }
  .tell-dropdown-numbers{
    display: inline-block;
    width: 34rem;
    margin: 0 auto;
  }

  /*news*/
  .t-infos{
    width: 60%;
    text-align: left;
  }
  .t-info{
    line-height: initial;
  }
  .t-news-title{
    padding: 3rem 0;
    text-align: left;
  }
  .t-infos p{
    padding: 2rem 0;
  }
  .t-news-title{
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
    height: 52px;
    padding: 3rem 0;
    font-size: 1.2rem;
  }
  .t-news-unit{
    display: flex;
    align-items: initial;
    justify-content: center;
    gap: 12rem;
    max-width: 1000px;
    margin: 0 auto;
  }
  .t-news-contents{
    width: 100%;
  }
  .t-news-title{
    white-space: nowrap;
  }
  .t-infos{
    width: 70%;
  }
  .t-news-btn a:hover::before{
    right: -4rem;
  }
  .t-news-btn a:hover::after{
    right: -4rem;
  }

  /*event*/
  .t-events-title{
    padding: 0 0 4.7rem;
    text-align: left;
  }
  .t-events-title h3{
    margin: 0.6rem 0 0;
  }
  .t-events-title{
    text-align: center;
  }
  .t-event{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin: 0;
  }
  .t-events-container{
    padding: 11rem 8%;
  }
  .t-events-list{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 4rem;
    max-width: 680px;
    margin: 0 auto;
  }
  .t-event-card{
    font-size: 1.1rem;
  }
  .t-event-title{
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
    height: 52px;
    font-size: 1.4rem;
  }
  .t-event-btn a{
    width: 29.2rem;
    margin-top: 5rem;
    padding: 2.5rem 0;
  }
  .t-event-btn a::before, .t-event-btn a::after{
    right: -5%;
  }
  .t-event-btn a::after{
    top: 46%;
  }
  .t-event-btn a:hover::before, .t-event-btn a:hover::after{
    right: -18%;
  }
  .t-events-container .splide__arrow{
    top: -12%;
  }
 .t-events-container .splide__arrow--prev{
    left: 85%;
  }
  .t-events-container .splide__arrow--next {
    right: 3%;
  }
  .t-event-date{
    line-height: 1.4;
  }
  /*t-lead*/
  .t-lead-banner-link{
    max-width: 57rem;
  }
  .t-lead p{
    font-size: 1rem;
  }

  /*t-buy-reform*/
  .t-buy-reform-container{
    justify-content: flex-start;
    align-items: flex-end;
    padding: 3% 4%;
    height: 9rem;
    gap: 2rem;
  }
  .t-buy-reform{
    padding: 6% 17%;
  }
  .t-buy-reform-container h3{
    margin-bottom: 0.5rem;
    font-size: 1.1rem;
    letter-spacing: 2px;
  }
  .t-buy-reform-img{
    width: 2.5rem;
  }
  /*t-works*/
  .t-works{
    padding: 4.6rem 0 5.9rem 13%;
  }
  .top-work {
    overflow: hidden; 
  }
  .t-works-title{
    text-align: left;
  }
  .reno-step-text{
    font-size: 1.4rem;
  }
  .top-work-tag{
    margin: 2.4rem 0 0;
    letter-spacing: 0.5px;
  }
  .top-work-tag p{
    font-size: 1rem;
  }
  .top-work-tag .top-new{
    width: 5rem;
  }
  .top-work-tag .movie-label{
    width: 6rem;
    gap: 0;
  }
  .splide{
    visibility: visible;
  }
  .t-works .splide__slide:nth-child(n+4) {
    display: block;
  }
  .splide__list{
    display: flex;
    height: initial;
  }
  #reno-thumbs2 .splide__list{
    gap: 1rem;
  }
  .top-work-tag p {
    font-size: 1.2rem;
  }
  /*t-reason*/
  .t-reason{
    padding: 14rem 14% 17rem;
    margin: initial;
  }
  .t-reason-inner{
    display: flex;
    align-items: center;
    gap: 6rem;
  }
  .t-reason-bar{
    flex: 1;
    margin: initial;
    display: block;
    transition-duration: .5s;
  }
  .t-reason-inner a {
    display: inline-block;
    overflow: hidden;
    width: 61%;
  }
  .t-reason-title h2{
    margin: 0.9rem 0 5%;
  }
  .t-reason-detail h3 {
    font-size: 1.3rem;
  }
  .t-reason-detail h4{
    padding: 0 0 1.5rem;
    font-size: 1rem;
  }
  .t-reason-detail p{
    padding: 3.5rem 0 4rem;
    font-size: 1rem;
    line-height: 2;
    letter-spacing: 1px;
  }
  .t-reason-detail a{
    width: 73%;
    padding: 2rem 0;
    overflow: visible;
    font-size: 1.2rem;
  }
  /*t-support*/
  .t-supports{
    display: flex;
    justify-content: space-between;
    gap: 4rem;
  }
  .t-support{
    padding: 3.7rem 13% 5.9rem;
  }
  .t-support-card{
    display: initial;
    text-align: center;
    overflow: hidden;
  }
  .t-support-img.t-sp{
    display: none;
  }
  .t-support-img.t-tab {
    display: inline-block;
    overflow: hidden;
    width: 100%;
  }
  .t-support-img.t-tab img {
    display: block;
    transition-duration: .5s;
    width: 100%;
    transition: transform 0.4s ease;
  }
  a:hover .t-support-img.t-tab img {
    transform: scale(1.1);
    transition: transform 0.4s ease;
  }
  .t-support-img.t-tab{
    width: initial;
  }
  .t-support-text{
    padding: 4rem 0 5rem;
    background-color: #ffffff;
  }
  .t-support-text p{
    margin: 0 0 1.2rem;
    font-size: 1.4rem;
  }
  .t-support-title h2{
    margin: 1.5rem 0 5rem;
  }
  /*t-REINFORCE*/
  .t-REINFORCE{
    padding: 4.2rem 7rem 5.3rem;
  }
  .t-REINFORCE-inner{
    display: flex;
    gap: 5rem;
  }
  .t-REINFORCE-bar{
    width: 50%;
  }
  /*top-shop-contact*/
  .top-shop-contact{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
  }
  .top-shop{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    flex: 1;
    height: 16rem;
    width: 50%;
    margin: initial;
  }
  .top-contact{
    flex: 1;
    height: 16rem;
    width: 50%;
  }
  .top-contact-icon{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 3rem;
    transition: opacity 0.3s ease-in-out;
  }
  .top-shop h4, .top-contact h4{
    opacity: 0.7;
  }
  .top-shop{
    transition: opacity 0.3s ease-in-out;
  }
  .top-contact-icon a:hover div,.top-shop:hover {
    opacity: 0.8;
  }
  .top-line{
    padding: 1.1rem 2.5rem;
    margin-bottom: 0;
    gap: 1rem;
    transition: all 0.3s;
  }
  .top-mail{
    gap: 0.7rem;
    padding: 1.3rem 2rem;
    transition: all 0.3s;
  }
  .top-shop h3, .top-contact h3{
    font-size: 1.3rem;
  }
  .top-contact h3{
    margin: 0 0 1.5rem;
  }
  .top-shop p{
    gap: 2.1rem;
    font-size: 0.8rem;
  }
  .top-line img,.top-mail img{
    width: 1.6rem;
  }
  .top-line p, .top-mail p{
    font-size: 1rem;
    white-space: nowrap;
    letter-spacing: 1px; 
  }

  /*tab footer*/
  .ft_pc_scroll_group {
    position: fixed;
    right: 0;
    z-index: 10000;
    bottom: calc(50% - min(50%, 39vh));
    opacity: 0;
    visibility: hidden;
    transition: opacity 1s ease, visibility 1s ease;
  }
  .ft_pc_scroll_group.visible {
    opacity: 1;
    visibility: visible;
  }
  .pick_banner_visit:hover a {
    opacity: 0.7;
    transition: opacity 0.3s ease-in-out;
  }
  .pick_banner_mail:hover a {
    opacity: 0.7;
    transition: opacity 0.3s ease-in-out;
  }
  p.pick_banner_text span {
    display: block;
  }
  .pick_banner_visit,.pick_banner_mail {
    display: block;
    padding:18px 12px;
    color: #fff;
    font-size: 13px;
    text-align: center;
    writing-mode: vertical-rl;
    border: solid 1.4px #252525;
    letter-spacing: 3px;
    font-weight: 400;
  }
  .pick_banner_visit{
    background-color: #FDED62;
    border-radius: 10px 0 0 0;
    color: #252525;
  }
  .pick_banner_mail{
    background-color: #252526;
    border-radius: 0 0 0 10px;
  }
  .ft_sp_contact_img {
    width: 30%;
    margin: 5px auto 5px;
  }
  ul.ft_sp_contact_ul li {
    margin: 8px 0;
  }
  img.LINEsodan_icon_sp_size.ewww_webp_loaded {
    width: 98%;
  }
  .area404 .textArea {
    text-align: center;
    margin: 12rem 0 9rem;
  }

  .area404 .textArea .pageTitle h1 {
    font-size: 2.9rem;
    font-weight: 600;
    color: #930b0b;
    padding-bottom: 5rem;
    letter-spacing: 1.8px;
    line-height: 30px;
  }

  .area404 .textArea .pageTitle {
    padding: 0px 12%;
  }

  .area404 .textArea .pageTitle p {
    font-size: 1.4rem;
    font-weight: 500;
    padding-bottom: 5rem;
    line-height: 27px;
    letter-spacing: 1.9px;
    font-feature-settings: "palt";
  }

  .area404 .textArea .top_button {
    width: 250px;
    margin: 0 auto;
    font-size: 1.3rem;
  }

  .faq_button {
    margin-bottom: 2rem;
  }

  .area404 .linkArea {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }

  .Construction_examplepage_button,
  .reform_cost_button,
  .faq_button {
    width: 31%;
    max-width: 250px;
  }

  .Construction_examplepage_button a,
  .reform_cost_button a,
  .faq_button a {

    font-size: 1.3rem;
  }

  .area404 .linkArea {
    padding: 5rem 7% 5rem;
  }

  .top_button_space {
    margin-left: 0;
  }

  .linkrrow {
    right: 16px;
    border-right: solid 1.5px #000;
    border-top: solid 1.5px #000;
  }
}


/*---------------pc header---------------*/
@media screen and (min-width:1200px){

  header{
    display: flex;
    align-items: center;
    padding: 0;
    height: 8rem;
  }
  .header-pc{
    display: block;
  }
  .header.fade-scroll a.reform-logo{
    width: 15rem;
    margin-right: auto;
  }
  #header-hamburger,.hamburger_sns_wrapper,.hamburger_contact {
    display: none;
  }
  .header-inner,.hamburger-window__link:nth-of-type(4),.hamburger-window__link:nth-of-type(7),.pinterest_icon,.youtube_icon{
    display: none;
  }
  .header-inner{
    opacity: 1;
  }
  .ft_sns_wrapper .hg_menu_item{
    transition: opacity 0.2s;
  }
  .ft_sns_wrapper .hg_menu_item:hover{
    opacity: 0.8;
  }

  header.fade-scroll {
    position: fixed;
    width: 100%;
    transition: top 0.5s ease, background 0.3s ease;
    background: transparent;
    z-index: 10; 
    box-shadow: none;
  }

  header.fade-scroll.visible {
    top: 0;
    position: fixed;
    background: #fff;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.07);
  }
  header.fade-scroll.visible p{
    color: #000;
  }
  header.fade-scroll.visible .accordion-menu-wrapper.header-pc{
    background-color: #252525;
  }
  header.fade-scroll.visible .accordion-menu-wrapper.header-pc p{
    color: #fff;
  }
  .accordion-menu-wrapper.header-pc div{
    width: 2rem;
    display: flex;
    margin: 4px 0 0;
  }
  .icon-wrapper {
    position: relative;
    width: 20px;
    height: 20px;
  }
  .icon {
    position: absolute;
    inset: 0;
    transition: opacity .3s ease;
  }
  .icon.inverted {
    opacity: 0;
  }
  .fade-scroll.visible .icon.normal {
    opacity: 0;
  }
  .fade-scroll.visible .icon.inverted {
    opacity: 1;
  }
  #hamburger-window{
    visibility: visible;
    opacity: 1;
    top: 0;
    height: initial;
    overflow: visible;
  }
  #hamburger-window .hamburger-inner{
    position: static;
    visibility: visible;
    height: auto;
    overflow: visible;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-left: 2.5%;
    padding-top: initial;
    opacity: 1;
  justify-content: flex-end;
  }
  .hamburger-window__nav-list {
    display: flex;
    gap: 0;
    justify-content: flex-end;
    align-items: center;
    flex-direction: row;
    background: none;
    width: 100%;
    margin-right: 3rem;
    white-space: nowrap;
  }
  .hamburger-window__link {
    margin: 0 15px;
    width: auto;
    position: relative;
    border: none;
  }
  .hamburger-window__link > a{
    padding-left: 0;
  }
  .line_icon:hover p{
    transition: 0.3s ease;
    color: #930B0B;
  }
  .hamburger-window__link p {
    color: #fff;
    position: relative;
    display: inline-block;
    width: initial;
    padding-top: 3.2rem;
    padding-bottom: 3.6rem;
    font-size: 1.2rem;
    font-weight: 400;
  }
  .hamburger-window__link p::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 24px;
    width: 100%;
    height: 0.5px;
    background: currentColor;
    transform: scaleX(0);
    transform-origin: left center;
    transition: transform 0.3s ease;
  }
  .hamburger-window__link:hover p::after {
    transform: scaleX(1);
  }
  .hamburger-window__link:hover:nth-of-type(4){
    color: initial;
    transition: 0.3s ease;
  }
  .hamburger-window__link:nth-child(6) p::after {
      content: none;
  }
  .accordion-menu-wrapper {
    position: relative;
  }
  .accordion {
    position: absolute;
    top: 90%;
    left: 0;
    width: initial; 
    background-color: rgb(255 255 255 / 50%);
    display: none;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    z-index: 10;
    opacity: 1;
    transition: max-height 0.3s ease-out;
    border: 1px solid #fff;
  }
  header.fade-scroll.visible .accordion{
    background: #fff;
  }
  .accordion-btn.is-open + .accordion {
    display: block;
    top: 77%;
    border-radius: 6px;
  }
  .accordion.is-open>.accordion__item{
    border-top: initial;
  }
  .accordion-btn::after{
    position: initial;
    content: "";
    display: inline-block;
    vertical-align: middle;
    color: #fff;
    line-height: 1;
    width: 9px;
    height: 6px;
    margin-left: 0.5rem;
    border: 1.5px solid currentColor;
    border-left: 0;
    border-bottom: 0;
    box-sizing: border-box;
    transform: translateY(-30%) rotate(135deg);
    transition: transform 0.3s ease-in-out;
    background-image: initial;
  }
  header.fade-scroll.visible .accordion-btn::after,header.fade-scroll.visible .accordion-btn.is-open::after {
    color: #252525;
  }
  .accordion-btn.is-open::after{
    content: "";
    display: inline-block;
    position: initial;
    vertical-align: middle;
    color: #fff;
    line-height: 1;
    border: 1.5px solid currentColor;
    border-left: 0;
    border-bottom: 0;
    box-sizing: border-box;
    transform: translateY(12%) rotate(-45deg);
    background-color: initial;
    background-image: initial;
    font-size: initial;
    transition: transform 0.3s ease-in-out;
  }
  .accordion-btn.is-open{
    background-color: initial;
  }
  .accordion.is-open .accordion__item .accordion__link{
    padding: 1rem 1rem 1rem 2.5rem;
    width: 14rem;
    font-size: 1.2rem;
    color: #222;
    font-weight: 500;
    letter-spacing: 0.8px;
  }
  header.fade-scroll.visible .accordion.is-open .accordion__item .accordion__link{
    color: #000;
  }
  .accordion .accordion__item .accordion__link{
    position: relative;
  }
  .accordion__link::before {
    position: absolute;
    content: "";
    top: 52%;
    left: 1rem;
    margin-top: -3px;
    width: 3px;
    height: 9px;
    background: #222;
    border-radius: 50%;
    pointer-events: none;
    opacity: 0;
    transform: translateX(-15px) scale(1.5, .5);
    transition: opacity .3s cubic-bezier(.39, .575, .565, 1), transform .3s linear;
  }
  header.fade-scroll.visible .accordion__link::before{
    background: #222;
  }
  .accordion__link:hover::before {
    opacity: 1;
    transform: translateX(0) scale(1.5, .5);
  }
  .accordion__item:hover .accordion__link{
    color: #930B0B;
  }
  .hamburger_sns_wrapper{
    padding: initial;
  }
  .safari .accordion-btn::after {
    width: 8px;
    height: 8px;
  }  
  .header-pc .hamburger-window__title{
    color: #fff;
    font-size: 1.2rem;
    white-space: nowrap;
  }
  .accordion-menu-wrapper.header-pc {
    background-color: #fff;
    height: 100%;
    padding: 0 2.6rem;
    margin-left: 1rem;
    width: initial;
    color: #252525;
    font-size: 1.2rem;
    white-space: nowrap;
    display: flex;
    gap: 0.6rem;
    position: relative;
    align-items: center;
    margin: 0 2.5% 0 0;
    border-radius: 50px;
    line-height: 3.6;
  }
  .accordion-menu-wrapper.header-pc:hover {
    opacity: 0.7;
    transition: opacity 0.3s ease;
  }
  header.fade-scroll .visible{
    display: none;
  }
  header.fade-scroll.visible .visible{
    display: block;
  }
  .header-pc .accordion-btn{
    padding: 0 1rem;
  }
  .header-pc .accordion-btn::after{
    content: none;
  }
  .accordion-btn:first-of-type:hover{
    background-color: initial;
    opacity: 0.7;
    transition: background-color 0.3s ease;
  }
  .accordion-btn:last-of-type:hover{
    background-color: initial;
    opacity: 1;
    transition: background-color 0.3s ease;
  }
  .header-pc .accordion{
    width: initial;
  }
  .hamburger_sns_wrapper .menuSub .menuSub__item {
    border-bottom: initial;
    border-top-left-radius: initial;
    border-top-right-radius: initial;
  }
  
  .hamburger_sns_wrapper .menuSub .menuSub__item:nth-child(2) {
    border-bottom-left-radius: initial;
    border-bottom-right-radius: initial;
  }
  .hd_tell a{
    width: 80%;
    pointer-events: none;
  }
  .accordion__item:last-of-type:hover{
    opacity: 1;
  }
  .tell a:hover{
    color: #F2F2F2;
    background: #4D4D4D;
    transition: background-color 0.3s ease, color 0.3s ease;
  }
  .menuSub__item{
    font-size: 1.2rem;
  }
  .menuSub__item a{
    position: relative;
    padding: 1rem;
    padding-left: 2.5rem;
  }
  .menuSub__item a:hover,.ft__menuSub__item a:hover{
    color: #930B0B;
  }
  
  .menuSub__item a::before {
    position: absolute;
    content: "";
    top: 52%;
    left: 1rem;
    margin-top: -3px;
    width: 3px;
    height: 9px;
    background: #930B0B;
    border-radius: 50%;
    pointer-events: none;
    opacity: 0;
    transform: translateX(-24px) scale(1.5, .5); 
    transition: opacity .3s cubic-bezier(.39, .575, .565, 1), transform .3s linear;
  }
  
  .menuSub__item a:hover::before {
    opacity: 1;
    transform: translateX(0) scale(1.5, .5);
  }
  .menuSub.hg{
    background-color: initial;
  }
  .hamburger_sns_wrapper .hd_pc .menuSub__item{
    border: 1.5px solid #222;
  }
  .hg_menu_item{
    margin-right: 2rem;
    width: 25px;
  }
  .dropDown .hd_pc .menuSub__item .dropDown__link{
    padding: 1rem 2.5rem;
    box-shadow: 0 4px 20px rgba(40, 40, 40, 0.12);
    white-space: nowrap;
  }
  .hd_pc .menuSub__item a{
    text-align: center;
  }
  .menuSub.dropDown__list1.hg.active{
    border-radius: 6px;
    background-color: #fffffff2;
    box-shadow: 0 4px 20px rgba(40, 40, 40, 0.12);
  }
  .menuSub.dropDown__list1.hg.hd_pc .menuSub__item.dropDown__item{
     width: 124px;
  }

  /*---------------pc index---------------*/
  /*t-top*/
  .t-top-container{
    position: relative;
  }
  .page_header_area{
    padding: 8rem 0 0;
  }
  .bxslider_top li{
    background-size: cover;
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: center top;
    width: 100vw;
    height: 50vw;
    aspect-ratio: 16 / 9;
  }
  .bx-viewport{
    height: auto !important;
  }
  .bxslider_top {
    height: 50vw;
  }
  .bx-wrapper .bx-pager.bx-default-pager a{
    width: 6px;
    height: 7px;
  }
  h1 {
    font-size: 6.9rem;
  }
  .top_img_textarea h2{
    font-size: 1.7rem;
    letter-spacing: 1.5px;
  }
  .t-top {
    position: initial;
  }
  /*t-news*/
  .t-news-container{
    padding: 8rem 0 10rem;
  }
  .t-news-unit{
    max-width: 924px;
  }
  .t-news-events{
    width: 70%;
  }
  .t-news-event{
    font-size: 1.4rem;
  }
  .t-news-btn a{
    margin: 5.4rem auto 0;
  }
  .t-info:hover p {
    color: #930B0B;
    transition: 0.3s ease;
  }
  .t-info{
    padding: 2.7rem 2%;
    font-size: 1.4rem;
  }
  .t-news-title{
    font-size: 1.8rem;
  }
  .t-news-title h3{
    letter-spacing: 1px;
    font-size: 1.9rem;
  }
  .t-news-title p{
    margin: 0 0 0.5rem;
    font-weight: 500;
  }

  /*event*/
  .t-events-title p{
    font-size: 2rem;
  }
  .t-event-card{
    font-size: 1.4rem;
  }
  .t-events-container .splide__arrow--next {
    right: 2%;
  }
  .t-event-thumb{
    overflow: hidden;
  }
  #top-events-slider-track .splide__slide:hover .t-event-thumb img {
    transform: scale(1.1);
  }

  /*t-lead*/
  .t-lead {
    padding: 10rem 0;
  }
  .t-lead-banner-link{
    margin: 0 auto 11rem;
    max-width: 80rem;
  }
  .t-lead h2{
    margin: 0 0 5.6rem;
    font-size: 4rem;
  }
  .t-lead h3{
    font-size: 2.2rem;
    font-weight: 500;
    letter-spacing: 1.5px;
  }
  .t-lead p {
    font-size: 1.7rem;
    line-height: 3;
    font-weight: 500;
    margin-top: 4rem;
    letter-spacing: 1px;
  }

  /*t-buy-reform*/
  .t-buy-reform-container{
    padding: 2% 4%;
    height: 16rem;
  }
  .t-buy-reform-container h3{
    font-size: 1.8rem;
  }
  .t-buy-reform-img {
    width: 4rem;
  }
  /*t-works*/
  .t-works {
    padding: 12rem 0 15.8rem 18.6rem;
  }
  .top-work-tag{
    column-gap: 1.7rem;
    font-size: 1.2rem;
  }
  .top-work-tag .top-new{
    width: 7.6rem;
  }
  .top-work-tag .movie-label{
    width: 7.6rem;
    gap: 5px;
  }
  .splide__slide:hover .top-work img {
    transform: scale(1.1);
  }
  .works_a__list a:hover .movie-icon{
    scale: 1;
  }
  .t-works .splide__slide::before{
    width: 7.7rem;
    height: 2.5rem;
    font-size: 1.2rem;
  }
  .t-events-title h3, .t-works-title h2, .t-reason-title h2, .t-support-title h2, .t-REINFORCE-title h2,.t-buy-reform h2{
    font-size: 2.5rem;
    font-weight: 500;
  }
  .t-works-title h2{
    margin: 0.9rem 0 2rem;
  }
  .t-works-btn a{
    width: 29.2rem;
    margin-top: 5rem;
    padding: 2.5rem 0;
    transform: translateX(-40%);
  }
  .t-works-btn a::before,.t-works-btn a::after{
    right: -2rem;
  }
  .t-works-btn a::before{
    width: 7.2rem;
  }
  .t-works-btn a::after{
    top: 46%;
  }
  .t-works-btn a:hover::before{
    right: -5rem;
  }
  .t-works-btn a:hover::after{
    right: -5rem;
  }
  .t-works .splide__slide.is-pickup::before{
    width: 7.7rem;
    height: 2.5rem;
    font-size: 1.2rem;
  }
  .splide__arrow{
    top: -4%;
    z-index: 0;
  }
  .splide__arrows.splide__arrows--ltr{
    display: block;
  }
  .t-events-container .splide__arrows.splide__arrows--ltr{
    display: none;
  }
  .splide__arrows.splide__arrows--ltr .splide__arrow {
    background: none;
    background-size: cover;
    background-repeat: no-repeat;
  }
  .splide__arrows.splide__arrows--ltr .splide__arrow--prev {
    background-image: url(/casa-reform/wp-content/themes/blankslate-child/asset/top_mark_arrow_black_left.png);
    transition: 0.5s;
  }
  .splide__arrows.splide__arrows--ltr .splide__arrow--prev:hover{
    background-image: url(/casa-reform/wp-content/themes/blankslate-child/asset/top_mark_arrow_hover_left.png);
    transition: 0.5s;
  }
  .splide__arrows.splide__arrows--ltr .splide__arrow--next {
    background-image: url(/casa-reform/wp-content/themes/blankslate-child/asset/top_mark_arrow_black_right.png);
    transition: 0.5s;
  }
  .splide__arrows.splide__arrows--ltr .splide__arrow--next:hover{
    background-image: url(/casa-reform/wp-content/themes/blankslate-child/asset/top_mark_arrow_hover_right.png);
    transition: 0.5s;
  }
  .splide__arrows.splide__arrows--ltr .splide__arrow--prev:disabled {
    background-image: url(/casa-reform/wp-content/themes/blankslate-child/asset/top_mark_arrow_black_left.png) !important;
    transition: 0.5s;
  }
  .splide__arrows.splide__arrows--ltr .splide__arrow--next:disabled {
    background-image: url(/casa-reform/wp-content/themes/blankslate-child/asset/top_mark_arrow_black_right.png) !important;
    transition: 0.5s;
  }
  .splide__arrows.splide__arrows--ltr .splide__arrow svg {
    display: none;
  }
  .splide__arrow--prev {
    left: 75%;
  }
  .splide__arrow--next {
    right: 14%;
  }
  .splide__arrow {
    height: 5.4rem;
    width: 5.4rem;
  }
  /*t-reason*/
  .t-reason-detail h4{
    font-size: 1.7rem;
  }
  .t-reason-detail h3{
    font-size: 2.3rem;
  }
  .t-reason-title h2 {
    margin: 1.5rem 0 7rem;
  }
  .t-reason-detail p{
    padding: 3.5rem 0 5rem;
    font-size: 1.7rem;
    line-height: 2.5;
  }
  .t-reason-detail a{
    margin: initial;
  }
  .t-reason-detail a::before{
    right: -9%;
    width: 7.2rem;
  }
  .t-reason-detail a::after{
    right: -9%;
  }
  .t-reason-detail a:hover::before {
    right: -5rem;
  }
  
  .t-reason-detail a:hover::after {
    right: -5rem;
  }
  /*t-support*/
  .t-support {
    padding: 14rem 14% 17rem;
  }
  .t-support-title{
    margin: 0 0 7rem;
  }
  .t-supports{
    gap: 9rem;
  }
  /*t-REINFORCE*/
  .t-REINFORCE {
    padding: 14rem 14% 17rem;
  }
  /*top-shop-contact*/
  .top-shop{
    height: 20rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .top-shop p{
    font-size: 1.1rem;
    line-height: 2.5;
  }
  .top-contact{
    height: 20rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: column;
  }
  .top-shop h3, .top-contact h3 {
    font-size: 1.6rem;
  }
  .top-contact h3{
    margin: 0 0 3.5rem;
  }
  .top-line{
    margin-bottom: 0;
    gap: 1rem;
    transition: all 0.3s;
  }
  .top-mail{
    gap: 0.7rem;
    padding: 1.5rem 2rem;
    transition: all 0.3s;
  }
  .top-line img,.top-mail img{
    width: 1.6rem;
  }
  .top-line p, .top-mail p{
    font-size: 1rem;
    white-space: nowrap;
    letter-spacing: 1px; 
  }
  .top-line img, .top-mail img{
    width: 2.8rem;
  }
  .top-line p, .top-mail p{
    font-size: 1.5rem
  }
  .t-support-text h3{
    font-size: 1.9rem;
    font-weight: 500;
  }

  /*---------------pc footer---------------*/

  /*-------pc footer 追従-------*/
  .pick_banner_visit, .pick_banner_mail{
    padding: 28px 10px;
    font-size: 16px;
    letter-spacing: 4.5px;
    font-weight: 500;
  }
  .pick_banner_visit:hover,.pick_banner_mail:hover{
    opacity: 0.7;
    transition: opacity 0.3s ease-in-out;
  }
  /*-------pc footer 本体-------*/
  footer{
    width: 100%;
    padding: 6rem 12% 5.5rem;
  }
  .ft_wrapper{
    display: flex;
    flex-direction: row-reverse;
    justify-content: center;
    white-space: nowrap;
    max-width: 1366px;
    margin: 0 auto;
  }
  .ft_list,.ft_link a{
    width: 82%;
  }
  .ft_link > a,.ft_accordion_btn{
    padding-top: 24px;
    padding-bottom: 24px;
  }
  .ft_link,.ft_link:last-of-type{
    border: none;
  }
  .ft_list{
    display: flex;
    justify-content: flex-end;
    column-gap: 12rem;
    padding-bottom: 7rem;
    border-bottom: none;
  }
  .ft_link > a,.ft_accordion_btn.is-visible,.ft_accordion.is-visible>.ft_accordion_item>.ft_accordion_link{
    font-size: 1.4rem;
    font-weight: 500;
  }
  .ft_section{
    display: flex;
    flex-direction: column;
  }
  .ft_link{
    align-items: initial;
    margin: 0;
  }
  .ft_link:hover{
    opacity: 0.7;
    transition: 0.3s ease;
  }
  .ft_section:nth-of-type(2) .ft_link:last-of-type:hover{
    opacity: 1;
    transition: 0.3s ease;
  }
  .ft_accordion>.ft_accordion_item>.ft_accordion_link{
    opacity: 1;
    visibility: visible;
    display: initial;
    padding-top: initial; 
    padding-bottom: initial; 
    transition: none;
    color: #939393;
  }
  .ft_accordion.is-visible>.ft_accordion_item>.ft_accordion_link::before{
    content: '―';
    display: inline-block;
    font-size: 1rem;
    color: #939393;
    font-weight: 800;
    margin-right: 0.5rem;
  }
  .ft_accordion.is-visible>.ft_accordion_item{
    background-image: none;
  }
  .ft_accordion_wrapper.ft_pc > .ft_accordion_btn.is-visible > .ft_accordion{
    display: block;
  }
  .ft_sp,.ft_ext-link,.ft_title,.ft_accordion_btn.is-visible::after,.ft_accordion_btn::after {
    display: none;
  }
  .ft_sns_wrapper{
    padding-top: 2.6rem;
  }
  .ft_pc,.ft_sns_wrapper .pinterest_icon, .ft_sns_wrapper .youtube_icon {
    display: block;
  }
  .ft_accordion_btn.is-visible{
    background-color: initial;
  }
  .ft_accordion{
    transition: none;
    max-height: initial;
  }
  .ft_accordion.is-visible{
    overflow: visible;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 50%;
  }
  .ft_accordion>.ft_accordion_item{
    position: initial; 
    text-align: initial; 
    border-top: none; 
    line-height: initial; 
    transition: initial;    
  }
  .ft_accordion>.ft_accordion_item>.ft_accordion_link:hover{
    color: #FFFFFF;
    transition: color 0.5s ease;
  }
  .ft_logo{
    width: 13rem;
    margin: initial;
  }
  .ft_mark p{
    text-align: left;
    margin: 1.4rem 0 0;
    line-height: 1.6;
    font-size: 0.9rem;
  }
  .ft_sns_wrapper .hg_menu_item{
    width: 2.6rem;
  }
  .ft_sns_wrapper .hg_menu_item {
    margin-right: 1.6rem;
  }
  .ft_btm{
    display: flex;
    justify-content: space-between;
    border-top: 1px solid #939393;
    padding-top: 3rem;
    max-width: 1366px;
    margin: 0 auto;
  }
  .ft_ext-link{
    padding: initial;
  }
  .ft_ext-link.ft_pc{
    display: flex;
    gap: 4rem;
  }
  .ft_ext-link a{
    width: initial;
    font-size: 1.3rem;
  }
  .ft_ext-link a:last-of-type{
    margin-left: -1rem;
  }
  .ft_ext-link a:hover{
    opacity: 0.7;
    transition: 0.3s ease;
  }
  .ft_btm p{
    margin: initial;
    color: #939393;
  }
  .ft_ext-link a:nth-of-type(4)::after,.ft_ext-link a:last-of-type::after{
    display: none;
  }
  .ft_ext-link a::after{
    margin-top: 2px;
  }
  .ft__menuSub.hg {
    top: 140%;
  }
  .ft__menuSub__item{
    border-bottom: initial;
  }
  .ft__menuSub__item a {
    position: relative;
    padding: 1rem;
    padding-left: 2.5rem;
    font-size: 1.3rem;
  }
  .ft__menuSub__item a::before {
    position: absolute;
    content: "";
    top: 52%;
    left: 1rem;
    margin-top: -3px;
    width: 3px;
    height: 9px;
    background: #930B0B;
    border-radius: 50%;
    pointer-events: none;
    opacity: 0;
    transform: translateX(-24px) scale(1.5, .5);
    transition: opacity .3s cubic-bezier(.39, .575, .565, 1), transform .3s linear;
  }
  .ft__menuSub__item a:hover::before {
    opacity: 1;
    transform: translateX(0) scale(1.5, .5);
  }
  .ft__menuSub .ft__menuSub__item.line{
    border: initial;
    width: initial;
  }
  .ft__menuSub.ft__dropDown__list1.hg.hd_pc {
    display: none;
  }
  .ft__menuSub.ft__dropDown__list1.hg.hd_pc.active {
    display: block;
  }
  .hd_pc .ft__menuSub__item a{
    padding-left: 2.5rem;
    text-align: center;
  }
  .ft__menuSub.ft__dropDown__list1.hg{
    border-radius: 6px;
  }
  .ft__menuSub.dropDown__list1.hg.hd_pc{
    border-radius: 6px;
    background-color: #252525;
  }

  /*404*/
    .area404 .textArea .pageTitle h1 {
    font-size: 2.9rem;
  }

  .area404 .textArea .pageTitle p {
    font-size: 1.4rem
  }

  .area404 .linkArea {
    padding: 4rem 11% 8rem;
  }

  .area404 .textArea .top_button a::before {
    right: -9%;
    width: 7.2rem;
    height: 1.4px;
  }

  .area404 .textArea .top_button a:hover::before {
    right: -5rem;
  }

  .area404 .textArea .top_button a:hover::after {
    right: -5rem;
  }

  .Construction_examplepage_button a:hover,
  .reform_cost_button a:hover,
  .faq_button a:hover {
    background-color: #000;
    color: #fff;
    transition: 0.5s;
  }

  .Construction_examplepage_button a:hover .linkrrow,
  .reform_cost_button a:hover .linkrrow,
  .faq_button a:hover .linkrrow {
    border-right: solid 1.5px #fff;
    border-top: solid 1.5px #fff;
  }
}

/* ----------------------------- PC 1124px CSS ----------------------------- */
@media screen and (min-width: 1124px) {
  .area404 .linkArea {
    padding: 4rem 14% 8rem;
  }
}

/*pc 1200px*/
@media screen and (min-width:1200px){
  .splide__arrow--prev {
    left: 74%;
  }
  .splide__arrow{
    top: -8%;
}
  }

/* ----------------------------- PC 1224px CSS ----------------------------- */
@media screen and (min-width: 1224px) {
  .area404 .linkArea {
    padding: 4rem 17% 8rem;
  }
}


/*pc 1300px*/
@media screen and (min-width:1300px){
  #header-hamburger {
    display: none;
  }
  .header-inner,
  .hamburger-window__link:nth-of-type(4),
  .hamburger-window__link:nth-of-type(7),
  .pinterest_icon,
  .youtube_icon{
    display: none;
  }
  .instagram_icon,
  .line_icon,
  .pinterest_icon,
  .youtube_icon {
    transition: opacity 0.2s;
  }
  .instagram_icon:hover,
  .line_icon:hover,
  .pinterest_icon:hover,
  .youtube_icon:hover {
    opacity: 0.8;
  }
  .hamburger-window__nav-list {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    width: 100%;
    margin-right: 3rem;
    white-space: nowrap;
  }
  .hamburger-window__link {
    margin: 0 15px;
    width: auto;
    position: relative;
    border: none;
  }
  .hamburger-window__link:last-of-type{
    border-bottom: initial;
  }
  .hamburger-window__link > a{
    padding-left: 0;
  }
  .accordion-menu-wrapper {
    position: relative;
  }
  .accordion.is-open > .accordion__item{
    border-top: initial;
  }
  .hamburger-window__link p{
    width: initial;
    padding-top: 3.2rem;
    padding-bottom: 3.6rem;
  }
  .accordion-btn.is-open{
    background-color: initial;
  }
  .accordion.is-open .accordion__item .accordion__link{
    padding: 1rem 1rem 1rem 2.5rem;
    width: 16rem;
  }
  .accordion .accordion__item .accordion__link{
    position: relative;
  }
  .hamburger_sns_wrapper{
    padding: initial;
  }
  .safari .accordion-btn::after {
    width: 8px;
    height: 8px;
  }
  .header-pc .hamburger-window__title{
    color: #fff;
    font-size: 1.2rem;
    white-space: nowrap;
  }
  .header-pc .accordion-btn{
    padding: 0 1rem;
  }
  .header-pc .accordion-btn::after{
    content: none;
  }
  .accordion-btn:first-of-type:hover{
    background-color: initial;
    opacity: 0.7;
    transition: background-color 0.3s ease;
  }
  .accordion-btn:last-of-type:hover{
    background-color: initial;
    opacity: 1;
    transition: background-color 0.3s ease;
  }
  .header-pc .accordion{
    width: initial;
  }
  .hamburger_sns_wrapper .menuSub .menuSub__item {
    border-bottom: initial;
    border-top-left-radius: initial;
    border-top-right-radius: initial;
  }
  .hamburger_sns_wrapper .menuSub .menuSub__item:nth-child(2) {
    border-bottom-left-radius: initial;
    border-bottom-right-radius: initial;
  }
  .hd_tell a{
    width: 80%;
    pointer-events: none;
  }
  .accordion__item:last-of-type:hover{
    opacity: 1;
  }
  .tell a:hover{
    color: #F2F2F2;
    background: #4D4D4D;
    transition: background-color 0.3s ease, color 0.3s ease;
  }

  .menuSub__item{
    font-size: 1.2rem;
  }
  .menuSub__item a{
    position: relative;
    padding: 1rem 1rem 1rem 2.5rem;
  }
  .menuSub__item a:hover,
  .ft__menuSub__item a:hover{
    color: #930B0B;
  }
  .menuSub__item a::before {
    content: "";
    position: absolute;
    top: 52%;
    left: 1rem;
    margin-top: -3px;
    width: 3px;
    height: 9px;
    background: #930B0B;
    border-radius: 50%;
    pointer-events: none;
    opacity: 0;
    transform: translateX(-24px) scale(1.5, .5);
    transition: opacity .3s cubic-bezier(.39, .575, .565, 1), transform .3s linear;
  }
  .menuSub__item a:hover::before {
    opacity: 1;
    transform: translateX(0) scale(1.5, .5);
  }
  .menuSub.hg{
    background-color: initial;
  }
  .hamburger_sns_wrapper .hd_pc .menuSub__item{
    border: 1.5px solid #222;
  }
  .hg_menu_item{
    margin-right: 2rem;
    width: 25px;
  }
  .dropDown .hd_pc .menuSub__item .dropDown__link{
    padding: 1rem 2.5rem;
    box-shadow: 0 4px 20px rgba(40, 40, 40, 0.12);
    white-space: nowrap;
  }
  .hd_pc .menuSub__item a{
    text-align: center;
  }
  .menuSub.dropDown__list1.hg.active{
    border-radius: 6px;
    background-color: #fffffff2;
    box-shadow: 0 4px 20px rgba(40, 40, 40, 0.12);
  }
  .menuSub.dropDown__list1.hg.hd_pc .menuSub__item.dropDown__item{
    width: 124px;
  }
  .t-works-title p,
  .t-reason-title p,
  .t-support-title p,
  .t-REINFORCE-title p,
  .top-shop h4,
  .top-contact h4,
  .t-buy-reform p {
    font-size: 2rem;
  }
  .top-shop h3,
  .top-contact h3 {
    margin: 0 0 3.5rem;
    font-size: 2.5rem;
  }
  .top-shop p {
    gap: 2.1rem;
    line-height: 2.2;
    font-size: 1.7rem;
  }
  .top-contact h3 {
    margin: 0 0 4rem;
  }
  .top-mail{
    width: 27rem;
  }
  .top-line {
    width: 27rem;
    margin-bottom: 0;
    gap: 1rem;
    transition: all 0.3s;
  }
  .top-shop,
  .top-contact{
    height: 26rem;
  }
}


/* ----------------------------- PC 1324px CSS ----------------------------- */
@media screen and (min-width: 1324px) {
  .area404 .linkArea {
    padding: 4rem 19% 8rem;
  }
}

/* ----------------------------- PC 1424px CSS ----------------------------- */
@media screen and (min-width: 1424px) {
  .area404 .linkArea {
    padding: 4rem 21% 8rem;
  }
}



/*pc 1500px*/
@media screen and (min-width:1500px){
  .t-lead-banner-link{
    margin: 0 auto 13rem;
    max-width: 80rem;
  }
  .splide__arrow--prev{
    left: 77%;
  }
  .t-top .bx-wrapper{
    height: 70rem;
  }
  .t-works-title p, .t-reason-title p, .t-support-title p, .t-REINFORCE-title p, .top-shop h4, .top-contact h4 {
    font-size: 2rem;
  }
  .top-shop h3, .top-contact h3 {
    margin: 0 0 3.5rem;
    font-size: 2.5rem;
  }
  .top-shop p {
    gap: 2.1rem;
    line-height: 2.2;
    font-size: 1.7rem;
  }
  .top-contact h3 {
    margin: 0 0 3.5rem;
  }
  .top-line {
    width: 27rem;
    padding: 2.2rem 4.1rem;
    margin-bottom: 0;
    gap: 1rem;
    transition: all 0.3s;
  }
  .top-mail{
    padding: 2.2rem 4.1rem;
  }
  .t-news-container{
    gap: 15rem;
  }
}

/* ----------------------------- PC 1536px CSS ----------------------------- */
@media screen and (min-width: 1536px) {
  .area404 .linkArea {
    padding: 4rem 23.4% 8rem;
  }

  .Construction_examplepage_button a,
  .reform_cost_button a,
  .faq_button a {
    background-color: #fff;
    padding: 2rem 2.5rem;
  }
}

/*pc 1700px*/
@media screen and (min-width:1700px){
  .splide__arrow--prev{
    left: 78%;
  }
}

/* ----------------------------- PC 1700px CSS ----------------------------- */
@media screen and (min-width: 1700px) {
  .area404 .linkArea {
    padding: 4rem 29.4% 8rem;
  }
}



/*pc 1800px*/
@media screen and (min-width:1800px){
  .t-reason-container,.t-support-container,.t-REINFORCE-container{
    max-width: 1366px;
    margin: 0 auto;
  }
  .t-support-container{
    max-width: 1000px;
  }
  .t-REINFORCE-bar{
    height: initial;
  }
}

/*pc 2000px*/
@media screen and (min-width:2000px){
  .t-lead-banner-link{
    margin: 0 auto 11rem;
    max-width: 97rem;
  }
  .splide__arrow {
    top: -6%;
  }
  .splide__arrow--prev{
    left: 79%;
  }
}

/*pc 2200px*/

@media screen and (min-width: 2000px) {
  .area404 .textArea{
      margin: 16rem 0 9rem;
  }
  .area404 .linkArea {
      padding: 4rem 32.4% 12rem;
  }
}

/*pc 2300px*/
@media screen and (min-width:2300px){
  .splide__arrow--prev{
    left: 80%;
  }
}

/*pc 2500px*/
@media screen and (min-width:2400px){
  .splide__arrow--prev{
    left: 81%;
  }
}