@charset "utf-8";

/* wrap */
.wrap {
    color: #00a33e;
    overflow: hidden;
}
.ttl_img {
    width: 100%;
    height: auto;
}
*:focus {
    outline: none;
}
.bg_img_ie {
    display: none;
}
img {
    vertical-align: bottom;
}
.bg_green {
    background-color: #ebf9f1;
}
.contents_inner {
    margin: 0 auto;
}
.parallax_bg_wrap {
    overflow: hidden;
}
.parallax_bg_area {
    position: relative;
    margin: 0 auto;
}
.parallax_bg_contents {
    position: relative;
}
/* fix_bg */
.fixed_bg {
    position: fixed;
    width: 100%;
    height: 100vh;
    top: 0;
    left: 0;
    overflow: hidden;
    z-index: -1;
}
.fixed_bg.passed {
    z-index: -2;
}
.fixed_bg_inner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
}
@media (min-width: 751px) {
    .contents_inner {
        width: 12rem;
    }
    .parallax_bg_area {
        width: 14.4rem;
    }
    /* fix_bg */
    .fixed_bg {
        min-width: 14.4rem;
    }
    .quality_bg {
        background: url(../images/quality_bg.jpg?v=1) no-repeat center center / cover;
    }
    .brand_bg {
        background: url(../images/brand_bg.jpg?v=1) no-repeat center center / cover;
    }
}
@media (max-width: 750px) {
    .contents_inner {
        width: 67rem;
    }
    .parallax_bg_area {
        width: 75rem;
    }
    /* fix_bg */
    .fixed_bg {
        min-width: 75rem;
    }
    .quality_bg {
        background: url(../images/quality_bg_sp.jpg?v=1) no-repeat center center / cover;
    }
    .brand_bg {
        background: url(../images/brand_bg_sp.jpg?v=1) no-repeat center center / cover;
    }
}

/* hover-move */
.hover-move {
    color: #02a33b;
    border-radius: 50%;
}
.hover-move-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    margin: auto;
    clip-path: circle(50% at 50% 50%);
    transition: transform .8s cubic-bezier(.19,1,.22,1);
}
.hover-move-btn .circle {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    transition: background-color .4s cubic-bezier(0,.55,.45,1);
}
.hover-move-btn .arrow {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top:0;
    left:0;
    width: 100%;
    height: 100%;
}
.hover-move-btn .arrow_icon {
    display: block;
}
@media (min-width: 751px) {
    .hover-move-btn {
        position: absolute;
        top: -118%;
        right: -34%;
        width: 0.96rem;
        height: 0.96rem;
    }
    .hover-move-btn .circle {
        border: 1px solid #02a33b;
    }
    .hover-move:hover .circle,
    .hover-move-btn.isMoving .circle {
        background-color: #02a33b;
    }
    .hover-move-btn .arrow {
        background: url(../images/icon_arrow_on.svg) no-repeat center / 0.17rem auto;
        pointer-events: none;
    }
    .hover-move-btn .arrow_icon {
        width: 0.17rem;
        transition: opacity .4s cubic-bezier(0,.55,.45,1);
    }
    .hover-move:hover .arrow_icon,
    .hover-move-btn.isMoving .arrow_icon {
        opacity: 0;
    }
    .hover-move-btn.isMoving {
        transition: none;
    }
}
@media (max-width: 750px) {
    .hover-move-btn {
        position: absolute;
        top: -118%;
        right: -34%;
        width: 13.6rem;
        height: 13.6rem;
    }
    .hover-move-btn .circle {
        border: 0.5px solid #02a33b;
    }
    .arrow_icon {
        width: 2.5rem;
    }
}

/* movie */
.movie_wrap {
    position: relative;
}
.movie {
    position: relative;
    width: 100%;
    overflow: hidden;
    cursor: pointer;
}
.movie_comingsoon {
    cursor: default;
}
.movie img {
    display: block;
}
.icon_play_wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.movie_btn_wrap {
    text-align: right;
}
.movie_btn {
    display: inline-block;
    position: relative;
    text-decoration: none;
}
@media (min-width: 751px) {
    .movie_thumb {
        transition: transform 1s;
    }
    .movie_thumb_overlay {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.2);
        opacity: 0;
        transition: opacity 1s;
    }
    .movie:not(.movie_comingsoon):hover .movie_thumb,
    .movie:not(.movie_comingsoon):focus .movie_thumb {
        transform: scale(1.05);
    }
    .movie:not(.movie_comingsoon):hover .movie_thumb_overlay,
    .movie:not(.movie_comingsoon):focus .movie_thumb_overlay {
        opacity: 1;
    }
    .icon_play {
        width: 1rem;
    }
    .movie_btn_txt {
        font-size: 0.2rem;
    }
    .movie_btn_txt {
        border-bottom: 1px solid #00a33e;
    }
}
@media (max-width: 750px) {
    .movie_thumb {
        width: 100%;
    }
    .icon_play {
        width: 10rem;
    }
    .movie_btn_txt {
        font-size: 2.8rem;
    }
    .movie_btn_txt {
        border-bottom: 0.5px solid #00a33e;
    }
}

/* mv */
.mv {
    position: relative;
    width: 100%;
    z-index: 1;
}
.mv_cloud_1,
.mv_cloud_2 {
    position: absolute;
}
.mv_inner {
    position: relative;
}
.mv_catch {
    position: absolute;
}
.mv_catch_txt_wrap {
    position: relative;
    overflow: hidden;
}
.mv_catch_txt_bg {
    position: absolute;
    top: 0;
    left: -110%;
    width: 100%;
    height: 100%;
    background-color: #00a33e;
    transition: left 0.8s;
}
.mv_catch_txt_wrap_2,
.mv_catch_txt_wrap_2 .mv_catch_txt_bg {
    transition-delay: 0.3s;
}
.mv_catch_txt_wrap_3,
.mv_catch_txt_wrap_3 .mv_catch_txt_bg {
    transition-delay: 0.6s;
}
.mv_catch_txt {
    position: relative;
    width: 0;
    overflow: hidden;
    transition: width 0.8s 0.3s;
}
.mv_catch_txt_wrap_2 .mv_catch_txt {
    transition-delay: 0.6s;
}
.mv_catch_txt_wrap_3 .mv_catch_txt {
    transition-delay: 0.9s;
}
.parallax-img-wrap {
    overflow: hidden;
}
.mv_img {
    width: 100%;
}
.is_animation_load .mv_catch_txt_bg {
    left: 0;
}
@media (min-width: 751px) {
    .mv_cloud_1 {
        top: -4rem;
        left: -2.04rem;
        width: 16rem;
    }
    .mv_cloud_2 {
        top: 4.5rem;
        left: 6.37rem;
        width: 8.58rem;
    }
    .mv_inner {
        width: 14.4rem;
        padding: 0.4rem;
        margin: 0 auto;
    }
    .parallax-img-wrap {
        width: 6.8rem;
        height: 7.2rem;
    }
    .mv_img1_wrap {
        margin: 0 auto 0 0;
    }
    .mv_img2_wrap {
        height: 8.6rem;
        margin: -3.72rem 0 0 auto;
    }
    .mv_img1 {
        height: 8.8rem;
        background: url(../images/mv_img_1.jpg?v=1) no-repeat center / cover;
        margin-top: -5rem;
    }
    .mv_img2 {
        height: 10.2rem;
        background: url(../images/mv_img_2.jpg?v=1) no-repeat center / cover;
        margin-top: -2.8rem;
    }
    .mv_catch {
        top: 1.2rem;
        left: 8rem;
    }
    .mv_catch_txt_wrap + .mv_catch_txt_wrap {
        margin-top: 0.28rem;
    }
    .mv_catch_txt_wrap_1,
    .mv_catch_txt_wrap_1 .mv_catch_txt_bg,
    .mv_catch_txt_wrap_1 .mv_catch_txt_img,
    .is_animation_load .mv_catch_txt_wrap_1 .mv_catch_txt {
        width: 2.66rem;
    }
    .mv_catch_txt_wrap_2,
    .mv_catch_txt_wrap_2 .mv_catch_txt_bg,
    .mv_catch_txt_wrap_2 .mv_catch_txt_img,
    .is_animation_load .mv_catch_txt_wrap_2 .mv_catch_txt {
        width: 2.88rem;
    }
    .mv_catch_txt_wrap_3,
    .mv_catch_txt_wrap_3 .mv_catch_txt_bg,
    .mv_catch_txt_wrap_3 .mv_catch_txt_img,
    .is_animation_load .mv_catch_txt_wrap_3 .mv_catch_txt {
        width: 3.68rem;
    }
    .mv_txt_wrap {
        padding-bottom: 0.92rem;
        padding-left: 0.8rem;
        margin-top: -4rem;
    }
    .mv_txt {
        font-size: 0.18rem;
        line-height: 2.22;
    }
    .mv_txt_large {
        font-size: 0.28rem;
        line-height: 1.7;
    }
    .mv_txt + .mv_txt {
        margin-top: 0.41rem;
    }
}
@media (max-width: 750px) {
    .mv_cloud_1 {
        top: 6.5rem;
        left: -62.4rem;
        width: 165.2rem;
    }
    .mv_cloud_2 {
        top: 93rem;
        left: -2.7rem;
        width: 85.8rem;
    }
    .mv_inner {
        padding: 2.4rem;
        padding-bottom: 16.5rem;
    }
    .parallax-img-wrap {
        width: 100%;
        height: 48rem;
    }
    .mv_img {
        width: 100%;
        height: 60rem;
    }
    .mv_img1 {
        background: url(../images/mv_img_1_sp.jpg?v=1) no-repeat center / cover;
        margin-top: -41rem;
    }
    .mv_img2 {
        background: url(../images/mv_img_2_sp.jpg?v=1) no-repeat center / cover;
        margin-top: -15rem;
    }
    .mv_catch {
        top: 88.8rem;
        left: 6.4rem;
    }
    .mv_catch_txt_wrap + .mv_catch_txt_wrap {
        margin-top: 2.5rem;
    }
    .mv_catch_txt_wrap_1,
    .mv_catch_txt_wrap_1 .mv_catch_txt_bg,
    .mv_catch_txt_wrap_1 .mv_catch_txt_img,
    .is_animation_load .mv_catch_txt_wrap_1 .mv_catch_txt {
        width: 33.2rem;
    }
    .mv_catch_txt_wrap_2,
    .mv_catch_txt_wrap_2 .mv_catch_txt_bg,
    .mv_catch_txt_wrap_2 .mv_catch_txt_img,
    .is_animation_load .mv_catch_txt_wrap_2 .mv_catch_txt {
        width: 35.8rem;
    }
    .mv_catch_txt_wrap_3,
    .mv_catch_txt_wrap_3 .mv_catch_txt_bg,
    .mv_catch_txt_wrap_3 .mv_catch_txt_img,
    .is_animation_load .mv_catch_txt_wrap_3 .mv_catch_txt {
        width: 46rem;
    }
    .mv_txt_wrap {
        margin-top: 21.8rem;
        padding-left: 4rem;
    }
    .mv_txt {
        font-size: 2.6rem;
        line-height: 2.3;
    }
    .mv_txt_large {
        font-size: 4rem;
        line-height: 1.8;
    }
    .mv_txt + .mv_txt {
        margin-top: 6rem;
    }
}

/* control_set */
.control_set {
    position: fixed;
    top: -100%;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 50;
}
.logo {
    position: absolute;
}
.menu_btn {
    position: absolute;
    background-color: transparent;
    border: none;
    cursor: pointer;
    z-index: 1;
}
.menu_btn_line > li:nth-child(n) {
    position: absolute;
    transition: top 0.2s 0.2s, transform 0.2s 0s;
}
.menu_wrap {
    position: absolute;
    background-color: #fff;
    overflow: hidden;
    transition: width 0.4s 0.3s, height 0.4s 0.3s, border-radius 0.4s 0.3s;
}
.menu_wrap,
.menu {
    scrollbar-width: none;
}
.menu_wrap::-webkit-scrollbar,
.menu::-webkit-scrollbar {
    display:none;
}
.is_menu_open .menu_wrap {
    overflow: auto;
    transition: width 0.3s 0s, height 0.5s 0.3s, border-radius 0.3s 0s;
}
.menu {
    width: 100%;
    height: 100%;
    overflow: auto;
}
.menu_inner {
    height: 100%;
    display: flex;
    align-items: center;
    opacity: 0;
    transition: opacity 0.4s 0.1s;
}
.is_menu_open .menu_inner {
    opacity: 1;
    transition: opacity 0.6s 0.8s;
}
.menu_list {
    display: block;
    padding-top: 0.2rem;
}
.menu_list > li a {
    color: #00a33e;
    text-decoration: none;
    line-height: 1;
}
.menu_item_inner {
    position: relative;
    display: inline-block;
}
.menu_list > li a .menu_item_inner:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    transform-origin: 0% 0%;
    transform: scaleX(0);
    transition: transform 0.2s;
}
.menu_list > li a:hover .menu_item_inner:after {
    transform: scaleX(1);
}
.menu_sns_list {
    display: flex;
}
.is_animation_ready .logo {
    opacity: 0;
}
.is_animation_load .logo {
    opacity: 1;
    transition: 0.8s 0.2s;
}
@media (min-width: 751px) {
    .logo {
        top: calc(100% + 0.1rem);
        left: 0rem;
        width: 2.3rem;
    }
    .menu_btn {
        top: calc(100% + 0.24rem);
        right: 0.24rem;
        width: 0.72rem;
        height: 0.72rem;
    }
    .menu_btn_line > li:nth-child(n) {
        left: 0.2rem;
        width: 0.32rem;
        border-top: 1px solid #00a33e;
    }
    .menu_btn_line > li:nth-child(1) {
        top: 0.31rem;
    }
    .menu_btn_line > li:nth-child(2) {
        top: 0.4rem;
    }
    .menu_wrap {
        top: calc(100% + 0.24rem);
        right: 0.24rem;
        width: 0.72rem;
        height: 0.72rem;
        border-radius: 0.36rem;
        box-shadow: 0 0 0.12rem 0 rgba(0, 163, 62, 0.2);
    }
    .is_menu_open .menu_wrap {
        width: 2.8rem;
        height: 4.62rem;
        border-radius: 0.24rem;
    }
    .menu {
        padding-left: 0.4rem;
    }
    .menu_inner {
        min-height: 4.62rem;
    }
    .menu_list {
        width: 2rem;
    }
    .menu_list > li + li {
        margin-top: 0.25rem;
    }
    .menu_list > li a {
        font-size: 0.18rem;
    }
    .menu_item_inner {
        padding-bottom: 0.05rem;
    }
    .menu_list > li a .menu_item_inner:after {
        border-top: 1px solid #00a33e;
    }
    .menu_sns_list {
        margin-top: 0.35rem;
    }
    .menu_sns_icon {
        width: 0.64rem;
    }
    .menu_btn_line {
        transition: opacity 0.4s 0s;
    }
    .is_menu_open .menu_btn_line {
        opacity: 0;
    }
}
@media (max-width: 750px) {
    .logo {
        top: calc(100% + 1.2rem);
        left: 0rem;
        width: 30.3rem;
    }
    .menu_btn {
        top: calc(100% + 1.2rem);
        right: 1.2rem;
        width: 11.2rem;
        height: 11.2rem;
    }
    .menu_btn_line > li:nth-child(n) {
        left: 2.8rem;
        width: 5.6rem;
        border-top: 1px solid #00a33e;
    }
    .menu_btn_line > li:nth-child(1) {
        top: 4.6rem;
    }
    .menu_btn_line > li:nth-child(2) {
        top: 6.4rem;
    }
    .is_menu_open .menu_btn_line > li:nth-child(n) {
        top: 5.5rem;
        transition: top 0.2s 0s, transform 0.2s 0.2s;
    }
    .is_menu_open .menu_btn_line > li:nth-child(1) {
        transform: rotate(30deg);
    }
    .is_menu_open .menu_btn_line > li:nth-child(2) {
        transform: rotate(-30deg);
    }
    .menu_overlay {
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        height: 100%;
        opacity: 0;
        pointer-events: none;
        transition: opacity 0.4s;
    }
    .is_menu_open .menu_overlay {
        opacity: 1;
        pointer-events: all;
    }
    .menu_wrap {
        top: calc(100% + 1.2rem);
        right: 1.2rem;
        width: 11.2rem;
        height: 11.2rem;
        border-radius: 5.6rem;
        box-shadow: 0 0 1.6rem 0 rgba(0, 163, 62, 0.2);
    }
    .is_menu_open .menu_wrap {
        width: 40rem;
        height: 79.2rem;
        border-radius: 4rem;
    }
    .menu {
        padding-left: 6.5rem;
    }
    .menu_inner {
        min-height: 79.2rem;
        padding-top: 4.5rem;
    }
    .menu_list > li + li {
        margin-top: 5.2rem;
    }
    .menu_list > li a {
        font-size: 2.6rem;
    }
    .menu_sns_list {
        margin-top: 4.5rem;
    }
    .menu_sns_icon {
        width: 9.6rem;
    }
}

/* quality */
.quality {
    overflow: hidden;
}
.quality_ttl_wrap {
    position: relative;
}
.quality_ttl_catch {
    display: flex;
    align-items: center;
    writing-mode: vertical-rl;
}
.quality_detail {
    position: relative;
}
.quality_detail_bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.6);
}
.quality_detail_inner {
    position: relative;
}
.quality_detail_list_item {
    text-align: center;
}
.quality_movie_area {
    position: relative;
}
.movie_ttl_icon,
.movie_ttl_inner {
    display: inline-block;
    vertical-align: middle;
}
.movie_ttl_icon {
    background-color: #fff;
}
@media (min-width: 751px) {
    .quality_inner {
        display: flex;
        position: relative;
        width: 14.4rem;
        margin: 0 auto;
    }
    .quality_ttl_wrap {
        width: 22.2%;
    }
    .quality_ttl {
        padding-top: 1.18rem;
    }
    .quality_ttl_logo {
        display: block;
        width: 2.5rem;
        margin: 0 auto;
    }
    .quality_ttl_catch {
        font-size: 0.4rem;
        line-height: 1.6;
        width: 2rem;
        padding-bottom: 0.8rem;
        margin: 0.63rem auto 0;
    }
    .quality_detail {
        width: 78.8%;
        box-shadow: 0 1.2rem 3rem 0 rgba(146, 191, 203, 0.4);
    }
    .quality_detail_inner {
        padding-top: 1.2rem;
        padding-left: 1rem;
    }
    .quality_detail_list {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        width: 9rem;
        margin-top: 0.4rem;
    }
    .quality_detail_list_item {
        width: 4.26rem;
    }
    .quality_detail_list_item:nth-child(n + 3) {
        margin-top: 0.51rem;
    }
    .quality_detail_list_ttl {
        font-size: 0.28rem;
        margin-bottom: 0.2rem;
    }
    .quality_detail_list_txt {
        font-size: 0.18rem;
        line-height: 1.56;
        margin-top: 0.16rem;
    }
    .quality_detail_ttl {
        font-size: 0.66rem;
        margin-bottom: 0.4rem;
        margin-left: -0.08rem;
    }
    .quality_txt {
        font-size: 0.2rem;
        line-height: 2;
    }
    .quality_txt + .quality_txt {
        margin-top: 0.48rem;
    }
    .quality_movie_area {
        padding-bottom: 1.05rem;
        padding-left: 1rem;
        margin-top: 0.61rem;
    }
    .movie_ttl {
        margin-bottom: 0.38rem;
    }
    .movie_ttl_icon {
        font-size: 0.2rem;
        line-height: 2;
        padding: 0 0.12rem;
        border-radius: 0 0.12rem 0 0.12rem;
    }
    .movie_ttl_inner {
        font-size: 0.36rem;
    }
    .movie_ttl_large {
        font-size: 0.48rem;
    }
    .movie_wrap {
        padding-right: 1.2rem;
    }
    .quality_movie_wrap .hover-move-btn {
        width: 1.6rem;
        height: 1.6rem;
    }
    .quality_movie_area .movie_btn_wrap {
        padding-right: 0.56rem;
        margin-top: 0.4rem;
    }
    .quality_movie_wrap .movie_btn_txt {
        font-size: 0.28rem;
        padding: 0 0.65rem 0.1rem 0;
    }
}
@media (max-width: 750px) {
    .quality {
        padding-top: 9.5rem;
    }
    .quality_ttl {
        text-align: center;
        padding-bottom: 6.5rem;
    }
    .quality_ttl_logo {
        display: block;
        width: 25rem;
        margin: 0 auto;
    }
    .quality_ttl_catch {
        font-size: 4.8rem;
        line-height: 1.67;
        width: 20rem;
        margin: 4.5rem auto 0;
    }
    .quality_detail {
        box-shadow: 0 1.6rem 4rem 0 rgba(146, 191, 203, 0.4);
    }
    .quality_detail_inner {
        padding: 15.5rem 4rem 0;
    }
    .quality_detail_list {
        width: 51rem;
        margin: 8rem auto 0;
    }
    .quality_detail_list_item + .quality_detail_list_item {
        margin-top: 6.3rem;
    }
    .quality_detail_list_ttl {
        font-size: 3.6rem;
        margin-bottom: 1.5rem;
    }
    .quality_detail_list_txt {
        font-size: 2.4rem;
        line-height: 1.5;
        margin-top: 1.8rem;
    }
    .quality_detail_ttl {
        font-size: 8rem;
        line-height: 1.4;
        margin-bottom: 6rem;
    }
    .quality_txt {
        font-size: 2.6rem;
        line-height: 2;
    }
    .quality_txt + .quality_txt {
        margin-top: 4rem;
    }
    .quality_movie_area {
        padding: 0 4rem 13.5rem;
        margin-top: 10rem;
    }
    .movie_ttl {
        margin-bottom: 3.5rem;
    }
    .movie_ttl_icon {
        font-size: 2.4rem;
        line-height: 2;
        padding: 0 1.4rem;
        border-radius: 0 1.6rem 0 1.6rem;
    }
    .movie_ttl_inner {
        font-size: 4rem;
    }
    .movie_ttl_large {
        font-size: 5.6rem;
    }
    .quality_movie_wrap .hover-move-btn {
        top: -104%;
        right: -33.5%;
        width: 20rem;
        height: 20rem;
    }
    .quality_movie_area .movie_btn_wrap {
        padding-right: 7.3rem;
        margin-top: 3.6rem;
    }
    .quality_movie_wrap .movie_btn_txt {
        font-size: 3.6rem;
        padding: 0 8rem 1.8rem 0;
    }
}

/* tv_cm */
.tv_cm {
    position: relative;
}
.tv_cm_cloud_1,
.tv_cm_cloud_2,
.tv_cm_bg {
    position: absolute;
}
.tv_cm_bg {
    left: 0;
    background-color: #fff;
}
.tv_cm_list_item {
    position: relative;
}
@media (min-width: 751px) {
    .tv_cm {
        padding-top: 1.47rem;
        padding-bottom: 0.4rem;
    }
    .tv_cm_cloud_1 {
        top: -5.5rem;
        left: 1.91rem;
        width: 14.08rem;
    }
    .tv_cm_cloud_2 {
        top: 4rem;
        left: 8.13rem;
        width: 9.07rem;
    }
    .tv_cm_bg {
        top: 0.72rem;
        width: 4.8rem;
        height: 8rem;
        border-radius: 0 0.8rem;
    }
    .tv_cm_ttl {
        font-size: 0.8rem;
    }
    .tv_cm_list {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        flex-direction: row-reverse;
        flex-wrap: wrap;
        margin-top: 0.8rem;
    }
    .tv_cm_list_item {
        width: 5.6rem;
        margin-bottom: 1.1rem;
    }
    .tv_cm_list_item:nth-child(odd) {
        margin-top: -1.8rem;
    }
    .tv_cm_list_ttl {
        font-size: 0.32rem;
        margin-top: 0.3rem;
    }
    .tv_cm_list_ttl_brackets {
        margin-left: -0.22rem;
    }
    .tv_cm_list_ttl span {
        font-size: 0.36rem;
    }
    .tv_cm_list .movie_btn_wrap {
        position: absolute;
        bottom: 0;
        right: 0;
        padding-right: 0.3rem;
    }
    .tv_cm_list .movie_btn_txt {
        padding: 0 0.5rem 0.1rem 0;
    }
    .tv_cm_list .hover-move-btn {
        top: -85%;
        right: -0.7rem;
    }
}
@media (max-width: 750px) {
    .tv_cm {
        padding: 18.3rem 0 20rem;
    }
    .tv_cm_cloud_1 {
        top: -57.5rem;
        left: 0;
        width: 140.8rem;
    }
    .tv_cm_cloud_2 {
        top: 92.5rem;
        left: -39.8rem;
        width: 103.7rem;
    }
    .tv_cm_bg {
        top: 9rem;
        width: 48rem;
        height: 120rem;
        border-radius: 0 8rem;
    }
    .tv_cm_ttl {
        font-size: 9.6rem;
    }
    .tv_cm_list {
        margin-top: 7.5rem;
    }
    .tv_cm_list_item + .tv_cm_list_item {
        margin-top: 10.2rem;
    }
    .tv_cm_movie {
        width: 59rem;
    }
    .tv_cm_list_item:nth-child(even) .tv_cm_movie {
        margin: 0 0 0 auto;
    }
    .tv_cm_list_ttl {
        position: absolute;
        top: -6.6rem;
        font-size: 3.6rem;
        white-space: nowrap;
        writing-mode: vertical-rl;
    }
    .tv_cm_list_ttl_en {
        top: -4.5rem;
    }
    .tv_cm_list_item:nth-child(odd) .tv_cm_list_ttl {
        right: -1rem;
    }
    .tv_cm_list_item:nth-child(even) .tv_cm_list_ttl {
        left: -1rem;
    }
    .tv_cm_list_ttl span {
        font-size: 4.4rem;
    }
    .tv_cm_list_ttl_en_inner {
        text-orientation: upright;
    }
    .movie_btn_wrap {
        margin-top: 2.5rem;
    }
    .tv_cm_list_item:nth-child(odd) .movie_btn_wrap {
        padding-right: 12.9rem;
    }
    .tv_cm_list_item:nth-child(even) .movie_btn_wrap {
        text-align: left;
    }
    .tv_cm_list .movie_btn_txt {
        padding: 0 6.4rem 1rem 0;
    }
    .tv_cm_list .hover-move-btn {
        top: -95%;
        right: -51%;
    }
}

/* interview */
.interview {
    background-color: #fff;
}
.interview .contents_inner {
    position: relative;
}
.interview_bg {
    position: absolute;
}
.interview_ttl {
    position: relative;
    text-align: right;
}
.interview_catch {
    position: relative;
    text-align: center;
}
.interview_inner {
    position: relative;
    overflow: hidden;
}
.interview_inner:before,
.interview_inner:after {
    content: "";
    position: absolute;
    top: 0;
    height: 100%;
    z-index: 10;
}
.interview_inner:before {
    left: 0;
}
.interview_inner:after {
    right: 0;
    transform: rotate(180deg);
}
.interview_swiper_slide {
    position: relative;
    cursor: grab;
}
.interview_swiper_slide.new:before {
    content: "NEW";
    position: absolute;
    font-weight: 700;
    background-color: #f7de39;
    z-index: 10;
}
.interview_swiper_reverse .interview_swiper_slide {
    direction: ltr;
}
.interview_movie_txt {
    text-align: left;
}
@media (min-width: 751px) {
    .interview {
        padding-top: 1.2rem;
        padding-bottom: 1.07rem;
    }
    .interview_bg {
        top: 1.4rem;
        left: 1rem;
        width: 10rem;
        height: 8.65rem;
        border-radius: 0 0.8rem 0 0.8rem;
    }
    .interview_ttl {
        font-size: 0.66rem;
        margin-bottom: 0.78rem;
    }
    .interview_catch {
        font-size: 0.28rem;
        margin-left: -0.15rem;
    }
    .interview_inner:before,
    .interview_inner:after {
        width: 1.2rem;
        background: url(../images/interview_gradation.png) repeat-y center / 100% auto;
    }
    .interview_swiper_wrap {
        width: 12.5rem;
        margin: 0.15rem auto 0;
    }
    .interview_swiper_cover {
        width: 4.87rem;
        margin: 0 auto 0 0;
    }
    .interview_swiper_reverse {
        margin: 0 0 0 auto;
    }
    .interview_swiper {
        padding: 0.4rem 0 0;
        overflow: visible;
    }
    .interview_swiper_cover + .interview_swiper_cover {
        margin-top: 0.22rem;
    }
    .interview_swiper_slide,
    .interview_swiper_slide.new:before,
    .interview_movie_txt {
        transition: transform 0.6s, margin 0.6s;
    }
    .interview_swiper_slide {
        width: 4.4rem;
        margin: 0 0.24rem;
        transform-origin: top center;
    }
    .interview_swiper_slide.new:before {
        top: -0.1rem;
        left: -0.1rem;
        font-size: 0.2rem;
        padding: 0.1rem;
        border-radius: 0 0.12rem 0 0.12rem;
        transform-origin: top left;
    }
    .swiper-slide-active {
        margin: 0 0.4rem;
        transform: scale(1.07) translateY(-0.2rem);
    }
    .interview_movie_txt {
        font-size: 0.2rem;
        line-height: 1.2;
        margin-top: 0.1rem;
        transform-origin: top left;
    }
    .swiper-slide-active.new:before,
    .swiper-slide-active .interview_movie_txt {
        transform: scale(0.92);
    }
    .interview_movie_txt_small {
        font-size: 0.16rem;
        line-height: 1.5;
    }
    .interview .movie_btn_wrap {
        margin-top: 1.22rem;
        padding-right: 0.72rem;
    }
    .interview .movie_btn_txt {
        padding-bottom: 0.08rem;
        padding-right: 0.5rem;
    }
    .interview .hover-move-btn {
        top: -90%;
        right: -20.5%;
    }
}
@media (max-width: 750px) {
    .interview {
        padding-top: 15.5rem;
        padding-bottom: 17.5rem;
    }
    .interview_bg {
        top: 28.5rem;
        left: 0;
        width: 100%;
        height: 111.1rem;
        border-radius: 0 8rem 0 8rem;
    }
    .interview_ttl {
        font-size: 8rem;
        margin-bottom: 11.5rem;
        margin-right: -0.5rem;
    }
    .interview_ttl_brackets {
        display: inline-block;
        margin-right: -4.2rem;
    }
    .interview_catch {
        font-size: 3.2rem;
        line-height: 1.5;
        padding-right: 1.5rem;
    }
    .interview_inner:before,
    .interview_inner:after {
        width: 4rem;
        background: url(../images/interview_gradation_sp.png) repeat-y center / 100% auto;
    }
    .interview_swiper_wrap {
        margin-top: 4rem;
    }
    .interview_swiper {
        padding-top: 1.6rem;
    }
    .interview_swiper_cover + .interview_swiper_cover {
        margin-top: 6rem;
    }
    .interview_swiper_slide {
        width: 51rem;
        margin: 0 2rem;
    }
    .interview_swiper_slide.new:before {
        top: -1.6rem;
        left: -1.6rem;
        font-size: 2.4rem;
        padding: 1.1rem 1.9rem;
        border-radius: 0 1.6rem 0 1.6rem;
    }
    .interview_movie_txt {
        font-size: 2.8rem;
        line-height: 1.29;
        margin-top: 1.4rem;
    }
    .interview_movie_txt_small {
        font-size: 2.2rem;
        line-height: 1.64;
    }
    .interview .movie_btn_wrap {
        margin-top: 15rem;
        padding-right: 5rem;
    }
    .interview .movie_btn_txt {
        padding-bottom: 1rem;
        padding-right: 6.2rem;
    }
    .interview .hover-move-btn {
        top: -93%;
        right: -21.5%;
    }
}

/* introduction */
.introduction_btn_wrap {
    text-align: left;
}
.introduction_btn {
    display: block;
    width: 100%;
}
.introduction_link_list_wrap {
    position: relative;
    overflow: hidden;
}
.introduction_link_list_bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(0 163 62 / 70%);
}
.introduction_link_list {
    position: relative;
}
.introduction_link {
    text-decoration: none;
}
.introduction_btn .movie_btn_txt {
    color: #fff;
    padding-bottom: 0.08rem;
    border-bottom-color: #fff;
}
.introduction_btn .circle {
    border-color: #fff;
}
.introduction_link:hover .circle,
.introduction_link.isMoving .circle {
    background-color: #fff;
}
.introduction_btn .arrow_icon {
    opacity: 0;
}
.introduction_link:hover .arrow_icon,
.introduction_btn.isMoving .arrow_icon {
    opacity: 1;
}
@media (min-width: 751px) {
    .introduction_ttl {
        font-size: 0.66rem;
        margin-bottom: 0.4rem;
        text-shadow: 0 0 0.2rem rgba(220, 247, 253, 1), 0 0 0.2rem rgba(220, 247, 253, 1);
    }
    .introduction_catch {
        font-size: 0.2rem;
        line-height: 2;
        margin-bottom: 1.52rem;
        text-shadow: 0 0 0.2rem rgba(220, 247, 253, 1), 0 0 0.2rem rgba(220, 247, 253, 1);
    }
    .introduction_link_list_wrap {
        padding: 0.4rem 1.8rem 0.5rem;
        border-radius: 0 0.8rem 0 0.8rem;
        box-shadow: 0 0.12rem 0.3rem 0 rgba(146, 191, 203, 0.4);
        margin-top: 0.8rem;
    }
    .introduction_link_list {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .introduction_link_half_item {
        width: 3.8rem;
    }
    .introduction_btn_wrap {
        margin-top: 0.27rem;
    }
    .introduction_btn {
        padding-right: 0.3rem;
    }
    .introduction_btn .movie_btn_txt {
        padding-bottom: 0.08rem;
    }
    .introduction_btn .hover-move-btn {
        top: -9%;
        right: -10.2%;
    }
}
@media (max-width: 750px) {
    .introduction_ttl {
        font-size: 8rem;
        line-height: 1.4;
        margin-bottom: 6.2rem;
        text-shadow: 0 0 2rem rgba(220, 247, 253, 1), 0 0 2rem rgba(220, 247, 253, 1);
    }
    .introduction_catch {
        font-size: 2.6rem;
        line-height: 2;
        margin-bottom: 8.5rem;
        text-shadow: 0 0 2rem rgba(220, 247, 253, 1), 0 0 2rem rgba(220, 247, 253, 1);
    }
    .introduction_link_list_wrap {
        width: 71rem;
        padding: 6.4rem 6.4rem 6.4rem 4rem;
        border-radius: 0 8rem 0 0;
        box-shadow: 0 1.6rem 4rem 0 rgba(146, 191, 203, 0.4);
        margin: 12.2rem 0 0 -4rem;
    }
    .introduction_link {
        display: flex;
        align-items: flex-end;
    }
    .introduction_link_half_item + .introduction_link_half_item {
        margin-top: 6.3rem;
    }
    .introduction_link_thumb {
        width: 40%;
    }
    .introduction_btn_wrap {
        width: 60%;
        margin-top: 0;
        background: url(../images/icon_arrow_on.svg) no-repeat right center / 2.5rem auto;
    }
    .introduction_btn .movie_btn_txt {
        font-size: 2.6rem;
        line-height: 1.38;
        padding: 0.6rem 0 1.8rem 3.8rem;
    }
    .introduction_btn .hover-move-btn {
        display: none;
    }
}

/* brand */
.brand_movie_item {
    position: relative;
}
.brand_movie_item_txt_wrap {
    position: relative;
    overflow: hidden;
}
.brand_movie_item_bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.6);
}
.brand_movie_item_inner {
    position: relative;
}
.brand_movie_item_txt {
    text-align: justify;
    line-height: 2;
}
.brand_movie {
    z-index: 1;
}
@media (min-width: 751px) {
    .brand {
        padding: 1.2rem 0;
    }
    .brand_movie_item + .brand_movie_item {
        margin-top: 1.44rem;
    }
    .brand_movie_item_txt_wrap {
        width: 6.4rem;
        height: 3.2rem;
        border-radius: 0 0.8rem 0 0.8rem;
        box-shadow: 0 0.12rem 0.3rem 0 rgba(146, 191, 203, 0.4);
    }
    .brand_movie_item_odd .brand_movie_item_inner {
        padding: 0.52rem 1.45rem 0 0.63rem;
    }
    .brand_movie_item_even .brand_movie_item_inner {
        padding: 0.52rem 0.63rem 0 1.45rem;
    }
    .brand_movie_item_ttl {
        font-size: 0.32rem;
        margin-bottom: 0.3rem;
        margin-left: -0.2rem;
    }
    .brand_movie_item_ttl span {
        font-size: 0.36rem;
    }
    .brand_movie_item_txt {
        font-size: 0.18rem;
    }
    .brand_movie {
        position: relative;
        width: 6.4rem;
    }
    .brand_movie_item_odd .brand_movie,
    .brand_movie_item_even .brand_movie_item_txt_wrap {
        position: absolute;
        right: 0;
    }
    .brand_movie_item_odd .brand_movie {
        top: -1.04rem;
    }
    .brand_movie_item_even .brand_movie_item_txt_wrap {
        top: -0.64rem;
    }
}
@media (max-width: 750px) {
    .brand {
        padding: 12.8rem 0 16rem;
    }
    .brand_movie_item {
        padding-top: 26.8rem;
    }
    .brand_movie_item + .brand_movie_item {
        margin-top: 12rem;
    }
    .brand_movie_item_txt_wrap {
        width: 63rem;
        height: 44.9rem;
        border-radius: 0 8rem 0 8rem;
        box-shadow: 0 1.6rem 4rem 0 rgba(146, 191, 203, 0.4);
    }
    .brand_movie_item_odd .brand_movie_item_txt_wrap {
        margin: 0 0 0 auto;
    }
    .brand_movie_item_even .brand_movie_item_txt_wrap {
        border-radius: 8rem 0 8rem 0;
        margin: 0 auto 0 0;
    }
    .brand_movie_item_inner {
        padding: 12rem 8rem 0;
    }
    .brand_movie_item_ttl {
        font-size: 3.2rem;
        margin-bottom: 1.5rem;
        margin-left: -2.2rem;
    }
    .brand_movie_item_ttl span {
        font-size: 4rem;
    }
    .brand_movie_item_txt {
        font-size: 2.4rem;
    }
    .brand_movie {
        position: absolute;
        top: 0;
        width: 59rem;
    }
    .brand_movie_item_odd .brand_movie {
        left: 0;
    }
    .brand_movie_item_even .brand_movie {
        right: 0;
    }
}

/* cast */
.cast {
    position: relative;
}
.cast_cloud_1,
.cast_cloud_2 {
    position: absolute;
}
.cast_ttl {
    text-align: center;
}
.cast_item_box {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}
.accordion_btn,
.accordion_item {
    display: none;
}
.accordion_btn_txt {
    position: relative;
    text-align: center;
    background-color: #fff;
}
.accordion_btn_txt:before,
.accordion_btn_txt:after {
    content: '';
    position: absolute;
    top: 50%;
    background-color: #00a33e;
    transform: translate(-50%, -50%);
}
.accordion_btn_txt:after {
    transform-origin: center;
    transform: translate(-50%, -50%) rotate(-90deg);
    transition: transform 0.4s, opacity 0.4s;
}
.accordion_btn:checked + .accordion_btn_txt:after {
    transform: translate(-50%, -50%) rotate(0);
    opacity: 0;
}
.accordion_btn_txt_inner {
    display: block;
}
.accordion_btn_txt_open {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}
.accordion_btn:checked + .accordion_btn_txt .accordion_btn_txt_open {
    opacity: 1;
}
.accordion_btn_txt_open,
.accordion_btn:checked + .accordion_btn_txt .accordion_btn_txt_close {
    opacity: 0;
}
.cast_profile_detail {
    text-align: justify;
    line-height: 2;
}
@media (min-width: 751px) {
    .cast {
        padding: 1.6rem 0 1.15rem;
    }
    .cast_cloud_1 {
        top: -1.5rem;
        left: -5.23rem;
        width: 15.42rem;
    }
    .cast_cloud_2 {
        top: 4.8rem;
        left: 4.46rem;
        width: 13.99rem;
    }
    .cast_ttl {
        font-size: 0.66rem;
        margin-bottom: 0.13rem;
    }
    .cast_list {
        display: flex;
        justify-content: space-between;
    }
    .cast_list_item {
        width: 5.6rem;
    }
    .cast_img {
        width: 3.02rem;
    }
    .cast_profile {
        width: 2.2rem;
    }
    .cast_profile_name {
        font-size: 0.4rem;
    }
    .cast_profile_position {
        font-size: 0.16rem;
        line-height: 1.75;
        margin-top: 0.08rem;
    }
    .accordion_item > label {
        cursor: pointer;
    }
    .accordion_btn_txt {
        font-size: 0.15rem;
        border-radius: 0.24rem;
        box-shadow: 0 0 0.12rem 0 rgba(0, 163, 62, 0.2);
        margin-top: 0.42rem;
        cursor: pointer;
        transition: color 0.6s, background-color 0.6s;
    }
    .accordion_btn:hover + .accordion_btn_txt {
        color: #fff;
        background-color: #00a33e;
    }
    .accordion_btn_txt:before,
    .accordion_btn_txt:after {
        right: 0.16rem;
        width: 0.15rem;
        height: 1px;
        transition: transform 0.4s, opacity 0.4s, background-color 0.6s;
    }
    .accordion_btn:hover + .accordion_btn_txt:before,
    .accordion_btn:hover + .accordion_btn_txt:after {
        background-color: #fff;
    }
    .accordion_btn_txt_inner {
        padding: 0.13rem 0.25rem 0.14rem 0;
    }
    .accordion_item_inner {
        padding: 0.37rem 0;
    }
    .cast_profile_detail {
        font-size: 0.16rem;
    }
}
@media (max-width: 750px) {
    .cast {
        padding: 19.5rem 0 6rem;
    }
    .cast_cloud_1 {
        top: -20.5rem;
        left: -70.1rem;
        width: 154.2rem;
    }
    .cast_cloud_2 {
        top: 166rem;
        left: -31.5rem;
        width: 150.5rem;
    }
    .cast_ttl {
        font-size: 8rem;
        margin-bottom: 6rem;
    }
    .cast_list_item + .cast_list_item {
        margin-top: 7rem;
    }
    .cast_item_box {
        position: relative;
        padding-bottom: 13rem;
    }
    .cast_img {
        width: 30.2rem;
    }
    .cast_profile {
        width: 33.5rem;
        padding-bottom: 4rem;
    }
    .cast_profile_name {
        font-size: 5.6rem;
    }
    .cast_profile_position {
        font-size: 2.8rem;
        line-height: 1.57;
        margin-top: 2.5rem;
    }
    .cast_profile label {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        width: 51rem;
        height: 8rem;
        margin: 0 auto;
    }
    .accordion_btn_txt {
        position: absolute;
        bottom: 0;
        left: 0;
        font-size: 2.8rem;
        width: 51rem;
        border-radius: 4rem;
        box-shadow: 0 0 1.6rem 0 rgba(0, 163, 62, 0.2);
    }
    .accordion_btn_txt:before,
    .accordion_btn_txt:after {
        right: 2.6rem;
        width: 2.8rem;
        height: 0.2rem;
    }
    .accordion_btn_txt_inner {
        padding: 2rem 3.5rem 2rem 0;
    }
    .accordion_item_inner {
        padding: 4.6rem 0 4rem;
    }
    .cast_profile_detail {
        font-size: 2.4rem;
    }
}

/* bnr */
.bnr_inner {
    margin: 0 auto;
}
.bnr_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.bnr_x {
    display: block;
}
@media (min-width: 751px) {
    .bnr_inner {
        width: 14.4rem;
    }
    .bnr_list + .bnr_list {
        margin-top: 0.4rem;
    }
    .bnr_list > li {
        margin: 0 0.2rem;
    }
    .bnr_list > li:nth-child(n + 3) {
        margin-top: 0.35rem;
    }
    .bnr_x {
        width: 4.8rem;
    }
}
@media (max-width: 750px) {
    .bnr_inner {
        padding: 9rem 0;
    }
    .bnr_list + .bnr_list {
        margin-top: 3.9rem;
    }
    .bnr_list {
        margin-right: 2rem;
    }
    .bnr_list > li + li {
        margin-top: 3.9rem;
    }
    .bnr_x {
        width: 57.2rem;
    }
}

/* sns */
.sns_inner {
    margin: 0 auto;
}
.sns_ttl {
    text-align: center;
    color: #333;
}
.sns_list {
    display: flex;
    justify-content: center;
}
@media (min-width: 751px) {
    .sns {
        position: relative;
        padding: 1.18rem 0 0.4rem;
    }
    .sns_inner {
        width: 10rem;
    }
    .sns_ttl {
        font-weight: 400;
        font-size: 0.2rem;
        line-height: 1;
        letter-spacing: 0.1em;
    }
    .sns_list {
        margin-top: 0.22rem;
    }
    .sns_list > li + li {
        margin-left: 0.1rem;
    }
    .sns_x {
        width: 0.64rem;
    }
}
@media (max-width: 750px) {
    .sns_inner {
        padding: 6.5rem 0 8rem;
    }
    .sns_ttl {
        font-weight: 400;
        font-size: 3rem;
        line-height: 1;
        letter-spacing: 0.1em;
    }
    .sns_list {
        margin-top: 2rem;
    }
    .sns_list > li + li {
        margin-left: 1rem;
    }
    .sns_x {
        width: 9.6rem;
    }
}

/* footer */
.footer {
    position: relative;
    background-color: #fff;
    font-feature-settings: normal;
}
.footer_nav {
    display: flex;
}
.footer_nav > li a {
    color: #333;
    text-decoration: none;
}
.footer_copy {
    text-align: center;
    color: #808080;
}
.footer_pagetop {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
}
@media (min-width: 751px) {
    .footer_nav {
        padding-top: 0.55rem;
        justify-content: center;
    }
    .footer_nav > li a {
        font-size: 0.16rem;
        line-height: 2;
        letter-spacing: 0.1em;
    }
    .footer_nav > li a:hover,
    .footer_nav > li a:focus {
        text-decoration: underline;
    }
    .footer_nav > li + li {
        margin-left: 0.52rem;
    }
    .footer_copy {
        font-size: 0.14rem;
        line-height: 2;
        letter-spacing: 0.1em;
        padding-top: 0.22rem;
        padding-bottom: 0.8rem;
    }
    .footer_pagetop {
        width: 0.64rem;
        display: block;
    }
}
@media (max-width: 750px) {
    .footer {
        padding: 4.8rem 0 3.4rem;
    }
    .footer_nav {
        flex-wrap: wrap;
        width: 60rem;
        margin-left: 4.5rem;
    }
    .footer_nav > li a {
        font-size: 2.4rem;
        line-height: 2;
        letter-spacing: 0.1em;
    }
    .footer_nav > li + li:not(:nth-child(3)) {
        margin-left: 5.5rem;
    }
    .footer_nav > li:nth-child(n + 3) {
        margin-top: 0.8rem;
    }
    .footer_copy {
        font-size: 2rem;
        line-height: 2;
        margin-top: 2.4rem;
    }
    .footer_pagetop {
        width: 9.6rem;
        display: block;
    }
}

/* full_screen */
.full_screen {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 50;
    background: #000;
    background: rgba(0, 0, 0, 0.9);
    transform: translateX(-100%);
    opacity: 0;
    transition: transform 0s 0.4s, opacity 0.4s 0s;
}
.is_play .full_screen {
    transform: translateX(0%);
    opacity: 1;
    transition: transform 0s 0s, opacity 0.4s 0s;
}
.full_screen iframe {
    width: 100%;
    height: 100%;
    border: none;
}
.full_screen .close_btn {
    display: block;
    position: absolute;
    cursor: pointer;
    z-index: 100;
    top: 0;
    right: 0;
    background: none;
    padding: 0;
    border: none;
}
.movie_close {
    height: auto;
    display: block;
    background: transparent;
}

@media screen and (min-width: 751px) {
    .full_screen {
        background: #000;
    }
    .iframe_player_api_wrap {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        box-sizing: border-box;
        padding: 0.7rem 0;
    }
    .iframe_player_api_cover {
        position: relative;
        width: 100%;
        height: 100%;
    }
    .movie_close {
        width: 0.7rem;
        padding: 0.2rem;
    }
}
@media screen and (max-width: 750px) {
    .iframe_player_api_wrap {
        position: absolute;
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .iframe_player_api_cover {
        position: relative;
        width: 100%;
        padding-top: 55.6%;
    }
    .full_screen iframe {
        position: absolute;
        top: 0;
        left: 0;
    }
    .movie_close {
        width: 6.4rem;
        padding: 3.2rem;
        box-sizing: content-box;
    }
}

/* animation */
.is_animation_ready .anim_fade_up {
    opacity: 0;
}
.is_animation_load .anim_fade_up {
    transition: all 0.8s;
}
@media screen and (min-width: 751px) {
    .anim_fade_up.is_animated {
        transform: translateY(-0.2rem);
    }
    /* hover */
    .anim_fade_hover {
        display: block;
        transition: opacity 0.4s;
    }
    .anim_fade_hover:hover,
    .anim_fade_hover:focus {
        opacity: 0.7;
    }
}
@media screen and (max-width: 750px) {
    .anim_fade_up.is_animated {
        transform: translateY(-2rem);
    }
}
.anim_fade_up.is_animated {
    opacity: 1;
}