@charset "UTF-8";
html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  list-style: none;
}
body {
  line-height: 1;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
nav ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}
a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  text-decoration: none;
}
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}
mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}
del {
  text-decoration: line-through;
}
abbr[title],
dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}
input,
select {
  vertical-align: middle;
}
img,
video {
  font-size: 0;
  line-height: 0;
}
@font-face {
  font-family: 'Roboto-Bold';
  src: url("../font/Roboto-Bold.ttf");
}
@font-face {
  font-family: 'Roboto-Medium';
  src: url("../font/Roboto-Medium.ttf");
}
@font-face {
  font-family: 'Roboto-Regular';
  src: url("../font/Roboto-Regular.ttf");
}
* {
  -webkit-touch-callout: none;
}
body {
  font-family: 'Roboto-Medium', sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-text-size-adjust: 100%;
  color: #fff;
  background-color: #000;
  overflow-x: hidden;
  opacity: 0;
}
body img {
  width: 100%;
  vertical-align: top;
}
body svg {
  width: 100%;
  vertical-align: top;
}
@media screen and (max-width: 959px) {
  .u-is-pc {
    display: none !important;
  }
}
@media screen and (min-width: 960px) {
  .u-is-sp {
    display: none !important;
  }
}
.u-img-wrap {
  font-size: 0;
  line-height: 0;
}
@media screen and (max-width: 959px) {
  .p-atp {
    overflow: hidden;
  }
}
.ball {
  position: absolute;
  background-image: url("../img/common/ball.png");
  background-size: cover;
  z-index: 5;
  -webkit-transform-origin: top left;
  transform-origin: top left;
}
@media screen and (min-width: 960px) {
  .ball {
    width: 134px;
    height: 134px;
    -webkit-animation: ballAnim_pc 0.3s steps(17) infinite;
    animation: ballAnim_pc 0.3s steps(17) infinite;
    -webkit-filter: drop-shadow(16px 16px 12px rgba(0,0,0,0.3));
    filter: drop-shadow(16px 16px 12px rgba(0,0,0,0.3));
  }
}
@media screen and (max-width: 959px) {
  .ball {
    width: 58px;
    height: 58px;
    -webkit-animation: ballAnim_sp 0.25s steps(17) infinite;
    animation: ballAnim_sp 0.25s steps(17) infinite;
    -webkit-filter: drop-shadow(6px 6px 12px rgba(0,0,0,0.7));
    filter: drop-shadow(6px 6px 12px rgba(0,0,0,0.7));
  }
}
@media screen and (min-width: 960px) {
  .ball.ball1 {
    top: 45vw;
    left: 71vw;
  }
}
@media screen and (max-width: 959px) {
  .ball.ball1 {
    top: 59vw;
    left: 79vw;
  }
}
@media screen and (min-width: 960px) {
  .ball.ball2 {
    top: -3vw;
    left: 25vw;
  }
}
@media screen and (max-width: 959px) {
  .ball.ball2 {
    top: -5vw;
    left: 14vw;
  }
}
@media screen and (min-width: 960px) {
  .ball.ball3 {
    top: 18.5vw;
    left: 73.5vw;
  }
}
@media screen and (max-width: 959px) {
  .ball.ball3 {
    top: 43vw;
    left: 67vw;
  }
}
@media screen and (min-width: 960px) {
  .ball.ball4 {
    top: 13vw;
    left: 22vw;
  }
}
@media screen and (max-width: 959px) {
  .ball.ball4 {
    top: 29vw;
    left: 18vw;
  }
}
.fadeTitle {
  -webkit-mask-image: url("../img/opening/grad_mask.png");
  mask-image: url("../img/opening/grad_mask.png");
  -webkit-mask-size: 300%;
  mask-size: 300%;
}
::-moz-selection {
  background-color: #0022b3;
  color: #000;
}
::selection {
  background-color: #0022b3;
  color: #000;
}
@-webkit-keyframes ballAnim_pc {
  to {
    background-position-x: calc(134px*17);
  }
}
@keyframes ballAnim_pc {
  to {
    background-position-x: calc(134px*17);
  }
}
@-webkit-keyframes ballAnim_sp {
  to {
    background-position-x: calc(58px*17);
  }
}
@keyframes ballAnim_sp {
  to {
    background-position-x: calc(58px*17);
  }
}
.c-movie {
  position: relative;
}
.c-movie .itm {
  position: relative;
}
.c-movie .thumb_wrap {
  position: relative;
  overflow: hidden;
}
@media screen and (min-width: 960px) {
  .c-movie .thumb_wrap:hover .icon {
    scale: 1.1;
  }
}
@media screen and (min-width: 960px) {
  .c-movie .thumb_wrap:hover .thumb .img_wrap {
    scale: 1.2;
    opacity: 0.8;
  }
}
@media screen and (min-width: 960px) {
  .c-movie .thumb_wrap .thumb .img_wrap {
    -webkit-transition: 0.3s cubic-bezier(0.65, 0.05, 0.36, 1);
    transition: 0.3s cubic-bezier(0.65, 0.05, 0.36, 1);
  }
}
.c-movie .thumb_wrap .icon {
  position: absolute;
  margin: auto;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  -webkit-transition: 0.3s cubic-bezier(0.35, 0.05, 0.36, 1);
  transition: 0.3s cubic-bezier(0.35, 0.05, 0.36, 1);
  z-index: 1;
  pointer-events: none;
}
@media screen and (min-width: 960px) {
  .c-movie .thumb_wrap .icon {
    width: 88px;
    height: 113px;
  }
}
@media screen and (max-width: 959px) {
  .c-movie .thumb_wrap .icon {
    width: 19.733333333333334vw;
    height: 25.333333333333336vw;
  }
}
.c-movie .thumb_wrap .link_wrap .ttl {
  width: auto !important;
}
@media screen and (min-width: 960px) {
  .c-movie .thumb_wrap .link_wrap .ttl {
    font-size: 3.660322108345535vw;
  }
}
@media screen and (max-width: 959px) {
  .c-movie .thumb_wrap .link_wrap .ttl {
    font-size: 8.533333333333333vw;
  }
}
.c-movie .thumb_wrap .link_wrap .head {
  width: auto !important;
}
@media screen and (min-width: 960px) {
  .c-movie .thumb_wrap .link_wrap .head {
    font-size: 1.317715959004393vw;
  }
}
@media screen and (max-width: 959px) {
  .c-movie .thumb_wrap .link_wrap .head {
    font-size: 3.733333333333334vw;
  }
}
.c-movie .thumb_wrap .link_wrap .txt {
  width: auto !important;
}
@media screen and (min-width: 960px) {
  .c-movie .thumb_wrap .link_wrap .txt {
    font-size: 0.732064421669107vw;
  }
}
@media screen and (max-width: 959px) {
  .c-movie .thumb_wrap .link_wrap .txt {
    font-size: 2.666666666666667vw;
  }
}
@media screen and (min-width: 960px) {
  .c-catch {
    font-size: 0.732064421669107vw;
    letter-spacing: 0.1em;
    line-height: 1.4;
  }
}
@media screen and (max-width: 959px) {
  .c-catch {
    font-size: 2.666666666666667vw;
    letter-spacing: 0.1em;
    line-height: 1.4;
  }
}
.modal-video {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  z-index: 1000000;
  cursor: pointer;
  opacity: 1;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
  -webkit-animation-duration: 0.1s;
  animation-duration: 0.1s;
  -webkit-animation-name: modal-video;
  animation-name: modal-video;
  -webkit-transition: opacity 0.1s ease-out;
  transition: opacity 0.1s ease-out;
}
.modal-video-close {
  opacity: 0;
}
.modal-video-body {
  width: 100%;
  height: 100%;
  margin: 0 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media screen and (min-width: 960px) {
  .modal-video-body {
    max-width: 66.17862371888727vw;
  }
}
.modal-video-inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  height: 100%;
}
@media (orientation: landscape) {
  .modal-video-inner {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
}
.modal-video-movie-wrap {
  width: 100%;
  height: 0;
  position: relative;
  padding-bottom: 56.25%;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  -webkit-transition: -webkit-transform 0.1s ease-out;
  transition: -webkit-transform 0.1s ease-out;
  transition: transform 0.1s ease-out;
  transition: transform 0.1s ease-out, -webkit-transform 0.1s ease-out;
}
.modal-video-movie-wrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.modal-video-close-btn,
.modal-video-close-btn-sp {
  position: absolute;
  z-index: 2;
  display: inline-block;
  overflow: hidden;
  border: none;
  background: url("../img/common/modal_close.svg") left top no-repeat;
  background-size: cover;
}
@media screen and (min-width: 960px) {
  .modal-video-close-btn {
    width: 3.660322108345535vw;
    height: 3.660322108345535vw;
    top: 0;
    right: -7.320644216691069vw;
  }
}
@media screen and (max-width: 959px) {
  .modal-video-close-btn {
    display: none;
  }
}
@media screen and (min-width: 960px) {
  .modal-video-close-btn-sp {
    display: none;
  }
}
@media screen and (max-width: 959px) {
  .modal-video-close-btn-sp {
    width: 5.600000000000001vw;
    height: 5.600000000000001vw;
    top: 5.600000000000001vw;
    right: 5.600000000000001vw;
  }
}
@-webkit-keyframes modal-video {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes modal-video {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@media screen and (min-width: 960px) {
  .p-atp-footer {
    padding-top: 2.196193265007321vw;
    padding-left: 2.562225475841874vw;
    padding-right: 2.562225475841874vw;
    padding-bottom: 2.562225475841874vw;
  }
}
@media screen and (max-width: 959px) {
  .p-atp-footer {
    padding-top: 16vw;
    padding-left: 6.4vw;
    padding-right: 6.4vw;
    padding-bottom: 5.333333333333334vw;
  }
}
.p-atp-footer p {
  font-weight: 500;
  letter-spacing: 0.1em;
}
@media screen and (min-width: 960px) {
  .p-atp-footer p {
    font-size: 0.732064421669107vw;
  }
}
@media screen and (max-width: 959px) {
  .p-atp-footer p {
    font-size: 2.666666666666667vw;
  }
}
.p-atp-header {
  z-index: 10;
}
@media screen and (min-width: 960px) {
  .p-atp-header {
    position: fixed;
    background-color: #fff;
    width: 100%;
  }
}
@media screen and (max-width: 959px) {
  .p-atp-header {
    position: fixed;
    background-color: #fff;
    width: 100%;
  }
}
@media screen and (min-width: 960px) {
  .p-atp-header .p-atp-header-inner {
    height: 90px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-left: 2.562225475841874vw;
    padding-right: 1.830161054172767vw;
  }
}
@media screen and (max-width: 959px) {
  .p-atp-header .p-atp-header-inner {
    height: 86px;
    padding-left: 4vw;
    padding-right: 4vw;
  }
}
@media screen and (min-width: 960px) {
  .p-atp-header .nav_btn {
    display: none;
  }
}
@media screen and (max-width: 959px) {
  .p-atp-header .nav_btn {
    position: fixed;
    right: 5.600000000000001vw;
    top: 39px;
    width: 8vw;
    height: 2.133333333333333vw;
    cursor: pointer;
  }
}
@media screen and (max-width: 959px) {
  .p-atp-header .nav_btn span {
    display: inline-block;
    -webkit-transition: all 0.4s cubic-bezier(0.87, 0, 0.13, 1);
    transition: all 0.4s cubic-bezier(0.87, 0, 0.13, 1);
    position: absolute;
    left: 0;
    height: 1px;
    background-color: #000239;
  }
}
@media screen and (max-width: 959px) {
  .p-atp-header .nav_btn span:nth-of-type(1) {
    top: 0;
    width: 100%;
  }
}
@media screen and (max-width: 959px) {
  .p-atp-header .nav_btn span:nth-of-type(2) {
    top: 1.866666666666667vw;
    width: 100%;
  }
}
@media screen and (max-width: 959px) {
  .p-atp-header .nav_btn.is-active span:nth-of-type(1) {
    top: 0.8vw;
    left: 0;
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
    -webkit-transform-origin: center;
    transform-origin: center;
    width: 100%;
  }
}
@media screen and (max-width: 959px) {
  .p-atp-header .nav_btn.is-active span:nth-of-type(2) {
    top: 0.8vw;
    left: 0;
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
    -webkit-transform-origin: center;
    transform-origin: center;
    width: 100%;
  }
}
@media screen and (min-width: 960px) {
  .p-atp-header .logo {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
/*    padding-top: 20px;
    padding-bottom: 20px;*/
    max-width: 220px;
  }
}
@media screen and (max-width: 959px) {
  .p-atp-header .logo {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
/*    padding-top: 19px;
    padding-bottom: 19px;*/
		padding: 3% 0 0;
    max-width: 210px;
  }
}
.p-atp-header .logo .logo1 {
  padding-right: 11px;
  border-right: solid 1px #c5c5c5;
}
@media screen and (min-width: 960px) {
  .p-atp-header .logo .logo1 {
    width: 89px;
  }
}
@media screen and (max-width: 959px) {
  .p-atp-header .logo .logo1 {
    width: 89px;
  }
}
.p-atp-header .logo .logo2 {
  padding-left: 10px;
}
@media screen and (min-width: 960px) {
  .p-atp-header .logo .logo2 {
    width: 109px;
  }
}
@media screen and (max-width: 959px) {
  .p-atp-header .logo .logo2 {
    width: 109px;
  }
}
@media screen and (max-width: 959px) {
  .p-atp-header .nav_wrap {
    position: absolute;
    width: 100%;
    height: 0vh;
    left: 0vw;
    top: 86px;
    background-color: #fff;
    overflow-y: scroll;
    overflow-x: hidden;
    -webkit-transition: all 0.6s cubic-bezier(0.87, 0, 0.13, 1);
    transition: all 0.6s cubic-bezier(0.87, 0, 0.13, 1);
  }
}
@media screen and (max-width: 959px) {
  .p-atp-header .nav_wrap.is-active {
    height: 100vh;
  }
  .p-atp-header .nav_wrap.is-active nav li {
    opacity: 1;
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
  }
  .p-atp-header .nav_wrap.is-active .border {
    width: 89.06666666666668vw;
  }
  .p-atp-header .nav_wrap.is-active .related .itm {
    opacity: 1;
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
  }
}
@media screen and (max-width: 959px) {
  .p-atp-header nav {
    display: block;
  }
}
@media screen and (min-width: 960px) {
  .p-atp-header nav ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
}
@media screen and (max-width: 959px) {
  .p-atp-header nav ul {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: auto;
    width: 89.06666666666668vw;
    padding: 10.666666666666668vw 5.333333333333334vw 0vw 0vw;
  }
}
@media screen and (min-width: 960px) {
  .p-atp-header nav ul li {
    margin-left: 2.928257686676428vw;
  }
}
@media screen and (max-width: 959px) {
  .p-atp-header nav ul li {
    margin-bottom: 6.4vw;
    opacity: 0;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: all 0.6s cubic-bezier(0.87, 0, 0.13, 1);
    transition: all 0.6s cubic-bezier(0.87, 0, 0.13, 1);
  }
  .p-atp-header nav ul li:nth-child(1) {
    -webkit-transition-delay: 0.35s;
    transition-delay: 0.35s;
  }
  .p-atp-header nav ul li:nth-child(2) {
    -webkit-transition-delay: 0.4s;
    transition-delay: 0.4s;
  }
  .p-atp-header nav ul li:nth-child(3) {
    -webkit-transition-delay: 0.45s;
    transition-delay: 0.45s;
  }
  .p-atp-header nav ul li:nth-child(4) {
    -webkit-transition-delay: 0.5s;
    transition-delay: 0.5s;
  }
  .p-atp-header nav ul li:nth-child(5) {
    -webkit-transition-delay: 0.55s;
    transition-delay: 0.55s;
  }
}
@media screen and (max-width: 959px) {
  .p-atp-header nav ul li:last-child {
    margin-bottom: 10.666666666666668vw;
  }
}
.p-atp-header nav ul li a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  color: #000239;
}
@media screen and (min-width: 960px) {
  .p-atp-header nav ul li a {
    text-transform: uppercase;
  }
}
@media screen and (min-width: 960px) {
  .p-atp-header nav ul li .txt {
    font-size: 0.878477306002928vw;
    letter-spacing: 0.1em;
    position: relative;
  }
}
@media screen and (min-width: 960px) {
  .p-atp-header nav ul li .txt img {
    display: block;
    padding-bottom: 1px;
  }
}
.p-atp-header nav ul li .txt::after {
  position: relative;
  bottom: 0;
  content: '';
  display: block;
  background: #000239;
  width: 0%;
  height: 1px;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
@media screen and (min-width: 960px) {
  .p-atp-header nav ul li .txt:hover::after {
    width: 100%;
  }
}
@media screen and (min-width: 960px) {
  .p-atp-header nav ul li .subtxt {
    display: none;
  }
}
@media screen and (max-width: 959px) {
  .p-atp-header nav ul li .subtxt {
    margin-top: 1.866666666666667vw;
    font-size: 3.2vw;
  }
}
@media screen and (max-width: 959px) {
  .p-atp-header nav ul li.sponsorship .txt {
    width: 80.26666666666667vw;
  }
}
@media screen and (max-width: 959px) {
  .p-atp-header nav ul li.nittomore .txt {
    width: 54.93333333333334vw;
  }
}
@media screen and (max-width: 959px) {
  .p-atp-header nav ul li.attempt .txt {
    width: 44.266666666666666vw;
  }
}
@media screen and (max-width: 959px) {
  .p-atp-header nav ul li.report .txt {
    width: 68.26666666666667vw;
  }
}
@media screen and (max-width: 959px) {
  .p-atp-header nav ul li.cm .txt {
    width: 72.53333333333333vw;
  }
}
@media screen and (min-width: 960px) {
  .p-atp-header nav ul li .txt + .icon {
    max-width: 12px;
    width: 0.878477306002928vw;
    margin-left: 0.468521229868228vw;
    margin-top: -0.146412884333821vw;
  }
}
@media screen and (max-width: 959px) {
  .p-atp-header nav ul li .txt + .icon {
    width: 3.2vw;
    margin-left: 1.6vw;
    margin-top: 0.8vw;
  }
}
@media screen and (min-width: 960px) {
  .p-atp-header .related {
    display: none;
  }
}
@media screen and (max-width: 959px) {
  .p-atp-header .related {
    position: relative;
    left: 5.333333333333334vw;
    padding: 10.666666666666668vw 0;
    margin-bottom: 10.666666666666668vw;
  }
}
@media screen and (max-width: 959px) {
  .p-atp-header .related .itm {
    margin-bottom: 8vw;
  }
}
@media screen and (max-width: 959px) {
  .p-atp-header .related .ttl.ttl1 {
    width: 57.599999999999994vw;
  }
}
@media screen and (max-width: 959px) {
  .p-atp-header .related .ttl.ttl2 {
    width: 21.066666666666666vw;
  }
}
@media screen and (max-width: 959px) {
  .p-atp-header .related .txt {
    margin-top: 1.6vw;
  }
}
.p-atp-header .related .itm {
  opacity: 0;
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
  -webkit-transition: all 0.6s cubic-bezier(0.87, 0, 0.13, 1);
  transition: all 0.6s cubic-bezier(0.87, 0, 0.13, 1);
}
.p-atp-header .related .itm:nth-child(1) {
  -webkit-transition-delay: 0.65s;
  transition-delay: 0.65s;
}
.p-atp-header .related .itm:nth-child(2) {
  -webkit-transition-delay: 0.7s;
  transition-delay: 0.7s;
}
.p-atp-header .related .itm a {
  color: #000239;
  font-size: 2.666666666666667vw;
}
.p-atp-header .related .itm a .icon_blank span {
  display: inline-block;
}
@media screen and (max-width: 959px) {
  .p-atp-header .related .itm a .icon_blank span {
    margin-left: 1.333333333333333vw;
  }
}
.p-atp-header .related .itm a .icon_blank span img {
  vertical-align: bottom;
}
.p-atp-header .border {
  height: 1px;
  background: #333;
  width: 0;
  margin-left: 5.466666666666667vw;
  -webkit-transition: all 0.6s cubic-bezier(0.87, 0, 0.13, 1);
  transition: all 0.6s cubic-bezier(0.87, 0, 0.13, 1);
  -webkit-transition-delay: 0.6s;
  transition-delay: 0.6s;
}
.p-atp-block .p-atp-section .intro {
  margin: 0 auto;
  position: relative;
}
.p-atp-block .p-atp-section .intro .img {
  position: absolute;
  left: 0;
  z-index: -1;
  -webkit-filter: brightness(20%);
  filter: brightness(20%);
}
@media screen and (min-width: 960px) {
  .p-atp-block .p-atp-section .intro .img {
    top: -21.44948755490483vw;
  }
}
@media screen and (max-width: 959px) {
  .p-atp-block .p-atp-section .intro .img {
    top: -17.599999999999998vw;
  }
}
.p-atp-block .p-atp-section .intro .blk {
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 960px) {
  .p-atp-block .p-atp-section .intro .blk {
    width: 63.61639824304539vw;
    padding-top: 15.885797950219619vw;
  }
}
@media screen and (max-width: 959px) {
  .p-atp-block .p-atp-section .intro .blk {
    width: 89.06666666666668vw;
    padding-top: 20vw;
  }
}
@media screen and (min-width: 960px) {
  .p-atp-block .p-atp-section .intro h1.ttl {
    width: 62.664714494875554vw;
  }
}
@media screen and (max-width: 959px) {
  .p-atp-block .p-atp-section .intro h1.ttl {
    width: 89.06666666666668vw;
  }
}
@media screen and (min-width: 960px) {
  .p-atp-block .p-atp-section .intro .txt {
    width: 28.69692532942899vw;
  }
}
@media screen and (max-width: 959px) {
  .p-atp-block .p-atp-section .intro .txt {
    margin-top: 10.666666666666668vw;
    width: 73.6vw;
  }
}
@media screen and (min-width: 960px) {
  .p-atp-block .p-atp-section .intro .subtxt {
    width: 38.50658857979502vw;
    margin-top: 2.928257686676428vw;
    margin-left: auto;
    font-size: 1.02489019033675vw;
    font-weight: bold;
    line-height: 2;
    letter-spacing: 0.03em;
    padding-bottom: 13.250366032210833vw;
  }
}
@media screen and (max-width: 959px) {
  .p-atp-block .p-atp-section .intro .subtxt {
    margin-top: 10.666666666666668vw;
    width: 89.06666666666668vw;
    font-size: 3.733333333333334vw;
    font-weight: bold;
    line-height: 1.8;
    letter-spacing: 0.03em;
    padding-bottom: 37.86666666666667vw;
  }
}
@media screen and (min-width: 960px) {
  .p-atp-block .p-atp-section .intro .subtxt p {
    margin-bottom: 1.756954612005857vw;
  }
}
@media screen and (max-width: 959px) {
  .p-atp-block .p-atp-section .intro .subtxt p {
    margin-bottom: 8vw;
  }
}
.p-atp-block .p-atp-section .intro .subtxt p:last-child {
  margin-bottom: 0;
}
.p-atp-block .p-atp-section .p-intro-movie {
  cursor: pointer;
}
.p-atp-block .p-atp-section .p-intro-movie .thumb .thumb_video {
  width: 100%;
}
.p-atp-block .p-atp-section .p-intro-movie .mov_ttl {
  position: absolute;
}
@media screen and (min-width: 960px) {
  .p-atp-block .p-atp-section .p-intro-movie .mov_ttl {
    width: 16.105417276720353vw;
    left: 2.562225475841874vw;
    bottom: 2.635431918008785vw;
  }
}
@media screen and (max-width: 959px) {
  .p-atp-block .p-atp-section .p-intro-movie .mov_ttl {
    left: 5.333333333333334vw;
    bottom: 5.333333333333334vw;
    width: 58.666666666666664vw;
  }
}
.p-atp-block .p-atp-section .p-intro-movie .logo {
  position: absolute;
}
@media screen and (min-width: 960px) {
  .p-atp-block .p-atp-section .p-intro-movie .logo {
    width: 7.759882869692533vw;
    right: 2.562225475841874vw;
    top: 2.562225475841874vw;
  }
}
@media screen and (max-width: 959px) {
  .p-atp-block .p-atp-section .p-intro-movie .logo {
    right: 5.333333333333334vw;
    top: 5.333333333333334vw;
    width: 19.2vw;
  }
}
.p-atp-block .p-atp-section .kv_wrap {
  position: relative;
  overflow: hidden;
}
@media screen and (min-width: 960px) {
  .p-atp-block .p-atp-section .kv_wrap {
    padding-top: 90px;
  }
}
@media screen and (max-width: 959px) {
  .p-atp-block .p-atp-section .kv_wrap {
    padding-top: 86px;
  }
}
.p-atp-block .p-atp-section .kv {
  width: 100%;
  position: relative;
}
.p-atp-block .p-atp-section .kv .obj {
  position: absolute;
  top: 0;
  left: 0;
}
@media screen and (min-width: 960px) {
  .p-atp-block .p-atp-section .kv .obj {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 77%, 0 100%);
    clip-path: polygon(0 0, 100% 0, 100% 77%, 0 100%);
    height: 76.79355783308931vw;
    width: 100vw;
  }
}
@media screen and (max-width: 959px) {
  .p-atp-block .p-atp-section .kv .obj {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 90.1%, 0 100%);
    clip-path: polygon(0 0, 100% 0, 100% 90.1%, 0 100%);
    height: 179.33333333333331vw;
    width: 100vw;
  }
}
.p-atp-block .p-atp-section .kv .obj .obj_inner {
  -webkit-transform-origin: top;
  transform-origin: top;
}
.p-atp-block .p-atp-section .kv img {
  position: absolute;
}
.p-atp-block .p-atp-section .kv .bg {
  position: relative;
  width: 100%;
}
@media screen and (min-width: 960px) {
  .p-atp-block .p-atp-section .kv .bg {
    height: 76.7203513909224vw;
  }
}
@media screen and (max-width: 959px) {
  .p-atp-block .p-atp-section .kv .bg {
    height: 179.33333333333331vw;
  }
}
@media screen and (min-width: 960px) {
  .p-atp-block .p-atp-section .kv .txt1 {
    width: 56.29575402635432vw;
    top: 3.14787701317716vw;
    left: 2.781844802342606vw;
  }
}
@media screen and (max-width: 959px) {
  .p-atp-block .p-atp-section .kv .txt1 {
    width: 81.73333333333333vw;
    top: 21.46666666666667vw;
    left: 5.333333333333334vw;
  }
}
@media screen and (min-width: 960px) {
  .p-atp-block .p-atp-section .kv .player1 {
    width: 42.24011713030747vw;
    top: -0.732064421669107vw;
    left: 19.106881405563687vw;
  }
}
@media screen and (max-width: 959px) {
  .p-atp-block .p-atp-section .kv .player1 {
    width: 77.33333333333333vw;
    top: 5.600000000000001vw;
    left: 5.333333333333334vw;
  }
}
@media screen and (min-width: 960px) {
  .p-atp-block .p-atp-section .kv .txt2 {
    width: 39.82430453879942vw;
    top: 14.055636896046853vw;
    left: 18.814055636896047vw;
  }
}
@media screen and (max-width: 959px) {
  .p-atp-block .p-atp-section .kv .txt2 {
    width: 58.4vw;
    top: 38.53333333333334vw;
    left: 36.4vw;
  }
}
@media screen and (min-width: 960px) {
  .p-atp-block .p-atp-section .kv .player2 {
    width: 80.78330893118594vw;
    top: -19.91215226939971vw;
    left: 30.600292825768665vw;
  }
}
@media screen and (max-width: 959px) {
  .p-atp-block .p-atp-section .kv .player2 {
    width: 145.06666666666666vw;
    top: -20.4vw;
    left: -2.666666666666667vw;
  }
}
@media screen and (min-width: 960px) {
  .p-atp-block .p-atp-section .kv .player3 {
    width: 105.4904831625183vw;
    top: 14.787701317715959vw;
    left: -32.8696925329429vw;
  }
}
@media screen and (max-width: 959px) {
  .p-atp-block .p-atp-section .kv .player3 {
    width: 172.26666666666665vw;
    top: 62.8vw;
    left: -61.86666666666667vw;
    z-index: 1;
  }
}
@media screen and (min-width: 960px) {
  .p-atp-block .p-atp-section .kv .txt3 {
    width: 48.243045387994144vw;
    top: 24.670571010248903vw;
    left: 49.04831625183016vw;
  }
}
@media screen and (max-width: 959px) {
  .p-atp-block .p-atp-section .kv .txt3 {
    width: 69.6vw;
    top: 55.733333333333334vw;
    left: 5.333333333333334vw;
  }
}
@media screen and (min-width: 960px) {
  .p-atp-block .p-atp-section .kv .txt4 {
    width: 41.36163982430454vw;
    top: 35.87115666178624vw;
    left: 39.89751098096633vw;
  }
}
@media screen and (max-width: 959px) {
  .p-atp-block .p-atp-section .kv .txt4 {
    width: 60.266666666666666vw;
    top: 72.26666666666667vw;
    left: 34.66666666666667vw;
  }
}
@media screen and (min-width: 960px) {
  .p-atp-block .p-atp-section .kv .dr_nitto {
    width: 42.56954612005857vw;
    top: 0.366032210834553vw;
    left: 33.52855051244509vw;
  }
}
@media screen and (max-width: 959px) {
  .p-atp-block .p-atp-section .kv .dr_nitto {
    width: 75.73333333333333vw;
    top: 28.799999999999997vw;
    left: 17.333333333333336vw;
    z-index: 2;
  }
}
.p-atp-block .p-atp-section .bnr {
  position: fixed;
  z-index: 6;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  z-index: 6;
}
@media screen and (min-width: 960px) {
  .p-atp-block .p-atp-section .bnr {
    bottom: 0;
    right: -0.732064421669107vw;
  }
}
@media screen and (max-width: 959px) {
  .p-atp-block .p-atp-section .bnr {
    bottom: 0;
    right: -2.666666666666667vw;
  }
}
.p-atp-block .p-atp-section .bnr.is-fadeout {
  opacity: 0 !important;
  z-index: -1 !important;
}
.p-atp-block .p-atp-section .bnr svg * {
  -webkit-transition: ease-in-out 0.2s;
  transition: ease-in-out 0.2s;
}
@media screen and (min-width: 960px) {
  .p-atp-block .p-atp-section .bnr svg {
    width: 28.03806734992679vw !important;
  }
}
@media screen and (max-width: 959px) {
  .p-atp-block .p-atp-section .bnr svg {
    width: 79.2vw;
  }
}
.p-atp-block .p-atp-section .bnr svg:hover #bg {
  fill: #0076ff;
}
.p-atp-block .p-atp-section .bnr svg:hover #text,
.p-atp-block .p-atp-section .bnr svg:hover #text2,
.p-atp-block .p-atp-section .bnr svg:hover #Nitto,
.p-atp-block .p-atp-section .bnr svg:hover #line,
.p-atp-block .p-atp-section .bnr svg:hover #line2,
.p-atp-block .p-atp-section .bnr svg:hover #SUPER_SHOT,
.p-atp-block .p-atp-section .bnr svg:hover #READ_MORE,
.p-atp-block .p-atp-section .bnr svg:hover #triangle {
  fill: #fff;
}
.p-atp-block .p-atp-section .bnr svg:hover #rightbg {
  fill: #000239;
}
.p-atp-block .p-atp-section .scroll {
  position: fixed;
  opacity: 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.p-atp-block .p-atp-section .scroll.show {
  opacity: 1;
}
@media screen and (min-width: 960px) {
  .p-atp-block .p-atp-section .scroll {
    width: 3.074670571010249vw;
    left: 2.562225475841874vw;
    bottom: 0;
    height: 4.392386530014641vw;
  }
}
@media screen and (max-width: 959px) {
  .p-atp-block .p-atp-section .scroll {
    width: 12vw;
    left: 5.333333333333334vw;
    top: 161.33333333333331vw;
  }
}
.p-atp-block .p-atp-section .scroll .line {
  background: #fff;
  position: absolute;
  left: 0;
  top: 0;
  overflow: hidden;
}
@media screen and (min-width: 960px) {
  .p-atp-block .p-atp-section .scroll .line {
    width: 1px;
    height: 4.392386530014641vw;
  }
}
@media screen and (max-width: 959px) {
  .p-atp-block .p-atp-section .scroll .line {
    width: 1px;
    height: 16vw;
  }
}
.p-atp-block .p-atp-section .scroll .line .bar {
  width: 1px;
  background: #000;
  position: absolute;
  top: 0;
}
@media screen and (min-width: 960px) {
  .p-atp-block .p-atp-section .scroll .line .bar {
    -webkit-animation: indicator_pc 1s cubic-bezier(0.87, 0, 0.13, 1) 0s infinite;
    animation: indicator_pc 1s cubic-bezier(0.87, 0, 0.13, 1) 0s infinite;
    height: 1.464128843338214vw;
  }
}
@media screen and (max-width: 959px) {
  .p-atp-block .p-atp-section .scroll .line .bar {
    -webkit-animation: indicator_sp 1s cubic-bezier(0.87, 0, 0.13, 1) 0s infinite;
    animation: indicator_sp 1s cubic-bezier(0.87, 0, 0.13, 1) 0s infinite;
    height: 5.333333333333334vw;
  }
}
.p-atp-block .p-atp-section .scroll img {
  position: absolute;
  right: 0;
  top: 0;
}
@media screen and (min-width: 960px) {
  .p-atp-block .p-atp-section .scroll img {
    width: 2.415812591508053vw;
  }
}
@media screen and (max-width: 959px) {
  .p-atp-block .p-atp-section .scroll img {
    width: 8.799999999999999vw;
  }
}
@-webkit-keyframes indicator_pc {
  from {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }
  to {
    -webkit-transform: translateY(4.392386530014641vw);
    transform: translateY(4.392386530014641vw);
  }
}
@keyframes indicator_pc {
  from {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }
  to {
    -webkit-transform: translateY(4.392386530014641vw);
    transform: translateY(4.392386530014641vw);
  }
}
@-webkit-keyframes indicator_sp {
  from {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }
  to {
    -webkit-transform: translateY(16vw);
    transform: translateY(16vw);
  }
}
@keyframes indicator_sp {
  from {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }
  to {
    -webkit-transform: translateY(16vw);
    transform: translateY(16vw);
  }
}
.p-atp-block .p-atp-section .opening_wrap {
  position: fixed;
  background: #000239;
  width: 100vw;
  height: 100vh;
  z-index: 20;
  overflow: hidden;
  place-items: center;
}
.p-atp-block .p-atp-section .opening_wrap .copy_pc,
.p-atp-block .p-atp-section .opening_wrap .copy_sp {
  position: absolute;
  top: 50vh;
  left: 50vw;
  -webkit-mask-image: url("../img/opening/grad_mask.png");
  mask-image: url("../img/opening/grad_mask.png");
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.p-atp-block .p-atp-section .opening_wrap .copy_pc {
  width: 46.5592972181552vw;
}
.p-atp-block .p-atp-section .opening_wrap .copy_sp {
  width: 88.8vw;
}
.p-atp-block .p-atp-section .sns_wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (min-width: 960px) {
  .p-atp-block .p-atp-section .sns_wrap {
    margin-top: 12.298682284040996vw;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-right: 2.562225475841874vw;
    margin-left: auto;
    max-width: 30.45387994143485vw;
  }
}
@media screen and (max-width: 959px) {
  .p-atp-block .p-atp-section .sns_wrap {
    margin-top: 16vw;
    max-width: 90.66666666666666vw;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (min-width: 960px) {
  .p-atp-block .p-atp-section .sns_wrap .head {
    width: 15.373352855051245vw;
  }
}
@media screen and (max-width: 959px) {
  .p-atp-block .p-atp-section .sns_wrap .head {
    width: 56.00000000000001vw;
  }
}
@media screen and (min-width: 960px) {
  .p-atp-block .p-atp-section .sns_wrap .ttl {
    margin-bottom: 0.805270863836018vw;
    width: 9.882869692532942vw;
  }
}
@media screen and (max-width: 959px) {
  .p-atp-block .p-atp-section .sns_wrap .ttl {
    margin-bottom: 1.866666666666667vw;
    width: 36.266666666666666vw;
  }
}
@media screen and (min-width: 960px) {
  .p-atp-block .p-atp-section .sns_wrap .txt {
    font-size: 0.805270863836018vw;
  }
}
@media screen and (max-width: 959px) {
  .p-atp-block .p-atp-section .sns_wrap .txt {
    font-size: 2.666666666666667vw;
  }
}
.p-atp-block .p-atp-section .sns_wrap .cont ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (min-width: 960px) {
  .p-atp-block .p-atp-section .sns_wrap .cont li {
    width: 3.367496339677892vw;
    margin-left: 2.562225475841874vw;
  }
}
@media screen and (max-width: 959px) {
  .p-atp-block .p-atp-section .sns_wrap .cont li {
    width: 9.6vw;
    margin-left: 5.333333333333334vw;
  }
}
@media screen and (min-width: 960px) {
  .p-atp-block .p-atp-section .sns_wrap .cont li.fb {
    width: 3.074670571010249vw;
  }
}
@media screen and (max-width: 959px) {
  .p-atp-block .p-atp-section .sns_wrap .cont li.fb {
    width: 8.533333333333333vw;
  }
}
@media screen and (min-width: 960px) {
  .p-atp-block .p-atp-section .related_wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 14.787701317715959vw;
  }
}
@media screen and (max-width: 959px) {
  .p-atp-block .p-atp-section .related_wrap {
    margin-top: 58.666666666666664vw;
  }
}
.p-atp-block .p-atp-section .related_itms a,
.p-atp-block .p-atp-section .link_itms a {
  color: #fff;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.p-atp-block .p-atp-section .related_itms a .link_color *,
.p-atp-block .p-atp-section .link_itms a .link_color * {
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.p-atp-block .p-atp-section .related_itms a:hover,
.p-atp-block .p-atp-section .link_itms a:hover {
  color: #9ad845;
}
.p-atp-block .p-atp-section .related_itms a:hover .link_color *,
.p-atp-block .p-atp-section .link_itms a:hover .link_color * {
  fill: #9ad845;
}
@media screen and (min-width: 960px) {
  .p-atp-block .p-atp-section .related_itms,
  .p-atp-block .p-atp-section .link_itms {
    margin: 0 auto;
  }
}
@media screen and (min-width: 960px) {
  .p-atp-block .p-atp-section .related_itms {
    border-left: solid 1px #707070;
    padding-left: 7.979502196193265vw;
  }
}
@media screen and (max-width: 959px) {
  .p-atp-block .p-atp-section .related_itms {
    width: 89.06666666666668vw;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 959px) {
  .p-atp-block .p-atp-section .related_itms .itm {
    margin-bottom: 16vw;
  }
}
@media screen and (min-width: 960px) {
  .p-atp-block .p-atp-section .related_itms .itm a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
}
@media screen and (min-width: 960px) {
  .p-atp-block .p-atp-section .related_itms .itm .blk {
    width: 35.87115666178624vw;
  }
}
@media screen and (min-width: 960px) {
  .p-atp-block .p-atp-section .related_itms .itm .thumb {
    width: 22.401171303074673vw;
    margin-left: 4.392386530014641vw;
  }
}
@media screen and (min-width: 960px) {
  .p-atp-block .p-atp-section .related_itms .itm:nth-child(2) {
    margin-top: 2.855051244509517vw;
  }
}
@media screen and (min-width: 960px) {
  .p-atp-block .p-atp-section .related_itms .ttl {
    margin-bottom: 0.292825768667643vw;
  }
}
@media screen and (max-width: 959px) {
  .p-atp-block .p-atp-section .related_itms .ttl {
    margin-bottom: 1.333333333333333vw;
  }
}
.p-atp-block .p-atp-section .related_itms .head {
  font-weight: bold;
}
@media screen and (min-width: 960px) {
  .p-atp-block .p-atp-section .related_itms .head {
    font-size: 1.02489019033675vw;
    margin-bottom: 0.585651537335286vw;
    margin-top: 0.805270863836018vw;
  }
}
@media screen and (max-width: 959px) {
  .p-atp-block .p-atp-section .related_itms .head {
    font-size: 3.733333333333334vw;
    margin-bottom: 2.933333333333333vw;
    margin-top: 3.466666666666666vw;
  }
}
@media screen and (min-width: 960px) {
  .p-atp-block .p-atp-section .related_itms .txt {
    font-size: 0.878477306002928vw;
    line-height: 1.7;
  }
}
@media screen and (max-width: 959px) {
  .p-atp-block .p-atp-section .related_itms .txt {
    font-size: 3.2vw;
    line-height: 1.5;
    margin-bottom: 5.333333333333334vw;
  }
}
@media screen and (min-width: 960px) {
  .p-atp-block .p-atp-section .related_itms .ttl1 {
    width: 33.60175695461201vw;
  }
}
@media screen and (max-width: 959px) {
  .p-atp-block .p-atp-section .related_itms .ttl1 {
    width: 82.66666666666667vw;
  }
}
@media screen and (min-width: 960px) {
  .p-atp-block .p-atp-section .related_itms .ttl2 {
    width: 28.257686676427525vw;
  }
}
@media screen and (max-width: 959px) {
  .p-atp-block .p-atp-section .related_itms .ttl2 {
    width: 69.6vw;
  }
}
@media screen and (max-width: 959px) {
  .p-atp-block .p-atp-section .link_itms {
    padding-top: 16vw;
    width: 89.06666666666668vw;
    margin-left: auto;
    margin-right: auto;
    border-top: solid 1px #707070;
  }
}
@media screen and (min-width: 960px) {
  .p-atp-block .p-atp-section .link_itms .itm {
    margin-bottom: 3.22108345534407vw;
  }
}
@media screen and (max-width: 959px) {
  .p-atp-block .p-atp-section .link_itms .itm {
    margin-bottom: 8vw;
  }
}
@media screen and (min-width: 960px) {
  .p-atp-block .p-atp-section .link_itms .ttl {
    font-size: 1.756954612005857vw;
    margin-bottom: 0.512445095168375vw;
  }
}
@media screen and (max-width: 959px) {
  .p-atp-block .p-atp-section .link_itms .ttl {
    font-size: 6.4vw;
    letter-spacing: 0.03em;
    margin-bottom: 1.866666666666667vw;
  }
}
@media screen and (min-width: 960px) {
  .p-atp-block .p-atp-section .link_itms .txt {
    font-size: 0.732064421669107vw;
  }
}
@media screen and (max-width: 959px) {
  .p-atp-block .p-atp-section .link_itms .txt {
    font-size: 2.666666666666667vw;
    line-height: 1.5;
  }
}
.p-atp-block .p-atp-section .link_itms .txt.icon_blank span {
  display: inline-block;
}
@media screen and (min-width: 960px) {
  .p-atp-block .p-atp-section .link_itms .txt.icon_blank span {
    width: 0.878477306002928vw;
    margin-left: 0.366032210834553vw;
  }
}
@media screen and (max-width: 959px) {
  .p-atp-block .p-atp-section .link_itms .txt.icon_blank span {
    width: 3.2vw;
    margin-left: 1.333333333333333vw;
  }
}
.p-atp-block .p-atp-section .link_itms .txt.icon_blank span img {
  vertical-align: bottom;
}
@media screen and (min-width: 960px) {
  .p-atp-block .p-atp-section .link_itms .ttl1 {
    width: 12.371888726207906vw;
  }
}
@media screen and (max-width: 959px) {
  .p-atp-block .p-atp-section .link_itms .ttl1 {
    width: 81.6vw;
  }
}
@media screen and (min-width: 960px) {
  .p-atp-block .p-atp-section .link_itms .ttl2 {
    width: 5.929721815519766vw;
  }
}
@media screen and (max-width: 959px) {
  .p-atp-block .p-atp-section .link_itms .ttl2 {
    width: 19.733333333333334vw;
  }
}
.p-atp-block .p-atp-section .related_itms .txt,
.p-atp-block .p-atp-section .link_itms .txt {
  position: relative;
}
.p-atp-block .p-atp-section .related_itms .txt::after,
.p-atp-block .p-atp-section .link_itms .txt::after {
  display: inline-block;
  content: '';
  position: relative;
  background-image: url("../img/common/link_txt_icon.svg");
  background-repeat: no-repeat;
  background-size: contain;
}
@media screen and (min-width: 960px) {
  .p-atp-block .p-atp-section .related_itms .txt::after,
  .p-atp-block .p-atp-section .link_itms .txt::after {
    width: 0.878477306002928vw;
    height: 0.878477306002928vw;
    right: 0;
    top: 0;
  }
}
@media screen and (max-width: 959px) {
  .p-atp-block .p-atp-section .related_itms .txt::after,
  .p-atp-block .p-atp-section .link_itms .txt::after {
    width: 3.2vw;
    height: 3.2vw;
    right: 0;
    top: 0;
  }
}
.p-atp-block .p-atp-section .related_itms .itm a:hover .txt::after,
.p-atp-block .p-atp-section .link_itms .itm a:hover .txt::after {
  background-image: url("../img/common/link_txt_icon_hover.svg");
}
@media screen and (min-width: 960px) {
  .p-atp-block .p-atp-section .related_itms .txt::after {
    top: 0.146412884333821vw;
    right: -0.366032210834553vw;
  }
}
@media screen and (max-width: 959px) {
  .p-atp-block .p-atp-section .related_itms .txt::after {
    top: 0.533333333333333vw;
    right: -1.333333333333333vw;
  }
}
@media screen and (min-width: 960px) {
  .p-atp-block .p-atp-section .link_itms .txt::after {
    top: 0.146412884333821vw;
    right: -0.366032210834553vw;
  }
}
@media screen and (max-width: 959px) {
  .p-atp-block .p-atp-section .link_itms .txt::after {
    top: 0.533333333333333vw;
    right: -1.333333333333333vw;
  }
}
.p-atp-block .p-atp-section .link_itms .ttl {
  position: relative;
}
.p-atp-block .p-atp-section .link_itms .ttl::after {
  display: inline-block;
  content: '';
  position: absolute;
  background-image: url("../img/common/link_txt_icon.svg");
  background-repeat: no-repeat;
  background-size: contain;
}
@media screen and (min-width: 960px) {
  .p-atp-block .p-atp-section .link_itms .ttl::after {
    width: 0.878477306002928vw;
    height: 0.878477306002928vw;
  }
}
@media screen and (max-width: 959px) {
  .p-atp-block .p-atp-section .link_itms .ttl::after {
    width: 3.2vw;
    height: 3.2vw;
  }
}
.p-atp-block .p-atp-section .link_itms .ttl:hover::after {
  background-image: url("../img/common/link_txt_icon_hover.svg");
}
@media screen and (min-width: 960px) {
  .p-atp-block .p-atp-section .link_itms .ttl1::after {
    bottom: 0;
    right: -1.171303074670571vw;
  }
}
@media screen and (max-width: 959px) {
  .p-atp-block .p-atp-section .link_itms .ttl1::after {
    bottom: 1.333333333333333vw;
    right: -4.266666666666667vw;
  }
}
@media screen and (min-width: 960px) {
  .p-atp-block .p-atp-section .link_itms .ttl2::after {
    bottom: 0.292825768667643vw;
    right: -1.171303074670571vw;
  }
}
@media screen and (max-width: 959px) {
  .p-atp-block .p-atp-section .link_itms .ttl2::after {
    bottom: 1.6vw;
    right: -4.266666666666667vw;
  }
}
.p-atp-block .p-atp-section .report {
  position: relative;
}
@media screen and (min-width: 960px) {
  .p-atp-block .p-atp-section .report {
    margin: 0 auto;
  }
}
@media screen and (max-width: 959px) {
  .p-atp-block .p-atp-section .report {
    position: relative;
  }
}
.p-atp-block .p-atp-section .report .txt_wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
@media screen and (min-width: 960px) {
  .p-atp-block .p-atp-section .report .txt_wrap {
    width: 19.54612005856515vw;
    margin-left: auto;
    margin-right: 5.417276720351391vw;
    margin-bottom: 2.781844802342606vw;
  }
}
@media screen and (max-width: 959px) {
  .p-atp-block .p-atp-section .report .txt_wrap {
    width: 87.2vw;
    margin-left: auto;
    margin-right: auto;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    position: absolute;
    left: 0;
    right: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
@media screen and (min-width: 960px) {
  .p-atp-block .p-atp-section .report .txt_wrap .subtxt {
    font-size: 1.317715959004393vw;
    line-height: 2.049780380673499vw;
  }
}
@media screen and (max-width: 959px) {
  .p-atp-block .p-atp-section .report .txt_wrap .subtxt {
    font-size: 4.266666666666667vw;
    letter-spacing: 0.05em;
    line-height: 6.933333333333333vw;
    margin-top: 1.6vw;
  }
}
@media screen and (min-width: 960px) {
  .p-atp-block .p-atp-section .report .ttl {
    width: 94.72913616398243vw;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 959px) {
  .p-atp-block .p-atp-section .report .ttl {
    width: 89.06666666666668vw;
    margin-left: auto;
    margin-right: auto;
  }
}
.p-atp-block .p-atp-section .report .txt {
  letter-spacing: 0.03em;
}
@media screen and (min-width: 960px) {
  .p-atp-block .p-atp-section .report .txt {
    margin-top: 2.196193265007321vw;
    font-size: 1.02489019033675vw;
    line-height: 1.610541727672035vw;
    width: 30.45387994143485vw;
    margin-left: auto;
    margin-right: 2.562225475841874vw;
  }
}
@media screen and (max-width: 959px) {
  .p-atp-block .p-atp-section .report .txt {
    margin-top: 8vw;
    font-size: 3.733333333333334vw;
    line-height: 2.1;
    width: 88.26666666666667vw;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (min-width: 960px) {
  .p-atp-block .p-atp-section .report .report_itms {
    position: relative;
    min-height: 83.601756954612vw;
    top: -10vw;
  }
}
@media screen and (max-width: 959px) {
  .p-atp-block .p-atp-section .report .report_itms {
    width: 89.06666666666668vw;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 0 auto;
  }
}
@media screen and (min-width: 960px) {
  .p-atp-block .p-atp-section .report .report_itms .itm {
    width: 30.45387994143485vw;
    position: absolute;
  }
}
@media screen and (max-width: 959px) {
  .p-atp-block .p-atp-section .report .report_itms .itm {
    margin-top: 16vw;
    width: 73.6vw;
  }
}
@media screen and (max-width: 959px) {
  .p-atp-block .p-atp-section .report .report_itms .itm:nth-child(even) {
    margin-left: auto;
  }
}
@media screen and (min-width: 960px) {
  .p-atp-block .p-atp-section .report .report_itms .itm .thumb {
    width: 30.45387994143485vw;
  }
}
@media screen and (max-width: 959px) {
  .p-atp-block .p-atp-section .report .report_itms .itm .thumb {
    width: 73.6vw;
  }
}
.p-atp-block .p-atp-section .report .report_itms .itm .desc {
  letter-spacing: 0.03em;
}
@media screen and (min-width: 960px) {
  .p-atp-block .p-atp-section .report .report_itms .itm .desc {
    font-size: 1.02489019033675vw;
    line-height: 1.610541727672035vw;
    margin-top: 1.02489019033675vw;
  }
}
@media screen and (max-width: 959px) {
  .p-atp-block .p-atp-section .report .report_itms .itm .desc {
    font-size: 3.2vw;
    line-height: 1.7;
    margin-top: 3.733333333333334vw;
  }
}
@media screen and (min-width: 960px) {
  .p-atp-block .p-atp-section .report .report_itms .itm1 {
    left: 2.562225475841874vw;
    top: 0;
  }
}
@media screen and (min-width: 960px) {
  .p-atp-block .p-atp-section .report .report_itms .itm2 {
    left: 50.87847730600292vw;
    top: 18.740849194729137vw;
  }
}
@media screen and (min-width: 960px) {
  .p-atp-block .p-atp-section .report .report_itms .itm3 {
    left: 18.667642752562223vw;
    top: 34.2606149341142vw;
  }
}
@media screen and (min-width: 960px) {
  .p-atp-block .p-atp-section .report .report_itms .itm4 {
    right: 2.562225475841874vw;
    top: 53.00146412884333vw;
  }
}
@media screen and (min-width: 960px) {
  .p-atp-block .p-atp-section .report .report_itms .itm5 {
    left: 2.562225475841874vw;
    top: 68.5212298682284vw;
  }
}
.p-atp-block .p-atp-section .supershot {
  position: relative;
}
@media screen and (min-width: 960px) {
  .p-atp-block .p-atp-section .supershot {
    margin-top: 15.885797950219619vw;
    padding-bottom: 12.298682284040996vw;
  }
}
@media screen and (max-width: 959px) {
  .p-atp-block .p-atp-section .supershot {
    margin-top: 48vw;
    padding-bottom: 46.93333333333333vw;
  }
}
.p-atp-block .p-atp-section .supershot .ttl {
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 960px) {
  .p-atp-block .p-atp-section .supershot .ttl {
    width: 66.91068814055637vw;
    margin: 0 auto;
  }
}
@media screen and (max-width: 959px) {
  .p-atp-block .p-atp-section .supershot .ttl {
    width: 89.06666666666668vw;
    margin-left: auto;
    margin-right: auto;
  }
}
.p-atp-block .p-atp-section .supershot .txt_wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  z-index: 1;
  position: relative;
}
@media screen and (min-width: 960px) {
  .p-atp-block .p-atp-section .supershot .txt_wrap {
    width: 26.57393850658858vw;
    margin-top: 3.367496339677892vw;
    margin-left: auto;
    margin-bottom: 16.03221083455344vw;
    margin-right: 14.494875549048317vw;
  }
}
@media screen and (max-width: 959px) {
  .p-atp-block .p-atp-section .supershot .txt_wrap {
    width: 87.2vw;
    margin-top: 5.600000000000001vw;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 959px) {
  .p-atp-block .p-atp-section .supershot .txt_wrap .c-catch {
    width: 23.200000000000003vw;
  }
}
@media screen and (min-width: 960px) {
  .p-atp-block .p-atp-section .supershot .subtxt {
    font-size: 1.317715959004393vw;
    line-height: 2.049780380673499vw;
    margin-top: -0.585651537335286vw;
  }
}
@media screen and (max-width: 959px) {
  .p-atp-block .p-atp-section .supershot .subtxt {
    font-size: 4.266666666666667vw;
    letter-spacing: 0.05em;
    line-height: 6.933333333333333vw;
    margin-top: -2.133333333333333vw;
  }
}
@media screen and (min-width: 960px) {
  .p-atp-block .p-atp-section .supershot .movie_itms {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
  }
}
.p-atp-block .p-atp-section .supershot .movie_itms .stream_text_container {
  position: absolute;
  z-index: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0;
  width: 100vw;
  display: -ms-grid;
  display: grid;
  place-items: center;
}
.p-atp-block .p-atp-section .supershot .movie_itms .stream_text_container .stream_text_wrap {
  opacity: 0.35;
}
@media screen and (max-width: 959px) {
  .p-atp-block .p-atp-section .supershot .movie_itms .stream_text_container .stream_text_wrap {
    scale: 0.9 !important;
  }
}
.p-atp-block .p-atp-section .supershot .movie_itms .stream_text_container .stream_text_wrap div {
  width: 100vw;
  height: 127px;
  background-size: auto 100%;
  margin-bottom: 30px;
}
.p-atp-block .p-atp-section .supershot .movie_itms .stream_text_container .stream_text_wrap div.stream_text_1 {
  background-image: url("../img/supershot/stream_text_1.svg");
  -webkit-animation: bg-loop-1 40s linear infinite;
  animation: bg-loop-1 40s linear infinite;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.p-atp-block .p-atp-section .supershot .movie_itms .stream_text_container .stream_text_wrap div.stream_text_2 {
  background-image: url("../img/supershot/stream_text_2.svg");
  -webkit-animation: bg-loop-2 100s linear infinite;
  animation: bg-loop-2 100s linear infinite;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.p-atp-block .p-atp-section .supershot .movie_itms .stream_text_container .stream_text_wrap div.stream_text_3 {
  background-image: url("../img/supershot/stream_text_3.svg");
  -webkit-animation: bg-loop-3 30s linear infinite;
  animation: bg-loop-3 30s linear infinite;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.p-atp-block .p-atp-section .supershot .movie_itms .stream_text_container .stream_text_wrap div.stream_text_4 {
  background-image: url("../img/supershot/stream_text_4.svg");
  -webkit-animation: bg-loop-4 90s linear infinite;
  animation: bg-loop-4 90s linear infinite;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.p-atp-block .p-atp-section .supershot .movie_itms .stream_text_container .shadow {
  width: 100%;
  height: 100%;
  position: absolute;
}
@media screen and (max-width: 959px) {
  .p-atp-block .p-atp-section .supershot .movie_itms .stream_text_container .shadow img {
    scale: 1 0.9 !important;
  }
}
@media screen and (min-width: 960px) {
  .p-atp-block .p-atp-section .supershot .movie_itms .c-movie {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 72.32796486090776vw;
    margin-left: auto;
    margin-right: auto;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
@media screen and (max-width: 959px) {
  .p-atp-block .p-atp-section .supershot .movie_itms .itm {
    width: 58.13333333333334vw;
    margin: 0 auto;
    margin-top: 21.6vw;
  }
}
.p-atp-block .p-atp-section .supershot .movie_itms .itm .thumb_wrap {
  cursor: pointer;
}
@media screen and (min-width: 960px) {
  .p-atp-block .p-atp-section .supershot .movie_itms .itm .thumb_wrap {
    width: 32.06442166910688vw;
  }
}
@media screen and (max-width: 959px) {
  .p-atp-block .p-atp-section .supershot .movie_itms .itm .thumb_wrap {
    width: 58.13333333333334vw;
  }
}
.p-atp-block .p-atp-section .supershot .movie_itms .itm .thumb .thumb_video {
  width: 100%;
}
.p-atp-block .p-atp-section .supershot .movie_itms .itm .link_wrap {
  position: relative;
}
@media screen and (min-width: 960px) {
  .p-atp-block .p-atp-section .supershot .movie_itms .itm .link_wrap {
    left: -6.295754026354319vw;
    top: -2.196193265007321vw;
  }
}
@media screen and (max-width: 959px) {
  .p-atp-block .p-atp-section .supershot .movie_itms .itm .link_wrap {
    left: -15.466666666666667vw;
    top: -2.666666666666667vw;
  }
}
.p-atp-block .p-atp-section .supershot .movie_itms .itm .link_txt {
  position: absolute;
}
@media screen and (min-width: 960px) {
  .p-atp-block .p-atp-section .supershot .movie_itms .itm .link_txt {
    left: 1.903367496339678vw;
    bottom: 0.146412884333821vw;
    width: 8.711566617862372vw;
  }
}
@media screen and (max-width: 959px) {
  .p-atp-block .p-atp-section .supershot .movie_itms .itm .link_txt {
    left: 6.666666666666667vw;
    bottom: 0vw;
    width: 27.200000000000003vw;
  }
}
.p-atp-block .p-atp-section .supershot .movie_itms .itm .link_txt::after {
  display: block;
  content: '';
  position: absolute;
  background-image: url("../img/common/link_txt_icon.svg");
  background-repeat: no-repeat;
  background-size: contain;
}
@media screen and (min-width: 960px) {
  .p-atp-block .p-atp-section .supershot .movie_itms .itm .link_txt::after {
    width: 0.878477306002928vw;
    height: 0.878477306002928vw;
    right: 0;
    top: 0;
  }
}
@media screen and (max-width: 959px) {
  .p-atp-block .p-atp-section .supershot .movie_itms .itm .link_txt::after {
    width: 3.2vw;
    height: 3.2vw;
    right: 0;
    top: -0.533333333333333vw;
  }
}
.p-atp-block .p-atp-section .supershot .movie_itms .itm .link_txt:hover svg .link_txt_color {
  fill: #9ad845;
}
.p-atp-block .p-atp-section .supershot .movie_itms .itm .link_txt:hover svg .link_txt_color_icon {
  fill: #9ad845;
}
.p-atp-block .p-atp-section .supershot .movie_itms .itm .link_txt:hover::after {
  background-image: url("../img/common/link_txt_icon_hover.svg");
}
@media screen and (min-width: 960px) {
  .p-atp-block .p-atp-section .supershot .movie_itms .itm .link_wrap.link_1 {
    width: 18.528550512445094vw;
  }
}
@media screen and (max-width: 959px) {
  .p-atp-block .p-atp-section .supershot .movie_itms .itm .link_wrap.link_1 {
    width: 58.728vw;
  }
}
@media screen and (min-width: 960px) {
  .p-atp-block .p-atp-section .supershot .movie_itms .itm .link_wrap.link_2 {
    width: 13.308931185944365vw;
  }
}
@media screen and (max-width: 959px) {
  .p-atp-block .p-atp-section .supershot .movie_itms .itm .link_wrap.link_2 {
    width: 33.653333333333336vw;
  }
}
@media screen and (min-width: 960px) {
  .p-atp-block .p-atp-section .supershot .movie_itms .itm:nth-child(2) {
    margin-top: 14.641288433382138vw;
    margin-left: 8.199121522693996vw;
  }
}
@media screen and (max-width: 959px) {
  .p-atp-block .p-atp-section .supershot .movie_itms .itm:nth-child(2) .link_txt {
    left: 4.8vw;
  }
}
@media screen and (min-width: 960px) {
  .p-atp-block .p-atp-section .supershot .movie_itms .itm:nth-child(1) .link_txt {
    left: 2.317716vw;
  }
}
@media screen and (max-width: 959px) {
  .p-atp-block .p-atp-section .supershot .movie_itms .itm:nth-child(1) .link_txt {
    left: 5.8vw;
  }
}
@-webkit-keyframes bg-loop-1 {
  from {
    background-position: 0 0;
  }
  to {
    background-position: -760px 0;
  }
}
@keyframes bg-loop-1 {
  from {
    background-position: 0 0;
  }
  to {
    background-position: -760px 0;
  }
}
@-webkit-keyframes bg-loop-2 {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 1375px 0;
  }
}
@keyframes bg-loop-2 {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 1375px 0;
  }
}
@-webkit-keyframes bg-loop-3 {
  from {
    background-position: 0 0;
  }
  to {
    background-position: -478px 0;
  }
}
@keyframes bg-loop-3 {
  from {
    background-position: 0 0;
  }
  to {
    background-position: -478px 0;
  }
}
@-webkit-keyframes bg-loop-4 {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 1491px 0;
  }
}
@keyframes bg-loop-4 {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 1491px 0;
  }
}
.p-atp-block .p-atp-section .sustainability {
  position: relative;
}
@media screen and (min-width: 960px) {
  .p-atp-block .p-atp-section .sustainability {
    margin: 0 auto;
    padding-top: 25.622254758418737vw;
    padding-bottom: 41.21522693997072vw;
    background: url("../img/sustainability/bg_pc.png") center top;
    position: relative;
    background-size: cover;
  }
}
@media screen and (max-width: 959px) {
  .p-atp-block .p-atp-section .sustainability {
    padding-top: 47.199999999999996vw;
    padding-bottom: 52.26666666666666vw;
    background: url("../img/sustainability/bg_sp.png") center top;
    background-size: cover;
  }
}
@media screen and (min-width: 960px) {
  .p-atp-block .p-atp-section .sustainability .c-catch {
    position: absolute;
    top: 25.622254758418737vw;
    left: 2.635431918008785vw;
  }
}
@media screen and (max-width: 959px) {
  .p-atp-block .p-atp-section .sustainability .c-catch {
    margin-left: 5.333333333333334vw;
    width: 23.200000000000003vw;
    margin-bottom: 5.066666666666666vw;
  }
}
@media screen and (min-width: 960px) {
  .p-atp-block .p-atp-section .sustainability .ttl {
    width: 73.42606149341142vw;
    margin-left: 10.61493411420205vw;
    margin-right: auto;
  }
}
@media screen and (max-width: 959px) {
  .p-atp-block .p-atp-section .sustainability .ttl {
    width: 90.13333333333333vw;
    margin-left: auto;
    margin-right: auto;
  }
}
.p-atp-block .p-atp-section .sustainability .txt {
  letter-spacing: 0.03em;
}
@media screen and (min-width: 960px) {
  .p-atp-block .p-atp-section .sustainability .txt {
    margin-top: 2.928257686676428vw;
    margin-left: 10.61493411420205vw;
    font-size: 1.317715959004393vw;
    line-height: 2.049780380673499vw;
    margin-bottom: 14.641288433382138vw;
  }
}
@media screen and (max-width: 959px) {
  .p-atp-block .p-atp-section .sustainability .txt {
    margin-top: 3.2vw;
    margin-left: 5.333333333333334vw;
    margin-right: 5.333333333333334vw;
    font-size: 4.266666666666667vw;
    letter-spacing: 0.05em;
    line-height: 6.933333333333333vw;
    margin-bottom: 7.320644216691069vw;
  }
}
@media screen and (min-width: 960px) {
  .p-atp-block .p-atp-section .sustainability .itm1 {
    margin-top: 14.641288433382138vw;
  }
}
@media screen and (max-width: 959px) {
  .p-atp-block .p-atp-section .sustainability .itm1 {
    margin-top: 26.666666666666668vw;
  }
}
@media screen and (min-width: 960px) {
  .p-atp-block .p-atp-section .sustainability .itm2 {
    margin-top: 14.641288433382138vw;
  }
}
@media screen and (max-width: 959px) {
  .p-atp-block .p-atp-section .sustainability .itm2 {
    margin-top: 26.666666666666668vw;
  }
}
@media screen and (min-width: 960px) {
  .p-atp-block .p-atp-section .sustainability .itm {
    width: 78.7701317715959vw;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (min-width: 960px) {
  .p-atp-block .p-atp-section .sustainability .sub_ttl {
    letter-spacing: 0.1em;
    line-height: 1.5;
    font-size: 0.732064421669107vw;
    width: 5.929721815519766vw;
  }
}
@media screen and (max-width: 959px) {
  .p-atp-block .p-atp-section .sustainability .sub_ttl {
    letter-spacing: 0.1em;
    line-height: 1.5;
    font-size: 2.666666666666667vw;
    margin-left: 6.133333333333333vw;
    width: 21.6vw;
  }
}
@media screen and (min-width: 960px) {
  .p-atp-block .p-atp-section .sustainability .itm1 .itm_ttl {
    margin-top: 2.196193265007321vw;
    width: 54.099560761347vw;
  }
}
@media screen and (max-width: 959px) {
  .p-atp-block .p-atp-section .sustainability .itm1 .itm_ttl {
    margin-top: 8vw;
    width: 75.46666666666667vw;
    margin-left: 5.333333333333334vw;
    margin-right: 5.333333333333334vw;
  }
}
@media screen and (min-width: 960px) {
  .p-atp-block .p-atp-section .sustainability .itm2 .itm_ttl {
    margin-top: 2.196193265007321vw;
    width: 60.17569546120058vw;
  }
}
@media screen and (max-width: 959px) {
  .p-atp-block .p-atp-section .sustainability .itm2 .itm_ttl {
    margin-top: 8vw;
    width: 88vw;
    margin-left: 5.333333333333334vw;
    margin-right: 5.333333333333334vw;
  }
}
.p-atp-block .p-atp-section .sustainability .itm_txt {
  letter-spacing: 0.03em;
}
@media screen and (min-width: 960px) {
  .p-atp-block .p-atp-section .sustainability .itm_txt {
    margin-top: 2.196193265007321vw;
    font-size: 1.02489019033675vw;
    line-height: 2.1;
    width: 38.50658857979502vw;
  }
}
@media screen and (max-width: 959px) {
  .p-atp-block .p-atp-section .sustainability .itm_txt {
    margin-top: 8vw;
    font-size: 3.733333333333334vw;
    line-height: 2.1;
    width: 88.26666666666667vw;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (min-width: 960px) {
  .p-atp-block .p-atp-section .sustainability .link {
    margin-top: 5.856515373352855vw;
    margin-left: auto;
    margin-right: auto;
    width: 78.62371888726209vw;
    position: relative;
    left: 0;
  }
}
@media screen and (max-width: 959px) {
  .p-atp-block .p-atp-section .sustainability .link {
    margin-top: 16vw;
    width: 70.93333333333334vw;
    margin-left: auto;
    margin-right: auto;
  }
}
.p-sustainability01-movie {
  cursor: pointer;
}
@media screen and (min-width: 960px) {
  .p-sustainability01-movie {
    margin-top: 5.856515373352855vw;
  }
}
@media screen and (max-width: 959px) {
  .p-sustainability01-movie {
    margin-top: 8vw;
    margin-left: auto;
    margin-right: auto;
    width: 89.06666666666668vw;
    overflow: hidden;
  }
}
@media screen and (max-width: 959px) {
  .p-sustainability01-movie .img_wrap {
    max-width: 89.06666666666668vw;
  }
}
.p-sustainability01-movie .mov_ttl {
  position: absolute;
}
@media screen and (min-width: 960px) {
  .p-sustainability01-movie .mov_ttl {
    width: 22.693997071742313vw;
    left: 2.196193265007321vw;
    bottom: 2.196193265007321vw;
  }
}
@media screen and (max-width: 959px) {
  .p-sustainability01-movie .mov_ttl {
    left: 5.333333333333334vw;
    bottom: 5.333333333333334vw;
    width: 68.26666666666667vw;
  }
}
.p-sustainability01-movie .logo {
  position: absolute;
}
@media screen and (min-width: 960px) {
  .p-sustainability01-movie .logo {
    width: 7.759882869692533vw;
    right: 2.196193265007321vw;
    top: 2.196193265007321vw;
  }
}
@media screen and (max-width: 959px) {
  .p-sustainability01-movie .logo {
    right: 5.333333333333334vw;
    top: 5.333333333333334vw;
    width: 19.2vw;
  }
}
.p-sustainability02-movie {
  cursor: pointer;
}
@media screen and (min-width: 960px) {
  .p-sustainability02-movie {
    margin-left: auto;
    margin-right: auto;
    width: 78.7701317715959vw;
    margin-top: 5.856515373352855vw;
  }
}
@media screen and (max-width: 959px) {
  .p-sustainability02-movie {
    margin-left: auto;
    margin-right: auto;
    width: 89.06666666666668vw;
    margin-top: 8.266666666666666vw;
  }
}
.p-sustainability02-movie .mov_ttl {
  position: absolute;
}
@media screen and (min-width: 960px) {
  .p-sustainability02-movie .mov_ttl {
    width: 19.692532942898975vw;
    left: 2.196193265007321vw;
    bottom: 2.196193265007321vw;
  }
}
@media screen and (max-width: 959px) {
  .p-sustainability02-movie .mov_ttl {
    left: 5.333333333333334vw;
    bottom: 5.333333333333334vw;
    width: 72vw;
  }
}
.p-sustainability02-movie .logo {
  position: absolute;
}
@media screen and (min-width: 960px) {
  .p-sustainability02-movie .logo {
    width: 7.759882869692533vw;
    right: 2.196193265007321vw;
    top: 2.196193265007321vw;
  }
}
@media screen and (max-width: 959px) {
  .p-sustainability02-movie .logo {
    right: 5.333333333333334vw;
    top: 5.333333333333334vw;
    width: 19.2vw;
  }
}
/*//////2023年対応追記分//////*/
/*greenproject内ボタン装飾*/
a.torino-green-project2023_btn {
	display: block;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	margin: 4% auto;
	padding: 1rem;
	font-weight: bold;
	border: 2px solid #fff;
	color: #fff;
	transition: 0.5s;
}
a.torino-green-project2023_btn:hover {
	color: #fff;
	background: #0076ff;
	border: 2px solid #0076ff;
}
/*2023_ATPlogo*/
.cls-1 {
fill: #2d317c;
}
.cls-1, .cls-2, .cls-3, .cls-4, .cls-5, .cls-6, .cls-7 {
stroke-width: 0px;
}
.cls-1, .cls-2, .cls-3, .cls-4, .cls-6, .cls-7 {
fill-rule: evenodd;
}
.cls-2 {
fill: #c32419;
}
.cls-3 {
fill: #051224;
}
.cls-4 {
fill: #b22a32;
}
.cls-5 {
fill: #fff;
}
.cls-6 {
fill: #121928;
}
.cls-7 {
fill: #1f218a;
}
/*//////2023年対応追記分_END//////*/