@charset "utf-8";

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

reception

=================================*/
#main_visual #main_visual_cont img {
 height:370px;
 object-fit:cover;
 object-position:right 30%;
 width:100%;
}

#main_visual #main_visual_cont h2 img {
 height:30px;
 width:30px;
}

/*---------------------------------------------
lead
---------------------------------------------*/
#lead {
 background-color: #fff;
 display: flex;
 position: relative;
 margin: 0 auto;
 flex: 0 1 1260px;
 padding: 0;
 text-align: center;
}
#lead #lead_cont { display:flex; justify-content:space-between; flex:0 1 1260px; text-align:center; margin:0 auto; padding:0 5%;  position:relative; }
#lead p { font-size:116%; line-height:1.6; margin:0; padding:20px 93px 20px 0; text-align:left; }
#lead .pic { height:93px; position:absolute; right:30px; bottom:64px; max-width:93px; padding:0; width:93px; }
#lead .pic:after { background-image:url(../images/guest/i_mark.png); background-position:center center; background-repeat:no-repeat; background-size:18px 20px; content:""; position:absolute; width:18px; height:20px; right:12px; top:8px; }
#lead .pic img { width:100% !important; height:auto; }

/*---------------------------------------------
reception
---------------------------------------------*/
#reception {
 display:flex;
 flex-wrap:wrap;
 text-align:center;
 margin:0 auto;
}

#reception {
 border-top:none;
 padding:0;
}
 
#reception #reception_cont {
 display:flex;
 flex-wrap:wrap;
 justify-content:space-between;
 flex:0 0 100%;
 text-align:center;
 margin:0 auto;
 padding:0 5% 30px;
 row-gap:30px;
 max-width:1260px;
}

#reception #reception_cont ul {
 display:flex;
 flex-wrap:wrap;
 justify-content:space-between;
 gap:30px;
 row-gap:30px;
 width:100%;
}

#reception #reception_cont ul li {
 border:1px solid #ddd;
 border-radius:10px;
 display:flex;
 justify-content:center;
 padding:25px 20px 20px;
 position:relative;
 width:calc(100% / 2 - 15px);
}

#reception #reception_cont ul li:nth-child(5) {
 width:100%;
} 

#reception #reception_cont ul li h4.point {
 align-items:center;
 background-color:#e5f5fe;
 background-color:#f6f2e7;
 background-color:#e4f3ed;
 border-radius:0 0 10px 10px;
 display:flex;
 flex-direction:column;
 justify-content:center;
 row-gap:5px;
 padding:30px 15px 20px;
 position:absolute;
 top:0;
 left:20px;
}

#reception #reception_cont ul li h4.point span:first-child {
 color:#1eb9ee;
 color:#a88415;
 color:#4FAC80;
 font-weight:600;
}

#reception #reception_cont ul li h4.point span:nth-child(2) {
 color:#1eb9ee;
 color:#a88415;
 color:#4FAC80;
 font-weight:600;
 font-size:216%;
}

#reception #reception_cont ul li dl {
 align-items:center;
 display:flex;
 flex-direction:column;
 flex:1;
 justify-content:start;
 row-gap:30px;
 width:100%;
}

#reception #reception_cont ul li dl dt {
 font-weight:600;
 font-size:138%;
 text-align:left;
 line-height:1.6;
 padding:0 0 0 110px;
 width:100%;
}

#reception #reception_cont ul li dl dd {
 align-items:center;
 display:flex;
 flex-direction:column;
 flex:1;
 justify-content:center;
 position:relative;
 gap:20px;
 width:100%;
}

#reception #reception_cont ul li:nth-child(5) dl dd {
 flex-direction:unset;
 gap:40px;
}

#reception #reception_cont dl dd figure {
 align-items:center;
 display:flex;
 flex:1;
 flex-direction:column;
 justify-content:center;
}

#reception #reception_cont dl dd figure img {
 max-width:280px;
 height:auto;
}

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

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

#reception #reception_cont ul li:nth-child(2) dl dd figure img.sub {
 top:0;
 position:absolute;
 width:100px;
 margin-right:-170px;
}

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

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

#reception #reception_cont ul li:nth-child(5) dl dd figure img {
 max-width:420px;
 height:auto;
 width:100%;
}

#reception #reception_cont dl dd .alert {
 width:100%;
}

#reception #reception_cont dl dd .step {
 display:flex;
 justify-content:center;
 gap:40px;
}

#reception #reception_cont .reservation {
 border:1px solid #ddd;
 border-radius:10px;
 display:flex;
 flex-wrap:wrap;
 padding:30px;
 row-gap:20px;
 width:100%;
}

#reception #reception_cont .reservation a {
 background-color: #eaf9fa;
 display:flex;
 flex-wrap:wrap;
 position:relative;
 width:100%;
}

#reception #reception_cont .reservation a:after {
 content: "\f054";
 color: #333;
 font-family: var(--icon);
 font-size: 100%;
 margin-top: -6px;
 z-index: 3;
 position:absolute;
 top:50%;
 right:20px;
}

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

#reception #reception_cont .reservation a figure img {
 width:100%;
 height:100%;
 object-fit:cover;
}

#reception #reception_cont .reservation a dl {
 align-items:center;
 gap:20px;
 display:flex;
 height:100%;
 justify-content:start;
 padding:50px;
 flex:1;
 width:100%;
}

#reception #reception_cont .reservation a dl dt i {
 color: #a88415;
 font-size:154%;
}

#reception #reception_cont .reservation a dl dd {
 color:#333;
 font-weight:600;
 font-size:138%; 
}

#reception #reception_cont .reservation a:hover {
 text-decoration:none;
 opacity:0.7;
}

#reception #reception_cont .reservation a:hover dl dd {
 text-decoration:none;
}

#reception #reception_cont .reservation .note {
 text-align:left;
 width:100%;
 display:flex;
 flex-direction:column;
 row-gap:5px;
}

#reception #reception_cont .reservation .note p {
 font-size:108%;
 line-height:1.6;
}