body{
padding: 0;
}

p{
line-height: 1.8;
}

.sp{
display: none;
}

div.button_reserve{
position: fixed;
top: 100px;
right: 100px;
z-index: 999;
}
div.button_reserve img{
width: 200px;
}


.intro{
padding-bottom: 0;
}

.intro p.logo_main{
margin: 30px 0 -30px 0;
}
.intro p.logo_main img{
width: 250px;
}

.intro ul.brand{
width: 40%;
}
.intro ul.brand li{
padding: 20px;
}
.intro ul.brand li.damd img{
width: 150px;
}
.intro ul.brand li.amj img{
width: 100px;
}


.centering {
    display: flex;
    align-items: center;
}
.bottom{
  display: flex;
  align-items: flex-end;
}



.column .sub h3,
.column .sub p{
padding: 0 30px;
}




.sale{
background: #F8F6F2;
}

.sale .sub p.icon{
margin-top: 30px;
}

.sale .sub p.icon img{
width: 60px;
margin: 10px 0;
display: block;
}


.sale .main li{
padding: 0 10px;
margin-bottom: 30px !important;
}

.sale .flexbox li p{
text-align: left !important;
font-weight: bold;
}
.sale .flexbox li p span.icon{
float: left;
margin-right: 10px;
}
.sale .flexbox li p span.icon img{
width: 60px;
}




.visitor{
background: #F8F6F2;
}

.visitor .column .main div.box{
padding: 30px;
border-radius: 30px;
background: #F3ECDC99;
border: solid 1px #18382B4D;
margin-top: 30px;
}

.visitor .column .main .image.top{
padding: 0 10px;
}
.visitor .column .main div.box ul{
border-bottom: solid 1px #18382B4D;
margin-bottom: 20px;
}

div.image{
position: relative;
}
div.image span.mark{
position: absolute;
top: -20px;
left: -20px;
width: 113px;
}


.visitor .column .main ul.column_2{
margin: 80px 0 -20px 0;
}
.visitor .column .main ul li{
padding: 0 10px;
}





.to_form{
text-align: center;
}
.to_form p.catch{
font-size: 30px;
}
.to_form .button{
width: 384px;
margin: 2em auto;
}



.goods{
background: #CBDDDF;
}

.goods .item li p{
text-align: left !important;
font-weight: 800;
}
.goods .main li{
padding: 0 10px;
margin-bottom: 30px !important;
}



.bottom hr{
margin: 30px 0;
}


.bottom ul{
background: #F8F6F2;
border-radius: 30px;
border: solid 1px #000;
}


.bottom ul li.damd{
border-right: solid 1px #000;
}

.bottom h3{
padding: 0 30px;
}

.bottom ul li{
padding: 0 50px 50px 50px;
margin-bottom: 0 !important;
}


.bottom .damd p.logo{
width: 200px;
}
.bottom .damd p.logo{
margin: 50px auto;
}

.bottom .amj p.logo{
width: 150px;
}
.bottom .amj p.logo{
margin: 30px auto;
}

.bottom p.button{
margin-top: 50px;
}

.bottom p.button img{
width: 152px;
}


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

}




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


.sp{
display: block;
}

.pc{
display: none !important;
}


section{
padding: 30px 0;
}


.inner{
padding: 0 10px !important;
}


.column .sub h3, .column .sub p{
padding: 0 20px;
}
.column .sub h3 img, .column .sub p img{
width: 70%;
}


.intro p.logo_main{
margin: 30px 0 20px 0;
}
.intro p.logo_main img{

}


.intro ul.brand{
width: 80%;
margin: 0px auto 0 auto;
}

.sale .sub p.icon{
margin-top: 20px;
}

.sale .sub p.icon img{
width: 60px;
margin: 0px 10px 0 0;
display: inline-block;
}

.sale .flexbox li p{
line-height: 1.4;
}
.sale .flexbox li p span.icon img{
width: 35px;
}

.sale .flexbox li{
margin-bottom: 0px !important;
}

.sale .flexbox li div.image{
margin-bottom: 10px;
}


.to_form p.catch{
line-height: 1.5;
margin-left: .8em;
}
.to_form .button{
width: 300px;
}


div.image span.mark {
    position: absolute;
    bottom: -10px;
    right: -10px;
    top: inherit;
    left: inherit;
    width: 80px;
}


.sale .flexbox li{
padding: 5px;
}
.sale .flexbox li p,
.sale .flexbox li span{
font-size: 10px;
}
.sale .flexbox li p span.icon {
    margin-right: 5px;
}


.visitor .column{
margin-bottom: 0;
}

.visitor .column .main div.box{
padding: 15px 20px;
margin-top: 15px;
}

.visitor .column .main ul.column_2 {
    margin: 40px 0 -20px 0;
}

.visitor .column .main ul.column_2 li{
padding: 0 10px;
}

.visitor .column .main div.box ul li{
line-height: 1.5;
}

.goods ul.column_3 li{
width: 50% !important;
}




.bottom .damd p.logo {
    margin: 20px auto;
}


.bottom ul.column_2{
border: none;
background: none;
}

.bottom ul.column_2 li{
width: 100% !important;
border: none;
border: solid 1px #000;
border-radius: 20px;
margin: 15px 0;
background: #F8F6F2;
padding: 20px;
}

.bottom hr{
margin: 20px 0;
}

.bottom p.button{
text-align: right;
margin-top: 0;
}


.button_bottom_sp{
margin: 0;
position: fixed;
bottom: 0;
left: 0;
text-align: center;
width: 100%;
z-index: 999;
}
.button_bottom_sp a{
padding: 20px 0;
width: 100%;
display: block;
color: #835D1B;
font-weight: bold;
background: rgba(220,217,135,.9)/*#DCD987*/;
font-size: 16px;
}


}
