@charset "utf-8";

/* reset
--------------------------------------------------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; background: transparent; border: 0; outline: 0; font-size: 1em;}body, table, input, textarea, select, option {font-size: 1em;}article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {display: block;}ol, ul {list-style: none;}blockquote, q {quotes: none;}:focus {outline: 0;}table{border-collapse:collapse;border-spacing:0}ins {text-decoration: none;}del {text-decoration: line-through;}img{vertical-align: top;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}strong, b{font-weight: bold;}strong{font-weight:bold;}main{display:block;}

/* global
--------------------------------------------------------------------*/
html {background:#ffffff;color:#222222;font-size: 62.5%;text-align:center;-webkit-text-size-adjust: none;height:100%;}
html.scroll-prevent { position: fixed; z-index: -1; width: 100%; height: 100%; }
body {font-size: 1.5rem;font-weight:normal;line-height:2;-webkit-text-size-adjust:100%;height:100%;}
body, table, input, textarea, select, option { font-family: "メイリオ", "ヒラギノ角ゴ Pro W3", "Lucida Grande", "Hiragino Kaku Gothic Pro", Osaka, Verdana, "ＭＳ Ｐゴシック", sans-serif;}
@media (max-width: 767px) {
body {font-size: 1.4rem;line-height:1.6;}
}

/* form reset
--------------------------------------------------------------------*/
input[type="text"], input[type="number"], input[type="tel"], input[type="email"], textarea { -webkit-appearance: none; appearance: none; }
input[type="submit"], input[type="button"] { border-radius: 0; -webkit-box-sizing: content-box; -webkit-appearance: button; appearance: button; border: none; box-sizing: border-box; cursor: pointer; }
input[type="submit"]::-webkit-search-decoration, input[type="button"]::-webkit-search-decoration { display: none; }
input[type="submit"]::focus, input[type="button"]::focus { outline-offset: -2px; }
button { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 0; border-radius: 0; background-color: transparent; border: none; cursor: pointer; outline: none; padding: 0; appearance: none; }

/* form
--------------------------------------------------------------------*/
input[type="text"],
input[type="number"],
input[type="tel"],
input[type="email"] { -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #bbbbbb; line-height: 22px; padding: 15px 5px; width: 100%; }
input[type="checkbox"],
input[type="radio"] { margin: 0 5px 0 0; }
textarea { -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #bbbbbb; line-height: 1.2; padding: 15px 5px; width: 100%; }
br + textarea { margin-top: 5px; }
select { border: 1px solid #bbbbbb; line-height: 1.2; padding: 10px 5px; }
input[type="submit"] { background-color: #0f9ccb; border: none; border-bottom: 4px solid #0f7da2; color: #ffffff; cursor: pointer; font-size: 1.8rem; font-weight: bold; line-height: 1.2; text-align: center; margin: 0 10px; padding: 20px 0; width: 312px; }
input[type="button"] { background-color: #0f9ccb; border: none; border-bottom: 4px solid #0f7da2; color: #ffffff; cursor: pointer; font-size: 1.8rem; font-weight: bold; line-height: 22px; text-align: center; vertical-align: top; padding: 14px 0; }
@media (min-width: 768px) {
input[type="submit"],
input[type="button"] { -webkit-transition: opacity .3s ease-out; transition: opacity .3s ease-out; }
input[type="submit"]:hover,
input[type="button"]:hover { opacity: 0.7; }
}
@media (max-width: 767px) {
input[type="text"],
input[type="number"],
input[type="tel"],
input[type="email"] { font-size: 1.6rem; line-height: 20px; padding: 10px 5px; }
textarea { font-size: 1.6rem; padding: 10px 5px; }
input[type="submit"] { border-bottom: 2px solid #0f7da2; font-size: 1.4rem; margin: 0; padding: 18px 0; width: 100%; }
input[type="button"] { border-bottom: 2px solid #0f7da2; font-size: 1.4rem; line-height: 20px; padding: 10px 0; }
*::-ms-backdrop, input[type="button"] { padding: 12px 0; } /* ie11 */
@supports (-ms-ime-align: auto) {input[type="button"] { padding: 12px 0; }} /* edge */
@media screen and (-webkit-min-device-pixel-ratio:0) {_::-webkit-full-page-media, _:future, :root input[type="button"] { padding: 12px 0; }} /* ios */
}

/* link
--------------------------------------------------------------------*/
a,
a:active {color:#222222; text-decoration:underline;}
a:hover {color:#222222; text-decoration:none;}

/* wrapper
--------------------------------------------------------------------*/
.wrapper { overflow: hidden; }

/* container
--------------------------------------------------------------------*/
.container { position: relative; text-align: left; margin-right: auto; margin-left: auto; padding: 0 13px; max-width: 1024px; }
@media (max-width: 767px) {
.container { padding: 0 20px; max-width: none; }
}

/* view
--------------------------------------------------------------------*/
.pcInline { display: inline; }
.spInline { display: none; }
@media (max-width: 767px) {
.pcInline { display: none; }
.spInline { display: inline; }
}

/* **********************************************************
	pagetop
********************************************************** */
.pagetop { font-size: 0; line-height: 0; position: relative; margin-top: 125px; z-index: 100; }
.pagetop .pagetop-wrapper { display: none; position: absolute; bottom: 0px; left: 0px; width: 100%; }
.pagetop .pagetop-wrapper.fixed { position: fixed; }
.pagetop .container { padding: 0; max-width: none; }
.pagetop p { position: absolute; bottom: 0px; right: 13px; }
.pagetop p a { background-color: #688191; display: flex; align-items: center; justify-content: center; width: 54px; height: 54px; }
.pagetop p a img { width: 14px; }
@media (min-width: 768px) {
.pagetop p a img { -webkit-transition: transform .3s ease-out; transition: transform .3s ease-out; }
.pagetop p a:hover img { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); }
}
@media (max-width: 767px) {
.pagetop { margin-top: 64px; }
.pagetop p { right: 20px; }
.pagetop p a { width: 34px; height: 34px; }
.pagetop p a img { width: 11px; }
}

/* header
--------------------------------------------------------------------*/
.header { border-bottom: 1px solid #d9d9d9; font-size: 0; line-height: 0; padding: 17px 0; }
.header .container { display: flex; align-items: center; justify-content: space-between; }
.header img { width: 100%; }
.header p:nth-of-type(1) { width: 190px; }
.header p:nth-of-type(2) { width: 134px; }
@media (max-width: 767px) {
.header { padding: 15px 0; }
.header p:nth-of-type(1) { width: 112px; }
.header p:nth-of-type(2) { width: 85px; }
}

/* footer
--------------------------------------------------------------------*/
.footer { border-top: 1px solid #d9d9d9; padding: 25px 0; }
.footer .container { display: flex; align-items: flex-end; }
.footer img { width: 100%; }
.footer p:nth-of-type(1) { font-size: 0; line-height: 0; width: 134px; }
.footer p:nth-of-type(2) { flex: 1; font-size: 1.1rem; line-height: 1.2; padding-left: 20px; }
@media (max-width: 767px) {
.footer .container { display: block; text-align: center; }
.footer img { width: 120px; }
.footer p:nth-of-type(1) { width: auto; }
.footer p:nth-of-type(2) { flex: initial; font-size: 0.9rem; margin-top: 15px; padding-left: 0; }
}

/* section_form
--------------------------------------------------------------------*/
.section_form { margin-top: 90px; }
.section_form .required { color: #e60012; font-weight: normal; }
.section_form .error { color: #e60012; }
.section_form .form_title { color: #678090; font-size: 2.2rem; font-weight: bold; text-align: center; }
.section_form .form_heading { font-size: 3.6rem; font-weight: bold; text-align: center; margin-top: 20px; }
.section_form .form_lead { margin-top: 10px; }
.section_form .form_table { margin-top: 15px; }
.section_form .form_table table { margin-top: 5px; width: 100%; }
.section_form .form_table table th { background-color: #ededed; border: 1px solid #d9d9d9; font-weight: bold; text-align: left; padding: 20px 20px; width: 8em; }
.section_form .form_table table td { border: 1px solid #d9d9d9; padding: 20px 20px; }
.section_form .form_table table td > ul { margin-top: 5px; }
.section_form .form_comment li { position: relative; padding-left: 1em; }
.section_form .form_comment li span { position: absolute; top: 0px; left: 0px; }
.section_form .form_note { margin-top: 25px; }
.section_form .form_note textarea { line-height: 2; padding: 30px 55px; }
.section_form .form_agree { text-align: center; line-height: 1.2; margin-top: 25px; }
.section_form .form_agree label { font-weight: bold; }
.section_form .form_agree ul { padding-top: 5px; }
.section_form .form_btn { display: flex; justify-content: center; margin-top: 50px; }
.section_form .form_btn p { font-size: 1.8rem; position: relative; }
.section_form .form_btn p::after { background: url(/j/branch/yokohama/yoxobox/common/arw_link.png) no-repeat; background-size: 10px 10px; content: ""; position: absolute; top: 50%; left: 50%; margin-top: -9px; width: 10px; height: 10px; }
.section_form .form_btn p.btn_conf::after { margin-left: -5.5em; }
.section_form .form_btn p.btn_back::after { margin-left: -3em; }
.section_form .form_btn p.btn_send::after { margin-left: -6.5em; }
.section_form .form_ul_flex { display: flex; align-items: center; }
.section_form .form_ul_flex.oNumber input { width: calc(4em + 10px); }
.section_form .form_ul_flex.oNumber input[type="button"] { width: 100px; }
.section_form .form_ul_flex li.flex { flex: 1; }
.section_form .form_ul_flex li + li { margin-left: 20px; }
.section_form .btn_back input[type="submit"] { background-color: #b1b1b1; border-bottom: 4px solid #898989; }
.section_form .form_table.form_event { margin-top: 50px; }
.section_form .form_table.form_event > p { font-weight: bold; text-align: center; }
.section_form .form_table.form_event .event_heading { background-color: #678090; border: 1px solid #d9d9d9; border-bottom: none; color: #ffffff; font-weight: bold; text-align: center; margin: 10px 0 -5px 0; padding: 14px 0; }
.section_form .form_table.form_event table td { background-color: #f2f7fa; }
@media (max-width: 767px) {
.section_form { margin-top: 40px; }
.section_form .form_title { font-size: 1.6rem; }
.section_form .form_heading { font-size: 2.6rem; margin-top: 15px; }
.section_form .form_lead { margin-top: 10px; }
.section_form .form_table { margin-top: 15px; }
.section_form .form_table table { margin-top: 5px; }
.section_form .form_table table th { border: none; display: block; font-size: 1.6rem; padding: 10px 20px; width: auto; }
.section_form .form_table table td { border: none; display: block; padding: 10px 0 25px 0; }
.section_form .form_table table tr:last-of-type td { padding-bottom: 0; }
.section_form .form_note { margin-top: 25px; }
.section_form .form_note textarea { font-size: 1.4rem; line-height: 1.6; padding: 20px 20px; }
.section_form .form_agree { margin-top: 25px; }
.section_form .form_btn { flex-direction: column; margin-top: 30px; }
.section_form .form_btn p { font-size: 1.4rem; }
.section_form .form_btn p + p { margin-top: 10px; }
.section_form .form_btn p::after { background-size: 6px 6px; margin-top: -5px; width: 6px; height: 6px; }
.section_form .btn_back input[type="submit"] { border-bottom: 2px solid #898989; }
.section_form .form_ul_flex.oWrap { display: block; }
.section_form .form_ul_flex li.flex { flex: initial; }
.section_form .form_ul_flex li + li { margin-left: 10px; }
.section_form .form_ul_flex.oWrap li + li { margin: 5px 0 0 0; }
.section_form .form_table.form_event { margin-top: 35px; }
.section_form .form_table.form_event .event_heading { border: none; font-size: 1.6rem; margin: 15px 0 25px 0; padding: 8px 0; }
.section_form .form_table.form_event table td { background-color: #ffffff; }
}