.title{text-align:center; width:100%; margin-bottom:20px;}
        .title01{ font-size: 45px; font-weight: bold; line-height: 1.5em; margin-bottom:20px;}
        .title02 { font-size: 25px; line-height: 1.5em; display: block; margin-bottom:20px; }
        .discriptP{font-size: min(3vw, 17px); line-height:1.5em;}
        .pc{ display: inline-flex;}
        .mb{display:none;}
                .box{position:relative; width:100%; text-align:center;}
        .remarks-div{width:125%;}
        .remarks{line-height:2em; font-size: 12px; -webkit-transform-origin-x: 0; -webkit-transform: scale(0.80);width:125%;}
        .flex { display: flex;  flex-wrap: wrap; }
        .flex-column{flex-direction:column;}
        .title-img{width:90%; max-width:1200px; margin:0 auto; }

        .box-s{width:90%; max-width:1200px; margin:50px auto;}
        .box-s .title01{ text-align:center;}

        .title-mark{background:#cf000d; padding:5px 5px 5px 15px; border-radius:5px; letter-spacing:10px; margin:20px auto 10px; color:#fff;  }

        @media only screen and (max-width: 1200px) {.title01{ font-size: 40px;}}
        @media only screen and (max-width: 798px) {
            .pc{display:none;}
            .mb{ display: inline-flex; width:100%;}
            .title01{ font-size: 30px; font-weight: bold; line-height: 1.5em;}
            .title02 { font-size: 18px; line-height: 1.2em; display: block; }
            .box-s{margin:30px auto;}

            .title_img{min-width: 85px; margin:auto;}
            .box-s{width:80%;}
            .remarks{width:120%; margin:0 2.5%;}
        }

        .img-title{position:absolute; top:0; left:0; }

           .bg_blue{background:#30333c;}
    .pad{padding:min(5vw, 70px) 0;}
    .box2 p{margin-block:min(5vw, 50px); text-align:center; font-size:1.6em; line-height:1.5em;}
    .white{color:#fff;}
    .green{color:#f2901d;}
    .row{flex-direction:row}
    .row-reverse{flex-direction:row-reverse;}
     video, iframe{width:100%; height:auto; aspect-ratio:16 / 9;}
     iframe.iframe_mb{aspect-ratio:9 / 16;}


    .box3{text-align:center;}
    .box3-img{position:relative;}
    .box3-img .box3-button{position:absolute; right:25vw; bottom: 14vw; background:#f08200; border-radius:5px; color:#fff; font-size:1.7em; line-height:2.5em; padding:5px 40px;  transition:linear 0.5s;}
    .box3-img .box3-button:hover{box-shadow:3px 3px 3px 1px rgba(0, 0, 0, 0.2);}
    .box4 .title01{text-align:center;}
    .box4 .box4_item li{width:50%; display:flex;}
    .box4 .box4_item li .box4_itemLink{position:relative;}
    .box4 .box4_item li .box4_itemLink a{position:absolute; top:0; left:0; width:100%; height:100%; }
    .box4 .box4_item li .box4_itemLink a img{position:absolute; top:0; left:0; transition:linear 0.5s;}
    .box4 .box4_item li .box4_itemLink a:hover img{filter:drop-shadow(5px 5px 5px rgba(0, 0, 0, 1)); top:-10px;}

    .box4 .box4_cook{width:100%;}
    .box4 .box4_cook li{width:50%; padding:min(5vw, 50px); box-sizing:border-box; text-align:center; font-size:1.5em; line-height:1.8em;}
    .box4 .box4_cook li span{ margin-right:10px;}
    .box4 .box4_cook .discript{ align-items:start; justify-content:center; text-align:center;}
    .box4 .box4_cook .discript .cook_menu{text-align:left; }
    .box4 .box4_cook .discript .cook_menu .cook_bg { background-color: #f2901d; color: white; border-radius: 8px; padding: 4px 12px; }
    .box4 .box4_cook .discript .cook_menu div{margin-bottom:5px;}

    @media only screen and (max-width: 800px) {
    .box3-img .box3-button{ right:6vw; bottom: 45vw; font-size:1.2em; line-height:2em; }
    .box4 .box4_cook li{width:100%;}
    }

    @media only screen and (max-width: 468px) {
        .box3-img .box3-button{padding:5px 30px; }
        .box4 .box4_item li{width:100%;}
        .box3-img .box3-button{ right:6vw; bottom: 45vw; font-size:1.2em; }
    }

    .box5{position:relative;}
    .box5 .slides{width:100%; margin:0 auto;}
    .box5 .flexslider{background:none;}
    .box5 .box5-bg{position:relative; z-index:9;}

            .box7 .box7_item{text-align:center;}
        .box7 .box7_item .title02{margin-bottom:5px;}
        .box7 .box7_item ul{margin:0 auto; justify-content:center; }
        .box7 .box7_item:first-of-type ul li{width:30%; margin:5%;}
        .box7 .box7_item:last-of-type ul{margin-top:50px;}
        .box7 .box7_item:last-of-type ul li{width: calc(100% / 3 - 10%); margin:5%;}
        @media only screen and (max-width: 768px) {
          .box7 .box7_item:first-of-type ul li, .box7 .box7_item:last-of-type ul li{width:60%; }
        }

        .box8 a{width:100%;}
        .box8 .box8_discript .box8_Dimg{width:90%; max-width:600px; margin:50px auto;}
        .box9 .title01{ justify-content:center;}
        .box9 .title span{width :1.1em; margin:5px 0 0 10px;}
        .box9 .box9_img{margin:10vw 0 0 10vw;}

        .buy .buy_ico{ margin:3% auto; display:flex; flex-wrap:wrap; justify-content:flex-start;}
        .buy .buy_ico li{width:calc(100% / 3 - 40px); padding:20px; box-sizing:border-box; flex:1; min-width:20%;}

        @media only screen and (max-width: 798px) {
             .buy .buy_ico li{width:calc(100% / 3);  min-width:calc(100% / 3); max-width:calc(100% / 3);}
        }
        @media only screen and (max-width: 500px) {
             .buy .buy_ico li{width: 50%;  min-width:50%; max-width:50%;}
        }