
.container { margin: 20px auto; max-width: 1280px; width:100%; padding:0 20px; box-sizing: border-box; }
.container p, .container td, .container li, .container label {font-size: 1.07rem; line-height: 2;}
.container p {margin: 1rem 0;}

img { max-width: 100%; height: auto; }
button:disabled {background: #ddd!important; opacity: 0.6!important; cursor: no-drop!important;}

iframe, object, embed {max-width: 100%;}

.youtubecontent {position: relative; height: 0; overflow: hidden; padding-bottom: 56.25%;}
.youtubecontent iframe, .youtubecontent object, .youtubecontent embed {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

.grecaptcha-badge {z-index: 999;}

/*contact*/
.reserve-form-btn, .reserve-line-btn { border-radius: 20vw; position: relative; display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; justify-content: center; padding: 40px 25px; overflow: hidden;box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.3);}
.reserve-form-btn > div, .reserve-line-btn > div { position: relative; z-index:3; line-height: 1; font-size: clamp(22px, 2.9vw, 34px); font-weight: 500; color: #fff;}
.reserve-form-btn > div > img, .reserve-line-btn > div > img { width: 70px; filter: brightness(0) invert(1); margin-right: 16px;}
.reserve-form-btn { background: #206aa4;}
.reserve-line-btn { background: #11c063;}
.reserve-form-btn:after, .reserve-line-btn:after { position: absolute; content: ""; left: 0; top:50%; transform: translateY(-50%); width: 48%; padding-bottom: 48%; border-radius: 100%;transition: all 0.25s ease-out 0s;}
.reserve-form-btn:hover, .reserve-line-btn:hover { transform: scale(0.92);}
.reserve-form-btn:hover:after, .reserve-line-btn:hover:after { width: 100%; padding-bottom: 100%;}
.reserve-form-btn:after { background: #1d76bc;}
.reserve-line-btn:after { background: #0acd66;}

.contact-section { margin-bottom: calc(20px + 5%); background: #fff; overflow: hidden; border-radius: 20px; box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.1); display: flex; flex-direction: row; flex-wrap: wrap;}
.contact-section > div:nth-of-type(1) { width: calc(50% + 95px); padding: 40px 55px;}
.contact-section > div:nth-of-type(2) { width: calc(50% - 95px);}
.contact-map iframe{ width: 100%; height: 100%; border-width: 0;}

.contact-info { border-bottom: 1px dotted #dcdcdc; padding:10px 0; display: flex; flex-direction: row; flex-wrap: wrap; align-items: center;}
.contact-info > div:nth-of-type(1) { width: 50px; padding: 0 10px;}
.contact-info > div:nth-of-type(2) { width: 96px; padding: 0 10px 0 0; font-weight: 700; color: #206aa4; line-height: 1.1;}
.contact-info > div:nth-of-type(3) { width: calc(100% - 50px - 96px); line-height: 1.5; }

.contact-btn { display: flex; flex-direction: column; flex-wrap: wrap; padding-top: 30px;}
.contact-btn > div { padding: 0 20px 20px 20px;}
.contact-btn .reserve-form-btn, .contact-btn .reserve-line-btn { padding: 15px 25px;}