@charset "UTF-8";





/* 
ヘッダーレスポンシブ対応 
*/

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

    body {
        background: -moz-linear-gradient(top left, #cffdff, #ffffff); 
        background: -webkit-linear-gradient(top left, #e4ebfe, #e0fdf7); 
        background: linear-gradient(to bottom right, #e2f8fe, #fad8d8); 
        width: 100%;

    }
   

    .header {
        padding: 0;
        height: 7vh;
    }

    .header { 
        
        border-bottom:solid
            #ff94da 1.5px
    }

    .header-nav {
        /* display: none; */
        /* padding-right: 5px;
        height: 8vh; */
        
    }

    .header-top {
        
        padding: 0;
        font-size: 5px;
        width: 300px;
        padding-left: 20%;
    } 

    .header-top-text {
       
        /* font-size: 12px;
        letter-spacing: 2px; */
    }

    .header-center {
        
        /* padding: 0;
        padding-left: 15%;
        width: 350px; */
    }

    .header-center-text {
       
        font-size: 14px;
        letter-spacing: 2px;
    }

    .header-logo {
        width: 85px;
        
    }

    .header-bottom {
       padding-left: 5%;
       width: 400px;
    }

    .header-bottom-text {
        display: none;
        padding: 0;
        font-size: 14px;
        letter-spacing: 2px;
       
        
    }
}


/* 
ヒーロー
レスポンシブ 
*/

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

    .hero > .hero-logo {
        position: absolute;
        top: 55%;
        left: 50%;
        transform: translate(-50%, -50%);
        
    }

    .hero {
        height: 40vh;
        padding-top: 50px;
        
    }
   
    .hero-text {
        width: 400px;
        padding-top: 25px;
        font-size: 20px;
        left: 65%;
    }

    .hero-logo {
        width: 110px;
        opacity: 0.75;
    }

    .hero > video {
        width: auto;
        right: 0%;
        height: 35vh;
        
    }

    
}


/* 
メインエリア
 */
@media screen and (max-width: 480px) {

    .section-main{ 
        padding: 0;
        margin: 0 5%;
    }
    
    .main-img {
        padding: 0;
        margin: 0;
    }

    .main-figcaption {
        margin: 0;
        padding: 0;
        font-size: 13px;
        margin-top: 70px;
        
    }
    .h2-main-text {
        padding: 0;
        margin-right: 5%;
        margin-left: 10vw;
        

    }


    

    .main-img {
        width: 250px;
        height: 160px;
        border-radius: 20px;
        margin-top: 60px;
    }

    .main-p-text {
        text-align: center;
        padding-top: 0;
        margin-top: 20px;
        line-height: 2;
        letter-spacing: 1px;
        font-size: 11px;
        
    }

    .section-main > p > .span-1 {
        color: #560455;
        font-size: 12px;
    }
    
    .section-main > p > .span-2 {
        color: #b71b81;
        font-size: 12px;
    }
    
    .section-main > p > .span-3 {
        color: #b71b81;
        font-size: 13px;
    }

    .section-main :before{
        bottom: -20px;
        border-bottom: solid 1px rgb(255, 168, 168);

    }

    /* .nami-img {
        background: url(../asset/img/nami-bottom.PNG) no-repeat left 0px top 220px / 25%;
    }
    
    .nami-img2 {
        background: url(../asset/img/nami.PNG) no-repeat left 300px top 330px / 25%;
    } */

}

/* 
社長メッセージエリア 
*/

@media screen and (max-width: 480px) {
    .section-message {
        max-width: 480px;
        width: 95%;
        padding: 0;
        margin: 0;
        padding-bottom: 30px;
        
    }

  

    .message-h1 {
        font-size: 15px;
        padding: 0;
        margin: 0;
        margin-top: 70px;
        margin-right: 10px;
        margin-left: 0px;
        line-height: 1.6;
        letter-spacing: 4px;
    }

    .section-message {
        margin-left: 10px;
    }

    

    .section-tag > h1 > span {
        font-size: max(8px,10px);
        color: #862383;
    }

    .message-p {
        height: 400px;
        font-size: 12px;
        line-height: 1.9;
        letter-spacing: 2px;
        margin: 0 ;
        padding: 0;
        margin-top: 70px;
        margin-left: 20px;
        margin-right: 0px;
        padding-right: 0;
    }

  

.img-minae {
    display: none;
}

.message-name {
    font-size: 9px;
    padding-top: 280px;
    letter-spacing: 2px;
}


.containa:before{
    border-top: solid 1px rgb(255, 168, 168);
	bottom: -20px;

}

.ume-img{
    background: url(../asset/img/ume-img.png) no-repeat left 0px top 5% / 20%;
    z-index: 3;
}

.section-tag > img {
    
    display: none;
  }  

  .minae-img-23 {
  background: url(../asset/img/minae-imgのコピー.JPG) no-repeat left 35px top 410px / 15%;
  }


}

/* 発明品エリア */

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

    .coment-out {
        display: none;
    }

    .section-figure {
        width: 90%;
        max-width: 100%;
        margin: 0 auto;
        text-align: center;
    }

    .section-figure-2 {
        width: 90%;
        max-width: 100%;
        margin: 0 auto;
        padding-bottom: 35px;
    }

    .section-figure-title {
        text-align: center;
        margin:0 ;
        padding:0 ;
        
    }

    .figcaption-title-p > h1 > span {
        font-size: 20px;
    }
    

    .section-figure-title-2 {  
        margin:0 ;
        padding:0 ;
    }

   
   

    .nyamon-otaiko-title {
        font-size: 17px;
        letter-spacing: 3px;
        color: #444444;
        margin: 0;
        margin-top: 20px;
        margin-bottom: 40px;
    }

 .section-figure-title > h3 > .span-h3-2 {
        color: #aa4c85;
        font-size: 17px;
   }
   
   .section-figure-title > h3 > .span-h3 {
       font-size: 22px;
       color: #aa4c85;
   }

    .figcaption-title-p {
        width: 100%;
        margin: 0;
        text-align: center;
    }


    .figure-first {
    
        display: block;
    }

    .figure-first-2 {
        display: block;
    }

    .image {
        width: 300px;
        height: 200px;
        object-fit: cover;
        max-width: 100%;
        margin-right: 0;
        border-radius: 20px;
        margin-top: 20px;
    }

    .image-2 {
        width: 300px;
        height: 200px;
        object-fit: cover;
        max-width: 100%;
        margin-left: 0;
        border-radius: 20px;
    }

    .figure-title {
        width: 100%;
        margin: 0;
        line-height: 1.5;
        letter-spacing: 3px;
        font-size: 20px;
        text-indent: 0;
        margin-top: 50px;
    }

    .figure-title-2 {
        width: 100%;
        margin: 0;
        line-height: 1.8;
        letter-spacing: 2px;
        font-size: 18px;
        text-indent: 0;
        margin-top: 50px;
    }

    .figure-text {
        padding: 0;
        margin: 0 auto;
        width: 97%;
        display:inline-block;
        letter-spacing: 2px;
        line-height: 2;
        font-size: 12.8px;
        margin-top: 30px;
    }

  
    /* <div class="sp">PCのとき非表示</div> */




    .figure-text-2 {
        padding: 0;
        margin: 0 auto;
        width: 115%;
        display:inline-block;
        letter-spacing: 2px;
        line-height: 2;
        font-size: 12.8px;
        margin-top: 30px;
    }

    .back-img {
        background:  url(../asset/img/sky-img3.png) no-repeat left 0px top 0 / 110%
    }


}

/* 
発明エリア セカンド
 */

 @media screen and (max-width: 480px) {
   
    .figcaption-title-p-2 {
        width: 90%;
        margin-top: 10px;
        text-align: center;
        margin: 0 auto;
 }

 .figcaption-title-p-2> h1 > .span-h1-2 {
    color: #c79521;
}

.figcaption-title-p-2 > h1 > .span-h1 {
    font-size: 24px;
    color: #b70bb1;
}



    .bn54 {
        width: 230px;
        height: 50px;
        margin-top: 20px;
    }

    .bn54 .bn54span {
        color: rgb(112, 0, 112);
        font-size: 13px;
        font-weight: 500;
        letter-spacing: 1.7px;
      }


    .back-sippou-img2 {
        background: url(../asset/img/sippou.png)no-repeat right 15px top 490px / 155%;
       
    }

      .back-sippou-img {
        background: url(../asset/img/sippou.png)no-repeat right 15px top 410px / 155%;
      
    }

 }
   

    /* 
    YouTubeブログ 
    */

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

        .sample {
            border-radius: 30px;
            height: 99vh;
            width: 90%;
        }

        .sample-continar {
            display: block;
            align-items: center;
            text-align: center;
            
        
        }

        .sample-h1 {
            padding-bottom: 10px;
            width: 330px;
            font-size: 18px;
            letter-spacing: 2px;
            margin: 0 auto;
            align-items: center;
            text-align: center;
            padding-top: 40px;
        }

        .sample2 {
            width: 350px;
            margin: 0 auto;
            align-items: center;
            text-align: center;
            margin-top: 50px;
           }
           .sample-h2 {
            width: 320px;
            font-size: 17px;
            margin-left: 5%;
            letter-spacing: 2px;
            line-height: 1.5;
        }

        .sample2 > p {
            width: 300px;
            padding-top: 40px;
            align-items: center;
            text-align: center;
            margin-left: 20px;
        }

      

        .sample-p {
    
            font-size: 14px;
            letter-spacing: 1.2px;
            line-height: 1.7;
            
        }

        .button-sample {
            width: 170px;
            height: 50px;
            margin-top: 30px;
            font-size: 13px;
            letter-spacing: 3px;
            margin-left: 0;

        }

        .sample2 > h2 {
    
            padding-top: 30px;
           
        }

        .sample2 > p {
    
            padding-top: 20px;
           
        }

        .sample-img-src {
            height:30vh;
            width:95%;
            border-radius: 30px;
            object-fit: cover;
            margin-top: 30px;
            
        }

        .sample-div-img > .sample-img-src {
            display: block;
            margin-left: 5%;
            margin-right: auto;

        }

        .media-containar {
            width: 100%;
      
      }
       

        .media {
            font-size: 60px;
            letter-spacing: 10px;
        }

        .media-2 {
            font-size: 20px;
            letter-spacing: 3px;
        }


        
        .section-blog {
            height: 30vh;
            padding-bottom: 20px;
            margin-top: 90px;
        }
        
        .slide {
            background-size: 950px auto; /* 画像の高さ */
            height: 170px;

        }

        /* 
        ニュースコーナー
         */

        .news-section {
            height: 30vh;
        }

        .news-contina {
            width: 85%;
            height: 25vh;
        }

        .NEWS {
            font-size: 22px;
        letter-spacing: 5px;
        }

        .news-contina > .NEWS {
            padding-top: 17px;
        }

        .news-li > a span {
           
            font-size: 13px;
            letter-spacing: 1px;
         
        }

        .news-ul > li {
            
            font-size: 10px;
            text-align: center;
            margin: 0 auto;
            margin-bottom: 7px;
            width: 60%;
            text-align: center;   
    }
    
        .news-ul > li {
            padding-bottom: 5px;
        }

        .news-ul {
            margin-top: 7px;
         }

        

        /* オプションスペース */

        .option {
            display: none;
        } 

        /* .option {
            border-bottom: none;
        }

        .option-ul {
            display: block;
            margin-bottom: 8px;
        }

        .option-li > p {
            display: block;
            margin: 0 auto;
            margin-top: 5px;
            text-align: center;
            font-size: 12px;
            
         }

         .option-li {
            margin-bottom: 30px;
         }

        .grid-col-3 > .option-li {
            width: 100%;
           
        } */



        /* SNSブースnone */

        .sns {
            display: none;
        }

        .scroll {
            display: none;
        }

        .footer-first {
            display: block;
            height: 770px;
        }

        .footer-logo > .footer-logo-img {
            width: 180px;
            display: block;
            margin: 0 auto;
            
        }


        .footer-logo {
            margin-top: 0px;
            margin: 0 auto;
            margin-bottom: 50px;
            

        }

        .footer-adress {
            padding-top: 80px;
            width: 100%;
            margin: 0 auto;
            margin-bottom: 30px;
        }

        .footer-gnav {
    
            list-style: none;
            margin: 0;
            
           }

       
        .footer-gnav-ul {
           padding-top: 20px;
            margin-bottom: 30px;
            height: 20vh;
            width: 100%;
           }

        .footer-gnav {
           height: 30vh;
           width: 100%;
        }

        /* .footer-gnav {
            display: flex;
        } */

        .footer-li-nav {
            margin: 23px 0;
           }

           .footer-gnav-ul > li {
            font-size: 2vh;
            margin-left: 10%;
        }

        .footer-out {
            width: 100%;
            font-size: 12px;
            border-top:solid
            #545454 1.5px

        }

         /* 
      住所/電話番号
       */

        .adress-name {
            margin: 0;
            margin-top: 100px;
            margin-left: 10%;
        }


         .adress-adress {
            font-size: 3.8vw;
            line-height: 2;
            
         }

        

         .adress-p {
            font-size: 3.6vw;
            margin-top: 20px;
            line-height: 1.8;
         }

       /* プライバシー */

       .privacy {
        background-color: #2a2a2a;
        height: 50px;
        
      }
      .privacy-ul {
        display: flex;
        
        
       
      }
      .privacy-li {
        color: white;
        margin: 0 5px;
        width: 100%;
        font-size: 3.2vw;
        width: 150px;
      }

      .privacy  > .privacy-ul {
        text-align: center;
        margin: 0 10% ;
        padding-top: 15px;
      }






      /*
       none
        */
      .instagram {
        display: none;
    }
     .youtube {
        display: none;
     }
      .a-logo {
        display: none;
      }
       .a-youtube {
        display: none;

     }
    
    }

    @media(min-width:750px){
        .brs {
            display: none  !important;
        }
    }