/* Scss Document */
@media screen and (min-width: 980px) {
  .pcNone {
    display: none !important;
  }
  html {
    width: 100%;
    height: 100%;
    font-size: 14px;
  }
  body {
    width: 100%;
    height: 100%;
    font-size: 1rem;
  }
  img {
    display: block;
    height: auto;
  }
  header .logo {
    margin: auto 0;
    position: absolute;
    top: 50%;
    left: 7.25rem;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  header nav ul li {
    float: left;
  }
  header nav ul li span {
    width: 5rem;
    position: absolute;
    top: 1.5rem;
    left: 0;
  }
  footer {
    padding: 4.5rem 12.5rem calc((253 / 1080) * 100vh);
    position: relative;
  }
  footer address img {
    float: left;
  }
  footer nav ul li span {
    width: 5rem;
    position: absolute;
    top: 1.5rem;
    left: 0;
  }
  footer .copy {
    position: absolute;
    right: 12.5rem;
    bottom: calc(((253 / 1080) * 100vh) + 1rem);
  }
  footer .img {
    position: absolute;
    bottom: 0;
    left: calc((963 / 1920) * 100vw);
  }
  footer .back {
    position: absolute;
    top: 4rem;
    right: 4rem;
  }
  .subPage {
    width: 100%;
    overflow-x: hidden;
  }
  #index_s01 .box {
    position: absolute;
    top: 0;
    right: 0;
  }
  #index_s01 .box .box_inner {
    margin: auto;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  #index_s01 .box2 .img span {
    position: absolute;
    bottom: -1.5rem;
    left: 0;
  }
  #index_s02 .box .txt {
    margin: auto;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  #index_s02 .box2 p {
    margin: auto;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  #index_s02 .img {
    position: fixed;
    top: calc((66 / 1080) * 100vh);
    right: calc((0 - (100 / 1920)) * 100vw);
    opacity: 0;
    -webkit-filter: blur(32px);
    filter: blur(32px);
    -webkit-transition: 1s;
    transition: 1s;
  }
  #index_s02 .img.play {
    opacity: 1;
    -webkit-filter: blur(0px);
    filter: blur(0px);
  }
  #index_s02 .img img {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
  }
  #index_s02 .img2 {
    position: fixed;
    top: calc((203 / 1080) * 100vh);
    left: calc((0 - (18 / 1920)) * 100vw);
    opacity: 0;
    -webkit-filter: blur(32px);
    filter: blur(32px);
    -webkit-transition: 1s;
    transition: 1s;
  }
  #index_s02 .img2.play {
    opacity: 1;
    -webkit-filter: blur(0px);
    filter: blur(0px);
  }
  #index_s02 .img2 img {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
  }
  #index_s03 .box dl {
    margin: auto 0;
    position: absolute;
    top: 50%;
    left: calc((266.5 / 1920) * 100vw);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  #index_s03 .box dl dt {
    position: absolute;
    top: 0;
    right: 0;
  }
  #index_s03 .box dl dd {
    position: absolute;
    top: 0;
    left: 0;
  }
  #index_s03 .box2 .img span {
    position: absolute;
    bottom: 1rem;
    left: calc(((987 / 1920) * 100vw) - 11.5rem);
  }
  #index_s04 .box {
    position: absolute;
    top: 0;
    right: 0;
  }
  #index_s04 .box dl {
    margin: auto;
    position: absolute;
    top: calc((249 / 1080) * 100vh);
    left: 0;
    right: 0;
  }
  #index_s04 .box dl dt {
    position: absolute;
    top: 0;
    right: 0;
  }
  #index_s04 .box dl dd {
    position: absolute;
    top: 0;
    left: 0;
  }
  #index_s04 .slide {
    margin: auto;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  #index_s04 .txt {
    position: absolute;
    bottom: 4rem;
    left: 7rem;
  }
  #index_s05 .box .box_inner {
    position: absolute;
    top: calc((172 / 1080) * 100vh);
    left: calc((176 / 1920) * 100vw);
  }
  #index_s05 .box .box_inner dl {
    margin: auto;
    position: absolute;
    top: calc((45 / 1920) * 100vw);
    left: 0;
    right: 0;
  }
  #index_s05 .box .box_inner dl dt {
    width: calc((28 / 1920) * 100vw);
    position: absolute;
    top: 0;
    right: 0;
  }
  #index_s05 .box .box_inner dl dd {
    width: calc((111 / 1920) * 100vw);
    position: absolute;
    top: 0;
    left: 0;
  }
  #index_s05 .filter .box2 {
    margin: auto;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  #index_s05 .txt {
    position: absolute;
    bottom: -2.25rem;
    left: 13rem;
  }
  #index_s06 .txt {
    width: calc((1558 / 1920) * 100vw);
    line-height: 2;
    margin: calc(4rem - 0.5em) auto;
  }
  #collection .bg.extend {
    width: 100vw !important;
  }
  #outline_s01 .box {
    position: absolute;
    top: 0;
    left: 0;
  }
  #outline_s01 .box .box_inner {
    margin: auto;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  #outline_s01 .box2 {
    position: absolute;
    top: 0;
    right: 0;
  }
  #outline_s01 .box2 p {
    margin: auto;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  #outline_s01 .img {
    position: absolute;
    top: calc((0 - (282 / 1080)) * 86.06vh);
    left: calc((532 / 1920) * 100vw);
  }
  #outline_s01 .img2 {
    position: absolute;
    bottom: calc((9 / 1080) * 86.06vh);
    left: calc((112 / 1920) * 100vw);
  }
  #outline_s02 .box {
    position: absolute;
    top: 0;
    left: 0;
  }
  #outline_s02 .box p {
    margin: auto;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  #outline_s02 .img {
    position: absolute;
    bottom: calc((0 - (9 / 1080)) * 100vh);
    left: calc((66 / 1920) * 100vw);
    z-index: -1;
  }
  #outline_s02 .img2 {
    position: absolute;
    bottom: calc((0 - (49 / 1080)) * 100vh);
    right: calc((0 - (133 / 1920)) * 100vw);
  }
  #outline_s03 dl {
    margin: auto 0;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  #outline_s03 dl dt {
    position: absolute;
    top: 0;
    left: calc((0 - (115 / 1920)) * 100vw);
  }
  #outline_s03 .img {
    position: absolute;
    bottom: calc((0 - (200 / 1080)) * 100vh);
    left: 0;
    z-index: 2;
  }
  #outline_s04 .box {
    position: absolute;
    top: 0;
    left: 0;
  }
  #outline_s04 .box p {
    margin: auto;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  #outline_s04 .img {
    position: absolute;
    bottom: calc((198 / 1080) * 100vh);
    right: calc((328 / 1920) * 100vw);
  }
  #outline_s04 .img2 {
    position: absolute;
    top: calc((124 / 1080) * 100vh);
    right: calc((772 / 1920) * 100vw);
  }
  #outline_s04 .img3 {
    position: absolute;
    top: calc((468 / 1080) * 100vh);
    right: calc((84 / 1920) * 100vw);
  }
  #outline_s04 .img4 {
    position: absolute;
    bottom: 0;
    left: calc((74 / 1920) * 100vw);
  }
  #outline_s04 .img5 {
    position: absolute;
    bottom: calc((0 - (5 / 1080)) * 100vh);
    right: calc((696 / 1920) * 100vw);
  }
  #outline_s05 .box .left {
    width: calc(50% - 3.5rem);
    float: left;
  }
  #outline_s05 .box .right {
    width: calc(50% - 3.5rem);
    float: right;
  }
  #outline_s05 .img {
    position: absolute;
    top: calc((28 / 1080) * 100vh);
    right: calc((0 - (181 / 1920)) * 100vw);
  }
  #contact_s01 .box {
    margin: 0 auto;
  }
  #contact_s01 .box ul li {
    width: calc((100% - 5rem - 1px) / 3);
    float: left;
    margin: 0 2.5rem 0 0;
  }
  #contact_s01 .box ul li:last-child {
    margin-right: 0;
  }
  #contact_s01 .img2 {
    position: absolute;
    bottom: 0;
    left: calc((31 / 1920) * 100vw);
  }
  #constitution #constitution_s01 {
    font-size: 162.5%;
  }
  #constitution .constitution_s02 {
    font-size: 162.5%;
  }
}

@media screen and (min-width: 1440px) {
  #outline_s01 .box2 p {
    font-size: 187.5%;
  }
  #outline_s02 .box p {
    font-size: 187.5%;
  }
  #outline_s03 dl dd {
    font-size: 187.5%;
  }
  #outline_s04 .box p {
    font-size: 187.5%;
  }
  #constitution_s01 {
    font-size: 175%;
  }
  .constitution_s02 {
    font-size: 175%;
  }
}