@charset "UTF-8";
:root {
  --colorPrimary: rgb(237, 144, 52);
  --colorSecondry: rgb(238, 209, 95);
  --colorCat01: rgb(241, 248, 243);
  --colorCat02: rgb(251, 249, 233);
  --colorCat03: rgb(232, 244, 244);
  --fcolorCat01: rgb(106, 178, 130);
  --fdcolorCat01: rgb(68, 154, 96);
  --fcolorCat02: rgb(229, 156, 85);
  --fdcolorCat02: rgb(233, 147, 61);
  --fcolorCat03: rgb(93, 209, 228);
  --fdcolorCat03: rgb(84, 197, 214);
  --mcolorCat01: rgb(144, 196, 161);
  --mcolorCat02: rgb(232, 173, 116);
  --mcolorCat03: rgb(93, 209, 228);
  --bgCat01: rgb(249, 252, 250);
  --bgCat02: rgb(251, 249, 233);
  --bgCat03: rgb(246, 252, 252);
  --LineGray: rgb(202, 202, 202);
  --colorGray: rgb(115, 115, 115);
  --thumBack: #fff;
  --ribbon-size: 16px;
  --ribbon-bg: #ccc;
  --cat01Ribbon-bg: rgb(169, 219, 174);
  --cat02Ribbon-bg: rgb(240, 189, 139);
  --cat03Ribbon-bg: rgb(144, 231, 245);
  --tag-size: 16px;
  --tag-size-sp: 13px;
  --tag-bg01: rgb(227, 136, 70);
  --tag-bg02: rgb(227, 202, 70);
}

@font-face {
  font-family: "MyYuMinchoC";
  src: local("YuMincho-Demibold"), local("YuMincho Demibold");
  /* for Mac */
}

.yuminchoReco {
  font-family: "YuMincho", "MyYuminchoC", "Noto Serif JP";
}

@supports (-ms-ime-align: auto) {
  /* for Edge(Legacy) */
  .yuminchoReco {
    font-family: "Yu Mincho Demibold", "Noto Serif JP";
  }
}

/*Web font*/
.tenten {
  font-family: Arial;
  display: inline-block;
}

.futo-min {
  font-family: a-otf-futo-min-a101-pr6n, serif !important;
  font-weight: 400 !important;
  font-style: normal !important;
}

.tsukumin {
  font-family: "TsukuBMinPr6-L", "FOT-筑紫B明朝", "YuMincho", "Yu Mincho", "Hiragino Mincho ProN", serif;
  font-weight: normal !important;
}

.notsans {
  font-family: "Noto Sans JP", -apple-system, YuGothic, "游ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
  font-style: normal;
}

.notoserif {
  font-family: noto-serif, "Noto Serif JP", "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-style: normal;
}

.notoserif_500 {
  font-family: "Noto Serif JP", "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-weight: 500;
}

.notsans.semibold {
  font-weight: 500;
}

.kozuka {
  font-family: kozuka-gothic-pr6n, -apple-system, YuGothic, "游ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
  font-weight: 400;
  font-style: normal;
}

.kozuka.light {
  font-weight: 300;
}

.kozuka.semibold {
  font-weight: 500;
}

.midashi {
  font-family: a-otf-midashi-go-mb31-pr6n, sans-serif !important;
  font-weight: 400 !important;
}

.gothic_bbb {
  font-family: a-otf-gothic-bbb-pr6n, sans-serif;
  font-weight: 400;
  font-style: normal;
}

.tenmin {
  font-family: ten-mincho-text, serif;
  font-weight: 400;
  font-style: normal;
}

body,
.l-main {
  color: #000;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
}

body .remodal-overlay {
  background: rgba(0, 0, 0, 0.8);
}

.archivo {
  font-family: "Archivo", sans-serif;
}

.dmsans {
  font-family: "DM Sans", sans-serif;
}

.didot-italic {
  font-family: linotype-didot, serif;
  font-weight: 400;
  font-style: italic;
}

.tenmin {
  font-family: ten-mincho, serif;
  font-weight: 400;
  font-style: normal;
}

.underlink {
  text-decoration: underline;
}

.w_100 {
  width: 100%;
}

p {
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
}

.desc p + p {
  margin-top: 12px;
}

.has_vivi {
  position: relative;
}

.has_vivi .vivi {
  padding: 0 12px;
}

.has_vivi .vivi:before, .has_vivi .vivi:after {
  content: "";
  width: 1px;
  height: 100%;
  background: var(--colorPrimary);
  position: absolute;
  top: 50%;
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
}

.has_vivi .vivi:before {
  left: 0;
  -webkit-transform: translateY(-50%) rotate(-18deg);
          transform: translateY(-50%) rotate(-18deg);
}

.has_vivi .vivi:after {
  right: 0;
  -webkit-transform: translateY(-50%) rotate(18deg);
          transform: translateY(-50%) rotate(18deg);
}

.cmore_link {
  color: var(--colorPrimary);
}

.cmore_link.no_border {
  padding: 0;
  border-color: var(--colorPrimary);
}

.cmore_link.no_border > .txt:before {
  content: none;
}

.cmore_link.no_border .af_icon {
  padding-left: 0;
}

.cmore_link.no_border .af_icon svg {
  fill: var(--colorPrimary);
}

.cmore_link.no_border:hover {
  color: var(--colorSecondry);
  border-color: var(--colorSecondry);
}

.cmore_link.no_border:hover .af_icon svg {
  fill: var(--colorSecondry);
}

.wht_box.inside_pad {
  padding: 0;
}

.wht_box .row_link {
  margin-top: 18px;
}

.wht_box .row_link .cmore_link > .txt {
  font-size: 0.85rem;
}

.inner_video {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 100%;
}

.inner_video .video-js {
  background: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.inner_video .video-js button.vjs-big-play-button {
  background: none;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}

.inner_video .video-js button.vjs-big-play-button:before {
  content: "";
  background: url(/img/freepage/feature_20210618/icon/play_button.png);
  background-size: contain;
  background-position: center;
}

.inner_video .video-js .vjs-control-bar {
  width: 100%;
  left: 0;
  bottom: 0;
  border-radius: 0;
}

/*Last Banner*/
.onebnr_contain {
  max-width: 620px;
  margin: 0 auto;
}

.center_line {
  position: relative;
  z-index: 1;
}

.center_line:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  top: 50%;
  left: 0;
  z-index: -1;
  background: #ccc;
}

.center_line .half_color:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 50%;
  top: 0;
  left: 0;
  z-index: -1;
  background: #ccc;
}

section#lastbnr {
  padding-top: 60px;
  padding-bottom: 60px;
}

@media screen and (min-width: 768px) {
  section#lastbnr {
    padding-top: 60px;
    padding-bottom: 120px;
  }
}

@media screen and (max-width: 767px) {
  section#lastbnr .col_halfbnr + .col_halfbnr {
    margin-top: 1rem;
  }
}

#offeritem + section#lastbnr .center_line:before {
  background: var(--colorCat03);
}

#offeritem + section#lastbnr .half_color:before {
  background: var(--colorCat03);
}

/*Hero*/
#hero {
  background-image: url(/img/freepage/feature_20210618/hero/fv_bg_pc.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

@media screen and (max-width: 767px) {
  #hero {
    background-image: url(/img/freepage/feature_20210618/hero/fv_bg_sp.jpg);
  }
}

@media screen and (max-width: 767px) {
  #hero.is_shown .sp_faster {
    opacity: 1;
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
  }
}

#hero.style_center {
  position: relative;
  height: calc(100vw * 1.333);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  overflow: visible;
  z-index: -1;
}

@media screen and (max-width: 767px) {
  #hero.style_center {
    max-height: 820px;
    overflow: hidden;
    z-index: 3;
  }
}

#hero.style_center .hero_container {
  margin: 0 auto;
  max-width: 1120px;
  height: 100%;
  position: relative;
  z-index: 1;
}

@media screen and (max-width: 767px) {
  #hero.style_center .hero_container {
    max-width: 620px;
  }
}

#hero.style_center .hero_container .row_hero {
  height: 100%;
}

#hero.style_center .hero_container .row_hero .col-hero-ttl {
  margin-top: 8%;
}

@media screen and (max-width: 767px) {
  #hero.style_center .hero_container .row_hero .col-hero-ttl {
    margin-top: 24%;
  }
}

#hero.style_center .hero_container .row_hero .col-hero-imgs {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
  z-index: -1;
}

#hero.style_center .hero_container .row_hero .col-hero-imgs .obj_left {
  width: 28%;
}

@media screen and (max-width: 767px) {
  #hero.style_center .hero_container .row_hero .col-hero-imgs .obj_left {
    width: 37%;
    -webkit-transform: translateX(5%) translateY(2%);
            transform: translateX(5%) translateY(2%);
  }
}

#hero.style_center .hero_container .row_hero .col-hero-imgs .obj_center {
  margin-left: 5%;
  width: 35%;
}

@media screen and (max-width: 767px) {
  #hero.style_center .hero_container .row_hero .col-hero-imgs .obj_center {
    margin-left: 3%;
  }
}

#hero.style_center .hero_container .row_hero .col-hero-imgs .obj_right {
  width: 28%;
  margin-bottom: 10%;
  -webkit-transform: translateX(10%);
          transform: translateX(10%);
}

@media screen and (max-width: 767px) {
  #hero.style_center .hero_container .row_hero .col-hero-imgs .obj_right {
    width: 18%;
    -webkit-transform: translateX(20%);
            transform: translateX(20%);
  }
}

@media screen and (max-width: 767px) {
  #hero.style_center .hero_container .row_hero .col-hero-leftyimg {
    -ms-flex-order: -1;
    -webkit-box-ordinal-group: 0;
    order: -1;
  }
  #hero.style_center .hero_container .row_hero .col-hero-leftyimg .inner {
    width: 90%;
    max-width: 420px;
    margin-left: auto;
    margin-top: 2rem;
  }
  #hero.style_center .hero_container .row_hero .col-hero-ttl {
    -ms-flex-order: 1;
    -webkit-box-ordinal-group: 2;
    order: 1;
  }
  #hero.style_center .hero_container .row_hero .col-hero-ttl .hero_ttl {
    width: 80%;
    max-width: 320px;
  }
  #hero.style_center .hero_container .row_hero .col-hero-ttl .hero_offer {
    margin-top: 1rem;
    width: 65%;
  }
}

@media screen and (max-width: 469px) {
  #hero.style_center .hero_container .row_hero .col-hero-leftyimg .inner {
    width: 90%;
    max-width: 420px;
    margin-left: auto;
    margin-top: 2rem;
  }
  #hero.style_center .hero_container .row_hero .col-hero-ttl {
    margin-top: 18%;
  }
  #hero.style_center .hero_container .row_hero .col-hero-ttl .hero_offer {
    margin-top: 0.5rem;
    width: 82%;
    max-width: 260px;
  }
}

@media screen and (min-width: 768px) {
  #hero.style_center {
    max-height: 720px;
    height: calc(100vw * 0.615);
  }
  #hero.style_center .hero_container {
    padding: 0 32px;
  }
}

@media screen and (max-width: 767px) {
  #hero.style_center .col-hero-ttl {
    padding: 0 2.5rem;
  }
  #hero.style_center .abs_01 {
    width: 34%;
    left: 32%;
    top: 5%;
  }
  #hero.style_center .abs_02 {
    width: 43%;
    top: 27%;
    right: -18%;
    left: auto;
  }
  #hero.style_center .abs_03 {
    width: 50%;
    right: -8%;
    top: auto;
    bottom: 0;
  }
}

#hero.style_center .hero_ttl {
  line-height: 1;
  width: 86%;
  max-width: 400px;
  margin: 0 auto;
  position: relative;
  /*items obj*/
}

@media screen and (min-width: 768px) {
  #hero.style_center .hero_ttl {
    width: 86%;
  }
}

#hero.style_center .hero_ttl .main_ttl {
  width: 85%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1rem;
}

#hero.style_center .hero_ttl .obj_circle {
  z-index: -1;
}

#hero.style_center .hero_ttl .obj_circle .inner {
  padding-top: 100%;
  width: 100%;
  height: 0;
  border-radius: 100%;
  position: relative;
  display: block;
  background: #f2deda;
}

#hero.style_center .hero_ttl .obj_circle.obj_circle01 {
  width: 50%;
  left: -26%;
  top: -22%;
  opacity: 0.3;
}

#hero.style_center .hero_ttl .obj_circle.obj_circle02 {
  width: 13%;
  right: 44%;
  bottom: -7%;
  opacity: 0.3;
}

#hero.style_center .hero_ttl .obj_circle.obj_circle02 .inner {
  background: #dcc5c0;
}

#hero.style_center .hero_offer {
  width: 70%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 1.5rem;
  position: relative;
}

/*Hero Gather Items*/
.row_feature_half {
  margin-top: 2rem;
}

@media screen and (min-width: 768px) {
  .row_feature_half .col_img .inner {
    margin-right: -4rem;
  }
}

@media screen and (max-width: 767px) {
  .row_feature_half .col_desc .inner {
    width: 90%;
    max-width: 480px;
    margin-left: auto;
    margin-right: auto;
  }
}

.row_feature_half .col_desc .inner .wht_box .wht_head {
  margin-bottom: 1rem;
  line-height: 1.45;
}

.row_feature_half .col_desc .inner .wht_box .wht_head .sub_ttl {
  font-size: 1rem;
  color: var(--colorPrimary);
  letter-spacing: 0.05em;
}

@media screen and (max-width: 469px) {
  .row_feature_half .col_desc .inner .wht_box .wht_head .sub_ttl {
    font-size: 0.8rem;
  }
}

.row_feature_half .col_desc .inner .wht_box .wht_head .ttl {
  margin-top: 8px;
  color: var(--colorSecondry);
  font-size: 1.45rem;
  letter-spacing: 0.05em;
  line-height: 1.25;
}

@media screen and (max-width: 469px) {
  .row_feature_half .col_desc .inner .wht_box .wht_head .ttl {
    margin-top: 4px;
    font-size: 1.25rem;
  }
}

.row_feature_half .col_desc .inner .wht_box .wht_body p {
  font-size: 0.9rem;
  line-height: 1.65;
}

@media screen and (max-width: 469px) {
  .row_feature_half .col_desc .inner .wht_box .wht_body p {
    font-size: 0.75rem;
  }
}

/*section title*/
.secttl_wrap.center-xs .sec_ttl.has_small > span {
  display: block;
}

.secttl_wrap.center-xs .sec_ttl .ttl_img {
  max-width: 154px;
  display: block;
}

@media screen and (max-width: 767px) {
  .secttl_wrap.center-xs .sec_ttl .ttl_img {
    margin-left: auto;
    margin-right: auto;
  }
  .secttl_wrap.center-xs .sec_ttl .ttl_img + .sec_subttl {
    margin-top: 1rem;
  }
}

.secttl_wrap.center-xs .sec_ttl .sec_subttl {
  display: inline-block;
}

@media screen and (min-width: 768px) {
  .secttl_wrap.center-xs .sec_ttl.flex-sm {
    -ms-flex-align: end;
    -webkit-box-align: end;
    align-items: flex-end;
  }
}

@media screen and (min-width: 768px) {
  .secttl_wrap.center-xs .sec_ttl.flex-sm .sec_subttl {
    margin-top: 0;
    margin-bottom: 5px;
    padding-left: 1rem;
  }
}

/* Quick Links */
.bhd_img {
  padding-top: 100%;
  position: relative;
  overflow: hidden;
}

.bhd_img img:not(.abs) {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  font-family: "object-fit: cover;";
  -o-object-fit: cover;
  object-fit: cover;
}

.bhd_img img.abs {
  width: 100%;
  left: 0;
  top: 8%;
}

.sec_grid_listing .item_grouping > div {
  padding-bottom: 8rem;
}

@media screen and (max-width: 469px) {
  .sec_grid_listing .item_grouping > div {
    padding-bottom: 6rem;
  }
}

.sec_grid_listing .item_grouping > div:not(:first-child) {
  padding-top: 4rem;
}

@media screen and (max-width: 469px) {
  .sec_grid_listing .item_grouping > div:not(:first-child) {
    padding-top: 2rem;
  }
}

.sec_grid_listing .item_grouping .group_items .item__style04 > .row {
  position: relative;
}

.sec_grid_listing .item_grouping .group_items .item__style04 > .row > .bhd_sqr {
  width: 30%;
  position: absolute;
}

@media screen and (max-width: 767px) {
  .sec_grid_listing .item_grouping .group_items .item__style04 > .row > .bhd_sqr {
    width: 80%;
  }
}

.sec_grid_listing .item_grouping .group_items .item__style04 > .row > .bhd_sqr:before {
  content: "";
  width: 100%;
  height: 0;
  padding-top: 100%;
  position: relative;
  display: block;
  opacity: 0.08;
  z-index: -1;
}

.sec_grid_listing .item_grouping .group_items .item__style04:nth-child(odd) .bhd_sqr {
  left: 5%;
  top: -10%;
}

@media screen and (max-width: 767px) {
  .sec_grid_listing .item_grouping .group_items .item__style04:nth-child(odd) .bhd_sqr {
    left: 0;
    top: -5%;
  }
}

.sec_grid_listing .item_grouping .group_items .item__style04:nth-child(even) .bhd_sqr {
  right: 5%;
  top: -10%;
}

@media screen and (max-width: 767px) {
  .sec_grid_listing .item_grouping .group_items .item__style04:nth-child(even) .bhd_sqr {
    right: -5%;
    top: -5%;
  }
}

.select_01 .bhd_img {
  background: var(--colorCat01);
}

.sec_cat01,
.sec_cat01 .extra_info .txt {
  background: var(--bgCat01);
}

.sec_offer {
  padding: 62px 0 62px;
}

@media screen and (min-width: 768px) {
  .sec_offer {
    padding: 120px 0 120px;
  }
}

@media screen and (min-width: 768px) {
  .sec_offer .secttl_wrap {
    margin-bottom: 120px;
  }
}

.feature_ex p strong {
  background-position-y: 30%;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, white), color-stop(50%, #e1f6e8));
  background-image: linear-gradient(white 50%, #e1f6e8 50%);
  background-size: 2px;
  background-size: auto 175%;
}

.sec_cat01 .feature_ex .obj_circle .inner {
  background: var(--mcolorCat01);
  opacity: 0.15;
}

.sec_cat01 .feature_ex .contained_box .col__desc .desc:before,
.sec_cat01 .feature_ex .contained_box .col__desc .desc:after {
  background: var(--cat01Ribbon-bg);
}

.sec_cat01 .feature_ex .ttl {
  color: var(--fdcolorCat01);
}

.sec_cat01 .bhd_sqr:before {
  background: var(--mcolorCat01);
}

.sec_cat01 .row_prdfeature .cattl {
  color: var(--fcolorCat01);
}

.sec_cat01 .row_prdfeature .thum + .content:before, .sec_cat01 .row_prdfeature .thum + .content:after {
  background: var(--mcolorCat01);
}

.sec_cat01 .item__catch {
  color: var(--fcolorCat01);
}

.sec_cat01 .item__catch .quote_st_catch svg {
  fill: var(--fcolorCat01);
  opacity: 0.4;
}

.sec_cat01 .btn {
  background: var(--mcolorCat01);
}

.sec_cat01 .btn:hover {
  background: var(--fdcolorCat01);
}

.sec_cat01 .secttl_wrap {
  color: var(--fcolorCat01);
}

.sec_cat02,
.sec_cat02 .extra_info .txt {
  background: var(--bgCat02);
}

.sec_cat02 .bhd_sqr:before {
  background: var(--mcolorCat02);
}

.sec_cat02 .row_prdfeature .cattl {
  color: var(--fcolorCat02);
}

.sec_cat02 .row_prdfeature .thum + .content:before, .sec_cat02 .row_prdfeature .thum + .content:after {
  background: var(--mcolorCat02);
}

.sec_cat02 .item__catch {
  color: var(--fcolorCat02);
}

.sec_cat02 .item__catch .quote_st_catch svg {
  fill: var(--fcolorCat02);
  opacity: 0.4;
}

.sec_cat02 .btn {
  background: var(--mcolorCat02);
}

.sec_cat02 .btn:hover {
  background: var(--fdcolorCat02);
}

.sec_cat02 .btn.type_teiki {
  background: #e4662c;
}

.sec_cat02 .btn.type_teiki:hover {
  background: var(--fdcolorCat02);
}

.sec_cat02 .secttl_wrap {
  color: var(--fcolorCat02);
}

.sec_cat02 .item__col-desc .row_gifty .gifty__col-desc .gifty_lbl {
  background: var(--cat02Ribbon-bg);
}

.sec_cat02 .item__col-desc .row_gifty .gifty__col-desc .gifty_lbl:after {
  border: var(--ribbon-size) solid var(--cat02Ribbon-bg);
  border-right-color: transparent;
}

.sec_cat01,
.sec_cat02,
.sec_cat03 {
  position: relative;
  z-index: 1;
}

@media screen and (max-width: 767px) {
  .item__style04 .item__col-img {
    position: relative;
    z-index: 1;
  }
  .item__style04 .item__col-img:before, .item__style04 .item__col-img:after {
    content: "";
    width: 120%;
    height: 105%;
    position: absolute;
    top: 5%;
    background-repeat: no-repeat;
    background-size: contain;
    z-index: -1;
  }
  .item__style04 .item__col-img:before {
    left: -10%;
    background-position: left top;
  }
  .item__style04 .item__col-img:after {
    right: -10%;
    background-position: right top;
  }
  .sec_cat01 .item__style04 .item__col-img:before {
    background-image: url(/img/freepage/feature_20210618/catobj/cat01_left_sp01.png);
  }
  .sec_cat01 .item__style04 .item__col-img:after {
    background-image: url(/img/freepage/feature_20210618/catobj/cat01_right_sp01.png);
  }
  .sec_cat02 .item__style04 .item__col-img:before {
    background-image: url(/img/freepage/feature_20210618/catobj/cat02_left_sp01.png);
    top: 0;
    left: -5%;
  }
  .sec_cat02 .item__style04 .item__col-img:after {
    background-image: url(/img/freepage/feature_20210618/catobj/cat02_right_sp01.png);
    top: -5%;
    right: 0;
  }
  .sec_cat03 .item__style04 .item__col-img:before {
    background-image: url(/img/freepage/feature_20210618/catobj/cat03_left_sp01.png);
    top: 0;
    left: -5%;
  }
  .sec_cat03 .item__style04 .item__col-img:after {
    background-image: url(/img/freepage/feature_20210618/catobj/cat03_right_sp01.png);
    top: -5%;
    right: 0;
  }
}

@media screen and (min-width: 768px) {
  .sec_cat01:before,
  .sec_cat02:before,
  .sec_cat03:before,
  .sec_cat01:after,
  .sec_cat02:after,
  .sec_cat03:after {
    content: "";
    width: 30%;
    height: 100%;
    position: absolute;
    background-size: 100%;
    z-index: -1;
  }
}

.sec_cat01:before,
.sec_cat02:before,
.sec_cat03:before {
  left: -10vw;
  background-position: right top;
}

.sec_cat01:after,
.sec_cat02:after,
.sec_cat03:after {
  right: -12vw;
  background-position: left top;
}

.sec_cat01:before {
  width: 34%;
  left: -12vw;
  top: 0;
  background-image: url(/img/freepage/feature_20210618/catobj/cat01_left_pc.png);
}

.sec_cat01:after {
  width: 28%;
  top: 8%;
  right: -13vw;
  background-image: url(/img/freepage/feature_20210618/catobj/cat01_right_pc.png);
}

.sec_cat02:before {
  width: 34%;
  left: -12vw;
  background-image: url(/img/freepage/feature_20210618/catobj/cat02_left_pc.png);
}

.sec_cat02:after {
  width: 28%;
  top: 0;
  right: -9vw;
  background-image: url(/img/freepage/feature_20210618/catobj/cat02_right_pc.png);
}

.sec_cat03:before {
  background-image: url(/img/freepage/feature_20210618/catobj/cat03_left_pc.png);
}

.sec_cat03:after {
  width: 28%;
  top: 8%;
  background-image: url(/img/freepage/feature_20210618/catobj/cat03_right_pc.png);
}

.sec_cat03,
.sec_cat03 .extra_info .txt {
  background: var(--bgCat03);
}

@media screen and (max-width: 767px) {
  .sec_cat03 {
    padding-bottom: 0;
  }
}

.sec_cat03 .bhd_sqr:before {
  background: var(--mcolorCat03);
}

.sec_cat03 .row_prdfeature .cattl {
  color: var(--fcolorCat03);
}

.sec_cat03 .row_prdfeature .thum + .content:before, .sec_cat03 .row_prdfeature .thum + .content:after {
  background: var(--mcolorCat03);
}

.sec_cat03 .item__catch {
  color: var(--fcolorCat03);
}

.sec_cat03 .item__catch .quote_st_catch svg {
  fill: var(--fcolorCat03);
  opacity: 0.4;
}

.sec_cat03 .btn {
  background: var(--mcolorCat03);
}

.sec_cat03 .btn:hover {
  background: var(--fdcolorCat03);
}

.sec_cat03 .secttl_wrap {
  color: var(--fcolorCat03);
}

.sec_cat03 .item__col-desc .row_gifty .gifty__col-desc .gifty_lbl {
  background: var(--cat03Ribbon-bg);
}

.sec_cat03 .item__col-desc .row_gifty .gifty__col-desc .gifty_lbl:after {
  border: var(--ribbon-size) solid var(--cat03Ribbon-bg);
  border-right-color: transparent;
}

.select_02 .bhd_img {
  background: var(--colorCat02);
}

.select_03 .bhd_img {
  background: var(--colorCat03);
}

.quick_link .select_item {
  border-radius: 100%;
  overflow: hidden;
}

@media screen and (min-width: 768px) {
  .quick_link .caption_wrap {
    text-align: center;
  }
}

.quick_link .caption_wrap .cat_ttl {
  margin: 1.5rem 0 1rem;
  font-size: 26px;
  font-family: linotype-didot, serif;
  font-weight: 400;
  font-style: italic;
}

@media screen and (max-width: 767px) {
  .quick_link .caption_wrap .cat_ttl {
    font-size: 22px;
  }
}

.quick_link .caption_wrap .cat_ttl .inner {
  margin-left: auto;
  margin-right: auto;
  max-width: 120px;
}

.quick_link .caption_wrap .cat_subttl {
  margin-bottom: 1.15rem;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.2em;
}

.quick_link.quick_link01 .cat_subttl {
  color: var(--fcolorCat01);
}

.quick_link.quick_link02 .cat_subttl {
  color: var(--fcolorCat02);
}

.quick_link.quick_link03 .cat_subttl {
  color: var(--fcolorCat03);
}

@media screen and (max-width: 767px) {
  .quick_link {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
  }
  .quick_link .select_item {
    max-width: 320px;
    width: 55%;
  }
  .quick_link .caption_wrap {
    position: relative;
    z-index: 1;
    margin-left: -1.5rem;
  }
  .quick_link:nth-child(even) {
    -ms-flex-direction: row-reverse;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    flex-direction: row-reverse;
  }
  .quick_link:nth-child(even) .caption_wrap {
    margin-left: auto;
    margin-right: -1.5rem;
  }
  .quick_link + .quick_link {
    margin-top: 2rem;
  }
}

@media screen and (max-width: 469px) {
  .quick_link .select_item {
    width: 70%;
  }
  .quick_link:nth-child(odd) .select_item {
    margin-left: -10%;
  }
  .quick_link:nth-child(even) .select_item {
    margin-right: -10%;
  }
}

/*Item Style03*/
.group_items .item__style03 .swatch_img {
  margin-top: 12px;
}

@media screen and (min-width: 768px) {
  .group_items .item__style03:nth-child(odd) {
    margin-left: 10%;
  }
}

@media screen and (min-width: 768px) {
  .group_items .item__style03:nth-child(even) {
    margin-left: auto;
    margin-right: 5%;
  }
}

.group_items .item__style03 + .item__style03 {
  margin-top: 80px;
}

@media screen and (min-width: 768px) {
  .group_items .item__style03 + .item__style03 {
    margin-top: 100px;
  }
}

@media screen and (max-width: 469px) {
  .group_items .item__style03 + .item__style03 {
    margin-top: 60px;
  }
}

.item__col-desc .price_group {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.item__col-desc .price_group .n_price + .n_price {
  margin-left: 6px;
}

.item__col-desc .price_group .n_price + .n_price:before {
  content: "/";
  padding-right: 6px;
  display: inline-block;
}

.item__col-desc .selected_name {
  margin-top: 12px;
  font-size: 0.85rem;
}

.item__col-desc .selected_name .txt {
  font-size: 90%;
  letter-spacing: 0.05em;
  opacity: 0.7;
  display: inline-block;
  padding-right: 5px;
}

.item__style03 .info_inner .notice {
  margin-top: 1rem;
}

.item__style03 .info_inner .notice .p_xxs {
  font-size: 0.75rem;
}

.item__style03 .info_inner .notice .underlink {
  text-decoration: underline !important;
}

.item__style03 .info_inner .swatch_img {
  margin-left: -5px;
  margin-right: -5px;
  -ms-flex-pack: start;
  -webkit-box-pack: start;
  justify-content: flex-start;
  text-align: start;
}

.item__style03 .info_inner .swatch_img .radio_img {
  padding-left: 5px;
  padding-right: 5px;
}

.item__style03 .info_inner .swatch_img .radio_img input[type="radio"] + label {
  border-color: #ccc;
}

.item__style03 .info_inner .swatch_img .radio_img input[type="radio"]:checked + label {
  border-color: #000;
}

.item__style03 .info_inner .swatch_img [image_swatch="no"].radio_img input[type="radio"] + label {
  width: 0;
  height: 0;
  border: none;
}

.item__style03 .info_inner .swatch_img [image_swatch="no"].radio_img input[type="radio"] + label + .opt_name {
  padding: 6px;
  display: inline-block;
  min-width: 82px;
  line-height: 1;
  border-radius: 6px;
  border: 1px solid #ccc;
}

.item__style03 .info_inner .swatch_img [image_swatch="no"].radio_img input[type="radio"]:checked + label + .opt_name {
  border-color: #000;
}

.item__style03 .info_inner .swatch_img [image_swatch="no"].radio_img.selected input[type="radio"].selected + label + .opt_name {
  border-color: #000;
}

.item__style03 .info_inner .col_btn .btn {
  background: #000;
}

.item__style03.pop-up .prod-detail-content {
  margin-left: -1rem;
  margin-right: -1rem;
}

.item__style03.pop-up .prod-detail-content .btn_row .btn {
  border-radius: 0;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  justify-content: center;
  text-align: center;
}

.item__style03.pop-up .price_grid .def_price {
  -ms-flex-align: end;
  -webkit-box-align: end;
  align-items: flex-end;
}

.item__style03.pop-up .price_grid .def_price .price_group {
  width: auto;
}

.item__style03.pop-up .price_grid .def_price .price_group .n_price {
  font-size: 16px;
}

.item__style03.pop-up .price_grid .def_price .price_group .n_price .tax {
  font-size: 70%;
}

.item__style03.pop-up .swatch_img {
  margin-top: 10px;
  margin-left: -10px;
  margin-right: -10px;
  -ms-flex-pack: start;
  -webkit-box-pack: start;
  justify-content: flex-start;
  text-align: start;
}

@media screen and (max-width: 469px) {
  .item__style03.pop-up .swatch_img {
    margin-left: -5px;
    margin-right: -5px;
  }
}

.item__style03.pop-up .swatch_img .radio_img {
  padding: 10px 10px 0;
  margin-left: 0;
  text-align: center;
}

@media screen and (max-width: 469px) {
  .item__style03.pop-up .swatch_img .radio_img {
    padding: 5px 5px 0;
  }
}

.item__style03.pop-up .swatch_img .radio_img input[type="radio"]:checked + label {
  border-color: #000;
}

.item__style03.pop-up .swatch_img .radio_img > label {
  border-color: #ccc;
  cursor: pointer;
}

@media screen and (min-width: 768px) {
  .item__style03.pop-up .swatch_img .radio_img > label {
    width: 36px;
    height: 36px;
  }
}

.item__style03.pop-up .item__col-desc .ttl_inner .brand__name {
  line-height: 1.45;
  min-height: 0;
}

@media screen and (max-width: 469px) {
  .item__style03.pop-up .item__col-desc .ttl_inner .brand__name {
    font-size: 0.65rem;
  }
}

.item__style03.pop-up .item__col-desc .ttl_inner .item__name {
  font-size: 16px;
  letter-spacing: 0.05em;
  font-weight: 500;
  min-height: 0;
  line-height: 1.45;
}

.item__style03.pop-up .item__col-desc .n_price_lbl:before {
  content: none;
}

.item__style03.pop-up .item__col-desc .amount {
  font-family: "DM Sans", sans-serif;
  font-weight: 400;
}

.item__style03:not(.pop-up) {
  max-width: 720px;
}

.item__style03:not(.pop-up).col-item + .col-item {
  border-left: none;
}

.item__style03:not(.pop-up) .item__col-img {
  position: relative;
  z-index: 3;
}

@media screen and (min-width: 768px) {
  .item__style03:not(.pop-up) .item__col-img {
    -ms-flex-preferred-size: 45%;
    flex-basis: 45%;
    max-width: 45%;
  }
}

@media screen and (max-width: 767px) {
  .item__style03:not(.pop-up) .item__col-img {
    margin-top: 8%;
  }
}

.item__style03:not(.pop-up) .item__col-img .item_img_inner {
  max-width: 360px;
  position: relative;
}

@media screen and (min-width: 768px) {
  .item__style03:not(.pop-up) .item__col-img .item_img_inner {
    margin-right: -2rem;
  }
}

.item__style03:not(.pop-up) .item__col-img .item_img_inner .item__catch {
  font-family: ten-mincho, serif;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0.05em;
  font-size: 16px;
  text-align: left;
  position: absolute;
  width: 100%;
  z-index: 2;
}

@media screen and (min-width: 768px) {
  .item__style03:not(.pop-up) .item__col-img .item_img_inner .item__catch {
    width: 105%;
    top: 2rem;
    left: 90%;
  }
}

@media screen and (max-width: 767px) {
  .item__style03:not(.pop-up) .item__col-img .item_img_inner .item__catch {
    width: 110%;
    top: 0;
    font-size: 14px;
    -webkit-transform: translateY(-70%);
            transform: translateY(-70%);
  }
}

.item__style03:not(.pop-up) .item__col-img .item_img_inner .item__catch .inner {
  position: relative;
  z-index: 1;
}

.item__style03:not(.pop-up) .item__col-img .item_img_inner .item__catch .inner:before {
  content: "";
  background: url(/img/freepage/feature_20210618/quote_st.png) no-repeat;
  background-size: contain;
  width: 28px;
  height: 28px;
  position: absolute;
  left: -42px;
  top: -6px;
  z-index: -1;
}

@media screen and (max-width: 767px) {
  .item__style03:not(.pop-up) .item__col-img .item_img_inner .item__catch .inner:before {
    width: 20px;
    height: 20px;
    left: -30px;
  }
}

@media screen and (max-width: 469px) {
  .item__style03:not(.pop-up) .item__col-img .item_img_inner .item__catch .inner:before {
    left: 0px;
  }
}

@media screen and (max-width: 469px) {
  .item__style03:not(.pop-up) .item__col-img .item_img_inner .item__catch .inner {
    text-align: center;
    margin-left: -1rem;
  }
}

.item__style03:not(.pop-up) .item__col-img .item_img_inner .item__img {
  background: var(--thumBack);
}

.item__style03:not(.pop-up) .item__col-desc {
  position: relative;
  z-index: 2;
  text-align: left;
}

@media screen and (min-width: 768px) {
  .item__style03:not(.pop-up) .item__col-desc {
    margin-top: 5rem;
    margin-bottom: 0;
    -ms-flex-preferred-size: 55%;
    flex-basis: 55%;
    max-width: 55%;
  }
}

.item__style03:not(.pop-up) .item__col-desc .info_inner {
  padding: 3rem 2rem;
  background: #fff;
  max-width: 340px;
  -webkit-box-shadow: 2px 2px 12px 0px rgba(0, 0, 0, 0.08);
          box-shadow: 2px 2px 12px 0px rgba(0, 0, 0, 0.08);
}

@media screen and (min-width: 768px) {
  .item__style03:not(.pop-up) .item__col-desc .info_inner {
    margin-top: 2rem;
    margin-left: -2rem;
    padding-left: 4rem;
  }
}

@media screen and (max-width: 767px) {
  .item__style03:not(.pop-up) .item__col-desc .info_inner {
    width: 90%;
    margin-top: -1.5rem;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 2rem;
  }
}

.item__style03:not(.pop-up) .item__col-desc .info_inner .col_btn {
  margin-top: 32px;
}

@media screen and (min-width: 768px) {
  .item__style03:not(.pop-up) .item__col-desc .info_inner .col_btn {
    margin-right: -4rem;
  }
}

.item__style03:not(.pop-up) .item__col-desc .info_inner .col_btn .btn {
  font-size: 18px;
  font-weight: bold;
  letter-spacing: 0.15em;
  border-radius: 0;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  justify-content: center;
  text-align: center;
}

@media screen and (min-width: 768px) {
  .item__style03:not(.pop-up) .item__col-desc .info_inner .col_btn .btn {
    padding: 16px 24px;
  }
}

@media screen and (max-width: 469px) {
  .item__style03:not(.pop-up) .item__col-desc .info_inner .col_btn .btn {
    font-size: 16px;
  }
}

.item__style03:not(.pop-up) .item__col-desc .info_inner .col_btn .btn .bf_icon {
  font-size: 160%;
}

.item__style03:not(.pop-up) .item__col-desc .info_inner .col_btn .btn .bf_icon.icon_finger {
  font-size: 140%;
}

.item__style03:not(.pop-up) .item__col-desc .info_inner .item__ttl-wrap {
  margin-bottom: 18px;
}

@media screen and (max-width: 469px) {
  .item__style03:not(.pop-up) .item__col-desc .info_inner .item__ttl-wrap {
    margin-bottom: 12px;
  }
}

.item__style03:not(.pop-up) .item__col-desc .info_inner .item__ttl-wrap .ttl_inner .brand__name {
  margin-bottom: 18px;
  font-size: 0.75rem;
  letter-spacing: 0.15em;
  color: var(--colorGray);
}

@media screen and (max-width: 469px) {
  .item__style03:not(.pop-up) .item__col-desc .info_inner .item__ttl-wrap .ttl_inner .brand__name {
    margin-bottom: 8px;
    font-size: 0.65rem;
  }
}

.item__style03:not(.pop-up) .item__col-desc .info_inner .item__ttl-wrap .ttl_inner .item__name {
  font-size: 14px;
  letter-spacing: 0.1em;
  font-weight: 500;
}

.item__style03:not(.pop-up) .item__col-desc .info_inner .row_price .price_grid .def_price {
  display: block;
}

.item__style03:not(.pop-up) .item__col-desc .info_inner .row_price .price_grid .def_price .n_price_lbl {
  margin-bottom: 22px;
}

@media screen and (max-width: 469px) {
  .item__style03:not(.pop-up) .item__col-desc .info_inner .row_price .price_grid .def_price .n_price_lbl {
    font-size: 0.7rem;
    margin-bottom: 14px;
  }
}

.item__style03:not(.pop-up) .item__col-desc .info_inner .row_price .price_grid .def_price .n_price > span {
  display: inline-block;
}

.item__style03:not(.pop-up) .item__col-desc .info_inner .row_price .price_grid .def_price .n_price .amount {
  font-size: 16px;
  font-family: "DM Sans", sans-serif;
}

.item__style03:not(.pop-up) .item__col-desc .info_inner .row_price .price_grid .def_price .n_price .tax {
  padding-left: 6px;
  font-size: 0.75rem;
  font-weight: 500;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
}

.item__style03:not(.pop-up) .item__col-desc .info_inner .col_othercolor {
  margin-top: 2rem;
}

.item__style03:not(.pop-up) .item__col-desc .info_inner .col_othercolor .check {
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 0.1em;
  border-bottom: 1px solid;
}

.item__style03:not(.pop-up) .item__col-desc .info_inner .col_othercolor .check .bf_icon {
  width: 18px;
}

.item__style03:not(.pop-up) .extra_info {
  position: relative;
  z-index: -1;
  text-align: left;
}

@media screen and (min-width: 768px) {
  .item__style03:not(.pop-up) .extra_info {
    position: absolute;
    width: 50%;
    left: 1rem;
    top: 338px;
  }
}

.item__style03:not(.pop-up) .extra_info .inner {
  max-width: 290px;
  position: relative;
}

@media screen and (max-width: 767px) {
  .item__style03:not(.pop-up) .extra_info .inner {
    max-width: 340px;
    width: 90%;
    padding: 1rem;
    margin-left: auto;
    margin-right: auto;
  }
}

.item__style03:not(.pop-up) .extra_info .inner .list_feature {
  padding-right: 24px;
}

@media screen and (min-width: 768px) {
  .item__style03:not(.pop-up) .extra_info .inner:before {
    content: "";
    width: 1px;
    height: 150%;
    position: absolute;
    bottom: 0;
    right: 0;
    background: var(--LineGray);
  }
}

.item__style03:not(.pop-up) .extra_info .inner .ttl {
  padding: 12px 0;
  margin-top: 6px;
  margin-bottom: 6px;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.15em;
  line-height: 1;
  text-transform: uppercase;
  font-family: "DM Sans", sans-serif;
  position: relative;
  z-index: 1;
}

.item__style03:not(.pop-up) .extra_info .inner .ttl:before {
  content: "";
  width: 100%;
  height: 1px;
  background: var(--LineGray);
  position: absolute;
  top: 50%;
  left: 0;
}

.item__style03:not(.pop-up) .extra_info .inner .ttl .txt {
  padding-right: 8px;
  display: inline-block;
  position: relative;
  z-index: 1;
}

.item__style03:not(.pop-up) .extra_info .inner .list_feature {
  font-size: 12px;
  letter-spacing: 0.05em;
}

.item__style03:not(.pop-up) .extra_info .inner .list_feature > li {
  line-height: 1.35;
}

.item__style03:not(.pop-up) .extra_info .inner .list_feature > li + li {
  margin-top: 8px;
}

.item__style03:not(.pop-up) .extra_info .inner .list_feature:not(.single_list_feature) > li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  -webkit-box-align: center;
  align-items: center;
}

.item__style03:not(.pop-up) .extra_info .inner .list_feature:not(.single_list_feature) > li:before {
  content: "";
  margin-right: 8px;
  width: 6px;
  height: 6px;
  border-radius: 100%;
  background: #d2d2d2;
  display: block;
}

.item__style03.item_minimal {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
}

.item__style03.item_minimal .item__col-img {
  margin-top: 0;
  background: var(--colorCat01);
  -ms-flex-preferred-size: 110px;
  flex-basis: 110px;
  max-width: 110px;
  width: 35%;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-align: center;
  -webkit-box-align: center;
  align-items: center;
}

.item__style03.item_minimal .item__col-img .item_img_inner {
  margin: 0;
  width: 100%;
  max-width: 100%;
}

.item__style03.item_minimal .item__col-img .item_img_inner .item__img {
  width: 100%;
  padding-top: 100%;
  background: none;
}

.item__style03.item_minimal .item__col-img .item_img_inner .item__img img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  font-family: "object-fit: contain;";
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center center;
  object-position: center center;
}

.item__style03.item_minimal .item__col-desc {
  margin: 0;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  max-width: 100%;
  background: #fff;
}

.item__style03.item_minimal .item__col-desc .info_inner {
  margin: 0;
  padding: 12px;
  max-width: 100%;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.item__style03.item_minimal .item__col-desc .info_inner .item__ttl-wrap {
  margin-bottom: 0;
}

.item__style03.item_minimal .item__col-desc .info_inner .item__ttl-wrap .ttl_inner .brand__name {
  margin-bottom: 4px;
  font-size: 0.65rem;
  letter-spacing: 0.1em;
  line-height: 1.45;
}

@media screen and (max-width: 469px) {
  .item__style03.item_minimal .item__col-desc .info_inner .item__ttl-wrap .ttl_inner .brand__name {
    font-size: 0.6rem;
  }
}

.item__style03.item_minimal .item__col-desc .info_inner .item__ttl-wrap .ttl_inner .item__name {
  margin-bottom: 8px;
  font-size: 0.8rem;
}

@media screen and (max-width: 469px) {
  .item__style03.item_minimal .item__col-desc .info_inner .item__ttl-wrap .ttl_inner .item__name {
    font-size: 0.75rem;
  }
}

@media screen and (min-width: 768px) {
  .item__style03.item_minimal .item__col-desc .info_inner .item__ttl-wrap .ttl_inner .meta_name {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
  }
}

.item__style03.item_minimal .item__col-desc .info_inner .item__ttl-wrap .ttl_inner .meta_name p {
  font-size: 0.75rem;
  letter-spacing: 0.05em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  -webkit-box-align: center;
  align-items: center;
}

@media screen and (max-width: 469px) {
  .item__style03.item_minimal .item__col-desc .info_inner .item__ttl-wrap .ttl_inner .meta_name p {
    font-size: 0.65rem;
  }
}

.item__style03.item_minimal .item__col-desc .info_inner .item__ttl-wrap .ttl_inner .meta_name p .circle_color {
  width: 12px;
  display: block;
  margin-right: 6px;
}

@media screen and (max-width: 469px) {
  .item__style03.item_minimal .item__col-desc .info_inner .item__ttl-wrap .ttl_inner .meta_name p .circle_color {
    width: 10px;
  }
}

.item__style03.item_minimal .item__col-desc .info_inner .item__ttl-wrap .ttl_inner .meta_name p .circle_color .inner {
  width: 100%;
  display: block;
  height: 0;
  padding-top: 100%;
  position: relative;
  border-radius: 100%;
  overflow: hidden;
}

.item__style03.item_minimal .item__col-desc .info_inner .item__ttl-wrap .ttl_inner .meta_name p .circle_color .inner img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  font-family: "object-fit: cover;";
  -o-object-fit: cover;
  object-fit: cover;
}

.item__style03.item_minimal .item__col-desc .info_inner .item__ttl-wrap .ttl_inner .meta_name p .txt {
  display: block;
  line-height: 1.35;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

@media screen and (min-width: 768px) {
  .item__style03.item_minimal .item__col-desc .info_inner .item__ttl-wrap .ttl_inner .meta_name p + p {
    padding-left: 8px;
  }
}

@media screen and (max-width: 767px) {
  .item__style03.item_minimal .item__col-desc .info_inner .item__ttl-wrap .ttl_inner .meta_name p + p {
    margin-top: 6px;
  }
}

.item__style03.item_minimal + .item_minimal {
  border-top: 1px solid var(--thumBack);
}

.used_items {
  margin-top: 12px;
}

.used_items .ttl {
  padding: 6px 12px;
  font-size: 0.95rem;
  line-height: 1;
  letter-spacing: 0.1em;
  font-weight: 500;
  background: #000;
  color: #fff;
}

/*offer item*/
.sec-itemoffer .sec_ttl {
  font-size: 62px;
}

@media screen and (max-width: 469px) {
  .sec-itemoffer .sec_ttl {
    font-size: 38px;
  }
}

.sec-itemoffer .sec_subttl {
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 0.25em;
}

@media screen and (max-width: 469px) {
  .sec-itemoffer .sec_subttl {
    font-size: 16px;
  }
}

.brand_offer {
  margin-top: 42px;
}

@media screen and (min-width: 768px) {
  .brand_offer {
    margin-top: 110px;
    margin-bottom: 140px;
  }
}

@media screen and (max-width: 767px) {
  .brand_offer {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

.brand_offer + .row__item {
  margin-top: 42px;
}

@media screen and (min-width: 768px) {
  .brand_offer + .row__item {
    margin-top: 110px;
  }
}

.brand_offer .contained_box {
  max-width: 820px;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (max-width: 767px) {
  .brand_offer .contained_box {
    max-width: 420px;
    width: 90%;
  }
}

@media screen and (max-width: 767px) {
  .brand_offer .contained_box .col_blogo {
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    justify-content: center;
    text-align: center;
  }
}

.brand_offer .contained_box .col_blogo .inner {
  max-width: 280px;
}

@media screen and (min-width: 768px) {
  .brand_offer .contained_box .col_blogo .inner {
    margin-left: auto;
    padding-right: 42px;
  }
}

@media screen and (max-width: 767px) {
  .brand_offer .contained_box .col_blogo .inner {
    width: 80%;
    max-width: 240px;
  }
}

@media screen and (min-width: 768px) {
  .brand_offer .contained_box .col_blogo {
    -ms-flex-preferred-size: 45%;
    flex-basis: 45%;
    max-width: 45%;
  }
}

@media screen and (min-width: 768px) {
  .brand_offer .contained_box .col_blogo + .col_boffer {
    border-left: 1px solid var(--LineGray);
  }
}

@media screen and (max-width: 767px) {
  .brand_offer .contained_box .col_blogo + .col_boffer {
    margin-top: 0;
    margin-bottom: 2rem;
  }
}

@media screen and (max-width: 767px) {
  .brand_offer .contained_box .col_blogo + .col_boffer .inner {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
  }
}

@media screen and (max-width: 767px) {
  .brand_offer .contained_box .col_boffer {
    margin-top: 2rem;
  }
}

.brand_offer .contained_box .col_boffer .inner {
  padding-top: 0;
  padding-bottom: 24px;
}

@media screen and (min-width: 768px) {
  .brand_offer .contained_box .col_boffer .inner {
    padding-left: 42px;
  }
}

.brand_offer .contained_box .col_boffer .inner .desc {
  margin-top: 24px;
}

.brand_offer .contained_box .col_boffer .inner .desc p {
  font-size: 1rem;
  letter-spacing: 0.05em;
  line-height: 1.65;
}

@media screen and (max-width: 469px) {
  .brand_offer .contained_box .col_boffer .inner .desc p {
    font-size: 0.8rem;
  }
}

.brand_offer .contained_box .col_boffer .inner .desc p strong {
  font-weight: 700;
  text-decoration: underline;
}

.brand_offer .contained_box .col_boffer .inner .pre_caps {
  position: relative;
  z-index: 1;
}

@media screen and (max-width: 767px) {
  .brand_offer .contained_box .col_boffer .inner .pre_caps {
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    justify-content: center;
    text-align: center;
  }
}

.brand_offer .contained_box .col_boffer .inner .pre_caps > span {
  display: block;
}

.brand_offer .contained_box .col_boffer .inner .pre_caps .preicon {
  width: 30px;
  left: -2rem;
  top: 0;
  z-index: -1;
}

@media screen and (max-width: 767px) {
  .brand_offer .contained_box .col_boffer .inner .pre_caps .preicon {
    left: -12px;
    top: -12px;
    position: relative;
  }
}

.brand_offer .contained_box .col_boffer .inner .pre_caps .preicon .eq_svg svg {
  fill: #f2deda;
}

.brand_offer .contained_box .col_boffer .inner .pre_caps .tl {
  padding-right: 12px;
  font-size: 32px;
  letter-spacing: 0.02em;
}

.brand_offer .contained_box .col_boffer .inner .img_icon {
  max-width: 48px;
}

@media screen and (max-width: 767px) {
  .brand_offer .contained_box .col_boffer .inner .img_icon {
    max-width: 36px;
  }
}

@media screen and (min-width: 768px) {
  .brand_offer .contained_box .col_boffer {
    -ms-flex-preferred-size: 55%;
    flex-basis: 55%;
    max-width: 55%;
  }
}

.feature_ex {
  margin-top: 4rem;
}

@media screen and (min-width: 768px) {
  .feature_ex {
    margin-top: 6rem;
  }
}

.feature_ex .contained_box {
  max-width: 768px;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (max-width: 767px) {
  .feature_ex .contained_box {
    max-width: 340px;
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

@media screen and (min-width: 768px) {
  .feature_ex .contained_box .flex-sm {
    -ms-flex-direction: row-reverse;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    flex-direction: row-reverse;
  }
}

@media screen and (min-width: 768px) {
  .feature_ex .contained_box .col__img {
    width: 44%;
  }
}

.feature_ex .contained_box .col__desc {
  text-align: left;
}

@media screen and (min-width: 768px) {
  .feature_ex .contained_box .col__desc {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
}

.feature_ex .contained_box .col__desc .ttl_wrap,
.feature_ex .contained_box .col__desc .desc {
  position: relative;
  z-index: 1;
}

.feature_ex .contained_box .col__desc .ttl_wrap {
  margin-bottom: 2rem;
}

@media screen and (min-width: 768px) {
  .feature_ex .contained_box .col__desc .ttl_wrap {
    padding-left: 2rem;
  }
}

@media screen and (max-width: 767px) {
  .feature_ex .contained_box .col__desc .ttl_wrap {
    margin-top: 3rem;
    margin-bottom: 2rem;
    padding-left: 0;
  }
}

.feature_ex .contained_box .col__desc .ttl_wrap .ttl {
  font-size: 1.15rem;
  font-family: a-otf-midashi-go-mb31-pr6n, sans-serif;
  font-weight: 400;
  font-style: normal;
  line-height: 1.45;
  letter-spacing: 0.1em;
}

@media screen and (max-width: 767px) {
  .feature_ex .contained_box .col__desc .ttl_wrap .ttl {
    font-size: 16px;
  }
}

@media screen and (max-width: 379px) {
  .feature_ex .contained_box .col__desc .ttl_wrap .ttl {
    font-size: 4.3333vw;
    -webkit-transform: translateX(1rem);
            transform: translateX(1rem);
  }
}

.feature_ex .contained_box .col__desc .ttl_wrap .obj_circle {
  width: 20%;
  left: -2%;
  top: -24%;
  position: absolute;
  z-index: -1;
  overflow: hidden;
  border-radius: 100%;
}

@media screen and (max-width: 767px) {
  .feature_ex .contained_box .col__desc .ttl_wrap .obj_circle {
    width: 25%;
    left: -10%;
    top: -28%;
  }
}

.feature_ex .contained_box .col__desc .ttl_wrap .obj_circle .inner {
  width: 100%;
  height: 0;
  padding-top: 100%;
  position: relative;
  border-radius: 100%;
  display: block;
}

@media screen and (min-width: 768px) {
  .feature_ex .contained_box .col__desc .desc {
    padding-left: 2rem;
    padding-right: 2rem;
    padding-bottom: 2rem;
  }
}

@media screen and (max-width: 767px) {
  .feature_ex .contained_box .col__desc .desc {
    padding-left: 1.5rem;
    padding-right: 1rem;
    padding-bottom: 1rem;
    margin-bottom: 2rem;
  }
}

@media screen and (max-width: 469px) {
  .feature_ex .contained_box .col__desc .desc p {
    font-size: 0.8rem;
  }
}

.feature_ex .contained_box .col__desc .desc:before, .feature_ex .contained_box .col__desc .desc:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  background: var(--LineGray);
}

.feature_ex .contained_box .col__desc .desc:before {
  width: 1px;
  height: 100%;
}

.feature_ex .contained_box .col__desc .desc:after {
  width: calc(100% - 2rem);
  height: 1px;
}

@media screen and (min-width: 768px) {
  .feature_ex .contained_box .col__desc .used_items {
    padding-right: 2rem;
  }
}

.feature_ex .slick-dotted.slick-slider {
  margin-bottom: 0;
}

/*Pop Up*/
.pop-up .item__ttl-wrap {
  padding-top: 0;
}

.pop-up .item__img.square {
  padding-bottom: 100%;
}

.pop-up .item__col-desc .desc_item {
  display: none;
}

.row_bnrgrid {
  margin-bottom: 2rem;
}

/*Sec01*/
section.sec_intro,
section#lastbnr,
#offeritem + section#lastbnr .half_color:before {
  background: #fcf6ea;
}

section.sec_intro {
  padding: 60px 0 0;
  position: relative;
  z-index: 2;
  overflow: hidden;
}

@media screen and (max-width: 469px) {
  section.sec_intro {
    padding: 40px 0px 0px;
  }
}

section.sec_intro .full-container {
  padding: 40px 0 80px;
}

@media screen and (max-width: 767px) {
  section.sec_intro .full-container {
    padding: 0;
  }
}

@media screen and (max-width: 767px) {
  section.sec_intro .full-container .mid-container {
    margin-top: -1rem;
    padding-top: 40px;
    padding-bottom: 80px;
    max-width: 480px;
    overflow: hidden;
  }
}

section.sec_intro .col__center .contained_box {
  margin-left: auto;
  margin-right: auto;
}

@media screen and (min-width: 768px) {
  section.sec_intro .col__center .contained_box {
    margin-top: 0;
  }
}

@media screen and (max-width: 767px) {
  section.sec_intro .col__center .contained_box {
    margin-top: 0;
    margin-left: auto;
    width: 100%;
  }
}

@media screen and (max-width: 767px) and (max-width: 469px) {
  section.sec_intro .col__center .contained_box {
    max-width: 380px;
  }
}

section.sec_intro .col__center .contained_box .p_sm {
  font-size: 14px;
  letter-spacing: 0.15em;
}

@media screen and (max-width: 469px) {
  section.sec_intro .col__center .contained_box .p_sm {
    font-size: 0.8rem;
  }
}

section.sec_intro .col__center .contained_box .p_xxxs {
  font-size: 0.65rem;
}

@media screen and (max-width: 767px) {
  section.sec_intro .col__center .contained_box .p_xxxs {
    padding: 0 1rem;
  }
}

section.sec_intro .col__center .camdate_lbl {
  padding: 8px 12px;
  line-height: 1;
  color: #fff;
  background: #f29467;
}

@media screen and (min-width: 768px) {
  section.sec_intro .col__center .camdate_lbl .offer_date {
    padding-left: 1rem;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
}

section.sec_intro .col__center .offer_imgs {
  margin-bottom: -2rem;
}

@media screen and (max-width: 767px) {
  section.sec_intro .col__center .offer_imgs {
    margin-bottom: -3rem;
  }
}

section.sec_intro .wht_box {
  padding: 2rem 1rem 0;
  position: relative;
  z-index: 1;
  color: #e794ad;
}

@media screen and (min-width: 768px) {
  section.sec_intro .wht_box {
    padding: 2rem 1rem 0;
  }
}

@media screen and (max-width: 767px) {
  section.sec_intro .wht_box {
    background: transparent;
    position: relative;
    margin-top: 14px;
    padding: 1.5rem 0.5rem 0;
    z-index: 1;
  }
  section.sec_intro .wht_box:before {
    content: "";
    width: 100%;
    height: 80%;
    position: absolute;
    top: 0;
    left: 0;
    background: #fff;
    z-index: -1;
  }
}

@media screen and (max-width: 469px) {
  section.sec_intro .wht_box {
    padding-top: 1rem;
  }
}

@media screen and (max-width: 469px) {
  section.sec_intro .wht_box .sec_ttl {
    font-size: 5.7vw;
    margin-bottom: 0px;
  }
}

@media screen and (max-width: 379px) {
  section.sec_intro .wht_box .sec_ttl {
    font-size: 5.6vw;
    letter-spacing: 0.03em;
  }
}

section.sec_intro .campaign_ttl {
  padding: 0 1rem;
  margin-bottom: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media screen and (max-width: 767px) {
  section.sec_intro .campaign_ttl {
    position: relative;
    padding: 0 0.5rem;
  }
  section.sec_intro .campaign_ttl .af_icon {
    max-width: 38px;
  }
}

section.sec_intro .sec_ttl {
  font-size: 1.45rem;
  letter-spacing: 0.05em;
  margin-bottom: 0;
  line-height: 1.45;
}

@media screen and (max-width: 469px) {
  section.sec_intro .sec_ttl {
    font-size: 18px;
    margin-bottom: 24px;
  }
}

@media screen and (min-width: 768px) {
  section.sec_intro .sec_ttl .af_icon {
    width: 42px;
  }
}

section.sec_intro .sec_ttl .subcap {
  margin-bottom: 12px;
  font-weight: 600;
  display: block;
  font-size: 14px;
  letter-spacing: 0.185em;
}

@media screen and (max-width: 469px) {
  section.sec_intro .sec_ttl .subcap {
    font-size: 12px;
  }
}

section.sec_intro .sec_slttl {
  letter-spacing: 0.15em;
  font-size: 1.25rem;
}

@media screen and (max-width: 469px) {
  section.sec_intro .sec_slttl {
    font-size: 1.15rem;
  }
  section.sec_intro .sec_slttl .af_icon {
    width: 13%;
  }
}

@media screen and (max-width: 379px) {
  section.sec_intro .sec_slttl {
    font-size: 5vw;
  }
}

section.sec_intro p {
  line-height: 1.75;
}

@media screen and (min-width: 768px) {
  section.sec_intro p {
    font-size: 1rem;
  }
}

section.sec_intro .bhd_objs {
  width: 100%;
  height: 100%;
  left: 0;
  bottom: 0;
  position: absolute;
}

@media screen and (max-width: 767px) {
  section.sec_intro .bhd_objs {
    height: 35%;
  }
}

section.sec_intro .bhd_objs .fl_item {
  position: absolute;
}

section.sec_intro .bhd_objs .fl_item.fl_01 {
  width: 25%;
  top: -5%;
  left: -5%;
}

@media screen and (max-width: 767px) {
  section.sec_intro .bhd_objs .fl_item.fl_01 {
    display: none;
  }
}

section.sec_intro .bhd_objs .fl_item.fl_02 {
  width: 10%;
  bottom: 0;
  left: 0%;
}

@media screen and (max-width: 767px) {
  section.sec_intro .bhd_objs .fl_item.fl_02 {
    width: 20%;
  }
}

section.sec_intro .bhd_objs .fl_item.fl_03 {
  width: 6%;
  left: 12%;
  bottom: 25%;
}

@media screen and (max-width: 767px) {
  section.sec_intro .bhd_objs .fl_item.fl_03 {
    width: 12%;
    left: 20%;
    bottom: 15%;
  }
}

section.sec_intro .bhd_objs .fl_item.fl_04 {
  width: 24%;
  top: 3%;
  right: -8%;
}

@media screen and (max-width: 767px) {
  section.sec_intro .bhd_objs .fl_item.fl_04 {
    width: 35%;
    right: 5%;
    top: auto;
    bottom: -35%;
  }
}

section.sec_intro .bhd_objs .fl_item.fl_05 {
  width: 24%;
  bottom: -5%;
  right: 2%;
}

@media screen and (max-width: 767px) {
  section.sec_intro .bhd_objs .fl_item.fl_05 {
    width: 38%;
    right: -15%;
    bottom: -8%;
  }
}

section.sec_intro .sq_obj {
  position: absolute;
  z-index: -1;
}

section.sec_intro .sq_obj .inner {
  width: 100%;
  height: 0;
  padding-top: 100%;
  display: block;
  position: relative;
  background: #ccc;
}

section.sec_intro .sq_obj.sq_obj01 {
  width: 76%;
  top: 0;
  left: 0;
}

@media screen and (max-width: 767px) {
  section.sec_intro .sq_obj.sq_obj01 {
    top: 5%;
  }
}

section.sec_intro .sq_obj.sq_obj01 .inner {
  padding-top: 97.75%;
  background: #f5ebe9;
  background: -webkit-gradient(linear, left top, left bottom, from(#f5ebe9), to(#fdf9f9));
  background: linear-gradient(180deg, #f5ebe9 0%, #fdf9f9 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f5ebe9",endColorstr="#fdf9f9",GradientType=1);
}

section.sec_intro .sq_obj.sq_obj02 {
  width: 40%;
  right: 0;
  bottom: 0;
}

section.sec_intro .sq_obj.sq_obj02 .inner {
  padding-top: 101%;
  background: #f3ecf0;
  background: -webkit-gradient(linear, left top, left bottom, from(#f3ecf0), to(#f0eaec));
  background: linear-gradient(180deg, #f3ecf0 0%, #f0eaec 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f3ecf0",endColorstr="#f0eaec",GradientType=1);
}

section.sec_intro .sq_obj.sq_obj03 {
  width: 11%;
  right: 0;
  top: -2%;
}

@media screen and (max-width: 767px) {
  section.sec_intro .sq_obj.sq_obj03 {
    width: 18%;
    top: -10%;
  }
}

section.sec_intro .sq_obj.sq_obj03 .inner {
  padding-top: 189%;
  background: #fcf4eb;
  background: -webkit-gradient(linear, left top, left bottom, from(#fcf4eb), to(#fcf2ee));
  background: linear-gradient(180deg, #fcf4eb 0%, #fcf2ee 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fcf4eb",endColorstr="#fcf2ee",GradientType=1);
}

/*Sec02*/
#sec02 .row_intro {
  margin-bottom: 8rem;
}

@media screen and (max-width: 767px) {
  #sec02 .row_intro {
    margin-bottom: 4rem;
  }
}

#sec02 .row_intro .col_img .inner {
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
  border-radius: 100%;
  overflow: hidden;
}

@media screen and (max-width: 767px) {
  #sec02 .row_intro .col_desc {
    margin-top: 3rem;
  }
}

@media screen and (max-width: 767px) {
  #sec02 .row_intro .col_img .inner,
  #sec02 .row_intro .col_desc .inner {
    max-width: 480px;
    margin-left: auto;
    margin-right: auto;
  }
}

@media screen and (max-width: 469px) {
  #sec02 .row_intro .col_img .inner,
  #sec02 .row_intro .col_desc .inner {
    max-width: 340px;
  }
}

#sec02 .row_intro .p_enttl {
  font-size: 1rem;
  letter-spacing: 0.25em;
  font-weight: 500;
  margin-bottom: 12px;
  color: var(--colorSecondry);
}

@media screen and (max-width: 767px) {
  #sec02 .row_intro .p_enttl {
    margin-bottom: 8px;
  }
}

@media screen and (max-width: 469px) {
  #sec02 .row_intro .p_enttl {
    font-size: 0.95rem;
  }
}

@media screen and (max-width: 379px) {
  #sec02 .row_intro .p_enttl {
    font-size: 4.222222vw;
  }
}

#sec02 .row_intro .ttl {
  font-size: 26px;
  letter-spacing: 0.15em;
  color: var(--colorPrimary);
}

@media screen and (max-width: 469px) {
  #sec02 .row_intro .ttl {
    font-size: 5.4444vw;
    letter-spacing: 0.1em;
  }
}

@media screen and (max-width: 379px) {
  #sec02 .row_intro .ttl {
    font-size: 5.899999vw;
  }
}

#sec02 .row_intro .desc {
  margin-top: 2rem;
}

@media screen and (max-width: 469px) {
  #sec02 .row_intro .desc {
    margin-bottom: 1.5rem;
  }
}

#sec02 .row_intro .desc p {
  line-height: 1.65;
  letter-spacing: 0.15em;
}

@media screen and (min-width: 768px) {
  .item_grouping .row_id_HIOH .row_video .col__img {
    width: 55%;
    margin-right: -5%;
  }
}

.item_grouping .row_id_HIOH .row_video .col__img .inner_video {
  padding-top: 56.25%;
}

@media screen and (max-width: 767px) {
body #cp_body {
padding-top: 0!important;
}
}


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