@charset "UTF-8";
/* ブレイクポイントの設定 min~max */
/* mq-target:指定してメディアクエリのみに適用 */
/* mq:指定より小さい画面に適用 */
/* mq:指定より大きい画面に適用 */
@-webkit-keyframes fv-img-anim {
  0% {
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
}
@-moz-keyframes fv-img-anim {
  0% {
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
}
@keyframes fv-img-anim {
  0% {
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
}
@media print, screen and (max-width: 767px) {
  body #background {
    position: fixed;
    width: 100%;
    height: 100vh;
    display: block;
    object-fit: cover;
  }
  body #main {
    background: none !important;
  }
  body #main.hide {
    opacity: 0;
    pointer-events: none;
  }
  body #main .wrapper {
    overflow: hidden;
  }
  body #main .wrapper .container {
    padding-top: 0;
  }
  body #main .wrapper .container .appStore {
    position: absolute;
    width: 36vw;
    bottom: 5.33333vw;
    right: 5.33333vw;
    padding: 0 !important;
  }
  body #main .wrapper .container .appStore img {
    width: 100%;
  }
  body #main .wrapper .container #top {
    width: 100%;
    height: 100vh;
    position: relative;
  }
  body #main .wrapper .container #top .logoArea {
    height: 90vw;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
  }
  body #main .wrapper .container #top .logo {
    width: 84.26667vw;
    margin: auto;
  }
  body #main .wrapper .container #top .logo img {
    width: 100%;
  }
  body #main .wrapper .container #top .copy {
    font-size: 4.53333vw;
    font-weight: 700;
    text-align: center;
    color: #fff;
    margin-top: 6.66667vw;
    letter-spacing: .1em;
  }
  body #main .wrapper .container #top .copy .min {
    display: inline-block;
    margin-top: 13.33333vw;
    font-size: 3.46667vw;
    line-height: 2;
    font-weight: 500;
    letter-spacing: 0.02em;
  }
  body #main .wrapper .container #top .about {
    position: absolute;
    bottom: 42.66667vw;
    left: 0;
    right: 0;
    margin: auto;
  }
  body #main .wrapper .container #top .about p {
    font-size: 3.52vw;
    font-weight: 700;
    text-align: center;
    color: #fff;
    position: relative;
    top: 16vw;
  }
  body #main .wrapper .container #detail {
    width: 100%;
    padding-bottom: 37.33333vw;
    position: relative;
  }
  body #main .wrapper .container #detail > * {
    padding: 0 8vw;
  }
  body #main .wrapper .container #detail > .swiper {
    padding: 0;
  }
  body #main .wrapper .container #detail .title {
    padding-top: 4vw;
  }
  body #main .wrapper .container #detail .title h2.ja {
    font-size: 4.8vw;
    font-weight: 700;
  }
  body #main .wrapper .container #detail .introRead {
    text-align: center;
    font-size: 4vw;
    font-weight: 700;
    line-height: 2.93333;
    margin-top: 28.53333vw;
    margin-bottom: 28.53333vw;
  }
  body #main .wrapper .container #detail .contentsCopy {
    text-align: center;
    font-size: 5.33333vw;
    font-weight: 700;
    line-height: 1.85714;
    margin-bottom: 9.2vw;
  }
  body #main .wrapper .container #detail .introImg {
    width: 100%;
  }
  body #main .wrapper .container #detail .introImg li {
    text-align: center;
  }
  body #main .wrapper .container #detail .introImg li img, body #main .wrapper .container #detail .introImg li video {
    width: 50.13333vw;
  }
  body #main .wrapper .container #detail .introImg li h3 {
    margin-top: 12.26667vw;
    font-size: 4.53333vw;
    font-weight: 700;
  }
  body #main .wrapper .container #detail .introImg li p {
    margin-top: 6.13333vw;
    font-size: 3.73333vw;
    line-height: 2;
  }
  body #main .wrapper .container #detail .swiper_1 {
    margin-bottom: 32vw;
  }
  body #main .wrapper .container #detail .swiper_2 .introImg img, body #main .wrapper .container #detail .swiper_2 .introImg video {
    border-radius: 6vw;
    border: #000 solid 2vw;
    background: #000;
  }
  body #main .wrapper .container #detail .flex {
    margin-top: 32.66667vw;
    padding: 0;
  }
  body #main .wrapper .container #detail .flex .read {
    padding: 0 8vw;
  }
  body #main .wrapper .container #detail .title.bottom {
    margin-top: 28.66667vw;
  }
  body #main .wrapper .container #detail .profile.bottom {
    margin-bottom: 30.13333vw;
  }
  body #main .wrapper .container #detail .contact .read {
    font-size: 4vw;
    font-weight: 700;
    line-height: 2.4;
    text-align: center;
    margin-bottom: 8.8vw;
  }
  body #main .wrapper .container #detail .contact .mail {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 41.33333vw;
    height: 41.33333vw;
    margin: auto;
  }
  body #main .wrapper .container #detail .contact .mail .img {
    width: 6.66667vw;
    height: 4.93333vw;
    margin-bottom: 4.93333vw;
    position: relative;
    z-index: 1;
  }
  body #main .wrapper .container #detail .contact .mail img {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
  }
  body #main .wrapper .container #detail .contact .mail img.hover {
    opacity: 0;
    transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
  }
  body #main .wrapper .container #detail .contact .mail p {
    font-size: 3.828vw;
    position: relative;
    z-index: 1;
  }
}
.float {
  z-index: -1;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  overflow: hidden;
  height: 100vh;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  pointer-events: none;
  -moz-transition: opacity 0.5s linear;
  -o-transition: opacity 0.5s linear;
  -webkit-transition: opacity 0.5s linear;
  transition: opacity 0.5s linear;
}
@media screen and (max-width: 767px) {
  .float {
    height: calc(var(--vh, 1vh) * 100);
  }
}
.float .content {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}
.float .content .container {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  flex-wrap: wrap;
  height: 100%;
}
.float .content .container iframe {
  width: 100vw;
  height: 56.26667vw;
}
.float .content .container iframe.hide {
  display: none;
}
.float .content .container .movieArea {
  margin-top: 18.66667vw;
  width: 100vw;
  height: 56.26667vw;
}
.float .content .container .movieArea .title {
  display: none;
}
.float .content .container .read {
  width: 100%;
  overflow-x: hidden;
  overflow-y: scroll;
  color: #fff;
  padding: 8vw;
  padding-top: 0;
  margin-top: 5.33333vw;
  height: calc(90vh - 75vw);
}
.float .content .container .read .title {
  color: #fff;
  text-align: center;
}
.float .content .container .read .title h2 {
  font-size: 4.8vw;
  font-weight: 300;
}
.float .content .container .read .title .txt {
  margin-top: 4.4vw;
  margin-bottom: 4.8vw;
  font-size: 11.2vw;
}
.float .content .container .read .title .txt .strong {
  font-size: 12.53333vw;
}
.float .content .container .read .title .txt .ja {
  font-weight: 500;
}
.float .content .container .read .title .txt span {
  display: block;
  margin-bottom: 1.33333vw;
}
.float .content .container .read dl dt {
  font-weight: 700;
  font-size: 4vw;
  margin-bottom: 1.86667vw;
}
.float .content .container .read dl dd {
  font-size: 3.73333vw;
  line-height: 2.14286;
}
.float .content .container .read .profile {
  margin-top: 8vw;
  border-bottom: rgba(255, 255, 255, 0.2) 1px solid;
}
.float .content .container .read .profile > li {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  padding: 8vw 0;
  position: relative;
  color: #fff;
  border-top: rgba(255, 255, 255, 0.2) 1px solid;
}
.float .content .container .read .profile > li .title {
  color: #fff;
  font-size: 8.26667vw;
  font-weight: 200;
  margin-bottom: 5.33333vw;
  width: 100%;
  text-align: left;
}
.float .content .container .read .profile > li .photo {
  width: 32vw;
  height: 32vw;
  border-radius: 50%;
  overflow: hidden;
}
.float .content .container .read .profile > li .photo img {
  width: 100%;
}
.float .content .container .read .profile > li .name {
  height: 32vw;
  margin-left: 8vw;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.float .content .container .read .profile > li .name p {
  font-size: 5.06667vw;
  font-weight: 700;
  line-height: 1.4;
}
.float .content .container .read .profile > li .name .sns-list {
  margin-top: 5.33333vw;
}
.float .content .container .read .profile > li .name .sns-list .sns-item {
  width: 6.13333vw;
  height: 6.13333vw;
  margin-right: 3.2vw;
}
.float .content .container .read .profile > li .intro {
  color: #cccccc;
  margin-top: 7.33333vw;
  font-size: 3.73333vw;
  line-height: 2.14286;
  width: 100%;
}
.float .content .container .float-close {
  position: fixed;
  width: 6.93333vw;
  right: 6.66667vw;
  top: 6.66667vw;
  display: inline-block;
  cursor: pointer;
}
.float .content .container .float-close img {
  width: 100%;
  vertical-align: top;
}
.float.open {
  z-index: 100;
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  pointer-events: all;
}
.float.movie .content {
  position: absolute;
  left: 0;
  top: 50%;
}
.float.movie .content .container #mov0 {
  display: block;
}
.float.movie .content .container .comment {
  display: none;
}
.float .background {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
}

#top .about::after, #top .about::before {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateY(-50%) translateX(-50%);
  content: '';
  width: 18.66667vw;
  height: 18.66667vw;
}
#top .about::before {
  background-image: url("../img/top/play_btn.svg");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
}
#top .about::after {
  background-image: url("../img/top/play_btn_on.svg");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}
#top .sns-list {
  position: absolute;
  left: 8%;
  bottom: 0;
  margin-bottom: 9.73333%;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  width: 16.8%;
  z-index: 1;
}
#top .sns-list .sns-item {
  width: 39.68254%;
  height: 6.66667vw;
  mix-blend-mode: screen;
}
#top .sns-list .sns-item .sns-item-link {
  width: 100%;
  height: 100%;
  display: inline-block;
  position: relative;
}
#top .sns-list .sns-item .sns-item-link .sns-img {
  position: absolute;
  width: 100%;
}
#top .sns-list .sns-item .sns-item-link .sns-img.on {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}

.mail::after, .mail::before {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateY(-50%) translateX(-50%);
  content: '';
  width: 41.33333vw;
  height: 41.33333vw;
  border-radius: 50%;
}
.mail::after {
  background: #e7e74e;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}

.swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
  bottom: 47vw !important;
}

.swiper-pagination-bullet {
  background: #999999 !important;
}

.swiper-pagination-bullet {
  background: #f5ff35 !important;
}

.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after,
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {
  content: " " !important;
}

.swiper-button-next,
.swiper-button-prev {
  width: 8.53333vw !important;
  height: 8.53333vw !important;
  border-radius: 50%;
  background: #ffffff;
  top: 110.4vw !important;
}
.swiper-button-next svg,
.swiper-button-prev svg {
  width: 1.86667vw;
  height: 3.2vw;
}

.swiper-button-next {
  right: 5.33333vw !important;
}

.swiper-button-prev {
  left: 5.33333vw !important;
}

@media print, screen and (min-width: 768px) {
  body #background {
    position: fixed;
    width: 100%;
    height: 100vh;
    display: block;
    object-fit: cover;
  }
  body #main {
    background: none !important;
  }
  body #main .wrapper .container {
    padding-top: 0;
  }
  body #main .wrapper .container .appStore {
    position: absolute;
    width: 11.66667vw;
    bottom: 2.43056vw;
    right: 2.43056vw;
  }
  body #main .wrapper .container .appStore img {
    width: 100%;
  }
  body #main .wrapper .container #top {
    width: 100%;
    height: 100vh;
    position: relative;
  }
  body #main .wrapper .container #top .logoArea {
    height: 26vw;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
  }
  body #main .wrapper .container #top .logo {
    width: 75.06944vw;
    margin: auto;
  }
  body #main .wrapper .container #top .logo img {
    width: 100%;
  }
  body #main .wrapper .container #top .copy {
    font-size: 1.38889vw;
    font-weight: 700;
    text-align: center;
    margin-top: 2.98611vw;
    letter-spacing: .1em;
  }
  body #main .wrapper .container #top .copy .min {
    display: inline-block;
    margin-top: 4.51389vw;
    font-size: 1.04167vw;
    line-height: 2;
    font-weight: 500;
  }
  body #main .wrapper .container #top .about {
    position: absolute;
    cursor: pointer;
    bottom: 10.41667vw;
    left: 0;
    right: 0;
    margin: auto;
  }
  body #main .wrapper .container #top .about p {
    font-size: 0.97222vw;
    font-weight: 700;
    text-align: center;
    color: #fff;
    position: relative;
    top: 4.51389vw;
  }
  body #main .wrapper .container #top .about::before, body #main .wrapper .container #top .about::after {
    width: 5.55556vw;
    height: 5.55556vw;
  }
  body #main .wrapper .container #top .about::before {
    -moz-transition: opacity 0.5s linear;
    -o-transition: opacity 0.5s linear;
    -webkit-transition: opacity 0.5s linear;
    transition: opacity 0.5s linear;
  }
  body #main .wrapper .container #top .about::after {
    -moz-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -moz-transition-property: -moz-transform, opacity;
    -o-transition-property: -o-transform, opacity;
    -webkit-transition-property: -webkit-transform, opacity;
    transition-property: transform, opacity;
    transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-transform-origin: center 50%;
    -ms-transform-origin: center 50%;
    -webkit-transform-origin: center 50%;
    transform-origin: center 50%;
  }
  body #main .wrapper .container #top .about:hover::before {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }
  body #main .wrapper .container #top .about:hover::after {
    -moz-transform: scale(1.1) translateY(-45%) translateX(-45%);
    -ms-transform: scale(1.1) translateY(-45%) translateX(-45%);
    -webkit-transform: scale(1.1) translateY(-45%) translateX(-45%);
    transform: scale(1.1) translateY(-45%) translateX(-45%);
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
  }
  body #main .wrapper .container #top .sns-list {
    left: 5.48611vw;
    margin-bottom: 0;
    bottom: 5.20833vw;
    width: 5.55556%;
    max-width: 80px;
  }
  body #main .wrapper .container #top .sns-list .sns-item {
    width: 37.5%;
    height: 2.08333vw;
    max-height: 80px;
    mix-blend-mode: screen;
  }
  body #main .wrapper .container #top .sns-list .sns-item .sns-item-link .sns-img {
    -moz-transition: opacity 0.3s linear;
    -o-transition: opacity 0.3s linear;
    -webkit-transition: opacity 0.3s linear;
    transition: opacity 0.3s linear;
  }
  body #main .wrapper .container #top .sns-list .sns-item .sns-item-link:hover .on {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
  }
  body #main .wrapper .container #top .sns-list .sns-item .sns-item-link:hover .off {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }
  body #main .wrapper .container #detail {
    width: 100%;
    padding: 0 5.55556vw;
    padding-bottom: 15.27778vw;
    position: relative;
  }
  body #main .wrapper .container #detail .title {
    padding-top: 2vw;
  }
  body #main .wrapper .container #detail .title h2.ja {
    font-size: 1.66667vw;
    font-weight: 700;
  }
  body #main .wrapper .container #detail .introRead {
    text-align: center;
    font-size: 1.18056vw;
    font-weight: 700;
    line-height: 3;
    margin-top: 17.43056vw;
    margin-bottom: 13.88889vw;
  }
  body #main .wrapper .container #detail .contentsCopy {
    text-align: center;
    font-size: 1.94444vw;
    font-weight: 700;
    line-height: 1.85714;
    margin-bottom: 4.79167vw;
  }
  body #main .wrapper .container #detail .introImg {
    display: flex;
    justify-content: center;
  }
  body #main .wrapper .container #detail .introImg li {
    margin: 0 2.77778vw;
    text-align: center;
    width: 20.83333vw;
  }
  body #main .wrapper .container #detail .introImg li img, body #main .wrapper .container #detail .introImg li video {
    width: 18.05556vw;
  }
  body #main .wrapper .container #detail .introImg li h3 {
    margin-top: 2.43056vw;
    font-weight: 700;
    font-size: 1.25vw;
  }
  body #main .wrapper .container #detail .introImg li p {
    margin-top: 1.73611vw;
    font-size: 1.04167vw;
    line-height: 2;
  }
  body #main .wrapper .container #detail .swiper_1 {
    margin-bottom: 15.27778vw;
  }
  body #main .wrapper .container #detail .swiper_2 .introImg img, body #main .wrapper .container #detail .swiper_2 .introImg video {
    border-radius: 2.08333vw;
    border: #000 solid 0.69444vw;
    background: #000;
  }
  body #main .wrapper .container #detail .flex {
    margin-top: 15.27778vw;
  }
  body #main .wrapper .container #detail .title.bottom {
    margin-top: 8vw;
  }
  body #main .wrapper .container #detail .profile.bottom {
    margin-bottom: 10vw;
  }
  body #main .wrapper .container #detail .contact {
    display: flex;
    justify-content: space-between;
  }
  body #main .wrapper .container #detail .contact .read {
    font-size: 1.25vw;
    font-weight: 700;
    line-height: 2.38889;
    text-align: left;
    margin: 0;
    margin-left: 23vw;
  }
  body #main .wrapper .container #detail .contact .mail {
    position: relative;
    width: 12.5vw;
    height: 12.5vw;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    margin-right: 21vw;
    transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
  }
  body #main .wrapper .container #detail .contact .mail .img {
    width: 1.80556vw;
    height: 1.38889vw;
    margin-bottom: 1.31944vw;
    position: relative;
    z-index: 1;
  }
  body #main .wrapper .container #detail .contact .mail .img img {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
  }
  body #main .wrapper .container #detail .contact .mail .img img.hover {
    opacity: 0;
    transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
  }
  body #main .wrapper .container #detail .contact .mail p {
    font-size: 1.04167vw;
    position: relative;
    z-index: 1;
  }
  body #main .wrapper .container #detail .contact .mail::before, body #main .wrapper .container #detail .contact .mail::after {
    width: 12.5vw;
    height: 12.5vw;
  }
  body #main .wrapper .container #detail .contact .mail::before {
    -moz-transition: opacity 0.5s linear;
    -o-transition: opacity 0.5s linear;
    -webkit-transition: opacity 0.5s linear;
    transition: opacity 0.5s linear;
  }
  body #main .wrapper .container #detail .contact .mail::after {
    -moz-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -moz-transition-property: -moz-transform, opacity;
    -o-transition-property: -o-transform, opacity;
    -webkit-transition-property: -webkit-transform, opacity;
    transition-property: transform, opacity;
    transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-transform-origin: center 50%;
    -ms-transform-origin: center 50%;
    -webkit-transform-origin: center 50%;
    transform-origin: center 50%;
  }
  body #main .wrapper .container #detail .contact .mail:hover {
    color: #000;
  }
  body #main .wrapper .container #detail .contact .mail:hover::before {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }
  body #main .wrapper .container #detail .contact .mail:hover::after {
    -moz-transform: scale(1.1) translateY(-45%) translateX(-45%);
    -ms-transform: scale(1.1) translateY(-45%) translateX(-45%);
    -webkit-transform: scale(1.1) translateY(-45%) translateX(-45%);
    transform: scale(1.1) translateY(-45%) translateX(-45%);
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
  }
  body #main .wrapper .container #detail .contact .mail:hover .img img.hover {
    opacity: 100;
  }
  body .float .content .container {
    flex-direction: row;
    justify-content: center;
    align-items: center;
  }
  body .float .content .container .movieArea {
    width: 48.61111vw;
    height: 38.19444vw;
    margin-top: 0;
  }
  body .float .content .container .movieArea .title {
    color: #fff;
    display: block;
  }
  body .float .content .container .movieArea .title h2 {
    font-size: 1.66667vw;
    font-weight: 300;
  }
  body .float .content .container .movieArea .title .txt {
    margin-top: 1.38889vw;
    margin-bottom: 3.125vw;
    font-size: 4.30556vw;
  }
  body .float .content .container .movieArea .title .txt .strong {
    font-size: 4.86111vw;
  }
  body .float .content .container .movieArea .title .txt .ja {
    font-weight: 500;
  }
  body .float .content .container .read {
    width: 27.77778vw;
    height: 38.19444vw;
    margin: auto;
    margin-left: 3.81944vw;
    color: #fff;
    overflow-y: scroll;
    display: block;
    padding: 0;
  }
  body .float .content .container .read .title {
    display: none;
  }
  body .float .content .container .read dl dt {
    font-weight: 700;
    font-size: 1.25vw;
    margin-bottom: 0.34722vw;
  }
  body .float .content .container .read dl dd {
    font-size: 1.04167vw;
    line-height: 2;
  }
  body .float .content .container .read .profile {
    margin-top: 2.43056vw;
    border-bottom: rgba(255, 255, 255, 0.2) 1px solid;
  }
  body .float .content .container .read .profile > li {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    padding: 2.43056vw 0;
    position: relative;
    color: #fff;
    border-top: rgba(255, 255, 255, 0.2) 1px solid;
  }
  body .float .content .container .read .profile > li .title {
    color: #fff;
    font-size: 2.5vw;
    font-weight: 200;
    margin-bottom: 2.43056vw;
    width: 100%;
  }
  body .float .content .container .read .profile > li .photo {
    width: 8.33333vw;
    height: 8.33333vw;
    border-radius: 50%;
    overflow: hidden;
  }
  body .float .content .container .read .profile > li .photo img {
    width: 100%;
  }
  body .float .content .container .read .profile > li .name {
    height: 8.33333vw;
    margin-left: 2.08333vw;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  body .float .content .container .read .profile > li .name p {
    font-size: 1.45833vw;
    font-weight: 700;
    line-height: 1.4;
  }
  body .float .content .container .read .profile > li .name .sns-list {
    margin-top: 1.94444vw;
  }
  body .float .content .container .read .profile > li .name .sns-list .sns-item {
    width: 1.73611vw;
    height: 1.73611vw;
    margin-right: 0.69444vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
  body .float .content .container .read .profile > li .name .sns-list .sns-item {
    width: 17px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1440px) {
  body .float .content .container .read .profile > li .name .sns-list .sns-item {
    width: 25px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
  body .float .content .container .read .profile > li .name .sns-list .sns-item {
    height: 17px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1440px) {
  body .float .content .container .read .profile > li .name .sns-list .sns-item {
    height: 25px;
  }
}
@media print, screen and (min-width: 768px) {
  body .float .content .container .read .profile > li .name .sns-list .sns-item a .on {
    transition: .5s;
  }
  body .float .content .container .read .profile > li .name .sns-list .sns-item a:hover .on {
    opacity: 1;
  }
  body .float .content .container .read .profile > li .intro {
    color: #cccccc;
    margin-top: 2.43056vw;
    font-size: 1.04167vw;
    line-height: 2.13333;
    width: 100%;
  }
  body .float .content .container iframe {
    width: 48.61111vw;
    height: 27.43056vw;
  }
  body .float .content .container .float-close {
    width: 2.15278vw;
    right: 2.43056vw;
    top: 2.43056vw;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -webkit-transition-property: -webkit-transform;
    transition-property: transform;
    -moz-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
  }
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
  body .float .content .container .float-close {
    width: 22px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1440px) {
  body .float .content .container .float-close {
    width: 31px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
  body .float .content .container .float-close {
    right: 24px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1440px) {
  body .float .content .container .float-close {
    right: 35px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
  body .float .content .container .float-close {
    top: 24px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1440px) {
  body .float .content .container .float-close {
    top: 35px;
  }
}
@media print, screen and (min-width: 768px) {
  body .float .content .container .float-close:hover {
    -moz-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    -webkit-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
  }
}
body.daytime .container #top {
  background: rgba(133, 133, 133, 0.5);
}
body.daytime .container #top .cls-1 {
  fill: #fff;
  fill-rule: evenodd;
}
body.daytime .container #top .copy {
  color: #fff;
}
body.daytime .container .hr {
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.85), rgba(133, 133, 133, 0.5));
  height: 13.88889vw;
}
body.daytime .container #detail {
  background: rgba(255, 255, 255, 0.85);
}
body.daytime .container #detail .introRead {
  color: #000;
}
body.daytime .container #detail .introImg li {
  color: #000;
}
body.daytime .container #detail .contentsCopy {
  color: #000;
}
body.daytime .container #detail .contact .read {
  color: #000;
}
body.daytime .mail {
  color: #fff;
}
body.daytime .mail::before {
  background: #000;
}
body.nighttime .container #top {
  background: rgba(41, 41, 41, 0.5);
}
body.nighttime .container #top .cls-1 {
  fill: #fff;
  fill-rule: evenodd;
}
body.nighttime .container #top .copy {
  color: #fff;
}
body.nighttime .container .hr {
  background: linear-gradient(0deg, rgba(41, 41, 41, 0.85), rgba(41, 41, 41, 0.5));
  height: 13.88889vw;
}
body.nighttime .container #detail {
  background: rgba(41, 41, 41, 0.85);
}
body.nighttime .container #detail .introRead {
  color: #fff;
}
body.nighttime .container #detail .introImg li {
  color: #fff;
}
body.nighttime .container #detail .contentsCopy {
  color: #fff;
}
body.nighttime .container #detail .contact .read {
  color: #fff;
}
body.nighttime .mail {
  color: #000;
}
body.nighttime .mail::before {
  background: #fff;
}
body.nighttime .mail .img img.hover {
  opacity: 100 !important;
}

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