@charset "UTF-8";
/* =================================================================
common
=================================================================*/
/*  共通
-------------------------------------------------------------*/
main {
  background: #fff; }

/*  ボタン
-------------------------------------------------------------*/
.c-button {
  position: relative;
  width: 200px;
  height: 43px;
  border-radius: 3rem;
  font-size: 16px;
  line-height: 1;
  margin: 0;
  text-align: center;
  transition: color 0.15s 0.2s cubic-bezier(0.4, 0, 0.1, 1);
  overflow: hidden;
  white-space: nowrap;
  z-index: 0;
  display: flex;
  justify-content: center;
  align-items: center; }

.c-blank-link {
  position: relative;
  padding: 0 1.5rem 0 0;
  display: inline-block; }

.c-blank-link:after {
  position: absolute;
  top: 0.6rem;
  right: 0;
  content: "";
  display: block;
  width: 1.2rem;
  height: 1.2rem;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUiIGhlaWdodD0iMTUiIHZpZXdCb3g9IjAgMCAxNSAxNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3Qgd2lkdGg9IjE1IiBoZWlnaHQ9IjE1IiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBkPSJNNSAxMC41SDguNVYxNC41SDAuNVY2LjVINC41VjEwVjEwLjVINVoiIHN0cm9rZT0iYmxhY2siLz4KPHJlY3QgeD0iNC41IiB5PSIwLjUiIHdpZHRoPSIxMCIgaGVpZ2h0PSIxMCIgc3Ryb2tlPSJibGFjayIvPgo8L3N2Zz4K);
  background-size: cover;
  background-size: 1.2rem; }

/*　Cookie取得承諾リンク
-------------------------------------------------------------*/
.cn-text-container {
  color: #fff; }

#cookie-notice a {
  color: #fff;
  text-decoration: underline; }

#cookie-notice a:hover {
  text-decoration: none; }

/*　下層ページ見出し
-------------------------------------------------------------*/
.page-title {
  padding: 20rem 0 5rem;
  line-height: 1;
  white-space: nowrap;
  overflow: hidden; }

.page-title h1 {
  font-size: 24rem; }

.p-lower__hero {
  min-height: 100vh; }

.p-lower__title {
  padding: 20rem 0 5rem;
  line-height: 1;
  white-space: nowrap;
  overflow: hidden; }

@media screen and (max-width: 767px) {
  .p-lower__title {
    padding: 10rem 0 2rem; } }

.p-lower__title--modal {
  padding: 12rem 0 5rem; }

@media screen and (max-width: 767px) {
  .p-lower__title--modal {
    padding: 6rem 0 2rem; } }

.p-lower__title .sub-title {
  display: flex;
  align-items: center;
  margin: 0 0 2.5rem; }

@media screen and (max-width: 767px) {
  .p-lower__title .sub-title {
    margin: 0 0 1rem; } }

.p-lower__title .sub-title__label {
  font-size: 1.8rem;
  font-weight: 800;
  opacity: 1; }

@media screen and (max-width: 767px) {
  .p-lower__title .sub-title__label {
    font-size: 1.2rem; } }

.p-lower__title .sub-title__label .words {
  display: flex;
  overflow: hidden; }

.p-lower__title .sub-title__label .words .char {
  transform: translate3d(0, 1em, 0);
  transition: transform 0.65s cubic-bezier(0.4, 0, 0.1, 1); }

.p-lower__title .sub-title__label .words .char:nth-child(0) {
  transition-delay: 0.65s; }

.p-lower__title .sub-title__label .words .char:nth-child(1) {
  transition-delay: 0.665s; }

.p-lower__title .sub-title__label .words .char:nth-child(2) {
  transition-delay: 0.68s; }

.p-lower__title .sub-title__label .words .char:nth-child(3) {
  transition-delay: 0.695s; }

.p-lower__title .sub-title__label .words .char:nth-child(4) {
  transition-delay: 0.71s; }

.p-lower__title .sub-title__label .words .char:nth-child(5) {
  transition-delay: 0.725s; }

.p-lower__title .sub-title__label .words .char:nth-child(6) {
  transition-delay: 0.74s; }

.p-lower__title .sub-title__label .words .char:nth-child(7) {
  transition-delay: 0.755s; }

.p-lower__title .sub-title__label .words .char:nth-child(8) {
  transition-delay: 0.77s; }

.p-lower__title .sub-title__label .words .char:nth-child(9) {
  transition-delay: 0.785s; }

.p-lower__title .sub-title__label .words .char:nth-child(10) {
  transition-delay: 0.8s; }

.p-lower__title .sub-title__label .words .char:nth-child(11) {
  transition-delay: 0.815s; }

.p-lower__title .sub-title__label .words .char:nth-child(12) {
  transition-delay: 0.83s; }

.p-lower__title .sub-title__label .words .char:nth-child(13) {
  transition-delay: 0.845s; }

.p-lower__title .sub-title__label .words .char:nth-child(14) {
  transition-delay: 0.86s; }

.p-lower__title .sub-title__label .words .char:nth-child(15) {
  transition-delay: 0.875s; }

.p-lower__title .sub-title__label .words .char:nth-child(16) {
  transition-delay: 0.89s; }

.p-lower__title .sub-title__label .words .char:nth-child(17) {
  transition-delay: 0.905s; }

.p-lower__title .sub-title__label .words .char:nth-child(18) {
  transition-delay: 0.92s; }

.p-lower__title .sub-title__label .words .char:nth-child(19) {
  transition-delay: 0.935s; }

.p-lower__title .sub-title__bar {
  display: block;
  width: 5rem;
  height: 1px;
  margin: 0 0.5rem; }

.p-lower__title .sub-title__bar:after {
  content: "";
  display: block;
  width: 0%;
  height: 1px;
  background: #000;
  transition: width 0.3s 1.2s cubic-bezier(0.4, 0, 0.1, 1); }

.p-lower__title .sub-title.is-active .sub-title__label {
  transform: translate(0, 0);
  opacity: 1; }

.p-lower__title .sub-title.is-active .sub-title__label .char {
  transform: translate3d(0, 0, 0); }

.p-lower__title .sub-title.is-active .sub-title__bar:after {
  width: 100%; }

.p-lower__title .main-title {
  height: 20rem;
  font-family: 'Yu Gothic Pr6N B';
  font-weight: bold; }

@media screen and (max-width: 767px) {
  .p-lower__title .main-title {
    height: 6rem; } }

.p-lower__title .main-title--small {
  height: 10rem; }

@media screen and (max-width: 767px) {
  .p-lower__title .main-title--small {
    height: 3rem; } }

@media screen and (max-width: 767px) {
  .p-lower__title .main-title--middle {
    height: 5rem; } }

.p-lower__title .main-title--text {
  font-size: 3.4rem;
  height: auto;
  letter-spacing: -1.5px; }

@media screen and (max-width: 767px) {
  .p-lower__title .main-title--text {
    font-size: 2rem; } }

.p-lower__title .main-title.descender {
  height: 26rem; }

@media screen and (max-width: 767px) {
  .p-lower__title .main-title.descender {
    height: 8rem; } }

.p-lower__title .main-title svg {
  height: 100%; }

.p-lower__title .main-title svg.is-active path {
  opacity: 1;
  transform: translate(0, 0%) scale(1, 1); }

.p-lower__title .main-title svg path {
  opacity: 0;
  transform: translate(0, 100%) scale(1, 3);
  transform-origin: 0 0;
  transition: opacity 0.15s 0s cubic-bezier(0.4, 0, 0.1, 1), transform 0.65s 0s cubic-bezier(0.9, 0.13, 0.15, 0.96);
  will-change: transform; }

.p-lower__title--small {
  font-size: 12rem; }

@media screen and (max-width: 767px) {
  .p-lower__title--small {
    font-size: 6rem; } }

@media screen and (max-width: 767px) {
  .p-lower__title .word {
    overflow: hidden;
    padding: 0.6rem 0px; } }

.p-lower__sub-title {
  font-size: 3.6rem;
  line-height: 1.4;
  padding: 3rem 0 8rem; }

.p-lower__desc {
  font-size: 3.2rem; }

@media screen and (max-width: 767px) {
  .p-lower__desc {
    font-size: 2rem; } }

.p-lower__hero {
  min-height: 100vh; }

.p-lower__title {
  padding: 20rem 0 5rem;
  line-height: 1;
  white-space: nowrap;
  overflow: hidden; }

@media screen and (max-width: 767px) {
  .p-lower__title {
    padding: 10rem 0 2rem; } }

.p-lower__title--modal {
  padding: 12rem 0 5rem; }

@media screen and (max-width: 767px) {
  .p-lower__title--modal {
    padding: 6rem 0 2rem; } }

.p-lower__title .sub-title {
  display: flex;
  align-items: center;
  margin: 0 0 3.3rem; }

@media screen and (max-width: 767px) {
  .p-lower__title .sub-title {
    margin: 0 0 1rem; } }

.p-lower__title .sub-title__label {
  font-size: 1.8rem;
  font-weight: 800;
  opacity: 1; }

@media screen and (max-width: 767px) {
  .p-lower__title .sub-title__label {
    font-size: 1.2rem; } }

.p-lower__title .sub-title__label .words {
  display: flex;
  overflow: hidden; }

.p-lower__title .sub-title__label .words .char {
  transform: translate3d(0, 1em, 0);
  transition: transform 0.65s cubic-bezier(0.4, 0, 0.1, 1); }

.p-lower__title .sub-title__label .words .char:nth-child(0) {
  transition-delay: 0.65s; }

.p-lower__title .sub-title__label .words .char:nth-child(1) {
  transition-delay: 0.665s; }

.p-lower__title .sub-title__label .words .char:nth-child(2) {
  transition-delay: 0.68s; }

.p-lower__title .sub-title__label .words .char:nth-child(3) {
  transition-delay: 0.695s; }

.p-lower__title .sub-title__label .words .char:nth-child(4) {
  transition-delay: 0.71s; }

.p-lower__title .sub-title__label .words .char:nth-child(5) {
  transition-delay: 0.725s; }

.p-lower__title .sub-title__label .words .char:nth-child(6) {
  transition-delay: 0.74s; }

.p-lower__title .sub-title__label .words .char:nth-child(7) {
  transition-delay: 0.755s; }

.p-lower__title .sub-title__label .words .char:nth-child(8) {
  transition-delay: 0.77s; }

.p-lower__title .sub-title__label .words .char:nth-child(9) {
  transition-delay: 0.785s; }

.p-lower__title .sub-title__label .words .char:nth-child(10) {
  transition-delay: 0.8s; }

.p-lower__title .sub-title__label .words .char:nth-child(11) {
  transition-delay: 0.815s; }

.p-lower__title .sub-title__label .words .char:nth-child(12) {
  transition-delay: 0.83s; }

.p-lower__title .sub-title__label .words .char:nth-child(13) {
  transition-delay: 0.845s; }

.p-lower__title .sub-title__label .words .char:nth-child(14) {
  transition-delay: 0.86s; }

.p-lower__title .sub-title__label .words .char:nth-child(15) {
  transition-delay: 0.875s; }

.p-lower__title .sub-title__label .words .char:nth-child(16) {
  transition-delay: 0.89s; }

.p-lower__title .sub-title__label .words .char:nth-child(17) {
  transition-delay: 0.905s; }

.p-lower__title .sub-title__label .words .char:nth-child(18) {
  transition-delay: 0.92s; }

.p-lower__title .sub-title__label .words .char:nth-child(19) {
  transition-delay: 0.935s; }

.p-lower__title .sub-title__bar {
  display: block;
  width: 5rem;
  height: 1px;
  margin: 0 0.5rem; }

.p-lower__title .sub-title__bar:after {
  content: "";
  display: block;
  width: 0%;
  height: 1px;
  background: #000;
  transition: width 0.3s 1.2s cubic-bezier(0.4, 0, 0.1, 1); }

.p-lower__title .sub-title.is-active .sub-title__label {
  transform: translate(0, 0);
  opacity: 1; }

.p-lower__title .sub-title.is-active .sub-title__label .char {
  transform: translate3d(0, 0, 0); }

.p-lower__title .sub-title.is-active .sub-title__bar:after {
  width: 100%; }

.p-lower__title .main-title {
  height: 20rem; }

@media screen and (max-width: 767px) {
  .p-lower__title .main-title {
    height: 6rem; } }

.p-lower__title .main-title--small {
  height: 10rem; }

@media screen and (max-width: 767px) {
  .p-lower__title .main-title--small {
    height: 3rem; } }

@media screen and (max-width: 767px) {
  .p-lower__title .main-title--middle {
    height: 5rem; } }

.p-lower__title .main-title--text {
  font-size: 3.4rem;
  height: auto;
  letter-spacing: -1.5px; }

.p-lower__title .main-title--big {
  font-size: 20rem; }

@media screen and (max-width: 767px) {
  .p-lower__title .main-title--text {
    font-size: 2rem; }
  .p-lower__title .main-title--big {
    font-size: 8rem; } }

.p-lower__title .main-title.descender {
  height: 26rem; }

@media screen and (max-width: 767px) {
  .p-lower__title .main-title.descender {
    height: 8rem; } }

@media screen and (max-width: 767px) {
  .p-lower__title .main-title.howtouse {
    height: 11rem; } }

@media screen and (max-width: 500px) {
  .p-lower__title .main-title.howtouse svg.hide-500 {
    display: none; } }

@media screen and (min-width: 501px) {
  .p-lower__title .main-title.howtouse svg.show-500 {
    display: none; } }

.p-lower__title .main-title svg {
  height: 100%;
  max-width: 90%; }

.p-lower__title .main-title svg.is-active path,
.p-lower__title .main-title svg.is-active + svg path {
  opacity: 1;
  transform: translate(0, 0%) scale(1, 1); }

.p-lower__title .main-title svg path {
  opacity: 0;
  transform: translate(0, 100%) scale(1, 3);
  transform-origin: 0 0;
  transition: opacity 0.15s 0s cubic-bezier(0.4, 0, 0.1, 1), transform 0.65s 0s cubic-bezier(0.9, 0.13, 0.15, 0.96);
  will-change: transform; }

.p-lower__title--small {
  font-size: 12rem; }

@media screen and (max-width: 767px) {
  .p-lower__title--small {
    font-size: 6rem; } }

@media screen and (max-width: 767px) {
  .p-lower__title .word {
    overflow: hidden;
    padding: 0.6rem 0px; } }

.p-lower__sub-title {
  font-size: 3.6rem;
  line-height: 1.4;
  padding: 3rem 0 8rem; }

.p-lower__desc {
  font-size: 3.2rem; }

@media screen and (max-width: 767px) {
  .p-lower__desc {
    font-size: 2rem; } }

.p-lower__notice {
  margin-top: .5rem;
  font-size: 1.6rem;
  padding-left: 1em;
  text-indent: -1em; }

@media screen and (max-width: 767px) {
  .p-lower__notice {
    font-size: 1.2rem; } }

strong {
  font-family: 'Yu Gothic Pr6N B';
  font-weight: bold; }

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