@charset "UTF-8";

img{
    display: unset;
   max-width: none;
}


img.pc {
    display: block;
}
img.sp {
    display: none;
}

.clearfix:after  {
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	min-height: 1px;
}


@media (max-width: 800px) {
    img.pc {
        display: none;
    }
    img.sp {
        display: block;
    }
}
.clear{clear:both !important;}

.clearfix:after  {
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	min-height: 1px;
}
.sp {
	width: 100%;
    height: auto;
}

br.sp{
    display: none;   
}

@media (max-width: 800px) {

br.sp{
    display: block;   
}
}


.sample_header{
    display: block;
    background: #818a2f;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    
}


.sample_footer{
    display: block;
    background: #818a2f;
    width: 100%;
    
}

    .sample_header img,
    .sample_footer img{
        margin: 0px auto;
    }

@media (max-width: 800px) {
.sample_header{
    position: relative;
    
}
    
    
    .sample_header img,
    .sample_footer img{
        width: 100%;
        height: auto;

    }
    
 }



/********LP要素ここから*************/


/*  KV  */
.lp_kv {
    width: 100%;
    max-width: 1440px;
    /*height: 647px;*/
    height: 738px;
    margin: 0px auto;
    display: block;
    background: url("kv.png") no-repeat center bottom;
}
@media (max-width: 800px) {
.lp_kv {
    height: auto;
    margin: 0px auto;
    padding-top: 70px;
    display: block;
    background: none;
}
.lp_kv img {
    width: 100%;
    height: auto;
}    
    
 }
   


/*  BG  */
.lp_bg_01{
    display: block;
    background: #CFDDF8;
    padding: 0px 0px 50px;
    position: relative;
    color: #333;
}

.lp_bg_02{
    display: block;
    background: #FFF;
    width: 1026px;
    padding: 50px 0px;
    position: relative;
    color: #333;
    margin: 50px auto 0px;
    z-index: 999;
}


.lp_bg_03{
    display: block;
    padding: 0px 0px 100px;
    position: relative;
    color: #587A3C;
}

.lp_bg_04{
    width: 1024px;
    padding: 0px 0px 0px;
    height: 150px;
    margin: 0px auto;
    display: block;
    position: relative;
}

@media (max-width: 800px) {

.lp_bg_01{
    padding: 0px;
}

.lp_bg_02{
    width: 96%;
    padding: 20px 0px 50px;
    margin: 20px auto 0px;
    z-index: 1;
}


.lp_bg_03{
    padding: 0px 0px 30px;
}

.lp_bg_04{
    width: 100%;
    height:auto;
}
    
    
}



/*  BG_item */

.lp_bg_item_01,
.lp_bg_item_02,
.lp_bg_item_03,
.lp_bg_item_04,
.lp_bg_item_05{
    position:absolute;
}


.lp_bg_item_01{
    top: 1300px;
    right: 0;
}


.lp_bg_item_02{
    bottom:-143px;
    left: 0;
}


.lp_bg_item_03{
    bottom:0;
    left: 0;
}
.lp_bg_item_04{
    bottom:-45px;
    left: -97px;
    z-index: 999;
}

.lp_bg_item_05{
    bottom:-45px;
    left: auto;
    right: 0;
    z-index: 999;
}
@media (max-width: 800px) {
.lp_bg_item_01,
.lp_bg_item_02,
.lp_bg_item_03,
.lp_bg_item_04,
.lp_bg_item_05{
    display: none;
}
}


/*  logo  */

.lp_logo_best{
    width: 96%;
    display: block;
    margin: 0px auto;
    padding: 50px 0px 20px;
    
 } 

.lp_logo_best_tit{
    width: 100%;
    text-align: center;
    padding: 85px 0 30px;
    font-size: 46px;
    font-weight: bold;
    display: block;
 } 

    .lp_logo_best_tit img{
        margin: 0px auto;
     } 

.lp_logo_best img{
    display: block;
    margin: 0px auto;
}


.lp_logo_best_text{
    width: 100%;
    padding:20px 0; 
    text-align: center;
    display: block;
 } 
@media (max-width: 800px) {

.lp_logo_best_tit{
    display: none;
 } 

.lp_logo_best{
    display: none;
}

.lp_logo_best_text{
    display: none;
 } 
    
 }     
/*  btn  */
.lp_btn{
    width: 100%;
    padding:0px 12px;
    height: 78px;
    background: url("btn_left.png") no-repeat left top, url("btn_right.png") no-repeat right top;
    text-align: center;
    display: table;
    margin: 0px auto;
 } 

    .lp_btn:hover{
        opacity: 0.7;
     } 


.lp_btn a{
    width: 100%;
    padding:0px;
    background: url("btn_center.png") repeat-x left top #000;
    color: #FFF;
    font-size: 20px;
    text-align: center;
    vertical-align: middle;
    display: table-cell;
 } 

.max480{
    max-width: 480px;
 } 

@media (max-width: 800px) {
.lp_btn{
    width: 100%;
 } 
    
.max480{
    max-width: 90%;
 } 
    

 } 
    
/*  tit  */
.lp_tit_01{
    width: 100%;
    height: 110px;
    margin: 0px auto;
    display: block;
    position: relative;
 }     

    .lp_tit_01 .tit{
        width: 100%;
        text-align: center;
        display: block;
        position: absolute;
        top: -36px;
     }     

        .lp_tit_01 .tit img{
            margin: 0px auto;
         }  

    .lp_tit_01 .point_01{
        /*width: 100%;*/
        text-align: center;
        display: block;
        position: absolute;
        top: -36px;
        left: -86px;
     }     

.lp_tit_02{
    width: 100%;
    height: 135px;
    margin: 0px auto;
    display: block;
    position: relative;
 }     

    .lp_tit_02 .tit{
        width: 100%;
        text-align: center;
        display: block;
        position: absolute;
        top: -30px;
     }     

        .lp_tit_02 .tit img{
            margin: 0px auto;
         }  

.lp_tit_03{
    width: 100%;
    margin: 0px auto;
    display: block;
    padding: 50px 0px;
 }     

    .lp_tit_03 .tit{
        width: 100%;
        text-align: center;
        display: block;
     }     

        .lp_tit_03 .tit img{
            margin: 0px auto;
         }  


@media (max-width: 800px) {
.lp_tit_01{
    display: none;
 }     


.lp_tit_02{
    display: none;
 }     
    

.lp_tit_03{
    display: none;
 }     

    

    
 }     
    
    
/*  subtit  */
.lp_subtit_01{
    width: 100%;
    margin: 0px auto;
    text-align: center;
    font-size: 30px;
    padding: 20px 0px;
    font-weight: bold;
    display: block;
 }     

/*  txt  */
.lp_txt_01{
    width: 90%;
    margin: 0px auto;
    text-align: center;
    font-size: 20px;
    padding-bottom: 90px;
    display: block;
 }     

.lp_txt_03{
    width: 90%;
    margin: 0px auto;
    text-align: center;
    font-size: 20px;
    padding-bottom: 20px;
    display: block;
 }  

.lp_img_03{
    width: 90%;
    margin: 0px auto;
    text-align: center;
    padding-bottom: 30px;
    display: block;
 }  

    .lp_img_03 img{
        width: 100%;
        max-width: 470px;
        height: auto;
        margin: 0px auto 15px;
     }  



/*  Recommend  */
.lp_recommend_01{
    width: 960px;
    margin: 0px auto 30px;
    display: table;
 } 

.lp_recommend_inner{
    display: table-cell;
     height: 600px;
    position: relative;
    vertical-align: middle;
    text-align: right;
 } 



    .lp_recommend_img{
     } 

        .lp_recommend_img img{
            position: absolute;
            /*display: block;*/
            top:40px;
            left:-200px;
         } 


    .lp_recommend_01 .lp_btn{
        margin: 20px 0px 0px;
        width: 450px;
        position: absolute;
        right: 0px;
         } 

.lp_recommend_02{
    width: 960px;
    margin: 0px auto 30px;
    display: table;
 } 

    .lp_recommend_02 .lp_recommend_inner{
        text-align: left;
     } 

        .lp_recommend_02 .lp_recommend_img img{
            position: absolute;
            left:auto;
            right: -200px;
         } 

    .lp_recommend_02 .lp_btn{
        margin: 20px 0px 0px;
        width: 450px;
         } 




.box_09 .lp_recommend_inner{
    vertical-align: top;
    padding-top: 40px;
 } 


.lp_recommend_tit{
    width: 96%;
    margin: 0px auto;
    display: block;
    padding: 50px 0px;
    text-align: center;
 } 


@media (max-width: 800px) {

    
    
/*  Recommend  */
.lp_recommend_01{
    width: 96%;
    margin: 0px auto 30px;
    display: block;
 } 

.lp_recommend_inner{
    display: block;
    height: auto;
    position: relative;
    vertical-align: middle;
    text-align: center;
    padding-bottom: 40px;
 } 

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

    .lp_recommend_inner img.sp_txt{
        width: 80%;
        height: auto;
        margin: 0px auto;
     } 


    .lp_recommend_img{
        width: 100%;
        display: block;
        padding-bottom: 20px;
     } 

        .lp_recommend_img img{
            position: relative;
            /*display: block;*/
            top:0px;
            left:auto;
            width: 100%;
            height: auto;
         } 


    .lp_recommend_01 .lp_btn{
        margin: 20px auto 0px;
        width: 80%;
        position: relative;
        right: auto;
         } 

.lp_recommend_02{
    width: 96%;
    margin: 0px auto 30px;
    display: block;
 } 

    .lp_recommend_02 .lp_recommend_inner{
        text-align: center;
     } 

        .lp_recommend_02 .lp_recommend_img img{
            position: relative;
            /*display: block;*/
            top:0px;
            left:auto;
            right: auto;
            width: 100%;
            height: auto;
         } 

    .lp_recommend_02 .lp_btn{
        margin: 20px auto 0px;
        width: 80%;
         } 




.box_09 .lp_recommend_inner{
    vertical-align: top;
    padding-top: 0px;
 } 

.box_11 .lp_recommend_inner{
    vertical-align: top;
    padding-top: 40px;
 } 


.lp_recommend_tit{
    width: 96%;
    margin: 0px auto;
    display: block;
    padding: 20px 0px 40px;
    text-align: center;
 } 

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



    
} 
   
    
/*  collection  */
.lp_collection{
    width: 672px;
    margin: 0px auto;
    font-size: 20px;
    display: table;
    clear: both;
 } 

    .lp_collection_box{
        width: 320px;
        margin: 0px;
        padding-right: 32px;
        display: table-cell;

     } 

    .lp_collection .lp_collection_box:last-child{
        padding-right: 0px;
     } 




@media (max-width: 800px) {

.lp_collection{
    width: 100%;
    margin: 0px auto;
    font-size: 20px;
    display: block;
    clear: both;
 } 

    .lp_collection_box{
        width: 92%;
        margin: 0px auto;
        padding-right: 0px;
        padding-bottom: 30px;
        display: block;

     } 

    
    
} 

.lp_collection_txt .lp_recommend_txt{
    font-size: 11px;
     } 


@media (max-width: 800px) {
    
.lp_collection_box lp_btn{
    width: 100%;
 } 


    
    
} 

.lp_small{
    font-size: 12px;
 } 


.lp_border{
    width: 90%;
    display: block;
    background: url("border.png")no-repeat center center;
    margin: 0px auto;
    height: 100px;
 } 


.lp_bottom_img{
    display: block;
    margin: 0px auto;
    text-align: center;
    padding: 50px 0px 0px;
 } 

@media (max-width: 800px) {

.lp_border{
    height: 40px;
 } 
    
    
.lp_bottom_img{
    width: 94%;
 } 
    
    
    .lp_bottom_img img{
        width: 100%;
        max-width: 460px;
        height: auto;
        margin: 0px auto;
     } 



    
    
}