.title01{ font-size: 50px; font-weight: bold; line-height: 1.5em; margin-bottom:20px; text-align:center;}
        .title02 { font-size: 2vw; line-height: 1.4em; display: block; padding:10px 0 20px 0;  }
        .red{color:#E10800;}

        .pc{ display: block; width:100%;}
        .mb{display:none;}
        .box{position:relative; width:100%; text-align:center;} 
        .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:20px auto;}
        .box-s .title01{ text-align:center;}

        .box p, .box-s p{font-size:21px; line-height:30px; text-align:center; margin-bottom:10px;}
        .bg_color{background:#eaf6fd;}

        @media only screen and (max-width: 1200px) {
          .title01{ font-size: 40px;}
          .box p, .box-s p{font-size:18px; line-height:28px;}
        }


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

            .title_img{min-width: 85px; margin:auto;}
            .box-s{width:95%; max-width:600px;}
            .box p, .box-s p{font-size:13px; line-height:25px;}  


        }


        	.img_banner{position:relative; overflow:hidden;}
            .__banner{position:relative; width:100%;}
            .__banner .title{position:absolute; font-size:min(max(12px, 3vw), 37px); top:0.05rem; left:17%; }
            .food_banner .title{left:31%;}


            .info{width:50%;}
            .info p{text-align:left;}
            .info_list li{list-style-type:disc; margin-left:2em;}

            .__banner .more{position:absolute; width:9%; bottom:9%; top:auto; left:52%;}
            .food_banner .more{left:84%;}
            .wash_banner .more{ bottom:15%;}

            .note{font-size:0.8em; text-align:center; color:#808080; width:80%; margin:10px auto;}
            .note a{color:#808080;}

             @media only screen and (max-width: 798px) {
            .__banner .title{position:absolute; font-size:4.5vw; top:0.6vw; left:5%; }
             }

             .buy .buy_ico{ margin:3% auto; display:flex; flex-wrap:wrap; justify-content:flex-start;}
             .buy .buy_ico li{width:20%; 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%;}
            }