@charset "UTF-8";
@font-face {
  font-family: "icon";
  src: url("/ec/css/fonts/icon.eot");
  src: url("/ec/css/fonts/icon.eot?#iefix") format("eot"), url("/ec/css/fonts/icon.woff") format("woff"), url("/ec/css/fonts/icon.ttf") format("truetype"), url("/ec/css/fonts/icon.svg#icon") format("svg");
  font-weight: normal;
  font-style: normal; }
[class^="icofont-"]:before, [class*=" icofont-"]:before {
  font-family: "icon";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icofont-01:before {
  content: ""; }

.icofont-02:before {
  content: ""; }

.icofont-03:before {
  content: ""; }

.icofont-04:before {
  content: ""; }

.icofont-05:before {
  content: ""; }

.icofont-06:before {
  content: ""; }

.icofont-07:before {
  content: ""; }

.icofont-08:before {
  content: ""; }

.icofont-09:before {
  content: ""; }

.icofont-10:before {
  content: ""; }

.icofont-11:before {
  content: ""; }

.icofont-12:before {
  content: ""; }

.icofont-13:before {
  content: ""; }

.icofont-14:before {
  content: ""; }

.icofont-15:before {
  content: ""; }

.icofont-16:before {
  content: ""; }

.icofont-17:before {
  content: ""; }

.icofont-18:before {
  content: ""; }

.icofont-19:before {
  content: ""; }

.icofont-20:before {
  content: ""; }

.icofont-21:before {
  content: ""; }

.icofont-22:before {
  content: ""; }

.icofont-23:before {
  content: ""; }

.icofont-24:before {
  content: ""; }

.icofont-25:before {
  content: ""; }

*[class*="ico-ctg0"]:before {
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 50%; }

.ico-ctg01::before {
  background: #e04388; }

.ico-ctg02::before {
  background: #e87c83; }

.ico-ctg03::before {
  background: #65b9b3; }

.ico-ctg04::before {
  background: #dbb029; }

.ico-ctg05::before {
  background: #489ad3; }

.ico-ctg06::before {
  background: #002e79; }

.ico-ctg07::before {
  background: #cb93c3; }

@media (max-width: 768px) {
  .is__pc {
    display: none; } }

@media screen and (min-width: 769px) {
  .is__sp {
    display: none; } }

.is__center {
  text-align: center; }

.tsumiki_sec {
  background-color: #fff; }
  @media (max-width: 768px) {
    .tsumiki_sec {
      padding: 15.385vw 0;
      margin-top: 25.641vw; } }
  @media screen and (min-width: 769px) {
    .tsumiki_sec {
      padding: 120px 0;
      margin-top: 200px; } }
  @media (max-width: 768px) {
    .tsumiki_sec.is__white {
      border-radius: 0 12.821vw; } }
  @media screen and (min-width: 769px) {
    .tsumiki_sec.is__white {
      border-radius: 0 100px; } }
  .tsumiki_sec.is__brown {
    background-color: #FDF9F3; }
    @media (max-width: 768px) {
      .tsumiki_sec.is__brown {
        border-radius: 12.821vw 0; } }
    @media screen and (min-width: 769px) {
      .tsumiki_sec.is__brown {
        border-radius: 100px 0; } }

.tmk_cmn__h2 {
  position: relative;
  color: #775122;
  text-align: center;
  font-weight: 500;
  line-height: 1.5;
  font-family: "Zen Maru Gothic", sans-serif;
  font-weight: 500; }
  @media (max-width: 768px) {
    .tmk_cmn__h2 {
      font-size: 7.179vw; } }
  @media screen and (min-width: 769px) {
    .tmk_cmn__h2 {
      font-size: 56px; } }
  .tmk_cmn__h2 .sub {
    display: block;
    color: #B08968;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: 0.2px; }
    @media (max-width: 768px) {
      .tmk_cmn__h2 .sub {
        font-size: 2.564vw;
        margin-bottom: 2.051vw; } }
    @media screen and (min-width: 769px) {
      .tmk_cmn__h2 .sub {
        font-size: 20px;
        margin-bottom: 16px; } }
  .tmk_cmn__h2 .jp-tight {
    display: inline-block; }
    @media (max-width: 768px) {
      .tmk_cmn__h2 .jp-tight {
        margin: 0 -3.077vw; } }
    @media screen and (min-width: 769px) {
      .tmk_cmn__h2 .jp-tight {
        margin: 0 -24px; } }

.tmk_cmn__txt {
  color: #666;
  text-align: center;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  line-height: 2.0; }
  @media (max-width: 768px) {
    .tmk_cmn__txt {
      font-size: 3.59vw;
      margin-top: 4.103vw; } }
  @media screen and (min-width: 769px) {
    .tmk_cmn__txt {
      font-size: 28px;
      margin-top: 32px; } }
  @media (max-width: 768px) {
    .tmk_cmn__txt.is__small {
      font-size: 3.333vw;
      letter-spacing: 0.385vw; } }
  @media screen and (min-width: 769px) {
    .tmk_cmn__txt.is__small {
      font-size: 26px;
      letter-spacing: 1.5px; } }

@media (max-width: 768px) {
  .tmk_lead .tmk_lead__mv {
    margin-bottom: 12.308vw; } }
@media screen and (min-width: 769px) {
  .tmk_lead .tmk_lead__mv {
    margin-bottom: 96px; } }
.tmk_lead .tmk_lead__mv img {
  width: 100%; }
.tmk_lead .tmk_lead__lead-txt_wrp {
  position: relative; }
  @media (max-width: 768px) {
    .tmk_lead .tmk_lead__lead-txt_wrp {
      padding-top: 6.154vw;
      margin-top: 6.154vw; } }
  @media screen and (min-width: 769px) {
    .tmk_lead .tmk_lead__lead-txt_wrp {
      padding-top: 48px;
      margin-top: 48px; } }
  .tmk_lead .tmk_lead__lead-txt_wrp:before, .tmk_lead .tmk_lead__lead-txt_wrp:after {
    position: absolute;
    content: ""; }
  .tmk_lead .tmk_lead__lead-txt_wrp:before {
    background-color: #DDD;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%); }
    @media (max-width: 768px) {
      .tmk_lead .tmk_lead__lead-txt_wrp:before {
        width: 25.641vw;
        height: 0.256vw; } }
    @media screen and (min-width: 769px) {
      .tmk_lead .tmk_lead__lead-txt_wrp:before {
        width: 200px;
        height: 2px; } }
  .tmk_lead .tmk_lead__lead-txt_wrp:after {
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url("/ec/images/shop1/inc_item/anniversary_tsumiki_coccolestory/coccole_img_memory_bg_01.png");
    right: 0;
    z-index: 0; }
    @media (max-width: 768px) {
      .tmk_lead .tmk_lead__lead-txt_wrp:after {
        width: 128px;
        height: 160px;
        top: 100px; } }
    @media screen and (min-width: 769px) {
      .tmk_lead .tmk_lead__lead-txt_wrp:after {
        width: 256px;
        height: 320px;
        top: 200px; } }
  .tmk_lead .tmk_lead__lead-txt_wrp .tmk_lead__lead-txt {
    color: #666;
    text-align: center;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 350;
    line-height: 1.625; }
    @media (max-width: 768px) {
      .tmk_lead .tmk_lead__lead-txt_wrp .tmk_lead__lead-txt {
        font-size: 3.333vw; } }
    @media screen and (min-width: 769px) {
      .tmk_lead .tmk_lead__lead-txt_wrp .tmk_lead__lead-txt {
        font-size: 26px; } }
    @media (max-width: 768px) {
      .tmk_lead .tmk_lead__lead-txt_wrp .tmk_lead__lead-txt + .tmk_lead__lead-txt {
        margin-top: 5.128vw; } }
    @media screen and (min-width: 769px) {
      .tmk_lead .tmk_lead__lead-txt_wrp .tmk_lead__lead-txt + .tmk_lead__lead-txt {
        margin-top: 40px; } }
@media (max-width: 768px) {
  .tmk_lead .tmk_lead__img-list {
    margin-top: 10.256vw; } }
@media screen and (min-width: 769px) {
  .tmk_lead .tmk_lead__img-list {
    margin-top: 80px; } }
.tmk_lead .tmk_lead__img-list .tmk_lead__img-item {
  margin-right: auto;
  margin-left: auto; }
  @media (max-width: 768px) {
    .tmk_lead .tmk_lead__img-list .tmk_lead__img-item {
      margin-top: 2.564vw;
      width: 71.795vw; } }
  @media screen and (min-width: 769px) {
    .tmk_lead .tmk_lead__img-list .tmk_lead__img-item {
      margin-top: 20px;
      width: 560px; } }

@media (max-width: 768px) {
  .tmk_lineup .tmk_lineup__list {
    margin-top: 10.256vw; } }
@media screen and (min-width: 769px) {
  .tmk_lineup .tmk_lineup__list {
    margin-top: 80px; } }
.tmk_lineup .tmk_lineup__list .tmk_lineup__item {
  display: flex;
  justify-content: center;
  align-items: center; }
  @media (max-width: 768px) {
    .tmk_lineup .tmk_lineup__list .tmk_lineup__item {
      margin-top: 12.308vw;
      gap: 4.103vw; } }
  @media screen and (min-width: 769px) {
    .tmk_lineup .tmk_lineup__list .tmk_lineup__item {
      margin-top: 96px;
      gap: 32px; } }
  .tmk_lineup .tmk_lineup__list .tmk_lineup__item:nth-child(1) {
    margin-top: 0; }
  .tmk_lineup .tmk_lineup__list .tmk_lineup__item.is__reverse {
    flex-direction: row-reverse; }
  .tmk_lineup .tmk_lineup__list .tmk_lineup__item .tmk_lineup__item_img-wrp {
    position: relative; }
    @media (max-width: 768px) {
      .tmk_lineup .tmk_lineup__list .tmk_lineup__item .tmk_lineup__item_img-wrp {
        width: 41.026vw; } }
    @media screen and (min-width: 769px) {
      .tmk_lineup .tmk_lineup__list .tmk_lineup__item .tmk_lineup__item_img-wrp {
        width: 320px; } }
    @media (max-width: 768px) {
      .tmk_lineup .tmk_lineup__list .tmk_lineup__item .tmk_lineup__item_img-wrp .img-top, .tmk_lineup .tmk_lineup__list .tmk_lineup__item .tmk_lineup__item_img-wrp .img-bottom {
        width: 41.026vw;
        height: 30.769vw; } }
    @media screen and (min-width: 769px) {
      .tmk_lineup .tmk_lineup__list .tmk_lineup__item .tmk_lineup__item_img-wrp .img-top, .tmk_lineup .tmk_lineup__list .tmk_lineup__item .tmk_lineup__item_img-wrp .img-bottom {
        width: 320px;
        height: 240px; } }
    .tmk_lineup .tmk_lineup__list .tmk_lineup__item .tmk_lineup__item_img-wrp .img-bottom {
      position: absolute;
      z-index: -1; }
      @media (max-width: 768px) {
        .tmk_lineup .tmk_lineup__list .tmk_lineup__item .tmk_lineup__item_img-wrp .img-bottom {
          top: 1.026vw;
          left: 1.026vw; } }
      @media screen and (min-width: 769px) {
        .tmk_lineup .tmk_lineup__list .tmk_lineup__item .tmk_lineup__item_img-wrp .img-bottom {
          top: 8px;
          left: 8px; } }
  @media (max-width: 768px) {
    .tmk_lineup .tmk_lineup__list .tmk_lineup__item .tmk_lineup__item_txt-wrp {
      width: 42.051vw; } }
  @media screen and (min-width: 769px) {
    .tmk_lineup .tmk_lineup__list .tmk_lineup__item .tmk_lineup__item_txt-wrp {
      width: 328px; } }
  .tmk_lineup .tmk_lineup__list .tmk_lineup__item .tmk_lineup__item_txt-wrp .ctg-ttl {
    color: #444;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 400;
    line-height: 1.5; }
    @media (max-width: 768px) {
      .tmk_lineup .tmk_lineup__list .tmk_lineup__item .tmk_lineup__item_txt-wrp .ctg-ttl {
        font-size: 4.615vw; } }
    @media screen and (min-width: 769px) {
      .tmk_lineup .tmk_lineup__list .tmk_lineup__item .tmk_lineup__item_txt-wrp .ctg-ttl {
        font-size: 36px; } }
  .tmk_lineup .tmk_lineup__list .tmk_lineup__item .tmk_lineup__item_txt-wrp .ctg-txt {
    color: #666;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 350;
    line-height: 1.5;
    letter-spacing: 2px; }
    @media (max-width: 768px) {
      .tmk_lineup .tmk_lineup__list .tmk_lineup__item .tmk_lineup__item_txt-wrp .ctg-txt {
        font-size: 3.077vw;
        margin-top: 3.077vw; } }
    @media screen and (min-width: 769px) {
      .tmk_lineup .tmk_lineup__list .tmk_lineup__item .tmk_lineup__item_txt-wrp .ctg-txt {
        font-size: 24px;
        margin-top: 24px; } }

.tmk_shape .shape__sec__wrp {
  position: relative; }
  @media screen and (min-width: 769px) {
    .tmk_shape .shape__sec__wrp {
      padding: 0 50px;
      margin-top: 48px; } }
  @media (max-width: 768px) {
    .tmk_shape .shape__sec__wrp {
      padding: 0 6.41vw;
      margin-top: 6.154vw; } }
  @media screen and (min-width: 769px) {
    .tmk_shape .shape__sec__wrp .slick-dots {
      margin-top: 48px !important; } }
  @media (max-width: 768px) {
    .tmk_shape .shape__sec__wrp .slick-dots {
      margin-top: 6.154vw !important; } }
  .tmk_shape .shape__sec__wrp .slick-dots li {
    border-radius: 50% !important; }
    @media screen and (min-width: 769px) {
      .tmk_shape .shape__sec__wrp .slick-dots li {
        margin: 0 15px 0 0; } }
    @media (max-width: 768px) {
      .tmk_shape .shape__sec__wrp .slick-dots li {
        margin: 0 3.846vw 0 0;
        z-index: 1; } }
    .tmk_shape .shape__sec__wrp .slick-dots li:last-child {
      margin-right: 0; }
  @media screen and (min-width: 769px) {
    .tmk_shape .shape__sec__wrp .slick-dots button {
      width: 216px;
      height: 216px;
      border-radius: 16px !important; } }
  @media (max-width: 768px) {
    .tmk_shape .shape__sec__wrp .slick-dots button {
      width: 27.692vw;
      height: 27.692vw;
      border-radius: 2.051vw !important; } }
  @media (max-width: 768px) {
    .tmk_shape .shape__sec__wrp .slick-dots .slick-active {
      z-index: 1; } }
  @media screen and (min-width: 769px) {
    .tmk_shape .shape__sec__wrp .slick-dots .slick-active button {
      border: 2px solid #fff; } }
  @media (max-width: 768px) {
    .tmk_shape .shape__sec__wrp .slick-dots .slick-active button {
      border: 0.513vw solid #fff;
      z-index: 1; } }
  @media screen and (min-width: 769px) {
    .tmk_shape .shape__sec__wrp .color__carousel {
      margin-top: 20px; } }
  @media (max-width: 768px) {
    .tmk_shape .shape__sec__wrp .color__carousel {
      margin-top: 5.128vw; } }
  .tmk_shape .shape__sec__wrp .color__carousel .color__carousel__ttl {
    text-align: center;
    font-weight: bold;
    font-family: 'Noto Serif JP', serif; }
    @media screen and (min-width: 769px) {
      .tmk_shape .shape__sec__wrp .color__carousel .color__carousel__ttl {
        font-size: 24px; } }
    @media (max-width: 768px) {
      .tmk_shape .shape__sec__wrp .color__carousel .color__carousel__ttl {
        font-size: 4.615vw;
        letter-spacing: -0.1282vw; } }
  .tmk_shape .shape__sec__wrp .shape__carousel__list .shape__carousel__item {
    margin: 0 auto; }
  .tmk_shape .shape__sec__wrp .tmk_shape__txt {
    color: #6B635A;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 400;
    line-height: 1.85;
    letter-spacing: 0.35px; }
    @media (max-width: 768px) {
      .tmk_shape .shape__sec__wrp .tmk_shape__txt {
        font-size: 3.59vw;
        margin-top: 6.154vw; } }
    @media screen and (min-width: 769px) {
      .tmk_shape .shape__sec__wrp .tmk_shape__txt {
        font-size: 28px;
        margin-top: 48px; } }

.tmk_safety {
  position: relative; }
  .tmk_safety:before, .tmk_safety:after {
    position: absolute;
    content: "";
    background-repeat: no-repeat;
    background-size: cover; }
  .tmk_safety:before {
    background-image: url("/ec/images/shop1/inc_item/anniversary_tsumiki_coccolestory/coccole_img_safety_bg_01.png"); }
    @media (max-width: 768px) {
      .tmk_safety:before {
        width: 24.615vw;
        height: 24.615vw;
        top: 10.256vw;
        right: 7.692vw; } }
    @media screen and (min-width: 769px) {
      .tmk_safety:before {
        width: 192px;
        height: 192px;
        top: 80px;
        right: 60px; } }
  .tmk_safety:after {
    background-image: url("/ec/images/shop1/inc_item/anniversary_tsumiki_coccolestory/coccole_img_safety_bg_02.png"); }
    @media (max-width: 768px) {
      .tmk_safety:after {
        width: 12.308vw;
        height: 16.41vw;
        bottom: 36.667vw;
        left: 0; } }
    @media screen and (min-width: 769px) {
      .tmk_safety:after {
        width: 96px;
        height: 128px;
        bottom: 286px;
        left: 0; } }
  .tmk_safety .tmk_safety__img {
    text-align: center; }
    @media (max-width: 768px) {
      .tmk_safety .tmk_safety__img img {
        width: 57.436vw;
        margin: 8.205vw 0; } }
    @media screen and (min-width: 769px) {
      .tmk_safety .tmk_safety__img img {
        width: 448px;
        margin: 64px 0; } }

.tmk_memories .tmk_memories__list__01 {
  display: flex;
  flex-wrap: wrap; }
  @media (max-width: 768px) {
    .tmk_memories .tmk_memories__list__01 {
      margin-top: 6.154vw;
      padding: 0 6.41vw; } }
  @media screen and (min-width: 769px) {
    .tmk_memories .tmk_memories__list__01 {
      margin-top: 48px;
      padding: 0 50px; } }
  @media (max-width: 768px) {
    .tmk_memories .tmk_memories__list__01 .tmk_memories__item {
      width: calc((100% - 3.077vw) / 2);
      border-radius: 2.051vw;
      margin-bottom: 3.077vw; } }
  @media screen and (min-width: 769px) {
    .tmk_memories .tmk_memories__list__01 .tmk_memories__item {
      width: calc((100% - 24px) / 2);
      border-radius: 16px;
      margin-bottom: 24px; } }
  @media (max-width: 768px) {
    .tmk_memories .tmk_memories__list__01 .tmk_memories__item:nth-child(2n) {
      margin-left: 3.077vw; } }
  @media screen and (min-width: 769px) {
    .tmk_memories .tmk_memories__list__01 .tmk_memories__item:nth-child(2n) {
      margin-left: 24px; } }
.tmk_memories .tmk_memories__txt__01 {
  color: #6B635A;
  font-family: "Noto Sans JP", sans-serif;
  line-height: 1.85;
  letter-spacing: 0.35px; }
  @media (max-width: 768px) {
    .tmk_memories .tmk_memories__txt__01 {
      margin-top: 6.154vw;
      font-size: 3.59vw;
      padding: 0 6.41vw; } }
  @media screen and (min-width: 769px) {
    .tmk_memories .tmk_memories__txt__01 {
      margin-top: 48px;
      font-size: 28px;
      padding: 0 50px; } }
.tmk_memories .tmk_memories__list__02 {
  display: flex;
  flex-direction: column; }
  @media (max-width: 768px) {
    .tmk_memories .tmk_memories__list__02 {
      margin-top: 14.359vw;
      gap: 8.205vw; } }
  @media screen and (min-width: 769px) {
    .tmk_memories .tmk_memories__list__02 {
      margin-top: 112px;
      gap: 64px; } }
  @media (max-width: 768px) {
    .tmk_memories .tmk_memories__list__02 .tmk_memories__item {
      width: 82.051vw; } }
  @media screen and (min-width: 769px) {
    .tmk_memories .tmk_memories__list__02 .tmk_memories__item {
      width: 640px; } }
  .tmk_memories .tmk_memories__list__02 .tmk_memories__item:nth-child(1) {
    position: relative; }
    .tmk_memories .tmk_memories__list__02 .tmk_memories__item:nth-child(1):before {
      position: absolute;
      content: "";
      background-repeat: no-repeat;
      background-size: cover;
      background-image: url("/ec/images/shop1/inc_item/anniversary_tsumiki_coccolestory/coccole_img_memories_bg_01.png");
      z-index: -1; }
      @media (max-width: 768px) {
        .tmk_memories .tmk_memories__list__02 .tmk_memories__item:nth-child(1):before {
          width: 40px;
          height: 49px;
          top: -10px;
          right: -20px; } }
      @media screen and (min-width: 769px) {
        .tmk_memories .tmk_memories__list__02 .tmk_memories__item:nth-child(1):before {
          width: 80px;
          height: 98px;
          top: -20px;
          right: -40px; } }
  .tmk_memories .tmk_memories__list__02 .tmk_memories__item:nth-child(2) {
    position: relative; }
    .tmk_memories .tmk_memories__list__02 .tmk_memories__item:nth-child(2):before {
      position: absolute;
      content: "";
      background-repeat: no-repeat;
      background-size: cover;
      background-image: url("/ec/images/shop1/inc_item/anniversary_tsumiki_coccolestory/coccole_img_memories_bg_02.png");
      right: 0;
      z-index: -1; }
      @media (max-width: 768px) {
        .tmk_memories .tmk_memories__list__02 .tmk_memories__item:nth-child(2):before {
          width: 98px;
          height: 160px;
          top: -42px; } }
      @media screen and (min-width: 769px) {
        .tmk_memories .tmk_memories__list__02 .tmk_memories__item:nth-child(2):before {
          width: 196px;
          height: 320px;
          top: -84px; } }
  .tmk_memories .tmk_memories__list__02 .tmk_memories__item:nth-child(2n) {
    margin-left: auto; }
  .tmk_memories .tmk_memories__list__02 .tmk_memories__item:nth-child(2n+1) {
    margin-right: auto; }
  .tmk_memories .tmk_memories__list__02 .tmk_memories__item .tmk_memories__item__img img {
    width: 100%; }
  .tmk_memories .tmk_memories__list__02 .tmk_memories__item .tmk_memories__item__txt {
    color: #666;
    font-family: "Noto Sans JP", sans-serif;
    line-height: 1.5; }
    @media (max-width: 768px) {
      .tmk_memories .tmk_memories__list__02 .tmk_memories__item .tmk_memories__item__txt {
        font-size: 3.077vw;
        margin-top: 2.051vw;
        padding-left: 4.103vw; } }
    @media screen and (min-width: 769px) {
      .tmk_memories .tmk_memories__list__02 .tmk_memories__item .tmk_memories__item__txt {
        font-size: 24px;
        margin-top: 16px;
        padding-left: 32px; } }

@media (max-width: 768px) {
  .tmk_reasons .tmk_reasons__list_wrp {
    margin-top: 8.205vw;
    padding: 0 6.41vw; } }
@media screen and (min-width: 769px) {
  .tmk_reasons .tmk_reasons__list_wrp {
    margin-top: 64px;
    padding: 0 50px; } }
.tmk_reasons .tmk_reasons__list_wrp .tmk_reasons__list {
  display: flex;
  flex-direction: column; }
  @media (max-width: 768px) {
    .tmk_reasons .tmk_reasons__list_wrp .tmk_reasons__list {
      gap: 6.154vw; } }
  @media screen and (min-width: 769px) {
    .tmk_reasons .tmk_reasons__list_wrp .tmk_reasons__list {
      gap: 48px; } }
  .tmk_reasons .tmk_reasons__list_wrp .tmk_reasons__list .tmk_reasons__item {
    position: relative; }
    @media (max-width: 768px) {
      .tmk_reasons .tmk_reasons__list_wrp .tmk_reasons__list .tmk_reasons__item {
        width: 82.051vw; } }
    @media screen and (min-width: 769px) {
      .tmk_reasons .tmk_reasons__list_wrp .tmk_reasons__list .tmk_reasons__item {
        width: 640px; } }
    .tmk_reasons .tmk_reasons__list_wrp .tmk_reasons__list .tmk_reasons__item:nth-child(2n) {
      margin-left: auto; }
    .tmk_reasons .tmk_reasons__list_wrp .tmk_reasons__list .tmk_reasons__item .tmk_reasons__item_bg img {
      width: 100%; }
    .tmk_reasons .tmk_reasons__list_wrp .tmk_reasons__list .tmk_reasons__item .tmk_reasons__item_txt {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      color: #8B7355;
      font-family: "Noto Sans JP", sans-serif;
      line-height: 1.62;
      letter-spacing: 0.35px; }
      @media (max-width: 768px) {
        .tmk_reasons .tmk_reasons__list_wrp .tmk_reasons__list .tmk_reasons__item .tmk_reasons__item_txt {
          left: 22.564vw;
          font-size: 3.59vw; } }
      @media screen and (min-width: 769px) {
        .tmk_reasons .tmk_reasons__list_wrp .tmk_reasons__list .tmk_reasons__item .tmk_reasons__item_txt {
          left: 176px;
          font-size: 28px; } }

.js-leadFadeUpTrigger > * {
  opacity: 0; }

.js-leadFadeUpTrigger > *.fadeUp {
  animation-name: fadeUpAnime;
  animation-duration: 1.5s;
  animation-fill-mode: forwards;
  opacity: 0; }

.js-contentFadeUpTrigger {
  opacity: 0; }

.js-contentFadeUpTrigger.fadeUp {
  animation-name: fadeUpAnime;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  opacity: 0; }

@keyframes fadeUpAnime {
  from {
    opacity: 0;
    transform: translateY(20px); }
  to {
    opacity: 1;
    transform: translateY(0); } }
.js-leadFadeLeftTrigger > * {
  opacity: 0; }

.js-leadFadeLeftTrigger > *.fadeLeft {
  animation-name: fadeLeftAnime;
  animation-duration: 1.5s;
  animation-fill-mode: forwards; }

.js-contentFadeLeftTrigger {
  opacity: 0; }

.js-contentFadeLeftTrigger.fadeLeft {
  animation-name: fadeLeftAnime;
  animation-duration: 1s;
  animation-fill-mode: forwards; }

@keyframes fadeLeftAnime {
  from {
    opacity: 0;
    transform: translateX(30px); }
  to {
    opacity: 1;
    transform: translateX(0); } }
.js-leadFadeRightTrigger > * {
  opacity: 0; }

.js-leadFadeRightTrigger > *.fadeRight {
  animation-name: fadeRightAnime;
  animation-duration: 1.5s;
  animation-fill-mode: forwards; }

.js-contentFadeRightTrigger {
  opacity: 0; }

.js-contentFadeRightTrigger.fadeRight {
  animation-name: fadeRightAnime;
  animation-duration: 1s;
  animation-fill-mode: forwards; }

@keyframes fadeRightAnime {
  from {
    opacity: 0;
    transform: translateX(-30px); }
  to {
    opacity: 1;
    transform: translateX(0); } }
.tmk_safety__img img {
  opacity: 0;
  vertical-align: middle;
  transform: scale(0.3);
  transition: all 2s ease-in-out .3s; }

.tmk_safety__img.js-on img {
  opacity: 1;
  transform: scale(1); }

/* 積み上げアニメーションの初期状態 */
.tmk_lead__img-item {
  opacity: 0;
  transform: translateY(100px);
  /* サンプルのfromYに相当 */
  transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1), opacity 1.5s ease-out;
  transition-delay: var(--delay); }

/* 発火時の状態 */
.tmk_lead__img-item.is-stacked {
  opacity: 1;
  transform: translateY(0); }

.tmk_lineup__item_img-wrp {
  position: relative; }
  @media (max-width: 768px) {
    .tmk_lineup__item_img-wrp {
      width: 41.026vw;
      height: 30.769vw; } }
  @media screen and (min-width: 769px) {
    .tmk_lineup__item_img-wrp {
      width: 320px;
      height: 240px; } }
  .tmk_lineup__item_img-wrp .img-top, .tmk_lineup__item_img-wrp .img-bottom {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: opacity 1.5s ease-in-out; }
  .tmk_lineup__item_img-wrp .img-top {
    z-index: 2;
    opacity: 1; }
  .tmk_lineup__item_img-wrp .img-bottom {
    z-index: 1;
    opacity: 0; }
  .tmk_lineup__item_img-wrp.is-switch .img-top {
    opacity: 0; }
  .tmk_lineup__item_img-wrp.is-switch .img-bottom {
    opacity: 1; }

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