@charset "utf-8";
/* ========================================================
	module.css => モジュール用CSS
======================================================== */
/*.topic_path 
---------------------------------------------------------------------------------------------------*/
.topic_path {
      width: 90%;
      margin: auto 10% auto 2vw;
}
.topic_path li {
      display: inline-block;
}
.topic_path li a:after {
      content: ">";
      margin-left: 5px;
}
@media screen and (min-width: 961px), print {
      .topic_path {
            margin-top: 0.5em;
            font-size: 1.2rem;
            background: #ffffff;
            padding: 7px 0;
            margin-bottom: 0px;
            position: relative;
            z-index: 1;
      }
}
/*topic_path sp */
@media screen and (max-width: 960px) {
      /*追従あり*/
      .topic_path {
            padding: 7px 15px;
            margin-top: 0em;
            margin-bottom: 0;
            position: relative;
            z-index: 1;
            white-space: nowrap;
            height: 20px;
            overflow: hidden;
            font-size: 1.2rem;
            -webkit-overflow-scrolling: touch;
      }
      .topic_path ul {
            white-space: nowrap;
            overflow-x: auto;
            overflow-y: hidden;
            height: 50px;
            transform: translateZ(0);
      }
      .topic_path ul li:last-child {
            margin-right: 20px;
      }
}
/*.page_title
---------------------------------------------------------------------------------------------------*/
.page_title_area {
      padding: 2em 0 4em 0;
}
.page_title_inner {
      max-width: 1000px;
      margin: auto;
}
.page_title {
      position: relative;
      text-align: center;
      font-size: 3.8rem;
      padding-bottom: 0.5em;
}
.page_title:before {
      content: "";
      width: 1.5em;
      border-radius: 1em;
      height: 6px;
      background: var(--col_main);
      position: absolute;
      left: 50%;
      bottom: 0;
      transform: translate(-50%, -0%);
}
@media screen and (max-width: 680px) {
      .page_title {
            font-size: 3.0rem;
      }
}
/*.v_page_title_area
---------------------------------------------------------------------------------------------------*/
.v_page_title_area {
      padding: 3em 0;
      display: flex;
      gap: 0 6%;
      width: 1330px;
      margin: auto;
      align-items: center;
}
@media screen and (max-width: 1360px) {
      .v_page_title_area {
            width: 95%;
      }
}
.v_page_title_area .img {
      overflow: hidden;
      border-radius: var(--b_rudius_pc);
      width: 52%;
}
.v_page_title_area .img, .v_page_title_area .img img {
      aspect-ratio: 680/481;
}
.v_page_title_area .img img {
      width: 100%;
      object-fit: cover;
      object-position: center;
}
.v_page_title_area .text_box {
      width: 48%;
}
.v_page_title {
      font-size: 4.0rem;
      line-height: 1.5;
      margin-bottom: 0.5em;
      padding-bottom: 0.5em;
      border-bottom: 2px solid var(--col_main);
}
@media screen and (max-width:960px) {
      .v_page_title {
            font-size: 3.0rem;
      }
}
@media screen and (max-width:680px) {
      .v_page_title_area {
            padding: 3em 0;
            display: block;
      }
      .v_page_title_area .img {
            border-radius: var(--b_rudius_sp);
            width: auto;
      }
      .v_page_title_area .text_box {
            width: 95%;
            margin: auto;
      }
      .v_page_title {
            padding-top: 0.5em;
            text-align: center;
      }
}
/*お問い合わせ
---------------------------------------------------------------------------------------------------*/
.bottom_mb {
      margin-bottom: 6em;
}
.inquiry_tel_box {
      margin: 5em auto auto auto;
      background: #fff;
      border: solid var(--col_main) 6px;
      border-radius: var(--b_rudius_pc);
}
@media screen and (max-width: 1050px) {
      .inquiry_tel_box {
            margin: 7em auto auto auto;
      }
}
@media screen and (max-width: 680px) {
      .inquiry_tel_box {
            border: solid var(--col_main) 4px;
            border-radius: var(--b_rudius_sp);
      }
}
.inquiry_tel_inner {
      padding: 1em 0 2em 0;
      width: 95%;
      margin: auto;
      position: relative;
}
.inquiry_tel_inner:before {
      content: "";
      background: url("../images/staff_01.webp") no-repeat;
      aspect-ratio: 133/200;
      background-size: contain;
      position: absolute;
      top: -35%;
      right: 1em;
      height: 20rem;
      z-index: 1;
}
@media screen and (max-width: 680px) {
      .inquiry_tel_box {
            margin-top: 3.5em;
      }
      .inquiry_tel_inner:before {
            height: 5em;
            top: -3.5em;
            right: 0;
      }
}
.inquiry_tel_title {
      display: inline-block;
      text-align: center;
      background: var(--col_main);
      color: #fff;
      font-weight: 700;
      position: absolute;
      top: -1.2em;
      left: 50%;
      transform: translate(-50%, -0%);
      font-size: 1.5em;
      padding: 0.1em 2.5em;
      border-radius: 2em;
}
.inquiry_tel_inner .num_set {
      margin: 1.5em auto 1.2em auto;
      font-size: 1.4em;
      text-align: center;
      display: flex;
      justify-content: center;
      align-items: baseline;
}
.inquiry_tel_inner .num_set .tel_num a {
      padding: 0em 0.5em 0em 0.6em;
      color: inherit;
      line-height: 1;
      background: url(../images/ico_tel_black.svg) left 0px top 50% / 0.5em no-repeat;
      background-position: left 0px top 50%;
}
@media screen and (max-width: 1050px) {
      .inquiry_tel_inner .num_set {
            display: block;
      }
}
@media screen and (max-width: 680px) {
      .inquiry_tel_title {
            padding: 0.1em 0em;
            font-size: 1.2em;
            width: 80%;
      }
      .inquiry_tel_inner .num_set {
            margin: 1em auto auto auto;
            font-size: 1.2em;
      }
      .inquiry_tel_inner .cv_text {
            margin-top: 1em;
      }
}
@media screen and (max-width: 320px) {
      .inquiry_tel_inner .num_set {
            font-size: 1.0em;
      }
}
/*ご利用事例 一覧
-------------------------------------------------------------------------------------------------------------------------------*/
/*anker_list*/
.anker_list {
      display: flex;
      justify-content: center;
      gap: 1em 1em;
      flex-wrap: wrap;
}
.anker_list li a {
      border-radius: 2em;
      display: inline-block;
      background: #fff;
      border: solid var(--col_main) 1px;
      text-align: center;
      padding: 0.6em 1.5em;
      font-weight: 700;
      min-width: 4.5em;
}
@media screen and (min-width: 961px), print {
      .anker_list li a:hover, .anker_list li a.current {
            background: var(--col_main);
            border: solid #fff 1px;
            color: #fff;
      }
}
@media screen and (max-width: 680px) {
      .anker_list {
            width: 95%;
            margin: auto;
            gap: 1em 4%;
            justify-content: flex-start;
      }
      .anker_list > li {
            width: calc((100% / 2) - 2%);
      }
      .anker_list > li.all {
            width: 100%;
      }
      .anker_list li a {
            height: calc(100% - 1.2em);
            display: flex;
            justify-content: center;
            align-items: center;
            padding: 0.6em 1.0em;
            min-width: auto;
      }
}
/* pagination 　wp-pagenav ver
=============================== */
.pagination {
      margin: 5em 0 0 0;
}
.pagination .wp-pagenavi {
      display: flex;
      justify-content: center;
      font-family: "Spinnaker", sans-serif;
      align-items: center;
}
.pagination .wp-pagenavi span, .pagination .wp-pagenavi a {
      display: block;
      font-size: 1em;
      line-height: 1;
      text-align: center;
      text-decoration: none;
      padding: 12px 0;
      margin: 0 5px;
      aspect-ratio: 1/1;
      position: relative;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      /*   border-radius: 3rem;*/
      width: 40px;
      /*background: var(--col_pnav);*/
      border-radius: 3em;
      font-weight: 700;
      border: none !important;
      background: var(--bg_gray_l);
}
/*next prev*/
.pagination .wp-pagenavi a.next, .pagination .wp-pagenavi a.prev {
      position: relative;
      /*  font-size: 0;*/
}
/*.pagination .wp-pagenavi a.next:before,.pagination .wp-pagenavi a.prev:before {
    content: "";
    position: absolute;
    background: url("../images/arrow_basic_green.svg") no-repeat;
    background-size: contain;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(90deg);
    width: 10px;
    aspect-ratio: 1/1.4;
}
.pagination .wp-pagenavi a.prev:before {
      transform: translate(-50%, -50%) rotate(-90deg);
}*/
/*current hover*/
.pagination .wp-pagenavi span.current, .pagination .wp-pagenavi a.current {
      display: block;
      color: #fff;
      background: var(--col_main);
}
.pagination .wp-pagenavi .previouspostslink, .pagination .wp-pagenavi .nextpostslink {
      /*    background: none;
      color: var(--col_main);*/
}
@media screen and (min-width: 1025px), print {
      .pagination .wp-pagenavi a:hover {
            color: #fff;
            background: var(--col_main);
      }
      .pagination .wp-pagenavi a.next:hover:before, .pagination .wp-pagenavi a.prev:hover:before {
            filter: brightness(0) invert(1);
      }
}
@media screen and (max-width: 680px) {
      .pagination {
            margin: 10% 0 10%;
      }
}
/*他パーツ*/
/*extend　…*/
.extend {
      background: #fff !important;
      color: var(--bg_gray) !important;
}
/*.previouspostslink, .nextpostslink {
    color: transparent !important;
    background: url("../images/arrow_basic_green.svg") no-repeat !important;
    background-size: 0.8em !important;
    background-position: top 50% left 50% !important;
}*/
/*.nextpostslink {
    transform: rotate(90deg) !important;
}
.previouspostslink {
    transform: rotate(-90deg) !important;
}*/
/* pagination default
=============================== */
.pagination ul.page-numbers {
      display: flex;
      justify-content: center;
      align-items: center;
      font-size: 1em;
}
.pagination ul.page-numbers li {
      display: flex;
      justify-content: center;
      align-items: center;
      aspect-ratio: 1 / 1;
      height: 40px;
}
.pagination ul.page-numbers li + li {
      margin-left: 0.5em;
}
.pagination ul.page-numbers li > * {
      display: flex;
      justify-content: center;
      align-items: center;
      font-size: 1em;
      line-height: 1;
      text-align: center;
      text-decoration: none;
      width: 100%;
      aspect-ratio: 1 / 1;
      height: 40px;
      position: relative;
      background: var(--col_l_blue);
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      border-radius: 3rem;
      font-family: "Montserrat", serif;
}
/*current hover*/
.pagination span.page-numbers.current, .pagination a.page-numbers:hover {
      color: #fff !important;
      background: var(--col_main) !important;
}
/*next pre デザインリセット*/
.pagination .page-numbers.next, .pagination .page-numbers.prev, .pagination .page-numbers.dots, .pagination .page-numbers.next:hover, .pagination .page-numbers.prev:hover, .pagination .page-numbers.dots:before {
      background: transparent !important;
}
/*next pre */
.pagination .page-numbers.next:before, .pagination .page-numbers.prev:before {
      content: "";
      background: url("../images/pageng_arrow.svg") no-repeat;
      background-size: 0.8em;
      background-position: center;
      width: 100%;
      display: block;
      aspect-ratio: 1 / 1;
}
.pagination .page-numbers.prev:before {
      transform: rotate(180deg);
}
/*dots*/
.pagination .page-numbers.dots {
      color: var(--col_main);
}
/* pager
=============================== */
.pager {
      border-top: 1px solid #eaeaea;
      border-bottom: 1px solid #eaeaea;
      display: flex;
      justify-content: space-between;
      padding: 2em 0;
      margin-top: 2em;
}
@media screen and (max-width: 680px) {
      .pager {
            padding: 1.5em 0;
      }
}
.pager > * {
      width: 48%;
}
.pager.pager > * {
      display: flex;
      align-items: center;
      line-height: 1.3;
}
.pager .prev a, .pager .next a {
      width: 100%;
      padding: 0.5em 0;
      word-break: break-all;
      display: flex;
      align-items: center;
      position: relative;
}
.pager .pager_title span, .pager .pager_title a span {
      display: block;
      text-decoration: underline;
      color: var(--col_main_d);
      margin-top: 0.3em;
}
/*矢印*/
.pager .pager_arrow {
      content: "";
      background: url("../images/pageng_arrow.svg") no-repeat;
      /*      filter: brightness(0) invert(1);*/
      background-size: contain;
      aspect-ratio: 12 /23.2;
      height: 1.5em;
      top: 50%;
      right: 0.9em;
      transform: translate(-50%, -0%);
}
.pager .next a .pager_arrow {
      margin-left: 1.5em;
}
.pager .prev a .pager_arrow {
      position: relative;
      transform: scale(-1, 1);
      transform-origin: center;
      text-align: center;
      display: flex;
      right: auto;
      left: 0;
      margin-right: 1.5em;
}
@media screen and (min-width: 961px) and (hover: hover) {
      .pager a:hover .pager_title span, .pager a:hover .pager_title a span {
            text-decoration: none;
      }
}
@media screen and (max-width: 680px) {
      .pager .pager_title {
            text-decoration: underline;
            color: var(--col_main_d);
      }
      .pager .pager_title span, .pager .pager_title a span {
            display: none;
      }
}
/*a*/
.pager .prev, .pager .prev a {
      text-align: left;
}
.pager .next, .pager .next a {
      text-align: right;
      justify-content: flex-end;
}
/*ご利用事例 詳細
-------------------------------------------------------------------------------------------------------------------------------*/
/*case_grid_area*/
@media screen and (min-width: 681px), print {
      .case_grid_area {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            grid-template-columns: 2.5fr 1fr;
      }
      .case_cont {
            grid-area: 1 / 1 / 2 / 2;
            width: 90%;
      }
      .case_side {
            grid-area: 1 / 2 / 2 / 3;
      }
}
/*パーツ
--------------------------------------------------------------------*/
.cms_date_area {
      display: flex;
      font-size: 1.5rem;
      gap: 0 1em;
      align-items: center;
}
.cms_cate {
      background: var(--col_main);
      color: #fff;
      border-radius: 3em;
      padding: 0.5em 1.5em;
      font-weight: 700;
}
.cms_main_title {
      font-size: 3.0rem;
      padding: 0.5em 0 1em 0;
}
/*cms_info_area
--------------------------------------------------------------------*/
.cms_info_area {
      background: var(--bg_main_l);
      border-radius: var(--b_rudius_pc);
      padding: 1em 1.2em;
}
.cms_info_title {
      margin-bottom: 0.7em;
}
.cms_info_dl {
      display: flex;
      flex-wrap: wrap;
      gap: 0.5em 2%;
}
.cms_info_dl dl {
      width: calc((100% / 2) - 3.2%);
      background: #fff;
      border-radius: 0.5em;
      padding: 0.5em;
      display: flex;
      gap: 0 1em;
}
.cms_info_dl dl dt {
      position: relative;
      padding-left: 1.5em;
}
.cms_info_dl dl dt:before {
      font-size: 0.9em;
      content: "●";
      color: var(--col_main);
      position: absolute;
      top: 0.1em;
      left: 0;
}
@media screen and (max-width: 1360px) {
      .cms_info_dl dl {
            width: calc((100% / 2) - 4%);
      }
}
@media screen and (max-width: 680px) {
      .cms_info_area {
            border-radius: var(--b_rudius_sp);
            padding: 1em 1.0em;
      }
      .cms_info_dl {
            display: block;
      }
      .cms_info_dl dl {
            width: auto;
      }
      .cms_info_dl dl + dl {
            margin-top: 0.5em;
      }
}
/*pickiup_area
--------------------------------------------------------------------*/
.pickiup_area {
      padding: 2em 1.5em;
      border: solid 5px var(--bg_main_l);
      border-radius: var(--b_rudius_pc);
      margin: 2.5em auto auto auto;
}
.pickiup_title {
      font-weight: 900;
      position: relative;
      padding-left: 2.5em;
      line-height: 1.5;
      letter-spacing: 2px;
}
.pickiup_title:before {
      position: absolute;
      left: 0;
      top: -0.5em;
      content: "";
      background: url("../images/ico_pick.svg") no-repeat;
      width: 2.5em;
      aspect-ratio: 1;
}
.pickup_list {
      width: 95%;
      margin: 2em auto auto auto;
      display: flex;
      gap: 0 2.5em;
      justify-content: center;
      text-align: center;
}
.pickup_list > li {
      width: calc(100% / 3);
}
.pickup_list > li .img, .pickup_list > li .img img {
      aspect-ratio: 220/155;
}
.pickup_list > li .img img {
      width: 100%;
      object-fit: cover;
      object-position: center;
}
.pickup_list_title {
      margin-top: 0.7em;
      font-size: 1.2em;
      font-family: "M PLUS Rounded 1c", sans-serif;
      font-weight: 700;
}
.pickup_list_num {
      font-weight: 700;
      color: var(--col_main);
}
.pickup_list_num span {
      font-size: 1.75em;
}
@media screen and (max-width: 680px) {
      .pickiup_area {
            padding: 1.5em 0.8em;
            border-radius: var(--b_rudius_sp);
      }
      .pickup_list {
            width: auto;
            flex-wrap: wrap;
            gap: 1.5em 4%;
            justify-content: flex-start;
      }
      .pickup_list > li {
            width: calc((100% / 2) - 2%);
      }
      .pickup_list_title {
            font-size: 1.0em;
            margin-top: 0.5em;
            text-align: center;
      }
      .pickup_list_num {
            line-height: 1.0;
      }
      .pickup_list_num span {
            font-size: 1.5em;
      }
}
/*case_content_area
--------------------------------------------------------------------------------------------*/
.case_content_area {
      margin: auto auto 5em auto;
}
.case_content_title {
      border-bottom: 2px solid var(--col_main);
      padding-bottom: 0.5em;
      margin-top: 3em;
      margin-bottom: 1em;
      font-size: 1.5em;
      font-weight: 700;
}
/*case_content_disc
--------------------------------------------------------------*/
ul.case_content_disc {
      margin-top: 1em;
}
ul.case_content_disc > li {
      position: relative;
      padding-left: 1em;
      margin-bottom: 1em;
}
ul.case_content_disc > li:before {
      content: "・";
      position: absolute;
      left: 0;
}
/*case_content_ol
--------------------------------------------------------------*/
.case_content_ol {
      margin: 2em auto;
}
.case_content_ol > li + li {
      margin-top: 2em;
}
.case_content_ol_title {
      color: var(--col_main);
      font-weight: 700;
      font-size: 1.25em;
      margin-bottom: 0.5em;
}
/*case_content_cms cmsパーツ
--------------------------------------------------------------------------------------------*/
.case_content_cms ul {
      margin-top: 1em;
}
.case_content_cms ul > li {
      position: relative;
      padding-left: 1em;
      margin-bottom: 1em;
}
.case_content_cms ul > li:before {
      content: "・";
      position: absolute;
      left: 0;
}
.case_content_cms ol {
      margin: 2em auto;
}
.case_content_cms ol > li + li {
      margin-top: 2em;
}
.case_content_cms h2 {
      margin-top: 2em;
      color: var(--col_main);
      font-weight: 700;
      font-size: 1.25em;
      margin-bottom: 1em;
}
.case_content_cms h3 {
      font-weight: 700;
      font-size: 1.1em;
      margin-bottom: 1em;
}
.case_content_cms img {
      margin-top: 1em;
      margin-bottom: 1em;
}
.case_content_cms a {
      color: var(--col_main_d);
      text-decoration: underline;
}
@media screen and (min-width: 961px), print {
      .case_content_cms a:hover {
            text-decoration: none;
      }
}
/*case_comment_area
--------------------------------------------------------------------------------------------*/
.case_comment_area {
      margin: 2em auto;
}
.case_comment_box {
      position: relative;
}
.case_comment_box + .case_comment_box {
      margin-top: 3em;
}
.case_comment_box_title {
      position: absolute;
      top: -1em;
      left: -1em;
}
.case_comment_box_title span {
      display: inline-block;
      padding: 0.8em 1em;
      border-radius: var(--b_rudius_pc);
      background: var(--col_yellow);
      color: #fff;
      font-size: 1.25em;
      font-weight: 700;
      position: relative;
}
.case_comment_box_title span:before {
      content: "";
      bottom: -0.6em;
      left: 1.5em;
      position: absolute;
      vertical-align: middle;
      display: inline-block;
      border-style: solid;
      border-width: 11px 0px 17px 10px;
      border-color: transparent transparent transparent var(--col_yellow);
      transform: rotate(-45deg);
}
.case_comment_box .text_box {
      border-radius: var(--b_rudius_pc);
      background: var(--bg_yellow);
      padding: 5em 2em 2em 2em;
}
.case_comment_main .case_comment_box_title span {
      background: var(--col_main);
}
.case_comment_main .case_comment_box_title span:before {
      border-color: transparent transparent transparent var(--col_main);
}
.case_comment_main .text_box {
      background: var(--bg_main_l);
}
@media screen and (max-width: 680px) {
      .case_comment_area {
            width: 95%;
      }
      .case_comment_box .text_box {
            padding: 5em 1em 2em 1em;
      }
}
/*case_staff_area
--------------------------------------------------------------------------------------------*/
.case_staff_area {
      margin: 5em auto auto auto;
      border: solid 2px #eaeaea;
      border-radius: var(--b_rudius_pc);
      padding: 1.5em 2em;
}
.case_staff_title {
      font-size: 1.1em;
      font-weight: 900;
      margin-bottom: 1em;
}
.case_staff_flex {
      display: flex;
      gap: 0 2em;
}
.case_staff_flex .img {
      width: 8.75em;
}
.case_staff_flex .img img {
      width: 100%;
}
.case_staff_flex .text_box {
      width: calc(100% - 8.75em);
}
.case_staff_name {
      font-size: 1.1em;
      margin-bottom: 1em;
}
@media screen and (max-width: 680px) {
      .case_staff_area {
            padding: 1.5em 1em;
      }
      .case_staff_flex {
            display: block;
      }
      .case_staff_flex .img {
            margin: auto auto 1em auto;
      }
      .case_staff_title {
            text-align: center;
      }
      .case_staff_name {
            text-align: center;
      }
      .case_staff_flex .text_box {
            width: auto;
      }
}
/*case_sns
--------------------------------------------------------------------------------------------*/
.case_sns .sns_list {
      padding: 2em 0 0 0;
      justify-content: flex-end;
}
.case_sns .sns_list > li, .case_sns .sns_list > li img {
      height: 2.5em !important;
}
.case_sns .sns_list > li.insta, .case_sns .sns_list > li.insta img {
      height: 3.5em !important;
}
/*side
-------------------------------------------------------------------------------------------------------------------------------*/
.side_unit + .side_unit {
      margin-top: 3em;
}
.side_unit_cate_title {
      background: var(--bg_main_l);
      font-weight: 700;
      padding: 0.8em;
      margin-bottom: 0.8em;
      border-radius: 0.5em;
}
.side_cate_list > li {
      position: relative;
      padding-left: 1.2em;
}
.side_cate_list > li:before {
      content: "";
      position: absolute;
      top: 0.7em;
      left: 0;
      width: 0.7em;
      height: 4px;
      border-radius: 1em;
      background: var(--col_main);
}
.side_unit_list > li + li, .side_cate_list > li + li {
      margin-top: 1.8em;
}
.side_unit_list > li a {
      font-size: 1.4rem;
      display: flex;
      justify-content: space-between;
      gap: 0 2em;
      align-items: flex-start;
}
.side_unit_list > li .img {
      width: 30%;
      overflow: hidden;
      border-radius: 0.8em;
}
.side_unit_list > li .img, .side_unit_list > li .img img {
      aspect-ratio: 84/64;
}
.side_unit_list > li .img img {
      width: 100%;
      object-fit: cover;
      object-position: center;
}
.side_unit_list > li .text_box {
      width: 70%;
}
.side_unit_date {
      color: #565656;
}
@media screen and (min-width: 961px), print {
      .side_unit_list > li a:hover .side_unit_title {
            text-decoration: underline;
      }
}
@media screen and (max-width: 680px) {
      .side_unit_list > li a {
            gap: 0 1em;
      }
}
/*side_cate_list*/
.side_cate_list > li + li {
      margin-top: 1em;
}
.side_cate_list > li a {
      position: relative;
}
@media screen and (min-width: 961px), print {
      .side_cate_list > li a:hover {
            text-decoration: underline;
      }
}
/*more_list_area
-------------------------------------------------------------------------------------------------------------------------------*/
.more_list_area {
      margin: 5em 0;
}
.more_list_area_title {
      font-size: 1.25em;
      text-align: center;
      margin-bottom: 2em;
}
.more_list {
      display: flex;
      gap: 2em 5%;
      flex-wrap: wrap;
}
.more_list > li {
      width: calc((100% / 2) - 3%);
}
.more_list > li a {
      font-size: 1.4rem;
      display: flex;
      justify-content: space-between;
      gap: 0 2em;
      align-items: flex-start;
}
.more_list > li .img {
      width: 30%;
      overflow: hidden;
      border-radius: 0.8em;
}
.more_list > li .img, .more_list > li .img img {
      aspect-ratio: 84/64;
}
.more_list > li .img img {
      width: 100%;
      object-fit: cover;
      object-position: center;
}
.more_list > li .text_box {
      width: 70%;
}
.more_list > li a .side_unit_title {
      color: var(--col_main_d);
      text-decoration: underline;
      font-display: 1.6rem;
      font-weight: 700;
}
@media screen and (min-width: 961px), print {
      .more_list > li a:hover .side_unit_title {
            text-decoration: none;
      }
}
@media screen and (max-width: 680px) {
      .more_list_area {
            margin: 3em 0;
      }
      .more_list {
            display: block;
      }
      .more_list > li {
            margin-bottom: 2em;
            width: auto;
      }
      .more_list > li a {
            gap: 0 1em;
      }
}
/*よくある質問
--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/*faq_anker_list_area*/
.faq_anker_list_area .anker_list {
      justify-content: flex-start;
}
.faq_anker_list_area .anker_list > li {
      width: calc((100% / 4) - 0.8em);
}
.faq_anker_list_area .anker_list > li a {
      display: block;
      background: var(--bg_gray_l);
      border: solid 1px var(--bg_gray_l);
}
@media screen and (min-width: 961px), print {
      .faq_anker_list_area .anker_list li a:hover, .faq_anker_list_area .anker_list li a.current {
            background: var(--col_main);
            border: solid #fff 1px;
            color: #fff;
      }
}
@media screen and (max-width: 680px) {
      .faq_anker_list_area .anker_list {
            width: 100%;
            gap: 1em 2%;
      }
      .faq_anker_list_area .anker_list > li {
            width: calc((100% / 2) - 1%);
      }
      .faq_anker_list_area .anker_list > li a {
            display: flex;
      }
}

/*会社概要
--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
.com_table table {
      table-layout: fixed;
      width: 100%;
}
.com_table th, .com_table td {
      padding: 1.5em 1.5em;
}
.com_table th {
      font-weight: 700;
      border-bottom: 1px solid var(--col_main);
}
.com_table td {
      border-bottom: 1px solid #cfcfcf;
}
@media screen and (max-width: 680px) {
 .com_table th, .com_table td {
      padding: 1.0em 1.0em;
}
}

.gmap iframe {
      width: 100%;
      height: 60rem;
}
@media screen and (max-width: 680px) {
      .gmap iframe {
            height: 40rem;
      }
}
/*collect_case_area
------------------------------------------------------------------------------------*/
.collect_case_area {
      padding: 7em 0 8em 0;
      position: relative;
      z-index: 0;
      max-width: 1380px;
      margin: auto;
}
.collect_case_inner {
      width: 95%;
      margin: auto;
}
@media screen and (max-width: 1400px) {
      .collect_case_area {
            max-width: 95%;
      }
}
.collect_case_area:before {
      content: "";
      width: 100%;
      background: url("../images/collect/collect_bg.svg") no-repeat;
      background-size: contain;
      background-position: center;
      aspect-ratio: 1380/236;
      height: 28.6rem;
      position: absolute;
      left: 50%;
      bottom: 0;
      transform: translate(-50%, -0%);
      z-index: -1;
}
@media screen and (max-width: 680px) {
      .collect_case_area {
            padding: 5em 0 4.5em 0;
      }
      .collect_case_area:before {
            background: url("../images/collect/collect_bg_sp.svg") no-repeat;
            background-size: contain;
            background-position: bottom;
            height: 100%;
            aspect-ratio: 350/846;
      }
}
/*collect_case_list*/
.collect_case_list {
      display: flex;
      justify-content: center;
      gap: 0 1em;
}
@media screen and (max-width: 680px) {
      .collect_case_list {
            display: block;
      }
      .collect_case_list > li + li {
            margin-top: 3em;
      }
}
.collect_case_title {
      text-align: center;
}
.collect_case_title span {
      position: relative;
      display: inline-flex;
      justify-content: center;
      align-items: center;
      flex-direction: column;
      color: var(--col_main);
      line-height: 1.5;
      font-weight: 700;
      font-family: "M PLUS Rounded 1c", sans-serif;
      font-size: 2.2rem;
      height: 3em;
}
@media screen and (max-width: 960px) {
      .collect_case_title span {
            font-size: 1.7rem;
      }
}
@media screen and (max-width: 680px) {
      .collect_case_title span {
            font-size: 2.0rem;
            height: auto;
      }
}
.collect_case_title span:before {
      content: "";
      background: url("../images/collect/midashi_collect_case_01.svg") no-repeat;
      aspect-ratio: 53/40;
      width: 5.3rem;
      position: absolute;
      top: -1.5em;
      left: -2em;
}
.collect_case_title_ase span:before {
      background: url("../images/collect/midashi_collect_case_02.svg") no-repeat;
      aspect-ratio: 26/48;
      width: 2.6rem;
      top: 30%;
      left: auto;
      right: -1em;
}
.collect_case_title_moja span:before {
      background: url("../images/collect/midashi_collect_case_03.svg") no-repeat;
      aspect-ratio: 39/42;
      width: 3.9rem;
      top: 20%;
      left: auto;
      right: -3em;
}
.collect_case_list .img {
      margin-top: 1.5em;
}
.collect_case_list .img img {
      width: 100%;
}
@media screen and (max-width: 680px) {
      .collect_case_list .img {
            width: 98%;
            margin: auto;
            margin-top: 1.5em;
      }
      .collect_case_list .img img {
            position: relative;
            transform: translateX(0.7em);
      }
}
/*collect_check_block
---------------------------------------------------------------------*/
.collect_check_block {
      width: 500px;
      margin: auto;
      position: relative;
      padding-bottom: 5em;
}
.collect_check_block:before {
      content: "";
      background: url("../images/collect_ckack_arrow.svg") no-repeat;
      background-size: contain;
      aspect-ratio: 56/25;
      width: 5.6rem;
      position: absolute;
      left: 50%;
      bottom: 2em;
      transform: translate(-50%, -0%);
}
.collect_check_block > * {
      background: var(--bg_yellow);
      padding: 1.5em 1.0em 1.5em 5.5em;
      border-radius: var(--b_rudius_pc);
      font-size: 2.0rem;
      position: relative;
      font-family: "M PLUS Rounded 1c", sans-serif;
      font-weight: 700;
      margin-bottom: 0.5em;
}
.collect_check_block > *:before {
      content: "";
      background: url("../images/collect/ico_check.svg") no-repeat;
      background-size: contain;
      aspect-ratio: 30/24;
      width: 3.0rem;
      position: absolute;
      left: 2.5em;
      top: 50%;
      transform: translate(-0%, -50%);
}
@media screen and (max-width: 550px) {
      .collect_check_block {
            width: 100%;
      }
      .collect_check_block > * {
            font-size: 1.9rem;
            padding: 1.0em 1.0em 1.0em 1.8em;
      }
      .collect_check_block > *:before {
            width: 2.3rem;
            left: -0.2em;
      }
}
/*collect_point_block
---------------------------------------------------------------------*/
.collect_point_block {
      width: 700px;
      margin: auto;
      position: relative;
      padding: 1em 0 1em 13em;
}
.collect_point_block:before {
      content: "";
      background: url("../images/collect/ico_pick_02.svg") no-repeat;
      background-size: contain;
      aspect-ratio: 61/79;
      width: 6.1rem;
      position: absolute;
      left: 8em;
      top: -1em;
}
@media screen and (max-width: 680px) {
      .collect_point_block {
            width: 100%;
            padding: 1em 0 0em 0em;
      }
      .collect_point_block:before {
            left: 0;
            top: -4.5em;
      }
}
/*collect_service_list
----------------------------------------------------------------------------*/
.collect_service_list {
      display: flex;
      flex-wrap: wrap;
      gap: 2em 3%;
}
.collect_service_list > li {
      width: calc((100% / 2) - 2%);
}
.collect_service_list_inner .img {
      display: flex;
      align-items: flex-end;
      justify-content: space-between;
      flex-direction: row-reverse;
      margin-bottom: 1em;
      gap: 0 1em;
      height: 9em;
}
.img_in {
      width: 40%;
}
.collect_service_list_title {
      font-family: "M PLUS Rounded 1c", sans-serif;
      font-weight: 700;
      color: var(--col_main);
      font-size: 2.8rem;
      line-height: 1.5;
      width: 60%;
}
@media screen and (max-width: 960px) {
      .collect_service_list_title {
            font-size: 2.0rem
      }
}
@media screen and (max-width: 680px) {
      .collect_service_list {
            display: block;
      }
      .collect_service_list > li {
            width: auto;
      }
      .collect_service_list > li + li {
            margin-top: 4em;
      }
      .collect_service_list_inner .img {
            display: block;
            text-align: center;
            margin: auto;
            height: auto;
      }
      .img_in {
            width: auto;
      }
      .collect_service_list_title {
            font-size: 2.2rem;
            width: auto;
            margin: 0.8em auto;
      }
}
/*画像サイズ
-------------------------------------*/
.collect_service_list_inner .img img {
      object-fit: contain;
      object-position: center;
}
.collect_service_list_img_01 {
      aspect-ratio: 170/108;
      height: 10.8rem;
}
.collect_service_list_img_02 {
      aspect-ratio: 105/54;
      height: 5.4rem;
}
.collect_service_list_img_03 {
      aspect-ratio: 180/103;
      height: 10.3rem;
}
.collect_service_list_img_04 {
      aspect-ratio: 200/128;
      height: 12.8rem;
}
.collect_service_list_img_05 {
      aspect-ratio: 140/103;
      height: 10.3rem;
}
.collect_service_list_img_06 {
      aspect-ratio: 220/133;
      height: 13.3rem;
}
/*collect_fee_area
----------------------------------------------------------------------------*/
.collect_fee_area {
      width: 1540px;
      margin: auto;
}
.collect_fee_area .pickup_list > li {
      background: #fff;
      border-radius: var(--b_rudius_pc);
      padding: 1em 1em 0 1em;
}
@media screen and (max-width:1600px) {
      .collect_fee_area {
            width: 95%;
      }
      .collect_fee_area .pickup_list > li {
            width: 100%;
            padding: 1em 1em 1em 1em;
      }
}
/*collect_price_table
----------------------------------------------------------------------------*/
.collect_price_table table {
      table-layout: fixed;
      width: 100%;
}
.collect_price_table tr:first-child th {
      background: var(--col_main);
      color: #fff;
      font-weight: 700;
      text-align: center;
      border-radius: 0.7em 0.7em 0 0;
      border-right: 1px solid #fff;
      font-size: 1.1em;
      padding: 0.5em 0;
}
.collect_price_table tr:first-child th:first-child {
      width: 70%;
}
.collect_price_table tr:first-child th:nth-child(2) {
      width: 30%;
}
.collect_price_table td {
      padding: 1em 1.5em;
      border-right: 1px solid var(--col_main);
      border-bottom: 1px solid var(--col_main);
}
.collect_price_table tr:nth-child(odd) {
      background: var(--bg_gray_ll);
}
.collect_price_table th:last-child, .collect_price_table td:last-child {
      border-right: none;
}
.collect_price_num {
      font-weight: 700;
      text-align: right;
}
.collect_price_num span {
      font-size: 1.75em;
}
@media screen and (max-width:680px) {
      .collect_price_table td {
            padding: 1em 0.5em;
      }
}

/*ブランド家具 買取実績
--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
.focus_archive_list {
      display: flex;
      flex-wrap: wrap;
      gap: 2.5em 2%;
}
.focus_archive_list > li {
      width: calc((100% / 3) - 1.4%);
}
@media screen and (max-width: 680px) {
      .focus_archive_list {
            display: block;
      }
      .focus_archive_list > li {
            width: auto;
      }
      .focus_archive_list > li + li {
            margin-top: 1.5em;
      }
}
/*.focus_archive_list_inner 
---------------------------------------------------------*/
.focus_archive_list_inner {
      border-radius: var(--b_rudius_pc);
      padding: 1em;
      background: #fff;
}
.focus_archive_list_inner .img, .focus_archive_list_inner .img img {
      aspect-ratio: 332/235;
}
.focus_archive_list_inner .img img {
      width: 100%;
      object-fit: contain;
      object-position: center;
      font-family: 'object-fit: contain; object-position: center;'
}
.focus_archive_list_inner .text_box {
      margin-top: 0.5em;
      padding-bottom: 6.5em;
      position: relative;
}
.focus_archive_list_cate {
      color: var(--col_main);
}
.focus_archive_list_title {
      font-size: 1.1em;
      font-weight: 700;
      margin: 0.5em 0 0.5em 0;
}
/*.focus_archive_list_status_box 
---------------------------------------------------------*/
.focus_archive_list_status_box {
      display: flex;
      gap: 0 5%;
      font-size: 0.9em;
      align-items: center;
      margin-top: 2em;
}
.focus_archive_list_status {
      background: var(--col_main);
      color: #fff;
      font-weight: 700;
      padding: 0em 0.8em;
      border-radius: 2em;
      width: 2.5em;
      display: inline-block;
      text-align: center;
}
.focus_archive_list_status.bihin {
      background: #ed8100;
}
/*.focus_archive_list_status_box .date {
      color: #565656;
}*/
.focus_archive_list_title {
      width: calc(100% - 2.5em);
      font-size: 1.5em;
      font-weight: 700;
      line-height: 1.5;
      /*      margin: 0.5em 0 0.5em 0;*/
}
.purchase_box {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
}
.purchase_box_title {
      text-align: center;
      background: var(--col_yellow);
      font-weight: 700;
      padding: 0.2em 0;
}
.purchase_box_num {
      font-weight: 700;
      color: var(--col_red);
      text-align: center;
}
.purchase_box_num span {
      font-size: 1.75em;
}
.purchase_box {
      border-bottom: 1px solid var(--col_yellow);
}
@media screen and (max-width: 1370px) {
      .focus_archive_list_title {
            font-size: 1.2em;
      }
}
@media screen and (max-width: 680px) {
      .focus_archive_list_title {
            font-size: 1.5em;
      }
}
/*brand_list
--------------------------------------------------------------------------------------*/
.brand_list {
      display: flex;
      flex-wrap: wrap;
      gap: 0 3%;
}
.brand_list li:nth-of-type(-n+4) {
      border-top: 1px solid var(--col_main);
}
.brand_list li {
      border-bottom: 1px solid var(--col_main);
      text-align: center;
      padding: 1em 0;
      width: calc((100% / 4) - 2.3%);
}
@media screen and (max-width: 960px) {
      .brand_list li {
            width: calc((100% / 3) - 2.3%);
      }
      .brand_list li:nth-of-type(-n+4) {
            border-top: none;
      }
      .brand_list li:nth-of-type(-n+3) {
            border-top: 1px solid var(--col_main);
      }
}
@media screen and (max-width: 960px) {
      .brand_list li {
            width: calc((100% / 2) - 2.3%);
      }
      .brand_list li:nth-of-type(-n+3) {
            border-top: none;
      }
      .brand_list li:nth-of-type(-n+2) {
            border-top: 1px solid var(--col_main);
      }
}
/*買取について
--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
.purchase_service_flex {
      display: flex;
      justify-content: space-between;
      flex-direction: row-reverse;
      gap: 0 5%;
}
.purchase_service_flex .img {
      width: 45%;
}
.purchase_service_flex .img img {
      width: 100%;
}
.purchase_service_flex .text_box {
      width: 55%;
      margin-top: 6em;
}
@media screen and (max-width: 680px) {
      .purchase_service_flex {
            display: block;
      }
      .purchase_service_flex .img {
            width: auto;
            margin-bottom: 1.5em;
      }
      .purchase_service_flex .text_box {
            width: auto;
            margin-top: auto;
      }
}
/*merit_list
-----------------------------------------------------------*/
.merit_list {
      padding-top: 4.5em;
      display: flex;
      flex-wrap: wrap;
      gap: 3em 2.5%;
}
.merit_list > li {
      position: relative;
      width: calc((100% / 3) - 1.69%);
      background: #fff;
      border-radius: 1em;
}
@media screen and (max-width: 680px) {
      .merit_list {
            padding-top: 2em;
            display: block;
      }
      .merit_list > li {
            width: 100%;
      }
      .merit_list > li + li {
            margin-top: 2em;
      }
}
.merit_list > li .merit_list_inner {
      padding: 3em 2em 2em 2em;
}
.merit_list_title {
      margin: 1em auto;
      font-family: "M PLUS Rounded 1c", sans-serif;
      text-align: center;
      font-size: 1.75em;
      color: var(--col_main);
}
.merit_list_inner .img img {
      width: 100%;
      height: 5.75em;
      object-fit: contain;
      object-position: center;
}
@media screen and (max-width: 960px) {
      .merit_list > li .merit_list_inner {
            padding: 3em 1em 2em 1em;
      }
      .merit_list_title {
            font-size: 1.3em;
      }
}