/*-------------------
Root Style
-------------------*/
:root{
  --font: 'Noto Sans JP', sans-serif;;
  --roman-font: "Heebo", sans-serif;
  --number-font: "Heebo", sans-serif;
  --header-height: 3.75em;
  --margin: 0.25rem;
  --spacing: 0.08em;
  --spacing-narrow: 0.05em;
  --line: 1.875;
  --leading-trim: calc((1em - 1lh) / 2);
  --width-inner: 85%;
}
@media (737px <= width < 1280px) {
  :root{
    --margin: 0.375rem;
    --header-height: 5.5em;
    --width-inner: 90%;
  }
}
@media (1280px <= width) {
  :root{
    --margin: 0.625rem;
    --header-height: 5.5em;
    --width-inner: 80%;
    --max-width: 1600px;
  }
}
:root{
  scroll-padding-top: calc(var(--header-height) + 4em)
}
body{
  color: var(--wp--preset--color--text);
  font-size: clamp(15px, 1.125vw, 20px);/*font-size: clamp(15px, 1.17vw, 22.5px);*/
  font-family: var(--font);
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-feature-settings: "palt";
  -webkit-text-size-adjust: 100%;
  line-height: var(--line);
  letter-spacing: var(--spacing);
}
.wrapper{
  background: var(--wp--preset--color--base);
}
img{
  width: 100%;
  height: auto;
}
a{
  color: currentColor;
  text-decoration: none;
}
li{
  list-style: none;
}
/*-------------------
Reset WP style
-------------------*/
:root :where(.is-layout-flow) > * {
  margin: 0;
}
:root {
  --wp--style--global--content-size: 100%;
  --wp--style--global--wide-size: 1600px;
}
.wp-block-navigation,
.wp-block-navigation__container{
  gap: 0;
}
.wp-block-navigation.is-layout-flex{
  display: block;
}
.wp-block-navigation button{
  display: none;
}
.wp-block-list{
  padding-left: 0;
}
@media (width < 737px) {
  .wp-block-columns{
    display: flex !important;
    flex-direction: column;
  }
}
@media (737px <= width) {
  .wp-block-columns{
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: stretch;
  }
}

/*-------------------
Common Patterns
-------------------*/
.site-header{
  width: 100%;
  height: var(--header-height);
  display: flex;
  justify-content: space-between;
  position: fixed;
  top: 0;
  left: 0;
  z-index: calc(infinity);
  transition: .5s;
}
.site-header.is-hidden{
  position: fixed;
  top: 0;
  left: 0;
  transform: translateY(calc(var(--header-height) * -1 - 100px));
}

.header__left{
  display: flex;
  align-items: center;
  border-bottom-right-radius: 0.5em;
  box-sizing: border-box;
  background-color: var(--wp--preset--color--back);
}
.header__title{
  display: flex;
  align-items: center;
}
.header__title__text{
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.header__catch{
  color: var(--wp--preset--color--text-2);
}
.header__site-name{
  line-height: 1.25;
}
.header__logo img{
  width: 100%;
  height: auto;
}
/*fot SP & Tablet layout*/
@media (width < 1280px) {
  .header__left{
    padding-inline: 0.5em;
    width: 82.5%;
    justify-content: space-between;
  }
  .header__catch{
    font-size: 0.625em;
    color: var(--wp--preset--color--text-2);
  }
  .header__site-name{
    width: 13em;
    line-height: 1.25;
  }
  .header__btn-tel a,
  .header__btn-contact a{
    display: inline-block;
    width: 2.4em;
    height: 2.4em;
    border-radius: 50%;
  }
  .header__btn-tel a{
    margin-left: auto;
    background: var(--wp--preset--color--text) url(../images/icon-tel-white.svg) no-repeat center center;
    background-size: 1.125em auto;
  }
  .header__btn-contact a{
    background: var(--wp--preset--color--accent-2) url(../images/icon-conversation.svg) no-repeat center center;
    background-size: 1.125em auto;
  }
  .header__cv-btn{
    display: none;
  }
  .header__middle__upper{
    display: none;
  }
  .header__middle__nav{
    padding-top: 2.5em;
    padding-inline: 6.25%;
    padding-bottom: 6em;
    width: 100%;
    box-sizing: border-box;
    height: calc(100svh - var(--header-height));
    overflow-y: scroll;
    background: var(--wp--preset--color--back);
    position: absolute;
    top: var(--header-height);
    left: 0;
  }
  .g-nav>li:not(:first-child){
    margin-top: 2em;
  }
  .g-nav>li>a{
    display: block;
    padding-block: 0.25em;
    padding-left: 2.5em;
    border-radius: 0.25em;
    color: var(--wp--preset--color--back);
    background: var(--wp--preset--color--brand) url(../images/icon-leaves-light.svg) no-repeat 1em center;
    background-size: 1em auto;
    font-size: 1.125em;
    font-weight: 600;
    line-height: 2;
  }
  .g-nav>li>ul>li>a{
    display: inline-block;
    padding-block: 0.75em;
    padding-right: 1.5em;
    padding-left: 0.5em;
    width: 100%;
    box-sizing: border-box;
    background: url(../images/icon-arrow-green.svg) no-repeat right 1em center;
    background-size: 1em auto;
  }
  .btn-close{
    margin: 1em auto;
    padding: 0.75em;
    width: 70%;
    border-radius: 3.75em;
    color: var(--wp--preset--color--back);
    background: var(--wp--preset--color--brand);
    text-align: center;
  }
  .btn-close::before{
    content: "×";
    margin-right: 0.25em;
  }
  .header__menu-btn{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 15%;
    border-bottom-left-radius: 0.5em;
    background: var(--wp--preset--color--brand);
  }
  .header__menu-btn span{
    margin-block: 0.2em;
    display: block;
    width: 1.4em;
    height: 2px;
    background: var(--wp--preset--color--back);
    transition: .5s;
  }
  /*drawer motion*/
  .is-layer-fixed{
    position: fixed;
    z-index: -1;
    width: 100%;
    height: 100%;
  }
  .header__middle__nav{
    transform: translateX(-100vw);
    visibility: hidden;
    opacity: 0;
    z-index: -1;
    transition: .5s;
  }
  .site-header.is-open .header__middle__nav{
    transform: translateX(0);
    visibility: visible;
    opacity: 1;
    z-index: 2;
  }
  .site-header.is-open .header__menu-btn span:nth-of-type(1){
    transform: translateY(0.54em) rotate(45deg);
  }
  .site-header.is-open .header__menu-btn span:nth-of-type(2){
    opacity: 0;
  }
  .site-header.is-open .header__menu-btn span:nth-of-type(3){
    transform: translateY(-0.54em) rotate(-45deg);
  }
}
/*fot SP only*/
@media (width < 737px) {
  .header__logo{
    display: none;
  }
  .g-nav>li>ul>li:not(:first-child){
    border-top: var(--wp--preset--color--border-1) 1px solid;
  }
}
/*fot Tablet only*/
@media (737px <= width < 1280px) {
  .header__logo{
    width: 3.125em;
  }
  .g-nav>li:not(:first-child){
    margin-top: 4.5em;
  }
  .g-nav>li>ul{
    display: flex;
    flex-wrap: wrap;
  }
  .g-nav>li>ul>li{
    flex-basis: 50%;
  }
  .g-nav>li>ul>li{
    border-top: 0;
    border-bottom: var(--wp--preset--color--border-1) 1px solid;
  }
  .header__btn-tel{
    display:none
  }
  .header__btn-contact{
    width: 3.125em;
    height: 3.125em;
    border-radius: 50%;
  }
  .header__btn-contact{
    background-size: 1.5em auto;
  }
  .btn-close{
    margin: 3em auto;
    width: 10em;
  }
}
/*fot PC layout*/
@media (1280px <= width) {
  .header__left{
    padding-inline: 1.5em;
    width: 87%;
  }
  .header__title__text{
    margin-left: 0.375em;
  }
  .header__catch{
    font-size: 0.75em;
    color: var(--wp--preset--color--text-2);
  }
  .header__site-name{
    margin-top: 0.25em;
    width: 20em;
  }
  .header__logo{
    width: 2.8125em;
    height: 3.125em;
  }
  .header__logo img{
    width: 100%;
    height: auto;
  }
  .header__middle{
    margin-left: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .header__middle__upper{
    display: flex;
    align-items: center;
  }
  .header__coupon{
    padding-inline: 0.75em;
    border: var(--wp--preset--color--brand) 1px solid;
    border-radius: 0.25em;
    color: var(--wp--preset--color--brand);
    font-weight: 600;
    line-height: 1.5;
    align-content: center;
  }
  .header__tel-number{
    margin-left: 0.5em;
    padding-left: 1em;
    background: url(../images/icon-tel.svg) no-repeat center left;
    background-size: 0.75em auto;
    font-size: 1.875em;
    font-family: var(--number-font);
    font-weight: 700;
    line-height: 1;
  }
  .header__time{
    margin-left: 0.67em;
    font-size: 0.75em;
    line-height: 1.3;
  }
  .header__middle__nav{
    margin-top: 0.375em;
  }
  .header__btn-tel,.header__btn-contact{
    display: none;
  }
  .header__recruit-btn{
    margin-left: auto;
    padding-block: 0.25em;
    padding-left: 1.7em;
    padding-right: 2.7em;
    border-radius: 7em;
    color: var(--wp--preset--color--back);
    background: var(--wp--preset--color--accent-1) url(../images/icon-arrow.svg) no-repeat center right 1em;
    background-size: 1em auto;
    font-size: 0.875em;
    font-weight: 600;
  }
  .header__cv-btn{
    margin-left: auto;
    width: 12%;
    text-align: center;
  }
  .header__cv-btn a{
    display: block;
    padding-top: 2.8em;
    padding-bottom: 1em;
    height: 100%;
    border-bottom-left-radius: 0.5em;
    box-sizing: border-box;
    color: var(--wp--preset--color--back);
    background: var(--wp--preset--color--accent-2) url(../images/icon-conversation.svg) no-repeat center 1em;
    background-size: 1.4em auto;
    font-size: 1.125em;
  }
  ul.g-nav{
    display: flex;
    justify-content: space-between;
  }
  .g-nav>li{
    font-size: 0.875em;
    font-weight: 600;
    cursor: pointer;
  }
  .g-nav>li:not(:first-child){
    margin-left: 1.25rem;
  }
  .g-nav>li>a{
    text-decoration: none;
  }
  .g-nav>li>ul{
    padding: 2.5em 5em;
    border-radius: 0.5em;
    width: 98%;
    box-sizing: border-box;
    background: var(--wp--preset--color--back);
    text-align: center;
    position: absolute;
    top: calc(var(--header-height) + 1.5em);
    left: 50%;
    transform: translateX(-50%);
    visibility: hidden;
    opacity: 0;
    z-index: -1;
    transition: .5s;
  }
  .g-nav>li>ul>li{
    margin-right: 1.75em;
    padding-left: 1.25em;
    display: inline-block;
    background: url(../images/icon-nav.svg) no-repeat left center;
    background-size: 0.5em auto;
    font-size: 0.875em;
  }
  .g-nav>li:hover>ul{
    visibility: visible;
    z-index: 1;
    opacity: 1;
  }
  .header__menu-btn{
    display: none;
  }
  .btn-close{
    display: none;
  }
}

/*BASE LAYOUT*/
.wrapper{
  background: var(--wp--preset--color--base);
}
.page-wrapper{
  padding-top: calc(var(--margin) * 11 + var(--header-height));
  padding-bottom: calc(var(--margin) * 16);
  margin-inline: auto;
  width: var(--width-inner);
  position: relative;
}
.main-area{
  box-sizing: border-box;
}
@media (737px <= width) {
  .page-wrapper{
    display: flex;
    max-width: var(--max-width);
  }
  .main-area{
    padding-right: 5%;
    flex-basis: 75%;
    box-sizing: border-box;
  }
  .side-bar{
    flex-basis: 25%;
  }
}

/*heading*/
main .page-category,
main h1.page-title{
  color: var(--wp--preset--color--text);
  font-size: 1.75em;
  font-weight: 800;
  line-height: 1.2;
  counter-reset: main-h2;
}
main h1.page-title{
  margin-bottom: calc(var(--margin) * 4);
}
h1.article-title{
  margin-top: calc(var(--margin) * 4);
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  padding-block: 1.25em;
  padding-left: 2em;
  display: block;
  width: 100%;
  box-sizing: border-box;
  color: var(--wp--preset--color--brand);
  border-image: linear-gradient(to right, var(--wp--preset--color--accent-1) 7%, var(--wp--preset--color--brand-2) 7%) 1;
  background: url(../images/icon-leaves.svg) no-repeat left center;
  background-size: 1.125em auto;
  font-size: 1.375em;
  font-weight: 700;
  line-height: 1.46;
  letter-spacing: var(--spacing-narrow);
}
.article-contents h2{
  margin-top: calc(var(--margin) * 8);
  margin-bottom: 1.6em;
  padding: 0.4em 1.2em 0.4em 2.8em;
  border-bottom-right-radius: 5em;
  border-top-right-radius: 5em;
  border-bottom-left-radius: 0.5em;
  border-top-left-radius: 0.5em;
  display: block;
  width: 100%;
  box-sizing: border-box;
  color: var(--wp--preset--color--back);
  background: var(--wp--preset--color--brand);
  font-size: 1.125em;
  font-weight: 600;
  line-height: 1.2;
  counter-increment: main-h2 1;
  counter-reset: main-h3;
  position: relative;
}
.article-contents h2::before{
  content: counter(main-h2);
  display: inline-block;
  padding-top: 0.0625em;
  border-right: 1px solid var(--wp--preset--color--light-1);
  box-sizing: border-box;
  width: 2em;
  height: calc(100% - 0.9em);
  font-family: var(--number-font);
  font-weight: 700;
  text-align: center;
  align-content: center;
  position: absolute;
  top: 50%;
  left: 0.2em;
  transform: translateY(-50%);
}
.article-contents h3{
  margin-top: 1.7em;
  margin-bottom: 0.6em;
  padding: 0.5em 1em 0.6em 3.5em;
  border-radius: 0.25em;
  display: block;
  width: 100%;
  box-sizing: border-box;
  background: var(--wp--preset--color--brand-2);
  font-size: 1.125em !important;
  font-weight: 600 !important;
  counter-increment: main-h3 1;
  position: relative;
} 
.article-contents h3::before{
  content: counter(main-h3);
  display: block;
  margin-right: 0.8em;
  padding-top: 0.1em;
  padding-right: 0.8em;
  border-right: 1px solid var(--wp--preset--color--border-3);
  box-sizing: border-box;
  height: calc(100% - 1.1em);
  font-family: var(--roman-font);
  align-content: center;
  position: absolute;
  top: 50%;
  left: 1em;
  transform: translateY(-50%);
}
.article-contents h4{
  margin-top: 1.5em;
  font-weight: 600;
  line-height: var(--line);
}
@media (737px <= width) {
  main .page-category,
  main h1.page-title{
    font-size: 2.25em;
  }
  h1.article-title{
    font-size: 1.625em;
  }
  .article-contents h2{
    margin-top: calc(var(--margin) * 8);
    padding: 0.4em 1.2em 0.5em 3em;
    font-size: 1.375em;
  }
  .article-contents h2::before{
    left: 0.5em;
  }
  .article-contents h3{
    font-size: 1.125em;
  }
}
.wp-block-post-date.page__post-updated{
  margin-top: calc(var(--margin) * 1);
  color: var(--wp--preset--color--text-2);
  text-align: right;
}
.wp-block-post-date.page__post-updated::before{
  content: '更新日:';
}
h1.article-title+.entry-content,
.wp-block-post-date.page__post-updated+.entry-content{
    margin-top: calc(var(--margin) * 4);
}
@media (width < 737px) {
  .wp-block-post-date{
    font-size: 0.875em;
  }
}
/*paragraph*/
.article-contents p{
  line-height: 1.875em;
}
.article-contents *+p{
  margin-top: 1em;
}
.article-contents p strong{
  font-weight: 600;
}
.article-contents p a{
  color: currentColor;
  text-decoration: underline;
}
.article-contents p em{
  font-weight: 600;
  font-style: normal;
  text-decoration: underline;
  text-decoration-thickness: 0.5em;
  text-decoration-color: var(--wp--preset--color--border-4);
  text-decoration-skip-ink: none;
  text-underline-offset: -0.125em;
}
.article-contents .is-style-formula{
  padding: 1em 1.25em;
  border-radius: 0.5em;
  background-color: var(--wp--preset--color--back);
  font-weight: 600;
  text-align: center;
}
.article-contents .is-style-reference::before{
  content: '';
  display: inline-block;
  margin-right: 0.25em;
  width: 0.375em;
  height: 0.5em;
  clip-path: polygon(0 0, 0 100%, 100% 50%);
  background: var(--wp--preset--color--brand);
  vertical-align: 1px;
}
.article-contents .is-style-reference a{
  color: var(--wp--preset--color--brand);
}
.article-contents small{
  font-size: 0.875em;
}
.article-contents p sup{
  font-size: 0.5em;
}

/*list*/
.article-contents ul,
.article-contents ol{
  padding: 1em 1.5em;
  border-radius: 0.5em;
  background: var(--wp--preset--color--back);
  line-height: 1.875em;
}
.article-contents li{
  margin-block: 0.25em;
}
.article-contents li a{
  color: var(--wp--preset--color--brand);
}
.article-contents ul{
  margin-top: 0.75em;
}
.article-contents ul>li::before{
  content: '';
  display: inline-block;
  margin-right: 0.5em;
  width: 0.375em;
  height: 0.375em;
  border-radius: 50%;
  background: var(--wp--preset--color--text-3);
  vertical-align: 0.25em;
}
.article-contents ul.is-style-long-text>li:not(:first-child),
.article-contents ol.is-style-long-text>li:not(:first-child){
  margin-top: 1.5em;
}
.article-contents ul.is-style-no-style>li{
  padding-left: 0;
}
.article-contents ul.is-style-no-style>li::before{
  content: '';
  margin-right: 0;
  display: none;
}
.article-contents ul.is-style-document{
  padding: 0;
  display: grid;
  grid-gap: 0.25em;
  grid-template-columns: repeat(auto-fill, minmax(15em, 1fr));
  background: transparent;
}
.article-contents ul.is-style-document>li::after{
  content: '';
  display: inline-block;
  margin-left: 0.5em;
  width: 1em;
  height: 1em;
  background: url(../images/icon-newpage-green.svg) no-repeat center center;
  background-size: 100% auto;
  vertical-align: -0.125em;
}
.article-contents>ol{
  margin-block: 2em;
}
.article-contents ol>li{
  list-style: decimal;
  list-style-position: inside;
}
.article-contents li ul,
.article-contents li ol{
  margin-top: 0;
}

/*table*/
.article-contents table,
.article-contents table tr,
.article-contents table th,
.article-contents table td{
  border: 1px solid var(--wp--preset--color--border-1);
  vertical-align: middle;
}
.article-contents table{
  margin-top: 2em;
  background: var(--wp--preset--color--back);
}
.article-contents p:has(strong)+table{
  margin-top: 0;
}
.article-contents table.has-fixed-layout{
  table-layout: auto;
}
.article-contents table th,
.article-contents table td{
  padding: 1.25em 1em;
  font-size: 1em;
}
.article-contents .wp-block-table thead{
  border-bottom: none;
}
.article-contents table th{
  color: var(--wp--preset--color--back);
  background: var(--wp--preset--color--text-2);
  font-weight: 600;
}

/*image*/
.article-contents figure.wp-block-image{
  margin-block: 2em;
  padding: 1.25em;
  border-radius: 0.5em;
  background: var(--wp--preset--color--back);
  text-align: center;
}
.article-contents figure.wp-block-image img{
  width: 100%;
  height: auto;
}
.article-contents figcaption{
  color: var(--wp--preset--color--text-2);
  font-size: 0.875em;
  text-align: left;
}
@media (737px <= width) {
  .article-contents figure.wp-block-image.f-right{
    margin: 1em 0 1.5em 3%;
    padding: 1em 1.2em;
    width: 33%;
    float: right;
  }
  .f-clear{
    clear: both;
  }
}
/*group*/
.article-contents .is-style-group-general,
.article-contents .is-style-group-negative{
  margin-block: 2em;
  padding: 1em 1.25em;
  border-radius: 0.5em;
}
.article-contents .is-style-group-general{
  background: var(--wp--preset--color--back);
}
.article-contents .is-style-group-negative{
  background: var(--wp--preset--color--back-2);
}
.article-contents .is-style-group-negative ul,
.article-contents .is-style-group-negative ol{
  background: transparent;
}
.article-contents .is-style-group-negative ul>li::before{
  background: var(--wp--preset--color--text-2);
}
.article-contents .is-style-group-general h3,
.article-contents .is-style-group-negative h3{
  margin-top: 0;
  background: transparent;
}
.article-contents .is-style-group-general:has(h3) h4,
.article-contents .is-style-group-negative:has(h3) h4{
  margin-top: 1em;
  padding-top: 1em;
  border-top: var(--wp--preset--color--border-1) 1px solid;
}
.article-contents .is-style-group-supplement{
  margin-block: 2em;
  padding: 1em 1.25em;
  border-radius: 0.5em;
  background-color: var(--wp--preset--color--base-3);
}

/*other compornents*/
.article-contents .is-style-caption{
  font-size: 0.75em;
}
.article-contents p.is-style-caption::before,
.article-contents .is-style-caption li::before{
  content: '※';
}
.article-contents .wp-block-quote{
  margin: 0;
  padding: 0;
  background: transparent;
  font-size: 1rem;
  border-radius: 0;
  font-family: var(--font);
  font-style: normal;
}
.article-contents .wp-block-quote p{
  margin-top: 2em;
}
.article-contents .wp-block-quote p::before{
  content: '';
  display: inline-block;
  margin-right: 0.5em;
  width: 0.625em;
  height: 0.5em;
  background:url(../images/icon-quotation-lt.svg) no-repeat center center;
  background-size: auto 0.5em;
  vertical-align: top;  
}
.article-contents .wp-block-quote p::after{
  content: '';
  display: inline-block;
  margin-left: 0.5em;
  width: 0.625em;
  height: 0.5em;
  background:url(../images/icon-quotation-rt.svg) no-repeat center center;
  background-size: auto 0.5em;
  vertical-align: top;  
}

.article-contents .wp-block-separator{
  margin-top: 1em;
  width: 100%;
  color: var(--wp--preset--color--border-1);
}
.article-contents .wp-block-details{
  margin-top: 2em;
  margin-bottom: calc(var(--margin) * 4);
  padding-bottom: calc(var(--margin) * 4);
  border-bottom: var(--wp--preset--color--border-1) 1px solid;
}
.wp-block-details summary{
  display: block;
  padding-right: 2.25em;
  padding-left: 2.875em;
  font-weight: 600;
  position: relative;
}
summary::-webkit-details-marker {
  display: none;
}
.wp-block-details summary::before{
  content: '';
  display: inline-block;
  margin-right: 0.375em;
  width: 2em;
  height: 2em;
  background: url(../images/icon-question.svg) no-repeat center center;
  background-size: 100% auto;
  position: absolute;
  top: 0;
  left: 0;
}
.wp-block-details summary::after{
  content: '';
  display: block;
  width: 2em;
  height: 2em;
  background: url(../images/icon-faq-arrow.svg) no-repeat center center;
  background-size: 100% auto;
  position: absolute;
  top: 50%;
  right: 0;
}
.wp-block-details[open] summary::after{
  transform: rotate(180deg);
}
.wp-block-details p{
 padding-left: 2.875em; 
}
.wp-block-details p:first-of-type{
  margin-top: 2em;
  position: relative;
}
.wp-block-details p+p{
  margin-top: 1em;
}
.wp-block-details p:first-of-type::before{
  content: '';
  display: block;
  width: 2em;
  height: 2em;
  background: url(../images/icon-answer.svg) no-repeat center center;
  background-size: 100% auto;
  position: absolute;
  top: 0;
  left: 0;
}
@media (width < 737px) {
  .wp-block-details summary::after{
    transform: translateY(-50%);
  }
}
@media (737px <= width) {
  .wp-block-details summary::after{
    top: 0;
    right: 1em;
  }
}
.wp-element-button{
  display: block;
  margin-top: 1.5em;
  margin-inline: auto;
  padding: 0.5em 2em 0.625em 2em !important;
  width: max-content;
  border-radius: 6.25em !important;
  color: var(--wp--preset--color--back) !important;
  background: var(--wp--preset--color--accent-1) !important;
  font-size: 1em !important;
}
.wp-element-button::after{
  content: '';
  display: inline-block;
  margin-left: 0.5em;
  width: 1em;
  height: 1em;
  background: url(../images/icon-arrow.svg) no-repeat center center;
  background-size: 1em auto;
  vertical-align: -0.125em;
}
.is-style-btn-doc .wp-element-button::after{
  background: url(../images/icon-newpage.svg) no-repeat center center;
}
@media (width < 737px) {
  .wp-block-table{
    font-size: 0.625em;
  }
  .wp-block-buttons{
    justify-content: center;
  }
}
@media (737px <= width) {
  .article-contents figure.wp-block-image img{
    width: 87.5%;
  }
  .article-contents figure.wp-block-image figcaption{
    margin-inline: 6.25%;
  }
  .article-contents .subpage figure.wp-block-image figcaption{
    margin-inline: 0;
  }
  .article-contents ul.is-style-document>li a:hover{
    text-decoration: underline;
    text-underline-offset: 2px;
  }
  .article-contents .is-style-group-general,
  .article-contents .is-style-group-negative{
    padding: 2.5em;
  }
  .article-contents .is-style-group-general:has(h3) h4,
  .article-contents .is-style-group-negative:has(h3) h4{
    margin-top: 1.5em;
    padding-top: 1.5em;
  }
}
.article-contents .wp-block-columns,
.article-contents .wp-block-group.is-layout-grid{
  margin-block: calc(var(--margin) * 5.6);
}
.article-contents p+.wp-block-columns{
  margin-top: 1.5em;
}
.article-contents .image-nopadding figure,
.article-contents figure.image-nopadding{
  margin: 0;
  padding: 0;
  background: transparent;
}
@media (width < 737px) {
  .article-contents .wp-block-columns>div:not(:first-of-type){
    margin-top: 1.5em;
  }
}
@media (737px <= width) {
  .article-contents .wp-block-columns>div:last-of-type{
    padding-left: 3%;
  }
}
/*------------------------
Table of Contents Plus
------------------------*/
#toc_container{
  margin-block: 2.5em;
  padding: 1.5em;
  border-radius: 0.5em;
  background: var(--wp--preset--color--back);
}
#toc_container a{
  color: currentColor;
}
.toc_title{
  font-size: 1.125em;
  font-weight: 600;
}
.toc_list li{
  line-height: 2;
}
.toc_list>li>a{
  font-weight: 600;
}
.toc_list ul{
  margin-top: 0;
  margin-left: 1em;
  padding: 0;
}
.toc_list li{
  margin-block: 0;
}
#toc_container li::before{
  display: none;
}
@media (width < 737px) {
  .article-contents ul.toc_list{
    padding: 0;
  }
}
@media (737px <= width) {
  #toc_container{
    padding: 2em;
  }
  .toc_list{
    padding-inline: 2.5em;
  }
}
/*-----------
SUBPAGE
------------*/
/*reset*/
.no-title,
.no-toc{
  #toc_container{
    display: none;
  }
}
.article-contents .subpage  figure.wp-block-image{
  margin-block: 0;
  padding: 0;
  background: transparent;
}
.article-contents .subpage  figure.wp-block-image img{
  border-radius: 0.5em;
  width: 100%;
}

/*---------------
Form Compornent
---------------*/
input[type="text"],
input[type="email"],
input[type="tel"],
textarea{
  padding: 0.5em;
  width: 100%;
  box-sizing: border-box;
  border-color: var(--wp--preset--color--border-1);
  border-width: 1px;
  border-style: solid;
  border-radius: 2px; 
  font-size: 16px;
}
input[type="submit"]{
  margin-inline: auto;
  border: none;
  cursor: pointer;
  outline: none;
  appearance: none;
  padding: 1em 3em 1.0625em 3em;
  border-radius: 6.25em;
  color: var(--wp--preset--color--back);
  background: var(--wp--preset--color--accent-1);
  font-size: 1em;
}
.wpcf7 dl+p{
  margin-top: 2em;
  text-align: center;
}
.wpcf7 input[type="checkbox"]{
  margin-right: 0.25em;
}
.wpcf7 label{
  display: inline-block;
}
.wpcf7-list-item{
  margin-right: 1em;
}
.wpcf7 textarea{
  height: 7.5em;
  line-height: var(--line);
}
.wpcf7 small{
  display: block;
  margin-top: 0.5em;
  font-size: 0.75em;
}
.wpcf7 dl{
  width: 100%;
  border-top: var(--wp--preset--color--border-1) 1px solid;
}
.wpcf7 dl:last-of-type{
  border-bottom: var(--wp--preset--color--border-1) 1px solid;
}
.wpcf7 dt,
.wpcf7 dd{
  padding: 0.875em 1em;
}
.wpcf7 dt{
  border-inline: var(--wp--preset--color--border-1) 1px solid;
  background: var(--wp--preset--color--back-2);
  font-weight: 600;
}
.wpcf7 dd{
  border-right: var(--wp--preset--color--border-1) 1px solid;
  background: var(--wp--preset--color--back)
}
.wpcf7 dt span{
  margin-left: 0.75em;
  padding: 0 0.5em;
  border-radius: 2px;
  display: inline-block;
  box-sizing: border-box;
  font-size: 0.75em;
  line-height: 1.5;
}
.wpcf7 dt span.s-req{
  color: var(--wp--preset--color--back);
  background-color: var(--wp--preset--color--accent-2);
  font-weight: bold;
}
.wpcf7 dt span.s-opt{
  border: var(--wp--preset--color--text-2) 1px solid;
}
@media (737px <= width) {
  input[type="text"],
  input[type="email"],
  input[type="tel"]{
    width: 18em;
  }
  input[type="submit"]:hover{
    background: var(--wp--preset--color--text);
    transition: .3s;
  }
  .wpcf7 dl{
    display: table;
    table-layout: fixed;
  }
  .wpcf7 dt,
  .wpcf7 dd{
    display: table-cell;
    vertical-align: top;
  }
  .wpcf7 dt{
    width: 13em;
  }
}
@media (width < 737px) {
  .wpcf7 dd{
    padding: 1em;
    border-left: var(--wp--preset--color--border-1) 1px solid;
  } 
}
/*---------------
Related-link
---------------*/
.related-link{
  margin-top: calc(var(--margin) * 8);
}
.related-link>div,
.wp-block-query-pagination>a{
  margin: 0;
  box-sizing: border-box;
  font-size: 0.875em;
  position: relative;
}
.related-link>div:first-of-type,
.wp-block-query-pagination-previous{
  padding-left: 1.75em;
  padding-right: 0.75em;
}
.related-link>div:last-of-type,
.wp-block-query-pagination-next{
  padding-left: 0.75em;
  padding-right: 1.75em;
  text-align: right;
}
.related-link>div:first-of-type:not(:empty)::before,
.related-link>div:last-of-type:not(:empty)::after,
.wp-block-query-pagination-next::after,
.wp-block-query-pagination-previous::before{
  content: '';
  display: block;
  width: 1em;
  height: 1em;
  background: url(../images/icon-arrow-green.svg) no-repeat center center;
  background-size: 1em auto;
  position: absolute;
  top: 50%;
  translate: 0 -50%;
}
.related-link>div:first-of-type::before,
.wp-block-query-pagination-previous::before{
  left: 0;
  transform: rotate(180deg);
}
.related-link>div:last-of-type::after,
.wp-block-query-pagination-next::after{
  right: 0;
}
.related-link>div:empty{
  border: none;
}
.wp-block-post-navigation-link__arrow-previous{
  display: none;
}
.post-navigation-link__label{
  display: none;
}
@media (width < 737px) {
  .related-link>div{
    padding-block: 1em;
  }
  .related-link>div:last-of-type{
    border-top: 1px solid var(--wp--preset--color--border-1);
  }
}
@media (737px <= width) {
  .related-link{
    display: flex;
    justify-content: space-between;
  }
  .related-link>div{
    flex-basis: 50%;
  }
  .related-link>div:first-of-type{
    padding-right: 3.75em;
  }
  .related-link>div:last-of-type{
    padding-left: 3.75em;
    border-left: 1px solid var(--wp--preset--color--border-1);
  }
}
/*---------------
Archive Page
---------------*/
.article-list-wrapper{
  margin-top: calc(var(--margin) * 5.6);
}
.article-list>li{
  padding: 1.5em;
  box-sizing: border-box;
  border-top-right-radius: 0.5em;
  border-top-left-radius: 0.5em;
  border-bottom-left-radius: 0.5em;
  background: var(--wp--preset--color--back);
  position: relative;
}
.article-list>li::after{
  content: '';
  display: block;
  width: 0.5em;
  height: 0.5em;
  background: var(--wp--preset--color--brand);
  clip-path : polygon(0% 100%, 100% 100%, 100% 0%);
  position: absolute;
  box-sizing: 0;
  right: 0;
  position: absolute;
  bottom: 0;
  right: 0;
}
.article-list>li h2{
  margin-bottom: 0.9em;
  font-size: 1.25em;
  font-weight: 600;
  line-height: 1.5;
}
.wp-block-post-excerpt__more-link{
  color: var(--wp--preset--color--brand);
  font-size: 0.875em;
  text-align: right;
}
.wp-block-query-pagination{
  margin-top: calc(var(--margin) * 5.6) !important;
}
.wp-block-query-no-results{
  padding-top: 0;
}
@media (width < 737px) {
  .article-list>li:not(:first-child){
    margin-top: 1.5em;
  }
}
@media (737px <= width) {
  .article-list{
    display: flex;
    flex-wrap: wrap;
  }
  .article-list>li{
    flex-basis: calc((100% - 1.5em) / 2);
  }
  .article-list>li:nth-child(2n){
    margin-left: 1.5em;
  }
  .article-list>li:nth-child(n+3){
    margin-top: 1.5em;
  }
}
/*---------------
Category List for page
---------------*/
.page__category-list{
  margin-top: calc(var(--margin) * 8);
}
.page__category-list h2{
  text-align: center;
}
.page__category-list h2 img.sub-image{
  height: 3.25em;
  width: auto;
}
.page__category-list h2 img.title-image{
  margin-inline: 0.75em;
  width: 62.5%;
}
.page__category-list ul{
  margin-top: calc(var(--margin) * 1.4);
  display: grid;
  grid-gap: 0.25em;
}
.page__category-list ul>li>a{
  display: block;
  width: 100%;
  padding: 1em;
  border-radius: 0.25em;
  box-sizing: border-box;
  color: var(--wp--preset--color--back);
  background: var(--wp--preset--color--brand) url(../images/icon-arrow-yellow.svg) no-repeat right 1em center;
  background-size: 0.875em auto;
  font-weight: 600;
}
@media (width < 737px) {
  .page__category-list.is-pc{
    display: none;
  }
}
@media (737px <= width) {
  .page__category-list.is-sp{
    display: none;
  }
  .page__category-list ul{
    grid-template-columns: repeat(auto-fill, minmax(15em, 1fr));
  }
}
@media (737px <= width < 1280px) {
  .page__category-list h2 img.sub-image{
    height: 4.5em;
    width: auto;
  }
  .page__category-list h2 img.title-image{
    margin-inline: 1.5em;
    height: 4em;
    width: auto;
  }
}
@media (1280px <= width) {
  .page__category-list h2 img.sub-image{
    height: 6.125em;
    width: auto;
  }
  .page__category-list h2 img.title-image{
    margin-inline: 3em;
    height: 5em;
    width: auto;
  }
}
/*---------------
SIDE BAR
---------------*/
.side__topics{
  padding: 1.25em;
  border-radius: 0.5em;
  background: var(--wp--preset--color--back);
}
.side__topics h2{
  padding-left: 1.5em;
  background: url(../images/icon-leaves.svg) no-repeat left center;
  background-size: 1em auto;
  font-weight: 600;
  line-height: 2;
}
.side__topics>div:not(:first-of-type){
  margin-top: 2.5em;
}
.side__topics ul{
  margin-top: 0.75em;
}
.side__topics ul>li{
  font-size: 0.875em;
  line-height: 1.4;
}
.side__posts-list>ul>li{
  border-top: 1px solid var(--wp--preset--color--border-1);
}
.side__posts-list>ul>li>a{
  display: inline-block;
  padding-block: 1.125em;
  padding-right: 2em;
  width: 100%;
  box-sizing: border-box;
  background: url(../images/icon-arrow-green.svg) no-repeat right center;
  background-size: 1em auto;
}
.side__posts-list>ul>li>ul{
  margin-top: 0;  
}
.side__posts-list>ul>li>ul>li{
  margin-bottom: 0.75em;
  padding-left: 2em;
  background: url(../images/icon-nav.svg) no-repeat 1em center;
  background-size: 0.5em auto;

}
.hot-articles ul>li{
  padding-block: 1.125em;
  border-top: 1px solid var(--wp--preset--color--border-1);
  line-height: 1.4;
}
.hot-articles .wpp-taxonomy{
  color: var(--wp--preset--color--text-2);
  font-size: 0.875em;
}
.side__cta-area{
  margin-top: 1em;
  position: sticky;
  top: 0; 
}
.side__cta-area__title{
  padding: 1em;
  border-top-left-radius: 0.5em;
  border-top-right-radius: 0.5em;
  background: var(--wp--preset--color--back);
}
.side__cta-area__title h2{
  padding-block: 0.25em;
  padding-left: 2.5em;
  border-radius: 0.25em;
  color: var(--wp--preset--color--back);
  background: var(--wp--preset--color--brand) url(../images/icon-leaves-light.svg) no-repeat 1em center;
  background-size: 1em auto;
  line-height: 2;
}
.side__cta-area__title .flex-wrapper{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.side__cta__greeting{
  margin-top: 0.5em;  
}
.side__cta__coupon{
  color: var(--wp--preset--color--accent-2);
  font-size: 1.125em;
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: 0;
}
.side__cta__coupon span{
  display: block;
  font-size: 1.25em;
  font-weight: 700;
}
.side__profile-image{
  width: 4.5em;
  height: auto;
}
.side__cta__text{
  margin-top: 0.5em;
  color: #000000;
  font-size: 0.875em;
  line-height: 1.6;
}
.side__cta-area .s-caption{
  color: var(--wp--preset--color--text-2);
  font-size: 0.75em;
}
.side__cta-area__title .s-caption{
  margin-top: 0.5em;
}
.side__cta-area__cv{
  margin-top: 0;
  padding: 1.5em 1em;
  border-bottom-left-radius: 0.5em;
  border-bottom-right-radius: 0.5em;
  background: var(--wp--preset--color--base-3);
}
.side__cta-area__cv h3{
  color: var(--wp--preset--color--brand);
  font-size: 1.125em;
  font-weight: 600;
}
.side__cta-mail a{
  padding-block: 1em;
  border-radius: 5em;
  display: inline-block;
  width: 100%;
  box-sizing: border-box;
  color: var(--wp--preset--color--back);
  background: var(--wp--preset--color--accent-2);
  background-size: 1em auto;
  font-size: 1.125em;
  font-weight: 600;
  text-align: center;
}
.side__cta-tel{
  margin-top: 1em;
}
.side__cta-tel p{
  margin-top: 0;
}
.side__cta-tel .tel-number{
  padding-left: 1.25em;
  background: url(../images/icon-tel.svg) no-repeat left center;
  background-size: 0.875em auto;
  font-family: var(--roman-font);
  font-size: 1.625em;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 0;
}
.side__cta-tel .tel-number__btn a{
  margin-top: 0.5em;
  margin-bottom: 0.25em;
  padding-block: 0.5em;
  border-radius: 5em;
  display: inline-block;
  width: 100%;
  box-sizing: border-box;
  color: var(--wp--preset--color--back);
  background: var(--wp--preset--color--text);
  font-size: 1.125em;
  font-weight: 600;
  text-align: center;
  letter-spacing: 0.08em;
}
.side__cta-tel .tel-number__btn a::before{
  content: "";
  display: inline-block;
  margin-right: 0.5em;
  width: 1.5em;
  height: 1.5em;
  background: url(../images/icon-tel-white.svg) no-repeat center center;
  background-size: auto 100%;
  vertical-align: 0.0625em;
}
.side__cta-tel .tel-number__btn a strong{
  font-size: 1.375em;
  vertical-align: 0.25em;
}
@media (width < 737px) {
  .side__cta-tel .tel-number{
    display: none;
  }
}
@media (737px <= width) {
  .side__cta-tel .tel-number__btn{
    display: none;
  }
}
.side__cta-line{
  margin-top: 1em;
}
.side__cta-line p{
  margin-top: 0;
}
.side__cta-line .text-wrapper{
  margin-right: 1em;
  flex-basis: calc(100% - 4.5em - 1em)
}
.side__cta-line .text-wrapper p{
  font-size: 0.75em;
}
.side__cta-line__qrcode{
  margin: 0;
  flex-basis: 4.5em;
}
.side__cta-line__btn a{
  margin-top: 0.5em;
  padding-block: 0.875em;
  border-radius: 5em;
  display: inline-block;
  width: 100%;
  box-sizing: border-box;
  color: var(--wp--preset--color--back);
  background: #06C755;
  font-size: 1.125em;
  font-weight: 600;
  text-align: center;
}
.side__cta-line__btn a::before{
  content: "";
  display: inline-block;
  margin-right: 0.5em;
  width: 2em;
  height: 2em;
  background: url(../images/LINE_Brand_icon.png) no-repeat center center;
  background-size: auto 100%;
  vertical-align: -0.625em;
}
@media (width < 737px) {
  .side__cta-area{
    display: none;
  }
  .side__cta-line .text-wrapper p.is-pc{
    display: none;
  }
  .side__cta-line__qrcode{
    display: none;
  }
}
@media (737px <= width) {
  .side__cta-line{
    display: flex;
    justify-content: space-between;
  }
  .side__cta-line .text-wrapper p.is-sp{
    display: none;
  }
  .side__cta-line__btn{
    display: none;
  }
}

.side-bar .s-caption{
  font-size: 0.75em;
  color: var(--wp--preset--color--text-2);
}

@media (width < 737px) {
  .side-bar{
    margin-top: calc(var(--margin) * 8);
  }
}
@media (737px <= width) {
  .side__cta-area__cv h3{
    font-size: 0.75em;
  }
}
@media (737px <= width < 1024px) {
  .side__topics h2{
    font-size: 0.9375em;
    line-height: 1.2;
  }
  .side__posts-list ul>li{
    line-height: 1.2;
    padding-right: 0;
    background: none;
  }
  .side__cta__coupon{
    line-height: 1.2;
  }
  .side__profile-image{
    display: none;
  }
  .side__cta-mail a{
    font-size: 0.75em;
  }
  .side__cta-tel .tel-number{
    font-size: 1.125em;
  }
  .side__cta-line{
    display: block;
  }
  figure.side__cta-line__qrcode{
    margin-top: 1em;
    margin-inline: auto;
    width: 4.5em;
  }
}
/*---------------
FLOAT CTA AREA
---------------*/
.float-cta{
  width: 100%;
  color: var(--wp--preset--color--back);
  background: var(--wp--preset--color--text);
  position: fixed;
  left: 0;
  bottom: 0;
}
.float-cta__inner{
  margin: auto;
}
.float__title__coupon{
  padding-inline: 0.375em;
  border-radius: 0.125em;
  color: var(--wp--preset--color--back);
  background: var(--wp--preset--color--brand);
  letter-spacing: 0.05em;
}
.float__title__coupon strong{
  color: var(--wp--preset--color--accent-1);
}
.float-cta ul{
  display: flex;
}
.wp-block-list.float__contact-list{
  padding-left: 0;
}
.float-cta ul li h3{
  font-weight: 600;
}
/*SP Layout*/
@media (width < 737px) {
  .float-cta__inner{
    margin-block: 0.5em;
  }
  .float__title{
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .float__title__coupon{
    font-size: 0.625em;
  }
  .float__title__coupon strong{
    color: var(--wp--preset--color--accent-1);
  }
  .float__title__catch{
    margin-left: 0.5em;
    font-size: 0.6875em;
  }
  .float__title__catch br{
    display: none;
  }
  .float-cta ul{
    margin-top: 0.5em;
    margin-inline: auto;
    justify-content: center;
  }
  .float-cta ul>li{
    flex-basis: calc(100% / 3);
    box-sizing: border-box;
    text-align: center;
  }
  .float-cta ul>li:not(:first-child){
    border-left: 1px solid var(--wp--preset--color--border-2);
  }
  .float__mail__pc,
  .float__tel__pc,
  .float__line__pc{
    display: none;
  }
  .float__mail__sp,
  .float__tel__sp,
  .float__line__sp{
    font-size: 0.5em;
  }
  .float__mail__sp a,
  .float__tel__sp a,
  .float__line__sp a{
    display: block;
    width: 100%;
  }
  .float__mail__sp a::before,
  .float__tel__sp a::before,
  .float__line__sp a::before{
    content: '';
    margin-inline: auto;
    margin-bottom: 1em;
    width: 3.5em;
    height: 3em;
    display: block;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
  }
  .float__mail__sp a::before{
    background-image: url(../images/icon-conversation.svg);
  }
  .float__tel__sp a::before{
    background-image: url(../images/icon-tel-white.svg);
  }
  .float__line__sp a::before{
    background-image: url(../images/icon-line-white.svg);
  }
  .float__image{
    display: none;
  }
}
/*Tablet & PC Layout*/
@media (737px <= width) {
  .float-cta{
    padding-block: var(--margin);
  }
  .float-cta__inner{
    width: var(--width-inner);
    max-width: var(--max-width);
  }
  .float__title{
    display: flex;
    margin-right: 1em;
    margin-left: auto;
    flex-basis: auto;
    letter-spacing: 0.05em;
    position: relative;
  }
  .float__title__coupon{
    padding: 0.3125em 0.5em;
    line-height: 1.2;
    text-align: center;
  }
  .float__title__coupon strong{
    display: block;
  }
  .float__title__catch{
    margin-left: 0.8125em;
    line-height: 1.625;
  }
  .float__contact-list{
    flex-basis: 68.5%;
  }
  .float__contact-list>li{
    margin-left: 0.5em;
    padding: 0.5em 0.75em;
    border-radius: 0.25em;
    flex-basis: calc((100% - 1.5em) / 3);
    color: var(--wp--preset--color--text);
    background: var(--wp--preset--color--back);
  }
  .float__contact-list>li>div{
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
  }
  .float__contact-list>li h3{
    font-size: 0.875em;
  }
  .float__mail__sp,
  .float__tel__sp,
  .float__line__sp{
    display: none;
  }
  .float__mail{
    text-align: center;
  }
  .float__mail__btn{
    margin-top: auto;
  }
  .float__mail__btn a{
    margin-bottom: 0.125em;
    padding: 0.25em;
    border-radius: 6.25em;
    display: block;
    color: var(--wp--preset--color--back);
    background: var(--wp--preset--color--accent-2);
    text-align: center;
  }
  .float__mail__btn a::before{
    content: "";
    display: inline-block;
    margin-right: 0.25em;
    width: 1.125em;
    height: 1.125em;
    background: url(../images/icon-conversation.svg) no-repeat center center;
    background-size: 100% auto;
    vertical-align: text-bottom;
  }
  .float__tel{
    position: relative;
  }
  .float__tel-number{
    margin-top: auto;
    margin-bottom: var(--leading-trim);
    font-size: 1.375em;
    font-weight: 700;
    font-family: var(--roman-font);
    letter-spacing: 0.05em;
    line-height: 1.2;
  }
  .float__tel-number::before{
    content: "";
    display: inline-block;
    margin-right: 0.25em;
    width: 1em;
    height: 1em;
    background: url(../images/icon-tel.svg) no-repeat center center;
    background-size: 100% auto;
    vertical-align: -0.125em;
  }
  .float__tel__time{
    font-size: 0.75em;
  }
  .float__tel__point{
    padding: 1em;
    border-radius: 50%;
    color: var(--wp--preset--color--back);
    background: var(--wp--preset--color--brand);
    font-size: 0.625em;
    line-height: 1.2;
    position: absolute;
    top: -1em;
    right: 0.5em;
  }
  .float__line__flex{
    display: flex;
    align-items: center;
  }
  .float__line__text-wrapper{
    flex-basis: calc(100% - 4.125em);
  }
  .float__line__qrcode{
    flex-basis: 4.125em;
    height: 4.125em;
  }
  .float__line-text{
    font-size: 0.75em;
    line-height: 1.4;
  }
  .float__image{
    display: block;
    width: 4.8125em;
    height: auto;
    position: absolute;
    bottom: -2.125em;
    left: -3em;
  }
}
/*Tablet Layout*/
@media (737px <= width < 1280px) {
  .float__title{
    margin-block: 0.75em;
    padding-left: 3em;
    justify-content: center;
  }
  .float__title br{
    display: none;
  }
  .float__title__coupon strong{
    display: inline-block;
  }
  .float__image{
    bottom: -1.5em;
    left: 3em;
  }
}
/*PC Layout*/
@media (1280px <= width) {
  .float-cta__inner{
    display: flex;
    justify-content: flex-end;
    align-items: center;
  }
  .float__image{
    bottom: -1.5em;
    left: -3em;
  }
}
.float-cta{
  visibility: visible;
  opacity: 1;
  z-index: 10000;
  transition: .5s;
}
.float-cta.is-hidden{
  visibility: hidden;
  opacity: 0;
  transform: translateY(5em);
}
/*---------------
FOOTER CTA AREA
---------------*/
.footer__cta{
  padding-bottom: calc(var(--margin) * 3.4);
  background: url(../images/bg_cta.jpg) no-repeat center center;
  background-size: cover;
  text-align: center;
}
.footer__cta-inner{
  margin: auto;
  width: var(--width-inner);
}
@media (737px <= width) {
  .footer__cta-inner{
    max-width: var(--max-width);
  }
}
.cta__catch{
  margin-inline: auto;
  padding-top: calc(var(--margin) * 7.6);
  padding-bottom: calc(var(--margin) * 4);
  background: url(../images/bg-fukidashi.svg) no-repeat center bottom;
  background-size: 100% auto;
}
.cta__catch p{
  color: var(--wp--preset--color--back);
  font-weight: 600;
}
.cta__coupon{
  padding-inline: 0.75em;
  border-radius: 0.25em;
  display: inline-block;
  color: var(--wp--preset--color--back);
  background: var(--wp--preset--color--brand);
}
.cta__coupon span{
  color: var(--wp--preset--color--light-2);
}
.cta__coupon sup{
  font-size: 0.5em;
}
.cta__catch__text{
  color: var(--wp--preset--color--back);
}
.footer__cta h2{
  color: var(--wp--preset--color--back);
  font-size: 1.375em;
  font-weight: 600;
  line-height: 1.47;
}
.footer__cta h2 strong{
  font-size: 1.375em;
  font-style: normal;
}
.cta__reserve{
  position: relative;
}
.cta__reserve>ul.wp-block-list{
  margin-top: calc(var(--margin) * 4.7);
}
.cta__reserve>ul>li{
  padding: 0.75em;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border-radius: 0.5em;
  background: var(--wp--preset--color--back);
}
.cta__reserve h3{
  font-weight: 600;
  font-size: 1.125em;
}
.cta__mail__btn{
  display: inline-block;
  margin-top: auto;
  margin-bottom: 0.5em;
  padding: 0.75em 2em;
  border-radius: 6.25em;
  width: 100%;
  box-sizing: border-box;
  color: var(--wp--preset--color--back);
  background: var(--wp--preset--color--accent-2);
  font-weight: 600;
}
.cta__mail__btn::before{
  content: '';
  display: inline-block;
  margin-right: 0.5em;
  width: 1em;
  height: 1em;
  background: url(../images/icon-conversation.svg) no-repeat center center;
  background-size: 1em auto;
  vertical-align: -1px;
}
.cta__tel{
  position: relative;
}
.cta__tel__number,
.cta__tel__btn a{
  font-weight: 700;
  font-family: var(--roman-font);
}
.cta__tel__number::before,
.cta__tel__btn a::before{
  content: '';
  display: inline-block;
  margin-right: 0.25em;
  width: 1em;
  height: 1em;
}
.cta__tel__time{
  padding-bottom: 0.5em;
  font-size: 0.875em;
}
.cta__tel__point{
  padding: 1em;
  border-radius: 50%;
  color: var(--wp--preset--color--back);
  background: var(--wp--preset--color--brand);
  font-size: 0.875em;
  line-height: 1;
  position: absolute;
  top: -1em;
  right: 1em;
}
.footer__cta .s-caption{
  margin-top: 1em;
  color: var(--wp--preset--color--back);
  font-size: 0.75em;
  text-align: right;
}
.footer__cta .s-caption::before{
  content: "※";
}
.footer__cta__image{
  width: 20%;
  height: auto;
  position: absolute;
  top: -13.5em;
  left: -2.5%;
}
@media (width < 737px) {
  .cta__coupon{
    font-size: 0.875em;
  }
  .cta__reserve>ul>li{
    margin-top: 1em;
  }
  .cta__mail__btn,
  .cta__tel__btn,
  .cta__line__btn{
    margin-top: 0.75em;
  }
  .cta__tel__btn a{
    display: block;
    padding: 0.375em 2em;
    border-radius: 6.25em;
    width: 100%;
    box-sizing: border-box;
    color: var(--wp--preset--color--back);
    background: var(--wp--preset--color--text);
    font-size: 1.25em;
  }
  .cta__tel__btn a::before{
    background: url(../images/icon-tel-white.svg) no-repeat center center;
    background-size: 0.75em auto;
    vertical-align: -0.125em;
  }
  .cta__line__btn{
    display: inline-block;
    margin-bottom: 0.5em;
    padding: 0.75em 2em;
    border-radius: 6.25em;
    width: 100%;
    box-sizing: border-box;
    color: var(--wp--preset--color--back);
    background: #06C755;
    font-weight: 600;
  }
  .cta__line__btn::before{
    content: '';
    display: inline-block;
    margin-right: 0.5em;
    width: 1em;
    height: 1em;
    background: url(../images/icon-line-white.svg) no-repeat center center;
    background-size: 1em auto;
    vertical-align: -1px;
  }
  .footer__cta__image{
    display: none;
  }
  .cta__tel__number,
  .cta__line--pc{
    display: none;
  }
}
@media (737px <= width) {
  .cta__catch{
    margin-right: 0;
    margin-left: auto;
    width: max-content;
  }
  .cta__catch p{
    display: inline-block;
    font-size: 1.125em;
  }
  .cta__catch p br{
    display: none;
  }
  .cta__catch__text{
    margin-left: 1em;
  }
  .footer__cta h2{
    margin-right: 0;
    margin-left: auto;
    font-size: 2em;
    text-align: right;
  }
  .footer__cta h2 strong{
    font-size: 1.6125em;
  }
  .footer__cta h2 br{
    display: none;
  }
  .cta__reserve>ul{
    display: flex;
    justify-content: space-between;
  }
  .cta__reserve>ul>li{
    flex-basis: calc((100% - 2.5em) / 3);
  }
  .cta__reserve>ul>li:not(:first-child){
    margin-left: 1.25em;
  }
  .cta__tel__number{
    margin-top: auto;
    font-size: 2em;
    line-height: 1;
  }
  .cta__tel__number::before{
    background: url(../images/icon-tel.svg) no-repeat center center;
    background-size: 0.75em auto;
    vertical-align: -0.125em;
  }
  .cta__line--pc{
    display: flex;
  }
  .cta__line-wrapper__text{
    margin-bottom: 0.5em;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex-basis: calc((100% - 6.25em));
  }
  .cta__line__qrcode{
    flex-basis: 6.25em;
  }
  .cta__tel__btn,
  .cta__line--sp{
    display: none;
  }
}
@media (737px <= width < 1280px) {
  .footer__cta{
    font-size: 0.75em;
  }
}
/*FOOTER*/
footer a:hover{
  color: var(--wp--preset--color--border-1);
}
.footer__wrapper{
  padding-block: calc(var(--margin) * 12);
  color: var(--wp--preset--color--back);
  background: var(--wp--preset--color--text);
}
.footer__inner{
  margin: auto;
  width: var(--width-inner);
  max-width: var(--max-width);
}
.footer__address h1{
  font-size: 1.25em;
}
.footer__map{
  aspect-ratio: 620 / 302;
}
.footer__map iframe{
  width: 100%;
  height: 100%;
}
.footer__middle{
  margin-top: calc(var(--margin) * 8.8);
  padding-top: calc(var(--margin) * 8.8);
  border-top: 1px solid var(--wp--preset--color--border-2);
  font-size: 0.875em;
}

ul.footer__megamenu>li{
  font-weight: 600;
}
ul.footer__megamenu>li>ul{
  margin-top: 0.5em;
  padding-block: 0.25em;
  font-weight: 400;
}
ul.footer__megamenu>li>ul>li::before{
  content: "-";
  margin-right: 0.25em;
}

.footer__lower{
  margin-top: calc(var(--margin) * 8.8);
  padding-top: calc(var(--margin) * 8.8);
  border-top: var(--wp--preset--color--border-2) 1px solid;
}
ul.footer__appendix>li{
  display: inline-block;
  margin-right: 2em;
  font-size: 0.75em;
}

.footer__legal-notice{
  margin-top: 2em;
}
.footer__legal-notice p{
  color: var(--wp--preset--color--text-2);
  font-size: 0.75em;
}

@media (width < 737px) {
  .footer__address h1{
    margin-bottom: 1em;
  }
  .footer__map{
    margin-top: 2em;
  }
  .footer__copyright{
    margin-top: 1em;
  }
}
@media (737px <= width) {
  .footer__upper{
    display: flex;
    justify-content: space-between;
  }
  .footer__address h1{
    margin-top: 0.5em;
    margin-bottom: 1.6em;
  }
  .footer__map{
    margin-left: auto;
    flex-basis: 57.5%;
  }
  .footer__legal-notice{
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}
/*megamenu layout*/
@media (width < 737px) {
  ul.footer__megamenu>li:not(:first-child){
    margin-top: 2em;
  }
}
@media (737px <= width < 1280px) {
  ul.footer__megamenu{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(3, 1fr);
    gap: 2em;
  }
  ul.footer__megamenu>li:nth-child(4){
    grid-row-start: 2;
  }
  ul.footer__megamenu>li:nth-child(5){
    grid-row-start: 2;
  }
  ul.footer__megamenu>li:nth-child(6){
    grid-column: span 3 / span 3;
    grid-row-start: 3;
  }
  ul.footer__megamenu>li:nth-child(6)>ul{
    display: flex;
    flex-wrap: wrap;
  }
  ul.footer__megamenu>li:nth-child(6)>ul>li{
    flex-basis: calc((100% - 2em) / 3);
  }
  ul.footer__megamenu>li:nth-child(6)>ul>li:not(:nth-child(3n)){
    margin-left: 1em;
  }
}
@media (1280px <= width) {
  ul.footer__megamenu{
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-template-rows: repeat(2, 1fr);
    gap: 2em;
  }
  /*ul.footer__megamenu>li:first-child{
    grid-row: span 2 / span 2;
  }*/
  ul.footer__megamenu>li:nth-child(2){
    grid-column-start: 1;
    grid-row-start: 2;
  }
  ul.footer__megamenu>li:nth-child(3){
    grid-column-start: 2;
    grid-row-start: 1;
  }
  ul.footer__megamenu>li:nth-child(4){
    grid-column-start: 2;
    grid-row-start: 2;
  }
  ul.footer__megamenu>li:nth-child(5){
    grid-row: span 2 / span 2;
    grid-column-start: 3;
    grid-row-start: 1;
  }
  ul.footer__megamenu>li:nth-child(6){
    grid-column: span 2 / span 2;
    grid-row: span 2 / span 2;
    grid-column-start: 4;
    grid-row-start: 1;
  }
  ul.footer__megamenu>li:nth-child(6)>ul{
    display: flex;
    flex-wrap: wrap;
  }
  ul.footer__megamenu>li:nth-child(6)>ul>li{
    flex-basis: calc((100% - 1em) / 2);
  }
  ul.footer__megamenu>li:nth-child(6)>ul>li:nth-child(2n){
    margin-left: 1em;
  }
}

/*-------------------
FRONT PAGE
-------------------*/
.page-wrapper.l-full-width{
  display: block;
  width: 100%;
}
.l-inner{
  margin: auto;
  width: var(--width-inner);
}
.page-wrapper.top{
  padding-top: 0;
  padding-bottom: 0;
}
/* main visual */
.top__mv{
  padding-top: var(--header-height);
  box-sizing: border-box;
  color: var(--wp--preset--color--back);
  background-color: rgba(0,0,0, 0.4);
  text-align: center;
  align-content: center;
}
.top__mv__catch{
  font-weight: 600;
}
.top__mv__catch strong{
  color: var(--wp--preset--color--light-2);
}
.top__mv__catch::before,
.top__mv__catch::after{
  content: '';
  display: inline-block;
  width: 1em;
  height: 1em;
  background: url(../images/icon-laurel.svg) no-repeat bottom center;
  background-size: auto 100%;
  vertical-align: -0.1em;
}
.top__mv__catch::after{
  transform: scale(-1,1);
}
.top__mv__practicies{
  margin-inline: auto;
  padding-bottom: 1.5em;
  width: max-content;
  background: url(../images/bg-fukidashi-bold.svg) no-repeat center bottom;
  background-size: 100% auto;
  font-size: 1.125em;
  font-weight: 600;
  line-height: 1.4;
}
.top__mv__practicies strong{
  display: inline-block;
  margin-inline: 0.125em;
  padding-inline: 0.25em;
  padding-bottom: 0.0625em;
  border-radius: 0.09em;
  background: var(--wp--preset--color--brand);
  font-size: 1.0625em;
  vertical-align: 0.125em;
}
.top__main-copy{
  font-size: 2.5em;
  font-weight: 700;
  line-height: 1.325;
}
.top__main-copy strong{
  color: var(--wp--preset--color--light-2);
}
.top__mv__proposal{
  margin-top: 1em;
  margin-inline: auto;
  padding-inline: 0.5em;
  padding-bottom: 1px;
  width: max-content;
  border-radius: 0.125em;
  color: var(--wp--preset--color--text);
  font-size: 0.8125em;
  font-weight: 600;
  background: var(--wp--preset--color--back);
  line-height: 1.3;
}
.top__mv__proposal strong{
  color: var(--wp--preset--color--brand);
}
@media (width < 737px) {
  .top__mv{
    aspect-ratio: 375 / 450;
    background-image: url(../images/main-visual-sp.jpg);
    background-position: center center;
    background-size: cover;
    container-type: inline-size;
    font-size: 4cqi;
  }
  .top__mv__practicies{
    margin-top: 0.5em;
  }
  .top__main-copy{
    margin-top: 0.125em;
  }
  .top__main-copy .is-pc{
    display: none;
  }
}
@media (737px <= width < 1280px) {
  .top__mv{
    aspect-ratio: 375 / 285;
    background-image: url(../images/main-visual-sp.jpg);
    background-repeat: no-repeat;
    background-position: 70% 10%;
    background-size: 110% auto;
  }
}
@media (1280px <= width) {
  .top__mv{
    aspect-ratio: 1366 / 630;
    background-image: url(../images/main-visual.jpg);
    background-position: center center;
    background-size: cover;
  }
}
@media (737px <= width < 1024px) {
  .top__mv{
    container-type: inline-size;
    font-size: 1.7cqi;
  }
}
@media (737px <= width) {
  .top__mv__catch{
    font-size: 1.5em;
  }
  .top__mv__practicies{
    padding-bottom: 0.75em;
    font-size: 2.25em;
  }
  .top__mv__practicies strong{
    font-size: 0.7em;
  }
  .top__main-copy{
    font-size: 4.625em;
    line-height: 1.25;
  }
  .top__mv__proposal{
    font-size: 1.5em;
  }
}
@media (1280px <= width) {
  .top__mv__proposal{
    width: max-content;
  }
}
/*title font-size for tablet*/
@media (737px <= width < 1280px) {
  .top-title--tablet{
    container-type: inline-size;
    font-size: 1.65cqi;
  }
}
/*sympathy area*/
.sympathy{
  padding-block: calc(var(--margin) * 12);
}
.sympathy__title{
  font-size: 2em;
  font-weight: 700;
  text-align: center;
  line-height: 1.4;
}
.sympathy__title strong{
  text-emphasis: dot var(--wp--preset--color--text);
  -webkit-text-emphasis: dot var(--wp--preset--color--text);
}
.sympathy__list__wrapper{
  margin-top: 1.5em;
  padding-block: 3em;
  border-radius: 0.5em;
  background: var(--wp--preset--color--back);
  position: relative;
}
.sympathy__list>li{
  font-size: 1.25em;
  font-weight: 600;
}
.sympathy__list>li:not(:first-child){
  margin-top: 0.75em;
}
.sympathy__list>li::before{
  content: '';
  display: inline-block;
  margin-right: 0.25em;
  width: 1em;
  height: 1em;
  background: url(../images/icon-check.svg) no-repeat center center;
  background-size: 1em auto;
  vertical-align: -0.125em;
}
.sympathy__list__wrapper figure{
  position: absolute;
}
@media (width < 737px) {
  .sympathy{
    container-type: inline-size;
    font-size: 3.2cqi;
  }
  .sympathy__list__wrapper{
    margin-top: 7.5em;
    padding: 4em 1.5em 1.5em 1.5em;
  }
  .sympathy__list__wrapper figure{
    position: absolute;
    top: -6em;
  }
  .sympathy__list__wrapper figure img{
    height: 9em;
    width: auto;
  }
  .sympathy__list__wrapper figure:first-of-type{
    left: 25%;
  }
  .sympathy__list__wrapper figure:last-of-type{
    right: 25%;
  }
}
@media (737px <= width < 1280px) {
  .sympathy__list__wrapper{
    margin-top: 7.5em;
    padding: 4em 1.5em 2.5em 1.5em;
  }
  .sympathy__list__wrapper figure{
    position: absolute;
    top: -6em;
  }
  .sympathy__list__wrapper figure img{
    height: 9em;
    width: auto;
  }
  .sympathy__list__wrapper figure:first-of-type{
    left: calc(50% - 7em);
  }
  .sympathy__list__wrapper figure:last-of-type{
    right: calc(50% - 7em);
  }
}
@media (1280px <= width) {
  .sympathy__title br.is-sp{
    display: none;
  }
  .sympathy__list__wrapper figure{
    position: absolute;
    bottom: -1.375em;
  }
  .sympathy__list__wrapper figure:first-of-type{
    left: 1.75em;
  }
  .sympathy__list__wrapper figure:last-of-type{
    right: 1.75em;
  }
  .sympathy__list__wrapper figure img{
    height: 14.25em;
    width: auto;
  }
}
@media (737px <= width) {
  .sympathy__list{
    margin-inline: auto;
    width: max-content;
  }
}
/*qualify area*/
.qualify{
  margin-top: calc(var(--margin) * 5.6);
}
.qualify__upper{
  margin-inline: auto;
  padding-bottom: calc(var(--margin) * 4);
  background: url(../images/bg-fukidashi-green.svg) no-repeat center bottom;
  background-size: 100% auto;
  font-size: 2.125em;
  font-weight: 700;
  text-align: center;
}
.qualify__upper strong{
  border-radius: 0.25rem;
  color: var(--wp--preset--color--back);
  background: var(--wp--preset--color--brand);
}
.qualify__upper::before,
.qualify__upper::after{
  content: '';
  display: inline-block;
  width: 1em;
  height: 1em;
  background: url(../images/icon-leaves.svg) no-repeat center center;
  background-size: 1em auto;
  vertical-align: -0.0625em;
}
.qualify__upper::before{
  margin-right: 0.5em;
}
.qualify__upper::after{
  margin-left: 0.5em;
  transform: scale(-1,1);
}
.qualify__text{
  font-size: 2.75em;
  font-weight: 700;
  text-align: center;
  line-height: 1.5;
}
.qualify__text strong{
  color: var(--wp--preset--color--brand);
}
.qualify__text span{
  color: var(--wp--preset--color--accent-2);
}
@media (width < 737px) {
  .qualify{
    container-type: inline-size;
    font-size: 1.8cqi;
  }
  .qualify__upper strong{
    margin-inline: 0.125em;
    padding: 0 0.25em;
  }
  .qualify__text{
    font-size: 3.75em;
  }
}
@media (737px <= width) {
  .qualify__upper{
    width: max-content;
  }
  .qualify__upper strong{
    margin-inline: 0.5rem;
    padding: 0 0.5rem;
  }
  .qualify__text br.is-sp{
    display: none;
  }
}
/*merit area*/
.merit{
  padding-block: calc(var(--margin) * 12);
  background: var(--wp--preset--color--back);
}
.merit__title{
  color: var(--wp--preset--color--brand);
  font-size: 2.25em;
  font-weight: 700;
  text-align: center;
  line-height: 1.2;
}
.merit__title strong{
  color: var(--wp--preset--color--accent-2);
}
.merit__title strong span{
  font-size: 1.8em;
  font-family: var(--roman-font);
}
.merit__list{
  margin-top: calc(var(--margin) * 5.6);
}
.merit__list h3{
  margin-top: 0.5em;
  font-size: 1.625em;
  font-weight: 600;
  line-height: 1.45;
  text-align: center;
}
.merit__list h3+p{
  margin-top: 0.5em;
}
.merit__list img{
  border-radius: 0.5em;
}
@media (width < 737px) {
  .merit__title{
    container-type: inline-size;
    font-size: 7.5cqi;
  }
  .merit__list>div:not(:first-of-type){
    margin-top: calc(var(--margin) * 8);
  }
}
@media (737px <= width) {
  .merit__title br.is-sp{
    display: none;
  }
  .merit__list{
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 3em;
  }
}
/*features area*/
.top__features{
  padding-block: calc(var(--margin) * 12);
}
.features__title{
  text-align: center;
  line-height: 1.4;
  position: relative;
}
.features__catch{
  font-size: 1.25em;
  font-weight: 600;
}
.features__catch strong{
  color: var(--wp--preset--color--accent-2);
}
.features__title h2{
  margin-block: 0.875rem;
  color: var(--wp--preset--color--brand);
  font-size: 1.875em;
  font-weight: 700;
}
.features__item__wrapper{
  margin-top: calc(var(--margin) * 5.6);
  counter-reset: feature-num 0;
}
.features__item__wrapper>div{
  padding-top: 1.25em;
  padding-bottom: calc(var(--margin) * 6.4);
  border-bottom: var(--wp--preset--color--border-1) 1px solid;
  counter-increment: feature-num 1;
}
.features__item__wrapper>div:not(:first-child){
  margin-top: calc(var(--margin) * 4);
}
.features-heading{
  line-height: 1.4;
  position: relative;
}
.features-heading::before{
  content: counter(feature-num);
  display: block;
  width: 2.6em;
  aspect-ratio: 97 / 89;
  padding-top: 0.875em;
  padding-left: 0.625em;
  box-sizing: border-box;
  color: var(--wp--preset--color--back);
  background: url(../images/icon-reason.svg) no-repeat center center;
  background-size: contain;
  font-size: 1.5em;
  font-family: var(--roman-font);
  font-weight: 700;
  position: absolute;
  top: 0;
  left: 0;
}
.features-heading p{
  color: var(--wp--preset--color--accent-2);
  font-size: 0.9375em;
  font-weight: 600;
}
.features-heading h3{
  font-size: 1.25em;
  font-weight: 700;
}
.features-heading+p{
  margin-top: 0.75em;
}
@media (width < 737px) {
  .features-heading{
    padding-left: 5em;
  }
  .features__item__wrapper>div:last-of-type{
    border-bottom: none;
  }
  .features__item__wrapper>div>div:last-of-type{
    margin-top: 1.5em;
  }
  .features__image{
    display: none;
  }
}
@media (737px <= width) {
  .features__title h2{
    font-size: 2em;
  }
  .features__title br{
    display: none;
  }
  .features__lead{
    font-size: 1.125em;
  }
  .features__image{
    height: auto;
    display: block;
  }
  .features__item__wrapper>div{
    justify-content: space-between;
    padding-left: 12%;
  }
  .features__item__wrapper>div>div:last-of-type{
    padding-left: 3%;
  }
  .features-heading::before{
    padding-top: 0.875em;
    padding-left: 0.625em;
    font-size: 2.125em;
    top: -0.5em;
  }
  .features-heading p{
    font-size: 1.25em;
  }
  .features-heading h3{
    font-size: 1.625em;
  }
  .features-heading p br,
  .features-heading h3 br{
    display: none;
  }
}
@media (737px <= width < 1280px) {
  .features__title{
    display: table;
  }
  .features__title>div,
  .features__title>figure{
    display: table-cell;
    vertical-align: top;
  }
  .features__image{
    width: 15%;
  }
  .features-heading::before{
    left: -3em;
  }
}
@media (1280px <= width) {
  .features__image{
    width: 10em;
    position: absolute;
    bottom: -1.25em;
    right: 0;
  }
  .features-heading::before{
    left: -4em;
  }
}
/* small cta  area*/
.cta-small{
  border-radius: 0.5em;
  color: var(--wp--preset--color--back);
  background: var(--wp--preset--color--accent-2);
  position: relative;
  container-type: inline-size;
}
.cta-small__text{
  position: relative;
  z-index: 3;
}
.cta-small__text p{
  line-height: 1.4;
}
.cta-small__text p strong{
  color: var(--wp--preset--color--light-2);
  font-weight: 700;
}

.cta-small__btn a{
  display: inline-block;
  border-radius: 6.25em;
  color: var(--wp--preset--color--accent-2);
  background: var(--wp--preset--color--back);
  font-weight: 600;
}
.cta-small__btn a::before{
  content: '';
  display: inline-block;
  margin-right: 0.25em;
  width: 1em;
  height: 1em;
  background: url(../images/icon-conversation-orange.svg) no-repeat center center;
  background-size: 100% auto;
  vertical-align: -2px;
}
.cta-small figure{
  width: 3em;
  height: auto;
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
  z-index: 1;
}
@media (width < 737px) {
  .cta-small{
    margin-top: calc(var(--margin) * 12);
    padding: 2.25em 1.25em 1em 1.25em;
    container-type: inline-size;
  }
  .cta-small__text p{
    font-size: 5.2cqi;
  }
  .cta-small__text p strong{
    font-size: 1.625em;
  }
  .cta-small__btn{
    margin-top: 1em;
    margin-left: 0;
    text-align: center;
  }
  .cta-small__btn a{
    margin-inline: auto;
    padding: 0.875em 3.25em;
    box-sizing: border-box;
  }
  .cta-small figure{
    width: 6em;
    top: -4em;
    left: 50%;
    transform: translateX(-50%);
  }
}
@media (737px <= width) {
  .cta-small{
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .cta-small__btn{
    margin-left: 1.125em;
  }
  br.is-sp{
    display: none;
  }
}
@media (737px <= width < 1280px) {
  .cta-small{
    padding: 1.25em 2em;
    justify-content: center;
  }
  .wp-block-column.cta-small__text{
    flex-basis: calc(100% - 9em);
  }
  .cta-small__text p{
    font-size: 2.25cqi;
  }
  .cta-small__text p strong{
    font-size: 1.5em;
  }
  .cta-small__btn{
    margin-left: 2.5em;
  }
  .cta-small__btn a{
    padding: 0.875em 2.5em;
    width: 7.75em;
  }
  .cta-small figure{
    display: none;
  }
}
@media (1280px <= width) {
  .cta-small{
    padding: 1.25em 1.5em 1.25em 12.75em;
  }
  .cta-small__text p strong{
    font-size: 2.125em;
  }
  .cta-small__btn a{
    padding: 0.875em 3.25em;
  }
  .cta-small figure{
    width: 9.75em;
    top: -1.875em;
    left: 2em;
  }
}
.cta-box{
  margin-top: calc(var(--margin) * 5.6);
  padding: 1.25em 2em;
  border-radius: 0.5em;
  color: var(--wp--preset--color--back);
  background: var(--wp--preset--color--accent-2);
  position: relative;
}
.cta-box h2,
.cta-box h3{
  margin: 0;
  padding: 0;
  background: transparent;
  font-size: 1.5em;
}
.cta-box h2::before,
.cta-box h3::before{
  content: none;
}
.cta-box strong{
  color: var(--wp--preset--color--light-2);
  font-weight: 700;
}
.cta-box figure.wp-block-image{
  display: block;
  position: absolute;
}
.article-contents .cta-box figure.wp-block-image{
  margin: 0;
  padding: 0;
  background: transparent;
}
@media (width < 737px) {
  .cta-box{
    margin-top: calc(var(--margin) * 12);
    padding-top: 3em;
  }
  .cta-box figure.wp-block-image{
    width: 6em;
    top: -3em;
    left: 50%;
    transform: translateX(-50%);
  }
}
@media (737px <= width < 1280px) {
  .cta-box__inner{
    padding-left: 8.5em;
  }
  .cta-box figure.wp-block-image{
    width: 7.5em;
    top: -1em;
    left: 0.5em;
  }
}
@media (1280px <= width) {
  .cta-box{
    padding-left: 12em;
  }
  .cta-box figure.wp-block-image{
    width: 10em;
    top: -1.5em;
    left: 1em;
  }
}

/* flow area */
.top__flow{
  padding-block: calc(var(--margin) * 12);
  background: var(--wp--preset--color--back);
}
.top__flow h2{
  color: var(--wp--preset--color--brand);
  font-size: 1.875em;
  font-weight: 700;
  text-align: center;
}
.top__flow__lead{
  margin-top: calc(var(--margin) * 4.8);
  text-align: center;
}
.top__flow__list .wp-block-columns{
  position: relative;
}
.top__flow__list .wp-block-columns>div{
  margin-top: calc(var(--margin) * 5.6);
}
.top__flow__list .wp-block-columns>div:first-of-type{
  padding-right: 10%;
  box-sizing: border-box;
}
.top__flow__list .wp-block-columns>div:last-of-type h3{
  padding: 0.25em 1em;
  border-top-left-radius: 1em;
  border-bottom-left-radius: 1em;
  border-top-right-radius: 6.25em;
  border-bottom-right-radius: 6.25em;
  color: var(--wp--preset--color--back);
  background: var(--wp--preset--color--brand);
  font-size: 1.125em;
  font-weight: 600;
}
.top__flow__list .wp-block-columns>div:last-of-type h3 small{
  font-size: 0.625em;
}
.top__flow__list .wp-block-columns>div:last-of-type h3::before{
  content: '';
  display: inline-block;
  margin-right: 1em;
  padding-right: 1em;
  border-right: var(--wp--preset--color--light-1) 1px solid;
  width: 1em;
  height: 1.25em;
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 1em auto;
  vertical-align: -0.25em;
}
.top__flow__list>.wp-block-columns:first-of-type>div:last-of-type h3::before{
  background-image: url(../images/icon-mail-green.svg);
}
.top__flow__list>.wp-block-columns:nth-of-type(2)>div:last-of-type h3::before{
  background-image: url(../images/icon-conversation-green.svg);
}
.top__flow__list>.wp-block-columns:nth-of-type(3)>div:last-of-type h3::before{
  background-image: url(../images/icon-document-green.svg);
}
.top__flow__list>.wp-block-columns:nth-of-type(4)>div:last-of-type h3::before{
  background-image: url(../images/icon-contract-green.svg);
  background-position: left 60%;
  background-size: 1.375em auto;
}
.top__flow__list .wp-block-columns>div:last-of-type h3+p{
  margin-top: 1.25em;
}
.top__flow__list .wp-block-columns:not(:last-of-type)::before{
  content: '';
  display: block;
  width: 2px;
  height: calc(var(--margin) * 8);
  background-image: linear-gradient(180deg, var(--wp--preset--color--brand), var(--wp--preset--color--light-2) 75%);
  position: absolute;
  left: calc(50% - 1px);
  bottom: calc(var(--margin) * -12);
}
.top__flow__list .wp-block-columns:not(:last-of-type)::after{
  content: '';
  display: block;
  width: 15px;
  height: 9px;
  box-sizing: border-box;
  color: var(--wp--preset--color--brand);
  background: url(../images/image-arrow-bottom.png) no-repeat center center;
  background-size: 100% auto;
  position: absolute;
  left: calc(50% - 8px);
  bottom: calc(var(--margin) * -12);
}
@media (width < 737px) {
  .top__flow__list .wp-block-columns:not(:first-of-type){
    margin-top: calc(var(--margin) * 12);
  }
}
@media (737px <= width) {
  .top__flow h2{
    font-size: 2.25em;
  }
  .top__flow__list .wp-block-columns>div:first-of-type{
    flex-basis: 32%;
    padding-right: 4em;
  }
  .top__flow__list .wp-block-columns>div:last-of-type{
    flex-basis: 68%;
  }
  .top__flow__list .wp-block-columns>div:last-of-type h3{
    padding: 0.125em 1em;
    font-size: 1.625em;
  }
  .top__flow__list .wp-block-columns:not(:last-of-type)::before{
    left:16%;
  }
  .top__flow__list .wp-block-columns:first-of-type::before{
    height: calc(100% + calc(var(--margin) * 5.6) - 15em);
    top: 15em;
  }
  .top__flow__list .wp-block-columns:nth-of-type(2)::before{
    height: calc(100% + calc(var(--margin) * 5.6) - 13.5em);
    top: 13.5em;
  }
  .top__flow__list .wp-block-columns:nth-of-type(3)::before{
    height: calc(100% + calc(var(--margin) * 5.6) - 16.5em);
    top: 16.5em;
  }
  .top__flow__list .wp-block-columns:not(:last-of-type)::after{
    bottom: calc(var(--margin) * -5.6);
    left: calc(16% - 7px);
  }
}
/* price area*/
.top__price{
  padding-block: calc(var(--margin) * 12);
}
.top__price__title{
  position: relative;
}
.top__price__title h2{
  color: var(--wp--preset--color--brand);
  font-size: 1.875em;
  font-weight: 700;
  text-align: center;
  line-height: 1.4;
}
.top__price__wrapper{
  margin-top: calc(var(--margin) * 5.6);
}
.top__price__wrapper figure img{
  border-radius: 0.5em;
}
@media (width < 737px) {
  .top__price__title{
    padding-top: 1em;
  }
  .top__price__title figure{
    width: 6em;
    height: auto;
    position: absolute;
    top: -5em;
    left: 50%;
    transform: translateX(-50%);
  }
  .top__price__wrapper{
    display: flex !important;
    flex-direction: column-reverse;
  }
  .price__catch+p{
    margin-top: 1.25em;
  }
  .top__price__wrapper figure{
    margin-bottom: calc(var(--margin) * 4)
  }
}
@media (737px <= width) {
  .top__price h2{
    font-size: 2.25em;
  }
  .top__price h2 br{
    display: none;
  }
  .top__price__title figure{
    height: auto;
    position: absolute;
  }
  .top__price__wrapper>.wp-block-column:first-of-type{
    flex-basis: 47.5%;
    box-sizing: border-box;
  }
  .top__price__wrapper>.wp-block-column:last-of-type{
    flex-basis: 52.5%;
  }
}
@media (737px <= width < 1280px) {
  .top__price__title{
    padding-right: 3em;
    display: flex;
    flex-direction: row-reverse;
    justify-content: center;
    align-items: center;
  }
  .top__price__wrapper>.wp-block-column:first-of-type{
    padding-right: 1.5em;
  }
  .top__price__title figure{
    margin-right: 1.5em;
    position: relative;
    width: 6em;
  }
}
@media (1280px <= width) {
  .top__price__wrapper>.wp-block-column:first-of-type{
    padding-right: 6em;
  }
  .top__price__title figure{
    width: 8.125em;
    height: auto;
    position: absolute;
    bottom: -1.375em;
    left:10%;
  }
}
/* cta in price area */
.top__price__cta{
  margin-top: calc(var(--margin) * 5.6);
  padding: 1em 1.5em;
  border-radius: 0.5em;
  color: var(--wp--preset--color--back);
  background: var(--wp--preset--color--accent-2);
  position: relative;
}
.top__price__cta__inner{
  font-weight: 600;
}
.price__cta__coupon{
  font-size: 1.625em;
}
.price__cta__coupon strong{
  color: var(--wp--preset--color--light-2);
}
.price__cta__contact span{
  display: inline-block;
  margin-inline: 0.125em;
}
.price__cta__contact{
  font-size: 1.125em;
  vertical-align: 3em;
}
.top__price__cta::after{
  content: '';
  display: block;
  width: 7.5em;
  height: 7.5em;
  background: url(../images/image-contact-woman.png) no-repeat center center;
  background-size: auto 100%;
  position: absolute;
  top: -2em;
  right: 0.5em;
  z-index: 1;
}
@media (width < 737px) {
  .top__price__cta{
    margin-top: calc(var(--margin) * 18);
    container-type: inline-size;
    font-size: 3.2cqi;
  }
}
@media (width < 1280px) {
  .price__cta__contact span{
    padding-inline: 0.5em;
    border-radius: 0.25em;
    color: var(--wp--preset--color--back);
    background: var(--wp--preset--color--light-3);
    line-height: 1.4;
  }
}
@media (737px <= width) {
  .price__cta__contact br{
    display: none;
  }
  .top__price__cta::before{
    content: '';
    display: block;
    background: url(../images/image-contact-man.png) no-repeat center center;
    background-size: auto 100%;
    position: absolute;
    z-index: 1;
  }
}
@media (737px <= width < 1280px) {
  .top__price__cta{
    padding-left: 12.5%;
    padding-right: 5%;
  }
  .top__price__cta::after{
    width: 7.25em;
    height: 7.25em;
    top: -0.125em;
    right: -1.5em;
  }
  .top__price__cta::before{
    width: 8em;
    height: 8em;
    top: 0;
    left: -2em;
  }
}
@media (1280px <= width) {
  .top__price__cta{
    padding: 1em 1.5em;
    height: 5em;
  }
  .top__price__cta__inner{
    width: 100%;
    display: flex;
    align-items: end;
    justify-content: center;
    position: relative;
    top: -2em;
    z-index: 3;
  }
  .price__cta__contact{
    margin-left: 1em;
  }
  .price__cta__contact span{
    display: inline-block;
    margin-inline: 0.125em;
    width: 4.5em;
    height: 4.5em;
    background: url(../images/bg-fukidashi-circle.svg) no-repeat center center;
    background-size: 100% auto;
    line-height: 4.5;
    text-align: center;
    vertical-align: 1em;
  }
  .top__price__cta::after{
    width: 5.125em;
    height: 5.125em;
    top: -0.125em;
    right: 1.5em;
  }
  .top__price__cta::before{
    width: 5.5em;
    height: 5.5em;
    top: 0;
    left: 1.5em;
  }
}

/* faq area */
.top__faq{
  padding-block: calc(var(--margin) * 12);
  background: var(--wp--preset--color--back);
}
.top__faq__title{
  text-align: center;
  position: relative;
}
.top__faq__title p{
  font-size: 1.25em;
  font-weight: 600;
}
.top__faq__title h2{
  margin-top: var(--leading-trim);
  color: var(--wp--preset--color--brand);
  font-size: 1.875em;
  font-weight: 700;
}
.top__faq__title{
  margin-bottom: calc(var(--margin) * 5.6);
}
.top__faq__image{
  display: block;
  height: auto;
  position: absolute;
}
.top__faq details{
  margin-top: 0.75em;
  padding: 1.875em 1em;
  border-radius: 0.5em;
  background: var(--wp--preset--color--base-2);
}
@media (width < 737px) {
  .top__faq{
    margin-top: 4em;
  }
  .top__faq__image{
    width: 7.5em;
    top: -6em;
    left: 50%;
    transform: translateX(-50%);
  }
}
@media (737px <= width) {
  .top__faq__title h2{
    font-size: 2.25em;
  }
  .top__faq details{
    padding: 1.875em 3.5em;
  }
}
@media (737px <= width < 1280px) {
  .top__faq__title{
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .top__faq__image{
    margin-left: 1.5em;
    width: 7.5em;
    position: relative;
  }
}
@media (1280px <= width) {
  .top__faq__image{
    width: 11.5625em;
    bottom: 0;
    right: 12.5%;
  }
}

/* profile area */
.top__profile{
  padding-block: calc(var(--margin) * 12);
}
.profile__title{
  padding-left: 7.5em;
  width: max-content;
  position: relative;
}
.top__profile h2{
  color: var(--wp--preset--color--brand);
  font-size: 1.875em;
  font-weight: 700;
}
.profile__name{
  font-size: 1.375em;
  font-weight: 600;
  line-height: 1.2;
}
.profile__name-en{
  font-size: 0.75em;
  font-family: var(--roman-font);
  font-weight: 500;
  text-align: center;
}
.profile__image{
  height: auto;
  position: absolute;
}
.top__profile h3,
.profile.subpage h3{
  margin-top: 1.5em;
  display: inline-block;
  padding: 0.125em 0.625em;
  border: var(--wp--preset--color--brand-2) 1px solid;
  border-radius: 0.25em;
  color: var(--wp--preset--color--brand);
  font-size: 0.875em;
  font-weight: 600;
}
.profile__biography{
  margin-top: 0.5em;
}
.profile__biography dl{
  display: flex;
}
.profile__biography dt{
  padding-right: 1em;
  flex-basis: 4em;
}
.profile__biography dd{
  padding-left: 1em;
  flex-basis: calc(100% - 5em);
  border-left: var(--wp--preset--color--brand-2) 2px dotted;
  position: relative;
}
.profile__biography dl:last-of-type dd{
  padding-bottom: 0.75em;
}
.profile__biography dd::before{
  content: '';
  display: block;
  width: 2px;
  height: 100%;
  background: var(--wp--preset--color--brand-2);
  position: absolute;
  top: 0.75em;
  left: -2px;
}
.profile__biography dl:last-of-type dd::before{
  height: 1em;
}
.profile__biography dd::after{
  content: '';
  display: block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--wp--preset--color--brand-2);
  position: absolute;
  top: 0.75em;
  left: -5px;
}
.profile figure img{
  border-radius: 0.5em;
}
.top__profile__btn{
  margin-top: calc(var(--margin) * 5.6);
}
@media (width < 737px) {
  .profile__image{
    width: 6.5em;
    top: 0;
    left: 0;
  }
  .profile__photo{
    margin-top: calc(var(--margin) * 5.6);
  }
}
@media (737px <= width < 1280px) {
  .profile__title{
    width: 15em;
    box-sizing: content-box;
  }
}
@media (737px <= width) {
  .profile__title{
    padding-left: 10.5em;
  }
  .top__profile h2{
    font-size: 2.25em;
  }
  .profile__name{
    margin-top: 0.5em;
    font-size: 1.625em;
  }
  .profile__name-en{
    font-size: 0.75em;
  }
  .profile__image{
    width: 9.1875em;
    top: 0;
    left: 0;
  }
  .profile__biography{
    width: 87.5%;
  }
}
/* columns area */
.top__columns{
  padding-top: calc(var(--margin) * 5.6);
  padding-bottom: calc(var(--margin) * 7.2);
  background: var(--wp--preset--color--back);
}
.top__columns .page__category-list{
  margin-top: 0;
}
@media (737px <= width) {
  .top__columns .page__category-list{
    grid-template-columns: repeat(auto-fill, minmax(16.875em, 1fr));
  }
}


/* news area */
.top__news{
  padding-block: calc(var(--margin) * 7.2);
  background: var(--wp--preset--color--back);
}
.top__news h2{
  flex-basis: 20%;
  font-size: 1.625em;
  font-weight: 600;
}
.top__news ul{
  margin-top: 0.5em;
  flex-basis: 80%;
}
.top__news ul>li{
  display: flex;
  padding-bottom: 1.5em;
  border-bottom: 1px solid var(--wp--preset--color--border-1);
  align-items: center;
}
.top__news ul>li:not(:first-child){
  padding-top: 1.5em;
}
@media (737px <= width) {
  .top__news__wrapper{
    display: flex;
  }
}


.s-point>li{
  padding: 0.5em 1.25em;
  border-left: var(--wp--preset--color--accent-1) 4px solid;
  border-top-right-radius: 6.25em;
  border-bottom-right-radius: 6.25em;
  width: max-content;
  color: var(--wp--preset--color--back);
  background: var(--wp--preset--color--brand);
  font-size: 1.25em;
  font-weight: 600;
}
.s-point>li:before{
  content: '';
  display: inline-block;
  margin-right: 0.375em;
  width: 1em;
  height: 1em;
  background: url(../images/icon-check-yellow.svg) no-repeat center center;
  background-size: 1em auto;
  vertical-align: -0.125em;
}
.s-point>li:not(:first-child){
  margin-top: 0.375em;
}

/*---------------
NEWS Archive
---------------*/
.news-wrapper>ul>li{
  padding-block: 1.25em;
  border-bottom: var(--wp--preset--color--border-1) 1px solid;
  display: flex;
  line-height: 1.2;
}
.news-date{
  padding-top: 0.25em;
  width: 7em;
  font-family: var(--roman-font);
  font-weight: 500;
}
.news-taxonomy a{
  display: inline-block;
  margin-inline: 1em;
  padding-inline: 0.5em;
  padding-bottom: 1px;
  border-width: 1px;
  border-style: solid;
  border-color: var(--wp--preset--color--border-1);
  border-radius: 0.33em;
  width: 10em;
  color: var(--wp--preset--color--text-2);
  font-size: 0.75em;
  line-height: 1.5;
  text-align: center;
}
.news-taxonomy a[href*="cp-notification"]{
  border-color: var(--wp--preset--color--light-3);
  color: var(--wp--preset--color--accent-2);
}
.news-title{
  font-weight: 400;
}
@media (width < 737px) {
  .top__news__wrapper ul>li,
  .news-wrapper>ul>li{
    flex-wrap: wrap;
  }
  .news-taxonomy{
    flex-basis: calc(100% - 7em);
  }
  .news-taxonomy a{
    margin-inline: 0;
  }
  .news-title{
    flex-grow: 2;
  }
  .news-wrapper .news-title{
    padding-top: 0.5em;
  }
}
/*-------------
6 reasons
-------------*/
.subpage .features-heading h3{
  margin-top: 0;
  padding: 0;
  background: none;
}
.subpage .features-heading h3::before{
  content: none;
}
.features__item__wrapper.subpage figure.wp-block-image{
  margin: 0;
  padding: 0;
  background: transparent;
}
.features__title .page__title{
  margin-block: 0.875rem;
  color: var(--wp--preset--color--brand);
  font-size: 1.875em;
  font-weight: 700;
}
@media (737px <= width) {
  .features__item__wrapper.subpage>div{
    padding-left: 0;
  }
  .subpage .features-heading{
    padding-left: 5.5em;
  }
  .subpage .features-heading::before{
    font-size: 1.875em;
    left: 0;
  }
  .subpage .features-heading p{
    font-size: 0.9375em;
  }
  .subpage .features-heading h3{
    font-size: 1.375em;
  }
}
@media (737px <= width < 1280px) {
  .features__title .page__title br{
    display: block;
  }
  .features__item__wrapper.subpage .wp-block-columns{
    display: block !important;
  }
  .features__item__wrapper.subpage>div>div:last-of-type{
    margin-top: calc(var(--margin) * 4);
    padding-left: 0;
    width: 80%;
    text-align: left;
  }
  .article-contents .features__item__wrapper figure.wp-block-image{
    text-align: left;
  }
}
/*----------------
Subpage Flow
----------------*/
.subpage-flow figure.wp-block-image{
  margin: 0;
  padding: 1em 1.5em 1em 1em;
  border-radius: 0.5em;
  aspect-ratio: 3/2;
  background: var(--wp--preset--color--back);
  align-content: center;
}
.article-contents .subpage-flow .wp-block-columns{
  margin-top: calc(var(--margin) * 5.6);
  margin-bottom: 0;
}
.subpage-flow .wp-block-columns+p{
  margin-top: 1.5em;
}
@media (width < 737px) {
  .subpage-flow .wp-block-columns{
    margin-top: calc(var(--margin) * 8);
  }
}
@media (737px <= width) {
  .subpage-flow .wp-block-columns>div:first-of-type{
    flex-basis: 33.33% !important;
  }
  .subpage-flow .wp-block-columns>div:last-of-type{
    flex-basis: 66.66% !important;
  }
}
/*----------------
Office Page
----------------*/
.profile.subpage h2::before,
.profile.subpage h3::before{
  display: none;
}
.profile.subpage h2{
  margin: 0;
  padding: 0;
  border-radius: 0;
  color: var(--wp--preset--color--brand);
  background: transparent;
}
.article-contents .profile.subpage *+p{
  margin-top: 0;
}
.article-contents .profile.subpage h3{
  width: max-content;
  background: transparent;
}
@media (737px <= width < 1280px) {
  .profile.subpage .profile__title{
    padding-left: 0;
  }
  .profile.subpage .profile__image{
    display: none;
  }
}
.office__message{
  color: var(--wp--preset--color--brand);
  font-size: 1.375em;
  font-weight: 600;
  font-style: italic;
  line-height: 1.4;
}
.office__message em{
  font-style: italic;
  text-decoration: none;
}
@media (737px <= width) {
  .office__message br.is-sp{
    display: none;
  }
}
.office-point h3{
  padding: 0 0 0 1.5em;
  color: var(--wp--preset--color--brand);
  background: transparent;
  font-size: 1.375em;
  font-weight: 700;
  background: url(../images/icon-check.svg) no-repeat left bottom;
  background-size: 1em auto;
}
.office-point h3::before{
  display: none;
}
.article-contents figure.wp-block-image.office-message__photo{
  padding: 0;
}
.article-contents figure.wp-block-image.office-message__photo img{
  border-radius: 0.5em;
}
@media (width < 737px) {
  .office-point .wp-block-columns{
    display: flex;
    flex-direction: column-reverse;
  }
}
@media (737px <= width) {
  .office-message__photo{
    margin-left: 2.5em;
    width: 37.5%;
    float: right;
  }
}
.office-info .wp-block-columns{
  margin: 0;
  border-top: var(--wp--preset--color--border-1) 1px solid;
}
.office-info .wp-block-columns:last-of-type{
  border-bottom: var(--wp--preset--color--border-1) 1px solid;
}
.office-info .wp-block-columns>div{
  padding: 0.5em 1em;
}
.office-info .wp-block-columns>div:first-of-type{
  background: var(--wp--preset--color--back-2);
}
.office-info .wp-block-columns>div p{
  margin-top: 0;
}
@media (width < 737px) {
  .article-contents .office-info .wp-block-columns>div:not(:first-of-type){
    margin-top: 0;
  }
}
@media (737px <= width) {
  .office-info .wp-block-columns>div{
    padding: 1em 1.5em;
  }
  .office-info .wp-block-columns>div:first-of-type{
    flex-basis: 7em;
  }
  .office-info .wp-block-columns>div:last-of-type{
    flex-basis: calc(100% - 7em);
  }
}

/*----------------
Access Page
----------------*/
.access__map__iframe{
  width: 100%;
  height: 15em;
}
.access__route-detail{
  margin-top: calc(var(--margin) * 5.6) !important; 
  gap: 2.5em !important;;
}
.access__route-detail>div{
  gap: 0 !important;
}
/*----------------
Recruit Page
----------------*/
.recruit-banner{
  margin-top: calc(var(--margin) * 5.6);
  padding: 1.25em;
  border: var(--wp--preset--color--text) 1px solid;
  background: var(--wp--preset--color--back)BF1;
  position: relative;
  overflow: hidden;
  
}
.recruit-banner::after {
  content: '';
  position: absolute;
  right: 0;
  top: 0;
  width: 45em;
  aspect-ratio: 1;
  clip-path: polygon(0 0, 100% 0, 100% 40%);
  background: rgba(226, 117, 15, 0.15);
  z-index: 1;
}
.recruit-banner__inner{
  position: relative;
  z-index: 3;
}
.recruit-banner figure.wp-block-image{
  margin: 0;
  padding: 0;
  border-radius: 0;
  background: transparent;
}
.recruit-banner__btn a{
  padding: 0.75em 1em;
  border-radius: 5em;
  width: 100%;
  box-sizing: border-box;
  display: block;
  border-radius: 3.75em;
  text-align: center;
  background: var(--wp--preset--color--text);
  font-weight: 600;
  transition: .3s;
}
.recruit-banner__btn p:last-of-type a{
  margin-top: 1em;
  border: var(--wp--preset--color--text) 1px solid;
  background: var(--wp--preset--color--back);
  text-decoration: none;
}
.recruit-banner__btn p:first-of-type a{
  background: #E2750F;
}
.recruit-banner__btn p a:hover{
  color: var(--wp--preset--color--back);
  background: var(--wp--preset--color--text);
}
.recruit-banner__btn p a::before{
  content: '';
  display: inline-block;
  margin-right: 0.5em;
  width: 1.125em;
  height: 1.125em;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% auto;
  vertical-align: -0.25em;
}
.recruit-banner__btn p:first-of-type a::before{
  background: url(../images/recruit-icon_arrow.svg) no-repeat center center;
  background-size: 100% auto;
}
.recruit-banner__btn p:last-of-type a::before{
  background: url(../images/recruit-icon_doc.svg) no-repeat center center;
}
@media (width < 737px) {
  .recruit-banner figure.wp-block-image.recruit-banner__image{
    margin-block: 1.25em;
  }
}
@media (737px <= width) {
  .recruit-banner__inner{
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    z-index: 3;
  }
  .recruit-banner__catch{
    flex-basis: 27%
  }
  .recruit-banner__image{
    flex-basis: 43%
  }
  .recruit-banner__btn{
    flex-basis: 27%;
  }
}
@media (737px <= width < 1024px) {
  .recruit-banner__btn{
    font-size: 0.75em;
  }
}
/*------------------
SITEMAP
------------------*/
.sitemap__page-list{
  margin-top: calc(var(--margin) * 5.6);
}
ul.sitemap__page-list>li{
  margin-top: calc(var(--margin) * 5.6);
}
ul.sitemap__page-list>li>a{
  padding-left: 1.5em;
  background: url(../images/icon-leaves.svg) no-repeat left center;
  background-size: 1em auto;
  font-size: 1.25em;
  font-weight: 600;
}
ul.sitemap__page-list>li>ul>li{
  margin-top: 0.5em;
  padding-left: 0.75em;
  background: url(../images/icon-nav.svg) no-repeat left 0.7em;
  background-size: 0.375em auto;
}
@media (737px <= width) {
  ul.sitemap__page-list>li>ul>li{
    display: inline-block;
    margin-right: 1.5em;
  }
  ul.sitemap__page-list>li>ul>li>a:hover{
    text-decoration: underline;
  }
}
.search-area{
  margin-top: calc(var(--margin) * 5.6);
  padding: 1.5em 2.5em;
  border-radius: 0.5em;
  background: var(--wp--preset--color--back);
}
.search-articles{
  margin-top: calc(var(--margin) * 5.6);
}
.wp-block-search__inside-wrapper{
  display: flex;
  align-items: center;
}
.wp-block-search__button{
  margin-left: 1em;
}
.wp-element-button.wp-block-search__button{
  margin-top: 0;
}
@media (width < 737px) {
  .search-area{
    padding: 1.5em;
  }
  .wp-block-search__inside-wrapper{
    display: block;
  }
  .wp-block-search__input{
    margin-top: 0.5em;
    width: 100%;
  }
  .wp-element-button.wp-block-search__button{
    margin-top: 1em;
    margin-inline: auto;
  }
}
ul.article-list{
  margin-top: calc(var(--margin) * 5.6);
}
.article-list>li .wp-block-group.is-vertical.is-layout-flex{
  gap: 0;
}
.article-list.search h2{
  margin-bottom: 0;
}
.article-list.search .taxonomy-category{
  padding: 0 0.5em;
  border: var(--wp--preset--color--brand) 1px solid;
  border-radius: 0.125em;
  display: inline-block;
  margin-right: 0.5em;
  color: var(--wp--preset--color--brand);
  font-size: 0.875em;
  line-height: 1.4;
}
.article-list .wp-block-post-excerpt{
  margin-top: auto;
}
.page-title.search{
  font-size: 1.75em;
  font-weight: 800;
  line-height: 1.2;
}
.search-word{
  margin-top: 1.5em;
  font-weight: 400;
}
ul.search{
  margin-top: calc(var(--margin) * 5.6);
}
@media (737px <= width) {
  .page-title.search{
    font-size: 2.25em;
  }
}