@charset "UTF-8";
/* CSS Document */

/*under header ++++++++++++++++++++++++++++++++++++++++*/
#under-header{
  box-shadow: 0 0 10px rgb(0 0 0 / 15%);
}
#under-header.nav-open{
  box-shadow: none;
}
/*under hero ++++++++++++++++++++++++++++++++++++++++*/
#under-hero{
  padding-top: var(--head-h);
}
.under-image-inner{
  min-height: min(420px,50vw);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  display: grid;
  grid-template-columns: auto;
  place-content:center;
  padding: 5px;
}
.under-page-title{
  color: #fff;
  display: flex;
  flex-direction: column;
  -ms-align-items: center;
  align-items: center;
  font-family: var(--fnt-serif);
  gap:min(20px,3vw);
}
.under-page-title .sub{
  font-size: clamp(16px,2.6042vw,24px);
}
.under-page-title .main{
   font-size: clamp(32px,6.5104vw,50px);
}
.under-page-title .cate{
  font-size: clamp(14px,2.3438vw,18px);
}

/*under content ++++++++++++++++++++++++++++++++++++++++*/
.under-contents{
  padding-top: var(--pd_vt) 
}

.dot-list > li{
  padding-left: 1em;
  line-height: calc(24/14);
}
.dot-list > li::before{
  content: "・";
  position: absolute;
  left: 0;
  top: 0;
}
.ccl-list > li{
  padding-left: 1.5em;
  line-height: calc(24/14);
}
.ccl-list > li::before{
  content: "";
  width: .7857em;
  aspect-ratio:1;
  position: absolute;
  left: 0;
  top: .5em;
  background-color: var(--clr-main);
  border-radius: 100vmax;
}
.ccl-list > li:nth-child(n+2){
  margin-top: .5em;
}

.att-list > li{
  padding-left: 1.25em;
  line-height: calc(24/14);
}
.att-list > li::before{
  content: "※";
  position: absolute;
  left: 0;
  top: 0;
}
.check-list > li{
  padding-left: 2em;
  line-height: calc(24/18);
  font-size: min(18px,3.6vw);
}
.check-list > li:nth-child(n+2){
  margin-top: min(20px,3vw);
}
.check-list > li::before{
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 1.3333em;
  aspect-ratio:1;
  background-image: url("../images/icon/check.svg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.check-list.fs_base > li{
  font-size: 1em;
}
.check-list.fs_base > li:nth-child(n+2){
  margin-top: 10px;
}
.pare-num-list{
  counter-reset: count;
}
.pare-num-list > li{
  padding-left: 1.8em;
}
.pare-num-list > li::before{
  counter-increment: count;
  content:'（' counter(count)'）';
  position: absolute;
  left: 0;
  top: 0;
}

/*page service
==========================================================*/
.page-service-contents{
  padding-top: 0;
}
.page-service__intro{
  padding: var(--pd_vt) var(--pd_hz);
  background-color: var(--wall-gray);
  display: grid;
  grid-template-columns: min(1100px,100%);
  justify-content: center;
  gap:min(60px,10vw);
}
.page-service__intro .in-text{
  text-align: center;
}

.service-intro__link{
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap:min(25px,3vw);
}
.service-intro__link li a{
  display: grid;
  grid-template-columns: min(255px,100%);
  justify-content: center;
  -ms-align-items: center;
  align-items: center;
  width: 100%;
  height:min(72px,15vw);
  padding: min(10px,2.5vw);
  background-color: #fff;
  color: var(--clr-main);
  font-size: min(16px,3.6vw);
  font-family: var(--fnt-serif);
  line-height: calc(20/16);
}
.service-intro__link li a span{
  padding-right: 1.75em;
}
.service-intro__link li a span::before
,.service-intro__link li a span::after{
  content: "";
  width: 1.25em;
  aspect-ratio:1;
  position: absolute;
  right: 0;
  top: 50%;
  translate:0 -50%;
  transition:top var(--transit);
}
.service-intro__link li a span::before{
  border-radius: 100vmax;
  background-color: currentColor;
}
.service-intro__link li a span::after{
  background-color: #fff;
  mask:url("../images/icon/arrow_line.svg") no-repeat center/25%;
  rotate:90deg;
  translate:0 -45%;
}
@media(hover){
  .service-intro__link li a:hover span::before
  ,.service-intro__link li a:hover span::after{
    top:calc(50% + 3px);
  }
}
.service-detail_wrap{
  padding-top: var(--pd_vt);
  display: flex;
  flex-direction: column;
  gap:min(60px,12vw);
  padding-bottom: var(--pd_vt);
}
.service-detail__intro{
  gap:min(30px,5vw);
}
.service-feature-list{
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap:min(25px,5vw);
}
.service-feature-list > li{
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: min(150px,30vw) auto;
  gap:min(20px,4vw);
}
.service-feature-list > li .thumb img{
  object-fit: contain;
  height: 100%;
  width: 100%;
  object-position: center;
}
.service-feature-list .comment{
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
  gap:min(10px,1.5vw);
  -ms-align-items: center;
  align-items: center;
}
.service-feature-list .comment .list-title{
  font-family: var(--fnt-serif);
  font-size: var(--head3_min);
  font-weight: 500;
  color: var(--clr-main);
  text-align: center;
}
.service-feature-list .comment .in-text{
  width: min(22em,100%);
}
.service-detail__desc{
  gap:min(30px,7vw);
  display: flex;
  flex-direction: column;
}
.service-desc-list{
  gap:min(25px,4vw);
}
.under-desc-list
,.service-desc-list > div{
  background-color: var(--wall-pale-blue);
  padding: min(20px,4vw) min(40px,3vw);
  display: grid;
  grid-template-columns: min(1020px,100%);
  justify-content: center;
  gap:10px;
}
.service-desc-list > div.u-center{
  place-items: center;
}
.service-desc-list > div > dt{
  font-family: var(--fnt-serif);
  font-size: var(--head3_min);
  font-weight: 500;
  color: var(--clr-main);
  line-height: calc(32/22);
}

.svs_dd__in{
  display: grid;
  grid-template-columns: auto 1fr;
  gap:10px 1.5em;
  line-height: calc(24/14);
}
.svs_dd__in dt{
  font-weight: 700;
}
.svs_dd__in dd span{
  text-decoration: underline;
  text-decoration-color:var(--clr-main);
  text-underline-offset:4px;
}
.service-process-list{
  display: grid;
  grid-template-columns: repeat(4,1fr);
  gap:min(50px,10vw) min(70px,8vw);
}
.service-process-list > li{
  display: grid;
  grid-template-columns: auto;
  grid-template-rows: auto 1fr;
  gap:min(20px,3vw);
  place-items:center;
}
.service-process-list > li:nth-child(n+2)::before{
  content: "";
  width: .5em;
  aspect-ratio:1;
  border: 2px solid;
  border-color: var(--clr-main) var(--clr-main) transparent transparent;
  position: absolute;
  top: 50%;
  left: max(-35px,-4vw);
  border-radius: 1.5px;
  rotate:45deg;
  translate:-50% 0;
}
.service-process-list .thumb{
  width: min(200px,100%);
}
.service-process-list .comment{
  display: grid;
  grid-template-columns: auto;
  grid-template-rows: auto 1fr;
  gap:min(10px,1.5vw);
  text-align: center;
}
.service-process-list .comment .list-title{
  font-family: var(--fnt-serif);
  font-size: var(--head3_min);
  font-weight: 500;
  color: var(--clr-main);
  display: flex;
  flex-direction: column;
  -ms-align-items: center;
  align-items: center;
  gap:5px;
}

.svc_m-rules__problem{
  background-color: var(--wall-pale-gray);
  padding: min(30px,6vw) min(20px,3vw);
  display: grid;
  grid-template-columns: auto;
  justify-content: center;
  gap:min(30px,6vw);
}
.svc_m-rules__problem::after{
  content: "";
  width: min(130px,25vw);
  aspect-ratio:1/0.3015;
  background-color: var(--wall-pale-gray);
  position: absolute;
  bottom: 1px;
  left: 50%;
  translate: -50% 100%;
  clip-path: polygon(0 0, 50% 100%, 100% 0);
}
.svc_m-rules__problem .in-title{
  font-family: var(--fnt-serif);
  font-size: var(--head3_min);
  font-weight: 500;
  color: var(--clr-main);
  text-align: center;
}
.svc_m-rules__problem .in-title span{
  text-decoration: underline;
  text-underline-offset:7px;
  text-decoration-thickness: 1.5px;
}
.problem-list{
  width: 100%;
  display: grid;
  grid-template-columns: repeat(4,1fr);
  justify-content: center;
  gap:5px;
}
.problem-list > li{
  background-color: #fff;
  display: grid;
  place-content:center;
  place-items:center;
  grid-template-columns: min(13em,100%);
  padding: min(20px,3vw);
  text-align: center;
  font-weight: 500;
}

/*service cta*/
.service-cta-blc{
  padding:min(40px,8vw) 0;
  display: grid;
  grid-template-columns: auto;
  justify-content: center;
  gap:min(40px,8vw);
  min-height: 284px;
  align-content: center;
}
.service-cta-blc::before{
  content: "";
  width: 100vw;
  height: 100%;
  position: absolute;
  top: 0;
  left: 50%;
  translate:-50% 0;
  background-image: url("../images/wall/cta.webp");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  border: 1px solid #EFEFEF;
  box-sizing: border-box;
}

.service-cta__desc{
  display: flex;
  flex-direction: column;
  gap:min(20px,5vw);
  align-items: center;
}
.service-cta__desc .cta__title{
  text-align: center;
  line-height: calc(32/20);
  font-size:clamp(18px,2.6042vw,20px);
  font-family: var(--fnt-serif);
  color: var(--clr-main);
  font-weight: 500;
}
.service-cta__desc .in-text{
  text-align: center;
}
.service-cta__button{
  width: 100%;
  display: flex;
  justify-content: center;
  gap:min(20px,3vw) min(25px,5vw);
}
.service-cta__button .rect-button{
  min-width: min(210px,calc(100% - min(25px,5vw))/2);
}

/*page office
==========================================================*/
.office-contents{
  display: flex;
  flex-direction: column;
  gap: var(--pd_vt);
}
.page-office__intro p{
  text-align: center;
}
.page-office_message{
  display: grid;
  grid-template-columns: min(450px,40vw) 1fr;
  gap:min(80px,5vw);
  -ms-align-items: center;
  align-items: center;
}
.office-message__thumb{
  aspect-ratio:1/0.6998;
  background-color: #ddd;
  border-radius: min(15px,3.6vw);
  overflow: hidden;
  isolation: isolate;
}
.office-message__desc{
  gap:min(30px,4vw);
}
.office-message__desc .comment{
  gap:min(20px,3vw);
}
.office-message__desc .name{
  font-size: clamp(18px, 2.8646vw, 22px);
  font-family: var(--fnt-serif);
  line-height: calc(30/22);
}
.office-message__desc .name span{
  display: inline-block;
  padding-left: 1.5em;
}
.office-message__desc .name span::before{
  content: "";
  width: 1em;
  height: 1px;
  background-color: currentColor;
  position: absolute;
  left: calc(1.5em / 2);
  top: 50%;
  translate:-50% -50%;
}
.page-office__history{
  padding-bottom: var(--pd_vt);
}

.prof-link{
  flex-wrap: wrap;
  gap:10px min(30px,3vw);
}
.prof-link > a{
  border-bottom: 1px solid #BABABA;
  color: var(--clr-gray);
  padding-bottom: 4px;
}
.prof-link > a span{
  padding-left: 1.25em;
  color: var(--clr-gray);
  font-size: min(13px,3.6vw);
}
.prof-link > a span::before{
  content: "";
  width: .55em;
  aspect-ratio:1/1.285;
  background-color: var(--clr-main);
  position: absolute;
  left: 0;
  top: 50%;
  translate:0 -50%;
  clip-path: polygon(0 0, 0% 100%, 100% 50%);
}
/*profile*/
.page-office__profile{
  display: flex;
  flex-direction: column;
  gap:min(30px,5vw);
}
.box-office-profile{
  display: flex;
  flex-direction: column;
  gap:min(30px,2.5vw);
}
.box-office-profile > dt{
  display: flex;
  flex-direction: column;
  gap:min(20px,3vw);
}
.box-office-profile > dd{
  background-color: var(--wall-pale-blue);
  padding: min(40px, 4vw) min(40px, 3vw);
}
.box-office-profile dd .note{
  text-align: right;
  margin-top: 10px;
}
.office-profile__results
,.office-profile__spec{
  display: flex;
  flex-direction: column;
  gap:min(20px,3vw);
}
.office-profile__results .desc_results dt{
  color: var(--clr-main);
  font-family: var(--fnt-serif);
  font-size: min(18px,4vw);
  font-weight: 500;
}
.office-profile__results .desc_results dd{
  line-height: calc(24/14);
  margin-top: 5px;
}
.book-results_wrap{
  display: grid;
  grid-template-columns: 1fr min(350px,40vw);
  gap:min(30px,4vw) min(50px,4vw);
  -ms-align-items: center;
  align-items: center;
}
.book-results_wrap .thumb{
  grid-row: span 2;
}
.office-profile__spec .desc_spec{
  display: flex;
  flex-direction: column;
  gap:10px;
  padding: min(30px,4vw) min(30px,3vw);
  background-color: #fff;
}
.office-location__wrap{
  width: min(1046px,100%);
  margin-left: auto;
  margin-right: auto;
  display: grid;
  grid-template-columns: 1fr auto;
  gap:min(30px,4vw) min(50px,4vw);
  margin-top: min(60px,5vw);
  -ms-align-items: center;
  align-items: center;
}
.office-location__wrap .location_thumb {
  display: grid;
  grid-template-columns: min(536px,100%);
  justify-content: flex-start;
}
.office-location__wrap .location_thumb figure{
  border-radius: min(15px,3vw);
  overflow: hidden;
  isolation: isolate;
}
.office-location__wrap .location_thumb figure img{
  object-fit: cover;
  height: 100%;
  object-position: center;
}
.office-location__wrap .location_data{
  display: flex;
  flex-direction: column;
  gap:min(40px,5vw);
}
.location_data dl > div{
  width: min(412px,50vw);
  display: grid;
  grid-template-columns: 7em auto;
  line-height: calc(24/14);
}
.location_data dl > div:nth-child(n+2){
  padding-top: min(15px,3vw);
}
.location_data dl > div:not(:last-child){
  padding-bottom: min(15px,3vw);
}
.location_data dl > div:not(:last-child)::after{
  content: "";
  width: 100%;
  height: 1px;
  position: absolute;
  bottom: 0;
  left: 0;
  background: linear-gradient(90deg, rgba(98, 168, 206, 1), rgba(242, 178, 232, 1));
}
.location_data dl dt{
  font-weight: 600;
}
.page-office__history{
  background-color: var(--wall-pale-blue);
  padding-top: var(--pd_vt);
  padding-bottom: var(--pd_vt);
}
.office-history__detail{
  margin-top: min(60px,8vw);
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap:min(50px,4vw);
  -ms-align-items: center;
  align-items: center;
}
.history_list > div{
  display: grid;
  grid-template-columns: auto 1fr;
  gap:min(80px,10vw);
  font-size: min(16px,3.6vw);
  line-height: calc(24/16);
  -ms-align-items: center;
  align-items: center;
}
.history_list > div:nth-child(n+2){
  padding-top: min(20px,3vw);
}
.history_list > div:not(:last-child){
  padding-bottom: min(20px,3vw);
}
.history_list > div:not(:last-child)::after{
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background: linear-gradient(90deg, rgba(98, 168, 206, 1), rgba(242, 178, 232, 1));
}
.history_list dt{
  font-size: var(--head3);
  font-weight: 500;
  font-family: var(--fnt-serif);
}
.history_list dt span::after{
  content: "年";
  font-size: .6em;
}
.history_list dd::before{
  content: "";
  width: .65em;
  aspect-ratio:1/1.125;
  background-color: var(--clr-main);
  position: absolute;
  left: max(-40px,-5vw);
  top: 50%;
  translate:-50% -50%;
  clip-path: polygon(0 0, 0% 100%, 100% 50%);  
}
.office-history__detail .history_thumb{
  display: grid;
  grid-template-columns: min(460px,46vw);
  justify-content: flex-end;
}
.office-history__detail .history_thumb figure{
  border-radius: min(15px, 3vw);
  overflow: hidden;
  isolation: isolate;
}
.office-history__detail .history_thumb figure img{
  object-fit: cover;
  height: 100%;
  object-position: top center;
}
/*page recruit
==========================================================*/
.page-recruit__intro{
  display: flex;
  flex-direction: column;
  gap:min(80px,10vw);
}
.recruit-intro__text{
  text-align: center;
}
.recruit-intro-wrap{
  gap:var(--pd_vt);
  padding-top: var(--pd_vt);
  padding-bottom: var(--pd_vt);
}
.recruit-intro-wrap::before{
  content: "";
  position: absolute;
  width: 100vw;
  height: 100%;
  top:0;
  left: 50%;
  translate:-50% 0;
  background-image:linear-gradient(rgba(244,255,255,.6),rgba(255,255,255,1)), url("../images/wall/grad.webp");
  background-size: cover;
  background-position:top left;
  background-repeat: no-repeat;
}
.recruit-intro_message{
  display: grid;
  grid-template-columns: 1fr min(378px,30vw);
  grid-template-rows: auto 1fr;
  gap:min(30px,7vw) var(--pd_vt);
  -ms-align-items: center;
  align-items: center;
}
.recruit-message__thumb{
  grid-row: span 2;
}
.recruit-message__thumb figure{
  width: 100%;
  aspect-ratio:1/0.8862;
  overflow: hidden;
  isolation: isolate;
  border-radius: min(15px,3vw);
}
.recruit-message__thumb figure img{
  object-fit: cover;
  height: 100%;
  object-position: center;
}
.recruit-message__comment .sign{
  display: flex;
  flex-direction: column;
  -ms-align-items: flex-start;
  align-items: flex-start;
  gap:min(15px,3vw);
  margin-top: min(30px,7vw);
}
.recruit-message__comment .sign .name{
  width: min(135px,20vw);
}
.recruit-intro_works{
  gap:min(60px,10vw);
}
.recruit-intro__point{
  --pos-bk:min(18px,3vw);
   padding: min(60px,5vw) min(30px,4vw);
  display: grid;
  grid-template-columns: auto;
  place-items:center;
  gap:min(30px,7vw);
  background-color: #fff;
  background-image: url("../images/wall/petal_set01.svg"),url("../images/wall/petal_set02.svg");
  background-repeat: no-repeat;
  background-position: top var(--pos-bk) left var(--pos-bk),bottom var(--pos-bk) right var(--pos-bk);
  background-size: min(90px,15vw);
}
.recruit-intro__point .sec-title::before{
  content: "";
  width: min(14px,3.2vw);
  aspect-ratio:1/1.0417;
  background-image: url("../images/icon/hash.svg");
  position: absolute;
  right: 0;
  top: 0;
  translate: 120% 0;
}
.recruit-intro__reqd{
  gap:min(30px,7vw);
}
.recruit-reqd-list{
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap:min(30px,3vw) min(40px,4vw);
}
.recruit-reqd-list > li{
  padding: min(20px,3vw);
}
.recruit-reqd-list .thumb{
  border-radius: min(15px,3vw);
  overflow: hidden;
  isolation: isolate;
}
.recruit-reqd-list .desc-text{
  color: var(--clr-main);
  text-align: center;
  font-size: var(--head3_min);
  font-family: var(--fnt-serif);
  line-height: calc(32/22);
  margin-top: min(15px,3vw);
}
.page-recruit__detail {
  gap:min(60px,10vw);
}
.recruit-detail__wrap{
  background-color: var(--wall-pale-blue);
  padding: min(70px,5vw) min(40px,3vw);
  display: grid;
  grid-template-columns: min(960px,100%);
  justify-content: center;
  gap:min(40px,7vw);
}
.recruit-detail__wrap .in-title{
  font-size: var(--head3_min);
  font-weight: 500;
}
.recruit-detail__list > div{
  display: grid;
  grid-template-columns: min(170px,25vw) auto;
}
.recruit-detail__list > div:nth-child(n+2){
  padding-top: min(30px,5vw);
}
.recruit-detail__list > div:not(:last-child){
  padding-bottom: min(30px,5vw);
  border-bottom: 1px solid #D6D6D6;
}
.recruit-detail__list dd > * + p{
  margin-top: 1em;
}
.page-recuruit__flow{
  padding-top: var(--pd_vt);
  padding-bottom: var(--pd_vt);
  gap:min(40px,10vw);
}

/*archive
=====================================*/
.l-bread{
  padding-top: var(--pd_vt);
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  gap:10px 2em;
  line-height: calc(18/14);
  font-size: min(14px,3.2vw);
}
.l-bread > li:nth-child(n+2)::before{
  content: "/";
  position: absolute;
  left: calc(-1em + 1px);
  top: 0;
  translate:-50% 0
}
.l-bread > li.is-current span{
  display: block;
  max-width: 18em;
  overflow: hidden;          /* 溢れた部分を隠す */
  text-overflow: ellipsis;   /* 溢れた部分を「...」にする */
  white-space: nowrap;       /* 1行で表示 */
}
.post-contents{
  padding-top: min(60px,12vw);
}
.page-post__wrap{
  display: grid;
  grid-template-columns: auto min(280px,25%);
  width: min(1200px,100%);
  padding-left: min(50px,4vw);
  padding-right: min(50px,4vw);
  padding-bottom:  min(80px,12vw);
  margin-left: auto;
  margin-right: auto;
  gap:min(50px,10vw) min(70px,5vw);
}
.acv-post-item.ly-acv
,.acv-post-item.ly-side{
  grid-template-columns: auto;
  padding-left: 0;
  padding-right: 0;
}
.acv-post-item.ly-acv{
  padding-top: min(20px,3vw);
  padding-bottom: min(20px,3vw);
}
.acv-post-item.ly-acv .post-data
,.acv-post-item.ly-side .post-data{
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 10px min(20px, 3vw);
}
.acv-post-item.ly-acv .post-data__date{
  order: 1;
}
.acv-post-item.ly-acv .post-data__cate{
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  order: 2;
 
}
.acv-post-item.ly-side .post-data__cate
,.post-publish-item.ly-side .post-data__cate{
   display: none;
}
.acv-post-item.ly-side .post-data__date
,.acv-voice-item.ly-side .post-data__date
,.post-publish-item.ly-side .post-data__date{
  color: var(--clr-main);
}
.acv-pager{
  margin-top: min(50px,15vw);
}
.wp-pagenavi{
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: center;
  gap:10px;
}
.acv-pager a
,.acv-pager span{
  font-size: min(14px,3.4vw);
  min-width: 2em;
  height: 2em;
  border: 1px solid var(--clr-main);
  display: grid;
  place-content:center;
  place-items:center;
  background-color: #fff;
  padding-left: .5em;
  padding-right: .5em;
  color: var(--clr-main);
  transition:background var(--transit);
}
.acv-pager .previouspostslink
,.acv-pager .nextpostslink{
  border-color: var(--bdr-pale-gray);
  background-color: var(--bdr-pale-gray);
}
.acv-pager .previouspostslink::before
,.acv-pager .nextpostslink::before{
  content: "";
  width: 5px;
  aspect-ratio:1/1;
  border: 1px solid;
  border-color: currentColor currentColor transparent transparent;
  position: absolute;
  top: 50%;
  left: 50%;
  translate:-50% -50%;
  rotate:45deg;
}
.acv-pager .previouspostslink::before{
  scale:-1 -1;
  left: calc(50% + .5px);
}

.wp-pagenavi a:hover, .wp-pagenavi span.current{
  background-color: var(--clr-main);
  color: #fff;
}
/*sidebar*/
#l-side{
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
  gap:min(40px,7vw) min(20px,3vw);
}
.acv-post-item.ly-side{
  border: none;
  font-size: min(13px,3.6vw);
}
.side-category-list > li::after
,.post-publish-item.ly-side::after
,.acv-voice-item.ly-side::after
,.side-yearly-list > li::after
{
  content: "";
  width: 100%;
  height: 1px;
  background: linear-gradient(90deg,rgba(98, 168, 206, 1),rgba(242, 178, 232, 1));
  position: absolute;
  bottom: 0;
  left: 0;
}
.side-title{
  background-color: var(--clr-main);
  color: #fff;
  padding: min(12px,3vw);
  text-align: center;
  font-family: var(--fnt-serif);
  font-weight: 500;
}
.acv-post-item.ly-side
,.post-publish-item.ly-side
,.side-new_entry > article{
  padding-bottom: min(20px,3vw);
  padding-top: min(20px,3vw);
}
.side-category-list > li a
,.side-yearly-list > li a{
  display: block;
  padding-bottom: min(20px,3vw);
  padding-top: min(20px,3vw);
}
.side-yearly-list > li a{
  color: var(--clr-main);
}

/* publish - archive 
+++++++++++++++++++++++++++++++++++++++++++*/
.page-archive-list.publish{
  display: flex;
  flex-direction: column;
  gap:min(30px,7vw);
}
.publish-entry_body .post-thumb img{
  object-fit: contain;
  height: 100%;
  object-position: center top;
}
.post-publish-item .entry-comment{
  line-height: calc(24/14);
}
.publish-entry_head{
  display: flex;
  flex-direction: column;
  gap:10px;
}
.post-publish-item .post-data{
  -ms-align-items: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  gap:10px 1em;
}
.post-publish-item.ly-acv{
  display: flex;
  flex-direction: column;
  gap:min(20px,5vw);
}
.post-publish-item.ly-acv .publish-entry_head{
  -ms-align-items: flex-start;
  align-items: flex-start;
}
.post-publish-item.ly-acv .post-title{
  font-size: var(--head3);
/*  font-family: var(--fnt-serif);*/
  padding-left: 1.125em;
  line-height: calc(34 / 24);
}
.post-publish-item.ly-acv .post-title::before{
  content: "";
  width: min(5px, 1.5vw);
  height: 1em;
  background-color: var(--clr-main);
  position: absolute;
  left: 0;
  top: .1em;
}
.post-publish-item.ly-acv .post-data{
  margin-left: auto;
}
.post-publish-item.ly-acv .publish-entry_body{
  width: min(700px,100%);
  margin-left: auto;
  margin-right: auto;
  display: grid;
  grid-template-columns: 1fr min(450px,65%);
  gap:min(30px,3vw) min(40px,5vw);
  -ms-align-items: center;
  align-items: center;
}

.post-publish-item.ly-side .post-data{
  order: 1;
}
.post-publish-item.ly-side .post-title{
  line-height: calc(22 / 14);
  order: 2;
}
.post-publish-item.ly-side .publish-entry_body{
  display: none;
}

/* publish - voice
+++++++++++++++++++++++++++++++++++++++++++*/
.page-archive-list.voice{
  display: grid;
  grid-template-columns: repeat(2,1fr);
  gap:min(70px,5vw) min(30px,4vw);
}
.acv-voice-item .post-thumb img{
  object-fit: cover;
  height: 100%;
  object-position: center;
}
.acv-voice-item .post-data{
  display: flex;
  flex-direction: column;
  gap:5px;
}
.acv-voice-item.ly-acv{
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: auto auto 1fr;
  gap:min(15px,3vw);
}
.acv-voice-item.ly-acv .post-thumb{
  aspect-ratio:1/0.4775;
}
.acv-voice-item.ly-acv .post-data{
  font-weight: 600;
  line-height: calc(24/18);
}
.acv-voice-item.ly-acv .post-data .post-title{
  color: var(--clr-main);
  font-size: min(18px,4.5vw);
}
.acv-voice-item.ly-acv .post-excerpt{
  line-height: calc(24/14);
}
/*side*/
.acv-voice-item.ly-side{
  display: grid;
  grid-template-columns: 100%;
  gap:10px;
  -ms-align-items: center;
  align-items: center;
}
.acv-voice-item.ly-side .post-title{
  display: -webkit-box;             
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  line-height: calc(18/14);
}
.acv-voice-item.ly-side .post-data{
  gap:10px;
}
.acv-voice-item.ly-side .post-excerpt{
  display: none;
}
.acv-voice-item.ly-side .post-thumb{
  display: none;
}
/*single
+++++++++++++++++++++++++++++++++++++++++++++++*/
.entry-head {
  gap:10px;
}
.entry-head .post-data{
  -ms-align-items: flex-start;
  align-items: flex-start;
  gap:10px 1em;
}

.entry-head .post-title{
  font-size: clamp(16px,2.6042vw,20px);
  line-height: calc(30/22);
}
.entry-body{
  margin-top: min(40px,8vw);
}

.single-pager{
  display: grid;
  grid-template-columns: min(25px,8vw) auto min(25px,8vw);
  justify-content: center;
  -ms-align-items: center;
  align-items: center;
/*  gap:10px min(20px,3vw);*/
  margin-top: var(--pd_vt);
  font-weight: 500;
}
.single-pager > p{
  transition:translate var(--transit);
}
.single-pager > p > a::after{
  content: "";
  width: 5px;
  aspect-ratio:1;
  border: 1px solid;
  border-color: var(--clr-main) var(--clr-main) transparent transparent;
  position: absolute;
  top: 50%;
  left: calc(50% - 2px);
  translate:-50% -50%;
  rotate:45deg;
}
.single-pager > p > a{
  display: grid;
  aspect-ratio:1;
  width: 100%;
}
.single-pager > p.page-link_prev > a::after{
  scale:-1 -1;
  left: calc(50% + 2px);
}
.page-link_back{
  color: var(--clr-main);
  padding: 5px;
  min-height: min(25px,8vw);
  display: grid;
  place-content:center;
  letter-spacing: .05em;
}

@media(hover){
  .single-pager > p.page-link_prev:hover{
    translate:-10% 0;
  }
  .single-pager > p.page-link_next:hover{
    translate:10% 0;
  }
}

/*page contact
==========================================================*/
.page-contact-blc{
  padding-bottom: var(--pd_vt);
}
.contact-intro__desc{
  text-align: center;
}
.box-page-contact{
  margin-top: var(--pd_vt);
}
.form-item{
  display: flex;
  flex-direction: column;
  gap:10px;
}
.form-item:nth-child(n+2){
  margin-top: min(30px,4vw);
}
.form-list input[type="text"]
,.form-list input[type="email"]
,.form-list input[type="tel"]{
  border: 1px solid #DBDCDC;
  height: min(50px,11vw);
  width: min(777px,100%);
  padding:min(10px,2vw) min(15px,3vw);
  font-size: 16px;
}
.form-list textarea{
  width: 100%;
  border: 1px solid #DBDCDC;
  padding:min(10px,2vw) min(15px,3vw);
  font-size: 16px;
}
::placeholder{
  font-size: min(14px,3.6vw);
  color: #DBDCDC;
}
.form-list input#address{
  width: 100%;
}
.form-list dt p.must{
  padding-left: 3em;
}
.form-list dt p.must::before{
  content: "必須";
  position: absolute;
  left: 0;
  top: 50%;
  padding: 5px;
  translate:0 -50%;
  font-size: .8em;
  background-color: var(--clr-main);
  color: #fff;
}
.form-list dd{
  display: flex;
  flex-direction: column;
  gap:min(10px,2.25vw);
}
.form-list dd .att{
  font-size: min(12px,3.2vw);
  padding-left: 1em;
}
.form-list dd .att::before{
  content: "※";
  position: absolute;
  left: 0;
  top: 0;
}
.form-button-wrap{
  display: flex;
  flex-direction: column;
  -ms-align-items: center;
  align-items: center;
  gap:min(40px,5vw);
  margin-top: min(30px,5vw);
}
.submit-button{
  width: min(430px,100%);
}
.submit-button button:disabled{
  opacity: .75;
}
/*form policy*/
.form-policy-blc{
  display: grid;
  grid-template-columns:100%;
  justify-content: center;
  margin-top: min(40px,7vw);
  gap:min(30px,5vw);
  justify-items: center;
}
.form-policy-blc .lead-title{
  font-size: clamp(14px,2.6042vw,20px);
  line-height: calc(24/20);
}
.scl-form-policy{
  overflow-y: scroll;
  height: min(260px,40vw);
  padding:min(20px,4vw) min(20px,3vw);
  background-color: #fff;
  border: 1px solid #DBDCDC;
  font-size: min(14px,3.2vw);
  line-height: calc(24/14);
  scrollbar-color: var(--clr-main) #fff;
  scrollbar-width: thin;
}
.scl-form-policy::-webkit-scrollbar {
  width: 10px;
}
.form-poricy__item:nth-child(n+2){
  margin-top: min(20px,4vw);
}
.form-poricy__item dt{
  font-weight: 700;
  font-size: min(16px,3.8vw);
  font-family: var(--fnt-serif);
}
.form-poricy__item dd{
  margin-top: 5px;
}
.form-poricy__item dd > * + *{
  margin-top: min(20px,3vw);
}
.agree-check-wrap{
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: center;
}
.agree-check-wrap label{
  cursor: pointer;
}
.agree-check-wrap label input + span{
  padding-left: 2em;
  font-size: min(14px,3.4vw);
}
.agree-check-wrap label input + span::before{
  content: "";
  width: 1.16em;
  aspect-ratio:1;
  background-color: #fff;
  position: absolute;
  left: 0;
  top: 50%;
  translate:0 -50%;
  border: 1px solid var(--clr-main);
}
.agree-check-wrap label input:checked + span::before{
  background-image: url("../images/icon/form-check.svg");
  background-repeat: no-repeat;
  background-size: 80%;
  background-position: center;
}
.form-button-wrap .recp-text{
  font-size: min(12px,3vw);
  line-height: calc(16/12);
}
.form-button-wrap .recp-text a{
  text-decoration: underline;
  color: var(--clr-main);
}
.wpcf7-not-valid-tip{
  font-size: min(12px,3vw);
  line-height: calc(16/12);
}

.wpcf7 form .wpcf7-response-output{
  color: #dc3232;
  border: none!important;
  text-align: center;
  padding: 0!important;
  font-size: min(14px,3.2vw);
  line-height: calc(18/14);
}

/*comp*/
#content.comp-contents{
  padding-top: min(120px,15vw);
}
.page-comp-blc{
  padding-bottom: min(120px,15vw);
}
.box-page-comp{
  display: grid;
  grid-template-columns: auto;
  place-items:center;
  gap:min(50px,10vw);
  text-align: center;
}
/*page access
==========================================================*/
.page-access__office{
  gap:min(60px,10vw);
  padding-bottom: var(--pd_vt);
}
.access-office__map{
  aspect-ratio:1/0.4027;
}
.access-office__map iframe{
  object-fit: cover;
  width: 100%;
  height: 100%;
  object-position: center;
}
.access-office__data{
  gap:min(40px,8vw);
}
.access-office__data .location_data dl > div{
  width: 100%;
}
.page-access__root{
  padding-bottom: var(--pd_vt);
}
.access-root__step{
  margin-top: min(60px,10vw);
  gap:min(20px,4vw);
}
.access-root__step > li{
  background-color: var(--wall-pale-blue);
  padding: min(40px,4vw);
  border-radius: min(15px,3vw);
  gap:min(40px,4vw);
  display: grid;
  grid-template-columns: min(50px,12vw) 1fr min(380px,35vw);
  -ms-align-items: center;
  align-items: center;
}
.access-root__step .root__num{
  aspect-ratio:1;
  background-color: var(--clr-main);
  border-radius: 100vmax;
  display: grid;
  place-content:center;
  place-items:center;
  color: #fff;
  font-family:var(--fnt-serif);
  font-weight: 500;
  font-size: min(16px,4vw);
  text-align: center;
}
.access-root__step .root__num span::before{
  content: "Route";
  font-size: .6em;
  display: block;
}
.access-root__step .root__desc{
  display: flex;
  flex-direction: column;
  gap:min(18px,2.8vw);
}
.access-root__step .root__desc .lead-text{
  font-size: min(18px,3.8vw);
  padding-bottom: min(18px,2.8vw);
  line-height: calc(28/18);
}
.access-root__step .root__desc .lead-text::after{
  content: "";
  width: 100%;
  height: 1px;
  position: absolute;
  bottom: 0;
  left: 0;
  background: linear-gradient(90deg, rgba(98, 168, 206, 1), rgba(242, 178, 232, 1));
}
.access-root__step .root__thumb{
  overflow: hidden;
  border-radius: min(15px,3vw);
  isolation: isolate;
  aspect-ratio:1/0.586;
}
.access-root__step .root__thumb img{
  object-fit: cover;
  height: 100%;
  object-position: center;
}

/*page price
==========================================================*/
.scroll-hint.is-scrollable{
  padding-bottom: 10px;
}
.page-price__intro .in-text{
  text-align: center;
}
.page-price__details{
  gap:var(--pd_vt);
  margin-top:var(--pd_vt);
  padding-bottom: min(120px,12vw);
}
.price-details__wrap{
  display: flex;
  flex-direction: column;
  gap:min(60px,10vw);
}
.price-details__desc{
  display: flex;
  flex-direction: column;
  gap:min(40px,8vw);
}

.price-detail-table .note{
  display: flex;
  justify-content: flex-end;
  margin-top: 5px;
  font-weight: 300;
  font-size: min(14px,3vw);
}
.price-detail-table .note span{
  padding-left: 1em;
  
  
}
.price-detail-table .note span::before{
  content: "※";
  position: absolute;
  left: 0;
  top: 0;
}
.price-table{
  width: max(100%,1000px);
  table-layout: fixed;
}
.price-table th
,.price-table td{
  border: 1px solid #CDCDCD;
  text-align: center;
  vertical-align: middle;
  font-weight: 500;
  line-height: calc(24/14);
}
.price-table th{
  background-color: var(--clr-main);
  color: #fff;
  padding: min(20px,3vw) 10px;
}
.price-table td{
  padding: min(30px,4vw) 10px;
}

.price-details__offering{
  background-color: var(--wall-pale-blue);
  padding:min(40px,6vw) min(40px,3vw);
}
.price-details__notes{
  background-color: var(--wall-gray);
  padding:min(40px,6vw) min(40px,3vw);
}
.price-details__offering dt
,.price-details__notes dt{
  font-size: var(--head3_min);
}
.price-details__offering dd
,.price-details__notes dd{
  margin-top: min(20px,3vw);
  padding-left: min(30px,3vw);
  padding-right: min(30px,3vw);
}
.price-details__notes dd{
  line-height: calc(24/14);
}
.price-details__notes dd > * + *{
  margin-top: 10px;
}
.price-details__notes dd .att-list{
  margin-left: 1em;
}

.rules-price_wrap{
  width: min(920px,100%);
  margin-left: auto;
  margin-right: auto;
}
.rules-price-table{
  width: max(100%,800px);
  table-layout: fixed;
}
.rules-price-table thead{
  font-weight: 600;
}
.rules-price-table thead th p{
  padding: 10px;
  border-radius: min(15px,3vw) min(15px,3vw) 0 0;
  border: 1px solid #CDCDCD;
  border-bottom: none;
  min-height: min(80px,8vw);
  display: grid;
  place-content:center;
}
.rules-price-table thead th:not(.blank):nth-child(odd) p{
  background-color: var( --clr-main);
  color: #fff;
  border-left-width: .5px;
  
}
.rules-price-table thead th:not(.blank):nth-child(even) p{
  background-color: #004A78;
  color: #fff;
  border-right-width: .5px;
}
.rules-price-table tbody th
,.rules-price-table tbody td{
  padding: 10px;
  border: 1px solid #CDCDCD;
  vertical-align: middle;
  text-align: center;
  height: min(90px,12vw);
  line-height: calc(24/14);
}
.rules-price-table tbody td p.eva{
  width: min(30px,6vw);
  margin-left: auto;
  margin-right: auto;
}
.rules-price-table tbody th{
  font-weight: 600;
}
.rules-price-table tbody th:nth-child(odd){
  background-color: #1C80E8;
}
.rules-price-table tbody th:not(:first-child){
  color: #fff;
}
.rules-price-table tbody th:nth-child(even){
  background-color: #0BA5E5;
}
.rules-price-table tbody th:first-child{
  background-color: #F6FDFF;
}
.rules-price-table tbody tr:nth-child(even) td:nth-child(odd){
  background-color: #EEF7FF;
}
.rules-price-table tbody tr:nth-child(even) td:nth-child(even){
  background-color: #F6FDFF;
}
.rules-price-table tbody tr td:first-child{
  background-color: #fff!important;
  font-weight: 600;
}
.rules-price_wrap .note{
  display: flex;
  justify-content: flex-end;
  margin-top: 5px;
  font-weight: 300;
  font-size: min(14px,3vw);
}
.rules-price_wrap .note span{
  padding-left: 1em;
}
.rules-price_wrap .note span::before{
  content: "※";
  position: absolute;
  left: 0;
  top: 0;
}

/*page korea
==========================================================*/
#content.korea-contents {
  --fnt-sans: "Noto Sans KR", sans-serif;
  --fnt-serif:"Noto Serif KR", serif;
  display: grid;
  grid-template-columns: 100%;
  gap:var(--pd_vt);
  
}
#content.korea-contents .sec-title .main{
  font-family: var(--fnt-sans);
}

/*service*/
.page-korea__service{
  gap:var(--pd_vt);
}
.page-korea__service .intro-text{
  text-align: center;
}

.korea-service__detail{
  gap:min(60px,10vw);
}

.korea-service__problem{
  display: grid;
  grid-template-columns: auto;
  place-content:center;
  gap:min(30px,7.7vw);
  padding-top: min(60px,10vw);
  padding-bottom: min(60px,15vw);
}
.korea-service__problem::before{
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  translate:-50% 0;
  background-color: var(--wall-gray);
  width: 100vw;
  height: 100%;
}
.korea-service__problem::after{
  content: "";
  width: min(130px, 25vw);
  aspect-ratio: 1 / 0.3015;
  background-color: var(--wall-gray);
  position: absolute;
  bottom: 1px;
  left: 50%;
  translate: -50% 100%;
  clip-path: polygon(0 0, 50% 100%, 100% 0);
}
.korea-service__problem .in-title{
  font-size: var(--head3_min);
  text-align: center;
  padding-bottom: 10px;
  border-bottom: 1px solid #aaa;
}
.korea-service__problem .check-list{
  display: grid;
  grid-template-columns: min(526px,80vw);
  justify-content: center;
}
.korea-service__problem .fix-pic{
  position: absolute;
  width: min(896px,102vw);
  bottom: 0;
  left: 50%;
  translate:-50% 0;
  display: flex;
  justify-content: space-between;
}
.korea-service__problem .fix-pic figure{
  height: min(150px,25vw);
}
.korea-service__problem .fix-pic img{
  object-fit: contain;
  object-position: center;
  height: 100%;
}

.korea-service__cta{
  -ms-align-items: center;
  align-items: center;
  padding: min(30px,4vw);
  gap:min(30px,4vw);
}
.korea-service__cta .cta__title{
  color: var(--wall-nvy);
  line-height: calc(32 / 20);
  font-size: clamp(16px, 2.6042vw, 20px);
  font-weight: 500;
}

.korea-service__cta .rect-button{
  width: min(334px,100%);
}
.page-korea__system{
  background-color: var(--wall-pale-blue);
  padding: var(--pd_vt) var(--pd_hz);
  display: grid;
  grid-template-columns: min(1100px,100%);
  place-items:center;
  justify-content: center;
  gap:min(50px,5vw);
}

.korea-system__detail{
  width: min(970px,100%);
  display: grid;
  grid-template-columns: 1fr min(365px,38%);
  -ms-align-items: center;
  align-items: center;
  gap:min(40px,8vw) min(60px,5vw);
}
.korea-system__point{
  width: 100%;
  --pos-bk: min(18px, 3vw);
  padding: min(60px, 5vw) min(30px, 4vw);
  display: grid;
  grid-template-columns: auto;
  place-items: center;
  gap: min(30px, 7vw);
  background-color: #fff;
  background-image: url(../images/wall/petal_set01.svg), url(../images/wall/petal_set02.svg);
  background-repeat: no-repeat;
  background-position: top var(--pos-bk) left var(--pos-bk), bottom var(--pos-bk) right var(--pos-bk);
  background-size: min(90px, 15vw);
}
.korea-system__point .in-title{
  font-size: var(--head3_min);
  font-weight: 500;
}

