@charset "UTF-8";
/*==========================================
変数 inc.scss
===========================================*/
/*==========================================
変数 fonts.scss
===========================================*/
/*===================================
userSS 追加
=====================================*/
/*==========================================
 共通
===========================================*/
body {
  overflow-x: clip; }

.anchor_link {
  position: relative;
  top: clamp(0px-clamp(100px, 10vw, 150px));
  display: block; }

.wrapR {
  max-width: 1090px;
  width: 95%;
  margin: 0 auto; }
  @media screen and (max-width: 767px) {
    .wrapR {
      width: 92%; } }

.bgYlw {
  background: rgba(241, 219, 108, 0.15);
  border-bottom: 5px solid #dfede6; }

.txtShadow {
  text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.9); }

.ttl_sideDot {
  color: #4d4d4d;
  font-size: clamp(1.6rem, 2vw, 2rem);
  font-weight: bold;
  letter-spacing: 0.05em;
  text-align: center;
  margin-bottom: 1em; }
  .ttl_sideDot span {
    display: inline-block;
    font-weight: bold;
    position: relative;
    padding: 0 clamp(40px, 8vw, 80px); }
    .ttl_sideDot span::before, .ttl_sideDot span::after {
      content: "";
      display: block;
      width: clamp(30px, 6.6vw, 66px);
      aspect-ratio: 66/10;
      position: absolute;
      background-size: contain;
      background-position: center;
      background-repeat: no-repeat;
      top: calc(50% - clamp(2px,1vw,5px)); }
    .ttl_sideDot span::before {
      background-image: url("../../img/common/lineDot_sL.svg");
      left: 0; }
    .ttl_sideDot span::after {
      background-image: url("../../img/common/lineDot_sR.svg");
      right: 0; }

.reformmenu_navBlock {
  padding: clamp(20px, 4vw, 40px) 0 clamp(30px, 5vw, 50px); }

.reformmenu_navTtl {
  color: #4d4d4d;
  font-size: clamp(1.6rem, 2vw, 2rem);
  font-weight: bold;
  letter-spacing: 0.05em;
  text-align: center;
  margin-bottom: 1em; }
  @media screen and (max-width: 767px) {
    .reformmenu_navTtl {
      letter-spacing: normal; } }

.reformmenu_nav {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap; }
  .reformmenu_nav::after {
    content: "";
    display: block;
    width: 32%; }
  .reformmenu_nav .reformmenuNav-item {
    width: 32%; }
    .reformmenu_nav .reformmenuNav-item:nth-of-type(n+4) {
      margin-top: 10px; }
    @media screen and (max-width: 767px) {
      .reformmenu_nav .reformmenuNav-item {
        width: 100%;
        height: 70px; }
        .reformmenu_nav .reformmenuNav-item::after {
          display: none; }
        .reformmenu_nav .reformmenuNav-item:nth-of-type(n+2) {
          margin-top: 0; } }
    .reformmenu_nav .reformmenuNav-item a {
      display: flex;
      justify-content: space-between;
      align-items: center;
      background: #fff;
      border: 1px solid #d6d6d6;
      padding: 10px;
      color: #000;
      position: relative;
      height: 100%;
      box-shadow: 3px 3px 6px 0px rgba(0, 0, 0, 0.2);
      transition: 0.3s ease-in-out; }
      .reformmenu_nav .reformmenuNav-item a::before {
        content: "";
        position: absolute;
        display: block;
        width: clamp(20px, 3.5vw, 35px);
        aspect-ratio: 35/31;
        bottom: 0;
        right: 0;
        background: #e2efc0;
        clip-path: polygon(100% 0, 0% 100%, 100% 100%); }
      @media (hover: hover) {
        .reformmenu_nav .reformmenuNav-item a:hover {
          background: rgba(101, 168, 134, 0.1); } }
      @media screen and (max-width: 767px) {
        .reformmenu_nav .reformmenuNav-item a {
          padding: 0 10px; } }
    .reformmenu_nav .reformmenuNav-item .item-head {
      width: 25%; }
      @media screen and (max-width: 1200px) {
        .reformmenu_nav .reformmenuNav-item .item-head {
          width: 18%; } }
      @media screen and (max-width: 767px) {
        .reformmenu_nav .reformmenuNav-item .item-head {
          width: 60px; } }
    .reformmenu_nav .reformmenuNav-item .item-body {
      width: 73%; }
      @media screen and (max-width: 1200px) {
        .reformmenu_nav .reformmenuNav-item .item-body {
          width: 80%; } }
      @media screen and (max-width: 767px) {
        .reformmenu_nav .reformmenuNav-item .item-body {
          width: calc(100% - 70px); } }
    .reformmenu_nav .reformmenuNav-item .item-img img {
      width: 100%;
      object-fit: cover;
      aspect-ratio: 1; }
    .reformmenu_nav .reformmenuNav-item .item-ttl {
      font-size: clamp(1.6rem, 1.8vw, 1.8rem);
      font-weight: bold; }
    .reformmenu_nav .reformmenuNav-item .item-txt {
      margin-top: 0.8em;
      font-size: clamp(1.2rem, 1.6vw, 1.6rem); }
    .reformmenu_nav .reformmenuNav-item .item-arw {
      position: absolute;
      width: clamp(12px, 2.8vw, 28px);
      right: 7px;
      bottom: 5px; }
      .reformmenu_nav .reformmenuNav-item .item-arw::before, .reformmenu_nav .reformmenuNav-item .item-arw::after {
        content: "";
        background: #65a886;
        display: block;
        position: absolute;
        height: 1px;
        bottom: 0; }
      .reformmenu_nav .reformmenuNav-item .item-arw::before {
        width: 100%; }
      .reformmenu_nav .reformmenuNav-item .item-arw::after {
        width: 5px;
        transform: translateY(-50%) rotate(45deg);
        transform-origin: right center;
        right: 0; }
    @media screen and (max-width: 767px) {
      .reformmenu_nav .reformmenuNav-item.normal .item-head {
        display: none; } }
    @media screen and (max-width: 767px) {
      .reformmenu_nav .reformmenuNav-item.normal .item-body {
        width: 100%; } }
    .reformmenu_nav .reformmenuNav-item.season a {
      background: #65a886;
      border-color: #65a886;
      color: #fff; }
      @media (hover: hover) {
        .reformmenu_nav .reformmenuNav-item.season a:hover {
          background: rgba(101, 168, 134, 0.8); } }
    .reformmenu_nav .reformmenuNav-item.season .item-arw::before, .reformmenu_nav .reformmenuNav-item.season .item-arw::after {
      background: #fff; }

.reform_content_area_archive {
  padding: 50px 0; }
.reform_content_area.mt50 {
  margin-top: 50px; }

.reform_contentList {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap; }
  .reform_contentList::after {
    content: "";
    display: block;
    width: 32%; }
  .reform_contentList .reform_contentItem {
    width: 32%; }
    .reform_contentList .reform_contentItem:nth-of-type(n+4) {
      margin-top: clamp(10px, 4vw, 40px); }
    @media screen and (max-width: 767px) {
      .reform_contentList .reform_contentItem {
        width: 100%; }
        .reform_contentList .reform_contentItem:nth-of-type(n+2) {
          margin-top: clamp(10px, 4vw, 40px); } }
    .reform_contentList .reform_contentItem a {
      display: block;
      background: #fff;
      border: 1px solid #d6d6d6;
      padding: clamp(10px, 1.8vw, 18px) clamp(10px, 1.8vw, 18px) clamp(20px, 4vw, 50px);
      color: #000;
      position: relative;
      height: 100%;
      box-shadow: 3px 3px 6px 0px rgba(0, 0, 0, 0.2); }
      .reform_contentList .reform_contentItem a::before {
        content: "";
        position: absolute;
        display: block;
        width: clamp(20px, 3.5vw, 35px);
        aspect-ratio: 35/31;
        bottom: 0;
        right: 0;
        background: #e2efc0;
        clip-path: polygon(100% 0, 0% 100%, 100% 100%); }
      @media (hover: hover) {
        .reform_contentList .reform_contentItem a:hover .item-img img {
          transform: scale(1.1, 1.1); } }
      @media screen and (max-width: 767px) {
        .reform_contentList .reform_contentItem a {
          display: flex;
          flex-direction: row-reverse; } }
    .reform_contentList .reform_contentItem .item-head {
      position: relative;
      margin-bottom: 10px; }
      @media screen and (max-width: 767px) {
        .reform_contentList .reform_contentItem .item-head {
          width: 50%;
          margin-bottom: 0; } }
    @media screen and (max-width: 767px) {
      .reform_contentList .reform_contentItem .item-body {
        width: 48%; } }
    .reform_contentList .reform_contentItem .item-img {
      overflow: hidden; }
      .reform_contentList .reform_contentItem .item-img img {
        width: 100%;
        object-fit: cover;
        aspect-ratio: 1.5;
        transition: all 0.8s ease; }
    .reform_contentList .reform_contentItem .item-seasonTag {
      background: #65a886;
      display: inline-block;
      position: absolute;
      right: 5px;
      top: 5px;
      color: #fff;
      font-size: clamp(1.2rem, 1.4vw, 1.4rem);
      border-radius: 100vmax;
      font-weight: bold;
      padding: 0.2em 1em; }
    .reform_contentList .reform_contentItem .item-cat {
      color: #65a886;
      font-size: clamp(1.2rem, 1.4vw, 1.4rem);
      margin-bottom: 0.5em; }
      .reform_contentList .reform_contentItem .item-cat li {
        font-weight: bold;
        line-height: 1.6;
        display: inline-block; }
        .reform_contentList .reform_contentItem .item-cat li:not(:last-child) {
          margin-right: 1em; }
    .reform_contentList .reform_contentItem .item-ttl {
      font-size: clamp(1.6rem, 2vw, 2rem);
      font-weight: bold;
      line-height: 1.6; }
      .reform_contentList .reform_contentItem .item-ttl span {
        font-weight: bold;
        border-bottom: 1px dashed #c5df81; }
    .reform_contentList .reform_contentItem .item-more {
      position: absolute;
      width: clamp(30px, 6.2vw, 62px);
      right: 7px;
      bottom: 7px;
      font-size: clap(1.2rem, 1.4vw, 1.4rem);
      padding: 0 0 0.3em; }
      @media screen and (max-width: 767px) {
        .reform_contentList .reform_contentItem .item-more {
          padding: 0; } }
      .reform_contentList .reform_contentItem .item-more .moreTxt {
        font-weight: bold; }
        @media screen and (max-width: 767px) {
          .reform_contentList .reform_contentItem .item-more .moreTxt {
            display: none; } }
    .reform_contentList .reform_contentItem .item-arw {
      position: absolute;
      width: 100%;
      right: 0;
      bottom: 0; }
      .reform_contentList .reform_contentItem .item-arw::before, .reform_contentList .reform_contentItem .item-arw::after {
        content: "";
        background: #65a886;
        display: block;
        position: absolute;
        height: 1px;
        bottom: 0; }
      .reform_contentList .reform_contentItem .item-arw::before {
        width: 100%; }
      .reform_contentList .reform_contentItem .item-arw::after {
        width: 5px;
        transform: translateY(-50%) rotate(45deg);
        transform-origin: right center;
        right: 0; }

.accordion_js, .accordion_js2 {
  overflow: hidden; }

.accordion_more, .accordion_more2 {
  margin-top: 10px;
  background: #df8458;
  color: #fff;
  text-align: center;
  padding: 1em 0; }
  .accordion_more::before, .accordion_more2::before {
    content: "＋"; }
  .accordion_more.is-active::before, .accordion_more2.is-active::before {
    content: "－"; }

.pagination_moreBtn {
  border: 1px solid #000;
  max-width: 330px;
  width: 90%;
  margin: 0 auto clamp(40px, 6vw, 60px);
  text-align: center;
  font-size: clamp(1.6rem, 1.8vw, 1.8rem);
  letter-spacing: 0.1em;
  border-radius: 100vmax;
  padding: 1em 0;
  position: relative;
  transition: 0.3s ease-in-out; }
  .pagination_moreBtn::after {
    content: "";
    display: block;
    width: 12px;
    height: 10px;
    background: #65a886;
    clip-path: polygon(100% 0, 0 0, 50% 100%);
    position: absolute;
    right: 1em;
    top: calc(50% - 5px);
    transition: 0.3s ease-in-out; }
  .pagination_moreBtn .txt {
    font-weight: bold; }
  @media (hover: hover) {
    .pagination_moreBtn:hover {
      cursor: pointer;
      background: #65a886;
      color: #fff; }
      .pagination_moreBtn:hover::after {
        background: #fff; } }

/*==========================================
 カテゴリ【大】
===========================================*/
.reformmenuCat_list {
  display: flex;
  flex-wrap: wrap;
  font-size: clamp(1.1rem, 1.5vw, 1.5rem); }
  @media screen and (max-width: 576px) {
    .reformmenuCat_list {
      justify-content: space-between; }
      .reformmenuCat_list::after {
        content: "";
        width: 32%;
        display: block; } }
  .reformmenuCat_list .reformmenuCat_item {
    width: 15%; }
    .reformmenuCat_list .reformmenuCat_item:not(:nth-of-type(6n)) {
      margin-right: 2%; }
    .reformmenuCat_list .reformmenuCat_item:nth-of-type(n+7) {
      margin-top: 10px; }
    @media screen and (max-width: 960px) {
      .reformmenuCat_list .reformmenuCat_item {
        width: 24%; }
        .reformmenuCat_list .reformmenuCat_item:not(:nth-of-type(6n)) {
          margin-right: 0; }
        .reformmenuCat_list .reformmenuCat_item:not(:nth-of-type(4n)) {
          margin-right: 1%; }
        .reformmenuCat_list .reformmenuCat_item:nth-of-type(n+5) {
          margin-top: 5px; } }
    @media screen and (max-width: 576px) {
      .reformmenuCat_list .reformmenuCat_item {
        width: 32%; }
        .reformmenuCat_list .reformmenuCat_item:not(:nth-of-type(4n)) {
          margin-right: 0; }
        .reformmenuCat_list .reformmenuCat_item:nth-of-type(n+4) {
          margin-top: 5px; } }
    .reformmenuCat_list .reformmenuCat_item a {
      display: block;
      border: 1px solid #84a488;
      background: #fff;
      text-align: center;
      border-radius: 100vmax;
      padding: 0.6em 1.2em 0.6em 0;
      color: #84a488;
      font-weight: bold;
      position: relative;
      transition: 0.3s ease-in-out; }
      .reformmenuCat_list .reformmenuCat_item a.current {
        color: #fff;
        background: #84a488; }
      @media (hover: hover) {
        .reformmenuCat_list .reformmenuCat_item a:hover {
          color: #fff;
          background: #84a488; }
          .reformmenuCat_list .reformmenuCat_item a:hover .arw::before, .reformmenuCat_list .reformmenuCat_item a:hover .arw::after {
            background: #fff; } }
      .reformmenuCat_list .reformmenuCat_item a .arw {
        position: absolute;
        width: 1em;
        right: 0.5em;
        top: 50%; }
        .reformmenuCat_list .reformmenuCat_item a .arw::before, .reformmenuCat_list .reformmenuCat_item a .arw::after {
          content: "";
          background: #65a886;
          display: block;
          position: absolute;
          height: 1px;
          bottom: 0;
          transition: 0.3s ease-in-out; }
        .reformmenuCat_list .reformmenuCat_item a .arw::before {
          width: 100%; }
        .reformmenuCat_list .reformmenuCat_item a .arw::after {
          width: 5px;
          transform: translateY(-50%) rotate(45deg);
          transform-origin: right center;
          right: 0; }

/*==========================================
 カテゴリ【小】
===========================================*/
.reform_content_main .CTmain-item {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  background: #fff;
  border: 1px solid #d6d6d6;
  padding: clamp(20px, 4vw, 50px) clamp(10px, 1.8vw, 18px);
  color: #000;
  position: relative;
  height: 100%;
  box-shadow: 3px 3px 6px 0px rgba(0, 0, 0, 0.2); }
  @media (hover: hover) {
    .reform_content_main .CTmain-item:hover .item-img img {
      transform: scale(1.1, 1.1); } }
  @media screen and (max-width: 767px) {
    .reform_content_main .CTmain-item {
      flex-direction: column; } }
  .reform_content_main .CTmain-item .item-head {
    width: 50%; }
    @media screen and (max-width: 767px) {
      .reform_content_main .CTmain-item .item-head {
        width: 100%; } }
  .reform_content_main .CTmain-item .item-body {
    width: 45%; }
    @media screen and (max-width: 767px) {
      .reform_content_main .CTmain-item .item-body {
        margin-top: 15px;
        width: 100%; } }
  .reform_content_main .CTmain-item .item-img {
    overflow: hidden; }
    .reform_content_main .CTmain-item .item-img img {
      width: 100%;
      object-fit: cover;
      aspect-ratio: 1.4972527473;
      transition: all 0.8s ease; }
  .reform_content_main .CTmain-item .item-ttl {
    font-size: clamp(2rem, 2.6vw, 2.6rem);
    font-weight: bold;
    line-height: 1.6;
    margin-bottom: 1em; }
    .reform_content_main .CTmain-item .item-ttl span {
      font-weight: bold;
      border-bottom: 1px dashed #c5df81;
      display: inline-block;
      padding: 0 0 0.1em; }
  .reform_content_main .CTmain-item .item-lead {
    color: #84a488;
    font-weight: bold;
    font-size: clamp(1.6rem, 1.8vw, 1.8rem);
    margin-bottom: 1.5em; }
  .reform_content_main .CTmain-item .item-txt li {
    display: inline-block; }
    .reform_content_main .CTmain-item .item-txt li:not(:last-child)::after {
      content: "/"; }
  .reform_content_main .CTmain-item .item-more {
    width: fit-content;
    margin: clamp(25px, 5vw, 50px) 0 0 auto;
    position: relative;
    padding: 0 1em 0.2em 0;
    font-size: clamp(1.4rem, 1.6vw, 1.6rem); }
    .reform_content_main .CTmain-item .item-more::before {
      content: "";
      position: absolute;
      display: block;
      width: clamp(20px, 3.5vw, 35px);
      aspect-ratio: 35/31;
      bottom: calc(0px - clamp(5px,1vw,10px));
      right: calc(0px - clamp(5px,1vw,10px));
      background: #e2efc0;
      clip-path: polygon(100% 0, 0% 100%, 100% 100%); }
    .reform_content_main .CTmain-item .item-more .txt {
      position: relative; }
  .reform_content_main .CTmain-item .item-arw {
    position: absolute;
    width: 100%;
    right: 0;
    bottom: 0; }
    .reform_content_main .CTmain-item .item-arw::before, .reform_content_main .CTmain-item .item-arw::after {
      content: "";
      background: #65a886;
      display: block;
      position: absolute;
      height: 1px;
      bottom: 0;
      transition: 0.3s ease-in-out; }
    .reform_content_main .CTmain-item .item-arw::before {
      width: 100%; }
    .reform_content_main .CTmain-item .item-arw::after {
      width: 5px;
      transform: translateY(-50%) rotate(45deg);
      transform-origin: right center;
      right: 0; }

/*==========================================
 他のリフォームメニューを調べる
===========================================*/
.reformmenuOther_block {
  margin: clamp(60px, 10vw, 100px) auto 50px; }
  @media screen and (max-width: 480px) {
    .reformmenuOther_block {
      margin: clamp(60px, 10vw, 100px) auto 0; } }
  .reformmenuOther_block .bgYlw {
    padding: clamp(30px, 5vw, 50px) 0;
    border-bottom: none; }
  .reformmenuOther_block .block_Item:not(:last-child) {
    margin-bottom: clamp(30px, 5vw, 50px); }

/*==========================================
 詳細
===========================================*/
.reform_content_detail_ttlWrap {
  position: relative;
  text-align: center;
  position: relative;
  width: fit-content;
  font-size: clamp(2rem, 2.4vw, 2.8rem);
  margin: 2em auto 1em; }
  .reform_content_detail_ttlWrap .new {
    position: absolute;
    top: -45px;
    left: 0; }

.reform_content_detail_ttl {
  text-align: center;
  color: #84a488;
  font-weight: bold;
  line-height: 1.4;
  display: inline-block; }

.reformmenu_article-mainimg {
  max-width: 800px;
  width: 80%;
  margin: 0 auto 40px; }
  .reformmenu_article-mainimg img {
    width: 100%;
    object-fit: cover;
    aspect-ratio: 1.7777777778; }

.reformmenu_article-lead {
  margin: 0 auto 40px;
  line-height: 1.6; }

.reformmenu_mokuji {
  background: #fbecde;
  padding: 30px clamp(4%, 4vw, 40px); }
  .reformmenu_mokuji .mokuji-ttl {
    color: #333; }
    .reformmenu_mokuji .mokuji-ttl::before {
      content: "";
      font-family: "Font Awesome 5 Free";
      font-weight: 900;
      display: inline-block;
      font-style: normal;
      font-variant: normal;
      text-rendering: auto;
      -webkit-font-smoothing: antialiased;
      margin-right: 0.5em; }
  .reformmenu_mokuji .mokuji-list {
    margin-top: 0.5em;
    line-height: 1.6; }
    @media screen and (max-width: 767px) {
      .reformmenu_mokuji .mokuji-list {
        flex-direction: column; } }
    .reformmenu_mokuji .mokuji-list .mokuji-item {
      display: inline-block;
      position: relative;
      padding: 0 0 0 1.5em;
      border-bottom: 1px dashed #df8458;
      margin-bottom: 0.5em; }
      .reformmenu_mokuji .mokuji-list .mokuji-item::before {
        content: "";
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        display: inline-block;
        font-style: normal;
        font-variant: normal;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        color: #df8458;
        position: absolute;
        left: 0; }
      .reformmenu_mokuji .mokuji-list .mokuji-item:not(:last-child) {
        margin-right: 1em; }
      @media screen and (max-width: 767px) {
        .reformmenu_mokuji .mokuji-list .mokuji-item {
          margin: 0; }
          .reformmenu_mokuji .mokuji-list .mokuji-item:not(:last-child) {
            margin: 0 0 0.5em; } }
      .reformmenu_mokuji .mokuji-list .mokuji-item a {
        color: #df8458;
        text-decoration: underline; }
        @media (hover: hover) {
          .reformmenu_mokuji .mokuji-list .mokuji-item a:hover {
            color: #84a488; } }

.formatBlock {
  line-height: 1.6; }
  .formatBlock .fotmat_flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    @media screen and (max-width: 767px) {
      .formatBlock .fotmat_flex.format01_inner, .formatBlock .fotmat_flex.format02_inner {
        flex-direction: column-reverse !important; }
        .formatBlock .fotmat_flex.format01_inner .formatRow-imgBlock, .formatBlock .fotmat_flex.format02_inner .formatRow-imgBlock {
          margin-top: 0;
          margin-bottom: 25px; } }
  .formatBlock .format_txtR {
    line-height: 1.6; }
    .formatBlock .format_txtR strong {
      font-weight: bold; }
    .formatBlock .format_txtR ul {
      margin: 0 auto 2em; }
      .formatBlock .format_txtR ul li {
        position: relative;
        line-height: 1.5;
        padding: 0.1em 0 0.1em 1em; }
        .formatBlock .format_txtR ul li::before {
          content: "";
          font-family: "Font Awesome 5 Free";
          font-weight: 900;
          display: inline-block;
          font-style: normal;
          font-variant: normal;
          text-rendering: auto;
          -webkit-font-smoothing: antialiased;
          position: absolute;
          left: 0;
          /*左端からのアイコンまで*/
          top: 1em;
          color: gray;
          /*アイコン色*/
          font-size: 0.8rem; }
    .formatBlock .format_txtR ol {
      margin: 0 auto 2em; }
      .formatBlock .format_txtR ol li {
        position: relative;
        padding-left: 30px;
        line-height: 1.5em;
        padding: 0.5em 0 0.5em 30px; }
        .formatBlock .format_txtR ol li::before {
          /* 以下数字をつける */
          position: absolute;
          counter-increment: number;
          content: counter(number);
          /*以下数字のデザイン変える*/
          display: inline-block;
          background: #65a886;
          color: #fff;
          font-weight: bold;
          font-size: 15px;
          border-radius: 50%;
          left: 0;
          width: 25px;
          height: 25px;
          line-height: 25px;
          text-align: center;
          /*以下 上下中央寄せのため*/
          top: 50%;
          -webkit-transform: translateY(-50%);
          transform: translateY(-50%); }
  .formatBlock .img_cap {
    display: block;
    margin-top: 0.5em;
    font-size: clamp(1.2rem, 1.4vw, 1.4rem); }
  .formatBlock .formatRow-txtBlock {
    width: 48%; }
    @media screen and (max-width: 767px) {
      .formatBlock .formatRow-txtBlock {
        width: 100%; } }
  .formatBlock .formatRow-imgBlock {
    width: 48%; }
    @media screen and (max-width: 767px) {
      .formatBlock .formatRow-imgBlock {
        margin-top: 25px;
        width: 100%; } }
  .formatBlock .format01 {
    margin: 40px auto; }
  .formatBlock .format11 {
    margin: 40px auto; }
  .formatBlock .format02 {
    margin: 40px auto; }
  .formatBlock .format12 {
    margin: 40px auto; }
  .formatBlock .format03 {
    margin: 40px auto; }
  .formatBlock .format13 {
    margin: 40px auto; }
  .formatBlock .format04 {
    margin: 40px auto; }
  .formatBlock .format14 {
    margin: 40px auto; }
  .formatBlock .format05 {
    margin: 40px auto; }
  .formatBlock .format15 {
    margin: 40px auto; }
  .formatBlock .format06 {
    margin: 40px auto; }
  .formatBlock .format16 {
    margin: 40px auto; }
  .formatBlock .format07 {
    margin: 40px auto; }
  .formatBlock .format17 {
    margin: 40px auto; }
  .formatBlock .format08 {
    margin: 40px auto; }
  .formatBlock .format18 {
    margin: 40px auto; }
  .formatBlock .format09 {
    margin: 40px auto; }
  .formatBlock .format19 {
    margin: 40px auto; }
  .formatBlock .format02 .format02_inner {
    flex-direction: row-reverse; }
  .formatBlock .format07_ul .format07_li {
    width: 48%; }
  .formatBlock .format08_ul .format08_li {
    width: 32%; }
  .formatBlock .format09 {
    position: relative;
    padding: 40px 0; }
    .formatBlock .format09::before {
      content: "";
      display: block;
      background: #fbecde;
      width: 100vw;
      margin: 0 calc(50% - 50vw);
      height: 100%;
      position: absolute;
      top: 0;
      left: 0;
      z-index: -1; }
    @media screen and (max-width: 576px) {
      .formatBlock .format09 {
        flex-wrap: wrap; } }
    .formatBlock .format09 .format09_li {
      width: 45%;
      position: relative; }
      .formatBlock .format09 .format09_li:not(:last-child)::after {
        content: "";
        background: url("../../img/common/arw_ba.svg") no-repeat center/contain;
        display: block;
        width: clamp(15px, 3vw, 33px);
        aspect-ratio: 33/90;
        position: absolute;
        right: -15%;
        top: 30%; }
      @media screen and (max-width: 576px) {
        .formatBlock .format09 .format09_li {
          width: 100%; }
          .formatBlock .format09 .format09_li:not(:last-child) {
            margin-bottom: 15%; }
            .formatBlock .format09 .format09_li:not(:last-child)::after {
              top: auto;
              bottom: -15%;
              left: calc(50% - clamp(7.5px, 1.5vw, 16.5px));
              transform: rotate(90deg); } }
    .formatBlock .format09 .List_item_thum_f09 {
      position: relative; }
      .formatBlock .format09 .List_item_thum_f09 .img_status {
        font-size: clamp(1.4rem, 2vw, 2.4rem);
        font-weight: bold;
        text-align: center;
        min-width: 9em;
        padding: 0.5em 0;
        background: #7d7d7d;
        color: #fff;
        position: absolute;
        right: 0;
        bottom: 0; }
        .formatBlock .format09 .List_item_thum_f09 .img_status.img_after {
          background: #df8458; }
    .formatBlock .format09 .format09_linkBtn {
      margin-top: 25px;
      font-size: clamp(1.6rem, 1.8vw, 1.8rem); }
      .formatBlock .format09 .format09_linkBtn a {
        color: #df8458;
        font-weight: bold;
        width: fit-content;
        display: flex;
        align-items: center;
        margin: 0 0 0 auto; }
        @media (hover: hover) {
          .formatBlock .format09 .format09_linkBtn a:hover .arw {
            background: #fff; }
            .formatBlock .format09 .format09_linkBtn a:hover .arw::before {
              border-color: #df8458; } }
        .formatBlock .format09 .format09_linkBtn a .txt {
          display: inline-block;
          border-bottom: 1px solid #df8458;
          padding: 0 0 0.3em; }
        .formatBlock .format09 .format09_linkBtn a .arw {
          margin-left: 0.6em;
          width: clamp(24px, 4vw, 40px);
          aspect-ratio: 1/1;
          background: #df8458;
          border: 1px solid #df8458;
          display: flex;
          justify-content: center;
          align-items: center;
          border-radius: 100vmax;
          transition: 0.3s ease-in-out; }
          .formatBlock .format09 .format09_linkBtn a .arw::before {
            content: "";
            display: block;
            border-right: 1px solid #fff;
            border-bottom: 1px solid #fff;
            width: clamp(4px, 0.8vw, 8px);
            aspect-ratio: 1/1;
            transform: rotate(-45deg);
            position: relative;
            left: -2px;
            transition: 0.3s ease-in-out; }

.reform_content_detail_ttl02 {
  font-size: clamp(2rem, 2.4vw, 3rem);
  font-weight: bold;
  color: #fff;
  background: #e4a86e;
  padding: 0.5em 0.9em;
  line-height: 1.4; }

.reform_content_detail_ttl03 {
  font-weight: bold;
  font-size: clamp(1.8rem, 2.2vw, 2.4rem);
  border-left: 5px solid #df8458;
  color: #df8458;
  padding: 0.5em 0.7em;
  line-height: 1.4; }
  @media screen and (max-width: 767px) {
    .reform_content_detail_ttl03 {
      border-width: 1vmax; } }

.reform_content_detail_ttl04 {
  font-weight: bold;
  font-size: clamp(1.6rem, 2vw, 2rem);
  line-height: 1.6; }

.contactFlow_block {
  margin: clamp(80px, 12vw, 120px) auto; }
  .contactFlow_block .wrapR {
    max-width: 905px; }
  .contactFlow_block .contactFlow_list .contactFlow_item {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    position: relative; }
    .contactFlow_block .contactFlow_list .contactFlow_item:not(:last-child) {
      padding-bottom: 25px;
      margin-bottom: 5px; }
      .contactFlow_block .contactFlow_list .contactFlow_item:not(:last-child)::after {
        content: "";
        display: block;
        position: absolute;
        width: 1px;
        height: calc(100% - clamp(40px,7.2vw,72px));
        background: #df8458;
        bottom: 0;
        left: clamp(17.5px, 3.4vw, 34px); }
    .contactFlow_block .contactFlow_list .contactFlow_item .item_num {
      width: clamp(35px, 6.8vw, 68px);
      min-width: clamp(35px, 6.8vw, 68px);
      aspect-ratio: 1/1;
      display: flex;
      justify-content: center;
      align-items: center;
      border-radius: 100vmax;
      background: #df8458;
      color: #fff;
      margin-right: 0.5em;
      font-size: clamp(1.6rem, 2vw, 2.2rem);
      font-weight: bold; }
    .contactFlow_block .contactFlow_list .contactFlow_item .item_body {
      width: 100%;
      border-bottom: 1px dashed #eebfa8;
      padding: 1.2em 0 1em; }
      @media screen and (max-width: 767px) {
        .contactFlow_block .contactFlow_list .contactFlow_item .item_body {
          padding: 0.6em 0 1em; } }
    .contactFlow_block .contactFlow_list .contactFlow_item .item_ttl {
      font-weight: bold;
      font-size: clamp(1.8rem, 2vw, 2rem);
      letter-spacing: 0.05em; }
    .contactFlow_block .contactFlow_list .contactFlow_item .item_txt {
      margin-top: 0.8em;
      color: #222;
      line-height: 1.6; }
  .contactFlow_block .contact_cnv {
    margin: clamp(40px, 80vw, 80px) auto 0;
    letter-spacing: 0.05em; }
    .contactFlow_block .contact_cnv .cnv-ttl {
      font-size: clamp(1.8rem, 2.3vw, 2.3rem);
      font-weight: bold;
      text-align: center;
      background: #df8458;
      color: #fff;
      border-radius: 100vmax;
      padding: 0.8em 0; }
    .contactFlow_block .contact_cnv .cnv-txt {
      font-size: clamp(1.6rem, 2vw, 2rem);
      font-weight: bold;
      color: #df8458;
      margin-top: 1em;
      line-height: 1.6; }
      @media screen and (min-width: 768px) {
        .contactFlow_block .contact_cnv .cnv-txt {
          text-align: center; } }
    .contactFlow_block .contact_cnv .cnv-btn {
      max-width: 490px;
      width: 100%;
      margin: clamp(25px, 4vw, 40px) auto 0; }
      .contactFlow_block .contact_cnv .cnv-btn a {
        display: block; }

.works_block {
  margin-top: clamp(40px, 6vw, 60px);
  background: url(../../img/common/bg_stripe_orange.png);
  padding: clamp(30px, 6vw, 60px) 0; }
  .works_block .worksF_list {
    display: flex;
    flex-wrap: wrap; }
    @media screen and (max-width: 767px) {
      .works_block .worksF_list {
        justify-content: space-between; } }
    .works_block .worksF_list .worksF_item {
      border: 1px solid #c9c9c9;
      background: #fff;
      width: 24%; }
      .works_block .worksF_list .worksF_item:not(:last-child) {
        margin: 0 1.3% 0 0; }
      @media screen and (max-width: 767px) {
        .works_block .worksF_list .worksF_item {
          width: 49%; }
          .works_block .worksF_list .worksF_item:not(:last-child) {
            margin: 0; }
          .works_block .worksF_list .worksF_item:nth-of-type(n+3) {
            margin-top: 1.5%; } }
      .works_block .worksF_list .worksF_item a {
        display: block;
        padding: 7% 5%;
        color: #000; }
      .works_block .worksF_list .worksF_item .item-ttl {
        color: #e4a86e;
        font-size: clamp(1.6rem, 1.8vw, 1.8rem);
        font-weight: bold;
        display: -webkit-box;
        overflow: hidden;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        margin-bottom: 1em; }
      .works_block .worksF_list .worksF_item .item-img img {
        width: 100%;
        object-fit: cover;
        aspect-ratio: 1.3294117647; }
      .works_block .worksF_list .worksF_item .item-cat {
        margin-top: 1em;
        font-size: clamp(1.4rem, 1.6vw, 1.6rem);
        display: -webkit-box;
        overflow: hidden;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical; }

.articleField_block {
  margin-top: clamp(40px, 6vw, 60px); }

/*# sourceMappingURL=common.css.map */