/*! Bootstrap v4.0.0 (https://getbootstrap.com) Copyright 2011-2018 The Bootstrap Authors Copyright 2011-2018 Twitter, Inc. Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */
.modal-open2 { overflow: hidden; position: fixed; width: 100%; }

.modal-open2 .modal { overflow-x: hidden; overflow-y: auto; }

.search .jumbovisual { background-image: url(../img/main_visual_search.jpg); -webkit-background-size: 117% auto; background-size: 117% auto; }

@media (min-width: 768px) { .search .jumbovisual { -webkit-background-size: cover; background-size: cover; } }

.jumbovisual-logo { position: absolute; top: 52%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 56%; max-width: 41.1rem; height: auto; -webkit-box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.75); box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.75); }

@media (min-width: 768px) { .jumbovisual-logo { width: 34.25%; } }

.content { padding-bottom: 1.4rem; }

.ttl2 { line-height: 1.5; font-size: 1.8rem; }

@media (min-width: 576px) { .ttl2 { font-size: 2.0rem; } }

.planimage { display: block; margin: 3.4rem auto 0; max-width: 443px; width: 100%; }

.planimage-caption { line-height: 2.4; font-size: 1.5rem; font-weight: bold; color: #ea5e00; }

@media (min-width: 576px) { .planimage-caption { font-size: 1.7rem; } }

.planimage-body { position: relative; }

.planimage-illust { display: block; width: 100%; height: auto; }

.planimage-btn { width: 70.42889%; max-width: 312px; font-size: 1.2rem; }

@media (min-width: 576px) { .planimage-btn { font-size: 1.4rem; } }

@media (min-width: 768px) { .planimage-btn { font-size: 1.6rem; } }

.planimage-btn.orange-btn { background-color: #ea5e00; color: white; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }

.planimage-btn.orange-btn:hover { color: #ea5e00; background-color: white; border-color: #ea5e00; }

.planimage-explanation { display: block; position: absolute; max-width: 188px; width: 42.43792%; height: auto; }

.planimage-explanation:nth-child(2) { bottom: 62%; left: 63%; }

.planimage-explanation:nth-child(3) { bottom: 19.5%; right: 63%; }

@media (min-width: 768px) { .planimage-explanation:nth-child(2) { left: 74%; }
  .planimage-explanation:nth-child(3) { right: 84%; } }

.modal.modal-form { z-index: 1052; }

.modal-content { padding: 1.8rem 1.4rem 2.3rem; }

@media (min-width: 576px) { .modal-content { padding: 3.6rem 2.8rem 4.6rem; } }

.modal-header .back { padding: 0.3rem; margin: -0.2rem 0 0 -0.3rem; outline: none; background-color: transparent; border: 0; }

.modal-header .back:not(:disabled):not(.disabled) { cursor: pointer; }

.modal-header .back > img { width: 1.3rem; height: 2.6rem; }

@media (min-width: 576px) { .modal-header .back > img { width: 1.7rem; height: 3.4rem; } }

.modal-title { font-size: 2.0rem; line-height: 1.4; color: #ea5e00; width: 100%; text-align: center; }

.modal-nav .modal-title { margin-right: -3.5rem; }

@media (min-width: 576px) { .modal-title { font-size: 2.3rem; }
  .modal-nav .modal-title { font-size: 2.4rem; } }

.modal-title .icon { display: block; margin-bottom: 0.5rem; }

.modal-body { padding: 0; }

.modal-body .lead { text-align: center; font-size: 1.8rem; line-height: 1.67; }

.modal-search-nav-row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 12.8882% auto 9.62733%; width: 50%; max-width: 582px; justify-content: center; }

@media (min-width: 576px) { .modal-search-nav-row { width: auto; } }

.modal-search-nav-col { position: relative; width: 100%; min-height: 1px; padding-right: 15px; padding-left: 15px; }

@media (min-width: 576px) { .modal-search-nav-col { -webkit-box-flex: 0; -webkit-flex: 0 0 33.33333%; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; } }

.modal-search-nav-col:nth-child(2) { margin-top: .7rem; margin-bottom: .7rem; }

@media (min-width: 576px) { .modal-search-nav-col:nth-child(2) { margin-top: 0; margin-bottom: 0; } }

.modal-search-nav-col a, .modal-search-nav-col img { display: block; width: 100%; }

.modal-search-nav-col a { outline: 0; -webkit-transition: opacity 0.3s ease-out; transition: opacity 0.3s ease-out; }

.modal-search-nav-col a:hover { opacity: 0.8; }

.modal-search-nav-col img { height: auto; }

.modal-body-form { width: 100%; margin-left: auto; margin-right: auto; }

.modal-search-area .modal-body-form { text-align: center; max-width: 316px; }

.modal-search-layout .modal-body-form { max-width: 548px; }

.modal-search-price .modal-body-form { max-width: 494px; }

.modal-body-form .form-group { width: 100%; margin-top: 2.7rem; }

.form-control.form-search-input { border: none; -webkit-box-shadow: none; box-shadow: none; font-weight: bold; background-color: #e8eff9; color: #4d4d4d; text-align: center; line-height: 1; border-radius: 0.4rem; padding: 1.0rem; font-size: 2.4rem; }

.form-search-txt { color: #4d4d4d; font-size: 2.2rem; font-weight: bold; display: inline-block; line-height: 1; }

.btn.btn-search-form { background-color: #ea5e00; color: white; font-size: 2.1rem; width: 100%; }

.btn.btn-search-form:hover { background-color: white; color: #ea5e00; border-color: #ea5e00; }

@media (min-width: 576px) { .btn.btn-search-form { max-width: 330px; } }

.form-search-output { font-size: 1.5rem; color: #4d4d4d; font-weight: bold; line-height: 200%; }

.form-search-output .form-search-outputnum { font-size: 3.0rem; color: #ea5e00; vertical-align: bottom; padding: 0 1.8rem; }

.modal-search-area .lead { font-size: 1.8rem; line-height: 1.72; }

.modal-search-area .form-inline .form-group { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-bottom: 0; }

.modal-search-area .form-control.form-search-input { width: 31.01266%; }

.modal-search-area .form-search-txt { width: 13.92405%; }

.modal-search-area .form-search-txt:last-child { -webkit-box-flex: 1; -webkit-flex: 1 0 6.96203%; -ms-flex: 1 0 6.96203%; flex: 1 0 6.96203%; }

.modal-body-condition { margin-left: auto; margin-right: auto; max-width: 548px; }

.modal-search-layout legend, .modal-search-area legend, .modal-search-price legend { font-size: 1.5rem; line-height: 1; font-weight: bold; margin-bottom: 0.7rem; }

.btn-group-search-ldk .btn.btn-search + .btn.btn-search { margin-left: 0.4rem; }

.btn-group-search-ldk .btn-search { width: calc(25% - 0.3rem); }

.btn-group-search-option .btn.btn-search:nth-child(2) ~ .btn.btn-search { margin-top: 0.6rem; }

.btn-group-search-option .btn.btn-search:nth-child(odd) { margin-right: 0.2rem; margin-left: 0; }

.btn-group-search-option .btn.btn-search:nth-child(even) { margin-left: 0.2rem; }

.btn-group-search-option { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; /* .btn.btn-search + .btn.btn-search { margin-left: 0; } */ }

.btn-group-search-option .btn-search { width: calc(50% - 0.2rem); }

.modal-search-price .lead { font-size: 1.8rem; line-height: 1.72; }

.modal-search-price .form-inline .form-group { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-bottom: 0; }

.modal-search-price .form-control.form-search-input { max-width: 31.17409%; -webkit-box-flex: 1; -webkit-flex: 1 0 31.17409%; -ms-flex: 1 0 31.17409%; flex: 1 0 31.17409%; }

.modal-search-price .form-search-txt { width: 11.33603%; }

.modal-search-price .form-search-txt:nth-child(2) { -webkit-box-flex: 1; -webkit-flex: 1 0 11.33603%; -ms-flex: 1 0 11.33603%; flex: 1 0 11.33603%; }

.modal-search-price .form-search-txt:last-child { -webkit-box-flex: 1; -webkit-flex: 1 0 10.93117%; -ms-flex: 1 0 10.93117%; flex: 1 0 10.93117%; }