@charset "utf-8";

/*=================================

sp_reception

=================================*/
@media screen and (max-width:767px){

#main_visual #main_visual_cont > img {
 object-position: 70% 30%;
}

#main_visual #main_visual_cont h2 i {
 font-size:138%;
}

/*---------------------------------------------
lead
---------------------------------------------*/
#lead { flex:0 0 100%; padding:0; }
#lead p { font-size:108%; padding: 20px 93px 20px 20px; }
#lead #lead_cont { flex:0 0 100%; padding:0; }
#lead .pic { bottom:0; }

/*---------------------------------------------
reception
---------------------------------------------*/
#reception #reception_cont {
 padding:0 15px 15px;
 row-gap:20px;
}

#reception #reception_cont ul {
 row-gap:15px;
}

#reception #reception_cont ul li {
 padding:0;
 flex-direction:column;
 width:100%;
}

#reception #reception_cont ul li h4.point {
 border-radius:10px 10px 0 0;
 column-gap:5px;
 flex-direction:unset;
 justify-content:start;
 padding: 15px 15px 15px;
 left:auto;
 position:relative;
 width:100%;
}

#reception #reception_cont ul li h4.point span:first-child {
 font-size:93%;
}

#reception #reception_cont ul li h4.point span:nth-child(2) {
 font-size:138%; 
}

#reception #reception_cont ul li dl {
 padding: 20px 25px 30px;
 row-gap: 15px;
}

#reception #reception_cont ul li dl dt { 
 font-size:124%; 
 padding:0;
 text-align:center;
}

#reception #reception_cont ul li dl dt br {
 display:none;
}

#reception #reception_cont ul li:nth-child(2) dl dd {
 padding:60px 0 0;
}

#reception #reception_cont dl dd figure img {
 max-width: 220px; 
}

#reception #reception_cont ul li:nth-child(2) dl dd figure img {
 max-width: 140px; 
}

#reception #reception_cont dl dd .alert {
 padding: 15px 20px;
 text-align:left;
}

#reception #reception_cont dl dd .alert span {
 text-align:left;
}

#reception #reception_cont dl dd .step {
 flex-direction:column;
 gap:10px;
}

#reception #reception_cont dl dd .step figure {
 border-bottom:1px dotted #ccc;
 padding:20px;
}

#reception #reception_cont dl dd .step figure:first-child {
 border-top:1px dotted #ccc;
}

#reception #reception_cont .reservation a {
 border-radius:6px;
 flex-direction:column;
 background-color:#e9e0c4;
}

#reception #reception_cont .reservation a:after {
 content:none;
}

#reception #reception_cont .reservation a figure {
 align-items:center;
 display:none;
 height:140px;
 justify-content:center;
 width:100%;
}

#reception #reception_cont .reservation a figure img {
 height:140px;
 width:200px;
}

#reception #reception_cont .reservation a dl {
 height:auto;
 padding:20px;
}

#reception #reception_cont .reservation a dl dd {
 font-size:100%;
}

#reception #reception_cont .reservation a dl dd:nth-child(2) {
 flex:1;
 text-align:left;
}

#reception #reception_cont .reservation a dl dd:nth-child(3) i {

}

}