@import url(../bootstrap/css/bootstrap.min.css);
@import url(fontface.css);
.w-5 {
  width: 5vw !important; }

.w-6 {
  width: 6vw !important; }

.w-7 {
  width: 7vw !important; }

.w-8 {
  width: 8vw !important; }

.w-9 {
  width: 9vw !important; }

.w-10 {
  width: 10vw !important; }

.w-11 {
  width: 11vw !important; }

.w-12 {
  width: 12vw !important; }

.w-13 {
  width: 13vw !important; }

.w-14 {
  width: 14vw !important; }

.w-15 {
  width: 15vw !important; }

.w-16 {
  width: 16vw !important; }

.w-17 {
  width: 17vw !important; }

.w-18 {
  width: 18vw !important; }

.w-19 {
  width: 19vw !important; }

.w-20 {
  width: 20vw !important; }

.w-21 {
  width: 21vw !important; }

.w-22 {
  width: 22vw !important; }

.w-23 {
  width: 23vw !important; }

.w-24 {
  width: 24vw !important; }

.w-25 {
  width: 25vw !important; }

.w-26 {
  width: 26vw !important; }

.w-27 {
  width: 27vw !important; }

.w-28 {
  width: 28vw !important; }

.w-29 {
  width: 29vw !important; }

.w-30 {
  width: 30vw !important; }

.w-40 {
  width: 40vw !important; }

.w-50 {
  width: 50vw !important; }

@media (max-width: 768px) {
  .w-5 {
    width: 10vw !important; }
  .w-6 {
    width: 12vw !important; }
  .w-7 {
    width: 14vw !important; }
  .w-8 {
    width: 16vw !important; }
  .w-9 {
    width: 18vw !important; }
  .w-10 {
    width: 20vw !important; }
  .w-11 {
    width: 22vw !important; }
  .w-12 {
    width: 24vw !important; }
  .w-13 {
    width: 26vw !important; }
  .w-14 {
    width: 28vw !important; }
  .w-15 {
    width: 30vw !important; }
  .w-16 {
    width: 32vw !important; }
  .w-17 {
    width: 34vw !important; }
  .w-18 {
    width: 36vw !important; }
  .w-19 {
    width: 38vw !important; }
  .w-20 {
    width: 40vw !important; }
  .w-21 {
    width: 42vw !important; }
  .w-22 {
    width: 44vw !important; }
  .w-23 {
    width: 46vw !important; }
  .w-24 {
    width: 48vw !important; }
  .w-25 {
    width: 50vw !important; }
  .w-26 {
    width: 52vw !important; }
  .w-27 {
    width: 54vw !important; }
  .w-28 {
    width: 56vw !important; }
  .w-29 {
    width: 58vw !important; }
  .w-30 {
    width: 60vw !important; }
  .w-40 {
    width: 80vw !important; }
  .w-50 {
    width: 100vw !important; } }

@media (max-width: 575px) {
  .w-5 {
    width: 15vw !important; }
  .w-6 {
    width: 18vw !important; }
  .w-7 {
    width: 21vw !important; }
  .w-8 {
    width: 24vw !important; }
  .w-9 {
    width: 27vw !important; }
  .w-10 {
    width: 30vw !important; }
  .w-11 {
    width: 33vw !important; }
  .w-12 {
    width: 36vw !important; }
  .w-13 {
    width: 39vw !important; }
  .w-14 {
    width: 42vw !important; }
  .w-15 {
    width: 45vw !important; }
  .w-16 {
    width: 48vw !important; }
  .w-17 {
    width: 51vw !important; }
  .w-18 {
    width: 54vw !important; }
  .w-19 {
    width: 57vw !important; }
  .w-20 {
    width: 60vw !important; } }

/* ---------------------------------------------------------------- general selector
---------------------------------------------------------------------------------- */
* {
  outline: 0 !important; }

::-webkit-input-placeholder {
  color: #999; }

:-moz-placeholder {
  /* Firefox 18- */
  color: #999; }

::-moz-placeholder {
  /* Firefox 19+ */
  color: #999; }

:-ms-input-placeholder {
  color: #999; }

body {
  background: #fff;
  color: #555;
  font-family: 'DB Helvethaica X';
  font-size: 1.14583vw;
  line-height: 1.25vw;
  overflow-x: hidden; }

p, div, ul, ol, li, a, label {
  margin: 0;
  position: relative; }

ul, ol, li {
  list-style: none;
  margin: 0;
  padding: 0; }

a, a:hover, a:focus {
  color: #fff;
  cursor: pointer;
  text-decoration: none; }

.clearfix:before,
.clearfix:after {
  display: table;
  content: " "; }

.clearfix:after {
  clear: both;
  height: 0;
  line-height: 0;
  font-size: 0; }

div, p, li, a, input, textarea, select, label, span, strong {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

strong {
  font-family: 'DB Helvethaica X Med';
  font-style: normal;
  font-weight: 400; }

em {
  font-family: 'DB Helvethaica X Med';
  font-style: normal;
  font-weight: 400; }

img {
  max-width: 100%; }

.hide {
  position: absolute;
  left: -9998px; }

.scroll-pane {
  line-height: 1px;
  overflow: auto; }

label, input, .block {
  display: block; }

.form-control {
  background: #fff;
  border: #b7b7b7 1px solid;
  color: #999 !important;
  display: block;
  font-family: 'DB Helvethaica X';
  font-style: italic;
  font-size: 18px;
  line-height: 36px;
  padding: 0 10px;
  width: 100%;
  max-width: 100%;
  height: 34px;
  border-radius: 3px; }

.form-control::-webkit-input-placeholder {
  color: #999 !important; }

.form-control:-moz-placeholder {
  /* Firefox 18- */
  color: #999 !important; }

.form-control::-moz-placeholder {
  /* Firefox 19+ */
  color: #999 !important; }

.form-control:-ms-input-placeholder {
  color: #999 !important; }

input[type="file"].form-control {
  background: none;
  border: 0;
  width: auto; }

select.form-control {
  padding-right: 20px; }

select.form-control:not([size]):not([multiple]) {
  height: 34px; }

textarea.form-control {
  line-height: 0.83333vw;
  padding: 9px 10px; }

.browse {
  background: url(../img/button/browse.png) no-repeat 0 center;
  cursor: pointer;
  overflow: hidden;
  width: 119px;
  height: 40px; }
  .browse input {
    cursor: pointer;
    opacity: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0; }

.form-check {
  margin: 0 10px 10px 0; }

.form-check-input {
  margin-top: 13px; }

.form-check-inline + .form-check-inline {
  margin-left: 0; }

.form-check .form-control,
.form-check .form-control + .form-check-label {
  margin: 0 0 0 10px; }

.form-check-inline span {
  color: #999;
  font-size: 0.9375vw;
  font-weight: 700;
  line-height: 0.83333vw; }

.submit,
.reset {
  background: #f00;
  border: #f00 2px solid;
  color: #fff;
  cursor: pointer;
  font-size: 24px;
  line-height: 40px;
  text-align: center;
  width: 100%;
  height: 44px;
  border-radius: 4px; }
  .submit span,
  .reset span {
    display: block;
    line-height: 42px;
    height: 100%; }

.reset {
  background: #fff;
  color: #f00; }

.visible__desktop {
  display: block !important; }

.visible__mobile {
  display: none !important; }

.color__red {
  color: #ed2b33 !important;
  display: inline !important; }

.color__blue {
  color: #276fd3 !important;
  display: inline !important; }

.color__blue-hard {
  color: #1b66ce !important;
  display: inline !important; }

.color__blue-light {
  color: #24a7e8 !important;
  display: inline !important; }

.color__000 {
  color: #000 !important; }

.color__555 {
  color: #555 !important; }

.color__999 {
  color: #999 !important; }

.fancybox-navigation {
  height: 100%; }

.dropdown-toggle::after {
  -webkit-transform: translate(0, 4px);
  -ms-transform: translate(0, 4px);
  transform: translate(0, 4px); }

/* ------------------------------------------------------------------ frequency used
---------------------------------------------------------------------------------- */
/* frequency used > container
---------------------------------------------------------------------------------- */
[id^="box__"] {
  padding-top: 2.08333vw;
  padding-bottom: 4.16667vw; }

[id^="box__"] .container {
  width: 87.5%;
  max-width: 100%; }

/* frequency used > head__section
---------------------------------------------------------------------------------- */
.head__section {
  background: url(../img/bg/color__ed1b2f.gif) no-repeat center bottom !important;
  background-size: 7.29167vw 0.26042vw !important;
  color: #000 !important;
  font-family: "DB Helvethaica X Med" !important;
  font-size: 4.16667vw !important;
  line-height: 4.27083vw !important;
  margin-bottom: 3.125vw !important;
  padding-bottom: 0.26042vw !important;
  text-align: center !important; }
  .head__section span {
    display: block !important; }
  .head__section em {
    color: #333 !important;
    display: block !important;
    font-family: "DB Helvethaica X" !important;
    font-size: 2.60417vw !important;
    line-height: 2.60417vw !important;
    margin-top: -0.52083vw !important;
    padding-bottom: 0.52083vw !important; }

/* frequency used > find-my-location
---------------------------------------------------------------------------------- */
.find-my-location a {
  background: #f0f0f0;
  color: #333;
  display: inline-block;
  padding: 0 25px;
  vertical-align: top;
  height: 40px;
  border-radius: 40px; }
  .find-my-location a:hover {
    color: #333; }

.find-my-location span {
  background: url(../img/icon/find-my-location.png) no-repeat 0 center;
  background-size: auto 24px;
  display: block;
  font-size: 24px;
  line-height: 42px;
  padding-left: 28px; }

/* frequency used > box__filter-info
---------------------------------------------------------------------------------- */
.box__filter-info {
  border-bottom: #333 1px solid;
  margin-bottom: 70px;
  padding-bottom: 10px; }

.box__filter-info .text {
  color: #333;
  font-family: 'DB Helvethaica X Bd';
  font-size: 20px;
  margin-right: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 0; }

.box__filter-info .form-control {
  display: inline-block;
  font-size: 20px;
  line-height: 42px;
  vertical-align: middle;
  width: auto;
  min-width: 18.75vw;
  height: 40px; }

.box__filter-info select.form-control,
.box__filter-info select.form-control:not([size]):not([multiple]) {
  min-width: 220px;
  height: 40px; }

.box__filter-info .form-inline:nth-of-type(2) {
  position: absolute;
  top: 0;
  right: 0; }

.box__filter-info .month select.form-control {
  min-width: 160px; }

.box__filter-info .year select.form-control {
  min-width: 120px; }

.box__filter-info .reset,
.box__filter-info .submit {
  font-family: 'DB Helvethaica X Med';
  font-size: 20px;
  padding: 0 15px;
  text-align: center;
  width: auto;
  height: 40px; }

.box__filter-info .btn-search span {
  background: url(../img/icon/search-2.png) no-repeat 0 center;
  display: inline-block;
  line-height: 36px;
  padding-left: 25px;
  vertical-align: top; }

.box__filter-info .filter-result {
  color: #999;
  font-size: 18px;
  line-height: 20px;
  z-index: 10;
  position: absolute;
  bottom: -30px;
  right: 0; }

/* frequency used > box__share-in-list
---------------------------------------------------------------------------------- */
.box__share-in-list .fb,
.box__share-in-list .twitter {
  display: inline-block;
  text-indent: -9998px;
  vertical-align: top;
  margin-left: 10px;
  width: 2.13542vw;
  height: 2.13542vw; }

.box__share-in-list .fb {
  background: url(../img/icon/fb-2.png) no-repeat;
  background-size: 2.13542vw auto; }

.box__share-in-list .twitter {
  background: url(../img/icon/twitter.png) no-repeat;
  background-size: 2.13542vw auto; }

/* frequency used > box__paging
---------------------------------------------------------------------------------- */
.box__paging {
  margin-bottom: 40px;
  text-align: center; }

.box__paging .list li {
  color: #cacaca;
  display: inline-block;
  line-height: 34px;
  vertical-align: top; }

.box__paging .list a {
  color: #cacaca;
  display: block;
  font-size: 22px;
  line-height: 24px;
  padding: 5px 10px; }

.box__paging .list span {
  border-bottom: #fff 1px solid; }

.box__paging .list .active a {
  color: #ed1b2f; }

.box__paging .list .active span {
  border-bottom: #000 1px solid; }

.box__paging .list .prev a,
.box__paging .list .next a {
  background: url(../img/button/prev-3.png) no-repeat center center;
  text-indent: -9998px;
  width: 36px;
  height: 34px; }

.box__paging .list .next a {
  background: url(../img/button/next-3.png) no-repeat center center; }

.box__paging .link {
  display: inline-block;
  vertical-align: top; }

.box__paging .text {
  color: #393939;
  font-size: 1.5625vw;
  line-height: 1.66667vw;
  padding: 0 0.52083vw; }
  .box__paging .text span {
    background: url(../img/bullet/arrow__red-1.png) no-repeat right center;
    display: inline-block;
    padding: 0.26042vw 1.875vw 0.26042vw 0;
    vertical-align: top; }

.box__paging .page {
  border-top: #d4d4d4 2px solid;
  color: #cacaca;
  font-size: 22px;
  line-height: 24px;
  padding-top: 10px;
  text-align: center;
  z-index: 10;
  width: 100%;
  position: absolute;
  bottom: -40px;
  left: 0; }

/* frequency used > box__btn
---------------------------------------------------------------------------------- */
.box__btn {
  text-align: center; }

.box__btn .add,
.box__btn .prev,
.box__btn .confirm,
.box__btn .submit,
.box__btn .reset,
.box__btn .back,
.box__btn .back  {
  background: #f00;
  border: #f00 2px solid;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-size: 24px;
  line-height: 40px;
  margin: 0 5px;
  text-align: center;
  text-decoration: none;
  vertical-align: top;
  width: 160px;
  height: 44px;
  border-radius: 4px; }

.box__btn .back {
  line-height: 26px;
  padding: 8px 30px 4px;
  width: auto;
  height: auto; }				 
.box__btn .prev,
.box__btn .reset {
  background: #b5b5b5;
  border: #b5b5b5 2px solid; }

.box__btn span {
  display: block;
  line-height: 42px;
  height: 100%; }

.box__btn .back span {
  line-height: 26px; }


.box__btn .disable {
  opacity: .5; }

/* frequency used > box__info-recommend
---------------------------------------------------------------------------------- */
.box__info-recommend {
  margin: 0 auto;
  padding: 0 0 2.08333vw;
  width: 87.5%; }

.box__info-recommend .head__info {
  background: url(../img/bg/color__ed1b2f.gif) no-repeat center bottom;
  background-size: 6.77083vw 1px;
  color: #333;
  font-family: 'DB Helvethaica X Med';
  font-size: 2.60417vw;
  line-height: 2.60417vw;
  margin-bottom: 1.04167vw;
  padding-bottom: 0.26042vw;
  text-align: center; }

.box__info-recommend .slider {
  margin: 0 3.125vw; }

.box__info-recommend .slider .item {
  padding: 0 0.52083vw; }

.box__info-recommend .slider a {
  display: block; }

.box__info-recommend .slider .pic img {
  display: block;
  width: 100%; }

.box__info-recommend .slider .info {
  background: rgba(0, 0, 0, 0.6);
  padding: 4.6875vw 0 0;
  z-index: 10;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0; }

.box__info-recommend .slider .date {
  margin-bottom: 0.52083vw; }
  .box__info-recommend .slider .date span {
    background: #ed1b2f;
    color: #fff;
    display: inline-block;
    font-size: 1.14583vw;
    line-height: 1.25vw;
    padding: 2px 1.04167vw;
    vertical-align: top; }

.box__info-recommend .slider .description {
  color: #fff;
  font-size: 1.25vw;
  line-height: 1.35417vw;
  overflow: hidden;
  padding: 0 1.04167vw;
  height: 4.0625vw; }

.box__info-recommend .slick-prev,
.box__info-recommend .slick-prev:hover,
.box__info-recommend .slick-next {
  background: url(../img/button/prev-1.png) no-repeat center center;
  background-size: 2.70833vw auto;
  text-indent: -9998px;
  z-index: 10;
  width: 3.125vw;
  height: 3.125vw;
  left: -2.86458vw; }

.box__info-recommend .slick-next,
.box__info-recommend .slick-next:hover {
  background: url(../img/button/next-1.png) no-repeat center center;
  background-size: 2.70833vw auto;
  left: auto;
  right: -2.86458vw; }

.box__info-recommend .slick-prev.slick-disabled,
.box__info-recommend .slick-prev.slick-disabled:hover {
  background: url(../img/button/prev-2.png) no-repeat center center;
  background-size: 2.70833vw auto; }

.box__info-recommend .slick-next.slick-disabled,
.box__info-recommend .slick-next.slick-disabled:hover {
  background: url(../img/button/next-2.png) no-repeat center center;
  background-size: 2.70833vw auto; }

/* frequency used > captcha
---------------------------------------------------------------------------------- */
.captcha .pic,
.captcha .refresh,
.captcha .form-control {
  display: inline-block;
  vertical-align: top; }

.captcha .pic {
  background: #fff;
  border: #b7b7b7 1px solid;
  overflow: hidden;
  height: 40px;
  border-radius: 3px; }

.captcha .refresh {
  background: url(../img/button/refresh.png) no-repeat center center;
  text-indent: -9998px;
  width: 40px;
  height: 40px; }

.captcha .form-control {
  width: 150px; }

/* frequency used > form bootstrap
---------------------------------------------------------------------------------- */
.form-group {
  margin-bottom: 15px; }

.form-check {
  margin-bottom: 0; }

.form-check .form-control {
  display: inline-block;
  vertical-align: top; }

.form-check-label {
  color: #333;
  display: inline-block;
  font-size: 24px;
  line-height: 40px;
  vertical-align: top; }

.col-form-label {
  color: #333;
  font-size: 24px;
  line-height: 34px;
  margin: 0;
  padding: 0;
  text-align: right; }
  .col-form-label em {
    color: #f00;
    font-style: normal; }

.form-control-plaintext {
  background: none;
  border: 0;
  padding: 0; }

textarea.form-control-plaintext {
  line-height: 0.83333vw;
  padding: 9px 10px; }

/* frequency used > print-and-forward
---------------------------------------------------------------------------------- */
.print-and-forward .print,
.print-and-forward .forward {
  background: #ebebeb;
  color: #393939;
  display: inline-block;
  font-family: 'DB Helvethaica X Med';
  font-size: 24px;
  margin: 0 15px 15px;
  padding: 0 30px;
  vertical-align: top;
  height: 46px;
  border-radius: 46px; }

.print-and-forward .print span {
  background: url(../img/icon/print.png) no-repeat 0 center;
  display: block;
  line-height: 48px;
  padding-left: 40px;
  height: 100%; }

.print-and-forward .forward span {
  background: url(../img/icon/forward.png) no-repeat 0 center;
  display: block;
  line-height: 48px;
  padding-left: 45px;
  height: 100%; }

/* frequency used > tooltip
---------------------------------------------------------------------------------- */
.bs-tooltip-auto[x-placement^=bottom] .arrow::before,
.bs-tooltip-bottom .arrow::before {
  border-bottom-color: #636364; }

.tooltip {
  margin: -12px 0 0; }

.tooltip .arrow {
  left: 50% !important;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%); }

.tooltip .tooltip-inner {
  background: #636364;
  color: #fff;
  display: block;
  font-family: 'DB Helvethaica X';
  font-size: 1.25vw;
  line-height: 1.35417vw;
  padding: 0.52083vw 1.5625vw 0.625vw;
  border-radius: 30px; }

/* frequency used > dropdown
---------------------------------------------------------------------------------- */
.ui-front {
  z-index: 10000; }

.ui-selectmenu-button.ui-button {
  background: #eee;
  border: 0;
  margin: 0;
  padding: 0 10px;
  width: 250px;
  height: 40px;
  border-radius: 0; }

.ui-menu .ui-menu-item-wrapper {
  color: #999;
  font-family: 'DB Helvethaica X Med';
  font-size: 1.14583vw;
  line-height: 1.25vw;
  padding: 8px 10px; }

.ui-selectmenu-text {
  color: #999;
  font-family: 'DB Helvethaica X Med';
  font-size: 1.14583vw;
  line-height: 41px;
  height: 40px; }

.ui-widget-content,
.ui-widget.ui-widget-content {
  background: none;
  border: 0;
  border-radius: 0; }

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
.ui-button:active, .ui-button:active,
.ui-button.ui-state-active:hover {
  background: none;
  border: 0;
  color: #999; }

/* -------------------------------------------------------------------------- header
---------------------------------------------------------------------------------- */
#header {
  background: #fff;
  border-bottom: #cacaca 1px solid;
  z-index: 150; }

#header #logo__toyota {
  background: url(../img/icon/logo__toyota.png) no-repeat;
  background-size: 100% auto;
  text-indent: -9998px;
  z-index: 50;
  width: 10.15625vw;
  height: 4.32292vw;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%); }
  #header #logo__toyota a {
    display: block;
    width: 100%;
    height: 100%; }

/* header > nav__main
---------------------------------------------------------------------------------- */
#header #nav__main {
  height: 5.20833vw; }
  #header #nav__main .toggle--nav__main {
    display: none; }

#header #nav__main .nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  height: 5.20833vw;
  position: absolute;
  top: 0;
  right: 0; }

/* header > nav__main > box__main
---------------------------------------------------------------------------------- */
#header #nav__main .box__main {
  background: url(../img/bg/color__d0d0d0.gif) no-repeat right center;
  background-size: 1px 80%; }

#header #nav__main .box__main > .list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap; }
  #header #nav__main .box__main > .list > li > a {
    color: #000;
    display: block;
    font-size: 1.25vw;
    padding: 1.97917vw 1.30208vw 0;
    height: 5.20833vw; }
    #header #nav__main .box__main > .list > li > a span {
      display: inline-block;
      padding: 0;
      vertical-align: top; }
  #header #nav__main .box__main > .list > li.active, #header #nav__main .box__main > .list > li:hover {
    background: #474747; }
    #header #nav__main .box__main > .list > li.active > a, #header #nav__main .box__main > .list > li:hover > a {
      color: #fff; }
      #header #nav__main .box__main > .list > li.active > a span, #header #nav__main .box__main > .list > li:hover > a span {
        background: url(../img/bg/color__ed1b2f.gif) no-repeat center bottom;
        background-size: 100% 0.20833vw; }
    #header #nav__main .box__main > .list > li.active .detail, #header #nav__main .box__main > .list > li:hover .detail {
      display: block; }

#header #nav__main .box__main .detail {
  display: none;
  z-index: 20;
  width: 42.70833vw;
  position: absolute;
  top: 5.20833vw;
  left: 15px; }

#header #nav__main .leasing .col-lg-6 {
  background: #474747;
  padding: 0; }

#header #nav__main .leasing .col-lg-6:last-child {
  background: #393939; }

#header #nav__main #service .col-lg-5:last-child {
  background: #474747; }

#header #nav__main .leasing .info {
  padding: 1.04167vw; }

#header #nav__main .leasing .head__info {
  color: #ed1b2f;
  font-family: 'DB Helvethaica X Med';
  font-size: 28px;
  line-height: 32px;
  margin-bottom: 5px;
  padding: 0 1.04167vw; }

#header #nav__main .leasing .list {
  margin-bottom: 1.04167vw;
  padding-left: 1.04167vw; }
  #header #nav__main .leasing .list > li {
    margin-bottom: 0.78125vw; }
    #header #nav__main .leasing .list > li:last-child {
      margin-bottom: 0; }
  #header #nav__main .leasing .list a {
    color: #fff;
    font-size: 1.14583vw;
    line-height: 1.25vw; }
  #header #nav__main .leasing .list span {
    border-bottom: #fff 1px solid;
    color: #fff;
    display: inline-block;
    line-height: 0.83333vw;
    vertical-align: top; }

#header #nav__main .leasing .list .sub a {
  background: url(../img/bullet/arrow__white-1.png) no-repeat 0 center;
  font-family: 'DB Helvethaica X Thin';
  padding: 0 0 0 10px; }

#header #nav__main .leasing .register-leasing {
  background: url(../img/bg/dot__grey-1.png) repeat-x;
  padding: 1.04167vw 0 0; }
  #header #nav__main .leasing .register-leasing .link {
    display: block; }

/* header > nav__main > box__shortcut
---------------------------------------------------------------------------------- */
#header #nav__main .box__shortcut {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap; }

#header #nav__main .shortcut__calculate .toggle,
#header #nav__main .shortcut__contact .toggle,
#header #nav__main .shortcut__search .toggle {
  display: block;
  text-indent: -9998px;
  width: 5.41667vw;
  height: 100%;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease; }

#header #nav__main .shortcut__calculate .toggle {
  background: url(../img/icon/calculate-leasing-1.png) no-repeat center center #fff;
  background-size: 2.60417vw auto; }

#header #nav__main .shortcut__contact .toggle {
  background: url(../img/icon/contact-1.png) no-repeat center center #fff;
  background-size: 2.60417vw auto; }

#header #nav__main .shortcut__search .toggle {
  background: url(../img/icon/search-1.png) no-repeat center center #fff;
  background-size: 2.60417vw auto; }

#header #nav__main .shortcut__calculate .detail {
  background: #474747;
  display: none;
  padding: 10px;
  z-index: 20;
  width: 390px;
  position: absolute;
  top: 5.20833vw;
  right: 0; }

#header #nav__main .box__calculate {
  background: #fff;
  padding: 25px 0 25px 15px;
  border-radius: 0.26042vw; }

#header #nav__main .box__calculate .head__info {
  background: url(../img/icon/calculate-leasing-2.png) no-repeat 0 3px;
  background-size: 36px auto;
  margin-bottom: 10px;
  padding-left: 46px;
  padding-bottom: 5px; }
  #header #nav__main .box__calculate .head__info span {
    background: url(../img/bg/color__ed1b2f.gif) no-repeat 0 bottom;
    background-size: 55px 3px;
    color: #ed1b2f;
    display: inline-block;
    font-family: 'DB Helvethaica X Med Cond';
    font-size: 36px;
    line-height: 38px;
    padding: 0;
    vertical-align: top; }

#header #nav__main .box__calculate .subhead {
  margin-bottom: 20px; }
  #header #nav__main .box__calculate .subhead span {
    color: #555;
    display: block;
    font-size: 20px;
    line-height: 20px; }
  #header #nav__main .box__calculate .subhead em {
    color: #999;
    display: block;
    font-size: 22px;
    line-height: 22px;
    font-style: italic; }

#header #nav__main .box__calculate .or {
  color: #999;
  font-style: italic;
  font-size: 20px;
  line-height: 20px;
  margin-top: -5px;
  margin-bottom: -5px;
  text-align: center; }

#header #nav__main .box__calculate .unit {
  line-height: 30px;
  margin-left: -15px; }

#header #nav__main .box__calculate .col-form-label .text {
  font-size: 20px;
  padding-left: 15px;
  width: 100%;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%); }

#header #nav__main .box__calculate .col-form-label span {
  display: block;
  line-height: 18px; }

#header #nav__main .box__calculate .submit-and-reset {
  margin-top: 25px;
  margin-right: 0; }

#header #nav__main .shortcut__search .detail {
  background: #474747;
  display: none;
  padding: 20px;
  z-index: 20;
  width: 720px;
  position: absolute;
  top: 5.20833vw;
  right: 0; }

#header #nav__main .shortcut__search .form-group {
  margin: 0; }

#header #nav__main .shortcut__search .form-control {
  font-size: 1.875vw;
  font-style: normal;
  line-height: 45px;
  padding: 0 20px;
  height: 44px;
  border-radius: 44px; }

#header #nav__main .shortcut__search .submit {
  z-index: 10;
  width: 130px;
  position: absolute;
  top: 0;
  right: -1px;
  border-radius: 60px; }

#header #nav__main .shortcut__calculate.active .toggle {
  background: url(../img/icon/calculate-leasing-1-active.png) no-repeat center center #474747;
  background-size: 2.60417vw auto; }

#header #nav__main .shortcut__contact.active .toggle {
  background: url(../img/icon/contact-1-active.png) no-repeat center center #474747;
  background-size: 2.60417vw auto; }

#header #nav__main .shortcut__search.active .toggle {
  background: url(../img/icon/search-1-active.png) no-repeat center center #474747;
  background-size: 2.60417vw auto; }

/* header > nav__main > box__about
---------------------------------------------------------------------------------- */
#header #nav__main .box__about .toggle {
  color: #fff; }

#header #nav__main .box__about .toggle {
  background: #ed1b2f;
  display: block;
  padding: 0 1.04167vw;
  text-align: center;
  height: 100%;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease; }
  #header #nav__main .box__about .toggle span {
    background: url(../img/icon/bar__white-1.png) no-repeat 0 center;
    color: #fff;
    display: inline-block;
    font-size: 1.25vw;
    line-height: 5.20833vw;
    padding-left: 35px;
    vertical-align: top; }

#header #nav__main .box__about .detail {
  background: #474747;
  display: none;
  z-index: 20;
  width: 350px;
  position: absolute;
  top: 5.20833vw;
  right: 0; }

#header #nav__main .box__about .accordion {
  border-bottom: #595959 1px solid; }

#header #nav__main .box__about .head {
  cursor: pointer;
  padding: 0 1.04167vw 0 0; }
  #header #nav__main .box__about .head .text {
    background: url(../img/button/dropdown-down-1.png) no-repeat right center;
    color: #fff;
    display: block;
    font-size: 1.25vw;
    line-height: 1.35417vw;
    padding: 1.04167vw 27px 0.9375vw 1.04167vw; }

#header #nav__main .box__about .info {
  padding: 0 1.04167vw 1.04167vw; }

#header #nav__main .box__about .list {
  padding-left: 1.04167vw; }
  #header #nav__main .box__about .list > li {
    margin-bottom: 0.78125vw; }
    #header #nav__main .box__about .list > li:last-child {
      margin-bottom: 0; }
  #header #nav__main .box__about .list a {
    color: #fff;
    display: block;
    font-size: 1.14583vw;
    line-height: 1.25vw; }
  #header #nav__main .box__about .list span {
    border-bottom: #fff 1px solid;
    display: inline-block;
    line-height: 0.83333vw;
    /*vertical-align: top;*/ }

#header #nav__main .box__about .list .sub a {
  background: url(../img/bullet/arrow__white-1.png) no-repeat 0 center;
  padding: 0 0 0 10px; }

#header #nav__main .box__about.active .toggle {
  background: #474747; }

#header #nav__main .box__about .open .text {
  background: url(../img/button/dropdown-up-1.png) no-repeat right center;
  color: #ed1b2f; }

/* ----------------------------------------------------------------------- box__home
---------------------------------------------------------------------------------- */
#box__home {
  padding: 0; }

/* box__home > box__calculate
---------------------------------------------------------------------------------- */
#box__home .box__calculate {
  background: #fff;
  padding: 15px 0 15px 15px;
  z-index: 20;
  width: 390px;
  position: absolute;
  top: 15px;
  left: 10px;
  border-radius: 0.26042vw; }

#box__home .box__calculate .head__info {
  background: url(../img/icon/calculate-leasing-2.png) no-repeat 0 3px;
  background-size: 36px auto;
  margin-bottom: 10px;
  padding-left: 46px;
  padding-bottom: 5px; }
  #box__home .box__calculate .head__info span {
    background: url(../img/bg/color__ed1b2f.gif) no-repeat 0 bottom;
    background-size: 55px 3px;
    color: #ed1b2f;
    display: inline-block;
    font-family: 'DB Helvethaica X Med Cond';
    font-size: 36px;
    line-height: 38px;
    padding: 0;
    vertical-align: top; }

#box__home .box__calculate .subhead {
  margin-bottom: 20px; }
  #box__home .box__calculate .subhead span {
    color: #555;
    display: block;
    font-size: 20px;
    line-height: 20px; }
  #box__home .box__calculate .subhead em {
    color: #999;
    display: block;
    font-size: 22px;
    line-height: 22px;
    font-style: italic; }

#box__home .box__calculate .or {
  color: #999;
  font-style: italic;
  font-size: 20px;
  line-height: 20px;
  margin-top: -5px;
  margin-bottom: -5px;
  text-align: center; }

#box__home .box__calculate .unit {
  line-height: 30px;
  margin-left: -15px; }

#box__home .box__calculate .col-form-label .text {
  font-size: 20px;
  padding-left: 15px;
  width: 100%;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%); }

#box__home .box__calculate .col-form-label span {
  display: block;
  line-height: 18px; }

#box__home .box__calculate .submit-and-reset {
  margin-top: 25px;
  margin-right: 0; }

/* box__home > box__key-visual
---------------------------------------------------------------------------------- */
#box__home .box__key-visual {
  margin: 0 0 2.08333vw; }

#box__home .box__key-visual .item {
  overflow: hidden;
  width: 100vw; }

#box__home .box__key-visual .item a {
  display: block;
  width: 100%;
  height: 100%; }

#box__home .box__key-visual .item img {
  display: block;
  width: auto;
  max-width: none;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }

#box__home .box__key-visual .slick-dots {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  padding: 0 0 0 5px;
  text-align: left;
  z-index: 10;
  bottom: 1.5625vw;
  left: 0; }
  #box__home .box__key-visual .slick-dots li {
    background: url(../img/bg/color__ffffff.gif) no-repeat;
    background-size: 100% 3px;
    margin: 0 5px;
    width: 50px;
    height: 19px;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease; }
  #box__home .box__key-visual .slick-dots button {
    display: none; }
  #box__home .box__key-visual .slick-dots .slick-active {
    background: url(../img/bg/color__ed1b2f.gif) no-repeat;
    background-size: 100% 9px; }

/* box__home > box__shortcut
---------------------------------------------------------------------------------- */
#box__home .box__shortcut {
  margin: 0 0 2.08333vw;
  text-align: center; }

#box__home .box__shortcut .link {
  background: url(../img/bg/color__ed1b2f.gif) no-repeat center bottom;
  background-size: 4.6875vw 0.26042vw;
  display: inline-block;
  margin: 0 2.60417vw;
  padding: 0 0 1.5625vw;
  vertical-align: top; }

#box__home .box__shortcut .pic {
  margin: 0 0 0.78125vw; }
  #box__home .box__shortcut .pic img {
    width: 11.77083vw;
    height: auto; }

#box__home .box__shortcut .text span {
  color: #333;
  display: block;
  font-family: 'DB Helvethaica X Med';
  font-size: 2.60417vw;
  line-height: 2.70833vw; }

#box__home .box__shortcut .text em {
  color: #f00;
  display: block;
  font-size: 2.60417vw;
  line-height: 2.08333vw; }

/* box__home > box__info
---------------------------------------------------------------------------------- */
#box__home .box__info .container {
  padding: 0 0 1.04167vw;
  width: auto;
  max-width: 100%; }

#box__home .box__info .col {
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
  padding: 0 0.52083vw; }

#box__home .box__info .col:nth-of-type(1) {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1; }

#box__home .box__info .col:nth-of-type(2) {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2; }

#box__home .box__info .col:nth-of-type(3) {
  -webkit-box-ordinal-group: 4;
  -ms-flex-order: 3;
  order: 3; }

#box__home .box__info .col:nth-of-type(4) {
  -webkit-box-ordinal-group: 5;
  -ms-flex-order: 4;
  order: 4; }

#box__home .box__info .col:nth-of-type(3) {
  width: 13%; }

#box__home .box__info .col:nth-of-type(1),
#box__home .box__info .col:nth-of-type(4) {
  width: 17%; }

#box__home .box__info .col:nth-of-type(2) {
  width: 53%; }

#box__home .box__info a {
  display: block; }

#box__home .box__info .pic img {
  display: block;
  width: 100%; }

#box__home .box__info .arrow {
  background: url(../img/button/arrow__white-1.png) no-repeat center center #f00;
  background-size: 1.77083vw auto;
  display: block;
  z-index: 10;
  width: 3.38542vw;
  height: 3.38542vw;
  position: absolute; }

#box__home .box__info .col:nth-of-type(1) a {
  height: 100%; }

#box__home .box__info .col:nth-of-type(1) .arrow {
  top: 0;
  right: 0; }

#box__home .box__info .col:nth-of-type(1) .text {
  color: #666;
  font-size: 1.66667vw;
  font-style: italic;
  line-height: 1.66667vw;
  padding: 0 0.52083vw;
  z-index: 10;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0; }
  #box__home .box__info .col:nth-of-type(1) .text span {
    background: url(../img/bg/color__red-1.gif) no-repeat 0 bottom;
    background-size: 6.77083vw 0.3125vw;
    display: block;
    padding: 0 0 2.08333vw; }

#box__home .box__info .col:nth-of-type(2) .head__info {
  margin-bottom: 1.04167vw; }
  #box__home .box__info .col:nth-of-type(2) .head__info span {
    display: block;
    font-size: 4.42708vw;
    line-height: 3.38542vw;
    text-align: right; }
    #box__home .box__info .col:nth-of-type(2) .head__info span:first-child {
      color: #f00; }

#box__home .box__info .col:nth-of-type(2) .vdo {
  padding: 0 0.52083vw;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0; }
  #box__home .box__info .col:nth-of-type(2) .vdo iframe {
    display: block;
    width: 100%;
    height: 28.95833vw; }

#box__home .box__info .col:nth-of-type(3) .pic-text {
  background: #ae0000; }
  #box__home .box__info .col:nth-of-type(3) .pic-text img {
    display: block;
    width: 100%; }

#box__home .box__info .col:nth-of-type(3) .arrow {
  bottom: 0;
  right: 0; }

#box__home .box__info .col:nth-of-type(4) .arrow {
  bottom: 0;
  left: 0; }

#box__home .box__info .col:nth-of-type(4) .head__info {
  background: url(../img/bg/color__red-1.gif) no-repeat right bottom #f6f6f6;
  background-size: 8.07292vw 0.46875vw;
  color: #333;
  font-family: 'DB Helvethaica X Med Cond';
  font-size: 2.91667vw;
  line-height: 6.5625vw;
  text-align: center;
  height: 6.5625vw; }

#box__home .box__info .box__register-e-news {
  padding: 0 0.52083vw;
  z-index: 10;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0; }

#box__home .box__info .box__register-e-news .head {
  color: #777;
  font-family: 'DB Helvethaica X Med Cond';
  font-size: 2.39583vw;
  line-height: 2.39583vw;
  margin: 0 0 1.04167vw; }

#box__home .box__info .box__register-e-news .form-group {
  margin: 0;
  padding-right: 5.98958vw; }

#box__home .box__info .box__register-e-news .textbox {
  background: none;
  border: 0;
  border-bottom: #ed1b2f 2px solid;
  color: #909090;
  font-size: 1.5625vw;
  font-style: normal;
  line-height: 3.75vw;
  height: 3.64583vw;
  border-radius: 0; }

#box__home .box__info .box__register-e-news .textbox::-webkit-input-placeholder {
  color: #909090; }

#box__home .box__info .box__register-e-news .textbox:-moz-placeholder {
  /* Firefox 18- */
  color: #909090; }

#box__home .box__info .box__register-e-news .textbox::-moz-placeholder {
  /* Firefox 19+ */
  color: #909090; }

#box__home .box__info .box__register-e-news .textbox:-ms-input-placeholder {
  color: #909090; }

#box__home .box__info .box__register-e-news .submit {
  border: 0;
  line-height: 3.64583vw;
  width: 5.72917vw;
  height: 3.64583vw;
  position: absolute;
  top: 0;
  right: 0; }
  #box__home .box__info .box__register-e-news .submit span {
    line-height: 3.64583vw; }

/* box__home > box__news
---------------------------------------------------------------------------------- */
#box__home .box__news {
  background: #f5f5f5;
  padding: 2.08333vw 2.08333vw 1.04167vw; }

#box__home .box__news .head__info {
  background: url(../img/bg/color__ed1b2f.gif) no-repeat center bottom;
  background-size: 6.77083vw 1px;
  color: #333;
  font-family: 'DB Helvethaica X Med';
  font-size: 2.60417vw;
  line-height: 2.60417vw;
  margin-bottom: 1.04167vw;
  padding-bottom: 0.26042vw;
  text-align: center; }

#box__home .box__news .slider {
  margin: 0 3.125vw; }

#box__home .box__news .slider .item {
  padding: 0 0.52083vw; }

#box__home .box__news .slider a {
  display: block; }

#box__home .box__news .slider .pic img {
  display: block;
  width: 100%; }

#box__home .box__news .slider .info {
  background: rgba(0, 0, 0, 0.6);
  padding: 4.6875vw 0 0;
  z-index: 10;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0; }

#box__home .box__news .slider .date {
  margin-bottom: 0.52083vw; }
  #box__home .box__news .slider .date span {
    background: #ed1b2f;
    color: #fff;
    display: inline-block;
    font-size: 1.14583vw;
    line-height: 1.25vw;
    padding: 2px 1.04167vw;
    vertical-align: top; }

#box__home .box__news .slider .description {
  color: #fff;
  font-size: 1.25vw;
  line-height: 1.35417vw;
  padding: 0 1.04167vw; }

#box__home .box__news .slick-prev,
#box__home .box__news .slick-next {
  background: url(../img/button/prev-1.png) no-repeat center center;
  background-size: 2.70833vw auto;
  text-indent: -9998px;
  z-index: 10;
  width: 3.125vw;
  height: 3.125vw;
  left: -2.86458vw; }

#box__home .box__news .slick-next {
  background: url(../img/button/next-1.png) no-repeat center center;
  background-size: 2.70833vw auto;
  left: auto;
  right: -2.86458vw; }

#box__home .box__news .slick-prev.slick-disabled {
  background: url(../img/button/prev-2.png) no-repeat center center;
  background-size: 2.70833vw auto; }

#box__home .box__news .slick-next.slick-disabled {
  background: url(../img/button/next-2.png) no-repeat center center;
  background-size: 2.70833vw auto; }

/* -------------------------------------------------------------------------- footer
---------------------------------------------------------------------------------- */
#footer {
  background: #ebebeb;
  padding: 1.04167vw; }

#footer .container {
  background: url(../img/bg/color__ed1b2f.gif) no-repeat;
  background-size: 100% 0.52083vw;
  margin: 0;
  padding: 2.60417vw 15px 0;
  width: auto;
  max-width: 100%; }

#footer .list__footer {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  width: 25%; }

#footer .list__footer > li {
  margin-bottom: 1.04167vw; }

#footer .list__footer a {
  color: #333;
  font-size: 1.25vw;
  line-height: 1.35417vw; }

#footer .list__footer .info {
  padding-left: 0.78125vw; }

#footer .list__footer .link-title {
  display: block;
  margin-bottom: 0.52083vw; }
  #footer .list__footer .link-title span {
    border-bottom: #464646 1px solid;
    display: inline-block;
    vertical-align: top; }

#footer .list__footer .sub {
  margin-bottom: 1.04167vw; }

#footer .list__footer .sub a {
  background: url(../img/bullet/arrow__black-1.png) no-repeat 0 center;
  padding: 0 0 0 10px; }

#footer .box__contact {
  background: url(../img/bg/color__ed1b2f.gif) no-repeat 0 bottom;
  background-size: 100% 2px;
  margin: 0 0 1.5625vw;
  padding: 0 0 1.5625vw; }

#footer .box__contact .tel {
  background: url(../img/icon/call-center.png) no-repeat 0 0.26042vw;
  background-size: 45px auto;
  color: #393939;
  display: block;
  padding-left: 55px; }
  #footer .box__contact .tel span {
    display: block;
    font-size: 2.03125vw;
    line-height: 2.13542vw; }
  #footer .box__contact .tel strong {
    display: block;
    font-size: 2.55208vw;
    /*line-height: 51 * $ratio;*/
    line-height: 3.2vw; }

#footer .box__contact .mail {
  background: url(../img/icon/mail.png) no-repeat 0 center;
  color: #393939;
  display: block;
  font-size: 2.08333vw;
  line-height: 45px;
  padding-left: 55px;
  height: 45px; }

#footer .box__share {
  margin: 0 0 3.125vw; }

#footer .box__share .text {
  color: #393939;
  display: inline-block;
  font-size: 1.5625vw;
  line-height: 2.65625vw;
  margin-right: 0.52083vw;
  vertical-align: top; }

#footer .box__share .fb,
#footer .box__share .youtube,
#footer .box__share .ig,
#footer .box__share .line {
  display: inline-block;
  margin-right: 0.52083vw;
  text-indent: -9998px;
  vertical-align: top;
  width: 2.60417vw;
  height: 2.65625vw; }

#footer .box__share .fb {
  background: url(../img/icon/fb.png) no-repeat;
  background-size: auto 2.65625vw; }

#footer .box__share .youtube {
  background: url(../img/icon/youtube.png) no-repeat;
  background-size: auto 2.65625vw; }

#footer .box__share .ig {
  background: url(../img/icon/ig.png) no-repeat;
  background-size: auto 2.65625vw; }

#footer .box__share .line {
  background: url(../img/icon/line.png) no-repeat;
  background-size: auto 2.65625vw; }

#footer .box__e-news {
  margin: 0 0 1.04167vw; }

#footer .box__e-news .head__info {
  background: url(../img/icon/e-news.png) no-repeat;
  background-size: 2.55208vw auto;
  color: #333;
  font-family: 'DB Helvethaica X Med Cond';
  font-size: 2.39583vw;
  line-height: 2.5vw;
  margin: 0 0 1.04167vw;
  padding-left: 3.07292vw; }

#footer .box__e-news .form-group {
  padding-right: 6.51042vw; }

#footer .box__e-news .textbox {
  background: none;
  border: 0;
  border-bottom: #ed1b2f 2px solid;
  color: #909090;
  font-size: 1.5625vw;
  font-style: normal;
  line-height: 3.75vw;
  height: 3.64583vw;
  border-radius: 0; }

#footer .box__e-news .textbox::-webkit-input-placeholder {
  color: #909090; }

#footer .box__e-news .textbox:-moz-placeholder {
  /* Firefox 18- */
  color: #909090; }

#footer .box__e-news .textbox::-moz-placeholder {
  /* Firefox 19+ */
  color: #909090; }

#footer .box__e-news .textbox:-ms-input-placeholder {
  color: #909090; }

#footer .box__e-news .submit {
  border: 0;
  line-height: 3.64583vw;
  width: 6.25vw;
  height: 3.64583vw;
  position: absolute;
  top: 0;
  right: 0; }
  #footer .box__e-news .submit span {
    line-height: 3.64583vw; }

#footer .copyright {
  color: #292929;
  font-size: 18px;
  line-height: 20px; }

@media (max-width: 1440px) and (min-width: 1280px) {
  /* ----------------------------------------------------------------------- font size
    ---------------------------------------------------------------------------------- */
  .tooltip .tooltip-inner,
  #header #nav__main .box__about .head .text,
  #box__home .box__news .slider .description,
  #footer .list__footer a {
    font-size: 20px;
    line-height: 22px; }
  body,
  .ui-menu .ui-menu-item-wrapper,
  #header #nav__main .leasing .list a,
  #header #nav__main .box__about .list a,
  #box__home .box__news .slider .date span {
    font-size: 19px;
    line-height: 21px; }
  #header #nav__main .box__main > .list > li > a,
  #header #nav__main .box__about .toggle span {
    font-size: 20px; }
  #header #nav__main .leasing .list span,
  #header #nav__main .box__about .list span {
    line-height: 16px; }
  /* frequency used > tooltip
    ---------------------------------------------------------------------------------- */
  .tooltip {
    margin-left: 4px; }
  /* -------------------------------------------------------------------------- header
    ---------------------------------------------------------------------------------- */
  #header #nav__main .box__main > .list > li > a {
    padding: 1.73611vw 1.38889vw 0; } }

@media (max-width: 1440px) {
  .submit, .reset,
  .col-form-label,
  .form-check-label {
    font-size: 22px; } }

@media (max-width: 1366px) and (min-width: 1280px) {
  #box__home .box__news .slider .description {
    font-family: 'DB Helvethaica X Thin'; }
  /* -------------------------------------------------------------------------- header
    ---------------------------------------------------------------------------------- */
  #header #logo__toyota {
    background: url(../img/icon/logo__toyota-notebook.png) no-repeat;
    background-size: 100% auto; }
  #header #nav__main .shortcut__calculate .toggle {
    background: url(../img/icon/calculate-leasing-1-notebook.png) no-repeat center center #fff;
    background-size: 35px auto; }
  #header #nav__main .shortcut__contact .toggle {
    background: url(../img/icon/contact-1-notebook.png) no-repeat center center #fff;
    background-size: 35px auto; }
  #header #nav__main .shortcut__search .toggle {
    background: url(../img/icon/search-1-notebook.png) no-repeat center center #fff;
    background-size: 35px auto; }
  #header #nav__main .shortcut__calculate.active .toggle {
    background: url(../img/icon/calculate-leasing-1-active-notebook.png) no-repeat center center #474747;
    background-size: 35px auto; }
  #header #nav__main .shortcut__contact.active .toggle {
    background: url(../img/icon/contact-1-active-notebook.png) no-repeat center center #474747;
    background-size: 35px auto; }
  #header #nav__main .shortcut__search.active .toggle {
    background: url(../img/icon/search-1-active-notebook.png) no-repeat center center #474747;
    background-size: 35px auto; } }

@media (max-width: 1024px) {
  /* ------------------------------------------------------------------ frequency used
    ---------------------------------------------------------------------------------- */
  /* frequency used > container
    ---------------------------------------------------------------------------------- */
  [id^="box__"] {
    padding-top: 3.90625vw;
    padding-bottom: 7.8125vw; }
  /* frequency used > container
    ---------------------------------------------------------------------------------- */
  [id^=box__] .container {
    width: 100%; }
  .col-form-label {
    padding: 0 15px; }
  /* frequency used > head__section
    ---------------------------------------------------------------------------------- */
  .head__section {
    background: url(../img/bg/color__ed1b2f.gif) no-repeat center bottom !important;
    background-size: 13.67188vw 0.48828vw !important;
    font-size: 6.83594vw !important;
    line-height: 7.03125vw !important;
    margin-bottom: 3.90625vw !important;
    padding-bottom: 0.48828vw !important; }
    .head__section em {
      font-size: 3.90625vw !important;
      line-height: 3.90625vw !important;
      margin-top: -0.97656vw !important;
      padding-bottom: 0.97656vw !important; }
  /* frequency used > box__filter-info
    ---------------------------------------------------------------------------------- */
  .box__filter-info .form-inline:nth-of-type(2) {
    margin-top: 10px;
    position: relative; }
  .box__filter-info .form-inline:nth-of-type(1) .form-group {
    width: 50%; }
  .box__filter-info .form-inline:nth-of-type(1) .form-control,
  .box__filter-info .form-inline:nth-of-type(1) select.form-control,
  .box__filter-info .form-inline:nth-of-type(1) select.form-control:not([size]):not([multiple]) {
    width: 100%;
    min-width: auto; }
  .box__filter-info .form-inline select.form-control:not([size]):not([multiple]) {
    min-width: auto; }
  .box__filter-info .form-inline:nth-of-type(2) .pl-3 {
    padding-left: 0 !important;
    padding-right: 1rem !important; }
  .box__filter-info .month {
    width: 50%; }
    .box__filter-info .month .text {
      width: 65px; }
    .box__filter-info .month select.form-control {
      width: calc(100% - 75px); }
  .box__filter-info .year {
    width: 30%; }
    .box__filter-info .year .text {
      width: 45px; }
    .box__filter-info .year select.form-control {
      width: calc(100% - 55px); }
  .box__filter-info .search {
    width: 20%; }
    .box__filter-info .search .submit {
      width: 100%; }
  .box__filter-info .form-inline:nth-of-type(2) .search.pl-3 {
    padding: 0 !important; }
  /* frequency used > box__info-recommend
    ---------------------------------------------------------------------------------- */
  .box__info-recommend .slick-prev,
  .box__info-recommend .slick-next {
    background: url(../img/button/prev-1.png) no-repeat center center;
    background-size: 5.07813vw auto;
    width: 5.85938vw;
    height: 5.85938vw;
    left: -5.37109vw; }
  .box__info-recommend .slick-next {
    background: url(../img/button/next-1.png) no-repeat center center;
    background-size: 5.07813vw auto;
    left: auto;
    right: -5.37109vw; }
  .box__info-recommend .slick-prev.slick-disabled {
    background: url(../img/button/prev-2.png) no-repeat center center;
    background-size: 5.07813vw auto; }
  .box__info-recommend .slick-next.slick-disabled {
    background: url(../img/button/next-2.png) no-repeat center center;
    background-size: 5.07813vw auto; }
  /* frequency used > box__paging
    ---------------------------------------------------------------------------------- */
  .box__paging .text {
    font-size: 30px;
    line-height: 32px;
    padding: 0 10px; }
    .box__paging .text span {
      padding: 5px 36px 5px 0; } }

@media (max-width: 1023px) {
  /* ----------------------------------------------------------------------- box__home
    ---------------------------------------------------------------------------------- */
  /* box__home > box__news
    ---------------------------------------------------------------------------------- */
  #box__home .box__news .slick-prev,
  #box__home .box__news .slick-next {
    background: url(../img/button/prev-1.png) no-repeat center center;
    background-size: 5.07813vw auto;
    width: 5.85938vw;
    height: 5.85938vw;
    left: -5.37109vw; }
  #box__home .box__news .slick-next {
    background: url(../img/button/next-1.png) no-repeat center center;
    background-size: 5.07813vw auto;
    left: auto;
    right: -5.37109vw; }
  #box__home .box__news .slick-prev.slick-disabled {
    background: url(../img/button/prev-2.png) no-repeat center center;
    background-size: 5.07813vw auto; }
  #box__home .box__news .slick-next.slick-disabled {
    background: url(../img/button/next-2.png) no-repeat center center;
    background-size: 5.07813vw auto; } }

@media (max-width: 992px) {
  .col-form-label {
    text-align: left; } }

@media (max-width: 768px) {
  .visible__desktop {
    display: none !important; }
  .visible__mobile {
    display: block !important; }
  [id^="box__"] {
    padding-top: 15px;
    padding-bottom: 30px; }
  /* ------------------------------------------------------------------ frequency used
    ---------------------------------------------------------------------------------- */
  /* frequency used > form bootstrap
    ---------------------------------------------------------------------------------- */
  .form-group {
    margin-bottom: 15px; }
  /* frequency used > box__info-recommend
    ---------------------------------------------------------------------------------- */
  .box__info-recommend {
    width: auto; }
  .box__info-recommend .head__info {
    background: url(../img/bg/color__ed1b2f.gif) no-repeat center bottom;
    background-size: 16.92708vw 1px;
    font-size: 6.51042vw;
    line-height: 6.51042vw;
    margin-bottom: 2.60417vw;
    padding-bottom: 0.65104vw; }
  .box__info-recommend .slider {
    margin: 0 7.8125vw; }
  .box__info-recommend .slider .item {
    padding: 0 1.30208vw; }
  .box__info-recommend .slider .info {
    padding: 5.20833vw 0 0; }
  .box__info-recommend .slider .date {
    margin-bottom: 1.30208vw; }
    .box__info-recommend .slider .date span {
      font-size: 2.86458vw;
      line-height: 3.125vw;
      padding: 2px 2.60417vw; }
  .box__info-recommend .slider .description {
    font-size: 3.125vw;
    line-height: 3.38542vw;
    overflow: hidden;
    padding: 0 2.60417vw;
    height: 13.54167vw; }
  /* frequency used > box__share-in-list
    ---------------------------------------------------------------------------------- */
  .box__share-in-list .fb,
  .box__share-in-list .twitter {
    width: 41px;
    height: 41px; }
  .box__share-in-list .fb {
    background: url(../img/icon/fb-2.png) no-repeat;
    background-size: 41px auto; }
  .box__share-in-list .twitter {
    background: url(../img/icon/twitter.png) no-repeat;
    background-size: 41px auto; }
  /* -------------------------------------------------------------------------- header
    ---------------------------------------------------------------------------------- */
  #header #logo__toyota {
    background: url(../img/icon/logo__toyota-mobile.png) no-repeat;
    background-size: 100% auto;
    width: 30.46875vw;
    height: 13.02083vw; }
  /* header > nav__main
    ---------------------------------------------------------------------------------- */
  #header #nav__main,
  #header #nav__main .nav {
    height: 15.625vw; }
  #header #nav__main .nav {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-flow: row-reverse;
    flex-flow: row-reverse; }
  /* header > nav__main > box__main
    ---------------------------------------------------------------------------------- */
  #header #nav__main .box__main {
    display: none; }
  #header #nav__main .leasing .list .sub a {
    background: url(../img/mobile/bullet/arrow__white-1.png) no-repeat 0 center;
    background-size: auto 9px; }
  /* header > nav__main > box__shortcut
    ---------------------------------------------------------------------------------- */
  #header #nav__main .nav,
  #header #nav__main .box__shortcut,
  #header #nav__main .shortcut__calculate,
  #header #nav__main .shortcut__contact,
  #header #nav__main .shortcut__search,
  #header #nav__main .box__about {
    position: static; }
  #header #nav__main .box__shortcut {
    background: url(../img/bg/color__d0d0d0.gif) no-repeat 0 center;
    background-size: 1px 80%;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    padding-left: 1px; }
  #header #nav__main .shortcut__calculate .toggle,
  #header #nav__main .shortcut__contact .toggle,
  #header #nav__main .shortcut__search .toggle {
    width: 13.54167vw; }
  #header #nav__main .shortcut__calculate .toggle {
    background: url(../img/icon/calculate-leasing-1.png) no-repeat center center #fff;
    background-size: 6.51042vw auto; }
  #header #nav__main .shortcut__contact .toggle {
    background: url(../img/icon/contact-1.png) no-repeat center center #fff;
    background-size: 6.51042vw auto; }
  #header #nav__main .shortcut__search .toggle {
    background: url(../img/icon/search-1.png) no-repeat center center #fff;
    background-size: 6.51042vw auto; }
  #header #nav__main .shortcut__calculate .detail {
    width: 100%;
    top: 15.625vw;
    right: 0; }
  #header #nav__main .box__calculate {
    padding: 25px 0 25px 15px;
    border-radius: 0.65104vw; }
  #header #nav__main .box__calculate .or {
    margin-top: 0;
    margin-bottom: 0; }
  #header #nav__main .box__calculate .unit {
    line-height: 34px;
    margin-left: 0; }
  #header #nav__main .box__calculate .submit-and-reset {
    margin-top: 25px;
    margin-right: 0; }
  #header #nav__main .shortcut__search .detail {
    padding: 10px;
    width: 100%;
    top: 15.625vw; }
  #header #nav__main .shortcut__search .form-control {
    font-size: 24px; }
  #header #nav__main .shortcut__calculate.active .toggle {
    background: url(../img/icon/calculate-leasing-1-active.png) no-repeat center center #474747;
    background-size: 6.51042vw auto; }
  #header #nav__main .shortcut__contact.active .toggle {
    background: url(../img/icon/contact-1-active.png) no-repeat center center #474747;
    background-size: 6.51042vw auto; }
  #header #nav__main .shortcut__search.active .toggle {
    background: url(../img/icon/search-1-active.png) no-repeat center center #474747;
    background-size: 6.51042vw auto; }
  /* header > nav__main > box__about
    ---------------------------------------------------------------------------------- */
  #header #nav__main .box__about {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1; }
  #header #nav__main .box__about .toggle {
    padding: 0 2.60417vw;
    text-align: center;
    min-width: 15.625vw; }
    #header #nav__main .box__about .toggle span {
      background: url(../img/mobile/icon/bar__white-1.png) no-repeat 0 center;
      background-size: 24px auto;
      font-size: 3.125vw;
      line-height: 15.625vw;
      padding-left: 35px; }
    #header #nav__main .box__about .toggle .visible__mobile {
      display: inline-block !important; }
  #header #nav__main .box__about .detail {
    width: 500px;
    max-width: 100%;
    top: 15.625vw;
    right: 0; }
  #header #nav__main .box__about .head {
    padding: 0 2.60417vw 0 0; }
    #header #nav__main .box__about .head .text {
      background: url(../img/mobile/button/dropdown-down-1.png) no-repeat right center;
      background-size: 17px auto;
      font-size: 3.125vw;
      line-height: 3.38542vw;
      padding: 2.60417vw 27px 2.34375vw 2.60417vw; }
    #header #nav__main .box__about .head.no-subnav .text {
      background: none;
      padding-right: 0; }
  #header #nav__main .box__about .info {
    padding: 0 2.60417vw 2.60417vw; }
  #header #nav__main .box__about .list {
    padding-left: 2.60417vw; }
    #header #nav__main .box__about .list > li {
      margin-bottom: 1.95313vw; }
      #header #nav__main .box__about .list > li:last-child {
        margin-bottom: 0; }
    #header #nav__main .box__about .list a {
      font-size: 2.86458vw;
      line-height: 3.125vw; }
    #header #nav__main .box__about .list span {
      line-height: 2.08333vw; }
    #header #nav__main .box__about .list .title {
      color: #fff;
      font-size: 2.86458vw;
      line-height: 3.125vw; }
  #header #nav__main .box__about .list .sub a {
    background: url(../img/mobile/bullet/arrow__white-1.png) no-repeat 0 center; }
  #header #nav__main .box__about .open .text {
    background: url(../img/mobile/button/dropdown-up-1.png) no-repeat right center;
    background-size: 17px auto; }
  /* ----------------------------------------------------------------------- box__home
    ---------------------------------------------------------------------------------- */
  /* box__home > box__calculate
    ---------------------------------------------------------------------------------- */
  #box__home .box__calculate {
    display: none; }
  /* box__home > box__key-visual
    ---------------------------------------------------------------------------------- */
  #box__home .box__key-visual {
    margin: 0 0 5.20833vw; }
  #box__home .box__key-visual .item {
    height: auto !important; }
  #box__home .box__key-visual .item img {
    width: 100vw;
    height: auto;
    position: relative;
    top: 0;
    left: 0;
    -webkit-transform: translate(0);
    -ms-transform: translate(0);
    transform: translate(0); }
  #box__home .box__key-visual .slick-dots {
    bottom: 3.90625vw; }
  /* box__home > box__shortcut
    ---------------------------------------------------------------------------------- */
  #box__home .box__shortcut {
    margin: 0 0 5.20833vw; }
  #box__home .box__shortcut .link {
    background: url(../img/bg/color__ed1b2f.gif) no-repeat center bottom;
    background-size: 11.71875vw 0.65104vw;
    margin: 0 6.51042vw;
    padding: 0 0 3.90625vw; }
  #box__home .box__shortcut .pic {
    margin: 0 0 1.95313vw; }
    #box__home .box__shortcut .pic img {
      width: 29.42708vw;
      height: auto; }
  #box__home .box__shortcut .text span {
    font-size: 6.51042vw;
    line-height: 6.77083vw; }
  #box__home .box__shortcut .text em {
    font-size: 6.51042vw;
    line-height: 5.20833vw; }
  /* box__home > box__info
    ---------------------------------------------------------------------------------- */
  #box__home .box__info .container {
    padding: 0 15px; }
  #box__home .box__info .col {
    margin-bottom: 15px;
    padding: 0; }
  #box__home .box__info .col:nth-of-type(1) {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    padding-right: 8px;
    width: 50%; }
  #box__home .box__info .col:nth-of-type(2) {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    width: 100%; }
  #box__home .box__info .col:nth-of-type(3) {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
    width: 100%; }
  #box__home .box__info .col:nth-of-type(4) {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
    padding-left: 7px;
    width: 50%; }
  #box__home .box__info .arrow {
    background: url(../img/button/arrow__white-1.png) no-repeat center center #f00;
    background-size: 4.42708vw auto;
    width: 8.46354vw;
    height: 8.46354vw;
    position: absolute; }
  #box__home .box__info .col:nth-of-type(1) .arrow {
    top: 0;
    right: 0; }
  #box__home .box__info .col:nth-of-type(1) .text {
    font-size: 4.16667vw;
    line-height: 4.16667vw;
    padding: 0; }
    #box__home .box__info .col:nth-of-type(1) .text span {
      background: url(../img/bg/color__red-1.gif) no-repeat 0 bottom;
      background-size: 16.92708vw 0.78125vw;
      padding: 0 0 5.20833vw; }
  #box__home .box__info .col:nth-of-type(2) .head__info {
    margin-bottom: 2.60417vw; }
    #box__home .box__info .col:nth-of-type(2) .head__info span {
      font-size: 8.46354vw;
      line-height: 5.85938vw; }
  #box__home .box__info .col:nth-of-type(2) .vdo {
    padding: 0;
    width: auto;
    position: relative;
    top: 0; }
    #box__home .box__info .col:nth-of-type(2) .vdo iframe {
      width: 100%;
      height: 52.08333vw; }
  #box__home .box__info .col:nth-of-type(3) .pic-text {
    z-index: 10;
    position: absolute;
    bottom: 0;
    right: 0; }
    #box__home .box__info .col:nth-of-type(3) .pic-text img {
      display: block;
      width: 37.76042vw;
      height: auto; }
  #box__home .box__info .col:nth-of-type(3) .arrow {
    top: -8.46354vw; }
  #box__home .box__info .col:nth-of-type(4) .arrow {
    bottom: 0;
    left: 0; }
  #box__home .box__info .col:nth-of-type(4) .head__info {
    background: url(../img/bg/color__red-1.gif) no-repeat right bottom #f6f6f6;
    background-size: 20.18229vw 1.17188vw;
    font-size: 7.29167vw;
    line-height: 16.40625vw;
    text-align: center;
    height: 16.40625vw; }
  #box__home .box__info .box__register-e-news {
    padding: 0 0 0 7px;
    z-index: 10;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0; }
  #box__home .box__info .box__register-e-news .head {
    font-size: 5.98958vw;
    line-height: 5.98958vw;
    margin: 0 0 2.60417vw; }
  #box__home .box__info .box__register-e-news .form-group {
    margin: 0;
    padding-right: 14.97396vw; }
  #box__home .box__info .box__register-e-news .textbox {
    font-size: 3.90625vw;
    line-height: 9.375vw;
    height: 9.11458vw; }
  #box__home .box__info .box__register-e-news .submit {
    border: 0;
    line-height: 9.11458vw;
    width: 14.32292vw;
    height: 9.11458vw;
    position: absolute;
    top: 0;
    right: 0; }
    #box__home .box__info .box__register-e-news .submit span {
      line-height: 9.11458vw; }
  /* box__home > box__news
    ---------------------------------------------------------------------------------- */
  #box__home .box__news {
    padding: 5.20833vw 0 15px; }
  #box__home .box__news .head__info {
    background: url(../img/bg/color__ed1b2f.gif) no-repeat center bottom;
    background-size: 16.92708vw 1px;
    font-size: 6.51042vw;
    line-height: 6.51042vw;
    margin-bottom: 2.60417vw;
    padding-bottom: 0.65104vw; }
  #box__home .box__news .slider {
    margin: 0 7.8125vw; }
  #box__home .box__news .slider .item {
    padding: 0 1.30208vw; }
  #box__home .box__news .slider .info {
    padding: 5.20833vw 0 0; }
  #box__home .box__news .slider .date {
    margin-bottom: 1.30208vw; }
    #box__home .box__news .slider .date span {
      font-size: 2.86458vw;
      line-height: 3.125vw;
      padding: 2px 2.60417vw; }
  #box__home .box__news .slider .description {
    font-size: 3.125vw;
    line-height: 3.38542vw;
    padding: 0 2.60417vw; }
  /* -------------------------------------------------------------------------- footer
    ---------------------------------------------------------------------------------- */
  #footer {
    padding: 15px; }
  #footer .container {
    background: url(../img/bg/color__ed1b2f.gif) no-repeat;
    background-size: 100% 1.30208vw;
    padding: 3.90625vw 15px 0; }
  #footer .list__footer {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    width: 50%; }
  #footer .list__footer:nth-of-type(1) {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1; }
  #footer .list__footer:nth-of-type(2) {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3; }
  #footer .list__footer:nth-of-type(3) {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2; }
  #footer .list__footer:nth-of-type(4) {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4; }
  #footer .list__footer > li {
    margin-bottom: 2.60417vw; }
  #footer .list__footer a {
    font-size: 3.125vw;
    line-height: 3.38542vw; }
  #footer .list__footer .info {
    padding-left: 1.95313vw; }
  #footer .list__footer .link-title {
    margin-bottom: 1.30208vw; }
  #footer .list__footer .sub {
    margin-bottom: 2.60417vw; }
  #footer .list__footer .sub a {
    background: url(../img/mobile/bullet/arrow__black-1.png) no-repeat 0 center;
    background-size: auto 9px; }
  #footer .box__contact {
    margin: 0 0 3.90625vw;
    padding: 0 0 3.90625vw; }
  #footer .box__contact .tel {
    background: url(../img/icon/call-center.png) no-repeat 0 0.65104vw;
    background-size: 45px auto; }
    #footer .box__contact .tel span {
      font-size: 5.07813vw;
      line-height: 5.33854vw; }
    #footer .box__contact .tel strong {
      font-size: 6.38021vw;
      line-height: 6.64063vw; }
  #footer .box__contact .mail {
    background: url(../img/icon/mail.png) no-repeat 0 center;
    font-size: 5.20833vw; }
  #footer .box__share {
    margin: 0 0 7.8125vw; }
  #footer .box__share .text {
    font-size: 3.90625vw;
    line-height: 6.64063vw;
    margin-right: 1.30208vw; }
  #footer .box__share .fb,
  #footer .box__share .youtube,
  #footer .box__share .ig,
  #footer .box__share .line {
    margin-right: 1.30208vw;
    width: 6.51042vw;
    height: 6.64063vw; }
  #footer .box__share .fb {
    background: url(../img/icon/fb.png) no-repeat;
    background-size: auto 6.64063vw; }
  #footer .box__share .youtube {
    background: url(../img/icon/youtube.png) no-repeat;
    background-size: auto 6.64063vw; }
  #footer .box__share .ig {
    background: url(../img/icon/ig.png) no-repeat;
    background-size: auto 6.64063vw; }
  #footer .box__share .line {
    background: url(../img/icon/line.png) no-repeat;
    background-size: auto 6.64063vw; }
  #footer .box__e-news {
    margin: 0 0 2.60417vw; }
  #footer .box__e-news .head__info {
    background: url(../img/icon/e-news.png) no-repeat;
    background-size: 6.38021vw auto;
    font-size: 5.98958vw;
    line-height: 6.25vw;
    margin: 0 0 2.60417vw;
    padding-left: 7.68229vw; }
  #footer .box__e-news .form-group {
    padding-right: 16.27604vw; }
  #footer .box__e-news .textbox {
    font-size: 3.90625vw;
    line-height: 9.375vw;
    height: 9.11458vw;
    border-radius: 0; }
  #footer .box__e-news .submit {
    line-height: 9.11458vw;
    width: 15.625vw;
    height: 9.11458vw; }
    #footer .box__e-news .submit span {
      line-height: 9.11458vw; } }

@media (max-width: 575px) {
  /* ----------------------------------------------------------------------- font size
    ---------------------------------------------------------------------------------- */
  .col-form-label,
  .form-check-label {
    font-size: 20px; }
  .captcha .form-control {
    width: 90px; }
  .field-multi-text .form-check-inline {
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline; }
  .field-multi-text .form-check-inline .form-check-input {
    -webkit-transform: translateY(2px);
    -ms-transform: translateY(2px);
    transform: translateY(2px); }
  .has-textbox {
    margin-right: 0 !important;
    padding-bottom: 44px;
    width: 100%; }
    .has-textbox .form-control {
      display: block;
      margin: 0;
      width: 100% !important;
      position: absolute;
      bottom: 0;
      left: 0; }
  /* ------------------------------------------------------------------ frequency used
    ---------------------------------------------------------------------------------- */
  /* frequency used > container
    ---------------------------------------------------------------------------------- */
  [id^=box__] .container {
    width: 100%; }
  /* frequency used > head__section
    ---------------------------------------------------------------------------------- */
  .head__section {
    background: url(../img/bg/color__ed1b2f.gif) no-repeat center bottom !important;
    background-size: 80px 3px !important;
    font-size: 40px !important;
    line-height: 42px !important;
    margin-bottom: 30px !important;
    padding-bottom: 5px !important; }
    .head__section em {
      font-size: 24px !important;
      line-height: 24px !important; }
  /* frequency used > box__filter-info
    ---------------------------------------------------------------------------------- */
  .box__filter-info .form-inline:nth-of-type(1) .form-group {
    width: 100%; }
  .box__filter-info .form-inline:nth-of-type(2) .pl-3 {
    padding: 0 !important; }
  .box__filter-info .text {
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%); }
  .box__filter-info .month {
    width: 100%; }
    .box__filter-info .month select.form-control {
      width: 100%; }
  .box__filter-info .year {
    width: 50%; }
    .box__filter-info .year select.form-control {
      width: 100%; }
  .box__filter-info .search {
    width: 50%; }
    .box__filter-info .search .submit {
      width: 100%; }
  .box__filter-info .form-inline:nth-of-type(1) .pr-3 {
    padding: 0 !important; }
  .box__filter-info .form-inline:nth-of-type(2) .month,
  .box__filter-info .form-inline:nth-of-type(2) .year {
    padding-left: 75px !important; }
  .box__filter-info .form-inline:nth-of-type(2) .search.pl-3 {
    padding: 0 !important;
    padding-left: 1rem !important; }
  /* frequency used > form bootstrap
    ---------------------------------------------------------------------------------- */
  .form-control,
  .col-form-label,
  .form-control-plaintext,
  .submit span {
    font-size: 20px; }
  textarea.form-control-plaintext {
    line-height: 20px; }
  /* frequency used > box__btn
    ---------------------------------------------------------------------------------- */
  .box__btn .add,
  .box__btn .prev,
  .box__btn .confirm,
  .box__btn .submit,
  .box__btn .reset {
    display: block;
    font-size: 22px;
    line-height: 40px;
    margin: 0 0 10px;
    width: 100%; }
  /* frequency used > box__info-recommend
    ---------------------------------------------------------------------------------- */
  .box__info-recommend {
    padding: 6.95652vw 0 15px; }
  .box__info-recommend .head__info {
    background: url(../img/bg/color__ed1b2f.gif) no-repeat center bottom;
    background-size: 80px 1px;
    font-size: 32px;
    line-height: 32px;
    margin-bottom: 20px;
    padding-bottom: 5px; }
  .box__info-recommend .slider {
    margin: 0 10.43478vw; }
  .box__info-recommend .slider .item {
    padding: 0 1.73913vw; }
  .box__info-recommend .slider .info {
    padding: 12.17391vw 0 0; }
  .box__info-recommend .slider .date {
    margin-bottom: 10px; }
    .box__info-recommend .slider .date span {
      font-size: 18px;
      line-height: 20px;
      padding: 2px 15px; }
  .box__info-recommend .slider .description {
    font-size: 20px;
    line-height: 22px;
    padding: 0 15px;
    height: 66px; }
  .box__info-recommend .slick-prev,
  .box__info-recommend .slick-next {
    background: url(../img/button/prev-1.png) no-repeat center center;
    background-size: 9.04348vw auto;
    width: 10.43478vw;
    height: 10.43478vw;
    left: -9.56522vw; }
  .box__info-recommend .slick-next {
    background: url(../img/button/next-1.png) no-repeat center center;
    background-size: 9.04348vw auto;
    left: auto;
    right: -9.56522vw; }
  .box__info-recommend .slick-prev.slick-disabled {
    background: url(../img/button/prev-2.png) no-repeat center center;
    background-size: 9.04348vw auto; }
  .box__info-recommend .slick-next.slick-disabled {
    background: url(../img/button/next-2.png) no-repeat center center;
    background-size: 9.04348vw auto; }
  /* frequency used > box__paging
    ---------------------------------------------------------------------------------- */
  .box__paging .list a {
    font-size: 20px; }
  .box__paging .text {
    font-size: 24px;
    line-height: 26px;
    padding: 0 10px; }
    .box__paging .text span {
      background: url(../img/bullet/arrow__red-1.png) no-repeat right center;
      background-size: 18px auto;
      padding: 0 28px 0 0; }
  .box__paging .page {
    font-size: 20px;
    line-height: 22px;
    padding-top: 5px;
    bottom: -35px; }
  .browse {
    margin-bottom: 10px; }
  /* -------------------------------------------------------------------------- header
    ---------------------------------------------------------------------------------- */
  /* header > nav__main > box__about
    ---------------------------------------------------------------------------------- */
  #header #nav__main .box__about .toggle span {
    font-size: 20px; }
  #header #nav__main .box__about .head {
    padding: 0 15px 0 0; }
    #header #nav__main .box__about .head .text {
      font-size: 22px;
      line-height: 24px;
      padding: 15px 27px 15px 15px; }
  #header #nav__main .box__about .info {
    padding: 0 15px 15px; }
  #header #nav__main .box__about .list {
    padding-left: 15px; }
    #header #nav__main .box__about .list > li {
      margin-bottom: 15px; }
    #header #nav__main .box__about .list a {
      font-size: 20px;
      line-height: 22px; }
    #header #nav__main .box__about .list span {
      line-height: 16px; }
    #header #nav__main .box__about .list .title {
      font-size: 20px;
      line-height: 22px; }
  /* ----------------------------------------------------------------------- box__home
    ---------------------------------------------------------------------------------- */
  /* box__home > box__info
    ---------------------------------------------------------------------------------- */
  #box__home .box__info .col:nth-of-type(2) .head__info {
    margin-bottom: 3.47826vw; }
    #box__home .box__info .col:nth-of-type(2) .head__info span {
      font-size: 9.56522vw;
      line-height: 7.82609vw; }
  #box__home .box__info .col:first-of-type .text {
    font-size: 18px;
    line-height: 18px; }
    #box__home .box__info .col:first-of-type .text span {
      padding-bottom: 3.47826vw; }
  #box__home .box__info .box__register-e-news .submit span {
    font-size: 4.17391vw; }
  #box__home .box__info .box__register-e-news .textbox {
    font-size: 18px; }
  #box__home .box__info .box__register-e-news .form-group {
    padding-right: 18.26087vw; }
  #box__home .box__info .box__register-e-news .textbox {
    padding-left: 0; }
  #box__home .box__info .box__register-e-news .submit {
    width: 17.3913vw; }
  /* box__home > box__news
    ---------------------------------------------------------------------------------- */
  #box__home .box__news {
    padding: 6.95652vw 0 15px; }
  #box__home .box__news .head__info {
    background: url(../img/bg/color__ed1b2f.gif) no-repeat center bottom;
    background-size: 22.6087vw 1px;
    font-size: 8.69565vw;
    line-height: 8.69565vw;
    margin-bottom: 3.47826vw;
    padding-bottom: 0.86957vw; }
  #box__home .box__news .slider {
    margin: 0 10.43478vw; }
  #box__home .box__news .slider .item {
    padding: 0 1.73913vw; }
  #box__home .box__news .slider .info {
    padding: 12.17391vw 0 0; }
  #box__home .box__news .slider .date {
    margin-bottom: 10px; }
    #box__home .box__news .slider .date span {
      font-size: 18px;
      line-height: 20px;
      padding: 2px 15px; }
  #box__home .box__news .slider .description {
    font-size: 20px;
    line-height: 22px;
    padding: 0 15px; }
  #box__home .box__news .slick-prev,
  #box__home .box__news .slick-next {
    background: url(../img/button/prev-1.png) no-repeat center center;
    background-size: 9.04348vw auto;
    width: 10.43478vw;
    height: 10.43478vw;
    left: -9.56522vw; }
  #box__home .box__news .slick-next {
    background: url(../img/button/next-1.png) no-repeat center center;
    background-size: 9.04348vw auto;
    left: auto;
    right: -9.56522vw; }
  #box__home .box__news .slick-prev.slick-disabled {
    background: url(../img/button/prev-2.png) no-repeat center center;
    background-size: 9.04348vw auto; }
  #box__home .box__news .slick-next.slick-disabled {
    background: url(../img/button/next-2.png) no-repeat center center;
    background-size: 9.04348vw auto; }
  /* -------------------------------------------------------------------------- footer
    ---------------------------------------------------------------------------------- */
  #footer .container {
    background: url(../img/bg/color__ed1b2f.gif) no-repeat;
    background-size: 100% 1.73913vw;
    padding: 5.21739vw 0 0; }
  #footer .list__footer > li {
    margin-bottom: 3.47826vw; }
  #footer .list__footer a {
    font-size: 4.17391vw;
    line-height: 4.52174vw; }
  #footer .list__footer .info {
    padding-left: 2.6087vw; }
  #footer .list__footer .link-title {
    margin-bottom: 1.73913vw; }
  #footer .list__footer .sub {
    margin-bottom: 3.47826vw; }
  #footer .box__contact {
    margin: 0 0 5.21739vw;
    padding: 0 0 5.21739vw; }
  #footer .box__contact .tel {
    background: url(../img/icon/call-center.png) no-repeat 0 0.86957vw;
    background-size: 45px auto; }
    #footer .box__contact .tel span {
      font-size: 6.78261vw;
      line-height: 7.13043vw; }
    #footer .box__contact .tel strong {
      font-size: 8.52174vw;
      line-height: 12.86957vw; }
  #footer .box__contact .mail {
    background: url(../img/icon/mail.png) no-repeat 0 center;
    font-size: 6.95652vw; }
  #footer .box__share {
    margin: 0 0 10.43478vw; }
  #footer .box__share .text {
    font-size: 5.21739vw;
    line-height: 8.86957vw;
    margin-right: 1.73913vw; }
  #footer .box__share .fb,
  #footer .box__share .youtube,
  #footer .box__share .ig,
  #footer .box__share .line {
    margin-right: 1.73913vw;
    width: 8.69565vw;
    height: 8.86957vw; }
  #footer .box__share .fb {
    background: url(../img/icon/fb.png) no-repeat;
    background-size: auto 8.86957vw; }
  #footer .box__share .youtube {
    background: url(../img/icon/youtube.png) no-repeat;
    background-size: auto 8.86957vw; }
  #footer .box__share .ig {
    background: url(../img/icon/ig.png) no-repeat;
    background-size: auto 8.86957vw; }
  #footer .box__share .line {
    background: url(../img/icon/line.png) no-repeat;
    background-size: auto 8.86957vw; }
  #footer .box__e-news {
    margin: 0 0 3.47826vw; }
  #footer .box__e-news .head__info {
    background: url(../img/icon/e-news.png) no-repeat;
    background-size: 8.52174vw auto;
    font-size: 8vw;
    line-height: 8.34783vw;
    margin: 0 0 3.47826vw;
    padding-left: 10.26087vw; }
  #footer .box__e-news .form-group {
    padding-right: 21.73913vw; }
  #footer .box__e-news .textbox {
    font-size: 5.21739vw;
    line-height: 12.52174vw;
    height: 12.17391vw;
    border-radius: 0; }
  #footer .box__e-news .submit {
    line-height: 12.17391vw;
    width: 20.86957vw;
    height: 12.17391vw; }
    #footer .box__e-news .submit span {
      line-height: 12.17391vw; } }

.banner-popup {
  /*background: url(../img/banner-popup.jpg) no-repeat;
	text-indent: -9998px;*/
  /*background-size: 13.02083vw auto;*/
  cursor: pointer;
  display: block;
  z-index: 50;
  width: 500px;
  height: 292px;
  position: fixed;
  bottom: 1.04167vw;
  right: 0.5vw;
  -webkit-transition: bottom .5s ease;
  -o-transition: bottom .5s ease;
  transition: bottom .5s ease;
  /*display:none;*/ }

/*.banner-popup {
	display: none;
}

.banner-popup:target {
	display: table;
}
*/
#banner-popup .close {
  position: absolute;
  text-indent: 0;
  top: 0;
  right: 15px;
  ransition: all 200ms;
  font-size: 40px;
  font-weight: bold;
  text-decoration: none;
  color: #333; }

#banner-popup .close:hover {
  color: #ff0000; }

@media (max-width: 575px) {
  .banner-popup {
    max-width: 99%;
    height: inherit;
    bottom: 0.5vw; } }

/*# sourceMappingURL=style.css.map */