@charset "UTF-8";

#about .container{display:grid;grid-template-columns:1fr 1fr;}
#about .container .photo{display:flex;justify-content:center;align-items:center;}
#about .container .photo img{margin:auto;display:block;}
#about .container .info{display:flex;justify-content:center;align-items:center;padding:60px 30px;}
#about .container .map{padding:60px 30px;}

#about .container .detail{display:inline-block;}
#about .container ul{display:block;margin:auto;text-align:left;}
#about .container .info h3{display:inline-block;width:135px;font-size:16px;}
#about .container .info li{padding:6px 0;text-align:left;}
#about .container .info h4{font-size:19px;margin:30px 0 20px;}



@media (max-width:1100px){
#about #reserve{display:block;}
}

@media (max-width:799px){
#about .container{display:block;}
}

#desk{display:grid;grid-template-columns:1fr 1fr 1fr;}
#desk{text-align:center;margin:60px 30px;}
#desk a.btn{margin:0 auto 30px;}
#desk P{text-align:center;}
#desk .anchor{padding-top: 70px;margin-top: -70px;}

#about #map{background-color:#f4f4f4;background-image:none;}
.map img.place{max-width:340px;height:auto;}
.map img.catch{max-width:170px;height:auto;position:absolute;top:50px;}

@media (max-width:1024px){
.map img.catch{max-width:160px;height:auto;left:300px;}
}
@media (max-width:799px){
.map img.place{max-width:100%;height:auto;}
.map img.catch{display:block;max-width:170px;position:relative;left:auto;right:auto;top:0;margin:20px auto 0;}
#desk .contact{padding-top:150px;}
#desk{display:block;}
}


.reserve{display:flex;flex-direction:column;justify-content:center;align-items:center;}
.reserve li{line-height:1.4rem;display:block;}

/* notice */
#notice{display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#f4f4f4;padding:30px;}
#notice li{line-height:1.4rem;padding:6px 0;text-align:left;}
@media (max-width:1240px){
#notice .container{width:70%;}
}

@media (max-width:900px){

}

@media (max-width:799px){
#notice{padding:30px 20px;}
}