@font-face {
  font-family: 'Noto Serif Japanese';
  font-style: normal;
  font-weight: 400;
  src: url("../font/noto-serif-jp-v7-latin_japanese-regular.woff") format('woff');
  font-display: swap;
}
@font-face {
  font-family: 'Noto Serif Japanese';
  font-style: normal;
  font-weight: 700;
  src: url("../font/noto-serif-jp-v7-latin_japanese-700.woff") format('woff');
  font-display: swap;
}
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}
html {
  line-height: 1;
}
ol,
ul {
  list-style: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
caption,
th,
td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}
q,
blockquote {
  quotes: none;
}
qbefore,
qafter,
blockquotebefore,
blockquoteafter {
  content: "";
  content: none;
}
a img {
  border: none;
}
a {
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}
img {
  vertical-align: bottom;
  border: none;
}
button,
input,
select,
textarea {
  vertical-align: middle;
}
button,
input {
  line-height: normal;
}
button-moz-focus-inner,
input-moz-focus-inner {
  padding: 0;
  border: 0;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: button;
}
label,
select,
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
input[type="radio"],
input[type="checkbox"] {
  cursor: pointer;
}
textarea {
  overflow: auto;
  vertical-align: top;
  font-family: sans-serif;
}
*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
@media screen and (min-width: 751px) {
  html,
  body {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    color: #000;
  }
}
@media screen and (max-width: 750px) {
  html,
  body {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    color: #000;
  }
}
.l-bodywrapper * {
  background-color: rgba(0,0,0,0);
}
a {
  text-decoration: none;
}
a:hover {
  text-decoration: none;
}
@media screen and (min-width: 751px) {
  .c-bg-texture {
    width: 100%;
    background: url("../img/common/parts/bg-texture.jpg");
  }
}
@media screen and (max-width: 750px) {
  .c-bg-texture {
    width: 100%;
    background: url("../img/common/parts/bg-texture-sp.jpg");
    background-size: 100% auto;
  }
}
@media screen and (min-width: 751px) {
  .c-bg-redgradation {
    width: 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(#ac0a18), to(#d80c1e));
    background: linear-gradient(#ac0a18, #d80c1e);
  }
}
@media screen and (max-width: 750px) {
  .c-bg-redgradation {
    width: 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(#ac0a18), to(#d80c1e));
    background: linear-gradient(#ac0a18, #d80c1e);
  }
}
@media screen and (min-width: 751px) {
  .c-block-contents {
    width: 980px;
    margin: 0 auto;
    position: relative;
  }
}
@media screen and (max-width: 750px) {
  .c-block-contents {
    width: 91.46666666666667vw;
    margin: 0 auto;
    position: relative;
  }
}
@media screen and (min-width: 751px) {
  .c-block-box {
    width: 100%;
    border-radius: 12px;
    background-color: #fff;
    position: relative;
    -webkit-box-shadow: 0 10px 10px rgba(0,0,0,0.1);
            box-shadow: 0 10px 10px rgba(0,0,0,0.1);
  }
  .c-block-box__lt {
    background-image: url("../img/common/parts/box-lt.png");
    background-repeat: no-repeat;
    background-position: center center;
    width: 24px;
    height: 24px;
    display: block;
    text-indent: -9999px;
    position: absolute;
    left: 30px;
    top: 30px;
  }
  .c-block-box__rt {
    background-image: url("../img/common/parts/box-rt.png");
    background-repeat: no-repeat;
    background-position: center center;
    width: 24px;
    height: 24px;
    display: block;
    text-indent: -9999px;
    position: absolute;
    right: 30px;
    top: 30px;
  }
  .c-block-box__rb {
    background-image: url("../img/common/parts/box-rb.png");
    background-repeat: no-repeat;
    background-position: center center;
    width: 24px;
    height: 24px;
    display: block;
    text-indent: -9999px;
    position: absolute;
    right: 30px;
    bottom: 30px;
  }
  .c-block-box__lb {
    background-image: url("../img/common/parts/box-lb.png");
    background-repeat: no-repeat;
    background-position: center center;
    width: 24px;
    height: 24px;
    display: block;
    text-indent: -9999px;
    position: absolute;
    left: 30px;
    bottom: 30px;
  }
  .c-block-box__inner {
    padding: 0 95px;
  }
}
@media screen and (max-width: 750px) {
  .c-block-box {
    width: 100%;
    border-radius: 1.6vw;
    background-color: #fff;
    position: relative;
    -webkit-box-shadow: 0 2.666666666666667vw 2.666666666666667vw rgba(0,0,0,0.1);
            box-shadow: 0 2.666666666666667vw 2.666666666666667vw rgba(0,0,0,0.1);
  }
  .c-block-box__lt {
    background-image: url("../img/common/parts/box-lt-sp.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    width: 6.133333333333333vw;
    height: 6.133333333333333vw;
    display: block;
    text-indent: -9999px;
    position: absolute;
    left: 2.666666666666667vw;
    top: 2.666666666666667vw;
  }
  .c-block-box__rt {
    background-image: url("../img/common/parts/box-rt-sp.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    width: 6.133333333333333vw;
    height: 6.133333333333333vw;
    display: block;
    text-indent: -9999px;
    position: absolute;
    right: 2.666666666666667vw;
    top: 2.666666666666667vw;
  }
  .c-block-box__rb {
    background-image: url("../img/common/parts/box-rb-sp.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    width: 6.133333333333333vw;
    height: 6.133333333333333vw;
    display: block;
    text-indent: -9999px;
    position: absolute;
    right: 2.666666666666667vw;
    bottom: 2.666666666666667vw;
  }
  .c-block-box__lb {
    background-image: url("../img/common/parts/box-lb-sp.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    width: 6.133333333333333vw;
    height: 6.133333333333333vw;
    display: block;
    text-indent: -9999px;
    position: absolute;
    left: 2.666666666666667vw;
    bottom: 2.666666666666667vw;
  }
  .c-block-box__inner {
    padding: 0 5.333333333333334vw;
  }
}
.c-btn-gold {
  background-color: #c7a14f;
}
.c-btn-red {
  background-color: #d80c1e;
}
.c-btn-blue {
  background-color: #1da1f2;
}
@media screen and (min-width: 751px) {
  .c-btn-gold,
  .c-btn-red,
  .c-btn-blue {
    display: block;
    position: relative;
    width: 420px;
    height: 90px;
    margin: 0 auto;
    border-radius: 45px;
    font-family: 'Noto Serif Japanese', serif, sans-serif;
    font-weight: 700;
    color: #fff;
    font-size: 17px;
    text-align: center;
    line-height: 90px;
    -webkit-box-shadow: 0 10px 10px rgba(0,0,0,0.1);
            box-shadow: 0 10px 10px rgba(0,0,0,0.1);
    -webkit-transition: -webkit-transform 300ms;
    transition: -webkit-transform 300ms;
    transition: transform 300ms;
    transition: transform 300ms, -webkit-transform 300ms;
    letter-spacing: 0.04rem;
  }
  .c-btn-gold:hover,
  .c-btn-red:hover,
  .c-btn-blue:hover {
    -webkit-transform: scale(1.03);
            transform: scale(1.03);
  }
  .icon-twitter {
    background-image: url("../img/common/parts/ico-twitter.png");
    background-repeat: no-repeat;
    background-position: center center;
    width: 27px;
    height: 22px;
    display: block;
    text-indent: -9999px;
    display: inline-block;
    position: relative;
    top: 6px;
    margin-right: 8px;
  }
}
@media screen and (max-width: 750px) {
  .c-btn-gold,
  .c-btn-red,
  .c-btn-blue {
    display: block;
    position: relative;
    width: 69.33333333333334vw;
    height: 16vw;
    margin: 0 auto;
    border-radius: 8vw;
    font-family: 'Noto Serif Japanese', serif, sans-serif;
    font-weight: 700;
    color: #fff;
    font-size: 3.733333333333334vw;
    text-align: center;
    line-height: 16vw;
    -webkit-box-shadow: 0 2.666666666666667vw 2.666666666666667vw rgba(0,0,0,0.1);
            box-shadow: 0 2.666666666666667vw 2.666666666666667vw rgba(0,0,0,0.1);
    letter-spacing: 0.04rem;
  }
  .icon-twitter {
    background-image: url("../img/common/parts/ico-twitter-sp.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    width: 4.933333333333334vw;
    height: 3.999996vw;
    display: block;
    text-indent: -9999px;
    display: inline-block;
    position: relative;
    top: 0.8vw;
    margin-right: 1.066666666666667vw;
  }
}
.slick-slider {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}
.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.slick-track:before,
.slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}
.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}
[dir="rtl"] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
  display: none;
}
@media screen and (min-width: 751px) {
  .c-txt-underline {
    text-decoration: underline;
  }
}
@media screen and (max-width: 750px) {
  .c-txt-underline {
    text-decoration: underline;
  }
}
@media screen and (min-width: 751px) {
  .c-txt-red {
    color: #d80c1e;
  }
}
@media screen and (max-width: 750px) {
  .c-txt-red {
    color: #d80c1e;
  }
}
.clearfix {
  zoom: 1;
}
.clearfix:after,
.clearfix:before {
  content: "";
  display: table;
}
.clearfix:after {
  clear: both;
}
@media screen and (min-width: 751px) {
  .sp {
    display: none;
  }
}
@media screen and (max-width: 750px) {
  .pc {
    display: none;
  }
}
@media screen and (min-width: 751px) {
  .nano {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
  }
  .nano > .nano-content {
    position: absolute;
    overflow: scroll;
    overflow-x: hidden;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding-right: 20px;
  }
  .nano > .nano-content:focus {
    outline: thin dotted;
  }
  .nano > .nano-content::-webkit-scrollbar {
    display: none;
  }
  .has-scrollbar > .nano-content::-webkit-scrollbar {
    display: block;
  }
  .nano > .nano-pane {
    background: rgba(0,0,0,0);
    position: absolute;
    width: 2px;
    right: 0;
    top: 0;
    bottom: 0;
    visibility: hidden 9;
/* Target only IE7 and IE8 with this hack */
    opacity: 0.5;
    -webkit-transition: 0.2s;
    transition: 0.2s;
    border-radius: 2px;
  }
  .nano > .nano-pane > .nano-slider {
    background: #ccc;
    position: relative;
    margin: 0;
    border-radius: 2px;
  }
  .nano:hover > .nano-pane,
  .nano-pane.active,
  .nano-pane.flashed {
    visibility: visible 9;
/* Target only IE7 and IE8 with this hack */
    opacity: 1;
  }
}
.slick-slider {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}
.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.slick-track:before,
.slick-track:after {
  display: table;
  content: '';
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}
.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
  outline: none;
}
[dir='rtl'] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
  display: none;
}
@media screen and (min-width: 751px) {
  .l-bodywrapper {
    width: 100%;
    overflow: hidden;
    position: relative;
  }
  .l-bodywrapper > * {
    font-size: 14px;
    letter-spacing: 0rem;
    font-family: YuGothic, '游ゴシック', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  }
}
@media screen and (max-width: 750px) {
  .l-bodywrapper {
    width: 100%;
    overflow: hidden;
    position: relative;
  }
  .l-bodywrapper > * {
    font-size: 3.2vw;
    letter-spacing: 0rem;
    font-family: YuGothic, '游ゴシック', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  }
}
@media screen and (min-width: 751px) {
  .l-footer {
    position: relative;
    padding-top: 100px;
  }
  .l-footer__inner1 {
    width: 1170px;
    height: 360px;
    margin: 0 auto;
    border-top: 1px solid #dcdcdc;
    position: relative;
  }
  .l-footer__inner2 {
    width: 1110px;
    margin: 0 auto;
    position: relative;
  }
  .l-footer__pagetop {
    display: block;
    position: absolute;
    right: 30px;
    top: -42px;
    z-index: 1;
    width: 82px;
    height: 82px;
    background-color: #fff;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 26px rgba(0,0,0,0.12);
            box-shadow: 0 0 26px rgba(0,0,0,0.12);
    cursor: pointer;
  }
  .l-footer__pagetop:after {
    content: "";
    background-image: url("../img/common/footer/pagetop.png");
    background-repeat: no-repeat;
    background-position: center center;
    width: 30px;
    height: 30px;
    display: block;
    text-indent: -9999px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    -webkit-transition: -webkit-transform 200ms;
    transition: -webkit-transform 200ms;
    transition: transform 200ms;
    transition: transform 200ms, -webkit-transform 200ms;
  }
  .l-footer__pagetop:hover:after {
    -webkit-transform: translateY(-2px);
            transform: translateY(-2px);
  }
  .l-footer__logo {
    background-image: url("../img/common/footer/logo.png");
    background-repeat: no-repeat;
    background-position: center center;
    width: 252px;
    height: 39px;
    display: block;
    text-indent: -9999px;
    display: block;
    position: absolute;
    left: 0px;
    top: 102px;
    right: auto;
    bottom: auto;
    z-index: 1;
  }
  .l-footer__sns {
    display: block;
    position: absolute;
    left: 0px;
    top: 236px;
    right: auto;
    bottom: auto;
    z-index: 1;
  }
  .l-footer__sns__title {
    background-image: url("../img/common/footer/follow.png");
    background-repeat: no-repeat;
    background-position: center center;
    width: 88px;
    height: 13px;
    display: block;
    text-indent: -9999px;
    display: block;
    position: absolute;
    left: 0;
    top: 8px;
    right: auto;
    bottom: auto;
    z-index: 1;
  }
  .l-footer__sns__instagram {
    background-image: url("../img/common/footer/ico_instagram.png");
    background-repeat: no-repeat;
    background-position: center center;
    width: 32px;
    height: 32px;
    display: block;
    text-indent: -9999px;
    margin-left: 112px;
  }
  .l-footer__sns__twitter {
    background-image: url("../img/common/footer/ico_twitter.png");
    background-repeat: no-repeat;
    background-position: center center;
    width: 32px;
    height: 32px;
    display: block;
    text-indent: -9999px;
  }
  .l-footer__sns__facebook {
    background-image: url("../img/common/footer/ico_facebook.png");
    background-repeat: no-repeat;
    background-position: center center;
    width: 32px;
    height: 32px;
    display: block;
    text-indent: -9999px;
  }
  .l-footer__sns__youtube {
    background-image: url("../img/common/footer/ico_youtube.png");
    background-repeat: no-repeat;
    background-position: center center;
    width: 32px;
    height: 32px;
    display: block;
    text-indent: -9999px;
  }
  .l-footer__sns__instagram,
  .l-footer__sns__twitter,
  .l-footer__sns__facebook,
  .l-footer__sns__youtube {
    float: left;
    margin-right: 7px;
  }
  .l-footer__sns__instagram:hover,
  .l-footer__sns__twitter:hover,
  .l-footer__sns__facebook:hover,
  .l-footer__sns__youtube:hover {
    opacity: 0.8;
  }
  .l-footer__copyright {
    background-image: url("../img/common/footer/copyright.png");
    background-repeat: no-repeat;
    background-position: center center;
    width: 246px;
    height: 18px;
    display: block;
    text-indent: -9999px;
    display: block;
    position: absolute;
    right: 0px;
    top: 236px;
    z-index: 1;
  }
}
@media screen and (max-width: 750px) {
  .l-footer {
    position: relative;
    padding-top: 16vw;
  }
  .l-footer__inner1 {
    width: 100%;
    height: 80vw;
    margin: 0 auto;
    border-top: 1px solid #dcdcdc;
    position: relative;
  }
  .l-footer__inner2 {
    width: 100%;
    margin: 0 auto;
    position: relative;
    padding-top: 10vw;
  }
  .l-footer__pagetop {
    display: block;
    position: absolute;
    right: 4vw;
    top: -5.600000000000001vw;
    z-index: 1;
    width: 11.200000000000001vw;
    height: 11.200000000000001vw;
    background-color: #fff;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 3.466666666666666vw rgba(0,0,0,0.12);
            box-shadow: 0 0 3.466666666666666vw rgba(0,0,0,0.12);
  }
  .l-footer__pagetop:after {
    content: "";
    background-image: url("../img/common/footer/pagetop_sp.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    width: 4vw;
    height: 4vw;
    display: block;
    text-indent: -9999px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
  }
  .l-footer__logo {
    background-image: url("../img/common/footer/logo_sp.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    width: 51.46666666666667vw;
    height: 7.866680000000001vw;
    display: block;
    text-indent: -9999px;
    margin: 0 auto 0;
  }
  .l-footer__sns {
    zoom: 1;
    margin-top: 9.333333333333334vw;
  }
  .l-footer__sns:after,
  .l-footer__sns:before {
    content: "";
    display: table;
  }
  .l-footer__sns:after {
    clear: both;
  }
  .l-footer__sns__title {
    background-image: url("../img/common/footer/follow_sp.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    width: 18vw;
    height: 2.6667vw;
    display: block;
    text-indent: -9999px;
    margin: 0 auto 4.399999999999999vw;
  }
  .l-footer__sns__instagram {
    background-image: url("../img/common/footer/ico_instagram_sp.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    width: 10.666666666666668vw;
    height: 10.666666666666668vw;
    display: block;
    text-indent: -9999px;
    margin-left: 22.133333333333333vw;
  }
  .l-footer__sns__twitter {
    background-image: url("../img/common/footer/ico_twitter_sp.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    width: 10.666666666666668vw;
    height: 10.666666666666668vw;
    display: block;
    text-indent: -9999px;
  }
  .l-footer__sns__facebook {
    background-image: url("../img/common/footer/ico_facebook_sp.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    width: 10.666666666666668vw;
    height: 10.666666666666668vw;
    display: block;
    text-indent: -9999px;
  }
  .l-footer__sns__youtube {
    background-image: url("../img/common/footer/ico_youtube_sp.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    width: 10.666666666666668vw;
    height: 10.666666666666668vw;
    display: block;
    text-indent: -9999px;
  }
  .l-footer__sns__instagram,
  .l-footer__sns__twitter,
  .l-footer__sns__facebook,
  .l-footer__sns__youtube {
    float: left;
    margin-right: 4vw;
  }
  .l-footer__copyright {
    background-image: url("../img/common/footer/copyright_sp.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    width: 48.8vw;
    height: 3.333528vw;
    display: block;
    text-indent: -9999px;
    margin: 9.333333333333334vw auto 0;
  }
}
@media screen and (min-width: 751px) {
  .l-header__logo {
    position: absolute;
    z-index: 10;
    top: 30px;
    left: calc(50% - 490px);
    background-image: url("../img/common/header/logo.png");
    background-repeat: no-repeat;
    background-position: center center;
    width: 156px;
    height: 77px;
    display: block;
    text-indent: -9999px;
  }
}
@media screen and (max-width: 750px) {
  .l-header__logo {
    position: absolute;
    z-index: 10;
    top: 4vw;
    left: 4vw;
    background-image: url("../img/common/header/logo-sp.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    width: 24.933333333333334vw;
    height: 12.133308000000001vw;
    display: block;
    text-indent: -9999px;
  }
}
@media screen and (min-width: 751px) {
  .l-top-about {
    position: relative;
    padding-top: 100px;
  }
  .l-top-about__kv {
    position: relative;
    height: 800px;
  }
  .l-top-about__kv__img {
    background-image: url("../img/top/about/img-contents.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    width: 980px;
    height: 520px;
    display: block;
    text-indent: -9999px;
  }
  .l-top-about__kv__subtitle {
    background-image: url("../img/top/about/title-contents.png");
    background-repeat: no-repeat;
    background-position: center center;
    width: 382px;
    height: 160px;
    display: block;
    text-indent: -9999px;
    display: block;
    position: absolute;
    left: 317px;
    top: 466px;
    right: auto;
    bottom: auto;
    z-index: 2;
  }
  .l-top-about__kv__title {
    font-family: 'Noto Serif Japanese', serif, sans-serif;
    color: #3c2014;
    font-weight: bold;
    font-size: 28px;
    text-align: center;
    margin-top: 124px;
  }
  .l-top-about__main {
    height: 1532px;
    position: relative;
  }
  .l-top-about__main__txt {
    color: #3c2014;
    font-family: 'Noto Serif Japanese', serif, sans-serif;
    font-size: 20px;
    -webkit-writing-mode: vertical-rl;
        -ms-writing-mode: tb-rl;
            writing-mode: vertical-rl;
    -webkit-text-orientation: upright;
            text-orientation: upright;
    line-height: 2;
    letter-spacing: 0.15rem;
  }
  .l-top-about__main__txt sup {
    vertical-align: super;
    font-size: 12px;
  }
  .l-top-about__main__txt.txt1 {
    display: block;
    position: absolute;
    left: 410px;
    top: 0;
    right: auto;
    bottom: auto;
    z-index: 1;
  }
  .l-top-about__main__txt.txt2 {
    display: block;
    position: absolute;
    left: 300px;
    top: 950px;
    right: auto;
    bottom: auto;
    z-index: 1;
  }
  .l-top-about__main__product1 {
    background-image: url("../img/top/about/img-product-1.png");
    background-repeat: no-repeat;
    background-position: center center;
    width: 220px;
    height: 630px;
    display: block;
    text-indent: -9999px;
    display: block;
    position: absolute;
    left: 27px;
    top: 55px;
    right: auto;
    bottom: auto;
    z-index: 1;
  }
  .l-top-about__main__product2 {
    background-image: url("../img/top/about/img-product-2.png");
    background-repeat: no-repeat;
    background-position: center center;
    width: 245px;
    height: 224px;
    display: block;
    text-indent: -9999px;
    display: block;
    position: absolute;
    left: 505px;
    top: 560px;
    right: auto;
    bottom: auto;
    z-index: 1;
  }
  .l-top-about__main__product3 {
    background-image: url("../img/top/about/img-product-3.png");
    background-repeat: no-repeat;
    background-position: center center;
    width: 218px;
    height: 629px;
    display: block;
    text-indent: -9999px;
    display: block;
    position: absolute;
    left: 800px;
    top: 890px;
    right: auto;
    bottom: auto;
    z-index: 1;
  }
  .l-top-about__main__flower1 {
    background-image: url("../img/top/about/flower-1.png");
    background-repeat: no-repeat;
    background-position: center center;
    width: 215px;
    height: 303px;
    display: block;
    text-indent: -9999px;
    display: block;
    position: absolute;
    left: 760px;
    top: 0px;
    right: auto;
    bottom: auto;
    z-index: 1;
  }
  .l-top-about__main__flower2 {
    background-image: url("../img/top/about/flower-2.png");
    background-repeat: no-repeat;
    background-position: center center;
    width: 478px;
    height: 346px;
    display: block;
    text-indent: -9999px;
    display: block;
    position: absolute;
    left: -147px;
    top: 456px;
    right: auto;
    bottom: auto;
    z-index: 1;
  }
  .l-top-about__main__leaf1 {
    background-image: url("../img/top/about/leaf-1.png");
    background-repeat: no-repeat;
    background-position: center center;
    width: 332px;
    height: 276px;
    display: block;
    text-indent: -9999px;
    display: block;
    position: absolute;
    left: 790px;
    top: 545px;
    right: auto;
    bottom: auto;
    z-index: 1;
  }
  .l-top-about__main__leaf2 {
    background-image: url("../img/top/about/leaf-1.png");
    background-repeat: no-repeat;
    background-position: center center;
    width: 332px;
    height: 276px;
    display: block;
    text-indent: -9999px;
    display: block;
    position: absolute;
    left: -100px;
    top: 1270px;
    right: auto;
    bottom: auto;
    z-index: 1;
  }
}
@media screen and (max-width: 750px) {
  .l-top-about {
    position: relative;
    padding-top: 4.266666666666667vw;
  }
  .l-top-about__kv {
    position: relative;
    height: 120.53333333333333vw;
  }
  .l-top-about__kv__img {
    background-image: url("../img/top/about/img-contents-sp.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    width: 91.46666666666667vw;
    height: 91.46666666666667vw;
    display: block;
    text-indent: -9999px;
  }
  .l-top-about__kv__subtitle {
    background-image: url("../img/top/about/title-contents-sp.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    width: 60.53333333333333vw;
    height: 24.666728vw;
    display: block;
    text-indent: -9999px;
    display: block;
    position: absolute;
    left: 17.599999999999998vw;
    top: 78.66666666666666vw;
    right: auto;
    bottom: auto;
    z-index: 2;
  }
  .l-top-about__kv__title {
    font-family: 'Noto Serif Japanese', serif, sans-serif;
    color: #3c2014;
    font-weight: bold;
    font-size: 4.266666666666667vw;
    text-align: center;
    margin-top: 13.333333333333334vw;
  }
  .l-top-about__main {
    height: 225.33333333333334vw;
    position: relative;
  }
  .l-top-about__main__txt {
    color: #3c2014;
    font-family: 'Noto Serif Japanese', serif, sans-serif;
    font-size: 4.266666666666667vw;
    -webkit-writing-mode: vertical-rl;
        -ms-writing-mode: tb-rl;
            writing-mode: vertical-rl;
    -webkit-text-orientation: upright;
            text-orientation: upright;
    line-height: 2;
    letter-spacing: 0.15rem;
  }
  .l-top-about__main__txt sup {
    vertical-align: super;
    font-size: 2.666666666666667vw;
  }
  .l-top-about__main__txt.txt1 {
    display: block;
    position: absolute;
    left: 29.06666666666667vw;
    top: 0;
    right: auto;
    bottom: auto;
    z-index: 1;
  }
  .l-top-about__main__txt.txt2 {
    display: block;
    position: absolute;
    left: 9.066666666666666vw;
    top: 141.33333333333334vw;
    right: auto;
    bottom: auto;
    z-index: 1;
  }
  .l-top-about__main__product1 {
    background-image: url("../img/top/about/img-product-1-sp.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    width: 28.4vw;
    height: 83.200072vw;
    display: block;
    text-indent: -9999px;
    display: block;
    position: absolute;
    left: 1.066666666666667vw;
    top: 30.933333333333334vw;
    right: auto;
    bottom: auto;
    z-index: 3;
  }
  .l-top-about__main__product2 {
    background-image: url("../img/top/about/img-product-2-sp.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    width: 32.266666666666666vw;
    height: 29.200042666666665vw;
    display: block;
    text-indent: -9999px;
    display: block;
    position: absolute;
    left: 50.26666666666667vw;
    top: 96vw;
    right: auto;
    bottom: auto;
    z-index: 3;
  }
  .l-top-about__main__product3 {
    background-image: url("../img/top/about/img-product-3-sp.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    width: 28.53333333333333vw;
    height: 83.33331199999999vw;
    display: block;
    text-indent: -9999px;
    display: block;
    position: absolute;
    left: 69.86666666666666vw;
    top: 134vw;
    right: auto;
    bottom: auto;
    z-index: 3;
  }
  .l-top-about__main__flower1 {
    background-image: url("../img/top/about/flower-1-sp.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    width: 28.26666666666667vw;
    height: 32.133264000000004vw;
    display: block;
    text-indent: -9999px;
    display: block;
    position: absolute;
    left: 76vw;
    top: -14.666666666666666vw;
    right: auto;
    bottom: auto;
    z-index: 1;
  }
  .l-top-about__main__flower2 {
    background-image: url("../img/top/about/flower-2-sp.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    width: 56.00000000000001vw;
    height: 41.333600000000004vw;
    display: block;
    text-indent: -9999px;
    display: block;
    position: absolute;
    left: -13.333333333333334vw;
    top: 92vw;
    right: auto;
    bottom: auto;
    z-index: 1;
  }
  .l-top-about__main__leaf1 {
    background-image: url("../img/top/about/leaf-1-sp.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    width: 44.266666666666666vw;
    height: 36.666522666666665vw;
    display: block;
    text-indent: -9999px;
    display: block;
    position: absolute;
    left: 61.33333333333333vw;
    top: 58.666666666666664vw;
    right: auto;
    bottom: auto;
    z-index: 1;
  }
  .l-top-about__main__leaf2 {
    background-image: url("../img/top/about/leaf-1-sp.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    width: 44.266666666666666vw;
    height: 36.666522666666665vw;
    display: block;
    text-indent: -9999px;
    display: block;
    position: absolute;
    left: -21.333333333333336vw;
    top: 194.66666666666669vw;
    right: auto;
    bottom: auto;
    z-index: 1;
  }
}
@media screen and (min-width: 751px) {
  .l-top-bnr {
    position: relative;
    padding-top: 40px;
    padding-bottom: 20px;
  }
  .l-top-bnr__bnr {
    background-image: url("../img/common/bnr/img-instagram.png");
    background-repeat: no-repeat;
    background-position: center center;
    width: 490px;
    height: 155px;
    display: block;
    text-indent: -9999px;
    margin: 0 auto;
    -webkit-transition: -webkit-transform 200ms;
    transition: -webkit-transform 200ms;
    transition: transform 200ms;
    transition: transform 200ms, -webkit-transform 200ms;
  }
  .l-top-bnr__bnr:hover {
    -webkit-transform: translateY(-2px);
            transform: translateY(-2px);
  }
}
@media screen and (max-width: 750px) {
  .l-top-bnr {
    position: relative;
    padding-top: 2.666666666666667vw;
    padding-bottom: 2.666666666666667vw;
  }
  .l-top-bnr__bnr {
    background-image: url("../img/common/bnr/img-instagram-sp.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    width: 89.33333333333333vw;
    height: 27.999746666666667vw;
    display: block;
    text-indent: -9999px;
    margin: 0 auto;
  }
}
@media screen and (min-width: 751px) {
  .l-top-debut {
    position: relative;
    padding-bottom: 100px;
  }
  .l-top-debut__kv {
    height: 600px;
  }
  .l-top-debut__kv__title {
    color: #fff;
    -webkit-writing-mode: vertical-rl;
        -ms-writing-mode: tb-rl;
            writing-mode: vertical-rl;
    -webkit-text-orientation: upright;
            text-orientation: upright;
    font-family: 'Noto Serif Japanese', serif, sans-serif;
    font-size: 20px;
    letter-spacing: 0.2rem;
    display: block;
    position: absolute;
    left: 630px;
    top: 0;
    right: auto;
    bottom: auto;
    z-index: 1;
  }
  .l-top-debut__kv__title span {
    display: inline-block;
    background-color: #d80c1e;
    padding: 10px;
    margin-left: 10px;
  }
  .l-top-debut__kv__img {
    background-image: url("../img/top/debut/img-contents.png");
    background-repeat: no-repeat;
    background-position: center center;
    width: 317px;
    height: 427px;
    display: block;
    text-indent: -9999px;
    display: block;
    position: absolute;
    left: 363px;
    top: 43px;
    right: auto;
    bottom: auto;
    z-index: 1;
  }
  .l-top-debut__kv__subtitle {
    background-image: url("../img/top/debut/title-contents.png");
    background-repeat: no-repeat;
    background-position: center center;
    width: 241px;
    height: 92px;
    display: block;
    text-indent: -9999px;
    display: block;
    position: absolute;
    left: 176px;
    top: 265px;
    right: auto;
    bottom: auto;
    z-index: 1;
  }
  .l-top-debut__kv__txt {
    padding-top: 430px;
    font-size: 17px;
    text-align: center;
    color: #3c2014;
    line-height: 1.75;
  }
  .l-top-debut__kv__txt sup {
    vertical-align: super;
    font-size: 12px;
  }
  .l-top-debut__kv__memo {
    text-align: center;
    margin-top: 17px;
    opacity: 0.5;
  }
  .l-top-debut__cosme {
    width: 600px;
    margin: 0 auto;
    position: relative;
  }
  .l-top-debut__cosme__box {
    background-color: rgba(199,172,64,0.1);
    border-radius: 12px;
    text-align: center;
    padding: 60px 0;
  }
  .l-top-debut__cosme__logo {
    background-image: url("../img/top/debut/cosme.png");
    background-repeat: no-repeat;
    background-position: center center;
    width: 194px;
    height: 190px;
    display: block;
    text-indent: -9999px;
    margin: 0 auto;
  }
  .l-top-debut__cosme__title {
    color: #d80c1e;
    font-family: 'Noto Serif Japanese', serif, sans-serif;
    font-size: 28px;
    letter-spacing: 0.2rem;
    font-weight: bold;
    margin-top: 24px;
  }
  .l-top-debut__cosme__title sup {
    vertical-align: super;
    font-size: 14px;
  }
  .l-top-debut__cosme__tag {
    zoom: 1;
    margin-top: 22px;
  }
  .l-top-debut__cosme__tag:after,
  .l-top-debut__cosme__tag:before {
    content: "";
    display: table;
  }
  .l-top-debut__cosme__tag:after {
    clear: both;
  }
  .l-top-debut__cosme__tag p {
    display: inline-block;
    background-color: #fff;
    color: #3c2014;
    font-family: 'Noto Serif Japanese', serif, sans-serif;
    font-size: 16px;
    height: 38px;
    line-height: 38px;
    padding: 0 25px 0;
    border-radius: 20px;
    margin: 4px;
  }
  .l-top-debut__cosme__tag p sup {
    vertical-align: top;
    font-size: 11px;
  }
  .l-top-debut__cosme__memo {
    opacity: 0.6;
    line-height: 1.5;
    margin-top: 20px;
  }
  .l-top-debut__cosme__btn {
    margin-top: 40px;
  }
}
@media screen and (max-width: 750px) {
  .l-top-debut {
    position: relative;
    padding-bottom: 17.333333333333336vw;
  }
  .l-top-debut__kv {
    height: 101.33333333333334vw;
  }
  .l-top-debut__kv__title {
    color: #fff;
    -webkit-writing-mode: vertical-rl;
        -ms-writing-mode: tb-rl;
            writing-mode: vertical-rl;
    -webkit-text-orientation: upright;
            text-orientation: upright;
    font-family: 'Noto Serif Japanese', serif, sans-serif;
    font-size: 4.266666666666667vw;
    letter-spacing: 0.2rem;
    display: block;
    position: absolute;
    left: 64.4vw;
    top: 0;
    right: auto;
    bottom: auto;
    z-index: 1;
  }
  .l-top-debut__kv__title span {
    display: inline-block;
    background-color: #d80c1e;
    padding: 1.6vw;
    margin-left: 1.6vw;
  }
  .l-top-debut__kv__img {
    background-image: url("../img/top/debut/img-contents-sp.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    width: 41.333333333333336vw;
    height: 56.666760000000004vw;
    display: block;
    text-indent: -9999px;
    display: block;
    position: absolute;
    left: 28.666666666666668vw;
    top: 5.333333333333334vw;
    right: auto;
    bottom: auto;
    z-index: 1;
  }
  .l-top-debut__kv__subtitle {
    background-image: url("../img/top/debut/title-contents-sp.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    width: 31.866666666666667vw;
    height: 12.000030666666667vw;
    display: block;
    text-indent: -9999px;
    display: block;
    position: absolute;
    left: 4vw;
    top: 34.66666666666667vw;
    right: auto;
    bottom: auto;
    z-index: 1;
  }
  .l-top-debut__kv__txt {
    padding-top: 58.666666666666664vw;
    font-size: 4.266666666666667vw;
    text-align: center;
    color: #3c2014;
    line-height: 1.75;
  }
  .l-top-debut__kv__txt sup {
    vertical-align: super;
    font-size: 2.666666666666667vw;
  }
  .l-top-debut__kv__memo {
    text-align: center;
    margin-top: 3.333333333333333vw;
    opacity: 0.5;
  }
  .l-top-debut__cosme {
    width: 100%;
    margin: 0 auto;
    position: relative;
  }
  .l-top-debut__cosme__box {
    background-color: rgba(199,172,64,0.1);
    border-radius: 12px;
    text-align: center;
    padding: 8vw 0;
  }
  .l-top-debut__cosme__logo {
    background-image: url("../img/top/debut/cosme-sp.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    width: 37.86666666666667vw;
    height: 37.333504vw;
    display: block;
    text-indent: -9999px;
    margin: 0 auto;
  }
  .l-top-debut__cosme__title {
    color: #d80c1e;
    font-family: 'Noto Serif Japanese', serif, sans-serif;
    font-size: 5.333333333333334vw;
    letter-spacing: 0.1rem;
    font-weight: bold;
    margin-top: 4.8vw;
  }
  .l-top-debut__cosme__title sup {
    vertical-align: super;
    font-size: 2.666666666666667vw;
  }
  .l-top-debut__cosme__tag {
    zoom: 1;
    margin-top: 3.333333333333333vw;
  }
  .l-top-debut__cosme__tag:after,
  .l-top-debut__cosme__tag:before {
    content: "";
    display: table;
  }
  .l-top-debut__cosme__tag:after {
    clear: both;
  }
  .l-top-debut__cosme__tag p {
    display: inline-block;
    background-color: #fff;
    color: #3c2014;
    font-family: 'Noto Serif Japanese', serif, sans-serif;
    font-size: 3.733333333333334vw;
    height: 8vw;
    line-height: 8vw;
    padding: 0 5.333333333333334vw 0;
    border-radius: 8vw;
    margin: 0.666666666666667vw;
  }
  .l-top-debut__cosme__tag p sup {
    vertical-align: top;
    font-size: 11px;
  }
  .l-top-debut__cosme__memo {
    opacity: 0.6;
    line-height: 1.5;
    margin-top: 4vw;
    font-size: 3.066666666666666vw;
  }
  .l-top-debut__cosme__btn {
    margin-top: 8vw;
  }
}
@media screen and (min-width: 751px) {
  .l-top-feature {
    position: relative;
    padding-bottom: 50px;
  }
  .l-top-feature__box {
    padding-top: 100px;
    padding-bottom: 100px;
    margin-top: 30px;
  }
  .l-top-feature__box:first-child {
    margin-top: 0;
  }
  .l-top-feature__box__title {
    text-align: center;
    font-size: 28px;
    font-weight: bold;
    font-family: 'Noto Serif Japanese', serif, sans-serif;
    color: #3c2014;
    letter-spacing: 0.05rem;
  }
  .l-top-feature__box__img {
    margin-top: 40px;
  }
  .l-top-feature__box__img.img1 {
    background-image: url("../img/top/feature/img-1.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    width: 790px;
    height: 400px;
    display: block;
    text-indent: -9999px;
  }
  .l-top-feature__box__img.img2 {
    background-image: url("../img/top/feature/img-2.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    width: 380px;
    height: 251px;
    display: block;
    text-indent: -9999px;
  }
  .l-top-feature__box__img.img3 {
    background-image: url("../img/top/feature/img-3.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    width: 380px;
    height: 251px;
    display: block;
    text-indent: -9999px;
  }
  .l-top-feature__box__subtitle {
    font-size: 20px;
    font-weight: bold;
    font-family: 'Noto Serif Japanese', serif, sans-serif;
    color: #3c2014;
    letter-spacing: 0.05rem;
    margin-top: 38px;
    line-height: 1.5;
  }
  .l-top-feature__box__subtitle.padding {
    padding: 0 30px;
  }
  .l-top-feature__box__txt {
    color: #3c2014;
    font-size: 17px;
    margin-top: 24px;
    line-height: 1.75;
  }
  .l-top-feature__box__txt.padding {
    padding: 0 30px;
  }
  .l-top-feature__box__memo {
    opacity: 0.5;
    line-height: 1.5;
    margin-top: 20px;
  }
  .l-top-feature__box__memo.padding {
    padding: 0 30px;
  }
  .l-top-feature__box__list {
    margin-top: 24px;
    line-height: 1.75;
  }
  .l-top-feature__box__list li {
    position: relative;
    padding-left: 20px;
    font-size: 17px;
    color: #3c2014;
  }
  .l-top-feature__box__list li:before {
    content: "・";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    right: auto;
    bottom: auto;
    z-index: 1;
  }
  .l-top-feature__box__2column {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .l-top-feature__box__2column__column {
    width: 380px;
    position: relative;
  }
  .l-top-feature__box__2column__column__product {
    background-image: url("../img/top/feature/img-product.png");
    background-repeat: no-repeat;
    background-position: center center;
    width: 188px;
    height: 244px;
    display: block;
    text-indent: -9999px;
    display: block;
    position: absolute;
    right: -125px;
    top: 210px;
    z-index: 1;
  }
  .l-top-feature__box__about {
    background-color: #f4f4f4;
    border-radius: 12px;
    padding: 54px 30px;
    margin-top: 36px;
  }
  .l-top-feature__box__about__title {
    text-align: center;
    font-size: 26px;
    font-weight: bold;
    font-family: 'Noto Serif Japanese', serif, sans-serif;
    color: #3c2014;
    letter-spacing: 0.05rem;
  }
  .l-top-feature__box__about__list {
    margin-top: 38px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .l-top-feature__box__about__list__item {
    margin-top: 7px;
    color: #fff;
    background: linear-gradient(160deg, #ef5455, #ef5455, #c42244, #c42244);
    border-radius: 6px;
    padding: 18px 30px;
    line-height: 1.5;
    width: 100%;
  }
  .l-top-feature__box__about__list__item.half {
    width: calc(50% - 4px);
  }
  .l-top-feature__box__about__list__item h5 {
    font-family: 'Noto Serif Japanese', serif, sans-serif;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
  }
  .l-top-feature__box__about__list__item h5 sup {
    vertical-align: super;
    font-size: 12px;
  }
  .l-top-feature__box__about__list__item p {
    margin-top: 10px;
  }
  .l-top-feature__box__about__list__item ul {
    margin-top: 10px;
  }
  .l-top-feature__box__about__list__item ul li {
    width: 220px;
    display: inline-block;
  }
  .l-top-feature__box__about__memo {
    opacity: 0.5;
    margin-top: 25px;
  }
}
@media screen and (max-width: 750px) {
  .l-top-feature {
    position: relative;
    padding-bottom: 10.666666666666668vw;
  }
  .l-top-feature__box {
    padding-top: 12vw;
    padding-bottom: 12vw;
    margin-top: 4.666666666666667vw;
  }
  .l-top-feature__box:first-child {
    margin-top: 0;
  }
  .l-top-feature__box__title {
    text-align: center;
    font-size: 5.333333333333334vw;
    font-weight: bold;
    font-family: 'Noto Serif Japanese', serif, sans-serif;
    color: #3c2014;
    letter-spacing: 0.05rem;
    line-height: 1.6;
  }
  .l-top-feature__box__img {
    margin-top: 40px;
  }
  .l-top-feature__box__img.img1 {
    background-image: url("../img/top/feature/img-1-sp.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    width: 80.80000000000001vw;
    height: 53.333656000000005vw;
    display: block;
    text-indent: -9999px;
  }
  .l-top-feature__box__img.img2 {
    background-image: url("../img/top/feature/img-2-sp.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    width: 80.80000000000001vw;
    height: 53.333656000000005vw;
    display: block;
    text-indent: -9999px;
  }
  .l-top-feature__box__img.img3 {
    background-image: url("../img/top/feature/img-3-sp.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    width: 80.80000000000001vw;
    height: 53.333656000000005vw;
    display: block;
    text-indent: -9999px;
  }
  .l-top-feature__box__subtitle {
    font-size: 4.266666666666667vw;
    font-weight: bold;
    font-family: 'Noto Serif Japanese', serif, sans-serif;
    color: #3c2014;
    letter-spacing: 0.05rem;
    margin-top: 5.333333333333334vw;
    line-height: 1.5;
  }
  .l-top-feature__box__subtitle.padding {
    padding: 0 0px;
  }
  .l-top-feature__box__txt {
    color: #3c2014;
    font-size: 4.266666666666667vw;
    margin-top: 4.666666666666667vw;
    line-height: 1.75;
  }
  .l-top-feature__box__txt.padding {
    padding: 0 0;
  }
  .l-top-feature__box__memo {
    opacity: 0.5;
    line-height: 1.5;
    margin-top: 3.2vw;
  }
  .l-top-feature__box__memo.padding {
    padding: 0 0;
  }
  .l-top-feature__box__list {
    margin-top: 4vw;
    line-height: 1.75;
  }
  .l-top-feature__box__list li {
    position: relative;
    padding-left: 4vw;
    font-size: 4.266666666666667vw;
    color: #3c2014;
  }
  .l-top-feature__box__list li:before {
    content: "・";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    right: auto;
    bottom: auto;
    z-index: 1;
  }
  .l-top-feature__box__2column__column {
    width: 100%;
    position: relative;
  }
  .l-top-feature__box__2column__column__product {
    background-image: url("../img/top/feature/img-product-sp.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    width: 31.2vw;
    height: 41.733432vw;
    display: block;
    text-indent: -9999px;
    display: block;
    position: absolute;
    right: -16vw;
    top: 38.666666666666664vw;
    z-index: 1;
  }
  .l-top-feature__box__about {
    background-color: #f4f4f4;
    border-radius: 12px;
    padding: 6.666666666666667vw 4vw;
    margin-top: 9.333333333333334vw;
  }
  .l-top-feature__box__about__title {
    text-align: center;
    font-size: 4.266666666666667vw;
    font-weight: bold;
    font-family: 'Noto Serif Japanese', serif, sans-serif;
    color: #3c2014;
    letter-spacing: 0.05rem;
    line-height: 1.75;
  }
  .l-top-feature__box__about__list {
    margin-top: 2.666666666666667vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .l-top-feature__box__about__list__item {
    margin-top: 1.066666666666667vw;
    color: #fff;
    background: linear-gradient(160deg, #ef5455, #ef5455, #c42244, #c42244);
    border-radius: 1.066666666666667vw;
    padding: 4.266666666666667vw 3.333333333333333vw;
    line-height: 1.5;
    width: 100%;
  }
  .l-top-feature__box__about__list__item.half {
    width: 100%;
  }
  .l-top-feature__box__about__list__item h5 {
    font-family: 'Noto Serif Japanese', serif, sans-serif;
    font-size: 3.733333333333334vw;
    font-weight: bold;
    text-align: center;
  }
  .l-top-feature__box__about__list__item h5 sup {
    vertical-align: super;
    font-size: 2.666666666666667vw;
  }
  .l-top-feature__box__about__list__item p {
    margin-top: 2vw;
  }
  .l-top-feature__box__about__list__item ul {
    margin-top: 2vw;
  }
  .l-top-feature__box__about__list__item ul li {
    width: 100%;
    display: inline-block;
  }
  .l-top-feature__box__about__memo {
    opacity: 0.5;
    margin-top: 3.2vw;
    line-height: 1.5;
  }
}
@media screen and (min-width: 751px) {
  .l-top-howto {
    position: relative;
    padding-top: 50px;
    padding-bottom: 100px;
  }
  .l-top-howto__title {
    text-align: center;
    font-size: 28px;
    font-weight: bold;
    font-family: 'Noto Serif Japanese', serif, sans-serif;
    color: #3c2014;
    letter-spacing: 0.05rem;
  }
  .l-top-howto__step {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-top: 50px;
  }
  .l-top-howto__step__item {
    position: relative;
    width: 300px;
  }
  .l-top-howto__step__item__num {
    display: block;
    position: absolute;
    left: 10px;
    top: 10px;
    right: auto;
    bottom: auto;
    z-index: 3;
  }
  .l-top-howto__step__item__num.step1 {
    background-image: url("../img/top/howto/step-1.png");
    background-repeat: no-repeat;
    background-position: center center;
    width: 90px;
    height: 34px;
    display: block;
    text-indent: -9999px;
  }
  .l-top-howto__step__item__num.step2 {
    background-image: url("../img/top/howto/step-2.png");
    background-repeat: no-repeat;
    background-position: center center;
    width: 90px;
    height: 34px;
    display: block;
    text-indent: -9999px;
  }
  .l-top-howto__step__item__num.step3 {
    background-image: url("../img/top/howto/step-3.png");
    background-repeat: no-repeat;
    background-position: center center;
    width: 90px;
    height: 34px;
    display: block;
    text-indent: -9999px;
  }
  .l-top-howto__step__item__img {
    margin: 0 auto;
  }
  .l-top-howto__step__item__img.img1 {
    background-image: url("../img/top/howto/img-1.png");
    background-repeat: no-repeat;
    background-position: center center;
    width: 240px;
    height: 240px;
    display: block;
    text-indent: -9999px;
  }
  .l-top-howto__step__item__img.img2 {
    background-image: url("../img/top/howto/img-2.png");
    background-repeat: no-repeat;
    background-position: center center;
    width: 240px;
    height: 240px;
    display: block;
    text-indent: -9999px;
  }
  .l-top-howto__step__item__img.img3 {
    background-image: url("../img/top/howto/img-3.png");
    background-repeat: no-repeat;
    background-position: center center;
    width: 240px;
    height: 240px;
    display: block;
    text-indent: -9999px;
  }
  .l-top-howto__step__item__title {
    display: block;
    position: absolute;
    left: 7px;
    top: 70px;
    right: auto;
    bottom: auto;
    z-index: 3;
    color: #3c2014;
    font-family: 'Noto Serif Japanese', serif, sans-serif;
    font-size: 28px;
    font-weight: bold;
    -webkit-writing-mode: vertical-rl;
        -ms-writing-mode: tb-rl;
            writing-mode: vertical-rl;
    -webkit-text-orientation: upright;
            text-orientation: upright;
    line-height: 2;
    letter-spacing: 0.15rem;
  }
  .l-top-howto__step__item__txt {
    color: #3c2014;
    font-size: 16px;
    text-align: center;
    margin-top: 30px;
    line-height: 1.5;
  }
  .l-top-howto__step__item__txt strong {
    font-weight: bold;
  }
}
@media screen and (max-width: 750px) {
  .l-top-howto {
    position: relative;
    padding-top: 5.333333333333334vw;
    padding-bottom: 10.666666666666668vw;
    width: 100% !important;
  }
  .l-top-howto__title {
    text-align: center;
    font-size: 5.333333333333334vw;
    font-weight: bold;
    font-family: 'Noto Serif Japanese', serif, sans-serif;
    color: #3c2014;
    letter-spacing: 0.05rem;
    line-height: 1.6;
  }
  .l-top-howto__step {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-top: 4.533333333333333vw;
  }
  .l-top-howto__step__item {
    position: relative;
    width: 65.33333333333333vw;
  }
  .l-top-howto__step__item__num {
    display: block;
    position: absolute;
    left: 2.666666666666667vw;
    top: 6.666666666666667vw;
    right: auto;
    bottom: auto;
    z-index: 3;
  }
  .l-top-howto__step__item__num.step1 {
    background-image: url("../img/top/howto/step-1-sp.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    width: 18.666666666666668vw;
    height: 7.06664vw;
    display: block;
    text-indent: -9999px;
  }
  .l-top-howto__step__item__num.step2 {
    background-image: url("../img/top/howto/step-2-sp.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    width: 18.666666666666668vw;
    height: 7.06664vw;
    display: block;
    text-indent: -9999px;
  }
  .l-top-howto__step__item__num.step3 {
    background-image: url("../img/top/howto/step-3-sp.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    width: 18.666666666666668vw;
    height: 7.06664vw;
    display: block;
    text-indent: -9999px;
  }
  .l-top-howto__step__item__img {
    margin: 0 auto;
  }
  .l-top-howto__step__item__img.img1 {
    background-image: url("../img/top/howto/img-1-sp.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    width: 53.6vw;
    height: 53.6vw;
    display: block;
    text-indent: -9999px;
  }
  .l-top-howto__step__item__img.img2 {
    background-image: url("../img/top/howto/img-2-sp.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    width: 53.6vw;
    height: 53.6vw;
    display: block;
    text-indent: -9999px;
  }
  .l-top-howto__step__item__img.img3 {
    background-image: url("../img/top/howto/img-3-sp.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    width: 53.6vw;
    height: 53.6vw;
    display: block;
    text-indent: -9999px;
  }
  .l-top-howto__step__item__title {
    display: block;
    position: absolute;
    left: 2.666666666666667vw;
    top: 16.666666666666664vw;
    right: auto;
    bottom: auto;
    z-index: 3;
    color: #3c2014;
    font-family: 'Noto Serif Japanese', serif, sans-serif;
    font-size: 5.333333333333334vw;
    font-weight: bold;
    -webkit-writing-mode: vertical-rl;
        -ms-writing-mode: tb-rl;
            writing-mode: vertical-rl;
    -webkit-text-orientation: upright;
            text-orientation: upright;
    letter-spacing: 0.15rem;
  }
  .l-top-howto__step__item__txt {
    color: #3c2014;
    font-size: 3.733333333333334vw;
    text-align: center;
    margin-top: 4vw;
    line-height: 1.5;
  }
  .l-top-howto__step__item__txt strong {
    font-weight: bold;
  }
}
@media screen and (min-width: 751px) {
  .l-top-kv {
    position: relative;
    width: 100%;
    height: 1000px;
    overflow: hidden;
  }
  .l-top-kv__bg {
    background-color: #ac0a18;
    position: absolute;
    z-index: 1;
    left: calc(50% - 70%);
    top: 330px;
    width: 140%;
    height: 1500px;
    -webkit-transform: rotate(15deg);
            transform: rotate(15deg);
  }
  .l-top-kv__leaf1 {
    background-image: url("../img/top/kv/leaf-1.png");
    background-repeat: no-repeat;
    background-position: center center;
    width: 362px;
    height: 201px;
    display: block;
    text-indent: -9999px;
    position: absolute;
    z-index: 2;
    top: 30px;
    left: calc(50% + 440px);
  }
  .l-top-kv__leaf2 {
    background-image: url("../img/top/kv/leaf-2.png");
    background-repeat: no-repeat;
    background-position: center center;
    width: 331px;
    height: 274px;
    display: block;
    text-indent: -9999px;
    position: absolute;
    z-index: 2;
    top: 490px;
    left: calc(50% + 110px);
  }
  .l-top-kv__flower1 {
    background-image: url("../img/top/kv/flower-1.png");
    background-repeat: no-repeat;
    background-position: center center;
    width: 147px;
    height: 203px;
    display: block;
    text-indent: -9999px;
    position: absolute;
    z-index: 2;
    top: 230px;
    left: calc(50% - 670px);
  }
  .l-top-kv__product {
    background-image: url("../img/top/kv/img-product.png");
    background-repeat: no-repeat;
    background-position: center center;
    width: 774px;
    height: 856px;
    display: block;
    text-indent: -9999px;
    display: block;
    position: absolute;
    left: 395px;
    top: -116px;
    right: auto;
    bottom: auto;
    z-index: 5;
  }
  .l-top-kv__copy {
    background-image: url("../img/top/kv/copy-1.png");
    background-repeat: no-repeat;
    background-position: center center;
    width: 583px;
    height: 251px;
    background-size: cover;
    display: block;
    text-indent: -9999px;
    display: block;
    position: absolute;
    left: 0px;
    top: 312px;
    right: auto;
    bottom: auto;
    z-index: 5;
  }
  .l-top-kv__present {
    display: block;
    position: absolute;
    left: 0px;
    top: 580px;
    right: auto;
    bottom: auto;
    z-index: 4;
    width: 570px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .l-top-kv__present:after {
    content: "";
    position: absolute;
    left: calc(50% - 17px);
    top: 85px;
    background-image: url("../img/top/kv/and.png");
    background-repeat: no-repeat;
    background-position: center center;
    width: 34px;
    height: 34px;
    display: block;
    text-indent: -9999px;
  }
  .l-top-kv__present__product1,
  .l-top-kv__present__product2 {
    width: 278px;
    height: 208px;
    background-color: #d80c1e;
    border-radius: 12px;
    -webkit-box-shadow: 0 10px 10px rgba(0,0,0,0.1);
            box-shadow: 0 10px 10px rgba(0,0,0,0.1);
    position: relative;
    padding-top: 124px;
    color: #fff;
    text-align: center;
  }
  .l-top-kv__present__product1__img,
  .l-top-kv__present__product2__img {
    position: absolute;
    left: calc(50% - 45px);
    top: -22px;
  }
  .l-top-kv__present__product1__title,
  .l-top-kv__present__product2__title {
    font-size: 20px;
    font-family: 'Noto Serif Japanese', serif, sans-serif;
  }
  .l-top-kv__present__product1__point,
  .l-top-kv__present__product2__point {
    font-size: 17px;
    display: inline-block;
    width: 120px;
    height: 30px;
    border-radius: 15px;
    line-height: 30px;
    border: 1px solid #fff;
    margin-top: 10px;
  }
  .l-top-kv__present__product1__img {
    background-image: url("../img/top/kv/img-product-1.png");
    background-repeat: no-repeat;
    background-position: center center;
    width: 90px;
    height: 140px;
    display: block;
    text-indent: -9999px;
  }
  .l-top-kv__present__product2__img {
    background-image: url("../img/top/kv/img-product-2.png");
    background-repeat: no-repeat;
    background-position: center center;
    width: 90px;
    height: 140px;
    display: block;
    text-indent: -9999px;
  }
  .l-top-kv__period {
    display: block;
    position: absolute;
    left: 600px;
    top: 682px;
    right: auto;
    bottom: auto;
    z-index: 5;
    font-family: 'Noto Serif Japanese', serif, sans-serif;
  }
  .l-top-kv__period dt {
    background-color: #fff;
    width: 108px;
    height: 37px;
    line-height: 37px;
    text-align: center;
    color: #d80c1e;
    font-size: 17px;
    letter-spacing: 0.1rem;
  }
  .l-top-kv__period dd {
    border: 2px solid #fff;
    width: 380px;
    height: 60px;
    text-align: center;
    background-color: #b10b1a;
    color: #fff;
    letter-spacing: 0.06rem;
    font-size: 16px;
    line-height: 60px;
  }
  .l-top-kv__period dd .n {
    font-size: 23px;
  }
  .l-top-kv__oubobtn {
    position: absolute;
    z-index: 5;
    top: 815px;
    left: calc(50% - 210px);
  }
  .l-top-kv__memo {
    position: absolute;
    z-index: 5;
    top: 925px;
    width: 100%;
    text-align: center;
    color: #fff;
    opacity: 0.6;
  }
}
@media screen and (max-width: 750px) {
  .l-top-kv {
    position: relative;
    width: 100%;
    height: 177.33333333333334vw;
    overflow: hidden;
  }
  .l-top-kv__bg {
    background-color: #ac0a18;
    position: absolute;
    z-index: 1;
    left: calc(50% - 100%);
    top: 49.333333333333336vw;
    width: 200%;
    height: 217.33333333333334vw;
    -webkit-transform: rotate(15deg);
            transform: rotate(15deg);
  }
  .l-top-kv__leaf1 {
    background-image: url("../img/top/kv/leaf-1-sp.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    width: 48.8vw;
    height: 26.666759999999996vw;
    display: block;
    text-indent: -9999px;
    position: absolute;
    z-index: 2;
    top: 6.666666666666667vw;
    left: 66.66666666666666vw;
  }
  .l-top-kv__leaf2 {
    background-image: url("../img/top/kv/leaf-2-sp.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    width: 43.86666666666667vw;
    height: 36.26676666666666vw;
    display: block;
    text-indent: -9999px;
    position: absolute;
    z-index: 2;
    top: 80vw;
    left: 77.33333333333333vw;
  }
  .l-top-kv__flower1 {
    background-image: url("../img/top/kv/flower-1-sp.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    width: 19.6vw;
    height: 26.800060000000002vw;
    display: block;
    text-indent: -9999px;
    position: absolute;
    z-index: 2;
    top: 36vw;
    left: -4vw;
  }
  .l-top-kv__product {
    background-image: url("../img/top/kv/img-product-sp.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    width: 97.73333333333333vw;
    height: 106.66713733333334vw;
    display: block;
    text-indent: -9999px;
    display: block;
    position: absolute;
    left: 15.733333333333333vw;
    top: -6vw;
    right: auto;
    bottom: auto;
    z-index: 5;
  }
  .l-top-kv__copy {
    background-image: url("../img/top/kv/copy-1-sp.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    width: 92.66666666666666vw;
    height: 38.80046vw;
    display: block;
    text-indent: -9999px;
    display: block;
    position: absolute;
    left: 0vw;
    top: 72vw;
    right: auto;
    bottom: auto;
    z-index: 5;
  }
  .l-top-kv__present {
    display: block;
    position: absolute;
    left: 0vw;
    top: 113.99999999999999vw;
    right: auto;
    bottom: auto;
    z-index: 4;
    width: 91.46666666666667vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .l-top-kv__present:after {
    content: "";
    position: absolute;
    left: calc(50% - 3.5vw);
    top: 12vw;
    background-image: url("../img/top/kv/and-sp.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    width: 7.199999999999999vw;
    height: 7.199999999999999vw;
    display: block;
    text-indent: -9999px;
  }
  .l-top-kv__present__product1,
  .l-top-kv__present__product2 {
    width: 45.06666666666666vw;
    height: 32.53333333333333vw;
    background-color: #d80c1e;
    border-radius: 1.066666666666667vw;
    -webkit-box-shadow: 0 2.666666666666667vw 2.666666666666667vw rgba(0,0,0,0.1);
            box-shadow: 0 2.666666666666667vw 2.666666666666667vw rgba(0,0,0,0.1);
    position: relative;
    padding-top: 18.133333333333333vw;
    color: #fff;
    text-align: center;
  }
  .l-top-kv__present__product1__img,
  .l-top-kv__present__product2__img {
    position: absolute;
    left: calc(50% - 4.9vw);
    top: -1.733333333333333vw;
  }
  .l-top-kv__present__product1__title,
  .l-top-kv__present__product2__title {
    font-size: 3.2vw;
    font-family: 'Noto Serif Japanese', serif, sans-serif;
  }
  .l-top-kv__present__product1__point,
  .l-top-kv__present__product2__point {
    font-size: 2.933333333333333vw;
    display: inline-block;
    width: 16vw;
    height: 5.600000000000001vw;
    border-radius: 2.8vw;
    line-height: 5.333333333333334vw;
    border: 1px solid #fff;
    margin-top: 2vw;
  }
  .l-top-kv__present__product1__img {
    background-image: url("../img/top/kv/img-product-1-sp.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    width: 9.866666666666667vw;
    height: 17.86665866666667vw;
    display: block;
    text-indent: -9999px;
  }
  .l-top-kv__present__product2__img {
    background-image: url("../img/top/kv/img-product-2-sp.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    width: 9.866666666666667vw;
    height: 17.86665866666667vw;
    display: block;
    text-indent: -9999px;
  }
  .l-top-kv__period {
    display: block;
    position: absolute;
    left: 0vw;
    top: 151.06666666666666vw;
    right: auto;
    bottom: auto;
    z-index: 5;
    font-family: 'Noto Serif Japanese', serif, sans-serif;
    width: 91.46666666666667vw;
    height: 8vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .l-top-kv__period dt {
    background-color: #fff;
    width: 19.2vw;
    height: 8vw;
    line-height: 8vw;
    text-align: center;
    color: #d80c1e;
    font-size: 3.733333333333334vw;
    letter-spacing: 0rem;
  }
  .l-top-kv__period dd {
    border: 0.266666666666667vw solid #fff;
    width: 72.26666666666667vw;
    height: 8vw;
    text-align: center;
    background-color: #b10b1a;
    color: #fff;
    letter-spacing: 0.04rem;
    font-size: 3.2vw;
    line-height: 7.466666666666668vw;
  }
  .l-top-kv__period dd .n {
    font-size: 4.266666666666667vw;
  }
  .l-top-kv__oubobtn {
    display: none;
  }
  .l-top-kv__memo {
    position: absolute;
    z-index: 5;
    top: 162.66666666666666vw;
    width: 100%;
    text-align: center;
    color: #fff;
    opacity: 0.6;
  }
}
.l-top-outline-wrap {
  position: relative;
  z-index: 2;
}
@media screen and (min-width: 751px) {
  .l-top-outline {
    position: relative;
    padding-bottom: 100px;
    padding-top: 30px;
  }
  .l-top-outline__line {
    width: 1px;
    height: 70px;
    position: absolute;
    left: 50%;
    top: -25px;
    display: none;
  }
  .l-top-outline__line:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    right: auto;
    bottom: auto;
    z-index: 1;
    width: 100%;
    height: 25px;
    background-color: #fff;
  }
  .l-top-outline__line:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 25px;
    right: auto;
    bottom: auto;
    z-index: 1;
    width: 100%;
    height: 45px;
    background-color: #d80c1e;
  }
  .l-top-outline__box__inner {
    padding-top: 100px;
    padding-bottom: 80px;
  }
  .l-top-outline__title {
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    font-family: 'Noto Serif Japanese', serif, sans-serif;
    color: #3c2014;
    letter-spacing: 0.05rem;
  }
  .l-top-outline__outline {
    border: 1px solid #999;
    border-radius: 12px;
    width: 100%;
    height: 420px;
    padding-right: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-top: 30px;
  }
  .l-top-outline__outline__scroll {
    height: 410px;
    padding: 30px;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
  }
  .l-top-outline__outline__scroll p {
    opacity: 0.7;
    font-size: 16px;
    line-height: 1.35;
  }
  .l-top-outline__outline2 {
    margin-top: 30px;
    opacity: 0.7;
    font-size: 16px;
    line-height: 1.35;
  }
  .l-top-outline__oubobtn {
    margin-top: 28px;
  }
  .l-top-outline__cosme {
    background-color: #f4f4f4;
    border-radius: 0 0 12px 12px;
    padding-top: 80px;
    padding-bottom: 100px;
  }
  .l-top-outline__cosme__logo {
    background-image: url("../img/top/outline/logo.png");
    background-repeat: no-repeat;
    background-position: center center;
    width: 294px;
    height: 47px;
    display: block;
    text-indent: -9999px;
    margin: 0 auto;
  }
  .l-top-outline__cosme__txt {
    text-align: center;
    color: #3c2014;
    opacity: 0.7;
    font-family: 'Noto Serif Japanese', serif, sans-serif;
    margin-top: 16px;
  }
  .l-top-outline__cosme__btn {
    margin-top: 30px;
  }
}
@media screen and (max-width: 750px) {
  .l-top-outline {
    position: relative;
    padding-bottom: 4.266666666666667vw;
    padding-top: 4.266666666666667vw;
  }
  .l-top-outline__line {
    width: 1px;
    height: 14.666666666666666vw;
    position: absolute;
    left: 50%;
    top: -6vw;
    display: none;
  }
  .l-top-outline__line:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    right: auto;
    bottom: auto;
    z-index: 1;
    width: 100%;
    height: 6vw;
    background-color: #fff;
  }
  .l-top-outline__line:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 6vw;
    right: auto;
    bottom: auto;
    z-index: 1;
    width: 100%;
    height: 8.666666666666668vw;
    background-color: #d80c1e;
  }
  .l-top-outline__box__inner {
    padding-top: 13.333333333333334vw;
    padding-bottom: 10.666666666666668vw;
  }
  .l-top-outline__title {
    text-align: center;
    font-size: 5.333333333333334vw;
    font-weight: bold;
    font-family: 'Noto Serif Japanese', serif, sans-serif;
    color: #3c2014;
    letter-spacing: 0.05rem;
  }
  .l-top-outline__outline {
    border: 1px solid #999;
    border-radius: 1.066666666666667vw;
    width: 100%;
    height: 60.53333333333333vw;
    margin-top: 6.133333333333333vw;
  }
  .l-top-outline__outline__scroll {
    height: 60.53333333333333vw;
    padding: 3.466666666666666vw;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
  }
  .l-top-outline__outline__scroll p {
    opacity: 0.7;
    font-size: 3.733333333333334vw;
    line-height: 1.35;
  }
  .l-top-outline__outline2 {
    margin-top: 6.666666666666667vw;
    opacity: 0.7;
    font-size: 3.733333333333334vw;
    line-height: 1.35;
  }
  .l-top-outline__oubobtn {
    margin-top: 8vw;
  }
  .l-top-outline__cosme {
    background-color: #f4f4f4;
    border-radius: 0 0 1.6vw 1.6vw;
    padding-top: 8vw;
    padding-bottom: 13.333333333333334vw;
  }
  .l-top-outline__cosme__logo {
    background-image: url("../img/top/outline/logo-sp.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    width: 64.53333333333333vw;
    height: 10.000085333333333vw;
    display: block;
    text-indent: -9999px;
    margin: 0 auto;
  }
  .l-top-outline__cosme__txt {
    text-align: center;
    color: #3c2014;
    opacity: 0.7;
    font-family: 'Noto Serif Japanese', serif, sans-serif;
    margin-top: 2.666666666666667vw;
  }
  .l-top-outline__cosme__btn {
    margin-top: 4vw;
  }
}
@media screen and (min-width: 751px) {
  .l-top-present {
    position: relative;
    height: 820px;
  }
  .l-top-present__obj1,
  .l-top-present__obj2,
  .l-top-present__obj3 {
    background-color: rgba(255,255,255,0.2);
  }
  .l-top-present__obj1 {
    width: 100px;
    height: 100px;
    display: block;
    position: absolute;
    left: -80px;
    top: 80px;
    right: auto;
    bottom: auto;
    z-index: 1;
  }
  .l-top-present__obj2 {
    width: 494px;
    height: 200px;
    display: block;
    position: absolute;
    left: -148px;
    top: 480px;
    right: auto;
    bottom: auto;
    z-index: 1;
    opacity: 0.7;
  }
  .l-top-present__obj3 {
    width: 120px;
    height: 400px;
    display: block;
    position: absolute;
    left: 1030px;
    top: 300px;
    right: auto;
    bottom: auto;
    z-index: 1;
    opacity: 0.4;
  }
  .l-top-present__title {
    background-image: url("../img/top/present/title-contents.png");
    background-repeat: no-repeat;
    background-position: center center;
    width: 420px;
    height: 168px;
    display: block;
    text-indent: -9999px;
    display: block;
    position: absolute;
    left: 400px;
    top: 65px;
    right: auto;
    bottom: auto;
    z-index: 5;
  }
  .l-top-present__copy {
    background-image: url("../img/top/present/copy-1.png");
    background-repeat: no-repeat;
    background-position: center center;
    width: 574px;
    height: 241px;
    display: block;
    text-indent: -9999px;
    display: block;
    position: absolute;
    left: 0px;
    top: 132px;
    right: auto;
    bottom: auto;
    z-index: 5;
  }
  .l-top-present__product {
    background-image: url("../img/top/present/img-product.png");
    background-repeat: no-repeat;
    background-position: center center;
    width: 477px;
    height: 465px;
    display: block;
    text-indent: -9999px;
    display: block;
    position: absolute;
    left: 578px;
    top: 125px;
    right: auto;
    bottom: auto;
    z-index: 5;
  }
  .l-top-present__present {
    display: block;
    position: absolute;
    left: 0px;
    top: 400px;
    right: auto;
    bottom: auto;
    z-index: 4;
    width: 570px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .l-top-present__present:after {
    content: "";
    position: absolute;
    left: calc(50% - 17px);
    top: 85px;
    background-image: url("../img/top/present/and.png");
    background-repeat: no-repeat;
    background-position: center center;
    width: 35px;
    height: 35px;
    display: block;
    text-indent: -9999px;
  }
  .l-top-present__present__product1,
  .l-top-present__present__product2 {
    width: 278px;
    height: 208px;
    background-color: #d80c1e;
    border-radius: 12px;
    -webkit-box-shadow: 0 10px 10px rgba(0,0,0,0.1);
            box-shadow: 0 10px 10px rgba(0,0,0,0.1);
    position: relative;
    padding-top: 124px;
    color: #fff;
    text-align: center;
  }
  .l-top-present__present__product1__img,
  .l-top-present__present__product2__img {
    position: absolute;
    left: calc(50% - 40px);
    top: -17px;
  }
  .l-top-present__present__product1__title,
  .l-top-present__present__product2__title {
    font-size: 20px;
    font-family: 'Noto Serif Japanese', serif, sans-serif;
  }
  .l-top-present__present__product1__point,
  .l-top-present__present__product2__point {
    font-size: 17px;
    display: inline-block;
    width: 120px;
    height: 30px;
    border-radius: 15px;
    line-height: 30px;
    border: 1px solid #fff;
    margin-top: 10px;
  }
  .l-top-present__present__product1__img {
    background-image: url("../img/top/present/img-product-1.png");
    background-repeat: no-repeat;
    background-position: center center;
    width: 80px;
    height: 130px;
    display: block;
    text-indent: -9999px;
  }
  .l-top-present__present__product2__img {
    background-image: url("../img/top/present/img-product-2.png");
    background-repeat: no-repeat;
    background-position: center center;
    width: 80px;
    height: 130px;
    display: block;
    text-indent: -9999px;
  }
  .l-top-present__period {
    display: block;
    position: absolute;
    left: 600px;
    top: 506px;
    right: auto;
    bottom: auto;
    z-index: 5;
    font-family: 'Noto Serif Japanese', serif, sans-serif;
  }
  .l-top-present__period dt {
    background-color: #fff;
    width: 108px;
    height: 37px;
    line-height: 37px;
    text-align: center;
    color: #d80c1e;
    font-size: 17px;
    letter-spacing: 0.1rem;
  }
  .l-top-present__period dd {
    border: 2px solid #fff;
    width: 380px;
    height: 60px;
    text-align: center;
    background-color: #b10b1a;
    color: #fff;
    letter-spacing: 0.06rem;
    font-size: 16px;
    line-height: 60px;
  }
  .l-top-present__period dd .n {
    font-size: 23px;
  }
  .l-top-present__oubobtn {
    position: absolute;
    z-index: 5;
    top: 640px;
    left: calc(50% - 210px);
  }
  .l-top-present__memo {
    position: absolute;
    z-index: 5;
    top: 750px;
    width: 100%;
    text-align: center;
    color: #fff;
    opacity: 0.6;
  }
}
@media screen and (max-width: 750px) {
  .l-top-present {
    position: relative;
    height: 183.46666666666667vw;
  }
  .l-top-present__obj1,
  .l-top-present__obj2,
  .l-top-present__obj3 {
    background-color: rgba(255,255,255,0.2);
  }
  .l-top-present__obj1 {
    width: 13.333333333333334vw;
    height: 13.333333333333334vw;
    display: block;
    position: absolute;
    left: 5.333333333333334vw;
    top: 10.666666666666668vw;
    right: auto;
    bottom: auto;
    z-index: 1;
  }
  .l-top-present__obj2 {
    width: 35.733333333333334vw;
    height: 26.666666666666668vw;
    display: block;
    position: absolute;
    left: -4.666666666666667vw;
    top: 84.66666666666667vw;
    right: auto;
    bottom: auto;
    z-index: 1;
    opacity: 0.7;
  }
  .l-top-present__obj3 {
    width: 49.333333333333336vw;
    height: 52.800000000000004vw;
    display: block;
    position: absolute;
    left: 48.66666666666667vw;
    top: 22.666666666666664vw;
    right: auto;
    bottom: auto;
    z-index: 1;
    opacity: 0.4;
  }
  .l-top-present__title {
    background-image: url("../img/top/present/title-contents-sp.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    width: 66.93333333333334vw;
    height: 27.333565333333336vw;
    display: block;
    text-indent: -9999px;
    display: block;
    position: absolute;
    left: 16vw;
    top: 13.866666666666665vw;
    right: auto;
    bottom: auto;
    z-index: 5;
  }
  .l-top-present__copy {
    background-image: url("../img/top/present/copy-1-sp.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    width: 92.4vw;
    height: 40.667088vw;
    display: block;
    text-indent: -9999px;
    display: block;
    position: absolute;
    left: 0px;
    top: 48vw;
    right: auto;
    bottom: auto;
    z-index: 5;
  }
  .l-top-present__product {
    display: none;
  }
  .l-top-present__present {
    display: block;
    position: absolute;
    left: 0px;
    top: 93.33333333333333vw;
    right: auto;
    bottom: auto;
    z-index: 4;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .l-top-present__present:after {
    content: "";
    position: absolute;
    left: calc(50% - 4vw);
    top: 13.333333333333334vw;
    background-image: url("../img/top/present/and-sp.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    width: 7.199999999999999vw;
    height: 7.199999999999999vw;
    display: block;
    text-indent: -9999px;
  }
  .l-top-present__present__product1,
  .l-top-present__present__product2 {
    width: 45.06666666666666vw;
    height: 32.266666666666666vw;
    background-color: #d80c1e;
    border-radius: 1.066666666666667vw;
    -webkit-box-shadow: 0 2.666666666666667vw 2.666666666666667vw rgba(0,0,0,0.1);
            box-shadow: 0 2.666666666666667vw 2.666666666666667vw rgba(0,0,0,0.1);
    position: relative;
    padding-top: 18vw;
    color: #fff;
    text-align: center;
  }
  .l-top-present__present__product1__img,
  .l-top-present__present__product2__img {
    position: absolute;
    left: calc(50% - 5.3vw);
    top: -2.133333333333333vw;
  }
  .l-top-present__present__product1__title,
  .l-top-present__present__product2__title {
    font-size: 3.2vw;
    font-family: 'Noto Serif Japanese', serif, sans-serif;
  }
  .l-top-present__present__product1__point,
  .l-top-present__present__product2__point {
    font-size: 2.933333333333333vw;
    display: inline-block;
    width: 16.53333333333333vw;
    height: 5.600000000000001vw;
    border-radius: 2.8vw;
    line-height: 5.066666666666666vw;
    border: 1px solid #fff;
    margin-top: 2.133333333333333vw;
  }
  .l-top-present__present__product1__img {
    background-image: url("../img/top/present/img-product-1-sp.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    width: 10.133333333333333vw;
    height: 17.866688vw;
    display: block;
    text-indent: -9999px;
  }
  .l-top-present__present__product2__img {
    background-image: url("../img/top/present/img-product-2-sp.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    width: 10.133333333333333vw;
    height: 17.866688vw;
    display: block;
    text-indent: -9999px;
  }
  .l-top-present__period {
    display: block;
    position: absolute;
    left: 0;
    top: 129.33333333333331vw;
    right: auto;
    bottom: auto;
    z-index: 5;
    font-family: 'Noto Serif Japanese', serif, sans-serif;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .l-top-present__period dt {
    background-color: #fff;
    width: 19.733333333333334vw;
    height: 8vw;
    line-height: 8vw;
    text-align: center;
    color: #d80c1e;
    font-size: 3.733333333333334vw;
    letter-spacing: 0.1rem;
  }
  .l-top-present__period dd {
    border: 1px solid #fff;
    width: 71.73333333333333vw;
    height: 8vw;
    text-align: center;
    background-color: #b10b1a;
    color: #fff;
    letter-spacing: 0.02rem;
    font-size: 3.2vw;
    line-height: 7.466666666666668vw;
  }
  .l-top-present__period dd .n {
    font-size: 4.266666666666667vw;
  }
  .l-top-present__oubobtn {
    position: absolute;
    z-index: 5;
    top: 143.2vw;
    left: calc(50% - 34.5vw);
  }
  .l-top-present__memo {
    position: absolute;
    z-index: 5;
    top: 163.33333333333334vw;
    width: 100%;
    text-align: center;
    color: #fff;
    opacity: 0.6;
  }
}
@media screen and (min-width: 751px) {
  .l-top-product {
    position: relative;
    padding-top: 130px;
  }
  .l-top-product__2column {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .l-top-product__2column__column {
    width: 475px;
    position: relative;
  }
  .l-top-product__top {
    padding-bottom: 70px;
  }
  .l-top-product__subtitle {
    background-image: url("../img/top/product/title-contents.png");
    background-repeat: no-repeat;
    background-position: center center;
    width: 410px;
    height: 152px;
    display: block;
    text-indent: -9999px;
    margin-left: 50px;
  }
  .l-top-product__title {
    text-align: center;
    font-size: 28px;
    font-weight: bold;
    font-family: 'Noto Serif Japanese', serif, sans-serif;
    color: #3c2014;
    letter-spacing: 0.05rem;
    margin-top: 22px;
  }
  .l-top-product__tag {
    text-align: center;
    font-size: 20px;
    font-family: 'Noto Serif Japanese', serif, sans-serif;
    border: 1px solid #3c2014;
    color: #3c2014;
    letter-spacing: 0.05rem;
    width: 200px;
    height: 45px;
    line-height: 45px;
    margin: 25px auto 0;
  }
  .l-top-product__rank {
    background-image: url("../img/top/product/rank.png");
    background-repeat: no-repeat;
    background-position: center center;
    width: 193px;
    height: 178px;
    display: block;
    text-indent: -9999px;
    margin: 0 auto;
  }
  .l-top-product__rankmemo {
    line-height: 1.5;
    text-align: center;
    margin-top: 25px;
    opacity: 0.5;
  }
  .l-top-product__item {
    padding-bottom: 80px;
  }
  .l-top-product__item__kv {
    width: 475px;
    height: 580px;
    background-color: #edf0f2;
    position: relative;
  }
  .l-top-product__item__kv__title {
    color: #6d6c6c;
    -webkit-writing-mode: vertical-rl;
        -ms-writing-mode: tb-rl;
            writing-mode: vertical-rl;
    -webkit-text-orientation: upright;
            text-orientation: upright;
    font-family: 'Noto Serif Japanese', serif, sans-serif;
    font-size: 20px;
    letter-spacing: 0.2rem;
    display: block;
    position: absolute;
    right: 50px;
    top: 50px;
    z-index: 5;
  }
  .l-top-product__item__kv__title span {
    display: inline-block;
    background-color: #fff;
    padding: 10px;
    margin-left: 10px;
  }
  .l-top-product__item__kv__product {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    right: auto;
    bottom: auto;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-size: contain;
  }
  .l-top-product__item__kv__product.product1 {
    background-image: url("../img/top/product/img-product-1.png");
  }
  .l-top-product__item__kv__product.product2 {
    background-image: url("../img/top/product/img-product-2.png");
  }
  .l-top-product__item__kv__product.product3 {
    background-image: url("../img/top/product/img-product-3.png");
  }
  .l-top-product__item__kv__product.product4 {
    background-image: url("../img/top/product/img-product-4.png");
  }
  .l-top-product__item__info {
    text-align: center;
    min-height: 172px;
  }
  .l-top-product__item__info.widthtxt {
    min-height: 302px;
  }
  .l-top-product__item__label {
    color: #3c2014;
    font-family: 'Noto Serif Japanese', serif, sans-serif;
    font-size: 16px;
    letter-spacing: 0.1rem;
    line-height: 1.5;
    padding-top: 32px;
  }
  .l-top-product__item__title {
    color: #3c2014;
    font-family: 'Noto Serif Japanese', serif, sans-serif;
    font-size: 24px;
    letter-spacing: 0.05rem;
    line-height: 1.5;
    padding-top: 8px;
  }
  .l-top-product__item__hanbai {
    opacity: 0.5;
    letter-spacing: 0.1rem;
    line-height: 1.5;
    padding-top: 12px;
  }
  .l-top-product__item__txt {
    padding-top: 18px;
    color: #3c2014;
    font-size: 17px;
    line-height: 1.75;
  }
  .l-top-product__item__txt sup {
    vertical-align: super;
    font-size: 11px;
  }
  .l-top-product__item__memo {
    opacity: 0.5;
    letter-spacing: 0.1rem;
    line-height: 1.5;
    padding-top: 8px;
  }
}
@media screen and (max-width: 750px) {
  .l-top-product {
    position: relative;
    padding-top: 16.8vw;
  }
  .l-top-product__2column {
    display: block;
  }
  .l-top-product__2column__column {
    display: block;
  }
  .l-top-product__top {
    position: relative;
    padding-bottom: 12vw;
  }
  .l-top-product__subtitle {
    background-image: url("../img/top/product/title-contents-sp.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    width: 65.60000000000001vw;
    height: 24.39992vw;
    display: block;
    text-indent: -9999px;
    margin-left: -0.8vw;
  }
  .l-top-product__title {
    font-size: 4.266666666666667vw;
    font-weight: bold;
    font-family: 'Noto Serif Japanese', serif, sans-serif;
    color: #3c2014;
    letter-spacing: 0.05rem;
    margin-top: 0.8vw;
    margin-left: 2.666666666666667vw;
  }
  .l-top-product__tag {
    text-align: center;
    font-size: 4.266666666666667vw;
    font-family: 'Noto Serif Japanese', serif, sans-serif;
    border: 1px solid #3c2014;
    color: #3c2014;
    letter-spacing: 0.05rem;
    width: 36vw;
    height: 8vw;
    line-height: 7.733333333333333vw;
    margin-top: 2.133333333333333vw;
    margin-left: 2.666666666666667vw;
  }
  .l-top-product__rank {
    background-image: url("../img/top/product/rank-sp.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    width: 34.66666666666667vw;
    height: 32.00010666666667vw;
    display: block;
    text-indent: -9999px;
    display: block;
    position: absolute;
    right: 0;
    top: 8vw;
    z-index: 1;
  }
  .l-top-product__rankmemo {
    line-height: 1.6;
    text-align: center;
    margin-top: 5.333333333333334vw;
    opacity: 0.5;
  }
  .l-top-product__item {
    width: 80.80000000000001vw;
    margin: 0 auto;
    padding-bottom: 13.333333333333334vw;
  }
  .l-top-product__item__kv {
    width: 80.80000000000001vw;
    height: 98.66666666666667vw;
    background-color: #edf0f2;
    position: relative;
  }
  .l-top-product__item__kv__title {
    color: #6d6c6c;
    -webkit-writing-mode: vertical-rl;
        -ms-writing-mode: tb-rl;
            writing-mode: vertical-rl;
    -webkit-text-orientation: upright;
            text-orientation: upright;
    font-family: 'Noto Serif Japanese', serif, sans-serif;
    font-size: 4.266666666666667vw;
    letter-spacing: 0.2rem;
    display: block;
    position: absolute;
    right: 7.733333333333333vw;
    top: 6.666666666666667vw;
    z-index: 5;
  }
  .l-top-product__item__kv__title span {
    display: inline-block;
    background-color: #fff;
    padding: 1.333333333333333vw;
    margin-left: 1.333333333333333vw;
  }
  .l-top-product__item__kv__product {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    right: auto;
    bottom: auto;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-size: contain;
  }
  .l-top-product__item__kv__product.product1 {
    background-image: url("../img/top/product/img-product-1-sp.png");
  }
  .l-top-product__item__kv__product.product2 {
    background-image: url("../img/top/product/img-product-2-sp.png");
  }
  .l-top-product__item__kv__product.product3 {
    background-image: url("../img/top/product/img-product-3-sp.png");
  }
  .l-top-product__item__kv__product.product4 {
    background-image: url("../img/top/product/img-product-4-sp.png");
  }
  .l-top-product__item__info {
    text-align: center;
    padding-bottom: 4.8vw;
  }
  .l-top-product__item__label {
    color: #3c2014;
    font-family: 'Noto Serif Japanese', serif, sans-serif;
    font-size: 3.733333333333334vw;
    letter-spacing: 0.1rem;
    line-height: 1.5;
    padding-top: 6.4vw;
  }
  .l-top-product__item__title {
    color: #3c2014;
    font-family: 'Noto Serif Japanese', serif, sans-serif;
    font-size: 6.4vw;
    letter-spacing: 0rem;
    line-height: 1.5;
    padding-top: 2.666666666666667vw;
  }
  .l-top-product__item__hanbai {
    opacity: 0.5;
    letter-spacing: 0.05rem;
    line-height: 1.5;
    padding-top: 2.666666666666667vw;
  }
  .l-top-product__item__txt {
    padding-top: 2.666666666666667vw;
    color: #3c2014;
    font-size: 4vw;
    line-height: 1.75;
  }
  .l-top-product__item__txt sup {
    vertical-align: super;
    font-size: 2.666666666666667vw;
  }
  .l-top-product__item__memo {
    opacity: 0.5;
    letter-spacing: 0rem;
    line-height: 1.5;
    padding-top: 2.133333333333333vw;
  }
}
@media screen and (min-width: 751px) {
  .l-top-twitter {
    position: relative;
  }
  .l-top-twitter__title {
    text-align: center;
    font-size: 28px;
    font-weight: bold;
    font-family: 'Noto Serif Japanese', serif, sans-serif;
    color: #fff;
    line-height: 1.6;
    letter-spacing: 0.05rem;
  }
  .l-top-twitter__box {
    border: 2px solid #fff;
    margin-top: 50px;
  }
  .l-top-twitter__box__title {
    background-color: #fff;
    color: #9e2322;
    width: 100%;
    height: 45px;
    line-height: 45px;
    font-family: 'Noto Serif Japanese', serif, sans-serif;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 0.1rem;
  }
  .l-top-twitter__box__period {
    font-size: 28px;
    font-family: 'Noto Serif Japanese', serif, sans-serif;
    text-align: center;
    color: #fff;
    letter-spacing: 0.1rem;
    padding: 50px 0;
  }
  .l-top-twitter__box__period .n {
    font-size: 38px;
  }
  .l-top-twitter__box__step {
    position: relative;
    height: 574px;
    zoom: 1;
  }
  .l-top-twitter__box__step:after,
  .l-top-twitter__box__step:before {
    content: "";
    display: table;
  }
  .l-top-twitter__box__step:after {
    clear: both;
  }
  .l-top-twitter__box__step:before {
    content: "";
    background-image: url("../img/top/twitter/line.png");
    background-repeat: no-repeat;
    background-position: center center;
    width: 40px;
    height: 469px;
    display: block;
    text-indent: -9999px;
    display: block;
    position: absolute;
    left: 0;
    top: 50px;
    right: auto;
    bottom: auto;
    z-index: 1;
    left: calc(50% - 16px);
  }
  .l-top-twitter__box__step__step1,
  .l-top-twitter__box__step__step2 {
    width: 50%;
    text-align: center;
    padding-top: 50px;
  }
  .l-top-twitter__box__step__step1__txt,
  .l-top-twitter__box__step__step2__txt {
    font-size: 16px;
    line-height: 1.5;
    color: #fff;
    margin-top: 20px;
  }
  .l-top-twitter__box__step__step1 {
    float: left;
  }
  .l-top-twitter__box__step__step1__img {
    background-image: url("../img/top/twitter/step1.png");
    background-repeat: no-repeat;
    background-position: center center;
    width: 230px;
    height: 290px;
    display: block;
    text-indent: -9999px;
    margin: 0 auto;
  }
  .l-top-twitter__box__step__step1__btn {
    margin-top: 25px;
  }
  .l-top-twitter__box__step__step2 {
    float: right;
  }
  .l-top-twitter__box__step__step2__img {
    background-image: url("../img/top/twitter/step2.png");
    background-repeat: no-repeat;
    background-position: center center;
    width: 230px;
    height: 290px;
    display: block;
    text-indent: -9999px;
    margin: 0 auto;
  }
  .l-top-twitter__box__step__step2__txt {
    font-weight: bold;
  }
}
@media screen and (max-width: 750px) {
  .l-top-twitter {
    position: relative;
  }
  .l-top-twitter__title {
    text-align: center;
    font-size: 5.066666666666666vw;
    font-weight: bold;
    font-family: 'Noto Serif Japanese', serif, sans-serif;
    color: #fff;
    line-height: 1.6;
    letter-spacing: 0.05rem;
  }
  .l-top-twitter__box {
    border: 2px solid #fff;
    margin-top: 6.666666666666667vw;
  }
  .l-top-twitter__box__title {
    background-color: #fff;
    color: #9e2322;
    width: 100%;
    height: 45px;
    line-height: 45px;
    font-family: 'Noto Serif Japanese', serif, sans-serif;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 0.1rem;
  }
  .l-top-twitter__box__period {
    font-size: 4.8vw;
    font-family: 'Noto Serif Japanese', serif, sans-serif;
    text-align: center;
    color: #fff;
    letter-spacing: 0.1rem;
    padding: 7.333333333333333vw 0;
  }
  .l-top-twitter__box__period .n {
    font-size: 6.4vw;
  }
  .l-top-twitter__box__step {
    position: relative;
    padding-bottom: 9.333333333333334vw;
  }
  .l-top-twitter__box__step__step1,
  .l-top-twitter__box__step__step2 {
    text-align: center;
    padding-top: 6.666666666666667vw;
  }
  .l-top-twitter__box__step__step1__txt,
  .l-top-twitter__box__step__step2__txt {
    font-size: 3.733333333333334vw;
    line-height: 1.5;
    color: #fff;
    margin-top: 2.666666666666667vw;
  }
  .l-top-twitter__box__step__step1__img {
    background-image: url("../img/top/twitter/step1-sp.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    width: 38.666666666666664vw;
    height: 49.33325333333333vw;
    display: block;
    text-indent: -9999px;
    margin: 0 auto;
  }
  .l-top-twitter__box__step__step1__btn {
    margin-top: 2.666666666666667vw;
  }
  .l-top-twitter__box__step__step2:before {
    content: "";
    background-image: url("../img/top/twitter/line-sp.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    width: 70.53333333333333vw;
    height: 5.600346666666667vw;
    display: block;
    text-indent: -9999px;
    margin: 0 auto;
    margin-bottom: 5.333333333333334vw;
  }
  .l-top-twitter__box__step__step2__img {
    background-image: url("../img/top/twitter/step2-sp.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    width: 38.666666666666664vw;
    height: 49.33325333333333vw;
    display: block;
    text-indent: -9999px;
    margin: 0 auto;
  }
  .l-top-twitter__box__step__step2__txt {
    font-weight: bold;
  }
}