<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">
@media (max-width: 800px) {
/********LPè¦ç´&nbsp;ã“ã“ã‹ã‚‰*************/

.sample_header {
    height:auto;
}


/*mainimage*/
/*------------------------------------------------------------------------------*/
	.bx_box {
        padding-top: 70px;
	}

	.bxslider li {
        height: 150px;
	}


/*------------------------------------------------------------------------------*/
/*  å…±é€š  */
.tit_01 {
    font-size: 20px;
    padding-bottom: 30px;

}

    .tit_01 span{
        font-size: 13px;
    }

.tit_02 {
    font-size: 15px;
    padding-bottom: 15px;
}

.tit_03 {
    width: auto;
    margin: 0px 0px 10px;
    display: table;
    font-size: 14px;
    color: #FFF;
    background: #737C16;
    font-weight: bold;
    padding: 5px 10px;
}


/*  about_history  */
.about_history {
    width: 90%;
    max-width: 1350px;
    margin: 0px auto;
    display: block;
    padding: 25px 0px 0px;
}

.about_history_box_01,
.about_history_box_02{
    width: 100%;
    margin: 0px auto;
    display: block;
    padding-bottom: 30px;
}

.about_history_box_01:after,
.about_history_box_02:after{
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
    
.about_history_left {
    display: block;
    vertical-align: middle;
}

    .about_history_box_01 .about_history_left {
        padding: 0px 0px 15px 30px;
        background: url("txt_history_01_sp.png") no-repeat left 0px;
    }
    
    .about_history_box_02 .about_history_left {
        display: none;
    }

.about_history_right {
    display: block;
    vertical-align: middle;
}

    .about_history_box_02 .about_history_right {
        width: 100%;
        padding: 0px 30px 15px 0px;
        background: url("txt_history_02_sp.png") no-repeat right 0px;
    }
    
 .about_history_box_01 .about_history_right img{
    width: 100%;
     
    }   
    
.about_history_left_sp {
    display: block;
}

.about_history_right img,
.about_history_left_sp img{
    width: 100%;
    height: auto;
}
    
    
/*  about_promise  */
.about_promise {
    width: 100%;
    margin: 0px auto;
    display: block;
    padding: 30px 0px;
    background: #F4F4F4;
}

.about_promise_box{
    width: 90%;
    max-width: 1350px;
    margin: 0px auto;
    display: block;
    padding-bottom: 0px;
}

.about_promise_left {
    display: block;
    padding: 0px 0px 15px 0px;
}

    .about_promise_text{
        padding: 0px 0px 15px;
    }

    .about_promise_left .about_promise_text:last-child{
        padding: 0px 0px 0px;
    }

    .about_promise_text .tit_02{
        padding: 0px 0px 10px;
    }

.about_promise_right {
    display: block;

}

.about_promise_right img{
    width: 100%;
    height: auto;
}

/*  about_plants  */
.about_plants {
    width: 90%;
    max-width: 1350px;
    margin: 0px auto;
    display: block;
    padding: 50px 0px;
}

.about_plants_box{
    width: 100%;
    max-width: 1000px;
    margin: 0px auto;
    display: block;
    padding-bottom: 30px;
}

.about_plants_img{
    width: 100%;
    max-width: 1000px;
    margin: 0px auto;
    display: block;
}


    .about_plants_img img{
        width: 100%;
        height: auto;
    }

/*  about_product  */
.about_product {
    width: 100%;
    margin: 0px auto;
    display: block;
    background: #F9FAEF;
    padding: 30px 0px ;
}

.about_product_box{
    width: 100%;
    margin: 0px auto;
    display: block;
    position: relative;
}
.about_product_img {
    padding-bottom: 15px;

    }
.about_product_img img{
        width: 100%;
        height: auto;
    }

.about_product_txt{
    position: relative;
    background: #F9FAEF;
    padding: 0;
    display: block;
    right:0;
    top: 0;
    width: 90%;
    height: auto;
    margin: 0px auto;
    
}

/*  about_sdgs  */
.about_sdgs {
    width: 100%;
    margin: 0px auto;
    display: block;
    padding: 30px 0px 0px;
}

.about_sdgs_box{
    width: 90%;
    max-width: 1350px;
    margin: 0px auto;
    display: block;
    text-align: center;
    padding-bottom: 15px;
}

.about_sdgs_img{
    width: 100%;
    height: 150px;
    display: block;
    margin: 0px auto;
    background: url("img_sdgs.png") no-repeat center center;
    background-size: cover;
}

/*  about_video  */
.about_video {
    width: 90%;
    max-width: 1000px;
    margin: 0px auto;
    display: block;
    padding: 30px 0px;
}

    .about_video iframe{
        width: 100%;
        height: 200px;
    }




    
    
} 
  </pre></body></html>