@charset "UTF-8";

.pc_only {
  display: none !important;
}

body{
  width: calc(750*(100vw / 750));
  overflow-x: hidden;
}

html{
  margin: 0;
  padding: 0;
  text-decoration: none;
  list-style: none;
  color: #000;
}

#AW_1ST {
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic", "メイリオ", sans-serif;
  color: #000000;
}

/* #AW_1ST .credits{
  text-align: center;
  display: flex;
  justify-content: center;
  font-size: calc(24*(100vw / 750));
  letter-spacing: 0.1em;
  margin-bottom: calc(180*(100vw / 750));
}

#AW_1ST .credits li{
  margin-left: calc(15*(100vw / 750));
  margin-right: calc(15*(100vw / 750));
} */

#AW_1ST img {
  width: 100%;
  /* opacity: 0.3; */
}

#AW_1ST .sec figure{
  width: calc(375*(100vw / 750));
}

#AW_1ST .sec figure img{
  width: calc(375*(100vw / 750));
}

#AW_1ST .sec figure .vid, #AW_1ST .sec figure .vid3{
  width: calc(375*(100vw / 750));
  height: calc(563*(100vw / 750));
  object-fit: cover;
}

#AW_1ST figure .vid5{
  width: calc(750*(100vw / 750));
  height: calc(1125.5*(100vw / 750));
  object-fit: cover;
}

#AW_1ST .sec .content4_3, #AW_1ST .sec .content11_1, #AW_1ST .sec .content16_2{
  width: calc(750*(100vw / 750));
}

#AW_1ST .sec .content4_3 img, #AW_1ST .sec .content11_1 img, #AW_1ST .sec .content16_2 img{
  width: calc(750*(100vw / 750));
}

#AW_1ST .content1_2, #AW_1ST .content3_2, #AW_1ST .content7_1,
#AW_1ST .content9_2, #AW_1ST .content11_2, #AW_1ST .content13_2,
#AW_1ST .content14_2{
  margin-left: auto;
}

#AW_1ST .sec2 .flex, #AW_1ST .sec4 .flex, #AW_1ST .sec6 .flex, 
#AW_1ST .sec8 .flex, #AW_1ST .sec10 .flex, #AW_1ST .sec12 .flex,
#AW_1ST .sec15-2 .flex{
  display: flex;
}

#AW_1ST .by{
  font-family: 'ヒラギノ角ゴ Pro W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
  font-size: calc(21*(100vw / 750));
  line-height: 1.81;
  margin: calc(50*(100vw / 750)) 0;
  margin-left: calc(35*(100vw / 750));
}

#AW_1ST .extra{
  display: block;
  margin-left: calc(72 *(100vw / 750));
}

#AW_1ST .remodal .by{
  margin-top: calc(80*(100vw / 750));
}

#AW_1ST .remodal{
  position: fixed;
  z-index: 10000;
  width: 100vw;
  height: 100vh;
  top: 0;
  left: 0;
  background-color: #fff;
  overflow-y: auto;
  display: none;
}

#AW_1ST .remodal img{
  width: 100%;
  height: 100%;
}

#AW_1ST .remodal .back{
  font-size: calc(21*(100vw / 750));
  font-family: futura-pt, sans-serif;
  font-weight: 400;
  font-style: normal;
  position: fixed;
  right: calc(40*(100vw / 750));
  bottom: calc(50 *(100vw / 750));
  text-decoration: underline;
  z-index: 100;
}

#AW_1ST .remodal_title{
  text-align: center;
  font-family: futura-pt, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: calc(30*(100vw / 750));
  line-height: 1.5333;
  letter-spacing: 0.08em;
  margin-top: calc(45*(100vw / 750));
}

#AW_1ST .remodal figure, .slide_img img, 
#AW_1ST .remodal .remodal_content, #AW_1ST .remodal .vid4{
  width: calc(685*(100vw / 750));
}

#AW_1ST .remodal .vid4{
  height: calc(1028.4*(100vw / 750));
  object-fit: cover;
}


#AW_1ST .remodal_content{
  margin: calc(40*(100vw / 750)) auto 0;
}

#AW_1ST .remodal_content .slide_img{
  margin-bottom: calc(16*(100vw / 750));
}

#AW_1ST .credits li{
margin-right: calc(15*(100vw / 750));
}

#AW_1ST .remodal .credits{
  font-family: 'ヒラギノ角ゴ Pro W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
  font-size: calc(21*(100vw / 750));
  line-height: 1.81 ;
  display: flex;
  flex-wrap: wrap;
  width: 90%;
}

#AW_1ST body.open{
  overflow-y: hidden;
  height: 100vh;
}

/* safari */
@media screen and (-webkit-min-device-pixel-ratio: 0) {
    _::-webkit-full-page-media, _:future, :root #AW_1ST .remodal .back{
      font-size: calc(21*(100vw / 750));
      font-family: futura-pt, sans-serif;
      font-weight: 400;
      font-style: normal;
      position: fixed;
      right: 20px;
      top: 585px;
      text-decoration: underline;
      z-index: 100;
    }
}

#AW_1ST .bottom_area .check_btn a {
  width: calc(710 * (100vw / 750));
  margin: calc(0 * (100vw / 750)) auto calc(90 * (100vw / 750));
  font-size: calc(25 * (100vw / 750));
  line-height: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  height: calc(60*(100vw / 750));
  letter-spacing: 0.04em;
  text-align: center;
  border: 1px solid #000;
}

#AW_1ST .main_sub_ttl{
  margin-bottom: calc(100 * (100vw / 750));
  text-align: center;
  font-size: calc(28 * (100vw / 750));
  line-height: calc(44 * (100vw / 750));
}