html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, 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-size: 100%;
  font-weight: inherit
}
body {
  position: relative;
    font-family: 'Zen Kaku Gothic New', sans-serif;
  font-weight: 500;
  font-style: normal;
  letter-spacing: .03em;
  color: #212121;
  min-width: 320px;
  text-align: left;
  font-variant-ligatures: none;
  -webkit-font-feature-settings: "palt"1;
  font-feature-settings: "palt"1;
  overflow-wrap: break-word;
  overscroll-behavior: none;
  -webkit-font-smoothing: antialiased;
  -webkit-overflow-scrolling: auto
}
html {
  -ms-overflow-style: none;
  scrollbar-width: none;
  -webkit-text-size-adjust: 100%
}
html::-webkit-scrollbar {
  display: none
}
html, body {
  min-width: 320px !important
}
ol, ul, ol li, ul li {
  list-style: none
}
blockquote, q {
  quotes: none
}
blockquote:before, blockquote:after, q:before, q:after {
  content: '';
  content: none
}
table, table tr, table tr th, table tr td {
  border-collapse: collapse;
  border-spacing: 0
}
p, h1, h2, h3, h4, h5, h6, ul, ol, li, dl {
  clear: none
}
image {
  -ms-interpolation-mode: bicubic;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  image-rendering: -webkit-optimize-contrast
}
img {
  overflow: hidden;
  vertical-align: bottom;
  margin: 0;
  padding: 0;
  border: none;
  width: 100%;
  max-width: 100%;
  min-height: 1px;
  height: auto;
  line-height: 1em;
  -ms-interpolation-mode: bicubic;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  image-rendering: -webkit-optimize-contrast
}
_::-webkit-full-page-media, _:future, :root img {
  image-rendering: auto
}
a {
  color: #212121;
  margin: 0;
  padding: 0;
  text-decoration: none
}
a:focus {
  outline: auto
}
* {
  box-sizing: border-box
}
b {
  font-family: YakuHanJP, ryo-gothic-plusn, sans-serif;
  font-weight: 700
}
.c_font-r {
  font-family: YakuHanJP, ryo-gothic-plusn, sans-serif;
  font-weight: 400
}
.c_font-b {
  font-family: YakuHanJP, ryo-gothic-plusn, sans-serif;
  font-weight: 700
}
.c_font-n {
  font-family: YakuHanJP, ryo-gothic-plusn, sans-serif;
  font-weight: 500
}
.c_font-en {
  font-family: paralucent, sans-serif;
  font-weight: 700
}
.c_font-en-h {
  font-family: paralucent, sans-serif;
  font-weight: 900
}
.c_font-en-h-str {
  font-family: paralucent, sans-serif;
  font-weight: 900;
  font-size: 18px !important;
  letter-spacing: .01em !important
}
@media only screen and (max-width: 760px) {
  .c_font-en-h-str {
    font-size: 16px !important;
    letter-spacing: 0em !important
  }
}
.c_ib {
  display: inline-block
}
.c_btn-circle-type1 {
  width: 100%;
  height: 100%;
  text-align: center;
  line-height: 1;
  overflow: hidden
}
.c_btn-circle-type1 .text {
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 14px;
  line-height: 1;
  letter-spacing: .02em;
  overflow: hidden;
  white-space: nowrap
}
@media print {
  .c_btn-circle-type1 .text {
    font-size: 8.2352941176px !important
  }
}
@media only screen and (max-width: 760px) {
  .c_btn-circle-type1 .text {
    font-size: 13px;
    line-height: 1;
    letter-spacing: .02em
  }
}
.c_btn-circle-type1 .circle_bk {
  width: 100%;
  height: 100%
}
.c_btn-circle-type1 .circle_bk svg {
  width: 100%;
  height: 100%
}
.c_btn-circle-type1 .circle_main {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0
}
.c_btn-circle-type1 .circle_main svg {
  width: 100%;
  height: 100%
}
.c_btn-circle-type1 .circle_main svg use {
  stroke-dasharray: 523px;
  stroke-dashoffset: 523px;
  transition: stroke-dashoffset .8s
}
.c_btn-circle-type1 .arrow {
  position: relative;
  display: inline-block;
  margin-left: 12px;
  width: 10px;
  height: 10px;
  overflow: hidden
}
.c_btn-circle-type1 .arrow:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  background-image: url("../img/ico_arrow_red_diag.svg");
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 100% auto;
  transform-origin: left bottom;
  transition: opacity .3s, transform .3s
}
.c_btn-circle-type1 .arrow:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 4px;
  right: 4px;
  background-image: url("../img/ico_arrow_red_diag.svg");
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 100% auto;
  transform-origin: left bottom;
  transition: opacity .3s, transform .3s;
  opacity: 0
}
.c_btn-circle-type1 a {
  position: relative;
  width: 100%;
  height: 100%;
  display: block;
  color: #40b44b
}
.c_btn-circle-type1 a:hover .arrow:after {
  transform: translate(100%, -100%);
  opacity: 0
}
.c_btn-circle-type1 a:hover .arrow:before {
  transform: translate(4px, -4px);
  opacity: 1
}
.c_btn-circle-type1 a:hover .circle_main svg use {
  stroke-dashoffset: 0
}
.c_btn-circle-type0 {
  width: 44px;
  height: 32px;
  position: relative
}
@media only screen and (max-width: 760px) {
  .c_btn-circle-type0 {
    width: 36px;
    height: 26px
  }
}
.c_btn-circle-type0 .circle_bk {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0
}
.c_btn-circle-type0 .circle_bk svg {
  width: 100%;
  height: 100%
}
.c_btn-circle-type0 .circle_main {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0
}
.c_btn-circle-type0 .circle_main svg {
  width: 100%;
  height: 100%
}
.c_btn-circle-type0 .circle_main svg use {
  width: 100%;
  height: 100%;
  stroke-dasharray: 136px;
  stroke-dashoffset: 136px;
  transition: stroke-dashoffset .8s
}
.c_btn-circle-type2 .text {
  padding: 12px 62px 12px 12px;
  font-size: 13px;
  line-height: 1;
  letter-spacing: .03em
}
@media print {
  .c_btn-circle-type2 .text {
    font-size: 7.6470588235px !important
  }
}
@media only screen and (max-width: 760px) {
  .c_btn-circle-type2 .text {
    padding: 8px 51px 8px 0;
    font-size: 14px;
    line-height: 1;
    letter-spacing: .03em
  }
}
.c_btn-circle-type2 .circle_bk {
  width: 53px;
  height: 37px;
  position: absolute;
  top: 0;
  right: -1px
}
@media only screen and (max-width: 760px) {
  .c_btn-circle-type2 .circle_bk {
    width: 45px;
    height: 31px;
    top: -1px
  }
}
.c_btn-circle-type2 .circle_bk svg {
  width: 100%;
  height: 100%
}
.c_btn-circle-type2 .circle_main {
  width: 53px;
  height: 37px;
  position: absolute;
  top: 0;
  right: -1px
}
@media only screen and (max-width: 760px) {
  .c_btn-circle-type2 .circle_main {
    width: 45px;
    height: 31px;
    top: -1px
  }
}
.c_btn-circle-type2 .circle_main svg {
  width: 100%;
  height: 100%
}
.c_btn-circle-type2 .circle_main svg use {
  width: 100%;
  height: 100%;
  stroke-dasharray: 136px;
  stroke-dashoffset: 136px;
  transition: stroke-dashoffset .8s
}
.c_btn-circle-type2 .arrow {
  position: absolute;
  width: 13px;
  height: 3px;
  top: 17px;
  right: 19px;
  overflow: hidden
}
@media only screen and (max-width: 760px) {
  .c_btn-circle-type2 .arrow {
    top: 13px;
    right: 15px
  }
}
.c_btn-circle-type2 .arrow:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-image: url("../img/ico_point.svg");
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 100% auto;
  transform-origin: left bottom;
  transition: opacity .3s, transform .3s
}
.c_btn-circle-type2 .arrow:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: -8px;
  background-image: url("../img/ico_point.svg");
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 100% auto;
  transform-origin: left bottom;
  transition: opacity .3s, transform .3s;
  opacity: 0
}
.c_btn-circle-type2 .no-href, .c_btn-circle-type2 a {
  position: relative;
  display: block;
  color: #40b44b
}
.c_btn-circle-type2 .no-href:hover .arrow:after, .c_btn-circle-type2 a:hover .arrow:after {
  transform: translate(100%, 0);
  opacity: 0
}
.c_btn-circle-type2 .no-href:hover .arrow:before, .c_btn-circle-type2 a:hover .arrow:before {
  transform: translate(8px, 0);
  opacity: 1
}
.c_btn-circle-type2 .no-href:hover .circle_main svg use, .c_btn-circle-type2 a:hover .circle_main svg use {
  stroke-dashoffset: 0
}
.c_btn-circle-type2--left .arrow {
  right: auto;
  left: 19px
}
@media only screen and (max-width: 760px) {
  .c_btn-circle-type2--left .arrow {
    top: 13px;
    right: 15px;
    left: auto
  }
}
.c_btn-circle-type2--left .circle_bk {
  right: auto;
  left: -1px
}
@media only screen and (max-width: 760px) {
  .c_btn-circle-type2--left .circle_bk {
    right: 0;
    left: auto
  }
}
.c_btn-circle-type2--left .circle_main {
  right: auto;
  left: -1px
}
@media only screen and (max-width: 760px) {
  .c_btn-circle-type2--left .circle_main {
    right: 0;
    left: auto
  }
}
.c_btn-circle-type2--left .text {
  padding: 10px 10px 13px 61px
}
@media only screen and (max-width: 760px) {
  .c_btn-circle-type2--left .text {
    padding: 8px 51px 8px 0
  }
}
.c_btn-circle-type2--diagleft .text {
  padding: 10px 10px 13px 61px
}
@media only screen and (max-width: 760px) {
  .c_btn-circle-type2--diagleft .text {
    padding: 8px 0 8px 51px
  }
}
.c_btn-circle-type2--diagleft .circle_bk {
  right: auto;
  left: -1px
}
.c_btn-circle-type2--diagleft .circle_main {
  right: auto;
  left: -1px
}
.c_btn-circle-type2--diagleft .arrow {
  position: absolute;
  width: 10px;
  height: 10px;
  top: 13px;
  left: 21px;
  overflow: hidden;
  transform: scale(-1, 1)
}
@media only screen and (max-width: 760px) {
  .c_btn-circle-type2--diagleft .arrow {
    top: 9px;
    left: 16px
  }
}
.c_btn-circle-type2--diagleft .arrow:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  background-image: url("../img/ico_arrow_red_diag.svg");
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 100% auto;
  transform-origin: left bottom;
  transition: opacity .3s, transform .3s
}
.c_btn-circle-type2--diagleft .arrow:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 4px;
  left: -4px;
  background-image: url("../img/ico_arrow_red_diag.svg");
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 100% auto;
  transform-origin: left bottom;
  transition: opacity .3s, transform .3s;
  opacity: 0
}
.c_btn-circle-type2--diagleft a:hover .arrow:after {
  transform: translate(100%, -100%);
  opacity: 0
}
.c_btn-circle-type2--diagleft a:hover .arrow:before {
  transform: translate(4px, -4px);
  opacity: 1
}
.c_btn-circle-type2--diagright .text {
  padding: 10px 10px 13px 61px
}
@media only screen and (max-width: 760px) {
  .c_btn-circle-type2--diagright .text {
    padding: 8px 0 8px 51px
  }
}
.c_btn-circle-type2--diagright .circle_bk {
  right: auto;
  left: 0
}
.c_btn-circle-type2--diagright .circle_main {
  right: auto;
  left: 0
}
.c_btn-circle-type2--diagright .arrow {
  position: absolute;
  width: 10px;
  height: 10px;
  top: 13px;
  left: 20px;
  overflow: hidden
}
@media only screen and (max-width: 760px) {
  .c_btn-circle-type2--diagright .arrow {
    top: 9px;
    left: 16px
  }
}
.c_btn-circle-type2--diagright .arrow:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  background-image: url("../img/ico_arrow_red_diag.svg");
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 100% auto;
  transform-origin: left bottom;
  transition: opacity .3s, transform .3s
}
.c_btn-circle-type2--diagright .arrow:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 4px;
  left: -4px;
  background-image: url("../img/ico_arrow_red_diag.svg");
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 100% auto;
  transform-origin: left bottom;
  transition: opacity .3s, transform .3s;
  opacity: 0
}
.c_btn-circle-type2--diagright .no-href:hover .arrow:after, .c_btn-circle-type2--diagright a:hover .arrow:after {
  transform: translate(100%, -100%);
  opacity: 0
}
.c_btn-circle-type2--diagright .no-href:hover .arrow:before, .c_btn-circle-type2--diagright a:hover .arrow:before {
  transform: translate(4px, -4px);
  opacity: 1
}
.c_btn-circle-type2--w .no-href, .c_btn-circle-type2--w a {
  color: #fff
}
.c_btn-circle-type2--w .arrow:after {
  background-image: url("../img/ico_arrow_diag.svg")
}
.c_btn-circle-type2--w .arrow:before {
  background-image: url("../img/ico_arrow_diag.svg")
}
.c_btn-circle-type2--arwleft .text {
  padding: 10px 10px 13px 61px
}
@media only screen and (max-width: 760px) {
  .c_btn-circle-type2--arwleft .text {
    padding: 8px 0 8px 51px
  }
}
.c_btn-circle-type2--arwleft .circle_bk, .c_btn-circle-type2--arwleft .circle_main {
  right: auto;
  left: -1px;
  height: 38px
}
@media only screen and (max-width: 760px) {
  .c_btn-circle-type2--arwleft .circle_bk, .c_btn-circle-type2--arwleft .circle_main {
    height: 32px
  }
}
.c_btn-circle-type2--arwleft .arrow {
  position: absolute;
  width: 11px;
  height: 6px;
  top: 16px;
  left: 20px;
  overflow: hidden;
  transform: scale(-1, 1)
}
@media only screen and (max-width: 760px) {
  .c_btn-circle-type2--arwleft .arrow {
    top: 12px;
    left: 16px
  }
}
.c_btn-circle-type2--arwleft .arrow:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  background-image: url("../img/ico_arrow_red.svg");
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 100% auto;
  transform-origin: left bottom;
  transition: opacity .3s, transform .3s
}
.c_btn-circle-type2--arwleft .arrow:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: -4px;
  background-image: url("../img/ico_arrow_red.svg");
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 100% auto;
  transform-origin: left bottom;
  transition: opacity .3s, transform .3s;
  opacity: 0
}
.c_btn-circle-type2--arwleft a:hover .arrow:after {
  transform: translate(100%, 0);
  opacity: 0
}
.c_btn-circle-type2--arwleft a:hover .arrow:before {
  transform: translate(4px, 0);
  opacity: 1
}
.c_btn-circle-type2--arwright .circle_bk, .c_btn-circle-type2--arwright .circle_main {
  height: 38px
}
@media only screen and (max-width: 760px) {
  .c_btn-circle-type2--arwright .circle_bk, .c_btn-circle-type2--arwright .circle_main {
    height: 32px
  }
}
.c_btn-circle-type2--arwright .arrow {
  position: absolute;
  width: 11px;
  height: 6px;
  top: 16px;
  right: 21px;
  overflow: hidden
}
@media only screen and (max-width: 760px) {
  .c_btn-circle-type2--arwright .arrow {
    top: 12px;
    right: 16px
  }
}
.c_btn-circle-type2--arwright .arrow:after {
  top: 0;
  right: 0;
  background-image: url("../img/ico_arrow_red.svg")
}
.c_btn-circle-type2--arwright .arrow:before {
  top: 0;
  left: -4px;
  background-image: url("../img/ico_arrow_red.svg")
}
.c_btn-circle-type2--arwright a:hover .arrow:after {
  transform: translate(100%, 0);
  opacity: 0
}
.c_btn-circle-type2--arwright a:hover .arrow:before {
  transform: translate(4px, 0);
  opacity: 1
}
.c_btn-circle-type3 {
  text-align: center;
  line-height: 1;
  width: 100%;
  height: 100%
}
.c_btn-circle-type3 .text {
  display: inline-block;
  white-space: nowrap;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 12px;
  line-height: 1;
  letter-spacing: .03em;
  padding-right: 18px;
  color: #212121
}
@media print {
  .c_btn-circle-type3 .text {
    font-size: 7.0588235294px !important
  }
}
@media only screen and (max-width: 760px) {
  .c_btn-circle-type3 .text {
    padding-right: 0;
    font-size: 12px;
    line-height: 1;
    letter-spacing: .03em
  }
}
.c_btn-circle-type3 .circle_bk {
  width: 100%;
  height: 100%
}
.c_btn-circle-type3 .circle_bk svg {
  width: 100%;
  height: 100%
}
.c_btn-circle-type3 .circle_main {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0
}
.c_btn-circle-type3 .circle_main svg {
  width: 100%;
  height: 100%
}
.c_btn-circle-type3 .circle_main svg use {
  stroke-dasharray: 523px;
  stroke-dashoffset: 523px;
  transition: stroke-dashoffset .8s
}
.c_btn-circle-type3 .arrow {
  position: absolute;
  width: 10px;
  height: 10px;
  top: 16px;
  right: 30px;
  overflow: hidden
}
@media only screen and (max-width: 760px) {
  .c_btn-circle-type3 .arrow {
    top: 4px;
    right: 0
  }
}
.c_btn-circle-type3 .arrow:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  background-image: url("../img/ico_arrow_red_diag.svg");
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 100% auto;
  transform-origin: left bottom;
  transition: opacity .3s, transform .3s
}
.c_btn-circle-type3 .arrow:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 4px;
  right: 4px;
  background-image: url("../img/ico_arrow_red_diag.svg");
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 100% auto;
  transform-origin: left bottom;
  transition: opacity .3s, transform .3s;
  opacity: 0
}
a:hover .c_btn-circle-type3 .arrow:after {
  transform: translate(100%, -100%);
  opacity: 0
}
a:hover .c_btn-circle-type3 .arrow:before {
  transform: translate(4px, -4px);
  opacity: 1
}
a:hover .c_btn-circle-type3 .circle_main svg use {
  stroke-dashoffset: 0
}
a:hover .c_btn-circle-type3 .no_oft.circle_main svg use {
  stroke-dashoffset: 523px
}
.c_ttl {
  font-size: 13px;
  line-height: 1.5;
  letter-spacing: .03em;
  vertical-align: bottom
}
@media print {
  .c_ttl {
    font-size: 7.6470588235px !important
  }
}
@media only screen and (max-width: 760px) {
  .c_ttl {
    font-size: 12px;
    line-height: 1.5;
    letter-spacing: .03em
  }
}
.c_ttl .num {
  display: block;
  font-size: 12px;
  line-height: 1;
  letter-spacing: 0em;
  color: #40b44b;
  margin-bottom: 5px
}
@media print {
  .c_ttl .num {
    font-size: 7.0588235294px !important
  }
}
@media only screen and (max-width: 760px) {
  .c_ttl .num {
    font-size: 12px;
    line-height: 1;
    letter-spacing: 0em;
    margin-bottom: 3px
  }
}
.c_ttl .en {
  font-size: 62px;
  line-height: 1.1;
  letter-spacing: 0em;
  margin-right: 22px
}
@media print {
  .c_ttl .en {
    font-size: 36.4705882353px !important
  }
}
@media only screen and (max-width: 960px) {
  .c_ttl .en {
    display: block;
    margin: 0 0 8px 0
  }
}
@media only screen and (max-width: 760px) {
  .c_ttl .en {
    font-size: 46px;
    line-height: 1.1;
    letter-spacing: 0em;
    margin: 0 0 -6px 0
  }
}
.c_ttl .text {
  vertical-align: 1.3em
}
.c_ttl-mid {
  font-size: 12px;
  line-height: 2.2;
  letter-spacing: .03em;
  vertical-align: bottom
}
@media print {
  .c_ttl-mid {
    font-size: 7.0588235294px !important
  }
}
@media only screen and (max-width: 760px) {
  .c_ttl-mid {
    font-size: 11px;
    line-height: 1;
    letter-spacing: .03em
  }
}
.c_ttl-mid .num {
  display: block;
  font-size: 12px;
  line-height: 1;
  letter-spacing: 0em;
  color: #40b44b;
  margin-bottom: 3px
}
@media print {
  .c_ttl-mid .num {
    font-size: 7.0588235294px !important
  }
}
@media only screen and (max-width: 760px) {
  .c_ttl-mid .num {
    font-size: 12px;
    line-height: 1;
    letter-spacing: 0em;
    margin-bottom: 4px
  }
}
.c_ttl-mid .en {
  font-size: 52px;
  line-height: 1.1;
  letter-spacing: 0em;
  margin-right: 21px
}
@media print {
  .c_ttl-mid .en {
    font-size: 30.5882352941px !important
  }
}
@media only screen and (max-width: 960px) {
  .c_ttl-mid .en {
    display: block;
    margin: 0 0 -18px 0
  }
}
@media only screen and (max-width: 760px) {
  .c_ttl-mid .en {
    font-size: 36px;
    line-height: 1.1;
    letter-spacing: 0em;
    margin: 0 0 -1px 0
  }
}
.c_ttl-mid .text {
  vertical-align: .7em
}
.c_ttl-mid-jp {
  vertical-align: bottom
}
@media only screen and (max-width: 760px) {
  .c_ttl-mid-jp {
    font-size: 11px;
    line-height: 1;
    letter-spacing: .03em
  }
}
.c_ttl-mid-jp .num {
  display: block;
  font-size: 12px;
  line-height: 1;
  letter-spacing: 0em;
  color: #40b44b;
  margin-bottom: 10px
}
@media print {
  .c_ttl-mid-jp .num {
    font-size: 7.0588235294px !important
  }
}
@media only screen and (max-width: 760px) {
  .c_ttl-mid-jp .num {
    font-size: 12px;
    line-height: 1;
    letter-spacing: 0em;
    margin-bottom: 4px
  }
}
.c_ttl-mid-jp .text {
  font-size: 34px;
  line-height: 1.1;
  letter-spacing: .03em
}
@media print {
  .c_ttl-mid-jp .text {
    font-size: 20px !important
  }
}
@media only screen and (max-width: 760px) {
  .c_ttl-mid-jp .text {
    font-size: 24px;
    line-height: 1.1;
    letter-spacing: .03em;
    margin: 0 0 -1px 0
  }
}
.c_ttl-min {
  font-size: 12px;
  line-height: 2.2;
  letter-spacing: .03em;
  vertical-align: bottom
}
@media print {
  .c_ttl-min {
    font-size: 7.0588235294px !important
  }
}
@media only screen and (max-width: 760px) {
  .c_ttl-min {
    font-size: 10px;
    line-height: 2.2;
    letter-spacing: .03em
  }
}
.c_ttl-min .en {
  font-size: 30px;
  line-height: 1.1;
  letter-spacing: 0em;
  margin-right: 14px
}
@media print {
  .c_ttl-min .en {
    font-size: 17.6470588235px !important
  }
}
@media only screen and (max-width: 760px) {
  .c_ttl-min .en {
    font-size: 22px;
    line-height: 1.1;
    letter-spacing: 0em;
    margin-right: 8px
  }
}
.c_sbttl {
  margin-bottom: 12px;
  font-size: 26px;
  line-height: 1.3;
  letter-spacing: .03em;
  position: relative;
  padding-left: 18px
}
@media print {
  .c_sbttl {
    font-size: 15.2941176471px !important
  }
}
@media only screen and (max-width: 760px) {
  .c_sbttl {
    margin: 0 0 13px 0;
    padding-left: 16px;
    font-size: 22px;
    line-height: 1.5363636364;
    letter-spacing: .03em
  }
}
.c_sbttl:before {
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #40b44b;
  position: absolute;
  top: 14px;
  left: 0
}
@media only screen and (max-width: 760px) {
  .c_sbttl:before {
    top: 13px
  }
}
.c_sbttl + p {
  font-size: 14px;
  line-height: 1.5;
  letter-spacing: .03em;
  margin: 0 0 36px 18px
}
@media print {
  .c_sbttl + p {
    font-size: 8.2352941176px !important
  }
}
@media only screen and (max-width: 760px) {
  .c_sbttl + p {
    margin: 0 0 21px 0
  }
}
.c_arrow-single {
  position: absolute;
  width: 10px;
  height: 10px;
  overflow: hidden
}
.c_arrow-single:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-image: url("../img/ico_arrow_diag.svg");
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 100% auto;
  transform-origin: left bottom;
  transition: opacity .3s, transform .3s
}
.c_arrow-single:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 4px;
  left: -4px;
  background-image: url("../img/ico_arrow_diag.svg");
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 100% auto;
  transform-origin: left bottom;
  transition: opacity .3s, transform .3s;
  opacity: 0
}
a:hover .c_arrow-single:after {
  transform: translate(100%, -100%);
  opacity: 0
}
a:hover .c_arrow-single:before {
  transform: translate(4px, -4px);
  opacity: 1
}
.c_arrow-single--red:after, .c_arrow-single--red:before {
  background-image: url("../img/ico_arrow_red_diag.svg")
}
.c_arrow-single--inline {
  position: relative;
  display: inline-block;
  vertical-align: 3px;
  margin-left: 12px
}
.c_arrow-single--blank {
  width: 13px;
  height: 14px
}
.c_arrow-single--blank:after, .c_arrow-single--blank:before {
  width: 10px
}
.c_arrow-single--blank:after {
  left: 3px
}
.c_arrow-single--blank:before {
  left: -1px
}
.c_arrow-single--blank span {
  display: block;
  position: absolute;
  width: 13px;
  height: 2px;
  border-radius: 1px;
  bottom: 0;
  left: 0;
  background-color: #fff
}
.c_arrow-set-text {
  padding: 0
}
.c_arrow-set-text:after {
  content: "";
  display: inline-block;
  width: 13px;
  height: 1px;
  margin-left: -13px;
  vertical-align: -1px;
  background-color: #40b44b
}
.c_arrow-dl {
  position: relative;
  display: inline-block;
  width: 10px;
  height: 10px;
  vertical-align: 1px;
  margin-left: 8px;
  overflow: hidden
}
.c_arrow-dl:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-image: url("../img/ico_dl.svg");
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 100% auto;
  transform-origin: center bottom;
  transition: opacity .3s, transform .3s
}
.c_arrow-dl:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: -4px;
  left: 0px;
  background-image: url("../img/ico_dl.svg");
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 100% auto;
  transform-origin: center bottom;
  transition: opacity .3s, transform .3s;
  opacity: 0
}
a:hover .c_arrow-dl:after {
  transform: translate(0, 100%);
  opacity: 0
}
a:hover .c_arrow-dl:before {
  transform: translate(0, 4px);
  opacity: 1
}
.c_new {
  width: 3.6656891496vw;
  height: 2.4193548387vw;
  position: absolute;
  top: 12.3167155425vw;
  left: .5865102639vw;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  box-shadow: 6px 6px 20px rgba(0, 0, 0, 0.06), 0px 0px 4px rgba(0, 0, 0, 0.04);
  border-radius: 50%;
  background-color: #40b44b;
  z-index: 2
}
.c_new img {
  width: 2.0527859238vw
}
@media only screen and (max-width: 760px) {
  .c_new {
    width: 9.5652173913vw;
    height: 5.845410628vw;
    top: 17.8743961353vw;
    left: .9661835749vw
  }
  .c_new img {
    width: 5.7971014493vw;
    margin-top: -.2415458937vw
  }
}
.c_limited {
  width: 3.6656891496vw;
  height: 2.4193548387vw;
  position: absolute;
  top: 12.3167155425vw;
  left: .5865102639vw;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  box-shadow: 6px 6px 20px rgba(0, 0, 0, 0.06), 0px 0px 4px rgba(0, 0, 0, 0.04);
  border-radius: 50%;
  background-color: #40b44b;
  z-index: 2
}
.c_limited img {
  width: 2.7859237537vw;
  margin-top: -2px
}
@media only screen and (max-width: 760px) {
  .c_limited {
    width: 9.5652173913vw;
    height: 5.845410628vw;
    top: 17.8743961353vw;
    left: .9661835749vw
  }
  .c_limited img {
    width: 8.2125603865vw;
    margin-top: -1.2077294686vw
  }
}
.c_contents-fansvoice-ttl {
  overflow: hidden;
  margin-bottom: 58px
}
@media only screen and (max-width: 760px) {
  .c_contents-fansvoice-ttl {
    margin: 6px 0 37px 0
  }
}
.c_contents-fansvoice-ttl-inner {
  display: flex;
  flex-wrap: wrap;
  overflow: hidden
}
.c_contents-fansvoice-ttl-block {
  display: flex;
  align-items: center;
  width: auto;
  padding: 11px 48px 11px 96px;
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 46px auto;
  text-align: center
}
@media only screen and (max-width: 760px) {
  .c_contents-fansvoice-ttl-block {
    padding: 5px 30px 3px 60px;
    background-size: 35px auto;
    background-position: left -1px
  }
}
.c_contents-fansvoice-ttl-block .text {
  display: inline-block;
  font-size: 30px;
  line-height: 1;
  letter-spacing: 0em
}
@media print {
  .c_contents-fansvoice-ttl-block .text {
    font-size: 17.6470588235px !important
  }
}
@media only screen and (max-width: 760px) {
  .c_contents-fansvoice-ttl-block .text {
    font-size: 24px;
    line-height: 1;
    letter-spacing: 0em
  }
}
.c_contents-fansvoice-ttl-block .capsule {
  font-size: 28px;
  line-height: 1;
  letter-spacing: 0em;
  display: inline-block;
  border-radius: 17px;
  height: 34px;
  border: 1px solid #212121;
  margin-left: 10px;
  padding: 5px 14px 0 14px;
  transform: translateY(-4px)
}
@media print {
  .c_contents-fansvoice-ttl-block .capsule {
    font-size: 16.4705882353px !important
  }
}
@media only screen and (max-width: 760px) {
  .c_contents-fansvoice-ttl-block .capsule {
    font-size: 24px;
    line-height: 1;
    letter-spacing: 0em;
    border-radius: 15px;
    height: 30px;
    margin-left: 7px;
    padding: 4px 10px 0 10px;
    transform: translateY(-2px)
  }
}
@media only screen and (max-width: 760px) and (max-width: 760px) {
  .c_contents-fansvoice-lists {
    margin-bottom: 30px
  }
}
.c_contents-fansvoice-list {
  margin-top: 40px;
  margin-right: 4.5454545455vw;
  overflow: hidden;
  border-radius: 2.1994134897vw;
  transition: transform 0.8s cubic-bezier(0.4, 0.03, 0.15, 1);
  will-change: transform
}
@media only screen and (max-width: 760px) {
  .c_contents-fansvoice-list {
    margin-top: 30px;
    margin-right: 0;
    border-radius: 7.2463768116vw;
    padding: 0 2.6570048309vw;
    border-radius: 0
  }
}
.js-even-up .c_contents-fansvoice-list.even {
  transform: translate3d(0, -40px, 0)
}
@media only screen and (max-width: 760px) {
  .js-even-up .c_contents-fansvoice-list.even {
    transform: translate3d(0, -30px, 0)
  }
}
.c_contents-fansvoice-list.odd {
  transform: translate3d(0, -40px, 0)
}
@media only screen and (max-width: 760px) {
  .c_contents-fansvoice-list.odd {
    transform: translate3d(0, -30px, 0)
  }
}
.js-even-up .c_contents-fansvoice-list.odd {
  transform: translate3d(0, 0, 0)
}
@media only screen and (max-width: 760px) {
  .js-even-up .c_contents-fansvoice-list.odd {
    transform: translate3d(0, 0, 0)
  }
}
.c_contents-fansvoice-list figure {
  width: 7.6246334311vw;
  position: absolute;
  top: -.2785923754vw;
  left: -.8064516129vw;
  border-radius: 50%;
  overflow: hidden
}
@media only screen and (max-width: 760px) {
  .c_contents-fansvoice-list figure {
    width: 19.3236714976vw;
    top: -.4830917874vw;
    left: -2.4154589372vw
  }
}
.c_contents-fansvoice-list figure img {
  aspect-ratio: 1
}
.c_contents-fansvoice-list a {
  display: block;
  position: relative;
  min-height: calc((100vw - 761px) / 603 * 112 + 250px);
  padding: 2.3460410557vw clamp(0px, 1.9061583578vw, 26px) 122px clamp(0px, 1.9061583578vw, 26px);
  overflow: hidden
}
@media only screen and (min-width: 1365px) {
  .c_contents-fansvoice-list a {
    min-height: 362px
  }
}
@media only screen and (max-width: 760px) {
  .c_contents-fansvoice-list a {
    min-height: calc((100vw - 415px) / 345 * 48 + 292px);
    padding: 6.2801932367vw 5.5555555556vw 74px 5.5555555556vw;
    border-radius: 7.2463768116vw
  }
}
@media only screen and (max-width: 414px) {
  .c_contents-fansvoice-list a {
    min-height: calc((100vw - 320px) / 94 * 32 + 260px)
  }
}
.c_contents-fansvoice-list-ttl {
  margin: 0 0 3.6656891496vw 6.3049853372vw;
  font-size: 1.1730205279vw;
  letter-spacing: .03em;
  line-height: 1.2
}
@media only screen and (max-width: 960px) {
  .c_contents-fansvoice-list-ttl {
    font-size: calc((1364px - (1364px - var(--font-device-width-unit)) / 1.8) / 1364 * 16);
    line-height: 1.575;
    letter-spacing: .03em
  }
}
@media only screen and (max-width: 760px) {
  .c_contents-fansvoice-list-ttl {
    margin: 0 0 9.6618357488vw 15.2173913043vw;
    font-size: 14px;
    line-height: 1.4;
    letter-spacing: .03em
  }
}
@media only screen and (max-width: 414px) {
  .c_contents-fansvoice-list-ttl {
    margin: 0 0 6.038647343vw 15.2173913043vw
  }
}
.c_contents-fansvoice-list-ttl .prof {
  display: block;
  font-size: calc((1364px - (1364px - var(--font-device-width-unit)) / 2) / 1364 * 10);
  line-height: 1.4;
  letter-spacing: .03em;
  margin-bottom: 6px
}
@media print {
  .c_contents-fansvoice-list-ttl .prof {
    font-size: 5.8823529412px !important
  }
}
@media only screen and (max-width: 960px) {
  .c_contents-fansvoice-list-ttl .prof {
    margin-bottom: 0
  }
}
@media only screen and (max-width: 760px) {
  .c_contents-fansvoice-list-ttl .prof {
    font-size: 10px;
    line-height: 1.4;
    letter-spacing: .03em;
    margin-bottom: 4px
  }
}
.c_contents-fansvoice-list-ttl .name {
  margin-right: 6px
}
@media only screen and (max-width: 760px) {
  .c_contents-fansvoice-list-ttl .name {
    margin-right: 2px
  }
}
.c_contents-fansvoice-list-ttl .text {
  display: inline-block;
  font-size: .8797653959vw
}
@media only screen and (max-width: 960px) {
  .c_contents-fansvoice-list-ttl .text {
    font-size: calc((1364px - (1364px - var(--font-device-width-unit)) / 1.8) / 1364 * 12);
    line-height: 1;
    letter-spacing: .03em
  }
}
@media only screen and (max-width: 760px) {
  .c_contents-fansvoice-list-ttl .text {
    font-size: 10px;
    line-height: 1;
    letter-spacing: .03em
  }
}
.c_contents-fansvoice-list-voice {
  font-size: calc((1364px - (1364px - var(--font-device-width-unit)) / 4) / 1364 * 20);
  line-height: 1.36;
  letter-spacing: .03em;
  margin-bottom: 12px;
  position: relative;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  font-family: paralucent, sans-serif;
  font-weight: 700 !important
}
@media print {
  .c_contents-fansvoice-list-voice {
    font-size: 11.7647058824px !important
  }
}
@media only screen and (max-width: 760px) {
  .c_contents-fansvoice-list-voice {
    font-size: 18px;
    line-height: 1.4;
    letter-spacing: .03em;
    margin-bottom: 20px
  }
}
@media only screen and (max-width: 414px) {
  .c_contents-fansvoice-list-voice {
    margin-bottom: 10px
  }
}
.c_contents-fansvoice-list-voice:before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  position: absolute;
  top: .06em;
  left: 0;
  background-image: url("../img/ico_quote.svg");
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 100% auto
}
@media only screen and (max-width: 760px) {
  .c_contents-fansvoice-list-voice:before {
    width: 8px;
    height: 8px
  }
}
.c_contents-fansvoice-list-cat {
  display: table;
  padding: 2px 12px;
  font-size: 11px;
  line-height: 1.3636363636;
  letter-spacing: .03em;
  border: 1px solid rgba(33, 33, 33, 0.2);
  border-radius: 10px;
  font-weight: 500 !important
}
@media print {
  .c_contents-fansvoice-list-cat {
    font-size: 6.4705882353px !important
  }
}
@media only screen and (max-width: 760px) {
  .c_contents-fansvoice-list-cat {
    font-size: 10px;
    line-height: 1.4;
    letter-spacing: .03em
  }
}
.c_contents-fansvoice-list-btn {
  width: 142px;
  height: 45px;
  position: absolute;
  bottom: 17px;
  right: 1.3929618768vw
}
@media only screen and (max-width: 760px) {
  .c_contents-fansvoice-list-btn {
    width: 83px;
    height: 1em;
    bottom: 5.3140096618vw;
    right: 8.2125603865vw;
    text-align: right
  }
}
@media only screen and (max-width: 760px) {
  .c_contents-fansvoice-list-btn .circle_bk, .c_contents-fansvoice-list-btn .circle_main {
    display: none
  }
}
.c_contents-fansvoice-list-btn .arrow {
  top: 17px;
  right: 34px
}
@media only screen and (max-width: 760px) {
  .c_contents-fansvoice-list-btn .arrow {
    top: 3px;
    right: -10px
  }
}
.c_icon-pdf {
  display: inline-block;
  width: 27px;
  height: 16px;
  vertical-align: -3px;
  margin-left: 8px;
  background-image: url("../img/ico_pdf.svg");
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 100% auto
}
.c_form input[type=text], .c_form input[type=tel], .c_form input[type=email], .c_form input[type=checkbox], .c_form input[type=radio], .c_form input[type=submit], .c_form input[type=button], .c_form textarea, .c_form select {
  display: block;
  width: 100%;
  border-radius: 0;
  border: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background: none transparent;
  font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  font-weight: 500;
  color: #212121
}
.c_form input[type=text] {
  min-height: 70px;
  padding: 18px 100px 18px 40px;
  background: #F6F6F6;
  border-radius: 35px;
  font-size: 17px;
  line-height: 1;
  letter-spacing: .03em
}
@media print {
  .c_form input[type=text] {
    font-size: 10px !important
  }
}
@media only screen and (max-width: 760px) {
  .c_form input[type=text] {
    min-height: 60px;
    padding: 14px 65px 14px 22px;
    border-radius: 30px;
    font-size: clamp(10px, 3.8647342995vw, 16px)
  }
}
.c_form button {
  background-color: #40b44b;
  width: 80px;
  height: 54px;
  background-image: url("../img/ico_search.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 22px auto;
  border-radius: 27px;
  border: none;
  position: absolute;
  top: 8px;
  right: 10px;
  cursor: pointer;
  transition: opacity .3s
}
@media only screen and (max-width: 760px) {
  .c_form button {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    right: 8px
  }
}
.c_form button:hover {
  opacity: .8
}
.c_form input::-webkit-input-placeholder, .c_form textarea::-webkit-input-placeholder {
  color: #888
}
.c_form input:-moz-placeholder, .c_form textarea:-moz-placeholder {
  color: #888;
  opacity: 1
}
.c_form input::-moz-placeholder, .c_form textarea::-moz-placeholder {
  color: #888;
  opacity: 1
}
.c_form input:-ms-input-placeholder, .c_form textarea:-ms-input-placeholder {
  color: #888 !important
}
.c_form input:focus::-webkit-input-placeholder, .c_form textarea:focus::-webkit-input-placeholder {
  color: transparent
}
.c_form input:focus:-moz-placeholder, .c_form textarea:focus:-moz-placeholder {
  color: transparent
}
.c_form input:focus::-moz-placeholder, .c_form textarea:focus::-moz-placeholder {
  color: transparent
}
.c_form input:focus:-ms-input-placeholder, .c_form textarea:focus:-ms-input-placeholder {
  color: transparent !important
}
.c_search {
  margin: 0 4.5454545455vw 0 0
}
@media only screen and (max-width: 760px) {
  .c_search {
    margin: 0 5.5555555556vw 0 0
  }
}
.c_search-searchform {
  position: relative;
  margin-bottom: 40px
}
@media only screen and (max-width: 760px) {
  .c_search-searchform {
    margin-bottom: 30px
  }
}
.c_search-searchform input[type=text] {
  background-color: #EAEAEA
}
.c_search-keywords {
  margin-bottom: 46px;
  display: flex;
  flex-wrap: wrap
}
@media only screen and (max-width: 760px) {
  .c_search-keywords {
    display: block;
    margin-bottom: 46px
  }
}
.c_search-keywords ul {
  flex: 1;
  margin: 4px 0 0 0;
  font-size: 14px;
  line-height: 1.8;
  letter-spacing: .03em
}
@media print {
  .c_search-keywords ul {
    font-size: 8.2352941176px !important
  }
}
@media only screen and (max-width: 760px) {
  .c_search-keywords ul {
    margin: 0 0 0 4.347826087vw;
    font-size: 14px;
    line-height: 2;
    letter-spacing: .03em
  }
}
.c_search-keywords li {
  padding: 0 calc(6px + 1em) 0 0;
  margin-right: calc(-3px + 1em);
  display: inline-block;
  position: relative
}
@media only screen and (max-width: 960px) {
  .c_search-keywords li {
    padding: 0 calc(7px + 1em) 0 0;
    margin-right: calc(-3px + 1em)
  }
}
.c_search-keywords li:after {
  content: "/";
  color: #888;
  position: absolute;
  top: 0;
  right: 0
}
.c_search-keywords li:last-child:after {
  display: none
}
.c_search-keywords a {
  color: #40b44b;
  transition: opacity .3s
}
.c_search-keywords a:hover {
  opacity: .8
}
.c_search-keywords-ttl {
  width: clamp(172px, 14.8093841642vw, 202px);
  padding-left: 22px;
  position: relative
}
@media only screen and (max-width: 760px) {
  .c_search-keywords-ttl {
    width: auto;
    margin-bottom: 15px;
    padding-left: 18px
  }
}
.c_search-keywords-ttl:before {
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  position: absolute;
  top: 10px;
  left: 0;
  background-color: #40b44b;
  border-radius: 50%
}
@media only screen and (max-width: 760px) {
  .c_search-keywords-ttl:before {
    top: 7px
  }
}
.c_search-keywords-ttl .en {
  display: block;
  font-size: 28px;
  line-height: 1;
  letter-spacing: 0em;
  margin: 0 0 3px 0
}
@media print {
  .c_search-keywords-ttl .en {
    font-size: 16.4705882353px !important
  }
}
@media only screen and (max-width: 760px) {
  .c_search-keywords-ttl .en {
    font-size: 22px;
    line-height: 1;
    letter-spacing: 0em;
    margin: 0 14px 0 0;
    display: inline
  }
}
.c_search-list-col2-cover {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between
}
@media only screen and (max-width: 590px) {
  .c_search-list-col2-cover {
    display: block;
    margin: 0 5.5555555556vw 0 5.5555555556vw;
    padding-bottom: 36px
  }
}
.c_search-list-col2-cover li {
  position: relative;
  width: 48.38%;
  border-radius: clamp(0px, 1.4662756598vw, 20px);
  overflow: hidden;
  z-index: 1;
  font-size: calc((1364px - (1364px - var(--font-device-width-unit)) / 1.6) / 1364 * 22);
  line-height: 1.2727272727;
  letter-spacing: .03em
}
@media print {
  .c_search-list-col2-cover li {
    font-size: 12.9411764706px !important
  }
}
@media only screen and (max-width: 590px) {
  .c_search-list-col2-cover li {
    width: auto;
    margin-bottom: 14px;
    border-radius: 4.8309178744vw;
    font-size: clamp(0px, 4.347826087vw, 18px);
    line-height: 1.33;
    letter-spacing: .03em
  }
}
.c_search-list-col2-cover a {
  display: block;
  position: relative;
  color: #fff
}
.c_search-list-col2-cover a:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: linear-gradient(180deg, rgba(54, 54, 54, 0) 49.48%, rgba(54, 54, 54, 0.8) 100%);
  z-index: 1
}
@media only screen and (max-width: 590px) {
  .c_search-list-col2-cover a:before {
    background: linear-gradient(180deg, rgba(54, 54, 54, 0) 49.48%, rgba(54, 54, 54, 0.8) 100%)
  }
}
.c_search-list-col2-cover a .c_arrow-single {
  bottom: 36px;
  right: 32px;
  z-index: 2
}
@media only screen and (max-width: 590px) {
  .c_search-list-col2-cover a .c_arrow-single {
    bottom: 23px;
    right: 22px
  }
}
.c_search-list-col2-cover a .ttl {
  position: absolute;
  bottom: 27px;
  left: 30px;
  padding-right: 40px;
  z-index: 2
}
@media only screen and (max-width: 590px) {
  .c_search-list-col2-cover a .ttl {
    bottom: 17px;
    left: 21px
  }
}
.c_search-list-col2-cover a img {
  transition: transform .6s;
  aspect-ratio: 1.8921161826
}
.c_search-list-col2-cover a:hover img {
  transform: scale(1.1)
}
.c_cover-btn {
  position: relative;
  border-radius: clamp(0px, 1.4662756598vw, 20px);
  overflow: hidden;
  z-index: 1;
  font-size: calc((1364px - (1364px - var(--font-device-width-unit)) / 1.6) / 1364 * 22);
  line-height: 1.5454545455;
  letter-spacing: .03em
}
@media print {
  .c_cover-btn {
    font-size: 12.9411764706px !important
  }
}
@media only screen and (max-width: 760px) {
  .c_cover-btn {
    border-radius: clamp(0px, 4.8309178744vw, 20px);
    font-size: clamp(0px, 4.347826087vw, 18px);
    line-height: 1.22;
    letter-spacing: .03em
  }
}
.c_cover-btn a {
  display: block;
  position: relative;
  color: #fff
}
@media only screen and (max-width: 760px) {
  .c_cover-btn a {
    height: 41.0628019324vw
  }
}
.c_cover-btn a:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: linear-gradient(180deg, rgba(54, 54, 54, 0) 49.48%, rgba(54, 54, 54, 0.8) 100%);
  z-index: 1
}
.c_cover-btn a .c_arrow-single {
  bottom: 29px;
  right: 26px;
  z-index: 2
}
@media only screen and (max-width: 960px) {
  .c_cover-btn a .c_arrow-single {
    bottom: 20px;
    right: 22px
  }
}
@media only screen and (max-width: 760px) {
  .c_cover-btn a .c_arrow-single {
    bottom: 24px
  }
}
.c_cover-btn a .text {
  position: absolute;
  bottom: 27px;
  left: 30px;
  padding-right: 40px;
  z-index: 2
}
@media only screen and (max-width: 590px) {
  .c_cover-btn a .text {
    bottom: 17px;
    left: 21px
  }
}
.c_cover-btn a img {
  transition: transform .6s;
  aspect-ratio: 3.9087136929;
  will-change: transform
}
@media only screen and (max-width: 760px) {
  .c_cover-btn a img {
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
    width: 100%;
    height: 100%
  }
}
.c_cover-btn a:hover img {
  transform: scale(1.1)
}
.c_pagenation {
  display: flex;
  flex-wrap: wrap;
  width: 100%
}
.c_pagenation .c_btn-circle-type2 {
  display: table
}
@media only screen and (max-width: 760px) {
  .c_pagenation .c_btn-circle-type2 .text {
    display: none
  }
}
.c_pagenation .num-wrap {
  flex: 1;
  font-size: 16px;
  line-height: 1.4;
  letter-spacing: 0em;
  text-align: center
}
@media print {
  .c_pagenation .num-wrap {
    font-size: 9.4117647059px !important
  }
}
@media only screen and (max-width: 760px) {
  .c_pagenation .num-wrap {
    font-size: 14px;
    line-height: 1.4;
    letter-spacing: 0em;
    margin-top: -6px
  }
}
.c_pagenation .num {
  display: inline-block
}
.c_pagenation .num a {
  padding: 12px;
  color: #888;
  transition: opacity .3s;
  display: block
}
.c_pagenation .num a:hover {
  opacity: .8
}
@media only screen and (max-width: 760px) {
  .c_pagenation .num a {
    padding: 11px
  }
}
.c_pagenation .num.disp {
  color: #40b44b;
  padding: 12px
}
@media only screen and (max-width: 760px) {
  .c_pagenation .num.disp {
    padding: 11px
  }
}
.c_pagenation .prev {
  display: table
}
.c_pagenation .next {
  display: table
}
.c_contents-sort *::selection, .c_contents-sort-pulldown *::selection, .c_contents-sort-pulldown-always *::selection, .c_contents-sort-contact *::selection, .c_contents-sort-this *::selection, .c_contents-sort-pulldown-this *::selection, .c_contents-sort-pulldown-always-this *::selection, .c_contents-sort-pulldown-contact-this *::selection, .c_contents-sort-list *::selection, .c_contents-sort-pulldown-list *::selection, .c_contents-sort-pulldown-always-list *::selection, .c_contents-sort-pulldown-contact-list *::selection {
  background-color: transparent
}
.c_contents-sort {
  position: relative
}
@media only screen and (max-width: 760px) {
  .c_contents-sort {
    position: absolute;
    top: -63px;
    right: 0;
    text-align: right
  }
}
.c_contents-sort-this {
  display: none
}
@media only screen and (max-width: 760px) {
  .c_contents-sort-this {
    position: relative;
    min-width: 152px;
    max-width: 50vw;
    display: inline-block;
    font-size: 13px;
    line-height: 1.2307692308;
    letter-spacing: .03em;
    padding: 5px 30px 5px 16px;
    border: 2px solid #a4cfa8;
    color: #40b44b;
    border-radius: 15px;
    cursor: pointer;
    text-align: left;
    top: 0px
  }
  .c_contents-sort-this:after {
    content: "";
    display: block;
    width: 8px;
    height: 6px;
    position: absolute;
    top: 10px;
    right: 13px;
    background-image: url("../img/ico_arrow_red.svg");
    background-repeat: no-repeat;
    background-position: right top;
    background-size: 11px auto;
    transform: rotate(90deg);
    transform-origin: center
  }
  .c_contents-sort-this.btncurrent:after {
    transform: rotate(-90deg)
  }
  .c_contents-sort-this::selection {
    background-color: transparent
  }
  .c_contents-sort-this span {
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: calc(1em + 1px);
    margin: 0 0 -2px 0;
    display: inline-block
  }
}
.c_contents-sort-list {
  font-size: 0
}
@media only screen and (max-width: 960px) {
  .c_contents-sort-list {
    margin: 0 0 43px 0
  }
}
@media only screen and (max-width: 760px) {
  .c_contents-sort-list {
    position: absolute;
    overflow: hidden;
    height: 0;
    max-width: 89vw;
    transition: opacity 0.3s, height 0.3s cubic-bezier(0.19, 0.82, 0.27, 1);
    opacity: 0;
    min-width: 152px;
    top: 44px;
    right: 0;
    padding: 0;
    margin: 0;
    text-align: left;
    border-radius: 20px;
    background-color: #fff;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.25);
    z-index: 10
  }
}
.c_contents-sort-list.open {
  opacity: 1
}
.c_contents-sort-list.open li {
  opacity: 1
}
@media only screen and (max-width: 760px) {
  .c_contents-sort-list ul {
    padding: 17px 0 18px 0
  }
}
.c_contents-sort-list li {
  display: inline-block;
  margin: 0 5px 8px 0;
  cursor: pointer;
  background-color: #EAEAEA;
  border-radius: 20px;
  color: #888;
  font-size: 12px;
  line-height: 1;
  letter-spacing: .03em;
  transition: opacity .3s;
  white-space: nowrap
}
@media print {
  .c_contents-sort-list li {
    font-size: 7.0588235294px !important
  }
}
@media only screen and (max-width: 760px) {
  .c_contents-sort-list li {
    background-color: transparent;
    margin-right: 0;
    border-radius: 0;
    color: #212121;
    display: block;
    opacity: 0;
    transition: opacity .2s, background-color .2s, color .2s;
    font-size: 14px;
    line-height: 1;
    letter-spacing: .03em
  }
  .c_contents-sort-list li:hover {
    opacity: 1 !important;
    background-color: #EAEAEA
  }
}
.c_contents-sort-list li.current-cat {
  background-color: #40b44b  !important;
  color: #fff !important;
  font-weight: 700
}
.c_contents-sort-list li.current-cat a {
  color: inherit;
  color: #fff !important
}
.c_contents-sort-list li:hover {
  opacity: .8
}
.c_contents-sort-list li a {
  display: inline-block;
  padding: 8px 17px;
  color: inherit
}
@media only screen and (max-width: 760px) {
  .c_contents-sort-list li a {
    padding: 8px 16px
  }
}
.c_contents-sort-pulldown {
  position: relative
}
@media only screen and (max-width: 860px) {
  .c_contents-sort-pulldown {
    position: absolute;
    top: -63px;
    right: 0;
    text-align: right
  }
}
.c_contents-sort-pulldown-this {
  display: none
}
@media only screen and (max-width: 860px) {
  .c_contents-sort-pulldown-this {
    position: relative;
    min-width: 152px;
    display: inline-block;
    font-size: 13px;
    line-height: 1.2307692308;
    letter-spacing: .03em;
    padding: 5px 30px 5px 16px;
    border: 2px solid #a4cfa8;
    color: #40b44b;
    border-radius: 15px;
    cursor: pointer;
    text-align: left;
    top: 0px
  }
  .c_contents-sort-pulldown-this:after {
    content: "";
    display: block;
    width: 8px;
    height: 6px;
    position: absolute;
    top: 10px;
    right: 13px;
    background-image: url("../img/ico_arrow_red.svg");
    background-repeat: no-repeat;
    background-position: right top;
    background-size: 11px auto;
    transform: rotate(90deg);
    transform-origin: center
  }
  .c_contents-sort-pulldown-this.btncurrent:after {
    transform: rotate(-90deg)
  }
  .c_contents-sort-pulldown-this::selection {
    background-color: transparent
  }
}
.c_contents-sort-pulldown-list {
  font-size: 0
}
@media only screen and (max-width: 860px) {
  .c_contents-sort-pulldown-list {
    position: absolute;
    overflow: hidden;
    height: 0;
    transition: opacity 0.3s, height 0.3s cubic-bezier(0.19, 0.82, 0.27, 1);
    opacity: 0;
    min-width: 152px;
    top: 44px;
    left: 0;
    padding: 0;
    margin: 0;
    text-align: left;
    border-radius: 20px;
    background-color: #fff;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.25);
    z-index: 1
  }
}
.c_contents-sort-pulldown-list.open {
  opacity: 1
}
.c_contents-sort-pulldown-list.open li {
  opacity: 1
}
@media only screen and (max-width: 960px) {
  .c_contents-sort-pulldown-list ul {
    padding: 17px 0 18px 0
  }
}
.c_contents-sort-pulldown-list li {
  display: inline-block;
  margin: 0 5px 8px 0;
  cursor: pointer;
  background-color: #EAEAEA;
  border-radius: 20px;
  padding: 8px 17px;
  color: #888;
  font-size: 14px;
  line-height: 1;
  letter-spacing: .03em;
  transition: opacity .3s
}
@media print {
  .c_contents-sort-pulldown-list li {
    font-size: 8.2352941176px !important
  }
}
@media only screen and (max-width: 960px) {
  .c_contents-sort-pulldown-list li {
    background-color: transparent;
    margin-right: 0;
    border-radius: 0;
    padding: 8px 16px;
    color: #212121;
    display: block;
    opacity: 0;
    transition: opacity .2s, background-color .2s, color .2s
  }
  .c_contents-sort-pulldown-list li:hover {
    opacity: 1 !important;
    background-color: #EAEAEA
  }
}
.c_contents-sort-pulldown-list li.current {
  background-color: red !important;
  color: #fff !important;
  font-weight: 700
}
.c_contents-sort-pulldown-list li.current a {
  color: #fff !important
}
.c_contents-sort-pulldown-list li:hover {
  opacity: .8
}
.c_contents-sort-pulldown-always {
  position: relative;
  display: inline-block
}
.c_contents-sort-pulldown-always-this {
  position: relative;
  min-width: 152px;
  display: inline-block;
  font-size: 13px;
  line-height: 1.2307692308;
  letter-spacing: .03em;
  padding: 5px 30px 5px 16px;
  border: 2px solid #a4cfa8;
  color: #40b44b;
  border-radius: 15px;
  cursor: pointer;
  text-align: left;
  top: 0px
}
.c_contents-sort-pulldown-always-this:after {
  content: "";
  display: block;
  width: 8px;
  height: 6px;
  position: absolute;
  top: 10px;
  right: 13px;
  background-image: url("../img/ico_arrow_red.svg");
  background-repeat: no-repeat;
  background-position: right top;
  background-size: 11px auto;
  transform: rotate(90deg);
  transform-origin: center
}
.c_contents-sort-pulldown-always-this.btncurrent:after {
  transform: rotate(-90deg)
}
.c_contents-sort-pulldown-always-this::selection {
  background-color: transparent
}
.c_contents-sort-pulldown-always-list {
  font-size: 0;
  position: absolute;
  overflow: hidden;
  height: 0;
  transition: opacity 0.3s, height 0.3s cubic-bezier(0.19, 0.82, 0.27, 1);
  opacity: 0;
  min-width: 152px;
  top: 44px;
  left: 0;
  padding: 0;
  margin: 0;
  text-align: left;
  border-radius: 20px;
  background-color: #fff;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.25);
  z-index: 1
}
.c_contents-sort-pulldown-always-list.open {
  opacity: 1
}
.c_contents-sort-pulldown-always-list.open li {
  opacity: 1
}
.c_contents-sort-pulldown-always-list ul {
  padding: 17px 0 18px 0
}
.c_contents-sort-pulldown-always-list li {
  display: inline-block;
  margin: 0 5px 8px 0;
  cursor: pointer;
  background-color: #EAEAEA;
  border-radius: 20px;
  padding: 8px 17px;
  color: #888;
  font-size: 14px;
  line-height: 1;
  letter-spacing: .03em;
  transition: opacity .3s;
  background-color: transparent;
  margin-right: 0;
  border-radius: 0;
  padding: 8px 16px;
  color: #212121;
  display: block;
  opacity: 0;
  transition: opacity .2s, background-color .2s, color .2s
}
@media print {
  .c_contents-sort-pulldown-always-list li {
    font-size: 8.2352941176px !important
  }
}
.c_contents-sort-pulldown-always-list li:hover {
  opacity: 1 !important;
  background-color: #EAEAEA
}
.c_contents-sort-pulldown-always-list li.current {
  background-color: red !important;
  color: #fff !important;
  font-weight: 700
}
.c_contents-sort-pulldown-always-list li.current a {
  color: #fff !important
}
.c_contents-sort-pulldown-always-list li:hover {
  opacity: .8
}
.c_contents-sort-pulldown-contact {
  position: relative;
  display: inline-block
}
.c_contents-sort-pulldown-contact-this {
  position: relative;
  min-width: 200px;
  display: inline-block;
  font-size: 16px;
  line-height: 1;
  letter-spacing: .03em;
  padding: 21px 30px 21px 16px;
  border: 1px solid #F6F6F6;
  border-radius: 10px;
  cursor: pointer;
  text-align: left;
  top: 0px;
  background-color: #F6F6F6
}
@media only screen and (max-width: 760px) {
  .c_contents-sort-pulldown-contact-this {
    font-size: 15px;
    line-height: 1;
    letter-spacing: .03em;
    border-radius: 8px;
    border: none
  }
}
.c_contents-sort-pulldown-contact-this:after {
  content: "";
  display: block;
  width: 8px;
  height: 6px;
  position: absolute;
  top: 26px;
  right: 13px;
  background-image: url("../img/ico_arrow_red.svg");
  background-repeat: no-repeat;
  background-position: right top;
  background-size: 11px auto;
  transform: rotate(90deg);
  transform-origin: center
}
.c_contents-sort-pulldown-contact-this.btncurrent {
  border: 1px solid #DDDDDD
}
.c_contents-sort-pulldown-contact-this.btncurrent:after {
  transform: rotate(-90deg)
}
.c_contents-sort-pulldown-contact-this::selection {
  background-color: transparent
}
.c_contents-sort-pulldown-contact-list {
  font-size: 0;
  position: absolute !important;
  height: 0;
  transition: opacity 0.3s, height 0.3s cubic-bezier(0.19, 0.82, 0.27, 1);
  opacity: 0;
  min-width: 200px;
  top: 76px;
  left: 0;
  padding: 0;
  margin: 0;
  max-height: 40vh;
  text-align: left;
  border-radius: 20px;
  background-color: #fff;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.25);
  z-index: 1
}
.c_contents-sort-pulldown-contact-list.open {
  opacity: 1
}
.c_contents-sort-pulldown-contact-list.open li {
  opacity: 1
}
.c_contents-sort-pulldown-contact-list ul {
  padding: 17px 0 18px 0
}
.c_contents-sort-pulldown-contact-list li {
  display: inline-block;
  margin: 0 5px 8px 0;
  cursor: pointer;
  background-color: #EAEAEA;
  border-radius: 20px;
  padding: 8px 17px;
  color: #888;
  font-size: 16px;
  line-height: 1;
  letter-spacing: .03em;
  transition: opacity .3s;
  background-color: transparent;
  margin-right: 0;
  border-radius: 0;
  padding: 8px 16px;
  color: #212121;
  display: block;
  opacity: 0;
  transition: opacity .2s, background-color .2s, color .2s
}
@media print {
  .c_contents-sort-pulldown-contact-list li {
    font-size: 9.4117647059px !important
  }
}
@media only screen and (max-width: 760px) {
  .c_contents-sort-pulldown-contact-list li {
    font-size: 15px;
    line-height: 1;
    letter-spacing: .03em
  }
}
.c_contents-sort-pulldown-contact-list li:hover {
  opacity: 1 !important;
  background-color: #EAEAEA
}
.c_contents-sort-pulldown-contact-list li.current {
  background-color: red !important;
  color: #fff !important;
  font-weight: 700
}
.c_contents-sort-pulldown-contact-list li.current a {
  color: #fff !important
}
.c_contents-sort-pulldown-contact-list li:hover {
  opacity: .8
}
body.js-fix-on {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%
}
.js-parallax {
  position: relative;
  height: 100%;
  will-change: transform;
  backface-visibility: hidden
}
.js-parallax .js-parallax-base {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0
}
.js-parallax-inner {
  height: 100%
}
.js-parallax-panel {
  position: relative;
  z-index: 6
}
.js-parallax-panel .js-parallax-inner {
  width: 100%
}
.js-parallax-panel-active .js-parallax-panel .js-parallax-inner {
  position: fixed;
  bottom: 0;
  left: 0
}
.js-parallax-panel .js-parallax-inner2 {
  width: 100%
}
.l-footer_outer {
  position: fixed;
  z-index: 0;
  left: 0;
  bottom: 0;
  width: 100%
}
.l-footer {
  will-change: transform;
  backface-visibility: hidden
}
@media only screen and (max-width: 760px) {
  .l-footer {
    transform: translate3d(0, 50%, 0);
    visibility: hidden
  }
}
.l-footer:before {
  content: '';
  position: absolute;
  width: 100%;
  top: -12vw;
  bottom: 0;
  left: 0;
  background-color: #40b44b;
  z-index: -1
}
.js-footer-parallax {
  position: relative;
  z-index: 0
}
.js-footer-parallax:before {
  content: '';
  position: absolute;
  width: 100%;
  top: -12vw;
  bottom: 0;
  left: 0;
  background-color: #40b44b;
  z-index: -1
}
.l-page_cover {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  opacity: 1;
  z-index: 100000;
  transition: opacity .4s
}
.js-loaded .l-page_cover {
  pointer-events: none;
  opacity: 0
}
.js-turnover .l-page_cover {
  pointer-events: none;
  opacity: 1;
  transition: opacity .2s
}
.js-page-drag {
  user-select: none
}
.l-page_scrollbar {
  position: fixed;
  width: 8px;
  top: 6px;
  bottom: 6px;
  right: 6px;
  z-index: 8000
}
.l-page_scrollbar-inner {
  height: 100%
}
.l-page_scrollbar-slider {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding: 0 2px;
  transition: height .05s;
  cursor: pointer;
  opacity: 0
}
.js-loaded .l-page_scrollbar-slider {
  transition: opacity 0.4s, top 0.4s cubic-bezier(0.31, 0.6, 0.35, 1)
}
.js-fix-on .l-page_scrollbar-slider {
  visibility: hidden
}
.js-page-scroll-forcehide .l-page_scrollbar-slider {
  opacity: 0;
  transition: opacity 0.4s !important
}
.js-page-drag .l-page_scrollbar-slider {
  transition: top 0s
}
.js-page-scrollvisible .l-page_scrollbar-slider {
  opacity: 1
}
.l-page_scrollbar-slider-inner {
  background-color: #40b44b;
  border-radius: 2px;
  height: 100%
}
.js-contentslayer-panel {
  width: 100%;
  left: 0;
  z-index: 5
}
.js-contentslayer-spacer {
  width: 100%;
  height: 0;
  pointer-events: none
}
@keyframes bestsellers-in {
  0% {
    opacity: 0
  }
  100% {
    opacity: 1
  }
}
@keyframes bestsellers-out {
  0% {
    opacity: 1
  }
  100% {
    opacity: 0
  }
}
.s-top_contents-04-figset .s-top_contents-04-figset-left, .s-top_contents-04-figset .s-top_contents-04-figset-right {
  opacity: 0;
  animation: bestsellers-out .4s 1 both
}
.js-figset-show .s-top_contents-04-figset-left, .js-figset-show .s-top_contents-04-figset-right {
  animation: bestsellers-in .8s 1 both
}
.js-textrowmotion-wrapper {
  display: inline-block;
  overflow: hidden;
  position: relative;
  min-width: 0.25em;
  padding-right: 0.03em;
  margin-right: -0.03em
}
@keyframes rowmotion-show {
  0% {
    transform: translateY(150%)
  }
  100% {
    transform: translateY(0)
  }
}
@keyframes rowmotion-hide {
  0% {
    transform: translateY(0)
  }
  100% {
    transform: translateY(150%)
  }
}
.js-textrowmotion-single .js-textrowmotion-row {
  display: inline-block
}
.js-textrowmotion-single .js-textrowmotion-txt {
  display: inline-block;
  transform: translateY(150%);
  transition: transform 1s cubic-bezier(0.55, 0.01, 0.45, 1)
}
.js-loaded .js-textrowmotion-single.js-textrowmotion-active .js-textrowmotion-txt {
  transform: translateY(0)
}
.js-textrowmotion-single-slick .js-textrowmotion-row {
  display: block
}
.js-textrowmotion-single-slick .js-textrowmotion-txt {
  display: inline-block;
  transform: translateY(150%)
}
.js-loaded .js-custom-slick-active .js-textrowmotion-single-slick .js-textrowmotion-txt {
  transform: translateY(0);
  transition: transform 1s cubic-bezier(0.55, 0.01, 0.45, 1)
}
.js-scaled.s-top_main-section-single .js-textrowmotion-single-slick .js-textrowmotion-txt {
  transform: translateY(150%);
  transition: transform 0.8s 0s cubic-bezier(0.55, 0.01, 0.45, 1) !important
}
.js-textrowmotion-group-slick .js-textrowmotion-row {
  display: block
}
.js-textrowmotion-group-slick .js-textrowmotion-txt {
  display: inline-block;
  transform: translateY(150%)
}
.js-loaded .js-custom-slick-active .js-textrowmotion-group-slick .js-textrowmotion-txt {
  transform: translateY(0);
  transition: transform 1s cubic-bezier(0.55, 0.01, 0.45, 1)
}
.js-scaled.s-top_main-section-single .js-textrowmotion-group-slick .js-textrowmotion-txt {
  transform: translateY(150%);
  transition: transform 0.8s 0s cubic-bezier(0.55, 0.01, 0.45, 1) !important
}
.s-top_main-section-single .s-top_main-section-type1-copy .en {
  transition: opacity .5s 1.5s;
  opacity: 0
}
.js-custom-slick-active.s-top_main-section-single .s-top_main-section-type1-copy .en {
  opacity: 1
}
.js-scaled.s-top_main-section-single .s-top_main-section-type1-copy .en {
  transition: opacity .3s;
  opacity: 0
}
.s-top_main-section-single .num {
  transition: opacity .5s 1.5s;
  opacity: 0
}
.js-custom-slick-active.s-top_main-section-single .num {
  opacity: 1
}
.js-scaled.s-top_main-section-single .num {
  transition: opacity .3s;
  opacity: 0
}
.s-top_main-section-single .subttl {
  transition: opacity .5s 1.5s;
  opacity: 0
}
.js-custom-slick-active.s-top_main-section-single .subttl {
  opacity: 1
}
.js-scaled.s-top_main-section-single .subttl {
  transition: opacity .3s;
  opacity: 0
}
.s-top_main-section-single .name {
  transition: opacity .7s 1.5s;
  opacity: 0
}
.js-custom-slick-active.s-top_main-section-single .name {
  opacity: 1
}
.js-scaled.s-top_main-section-single .name {
  transition: opacity .3s;
  opacity: 0
}
@keyframes main-progress-circle-main {
  0% {
    stroke-dasharray: 517;
    stroke-dashoffset: 517
  }
  100% {
    stroke-dasharray: 517;
    stroke-dashoffset: 0
  }
}
.s-top_main-progress-circle-main svg {
  stroke-dasharray: 517;
  stroke-dashoffset: 517
}
.s-top_main-progress-circle-main--start svg {
  animation: main-progress-circle-main 8s 1 both linear
}
.js-character-base-show {
  position: relative
}
.l-und_main-ttl .icon {
  opacity: 0;
  transition: opacity .5s .5s
}
.js-loaded .l-und_main-ttl .icon {
  opacity: 1
}
.js-chart-tooltip {
  font-size: 13px;
  line-height: 1;
  letter-spacing: .03em;
  font-weight: 700;
  padding: 18px 27px;
  position: relative;
  background: #EAEAEA;
  border-radius: 20px 20px 20px 0px;
  opacity: 1;
  pointer-events: none;
  position: absolute;
  transform: translate(0, -100%);
  transition: all 0.3s cubic-bezier(0.6, 0, 0.25, 1)
}
@media print {
  .js-chart-tooltip {
    font-size: 7.6470588235px !important
  }
}
.js-chart-tooltip:after {
  content: "";
  display: block;
  width: 7px;
  height: 7px;
  position: absolute;
  bottom: -6px;
  left: 0;
  background-image: url("../img/ico_fukidashi.svg");
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 100% auto
}
.js-chart-legend {
  cursor: pointer;
  line-height: 24px;
  display: inline-block
}
.js-chart-legend-tip {
  width: 10px;
  height: 10px;
  margin-right: 16px;
  display: inline-block;
  border-radius: 5px
}
.js-chart-legend-text {
  font-size: 12px;
  line-height: 1.3;
  letter-spacing: .03em;
  font-weight: 400;
  vertical-align: 1px
}
@media print {
  .js-chart-legend-text {
    font-size: 7.0588235294px !important
  }
}
.js-scrollfadeout {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #212121;
  z-index: 100;
  pointer-events: none;
  opacity: 0
}
:root {
  --ease01: cubic-bezier(0.16, 1, 0.3, 1);
  --ease02: cubic-bezier(0.6, 0.25, 0, 1)
}
body {
  --notice-height: 0px;
  --notice-height-sp: 0px
}
body.js-notice-visible {
  --notice-height: 30px;
  --notice-height-sp: 26px
}
.wf-loading * {
  color: transparent !important
}
.l-und_wrapper {
  background-color: #F6F6F6
}
.l-header {
  line-height: 1;
  position: absolute;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  z-index: 9000;
  top: 0;
  width: 100%
}
.l-header header, .l-header .l-und_header-logo {
  width: 110px;
  position: relative;
  top: 42px;
  left: 4.5454545455vw
}
@media only screen and (max-width: 960px) {
  .l-header header, .l-header .l-und_header-logo {
    width: 80px;
    top: 25px;
    left: 23px;
    transition: top .3s, opacity .3s
  }
  .js-header-min .l-header header, .js-header-hidden .l-header header, .js-header-min .l-header .l-und_header-logo, .js-header-hidden .l-header .l-und_header-logo {
    top: 10px;
    opacity: 0;
    pointer-events: none
  }
}
.l-nav_cover {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 0;
  background-color: rgba(33, 33, 33, 0.4);
  z-index: -1;
  opacity: 0;
  transition: height 0s 1.1s, opacity .6s .5s
}
.js-menu-open .l-nav_cover, .js-search-open .l-nav_cover, .js-modal-open .l-nav_cover {
  height: 100%;
  opacity: 1;
  transition: height 0s 0s, opacity .6s 0s
}
.l-nav_notice {
  width: 100%;
  background: #40b44b;
  display: flex;
  position: relative;
  height: 0;
  overflow: hidden;
  transition: height .4s ease .1s
}
.js-notice-visible .l-nav_notice {
  height: 30px
}
@media only screen and (max-width: 960px) {
  .js-notice-visible .l-nav_notice {
    height: 26px
  }
}
.l-nav_notice a, .l-nav_notice-nolink {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 100%
}
.l-nav_notice-inner {
  overflow: hidden;
  width: 100%
}
.l-nav_notice-text {
  width: 100%;
  height: 1em;
  color: #fff;
  font-size: 12px;
  line-height: 1;
  letter-spacing: .03em;
  opacity: 0;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  padding: 0 100px 0 31px;
  transition: opacity 0.3s
}
@media print {
  .l-nav_notice-text {
    font-size: 7.0588235294px !important
  }
}
@media only screen and (max-width: 960px) {
  .l-nav_notice-text {
    font-size: 11px;
    line-height: 1;
    letter-spacing: .03em;
    padding: 0 60px 0 8px;
    transform: translateY(-1px)
  }
}
.js-notice-visible .l-nav_notice-text {
  opacity: 1
}
.l-nav_notice-close {
  width: 44px;
  height: 30px;
  padding: 9px 16px;
  position: absolute;
  top: 0;
  right: 14px;
  cursor: pointer;
  z-index: 11
}
@media only screen and (max-width: 960px) {
  .l-nav_notice-close {
    width: 37px;
    height: 26px;
    right: 0;
    padding: 7px 9px 7px 16px
  }
}
.l-nav_notice-close img {
  vertical-align: top
}
.l-nav_main {
  display: table;
  padding: 23px clamp(6px, 1.3196480938vw, 18px);
  background-color: #fff;
  position: fixed;
  top: 30px;
  left: 50%;
  transform: translateX(-50%);
  box-shadow: 6px 6px 20px rgba(0, 0, 0, 0.06), 0px 0px 4px rgba(0, 0, 0, 0.04);
  border-radius: 30px;
  z-index: 10000;
  transition: top .3s, opacity .3s .1s;
  opacity: 0;
    width: 650px;
    max-width: 55%;
}
@media only screen and (max-width: 960px) {
  .l-nav_main {
    display: none
  }
}
.wf-active .js-loaded .l-nav_main {
  opacity: 1
}
.js-header-min .l-nav_main {
  top: 30px;
  opacity: 1 !important
}
.js-header-hidden .l-nav_main {
  top: 10px;
  opacity: 0 !important;
  pointer-events: none
}
.js-notice-visible .l-nav_main {
  top: 60px
}
.js-notice-visible.js-header-min .l-nav_main {
  top: 30px
}
.js-notice-visible.js-header-hidden .l-nav_main {
  top: 10px
}
.l-nav_main ul {
  font-size: 0;
  line-height: 1;
  position: relative;
    display: flex;
    justify-content: space-around;
}
.l-nav_main li {
  display: inline-block
}
.l-nav_main li a {
  display: inline-block;
  position: relative;
  padding: 0 clamp(2px, 1.0263929619vw, 14px);
  font-size: calc((1364px - (1364px - var(--font-device-width-unit)) / 1.6) / 1364 * 14);
  line-height: 1;
  letter-spacing: .03em
}
@media print {
  .l-nav_main li a {
    font-size: 8.2352941176px !important
  }
}
.js-loaded .l-nav_main li a {
  transition: color .2s
}
.l-nav_main li.js-nav-mouseover a {
  color: #fff
}
.l-nav_main-current {
  position: absolute;
  top: 0;
  left: 0;
  background-color: #40b44b;
  border-radius: 19px;
  z-index: -1;
  width: calc(1em + 12px);
  height: calc(1em + 16px);
  font-size: 14px;
  line-height: 1;
  letter-spacing: .03em;
  opacity: 0;
  will-change: width height left top
}
@media print {
  .l-nav_main-current {
    font-size: 8.2352941176px !important
  }
}
.js-nav-show .l-nav_main-current {
  transition: opacity 0.3s, width 0.3s cubic-bezier(0.3, 0, 0.5, 1), height 0.3s cubic-bezier(0.3, 0, 0.5, 1), left 0.4s cubic-bezier(0.3, 0, 0.2, 1), top 0.3s cubic-bezier(0.3, 0, 0.5, 1);
  opacity: 1
}
.l-nav_full {
  position: relative;
  z-index: 10000
}
.l-nav_full-search-btn {
  position: absolute;
  width: 22px;
  top: 49px;
  right: 177px;
  line-height: 1;
  cursor: pointer
}
@media only screen and (max-width: 960px) {
  .l-nav_full-search-btn {
    top: 28px;
    right: 109px;
    transition: top .3s, opacity .3s
  }
  .js-header-min .l-nav_full-search-btn, .js-header-hidden .l-nav_full-search-btn {
    top: 10px;
    opacity: 0;
    pointer-events: none
  }
}
.l-nav_full-search-btn img {
  width: 100%
}
.l-nav_full-search-btn--red svg {
  fill: #40b44b
}
.l-nav_full-list-btn {
  position: absolute;
  width: 86px;
  height: 60px;
  top: 30px;
  right: 62px;
  background-color: #fff;
  box-shadow: 6px 6px 20px rgba(0, 0, 0, 0.06), 0px 0px 4px rgba(0, 0, 0, 0.04);
    border-radius: 50px;
  cursor: pointer
}
@media only screen and (max-width: 960px) {
  .l-nav_full-list-btn {
    position: fixed;
    width: 63px;
    height: 44px;
    top: 16px;
    right: 23px;
    transition: top .3s, opacity .3s
  }
  .js-header-min .l-nav_full-list-btn {
    top: 16px;
    opacity: 1
  }
  .js-header-hidden .l-nav_full-list-btn {
    top: 10px;
    opacity: 0;
    pointer-events: none
  }
  .js-notice-visible .l-nav_full-list-btn {
    top: 42px
  }
  .js-notice-visible.js-header-min .l-nav_full-list-btn {
    top: 16px
  }
  .js-notice-visible.js-header-hidden .l-nav_full-list-btn {
    top: 10px
  }
}
.l-nav_full-list-btn:before {
  content: "";
  display: block;
  width: 16px;
  height: 2px;
  border-radius: 1px;
  background-color: #40b44b;
  position: absolute;
  top: 24px;
  left: 35px;
  transition: transform .3s
}
@media only screen and (max-width: 960px) {
  .l-nav_full-list-btn:before {
    width: 11px;
    height: 2px;
    top: 17px;
    left: 26px
  }
}
.l-nav_full-list-btn:after {
  content: "";
  display: block;
  width: 16px;
  height: 2px;
  border-radius: 1px;
  background-color: #40b44b;
  position: absolute;
  top: 32px;
  left: 35px;
  transition: transform .3s
}
@media only screen and (max-width: 960px) {
  .l-nav_full-list-btn:after {
    width: 11px;
    height: 2px;
    top: 25px;
    left: 26px
  }
}
.l-nav_full-list-btn span {
  display: block;
  width: 16px;
  height: 2px;
  border-radius: 1px;
  position: absolute;
  top: 28px;
  left: 35px;
  background-color: #40b44b
}
@media only screen and (max-width: 960px) {
  .l-nav_full-list-btn span {
    width: 11px;
    height: 2px;
    top: 21px;
    left: 26px
  }
}
.l-nav_full-list-btn:hover:before {
  transform: translateY(1px)
}
.l-nav_full-list-btn:hover:after {
  transform: translateY(-1px)
}
.l-nav_close {
  width: 26px;
  height: 26px;
  position: absolute;
  top: 38px;
  right: 4.9853372434vw;
  cursor: pointer;
  z-index: 11;
  overflow: hidden
}
@media only screen and (max-width: 960px) {
  .l-nav_close {
    top: 18px;
    right: 33px
  }
}
.l-nav_full-search .l-nav_close {
  top: 68px
}
@media only screen and (max-width: 960px) {
  .l-nav_full-search .l-nav_close {
    top: 32px
  }
}
.l-nav_close:before {
  content: "";
  display: block;
  width: 18px;
  height: 2px;
  position: absolute;
  top: calc(50% - 9px);
  left: 8px;
  background-color: #40b44b;
  transform: rotate(45deg) scaleX(0);
  transform-origin: left top;
  opacity: 0;
  border-radius: 1px;
  transition: opacity 0.3s var(--ease02) 0s, transform 0.3s var(--ease02) 0.3s
}
@media only screen and (max-width: 960px) {
  .l-nav_close:before {
    width: 14px;
    height: 2px;
    top: calc(50% - 6px);
    left: 9px
  }
}
.l-nav_close:after {
  content: "";
  display: block;
  width: 2px;
  height: 18px;
  position: absolute;
  top: 4px;
  left: calc(50% + 6px);
  background-color: #40b44b;
  transform: rotate(45deg) scaleY(0);
  transform-origin: left top;
  opacity: 0;
  border-radius: 1px;
  transition: opacity 0.3s var(--ease02) 0s, transform 0.3s var(--ease02) 0.3s
}
@media only screen and (max-width: 960px) {
  .l-nav_close:after {
    width: 2px;
    height: 14px;
    left: calc(50% + 5px);
    top: 7px
  }
}
.js-search-open .l-nav_close:before, .js-menu-open .l-nav_close:before {
  transform: rotate(45deg) scaleX(1);
  opacity: 1;
  transition: opacity 0.3s var(--ease02) 0.6s, transform 0.3s var(--ease02) 0.6s
}
.js-search-open .l-nav_close:after, .js-menu-open .l-nav_close:after {
  transform: rotate(45deg) scaleY(1);
  opacity: 1;
  transition: opacity 0.3s var(--ease02) 0.6s, transform 0.3s var(--ease02) 0.8s
}
.js-search-open .l-nav_full-search .l-nav_close-bg {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  cursor: pointer
}
.js-menu-open .l-nav_full-list .l-nav_close-bg {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  cursor: pointer
}
.l-nav_full-search {
  position: fixed;
  width: 100%;
  height: 0;
  top: 0;
  left: 0;
  overflow: hidden;
  transition: 0s height;
  transition-delay: 1s
}
.js-search-open .l-nav_full-search {
  height: 100%;
  transition: 0s height
}
.l-nav_full-search-inr {
  position: relative;
  margin: 30px 2.2727272727vw;
  padding: clamp(0px, 7.3313782991vw, 100px) clamp(0px, 9.0909090909vw, 124px) clamp(0px, 5.6451612903vw, 77px) clamp(0px, 9.0909090909vw, 124px);
  border-radius: 50px;
  overflow: hidden
}
@media only screen and (max-width: 960px) {
  .l-nav_full-search-inr {
    margin: 14px;
    padding: 80px 20px 28px 20px;
    border-radius: 30px
  }
}
.l-nav_full-search-inr:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #fff;
  border-radius: 50px;
  z-index: -1;
  transform: scale(0);
  transform-origin: right top;
  opacity: 0;
  transition: opacity 0.7s 0.5s, transform 0.6s cubic-bezier(0.87, 0, 0.13, 1) 0.1s
}
@media only screen and (max-width: 960px) {
  .l-nav_full-search-inr:before {
    border-radius: 30px
  }
}
.js-search-open .l-nav_full-search-inr:before {
  transform: scale(1);
  opacity: 1;
  transition: opacity 0.4s 0s, transform 0.6s cubic-bezier(0.87, 0, 0.13, 1) 0s
}
.l-nav_full-search-box {
  position: relative;
  margin-bottom: 50px;
  transform: translateY(50px);
  opacity: 0;
  transition: opacity 0.2s, transform 0.4s;
  transition-delay: 0s
}
@media only screen and (max-width: 960px) {
  .l-nav_full-search-box {
    margin-bottom: 42px
  }
}
.js-search-open .l-nav_full-search-box {
  transform: translateY(0);
  opacity: 1;
  transition: opacity 0.6s, transform 0.6s;
  transition-delay: .5s
}
.l-nav_full-search-keywords {
  font-size: 14px;
  line-height: 1.1428571429;
  letter-spacing: .03em;
  display: flex;
  flex-wrap: wrap;
  transform: translateY(50px);
  opacity: 0;
  transition: opacity 0.2s, transform 0.4s;
  transition-delay: 0s
}
@media print {
  .l-nav_full-search-keywords {
    font-size: 8.2352941176px !important
  }
}
@media only screen and (max-width: 960px) {
  .l-nav_full-search-keywords {
    display: block;
    font-size: 14px;
    line-height: 2;
    letter-spacing: .03em;
    margin: 0
  }
}
.js-search-open .l-nav_full-search-keywords {
  transform: translateY(0);
  opacity: 1;
  transition: opacity 0.6s, transform 0.6s;
  transition-delay: .6s
}
.l-nav_full-search-keywords ul {
  flex: 1;
  margin: 9px 0 0 0
}
@media only screen and (max-width: 960px) {
  .l-nav_full-search-keywords ul {
    margin: 0 0 18px 18px
  }
}
.l-nav_full-search-keywords li {
  padding: 0 calc(6px + 1em) 0 0;
  margin-right: calc(-3px + 1em);
  display: inline-block;
  position: relative
}
@media only screen and (max-width: 960px) {
  .l-nav_full-search-keywords li {
    padding: 0 calc(7px + 1em) 0 0;
    margin-right: calc(-3px + 1em)
  }
}
.l-nav_full-search-keywords li:after {
  content: "/";
  color: #888;
  position: absolute;
  top: 0;
  right: 0
}
.l-nav_full-search-keywords li:last-child:after {
  display: none
}
.l-nav_full-search-keywords a {
  color: #40b44b;
  transition: opacity .3s
}
.l-nav_full-search-keywords a:hover {
  opacity: .8
}
.l-nav_full-search-keywords-ttl {
  position: relative;
  width: clamp(172px, 14.8093841642vw, 202px);
  padding-left: 22px
}
@media only screen and (max-width: 960px) {
  .l-nav_full-search-keywords-ttl {
    width: auto;
    margin-bottom: 14px;
    padding-left: 18px
  }
}
.l-nav_full-search-keywords-ttl:before {
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  position: absolute;
  top: 11px;
  left: 0;
  background-color: #40b44b;
  border-radius: 3px
}
@media only screen and (max-width: 760px) {
  .l-nav_full-search-keywords-ttl:before {
    top: 8px
  }
}
.l-nav_full-search-keywords-ttl .en {
  display: block;
  font-size: 28px;
  line-height: 1;
  letter-spacing: 0em;
  margin: 0 12px 4px 0
}
@media print {
  .l-nav_full-search-keywords-ttl .en {
    font-size: 16.4705882353px !important
  }
}
@media only screen and (max-width: 960px) {
  .l-nav_full-search-keywords-ttl .en {
    font-size: 22px;
    line-height: 1;
    letter-spacing: 0em;
    margin: 0 14px 0 0;
    display: inline
  }
}
.l-nav_full-list {
  position: fixed;
  width: 100%;
  height: 0;
  top: 0;
  left: 0;
  overflow: hidden;
  transition: 0s height;
  transition-delay: 1s
}
.js-menu-open .l-nav_full-list {
  height: 100%;
  transition: 0s height
}
.l-nav_full-list-inr {
  position: relative;
  height: calc(100% - 138px);
  margin: 30px 2.2727272727vw;
  padding: clamp(0px, 7.8445747801vw, 107px) clamp(0px, 6.8181818182vw, 93px) clamp(0px, 5.8651026393vw, 80px) clamp(0px, 5.2052785924vw, 71px);
  z-index: 10;
  border-radius: 50px;
  overflow: hidden
}
@media only screen and (max-width: 960px) {
  .l-nav_full-list-inr {
    height: calc(100% - 28px);
    margin: 14px 14px 14px 16.6666666667vw;
    padding: 73px 4.1062801932vw 48px 10.8695652174vw;
    border-radius: 30px
  }
}
.l-nav_full-list-inr:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #fff;
  border-radius: 50px;
  z-index: -1;
  transform: scale(0);
  transform-origin: right top;
  opacity: 0;
  transition: opacity 0.7s 0.5s, transform 0.5s cubic-bezier(0.87, 0, 0.13, 1) 0.1s
}
@media only screen and (max-width: 960px) {
  .l-nav_full-list-inr:before {
    border-radius: 30px
  }
}
.js-menu-open .l-nav_full-list-inr:before {
  transform: scale(1);
  opacity: 1;
  transition: opacity 0.4s 0s, transform 0.6s cubic-bezier(0.87, 0, 0.13, 1) 0s
}
.l-nav_full-list-inr:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-image: url("../img/nav_vector.svg");
  background-repeat: no-repeat;
  background-position: bottom center;
  background-size: 100% auto;
  transition: opacity .2s 0s;
  opacity: 0;
  z-index: -1
}
@media only screen and (max-width: 760px) {
  .l-nav_full-list-inr:after {
    background-image: url("../img/nav_vector_sp.svg")
  }
}
.js-menu-open .l-nav_full-list-inr:after {
  opacity: 1;
  transition: opacity .4s .6s
}
.l-nav_full-list-inr3 {
  height: 100%
}
.l-nav_full-list-inr2 {
  width: 100vw;
  position: relative
}
.l-nav_full-list-tgl {
  position: relative
}
@media only screen and (max-width: 960px) {
  .l-nav_full-list-tgl {
    display: block;
    background-image: url("../img/ico_nav_circle.svg");
    background-repeat: no-repeat;
    background-position: calc(100% - 1px) 5px;
    background-repeat: no-repeat;
    background-size: 34px 24px;
    overflow: hidden
  }
  .l-nav_full-list-tgl:before {
    content: "";
    display: block;
    width: 10px;
    height: 2px;
    position: absolute;
    top: 16px;
    right: 13px;
    background-color: #40b44b;
    border-radius: 1px;
    pointer-events: none
  }
  .l-nav_full-list-tgl:after {
    content: "";
    display: block;
    width: 2px;
    height: 10px;
    position: absolute;
    top: 12px;
    right: 17px;
    opacity: 1;
    background-color: #40b44b;
    border-radius: 1px;
    transform-origin: center;
    transform: rotate(0deg);
    transition: opacity .4s, transform .4s;
    pointer-events: none
  }
  .l-nav_full-list-tgl.js-open:after {
    opacity: 0;
    transform: rotate(90deg)
  }
}
.l-nav_full-list-tgl-wrap {
  display: block
}
@media only screen and (max-width: 960px) {
  .l-nav_full-list-tgl-wrap {
    position: relative;
    cursor: pointer
  }
}
@media only screen and (max-width: 960px) {
  .l-nav_full-list-tgl-wrap:after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
  }
}
.l-nav_full-list-01 {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  margin-bottom: clamp(0px, 5.1319648094vw, 70px)
}
@media only screen and (max-width: 960px) {
  .l-nav_full-list-01 {
    display: block
  }
}
.l-nav_full-list-01 ul {
  font-size: 22px;
  line-height: 1.1818181818;
  letter-spacing: .03em
}
@media print {
  .l-nav_full-list-01 ul {
    font-size: 12.9411764706px !important
  }
}
@media only screen and (max-width: 960px) {
  .l-nav_full-list-01 ul {
    font-size: 18px;
    line-height: 1.9;
    letter-spacing: .03em
  }
}
.l-nav_full-list-01 ul li {
  padding-bottom: .9em
}
@media only screen and (max-width: 960px) {
  .l-nav_full-list-01 ul li {
    padding-bottom: 0
  }
  .l-nav_full-list-01 ul li.js-open {
    margin-bottom: calc(1.1em + 12px)
  }
}
.l-nav_full-list-01 ul li.global {
  margin-top: 37px;
  font-size: 15px;
  line-height: 1;
  letter-spacing: 0em;
  vertical-align: middle;
  transform: translateY(50px);
  opacity: 0;
  transition: opacity 0.4s, transform 0.4s;
  transition-delay: 0s
}
@media print {
  .l-nav_full-list-01 ul li.global {
    font-size: 8.8235294118px !important
  }
}
@media only screen and (max-width: 960px) {
  .l-nav_full-list-01 ul li.global {
    margin: 54px 7.2463768116vw 0 0;
    display: inline-block;
    vertical-align: bottom
  }
}
.js-menu-open .l-nav_full-list-01 ul li.global {
  transform: translateY(0);
  opacity: 1;
  transition: opacity 0.6s, transform 0.6s;
  transition-delay: .7s
}
.l-nav_full-list-01 ul li.global svg {
  width: 18px;
  margin-right: 2px;
  vertical-align: -.3em
}
.l-nav_full-list-01 ul li.global a {
  display: block;
  transition: opacity .3s
}
.l-nav_full-list-01 ul li.global a:before {
  display: none
}
.l-nav_full-list-01 ul li.global a:hover {
  color: #212121;
  opacity: .8
}
.l-nav_full-list-01 ul li.sns {
  margin-top: 15px;
  line-height: 1;
  font-size: 0;
  transform: translateY(50px);
  opacity: 0;
  transition: opacity 0.3s, transform 0.3s;
  transition-delay: 0s
}
@media only screen and (max-width: 960px) {
  .l-nav_full-list-01 ul li.sns {
    margin-top: 40px;
    display: inline-block;
    vertical-align: bottom
  }
}
.js-menu-open .l-nav_full-list-01 ul li.sns {
  transform: translateY(0);
  opacity: 1;
  transition: opacity 0.6s, transform 0.6s;
  transition-delay: .7s
}
.l-nav_full-list-01 ul li.sns .instagram {
  display: inline-block;
  width: 17px
}
.l-nav_full-list-01 ul li.sns .twitter {
  display: inline-block;
  width: 17px
}
.l-nav_full-list-01 ul li.sns .youtube {
  display: inline-block;
  width: 20px
}
.l-nav_full-list-01 ul li.sns a {
  display: inline;
  margin-right: 20px;
  vertical-align: middle;
  transition: opacity .3s
}
@media only screen and (max-width: 760px) {
  .l-nav_full-list-01 ul li.sns a {
    margin-right: 26px
  }
}
.l-nav_full-list-01 ul li.sns a:before {
  display: none
}
.l-nav_full-list-01 ul li.sns a:hover {
  opacity: .8
}
.l-nav_full-list-01 > ul:nth-of-type(1) {
  width: 18.4017595308vw;
  transform: translateY(50px);
  opacity: 0;
  transition: opacity 0.3s, transform 0.3s;
  transition-delay: 0s
}
@media only screen and (max-width: 960px) {
  .l-nav_full-list-01 > ul:nth-of-type(1) {
    width: auto
  }
}
.js-menu-open .l-nav_full-list-01 > ul:nth-of-type(1) {
  transform: translateY(0);
  opacity: 1;
  transition: opacity 0.6s, transform 0.6s;
  transition-delay: .3s
}
.l-nav_full-list-01 > ul:nth-of-type(2) {
  width: 20.4545454545vw;
  transform: translateY(50px);
  opacity: 0;
  transition: opacity 0.3s, transform 0.3s;
  transition-delay: 0s
}
@media only screen and (max-width: 960px) {
  .l-nav_full-list-01 > ul:nth-of-type(2) {
    width: auto;
    padding-left: 0
  }
}
.js-menu-open .l-nav_full-list-01 > ul:nth-of-type(2) {
  transform: translateY(0);
  opacity: 1;
  transition: opacity 0.6s, transform 0.6s;
  transition-delay: .4s
}
.l-nav_full-list-01 > ul:nth-of-type(3) {
  width: 20.4545454545vw;
  transform: translateY(50px);
  opacity: 0;
  transition: opacity 0.3s, transform 0.3s;
  transition-delay: 0s
}
@media only screen and (max-width: 960px) {
  .l-nav_full-list-01 > ul:nth-of-type(3) {
    width: auto;
    margin-top: -.8em
  }
}
.js-menu-open .l-nav_full-list-01 > ul:nth-of-type(3) {
  transform: translateY(0);
  opacity: 1;
  transition: opacity 0.6s, transform 0.6s;
  transition-delay: .5s
}
.l-nav_full-list-01 > ul:nth-of-type(4) {
  flex: 1;
  transform: translateY(50px);
  opacity: 0;
  transition: opacity 0.3s, transform 0.3s;
  transition-delay: 0s
}
@media only screen and (max-width: 960px) {
  .l-nav_full-list-01 > ul:nth-of-type(4) {
    margin-top: calc(25px - .8em);
    white-space: nowrap
  }
}
.js-menu-open .l-nav_full-list-01 > ul:nth-of-type(4) {
  transform: translateY(0);
  opacity: 1;
  transition: opacity 0.6s, transform 0.6s;
  transition-delay: .6s
}
.l-nav_full-list-01 ul li ul {
  font-size: 14px;
  line-height: 1.2857142857;
  letter-spacing: .03em;
  margin: 1.4em 0 0 .3em
}
@media print {
  .l-nav_full-list-01 ul li ul {
    font-size: 8.2352941176px !important
  }
}
@media only screen and (max-width: 960px) {
  .l-nav_full-list-01 ul li ul {
    font-size: 17px;
    line-height: 1.1764705882;
    letter-spacing: .03em;
    margin: .8em 0 0 .6em;
    overflow: hidden;
    height: 0;
    transition: height .4s
  }
}
.l-nav_full-list-01 ul li ul a {
  color: #888
}
.l-nav_full-list-01 ul li ul a:before {
  display: none
}
.l-nav_full-list-01 ul li ul li {
  padding-bottom: .5em
}
@media only screen and (max-width: 960px) {
  .l-nav_full-list-01 ul li ul li {
    padding-bottom: .75em
  }
}
.l-nav_full-list-01 ul li ul li.sponly {
  display: none
}
@media only screen and (max-width: 960px) {
  .l-nav_full-list-01 ul li ul li.sponly {
    display: block
  }
}
.l-nav_full-list-01 a {
  display: table;
  position: relative;
  transition: color .4s;
  padding-left: 18px
}
@media only screen and (max-width: 960px) {
  .l-nav_full-list-01 a {
    display: block;
    padding-left: 0
  }
}
.l-nav_full-list-01 a:before {
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  position: absolute;
  top: calc(50% - 1px);
  left: 0;
  background-color: #40b44b;
  border-radius: 3px;
  opacity: 0;
  transition: opacity .3s
}
@media only screen and (max-width: 960px) {
  .l-nav_full-list-01 a:before {
    display: none;
    transition: none
  }
}
.l-nav_full-list-01 a:hover {
  color: #40b44b
}
@media only screen and (max-width: 960px) {
  .l-nav_full-list-01 a:hover {
    color: #212121
  }
}
.l-nav_full-list-01 a:hover:before {
  opacity: 1
}
.l-nav_full-list-02 {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  transform: translateY(50px);
  opacity: 0;
  transition: opacity 0.3s, transform 0.3s;
  transition-delay: 0s
}
@media only screen and (max-width: 960px) {
  .l-nav_full-list-02 {
    display: none
  }
}
.js-menu-open .l-nav_full-list-02 {
  transform: translateY(0);
  opacity: 1;
  transition: opacity 0.6s, transform 0.6s;
  transition-delay: .7s
}
.l-nav_full-list-02-ttl {
  position: relative;
  width: 19.7214076246vw;
  padding-left: 22px
}
.l-nav_full-list-02-ttl:before {
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  position: absolute;
  top: 11px;
  left: 0;
  background-color: #40b44b;
  border-radius: 3px
}
.l-nav_full-list-02-ttl .en {
  display: block;
  font-size: 44px;
  line-height: .8;
  letter-spacing: 0em
}
@media print {
  .l-nav_full-list-02-ttl .en {
    font-size: 25.8823529412px !important
  }
}
.l-nav_full-list-02-lists {
  flex: 1;
  display: flex;
  flex-wrap: wrap
}
.l-nav_full-list-02-lists ul {
  display: flex;
  flex-wrap: wrap
}
.l-nav_full-list-02-lists li {
  width: 18.43%;
  margin-right: 1.9625%;
  font-size: 14px;
  line-height: 1.3;
  letter-spacing: .03em
}
@media print {
  .l-nav_full-list-02-lists li {
    font-size: 8.2352941176px !important
  }
}
.l-nav_full-list-02-lists li:nth-of-type(5n) {
  margin-right: 0
}
.l-nav_full-list-02-lists li .fig {
  display: block;
  background: #EAEAEA;
  border-radius: 1.7595307918vw;
  overflow: hidden;
  margin-bottom: 16px
}
.l-nav_full-list-02-lists li .fig img {
  transition: transform .6s;
  will-change: transform;
  aspect-ratio: 1
}
.l-nav_full-list-02-lists li .text {
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin: 0 0 0 18px
}
.l-nav_full-list-02-lists li a {
  display: block
}
.l-nav_full-list-02-lists li a:hover .fig img {
  transform: scale(1.1)
}
.l-nav_full-list-footer {
  display: none
}
@media only screen and (max-width: 960px) {
  .l-nav_full-list-footer {
    display: block;
    margin-top: 30px;
    width: 80px;
    transform: translateY(50px);
    opacity: 0;
    transition: opacity 0.3s, transform 0.3s;
    transition-delay: 0s
  }
  .js-menu-open .l-nav_full-list-footer {
    transform: translateY(0);
    opacity: 1;
    transition: opacity 0.6s, transform 0.6s;
    transition-delay: .8s
  }
}
.l-contents--gray {
  border-radius: 5.8651026393vw;
  background-color: #F6F6F6;
  position: relative;
  z-index: 10
}
@media only screen and (max-width: 760px) {
  .l-contents--gray {
    border-radius: 9.6618357488vw
  }
}
.l-contents--pd01 {
  padding-top: 130px
}
@media only screen and (max-width: 760px) {
  .l-contents--pd01 {
    padding-top: 70px
  }
}
.l-contents--gray-static {
  margin-right: -4.5454545455vw;
  border-radius: 5.8651026393vw 0 0 5.8651026393vw;
  background-color: #F6F6F6;
  padding: 120px 0 120px 4.5454545455vw
}
@media only screen and (max-width: 760px) {
  .l-contents--gray-static {
    border-radius: 9.6618357488vw 0 0 9.6618357488vw;
    margin: 0 -5.5555555556vw 0 -3.6231884058vw;
    padding: 70px 0 70px 3.6231884058vw
  }
}
.l-contents_01, .l-contents_02 {
  background-color: #fff;
  box-shadow: 6px 6px 20px rgba(0, 0, 0, 0.06), 0px 0px 4px rgba(0, 0, 0, 0.04)
}
.l-contents_01 {
  border-radius: clamp(0px, 5.8651026393vw, 80px) clamp(0px, 5.8651026393vw, 80px) 0 0;
  position: relative
}
@media only screen and (max-width: 760px) {
  .l-contents_01 {
    border-radius: clamp(0px, 9.6618357488vw, 40px) clamp(0px, 9.6618357488vw, 40px) 0 0
  }
}
.l-contents_01:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 50vh;
  bottom: calc(-50vh + 2px);
  left: 0;
  background-color: #fff
}
.l-contents_02 {
  border-radius: 0 0 clamp(0px, 5.8651026393vw, 80px) clamp(0px, 5.8651026393vw, 80px);
  position: relative
}
@media only screen and (max-width: 760px) {
  .l-contents_02 {
    border-radius: 0 0 clamp(0px, 9.6618357488vw, 40px) clamp(0px, 9.6618357488vw, 40px)
  }
}
.l-contents_02:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 50vh;
  top: calc(-50vh + 2px);
  left: 0;
  background-color: #fff
}
.l-contents-und {
  position: relative;
  border-radius: clamp(0px, 5.8651026393vw, 80px);
  background-color: #fff;
  box-shadow: 6px 6px 20px rgba(0, 0, 0, 0.06), 0px 0px 4px rgba(0, 0, 0, 0.04);
  z-index: 21;
  min-height: 50vh
}
@media only screen and (max-width: 760px) {
  .l-contents-und {
    border-radius: clamp(0px, 9.6618357488vw, 40px)
  }
}
.l-contents-und--novisual {
  margin-top: -73px
}
@media only screen and (max-width: 760px) {
  .l-contents-und--novisual {
    margin-top: 0
  }
}
.l-contents-und--static {
  margin-top: -.7331378299vw
}
@media only screen and (max-width: 760px) {
  .l-contents-und--static {
    margin-top: -13.0434782609vw
  }
}
.s-top_main {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  height: 100svh;
  z-index: 0;
  background-color: #246c2a
}
.s-top_main-spacer {
  pointer-events: none;
  height: 100vh;
  height: 100svh
}
.s-top_main-dots {
  display: none
}
@media only screen and (max-width: 760px) {
  .s-top_main-dots {
    display: block;
    position: absolute;
    bottom: 14px;
    left: 5.5555555556vw;
    font-size: 0
  }
}
.s-top_main-dot {
  display: inline-block;
  margin-right: 8px;
  width: 8px;
  height: 8px;
  background-color: #fff;
  opacity: .4;
  border-radius: 50%
}
.s-top_main-dot.current {
  opacity: 1
}
.s-top_main-progress {
  width: 176px;
  height: 72px;
  position: absolute;
  bottom: clamp(10px, 3.5923753666vw, 49px);
  left: 4.6187683284vw;
  color: #fff;
  font-size: 12px;
  line-height: 1;
  letter-spacing: 0em;
  text-align: center;
  z-index: 1
}
@media print {
  .s-top_main-progress {
    font-size: 7.0588235294px !important
  }
}
@media only screen and (max-width: 760px) {
  .s-top_main-progress {
    visibility: hidden
  }
}
.s-top_main-progress-text {
  display: inline-block;
  letter-spacing: .2em;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%)
}
.s-top_main-progress-circle-bk {
  display: block;
  width: 100%;
  height: 100%;
  opacity: .2;
  position: absolute;
  top: 0;
    opacity: 0;
  left: 0
}
.s-top_main-progress-circle-bk svg {
  width: 100%;
  height: 100%
}
.s-top_main-progress-circle-main {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
    opacity: 0;
  left: 0
}
.s-top_main-progress-circle-main svg {
  width: 100%;
  height: 100%
}
.s-top_main-progress-arrow {
  width: 33px;
  height: 28px;
  position: absolute;
  cursor: pointer;
  z-index: 1
}
.s-top_main-progress-arrow--back {
  top: calc(50% - 15px);
  left: 27px;
  transform: rotate(180deg);
  transform-origin: center
}
.s-top_main-progress-arrow--next {
  top: calc(50% - 13px);
  left: auto;
  right: 29px
}
.s-top_main-progress-arrow:hover .c_arrow-single:after {
  transform: translate(100%, 0);
  opacity: 0
}
.s-top_main-progress-arrow:hover .c_arrow-single:before {
  transform: translate(8px, 0);
  opacity: 1
}
.s-top_main-progress-arrow-inr {
  width: 13px;
  position: absolute;
  top: calc(50% - 5px);
  left: calc(50% - 4px)
}
.s-top_main-progress-arrow-inr .c_arrow-single {
  width: 13px;
  height: 8px
}
.s-top_main-progress-arrow-inr .c_arrow-single:after, .s-top_main-progress-arrow-inr .c_arrow-single:before {
  background-image: url("../img/ico_arrow.svg")
}
.s-top_main-progress-arrow-inr .c_arrow-single:before {
  top: 0;
  left: -8px
}
.s-top_main-section {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0
}
.s-top_main-section a {
  display: block;
  width: 100%;
  height: 100%
}
.s-top_main-section figure {
  position: relative;
  overflow: hidden;
  z-index: 0;
  height: 100%;
  transition: transform 0.6s cubic-bezier(0.4, 0, 0.22, 1), border-radius 0.6s cubic-bezier(0.4, 0, 0.22, 1)
}
.s-top_main-section figure:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(24, 24, 24, 0.25);
  z-index: 1
}
.s-top_main-section img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1.1);
  position: relative;
  z-index: -1;
  pointer-events: none
}
.s-top_main-section .slick-track, .s-top_main-section .slick-list {
  width: 100%;
  height: 100%
}
.s-top_main-section-single.js-scaled figure {
  transform: scale(0.6371);
  border-radius: 50px;
  overflow: hidden
}
@media only screen and (max-width: 760px) {
  .s-top_main-section-single.js-scaled figure {
    transform: scale(0.6);
    border-radius: 25px
  }
}
.s-top_main-section-single {
  position: relative
}
.s-top_main-section-type1, .s-top_main-section-type2, .s-top_main-section-type3 {
  display: none;
  width: 100%;
  height: 100%
}
.s-top_main-section-type1 {
  display: block
}
.s-top_main-section-type1-copy {
  position: absolute;
    bottom: 110px;
  left: 9.3108504399vw;
  color: #fff;
  z-index: 1;
  font-size: calc((1364px - (1364px - var(--font-device-width-unit)) / 1) / 1364 * 76);
  line-height: 1;
  letter-spacing: .01em;
  white-space: nowrap;
  display: flex;
  align-items: flex-end
}
@media print {
  .s-top_main-section-type1-copy {
    font-size: 72.9411764706px !important
  }
}
@media only screen and (max-width: 760px) {
  .s-top_main-section-type1-copy {
    width: 88.8888888889vw;
    transform: translateX(-50%);
    font-size: clamp(0px, 14.9758454106vw, 46px);
    line-height: 1.0967741935;
    letter-spacing: .03em;
    bottom: 88px;
    left: 50%
  }
}
@media only screen and (max-width: 760px) {
  .s-top_main-section-type1-copy .wrap {
    margin-bottom: 33px
  }
}
.s-top_main-section-type1-copy .indent {
  margin-left: 1.36em
}
@media only screen and (max-width: 760px) {
  .s-top_main-section-type1-copy .indent {
    margin-left: 0
  }
}
.s-top_main-section-type1-copy .en {
  font-size: calc((1364px - (1364px - var(--font-device-width-unit)) / 1) / 1364 * 30);
  line-height: 1;
  letter-spacing: 0em;
  position: absolute;
  bottom: 21px;
  right: 13px;
  transform: translateX(100%)
}
@media print {
  .s-top_main-section-type1-copy .en {
    font-size: 17.6470588235px !important
  }
}
@media only screen and (max-width: 760px) {
  .s-top_main-section-type1-copy .en {
    display: block;
    width: 100%;
    text-align: center;
    bottom: -2px;
    right: 10px;
    transform: none;
    font-size: clamp(0px, 5.7971014493vw, 24px);
    line-height: 1;
    letter-spacing: 0em
  }
}
.s-top_main-section-type1-copy .js-textrowmotion-row:nth-of-type(1) {
  margin-bottom: 6px
}
@media only screen and (max-width: 760px) {
  .s-top_main-section-type1-copy .js-textrowmotion-row:nth-of-type(1) {
    margin-bottom: 0
  }
}
.s-top_main-section-type1-copy .js-textrowmotion-row:nth-of-type(1) .js-textrowmotion-wrapper:nth-of-type(1) {
  letter-spacing: .05em
}
@media only screen and (max-width: 760px) {
  .s-top_main-section-type1-copy .js-textrowmotion-row:nth-of-type(1) .js-textrowmotion-wrapper:nth-of-type(1) {
    letter-spacing: .03em
  }
}
.s-top_main-section-type1-copy .js-textrowmotion-row:nth-of-type(1) .js-textrowmotion-wrapper:nth-of-type(2) {
  letter-spacing: .03em
}
.s-top_main-section-type1-copy .js-textrowmotion-row:nth-of-type(1) .js-textrowmotion-wrapper:nth-of-type(3) {
  letter-spacing: -.05em
}
@media only screen and (max-width: 760px) {
  .s-top_main-section-type1-copy .js-textrowmotion-row:nth-of-type(1) .js-textrowmotion-wrapper:nth-of-type(3) {
    letter-spacing: .035em
  }
}
.s-top_main-section-type1-copy .js-textrowmotion-row:nth-of-type(2) {
  margin-top: -3px
}
@media only screen and (max-width: 760px) {
  .s-top_main-section-type1-copy .js-textrowmotion-row:nth-of-type(2) {
    margin-top: -6px
  }
}
.s-top_main-section-type1-copy .js-textrowmotion-row:nth-of-type(2) .js-textrowmotion-wrapper:nth-of-type(1) {
  letter-spacing: -.01em
}
@media only screen and (max-width: 760px) {
  .s-top_main-section-type1-copy .js-textrowmotion-row:nth-of-type(2) .js-textrowmotion-wrapper:nth-of-type(1) {
    letter-spacing: .03em
  }
}
.s-top_main-section-type1-copy .js-textrowmotion-row:nth-of-type(2) .js-textrowmotion-wrapper:nth-of-type(2) {
  letter-spacing: -.048em
}
@media only screen and (max-width: 760px) {
  .s-top_main-section-type1-copy .js-textrowmotion-row:nth-of-type(2) .js-textrowmotion-wrapper:nth-of-type(2) {
    letter-spacing: .03em
  }
}
.s-top_main-section-type1-copy .js-textrowmotion-row:nth-of-type(2) .js-textrowmotion-wrapper:nth-of-type(3) {
  letter-spacing: -.02em
}
@media only screen and (max-width: 760px) {
  .s-top_main-section-type1-copy .js-textrowmotion-row:nth-of-type(2) .js-textrowmotion-wrapper:nth-of-type(3) {
    letter-spacing: .03em
  }
}
.s-top_main-section-type1-copy .js-textrowmotion-row:nth-of-type(2) .js-textrowmotion-wrapper:nth-of-type(4) {
  letter-spacing: 0
}
@media only screen and (max-width: 760px) {
  .s-top_main-section-type1-copy .js-textrowmotion-row:nth-of-type(2) .js-textrowmotion-wrapper:nth-of-type(4) {
    letter-spacing: .03em
  }
}
.s-top_main-section-type1-copy .js-textrowmotion-row:nth-of-type(2) .js-textrowmotion-wrapper:nth-of-type(5) {
  letter-spacing: -.02em
}
@media only screen and (max-width: 760px) {
  .s-top_main-section-type1-copy .js-textrowmotion-row:nth-of-type(2) .js-textrowmotion-wrapper:nth-of-type(5) {
    letter-spacing: .03em
  }
}
.s-top_main-section-type1-copy .js-textrowmotion-row:nth-of-type(2) .js-textrowmotion-wrapper:nth-of-type(6) {
  letter-spacing: 0
}
@media only screen and (max-width: 760px) {
  .s-top_main-section-type1-copy .js-textrowmotion-row:nth-of-type(2) .js-textrowmotion-wrapper:nth-of-type(6) {
    letter-spacing: .03em
  }
}
.s-top_main-section-type2-copy {
  width: 620px;
  position: absolute;
  bottom: 126px;
  right: 6.8181818182vw;
  color: #fff;
  z-index: 1;
  font-size: calc((1364px - (1364px - var(--font-device-width-unit)) / 1.6) / 1364 * 54);
  line-height: 1.16;
  letter-spacing: .03em
}
@media print {
  .s-top_main-section-type2-copy {
    font-size: 31.7647058824px !important
  }
}
@media only screen and (max-width: 960px) {
  .s-top_main-section-type2-copy {
    width: 52.7859237537vw
  }
}
@media only screen and (max-width: 760px) {
  .s-top_main-section-type2-copy {
    width: 100%;
    right: 0;
    padding: 0 5.5555555556vw;
    bottom: 71px;
    font-size: 38px;
    line-height: 1.12;
    letter-spacing: .03em
  }
}
.s-top_main-section-type2-copy .wrap {
  width: 100%;
  margin-bottom: -1.2em
}
.s-top_main-section-type2-copy .num {
  display: block;
  font-size: 12px;
  line-height: 1;
  letter-spacing: 0em;
  color: #40b44b;
  margin-bottom: 6px
}
@media print {
  .s-top_main-section-type2-copy .num {
    font-size: 7.0588235294px !important
  }
}
@media only screen and (max-width: 760px) {
  .s-top_main-section-type2-copy .num {
    font-size: 11px;
    line-height: 1;
    letter-spacing: 0em
  }
}
.s-top_main-section-type2-copy .subttl {
  display: block;
  font-size: 30px;
  line-height: 1;
  letter-spacing: 0em;
  margin-bottom: 22px
}
@media print {
  .s-top_main-section-type2-copy .subttl {
    font-size: 17.6470588235px !important
  }
}
@media only screen and (max-width: 760px) {
  .s-top_main-section-type2-copy .subttl {
    font-size: 22px;
    line-height: 1;
    letter-spacing: 0em;
    margin-bottom: 18px
  }
}
.s-top_main-section-type2-copy .name {
  display: block;
  font-size: 22px;
  line-height: 1.3;
  letter-spacing: .03em;
  margin-top: 20px
}
@media print {
  .s-top_main-section-type2-copy .name {
    font-size: 12.9411764706px !important
  }
}
@media only screen and (max-width: 760px) {
  .s-top_main-section-type2-copy .name {
    font-size: 18px;
    line-height: 1.3;
    letter-spacing: .03em;
    margin-top: 16px
  }
}
.s-top_main-section-type2-copy .cat {
  display: inline-block;
  font-size: 11px;
  line-height: 1;
  letter-spacing: .03em;
  padding: 3.5px 12px;
  margin-left: 18px;
  border: 1px solid #FFFFFF;
  border-radius: 12px;
  transform: translateY(-3px)
}
@media print {
  .s-top_main-section-type2-copy .cat {
    font-size: 6.4705882353px !important
  }
}
@media only screen and (max-width: 760px) {
  .s-top_main-section-type2-copy .cat {
    vertical-align: .4em;
    margin-left: 20px;
    transform: translateY(2px)
  }
}
.s-top_main-section-type2-copy .js-textrowmotion-row {
  margin-top: -5px
}
.s-top_main-section-type3-copy {
  width: 620px;
  position: absolute;
  bottom: 126px;
  right: 6.8181818182vw;
  color: #fff;
  z-index: 1;
  font-size: calc((1364px - (1364px - var(--font-device-width-unit)) / 1.6) / 1364 * 46);
  line-height: 1.3;
  letter-spacing: .03em;
  line-height: 1.16em
}
@media print {
  .s-top_main-section-type3-copy {
    font-size: 27.0588235294px !important
  }
}
@media only screen and (max-width: 760px) {
  .s-top_main-section-type3-copy {
    width: 100%;
    right: 0;
    bottom: 70px;
    padding: 0 5.5555555556vw;
    font-size: 34px;
    line-height: 1.3;
    letter-spacing: .03em;
    line-height: 1.15
  }
}
.s-top_main-section-type3-copy .num {
  display: block;
  font-size: 12px;
  line-height: 1;
  letter-spacing: 0em;
  color: #40b44b;
  margin-bottom: 6px
}
@media print {
  .s-top_main-section-type3-copy .num {
    font-size: 7.0588235294px !important
  }
}
@media only screen and (max-width: 760px) {
  .s-top_main-section-type3-copy .num {
    font-size: 11px;
    line-height: 1;
    letter-spacing: 0em;
    margin-bottom: 4px
  }
}
.s-top_main-section-type3-copy .subttl {
  display: block;
  font-size: 30px;
  line-height: 1;
  letter-spacing: 0em;
  margin-bottom: 26px
}
@media print {
  .s-top_main-section-type3-copy .subttl {
    font-size: 17.6470588235px !important
  }
}
@media only screen and (max-width: 760px) {
  .s-top_main-section-type3-copy .subttl {
    font-size: 22px;
    line-height: 1;
    letter-spacing: 0em;
    margin-bottom: 17px
  }
}
.s-top_main-section-type3-copy .ttl {
  position: relative;
  display: block;
  margin-bottom: .5em
}
.s-top_main-section-type3-copy .overflow-mark {
  position: absolute;
  bottom: .1em;
  right: .5em;
  width: 1em;
  height: .5em;
  background: url(/asset/img/ico_text_trimmark.svg);
  background-repeat: no-repeat;
  background-size: 100%;
  opacity: 0
}
@media only screen and (max-width: 760px) {
  .s-top_main-section-type3-copy .overflow-mark {
    right: 0
  }
}
.s-top_main-section-type3-copy .ttl-inner {
  display: block;
  max-height: 3.7em;
  overflow: hidden
}
@media only screen and (max-width: 760px) {
  .s-top_main-section-type3-copy .ttl-inner {
    max-height: 5em
  }
}
.js-text-isoverflow .s-top_main-section-type3-copy .ttl-inner {
  -webkit-mask-image: url(/asset/img/main_text_mask_pc.png);
  mask-image: url(/asset/img/main_text_mask_pc.png);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%
}
@media only screen and (max-width: 760px) {
  .js-text-isoverflow .s-top_main-section-type3-copy .ttl-inner {
    -webkit-mask-image: url(/asset/img/main_text_mask_sp.png);
    mask-image: url(/asset/img/main_text_mask_sp.png)
  }
}
.s-top_main-section-type3-copy .name {
  display: block;
  font-size: 22px;
  line-height: 1.3;
  letter-spacing: .03em;
  margin-top: 36px
}
@media print {
  .s-top_main-section-type3-copy .name {
    font-size: 12.9411764706px !important
  }
}
@media only screen and (max-width: 760px) {
  .s-top_main-section-type3-copy .name {
    font-size: 18px;
    line-height: 1.3;
    letter-spacing: .03em;
    margin-top: 26px
  }
}
.s-top_main-section-type3-copy .cat {
  display: inline-block;
  font-size: 11px;
  line-height: 1;
  letter-spacing: .03em;
  padding: 3.5px 12px;
  margin-left: 21px;
  border: 1px solid #FFFFFF;
  border-radius: 12px;
  transform: translateY(-3px)
}
@media print {
  .s-top_main-section-type3-copy .cat {
    font-size: 6.4705882353px !important
  }
}
@media only screen and (max-width: 760px) {
  .s-top_main-section-type3-copy .cat {
    vertical-align: .3em;
    margin-left: 22px;
    transform: translateY(2px)
  }
}
.s-top_main-section-type3-copy .js-textrowmotion-wrapper {
  margin-top: -3px
}
@media only screen and (max-width: 760px) {
  .s-top_main-section-type3-copy .js-textrowmotion-wrapper {
    margin-top: -2px
  }
}
.s-top_contents-wrap {
  position: relative;
  z-index: 30
}
.s-top_contents-01 {
  position: relative;
  padding: clamp(0px, 9.5307917889vw, 130px) 0 0 0
}
@media only screen and (max-width: 760px) {
  .s-top_contents-01 {
    padding: 24.154589372vw 0 0 0
  }
}
.s-top_contents-01-fig {
  position: absolute
}
.s-top_contents-01-fig--01 {
  width: 20.5278592375vw;
  max-width: 390px;
  top: -74px;
  right: 9.0909090909vw
}
@media only screen and (max-width: 760px) {
  .s-top_contents-01-fig--01 {
    display: none
  }
}
.s-top_contents-01-fig--02 {
  width: 20.5278592375vw;
  max-width: 446px;
  bottom: 104px;
  left: 0
}
@media only screen and (max-width: 760px) {
  .s-top_contents-01-fig--02 {
    display: none
  }
}
.s-top_contents-01-fig--03 {
  width: 11.3636363636vw;
  max-width: 216px;
  bottom: 58px;
  left: 15.9090909091vw
}
@media only screen and (max-width: 760px) {
  .s-top_contents-01-fig--03 {
    display: none
  }
}
.s-top_contents-fig-inner {
  overflow: hidden
}
.s-top_contents-01-fig--01 .s-top_contents-fig-inner {
    border-radius: 20px;
}
@media only screen and (max-width: 760px) {
  .s-top_contents-01-fig--01 .s-top_contents-fig-inner {
    width: 33.3333333333vw;
    border-radius: 16.6666666667vw;
    top: -76px;
    right: 5.5555555556vw
  }
}
.s-top_contents-01-fig--02 .s-top_contents-fig-inner {
    border-radius: 20px;
}
.s-top_contents-01-fig--03 .s-top_contents-fig-inner {
    border-radius: 20px;
}
.s-top_contents-01-sbttl {
  font-size: 12px;
  line-height: 1.5;
  letter-spacing: .03em;
  margin-bottom: 34px;
  text-align: center
}
@media print {
  .s-top_contents-01-sbttl {
    font-size: 7.0588235294px !important
  }
}
@media only screen and (max-width: 760px) {
  .s-top_contents-01-sbttl {
    font-size: 11px;
    line-height: 1;
    letter-spacing: 0em;
    margin-bottom: 8.2125603865vw
  }
}
.s-top_contents-01-sbttl .num {
  display: block;
  font-size: 12px;
  line-height: 1;
  letter-spacing: 0em;
  margin-bottom: 8px;
  color: #40b44b
}
@media print {
  .s-top_contents-01-sbttl .num {
    font-size: 7.0588235294px !important
  }
}
@media only screen and (max-width: 760px) {
  .s-top_contents-01-sbttl .num {
    font-size: 12px;
    line-height: 1;
    letter-spacing: 0em;
    margin-bottom: 6px
  }
}
.s-top_contents-01-sbttl .en {
  display: block;
  font-size: 20px;
  line-height: 1.1;
  letter-spacing: 0em;
  margin-bottom: calc(5px - .2em)
}
@media print {
  .s-top_contents-01-sbttl .en {
    font-size: 11.7647058824px !important
  }
}
@media only screen and (max-width: 760px) {
  .s-top_contents-01-sbttl .en {
    font-size: 20px;
    line-height: .9;
    letter-spacing: 0em;
    margin-bottom: 9px
  }
}
.s-top_contents-01-ttl {
  font-size: calc((1364px - (1364px - var(--font-device-width-unit)) / 1.8) / 1364 * 38);
  line-height: 1.3763157895;
  letter-spacing: .03em;
  text-align: center;
  margin-bottom: 53px
}
@media print {
  .s-top_contents-01-ttl {
    font-size: 22.3529411765px !important
  }
}
@media only screen and (max-width: 760px) {
  .s-top_contents-01-ttl {
    font-size: 25px;
    line-height: 1.43;
    letter-spacing: .03em;
    margin-bottom: 34px
  }
}
.s-top_contents-01-btn {
  width: 236px;
  height: 90px;
  margin: 0 auto clamp(0px, 11.5102639296vw, 157px) auto
}
@media only screen and (max-width: 760px) {
  .s-top_contents-01-btn {
    width: 200px;
    height: 76px;
    margin: 0 auto 67px auto
  }
}
.s-top_contents-02 {
  position: relative;
  width: 90.9090909091vw;
  margin: 0 auto;
  padding-bottom: 77px
}
@media only screen and (max-width: 760px) {
  .s-top_contents-02 {
    width: auto;
    margin: 0 5.5555555556vw;
    padding-bottom: 76px
  }
}
.s-top_contents-02:before {
  content: "";
  display: block;
  width: 100vw;
  height: 25.293255132vw;
  position: absolute;
  top: -6px;
  left: -4.5454545455vw;
  background-image: url("../img/vector.svg");
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 100% auto;
  z-index: -1
}
@media only screen and (max-width: 760px) {
  .s-top_contents-02:before {
    width: 100vw;
    height: 52.8985507246vw;
    top: 21px;
    background-image: url("../img/vector_sp.svg");
    left: -5.5555555556vw
  }
}
.s-top_contents-02-ttl {
  margin-bottom: 5px
}
@media only screen and (max-width: 760px) {
  .s-top_contents-02-ttl {
    margin-bottom: 7px
  }
}
@media only screen and (max-width: 760px) {
  .s-top_contents-02-ttl .en {
    margin-bottom: -6px
  }
}
.s-top_contents-02-btn {
  position: absolute;
  top: 31px;
  right: 0
}
@media only screen and (max-width: 760px) {
  .s-top_contents-02-btn {
    position: static;
    display: table;
    margin: 10px auto 0 auto
  }
}
.s-top_contents-02-btn .mag path {
  stroke: #000
}
.s-top_contents-02-articles {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row-reverse;
  width: 100%
}
@media only screen and (max-width: 760px) {
  .s-top_contents-02-articles {
    display: block;
    width: auto
  }
}
.s-top_contents-02-articles-inr {
  flex: 1;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row-reverse;
  margin-top: 59px
}
@media only screen and (max-width: 760px) {
  .s-top_contents-02-articles-inr {
    display: block;
    margin-top: 0
  }
}
.s-top_contents-02-article {
  width: 44.44%;
  margin: 0 0 0 11.12%;
  padding-bottom: 51px;
  font-size: calc((1364px - (1364px - var(--font-device-width-unit)) / 1.6) / 1364 * 20);
  line-height: 1.3;
  letter-spacing: .03em;
  position: relative
}
@media print {
  .s-top_contents-02-article {
    font-size: 11.7647058824px !important
  }
}
@media only screen and (max-width: 760px) {
  .s-top_contents-02-article {
    width: auto;
    margin: 0;
    padding-bottom: 28px;
    font-size: 16px;
    line-height: 1.3;
    letter-spacing: .03em
  }
}
.s-top_contents-02-article:nth-of-type(2n) {
  margin-left: 0;
  transform: translateY(50%)
}
@media only screen and (max-width: 760px) {
  .s-top_contents-02-article:nth-of-type(2n) {
    transform: none
  }
}
.s-top_contents-02-article:nth-of-type(3) {
  margin-top: 0
}
@media only screen and (max-width: 760px) {
  .s-top_contents-02-article:nth-of-type(3) {
    margin-top: 0
  }
}
.s-top_contents-02-article--large {
  width: 43.1818181818vw;
  margin-left: 6.8181818182vw;
  font-size: calc((1364px - (1364px - var(--font-device-width-unit)) / 1) / 1364 * 36);
  line-height: 1.3;
  letter-spacing: .03em
}
@media print {
  .s-top_contents-02-article--large {
    font-size: 21.1764705882px !important
  }
}
@media only screen and (max-width: 760px) {
  .s-top_contents-02-article--large {
    width: auto;
    margin: 0 0 11px 0;
    font-size: 26px;
    line-height: 1.3461538462;
    letter-spacing: .03em
  }
}
.s-top_contents-02-article--large .s-top_contents-02-article-fig {
  margin-bottom: 2.6392961877vw;
  border-radius: 3.6656891496vw
}
@media only screen and (max-width: 760px) {
  .s-top_contents-02-article--large .s-top_contents-02-article-fig {
    width: 100%;
    margin: 0 0 24px 0;
    border-radius: 7.2463768116vw
  }
}
.s-top_contents-02-article--large .s-top_contents-02-article-cat {
  font-size: 12px;
  line-height: 1;
  letter-spacing: .03em;
  margin: 0 clamp(0px, 2.2727272727vw, 31px) 9px clamp(0px, 2.2727272727vw, 31px)
}
@media print {
  .s-top_contents-02-article--large .s-top_contents-02-article-cat {
    font-size: 7.0588235294px !important
  }
}
@media only screen and (max-width: 760px) {
  .s-top_contents-02-article--large .s-top_contents-02-article-cat {
    font-size: 11px;
    line-height: 1;
    letter-spacing: .03em;
    margin: 0 0 14px 0;
    padding: 4px 12px 3px 12px
  }
}
.s-top_contents-02-article--large .s-top_contents-02-article-text {
  -webkit-line-clamp: 4;
  margin: 0 clamp(0px, 2.2727272727vw, 31px)
}
@media only screen and (max-width: 760px) {
  .s-top_contents-02-article--large .s-top_contents-02-article-text {
    margin: 0
  }
}
.s-top_contents-02-article--large .s-top_contents-02-article-time {
  font-size: 12px;
  line-height: 1;
  letter-spacing: 0em;
  margin: 13px clamp(0px, 2.2727272727vw, 31px) 0 clamp(0px, 2.2727272727vw, 31px)
}
@media print {
  .s-top_contents-02-article--large .s-top_contents-02-article-time {
    font-size: 7.0588235294px !important
  }
}
@media only screen and (max-width: 760px) {
  .s-top_contents-02-article--large .s-top_contents-02-article-time {
    font-size: 12px;
    line-height: 1;
    letter-spacing: 0em;
    margin: 13px 0 0 0
  }
}
.s-top_contents-02-article a {
  display: block
}
@media only screen and (max-width: 760px) {
  .s-top_contents-02-article a {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start
  }
}
.s-top_contents-02-article a:hover .s-top_contents-02-article-fig img {
  transform: scale(1.1)
}
.s-top_contents-02-article-new {
  width: 3.6656891496vw;
  height: 2.4193548387vw;
  position: absolute;
  top: 10.6304985337vw;
  left: .5865102639vw;
  z-index: 2;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  box-shadow: 6px 6px 20px rgba(0, 0, 0, 0.06), 0px 0px 4px rgba(0, 0, 0, 0.04);
  border-radius: 50%;
  background-color: #40b44b
}
.s-top_contents-02-article--large .s-top_contents-02-article-new {
  top: 28.8123167155vw;
  left: 1.1730205279vw
}
@media only screen and (max-width: 760px) {
  .s-top_contents-02-article--large .s-top_contents-02-article-new {
    top: 57.0048309179vw;
    left: 3.8647342995vw
  }
}
.s-top_contents-02-article-new img {
  width: 2.0527859238vw
}
@media only screen and (max-width: 760px) {
  .s-top_contents-02-article-new {
    width: 9.5652173913vw;
    height: 5.845410628vw;
    top: 17.8743961353vw;
    left: .9661835749vw
  }
  .s-top_contents-02-article-new img {
    width: 5.7971014493vw
  }
}
.s-top_contents-02-article-fig {
  margin-bottom: clamp(0px, 1.4662756598vw, 20px);
  overflow: hidden;
  border-radius: 2.1994134897vw;
  position: relative;
  z-index: 1
}
@media only screen and (max-width: 760px) {
  .s-top_contents-02-article-fig {
    width: 33.3333333333vw;
    border-radius: 3.3816425121vw;
    margin-right: 3.8647342995vw
  }
}
.s-top_contents-02-article-fig img {
  transition: transform .6s;
  aspect-ratio: 1.3333333333;
  will-change: transform
}
@media only screen and (max-width: 760px) {
  .s-top_contents-02-article-dtl {
    flex: 1
  }
}
.s-top_contents-02-article-text {
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  font-family: paralucent, sans-serif;
  font-weight: 700
}
.s-top_contents-02-article-cat {
  display: table;
  color: #888888;
  margin-bottom: 8px;
  padding: 3px 12px;
  font-size: 11px;
  line-height: 1;
  letter-spacing: .03em;
  border: 2px solid #DDDDDD;
  border-radius: 11px
}
@media print {
  .s-top_contents-02-article-cat {
    font-size: 6.4705882353px !important
  }
}
@media only screen and (max-width: 760px) {
  .s-top_contents-02-article-cat {
    font-size: 10px;
    line-height: 1;
    letter-spacing: .03em;
    margin-bottom: 10px
  }
}
.s-top_contents-02-article-time {
  color: #888888;
  font-size: 12px;
  line-height: 1;
  letter-spacing: 0em;
  margin-top: 9px
}
@media print {
  .s-top_contents-02-article-time {
    font-size: 7.0588235294px !important
  }
}
@media only screen and (max-width: 760px) {
  .s-top_contents-02-article-time {
    font-size: 12px;
    line-height: 1;
    letter-spacing: .03em;
    margin-top: 10px
  }
}
.s-top_contents-03 {
  position: relative;
  overflow: hidden;
  margin: 0 0 111px 4.5454545455vw
}
@media only screen and (max-width: 760px) {
  .s-top_contents-03 {
    margin: 0 0 58px 5.5555555556vw
  }
}
.s-top_contents-03-ttl {
  margin-bottom: 20px
}
@media only screen and (max-width: 760px) {
  .s-top_contents-03-ttl {
    margin-bottom: 22px
  }
}
@media only screen and (max-width: 760px) {
  .s-top_contents-03-ttl .en {
    margin-bottom: -3px
  }
}
.s-top_contents-03-list {
  position: relative;
  margin: 0 0 0 13.6363636364vw;
  transition: transform 1.2s cubic-bezier(0.09, 0.46, 0.32, 1), opacity 0.4s;
  transform: translate3d(50%, 0, 0);
  opacity: 0
}
@media only screen and (max-width: 760px) {
  .s-top_contents-03-list {
    margin: 0
  }
}
.s-top_contents-03-list.js-scrollaction-active {
  transform: translate3d(0, 0, 0);
  opacity: 1
}
.s-top_contents-03-list-block {
  margin-right: 1.3196480938vw
}
@media only screen and (max-width: 760px) {
  .s-top_contents-03-list-block {
    margin-right: 3.8647342995vw
  }
}
.s-top_contents-03-list-block figure {
  margin-bottom: 20px;
  background: #EAEAEA;
  border-radius: 1.7595307918vw;
    position: relative;
    overflow: hidden;
}
@media only screen and (max-width: 760px) {
  .s-top_contents-03-list-block figure {
    margin-bottom: 14px;
    border-radius: 5.7971014493vw
  }
}
.s-top_contents-03-list-block figure img {
  transition: transform .6s;
  aspect-ratio: 1;
  will-change: transform
}
.s-top_contents-03-list-block p {
  display: table;
  border: 2px solid #DDDDDD;
  color: #888888;
  padding: 3px 12px;
  margin: 0 0 8px 9px;
  border-radius: 11px;
  font-size: 11px;
  line-height: 1;
  letter-spacing: .03em
}
@media print {
  .s-top_contents-03-list-block p {
    font-size: 6.4705882353px !important
  }
}
@media only screen and (max-width: 760px) {
  .s-top_contents-03-list-block p {
    font-size: 10px;
    line-height: 1;
    letter-spacing: .03em;
    margin: 0 0 8px 0
  }
}
.s-top_contents-03-list-block a {
  display: block
}
.s-top_contents-03-list-block a:hover figure img {
  transform: scale(1.1)
}
.s-top_contents-03-list-ttl {
  font-size: calc((1364px - (1364px - var(--font-device-width-unit)) / 1.8) / 1364 * 20);
  line-height: 1.3;
  letter-spacing: .03em;
  margin-left: 9px;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-family: paralucent, sans-serif;
  font-weight: 700
}
@media print {
  .s-top_contents-03-list-ttl {
    font-size: 11.7647058824px !important
  }
}
@media only screen and (max-width: 760px) {
  .s-top_contents-03-list-ttl {
    font-size: 16px;
    line-height: 1.3;
    letter-spacing: .03em;
    margin-left: 0
  }
}
.s-top_contents-04 {
  overflow: hidden;
  padding: 0 0 97px 4.5454545455vw;
  position: relative
}
@media only screen and (max-width: 760px) {
  .s-top_contents-04 {
    padding: 0 5.5555555556vw 36px 5.5555555556vw
  }
}
.s-top_contents-04 ul {
  width: 36.3636363636vw;
  margin: 0 0 0 27.2727272727vw
}
@media only screen and (max-width: 760px) {
  .s-top_contents-04 ul {
    width: auto;
    margin: 0
  }
}
.s-top_contents-04 li {
  position: relative;
  font-size: calc((1364px - (1364px - var(--font-device-width-unit)) / 1.8) / 1364 * 36);
  line-height: 1.1111111111;
  letter-spacing: .03em;
  border-bottom: 1px solid #DDDDDD
}
@media print {
  .s-top_contents-04 li {
    font-size: 21.1764705882px !important
  }
}
@media only screen and (max-width: 760px) {
  .s-top_contents-04 li {
    font-size: 26px;
    line-height: 1.1538461538;
    letter-spacing: .03em;
    border-bottom: none;
    border-top: 1px solid #DDDDDD
  }
}
.s-top_contents-04 li:last-child {
  border-bottom: none
}
.s-top_contents-04 li .en {
  display: block;
  font-size: 10px;
  line-height: 1;
  letter-spacing: 0em;
  color: #888888;
  margin-top: 10px
}
@media print {
  .s-top_contents-04 li .en {
    font-size: 5.8823529412px !important
  }
}
@media only screen and (max-width: 760px) {
  .s-top_contents-04 li .en {
    font-size: 11px;
    line-height: 1;
    letter-spacing: 0em;
    margin-top: 6px
  }
}
.s-top_contents-04 li .num {
  display: block;
  font-size: calc((1364px - (1364px - var(--font-device-width-unit)) / 1.8) / 1364 * 10);
  line-height: 1;
  letter-spacing: 0em;
  color: #40b44b;
  margin: 0 0 -4px -3.3724340176vw
}
@media print {
  .s-top_contents-04 li .num {
    font-size: 5.8823529412px !important
  }
}
@media only screen and (max-width: 760px) {
  .s-top_contents-04 li .num {
    font-size: 10px;
    line-height: 1;
    letter-spacing: 0em;
    margin: 0 0 1px -5.5555555556vw
  }
}
.s-top_contents-04 li .fig {
  width: 5.1319648094vw;
  max-width: 100px;
  position: absolute;
  top: clamp(0px, calc(50% - 2.56vw), calc(50% - 2.56vw));
  right: .8064516129vw
}
@media only screen and (max-width: 760px) {
  .s-top_contents-04 li .fig {
    width: 13.768115942vw;
    max-width: 75px;
    top: 50%;
    transform: translateY(-50%);
    right: 1.4492753623vw
  }
}
.s-top_contents-04 li .fig img {
  transition: transform .6s
}
.s-top_contents-04 li a {
  display: block;
  padding: 15px 6.0850439883vw 20px 3.3724340176vw;
  opacity: 1;
  transition: opacity .6s
}
@media only screen and (max-width: 760px) {
  .s-top_contents-04 li a {
    padding: 11px 0 22px 5.5555555556vw;
    opacity: 1
  }
}
.s-top_contents-04 li a:hover {
  opacity: 1 !important
}
.s-top_contents-04 li a:hover .fig img {
  transform: scale(1.1)
}
.js-followcircle-show .s-top_contents-04 li a {
  opacity: .4
}
.s-top_contents-04-ttl {
  margin-bottom: 65px
}
@media only screen and (max-width: 760px) {
  .s-top_contents-04-ttl {
    margin-bottom: 21px
  }
}
@media only screen and (max-width: 760px) {
  .s-top_contents-04-ttl .en {
    margin-bottom: -3px
  }
}
@media only screen and (max-width: 360px) {
  .s-top_contents-04-ttl .en {
    font-size: 34px;
    line-height: 1.1058823529;
    letter-spacing: 0em
  }
}
.s-top_contents-04-ui {
  width: 100px;
  height: 100px;
  pointer-events: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 5000;
  will-change: transform
}
@media only screen and (max-width: 760px) {
  .s-top_contents-04-ui {
    display: none
  }
}
.s-top_contents-04-ui .text {
  padding-right: 12px;
  position: relative
}
.s-top_contents-04-ui .text:after {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  position: absolute;
  top: 0;
  right: 0;
  background-image: url("../img/ico_arrow_diag.svg");
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 100% auto
}
.s-top_contents-04-ui-inner {
  width: 100%;
  height: 100%;
  transition: transform .3s ease, opacity .2s;
  transform: scale(0);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background-color: #40b44b;
  color: #fff;
  font-size: 12px;
  line-height: 1;
  letter-spacing: .01em;
  opacity: 0
}
@media print {
  .s-top_contents-04-ui-inner {
    font-size: 7.0588235294px !important
  }
}
.js-followcircle-show .s-top_contents-04-ui-inner {
  transform: scale(1);
  opacity: 1
}
.s-top_contents-04-inr {
  position: relative
}
.s-top_contents-04-figsets {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none
}
@media only screen and (max-width: 760px) {
  .s-top_contents-04-figsets {
    display: none
  }
}
.s-top_contents-04-figset-right {
  width: 25vw;
  height: 36.6568914956vw;
  position: absolute;
  top: -46px;
  right: 0;
  border-radius: 4.3988269795vw 0 0 4.3988269795vw;
  overflow: hidden
}
.s-top_contents-04-figset-right img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  aspect-ratio: .7020057307
}
.s-top_contents-04-figset-left {
  width: 20.4545454545vw;
  height: 26.7595307918vw;
  position: absolute;
  bottom: 23px;
  left: 0;
  border-radius: 3.6656891496vw;
  overflow: hidden
}
.s-top_contents-04-figset-left img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  aspect-ratio: .7633587786
}
.s-top_contents-05 {
  position: relative;
  overflow: hidden;
  margin: 0 0 120px 4.5454545455vw;
  padding: 120px 0 0 13.6363636364vw;
  background: #EAEAEA;
  border-radius: 11.7302052786vw 0 0 11.7302052786vw
}
@media only screen and (max-width: 760px) {
  .s-top_contents-05 {
    margin: 0 0 68px 5.5555555556vw;
    padding: 58px 5.5555555556vw 60px 5.5555555556vw;
    border-radius: 9.6618357488vw 0px 0px 9.6618357488vw
  }
}
.s-top_contents-05-ttl {
  margin-bottom: 32px
}
@media only screen and (max-width: 760px) {
  .s-top_contents-05-ttl {
    margin-bottom: 23px
  }
}
@media only screen and (max-width: 760px) {
  .s-top_contents-05-ttl .en {
    margin-bottom: -3px
  }
}
.s-top_contents-05-catlists {
  position: relative;
  width: 75vw;
  padding-bottom: 100px;
  display: flex;
  flex-wrap: wrap
}
@media only screen and (max-width: 760px) {
  .s-top_contents-05-catlists {
    width: auto;
    padding-bottom: 30px
  }
}
.s-top_contents-05-catlists-list {
  width: 23.65%;
  margin: 0 1.8% 18px 0;
  font-size: calc((1364px - (1364px - var(--font-device-width-unit)) / 2) / 1364 * 16);
  line-height: 1.4;
  letter-spacing: .03em;
  text-align: center
}
@media print {
  .s-top_contents-05-catlists-list {
    font-size: 9.4117647059px !important
  }
}
@media only screen and (max-width: 760px) {
  .s-top_contents-05-catlists-list {
    width: 48.11%;
    margin: 0 3.78% 2.4154589372vw 0;
    font-size: 14px;
    line-height: 1.4;
    letter-spacing: .03em
  }
  .s-top_contents-05-catlists-list:nth-of-type(2n) {
    margin-right: 0
  }
}
.s-top_contents-05-catlists-list:nth-of-type(4n) {
  margin-right: 0
}
.s-top_contents-05-catlists-list .bk {
  display: block;
  position: absolute;
  top: -.293255132vw;
  left: 3.3724340176vw;
  width: 10.9970674487vw;
  height: 10.9970674487vw;
  z-index: -1
}
@media only screen and (max-width: 760px) {
  .s-top_contents-05-catlists-list .bk {
    width: 21.7391304348vw;
    height: 21.7391304348vw;
    top: -.2415458937vw;
    left: 9.1787439614vw
  }
}
.s-top_contents-05-catlists-list .bk img {
  transition: transform .6s;
  aspect-ratio: 1
}
.s-top_contents-05-catlists-list .fig {
  display: block;
  width: 10.9970674487vw;
  margin: 0 auto -9px auto
}
@media only screen and (max-width: 760px) {
  .s-top_contents-05-catlists-list .fig {
    width: 21.7391304348vw;
    margin: 0 auto -3px auto
  }
}
.s-top_contents-05-catlists-list .fig img {
  transition: transform .6s;
  margin: -6px 0 0 0;
  aspect-ratio: 1;
  will-change: transform
}
@media only screen and (max-width: 760px) {
  .s-top_contents-05-catlists-list .fig img {
    margin: -2px 0 0 0
  }
}
.s-top_contents-05-catlists-list .c_arrow-single {
  position: relative;
  display: inline-block;
  margin: 0 0 0 12px
}
@media only screen and (max-width: 760px) {
  .s-top_contents-05-catlists-list .c_arrow-single {
    margin: 0 0 0 12px
  }
}
.s-top_contents-05-catlists-list .c_arrow-single:after {
  background-image: url("../img/ico_arrow_red_diag.svg")
}
.s-top_contents-05-catlists-list .c_arrow-single:before {
  background-image: url("../img/ico_arrow_red_diag.svg")
}
.s-top_contents-05-catlists-list a {
  display: block;
  height: 100%;
  position: relative;
  padding: 0 6px 1.7595307918vw 6px;
  background: #DDDDDD;
  border-radius: 20px;
  z-index: 0
}
@media only screen and (max-width: 760px) {
  .s-top_contents-05-catlists-list a {
    padding: 0 6px 15px 6px;
    border-radius: 16px
  }
}
.s-top_contents-05-catlists-list a:hover .bk img {
  transform: scale(1.05)
}
.s-top_contents-05-catlists-list a:hover .fig img {
  transform: scale(1.16)
}
.s-top_contents-05-btn {
  position: absolute;
  top: 152px;
  right: 6.7448680352vw
}
@media only screen and (max-width: 760px) {
  .s-top_contents-05-btn {
    position: static;
    display: table;
    margin: 0 0 0 24.154589372vw
  }
}
.s-top_contents-06 {
  margin: 0 4.5454545455vw;
  padding-bottom: 111px
}
@media only screen and (max-width: 760px) {
  .s-top_contents-06 {
    margin: 0 5.3140096618vw;
    padding-bottom: 69px
  }
}
.s-top_contents-06-ttl {
  margin-bottom: 3px
}
@media only screen and (max-width: 760px) {
  .s-top_contents-06-ttl {
    margin-bottom: 22px
  }
}
@media only screen and (max-width: 760px) {
  .s-top_contents-06-ttl .en {
    margin-bottom: -3px
  }
}
.s-top_contents-06-inr {
  margin-left: 27.2727272727vw;
  position: relative
}
@media only screen and (max-width: 760px) {
  .s-top_contents-06-inr {
    margin-left: 0
  }
}
.s-top_contents-06-sort {
  position: relative
}
@media only screen and (max-width: 760px) {
  .s-top_contents-06-sort {
    position: absolute;
    top: -63px;
    right: 0;
    text-align: right
  }
}
.s-top_contents-06-sort-this {
  display: none
}
@media only screen and (max-width: 760px) {
  .s-top_contents-06-sort-this {
    position: relative;
    min-width: 152px;
    max-width: 50vw;
    display: inline-block;
    font-size: 13px;
    line-height: 1.2307692308;
    letter-spacing: .03em;
    padding: 5px 30px 5px 16px;
    border: 2px solid #a4cfa8;
    color: #40b44b;
    border-radius: 15px;
    cursor: pointer;
    text-align: left;
    top: 0px
  }
  .s-top_contents-06-sort-this:after {
    content: "";
    display: block;
    width: 8px;
    height: 6px;
    position: absolute;
    top: 10px;
    right: 13px;
    background-image: url("../img/ico_arrow_red.svg");
    background-repeat: no-repeat;
    background-position: right top;
    background-size: 11px auto;
    transform: rotate(90deg);
    transform-origin: center
  }
  .s-top_contents-06-sort-this.btncurrent:after {
    transform: rotate(-90deg)
  }
  .s-top_contents-06-sort-this::selection {
    background-color: transparent
  }
  .s-top_contents-06-sort-this span {
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: calc(1em + 1px);
    margin: 0 0 -2px 0;
    display: inline-block
  }
}
.s-top_contents-06-sort-list {
  margin: 0 160px 39px 0;
  font-size: 0
}
@media only screen and (max-width: 960px) {
  .s-top_contents-06-sort-list {
    margin: 0 0 43px 0
  }
}
@media only screen and (max-width: 760px) {
  .s-top_contents-06-sort-list {
    position: absolute;
    overflow: hidden;
    height: 0;
    max-width: 89vw;
    transition: opacity 0.3s, height 0.3s cubic-bezier(0.19, 0.82, 0.27, 1);
    opacity: 0;
    min-width: 152px;
    top: 44px;
    right: 0;
    padding: 0;
    margin: 0;
    text-align: left;
    border-radius: 20px;
    background-color: #fff;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.25);
    z-index: 10
  }
}
.s-top_contents-06-sort-list.open {
  opacity: 1
}
.s-top_contents-06-sort-list.open li {
  opacity: 1
}
@media only screen and (max-width: 760px) {
  .s-top_contents-06-sort-list ul {
    padding: 17px 0 18px 0
  }
}
.s-top_contents-06-sort-list li {
  display: inline-block;
  margin: 0 4px 4px 0;
  cursor: pointer;
  background-color: #EAEAEA;
  border-radius: 20px;
  padding: 8px 17px;
  color: #888;
  font-size: 14px;
  line-height: 1;
  letter-spacing: .03em;
  transition: opacity .3s;
  white-space: nowrap
}
@media print {
  .s-top_contents-06-sort-list li {
    font-size: 8.2352941176px !important
  }
}
@media only screen and (max-width: 760px) {
  .s-top_contents-06-sort-list li {
    background-color: transparent;
    margin-right: 0;
    border-radius: 0;
    padding: 8px 16px;
    color: #212121;
    display: block;
    opacity: 0;
    transition: opacity .2s, background-color .2s, color .2s
  }
  .s-top_contents-06-sort-list li:hover {
    opacity: 1 !important;
    background-color: #EAEAEA
  }
}
.s-top_contents-06-sort-list li.current {
  background-color: #40b44b !important;
  color: #fff !important;
  font-weight: 700
}
.s-top_contents-06-sort-list li:hover {
  opacity: .8
}
.s-top_contents-fansvoice {
  padding: 120px 0 129px 0
}
@media only screen and (max-width: 760px) {
  .s-top_contents-fansvoice {
    padding: 62px 0 68px 0
  }
  .js-parallax-panel-active .s-top_contents-fansvoice {
    padding: 450px 0 68px 0
  }
}
.s-top_contents-fansvoice-ttl {
  margin-bottom: 52px;
  overflow: hidden
}
@media only screen and (max-width: 760px) {
  .s-top_contents-fansvoice-ttl {
    margin-bottom: 40px
  }
}
.s-top_contents-fansvoice-ttl-inner {
  display: flex;
  flex-wrap: wrap
}
.s-top_contents-fansvoice-ttl-block {
  display: flex;
  align-items: center;
  width: 330px;
  padding: 11px 48px 11px 96px;
  background-image: url("../img/fans_icon01.png");
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 46px auto;
  text-align: center
}
@media only screen and (max-width: 760px) {
  .s-top_contents-fansvoice-ttl-block {
    width: 230px;
    padding: 5px 30px 3px 60px;
    background-size: 35px auto;
    background-position: left -1px
  }
}
.s-top_contents-fansvoice-ttl-block--2 {
  background-image: url("../img/fans_icon02.png")
}
.s-top_contents-fansvoice-ttl-block--3 {
  background-image: url("../img/fans_icon03.png")
}
.s-top_contents-fansvoice-ttl-block .text {
  display: inline-block;
  font-size: 30px;
  line-height: 1;
  letter-spacing: 0em
}
@media print {
  .s-top_contents-fansvoice-ttl-block .text {
    font-size: 17.6470588235px !important
  }
}
@media only screen and (max-width: 760px) {
  .s-top_contents-fansvoice-ttl-block .text {
    font-size: 24px;
    line-height: 1;
    letter-spacing: 0em
  }
}
.s-top_contents-fansvoice-ttl-block .capsule {
  font-size: 28px;
  line-height: 1;
  letter-spacing: 0em;
  display: inline-block;
  border-radius: 17px;
  height: 34px;
  border: 1px solid #212121;
  margin-left: 10px;
  padding: 5px 14px 0 14px;
  transform: translateY(-4px)
}
@media print {
  .s-top_contents-fansvoice-ttl-block .capsule {
    font-size: 16.4705882353px !important
  }
}
@media only screen and (max-width: 760px) {
  .s-top_contents-fansvoice-ttl-block .capsule {
    font-size: 24px;
    line-height: 1;
    letter-spacing: 0em;
    border-radius: 15px;
    height: 30px;
    margin-left: 7px;
    padding: 4px 10px 0 10px;
    transform: translateY(-2px)
  }
}
.s-top_contents-fansvoice-list {
  margin: 40px 2.2727272727vw 0 2.2727272727vw;
  overflow: hidden;
  border-radius: 2.9325513196vw;
  transition: transform 0.8s cubic-bezier(0.4, 0.03, 0.15, 1);
  will-change: transform
}
@media only screen and (max-width: 960px) {
  .s-top_contents-fansvoice-list {
    margin: 40px 1.1730205279vw 0 1.1730205279vw
  }
}
@media only screen and (max-width: 760px) {
  .s-top_contents-fansvoice-list {
    margin: 29px 2.6570048309vw 0 2.6570048309vw;
    border-radius: 7.2463768116vw
  }
}
.js-even-up .s-top_contents-fansvoice-list.even {
  transform: translate3d(0, -40px, 0)
}
@media only screen and (max-width: 960px) {
  .js-even-up .s-top_contents-fansvoice-list.even {
    transform: translate3d(0, -40px, 0)
  }
}
@media only screen and (max-width: 760px) {
  .js-even-up .s-top_contents-fansvoice-list.even {
    transform: translate3d(0, -29px, 0)
  }
}
.s-top_contents-fansvoice-list.odd {
  transform: translate3d(0, -40px, 0)
}
@media only screen and (max-width: 960px) {
  .s-top_contents-fansvoice-list.odd {
    transform: translate3d(0, -40px, 0)
  }
}
@media only screen and (max-width: 760px) {
  .s-top_contents-fansvoice-list.odd {
    transform: translate3d(0, -29px, 0)
  }
}
.js-even-up .s-top_contents-fansvoice-list.odd {
  transform: translate3d(0, 0, 0)
}
@media only screen and (max-width: 960px) {
  .js-even-up .s-top_contents-fansvoice-list.odd {
    transform: translate3d(0, 0, 0)
  }
}
@media only screen and (max-width: 760px) {
  .js-even-up .s-top_contents-fansvoice-list.odd {
    transform: translate3d(0, 0, 0)
  }
}
.s-top_contents-fansvoice-list figure {
  width: 8.504398827vw;
  position: absolute;
  top: -.146627566vw;
  left: -.7331378299vw;
  border-radius: 50%;
  overflow: hidden
}
@media only screen and (max-width: 760px) {
  .s-top_contents-fansvoice-list figure {
    width: 19.3236714976vw;
    top: -.4830917874vw;
    left: -2.4154589372vw
  }
}
.s-top_contents-fansvoice-list figure img {
  aspect-ratio: 1
}
.s-top_contents-fansvoice-list a {
  display: block;
  position: relative;
  height: 100%;
  min-height: calc((100vw - 761px) / 603 * 150 + 250px);
  padding: 3.0791788856vw clamp(0px, 2.1994134897vw, 30px) 104px clamp(0px, 2.1994134897vw, 30px)
}
@media only screen and (min-width: 1365px) {
  .s-top_contents-fansvoice-list a {
    min-height: 400px
  }
}
@media only screen and (max-width: 760px) {
  .s-top_contents-fansvoice-list a {
    min-height: calc((100vw - 415px) / 345 * 48 + 292px);
    padding: 6.2801932367vw 5.5555555556vw 40px 5.5555555556vw
  }
}
@media only screen and (max-width: 414px) {
  .s-top_contents-fansvoice-list a {
    min-height: calc((100vw - 320px) / 94 * 32 + 260px)
  }
}
.s-top_contents-fansvoice-list-ttl {
  margin: 0 0 3.5923753666vw 6.9648093842vw;
  font-size: 1.3196480938vw;
  letter-spacing: .03em;
  line-height: 1.4
}
@media only screen and (max-width: 960px) {
  .s-top_contents-fansvoice-list-ttl {
    font-size: calc((1364px - (1364px - var(--font-device-width-unit)) / 1.8) / 1364 * 18);
    line-height: 1.4;
    letter-spacing: .03em
  }
}
@media only screen and (max-width: 760px) {
  .s-top_contents-fansvoice-list-ttl {
    margin: 0 0 8.2125603865vw 15.2173913043vw;
    font-size: clamp(14px, 3.3816425121vw, 18px)
  }
}
@media only screen and (max-width: 414px) {
  .s-top_contents-fansvoice-list-ttl {
    margin: 0 0 6.038647343vw 15.2173913043vw
  }
}
.s-top_contents-fansvoice-list-ttl .prof {
  display: block;
  font-size: .7331378299vw;
  margin-bottom: 6px
}
@media only screen and (max-width: 960px) {
  .s-top_contents-fansvoice-list-ttl .prof {
    margin-bottom: 0
  }
}
@media only screen and (max-width: 760px) {
  .s-top_contents-fansvoice-list-ttl .prof {
    font-size: 10px;
    line-height: 1.4;
    letter-spacing: .03em;
    margin-bottom: 4px
  }
}
.s-top_contents-fansvoice-list-ttl .name {
  margin-right: 6px
}
@media only screen and (max-width: 760px) {
  .s-top_contents-fansvoice-list-ttl .name {
    margin-right: 2px
  }
}
.s-top_contents-fansvoice-list-ttl .text {
  font-size: .8797653959vw
}
@media only screen and (max-width: 960px) {
  .s-top_contents-fansvoice-list-ttl .text {
    font-size: calc((1364px - (1364px - var(--font-device-width-unit)) / 1.8) / 1364 * 12);
    line-height: 1;
    letter-spacing: .03em
  }
}
@media only screen and (max-width: 760px) {
  .s-top_contents-fansvoice-list-ttl .text {
    font-size: 10px;
    line-height: 1;
    letter-spacing: .03em
  }
}
.s-top_contents-fansvoice-list-voice {
  font-size: calc((1364px - (1364px - var(--font-device-width-unit)) / 1.6) / 1364 * 24);
  line-height: 1.2;
  letter-spacing: .03em;
  margin-bottom: 12px;
  position: relative;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  font-family: paralucent, sans-serif;
  font-weight: 700
}
@media print {
  .s-top_contents-fansvoice-list-voice {
    font-size: 14.1176470588px !important
  }
}
@media only screen and (max-width: 760px) {
  .s-top_contents-fansvoice-list-voice {
    font-size: 18px;
    line-height: 1.2;
    letter-spacing: .03em;
    margin-bottom: 20px
  }
}
@media only screen and (max-width: 414px) {
  .s-top_contents-fansvoice-list-voice {
    margin-bottom: 6px
  }
}
.s-top_contents-fansvoice-list-voice:before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  position: absolute;
  top: .06em;
  left: 0;
  background-image: url("../img/ico_quote.svg");
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 100% auto
}
@media only screen and (max-width: 760px) {
  .s-top_contents-fansvoice-list-voice:before {
    width: 8px;
    height: 8px
  }
}
.s-top_contents-fansvoice-list-cat {
  display: table;
  padding: 2px 12px;
  font-size: 11px;
  line-height: 1.3636363636;
  letter-spacing: .03em;
  border: 1px solid rgba(33, 33, 33, 0.2);
  border-radius: 10px
}
@media print {
  .s-top_contents-fansvoice-list-cat {
    font-size: 6.4705882353px !important
  }
}
@media only screen and (max-width: 760px) {
  .s-top_contents-fansvoice-list-cat {
    font-size: 10px;
    line-height: 1.4;
    letter-spacing: .03em
  }
}
.s-top_contents-fansvoice-list-btn {
  width: 142px;
  height: 45px;
  position: absolute;
  bottom: 26px;
  right: 1.9061583578vw
}
@media only screen and (max-width: 760px) {
  .s-top_contents-fansvoice-list-btn {
    width: 83px;
    height: 1em;
    bottom: 5.3140096618vw;
    right: 8.2125603865vw;
    text-align: right
  }
}
@media only screen and (max-width: 760px) {
  .s-top_contents-fansvoice-list-btn .circle_bk, .s-top_contents-fansvoice-list-btn .circle_main {
    display: none
  }
}
.s-top_contents-fansvoice-list-btn .arrow {
  top: 17px;
  right: 34px
}
@media only screen and (max-width: 760px) {
  .s-top_contents-fansvoice-list-btn .arrow {
    top: 3px;
    right: -10px
  }
}
.s-top_contents-social {
  position: relative;
  padding: 160px 0;
  z-index: 0
}
@media only screen and (max-width: 760px) {
  .s-top_contents-social {
    padding: 91px 0;
  }
}
.s-top_contents-social:after {
  content: "";
  display: block;
  width: 100%;
  height: 25.293255132vw;
  position: absolute;
  top: -17px;
  left: 0;
  background-image: url("../img/vector2.svg");
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 100% auto;
  z-index: -1
}
@media only screen and (max-width: 760px) {
  .s-top_contents-social:after {
    height: 62.077294686vw;
    top: -13px;
    background-image: url("../img/vector2_sp.svg")
  }
}
@media only screen and (max-width: 760px) {
  .s-top_contents-social .onlypc {
    display: none
  }
}
.s-top_contents-social .onlysp {
  display: none
}
@media only screen and (max-width: 760px) {
  .s-top_contents-social .onlysp {
    display: block
  }
}
.s-top_contents-social-inrbase {
  overflow: hidden
}
.s-top_contents-social-ttl {
  text-align: center
}
@media only screen and (max-width: 760px) {
  .s-top_contents-social-ttl {
    font-size: 12px;
    line-height: .9;
    letter-spacing: 0em;
    margin-bottom: 21px
  }
}
.s-top_contents-social-ttl .num {
  margin-bottom: 8px
}
@media only screen and (max-width: 760px) {
  .s-top_contents-social-ttl .num {
    margin-bottom: 7px
  }
}
.s-top_contents-social-ttl .en {
  margin-right: 0;
  margin-bottom: -18px;
  display: block;
  font-size: 60px;
  line-height: 1.1;
  letter-spacing: 0em
}
@media print {
  .s-top_contents-social-ttl .en {
    font-size: 35.2941176471px !important
  }
}
@media only screen and (max-width: 760px) {
  .s-top_contents-social-ttl .en {
    font-size: 46px;
    line-height: 1.1;
    letter-spacing: 0em;
    margin-bottom: -5px
  }
}
.s-top_contents-social-inr {
  margin: -24px 9.0909090909vw 0 9.0909090909vw;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between
}
@media only screen and (max-width: 860px) {
  .s-top_contents-social-inr {
    margin: -24px 4.5454545455vw 0 4.5454545455vw
  }
}
@media only screen and (max-width: 760px) {
  .s-top_contents-social-inr {
    display: block;
    width: auto;
    margin: 0 11.1111111111vw
  }
}
.s-top_contents-social-insta {
  width: 52.2727272727vw;
  display: flex;
  flex-wrap: wrap
}
@media only screen and (max-width: 760px) {
  .s-top_contents-social-insta {
    display: block;
    width: auto;
    margin: 0 0 58px 0
  }
}
.s-top_contents-social-insta img {
  aspect-ratio: 1
}
.s-top_contents-social-insta-large {
  width: 25vw;
  margin-right: 2.2727272727vw;
  border-radius: 1.7595307918vw;
  overflow: hidden
}
@media only screen and (max-width: 760px) {
  .s-top_contents-social-insta-large {
    width: auto;
    margin: 0 0 3.3816425121vw 0;
    border-radius: 4.8309178744vw
  }
}
.s-top_contents-social-insta-group {
  flex: 1;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between
}
.s-top_contents-social-insta-middle {
  width: 45.45%;
  margin-bottom: 2.2727272727vw;
  border-radius: 1.0263929619vw;
  overflow: hidden
}
@media only screen and (max-width: 760px) {
  .s-top_contents-social-insta-middle {
    width: 48.13%;
    margin-bottom: 2.8985507246vw;
    border-radius: 3.3816425121vw
  }
}
.s-top_contents-social-insta-middle:nth-last-of-type(-n+2) {
  margin-bottom: 0
}
.s-top_contents-social-link {
  font-size: 14px;
  line-height: 1;
  letter-spacing: .01em;
  width: 100%;
  margin-top: 13px
}
@media print {
  .s-top_contents-social-link {
    font-size: 8.2352941176px !important
  }
}
.s-top_contents-social-link a {
  display: inline-block;
  position: relative;
  padding: 0 20px 0 0;
  color: #40b44b
}
.s-top_contents-social-link a:before {
  content: "";
  display: block;
  width: 14px;
  height: 2px;
  position: absolute;
  bottom: 3px;
  right: 0;
  background-color: #40b44b
}
.s-top_contents-social-link a .icon {
  display: inline-block;
  width: 17px;
  height: 18px;
  margin-right: 10px;
  vertical-align: -.36em
}
.s-top_contents-social-link .c_arrow-single {
  position: absolute;
  top: 2px;
  right: 0
}
.s-top_contents-social-link .c_arrow-single:after {
  background-image: url("../img/ico_arrow_red_diag.svg")
}
.s-top_contents-social-link .c_arrow-single:before {
  background-image: url("../img/ico_arrow_red_diag.svg")
}
.s-top_contents-social-twitter {
  width: 22.7272727273vw;
  height: 31.5249266862vw;
  position: relative;
  z-index: 0
}
@media only screen and (max-width: 760px) {
  .s-top_contents-social-twitter {
    width: auto;
    height: 104.1062801932vw
  }
}
.s-top_contents-social-twitter:before {
  content: "";
  display: block;
  width: 22.7272727273vw;
  height: 27.1260997067vw;
  background: #40b44b;
  border-radius: 5.1319648094vw 0px 0px 5.1319648094vw;
  position: absolute;
  top: -63px;
  right: -9.1642228739vw;
  z-index: -1
}
@media only screen and (max-width: 760px) {
  .s-top_contents-social-twitter:before {
    width: 61.1111111111vw;
    height: 77.2946859903vw;
    border-radius: 12.077294686vw 0px 0px 12.077294686vw;
    top: -30px;
    right: -11.3526570048vw
  }
}
.s-top_contents-social-twitter-inr {
  height: 100%;
  border: 1px solid #DDDDDD;
  background-color: #fff;
  border-radius: 14px;
  overflow: hidden;
  z-index: 1;
  position: relative
}
.s-top_contents-social-twitter-inr2 {
  height: 100%
}
.s-top_contents-social-twitter-inr2 .twitter-timeline {
  height: 100% !important
}
.s-top_contents-social-twitter-inr2 iframe {
  width: 100% !important
}
.l-footer {
  position: absolute;
  padding: 107px 0 47px 0;
  background-color: #40b44b;
  left: 0;
  bottom: 0;
  width: 100%
}
@media only screen and (max-width: 760px) {
  .l-footer {
    padding: 60px 0 28px 0
  }
}
.l-footer_img {
  width: clamp(0px, 24.4868035191vw, 334px);
  height: clamp(0px, 38.2697947214vw, 522px);
  position: absolute;
  bottom: -17.3753665689vw;
  right: 0
}
@media only screen and (min-width: 1365px) {
  .l-footer_img {
    bottom: -237px
  }
}
@media only screen and (max-width: 960px) {
  .l-footer_img {
    width: 146px;
    height: 227px;
    bottom: -111px
  }
}
@media only screen and (max-width: 760px) {
  .l-footer_img {
    width: clamp(0px, 35.2657004831vw, 146px);
    height: clamp(0px, 54.8309178744vw, 227px);
    bottom: -19.5652173913vw;
    right: -.7246376812vw
  }
}
.l-footer_img-inner {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: right top;
  background-size: 100% auto
}
.l-footer_inr {
  width: 86.3636363636vw;
  margin: 0 auto;
  color: #fff;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row-reverse;
  justify-content: space-between
}
@media only screen and (max-width: 760px) {
  .l-footer_inr {
    width: auto;
    margin: 0 5.5555555556vw;
    display: block
  }
}
.l-footer_inr a {
  color: #fff;
  transition: opacity .3s
}
.l-footer_inr a:hover {
  opacity: .8
}
.l-footer_copy {
  position: relative;
  flex: 1;
    font-size: 43px;
  line-height: 1.14;
  letter-spacing: .03em;
  padding-top: 4px
}
@media print {
  .l-footer_copy {
    font-size: 38.8235294118px !important
  }
}
@media only screen and (max-width: 760px) {
.l-footer_copy {
    font-size: 26px;
    line-height: 1.24;
    letter-spacing: .03em;
}
}
.l-footer_copy .en {
    font-size: 20px;
  line-height: 1;
  letter-spacing: 0em;
  display: block;
  margin: 26px 0 0 65px
}
@media print {
  .l-footer_copy .en {
    font-size: 14.1176470588px !important
  }
}
@media only screen and (max-width: 760px) {
  .l-footer_copy .en {
    font-size: 14px;
    line-height: .9;
    letter-spacing: .01em;
    margin: 12px 0 0 0px;
  }
}
@media only screen and (max-width: 760px) {
  .l-footer_copy-ttl {
    margin-bottom: -12px
  }
}
.l-footer_nav {
  width: clamp(0px, 36.3636363636vw, 496px);
  margin-top: 9px;
  display: flex;
  flex-wrap: wrap;
  font-size: 15px;
  line-height: 1.3333333333;
  letter-spacing: .03em
}
@media print {
  .l-footer_nav {
    font-size: 8.8235294118px !important
  }
}
@media only screen and (max-width: 960px) {
  .l-footer_nav {
    width: 27.2727272727vw
  }
}
@media only screen and (max-width: 760px) {
  .l-footer_nav {
    width: auto;
    margin-top: 0;
    margin-bottom: -20px
  }
}
@media only screen and (max-width: 960px) {
  .l-footer_nav .onlypc {
    display: none
  }
}
.l-footer_nav .onlysp {
  display: none
}
@media only screen and (max-width: 960px) {
  .l-footer_nav .onlysp {
    display: block
  }
}
.l-footer_nav ul:nth-of-type(1) {
  width: clamp(0px, 13.6363636364vw, 186px)
}
@media only screen and (max-width: 760px) {
  .l-footer_nav ul:nth-of-type(1) {
    width: 50vw
  }
}
.l-footer_nav ul:nth-of-type(1) li {
  margin-bottom: 13px
}
@media only screen and (max-width: 760px) {
  .l-footer_nav ul:nth-of-type(1) li {
    margin-bottom: 8px
  }
}
.l-footer_nav ul:nth-of-type(2) {
  width: clamp(0px, 13.6363636364vw, 186px)
}
@media only screen and (max-width: 760px) {
  .l-footer_nav ul:nth-of-type(2) {
    flex: 1
  }
}
.l-footer_nav ul:nth-of-type(2) li {
  margin-bottom: 13px
}
@media only screen and (max-width: 760px) {
  .l-footer_nav ul:nth-of-type(2) li {
    margin-bottom: 9px
  }
}
.l-footer_nav ul:nth-of-type(2) li.global {
  margin-top: 29px
}
@media only screen and (max-width: 760px) {
  .l-footer_nav ul:nth-of-type(2) li.global {
    margin-top: 35px;
    margin-bottom: 15px
  }
}
.l-footer_nav ul:nth-of-type(2) li.global a {
  display: inline-block;
  min-height: 18px;
  padding-left: 24px;
  background-image: url("../img/ico_global.svg");
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 18px 18px
}
.l-footer_nav ul:nth-of-type(2) li.sns-cont {
  margin-bottom: 0
}
.l-footer_nav ul.sns {
  flex: 1;
  white-space: nowrap;
  text-align: right;
  margin-top: -1px;
  font-size: 0
}
@media only screen and (max-width: 960px) {
  .l-footer_nav ul.sns {
    text-align: left
  }
}
.l-footer_nav ul.sns li {
  display: inline-block;
  width: 17px;
  margin-right: 16%;
  margin-bottom: 0
}
@media only screen and (max-width: 760px) {
  .l-footer_nav ul.sns li {
    margin-right: 20px
  }
}
.l-footer_nav ul.sns li.instagram {
  margin-top: 1px
}
.l-footer_nav ul.sns li.twitter img {
  margin-bottom: 2px
}
.l-footer_nav ul.sns li.youtube {
  width: 20px
}
.l-footer_nav ul.sns li.youtube img {
  margin-bottom: 2px
}
.l-footer_nav ul.sns li:last-child {
  margin-right: 0
}
.l-footer_nav-bottom {
  width: 100%;
  font-size: 12px;
  line-height: 1.3333333333;
  letter-spacing: .03em;
    display: flex;
  margin: 166px 0 0 0
}
@media print {
  .l-footer_nav-bottom {
    font-size: 7.0588235294px !important
  }
}
@media only screen and (max-width: 760px) {
  .l-footer_nav-bottom {
    font-size: 11px;
    line-height: 1.4545454545;
    letter-spacing: .03em;
    margin: 16px 0 70px 0
  }
}
.l-footer_nav-bottom li {
  margin-bottom: 10px;
    margin-right: 10px;
}
@media only screen and (max-width: 760px) {
  .l-footer_nav-bottom li {
    margin-bottom: 8px
  }
}
.l-footer footer {
  position: absolute;
  bottom: 11px;
  left: 0
}
@media only screen and (max-width: 760px) {
  .l-footer footer {
    position: static;
    margin-top: 30px
  }
}
.l-footer footer a {
  transition: none
}
.l-footer footer a:hover {
  opacity: 1
}
.l-footer footer img {
  width: 111px
}
@media only screen and (max-width: 760px) {
  .l-footer footer img {
    width: 74px
  }
}
.l-footer footer .copyright {
  display: block;
  font-size: 12px;
  line-height: 1.3333333333;
  letter-spacing: 0em;
  margin-top: 17px
}
@media print {
  .l-footer footer .copyright {
    font-size: 7.0588235294px !important
  }
}
@media only screen and (max-width: 760px) {
  .l-footer footer .copyright {
    font-size: 10px;
    line-height: 1.4;
    letter-spacing: .01em;
    margin-top: 10px
  }
}
.l-slider_count {
  position: absolute;
  top: -72px;
  right: calc(4.54vw + 120px);
  font-size: 12px;
  line-height: 1;
  letter-spacing: 0em;
  color: #40b44b
}
@media print {
  .l-slider_count {
    font-size: 7.0588235294px !important
  }
}
@media only screen and (max-width: 960px) {
  .l-slider_count {
    top: -51px
  }
}
@media only screen and (max-width: 760px) {
  .l-slider_count {
    font-size: 12px;
    line-height: 1;
    letter-spacing: 0em;
    top: -41px;
    right: 5.5555555556vw
  }
}
@media only screen and (max-width: 760px) {
  .l-slider .prev, .l-slider .next {
    display: none !important
  }
}
.l-slider-progress {
  background-color: #888;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 77.2727272727vw;
  height: 1px
}
@media only screen and (max-width: 760px) {
  .l-slider-progress {
    display: none
  }
}
.l-slider-progress_bar {
  background-color: #40b44b;
  width: 30%;
  height: 3px;
  margin-top: -1px;
  transition: width 0.5s, transform 0.5s cubic-bezier(0.55, 0.01, 0.45, 1);
  transform-origin: left top;
  border-radius: 3px
}
.l-news_attention {
  display: flex;
  flex-wrap: wrap;
  font-size: 15px;
  line-height: 1.4;
  letter-spacing: .03em;
  margin: 0 0 20px 0;
  padding: 0 2.1994134897vw 1px 1.9794721408vw;
  border: 3px solid #DDDDDD;
  border-radius: 1.1730205279vw
}
@media print {
  .l-news_attention {
    font-size: 8.8235294118px !important
  }
}
@media only screen and (max-width: 760px) {
  .l-news_attention {
    display: block;
    border-radius: 3.8647342995vw;
    font-size: 13px;
    line-height: 1.4;
    letter-spacing: .03em;
    margin: 0 0 12px 0;
    padding: 10px 3.8647342995vw 1px 3.1400966184vw
  }
}
.l-news_attention ul {
  flex: 1
}
.l-news_attention li {
  border-bottom: 1px solid #DDDDDD
}
@media only screen and (max-width: 760px) {
  .l-news_attention li {
    padding: 10px 0 7px 0
  }
}
.l-news_attention li:last-child {
  border-bottom: none
}
.l-news_attention a {
  display: block;
  padding: 17px 28px 16px 0;
  position: relative
}
@media only screen and (max-width: 760px) {
  .l-news_attention a {
    display: inline;
    padding: 0
  }
}
.l-news_attention .c_arrow-single {
  position: absolute;
  top: calc(50% - 6px);
  right: 0
}
@media only screen and (max-width: 760px) {
  .l-news_attention .c_arrow-single {
    display: none
  }
}
.l-news_attention .c_arrow-single:after {
  background-image: url("../img/ico_arrow_red_diag.svg")
}
.l-news_attention .c_arrow-single:before {
  background-image: url("../img/ico_arrow_red_diag.svg")
}
.l-news_attention-ttl {
  width: 145px;
  margin: 17px 0 0 0
}
@media only screen and (max-width: 760px) {
  .l-news_attention-ttl {
    width: auto;
    margin: 0 0 -5px 0
  }
}
.l-news_article-list {
  display: none;
  opacity: 0;
  transition: opacity .8s
}
.l-news_article-list.current {
  display: block
}
.l-news_article-list.current-trans {
  opacity: 1
}
.l-news_article {
  font-size: 16px;
  line-height: 1.4;
  letter-spacing: .03em
}
@media print {
  .l-news_article {
    font-size: 9.4117647059px !important
  }
}
@media only screen and (max-width: 760px) {
  .l-news_article {
    font-size: 13px;
    line-height: 1.4;
    letter-spacing: .03em
  }
}
.l-news_article:last-child a {
  border-bottom: none
}
.l-news_article a {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  padding: 24px 74px 15px 0;
  border-bottom: 1px solid #DDDDDD;
  position: relative
}
@media only screen and (max-width: 760px) {
  .l-news_article a {
    padding: 18px 0 16px 0;
    align-items: flex-start
  }
}
.l-news_article a:hover figure img {
  transform: scale(1.1)
}
.l-news_article .c_arrow-single {
  position: absolute;
  top: 27px;
  right: clamp(0px, 2.3460410557vw, 32px)
}
.l-news_article .c_arrow-single:after {
  background-image: url("../img/ico_arrow_red_diag.svg")
}
.l-news_article .c_arrow-single:before {
  background-image: url("../img/ico_arrow_red_diag.svg")
}
@media only screen and (max-width: 760px) {
  .l-news_article .c_arrow-single {
    display: none
  }
}
.l-news_article .dtl {
  flex: 1
}
.l-news_article figure {
  width: 9.0909090909vw;
  margin-right: 3.0791788856vw;
  border-radius: 1.0263929619vw;
  overflow: hidden;
  z-index: 1
}
@media only screen and (max-width: 760px) {
  .l-news_article figure {
    width: 12.5603864734vw;
    margin-right: 4.1062801932vw;
    border-radius: 1.9323671498vw
  }
}
.l-news_article figure img {
  transition: transform .6s;
  aspect-ratio: 1.4590163934;
  will-change: transform
}
.l-news_article .text {
  display: block;
  margin: 0 0 8px 0
}
@media only screen and (max-width: 760px) {
  .l-news_article .text {
    margin-bottom: 5px
  }
}
.l-news_article .cat {
  display: inline-block;
  font-size: 11px;
  line-height: 1;
  letter-spacing: .03em;
  padding: 4px 12px;
  border: 2px solid #DDDDDD;
  border-radius: 11px;
  color: #888
}
@media print {
  .l-news_article .cat {
    font-size: 6.4705882353px !important
  }
}
@media only screen and (max-width: 760px) {
  .l-news_article .cat {
    font-size: 10px;
    line-height: 1;
    letter-spacing: .03em;
    border-radius: 10px;
    padding: 3px 12px
  }
}
.l-news_article .time {
  display: inline-block;
  margin-left: 3px;
  font-size: 12px;
  line-height: 1;
  letter-spacing: 0em;
  color: #888
}
@media print {
  .l-news_article .time {
    font-size: 7.0588235294px !important
  }
}
@media only screen and (max-width: 760px) {
  .l-news_article .time {
    margin-left: 0;
    font-size: 12px;
    line-height: 1;
    letter-spacing: 0em
  }
}
.l-news_btn {
  position: absolute;
  top: -2px;
  right: 0
}
@media only screen and (max-width: 960px) {
  .l-news_btn {
    top: -60px
  }
}
@media only screen and (max-width: 760px) {
  .l-news_btn {
    position: static;
    display: table;
    margin: 24px auto 0 auto
  }
}
@media only screen and (max-width: 760px) {
  .l-notfound .s-general_detail-main:before {
    bottom: 13px
  }
}
@media only screen and (max-width: 760px) {
  .l-notfound .s-general_detail-spacer {
    height: 41.3043478261vh;
    max-height: 304px
  }
}
@media only screen and (max-width: 760px) {
  .l-notfound .s-general_detail-main-ttlgroup {
    bottom: clamp(65px, 14.8097826087vh, 109px)
  }
}
.l-notfound .s-general_detail-main-sbttl.c_font-en-h-str {
  font-size: 14px !important;
  letter-spacing: .03em !important;
  margin-bottom: 21px
}
@media only screen and (max-width: 760px) {
  .l-notfound .s-general_detail-main-sbttl.c_font-en-h-str {
    font-size: 12px !important;
    margin-bottom: 15px
  }
}
.l-notfound .s-general_detail-main-sbttl.c_font-en-h-str:before {
  top: 1px
}
@media only screen and (max-width: 760px) {
  .l-notfound .s-general_detail-main-sbttl.c_font-en-h-str:before {
    top: -1px
  }
}
.l-notfound_wrap {
  width: 77.2727272727vw;
  margin: 2px 0 0 9.0909090909vw;
  padding: 0 0 160px 0;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row-reverse
}
@media only screen and (max-width: 760px) {
  .l-notfound_wrap {
    width: auto;
    margin: 0;
    padding: 0 0 91px 0
  }
}
.l-notfound_wrap figure {
  width: 38.6363636364vw;
  margin: 0 0 0 11.3636363636vw;
  border-radius: 30px;
  overflow: hidden
}
@media only screen and (max-width: 760px) {
  .l-notfound_wrap figure {
    width: auto;
    margin: 0;
    border-radius: 20px
  }
}
.l-notfound_dtl {
  flex: 1;
  margin: 54px 0 0 0;
  font-size: 18px;
  line-height: 2.3;
  letter-spacing: .03em
}
@media print {
  .l-notfound_dtl {
    font-size: 10.5882352941px !important
  }
}
@media only screen and (max-width: 760px) {
  .l-notfound_dtl {
    font-size: 17px;
    line-height: 2.2;
    letter-spacing: .03em;
    text-align: center;
    margin: 40px 0 0 0
  }
}
.l-notfound_dtl p {
  margin: 0 0 40px 0
}
.l-notfound_btn {
  width: 237px;
  height: 90px
}
@media only screen and (max-width: 760px) {
  .l-notfound_btn {
    height: 76px;
    margin: 0 auto
  }
}
.l-notfound_btn .arrow {
  margin: 0 12px 0 0;
  transform: scale(-1, 1)
}
.l-breadcrumb {
  margin: 40px 0 0 0
}
@media only screen and (max-width: 760px) {
  .l-breadcrumb {
    display: none
  }
}
.l-breadcrumb ol {
  font-size: 12px;
  line-height: 1.5;
  letter-spacing: .03em;
  text-align: right
}
@media print {
  .l-breadcrumb ol {
    font-size: 7.0588235294px !important
  }
}
.l-breadcrumb ol a {
  color: #888;
  transition: opacity .3s
}
.l-breadcrumb ol a:hover {
  opacity: .8
}
.l-breadcrumb ol li {
  padding-right: calc(6px + 1em);
  margin-right: calc(-3px + 1em);
  display: inline-block;
  position: relative;
  max-width: 27.8592375367vw;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}
.l-breadcrumb ol li:after {
  content: "/";
  position: absolute;
  top: 0;
  right: 0;
  color: #CDCDCD
}
.l-breadcrumb ol li:last-child {
  padding-right: 0;
  margin-right: 0
}
.l-breadcrumb ol li:last-child:after {
  display: none
}
.l-und_main-spacer--visual {
  height: 64.3023255814vh;
  max-height: 553px;
  min-height: calc(295px + var(--notice-height))
}
@media only screen and (max-width: 760px) {
  .l-und_main-spacer--visual {
    height: 57.0652173913vh;
    max-height: 420px;
    min-height: calc(182px + var(--notice-height-sp))
  }
}
.l-und_main-spacer--min {
  height: 51.7441860465vh;
  max-height: 445px;
  min-height: calc(295px + var(--notice-height))
}
@media only screen and (max-width: 760px) {
  .l-und_main-spacer--min {
    height: 42.9347826087vh;
    max-height: 316px;
    min-height: calc(206px + var(--notice-height-sp))
  }
}
.l-und_main-spacer--middle {
  height: 54.0697674419vh;
  max-height: 465px;
  min-height: calc(295px + var(--notice-height))
}
@media only screen and (max-width: 760px) {
  .l-und_main-spacer--middle {
    height: 37.6358695652vh;
    max-height: 277px;
    min-height: calc(182px + var(--notice-height-sp))
  }
}
.l-und_main-static {
  padding: 174px 4.5454545455vw 2.7126099707vw 4.5454545455vw;
  position: relative;
  overflow: hidden;
  z-index: 0
}
@media only screen and (max-width: 960px) {
  .l-und_main-static {
    padding-top: 119px
  }
}
@media only screen and (max-width: 760px) {
  .l-und_main-static {
    padding: 119px 5.5555555556vw 19.806763285vw 5.5555555556vw
  }
}
.l-und_main-static:before {
  content: "";
  display: block;
  width: 117.2287390029vw;
  height: 25.6598240469vw;
  position: absolute;
  bottom: -9.2375366569vw;
  left: 9.3841642229vw;
  background-image: url("../img/vector_detail.svg");
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 100% auto;
  z-index: -1
}
@media only screen and (max-width: 760px) {
  .l-und_main-static:before {
    left: 0;
    bottom: 0;
    width: 100%;
    height: 47.1014492754vw;
    background-image: url("../img/vector_detail_sp.svg")
  }
}
.l-und_main-static figure {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  background-color: #EAEAEA;
  border-radius: 2.1994134897vw;
  overflow: hidden;
  position: relative;
  z-index: 1
}
@media only screen and (max-width: 760px) {
  .l-und_main-static figure {
    border-radius: 2.4154589372vw
  }
}
.l-und_main-static-sbttl {
  margin-bottom: 29px;
  position: relative;
  z-index: 1
}
@media only screen and (max-width: 760px) {
  .l-und_main-static-sbttl {
    margin-bottom: 13px
  }
}
.l-und_main-static-sbttl .bk {
  display: block;
  width: 76px;
  height: 76px;
  position: absolute;
  top: -22px;
  left: -23px;
  z-index: -1
}
@media only screen and (max-width: 760px) {
  .l-und_main-static-sbttl .bk {
    width: 57px;
    height: 57px;
    top: -12px;
    left: -18px
  }
}
.l-und_main-static-sbttl .en {
  font-size: 18px;
  line-height: 1.1;
  letter-spacing: .01em;
  display: inline-block;
  padding-left: 15px
}
@media print {
  .l-und_main-static-sbttl .en {
    font-size: 10.5882352941px !important
  }
}
@media only screen and (max-width: 760px) {
  .l-und_main-static-sbttl .en {
    font-size: 16px;
    line-height: 1.1;
    letter-spacing: 0em;
    padding-left: 10px
  }
}
.l-und_main-static-sbttl .cat {
  display: inline-block;
  font-size: 11px;
  line-height: 1;
  letter-spacing: .03em;
  padding: 2px 12px;
  margin-left: 18px;
  border: 2px solid #ddd;
  color: #888;
  border-radius: 12px
}
@media print {
  .l-und_main-static-sbttl .cat {
    font-size: 6.4705882353px !important
  }
}
@media only screen and (max-width: 760px) {
  .l-und_main-static-sbttl .cat {
    font-size: 10px;
    line-height: 1;
    letter-spacing: .03em;
    border-radius: 10px;
    padding: 3px 11px;
    margin-left: 14px
  }
}
.l-und_main-static-ttl {
  margin-bottom: 34px;
  font-size: 46px;
  line-height: 1.2;
  letter-spacing: .03em
}
@media print {
  .l-und_main-static-ttl {
    font-size: 27.0588235294px !important
  }
}
@media only screen and (max-width: 760px) {
  .l-und_main-static-ttl {
    font-size: 26px;
    line-height: 1.2;
    letter-spacing: .03em;
    margin-bottom: 22px
  }
}
.l-und_main {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  padding: 30.2325581395vh 4.5454545455vw 100px 4.5454545455vw;
  z-index: 0;
  overflow: hidden
}
@media only screen and (max-width: 760px) {
  .l-und_main {
    padding: 179px 5.5555555556vw 48px 5.5555555556vw
  }
}
.l-und_main--visual {
  height: 79.0697674419vh;
  max-height: 650px;
  padding: 0;
  min-height: calc(380px + var(--notice-height))
}
@media only screen and (max-width: 760px) {
  .l-und_main--visual {
    height: 66.5760869565vh;
    max-height: 490px;
    min-height: calc(214px + var(--notice-height-sp))
  }
}
.l-und_main--visual:before {
  display: none
}
.l-und_main--visual figure {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0
}
.l-und_main--visual figure:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(24, 24, 24, 0.2)
}
.l-und_main--visual figure img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  pointer-events: none
}
.l-und_main--visual .l-und_main-ttl {
  position: absolute;
  bottom: clamp(116px, 18.6046511628vh, 160px);
  left: 4.5454545455vw;
  z-index: 1
}
@media only screen and (max-width: 760px) {
  .l-und_main--visual .l-und_main-ttl {
    left: 5.5555555556vw;
    right: 5.5555555556vw;
    bottom: clamp(40px, 15.8967391304vh, 117px)
  }
}
.l-und_main--visual .l-und_main-ttl .en, .l-und_main--visual .l-und_main-ttl .text {
  color: #fff
}
.l-und_main--visual .l-und_main-ttl .num {
  margin-bottom: 5px
}
@media only screen and (max-width: 760px) {
  .l-und_main--visual .l-und_main-ttl .num {
    margin-bottom: 3px
  }
}
.l-und_main--min {
  height: 66.8604651163vh;
  min-height: calc(380px + var(--notice-height));
  max-height: 575px;
  padding: 0
}
@media only screen and (max-width: 760px) {
  .l-und_main--min {
    height: 50.4076086957vh;
    max-height: 371px;
    min-height: calc(243px + var(--notice-height-sp))
  }
}
.l-und_main--min:before {
  content: "";
  display: block;
  width: 117.1554252199vw;
  height: 25.219941349vw;
  position: absolute;
  bottom: 3px;
  left: -16.862170088vw;
  background-image: url("../img/vector_detail.svg");
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 100% auto;
  z-index: -1
}
@media only screen and (max-width: 760px) {
  .l-und_main--min:before {
    width: 100%;
    height: 47.3429951691vw;
    left: 0;
    bottom: 0;
    background-image: url("../img/vector_detail_sp.svg");
    background-size: auto 100%
  }
}
.l-und_main--min .l-und_main-ttl {
  position: absolute;
  bottom: clamp(130px, 25.1162790698vh, 216px);
  left: 4.5454545455vw;
  z-index: 1
}
@media only screen and (max-width: 760px) {
  .l-und_main--min .l-und_main-ttl {
    left: 5.5555555556vw;
    right: 5.5555555556vw;
    bottom: clamp(65px, 16.1684782609vh, 119px)
  }
}
.l-und_main--min .l-breadcrumb {
  position: absolute;
  bottom: clamp(96px, 17.7906976744vh, 153px);
  right: 4.5454545455vw
}
.l-und_main--middle {
  display: flex;
  align-items: flex-end;
  height: 65.1162790698vh;
  min-height: calc(380px + var(--notice-height));
  max-height: 560px;
  padding: 0
}
@media only screen and (max-width: 760px) {
  .l-und_main--middle {
    height: 45.1086956522vh;
    max-height: 332px;
    min-height: calc(214px + var(--notice-height-sp));
    padding-top: 0
  }
}
.l-und_main--middle:before {
  content: "";
  display: block;
  width: 117.1554252199vw;
  height: 25.219941349vw;
  position: absolute;
  bottom: -2.3460410557vw;
  left: -16.862170088vw;
  background-image: url("../img/vector_detail.svg");
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 100% auto;
  z-index: -1
}
@media only screen and (max-width: 760px) {
  .l-und_main--middle:before {
    width: 100%;
    height: 47.3429951691vw;
    left: 0;
    bottom: 0;
    background-image: url("../img/vector_detail_sp.svg");
    background-size: auto 100%
  }
}
.l-und_main--middle .l-und_main-inr {
  position: absolute;
  bottom: clamp(130px, 21.1627906977vh, 182px);
  left: 4.5454545455vw;
  z-index: 1
}
@media only screen and (max-width: 760px) {
  .l-und_main--middle .l-und_main-inr {
    bottom: clamp(50px, 12.9076086957vh, 95px);
    left: 5.5555555556vw;
    right: 5.5555555556vw
  }
}
.l-und_main--middle .l-breadcrumb {
  position: absolute;
  bottom: clamp(96px, 13.7209302326vh, 118px);
  right: 4.5454545455vw
}
.l-und_main-middle-ttl {
  font-size: calc((1364px - (1364px - var(--font-device-width-unit)) / 1) / 1364 * 50);
  line-height: 1.2;
  letter-spacing: .03em
}
@media print {
  .l-und_main-middle-ttl {
    font-size: 29.4117647059px !important
  }
}
@media only screen and (max-width: 760px) {
  .l-und_main-middle-ttl {
    font-size: 30px;
    line-height: 1.2;
    letter-spacing: .03em
  }
}
@media only screen and (max-width: 413px) {
  .l-und_main-middle-ttl {
    font-size: calc((100vw - 320px) / 94 * 10 + 20px)
  }
}
.l-und_main-middle-sbttl {
  margin-bottom: 16px;
  position: relative;
  z-index: 1
}
@media only screen and (max-width: 760px) {
  .l-und_main-middle-sbttl {
    margin-bottom: 6px
  }
}
.l-und_main-middle-sbttl:before {
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  position: absolute;
  top: 8px;
  left: 0;
  background-color: #40b44b;
  border-radius: 3px
}
@media only screen and (max-width: 760px) {
  .l-und_main-middle-sbttl:before {
    top: 10px
  }
}
.l-und_main-middle-sbttl .en {
  font-size: 18px;
  line-height: 1.1;
  letter-spacing: .01em;
  display: inline-block;
  padding-left: 15px
}
@media print {
  .l-und_main-middle-sbttl .en {
    font-size: 10.5882352941px !important
  }
}
@media only screen and (max-width: 760px) {
  .l-und_main-middle-sbttl .en {
    font-size: 16px;
    line-height: 1.1;
    letter-spacing: 0em;
    padding-left: 16px
  }
}
.l-und_main-middle-sbttl .cat {
  display: inline-block;
  font-size: 12px;
  line-height: 1;
  letter-spacing: .03em;
  margin-left: 19px;
  vertical-align: 5px
}
@media print {
  .l-und_main-middle-sbttl .cat {
    font-size: 7.0588235294px !important
  }
}
@media only screen and (max-width: 760px) {
  .l-und_main-middle-sbttl .cat {
    font-size: 11px;
    line-height: 1;
    letter-spacing: .03em;
    border-radius: 10px;
    margin-left: 13px;
    vertical-align: 4px
  }
}
.l-und_main-ttl {
  font-size: 15px;
  line-height: 1;
  letter-spacing: .03em;
  vertical-align: bottom;
  margin-bottom: -20px
}
@media print {
  .l-und_main-ttl {
    font-size: 8.8235294118px !important
  }
}
@media only screen and (max-width: 760px) {
  .l-und_main-ttl {
    font-size: 12px;
    line-height: 1.5;
    letter-spacing: .03em
  }
}
.l-und_main-ttl .circle {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #40b44b;
  position: absolute;
  top: -16px;
  left: 0
}
@media only screen and (max-width: 760px) {
  .l-und_main-ttl .circle {
    width: 6px;
    height: 6px;
    top: -12px
  }
}
.l-und_main-ttl .num {
  display: block;
  font-size: 14px;
  line-height: 1;
  letter-spacing: 0em;
  color: #40b44b;
  margin-bottom: 4px
}
@media print {
  .l-und_main-ttl .num {
    font-size: 8.2352941176px !important
  }
}
@media only screen and (max-width: 760px) {
  .l-und_main-ttl .num {
    font-size: 14px;
    line-height: 1;
    letter-spacing: 0em;
    margin-bottom: 2px
  }
}
.l-und_main-ttl .en {
  font-size: calc((1364px - (1364px - var(--font-device-width-unit)) / 3) / 1364 * 74);
  line-height: 1.1;
  letter-spacing: 0em;
  margin-right: 24px
}
@media print {
  .l-und_main-ttl .en {
    font-size: 43.5294117647px !important
  }
}
@media only screen and (max-width: 760px) {
  .l-und_main-ttl .en {
    display: block;
    font-size: clamp(0px, 11.5942028986vw, 48px);
    line-height: 1.1;
    letter-spacing: 0;
    margin: 0 0 -7px 0
  }
}
.l-und_main-ttl .text {
  vertical-align: 1.4em
}
.l-und_contents-wrap {
  padding: 128px 4.5454545455vw 0 4.5454545455vw;
  display: flex;
    justify-content: center;
  flex-wrap: wrap
}
@media only screen and (max-width: 760px) {
  .l-und_contents-wrap {
    padding: 69px 5.5555555556vw 0 5.5555555556vw
  }
}
.l-und_contents-wrap--col1 {
  display: block
}
.message .l-und_contents-wrap--col1 ,
.company .l-und_contents-wrap--col1 ,
.policy .l-und_contents-wrap--col1 {
    padding-bottom: 4.5454545455vw;
}
.l-und_contents-wrap--col1 .l-und_contents-inr {
  width: auto
}
.l-und_contents-wrap nav header {
  font-size: 26px;
  line-height: .9;
  letter-spacing: 0em;
  margin-bottom: 31px;
  margin-left: 5.2785923754vw
}
@media print {
  .l-und_contents-wrap nav header {
    font-size: 15.2941176471px !important
  }
}
.l-und_contents-wrap nav ul {
  font-size: 14px;
  line-height: 1.2857142857;
  letter-spacing: .03em;
  margin-left: 5.2785923754vw;
  padding-right: 14px
}
@media print {
  .l-und_contents-wrap nav ul {
    font-size: 8.2352941176px !important
  }
}
@media only screen and (max-width: 960px) {
  .l-und_contents-wrap nav ul {
    font-size: calc((1364px - (1364px - var(--font-device-width-unit)) / 5) / 1364 * 14);
    line-height: 1.2857142857;
    letter-spacing: .03em
  }
}
.l-und_contents-wrap nav li {
  margin: 0 0 9px -1.1730205279vw;
  position: relative;
  padding-left: 1.1730205279vw
}
.l-und_contents-wrap nav li.js-sidenavcurrent:not(.js-sidenavcurrent-ignore) {
  font-weight: 700
}
.l-und_contents-wrap nav li.js-sidenavcurrent:not(.js-sidenavcurrent-ignore):before {
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #40b44b;
  position: absolute;
  top: .38em;
  left: 0
}
.l-und_contents-wrap nav li.js-sidenavcurrent:not(.js-sidenavcurrent-ignore) a {
  color: #212121
}
.l-und_contents-wrap nav li.js-sidenavcurrent:not(.js-sidenavcurrent-ignore) a:hover {
  opacity: 1
}
.l-und_contents-wrap nav li a {
  color: #BFBFBF;
  transition: opacity .3s, color .3s
}
.l-und_contents-wrap nav li a:hover {
  opacity: .8
}
.l-und_contents-wrap nav ul li ul {
  margin: 9px 0 20px 2em;
  font-size: 13px;
  line-height: 1.3076923077;
  letter-spacing: .03em
}
@media print {
  .l-und_contents-wrap nav ul li ul {
    font-size: 7.6470588235px !important
  }
}
@media only screen and (max-width: 960px) {
  .l-und_contents-wrap nav ul li ul {
    margin-left: 1em
  }
}
.l-und_contents-wrap nav ul li ul li {
  margin: 0 0 9px -1.1730205279vw
}
.l-und_nav {
  flex: 1;
  padding-right: 16px;
  margin: 100px 0 0 -5.2785923754vw;
  transition: opacity .2s
}
@media only screen and (max-width: 860px) {
  .l-und_nav {
    display: none
  }
}
@media only screen and (max-width: 760px) {
  .l-und_nav {
    display: none
  }
}
.l-und_nav.js-sidenav-hide {
  opacity: 0;
  pointer-events: none
}
.l-und_nav-inr {
  position: -webkit-sticky;
  position: sticky;
  top: 50px;
  bottom: 50px;
  overflow: hidden
}
.l-und_nav-inr nav {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  overflow-y: auto
}
.l-und_contents-nav-character-wrap {
  position: fixed;
  left: 3.0791788856vw;
  bottom: 20px;
  opacity: 0;
  pointer-events: none;
  transition: opacity .2s
}
@media only screen and (max-width: 860px) {
  .l-und_contents-nav-character-wrap {
    left: 14px;
    bottom: 4px
  }
}
.l-und_contents-nav-character-wrap.js-show {
  opacity: 0 !important;
  pointer-events: auto
}
@media only screen and (max-width: 860px) {
  .l-und_contents-nav-character-wrap--pepe .l-und_contents-nav-character-comment:after {
    transform: none;
    bottom: 0;
    left: -6px;
    transform: scale(-1, 1) rotate(270deg)
  }
}
.l-und_contents-nav-character-wrap--pepe .l-und_contents-nav-character {
  margin-top: 11px;
  margin-left: -9px
}
@media only screen and (max-width: 860px) {
  .l-und_contents-nav-character-wrap--pepe .l-und_contents-nav-character {
    left: 4px;
    bottom: 4px
  }
}
@media only screen and (max-width: 860px) {
  .l-und_contents-nav-character-wrap--lulu {
    left: auto;
    right: 14px
  }
}
.l-und_contents-nav-character-wrap--lulu .l-und_contents-nav-character-comment {
  transform-origin: right bottom
}
@media only screen and (max-width: 860px) {
  .l-und_contents-nav-character-wrap--lulu .l-und_contents-nav-character-comment {
    margin: 0 47px 12px 0
  }
}
.l-und_contents-nav-character-wrap--lulu .l-und_contents-nav-character-comment:before {
  border-radius: 20px 20px 0 20px
}
@media only screen and (max-width: 860px) {
  .l-und_contents-nav-character-wrap--lulu .l-und_contents-nav-character-comment:before {
    border-radius: 16px 16px 0 16px
  }
}
.l-und_contents-nav-character-wrap--lulu .l-und_contents-nav-character-comment:after {
  transform: scale(-1, 1);
  left: auto;
  right: 0
}
@media only screen and (max-width: 860px) {
  .l-und_contents-nav-character-wrap--lulu .l-und_contents-nav-character-comment:after {
    transform: none;
    bottom: 0;
    left: auto;
    right: -6px;
    transform: rotate(270deg)
  }
}
.l-und_contents-nav-character-wrap--lulu .l-und_contents-nav-character {
  margin-top: 11px;
  margin-left: auto
}
@media only screen and (max-width: 860px) {
  .l-und_contents-nav-character-wrap--lulu .l-und_contents-nav-character {
    width: 36px;
    left: auto;
    bottom: 3px;
    right: -3px
  }
}
@media only screen and (max-width: 860px) {
  .l-und_nav > .l-und_contents-nav-character-wrap {
    position: absolute;
    bottom: 50px
  }
  .l-und_contents-nav-character-wrap.js-spshow {
    opacity: 1;
    z-index: 20000;
    pointer-events: auto
  }
  .l-und_contents-nav-character-wrap.js-sphide {
    opacity: 0;
    pointer-events: none
  }
}
.l-und .js-character-base-show {
  position: absolute;
  left: 0;
  width: 100%;
  height: 200vh;
  pointer-events: none
}
.l-und .js-character-base-absolute {
  position: absolute;
  left: 0;
  bottom: -50vh;
  width: 100%;
  height: 50vh;
  pointer-events: none
}
.l-und_contents-nav-character-comment {
  width: 142px;
  font-size: 13px;
  line-height: 1.2;
  letter-spacing: .03em;
  padding: 12px;
  position: relative;
  transform-origin: left bottom;
  transform: scale(0, 0);
  transition: transform 0.4s cubic-bezier(0.26, 0.22, 0.18, 1.68)
}
@media print {
  .l-und_contents-nav-character-comment {
    font-size: 7.6470588235px !important
  }
}
@media only screen and (max-width: 860px) {
  .l-und_contents-nav-character-comment {
    width: auto;
    display: table;
    margin: 0 0 12px 47px
  }
  .js-spshow .l-und_contents-nav-character-comment {
    transform: scale(1, 1)
  }
}
.l-und_contents-nav-character-comment:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #EAEAEA;
  border-radius: 20px 20px 20px 0;
  z-index: -1
}
@media only screen and (max-width: 860px) {
  .l-und_contents-nav-character-comment:before {
    border-radius: 16px 16px 16px 0
  }
}
.l-und_contents-nav-character-comment:after {
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  position: absolute;
  bottom: -6px;
  left: 0;
  background-image: url("../img/ico_fukidashi.svg");
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 100% auto
}
.js-show .l-und_contents-nav-character-comment, .js-spshow .l-und_contents-nav-character-comment {
  transform: scale(1, 1)
}
.l-und_contents-nav-character-comment-inner {
  display: block;
  transition: clip-path .7s;
  clip-path: inset(0% 100% -6px 0%)
}
@media only screen and (max-width: 860px) {
  .js-spshow .l-und_contents-nav-character-comment-inner {
    clip-path: inset(0% 0% -6px 0%)
  }
}
.js-show .l-und_contents-nav-character-comment-inner {
  clip-path: inset(0% 0% -6px 0%)
}
.l-und_contents-nav-character {
  width: 49px
}
@media only screen and (max-width: 860px) {
  .l-und_contents-nav-character {
    width: 35px;
    margin: 0;
    position: absolute
  }
}
.l-und_contents-inr {
  width: 75vw;
  margin-bottom: 27px
}
@media only screen and (max-width: 860px) {
  .l-und_contents-inr {
    width: 100%
  }
}
@media only screen and (max-width: 760px) {
  .l-und_contents-inr {
    width: 100%;
    margin-bottom: 12px
  }
}
.l-und_contents-inr .l-contents--gray-static > *:last-child {
  margin-bottom: 0
}
.l-und_contents-inr .l-contents--gray-static {
  margin-bottom: 119px;
  padding-bottom: 116px;
  z-index: 0;
  position: relative
}
@media only screen and (max-width: 760px) {
  .l-und_contents-inr .l-contents--gray-static {
    padding-top: 71px;
    padding-bottom: 0;
    margin-bottom: 70px
  }
}
.l-und_contents-inr p {
  font-weight: 400
}
.l-und_productlist-col3, .l-und_productlist-col4 {
  display: flex;
  flex-wrap: wrap
}
.l-und_productlist-col3 li, .l-und_productlist-col4 li {
  width: 29.03%;
  margin-right: 6.455%;
  margin-bottom: 2.9325513196vw
}
@media only screen and (max-width: 760px) {
  .l-und_productlist-col3 li, .l-und_productlist-col4 li {
    width: 47.82%;
    margin-right: 4.36%;
    margin-bottom: 6.7632850242vw
  }
}
.l-und_productlist-col3 li:nth-of-type(3n), .l-und_productlist-col4 li:nth-of-type(3n) {
  margin-right: 0
}
@media only screen and (max-width: 760px) {
  .l-und_productlist-col3 li:nth-of-type(3n), .l-und_productlist-col4 li:nth-of-type(3n) {
    margin-right: 4.36%
  }
}
@media only screen and (max-width: 760px) {
  .l-und_productlist-col3 li:nth-of-type(2n), .l-und_productlist-col4 li:nth-of-type(2n) {
    margin-right: 0
  }
}
.l-und_productlist-col3 .fig, .l-und_productlist-col4 .fig {
  position: relative;
  display: block;
  margin-bottom: 15px;
  background-color: #F6F6F6;
  border-radius: 2.1994134897vw;
  overflow: hidden
}
@media only screen and (max-width: 760px) {
  .l-und_productlist-col3 .fig, .l-und_productlist-col4 .fig {
    border-radius: 5.7971014493vw;
    margin-bottom: 14px
  }
}
.l-und_productlist-col3 .fig img, .l-und_productlist-col4 .fig img {
  transition: transform .6s;
  aspect-ratio: 1;
  will-change: transform
}
.l-und_productlist-col3 .fig .c_new, .l-und_productlist-col3 .fig .c_limited, .l-und_productlist-col4 .fig .c_new, .l-und_productlist-col4 .fig .c_limited {
  top: .8797653959vw;
  left: auto;
  right: .8797653959vw
}
@media only screen and (max-width: 760px) {
  .l-und_productlist-col3 .fig .c_new, .l-und_productlist-col3 .fig .c_limited, .l-und_productlist-col4 .fig .c_new, .l-und_productlist-col4 .fig .c_limited {
    top: 2.8985507246vw;
    right: 2.8985507246vw
  }
}
.l-und_productlist-col3 .cat, .l-und_productlist-col4 .cat {
  display: table;
  margin: 0 .7331378299vw 11px .7331378299vw;
  padding: 4px 11px;
  color: #888;
  font-size: 11px;
  line-height: 1;
  letter-spacing: .03em;
  border: 2px solid #DDDDDD;
  border-radius: 11px
}
@media print {
  .l-und_productlist-col3 .cat, .l-und_productlist-col4 .cat {
    font-size: 6.4705882353px !important
  }
}
@media only screen and (max-width: 760px) {
  .l-und_productlist-col3 .cat, .l-und_productlist-col4 .cat {
    font-size: 10px;
    line-height: 1;
    letter-spacing: .03em;
    margin: 0 0 8px 0;
    padding: 3px 11px;
    border-radius: 10px
  }
}
.l-und_productlist-col3 .text, .l-und_productlist-col4 .text {
  display: block;
  padding: 0 .7331378299vw;
  font-size: calc((1364px - (1364px - var(--font-device-width-unit)) / 2) / 1364 * 18);
  line-height: 1.3;
  letter-spacing: .03em
}
@media print {
  .l-und_productlist-col3 .text, .l-und_productlist-col4 .text {
    font-size: 10.5882352941px !important
  }
}
@media only screen and (max-width: 760px) {
  .l-und_productlist-col3 .text, .l-und_productlist-col4 .text {
    padding: 0;
    font-size: 16px;
    line-height: 1.3;
    letter-spacing: .03em
  }
}
.l-und_productlist-col3 a, .l-und_productlist-col4 a {
  display: block
}
.l-und_productlist-col3 a:hover img, .l-und_productlist-col4 a:hover img {
  transform: scale(1.1)
}
.l-und_productlist-col3 a:hover .c_new img, .l-und_productlist-col3 a:hover .c_limited img, .l-und_productlist-col4 a:hover .c_new img, .l-und_productlist-col4 a:hover .c_limited img {
  transform: scale(1)
}
.l-und_productlist-col4 li {
  width: 22.22%;
  margin-right: 3.7%;
  margin-bottom: 2.9325513196vw
}
@media only screen and (max-width: 760px) {
  .l-und_productlist-col4 li {
    width: 47.82%;
    margin-right: 4.36%;
    margin-bottom: 7.2463768116vw
  }
}
.l-und_productlist-col4 li:nth-of-type(3n) {
  margin-right: 3.7%
}
@media only screen and (max-width: 760px) {
  .l-und_productlist-col4 li:nth-of-type(3n) {
    margin-right: 4.36%
  }
}
.l-und_productlist-col4 li:nth-of-type(4n) {
  margin-right: 0
}
@media only screen and (max-width: 760px) {
  .l-und_productlist-col4 li:nth-of-type(4n) {
    margin-right: 0
  }
}
@media only screen and (max-width: 760px) {
  .l-und_productlist-col4 li:nth-of-type(2n) {
    margin-right: 0
  }
}
.l-und_productlist-col4 li .text {
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-family: paralucent, sans-serif;
  font-weight: 700
}
.l-und_list-col3-cover {
  display: flex;
  flex-wrap: wrap
}
@media only screen and (max-width: 760px) {
  .l-und_list-col3-cover {
    display: block;
    margin: 0 7.729468599vw
  }
}
.l-und_list-col3-cover li {
  position: relative;
  width: 31.63%;
  margin-right: 2.555%;
  border-radius: clamp(0px, 1.4662756598vw, 20px);
  overflow: hidden;
  z-index: 1;
  font-size: calc((1364px - (1364px - var(--font-device-width-unit)) / 1.6) / 1364 * 20);
  line-height: 1.7;
  letter-spacing: -.02em
}
@media print {
  .l-und_list-col3-cover li {
    font-size: 11.7647058824px !important
  }
}
@media only screen and (max-width: 760px) {
  .l-und_list-col3-cover li {
    width: auto;
    border-radius: clamp(0px, 4.8309178744vw, 20px);
    margin-bottom: 14px;
    margin-right: 0;
    font-size: clamp(0px, 4.347826087vw, 18px);
    line-height: 1.22;
    letter-spacing: .03em
  }
}
.l-und_list-col3-cover li a, .l-und_list-col3-cover li .s-products_list-col3-cover-nolink {
  display: block;
  position: relative;
  color: #fff
}
.l-und_list-col3-cover li a:before, .l-und_list-col3-cover li .s-products_list-col3-cover-nolink:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: linear-gradient(180deg, rgba(54, 54, 54, 0) 49.48%, rgba(54, 54, 54, 0.8) 100%);
  z-index: 1
}
@media only screen and (max-width: 760px) {
  .l-und_list-col3-cover li a:before, .l-und_list-col3-cover li .s-products_list-col3-cover-nolink:before {
    background: linear-gradient(180deg, rgba(54, 54, 54, 0) 49.48%, rgba(54, 54, 54, 0.8) 100%)
  }
}
.l-und_list-col3-cover li a .c_arrow-single, .l-und_list-col3-cover li .s-products_list-col3-cover-nolink .c_arrow-single {
  bottom: 26px;
  right: 26px;
  z-index: 2
}
@media only screen and (max-width: 960px) {
  .l-und_list-col3-cover li a .c_arrow-single, .l-und_list-col3-cover li .s-products_list-col3-cover-nolink .c_arrow-single {
    bottom: 20px;
    right: 22px
  }
}
@media only screen and (max-width: 760px) {
  .l-und_list-col3-cover li a .c_arrow-single, .l-und_list-col3-cover li .s-products_list-col3-cover-nolink .c_arrow-single {
    bottom: 24px
  }
}
.l-und_list-col3-cover li a .ttl, .l-und_list-col3-cover li .s-products_list-col3-cover-nolink .ttl {
  position: absolute;
  bottom: 16px;
  left: 1.7595307918vw;
  padding-right: 3.6656891496vw;
  z-index: 2
}
@media only screen and (max-width: 960px) {
  .l-und_list-col3-cover li a .ttl, .l-und_list-col3-cover li .s-products_list-col3-cover-nolink .ttl {
    bottom: 14px;
    left: 16px;
    padding-right: 40px
  }
}
@media only screen and (max-width: 760px) {
  .l-und_list-col3-cover li a .ttl, .l-und_list-col3-cover li .s-products_list-col3-cover-nolink .ttl {
    bottom: 17px;
    left: 20px
  }
}
.l-und_list-col3-cover li a img, .l-und_list-col3-cover li .s-products_list-col3-cover-nolink img {
  transition: transform .6s
}
.l-und_list-col3-cover li a:hover img, .l-und_list-col3-cover li .s-products_list-col3-cover-nolink:hover img {
  transform: scale(1.1)
}
.l-und_list-col3-cover li a img {
  aspect-ratio: 1.6373626374;
  will-change: transform
}
.l-und_list-col3-cover li .s-products_list-col3-cover-nolink .c_arrow-single {
  bottom: 25px;
  right: 26px;
  z-index: 2
}
@media only screen and (max-width: 960px) {
  .l-und_list-col3-cover li .s-products_list-col3-cover-nolink .c_arrow-single {
    bottom: 20px;
    right: 21px
  }
}
@media only screen and (max-width: 760px) {
  .l-und_list-col3-cover li .s-products_list-col3-cover-nolink .c_arrow-single {
    bottom: 24px
  }
}
.l-und_list-col3-cover li .s-products_list-col3-cover-nolink img {
  aspect-ratio: 1
}
.l-und_detail-article {
  font-weight: 400;
  margin: 1px 11.3636363636vw 0 11.3636363636vw;
  position: relative
}
@media only screen and (max-width: 960px) {
  .l-und_detail-article {
    margin: 1px 2.2727272727vw 0 2.2727272727vw
  }
}
@media only screen and (max-width: 760px) {
  .l-und_detail-article {
    margin: 0
  }
}
.l-und_detail-article a {
  text-decoration: underline;
  transition: opacity .3s
}
.l-und_detail-article a:hover {
  opacity: .8
}
.l-und_detail-article h2 {
  font-size: calc((1364px - (1364px - var(--font-device-width-unit)) / 2) / 1364 * 34);
  line-height: 1.2;
  letter-spacing: .03em;
  margin-bottom: 41px;
  font-weight: 700
}
@media print {
  .l-und_detail-article h2 {
    font-size: 20px !important
  }
}
@media only screen and (max-width: 760px) {
  .l-und_detail-article h2 {
    font-size: 24px;
    line-height: 1.2;
    letter-spacing: .03em;
    margin-bottom: 28px
  }
}
.l-und_detail-article h2 .num {
  display: block;
  font-size: 12px;
  line-height: 1;
  letter-spacing: 0em;
  color: #40b44b;
  margin-bottom: 7px
}
@media print {
  .l-und_detail-article h2 .num {
    font-size: 7.0588235294px !important
  }
}
@media only screen and (max-width: 760px) {
  .l-und_detail-article h2 .num {
    letter-spacing: .01em;
    margin-bottom: 3px
  }
}
.l-und_detail-article h3 {
  position: relative;
  font-size: calc((1364px - (1364px - var(--font-device-width-unit)) / 3) / 1364 * 24);
  line-height: 1.4;
  letter-spacing: .03em;
  margin-bottom: 25px;
  font-weight: 700
}
@media print {
  .l-und_detail-article h3 {
    font-size: 14.1176470588px !important
  }
}
@media only screen and (max-width: 760px) {
  .l-und_detail-article h3 {
    font-size: 18px;
    line-height: 1.4;
    letter-spacing: .03em;
    margin-bottom: 17px;
    padding-left: 15px
  }
}
.l-und_detail-article h3:before {
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #40b44b;
  position: absolute;
  top: 13px;
  left: -18px
}
@media only screen and (max-width: 760px) {
  .l-und_detail-article h3:before {
    top: 9px;
    left: 0
  }
}
.l-und_detail-article p {
  position: relative;
  font-size: 16px;
  line-height: 2;
  letter-spacing: .03em;
  margin-bottom: 28px
}
.l-und_detail-article.use p {
    font-size: 19px;
    margin-bottom: 30px;
}
.l-und_detail-article.use p a {
    position: relative;
    z-index: 0;
    padding: 10px 0;
    padding-left: 50px;
    display: inline-block;
}
.l-und_detail-article.use p a::before {
    content: "";
    position: absolute;
    z-index: -1;
    background-image: url(.././img/pdf_icon.png);
    width: 40px;
    height: 40px;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    background-position: center;
    background-size: 100%;
}
@media print {
  .l-und_detail-article p {
    font-size: 9.4117647059px !important
  }
}
@media only screen and (max-width: 760px) {
  .l-und_detail-article p {
    font-size: 15px;
    line-height: 1.9;
    letter-spacing: .03em;
    margin: 0 3.6231884058vw 14px 3.6231884058vw
  }
.l-und_detail-article.use p {
    font-size: 15px;
    margin-bottom: 30px;
}
.l-und_detail-article.use p a::before {
    width: 28px;
    height: 28px;
}
.l-und_detail-article.use p a {
    padding: 6px 0;
    padding-left: 35px;
}
}
.l-und_detail-article ul {
  position: relative;
  margin-bottom: 32px;
  margin-left: 8px;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: .03em
}
@media print {
  .l-und_detail-article ul {
    font-size: 9.4117647059px !important
  }
}
@media only screen and (max-width: 760px) {
  .l-und_detail-article ul {
    margin: 0 3.6231884058vw 21px 5.3140096618vw;
    font-size: 15px;
    line-height: 1.6;
    letter-spacing: .03em
  }
}
.l-und_detail-article ul li {
  position: relative;
  padding-left: 1em;
  margin-bottom: 10px
}
.l-und_detail-article ul li:before {
  content: "・";
  position: absolute;
  top: 1px;
  left: 0;
  width: 1em;
  height: 1em
}
.l-und_detail-article ol {
  position: relative;
  margin-bottom: 32px;
  margin-left: 8px;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: .03em;
  counter-reset: olnum
}
@media print {
  .l-und_detail-article ol {
    font-size: 9.4117647059px !important
  }
}
@media only screen and (max-width: 760px) {
  .l-und_detail-article ol {
    margin: 0 3.6231884058vw 21px 5.3140096618vw;
    font-size: 15px;
    line-height: 1.6;
    letter-spacing: .03em
  }
}
.l-und_detail-article ol li {
  position: relative;
  padding-left: 1em;
  margin-bottom: 10px
}
.l-und_detail-article ol li:before {
  content: counter(olnum) ".";
  counter-increment: olnum;
  position: absolute;
  top: 0;
  left: 0;
  width: 1.6em;
  height: 1em
}
.l-und_detail-article-intro-figure {
  margin: 0 0 50px 0
}
@media only screen and (max-width: 760px) {
  .l-und_detail-article-intro-figure {
    margin: 0 0 30px 0
  }
}
.l-und_detail-article-intro-figure figure img {
  border-radius: 2.1994134897vw
}
@media only screen and (max-width: 760px) {
  .l-und_detail-article-intro-figure figure img {
    border-radius: 4.8309178744vw
  }
}
.l-und_detail-article-intro {
  margin-bottom: 114px;
  position: relative;
  z-index: 1
}
@media only screen and (max-width: 760px) {
  .l-und_detail-article-intro {
    margin-bottom: 70px
  }
}
.l-und_detail-article-intro p {
  margin-bottom: 48px
}
@media only screen and (max-width: 760px) {
  .l-und_detail-article-intro p {
    margin: 0 0 29px 0;
    line-height: 1.87
  }
}
.l-und_detail-article-intro .credit {
  margin: 0;
  text-align: right;
  font-size: 12px;
  line-height: 1.8;
  letter-spacing: .03em
}
@media print {
  .l-und_detail-article-intro .credit {
    font-size: 7.0588235294px !important
  }
}
@media only screen and (max-width: 760px) {
  .l-und_detail-article-intro .credit {
    margin: 0;
    font-size: 11px;
    line-height: 1.8;
    letter-spacing: .03em
  }
}
.l-und_detail-article-att {
  display: block;
  font-size: 12px;
  line-height: 1.4;
  letter-spacing: .03em;
  margin: 35px 0 40px 0
}
@media print {
  .l-und_detail-article-att {
    font-size: 7.0588235294px !important
  }
}
@media only screen and (max-width: 760px) {
  .l-und_detail-article-att {
    line-height: 1.6;
    margin: 22px 0 18px 0
  }
}
.l-und_detail-article-default h4, .l-und_detail-article-bk h4 {
  font-size: calc((1364px - (1364px - var(--font-device-width-unit)) / 2) / 1364 * 18);
  line-height: 1.5;
  letter-spacing: .03em;
  margin-bottom: 25px;
  font-weight: 700
}
@media print {
  .l-und_detail-article-default h4, .l-und_detail-article-bk h4 {
    font-size: 10.5882352941px !important
  }
}
@media only screen and (max-width: 760px) {
  .l-und_detail-article-default h4, .l-und_detail-article-bk h4 {
    font-size: 15px;
    line-height: 1.5;
    letter-spacing: .03em;
    margin: 0 3.6231884058vw 17px 3.6231884058vw
  }
}
.l-und_detail-article-default {
  margin: 0 0 118px 0
}
@media only screen and (max-width: 760px) {
  .l-und_detail-article-default {
    margin: 0 0 67px 0
  }
}
.l-und_detail-article-bk {
  margin: 0 -4.5454545455vw 120px -4.5454545455vw;
  background-color: #F6F6F6;
  border-radius: 3.6656891496vw;
  padding: clamp(89px, 6.5249266862vw, 6.5249266862vw) 6.8181818182vw clamp(88px, 6.4516129032vw, 6.5249266862vw) 6.8181818182vw
}
@media only screen and (max-width: 760px) {
  .l-und_detail-article-bk {
    margin: 0 -3.6231884058vw 70px -3.6231884058vw;
    padding: 12.077294686vw 5.5555555556vw 11.3526570048vw 5.5555555556vw;
    border-radius: 7.2463768116vw
  }
}
.l-und_detail-article-bk *:last-child, .l-und_detail-article-bk *:last-child .l-und_detail-article-att {
  margin-bottom: 0
}
.l-und_detail-article-bk h2 {
  font-size: calc((1364px - (1364px - var(--font-device-width-unit)) / 2) / 1364 * 30);
  line-height: 1.2;
  letter-spacing: .03em;
  margin-bottom: 46px
}
@media print {
  .l-und_detail-article-bk h2 {
    font-size: 17.6470588235px !important
  }
}
@media only screen and (max-width: 760px) {
  .l-und_detail-article-bk h2 {
    font-size: 22px;
    line-height: 1.2;
    letter-spacing: .03em;
    margin-bottom: 28px
  }
}
.l-und_detail-article-bk h3 {
  font-size: calc((1364px - (1364px - var(--font-device-width-unit)) / 2) / 1364 * 22);
  line-height: 1.4;
  letter-spacing: .03em;
  margin-bottom: 34px
}
@media print {
  .l-und_detail-article-bk h3 {
    font-size: 12.9411764706px !important
  }
}
@media only screen and (max-width: 760px) {
  .l-und_detail-article-bk h3 {
    font-size: 17px;
    line-height: 1.4;
    letter-spacing: .03em;
    margin-bottom: 24px
  }
}
.l-und_detail-article-bk h3:before {
  top: 9px
}
@media only screen and (max-width: 760px) {
  .l-und_detail-article-bk h3:before {
    top: 8px
  }
}
.l-und_detail-article-bk p {
  font-size: 15px;
  line-height: 2;
  letter-spacing: .03em;
  margin-bottom: 38px
}
@media print {
  .l-und_detail-article-bk p {
    font-size: 8.8235294118px !important
  }
}
@media only screen and (max-width: 760px) {
  .l-und_detail-article-bk p {
    font-size: 14px;
    line-height: 1.8;
    letter-spacing: .03em;
    margin-bottom: 17px
  }
}
.l-und_detail-article-bk ul, .l-und_detail-article-bk ol {
  font-size: 15px;
  line-height: 1.5;
  letter-spacing: .03em;
  margin-bottom: 40px
}
@media print {
  .l-und_detail-article-bk ul, .l-und_detail-article-bk ol {
    font-size: 8.8235294118px !important
  }
}
@media only screen and (max-width: 760px) {
  .l-und_detail-article-bk ul, .l-und_detail-article-bk ol {
    font-size: 14px;
    line-height: 1.8;
    letter-spacing: .03em;
    margin-bottom: 18px
  }
}
@media only screen and (max-width: 760px) {
  .l-und_detail-article-bk ul li, .l-und_detail-article-bk ol li {
    margin-bottom: 7px;
    line-height: 1.72
  }
}
.l-und_detail-article-bk .l-und_detail-article-att {
  margin: -3px 0 40px 0
}
@media only screen and (max-width: 760px) {
  .l-und_detail-article-bk .l-und_detail-article-att {
    margin: 22px 0 40px 0
  }
}
.l-und_detail-article-ask {
  margin: -8px 0 110px 0
}
@media only screen and (max-width: 760px) {
  .l-und_detail-article-ask {
    margin-bottom: 61px
  }
}
.l-und_detail-article-ask h3 {
  font-size: 16px;
  line-height: 2;
  letter-spacing: .03em;
  font-weight: 700;
  position: relative;
  padding: 0 0 0 53px;
  margin-bottom: 32px
}
@media print {
  .l-und_detail-article-ask h3 {
    font-size: 9.4117647059px !important
  }
}
@media only screen and (max-width: 760px) {
  .l-und_detail-article-ask h3 {
    font-size: 15px;
    line-height: 1.9;
    letter-spacing: .03em;
    padding: 0 0 0 50px;
    margin-bottom: 29px
  }
}
.l-und_detail-article-ask h3:before {
  content: "";
  display: block;
  width: 46px;
  height: 1px;
  background-color: #40b44b;
  position: absolute;
  top: 16px;
  left: 0
}
@media only screen and (max-width: 760px) {
  .l-und_detail-article-ask h3:before {
    width: 36px;
    top: 14px
  }
}
.l-und_detail-article-ask p {
  margin-bottom: 2em
}
@media only screen and (max-width: 760px) {
  .l-und_detail-article-ask p {
    margin: 0 0 1.8em 0
  }
}
.l-und_detail-article-ask p b:after {
  content: " ：　";
  color: #40b44b
}
.l-und_detail-article-lr-imgset {
  margin-bottom: 115px
}
@media only screen and (max-width: 760px) {
  .l-und_detail-article-lr-imgset {
    margin-bottom: 65px
  }
}
.l-und_detail-article-lr-imgset h2 {
  margin-bottom: 44px
}
@media only screen and (max-width: 760px) {
  .l-und_detail-article-lr-imgset h2 {
    margin-bottom: 29px
  }
}
.l-und_detail-article-lr-imgset-inr h3 {
  font-size: calc((1364px - (1364px - var(--font-device-width-unit)) / 2) / 1364 * 22);
  line-height: 1.4;
  letter-spacing: .03em;
  margin-bottom: 30px
}
@media print {
  .l-und_detail-article-lr-imgset-inr h3 {
    font-size: 12.9411764706px !important
  }
}
@media only screen and (max-width: 760px) {
  .l-und_detail-article-lr-imgset-inr h3 {
    font-size: 17px;
    line-height: 1.4;
    letter-spacing: .03em;
    margin: 0 3.6231884058vw 24px 3.6231884058vw;
    padding-left: 0
  }
}
.l-und_detail-article-lr-imgset-group {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 54px
}
@media only screen and (max-width: 760px) {
  .l-und_detail-article-lr-imgset-group {
    display: block;
    margin: 0 7.0048309179vw 30px 7.0048309179vw
  }
}
.l-und_detail-article-lr-imgset-group--left figure {
  margin-right: 4.5454545455vw
}
@media only screen and (max-width: 760px) {
  .l-und_detail-article-lr-imgset-group--left figure {
    margin: 0 0
  }
}
.l-und_detail-article-lr-imgset-group--right {
  flex-direction: row-reverse
}
.l-und_detail-article-lr-imgset-group--right figure {
  margin-left: 4.5454545455vw
}
@media only screen and (max-width: 760px) {
  .l-und_detail-article-lr-imgset-group--right figure {
    margin: 0 0
  }
}
.l-und_detail-article-lr-imgset-group p {
  font-size: 16px;
  line-height: 1.78;
  letter-spacing: .03em
}
@media print {
  .l-und_detail-article-lr-imgset-group p {
    font-size: 9.4117647059px !important
  }
}
@media only screen and (max-width: 760px) {
  .l-und_detail-article-lr-imgset-group p {
    font-size: 14px;
    line-height: 1.6;
    letter-spacing: .03em;
    margin: 0
  }
}
.l-und_detail-article-lr-imgset-group h4 {
  font-size: calc((1364px - (1364px - var(--font-device-width-unit)) / 2) / 1364 * 18);
  line-height: 1.8;
  letter-spacing: .03em;
  margin-bottom: 8px;
  font-weight: 700
}
@media print {
  .l-und_detail-article-lr-imgset-group h4 {
    font-size: 10.5882352941px !important
  }
}
@media only screen and (max-width: 760px) {
  .l-und_detail-article-lr-imgset-group h4 {
    font-size: 15px;
    line-height: 1.5;
    letter-spacing: .03em
  }
}
.l-und_detail-article-lr-imgset-group figure {
  width: 31.8181818182vw;
  border-radius: 30px;
  overflow: hidden
}
@media only screen and (max-width: 760px) {
  .l-und_detail-article-lr-imgset-group figure {
    width: auto;
    border-radius: 20px;
    margin-bottom: 22px
  }
}
.l-und_detail-article-lr-imgset-group figure img {
  width: 100%
}
.l-und_detail-article-lr-imgset-group-dtl {
  flex: 1
}
.l-und_detail-article-imgset-col1 {
  margin-bottom: 115px
}
@media only screen and (max-width: 760px) {
  .l-und_detail-article-imgset-col1 {
    margin-bottom: 65px
  }
}
.l-und_detail-article-imgset-col1 h2 {
  margin-bottom: 44px
}
@media only screen and (max-width: 760px) {
  .l-und_detail-article-imgset-col1 h2 {
    margin-bottom: 29px
  }
}
.l-und_detail-article-imgset-col1 h3 {
  margin-bottom: 35px
}
@media only screen and (max-width: 760px) {
  .l-und_detail-article-imgset-col1 h3 {
    margin-bottom: 27px
  }
}
.l-und_detail-article-imgset-col1 figure {
  text-align: center;
  overflow: hidden
}
.l-und_detail-article-imgset-col1 figure img {
  border-radius: 2.1994134897vw
}
@media only screen and (max-width: 760px) {
  .l-und_detail-article-imgset-col1 figure img {
    border-radius: 4.8309178744vw
  }
}
.l-und_detail-article-imgset-col1--noradius figure img {
  border-radius: 0
}
@media only screen and (max-width: 760px) {
  .l-und_detail-article-imgset-col1--noradius figure img {
    border-radius: 0
  }
}
.l-und_detail-article-imgset-col1 h4 {
  font-size: calc((1364px - (1364px - var(--font-device-width-unit)) / 3.6) / 1364 * 18);
  line-height: 1.3333333333;
  letter-spacing: .03em;
  margin: 27px 2.2727272727vw 3px 2.2727272727vw;
  font-weight: 700
}
@media print {
  .l-und_detail-article-imgset-col1 h4 {
    font-size: 10.5882352941px !important
  }
}
@media only screen and (max-width: 760px) {
  .l-und_detail-article-imgset-col1 h4 {
    font-size: 15px;
    line-height: 1.5;
    letter-spacing: .03em;
    margin: 22px 0 0 0
  }
}
.l-und_detail-article-imgset-col1 p {
  font-size: 14px;
  line-height: 1.6;
  letter-spacing: .03em;
  margin: 9px 2.2727272727vw 0 2.2727272727vw
}
@media print {
  .l-und_detail-article-imgset-col1 p {
    font-size: 8.2352941176px !important
  }
}
@media only screen and (max-width: 760px) {
  .l-und_detail-article-imgset-col1 p {
    font-size: 12px;
    line-height: 1.6;
    letter-spacing: .03em;
    margin: 8px 0 0 0
  }
}
.l-und_detail-article-imgset-col1 figure + p {
  margin-top: 27px
}
@media only screen and (max-width: 760px) {
  .l-und_detail-article-imgset-col1 figure + p {
    margin-top: 12px
  }
}
.l-und_detail-article-imgset-col2 {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  margin: 36px 0 75px 0
}
@media only screen and (max-width: 760px) {
  .l-und_detail-article-imgset-col2 {
    display: block;
    margin-bottom: 65px
  }
}
.l-und_detail-article-imgset-col2 h2 {
  width: 100%;
  margin-bottom: 45px
}
@media only screen and (max-width: 760px) {
  .l-und_detail-article-imgset-col2 h2 {
    margin-bottom: 29px
  }
}
.l-und_detail-article-imgset-col2 h3 {
  width: 100%;
  margin-bottom: 34px
}
@media only screen and (max-width: 760px) {
  .l-und_detail-article-imgset-col2 h3 {
    margin-bottom: 27px
  }
}
.l-und_detail-article-imgset-col2-inr {
  width: 46.66%;
  margin-right: 6.68%;
  margin-bottom: 40px
}
@media only screen and (max-width: 760px) {
  .l-und_detail-article-imgset-col2-inr {
    width: auto;
    margin: 0 7.0048309179vw 30px 7.0048309179vw
  }
}
.l-und_detail-article-imgset-col2-inr:nth-of-type(2n) {
  margin-right: 0
}
@media only screen and (max-width: 760px) {
  .l-und_detail-article-imgset-col2-inr:nth-of-type(2n) {
    margin-right: 7.0048309179vw
  }
}
.l-und_detail-article-imgset-col2-inr figure {
  border-radius: 2.1994134897vw;
  overflow: hidden
}
@media only screen and (max-width: 760px) {
  .l-und_detail-article-imgset-col2-inr figure {
    border-radius: 4.8309178744vw
  }
}
.l-und_detail-article-imgset-col2-inr figure img {
  width: 100%
}
.l-und_detail-article-imgset-col2-inr--noradius figure {
  border-radius: 0
}
@media only screen and (max-width: 760px) {
  .l-und_detail-article-imgset-col2-inr--noradius figure {
    border-radius: 0
  }
}
.l-und_detail-article-imgset-col2-inr h4 {
  font-size: calc((1364px - (1364px - var(--font-device-width-unit)) / 3.6) / 1364 * 18);
  line-height: 1.3333333333;
  letter-spacing: .03em;
  margin: 23px .7331378299vw 3px .7331378299vw;
  font-weight: 700
}
@media print {
  .l-und_detail-article-imgset-col2-inr h4 {
    font-size: 10.5882352941px !important
  }
}
@media only screen and (max-width: 760px) {
  .l-und_detail-article-imgset-col2-inr h4 {
    font-size: 15px;
    line-height: 1.5;
    letter-spacing: .03em;
    margin: 22px 0 0 0
  }
}
.l-und_detail-article-imgset-col2-inr p {
  font-size: 15px;
  line-height: 1.6;
  letter-spacing: .03em;
  margin: 10px .7331378299vw 0 .7331378299vw
}
@media print {
  .l-und_detail-article-imgset-col2-inr p {
    font-size: 8.8235294118px !important
  }
}
@media only screen and (max-width: 760px) {
  .l-und_detail-article-imgset-col2-inr p {
    font-size: 14px;
    line-height: 1.6;
    letter-spacing: .03em;
    margin: 8px 0 0 0
  }
}
.l-und_detail-article-imgset-col2-inr figure + p {
  margin-top: 23px
}
@media only screen and (max-width: 760px) {
  .l-und_detail-article-imgset-col2-inr figure + p {
    margin-top: 12px
  }
}
.l-und_detail-article-imgset-col3 {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  margin-bottom: 77px
}
@media only screen and (max-width: 760px) {
  .l-und_detail-article-imgset-col3 {
    display: block;
    margin-bottom: 70px
  }
}
.l-und_detail-article-imgset-col3 h2 {
  width: 100%;
  margin-bottom: 45px
}
@media only screen and (max-width: 760px) {
  .l-und_detail-article-imgset-col3 h2 {
    margin-bottom: 29px
  }
}
.l-und_detail-article-imgset-col3 h3 {
  width: 100%;
  margin-bottom: 34px
}
@media only screen and (max-width: 760px) {
  .l-und_detail-article-imgset-col3 h3 {
    margin-bottom: 27px
  }
}
.l-und_detail-article-imgset-col3-inr {
  width: 30%;
  margin-right: 5%;
  margin-bottom: 40px
}
@media only screen and (max-width: 760px) {
  .l-und_detail-article-imgset-col3-inr {
    width: auto;
    margin: 0 0 24px 0;
    overflow: hidden
  }
}
.l-und_detail-article-imgset-col3-inr .l-und_detail-article-imgset-small-btn {
  display: block;
  margin: 21px 0 0 0;
  line-height: 1.3
}
@media only screen and (max-width: 760px) {
  .l-und_detail-article-imgset-col3-inr .l-und_detail-article-imgset-small-btn {
    float: right;
    width: 58.15%;
    margin: 14px 0 0 0;
    font-size: 13px;
    line-height: 1.6;
    letter-spacing: .03em
  }
}
.l-und_detail-article-imgset-col3-inr .l-und_detail-article-imgset-small-btn a {
  display: block;
  padding: 12px 20px 12px 20px;
  text-align: center;
  border-radius: 10px
}
@media only screen and (max-width: 760px) {
  .l-und_detail-article-imgset-col3-inr .l-und_detail-article-imgset-small-btn a {
    border-radius: 2.4154589372vw;
    padding: 9px 12px 7px 15px
  }
}
.l-und_detail-article-imgset-col3-inr:nth-of-type(3n) {
  margin-right: 0
}
.l-und_detail-article-imgset-col3-inr figure {
  border-radius: 1.4662756598vw;
  overflow: hidden
}
@media only screen and (max-width: 760px) {
  .l-und_detail-article-imgset-col3-inr figure {
    float: left;
    width: 37.5%;
    margin-right: 4.35%;
    border-radius: 3.3816425121vw
  }
}
.l-und_detail-article-imgset-col3-inr figure img {
  width: 100%
}
.l-und_detail-article-imgset-col3-inr h4 {
  font-size: calc((1364px - (1364px - var(--font-device-width-unit)) / 3.6) / 1364 * 18);
  line-height: 1.3333333333;
  letter-spacing: .03em;
  margin-top: 21px;
  font-weight: 700
}
@media print {
  .l-und_detail-article-imgset-col3-inr h4 {
    font-size: 10.5882352941px !important
  }
}
@media only screen and (max-width: 760px) {
  .l-und_detail-article-imgset-col3-inr h4 {
    float: left;
    width: 58.15%;
    font-size: 15px;
    line-height: 1.5;
    letter-spacing: .03em;
    margin-top: -3px
  }
}
.l-und_detail-article-imgset-col3-inr p {
  font-size: 15px;
  line-height: 1.6;
  letter-spacing: .03em;
  margin: 11px 0 0 0
}
@media print {
  .l-und_detail-article-imgset-col3-inr p {
    font-size: 8.8235294118px !important
  }
}
@media only screen and (max-width: 760px) {
  .l-und_detail-article-imgset-col3-inr p {
    float: left;
    width: 58.15%;
    font-size: 14px;
    line-height: 1.6;
    letter-spacing: .03em;
    margin: 7px 0 0 0
  }
}
.l-und_detail-article-imgset-col4 {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  margin-bottom: 77px
}
@media only screen and (max-width: 760px) {
  .l-und_detail-article-imgset-col4 {
    margin-bottom: 41px
  }
}
.l-und_detail-article-imgset-col4 h2 {
  width: 100%;
  margin-bottom: 45px
}
@media only screen and (max-width: 760px) {
  .l-und_detail-article-imgset-col4 h2 {
    margin-bottom: 32px
  }
}
.l-und_detail-article-imgset-col4 h3 {
  width: 100%;
  margin-bottom: 33px
}
@media only screen and (max-width: 760px) {
  .l-und_detail-article-imgset-col4 h3 {
    margin-bottom: 27px
  }
}
.l-und_detail-article-imgset-col4-inr {
  width: 23.33%;
  margin-right: 2.226%;
  margin-bottom: 40px
}
@media only screen and (max-width: 760px) {
  .l-und_detail-article-imgset-col4-inr {
    width: 47.82%;
    margin: 0 4.36% 26px 0
  }
  .l-und_detail-article-imgset-col4-inr:nth-of-type(2n) {
    margin-right: 0
  }
}
.l-und_detail-article-imgset-col4-inr .l-und_detail-article-imgset-small-btn {
  display: block;
  margin: 15px 0 0 0;
  font-size: 13px;
  line-height: 1.3;
  letter-spacing: .03em
}
@media print {
  .l-und_detail-article-imgset-col4-inr .l-und_detail-article-imgset-small-btn {
    font-size: 7.6470588235px !important
  }
}
@media only screen and (max-width: 760px) {
  .l-und_detail-article-imgset-col4-inr .l-und_detail-article-imgset-small-btn {
    margin: 12px 0 0 0
  }
}
.l-und_detail-article-imgset-col4-inr .l-und_detail-article-imgset-small-btn a {
  display: block;
  padding: 12px 13px 9px 13px;
  text-align: center;
  border-radius: 10px
}
@media only screen and (max-width: 760px) {
  .l-und_detail-article-imgset-col4-inr .l-und_detail-article-imgset-small-btn a {
    padding: 11px 13px 8px 15px;
    border-radius: 2.4154589372vw
  }
}
.l-und_detail-article-imgset-col4-inr:nth-of-type(4n) {
  margin-right: 0
}
.l-und_detail-article-imgset-col4-inr figure {
  border-radius: 1.4662756598vw;
  overflow: hidden
}
@media only screen and (max-width: 760px) {
  .l-und_detail-article-imgset-col4-inr figure {
    border-radius: 3.3816425121vw
  }
}
.l-und_detail-article-imgset-col4-inr figure img {
  width: 100%
}
.l-und_detail-article-imgset-col4-inr h4 {
  font-size: 16px;
  line-height: 1.4;
  letter-spacing: .03em;
  margin-top: 17px;
  font-weight: 700
}
@media print {
  .l-und_detail-article-imgset-col4-inr h4 {
    font-size: 9.4117647059px !important
  }
}
@media only screen and (max-width: 760px) {
  .l-und_detail-article-imgset-col4-inr h4 {
    font-size: 14px;
    line-height: 1.5;
    letter-spacing: .03em;
    margin-top: 12px
  }
}
.l-und_detail-article-imgset-col4-inr p {
  font-size: 14px;
  line-height: 1.6;
  letter-spacing: .03em;
  margin: 9px 0 0 0
}
@media print {
  .l-und_detail-article-imgset-col4-inr p {
    font-size: 8.2352941176px !important
  }
}
@media only screen and (max-width: 760px) {
  .l-und_detail-article-imgset-col4-inr p {
    font-size: 13px;
    line-height: 1.6;
    letter-spacing: .03em;
    margin: 7px 0 0 0
  }
}
.l-und_detail-article-imgset-large {
  margin: 0 0 120px 0
}
@media only screen and (max-width: 760px) {
  .l-und_detail-article-imgset-large {
    margin: 0 0 70px 0
  }
}
.l-und_detail-article-imgset-large-block {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  margin: 0 0 69px 0
}
@media only screen and (max-width: 760px) {
  .l-und_detail-article-imgset-large-block {
    display: block;
    margin: 0 0 49px 0
  }
}
.l-und_detail-article-imgset-large-block figure {
  width: 38.6363636364vw;
  margin: 0 6.6715542522vw 0 0;
  border-radius: 2.1994134897vw;
  overflow: hidden
}
@media only screen and (max-width: 760px) {
  .l-und_detail-article-imgset-large-block figure {
    width: auto;
    margin: 0 0 30px 0;
    border-radius: 4.8309178744vw
  }
}
.l-und_detail-article-imgset-large-block.img-right {
  flex-direction: row-reverse
}
.l-und_detail-article-imgset-large-block.img-right figure {
  margin: 0 0 0 6.8181818182vw
}
@media only screen and (max-width: 760px) {
  .l-und_detail-article-imgset-large-block.img-right figure {
    margin: 0 0 30px 0
  }
}
.l-und_detail-article-imgset-large-block-inr {
  flex: 1
}
.l-und_detail-article-imgset-large-block-inr .js-textrowmotion-row {
  display: block
}
@media only screen and (max-width: 760px) {
  .l-und_detail-article-imgset-large-block-inr .js-textrowmotion-row {
    display: inline-block;
    margin-right: .5em
  }
}
.l-und_detail-article-imgset-large-block-inr h2 {
  font-size: 30px;
  line-height: 1.16;
  letter-spacing: .02em;
  margin: 0 0 33px 0
}
@media print {
  .l-und_detail-article-imgset-large-block-inr h2 {
    font-size: 17.6470588235px !important
  }
}
@media only screen and (max-width: 760px) {
  .l-und_detail-article-imgset-large-block-inr h2 {
    font-size: 24px;
    line-height: 1.16;
    letter-spacing: .03em;
    margin: 0 0 29px 0
  }
}
.l-und_detail-article-imgset-large-block-inr h3 {
  font-size: 24px;
  line-height: 1.4;
  letter-spacing: .03em;
  margin: 0 0 31px 0
}
@media print {
  .l-und_detail-article-imgset-large-block-inr h3 {
    font-size: 14.1176470588px !important
  }
}
@media only screen and (max-width: 760px) {
  .l-und_detail-article-imgset-large-block-inr h3 {
    font-size: 18px;
    line-height: 1.4;
    letter-spacing: .03em;
    margin: 0 0 22px 0
  }
}
.l-und_detail-article-imgset-large-block-inr p {
  font-size: 15px;
  line-height: 1.6;
  letter-spacing: .03em;
  margin-bottom: 36px
}
@media print {
  .l-und_detail-article-imgset-large-block-inr p {
    font-size: 8.8235294118px !important
  }
}
@media only screen and (max-width: 760px) {
  .l-und_detail-article-imgset-large-block-inr p {
    margin: 0 3.6231884058vw 25px 3.6231884058vw
  }
}
.l-und_detail-article-imgset-large-block-inr .c_btn-circle-type2 .circle_main, .l-und_detail-article-imgset-large-block-inr .c_btn-circle-type2 .circle_bk {
  width: 51px;
  height: 35px
}
@media only screen and (max-width: 760px) {
  .l-und_detail-article-imgset-large-block-inr .c_btn-circle-type2 .circle_main, .l-und_detail-article-imgset-large-block-inr .c_btn-circle-type2 .circle_bk {
    width: 43px;
    height: 30px
  }
}
.l-und_detail-article-imgset-large-btn {
  display: table;
  margin: 0 0 0 2px
}
@media only screen and (max-width: 760px) {
  .l-und_detail-article-imgset-large-btn {
    margin: 0 3.6231884058vw
  }
}
.l-und_detail-article-imgset-large-btn a {
  text-decoration: none
}
.l-und_detail-article-imgset-middle {
  align-items: center;
  margin-bottom: 119px
}
@media only screen and (max-width: 760px) {
  .l-und_detail-article-imgset-middle {
    margin-bottom: 70px
  }
}
.l-und_detail-article-imgset-middle h3 {
  margin-bottom: 12px
}
.l-und_detail-article-imgset-middle h3:before {
  top: 12px
}
@media only screen and (max-width: 760px) {
  .l-und_detail-article-imgset-middle h3 {
    padding-left: 14px;
    margin-bottom: 6px
  }
}
.l-und_detail-article-imgset-middle-inr {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  width: 100%;
  margin-bottom: 40px
}
@media only screen and (max-width: 760px) {
  .l-und_detail-article-imgset-middle-inr {
    align-items: flex-start;
    margin-bottom: 24px
  }
}
.l-und_detail-article-imgset-middle-inr figure {
  width: 20.4545454545vw;
  margin-right: 4.5454545455vw;
  border-radius: 1.4662756598vw;
  overflow: hidden
}
@media only screen and (max-width: 760px) {
  .l-und_detail-article-imgset-middle-inr figure {
    width: 33.3333333333vw;
    margin: 0 3.8647342995vw 0 0;
    border-radius: 3.3816425121vw
  }
}
.l-und_detail-article-imgset-middle-inr figure img {
  width: 100%
}
.l-und_detail-article-imgset-middle-dtl {
  flex: 1;
  margin-top: 2px
}
@media only screen and (max-width: 760px) {
  .l-und_detail-article-imgset-middle-dtl {
    margin-top: -5px
  }
}
.l-und_detail-article-imgset-middle-dtl p {
  font-size: 15px;
  line-height: 1.6;
  letter-spacing: .03em;
  margin-bottom: 0
}
@media print {
  .l-und_detail-article-imgset-middle-dtl p {
    font-size: 8.8235294118px !important
  }
}
@media only screen and (max-width: 760px) {
  .l-und_detail-article-imgset-middle-dtl p {
    font-size: 14px;
    line-height: 1.6;
    letter-spacing: .03em;
    margin: 0 0 0 3.3816425121vw
  }
}
.l-und_detail-article-imgset-small {
  margin-bottom: 120px
}
@media only screen and (max-width: 760px) {
  .l-und_detail-article-imgset-small {
    margin-bottom: 70px
  }
}
.l-und_detail-article-imgset-small h2 {
  margin-bottom: 49px
}
@media only screen and (max-width: 760px) {
  .l-und_detail-article-imgset-small h2 {
    margin-bottom: 33px
  }
}
@media only screen and (max-width: 760px) {
  .l-und_detail-article-bk .l-und_detail-article-imgset-small h2 {
    margin-bottom: -20px
  }
}
.l-und_detail-article-imgset-small-inr {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  width: 100%;
  margin-bottom: 60px
}
@media only screen and (max-width: 760px) {
  .l-und_detail-article-imgset-small-inr {
    display: block;
    margin-bottom: 51px
  }
}
.l-und_detail-article-bk .l-und_detail-article-imgset-small-inr {
  margin-bottom: 58px
}
@media only screen and (max-width: 760px) {
  .l-und_detail-article-bk .l-und_detail-article-imgset-small-inr {
    margin-bottom: 50px
  }
}
.l-und_detail-article-bk .l-und_detail-article-imgset-small-inr:last-child {
  margin-bottom: 0
}
@media only screen and (max-width: 760px) {
  .l-und_detail-article-bk .l-und_detail-article-imgset-small-inr:last-child {
    margin-bottom: 0
  }
}
.l-und_detail-article-imgset-small-inr figure {
  width: 20.4545454545vw;
  margin-right: 6.8181818182vw;
  border-radius: 20px;
  overflow: hidden
}
@media only screen and (max-width: 760px) {
  .l-und_detail-article-imgset-small-inr figure {
    width: 47.3429951691vw;
    margin: 0 auto 34px auto;
    border-radius: 20px
  }
}
.l-und_detail-article-imgset-small-inr figure img {
  width: 100%
}
@media only screen and (max-width: 760px) {
  .l-und_detail-article-bk .l-und_detail-article-imgset-small-inr figure {
    margin-bottom: 29px
  }
}
.l-und_detail-article-bk .l-und_detail-article-imgset-small-inr {
  margin-top: 50px
}
.l-und_detail-article-bk .l-und_detail-article-imgset-small-inr figure {
  width: 18.1818181818vw
}
@media only screen and (max-width: 760px) {
  .l-und_detail-article-bk .l-und_detail-article-imgset-small-inr figure {
    width: 41.5458937198vw
  }
}
.l-und_detail-article-imgset-small-dtl {
  flex: 1;
  margin-top: -4px
}
.l-und_detail-article-imgset-small-dtl h3 {
  margin-bottom: 21px
}
@media only screen and (max-width: 760px) {
  .l-und_detail-article-imgset-small-dtl h3 {
    margin-bottom: 14px
  }
}
.l-und_detail-article-imgset-small-dtl p {
  font-size: 15px;
  line-height: 1.8;
  letter-spacing: .03em;
  margin-bottom: 18px
}
@media print {
  .l-und_detail-article-imgset-small-dtl p {
    font-size: 8.8235294118px !important
  }
}
@media only screen and (max-width: 760px) {
  .l-und_detail-article-imgset-small-dtl p {
    line-height: 1.68
  }
}
.l-und_detail-article-bk .l-und_detail-article-imgset-small-dtl {
  margin-top: 0
}
.l-und_detail-article-bk .l-und_detail-article-imgset-small-dtl h3 {
  margin-bottom: 21px
}
@media only screen and (max-width: 760px) {
  .l-und_detail-article-bk .l-und_detail-article-imgset-small-dtl h3 {
    margin-bottom: 15px
  }
}
@media only screen and (max-width: 760px) {
  .l-und_detail-article-bk .l-und_detail-article-imgset-small-dtl p {
    font-size: 14px;
    line-height: 1.58;
    letter-spacing: .03em
  }
}
.l-und_detail-article-imgset-small-btnset {
  margin-top: 24px;
  font-size: 0
}
@media only screen and (max-width: 760px) {
  .l-und_detail-article-imgset-small-btnset {
    margin: 19px 3.6231884058vw 0 3.6231884058vw
  }
}
.l-und_detail-article-imgset-small-btn {
  display: inline-block;
  margin: 0 .7331378299vw .7331378299vw 0;
  font-size: 14px;
  line-height: 1.6;
  letter-spacing: .03em
}
@media print {
  .l-und_detail-article-imgset-small-btn {
    font-size: 8.2352941176px !important
  }
}
@media only screen and (max-width: 760px) {
  .l-und_detail-article-imgset-small-btn {
    display: block;
    margin: 0 0 10px 0
  }
}
.l-und_detail-article-imgset-small-btn a {
  display: inline-block;
  text-decoration: none;
  padding: 15px 38px 14px 40px;
  border: 1px solid #40b44b;
  border-radius: 14px;
  color: #40b44b
}
@media only screen and (max-width: 760px) {
  .l-und_detail-article-imgset-small-btn a {
    display: block;
    padding: 11px 12px 10px 16px;
    text-align: center;
    border-radius: 3.3816425121vw
  }
}
.l-und_detail-article-imgset-small-btn .text {
  position: relative
}
.l-und_detail-article-imgset-small-btn .text:after {
  content: "";
  display: inline-block;
  width: 10px;
  height: 2px;
  border-radius: 1px;
  margin-left: -10px;
  background-color: #40b44b;
  transform: scale(0.7, 1)
}
.l-und_detail-article-imgset-small-btn--blank .text {
  display: inline-block;
  position: relative
}
.l-und_detail-article-imgset-small-btn--blank .text:after {
  content: "";
  display: inline-block;
  width: 13px;
  height: 1px;
  margin-left: -13px;
  vertical-align: -1px;
  background-color: #40b44b
}
.l-und_detail-article-imgset-small-btn--blank .text .c_arrow-single {
  display: inline-block;
  position: relative;
  vertical-align: 3px;
  margin-left: 12px
}
.l-und_detail-article-movset {
  margin-bottom: 113px
}
@media only screen and (max-width: 760px) {
  .l-und_detail-article-movset {
    margin-bottom: 63px
  }
}
.l-und_detail-article-movset h2 {
  margin-bottom: 49px
}
@media only screen and (max-width: 760px) {
  .l-und_detail-article-movset h2 {
    margin-bottom: 32px
  }
}
.l-und_detail-article-movset figcaption {
  margin: 27px 2.2727272727vw 0 2.2727272727vw;
  font-size: 14px;
  line-height: 1.6;
  letter-spacing: .03em
}
@media print {
  .l-und_detail-article-movset figcaption {
    font-size: 8.2352941176px !important
  }
}
@media only screen and (max-width: 760px) {
  .l-und_detail-article-movset figcaption {
    margin: 16px 0 0 0;
    font-size: 12px;
    line-height: 1.6;
    letter-spacing: .03em
  }
}
.l-und_detail-article-mov {
  position: relative;
  padding-top: 56.17%;
  border-radius: 2.1994134897vw;
  overflow: hidden
}
@media only screen and (max-width: 760px) {
  .l-und_detail-article-mov {
    padding-top: 56.17%;
    border-radius: 4.8309178744vw
  }
}
.l-und_detail-article-mov iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0
}
.l-und_detail-article-tglsets {
  border-bottom: 1px solid #DDDDDD;
  margin-bottom: 120px
}
@media only screen and (max-width: 760px) {
  .l-und_detail-article-tglsets {
    margin-bottom: 70px
  }
}
.l-und_detail-article-tglsets h2 {
  margin-bottom: 47px
}
@media only screen and (max-width: 760px) {
  .l-und_detail-article-tglsets h2 {
    margin-bottom: 31px
  }
}
@media only screen and (max-width: 760px) {
  .l-und_detail-article-tglsets h3 {
    padding-left: 18px
  }
}
.l-und_detail-article-tglset {
  border-top: 1px solid #DDDDDD
}
.l-und_detail-article-tglset figure img {
  border-radius: 2.1994134897vw
}
@media only screen and (max-width: 760px) {
  .l-und_detail-article-tglset figure img {
    border-radius: 4.8309178744vw
  }
}
.l-und_detail-article-tglset figcaption {
  font-size: 14px;
  line-height: 1.6;
  letter-spacing: .03em;
  margin: 22px .7331378299vw 0 .7331378299vw
}
@media print {
  .l-und_detail-article-tglset figcaption {
    font-size: 8.2352941176px !important
  }
}
@media only screen and (max-width: 760px) {
  .l-und_detail-article-tglset figcaption {
    font-size: 12px;
    line-height: 1.5;
    letter-spacing: .03em;
    margin: 13px 0 0 0
  }
}
.l-und_detail-article-tglset-ttl {
  padding: 48px 118px 46px 18px;
  cursor: pointer;
  position: relative
}
@media only screen and (max-width: 760px) {
  .l-und_detail-article-tglset-ttl {
    padding: 26px 58px 19px 0
  }
}
.l-und_detail-article-tglset-ttl:before {
  content: "";
  display: block;
  width: 8px;
  height: 2px;
  position: absolute;
  top: 64px;
  right: 27px;
  background-color: #40b44b;
  border-radius: 1px;
  backface-visibility: hidden
}
@media only screen and (max-width: 760px) {
  .l-und_detail-article-tglset-ttl:before {
    width: 8px;
    top: 37px;
    right: 14px
  }
}
.l-und_detail-article-tglset-ttl:after {
  content: "";
  display: block;
  width: 2px;
  height: 8px;
  position: absolute;
  top: 61px;
  right: 30px;
  opacity: 1;
  background-color: #40b44b;
  border-radius: 1px;
  transform-origin: center;
  transform: rotate(0deg);
  transition: opacity .4s, transform .4s;
  backface-visibility: hidden
}
@media only screen and (max-width: 760px) {
  .l-und_detail-article-tglset-ttl:after {
    height: 8px;
    top: 34px;
    right: 17px
  }
}
.l-und_detail-article-tglset-ttl.js-tglset-open:after {
  opacity: 0;
  transform: rotate(90deg)
}
.l-und_detail-article-tglset-ttl h3 {
  margin-bottom: 0;
  font-size: calc((1364px - (1364px - var(--font-device-width-unit)) / 3) / 1364 * 22);
  line-height: 1.6;
  letter-spacing: .03em
}
@media print {
  .l-und_detail-article-tglset-ttl h3 {
    font-size: 12.9411764706px !important
  }
}
@media only screen and (max-width: 760px) {
  .l-und_detail-article-tglset-ttl h3 {
    font-size: 15px;
    line-height: 1.4;
    letter-spacing: .03em
  }
}
.l-und_detail-article-tglset-ttl h3:before {
  top: 14px
}
@media only screen and (max-width: 760px) {
  .l-und_detail-article-tglset-ttl h3:before {
    top: 8px
  }
}
.l-und_detail-article-tglset-ttl .c_btn-circle-type0 {
  position: absolute;
  right: 9px;
  top: 49px
}
@media only screen and (max-width: 760px) {
  .l-und_detail-article-tglset-ttl .c_btn-circle-type0 {
    top: 25px;
    right: 0
  }
}
@media only screen and (max-width: 760px) {
  .l-und_detail-article-tglset-ttl:hover .c_btn-circle-type0 .circle_main {
    display: none
  }
}
.l-und_detail-article-tglset-ttl:hover .c_btn-circle-type0 .circle_main svg use {
  stroke-dashoffset: 0
}
.l-und_detail-article-tglset-context {
  overflow: hidden;
  height: 0;
  transition: height 0.6s cubic-bezier(0.9, 0, 0.15, 1)
}
.l-und_detail-article-tglset-inr {
  width: 59.0909090909vw;
  padding: 0 0 60px 0
}
@media only screen and (max-width: 760px) {
  .l-und_detail-article-tglset-inr {
    width: 74.8792270531vw;
    padding: 8px 0 26px 0
  }
}
.l-und_detail-article-tglset-inr p {
  margin: 0 0 40px 0;
  font-size: 15px;
  line-height: 2;
  letter-spacing: .03em
}
@media print {
  .l-und_detail-article-tglset-inr p {
    font-size: 8.8235294118px !important
  }
}
@media only screen and (max-width: 760px) {
  .l-und_detail-article-tglset-inr p {
    margin: 0 0 24px 0;
    font-size: 13px;
    line-height: 2;
    letter-spacing: .03em
  }
}
.l-und_detail-article-tglset-btn {
  font-size: 15px;
  line-height: 2;
  letter-spacing: .03em
}
@media print {
  .l-und_detail-article-tglset-btn {
    font-size: 8.8235294118px !important
  }
}
@media only screen and (max-width: 760px) {
  .l-und_detail-article-tglset-btn {
    font-size: 13px;
    line-height: 2;
    letter-spacing: .03em
  }
}
.l-und_detail-article-tglset-btn .c_arrow-single {
  display: inline-block;
  position: relative;
  margin-left: 15px
}
@media only screen and (max-width: 760px) {
  .l-und_detail-article-tglset-btn .c_arrow-single {
    margin-left: 10px
  }
}
.l-und_detail-article-linkset {
  margin: 0 0 0 0;
  padding-bottom: 120px
}
@media only screen and (max-width: 760px) {
  .l-und_detail-article-linkset {
    padding-bottom: 50px
  }
}
.l-und_detail-article-linkset p {
  margin-bottom: 50px
}
@media only screen and (max-width: 760px) {
  .l-und_detail-article-linkset p {
    margin: 0 0 33px 0;
    line-height: 1.6
  }
}
.l-und_detail-article-linkset ul {
  border-bottom: 1px solid #DDDDDD;
  margin: 0
}
.l-und_detail-article-linkset ul li {
  border-top: 1px solid #DDDDDD;
  font-size: calc((1364px - (1364px - var(--font-device-width-unit)) / 3) / 1364 * 22);
  line-height: 1.4;
  letter-spacing: .03em;
  font-weight: 700;
  padding: 0;
  margin: 0
}
@media print {
  .l-und_detail-article-linkset ul li {
    font-size: 12.9411764706px !important
  }
}
@media only screen and (max-width: 760px) {
  .l-und_detail-article-linkset ul li {
    font-size: 15px;
    line-height: 1.4;
    letter-spacing: .03em
  }
}
.l-und_detail-article-linkset ul li:before {
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #40b44b;
  position: absolute;
  top: 55px;
  left: 0
}
@media only screen and (max-width: 760px) {
  .l-und_detail-article-linkset ul li:before {
    top: 26px
  }
}
.l-und_detail-article-linkset ul li .c_arrow-single {
  top: 52px;
  right: 11px
}
@media only screen and (max-width: 760px) {
  .l-und_detail-article-linkset ul li .c_arrow-single {
    top: 24px;
    right: 1px
  }
}
.l-und_detail-article-linkset ul li a {
  display: block;
  text-decoration: none;
  position: relative;
  padding: 42px 5.9384164223vw 40px 18px;
  transition: opacity .3s
}
@media only screen and (max-width: 760px) {
  .l-und_detail-article-linkset ul li a {
    padding: 18px 7.4879227053vw 17px 18px
  }
}
.l-und_detail-article-linkset ul li a:hover {
  opacity: .8
}
.l-und_detail-article-btnset {
  margin-bottom: 103px;
  font-size: 0;
  position: relative;
  z-index: 1
}
@media only screen and (max-width: 760px) {
  .l-und_detail-article-btnset {
    margin-bottom: 69px
  }
}
.l-und_detail-article-btnset p {
  margin-bottom: 41px
}
@media only screen and (max-width: 760px) {
  .l-und_detail-article-btnset p {
    margin: 0 0 25px 0;
    line-height: 1.6
  }
}
.l-und_detail-article-btn {
  display: inline-block;
  margin: 0 16px 16px 0;
  font-size: 15px;
  line-height: 1.6;
  letter-spacing: .03em
}
@media print {
  .l-und_detail-article-btn {
    font-size: 8.8235294118px !important
  }
}
@media only screen and (max-width: 760px) {
  .l-und_detail-article-btn {
    display: block;
    margin: 0 0 10px 0
  }
}
.l-und_detail-article-btn a {
  display: inline-block;
  font-weight: 700;
  text-decoration: none;
  padding: 20px 2.9325513196vw 18px 2.7859237537vw;
  border-radius: 16px;
  border: 1px solid #40b44b;
  color: #40b44b;
  transition: opacity .3s
}
@media only screen and (max-width: 760px) {
  .l-und_detail-article-btn a {
    display: table;
    border-radius: 3.3816425121vw;
    padding: 15px 5.7971014493vw 13px 5.7971014493vw
  }
}
.l-und_detail-article-btn a:hover {
  opacity: .8
}
.l-und_detail-article-btn--blank .text {
  display: inline-block;
  position: relative
}
.l-und_detail-article-btn--blank .text:after {
  content: "";
  display: inline-block;
  width: 13px;
  height: 1px;
  margin-left: -13px;
  vertical-align: -1px;
  background-color: #40b44b
}
.l-und_detail-article-btn--blank .text .c_arrow-single {
  display: inline-block;
  position: relative;
  vertical-align: 3px;
  margin-left: 12px
}
.l-und_detail-article-btn--large {
  font-size: 16px;
  line-height: 1.6;
  letter-spacing: .03em
}
@media print {
  .l-und_detail-article-btn--large {
    font-size: 9.4117647059px !important
  }
}
@media only screen and (max-width: 760px) {
  .l-und_detail-article-btn--large {
    font-size: 15px;
    line-height: 1.6;
    letter-spacing: .03em
  }
}
.l-und_detail-article-share {
  margin: 123px 0 100px 0
}
@media only screen and (max-width: 760px) {
  .l-und_detail-article-share {
    margin: 100px 0 60px 0
  }
}
.l-und_detail-article-share ul {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  font-size: calc((1364px - (1364px - var(--font-device-width-unit)) / 4) / 1364 * 15);
  line-height: 1.6;
  letter-spacing: .03em
}
@media print {
  .l-und_detail-article-share ul {
    font-size: 8.8235294118px !important
  }
}
@media only screen and (max-width: 760px) {
  .l-und_detail-article-share ul {
    display: block;
    font-size: 15px;
    line-height: 1.6;
    letter-spacing: .03em
  }
}
.l-und_detail-article-share ul li {
  width: 32.25%;
  margin: 0 1.625% 0 0;
  padding: 0
}
@media only screen and (max-width: 760px) {
  .l-und_detail-article-share ul li {
    width: auto;
    margin: 0 0 10px 0
  }
}
.l-und_detail-article-share ul li:before {
  display: none
}
.l-und_detail-article-share ul li:nth-of-type(3n) {
  margin-right: 0
}
.l-und_detail-article-share a {
  display: block;
  text-align: center;
  color: #fff;
  text-decoration: none;
  font-weight: 700;
  padding: 21px 0 19px 3px;
  border-radius: 16px
}
@media only screen and (max-width: 760px) {
  .l-und_detail-article-share a {
    border-radius: 14px;
    padding: 16px 0 14px 0
  }
}
.l-und_detail-article-share--twitter a {
  background-color: #05A1F2
}
.l-und_detail-article-share--twitter img {
  transform: translate3d(3px, -5px, 0)
}
@media only screen and (max-width: 760px) {
  .l-und_detail-article-share--twitter img {
    transform: translate3d(0, -5px, 0)
  }
}
.l-und_detail-article-share--facebook a {
  background-color: #1E89FF
}
@media only screen and (max-width: 760px) {
  .l-und_detail-article-share--facebook a {
    padding: 15px 0 15px 0
  }
}
.l-und_detail-article-share--facebook img {
  transform: translate3d(4px, -3px, 0)
}
@media only screen and (max-width: 760px) {
  .l-und_detail-article-share--facebook img {
    transform: translate3d(0, -2px, 0)
  }
}
.l-und_detail-article-share--line a {
  background-color: #00C300
}
.l-und_detail-article-share--line img {
  transform: translate3d(3px, -3px, 0)
}
@media only screen and (max-width: 760px) {
  .l-und_detail-article-share--line img {
    transform: translate3d(-1px, -3px, 0)
  }
}
.l-und_detail-article-share img {
  width: 20px;
  margin: 0 14px 0 -6px
}
.l-und_detail-article-bottom-btn {
  display: table;
  margin: 0 auto 131px auto
}
@media only screen and (max-width: 760px) {
  .l-und_detail-article-bottom-btn {
    margin-bottom: 78px
  }
}
.l-und_detail-article-deco {
  position: relative;
  z-index: -1
}
.l-und_detail-article-deco:before {
  content: "";
  display: block;
  width: 100vw;
  height: 24.3401759531vw;
  position: absolute;
  top: -7.991202346vw;
  left: -15.8357771261vw;
  z-index: 0;
  background-image: url("../img/vector3.svg");
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 100% auto
}
@media only screen and (max-width: 960px) {
  .l-und_detail-article-deco:before {
    left: -6.7448680352vw
  }
}
@media only screen and (max-width: 760px) {
  .l-und_detail-article-deco:before {
    width: 100vw;
    height: 62.077294686vw;
    top: -13.768115942vw;
    left: -5.5555555556vw;
    background-image: url("../img/vector2_sp.svg")
  }
}
.l-und_detail-article-deco2 {
  position: relative;
  z-index: 0
}
.l-und_detail-article-deco2:before {
  content: "";
  display: block;
  width: 100vw;
  height: 24.3401759531vw;
  position: absolute;
  bottom: -17.4486803519vw;
  left: -15.8357771261vw;
  z-index: -1;
  background-image: url("../img/vector3.svg");
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 100% auto
}
@media only screen and (max-width: 960px) {
  .l-und_detail-article-deco2:before {
    left: -6.7448680352vw
  }
}
@media only screen and (max-width: 760px) {
  .l-und_detail-article-deco2:before {
    width: 100vw;
    height: 62.077294686vw;
    left: -5.5555555556vw;
    right: -5.5555555556vw;
    bottom: -49.7584541063vw;
    background-image: url("../img/vector2_sp.svg")
  }
}
.l-und_detail-article-related-faq {
  margin-bottom: 37px
}
.l-und_detail-article-related-faq h2 {
  margin-bottom: 37px
}
@media only screen and (max-width: 760px) {
  .l-und_detail-article-related-faq h2 {
    margin-bottom: 31px
  }
}
.l-und_detail-article-related-faq h3 {
  margin-bottom: 0
}
.l-und_detail-article-related-faq p {
  margin-bottom: 0
}
.l-und_detail-article-related-faq-inr {
  border-top: 1px solid #DDDDDD;
  margin: 0 0 120px 0;
  padding: 0
}
@media only screen and (max-width: 760px) {
  .l-und_detail-article-related-faq-inr {
    margin: 0 0 70px 0
  }
}
.l-und_detail-article-related-faq-block {
  border-bottom: 1px solid #DDDDDD;
  margin: 0;
  padding: 0
}
.l-und_detail-article-related-faq-block:before {
  display: none
}
.l-und_detail-article-related-faq-block a {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  padding: 40px 62px 38px 0;
  position: relative;
  text-decoration: none
}
@media only screen and (max-width: 760px) {
  .l-und_detail-article-related-faq-block a {
    display: block;
    padding: 20px 31px 15px 0
  }
}
.l-und_detail-article-related-faq-block a p {
  display: none
}
@media only screen and (max-width: 760px) {
  .l-und_detail-article-related-faq-block a p {
    margin: 0 0 0 18px;
    padding: 0;
    font-family: paralucent, sans-serif;
    font-weight: 700;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: 13px;
    line-height: 1.4;
    letter-spacing: .03em
  }
}
.l-und_detail-article-related-faq-block a .c_arrow-single {
  top: 52px;
  right: 11px
}
@media only screen and (max-width: 760px) {
  .l-und_detail-article-related-faq-block a .c_arrow-single {
    top: 54px;
    right: 1px
  }
}
.l-und_detail-article-related-faq-block a .cat {
  display: table;
  margin-top: 6px;
  padding: 4px 11px;
  color: #888;
  font-size: 11px;
  line-height: 1;
  letter-spacing: .03em;
  border: 2px solid #DDDDDD;
  border-radius: 11px
}
@media print {
  .l-und_detail-article-related-faq-block a .cat {
    font-size: 6.4705882353px !important
  }
}
@media only screen and (max-width: 760px) {
  .l-und_detail-article-related-faq-block a .cat {
    margin: 0 0 8px 0;
    padding: 3px 11px 0 11px;
    border-radius: 10px
  }
}
.l-und_detail-article-related-faq-block a .text {
  font-size: calc((1364px - (1364px - var(--font-device-width-unit)) / 3) / 1364 * 22);
  line-height: 1.6;
  letter-spacing: .03em;
  position: relative;
  padding-left: 18px
}
@media print {
  .l-und_detail-article-related-faq-block a .text {
    font-size: 12.9411764706px !important
  }
}
@media only screen and (max-width: 760px) {
  .l-und_detail-article-related-faq-block a .text {
    font-size: 15px;
    line-height: 1.4;
    letter-spacing: .03em;
    margin-bottom: 13px
  }
}
.l-und_detail-article-related-faq-block a .text:before {
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #40b44b;
  position: absolute;
  top: 13px;
  left: 0
}
@media only screen and (max-width: 760px) {
  .l-und_detail-article-related-faq-block a .text:before {
    top: 8px;
    left: 0
  }
}
.l-und_detail-article-related-faq-cat {
  width: 137px
}
@media only screen and (max-width: 760px) {
  .l-und_detail-article-related-faq-cat {
    width: auto
  }
}
.l-und_detail-article-related-faq-dtl {
  flex: 1
}
.l-und_pagenation {
  margin: 0 8.8709677419vw 0 11.5835777126vw;
  padding: 0 0 160px 0
}
@media only screen and (max-width: 760px) {
  .l-und_pagenation {
    margin: 0;
    padding: 0 0 99px 0
  }
}
.l-und_pagenation .text-wrap {
  flex: 1;
  font-size: 13px;
  line-height: 1;
  letter-spacing: .03em;
  text-align: center;
  margin: 12px 0 0 0;
  padding: 0 2.4193548387vw 0 0
}
@media print {
  .l-und_pagenation .text-wrap {
    font-size: 7.6470588235px !important
  }
}
@media only screen and (max-width: 760px) {
  .l-und_pagenation .text-wrap {
    font-size: 14px;
    line-height: 1;
    letter-spacing: 0em;
    margin: 8px 0 0 0;
    padding: 0
  }
}
.l-und_pagenation .text-wrap a {
  color: #40b44b;
  transition: opacity .3s
}
.l-und_pagenation .text-wrap a:hover {
  opacity: .8
}
.s-products .l-breadcrumb {
  margin-top: 37px
}
.s-products .l-und_contents-wrap {
  padding-top: 129px
}
@media only screen and (max-width: 760px) {
  .s-products .l-und_contents-wrap {
    padding-top: 69px
  }
}
.s-products .l-und_nav {
  margin-top: 110px
}
@media only screen and (max-width: 760px) {
  .s-products .l-und_nav {
    margin-top: 110px
  }
}
.s-products .s-products_sec-ttl .num {
  margin-bottom: 1px
}
.s-products .s-products_sec-ttl .en {
  margin-right: 14px
}
.s-products .s-products_sec-ttl .text {
  vertical-align: .5em
}
.s-products .l-contents--gray-static {
  padding: 118px 0 120px 4.5454545455vw
}
@media only screen and (max-width: 760px) {
  .s-products .l-contents--gray-static {
    padding: 69px 0 70px 3.6231884058vw
  }
}
.s-products .l-contents--gray-static > *:last-child {
  padding-bottom: 0
}
@media only screen and (max-width: 760px) {
  .s-products .l-contents--gray-static--last {
    padding-bottom: 70px !important
  }
}
.s-products_sec-ttl {
  margin-bottom: 30px
}
@media only screen and (max-width: 760px) {
  .s-products_sec-ttl {
    margin-bottom: 20px
  }
  .s-products_sec-ttl .en {
    margin-bottom: -6px
  }
}
@media only screen and (max-width: 760px) and (max-width: 760px) {
  .s-products_sec-ttl .en {
    margin-bottom: -1px
  }
}
.s-products_sec-sbttl {
  margin-bottom: 26px;
  font-size: 24px;
  line-height: 1.6;
  letter-spacing: .03em;
  position: relative;
  padding-left: 18px
}
@media print {
  .s-products_sec-sbttl {
    font-size: 14.1176470588px !important
  }
}
@media only screen and (max-width: 760px) {
  .s-products_sec-sbttl {
    margin: 0 0 10px 1.2077294686vw;
    font-size: 18px;
    line-height: 1.3333333333;
    letter-spacing: .03em
  }
}
.s-products_sec-sbttl:before {
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #40b44b;
  position: absolute;
  top: .7em;
  left: 0
}
@media only screen and (max-width: 760px) {
  .s-products_sec-sbttl:before {
    top: .5em
  }
}
.s-products_sec-att {
  font-size: 12px !important;
  line-height: 1.69 !important;
  letter-spacing: .03em !important
}
@media only screen and (max-width: 760px) {
  .s-products_sec-att {
    line-height: 1.6
  }
}
.s-products_sec-type1 {
  margin: 0 0 0 4.5454545455vw;
  padding-bottom: 119px
}
@media only screen and (max-width: 760px) {
  .s-products_sec-type1 {
    margin-left: 0;
    padding-bottom: 63px
  }
}
.s-products_sec-type1 .s-products_sec-ttl {
  margin-bottom: 24px
}
@media only screen and (max-width: 760px) {
  .s-products_sec-type1 .s-products_sec-ttl {
    margin-bottom: 25px
  }
}
.s-products_sec-type1 .s-products_sec-sbttl {
  margin-bottom: 16px
}
@media only screen and (max-width: 760px) {
  .s-products_sec-type1 .s-products_sec-sbttl {
    margin-bottom: 10px
  }
}
.s-products_sec-type1 .s-products_sec-float-dtl {
  margin-top: -7px
}
.s-products_sec-type1 p {
  font-size: 15px;
  line-height: 1.7;
  letter-spacing: .03em;
  padding-left: 18px
}
@media print {
  .s-products_sec-type1 p {
    font-size: 8.8235294118px !important
  }
}
@media only screen and (max-width: 760px) {
  .s-products_sec-type1 p {
    padding: 0 5.5555555556vw 0 calc(1.2vw + 18px);
    font-size: 14px;
    line-height: 1.6;
    letter-spacing: .03em
  }
}
@media only screen and (max-width: 760px) {
  .s-products_sec-type1 .s-products_sec-float figure {
    margin-bottom: 28px
  }
}
.s-products_sec-float {
  display: flex;
  flex-wrap: wrap;
    align-items: flex-start;
  margin-bottom: 30px
}
@media only screen and (max-width: 760px) {
  .s-products_sec-float {
    display: block;
    margin-bottom: 36px
  }
}
.s-products_sec-float:nth-of-type(2n) {
  flex-direction: row-reverse
}
.s-products_sec-float:nth-of-type(2n) figure {
  margin-right: 0;
  margin-left: 5.6451612903vw
}
@media only screen and (max-width: 760px) {
  .s-products_sec-float:nth-of-type(2n) figure {
    margin-left: 0
  }
}
.s-products_sec-float:last-child {
  margin-bottom: 0
}
.s-products_sec-float figure {
  width: 32.991202346vw;
  margin-right: 3.3724340176vw;
  border-radius: 2.1994134897vw;
  overflow: hidden
}
.s-products_sec-float figure a {
    text-align: center;
    display: block;
    color: #fff;
    background-color: #000;
    padding: 5px 0;
    font-size: 14px;
}
@media only screen and (max-width: 760px) {
  .s-products_sec-float figure {
    width: auto;
    margin: 0 0 21px 0;
    border-radius: 4.8309178744vw
  }
}
.s-products_sec-float figure.bdr {
  border: 1px solid #DDDDDD
}
.s-products_sec-float-dtl {
  flex: 1;
  margin-top: -31px
}
@media only screen and (max-width: 760px) {
  .s-products_sec-float-dtl {
    margin-top: 0
  }
}
.s-products_sec-type2 {
  margin: 0 0 0 4.5454545455vw;
  padding-bottom: 120px
}
@media only screen and (max-width: 760px) {
  .s-products_sec-type2 {
    margin-left: 0;
    padding-bottom: 65px
  }
}
.s-products_sec-type2 .s-products_sec-float:nth-of-type(2n) .s-products_sec-float-dtl {
  margin-left: -18px
}
@media only screen and (max-width: 760px) {
  .s-products_sec-type2 .s-products_sec-float:nth-of-type(2n) .s-products_sec-float-dtl {
    margin-left: 0
  }
}
.s-products_sec-type2 .s-products_sec-float-dtl {
  margin-top: 0
}
.s-products_sec-type2 p {
  font-size: 16px;
  line-height: 1.7;
  letter-spacing: .03em;
  padding-left: 18px
}
@media print {
  .s-products_sec-type2 p {
    font-size: 9.4117647059px !important
  }
}
@media only screen and (max-width: 760px) {
  .s-products_sec-type2 p {
    padding: 0 5.5555555556vw 0 calc(1.2vw + 18px);
    font-size: 14px;
    line-height: 1.6;
    letter-spacing: .03em
  }
}
.s-products_sec-type2 .s-products_sec-ttl {
  margin-bottom: 23px
}
@media only screen and (max-width: 760px) {
  .s-products_sec-type2 .s-products_sec-ttl {
    margin-bottom: 24px
  }
}
.s-products_sec-type2 .s-products_sec-sbttl {
  margin-bottom: 14px
}
@media only screen and (max-width: 760px) {
  .s-products_sec-type2 .s-products_sec-sbttl {
    margin-bottom: 11px
  }
}
.s-products_sec-lineup {
  margin: 0 4.5454545455vw 0 0;
  padding-bottom: 115px
}
@media only screen and (max-width: 760px) {
  .s-products_sec-lineup {
    margin-right: 5.5555555556vw;
    padding-bottom: 62px
  }
}
.s-products_sec-lineup .s-products_sec-ttl {
  margin-bottom: 19px
}
@media only screen and (max-width: 760px) {
  .s-products_sec-lineup .s-products_sec-ttl {
    margin-bottom: 24px
  }
}
.s-products_sec-lineup .s-products_sec-sbttl {
  margin-bottom: 12px
}
@media only screen and (max-width: 760px) {
  .s-products_sec-lineup .s-products_sec-sbttl {
    margin-bottom: 18px
  }
}
.s-products_sec-lineup .s-products_sec-att {
  margin-top: 27px
}
@media only screen and (max-width: 760px) {
  .s-products_sec-lineup .s-products_sec-att {
    margin-top: -3px
  }
}
.s-products_sec-lineup ul {
  display: flex;
  flex-wrap: wrap;
  font-size: 14px;
  line-height: 1.5;
  letter-spacing: .03em;
  margin-bottom: 22px
}
@media print {
  .s-products_sec-lineup ul {
    font-size: 8.2352941176px !important
  }
}
@media only screen and (max-width: 760px) {
  .s-products_sec-lineup ul {
    font-size: 12px;
    line-height: 1.5;
    letter-spacing: .03em;
    margin-bottom: 11px
  }
}
.s-products_sec-lineup li {
  width: 29.03%;
  margin-right: 6.455%;
  margin-bottom: 2.1260997067vw
}
@media only screen and (max-width: 760px) {
  .s-products_sec-lineup li {
    width: 47.82%;
    margin-right: 4.36%;
    margin-bottom: 28px
  }
}
.s-products_sec-lineup li:nth-of-type(3n) {
  margin-right: 0
}
@media only screen and (max-width: 760px) {
  .s-products_sec-lineup li:nth-of-type(3n) {
    margin-right: 4.36%
  }
}
@media only screen and (max-width: 760px) {
  .s-products_sec-lineup li:nth-of-type(2n) {
    margin-right: 0
  }
}
.s-products_sec-lineup li .fig {
  display: block;
  border-radius: 2.1994134897vw;
  background-color: #EAEAEA
}
@media only screen and (max-width: 760px) {
  .s-products_sec-lineup li .fig {
    border-radius: 5.7971014493vw
  }
}
.s-products_sec-lineup li .fig img {
  aspect-ratio: 1
}
.s-products_sec-lineup li .ttl {
  display: block;
  margin: 19px .7331378299vw 0 .7331378299vw
}
@media only screen and (max-width: 760px) {
  .s-products_sec-lineup li .ttl {
    margin: 10px 0 0 0
  }
}
.s-products_sec-lineup li .dtl {
  display: block;
  margin: 6px .7331378299vw 0 .7331378299vw;
  font-size: 11px;
  line-height: 1.5;
  letter-spacing: .03em
}
@media print {
  .s-products_sec-lineup li .dtl {
    font-size: 6.4705882353px !important
  }
}
@media only screen and (max-width: 760px) {
  .s-products_sec-lineup li .dtl {
    margin: 6px 0 0 0;
    font-size: 10px;
    line-height: 1.5;
    letter-spacing: .03em
  }
}
.s-products_sec-lineup a {
  display: block
}
.s-products_sec-ink-colors {
  margin: 0 4.5454545455vw 0 0;
  padding-bottom: 80px
}
@media only screen and (max-width: 760px) {
  .s-products_sec-ink-colors {
    margin-bottom: 2px;
    padding-bottom: 9.6618357488vw
  }
}
.s-products_sec-ink-colors .s-products_sec-ttl {
  margin-bottom: 27px
}
@media only screen and (max-width: 760px) {
  .s-products_sec-ink-colors .s-products_sec-ttl {
    margin-bottom: 26px
  }
}
.s-products_sec-ink-colors ul {
  display: flex;
  flex-wrap: wrap;
  font-size: 13px;
  line-height: 1.3;
  letter-spacing: .03em;
  text-align: center
}
@media print {
  .s-products_sec-ink-colors ul {
    font-size: 7.6470588235px !important
  }
}
@media only screen and (max-width: 760px) {
  .s-products_sec-ink-colors ul {
    font-size: 11px;
    line-height: 1.3;
    letter-spacing: .03em
  }
}
.s-products_sec-ink-colors li {
  width: 12.5%;
  margin-right: 5%;
  margin-bottom: 2.7126099707vw;
  text-align: center
}
@media only screen and (max-width: 760px) {
  .s-products_sec-ink-colors li {
    width: 24.13%;
    margin-right: 1.16%;
    margin-bottom: 27px
  }
}
.s-products_sec-ink-colors li:nth-of-type(6n) {
  margin-right: 0
}
@media only screen and (max-width: 760px) {
  .s-products_sec-ink-colors li:nth-of-type(6n) {
    margin-right: 1.16%
  }
}
@media only screen and (max-width: 760px) {
  .s-products_sec-ink-colors li:nth-of-type(4n) {
    margin-right: 0
  }
}
.s-products_sec-ink-colors li .color {
  display: block;
  width: 2.9325513196vw;
  height: 2.9325513196vw;
  border-radius: 50%;
  margin: 0 auto 12px auto
}
@media only screen and (max-width: 760px) {
  .s-products_sec-ink-colors li .color {
    width: 7.2463768116vw;
    height: 7.2463768116vw;
    margin-bottom: 12px
  }
}
.s-products_sec-information {
  padding: 89px 4.5454545455vw 76px 4.5454545455vw !important;
  margin: 0 4.5454545455vw 119px 0;
  background: #EAEAEA;
  border-radius: 4.3988269795vw
}
@media only screen and (max-width: 760px) {
  .s-products_sec-information {
    padding: 49px 3.3816425121vw 46px 3.3816425121vw !important;
    margin: 0 3.6231884058vw 69px 0;
    border-radius: 7.2463768116vw
  }
}
.s-products_sec-information .s-products_sec-ttl {
  margin-bottom: -14px
}
@media only screen and (max-width: 760px) {
  .s-products_sec-information .s-products_sec-ttl {
    margin-bottom: -3px
  }
}
@media only screen and (max-width: 760px) {
  .s-products_sec-information .s-products_sec-ttl .num {
    margin-bottom: 6px
  }
}
.s-products_sec-information .s-products_sec-ttl .en {
  font-size: 48px;
  line-height: 1.1;
  letter-spacing: 0em
}
@media print {
  .s-products_sec-information .s-products_sec-ttl .en {
    font-size: 28.2352941176px !important
  }
}
@media only screen and (max-width: 760px) {
  .s-products_sec-information .s-products_sec-ttl .en {
    font-size: 30px;
    line-height: .9;
    letter-spacing: 0em;
    margin-bottom: 6px
  }
}
.s-products_sec-information .s-products_sec-att {
  font-size: 11px !important;
  line-height: 1.7 !important;
  margin-top: 10px;
  text-align: right
}
@media only screen and (max-width: 760px) {
  .s-products_sec-information .s-products_sec-att {
    margin-top: 12px
  }
}
.s-products_sec-information .s-products_sec-att + .s-products_sec-att {
  margin-top: 0
}
.s-products_sec-information-intwrap {
  margin-bottom: 20px
}
@media only screen and (max-width: 760px) {
  .s-products_sec-information-intwrap {
    margin-bottom: 16px
  }
}
.s-products_sec-information + .s-products_sec-information {
  margin-top: -89px
}
@media only screen and (max-width: 760px) {
  .s-products_sec-information + .s-products_sec-information {
    margin-top: -59px
  }
}
.s-products_sec-int-group {
  border-bottom: 1px solid #DDDDDD;
  position: relative
}
.s-products_sec-int-group-btn {
  width: 36px;
  height: 36px;
  position: absolute;
  top: 17px;
  right: -2px;
  cursor: pointer;
  z-index: 1;
  backface-visibility: hidden
}
@media only screen and (max-width: 760px) {
  .s-products_sec-int-group-btn {
    top: 10px;
    right: -3px
  }
}
.s-products_sec-int-group-btn:before {
  content: "";
  display: block;
  width: 12px;
  height: 2px;
  position: absolute;
  top: 50%;
  right: 12px;
  background-color: #40b44b;
  border-radius: 1px
}
@media only screen and (max-width: 760px) {
  .s-products_sec-int-group-btn:before {
    width: 10px;
    right: 13px
  }
}
.s-products_sec-int-group-btn:after {
  content: "";
  display: block;
  width: 2px;
  height: 12px;
  position: absolute;
  top: calc(50% - 5px);
  right: 17px;
  opacity: 1;
  background-color: #40b44b;
  border-radius: 1px;
  transform-origin: center;
  transform: rotate(0deg);
  transition: opacity .4s, transform .4s
}
@media only screen and (max-width: 760px) {
  .s-products_sec-int-group-btn:after {
    height: 10px;
    top: calc(50% - 4px)
  }
}
.js-int-group-open .s-products_sec-int-group-btn:after {
  opacity: 0;
  transform: rotate(90deg)
}
.s-products_sec-int-group-inrbase {
  width: 100%;
  overflow: hidden;
  transition: height 0.3s cubic-bezier(0.6, 0.1, 0.15, 1)
}
.s-products_sec-int-group-inr {
  position: relative;
  font-size: 13px;
  line-height: 1.6;
  letter-spacing: .03em
}
@media print {
  .s-products_sec-int-group-inr {
    font-size: 7.6470588235px !important
  }
}
@media only screen and (max-width: 760px) {
  .s-products_sec-int-group-inr {
    font-size: 11px;
    line-height: 1.6;
    letter-spacing: .03em
  }
}
.s-products_sec-int-group-inr .small {
  font-size: 10px;
  line-height: 1.6;
  letter-spacing: .03em;
  vertical-align: 4px
}
@media print {
  .s-products_sec-int-group-inr .small {
    font-size: 5.8823529412px !important
  }
}
@media only screen and (max-width: 760px) {
  .s-products_sec-int-group-inr .small {
    display: block;
    font-size: 10px;
    transform: scale(0.9);
    transform-origin: left top
  }
}
.s-products_sec-int-group-inr--col2, .s-products_sec-int-group-inr--col5, .s-products_sec-int-group-inr--col6, .s-products_sec-int-group-inr--col6-first, .s-products_sec-int-group-inr--col6-last {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start
}
.s-products_sec-int-group-inr--col2 .s-products_sec-int-group-col:nth-of-type(1) {
  width: 46.66%
}
@media only screen and (max-width: 760px) {
  .s-products_sec-int-group-inr--col2 .s-products_sec-int-group-col:nth-of-type(1) {
    width: 50%
  }
}
.s-products_sec-int-group-inr--col2 .s-products_sec-int-group-col:nth-of-type(2) {
  flex: 1
}
.s-products_sec-int-group-inr--col5 {
  width: 100%
}
.s-products_sec-int-group-inr--col5 .s-products_sec-int-group-col:nth-of-type(1) {
  width: 18.51%
}
@media only screen and (max-width: 760px) {
  .s-products_sec-int-group-inr--col5 .s-products_sec-int-group-col:nth-of-type(1) {
    width: 39.6551724138%;
    padding-bottom: 18px
  }
}
.s-products_sec-int-group-inr--col5 .s-products_sec-int-group-col:nth-of-type(2) {
  width: 22.22%
}
@media only screen and (max-width: 760px) {
  .s-products_sec-int-group-inr--col5 .s-products_sec-int-group-col:nth-of-type(2) {
    width: 60.3448275862%;
    padding-bottom: 18px
  }
}
.s-products_sec-int-group-inr--col5 .s-products_sec-int-group-col:nth-of-type(3) {
  width: 22.1%
}
@media only screen and (max-width: 760px) {
  .s-products_sec-int-group-inr--col5 .s-products_sec-int-group-col:nth-of-type(3) {
    width: 39.6551724138%;
    padding-top: 0;
    padding-bottom: 23px
  }
}
.s-products_sec-int-group-inr--col5 .s-products_sec-int-group-col:nth-of-type(4) {
  width: 18.51%
}
@media only screen and (max-width: 760px) {
  .s-products_sec-int-group-inr--col5 .s-products_sec-int-group-col:nth-of-type(4) {
    width: 33.0459770115%;
    padding-top: 0;
    padding-bottom: 23px
  }
}
.s-products_sec-int-group-inr--col5 .s-products_sec-int-group-col:nth-of-type(5) {
  flex: 1
}
@media only screen and (max-width: 760px) {
  .s-products_sec-int-group-inr--col5 .s-products_sec-int-group-col:nth-of-type(5) {
    padding-top: 0;
    padding-bottom: 23px
  }
}
.s-products_sec-int-group-inr--col6 {
  width: 100%
}
@media only screen and (max-width: 760px) {
  .s-products_sec-int-group-inr--col6 {
    width: auto;
    display: block
  }
}
.s-products_sec-int-group-inr--col6-first {
  width: 18.1818181818vw;
  display: flex;
  flex-wrap: wrap
}
@media only screen and (max-width: 760px) {
  .s-products_sec-int-group-inr--col6-first {
    width: 100%
  }
}
.s-products_sec-int-group-inr--col6-first .s-products_sec-int-group-col:nth-of-type(1) {
  width: 9.2375366569vw
}
@media only screen and (max-width: 760px) {
  .s-products_sec-int-group-inr--col6-first .s-products_sec-int-group-col:nth-of-type(1) {
    width: 24.3961352657vw;
    padding-bottom: 19px
  }
}
.s-products_sec-int-group-inr--col6-first .s-products_sec-int-group-col:nth-of-type(2) {
  flex: 1
}
@media only screen and (max-width: 760px) {
  .s-products_sec-int-group-inr--col6-first .s-products_sec-int-group-col:nth-of-type(2) {
    padding-bottom: 19px
  }
}
.s-products_sec-int-group-inr--col6-first.col-3 {
  width: 29.5454545455vw
}
@media only screen and (max-width: 760px) {
  .s-products_sec-int-group-inr--col6-first.col-3 {
    width: 100%
  }
}
.s-products_sec-int-group-inr--col6-first.col-3 .s-products_sec-int-group-col:nth-of-type(2) {
  width: 8.9442815249vw;
  flex: none
}
@media only screen and (max-width: 760px) {
  .s-products_sec-int-group-inr--col6-first.col-3 .s-products_sec-int-group-col:nth-of-type(2) {
    width: 24.3961352657vw;
    padding-bottom: 19px
  }
}
.s-products_sec-int-group-inr--col6-first.col-3 .s-products_sec-int-group-col:nth-of-type(3) {
  flex: 1
}
@media only screen and (max-width: 760px) {
  .s-products_sec-int-group-inr--col6-first.col-3 .s-products_sec-int-group-col:nth-of-type(3) {
    padding-bottom: 19px
  }
}
.s-products_sec-int-group-inr--col6-last {
  flex: 1
}
@media only screen and (max-width: 760px) {
  .s-products_sec-int-group-inr--col6-last {
    width: 100%;
    margin-bottom: 8px
  }
}
.s-products_sec-int-group-inr--col6-last table {
  width: 100%
}
.s-products_sec-int-group-inr--col6-last th, .s-products_sec-int-group-inr--col6-last td {
  vertical-align: top
}
@media only screen and (max-width: 760px) {
  .s-products_sec-int-group-inr--col6-last th, .s-products_sec-int-group-inr--col6-last td {
    font-size: 11px
  }
}
.s-products_sec-int-group-inr--col6-last th {
  padding: 29px 10px 16px 0
}
@media only screen and (max-width: 760px) {
  .s-products_sec-int-group-inr--col6-last th {
    padding: 0 10px 9px 0
  }
}
.s-products_sec-int-group-inr--col6-last td {
  padding: 0 10px 22px 0
}
@media only screen and (max-width: 760px) {
  .s-products_sec-int-group-inr--col6-last td {
    padding: 0 16px 9px 0
  }
}
.s-products_sec-int-group-inr--col6-last td:last-child {
  padding-right: 0
}
@media only screen and (max-width: 760px) {
  .s-products_sec-int-group-inr--col6-last ul li {
    line-height: 1.5;
    margin-bottom: 1px
  }
}
.s-products_sec-int-group-inr--col6-last tr th:nth-of-type(1) {
  width: 26.3157894737%
}
@media only screen and (max-width: 760px) {
  .s-products_sec-int-group-inr--col6-last tr th:nth-of-type(1) {
    width: 29.0229885057%
  }
}
.s-products_sec-int-group-inr--col6-last tr th:nth-of-type(2) {
  width: 31.5789473684%
}
@media only screen and (max-width: 760px) {
  .s-products_sec-int-group-inr--col6-last tr th:nth-of-type(2) {
    width: 26.4367816092%
  }
}
.s-products_sec-int-group-inr--col6-last tr th:nth-of-type(3) {
  width: 21.0526315789%
}
@media only screen and (max-width: 760px) {
  .s-products_sec-int-group-inr--col6-last tr th:nth-of-type(3) {
    width: 26.4367816092%
  }
}
.s-products_sec-int-group-inr--col6-last.col-free table {
  margin-bottom: 22px
}
@media only screen and (max-width: 760px) {
  .s-products_sec-int-group-inr--col6-last.col-free table {
    margin-bottom: 9px
  }
}
.s-products_sec-int-group-inr--col6-last.col-free td {
  padding: 0 10px 0 0
}
@media only screen and (max-width: 760px) {
  .s-products_sec-int-group-inr--col6-last.col-free td {
    padding: 0 16px 0 0
  }
}
.s-products_sec-int-group-inr--col6-last.col-free td:last-child {
  padding-right: 0
}
.s-products_sec-int-group-inr--col6-last.col-bottom-col3 tr th:nth-of-type(1) {
  width: 31.5789473684%
}
@media only screen and (max-width: 760px) {
  .s-products_sec-int-group-inr--col6-last.col-bottom-col3 tr th:nth-of-type(1) {
    width: 29.0229885057%
  }
}
.s-products_sec-int-group-inr--col6-last.col-bottom-col3 tr th:nth-of-type(2) {
  width: 21.0526315789%
}
@media only screen and (max-width: 760px) {
  .s-products_sec-int-group-inr--col6-last.col-bottom-col3 tr th:nth-of-type(2) {
    width: 29.0229885057%
  }
}
@media only screen and (max-width: 760px) {
  .s-products_sec-int-group-inr--col6-last.col-bottom-col3 tr th:nth-of-type(3) {
    width: auto
  }
}
.s-products_sec-int-group-inr--col6-last.col-bottom-col2 tr th:nth-of-type(1) {
  width: 42.8571428571%
}
@media only screen and (max-width: 760px) {
  .s-products_sec-int-group-inr--col6-last.col-bottom-col2 tr th:nth-of-type(1) {
    width: 29.0229885057%
  }
}
.s-products_sec-int-group-inr--col6-last.col-bottom-col2 tr th:nth-of-type(2) {
  width: auto
}
@media only screen and (max-width: 760px) {
  .s-products_sec-int-group-inr--col6-last.col-bottom-col2 tr th:nth-of-type(2) {
    width: auto
  }
}
.s-products_sec-int-group-inr--col6-last.col-bottom-col2-and-col3 tr th:nth-of-type(1) {
  width: 26.3157894737%
}
@media only screen and (max-width: 760px) {
  .s-products_sec-int-group-inr--col6-last.col-bottom-col2-and-col3 tr th:nth-of-type(1) {
    width: 29.0229885057%
  }
}
.s-products_sec-int-group-inr--col6-last.col-bottom-col2-and-col3 tr th:nth-of-type(2) {
  width: 31.5789473684%
}
@media only screen and (max-width: 760px) {
  .s-products_sec-int-group-inr--col6-last.col-bottom-col2-and-col3 tr th:nth-of-type(2) {
    width: 29.0229885057%
  }
}
.s-products_sec-int-group-inr--col6-last.col-bottom-col2-and-col3 tr th:nth-of-type(3) {
  width: auto
}
@media only screen and (max-width: 760px) {
  .s-products_sec-int-group-inr--col6-last.col-bottom-col2-and-col3 tr th:nth-of-type(3) {
    width: auto
  }
}
.s-products_sec-int-group-inr--col6-last.col-bottom-col2-and-col2 tr th:nth-of-type(1) {
  width: 26.3157894737%
}
@media only screen and (max-width: 760px) {
  .s-products_sec-int-group-inr--col6-last.col-bottom-col2-and-col2 tr th:nth-of-type(1) {
    width: 29.0229885057%
  }
}
.s-products_sec-int-group-inr--col6-last.col-bottom-col2-and-col2 tr th:nth-of-type(2) {
  width: auto
}
@media only screen and (max-width: 760px) {
  .s-products_sec-int-group-inr--col6-last.col-bottom-col2-and-col2 tr th:nth-of-type(2) {
    width: auto
  }
}
.s-products_sec-int-group-col {
  padding: 29px 10px 24px 0
}
@media only screen and (max-width: 760px) {
  .s-products_sec-int-group-col {
    margin-bottom: 0;
    padding: 23px 10px 16px 0
  }
}
@media only screen and (max-width: 760px) {
  .s-products_sec-int-group-col p {
    font-size: 11px;
    line-height: 1.5
  }
}
.s-products_sec-int-group-col ul li {
  line-height: 1.6
}
.s-products_sec-int-group-ttl {
  font-size: 13px;
  line-height: 1.2307692308;
  letter-spacing: .03em;
  margin-bottom: 16px
}
@media print {
  .s-products_sec-int-group-ttl {
    font-size: 7.6470588235px !important
  }
}
@media only screen and (max-width: 760px) {
  .s-products_sec-int-group-ttl {
    font-size: 11px;
    line-height: 1.2727272727;
    letter-spacing: .03em;
    margin-bottom: 9px
  }
}
.s-products_sec-int-group-sbttl {
  font-size: 16px;
  line-height: 1.1875;
  letter-spacing: .03em;
  padding: 40px 0 26px 0;
  border-bottom: 1px solid #DDD
}
@media print {
  .s-products_sec-int-group-sbttl {
    font-size: 9.4117647059px !important
  }
}
@media only screen and (max-width: 760px) {
  .s-products_sec-int-group-sbttl {
    font-size: 13px;
    line-height: 1.2307692308;
    letter-spacing: .03em;
    padding: 26px 0 16px 0
  }
}
.s-products_sec-int-group-more {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding-top: 62px
}
.s-products_sec-int-group-more:before {
  content: "";
  display: block;
  width: 100%;
  height: 52px;
  position: absolute;
  bottom: 0;
  left: 0;
  transition: opacity .3s;
  opacity: 1;
  pointer-events: none;
  background: linear-gradient(180deg, rgba(234, 234, 234, 0) 0%, #eaeaea 50%, #eaeaea 100%)
}
.js-int-group-open .s-products_sec-int-group-more:before {
  opacity: 0
}
.s-products_sec-slider-wrap {
  position: relative;
  width: 100%
}
.s-products_sec-slider {
  width: 100%
}
.s-products_sec-slider .fig {
  background-color: #EAEAEA;
  border-radius: 2.1994134897vw;
  overflow: hidden
}
@media only screen and (max-width: 760px) {
  .s-products_sec-slider .fig {
    border-radius: 4.8309178744vw
  }
}
.s-products_sec-closeup {
  padding-bottom: 113px
}
@media only screen and (max-width: 760px) {
  .s-products_sec-closeup {
    padding-bottom: 68px
  }
}
.s-products_sec-closeup .s-products_sec-ttl {
  margin-bottom: 26px
}
@media only screen and (max-width: 760px) {
  .s-products_sec-closeup .s-products_sec-ttl {
    margin-bottom: 25px
  }
}
.s-products_sec-closeup .l-slider_count {
  right: 189px
}
@media only screen and (max-width: 760px) {
  .s-products_sec-closeup .l-slider_count {
    right: 5.5555555556vw
  }
}
.s-products_sec-closeup .slick-arrow.next {
  right: 67px
}
.s-products_sec-closeup .slick-arrow.prev {
  right: 124px
}
@media only screen and (max-width: 760px) {
  .s-products_sec-closeup .prev, .s-products_sec-closeup .next {
    display: none !important
  }
}
.s-products_sec-closeup-figure {
  margin-right: 2.2727272727vw;
  font-size: 15px;
  line-height: 1.7;
  letter-spacing: .03em
}
@media print {
  .s-products_sec-closeup-figure {
    font-size: 8.8235294118px !important
  }
}
@media only screen and (max-width: 760px) {
  .s-products_sec-closeup-figure {
    margin-right: 5.5555555556vw;
    font-size: 12px;
    line-height: 1.5;
    letter-spacing: .03em
  }
}
.s-products_sec-closeup-figure figcaption {
  margin: 15px .7331378299vw 0 .7331378299vw
}
@media only screen and (max-width: 760px) {
  .s-products_sec-closeup-figure figcaption {
    margin: 15px 0 0 0
  }
}
.s-products_sec-howto {
  margin: 0 4.5454545455vw 0 0;
  padding-bottom: 59px
}
@media only screen and (max-width: 760px) {
  .s-products_sec-howto {
    margin-right: 5.5555555556vw;
    padding-bottom: 40px
  }
}
.s-products_sec-howto .s-products_sec-ttl {
  margin-bottom: 18px
}
@media only screen and (max-width: 760px) {
  .s-products_sec-howto .s-products_sec-ttl {
    margin-bottom: 24px
  }
}
.s-products_sec-howto .s-products_sec-sbttl {
  margin-bottom: 32px;
  margin-left: -18px
}
@media only screen and (max-width: 760px) {
  .s-products_sec-howto .s-products_sec-sbttl {
    margin-bottom: 26px;
    margin-left: 0;
    line-height: 1.45
  }
}
.s-products_sec-howto-col2 {
  display: flex;
  flex-wrap: wrap
}
@media only screen and (max-width: 590px) {
  .s-products_sec-howto-col2 {
    display: block;
    margin: 0 4.5893719807vw 0 6.5217391304vw
  }
}
.s-products_sec-howto-block {
  width: 46.82%;
  margin-right: 6.36%;
  margin-bottom: 4.0322580645vw;
  font-size: 15px;
  line-height: 1.6;
  letter-spacing: .03em
}
@media print {
  .s-products_sec-howto-block {
    font-size: 8.8235294118px !important
  }
}
@media only screen and (max-width: 590px) {
  .s-products_sec-howto-block {
    width: auto;
    margin-right: 0;
    margin-bottom: 26px;
    font-size: 14px;
    line-height: 1.5;
    letter-spacing: .03em
  }
}
.s-products_sec-howto-block:nth-of-type(2n) {
  margin-right: 0
}
.s-products_sec-howto-block figure {
  border-radius: 2.1994134897vw;
  overflow: hidden;
  margin-bottom: 22px
}
@media only screen and (max-width: 760px) {
  .s-products_sec-howto-block figure {
    border-radius: 4.8309178744vw;
    margin-bottom: 18px
  }
}
.s-products_sec-howto-block p {
  margin: 0 .7331378299vw
}
@media only screen and (max-width: 760px) {
  .s-products_sec-howto-block p {
    margin: 0
  }
}
.s-products_sec-howto-block-ttl {
  font-size: 18px;
  line-height: 1.4444444444;
  letter-spacing: .03em;
  margin: 0 .7331378299vw 9px .7331378299vw
}
@media print {
  .s-products_sec-howto-block-ttl {
    font-size: 10.5882352941px !important
  }
}
@media only screen and (max-width: 760px) {
  .s-products_sec-howto-block-ttl {
    font-size: 17px;
    line-height: 1.4705882353;
    letter-spacing: .03em;
    margin: 0 0 12px 0
  }
}
.s-products_sec-taste {
  padding-bottom: 114px
}
@media only screen and (max-width: 760px) {
  .s-products_sec-taste {
    padding-bottom: 70px
  }
}
.s-products_sec-taste .s-products_sec-ttl {
  margin-bottom: 25px
}
.s-products_sec-taste .l-slider_count {
  right: 189px
}
@media only screen and (max-width: 760px) {
  .s-products_sec-taste .l-slider_count {
    right: 24px
  }
}
.s-products_sec-taste .slick-arrow.next {
  right: 67px
}
.s-products_sec-taste .slick-arrow.prev {
  right: 124px
}
@media only screen and (max-width: 760px) {
  .s-products_sec-taste .prev, .s-products_sec-taste .next {
    display: none !important
  }
}
.s-products_sec-taste p {
  font-size: 15px;
  line-height: 1.7;
  letter-spacing: .03em;
  margin: 0 .7331378299vw
}
@media print {
  .s-products_sec-taste p {
    font-size: 8.8235294118px !important
  }
}
@media only screen and (max-width: 760px) {
  .s-products_sec-taste p {
    font-size: 12px;
    line-height: 1.5;
    letter-spacing: .03em;
    margin: 0
  }
}
.s-products_sec-taste-block {
  margin-right: 2.2727272727vw
}
@media only screen and (max-width: 760px) {
  .s-products_sec-taste-block {
    margin-right: 5.5555555556vw
  }
}
.s-products_sec-taste-ttl {
  margin: 23px .7331378299vw 8px .7331378299vw;
  font-size: 18px;
  line-height: 1.3333333333;
  letter-spacing: .03em
}
@media print {
  .s-products_sec-taste-ttl {
    font-size: 10.5882352941px !important
  }
}
@media only screen and (max-width: 760px) {
  .s-products_sec-taste-ttl {
    font-size: 15px;
    line-height: 1.4;
    letter-spacing: .03em;
    margin: 17px 0 6px 0
  }
}
.s-products_sec-notices {
  padding: 89px 4.5454545455vw 55px 4.5454545455vw !important;
  margin: 0 6.8181818182vw 119px 2.2727272727vw;
  background: #EAEAEA;
  border-radius: 4.3988269795vw
}
@media only screen and (max-width: 760px) {
  .s-products_sec-notices {
    padding: 48px 4.8309178744vw 25px 5.5555555556vw !important;
    margin: 0 3.6231884058vw 70px 0;
    border-radius: 7.2463768116vw
  }
}
.s-products_sec-notices .s-products_sec-ttl {
  margin-bottom: 5px
}
@media only screen and (max-width: 760px) {
  .s-products_sec-notices .s-products_sec-ttl {
    margin-bottom: 21px
  }
  .s-products_sec-notices .s-products_sec-ttl .en {
    font-size: 30px;
    line-height: 1.1;
    letter-spacing: 0em;
    margin: 3px 0 1px 0
  }
}
.s-products_sec-notices .s-products_sec-sbttl {
  margin-bottom: 36px;
  margin-left: -18px
}
@media only screen and (max-width: 760px) {
  .s-products_sec-notices .s-products_sec-sbttl {
    margin-bottom: 27px;
    margin-left: 0
  }
}
.s-products_sec-notices p {
  font-size: 15px;
  line-height: 1.6;
  letter-spacing: .03em
}
@media print {
  .s-products_sec-notices p {
    font-size: 8.8235294118px !important
  }
}
@media only screen and (max-width: 760px) {
  .s-products_sec-notices p {
    font-size: 13px;
    line-height: 1.5;
    letter-spacing: .03em
  }
}
.s-products_sec-notices-col2 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 35px
}
@media only screen and (max-width: 960px) {
  .s-products_sec-notices-col2 {
    align-items: flex-start
  }
}
@media only screen and (max-width: 760px) {
  .s-products_sec-notices-col2 {
    margin-bottom: 25px
  }
}
.s-products_sec-notices-col2 figure {
  width: 9.0909090909vw;
  margin-right: 2.2727272727vw
}
@media only screen and (max-width: 760px) {
  .s-products_sec-notices-col2 figure {
    width: 19.3236714976vw;
    margin-right: 4.8309178744vw
  }
}
.s-products_sec-srttl {
  width: 100%;
  margin-bottom: 19px;
  font-size: 18px;
  line-height: 1.6;
  letter-spacing: .03em
}
@media print {
  .s-products_sec-srttl {
    font-size: 10.5882352941px !important
  }
}
@media only screen and (max-width: 760px) {
  .s-products_sec-srttl {
    margin-bottom: 16px;
    font-size: 15px;
    line-height: 1.5;
    letter-spacing: .03em
  }
}
.s-products_sec-notices-col2-dtl {
  flex: 1
}
.s-products_sec-notices-col2-ttl {
  font-size: 16px;
  line-height: 1.6;
  letter-spacing: .03em;
  margin-bottom: 8px;
  margin-top: 2px
}
@media print {
  .s-products_sec-notices-col2-ttl {
    font-size: 9.4117647059px !important
  }
}
@media only screen and (max-width: 760px) {
  .s-products_sec-notices-col2-ttl {
    font-size: 14px;
    line-height: 1.6;
    letter-spacing: .03em;
    margin-bottom: 8px;
    margin-top: -5px
  }
}
.s-products_sec-notices-block {
  margin-bottom: 35px
}
@media only screen and (max-width: 760px) {
  .s-products_sec-notices-block {
    margin-bottom: 25px
  }
}
.s-products_sec-mov {
  margin: 0 4.5454545455vw 0 0;
  padding-bottom: 69px
}
@media only screen and (max-width: 760px) {
  .s-products_sec-mov {
    margin: 0 3.6231884058vw 0 0;
    padding-bottom: 40px
  }
}
.s-products_sec-mov .s-products_sec-ttl {
  margin-bottom: 24px
}
@media only screen and (max-width: 760px) {
  .s-products_sec-mov .s-products_sec-ttl {
    margin-bottom: 24px
  }
}
.s-products_sec-mov-wrap {
  position: relative;
  margin: 0 2.2727272727vw 46px 2.2727272727vw
}
@media only screen and (max-width: 760px) {
  .s-products_sec-mov-wrap {
    margin: 0 0 28px 0
  }
}
.s-products_sec-mov-wrap .mov {
  position: relative;
  padding-top: 56.17%;
  border-radius: 2.1994134897vw;
  overflow: hidden
}
@media only screen and (max-width: 760px) {
  .s-products_sec-mov-wrap .mov {
    padding-top: 56.17%;
    border-radius: 4.8309178744vw
  }
}
.s-products_sec-mov-wrap .mov iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0
}
.s-products_sec-mov-wrap figcaption {
  margin: 27px 2.2727272727vw 0 2.2727272727vw;
  font-size: 14px;
  line-height: 1.7;
  letter-spacing: .03em
}
@media print {
  .s-products_sec-mov-wrap figcaption {
    font-size: 8.2352941176px !important
  }
}
@media only screen and (max-width: 760px) {
  .s-products_sec-mov-wrap figcaption {
    margin: 16px 0 0 0;
    font-size: 12px;
    line-height: 1.5;
    letter-spacing: .03em
  }
}
.s-products_sec-links {
  margin: 0 4.5454545455vw 0 0;
  padding-bottom: 90px
}
@media only screen and (max-width: 760px) {
  .s-products_sec-links {
    margin-right: 3.6231884058vw;
    padding-bottom: 40px
  }
}
@media only screen and (max-width: 760px) {
  .s-products_sec-links .s-products_sec-ttl {
    margin-bottom: 24px
  }
}
.s-products_sec-links-btngroup {
  margin-left: 25.8797653959vw;
  margin-top: -23px
}
@media only screen and (max-width: 760px) {
  .s-products_sec-links-btngroup {
    margin-left: 0;
    margin-top: 0
  }
}
.s-products_sec-links-btn-primary, .s-products_sec-links-btn-secondary {
  margin-bottom: 15px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between
}
@media only screen and (max-width: 760px) {
  .s-products_sec-links-btn-primary, .s-products_sec-links-btn-secondary {
    margin-bottom: 20px
  }
}
.s-products_sec-links-btn-primary-full, .s-products_sec-links-btn-primary-col2, .s-products_sec-links-btn-secondary-full, .s-products_sec-links-btn-secondary-col2 {
  margin-bottom: 14px
}
@media only screen and (max-width: 760px) {
  .s-products_sec-links-btn-primary-full, .s-products_sec-links-btn-primary-col2, .s-products_sec-links-btn-secondary-full, .s-products_sec-links-btn-secondary-col2 {
    margin-bottom: 10px
  }
}
.s-products_sec-links-btn-primary-full a, .s-products_sec-links-btn-primary-col2 a, .s-products_sec-links-btn-secondary-full a, .s-products_sec-links-btn-secondary-col2 a {
  display: block;
  padding: 19px 1.6862170088vw 17px 1.6862170088vw;
  border-radius: 1.1730205279vw;
  transition: opacity .3s
}
@media only screen and (max-width: 760px) {
  .s-products_sec-links-btn-primary-full a, .s-products_sec-links-btn-primary-col2 a, .s-products_sec-links-btn-secondary-full a, .s-products_sec-links-btn-secondary-col2 a {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    min-height: 54px;
    padding: 15px 5.5555555556vw;
    border-radius: 14px
  }
}
.s-products_sec-links-btn-primary-full a:hover, .s-products_sec-links-btn-primary-col2 a:hover, .s-products_sec-links-btn-secondary-full a:hover, .s-products_sec-links-btn-secondary-col2 a:hover {
  opacity: .8
}
.s-products_sec-links-btn-primary-full a[target="_blank"] .text, .s-products_sec-links-btn-primary-col2 a[target="_blank"] .text, .s-products_sec-links-btn-secondary-full a[target="_blank"] .text, .s-products_sec-links-btn-secondary-col2 a[target="_blank"] .text {
  display: inline-block;
  position: relative
}
.s-products_sec-links-btn-primary-full a[target="_blank"] .text:after, .s-products_sec-links-btn-primary-col2 a[target="_blank"] .text:after, .s-products_sec-links-btn-secondary-full a[target="_blank"] .text:after, .s-products_sec-links-btn-secondary-col2 a[target="_blank"] .text:after {
  content: "";
  display: inline-block;
  width: 13px;
  height: 1px;
  margin-left: -13px;
  vertical-align: -1px;
  background-color: #40b44b
}
.s-products_sec-links-btn-primary-full a[target="_blank"] .text .c_arrow-single, .s-products_sec-links-btn-primary-col2 a[target="_blank"] .text .c_arrow-single, .s-products_sec-links-btn-secondary-full a[target="_blank"] .text .c_arrow-single, .s-products_sec-links-btn-secondary-col2 a[target="_blank"] .text .c_arrow-single {
  display: inline-block;
  position: relative;
  vertical-align: 3px;
  margin-left: 12px
}
.s-products_sec-links-btn-primary-full.mod-pdf a .text:after, .s-products_sec-links-btn-primary-col2.mod-pdf a .text:after, .s-products_sec-links-btn-secondary-full.mod-pdf a .text:after, .s-products_sec-links-btn-secondary-col2.mod-pdf a .text:after {
  content: "";
  display: inline-block;
  background-color: transparent !important;
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 100% 100%;
  width: 29px;
  height: 16px;
  margin-left: 11px;
  vertical-align: -3px
}
.s-products_sec-links-btn-primary-full.mod-pdf a .text .c_arrow-single, .s-products_sec-links-btn-primary-col2.mod-pdf a .text .c_arrow-single, .s-products_sec-links-btn-secondary-full.mod-pdf a .text .c_arrow-single, .s-products_sec-links-btn-secondary-col2.mod-pdf a .text .c_arrow-single {
  display: none
}
.s-products_sec-links-btn-primary-full.mod-pdf a .text:after, .s-products_sec-links-btn-primary-col2.mod-pdf a .text:after {
  background-image: url(/asset/img/icon_pdf_hi.svg)
}
.s-products_sec-links-btn-secondary-full.mod-pdf a .text:after, .s-products_sec-links-btn-secondary-col2.mod-pdf a .text:after {
  background-image: url(/asset/img/icon_pdf_low.svg)
}
.s-products_sec-links-btn-primary-full, .s-products_sec-links-btn-secondary-full {
  width: 100%;
  font-size: calc((1364px - (1364px - var(--font-device-width-unit)) / 4) / 1364 * 16);
  line-height: 1.6;
  letter-spacing: .03em;
  text-align: center
}
@media print {
  .s-products_sec-links-btn-primary-full, .s-products_sec-links-btn-secondary-full {
    font-size: 9.4117647059px !important
  }
}
@media only screen and (max-width: 760px) {
  .s-products_sec-links-btn-primary-full, .s-products_sec-links-btn-secondary-full {
    font-size: 15px;
    line-height: 1.4;
    letter-spacing: .03em
  }
}
.s-products_sec-links-btn-primary-col2, .s-products_sec-links-btn-secondary-col2 {
  font-size: calc((1364px - (1364px - var(--font-device-width-unit)) / 4) / 1364 * 15);
  line-height: 1.4;
  letter-spacing: .03em
}
@media print {
  .s-products_sec-links-btn-primary-col2, .s-products_sec-links-btn-secondary-col2 {
    font-size: 8.8235294118px !important
  }
}
@media only screen and (max-width: 760px) {
  .s-products_sec-links-btn-primary-col2, .s-products_sec-links-btn-secondary-col2 {
    font-size: 14px;
    line-height: 1.3;
    letter-spacing: .03em
  }
}
.s-products_sec-links-btn-primary-full a, .s-products_sec-links-btn-primary-col2 a {
  background-color: #40b44b;
  color: #fff
}
.s-products_sec-links-btn-primary-full a[target="_blank"] .text:after, .s-products_sec-links-btn-primary-col2 a[target="_blank"] .text:after {
  background-color: #fff
}
.s-products_sec-links-btn-secondary-full a, .s-products_sec-links-btn-secondary-col2 a {
  border: 1px solid #40b44b;
  color: #40b44b
}
.s-products_sec-links-btn-primary-col2, .s-products_sec-links-btn-secondary-col2 {
  width: 48.02%
}
@media only screen and (max-width: 760px) {
  .s-products_sec-links-btn-primary-col2, .s-products_sec-links-btn-secondary-col2 {
    width: 48.93%
  }
}
.s-products_sec-links-btn-primary-col2 a, .s-products_sec-links-btn-secondary-col2 a {
  padding: 18px 2.1994134897vw 18px 2.1994134897vw
}
@media only screen and (max-width: 760px) {
  .s-products_sec-links-btn-primary-col2 a, .s-products_sec-links-btn-secondary-col2 a {
    justify-content: flex-start;
    padding: 11px 4.8309178744vw
  }
}
.s-products_sec-links-btn-primary-col2 a .text, .s-products_sec-links-btn-secondary-col2 a .text {
  display: table;
  margin: 0 auto
}
.s-products_sec-refill {
  margin: 0 4.5454545455vw 0 0;
  padding-bottom: 117px
}
@media only screen and (max-width: 760px) {
  .s-products_sec-refill {
    margin-right: 3.6231884058vw;
    padding-bottom: 16.9082125604vw
  }
}
.s-products_sec-refill .s-products_sec-ttl {
  margin-bottom: 21px
}
@media only screen and (max-width: 760px) {
  .s-products_sec-refill .s-products_sec-ttl {
    margin-bottom: 24px
  }
}
.s-products_sec-refill .s-products_sec-int-group-btn {
  top: 3px
}
@media only screen and (max-width: 760px) {
  .s-products_sec-refill .s-products_sec-int-group-btn {
    top: 6px;
    right: -8px
  }
}
.s-products_sec-refill .s-products_sec-sbttl {
  font-size: 22px;
  line-height: 1.1818181818;
  letter-spacing: .03em;
  margin-bottom: 28px;
  margin-left: -18px
}
@media print {
  .s-products_sec-refill .s-products_sec-sbttl {
    font-size: 12.9411764706px !important
  }
}
@media only screen and (max-width: 760px) {
  .s-products_sec-refill .s-products_sec-sbttl {
    display: none
  }
}
.s-products_sec-refill .s-products_sec-sbttl:before {
  top: .5em
}
.s-products_sec-refill .s-products_sec-int-group-col {
  padding: 15px 10px 0 0
}
@media only screen and (max-width: 760px) {
  .s-products_sec-refill .s-products_sec-int-group-col {
    padding: 18px 10px 0 0
  }
}
.s-products_sec-refill .s-products_sec-int-group-ttl {
  margin-bottom: 6px
}
@media only screen and (max-width: 760px) {
  .s-products_sec-refill .s-products_sec-int-group-ttl {
    margin-bottom: 3px
  }
}
.s-products_sec-refill .s-products_sec-int-group p {
  margin-bottom: 14px
}
@media only screen and (max-width: 760px) {
  .s-products_sec-refill .s-products_sec-int-group p {
    margin-bottom: 12px
  }
}
.s-products_sec-refill-table {
  width: 100%;
  padding-bottom: 24px
}
@media only screen and (max-width: 760px) {
  .s-products_sec-refill-table {
    padding-bottom: 23px
  }
}
.s-products_sec-refill-table table {
  width: 100%;
  padding-bottom: 14px
}
@media only screen and (max-width: 760px) {
  .s-products_sec-refill-table table {
    padding-bottom: 12px
  }
}
.s-products_sec-refill-table table tr th {
  font-size: 13px;
  line-height: 1.2307692308;
  letter-spacing: .03em;
  padding-bottom: 6px
}
@media print {
  .s-products_sec-refill-table table tr th {
    font-size: 7.6470588235px !important
  }
}
@media only screen and (max-width: 760px) {
  .s-products_sec-refill-table table tr th {
    font-size: 11px;
    line-height: 1.2727272727;
    letter-spacing: .03em;
    padding-bottom: 3px
  }
}
.s-products_sec-refill-table table tr th:nth-of-type(1) {
  width: 46.66%
}
@media only screen and (max-width: 760px) {
  .s-products_sec-refill-table table tr th:nth-of-type(1) {
    width: 50%
  }
}
.s-products_sec-refill-inr {
  display: flex;
  flex-wrap: wrap
}
@media only screen and (max-width: 760px) {
  .s-products_sec-refill-inr {
    display: block
  }
}
.s-products_sec-refill-figure {
  width: 31.8181818182vw;
  margin-right: 4.6920821114vw;
  display: flex;
  flex-wrap: wrap;
  align-self: flex-start;
  justify-content: space-between
}
@media only screen and (max-width: 760px) {
  .s-products_sec-refill-figure {
    width: 100%;
    margin: 0 0 30px 0
  }
}
.s-products_sec-refill-figure figure {
  width: 47.92%
}
@media only screen and (max-width: 760px) {
  .s-products_sec-refill-figure figure {
    width: 47.87%
  }
}
.s-products_sec-refill-figure figure .fig {
  background-color: #EAEAEA;
  border-radius: 1.4662756598vw;
  overflow: hidden;
  margin-bottom: 14px
}
@media only screen and (max-width: 760px) {
  .s-products_sec-refill-figure figure .fig {
    border-radius: 3.3816425121vw;
    margin-bottom: 10px
  }
}
.s-products_sec-refill-figure figure figcaption {
  margin: 14px .7331378299vw 0 .7331378299vw;
  font-size: 12px;
  line-height: 1.1666666667;
  letter-spacing: .03em
}
@media print {
  .s-products_sec-refill-figure figure figcaption {
    font-size: 7.0588235294px !important
  }
}
@media only screen and (max-width: 760px) {
  .s-products_sec-refill-figure figure figcaption {
    margin: 10px 0 0 0;
    font-size: 11px;
    line-height: 1.1818181818;
    letter-spacing: .03em
  }
}
.s-products_sec-refill-figure figure.large {
  width: 100%;
  margin-right: 0;
  margin-bottom: 18px
}
@media only screen and (max-width: 760px) {
  .s-products_sec-refill-figure figure.large {
    margin-bottom: 15px
  }
}
.s-products_sec-refill-figure figure.large .fig {
  border-radius: 2.1994134897vw;
  margin-bottom: 0
}
@media only screen and (max-width: 760px) {
  .s-products_sec-refill-figure figure.large .fig {
    border-radius: 4.8309178744vw
  }
}
.s-products_sec-refill-dtl {
  flex: 1;
  border-top: 1px solid #DDDDDD;
  margin-top: -1px
}
.s-products_sec-refill-dtl .s-products_sec-int-group-more {
  background: #F6F6F6;
  padding-top: 20px
}
.s-products_sec-refill-dtl .s-products_sec-int-group-more:before {
  display: none
}
.s-products_sec-faq {
  margin: 0 4.5454545455vw 0 0;
  padding-bottom: 120px
}
@media only screen and (max-width: 760px) {
  .s-products_sec-faq {
    margin-right: 3.6231884058vw;
    padding-bottom: 70px
  }
}
.s-products_sec-faq .s-products_sec-ttl {
  margin-bottom: 23px
}
.s-products_sec-faq .s-products_sec-sbttl {
  font-size: 22px;
  line-height: 1.1818181818;
  letter-spacing: .03em;
  margin: 0 0 16px -1.3196480938vw
}
@media print {
  .s-products_sec-faq .s-products_sec-sbttl {
    font-size: 12.9411764706px !important
  }
}
@media only screen and (max-width: 760px) {
  .s-products_sec-faq .s-products_sec-sbttl {
    font-size: 15px;
    line-height: 1.4;
    letter-spacing: .03em;
    margin: 0 0 13px -11px
  }
}
.s-products_sec-faq .s-products_sec-sbttl:before {
  top: .5em
}
.s-products_sec-faq p {
  font-size: 14px;
  line-height: 1.4;
  letter-spacing: .03em
}
@media print {
  .s-products_sec-faq p {
    font-size: 8.2352941176px !important
  }
}
@media only screen and (max-width: 760px) {
  .s-products_sec-faq p {
    font-size: 13px;
    line-height: 1.4;
    letter-spacing: .03em
  }
}
.s-products_sec-faq-wrap {
  border-bottom: 1px solid #DDDDDD
}
.s-products_sec-faq-wrap:nth-of-type(1) {
  border-top: 1px solid #DDDDDD
}
.s-products_sec-faq-wrap .c_arrow-single {
  top: 50px;
  right: 11px
}
@media only screen and (max-width: 760px) {
  .s-products_sec-faq-wrap .c_arrow-single {
    top: 24px;
    right: 1px
  }
}
.s-products_sec-faq-wrap a {
  display: block;
  position: relative;
  padding: 44px 9.0909090909vw 41px 18px;
  transition: opacity .3s
}
@media only screen and (max-width: 760px) {
  .s-products_sec-faq-wrap a {
    padding: 18px 7.4879227053vw 16px 11px
  }
}
.s-products_sec-faq-wrap a:hover {
  opacity: .8
}
.s-products_sec-free {
  margin: 0 6.8181818182vw 0 2.2727272727vw;
  padding-bottom: 120px
}
@media only screen and (max-width: 760px) {
  .s-products_sec-free {
    margin: 0 9.1787439614vw 0 5.5555555556vw;
    padding-bottom: 66px
  }
}
.s-products_sec-free *:last-child {
  margin-bottom: 0
}
.s-products_sec-free .s-products_sec-ttl {
  margin-bottom: 23px;
  margin-left: -2.2727272727vw
}
@media only screen and (max-width: 760px) {
  .s-products_sec-free .s-products_sec-ttl {
    margin-bottom: 21px;
    margin-left: -5.5555555556vw
  }
}
.s-products_sec-free .s-products_sec-ttl .en {
  font-size: 50px;
  line-height: 1.1;
  letter-spacing: 0em
}
@media print {
  .s-products_sec-free .s-products_sec-ttl .en {
    font-size: 29.4117647059px !important
  }
}
@media only screen and (max-width: 760px) {
  .s-products_sec-free .s-products_sec-ttl .en {
    font-size: 36px;
    line-height: 1.1;
    letter-spacing: 0em
  }
}
.s-products_sec-free a {
  text-decoration: underline;
  transition: opacity .3s
}
.s-products_sec-free a:hover {
  opacity: .8
}
.s-products_sec-free h3 {
  font-size: 24px;
  line-height: 1.6;
  letter-spacing: .03em;
  position: relative;
  padding-left: 18px;
  margin-bottom: 31px;
  margin-left: -18px;
  font-weight: 700
}
@media print {
  .s-products_sec-free h3 {
    font-size: 14.1176470588px !important
  }
}
@media only screen and (max-width: 760px) {
  .s-products_sec-free h3 {
    margin-bottom: 24px;
    font-size: 17px;
    line-height: 1.5;
    letter-spacing: .03em
  }
}
.s-products_sec-free h3:before {
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #40b44b;
  position: absolute;
  top: .6em;
  left: 0
}
.s-products_sec-free h4 {
  font-size: 18px;
  line-height: 1.6;
  letter-spacing: .03em;
  margin-bottom: 17px;
  font-weight: 700
}
@media print {
  .s-products_sec-free h4 {
    font-size: 10.5882352941px !important
  }
}
@media only screen and (max-width: 760px) {
  .s-products_sec-free h4 {
    font-size: 15px;
    line-height: 1.5;
    letter-spacing: .03em;
    margin-bottom: 13px
  }
}
.s-products_sec-free p {
  margin-bottom: 33px;
  font-size: 15px;
  line-height: 1.7;
  letter-spacing: .03em
}
@media print {
  .s-products_sec-free p {
    font-size: 8.8235294118px !important
  }
}
@media only screen and (max-width: 760px) {
  .s-products_sec-free p {
    font-size: 14px;
    line-height: 1.6;
    letter-spacing: .03em;
    margin-bottom: 20px
  }
}
.s-products_sec-free ul {
  margin-bottom: 30px;
  margin-left: 8px;
  font-weight: 400;
  font-size: 15px;
  line-height: 1.7;
  letter-spacing: .03em
}
@media print {
  .s-products_sec-free ul {
    font-size: 8.8235294118px !important
  }
}
@media only screen and (max-width: 760px) {
  .s-products_sec-free ul {
    margin-bottom: 21px;
    font-size: 14px;
    line-height: 1.6;
    letter-spacing: .03em
  }
}
.s-products_sec-free ul li {
  position: relative;
  padding-left: 1em;
  margin-bottom: 8px
}
.s-products_sec-free ul li:before {
  content: "・";
  position: absolute;
  top: 0;
  left: 0;
  width: 1em;
  height: 1em
}
.s-products_sec-free ol {
  margin-bottom: 40px;
  margin-left: 8px;
  font-weight: 400;
  font-size: 15px;
  line-height: 1.7;
  letter-spacing: .03em;
  counter-reset: olnum
}
@media print {
  .s-products_sec-free ol {
    font-size: 8.8235294118px !important
  }
}
@media only screen and (max-width: 760px) {
  .s-products_sec-free ol {
    margin-bottom: 30px;
    font-size: 14px;
    line-height: 1.6;
    letter-spacing: .03em
  }
}
.s-products_sec-free ol li {
  position: relative;
  padding-left: 1em;
  margin-bottom: 8px
}
.s-products_sec-free ol li:before {
  content: counter(olnum) ".";
  counter-increment: olnum;
  position: absolute;
  top: 0;
  left: 0;
  width: 1.6em;
  height: 1em
}
.s-products_sec-free .s-products_sec-att {
  margin: -9px 0 0 0
}
.s-products_sec-type3 {
  margin: 0 -4.5454545455vw 0 4.5454545455vw;
  padding-bottom: 114px;
  overflow: hidden
}
@media only screen and (max-width: 760px) {
  .s-products_sec-type3 {
    margin: 0 -5.5555555556vw 0 0;
    padding-bottom: 63px
  }
}
.s-products_sec-type3 .s-products_sec-ttl {
  margin-bottom: 24px
}
.s-products_sec-type3-slider-wrap {
  position: relative
}
.s-products_sec-type3-slider-wrap .l-slider-col3 .slick-track {
  margin-left: 0;
  margin-right: 0
}
.s-products_sec-type3-slider-wrap .l-slider-col3-block {
  margin-right: 3.0058651026vw;
  font-size: calc((1364px - (1364px - var(--font-device-width-unit)) / 4) / 1364 * 18);
  line-height: 1.3;
  letter-spacing: .03em;
  position: relative
}
@media print {
  .s-products_sec-type3-slider-wrap .l-slider-col3-block {
    font-size: 10.5882352941px !important
  }
}
@media only screen and (max-width: 760px) {
  .s-products_sec-type3-slider-wrap .l-slider-col3-block {
    margin-right: 3.8647342995vw;
    font-size: 16px;
    line-height: 1.3;
    letter-spacing: .03em
  }
}
.s-products_sec-type3-slider-wrap .l-slider-col3-block .fig {
  display: block;
  margin-bottom: 13px;
  background-color: #F6F6F6;
  border-radius: 2.1994134897vw;
  overflow: hidden
}
@media only screen and (max-width: 760px) {
  .s-products_sec-type3-slider-wrap .l-slider-col3-block .fig {
    border-radius: 5.7971014493vw
  }
}
.s-products_sec-type3-slider-wrap .l-slider-col3-block .fig img {
  transition: transform .6s;
  aspect-ratio: 1;
  will-change: transform
}
.s-products_sec-type3-slider-wrap .l-slider-col3-block .text {
  display: block;
  margin: 0 .7331378299vw;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-family: paralucent, sans-serif;
  font-weight: 700
}
@media only screen and (max-width: 760px) {
  .s-products_sec-type3-slider-wrap .l-slider-col3-block .text {
    margin: 0
  }
}
.s-products_sec-type3-slider-wrap .l-slider-col3-block .label {
  display: block;
  width: 50px;
  height: 31px;
  padding-top: 2px;
  position: absolute;
  top: .6598240469vw;
  right: .7331378299vw;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  background-color: #40b44b;
  border-radius: 50%;
  color: #fff;
  z-index: 2
}
.s-products_sec-type3-slider-wrap .l-slider-col3-block .label img {
  width: 38px
}
.s-products_sec-type3-slider-wrap .l-slider-col3-block .label--new img {
  width: 26px
}
@media only screen and (max-width: 760px) {
  .s-products_sec-type3-slider-wrap .l-slider-col3-block .label--new img {
    width: 22px !important
  }
}
@media only screen and (max-width: 760px) {
  .s-products_sec-type3-slider-wrap .l-slider-col3-block .label {
    width: 9.1787439614vw;
    height: 5.3140096618vw;
    max-width: 50px;
    max-height: 33px;
    top: 1.690821256vw;
    right: 1.690821256vw
  }
  .s-products_sec-type3-slider-wrap .l-slider-col3-block .label img {
    width: 30px
  }
}
.s-products_sec-type3-slider-wrap .l-slider-col3-block a {
  display: block
}
.s-products_sec-type3-slider-wrap .l-slider-col3-block a:hover .fig img {
  transform: scale(1.1)
}
.s-products_sec-fansvoice {
  margin: 0 -4.5454545455vw 0 4.5454545455vw;
  padding-bottom: 120px
}
@media only screen and (max-width: 760px) {
  .s-products_sec-fansvoice {
    margin: 0 -5.5555555556vw;
    padding-bottom: 40px
  }
}
@media only screen and (max-width: 760px) {
  .s-products_sec-fansvoice .c_contents-fansvoice-lists {
    margin-right: 0
  }
}
.s-products_sec-fansvoice .c_contents-fansvoice-list:nth-last-child(-n+3) {
  display: none
}
@media only screen and (max-width: 760px) {
  .s-products_sec-fansvoice .c_contents-fansvoice-list:nth-last-child(-n+3) {
    display: block
  }
}
.s-products_sec-media {
  margin: 3px 4.5454545455vw 0 0;
  padding-bottom: 99px
}
@media only screen and (max-width: 760px) {
  .s-products_sec-media {
    margin-right: 4.1062801932vw;
    padding-bottom: 26px
  }
}
.s-products_sec-media .s-products_sec-ttl {
  margin-bottom: 23px
}
@media only screen and (max-width: 760px) {
  .s-products_sec-media .s-products_sec-ttl {
    margin-right: 0;
    margin-bottom: 24px
  }
}
.s-products_sec-media-block {
  font-size: calc((1364px - (1364px - var(--font-device-width-unit)) / 2) / 1364 * 22);
  line-height: 1.5;
  letter-spacing: .03em;
  margin-bottom: 20px
}
@media print {
  .s-products_sec-media-block {
    font-size: 12.9411764706px !important
  }
}
@media only screen and (max-width: 760px) {
  .s-products_sec-media-block {
    font-size: 15px;
    line-height: 1.4;
    letter-spacing: .03em;
    margin-bottom: 30px
  }
}
.s-products_sec-media-block figure {
  position: relative;
  width: 20.4545454545vw;
  margin-right: 4.5454545455vw;
  border-radius: 1.7595307918vw;
  overflow: hidden;
  z-index: 1
}
@media only screen and (max-width: 760px) {
  .s-products_sec-media-block figure {
    width: 33.3333333333vw;
    margin-right: 5.5555555556vw;
    border-radius: 3.3816425121vw
  }
}
.s-products_sec-media-block a {
  display: flex;
  flex-wrap: wrap
}
@media only screen and (max-width: 760px) {
  .s-products_sec-media-block a {
    align-items: flex-start
  }
}
.s-products_sec-media-block a img {
  transition: transform .6s;
  aspect-ratio: 1.5;
  will-change: transform
}
.s-products_sec-media-block a:hover img {
  transform: scale(1.1)
}
.s-products_sec-media-dtl {
  flex: 1
}
.s-products_sec-media-cat {
  display: inline-block;
  margin-right: 9px;
  font-size: 11px;
  line-height: 1;
  letter-spacing: .03em;
  padding: 3px 10px;
  border: 2px solid #ddd;
  color: #888;
  border-radius: 12px;
  font-weight: 500 !important
}
@media print {
  .s-products_sec-media-cat {
    font-size: 6.4705882353px !important
  }
}
@media only screen and (max-width: 760px) {
  .s-products_sec-media-cat {
    display: table;
    margin-right: 0;
    font-size: 10px;
    line-height: 1;
    letter-spacing: .03em;
    border-radius: 10px
  }
}
.s-products_sec-media-time {
  display: inline-block;
  font-size: 12px;
  line-height: 1;
  letter-spacing: 0em;
  color: #888
}
@media print {
  .s-products_sec-media-time {
    font-size: 7.0588235294px !important
  }
}
@media only screen and (max-width: 760px) {
  .s-products_sec-media-time {
    font-size: 12px;
    line-height: 1;
    letter-spacing: 0em
  }
}
@media only screen and (max-width: 760px) {
  .s-products_sec-media-time--onlypc {
    display: none
  }
}
.s-products_sec-media-time--onlysp {
  display: none
}
@media only screen and (max-width: 760px) {
  .s-products_sec-media-time--onlysp {
    display: block
  }
}
.s-products_sec-media-ttl {
  margin-top: 8px
}
@media only screen and (max-width: 760px) {
  .s-products_sec-media-ttl {
    margin: 10px 0 9px 0
  }
}
.s-products_sec-related {
  margin: 0 4.5454545455vw 0 0;
  padding-bottom: 53px
}
@media only screen and (max-width: 760px) {
  .s-products_sec-related {
    margin-right: 5.5555555556vw;
    padding-bottom: 9px
  }
}
.s-products_sec-related .s-products_sec-ttl {
  margin-bottom: 22px
}
@media only screen and (max-width: 760px) {
  .s-products_sec-related .s-products_sec-ttl {
    margin-right: 0;
    margin-bottom: 25px
  }
}
.s-products_sec-related a {
  display: block
}
@media only screen and (max-width: 760px) {
  .s-products_sec-related a {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start
  }
}
.s-products_sec-related a:hover img {
  transform: scale(1.1)
}
.s-products_sec-related a:hover .c_new img {
  transform: scale(1)
}
.s-products_sec-related-articles {
  display: flex;
  flex-wrap: wrap
}
@media only screen and (max-width: 760px) {
  .s-products_sec-related-articles {
    display: block
  }
}
.s-products_sec-related-article {
  width: 29.03%;
  margin-right: 6.455%;
  position: relative
}
@media only screen and (max-width: 760px) {
  .s-products_sec-related-article {
    width: auto;
    margin-bottom: 30px;
    margin-right: 0
  }
}
.s-products_sec-related-article:nth-of-type(3n) {
  margin-right: 0
}
.s-products_sec-related-article-fig {
  position: relative;
  border-radius: 2.1994134897vw;
  margin-bottom: 20px;
  overflow: hidden;
  z-index: 1
}
@media only screen and (max-width: 760px) {
  .s-products_sec-related-article-fig {
    width: 33.3333333333vw;
    border-radius: 3.3816425121vw;
    margin: 0 3.1400966184vw 0 0
  }
}
.s-products_sec-related-article-fig img {
  transition: transform .6s;
  aspect-ratio: 1.3317073171;
  will-change: transform
}
.s-products_sec-related-article-dtl {
  margin: 0 .7331378299vw
}
@media only screen and (max-width: 760px) {
  .s-products_sec-related-article-dtl {
    flex: 1
  }
}
@media only screen and (max-width: 760px) {
  .s-products_sec-related-article-dtl .c_new {
    width: 8.6956521739vw;
    height: 5.3140096618vw;
    top: 18.115942029vw;
    left: 1.4492753623vw
  }
}
.s-products_sec-related-article-cat {
  display: table;
  color: #888888;
  margin-bottom: 9px;
  padding: 2px 9px;
  font-size: 11px;
  line-height: 1.2;
  letter-spacing: .03em;
  border: 2px solid #DDDDDD;
  border-radius: 11px;
  font-weight: 500 !important
}
@media print {
  .s-products_sec-related-article-cat {
    font-size: 6.4705882353px !important
  }
}
@media only screen and (max-width: 760px) {
  .s-products_sec-related-article-cat {
    font-size: 10px;
    line-height: 1.2;
    letter-spacing: .03em
  }
}
.s-products_sec-related-article-text {
  font-size: calc((1364px - (1364px - var(--font-device-width-unit)) / 2) / 1364 * 20);
  line-height: 1.3;
  letter-spacing: .03em;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  font-family: paralucent, sans-serif;
  font-weight: 700
}
@media print {
  .s-products_sec-related-article-text {
    font-size: 11.7647058824px !important
  }
}
@media only screen and (max-width: 760px) {
  .s-products_sec-related-article-text {
    font-size: 16px;
    line-height: 1.4;
    letter-spacing: .03em
  }
}
.s-products_sec-related-article-time {
  color: #888888;
  font-size: 12px;
  line-height: 1;
  letter-spacing: 0em;
  margin-top: 11px
}
@media print {
  .s-products_sec-related-article-time {
    font-size: 7.0588235294px !important
  }
}
@media only screen and (max-width: 760px) {
  .s-products_sec-related-article-time {
    font-size: 12px;
    line-height: 1;
    letter-spacing: .03em;
    margin-top: 5px
  }
}
.s-products_sec-bnarea {
  margin: 0 4.5454545455vw 0 0
}
@media only screen and (max-width: 760px) {
  .s-products_sec-bnarea {
    margin-right: 3.6231884058vw
  }
}
.s-products_sec-bnarea > ul > li {
  margin-bottom: 10px
}
.s-products_sec-bnarea > ul > li:last-child {
  margin-bottom: 0
}
.s-products_sec-bnarea > ul > li > a {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  background-color: #EAEAEA;
  padding: 3.0791788856vw 3.2258064516vw 3.0791788856vw 4.5454545455vw;
  border-radius: 2.1994134897vw
}
@media only screen and (max-width: 760px) {
  .s-products_sec-bnarea > ul > li > a {
    display: block;
    padding: 4.8309178744vw;
    border-radius: 3.3816425121vw
  }
}
.s-products_sec-bnarea > ul > li .bn {
  flex: 1
}
.s-products_sec-bnarea > ul > li .btn {
  width: 141px;
  height: 44px;
  margin-left: 3.2258064516vw;
  position: relative
}
@media only screen and (max-width: 760px) {
  .s-products_sec-bnarea > ul > li .btn {
    display: none
  }
}
.s-products_sec-bnarea .bn-col2 ul, .s-products_sec-bnarea .bn-col3 ul {
  border-radius: 2.1994134897vw;
  background-color: #EAEAEA;
  display: flex;
  flex-wrap: wrap;
  padding: 2.9325513196vw 4.5454545455vw 2.9325513196vw 4.5454545455vw
}
@media only screen and (max-width: 760px) {
  .s-products_sec-bnarea .bn-col2 ul, .s-products_sec-bnarea .bn-col3 ul {
    padding: 4.8309178744vw;
    border-radius: 3.3816425121vw
  }
}
.s-products_sec-bnarea .bn-col2 ul a, .s-products_sec-bnarea .bn-col3 ul a {
  display: block;
  transition: .3s opacity
}
.s-products_sec-bnarea .bn-col2 ul a:hover, .s-products_sec-bnarea .bn-col3 ul a:hover {
  opacity: .8
}
.s-products_sec-bnarea .bn-col3 ul li {
  width: 32.97%;
  margin: 0 0.545% .366568915vw 0
}
.s-products_sec-bnarea .bn-col3 ul li:nth-of-type(3n) {
  margin-right: 0
}
.s-products_sec-bnarea .bn-col2 ul li {
  width: 49.46%;
  margin: 0 1.08% .7331378299vw 0
}
.s-products_sec-bnarea .bn-col2 ul li:nth-of-type(2n) {
  margin-right: 0
}
@media only screen and (max-width: 760px) {
  .s-products_bottom {
    padding-bottom: 59px !important
  }
}
@media only screen and (max-width: 760px) {
  .s-products_list .l-contents--gray-static {
    padding-bottom: 40px
  }
}
.s-products_list-new {
  margin: 0 -4.5454545455vw 115px 4.5454545455vw;
  overflow: hidden
}
@media only screen and (max-width: 760px) {
  .s-products_list-new {
    margin: 0 -5.5555555556vw 67px 0vw
  }
}
.s-products_list-new .s-products_sec-ttl {
  margin-bottom: 14px
}
@media only screen and (max-width: 760px) {
  .s-products_list-new .s-products_sec-ttl {
    margin-bottom: 23px
  }
}
.s-products_list-new .s-products_sec-ttl .num {
  margin-bottom: 1px
}
.s-products_list-new-slider-wrap {
  position: relative;
  transition: transform 1.2s cubic-bezier(0.09, 0.46, 0.32, 1), opacity 0.4s;
  transform: translate3d(50%, 0, 0);
  opacity: 0
}
.s-products_list-new-slider-wrap.js-scrollaction-active {
  transform: translate3d(0, 0, 0);
  opacity: 1
}
.s-products_list-new-slider-wrap .slick-arrow {
  top: -75px
}
.s-products_list-new-slider-wrap .l-slider_count {
  top: -64px
}
@media only screen and (max-width: 760px) {
  .s-products_list-new-slider-wrap .l-slider_count {
    top: -42px
  }
}
.s-products_list-new-slider-block {
  margin-right: 2.2727272727vw
}
@media only screen and (max-width: 760px) {
  .s-products_list-new-slider-block {
    margin-right: 3.8647342995vw
  }
}
.s-products_list-new-slider-block a {
  display: block
}
.s-products_list-new-slider-block a:hover img {
  transform: scale(1.1)
}
.s-products_list-new-slider-block a:hover .c_new img {
  transform: scale(1)
}
.s-products_list-new-slider-block a:hover .c_limited img {
  transform: scale(1)
}
.s-products_list-new-slider-block .fig {
  display: block;
  margin-bottom: 14px;
  border-radius: 1.7595307918vw;
  background-color: #F6F6F6;
  overflow: hidden;
  position: relative
}
@media only screen and (max-width: 760px) {
  .s-products_list-new-slider-block .fig {
    border-radius: 5.7971014493vw
  }
}
.s-products_list-new-slider-block .fig img {
  transition: transform .6s;
  aspect-ratio: 1;
  will-change: transform
}
.s-products_list-new-slider-block .cat {
  display: table;
  margin-bottom: 8px;
  padding: 4px 11px;
  color: #888;
  font-size: 11px;
  line-height: 1;
  letter-spacing: .03em;
  border: 2px solid #DDDDDD;
  border-radius: 11px
}
@media print {
  .s-products_list-new-slider-block .cat {
    font-size: 6.4705882353px !important
  }
}
@media only screen and (max-width: 760px) {
  .s-products_list-new-slider-block .cat {
    font-size: 10px;
    line-height: 1;
    letter-spacing: .03em;
    padding: 3px 11px;
    border-radius: 10px
  }
}
.s-products_list-new-slider-block .text {
  display: block;
  font-size: calc((1364px - (1364px - var(--font-device-width-unit)) / 3) / 1364 * 18);
  line-height: 1.3;
  letter-spacing: .03em;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-family: paralucent, sans-serif;
  font-weight: 700
}
@media print {
  .s-products_list-new-slider-block .text {
    font-size: 10.5882352941px !important
  }
}
@media only screen and (max-width: 760px) {
  .s-products_list-new-slider-block .text {
    font-size: 16px;
    line-height: 1.3;
    letter-spacing: .03em
  }
}
.s-products_list-new-slider-block .c_new {
  top: .8797653959vw;
  left: auto;
  right: .8797653959vw
}
@media only screen and (max-width: 760px) {
  .s-products_list-new-slider-block .c_new {
    width: 8.4541062802vw;
    height: 5.5555555556vw;
    top: 2.4154589372vw;
    right: 2.4154589372vw
  }
}
@media only screen and (max-width: 760px) {
  .s-products_list-new-slider-block .c_new img {
    width: 4.8309178744vw
  }
}
.s-products_list-new-slider-block .c_limited {
  top: .8797653959vw;
  left: auto;
  right: .8797653959vw
}
@media only screen and (max-width: 760px) {
  .s-products_list-new-slider-block .c_limited {
    width: 8.4541062802vw;
    height: 5.5555555556vw;
    top: 2.4154589372vw;
    right: 2.4154589372vw
  }
}
@media only screen and (max-width: 760px) {
  .s-products_list-new-slider-block .c_limited img {
    width: 7.2463768116vw;
    margin-top: -.4830917874vw
  }
}
.s-products_list-best {
  margin: 0 0 81px 0
}
@media only screen and (max-width: 760px) {
  .s-products_list-best {
    margin: 0 0 41px 0
  }
}
.s-products_list-best .s-products_sec-ttl {
  margin-bottom: 12px
}
@media only screen and (max-width: 760px) {
  .s-products_list-best .s-products_sec-ttl {
    margin-bottom: 20px
  }
}
@media only screen and (max-width: 360px) {
  .s-products_list-best .s-products_sec-ttl .en {
    font-size: 34px;
    line-height: 1.1058823529;
    letter-spacing: 0em
  }
}
.s-products_list-col3 {
  display: flex;
  flex-wrap: wrap
}
.s-products_list-col3 li {
    width: 23%;
  margin-right: 2.666666%;
  margin-bottom: 37px
}
@media only screen and (max-width: 760px) {
  .s-products_list-col3 li {
    width: 47.82%;
    margin-right: 4.36%;
    margin-bottom: 26px
  }
}
.s-products_list-col3 li:nth-of-type(4n) {
  margin-right: 0
}
@media only screen and (max-width: 760px) {
  .s-products_list-col3 li:nth-of-type(3n) {
    margin-right: 4.36%
  }
}
@media only screen and (max-width: 760px) {
  .s-products_list-col3 li:nth-of-type(2n) {
    margin-right: 0
  }
}
.s-products_list-col3 li a {
  display: block
}
.s-products_list-col3 li a:hover img {
  transform: scale(1.1)
}
.s-products_list-col3 li a:hover .c_new img {
  transform: scale(1)
}
.s-products_list-col3 li a:hover .c_limited img {
  transform: scale(1)
}
.s-products_list-col3 .fig {
  display: block;
  margin-bottom: 16px;
  border-radius: 2.1994134897vw;
  background-color: #F6F6F6;
  overflow: hidden
}
@media only screen and (max-width: 760px) {
  .s-products_list-col3 .fig {
    margin-bottom: 14px;
    border-radius: 5.7971014493vw
  }
}
.s-products_list-col3 .fig img {
  transition: transform .6s;
  aspect-ratio: 1;
  will-change: transform
}
.s-products_list-col3 .cat {
  display: table;
  margin: 0 .7331378299vw 8px .7331378299vw;
  padding: 4px 11px;
  color: #888;
  font-size: 11px;
  line-height: 1;
  letter-spacing: .03em;
  border: 2px solid #DDDDDD;
  border-radius: 11px
}
@media print {
  .s-products_list-col3 .cat {
    font-size: 6.4705882353px !important
  }
}
@media only screen and (max-width: 760px) {
  .s-products_list-col3 .cat {
    font-size: 10px;
    line-height: 1;
    letter-spacing: .03em;
    border-radius: 10px;
    padding: 3px 12px;
    margin: 0 0 8px 0
  }
}
.s-products_list-col3 .text {
  display: block;
  margin: 0 .7331378299vw;
  font-size: calc((1364px - (1364px - var(--font-device-width-unit)) / 3) / 1364 * 18);
  line-height: 1.3;
  letter-spacing: .03em
}
@media print {
  .s-products_list-col3 .text {
    font-size: 10.5882352941px !important
  }
}
@media only screen and (max-width: 760px) {
  .s-products_list-col3 .text {
    margin: 0;
    font-size: 16px;
    line-height: 1.3;
    letter-spacing: .03em
  }
}
@media only screen and (max-width: 760px) {
  .s-products_list .text-disp {
    display: none
  }
}
.s-products_list-category {
  margin-right: 4.5454545455vw;
  margin-top: -1px
}
@media only screen and (max-width: 760px) {
  .s-products_list-category {
    margin: -2px 0vw 0 0 !important;
    padding-bottom: 25px
  }
}
.s-products_list-category .s-products_sec-ttl {
  margin-bottom: 39px
}
@media only screen and (max-width: 760px) {
  .s-products_list-category .s-products_sec-ttl {
    margin-bottom: 19px
  }
}
.s-products_list-category .c_new {
  top: .8797653959vw;
  left: auto;
  right: .8797653959vw
}
@media only screen and (max-width: 760px) {
  .s-products_list-category .c_new {
    width: 8.4541062802vw;
    height: 5.5555555556vw;
    top: 2.4154589372vw;
    right: 2.4154589372vw
  }
}
@media only screen and (max-width: 760px) {
  .s-products_list-category .c_new img {
    width: 4.8309178744vw;
    margin-top: 0
  }
}
.s-products_list-category .c_limited {
  top: .8797653959vw;
  left: auto;
  right: .8797653959vw
}
@media only screen and (max-width: 760px) {
  .s-products_list-category .c_limited {
    width: 8.4541062802vw;
    height: 5.5555555556vw;
    top: 2.4154589372vw;
    right: 2.4154589372vw
  }
}
@media only screen and (max-width: 760px) {
  .s-products_list-category .c_limited img {
    width: 7.2463768116vw;
    margin-top: -.7246376812vw
  }
}
.s-products_list-category-wrap {
  margin-bottom: 70px;
  position: relative
}
@media only screen and (max-width: 760px) {
  .s-products_list-category-wrap {
    margin-bottom: 46px
  }
}
.s-products_list-category-wrap:last-child {
  margin-bottom: 0
}
.s-products_list-category-wrap .c_btn-circle-type2 {
  display: table;
  position: absolute;
  top: -3px;
  right: 0
}
@media only screen and (max-width: 760px) {
  .s-products_list-category-wrap .c_btn-circle-type2 {
    right: 5.5555555556vw;
    top: 0
  }
}
@media only screen and (max-width: 760px) {
  .s-products_list-category-wrap .c_btn-circle-type2 .text {
    font-size: 12px;
    line-height: 1;
    letter-spacing: .03em
  }
}
.s-products_list-category-ttl {
  font-size: 26px;
  line-height: 1.2307692308;
  letter-spacing: .03em;
  margin-bottom: 21px;
  padding-left: 13px
}
@media print {
  .s-products_list-category-ttl {
    font-size: 15.2941176471px !important
  }
}
@media only screen and (max-width: 760px) {
  .s-products_list-category-ttl {
    font-size: 22px;
    line-height: 1.3636363636;
    letter-spacing: .03em;
    margin-bottom: 20px;
    padding-left: 10px
  }
}
.s-products_list-category-ttl .bk {
  width: 56px;
  height: 56px;
  position: absolute;
  top: -11px;
  left: -17px;
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 100% auto;
  z-index: -1
}
@media only screen and (max-width: 760px) {
  .s-products_list-category-ttl .bk {
    width: 52px;
    height: 52px;
    top: -11px;
    left: -16px
  }
}
.s-products_list-col-size {
  display: flex;
  flex-wrap: wrap
}
.s-products_list-col-size .fig {
  display: block;
  margin-bottom: 13px;
  background-color: #EAEAEA;
  border-radius: 1.7595307918vw;
  overflow: hidden
}
@media only screen and (max-width: 760px) {
  .s-products_list-col-size .fig {
    border-radius: 4.8309178744vw;
    margin-bottom: 10px
  }
}
.s-products_list-col-size .fig img {
  transition: transform .6s;
  aspect-ratio: 1;
  will-change: transform
}
.s-products_list-col-size .text {
  display: block;
  padding: 0 .7331378299vw;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-family: paralucent, sans-serif;
  font-weight: 700;
  margin: 0
}
@media only screen and (max-width: 760px) {
  .s-products_list-col-size .text {
    padding: 0
  }
}
.s-products_list-col-size-large {
  position: relative;
  width: 32.25%;
  margin-right: 5.54%;
  font-size: calc((1364px - (1364px - var(--font-device-width-unit)) / 2) / 1364 * 18);
  line-height: 1.3;
  letter-spacing: .03em
}
@media print {
  .s-products_list-col-size-large {
    font-size: 10.5882352941px !important
  }
}
@media only screen and (max-width: 760px) {
  .s-products_list-col-size-large {
    width: auto;
    flex: 1;
    margin-right: 0;
    font-size: clamp(0px, 3.8647342995vw, 16px);
    line-height: 1.3;
    letter-spacing: .03em
  }
}
.s-products_list-col-size-large .fig {
  border-radius: 2.1994134897vw
}
@media only screen and (max-width: 760px) {
  .s-products_list-col-size-large .fig {
    border-radius: 5.7971014493vw
  }
}
.s-products_list-col-size-large .text {
  padding: 0 1.9061583578vw
}
@media only screen and (max-width: 760px) {
  .s-products_list-col-size-large .text {
    margin: 0;
    padding: 0 2.4154589372vw
  }
}
.s-products_list-col-size-large a:hover img {
  transform: scale(1.1)
}
.s-products_list-col-size-large a:hover .c_new img {
  transform: scale(1)
}
.s-products_list-col-size-large a:hover .c_limited img {
  transform: scale(1)
}
.s-products_list-col-size-inr {
  flex: 1
}
@media only screen and (max-width: 760px) {
  .s-products_list-col-size-inr {
    flex: none;
    width: 38.8888888889vw;
    margin-left: 5.5555555556vw
  }
}
.s-products_list-col-size-inr .l-slider-1items {
  display: flex;
  flex-wrap: wrap
}
@media only screen and (max-width: 760px) {
  .s-products_list-col-size-inr .l-slider-1items {
    display: block
  }
}
.s-products_list-col-size-inr ul li {
  position: relative;
  font-size: calc((1364px - (1364px - var(--font-device-width-unit)) / 2) / 1364 * 16);
  line-height: 1.3;
  letter-spacing: .03em;
  width: 31.1%;
  margin-right: 3.35%;
  position: relative
}
@media print {
  .s-products_list-col-size-inr ul li {
    font-size: 9.4117647059px !important
  }
}
@media only screen and (max-width: 760px) {
  .s-products_list-col-size-inr ul li {
    width: auto;
    margin-right: 3.8647342995vw;
    font-size: clamp(0px, 3.3816425121vw, 14px);
    line-height: 1.3;
    letter-spacing: .03em
  }
}
.s-products_list-col-size-inr ul li:last-child {
  margin-right: 0
}
@media only screen and (max-width: 760px) {
  .s-products_list-col-size-inr ul li:last-child {
    margin-right: 3.8647342995vw
  }
}
.s-products_list-col-size-inr ul li a {
  display: block
}
.s-products_list-col-size-inr ul li a:hover img {
  transform: scale(1.1)
}
.s-products_list-col-size-inr ul li a:hover .c_new img {
  transform: scale(1)
}
.s-products_list-col-size-inr ul li a:hover .c_limited img {
  transform: scale(1)
}
.s-products_list-scene {
  margin: 0 0 119px 4.5454545455vw
}
@media only screen and (max-width: 760px) {
  .s-products_list-scene {
    margin: 0 0 68px 0
  }
}
.s-products_list-scene .s-products_sec-ttl {
  margin-bottom: 12px
}
@media only screen and (max-width: 760px) {
  .s-products_list-scene .s-products_sec-ttl {
    margin-bottom: 20px
  }
}
.s-products_list-col3-cover {
  display: flex;
  flex-wrap: wrap
}
@media only screen and (max-width: 760px) {
  .s-products_list-col3-cover {
    display: block;
    margin: 0 7.729468599vw
  }
}
.s-products_list-col3-cover li {
  position: relative;
  width: 31.63%;
  margin-right: 2.555%;
  border-radius: clamp(0px, 1.4662756598vw, 20px);
  overflow: hidden;
  z-index: 1;
  font-size: calc((1364px - (1364px - var(--font-device-width-unit)) / 1.6) / 1364 * 20);
  line-height: 1.7;
  letter-spacing: .03em
}
@media print {
  .s-products_list-col3-cover li {
    font-size: 11.7647058824px !important
  }
}
@media only screen and (max-width: 760px) {
  .s-products_list-col3-cover li {
    width: auto;
    border-radius: clamp(0px, 4.8309178744vw, 20px);
    margin-bottom: 14px;
    margin-right: 0;
    font-size: clamp(0px, 4.347826087vw, 18px);
    line-height: 1.22;
    letter-spacing: .03em
  }
}
.s-products_list-col3-cover li:nth-of-type(3n) {
  margin-right: 0
}
.s-products_list-col3-cover li a, .s-products_list-col3-cover li .s-products_list-col3-cover-nolink {
  display: block;
  position: relative;
  color: #fff
}
.s-products_list-col3-cover li a:before, .s-products_list-col3-cover li .s-products_list-col3-cover-nolink:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: linear-gradient(180deg, rgba(54, 54, 54, 0) 49.48%, rgba(54, 54, 54, 0.8) 100%);
  z-index: 1
}
@media only screen and (max-width: 760px) {
  .s-products_list-col3-cover li a:before, .s-products_list-col3-cover li .s-products_list-col3-cover-nolink:before {
    background: linear-gradient(180deg, rgba(54, 54, 54, 0) 49.48%, rgba(54, 54, 54, 0.8) 100%)
  }
}
.s-products_list-col3-cover li a .c_arrow-single, .s-products_list-col3-cover li .s-products_list-col3-cover-nolink .c_arrow-single {
  bottom: 29px;
  right: 26px;
  z-index: 2
}
@media only screen and (max-width: 960px) {
  .s-products_list-col3-cover li a .c_arrow-single, .s-products_list-col3-cover li .s-products_list-col3-cover-nolink .c_arrow-single {
    bottom: 20px;
    right: 22px
  }
}
@media only screen and (max-width: 760px) {
  .s-products_list-col3-cover li a .c_arrow-single, .s-products_list-col3-cover li .s-products_list-col3-cover-nolink .c_arrow-single {
    bottom: 24px
  }
}
.s-products_list-col3-cover li a .ttl, .s-products_list-col3-cover li .s-products_list-col3-cover-nolink .ttl {
  position: absolute;
  bottom: 16px;
  left: 1.7595307918vw;
  padding-right: 3.6656891496vw;
  z-index: 2
}
@media only screen and (max-width: 960px) {
  .s-products_list-col3-cover li a .ttl, .s-products_list-col3-cover li .s-products_list-col3-cover-nolink .ttl {
    bottom: 14px;
    left: 16px;
    padding-right: 40px
  }
}
@media only screen and (max-width: 760px) {
  .s-products_list-col3-cover li a .ttl, .s-products_list-col3-cover li .s-products_list-col3-cover-nolink .ttl {
    bottom: 17px
  }
}
.s-products_list-col3-cover li a img, .s-products_list-col3-cover li .s-products_list-col3-cover-nolink img {
  transition: transform .6s
}
.s-products_list-col3-cover li a:hover img, .s-products_list-col3-cover li .s-products_list-col3-cover-nolink:hover img {
  transform: scale(1.1)
}
.s-products_list-col3-cover li a img {
  aspect-ratio: 1.6373626374;
  will-change: transform
}
.s-products_list-col3-cover li .s-products_list-col3-cover-nolink .c_arrow-single {
  bottom: 25px;
  right: 26px;
  z-index: 2
}
@media only screen and (max-width: 960px) {
  .s-products_list-col3-cover li .s-products_list-col3-cover-nolink .c_arrow-single {
    bottom: 20px;
    right: 21px
  }
}
@media only screen and (max-width: 760px) {
  .s-products_list-col3-cover li .s-products_list-col3-cover-nolink .c_arrow-single {
    bottom: 24px
  }
}
.s-products_list-col3-cover li .s-products_list-col3-cover-nolink:after {
  content: "";
  display: block;
  width: 100%;
  padding-top: 100%
}
.s-products_list-col3-cover li .s-products_list-col3-cover-nolink img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  will-change: transform
}
.s-products_list-sample {
  position: relative;
  margin: 0 0 calc(120px - 1.8vw) 4.5454545455vw
}
@media only screen and (max-width: 760px) {
  .s-products_list-sample {
    margin: 0 0 55px 0
  }
}
.s-products_list-sample .s-products_sec-ttl {
  margin-bottom: 11px
}
@media only screen and (max-width: 760px) {
  .s-products_list-sample .s-products_sec-ttl {
    margin-bottom: 21px
  }
}
@media only screen and (max-width: 760px) {
  .s-products_list-sample .s-products_list-col3-cover {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0
  }
}
.s-products_list-sample .s-products_list-col3-cover li {
  width: 31.63%;
  margin-bottom: 1.7595307918vw;
  cursor: pointer
}
@media only screen and (max-width: 760px) {
  .s-products_list-sample .s-products_list-col3-cover li {
    width: 48.09%;
    margin-bottom: 3.3816425121vw
  }
}
.s-products_list-sample .s-products_list-col3-cover li .text {
  transition: opacity .6s
}
.s-products_list-sample .s-products_list-col3-cover li:hover .text {
  opacity: 1
}
.s-products_list-sample .s-products_list-col3-cover li:hover .c_arrow-single:after {
  transform: translate(100%, -100%);
  opacity: 0
}
.s-products_list-sample .s-products_list-col3-cover li:hover .c_arrow-single:before {
  transform: translate(4px, -4px);
  opacity: 1
}
.s-products_list-sample .s-products_list-col3-cover .text {
  display: table;
  position: absolute;
  bottom: 23px;
  right: 47px;
  opacity: 0;
  color: #fff;
  font-size: 14px;
  line-height: 1;
  letter-spacing: .02em;
  z-index: 1
}
@media print {
  .s-products_list-sample .s-products_list-col3-cover .text {
    font-size: 8.2352941176px !important
  }
}
@media only screen and (max-width: 960px) {
  .s-products_list-sample .s-products_list-col3-cover .text {
    bottom: 19px
  }
}
@media only screen and (max-width: 760px) {
  .s-products_list-sample .s-products_list-col3-cover .text {
    display: none
  }
}
.s-products_list-sample .s-products_list-col3-cover .c_arrow-single {
  bottom: 1.9061583578vw;
  right: 1.9061583578vw
}
@media only screen and (max-width: 760px) {
  .s-products_list-sample .s-products_list-col3-cover .c_arrow-single {
    bottom: 4.8309178744vw;
    right: 4.8309178744vw
  }
}
.s-products_list-sample .c_btn-circle-type2 {
  display: table;
  position: absolute;
  top: 26px;
  right: 0
}
@media only screen and (max-width: 760px) {
  .s-products_list-sample .c_btn-circle-type2 {
    right: 0;
    top: 50px
  }
}
@media only screen and (max-width: 760px) {
  .s-products_list-sample .c_btn-circle-type2 .text {
    font-size: 12px;
    line-height: 1;
    letter-spacing: .03em
  }
}
.s-products_list-refill {
  margin: 0 0 120px 4.5454545455vw
}
@media only screen and (max-width: 760px) {
  .s-products_list-refill {
    margin: 0 0 70px 0
  }
}
.s-products_list-refill .s-products_sec-ttl {
  margin-bottom: 12px
}
@media only screen and (max-width: 760px) {
  .s-products_list-refill .s-products_sec-ttl {
    margin-bottom: 20px
  }
}
@media only screen and (max-width: 960px) {
  .s-products_list-refill .s-products_list-col3-cover .ttl {
    padding-right: 10px
  }
}
@media only screen and (max-width: 960px) {
  .s-products_list-refill .s-products_list-col3-cover a .c_arrow-single {
    right: 10px
  }
}
@media only screen and (max-width: 960px) and (max-width: 760px) {
  .s-products_list-refill .s-products_list-col3-cover a .c_arrow-single {
    right: 22px
  }
}
.s-products_list-search {
  margin-bottom: -6px
}
@media only screen and (max-width: 760px) {
  .s-products_list-search {
    margin-top: -2px
  }
}
.s-products_list-search .s-products_sec-ttl {
  margin-bottom: 13px
}
@media only screen and (max-width: 760px) {
  .s-products_list-search .s-products_sec-ttl {
    margin-bottom: 23px
  }
}
.s-products_list-last {
  padding-bottom: 120px !important
}
@media only screen and (max-width: 590px) {
  .s-products_list-last {
    padding-bottom: 1px !important;
    padding-top: 72px !important
  }
}
.s-products_list-eco {
  margin: 0 0 0 4.5454545455vw;
  padding-bottom: 120px
}
@media only screen and (max-width: 760px) {
  .s-products_list-eco {
    margin: 0;
    padding-bottom: 70px
  }
}
.s-products_list-eco .c_cover-btn a .c_arrow-single {
  bottom: 37px;
  right: 32px
}
.s-products_list-eco .s-products_sec-ttl {
  margin-bottom: 23px
}
.s-products_list-modal {
  position: fixed;
  width: 100%;
  height: 0;
  top: 0;
  left: 0;
  z-index: 10000;
  overflow: hidden;
  transition: 0s height;
  transition-delay: 1s;
  pointer-events: none
}
.js-modal-open .s-products_list-modal {
  pointer-events: auto
}
.s-products_list-modal.js-modal-detail-open {
  height: 100%;
  transition: 0s height
}
.s-products_list-modal-over-wrap {
  height: 100%
}
.s-products_list-modal-over {
  position: relative;
  margin: 2.1994134897vw 2.2727272727vw 2.2727272727vw 2.2727272727vw;
  padding: 4.5454545455vw 2.2727272727vw 4.5454545455vw 4.5454545455vw;
  border-radius: 3.6656891496vw;
  overflow: hidden;
  z-index: 1
}
@media only screen and (max-width: 760px) {
  .s-products_list-modal-over {
    margin: 14px;
    padding: clamp(10px, 21.7391304348vw, 90px) 3.3816425121vw 3.3816425121vw 3.3816425121vw;
    border-radius: 30px
  }
}
.s-products_list-modal-over:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: #fff;
  border-radius: 0 0 3.6656891496vw 3.6656891496vw;
  opacity: 0;
  transform-origin: center top;
  transform: translateY(calc(-100% + 6vw));
  transition: opacity 0.6s 0.3s, transform 0.8s cubic-bezier(0.87, 0, 0.13, 1) 0s
}
@media only screen and (max-width: 760px) {
  .s-products_list-modal-over:before {
    border-radius: 0 0 30px 30px;
    transform: translateY(calc(-100% + 60))
  }
}
.js-modal-detail-open .s-products_list-modal-over:before {
  opacity: 1;
  transform: translateY(0);
  transition: opacity 0.4s 0.1s, transform 0.8s cubic-bezier(0.87, 0, 0.13, 1) 0s
}
.s-products_list-modal-over--vertical {
  padding: 3.6656891496vw 2.2727272727vw 3.6656891496vw 4.5454545455vw
}
@media only screen and (max-width: 760px) {
  .s-products_list-modal-over--vertical {
    padding: clamp(10px, 13.768115942vw, 57px) 3.3816425121vw 3.3816425121vw 3.3816425121vw !important
  }
}
@media only screen and (max-width: 760px) {
  .s-products_list-modal-over--vertical .s-products_list-modal-figure {
    margin: 0 0 clamp(10px, 7.65vh, 50px) 0 !important
  }
}
.s-products_list-modal-over--vertical figure {
  height: 78.37vh !important;
  min-height: 460px !important
}
@media only screen and (max-width: 760px) {
  .s-products_list-modal-over--vertical figure {
    width: 36.0655737705vh !important;
    height: 45.9016393443vh !important;
    max-height: 81.1594202899vw !important;
    min-height: 0 !important
  }
}
.s-products_list-modal-over--vertical .s-products_list-modal-inr {
  align-items: flex-start
}
.s-products_list-modal-close {
  width: 26px;
  height: 26px;
  position: absolute;
  top: 37px;
  right: 37px;
  cursor: pointer;
  z-index: 11;
  overflow: hidden
}
@media only screen and (max-width: 760px) {
  .s-products_list-modal-close {
    top: 18px;
    right: 18px
  }
}
.s-products_list-modal-close:before {
  content: "";
  display: block;
  width: 18px;
  height: 2px;
  border-radius: 1px;
  position: absolute;
  top: calc(50% - 9px);
  left: 8px;
  background-color: #40b44b;
  transform: rotate(45deg) scaleX(0);
  transform-origin: left top;
  opacity: 0;
  transition: opacity 0.3s var(--ease02) 0s, transform 0.3s var(--ease02) 0.3s
}
@media only screen and (max-width: 960px) {
  .s-products_list-modal-close:before {
    width: 14px;
    height: 2px;
    top: calc(50% - 6px);
    left: 9px
  }
}
.s-products_list-modal-close:after {
  content: "";
  display: block;
  width: 2px;
  height: 18px;
  border-radius: 1px;
  position: absolute;
  top: 4px;
  left: calc(50% + 6px);
  background-color: #40b44b;
  transform: rotate(45deg) scaleY(0);
  transform-origin: left top;
  opacity: 0;
  transition: opacity 0.3s var(--ease02) 0s, transform 0.3s var(--ease02) 0.3s
}
@media only screen and (max-width: 960px) {
  .s-products_list-modal-close:after {
    width: 2px;
    height: 14px;
    left: calc(50% + 5px);
    top: 7px
  }
}
.js-modal-open .s-products_list-modal-close:before {
  transform: rotate(45deg) scaleX(1);
  opacity: 1;
  transition: opacity 0.3s var(--ease02) 0.6s, transform 0.3s var(--ease02) 0.6s
}
.js-modal-open .s-products_list-modal-close:after {
  transform: rotate(45deg) scaleY(1);
  opacity: 1;
  transition: opacity 0.3s var(--ease02) 0.6s, transform 0.3s var(--ease02) 0.8s
}
.s-products_list-modal-inr {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  position: relative;
  transform: translateY(50px);
  opacity: 0;
  transition: opacity 0.3s, transform 0.6s;
  transition-delay: 0s
}
@media only screen and (max-width: 760px) {
  .s-products_list-modal-inr {
    display: block;
    height: 100%
  }
}
.js-modal-detail-open .s-products_list-modal-inr {
  transform: translateY(0);
  opacity: 1;
  transition: opacity 0.8s, transform 0.8s;
  transition-delay: .5s
}
.s-products_list-modal-figure {
  flex: 1
}
@media only screen and (max-width: 760px) {
  .s-products_list-modal-figure {
    margin: 0 0 clamp(10px, 13.1147540984vh, 96px) 0
  }
}
.s-products_list-modal-figure figure {
  height: 75.58vh;
  min-height: 460px
}
@media only screen and (max-width: 760px) {
  .s-products_list-modal-figure figure {
    display: table;
    width: 48.9071038251vh;
    height: 36.6120218579vh;
    min-height: 0;
    margin: 0 auto;
    max-width: 100%;
    max-height: 64.7342995169vw
  }
}
.s-products_list-modal-figure p {
  width: 100%;
  font-size: 11px;
  line-height: 1.4545454545;
  letter-spacing: .03em;
  text-align: center;
  margin-top: 12px
}
@media print {
  .s-products_list-modal-figure p {
    font-size: 6.4705882353px !important
  }
}
@media only screen and (max-width: 760px) {
  .s-products_list-modal-figure p {
    width: 55.5555555556vw;
    font-size: 10px;
    line-height: 1.5;
    letter-spacing: .03em;
    margin: 9px auto 0 auto
  }
}
.s-products_list-modal-figure img {
  width: auto;
  height: 100%;
  width: 100%;
  object-fit: scale-down
}
.s-products_list-modal-ttl {
  font-size: 11px;
  line-height: 1.4545454545;
  letter-spacing: .03em;
  margin-bottom: 24px
}
@media print {
  .s-products_list-modal-ttl {
    font-size: 6.4705882353px !important
  }
}
@media only screen and (max-width: 760px) {
  .s-products_list-modal-ttl {
    font-size: 10px;
    line-height: 1;
    letter-spacing: .03em;
    margin-bottom: 6px
  }
}
.s-products_list-modal-ttl .en {
  display: block;
  font-size: 28px;
  line-height: .9;
  letter-spacing: 0em;
  margin-bottom: 8px;
  white-space: nowrap
}
@media print {
  .s-products_list-modal-ttl .en {
    font-size: 16.4705882353px !important
  }
}
@media only screen and (max-width: 760px) {
  .s-products_list-modal-ttl .en {
    display: inline;
    font-size: 24px;
    line-height: .9;
    letter-spacing: 0em;
    margin: 0 10px 0 0
  }
}
.s-products_list-modal-info {
  width: 20.4545454545vw;
  margin-left: 4.6187683284vw;
  padding: clamp(0px, 3.1524926686vw, 43px) 2.2727272727vw 29px 2.2727272727vw;
  border-radius: 2.1994134897vw;
  background-color: #F6F6F6;
  align-self: flex-end;
  transform: translateY(16px)
}
@media only screen and (max-width: 760px) {
  .s-products_list-modal-info {
    width: auto;
    margin: 0;
    padding: 22px 4.347826087vw 7px 4.347826087vw;
    border-radius: 4.8309178744vw;
    transform: none
  }
}
.s-products_list-modal-info ul {
  font-size: calc((1364px - (1364px - var(--font-device-width-unit)) / 2) / 1364 * 15);
  line-height: 1.3;
  letter-spacing: .03em
}
@media print {
  .s-products_list-modal-info ul {
    font-size: 8.8235294118px !important
  }
}
@media only screen and (max-width: 760px) {
  .s-products_list-modal-info ul {
    font-size: 12px;
    line-height: 1.3;
    letter-spacing: .03em
  }
}
.s-products_list-modal-info li {
  border-bottom: 1px solid #DDDDDD
}
.s-products_list-modal-info li:last-child {
  border-bottom: none
}
.s-products_list-modal-info li .sub {
  display: block;
  margin-top: 2px;
  font-size: calc((1364px - (1364px - var(--font-device-width-unit)) / 2) / 1364 * 11);
  line-height: 1.4545454545;
  letter-spacing: .03em
}
@media print {
  .s-products_list-modal-info li .sub {
    font-size: 6.4705882353px !important
  }
}
@media only screen and (max-width: 760px) {
  .s-products_list-modal-info li .sub {
    font-size: 11px;
    line-height: 2.2;
    letter-spacing: .03em;
    position: absolute;
    top: 50%;
    right: 0;
    width: 33.3333333333vw;
    transform: translateY(-50%);
    text-align: right
  }
}
.s-products_list-modal-info li .c_arrow-single {
  position: absolute;
  top: 16px;
  right: 0
}
@media only screen and (max-width: 760px) {
  .s-products_list-modal-info li .c_arrow-single {
    display: none
  }
}
.s-products_list-modal-info li a {
  display: block;
  padding: 13px 20px 12px 0;
  position: relative
}
@media only screen and (max-width: 760px) {
  .s-products_list-modal-info li a {
    padding: 12px 33.3333333333vw 8px 0
  }
}
.s-gallery-list_result-inr {
  padding-bottom: 79px
}
@media only screen and (max-width: 760px) {
  .s-gallery-list_result-inr {
    padding-bottom: 54px
  }
}
.s-gallery-list_productlist-col4 {
  display: flex;
  flex-wrap: wrap
}
.s-gallery-list_productlist-col4 li {
  width: 22.22%;
  margin-right: 3.7%;
  margin-bottom: 2.9325513196vw;
  position: relative;
  overflow: hidden;
  z-index: 1;
  border-radius: 1.4662756598vw;
  cursor: pointer
}
@media only screen and (max-width: 760px) {
  .s-gallery-list_productlist-col4 li {
    width: 47.82%;
    margin-right: 4.36%;
    margin-bottom: 3.8647342995vw;
    border-radius: 4.8309178744vw
  }
}
.s-gallery-list_productlist-col4 li:nth-of-type(3n) {
  margin-right: 3.7%
}
@media only screen and (max-width: 760px) {
  .s-gallery-list_productlist-col4 li:nth-of-type(3n) {
    margin-right: 4.36%
  }
}
.s-gallery-list_productlist-col4 li:nth-of-type(4n) {
  margin-right: 0
}
@media only screen and (max-width: 760px) {
  .s-gallery-list_productlist-col4 li:nth-of-type(4n) {
    margin-right: 0
  }
}
@media only screen and (max-width: 760px) {
  .s-gallery-list_productlist-col4 li:nth-of-type(2n) {
    margin-right: 0
  }
}
.s-gallery-list_productlist-col4 li:hover img {
  transform: scale(1.1)
}
.s-gallery-list_productlist-col4 li:hover .link {
  opacity: 1
}
.s-gallery-list_productlist-col4 .fig {
  position: relative;
  display: block;
  background-color: #F6F6F6;
  overflow: hidden
}
.s-gallery-list_productlist-col4 .fig:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: linear-gradient(180deg, rgba(54, 54, 54, 0) 49.48%, rgba(54, 54, 54, 0.8) 100%);
  z-index: 1
}
@media only screen and (max-width: 760px) {
  .s-gallery-list_productlist-col4 .fig:before {
    background: linear-gradient(180deg, rgba(54, 54, 54, 0) 49.48%, rgba(54, 54, 54, 0.8) 100%)
  }
}
.s-gallery-list_productlist-col4 .fig:after {
  content: "";
  display: block;
  width: 100%;
  padding-top: 100%
}
.s-gallery-list_productlist-col4 .fig img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .6s;
  will-change: transform
}
.s-gallery-list_productlist-col4 .link {
  opacity: 0;
  transition: opacity .4s;
  position: absolute;
  bottom: 21px;
  right: 43px;
  z-index: 10;
  font-size: calc((1364px - (1364px - var(--font-device-width-unit)) / 2) / 1364 * 14);
  line-height: 1;
  letter-spacing: .03em;
  color: #fff
}
@media print {
  .s-gallery-list_productlist-col4 .link {
    font-size: 8.2352941176px !important
  }
}
@media only screen and (max-width: 760px) {
  .s-gallery-list_productlist-col4 .link {
    display: none
  }
}
.s-gallery-list_productlist-col4 .c_arrow-single {
  position: absolute;
  bottom: 22px;
  right: 22px;
  z-index: 20
}
.s-gallery-list_bottom-btn {
  display: table;
  padding-bottom: 11px
}
@media only screen and (max-width: 760px) {
  .s-gallery-list_bottom-btn {
    padding-bottom: 7px
  }
}
.s-refill .l-und_contents-wrap {
  padding-top: 129px
}
@media only screen and (max-width: 760px) {
  .s-refill .l-und_contents-wrap {
    padding-top: 69px
  }
}
.s-refill .c_ttl-mid-jp {
  margin-bottom: 55px
}
@media only screen and (max-width: 760px) {
  .s-refill .c_ttl-mid-jp {
    margin-bottom: 27px
  }
}
.s-refill .c_ttl-mid-jp .num {
  margin-bottom: 10px
}
@media only screen and (max-width: 760px) {
  .s-refill .c_ttl-mid-jp .num {
    margin-bottom: 4px
  }
}
.s-refill .c_sbttl {
  margin-bottom: 25px
}
@media only screen and (max-width: 760px) {
  .s-refill .c_sbttl {
    margin-bottom: 11px;
    margin-left: 5px;
    padding-left: 11px
  }
}
.s-refill .c_sbttl:before {
  top: 13px
}
@media only screen and (max-width: 760px) {
  .s-refill .c_sbttl:before {
    left: -5px
  }
}
.s-refill .l-und_nav {
  margin-top: 3px
}
.s-refill .s-category_bottom-btn {
  margin: 0 0 0 4.5454545455vw;
  padding-bottom: 132px
}
@media only screen and (max-width: 760px) {
  .s-refill .s-category_bottom-btn {
    margin: -10px 0 0 0;
    padding-bottom: 79px
  }
}
.s-refill_main-sbttl {
  margin-bottom: 21px;
  position: relative;
  z-index: 1
}
@media only screen and (max-width: 760px) {
  .s-refill_main-sbttl {
    margin-bottom: 10px
  }
}
.s-refill_main-sbttl:before {
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  position: absolute;
  top: 13px;
  left: 0;
  background-color: #40b44b;
  border-radius: 3px
}
@media only screen and (max-width: 760px) {
  .s-refill_main-sbttl:before {
    top: 13px
  }
}
.s-refill_main-sbttl .en {
  font-size: 18px;
  line-height: 1.1;
  letter-spacing: .01em;
  display: inline-block;
  padding-left: 15px;
  vertical-align: -5px
}
@media print {
  .s-refill_main-sbttl .en {
    font-size: 10.5882352941px !important
  }
}
@media only screen and (max-width: 760px) {
  .s-refill_main-sbttl .en {
    font-size: 16px;
    line-height: 1.1;
    letter-spacing: 0em;
    padding-left: 10px;
    vertical-align: -4px
  }
}
.s-refill_main-sbttl .cat {
  display: inline-block;
  font-size: 11px;
  line-height: 1;
  letter-spacing: .03em;
  padding: 2px 12px;
  margin-left: 18px;
  border: 2px solid #ddd;
  color: #888;
  border-radius: 12px;
  vertical-align: 1px
}
@media print {
  .s-refill_main-sbttl .cat {
    font-size: 6.4705882353px !important
  }
}
@media only screen and (max-width: 760px) {
  .s-refill_main-sbttl .cat {
    font-size: 10px;
    line-height: 1;
    letter-spacing: .03em;
    border-radius: 10px;
    padding: 3px 11px;
    margin-left: 14px;
    vertical-align: 2px
  }
}
.s-refill_main-ttl {
  font-size: calc((1364px - (1364px - var(--font-device-width-unit)) / 1) / 1364 * 50);
  line-height: 1.2;
  letter-spacing: .03em
}
@media print {
  .s-refill_main-ttl {
    font-size: 29.4117647059px !important
  }
}
@media only screen and (max-width: 760px) {
  .s-refill_main-ttl {
    font-size: 30px;
    line-height: 1.2;
    letter-spacing: .03em
  }
}
@media only screen and (max-width: 414px) {
  .s-refill_main-ttl {
    font-size: calc((100vw - 320px) / 94 * 10 + 20px)
  }
}
.s-refill_list_level2 {
  margin: 0 0 0 4.5454545455vw;
  padding-bottom: 23px
}
@media only screen and (max-width: 760px) {
  .s-refill_list_level2 {
    margin-left: 0;
    padding-bottom: 63px
  }
}
.s-refill_list_item {
  font-weight: 400;
  margin-bottom: 67px
}
@media only screen and (max-width: 760px) {
  .s-refill_list_item {
    margin-bottom: 43px
  }
}
@media only screen and (max-width: 760px) {
  .s-refill_list_item:nth-last-child(1) {
    margin-bottom: -4px
  }
}
.s-refill_list_item-img {
  background-color: #F6F6F6;
  margin-bottom: 29px;
  border-radius: 30px;
  overflow: hidden
}
@media only screen and (max-width: 760px) {
  .s-refill_list_item-img {
    border-radius: 10px;
    margin-bottom: 8px
  }
}
.s-refill_list_item-img-list {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 20px
}
@media only screen and (max-width: 760px) {
  .s-refill_list_item-img-list {
    margin-bottom: 4px
  }
}
.s-refill_list_item-img-list-single {
  background-color: #F6F6F6;
  width: 31.6337148803%;
  margin: 0 2.5494276795% 25px 0;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 10px;
  border-radius: 20px;
  overflow: hidden
}
@media only screen and (max-width: 760px) {
  .s-refill_list_item-img-list-single {
    width: 47.8260869565%;
    margin: 0 4.347826087% 15px 0;
    border-radius: 8px;
    margin-bottom: 6px
  }
}
.s-refill_list_item-img-list-single:nth-of-type(3n) {
  margin-right: 0
}
@media only screen and (max-width: 760px) {
  .s-refill_list_item-img-list-single:nth-of-type(3n) {
    margin-right: 4.347826087%
  }
}
@media only screen and (max-width: 760px) {
  .s-refill_list_item-img-list-single:nth-of-type(2n) {
    margin-right: 0 !important
  }
}
.s-refill_list_item-price {
  text-align: right;
  margin-bottom: 10px
}
@media only screen and (max-width: 760px) {
  .s-refill_list_item-price {
    margin-bottom: 5px
  }
}
.s-refill_list_item-price-label {
  font-size: 13px;
  line-height: 2.2;
  letter-spacing: .03em;
  display: inline-block;
  margin-right: .8064516129vw
}
@media print {
  .s-refill_list_item-price-label {
    font-size: 7.6470588235px !important
  }
}
@media only screen and (max-width: 760px) {
  .s-refill_list_item-price-label {
    font-size: 11px;
    line-height: 1.3090909091;
    letter-spacing: 0em;
    margin-right: .9661835749vw
  }
}
.s-refill_list_item-price-val {
  font-size: 13px;
  line-height: 1.6;
  letter-spacing: .03em
}
@media print {
  .s-refill_list_item-price-val {
    font-size: 7.6470588235px !important
  }
}
@media only screen and (max-width: 760px) {
  .s-refill_list_item-price-val {
    font-size: 11px;
    line-height: 1.3090909091;
    letter-spacing: 0em
  }
}
.s-refill_list_item-price-tax {
  font-size: 10px;
  line-height: 2.08;
  letter-spacing: .03em
}
@media print {
  .s-refill_list_item-price-tax {
    font-size: 5.8823529412px !important
  }
}
@media only screen and (max-width: 760px) {
  .s-refill_list_item-price-tax {
    font-size: 9px;
    line-height: 1.6;
    letter-spacing: 0em
  }
}
.s-refill_list_item-table-cont {
  margin-bottom: 36px
}
@media only screen and (max-width: 760px) {
  .s-refill_list_item-table-cont {
    margin-bottom: 25px
  }
}
.s-refill_list_item-table {
  border: solid #dddddd;
  border-width: 1px 0;
  width: 100%
}
.s-refill_list_item-table--col3 th:nth-of-type(1) {
  width: 34.2% !important
}
@media only screen and (max-width: 760px) {
  .s-refill_list_item-table--col3 th:nth-of-type(1) {
    width: 41.5% !important
  }
}
.s-refill_list_item-table--col3 th:nth-of-type(2) {
  width: 34.2% !important
}
@media only screen and (max-width: 760px) {
  .s-refill_list_item-table--col3 th:nth-of-type(2) {
    width: 34.8% !important
  }
}
.s-refill_list_item-table--col3 th:nth-of-type(3) {
  width: 31.6% !important
}
@media only screen and (max-width: 760px) {
  .s-refill_list_item-table--col3 th:nth-of-type(3) {
    width: 23.7% !important
  }
}
.s-refill_list_item-table--col3-jan-divide th:nth-of-type(1) {
  width: 34.2% !important
}
@media only screen and (max-width: 760px) {
  .s-refill_list_item-table--col3-jan-divide th:nth-of-type(1) {
    width: 50% !important
  }
}
.s-refill_list_item-table--col3-jan-divide th:nth-of-type(2) {
  width: 34.2% !important
}
@media only screen and (max-width: 760px) {
  .s-refill_list_item-table--col3-jan-divide th:nth-of-type(2) {
    width: 50% !important
  }
}
.s-refill_list_item-table--col3-jan-divide th:nth-of-type(3) {
  width: 31.6% !important
}
@media only screen and (max-width: 760px) {
  .s-refill_list_item-table--col3-jan-divide th:nth-of-type(3) {
    width: 50% !important
  }
}
@media only screen and (max-width: 760px) {
  .s-refill_list_item-table--col3-jan-divide th:nth-of-type(3), .s-refill_list_item-table--col3-jan-divide td:nth-of-type(3) {
    display: none
  }
}
.s-refill_list_item-table--col3-jan {
  display: none
}
@media only screen and (max-width: 760px) {
  .s-refill_list_item-table--col3-jan {
    display: table;
    border-top-color: #fff
  }
}
@media only screen and (max-width: 760px) {
  .s-refill_list_item-table--col3-jan th {
    padding: 0px 0 7px 0 !important
  }
}
@media only screen and (max-width: 760px) {
  .s-refill_list_item-table--col3-jan td {
    padding-bottom: 20px
  }
}
.s-refill_list_item-table tr th {
  font-size: 13px;
  line-height: 1.2;
  letter-spacing: .03em;
  font-weight: 700;
  padding: 19px 4px 9px 0
}
@media print {
  .s-refill_list_item-table tr th {
    font-size: 7.6470588235px !important
  }
}
@media only screen and (max-width: 760px) {
  .s-refill_list_item-table tr th {
    padding: 20px 4px 9px 0;
    font-size: 11px;
    line-height: 1.2;
    letter-spacing: .03em
  }
}
.s-refill_list_item-table tr th:nth-of-type(1) {
  width: 25.8%
}
@media only screen and (max-width: 760px) {
  .s-refill_list_item-table tr th:nth-of-type(1) {
    width: 26.6%
  }
}
.s-refill_list_item-table tr th:nth-of-type(2) {
  width: 25.8%
}
@media only screen and (max-width: 760px) {
  .s-refill_list_item-table tr th:nth-of-type(2) {
    width: 26.6%
  }
}
.s-refill_list_item-table tr th:nth-of-type(3) {
  width: 25.8%
}
@media only screen and (max-width: 760px) {
  .s-refill_list_item-table tr th:nth-of-type(3) {
    width: 26.6%
  }
}
.s-refill_list_item-table tr th:nth-of-type(4) {
  width: 22.6%
}
@media only screen and (max-width: 760px) {
  .s-refill_list_item-table tr th:nth-of-type(4) {
    width: 20.2%
  }
}
.s-refill_list_item-table tr td {
  font-size: 13px;
  line-height: 1.2;
  letter-spacing: .03em;
  padding: 3.5px 4px 2px 0;
  vertical-align: top
}
@media print {
  .s-refill_list_item-table tr td {
    font-size: 7.6470588235px !important
  }
}
@media only screen and (max-width: 760px) {
  .s-refill_list_item-table tr td {
    font-size: 11px;
    line-height: 1.2;
    letter-spacing: .03em;
    padding: 2px 4px 3px 0
  }
}
.s-refill_list_item-table tr:nth-last-of-type(1) td {
  padding-bottom: 27px;
  padding-right: 0
}
@media only screen and (max-width: 760px) {
  .s-refill_list_item-table tr:nth-last-of-type(1) td {
    padding-bottom: 17px
  }
}
.s-refill_list_item-table + .s-refill_list_item-table {
  margin-top: -1px
}
.s-refill_list_item-notice {
  text-align: right;
  margin-top: 7px;
  font-size: 11px;
  line-height: 1.6;
  letter-spacing: .03em
}
@media print {
  .s-refill_list_item-notice {
    font-size: 6.4705882353px !important
  }
}
.s-refill_list_match-heading {
  padding-left: .293255132vw;
  margin-bottom: 22px;
  font-size: 18px;
  line-height: 1.1111111111;
  letter-spacing: .03em
}
@media print {
  .s-refill_list_match-heading {
    font-size: 10.5882352941px !important
  }
}
@media only screen and (max-width: 760px) {
  .s-refill_list_match-heading {
    font-size: 16px;
    line-height: 1.3;
    letter-spacing: .03em;
    margin-left: -1px;
    margin-bottom: 16px
  }
}
.s-refill_list_match-list {
  width: 100%;
  display: flex;
  flex-wrap: wrap
}
.s-refill_list_match-list-item {
  width: 22.5806451613%;
  margin: 0 3.2258064516% 25px 0
}
@media only screen and (max-width: 760px) {
  .s-refill_list_match-list-item {
    width: 47.8260869565%;
    margin: 0 4.347826087% 14px 0
  }
}
.s-refill_list_match-list-item:nth-of-type(4n) {
  margin-right: 0
}
@media only screen and (max-width: 760px) {
  .s-refill_list_match-list-item:nth-of-type(4n) {
    margin-right: 4.347826087%
  }
}
@media only screen and (max-width: 760px) {
  .s-refill_list_match-list-item:nth-of-type(2n) {
    margin-right: 0 !important
  }
}
.s-refill_list_match-list-item a {
  display: block
}
.s-refill_list_match-list-item a img {
  transition: transform .6s;
  will-change: transform
}
.s-refill_list_match-list-item a:hover img {
  transform: scale(1.1)
}
.s-refill_list_match-list-item-img {
  background-color: #F6F6F6;
  border-radius: 20px;
  overflow: hidden;
  margin-bottom: 10px
}
@media only screen and (max-width: 760px) {
  .s-refill_list_match-list-item-img {
    border-radius: 8px;
    margin-bottom: 6px
  }
}
.s-refill_list_match-list-item-name {
  padding: 0 .8797653959vw 0 1.0263929619vw;
  font-size: 12px;
  line-height: 1.7;
  letter-spacing: .03em
}
@media print {
  .s-refill_list_match-list-item-name {
    font-size: 7.0588235294px !important
  }
}
@media only screen and (max-width: 760px) {
  .s-refill_list_match-list-item-name {
    padding: 0;
    font-size: 11px;
    line-height: 1.7;
    letter-spacing: .03em
  }
}
.s-refill_list_match-list-item--endofsale .s-refill_list_match-list-item-name {
  color: #888888
}
@media only screen and (max-width: 380px) {
  .s-series_size-small .en {
    font-size: 34px
  }
}
@media only screen and (max-width: 760px) {
  .s-series .l-und_main-static {
    padding-top: 122px
  }
}
.s-series .l-und_main-static figure {
  border-radius: 3.6656891496vw;
  margin-top: 24px
}
@media only screen and (max-width: 760px) {
  .s-series .l-und_main-static figure {
    border-radius: 2.4154589372vw;
    margin-top: 0
  }
}
.s-series_main-dtl {
  display: inline-block;
  font-size: 15px;
  line-height: 1.5;
  letter-spacing: .03em
}
@media print {
  .s-series_main-dtl {
    font-size: 8.8235294118px !important
  }
}
@media only screen and (max-width: 760px) {
  .s-series_main-dtl {
    display: block;
    font-size: 12px;
    line-height: 1.5;
    letter-spacing: .03em;
    margin: 0 0 20px 0
  }
}
.s-series .l-und_main-static-ttl {
  display: inline-block;
  margin-right: 35px;
  margin-bottom: 10px
}
@media only screen and (max-width: 760px) {
  .s-series .l-und_main-static-ttl {
    margin-bottom: 8px;
    display: block;
    margin-right: 0
  }
}
@media only screen and (max-width: 760px) {
  .s-series .l-und_main-static-sbttl {
    vertical-align: 2px;
    margin-bottom: 12px
  }
}
.s-series .l-breadcrumb {
  margin-top: 37px
}
.s-series_sec-ttl {
  margin-bottom: 35px
}
@media only screen and (max-width: 760px) {
  .s-series_sec-ttl {
    margin-bottom: 20px
  }
}
.s-series .l-und_nav {
  margin-top: 111px
}
@media only screen and (max-width: 760px) {
  .s-series .l-contents-und--static {
    margin-top: -52px
  }
}
.s-series_lineup {
  margin: 1px 0 87px 4.5454545455vw
}
@media only screen and (max-width: 760px) {
  .s-series_lineup {
    margin: 0 0 35px 0
  }
}
.s-series_lineup .text-dtl {
  display: block;
  font-size: 14px;
  line-height: 1.5;
  letter-spacing: .03em;
  margin: 11px .7331378299vw 0 .7331378299vw
}
@media print {
  .s-series_lineup .text-dtl {
    font-size: 8.2352941176px !important
  }
}
@media only screen and (max-width: 760px) {
  .s-series_lineup .text-dtl {
    font-size: 12px;
    line-height: 1.5;
    letter-spacing: .03em;
    margin: 10px 0 0 0
  }
}
.s-series_lineup .l-und_productlist-col3 {
  margin: 0 .4398826979vw 0 -.4398826979vw
}
@media only screen and (max-width: 760px) {
  .s-series_lineup .l-und_productlist-col3 {
    margin: 0
  }
}
.s-series_lineup .l-und_productlist-col3 li {
  margin-bottom: 36px
}
@media only screen and (max-width: 760px) {
  .s-series_lineup .l-und_productlist-col3 li {
    margin-bottom: 27px
  }
}
@media only screen and (max-width: 760px) {
  .s-series_lineup .c_new {
    width: 8.6956521739vw;
    height: 5.3140096618vw
  }
}
.s-series_free {
  margin: 1px 0 87px 6.8181818182vw
}
@media only screen and (max-width: 760px) {
  .s-series_free {
    margin: 0 0 35px 5.5555555556vw
  }
}
.s-series_fansvoice {
  margin: 0 -4.5454545455vw 120px 4.5454545455vw
}
@media only screen and (max-width: 760px) {
  .s-series_fansvoice {
    margin: 0 -5.5555555556vw 65px -5.5555555556vw
  }
}
.s-series_fansvoice .c_contents-fansvoice-ttl {
  margin-bottom: 58px
}
@media only screen and (max-width: 760px) {
  .s-series_fansvoice .c_contents-fansvoice-ttl {
    margin-bottom: 41px
  }
}
.s-series_bottom {
  padding-top: 115px !important;
  padding-bottom: 110px !important
}
@media only screen and (max-width: 760px) {
  .s-series_bottom {
    padding-top: 66px !important;
    padding-bottom: 60px !important
  }
}
.s-magazine_wrap {
  margin: 2px 4.5454545455vw 0 4.5454545455vw
}
@media only screen and (max-width: 960px) {
  .s-magazine_wrap {
    margin: 0 2.2727272727vw
  }
}
@media only screen and (max-width: 760px) {
  .s-magazine_wrap {
    margin: 0
  }
}
.s-magazine_spacer {
  height: 664px;
  height: 77.2093023256vh
}
@media only screen and (max-width: 760px) {
  .s-magazine_spacer {
    height: 81.5217391304vh
  }
}
.s-magazine_lists-main {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 98.8372093023vh;
  z-index: 0;
  overflow: hidden
}
@media only screen and (max-width: 760px) {
  .s-magazine_lists-main {
    height: 108.6956521739vh
  }
}
.s-magazine_lists-main a {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0
}
.s-magazine_lists-pickup {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}
.s-magazine_lists-pickup:hover .c_btn-circle-type2 .circle_main svg use {
  stroke-dashoffset: 0
}
.s-magazine_lists-pickup:hover .c_btn-circle-type2 .arrow:after {
  transform: translate(100%, -100%);
  opacity: 0
}
.s-magazine_lists-pickup:hover .c_btn-circle-type2 .arrow:before {
  transform: translate(4px, -4px);
  opacity: 1
}
.s-magazine_lists-pickup figure {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0
}
.s-magazine_lists-pickup figure:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(24, 24, 24, 0.3)
}
.s-magazine_lists-pickup figure img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  pointer-events: none
}
.s-magazine_lists-pickup-ttlgroup {
  pointer-events: none;
  position: absolute;
  bottom: 30.9302325581vh;
  right: 6.8181818182vw;
  width: 43.1818181818vw;
  color: #fff;
  z-index: 1
}
@media only screen and (max-width: 760px) {
  .s-magazine_lists-pickup-ttlgroup {
    width: auto;
    bottom: 33.4239130435vh;
    left: 5.5555555556vw;
    right: 5.5555555556vw
  }
}
.s-magazine_lists-ttl {
  position: absolute;
  width: 342px;
  color: #fff;
  bottom: -11px;
  left: -45.4545454545vw;
  z-index: 1
}
@media only screen and (max-width: 760px) {
  .s-magazine_lists-ttl {
    width: auto;
    position: static;
    margin-bottom: 23px
  }
}
.s-magazine_lists-ttl .num {
  display: block;
  font-size: 14px;
  line-height: 1;
  letter-spacing: 0em;
  color: #40b44b;
  margin-bottom: 5px
}
@media print {
  .s-magazine_lists-ttl .num {
    font-size: 8.2352941176px !important
  }
}
@media only screen and (max-width: 760px) {
  .s-magazine_lists-ttl .num {
    font-size: 14px;
    line-height: 1;
    letter-spacing: .01em;
    margin-bottom: 2px
  }
}
.s-magazine_lists-ttl .en {
  display: block;
  font-size: calc((1364px - (1364px - var(--font-device-width-unit)) / 2) / 1364 * 74);
  line-height: 1.1;
  letter-spacing: 0em;
  margin-bottom: 12px
}
@media print {
  .s-magazine_lists-ttl .en {
    font-size: 43.5294117647px !important
  }
}
@media only screen and (max-width: 760px) {
  .s-magazine_lists-ttl .en {
    font-size: 48px;
    line-height: 1.1;
    letter-spacing: 0em;
    margin-bottom: 3px
  }
}
@media only screen and (max-height: 500px) and (max-width: 760px) {
  .s-magazine_lists-ttl .en {
    font-size: 24px
  }
}
.s-magazine_lists-ttl .text {
  display: block;
  font-size: 15px;
  line-height: 1.5;
  letter-spacing: .03em;
  margin-top: -20px;
  margin-left: 2px
}
@media print {
  .s-magazine_lists-ttl .text {
    font-size: 8.8235294118px !important
  }
}
@media only screen and (max-width: 760px) {
  .s-magazine_lists-ttl .text {
    font-size: 12px;
    line-height: 1.5;
    letter-spacing: .03em;
    margin-top: -10px
  }
}
.s-magazine_lists-pickup-cat {
  display: table;
  margin-bottom: 14px;
  font-size: 12px;
  line-height: 1;
  letter-spacing: .03em;
  padding: 6px 12px;
  border: 1px solid #FFFFFF;
  border-radius: 13px
}
@media print {
  .s-magazine_lists-pickup-cat {
    font-size: 7.0588235294px !important
  }
}
@media only screen and (max-width: 760px) {
  .s-magazine_lists-pickup-cat {
    margin-bottom: 18px;
    vertical-align: .4em;
    font-size: 12px;
    line-height: 1;
    letter-spacing: .03em
  }
}
@media only screen and (max-height: 500px) and (max-width: 760px) {
  .s-magazine_lists-pickup-cat {
    font-size: 10px;
    margin-bottom: 8px
  }
}
.s-magazine_lists-pickup-ttl {
  font-size: calc((1364px - (1364px - var(--font-device-width-unit)) / 1) / 1364 * 40);
  line-height: 1.25;
  letter-spacing: .03em;
  margin-bottom: 18px;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  font-family: paralucent, sans-serif;
  font-weight: 700
}
@media print {
  .s-magazine_lists-pickup-ttl {
    font-size: 23.5294117647px !important
  }
}
@media only screen and (max-width: 760px) {
  .s-magazine_lists-pickup-ttl {
    font-size: clamp(10px, 6.7632850242vw, 28px);
    line-height: 1.22;
    margin-bottom: 0
  }
}
@media only screen and (max-height: 500px) and (max-width: 760px) {
  .s-magazine_lists-pickup-ttl {
    font-size: 14px
  }
}
.s-magazine_lists-pickup-btn {
  display: table;
  position: relative
}
@media only screen and (max-width: 760px) {
  .s-magazine_lists-pickup-btn {
    display: none
  }
}
.s-magazine_lists-filter {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  margin-bottom: 6.0117302053vw;
  position: relative
}
@media only screen and (max-width: 760px) {
  .s-magazine_lists-filter {
    margin-bottom: 12.077294686vw
  }
}
.s-magazine_lists-filter .c_contents-sort {
  flex: 1
}
@media only screen and (max-width: 760px) {
  .s-magazine_lists-filter .c_contents-sort {
    top: 10px;
    right: 0
  }
}
.s-magazine_lists-filter .c_contents-sort-list {
  margin-bottom: 0 !important
}
.s-magazine_lists-filter-ttl {
  width: 15.9090909091vw;
  font-size: 12px;
  line-height: 1;
  letter-spacing: .03em;
  position: relative;
  padding: 2px 0 0 22px
}
@media print {
  .s-magazine_lists-filter-ttl {
    font-size: 7.0588235294px !important
  }
}
@media only screen and (max-width: 760px) {
  .s-magazine_lists-filter-ttl {
    width: 52.1739130435vw;
    font-size: 11px;
    line-height: 1;
    letter-spacing: .03em;
    padding: 2px 0 0 18px
  }
}
.s-magazine_lists-filter-ttl:before {
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #40b44b;
  position: absolute;
  top: 13px;
  left: 0
}
@media only screen and (max-width: 760px) {
  .s-magazine_lists-filter-ttl:before {
    top: 9px
  }
}
.s-magazine_lists-filter-ttl .en {
  display: block;
  font-size: 28px;
  line-height: 1;
  letter-spacing: 0em;
  margin-bottom: 7px
}
@media print {
  .s-magazine_lists-filter-ttl .en {
    font-size: 16.4705882353px !important
  }
}
@media only screen and (max-width: 760px) {
  .s-magazine_lists-filter-ttl .en {
    font-size: 22px;
    line-height: 1;
    letter-spacing: 0em;
    margin-bottom: 8px
  }
}
.s-magazine_lists {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  padding: 0 0 50px 0
}
@media only screen and (max-width: 760px) {
  .s-magazine_lists {
    display: block;
    width: auto;
    padding: 0 0 40px 0
  }
}
.s-magazine_list {
  width: 30.55%;
  margin-right: 4.175%;
  margin-bottom: 70px;
  position: relative
}
@media only screen and (max-width: 760px) {
  .s-magazine_list {
    width: auto;
    margin-right: 0;
    margin-bottom: 30px
  }
}
.s-magazine_list:nth-of-type(3n) {
  margin-right: 0
}
.s-magazine_list a {
  display: block
}
@media only screen and (max-width: 760px) {
  .s-magazine_list a {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start
  }
}
.s-magazine_list a:hover img {
  transform: scale(1.1)
}
.s-magazine_list a:hover .c_new img {
  transform: scale(1)
}
.s-magazine_list-fig {
  position: relative;
  border-radius: 1.4662756598vw;
  margin-bottom: 24px;
  overflow: hidden;
  z-index: 1
}
@media only screen and (max-width: 760px) {
  .s-magazine_list-fig {
    width: 33.3333333333vw;
    border-radius: 3.3816425121vw;
    margin: 0 3.8647342995vw 0 0
  }
}
.s-magazine_list-fig img {
  transition: transform .6s;
  aspect-ratio: 1.33203125;
  will-change: transform
}
.s-magazine_list-dtl {
  margin: 0
}
@media only screen and (max-width: 760px) {
  .s-magazine_list-dtl {
    flex: 1
  }
}
.s-magazine_list-dtl .c_new {
  top: 15.6158357771vw;
  left: .7331378299vw
}
@media only screen and (max-width: 760px) {
  .s-magazine_list-dtl .c_new {
    width: 8.6956521739vw;
    height: 5.3140096618vw;
    top: 18.115942029vw;
    left: 1.4492753623vw
  }
}
.s-magazine_list-cat {
  display: table;
  color: #888888;
  margin: 0 0 10px 1px;
  padding: 2px 11px;
  font-size: 12px;
  line-height: 1.2;
  letter-spacing: .03em;
  border: 2px solid #DDDDDD;
  border-radius: 11px;
  font-weight: 500 !important
}
@media print {
  .s-magazine_list-cat {
    font-size: 7.0588235294px !important
  }
}
@media only screen and (max-width: 760px) {
  .s-magazine_list-cat {
    padding: 3px 9px;
    margin: 0 0 9px 0;
    font-size: 10px;
    line-height: 1;
    letter-spacing: .03em;
    border-radius: 10px
  }
}
.s-magazine_list-text {
  font-size: calc((1364px - (1364px - var(--font-device-width-unit)) / 2) / 1364 * 22);
  line-height: 1;
  letter-spacing: .03em;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  font-family: paralucent, sans-serif;
  font-weight: 700
}
@media print {
  .s-magazine_list-text {
    font-size: 12.9411764706px !important
  }
}
@media only screen and (max-width: 760px) {
  .s-magazine_list-text {
    font-size: clamp(10px, 3.8647342995vw, 16px)
  }
}
.s-magazine_list-text span {
  line-height: 1.4
}
@media only screen and (max-width: 760px) {
  .s-magazine_list-text span {
    line-height: 1.37
  }
}
.s-magazine_list-time {
  color: #888888;
  font-size: 12px;
  line-height: 1;
  letter-spacing: 0em;
  margin-top: 7px
}
@media print {
  .s-magazine_list-time {
    font-size: 7.0588235294px !important
  }
}
@media only screen and (max-width: 760px) {
  .s-magazine_list-time {
    font-size: 12px;
    line-height: 1;
    letter-spacing: .03em;
    margin-top: 8px
  }
}
.s-magazine_lists-pagenation {
  padding-bottom: 150px
}
@media only screen and (max-width: 760px) {
  .s-magazine_lists-pagenation {
    padding-bottom: 84px
  }
}
.s-magazine_detail {
  overflow: hidden
}
.s-magazine_detail .l-und_detail-article {
  margin-top: -6px
}
.s-magazine_detail .l-und_detail-article-default, .s-magazine_detail .l-und_detail-article-bk, .s-magazine_detail .l-und_detail-article-ask, .s-magazine_detail .l-und_detail-article-imgset-col1, .s-magazine_detail .l-und_detail-article-imgset-small, .s-magazine_detail .l-und_detail-article-movset, .s-magazine_detail .l-und_detail-article-tglsets, .s-magazine_detail .l-und_detail-article-btnset {
  margin-bottom: 100px
}
@media only screen and (max-width: 760px) {
  .s-magazine_detail .l-und_detail-article-default, .s-magazine_detail .l-und_detail-article-bk, .s-magazine_detail .l-und_detail-article-ask, .s-magazine_detail .l-und_detail-article-imgset-col1, .s-magazine_detail .l-und_detail-article-imgset-small, .s-magazine_detail .l-und_detail-article-movset, .s-magazine_detail .l-und_detail-article-tglsets, .s-magazine_detail .l-und_detail-article-btnset {
    margin-bottom: 60px
  }
}
.s-magazine_detail .l-und_detail-article-imgset-col2 {
  margin-bottom: 55px
}
@media only screen and (max-width: 760px) {
  .s-magazine_detail .l-und_detail-article-imgset-col2 {
    margin-bottom: 60px
  }
}
.s-magazine_detail .l-und_detail-article-linkset {
  padding-bottom: 100px
}
@media only screen and (max-width: 760px) {
  .s-magazine_detail .l-und_detail-article-linkset {
    padding-bottom: 60px
  }
}
.s-magazine_detail .l-und_contents-inr {
  margin-bottom: 0;
  padding-bottom: 160px
}
@media only screen and (max-width: 760px) {
  .s-magazine_detail .l-und_contents-inr {
    padding-bottom: 90px
  }
}
.s-magazine_detail .l-und_detail-article-imgset-small-btn--blank .text {
  display: inline-block;
  position: relative
}
.s-magazine_detail .l-und_detail-article-imgset-small-btn--blank .text:after {
  content: "";
  display: inline-block;
  width: 13px;
  height: 1px;
  margin-left: -13px;
  vertical-align: -1px;
  background-color: #40b44b
}
.s-magazine_detail .l-und_detail-article-imgset-small-btn--blank .c_arrow-single {
  display: inline-block;
  position: relative;
  vertical-align: 3px;
  margin-left: 12px
}
.s-magazine_detail .s-products_sec-free {
  margin: 0
}
.s-magazine_detail .s-products_sec-related {
  margin-right: 0;
  padding-bottom: 0
}
@media only screen and (max-width: 760px) {
  .s-magazine_detail .s-products_sec-related {
    margin-right: 0;
    padding-bottom: 0
  }
}
.s-magazine_detail .s-products_sec-related-article {
  width: 30%;
  margin-right: 5%
}
@media only screen and (max-width: 760px) {
  .s-magazine_detail .s-products_sec-related-article {
    width: auto;
    margin-right: 0
  }
}
.s-magazine_detail .s-products_sec-related-article:nth-of-type(3n) {
  margin-right: 0
}
.s-magazine_detail .s-products_sec-bnarea {
  margin: 53px 0 0 0
}
.s-magazine_detail-main {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 98.8372093023vh;
  z-index: 0;
  overflow: hidden;
  color: #fff
}
@media only screen and (max-width: 760px) {
  .s-magazine_detail-main {
    height: 108.6956521739vh
  }
}
.s-magazine_detail-main figure {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0
}
.s-magazine_detail-main figure:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(24, 24, 24, 0.3)
}
.s-magazine_detail-main figure img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  pointer-events: none
}
.s-magazine_detail-main .l-breadcrumb {
  position: absolute;
  bottom: 24.3023255814vh;
  right: 4.5454545455vw;
  color: #fff
}
.s-magazine_detail-main .l-breadcrumb a {
  color: #fff
}
.s-magazine_detail-main-ttlgroup {
  width: 70.4545454545vw;
  position: absolute;
  bottom: 29.8837209302vh;
  left: 9.0909090909vw;
  z-index: 1
}
@media only screen and (max-width: 760px) {
  .s-magazine_detail-main-ttlgroup {
    width: 100%;
    padding: 0 5.5555555556vw;
    left: 0;
    bottom: 32.8804347826vh
  }
}
.s-magazine_detail-main-cat {
  display: inline-block;
  color: #fff;
  margin: 0 12px 23px 0;
  padding: 5px 10px 5px 10px;
  font-size: 12px;
  line-height: 1.2;
  letter-spacing: .03em;
  border: 1px solid #fff;
  border-radius: 13px;
  font-weight: 500 !important
}
@media print {
  .s-magazine_detail-main-cat {
    font-size: 7.0588235294px !important
  }
}
@media only screen and (max-width: 760px) {
  .s-magazine_detail-main-cat {
    margin: 0 6px 17px 0
  }
}
.s-magazine_detail-main-time {
  display: inline-block;
  font-size: 12px;
  line-height: 1;
  letter-spacing: .03em
}
@media print {
  .s-magazine_detail-main-time {
    font-size: 7.0588235294px !important
  }
}
.s-magazine_detail-main-ttl {
  font-size: calc((1364px - (1364px - var(--font-device-width-unit)) / 1) / 1364 * 44);
  line-height: 1.11;
  letter-spacing: .03em
}
@media print {
  .s-magazine_detail-main-ttl {
    font-size: 25.8823529412px !important
  }
}
@media only screen and (max-width: 760px) {
  .s-magazine_detail-main-ttl {
    font-size: clamp(10px, 6.7632850242vw, 28px)
  }
}
@media only screen and (max-height: 500px) and (max-width: 760px) {
  .s-magazine_detail-main-ttl {
    font-size: 20px
  }
}
.s-magazine_detail-bottom {
  width: 81.8181818182vw;
  margin: 0 auto;
  padding: 120px 6.8181818182vw 117px 6.8181818182vw;
  background-color: #F6F6F6;
  border-radius: 3.6656891496vw
}
@media only screen and (max-width: 760px) {
  .s-magazine_detail-bottom {
    width: auto;
    margin: 0 -3.6231884058vw;
    padding: 70px 3.6231884058vw 40px 3.6231884058vw;
    border-radius: 7.2463768116vw
  }
}
.s-magazine_detail-related-products {
  margin: 0 -2.2727272727vw 100px 0
}
@media only screen and (max-width: 760px) {
  .s-magazine_detail-related-products {
    margin: 0 0 40px 0
  }
}
.s-magazine_detail-related-products ul {
  display: flex;
  flex-wrap: wrap
}
.s-magazine_detail-related-products ul li {
  width: 22.58%;
  margin-right: 3.22%
}
@media only screen and (max-width: 760px) {
  .s-magazine_detail-related-products ul li {
    width: 47.82%;
    margin: 0 4.36% 26px 0
  }
  .s-magazine_detail-related-products ul li:nth-of-type(2n) {
    margin-right: 0
  }
}
.s-magazine_detail-related-products ul li:nth-of-type(4n) {
  margin-right: 0
}
.s-magazine_detail-related-products ul li .fig {
  position: relative;
  display: block;
  margin-bottom: 20px;
  background-color: #EAEAEA;
  border-radius: 1.7595307918vw;
  overflow: hidden
}
@media only screen and (max-width: 760px) {
  .s-magazine_detail-related-products ul li .fig {
    border-radius: 5.7971014493vw;
    margin-bottom: 14px
  }
}
.s-magazine_detail-related-products ul li .fig img {
  transition: transform .6s;
  aspect-ratio: 1;
  will-change: transform
}
.s-magazine_detail-related-products ul li .fig .c_new {
  top: .8797653959vw;
  left: auto;
  right: .8797653959vw
}
@media only screen and (max-width: 760px) {
  .s-magazine_detail-related-products ul li .fig .c_new {
    top: 2.8985507246vw;
    right: 2.8985507246vw
  }
}
.s-magazine_detail-related-products ul li .cat {
  display: table;
  margin: 0 0 11px 0;
  padding: 2px 11px 3px 11px;
  color: #888;
  font-size: 11px;
  line-height: 1.2;
  letter-spacing: .03em;
  border: 2px solid #DDDDDD;
  border-radius: 11px
}
@media print {
  .s-magazine_detail-related-products ul li .cat {
    font-size: 6.4705882353px !important
  }
}
@media only screen and (max-width: 760px) {
  .s-magazine_detail-related-products ul li .cat {
    font-size: 10px;
    line-height: 1.2;
    letter-spacing: .03em;
    margin: 0 0 8px 0;
    padding: 3px 11px;
    border-radius: 10px
  }
}
.s-magazine_detail-related-products ul li .text {
  display: block;
  padding: 0;
  font-size: calc((1364px - (1364px - var(--font-device-width-unit)) / 2) / 1364 * 18);
  line-height: 1.3;
  letter-spacing: .03em
}
@media print {
  .s-magazine_detail-related-products ul li .text {
    font-size: 10.5882352941px !important
  }
}
@media only screen and (max-width: 760px) {
  .s-magazine_detail-related-products ul li .text {
    padding: 0;
    font-size: 16px;
    line-height: 1.3;
    letter-spacing: .03em
  }
}
.s-magazine_detail-related-products ul li a {
  display: block
}
.s-magazine_detail-related-products ul li a:hover img {
  transform: scale(1.1)
}
.s-magazine_detail-related-products ul li a:hover .c_new img {
  transform: scale(1)
}
.s-magazine_detail-related-ttl {
  margin-bottom: 21px
}
@media only screen and (max-width: 760px) {
  .s-magazine_detail-related-ttl {
    margin-bottom: 22px
  }
}
@media only screen and (max-width: 760px) {
  .s-category .l-und_main-ttl {
    bottom: clamp(65px, 15.4891304348vh, 114px)
  }
}
.s-category .l-und_main-ttl .text_large {
  font-size: 26px;
  line-height: 1.3;
  letter-spacing: .03em;
  vertical-align: .55em;
  margin-left: -72px;
  display: inline-block;
  min-width: 3em
}
@media print {
  .s-category .l-und_main-ttl .text_large {
    font-size: 15.2941176471px !important
  }
}
@media only screen and (max-width: 760px) {
  .s-category .l-und_main-ttl .text_large {
    font-size: clamp(10px, 5.3140096618vw, 22px);
    display: block;
    margin: -49px 0 0 10px
  }
}
.s-category .l-und_main-ttl .icon {
  display: inline-block;
  width: 90px;
  height: 90px;
  position: relative;
  right: 29px;
  top: 13px
}
@media only screen and (max-width: 760px) {
  .s-category .l-und_main-ttl .icon {
    width: 52px;
    height: 52px;
    right: 16px;
    top: -5px
  }
}
.s-category .l-und_nav {
  margin-top: 4px
}
.s-category .l-und_nav ul li ul li {
  margin-left: -.9530791789vw;
  margin-bottom: 11px
}
.s-category .l-und_nav ul li ul li.js-sidenavcurrent:not(.js-sidenavcurrent-ignore):before {
  top: .4em;
  left: -2px
}
.s-category_sec-ttl {
  margin-bottom: 55px
}
@media only screen and (max-width: 760px) {
  .s-category_sec-ttl {
    margin-bottom: 27px
  }
}
.s-category_level01 {
  margin: 1px 0 76px 4.5454545455vw
}
@media only screen and (max-width: 760px) {
  .s-category_level01 {
    margin: 0 0 48px 0
  }
}
@media only screen and (max-width: 760px) {
  .s-category_level01 .c_new {
    width: 8.6956521739vw;
    height: 5.3140096618vw
  }
}
.s-category_level01:nth-of-type(n+2) .c_ttl-mid-jp .text {
  font-size: 32px;
  line-height: 1.1;
  letter-spacing: .03em
}
@media print {
  .s-category_level01:nth-of-type(n+2) .c_ttl-mid-jp .text {
    font-size: 18.8235294118px !important
  }
}
@media only screen and (max-width: 760px) {
  .s-category_level01:nth-of-type(n+2) .c_ttl-mid-jp .text {
    font-size: 24px;
    line-height: 1.1;
    letter-spacing: .03em
  }
}
.s-category_level01:nth-of-type(n+2) .s-category_sec-ttl {
  margin-bottom: 53px
}
@media only screen and (max-width: 760px) {
  .s-category_level01:nth-of-type(n+2) .s-category_sec-ttl {
    margin-bottom: 28px
  }
}
.s-category_level02 {
  margin-bottom: 54px
}
@media only screen and (max-width: 760px) {
  .s-category_level02 {
    margin-bottom: 32px
  }
}
.s-category_bottom-btn {
  display: table;
  padding-bottom: 133px;
  margin-left: 4.5454545455vw;
  padding-top: 1px
}
@media only screen and (max-width: 760px) {
  .s-category_bottom-btn {
    margin: -9px 0 0 0;
    padding: 0 0 78px 0
  }
}
@media only screen and (max-width: 760px) {
  .s-search .l-und_main--min:before {
    bottom: 4.1062801932vw
  }
}
.s-search .l-und_main-ttl .en {
  margin-right: 30px
}
@media only screen and (max-width: 760px) {
  .s-search .l-und_main-ttl .en {
    margin-right: 0
  }
}
@media only screen and (max-width: 760px) {
  .s-search .l-contents-und {
    margin-top: -16px
  }
}
.s-search_result-wrap {
  margin: 2px 4.5454545455vw 0 4.5454545455vw;
  padding-bottom: 149px
}
@media only screen and (max-width: 960px) {
  .s-search_result-wrap {
    margin: 2px 2.2727272727vw 0 2.2727272727vw
  }
}
@media only screen and (max-width: 760px) {
  .s-search_result-wrap {
    margin: 1px 0 0 0;
    padding-bottom: 83px
  }
}
.s-search_result-inr {
  padding-bottom: calc(114px - 3.22vw)
}
@media only screen and (max-width: 760px) {
  .s-search_result-inr {
    padding-bottom: calc(66px - 6.03vw)
  }
}
.s-search_result-inr .l-und_productlist-col4 li {
  margin-bottom: 44px
}
@media only screen and (max-width: 760px) {
  .s-search_result-inr .l-und_productlist-col4 li {
    margin-bottom: 25px
  }
}
.s-search_result-form .c_search {
  margin-right: 0
}
.s-search_result-form .c_search-searchform {
  margin-bottom: 48px
}
@media only screen and (max-width: 760px) {
  .s-search_result-form .c_search-searchform {
    margin-bottom: 27px
  }
}
.s-search_result-form .c_form input[type=text] {
  background-color: #f6f6f6;
  color: #212121;
  font-weight: 500
}
@media only screen and (max-width: 760px) {
  .s-search_result-form .c_form button {
    background-size: 20px auto
  }
}
.s-search_ttl {
  font-size: 16px;
  line-height: 1.7;
  letter-spacing: .03em;
  position: relative;
  margin-bottom: 45px;
  padding-left: 17px;
  padding-top: 1px
}
@media print {
  .s-search_ttl {
    font-size: 9.4117647059px !important
  }
}
@media only screen and (max-width: 760px) {
  .s-search_ttl {
    font-size: 14px;
    line-height: 1.7;
    letter-spacing: .03em;
    margin-bottom: 27px;
    padding-left: 15px;
    padding-top: 0
  }
}
.s-search_ttl:before {
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #40b44b;
  position: absolute;
  top: 14px;
  left: 0
}
@media only screen and (max-width: 760px) {
  .s-search_ttl:before {
    top: 11px
  }
}
.s-search_ttl .count {
  font-size: 26px;
  line-height: 1;
  letter-spacing: .03em;
  margin: 0 6px 0 12px;
  color: #40b44b;
  transform: translateY(1px);
  display: inline-block
}
@media print {
  .s-search_ttl .count {
    font-size: 15.2941176471px !important
  }
}
@media only screen and (max-width: 760px) {
  .s-search_ttl .count {
    font-size: 22px;
    line-height: 1;
    letter-spacing: .03em;
    margin: 0 4px;
    transform: translateY(3px)
  }
}
.s-search_all-wrap {
  border-top: 1px solid #DDDDDD;
  margin: 0 0 120px 0
}
@media only screen and (max-width: 760px) {
  .s-search_all-wrap {
    margin: 0 0 70px 0
  }
}
.s-search_all-section {
  border-bottom: 1px solid #DDDDDD
}
.s-search_all-section a {
  display: block;
  position: relative;
  padding: 40px 9.0909090909vw 42px 0
}
@media only screen and (max-width: 760px) {
  .s-search_all-section a {
    padding: 16px 7.4879227053vw 15px 0
  }
}
.s-search_all-section a p {
  padding: 0 0 0 18px;
  font-size: 14px;
  line-height: 1.4;
  letter-spacing: .03em;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical
}
@media print {
  .s-search_all-section a p {
    font-size: 8.2352941176px !important
  }
}
@media only screen and (max-width: 760px) {
  .s-search_all-section a p {
    font-size: 13px;
    line-height: 1.4;
    letter-spacing: .03em;
    -webkit-line-clamp: 6
  }
}
.s-search_all-section a .c_arrow-single {
  top: 50%;
  transform: translateY(-50%);
  right: 11px
}
@media only screen and (max-width: 760px) {
  .s-search_all-section a .c_arrow-single {
    top: 24px;
    right: 2px;
    transform: none
  }
}
.s-search_all-section-ttl {
  position: relative;
  padding: 0 0 0 18px;
  margin: 0 0 11px 0;
  font-size: 22px;
  line-height: 1.6;
  letter-spacing: .03em
}
@media print {
  .s-search_all-section-ttl {
    font-size: 12.9411764706px !important
  }
}
@media only screen and (max-width: 760px) {
  .s-search_all-section-ttl {
    font-size: 15px;
    line-height: 1.4;
    letter-spacing: .03em;
    margin: 0 0 10px 0
  }
}
.s-search_all-section-ttl:before {
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #40b44b;
  position: absolute;
  top: 13px;
  left: 0
}
@media only screen and (max-width: 760px) {
  .s-search_all-section-ttl:before {
    top: 10px
  }
}
.s-search-result_result-wrap {
  margin: 2px 4.5454545455vw 0 4.5454545455vw;
  padding-bottom: 41px
}
@media only screen and (max-width: 960px) {
  .s-search-result_result-wrap {
    margin: 2px 2.2727272727vw 0 2.2727272727vw
  }
}
@media only screen and (max-width: 760px) {
  .s-search-result_result-wrap {
    margin: 1px 0 0 0;
    padding-bottom: 21px
  }
}
.s-support_faq-wrap {
  margin: -3px 4.5454545455vw 0 4.5454545455vw;
  padding-bottom: 120px
}
@media only screen and (max-width: 960px) {
  .s-support_faq-wrap {
    margin: -3px 2.2727272727vw 0 2.2727272727vw
  }
}
@media only screen and (max-width: 760px) {
  .s-support_faq-wrap {
    margin: -3px 0 0 0;
    padding-bottom: 56px
  }
}
.s-support_faq-intro {
  width: 53.3724340176vw;
  margin: 0 0 112px auto;
  font-size: 16px;
  line-height: 1.7;
  letter-spacing: .03em
}
@media print {
  .s-support_faq-intro {
    font-size: 9.4117647059px !important
  }
}
@media only screen and (max-width: 760px) {
  .s-support_faq-intro {
    width: auto;
    margin: 0 0 54px 0;
    font-size: 14px;
    line-height: 1.7;
    letter-spacing: .03em
  }
}
.s-support_faq-intro a {
  text-decoration: underline;
  transition: opacity .3s
}
.s-support_faq-intro a:hover {
  opacity: .8
}
.s-support_sec-ttl {
  margin-bottom: 23px
}
.s-support_sec-ttl .num {
  margin-bottom: 1px
}
.s-support_sec-ttl .en {
  margin-right: 11px
}
.s-support_pd {
  padding: 119px 9.0909090909vw 120px 9.0909090909vw;
  margin: 0 -4.5454545455vw
}
@media only screen and (max-width: 960px) {
  .s-support_pd {
    margin: 0 -4.5454545455vw
  }
}
@media only screen and (max-width: 760px) {
  .s-support_pd {
    padding: 69px 5.5555555556vw 70px 5.5555555556vw;
    margin: 0 -5.5555555556vw
  }
}
.s-support_section {
  padding-bottom: 80px
}
@media only screen and (max-width: 760px) {
  .s-support_section {
    padding-bottom: 60px
  }
}
.s-support_col3 {
  display: flex;
  flex-wrap: wrap
}
@media only screen and (max-width: 760px) {
  .s-support_col3 {
    display: block
  }
}
.s-support_col3 li {
  width: 30.55%;
  margin-right: 4.175%;
  position: relative
}
@media only screen and (max-width: 960px) {
  .s-support_col3 li {
    width: 32%;
    margin-right: 2%
  }
}
@media only screen and (max-width: 760px) {
  .s-support_col3 li {
    width: auto;
    margin-right: 0
  }
}
.s-support_col3 li:nth-of-type(3n) {
  margin-right: 0
}
.s-support_icon-list {
  padding-top: 3px;
  margin-bottom: -1px
}
@media only screen and (max-width: 760px) {
  .s-support_icon-list {
    margin: 0 7.729468599vw -5px 7.729468599vw;
    padding-top: 0
  }
}
.s-support_icon-list li {
  margin-bottom: 2.9325513196vw
}
@media only screen and (max-width: 760px) {
  .s-support_icon-list li {
    margin-bottom: 3.3816425121vw
  }
}
.s-support_icon-list li .fig {
  display: block;
  margin: 0 auto 20px auto;
  width: 100%;
  text-align: center
}
@media only screen and (max-width: 760px) {
  .s-support_icon-list li .fig {
    width: auto;
    margin-bottom: 18px
  }
}
.s-support_icon-list li .fig img {
  width: 13.1231671554vw;
  transition: transform .6s;
  aspect-ratio: 1.5169491525;
  will-change: transform
}
@media only screen and (max-width: 760px) {
  .s-support_icon-list li .fig img {
    width: 38.4057971014vw
  }
}
.s-support_icon-list li .ttl {
  width: 100%;
  display: block;
  font-size: calc((1364px - (1364px - var(--font-device-width-unit)) / 2) / 1364 * 18);
  line-height: 1.3333333333;
  letter-spacing: .03em;
  padding: 0 23px 0 0
}
@media print {
  .s-support_icon-list li .ttl {
    font-size: 10.5882352941px !important
  }
}
@media only screen and (max-width: 760px) {
  .s-support_icon-list li .ttl {
    width: auto;
    font-size: 16px;
    line-height: 1.375;
    letter-spacing: .03em
  }
}
.s-support_icon-list li a {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  position: relative;
  height: 100%;
  border-radius: 1.4662756598vw;
  background-color: #eaeaea;
  padding: 26px 24px 22px 1.7595307918vw
}
@media only screen and (max-width: 760px) {
  .s-support_icon-list li a {
    display: block;
    padding: 23px 20px 18px 4.8309178744vw;
    border-radius: 4.8309178744vw
  }
}
.s-support_icon-list li a:hover img {
  transform: scale(1.1)
}
.s-support_icon-list .c_arrow-single {
  right: 26px;
  bottom: 28px
}
@media only screen and (max-width: 760px) {
  .s-support_icon-list .c_arrow-single {
    right: 22px;
    bottom: 23px
  }
}
.s-support_category-list {
  display: flex;
  flex-wrap: wrap;
  font-size: calc((1364px - (1364px - var(--font-device-width-unit)) / 2) / 1364 * 16);
  line-height: 1.5;
  letter-spacing: .03em;
  margin-top: -7px;
  padding-bottom: 20px
}
@media print {
  .s-support_category-list {
    font-size: 9.4117647059px !important
  }
}
@media only screen and (max-width: 760px) {
  .s-support_category-list {
    font-size: 14px;
    line-height: 1.5714285714;
    letter-spacing: .03em;
    margin-top: 0
  }
}
.s-support_category-list li {
  width: 22.22%;
  margin-right: 3.7%;
  margin-bottom: 1.4662756598vw;
  text-align: center
}
@media only screen and (max-width: 960px) {
  .s-support_category-list li {
    width: 23%;
    margin-right: 2.66%
  }
}
@media only screen and (max-width: 760px) {
  .s-support_category-list li {
    width: 47.82%;
    margin-right: 4.36%;
    margin-bottom: 2.4154589372vw
  }
}
.s-support_category-list li:nth-of-type(4n) {
  margin-right: 0
}
@media only screen and (max-width: 760px) {
  .s-support_category-list li:nth-of-type(2n) {
    margin-right: 0
  }
}
.s-support_category-list .bk {
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -1px);
  width: 10.9970674487vw;
  z-index: -1
}
@media only screen and (max-width: 760px) {
  .s-support_category-list .bk {
    width: 25.845410628vw;
    height: 29.9516908213vw
  }
}
.s-support_category-list .bk img {
  transition: transform .6s;
  aspect-ratio: 1
}
.s-support_category-list .fig {
  display: block;
  margin: 0 auto -11px auto;
  width: 10.9970674487vw;
  transform: translate(0, -2px)
}
@media only screen and (max-width: 760px) {
  .s-support_category-list .fig {
    width: 25.845410628vw;
    margin: 0 auto -15px auto
  }
}
.s-support_category-list .fig img {
  transition: transform .6s;
  aspect-ratio: 1;
  will-change: transform
}
.s-support_category-list a {
  display: block;
  height: 100%;
  position: relative;
  padding: 0 6px 16px 6px;
  background: #eaeaea;
  border-radius: 20px;
  z-index: 0
}
@media only screen and (max-width: 760px) {
  .s-support_category-list a {
    padding: 0 6px 14px 6px
  }
}
.s-support_category-list a:hover .bk img {
  transform: scale(1.05)
}
.s-support_category-list a:hover .fig img {
  transform: scale(1.16)
}
@media only screen and (max-width: 760px) {
  .s-support_search {
    margin-top: -21px
  }
}
.s-support_search .s-support_sec-ttl {
  margin-bottom: 14px
}
@media only screen and (max-width: 760px) {
  .s-support_search .s-support_sec-ttl {
    margin-bottom: 23px
  }
}
.s-support_search .c_search {
  margin-right: 0
}
.s-support_search .c_search-searchform {
  margin-bottom: 0
}
.s-support_contact {
  padding: 129px 0 14.9560117302vw 0;
  margin: 0 -4.5454545455vw;
  position: relative;
  overflow: hidden;
  border-radius: 0 0 5.8651026393vw 5.8651026393vw
}
@media only screen and (max-width: 760px) {
  .s-support_contact {
    padding: 69px 0 90px 0;
    margin: 0 -5.5555555556vw;
    border-radius: 0 9.6618357488vw 9.6618357488vw 0
  }
}
.s-support_contact:before {
  content: "";
  display: block;
  width: 100vw;
  height: 25.293255132vw;
  position: absolute;
  top: 144px;
  left: 0;
  background-image: url("../img/vector2.svg");
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 100% auto;
  z-index: -1
}
@media only screen and (max-width: 760px) {
  .s-support_contact:before {
    width: 100vw;
    height: 62.077294686vw;
    top: 57px;
    left: 0;
    right: 0;
    background-image: url("../img/vector2_sp.svg")
  }
}
.s-support_contact p {
  width: 344px;
  margin: 0 auto 45px auto;
  text-align: center;
  font-size: 16px;
  line-height: 1.7;
  letter-spacing: .03em
}
@media print {
  .s-support_contact p {
    font-size: 9.4117647059px !important
  }
}
@media only screen and (max-width: 760px) {
  .s-support_contact p {
    width: 88.8888888889vw;
    margin: 0 auto 35px auto;
    font-size: 14px;
    line-height: 1.7;
    letter-spacing: .03em
  }
}
.s-support_contact-ttl {
  font-size: 12px;
  line-height: 1.1;
  letter-spacing: 0em;
  text-align: center;
  margin-bottom: 34px
}
@media print {
  .s-support_contact-ttl {
    font-size: 7.0588235294px !important
  }
}
@media only screen and (max-width: 760px) {
  .s-support_contact-ttl {
    margin-bottom: 23px
  }
}
.s-support_contact-ttl .num {
  display: block;
  margin-bottom: 4px;
  color: #40b44b
}
@media only screen and (max-width: 760px) {
  .s-support_contact-ttl .num {
    margin-bottom: 3px
  }
}
.s-support_contact-ttl .en {
  display: block;
  margin-bottom: -10px;
  font-size: 60px;
  line-height: 1.1;
  letter-spacing: 0em
}
@media print {
  .s-support_contact-ttl .en {
    font-size: 35.2941176471px !important
  }
}
@media only screen and (max-width: 760px) {
  .s-support_contact-ttl .en {
    margin-bottom: -4px;
    font-size: 46px;
    line-height: 1.1;
    letter-spacing: 0em
  }
}
.s-support_contact-ttl .text {
  display: block
}
.s-support_contact-btn {
  width: 273px;
  height: 90px;
  margin: 0 auto
}
@media only screen and (max-width: 760px) {
  .s-support_contact-btn {
    width: 241px;
    height: 76px
  }
}
.s-support_contact-fig-inr {
  overflow: hidden
}
.s-support_contact-fig {
  position: absolute;
  width: 18.1818181818vw
}
@media only screen and (max-width: 760px) {
  .s-support_contact-fig {
    display: none
  }
}
.s-support_contact-fig--01 {
  top: 100px;
  right: 6.8181818182vw
}
.s-support_contact-fig--01 .s-support_contact-fig-inr {
  border-radius: 9.0909090909vw 9.0909090909vw 1.4662756598vw 1.4662756598vw
}
.s-support_contact-fig--02 {
  top: 200px;
  left: 6.8181818182vw
}
.s-support_contact-fig--02 .s-support_contact-fig-inr {
  border-radius: 10.2639296188vw
}
.s-support_detail .l-und_contents-inr {
  margin-bottom: 0;
  padding-bottom: 160px
}
@media only screen and (max-width: 760px) {
  .s-support_detail .l-und_contents-inr {
    padding-bottom: 89px
  }
}
.s-support_detail .l-und_detail-article-bottom-btn {
  margin: 0 0 0 11.3636363636vw
}
@media only screen and (max-width: 960px) {
  .s-support_detail .l-und_detail-article-bottom-btn {
    margin: 0 0 0 2.2727272727vw
  }
}
@media only screen and (max-width: 760px) {
  .s-support_detail .l-und_detail-article-bottom-btn {
    margin: 0
  }
}
.s-support_detail .l-und_detail-article:before {
  display: none
}
.s-support_detail .l-und_detail-article h2 {
  position: relative
}
@media only screen and (max-width: 760px) {
  .s-support_detail .l-und_detail-article h2 {
    padding-left: 15px
  }
}
.s-support_detail .l-und_detail-article h2:before {
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #40b44b;
  position: absolute;
  top: 16px;
  left: -18px
}
@media only screen and (max-width: 760px) {
  .s-support_detail .l-und_detail-article h2:before {
    top: 11px;
    left: 0
  }
}
@media only screen and (max-width: 760px) {
  .s-support_detail .l-und_detail-article h3 {
    margin: 0 3.6231884058vw 17px 3.6231884058vw;
    padding-left: 0
  }
}
.s-support_detail .l-und_detail-article h3:before {
  display: none
}
.s-support_detail-spacer {
  height: 60vh;
  max-height: 516px;
  min-height: calc(342px + var(--notice-height))
}
@media only screen and (max-width: 760px) {
  .s-support_detail-spacer {
    height: 46.1956521739vh;
    max-height: 340px;
    min-height: calc(206px + var(--notice-height-sp))
  }
}
.s-support_detail-main {
  padding: 0;
  height: 83.7209302326vh;
  max-height: 720px;
  min-height: calc(477px + var(--notice-height))
}
@media only screen and (max-width: 760px) {
  .s-support_detail-main {
    height: 50.4076086957vh;
    max-height: 371px;
    min-height: calc(243px + var(--notice-height-sp))
  }
}
.s-support_detail-main:before {
  content: "";
  display: block;
  width: 117.1554252199vw;
  height: 25.219941349vw;
  position: absolute;
  bottom: 77px;
  left: -16.862170088vw;
  background-image: url("../img/vector_detail.svg");
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 100% auto;
  z-index: -1
}
@media only screen and (max-width: 760px) {
  .s-support_detail-main:before {
    width: 100%;
    height: 47.3429951691vw;
    left: 0;
    bottom: -24px;
    background-image: url("../img/vector_detail_sp.svg");
    background-size: auto 100%
  }
}
.s-support_detail-main .l-breadcrumb {
  position: absolute;
  bottom: clamp(147px, 26.3953488372vh, 227px);
  right: 4.5454545455vw
}
.s-support_detail-main-sbttl {
  font-size: 14px;
  line-height: 1.2857142857;
  letter-spacing: .03em;
  position: relative;
  padding-left: 18px;
  margin-bottom: clamp(0px, 1.4662756598vw, 20px)
}
@media print {
  .s-support_detail-main-sbttl {
    font-size: 8.2352941176px !important
  }
}
@media only screen and (max-width: 760px) {
  .s-support_detail-main-sbttl {
    font-size: 12px;
    line-height: 1.1666666667;
    letter-spacing: .03em;
    padding-left: 16px;
    margin-bottom: clamp(10px, 3.6231884058vw, 15px)
  }
}
.s-support_detail-main-sbttl:before {
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #40b44b;
  position: absolute;
  top: .4em;
  left: 0
}
.s-support_detail-main-ttl {
  font-size: calc((1364px - (1364px - var(--font-device-width-unit)) / 1.6) / 1364 * 46);
  line-height: 1.18;
  letter-spacing: .03em
}
@media print {
  .s-support_detail-main-ttl {
    font-size: 27.0588235294px !important
  }
}
@media only screen and (max-width: 760px) {
  .s-support_detail-main-ttl {
    line-height: 1.1;
    font-size: 28px;
    line-height: 1.1;
    letter-spacing: .03em
  }
}
@media only screen and (max-width: 414px) {
  .s-support_detail-main-ttl {
    font-size: 6.7632850242vw
  }
}
.s-support_detail-main-ttlgroup {
  width: 75vw;
  position: absolute;
  bottom: clamp(175px, 33.8372093023vh, 291px);
  left: 9.0909090909vw
}
@media only screen and (max-width: 960px) {
  .s-support_detail-main-ttlgroup {
    left: 4.5454545455vw
  }
}
@media only screen and (max-width: 760px) {
  .s-support_detail-main-ttlgroup {
    width: auto;
    margin: 0;
    bottom: clamp(65px, 10.0543478261vh, 74px);
    left: 5.5555555556vw;
    right: 5.5555555556vw
  }
}
.s-support-list .l-und_nav {
  margin-top: 72px
}
@media only screen and (max-width: 413px) {
  .s-support-list .l-und_contents-wrap {
    padding-top: 50px
  }
}
.s-support-list .l-und_contents-wrap nav header {
  margin-bottom: 29px
}
.s-support-list .s-magazine_lists-filter-ttl {
  width: 19.0615835777vw
}
@media only screen and (max-width: 760px) {
  .s-support-list .s-magazine_lists-filter-ttl {
    width: 63.0434782609vw
  }
}
.s-support-list_wrap {
  position: relative;
  margin-left: 4.5454545455vw
}
@media only screen and (max-width: 760px) {
  .s-support-list_wrap {
    margin-left: 0
  }
}
.s-support-list_result {
  margin: 2px 0 49px 0;
  text-align: right;
  font-size: 16px;
  line-height: 1;
  letter-spacing: .03em
}
@media print {
  .s-support-list_result {
    font-size: 9.4117647059px !important
  }
}
@media only screen and (max-width: 760px) {
  .s-support-list_result {
    font-size: 14px;
    line-height: 1;
    letter-spacing: .03em;
    margin: 17px 0 29px 0
  }
}
.s-support-list_result-num {
  color: #40b44b
}
.s-support-list_list {
  padding-bottom: 120px
}
@media only screen and (max-width: 760px) {
  .s-support-list_list {
    margin-left: 0;
    padding-bottom: 71px
  }
}
.s-support-list_single {
  border: solid #dddddd;
  border-width: 1px 0 0 0
}
.s-support-list_single:nth-last-of-type(1) {
  border-width: 1px 0 1px 0
}
.s-support-list_single .c_arrow-single {
  position: absolute;
  right: clamp(0px, .8064516129vw, 11px);
  top: calc(50% - 5px)
}
@media only screen and (max-width: 760px) {
  .s-support-list_single .c_arrow-single {
    top: calc(50% - 13px);
    right: clamp(0px, .2415458937vw, 1px)
  }
}
.s-support-list_single a {
  position: relative;
  display: flex;
  width: 100%;
  padding: 46px 0 41.5px 0
}
@media only screen and (max-width: 760px) {
  .s-support-list_single a {
    display: block;
    padding: 20px 0 16px 0
  }
}
.s-support-list_single-category {
  display: table;
  margin: 0 0 5px 0;
  font-size: 11px;
  line-height: 1;
  letter-spacing: .03em;
  color: #888888;
  border: 2px solid #dddddd;
  border-radius: 11px;
  padding: 2.5px .8431085044vw 4.5px .8431085044vw
}
@media print {
  .s-support-list_single-category {
    font-size: 6.4705882353px !important
  }
}
@media only screen and (max-width: 760px) {
  .s-support-list_single-category {
    margin: 0 5px 0 0;
    font-size: 11px;
    line-height: 1;
    letter-spacing: .03em;
    border-radius: 10px;
    padding: 2.5px 2.5362318841vw 2.5px 2.5362318841vw
  }
}
.s-support-list_single-1 {
  width: 137px;
  padding-right: 20px
}
@media only screen and (max-width: 760px) {
  .s-support-list_single-1 {
    display: flex;
    flex-wrap: wrap;
    width: auto;
    padding-right: 0;
    margin-bottom: 12px
  }
}
.s-support-list_single-2 {
  flex: 1
}
.s-support-list_single-h2 {
  position: relative;
  font-size: 22px;
  line-height: 1.4;
  letter-spacing: .03em;
  position: relative;
  margin: -4px 0 13px 0;
  padding: 0 8.064516129vw 0 1.3196480938vw
}
@media print {
  .s-support-list_single-h2 {
    font-size: 12.9411764706px !important
  }
}
@media only screen and (max-width: 760px) {
  .s-support-list_single-h2 {
    font-size: 15px;
    line-height: 1.4;
    letter-spacing: .03em;
    padding: 0 9.1787439614vw 0 4.347826087vw
  }
}
.s-support-list_single-h2:before {
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  position: absolute;
  top: 11px;
  left: 0;
  background-color: #40b44b;
  border-radius: 3px
}
@media only screen and (max-width: 760px) {
  .s-support-list_single-h2:before {
    top: 8px
  }
}
.s-support-list_single-body {
  font-size: 14px;
  line-height: 1.4;
  letter-spacing: .03em;
  padding: 0 8.064516129vw 0 1.3196480938vw;
  -webkit-line-clamp: 1;
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  font-family: paralucent, sans-serif;
  font-weight: 700
}
@media print {
  .s-support-list_single-body {
    font-size: 8.2352941176px !important
  }
}
@media only screen and (max-width: 760px) {
  .s-support-list_single-body {
    font-size: 13px;
    line-height: 1.4;
    letter-spacing: .03em;
    -webkit-line-clamp: 2;
    padding: 0 9.1787439614vw 0 4.347826087vw
  }
}
.s-support-list_single-body-inner {
  display: inline
}
.s-support-list_result-pagenation {
  margin-bottom: 110px
}
@media only screen and (max-width: 760px) {
  .s-support-list_result-pagenation {
    margin-bottom: 64px
  }
}
.s-support-list_bottom-btn {
  padding-bottom: 132px;
  display: flex;
  justify-content: center
}
@media only screen and (max-width: 760px) {
  .s-support-list_bottom-btn {
    padding-bottom: 78px
  }
}
.s-support-list_bottom-btn .c_btn-circle-type2 {
  display: inline-block;
  transform: translateX(5px)
}
@media only screen and (max-width: 760px) {
  .s-support-list_bottom-btn .c_btn-circle-type2 {
    transform: none
  }
}
.s-support-search_result-wrap {
  margin: 2px 4.5454545455vw 0 4.5454545455vw;
  padding-bottom: 28px
}
@media only screen and (max-width: 960px) {
  .s-support-search_result-wrap {
    margin: 2px 2.2727272727vw 0 2.2727272727vw
  }
}
@media only screen and (max-width: 760px) {
  .s-support-search_result-wrap {
    margin: 1px 0 0 0;
    padding-bottom: 12px
  }
}
.s-company_head {
  margin: 0 4.5454545455vw 168px 4.5454545455vw
}
@media only screen and (max-width: 960px) {
  .s-company_head {
    margin: 0 2.2727272727vw 12.1700879765vw 2.2727272727vw
  }
}
@media only screen and (max-width: 760px) {
  .s-company_head {
    margin: 0 0 70px 0
  }
}
.s-company_col2-ttl {
  margin: 0 0 36px 0
}
@media only screen and (max-width: 760px) {
  .s-company_col2-ttl {
    margin: 0 0 71.2560386473vw 0
  }
}
@media only screen and (max-width: 760px) {
  .s-company_col2:nth-of-type(2n) .s-company_col2-ttl {
    margin: 0 0 78.0193236715vw 0
  }
}
@media only screen and (max-width: 410px) {
  .s-company_col2:nth-of-type(2n) .s-company_col2-ttl {
    margin: 0 0 78.0193236715vw 0
  }
}
@media only screen and (max-width: 760px) {
  .s-company_col2-ttl .num {
    margin: 0 0 2px 0
  }
}
.s-company_col2-ttl .en {
  margin: 0;
  font-size: calc((1364px - (1364px - var(--font-device-width-unit)) / 3) / 1364 * 52);
  line-height: 1.1;
  letter-spacing: 0em
}
@media print {
  .s-company_col2-ttl .en {
    font-size: 30.5882352941px !important
  }
}
@media only screen and (max-width: 760px) {
  .s-company_col2-ttl .en {
    font-size: 36px;
    line-height: 1.1;
    letter-spacing: 0em
  }
}
.s-company_col2-ttl .text {
  display: block;
  margin: -6px 0 0 0
}
@media only screen and (max-width: 760px) {
  .s-company_col2-ttl .text {
    margin: -1px 0 0 0
  }
}
@media only screen and (max-width: 760px) {
  .s-company_col2-ttl--lines .js-textrowmotion-row:nth-child(1) {
    margin-right: .3em
  }
}
.s-company_col2-ttl--lines .js-textrowmotion-row:nth-child(n+2) {
  display: block;
  transform: translateY(-23px)
}
@media only screen and (max-width: 760px) {
  .s-company_col2-ttl--lines .js-textrowmotion-row:nth-child(n+2) {
    display: inline-block;
    transform: translateY(0)
  }
}
@media only screen and (max-width: 410px) {
  .s-company_col2-ttl--lines .js-textrowmotion-row:nth-child(n+2) {
    display: block;
    transform: translateY(-13px)
  }
}
.s-company_col2-ttl--lines .text {
  margin: -30px 0 0 0
}
@media only screen and (max-width: 760px) {
  .s-company_col2-ttl--lines .text {
    margin: 0
  }
}
@media only screen and (max-width: 410px) {
  .s-company_col2-ttl--lines .text {
    margin: -10px 0 0 0
  }
}
.s-company_col2-btn {
  display: inline-block
}
.s-company_col2-sbttl {
  font-size: calc((1364px - (1364px - var(--font-device-width-unit)) / 2) / 1364 * 30);
  line-height: 1.4;
  letter-spacing: .03em;
  margin: 0 0 27px 0
}
@media print {
  .s-company_col2-sbttl {
    font-size: 17.6470588235px !important
  }
}
@media only screen and (max-width: 760px) {
  .s-company_col2-sbttl {
    font-size: 22px;
    line-height: 1.4;
    letter-spacing: .03em;
    margin: 0 0 23px 0;
    padding: 27px 0 0 0
  }
}
@media only screen and (max-width: 760px) {
  .s-company_col2:nth-of-type(2n) .s-company_col2-sbttl {
    padding: 24px 0 0 0
  }
}
.s-company_col2 {
  display: flex;
  flex-wrap: wrap;
  margin: 0 0 119px 0
}
@media only screen and (max-width: 760px) {
  .s-company_col2 {
    display: block;
    margin: 0 0 68px 0;
    position: relative
  }
}
.s-company_col2:nth-of-type(2n) {
  flex-direction: row-reverse
}
.s-company_col2-figure {
  width: 38.6363636364vw;
  margin: 18px 0 0 9.1642228739vw;
  position: relative
}
@media only screen and (max-width: 760px) {
  .s-company_col2-figure {
    width: auto;
    margin: 0;
    position: absolute;
    top: 104px;
    left: 0
  }
}
.s-company_col2:nth-of-type(2n) .s-company_col2-figure {
  margin: 17px 11.3636363636vw 0 0
}
@media only screen and (max-width: 760px) {
  .s-company_col2:nth-of-type(2n) .s-company_col2-figure {
    margin: 0
  }
}
@media only screen and (max-width: 410px) {
  .s-company_col2:nth-of-type(2n) .s-company_col2-figure {
    top: 154px
  }
}
.s-company_col2-figure figure {
  border-radius: 2.1994134897vw;
  overflow: hidden
}
@media only screen and (max-width: 760px) {
  .s-company_col2-figure figure {
    border-radius: 7.2463768116vw
  }
}
@media only screen and (max-width: 760px) {
  .s-company_col2-figure-01 {
    margin-right: 9.6618357488vw
  }
}
.s-company_col2-figure-02 {
  width: 15.9090909091vw;
  position: absolute;
  top: -11.8035190616vw;
  right: -4.5454545455vw;
  border-radius: 1.4662756598vw !important
}
@media only screen and (max-width: 760px) {
  .s-company_col2-figure-02 {
    width: 32.8502415459vw;
    top: -24.8792270531vw;
    right: 0vw;
    border-radius: 4.8309178744vw !important
  }
}
.s-company_col2-dtl {
  flex: 1
}
.s-company_col2-dtl p {
  margin: 0 4.4721407625vw 43px 0;
  font-size: 15px;
  line-height: 1.7;
  letter-spacing: .03em
}
@media print {
  .s-company_col2-dtl p {
    font-size: 8.8235294118px !important
  }
}
@media only screen and (max-width: 760px) {
  .s-company_col2-dtl p {
    font-size: 14px;
    line-height: 1.7;
    letter-spacing: .03em;
    margin: 0 0 25px 0
  }
}
.s-company_col2:nth-of-type(2n) .s-company_col2-dtl p {
  margin-right: 2.2727272727vw
}
.s-company_gray {
  padding: 0;
  margin: 0 -4.5454545455vw 8.724340176vw -4.5454545455vw
}
@media only screen and (max-width: 760px) {
  .s-company_gray {
    padding: 0 0 70px 0;
    margin: 0 -5.5555555556vw 67px -5.5555555556vw
  }
}
.s-company_center {
  position: relative;
  overflow: hidden;
  padding: 10.2639296188vw 0 8.7976539589vw 0
}
@media only screen and (max-width: 760px) {
  .s-company_center {
    padding: 69px 0 71px 0;
    border-radius: 0 9.6618357488vw 9.6618357488vw 0
  }
}
.s-company_center:before {
  content: "";
  display: block;
  width: 100vw;
  height: 25.293255132vw;
  position: absolute;
  top: 11.9501466276vw;
  left: 0;
  background-image: url("../img/vector2.svg");
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 100% auto;
  z-index: -1;
  mix-blend-mode: multiply
}
@media only screen and (max-width: 760px) {
  .s-company_center:before {
    width: 100vw;
    height: 62.077294686vw;
    top: 56px;
    left: 0;
    right: 0;
    background-image: url("../img/vector2_sp.svg")
  }
}
.s-company_center--charactor {
  padding: 139px 0 136px 0
}
@media only screen and (max-width: 760px) {
  .s-company_center--charactor {
    padding: 70px 0 0 0
  }
}
.s-company_center--charactor:before {
  display: none
}
.s-company_center--charactor .s-company_center-ttl {
  margin: 0 0 40px 0
}
@media only screen and (max-width: 760px) {
  .s-company_center--charactor .s-company_center-ttl {
    margin: 0 0 22px 0
  }
}
.s-company_center--charactor .s-company_center-ttl .en {
  font-size: calc((1364px - (1364px - var(--font-device-width-unit)) / 2.6) / 1364 * 60);
  line-height: 1.1;
  letter-spacing: 0em;
  margin-bottom: -10px
}
@media print {
  .s-company_center--charactor .s-company_center-ttl .en {
    font-size: 35.2941176471px !important
  }
}
@media only screen and (max-width: 760px) {
  .s-company_center--charactor .s-company_center-ttl .en {
    font-size: 46px;
    line-height: 1.1;
    letter-spacing: 0em;
    margin-bottom: -3px
  }
}
.s-company_center--charactor .s-company_center-ttl .num {
  margin-bottom: 4px
}
@media only screen and (max-width: 760px) {
  .s-company_center--charactor .s-company_center-ttl .num {
    margin-bottom: 2px
  }
}
.s-company_center--charactor p {
  font-size: 16px;
  line-height: 1.7;
  letter-spacing: .03em
}
@media print {
  .s-company_center--charactor p {
    font-size: 9.4117647059px !important
  }
}
@media only screen and (max-width: 760px) {
  .s-company_center--charactor p {
    width: 59.4202898551vw !important;
    margin-bottom: 34px
  }
}
.s-company_center p {
  width: 344px;
  margin: 0 auto 45px auto;
  text-align: center;
  font-size: 15px;
  line-height: 1.7;
  letter-spacing: .03em
}
@media print {
  .s-company_center p {
    font-size: 8.8235294118px !important
  }
}
@media only screen and (max-width: 760px) {
  .s-company_center p {
    width: 88.8888888889vw;
    margin: 0 auto 35px auto;
    font-size: 14px;
    line-height: 1.7;
    letter-spacing: .03em
  }
}
.s-company_center-ttl {
  font-size: 12px;
  line-height: 1.1;
  letter-spacing: .03em;
  text-align: center;
  margin: 0 0 45px 0
}
@media print {
  .s-company_center-ttl {
    font-size: 7.0588235294px !important
  }
}
@media only screen and (max-width: 760px) {
  .s-company_center-ttl {
    margin-bottom: 25px
  }
}
.s-company_center-ttl .num {
  display: block;
  margin-bottom: 6px;
  color: #40b44b
}
@media only screen and (max-width: 760px) {
  .s-company_center-ttl .num {
    margin-bottom: 6px
  }
}
.s-company_center-ttl .en {
  display: block;
  margin-bottom: -3px;
  font-size: calc((1364px - (1364px - var(--font-device-width-unit)) / 2.6) / 1364 * 52);
  line-height: 1.1;
  letter-spacing: 0em
}
@media print {
  .s-company_center-ttl .en {
    font-size: 30.5882352941px !important
  }
}
@media only screen and (max-width: 760px) {
  .s-company_center-ttl .en {
    margin-bottom: 1px;
    font-size: 36px;
    line-height: 1.1;
    letter-spacing: 0em
  }
}
.s-company_center-ttl .text {
  display: block
}
.s-company_center-sbttl {
  font-size: 30px;
  line-height: 1.4;
  letter-spacing: 0em;
  text-align: center;
  margin: 0 0 33px 0
}
@media print {
  .s-company_center-sbttl {
    font-size: 17.6470588235px !important
  }
}
@media only screen and (max-width: 760px) {
  .s-company_center-sbttl {
    font-size: 22px;
    line-height: 1.2;
    letter-spacing: .03em;
    margin: 0 0 25px 0
  }
}
.s-company_center-btn {
  width: 236px;
  height: 90px;
  margin: 0 auto 2px auto
}
@media only screen and (max-width: 760px) {
  .s-company_center-btn {
    width: 206px;
    height: 76px
  }
}
.s-company_center--charactor .s-company_center-btn {
  width: 273px
}
@media only screen and (max-width: 760px) {
  .s-company_center--charactor .s-company_center-btn {
    width: 241px
  }
}
.s-company_center-fig-inr {
  overflow: hidden
}
.s-company_center-fig {
  position: absolute
}
@media only screen and (max-width: 760px) {
  .s-company_center-fig {
    display: none
  }
}
.s-company_center-fig--01 {
  width: 15.9090909091vw;
  height: 22.2873900293vw;
  max-width: 347.2px;
  max-height: 486.4px;
  top: 327px;
  left: 9.0909090909vw
}
.s-company_center-fig--01 .s-company_center-fig-inr {
  border-radius: 1.4662756598vw
}
.s-company_center-fig--02 {
  width: 15.9090909091vw;
  height: 22.2873900293vw;
  max-width: 347.2px;
  max-height: 486.4px;
  top: 136px;
  right: 9.0909090909vw
}
.s-company_center-fig--02 .s-company_center-fig-inr {
  border-radius: 1.4662756598vw
}
.s-company_center-fig--pepe {
  width: 18.1818181818vw;
  height: 24.1935483871vw;
  max-width: 248px;
  max-height: 330px;
  top: 210px;
  left: 9.0909090909vw
}
@media only screen and (max-width: 760px) {
  .s-company_center-fig--pepe {
    display: block;
    width: 14.0096618357vw;
    height: 18.5990338164vw;
    bottom: auto;
    top: 218px;
    left: 2.8985507246vw
  }
}
.s-company_center-fig--pepe .s-company_center-fig-inr {
  border-radius: 10.2639296188vw
}
@media only screen and (max-width: 760px) {
  .s-company_center-fig--pepe .s-company_center-fig-inr {
    border-radius: 33.8164251208vw
  }
}
.s-company_center-fig--pepe img {
  object-fit: cover;
  width: 100%;
  height: 100%
}
.s-company_center-fig--lulu {
  width: 18.1818181818vw;
  height: 23.4604105572vw;
  max-width: 248px;
  max-height: 320px;
  top: 110px;
  right: 9.0909090909vw
}
@media only screen and (max-width: 760px) {
  .s-company_center-fig--lulu {
    display: block;
    width: 14.0096618357vw;
    height: 18.5990338164vw;
    top: 198px;
    right: 2.8985507246vw
  }
}
.s-company_center-fig--lulu .s-company_center-fig-inr {
  border-radius: 9.0909090909vw 9.0909090909vw 1.4662756598vw 1.4662756598vw
}
@media only screen and (max-width: 760px) {
  .s-company_center-fig--lulu .s-company_center-fig-inr {
    border-radius: 29.9516908213vw 29.9516908213vw 10px 10px
  }
}
.s-company_center-fig--lulu img {
  object-fit: cover;
  width: 100%;
  height: 100%
}
.s-company_cont-lists {
  background-color: #EAEAEA;
  padding: 120px 9.0909090909vw 116px 9.0909090909vw;
  margin: 0 0 10px 4.5454545455vw;
  border-radius: 11.7302052786vw 0 0 11.7302052786vw
}
@media only screen and (max-width: 960px) {
  .s-company_cont-lists {
    padding: 120px 4.5454545455vw 116px 4.5454545455vw
  }
}
@media only screen and (max-width: 760px) {
  .s-company_cont-lists {
    padding: 69px 5.5555555556vw 44px 5.5555555556vw;
    margin: 0 0 0 5.5555555556vw;
    border-radius: 9.6618357488vw 0 0 9.6618357488vw
  }
}
.s-company_cont-lists-ttl {
  margin: 0 0 29px 0
}
@media only screen and (max-width: 760px) {
  .s-company_cont-lists-ttl {
    margin-bottom: 22px
  }
}
.s-company_cont-lists-ttl .en {
  font-size: 46px;
  line-height: 1.1;
  letter-spacing: 0em;
  margin: 0 12px 0 0
}
@media print {
  .s-company_cont-lists-ttl .en {
    font-size: 27.0588235294px !important
  }
}
@media only screen and (max-width: 960px) {
  .s-company_cont-lists-ttl .en {
    display: inline-block
  }
}
@media only screen and (max-width: 760px) {
  .s-company_cont-lists-ttl .en {
    display: block;
    font-size: 36px;
    line-height: 1.1;
    letter-spacing: 0em;
    margin: 0
  }
}
.s-company_cont-lists-ttl .text {
  vertical-align: .5em
}
.s-company_cont-lists-ttl .js-textrowmotion-row:nth-of-type(1) {
  margin: 0 .3em 0 0
}
@media only screen and (max-width: 410px) {
  .s-company_cont-lists-ttl .js-textrowmotion-row {
    display: block
  }
  .s-company_cont-lists-ttl .js-textrowmotion-row:nth-of-type(2n) {
    margin: -17px 0 0 0
  }
}
.s-company_cont-list-inr {
  margin: 0 0 121px 0
}
@media only screen and (max-width: 760px) {
  .s-company_cont-list-inr {
    margin: 0 0 70px 0
  }
}
.s-company_cont-list-type1 {
  display: flex;
  flex-wrap: wrap
}
@media only screen and (max-width: 760px) {
  .s-company_cont-list-type1 {
    display: block;
    margin: 0
  }
}
.s-company_cont-list-type1 li {
  position: relative;
  width: 47.15%;
  margin-right: 5.7%;
  border-radius: clamp(0px, 2.1994134897vw, 30px);
  overflow: hidden;
  z-index: 1;
  font-size: calc((1364px - (1364px - var(--font-device-width-unit)) / 1.6) / 1364 * 26);
  line-height: 1.2;
  letter-spacing: .03em;
  color: #fff
}
@media print {
  .s-company_cont-list-type1 li {
    font-size: 15.2941176471px !important
  }
}
@media only screen and (max-width: 760px) {
  .s-company_cont-list-type1 li {
    width: auto;
    border-radius: clamp(0px, 4.8309178744vw, 20px);
    margin: 0 0 19px 0;
    font-size: clamp(0px, 4.347826087vw, 18px);
    line-height: 1.22;
    letter-spacing: .03em
  }
}
.s-company_cont-list-type1 li:nth-of-type(2n) {
  margin-right: 0
}
.s-company_cont-list-type1 li a {
  display: block;
  position: relative;
  color: #fff
}
.s-company_cont-list-type1 li a:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: linear-gradient(180deg, rgba(54, 54, 54, 0) 49.48%, rgba(54, 54, 54, 0.8) 100%);
  z-index: 1
}
@media only screen and (max-width: 760px) {
  .s-company_cont-list-type1 li a:before {
    background: linear-gradient(180deg, rgba(54, 54, 54, 0) 49.48%, rgba(54, 54, 54, 0.8) 100%)
  }
}
.s-company_cont-list-type1 li a .c_arrow-single {
  bottom: 38px;
  right: 32px;
  z-index: 2
}
@media only screen and (max-width: 960px) {
  .s-company_cont-list-type1 li a .c_arrow-single {
    bottom: 20px;
    right: 22px
  }
}
@media only screen and (max-width: 760px) {
  .s-company_cont-list-type1 li a .c_arrow-single {
    bottom: 24px;
    right: 22px
  }
}
.s-company_cont-list-type1 li a .dtl {
  display: block;
  position: absolute;
  bottom: 25px;
  left: clamp(0px, 2.9325513196vw, 40px);
  right: 40px;
  z-index: 2
}
@media only screen and (max-width: 760px) {
  .s-company_cont-list-type1 li a .dtl {
    bottom: 17px;
    left: 20px
  }
}
.s-company_cont-list-type1 li a .ttl {
  display: block;
  margin-bottom: 17px
}
@media only screen and (max-width: 760px) {
  .s-company_cont-list-type1 li a .ttl {
    margin: 0
  }
}
.s-company_cont-list-type1 li a .text {
  display: block;
  font-size: calc((1364px - (1364px - var(--font-device-width-unit)) / 2) / 1364 * 14);
  line-height: 1.5;
  letter-spacing: .03em
}
@media print {
  .s-company_cont-list-type1 li a .text {
    font-size: 8.2352941176px !important
  }
}
@media only screen and (max-width: 760px) {
  .s-company_cont-list-type1 li a .text {
    display: none
  }
}
.s-company_cont-list-type1 li a img {
  transition: transform .6s;
  aspect-ratio: 1.6241830065;
  will-change: transform
}
.s-company_cont-list-type1 li a:hover img {
  transform: scale(1.1)
}
.s-company_cont-list-type2 {
  display: flex;
  flex-wrap: wrap;
  margin: 0
}
@media only screen and (max-width: 760px) {
  .s-company_cont-list-type2 {
    display: block
  }
}
.s-company_cont-list-type2-inr {
  width: 30.92%;
  margin: 0 3.62% 0 0;
  display: block
}
@media only screen and (max-width: 760px) {
  .s-company_cont-list-type2-inr {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    width: auto;
    margin: 0 0 26px 0
  }
}
.s-company_cont-list-type2-inr:nth-of-type(3n) {
  margin-right: 0
}
.s-company_cont-list-type2-inr figure {
  border-radius: 1.4662756598vw;
  margin: 0 0 29px 0;
  overflow: hidden;
  position: relative;
  z-index: 1
}
@media only screen and (max-width: 760px) {
  .s-company_cont-list-type2-inr figure {
    width: 33.3333333333vw;
    margin-right: 4.8309178744vw;
    border-radius: 3.3816425121vw
  }
}
.s-company_cont-list-type2-inr p {
  font-size: 14px;
  line-height: 1.5;
  letter-spacing: .03em
}
@media print {
  .s-company_cont-list-type2-inr p {
    font-size: 8.2352941176px !important
  }
}
@media only screen and (max-width: 760px) {
  .s-company_cont-list-type2-inr p {
    font-size: 12px;
    line-height: 1.5;
    letter-spacing: .03em
  }
}
.s-company_cont-list-type2-inr img {
  transition: transform .6s;
  aspect-ratio: 1.4051724138;
  will-change: transform
}
.s-company_cont-list-type2-inr:hover img {
  transform: scale(1.1)
}
.s-company_cont-list-type2-inr-ttl {
  margin: 0 0 3px 0
}
@media only screen and (max-width: 760px) {
  .s-company_cont-list-type2-inr-ttl {
    margin: 0 0 9px 0
  }
}
.s-company_cont-list-type2-inr-ttl .num {
  margin-bottom: -2px
}
.s-company_cont-list-type2-inr-ttl .en {
  font-size: calc((1364px - (1364px - var(--font-device-width-unit)) / 2.6) / 1364 * 42);
  line-height: 1.2;
  letter-spacing: 0em;
  margin: 0 12px -4px 0
}
@media print {
  .s-company_cont-list-type2-inr-ttl .en {
    font-size: 24.7058823529px !important
  }
}
.s-company_cont-list-type2-inr-ttl .text {
  vertical-align: 5px
}
@media only screen and (max-width: 760px) {
  .s-company_cont-list-type2-dtl {
    flex: 1
  }
}
.s-company_news {
  margin: 0 4.5454545455vw 121px 4.5454545455vw;
  position: relative
}
@media only screen and (max-width: 960px) {
  .s-company_news {
    margin: 0 2.2727272727vw 121px 2.2727272727vw
  }
}
@media only screen and (max-width: 760px) {
  .s-company_news {
    margin: 0 0 62px 0
  }
}
.s-company_news .l-news_btn {
  top: 59px
}
.s-company_news-inr {
  margin: 0 0 0 18.1818181818vw
}
@media only screen and (max-width: 760px) {
  .s-company_news-inr {
    margin: 0
  }
}
.s-company_news-ttl {
  margin-bottom: 24px
}
@media only screen and (max-width: 760px) {
  .s-company_news-ttl {
    margin-bottom: 30px
  }
}
.s-company_news-ttl .en {
  margin: 0
}
.s-company_news-ttl .text {
  display: block;
  margin: -10px 0 0 0
}
@media only screen and (max-width: 760px) {
  .s-company_news-ttl .text {
    margin: 2px 0 0 0
  }
}
.s-company_banner {
  width: 100%;
  padding: 0 4.5454545455vw 160px 4.5454545455vw
}
@media only screen and (max-width: 960px) {
  .s-company_banner {
    padding: 0 2.2727272727vw 160px 2.2727272727vw
  }
}
@media only screen and (max-width: 760px) {
  .s-company_banner {
    padding: 0 0 70px 0
  }
}
.s-company_banner li {
  width: 48.43%;
  margin-right: 3.14%;
  border-radius: clamp(0px, 1.4662756598vw, 20px)
}
@media only screen and (max-width: 760px) {
  .s-company_banner li {
    width: auto;
    margin: 0 0 20px 0;
    border-radius: clamp(0px, 4.8309178744vw, 20px)
  }
}
.s-company_banner li a img {
  aspect-ratio: 1.8881118881
}
.s-company_related {
  margin: 83px 4.5454545455vw 80px 4.5454545455vw;
  padding: 118px 6.8181818182vw 116px 6.8181818182vw;
  background: #F6F6F6;
  border-radius: 3.6656891496vw
}
@media only screen and (max-width: 960px) {
  .s-company_related {
    margin: 83px 2.2727272727vw 80px 2.2727272727vw
  }
}
@media only screen and (max-width: 760px) {
  .s-company_related {
    margin: 81px 0 0 0;
    padding: 67px 9.1787439614vw 41px 9.1787439614vw;
    border-radius: 7.2463768116vw
  }
}
.s-company_related-ttl {
  position: relative;
  margin-bottom: 24px
}
@media only screen and (max-width: 760px) {
  .s-company_related-ttl {
    margin-bottom: 43px
  }
}
.s-company_related-ttl .circle {
  display: block;
  height: 6px;
  overflow: hidden;
  position: absolute;
  top: 2.1em;
  left: -18px
}
@media only screen and (max-width: 760px) {
  .s-company_related-ttl .circle {
    top: 1.4em;
    left: -3.6231884058vw
  }
}
.s-company_related-ttl .circle:before {
  display: block;
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #40b44b;
  transform: translateY(120%);
  transition: transform 0.5s cubic-bezier(0.55, 0.01, 0.45, 1)
}
.s-company_related-ttl .circle.js-scrollaction-active:before {
  transform: translateY(0%)
}
.s-company_related-ttl .en {
  margin-right: 12px
}
.s-company_related-ttl .en .js-textrowmotion-row {
  margin: 0 .2em 0 0
}
.s-company_related-ttl .en .js-textrowmotion-row + .js-textrowmotion-row {
  margin: 0
}
@media only screen and (max-width: 760px) {
  .s-company_related-ttl .en .js-textrowmotion-row + .js-textrowmotion-row {
    margin: -10px 0 0 0
  }
}
.s-history .l-und_nav {
  margin-top: 24px
}
.s-history .l-und_contents-wrap nav header {
  margin-bottom: 29px
}
.s-history .l-und_contents-wrap nav li {
  margin-bottom: 10px
}
.s-history_list-wrap {
  position: relative;
  margin-left: 4.5454545455vw
}
@media only screen and (max-width: 760px) {
  .s-history_list-wrap {
    margin: -2px 3.6231884058vw 0 3.6231884058vw
  }
}
.s-history_list {
  margin: -2px 0 0 0;
  padding: 0 0px 41px 0
}
.s-history_list-year-group {
  display: flex;
  width: 100%;
  padding: 0 0 47px 0;
  position: relative
}
@media only screen and (max-width: 760px) {
  .s-history_list-year-group {
    display: block;
    padding: 0 0 16px 0
  }
}
.s-history_list-year-group:after {
  content: "";
  display: block;
  width: 0;
  height: 100%;
  position: absolute;
  top: 24px;
  left: 163px;
  border-left: 2px solid #F6F6F6;
  z-index: 1
}
@media only screen and (max-width: 760px) {
  .s-history_list-year-group:after {
    left: 7px
  }
}
.s-history_list-age:nth-last-child(1) .s-history_list-year-group:nth-last-child(1):after {
  display: none
}
.s-history_list-year {
  width: 217px;
  position: relative
}
@media only screen and (max-width: 760px) {
  .s-history_list-year {
    width: auto;
    padding: 0 0 0 8.2125603865vw;
    margin: 0 0 31px 0
  }
}
.s-history_list-year:after {
  content: "";
  display: block;
  width: 18px;
  height: 18px;
  border: 4px solid #40b44b;
  background-color: #ffffff;
  border-radius: 9px;
  position: absolute;
  top: 21px;
  right: 44px;
  z-index: 2;
  box-sizing: border-box
}
@media only screen and (max-width: 760px) {
  .s-history_list-year:after {
    top: 11px;
    right: auto;
    left: -1px
  }
}
.s-history_list-year1 {
  font-size: 54px;
  line-height: 1;
  letter-spacing: 0em;
  margin: 0 0 5px 0
}
@media print {
  .s-history_list-year1 {
    font-size: 31.7647058824px !important
  }
}
@media only screen and (max-width: 760px) {
  .s-history_list-year1 {
    font-size: 38px;
    line-height: 1;
    letter-spacing: .03em;
    margin: 0 0 9px 0
  }
}
.s-history_list-year2 {
  font-size: 12px;
  line-height: 1.2;
  letter-spacing: .03em;
  font-weight: 700
}
@media print {
  .s-history_list-year2 {
    font-size: 7.0588235294px !important
  }
}
@media only screen and (max-width: 760px) {
  .s-history_list-year2 {
    font-size: 11px;
    line-height: 1;
    letter-spacing: .03em
  }
}
.s-history_list-year-event-group {
  flex: 1;
  margin-top: 4px
}
@media only screen and (max-width: 760px) {
  .s-history_list-year-event-group {
    margin: 0px 0 0 8.2125603865vw
  }
}
.s-history_list-year-event {
  display: flex;
  align-items: flex-start;
  margin: 0 0 29px 0
}
@media only screen and (max-width: 760px) {
  .s-history_list-year-event {
    display: block;
    margin: 0 0 19px 0
  }
}
.s-history_list-year-event--noimg {
  padding: 0 0 18px 0
}
@media only screen and (max-width: 760px) {
  .s-history_list-year-event--noimg {
    display: block;
    padding: 0 0 1px 0
  }
}
.s-history_list-year-event-img {
  width: 41.6666666667%;
  margin-right: 2.2727272727vw;
  border-radius: 20px;
  overflow: hidden
}
@media only screen and (max-width: 760px) {
  .s-history_list-year-event-img {
    width: auto;
    margin: 0
  }
}
.s-history_list-year-event-list-wrap {
  flex: 1
}
.s-history_list-year-event-list {
  margin: 18px 0 0 0
}
@media only screen and (max-width: 760px) {
  .s-history_list-year-event-list {
    margin: 19px 0 0 0
  }
}
.s-history_list-year-event--noimg .s-history_list-year-event-list {
  margin: 7px 0 0 0
}
@media only screen and (max-width: 760px) {
  .s-history_list-year-event--noimg .s-history_list-year-event-list {
    margin: -1px 0 0 0
  }
}
.s-history_list-year-event-list li {
  font-size: 18px;
  line-height: 1.3;
  letter-spacing: .03em;
  padding: 0 0 9px 19px;
  position: relative
}
@media print {
  .s-history_list-year-event-list li {
    font-size: 10.5882352941px !important
  }
}
@media only screen and (max-width: 760px) {
  .s-history_list-year-event-list li {
    font-size: 16px;
    line-height: 1.3;
    letter-spacing: .03em;
    padding: 0 0 8px 19px
  }
}
.s-history_list-year-event-list li:after {
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  border-radius: 3px;
  position: absolute;
  top: 9px;
  left: 0;
  background-color: #cdcdcd;
  z-index: 1
}
@media only screen and (max-width: 760px) {
  .s-history_list-year-event-list li:after {
    top: 8px
  }
}
.s-history_list-year-event--noimg .s-history_list-year-event-list li {
  font-size: 20px;
  line-height: 1.3;
  letter-spacing: .03em;
  padding-top: 5px;
  padding-bottom: 14px
}
@media print {
  .s-history_list-year-event--noimg .s-history_list-year-event-list li {
    font-size: 11.7647058824px !important
  }
}
@media only screen and (max-width: 760px) {
  .s-history_list-year-event--noimg .s-history_list-year-event-list li {
    font-size: 16px;
    line-height: 1.3;
    letter-spacing: .03em;
    padding-top: 0;
    padding-bottom: 8px
  }
}
.s-history_list-year-event--noimg .s-history_list-year-event-list li:after {
  top: 17px
}
@media only screen and (max-width: 760px) {
  .s-history_list-year-event--noimg .s-history_list-year-event-list li:after {
    top: 7px
  }
}
.s-history_list-link {
  padding: 7px 0 0 18px;
  display: inline-block;
  cursor: pointer
}
@media only screen and (max-width: 760px) {
  .s-history_list-link {
    padding: 7px 0 20px 18px
  }
}
.s-history_modal-over {
  position: relative;
  margin: 2.2727272727vw 2.2727272727vw 2.2727272727vw 2.2727272727vw;
  padding: 7.3313782991vw 9.0909090909vw 4.8387096774vw 6.8181818182vw;
  border-radius: 3.6656891496vw;
  overflow: hidden;
  z-index: 1
}
@media only screen and (max-width: 760px) {
  .s-history_modal-over {
    margin: 14px;
    padding: clamp(10px, 14.4927536232vw, 60px) 5.5555555556vw 7.2463768116vw 5.5555555556vw;
    border-radius: 30px
  }
}
.s-history_modal-over:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: #fff;
  border-radius: 0 0 3.6656891496vw 3.6656891496vw;
  opacity: 0;
  transform-origin: center top;
  transform: translateY(calc(-100% + 6vw));
  transition: opacity 0.6s 0.3s, transform 0.8s cubic-bezier(0.87, 0, 0.13, 1) 0s
}
@media only screen and (max-width: 760px) {
  .s-history_modal-over:before {
    border-radius: 0 0 30px 30px;
    transform: translateY(calc(-100% + 60px))
  }
}
.js-modal-detail-open .s-history_modal-over:before {
  opacity: 1;
  transform: translateY(0);
  transition: opacity 0.4s 0.1s, transform 0.8s cubic-bezier(0.87, 0, 0.13, 1) 0s
}
.s-history_modal-inr {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  position: relative;
  transform: translateY(50px);
  opacity: 0;
  transition: opacity 0.3s, transform 0.6s;
  transition-delay: 0s
}
@media only screen and (max-width: 760px) {
  .s-history_modal-inr {
    display: block;
    height: 100%
  }
}
.js-modal-detail-open .s-history_modal-inr {
  transform: translateY(0);
  opacity: 1;
  transition: opacity 0.8s, transform 0.8s;
  transition-delay: .5s
}
.s-history_modal-figure {
  width: 31.8181818182vw;
  margin-right: 9.0909090909vw
}
@media only screen and (max-width: 760px) {
  .s-history_modal-figure {
    width: 100%;
    margin-bottom: 49px
  }
}
.s-history_modal-figure figure {
  border-radius: 20px;
  overflow: hidden;
  margin-bottom: 10px
}
.s-history_modal-info {
  flex: 1;
  margin-top: -1px
}
.s-history_modal-year {
  margin-bottom: 19px
}
@media only screen and (max-width: 760px) {
  .s-history_modal-year {
    margin-bottom: 13px
  }
}
.s-history_modal-year1 {
  margin: -3px .5865102639vw 0 0;
  display: inline-block;
  font-size: 54px;
  line-height: 1;
  letter-spacing: 0em
}
@media print {
  .s-history_modal-year1 {
    font-size: 31.7647058824px !important
  }
}
@media only screen and (max-width: 760px) {
  .s-history_modal-year1 {
    display: block;
    margin: -2px 1.9323671498vw 9px 0;
    font-size: 38px;
    line-height: 1;
    letter-spacing: .03em
  }
}
.s-history_modal-year2 {
  display: inline-block;
  vertical-align: 1px;
  font-size: 12px;
  line-height: 1.2;
  letter-spacing: .03em
}
@media print {
  .s-history_modal-year2 {
    font-size: 7.0588235294px !important
  }
}
@media only screen and (max-width: 760px) {
  .s-history_modal-year2 {
    display: block;
    font-size: 11px;
    line-height: 1;
    letter-spacing: .03em
  }
}
.s-history_modal-heading {
  position: relative;
  font-size: 30px;
  line-height: 1.3;
  letter-spacing: .03em;
  margin-bottom: 41px
}
@media print {
  .s-history_modal-heading {
    font-size: 17.6470588235px !important
  }
}
@media only screen and (max-width: 760px) {
  .s-history_modal-heading {
    font-size: 22px;
    line-height: 1.8;
    letter-spacing: .03em;
    padding-left: 3.1400966184vw;
    margin-bottom: 17px
  }
}
.s-history_modal-heading:after {
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  border-radius: 3px;
  position: absolute;
  top: 17px;
  left: -1.6129032258vw;
  background-color: #40b44b;
  z-index: 1
}
@media only screen and (max-width: 760px) {
  .s-history_modal-heading:after {
    top: 16px;
    left: 0px
  }
}
.s-history_modal-body {
  font-size: 15px;
  line-height: 1.71;
  letter-spacing: .03em;
  font-weight: 400
}
@media print {
  .s-history_modal-body {
    font-size: 8.8235294118px !important
  }
}
@media only screen and (max-width: 760px) {
  .s-history_modal-body {
    font-size: 14px;
    line-height: 1.7;
    letter-spacing: .03em;
    padding: 0 1.9323671498vw
  }
}
.s-history_modal-body p {
  padding: 0 0 28px 0
}
@media only screen and (max-width: 760px) {
  .s-history_modal-body p {
    padding: 0 0 25px 0
  }
}
.s-message .l-und_contents-wrap {
  padding-top: 175px
}
@media only screen and (max-width: 760px) {
  .s-message .l-und_contents-wrap {
    display: block;
    padding: 99px 0 0 0
  }
}
.s-message .l-und_contents-wrap:before {
  content: "";
  display: block;
  width: 100vw;
  height: 25.293255132vw;
  position: absolute;
  top: 13.2697947214vw;
  left: 0vw;
  background-image: url("../img/vector3.svg");
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 100% auto;
  z-index: -1
}
@media only screen and (max-width: 760px) {
  .s-message .l-und_contents-wrap:before {
    width: 100%;
    height: 62.8019323671vw;
    top: 26.3285024155vw;
    left: 0;
    bottom: 0;
    background-image: url("../img/vector2_sp.svg");
    background-size: auto 100%
  }
}
.s-message .l-und_contents-inr {
  width: 44.5014662757vw
}
@media only screen and (max-width: 760px) {
  .s-message .l-und_contents-inr {
    width: 100%
  }
}
.s-message .l-und_nav {
  margin: 0 0 0 4.5454545455vw
}
@media only screen and (max-width: 860px) {
  .s-message .l-und_nav {
    display: block
  }
}
@media only screen and (max-width: 760px) {
  .s-message .l-und_nav {
    display: block;
    margin: 0;
    padding: 0
  }
}
.s-message .l-und_nav-inr {
  overflow: visible
}
@media only screen and (max-width: 760px) {
  .s-message .l-und_nav-inr {
    display: block;
    margin-bottom: 57px
  }
}
.s-message .s-company_banner {
  padding-bottom: 200px
}
@media only screen and (max-width: 760px) {
  .s-message .s-company_banner {
    padding: 70px 5.5555555556vw 70px 5.5555555556vw
  }
}
.s-message_main-spacer {
  height: 77.2093023256vh;
  max-height: 664px;
  min-height: calc(356px + var(--notice-height))
}
@media only screen and (max-width: 760px) {
  .s-message_main-spacer {
    height: 81.5217391304vh;
    max-height: 600px;
    min-height: calc(182px + var(--notice-height-sp))
  }
}
.s-message_main {
  height: 91.8604651163vh;
  max-height: 790px;
  min-height: calc(424px + var(--notice-height));
  padding: 0
}
@media only screen and (max-width: 760px) {
  .s-message_main {
    height: 86.9565217391vh;
    max-height: 640px;
    min-height: calc(214px + var(--notice-height-sp))
  }
}
.s-message_main:before {
  display: none
}
.s-message_main figure {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0
}
.s-message_main figure:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(24, 24, 24, 0.3)
}
.s-message_main figure video {
  object-fit: cover;
  width: 100%;
  height: 100%;
  pointer-events: none
}
.s-message_main .l-und_main-ttl {
  position: absolute;
  top: auto;
  bottom: clamp(130px, 21.976744186vh, 189px);
  left: 4.5454545455vw;
  z-index: 1
}
@media only screen and (max-width: 760px) {
  .s-message_main .l-und_main-ttl {
    left: 5.5555555556vw;
    right: 5.5555555556vw;
    bottom: clamp(50px, 11.6847826087vh, 86px)
  }
}
.s-message_main .l-und_main-ttl .en, .s-message_main .l-und_main-ttl .text {
  color: #fff
}
.s-message_main .l-und_main-ttl .num {
  margin-bottom: 5px
}
@media only screen and (max-width: 760px) {
  .s-message_main .l-und_main-ttl .num {
    margin-bottom: 3px
  }
}
.s-message_main .l-und_main-ttl .num:before {
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #fff;
  border-radius: 3px
}
.s-message_main .l-breadcrumb {
  position: absolute;
  bottom: clamp(0px, 17.3255813953vh, 149px);
  right: 4.5454545455vw;
  color: #fff
}
@media only screen and (max-height: 460px) and (min-width: 761px) {
  .s-message_main .l-breadcrumb {
    bottom: 83px
  }
}
.s-message_main .l-breadcrumb a {
  color: #fff
}
.s-message_ttl {
  position: relative
}
@media only screen and (max-width: 760px) {
  .s-message_ttl {
    padding: 0 8.2125603865vw 0 9.1787439614vw
  }
}
.s-message_ttl .circle {
  display: block;
  height: 6px;
  overflow: hidden;
  position: absolute;
  top: calc((100vw - 761px) / 603 * 7 + 14px);
  left: -22px
}
@media only screen and (min-width: 1365px) {
  .s-message_ttl .circle {
    top: 21px
  }
}
@media only screen and (max-width: 760px) {
  .s-message_ttl .circle {
    top: calc((100vw - 320px) / 440 * 6 + 14px);
    left: 5.5555555556vw
  }
}
.s-message_ttl .circle:before {
  display: block;
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #40b44b;
  transform: translateY(120%);
  transition: transform 0.5s cubic-bezier(0.55, 0.01, 0.45, 1)
}
.s-message_ttl .circle.js-scrollaction-active:before {
  transform: translateY(0%)
}
.s-message_ttl .text {
  font-size: calc((1364px - (1364px - var(--font-device-width-unit)) / 1.5) / 1364 * 42);
  line-height: 1.1;
  letter-spacing: .03em
}
@media print {
  .s-message_ttl .text {
    font-size: 24.7058823529px !important
  }
}
@media only screen and (max-width: 760px) {
  .s-message_ttl .text {
    font-size: calc((((var(--device-width) - 414) / 2) + 414) / 414 * 30px);
    line-height: 1.06;
    letter-spacing: .03em
  }
}
.s-message_ttl .js-textrowmotion-row {
  display: block;
  margin-bottom: .25em
}
.s-message_dtl {
  margin: -5px 0 0 0
}
@media only screen and (max-width: 760px) {
  .s-message_dtl {
    padding: 0 8.2125603865vw 0 9.1787439614vw
  }
}
.s-message_dtl p {
  font-size: calc((1364px - (1364px - var(--font-device-width-unit)) / 2) / 1364 * 20);
  line-height: 2;
  letter-spacing: .03em;
  margin: 0 0 2em 0
}
@media print {
  .s-message_dtl p {
    font-size: 11.7647058824px !important
  }
}
@media only screen and (max-width: 760px) {
  .s-message_dtl p {
    font-size: 17px;
    line-height: 2;
    letter-spacing: .03em
  }
  .s-message_dtl p br {
    display: none
  }
}
.s-message_cont-list-type2-inr {
  width: 30%;
  margin: 0 5% 0 0;
  display: block
}
@media only screen and (max-width: 760px) {
  .s-message_cont-list-type2-inr {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    width: auto;
    margin: 0 0 28px 0
  }
}
.s-message_cont-list-type2-inr:nth-of-type(3n) {
  margin-right: 0
}
.s-message_cont-list-type2-inr figure {
  border-radius: 1.4662756598vw;
  margin: 0 0 19px 0;
  overflow: hidden;
  position: relative;
  z-index: 1
}
@media only screen and (max-width: 760px) {
  .s-message_cont-list-type2-inr figure {
    width: 33.3333333333vw;
    margin-right: 4.8309178744vw;
    border-radius: 3.3816425121vw
  }
}
.s-message_cont-list-type2-inr p {
  font-size: 14px;
  line-height: 1.5;
  letter-spacing: .03em;
  font-weight: 400
}
@media print {
  .s-message_cont-list-type2-inr p {
    font-size: 8.2352941176px !important
  }
}
@media only screen and (max-width: 760px) {
  .s-message_cont-list-type2-inr p {
    font-size: 12px;
    line-height: 1.5;
    letter-spacing: .03em
  }
}
.s-message_cont-list-type2-inr img {
  transition: transform .6s;
  aspect-ratio: 1.4051724138;
  will-change: transform
}
.s-message_cont-list-type2-inr:hover img {
  transform: scale(1.1)
}
.s-message_cont-list-type2-inr-ttl {
  margin: 0 0 12px 0
}
@media only screen and (max-width: 760px) {
  .s-message_cont-list-type2-inr-ttl {
    margin: 0 0 14px 0
  }
}
.s-message_cont-list-type2-inr-ttl .circle {
  display: block;
  height: 6px;
  overflow: hidden;
  margin-bottom: 8px
}
.s-message_cont-list-type2-inr-ttl .circle:before {
  display: block;
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #40b44b;
  transform: translateY(120%);
  transition: transform 0.5s cubic-bezier(0.55, 0.01, 0.45, 1)
}
.s-message_cont-list-type2-inr-ttl .circle.js-scrollaction-active:before {
  transform: translateY(0%)
}
.s-message_cont-list-type2-inr-ttl .en {
  font-size: 38px;
  line-height: 1.1;
  letter-spacing: 0em;
  margin-right: 12px
}
@media print {
  .s-message_cont-list-type2-inr-ttl .en {
    font-size: 22.3529411765px !important
  }
}
@media only screen and (max-width: 1160px) {
  .s-message_cont-list-type2-inr-ttl .en {
    font-size: 30px;
    line-height: 1.1;
    letter-spacing: 0em;
    margin: 0
  }
}
.s-message_cont-list-type2-inr-ttl .text {
  vertical-align: -1px
}
@media only screen and (max-width: 1160px) {
  .s-message_cont-list-type2-inr-ttl .text {
    display: block;
    margin: -1px 0 0 0
  }
}
.js-und-nav-message {
  transition: opacity .15s;
  position: relative
}
.js-und-nav-message.js-sidenav-hide {
  opacity: 0;
  pointer-events: none
}
.js-und-nav-message-relative {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: calc(100% - 400px);
  pointer-events: none
}
@media only screen and (max-width: 760px) {
  .s-overview .l-und_contents-wrap {
    padding-top: 67px
  }
}
@media only screen and (max-width: 760px) {
  .s-overview .s-company_related {
    margin: 0 -5.5555555556vw 70px -5.5555555556vw
  }
}
.s-overview_section {
  margin: 1px 11.3636363636vw 119px 11.3636363636vw
}
@media only screen and (max-width: 760px) {
  .s-overview_section {
    margin: 0 0 67px 0
  }
}
.s-overview_section--chart {
  margin-top: 0;
  margin-bottom: 68px
}
@media only screen and (max-width: 760px) {
  .s-overview_section--chart {
    margin-bottom: 57px
  }
}
.s-overview_section--map {
  margin-top: 0;
  margin-bottom: 103px
}
@media only screen and (max-width: 760px) {
  .s-overview_section--map {
    margin-bottom: 0
  }
}
.s-overview_section--last {
  margin-top: 0;
  margin-bottom: 159px
}
@media only screen and (max-width: 760px) {
  .s-overview_section--last {
    margin-bottom: 88px
  }
}
.s-overview_section-ttl {
  font-size: 34px;
  line-height: 1.1;
  letter-spacing: .03em;
  position: relative;
  margin: 0 0 50px 0
}
@media print {
  .s-overview_section-ttl {
    font-size: 20px !important
  }
}
@media only screen and (max-width: 760px) {
  .s-overview_section-ttl {
    font-size: 24px;
    line-height: 1.3;
    letter-spacing: .03em;
    margin: 0 0 28px 3.6231884058vw
  }
}
.s-overview_section-ttl .circle {
  display: block;
  height: 6px;
  overflow: hidden;
  position: absolute;
  top: 0.45em;
  left: -18px
}
@media only screen and (max-width: 760px) {
  .s-overview_section-ttl .circle {
    top: 0.5em;
    left: -15px
  }
}
.s-overview_section-ttl .circle:before {
  display: block;
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #40b44b;
  transform: translateY(120%);
  transition: transform 0.5s cubic-bezier(0.55, 0.01, 0.45, 1)
}
.s-overview_section-ttl .circle.js-scrollaction-active:before {
  transform: translateY(0%)
}
.s-overview_info {
  width: 100%;
  font-size: 16px;
  line-height: 2;
  letter-spacing: .03em;
  padding: 26px 0 25px 0;
  display: flex;
  flex-wrap: wrap;
  border-bottom: 1px solid #DDDDDD
}
@media print {
  .s-overview_info {
    font-size: 9.4117647059px !important
  }
}
@media only screen and (max-width: 760px) {
  .s-overview_info {
    font-size: 14px;
    line-height: 1.4;
    letter-spacing: .03em;
    padding: 19px 0 16px 0
  }
}
.s-overview_info:nth-of-type(1) {
  border-top: 1px solid #DDDDDD
}
.s-overview_info ol {
  position: relative;
  margin-left: 8px;
  counter-reset: olnum
}
@media only screen and (max-width: 760px) {
  .s-overview_info ol {
    margin: 0 3.6231884058vw 0 5.3140096618vw;
    font-size: 14px;
    line-height: 1.4;
    letter-spacing: .03em
  }
}
.s-overview_info ol li {
  position: relative;
  padding-left: 1em;
  margin-left: -1px
}
@media only screen and (max-width: 760px) {
  .s-overview_info ol li {
    margin: 0 -16px 10px -16px
  }
  .s-overview_info ol li:nth-last-of-type(1) {
    margin-bottom: 3px
  }
}
.s-overview_info ol li:before {
  content: counter(olnum) ".";
  counter-increment: olnum;
  position: absolute;
  top: 0;
  left: 0;
  width: 1.6em;
  height: 1em
}
.s-overview_info-ttl {
  width: 217px;
  margin: 0 2.2727272727vw 0 0
}
@media only screen and (max-width: 760px) {
  .s-overview_info-ttl {
    width: 92px
  }
}
.s-overview_info-dtl {
  flex: 1
}
.s-overview_chart {
  display: flex;
  flex-wrap: wrap;
  width: 100%
}
@media only screen and (max-width: 760px) {
  .s-overview_chart {
    display: block
  }
}
.s-overview_chart-inr {
  width: 46.66%;
  margin: 0 6.68% 40px 0
}
@media only screen and (max-width: 760px) {
  .s-overview_chart-inr {
    width: 100%;
    margin: 0 0 29px 0
  }
}
.s-overview_chart-inr:nth-of-type(2n) {
  margin-right: 0
}
@media only screen and (max-width: 760px) {
  .s-overview_chart-doughnut {
    width: 76.2%;
    margin: 0 auto 0 auto
  }
}
.s-overview_chart-doughnut-inner {
  width: 64.3%;
  margin: 0 0 23px 0;
  aspect-ratio: 1
}
@media only screen and (max-width: 760px) {
  .s-overview_chart-doughnut-inner {
    width: 100%
  }
}
.s-overview_section-sbttl {
  font-size: 24px;
  line-height: 1.4;
  letter-spacing: .03em;
  margin: -3px 0 35px 0
}
@media print {
  .s-overview_section-sbttl {
    font-size: 14.1176470588px !important
  }
}
@media only screen and (max-width: 760px) {
  .s-overview_section-sbttl {
    font-size: 18px;
    line-height: 1.3;
    letter-spacing: .03em;
    margin: 0 0 27px 3.6231884058vw
  }
}
.s-overview_office {
  margin: 0 0 59px 0
}
@media only screen and (max-width: 760px) {
  .s-overview_office--os {
    margin: -20px 0 51px 0
  }
}
.s-overview_office dl {
  font-size: 16px;
  line-height: 1.6;
  letter-spacing: .03em;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  padding: 30px 0 27px 0;
  border-bottom: 1px solid #DDDDDD
}
@media print {
  .s-overview_office dl {
    font-size: 9.4117647059px !important
  }
}
@media only screen and (max-width: 760px) {
  .s-overview_office dl {
    font-size: 14px;
    line-height: 1.4;
    letter-spacing: .03em;
    padding: 20px 0 14px 0
  }
}
.s-overview_office dl a {
  text-decoration: underline;
  display: inline-block;
  margin-top: 1px
}
.s-overview_office dt {
  width: calc((100vw - 761px) / 603 * 130 + 180px);
  padding: 0 0 0 40px;
  margin: 0 4.5454545455vw 0 0;
  position: relative
}
@media only screen and (min-width: 1365px) {
  .s-overview_office dt {
    width: 310px
  }
}
@media only screen and (max-width: 760px) {
  .s-overview_office dt {
    width: 100%;
    padding: 1px 0 0 30px
  }
}
.s-overview_office dt .num {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 24px;
  height: 24px;
  color: #fff;
  font-size: 14px;
  line-height: 1;
  letter-spacing: 0em;
  padding-top: 0.3em;
  background-color: #40b44b;
  border-radius: 50%;
  text-align: center
}
@media print {
  .s-overview_office dt .num {
    font-size: 8.2352941176px !important
  }
}
@media only screen and (max-width: 760px) {
  .s-overview_office dt .num {
    font-size: 12px;
    line-height: 1;
    letter-spacing: 0em;
    width: 20px;
    height: 20px
  }
}
.s-overview_office dd {
  flex: 1
}
@media only screen and (max-width: 760px) {
  .s-overview_office dd {
    font-size: 14px;
    line-height: 1.6;
    letter-spacing: .03em;
    padding: 10px 0 0 30px
  }
}
.s-overview_map {
  background: #F6F6F6;
  border-radius: 3.6656891496vw;
  position: relative;
  margin: 0 -4.5454545455vw 0 -4.5454545455vw;
  overflow: hidden
}
@media only screen and (max-width: 760px) {
  .s-overview_map {
    border-radius: 4.8309178744vw
  }
}
.s-overview_map--jp {
    padding: 1.692082vw;
}
.s-overview_map--jp iframe {
    width: 100%;
    height: 400px;
}
@media only screen and (max-width: 760px) {
  .s-overview_map--jp {
    padding: 3.692082vw;
    margin: 0
  }
}
.s-overview_map--jp a {
  width: 1.7595307918vw;
  height: 1.7595307918vw;
  font-size: calc((1364px - (1364px - var(--font-device-width-unit)) / 1) / 1364 * 14);
  line-height: 1;
  letter-spacing: 0em;
  padding-top: .3em
}
@media print {
  .s-overview_map--jp a {
    font-size: 8.2352941176px !important
  }
}
@media only screen and (max-width: 760px) {
  .s-overview_map--jp a {
    width: 14px;
    height: 14px;
    font-size: 10px;
    line-height: 1;
    letter-spacing: .03em
  }
}
@media only screen and (max-width: 414px) {
  .s-overview_map--jp a {
    @font-size : element-liquid(10, 14, 320, 760);
    transform: scale(0.6)
  }
}
.s-overview_map--os {
  padding: 7.6246334311vw 0 6.5791788856vw 3.0058651026vw
}
@media only screen and (max-width: 760px) {
  .s-overview_map--os {
    padding: 8.9371980676vw 0 7.4879227053vw 3.4782608696vw;
    margin: 0
  }
}
.s-overview_map--os a {
  width: 1.4662756598vw;
  height: 1.4662756598vw;
  font-size: calc((1364px - (1364px - var(--font-device-width-unit)) / 1) / 1364 * 12);
  line-height: 1;
  letter-spacing: 0em;
  padding-top: .2em
}
@media print {
  .s-overview_map--os a {
    font-size: 7.0588235294px !important
  }
}
@media only screen and (max-width: 760px) {
  .s-overview_map--os a {
    width: 14px;
    height: 14px;
    padding-top: .3em;
    font-size: 10px;
    line-height: 1;
    letter-spacing: .03em
  }
}
@media only screen and (max-width: 414px) {
  .s-overview_map--os a {
    @font-size : element-liquid(10, 14, 320, 760);
    transform: scale(0.6)
  }
}
.s-overview_map a {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  background-color: #40b44b;
  border-radius: 50%;
  text-align: center;
  transition: opacity .3s
}
.s-overview_map a:hover {
  opacity: .8
}
.s-overview_map-ttl {
  font-size: 18px;
  line-height: 1.4;
  letter-spacing: .03em;
  margin: 47px 0 0 0;
  padding: 0 0 25px 0;
  border-bottom: 1px solid #DDDDDD
}
@media print {
  .s-overview_map-ttl {
    font-size: 10.5882352941px !important
  }
}
@media only screen and (max-width: 760px) {
  .s-overview_map-ttl {
    font-size: 16px;
    line-height: 1.3;
    letter-spacing: .03em;
    margin: 39px 0 0 0;
    padding: 0 0 17px 0
  }
}
.s-overview_map-os-att {
  font-size: 12px;
  line-height: 1.4;
  letter-spacing: .03em;
  text-align: right;
  margin: 14px 0 0 0
}
@media print {
  .s-overview_map-os-att {
    font-size: 7.0588235294px !important
  }
}
@media only screen and (max-width: 760px) {
  .s-overview_map-os-att {
    font-size: 11px;
    line-height: 1.4;
    letter-spacing: .03em;
    margin: 13px 0 0 0
  }
}
.s-overview_map-os-list {
  display: flex;
  flex-wrap: wrap;
  margin: 43px 0 0 0
}
@media only screen and (max-width: 760px) {
  .s-overview_map-os-list {
    margin: 30px -3.8647342995vw 0 0
  }
}
.s-overview_map-os-list li {
  width: 33.3%;
  margin: 0 0 12px 0;
  padding: 0 0 0 40px;
  position: relative
}
@media only screen and (max-width: 1060px) {
  .s-overview_map-os-list li {
    width: 50%
  }
}
@media only screen and (max-width: 760px) {
  .s-overview_map-os-list li {
    font-size: 14px;
    line-height: 1.4;
    letter-spacing: .03em;
    width: 50%;
    margin: 0 0 15px 0;
    padding: 0 15px 0 30px
  }
  .s-overview_map-os-list li:nth-of-type(2n) {
    padding-right: 0
  }
}
@media only screen and (max-width: 414px) {
  .s-overview_map-os-list li {
    font-size: calc((100vw - 320px) / 94 * 4 + 10px)
  }
  .s-overview_map-os-list li:nth-of-type(2n) {
    padding-right: 0
  }
}
.s-overview_map-os-list li .num {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 4px;
  left: 0;
  width: 24px;
  height: 24px;
  color: #fff;
  font-size: 14px;
  line-height: 1;
  letter-spacing: 0em;
  padding-top: 0.06em;
  background-color: #40b44b;
  border-radius: 50%;
  text-align: center
}
@media print {
  .s-overview_map-os-list li .num {
    font-size: 8.2352941176px !important
  }
}
@media only screen and (max-width: 760px) {
  .s-overview_map-os-list li .num {
    font-size: 12px;
    line-height: 1;
    letter-spacing: .03em;
    width: 20px;
    height: 20px;
    top: -1px
  }
}
@media only screen and (max-width: 414px) {
  .s-overview_map-os-list li .num {
    font-size: calc((100vw - 320px) / 94 * 0 + 10px)
  }
}
.s-overview_map-link {
  border: 1px solid #DDDDDD;
  border-left: none;
  border-right: none;
  font-size: calc((1364px - (1364px - var(--font-device-width-unit)) / 3) / 1364 * 22);
  line-height: 1.4;
  letter-spacing: .03em;
  padding: 0;
  margin: 0
}
@media print {
  .s-overview_map-link {
    font-size: 12.9411764706px !important
  }
}
@media only screen and (max-width: 760px) {
  .s-overview_map-link {
    font-size: 16px;
    line-height: 1.4;
    letter-spacing: .03em
  }
}
.s-overview_map-link .c_arrow-single {
  top: 52px;
  right: 11px
}
@media only screen and (max-width: 760px) {
  .s-overview_map-link .c_arrow-single {
    top: 24px;
    right: 1px
  }
}
.s-overview_map-link a {
  display: block;
  text-decoration: none;
  position: relative;
  padding: 42px 40px 40px 0;
  transition: opacity .3s
}
@media only screen and (max-width: 760px) {
  .s-overview_map-link a {
    padding: 18px 31px 17px 0
  }
}
.s-overview_map-link a:hover {
  opacity: .8
}
.s-pentel-arts_main-spacer {
  height: 77.2093023256vh;
  max-height: 664px;
  min-height: calc(356px + var(--notice-height))
}
@media only screen and (max-width: 760px) {
  .s-pentel-arts_main-spacer {
    height: 81.5217391304vh;
    max-height: 600px;
    min-height: calc(182px + var(--notice-height-sp))
  }
}
.s-pentel-arts_main {
  height: 91.8604651163vh;
  max-height: 790px;
  min-height: calc(424px + var(--notice-height))
}
@media only screen and (max-width: 760px) {
  .s-pentel-arts_main {
    height: 88.1793478261vh;
    max-height: 649px;
    min-height: calc(214px + var(--notice-height-sp))
  }
}
.s-pentel-arts_main:before {
  display: none
}
.s-pentel-arts_main figure {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0
}
.s-pentel-arts_main figure:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(24, 24, 24, 0.25)
}
.s-pentel-arts_main figure img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  pointer-events: none
}
.s-pentel-arts_main .l-breadcrumb {
  position: absolute;
  bottom: clamp(0px, 17.3255813953vh, 149px);
  right: 4.5454545455vw;
  color: #fff
}
@media only screen and (max-height: 460px) and (min-width: 761px) {
  .s-pentel-arts_main .l-breadcrumb {
    bottom: 83px
  }
}
.s-pentel-arts_main .l-breadcrumb a {
  color: #fff
}
.s-pentel-arts .l-und_main-ttl {
  position: absolute;
  top: auto;
  bottom: clamp(130px, 21.976744186vh, 189px);
  left: 4.5454545455vw;
  z-index: 1
}
@media only screen and (max-width: 760px) {
  .s-pentel-arts .l-und_main-ttl {
    left: 5.5555555556vw;
    right: 5.5555555556vw;
    bottom: clamp(50px, 13.0434782609vh, 96px)
  }
}
.s-pentel-arts .l-und_main-ttl .en, .s-pentel-arts .l-und_main-ttl .text {
  color: #fff
}
.s-pentel-arts .l-und_main-ttl .num {
  margin-bottom: 5px
}
@media only screen and (max-width: 760px) {
  .s-pentel-arts .l-und_main-ttl .num {
    margin-bottom: 3px
  }
}
.s-pentel-arts .l-und_main-ttl .num:before {
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #fff;
  border-radius: 3px
}
.s-pentel-arts .only-sp {
  display: none
}
@media only screen and (max-width: 760px) {
  .s-pentel-arts .only-pc {
    display: none
  }
  .s-pentel-arts .only-sp {
    display: inline
  }
}
.s-pentel-arts_introduction {
  text-align: center;
  margin: 42px 0 113px 0
}
@media only screen and (max-width: 760px) {
  .s-pentel-arts_introduction {
    margin: 26px 0 61px 0
  }
}
.s-pentel-arts_introduction p {
  font-size: 16px;
  line-height: 2;
  letter-spacing: .03em
}
@media print {
  .s-pentel-arts_introduction p {
    font-size: 9.4117647059px !important
  }
}
@media only screen and (max-width: 760px) {
  .s-pentel-arts_introduction p {
    font-size: 14px;
    line-height: 2;
    letter-spacing: .03em;
    padding: 0 9.6618357488vw
  }
}
@media only screen and (max-width: 413px) {
  .s-pentel-arts_introduction p {
    font-size: 12px;
    line-height: 2;
    letter-spacing: .03em;
    padding: 0
  }
}
.s-pentel-arts_introduction-ttl {
  font-size: 42px;
  line-height: 1.5;
  letter-spacing: .03em;
  margin: 0 0 21px 0
}
@media print {
  .s-pentel-arts_introduction-ttl {
    font-size: 24.7058823529px !important
  }
}
@media only screen and (max-width: 760px) {
  .s-pentel-arts_introduction-ttl {
    font-size: 26px;
    line-height: 1.5;
    letter-spacing: .03em;
    margin: 0 0 11px 0
  }
}
.s-pentel-arts_movie {
  text-align: center;
  width: 100%;
  max-width: 1054px;
  margin: 0 auto 110px auto
}
@media only screen and (max-width: 760px) {
  .s-pentel-arts_movie {
    margin: 0 auto 60px auto
  }
}
.s-pentel-arts_movie iframe {
  width: 100%;
  height: 100%;
  aspect-ratio: 1.786440678;
  border-radius: 2.1994134897vw;
  position: relative;
  z-index: 1;
  overflow: hidden
}
@media only screen and (max-width: 760px) {
  .s-pentel-arts_movie iframe {
    border-radius: 4.8309178744vw
  }
}
.s-pentel-arts_whatis {
  text-align: center;
  position: relative;
  margin-bottom: 152px
}
@media only screen and (max-width: 760px) {
  .s-pentel-arts_whatis {
    margin-bottom: 82px
  }
}
.s-pentel-arts_whatis:before {
  content: "";
  display: block;
  width: 100vw;
  height: 25.293255132vw;
  position: absolute;
  top: -4px;
  left: -4.5454545455vw;
  background-image: url("../img/vector2.svg");
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 100% auto;
  z-index: -1;
  mix-blend-mode: multiply
}
@media only screen and (max-width: 760px) {
  .s-pentel-arts_whatis:before {
    width: 100vw;
    height: 62.077294686vw;
    top: 56px;
    left: -5.5555555556vw;
    right: 0;
    background-image: url("../img/vector2_sp.svg")
  }
}
.s-pentel-arts_whatis > p {
  font-size: 16px;
  line-height: 2;
  letter-spacing: .03em;
  width: 100%;
  max-width: 52.7859237537vw;
  margin: 0 auto 2em auto
}
@media print {
  .s-pentel-arts_whatis > p {
    font-size: 9.4117647059px !important
  }
}
@media only screen and (max-width: 760px) {
  .s-pentel-arts_whatis > p {
    font-size: 14px;
    line-height: 2;
    letter-spacing: .03em;
    max-width: none
  }
}
@media only screen and (max-width: 413px) {
  .s-pentel-arts_whatis > p {
    font-size: 12px;
    line-height: 2;
    letter-spacing: .03em
  }
}
.s-pentel-arts_whatis .js-textrowmotion-wrapper {
  padding-top: 0.2em;
  margin-top: -0.2em
}
.s-pentel-arts_whatis .js-textrowmotion-row {
  display: block;
  margin: 0px 0 -7px 0
}
@media only screen and (max-width: 760px) {
  .s-pentel-arts_whatis .js-textrowmotion-row {
    margin: 0px 0 -5px 0
  }
}
.s-pentel-arts_whatis-ttlgroup {
  margin-bottom: 48px
}
@media only screen and (max-width: 760px) {
  .s-pentel-arts_whatis-ttlgroup {
    margin-bottom: 29px
  }
}
.s-pentel-arts_whatis-ttl {
  position: relative;
  margin-bottom: 14px
}
@media only screen and (max-width: 760px) {
  .s-pentel-arts_whatis-ttl {
    margin-bottom: 9px
  }
}
.s-pentel-arts_whatis-ttl .text {
  font-size: 52px;
  line-height: .9;
  letter-spacing: 0em
}
@media print {
  .s-pentel-arts_whatis-ttl .text {
    font-size: 30.5882352941px !important
  }
}
@media only screen and (max-width: 760px) {
  .s-pentel-arts_whatis-ttl .text {
    font-size: 36px;
    line-height: 1.1;
    letter-spacing: 0em
  }
}
.s-pentel-arts_whatis-ttl .circle {
  display: block;
  height: 6px;
  overflow: hidden;
  margin-bottom: 17px;
  position: relative
}
@media only screen and (max-width: 760px) {
  .s-pentel-arts_whatis-ttl .circle {
    margin-bottom: 13px
  }
}
.s-pentel-arts_whatis-ttl .circle:before {
  position: absolute;
  top: 0;
  left: 50%;
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #40b44b;
  transform: translateX(-50%);
  transition: transform 0.5s cubic-bezier(0.55, 0.01, 0.45, 1)
}
.s-pentel-arts_whatis-ttl .circle.js-scrollaction-active:before {
  transform: translateY(0%)
}
.s-pentel-arts_whatis-subttl {
  font-size: 12px;
  line-height: 1;
  letter-spacing: .03em
}
@media print {
  .s-pentel-arts_whatis-subttl {
    font-size: 7.0588235294px !important
  }
}
@media only screen and (max-width: 760px) {
  .s-pentel-arts_whatis-subttl {
    font-size: 11px;
    line-height: 1.5;
    letter-spacing: .03em
  }
}
.s-pentel-arts_center-fig {
  position: absolute;
  width: 15.9090909091vw;
  height: 22.2873900293vw
}
@media only screen and (max-width: 760px) {
  .s-pentel-arts_center-fig {
    display: none
  }
}
.s-pentel-arts_center-fig--01 {
    top: 250px;
  left: 0
}
.s-pentel-arts_center-fig--02 {
  top: 130px;
  right: 0
}
.s-pentel-arts_center-fig-inr {
  border-radius: 1.4662756598vw;
  overflow: hidden;
  z-index: 1
}
.s-pentel-arts_related--multirow {
  padding-bottom: 69px
}
@media only screen and (max-width: 760px) {
  .s-pentel-arts_related--multirow {
    padding-bottom: 41px;
    margin-left: -5.5555555556vw;
    margin-right: -5.5555555556vw
  }
}
.s-pentel-arts_cont-list-type2-inr--multirow {
  margin-bottom: 47px
}
@media only screen and (max-width: 760px) {
  .s-pentel-arts_cont-list-type2-inr--multirow {
    margin-bottom: 11px
  }
}
.s-pentel-arts_cont-text {
  font-size: calc((1364px - (1364px - var(--font-device-width-unit)) / 2) / 1364 * 22);
  line-height: 1.4;
  letter-spacing: .03em;
  display: block;
  margin: -3px 0 -6px 0
}
@media print {
  .s-pentel-arts_cont-text {
    font-size: 12.9411764706px !important
  }
}
@media only screen and (max-width: 760px) {
  .s-pentel-arts_cont-text {
    font-size: 16px;
    line-height: 1.4;
    letter-spacing: .03em
  }
}
.s-pentel-arts_cont-text .js-textrowmotion-wrapper {
  margin-bottom: -.4em
}
@media only screen and (max-width: 760px) {
  .s-pentel-arts .s-company_related-ttl {
    margin-bottom: 23px
  }
}
.s-pentel-arts .s-message_cont-list-type2-inr-ttl {
  margin-bottom: 20px
}
@media only screen and (max-width: 760px) {
  .s-pentel-arts .s-message_cont-list-type2-inr-ttl {
    margin-bottom: 16px
  }
}
@media only screen and (max-width: 760px) {
  .s-pentel-arts .s-company_banner {
    padding: 70px 0 70px 0
  }
}
.design-item-fade-enter-active, .fade-leave-active {
  transition: opacity 0.5s
}
.design-item-fade-enter-from, .design-item-fade-leave-to {
  opacity: 0
}
.s-design .l-und_main-spacer--visual {
  height: 64.3023255814vh;
  max-height: 553px;
  min-height: calc(406px + var(--notice-height))
}
@media only screen and (max-width: 760px) {
  .s-design .l-und_main-spacer--visual {
    height: 57.0652173913vh;
    max-height: 420px;
    min-height: calc(182px + var(--notice-height-sp))
  }
}
.s-design .l-und_main {
  height: 75.5813953488vh;
  max-height: 650px;
  min-height: calc(503px + var(--notice-height))
}
@media only screen and (max-width: 760px) {
  .s-design .l-und_main {
    height: 62.5vh;
    max-height: 460px;
    min-height: calc(214px + var(--notice-height-sp))
  }
}
.s-design .l-und_main .l-breadcrumb {
  position: absolute;
  bottom: clamp(105px, 13.9534883721vh, 120px);
  right: 4.5454545455vw;
  color: #fff
}
@media only screen and (max-height: 460px) and (min-width: 761px) {
  .s-design .l-und_main .l-breadcrumb {
    bottom: 105px
  }
}
.s-design .l-und_main .l-breadcrumb a {
  color: #fff
}
.s-design .l-und_main .l-breadcrumb ol li:after {
  content: "/";
  position: absolute;
  top: 0;
  right: 0;
  color: #fff
}
@media only screen and (max-width: 760px) {
  .s-design .l-und_main-ttl {
    bottom: clamp(40px, 11.6847826087vh, 86px)
  }
}
.s-design .l-und_main-ttl .num:before {
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #fff;
  border-radius: 3px
}
.s-design_inner {
  padding: 0 4.5454545455vw
}
@media only screen and (max-width: 760px) {
  .s-design_inner {
    padding: 0
  }
}
.s-design_body {
  max-width: 806px;
  margin: -6px auto 82px auto
}
@media only screen and (max-width: 760px) {
  .s-design_body {
    max-width: none;
    margin: -3px auto 45px auto;
    padding: 0 5.5555555556vw;
    font-size: 14px;
    line-height: 1.7;
    letter-spacing: .03em
  }
}
.s-design_filter {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #f6f6f6;
  border-radius: 2.1994134897vw;
  padding: 51px 5.8651026393vw 50px 4.5454545455vw;
  margin: 0 0 90px 0;
  z-index: 100;
  position: relative
}
@media only screen and (max-width: 1360px) {
  .s-design_filter {
    align-items: flex-start
  }
}
@media only screen and (max-width: 760px) {
  .s-design_filter {
    display: block;
    padding: 29px 13.5265700483vw 21px 13.5265700483vw;
    margin: 0 0 50px 0;
    border-radius: 4.8309178744vw
  }
}
@media only screen and (max-width: 413px) {
  .s-design_filter {
    padding: 29px 20px 21px 20px
  }
}
.s-design_filter .c_contents-sort-pulldown-always {
  transform: translateY(-2px)
}
.s-design_filter_h2 {
  font-size: 30px;
  line-height: 1;
  letter-spacing: 0em;
  margin: 0 3px 0 0;
  width: 113px
}
@media print {
  .s-design_filter_h2 {
    font-size: 17.6470588235px !important
  }
}
@media only screen and (max-width: 760px) {
  .s-design_filter_h2 {
    display: none
  }
}
.s-design_filter_sort-block-group {
  display: flex;
  flex: 1;
  justify-content: space-between;
  flex-wrap: wrap
}
.s-design_filter_sort-block {
  display: flex;
  justify-content: flex-start;
  align-items: center
}
.s-design_filter_sort-block .c_contents-sort-pulldown-always-this {
  background-color: #fff
}
.s-design_filter_sort-block .c_contents-sort-pulldown-always-list {
  white-space: nowrap
}
@media only screen and (max-width: 1360px) {
  .s-design_filter_sort-block {
    display: block;
    min-width: 174px;
    width: 33.333%;
    padding: 0 12px 12px 0
  }
  .s-design_filter_sort-block .c_contents-sort-pulldown-always, .s-design_filter_sort-block .c_contents-sort-pulldown-always-this, .s-design_filter_sort-block .c_contents-sort-pulldown-always-list {
    width: 100%
  }
}
@media only screen and (max-width: 900px) {
  .s-design_filter_sort-block {
    display: block;
    width: 50%;
    padding: 0 12px 12px 0
  }
}
@media only screen and (max-width: 760px) {
  .s-design_filter_sort-block {
    display: flex;
    width: 100%;
    justify-content: space-between;
    padding: 0 0 7px 0
  }
}
.s-design_filter_label {
  font-weight: 500 !important;
  font-size: 12px;
  line-height: 1.3;
  letter-spacing: .03em;
  margin: 0 .8797653959vw 0 0
}
@media print {
  .s-design_filter_label {
    font-size: 7.0588235294px !important
  }
}
@media only screen and (max-width: 1360px) {
  .s-design_filter_label {
    margin: 0 .8797653959vw 6px 0
  }
}
@media only screen and (max-width: 760px) {
  .s-design_filter_label {
    font-size: 11px;
    line-height: 1.3;
    letter-spacing: .03em;
    margin: 0 1.2077294686vw 0 0;
    white-space: nowrap;
    min-width: 9em
  }
}
.s-design_list-item-group {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start
}
.s-design_list {
  padding: 0 0 100px 0
}
@media only screen and (max-width: 760px) {
  .s-design_list {
    padding: 0 0 61px 0
  }
}
.s-design_list-item {
  width: 30.5555555556%;
  margin-bottom: 64px
}
@media only screen and (max-width: 760px) {
  .s-design_list-item {
    width: 47.8260869565%;
    margin: 0 4.347826087% 27px 0 !important
  }
}
.s-design_list-item.s-design_list-item--large {
  width: 65.3225806452%
}
@media only screen and (max-width: 760px) {
  .s-design_list-item.s-design_list-item--large {
    width: 47.8260869565%
  }
}
.s-design_list-item.s-design_list-item--large .s-design_list-item-fig {
  border-radius: 2.1994134897vw
}
@media only screen and (max-width: 760px) {
  .s-design_list-item.s-design_list-item--large .s-design_list-item-fig {
    border-radius: 3.3816425121vw !important
  }
}
.s-design_list-item .s-design_list-item-fig {
  border-radius: 1.4662756598vw
}
@media only screen and (max-width: 760px) {
  .s-design_list-item .s-design_list-item-fig {
    border-radius: 3.3816425121vw !important
  }
}
.s-design_list-item .s-design_list-item-fig img {
  transition: transform .6s;
  will-change: transform
}
.s-design_list-item .s-design_list-item-fig:hover img {
  transform: scale(1.1)
}
.s-design_list-item:nth-of-type(8n+1) {
  order: 2
}
@media only screen and (max-width: 760px) {
  .s-design_list-item:nth-of-type(8n+1) {
    margin-right: 0 !important
  }
}
.s-design_list-item:nth-of-type(8n+2) {
  order: 1;
  margin-right: 3.3724340176vw
}
@media only screen and (max-width: 760px) {
  .s-design_list-item:nth-of-type(8n+2) {
    margin-right: 4.347826087% !important
  }
}
.s-design_list-item:nth-of-type(8n+3) {
  order: 4
}
@media only screen and (max-width: 760px) {
  .s-design_list-item:nth-of-type(8n+3) {
    margin-right: 0 !important
  }
}
.s-design_list-item:nth-of-type(8n+4) {
  order: 3;
  margin-right: 3.3724340176vw
}
@media only screen and (max-width: 760px) {
  .s-design_list-item:nth-of-type(8n+4) {
    margin-right: 4.347826087% !important
  }
}
.s-design_list-item:nth-of-type(8n+5) {
  order: 5;
  margin-right: 3.3724340176vw
}
@media only screen and (max-width: 760px) {
  .s-design_list-item:nth-of-type(8n+5) {
    margin-right: 4.347826087% !important
  }
}
.s-design_list-item:nth-of-type(8n+6) {
  order: 6;
  align-self: flex-end
}
@media only screen and (max-width: 760px) {
  .s-design_list-item:nth-of-type(8n+6) {
    margin-right: 0 !important
  }
}
.s-design_list-item:nth-of-type(8n+7) {
  order: 7;
  margin-right: 3.3724340176vw;
  margin-left: 28.3724340176vw
}
@media only screen and (max-width: 760px) {
  .s-design_list-item:nth-of-type(8n+7) {
    margin-right: 4.347826087% !important
  }
}
.s-design_list-item:nth-of-type(8n+8) {
  order: 8
}
@media only screen and (max-width: 760px) {
  .s-design_list-item:nth-of-type(8n+8) {
    margin-right: 0 !important
  }
}
.s-design_list-item a {
  display: block
}
.s-design_list-item-fig {
  margin-bottom: 17px;
  overflow: hidden;
  position: relative;
  z-index: 1;
  aspect-ratio: 1.364
}
@media only screen and (max-width: 760px) {
  .s-design_list-item-fig {
    margin-bottom: 14px
  }
}
.s-design_list-item--large .s-design_list-item-fig {
  aspect-ratio: 1.35
}
.s-design_list-item-heading {
  margin: 0 0 0 .7331378299vw;
  font-size: 18px;
  line-height: 1.4;
  letter-spacing: .03em
}
@media print {
  .s-design_list-item-heading {
    font-size: 10.5882352941px !important
  }
}
@media only screen and (max-width: 760px) {
  .s-design_list-item-heading {
    font-size: 14px;
    line-height: 1.4;
    letter-spacing: .03em;
    margin: 0
  }
}
.s-design_list-empty {
  text-align: center;
  margin: 0 0 40px 0
}
.s-design-detail_main-spacer {
  height: 77.2093023256vh;
  max-height: 664px;
  min-height: calc(356px + var(--notice-height))
}
@media only screen and (max-width: 760px) {
  .s-design-detail_main-spacer {
    height: 81.5217391304vh;
    max-height: 600px;
    min-height: calc(182px + var(--notice-height-sp))
  }
}
.s-design-detail_main {
  height: 91.8604651163vh;
  max-height: 790px;
  min-height: calc(424px + var(--notice-height))
}
@media only screen and (max-width: 760px) {
  .s-design-detail_main {
    height: 88.1793478261vh;
    max-height: 649px;
    min-height: calc(214px + var(--notice-height-sp))
  }
}
.s-design-detail_main:before {
  display: none
}
.s-design-detail_main figure {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0
}
.s-design-detail_main figure:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(24, 24, 24, 0.25)
}
.s-design-detail_main figure img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  pointer-events: none
}
.s-design-detail_main .l-breadcrumb {
  position: absolute;
  bottom: clamp(0px, 17.3255813953vh, 149px);
  right: 4.5454545455vw;
  color: #fff
}
@media only screen and (max-height: 460px) and (min-width: 761px) {
  .s-design-detail_main .l-breadcrumb {
    bottom: 83px
  }
}
.s-design-detail_main .l-breadcrumb a {
  color: #fff
}
.s-design-detail_main-ttlgroup {
  position: absolute;
  width: 81.8181818182vw;
  bottom: clamp(110px, 26.0465116279vh, 224px);
  left: 9.0909090909vw;
  z-index: 1
}
@media only screen and (max-width: 760px) {
  .s-design-detail_main-ttlgroup {
    left: 5.5555555556vw;
    right: 5.5555555556vw;
    bottom: clamp(50px, 12.9076086957vh, 95px)
  }
}
.s-design-detail_main-ttl {
  margin-bottom: 7px
}
.s-design-detail_main-ttl .text {
  display: block;
  font-size: 50px;
  line-height: 1.3;
  letter-spacing: .03em;
  color: #fff
}
@media print {
  .s-design-detail_main-ttl .text {
    font-size: 29.4117647059px !important
  }
}
@media only screen and (max-width: 760px) {
  .s-design-detail_main-ttl .text {
    font-size: 30px;
    line-height: 1.3;
    letter-spacing: .03em
  }
}
.s-design-detail_main-cat {
  display: flex;
  flex-wrap: wrap
}
.s-design-detail_main-cat li {
  font-size: 12px;
  line-height: 1;
  letter-spacing: .03em;
  display: table;
  margin: 0 4px 4px 0;
  padding: 6px 12px;
  color: #fff;
  border: 1px solid #fff;
  border-radius: 13px
}
@media print {
  .s-design-detail_main-cat li {
    font-size: 7.0588235294px !important
  }
}
@media only screen and (max-width: 760px) {
  .s-design-detail_main-cat li {
    font-size: 12px;
    line-height: 1;
    letter-spacing: .03em;
    padding: 3px 11px;
    border-radius: 10px
  }
}
.s-design-detail_header {
  margin: 0 6.8181818182vw 111px 45.4545454545vw
}
@media only screen and (max-width: 760px) {
  .s-design-detail_header {
    margin: 0 0 56px 0
  }
}
.s-design-detail_header p {
  width: 34.0909090909vw;
  font-size: 16px;
  line-height: 2;
  letter-spacing: .03em
}
@media print {
  .s-design-detail_header p {
    font-size: 9.4117647059px !important
  }
}
@media only screen and (max-width: 760px) {
  .s-design-detail_header p {
    width: auto;
    font-size: 14px;
    line-height: 1.7;
    letter-spacing: .03em
  }
}
.s-design-detail_ttl {
  margin: 0 26px 26px 0
}
@media only screen and (max-width: 760px) {
  .s-design-detail_ttl {
    margin: 0 26px 37px 0
  }
}
.s-design-detail_ttl .num {
  margin: 0 0 4px 0
}
@media only screen and (max-width: 760px) {
  .s-design-detail_ttl .num {
    margin: 0 0 2px 0
  }
}
.s-design-detail_ttl .en {
  margin: 0;
  font-size: calc((1364px - (1364px - var(--font-device-width-unit)) / 2) / 1364 * 52);
  line-height: 1.1;
  letter-spacing: 0em
}
@media print {
  .s-design-detail_ttl .en {
    font-size: 30.5882352941px !important
  }
}
@media only screen and (max-width: 760px) {
  .s-design-detail_ttl .en {
    font-size: 36px;
    line-height: 1.1;
    letter-spacing: 0em
  }
}
.s-design-detail_ttl .text {
  display: block;
  margin: -6px 0 0 0
}
@media only screen and (max-width: 760px) {
  .s-design-detail_ttl .text {
    margin: -1px 0 0 0
  }
}
.s-design-detail_figure {
  margin: 0 6.8181818182vw 119px 6.8181818182vw
}
@media only screen and (max-width: 760px) {
  .s-design-detail_figure {
    margin: 0 0 68px 0
  }
}
.s-design-detail_figure figure {
  margin: 0 0 10px 0;
  overflow: hidden;
  border-radius: 2.1994134897vw
}
@media only screen and (max-width: 760px) {
  .s-design-detail_figure figure {
    border-radius: 5.7971014493vw
  }
}
.s-design-detail_section {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  padding: 0 calc((100vw - 761px) / 603 * 103 + 52px);
  font-size: 16px;
  line-height: 1.9;
  letter-spacing: .03em
}
@media print {
  .s-design-detail_section {
    font-size: 9.4117647059px !important
  }
}
@media only screen and (min-width: 1365px) {
  .s-design-detail_section {
    padding: 0 155px
  }
}
@media only screen and (max-width: 760px) {
  .s-design-detail_section {
    display: block;
    padding: 0;
    font-size: 14px;
    line-height: 1.9;
    letter-spacing: .03em
  }
}
.s-design-detail_section dl {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  margin: 0 0 1.95em 0
}
.s-design-detail_section dt {
  display: block;
  width: 39.2%;
  padding: 0 10px 0 0;
  margin-top: -1px;
  min-height: 30px
}
@media only screen and (max-width: 760px) {
  .s-design-detail_section dt {
    width: 36.7%;
    margin-top: -3px
  }
}
.s-design-detail_section dd {
  display: block;
  width: 60.8%;
  min-height: 30px;
  margin-top: -1px;
  position: relative;
  padding: 0 0 0 1em
}
@media only screen and (max-width: 760px) {
  .s-design-detail_section dd {
    width: 63.3%;
    margin-top: -3px
  }
}
.s-design-detail_section dd:before {
  content: "： ";
  display: block;
  width: 1em;
  height: 1em;
  position: absolute;
  top: 0;
  left: 4px
}
.s-design-detail_section-ttl {
  width: 34.0909090909vw
}
@media only screen and (max-width: 760px) {
  .s-design-detail_section-ttl {
    width: auto
  }
}
.s-design-detail_section-dtl {
  flex: 1;
  margin: 11px 0 0 0
}
.s-design-detail_section-dtl2 {
  flex: 1;
  margin: 9px 0 0 0
}
@media only screen and (max-width: 760px) {
  .s-design-detail_section-dtl2 {
    margin: -7px 0 0 0
  }
}
.s-design-detail_info p {
  margin: -14px 0 36px 0
}
@media only screen and (max-width: 760px) {
  .s-design-detail_info p {
    margin: -21px 0 31px 0
  }
}
.s-design-detail_info-banner {
  margin: 33px 0 10px 0
}
@media only screen and (max-width: 760px) {
  .s-design-detail_info-banner {
    width: 87.4%;
    margin: 29px 5.5555555556vw 10px 5.5555555556vw
  }
}
.s-design-detail_info-banner li {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  width: 24.926686217vw;
  border: 1px solid #DDDDDD;
  border-radius: 10px;
  margin: 0 0 10px 0;
  padding: 3.2258064516vw 4.2521994135vw 3.2258064516vw 4.2521994135vw
}
@media only screen and (max-width: 760px) {
  .s-design-detail_info-banner li {
    width: auto;
    min-height: 62px;
    margin: 0 0 5px 0;
    padding: 10px 4.8309178744vw 10px 4.8309178744vw;
    border-radius: 8px
  }
}
.s-design-detail_info-banner li img {
  max-width: 222px
}
@media only screen and (max-width: 760px) {
  .s-design-detail_info-banner li img {
    max-width: 148px
  }
}
.s-design-detail_info-banner li img.mod--2 {
  max-width: 178px
}
@media only screen and (max-width: 760px) {
  .s-design-detail_info-banner li img.mod--2 {
    max-width: 134px
  }
}
.s-design-detail_info-link {
  margin: 21px 0 0 0 !important;
  font-size: 15px;
  line-height: 1;
  letter-spacing: .03em;
  font-weight: 700 !important
}
@media print {
  .s-design-detail_info-link {
    font-size: 8.8235294118px !important
  }
}
@media only screen and (max-width: 760px) {
  .s-design-detail_info-link {
    font-size: 14px;
    line-height: 1;
    letter-spacing: .03em;
    margin: 15px 5.5555555556vw 0 5.5555555556vw !important
  }
}
.s-design-detail_info-link a {
  display: table;
  position: relative;
  padding: 0 20px 0 0;
  color: #40b44b
}
.s-design-detail_info-link a:before {
  content: "";
  display: block;
  width: 14px;
  height: 2px;
  position: absolute;
  bottom: 0;
  right: 0;
  background-color: #40b44b
}
.s-design-detail_info-link a .icon {
  display: inline-block;
  width: 17px;
  height: 18px;
  margin-right: 10px;
  vertical-align: -.36em
}
.s-design-detail_info-link .c_arrow-single {
  position: absolute;
  top: 2px;
  right: 0
}
.s-design-detail_info-link .c_arrow-single:after {
  background-image: url("../img/ico_arrow_red_diag.svg")
}
.s-design-detail_info-link .c_arrow-single:before {
  background-image: url("../img/ico_arrow_red_diag.svg")
}
.s-design-detail_comment {
  overflow: hidden;
  position: relative;
  width: auto;
  margin: 0 -4.5454545455vw;
  padding: 119px calc((100vw - 761px) / 603 * 130 + 87px) 153px calc((100vw - 761px) / 603 * 130 + 87px)
}
@media only screen and (min-width: 1365px) {
  .s-design-detail_comment {
    padding: 119px 155px 153px 155px
  }
}
@media only screen and (max-width: 760px) {
  .s-design-detail_comment {
    margin: 0 -5.5555555556vw;
    padding: 70px 5.5555555556vw 83px 5.5555555556vw
  }
}
.s-design-detail_comment:before {
  content: "";
  display: block;
  width: 100vw;
  height: 25.293255132vw;
  position: absolute;
  top: 5.6451612903vw;
  left: 0;
  background-image: url("../img/vector3.svg");
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 100% auto;
  z-index: -1
}
@media only screen and (max-width: 760px) {
  .s-design-detail_comment:before {
    width: 100%;
    height: 62.3188405797vw;
    left: 0;
    top: 15.4589371981vw;
    bottom: 0;
    background-image: url("../img/vector2_sp.svg");
    background-size: auto 100%
  }
}
.s-design-detail_comment-icon {
  text-indent: 3em;
  position: relative;
  margin: -1px 0 26px 0 !important;
  font-size: 16px;
  line-height: 2;
  letter-spacing: .03em
}
@media print {
  .s-design-detail_comment-icon {
    font-size: 9.4117647059px !important
  }
}
@media only screen and (max-width: 760px) {
  .s-design-detail_comment-icon {
    margin: -1px 0 17px 0 !important
  }
}
.s-design-detail_comment-icon:before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  position: absolute;
  top: 8px;
  left: 0;
  background-image: url("../img/ico_quote.svg");
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 100% auto
}
.s-design-detail_comment-role {
  font-size: 12px;
  line-height: 1.7;
  letter-spacing: .03em;
  display: block;
  margin-bottom: -30px
}
@media print {
  .s-design-detail_comment-role {
    font-size: 7.0588235294px !important
  }
}
@media only screen and (max-width: 760px) {
  .s-design-detail_comment-role {
    margin-bottom: -23px
  }
}
@media only screen and (max-width: 760px) {
  .s-design-detail_comment-name {
    font-size: 16px;
    line-height: 1;
    letter-spacing: .03em
  }
}
.s-design-detail_info + .s-design-detail_next {
  margin-top: 153px
}
@media only screen and (min-width: 1365px) {
  .s-design-detail_info + .s-design-detail_next {
    margin-top: 153px
  }
}
@media only screen and (max-width: 760px) {
  .s-design-detail_info + .s-design-detail_next {
    margin-top: 83px
  }
}
.s-design-detail_next {
  margin: 0 6.8181818182vw 119px 6.8181818182vw;
  overflow: hidden;
  border-radius: 2.1994134897vw;
  z-index: 1;
  position: relative
}
@media only screen and (max-width: 760px) {
  .s-design-detail_next {
    margin: 0 0 71px 0;
    border-radius: 4.8309178744vw
  }
}
.s-design-detail_next a {
  display: block;
  position: relative;
  z-index: 1
}
.s-design-detail_next a:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(24, 24, 24, 0.3)
}
.s-design-detail_next-figure img {
  transition: transform .6s;
  aspect-ratio: 1.7278688525;
  will-change: transform
}
.s-design-detail_next-ttl-wrap {
  display: table;
  position: absolute;
  top: 50.8%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2
}
@media only screen and (max-width: 760px) {
  .s-design-detail_next-ttl-wrap {
    top: 49.4%
  }
}
.s-design-detail_next-ttl {
  font-size: 48px;
  line-height: 1;
  letter-spacing: 0em;
  color: #fff;
  margin: 0 0 20px 0;
  text-align: center
}
@media print {
  .s-design-detail_next-ttl {
    font-size: 28.2352941176px !important
  }
}
@media only screen and (max-width: 760px) {
  .s-design-detail_next-ttl {
    font-size: 24px;
    line-height: 1;
    letter-spacing: 0em;
    margin: 0 0 13px 0
  }
}
.s-design-detail_next-ttl .num {
  display: block;
  font-size: 12px;
  line-height: 1;
  letter-spacing: 0em;
  color: #40b44b
}
@media print {
  .s-design-detail_next-ttl .num {
    font-size: 7.0588235294px !important
  }
}
@media only screen and (max-width: 760px) {
  .s-design-detail_next-ttl .num {
    margin-bottom: 4px
  }
}
.s-design-detail_next-product {
  font-size: 38px;
  line-height: 1.4;
  letter-spacing: .003em;
  color: #fff;
  text-align: center;
  position: relative
}
@media print {
  .s-design-detail_next-product {
    font-size: 22.3529411765px !important
  }
}
@media only screen and (max-width: 760px) {
  .s-design-detail_next-product {
    font-size: 20px;
    line-height: 1;
    letter-spacing: 0em
  }
}
.s-design-detail_next-product .c_arrow-single {
  position: absolute;
  bottom: 22px;
  right: -35px
}
@media only screen and (max-width: 760px) {
  .s-design-detail_next-product .c_arrow-single {
    display: none
  }
}
.s-design-detail_next-category {
  display: table;
  font-size: 11px;
  line-height: 1;
  letter-spacing: .03em;
  margin: 0 auto 10px auto;
  padding: 6px 12px;
  color: #fff;
  border: 1px solid #fff;
  border-radius: 11px
}
@media print {
  .s-design-detail_next-category {
    font-size: 6.4705882353px !important
  }
}
.s-design-detail_info + .s-design-detail_bottom-btn {
  margin-top: 153px
}
@media only screen and (min-width: 1365px) {
  .s-design-detail_info + .s-design-detail_bottom-btn {
    margin-top: 153px
  }
}
@media only screen and (max-width: 760px) {
  .s-design-detail_info + .s-design-detail_bottom-btn {
    margin-top: 83px
  }
}
.s-design-detail_bottom-btn {
  display: table;
  margin: 0 auto;
  padding: 0 0 160px 0
}
@media only screen and (max-width: 760px) {
  .s-design-detail_bottom-btn {
    padding: 0 0 89px 0
  }
}
.s-company-detail .s-company_related {
  margin-top: 144px
}
@media only screen and (max-width: 760px) {
  .s-company-detail .s-company_related {
    margin: 90px -5.5555555556vw 70px -5.5555555556vw
  }
}
.s-company-detail_main-spacer {
  height: 65.3488372093vh;
  max-height: 562px;
  min-height: calc(295px + var(--notice-height))
}
@media only screen and (max-width: 760px) {
  .s-company-detail_main-spacer {
    height: 58.9673913043vh;
    max-height: 434px;
    min-height: calc(214px + var(--notice-height-sp));
    padding-top: 0
  }
}
.s-company-detail_main {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 78.9534883721vh;
  min-height: calc(380px + var(--notice-height));
  max-height: 679px;
  padding: 0;
  z-index: 0;
  overflow: hidden;
  color: #fff
}
@media only screen and (max-width: 760px) {
  .s-company-detail_main {
    height: 74.8641304348vh;
    max-height: 551px;
    min-height: calc(270px + var(--notice-height-sp));
    padding-top: 0
  }
}
.s-company-detail_main figure {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0
}
.s-company-detail_main figure:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(24, 24, 24, 0.3)
}
.s-company-detail_main figure img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  pointer-events: none
}
.s-company-detail_main .l-breadcrumb {
  position: absolute;
  bottom: clamp(96px, 16.2790697674vh, 140px);
  right: 4.5454545455vw;
  color: #fff
}
.s-company-detail_main .l-breadcrumb a {
  color: #fff
}
.s-company-detail_main-ttlgroup {
  width: 70.4545454545vw;
  position: absolute;
  bottom: clamp(130px, 21.511627907vh, 185px);
  left: 9.0909090909vw;
  z-index: 1
}
@media only screen and (max-width: 760px) {
  .s-company-detail_main-ttlgroup {
    width: 100%;
    padding: 0 5.5555555556vw;
    left: 0;
    bottom: clamp(70px, 21.0597826087vh, 155px)
  }
}
.s-company-detail_main-cat {
  color: #fff;
  margin: 0 0 22px 18px;
  font-size: 14px;
  line-height: 1.1428571429;
  letter-spacing: .03em
}
@media print {
  .s-company-detail_main-cat {
    font-size: 8.2352941176px !important
  }
}
@media only screen and (max-width: 760px) {
  .s-company-detail_main-cat {
    margin: 0 0 12px 16px;
    font-size: 12px;
    line-height: 1.5;
    letter-spacing: .03em
  }
}
.s-company-detail_main-cat:before {
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  position: absolute;
  top: 5px;
  left: 0;
  background-color: #fff;
  border-radius: 3px
}
@media only screen and (max-width: 760px) {
  .s-company-detail_main-cat:before {
    top: 6px;
    left: 5.5555555556vw
  }
}
.s-company-detail_main-cat--en {
  line-height: 1.1 !important;
  margin-bottom: 18px
}
@media only screen and (max-width: 760px) {
  .s-company-detail_main-cat--en {
    margin-bottom: 13px
  }
}
.s-company-detail_main-cat--en:before {
  top: 7px
}
@media only screen and (max-width: 760px) {
  .s-company-detail_main-cat--en:before {
    top: 6px
  }
}
.s-company-detail_main-ttl {
  font-size: calc((1364px - (1364px - var(--font-device-width-unit)) / 1) / 1364 * 46);
  line-height: 1.178;
  letter-spacing: .03em
}
@media print {
  .s-company-detail_main-ttl {
    font-size: 27.0588235294px !important
  }
}
@media only screen and (max-width: 760px) {
  .s-company-detail_main-ttl {
    font-size: clamp(10px, 7.2463768116vw, 30px)
  }
}
@media only screen and (max-height: 460px) and (max-width: 760px) {
  .s-company-detail_main-ttl {
    font-size: 20px
  }
}
.s-company-detail_noimage-main-spacer {
  height: 54.0697674419vh;
  max-height: 465px;
  min-height: calc(396px + var(--notice-height))
}
@media only screen and (max-width: 760px) {
  .s-company-detail_noimage-main-spacer {
    height: 46.1956521739vh;
    max-height: 340px;
    min-height: calc(280px + var(--notice-height-sp))
  }
}
.s-company-detail_noimage-main {
  height: 65.1162790698vh;
  min-height: calc(491px + var(--notice-height));
  max-height: 560px;
  padding: 0
}
@media only screen and (max-width: 760px) {
  .s-company-detail_noimage-main {
    height: 50.4076086957vh;
    max-height: 371px;
    min-height: calc(306px + var(--notice-height-sp))
  }
}
.s-company-detail_noimage-main:before {
  content: "";
  display: block;
  width: 117.1554252199vw;
  height: 25.219941349vw;
  position: absolute;
  bottom: -2.3460410557vw;
  left: -16.862170088vw;
  background-image: url("../img/vector_detail.svg");
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 100% auto;
  z-index: -1
}
@media only screen and (max-width: 760px) {
  .s-company-detail_noimage-main:before {
    width: 100%;
    height: 47.3429951691vw;
    left: 0;
    bottom: -24px;
    background-image: url("../img/vector_detail_sp.svg");
    background-size: auto 100%
  }
}
.s-company-detail_noimage-main .l-breadcrumb {
  position: absolute;
  bottom: clamp(101px, 13.7209302326vh, 118px);
  right: 4.5454545455vw
}
.s-company-detail_noimage-main-sbttl {
  font-size: 14px;
  line-height: 1.2857142857;
  letter-spacing: .03em;
  position: relative;
  padding-left: 18px;
  margin-bottom: clamp(0px, 1.4662756598vw, 20px)
}
@media print {
  .s-company-detail_noimage-main-sbttl {
    font-size: 8.2352941176px !important
  }
}
@media only screen and (max-width: 760px) {
  .s-company-detail_noimage-main-sbttl {
    font-size: 12px;
    line-height: 1.1666666667;
    letter-spacing: .03em;
    padding-left: 16px;
    margin-bottom: clamp(10px, 3.6231884058vw, 15px)
  }
}
.s-company-detail_noimage-main-sbttl:before {
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #40b44b;
  position: absolute;
  top: .4em;
  left: 0
}
.s-company-detail_noimage-main-ttl {
  font-size: calc((1364px - (1364px - var(--font-device-width-unit)) / 1) / 1364 * 46);
  line-height: 1.178;
  letter-spacing: .03em
}
@media print {
  .s-company-detail_noimage-main-ttl {
    font-size: 27.0588235294px !important
  }
}
@media only screen and (max-width: 760px) {
  .s-company-detail_noimage-main-ttl {
    font-size: clamp(10px, 7.2463768116vw, 30px)
  }
}
@media only screen and (max-width: 414px) {
  .s-company-detail_noimage-main-ttl {
    font-size: 6.7632850242vw
  }
}
.s-company-detail_noimage-main-ttlgroup {
  width: 75vw;
  position: absolute;
  bottom: clamp(180px, 22.9069767442vh, 197px);
  left: 4.5454545455vw;
  z-index: 1
}
@media only screen and (max-width: 960px) {
  .s-company-detail_noimage-main-ttlgroup {
    left: 4.5454545455vw
  }
}
@media only screen and (max-width: 760px) {
  .s-company-detail_noimage-main-ttlgroup {
    width: auto;
    margin: 0;
    bottom: clamp(65px, 10.0543478261vh, 74px);
    left: 5.5555555556vw;
    right: 5.5555555556vw
  }
}
.s-company-detail_cont-list-type3 {
  display: flex;
  flex-wrap: wrap;
  margin: 0 0 66px 0
}
@media only screen and (max-width: 760px) {
  .s-company-detail_cont-list-type3 {
    display: block;
    margin: 0 0 49px 0
  }
}
.s-company-detail_cont-list-type3-inr {
  width: 46.6666666667%;
  margin: 0 6.6666666667% 0 0;
  display: block
}
@media only screen and (max-width: 760px) {
  .s-company-detail_cont-list-type3-inr {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    width: auto;
    margin: 0 0 38px 0
  }
}
.s-company-detail_cont-list-type3-inr:nth-of-type(2n) {
  margin-right: 0
}
.s-company-detail_cont-list-type3-inr figure {
  border-radius: 2.1994134897vw;
  margin: 0 0 20px 0;
  overflow: hidden;
  position: relative;
  z-index: 1
}
@media only screen and (max-width: 760px) {
  .s-company-detail_cont-list-type3-inr figure {
    width: 100%;
    margin: 0 0 19px 0;
    border-radius: 4.8309178744vw
  }
}
.s-company-detail_cont-list-type3-inr p {
  font-size: 14px;
  line-height: 1.5;
  letter-spacing: .03em
}
@media print {
  .s-company-detail_cont-list-type3-inr p {
    font-size: 8.2352941176px !important
  }
}
@media only screen and (max-width: 760px) {
  .s-company-detail_cont-list-type3-inr p {
    font-size: 12px;
    line-height: 1.5;
    letter-spacing: .03em
  }
}
.s-company-detail_cont-list-type3-inr img {
  transition: transform .6s;
  aspect-ratio: 1.6194029851;
  will-change: transform
}
.s-company-detail_cont-list-type3-inr:hover img {
  transform: scale(1.1)
}
.s-company-detail_cont-list-type3-inr-ttl {
  margin: 0 0 8px 0
}
@media only screen and (max-width: 760px) {
  .s-company-detail_cont-list-type3-inr-ttl {
    margin: 0 0 6px 0
  }
}
.s-company-detail_cont-list-type3-inr-ttl .circle {
  display: block;
  height: 6px;
  overflow: hidden;
  margin-bottom: 7px
}
.s-company-detail_cont-list-type3-inr-ttl .circle:before {
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #40b44b;
  transform: translateY(120%);
  transition: transform 0.5s cubic-bezier(0.55, 0.01, 0.45, 1)
}
.s-company-detail_cont-list-type3-inr-ttl .circle.js-scrollaction-active:before {
  transform: translateY(0%)
}
.s-company-detail_cont-list-type3-inr-ttl .en {
  font-size: 42px;
  line-height: 1.1;
  letter-spacing: 0em;
  margin-right: 12px
}
@media print {
  .s-company-detail_cont-list-type3-inr-ttl .en {
    font-size: 24.7058823529px !important
  }
}
@media only screen and (max-width: 1160px) {
  .s-company-detail_cont-list-type3-inr-ttl .en {
    font-size: 30px;
    line-height: 1.1;
    letter-spacing: 0em;
    margin: 0 9px 0 0;
    display: inline-block
  }
}
.s-company-detail_cont-list-type3-inr-ttl .text {
  vertical-align: 3px
}
@media only screen and (max-width: 1160px) {
  .s-company-detail_cont-list-type3-inr-ttl .text {
    display: inline-block;
    vertical-align: 7px;
    margin: -1px 0 0 0
  }
}
@media only screen and (max-width: 760px) {
  .s-news .l-contents-und {
    margin-top: -16px
  }
}
@media only screen and (max-width: 760px) {
  .s-news .l-und_main-ttl {
    bottom: clamp(65px, 17.527173913vh, 129px)
  }
}
.s-news .l-und_main-ttl .en {
  margin-right: 30px
}
@media only screen and (max-width: 760px) {
  .s-news .l-und_main-ttl .en {
    margin: 0 0 -4px 0
  }
}
.s-news .l-und_main-ttl .text {
  font-size: 26px;
  line-height: 1;
  letter-spacing: .03em;
  vertical-align: .7em
}
@media print {
  .s-news .l-und_main-ttl .text {
    font-size: 15.2941176471px !important
  }
}
@media only screen and (max-width: 760px) {
  .s-news .l-und_main-ttl .text {
    font-size: 12px;
    line-height: 1;
    letter-spacing: .03em
  }
}
@media only screen and (max-width: 760px) {
  .s-news .l-und_main--min:before {
    bottom: 17px
  }
}
.s-news .l-breadcrumb {
  bottom: clamp(96px, 17.7906976744vh, 153px)
}
.s-news_wrap {
  margin: 2px 4.5454545455vw 0 4.5454545455vw
}
@media only screen and (max-width: 960px) {
  .s-news_wrap {
    margin: 0 2.2727272727vw
  }
}
@media only screen and (max-width: 760px) {
  .s-news_wrap {
    margin: 0
  }
}
.s-news_lists-filter {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  width: 100%;
  margin-bottom: 6.0117302053vw;
  position: relative;
  z-index: 10
}
@media only screen and (max-width: 960px) {
  .s-news_lists-filter {
    display: block
  }
}
@media only screen and (max-width: 760px) {
  .s-news_lists-filter {
    display: flex;
    justify-content: space-between;
    margin: 2px 0 50px 0
  }
}
@media only screen and (max-width: 760px) {
  .s-news_lists-filter .c_contents-sort, .s-news_lists-filter .c_contents-sort-pulldown-always {
    width: 100%;
    position: relative;
    top: 0;
    left: 0;
    right: auto;
    text-align: left
  }
}
.s-news_lists-filter .c_contents-sort-pulldown-always {
  margin: -3px 0 0 0
}
@media only screen and (max-width: 760px) {
  .s-news_lists-filter .c_contents-sort-pulldown-always {
    margin: 0
  }
}
@media only screen and (max-width: 760px) {
  .s-news_lists-filter .c_contents-sort-this, .s-news_lists-filter .c_contents-sort-pulldown-always-this {
    width: 97%;
    max-width: 152px;
    min-width: auto;
    padding: 5px 28px 5px 14px
  }
}
@media only screen and (max-width: 960px) {
  .s-news_lists-filter .c_contents-sort-list, .s-news_lists-filter .c_contents-sort-pulldown-always-list {
    margin: 0
  }
}
@media only screen and (max-width: 760px) {
  .s-news_lists-filter .c_contents-sort-list, .s-news_lists-filter .c_contents-sort-pulldown-always-list {
    width: 100%;
    left: 0;
    right: auto;
    max-width: 250px;
    min-width: auto
  }
}
.s-news_lists-filter .c_contents-sort-pulldown-always-list li {
  padding: 0
}
.s-news_lists-filter .c_contents-sort-pulldown-always-list li a {
  display: block;
  padding: 8px 17px
}
.s-news_lists-filter1 {
  flex: 1;
  display: flex
}
@media only screen and (max-width: 760px) {
  .s-news_lists-filter1 {
    flex: none;
    width: 50%;
    display: block
  }
}
.s-news_lists-filter2 {
  width: 300px;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end
}
@media only screen and (max-width: 960px) {
  .s-news_lists-filter2 {
    width: 100%;
    justify-content: flex-start
  }
}
@media only screen and (max-width: 760px) {
  .s-news_lists-filter2 {
    width: 50%;
    display: block;
    justify-content: flex-end
  }
}
.s-news_lists-filter-ttl {
  white-space: nowrap;
  display: table;
  font-size: 14px;
  line-height: 1;
  letter-spacing: .03em;
  margin: 8px 10px 0 0
}
@media print {
  .s-news_lists-filter-ttl {
    font-size: 8.2352941176px !important
  }
}
@media only screen and (max-width: 960px) {
  .s-news_lists-filter-ttl {
    width: 10em
  }
}
@media only screen and (max-width: 760px) {
  .s-news_lists-filter-ttl {
    width: 100%;
    font-size: 13px;
    line-height: 1;
    letter-spacing: .03em;
    margin: 0 0 9px 0
  }
}
.s-news_lists {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  padding: 0 0 49px 0
}
@media only screen and (max-width: 760px) {
  .s-news_lists {
    display: block;
    width: auto;
    padding: 0 0 40px 0
  }
}
.s-news_list {
  width: 30.55%;
  margin-right: 4.175%;
  margin-bottom: 70px;
  position: relative
}
@media only screen and (max-width: 760px) {
  .s-news_list {
    width: auto;
    margin-right: 0;
    margin-bottom: 30px
  }
}
.s-news_list:nth-of-type(3n) {
  margin-right: 0
}
.s-news_list a {
  display: block
}
@media only screen and (max-width: 760px) {
  .s-news_list a {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start
  }
}
.s-news_list a:hover img {
  transform: scale(1.1)
}
.s-news_list a:hover .c_new img {
  transform: scale(1)
}
.s-news_list-fig {
  position: relative;
  width: 100%;
  height: 18.7683284457vw;
  border-radius: 1.4662756598vw;
  margin-bottom: 24px;
  overflow: hidden;
  z-index: 1
}
@media only screen and (max-width: 760px) {
  .s-news_list-fig {
    width: 33.3333333333vw;
    height: 24.8792270531vw;
    border-radius: 3.3816425121vw;
    margin: 0 3.8647342995vw 0 0
  }
}
.s-news_list-fig img {
  transition: transform .6s;
  will-change: transform;
  object-fit: cover;
  width: 100%;
  height: 100%;
  object-position: center
}
.s-news_list-dtl {
  margin: 0
}
@media only screen and (max-width: 760px) {
  .s-news_list-dtl {
    flex: 1
  }
}
.s-news_list-dtl .c_new {
  top: 15.6158357771vw;
  left: .7331378299vw
}
@media only screen and (max-width: 760px) {
  .s-news_list-dtl .c_new {
    width: 8.6956521739vw;
    height: 5.3140096618vw;
    top: 18.115942029vw;
    left: 1.4492753623vw
  }
}
.s-news_list-cat {
  display: table;
  color: #888888;
  margin: 0 0 10px 1px;
  padding: 2px 11px;
  font-size: 12px;
  line-height: 1.2;
  letter-spacing: .03em;
  border: 2px solid #DDDDDD;
  border-radius: 11px;
  font-weight: 500 !important
}
@media print {
  .s-news_list-cat {
    font-size: 7.0588235294px !important
  }
}
@media only screen and (max-width: 760px) {
  .s-news_list-cat {
    padding: 3px 9px;
    margin: 0 0 9px 0;
    font-size: 10px;
    line-height: 1;
    letter-spacing: .03em;
    border-radius: 10px
  }
}
.s-news_list-text {
  font-size: calc((1364px - (1364px - var(--font-device-width-unit)) / 2) / 1364 * 22);
  line-height: 1;
  letter-spacing: .03em;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  font-family: paralucent, sans-serif;
  font-weight: 700
}
@media print {
  .s-news_list-text {
    font-size: 12.9411764706px !important
  }
}
@media only screen and (max-width: 760px) {
  .s-news_list-text {
    font-size: clamp(10px, 3.8647342995vw, 16px);
    -webkit-line-clamp: 4
  }
}
.s-news_list-text span {
  line-height: 1.4
}
@media only screen and (max-width: 760px) {
  .s-news_list-text span {
    line-height: 1.37
  }
}
.s-news_list-time {
  color: #888888;
  font-size: 12px;
  line-height: 1;
  letter-spacing: 0em;
  margin-top: 7px
}
@media print {
  .s-news_list-time {
    font-size: 7.0588235294px !important
  }
}
@media only screen and (max-width: 760px) {
  .s-news_list-time {
    font-size: 12px;
    line-height: 1;
    letter-spacing: .03em;
    margin-top: 8px
  }
}
.s-news_lists-pagenation {
  padding-bottom: 150px
}
@media only screen and (max-width: 760px) {
  .s-news_lists-pagenation {
    padding-bottom: 84px
  }
}
.s-news_detail-spacer {
  height: 64.4186046512vh;
  max-height: 554px;
  min-height: calc(342px + var(--notice-height))
}
@media only screen and (max-width: 760px) {
  .s-news_detail-spacer {
    height: 56.5217391304vh;
    max-height: 416px;
    min-height: calc(314px + var(--notice-height-sp))
  }
}
.s-news_detail-main {
  padding: 0;
  height: 83.7209302326vh;
  max-height: 720px;
  min-height: calc(477px + var(--notice-height))
}
@media only screen and (max-width: 760px) {
  .s-news_detail-main {
    height: 97.8260869565vh;
    max-height: 720px;
    min-height: calc(557px + var(--notice-height-sp))
  }
}
.s-news_detail-main:before {
  content: "";
  display: block;
  width: 117.1554252199vw;
  height: 25.219941349vw;
  position: absolute;
  bottom: 39px;
  left: -16.862170088vw;
  background-image: url("../img/vector_detail.svg");
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 100% auto;
  z-index: -1
}
@media only screen and (max-width: 760px) {
  .s-news_detail-main:before {
    width: 100%;
    height: 47.3429951691vw;
    left: 0;
    bottom: clamp(169px, 33.8315217391vh, 249px);
    background-image: url("../img/vector_detail_sp.svg");
    background-size: auto 100%
  }
}
.s-news_detail-main .l-breadcrumb {
  position: absolute;
  bottom: clamp(147px, 21.976744186vh, 189px);
  right: 4.5454545455vw
}
.s-news_detail-main-cat {
  display: inline-block;
  font-size: 12px;
  line-height: 1;
  letter-spacing: .03em;
  margin: 0 14px 0 0;
  padding: 4px 11px;
  color: #888;
  border: 2px solid #DDDDDD;
  border-radius: 13px
}
@media print {
  .s-news_detail-main-cat {
    font-size: 7.0588235294px !important
  }
}
@media only screen and (max-width: 760px) {
  .s-news_detail-main-cat {
    margin: 0 10px 0 0
  }
}
.s-news_detail-main-time {
  font-size: 12px;
  line-height: 1;
  letter-spacing: .03em;
  display: inline-block;
  color: #888
}
@media print {
  .s-news_detail-main-time {
    font-size: 7.0588235294px !important
  }
}
.s-news_detail-main-ttl {
  margin: 19px 0 0 0;
  font-size: calc((1364px - (1364px - var(--font-device-width-unit)) / 1.6) / 1364 * 38);
  line-height: 1.16;
  letter-spacing: .03em;
  clear: both
}
@media print {
  .s-news_detail-main-ttl {
    font-size: 22.3529411765px !important
  }
}
@media only screen and (max-width: 760px) {
  .s-news_detail-main-ttl {
    margin: 16px 0 0 0;
    line-height: 1.1;
    font-size: 24px;
    line-height: 1.16;
    letter-spacing: .03em
  }
}
@media only screen and (max-width: 414px) {
  .s-news_detail-main-ttl {
    font-size: 5.7971014493vw
  }
}
.s-news_detail-main-ttlgroup {
  width: 75vw;
  position: absolute;
  bottom: clamp(175px, 30.3488372093vh, 261px);
  left: 9.0909090909vw
}
@media only screen and (max-width: 960px) {
  .s-news_detail-main-ttlgroup {
    left: 4.5454545455vw
  }
}
@media only screen and (max-width: 760px) {
  .s-news_detail-main-ttlgroup {
    width: auto;
    margin: 0;
    bottom: clamp(275px, 47.1467391304vh, 347px);
    left: 5.5555555556vw;
    right: 5.5555555556vw
  }
}
.s-general_detail .l-und_detail-article {
  padding: 0 0 158px 0
}
@media only screen and (max-width: 760px) {
  .s-general_detail .l-und_detail-article {
    padding: 0 0 90px 0
  }
}
.s-general_detail-spacer {
  height: 52.5581395349vh;
  max-height: 452px;
  min-height: calc(342px + var(--notice-height))
}
@media only screen and (max-width: 760px) {
  .s-general_detail-spacer {
    height: 36.6847826087vh;
    max-height: 270px;
    min-height: calc(206px + var(--notice-height-sp))
  }
}
.s-general_detail-main {
  padding: 0;
  height: 83.7209302326vh;
  max-height: 720px;
  min-height: calc(477px + var(--notice-height))
}
@media only screen and (max-width: 760px) {
  .s-general_detail-main {
    height: 50.4076086957vh;
    max-height: 371px;
    min-height: calc(243px + var(--notice-height-sp))
  }
}
.s-general_detail-main:before {
  content: "";
  display: block;
  width: 117.1554252199vw;
  height: 25.219941349vw;
  position: absolute;
  bottom: 140px;
  left: -16.862170088vw;
  background-image: url("../img/vector_detail.svg");
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 100% auto;
  z-index: -1
}
@media only screen and (max-width: 760px) {
  .s-general_detail-main:before {
    width: 100%;
    height: 47.3429951691vw;
    left: 0;
    bottom: 47px;
    background-image: url("../img/vector_detail_sp.svg");
    background-size: auto 100%
  }
}
.s-general_detail-main .l-breadcrumb {
  position: absolute;
  bottom: clamp(147px, 33.8372093023vh, 291px);
  right: 4.5454545455vw
}
.s-general_detail-main-sbttl {
  font-size: 14px;
  line-height: 1.1428571429;
  letter-spacing: .03em;
  margin: 0 0 22px 18px
}
@media print {
  .s-general_detail-main-sbttl {
    font-size: 8.2352941176px !important
  }
}
@media only screen and (max-width: 760px) {
  .s-general_detail-main-sbttl {
    font-size: 12px;
    line-height: 1.5;
    letter-spacing: .03em;
    margin: 0 0 12px 16px
  }
}
.s-general_detail-main-sbttl:before {
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  position: absolute;
  top: 5px;
  left: 0;
  background-color: #f00;
  border-radius: 3px
}
@media only screen and (max-width: 760px) {
  .s-general_detail-main-sbttl:before {
    top: 7px;
    left: 0
  }
}
.s-general_detail-main-sbttl.c_font-en-h-str {
  line-height: 1.1 !important;
  margin-bottom: 18px
}
@media only screen and (max-width: 760px) {
  .s-general_detail-main-sbttl.c_font-en-h-str {
    margin-bottom: 14px
  }
}
.s-general_detail-main-sbttl.c_font-en-h-str:before {
  top: 2px
}
@media only screen and (max-width: 760px) {
  .s-general_detail-main-sbttl.c_font-en-h-str:before {
    top: 1px
  }
}
.s-general_detail-main-sbttl.c_font-en-h-str .js-textrowmotion-wrapper {
  margin-top: -4px
}
.s-general_detail-main-ttl {
  font-size: calc((1364px - (1364px - var(--font-device-width-unit)) / 1.6) / 1364 * 46);
  line-height: 1.2;
  letter-spacing: .03em;
  clear: both
}
@media print {
  .s-general_detail-main-ttl {
    font-size: 27.0588235294px !important
  }
}
@media only screen and (max-width: 760px) {
  .s-general_detail-main-ttl {
    line-height: 1.1;
    font-size: 28px;
    line-height: 1.1;
    letter-spacing: .03em
  }
}
@media only screen and (max-width: 414px) {
  .s-general_detail-main-ttl {
    font-size: 6.7632850242vw
  }
}
.s-general_detail-main-ttlgroup {
  width: 75vw;
  position: absolute;
  bottom: clamp(175px, 41.1627906977vh, 354px);
  left: 9.0909090909vw
}
@media only screen and (max-width: 960px) {
  .s-general_detail-main-ttlgroup {
    left: 4.5454545455vw
  }
}
@media only screen and (max-width: 760px) {
  .s-general_detail-main-ttlgroup {
    width: auto;
    margin: 0;
    bottom: clamp(65px, 19.5652173913vh, 144px);
    left: 5.5555555556vw;
    right: 5.5555555556vw
  }
}
.grecaptcha-badge {
  visibility: hidden
}
.grecaptcha-badge-custom {
  position: absolute;
  right: -200px;
  bottom: 80px;
  width: 260px;
  height: 62px;
  padding: 10px;
  font-size: 10px;
  font-weight: 400;
  padding-left: 64px;
  line-height: 1.3;
  background-image: url(../img/logo_48.png);
  background-repeat: no-repeat;
  background-position: 15px center;
  background-size: 32px;
  border: 1px solid #d9d9d9;
  border-right: none;
  border-radius: 10px 0 0 10px;
  transition: right .3s
}
@media only screen and (max-width: 760px) {
  .grecaptcha-badge-custom {
    bottom: 50px
  }
}
.grecaptcha-badge-custom a {
  text-decoration: underline
}
.grecaptcha-badge-custom:hover {
  right: 0
}
.s-form {
  width: 68.1818181818vw;
  padding: 0 0 160px 0;
  margin: 0 auto
}
@media only screen and (max-width: 960px) {
  .s-form {
    width: auto
  }
}
@media only screen and (max-width: 760px) {
  .s-form {
    padding: 0 0 132px 0
  }
}
.s-form .c_contents-sort-pulldown-contact {
  width: 47.82%
}
@media only screen and (max-width: 760px) {
  .s-form .c_contents-sort-pulldown-contact {
    width: 47.28%
  }
}
.s-form .c_contents-sort-pulldown-contact-this, .s-form .c_contents-sort-pulldown-contact-list {
  width: 100%
}
.s-form_intro {
  font-size: 13px;
  line-height: 1.5;
  letter-spacing: .03em;
  margin: 0 0 80px 0;
  padding: 0 0 80px 0;
  border-bottom: 1px solid #DDDDDD
}
@media print {
  .s-form_intro {
    font-size: 7.6470588235px !important
  }
}
@media only screen and (max-width: 760px) {
  .s-form_intro {
    font-size: 12px;
    line-height: 1.5;
    letter-spacing: .03em;
    margin: 0 0 50px 0;
    padding: 0 0 50px 0
  }
}
.s-form_intro--bottom {
  margin: 80px 0 0 0;
  padding: 80px 0 0 0;
  border-bottom: none;
  border-top: 1px solid #DDDDDD
}
@media only screen and (max-width: 760px) {
  .s-form_intro--bottom {
    margin: 50px 0 0 0;
    padding: 50px 0 0 0
  }
}
.s-form_intro li {
  position: relative;
  padding: 0 0 0 1em;
  margin: 0 0 .6em 0
}
.s-form_intro li:before {
  content: "※";
  position: absolute;
  top: 0;
  left: 0
}
.s-form_intro a {
  text-decoration: underline
}
.s-form_intro-req {
  text-align: right;
  margin: 0 0 40px 0;
  font-size: 12px;
  line-height: 1;
  letter-spacing: .03em
}
@media print {
  .s-form_intro-req {
    font-size: 7.0588235294px !important
  }
}
@media only screen and (max-width: 760px) {
  .s-form_intro-req {
    font-size: 11px;
    line-height: 1.5;
    letter-spacing: .03em;
    margin: 0 0 22px 0
  }
}
.s-form input[type=text], .s-form input[type=email], .s-form textarea {
  min-height: 60px;
  padding: 18px calc((100vw - 761px) / 603 * 20 + 10px) 18px calc((100vw - 761px) / 603 * 20 + 10px);
  border: 1px solid #F6F6F6;
  background: #F6F6F6;
  border-radius: 10px;
  font-size: 16px;
  line-height: 1;
  letter-spacing: .03em;
  font-weight: 400
}
@media print {
  .s-form input[type=text], .s-form input[type=email], .s-form textarea {
    font-size: 9.4117647059px !important
  }
}
@media only screen and (min-width: 1365px) {
  .s-form input[type=text], .s-form input[type=email], .s-form textarea {
    padding: 14px 30px 14px 30px
  }
}
@media only screen and (max-width: 760px) {
  .s-form input[type=text], .s-form input[type=email], .s-form textarea {
    min-height: 50px;
    padding: 14px calc((100vw - 320px) / 440 * 10 + 10px) 14px calc((100vw - 320px) / 440 * 10 + 10px);
    border-radius: 8px;
    font-size: 15px;
    line-height: 1;
    letter-spacing: .03em
  }
}
@media only screen and (max-width: 413px) {
  .s-form input[type=text], .s-form input[type=email], .s-form textarea {
    font-size: 14px;
    line-height: 1;
    letter-spacing: .03em
  }
}
.s-form textarea {
  min-height: 120px;
  line-height: 1.3
}
.s-form input[type=text]:focus, .s-form input[type=email]:focus {
  outline: none;
  border: 1px solid #DDDDDD
}
.s-form input[type=radio], .s-form input[type=checkbox] {
  border-radius: 0;
  border: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background: none transparent;
  margin: 0;
  outline: none
}
.s-form_item-check {
  margin: 0 0 6px 0
}
@media only screen and (max-width: 760px) {
  .s-form_item-check {
    margin: 0 0 20px 0
  }
}
.s-form_item-check label {
  cursor: pointer;
  display: inline-block;
  min-height: 30px
}
@media only screen and (max-width: 760px) {
  .s-form_item-check label {
    min-height: 24px
  }
}
.s-form_item-check span.wpcf7-list-item {
  display: inline-block;
  width: 56.66%;
  margin: 0 4.2% 14px 0;
  min-height: 30px;
  line-height: 1.3
}
@media only screen and (max-width: 1280px) {
  .s-form_item-check span.wpcf7-list-item {
    width: 100%;
    margin: 0 0 14px 0
  }
}
@media only screen and (max-width: 760px) {
  .s-form_item-check span.wpcf7-list-item {
    display: block;
    width: auto;
    margin: 0 0 10px 0;
    min-height: 24px;
    font-size: 15px;
    line-height: 1;
    letter-spacing: .03em
  }
}
.s-form_item-check span.wpcf7-list-item:nth-of-type(2n) {
  width: auto;
  margin: 0 0 14px 0
}
.s-form_item-check span.wpcf7-list-item-label {
  display: inline-block;
  position: relative;
  padding: 6px 0 0 46px
}
@media only screen and (max-width: 760px) {
  .s-form_item-check span.wpcf7-list-item-label {
    padding: 0 0 0 34px
  }
}
.s-form_item-check span.wpcf7-list-item-label:before {
  content: "";
  display: block;
  width: 30px;
  height: 30px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  border-radius: 4px;
  background-color: #40b44b;
  opacity: 0;
  background-image: url("../img/ico_check.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 10px 8px
}
@media only screen and (max-width: 760px) {
  .s-form_item-check span.wpcf7-list-item-label:before {
    width: 24px;
    height: 24px
  }
}
.s-form_item-check span.wpcf7-list-item-label:after {
  content: "";
  display: block;
  width: 30px;
  height: 30px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  background-color: #F6F6F6;
  border-radius: 4px
}
@media only screen and (max-width: 760px) {
  .s-form_item-check span.wpcf7-list-item-label:after {
    width: 24px;
    height: 24px
  }
}
.s-form_item-check input:checked + .wpcf7-list-item-label:before {
  opacity: 1
}
.s-form_item-radio {
  margin: 0 0 20px 0
}
.s-form_item-radio label {
  cursor: pointer;
  display: inline-block;
  min-height: 30px
}
@media only screen and (max-width: 760px) {
  .s-form_item-radio label {
    min-height: 24px
  }
}
.s-form_item-radio span.wpcf7-list-item {
  display: inline-block;
  margin: 0 3.5190615836vw 0 0;
  min-height: 30px
}
@media only screen and (max-width: 760px) {
  .s-form_item-radio span.wpcf7-list-item {
    margin: 0 12.8019323671vw 0 0;
    min-height: 24px
  }
}
.s-form_item-radio span.wpcf7-list-item-label {
  display: inline-block;
  position: relative;
  padding: 6px 0 0 46px
}
@media only screen and (max-width: 760px) {
  .s-form_item-radio span.wpcf7-list-item-label {
    padding: 0 0 0 34px
  }
}
.s-form_item-radio span.wpcf7-list-item-label:before {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  position: absolute;
  top: 11px;
  left: 11px;
  z-index: 2;
  border-radius: 50%;
  background-color: #40b44b;
  opacity: 0
}
@media only screen and (max-width: 760px) {
  .s-form_item-radio span.wpcf7-list-item-label:before {
    top: 8px;
    left: 8px
  }
}
.s-form_item-radio span.wpcf7-list-item-label:after {
  content: "";
  display: block;
  width: 30px;
  height: 30px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  background-color: #F6F6F6;
  border-radius: 50%
}
@media only screen and (max-width: 760px) {
  .s-form_item-radio span.wpcf7-list-item-label:after {
    width: 24px;
    height: 24px
  }
}
.s-form_item-radio input:checked + .wpcf7-list-item-label:before {
  opacity: 1
}
.s-form_item-radio input:checked + .wpcf7-list-item-label:after {
  border: 1px solid #40b44b
}
.s-form_item-att {
  color: #40b44b;
  margin-left: 3px
}
.s-form_item {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  width: 100%;
  margin: 0 0 40px 0;
  position: relative
}
@media only screen and (max-width: 760px) {
  .s-form_item {
    display: block;
    width: auto;
    margin: 0 0 24px 0
  }
}
.s-form_item--product .s-form_item-field-error {
  padding-bottom: 14px
}
.s-form_item--top {
  align-items: flex-start
}
.s-form_item-name {
  width: 186px;
  margin: 0 2.2727272727vw 0 0;
  font-size: 16px;
  line-height: 1.4;
  letter-spacing: .03em
}
@media print {
  .s-form_item-name {
    font-size: 9.4117647059px !important
  }
}
@media only screen and (max-width: 760px) {
  .s-form_item-name {
    width: auto;
    margin: 0 0 10px 0;
    font-size: 14px;
    line-height: 1.4;
    letter-spacing: .03em
  }
  .s-form_item-name br {
    display: none
  }
}
.s-form_item-field {
  flex: 1
}
.s-form_item-field .hyphen {
  position: relative;
  top: 12px
}
@media only screen and (max-width: 760px) {
  .s-form_item-field .hyphen {
    top: 7px
  }
}
.s-form_item-field-ttl {
  font-size: 12px;
  line-height: 1;
  letter-spacing: .03em;
  margin: 0 0 8px 0
}
@media print {
  .s-form_item-field-ttl {
    font-size: 7.0588235294px !important
  }
}
@media only screen and (max-width: 760px) {
  .s-form_item-field-ttl {
    font-size: 11px;
    line-height: 1;
    letter-spacing: .03em
  }
}
.s-form_item-field-ttl-normal {
  font-size: 12px;
  line-height: 1;
  letter-spacing: .03em;
  margin: 0 0 14px 0
}
@media print {
  .s-form_item-field-ttl-normal {
    font-size: 7.0588235294px !important
  }
}
@media only screen and (max-width: 760px) {
  .s-form_item-field-ttl-normal {
    font-size: 11px;
    line-height: 1;
    letter-spacing: .03em;
    margin: 0 0 8px 0
  }
}
.s-form_item-field-text {
  font-size: 12px;
  line-height: 1;
  letter-spacing: .03em
}
@media print {
  .s-form_item-field-text {
    font-size: 7.0588235294px !important
  }
}
@media only screen and (max-width: 760px) {
  .s-form_item-field-text {
    font-size: 11px;
    line-height: 1.5;
    letter-spacing: .03em
  }
}
.s-form_item-col2 {
  display: flex;
  flex-wrap: wrap
}
.s-form_item-col2-inr {
  width: 47.82%;
  margin: 0 4.34% 0 0
}
@media only screen and (max-width: 760px) {
  .s-form_item-col2-inr {
    width: 47.28%;
    margin: 0 5.43% 0 0
  }
}
.s-form_item-col2-inr:nth-of-type(2n) {
  width: auto;
  flex: 1;
  margin: 0
}
.s-form_item-top {
  align-self: flex-start
}
.s-form_item-col2-inr-pos {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  min-width: 320px
}
@media only screen and (max-width: 760px) {
  .s-form_item-col2-inr-pos {
    width: 55.7971014493vw;
    min-width: 284px
  }
}
.s-form_item-col2-inr-col {
  width: 43.29%
}
@media only screen and (max-width: 760px) {
  .s-form_item-col2-inr-col {
    width: 47.82%
  }
}
.s-form_item-col3 {
  max-width: 527px;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between
}
@media only screen and (max-width: 760px) {
  .s-form_item-col3 {
    width: 100%
  }
}
.s-form_item-col3-inr {
  width: 29.41%
}
@media only screen and (max-width: 760px) {
  .s-form_item-col3-inr {
    width: 29.89%
  }
  .s-form_item-col3-inr:nth-of-type(1) {
    width: 27.17%
  }
}
@media only screen and (max-width: 760px) {
  .s-form_item-col2-spfull {
    width: 100%;
    margin: 0 0 10px 0
  }
}
.s-form_item-col2-inr-product {
  margin: 0 0 20px 0;
  flex: 1;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between
}
@media only screen and (max-width: 760px) {
  .s-form_item-col2-inr-product {
    flex: auto;
    margin-left: 11.1111111111vw
  }
}
.s-form_item-col2-full p {
  margin: 10px 0 14px 0;
  font-size: 12px;
  line-height: 1.5;
  letter-spacing: .03em
}
@media print {
  .s-form_item-col2-full p {
    font-size: 7.0588235294px !important
  }
}
@media only screen and (max-width: 760px) {
  .s-form_item-col2-full p {
    font-size: 11px;
    line-height: 1.5;
    letter-spacing: .03em;
    margin: 0 0 14px 0
  }
}
.s-form_item-col2-full p a {
  text-decoration: underline
}
.s-form_item-col2-full p a:hover {
  text-decoration: none
}
.s-form_item-col2-full textarea {
  min-height: 180px;
  line-height: 1.3
}
@media only screen and (max-width: 760px) {
  .s-form_item-col2-full textarea {
    min-height: 150px
  }
}
.s-form_submit {
  margin: 70px 0 0 0
}
@media only screen and (max-width: 760px) {
  .s-form_submit {
    margin: 40px 0 0 0
  }
}
.s-form_submit input[type=submit] {
  cursor: pointer;
  display: block;
  height: 80px;
  color: #fff;
  font-size: 18px;
  line-height: 1;
  letter-spacing: .03em;
  border-radius: 10px;
  background-color: #40b44b;
  font-weight: 700 !important;
  transition: opacity .3s
}
@media print {
  .s-form_submit input[type=submit] {
    font-size: 10.5882352941px !important
  }
}
@media only screen and (max-width: 760px) {
  .s-form_submit input[type=submit] {
    height: 70px;
    font-size: 16px;
    line-height: 1;
    letter-spacing: .03em;
    border-radius: 8px
  }
}
.s-form_submit input[type=submit]:hover {
  opacity: .8
}
.s-form_submit input[type=submit]:disabled {
  background-color: #a6a6a6;
  opacity: 1 !important
}
.s-form_back {
  margin: 20px 0 0 0
}
@media only screen and (max-width: 760px) {
  .s-form_back {
    margin: 20px 0 0 0
  }
}
.s-form_back input[type=button] {
  max-width: 300px;
  margin: 0 auto;
  cursor: pointer;
  display: block;
  height: 60px;
  color: #fff;
  font-size: 15px;
  line-height: 1;
  letter-spacing: .03em;
  border-radius: 10px;
  background-color: #a6a6a6;
  font-weight: 700 !important;
  transition: opacity .3s
}
@media print {
  .s-form_back input[type=button] {
    font-size: 8.8235294118px !important
  }
}
@media only screen and (max-width: 760px) {
  .s-form_back input[type=button] {
    height: 50px;
    font-size: 14px;
    line-height: 1;
    letter-spacing: .03em;
    border-radius: 8px
  }
}
.s-form_back input[type=button]:hover {
  opacity: .8
}
.s-form_item-field-error, .s-form .form_err[data-name="email"] .wpcf7-not-valid-tip, .s-form .form_err[data-name="document"] .wpcf7-not-valid-tip, .s-form .form_err[data-name="pref"] .wpcf7-not-valid-tip {
  padding: 7px 0 0 0;
  display: block;
  text-align: right;
  font-weight: 700;
  color: #40b44b;
  font-size: 12px;
  line-height: 1.0833333333;
  letter-spacing: .03em
}
@media print {
  .s-form_item-field-error, .s-form .form_err[data-name="email"] .wpcf7-not-valid-tip, .s-form .form_err[data-name="document"] .wpcf7-not-valid-tip, .s-form .form_err[data-name="pref"] .wpcf7-not-valid-tip {
    font-size: 7.0588235294px !important
  }
}
@media only screen and (max-width: 760px) {
  .s-form_item-field-error, .s-form .form_err[data-name="email"] .wpcf7-not-valid-tip, .s-form .form_err[data-name="document"] .wpcf7-not-valid-tip, .s-form .form_err[data-name="pref"] .wpcf7-not-valid-tip {
    font-size: 11px;
    line-height: 1.0909090909;
    letter-spacing: .03em;
    text-align: left
  }
}
.s-form .form_err input[type=text], .s-form .form_err input[type=email], .s-form .form_err textarea {
  border: 1px solid #40b44b !important
}
.s-form .wpcf7-not-valid-tip {
  display: none
}
.wpcf7-form-control-wrap {
  display: block
}
.wpcf7-form-control-wrap[data-name="pref"] input {
  display: none
}
.wpcf7-form-control-wrap[data-name="email"] .s-form_item-field-error {
  display: none !important
}
.wpcf7-form-control-wrap[data-name="document"] .wpcf7-not-valid-tip {
  padding: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important
}
.wpcf7-response-output {
  width: 68.1818181818vw;
  margin: -140px auto 160px auto !important;
  text-align: center;
  border-radius: 10px
}
@media only screen and (max-width: 760px) {
  .wpcf7-response-output {
    width: auto;
    margin: -120px auto 130px auto !important
  }
}
.js-type-document {
  display: block
}
.wpcf7-spinner {
  display: none !important
}
[data-simplebar] {
  position: relative;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: flex-start
}
.simplebar-wrapper {
  overflow: hidden;
  width: inherit;
  height: inherit;
  max-width: inherit;
  max-height: inherit
}
.simplebar-mask {
  direction: inherit;
  position: absolute;
  overflow: hidden;
  padding: 0;
  margin: 0;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  width: auto !important;
  height: auto !important;
  z-index: 0
}
.simplebar-offset {
  direction: inherit !important;
  box-sizing: inherit !important;
  resize: none !important;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  padding: 0;
  margin: 0;
  -webkit-overflow-scrolling: touch
}
.simplebar-content-wrapper {
  direction: inherit;
  box-sizing: border-box !important;
  position: relative;
  display: block;
  height: 100%;
  width: auto;
  visibility: visible;
  overflow: auto;
  max-width: 100%;
  max-height: 100%
}
.simplebar-content:after, .simplebar-content:before {
  content: " ";
  display: table
}
.simplebar-placeholder {
  max-height: 100%;
  max-width: 100%;
  width: 100%;
  pointer-events: none
}
.simplebar-height-auto-observer-wrapper {
  box-sizing: inherit !important;
  height: 100%;
  width: inherit;
  max-width: 1px;
  position: relative;
  float: left;
  max-height: 1px;
  overflow: hidden;
  z-index: -1;
  padding: 0;
  margin: 0;
  pointer-events: none;
  flex-grow: inherit;
  flex-shrink: 0;
  flex-basis: 0
}
.simplebar-height-auto-observer {
  box-sizing: inherit;
  display: block;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  height: 1000%;
  width: 1000%;
  min-height: 1px;
  min-width: 1px;
  overflow: hidden;
  pointer-events: none;
  z-index: -1
}
.simplebar-track {
  z-index: 1;
  position: absolute;
  right: 0;
  bottom: 0;
  pointer-events: none;
  overflow: hidden;
  opacity: .3
}
[data-simplebar].simplebar-dragging .simplebar-track {
  pointer-events: all
}
.simplebar-scrollbar {
  position: absolute;
  right: 4px;
  width: 3px;
  min-height: 10px;
  transition: .2s transform
}
.simplebar-scrollbar:before {
  position: absolute;
  content: "";
  background: #000;
  border-radius: 4px;
  left: 0;
  right: 0;
  opacity: 0;
  transition: opacity 0.4s linear
}
.simplebar-track .simplebar-scrollbar.simplebar-visible:before {
  opacity: 1;
  transition: opacity 0.4s linear
}
.simplebar-track.simplebar-vertical {
  top: 0;
  width: 11px
}
.simplebar-track.simplebar-vertical .simplebar-scrollbar:before {
  top: 2px;
  bottom: 2px
}
.simplebar-track.simplebar-horizontal {
  left: 0;
  height: 11px
}
.simplebar-track.simplebar-horizontal .simplebar-scrollbar:before {
  height: 100%;
  left: 2px;
  right: 2px
}
.simplebar-track.simplebar-horizontal .simplebar-scrollbar {
  right: auto;
  left: 0;
  top: 2px;
  height: 7px;
  min-height: 0;
  min-width: 10px;
  width: auto
}
[data-simplebar-direction=rtl] .simplebar-track.simplebar-vertical {
  right: auto;
  left: 0
}
.hs-dummy-scrollbar-size {
  direction: rtl;
  position: fixed;
  opacity: 0;
  visibility: hidden;
  height: 500px;
  width: 500px;
  overflow-y: hidden;
  overflow-x: scroll
}
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-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);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-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: auto;
  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
}
.slick-loading .slick-list {
  background: #fff
}
@font-face {
  src: url("./fonts/slick.eot");
  src: url("./fonts/slick.eot?#iefix") format("embedded-opentype"), url("./fonts/slick.woff") format("woff"), url("./fonts/slick.ttf") format("truetype"), url("./fonts/slick.svg#slick") format("svg");
  font-weight: normal;
  font-style: normal
}
.slick-prev, .slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none
}
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {
  outline: none;
  background: transparent;
  color: transparent
}
.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before {
  opacity: 1
}
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before {
  opacity: .25
}
.slick-prev:before, .slick-next:before {
  font-family: "slick";
  font-size: 20px;
  line-height: 1;
  color: #fff;
  opacity: .75;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}
.slick-prev {
  left: -25px
}
[dir="rtl"] .slick-prev {
  left: auto;
  right: -25px
}
.slick-prev:before {
  content: "←"
}
[dir="rtl"] .slick-prev:before {
  content: "→"
}
.slick-next {
  right: -25px
}
[dir="rtl"] .slick-next {
  left: -25px;
  right: auto
}
.slick-next:before {
  content: "→"
}
[dir="rtl"] .slick-next:before {
  content: "←"
}
.slick-dotted.slick-slider {
  margin-bottom: 30px
}
.slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%
}
.slick-dots li {
  position: relative;
  display: inline-block;
  height: 20px;
  width: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer
}
.slick-dots li button {
  border: 0;
  background: transparent;
  display: block;
  height: 20px;
  width: 20px;
  outline: none;
  line-height: 0px;
  font-size: 0px;
  color: transparent;
  padding: 5px;
  cursor: pointer
}
.slick-dots li button:hover, .slick-dots li button:focus {
  outline: none
}
.slick-dots li button:hover:before, .slick-dots li button:focus:before {
  opacity: 1
}
.slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "•";
  width: 20px;
  height: 20px;
  font-family: "slick";
  font-size: 6px;
  line-height: 20px;
  text-align: center;
  color: #000;
  opacity: .25;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}
.slick-dots li.slick-active button:before {
  color: #000;
  opacity: .75
}
.l-slider-6items .slick-track {
  display: flex
}
.l-slider-6items .slick-slide {
  height: auto !important
}
.l-slider .slick-list {
  padding-right: 9.0909090909vw
}
@media only screen and (max-width: 760px) {
  .l-slider .slick-list {
    padding-right: 1.690821256vw
  }
}
.l-slider-6items .slick-list {
  padding-right: 8.7976539589vw
}
@media only screen and (max-width: 760px) {
  .l-slider-6items .slick-list {
    padding-right: 22.2222222222vw
  }
}
@media only screen and (max-width: 760px) {
  .l-slider-1items .slick-list {
    padding-right: 27.7777777778vw
  }
}
.s-products_sec-slider .slick-list {
  padding-right: 27.2727272727vw
}
@media only screen and (max-width: 760px) {
  .s-products_sec-slider .slick-list {
    padding-right: 11.1111111111vw
  }
}
.l-slider-col3 .slick-list {
  padding-right: 11.3636363636vw
}
@media only screen and (max-width: 760px) {
  .l-slider-col3 .slick-list {
    padding-right: 2.1739130435vw
  }
}
@media only screen and (max-width: 760px) {
  .l-slider-col3 .prev, .l-slider-col3 .next {
    display: none !important
  }
}
@media only screen and (max-width: 760px) {
  .c_contents-fansvoice-lists .slick-list {
    padding: 0 19.5652173913vw !important
  }
}
.s-products_list-new-slider .slick-list {
  padding-right: 2.2727272727vw
}
@media only screen and (max-width: 760px) {
  .s-products_list-new-slider .slick-list {
    padding-right: 1.690821256vw
  }
}
@media only screen and (max-width: 760px) {
  .s-products_list-col-size-inr .l-slider-1items .slick-list {
    padding-right: 6.038647343vw
  }
}
.slick-slide a {
  outline: 0
}
.slick-arrow {
  position: absolute;
  top: -85px;
  right: 4.3988269795vw;
  width: 53px;
  height: 38px;
  z-index: 5;
  cursor: pointer
}
@media only screen and (max-width: 960px) {
  .slick-arrow {
    top: -65px
  }
}
.slick-arrow .circle_bk, .slick-arrow .circle_main {
  height: 38px;
  right: 1px
}
.slick-arrow .arrow {
  width: 12px;
  height: 7px;
  position: absolute;
  top: calc(50% - 3px);
  left: calc(50% - 7px)
}
.slick-arrow .arrow:after {
  content: "";
  display: block;
  width: 11px;
  height: 6px;
  position: absolute;
  top: 0;
  left: 0;
  background-image: url("../img/ico_arrow_red.svg");
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 100% auto;
  transition: opacity .3s, transform .3s
}
.slick-arrow .arrow:before {
  content: "";
  display: block;
  width: 11px;
  height: 6px;
  position: absolute;
  top: 0;
  left: -8px;
  background-image: url("../img/ico_arrow_red.svg");
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 100% auto;
  transform-origin: left bottom;
  transition: opacity .3s, transform .3s;
  opacity: 0
}
.slick-arrow:hover .arrow:after {
  transform: translate(100%, 0);
  opacity: 0
}
.slick-arrow:hover .arrow:before {
  transform: translate(8px, 0);
  opacity: 1
}
.slick-arrow:hover .circle_main svg use {
  stroke-dashoffset: 0
}
.slick-arrow.prev {
  right: calc(4.54vw + 55px);
  transform: rotate(180deg);
  transform-origin: center
}
.slick-arrow.prev .circle_main {
  transform: rotate(180deg)
}
.slick-arrow.prev .arrow {
  top: calc(50% - 3px);
  left: calc(50% - 7px)
}
@media print {
  @page {
    size: A4 portrait;
    margin: 0mm
  }
  body {
    -webkit-print-color-adjust: exact
  }
  iframe, .l-page_scrollbar, .l-nav_notice, .l-nav_full, .l-nav_main, .l-breadcrumb, .l-und_nav, .l-footer_nav, .l-footer_copy-ttl, .s-company_related, .s-company_banner {
    display: none !important
  }
  .l-und_main {
    position: absolute
  }
  .l-und_main-spacer--visual, .s-message_main-spacer, .s-pentel-arts_main-spacer, .s-design-detail_main-spacer, .s-company-detail_main-spacer, .s-news_detail-spacer, .s-general_detail-spacer, .s-magazine_spacer, .s-support_detail-spacer {
    height: 300px !important;
    min-height: 300px !important;
    max-height: none !important
  }
  .l-und_main, .s-message_main, .l-und_main--visual, .s-pentel-arts_main, .s-company-detail_main, .s-magazine_lists-pickup, .s-magazine_detail-main, .s-support_detail-main {
    height: 380px !important;
    min-height: 380px !important;
    max-height: none !important
  }
  .l-und_main-spacer--middle, .l-und_main-spacer--min, .s-company-detail_noimage-main-spacer {
    height: 270px !important;
    min-height: 270px !important;
    max-height: none !important
  }
  .l-und_main--middle, .l-und_main--min, .s-company-detail_noimage-main {
    height: 350px !important;
    min-height: 350px !important;
    max-height: none !important
  }
  .l-und_main-ttl, .l-und_main-inr, .s-company-detail_main-ttlgroup, .s-news_detail-main-ttlgroup, .s-general_detail-main-ttlgroup, .s-magazine_lists-pickup-ttlgroup, .s-magazine_detail-main-ttlgroup, .s-support_detail-main-ttlgroup, .s-company-detail_noimage-main-ttlgroup {
    bottom: 110px !important
  }
  .s-pentel-arts .l-und_main-ttl {
    bottom: 200px !important
  }
  .s-top_main-spacer {
    height: calc(80vh - 80px)
  }
  .s-top_main {
    position: absolute;
    height: 80vh
  }
  .l-und_nav-inr {
    position: absolute !important
  }
  .l-und_contents-inr {
    width: 100% !important
  }
  .l-contents-und {
    padding-bottom: 1px
  }
  .js-textrowmotion-txt {
    transform: none !important
  }
  .js-parallax {
    transform: none !important
  }
  .js-parallax-base {
    height: auto !important
  }
  .js-parallax-inner {
    opacity: 1 !important;
    bottom: 0 !important;
    position: relative !important
  }
  .js-footer-parallax-base {
    display: none
  }
  .js-footer-parallax {
    height: 160px !important
  }
  .l-footer_outer {
    height: 160px !important;
    position: relative
  }
  .l-footer {
    padding: 0;
    height: 100%;
    position: relative;
    transform: none !important;
    visibility: visible !important
  }
  .l-footer_copy {
    position: relative
  }
  .l-footer footer {
    position: relative;
    bottom: -20px
  }
  .l-footer_img .js-parallax {
    transform: none !important;
    bottom: -30px
  }
  .s-top_contents-03-list, .s-top_contents-05-slider {
    transform: none !important;
    opacity: 1 !important
  }
  .s-products_list-new-slider-wrap {
    transform: none !important
  }
  .l-und_main-static figure {
    margin-bottom: 40px
  }
  .s-products_sec-mov-wrap .mov {
    display: none
  }
  .s-company_col2-btn, .s-company_center-btn, .s-company_cont-lists, .s-company_center-btn, .s-company_banner {
    display: none
  }
  .s-company_col2-ttl .en {
    line-height: 1.2
  }
  .s-company_center {
    overflow: visible !important
  }
  .s-company_center-fig {
    transform: translateY(-60px) !important
  }
  .s-company_center--charactor .s-company_center-fig {
    transform: none !important
  }
  .s-message .l-und_nav {
    display: block !important;
    opacity: 1
  }
  .s-message .l-und_contents-inr {
    width: inherit !important
  }
  .s-pentel-arts_center-fig--02 {
    top: 0 !important
  }
  .s-pentel-arts_center-fig--01 {
    top: 300px !important
  }
  .s-overview_map-os-list * {
    font-size: 12px !important;
    line-height: 1.4 !important
  }
  .s-overview_map-os-list li .num {
    top: 20px !important;
    padding-top: 0 !important
  }
  .s-overview_chart-doughnut-inner canvas {
    display: none;
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 1
  }
  .s-design_filter {
    display: none
  }
  .s-design-detail_comment-name {
    padding-top: 10px;
    display: block
  }
  .s-design-detail_next, .s-design-detail_info-link, .s-design-detail_bottom-btn {
    display: none
  }
}