/*************************************** 1030px ************************************************/
/*************************************** 1030px ************************************************/
/*************************************** 1030px ************************************************/
@media screem and (max-width:1030px) {
/*************************************** header ************************************************/
/*************************************** header ************************************************/
/*************************************** header ************************************************/
/*************************************** header */
/*************************************** header */
        .main-nav {
            width: 100%;
            justify-content: space-between;
            height: 100%;
        }
        .logo--link-to-top {
            width: 100%;
            height: auto;
            vertical-align: bottom;
        }
        .main-nav__link {
            padding: 0 1rem;
            height:auto;
        }
        .main-nav__link--logo {
            padding: 0;
            width: 25%;
            height:auto;
        }
        .main-nav__link--last {
            margin-left: auto; 
            margin-right: 30px;
        } 
        .main-nav__text {
            color: #5c5b5b;
            font-size: 0.8rem;
            font-weight: 300;
            text-decoration: none;
        }
        .logo--link-to-top {
            width: 100%;
            height: auto;
            max-height:  70px;
            vertical-align: bottom;
        }
    /**************************************************** footer ****************************************************/
    /**************************************************** footer ****************************************************/
    /**************************************************** footer ****************************************************/
        .footer {
            margin: auto;
            padding: 50px 0 100px 0;
            width: 100%;
            background-color: #212121;
        }
        .footer__container {
            padding: 0 20px;
            margin: 0 auto;
        }
        .insta-follow-bunner__container {
            font-size: 16px;
            line-height: 24px;
            color: white;
            margin-bottom: 50px;
        }
        .insta-follow-bunner__container .insta-follow-bunner__inner {
            display: flex;
            flex-direction: row;
            justify-content: flex-start;
            align-items: center;
            height: 85px;
            padding: 20px 40px 17px;
            background-color: #333;
        }
        .insta-follow-bunner__headline {
            font-size: 30px;
        }
        .insta-follow-bunner__text{
            margin-left: 30px;
            color: #999;
        }
        .insta-follow-bunner__text--two {
            margin-left: auto;
            margin-right: 40px;
            color: #fff;
        }
        .insta-follow-bunner__logo {
            width: 40px;
            vertical-align: bottom;
        }
        .footer-nav {
            width: 90%;
            margin: 0 auto;
            color: #999;
        }
        .footer-nav__inner {
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            justify-content: space-between;
            align-items: flex-start;
        }
        .footer-nav__calumn {
            width: 30%;
            order: 2;
        }
        .footer-nav__calumn--sns {
            width: 100%;
            order: 1;
            display: flex;
            flex-direction: row;
            flex-wrap: nowrap;
            justify-content: initial;
            align-items: center;

        }
        .footer-nav__headline {
            color: white;
            margin: 10px 10px 10px 0;
            margin-bottom: 30px;
            font-size: 24px;
            font-weight: 300;
            line-height: 35px;
        }
        .footer-nav__headline--sns {
            display: inline-block;
            margin-bottom: 10px;
        }
        .footer-nav__headline span {
            display: none;
        }
        .footer-nav__list-container {
            padding: 0 20px 0 0 ;
            margin-right: 20px;
            font-weight: 300;
        }
        .footer-nav__list {
            font-size: 12px;
            padding-left: 3px;
            margin-bottom: 12px;
            line-height: 16px;
        }
        .footer-nav__list--initial {
            color: white; 
            display: block;
            font-size: 12px;
            margin-bottom: 12px;
            line-height: 16px;
        }
        .footer-nav__list--last {
            padding-bottom: 15px;
        }
        .footer-bottom {
            margin-top:40px;
        
        }
        .footer-bottom__copyright {
            color: #999;
            font-size: 12px;
            font-weight: 300;
            line-height: 14px;
        }
        .footer-nav__icon-container {
            display: flex;
            flex-direction: row;
            justify-content: flex-start;
            align-items: center;
            flex-wrap: nowrap;
            padding-left: 20px;
        }
        .footer-nav__sns-icon {
            width: 30px;
            margin-right: 20px;
        }
        .footer-nav__list:hover {
            color: white;
        
        }
    
    /**************************************** body  */
    /**************************************** body  */
    /**************************************** body  */
    .spacer--header {
        width: 100%;
        height: 50px;
    }
    /* --------------------------------トップ画像アニメーション ------------------------------------*/
    /* --- 全体のBOX定義 ---------------------------------------- */
    .image-container--top {
        background-color: black;
        position: relative;
        width: 100%;
        height: 500px;
        margin: auto;
        overflow: hidden;
    }
    /* --- 背景の指定 ------------------------------------------- */
    .top-image {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        opacity: 0;
    }  
    /* --- 段差で背景画像のアニメーションを実行 ----------------- */
    .top-image--1 {
        background-image: url(../img/ectop2.png);   /* 背景の画像を指定 */
        background-size: cover;
        background-repeat: no-repeat;
        animation: bgAnime 20s infinite;   /* 2画像 × 各5s = 10s */
    }
    .top-image--2 {
        background-image: url(../img/top-image1.png);   /* 背景の画像を指定 */
        background-size: cover;
        background-repeat: no-repeat;
        animation: bgAnime2 20s infinite;   /* 2画像 × 各5s = 10s */
    }
    @keyframes bgAnime {
        0% { opacity: 1; }
        5% { opacity: 1; }
        25% { opacity: 1; }
        40% { opacity: 1; }
        50% { opacity: 0; }
        90% { opacity: 0; }
        100% { opacity: 1; }
    }
    @keyframes bgAnime2 {
        0% { opacity: 0; }
        5% { opacity: 0; }
        40% { opacity: 0; }
        50% { opacity: 1; }
        70% { opacity: 1; }
        90% { opacity: 1; }
        100% { opacity: 0; }
    }
    
    /* --------------------------------トップテキストアニメーション ------------------------------------*/
    /*=== テキストの表示エリア ================================= */
    .slide {
        position: relative;
        top: 200px;
        left: 100px;
        overflow: hidden;
        /* width: 600px; */
        height: 300px;
    }
       
    /*=== テキストの設定 ======================================= */
    .slide div {
        display: block;
        position: absolute;
        left: 0;
        padding: 30px;
        /* background-color: rgba(255, 255, 255, 0.7); */
    }
    .text-container--1 {
        animation: slideAnime1 20s ease infinite;
    }
    .text-container--2 {
        animation: slideAnime2 20s ease infinite;
    }
    .top-image__headline {
        font-size: 20px;
        line-height: 1.076;
        letter-spacing: 0;
        margin-left: -5px;
    }
    .top-image__logo {
        width: 40%;
    }
    .top-image__headline--1 {
        color:white;
    }
    .top-image__headline--2 {
        color:white;
    }
    .top-image__link {
        display: inline-block;
        color:#212121;
        font-size: 16px;
        padding: 20px 35px 20px;
        margin-top: 24px;
        background-color: rgba(255,255,255,0.7);
    }
    .top-image__text {
        color:white; 
        font-size: 16px;
        line-height: 1.35;
        margin-top: 10px;
        font-weight :300;
    }
    /*=== スライドのアニメーション ========================= */
    @keyframes slideAnime1 {
        0% { opacity: 0; }
        4% { opacity: 1; }
        35% { opacity: 1; }
        38% { opacity: 0; }
        45% { opacity: 0; }
        50% { opacity: 0; }
        90% { opacity: 0; }
        100% { opacity: 0; }
        /* 0% {
        left: 100%;
        opacity: 0;
        }
        5% {
        left: 0; 
        opacity: 1;
        }
        25% {
           left: 0;
        }
        40% {
           left: 0;
        }
        50% {
        left: -100%; 
        opacity: 1;
        }
        90% {
        left: -100%; 
        opacity: 0;
        }
        100% {
        left: 100%;
        opacity: 0;
        } */
    }
    @keyframes slideAnime2 {
        0% { opacity: 0; }
        5% { opacity: 0; }
        50% { opacity: 0; }
        53% { opacity: 1; }
        85% { opacity: 1; }
        88% { opacity: 0; }
        100% { opacity: 0; }
        /* 0% {
        left: 100%;
        }
        5% {
        left: 100%;
        }
        40% {
        left: 100%;
        }
        50% {
        left: 100%;
        opacity: 0;
        }
        55% {
        left: 0; 
        opacity: 1;
        }
        70% {
        left: 0;
        }
        90% {
        left: 0;
        }
        100% {
        left: -100%;
        } */
    }
    /* ニュース */
    /* ニュース */
    /* ニュース */
    
    }
/************************************************** 799px ***********************************************************/
/************************************************** 799px ***********************************************************/
/************************************************** 799px ***********************************************************/

    @media screen and (max-width:799px) {
        /****************************************** HEADER *********************************************/
        /****************************************** HEADER *********************************************/
        /****************************************** HEADER *********************************************/
        
         /* ハンバーガーメニュー */
            .menu-wrapper {
                display: block;
                position: absolute;
                top: 5px;
                left: 5px;
                z-index: 10;
                width: 50px;
                height: 50px;
            }
              
            #menu-button {
                overflow: hidden;
                display: block;
                position: relative;
                z-index: 0;
                width: 50px;
                height: 50px;
                cursor: pointer;
            }
              
            #menu-button span,
            #menu-button::before,
            #menu-button::after {
                display: block;
                position: absolute;
                top: 0;
                bottom: 0;
                left: 0;
                right: 0;
                width: 20px;
                height: 2px;
                margin: auto;
                background: #ffffff;
            }
            #menu-button span {
                overflow: hidden;
                z-index: 1;
                color: #ffffff;
            }
            #menu-button::before {
                z-index: 2;
                transform: translate(0, -6px);
                content: "";
            }
            #menu-button::after {
                z-index: 2;
                transform: translate(0, 6px);
                content: "";
            }
        /* ここまで */
        /* ハンバーガーアイコンのアニメーション */
            #menu-button {
                transition: transform 300ms;
            }
            #menu-button span {
                opacity: 1;
                transition: opacity 200ms;
            }
            #menu-button::before,
            #menu-button::after {
                transition: transform 200ms;
            }
            
            #menu-button.active {
                transform: rotate(180deg);
            }
            #menu-button.active span {
                opacity: 0;
            }
            #menu-button.active::before {
                transform: rotate(45deg);
            }
            #menu-button.active::after {
                transform: rotate(-45deg);
            }
        /* ここまで */
            .header {
                z-index: 10;
            }
            .desktop-nav {
                display: none;
            }
            .mobile-nav {
                display: block;
            }
            .main-nav--mobile {
                background-color: #000038;
                height: 60px;
                display: flex;
                flex-direction: row;
                justify-content: start;
                align-items: inherit;
            }
            .link-to-top--mobile {
                margin: 0 auto;
            }
            .logo--link-to-top--mobile {
                height: 60px;
            }
            #products-submenu.hidden {
                display: none;
            }
            .sub-nav {
                display: block;
                position: fixed;
                z-index: 100;
                top: 60px;
                width: 80%;
                left: -100%;
                overflow-y: scroll;
                height: 100%;
                background-color: rgba(34, 34, 34, 0.8);
                -webkit-overflow-scrolling: touch;
                /* display: flex;
                flex-direction: row;
                justify-content: start;
                align-items: start;
                flex-wrap: nowrap; */
            }
            .sub-nav-inner {
                z-index: 99;
                position: relative;
                width: 80%;
                height: 800px;
                white-space: nowrap;
                overflow-x: hidden;
                overflow-y: scroll;
                -webkit-overflow-scrolling: touch;
            }
            #sub-nav-main {
                z-index: 999;
                position: absolute;
                top:0;
                display: block;
                width: 100%;
                transition: all 0.5s;
            }
            #sub-nav-main.hidden {
               transform: translateX(-100%);
            }
            #sub-nav-products {
                padding-bottom: 30px;
                z-index: 101;
                position: absolute;
                top: 0;
                right: -100%;
                display: block;
                width: 100%;
                transition: all 0.5s;
                overflow-y: scroll;
                -webkit-overflow-scrolling: touch;
            }
            #sub-nav-products.active{
                transform: translateX(-100%);
            }
           .submenu-item-mobile {
                display: block;
                padding:18px 0 20px  30px;
                margin: 0;
                border-bottom: 1px solid #474646;
                display: block;
                right: 100%;
                color:white;
                font-size: 20px;
                text-decoration: none;
           }

            .sub-nav__link {
                padding:18px 0 20px  30px;
                margin: 0;
                border-bottom: 1px solid #474646;
                display: block;
                right: 100%;
                color:white;
                font-size: 20px;
                text-decoration: none;
            }
            /* .sub-nav__link::before {
                content: '>';
                font-size: 16px;
                font-weight: 100;
                color: #999;
                position: absolute;
                right: 10px;
            } */
            .spacer--header {
                width: 100%;
                height: 60px;
            }
            .image-container--top {
                position: relative;
                width: 100%;
                height: 400px;
                margin: auto;
                overflow: hidden;
             }
           
             /*=== 画像の表示エリア ================================= */
            .slide {
                position: relative;
                top: 230px;
                left: 10px;
                overflow: hidden;
                /* width: 600px; */
                height: 300px;
            }
            
            /*=== 画像の設定 ======================================= */
            .slide div {
                display: block;
                position: absolute;
                left: 100px;
                padding: 10px;
                /* background-color: rgba(255, 255, 255, 0.7); */
            }
            .top-image__headline {
                font-size: 40px;
            }
            .top-image__link {
                display: inline-block;
                font-size: 12px;
                padding: 10px;
                margin: 16px 10px 20px 0;
            }
            .top-image__text {
                line-height: 1.2;
                font-size: 12px;
                margin: 0;
                margin: 10px 0;
            }
           
            @keyframes slideAnime1 {
                0% { opacity: 0; }
                5% { opacity: 1; }
                35% { opacity: 1; }
                40% { opacity: 0; }
                45% { opacity: 0; }
                50% { opacity: 0; }
                90% { opacity: 0; }
                100% { opacity: 0; }
            }
            @keyframes slideAnime2 {
                0% { opacity: 0; }
                5% { opacity: 0; }
                40% { opacity: 0; }
                50% { opacity: 0; }
                55% { opacity: 1; }
                90% { opacity: 1; }
                95% { opacity: 0; }
                100% { opacity: 0; }
            }
            /* @keyframes slideAnime1 {
                0% {
                    left: 100%;
                    opacity: 0;
                }
                5% {
                    left: 0; 
                    opacity:0;
                }
                10% {
                    left: 0; 
                    opacity:1;
                }
                25% { 
                    left: 0;
                }
                40% {left: 0;
                }
                50% {
                    left: -100%; 
                    opacity: 1;
                }
                90% {
                    left: -100%; 
                    opacity:0;
                }
                100% {
                    left: 100%;
                    opacity: 0;
                }
            }
            @keyframes slideAnime2 {
                0% {
                    left: 100%;
                }
                5% {
                    left: 100%;
                }
                40% {
                    left: 100%;
                }
                50% {
                    left: 100%;
                    opacity: 0;
                }
                55% {
                    left: 0; 
                    opacity:0;
                }
                60% { 
                    left: 0; 
                    opacity:1;
                }
                70% {
                    left: 0;
                }
                90% {
                    left: 0;
                }
                100% {
                    left: -100%;
                }
            } */
            
        /**************************************************** concept ****************************************************/
        /**************************************************** concept ****************************************************/
            .headline {
                font-size: 1.5rem;
                line-height: 2rem;
            }
            .concept__container {
                height: 250vh;
                margin-top:60px;
                background-image: url(../img/cocept_image-mobile.png);
                background-position: 0 0;
                background-attachment: scroll;
            }
            .concept-text__wrapper--1 {
                width: 100%;
                height: 100vh;
            }
            .concept-text__headline--1 {
                font-size: 1.5rem;
                vertical-align: middle;
            }
            .concept-text__wrapper {
                width: 100%;
                height: 150vh;
            }
            .concept-text__container div {
                padding-top: 2rem;
            }
            .headline.concept-text__headline {
                width: 100%;
                font-size: 1.5rem;
            }
            .name__container {
                position: relative;
                width: 100%;
                height: 300vh;
                z-index: 1;
                background-image: url(../img/top-image1-narrow.jpg);
                background-repeat: no-repeat;
                background-size: cover;
                background-position: right;
                background-attachment: scroll;
            }
            .name__text-wrapper, .name__text-wrapper--1, .name__text-wrapper--2 {
                margin-left: auto;
                padding:15rem 0;
                opacity: 1;
                position: relative;
                height: 100vh;
                background-color: rgba(255, 255, 255, 0.5);
                z-index: 10;
                transition: .5s;
                display: flex;
                flex-direction: row;
                flex-wrap: wrap;
                justify-content: center;
                align-items: center;
                transition: 1s;
            }
            .name__text-wrapper {
                width: 100%;
            }
            .wrapper.name__wrapper--content {
                background-color: #b8b8b8;
                padding-top: 10rem;
                transition: 1s;
            }
            .name__content {
                padding: 5rem 0;
                font-size: 2rem;
                line-height: 2.5rem;
                color: white;
            }
            .name__content-inner p{
                padding: 1rem 0;
                opacity: 0;
                transition: 1s;
                transition-delay: 1s ;
            }
            .wrapper.name__wrapper--content2 {
                background-color: #737686;
                padding-top: 10rem;
                transition: 1s;
            }
        
            .logo__container {
                position: relative;
                width: 100vw;
                height: 400vh;
                z-index: 1;
                background-image: url(../img/catalog.jpg);
                background-repeat: no-repeat;
                background-size: cover;
                background-position: top;
                /* background-position: 0 70px; */
                background-attachment: scroll;
                color: white;
            }
            .logo__text-wrapper--1,  .logo__text-wrapper--2 {
                padding:20% 10%;
                align-items: flex-start;
            }
            .logo__text-wrapper--3 {
                position: relative;
                height: 100vh;
                background-color: rgba(1, 5, 57, 0.5);
                z-index: 10;
                transition: .5s;
            }
            .logo__image {
                width: 4rem;
                height: auto;
                padding: 2rem 0;
                text-align: center;
            }
            .logo__text-wrapper--1 p {
                padding: 1rem 0;
                line-height: 1.5rem;
            }
            .logo__text-wrapper--2 p {
                padding: 1rem 0;
                line-height: 1.5rem;
            }
        /**************************************************** topのニュース部分 ****************************************************/
        .news__wrapper {
            padding-bottom: 1.5rem;
        }
        .news-wrapper__headline {
            font-size: 1.5em;
            padding: 1.5em 0 0 0;
            font-weight: 300;
        }
        .news__container {
            padding: 1em;
            /* display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            justify-content: space-evenly;
            align-items: center; */
        }
        .news__content-container {
            width: 100%;
            margin-left: 0;
            margin-right: 0; 
            margin-bottom: 1rem;
            display: flex;
            flex-direction: row;
            flex-wrap: nowrap;
            justify-content: space-around;
            align-items: flex-start;
        }
        .news__content-box {
            width: 100%;
        }
        .news__update {
            display: none;
        }
        .news__update--mobile {
            display: block;
            font-size: 0.7rem;
            line-height: 1.5rem;
            border-bottom: solid 1px #212121;
        }
        .news__head-image {
            width: 30%;
        }
        .news__content-inner {
            width: 70%;
            padding: 0.8rem;
        }
        .news__headline {
            padding: 0 ;
            font-size: 20px;
            line-height: 2rem;
            border-bottom: none;
        }
        .news__more {
            font-size: 1rem;
            padding: 1rem;
            text-align: center;
        }
        .news__more a {
            font-weight: 300;
            display: inline-block;
            font-size: 1rem;
            padding: 1em;
            text-align: center;
        }
        
        /* カンパニーインフォ */
        /* カンパニーインフォ */
        /* カンパニーインフォ */
        /* .company-info__wrapper {
            background-image: url(/img/underconstruction.png);
            background-position: right;
            background-size: cover;
            background-repeat: no-repeat;
        } */
        
        .company-info__container {
            color: white;
            padding: 3rem 0 5rem 0;
        }
        .company-info__table {
            width: 90%;
            margin: 0 auto;
            /* background-color: rgba(255, 255, 255, 0.3); */
        }
        .company-info__table th {
            width: 30%;
            padding: 1.5rem 0.5rem 1rem 0.5rem;
            text-align: right;
            font-weight: 300;
            border-bottom: solid 1px #e9e9e9;
        }
        .company-info__table td {
            width: 70%;
            padding: 1.5rem 0.5rem 1rem 0.5rem;
            text-align: left;
            font-weight: 300;
            border-bottom: solid 1px #e9e9e9;
        }
        .companyoutline_jp {
            font-size: 1em;
            line-height: 1.5em;
        }
        .companyoutline_en {
            font-size: 0.7em;
            line-height: 1.2em;
        } 
        td p a {
            text-decoration: none;
            color: white;
        }
        
        /* ストッキスト */
        /* ストッキスト */
        /* ストッキスト */
        
        /* ストッキスト */
        /* ストッキスト */
        /* ストッキスト */
        .stockist-info__container {
            color: white;
            padding: 3rem 0 5rem 0;
        }
        .stockist-info__table {
            width: 90%;
            margin: 0 auto;
            padding: 3rem 0 5rem 0;
            /* background-color: rgba(255, 255, 255, 0.3); */
        }
        .stockist-info__table th {
            width: 40%;
            padding: 1rem 0.5rem 0.5rem 0.5rem;
            text-align: right;
            font-weight: 300;
        }
        .stockist-info__table td {
            width: 60%;
            padding: 1rem 0.5rem 0.5rem 0.5rem;
            text-align: left;
            font-weight: 300;
        }
        .stockistoutline_jp {
            font-size: 0.8em;
            line-height: 1.5em;
        }
        
        
        
        
        
        /**************************************************** footer ****************************************************/
        /**************************************************** footer ****************************************************/
        /**************************************************** footer ****************************************************/
            .footer {
                margin: auto;
                padding: 30px 0 50px 0;
                width: 100%;
                background-color: #212121;
            }
            .footer__container {
                width: 100%;
                padding: 0;
                margin: 0 auto;
            }
            .insta-follow-bunner__container {
                font-size: 16px;
                line-height: 24px;
                color: white;
                padding: 20px 20px 50px 20px;
                margin: 0;
                border-bottom: solid 1px #999;
            }
            .insta-follow-bunner__container .insta-follow-bunner__inner {
                display: flex;
                flex-direction: column;
                justify-content: flex-start;
                align-items: flex-start;
                height: 100%;
                padding: 0;
                background-color: #212121;
            }
            .insta-follow-bunner__headline {
                font-weight: 100;
                font-size: 24px;
                margin-bottom: 10px;
            }
            .insta-follow-bunner__text {
                font-weight: 100;
                margin-left: 0;
                margin-bottom: 3px;
                color: #999;
            }
            .insta-follow-bunner__text--two {
                margin-left: 0;
                color: #fff;
            }
            .insta-follow-bunner__logo {
                display: none;
                width: 40px;
                vertical-align: bottom;
            }
            .footer-nav {
                color: #999;
            }
            .footer-nav__inner {
                display: flex;
                flex-direction: row;
                justify-content: space-between;
                align-items: flex-start;
                flex-wrap: wrap;
            }
            .footer-nav__calumn {
                width: 100%;
                border-bottom: solid 1px #999;
            }
            .footer-nav__calumn--sns {
                width: 100%;
                border-bottom: none;
            }
            .footer-nav__headline {
                color: white;
                margin: 0;
                padding: 20px 0 30px 20px;
                font-size: 24px;
                font-weight: 100;
                line-height: 24px;
                display: flex;
                flex-direction: row;
                justify-content: space-between;
                align-items: center;
            }
            .footer-nav__headline--sns {
                display: none;
            }
            .footer-nav__headline span {
                font-size: 20px;
                display: block;
                padding-right: 20px;
            }
            .footer-nav__list-container {
                display: none;
                padding: 0 0 30px 20px;
                margin-right: 40px;
                font-weight: 300;
            }
            .footer-nav__list {
                font-size: 16px;
                padding-left: 3px;
                margin-bottom: 14px;
                line-height: 16px;
            }
            .footer-nav__list--initial {
                color: white; 
                display: block;
                font-size: 14px;
                margin-bottom: 14px;
                line-height: 14px;
            }
            .footer-nav__list--last {
                padding-bottom: 15px;
            }
            .footer-bottom {
                margin-top:40px;
        
            }
            .footer-bottom__copyright {
                color: #999;
                font-size: 14px;
                font-weight: 300;
                line-height: 14px;
            }
            .footer-nav__icon-container {
                padding: 30px 0;
                display: inline-block;
                display: flex;
                flex-direction: row;
                justify-content: center;
                align-items: center;
                flex-wrap: nowrap;
            }
            .footer-nav__sns-icon {
                width: 30px;
                margin: 0 10px;
            }
            .footer-nav__list:hover {
                color: white;
        
            }
            .footer-nav__list--initial:hover {
                color: #6effd4;
            }
            
        
        }        
/***************************** 675px *********************************************/
/***************************** 675px *********************************************/
/***************************** 675px *********************************************/
@media screen and (max-width:675px){
    .slide div {
        display: block;
        position: absolute;
        left: 20px;
        padding: 10px;
        /* background-color: rgba(255, 255, 255, 0.7); */
    }
    .top-image__logo {
        width: 60%;
    }
    .top-image__headline {
        font-size: 32px;
    }
    .top-image__link {
        display: inline-block;
        font-size: 14px;
        padding: 10px;
        margin: 16px 10px 20px 0;
    }
    .news__headline {
        padding: 0;
        font-size: 16px;
        line-height: 2rem;
        border-bottom: none;
    }
    .news__lead {
        line-height: 1.5rem;
        padding: 10px 0;
        font-size: 14px;
    }

}
/***************************** 500px *********************************************/
/***************************** 500px *********************************************/
/***************************** 500px *********************************************/
@media screen and (max-width:500px){
    .news__lead {
        display : none;
    }
    .sns-link__inner--instagram {
        margin: 20px;
    }
    .instagram-item {
        overflow: hidden;
        position: relative;
        width: 100px;
        height: 100px;
        margin: 2px;
    }    
    .news__headline {
        font-size: 12px;
        line-height: 15px;
        border-bottom: none;
        padding: 0.5em 0;
    }
}
/***************************** 380px *********************************************/
/***************************** 380px *********************************************/
/***************************** 380px *********************************************/
/* @media screen and (max-width:380px){
    
} */

/***************************** 320px *********************************************/
/***************************** 320px *********************************************/
/***************************** 320px *********************************************/
@media screen and (max-width:320px) {
	.slide {
		position: relative;
		top: 230px;
		left: 0;
		margin: 0 auto;
		overflow: hidden;
		width: 100%;
		height: 300px;
	}
	.top-image__logo {
		width: 60%;
	}
	.top-image__headline {
		font-size: 18px;
	}
	.top-image__link {
		font-size: 16px;
		padding: 12px;
		margin-top: 12px;
	}
	.top-image__text {
		color:white; 
		margin-left: 0;
		font-size: 12px;
		line-height: 1.35;
		margin-top: 10px;
		font-weight:100;
    }
    
    /* toppage-news */
    /* toppage-news */
    /* toppage-news */
    .news__head-image {
        width: 40%;
    }
    .news__headline {
        font-size: 12px;
        line-height: 15px;
        border-bottom: none;
    }
    .news__content-inner {
        width: 70%;
        padding: 5px;
    }
}