@charset "UTF-8";
/* ========================================
Foundation
======================================== */
/* Mixin
----------------- */
html {
  overflow-y: auto;
  overflow-x: hidden;
  font-size: 2.66667vmin;
}

@media print, screen and (min-width: 481px) {
  html {
    font-size: 62.5%;
  }
}

body {
  overflow: hidden;
  font-family: Helvetica, Arial, "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  color: #000;
  font-size: 1.4rem;
  letter-spacing: 0.05em;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch;
}

@media print, screen and (min-width: 768px) {
  body {
    font-size: 1.6rem;
  }
}

/* tel
=========================================== */
@media print, screen and (min-width: 481px) {
  a[href^="tel:"] {
    pointer-events: none;
  }
}

a {
  color: #000;
  text-decoration: none;
}

img {
  width: 100%;
  height: auto;
}

figure {
  margin: 0;
}

::-moz-selection {
  background: #2E5BAA;
  color: #fff;
}

::selection {
  background: #2E5BAA;
  color: #fff;
}

.js-fadeInUp {
  opacity: 0;
  -webkit-transform: translateY(20px);
          transform: translateY(20px);
  -webkit-transition: 1s;
  transition: 1s;
}

/* アニメーション
=========================================== */
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

/* ========================================
layout
======================================== */
/* =========================== */
/* layout footer */
/* =========================== */
.l-footer {
  background: #2E5BAA;
  position: relative;
}

.l-footer::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: -24vw;
  width: 100%;
  height: 25vw;
  background: url(../img/common/bg_footer_sp.svg) no-repeat center center/cover;
}

@media print, screen and (min-width: 768px) {
  .l-footer::before {
    top: -18vw;
    height: 18.6vw;
    background: url(../img/common/bg_footer_pc.svg) no-repeat center center/cover;
  }
}

@media all and (-ms-high-contrast: none) {
  .l-footer::before {
    top: -18vw;
  }
}

_::-webkit-full-page-media, _:future, :root .l-footer::before {
  top: -18vw;
}

/* =========================== */
/* layout header */
/* =========================== */
/* l-header
=========================================== */
.l-header {
  background: #fff;
}

/* =========================== */
/* layout top */
/* =========================== */
/* l-topHeader
=========================================== */
.l-topHeader {
  margin-bottom: -14vw;
}

@media print, screen and (min-width: 768px) {
  .l-topHeader {
    margin-bottom: -96px;
  }
}

/* MV
=========================================== */
.l-topMv {
  position: relative;
}

/* ABOUT
=========================================== */
.l-topAbout {
  padding-top: 55px;
  padding-bottom: 180px;
}

@media print, screen and (min-width: 768px) {
  .l-topAbout {
    padding-top: 130px;
    padding-bottom: 270px;
  }
}

@media print, screen and (min-width: 1600px) {
  .l-topAbout {
    padding-bottom: 18vw;
  }
}

/* Today
=========================================== */
.l-topToday {
  background: #E1EDF9;
  position: relative;
}

.l-topToday::before, .l-topToday::after {
  content: "";
  display: block;
  position: absolute;
}

.l-topToday::before {
  left: 0;
  top: -39vw;
  width: 100%;
  height: 40vw;
  background: url(../img/top/bg_today_head_sp.svg) no-repeat center center/cover;
}

@media print, screen and (min-width: 768px) {
  .l-topToday::before {
    top: -11.5vw;
    height: 11.5vw;
    background: url(../img/top/bg_today_head_pc.svg) no-repeat center center/cover;
  }
}

.l-topToday::after {
  left: 0;
  bottom: -28vw;
  width: 100%;
  height: 28vw;
  background: url(../img/top/bg_today_foot_sp.svg) no-repeat center center/cover;
}

@media print, screen and (min-width: 768px) {
  .l-topToday::after {
    bottom: -17.3vw;
    height: 17.3vw;
    background: url(../img/top/bg_today_foot_pc.svg) no-repeat center center/cover;
  }
}

/* NEWS
=========================================== */
.l-topNews {
  background: #C2E0F5;
  padding-top: 210px;
  padding-bottom: 140px;
}

@media print, screen and (min-width: 768px) {
  .l-topNews {
    padding-top: 21vw;
    padding-bottom: 18vw;
  }
}

/* INTERVIEW
=========================================== */
.l-topInterview {
  position: relative;
  background: #F7F7F7;
}

.l-topInterview::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: -16vw;
  width: 100%;
  height: 16vw;
  background: url(../img/top/bg_interview_head_sp.svg) no-repeat center center/cover;
}

@media print, screen and (min-width: 768px) {
  .l-topInterview::before {
    top: -11.5vw;
    height: 11.5vw;
    background: url(../img/top/bg_interview_head_pc.svg) no-repeat center center/cover;
  }
}

/* SHOP
=========================================== */
.l-topShop {
  background: #D7E7E6;
  position: relative;
}

.l-topShop::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: -13vw;
  width: 100%;
  height: 13vw;
  background: url(../img/top/bg_shop_head_sp.svg) no-repeat center center/cover;
}

@media print, screen and (min-width: 768px) {
  .l-topShop::before {
    top: -18.8vw;
    height: 18.8vw;
    background: url(../img/top/bg_shop_head_pc.svg) no-repeat center center/cover;
  }
}

/* =========================== */
/* layout interview */
/* =========================== */
/* l-interview_wrap
=========================================== */
.l-interview_wrap {
  background-image: url(../img/interview/bg_interview_contents_sp.png), url(../img/interview/bg_interview_contents_sp.png), url(../img/interview/bg_interview_contents_sp.png), url(../img/interview/bg_interview_contents_sp.png), url(../img/interview/bg_interview_contents_sp.png);
  background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, no-repeat;
  background-position: center 320vw, center 920vw, center 1520vw, center 2120vw, center 2720vw;
  background-size: 100%;
}

@media print, screen and (min-width: 768px) {
  .l-interview_wrap {
    background-image: url(../img/interview/bg_interview_contents_pc.png), url(../img/interview/bg_interview_contents_pc.png);
    background-repeat: no-repeat, no-repeat;
    background-position: center 695px, center 300vw;
  }
}

/* l-interview
=========================================== */
.l-interview {
  position: relative;
  padding-right: 5.3%;
  padding-left: 5.3%;
  padding-bottom: 44vmin;
}

@media print, screen and (min-width: 768px) {
  .l-interview {
    max-width: 1000px;
    margin-right: auto;
    margin-left: auto;
  }
}

@media print, screen and (min-width: 1200px) {
  .l-interview {
    padding-right: 0;
    padding-left: 0;
  }
}

@media print, screen and (min-width: 768px) {
  .l-interview {
    padding-right: 100px;
    padding-left: 100px;
    padding-bottom: 22vw;
  }
}

.l-interview_mv {
  margin-bottom: 12vw;
}

@media print, screen and (min-width: 768px) {
  .l-interview_mv {
    margin-bottom: 80px;
  }
}

/* l-interview_next
=========================================== */
.l-interview_next {
  position: relative;
  background: #F7F7F7;
}

.l-interview_next::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: -18.1vw;
  width: 100%;
  height: 18.1vw;
  background: url(../img/interview/bg_next_head_sp.svg) no-repeat center center/cover;
}

@media print, screen and (min-width: 768px) {
  .l-interview_next::before {
    top: -13.4vw;
    height: 13.4vw;
    background: url(../img/interview/bg_next_head_pc.svg) no-repeat center center/cover;
  }
}

@media all and (-ms-high-contrast: none) {
  .l-interview_next::before {
    top: -13vw;
  }
}

/* =========================== */
/* layout about */
/* =========================== */
/* l-about_floor
=========================================== */
.l-about_floor {
  position: relative;
  background: #E1EDF9;
}

.l-about_floor::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: -21vw;
  width: 100%;
  height: 22vw;
  background: url(../img/about/bg_floor_head_sp.svg) no-repeat center center/cover;
}

@media print, screen and (min-width: 768px) {
  .l-about_floor::before {
    top: -23vw;
    height: 23vw;
    background: url(../img/about/bg_floor_head_pc.svg) no-repeat center center/cover;
  }
}

@media all and (-ms-high-contrast: none) {
  .l-about_floor::before {
    top: -22vw;
  }
}

_::-webkit-full-page-media, _:future, :root .l-about_floor::before {
  top: -22vw;
}

/* ========================================
Object
======================================== */
/* utility
----------------- */
.u-br-tb-pc {
  display: none;
}

@media print, screen and (min-width: 768px) {
  .u-br-tb-pc {
    display: block;
  }
}

.u-br-sp-only {
  display: block;
}

@media print, screen and (min-width: 481px) {
  .u-br-sp-only {
    display: none;
  }
}

.u-br-sp {
  display: block;
}

@media print, screen and (min-width: 768px) {
  .u-br-sp {
    display: none;
  }
}

.u-br-sp-tb {
  display: block;
}

@media print, screen and (min-width: 1200px) {
  .u-br-sp-tb {
    display: none;
  }
}

.u-br-tb {
  display: none;
}

@media print, screen and (min-width: 768px) {
  .u-br-tb {
    display: none;
  }
}

@media print, screen and (min-width: 1200px) {
  .u-br-tb {
    display: block;
  }
}

@media print, screen and (min-width: 1600px) {
  .u-br-tb {
    display: none;
  }
}

.u-br-tb-only {
  display: none;
}

@media print, screen and (min-width: 768px) {
  .u-br-tb-only {
    display: block;
  }
}

@media print, screen and (min-width: 1200px) {
  .u-br-tb-only {
    display: none;
  }
}

@media print, screen and (min-width: 1600px) {
  .u-br-tb-only {
    display: none;
  }
}

.u-br-pc {
  display: none;
}

@media print, screen and (min-width: 1200px) {
  .u-br-pc {
    display: block;
  }
}

.u-br-pcWide {
  display: none;
}

@media print, screen and (min-width: 1600px) {
  .u-br-pcWide {
    display: block;
  }
}

.u-br-sp-pcWide {
  display: none;
}

@media print, screen and (min-width: 768px) {
  .u-br-sp-pcWide {
    display: block;
  }
}

@media print, screen and (min-width: 1600px) {
  .u-br-sp-pcWide {
    display: none;
  }
}

.u-clearfix:after {
  content: "";
  clear: both;
  display: block;
}

.u-view_pc {
  display: none;
}

@media print, screen and (min-width: 768px) {
  .u-view_pc {
    display: block;
  }
}

.u-view_sp {
  display: block;
}

@media print, screen and (min-width: 768px) {
  .u-view_sp {
    display: none;
  }
}

/* component
----------------- */
/* =========================== */
/* component btn */
/* =========================== */
/* .c-btn_style01
=========================================== */
.c-btn_style01 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media print, screen and (min-width: 768px) {
  .c-btn_style01 {
    width: 15%;
    margin-right: auto;
    margin-left: auto;
  }
}

.c-btn_style01Text {
  font-family: "Oswald", sans-serif;
  font-size: 1.6rem;
}

@media print, screen and (min-width: 768px) {
  .c-btn_style01Text {
    font-size: 1.6rem;
  }
}

.c-btn_style01TextJp {
  font-size: 1.8rem;
}

@media print, screen and (min-width: 768px) {
  .c-btn_style01TextJp {
    font-size: 1.6rem;
  }
}

.c-btn_style01Icon {
  display: block;
  margin-left: 11px;
}

/* =========================== */
/* component heading */
/* =========================== */
.c-arw_right {
  width: 5px;
  height: 16px;
}

.c-arw_anotherWindow svg {
  fill: #000;
  width: 15px;
  height: 11px;
}

.c-arw_bottom {
  width: 9px;
  height: 15px;
}

/* =========================== */
/* component mv */
/* =========================== */
/* .c-mv
=========================================== */
.c-mv {
  position: relative;
}

.c-mv::after {
  content: "";
  display: block;
  position: absolute;
  z-index: 10;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 19.7vw;
  background: url(../img/common/bg_mv_foot_sp.svg) no-repeat center center/cover;
}

@media print, screen and (min-width: 768px) {
  .c-mv::after {
    bottom: -1px;
    height: 7.8vw;
    background: url(../img/common/bg_mv_foot_pc.svg) no-repeat center center/cover;
  }
}

.c-mv_img {
  opacity: 0;
}

.c-mv_img.fadeIn {
  -webkit-animation: fadeIn 2s forwards;
          animation: fadeIn 2s forwards;
  display: block;
}

@media all and (-ms-high-contrast: none) {
  .c-mv::after {
    bottom: -1px;
  }
}

/* =========================== */
/* component ttl */
/* =========================== */
/* c-ttl_intro
=========================================== */
.c-ttl_intro {
  font-size: 2.0rem;
  text-align: center;
  display: block;
  line-height: 1.6;
  margin-bottom: 50px;
  font-weight: bold;
}

@media print, screen and (min-width: 768px) {
  .c-ttl_intro {
    font-size: 3.8rem;
    margin-bottom: 70px;
  }
}

.c-ttl_intro::before, .c-ttl_intro::after {
  content: "";
  display: block;
  background: url(../img/common/line_wavy01.svg) no-repeat center center/contain;
  width: 56%;
  max-width: 210px;
  height: 11px;
  margin-right: auto;
  margin-left: auto;
}

.c-ttl_intro::before {
  margin-bottom: 45px;
}

.c-ttl_intro::after {
  margin-top: 45px;
}

.c-ttl_introText {
  font-weight: 500;
  text-align: center;
  line-height: 2.3;
}

.c-ttl_introText + .c-ttl_introText {
  margin-top: 28px;
}

.c-ttl_introTextWrap {
  margin-bottom: 45px;
}

@media print, screen and (min-width: 768px) {
  .c-ttl_introTextWrap {
    margin-bottom: 85px;
  }
}

/* .c-ttl_style01
=========================================== */
.c-ttl_style01 {
  text-transform: uppercase;
  font-family: "Oswald", sans-serif;
  text-align: center;
  letter-spacing: 0.05em;
  font-weight: 400;
  font-size: 3.6rem;
}

@media print, screen and (min-width: 768px) {
  .c-ttl_style01 {
    font-weight: 500;
    letter-spacing: 0.09em;
    font-size: 7.0rem;
  }
}

/* .c-ttl_style02
=========================================== */
.c-ttl_style02 {
  font-family: "Oswald", sans-serif;
  text-align: center;
  letter-spacing: 0.05em;
  font-weight: 400;
  font-size: 2.8rem;
}

@media print, screen and (min-width: 768px) {
  .c-ttl_style02 {
    font-weight: 500;
    letter-spacing: 0.09em;
  }
}

@media print, screen and (min-width: 768px) {
  .c-ttl_style02 {
    font-size: 5.0rem;
  }
}

.c-ttl_style02Logo {
  display: block;
  width: 42.6%;
  max-width: 286px;
  margin-right: auto;
  margin-left: auto;
}

/* =========================== */
/* component interview */
/* =========================== */
/* .c-interview_list
=========================================== */
@media print, screen and (min-width: 768px) {
  .c-interview_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

@media print, screen and (min-width: 768px) {
  .c-interview_listItem {
    width: 30.6%;
  }
}

@media print, screen and (min-width: 768px) {
  .c-interview_listItem:not(:nth-child(3n)) {
    margin-right: 4.1%;
  }
}

@media print, screen and (min-width: 768px) {
  .c-interview_listItem:nth-child(3n+2) {
    margin-top: 130px;
  }
}

.c-interview_listLink {
  display: block;
}

@media print, screen and (min-width: 768px) {
  .c-interview_listImg {
    width: 84.2%;
  }
}

.c-interview_listDetail {
  width: 100%;
  margin-top: -20px;
  border: 1px solid #969696;
  background: rgba(255, 255, 255, 0.8);
  border-radius: 0px 0px 30px 0px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  z-index: 10000;
  padding: 5.9%;
}

@media print, screen and (min-width: 768px) {
  .c-interview_listDetail {
    width: 94.7%;
    margin-left: auto;
    margin-right: 0;
    margin-top: -25px;
    padding: 25px;
  }
}

.c-interview_listDetailVol {
  font-size: 1.3rem;
  position: relative;
  display: inline-block;
  font-family: "Oswald", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  position: relative;
  margin-bottom: 7px;
}

.c-interview_listDetailVol::after {
  content: "";
  width: 100%;
  height: 1px;
  background: #000;
  display: block;
}

@media print, screen and (min-width: 768px) {
  .c-interview_listDetailVol {
    margin-bottom: 15px;
  }
}

.c-interview_listDetailTtl {
  font-weight: normal;
  font-size: 2.0rem;
  margin-bottom: 10px;
}

@media print, screen and (min-width: 768px) {
  .c-interview_listDetailTtl {
    margin-bottom: 15px;
  }
}

.c-interview_listDetailName {
  font-size: 1.4rem;
}

/* =========================== */
/* component cursor */
/* =========================== */
@media print, screen and (min-width: 768px) {
  .c-cursor,
  .c-cursor_follower {
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
    cursor: none;
    pointer-events: none;
  }
}

@media print, screen and (min-width: 768px) {
  .c-cursor {
    width: 8px;
    height: 8px;
    background-color: #000;
    z-index: 1001;
  }
}

@media print, screen and (min-width: 768px) {
  .c-cursor_follower {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 40px;
    height: 40px;
    background-color: rgba(46, 91, 170, 0.5);
    z-index: 1000;
    -webkit-transition: -webkit-transform ease .1s;
    transition: -webkit-transform ease .1s;
    transition: transform ease .1s;
    transition: transform ease .1s, -webkit-transform ease .1s;
    text-align: center;
  }
  .c-cursor_follower.is-active {
    -webkit-transform: scale(3);
            transform: scale(3);
  }
}

/* =========================== */
/* component page */
/* =========================== */
.c-page_fadeIn {
  display: none;
}

/* =========================== */
/* component mouseover */
/* =========================== */
.c-mouseover_wavyLine {
  position: relative;
}

.c-mouseover_wavyLine::after {
  content: "";
  position: absolute;
  display: block;
  bottom: -9px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 84px;
  height: 6px;
  background-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2076%205%22%20style%3D%22enable-background%3Anew%200%200%2076%205%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%231A1311%3B%7D%3C%2Fstyle%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M0%2C3c1.2%2C0%2C1.7-0.5%2C2.5-1.2C3.3%2C1%2C4.4%2C0%2C6.3%2C0s3%2C1%2C3.9%2C1.8C10.9%2C2.5%2C11.5%2C3%2C12.7%2C3s1.7-0.5%2C2.5-1.2%20C16%2C1%2C17%2C0%2C19%2C0c2%2C0%2C3%2C1%2C3.9%2C1.8C23.6%2C2.5%2C24.1%2C3%2C25.3%2C3s1.7-0.5%2C2.5-1.2C28.6%2C1%2C29.7%2C0%2C31.6%2C0s3%2C1%2C3.9%2C1.8C36.3%2C2.5%2C36.8%2C3%2C38%2C3%20s1.7-0.5%2C2.5-1.2C41.3%2C1%2C42.3%2C0%2C44.3%2C0s3%2C1%2C3.9%2C1.8C48.9%2C2.5%2C49.5%2C3%2C50.6%2C3c1.2%2C0%2C1.7-0.5%2C2.5-1.2C54%2C1%2C55%2C0%2C57%2C0c2%2C0%2C3%2C1%2C3.9%2C1.8%20C61.6%2C2.5%2C62.1%2C3%2C63.3%2C3s1.7-0.5%2C2.5-1.2C66.6%2C1%2C67.7%2C0%2C69.6%2C0c2%2C0%2C3%2C1%2C3.9%2C1.8C74.3%2C2.5%2C74.8%2C3%2C76%2C3v2c-2%2C0-3-1-3.9-1.8%20C71.4%2C2.5%2C70.8%2C2%2C69.6%2C2c-1.2%2C0-1.7%2C0.5-2.5%2C1.2C66.3%2C4%2C65.3%2C5%2C63.3%2C5s-3-1-3.9-1.8C58.7%2C2.5%2C58.2%2C2%2C57%2C2c-1.2%2C0-1.7%2C0.5-2.5%2C1.2%20C53.7%2C4%2C52.6%2C5%2C50.6%2C5c-2%2C0-3-1-3.9-1.8C46%2C2.5%2C45.5%2C2%2C44.3%2C2s-1.7%2C0.5-2.5%2C1.2C41%2C4%2C40%2C5%2C38%2C5s-3-1-3.9-1.8C33.4%2C2.5%2C32.8%2C2%2C31.6%2C2%20c-1.2%2C0-1.7%2C0.5-2.5%2C1.2C28.3%2C4%2C27.3%2C5%2C25.3%2C5c-2%2C0-3-1-3.9-1.8C20.7%2C2.5%2C20.2%2C2%2C19%2C2c-1.2%2C0-1.7%2C0.5-2.5%2C1.2C15.7%2C4%2C14.6%2C5%2C12.7%2C5%20c-2%2C0-3-1-3.9-1.8C8.1%2C2.5%2C7.5%2C2%2C6.3%2C2S4.6%2C2.5%2C3.9%2C3.2C3%2C4%2C2%2C5%2C0%2C5V3z%22%2F%3E%3C%2Fsvg%3E");
  background-position: center center;
  background-repeat: repeat-x;
  background-size: contain;
  text-decoration: none;
}

@media print, screen and (min-width: 768px) {
  .c-mouseover_wavyLine::after {
    height: 4px;
    bottom: -6px;
  }
}

@media print, screen and (min-width: 768px) {
  .c-mouseover_wavyLine:hover::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg id='squiggle-link' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:ev='http://www.w3.org/2001/xml-events' viewBox='0 0 20 4'%3E%3Cstyle type='text/css'%3E.squiggle{animation:shift .3s linear infinite;}@keyframes shift {from {transform:translateX(0);}to {transform:translateX(-20px);}}%3C/style%3E%3Cpath fill='none' stroke='%23000000' stroke-width='2' class='squiggle' d='M0,3.5 c 5,0,5,-3,10,-3 s 5,3,10,3 c 5,0,5,-3,10,-3 s 5,3,10,3'/%3E%3C/svg%3E");
  }
}

@media all and (-ms-high-contrast: none) {
  .c-mouseover_wavyLine::after {
    background-size: 84px 6px;
  }
  .c-mouseover_wavyLine:hover {
    opacity: 0.5;
  }
  .c-mouseover_wavyLine:hover::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2076%205%22%20style%3D%22enable-background%3Anew%200%200%2076%205%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%231A1311%3B%7D%3C%2Fstyle%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M0%2C3c1.2%2C0%2C1.7-0.5%2C2.5-1.2C3.3%2C1%2C4.4%2C0%2C6.3%2C0s3%2C1%2C3.9%2C1.8C10.9%2C2.5%2C11.5%2C3%2C12.7%2C3s1.7-0.5%2C2.5-1.2%20C16%2C1%2C17%2C0%2C19%2C0c2%2C0%2C3%2C1%2C3.9%2C1.8C23.6%2C2.5%2C24.1%2C3%2C25.3%2C3s1.7-0.5%2C2.5-1.2C28.6%2C1%2C29.7%2C0%2C31.6%2C0s3%2C1%2C3.9%2C1.8C36.3%2C2.5%2C36.8%2C3%2C38%2C3%20s1.7-0.5%2C2.5-1.2C41.3%2C1%2C42.3%2C0%2C44.3%2C0s3%2C1%2C3.9%2C1.8C48.9%2C2.5%2C49.5%2C3%2C50.6%2C3c1.2%2C0%2C1.7-0.5%2C2.5-1.2C54%2C1%2C55%2C0%2C57%2C0c2%2C0%2C3%2C1%2C3.9%2C1.8%20C61.6%2C2.5%2C62.1%2C3%2C63.3%2C3s1.7-0.5%2C2.5-1.2C66.6%2C1%2C67.7%2C0%2C69.6%2C0c2%2C0%2C3%2C1%2C3.9%2C1.8C74.3%2C2.5%2C74.8%2C3%2C76%2C3v2c-2%2C0-3-1-3.9-1.8%20C71.4%2C2.5%2C70.8%2C2%2C69.6%2C2c-1.2%2C0-1.7%2C0.5-2.5%2C1.2C66.3%2C4%2C65.3%2C5%2C63.3%2C5s-3-1-3.9-1.8C58.7%2C2.5%2C58.2%2C2%2C57%2C2c-1.2%2C0-1.7%2C0.5-2.5%2C1.2%20C53.7%2C4%2C52.6%2C5%2C50.6%2C5c-2%2C0-3-1-3.9-1.8C46%2C2.5%2C45.5%2C2%2C44.3%2C2s-1.7%2C0.5-2.5%2C1.2C41%2C4%2C40%2C5%2C38%2C5s-3-1-3.9-1.8C33.4%2C2.5%2C32.8%2C2%2C31.6%2C2%20c-1.2%2C0-1.7%2C0.5-2.5%2C1.2C28.3%2C4%2C27.3%2C5%2C25.3%2C5c-2%2C0-3-1-3.9-1.8C20.7%2C2.5%2C20.2%2C2%2C19%2C2c-1.2%2C0-1.7%2C0.5-2.5%2C1.2C15.7%2C4%2C14.6%2C5%2C12.7%2C5%20c-2%2C0-3-1-3.9-1.8C8.1%2C2.5%2C7.5%2C2%2C6.3%2C2S4.6%2C2.5%2C3.9%2C3.2C3%2C4%2C2%2C5%2C0%2C5V3z%22%2F%3E%3C%2Fsvg%3E");
  }
}

/* Project
----------------- */
/* =========================== */
/* project header */
/* =========================== */
.p-footer {
  padding-right: 5.3%;
  padding-left: 5.3%;
  padding-top: 60px;
  padding-bottom: 40px;
}

@media print, screen and (min-width: 768px) {
  .p-footer {
    padding-right: 6.25%;
    padding-left: 6.25%;
  }
}

@media print, screen and (min-width: 768px) {
  .p-footer {
    padding-top: 0;
    padding-bottom: 80px;
  }
}

.p-footer_logo {
  width: 47.7%;
  max-width: 286px;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 70px;
  position: relative;
  z-index: 100;
}

@media print, screen and (min-width: 768px) {
  .p-footer_logo {
    margin-bottom: 90px;
  }
}

.p-footer_navList {
  margin-bottom: 117px;
}

@media print, screen and (min-width: 768px) {
  .p-footer_navList {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.p-footer_navListLink {
  color: #fff;
  font-family: "Oswald", sans-serif;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 1.8rem;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.p-footer_navListLink:hover {
  opacity: 0.6;
}

.p-footer_navListItem:not(:last-child) {
  margin-bottom: 40px;
}

@media print, screen and (min-width: 768px) {
  .p-footer_navListItem:not(:last-child) {
    margin-bottom: 0;
    margin-right: 80px;
  }
}

@media print, screen and (min-width: 768px) {
  .p-footer_navFootList {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.p-footer_navFootListLink {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.p-footer_navFootListLink:hover {
  opacity: 0.6;
}

.p-footer_navListLinkIcon {
  position: relative;
  top: -2px;
}

.p-footer_navListLinkIcon,
.p-footer_navFootListIcon {
  margin-left: 10px;
}

@media print, screen and (min-width: 768px) {
  .p-footer_navListLinkIcon,
  .p-footer_navFootListIcon {
    margin-left: 8px;
  }
}

.p-footer_navListLinkIcon svg,
.p-footer_navFootListIcon svg {
  fill: #fff;
}

.p-footer_logoLucua {
  display: block;
  width: 38.8%;
  max-width: 152px;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 40px;
}

@media print, screen and (min-width: 768px) {
  .p-footer_logoLucua {
    margin-bottom: 30px;
  }
}

.p-footer_navFootListItem:not(:last-child) {
  margin-bottom: 40px;
}

@media print, screen and (min-width: 768px) {
  .p-footer_navFootListItem:not(:last-child) {
    margin-bottom: 0;
    margin-right: 50px;
  }
}

.p-footer_navFootListLink {
  font-size: 1.4rem;
  font-weight: bold;
  color: #fff;
}

.p-footer_navFoot {
  margin-bottom: 40px;
}

@media print, screen and (min-width: 768px) {
  .p-footer_navFoot {
    margin-bottom: 22px;
  }
}

.p-footer_copyright {
  text-align: center;
  font-size: 1.0rem;
  color: #fff;
  line-height: 1.6;
}

/* =========================== */
/* project header */
/* =========================== */
.p-header {
  padding-left: 5.3%;
  padding-top: 4vmin;
  padding-bottom: 4vmin;
}

@media print, screen and (min-width: 768px) {
  .p-header {
    padding-left: 66px;
    padding-top: 20px;
    padding-bottom: 20px;
  }
}

.p-header_logo {
  width: 24.1%;
  max-width: 114px;
}

/* =========================== */
/* project top */
/* =========================== */
/* l-topHeader
=========================================== */
.p-topHeader_logo {
  width: 64.5%;
  max-width: 500px;
  padding-top: 30px;
  margin-right: auto;
  margin-left: auto;
  position: relative;
  z-index: 50;
}

@media print, screen and (min-width: 768px) {
  .p-topHeader_logo {
    padding-top: 50px;
  }
}

.p-topHeader_logo {
  opacity: 0;
}

.p-topHeader_logo.fadeIn {
  -webkit-animation: fadeIn 2s forwards;
          animation: fadeIn 2s forwards;
  display: block;
}

/* MV
=========================================== */
.p-topMv {
  padding-right: 5.3%;
  padding-left: 5.3%;
}

@media print, screen and (min-width: 768px) {
  .p-topMv {
    padding-right: 6.25%;
    padding-left: 6.25%;
  }
}

.p-topMv_bg {
  position: relative;
  z-index: 0;
  width: 100%;
  height: 136vw;
  background: url(../img/top/mv_sp.jpg) no-repeat center center/cover;
  position: relative;
  z-index: -1;
}

@media print, screen and (min-width: 768px) {
  .p-topMv_bg {
    height: 53.1vw;
    background: url(../img/top/mv_pc.jpg) no-repeat center center/cover;
  }
}

.p-topMv_bg {
  opacity: 0;
}

.p-topMv_bg.fadeIn {
  -webkit-animation: fadeIn 2s forwards;
          animation: fadeIn 2s forwards;
  display: block;
}

/* date
------------------------ */
.p-topMv_dateWrap {
  opacity: 0;
}

.p-topMv_dateWrap.fadeIn {
  -webkit-animation: fadeIn 2s forwards;
          animation: fadeIn 2s forwards;
  display: block;
}

.p-topMv_date {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 26.6%;
  height: 29vw;
  max-width: 176px;
  max-height: 190px;
  position: absolute;
  z-index: 100;
  bottom: -21vw;
  right: 5.35%;
  background: url(../img/top/mv_date_round.svg) no-repeat center center/contain;
}

@media print, screen and (min-width: 768px) {
  .p-topMv_date {
    bottom: auto;
    top: -29px;
    right: 5.025%;
  }
}

.p-topMv_dateYear, .p-topMv_dateMD, .p-topMv_dateOpen {
  width: 100%;
  font-family: "Oswald", sans-serif;
  text-align: center;
  letter-spacing: 0.05em;
  font-weight: 400;
}

.p-topMv_dateYear {
  font-size: 1.3rem;
  margin-bottom: -3vmin;
}

@media print, screen and (min-width: 768px) {
  .p-topMv_dateYear {
    font-size: 2.2rem;
    margin-bottom: -17px;
  }
}

.p-topMv_dateMD {
  font-size: 3.2rem;
  margin-bottom: -1.5vmin;
}

@media print, screen and (min-width: 768px) {
  .p-topMv_dateMD {
    font-size: 6.0rem;
    margin-bottom: -11px;
  }
}

.p-topMv_datePlace {
  width: 100%;
  text-align: center;
  font-size: 1.0rem;
  font-weight: bold;
  letter-spacing: -0.05em;
  margin-bottom: -4px;
}

@media print, screen and (min-width: 768px) {
  .p-topMv_datePlace {
    font-size: 1.4rem;
    margin-bottom: -6px;
  }
}

.p-topMv_dateOpen {
  font-size: 1.7rem;
}

@media print, screen and (min-width: 768px) {
  .p-topMv_dateOpen {
    font-size: 2.8rem;
  }
}

/* alphabet
------------------------ */
.p-topMv_alphabetWrap {
  opacity: 0;
}

.p-topMv_alphabetWrap.fadeIn {
  -webkit-animation: fadeIn 2s forwards;
          animation: fadeIn 2s forwards;
  display: block;
}

.p-topMv_alphabet {
  font-family: "Oswald", sans-serif;
  font-weight: 400;
  letter-spacing: 0.05em;
  position: absolute;
  font-size: 1.6rem;
  top: 50%;
  z-index: 10;
}

@media print, screen and (min-width: 768px) {
  .p-topMv_alphabet {
    font-size: 2.4rem;
  }
}

.p-topMv_alphabetRight {
  -webkit-transform: rotate(-90deg) translateY(-50%);
          transform: rotate(-90deg) translateY(-50%);
  right: -7.8%;
}

@media print, screen and (min-width: 768px) {
  .p-topMv_alphabetRight {
    right: -2.2%;
  }
}

@media print, screen and (min-width: 1600px) {
  .p-topMv_alphabetRight {
    right: -1.7%;
  }
}

@media print, screen and (min-width: 1920px) {
  .p-topMv_alphabetRight {
    right: -0.6%;
  }
}

.p-topMv_alphabetLeft {
  -webkit-transform: rotate(90deg) translateY(-50%);
          transform: rotate(90deg) translateY(-50%);
  left: -6%;
}

@media print, screen and (min-width: 768px) {
  .p-topMv_alphabetLeft {
    left: -1.5%;
  }
}

@media print, screen and (min-width: 1600px) {
  .p-topMv_alphabetLeft {
    left: -1%;
  }
}

@media print, screen and (min-width: 1920px) {
  .p-topMv_alphabetLeft {
    left: 0;
  }
}

/* scroll
------------------------ */
.p-topMv_scroll {
  opacity: 0;
  z-index: 100;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  margin-top: 30px;
  margin-bottom: 30vmin;
}

@media print, screen and (min-width: 768px) {
  .p-topMv_scroll {
    margin-top: -100px;
    margin-bottom: 110px;
  }
}

.p-topMv_scroll.fadeIn {
  -webkit-animation: fadeIn 2s forwards;
          animation: fadeIn 2s forwards;
  display: block;
}

.p-topMv_scrollText {
  font-family: "Oswald", sans-serif;
  font-weight: 400;
  letter-spacing: 0.05em;
  font-size: 1.2rem;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-120%);
          transform: translateX(-120%);
  text-transform: uppercase;
}

.p-topMv_scrollBar::after {
  content: "";
  position: absolute;
  left: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  top: 0;
  width: 1px;
  height: 60px;
  background: #000;
  -webkit-animation: pathmove 3s ease-in-out infinite;
          animation: pathmove 3s ease-in-out infinite;
  opacity: 0;
}

@-webkit-keyframes pathmove {
  0% {
    height: 0;
    top: 0;
    opacity: 0;
  }
  30% {
    height: 60px;
    opacity: 1;
  }
  100% {
    height: 0;
    top: 120px;
    opacity: 0;
  }
}

@keyframes pathmove {
  0% {
    height: 0;
    top: 0;
    opacity: 0;
  }
  30% {
    height: 60px;
    opacity: 1;
  }
  100% {
    height: 0;
    top: 120px;
    opacity: 0;
  }
}

/* ABOUT
=========================================== */
.p-topAbout {
  position: relative;
  padding-right: 8%;
  padding-left: 8%;
}

@media print, screen and (min-width: 768px) {
  .p-topAbout {
    max-width: 1600px;
    margin-right: auto;
    margin-left: auto;
    padding-right: 11.25%;
    padding-left: 11.25%;
  }
}

@media print, screen and (min-width: 1920px) {
  .p-topAbout {
    padding-right: 0;
    padding-left: 0;
  }
}

.p-topAbout_illust01 {
  display: none;
}

@media print, screen and (min-width: 768px) {
  .p-topAbout_illust01 {
    display: block;
    position: absolute;
    right: 5.7%;
    top: -15vmin;
    max-width: 357px;
    max-height: 146px;
  }
}

@media print, screen and (min-width: 1200px) {
  .p-topAbout_illust01 {
    top: 0;
  }
}

@media all and (-ms-high-contrast: none) {
  .p-topAbout_illust01 {
    width: 357px;
    height: 146px;
    background: url(../img/top/about_illust01.png) no-repeat center center/contain;
  }
}

.p-topAbout_illust01Draw {
  stroke-dasharray: 863 865;
  stroke-dashoffset: 864;
}

.p-topAbout_illust01Draw.is-active {
  -webkit-animation: NWeeeXcT_draw 800ms linear 0ms forwards;
          animation: NWeeeXcT_draw 800ms linear 0ms forwards;
}

@-webkit-keyframes NWeeeXcT_draw {
  100% {
    stroke-dashoffset: 0;
  }
}

@keyframes NWeeeXcT_draw {
  100% {
    stroke-dashoffset: 0;
  }
}

@-webkit-keyframes NWeeeXcT_fade {
  0% {
    stroke-opacity: 1;
  }
  92.5925925925926% {
    stroke-opacity: 1;
  }
  100% {
    stroke-opacity: 0;
  }
}

@keyframes NWeeeXcT_fade {
  0% {
    stroke-opacity: 1;
  }
  92.5925925925926% {
    stroke-opacity: 1;
  }
  100% {
    stroke-opacity: 0;
  }
}

.p-topAbout_ttl {
  margin-bottom: 55px;
}

@media print, screen and (min-width: 768px) {
  .p-topAbout_ttl {
    margin-bottom: 77px;
  }
}

.p-topAbout_ttlLogo {
  margin-top: 2vmin;
}

@media print, screen and (min-width: 768px) {
  .p-topAbout_ttlLogo {
    margin-top: 10px;
  }
}

/* Today
=========================================== */
.p-topToday {
  padding-top: 40px;
  padding-right: 8%;
  padding-left: 8%;
  padding-bottom: 25px;
}

@media print, screen and (min-width: 768px) {
  .p-topToday {
    max-width: 1600px;
    margin-right: auto;
    margin-left: auto;
    padding-right: 11.25%;
    padding-left: 11.25%;
  }
}

@media print, screen and (min-width: 1920px) {
  .p-topToday {
    padding-right: 0;
    padding-left: 0;
  }
}

@media print, screen and (min-width: 768px) {
  .p-topToday {
    padding-top: 15px;
    padding-bottom: 0;
  }
}

.p-topToday_ttl {
  margin-bottom: 40px;
}

@media print, screen and (min-width: 768px) {
  .p-topToday_ttl {
    margin-bottom: 36px;
  }
}

.p-topToday_ttlLogo {
  margin-bottom: 2vmin;
}

@media print, screen and (min-width: 768px) {
  .p-topToday_ttlLogo {
    margin-bottom: 10px;
  }
}

.p-topToday_btn-pc {
  margin-bottom: 80px;
}

.p-topToday_btn-sp {
  margin-top: 80px;
  margin-bottom: 60px;
}

.p-topToday_btn::after {
  width: 100px;
}

.p-topToday_btnCommingSoon {
  width: 100%;
  max-width: 550px;
  margin-right: auto;
  margin-left: auto;
  margin-top: 60px;
  display: block;
  border: 1px solid #969696;
  border-radius: 0px 0px 30px 0px;
  padding: 25px 20px;
  background: #fff;
  position: relative;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  z-index: 1000;
}

@media print, screen and (min-width: 768px) {
  .p-topToday_btnCommingSoon {
    padding: 35px 20px;
    margin-top: 108px;
  }
}

.p-topToday_btnCommingSoon::before {
  content: "";
  position: absolute;
  left: -10px;
  top: -10px;
  width: 49px;
  height: 33px;
  display: block;
  background: url(../img/top/btn_comming_soon_waveline.svg) no-repeat center center/contain;
}

.p-topToday_btnCommingSoon:hover {
  opacity: 0.6 !important;
}

.p-topToday_btnCommingSoonText {
  text-align: center;
  font-family: "Oswald", sans-serif;
  font-size: 2.8rem;
  margin-bottom: 2px;
}

@media print, screen and (min-width: 768px) {
  .p-topToday_btnCommingSoonText {
    font-size: 3.6rem;
    margin-bottom: 4px;
  }
}

.p-topToday_btnCommingSoonTextSub {
  text-align: center;
  font-family: "Oswald", sans-serif;
  font-size: 1.4rem;
}

@media print, screen and (min-width: 768px) {
  .p-topToday_btnCommingSoonTextSub {
    font-size: 1.8rem;
  }
}

.p-topToday_sliderWrap {
  margin-right: calc(50% - 50vw);
  margin-left: calc(50% - 50vw);
  padding-left: 11.25%;
}

@media print, screen and (min-width: 768px) {
  .p-topToday_sliderWrap {
    margin-right: auto;
    margin-left: auto;
    padding-left: 0;
  }
}

@media print, screen and (min-width: 768px) {
  .p-topToday_sliderWrap .slick-next {
    right: -25px;
  }
}

.p-topToday_sliderWrap .slick-prev.slick-disabled,
.p-topToday_sliderWrap .slick-next.slick-disabled {
  opacity: 0;
}

.p-topToday_sliderWrap .slick-prev.slick-disabled:before,
.p-topToday_sliderWrap .slick-next.slick-disabled:before {
  opacity: 1;
}

.p-topToday_sliderWrap .slick-dots {
  bottom: -8vmin;
  margin-left: calc(50% - 50vw);
}

@media print, screen and (min-width: 768px) {
  .p-topToday_sliderWrap .slick-dots {
    margin-left: 0;
    bottom: -40px;
  }
}

.p-topToday_sliderWrap .slick-dots li {
  margin: 0 7px;
  width: 8px;
  height: 8px;
}

@media print, screen and (min-width: 768px) {
  .p-topToday_sliderWrap .slick-dots li {
    margin: 0 10px;
    width: 11px;
    height: 11px;
  }
}

.p-topToday_sliderWrap .slick-dots li button:before {
  content: '';
  width: 8px;
  height: 8px;
  background: #fff;
  opacity: 1;
  border-radius: 11px;
}

@media print, screen and (min-width: 768px) {
  .p-topToday_sliderWrap .slick-dots li button:before {
    width: 11px;
    height: 11px;
  }
}

.p-topToday_sliderWrap .slick-dots li.slick-active button:before {
  background: #8DB2DE;
}

.p-topToday_sliderItem {
  padding: 0 2.8%;
}

@media print, screen and (min-width: 768px) {
  .p-topToday_sliderItem {
    padding: 0 25px;
  }
}

.p-topToday_sliderItem img {
  -o-object-fit: cover;
     object-fit: cover;
  height: auto;
}

/* NEWS
=========================================== */
.p-topNews {
  padding-right: 8%;
  padding-left: 8%;
  position: relative;
}

@media print, screen and (min-width: 768px) {
  .p-topNews {
    max-width: 1600px;
    margin-right: auto;
    margin-left: auto;
    padding-right: 11.25%;
    padding-left: 11.25%;
  }
}

@media print, screen and (min-width: 1920px) {
  .p-topNews {
    padding-right: 0;
    padding-left: 0;
  }
}

.p-topNews_illust01 {
  position: absolute;
  left: 6.4%;
  top: -18vmin;
  width: 34.1%;
  max-width: 256px;
  max-height: 153px;
}

@media print, screen and (min-width: 768px) {
  .p-topNews_illust01 {
    left: 0;
    top: 0;
  }
}

@media all and (-ms-high-contrast: none) {
  .p-topNews_illust01 {
    width: 256px;
    height: 153px;
    background: url(../img/top/news_illust01.png) no-repeat center center/contain;
  }
  .p-topNews_illust01 svg {
    display: none;
  }
}

.p-topNews_illust01Draw01 {
  stroke-dasharray: 576 578;
  stroke-dashoffset: 577;
  fill: none;
  stroke: #1A1311;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.p-topNews_illust01Draw01.is-active {
  -webkit-animation: INnOgzNb_draw 533ms linear 0ms forwards;
          animation: INnOgzNb_draw 533ms linear 0ms forwards;
}

.p-topNews_illust01Draw02 {
  display: none;
  stroke-dasharray: 54 56;
  stroke-dashoffset: 55;
  fill: #1A1311;
}

.p-topNews_illust01Draw02.is-active {
  -webkit-animation: INnOgzNb_draw 533ms linear 266ms forwards;
          animation: INnOgzNb_draw 533ms linear 266ms forwards;
}

@-webkit-keyframes INnOgzNb_draw {
  100% {
    stroke-dashoffset: 0;
  }
}

@keyframes INnOgzNb_draw {
  100% {
    stroke-dashoffset: 0;
  }
}

@-webkit-keyframes INnOgzNb_fade {
  0% {
    stroke-opacity: 1;
  }
  92% {
    stroke-opacity: 1;
  }
  100% {
    stroke-opacity: 0;
  }
}

@keyframes INnOgzNb_fade {
  0% {
    stroke-opacity: 1;
  }
  92% {
    stroke-opacity: 1;
  }
  100% {
    stroke-opacity: 0;
  }
}

.p-topNews_ttl {
  margin-bottom: 80px;
}

.p-topNews_listDate {
  font-family: "Oswald", sans-serif;
  font-size: 1.5rem;
  display: block;
  margin-bottom: 11px;
}

@media print, screen and (min-width: 768px) {
  .p-topNews_listDate {
    font-size: 1.8rem;
    margin-bottom: 15px;
  }
}

@media print, screen and (min-width: 768px) {
  .p-topNews_btn {
    position: absolute;
    right: 11.25%;
    top: 60px;
  }
}

@media print, screen and (min-width: 1920px) {
  .p-topNews_btn {
    right: 0;
  }
}

.p-topNews_btn::after {
  width: 150px;
  height: 5px;
}

.p-topNews_btnText {
  font-weight: bold;
}

.p-topNews_listText {
  font-size: 1.8rem;
}

.p-topNews_list {
  margin-bottom: 70px;
}

@media print, screen and (min-width: 768px) {
  .p-topNews_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-bottom: 0;
  }
}

.p-topNews_listItem {
  width: 100%;
}

@media print, screen and (min-width: 768px) {
  .p-topNews_listItem {
    width: 29%;
  }
}

.p-topNews_listImg {
  margin-bottom: 14px;
}

@media print, screen and (min-width: 768px) {
  .p-topNews_listImg {
    margin-bottom: 19px;
  }
}

.p-topNews_listItem:not(:last-child) {
  margin-bottom: 50px;
}

@media print, screen and (min-width: 768px) {
  .p-topNews_listItem:not(:last-child) {
    margin-bottom: 0;
    margin-right: 6.5%;
  }
}

/* INTERVIEW
=========================================== */
.p-topInterview {
  padding-top: 90px;
  padding-bottom: 134px;
  padding-right: 5.3%;
  padding-left: 5.3%;
}

@media print, screen and (min-width: 768px) {
  .p-topInterview {
    padding-right: 6.25%;
    padding-left: 6.25%;
  }
}

@media print, screen and (min-width: 768px) {
  .p-topInterview {
    padding-top: 1vw;
    padding-bottom: 17vw;
    padding-right: 8%;
    padding-left: 8%;
  }
}

@media print, screen and (min-width: 768px) and (min-width: 768px) {
  .p-topInterview {
    max-width: 1600px;
    margin-right: auto;
    margin-left: auto;
    padding-right: 11.25%;
    padding-left: 11.25%;
  }
}

@media print, screen and (min-width: 768px) and (min-width: 1920px) {
  .p-topInterview {
    padding-right: 0;
    padding-left: 0;
  }
}

.p-topInterview_ttl {
  margin-bottom: 80px;
}

.p-topInterview_list {
  margin-bottom: 70px;
}

@media print, screen and (min-width: 768px) {
  .p-topInterview_list {
    margin-bottom: 0;
  }
}

@media print, screen and (min-width: 768px) {
  .p-topInterview_listItem {
    margin-bottom: 60px;
  }
}

.p-topInterview_listImg {
  overflow: hidden;
}

.p-topInterview_listImg img {
  -webkit-transition-duration: 0.5s;
          transition-duration: 0.5s;
}

.p-topInterview_listImg.mask-circle, .p-topInterview_listImg.mask-heptagon {
  position: relative;
}

.p-topInterview_listImg.mask-circle::before, .p-topInterview_listImg.mask-heptagon::before {
  content: "";
  width: 100%;
  padding-top: 100%;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1000;
}

.p-topInterview_listImg.mask-circle::before {
  background: url(../img/top/interview_mask_circle.png) no-repeat center center/cover;
}

.p-topInterview_listImg.mask-heptagon::before {
  background: url(../img/top/interview_mask_heptagon.png) no-repeat center center/cover;
}

@media print, screen and (min-width: 768px) {
  .p-topInterview_listLink:hover .p-topInterview_listImg img {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
    -webkit-transition-duration: 0.5s;
            transition-duration: 0.5s;
  }
}

@media screen and (max-width: 767px) {
  .p-topInterview_listItem-sp {
    display: none;
  }
  .p-topInterview_listItem-sp.is-show {
    display: block;
  }
}

.p-topInterview_listItem:not(:last-child) {
  margin-bottom: 100px;
}

@media print, screen and (min-width: 768px) {
  .p-topInterview_listItem:not(:last-child) {
    margin-bottom: 0;
  }
}

.p-topInterview_btn {
  position: relative;
  z-index: 100;
}

@media screen and (max-width: 767px) {
  .p-topInterview_btn.is-hide {
    display: none;
  }
}

@media print, screen and (min-width: 768px) {
  .p-topInterview_btn {
    display: none;
  }
}

/* SHOP
=========================================== */
.p-topShop {
  position: relative;
  padding-right: 8%;
  padding-left: 8%;
  padding-top: 90px;
  padding-bottom: 160px;
}

@media print, screen and (min-width: 768px) {
  .p-topShop {
    max-width: 1600px;
    margin-right: auto;
    margin-left: auto;
    padding-right: 11.25%;
    padding-left: 11.25%;
  }
}

@media print, screen and (min-width: 1920px) {
  .p-topShop {
    padding-right: 0;
    padding-left: 0;
  }
}

@media print, screen and (min-width: 768px) {
  .p-topShop {
    padding-top: 1vw;
    padding-bottom: 400px;
    max-width: 840px;
    padding-right: 0;
    padding-left: 0;
  }
}

@media print, screen and (min-width: 1600px) {
  .p-topShop {
    padding-bottom: 28vw;
  }
}

.p-topShop_illust01 {
  position: absolute;
  right: 6%;
  top: 5vmin;
  width: 29%;
  max-width: 245px;
  max-height: 180px;
}

@media print, screen and (min-width: 768px) {
  .p-topShop_illust01 {
    right: -27%;
    top: 0;
  }
}

@media all and (-ms-high-contrast: none) {
  .p-topShop_illust01 {
    width: 245px;
    height: 180px;
    background: url(../img/top/shop_illust01.png) no-repeat center center/contain;
  }
}

.p-topShop_illust01Draw {
  stroke-dasharray: 1056 1058;
  stroke-dashoffset: 1057;
  fill: none;
  stroke: #1A1311;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.p-topShop_illust01Draw.is-active {
  -webkit-animation: UUayLukG_draw 800ms linear 0ms forwards;
          animation: UUayLukG_draw 800ms linear 0ms forwards;
}

@-webkit-keyframes UUayLukG_draw {
  100% {
    stroke-dashoffset: 0;
  }
}

@keyframes UUayLukG_draw {
  100% {
    stroke-dashoffset: 0;
  }
}

@-webkit-keyframes UUayLukG_fade {
  0% {
    stroke-opacity: 1;
  }
  92.5925925925926% {
    stroke-opacity: 1;
  }
  100% {
    stroke-opacity: 0;
  }
}

@keyframes UUayLukG_fade {
  0% {
    stroke-opacity: 1;
  }
  92.5925925925926% {
    stroke-opacity: 1;
  }
  100% {
    stroke-opacity: 0;
  }
}

.p-topShop_ttl {
  margin-bottom: 70px;
}

@media print, screen and (min-width: 768px) {
  .p-topShop_ttl {
    margin-bottom: 120px;
  }
}

.p-topShop_list {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.p-topShop_listItem {
  width: 44.4%;
  height: 37.3vw;
}

@media print, screen and (min-width: 768px) {
  .p-topShop_listItem {
    width: 27.3%;
    height: 19.3vw;
  }
}

@media print, screen and (min-width: 1200px) {
  .p-topShop_listItem {
    max-width: 230px;
    max-height: 230px;
  }
}

.p-topShop_listItem:not(:nth-child(2n)) {
  margin-right: 11.2%;
}

@media print, screen and (min-width: 768px) {
  .p-topShop_listItem:not(:nth-child(2n)) {
    margin-right: 0;
  }
}

@media print, screen and (min-width: 768px) {
  .p-topShop_listItem:not(:nth-child(3n)) {
    margin-right: 9.05%;
  }
}

.p-topShop_listItem:not(:nth-of-type(-n+2)) {
  margin-top: 9.5%;
}

@media print, screen and (min-width: 768px) {
  .p-topShop_listItem:not(:nth-of-type(-n+2)) {
    margin-top: 0;
  }
}

@media print, screen and (min-width: 768px) {
  .p-topShop_listItem:not(:nth-of-type(-n+3)) {
    margin-top: 50px;
  }
}

.p-topShop_listLink {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: #fff;
  width: 100%;
  height: 100%;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.p-topShop_listLink:hover {
  opacity: 0.6;
}

/* =========================== */
/* product interview */
/* =========================== */
/* .p-interview_mv
=========================================== */
.p-interview_mv {
  position: relative;
}

.p-interview_mvIllust {
  position: absolute;
  left: 5.3%;
  bottom: -9vw;
  width: 33.3%;
  max-width: 240px;
  height: 20.1vw;
  max-height: 146px;
  z-index: 1000;
}

.p-interview_mvIllust svg {
  width: 100%;
  height: auto;
}

@media print, screen and (min-width: 768px) {
  .p-interview_mvIllust {
    left: 6.8%;
    bottom: -86px;
  }
}

@media all and (-ms-high-contrast: none) {
  .p-interview_mvIllust {
    width: 240px;
    height: 146px;
    background: url(../img/interview/illust_interview01.png) no-repeat center center/contain;
  }
  .p-interview_mvIllust svg {
    display: none;
  }
}

.p-interview_mvIllustDraw01 {
  stroke-dasharray: 576 578;
  stroke-dashoffset: 577;
  fill: none;
  stroke: #1A1311;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.p-interview_mvIllustDraw01.is-active {
  -webkit-animation: INnOgzNb_draw 533ms linear 0ms forwards;
          animation: INnOgzNb_draw 533ms linear 0ms forwards;
}

.p-interview_mvIllustDraw02 {
  display: none;
  stroke-dasharray: 54 56;
  stroke-dashoffset: 55;
  fill: #1A1311;
}

.p-interview_mvIllustDraw02.is-active {
  -webkit-animation: INnOgzNb_draw 533ms linear 266ms forwards;
          animation: INnOgzNb_draw 533ms linear 266ms forwards;
}

@keyframes INnOgzNb_draw {
  100% {
    stroke-dashoffset: 0;
  }
}

@keyframes INnOgzNb_fade {
  0% {
    stroke-opacity: 1;
  }
  92% {
    stroke-opacity: 1;
  }
  100% {
    stroke-opacity: 0;
  }
}

/* .p-interview_snsSide
=========================================== */
.p-interview_snsSide {
  position: absolute;
  left: -5%;
  top: 345px;
}

.p-interview_snsSideTtl {
  font-size: 1.6rem;
  font-family: "Oswald", sans-serif;
  font-weight: normal;
  letter-spacing: 0;
  margin-bottom: 34px;
}

.p-interview_snsSideListItem {
  width: 19px;
}

.p-interview_snsSideListItem:not(:last-child) {
  margin-bottom: 58px;
}

/* .p-interview
=========================================== */
/* head
------------------------ */
.p-interview_head {
  margin-bottom: 55px;
}

@media print, screen and (min-width: 768px) {
  .p-interview_head {
    margin-bottom: 70px;
  }
}

.p-interview_ttl {
  font-size: 2.8rem;
  line-height: 1.5;
  margin-bottom: 26px;
}

@media print, screen and (min-width: 768px) {
  .p-interview_ttl {
    font-size: 3.8rem;
    margin-bottom: 33px;
  }
}

.p-interview_vol {
  font-family: "Oswald", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 1.6rem;
  display: inline-block;
  position: relative;
  margin-bottom: 9px;
}

@media print, screen and (min-width: 768px) {
  .p-interview_vol {
    margin-bottom: 10px;
  }
}

.p-interview_vol::after {
  content: "";
  width: 100%;
  height: 1px;
  background: #000;
  display: block;
}

.p-interview_person {
  font-size: 2.0rem;
  font-weight: bold;
}

@media print, screen and (min-width: 768px) {
  .p-interview_person {
    font-size: 2.4rem;
  }
}

/* intro
------------------------ */
.p-interview_intro {
  margin-bottom: 55px;
}

@media print, screen and (min-width: 768px) {
  .p-interview_intro {
    margin-bottom: 55px;
  }
}

.p-interview_intro::before, .p-interview_intro::after {
  content: "";
  display: block;
  background: url(../img/common/line_wavy01.svg) no-repeat center center/contain;
  width: 56%;
  max-width: 210px;
  height: 11px;
  margin-right: auto;
  margin-left: auto;
}

.p-interview_introText {
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2.1;
  padding-top: 50px;
  padding-bottom: 50px;
}

@media print, screen and (min-width: 768px) {
  .p-interview_introText {
    line-height: 2.2;
    padding-top: 40px;
    padding-bottom: 40px;
  }
}

/* p-interview_body
------------------------ */
.p-interview_imgDetail {
  color: #2E5BAA;
  font-size: 1.4rem;
  margin-top: 17px;
  line-height: 1.8;
}

.p-interview_imgDetail a {
  color: #2E5BAA;
  text-decoration: underline;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.p-interview_imgDetail a:hover {
  text-decoration: none;
}

.p-interview_imgMiddle {
  padding-top: 30px;
  padding-bottom: 30px;
}

@media print, screen and (min-width: 768px) {
  .p-interview_imgMiddle {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}

.p-interview_imgSmall {
  padding-top: 25px;
  padding-bottom: 25px;
  width: 100%;
  max-width: 500px;
  margin-right: auto;
  margin-left: auto;
}

@media print, screen and (min-width: 768px) {
  .p-interview_imgSmall {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}

.p-interview_imgSmallStairs {
  padding-top: 25px;
  padding-bottom: 25px;
}

@media print, screen and (min-width: 768px) {
  .p-interview_imgSmallStairs {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}

@media screen and (max-width: 767px) {
  .p-interview_imgSmallStairs .p-interview_imgSmall {
    width: 62.6%;
  }
}

.p-interview_imgSmallStairs .p-interview_imgSmall:first-of-type {
  padding-top: 0;
  padding-bottom: 20px;
  margin-right: 0;
}

@media print, screen and (min-width: 768px) {
  .p-interview_imgSmallStairs .p-interview_imgSmall:first-of-type {
    padding-bottom: 40px;
  }
}

.p-interview_imgSmallStairs .p-interview_imgSmall:last-of-type {
  padding-top: 20px;
  padding-bottom: 0;
  margin-left: 0;
}

@media print, screen and (min-width: 768px) {
  .p-interview_imgSmallStairs .p-interview_imgSmall:last-of-type {
    padding-top: 40px;
  }
}

.p-interview_imgLarge {
  padding-top: 25px;
  padding-bottom: 25px;
  margin-right: calc(50% - 50vw);
  margin-left: calc(50% - 50vw);
}

@media print, screen and (min-width: 768px) {
  .p-interview_imgLarge {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}

@media print, screen and (min-width: 1000px) {
  .p-interview_imgLarge {
    width: 125%;
    max-width: 1000px;
    margin-left: -12.5%;
  }
}

.p-interview_imgLarge .p-interview_imgDetail {
  padding-right: 5.3%;
  padding-left: 5.3%;
}

@media print, screen and (min-width: 768px) {
  .p-interview_imgLarge .p-interview_imgDetail {
    max-width: 800px;
    margin-right: auto;
    margin-left: auto;
    padding-right: 0;
    padding-left: 0;
  }
}

.p-interview_imgWide {
  padding-top: 25px;
  padding-bottom: 25px;
  margin-right: calc(50% - 50vw);
  margin-left: calc(50% - 50vw);
}

@media print, screen and (min-width: 768px) {
  .p-interview_imgWide {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}

.p-interview_imgWide .p-interview_imgDetail {
  padding-right: 5.3%;
  padding-left: 5.3%;
}

@media print, screen and (min-width: 768px) {
  .p-interview_imgWide .p-interview_imgDetail {
    max-width: 800px;
    margin-right: auto;
    margin-left: auto;
    padding-right: 0;
    padding-left: 0;
  }
}

.p-interview_img2Column {
  padding-top: 25px;
  padding-bottom: 25px;
  margin-right: calc(50% - 50vw);
  margin-left: calc(50% - 50vw);
}

@media print, screen and (min-width: 768px) {
  .p-interview_img2Column {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}

@media print, screen and (min-width: 1000px) {
  .p-interview_img2Column {
    width: 125%;
    max-width: 1000px;
    margin-left: -12.5%;
  }
}

.p-interview_img2Column .p-interview_imgDetail {
  padding-right: 5.3%;
  padding-left: 5.3%;
}

@media print, screen and (min-width: 768px) {
  .p-interview_img2Column .p-interview_imgDetail {
    max-width: 800px;
    margin-right: auto;
    margin-left: auto;
    padding-right: 0;
    padding-left: 0;
  }
}

.p-interview_img2ColumnInner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.p-interview_img2ColumnInner img {
  width: 48%;
}

@media print, screen and (min-width: 768px) {
  .p-interview_img2ColumnInner img {
    max-width: 490px;
  }
}

/* p-interview_heading01
------------------------ */
.p-interview_heading01 {
  font-weight: bold;
  font-size: 2.0rem;
  margin-top: 80px;
  margin-bottom: 60px;
}

@media print, screen and (min-width: 768px) {
  .p-interview_heading01 {
    font-size: 2.4rem;
    margin-top: 80px;
    margin-bottom: 60px;
  }
}

/* p-interview_contents
------------------------ */
.p-interview_contents {
  padding-top: 40px;
  padding-bottom: 40px;
}

@media print, screen and (min-width: 768px) {
  .p-interview_contents {
    padding-top: 30px;
    padding-bottom: 30px;
  }
}

.p-interview_text {
  font-size: 1.6rem;
  line-height: 2.2;
}

@media print, screen and (min-width: 768px) {
  .p-interview_text {
    line-height: 2.0;
  }
}

.p-interview_textName {
  font-weight: bold;
}

.p-interview_textName.question {
  color: #E96379;
}

.p-interview_textName.answer {
  color: #4C9D99;
}

.p-interview_textName.answer02 {
  color: #DEAF29;
}

.p-interview_text:not(:last-of-type) {
  margin-bottom: 32px;
}

/* p-interview_foot
------------------------ */
.p-interview_foot {
  margin-top: 43px;
}

@media print, screen and (min-width: 768px) {
  .p-interview_foot {
    margin-top: 33px;
  }
}

/* SHOP INFO
------------------------ */
.p-interview_shop {
  border: 1px solid #969696;
  background-color: #F7F7F7;
  border-radius: 0px 0px 30px 0px;
  padding: 14vmin 11.9%;
}

@media print, screen and (min-width: 768px) {
  .p-interview_shop {
    padding: 50px 60px;
  }
}

.p-interview_shopTtl {
  font-size: 2.8rem;
  font-family: "Oswald", sans-serif;
  text-align: center;
  font-weight: normal;
  margin-bottom: 8vmin;
}

@media print, screen and (min-width: 768px) {
  .p-interview_shopTtl {
    margin-bottom: 40px;
  }
}

@media print, screen and (min-width: 768px) {
  .p-interview_shopContents {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.p-interview_shopImg {
  width: 100%;
  max-width: 240px;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 26px;
}

@media print, screen and (min-width: 768px) {
  .p-interview_shopImg {
    margin-left: 0;
    margin-right: 40px;
    margin-bottom: 0;
  }
}

.p-interview_shopDetail {
  width: 100%;
  max-width: 400px;
}

.p-interview_shopDetailCate {
  position: relative;
  display: inline-block;
  font-weight: bold;
  font-size: 1.2rem;
  margin-bottom: 10px;
}

.p-interview_shopDetailCate::after {
  content: "";
  width: 100%;
  height: 1px;
  background: #000;
  display: block;
}

@media print, screen and (min-width: 768px) {
  .p-interview_shopDetailCate {
    margin-bottom: 5px;
  }
}

.p-interview_shopDetailName {
  font-weight: bold;
  font-size: 2.4rem;
  margin-bottom: 8px;
}

@media print, screen and (min-width: 768px) {
  .p-interview_shopDetailName {
    font-weight: normal;
    margin-bottom: 18px;
  }
}

.p-interview_shopDetailText {
  font-size: 1.4rem;
  line-height: 1.8;
}

.p-interview_shopDetailLink {
  color: #969696;
  text-decoration: underline;
  font-size: 1.4rem;
  display: block;
  margin-top: 10px;
}

.p-interview_shopDetailLink:hover {
  text-decoration: none;
}

/* editor
------------------------ */
.p-interview_editor {
  font-size: 1.6rem;
  margin-left: 5.9%;
  margin-top: 24px;
  line-height: 2.4;
  margin-bottom: 85px;
}

@media print, screen and (min-width: 768px) {
  .p-interview_editor {
    margin-left: 0;
    margin-top: 28px;
    margin-bottom: 67px;
  }
}

/* SNS
------------------------ */
.p-interview_sns::before, .p-interview_sns::after {
  content: "";
  display: block;
  background: url(../img/common/line_wavy01.svg) no-repeat center center/contain;
  width: 56%;
  max-width: 210px;
  height: 11px;
  margin-right: auto;
  margin-left: auto;
}

@media print, screen and (min-width: 768px) {
  .p-interview_sns {
    max-width: 363px;
    margin-right: auto;
    margin-left: auto;
  }
  .p-interview_sns::before, .p-interview_sns::after {
    background: url(../img/common/line_wavy02.svg) repeat-x center center/contain;
    width: 100%;
    max-width: 100%;
    height: 8px;
  }
}

@media all and (-ms-high-contrast: none) {
  .p-interview_sns::before, .p-interview_sns::after {
    background: url(../img/common/line_wavy01.svg) no-repeat center center/contain;
  }
}

.p-interview_snsInner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 8vmin;
  margin-bottom: 8vmin;
}

@media print, screen and (min-width: 768px) {
  .p-interview_snsInner {
    margin-top: 40px;
    margin-bottom: 40px;
  }
}

.p-interview_snsTtl {
  font-weight: normal;
  font-size: 1.6rem;
  font-family: "Oswald", sans-serif;
  width: 44.7%;
  padding-left: 13.3%;
}

.p-interview_snsList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 55.2%;
}

.p-interview_snsListItem {
  width: 11.7%;
  max-width: 17px;
}

.p-interview_snsListItem:not(:last-child) {
  margin-right: 27%;
}

/* NEXT
=========================================== */
.p-interview_next {
  padding-right: 5.3%;
  padding-left: 5.3%;
  padding-top: 14vmin;
  padding-bottom: 50vmin;
}

@media print, screen and (min-width: 768px) {
  .p-interview_next {
    padding-right: 6.25%;
    padding-left: 6.25%;
  }
}

@media print, screen and (min-width: 768px) {
  .p-interview_next {
    padding-right: 8%;
    padding-left: 8%;
    padding-top: 0;
    padding-bottom: 23vw;
  }
}

@media print, screen and (min-width: 768px) and (min-width: 768px) {
  .p-interview_next {
    max-width: 1600px;
    margin-right: auto;
    margin-left: auto;
    padding-right: 11.25%;
    padding-left: 11.25%;
  }
}

@media print, screen and (min-width: 768px) and (min-width: 1920px) {
  .p-interview_next {
    padding-right: 0;
    padding-left: 0;
  }
}

.p-interview_nextTtl {
  font-size: 4.0rem;
  margin-bottom: 14vmin;
}

@media print, screen and (min-width: 768px) {
  .p-interview_nextTtl {
    font-size: 6.0rem;
    margin-bottom: 80px;
  }
}

.p-interview_nextList .slick-list {
  overflow: visible;
}

.p-interview_nextList .slick-dots {
  bottom: -11vmin;
}

.p-interview_nextList .slick-dots li {
  margin: 0 7px;
  width: 8px;
  height: 8px;
}

.p-interview_nextList .slick-dots li button:before {
  content: '';
  width: 8px;
  height: 8px;
  background: #fff;
  opacity: 1;
  border-radius: 10px;
  border: 1px solid #969696;
}

.p-interview_nextList .slick-dots li.slick-active button:before {
  background: #8DB2DE;
}

/* =========================== */
/* project about */
/* =========================== */
/* p-about_ttl
=========================================== */
.p-about_ttl {
  opacity: 0;
  margin-top: -13vmin;
  position: relative;
  z-index: 50;
  margin-bottom: 100px;
}

@media print, screen and (min-width: 768px) {
  .p-about_ttl {
    width: 284px;
    margin-left: 11.2%;
    margin-top: -180px;
    margin-bottom: 120px;
  }
}

.p-about_ttl.fadeIn {
  -webkit-animation: fadeIn 2s forwards;
          animation: fadeIn 2s forwards;
  display: block;
}

.p-about_ttlLogo {
  margin-top: 2vmin;
}

@media print, screen and (min-width: 768px) {
  .p-about_ttlLogo {
    margin-top: 10px;
    width: 100%;
    margin-right: 0;
    margin-left: 0;
  }
}

.p-about_intro {
  position: relative;
  padding-bottom: 190px;
  padding-right: 8%;
  padding-left: 8%;
}

@media print, screen and (min-width: 768px) {
  .p-about_intro {
    max-width: 1600px;
    margin-right: auto;
    margin-left: auto;
    padding-right: 11.25%;
    padding-left: 11.25%;
  }
}

@media print, screen and (min-width: 1920px) {
  .p-about_intro {
    padding-right: 0;
    padding-left: 0;
  }
}

@media print, screen and (min-width: 768px) {
  .p-about_intro {
    padding-bottom: 24vw;
  }
}

.p-about_introIllust01 {
  position: absolute;
  right: 6%;
  bottom: 34vw;
  width: 53.5%;
  max-width: 340px;
  max-height: 138px;
  z-index: 1000;
}

.p-about_introIllust01 svg {
  width: 100%;
  height: auto;
}

@media print, screen and (min-width: 768px) {
  .p-about_introIllust01 {
    bottom: auto;
    top: -90px;
  }
}

@media all and (-ms-high-contrast: none) {
  .p-about_introIllust01 {
    width: 340px;
    height: 138px;
    background: url(../img/about/intro_illust01.png) no-repeat center center/contain;
  }
}

.p-about_introIllust01Draw {
  stroke-dasharray: 863 865;
  stroke-dashoffset: 864;
}

.p-about_introIllust01Draw.is-active {
  -webkit-animation: szWGHHXy_draw 800ms linear 0ms forwards;
          animation: szWGHHXy_draw 800ms linear 0ms forwards;
}

@-webkit-keyframes szWGHHXy_draw {
  100% {
    stroke-dashoffset: 0;
  }
}

@keyframes szWGHHXy_draw {
  100% {
    stroke-dashoffset: 0;
  }
}

@-webkit-keyframes szWGHHXy_fade {
  0% {
    stroke-opacity: 1;
  }
  92.5925925925926% {
    stroke-opacity: 1;
  }
  100% {
    stroke-opacity: 0;
  }
}

@keyframes szWGHHXy_fade {
  0% {
    stroke-opacity: 1;
  }
  92.5925925925926% {
    stroke-opacity: 1;
  }
  100% {
    stroke-opacity: 0;
  }
}

/* .p-about_floor
=========================================== */
.p-about_floor {
  padding-right: 5.3%;
  padding-left: 5.3%;
  padding-top: 14vmin;
  padding-bottom: 50vmin;
}

@media print, screen and (min-width: 768px) {
  .p-about_floor {
    padding-right: 6.25%;
    padding-left: 6.25%;
  }
}

@media print, screen and (min-width: 768px) {
  .p-about_floor {
    padding-right: 8%;
    padding-left: 8%;
    padding-top: 0;
    padding-bottom: 24vw;
  }
}

@media print, screen and (min-width: 768px) and (min-width: 768px) {
  .p-about_floor {
    max-width: 1600px;
    margin-right: auto;
    margin-left: auto;
    padding-right: 11.25%;
    padding-left: 11.25%;
  }
}

@media print, screen and (min-width: 768px) and (min-width: 1920px) {
  .p-about_floor {
    padding-right: 0;
    padding-left: 0;
  }
}

.p-about_floorTtl {
  margin-bottom: 14vmin;
}

@media print, screen and (min-width: 768px) {
  .p-about_floorTtl {
    font-size: 6.0rem;
    margin-bottom: 103px;
  }
}

.p-about_floorMv {
  margin-right: calc(50% - 50vw);
  margin-left: calc(50% - 50vw);
  margin-bottom: 100px;
}

@media print, screen and (min-width: 768px) {
  .p-about_floorMv {
    width: 100%;
    max-width: 1240px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 120px;
  }
}

@media print, screen and (min-width: 768px) {
  .p-about_floorList {
    padding-right: 5.3%;
    padding-left: 5.3%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

@media print, screen and (min-width: 768px) and (min-width: 768px) {
  .p-about_floorList {
    max-width: 1000px;
    margin-right: auto;
    margin-left: auto;
  }
}

@media print, screen and (min-width: 768px) and (min-width: 1200px) {
  .p-about_floorList {
    padding-right: 0;
    padding-left: 0;
  }
}

@media print, screen and (min-width: 768px) {
  .p-about_floorListItem {
    width: 45%;
  }
}

.p-about_floorListItem:not(:last-child) {
  margin-bottom: 100px;
}

@media print, screen and (min-width: 768px) {
  .p-about_floorListItem:not(:last-child) {
    margin-bottom: 0;
  }
}

@media print, screen and (min-width: 768px) {
  .p-about_floorListItem:not(:nth-child(2n)) {
    margin-right: 10%;
  }
}

@media print, screen and (min-width: 768px) {
  .p-about_floorListItem:not(:nth-of-type(-n+2)) {
    margin-top: 110px;
  }
}

.p-about_floorListImg {
  margin-bottom: 6px;
}

.p-about_floorListNumber {
  font-size: 3.6rem;
  font-family: "Oswald", sans-serif;
}

.p-about_floorListType {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  margin-bottom: 3px;
}

.p-about_floorListCate {
  position: relative;
  display: inline-block;
  font-size: 1.4rem;
  margin-bottom: 10px;
  margin-left: 10px;
}

.p-about_floorListCate::after {
  content: "";
  width: 100%;
  height: 1px;
  background: #000;
  display: block;
}

.p-about_floorListName {
  font-size: 2.4rem;
  font-weight: bold;
  margin-bottom: 20px;
}

@media print, screen and (min-width: 768px) {
  .p-about_floorListName {
    margin-bottom: 7px;
  }
}

.p-about_floorListText {
  line-height: 2.0;
  font-size: 1.4rem;
}

.p-about_floorListLink {
  font-size: 1.4rem;
  color: #969696;
  text-decoration: underline;
  display: block;
  margin-top: 10px;
}

.p-about_floorListLink svg {
  width: 12px;
  height: 9px;
  margin-left: 6px;
  margin-bottom: 4px;
}

@media print, screen and (min-width: 768px) {
  .p-about_floorListLink {
    font-size: 1.3rem;
  }
}

.p-about_floorListLink:hover {
  text-decoration: none;
}

@media print, screen and (min-width: 768px) {
  .p-about_floorListItem2Column {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .p-about_floorListItem2Column .p-about_floorListImg {
    width: 45%;
    margin-right: 5%;
  }
  .p-about_floorListItem2Column .p-about_floorListDetail {
    width: 50%;
  }
}

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