@charset "UTF-8";
/******************************************
*******************************************/
/***********
  サイズ変換
************/
/*********
ブレイクポイント
**********/
/*********
ホバー
**********/
@-webkit-keyframes expansion {
  0% {
    background-position: center top;
    top: 0;
    bottom: auto;
    height: 0;
  }
  50% {
    height: 100%;
    background-position: center top;
    top: 0;
    bottom: auto;
  }
  51% {
    height: 100%;
    bottom: 0;
    top: auto;
    background-position: center bottom;
  }
  100% {
    height: 0;
    bottom: 0;
    top: auto;
    background-position: center bottom;
  }
}
@keyframes expansion {
  0% {
    background-position: center top;
    top: 0;
    bottom: auto;
    height: 0;
  }
  50% {
    height: 100%;
    background-position: center top;
    top: 0;
    bottom: auto;
  }
  51% {
    height: 100%;
    bottom: 0;
    top: auto;
    background-position: center bottom;
  }
  100% {
    height: 0;
    bottom: 0;
    top: auto;
    background-position: center bottom;
  }
}
@-webkit-keyframes btnbottomarr {
  30% {
    opacity: 0;
  }
  40% {
    width: 0;
    opacity: 0;
  }
  50% {
    width: 0;
    opacity: 1;
  }
  100% {
    width: 100%;
  }
}
@keyframes btnbottomarr {
  30% {
    opacity: 0;
  }
  40% {
    width: 0;
    opacity: 0;
  }
  50% {
    width: 0;
    opacity: 1;
  }
  100% {
    width: 100%;
  }
}
@-webkit-keyframes slideDisappear {
  0% {
    transform: translateX(0);
  }
  40% {
    opacity: 0;
    transform: translateX(0);
  }
  50% {
    transform: translateX(-100%);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes slideDisappear {
  0% {
    transform: translateX(0);
  }
  40% {
    opacity: 0;
    transform: translateX(0);
  }
  50% {
    transform: translateX(-100%);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
@-webkit-keyframes hoverin {
  0% {
    transform: translateX(-101%);
    opacity: 1;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes hoverin {
  0% {
    transform: translateX(-101%);
    opacity: 1;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
@-webkit-keyframes hoverout {
  0% {
    transform: translateY(0);
    left: 0;
    opacity: 1;
  }
  100% {
    transform: translateY(0);
    left: 101%;
    opacity: 1;
  }
}
@keyframes hoverout {
  0% {
    transform: translateY(0);
    left: 0;
    opacity: 1;
  }
  100% {
    transform: translateY(0);
    left: 101%;
    opacity: 1;
  }
}
@-webkit-keyframes scroll-ball {
  0% {
    opacity: 1;
  }
  80% {
    opacity: 1;
    transform: translateY(20px);
  }
  100% {
    opacity: 0;
    transform: translateY(20px);
  }
}
@keyframes scroll-ball {
  0% {
    opacity: 1;
  }
  80% {
    opacity: 1;
    transform: translateY(20px);
  }
  100% {
    opacity: 0;
    transform: translateY(20px);
  }
}
@-webkit-keyframes scroll-text {
  0% {
    transform: translateY(100%);
  }
  40% {
    transform: translateY(0);
    opacity: 1;
  }
  80% {
    transform: translateY(0);
    opacity: 1;
  }
  100% {
    transform: translateY(0);
    opacity: 0;
  }
}
@keyframes scroll-text {
  0% {
    transform: translateY(100%);
  }
  40% {
    transform: translateY(0);
    opacity: 1;
  }
  80% {
    transform: translateY(0);
    opacity: 1;
  }
  100% {
    transform: translateY(0);
    opacity: 0;
  }
}
[data-foldername=top] section.mv .sec-wrap {
  padding-top: 0;
}
[data-foldername=top] section.mv .bsc-logo-wrap {
  position: absolute;
  left: 4vw;
  top: 4vw;
  z-index: 100;
}
[data-foldername=top] section.mv .bsc-logo-wrap .logo-benesse {
  width: 6.4vw;
  position: absolute;
  left: 0;
  top: 0;
}
[data-foldername=top] section.mv .bsc-logo-wrap .logo-bsc {
  width: 21.3vw;
  display: block;
  position: absolute;
  left: 10.6vw;
  top: 0;
}
[data-foldername=top] section.mv .logo-30th {
  width: 30.8vw;
  display: block;
  position: absolute;
  right: 4vw;
  top: 4vw;
  z-index: 100;
}
@media (hover: hover) and (pointer: fine) {
  [data-foldername=top] section.mv .logo-benesse, [data-foldername=top] section.mv .logo-bsc,
[data-foldername=top] section.mv .logo-30th {
    transition: 0.4s;
  }
  [data-foldername=top] section.mv .logo-benesse:hover, [data-foldername=top] section.mv .logo-bsc:hover,
[data-foldername=top] section.mv .logo-30th:hover {
    opacity: 0.75;
    transition: 0.4s;
  }
}
[data-foldername=top] section.mv .visual-area {
  padding: 22.5vw 0 0;
  position: relative;
}
[data-foldername=top] section.mv .visual-area:before {
  content: "";
  width: 100%;
  height: 49vw;
  background: url("../../images/top/mv/bg-deco.png") no-repeat center top/100% auto;
  position: absolute;
  left: 0;
  top: -12vw;
  right: 0;
  margin: auto;
  z-index: -1;
}
[data-foldername=top] section.mv .visual-area h1 {
  width: 75vw;
  margin: 0 auto;
}
[data-foldername=top] section.mv .visual-area .catch {
  width: 74.9vw;
  margin: 3.3vw auto 0;
}
[data-foldername=top] section.mv .visual-area .image {
  position: relative;
  margin: 2.9vw 0 0;
}
[data-foldername=top] section.mv .visual-area .image .btns {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
[data-foldername=top] section.mv .visual-area .image .btns a {
  display: block;
  width: 9.8vw;
  height: 11.5vw;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-size: contain;
  position: absolute;
  left: 0;
  top: 0;
}
[data-foldername=top] section.mv .visual-area .image .btns a .arr-circle {
  top: 1vw;
  position: absolute;
  left: 0.2vw;
  right: 0;
  background: none;
}
[data-foldername=top] section.mv .visual-area .image .btns a.btn01 {
  background-image: url("../../images/top/mv/btn-min01.png");
  top: 20.2vw;
  left: 8vw;
}
[data-foldername=top] section.mv .visual-area .image .btns a.btn02 {
  background-image: url("../../images/top/mv/btn-min02.png");
  top: 42.6vw;
  left: 37.1vw;
}
[data-foldername=top] section.mv .visual-area .image .btns a.btn03 {
  background-image: url("../../images/top/mv/btn-min03.png");
  top: 15.4vw;
  left: 67vw;
}
[data-foldername=top] section.mv .visual-area .image .btns a.btn04 {
  background-image: url("../../images/top/mv/btn-min04.png");
  top: 31.2vw;
  left: auto;
  right: 4vw;
}
[data-foldername=top] section.mv .visual-area .image .btns a i {
  display: block;
  width: 2.3vw;
  height: 2.3vw;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
[data-foldername=top] section.mv .visual-area .image .btns a i:before {
  background: url("../../images/top/mv/arr.png") no-repeat right top/contain;
  position: absolute;
  left: 0;
  top: 0;
}
[data-foldername=top] section.mv .visual-area .image .btns a span.text {
  display: none;
}
[data-foldername=top] section.mv .visual-area .btns-sp {
  padding: 0 6vw;
  margin: -16.4vw 0 0;
  position: relative;
  z-index: 999;
}
[data-foldername=top] section.mv .visual-area .btns-sp .item {
  display: flex;
  justify-content: space-between;
}
[data-foldername=top] section.mv .visual-area .btns-sp .item a {
  display: block;
  width: 20vw;
  height: 68vw;
  border-radius: 1vw;
  border: solid 0.4vw #fff;
  padding: 3.9vw 0 0;
}
[data-foldername=top] section.mv .visual-area .btns-sp .item a .arr-circle i {
  width: 1.9vw;
  height: 1.9vw;
}
[data-foldername=top] section.mv .visual-area .btns-sp .item a .text {
  display: block;
  width: 4.9vw;
  margin: 2.3vw auto 0;
}
[data-foldername=top] section.mv .visual-area .btns-sp .item a.sp-btn01 {
  background: #70b343;
}
[data-foldername=top] section.mv .visual-area .btns-sp .item a.sp-btn01 .arr-circle i:before {
  filter: brightness(0) saturate(100%) invert(57%) sepia(60%) saturate(408%) hue-rotate(52deg) brightness(96%) contrast(94%);
}
[data-foldername=top] section.mv .visual-area .btns-sp .item a.sp-btn01.disable .text {
  position: relative;
}
[data-foldername=top] section.mv .visual-area .btns-sp .item a.sp-btn01.disable .text:before {
  content: "";
  width: 100%;
  height: 100%;
  background: url("/shinkaron/asset/images/top/mv/btn01-text-disable.png") no-repeat center top/100% auto;
  position: absolute;
  left: 0;
  top: 0;
}
[data-foldername=top] section.mv .visual-area .btns-sp .item a.sp-btn01.disable .text img {
  opacity: 0;
}
[data-foldername=top] section.mv .visual-area .btns-sp .item a.sp-btn02 {
  background: #f08300;
}
[data-foldername=top] section.mv .visual-area .btns-sp .item a.sp-btn02 .arr-circle i:before {
  filter: brightness(0) saturate(100%) invert(61%) sepia(56%) saturate(5508%) hue-rotate(11deg) brightness(105%) contrast(101%);
}
[data-foldername=top] section.mv .visual-area .btns-sp .item a.sp-btn03 {
  background: #38a1db;
}
[data-foldername=top] section.mv .visual-area .btns-sp .item a.sp-btn03 .arr-circle i:before {
  filter: brightness(0) saturate(100%) invert(64%) sepia(27%) saturate(4023%) hue-rotate(172deg) brightness(92%) contrast(86%);
}
[data-foldername=top] section.mv .visual-area .btns-sp .item a.sp-btn04 {
  background: #796baf;
}
[data-foldername=top] section.mv .visual-area .btns-sp .item a.sp-btn04 .arr-circle i:before {
  filter: brightness(0) saturate(100%) invert(45%) sepia(16%) saturate(1270%) hue-rotate(212deg) brightness(95%) contrast(89%);
}
[data-foldername=top] section.mv .visual-area .btns-sp .item a.sp-btn04.disable .text {
  position: relative;
}
[data-foldername=top] section.mv .visual-area .btns-sp .item a.sp-btn04.disable .text:before {
  content: "";
  width: 100%;
  height: 100%;
  background: url("/shinkaron/asset/images/top/mv/btn04-text-disable.png") no-repeat center top/100% auto;
  position: absolute;
  left: 0;
  top: 0;
}
[data-foldername=top] section.mv .visual-area .btns-sp .item a.sp-btn04.disable .text img {
  opacity: 0;
}
[data-foldername=top] section.mv .visual-area .btns-sp .item a.disable {
  pointer-events: none;
  background: #b6b4a6;
}
[data-foldername=top] section.mv .visual-area .btns-sp .item a.disable .arr-circle {
  background: #dbdad3;
}
[data-foldername=top] section.mv .visual-area .btns-sp .item a.disable .arr-circle i:before {
  background: url("/shinkaron/asset/images/top/mv/arr-disable.png") no-repeat right top/contain;
  filter: none;
}
[data-foldername=top] section.sec01 .sec-wrap .detail h2 {
  margin: 0 0 6.2vw;
}
[data-foldername=top] section.sec01 .sec-wrap .detail .text {
  padding: 0 6vw;
}
[data-foldername=top] section.sec01 .sec-wrap .detail .notes .fsizeup {
  font-size: 110%;
}
[data-foldername=top] section.sec01 .sec-wrap .detail .notes .note span {
  width: 37vw;
}
[data-foldername=top] section.sec01 .sec-wrap .detail .notes .note span + span {
  width: calc(100% - 37vw);
}
[data-foldername=top] section.sec01 .sec-wrap .detail .notes .note span:nth-child(1) {
  white-space: nowrap;
}
[data-foldername=top] section.sec01 .sec-wrap .detail .notes .note + .note {
  margin: 2vw 0 0;
}
[data-foldername=top] section.sec01 .sec-wrap .detail .line-box {
  width: 100%;
  padding: 0 4vw;
  margin: 10vw 0 0;
}
[data-foldername=top] section.sec01 .sec-wrap .detail .line-box ul {
  border-radius: 4vw;
  border: 1px solid #333;
  padding: 4.6vw 4vw;
}
[data-foldername=top] section.sec01 .sec-wrap .detail .line-box ul li {
  font-size: 2.8vw;
  line-height: 1.6;
  letter-spacing: 0.12em;
}
[data-foldername=top] section.sec01 .sec-wrap .detail .line-box ul li + li {
  margin: 2vw 0 0;
}
[data-foldername=top] section.sec02 {
  padding: 0 4vw;
}
[data-foldername=top] section.sec02 .sec-wrap {
  padding: 14.2vw 0 0;
}
[data-foldername=top] section.sec02 .sec-wrap .frame {
  position: relative;
  padding: 13.5vw 0 7.4vw;
}
[data-foldername=top] section.sec02 .sec-wrap .frame h2 {
  opacity: 0;
  overflow: hidden;
  height: 0;
}
[data-foldername=top] section.sec02 .sec-wrap .frame:before {
  content: "";
  width: 100%;
  height: 13.5vw;
  background: url("../../images/top/sec02/bg.png") no-repeat center top/100% auto;
  position: absolute;
  left: 0;
  top: 0;
}
[data-foldername=top] section.sec02 .sec-wrap .frame:after {
  content: "";
  width: 100%;
  height: 8vw;
  background: url("../../images/top/sec02/bg.png") no-repeat center bottom/100% auto;
  position: absolute;
  left: 0;
  bottom: 0;
}
[data-foldername=top] section.sec02 .sec-wrap .frame .bg {
  background: url("../../images/top/sec02/bg-middle.png") repeat-y center top/100% auto;
  padding: 0 4vw;
}
[data-foldername=top] section.sec02 .sec-wrap .frame .bg .catch {
  width: 81.2vw;
}
[data-foldername=top] section.sec02 .sec-wrap .frame .bg .text {
  margin: 4vw 0 0;
}
[data-foldername=top] section.sec02 .sec-wrap .frame .bg .thumb {
  margin: 7vw 0 0;
}
[data-foldername=top] section.sec02 .sec-wrap .frame .bg .caption {
  margin: 6vw 0 0;
  letter-spacing: 0.03em;
  word-break: break-all;
}
[data-foldername=top] section.sec02 .sec-wrap .frame .bg .caption + .caption {
  margin: 0;
}
[data-foldername=top] section.sec02 .sec-wrap .icon-window-text {
  margin: 5.7vw 0 0;
  z-index: 99;
  position: relative;
}
[data-foldername=top] .btn-photograph {
  width: 96vw;
  height: 22vw;
  margin: 13.9vw 0 -3vw;
  display: flex;
  align-items: center;
  background: #004087;
  border-radius: 0 3vw 3vw 0;
  padding: 0 0 0 6.1vw;
}
[data-foldername=top] .btn-photograph .btn-photograph-inner {
  display: flex;
  align-items: center;
}
[data-foldername=top] .btn-photograph .arr-circle {
  width: 8vw;
  height: 8vw;
  margin: 0 3.8vw 0 0;
  background: #fff;
}
[data-foldername=top] .btn-photograph .arr-circle i {
  width: 3.3vw;
  height: 3.3vw;
  display: block;
}
[data-foldername=top] .btn-photograph .arr-circle i:before {
  filter: brightness(0) saturate(100%) invert(16%) sepia(46%) saturate(4029%) hue-rotate(201deg) brightness(96%) contrast(100%);
}
[data-foldername=top] .btn-photograph .btn-text {
  width: 49vw;
  height: 9.8vw;
  display: block;
}
[data-foldername=top] .arr-circle i:before {
  background: url("../../images/icon-arr.png") no-repeat right top/contain;
}

@media (min-width: 897px) {
  [data-foldername=top] section.mv .sec-wrap {
    padding-top: 0;
  }
  [data-foldername=top] section.mv .bsc-logo-wrap {
    left: clamp( 32px , 2.5vw , 100vw );
    top: clamp( 32px , 2.5vw , 100vw );
  }
  [data-foldername=top] section.mv .bsc-logo-wrap .logo-benesse {
    width: clamp( 55.6px , 4.344vw , 100vw );
    left: 0;
    top: 0;
  }
  [data-foldername=top] section.mv .bsc-logo-wrap .logo-bsc {
    width: clamp( 184.4px , 14.406vw , 100vw );
    left: clamp( 93.2px , 7.281vw , 100vw );
  }
  [data-foldername=top] section.mv .logo-30th {
    width: clamp( 96px , 7.5vw , 100vw );
    right: clamp( 32px , 2.5vw , 100vw );
    top: clamp( 32px , 2.5vw , 100vw );
  }
  [data-foldername=top] section.mv .visual-area {
    padding: clamp( 133.6px , 10.438vw , 100vw ) 0 0;
    position: relative;
    overflow: hidden;
  }
  [data-foldername=top] section.mv .visual-area:before {
    height: clamp( 400px , 31.25vw , 100vw );
    background: url("../../images/top/mv/bg-deco@pc.png") no-repeat center top/100% auto;
    top: 0;
  }
  [data-foldername=top] section.mv .visual-area h1 {
    width: clamp( 493.2px , 38.531vw , 100vw );
    position: relative;
    z-index: 20;
  }
  [data-foldername=top] section.mv .visual-area .catch {
    width: clamp( 401.6px , 31.375vw , 100vw );
    margin: clamp( 16.4px , 1.281vw , 100vw ) auto 0;
    position: relative;
    z-index: 20;
  }
  [data-foldername=top] section.mv .visual-area .image {
    position: relative;
    margin: min( -42px , -3.281vw) auto 0 clamp( 76px , 5.938vw , 100vw );
    width: clamp( 998.4px , 78vw , 100vw );
  }
  [data-foldername=top] section.mv .visual-area .image .pc-parts {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    z-index: 999;
  }
  [data-foldername=top] section.mv .visual-area .image .btns {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
  }
  [data-foldername=top] section.mv .visual-area .image .btns a {
    width: clamp( 47.2px , 3.688vw , 100vw );
    height: clamp( 191.2px , 14.938vw , 100vw );
    background-repeat: no-repeat;
    background: 100% 100%;
    background-size: contain;
  }
}
@media (min-width: 897px) and (hover: hover) and (pointer: fine) {
  [data-foldername=top] section.mv .visual-area .image .btns a:hover {
    transform: scale(1.15);
  }
}
@media (min-width: 897px) {
  [data-foldername=top] section.mv .visual-area .image .btns a .arr-circle {
    top: clamp( 14px , 1.094vw , 100vw );
    width: clamp( 14px , 1.094vw , 100vw );
    height: clamp( 14px , 1.094vw , 100vw );
    left: 0;
    right: 0;
    background: none;
    margin: auto;
    background: #fff;
  }
  [data-foldername=top] section.mv .visual-area .image .btns a .arr-circle i {
    display: block;
    width: clamp( 14px , 1.094vw , 100vw );
    height: clamp( 14px , 1.094vw , 100vw );
    border-radius: 50%;
  }
  [data-foldername=top] section.mv .visual-area .image .btns a .arr-circle i:before {
    width: clamp( 6px , 0.469vw , 100vw );
    height: clamp( 6px , 0.469vw , 100vw );
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
  }
}
@media (min-width: 897px) {
  [data-foldername=top] section.mv .visual-area .image .btns a span.text {
    display: block;
    width: clamp( 14.4px , 1.125vw , 100vw );
    margin: clamp( 32.8px , 2.563vw , 100vw ) auto 0;
  }
}
@media (min-width: 897px) {
  [data-foldername=top] section.mv .visual-area .image .btns a.btn01 {
    background-image: url("../../images/top/mv/btn01.png");
    top: clamp( 125.2px , 9.781vw , 100vw );
    left: clamp( 171.6px , 13.406vw , 100vw );
  }
  [data-foldername=top] section.mv .visual-area .image .btns a.btn01 .arr-circle i:before {
    background-image: url("../../images/top/mv/arr.png");
    filter: brightness(0) saturate(100%) invert(62%) sepia(70%) saturate(356%) hue-rotate(52deg) brightness(87%) contrast(93%);
  }
}
@media (min-width: 897px) {
  [data-foldername=top] section.mv .visual-area .image .btns a.btn02 {
    background-image: url("../../images/top/mv/btn02.png");
    top: clamp( 260.8px , 20.375vw , 100vw );
    left: clamp( 426.4px , 33.313vw , 100vw );
  }
  [data-foldername=top] section.mv .visual-area .image .btns a.btn02 .arr-circle i:before {
    filter: brightness(0) saturate(100%) invert(61%) sepia(56%) saturate(5508%) hue-rotate(11deg) brightness(105%) contrast(101%);
  }
  [data-foldername=top] section.mv .visual-area .image .btns a.btn02 span.text {
    margin: clamp( 36.8px , 2.875vw , 100vw ) auto 0;
    width: clamp( 16.4px , 1.281vw , 100vw );
    transform: translateX(clamp( 1.6px , 0.125vw , 100vw ));
  }
}
@media (min-width: 897px) {
  [data-foldername=top] section.mv .visual-area .image .btns a.btn03 {
    background-image: url("../../images/top/mv/btn03.png");
    top: clamp( 89.2px , 6.969vw , 100vw );
    left: auto;
    right: clamp( 279.6px , 21.844vw , 100vw );
    height: clamp( 199.2px , 15.563vw , 100vw );
  }
  [data-foldername=top] section.mv .visual-area .image .btns a.btn03 .arr-circle i:before {
    filter: brightness(0) saturate(100%) invert(64%) sepia(27%) saturate(4023%) hue-rotate(172deg) brightness(92%) contrast(86%);
  }
  [data-foldername=top] section.mv .visual-area .image .btns a.btn03 span.text {
    width: clamp( 16.4px , 1.281vw , 100vw );
    margin: clamp( 36px , 2.813vw , 100vw ) auto 0;
    transform: translateX(clamp( 1.6px , 0.125vw , 100vw ));
  }
}
@media (min-width: 897px) {
  [data-foldername=top] section.mv .visual-area .image .btns a.btn04 {
    background-image: url("../../images/top/mv/btn04.png");
    top: clamp( 182px , 14.219vw , 100vw );
    left: auto;
    right: clamp( 108.8px , 8.5vw , 100vw );
  }
  [data-foldername=top] section.mv .visual-area .image .btns a.btn04 .arr-circle {
    top: clamp( 21.2px , 1.656vw , 100vw );
  }
  [data-foldername=top] section.mv .visual-area .image .btns a.btn04 .arr-circle i:before {
    filter: brightness(0) saturate(100%) invert(44%) sepia(20%) saturate(1050%) hue-rotate(212deg) brightness(97%) contrast(87%);
  }
  [data-foldername=top] section.mv .visual-area .image .btns a.btn04 span.text {
    width: clamp( 14px , 1.094vw , 100vw );
    margin: clamp( 40px , 3.125vw , 100vw ) auto 0;
  }
}
@media (min-width: 897px) {
  [data-foldername=top] section.mv .visual-area .btns-sp {
    display: none;
  }
}
@media (min-width: 897px) {
  [data-foldername=top] section.sec01 {
    width: 1020px;
    margin: 0 auto;
  }
  [data-foldername=top] section.sec01 .sec-wrap {
    padding-top: 80.5px;
  }
  [data-foldername=top] section.sec01 .sec-wrap .detail h2 {
    margin: 0;
    width: 675px;
    position: relative;
  }
  [data-foldername=top] section.sec01 .sec-wrap .detail .text {
    padding: 0;
    transform: translateY(0);
    margin: 48.5px 0 0;
  }
  [data-foldername=top] section.sec01 .sec-wrap .detail .notes {
    padding: 0 80px 0 622px;
  }
  [data-foldername=top] section.sec01 .sec-wrap .detail .notes .fsizeup {
    font-size: 110%;
  }
  [data-foldername=top] section.sec01 .sec-wrap .detail .notes .note span {
    width: 185px;
  }
  [data-foldername=top] section.sec01 .sec-wrap .detail .notes .note span + span {
    width: calc(100% - 185px);
  }
  [data-foldername=top] section.sec01 .sec-wrap .detail .line-box {
    width: 100%;
    padding: 0 0;
    margin: 50px 0 0;
  }
  [data-foldername=top] section.sec01 .sec-wrap .detail .line-box ul {
    border-radius: 20px;
    border: 1px solid #333;
    padding: 38px 40px 35px;
  }
  [data-foldername=top] section.sec01 .sec-wrap .detail .line-box ul li {
    font-size: 14px;
    line-height: 1.6;
    letter-spacing: 0.12em;
  }
  [data-foldername=top] section.sec01 .sec-wrap .detail .line-box ul li sup {
    font-size: 14px;
    transform: translateY(3px);
    display: inline-block;
  }
  [data-foldername=top] section.sec01 .sec-wrap .detail .line-box ul li + li {
    margin: 9px 0 0;
  }
}
@media (min-width: 897px) {
  [data-foldername=top] section.sec02 {
    padding: 0;
    width: 1020px;
    margin: 0 auto;
  }
  [data-foldername=top] section.sec02 .sec-wrap {
    padding: 67px 0 0;
  }
  [data-foldername=top] section.sec02 .sec-wrap .frame {
    position: relative;
    padding: 77.5px 0 46.5px;
  }
  [data-foldername=top] section.sec02 .sec-wrap .frame:before {
    height: 77.5px;
    background: url("../../images/top/sec02/bg@pc.png") no-repeat center top/100% auto;
  }
  [data-foldername=top] section.sec02 .sec-wrap .frame:after {
    width: 100%;
    height: 50px;
    background: url("../../images/top/sec02/bg@pc.png") no-repeat center bottom/100% auto;
    z-index: -1;
  }
  [data-foldername=top] section.sec02 .sec-wrap .frame .bg {
    background: url("../../images/top/sec02/bg-middle@pc.png") repeat-y center top/100% auto;
    padding: 0 51px 0 0;
    box-sizing: border-box;
    width: 100%;
    position: relative;
    min-height: 640px;
  }
  [data-foldername=top] section.sec02 .sec-wrap .frame .bg .catch {
    width: 502px;
    margin-left: 58.5px;
  }
  [data-foldername=top] section.sec02 .sec-wrap .frame .bg .text {
    margin: 0;
    padding-right: 0;
    margin: 25px 0 0;
    padding-left: 60.5px;
  }
  [data-foldername=top] section.sec02 .sec-wrap .frame .bg .detail {
    width: 100%;
    position: relative;
    z-index: 20;
    margin-left: 0;
  }
  [data-foldername=top] section.sec02 .sec-wrap .frame .bg .thumb {
    margin: 40px 0 0;
    width: 100%;
    padding: 0 0 0 62px;
  }
  [data-foldername=top] section.sec02 .sec-wrap .frame .bg .thumb .caption {
    margin: 25px 0 0;
    letter-spacing: 0.045em;
    font-size: 14px;
    line-height: 1.6;
  }
  [data-foldername=top] section.sec02 .sec-wrap .frame .bg .thumb .caption + .caption {
    margin: 0;
  }
  [data-foldername=top] section.sec02 .sec-wrap .icon-window-text {
    margin: 39.5px 0 0 55.5px;
  }
  [data-foldername=top] section.sec02 .sec-wrap .icon-window-text.sp-item {
    display: none;
  }
}
@media (min-width: 897px) {
  [data-foldername=top] .btn-photograph {
    width: calc(100% - 80px);
    height: 170px;
    margin: 70px 0 0;
    border-radius: 0 20px 20px 0;
    padding: 0;
  }
  [data-foldername=top] .btn-photograph .btn-photograph-inner {
    width: 937px;
    margin: 0 auto;
  }
  [data-foldername=top] .btn-photograph .arr-circle {
    width: 50px;
    height: 50px;
    margin: 0 24px 0 0;
  }
  [data-foldername=top] .btn-photograph .arr-circle i {
    width: 16.5px;
    height: 16.5px;
  }
  [data-foldername=top] .btn-photograph .btn-text {
    width: 393.5px;
    height: 73px;
  }
}
[data-foldername=top] section.mv .visual-area .image, [data-foldername=top] section.mv .visual-area h1, [data-foldername=top] section.mv .visual-area .catch, [data-foldername=top] section.mv .visual-area .btns-sp {
  transform: translateY(4vw);
  opacity: 0;
}
[data-foldername=top] section.mv .visual-area .btns {
  transform: translateY(-4vw);
  opacity: 0;
}
@media (min-width: 897px) {
  [data-foldername=top] section.mv .visual-area .image, [data-foldername=top] section.mv .visual-area h1, [data-foldername=top] section.mv .visual-area .catch {
    transform: translateY(20px);
    opacity: 0;
  }
  [data-foldername=top] section.mv .visual-area .btns {
    transform: translateY(-10px);
    opacity: 0;
  }
}
[data-foldername=top] section.sec01 {
  transform: translateY(4vw);
  opacity: 0;
}
@media (min-width: 897px) {
  [data-foldername=top] section.sec01 {
    transform: translateY(20px);
  }
}
[data-foldername=top] section.sec01.show {
  opacity: 1;
  transform: translateY(0);
  transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.3s;
}

.windowloaded [data-foldername=top] section.mv .visual-area .image, .windowloaded [data-foldername=top] section.mv .visual-area h1, .windowloaded [data-foldername=top] section.mv .visual-area .catch, .windowloaded [data-foldername=top] section.mv .visual-area .btns, .windowloaded [data-foldername=top] section.mv .visual-area .btns-sp {
  transform: translateY(0);
  opacity: 1;
}
.windowloaded [data-foldername=top] section.mv .visual-area .image {
  transition: transform 0.8s 0.4s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.6s 0.4s;
}
.windowloaded [data-foldername=top] section.mv .visual-area h1 {
  transition: transform 0.8s 0.9s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.6s 0.9s;
}
.windowloaded [data-foldername=top] section.mv .visual-area .catch {
  transition: transform 0.8s 1.3s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.6s 1.3s;
}
.windowloaded [data-foldername=top] section.mv .visual-area .btns {
  transition: transform 0.8s 1.7s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.6s 1.7s;
}
.windowloaded [data-foldername=top] section.mv .visual-area .btns-sp {
  transition: transform 0.8s 2.5s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.6s 2.5s;
}