html {
  scroll-behavior: smooth;
  scroll-padding-top: 200px; /* ヘッダー高さ */
}
.ff_open_san {
  font-family: "Open Sans", sans-serif;
  font-weight: 500;
}

.header_n {
  width: 100%;
  height: 200px;
  background: #fff;
  position: fixed;
  z-index: 9999;
}
.header_n .header_pc {
  width: 1360px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  height: 200px;
}
.header_n .header_pc .logo {
  display: block;
  width: 197px;
  position:absolute;
  top:46px;
  left:50%;
  transform:translateX(-50%);
}
.header_n .header_pc .header_menu_box {
  position: absolute;
  width: 1166px;
  bottom: 18px;
  left: 78px;
}
.header_n .header_pc .header_menu_box .header_menu {
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: end;
}

.header_n .header_pc .header_menu_box .header_menu > li {
  font-size: 14px;
}
.header_n .header_pc .icon_insta {
    position: absolute;
    right: 8px;
    bottom: 20px;
    width: 41px;
    display: block;
}
.header_adjust {
  padding-top: 200px;
}
.mv {
  position: relative;
  width: 100%;
  height: 878px;
  overflow: hidden;
  margin-bottom: 135px;
}

.mv .mv_pic {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 1920px;
}
.mv .mv_copy {
  position: absolute;
  top: 593px;
  left: calc(318 / 1920 * 100%);
  width: 616px;
}
.mv .scroll_arrow_box {
  display: block;
  position: absolute;
  bottom: 58px;
  left: calc(338 / 1920 * 100%);
}
.mv .scroll_arrow_box .scroll_arrow {
  display: inline-block;
  width: 30px;
  height: 30px;
  border-right: 2px solid #595757;
  border-bottom: 2px solid #595757;
  transform: rotate(45deg);
  transition: transform 0.3s ease;
}
.mv .scroll_arrow_box .scroll_arrow_moji {
margin-left: 15px;
  font-size: 19px;
  color: #595757;
}
.mv .scroll_arrow_box:hover .scroll_arrow {
  transform: translateY(6px) rotate(45deg);
}

.slick_top_header_new {
      min-width: 1360px;
  margin-bottom: 135px !important;
}
.slick_top_header_new_sp{
  display:none;
}
.slick_top_header_new .slick_top_header_pic {
  width: 100%;
  position: relative;

  height: 473px;
  overflow: hidden;
  margin-left: 30px;
  margin-right: 30px;
}
.slick_top_header_new .slick_top_header_pic .slide_inner {
  width: 100%;
  /* width: calc(1165px  ); */
  height: 100%;
  /* overflow:hidden; */
}

.slick_top_header_new .slick_top_header_pic {
    border: solid 1px #231815;
}
.slick_top_header_new .slick_top_header_pic .top_slide_pic {
  position: absolute;
  display:block;
  /* top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%); */

  width: calc(1165px + 120px);
  /* height:473px; */
}
.slick_top_header_new .slick_top_header_pic .top_slide_pic.pic_01 {
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
}
.slick_top_header_new .slick_top_header_pic .top_slide_pic.pic_02 {
  left: 50%;
  top: 50%;
  transform: translateY(-50%) translateX(-50%);
}
.slick_top_header_new .slick_top_header_pic .top_slide_pic.pic_03 {
  left: 50%;
  top: 50%;
  transform: translateY(-50%) translateX(-50%);
}
.slick_top_header_new .slick_top_header_pic .slick_top_header_pic01_con {
  position: absolute;
  top: 69px;
  left: 50%;
  transform: translateX(-50%);
  width: 416px;
}
.slick_top_header_new .slick_top_header_pic .slick_top_header_pic03_con {
  position: absolute;
  top: 123px;
  right: 110px;
  width: 277px;
}
.slick_top_header_new .slick_top_header_pic .slick_top_header_pic02_con {
  position: absolute;
  top: 110px;
  left: 90px;
  width: 418px;
}
.slick_top_header_new .slick_top_header_pic.pic_04 {
  background-position: center , left;
}
.slick_top_header_new .slick_top_header_pic .slick_top_header_pic04_pic {
    position: absolute;
    top: -40px;
    left: calc(700 / 1920 * 100%);
    width: 1081px;
}
.slick_top_header_new .slick_top_header_pic .slick_top_header_pic04_con {
  position: absolute;
    top: 208px;
    left: calc(80 / 1165 * 100%);
    width: 444px;
}
.slick_top_header_new .slick_top_header_pic .slick_top_header_pic04_upcycle {
  position: absolute;
        top: 71px;
    left: calc(80 / 1165 * 100%);
  width: 110px;
}
.slick_top_header_new .slick_top_header_pic .slick_top_header_pic04_check_btn {
  position: absolute;
    bottom: 60px;
    right: calc(35 / 1165 * 100%);
    width: 190px;
}
.slick_top_header_new .slick_top_header_pic .plus_one_base {
  position: absolute;
  left: calc(85 / 1165 * 100%);
  top:calc(80 / 470 * 100%);
  /* width:418px; */
   width:calc(418 / 1165 * 100%);
}
.slick_top_header_new .slick_top_header_pic .plus_one_con {
  position: absolute;
  right: calc(107 / 1165 * 100%);
  top:calc(101 / 470 * 100%);
  /* width:517px; */
  width:calc(517 / 1165 * 100%);
}
.slick_top_header_new .slick_top_header_pic .plus_one_balloon{
  position: absolute;
  right: 0;
  top:0;
  /* width:176px; */
    width:calc(176 / 1165 * 100%);
}

/* 矢印カスタム（丸囲みシェブロン） */
.slide-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  width: 80px;
  height: 80px;
  border: 1px solid #231815;
  border-radius: 50%;
  background: transparent;
  cursor: pointer;
  transition: 0.3s ease;
}
.slide-arrow:hover {
  background: rgba(245, 191, 76, 0.7);
}

.slide-arrow--prev {
  left: 15.5%;
}

.slide-arrow--next {
  right: 15.5%;
}

/* 矢印のシェブロン（<  >） */
.slide-arrow span {
  display: block;
  width: 25px;
  height: 25px;
  margin: 0 auto;
  border-right: 1px solid #231815;
  border-bottom: 1px solid #231815;
}

.slide-arrow--prev span {
  transform: rotate(135deg);
  margin-left: 23px;
  transition: 0.3s ease;
}

.slide-arrow--next span {
  transform: rotate(-45deg);
  margin-left: 18px;
  transition: 0.3s ease;
}

.slide-arrow:hover.slide-arrow--prev span {
  margin-left: 15px;
}
.slide-arrow:hover.slide-arrow--next span {
  margin-left: 26px;
}

.fym_bnr {
  display: flex;
  justify-content: space-between;
  width: 1165px;
  height: 242px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 142px;
  overflow: hidden;
  background: #f5bf4c;
}
.fym_bnr .fym_bnr_pic {
  width: 50%;
  height: 100&;
}
.fym_bnr .fym_bnr_con {
  width: 50%;
  padding-top: 70px;
  padding-left: 65px;
  background: #f5bf4c;
}
.fym_bnr .fym_bnr_con .ttl_find_your_menu {
  width: 378px;
  margin-bottom: 30px;
}
.fym_bnr .fym_bnr_con .fym_bnr_comment {
  font-size: 17px;
  letter-spacing: 0.01em;
  line-height: 1.59;
  color: #3e3a39;
  margin-bottom: 10px;
}
.fym_bnr .fym_bnr_con .fym_arrow {
  width: 100px;
  display: flex;
  justify-content: end;
}
.fym_bnr .fym_bnr_con .arrow {
  display: inline-block;
  position: relative;
  width: 100px;
  height: 1px;
  background: #3e3a39;
  transition: width 0.3s ease;
}

.fym_bnr .fym_bnr_con .arrow::after {
  content: "";
  position: absolute;
  right: -8px;
  top: 50%;
  transform: translateY(-50%);
  border-left: 14px solid #3e3a39;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
}
.fym_bnr .fym_bnr_pic > img {
  transition: max-width 0.3s ease;
}
.fym_bnr:hover .fym_bnr_pic > img {
  max-width: 110%;
}
.fym_bnr:hover .fym_bnr_con .arrow {
  width: 67px;
}

.recommend_book {
  margin-bottom: 155px;
}
.recommend_book .ttl_recommend_book {
  width: 500px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 18px;
}
.recommend_book .recommend_book_sub {
  font-size: 21px;
  text-align: center;
  margin-bottom: 50px;
}
.recommend_book_slider-wrap {
  position: relative;
  max-width: 1270px;
  height: 422px;
  margin: 0 auto;
}
/* RECOMMEND BOOK slider */
.recommend_book_slider {
  overflow: visible;
  margin-bottom: 150px !important;
}

.recommend_book_slide {
  display: block;
  margin: 0 15px;
}
.recommend_book_slide  .icon_gentei_box{
  position:relative;
  width:100%;
  height:0;
}
.recommend_book_slide  .icon_gentei_box .icon_gentei{
  position:absolute;
  top: 10px;
    right: 10px;
    width: 60px;
        z-index: 10;
}

.recommend_book_thumb {
  background: #fff;
  border-radius: 12px;
  width: 400px;
  height: 240px;
  overflow: hidden;
}

.recommend_book_label {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #f5bf4c;
  color: #231815;
  font-size: 16px;
  font-weight: bold;
  width: 106px;
  height: 22px;
  margin-top: 22px;
  border-radius: 11px;
  margin-bottom: 14px;
}

.recommend_book_desc {
  font-size: 14px;
  margin-top: 8px;
  margin-left: 5px;
  margin-bottom: 0;
  color: #231815;
}

.recommend_book_name {
  font-size: 17px;
  color: #231815;
  margin-left: 5px;
  margin-bottom: 0;
}

.recommend_book_price {
  font-size: 16px;
  margin-left: 5px;
  margin-bottom: 0;
  color: #231815;
}
.recommend_book_price .fs_l {
  font-size: 22px;
}
.recommend_book_price .fs_s {
  font-size: 10px;
}
/* RECOMMEND Slider 矢印 */
.recommend_book_slider-wrap .slide_arrow {
  position: absolute;
  top: 89px; /* サムネイル画像の中央あたり */
  /* transform: translateY(-50%); */
  z-index: 1;
  width: 60px;
  height: 60px;
  border: 1px solid #999;
  border-radius: 50%;
  background: transparent;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.3s ease;
}

.recommend_book_slider-wrap .slide_arrow--prev {
  left: -35px;
}

.recommend_book_slider-wrap .slide_arrow--next {
  right: -40px;
}

.recommend_book_slider-wrap .slide_arrow span {
  display: block;
  width: 18px;
  height: 18px;
  border-right: 1px solid #231815;
  border-bottom: 1px solid #231815;
}

.recommend_book_slider-wrap .slide_arrow--prev span {
  transform: rotate(135deg);
  margin-left: 4px;
  transition: 0.3s ease;
}

.recommend_book_slider-wrap .slide_arrow--next span {
  transform: rotate(-45deg);
  margin-right: 4px;
  transition: 0.3s ease;
}

.recommend_book_slider-wrap .slide_arrow:hover {
  background: rgba(245, 191, 76, 0.7);
}

.recommend_book_slider-wrap .slide_arrow:hover.slide_arrow--prev span {
  margin-left: -6px;
}
.recommend_book_slider-wrap .slide_arrow:hover.slide_arrow--next span {
  margin-right: -6px;
}
/* RECOMMEND ドット */
.recommend_book_slider-wrap .slick-dots {
  text-align: center;
  margin-top: 30px;
  list-style: none;
      bottom: -50px;
}

.recommend_book_slider-wrap .slick-dots li {
  display: inline-block;
  margin: 0 6px;
}

.recommend_book_slider-wrap .slick-dots li button {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: rgba(159, 160, 160, 1);
  border: none;
  font-size: 0;
  cursor: pointer;
}
.recommend_book_slider-wrap .slick-dots li button:hover {
  background: rgba(159, 160, 160, 0.7);
}

.recommend_book_slider-wrap .slick-dots li.slick-active button {
  background: rgba(245, 191, 76, 1);
}
.recommend_book_slider-wrap .slick-dots li.slick-active button:hover {
  background: rgba(245, 191, 76, 0.7);
}
.recommend_book_slider-wrap .slick-dots li button:before {
  content: "";
}
.recommend_book_slider-wrap .slick-dots li {
  margin: 0 15px;
}

.mbl_block {
  margin-bottom:135px;
}
.mbl_block .ttl_menu_book_library {
  width: 549px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 18px;
}
.mbl_block .mbl_sub {
  font-size: 21px;
  text-align: center;
  margin-bottom: 50px;
}
.mbl_block .mbl_bg {
  width: 100%;
  padding: 100px 0;
  background: #efefef;
}
.mbl_block .mbl_bg .ttl_mbl_sec {
  width: 1260px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  justify-content: start;
  align-items: center;
  margin-bottom: 67px;
}
.mbl_block .mbl_bg .ttl_mbl_sec .ttl_material {
  width: 217px;
}
.mbl_block .mbl_bg .ttl_mbl_sec .ttl_jp {
  margin-left: 22px;
  font-size: 21px;
}
.menu_book_slider-wrap {
  position: relative;
  max-width: calc(1260px + 30px);
  /* height: 422px; */
  margin: 0 auto;
  margin-bottom: 110px;
}
/* MENU BOOK slider */
.menu_book_slider_01 {
  overflow: visible;
}
.menu_book_slider_02 {
  overflow: visible;
}

.menu_book_slide {
  display: block;
  margin: 0 15px;
  background: #efefef;
  border-radius: 24px;
  width: 400px;
  height: 345px;
  overflow: hidden;
  position: relative;
}

.menu_book_slide .menu_book_thumb {
  position: absolute;
  top: 0;
  left: 0;
  background: #efefef;
}
.menu_book_slide .menu_book_thumb > img {
  transition: max-width 0.3s ease;
}
.menu_book_slide .menu_book_thumb:hover > img {
  max-width: 110%;
}

.menu_book_slide .menu_book_ttl_box {
  position: absolute;
  top: 32px;
  left: 32px;
  color: #fff;
}
.menu_book_slide .menu_book_ttl_box .menu_book_ttl {
  font-size: 39px;
  line-height: 1;
  margin-bottom: 8px;
}
.menu_book_slide .menu_book_ttl_box .menu_book_ttl_jp {
  font-size: 19px;
  line-height: 1;
}
.menu_book_slide .menu_book_desc {
  position: absolute;
  left: 32px;
  bottom: 32px;
  font-size: 18px;
  line-height: 1.33;
  color: #fff;
}

/* MENU BOOK LIBRARY Slider 矢印 */
.menu_book_slider-wrap .slide_arrow {
  position: absolute;
  top: 140px; /* サムネイル画像の中央あたり */
  /* transform: translateY(-50%); */
  z-index: 1;
  width: 60px;
  height: 60px;
  border: 1px solid #999;
  border-radius: 50%;
  background: transparent;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.3s ease;
}

.menu_book_slider-wrap .slide_arrow--prev {
  left: -35px;
}

.menu_book_slider-wrap .slide_arrow--next {
  right: -35px;
}

.menu_book_slider-wrap .slide_arrow span {
  display: block;
  width: 18px;
  height: 18px;
  border-right: 1px solid #231815;
  border-bottom: 1px solid #231815;
}

.menu_book_slider-wrap .slide_arrow--prev span {
  transform: rotate(135deg);
  margin-left: 4px;
  transition: 0.3s ease;
}

.menu_book_slider-wrap .slide_arrow--next span {
  transform: rotate(-45deg);
  margin-right: 4px;
  transition: 0.3s ease;
}

.menu_book_slider-wrap .slide_arrow:hover {
  background: rgba(245, 191, 76, 0.7);
}

.menu_book_slider-wrap .slide_arrow:hover.slide_arrow--prev span {
  margin-left: -6px;
}
.menu_book_slider-wrap .slide_arrow:hover.slide_arrow--next span {
  margin-right: -6px;
}
/* MENU BOOK LIBRARY ドット */
.menu_book_slider-wrap .slick-dots {
  text-align: center;
  margin-top: 30px;
  list-style: none;
  bottom: -55px;
}

.menu_book_slider-wrap .slick-dots li {
  display: inline-block;
  margin: 0 6px;
}

.menu_book_slider-wrap .slick-dots li button {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: rgba(159, 160, 160, 1);
  border: none;
  font-size: 0;
  cursor: pointer;
}
.menu_book_slider-wrap .slick-dots li button:hover {
  background: rgba(159, 160, 160, 0.7);
}

.menu_book_slider-wrap .slick-dots li.slick-active button {
  background: rgba(245, 191, 76, 1);
}
.menu_book_slider-wrap .slick-dots li.slick-active button:hover {
  background: rgba(245, 191, 76, 0.7);
}
.menu_book_slider-wrap .slick-dots li button:before {
  content: "";
}
.menu_book_slider-wrap .slick-dots li {
  margin: 0 15px;
}
.mbl_block .mbl_bg .ttl_mbl_sec .ttl_type {
  width: 107px;
}
.mbl_block .mbl_bg .ttl_mbl_sec .ttl_tag {
  width: 82px;
}

.mbl_block .mbl_bg .tag_items {
  width: 1260px;
  margin-left: auto;
  margin-right: auto;
  text-wrap-mode: nowrap;
  display:flex;
  justify-content:start;
  flex-wrap:wrap;
}
.mbl_block .mbl_bg .tag_item {
  display: block;
    font-size: 24px;
    line-height: 1;
    padding: 10px 17px 10px;
  border: solid 1px #231815;
  border-radius: 22px;
  margin-right:9px;
  margin-bottom:14px;
}
.fym_bnr.others {
  background: #99bbaf;

}
.fym_bnr .fym_bnr_con.others  {
  background: #99bbaf;
    padding-top: 60px;
}
.fym_bnr .fym_bnr_con .ttl_others {
  width: 172px;
  margin-bottom: 10px;
}


.ranking {
margin-bottom: 135px;
}
.ranking .ttl_ranking {
  width: 239px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 18px;
}
.ranking .ranking_sub {
  font-size: 21px;
  text-align: center;
  margin-bottom: 60px;
}
/* ===== タブ部分 ===== */
.ranking_tab__wrapper{
  width:100%;
  height:62px;
  overflow:hidden;
}
.ranking__tabs {
  overflow: visible; /* 9999pxのはみ出しを隠す */
}

.ranking__tab-wrap {
  display: flex;
  justify-content: center;
  width: calc(443px * 2);
  margin: 0 auto;
}

.ranking__tab {
  position: relative;
  background: none;
  border: 1px solid #231815;
  border-bottom: none;
  border-radius: 13px 13px 0 0;
  width:443px;
  height:60px;
  display:flex;
  justify-content:center;
  align-items:center;
  font-size: 21px;
  cursor: pointer;
  color: #231815;
  white-space: nowrap;
}
.ranking__tab .fs_s{
  font-size:13px;
}

/* 非アクティブタブ */
.ranking__tab:not(.is-active) {
  border-color: transparent;
  color: #898989;
}

/* 左側の逆アール + 水平線 */
.ranking__tab.is-active::before {
  content: '';
  position: absolute;
  bottom: -2px;
  right: 100%;
  width: 9999px;
  height: 12px;
  border-bottom: 1px solid #231815;
  border-right: 1px solid #231815;
  border-radius: 0 0 5px 0;
}

/* 右側の逆アール + 水平線 */
.ranking__tab.is-active::after {
  content: '';
  position: absolute;
  bottom: -2px;
  left: 100%;
  width: 9999px;
  height: 12px;
  border-bottom: 1px solid #231815;
  border-left: 1px solid #231815;
  border-radius: 0 0 0 5px;
}

/* ===== ランキングリスト ===== */
.ranking__body {
  width: 1442px;
  margin: 0 auto;
  padding: 42px 0 22px;
}

.ranking__panel {
  display: none;
}

.ranking__panel.is-active {
  display: block;
}
.ranking__item {
  display: flex;
  justify-content:space-between;
  padding: 10px 0;
    height: 164px;
  border-bottom: 1px solid #231815;
}
.ranking__item:last-child{
  border-bottom:none;
}
.ranking__item .ranking__item_l{
  width:calc( 100% - 287px - 262px);
  display:flex;
  justify-content:start;
  align-items:center;
}
.ranking__item .ranking__item_m{
  width:287px;
  display:flex;
  justify-content:start;
  align-items:center;
}
.ranking__item .ranking__item_r{
  width:262px;
  display:flex;
  justify-content:start;
  align-items:center;
}

.ranking__rank {
  margin-left:28px;
  display: inline-flex;
    align-items: baseline;
    padding-top: 7px;
  justify-content: center;
  width: 48px;
  height: 52px;
  background: #c9a84c;
  color: #fff;
  font-size: 29px;
  line-height: 1;
  clip-path: polygon(0 0, 100% 0, 100% 100%, 50% 85%, 0 100%);
  padding-bottom: 10px; /* V字分テキストを少し上に */
}

.ranking__rank .fs_s {
  font-size: 13px;
}

.ranking__rank--1 { background: #b49b00; }
.ranking__rank--2 { background: #787878; }
.ranking__rank--3 { background: #8c6450; }

.ranking__label {
  margin-left:23px;
  width:104px;
  height:24px;
  display: flex;
  justify-content:center;
  align-items:center;
  background: #f5bf4c;
  color: #231815;
  font-size: 16px;
  border-radius: 12px;
}

.ranking__name {
  margin-left:12px;
  font-size: 17px;
  margin-bottom:0;
}

.ranking__price {
  font-size: 16px;
    margin-bottom:0;
  white-space: nowrap;
}
.ranking__price .fs_l {
  font-size: 22px;
}
.ranking__price .fs_s {
  font-size: 10px;
}

.ranking__thumb {
  width: 235px;
  height:142px;
  border-radius:11px;
  overflow:hidden;
}

.ranking__thumb img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 4px;
}

.ranking .border_line{
  width:100%;
  height:0;
  border-bottom:solid 1px #231815;
}

.topics {
  margin-bottom: 225px!important;
}
.topics .ttl_topics {
  width: 182px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 22px;
}
.topics .topics_sub {
  font-size: 21px;
  text-align: center;
  margin-bottom: 48px;
}
.topics_slider-wrap {
  position: relative;
  max-width: 1270px;
  height: 388px;
  margin: 0 auto;
}
/* TOPICS slider */
.topics_slider {
  overflow: visible;
  margin-bottom:0!important;
}

.topics_slide {
  display: block;
  margin: 0 15px;
}

.topics_thumb {
  background: #fff;
  border-radius: 12px;
  width: 400px;
  height: 240px;
  overflow: hidden;
}
.topics_date{
font-size: 17px;
    margin-top: 20px;
    margin-left: 5px;
    margin-bottom: 0;
  color: #231815;
}
.topics_desc {
  font-size: 18px;
  line-height:1.33;s
  margin-left: 5px;
  margin-bottom: 0;
  color: #231815;

}
/* TOPICS Slider 矢印 */
.topics_slider-wrap .slide_arrow {
  position: absolute;
  top: 89px; /* サムネイル画像の中央あたり */
  /* transform: translateY(-50%); */
  z-index: 1;
  width: 60px;
  height: 60px;
  border: 1px solid #999;
  border-radius: 50%;
  background: transparent;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.3s ease;
}

.topics_slider-wrap .slide_arrow--prev {
  left: -35px;
}

.topics_slider-wrap .slide_arrow--next {
  right: -40px;
}

.topics_slider-wrap .slide_arrow span {
  display: block;
  width: 18px;
  height: 18px;
  border-right: 1px solid #231815;
  border-bottom: 1px solid #231815;
}

.topics_slider-wrap .slide_arrow--prev span {
  transform: rotate(135deg);
  margin-left: 4px;
  transition: 0.3s ease;
}

.topics_slider-wrap .slide_arrow--next span {
  transform: rotate(-45deg);
  margin-right: 4px;
  transition: 0.3s ease;
}

.topics_slider-wrap .slide_arrow:hover {
  background: rgba(245, 191, 76, 0.7);
}

.topics_slider-wrap .slide_arrow:hover.slide_arrow--prev span {
  margin-left: -6px;
}
.topics_slider-wrap .slide_arrow:hover.slide_arrow--next span {
  margin-right: -6px;
}
/* TOPICS ドット */
.topics_slider-wrap .slick-dots {
  left: 0;
  text-align: center;
  margin-top: 30px;
  list-style: none;
    bottom: -50px;
}

.topics_slider-wrap .slick-dots li {
  display: inline-block;
  margin: 0 6px;
}

.topics_slider-wrap .slick-dots li button {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: rgba(159, 160, 160, 1);
  border: none;
  font-size: 0;
  cursor: pointer;
}
.topics_slider-wrap .slick-dots li button:hover {
  background: rgba(159, 160, 160, 0.7);
}

.topics_slider-wrap .slick-dots li.slick-active button {
  background: rgba(245, 191, 76, 1);
}
.topics_slider-wrap .slick-dots li.slick-active button:hover {
  background: rgba(245, 191, 76, 0.7);
}
.topics_slider-wrap .slick-dots li button:before {
  content: "";
}
.topics_slider-wrap .slick-dots li {
  margin: 0 15px;
}

.topics_slider-wrap .topics__footer {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 30px;
  margin-top: 0;
  position:relative;
}

/* TOPICS ドット MOREリンク */
.topics__more {
    display: flex;
    width: 115px;
    justify-content: space-between;
    align-items: center;
    font-size: 17px;
    color: #595757;
    position: absolute;
        top: 22px;
    left: 61%;
}

/* TOPICS 矢印 */
.topics__more .arrow {
  display: inline-block;
  position: relative;
  width: 55px;
  height: 1px;
  background: #595757;
  transition: width 0.3s ease;
}

.topics__more .arrow::after {
  content: "";
    position: absolute;
    right: -8px;
    top: 50%;
    transform: translateY(-50%);
    border-left: 14px solid #3e3a39;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
}

.faq {
  margin-bottom:80px;
}
.faq .ttl_faq {
  width: 120px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 10px;
}
.faq .faq_sub {
  font-size: 21px;
  text-align: center;
  margin-bottom: 56px;
}

.faq__item {
    width:1260px;
    margin-left:auto;
    margin-right:auto;
  background: #efefef;
  border-radius: 35px;
  margin-bottom: 32px;
}

/* FAQ 質問部分 */
.faq__question {

  display: flex;
align-items: end;
  width: 100%;
    padding: 45px 40px 55px;
  background: none;
  border: none;
  cursor: pointer;
  text-align: left;
}

.faq__q-mark {
  width:43px;
  margin-right: 25px;
    flex-shrink: 0;
}

.faq__q-text {
  flex: 1;
  font-size: 21px;
}
/* FAQ シェブロン矢印 */
.faq__arrow {
  display: block;
  width: 22px;
  height: 22px;
  border-right: 1px solid #231815;
  border-bottom: 1px solid #231815;
  transform: rotate(45deg);
  transition: transform 0.3s ease;
  flex-shrink: 0;
  margin-left: 25px;
}

/* FAQ 開いたとき矢印を上向きに */
.faq__item.is-open .faq__arrow {
  transform: rotate(-135deg);
}
/* FAQ 回答部分 */
.faq__answer {
  display: flex;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s ease, padding 0.4s ease;
  padding: 0 30px 0 ;
}

.faq__item.is-open .faq__answer {
  max-height: 500px; /* 十分な高さ */
  padding: 0 35px 24px 40px;
}

.faq__a-mark {
  width: 43px;
  margin-right: 25px;
  flex-shrink: 0;
}

.faq__a-text {
  font-size: 17px;
  line-height: 1.56;
  text-align:justify;
  color: #231815;
  padding-top: 12px;
  padding-right:100px;
}

.faq__a-text a {
  /* color: #231815;

  text-decoration: none; */
}
.faq__a-text a .bg_yellow{
  background: #f0c040;
  padding: 1px 2px;
}

.faq_more {
    display: flex;
    width: 228px;
    margin-top: 37px;
    margin-left:auto;
    margin-right:auto;
    justify-content: space-between;
    align-items: center;
    height:46px;
    border:solid 1px #231815;
    border-radius:23px;
    padding:0 30px;
      transition:0.3s ease;
}
.faq_more .icon_more{
  width:75px;
}

/* FAQ MORE 矢印 */
.faq_more .arrow {
  display: inline-block;
  position: relative;
  width: 79px;
  height: 1px;
  background: #231815;
  transition: width 0.3s ease;
}

.faq_more .arrow::after {
  content: "";
    position: absolute;
    right: -8px;
    top: 50%;
    transform: translateY(-50%);
    border-left: 14px solid #231815;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
}
.faq_more:hover{
  opacity:1;
  background: rgba(245, 191, 76, 1);
}
.faq_more:hover .arrow {
  width: 50px;
}

.for_top{
  display:block;
  width:120px;
  margin-left:auto;
  margin-right:auto;
  padding-bottom:13px;
  border-bottom:solid 1px #231815;
  margin-bottom:108px;
}
.for_top >div {
  text-align:center;
  font-size:18px;
}