@charset "UTF-8";
/*
========================================================================= */
/*  header
========================================================================= */
header {
  margin-top: calc(var(--var-1) * -126);
  position: fixed;
  width: 100%;
  z-index: 1000;
  background: var(--cl-white);
}
header .headline {
  padding: calc(var(--var-1) * 15) calc(var(--var-1) * 24) calc(var(--var-1) * 24) calc(var(--var-1) * 38);
}
header .headline .header_logo {
  width: calc(var(--var-1) * 187);
  height: calc(var(--var-1) * 52);
}
header .headline .cmn_info .business_hours {
  margin-left: calc(var(--var-1) * 22);
}
header .headline .cmn_info .business_hours em {
  margin-bottom: calc(var(--var-1) * 6);
}
header .headline .cmn_info .btn_list {
  gap: calc(var(--var-1) * 18);
  margin-left: calc(var(--var-1) * 32);
}
header .headline .cmn_info .btn_list .hd_contact_btn {
  width: calc(var(--var-1) * 202);
  padding: calc(var(--var-1) * 15) 0;
  background: var(--cl-orange);
  font-size: calc(var(--var-1) * 15);
}
header .headline .cmn_info .btn_list .hd_contact_btn::before {
  right: calc(var(--var-1) * 15);
}
header .headline .header_gnav {
  margin-top: calc(var(--var-1) * 22);
}
header .headline .header_gnav .hd_list {
  gap: calc(var(--var-1) * 48);
}
header .headline .header_gnav .hd_list .hd_item {
  font: 600 calc(var(--var-1) * 16)/1 var(--family-base);
}

/*
========================================================================= */
/*  footer
========================================================================= */
footer .ft_top {
  padding: calc(var(--var-1) * 85) 0 calc(var(--var-1) * 90);
  background: url(../img/cmn/ft_bg1.png);
}
footer .ft_top .ft_content {
  color: var(--cl-white);
  gap: calc(var(--var-1) * 60);
}
footer .ft_top .ft_content .ft_left .ft_logo {
  width: calc(var(--var-1) * 187);
  height: calc(var(--var-1) * 52);
}
footer .ft_top .ft_content .ft_left .ft_address {
  margin-top: calc(var(--var-1) * 30);
  font: 500 calc(var(--var-1) * 14)/1 var(--family-sub);
  letter-spacing: 0.04em;
}
footer .ft_top .ft_content .ft_right .cmn_info .ft_tel img {
  display: block;
  margin-top: calc(var(--var-1) * 23);
  width: calc(var(--var-1) * 202);
  filter: brightness(0) saturate(100%) invert(99%) sepia(21%) saturate(6%) hue-rotate(166deg) brightness(101%) contrast(100%);
}
footer .ft_top .ft_content .ft_right .cmn_info .ft_business {
  margin-top: calc(var(--var-1) * 18);
  gap: calc(var(--var-1) * 28);
}
footer .ft_top .ft_content .ft_right .cmn_info .ft_business .business_hours,
footer .ft_top .ft_content .ft_right .cmn_info .ft_business .holiday {
  gap: calc(var(--var-1) * 14);
  font-weight: 500;
  font-size: calc(var(--var-1) * 16);
}
footer .ft_top .ft_content .ft_right .cmn_info .ft_business .business_hours em,
footer .ft_top .ft_content .ft_right .cmn_info .ft_business .holiday em {
  padding: calc(var(--var-1) * 4) 0;
  background: var(--cl-white);
  color: var(--cl-blue);
  font-weight: 500;
  font-size: calc(var(--var-1) * 14);
}
footer .ft_top .ft_content .ft_right .cmn_info .btn_list {
  gap: calc(var(--var-1) * 18);
  margin-left: calc(var(--var-1) * 32);
}
footer .ft_top .ft_content .ft_right .cmn_info .btn_list .youtube {
  border: 1px solid var(--cl-white);
}
footer .ft_top .ft_content .ft_right .cmn_info .btn_list .youtube::after {
  filter: brightness(0) saturate(100%) invert(100%) sepia(3%) saturate(7455%) hue-rotate(61deg) brightness(110%) contrast(109%);
}
footer .ft_btm {
  padding: calc(var(--var-1) * 62) 0 calc(var(--var-1) * 30);
  background: url(../img/cmn/ft_bg2.png);
  color: var(--cl-white);
}
footer .ft_btm .ft_gnav .ft_list {
  margin: 0 auto;
  gap: calc(var(--var-1) * 26) calc(var(--var-1) * 52);
  width: calc(var(--var-1) * 850);
}
footer .ft_btm .ft_gnav .ft_list .ft_item {
  font: 400 calc(var(--var-1) * 16)/1 var(--family-base);
}

/*
========================================================================= */
/*  mv
========================================================================= */
.mv {
  margin-top: calc(var(--var-1) * 126);
  background: url(../img/top/mv_img.png);
  padding: calc(var(--var-1) * 105) 0 calc(var(--var-1) * 116) calc(var(--var-1) * 80);
}
.mv .mv_txt {
  width: calc(var(--var-1) * 356);
  padding: calc(var(--var-1) * 40) calc(var(--var-1) * 40) calc(var(--var-1) * 40) calc(var(--var-1) * 50);
  background: url(../img/top/mv_deco.png) top/cover;
  box-shadow: 0 0 calc(var(--var-1) * 50) 0 rgba(0, 0, 0, 0.2);
}
.mv .mv_txt .mv_ttl {
  font: 500 calc(var(--var-1) * 40)/1 var(--family-base);
  color: var(--cl-white);
  letter-spacing: 0.15em;
}
.mv .mv_txt .blue_bg {
  display: inline-block;
  padding: calc(var(--var-1) * 12) calc(var(--var-1) * 10);
  background: var(--cl-blue);
}
.mv .mv_txt .blue_bg:last-child {
  margin-right: calc(var(--var-1) * 14);
}
.mv .mv_txt .mv_ttl_sub {
  display: block;
  margin-top: calc(var(--var-1) * 56);
  margin-right: calc(var(--var-1) * 22);
  font: 500 calc(var(--var-1) * 24)/1.667 var(--family-base);
  letter-spacing: 0.15em;
}

/*
========================================================================= */
/*  sv
========================================================================= */
.sb_mv {
  margin-top: calc(var(--var-1) * 126);
  padding: calc(var(--var-1) * 180) calc(var(--var-1) * 320);
}
.sb_mv .sv_ttl {
  display: inline-block;
  padding: calc(var(--var-1) * 34) calc(var(--var-1) * 34);
  background: var(--cl-white);
  font: 500 calc(var(--var-1) * 35)/1 var(--family-base);
  letter-spacing: 0.2em;
}

/*
========================================================================= */
/*  下層の背景設定
========================================================================= */
.guide_mv {
  background: url(../img/sv/guide.png) no-repeat top/cover;
}

.tatami_mv {
  background: url(../img/sv/tatami.png) no-repeat top/cover;
}

.service_mv {
  background: url(../img/sv/service.png) no-repeat top/cover;
}

.thought_mv {
  background: url(../img/sv/thought.png) no-repeat top/cover;
}

.news_mv {
  background: url(../img/sv/news.png) no-repeat top/cover;
}

.contact_mv {
  background: url(../img/sv/contact.png) no-repeat top/cover;
}

.complete_mv {
  background: url(../img/sv/complete.png) no-repeat top/cover;
}

.privacy_mv {
  background: url(../img/sv/privacy.png) no-repeat top/cover;
}

.site_mv {
  background: url(../img/sv/site.png) no-repeat top/cover;
}

.notfound_mv {
  background: url(../img/sv/notfound.png) no-repeat top/cover;
}

/*
========================================================================= */
/*  top_worry
========================================================================= */
.top_worry {
  height: calc(var(--var-1) * 1186);
  background: url(../img/top/worry_bg.png) no-repeat bottom;
}
.top_worry .top_worry_list {
  gap: calc(var(--var-1) * 28);
  padding-top: calc(var(--var-1) * 56);
  padding-bottom: calc(var(--var-1) * 120);
  padding-left: calc(var(--var-1) * 172);
  background: linear-gradient(to bottom, rgba(253, 252, 251, 0) 0%, rgb(255, 255, 255) 20%, rgb(255, 255, 255) 100%);
  position: relative;
}
.top_worry .top_worry_list::before {
  content: "";
  position: absolute;
  bottom: calc(var(--var-1) * -50);
  left: 0;
  right: 0;
  margin: 0 auto;
  display: block;
  width: calc(var(--var-1) * 5);
  height: calc(var(--var-1) * 100);
  background: url(../img/top/worry_arw.png) no-repeat top/100%;
}
.top_worry .top_worry_list .top_worry_item {
  font: 600 calc(var(--var-1) * 20)/1 var(--family-base);
  position: relative;
}
.top_worry .top_worry_list .top_worry_item::before {
  content: "";
  display: inline-block;
  width: calc(var(--var-1) * 32);
  height: calc(var(--var-1) * 32);
  margin-right: calc(var(--var-1) * 20);
  background: url(../img/cmn/check.png) no-repeat top/100%;
}
.top_worry .top_worry_txt {
  margin-top: calc(var(--var-1) * 122);
  color: var(--cl-white);
  text-shadow: 0 0 calc(var(--var-1) * 15) rgba(0, 0, 0, 0.4);
}
.top_worry .top_worry_txt .top_worry_lead {
  font: 600 calc(var(--var-1) * 40)/1 var(--family-base);
  text-align: center;
  letter-spacing: 0.1em;
}
.top_worry .top_worry_txt .top_worry_lead span {
  display: block;
  margin-bottom: calc(var(--var-1) * 20);
  font-size: calc(var(--var-1) * 35);
}
.top_worry .top_worry_txt .top_worry_lead em {
  font-size: calc(var(--var-1) * 55);
}
.top_worry .top_worry_txt .top_worry_desc {
  margin-top: calc(var(--var-1) * 42);
  font-family: var(--family-sub);
  text-align: center;
  font-weight: 400;
}

/*
========================================================================= */
/*  top_service
========================================================================= */
.top_service .top_service_desc {
  margin-top: calc(var(--var-1) * 52);
  font-family: var(--family-sub);
  text-align: center;
}
.top_service .top_service_list {
  gap: calc(var(--var-1) * 110) calc(var(--var-1) * 80);
  margin-top: calc(var(--var-1) * 72);
}
.top_service .top_service_list .top_service_item {
  width: calc(var(--var-1) * 500);
}
.top_service .top_service_list .top_service_item .top_service_img_wrap {
  position: relative;
}
.top_service .top_service_list .top_service_item .top_service_img_wrap .top_service_figure {
  width: calc(var(--var-1) * 500);
  height: calc(var(--var-1) * 410);
}
.top_service .top_service_list .top_service_item .top_service_img_wrap .top_service_lead {
  position: absolute;
  top: calc(var(--var-1) * -38);
  left: calc(var(--var-1) * 38);
  width: calc(var(--var-1) * 60);
  height: calc(var(--var-1) * 448);
  padding: calc(var(--var-1) * 25) calc(var(--var-1) * 17);
  color: var(--cl-white);
  background: url(../img/top/service_ttl_bg.png);
  font: 500 calc(var(--var-1) * 27)/1 var(--family-base);
  letter-spacing: 0.15em;
}
.top_service .top_service_list .top_service_item .top_service_img_wrap .top_service_lead::before {
  content: "";
  display: inline-block;
  width: calc(var(--var-1) * 26);
  height: calc(var(--var-1) * 22);
  margin-bottom: calc(var(--var-1) * 10);
  background: url(../img/top/service_deco1.png) no-repeat top/100%;
}
.top_service .top_service_list .top_service_item .top_service_img_wrap .top_service_lead small {
  font-weight: 400;
  font-size: calc(var(--var-1) * 18);
  letter-spacing: 0.14em;
}
.top_service .top_service_list .top_service_item .top_service_img_wrap .top_service_figure_desc {
  margin-top: calc(var(--var-1) * 30);
  font-family: var(--family-sub);
}
.top_service .top_service_list .top_service_item:nth-child(2) .top_service_img_wrap .top_service_lead::before {
  width: calc(var(--var-1) * 26);
  height: calc(var(--var-1) * 24);
  margin-bottom: calc(var(--var-1) * 8);
  background: url(../img/top/service_deco2.png) no-repeat top/100%;
}
.top_service .top_service_list .top_service_item:nth-child(3) .top_service_img_wrap .top_service_lead::before {
  width: calc(var(--var-1) * 24);
  height: calc(var(--var-1) * 30);
  margin-bottom: calc(var(--var-1) * 2);
  background: url(../img/top/service_deco3.png) no-repeat top/100%;
}
.top_service .top_service_list .top_service_item:nth-child(4) .top_service_img_wrap .top_service_lead::before {
  width: calc(var(--var-1) * 23);
  height: calc(var(--var-1) * 26);
  margin-bottom: calc(var(--var-1) * 6);
  background: url(../img/top/service_deco4.png) no-repeat top/100%;
}

/*
========================================================================= */
/*  top_area
========================================================================= */
.top_area {
  background: url(../img/cmn/b_bg.png);
}
.top_area .top_area_content .top_area_txt {
  width: calc(var(--var-1) * 450);
}
.top_area .top_area_content .top_area_txt .top_area_desc {
  margin-top: calc(var(--var-1) * 40);
  font-family: var(--family-sub);
}
.top_area .top_area_content .top_area_txt .top_area_desc em {
  color: var(--cl-blue);
}
.top_area .top_area_content .top_area_figure {
  width: calc(var(--var-1-sub) * 591);
  height: calc(var(--var-1-sub) * 455);
  position: relative;
  right: calc(var(--var-1-sub) * -72);
}
@media screen and (max-width: 1280px) {
  .top_area .top_area_content .top_area_figure {
    right: auto;
  }
}

/*
========================================================================= */
/*  faq
========================================================================= */
.faq {
  scroll-margin-top: calc(var(--var-1) * 60);
}
.faq .faq_ttl {
  letter-spacing: 0.2em;
}
.faq .faq_list {
  gap: calc(var(--var-1) * 80);
  margin-top: calc(var(--var-1) * 40);
}
.faq .faq_list .faq_item em {
  padding-inline: calc(var(--var-1) * 20) calc(var(--var-1) * 18);
  font-size: calc(var(--var-1) * 25);
  line-height: 1;
}
.faq .faq_list .faq_item .faq_lead {
  padding: calc(var(--var-1) * 16) 0;
  background: url(../img/top/faq_ttl_bg.png) no-repeat top/cover;
  color: var(--cl-white);
  font-size: calc(var(--var-1) * 20);
}
.faq .faq_list .faq_item .faq_lead span {
  padding-left: calc(var(--var-1) * 36);
  border-left: 1px solid var(--cl-white);
}
.faq .faq_list .faq_item .faq_desc {
  margin-top: calc(var(--var-1) * 30);
}
.faq .faq_list .faq_item .faq_desc span {
  padding-left: calc(var(--var-1) * 36);
  border-left: 1px solid var(--cl-blue);
  font-family: var(--family-sub);
}
.faq .faq_list .faq_item .faq_desc em {
  padding-inline: calc(var(--var-1) * 20) calc(var(--var-1) * 20);
}
.faq .faq_btn {
  margin: calc(var(--var-1) * 70) auto 0;
}

/*
========================================================================= */
/*  company
========================================================================= */
.company .company_container {
  width: calc(var(--var-1) * 1790);
  margin: 0 auto;
  padding: calc(var(--var-1) * 120) 0;
  background: url(../img/top/company_bg.png) top/cover;
}
@media screen and (max-width: 1615px) {
  .company .company_container {
    width: auto;
  }
}
.company .company_container .company_wrap {
  width: calc(var(--var-1) * 1280);
  margin: 0 auto;
  background: var(--cl-white);
  padding: calc(var(--var-1) * 90) 0 calc(var(--var-1) * 100);
}
@media screen and (max-width: 1280px) {
  .company .company_container .company_wrap {
    width: auto;
  }
}
.company .company_container .company_wrap .company_ttl {
  letter-spacing: 0.2em;
}
.company .company_container .company_wrap .company_ttl::after {
  content: "";
  position: absolute;
  top: calc(var(--var-1) * -12);
  left: 0;
  right: 0;
  margin: 0 auto;
  display: block;
  width: calc(var(--var-1) * 386);
  height: calc(var(--var-1) * 78);
  background: url(../img/top/company_ttl_bg.png) no-repeat top/100%;
}
.company .company_container .company_wrap .info_table {
  margin-top: calc(var(--var-1) * 40);
}
.company .company_container .company_wrap .info_table .company_table {
  width: 100%;
}
.company .company_container .company_wrap .info_table .company_table .table_txt {
  gap: calc(var(--var-1) * 75);
  margin-top: calc(var(--var-1) * 10);
  background: var(--cl-gray);
  padding: calc(var(--var-1) * 14) calc(var(--var-1) * 52) calc(var(--var-1) * 14) calc(var(--var-1) * 46);
  font: 700 calc(var(--var-1) * 17)/1.882 var(--family-sub);
}
.company .company_container .company_wrap .info_table .company_table .table_txt:first-child {
  margin-top: 0;
}
.company .company_container .company_wrap .info_table .company_table .table_txt .table_label {
  display: block;
  width: calc(var(--var-1) * 148);
  color: var(--cl-blue);
  font-weight: 700;
  text-align: center;
}
.company .company_container .company_wrap .info_table .company_table .table_txt .table_desc {
  font-weight: 500;
}
.company .company_container .company_wrap .info_table .company_table .table_txt .table_desc img {
  display: block;
  width: calc(var(--var-1) * 290);
  margin: calc(var(--var-1) * 12) 0 calc(var(--var-1) * 8);
  filter: brightness(0) saturate(100%) invert(16%) sepia(9%) saturate(4%) hue-rotate(335deg) brightness(100%) contrast(90%);
}
.company .company_container .company_wrap .company_iframe {
  margin-top: calc(var(--var-1) * 50);
}
.company .company_container .company_wrap .company_iframe iframe {
  width: 100%;
  height: calc(var(--var-1) * 350);
  border: none;
}

/*
========================================================================= */
/*  cmn_contact
========================================================================= */
.cmn_contact .cmn_contact_content .cmn_contact_left {
  padding: calc(var(--var-1) * 48) calc(var(--var-1) * 60) calc(var(--var-1) * 60) calc(var(--var-1) * 60);
  background: url(../img/cmn/contact_bg.png);
}
.cmn_contact .cmn_contact_content .cmn_contact_left .cmn_contact_lead {
  padding-bottom: calc(var(--var-1) * 28);
  color: var(--cl-white);
  border-bottom: 1px solid var(--cl-white);
  font: 500 calc(var(--var-1) * 25)/1.8 var(--family-base);
  text-align: center;
  letter-spacing: 0.08em;
}
.cmn_contact .cmn_contact_content .cmn_contact_left .cmn_contact_lead2 {
  width: calc(var(--var-1) * 460);
}
.cmn_contact .cmn_contact_content .cmn_contact_left .cmn_contact_left_btm {
  margin-left: calc(var(--var-1) * 70);
}
.cmn_contact .cmn_contact_content .cmn_contact_left .cmn_contact_left_btm .cmn_contact_tel {
  margin-top: calc(var(--var-1) * 30);
  color: var(--cl-white);
}
.cmn_contact .cmn_contact_content .cmn_contact_left .cmn_contact_left_btm .cmn_contact_tel .tel_number {
  font-size: calc(var(--var-1) * 36);
}
.cmn_contact .cmn_contact_content .cmn_contact_left .cmn_contact_left_btm .cmn_contact_tel .tel_number small {
  font-size: calc(var(--var-1) * 23);
}
.cmn_contact .cmn_contact_content .cmn_contact_left .cmn_contact_left_btm .cmn_contact_tel img {
  display: block;
  width: calc(var(--var-1) * 202);
  filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(215deg) brightness(105%) contrast(106%);
}
.cmn_contact .cmn_contact_content .cmn_contact_left .cmn_contact_left_btm .business_hours {
  margin-top: calc(var(--var-1) * 18);
  color: var(--cl-white);
  font-weight: 500;
  font-size: calc(var(--var-1) * 16);
}
.cmn_contact .cmn_contact_content .cmn_contact_left .cmn_contact_left_btm .business_hours em {
  margin-right: calc(var(--var-1) * 14);
  background: var(--cl-white);
  color: var(--cl-blue);
  font-size: calc(var(--var-1) * 14);
}
.cmn_contact .cmn_contact_content .cmn_contact_left .cmn_contact_left_btm .cmn_contact_btn {
  width: calc(var(--var-1) * 315);
  margin-top: calc(var(--var-1) * 40);
  background: var(--cl-orange);
  font-size: calc(var(--var-1) * 18);
}
.cmn_contact .cmn_contact_content .cmn_contact_left2 {
  padding: calc(var(--var-1) * 48) calc(var(--var-1) * 46) calc(var(--var-1) * 60) calc(var(--var-1) * 46);
}
.cmn_contact .cmn_contact_content .cmn_contact_figure {
  width: calc(var(--var-1) * 500);
  height: calc(var(--var-1) * 454);
}
.cmn_contact .cmn_contact_content .cmn_contact_figure_b {
  width: calc(var(--var-1) * 500);
  height: calc(var(--var-1) * 500);
}
.cmn_contact .cmn_contact_content .cmn_contact_figure_b img {
  width: calc(var(--var-1) * 500);
  height: calc(var(--var-1) * 500);
  -o-object-fit: cover;
     object-fit: cover;
}

/*
========================================================================= */
/*  top_news
========================================================================= */
.top_news {
  margin-top: calc(var(--var-1) * -228);
  padding: calc(var(--var-1) * 230) 0 calc(var(--var-1) * 120);
  background: url(../img/cmn/b_bg.png);
}
.top_news .inner {
  gap: calc(var(--var-1) * 100);
}
.top_news .inner .top_news_ttl {
  padding-bottom: calc(var(--var-1) * 32);
}
.top_news .inner .top_news_right_wrap .top_news_right {
  gap: calc(var(--var-1) * 20);
}
.top_news .inner .top_news_right_wrap .top_news_right .top_news_content {
  width: calc(var(--var-1) * 950);
  padding: calc(var(--var-1) * 28) calc(var(--var-1) * 42) calc(var(--var-1) * 26) calc(var(--var-1) * 30);
  background: var(--cl-white);
}
.top_news .inner .top_news_right_wrap .top_news_right .top_news_content .top_news_top time {
  flex-shrink: 0;
  width: calc(var(--var-1) * 200);
  color: var(--cl-blue);
  font: 700 calc(var(--var-1) * 16)/1 var(--family-sub);
}
.top_news .inner .top_news_right_wrap .top_news_right .top_news_content .top_news_top .top_news_tag_list {
  gap: calc(var(--var-1) * 32);
}
.top_news .inner .top_news_right_wrap .top_news_right .top_news_content .top_news_top .top_news_tag_list .top_news_tag_item {
  color: var(--cl-gray-dark);
  font: 500 calc(var(--var-1) * 13)/1 var(--family-sub);
}
.top_news .inner .top_news_right_wrap .top_news_right .top_news_content .top_news_lead {
  margin-top: calc(var(--var-1) * 18);
  font: 500 calc(var(--var-1) * 17)/1 var(--family-sub);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.top_news .inner .top_news_right_wrap .top_news_btn {
  width: calc(var(--var-1) * 180);
  margin: calc(var(--var-1) * 40) 0 0 auto;
  padding: calc(var(--var-1) * 14) 0;
  font: 700 calc(var(--var-1) * 15)/1 var(--family-sub);
}

/*
========================================================================= */
/*  thought_greeting
========================================================================= */
.thought_greeting .thought_greeting_content {
  gap: calc(var(--var-1) * 118);
}
.thought_greeting .thought_greeting_content .thought_greeting_txt {
  width: calc(var(--var-1) * 560);
}
.thought_greeting .thought_greeting_content .thought_greeting_txt .thought_greeting_ttl::after {
  top: calc(var(--var-1) * 4);
}
.thought_greeting .thought_greeting_content .thought_greeting_txt .thought_greeting_desc {
  margin-top: calc(var(--var-1) * 40);
  font-family: var(--family-sub);
}
.thought_greeting .thought_greeting_content .thought_greeting_figure {
  margin-right: calc(var(--var-1-sub) * -420);
  flex-shrink: 0;
  width: calc(var(--var-1-sub) * 820);
  height: calc(var(--var-1-sub) * 620);
}
@media screen and (max-width: 1280px) {
  .thought_greeting .thought_greeting_content .thought_greeting_figure {
    margin-right: 0;
    width: calc(var(--var-1-sub) * 404);
  }
}

/*
========================================================================= */
/*  thought_cmmt
========================================================================= */
.thought_cmmt {
  background: url(../img/cmn/b_bg.png);
}
.thought_cmmt .thought_cmmt_list {
  gap: calc(var(--var-1) * 96);
  margin-top: calc(var(--var-1) * 40);
  counter-reset: number 0;
}
.thought_cmmt .thought_cmmt_list .thought_cmmt_item {
  gap: calc(var(--var-1) * 60);
}
@media screen and (max-width: 1280px) {
  .thought_cmmt .thought_cmmt_list .thought_cmmt_item {
    gap: calc(var(--var-1) * 40);
  }
}
.thought_cmmt .thought_cmmt_list .thought_cmmt_item .thought_cmmt_txt {
  width: calc(var(--var-1) * 480);
}
.thought_cmmt .thought_cmmt_list .thought_cmmt_item .thought_cmmt_txt .thought_cmmt_number {
  font: 500 calc(var(--var-1) * 34)/1 var(--family-base);
  letter-spacing: normal;
  position: relative;
  color: var(--cl-blue);
}
.thought_cmmt .thought_cmmt_list .thought_cmmt_item .thought_cmmt_txt .thought_cmmt_number::after {
  counter-increment: number 1;
  content: "0" counter(number);
  display: inline-block;
  font: 500 calc(var(--var-1) * 40)/1 var(--family-base);
  margin-left: calc(var(--var-1) * 12);
}
.thought_cmmt .thought_cmmt_list .thought_cmmt_item .thought_cmmt_txt .thought_cmmt_lead {
  margin-top: calc(var(--var-1) * 15);
  width: calc(var(--var-1) * 480);
  padding: calc(var(--var-1) * 10) calc(var(--var-1) * 20) calc(var(--var-1) * 10) calc(var(--var-1) * 20);
  background: url(../img/thought/cmmt_ttl_bg.png);
  color: var(--cl-white);
  font: 500 calc(var(--var-1) * 27)/1.481 var(--family-base);
  letter-spacing: 0.15em;
}
.thought_cmmt .thought_cmmt_list .thought_cmmt_item .thought_cmmt_txt .thought_cmmt_desc {
  margin-top: calc(var(--var-1) * 30);
  font-family: var(--family-sub);
}
.thought_cmmt .thought_cmmt_list .thought_cmmt_item .thought_cmmt_figure {
  flex-shrink: 0;
  width: calc(var(--var-1) * 640);
  height: calc(var(--var-1) * 390);
}
@media screen and (max-width: 1280px) {
  .thought_cmmt .thought_cmmt_list .thought_cmmt_item .thought_cmmt_figure {
    width: calc(var(--var-1) * 520);
  }
}

/*
========================================================================= */
/*  tatami_structure
========================================================================= */
.tatami_structure .tatami_structure_top_txt {
  margin-top: calc(var(--var-1) * 40);
}
.tatami_structure .tatami_structure_top_txt .tatami_structure_top_lead {
  padding: calc(var(--var-1) * 16) 0;
  background: url(../img/thought/cmmt_ttl_bg.png);
  color: var(--cl-white);
  font: 500 calc(var(--var-1) * 27)/1 var(--family-base);
  text-align: center;
}
.tatami_structure .tatami_structure_top_txt .tatami_structure_top_desc {
  margin-top: calc(var(--var-1) * 40);
  text-align: center;
  font-family: var(--family-sub);
}
.tatami_structure .tatami_structure_figure {
  width: calc(var(--var-1) * 590);
  height: calc(var(--var-1) * 378);
  margin: calc(var(--var-1) * 50) auto 0;
}
.tatami_structure .tatami_structure_list {
  margin-top: calc(var(--var-1) * 88);
}
.tatami_structure .tatami_structure_list .tatami_structure_item {
  width: calc(var(--var-1) * 320);
  position: relative;
}
.tatami_structure .tatami_structure_list .tatami_structure_item .tatami_structure_item_figure {
  width: calc(var(--var-1) * 320);
  height: calc(var(--var-1) * 320);
}
.tatami_structure .tatami_structure_list .tatami_structure_item .tatami_structure_txt .tatami_structure_lead {
  position: absolute;
  top: calc(var(--var-1) * -28);
  height: calc(var(--var-1) * 260);
  left: 0;
  padding: calc(var(--var-1) * 21) calc(var(--var-1) * 16) 0;
  background: url(../img/thought/cmmt_ttl_bg.png);
  color: var(--cl-white);
  font: 500 calc(var(--var-1) * 27)/1 var(--family-base);
  letter-spacing: 0.15em;
}
.tatami_structure .tatami_structure_list .tatami_structure_item .tatami_structure_txt .tatami_structure_lead small {
  font-size: calc(var(--var-1) * 18);
}
.tatami_structure .tatami_structure_list .tatami_structure_item .tatami_structure_txt .tatami_structure_desc {
  margin-top: calc(var(--var-1) * 40);
  font-family: var(--family-sub);
}

/*
========================================================================= */
/*  tatami_cmmt
========================================================================= */
.tatami_cmmt {
  background: url(../img/cmn/b_bg.png);
}
.tatami_cmmt .tatami_cmmt_content {
  gap: calc(var(--var-1) * 80);
  margin-top: calc(var(--var-1) * 40);
}
.tatami_cmmt .tatami_cmmt_content .tatami_cmmt_txt {
  margin-top: calc(var(--var-1) * -10);
}
.tatami_cmmt .tatami_cmmt_content .tatami_cmmt_txt .tatami_cmmt_desc {
  font-family: var(--family-sub);
}
.tatami_cmmt .tatami_cmmt_content .tatami_cmmt_txt .tatami_cmmt_list {
  gap: calc(var(--var-1) * 20);
  margin-top: calc(var(--var-1) * 54);
  padding: calc(var(--var-1) * 38) 0;
  border: 1px solid var(--cl-blue);
  border-width: 1px 0;
  position: relative;
}
.tatami_cmmt .tatami_cmmt_content .tatami_cmmt_txt .tatami_cmmt_list .tatami_cmmt_list_lead {
  position: absolute;
  top: calc(var(--var-1) * -14);
  left: 0;
  width: calc(var(--var-1) * 70);
  background: #eef0f5;
  color: var(--cl-blue);
  font: 500 calc(var(--var-1) * 22)/1 var(--family-base);
}
.tatami_cmmt .tatami_cmmt_content .tatami_cmmt_txt .tatami_cmmt_list .tatami_cmmt_item {
  position: relative;
  font-family: var(--family-sub);
}
.tatami_cmmt .tatami_cmmt_content .tatami_cmmt_txt .tatami_cmmt_list .tatami_cmmt_item::before {
  content: "";
  display: inline-block;
  width: calc(var(--var-1) * 8);
  height: calc(var(--var-1) * 8);
  margin-right: calc(var(--var-1) * 6);
  background: var(--cl-blue);
  border-radius: 50%;
  transform: translateY(calc(var(--var-1) * 2));
}
.tatami_cmmt .tatami_cmmt_content .tatami_cmmt_figure {
  flex-shrink: 0;
  width: calc(var(--var-1-sub) * 640);
  height: calc(var(--var-1-sub) * 515);
  margin-right: calc(var(--var-1-sub) * -100);
}
@media screen and (max-width: 1280px) {
  .tatami_cmmt .tatami_cmmt_content .tatami_cmmt_figure {
    margin-right: 0;
    width: calc(var(--var-1-sub) * 548);
  }
}

/*
========================================================================= */
/*  tatami_works
========================================================================= */
.tatami_works {
  scroll-margin-top: calc(var(--var-1) * 60);
}
.tatami_works .tatami_works_list {
  margin-top: calc(var(--var-1) * 42);
  gap: calc(var(--var-1) * 32);
}
.tatami_works .tatami_works_list .tatami_works_link {
  display: block;
  width: calc(var(--var-1) * 520);
  padding: calc(var(--var-1) * 28) calc(var(--var-1) * 38) calc(var(--var-1) * 32) calc(var(--var-1) * 24);
  background: rgba(164, 192, 245, 0.16);
}
.tatami_works .tatami_works_list .tatami_works_link .tatami_works_txt .tatami_works_lead {
  font: 500 calc(var(--var-1) * 24)/1 var(--family-base);
  padding-bottom: calc(var(--var-1) * 12);
  border-bottom: 1px solid var(--cl-blue);
}
.tatami_works .tatami_works_list .tatami_works_link .tatami_works_img_container {
  gap: calc(var(--var-1) * 60);
  margin-top: calc(var(--var-1) * 30);
}
.tatami_works .tatami_works_list .tatami_works_link .tatami_works_img_container .tatami_works_img_wrap .tatami_works_figure_desc {
  width: calc(var(--var-1) * 114);
  padding: calc(var(--var-1) * 8);
  background: var(--cl-gray-dark);
  color: var(--cl-white);
  text-align: center;
}
.tatami_works .tatami_works_list .tatami_works_link .tatami_works_img_container .tatami_works_img_wrap .tatami_works_figure .tatami_works_img {
  width: calc(var(--var-1) * 200);
  height: calc(var(--var-1) * 200);
  -o-object-fit: cover;
     object-fit: cover;
}
.tatami_works .tatami_works_list .tatami_works_link .tatami_works_img_container .before {
  position: relative;
}
.tatami_works .tatami_works_list .tatami_works_link .tatami_works_img_container .before::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto 0;
  right: calc(var(--var-1) * -38);
  display: block;
  width: calc(var(--var-1) * 18);
  height: calc(var(--var-1) * 27);
  background: url(../img/tatami/works_arw.png) no-repeat top/100%;
}
.tatami_works .tatami_works_list .tatami_works_link .tatami_works_img_container .after .tatami_works_figure_desc {
  background: var(--cl-blue);
}

.tatami_works_detail .tatami_works_detail_content {
  display: block;
  padding: calc(var(--var-1) * 28) calc(var(--var-1) * 38) calc(var(--var-1) * 32) calc(var(--var-1) * 24);
  background: rgba(164, 192, 245, 0.16);
}
.tatami_works_detail .tatami_works_detail_content .tatami_works_txt .tatami_works_lead {
  font: 500 calc(var(--var-1) * 24)/2.083 var(--family-base);
  padding-bottom: calc(var(--var-1) * 6);
  border-bottom: 1px solid var(--cl-blue);
}
.tatami_works_detail .tatami_works_detail_content .tatami_works_txt .tatami_works_desc {
  margin-top: calc(var(--var-1) * 20);
  font-family: var(--family-sub);
  position: relative;
}
.tatami_works_detail .tatami_works_detail_content .tatami_works_txt .tatami_works_desc::before {
  flex-shrink: 0;
  content: "";
  display: inline-block;
  width: calc(var(--var-1) * 8);
  height: calc(var(--var-1) * 8);
  margin-right: calc(var(--var-1) * 10);
  background: var(--cl-blue);
  border-radius: 50%;
  transform: translateY(calc(var(--var-1) * 16));
}
.tatami_works_detail .tatami_works_detail_content .tatami_works_img_container {
  gap: calc(var(--var-1) * 60);
  margin-top: calc(var(--var-1) * 30);
}
.tatami_works_detail .tatami_works_detail_content .tatami_works_img_container .tatami_works_img_wrap .tatami_works_figure_desc {
  width: calc(var(--var-1) * 114);
  padding: calc(var(--var-1) * 8);
  background: var(--cl-gray-dark);
  color: var(--cl-white);
  text-align: center;
}
.tatami_works_detail .tatami_works_detail_content .tatami_works_img_container .tatami_works_img_wrap .tatami_works_figure .tatami_works_img {
  width: calc(var(--var-1) * 510);
  height: calc(var(--var-1) * 365);
  -o-object-fit: cover;
     object-fit: cover;
}
.tatami_works_detail .tatami_works_detail_content .tatami_works_img_container .before {
  position: relative;
}
.tatami_works_detail .tatami_works_detail_content .tatami_works_img_container .before::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto 0;
  right: calc(var(--var-1) * -38);
  display: block;
  width: calc(var(--var-1) * 18);
  height: calc(var(--var-1) * 27);
  background: url(../img/tatami/works_arw.png) no-repeat top/100%;
}
.tatami_works_detail .tatami_works_detail_content .tatami_works_img_container .after .tatami_works_figure_desc {
  background: var(--cl-blue);
}

/*
========================================================================= */
/*  service_price
========================================================================= */
.service_price {
  padding-bottom: 0;
}
.service_price .service_price_figure {
  width: calc(var(--var-1) * 1080);
  height: calc(var(--var-1) * 350);
  margin-top: calc(var(--var-1) * 40);
}
.service_price table {
  width: 100%;
  margin-top: calc(var(--var-1) * 70);
  font-family: var(--family-sub);
}
.service_price table tr {
  width: 100%;
  gap: calc(var(--var-1) * 2);
}
.service_price table tr td {
  width: 50%;
  display: inline-block;
  padding: calc(var(--var-1) * 22) calc(var(--var-1) * 16);
  background: var(--cl-blue);
  color: var(--cl-white);
  font-weight: 500;
  text-align: center;
}
.service_price table tr th {
  margin-top: calc(var(--var-1) * 2);
  width: 50%;
  display: inline-block;
  padding: calc(var(--var-1) * 16) calc(var(--var-1) * 16);
  background: var(--cl-blue);
  font-weight: 500;
  text-align: center;
  line-height: 1.4;
}
.service_price table tr .content {
  background: rgba(53, 75, 117, 0.2);
}
.service_price table tr .price {
  background: rgba(53, 75, 117, 0.1);
  color: var(--cl-red);
  font-weight: 700;
}
.service_price .service_price_note {
  margin-top: calc(var(--var-1) * 40);
  font-family: var(--family-sub);
}
.service_price .service_price_note span {
  text-indent: calc(var(--var-1) * -20);
  padding-left: calc(var(--var-1) * 20);
}

/*
========================================================================= */
/*  guide_flow
========================================================================= */
.guide_flow .guide_flow_list {
  gap: calc(var(--var-1) * 50);
  margin-top: calc(var(--var-1) * 40);
  counter-reset: number 0;
}
.guide_flow .guide_flow_list .guide_flow_item {
  padding-inline: calc(var(--var-1) * 40);
  padding-top: calc(var(--var-1) * 44);
  padding-bottom: calc(var(--var-1) * 50);
  background: url(../img/cmn/b_bg.png);
  position: relative;
}
.guide_flow .guide_flow_list .guide_flow_item::before {
  content: "";
  position: absolute;
  bottom: calc(var(--var-1) * -24);
  left: 0;
  right: 0;
  margin: 0 auto;
  display: block;
  width: calc(var(--var-1) * 44);
  height: calc(var(--var-1) * 25);
  background: var(--cl-blue);
  clip-path: polygon(0% 0%, 100% 0%, 50% 100%);
}
.guide_flow .guide_flow_list .guide_flow_item:last-child::before {
  content: none;
}
.guide_flow .guide_flow_list .guide_flow_item .guide_flow_item_top {
  gap: calc(var(--var-1) * 32);
}
.guide_flow .guide_flow_list .guide_flow_item .guide_flow_item_top .guide_flow_item_l {
  transform: translateY(calc(var(--var-1) * -8));
}
.guide_flow .guide_flow_list .guide_flow_item .guide_flow_item_top .guide_flow_item_l .guide_flow_item_deco {
  font-size: calc(var(--var-1) * 30);
  position: relative;
  text-align: center;
  transform: translateX(calc(var(--var-1) * -8));
}
.guide_flow .guide_flow_list .guide_flow_item .guide_flow_item_top .guide_flow_item_l .guide_flow_item_deco::after {
  counter-increment: number 1;
  content: "0" counter(number);
  display: inline-block;
  font: 500 calc(var(--var-1) * 30)/1 var(--family-base);
  margin-left: calc(var(--var-1) * 12);
}
.guide_flow .guide_flow_list .guide_flow_item .guide_flow_item_top .guide_flow_item_l .guide_flow_figure {
  flex-shrink: 0;
  width: calc(var(--var-1) * 102);
  height: calc(var(--var-1) * 102);
  margin-top: calc(var(--var-1) * 10);
}
.guide_flow .guide_flow_list .guide_flow_item .guide_flow_item_top .guide_flow_txt {
  width: 100%;
}
.guide_flow .guide_flow_list .guide_flow_item .guide_flow_item_top .guide_flow_txt .guide_flow_lead {
  padding-bottom: calc(var(--var-1) * 18);
  border-bottom: 1px solid var(--cl-blue);
  font: 500 calc(var(--var-1) * 28)/1 var(--family-base);
  letter-spacing: normal;
}
.guide_flow .guide_flow_list .guide_flow_item .guide_flow_item_top .guide_flow_txt .guide_flow_desc {
  margin-top: calc(var(--var-1) * 18);
  font-family: var(--family-sub);
}
.guide_flow .guide_flow_list .guide_flow_item .guide_flow_item_top .guide_flow_txt .guide_info {
  margin-top: calc(var(--var-1) * 46);
}
.guide_flow .guide_flow_list .guide_flow_item .guide_flow_item_top .guide_flow_txt .guide_info .guide_info_top {
  transform: translateY(calc(var(--var-1) * -4));
}
.guide_flow .guide_flow_list .guide_flow_item .guide_flow_item_top .guide_flow_txt .guide_info .guide_info_top .guide_tel .tel_number {
  font-size: calc(var(--var-1) * 36);
}
.guide_flow .guide_flow_list .guide_flow_item .guide_flow_item_top .guide_flow_txt .guide_info .guide_info_top .guide_tel .tel_number small {
  font-size: calc(var(--var-1) * 22);
  color: var(--cl-blue);
  margin-right: calc(var(--var-1) * 6);
}
.guide_flow .guide_flow_list .guide_flow_item .guide_flow_item_top .guide_flow_txt .guide_info .guide_info_top .guide_tel img {
  display: block;
  width: calc(var(--var-1) * 200);
  margin-top: calc(var(--var-1) * 18);
  filter: brightness(0) saturate(100%) invert(17%) sepia(6%) saturate(22%) hue-rotate(327deg) brightness(95%) contrast(90%);
}
.guide_flow .guide_flow_list .guide_flow_item .guide_flow_item_top .guide_flow_txt .guide_info .guide_info_top .guide_business {
  margin-top: calc(var(--var-1) * 18);
}
.guide_flow .guide_flow_list .guide_flow_item .guide_flow_item_top .guide_flow_txt .guide_info .guide_info_top .guide_business .business_hours {
  font-weight: 500;
  font-size: calc(var(--var-1) * 16);
}
.guide_flow .guide_flow_list .guide_flow_item .guide_flow_item_top .guide_flow_txt .guide_info .guide_info_top .guide_business .business_hours em {
  margin-right: calc(var(--var-1) * 14);
  font-size: calc(var(--var-1) * 14);
}
.guide_flow .guide_flow_list .guide_flow_item .guide_flow_item_top .guide_flow_txt .guide_info .guide_contact_btn {
  width: calc(var(--var-1) * 315);
  margin-left: calc(var(--var-1) * 50);
  padding: calc(var(--var-1) * 18) 0;
  background: var(--cl-orange);
  font-size: calc(var(--var-1) * 18);
}
.guide_flow .guide_flow_list .guide_flow_item .guide_flow_item_top .guide_flow_txt .guide_contact_note {
  margin-top: calc(var(--var-1) * 22);
  font: 500 calc(var(--var-1) * 16)/1 var(--family-sub);
  letter-spacing: 0.1em;
}
.guide_flow .guide_flow_list .guide_flow_item .guide_flow_item_top .guide_flow_txt .guide_flow_figure_wrap {
  gap: calc(var(--var-1) * 30);
  margin-top: calc(var(--var-1) * 36);
}
.guide_flow .guide_flow_list .guide_flow_item .guide_flow_item_top .guide_flow_txt .guide_flow_figure_wrap .guide_flow_figure {
  width: calc(var(--var-1) * 250);
  height: calc(var(--var-1) * 180);
}

/*
========================================================================= */
/*  guide_voice
========================================================================= */
.guide_voice {
  background: url(../img/cmn/b_bg.png);
}
.guide_voice .guide_voice_list {
  gap: calc(var(--var-1) * 40);
  margin-top: calc(var(--var-1) * 50);
}
.guide_voice .guide_voice_list .guide_voice_item {
  background: #faf9f6;
  padding: calc(var(--var-1) * 32) calc(var(--var-1) * 40) calc(var(--var-1) * 50);
  box-shadow: 0 0 calc(var(--var-1) * 20) 0 rgba(0, 0, 0, 0.1);
}
.guide_voice .guide_voice_list .guide_voice_item .guide_voice_lead {
  font: 500 calc(var(--var-1) * 22)/2.273 var(--family-base);
  border-bottom: 1px solid var(--cl-blue);
  color: var(--cl-blue);
  letter-spacing: 0.1em;
}
.guide_voice .guide_voice_list .guide_voice_item .guide_voice_name {
  margin-top: calc(var(--var-1) * 14);
  font: 500 calc(var(--var-1) * 22)/1 var(--family-sub);
}
.guide_voice .guide_voice_list .guide_voice_item .guide_voice_work {
  margin-top: calc(var(--var-1) * 14);
  font-family: var(--family-sub);
  letter-spacing: 0.1em;
  line-height: 1.4;
}
.guide_voice .guide_voice_list .guide_voice_item .guide_voice_work em {
  display: inline-block;
  flex-shrink: 0;
  width: calc(var(--var-1) * 96);
  margin-right: calc(var(--var-1) * 14);
  padding: calc(var(--var-1) * 2) 0;
  text-align: center;
  background: var(--cl-green);
  color: var(--cl-white);
  transform: translateY(calc(var(--var-1) * -2));
}
.guide_voice .guide_voice_list .guide_voice_item .guide_voice_comment {
  margin-top: calc(var(--var-1) * 22);
  font-family: var(--family-sub);
}
.guide_voice .guide_voice_list:has(> .guide_voice_item:nth-child(5)) {
  padding: calc(var(--var-1) * 20);
  overflow-y: auto;
  height: calc(var(--var-1) * 400);
}