@charset "UTF-8";
/* SORAE | 土台＝Step 4 のベース再現（t-）。雲の画像は使わず、自作のぼかし（--t-cloud-*・r.css）に置き換え */
a,
address,
body,
dd,
div,
dl,
dt,
figure,
footer,
h1,
h2,
h3,
h4,
h5,
header,
html,
img,
li,
nav,
p,
section,
small,
span,
sup,
ul {
  border:0;
  font-size:100%;
  font:inherit;
  margin:0;
  padding:0;
  vertical-align:baseline;
}
figure,
footer,
header,
nav,
section {
  display:block;
}
body {
  line-height:1;
}
ul {
  list-style:none;
}
html[lang=ja] {
  font-size:10px;
}
html[lang=ja].t-is-menu-open {
  height:100%;
  position:fixed;
  width:100%;
}
body {
  color:#505758;
  font-family:var(--t-font-ja),Avenir,\6e38\30b4\30b7\30c3\30af  Medium,\6e38\30b4\30b7\30c3\30af\4f53,Yu Gothic Medium,YuGothic,\30d2\30e9\30ae\30ce\89d2\30b4  ProN,Hiragino Kaku Gothic ProN,\30e1\30a4\30ea\30aa,Meiryo,\ff2d\ff33  \ff30\30b4\30b7\30c3\30af,MS PGothic,sans-serif;
  font-size:1.4rem;
  font-weight:500;
  line-height:1.8;
}
*,
:after,
:before {
  box-sizing:border-box;
}
img,
svg {
  height:auto;
  vertical-align:top;
  width:100%;
}
h1,
h2,
h3 {
  font-feature-settings:"palt";
  font-family:var(--t-font-en), var(--t-font-ja), sans-serif;
}
a {
  color:#505758;
  text-decoration:none;
}
button {
  background:none;
  border:none;
  cursor:pointer;
  line-height:1;
  padding:0;
}
sup {
  font-size:70%;
  vertical-align:super;
}
.t-header__menu {
  line-height:0;
  position:absolute;
  z-index:5;
}
@media only screen and (min-width:769px) {
  .t-header__menu {
    right:60px;
    top:55px;
  }
}
@media only screen and (max-width:768px) {
  .t-header__menu {
    right:20px;
    top:26px;
  }
}
.t-header__menu-button {
  position:relative;
}
@media only screen and (min-width:769px) {
  .t-header__menu-button {
    height:43px;
    width:43px;
  }
}
@media only screen and (max-width:768px) {
  .t-header__menu-button {
    height:20px;
    width:20px;
  }
}
.t-header__menu-button span {
  background:#838383;
  display:block;
  left:0;
  position:absolute;
  transition:transform 400ms;
  will-change:transform;
}
@media only screen and (min-width:769px) {
  .t-header__menu-button span {
    height:3px;
    width:43px;
  }
}
@media only screen and (max-width:768px) {
  .t-header__menu-button span {
    height:2px;
    width:20px;
  }
}
@media only screen and (min-width:769px) {
  .t-header__menu-button span:first-child {
    top:14px;
  }
}
@media only screen and (max-width:768px) {
  .t-header__menu-button span:first-child {
    top:6px;
  }
}
@media only screen and (min-width:769px) {
  .t-header__menu-button span:nth-child(2) {
    bottom:14px;
  }
}
@media only screen and (max-width:768px) {
  .t-header__menu-button span:nth-child(2) {
    bottom:6px;
  }
}
.t-header__menu-button[aria-selected=true] span:first-child {
  transform:rotate(45deg);
}
@media only screen and (min-width:769px) {
  .t-header__menu-button[aria-selected=true] span:first-child {
    top:20px;
  }
}
@media only screen and (max-width:768px) {
  .t-header__menu-button[aria-selected=true] span:first-child {
    top:9px;
  }
}
.t-header__menu-button[aria-selected=true] span:nth-child(2) {
  transform:rotate(-45deg);
}
@media only screen and (min-width:769px) {
  .t-header__menu-button[aria-selected=true] span:nth-child(2) {
    bottom:20px;
  }
}
@media only screen and (max-width:768px) {
  .t-header__menu-button[aria-selected=true] span:nth-child(2) {
    bottom:9px;
  }
}
.t-header__menu-svg {
  height:100%;
  pointer-events:none;
  position:absolute;
  top:0;
  width:100%;
  z-index:3;
}
@media only screen and (max-width:768px) {
  .t-header__menu-svg {
    overflow:hidden;
  }
}
@media only screen and (min-width:769px) {
  .t-header__menu-svg.t-is-mouse-on-menu {
    animation:t-menu-bounce 1000ms both;
    will-change:transform;
  }
}
.t-header__menu-svg svg {
  position:absolute;
}
@media only screen and (min-width:769px) {
  .t-header__menu-svg svg {
    height:384px;
    right:-170px;
    top:-130px;
    width:440px;
  }
}
@media only screen and (max-width:768px) {
  .t-header__menu-svg svg {
    height:157px;
    right:-80px;
    top:-60px;
    width:180px;
  }
}
.t-header__menu-svg svg path {
  fill:#fff;
}
.t-header__panel {
  font-feature-settings:"palt";
  display:flex;
  font-family:var(--t-font-en), var(--t-font-ja), sans-serif;
  height:100%;
  justify-content:center;
  left:0;
  opacity:0;
  overflow:scroll;
  overscroll-behavior-y:none;
  pointer-events:none;
  position:fixed;
  text-align:center;
  top:0;
  transition:opacity 200ms;
  width:100%;
  z-index:4;
}
@media only screen and (min-width:769px) {
  .t-header__panel {
    align-items:center;
  }
}
.t-header__panel[aria-hidden=false] {
  opacity:1;
  pointer-events:auto;
  transition-delay:400ms;
}
.t-header__inner {
  overscroll-behavior-y:none;
}
@media only screen and (max-width:768px) {
  .t-header__inner {
    padding-top:60px;
  }
}
@media only screen and (min-width:769px) {
  .t-header__logo svg {
    width:332px;
  }
}
@media only screen and (max-width:768px) {
  .t-header__logo svg {
    width:222px;
  }
}
.t-header__nav {
  max-width:1060px;
}
.t-header__nav-list {
  display:flex;
}
@media only screen and (min-width:769px) {
  .t-header__nav-list {
    margin-left:-20px;
    margin-right:-20px;
    margin-top:75px;
  }
}
@media only screen and (max-width:768px) {
  .t-header__nav-list {
    flex-wrap:wrap;
    margin-top:40px;
    padding-left:5px;
    padding-right:5px;
  }
}
@media only screen and (min-width:769px) {
  .t-header__nav-item {
    padding-left:20px;
    padding-right:20px;
  }
}
@media only screen and (max-width:768px) {
  .t-header__nav-item {
    margin-top:20px;
    padding-left:15px;
    padding-right:15px;
    width:50%;
  }
}
@media only screen and (min-width:769px) {
  .t-header__nav-item:nth-child(3) .t-header__nav-image {
    padding:15px;
  }
}
.t-header__nav-link {
  display:block;
}
.t-header__nav-image {
  align-items:center;
  display:flex;
  justify-content:center;
}
@media only screen and (min-width:769px) {
  .t-header__nav-image {
    height:190px;
  }
}
@media only screen and (max-width:768px) {
  .t-header__nav-image {
    aspect-ratio:150/132;
  }
}
.t-header__nav-image img {
  height:100%;
  -o-object-fit:contain;
  object-fit:contain;
  width:100%;
}
.t-header__nav-text {
  display:block;
  letter-spacing:.05em;
  line-height:1.2;
  white-space:nowrap;
}
@media only screen and (min-width:769px) {
  .t-header__nav-text {
    font-size:24px;
    margin-top:15px;
  }
}
@media only screen and (max-width:768px) {
  .t-header__nav-text {
    font-size:16px;
    margin-top:10px;
  }
}
.t-header__nav-text.t-is-green {
  color:#58d5df;
}
.t-header__nav-text.t-is-gold {
  color:#d4bf97;
}
.t-header__nav-text.t-is-gray {
  color:#a5b3bd;
}
@media only screen and (min-width:769px) {
  .t-header__row {
    align-items:center;
    display:flex;
    justify-content:space-between;
    margin-top:70px;
    padding-bottom:60px;
  }
}
@media only screen and (max-width:768px) {
  .t-header__row {
    margin-top:35px;
    padding-bottom:60px;
  }
}
@media only screen and (min-width:769px) {
  .t-header__store {
    align-items:center;
    display:flex;
  }
}
.t-header__store-text {
  font-weight:400;
  letter-spacing:.1em;
}
@media only screen and (min-width:769px) {
  .t-header__store-text {
    font-size:18px;
  }
}
@media only screen and (max-width:768px) {
  .t-header__store-text {
    font-size:15px;
  }
}
.t-header__store-list {
  letter-spacing:.05em;
}
@media only screen and (min-width:769px) {
  .t-header__store-list {
    align-items:center;
    display:flex;
    font-size:25px;
  }
}
@media only screen and (max-width:768px) {
  .t-header__store-list {
    font-size:17px;
  }
}
@media only screen and (min-width:769px) {
  .t-header__store-item {
    margin-left:30px;
  }
}
@media only screen and (max-width:768px) {
  .t-header__store-item {
    margin-top:10px;
  }
}
@media only screen and (min-width:769px) {
  .t-header__store-item img {
    height:19px;
    margin-left:8px;
    vertical-align:0;
    width:19px;
  }
}
@media only screen and (max-width:768px) {
  .t-header__store-item img {
    height:14px;
    margin-left:6px;
    vertical-align:0;
    width:14px;
  }
}
@media only screen and (min-width:769px) {
  .t-header__sns {
    align-items:center;
    display:flex;
    justify-content:center;
  }
}
@media only screen and (max-width:768px) {
  .t-header__sns {
    margin-top:30px;
  }
}
.t-header__sns img[src*=t-icon-x-01] {
  width:28px;
}
.t-header__sns-text {
  font-weight:400;
  letter-spacing:.1em;
}
@media only screen and (min-width:769px) {
  .t-header__sns-text {
    font-size:18px;
  }
}
@media only screen and (max-width:768px) {
  .t-header__sns-text {
    font-size:15px;
  }
}
.t-header__sns-list {
  display:flex;
}
@media only screen and (min-width:769px) {
  .t-header__sns-list {
    align-items:center;
    padding-left:10px;
  }
}
@media only screen and (max-width:768px) {
  .t-header__sns-list {
    justify-content:center;
    margin-top:25px;
  }
}
.t-header__sns-item {
  padding-left:10px;
  padding-right:10px;
}
.t-footer {
  position:relative;
}
@media only screen and (min-width:769px) {
  .t-footer {
    margin-top:130px;
  }
  .t-footer:before {
    background:var(--t-cloud-r) 0 100% no-repeat;
    background-size:contain;
    bottom:0;
    content:"";
    display:block;
    height:284px;
    position:absolute;
    right:0;
    width:443px;
  }
}
@media only screen and (max-width:768px) {
  .t-footer {
    margin-top:35px;
  }
  .t-footer:before {
    background:#fff;
    bottom:0;
    content:"";
    display:block;
    left:0;
    pointer-events:none;
    position:absolute;
    top:66.1538461538vw;
    width:100%;
  }
}
@media only screen and (min-width:769px) {
  .t-footer__logo {
    background:var(--t-cloud-l) 0 100% no-repeat;
    background-size:contain;
    bottom:0;
    height:420px;
    left:0;
    padding-left:100px;
    padding-top:166px;
    position:absolute;
    width:569px;
  }
  .t-footer__logo img {
    width:177px;
  }
}
@media only screen and (max-width:768px) {
  .t-footer__logo {
    background:var(--t-cloud-l) 0 0 no-repeat;
    background-size:cover;
    padding-bottom:280px;
    padding-left:30px;
    padding-top:120px;
  }
  .t-footer__logo img {
    width:144px;
  }
}
.t-footer__info,
.t-footer__row {
  position:relative;
}
@media only screen and (max-width:768px) {
  .t-footer__info,
  .t-footer__row {
    padding-left:30px;
    padding-right:30px;
  }
}
@media only screen and (min-width:769px) {
  .t-footer__info {
    display:flex;
    margin-left:560px;
    margin-right:25px;
  }
}
@media only screen and (max-width:768px) {
  .t-footer__info {
    margin-top:-230px;
  }
}
@media only screen and (min-width:769px) {
  .t-footer__row-column:first-child {
    padding-right:40px;
    width:56%;
  }
}
.t-footer__row-column:nth-child(2) {
  letter-spacing:.1em;
}
@media only screen and (min-width:769px) {
  .t-footer__row-column:nth-child(2) {
    flex:1;
  }
}
.t-footer__nav {
  font-feature-settings:"palt";
  font-family:var(--t-font-en), var(--t-font-ja), sans-serif;
  letter-spacing:.05em;
  line-height:2;
}
.t-footer__nav-title {
  font-weight:400;
}
@media only screen and (min-width:769px) {
  .t-footer__nav-title {
    font-size:16px;
  }
  .t-footer__nav-list {
    margin-top:12px;
  }
}
@media only screen and (max-width:768px) {
  .t-footer__nav-list {
    margin-top:15px;
  }
}
@media only screen and (min-width:769px) {
  .t-footer__nav-item {
    font-size:20px;
  }
}
@media only screen and (max-width:768px) {
  .t-footer__nav-item {
    font-size:15px;
  }
}
.t-footer__sns-title {
  font-feature-settings:"palt";
  font-family:var(--t-font-en), var(--t-font-ja), sans-serif;
  font-weight:400;
  line-height:1.2;
}
@media only screen and (min-width:769px) {
  .t-footer__sns-title {
    font-size:16px;
  }
}
@media only screen and (max-width:768px) {
  .t-footer__sns-title {
    margin-top:30px;
  }
}
.t-footer__sns-list {
  display:flex;
  margin-top:27px;
}
.t-footer__sns-item:nth-child(n+2) {
  margin-left:25px;
}
.t-footer__sns-item img[src*=t-icon-x-01] {
  width:28px;
}
@media only screen and (min-width:769px) {
  .t-footer__address-text {
    margin-top:20px;
  }
}
@media only screen and (max-width:768px) {
  .t-footer__address-text {
    font-size:13px;
    font-weight:500;
    margin-top:30px;
  }
}
.t-footer__row {
  font-feature-settings:"palt";
  font-family:var(--t-font-en), var(--t-font-ja), sans-serif;
  letter-spacing:.05em;
  line-height:1.2;
  padding-bottom:30px;
}
@media only screen and (min-width:769px) {
  .t-footer__row {
    display:flex;
    justify-content:flex-end;
    margin-top:50px;
    padding-right:25px;
  }
}
.t-footer__link-list {
  display:flex;
  font-weight:400;
}
@media only screen and (min-width:769px) {
  .t-footer__link-list {
    font-size:14px;
  }
}
@media only screen and (max-width:768px) {
  .t-footer__link-list {
    margin-top:30px;
  }
}
.t-footer__link-item {
  white-space:nowrap;
}
@media only screen and (min-width:769px) {
  .t-footer__link-item {
    margin-right:20px;
  }
}
@media only screen and (max-width:768px) {
  .t-footer__link-item:nth-child(n+2) {
    margin-left:20px;
  }
}
.t-footer__note {
  font-size:12px;
  font-weight:500;
}
@media only screen and (min-width:769px) {
  .t-footer__note {
    bottom:30px;
    left:100px;
    position:absolute;
  }
}
@media only screen and (max-width:768px) {
  .t-footer__note {
    margin-top:28px;
  }
}
.t-footer__copyright {
  font-size:12px;
  font-weight:300;
}
@media only screen and (max-width:768px) {
  .t-footer__copyright {
    margin-top:8px;
  }
}
.t-button {
  font-feature-settings:"palt";
  border:2px solid transparent;
  color:#fff;
  display:block;
  font-family:var(--t-font-en), var(--t-font-ja), sans-serif;
  letter-spacing:.05em;
  line-height:1;
  position:relative;
  text-align:center;
}
@media only screen and (min-width:769px) {
  .t-button {
    font-size:20px;
    padding-bottom:26px;
    padding-top:26px;
  }
}
@media only screen and (max-width:768px) {
  .t-button {
    font-size:16px;
    padding-bottom:20px;
    padding-top:20px;
  }
}
.t-button:active:before,
.t-button:hover:before {
  animation:t-menu-bounce 1000ms both;
  will-change:transform;
}
.t-button.t-is-base:before {
  background:#505758;
}
.t-button.t-is-green:before {
  background:#58d5df;
}
.t-button.t-is-gold:before {
  background:#d4bf97;
}
.t-button.t-is-gray:before {
  background:#a5b3bd;
}
.t-button:before {
  border-radius:500px;
  content:"";
  display:block;
  height:100%;
  left:0;
  position:absolute;
  top:0;
  width:100%;
}
.t-button span {
  position:relative;
}
.t-button:after {
  border-right:3px solid #fff;
  border-top:3px solid #fff;
  content:"";
  display:block;
  height:10px;
  position:absolute;
  right:30px;
  top:50%;
  transform:rotate(45deg) translateY(-50%);
  width:10px;
}
.t-note {
  margin-left:auto;
  margin-right:auto;
  max-width:748px;
  padding-left:20px;
  padding-right:20px;
}
@media only screen and (min-width:769px) {
  .t-note {
    margin-top:120px;
  }
}
@media only screen and (max-width:768px) {
  .t-note {
    margin-top:56px;
  }
}
.t-note__text {
  font-size:11px;
  letter-spacing:.05em;
  line-height:1.5;
}
.t-top-intro {
  position:relative;
}
@media only screen and (min-width:769px) {
  .t-top-intro {
    margin-left:80px;
    margin-right:80px;
    margin-top:55px;
  }
}
@media only screen and (max-width:768px) {
  .t-top-intro {
    margin-left:20px;
    margin-right:20px;
    margin-top:30px;
  }
}
.t-top-intro__title {
  position:absolute;
  transform:rotate(90deg);
  transform-origin:left top;
  z-index:1;
}
@media only screen and (min-width:769px) {
  .t-top-intro__title {
    left:62px;
    top:70px;
    width:49.4444444444vw;
  }
  .t-top-intro__title svg {
    height:auto;
    width:100%;
  }
}
@media only screen and (max-width:768px) {
  .t-top-intro__title {
    left:20px;
    top:24px;
  }
  .t-top-intro__title svg {
    height:20px;
    width:229px;
  }
}
.t-top-intro__image {
  position:relative;
}
.t-top-intro__image .t-clip {
  height:100%;
  left:0;
  position:absolute;
  top:0;
  transform:scale(1.05);
  width:100%;
}
.t-top-intro__image .t-clip svg {
  height:100%;
  width:100%;
}
.t-top-intro__new {
  position:absolute;
  right:0;
}
@media only screen and (min-width:769px) {
  .t-top-intro__new {
    bottom:0;
    width:204px;
  }
}
@media only screen and (max-width:768px) {
  .t-top-intro__new {
    bottom:-24px;
    width:89px;
  }
}
.t-top-line {
  background:#e1eaec;
  position:relative;
}
@media only screen and (min-width:769px) {
  .t-top-line {
    margin-top:130px;
    padding-bottom:314px;
    padding-top:220px;
  }
}
@media only screen and (max-width:768px) {
  .t-top-line {
    margin-top:85px;
    padding-bottom:126px;
    padding-top:64px;
  }
}
.t-top-line .t-svg-line:first-child {
  left:0;
  position:absolute;
  top:0;
  width:100%;
}
.t-top-line .t-svg-line:last-child {
  bottom:0;
  left:0;
  position:absolute;
  width:100%;
}
.t-top-line .t-svg-line path {
  fill:#fff;
}
.t-top-line__intro {
  position:absolute;
  right:0;
}
@media only screen and (min-width:769px) {
  .t-top-line__intro {
    background:var(--t-cloud-r) 100% 0 no-repeat;
    background-size:contain;
    height:525px;
    padding-left:180px;
    padding-top:140px;
    top:-120px;
    width:306px;
  }
}
@media only screen and (max-width:768px) {
  .t-top-line__intro {
    background:var(--t-cloud-r) 100% 0 no-repeat;
    background-size:contain;
    height:197px;
    padding-left:45px;
    padding-top:45px;
    top:-60px;
    width:84px;
  }
}
.t-top-line__title {
  color:#838383;
  font-weight:300;
  letter-spacing:.1em;
  writing-mode:vertical-rl;
}
@media only screen and (min-width:769px) {
  .t-top-line__title {
    font-size:52px;
  }
}
@media only screen and (max-width:768px) {
  .t-top-line__title {
    font-size:18px;
  }
}
.t-top-line__wrapper {
  margin-left:auto;
  margin-right:auto;
  max-width:1080px;
  padding-left:30px;
  padding-right:30px;
}
.t-top-line__figure,
.t-top-line__h3 {
  text-align:center;
}
.t-top-line__h3 {
  font-feature-settings:"palt";
  color:#5f6e77;
  font-family:var(--t-font-en), var(--t-font-ja), sans-serif;
  font-weight:300;
  letter-spacing:.05em;
  line-height:1.2;
}
@media only screen and (min-width:769px) {
  .t-top-line__h3 {
    font-size:44px;
    margin-top:78px;
  }
}
@media only screen and (max-width:768px) {
  .t-top-line__h3 {
    font-size:28px;
    margin-top:40px;
  }
}
.t-top-line__items {
  display:flex;
}
@media only screen and (min-width:769px) {
  .t-top-line__items {
    margin-left:-10px;
    margin-right:-10px;
    margin-top:40px;
  }
}
@media only screen and (max-width:768px) {
  .t-top-line__items {
    flex-wrap:wrap;
    margin-left:-15px;
    margin-right:-15px;
  }
}
@media only screen and (min-width:769px) {
  .t-top-line__item {
    padding-left:10px;
    padding-right:10px;
    width:20%;
  }
}
@media only screen and (max-width:768px) {
  .t-top-line__item {
    margin-top:30px;
    padding-left:15px;
    padding-right:15px;
    width:50%;
  }
}
.t-top-line__item:first-child .t-top-line__item-label {
  background:#58d5df;
}
.t-top-line__item:first-child .t-top-line__item-h5 {
  color:#58d5df;
}
.t-top-line__item:first-child .t-top-line__item-list2 li:before {
  background:none 50% no-repeat;
  background-size:contain;
}
.t-top-line__item:nth-child(2) .t-top-line__item-label {
  background:#417df1;
}
.t-top-line__item:nth-child(2) .t-top-line__item-h5 {
  color:#417df1;
}
.t-top-line__item:nth-child(2) .t-top-line__item-list2 li:before {
  background:none 50% no-repeat;
  background-size:contain;
}
.t-top-line__item:nth-child(3) .t-top-line__item-label {
  background:#d4bf97;
}
.t-top-line__item:nth-child(3) .t-top-line__item-h5 {
  color:#d4bf97;
}
.t-top-line__item:nth-child(3) .t-top-line__item-list2 li:before {
  background:none 50% no-repeat;
  background-size:contain;
}
.t-top-line__item:nth-child(4) .t-top-line__item-label,
.t-top-line__item:nth-child(5) .t-top-line__item-label {
  background:#a5b3bd;
}
.t-top-line__item:nth-child(4) .t-top-line__item-h5,
.t-top-line__item:nth-child(5) .t-top-line__item-h5 {
  color:#a5b3bd;
}
.t-top-line__item:nth-child(4) .t-top-line__item-list2 li:before,
.t-top-line__item:nth-child(5) .t-top-line__item-list2 li:before {
  background:none 50% no-repeat;
  background-size:contain;
}
.t-top-line__item-inner {
  background:#fff;
  border-radius:24px;
  height:100%;
  position:relative;
  text-align:center;
}
@media only screen and (min-width:769px) {
  .t-top-line__item-inner {
    padding:30px 20px 40px;
  }
}
@media only screen and (max-width:768px) {
  .t-top-line__item-inner {
    padding:25px 15px 30px;
  }
}
@media only screen and (min-width:769px) {
  .t-top-line__item-image {
    height:106px;
  }
}
@media only screen and (max-width:768px) {
  .t-top-line__item-image {
    height:80px;
  }
}
.t-top-line__item-image img {
  height:100%;
  width:auto;
}
.t-top-line__item-name {
  letter-spacing:-.08em;
  line-height:1.5;
}
@media only screen and (min-width:769px) {
  .t-top-line__item-name {
    font-size:16px;
    margin-top:25px;
  }
}
@media only screen and (max-width:768px) {
  .t-top-line__item-name {
    font-size:12px;
    margin-top:15px;
  }
}
.t-top-line__item-new {
  font-feature-settings:"palt";
  align-items:center;
  background:#6a7fa3;
  border-radius:100px;
  color:#fff;
  display:flex;
  font-family:var(--t-font-en), var(--t-font-ja), sans-serif;
  justify-content:center;
  left:0;
  line-height:1;
  position:absolute;
  top:0;
}
@media only screen and (min-width:769px) {
  .t-top-line__item-new {
    font-size:18px;
    height:65px;
    left:-10px;
    top:-20px;
    width:65px;
  }
}
@media only screen and (max-width:768px) {
  .t-top-line__item-new {
    font-size:15px;
    height:50px;
    left:-10px;
    top:-10px;
    width:50px;
  }
}
.t-top-line__item-label {
  border-radius:100px;
  color:#fff;
  line-height:1;
}
@media only screen and (min-width:769px) {
  .t-top-line__item-label {
    font-size:13px;
    margin-top:15px;
    padding-bottom:6px;
    padding-top:6px;
  }
}
@media only screen and (max-width:768px) {
  .t-top-line__item-label {
    font-size:10px;
    margin-top:10px;
    padding-bottom:5px;
    padding-top:5px;
  }
}
.t-top-line__item-text {
  line-height:1.2;
}
@media only screen and (min-width:769px) {
  .t-top-line__item-text {
    font-size:16px;
    margin-top:10px;
  }
}
@media only screen and (max-width:768px) {
  .t-top-line__item-text {
    font-size:12px;
    margin-top:7px;
  }
}
.t-top-line__item-h5 {
  line-height:1;
}
@media only screen and (min-width:769px) {
  .t-top-line__item-h5 {
    font-size:12px;
    margin-top:20px;
  }
}
@media only screen and (max-width:768px) {
  .t-top-line__item-h5 {
    font-size:10px;
    margin-top:15px;
  }
}
.t-top-line__item-list2 {
  line-height:1.5;
  text-align:left;
}
@media only screen and (min-width:769px) {
  .t-top-line__item-list2 {
    margin-top:14px;
  }
}
@media only screen and (max-width:768px) {
  .t-top-line__item-list2 {
    margin-top:10px;
  }
}
.t-top-line__item-list2 li {
  position:relative;
}
@media only screen and (min-width:769px) {
  .t-top-line__item-list2 li {
    font-size:15px;
    padding-left:20px;
  }
}
@media only screen and (max-width:768px) {
  .t-top-line__item-list2 li {
    font-size:15px;
    padding-left:15px;
  }
}
.t-top-line__item-list2 li:before {
  content:"";
  display:block;
  left:0;
  position:absolute;
}
@media only screen and (min-width:769px) {
  .t-top-line__item-list2 li:before {
    height:12px;
    top:5px;
    width:16px;
  }
}
@media only screen and (max-width:768px) {
  .t-top-line__item-list2 li:before {
    height:12px;
    top:4px;
    width:12px;
  }
}
@media only screen and (min-width:769px) {
  .t-top-line__item-list2 li:nth-child(n+2) {
    margin-top:4px;
  }
}
.t-top-news {
  position:relative;
}
@media only screen and (min-width:769px) {
  .t-top-news {
    margin-top:220px;
  }
}
@media only screen and (max-width:768px) {
  .t-top-news {
    margin-top:94px;
  }
}
.t-top-news__intro {
  left:0;
  position:absolute;
}
@media only screen and (min-width:769px) {
  .t-top-news__intro {
    background:var(--t-cloud-l) 100% 0 no-repeat;
    background-size:contain;
    height:544px;
    padding-left:64px;
    padding-top:210px;
    top:-550px;
    width:267px;
  }
}
@media only screen and (max-width:768px) {
  .t-top-news__intro {
    background:var(--t-cloud-l) 100% 0 no-repeat;
    background-size:contain;
    height:204px;
    padding-left:16px;
    padding-top:88px;
    top:-210px;
    width:99px;
  }
}
.t-top-news__image {
  align-items:center;
  aspect-ratio:16/9;
  background:#f0f0f0;
  border-radius:10px;
  display:flex;
  justify-content:center;
  overflow:hidden;
  text-align:center;
}
.t-top-news__title {
  color:#838383;
  font-weight:300;
  letter-spacing:.1em;
  writing-mode:vertical-rl;
}
@media only screen and (min-width:769px) {
  .t-top-news__title {
    font-size:52px;
  }
}
@media only screen and (max-width:768px) {
  .t-top-news__title {
    font-size:18px;
  }
}
.t-top-news__inner {
  margin-left:auto;
  margin-right:auto;
  max-width:1170px;
  padding-left:45px;
  padding-right:45px;
}
@media only screen and (min-width:769px) {
  .t-top-news__items {
    display:flex;
    margin-left:-15px;
    margin-right:-15px;
  }
  .t-top-news__item {
    padding-left:15px;
    padding-right:15px;
    width:33.3333%;
  }
}
.t-top-news__item a {
  display:block;
}
.t-top-news__summary {
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  display:-webkit-box;
  line-height:1.6;
  overflow:hidden;
}
@media only screen and (min-width:769px) {
  .t-top-news__summary {
    font-size:16px;
    margin-top:12px;
  }
}
@media only screen and (max-width:768px) {
  .t-top-news__summary {
    margin-top:10px;
  }
}
.t-top-news__date {
  color:#a5b3bd;
  line-height:1.5;
  margin-top:5px;
}
@media only screen and (min-width:769px) {
  .t-top-news__date {
    font-size:14px;
  }
}
@media only screen and (max-width:768px) {
  .t-top-news__date {
    font-size:12px;
  }
}
@media only screen and (min-width:769px) {
  .t-top-news__button {
    margin-top:70px;
  }
}
@media only screen and (max-width:768px) {
  .t-top-news__button {
    margin-top:35px;
  }
}
@media only screen and (min-width:769px) {
  .t-top-news__button .t-button {
    margin-left:auto;
    margin-right:auto;
    width:300px;
  }
}
.t-top-section {
  position:relative;
}
@media only screen and (min-width:769px) {
  .t-top-section.t-is-type1 {
    margin-top:106px;
  }
}
@media only screen and (max-width:768px) {
  .t-top-section.t-is-type1 {
    margin-top:64px;
  }
}
.t-top-section.t-is-type1 .t-top-section__intro {
  position:absolute;
  right:0;
}
@media only screen and (min-width:769px) {
  .t-top-section.t-is-type1 .t-top-section__intro {
    background:var(--t-cloud-r) 100% 0 no-repeat;
    background-size:contain;
    height:659px;
    padding-left:110px;
    padding-top:210px;
    top:-152px;
    width:245px;
  }
}
@media only screen and (max-width:768px) {
  .t-top-section.t-is-type1 .t-top-section__intro {
    background:var(--t-cloud-r) 100% 0 no-repeat;
    background-size:contain;
    height:198px;
    padding-left:40px;
    padding-top:64px;
    top:-72px;
    width:76px;
  }
}
.t-top-section.t-is-type1 .t-top-section__title {
  color:#838383;
  font-weight:300;
  letter-spacing:.1em;
  writing-mode:vertical-rl;
}
@media only screen and (min-width:769px) {
  .t-top-section.t-is-type1 .t-top-section__title {
    font-size:52px;
  }
}
@media only screen and (max-width:768px) {
  .t-top-section.t-is-type1 .t-top-section__title {
    font-size:18px;
  }
}
.t-top-section.t-is-type1 .t-top-section__lead {
  letter-spacing:.02em;
  line-height:1.6;
  position:relative;
  z-index:1;
}
@media only screen and (min-width:769px) {
  .t-top-section.t-is-type1 .t-top-section__lead {
    font-size:40px;
  }
}
@media only screen and (max-width:768px) {
  .t-top-section.t-is-type1 .t-top-section__lead {
    font-size:22px;
  }
}
.t-top-section.t-is-type1 .t-top-section__text {
  position:relative;
  z-index:1;
}
@media only screen and (min-width:769px) {
  .t-top-section.t-is-type1 .t-top-section__text {
    font-size:18px;
    margin-top:20px;
  }
}
@media only screen and (max-width:768px) {
  .t-top-section.t-is-type1 .t-top-section__text {
    font-size:12px;
    margin-top:8px;
  }
}
@media only screen and (min-width:769px) {
  .t-top-section.t-is-type1 .t-top-section__image {
    margin-top:-120px;
  }
}
@media only screen and (max-width:768px) {
  .t-top-section.t-is-type1 .t-top-section__image {
    margin-top:-20px;
  }
}
@media only screen and (min-width:769px) {
  .t-top-section.t-is-type2 {
    margin-top:228px;
  }
}
@media only screen and (max-width:768px) {
  .t-top-section.t-is-type2 {
    margin-top:104px;
  }
}
.t-top-section.t-is-type2 .t-top-section__intro {
  left:0;
  position:absolute;
}
@media only screen and (min-width:769px) {
  .t-top-section.t-is-type2 .t-top-section__intro {
    background:var(--t-cloud-l) 0 0 no-repeat;
    background-size:contain;
    height:565px;
    padding-left:56px;
    padding-top:70px;
    top:-300px;
    width:280px;
  }
}
@media only screen and (max-width:768px) {
  .t-top-section.t-is-type2 .t-top-section__intro {
    background:var(--t-cloud-l) 0 0 no-repeat;
    background-size:contain;
    height:192px;
    padding-left:16px;
    padding-top:22px;
    top:-110px;
    width:91px;
  }
}
.t-top-section.t-is-type2 .t-top-section__title {
  color:#838383;
  font-weight:300;
  letter-spacing:.1em;
  writing-mode:vertical-rl;
}
@media only screen and (min-width:769px) {
  .t-top-section.t-is-type2 .t-top-section__title {
    font-size:52px;
  }
}
@media only screen and (max-width:768px) {
  .t-top-section.t-is-type2 .t-top-section__title {
    font-size:18px;
  }
}
.t-top-section.t-is-type2 .t-top-section__lead {
  line-height:1.5;
}
@media only screen and (min-width:769px) {
  .t-top-section.t-is-type2 .t-top-section__lead {
    font-size:24px;
    margin-top:24px;
  }
}
@media only screen and (max-width:768px) {
  .t-top-section.t-is-type2 .t-top-section__lead {
    font-size:15px;
    margin-top:14px;
  }
}
.t-top-section.t-is-type2 .t-top-section__text {
  letter-spacing:-.05em;
  line-height:1.6;
}
@media only screen and (min-width:769px) {
  .t-top-section.t-is-type2 .t-top-section__text {
    margin-top:24px;
  }
}
@media only screen and (max-width:768px) {
  .t-top-section.t-is-type2 .t-top-section__text {
    font-size:12px;
    margin-top:14px;
  }
}
.t-top-section__title {
  line-height:1.2;
}
.t-top-section__container {
  position:relative;
}
@media only screen and (min-width:769px) {
  .t-top-section__container+.t-top-section__container {
    margin-top:80px;
  }
}
@media only screen and (max-width:768px) {
  .t-top-section__container+.t-top-section__container {
    margin-top:60px;
  }
}
@media only screen and (min-width:769px) {
  .t-top-section__container.t-is-type2-2 .t-top-section__row,
  .t-top-section__container.t-is-type2-4 .t-top-section__row {
    flex-direction:row;
  }
  .t-top-section__container.t-is-type2-2 .t-top-section__row .t-top-section__wrapper,
  .t-top-section__container.t-is-type2-4 .t-top-section__row .t-top-section__wrapper {
    padding-left:76px;
    padding-right:0;
  }
}
.t-top-section__container.t-is-type2-2 {
  position:relative;
}
.t-top-section__container.t-is-type2-2:before {
  background:var(--t-cloud-r) 100% 0 no-repeat;
  background-size:contain;
  content:"";
  display:block;
  position:absolute;
  right:0;
}
@media only screen and (min-width:769px) {
  .t-top-section__container.t-is-type2-2:before {
    bottom:-100px;
    height:465px;
    width:294px;
  }
}
@media only screen and (max-width:768px) {
  .t-top-section__container.t-is-type2-2:before {
    bottom:-28px;
    height:184px;
    width:141px;
  }
}
.t-top-section__container.t-is-type2-3 {
  position:relative;
}
.t-top-section__container.t-is-type2-3:before {
  background:var(--t-cloud-l) 100% 0 no-repeat;
  background-size:contain;
  content:"";
  display:block;
  left:0;
  position:absolute;
}
@media only screen and (min-width:769px) {
  .t-top-section__container.t-is-type2-3:before {
    bottom:-220px;
    height:552px;
    width:309px;
  }
}
@media only screen and (max-width:768px) {
  .t-top-section__container.t-is-type2-3:before {
    bottom:-158px;
    height:276px;
    width:154px;
  }
}
.t-top-section__inner {
  margin-left:auto;
  margin-right:auto;
  max-width:1280px;
}
@media only screen and (min-width:769px) {
  .t-top-section__inner {
    padding-left:180px;
    padding-right:180px;
  }
}
@media only screen and (max-width:768px) {
  .t-top-section__inner {
    padding-left:30px;
    padding-right:30px;
  }
}
.t-top-section__row {
  position:relative;
  z-index:1;
}
@media only screen and (min-width:769px) {
  .t-top-section__row {
    display:flex;
    flex-direction:row-reverse;
    justify-content:center;
    margin-left:auto;
    margin-right:auto;
    max-width:1280px;
    padding-left:30px;
    padding-right:30px;
  }
  .t-top-section__row .t-top-section__wrapper {
    padding-right:76px;
  }
  .t-top-section__row .t-top-section__image {
    width:50%;
  }
}
@media only screen and (max-width:768px) {
  .t-top-section__row {
    padding-left:30px;
    padding-right:30px;
  }
}
.t-top-section__image,
.t-top-section__wrapper {
  text-align:center;
}
@media only screen and (min-width:769px) {
  .t-top-section__wrapper {
    flex:1;
    padding-top:32px;
  }
}
@media only screen and (max-width:768px) {
  .t-top-section__wrapper {
    margin-top:-16px;
  }
}
.t-top-section__name {
  font-feature-settings:"palt";
  font-family:var(--t-font-en), var(--t-font-ja), sans-serif;
  font-weight:300;
  letter-spacing:.05em;
  line-height:1.2;
}
@media only screen and (min-width:769px) {
  .t-top-section__name {
    font-size:44px;
  }
}
@media only screen and (max-width:768px) {
  .t-top-section__name {
    font-size:28px;
  }
}
.t-top-section__name.t-is-green {
  color:#58d5df;
}
.t-top-section__name.t-is-gold {
  color:#d4bf97;
}
.t-top-section__name.t-is-gray {
  color:#a5b3bd;
}
@media only screen and (min-width:769px) {
  .t-top-section__button {
    margin-top:24px;
    padding-left:30px;
    padding-right:30px;
  }
}
@media only screen and (max-width:768px) {
  .t-top-section__button {
    margin-top:14px;
    padding-left:15px;
    padding-right:15px;
  }
}
.t-top-section__button .t-button {
  margin-left:auto;
  margin-right:auto;
}
@media only screen and (min-width:769px) {
  .t-top-section__button .t-button {
    width:320px;
  }
}
@media only screen and (max-width:768px) {
  .t-top-section__button .t-button {
    width:234px;
  }
}
.t-opacity {
  transition:opacity 400ms;
}
.t-opacity:hover {
  opacity:.6;
  text-decoration:none;
}
@media only screen and (max-width:768px) {
  .t-pc {
    display:none;
  }
}
@media only screen and (min-width:769px) {
  .t-sp {
    display:none;
  }
}
.t-sr {
  display:inline-block;
  height:0;
  overflow:hidden;
  position:absolute;
  width:0;
}
html {
  -webkit-text-size-adjust:100%;
  box-sizing:border-box;
  overflow-y:scroll;
  -moz-tab-size:4;
  -o-tab-size:4;
  tab-size:4;
  word-break:normal;
}
*,
:after,
:before {
  background-repeat:no-repeat;
  box-sizing:inherit;
}
:after,
:before {
  text-decoration:inherit;
  vertical-align:inherit;
}
* {
  margin:0;
  padding:0;
}
small {
  font-size:80%;
}
a {
  background-color:transparent;
}
a:active,
a:hover {
  outline-width:0;
}
sup {
  font-size:75%;
  line-height:0;
  position:relative;
  vertical-align:baseline;
}
sup {
  top:-.5em;
}
button {
  font:inherit;
}
button {
  overflow:visible;
}
button {
  text-transform:none;
}
[type=button],
button {
  color:inherit;
  cursor:pointer;
}
[type=button]::-moz-focus-inner,
button::-moz-focus-inner {
  border-style:none;
  padding:0;
}
[type=button]::-moz-focus-inner,
button:-moz-focusring {
  outline:1px dotted ButtonText;
}
button,
html [type=button] {
  -webkit-appearance:button;
}
button {
  background-color:transparent;
  border-style:none;
}
::-webkit-file-upload-button {
  -webkit-appearance:button;
  color:inherit;
  font:inherit;
}
::-ms-clear,
::-ms-reveal {
  display:none;
}
img {
  border-style:none;
}
[aria-controls] {
  cursor:pointer;
}
html {
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  -webkit-tap-highlight-color:rgba(0,0,0,0);
  font-family:sans-serif;
  font-size:1rem;
  line-height:1.5;
  overflow-x:hidden;
  text-rendering:optimizeLegibility;
}
@supports (-webkit-touch-callout:none) {
  body {
    cursor:pointer;
  }
}
@keyframes t-menu-bounce {
  0% {
    transform:scale(1.2);
  }
  3.4% {
    transform:scale(1.137,1.119);
  }
  4.7% {
    transform:scale(1.11,1.08);
  }
  6.81% {
    transform:scale(1.068,1.021);
  }
  9.41% {
    transform:scale(1.023,.966);
  }
  10.21% {
    transform:scale(1.012,.955);
  }
  13.61% {
    transform:scale(.975,.934);
  }
  14.11% {
    transform:scale(.972,.934);
  }
  17.52% {
    transform:scale(.958,.952);
  }
  18.72% {
    transform:scale(.958,.963);
  }
  21.32% {
    transform:scale(.961,.986);
  }
  24.32% {
    transform:scale(.97,1.008);
  }
  25.23% {
    transform:scale(.973,1.012);
  }
  29.03% {
    transform:scale(.987,1.021);
  }
  29.93% {
    transform:scale(.99,1.02);
  }
  35.54% {
    transform:scale(1.004,1.008);
  }
  36.74% {
    transform:scale(1.006,1.004);
  }
  41.04% {
    transform:scale(1.008,.996);
  }
  44.44% {
    transform:scale(1.007,.994);
  }
  52.15% {
    transform:scale(1.002,.999);
  }
  59.86% {
    transform:scale(.999,1.002);
  }
  63.26% {
    transform:scale(.999,1.002);
  }
  75.28% {
    transform:scaleY(.999);
  }
  85.49% {
    transform:scale(1);
  }
  90.69% {
    transform:scale(1);
  }
  to {
    transform:scale(1);
  }
}
.t-curtain {
  height:100vh;
  inset:0;
  margin:auto;
  pointer-events:none;
  position:fixed;
  width:100vw;
  z-index:6;
}
.t-curtain path {
  fill:#e1eaec;
}
.t-page[data-t-page] {
  overflow:hidden;
}