@charset "utf-8";

/* loading
--------------------------------------------------------------------*/
.loading { background: #ffffff url(/company/branch/yokohama/yoxobox/img/loading.gif) center center no-repeat; position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 200; }
.loading img { display: none; }

/* anime_inBottom
--------------------------------------------------------------------*/
.anime_inBottom { -webkit-transform: translate(0, 100px); transform: translate(0, 100px); opacity: 0; }
.anime_inBottom.play { -webkit-transition-property: transform,opacity; -webkit-transition-duration:1s; transition-property: transform,opacity; transition-duration:1s; -webkit-transform: translate(0, 0); transform: translate(0, 0); opacity: 1; }

/* section
--------------------------------------------------------------------*/
.section { padding: 100px 0; }
.section.oFill_A { background-color: #f5f5f5; }
.section.oFill_B { background-color: #688191; color: #ffffff; }
@media (max-width: 767px) {
.section { padding: 50px 0; }
}

/* section_heading
--------------------------------------------------------------------*/
.section_heading { font-weight: bold; line-height: 1.6; text-align: center; }
.section_heading small { color: #678090; display: block; font-size: 1.7rem; }
.section.oFill_B .section_heading small { color: #ffffff; }
.section_heading span { display: block; font-size: 3.6rem; }
.section_heading_B { font-weight: bold; overflow: hidden; text-align: center; }
.section_heading_B span { display: inline-block; font-size: 2.0rem; vertical-align: top; position: relative; padding: 0 17px; }
.section_heading_B span::before { background-color: #222222; content: ""; position: absolute; top: calc(50% - 1px); left: 100%; width: 100vw; height: 2px; }
.section_heading_B span::after { background-color: #222222; content: ""; position: absolute; top: calc(50% - 1px); right: 100%; width: 100vw; height: 2px; }
.section_heading_C { font-weight: bold; overflow: hidden; text-align: center; }
.section_heading_C small { background-color: #688191; color: #ffffff; font-size: 1.8rem; line-height: 1.6; margin-right: 10px; padding: 0 10px; }
.section_heading_C span { display: inline-flex; align-items: center; font-size: 2.0rem; vertical-align: top; position: relative; padding: 0 17px; }
.section_heading_C span::before { background-color: #222222; content: ""; position: absolute; top: calc(50% - 1px); left: 100%; width: 100vw; height: 2px; }
.section_heading_C span::after { background-color: #222222; content: ""; position: absolute; top: calc(50% - 1px); right: 100%; width: 100vw; height: 2px; }
.section_heading_D { border-bottom: 1px solid #222222; font-size: 2.2rem; font-weight: bold; line-height: 1.2; padding-bottom: 8px; }
.section_heading_E { color: #688191; font-size: 1.6rem; font-weight: bold; }
@media (max-width: 767px) {
.section_heading small { font-size: 1.2rem; }
.section_heading span { font-size: 2.6rem; }
.section_heading_B span { font-size: 1.6rem; padding: 0 6px; }
.section_heading_B span::before { top: 50%; height: 1px; }
.section_heading_B span::after { top: 50%; height: 1px; }
.section_heading_C small { font-size: 1.4rem; margin-right: 5px; padding: 0 6px; }
.section_heading_C span { font-size: 1.4rem; padding: 0 6px; }
.section_heading_C span::before { top: 50%; height: 1px; }
.section_heading_C span::after { top: 50%; height: 1px; }
.section_heading_D { font-size: 1.5rem; padding-bottom: 8px; }
.section_heading_E { font-size: 1.4rem; }
}

/* section_lead
--------------------------------------------------------------------*/
.section_lead { text-align: center; margin-top: 20px; }
@media (max-width: 767px) {
.section_lead { text-align: left; margin-top: 10px; }
}

/* inquiry_block
--------------------------------------------------------------------*/
.inquiry_block { border: 1px solid #d2d2d2; text-align: center; margin-top: 50px; padding: 30px 35px 35px 35px; }
.inquiry_block .block_heading { font-size: 1.8rem; font-weight: bold; margin-bottom: 15px; }
@media (max-width: 767px) {
.inquiry_block { margin-top: 25px; padding: 25px 15px 30px 15px; }
.inquiry_block .block_heading { font-size: 1.4rem; margin-bottom: 15px; }
}

/* inquiry_btn
--------------------------------------------------------------------*/
.inquiry_btn { text-align: center; }
.inquiry_btn a,
.inquiry_btn a:active { background-color: #ffffff; color: #ffffff; display: inline-block; font-size: 1.8rem; font-weight: bold; line-height: 1.2; text-decoration: none; vertical-align: top; width: 320px; }
.inquiry_btn.size_L a { width: 342px; }
.inquiry_btn.size_LL a { width: 350px; }
.inquiry_btn a > span { background-color: #0f9ccb; border-bottom: 4px solid #0f7da2; display: block; padding: 23px 0; }
.inquiry_btn.size_L a > span { padding: 28px 0; }
.inquiry_btn.size_LL a > span { padding: 25px 0; }
.inquiry_btn a > span span { background: url(/company/branch/yokohama/yoxobox/common/arw_link.png) left center no-repeat; background-size: 10px auto; display: inline-block; vertical-align: top; padding-left: 23px; }
@media (min-width: 768px) {
.inquiry_btn a > span { -webkit-transition: opacity .3s ease-out; transition: opacity .3s ease-out; }
.inquiry_btn a:hover > span { opacity: 0.7; }
}
@media (max-width: 767px) {
.inquiry_btn a,
.inquiry_btn a:active { font-size: 1.4rem; width: 212px; }
.inquiry_btn.size_L a { width: 212px; }
.inquiry_btn.size_LL a { display: block; width: auto; }
.inquiry_btn a > span { border-bottom: 2px solid #0f7da2; padding: 18px 0; }
.inquiry_btn.size_L a > span { padding: 18px 0; }
.inquiry_btn.size_LL a > span { padding: 18px 0; }
.inquiry_btn a > span span { background-size: 6px auto; padding-left: 15px; }
}

/* section_anchor
--------------------------------------------------------------------*/
.section_anchor { background-color: #ffffff; position: relative; height: 59px; z-index: 110; }
.section_anchor .anchor_block { background-color: #ffffff; position: absolute; top: 0px; left: 0px; width: 100%; }
.section_anchor.is-fixed .anchor_block { position: fixed; }
.section_anchor ul { display: flex; align-items: center; justify-content: flex-end; height: 59px; }
.section_anchor ul li + li { margin-left: 22px; }
.section_anchor ul li a { display: block; text-align: center; text-decoration: none; }
.section_anchor ul li a span { background: url(/company/branch/yokohama/yoxobox/common/arw_anchor.png) left center no-repeat; background-size: 10px auto; display: block; font-size: 1.4rem; font-weight: bold; padding-left: 16px; }
.section_anchor p { display: none; }
@media (min-width: 768px) {
.section_anchor .anchor_link { display: block !important; }
.section_anchor ul li a:hover { text-decoration: underline; }
}
@media (max-width: 767px) {
.section_anchor { background-color: #f5f5f5; height: 40px; }
.section_anchor .container { padding: 0; }
.section_anchor .anchor_block { background-color: #f5f5f5; }
.section_anchor .anchor_link { background-color: #ffffff; display: none; position: absolute; top: 40px; left: 0px; width: 100%; }
.section_anchor ul { display: block; height: auto; }
.section_anchor ul li { margin: 0 20px; }
.section_anchor ul li + li { border-top: 1px solid #e5e5e5; margin-left: 20px; }
.section_anchor ul li a span { background-size: 9px auto; display: inline-block; font-size: 1.3rem; line-height: 1.2; vertical-align: bottom; padding: 11px 0 11px 15px; }
.section_anchor p { display: flex; align-items: center; justify-content: center; height: 40px; }
.section_anchor p span { display: block; font-weight: bold; position: relative; padding-left: 20px; }
.section_anchor p span::before { background-color: #111111; content: ""; position: absolute; top: calc(50% - 1px); left: 0px; width: 12px; height: 2px; }
.section_anchor p span b { position: relative; }
.section_anchor p span b::before { -webkit-transition: opacity .3s ease-out; transition: opacity .3s ease-out; background-color: #111111; content: ""; position: absolute; top: calc(50% - 5px); left: -20px; width: 12px; height: 2px; opacity: 1; }
.section_anchor p span b::after { -webkit-transition: opacity .3s ease-out; transition: opacity .3s ease-out; background-color: #111111; content: ""; position: absolute; top: calc(50% + 3px); left: -20px; width: 12px; height: 2px; opacity: 1; }
.section_anchor p.is-opened span b::before { opacity: 0; }
.section_anchor p.is-opened span b::after { opacity: 0; }
}

/* section_main
--------------------------------------------------------------------*/
.section_main { background: url(/company/branch/yokohama/yoxobox/img/img_title.jpg) center center no-repeat; background-size: cover; }
.section_main .main_inner { display: flex; align-items: flex-end; justify-content: space-between; padding: 55.2734% 0 6.5429% 0; }
.section_main img { width: 100%; }
.section_main h1 { font-size: 0; line-height: 0; margin: -0.9765% 0 -0.9765% -0.9765%; width: 50.2929%; max-width: 515px; }
.section_main h1 img:nth-of-type(2) { display: none; }
@media (max-width: 767px) {
.section_main { background: url(/company/branch/yokohama/yoxobox/img/img_title_sp.jpg) center center no-repeat; background-size: cover; }
.section_main .main_inner { display: block; text-align: center; padding: 28.8% 0 26% 0; }
.section_main img { width: 70.4%; }
.section_main h1 { margin: 0 0 6.4% 0; width: auto; max-width: none; }
.section_main h1 img:nth-of-type(1) { display: none; }
.section_main h1 img:nth-of-type(2) { display: inline; }
}

/* section_concept
--------------------------------------------------------------------*/
.section_concept {}
.section_concept .concept_heading { -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); text-align: center; position: absolute; top: 0px; left: 0px; width: 100%; }
.section_concept .concept_heading span { background-color: #ffffff; display: inline-block; font-size: 1.8rem; vertical-align: top; padding: 0 10px; }
.section_concept .concept_crossover { border: 1px solid #d2d2d2; position: relative; margin-top: 30px; padding: 35px 78px; }
.section_concept .concept_crossover dl { display: flex; }
.section_concept .concept_crossover dl dt { order: 2; font-size: 0; line-height: 0; width: 118px; }
.section_concept .concept_crossover dl dt img { width: 100%; }
.section_concept .concept_crossover dl dd { flex: 1; padding-right: 25px; }
.section_concept .concept_lead { font-weight: bold; line-height: 1.8666; text-align: center; margin-top: 40px; }
@media (max-width: 767px) {
.section_concept .concept_heading span { font-size: 1.4rem; padding: 0 5px; }
.section_concept .concept_crossover { margin-top: 20px; padding: 25px; }
.section_concept .concept_crossover dl { display: block; }
.section_concept .concept_crossover dl dt { text-align: center; width: auto; }
.section_concept .concept_crossover dl dt img { width: 94px; }
.section_concept .concept_crossover dl dd { flex: initial; margin-top: 20px; padding-right: 0; }
.section_concept .concept_lead { line-height: 1.5714; text-align: left; margin-top: 20px; }
}

/* section_support
--------------------------------------------------------------------*/
.section_support {}
.section_support .support_section { margin-top: 30px; }
.section_support .support_section + .support_section { margin-top: 75px; }
.section_support .support_section > p { margin-top: 15px; }
.section_support .support_section > ul { margin-top: 15px; }
.section_support .support_section > ul li a,
.section_support .support_section > ul li a:active { background: url(/company/branch/yokohama/yoxobox/img/arw_link_blue.png) left 0.73333em no-repeat; background-size: 8px auto; color: #688191; display: inline-block; font-weight: bold; vertical-align: top; text-decoration: none; padding-left: 18px; }
.section_support .support_section > ul + p { margin-top: 20px; }
.section_support .support_imgs { display: flex; justify-content: space-between; margin-top: 25px; }
.section_support .support_imgs .imgs_top { min-height: 0%; }
.section_support .support_imgs > p { background-color: #ffffff; width: 31.6406%; }
.section_support .support_imgs > a { background-color: #ffffff; color: #111111; display: flex; flex-direction: column; justify-content: space-between; text-decoration: none; width: 31.6406%; }
.section_support .support_imgs img { width: 100%; }
.section_support .support_imgs dl { padding: 30px 9.2592% 15px 9.2592%; }
.section_support .support_imgs dl dt { font-weight: bold; line-height: 1.7333; text-align: center; }
.section_support .support_imgs dl dd { line-height: 1.8666; margin-top: 15px; }
.section_support .support_photo { font-size: 0; line-height: 0; }
.section_support .support_link { color: #688191; font-size: 1.6rem; font-weight: bold; line-height: 1.75; text-align: center; padding: 0 9.2592% 30px 9.2592%; min-height: 0%; }
.section_support .support_link span { background: url(/company/branch/yokohama/yoxobox/img/arw_link_blue.png) left center no-repeat; background-size: 8px auto; display: inline-block; vertical-align: bottom; padding-left: 17px; }
@media (min-width: 768px) {
.section_support .support_section > ul li a:hover { text-decoration: underline; }
.section_support .support_imgs > a { -webkit-transition: opacity .3s ease-out; transition: opacity .3s ease-out; }
.section_support .support_imgs > a:hover { opacity: 0.7; }
}
@media (max-width: 767px) {
.section_support .support_section { margin-top: 15px; }
.section_support .support_section + .support_section { margin-top: 35px; }
.section_support .support_section > p { margin-top: 10px; }
.section_support .support_section > ul { margin-top: 10px; }
.section_support .support_section > ul li + li { margin-top: 3px; }
.section_support .support_section > ul li a,
.section_support .support_section > ul li a:active { background: url(/company/branch/yokohama/yoxobox/img/arw_link_blue.png) left 0.5555em no-repeat; background-size: 6px auto; padding-left: 15px; }
.section_support .support_section > ul + p { margin-top: 10px; }
.section_support .support_imgs { display: block; margin-top: 15px; }
.section_support .support_imgs > p { width: auto; }
.section_support .support_imgs > p + p { margin-top: 15px; }
.section_support .support_imgs > a { display: block; width: auto; }
.section_support .support_imgs > a + a { margin-top: 15px; }
.section_support .support_imgs dl { padding: 20px 20px 0 20px; }
.section_support .support_imgs dl dt { font-size: 1.6rem; line-height: 1.5714; }
.section_support .support_imgs dl dd { line-height: 1.5714; margin-top: 5px; }
.section_support .support_link { font-size: 1.5rem; line-height: 1.5714; padding: 10px 20px 15px 20px; }
.section_support .support_link span { background-size: 6px auto; padding-left: 13px; }
}

/* section_location
--------------------------------------------------------------------*/
.section_location {}
.section_location .location_section { margin-top: 30px; }
.section_location .location_section + .location_section { margin-top: 50px; }
.section_location .location_column { display: flex; justify-content: space-between; margin-top: 25px; }
.section_location .location_column .column_img { font-size: 0; line-height: 0; width: 48.3398%; }
.section_location .location_column .column_img img { width: 100%; }
.section_location .location_column .column_text { width: 48.3398%; }
.section_location .location_column .column_text li { position: relative; padding-left: 1em; }
.section_location .location_column .column_text li span { position: absolute; top: 0px; left: 0px; }
.section_location .location_column .column_text p { margin-top: 25px; }
.section_location .location_imgs { display: flex; justify-content: space-between; margin-top: 25px; }
.section_location .location_imgs .imgs_block { background-color: #f5f5f5; width: 31.6406%; }
.section_location .location_imgs img { width: 100%; }
.section_location .location_imgs dl { padding: 30px 9.2592%; }
.section_location .location_imgs dl dt { font-weight: bold; line-height: 1.7333; text-align: center; }
.section_location .location_imgs dl dd { line-height: 1.8666; margin-top: 15px; }
.section_location .location_photo { font-size: 0; line-height: 0; }
@media (max-width: 767px) {
.section_location .location_section { margin-top: 10px; }
.section_location .location_section + .location_section { margin-top: 25px; }
.section_location .location_column { display: block; margin-top: 15px; }
.section_location .location_column .column_img { width: auto; }
.section_location .location_column .column_text { margin-top: 15px; width: auto; }
.section_location .location_column .column_text p { margin-top: 15px; }
.section_location .location_imgs { display: block; margin-top: 15px; }
.section_location .location_imgs .imgs_block { width: auto; }
.section_location .location_imgs .imgs_block + .imgs_block { margin-top: 25px; }
.section_location .location_imgs dl { padding: 20px 20px 20px 20px; }
.section_location .location_imgs dl dt { font-size: 1.6rem; line-height: 1.5714; }
.section_location .location_imgs dl dd { line-height: 1.5714; margin-top: 10px; }
}

/* section_facility
--------------------------------------------------------------------*/
.section_facility {}
.section_facility .facility_heading { font-size: 1.4rem; font-weight: bold; }
.section_facility .facility_lead { font-weight: bold; text-align: center; margin-top: 10px; }
.section_facility .facility_section { margin-top: 30px; }
.section_facility .facility_section + .facility_section { margin-top: 60px; }
.section_facility .facility_photos { display: none; font-size: 0; line-height: 0; margin-top: 25px; }
.section_facility .facility_photos img { width: 100%; }
.section_facility .facility_slide li { position: relative; }
.section_facility .facility_slide li small { background-color: #688191; color: #ffffff; font-size: 1.8rem; font-weight: bold; line-height: 1.2; padding: 12px 25px; position: absolute; top: 0px; left: 0px; }
.section_facility .facility_thumb { margin-top: 18px; }
.section_facility .facility_thumb ul { display: flex; justify-content: center; }
.section_facility .facility_thumb ul li { cursor: pointer; width: 12.9882%; }
.section_facility .facility_thumb ul li + li { margin-left: 1.3671%; }
.section_facility .facility_guide { border: 1px solid #bfbfbf; font-size: 0; line-height: 0; text-align: center; margin-top: 25px; padding: 25px; }
.section_facility .facility_guide img { width: 100%; max-width: 431px; }
.section_facility .facility_layout { margin-top: 30px; }
.section_facility .facility_layout a { display: block; text-decoration: none; margin-top: 5px; }
.section_facility .facility_layout a p:nth-of-type(1) { background-color: #ffffff; border: 1px solid #e6e6e6; font-size: 0; line-height: 0; text-align: center; }
.section_facility .facility_layout.layout_1 a p:nth-of-type(1) { padding: 3.7109% 0; } /* 1022 */
.section_facility .facility_layout.layout_1 a p:nth-of-type(1) img { width: 78.2778%; }
.section_facility .facility_layout.layout_2 a p:nth-of-type(1) { padding: 2.832% 0; } /* 1022 */
.section_facility .facility_layout.layout_2 a p:nth-of-type(1) img { width: 49.2172%; }
.section_facility .facility_layout a p:nth-of-type(2) { display: none; }
@media (min-width: 768px) {
.section_facility .facility_thumb ul li img { -webkit-transition: opacity .3s ease-out; transition: opacity .3s ease-out; }
.section_facility .facility_thumb ul li:hover img { opacity: 0.7; }
.section_facility .facility_layout a { pointer-events: none; }
}
@media (max-width: 767px) {
.section_facility .facility_heading { font-size: 1.3rem; }
.section_facility .facility_lead { text-align: left; margin-top: 10px; }
.section_facility .facility_section { margin-top: 25px; }
.section_facility .facility_section + .facility_section { margin-top: 40px; }
.section_facility .facility_photos { margin-top: 20px; }
.section_facility .facility_slide li small { font-size: 1.2rem; padding: 7px 15px; }
.section_facility .facility_thumb { margin-top: 10px; }
.section_facility .facility_thumb ul { display: flex; justify-content: flex-start; flex-wrap: wrap; margin-left: 1px; }
.section_facility .facility_thumb ul li { cursor: pointer; margin-top: 5px; margin-right: 6px; width: calc(25% - 5px); }
.section_facility .facility_thumb ul li:nth-of-type(4n) { margin-right: 0; }
.section_facility .facility_thumb ul li:nth-of-type(-n + 4) { margin-top: 0; }
.section_facility .facility_thumb ul li + li { margin-left: 0; }
.section_facility .facility_guide { margin-top: 15px; padding: 15px; }
.section_facility .facility_guide img { width: 314px; max-width: 100%; }
.section_facility .facility_layout { margin-top: 25px; }
.section_facility .facility_layout + .facility_layout { margin-top: 30px; }
.section_facility .facility_layout a { margin-top: 5px; }
.section_facility .facility_layout.layout_1 a p:nth-of-type(1) { padding: 2.2522% 0; } /* 666 */
.section_facility .facility_layout.layout_1 a p:nth-of-type(1) img { width: 95.7957%; }
.section_facility .facility_layout.layout_2 a p:nth-of-type(1) { padding: 2.2522% 0; } /* 666 */
.section_facility .facility_layout.layout_2 a p:nth-of-type(1) img { width: 59.7597%; }
.section_facility .facility_layout a p:nth-of-type(2) { background: url(/company/branch/yokohama/yoxobox/img/icon_zoom.png) left center no-repeat; background-size: 17px auto; display: block; font-size: 1.3rem; line-height: 1.31; padding-left: 22px; margin-top: 10px; }
}

/* section_office
--------------------------------------------------------------------*/
.section_office {}
.section_office .office_section { margin-top: 30px; }
.section_office .office_section + .office_section { margin-top: 50px; }
.section_office .office_photo { display: flex; justify-content: space-between; margin-top: 20px; }
.section_office .office_photo li { font-size: 0; line-height: 0; width: 23.9267%; }
.section_office .office_photo li img { width: 100%; }
@media (max-width: 767px) {
.section_office .office_section { margin-top: 25px; }
.section_office .office_section + .office_section { margin-top: 40px; }
.section_office .office_photo { justify-content: flex-start; flex-wrap: wrap; margin-top: 15px; }
.section_office .office_photo li { font-size: 0; line-height: 0; margin-top: 10px; width: calc(50% - 5px); }
.section_office .office_photo li:nth-of-type(odd) { margin-right: 10px; }
.section_office .office_photo li:nth-of-type(-n + 2) { margin-top: 0; }
}

/* section_private
--------------------------------------------------------------------*/
.section_private {}
.section_private .private_facility { display: flex; justify-content: space-between; margin-top: 30px; }
.section_private .private_facility li { border-right: 1px solid #ffffff; text-align: center; padding: 10px 13px 0 13px; width: 25%; }
.section_private .private_facility li dt { font-size: 0; line-height: 0; }
.section_private .private_facility li dt img { width: 100%; max-width: 119px; }
.section_private .private_facility li dd { font-weight: bold; line-height: 1.8; margin-top: 15px; }
@media (min-width: 768px) {
.section_private .private_facility li:last-child { border-right: none; }
}
@media (max-width: 767px) {
.section_private .private_facility { justify-content: flex-start; flex-wrap: wrap; margin-top: 40px; }
.section_private .private_facility li { -webkit-box-sizing: border-box; box-sizing: border-box; border-bottom: 1px solid #ffffff; padding: 19px 10px 15px 10px; width: 50%; }
.section_private .private_facility li:nth-of-type(even) { border-right: none; }
.section_private .private_facility li:nth-of-type(n+3) { border-bottom: none; }
.section_private .private_facility li dt img { width: 80px; max-width: none; }
.section_private .private_facility li dd { line-height: 1.6; margin-top: 7px; }
}

/* section_flow
--------------------------------------------------------------------*/
.section_flow {}
.section_flow .flow_list { margin-top: 30px; }
.section_flow .flow_list li { background-color: #f5f5f5; display: flex; min-height: 85px; }
.section_flow .flow_list li + li { margin-top: 16px; }
.section_flow .flow_list li p { background-color: #688191; color: #ffffff; display: flex; align-items: center; justify-content: center; font-weight: bold; width: 95px; }
.section_flow .flow_list li dl { flex: 1; display: flex; align-items: center; padding: 15px 15px 15px 45px; }
.section_flow .flow_list li dl dt { border-right: 1px solid #c3c3c3; color: #688191; font-size: 1.6rem; font-weight: bold; position: relative; margin-right: 50px; padding-right: 50px; width: 10em;  }
.section_flow .flow_list li dl dd { flex: 1; }
@media (max-width: 767px) {
.section_flow .flow_list { margin-top: 20px; }
.section_flow .flow_list li { min-height: inherit; }
.section_flow .flow_list li + li { margin-top: 10px; }
.section_flow .flow_list li p { width: 2.5em; }
.section_flow .flow_list li dl { flex: 1; display: block; padding: 15px 25px; }
.section_flow .flow_list li dl dt { border-right: none; font-size: 1.4rem; margin-right: 0; padding-right: 0; width: auto;  }
.section_flow .flow_list li dl dd { flex: initial; margin-top: 5px; }
}

/* section_base
--------------------------------------------------------------------*/
.section_base {}
.section_base .base_column { display: flex; align-items: center; justify-content: space-between; margin-top: 30px; }
.section_base .base_photo { font-size: 0; line-height: 0; width: 48.3398%; }
.section_base .base_photo img { width: 100%; }
.section_base .base_text { width: 48.3398%; }
.section_base .base_section { margin-top: 20px; }
.section_base .base_section p { line-height: 1.8666; }
.section_base .base_section p a { color: #688191; display: inline-block; vertical-align: bottom; text-decoration: none; position: relative; }
.section_base .base_section p a::after { background-color: #688191; content: ""; position: absolute; bottom: calc(50% - 0.5em - 1px); left: 0px; width: 100%; height: 1px; }
@media (min-width: 768px) {
.section_base .base_section p a:hover::after { display: none; }
}
@media (max-width: 767px) {
.section_base .base_column { display: block; margin-top: 25px; }
.section_base .base_photo { width: auto; }
.section_base .base_text { margin-top: 20px; width: auto; }
.section_base .base_section { margin-top: 10px; }
.section_base .base_section + .base_section { margin-top: 15px; }
.section_base .base_section p { line-height: 1.5714; }
.section_base .base_section p a::after { bottom: calc(50% - 0.5em - 2px);  } 
}

/* section_management
--------------------------------------------------------------------*/
.section_management { margin-top: 50px; }
.section_management .management_column { display: flex; justify-content: space-between; margin-top: 30px; }
.section_management .management_section { width: 48.3398%; }
.section_management .management_section > p { line-height: 1.8666; }
@media (max-width: 767px) {
.section_management { margin-top: 25px; }
.section_management .management_column { display: block; margin-top: 10px; }
.section_management .management_section { width: auto; }
.section_management .management_section + .management_section { margin-top: 15px; }
.section_management .management_section > p { line-height: 1.5714; }
}

/* section_inquiry
--------------------------------------------------------------------*/
.section.section_inquiry { padding: 80px 0; }
.section_inquiry .inquiry_lead { font-size: 1.8rem; font-weight: bold; text-align: center; }
.section_inquiry .inquiry_section { text-align: center; margin-top: 30px; }
@media (max-width: 767px) {
.section.section_inquiry { padding: 50px 0; }
.section_inquiry .inquiry_lead { font-size: 1.5rem; text-align: left; }
.section_inquiry .inquiry_section { margin-top: 25px; }
}

/* section_modal
--------------------------------------------------------------------*/
@media (min-width: 768px) {
.section_modal { display: none !important; }
}
@media (max-width: 767px) {
.section_modal { display: none; position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 200; }
.section_modal .modal_wrap { display: flex; flex-direction: column; justify-content: center; width: 100%; height: 100%; }
.section_modal .modal_bg { background-color: rgba(0,0,0,0.5); position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; }
.section_modal .modal_close { font-size: 0; line-height: 0; text-align: right; position: relative; margin: -37px 10px 0 10px; z-index: +1; }
.section_modal .modal_close span { display: inline-block; vertical-align: top; width: 27px; }
.section_modal img { width: 100%; }
.section_modal .modal_contents { position: relative; margin: 10px 5px 0 5px; z-index: +1; }
.section_modal .modal_contents p { display: none; background-color: #ffffff; border: 1px solid #bfbfbf; font-size: 0; line-height: 0; }
.section_modal .modal_contents #modal1 { padding: 14.3835% 0.5479% 14.2465% 0.5479%; }
.section_modal .modal_contents #modal2 { padding: 0.5479% 6.7123% 0.5479% 6.8493%; }
}