@charset "UTF-8";
.page_container {
  /*feature.scssと記述を揃えるために追加*/ }
  .page_container.feature .freepage_wrap article .content:not(:last-of-type) {
    margin-bottom: 70px; }
  .page_container.feature .freepage_wrap article .content .page_ttl.ttl_s {
    font-size: 28px;
    font-weight: 700;
    border-bottom: 1px solid #AAAAAA;
    padding-bottom: 8px;
    margin-bottom: 24px;
    text-align: left; }
    @media screen and (min-width: 768px) {
      .page_container.feature .freepage_wrap article .content .page_ttl.ttl_s {
        /*設定追加*/
        text-align: left; } }
  .page_container.feature .freepage_wrap article .content .main_img {
    margin-bottom: 40px; }
    .page_container.feature .freepage_wrap article .content .main_img img {
      width: 100%; }
  .page_container.feature .freepage_wrap article .content .section_read {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 40px; }
    .page_container.feature .freepage_wrap article .content .section_read .txt {
      display: flex;
      align-items: flex-start;
      flex-wrap: wrap;
      margin-right: auto;
      padding-left: 6.59%;
      width: 48%;
      max-width: 435px; }
      .page_container.feature .freepage_wrap article .content .section_read .txt p {
        width: 100%;
        font-size: 18px;
        line-height: 1.8;
        margin-bottom: 30px; }
      .page_container.feature .freepage_wrap article .content .section_read .txt img {
        margin: 0 30px 0 auto; }
    .page_container.feature .freepage_wrap article .content .section_read .image {
      width: 47.8%;
      margin-left: 4.2%; }
  .page_container.feature .freepage_wrap article .content .handling_box {
    background: #333333;
    padding: 24px 0;
    margin-bottom: 40px; }
    .page_container.feature .freepage_wrap article .content .handling_box .image {
      margin-bottom: 12px; }
    .page_container.feature .freepage_wrap article .content .handling_box p {
      text-align: center;
      font-size: 28px;
      font-weight: 700;
      color: #fff;
      margin-bottom: 15px; }
    .page_container.feature .freepage_wrap article .content .handling_box .link_btn {
      display: flex;
      align-items: flex-start;
      flex-wrap: wrap;
      align-items: center;
      justify-content: center;
      width: 100%;
      margin: 0 auto;
      /*設定追加*/ }
      .page_container.feature .freepage_wrap article .content .handling_box .link_btn a {
        display: flex;
        align-items: flex-start;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        color: #fff;
        text-align: center;
        width: 38.46%;
        line-height: 72px;
        text-decoration: none; }
        .page_container.feature .freepage_wrap article .content .handling_box .link_btn a::after {
          content: "";
          width: 12px;
          height: 12px;
          border-top: 2px solid #fff;
          border-right: 2px solid #fff;
          display: inline-block;
          transform: rotate(45deg);
          margin-left: 6px; }
      @media screen and (max-width: 767px) {
        .page_container.feature .freepage_wrap article .content .handling_box .link_btn a {
          width: 60vw;
          line-height: 13.3333333333vw;
          font-size: 3.7333333333vw; }
          .page_container.feature .freepage_wrap article .content .handling_box .link_btn a::after {
            width: 2.6666666667vw;
            height: 2.6666666667vw;
            margin-left: 1.3333333333vw; } }
      .page_container.feature .freepage_wrap article .content .handling_box .link_btn a {
        background: #FD7F1E; }
  .page_container.feature .freepage_wrap article .content h2 {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 24px;
    padding-bottom: 11px;
    border-bottom: 1px solid #AAAAAA; }
  .page_container.feature .freepage_wrap article .content .section_img {
    margin-bottom: 17px; }
  .page_container.feature .freepage_wrap article .content .content_txt {
    text-align: center;
    font-size: 18px;
    line-height: 1.8;
    margin-bottom: 32px; }
    @media screen and (min-width: 768px) {
      .page_container.feature .freepage_wrap article .content .content_txt .sp_block {
        display: none; } }
    .page_container.feature .freepage_wrap article .content .content_txt strong {
      font-size: inherit;
      font-weight: 700;
      text-decoration: underline; }
  .page_container.feature .freepage_wrap article .content .link_btn {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin: 0 auto;
    /*設定追加*/ }
    .page_container.feature .freepage_wrap article .content .link_btn a {
      display: flex;
      align-items: flex-start;
      flex-wrap: wrap;
      align-items: center;
      justify-content: center;
      color: #fff;
      text-align: center;
      width: 38.46%;
      line-height: 72px;
      text-decoration: none; }
      .page_container.feature .freepage_wrap article .content .link_btn a::after {
        content: "";
        width: 12px;
        height: 12px;
        border-top: 2px solid #fff;
        border-right: 2px solid #fff;
        display: inline-block;
        transform: rotate(45deg);
        margin-left: 6px; }
    @media screen and (max-width: 767px) {
      .page_container.feature .freepage_wrap article .content .link_btn a {
        width: 60vw;
        line-height: 13.3333333333vw;
        font-size: 3.7333333333vw; }
        .page_container.feature .freepage_wrap article .content .link_btn a::after {
          width: 2.6666666667vw;
          height: 2.6666666667vw;
          margin-left: 1.3333333333vw; } }
    .page_container.feature .freepage_wrap article .content .link_btn a {
      background: #111111;
      margin: 0 calc(4.39% / 2); }
  @media screen and (max-width: 1023px) {
    .page_container.feature .freepage_wrap article .content .section_read .txt {
      padding-left: 0; }
    .page_container.feature .freepage_wrap article .content .content_txt {
      font-size: 17px; } }
  @media screen and (max-width: 767px) {
    .page_container.feature .freepage_wrap article .content:not(:last-of-type) {
      margin-bottom: 13.3333333333vw; }
    .page_container.feature .freepage_wrap article .content .page_ttl {
      text-align: center;
      font-size: 5.3333333333vw;
      margin-bottom: 6.4vw;
      margin-bottom: 8.2666666667vw; }
    .page_container.feature .freepage_wrap article .content .section_read {
      display: block;
      border-bottom: 1px solid #DDDDDD;
      padding-bottom: 10.6666666667vw;
      margin-bottom: 10.6666666667vw; }
      .page_container.feature .freepage_wrap article .content .section_read .txt {
        width: 100%;
        max-width: none;
        margin-bottom: 8.5333333333vw; }
        .page_container.feature .freepage_wrap article .content .section_read .txt p {
          font-size: 3.7333333333vw;
          text-align: center;
          margin-bottom: 7.4666666667vw; }
        .page_container.feature .freepage_wrap article .content .section_read .txt img {
          width: 20.8vw;
          margin: 0 auto; }
      .page_container.feature .freepage_wrap article .content .section_read .image {
        width: 100%;
        margin: 0 auto; }
        .page_container.feature .freepage_wrap article .content .section_read .image img {
          width: 100%; }
    .page_container.feature .freepage_wrap article .content .handling_box {
      padding: 6.4vw 0;
      margin-bottom: 6.4vw; }
      .page_container.feature .freepage_wrap article .content .handling_box .image {
        margin-bottom: 3.2vw; }
      .page_container.feature .freepage_wrap article .content .handling_box p {
        font-size: 4.8vw;
        margin-bottom: 6.1333333333vw; }
    .page_container.feature .freepage_wrap article .content h2 {
      text-align: center;
      font-size: 4.2666666667vw;
      padding-bottom: 1.3333333333vw;
      margin-bottom: 4.2666666667vw; }
    .page_container.feature .freepage_wrap article .content .section_img {
      margin-bottom: 5.3333333333vw; }
    .page_container.feature .freepage_wrap article .content .content_txt {
      font-size: 3.7333333333vw;
      line-height: 1.6;
      text-align: left;
      margin-bottom: 5.3333333333vw; }
    .page_container.feature .freepage_wrap article .content .link_btn a + a {
      margin-top: 6.4vw; } }

/*ここから追加*/
/*フリーページ用のパンくずリスト*/
.fs-c-breadcrumb.infreepage {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  align-items: center; }
  .fs-c-breadcrumb.infreepage .fs-pt-list > span::before {
    content: ">";
    margin: 0 0.5em; }

.bread_2clm .fs-c-breadcrumb.infreepage .fs-pt-list li:not(:first-child) {
  display: none; }

.page_container.feature .freepage_wrap {
  /*main_boxを外しています*/
  width: 100%; }
  .page_container.feature .freepage_wrap article .content {
    margin-bottom: 110px; }
    .page_container.feature .freepage_wrap article .content .page_ttl {
      text-align: center;
      font-size: 48px;
      line-height: 1.6;
      border: none;
      padding: 0;
      margin-bottom: 60px; }
    .page_container.feature .freepage_wrap article .content .main_img {
      margin-bottom: 0; }
    .page_container.feature .freepage_wrap article .content .item_list {
      display: flex;
      align-items: flex-start;
      flex-wrap: wrap; }
      .page_container.feature .freepage_wrap article .content .item_list .item_single {
        width: 22.5%; }
        @media screen and (min-width: 768px) {
          .page_container.feature .freepage_wrap article .content .item_list .item_single:not(:nth-of-type(4n)) {
            margin-right: calc(10% / 3); }
          .page_container.feature .freepage_wrap article .content .item_list .item_single:not(:nth-last-of-type(-n + 4)) {
            margin-bottom: 5%; } }
        .page_container.feature .freepage_wrap article .content .item_list .item_single a {
          display: block;
          text-decoration: none; }
          .page_container.feature .freepage_wrap article .content .item_list .item_single a .thumbnail {
            margin-bottom: 7px; }
            .page_container.feature .freepage_wrap article .content .item_list .item_single a .thumbnail img {
              width: 100%; }
          .page_container.feature .freepage_wrap article .content .item_list .item_single a .txt_box p {
            margin-bottom: 8px; }
            .page_container.feature .freepage_wrap article .content .item_list .item_single a .txt_box p.caption {
              font-size: 16px;
              line-height: 1.6; }
            .page_container.feature .freepage_wrap article .content .item_list .item_single a .txt_box p.item_name {
              font-size: 13px;
              font-weight: 700; }
            .page_container.feature .freepage_wrap article .content .item_list .item_single a .txt_box p.supplement {
              background: #F2F2F2;
              padding: 10px;
              font-size: 14px;
              line-height: 1.6; }
          .page_container.feature .freepage_wrap article .content .item_list .item_single a .txt_box .item_icon {
            display: flex;
            align-items: flex-start;
            flex-wrap: wrap;
            padding: 0;
            margin: 0;
            list-style: none; }
            .page_container.feature .freepage_wrap article .content .item_list .item_single a .txt_box .item_icon li {
              margin-right: 6px; }
    .page_container.feature .freepage_wrap article .content .link_btn {
      width: 350px;
      margin: 110px auto 0; }
      .page_container.feature .freepage_wrap article .content .link_btn a {
        background: #111111;
        display: flex;
        align-items: flex-start;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        font-size: 18px;
        font-weight: 500;
        color: #fff;
        width: 100%; }
        .page_container.feature .freepage_wrap article .content .link_btn a::before {
          content: "";
          width: 12px;
          height: 12px;
          border-top: 2px solid #fff;
          border-left: 2px solid #fff;
          transform: rotate(-45deg);
          margin-right: 6px; }
  @media screen and (max-width: 1023px) {
    .page_container.feature .freepage_wrap article .content .page_ttl {
      font-size: 38px; }
    .page_container.feature .freepage_wrap article .content .item_list .item_single a .txt_box p.caption {
      font-size: 14px; }
    .page_container.feature .freepage_wrap article .content .item_list .item_single a .txt_box p.item_name {
      font-size: 12px; } }
  @media screen and (max-width: 767px) {
    .page_container.feature .freepage_wrap article .content {
      margin-bottom: 18.6666666667vw; }
      .page_container.feature .freepage_wrap article .content .page_ttl {
        font-size: 6.4vw;
        margin-bottom: 5.3333333333vw;
        padding: 0 6vw; }
        .page_container.feature .freepage_wrap article .content .page_ttl br {
          display: none; }
      .page_container.feature .freepage_wrap article .content h2 {
        font-size: 5.3333333333vw;
        text-align: center;
        padding-left: 2vw;
        padding-right: 2vw; }
      .page_container.feature .freepage_wrap article .content .item_list .item_single {
        width: 48.4%; }
        .page_container.feature .freepage_wrap article .content .item_list .item_single:nth-of-type(odd) {
          margin-right: 3.2%; }
        .page_container.feature .freepage_wrap article .content .item_list .item_single:not(:nth-last-of-type(-n + 2)) {
          margin-bottom: 10.6666666667vw; }
        .page_container.feature .freepage_wrap article .content .item_list .item_single a .thumbnail {
          margin-bottom: 2.6666666667vw; }
        .page_container.feature .freepage_wrap article .content .item_list .item_single a .txt_box p {
          margin-bottom: 2.1333333333vw; }
          .page_container.feature .freepage_wrap article .content .item_list .item_single a .txt_box p.caption {
            font-size: 3.7333333333vw; }
          .page_container.feature .freepage_wrap article .content .item_list .item_single a .txt_box p.supplement {
            font-size: 3.7333333333vw;
            padding: 2.6666666667vw; }
          .page_container.feature .freepage_wrap article .content .item_list .item_single a .txt_box p.item_name {
            font-size: 3.4666666667vw; }
      .page_container.feature .freepage_wrap article .content .link_btn {
        width: 60vw;
        margin-top: 21.3333333333vw; }
        .page_container.feature .freepage_wrap article .content .link_btn a {
          font-size: 3.7333333333vw; }
          .page_container.feature .freepage_wrap article .content .link_btn a::before {
            width: 2.6666666667vw;
            height: 2.6666666667vw; } }

main.f_lower.page_container.feature .freepage_wrap article .content .link_btn {
  /*特集ページ内の戻るボタン用*/
  width: 350px;
  margin: 110px auto 0; }
  main.f_lower.page_container.feature .freepage_wrap article .content .link_btn a {
    background: #111111;
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    font-weight: 500;
    color: #fff;
    width: 100%; }
    main.f_lower.page_container.feature .freepage_wrap article .content .link_btn a::before {
      content: "";
      width: 12px;
      height: 12px;
      border-top: 2px solid #fff;
      border-left: 2px solid #fff;
      transform: rotate(-45deg);
      margin-right: 6px; }
  @media screen and (max-width: 767px) {
    main.f_lower.page_container.feature .freepage_wrap article .content .link_btn {
      width: 60vw;
      margin-top: 21.3333333333vw; }
      main.f_lower.page_container.feature .freepage_wrap article .content .link_btn a {
        font-size: 3.7333333333vw; }
        main.f_lower.page_container.feature .freepage_wrap article .content .link_btn a::after {
          width: 2.6666666667vw;
          height: 2.6666666667vw; } }

.freepage_wrap .feature_container h1 {
  font-size: 28px;
  font-weight: 700;
  padding-bottom: 8px;
  border-bottom: 1px solid #AAAAAA;
  margin-bottom: 38px; }
.freepage_wrap .feature_container .feature_list {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  align-items: flex-start;
  margin-bottom: 96px;
  /*設定追加*/ }
  @media screen and (max-width: 768px) {
    .freepage_wrap .feature_container .feature_list {
      /*設定追加*/
      margin-bottom: 21.3333333333vw; } }
  .freepage_wrap .feature_container .feature_list .single {
    width: 30.7%;
    max-width: 368px; }
    @media screen and (min-width: 768px) {
      .freepage_wrap .feature_container .feature_list .single:not(:nth-of-type(3n)) {
        margin-right: 3.95%; }
      .freepage_wrap .feature_container .feature_list .single:not(:nth-last-of-type(-n + 3)) {
        margin-bottom: 5%; } }
    .freepage_wrap .feature_container .feature_list .single a {
      display: block;
      text-decoration: none; }
      .freepage_wrap .feature_container .feature_list .single a .thumbnail {
        margin-bottom: 19px; }
        .freepage_wrap .feature_container .feature_list .single a .thumbnail img {
          width: 100%; }
      .freepage_wrap .feature_container .feature_list .single a .txt_box {
        padding: 0 2.6%; }
        .freepage_wrap .feature_container .feature_list .single a .txt_box .feature_ttl {
          font-size: 18px;
          font-weight: 500;
          line-height: 1.6;
          padding-bottom: 12px;
          border-bottom: 1px solid #DDDDDD;
          margin-bottom: 12px; }
        .freepage_wrap .feature_container .feature_list .single a .txt_box p {
          font-size: 14px;
          line-height: 1.6; }
@media screen and (max-width: 767px) {
  .freepage_wrap .feature_container h1 {
    text-align: center;
    font-size: 5.3333333333vw;
    padding-bottom: 1.8666666667vw;
    margin-bottom: 6.4vw; }
  .freepage_wrap .feature_container .feature_list {
    display: block; }
    .freepage_wrap .feature_container .feature_list .single {
      width: 100%; }
      .freepage_wrap .feature_container .feature_list .single:not(:last-of-type) {
        margin-bottom: 16vw; }
      .freepage_wrap .feature_container .feature_list .single a .thumbnail {
        margin-bottom: 4.5333333333vw; }
      .freepage_wrap .feature_container .feature_list .single a .txt_box {
        padding: 0; }
        .freepage_wrap .feature_container .feature_list .single a .txt_box .feature_ttl {
          font-size: 4.8vw;
          padding-bottom: 3.2vw;
          margin-bottom: 3.2vw; }
        .freepage_wrap .feature_container .feature_list .single a .txt_box p {
          font-size: 3.7333333333vw; } }