/**************************************
animations
**************************************/
[class*=crossFade] {
    -webkit-animation-name: crossFade;
    animation-name: crossFade;
    -webkit-animation-duration: 4000ms;
    animation-duration: 4000ms;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
    position: absolute;
    z-index: 1;
}

@-webkit-keyframes crossFade {
    0% {
        opacity: 1;
    }

    30% {
        opacity: 1;
    }

    70% {
        opacity: 0;
    }

    100% {
        opacity: 0;
    }
}

@keyframes crossFade {
    0% {
        opacity: 1;
    }

    30% {
        opacity: 1;
    }

    70% {
        opacity: 0;
    }

    100% {
        opacity: 0;
    }
}

[data-target="mdl-open"] {
    cursor: pointer;
}

/**************************************
#itemSwiperArea
**************************************/

#itemSwiperArea .slider {
    font-family: futura-pt, sans-serif;
}

#itemSwiperArea #itemList>ul {
    display: block;
}

#itemSwiperArea #itemList>ul>li {
    display: block;
    width: 46rem;
    margin: 0 auto 6rem;
}

#itemSwiperArea #itemList>ul>li.twoLine {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
}

#itemSwiperArea #itemList>ul>li.twoLine>figure {
    width: 35rem;
}

#itemSwiperArea #itemList>ul>li figure {
    cursor: pointer;
    -webkit-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
}

#itemSwiperArea #itemList>ul>li figure:hover {
    opacity: 0.6;
}

#itemSwiperArea {
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 1001;
    opacity: 0;
    -webkit-transform: translate(200vw, 0);
    -moz-transform: translate(200vw, 0);
    -o-transform: translate(200vw, 0);
    -ms-transform: translate(200vw, 0);
    transform: translate(200vw, 0);
    -webkit-transition: opacity 0.5s ease;
    -moz-transition: opacity 0.5s ease;
    -o-transition: opacity 0.5s ease;
    transition: opacity 0.5s ease;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    visibility: hidden;
}

#itemSwiperArea.init {
    opacity: 1;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    visibility: visible;
}

#itemSwiperArea #itemSwiper {
    /* width: 75.2rem; */
    width: 70.2rem;
    margin: auto;
    position: relative;
    z-index: 1;
}

@media screen and (max-width: 767px) {
    #itemSwiperArea #itemSwiper {
        width: 100%;
        height: auto;
    }
}

#itemSwiperArea #itemSwiper .itemSwiperWrapper {
    position: relative;
    width: 100%;
    max-height: 65rem;
    z-index: 1;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate(0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

@media screen and (max-width: 767px) {
    #itemSwiperArea #itemSwiper .itemSwiperWrapper {
        width: calc(614*(100vw/750));
        margin: auto;
        align-items: initial;
        /* position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0; */
    }
}

#itemSwiper .slider {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    position: relative;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    opacity: 0;
}

#itemSwiperArea.init .slider{
    opacity: 1;
}

@media screen and (max-width: 767px) {
    #itemSwiper .slider {
        display: block;
        max-height: 100vh;
        overflow: scroll;
        opacity: 1;
    }
}

#itemSwiper .slider figure {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: 70.2rem;
    height: 67.7rem;
    -webkit-backface-visibility: hidden;
    background-color: #fff;
    backface-visibility: hidden;
}

@media screen and (max-width: 767px) {
    #itemSwiper .slider figure {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        width: calc(614*(100vw/750));
        height: auto;
    }
}

#itemSwiper .slider.wide figure {
    max-height: 52.2rem;
}

#itemSwiper .slider.wide2 figure {
    max-height: 50rem;
}

#itemSwiper .slider.swiper-slide-active {
    opacity: 1 !important;
    z-index: 2;
}

#itemSwiper .slider figure a {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

#itemSwiper .slider figure .slick {
    width: 42rem;
}

#itemSwiper .slider figure .slick:hover {
    opacity: 0.6;
}

#itemSwiper .slider figure a:hover {
    opacity: 1;
}

figure img,
figure video {
    cursor: pointer;
}

#itemSwiper .slider figure .modal_img,
#itemSwiper .slider figure video {
    display: block;
    width: 45.2rem;
    height: 67.4rem;
    -webkit-transition: opacity 0.3s ease;
    -moz-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    object-fit: cover;
    object-position: top center;
}

@media screen and (max-width: 767px) {
    #itemSwiper .slider figure .imgMaxWidth,
    #itemSwiper .slider figure video {
        width: calc(614*(100vw/750))!important;
        height: auto;
    }
}

#itemSwiper .slider figure a:hover img {
    opacity: .6;
}

#itemSwiperArea .nextWrap,
#itemSwiperArea .prevWrap {
    display: block;
    width: 2.5rem;
    height: auto;
    border-radius: 100%;
    position: absolute;
    top: 50%;
    z-index: 1;
    transform: initial !important;
}

#itemSwiperArea .nextWrap {
    right: 0;
}

#itemSwiperArea .prevWrap {
    left: 0;
}

@media screen and (max-width: 767px) {
    #itemSwiperArea .nextWrap,
    #itemSwiperArea .prevWrap {
        height: 70vh;
        top: 0;
    }

    #itemSwiperArea .nextWrap {
        right: 3rem;
    }

    #itemSwiperArea .prevWrap {
        left: 3rem;
    }

    #itemSwiper .slider figure .slick {
        width: calc(614*(100vw/750));
    }
}

#itemSwiperArea .nextBtn,
#itemSwiperArea .prevBtn {
    display: block;
    width: 2.5rem;
    height: 5rem;
    position: absolute;
    top: 52%;
    left: 0;
    margin-top: -1.5rem;
    z-index: 500;
    -webkit-transition: opacity 0.2s ease;
    -moz-transition: opacity 0.2s ease;
    -o-transition: opacity 0.2s ease;
    -webkit-transition: opacity 0.2s ease;
    -o-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
    cursor: pointer;
}

@media screen and (max-width: 767px) {
    #itemSwiperArea .nextBtn,
    #itemSwiperArea .prevBtn {
        width: 1.5rem;
        height: 3rem;
        top: 50%;
        right: 0;
        margin: auto;
    }
}

#itemSwiperArea .nextBtn:hover,
#itemSwiperArea .prevBtn:hover {
    opacity: .4;
}

#itemSwiperArea .nextBtn::before,
#itemSwiperArea .nextBtn::after {
    content: '';
    display: block;
    width: 3.4rem;
    height: 0.1rem;
    background: #ffffff;
    position: absolute;
}

@media screen and (max-width: 767px) {
    #itemSwiperArea .nextBtn::before,
    #itemSwiperArea .nextBtn::after {
        background: #000000;
        width: 2rem;
    }
}

#itemSwiperArea .prevBtn::before,
#itemSwiperArea .prevBtn::after {
    content: '';
    display: block;
    width: 3.4rem;
    height: 0.1rem;
    background: #ffffff;
    position: absolute;
}

@media screen and (max-width: 767px) {
    #itemSwiperArea .prevBtn::before,
    #itemSwiperArea .prevBtn::after {
        background: #000000;
        width: 2rem;
    }
}

#itemSwiperArea .nextBtn::before {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 28%;
    left: -16%;
}

#itemSwiperArea .nextBtn::after {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 75%;
    right: -21%;
}

#itemSwiperArea .prevBtn::before {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 28%;
    left: -18%;
}

#itemSwiperArea .prevBtn::after {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 75%;
    right: -21%;
}

.prev-arrow,
.next-arrow {
    z-index: 3;
    width: 3.5rem;
    /* height: 9.5rem; */
    position: absolute;
    top: -3rem;
    bottom: 0;
    display: block !important;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    margin: auto;
}

.prev-arrow:hover,
.next-arrow:hover {
    opacity: 0.3;
    -webkit-transition: ease 0.5s;
    transition: ease 0.5s;
}

@media screen and (max-width: 767px) {
    .prev-arrow,
    .next-arrow {
        width: 2rem;
        /* height: 9.2rem; */
        top: -14.5%;
    }
}

.prev-arrow {
    left: -5.5rem;
}
@media screen and (max-width: 767px) {
    .prev-arrow {
        left: 0;
        transform: rotate(180deg);
    }
}

.next-arrow {
    right: -5.5rem;
}
@media screen and (max-width: 767px) {
    .next-arrow {
        right: 0;
    }
}

#itemSwiperArea .nextBtn.swiper-button-disabled,
#itemSwiperArea .prevBtn.swiper-button-disabled {
    /* opacity: 0; */
    cursor: default;
}

/**** #swiperCloseBtn***************/
#swiperCloseBtn {
    display: block;
    /* width: 3.6rem;
    height: 3.6rem; */
    width: 4rem;
    height: 4rem;
    position: absolute;
    /* right: -1rem; */
    right: -6.6rem;
    top: -2rem;
    cursor: pointer;
    z-index: 100;
    -webkit-transition: opacity 0.2s ease;
    -moz-transition: opacity 0.2s ease;
    -o-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
    transform: initial !important;
}

@media screen and (max-width: 767px) {
    #swiperCloseBtn {
        top: calc(-60* (100vw / 750));
        right: calc(45* (100vw / 750));
    }
}

#swiperCloseBtn:hover {
    opacity: .6;
}

#swiperCloseBtn::before,
#swiperCloseBtn::after {
    content: '';
    display: block;
    /* width: 4rem; */
    width: 6rem;
    height: 0.1rem;
    background: #000;
    position: absolute;
    top: 1.4vh;
    left: -0.5vw;
}

@media screen and (max-width: 767px) {
    #swiperCloseBtn::before,
    #swiperCloseBtn::after {
        width: calc(70* (100vw / 750));
    }
}

#swiperCloseBtn::before {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

#swiperCloseBtn::after {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

/**** #swiperBg***************/
#swiperBg {
    display: block;
    width: 100%;
    height: 100vh;
    position: absolute;
    background: rgba(255,255,255,0.8);
    top: 0;
    left: 0;
    z-index: -1;
    opacity: 0;
    -webkit-transform: translate(200vw, 0);
    -moz-transform: translate(200vw, 0);
    -o-transform: translate(200vw, 0);
    -ms-transform: translate(200vw, 0);
    transform: translate(200vw, 0);
    -webkit-transition: opacity 0.2s ease;
    -moz-transition: opacity 0.2s ease;
    -o-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

#itemSwiperArea.init #swiperBg {
    opacity: 1;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
}

/**** #credit***************/

@media screen and (max-width: 767px) {
    #itemSwiperArea .credit {
        margin: 0;
        margin-top: 2rem;
        margin-bottom: 2rem;
        margin-left: 2rem;
    }
}

/* #itemSwiperArea .credit li {
    display: block;
    margin-top: auto;
    font-size: 1.3rem;
    line-height: 1.5;
    color: #ffffff;
    font-family: "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-weight: 500;
    color: #000;
} */

@media screen and (max-width: 767px) {
    #itemSwiperArea .credit li {
        font-size: calc(21* (100vw / 750));
        font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', sans-serif;
        line-height: 1.6;
    }
}

#itemSwiperArea ul.credit>li>a:hover {
    opacity: .7;
}

@media all and (-ms-high-contrast: none) {
    #itemSwiper .slider figure a {
        margin-top: -0.1rem;
    }

    #itemSwiperArea .credit {
        padding-top: 1.5rem;
    }
}

/* add */
@media all and (-ms-high-contrast: none) {
    #itemSwiper .slider figure .object-fit {
        position: relative;
        display: inline-block;
        overflow: hidden;
    }

    #itemSwiper .slider figure .object-fit {
        width: 42.4rem;
        height: 67.7rem;
    }

    #itemSwiper .slider figure .object-fit  video {
        position: absolute;
        width: auto ;
        height: auto;
        top: 50%;
        left: 50%;
        min-height: 100%;
        min-width: 100%;
        -ms-transform: translateX(-50%) translateY(-50%);
        -moz-transform: translateX(-50%) translateY(-50%);
        -webkit-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
    }
}

/* ======================================
                モーダル中身
====================================== */

    .icon_Area{
        width: 5.6rem;
        margin-left: -0.1rem;
        margin-top: -0.1rem;
    }

    img.icon_Img {
        display: block;
        width: 6.4rem;
        height: 5.8rem;
        margin: 0.5rem auto 0;
    }

    #itemSwiper .slider .modal_img{
        display: block;
        width: 45.2rem;
        height: 67.4rem;
    }
    
    #itemSwiper .slider .modal_img img{
        display: block;
        width: 45.2rem;
        height: 67.9rem;
        margin-top: -0.3rem;
    }
    .icon_Area {
        display: flex;
        justify-content: flex-start
    }

    button#slick-slide-control100 {
        display: none;
    }

    .slider .box2 {
        margin-left: 0.6rem;
        margin-bottom: 2rem;
    }
    .slider .box2 p {
        font-size: 1.1rem;
        letter-spacing: 0.06em;
        margin-left: 1.2rem;
    }

    .slider .tax_Area{
        font-size: 1.1rem;
        letter-spacing: 0.06em;
        margin-left: 1.2rem;
    }

    #itemSwiperArea ul.slick-dots {
        display: none;
    }

/* ===================================
            モーダル1
=================================== */

    .modal_1 .credit_2 {
        display: flex;
    }

    #itemSwiper .slider figure {
        align-items: flex-end;
    }

    .modal_1 ul.credit {
        margin-bottom: 2rem;
        margin-left: -3rem;
    }

    .modal_1 .credit_2 img.icon_Img {
        margin-right: -1rem;
    }

    .slider .modal_1 .box2 {
        margin-bottom: 2rem !important;
    }

    .modal_1 .tax_Area {
        font-size: 1rem;
        letter-spacing: 0.06em;
        line-height: 0.8;
        margin: 2rem 0 0 0;
    }

/* ===================================
            モーダル2
=================================== */

    .modal_2 ul.credit {
        display: flex;
        align-items: center;
        justify-content: flex-start;
    }

    .modal_2 .tax_Area {
        font-size: 1rem;
        letter-spacing: 0.06em;
        line-height: 0.8;
        margin: 2rem 0 0 0;
    }

    .modal_2 img.icon_Img {
        margin-left: 0.3rem;
        margin-right: -0.3rem;
    }

/* ===================================
            モーダル3
=================================== */

.modal_3 .credit {
    display: flex;
    /* margin-bottom: 3.6rem; */
}

.modal_3 .credit_2{
    display: flex;
}

.slider .modal_3 .box2 {
    margin-bottom: 2.8rem;
}

.modal_3 .credit_2_Box {
    margin-top: 2rem;
}

.modal_3 .tax_Area {
    font-size: 1rem;
    letter-spacing: 0.06em;
    line-height: 0.8;
    margin: 2rem 0 0 0;
}

/* ===================================
            モーダル4
=================================== */

.modal_4 .credit {
    margin-bottom: 2rem;
}

.modal_4 img.icon_Img {
    margin: 0.5rem 0 0 0;
}

.modal_4 .tax_Area {
    font-size: 1rem;
    letter-spacing: 0.06em;
    line-height: 0.8;
    margin: 2rem 0 0 0;
}

/* ===================================
            モーダル5
=================================== */

.modal_5.tax_Area {
    font-size: 1rem;
    letter-spacing: 0.06em;
    line-height: 0.8;
    margin: 2rem 0 2rem 0;
    margin-left: 1.6rem;
}

/* ===================================
            ビデオモーダル
=================================== */
.modal_video .credit{
    display: flex;
}


/* ===================================
            モーダル6
=================================== */

.modal_6 ul.credit {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 2rem;
}

.modal_6 .credit_2{
    display: flex;
}

.slider .modal_6 {
    margin-bottom: 2rem;
}
.slider .modal_6 p {
    margin-left: 1.2rem;
}

.modal_6 .tax_Area {
    font-size: 1rem;
    letter-spacing: 0.06em;
    line-height: 0.8;
    margin: 2rem 0 0 0;
}


/* ===================================
            モーダル6_2
=================================== */

.modal_6_2 ul.credit {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 2rem;
}

.modal_6_2 .credit_2{
    display: flex;
}

.slider .modal_6_2 {
    margin-bottom: 2rem;
}
.slider .modal_6_2 p {
    margin-left: 1.2rem;
}

.modal_6_2 .tax_Area {
    font-size: 1rem;
    letter-spacing: 0.06em;
    line-height: 0.8;
    margin: 2rem 0 0 0;
}

.modal_6_2 .credit_2 li:nth-of-type(n+2) {
    margin-left: 1rem;
}


/* ===================================
            モーダル7
=================================== */

.modal_img_10 img {
    display: block;
    width: 45.2rem;
    height: 65.6rem;
    margin-top: -0.3rem;
}

.modal_7 .tax_Area {
    font-size: 1rem;
    letter-spacing: 0.06em;
    line-height: 0.8;
    margin: 2rem 0 0 0;
}

/* ===================================
            modal_8
=================================== */

.modal_8 ul.credit {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 2rem;
}

.modal_8 .credit_2{
    display: flex;
}

.slider .modal_8 {
    margin-bottom: 2.6rem;
}
.slider .modal_8 p {
    margin-left: 1.2rem;
}

.modal_8 .tax_Area {
    font-size: 1rem;
    letter-spacing: 0.06em;
    line-height: 0.8;
    margin: 2rem 0 0 0;
}
/* ===================================
            modal_9
=================================== */

.modal_9 {
    margin-left: 1.2rem;
}

/* .modal_9 ul.credit {
    margin-bottom: 3.6rem;
} */


.modal_9 img.icon_Img {
    display: block;
    width: 6.4rem;
    height: 5.8rem;
    margin: 0.5rem 0 0 0;
}

.slider .modal_9 {
    margin-bottom: 2rem;
}
.slider .modal_9 p {
    margin-left: 0;
}
.modal_9 .tax_Area {
    font-size: 1rem;
    letter-spacing: 0.06em;
    line-height: 0.8;
    margin: 2rem 0 0 0;
}

/* ===================================
            modal_14
=================================== */

.moddal_Img14 {
    font-size: 1.4rem;
}

/* ===================================
            modal_
=================================== */

#itemSwiper .slider_2 .modal_img img {
    display: block;
    width: 45.2rem;
    height: 31rem;
    margin-top: -0.3rem;
}

@media screen and (max-width: 767px) {

#itemSwiperArea .credit {
    margin: 0;
    margin-top: 2rem;
    margin-bottom: 2rem;
    margin: calc(33 *(100vw /750)) calc(148 *(100vw /750)) calc(50 *(100vw /750)) calc(35 *(100vw /750));
}

#itemSwiperArea .credit_2 {
    margin: 0;
    margin-top: 2rem;
    margin-bottom: 2rem;
}

.moal_tax {
    font-size: calc(17 *(100vw /750));
    line-height: 1.23;
    letter-spacing: 0.06em;
    margin-top: calc(33 *(100vw /750));
}


.modal_1 .moal_tax {
    margin-top: calc(30 *(100vw /750)) !important;
}

#itemSwiperArea .credit {
    font-size: calc(17 *(100vw /750));
    letter-spacing: 0.06em;
}

.modal_flexArea {
    display: flex;
}

/* ===================================
            modal1
=================================== */

.modal_1.credit img.icon_Img_sp {
    width: calc(106 *(100vw /750))!important;
    height: auto !important;
    margin: 0;
}

.modal_1.credit_2 img.icon_Img_sp {
    width: calc(80 *(100vw /750))!important;
    height: auto !important;
    margin: 0;
}

.modal_1.credit_2 img.icon_Img_sp {
    display: block;
    margin-top: calc(0 *(100vw /750))!important;
}

/* ===================================
            modal2
=================================== */

.modal_2.credit img.icon_Img_sp {
    width: calc(197 *(100vw /750))!important;
    height: auto !important;
    margin: 0;
}

/* ===================================
            modal3
=================================== */

.modal_3.credit img.icon_Img_sp {
    width: calc(147 *(100vw /750))!important;
    height: auto !important;
    margin: 0;
}

.modal_flexArea .modal_3.credit img.icon_Img_sp.moddal12_Img{
    width: calc(175 *(100vw /750))!important;
}

.modal_3.credit_2 img.icon_Img_sp {
    width: calc(188 *(100vw /750))!important;
    height: auto !important;
    margin: 0;
}

.modal_3.credit_2 img.icon_Img_sp {
    display: block;
    margin-top: calc(8 *(100vw /750))!important;
}

.modal_flexArea .modal_3.credit_2 img.icon_Img_sp.modal3_2 {
    width: calc(192 *(100vw /750))!important;
    margin-top: calc(10 *(100vw /750))!important;
}

.modal_flexArea .modal_3.credit_2 img.icon_Img_sp.moddal12_Img {
    width: calc(171 *(100vw /750))!important;
    margin-top: calc(7 *(100vw /750))!important;
}



/* ===================================
            modal4
=================================== */

.modal_4.credit img.icon_Img_sp {
    width: calc(106 *(100vw /750))!important;
    height: auto !important;
    margin: 0;
}

/* .modal_4.credit_2 img.icon_Img_sp {
    width: calc(106 *(100vw /750))!important;
    height: auto !important;
    margin: 0;
} */

.modal_4.credit_2 img.icon_Img_sp {
    display: block;
    margin-top: calc(12 *(100vw /750))!important;
}

ul.modal_4.credit {
    margin-right: calc(102 *(100vw /750))!important;
}

/* ===================================
            modal5
=================================== */

.modal_5 .moal_tax{
    margin-top: 0!important;
}


/* ===================================
            modal6
=================================== */

.modal6_flexArea {
    display: block;
}

.modal_6.credit img.icon_Img_sp {
    width: calc(332 *(100vw /750))!important;
    height: auto !important;
    margin: 0;
}

.modal_6.credit_2 img.icon_Img_sp {
    width: calc(243 *(100vw /750))!important;
    height: auto !important;
    margin: 0;
}

.modal_6.credit_2 img.icon_Img_sp {
    display: block;
    margin-top: calc(12 *(100vw /750))!important;
}

ul.modal_6.credit_2 {
    margin-left: calc(35 *(100vw /750))!important;
}

/* ===================================
            modal7
=================================== */

.modal_7.credit img.icon_Img_sp {
    width: calc(106 *(100vw /750))!important;
    height: auto !important;
    margin: 0;
}

.slider .modal_7.credit img.icon_Img_sp.modal8_Img {
    width: calc(64 *(100vw /750))!important;
}

/* ===================================
            modal9
=================================== */

.modal_9.credit img.icon_Img_sp {
    width: calc(68 *(100vw /750))!important;
    height: auto !important;
    margin: 0;
}

.modal_flexArea .modal_9.credit img.icon_Img_sp.modal10_Img{
    width: calc(146 *(100vw /750))!important;
}

/* ===================================
            modal10
=================================== */

.modal_10.credit img.icon_Img_sp {
    width: calc(63 *(100vw /750))!important;
    height: auto !important;
    margin: 0;
}

.modal_10.credit_2 img.icon_Img_sp {
    width: calc(151 *(100vw /750))!important;
    height: auto !important;
    margin: 0;
}

.modal_10.credit_2 img.icon_Img_sp {
    display: block;
    margin-top: calc(12 *(100vw /750))!important;
}

/* ===================================
            modal12
=================================== */

.modal12_flexArea {
    display: block;
}

.modal_12.credit img.icon_Img_sp {
    width: calc(197 *(100vw /750))!important;
    height: auto !important;
    margin: 0;
}

ul.modal_12.credit_2 {
    margin-left: calc(35 *(100vw /750))!important;
}

/* ===================================
            modal13
=================================== */

.modal_13.credit img.icon_Img_sp {
    width: calc(244 *(100vw /750))!important;
    height: auto !important;
    margin: 0;
}

.modal_13.credit_2 img.icon_Img_sp {
    width: calc(71 *(100vw /750))!important;
    height: auto !important;
    margin: 0;
}

.modal_13.credit_2 img.icon_Img_sp {
    display: block;
    /* margin-top: calc(12 *(100vw /750))!important; */
}

ul.modal_13.credit {
    margin-right: calc(88 *(100vw /750))!important;
}

.modal_13 .credit_2 .moal_tax_2 {
    margin-top: calc(33 *(100vw /750));
}

li.moal_tax.moal_tax_2 {
    margin: calc(33 *(100vw /750)) 0 0 0 !important;
}


/* ===================================
            modal14
=================================== */

.modal_14.credit img.icon_Img_sp {
    width: calc(149 *(100vw /750))!important;
    height: auto !important;
    margin: 0;
}

/* ===================================
            modal15
=================================== */

.modal15_flexArea {
    display: block;
}

.modal_15.credit img.icon_Img_sp {
    width: calc(328 *(100vw /750))!important;
    height: auto !important;
    margin: 0;
}

img.icon_Img_sp.modal15_icon {
    width: calc(328 *(100vw /750))!important;
}

.modal_15.credit img.icon_Img_sp.icon_Img_2 {
    width: calc(242 *(100vw /750))!important;
    height: auto !important;
    margin: 0;
}

ul.modal_15.credit_2 {
    margin-left: calc(35 *(100vw /750))!important;
}


/* ===================================
            modal16
=================================== */

.modal_16.credit img.icon_Img_sp {
    width: calc(68 *(100vw /750))!important;
    height: auto !important;
    margin: 0;
}

/* ===================================
            modal17
=================================== */

.modal_17.credit img.icon_Img_sp {
    width: calc(106 *(100vw /750))!important;
    height: auto !important;
    margin: 0;
}

.modal_17.credit_2 img.icon_Img_sp {
    width: calc(157 *(100vw /750))!important;
    height: auto !important;
    margin: 0;
}

li.moal_tax.moal_tax_3 {
    margin-top: 0;
}


/* ===================================
            modal18
=================================== */

.modal_18.credit img.icon_Img_sp {
    width: calc(281 *(100vw /750))!important;
    height: auto !important;
    margin: 0;
}

.modal_18.credit_2 img.icon_Img_sp {
    width: calc(63 *(100vw /750))!important;
    height: auto !important;
    margin: 0;
}

ul.modal_18.credit {
    margin-right: calc(51 *(100vw /750))!important;
}

.modal_18.credit_2 a{
    font-family: futura-pt, sans-serif;
}

/* ===================================
            modal19
=================================== */

.modal_19.credit img.icon_Img_sp {
    width: calc(281 *(100vw /750))!important;
    height: auto !important;
    margin: 0;
}

#itemSwiperArea .mdl19 .credit li {
    line-height: 1.6 !important;
}

#slider .modal_flexArea .mdl19 {
    margin: 0;
}


#itemSwiperArea .modal_flexArea.mdl19 .credit {
    margin: 0 calc(98 *(100vw /750)) calc(50 *(100vw /750)) calc(35 *(100vw /750)) !important;
}

/* ===================================
            modal20
=================================== */

.modal_20.credit img.icon_Img_sp {
    width: calc(160 *(100vw /750))!important;
    height: auto !important;
    margin: 0;
}

.modal_20.credit_2 img.icon_Img_sp {
    width: calc(63 *(100vw /750))!important;
    height: auto !important;
    margin: 0;
}

}