@charset "UTF-8";
/* CSS INFORMATION -====================================================
File name : top.css
Description : トップ
===================================================================== */
@-webkit-keyframes textAnime {
  0% {
    opacity: 0;
  }
  1% {
    opacity: 1;
  }
  100% {
    -webkit-clip-path: inset(0 0 0 0);
            clip-path: inset(0 0 0 0);
  }
}
@keyframes textAnime {
  0% {
    opacity: 0;
  }
  1% {
    opacity: 1;
  }
  100% {
    -webkit-clip-path: inset(0 0 0 0);
            clip-path: inset(0 0 0 0);
  }
}
/* =====================================================================
    mv
======================================================================*/
.mv {
  position: relative;
  background: #dcd6c2 url(../images/top/img_top_map_sp.png) no-repeat center/100% auto;
  overflow: hidden;
}
.mv.is-start {
  -webkit-transition: background-color 2s ease-in;
  transition: background-color 2s ease-in;
  background-color: #F6F5E9;
}
.mv.is-end {
  -webkit-transition: background-color 2s ease-in;
  transition: background-color 2s ease-in;
  background-color: #ffffff;
}
.mv .pos {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}
.mv h1 {
  width: calc(334 / 750 * 100%);
  margin: calc(489 / 750 * 100%) 0 0 calc(208 / 750 * 100%);
  -webkit-box-shadow: 0 0 3rem rgba(53, 45, 18, 0.2);
          box-shadow: 0 0 3rem rgba(53, 45, 18, 0.2);
  opacity: 0;
}
.mv h1.is-show {
  -webkit-animation: fadeIn 0.8s ease-in forwards;
          animation: fadeIn 0.8s ease-in forwards;
}
.mv_img {
  border: 1px solid transparent;
}
.mv_img [class^=start] {
  position: absolute;
  display: block;
  top: -6vw;
  left: -6vw;
  width: 16vw;
  height: 16vw;
  z-index: 2;
}
.mv_img [class^=start]::before {
  content: "";
  position: absolute;
  display: block;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 5rem;
  height: 5rem;
  background: radial-gradient(ellipse at center, white 0%, transparent 80%);
  -webkit-box-shadow: 0 0 6rem 0 #e2ddcc;
          box-shadow: 0 0 6rem 0 #e2ddcc;
  border-radius: 50%;
  -webkit-filter: blur(5px);
          filter: blur(5px);
  opacity: 0;
}
.mv_img [class^=start].is-show::before {
  -webkit-animation: scaleUp 1.4s cubic-bezier(0.47, 0, 0.75, 0.72) 0s forwards;
          animation: scaleUp 1.4s cubic-bezier(0.47, 0, 0.75, 0.72) 0s forwards;
}
.mv_img .start01 {
  margin: calc(606 / 750 * 100%) 0 0 calc(25 / 750 * 100%);
}
.mv_img .start02 {
  margin: calc(626 / 750 * 100%) 0 0 calc(624 / 750 * 100%);
}
.mv_img [class^=img] img {
  opacity: 0;
}
.mv_img [class^=img]::before {
  content: "";
  position: absolute;
  display: block;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 5rem;
  height: 5rem;
  background: radial-gradient(ellipse at center, #fffdf5 0%, rgba(255, 253, 245, 0.5) 60%);
  -webkit-box-shadow: 0 0 6rem 4rem rgba(255, 253, 245, 0.5);
          box-shadow: 0 0 6rem 4rem rgba(255, 253, 245, 0.5);
  border-radius: 50%;
  -webkit-filter: blur(3px);
          filter: blur(3px);
  opacity: 0;
  z-index: -1;
}
.mv_img [class^=img]::after {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-box-shadow: inset 0 0 2rem 0 rgba(255, 255, 255, 0.4);
          box-shadow: inset 0 0 2rem 0 rgba(255, 255, 255, 0.4);
  -webkit-transition: 0.6s ease-out;
  transition: 0.6s ease-out;
  opacity: 0;
}
.mv_img [class^=img].is-show img {
  -webkit-animation: fadeIn 0.6s ease-out 0.8s forwards;
          animation: fadeIn 0.6s ease-out 0.8s forwards;
}
.mv_img [class^=img].is-show::before {
  -webkit-animation: scaleUp 1.4s cubic-bezier(0.47, 0, 0.75, 0.72) 0s forwards;
          animation: scaleUp 1.4s cubic-bezier(0.47, 0, 0.75, 0.72) 0s forwards;
}
.mv_img [class^=img].is-show::after {
  -webkit-animation: scaleUp 1s ease-in 0.8s forwards;
          animation: scaleUp 1s ease-in 0.8s forwards;
}
.mv_img svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.mv_img svg path {
  position: absolute;
  fill: none;
  stroke: #ffffff;
  stroke-width: 2px;
  stroke-linejoin: round;
  -webkit-filter: drop-shadow(0 0 10px rgba(255, 253, 245, 0.9)) drop-shadow(0 0 3px rgba(255, 253, 245, 0.9));
          filter: drop-shadow(0 0 10px rgba(255, 253, 245, 0.9)) drop-shadow(0 0 3px rgba(255, 253, 245, 0.9));
}
.mv_img svg path.is-show {
  -webkit-animation: stroke 0.1s cubic-bezier(0.8, 1, 0.7, 1) 1s forwards;
          animation: stroke 0.1s cubic-bezier(0.8, 1, 0.7, 1) 1s forwards;
}
@media screen and (max-width: 767px) {
  .mv_img .img01,
  .mv_img .img02 {
    display: none;
  }
}
.mv_img .img03 {
  width: calc(280 / 750 * 100%);
  margin: calc(967 / 750 * 100%) 0 0 calc(435 / 750 * 100%);
}
.mv_img .img04 {
  width: calc(150 / 750 * 100%);
  margin: calc(20 / 750 * 100%) 0 0 calc(417 / 750 * 100%);
}
.mv_img .img05 {
  position: relative;
  z-index: 2;
  width: calc(213 / 750 * 100%);
  margin: calc(1224 / 750 * 100%) 0 3rem calc(77 / 750 * 100%);
}
.mv_img .img06 {
  width: calc(173 / 750 * 100%);
  margin: calc(921 / 750 * 100%) 0 0 calc(28 / 750 * 100%);
}
.mv_img .img07 {
  width: calc(290 / 750 * 100%);
  margin: calc(226 / 750 * 100%) 0 0 calc(368 / 750 * 100%);
}
.mv_img .img08 {
  width: calc(311 / 750 * 100%);
  margin: calc(106 / 750 * 100%) 0 0 calc(35 / 750 * 100%);
}
.mv_img .img09 {
  width: calc(193 / 750 * 100%);
  margin: calc(1069 / 750 * 100%) 0 0 calc(222 / 750 * 100%);
}
.mv_img .img10 {
  width: calc(146 / 750 * 100%);
  margin: calc(407 / 750 * 100%) 0 0 calc(577 / 750 * 100%);
}
.mv_img .line_start {
  stroke-dashoffset: 680;
  stroke-dasharray: 680;
}
.mv_img .line04 {
  stroke-dashoffset: 1192;
  stroke-dasharray: 1192;
}
.mv_img .line05 {
  stroke-dashoffset: 250;
  stroke-dasharray: 250;
}
.mv_img .line06 {
  stroke-dashoffset: 1004;
  stroke-dasharray: 1004;
}
.mv_img .line07 {
  stroke-dashoffset: 980;
  stroke-dasharray: 980;
}
.mv_img .line08 {
  stroke-dashoffset: 350;
  stroke-dasharray: 350;
}
.mv_img .line09 {
  stroke-dashoffset: 641;
  stroke-dasharray: 641;
}
.mv_img .line10 {
  stroke-dashoffset: 750;
  stroke-dasharray: 750;
}
.mv_catch {
  -ms-writing-mode: tb-rl;
  -webkit-writing-mode: vertical-rl;
          writing-mode: vertical-rl;
  text-orientation: upright;
  width: 7rem;
  margin: calc(580 / 750 * 100%) 0 0 calc(560 / 750 * 100%);
  padding: 0.15em;
  font-size: 3rem;
  font-family: "BIZ UDPMincho", serif;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: 0.05em;
  text-shadow: 0 0 0.4em rgba(223, 216, 193, 0.7), 0 0 0.4em rgba(223, 216, 193, 0.7), 0 0 0.2em rgba(223, 216, 193, 0.7);
  opacity: 0;
  z-index: 3 !important;
}
.mv_catch.is-show {
  -webkit-animation: fadeIn 0.8s ease-in forwards;
          animation: fadeIn 0.8s ease-in forwards;
}
.mv_date {
  position: relative;
  margin: calc(566 / 750 * 100%) 0 0 calc(38 / 750 * 100%);
  width: calc(154 / 750 * 100%);
  z-index: 1;
  opacity: 0;
}
.mv_date.is-show {
  -webkit-animation: fadeIn 0.8s ease-in forwards;
          animation: fadeIn 0.8s ease-in forwards;
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes scaleUp {
  0% {
    opacity: 0;
  }
  10% {
    opacity: 1;
  }
  50% {
    width: 100%;
    height: 100%;
    opacity: 1;
  }
  100% {
    width: 100%;
    height: 100%;
    opacity: 0;
  }
}
@keyframes scaleUp {
  0% {
    opacity: 0;
  }
  10% {
    opacity: 1;
  }
  50% {
    width: 100%;
    height: 100%;
    opacity: 1;
  }
  100% {
    width: 100%;
    height: 100%;
    opacity: 0;
  }
}
@-webkit-keyframes stroke {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes stroke {
  to {
    stroke-dashoffset: 0;
  }
}
@media screen and (min-width: 768px) {
  .mv {
    background-image: url(../images/top/img_top_map.png);
    background-position: bottom center;
  }
  .mv h1 {
    width: calc(334 / 1920 * 100%);
    margin: calc(301 / 1920 * 100%) 0 0 calc(793 / 1920 * 100%);
    -webkit-box-shadow: 0 0 3rem rgba(53, 45, 18, 0.2);
            box-shadow: 0 0 3rem rgba(53, 45, 18, 0.2);
  }
  .mv_img [class^=start] {
    top: -4vw;
    left: -4vw;
    width: 12vw;
    height: 12vw;
  }
  .mv_img .start01 {
    margin: calc(580 / 1920 * 100%) 0 0 calc(54 / 1920 * 100%);
  }
  .mv_img .start02 {
    margin: calc(608 / 1920 * 100%) 0 0 calc(1710 / 1920 * 100%);
  }
  .mv_img .img01 {
    width: calc(255 / 1920 * 100%);
    margin: calc(81 / 1920 * 100%) 0 0 calc(688 / 1920 * 100%);
  }
  .mv_img .img02 {
    width: calc(245 / 1920 * 100%);
    margin: calc(700 / 1920 * 100%) 0 0 calc(360 / 1920 * 100%);
  }
  .mv_img .img03 {
    width: calc(395 / 1920 * 100%);
    margin: calc(417 / 1920 * 100%) 0 0 calc(1480 / 1920 * 100%);
  }
  .mv_img .img04 {
    width: calc(238 / 1920 * 100%);
    margin: calc(632 / 1920 * 100%) 0 0 calc(50 / 1920 * 100%);
  }
  .mv_img .img05 {
    width: calc(266 / 1920 * 100%);
    margin: calc(837 / 1920 * 100%) 0 3rem calc(656 / 1920 * 100%);
  }
  .mv_img .img06 {
    width: calc(175 / 1920 * 100%);
    margin: calc(496 / 1920 * 100%) 0 0 calc(1270 / 1920 * 100%);
  }
  .mv_img .img07 {
    width: calc(365 / 1920 * 100%);
    margin: calc(112 / 1920 * 100%) 0 0 calc(1175 / 1920 * 100%);
  }
  .mv_img .img08 {
    width: calc(445 / 1920 * 100%);
    margin: calc(127 / 1920 * 100%) 0 0 calc(129 / 1920 * 100%);
  }
  .mv_img .img09 {
    width: calc(321 / 1920 * 100%);
    margin: calc(759 / 1920 * 100%) 0 0 calc(1054 / 1920 * 100%);
  }
  .mv_img .img10 {
    width: calc(208 / 1920 * 100%);
    margin: calc(149 / 1920 * 100%) 0 0 calc(1616 / 1920 * 100%);
  }
  .mv_img .line_start {
    stroke-dashoffset: 1680;
    stroke-dasharray: 1680;
  }
  .mv_img .line01 {
    stroke-dashoffset: 615;
    stroke-dasharray: 615;
  }
  .mv_img .line02 {
    stroke-dashoffset: 400;
    stroke-dasharray: 400;
  }
  .mv_img .line04 {
    stroke-dashoffset: 631;
    stroke-dasharray: 631;
  }
  .mv_img .line05 {
    stroke-dashoffset: 604;
    stroke-dasharray: 604;
  }
  .mv_img .line06 {
    stroke-dashoffset: 351;
    stroke-dasharray: 351;
  }
  .mv_img .line07 {
    stroke-dashoffset: 680;
    stroke-dasharray: 680;
  }
  .mv_img .line08 {
    stroke-dashoffset: 400;
    stroke-dasharray: 400;
  }
  .mv_img .line09 {
    stroke-dashoffset: 821;
    stroke-dasharray: 821;
  }
  .mv_img .line10 {
    stroke-dashoffset: 580;
    stroke-dasharray: 580;
  }
  .mv_catch {
    margin: calc(399 / 1920 * 100%) 0 0 calc(1155 / 1920 * 100%);
  }
  .mv_date {
    margin: calc(387 / 1920 * 100%) 0 0 calc(602 / 1920 * 100%);
    width: calc(154 / 1920 * 100%);
  }
}
/* =====================================================================
    news
======================================================================*/
.news_movie {
  width: 100%;
  padding: 2rem 0 7rem;
  position: relative;
}
.news_movie::after {
  content: "";
  display: block;
  width: 100%;
  height: 3rem;
  background: url(../images/common/line_pattern.png) repeat-x bottom center/75rem;
  position: absolute;
  bottom: 0;
}

.news {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  padding: 9rem 0 13rem;
  background: url(../images/common/line_pattern.png) repeat-x top center/75rem;
}
.news h2.sec_ttl {
  margin: 0;
}
.news h2.sec_ttl.active {
  -webkit-clip-path: inset(0 100% 0 0);
          clip-path: inset(0 100% 0 0);
  -webkit-animation: textAnime 1s steps(4) forwards;
          animation: textAnime 1s steps(4) forwards;
  display: inline-block;
}
.news_txt {
  width: 90%;
  margin: auto;
}
.news_list {
  width: 100%;
}
.news_list dt {
  color: #ac9c8e;
  font-family: "Special Elite", system-ui;
  margin-top: 5rem;
  font-size: 2.8rem;
}
.news_list dd {
  background: url(../images/common/line_dot.png) no-repeat bottom left/contain;
  padding: 2rem 0;
  font-size: 2.6rem;
  line-height: 1.6;
}
.news_list dd a:hover {
  color: #d94869;
}

@media screen and (min-width: 768px) {
  .news_movie {
    padding: 9.4rem 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .news_movie::after {
    background-position: top;
    bottom: 5rem;
  }
  .news {
    width: 50%;
    padding: 0 0 13rem 20rem;
    background: none;
  }
  .news .inner {
    margin: 0;
  }
  .news_txt {
    width: 80%;
    margin: auto;
  }
  .news_list dt {
    margin-top: 5rem;
    font-size: 2rem;
  }
  .news_list dd {
    padding: 2rem 0;
    font-size: 1.8rem;
  }
}
/* =====================================================================
    movie
======================================================================*/
.movie {
  width: 90%;
  margin: 0 auto;
  background: #f7f4e9 url(../images/common/line_pattern.png) repeat-x top center/75rem;
}
.movie .inner {
  max-width: 64rem;
  padding: 6.6rem 0 5rem;
}
.movie h2.sec_ttl {
  margin: 0 0 3rem;
}
.movie h2.sec_ttl.active {
  -webkit-clip-path: inset(0 100% 0 0);
          clip-path: inset(0 100% 0 0);
  -webkit-animation: textAnime 1s steps(5) forwards;
          animation: textAnime 1s steps(5) forwards;
  display: inline-block;
}
.movie_box {
  margin-bottom: 3rem;
}

@media screen and (min-width: 768px) {
  .movie {
    width: 50%;
    background: #f7f4e9 url(../images/common/line_pattern.png) repeat-x top center/75rem;
    position: relative;
    z-index: 2;
  }
  .movie .inner {
    max-width: 64rem;
    padding: 6.6rem 0 5rem;
  }
  .movie h2.sec_ttl {
    margin: 0 0 3rem;
  }
  .movie_box {
    margin-bottom: 3rem;
  }
}
/* =====================================================================
    gallery
======================================================================*/
.gallery {
  background: #d94869 url(../images/top/bg_gallery.jpg) no-repeat top center/cover;
  padding: 7rem 0 8rem;
  text-align: center;
}
.gallery h2.sec_ttl {
  color: #ffffff;
  text-align: center;
}
.gallery h2.sec_ttl.active {
  -webkit-clip-path: inset(0 100% 0 0);
          clip-path: inset(0 100% 0 0);
  -webkit-animation: textAnime 1s steps(7) forwards;
          animation: textAnime 1s steps(7) forwards;
  display: inline-block;
}
.gallery .inner {
  max-width: 1560px;
}
.gallery_photos {
  width: 86%;
  margin: auto auto 3rem;
}
.gallery_photos .img_slider picture {
  margin-bottom: 6rem;
  display: block;
}
.gallery_photos .img_slider figcaption {
  display: block;
  width: 100%;
}
.gallery_photos .img_slider .slick-arrow {
  display: block;
  width: 2.4rem;
  height: 3rem;
  background: url(../images/common/icon_arrow.svg) no-repeat center center/contain;
  position: absolute;
  top: 26rem;
  overflow: hidden;
  text-indent: -9999px;
}
.gallery_photos .img_slider .slick-prev {
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
  left: -5rem;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.gallery_photos .img_slider .slick-prev:hover {
  -webkit-transform: scale(-1.7, 1.7);
          transform: scale(-1.7, 1.7);
}
.gallery_photos .img_slider .slick-next {
  right: -5rem;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.gallery_photos .img_slider .slick-next:hover {
  -webkit-transform: scale(1.7);
          transform: scale(1.7);
}
.gallery_info_list {
  color: #ffffff;
  font-family: "BIZ UDPMincho", serif;
  margin-bottom: 0;
}
.gallery_info_list dt {
  font-size: 3.6rem;
  line-height: 1.5;
  text-shadow: 0 0 0.7rem rgba(127, 12, 38, 0.7);
  font-weight: 400;
  text-align: center;
}
.gallery_info_list dd {
  padding: 2.6rem 0 4.5rem;
  background: url(../images/common/line_dot_wt.png) repeat-x bottom left/49rem;
  text-align: center;
  line-height: 1.2;
  font-size: 1.8rem;
}
.gallery_info p {
  color: #ffffff;
  font-size: 2.6rem;
  line-height: 2.2;
  text-align: left;
}

.more {
  width: 35rem;
  font-size: 2.6rem;
  color: #ac9c8e;
  font-family: "Special Elite", system-ui;
  -webkit-transform: rotate(-5deg);
          transform: rotate(-5deg);
  position: relative;
  margin: 3rem auto;
}
.more span {
  width: 100%;
  height: calc(100% - 0.5rem);
  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;
  position: absolute;
  top: 0.5rem;
  left: 0;
}
.more:hover {
  -webkit-transform: translateY(-0.8rem) rotate(-5deg);
          transform: translateY(-0.8rem) rotate(-5deg);
}

@media screen and (min-width: 768px) {
  .gallery {
    background: #d94869 url(../images/top/bg_gallery.jpg) no-repeat top center/cover;
    padding: 7rem 0 8rem;
  }
  .gallery .img_slider {
    overflow: visible;
  }
  .gallery .img_slider li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative;
  }
  .gallery .img_slider picture {
    margin-bottom: 0;
  }
  .gallery .img_slider figcaption {
    position: absolute;
    top: 0;
    left: 130%;
    width: 64rem;
  }
  .gallery .img_slider .slick-list {
    overflow: visible;
  }
  .gallery .img_slider .slick-arrow {
    display: block;
    width: 2.4rem;
    height: 3rem;
    background: url(../images/common/icon_arrow.svg) no-repeat center center/contain;
    position: absolute;
    top: calc(48% - 1.5rem);
    overflow: hidden;
    text-indent: -9999px;
  }
  .gallery .img_slider .slick-prev {
    -webkit-transform: scale(-1, 1);
            transform: scale(-1, 1);
    left: -5rem;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
  }
  .gallery .img_slider .slick-prev:hover {
    -webkit-transform: scale(-1.7, 1.7);
            transform: scale(-1.7, 1.7);
  }
  .gallery .img_slider .slick-next {
    right: -5rem;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
  }
  .gallery .img_slider .slick-next:hover {
    -webkit-transform: scale(1.7);
            transform: scale(1.7);
  }
  .gallery_photos {
    width: calc(680 / 1560 * 100%);
    margin: 0;
  }
  .gallery_info_list dt {
    font-size: 3.2rem;
    text-align: left;
  }
  .gallery_info_list dd {
    padding: 2.6rem 0 4.5rem;
    background: url(../images/common/line_dot_wt.png) repeat-x bottom left/49rem;
    text-align: left;
    font-size: 1.8rem;
  }
  .gallery_info p {
    font-size: 1.8rem;
  }
  .gallery .more_box {
    text-align: right;
  }
  .gallery .more {
    width: 28.5rem;
    font-size: 2.2rem;
    margin: 0 0 0 calc(100% - 36rem);
  }
}
/* =====================================================================
    intro
======================================================================*/
.intro {
  margin-top: -31rem;
  padding: 38rem 0 46rem;
  background-color: #d94869;
  overflow: hidden;
}
.intro_bg_text01 {
  position: absolute;
  bottom: 0;
  left: 0;
  font-family: "Jost", sans-serif;
  font-size: 16.3rem;
  font-weight: 300;
  letter-spacing: -0.04em;
  line-height: 0.941;
  color: #d64063;
  pointer-events: none;
}
.intro_bg_text02 {
  position: absolute;
  bottom: 56.7rem;
  left: 1.5rem;
  font-family: "Jost", sans-serif;
  font-size: 1.8rem;
  color: #bd133b;
  line-height: 1.3;
  pointer-events: none;
}
@media screen and (max-width: 767px) {
  .intro_bg_text02 {
    -ms-writing-mode: tb-rl;
    -webkit-writing-mode: vertical-rl;
            writing-mode: vertical-rl;
  }
}
.intro_ttl {
  text-align: center;
  margin-bottom: 10rem;
  font-family: "BIZ UDPMincho", serif;
  font-weight: 700;
  font-size: 106%;
  color: #ffffff;
  line-height: 2.187;
  letter-spacing: 0.05em;
}
.intro_ttl .font-en {
  font-weight: 400;
  letter-spacing: 0.2em;
}
.intro_text {
  margin: 0 auto;
  width: calc(580 / 680 * 100%);
  font-size: 93%;
  line-height: 2.153;
  color: #ffffff;
}

@media screen and (min-width: 768px) {
  .intro {
    margin-top: -28rem;
    padding: 38rem 0 18rem;
  }
  .intro_bg_text01 {
    top: 50%;
    bottom: auto;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    font-size: 24rem;
  }
  .intro_bg_text02 {
    bottom: 50%;
    left: 53.3rem;
    -webkit-transform: translateY(38rem);
            transform: translateY(38rem);
    text-align: right;
    font-size: 1.4rem;
    line-height: 2.142;
  }
  .intro .inner {
    max-width: 1560px;
  }
  .intro_ttl {
    margin-bottom: 12rem;
    font-size: 175%;
  }
  .intro_text {
    margin: 0 0 0 auto;
    width: calc(870 / 1560 * 100%);
    font-size: 125%;
    line-height: 3;
  }
}/*# sourceMappingURL=top.css.map */