@charset "utf-8";
/*@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700;900&family=Oswald:wght@600&family=Raleway:ital,wght@0,400;0,700;1,400;1,700&display=swap);*/
/* font-family: 'Noto Sans JP', 'Oswald', 'Raleway';*/

/* fonts
****************************************************** */
@font-face {
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 100;
  src: url('../font/NotoSansJP-Thin.woff2') format('woff2'), url('../font/NotoSansJP-Thin.woff') format('woff');
  font-display: swap;
}
@font-face {
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 300;
  src: url('../font/NotoSansJP-Light.woff2') format('woff2'), url('../font/NotoSansJP-Light.woff') format('woff');
  font-display: swap;
}
@font-face {
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 400;
  src: url('../font/NotoSansJP-Regular.woff2') format('woff2'), url('../font/NotoSansJP-Regular.woff') format('woff');
  font-display: swap;
}
@font-face {
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 500;
  src: url('../font/NotoSansJP-Medium.woff2') format('woff2'), url('../font/NotoSansJP-Medium.woff') format('woff');
  font-display: swap;
}
@font-face {
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 700;
  src: url('../font/NotoSansJP-Bold.woff2') format('woff2'), url('../font/NotoSansJP-Bold.woff') format('woff');
  font-display: swap;
}
@font-face {
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 900;
  src: url('../font/NotoSansJP-Black.woff2') format('woff2'), url('../font/NotoSansJP-Black.woff') format('woff');
  font-display: swap;
}
@font-face {
  font-family: Noto Sans CJK JP;
  font-weight: 400;
  font-display: swap;
  src: local("Noto Sans CJK JP Regular"), url("../font/NotoSansCJKjp-Regular.woff") format('woff'), url("../font/NotoSansCJKjp-Regular.otf") format('opentype');
}
@font-face {
  font-family: Noto Sans CJK JP;
  font-weight: 700;
  font-display: swap;
  src: local("Noto Sans CJK JP Bold"), url("../font/NotoSansCJKjp-Bold.woff") format('woff'), url("../font/NotoSansCJKjp-Bold.otf") format('opentype');
}
@font-face {
  font-family: Noto Sans CJK JP;
  font-weight: 900;
  font-display: swap;
  src: local("Noto Sans CJK JP Black"), url("../font/NotoSansCJKjp-Black.woff") format('woff'), url("../font/NotoSansCJKjp-Black.otf") format('opentype');
}
@font-face {
  font-family: Oswald;
  font-weight: 400;
  font-display: swap;
  src: local("Oswald Regular"), url("../font/Oswald-Regular.woff2") format('woff2'), url("../font/Oswald-Regular.woff") format('woff');
}
@font-face {
  font-family: Oswald;
  font-weight: 500;
  font-display: swap;
  src: local("Oswald Medium"), url("../font/Oswald-Medium.woff2") format('woff2'), url("../font/Oswald-Medium.woff") format('woff');
}
@font-face {
  font-family: Oswald;
  font-weight: 600;
  font-display: swap;
  src: local("Oswald SemiBold"), url("../font/Oswald-SemiBold.woff2") format('woff2'), url("../font/Oswald-SemiBold.woff") format('woff');
}
@font-face {
  font-family: Oswald;
  font-weight: 700;
  font-display: swap;
  src: local("Oswald Bold"), url("../font/Oswald-Bold.woff2") format('woff2'), url("../font/Oswald-Bold.woff") format('woff');
}
@font-face {
  font-family: Raleway;
  font-weight: 400;
  font-display: swap;
  src: local("Raleway Regular"), url("../font/Raleway-Regular.woff") format('woff'), url("../font/Raleway-Regular.otf") format('opentype');
  font-style: normal;
}
@font-face {
  font-family: Raleway;
  font-weight: 400;
  font-display: swap;
  src: local("Raleway italic"), url("../font/Raleway-Italic.woff") format('woff'), url("../font/Raleway-Italic.otf") format('opentype');
  font-style: italic;
}
@font-face {
  font-family: Raleway;
  font-weight: 700;
  font-display: swap;
  src: local("Raleway Bold"), url("../font/Raleway-Bold.woff") format('woff'), url("../font/Raleway-Bold.otf") format('opentype');
  font-style: normal;
}
@font-face {
  font-family: Raleway;
  font-weight: 700;
  font-display: swap;
  src: local("Raleway Bold"), url("../font/Raleway-BoldItalic.woff") format('woff'), url("../font/Raleway-BoldItalic.otf") format('opentype');
  font-style: italic;
}


/* 共通
****************************************************** */
html {
  font: 62.5%/1.6 'Noto Sans JP', "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN","HiraKakuProN-W3", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
}
body {
  font-size: 120%;
  font-size: 1.2rem;
  font-size: 3.75vw;/* 24px(640px BreakPoint) */
  color: #000;
}
html, body, h1, h2, h3, h4, h5, h6, p, figure {
  margin: 0;
  padding: 0;
}
h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: bold;
}
ul, ol {
  margin: 0;
  padding: 0;
  list-style: none;
}
em {
  font-style: normal;
}
header, footer, main, nav, article, aside, section {
  display: block;
}
button {
  background: none;
  border: none;
  cursor: pointer;
}
select, input {
  padding: .1em;
  font-size: 100%;
  color: #000;
}
input[type='checkbox'] {
  margin: 0;
  padding: 0;
  background: none;
  border-radius: 0;
  outline: none;
  border: solid 1px #666;
  width: 17px;
  height: 17px;
  margin-right: .5em;
  vertical-align: middle;
}
select {
  outline: none;
}
textarea, button {
  font-family: inherit;
}
input[type='text'],
textarea {
  -webkit-appearance: none;
  border-radius: 0;
}
input[type='text'] {
  border: 1px;
}
input[type="submit"],
input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
  display: none;
}
input[type="submit"]:focus,
input[type="button"]:focus {
  outline-offset: -2px;
}
a {
  text-decoration: none;
  color: #224489;
  outline: none;
  transition: opacity .3s ease;
}
img {
  display: block;
  max-width: 100%;
  height: auto;
  -webkit-backface-visibility: hidden;
  margin: auto;
  border: none;
}
.pc {
  display: none !important;
}
.clear::after,
.all::after {
  content: "";
  display: block;
  clear: both;
}
.content {
  width: 100%;
  margin: auto;
}
.inner {
  width: 87.5%;
  margin: auto;
}
.svg {
  fill: currentColor;
}
.header {
  position: relative;
  z-index: 1000;
}
[class|=notes] {
  font-size: 86%;
}
.list li,
.list p {
  margin-left: 1em !important;
  text-indent: -1em;
}
.list p {
  margin-top: 0 !important;
}
.list1 li {
  margin-bottom: 1em;
  margin-left: 1.5em;
  text-indent: -1.5em;
}

@media screen and (min-width: 768px), print {
  body {
    font-size: 140%;
    font-size: 1.4rem;
  }
  .pc {
    display: block !important;
  }
  span.pc,
  br.pc {
    display: inline !important;
  }
  .sp {
    display: none !important;
  }
  select, input[type='text'], textarea {
    font-size: 100%;
  }
  [href^="tel:"] {
    pointer-events: none;
  }
  a:hover {
    opacity: .8;
  }
  a img {
    transition: opacity .3s ease;
  }
  /* a:hover img {
    opacity: .7;
  } */
  .inner {
    max-width: 800px;
    width: 90%;
  }
  .wrap {
    position: relative;
  }
  .header {
    position: fixed;
    top: 0;
    left: 0;
    width: 250px;
    height: 100%;
    min-height: 680px;
  }
  .content {
    margin: 0 0 0 250px;
    width: calc(100% - 250px);
  }
  .notes {
    font-size: 100%;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .header {
    width: 57px;
    min-height: 790px;
  }
  .content {
    margin: 0 0 0 57px;
    width: calc(100% - 57px);
  }
}

/* header
****************************************************** */
.header-logo {
  width: calc(100% - 15.625vw);
  padding-left: 1em;
  box-sizing: border-box;
  background-color: #fff;
}
.header-logo .svg {
  fill: #224489;
}
.header-logo a {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  height: 15.625vw;
  box-sizing: border-box;
  line-height: 1;
}
.header-mark,
.header-mark img {
  width: 9.8438vw;
  height: 7.3438vw;
}
.header-mark {
  padding: .5em;
}
.header-txt {
  display: flex;
  width: 80%;
  padding: .5em;
}
.header-txt span {
  display: block;
}
.header-txt .txt1,
.header-txt .txt1 img {
  width: 28.2813vw;
}
.header-txt .txt2,
.header-txt .txt2 img {
  width: 18.2813vw;
}

@media screen and (min-width: 768px), print {
  .header-logo {
    width: 100%;
    padding: 0;
    border-right: solid 1px #f0f6fb;
  }
  .header-logo a {
    display: block;
    height: auto;
    padding: 1.938em 0;
  }
  .header-logo span {
    margin: auto;
  }
  .header-mark {
    display: block;
    width: 56px;
    height: 44px;
    padding: 0;
    margin: 0 auto .4em !important;
  }
  .header-mark img {
    width: 56px;
    height: 44px;
  }
  .header-txt {
    display: block;
    width: auto;
    padding: 0;
  }
  .header-txt .txt1 {
    width: 160px;
    height: 21px;
    margin-bottom: .2em;
  }
  .header-txt .txt1 img {
    width: 160px;
    height: 21px;
  }
  .header-txt .txt2 {
    width: 104px;
    height: 21px;
  }
  .header-txt .txt2 img {
    width: 104px;
    height: 21px;
  }
}

/*  toggle ********************* */
.toggle_btn {
  position: absolute;
  top: 0;
  right: 0;
  width: 15.625vw;
  height: 15.625vw;
  padding: 1.4em 1.12em;
  box-sizing: border-box;
  background: #224489;
}
.toggle {
  position: absolute;
  display: block;
  width: 46px;
  width: 7.1875vw;
  height: auto;
  z-index: 10;
  padding: 0;
}
.toggle span {
  position: relative;
  display: block;
  width: 100%;
  transition: transform .3s ease;
}
.toggle span,
.toggle span:before,
.toggle span:after {
  background-color: #fff;
  /*height: 3px;
  height: 0.46875vw;*/
  height: 2px;
  margin: auto;
}
.toggle span:before,
.toggle span:after {
  position: absolute;
  content: "";
  right: 0;
}
.toggle span:before {
  width: 26px;
  width: 56.5%;
  margin-top: 15px;
  margin-top: 2.34375vw;
  transition: opacity .6s ease;

}
.toggle span:after {
  width: 36px;
  width: 78.2%;
  margin-top: 30px;
  margin-top: 4.6875vw;
  transition: transform .3s ease;
}
.toggle:hover,
.active .toggle:hover {
  text-decoration: none;
}
.toggle_btn.active {
}
.toggle_btn.active .toggle span {
  transform: rotate(-45deg);
  transform-origin: 6.5vw 1.5vw;
  transition: all .3s ease;
  background-color: #fff;
}
.toggle_btn.active .toggle span:before {
  /*display: none;*/
  /*visibility: hidden;*/
  opacity: 0;
  transition: opacity 0s ease;
}
.toggle_btn.active .toggle span:after {
  width: 100%;
  transform: rotate(90deg);
  transition: all .3s ease;
  margin-top: 0;
  background-color: #fff;
}

.nav-global-area {
  display: none;
  position: absolute;
  top: 15.625vw;
  width: 100%;
  padding: 0;
  background-color: #fff;
  z-index: 100;
}
.nav-global {
  /*display: none;*/
}
.nav-global li {
  display: block;
  /*padding: 0;*/
}
.nav-global a {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1.2em 1em;
  border-top: solid 1px #fff;
  background-color: #224489;
  line-height: 1.4;
  font-size: 157.1%;
  font-weight: bold;
  color: #fff;
}
.nav-global-station a,
.nav-global-service a,
.nav-global-car a,
.nav-global-useful a {
  padding: .8em 1em;
}
.nav-global-station a::after,
.nav-global-service a::after,
.nav-global-car a::after,
.nav-global-useful a::after,
.nav-global-simulation a::after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  display: block;
  width: 16vw;
  height: 100%;
  background: url('data:image/svg+xml,%3csvg%20xmlns%3d%22http%3a%2f%2fwww%2ew3%2eorg%2f2000%2fsvg%22%20version%3d%221%2e1%22%20viewBox%3d%220%200%2028%2040%22%3e%3cpath%20xmlns%3d%22http%3a%2f%2fwww%2ew3%2eorg%2f2000%2fsvg%22%20d%3d%22M%2028%2040%20L%200%2040%20L%2028%200%20z%22%20fill%3d%22%232951a2%22%2f%3e%3c%2fsvg%3e') no-repeat right bottom;
  background-size: auto 100%;
}
.nav-global-trend a {
  background-color: #f0f6fb;
  color: #224489;
}
.nav-global-mail {
  padding: 2em;
}
.nav-global-mail a {
  justify-content: space-around;
  padding: .5em;
  background-color: #fff;
  border: solid 2px #224489;
  font-size: 160%;
  color: #224489;
}
.nav-global-ico {
  display: block;
  width: 7.5vw;
  height: 7.5vw;
  z-index: 1;
}
.nav-global .txt {
  white-space: nowrap;
}
.nav-global .txt-s {
  display: block;
  font-size: 63.6%;
  font-weight: normal;
}
.header-sns {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 3em 3em;
  margin-top: 1em;
  box-sizing: border-box;
}
.header-sns li {
  width: 18%;
}
.header-sns li a {
  display: block;
}
.header-sns li .img {
  position: relative;
  display: block;
  width: 100%;
  height: 3.72em;
  border-radius: 50%;
  overflow: hidden;
}
/*.header-sns .facebook .img {
  background-color: #1877f2;
}*/
.header-sns .facebook .img svg path {
  fill: #1877f2 !important;
}
.header-sns .twitter .img {
  background-color: #1da1f2;
}
.header-sns .x .img {
  background-color: #000;
}
.header-sns .hatebu .img {
  background-color: #00a4de;
}
.header-sns .line .img {
  background-color: #00b900;
}
.header-sns li .img img {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  width: 90%;
  height: auto;
  margin: auto;
}
.header-sns .facebook .img img {
  width: 100%;
}
@media screen and (min-width: 768px), print {
  .toggle_btn,
  .toggle {
    display: none;
  }
  .nav-global-area {
    position: static;
    display: block;
    top: inherit;
  }
  .nav-global-ico {
    display: block;
    width: 26px;
    height: 26px;
  }
  .nav-global-mail .nav-global-ico {
    width: 16px;
    height: 16px;
  }
  .nav-global a {
    height: 81px;
    box-sizing: border-box;
    font-size: 121.4%;
  }
  .nav-global a .txt {
    width: 86%;
  }
  .nav-global-station a,
  .nav-global-service a,
  .nav-global-car a,
  .nav-global-useful a {
    padding: 1.2em 1em;
  }
  .nav-global-station a::after,
  .nav-global-service a::after,
  .nav-global-car a::after,
  .nav-global-useful a::after {
    width: 57px;
  }
  .nav-global-trend a {
    border-right: solid 1px #fff;
  }
  .nav-global .txt-s {
    font-size: 70.6%;
  }
  .nav-global-mail {
    padding: 1.5em;
  }
  .nav-global-mail a {
    justify-content: space-between;
    padding: .5em 1em;
    height: auto;
    font-size: 100%;
  }
  .header-sns {
    width: 100%;
    /*position: absolute;
    bottom: 1.5em;
    left: 0;*/
    padding: 0 2.5em;
  }
  .header-sns li {
    width: 16.67%;
  }
  .header-sns li .img {
    height: 2.143em;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .header-logo a {
    padding: 52.6px 0;
  }
  .header-mark {
    width: 50%;
    height: 23px;
    margin: auto;
  }
  .header-txt .txt1 {
    width: 90%;
    height: 14px;
    margin-bottom: 0;
    margin-top: -2px;
  }
  .header-txt .txt2 {
    width: 60%;
    height: 14px;
    margin-top: -6px;
  }
  .nav-global a,
  .nav-global-station a,
  .nav-global-service a,
  .nav-global-car a,
  .nav-global-useful a {
    padding: 1.2em .5em;
  }
  .nav-global a .txt {
    display: none;
  }
  .nav-global-ico {
    margin: auto;
  }
  .nav-global-mail {
    padding: 0;
  }
  .nav-global-mail a {
    border: none;
  }
  .nav-global-station a::after,
  .nav-global-service a::after,
  .nav-global-car a::after,
  .nav-global-useful a::after {
    width: 100%;
  }
  .nav-global-mail .nav-global-ico {
    width: 24px;
    height: 24px;
    margin: auto;
  }
  .header-sns {
    display: block;
    padding: 0 .5em;
  }
  .header-sns li {
    width: 100%;
    margin-bottom: .5em;
    padding: 0 .536em;
    box-sizing: border-box;
  }
  .header-sns li .img {
    height: 2em;
  }
}

/* overlay
****************************************************** */
.overlay {
  display: none;
  width: 100%;
  height: 100%;
  text-align: center;
  position: fixed;
  top: 0;
  z-index: 999;
  background-color: rgba(0,0,0,.8);
  opacity: 0.7;
}
/* footer
****************************************************** */
.footer {
  position: relative;
  margin-top: 5em;
}
.pagetop {
  position: absolute;
  top: -2.5em;
  right: 0;
  display: block;
  padding: .75em 3em .75em 1.25em;
  background-color: #224489;
  line-height: 1;
  color: #fff;
}
.pagetop::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 1.25em;
  display: block;
  width: .9em;
  height: .5em;
  margin: auto;
  background: url('data:image/svg+xml,%3csvg%20xmlns%3d%22http%3a%2f%2fwww%2ew3%2eorg%2f2000%2fsvg%22%20version%3d%221%2e1%22%20viewBox%3d%220%200%2040%2024%22%3e%3cpath%20d%3d%22M%2040%200%20L%200%200%20L%2020%2024%20z%22%20fill%3d%22%23fff%22%20%2f%3e%3c%2fsvg%3e') no-repeat center;
  transform: rotate(180deg);
}
.footer .inner {
  width: 81.25%;
}
.footer-bnr-area {
  padding: 3em 0;
  background-color: #f0f6fb;
}
.footer-bnr-area li {
  margin-top: 1.5em;
}
.footer-bnr-area li:first-child {
  margin-top: 0;
}
.footer-bnr-area li a,
.footer-bnr-area li img {
  display: block;
  margin: auto;
}
.footer-nav {
  background-color: #04163a;
  color: #fff;
  overflow: hidden;
}
.footer-nav .sec_ttl {
  position: relative;
  padding: 1em 0;
  margin: 1em 0;
  border-bottom: solid 1px rgba(255,255,255,.2);
  font-size: 128.6%;
}
.footer-nav .sec_ttl .icon {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  display: block;
  width: 5.9375vw;
  height: 5.9375vw;
  opacity: .2;
}
.footer-nav a {
  color: #fff;
}
.footer-nav li a {
  display: inline-block;
  margin-bottom: .5em;
}
.footer-nav li li {
  position: relative;
  margin-left: 1.3em;
}
.footer-nav li li::before {
  content: "－";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  text-indent: -1.3em;
  color: rgba(255,255,255,.2);
}
.footer-nav .search-map a {
  position: relative;
  display: block;
  padding: 1em .8em 0;
  box-sizing: border-box;
  border: solid 1px rgba(255,255,255,.5);
}
.footer-nav .search-map a span {
  position: absolute;
  bottom: 1em;
  right: 1em;
}
.footer-nav .search-map + ul {
  margin-top: 1em;
}
.footer-btm {
  padding: 2em 0;
  margin-top: 1em;
  border-top: solid 1px rgba(255,255,255,.2)
}
.footer-btm .copyright {
  margin-top: 1em;
}
@media screen and (min-width: 768px), print {
  .pagetop {
    cursor: pointer;
    transition: opacity .3s ease;
  }
  .pagetop::after {
    width: .6em;
  }
  .pagetop:hover {
    opacity: .8;
  }
  .footer .inner {
    width: 100%;
  }
  .footer-bnr-area {
  }
  .footer-bnr-area ul {
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
  }
  .footer-bnr-area li {
    width: 210px;
    margin-top: 0;
    margin-right: 2em;
  }
  .footer nav {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
  }
  .footer nav section {
    max-width: 240px;
    width: 32%;
  }
  .footer-nav {
    padding-top: 1em;
  }
  .footer-nav .sec_ttl {
    margin: 2em 0;
    font-size: 100%;
  }
  .footer-nav .sec_ttl .icon {
    width: 20px;
    height: 20px;
  }
  .footer-nav .search-map {
    max-width: 200px;
  }
  .footer-btm {
    padding: 0;
  }
  .footer-btm .inner {
    max-width: none;
    padding: 1em 2em;
    box-sizing: border-box;
  }
  .footer-btm ul {
    display: flex;
    align-items: center;
    justify-content: flex-start;
  }
  .footer-btm li {
    display: block;
    margin-right: 2em;
  }
  .footer-btm li a {
    margin-bottom: 0;
  }
  .footer-btm .copyright {
    margin: 0;
    width: calc(100% - 406px);
    text-align: right;
    font-size: 86%;
  }
}


/* search
****************************************************** */
.search-blk {
  padding: 0 .5em;
  background-color: #333;
  color: #fff;
}
.search-blk .search-box-list {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  padding: 1em;
}
.search-blk .search-box-list li {
  width: 49%;
  margin-bottom: .6em;
}
.search-blk > .blk {
  padding: .6em 2em 1.4em;
}
.search-keywords {
  margin-bottom: 1.4em;
}
.search-keywords .txt {
  display: block;
  margin-bottom: .8em;
  line-height: 1.4;
  text-align: center;
  font-size: 85.7%;
  font-weight: bold;
}
.search-keywords .search-keywords-box {
  width: 100%;
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  line-height: 1;
}
.search-keywords input[type="text"] {
  width: 90%;
  padding: .68em .5em;
  box-sizing: border-box;
  font-size: 16px;
}
.search-keywords input[type="text"]::placeholder {
  font-size: 85%;
}
.search-keywords button {
  padding: .75em 2em;
  background: url('data:image/svg+xml,%3csvg%20version%3d%221%2e1%22%20xmlns%3d%22http%3a%2f%2fwww%2ew3%2eorg%2f2000%2fsvg%22%20viewBox%3d%220%200%2032%2032%22%3e%3cpath%20d%3d%22M3%2e538%203%2e538c%2d2%2e186%202%2e186%2d3%2e538%205%2e206%2d3%2e538%208%2e541%200%206%2e671%205%2e408%2012%2e079%2012%2e079%2012%2e079s12%2e079%2d5%2e408%2012%2e079%2d12%2e079c0%2d6%2e671%2d5%2e408%2d12%2e079%2d12%2e079%2d12%2e079v0c%2d0%2e004%200%2d0%2e009%200%2d0%2e013%200%2d3%2e331%200%2d6%2e347%201%2e352%2d8%2e527%203%2e538l%2d0%200zM6%2e836%2017%2e323c%2d1%2e341%2d1%2e341%2d2%2e17%2d3%2e194%2d2%2e17%2d5%2e241%200%2d4%2e094%203%2e319%2d7%2e413%207%2e413%2d7%2e413s7%2e413%203%2e319%207%2e413%207%2e413c0%204%2e094%2d3%2e319%207%2e413%2d7%2e412%207%2e413h%2d0c%2d0%2e004%200%2d0%2e009%200%2d0%2e014%200%2d2%2e044%200%2d3%2e893%2d0%2e83%2d5%2e23%2d2%2e172l%2d0%2d0z%22%20fill%3d%22%23fff%22%3e%3c%2fpath%3e%3cpath%20d%3d%22M26%2e208%2022%2e087l4%2e947%204%2e947c0%2e522%200%2e526%200%2e844%201%2e251%200%2e844%202%2e052%200%201%2e61%2d1%2e305%202%2e915%2d2%2e915%202%2e915%2d0%2e8%200%2d1%2e526%2d0%2e323%2d2%2e052%2d0%2e845l%2d4%2e945%2d4%2e945c%2d0%2e533%2d0%2e528%2d0%2e863%2d1%2e261%2d0%2e863%2d2%2e070%200%2d1%2e61%201%2e305%2d2%2e915%202%2e915%2d2%2e915%200%2e809%200%201%2e541%200%2e33%202%2e069%200%2e862l0%200z%22%20fill%3d%22%23fff%22%3e%3c%2fpath%3e%3c%2fsvg%3e') no-repeat center #224489;
  background-size: auto 50%;
  text-indent: -9999px;
}
.search-location a {
  display: block;
  padding: .64em 1em;
  box-sizing: border-box;
  background: url('data:image/svg+xml,%3csvg%20version%3d%221%2e1%22%20xmlns%3d%22http%3a%2f%2fwww%2ew3%2eorg%2f2000%2fsvg%22%20viewBox%3d%220%200%2032%2032%22%3e%3cpath%20d%3d%22M28%2e97%2014%2e777c%2d0%2e601%2d6%2e232%2d5%2e516%2d11%2e147%2d11%2e694%2d11%2e746l%2d0%2e053%2d0%2e004v%2d3%2e027h%2d2%2e446v3%2e030c%2d6%2e232%200%2e602%2d11%2e148%205%2e518%2d11%2e746%2011%2e697l%2d0%2e004%200%2e053h%2d3%2e027v2%2e446h3%2e030c0%2e603%206%2e231%205%2e519%2011%2e145%2011%2e697%2011%2e743l0%2e053%200%2e004v3%2e027h2%2e446v%2d3%2e030c6%2e229%2d0%2e604%2011%2e142%2d5%2e517%2011%2e74%2d11%2e694l0%2e004%2d0%2e053h3%2e031v%2d2%2e446h%2d3%2e030zM26%2e438%2017%2e223c%2d0%2e581%204%2e837%2d4%2e378%208%2e632%2d9%2e165%209%2e206l%2d0%2e050%200%2e005v%2d4%2e334h%2d2%2e445v4%2e333c%2d4%2e835%2d0%2e581%2d8%2e63%2d4%2e375%2d9%2e206%2d9%2e16l%2d0%2e005%2d0%2e050h4%2e333v%2d2%2e446h%2d4%2e333c0%2e581%2d4%2e835%204%2e376%2d8%2e63%209%2e161%2d9%2e206l0%2e050%2d0%2e005v4%2e334h2%2e446v%2d4%2e334c4%2e837%200%2e58%208%2e633%204%2e375%209%2e209%209%2e162l0%2e005%200%2e050h%2d4%2e337v2%2e446h4%2e337z%22%20fill%3d%22%23fff%22%3e%3c%2fpath%3e%3cpath%20d%3d%22M16%2014%2e625c%2d0%2e759%200%2d1%2e375%200%2e616%2d1%2e375%201%2e375s0%2e616%201%2e375%201%2e375%201%2e375c0%2e759%200%201%2e375%2d0%2e616%201%2e375%2d1%2e375v0c0%2d0%2e759%2d0%2e616%2d1%2e375%2d1%2e375%2d1%2e375v0z%22%20fill%3d%22%23fff%22%3e%3c%2fpath%3e%3c%2fsvg%3e') no-repeat 90% center #224489;
  background-size: auto 45%;
  line-height: 1.6;
  font-size: 100%;
  font-weight: bold;
  color: #fff;
}
.search-refine {
  padding: .6em 0 1.4em;
  background-color: #04163a;
  color: #fff;
  z-index: 100;
}
.search-refine .ttl {
  display: block;
  padding: 0 0 .8em;
  font-size: 85.7%;
}
.search-refine > .ttl {
  text-align: center;
}
.search-tab-content {
  position: relative;
}
.search-company,
.search-car {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  display: none;
  width: 90%;
  margin: auto;
  z-index: 10;
}
.search-car-name .notice {
  padding: 1em;
}
.search-car-name .search-box-list li {
  display: none;
}
.search-car-name .search-box-list li.active {
  display: block;
  animation: show .6s linear 0s;
}
.search-btn-area {
  padding: 1.2em 0;
  background-color: #333;
}
.search-btn-area button {
  display: block;
  padding: .75em 4em;
  margin: 0 auto;
  box-sizing: border-box;
  background-color: #224489;
  line-height: 1;
  text-align: center;
  font-size: 100%;
  color: #fff;
}
.search-btn-area button::after {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  margin-left: 1em;
  background: url('data:image/svg+xml,%3csvg%20version%3d%221%2e1%22%20xmlns%3d%22http%3a%2f%2fwww%2ew3%2eorg%2f2000%2fsvg%22%20viewBox%3d%220%200%2032%2032%22%3e%3cpath%20d%3d%22M3%2e538%203%2e538c%2d2%2e186%202%2e186%2d3%2e538%205%2e206%2d3%2e538%208%2e541%200%206%2e671%205%2e408%2012%2e079%2012%2e079%2012%2e079s12%2e079%2d5%2e408%2012%2e079%2d12%2e079c0%2d6%2e671%2d5%2e408%2d12%2e079%2d12%2e079%2d12%2e079v0c%2d0%2e004%200%2d0%2e009%200%2d0%2e013%200%2d3%2e331%200%2d6%2e347%201%2e352%2d8%2e527%203%2e538l%2d0%200zM6%2e836%2017%2e323c%2d1%2e341%2d1%2e341%2d2%2e17%2d3%2e194%2d2%2e17%2d5%2e241%200%2d4%2e094%203%2e319%2d7%2e413%207%2e413%2d7%2e413s7%2e413%203%2e319%207%2e413%207%2e413c0%204%2e094%2d3%2e319%207%2e413%2d7%2e412%207%2e413h%2d0c%2d0%2e004%200%2d0%2e009%200%2d0%2e014%200%2d2%2e044%200%2d3%2e893%2d0%2e83%2d5%2e23%2d2%2e172l%2d0%2d0z%22%20fill%3d%22%23fff%22%3e%3c%2fpath%3e%3cpath%20d%3d%22M26%2e208%2022%2e087l4%2e947%204%2e947c0%2e522%200%2e526%200%2e844%201%2e251%200%2e844%202%2e052%200%201%2e61%2d1%2e305%202%2e915%2d2%2e915%202%2e915%2d0%2e8%200%2d1%2e526%2d0%2e323%2d2%2e052%2d0%2e845l%2d4%2e945%2d4%2e945c%2d0%2e533%2d0%2e528%2d0%2e863%2d1%2e261%2d0%2e863%2d2%2e070%200%2d1%2e61%201%2e305%2d2%2e915%202%2e915%2d2%2e915%200%2e809%200%201%2e541%200%2e33%202%2e069%200%2e862l0%200z%22%20fill%3d%22%23fff%22%3e%3c%2fpath%3e%3c%2fsvg%3e') no-repeat center;
  background-size: auto 100%;
  vertical-align: middle;
}
.search-btn-area button span {
  vertical-align: middle;
}
@keyframes show {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.search-refine .search-input {
  display: none;
}
.search-refine .search-part {
  position: relative;
  display: block;
  padding: 1em .5em;
  transition: .3s;
  box-sizing: border-box;
  border: 2px solid #fff;
  line-height: 1;
  text-align: center;
  font-size: 85.7%;
}
.search-refine .search-input:checked + .search-part{
  background: #fff;
  color: #224489;
}
.search-tab {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  width: 90%;
  margin: auto;
}
.search-tab li {
  position: relative;
  width: 49.6%;
  padding: 1em .7em;
  box-sizing: border-box;
  background-color: #224489;
  font-size: 114.2%;
  cursor: pointer;
}
.search-tab li::before {
  content: "";
  position: absolute;
  top: -1.6em;
  right: .8em;
  display: block;
  width: 2.5em;
  height: 2.5em;
  background: url('data:image/svg+xml,%3csvg%20version%3d%221%2e1%22%20xmlns%3d%22http%3a%2f%2fwww%2ew3%2eorg%2f2000%2fsvg%22%20viewBox%3d%220%200%2032%2032%22%3e%3cpath%20d%3d%22M2%2e144%2012%2e726c0%2e144%2d0%2e313%200%2e418%2d0%2e831%200%2e901%2d1%2e738%200%2e222%2d0%2e418%200%2e47%2d0%2e879%200%2e724%2d1%2e351h%2d2%2e224c%2d0%2e853%200%2d1%2e545%200%2e692%2d1%2e545%201%2e545s0%2e692%201%2e545%201%2e545%201%2e545v0h0%2e599z%22%20fill%3d%22%23224489%22%3e%3c%2fpath%3e%3cpath%20d%3d%22M30%2e454%209%2e636h%2d2%2e223c0%2e254%200%2e473%200%2e5%200%2e934%200%2e722%201%2e352%200%2e484%200%2e908%200%2e757%201%2e424%200%2e902%201%2e738h0%2e599c0%2e853%200%201%2e545%2d0%2e692%201%2e545%2d1%2e545s%2d0%2e692%2d1%2e545%2d1%2e545%2d1%2e545v0z%22%20fill%3d%22%23224489%22%3e%3c%2fpath%3e%3cpath%20d%3d%22M2%2e461%2026%2e118c0%201%2e15%200%2e933%202%2e083%202%2e083%202%2e083s2%2e083%2d0%2e933%202%2e083%2d2%2e083v0%2d1%2e97h%2d4%2e166v1%2e97z%22%20fill%3d%22%23224489%22%3e%3c%2fpath%3e%3cpath%20d%3d%22M25%2e371%2026%2e118c0%201%2e15%200%2e933%202%2e083%202%2e083%202%2e083s2%2e083%2d0%2e933%202%2e083%2d2%2e083v0%2d1%2e97h%2d4%2e166v1%2e97z%22%20fill%3d%22%23224489%22%3e%3c%2fpath%3e%3cpath%20d%3d%22M29%2e242%2013%2e113c0%2e104%200%2e031%2d3%2e858%2d7%2e238%2d4%2e047%2d7%2e632%2d0%2e5%2d1%2e044%2d1%2e734%2d1%2e669%2d2%2e941%2d1%2e669h%2d12%2e512c%2d1%2e206%200%2d2%2e438%200%2e625%2d2%2e941%201%2e669%2d0%2e188%200%2e394%2d4%2e149%207%2e663%2d4%2e044%207%2e632%200%200%2d1%2e282%201%2e277%2d1%2e379%201%2e379%2d0%2e54%200%2e58%2d0%2e5%201%2e081%2d0%2e5%201%2e582v5%2e786c0%201%2e079%200%2e193%201%2e67%201%2e464%201%2e67h27%2e313c1%2e271%200%201%2e465%2d0%2e591%201%2e465%2d1%2e67v%2d5%2e786c0%2d0%2e5%200%2e039%2d1%2d0%2e5%2d1%2e582%2d0%2e095%2d0%2e102%2d1%2e375%2d1%2e379%2d1%2e375%2d1%2e379zM6%2e035%2010%2e883s2%2e543%2d4%2e582%202%2e694%2d4%2e883c0%2e257%2d0%2e513%200%2e989%2d0%2e883%201%2e738%2d0%2e883h11%2e063c0%2e75%200%201%2e481%200%2e37%201%2e738%200%2e883%200%2e151%200%2e3%202%2e696%204%2e882%202%2e696%204%2e882%200%2e234%200%2e422%200%2e027%201%2e207%2d0%2e667%201%2e207h%2d18%2e596c%2d0%2e694%200%2d0%2e899%2d0%2e785%2d0%2e665%2d1%2e207zM9%2e607%2020%2e616c%2d0%2e155%200%2e193%2d0%2e391%200%2e315%2d0%2e656%200%2e315%2d0%2e021%200%2d0%2e042%2d0%2e001%2d0%2e063%2d0%2e002l0%2e003%200%2d4%2e329%2d0%2e32c%2d0%2e381%2d0%2e028%2d0%2e689%2d0%2e306%2d0%2e763%2d0%2e67l%2d0%2e001%2d0%2e005%2d0%2e289%2d1%2e444c%2d0%2e010%2d0%2e050%2d0%2e016%2d0%2e107%2d0%2e016%2d0%2e165%200%2d0%2e466%200%2e377%2d0%2e843%200%2e843%2d0%2e843%200%2e027%200%200%2e053%200%2e001%200%2e080%200%2e004l%2d0%2e003%2d0%204%2e212%200%2e391c0%2e348%200%2e033%200%2e633%200%2e274%200%2e729%200%2e596l0%2e002%200%2e006%200%2e405%201%2e375c0%2e022%200%2e071%200%2e034%200%2e153%200%2e034%200%2e237%200%200%2e202%2d0%2e071%200%2e387%2d0%2e19%200%2e532l0%2e001%2d0%2e002zM19%2e547%2021%2e708c0%200%200%200%200%200%200%200%2e171%2d0%2e138%200%2e31%2d0%2e309%200%2e312h%2d6%2e477c%2d0%2e173%200%2d0%2e313%2d0%2e14%2d0%2e313%2d0%2e313v0%2d2%2e857c0%2e001%2d0%2e17%200%2e139%2d0%2e307%200%2e309%2d0%2e307%200%2e001%200%200%2e003%200%200%2e004%200h6%2e478c0%200%200%200%200%200%200%2e17%200%200%2e308%200%2e137%200%2e309%200%2e307v2%2e854zM28%2e49%2018%2e492l%2d0%2e29%201%2e444c%2d0%2e076%200%2e367%2d0%2e383%200%2e643%2d0%2e76%200%2e671l%2d0%2e003%200%2d4%2e329%200%2e318c%2d0%2e019%200%2e002%2d0%2e041%200%2e002%2d0%2e063%200%2e002%2d0%2e465%200%2d0%2e842%2d0%2e377%2d0%2e842%2d0%2e842%200%2d0%2e085%200%2e013%2d0%2e167%200%2e036%2d0%2e245l%2d0%2e002%200%2e006%200%2e404%2d1%2e375c0%2e099%2d0%2e327%200%2e384%2d0%2e567%200%2e729%2d0%2e598l0%2e003%2d0%204%2e214%2d0%2e389c0%2e023%2d0%2e002%200%2e050%2d0%2e004%200%2e078%2d0%2e004%200%2e466%200%200%2e843%200%2e377%200%2e843%200%2e843%200%200%2e059%2d0%2e006%200%2e116%2d0%2e017%200%2e171l0%2e001%2d0%2e005z%22%20fill%3d%22%23224489%22%3e%3c%2fpath%3e%3c%2fsvg%3e') no-repeat center #fff;
  background-size: 54% auto;
  border-radius: 50%;
}
.search-tab li:first-child::before {
  right: inherit;
  left: .8em;
  background-image: url('data:image/svg+xml,%3csvg%20version%3d%221%2e1%22%20xmlns%3d%22http%3a%2f%2fwww%2ew3%2eorg%2f2000%2fsvg%22%20viewBox%3d%220%200%2032%2032%22%3e%3cpath%20d%3d%22M7%2e465%2024%2e534h3%2e416v3%2e416h%2d3%2e416v%2d3%2e416zM21%2e121%2024%2e534h3%2e416v3%2e416h%2d3%2e416v%2d3%2e416zM7%2e465%2017%2e707h3%2e416v3%2e416h%2d3%2e416v%2d3%2e416zM14%2e293%2017%2e707h3%2e416v3%2e416h%2d3%2e416v%2d3%2e416zM21%2e121%2017%2e707h3%2e416v3%2e416h%2d3%2e416v%2d3%2e416zM7%2e465%2010%2e879h3%2e416v3%2e416h%2d3%2e416v%2d3%2e416zM14%2e293%2010%2e879h3%2e416v3%2e416h%2d3%2e416v%2d3%2e416zM21%2e121%2010%2e879h3%2e416v3%2e416h%2d3%2e416v%2d3%2e416zM7%2e465%204%2e052h3%2e416v3%2e416h%2d3%2e416v%2d3%2e416zM14%2e293%204%2e052h3%2e416v3%2e416h%2d3%2e416v%2d3%2e416zM21%2e121%204%2e052h3%2e416v3%2e416h%2d3%2e416v%2d3%2e416zM2%2e914%2d0%2e5v33h11%2e379v%2d7%2e966h3%2e416v7%2e966h11%2e377v%2d33h%2d26%2e172z%22%20fill%3d%22%23224489%22%3e%3c%2fpath%3e%3c%2fsvg%3e');
}
.search-tab li::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: .6em;
  display: block;
  width: .9em;
  height: .5em;
  margin: auto;
  background: url('data:image/svg+xml,%3csvg%20xmlns%3d%22http%3a%2f%2fwww%2ew3%2eorg%2f2000%2fsvg%22%20version%3d%221%2e1%22%20viewBox%3d%220%200%2040%2024%22%3e%3cpath%20d%3d%22M%2040%200%20L%200%200%20L%2020%2024%20z%22%20fill%3d%22%23fff%22%20%2f%3e%3c%2fsvg%3e') no-repeat center;
}
.search-company {
  background-color: #224489;
}
.search-company .ttl,
.search-car .ttl {
  padding: .7em;
  background-color: #2855b0;
  font-size: 114.2%;
  font-weight: normal;
}
.search-car .ttl small {
  font-size: 66.7%;
}
.search-car {
  background-color: #224489;
}

@media screen and (min-width: 768px), print {
  .search-blk {
    padding: 1.1em .7em 1.05em;
  }
  .search-blk > .blk {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 58%;
    max-width: 586px;
    padding: 0;
    line-height: 1;
  }
  .search-blk .search-box-list {
    justify-content: flex-start;
    padding: 2em;
  }
  .search-blk .search-box-list li {
    width: 23.8%;
    margin-left: 1.2%;
  }
  .search-keywords {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 70%;
    margin-bottom: 0;
  }
  .search-keywords .txt {
    padding: 0 0 0 4%;
    width: 18%;
    margin-bottom: 0;
    text-align: left;
    white-space: nowrap;
  }
  .search-keywords .search-keywords-box {
    width: 78%;
  }
  .search-keywords input[type="text"] {
    max-width: 246px;
    min-width: 140px;
    width: 79%;
  }
  .search-keywords button {
    width: 21%;
    background-size: auto 40%;
  }
  .search-location {
    width: 28%;
  }
  .search-location a {
    padding: .876em 1em;
    max-width: 160px;
    font-size: 85.7%;
  }
  .search-refine {
    position: absolute;
    top: 0;
    right: .7em;
    width: 39.8%;
    max-width: 400px;
    padding: .3em 0 1.6em;
    height: 70px;
    box-sizing: border-box;
  }
  .search-refine > .ttl {
    padding-bottom: .2em;
  }
  .search-refine .search-part {
    min-height: 39px;
    cursor: pointer;
  }
  .search-tab {
    position: static;
    /*top: 2em;
    left: 0;
    right: 0;*/
    margin: .3em auto 0;
  }
  .search-tab li {
    padding: 1.3em 1.2em;
    font-size: 100%;
  }
  .search-tab li::before {
    top: -1.4em;
    right: .7em;
    width: 2.1em;
    height: 2.1em;
  }
  .search-tab li:first-child::before {
    left: .7em;
  }
  .search-tab li::after {
    width: .6em;
  }
  .search-company,
  .search-car {
    position: absolute;
    max-width: 800px;
    width: 220%;
    right: 5%;
    left: inherit;
  }
  .search-car .search-box-list {
    padding: 2em 2em 2em calc(2em - 1.2%);
  }
  .search-company .search-box-list li {
    width: 19%;
    margin-left: 1.25%;
  }
  .search-company .search-box-list li:nth-child(4n+1) {
    margin-left: 1.25%;
  }
  .search-company .search-box-list li:nth-child(5n+1) {
    margin-left: 0;
  }
  .search-company .search-box-list li .search-part {
  }
  .search-company b,
  .search-car b {
    padding: .5em 1em;
    font-size: 150%;
  }
  .search-car-name .notice {
    padding: 2em 2em 0;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .search-blk > .blk {
    width: 55%;
  }
  .search-keywords {
    width: 66%;
  }
  .search-keywords .txt {
    display: none;
  }
  .search-keywords .search-keywords-box {
    width: 100%;
  }
  .search-location {
    width: 33%;
  }
  .search-refine {
    width: 43%;
  }
}

/* main 共通
****************************************************** */
.blk {
  padding: 2em 0;
}
.blk-ttl {
  line-height: 1.2;
  font-size: 185.7%;
  color: #2951a2;
}
.blk-subttl {
  padding: .75em .5em .75em 1em;
  background-color: #f0f6fb;
  border-left: solid 1px #224489;
  line-height: 1.2;
  font-size: 150%;
  color: #224489;
}
.label {
  font-family: 'Oswald';
  font-weight: 600;
}
@media screen and (min-width: 768px), print {
  .blk {
    padding: 4em 0;
  }
  .blk-ttl {
    font-size: 235.7%;
  }
}

/* map
****************************************************** */
.map-blk {
  position: relative;
}
.map-blk .googlemap {
  position: relative;
  height: 130vw;
  box-sizing: border-box;
  border: solid .5em #333;
}
.map-blk .googlemap .near-station-list {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 78%;
  height: 10.65%;
  overflow: hidden;
  padding-left: .7em;
  box-sizing: border-box;
  background-color: #224489;
  color: #fff;
  transition: height .3s ease;
}
.map-blk .googlemap .near-station-list.open {
  height: 100%;
}
.map-blk .googlemap .near-station-list b {
  display: block;
  padding: 1em 1.5em;
  background: url('data:image/svg+xml,%3csvg%20version%3d%221%2e1%22%20xmlns%3d%22http%3a%2f%2fwww%2ew3%2eorg%2f2000%2fsvg%22%20viewBox%3d%220%200%2032%2032%22%3e%3cpath%20d%3d%22M16%200c%2d6%2e662%200%2d12%2e066%205%2e403%2d12%2e066%2012%2e066s12%2e066%2019%2e934%2012%2e066%2019%2e934c0%2e35%2d0%2e35%2012%2e066%2d13%2e272%2012%2e066%2d19%2e934s%2d5%2e403%2d12%2e066%2d12%2e066%2d12%2e066zM16%2017%2e224c%2d3%2e48%200%2d6%2e295%2d2%2e815%2d6%2e295%2d6%2e295s2%2e815%2d6%2e295%206%2e295%2d6%2e295%206%2e295%202%2e815%206%2e295%206%2e295c0%203%2e48%2d2%2e815%206%2e295%2d6%2e295%206%2e295z%22%20style%3d%22fill%3a%23fff%3b%22%3e%3c%2fpath%3e%3c%2fsvg%3e') no-repeat 96% center #224489;
  background-size: auto 50%;
  box-sizing: border-box;
  cursor: pointer;
}
.map-blk .googlemap .near-station-list.open b {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  background-image: url('data:image/svg+xml,%3csvg%20version%3d%221%2e1%22%20xmlns%3d%22http%3a%2f%2fwww%2ew3%2eorg%2f2000%2fsvg%22%20viewBox%3d%220%200%2020%2020%22%3e%3cpath%20d%3d%22M10%208%2e586l%2d7%2e071%2d7%2e071%2d1%2e414%201%2e414%207%2e071%207%2e071%2d7%2e071%207%2e071%201%2e414%201%2e414%207%2e071%2d7%2e071%207%2e071%207%2e071%201%2e414%2d1%2e414%2d7%2e071%2d7%2e071%207%2e071%2d7%2e071%2d1%2e414%2d1%2e414%2d7%2e071%207%2e071z%22%20fill%3d%22%23fff%22%3e%3c%2fpath%3e%3c%2fsvg%3e');
}
.map-blk .googlemap .near-station-list.open .station-list {
  height: calc(100% - 13.5vw);
  margin-top: 13.5vw;
  overflow-y: scroll;
}
.map-blk .googlemap .station-list li {
  padding: 1em;
  background-color: #04163a;
  border-bottom: solid 1px #224489;
  cursor: pointer;
}
.map-blk .googlemap .station-list li a {
  color: #fff;
}
.map-blk .googlemap .station-list li .scrollbox_frame {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.map-blk .googlemap .station-list li .scrollbox_marker {
  width: 9%;
}
.map-blk .googlemap .station-list li .scrollbox_text {
  width: 86%;
  font-size: 85.7%;
}
.map-blk .googlemap .station-list li .new {
  display: inline-block;
  padding: 0 .5em;
  margin-left: .5em;
  background-color: #ff327e;
  font-size: 75%;
  color: #fff;
}
#sta_detail .map-blk .googlemap {
  height: 105vw;
  border-top: solid .5em #333;
}
#sta_detail .map-blk .googlemap #map {
  /*height: 50%;*/
}
#sta_detail .map-blk .googlemap #streetview {
  height: 50%;
  box-sizing: border-box;
  border-top: solid .5em #333;
  display: none;
}

@media screen and (min-width: 768px), print {
  .map-blk .googlemap {
    height: 714px;
    border-width: .7em;
    border-top: none;
  }
  .map-blk .googlemap .near-station-list {
    max-width: 300px;
    height: 50px;
  }
  .map-blk .googlemap .near-station-list.open {
    height: 90%;
  }
  .map-blk .googlemap .near-station-list b {
    background-position: 94% center;
    background-size: auto 40%;
  }
  .map-blk .googlemap .near-station-list.open b {
    background-image: url('data:image/svg+xml,%3csvg%20version%3d%221%2e1%22%20xmlns%3d%22http%3a%2f%2fwww%2ew3%2eorg%2f2000%2fsvg%22%20viewBox%3d%220%200%2032%2032%22%3e%3cpath%20d%3d%22M31%2e708%2025%2e708c%2d0%2d0%2d0%2d0%2d0%2d0l%2d9%2e708%2d9%2e708%209%2e708%2d9%2e708c0%2d0%200%2d0%200%2d0%200%2e105%2d0%2e105%200%2e18%2d0%2e227%200%2e229%2d0%2e357%200%2e133%2d0%2e356%200%2e057%2d0%2e771%2d0%2e229%2d1%2e057l%2d4%2e586%2d4%2e586c%2d0%2e286%2d0%2e286%2d0%2e702%2d0%2e361%2d1%2e057%2d0%2e229%2d0%2e13%200%2e048%2d0%2e252%200%2e124%2d0%2e357%200%2e228%200%200%2d0%200%2d0%200l%2d9%2e708%209%2e708%2d9%2e708%2d9%2e708c%2d0%2d0%2d0%2d0%2d0%2d0%2d0%2e105%2d0%2e104%2d0%2e227%2d0%2e18%2d0%2e357%2d0%2e228%2d0%2e356%2d0%2e133%2d0%2e771%2d0%2e057%2d1%2e057%200%2e229l%2d4%2e586%204%2e586c%2d0%2e286%200%2e286%2d0%2e361%200%2e702%2d0%2e229%201%2e057%200%2e049%200%2e13%200%2e124%200%2e252%200%2e229%200%2e357%200%200%200%200%200%200l9%2e708%209%2e708%2d9%2e708%209%2e708c%2d0%200%2d0%200%2d0%200%2d0%2e104%200%2e105%2d0%2e18%200%2e227%2d0%2e229%200%2e357%2d0%2e133%200%2e355%2d0%2e057%200%2e771%200%2e229%201%2e057l4%2e586%204%2e586c0%2e286%200%2e286%200%2e702%200%2e361%201%2e057%200%2e229%200%2e13%2d0%2e049%200%2e252%2d0%2e124%200%2e357%2d0%2e229%200%2d0%200%2d0%200%2d0l9%2e708%2d9%2e708%209%2e708%209%2e708c0%200%200%200%200%200%200%2e105%200%2e105%200%2e227%200%2e18%200%2e357%200%2e229%200%2e356%200%2e133%200%2e771%200%2e057%201%2e057%2d0%2e229l4%2e586%2d4%2e586c0%2e286%2d0%2e286%200%2e362%2d0%2e702%200%2e229%2d1%2e057%2d0%2e049%2d0%2e13%2d0%2e124%2d0%2e252%2d0%2e229%2d0%2e357z%22%20fill%3d%22%23fff%22%3e%3c%2fpath%3e%3c%2fsvg%3e%0d%0a');
    background-size: auto 12px;
  }
  .map-blk .googlemap .near-station-list.open .station-list {
    margin-top: 50px;
    height: calc(100% - 50px);
  }
  .map-blk .googlemap .station-list li .scrollbox_marker {
    width: 10%;
  }
  .map-blk .googlemap .station-list li .scrollbox_marker img {
    width: 70%;
  }
  #sta_detail .map-blk .googlemap {
    display: flex;
    height: 342px;
    align-items: center;
    justify-content: flex-start;
    border-width: .7em;
  }
  #sta_detail .map-blk .googlemap #map {
    /*width: 61%;*/
    width: 100%;
    height: 100%;
  }
  #sta_detail .map-blk .googlemap #streetview {
    width: 39%;
    height: 100%;
    border-top: none;
    border-left: solid .7em #333;
  }
}

/* area_search
****************************************************** */
.area-search-blk {
  margin: 2em auto;
}
.area-search-blk .area_search {
  background-color: #f0f6fb;
}
.area-search-blk .area_search .area_search_ttl {
  padding: .87em 1em;
  background-color: #7f97c7;
  font-size: 114%;
  font-weight: normal;
  color: #fff;
}
.area-search-blk .area_search ul {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  width: 90%;
  margin: 0 auto;
  padding: 1.5em 0 1em;
}
.area-search-blk .area_search li {
  width: 49%;
  margin-bottom: .5em;
  box-sizing: border-box;
  border: solid 3px #224489;
  text-align: center;
}
.area-search-blk .area_search li:first-child {
}
.area-search-blk .area_search li a {
  display: block;
  padding: 1em;
  background-color: #fff;
  font-size: 85.5%;
  color: #224489;
}

@media screen and (min-width: 768px), print {
  .area-search-blk {
    margin: 4em auto;
  }
  .area-search-blk .area_search .area_search_ttl {
    padding: .65em 1em;
    font-size: 150%;
  }
  .area-search-blk .area_search ul {
    justify-content: flex-start;
    width: 94%;
  padding: 2em 0 1em;
  }
  .area-search-blk .area_search li {
    width: 19%;
    margin-left: 1.25%;
    margin-bottom: .75em;
    border-width: 2px;
  }
  .area-search-blk .area_search li:nth-child(5n+1) {
    margin-left: 0;
  }
}



/* breadcrumbs
****************************************************** */
.breadcrumbs {
  padding: 0 1em;
  background-color: #f0f6fb;
  overflow-x: scroll;
  white-space: nowrap;
}
.breadcrumbs ul {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.breadcrumbs li {
  padding: .2em .5em .4em 2.5em;
  background: url('data:image/svg+xml,%3csvg%20version%3d%221%2e1%22%20xmlns%3d%22http%3a%2f%2fwww%2ew3%2eorg%2f2000%2fsvg%22%20viewBox%3d%220%200%2024%2030%22%3e%3cpath%20d%3d%22M1%2c30H0L23%2c0h1Z%22%20fill%3d%22%23dfe7f2%22%3e%3c%2fpath%3e%3c%2fsvg%3e') no-repeat center left;
  font-size: 85.5%;
}
.breadcrumbs li:first-child {
  padding-left: 0;
  background: none;
}
.breadcrumbs li:last-child a {
  pointer-events: none;
  color: #000;
}

@media screen and (min-width: 768px), print {
  .breadcrumbs {
    overflow-x: hidden;
    white-space: normal;
  }
  .breadcrumbs li {
    white-space: nowrap;
    overflow: hidden;
    font-size: 100%;
  }
  .breadcrumbs li:last-child {
    text-overflow: ellipsis;
  }
}

/* article
****************************************************** */
article .ttl-area {
  background-color: #04163a;
  border-bottom: solid 2px #fff;
  color: #fff;
}
article .ttl-area .ttl {
  padding: .5em 1em;
  font-size: 114%;
}
article .ttl-area .ttl b {
  font-size: 137.5%;
}
article .ttl-area .sns-box {
  position: relative;
  width: 94%;
  margin: auto;
}
article .ttl-area .sns-box ul {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
}
article .ttl-area .sns-box li {
  width: 25%;
}
article .ttl-area .sns-box li span {
  position: relative;
  display: block;
  width: 100%;
  padding: .6em .1em .6em 2.5em;
  box-sizing: border-box;
  overflow: hidden;
  font-size: 66.7%;
  white-space: nowrap;
}
article .ttl-area .sns-box li a {
  display: block;
  color: #fff;
}
article .ttl-area .sns-box .facebook span {
  background-color: #1877f2;
}
article .ttl-area .sns-box .twitter span {
  background-color: #1DA1F2;
}
article .ttl-area .sns-box .x span {
  background-color: #000;
}
article .ttl-area .sns-box .hatebu span {
  background-color: #00a4de;
}
article .ttl-area .sns-box .line span {
  background-color: #00b900;
}
article .ttl-area .sns-box li span img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: .5em;
  width: 2em;
  height: auto;
  margin: auto;
}
article .ttl-area .sns-box .facebook span img {
  width: 1.4em;
}
@media screen and (min-width: 768px), print {
  article .ttl-area::after {
    content: "";
    display: block;
    clear: both;
  }
  article .ttl-area .ttl {
    /*padding: 1em 1em 0;*/
    padding: .6em 1em .5em;
    font-size: 150%;
  }
  article .ttl-area .ttl b {
    font-size: 157.1%;
  }
  article .ttl-area .sns-box {
    width: 54%;
    max-width: 552px;
    float: right;
  }
  article .ttl-area .sns-box li span {
    padding: .67em .5em .67em 3em;
    font-size: 86%;
  }
  article .ttl-area .sns-box li span img {
    left: 1em;
  }
}


/* campaign
****************************************************** */
.campaign.blk {
  position: relative;
  padding: 3em 0;
  height: 76vw;
  box-sizing: border-box;
  background-color: #f0f6fb;
  overflow: hidden;
}
.campaign.blk .label {
  position: absolute;
  top: 0;
  left: 0;
  padding: .5em 1em;
  background-color: #f1ef30;
  line-height: 1;
  font-size: 114.3%;
}
@media screen and (min-width: 768px), print {
  .campaign.blk {
    padding: 5em 0;
    max-height: 461px;
    height: 42vw;
  }
  .campaign.blk .label {
    font-size: 128.5%;
  }
}


/* detail
****************************************************** */
#sta_detail .ttl-area .ttl {
  padding: .8em;
}
#sta_detail .ttl-area .ttl::after {
  content: "";
  display: block;
  clear: both;
}
#sta_detail .ttl-area .ttl .company_logo {
  display: block;
  float: right;
  height: 2.2em;
  box-sizing: border-box;
}
#sta_detail .cariteco .ttl-area .ttl .company_logo,
#sta_detail .earthcar .ttl-area .ttl .company_logo,
#sta_detail .dshare .ttl-area .ttl .company_logo {
  padding: .2em;
  background-color: #fff;
}
#sta_detail .ttl-area .ttl .company_logo img {
  width: auto;
  height: 100%;
}
#sta_detail .campaign.blk {
  padding: 3.3em 2em 1.5em;
  background-color: #fbfbcb;
}
#sta_detail .campaign.blk .label {
  padding: .5em 1em;
}
.station-info {
  margin: 1em auto 3em;
}
.station-info dl {
  margin: 0 auto;
}
.station-info dt {
  padding: 1.5em 0 .4em;
  box-sizing: border-box;
  color: #224489;
}
.station-info dd {
  padding: 0 0 1.5em;
  margin: 0;
  box-sizing: border-box;
  border-bottom: solid 1px #ccc;
}
.car-info {
  padding: 3em 0;
  background-color: #f0f6fb;
}
.car-info .car-list .box {
  margin: 0 2.4em;
  background-color: #fff;
}
.car-info .car-list .img {
  position: relative;
  padding: 1.5em 0;
  height: 40vw;
  box-sizing: border-box;
  background-color: #fff;
}
.car-info .car-list .img img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  max-width: 80%;
}
.car-info .car-list table {
  width: 100%;
  border-collapse: collapse;

}
.car-info .car-list th,
.car-info .car-list td {
  padding: .8em .5em .8em 1em;
  vertical-align: middle;
}
.car-info .car-list tr:first-child th,
.car-info .car-list tr:first-child td {
  padding-bottom: 0;
}
.car-info .car-list tr:nth-child(2) th,
.car-info .car-list tr:nth-child(2) td {
  padding-top: .2em;
}
.car-info .car-list th {
  width: 25%;
  background-color: #eee;
  text-align: left;
  font-size: 85.7%;
  font-weight: normal;
}
.car-info .car-list td {
  background-color: #fff;
}
.car-info .car-list .type {
  padding: 1em .75em;
}
.car-info .car-list .type span {
  display: inline-block;
  padding: 0 .25em;
  margin-left: .2em;
  /*background-color: #7f97c7;*/
  background-color: #6f87b7;
  /*font-size: 85.7%;*/
  font-size: 75%;
  color: #fff;
}
.car-info .car-list .type span:first-child {
  margin-left: 0;
}
.company-info-label {
  padding: 3em 0;
}
.company-info-label ul {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.company-info-label li {
  width: 24%;
  text-align: center;
  color: #aaa;
}
.company-info-label li.ok,
.company-info-label li.ok-prt,
.company-info-label li.cd,
.company-info-label li.ng {
  color: #224489;
}
.company-info-label li .icon {
  position: relative;
  display: block;
  padding: 1.1em;
  max-width: 14.064vw;
  max-height: 14.064vw;
  margin: auto;
  box-sizing: border-box;
  border-radius: 50%;
  background-color: #aaa;
  line-height: 1;
}
.company-info-label li.uk .icon {
  background-color: #aaa;
}
.company-info-label li.ok .icon,
.company-info-label li.ok-prt .icon,
.company-info-label li.cd .icon {
  background-color: #224489;
}
.company-info-label li.ng .icon {
  background-color: #224489;
}
.company-info-label li.ng .icon::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: block;
  margin: auto;
  background: url('data:image/svg+xml,%3csvg%20version%3d%221%2e1%22%20xmlns%3d%22http%3a%2f%2fwww%2ew3%2eorg%2f2000%2fsvg%22%20viewBox%3d%220%200%2032%2032%22%3e%3cpath%20fill%3d%22%23fff%22%20d%3d%22M3%2e215%2031%2e802l%2d3%2e017%2d3%2e017%2028%2e587%2d28%2e587%203%2e017%203%2e017z%22%3e%3c%2fpath%3e%3c%2fsvg%3e') no-repeat center;
  opacity: .7;
}
.company-info-label li.ok-prt .icon::after,
.company-info-label li.cd .icon::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: block;
  margin: auto;
  background: url('data:image/svg+xml,%3csvg%20xmlns%3d%22http%3a%2f%2fwww%2ew3%2eorg%2f2000%2fsvg%22%20version%3d%221%2e1%22%20viewBox%3d%220%200%20400%20328%22%3e%3cpath%20xmlns%3d%22http%3a%2f%2fwww%2ew3%2eorg%2f2000%2fsvg%22%20d%3d%22M%20330%20290%20L%2070%20290%20L%20200%2050%20z%22%20fill%3d%22none%22%20stroke%3d%22%23fff%22%20stroke%2dwidth%3d%2250%22%2f%3e%3c%2fsvg%3e') no-repeat top center;
  opacity: .7;
}
.company-info-label li .icon svg {
  width: 100%;
  height: auto;
}
.company-info-label li small {
  display: block;
  margin-top: .5em;
  font-size: 85.7%
}
.btn-area {
  margin-bottom: 1em;
}
.btn-area .btn {
  text-align: center;
}
.btn-area .btn a {
  position: relative;
  display: inline-block;
  width: 100%;
  padding: 1em 3em 1em 1em;
  box-sizing: border-box;
  background: url('data:image/svg+xml,%3csvg%20xmlns%3d%22http%3a%2f%2fwww%2ew3%2eorg%2f2000%2fsvg%22%20version%3d%221%2e1%22%20viewBox%3d%220%200%2028%2040%22%3e%3cpath%20xmlns%3d%22http%3a%2f%2fwww%2ew3%2eorg%2f2000%2fsvg%22%20d%3d%22M%2028%2040%20L%200%2040%20L%2028%200%20z%22%20fill%3d%22%23f57157%22%2f%3e%3c%2fsvg%3e') no-repeat 101% bottom #f34d2d;
  background-size: 11vw 100%;
  font-size: 114.2%;
  font-weight: bold;
  color: #fff;
}
.btn-area .btn a::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 1.5em;
  display: block;
  width: .5em;
  height: .5em;
  margin: auto;
  background: url('data:image/svg+xml,%3csvg%20xmlns%3d%22http%3a%2f%2fwww%2ew3%2eorg%2f2000%2fsvg%22%20version%3d%221%2e1%22%20viewBox%3d%220%200%2025%2040%22%3e%3cpath%20d%3d%22M%200%200%20L%200%2040%20L%2025%2020%20z%22%20fill%3d%22%23f34d2d%22%20%2f%3e%3c%2fsvg%3e') no-repeat center;
}
.btn-area .btn a::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 1em;
  display: block;
  width: 1.6em;
  height: 1.6em;
  margin: auto;
  background-color: #fff;
  border-radius: 50%;
}
.btn-area .btn a .campaign {
  position: absolute;
  top: 0;
  right: 0;
  display: inline-block;
  padding: .35em .5em;
  background-color: #f1ef30;
  line-height: 1;
  font-size: 50%;
  color: #000;
}
.btn-area .btn a > img {
  display: inline-block;
  width: 1px;
  height: 1px;
}
.btn-area .btn-co {
  margin: 2.5em 0 3em;
  text-align: center;
}
.btn-area .btn-co a {
  position: relative;
  display: inline-block;
  padding: .5em 4em .5em 1em;
  background-color: #224489;
  font-size: 114.2%;
  color: #fff;
}
.btn-area .btn-h a,
.btn-area .btn-ety a,
.btn-area .btn-dtl a {
  position: relative;
  display: inline-block;
  padding: .5em 2em .5em 1em;
  box-sizing: border-box;
  color: #fff;
}
.btn-area .btn-h a {
  background-color: #224489;
}
.btn-area .btn-ety a {
  background-color: #f34d2d;
}
.btn-area .btn-dtl a {
  background-color: #3366ff;
}
.btn-area .btn-co a::after,
.btn-area .btn-h a::after,
.btn-area .btn-ety a::after,
.btn-area .btn-dtl a::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: .8em;
  display: block;
  width: .5em;
  height: .5em;
  margin: auto;
  background: url('data:image/svg+xml,%3csvg%20xmlns%3d%22http%3a%2f%2fwww%2ew3%2eorg%2f2000%2fsvg%22%20version%3d%221%2e1%22%20viewBox%3d%220%200%2025%2040%22%3e%3cpath%20d%3d%22M%200%200%20L%200%2040%20L%2025%2020%20z%22%20fill%3d%22%23fff%22%20%2f%3e%3c%2fsvg%3e') no-repeat center;
}
.btn-area [class|=btn] a > img {
  display: inline;
  width: 1px;
  height: 1px;
}
.btn-area .bnr-box {
  margin-top: 3em;
  text-align: center;
}
.btn-area .bnr-box img {
  margin: auto;
}
.btn-area .bnr-box img[width="1"] {
  width: 1px;
  height: 1px;
}
.btn-area .bnr-box a {
  display: inline-block;
}
.btn-area .bnr-box a span {
  font-size: 75%;
}
.fee.blk .inner,
.near.blk .inner {
  padding: 3em 0 0;
  border-top: solid 1px #ccc;
}
.fee.blk .blk-ttl,
.near.blk .blk-ttl {
  margin-bottom: 1.2em;
}
.fee.blk .all {
  display: flex;
  margin: 0 0 1em;
}
.fee.blk .lft {
  padding: 1em 1em 1em 0;
  width: 55%;
  box-sizing: border-box;
}
.fee.blk .rgt {
  padding: 1em;
  width: 45%;
  box-sizing: border-box;
  background-color: #f0f6fb;
}
.fee.blk table {
  border-collapse: collapse;
  border-spacing: 0;
}
.fee.blk th,
.fee.blk td {
  line-height: 1.2;
  font-size:85.7%;
}
.fee.blk th {
  padding: .5em .5em 1em;
  vertical-align: top;
}
.fee.blk td {
  padding: 0 .5em 0 1em;
  height: 12.5vw;
  box-sizing: border-box;
  background-color: #fff;
  border-top: solid 1px #dfe5f1;
  vertical-align: middle;
}
.fee.blk tr:last-child td {
  padding: 1em .6em;
}
.fee.blk th[scope="row"] {
  position: relative;
  width: 12.5vw;
  height: 12.5vw;
  box-sizing: border-box;
  background-color: #7f97c7;
  vertical-align: top;
  text-align: left;
  font-size: 77%;
  font-weight: 500;
  color: #fff;
}
.fee.blk th[scope="row"]::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: .5em;
  background-color: #fff;
}
.fee.blk th[scope="col"] {
  padding: 0;
  height: 12.2vw;
  background-color: #04163a;
  vertical-align: middle;
}
.fee.blk th[scope="col"] span {
  display: inline-block;
  /*padding: 1em;*/
  background-color: #04163a;
  line-height: 1.2;
  color: #fff;
}
.fee.blk td .btn a {
  position: relative;
  display: inline-block;
  padding: 1em 1.6em 1em .6em;
  /*margin-right: .5em;*/
  /*width: calc(100% - .5em);*/
  width: 100%;
  box-sizing: border-box;
  background-color: #224489;
  font-size: 94%;
  color: #fff;
}
.fee.blk td .btn a::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: .8em;
  display: block;
  width: .5em;
  height: .5em;
  margin: auto;
  background: url('data:image/svg+xml,%3csvg%20xmlns%3d%22http%3a%2f%2fwww%2ew3%2eorg%2f2000%2fsvg%22%20version%3d%221%2e1%22%20viewBox%3d%220%200%2025%2040%22%3e%3cpath%20d%3d%22M%200%200%20L%200%2040%20L%2025%2020%20z%22%20fill%3d%22%23fff%22%20%2f%3e%3c%2fsvg%3e') no-repeat center;
}
.fee.blk .lft table {
  width: 100%;
}
.fee.blk .rgt table {
  width: 100%;
}
.fee.blk .rgt table th:first-child {
  display: none;
}
.near.blk .station-list {
  padding: 1.5em;
  background-color: #f0f6fb;
}
.near.blk .station-list li {
  display: none;
  margin-top: 1em;
  padding: .5em;
  background-color: #fff;
  border: solid 2px #224489;
}
.near.blk .station-list li:first-child {
  margin-top: 0;
}
/*
.near.blk .station-list li:nth-child(-n+5) {
  display: list-item !important;
}*/
.near.blk .station-list .scrollbox_marker {
  display: none;
}
.near.blk .station-list a {
  position: relative;
  display: block;
}
.near.blk .station-list a::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: .5em;
  display: block;
  width: .5em;
  height: .5em;
  margin: auto;
  background: url('data:image/svg+xml,%3csvg%20xmlns%3d%22http%3a%2f%2fwww%2ew3%2eorg%2f2000%2fsvg%22%20version%3d%221%2e1%22%20viewBox%3d%220%200%2025%2040%22%3e%3cpath%20d%3d%22M%200%200%20L%200%2040%20L%2025%2020%20z%22%20fill%3d%22%23224489%22%20%2f%3e%3c%2fsvg%3e') no-repeat center;
}
.slider {
  position: relative;
}
.slider .prev,
.slider .next {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 6.25vw;
  height: 6.25vw;
  text-indent: -9999px;
}
.slider .prev {
  left: -2vw;
}
.slider .next {
  right: -2vw;
}
.slider .prev::before,
.slider .next::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  display: block;
  width: 6.25vw;
  height: 6.25vw;
  margin: auto;
  background-color: #224489;
  border-radius: 50%;
}
.slider .prev::after,
.slider .next::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 2vw;
  display: block;
  width: 1.65vw;
  height: 1.65vw;
  margin: auto;
  background: url('data:image/svg+xml,%3csvg%20xmlns%3d%22http%3a%2f%2fwww%2ew3%2eorg%2f2000%2fsvg%22%20version%3d%221%2e1%22%20viewBox%3d%220%200%2025%2040%22%3e%3cpath%20d%3d%22M%200%200%20L%200%2040%20L%2025%2020%20z%22%20fill%3d%22%23fff%22%20%2f%3e%3c%2fsvg%3e') no-repeat center;
}
.slider .prev::after {
  transform: rotate(180deg);
  right: inherit;
  left: 2vw;
}
.slider .fee-prev,
.slider .fee-next {
  top: 6.75vw;
  bottom: inherit;
}
.slider-nav {
  text-align: center;
}
.btn-nav {
  width: 10px;
  height: 10px;
  padding: 0;
  margin: .5em .2em;
  background-color: #fff;
  border: solid 2px #224489;
  border-radius: 50%;
  cursor: pointer;
}
.btn-nav.active {
  background-color: #224489;
}
@media screen and (min-width: 768px), print {
  #sta_detail .ttl-area .ttl {
    padding: .5em .5em .5em 1em;
  }
  #sta_detail .campaign.blk {
    padding: 1.3em 1em 1.3em 11em;
  }
  #sta_detail .campaign.blk .label {
    padding: .3em 1.2em;
    font-size: 128.5%;
  }
  .station-info {
    margin: 3em auto;
  }
  .station-info dl {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    justify-content: flex-start;
  }
  .station-info dt {
    padding: 1.2em 1em 1.2em 0;
    width: 18%;
    border-bottom: solid 1px #ccc;
  }
  .station-info dd {
    padding: 1.2em 0;
    width: 82%;
  }
  .car-info .car-list {
    width: 90%;
    margin: auto;
  }
  .car-info .car-list .box {
    max-width: 312.5px;
    margin: 0 1.7em;
  }
  .car-info .car-list .img {
    padding: 1.5em 0;
    height: 188px;
  }
  .car-info .car-list .img img {
    max-width: 75%;
  }
  .company-info-label {
    padding: 4em 0;
  }
  .company-info-label ul {
    justify-content: flex-start;
  }
  .company-info-label li {
    width: 70px;
    margin-right: 30px;
  }
  .company-info-label li .icon {
    max-width: 70px;
    max-height: 70px;
  }
  .company-info-label li .icon svg {
    max-height: 39.2px;
  }
  .company-info-label li small {
    font-size: 100%
  }
  .btn-area .btn a {
    width: 480px;
    padding: 1em 6em 1em 1em;
    background-size: contain;
    font-size: 150%;
  }
  .btn-area .btn a::before {
    width: 1.4em;
    height: 1.4em;
  }
  .btn-area .btn a::after,
  .btn-area .btn-co a::after {
    width: 5px;
    height: 8px;
  }
  .btn-area .bnr-box a span {
    font-size: 92%;
  }
  .fee.blk .lft {
    width: 43%;
  }
  .fee.blk .rgt {
    width: 57%;
  }
  .fee.blk .rgt table {
    width: 96%;
    margin: auto;
  }
  .fee.blk th,
  .fee.blk td {
    line-height: 1.6;
    font-size: 100%;
  }
  .fee.blk td {
    height: 54px;
  }
  .fee.blk th[scope="col"] {
    width: 62.4%;
    height: 58px;
  }
  .fee.blk th[scope="col"] span {
    /*padding: 1.5em 1em;*/
    white-space: nowrap;
  }
  .fee.blk th[scope="row"] {
    padding-bottom: 2em;
    width: auto;
    height: auto;
    font-size: 94%;
    white-space: nowrap
  }
  .fee.blk td .btn {
    text-align: center;
  }
  .fee.blk td .btn a {
    width: auto;
    padding: 1em 2em 1em 1em;
    font-size: 100%;
  }
  .near.blk .station-list {
    padding: 2em;
  }
  .near.blk .station-list li {
    /*display: none;*/
    margin-top: .75em;
    padding: 1em 1em 1em 2em;
  }
  .near.blk .station-list li br {
    display: none;
  }
  .near.blk .station-list a::after {
    width: 5px;
    height: 8px;
  }
  .slider .prev,
  .slider .next,
  .slider .prev::before,
  .slider .next::before {
    width: 2.3em;
    height: 2.3em;
  }
  .slider .prev {
    left: 0;
  }
  .slider .next {
    right: 0;
  }
  .slider .prev::after,
  .slider .next::after {
    right: .8em;
    width: .6em;
    height: .6em;
  }
  .slider .prev::after {
    left: .8em;
  }
  .slider .fee-prev,
  .slider .fee-next {
    top: 2.1em;
    bottom: inherit;
  }
  .slider .fee-prev {
    left: -.5em;
  }
  .slider .fee-next {
    right: -.5em;
  }
}


/* .singular article, archive：静的ページ用
****************************************************** */
.singular article h2 {
  margin: 1.5em 0 1em;
  line-height: 1.2;
  font-size: 185.7%;
  color: #2951a2;
}
.singular article h2:first-child {
  margin-top: 0;
}
.singular article h2 small {
  display: block;
  font-size: 50%;
}
.singular article h3 {
  margin: 1.5em 0 1em;
  padding: .75em .5em .75em 1em;
  background-color: #f0f6fb;
  border-left: solid 1px #224489;
  line-height: 1.2;
  font-size: 150%;
  color: #224489;
}
.singular article p {
  margin: 1em 0 0;
}
.singular article p:first-child {
  margin-top: 0;
}
.singular article p em,
.singular article td em {
  background: linear-gradient(transparent 50%, #fbfaa8 0%);
}
.singular article p em.b,
.singular article td em.b {
  font-weight: bold;
}
.singular article h2 + p,
.singular article h3 + p {
  margin-top: 0;
}
.singular article p + figure {
  margin-top: 1em;
}
.singular article .notes {
  font-size: 86%;
}
.archive .lead,
.singular article .lead {
  margin-bottom: 2em;
}
.singular article .flex {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 2em;
}
.singular article .flex .box {
  width: 100%;
  margin-bottom: 1em;
}
.singular article .img {
  margin: auto;
}
.singular article .img img {
  display: block;
  padding: .3em;
  box-sizing: border-box;
  background-color: #fff;
  border: solid 1px #c0c0c0;
}
.singular article .sec,
.singular article [class|=sec] {
  margin: 3em 0;
  padding: 3em 0;
  border-top: solid 1px #ccc;
}
.singular article .ttl-box {
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  padding: 0;
  margin: 1.5em 0 0;
  background-color: #224489;
  font-size: 128%;
  font-weight: normal;
  color: #fff;
}
.singular article a.ttl-box {
  background-color: #04163a;
}
.singular article .ttl-box .num {
  margin-right: .2em;
  padding: .4em;
  background-color: #2851a2;
  line-height: 1;
  font-family: 'Raleway';
  font-style: italic;
  font-size: 150%;
  font-weight: normal;
  color: #f1ef30;
}
.singular article .ttl-box span {
  padding: .5em .2em;
}
.singular article .box-clr {
  padding: 2em;
  background-color: #f0f6fb;
}
.singular article .box-clr.dkb {
  background-color: #224489;
  color: #fff;
}
.singular article .box-clr .dtl {
  font-size: 114%;
}
.singular article .box-clr .flex {
  margin-bottom: 0;
}
.singular article .tbl_frame {
  position: relative;
  overflow: scroll;
}
.singular article .tbl_frame > table {
  width: 200%;
}
.singular article .tbl table {
  border-collapse: collapse;
  border-top: solid 1px #ccc;
}
.singular article .tbl th,
.singular article .tbl td {
  padding: .5em;
  border-bottom: solid 1px #ccc;
}
.singular article .tbl th {
  background-color: #7f97c7;
  border-left: solid 1px #ccc;
  vertical-align: top;
  text-align: left;
  font-size: 114%;
  font-weight: bold;
  color: #fff;
}
.singular article .tbl td {
  border-right: solid 1px #ccc;
}
.singular article .tbl td b {
  font-size: 114%;
}
.singular article p + .tbl {
  margin-top: 1.5em;
}
.singular article .tbl + .list,
.singular article p + .list {
  margin-top: 1.5em;
}
.singular article .box-wht {
  display: block;
  padding: 1em;
  box-sizing: border-box;
  background-color: #fff;
  color: #000;
}
.singular article .mv {
  background-color: #224489;
  color: #fff;
}
.singular article .mv-lbl {
  display: inline-block;
  padding: .4em 1em;
  background-color: #f44e4e;
  line-height: 1;
  font-size: 128%;
  font-weight: bold;
}
.singular article .mv .flex {
  margin-bottom: 0;
  padding: 1em 0 2em;
}
@media screen and (min-width: 768px), print {
  .singular article h2 {
    font-size: 235.7%;
  }
  .archive .lead,
  .singular article .lead {
    margin-bottom: 4em;
  }
  .singular article .flex {
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 4em;
  }
  .singular article .flex .box {
    margin-bottom: 0;
  }
  .singular article .flex .box.hlf {
    width: 47%;
  }
  .singular article .flex .box.lft {
    width: 62%;
  }
  .singular article .flex .box.rgt {
    width: 34%;
    max-width: 260px;
  }
  .singular article .sec,
  .singular article [class|=sec] {
    margin: 4em 0;
    padding: 4em 0;
  }
  .singular article .ttl-box {
    align-items: center;
  }
  .singular article .ttl-box .num {
    font-size: 217%;
  }
  .singular article .pc-flw {
    float: right;
    margin: .5em 0 1em 2.6em;
  }
  .singular article .mv .flex {
    padding: 2em 0 3em;
  }
  .singular article .tbl_frame {
    overflow: visible;
    padding-top: 0;
    width: 100%;
  }
  .singular article .tbl_frame::before {
    content: none;
  }
  .singular article .tbl_frame > table {
    width: 100%;
  }
}

/* link-list */
.list-link {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: flex-start;
}
.list-link li {
  width: 100%;
  margin-bottom: 1em;
}
.list-link li a {
  position: relative;
  display: block;
  padding: 1em 2em 1em 1em;
  box-sizing: border-box;
  border: solid 2px #224489;
  background-color: #fff;
  color: #224489;
}
.list-link li a::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: .5em;
  display: block;
  width: .5em;
  height: .5em;
  margin: auto;
  background: url('data:image/svg+xml,%3csvg%20xmlns%3d%22http%3a%2f%2fwww%2ew3%2eorg%2f2000%2fsvg%22%20version%3d%221%2e1%22%20viewBox%3d%220%200%2025%2040%22%3e%3cpath%20d%3d%22M%200%200%20L%200%2040%20L%2025%2020%20z%22%20fill%3d%22%23224489%22%20%2f%3e%3c%2fsvg%3e') no-repeat center;
}
.list-link li a.active {
  background-color: #224489;
  color: #fff;
}
.list-link li a.active::after {
  background-image: url('data:image/svg+xml,%3csvg%20xmlns%3d%22http%3a%2f%2fwww%2ew3%2eorg%2f2000%2fsvg%22%20version%3d%221%2e1%22%20viewBox%3d%220%200%2025%2040%22%3e%3cpath%20d%3d%22M%200%200%20L%200%2040%20L%2025%2020%20z%22%20fill%3d%22%23fff%22%20%2f%3e%3c%2fsvg%3e');
}
.list-link .blw a::after {
  transform: rotate(90deg);
}
a.bfr::before,
.list-txt-link .bfr a::before {
  content: "";
  display: inline-block;
  width: .5em;
  height: .5em;
  margin-right: .5em;
  background: url('data:image/svg+xml,%3csvg%20xmlns%3d%22http%3a%2f%2fwww%2ew3%2eorg%2f2000%2fsvg%22%20version%3d%221%2e1%22%20viewBox%3d%220%200%2025%2040%22%3e%3cpath%20d%3d%22M%200%200%20L%200%2040%20L%2025%2020%20z%22%20fill%3d%22%23224489%22%20%2f%3e%3c%2fsvg%3e') no-repeat center;
}
@media screen and (min-width: 768px), print {
  .list-link li {
    margin-bottom: .8em;
  }
  .list-link.col2 li {
    width: 48.55%;
    margin-left: 2.9%;
  }
  .list-link.col2 li:nth-child(2n+1) {
    margin-left: 0;
  }
  .list-link.col3 li {
    width: 31.4%;
    margin-left: 2.9%;
  }
  .list-link.col3 li:nth-child(3n+1) {
    margin-left: 0;
  }
  .list-link.col2 li a::after {
    right: 1.5em;
  }
  .list-link.col3 li a::after {
    right: 1em;
  }
  .list-link li a.careco {
    padding-top: .2em;
    padding-bottom: .2em;
  }
}


/* カーシェアリング市場動向 */
#market article .sogoindexlist {
  list-style-type: decimal;
}
#market article .sogoindexlist li {
  margin-left: 1.5em;
	margin-bottom: 0.5em;
}
#market .blk-link {
  margin-bottom: 4em;
  background-color: #224489;
  color: #fff;
}
#market .blk-link .blk-link-ttl {
  display: block;
  padding: 1em;
  text-align: center;
  font-weight: bold;
}
#market .blk-link .blk-link-box {
  padding: 1em;
}
#market .blk-link .blk-link-box:nth-child(odd) {
  background-color: #2951a2;
}
#market .blk-link .blk-link-box-ttl {
  display: block;
  margin-bottom: .5em;
  font-size: 128%;
  font-weight: bold;
}
#market .list-blk-link {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
#market .list-blk-link + .list-blk-link {
  margin-top: 1em;
}
#market .blk-link .col {
  width: 48%;
  margin-left: 4%;
  margin-bottom: 1em;
}
#market .blk-link .col:nth-child(2n+1) {
  margin-left: 0;
}
#market .blk-link .col1 {
  width: 100%;
}
#market .blk-link li a {
  position: relative;
  display: block;
  padding: 1em 2em 1em 1em;
  box-sizing: border-box;
  background-color: #fff;
  color: #224489;
}
#market .blk-link li a::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: .8em;
  display: block;
  width: .5em;
  height: .5em;
  margin: auto;
  background: url('data:image/svg+xml,%3csvg%20xmlns%3d%22http%3a%2f%2fwww%2ew3%2eorg%2f2000%2fsvg%22%20version%3d%221%2e1%22%20viewBox%3d%220%200%2025%2040%22%3e%3cpath%20d%3d%22M%200%200%20L%200%2040%20L%2025%2020%20z%22%20fill%3d%22%23224489%22%20%2f%3e%3c%2fsvg%3e') no-repeat center;
}

#market .content_box {
  margin-bottom: 3em;
}
#market .content_box .summary_list {
  margin: 1em 0 1em 1.5em;
}
#market .content_box .summary_list li {
  list-style-type: disc;
}
#market .market_links {
  margin: 0 0 2em;
}
#market .market_links {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: center;
  box-sizing: border-box;
  background-color: #224488;
  border: solid 1px #224488;
}
#market .market_links li {
  width: 100%;
  box-sizing: border-box;
  border: solid 1px #224488;
  background-color: #fff;
}
#market .market_links li.selected {
  background-color: #224488;
  color: #fff;
}
#market .market_links a {
  position: relative;
  display: block;
  padding: .75em 1em;
  box-sizing: border-box;
  background-color: #fff;
  line-height: 1
}
#market .market_links a::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: .8em;
  display: block;
  width: .5em;
  height: .5em;
  margin: auto;
  background: url('data:image/svg+xml,%3csvg%20xmlns%3d%22http%3a%2f%2fwww%2ew3%2eorg%2f2000%2fsvg%22%20version%3d%221%2e1%22%20viewBox%3d%220%200%2025%2040%22%3e%3cpath%20d%3d%22M%200%200%20L%200%2040%20L%2025%2020%20z%22%20fill%3d%22%23224489%22%20%2f%3e%3c%2fsvg%3e') no-repeat center;
}
#market .market_links li.selected a {
  background-color: #224488;
  color: #fff;
}
#market .market_links li.selected a::after {
  background-image: url('data:image/svg+xml,%3csvg%20xmlns%3d%22http%3a%2f%2fwww%2ew3%2eorg%2f2000%2fsvg%22%20version%3d%221%2e1%22%20viewBox%3d%220%200%2025%2040%22%3e%3cpath%20d%3d%22M%200%200%20L%200%2040%20L%2025%2020%20z%22%20fill%3d%22%23fff%22%20%2f%3e%3c%2fsvg%3e');
}
#market .marketimgbox {
	padding-bottom: 1.5em;
}
#market .notice {
  color: #cc0000;
}
@media screen and (min-width: 768px), print {
  #market .blk-link .blk-link-box {
    padding: 2em 2em 1em;
  }
  #market .blk-link .col {
    width: 23.5%;
    margin-left: 2%;
  }
  #market .blk-link .col:nth-child(2n+1) {
    margin-left: 2%;
  }
  #market .blk-link .col:nth-child(4n+1) {
    margin-left: 0;
  }
  #market .blk-link li a {
    padding: 1em 1.5em 1em 1em;
  }
  #market .market_links li {
    width: 33.33%;
    font-size: 92%;
  }
  /*
  #market .market_links li:first-child {
    width: 25%;
  }
  #market .market_links li:nth-child(2) {
    width: 35%;
  }
  #market .market_links li:nth-child(3) {
    width: 40%;
  }*/
}


/* カーシェアリング賢い使い方 /what_carshare/ */
#what_carshare .blk-boxes {
  margin: 2em auto;
}
#what_carshare .blk-box {
  position: relative;
  padding: 4em 2em;
  background-color: #f0f6fb;
}
#what_carshare .blk-box:nth-child(even) {
  background-color: #e1effa;
}
#what_carshare .blk-box-num {
  position: absolute;
  top: 0;
  left: 0;
  padding: .2em;
  background-color: #c5d6e9;
  line-height: 1;
  font-family: 'Raleway';
  font-style: italic;
  font-size: 250%;
  color: #fff;
  z-index: 0;
}
#what_carshare .blk-box .inner {
  position: relative;
  z-index: 1;
}
#what_carshare .blk-box .list-link + .list-link {
  margin-top: 1em;
}
#what_carshare .blk-txt-link {
  margin-top: 2em;
  padding: 2em 0 0;
  border-top: solid 1px #cdd9f1;
}
#what_carshare .list-txt-link li {
  margin-bottom: .5em;
}
#what_carshare .blk-box .blk-box-lead + .blk-box-link {
  margin-top: 2em;
}
@media screen and (min-width: 768px), print {
  #what_carshare .blk-boxes {
    max-width: 910px;
    margin-top: 4em;
  }
  #what_carshare .blk-box {
    padding: 5.5em 2em 4em;
  }
  #what_carshare .blk-box-num {
    padding: .3em .334em .387em;
    max-width: 90px;
    max-height: 90px;
    text-align: center;
    font-size: 385%;
  }
  #what_carshare .blk-txt-link {
    padding: 2em 2em 0;
  }
}



/* カーシェアリングの特長 /what_carshare/about/ */
#about .tbl1 th,
#about .tbl2 th,
#about .tbl3 th,
#about .tbl4 th {
  font-size: 100%;
  font-weight: normal;
}
#about .tbl1 td,
#about .tbl2 td,
#about .tbl3 td {
  vertical-align: top;
}
#about .tbl1 th[scope=col] {
  width: 28%;
}
#about .tbl2 td:first-child,
#about .tbl3 td:first-child {
  border-left: solid 1px #ccc;
}
#about .tbl2 th:last-child,
#about .tbl3 th:last-child {
  width: 23%;
}
#about .tbl2 th:nth-child(2),
#about .tbl2 th:nth-child(3) {
  width: 23%;
}
#about .tbl3 th:nth-child(2),
#about .tbl3 th:nth-child(3) {
  width: 26%;
}
#about .tbl4 caption {
  text-align: left;
}
#about .tbl4 th {
  width: 20%;
}
#about .img_flex {
  display: flex;
  align-items: center;
  justify-content: space-around;
  margin: 2em auto;
}
.about_conclusion {
  margin: 2em auto 0;
}
.about_conclusion img {
  margin: auto;
}
.about_conclusion figure {
  margin-top: 1em;
}
@media screen and (min-width: 768px), print {
  .about_conclusion {
    width: 75%;
  }
}



/* こんな時に使えるからカーシェアは便利 /what_carshare/about/use/ */
#use.singular article .lead {
  margin-top: 2em;
}
#use.singular article .lead b {
  border-bottom: solid 2px #f44e4e;
  font-size: 116.7%;
  color: #f44e4e;
}
#use.singular article #sec01 {
  margin-top: 0;
  padding-top: 0;
  border-top: none;
}
#use.singular article a.ttl-box {
  position: relative;
}
#use.singular article a.ttl-box::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: .5em;
  display: block;
  width: .5em;
  height: .5em;
  margin: auto;
  background: url('data:image/svg+xml,%3csvg%20xmlns%3d%22http%3a%2f%2fwww%2ew3%2eorg%2f2000%2fsvg%22%20version%3d%221%2e1%22%20viewBox%3d%220%200%2025%2040%22%3e%3cpath%20d%3d%22M%200%200%20L%200%2040%20L%2025%2020%20z%22%20fill%3d%22%23fff%22%20%2f%3e%3c%2fsvg%3e') no-repeat center;
}
#use.singular article a.ttl-box span {
  padding-right: 1.5em;
}
#use.singular article .box-clr .dtl {
  font-size: 114%;
}
#use.singular article .box-clr .dtl b {
  display: inline-block;
  margin-bottom: .5em;
  border-bottom: solid 1px #fff;
}
#use.singular article .box-clr .dtl .lbl {
  color: #f44e4e;
}
#use.singular article .box-clr .dtl .box-wht {
  margin-top: 1em;
}
@media screen and (min-width: 768px), print {
  #use.singular article .lead {
    margin-top: 3em;
  }
  #use.singular article .lead b {
    font-size: 150%;
  }
  #use.singular article a.ttl-box::after {
    right: 1.5em;
  }
  #use.singular article .box-clr {
    padding: 2.5em 2.8em;
  }
  #use.singular article #sec01 .flex .box.lft {
    width: 63%;
  }
  #use.singular article #sec01 .flex .box.rgt {
    width: 31%;
  }
  #use.singular article #sec02 .flex .box.rgt {
    width: 36%;
  }
  #use.singular article .box-clr .dtl .box-wht {
    max-width: 350px;
  }

}


/* カーシェアを利用するまでの流れ /what_carshare/about/flow/ */
#flow .tbl thead th[scope=col] {
  width: 22%;
  text-align: center;
}
#flow .tbl th {
  font-weight: normal;
}
#flow .tbl th,
#flow .tbl td {
  vertical-align: top;
  font-size: 92%;
}
@media screen and (min-width: 768px), print {
  #flow .tbl thead th[scope=col] {
    width: 21%;
  }
  #flow .tbl th,
  #flow .tbl td {
    font-size: 100%;
  }
}



/* カーシェアするのに必要な費用 /what_carshare/cost/ */
#cost .box-clr .box-wht {
  margin-top: 1em;
}

#gasoline .tbl thead th[scope=col] {
  width: 28%;
  text-align: center;
}
#gasoline .tbl th {
  font-weight: normal;
}
#gasoline .tbl th,
#gasoline .tbl td {
  vertical-align: top;
  font-size: 92%;
}
@media screen and (min-width: 768px), print {
  #gasoline .tbl thead th[scope=col] {
    width: 28%;
  }
  #gasoline .tbl th,
  #gasoline .tbl td {
    font-size: 100%;
  }
}




/* カーシェアリング体験記 /what_carshare/use/xxx/ */
.use.singular article .ttl-area + .blk {
  padding-top: 0;
}
.use.singular article .mv-lbl {
  padding: .2em 1em .4em;
}
.use.singular article .mv-lbl .num {
  display: inline-block;
  margin-left: .2em;
  font-family: 'Raleway';
  font-style: italic;
  font-size: 167%;
  font-weight: normal;
}
.use.singular article .mv .flex {
  margin-bottom: 0;
  padding: 1em 0 2em;
}
.use.singular article .mv-phrase {
  line-height: 1.6;
  color: #fff;
}
.use.singular article .mv-phrase span {
  border-bottom: solid 2px #fff;
}
.use.singular article .mv-dtl {
  padding: 1em;
  background-color: #2951a2;
}
.use.singular article .mv-dtl b {
  font-size: 114%;
  font-weight: normal;
}
.use.singular article .blk-use {
  margin: 3em 0;
}
.use.singular article .blk-use .flex {
  margin: 4em 0;
}
.use.singular article .blk-use .flex p b {
  font-size: 114%;
  color: #224489;
}
.use.singular article .blk-use .flex .tbl {
  margin-top: .5em;
}
.use.singular article .blk-use .flex .tbl caption {
  margin-bottom: .5em;
  text-align: left;
  font-weight: bold;
}
.use.singular article .blk-use .flex .tbl table {
  width: 100%;
}
.use.singular article .blk-use .flex .tbl th {
  vertical-align: middle;
  font-size: 100%;
  font-weight: normal;
}
.use.singular article .blk-use .flex .tbl td {
  vertical-align: middle;
}
.use.singular article .blk-use .point {
  padding: .5em .5em .5em 2em;
  background-color: #f44e4e;
  text-indent: -1.2em;
  font-size: 150%;
  font-weight: bold;
  color: #fff;
}
.use.singular article .blk-use .point img {
  display: inline-block;
  margin-right: .5em;
  width: .8em;
  height: auto;
}

@media screen and (min-width: 768px), print {
  .use.singular article .mv .flex {
    padding: 2em 0 3em;
  }
  .use.singular article .mv-phrase {
    font-size: 214%;
  }
  .use.singular article .mv-dtl {
    padding: 1.5em;
  }
  .use.singular article .blk-use {
    margin: 4em 0;
  }
  .use.singular article .blk-use h3 {
    margin: 2.2em 0 1.5em;
  }
  .use.singular article .blk-use .point {
    padding: .6em;
    text-align: center;
    text-indent: 0;
  }
  .use.singular article .blk-use .point img {
    margin-right: .8em;
  }
}



/* サービス事業者 */

.servicedetail .ttl-area .ttl .company_logo {
  display: block;
  float: right;
  height: 2.2em;
  box-sizing: border-box;
}
.servicedetail .cariteco .ttl-area .ttl .company_logo,
.servicedetail .earthcar .ttl-area .ttl .company_logo,
.servicedetail .dshare .ttl-area .ttl .company_logo {
  padding: .2em;
  background-color: #fff;
}
.servicedetail .ttl-area .ttl .company_logo img {
  width: auto;
  height: 100%;
}
.servicedetail.singular article .mv-lbl {
  padding: .4em 2em;
}
.servicedetail.singular article .mv-ftr li {
  padding: .6em 1em 1em 3em;
  line-height: 1.2;
  font-size: 128%;
}
.servicedetail.singular article .mv-ftr li:nth-child(2n+1) {
  background-color: #2851a2;
}
.servicedetail.singular article .mv-ftr li::before {
  content: "01";
  display: inline-block;
  text-indent: -1.6em;
  font-family: 'Raleway';
  font-style: italic;
  font-size: 148%;
  color: #f1ef30;
}
.servicedetail.singular article .mv-ftr li:nth-child(2)::before {
  content: "02";
}
.servicedetail.singular article .mv-ftr li:nth-child(3)::before {
  content: "03";
}
.servicedetail.singular article .mv-ftr li:nth-child(4)::before {
  content: "04";
}
.servicedetail.singular article .mv-ftr li:nth-child(5)::before {
  content: "05";
}
.servicedetail.singular article .ftr_img  img {
  margin: auto;
}
.servicedetail article .tbl table {
  width: 100%;
  border: solid 1px #ccc;
}
.servicedetail.singular article table a img {
  display: inline-block;
  width: 1px;
  height: 1px;
}
.servicedetail article .tbl th {
  font-size: 100%;
  font-weight: normal;
}
/* .servicedetail article [class*=fee] .tbl {
  overflow: scroll;
}
.servicedetail article [class*=fee] .tbl table {
  width: 220%;
} 2024.10.7 */
.servicedetail article [class*=fee] .tbl.cancel table {
  width: 100%;
}
.servicedetail article [class*=fee] .tbl th,
.servicedetail article [class*=fee] .tbl td {
  vertical-align: middle;
  text-align: center;
}
.servicedetail article [class*=fee] .tbl td,
.servicedetail-list article .tbl td {
  background-color: #fff;
}
.servicedetail article [class*=fee] .tbl.cancel tbody th {
  width: 50%;
}
.servicedetail article [class*=fee] .tbl.cancel tbody th,
.servicedetail article [class*=fee] .tbl.cancel tbody td {
  text-align: left;
}
.servicedetail article [class*=fee] .tbl .txt-lft {
  padding-left: 1%;
  text-align: left;
}
.servicedetail article .tbl.insurance table {
  width: 100%;
}
.servicedetail article .tbl.insurance tbody th {
  text-align: left;
}
.servicedetail article .tbl.insurance td {
  width: 29%;
}
.servicedetail article .sec-detail .tbl th {
  width: 30%;
}
.servicedetail article [class*=fee] .notes + .tbl {
  margin-top: 1.5em;
}
.servicedetail article .sec-detail .tbl .bdr_btm {
  border-bottom-style: dashed;
}
.service_link {
  margin: 3em 0 5em;
  padding: 2em 0;
  background-color: #f0f6fb;
}
.service_link .ttl {
  margin-bottom: 1em;
}
.service_link .ttl b {
  display: block;
  font-size: 171%;
  color: #224489;
}
.servicedetail .blk-boxes {
  margin: 2em auto;
}
.servicedetail [class|=blk-box] {
  position: relative;
  padding: 4em 2em;
  background-color: #e1effa;
}
.servicedetail [class|=blk-box]:nth-child(even) {
  background-color: #f0f6fb;
}
.servicedetail .svc_point {
  position: relative;
  margin: 1em 0 0;
  padding: 2em 0 0;
  line-height: 1.3;
}
.servicedetail .svc_point .label {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  padding: .2em 1.5em;
  background-color: #000;
  line-height: 1;
  color: #f1ef30;
}
.servicedetail .svc_notes {
  margin: 1em 0 0; 
}
.servicedetail .svc_notes .campaign {
  position: relative;
  padding: 2.2em 1em .2em;
  background-color: #fbfbcb;
}
.servicedetail .svc_notes .campaign .label {
  position: absolute;
  top: 0;
  left: 0;
  padding: .2em .5em;
  background-color: #f1ef30;
  line-height: 1;
}
.servicedetail-list article .fee .tbl th:first-child {
  width: 14%;
}
.servicedetail-list article .fee .tbl th:nth-child(3) {
  width: 18%;
}
.servicedetail-list article .fee .tbl th:nth-child(4) {
  width: 14%;
}
.servicedetail-list article .fee .tbl th:nth-child(5) {
  width: 15%;
}
.servicedetail-list article .fee .tbl th:nth-child(6) {
  width: 15%;
}
.servicedetail-list .btn-area > div {
  float: right;
}
.servicedetail-list .btn-area .btn-dtl,
.servicedetail-list .btn-area .btn-ety {
  width: 48.5%;
  margin-bottom: .5em;
}
.servicedetail-list .btn-area .btn-dtl {
  margin-left: 3%;
}
.servicedetail-list .btn-area .btn-h {
  width: 100%;
}
.servicedetail-list .btn-area .btn-dtl a,
.servicedetail-list .btn-area .btn-ety a,
.servicedetail-list .btn-area .btn-h a {
  width: 100%;
}
.servicedetail-list .blk-boxes .blk-box-lead {
  position: relative;
  padding-top: 2em;
  margin-top: 4em;
  padding-bottom: 0;
}
.servicedetail-list .svc_link {
  position: absolute;
  top: -1.6em;
  left: 0;
  right: 0;
  margin: auto;
  width: 90%;
  max-width: 800px;
}
.servicedetail-list .svc_link ul {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.servicedetail-list .svc_link li {
  width: 50%;
}
.servicedetail-list .svc_link a {
  display: block;
  padding: .75em 1em;
  background-color: #fff;
  border: solid 2px #224488;
  text-align: center;
  line-height: 1;
  font-weight: bold;
}
.servicedetail-list .svc_link a.active {
  background-color: #224488;
  color: #fff;
}
.servicedetail-list .svc_dtl .tbl th:nth-child(2) {
  width: 20%;
}
.servicedetail-list .svc_dtl .tbl th:nth-child(3) {
  width: 11%;
}
.servicedetail-list .svc_dtl .tbl th:nth-child(4) {
  width: 14%;
}
.servicedetail-list .svc_dtl .tbl th:nth-child(5) {
  width: 21%;
}

@media screen and (min-width: 768px), print {
  .servicedetail .ttl-area .ttl {
    padding: .5em .5em .5em 1em;
  }
  .servicedetail.singular article .mv .flex .box.lft {
    width: 65%;
  }
  .servicedetail.singular article .mv .flex .box.rgt {
    width: 30%;
  }
  .servicedetail.singular article .ftr_txt {
    width: 52%;
  }
  .servicedetail.singular article .ftr_img {
    width: 42%;
  }
  .servicedetail article [class*=fee] .tbl {
    overflow: visible;
  }
  .servicedetail article [class*=fee] .tbl table {
    width: 100%;
  }
  .servicedetail article .sec-detail .tbl th {
    width: 20%;
  }
  .servicedetail article [class*=fee] .tbl.cancel tbody th {
    width: 42%;
  }
  .service_link {
    margin: 4em 0 6em;
  }
  .servicedetail .blk-boxes {
    max-width: 910px;
    margin-top: 4em;
  }
  .servicedetail [class|=blk-box] {
    padding: 5.5em 2em 4em;
  }
  .servicedetail .svc_point {
    margin-top: 2em;
    padding: 0 0 0 6em;
  }
  .servicedetail .svc_point .label {
  }
  .servicedetail .svc_notes {
    margin-top: 2em;
  }
  .servicedetail .svc_notes .list-link li a {
    padding-right: 4em;
  }
  .servicedetail .svc_notes .list-link li a::after {
    right: 2em;
  }
  .servicedetail-list .btn-area .btn-dtl,
  .servicedetail-list .btn-area .btn-ety,
  .servicedetail-list .btn-area .btn-h {
    width: auto;
    min-width: 120px;
    margin-bottom: 0;
  }
  .servicedetail-list .btn-area .btn-dtl,
  .servicedetail-list .btn-area .btn-ety {
    margin-left: .5em;
  }
  .servicedetail-list .blk-boxes .blk-box-lead {
    margin-top: 6em;
    padding-top: 3em;
  }
  .servicedetail-list .svc_link a {
    font-size: 114%;
  }
}


/* Q&A */
.qa_qestion {
  position: relative;
  padding: 1em 2em 1em 4.8em;
  margin-bottom: 1em;
  background-color: #f0f6fb;
  text-indent: -1.9em;
  font-size: 114.3%;
}
.qa_qestion::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 1em;
  display: block;
  width: .5em;
  height: .5em;
  margin: auto;
  background: url('data:image/svg+xml,%3csvg%20xmlns%3d%22http%3a%2f%2fwww%2ew3%2eorg%2f2000%2fsvg%22%20version%3d%221%2e1%22%20viewBox%3d%220%200%2025%2040%22%3e%3cpath%20d%3d%22M%200%200%20L%200%2040%20L%2025%2020%20z%22%20fill%3d%22%23224489%22%20%2f%3e%3c%2fsvg%3e') no-repeat center;
  transform: rotate(90deg);
  transition: transform .3s ease;
}
.qa_qestion b {
  display: inline-block;
  margin-right: .5em;
  font-size: 150%;
}
.qa_qestion b span {
  font-family: 'Raleway';
}
.qa_qestion.open::after {
  transform: rotate(-90deg);
}
.qa_answer {
  display: none;
  padding: 1em;
  margin-bottom: 2em;
}
@media screen and (min-width: 768px), print {
  .qa_qestion {
    padding-right: 4em;
    cursor: pointer;
  }
  .qa_qestion::after {
    right: 2em;
  }
}



/* 特集：はじめました。“カーシェア”な暮らし */

/* clearFix
=================================*/
.clearfix:after{
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
}
.clearfix{
  display:inline-table;
  min-height:1%;  /* for IE 7*/
}
/* Hides from IE-mac \*/
* html .clearfix{
  height:1px;
}
.clearfix{
  display:block;
}
/* End hide from IE-mac */
* html .clearfix {
        height: 1px;
        /*\*//*/
        height: auto;
        overflow: hidden;
        /**/
}
/* End hide from IE 6 */

#life #container #topicpathframe{
  margin-bottom: 20px;
}
#life #container h3{
  padding: 0 0 5px 3px;
  margin-bottom: 0px;
  border-bottom: solid 1px #CCC;
  background-image: none;
}
#life #container h3.top{
  margin-bottom: 20px;
}
#life #container .move_box{
  margin-bottom: 20px;
}
#life #container .move_box ul{
  width: 712px;
  border-right: dotted 1px #CCC;
  background-color: #FEFAE9;
}
#life #container .move_box ul li{
  float: left;
  border-left: dotted 1px #CCC;
  padding: 5px 15px;
  font-size: 70%;
}
#life #container .move_box ul li.last{
  float: right;
  border-left: dotted 1px #CCC;
  padding: 5px 15px;
  font-size: 70%;
}
#life #container .move_box ul li.top{
  padding: 12px 15px 5px 16px;
  padding: 12px 13px 5px 14px\9;
}
#life #container .move_box ul li.selected{
  background-color: #f2914d;
  padding: 5px 12px 5px 13px;
}
#life #container .move_box ul li.selected a{
  color: #FFF;
}
#life .content_box p.top{
  padding: 0 10px;
  margin-bottom: 10px;
  font-size: 85%;
  color:#666;
}
#life .content_box .frame_box{
  text-align: center
}
#life .casetitle_box{
  background-repeat:no-repeat;
  margin: 0 auto;
}
#life .casetitle_box h4{
  width: 350px;
  padding: 0 0 3px 3px;
  margin-bottom: 20px;
  border-bottom: solid 1px #CCC;
}
#life .casetitle_box h5{
  margin-bottom: 20px;
  padding-left: 5px;
}
#life .casetitle_box .casetitle_text{
  padding-left: 5px;
}
#life .casetitle_box.case2 .casetitle_text,
#life .casetitle_box.case4 .casetitle_text{
  padding-left: 56px;
}
#life .casetitle_box.case1{
  width: 680px;
  height: 178px;
  background-image:url(/common/img/project/life/casebg01.jpg);
  padding: 70px 0 0 10px;
  margin-bottom: 25px;
  margin-top: 25px;
}
#life .casetitle_box.case2{
  width: 370px;
  height: 203px;
  background-image:url(/common/img/project/life/casebg02.jpg);
  padding: 76px 0 0 320px;
  margin-bottom: 15px;
}
#life .casetitle_box.case3{
  width: 680px;
  height: 203px;
  background-image:url(/common/img/project/life/casebg03.jpg); 
  padding: 55px 0 0 10px;
  margin-bottom: 7px;
}
#life .casetitle_box.case4{
  width: 380px;
  height: 157px;
  background-image:url(/common/img/project/life/casebg04.jpg); 
  padding: 72px 0 0 310px;
  margin-bottom: 40px;
}
#life .casetitle_box.case5{
  width: 680px;
  height: 178px;
  background-image:url(/common/img/project/life/casebg05.jpg);
  padding: 70px 0 0 10px;
  margin-bottom: 25px;
}
#life .casetitle_box img {
  margin: 0;
}
.singular.life .casetop_box{
  width: 690px;
  margin: 0 auto 20px;
}
.singular.life .casetop_box .casetop_photo{
  float: left;
  width: 300px;
  font-size: 70%;
  color: #666;
}
.singular.life .casetop_box .casetop_info{
  float: right;
  width: 370px;
  padding-top: 20px;
}
.singular.life .casetop_box .casetop_info h4{
  width: 355px;
  margin-bottom: 5px;
  padding: 0 0 3px 3px;
  border-bottom: solid 1px #CCC;
}
.singular.life .casetop_box .casetop_info .casetop_text{
}
.singular.life .note_box{
  width: 660px;
  background-image: url(/common/img/project/life/box_bg.gif);
  background-repeat: no-repeat;
  padding: 20px;
  margin: 0 auto 50px;
}
.singular.life .note_box.long{
  background-image: url(/common/img/project/life/box_bg2.gif);
}
.singular.life .note_box .notebox_top{
  margin-bottom: 20px;
}
.singular.life .note_box .notebox_top .notebox_yn{
  float: left;
  width: 260px;
  text-align: center;
  padding-top: 5px;
}
.singular.life .note_box .notebox_top .notebox_yn h5{
  margin-bottom: 10px;
}

.singular.life .note_box .notebox_top .notebox_copy{
  float: right;
  width: 340px;
}

.singular.life .note_box .notebox_top .notebox_copy .notebox_line{
  width: 288px;
  background-image:url(/common/img/project/life/box_textline.gif);
  background-position: bottom;
  background-repeat: no-repeat;
  padding: 0 0 6px 5px;
  margin-bottom: 5px;
}
.singular.life .note_box p{
  width: 630px;
  padding: 0 10px;
  line-height: 2.0;
  color: #666;
}
.singular.life .casetext_box{
  width: 670px;
  padding: 0 10px;
  margin-bottom: 50px;
  line-height: 1.8;
  font-size: 85%;
  color: #666;
}

.singular.life .phototext_box{
}
.singular.life .phototext_box .phototext_left{
  float: left;
}
.singular.life .phototext_box .phototext_right{
  float: right;
}
.singular.life .orix_box{
  width: 678px;
  height: 208px;
  background-image: url(/common/img/project/life/orixbox_bg2.gif);
  background-repeat: no-repeat;
  text-align:center;
  padding: 30px 0px;
  margin: 0 auto 20px;
}
.singular.life .orix_box img {
  margin: auto;
}
.singular.life .orix_box .orixbox_maincopy{
  margin-bottom: 15px;
}
.singular.life .orix_box .orixbox_subcopy{
  width: 600px;
  margin: 0 auto 10px;
  text-align: left;
}
.singular.life .orix_box .orixbox_split{
  margin-bottom: 5px;
}
.singular.life .orix_box .orixbox_zero{
  margin-bottom: 10px;
}
.singular.life .orix_box .orixbox_zero img{
  display: inline-block;
}
.singular.life .orix_box .orixbox_code{
  margin-bottom: 10px;
}
.singular.life .orix_box .orixbox_button{
  margin-top: 2em;
  text-align: center;
}
.singular.life .orix_box .orixbox_button img {
  display: inline;
}
/*
.singular.life .orix_box.cariteco .orixbox_button img:first-child {
  width: 1px;
  height: 1px;
}*/
.singular.life .orix_box.cariteco .orixbox_zero{
  margin-bottom: 0;
}
.singular.life .orix_box.cariteco .orixbox_button{
  margin-top: 0;
}

.box_freme {
  overflow: scroll;
}
@media screen and (min-width: 768px), print {
  .box_freme {
    overflow: visible;
  }
}
#survey .student_block{
  background-color: #fef4ec;
  padding: 15px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  margin: 2em 0 0;
}
#survey .student_block p{
  margin-bottom: 15px;
  line-height: 1.6;
  font-size: 85%;
}
#survey .student_block .student_line{
  overflow: hidden;
  zoom: 1;
}
#survey .student_block .student_line .student_box{
  background-color: #FFF;
  border: solid 1px #edd8c7;
  padding: 10px;
  margin-bottom: 10px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  overflow: hidden;
  zoom: 1;
}
#survey .student_block .student_line.top .student_box{
  float: left;
  width: 303px;
  margin: 0 10px 0 0;
}
#survey .student_block .student_line .student_box.bottom{
  margin-bottom: 0;
}
#survey .student_block .student_line.top .student_box.side{
  margin-right: 0;
}
#survey .student_block .student_line .student_box .student_image{
  float: left;
  width: 99px;
  margin-right: 10px;
}
#survey .student_block .student_line .student_box .student_text{
  float: none;
}
#survey .student_block .student_line .student_box.top .student_text{
  float: left;
  width: 190px;
}
#survey .student_block .student_line .student_box .student_text p{
  padding: 0;
  margin: 0;
  font-size: 85%;
}

#survey .fig {
  padding: 1em;
  max-width: 100%;
  margin: auto;
  border: solid 1px #ccc;
}
#survey .fig img {
  margin: auto;
}
#survey figure + figure {
  margin-top: 1em;
}
#survey figcaption {
  display: block;
  margin-bottom: 1em;
  font-weight: bold;
}
@media screen and (min-width: 768px), print {
  #survey .fig {
    padding: 2em 1em;
    max-width: 75%;
  }
  #survey .fig_flex {
    display: flex;
    align-items: center;
    justify-content: space-around;
  }
  #survey figcaption {
    text-align: center;
    font-size: 114.3%;
  }
}


/* /contact/ */
#contact form#mail_form {
  width: 100%;
}
#contact form#mail_form input#form_submit_button {
  background: #3366ff;
  border-color: #3366ff;
}
#contact form#mail_form dl dt span.optional {
  background-color: #999;
  border-color: #999;
}
@media screen and (min-width: 768px), print {
  #thanks .blk {
    min-height: 200px;
  }
}


/* company */
#company article .notes {
  margin-top: 1em;
}


/* news */
.singular article.post .img {
  margin: 2em 0;
}




/* 2020.5.14 update */
.ftr.blk {
  display: none;
}
.content.timesplus .ftr.blk.times {
  display: block;
}
.content.orix .ftr.blk.orix {
  display: block;
}
.content.everygo .ftr.blk.everygo {
  display: block;
}
.content.careco .ftr.blk.careco {
  display: block;
}
.content.ecoloca .ftr.blk.ecoloca {
  display: block;
}
.content.cariteco .ftr.blk.cariteco {
  display: block;
}
.content.dshare .ftr.blk.dshare {
  display: block;
}
.content.earthcar .ftr.blk.earthcar {
  display: block;
}
.ftr.blk .inner {
  padding: 3em 0 0;
  border-top: solid 1px #ccc;
}
.ftr.blk .blk-ttl {
  margin-bottom: 1.2em;
}
.ftr_list {
  padding: 1.5em;
  background-color: #224489;
  color: #fff;
}
.ftr_list li {
  padding: .6em 1em 1em 3em;
  line-height: 1.2;
}
.ftr_list li:nth-child(2n+1) {
  background-color: #2851a2;
}
.ftr_list li::before {
  content: "01";
  display: inline-block;
  text-indent: -1.6em;
  font-family: 'Raleway';
  font-style: italic;
  font-size: 148%;
  color: #f1ef30;
}
.ftr_list li:nth-child(2)::before {
  content: "02";
}
.ftr_list li:nth-child(3)::before {
  content: "03";
}
.ftr_list li:nth-child(4)::before {
  content: "04";
}
.ftr_list li:nth-child(5)::before {
  content: "05";
}
@media screen and (min-width: 768px), print {
  .ftr_list {
    padding: 2em;
  }
  .ftr_list li {
    font-size: 128%;
  }
}



/* 2020.6.16 update */
.singular article .tbl.mkt {
  margin-bottom: 2em;
  overflow: scroll;
}
.singular article .tbl.mkt table {
  width: 180%;
  border-left: solid 1px #ccc;
  font-size: 90%;
}
.singular article .tbl.mkt thead th {
  vertical-align: middle;
  font-size: 100%;
  font-weight: normal;
}
.singular article .tbl.mkt th {
  text-align: center;
}
.singular article .tbl.mkt.cars th {
  background-color: #71a8bb;
}
.singular article .tbl.mkt th,
.singular article .tbl.mkt td {
  padding: .25em;
}
.singular article .tbl.mkt th small {
  display: block;
}
.singular article .tbl.mkt td:not(:first-child) {
  text-align: right;
}
.singular article .tbl.mkt tfoot td {
  background-color: #f0f6fb;
}
.singular article .chart {
  margin-bottom: 2em;
}
text.c3-text {
  fill: #000 !important;
  font-size: 75%;
}
g.c3-texts {
  transform: translate(0px, 1em);
}
g.c3-axis {
  font-size: 75%;
}
@media screen and (min-width: 768px), print {
  .singular article .tbl.mkt {
    overflow: visible;
  }
  .singular article .tbl.mkt table {
    width: 80%;
    margin: auto;
  }
  .singular article .chart.pref {
    max-height: 500px !important;
    height: 500px;
  }
  text.c3-text {
    font-size: 11px;
  }
  g.c3-texts {
    transform: translate(0px, 1.5em);
  }
  g.c3-axis {
    font-size: 10px;
  }
}

.bnr-orix {
  margin-bottom: 2em;
  text-align: center;
}
.bnr-orix a {
  display: inline-block;
}
.bnr-orix a span {
  font-size: 75%;
}
@media screen and (min-width: 768px), print {
  .bnr-orix a span {
    font-size: 92%;
  }
}


/* 2020.6.19 update */
.internal_links {
  margin-bottom: 3em;
}
.internal_links li {
  margin-bottom: .1em;
}
.internal_links a {
  position: relative;
  display: block;
  padding: 1em 2.5em 1em 1em;
  background-color: #f0f6fb;
  color: #224489;
}
.internal_links a::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 1em;
    display: block;
    width: .9em;
    height: .5em;
    margin: auto;
    background: url('data:image/svg+xml,%3csvg%20xmlns%3d%22http%3a%2f%2fwww%2ew3%2eorg%2f2000%2fsvg%22%20version%3d%221%2e1%22%20viewBox%3d%220%200%2040%2024%22%3e%3cpath%20d%3d%22M%2040%200%20L%200%200%20L%2020%2024%20z%22%20fill%3d%22%23224489%22%20%2f%3e%3c%2fsvg%3e') no-repeat center;
}
@media screen and (min-width: 768px), print {
  .internal_links li {
    margin-bottom: 1px;
  }
  .internal_links a::after {
    right: 2em;
    width: .6em;
  }
}


/* 2020.6.25 update */
.nav-global-service {
  position: relative;
}
.nav-global-service::before {
  content: "";
  position: absolute;
  top: 1px;
  left: 0;
  display: block;
  width: 9vw;
  height: 40%;
  background: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2030%2030%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20fill%3D%22%23f99800%22%20d%3D%22M30.000%2C-0.000%20L0.000%2C-0.000%20L0.000%2C30.000%20%22%2F%3E%3C%2Fsvg%3E') no-repeat top left;
  z-index: 1;
}
.nav-global-service::after {
  content: "";
  position: absolute;
  top: .2em;
  left: .1em;
  background: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20486.94%22%3E%3Cpolygon%20points%3D%22256%200%20327.05%20171.39%20512%20186%20370.94%20306.52%20414.22%20486.94%20256%20390.03%2097.78%20486.94%20141.06%20306.52%200%20186%20184.95%20171.39%20256%200%22%20style%3D%22fill%3A%23ffe400%22%2F%3E%3C%2Fsvg%3E') no-repeat center;
  width: 3.7vw;
  height: 3.7vw;
  z-index: 1;
}
@media screen and (min-width: 768px), print {
  .nav-global-service::before {
    width: 30px;
  }
  .nav-global-service::after {
    top: 4px;
    left: 2px;
    width: 12px;
    height: 12px;
  }
}


/* 2020.7.10 update */
.servicedetail.singular article .mv .flex .box.rgt {
  margin-top: 2em;
}
.servicedetail.singular article .mv .flex .box.rgt img {
  max-width: 94%;
}
.servicedetail.singular .cariteco .mv .flex .box.rgt img,
.servicedetail.singular .dshare .mv .flex .box.rgt img,
.servicedetail.singular .times .mv .flex .box.rgt img {
  width: 60%;
}
.servicedetail.singular .everygo .mv .flex .box.rgt img {
  width: 53.8%;
}
.servicedetail.singular article .mv .flex .box.rgt img.adimg {
  display: block;
  width: 1px;
  height: 1px;
}
.servicedetail.singular article .mv .flex .box.rgt .notes,
.servicedetail.singular article .mv .flex .box.rgt .campaign,
.servicedetail.singular article .mv .flex .box.rgt sup,
.servicedetail.singular article .mv .flex .box.rgt .cpn-orix {
  display: none;
}
@media screen and (min-width: 768px), print {
  .servicedetail.singular article .mv .flex .box.rgt {
    margin-top: 0;
  }
  .servicedetail.singular article .mv .flex .box.rgt img {
    max-width: 100%;
  }
}


/* 2020.7.17 update */
.servicedetail-list .btn-area {
  display: flex;
  flex-wrap: wrap;
}
.servicedetail-list .btn-area > div {
  float: none;
}
.servicedetail-list .btn-area .btn-dtl,
.servicedetail-list .btn-area .btn-ety {
  width: 100%;
}
.servicedetail-list .btn-area .btn-dtl {
  margin-left: 0;
  order: 2;
}
.servicedetail-list .btn-area .btn-ety {
  order: 1;
}
.servicedetail-list .btn-area .btn-h {
  order: 3;
}
.servicedetail-list .btn-area .btn-dtl a,
.servicedetail-list .btn-area .btn-ety a,
.servicedetail-list .btn-area .btn-h a {
  padding-top: .8em;
  padding-bottom: .8em;
}
@media screen and (min-width: 768px), print {
  .servicedetail-list .btn-area {
    align-items: center;
    justify-content: flex-end;
  }
  .servicedetail-list .btn-area .btn-dtl,
  .servicedetail-list .btn-area .btn-ety,
  .servicedetail-list .btn-area .btn-h {
    width: 25%;
    margin-left: 2%;
  }
  .servicedetail-list .btn-area .btn-dtl a,
  .servicedetail-list .btn-area .btn-ety a,
  .servicedetail-list .btn-area .btn-h a {
    font-size: 112.5%;
  }
  .servicedetail-list .btn-area .btn-ety {
    margin-left: 0;
  }
}


/* 2020.7.27 update */
.btn-cost {
  margin-top: 3em;
  text-align: center;
}
section + .btn-cost {
  margin-top: -2em;
}
.btn-cost a {
  position: relative;
  display: inline-block;
  padding: .8em 2em .8em 1em;
  width: 100%;
  box-sizing: border-box;
  background-color: #f28300;
  font-size: 122%;
  color: #fff;
}
.btn-cost a::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: .8em;
  display: block;
  width: .5em;
  height: .5em;
  margin: auto;
  background: url('data:image/svg+xml,%3csvg%20xmlns%3d%22http%3a%2f%2fwww%2ew3%2eorg%2f2000%2fsvg%22%20version%3d%221%2e1%22%20viewBox%3d%220%200%2025%2040%22%3e%3cpath%20d%3d%22M%200%200%20L%200%2040%20L%2025%2020%20z%22%20fill%3d%22%23fff%22%20%2f%3e%3c%2fsvg%3e') no-repeat center;
}
@media screen and (min-width: 768px), print {
  .btn-cost {
    margin-top: 4em;
  }
  section + .btn-cost {
    margin-top: -3em;
  }
  .btn-cost a {
    width: auto;
    padding: .8em 2.5em .8em 1.5em;
    font-size: 125%;
  }
}


/* 2020.9.24 update */
.btn-summary {
  margin-bottom: 2em;
}
.btn-summary a {
  position: relative;
  width: 36vw;
  display: inline-block;
  padding: .75em 2em .75em 1em;
  box-sizing: border-box;
  background-color: #224488;
  color: #fff;
}
.btn-summary a::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: .8em;
  display: block;
  width: .5em;
  height: .5em;
  margin: auto;
  background: url(data:image/svg+xml,%3csvg%20xmlns%3d%22http%3a%2f%2fwww%2ew3%2eorg%2f2000%2fsvg%22%20version%3d%221%2e1%22%20viewBox%3d%220%200%2025%2040%22%3e%3cpath%20d%3d%22M%200%200%20L%200%2040%20L%2025%2020%20z%22%20fill%3d%22%23fff%22%20%2f%3e%3c%2fsvg%3e) no-repeat center;
  transform: rotate(90deg);
}
.singular article .cost_list_comparison_tbl {
  margin-top: 2em;
  padding-bottom: 3em;
}
.singular article .cost_list_comparison_tbl .tbl {
  overflow: scroll;
}
.singular article .cost_list_comparison_tbl .tbl table {
  width: 240%; 
}
.singular article .cost_list_comparison_tbl .tbl th {
  padding: 1.25em .5em;
  text-align: center;
}
.singular article .cost_list_comparison_tbl .tbl th:first-child {
  text-align: left;
}
.singular article .cost_list_comparison_tbl .tbl td {
  text-align: center;
}
.singular article .cost_list_comparison_tbl .tbl td:first-child {
  padding: 0;
  background-color: #224488;
}
.singular article .cost_list_comparison_tbl .tbl td:first-child a {
  position: relative;
  display: block;
  padding: 5vw 2em 5vw .5em;
  background-color: #224488;
  text-align: left;
  color: #fff;
}
.singular article .cost_list_comparison_tbl .tbl td:first-child a::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: .8em;
  display: block;
  width: .5em;
  height: .5em;
  margin: auto;
  background: url(data:image/svg+xml,%3csvg%20xmlns%3d%22http%3a%2f%2fwww%2ew3%2eorg%2f2000%2fsvg%22%20version%3d%221%2e1%22%20viewBox%3d%220%200%2025%2040%22%3e%3cpath%20d%3d%22M%200%200%20L%200%2040%20L%2025%2020%20z%22%20fill%3d%22%23fff%22%20%2f%3e%3c%2fsvg%3e) no-repeat center;
  transform: rotate(90deg);
}
.list_cost_summary {
  padding: 4em 2em 0;
}
.singular article .list_cost_summary h2 {
  margin-left: .7em;
}
.list_cost_summary_box {
  padding: 2em;
  background-color: #224489;
  color: #fff;
  box-sizing: border-box;
  width: 100vw;
  margin-left: calc( 50% - 50vw );
}
.list_cost_summary_box .em {
  background: #fbfaa8;
  font-weight: bold;
  color: #224489;
}
.mark {
  background: linear-gradient(to right, #fbfaa8 50%, rgba(255,255,255,0) 50%) no-repeat 100% 0% / 200% auto;
/*
  background: linear-gradient(to right, #fbfaa8 50%, rgba(255,255,255,0) 50%) no-repeat right top / 200% auto;*/
  transition: background-position 2s ease-out;
  line-height: 1.8;
}
.mark.show {
  background-position: left top;
}
@media screen and (min-width: 768px), print {
  .btn-summary {
    margin-bottom: 3em;
  }
  .btn-summary a {
    width: 192px;
    padding: 1em 2em 1em 1em;
  }
  .btn-summary a::after {
    right: 1.5em;
  }
  .singular article .cost_list_comparison_tbl {
    margin-top: 3em;
    padding-bottom: 4em;
  }
  .singular article .cost_list_comparison_tbl .tbl {
    overflow: visible;
  }
  .singular article .cost_list_comparison_tbl .tbl table {
    width: 100%;
  }
  .singular article .cost_list_comparison_tbl .tbl th:first-child {
    width: 27%;
    /* padding-left: 1em; */
  }
  .singular article .cost_list_comparison_tbl .tbl td:first-child a {
    padding: 1.5em 2em 1.5em 1em;
  }
  .singular article .cost_list_comparison_tbl .tbl td:first-child a::after {
    right: 1.5em;
  }
  .list_cost_summary {
    padding: 5.5em 0 0;
  }
  .singular article .list_cost_summary h2 {
    margin-left: 0;
  }
  .list_cost_summary_box {
    padding: 4em 2em;
    width: 100%;
    margin-left: 0;
  }
}


/* 2020.10.12 update */
.btn-cost a {
  text-align: left;
}
.bnr-area {
  max-width: 728px;
  margin: 3em auto 0;
}
.bnr-area .bfr::before {
  content: "";
  display: inline-block;
  width: .5em;
  height: .5em;
  margin-right: .5em;
  background: url('data:image/svg+xml,%3csvg%20xmlns%3d%22http%3a%2f%2fwww%2ew3%2eorg%2f2000%2fsvg%22%20version%3d%221%2e1%22%20viewBox%3d%220%200%2025%2040%22%3e%3cpath%20d%3d%22M%200%200%20L%200%2040%20L%2025%2020%20z%22%20fill%3d%22%23224489%22%20%2f%3e%3c%2fsvg%3e') no-repeat center;
}

/* 2020.10.13 update */
.singular article .tbl th a {
  text-decoration: underline;
  color: #fff;
}
#gasoline .tbl th:last-child {
  border-right: solid 1px #ccc;
}
#gasoline .tbl td:first-child {
  border-left: solid 1px #ccc;
}
@media screen and (min-width: 768px), print {
  .singular article .tbl th a:hover {
    text-decoration: none;
  }
  #businessman.use.singular article .blk-use .flex .tbl th,
  #student.use.singular article .blk-use .flex .tbl th,
  #retire.use.singular article .blk-use .flex .tbl th {
    width: 42%;
  }
  #gasoline .tbl thead th[scope=col] {
    width: 33%;
  }
}


/* 2021.2.3 update */
.em-contact {
  background: linear-gradient(transparent 50%, #fbfaa8 0%);
}
.em-contact.b {
  font-size: 110%;
  font-weight: bold;
}
#contact form#mail_form,
#contact form#mail_form dl dt span.required,
#contact form#mail_form dl dt span.optional,
#contact form#mail_form input[type="text"],
#contact form#mail_form input[type="email"],
#contact form#mail_form input[type="tel"],
#contact form#mail_form textarea {
  border-radius: 0;
}
#contact form#mail_form dl dt span:not(.required):not(.optional) {
  color: #999;
}
#contact form#mail_form input#form_submit_button {
  display: block;
  padding: 1em;
  margin: auto;
  background: #224489;
  border: none;
  border-radius: 0;
}
#contact form#mail_form input#form_submit_button:focus {
  outline-offset: 0;
}
@media screen and (min-width: 768px), print {
  .em-contact.b {
    font-size: 120%;
  }
  #contact form#mail_form input#form_submit_button {
    padding: 1em 2em;
    font-size: 120%;
  }
}


/* 2021.2.4 update */
.footer-pref {
  margin-top: 1.5em;
  border-top: solid 1px rgba(255,255,255,.2);
}
.footer_pref_list {
  margin: 2em 0;
  line-height: 1.8;
}
.footer_pref_list dt {
  margin-bottom: .5em;
}
.footer_pref_list dd {
    margin: 0;
}
.footer_pref_item {
  white-space: nowrap;
}
.footer_pref_item:not(:last-child) {
  margin-right: .4em;
}
.footer_pref_item:not(:last-child)::after {
  content: "";
  display: inline-block;
  height: 1em;
  margin-left: .5em;
  border-right: solid 1px rgba(255,255,255,.2);
  vertical-align: middle;
}
@media screen and (min-width: 768px), print {
  .footer_pref_list {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
  }
  .footer_pref_list dt {
    width: 8.4%;
    margin-bottom: 0;
    border-bottom: none;
    border-right: solid 1px rgba(255,255,255,.2);
  }
  .footer_pref_list dd {
    width: 90%;
    margin: 0;
  }
}

/* 2021.4.19 update more-btn */
.near.blk .station-list a {
  padding: 0 1.5em 0 0;
}
.btn-area.more {
  margin-top: 2em;
  text-align: center;
}
.btn-area.more .btn {
  position: relative;
  display: inline-block;
  padding: 1em 2.5em 1em 1em;
  min-width: 180px;
  box-sizing: border-box;
  background-color: #224489;
  color: #fff;
}
.btn-area.more .btn::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 1.5em;
  display: block;
  width: .5em;
  height: .5em;
  margin: auto;
  background: url('data:image/svg+xml,%3csvg%20xmlns%3d%22http%3a%2f%2fwww%2ew3%2eorg%2f2000%2fsvg%22%20version%3d%221%2e1%22%20viewBox%3d%220%200%2025%2040%22%3e%3cpath%20d%3d%22M%200%200%20L%200%2040%20L%2025%2020%20z%22%20fill%3d%22%23fff%22%20%2f%3e%3c%2fsvg%3e') no-repeat center;
  transform: rotate(90deg);
}
@media screen and (min-width: 768px), print {
  .btn-area.more .btn {
    cursor: pointer;
    transition: opacity .3s ease;
  }
  .btn-area.more .btn:hover {
    opacity: .7;
  }
}



/* 2021.7.1 update Anyca */
.singular article .blk-ttl-sub {
  margin: 1.5em 0 1em;
  padding: .334em 1em;
  background-color: #04163a;
  font-size: 128.5%;
  font-weight: bold;
  color: #fff;
}
.servicedetail .company-info-label {
  padding: 0;
}
.servicedetail .company-info-label + .notes-icon {
  padding-top: 3em;
}
#anyca.servicedetail article .sec-detail .tbl {
  overflow: scroll;
}
#anyca.servicedetail article .sec-detail .tbl table {
  width: 160%;
}
#anyca.servicedetail article .sec-detail .tbl table th[scope="col"] {
  width: 35%;
  background-color: #04163a;
  text-align: center;
  color: #fff;
}
#anyca.servicedetail article .sec-detail .tbl table td {
  vertical-align: top;
}
.btn-area .btn.badge a {
  padding: 1em 1em .7em;
  background: #f34d2d;
}
.btn-area .btn.badge a::before,
.btn-area .btn.badge a::after {
  content: none;
}
.btn-area .btn.badge a .btnimg {
  display: inline-block;
  margin: 0 .5em;
  line-height: 1;
}
.btn-area .btn.badge a .btnimg img {
  display: inline-block;
  width: auto;
  height: 10vw;
}
.btn-area .btn.badge a .btntxt {
  display: block;
  margin-top: .3em;
  font-size: 85.715%;
}
.servicedetail-list #anyca .btn-area .btn-ety a {
  padding-left: 0;
  padding-right: 0;
  background-color: #2851a2;
  font-size: 100%;
}
.servicedetail-list #anyca .btn-area .btn-ety a .btntxt {
  font-size: 100%;
  font-weight: normal;
}
.content.anyca_osc .ftr.blk.anyca_osc {
  display: block;
}
@media screen and (min-width: 768px), print {
  /*.servicedetail .company-info-label {
    padding: 0 0 4em;
  }*/
  .servicedetail .company-info-label + .notes-icon {
    padding-top: 4em;
  }
  #anyca.servicedetail article .sec-detail .tbl {
    overflow: visible;
  }
  #anyca.servicedetail article .sec-detail .tbl table {
    width: 100%;
  }
  #anyca.servicedetail article .sec-detail .tbl table th[scope="col"] {
    width: 40%;
  }
  .btn-area .btn.badge a .btnimg {
    margin: 0 .5em;
  }
  .btn-area .btn.badge a .btnimg img {
    height: 40px;
  }
  .servicedetail-list #anyca .btn-area {
    align-items: flex-start;
  }
  .servicedetail-list #anyca .btn-area .btn-ety {
    width: 40%;
    min-width: 300px;
  }
}


/* 2021.7.19 update Map List */
#sta_list .sec {
  padding-bottom: .5em;
  background-color: #E1EFFA;
}
.result.blk {
  padding: 1em;
}
.ttl-sec {
  position: relative;
  padding: .684em 1em .684em 2em;
  background-color: #2851A2;
  line-height: 1;
  font-size: 5.5625vw;
  color: #fff;
}
.ttl-sec::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 1.5em;
  display: block;
  width: 2.125vw;
  height: 2.125vw;
  margin: auto;
  background: url('data:image/svg+xml,%3csvg%20xmlns%3d%22http%3a%2f%2fwww%2ew3%2eorg%2f2000%2fsvg%22%20version%3d%221%2e1%22%20viewBox%3d%220%200%2025%2040%22%3e%3cpath%20d%3d%22M%200%200%20L%200%2040%20L%2025%2020%20z%22%20fill%3d%22%23fff%22%20%2f%3e%3c%2fsvg%3e') no-repeat center;
  transform: rotate(-90deg);
  background-size: contain;
  transition: transform .3s ease;
}
.ttl-sec.close::after {
  transform: rotate(90deg);
}
.ttl-sec img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 3.75vw;
  margin: auto;
  width: 5.46875vw;
  max-width: 30px;
  height: auto;
}
.ttl-sec .num-station {
  display: inline-block;
  padding: .2em .5em;
  background-color: #fff;
  font-size: 46.6%;
  font-weight: normal;
  color: #2851a2;
}
.result.blk .station-list {
}
.result.blk .station-list li {
  display: none;
  background-color: #fff;
  border-left: solid 2px #224489;
  border-right: solid 2px #224489;
  border-bottom: solid 2px #224489;
  box-sizing: border-box;
}
.result.blk .station-list li:first-of-type {
  border-top: solid 2px #224489;
}
.result.blk .station-list {
}
.result.blk .station-list .scrollbox_marker {
  display: none;
}
.result.blk .station-list a {
  position: relative;
  display: block;
  padding: .5em 2em .5em .5em;
  font-size: 4.4375vw;
}
.result.blk .station-list a::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 1em;
  display: block;
  width: .5em;
  height: .5em;
  margin: auto;
  background: url('data:image/svg+xml,%3csvg%20xmlns%3d%22http%3a%2f%2fwww%2ew3%2eorg%2f2000%2fsvg%22%20version%3d%221%2e1%22%20viewBox%3d%220%200%2025%2040%22%3e%3cpath%20d%3d%22M%200%200%20L%200%2040%20L%2025%2020%20z%22%20fill%3d%22%23224489%22%20%2f%3e%3c%2fsvg%3e') no-repeat center;
  background-size: contain;
}
.result.blk .station-list .station-address {
  display: block;
  font-size: 75%;
}
.btn-area.more .btn.close::after {
  transform: rotate(-90deg);
}
.btn-area.more .btn.allstation {
  width: 84%;
  padding: 1em 2.5em 1em 2em;
  text-align: left;
}
.btn-area.more .btn.close {
  background-color: #04163a;
}
.btn-area.more .btn.close u {
  display: inline-block;
  margin-right: .2em;
  text-underline-offset: 2px;
}
@media screen and (min-width: 768px), print {
  .result.blk {
    padding: 20px;
  }
  .ttl-sec {
    padding: .75em 1em .75em 2em;
    font-size: 24px;
    cursor: pointer;
  }
  .ttl-sec::after {
    right: 20px;
    width: 8px;
    height: 8px;
  }
  .ttl-sec img {
    left: 20px;
    width: 20px;
    height: auto;
  }
  .ttl-sec .num-station {
    display: inline-block;
    padding: .2em .5em;
    margin-left: 1em;
    vertical-align: middle;
    font-size: 12px;
  }
  .result.blk .station-list {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    justify-content: flex-start;
  }
  .result.blk .station-list li {
    /*display: none;*/
    width: 50%;
  }
  .result.blk .station-list li:nth-of-type(2) {
    border-top: solid 2px #224489;
  }
  .result.blk .station-list li:nth-child(even) {
    border-left: none;
  }
  .result.blk .station-list li br {
    display: none;
  }
  .result.blk .station-list a {
    padding: 8px 2em 8px 20px;
    font-size: 14px;
  }
  .result.blk .station-list a::after {
    right: 20px;
    width: 5px;
    height: 8px;
  }
  .result.blk .station-list .station-address {
    font-size: 12px;
  }
  .btn-area.more .btn.allstation {
    width: 380px;
  }
}

/* 2021.7.29 update */
#sta_detail article p {
  margin: 1em 0 0;
}
#sta_detail article p em {
  background: linear-gradient(transparent 50%, #fbfaa8 0%);
}

/* 2021.10.12 update */
.txt-blk-ttl-related {
  display: inline-block !important;
  margin-left: 1em;
  width: 45%;
  font-family: 'Raleway';
  font-size: 46% !important;
  font-style: italic;
  font-weight: normal;
  color: #000;
}
.txt-blk-ttl-related img {
  display: inline-block;
  margin-left: .5em;
  max-width: 85%;
}
.pc-flx-hacklist li {
  background-color: #f0f6fb;
}
.pc-flx-hacklist .hack_img {
  position: relative;
  display: block;
  overflow: hidden;
}
.pc-flx-hacklist .hack_txt {
  padding: 1em;
  box-sizing: border-box;
}
.pc-flx-hacklist .hack_date {
  display: block;
}
.pc-flx-hacklist .hack_title {
  display: block;
}
@media screen and (max-width: 767px) {
  .pc-flx-hacklist li:not(:last-of-type) {
    margin-bottom: 1.5em;
  }
  .pc-flx-hacklist li a {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
  }
  .pc-flx-hacklist .hack_img {
    width: 23.802vw;
    width: 26.786%;
  }
  .pc-flx-hacklist .hack_txt {
    width: 73.214%;
    padding: .5em 1em;
    line-height: 1.5;
    font-size: 90%;
  }
  .pc-flx-hacklist .hack_txt .hack_title {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3; /* 制限したい行数が3の場合 */
    overflow: hidden;
  }
}
@media screen and (min-width: 768px), print {
  .txt-blk-ttl-related {
    font-size: 18px !important;
  }
  .pc-flx-hacklist {
    display: flex;
    align-items: stretch;
    justify-content: flex-start;
  }
  .pc-flx-hacklist li {
    width: 31%;
  }
  .pc-flx-hacklist li:not(:last-of-type) {
    margin-right: 3.5%;
  }
  .pc-flx-hacklist li a {
    display: block;
  }
  .pc-flx-hacklist .hack_img {
    height: 148px;
    background-color: #fff;
    border: solid 1px #f0f6fb;
  }
  .pc-flx-hacklist .hack_img img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
  }
}


/* 2021.12.15 update */
.servicedetail-list .blk-boxes .blk-box-lead {
  padding: 2em 0 0;
}
.singular article .cost_list_comparison_tbl .tbl {
  overflow: visible;
}
.singular article .cost_list_comparison_tbl .tbl table {
  width: 100vw;
  margin-left: calc( 50% - 50vw );
  font-size: 85%;
}
.singular article .tbl th,
.singular article .tbl td {
  padding: .2em;
}
.singular article .cost_list_comparison_tbl .tbl th:first-child {
  width: auto;
}
.singular article .cost_list_comparison_tbl .tbl th:nth-child(2) {
  width: 11%;
}
.singular article .cost_list_comparison_tbl .tbl th:nth-child(3),
.singular article .cost_list_comparison_tbl .tbl th:nth-child(4),
.singular article .cost_list_comparison_tbl .tbl th:nth-child(5) {
  width: 20%;
}
.notes-fee-tbl {
  display: block;
  line-height: 1.2;
}
.servicedetail-list article .fee .tbl {
  font-size: 90%;
}
.servicedetail-list article .fee .tbl th:first-child {
  width: auto;
}
.servicedetail-list article .fee .tbl th:nth-child(3) {
  width: auto;
}
.servicedetail-list article .fee .tbl th:nth-child(4) {
  width: auto;
}
.servicedetail-list article .fee .tbl th:nth-child(5) {
  width: auto;
}
.servicedetail-list article .fee .tbl th:nth-child(6) {
  width: auto;
}
.servicedetail-list article .fee .tbl .col-1,
.servicedetail-list article .fee .tbl .col-10,
.servicedetail-list article .fee .tbl .col-11 {
  width: 10%;
}
.servicedetail-list article .fee .tbl .col-2 {
  width: 15%;
}
.servicedetail-list article .fee .tbl .col-3_2 {
  width: 22%;
}
.servicedetail-list article .fee .tbl .col-3,
.servicedetail-list article .fee .tbl .col-5,
.servicedetail-list article .fee .tbl .col-7,
.servicedetail-list article .fee .tbl .col-8,
.servicedetail-list article .fee .tbl .col-9 {
  width: 11%;
}
.servicedetail-list article .fee .tbl sup {
  white-space: nowrap;
  font-size: 50%;
}
.servicedetail .svc_notes > p {
  margin-top: 0;
  margin-left: 2.5em;
  text-indent: -2.5em;
}
.servicedetail-list .svc_link a {
  position: relative;
}
.servicedetail-list .svc_link a::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: .8em;
  display: block;
  /*width: .5em;
  height: .5em;*/
  width: .6em;
  height: .6em;
  margin: auto;
  background: url('data:image/svg+xml,%3csvg%20xmlns%3d%22http%3a%2f%2fwww%2ew3%2eorg%2f2000%2fsvg%22%20version%3d%221%2e1%22%20viewBox%3d%220%200%2025%2040%22%3e%3cpath%20d%3d%22M%200%200%20L%200%2040%20L%2025%2020%20z%22%20fill%3d%22%23224489%22%20%2f%3e%3c%2fsvg%3e') no-repeat center;
}
.servicedetail-list .svc_link a.active {
  pointer-events: none;
}
.servicedetail-list article .svc_dtl .tbl {
  overflow: scroll;
  font-size: 90%;
}
.servicedetail-list article .svc_dtl .tbl table {
  width: 220%;
}
.servicedetail-list .svc_dtl .tbl th:nth-child(2) {
  width: 17%;
}
.servicedetail-list .svc_dtl .tbl th:nth-child(5) {
  width: 30%;
}
.list-link li a.active {
  pointer-events: none;
}
.list-link li a.active::after {
  content: none;
}
@media screen and (min-width: 768px), print {
  .singular article .cost_list_comparison_tbl .tbl table {
    width: 100%;
    margin-left: 0;
    font-size: 100%;
  }
  .singular article .cost_list_comparison_tbl .tbl th:nth-child(2) {
    width: 10%;
  }
  .servicedetail-list article .svc_dtl .tbl {
    overflow: visible;
  }
  .servicedetail-list article .svc_dtl .tbl table {
    width: 100%;
  }
  .servicedetail-list article .svc_dtl .tbl th,
  .servicedetail-list article .svc_dtl .tbl td {
    padding: .5em;
  }
  .servicedetail-list .svc_dtl .tbl th:nth-child(3) {
    width: 12%;
  }
}

/* 2021.12 update */
.price-service {
  margin-bottom: 1.5em;
}
.singular.servicedetail article .tbl table {
  font-size: 90%;
}
.singular article .tbl .th-price {
  background-color: #f2f2f2;
  border-right: solid 1px #ccc;
  font-weight: normal;
  color: #000;
}
.singular article .tbl .th-type {
  background-color: #f0f6fb;
  border-right: solid 1px #ccc;
  font-weight: normal;
  color: #000;
}
.singular article .tbl .tr-price td {
  text-align: right;
}
.singular article .tbl .tr-vehicle th[scope=col] {
  line-height: 1.2;
} 
.subttl-servicedetail {
  margin: 1.5em 0 .5em;
  font-size: 112.5%;
  color: #224489;
}
.singular article .subttl-servicedetail + p {
  margin-top: 0;
}
/*.singular article .tbl-vehicle {
  margin-bottom: 1.5em;
}*/
.singular article .tbl-vehicle th,
.singular article .tbl-vehicle td {
  text-align: left !important;
}
.singular article .tbl-vehicle th {
  width: 18%;
}
.singular article .tbl .tr-price td.txt-ctr {
  text-align: center;
}
.list.num p {
  margin-left: 2.6em !important;
  text-indent: -2.6em;
}
.singular article.orix .tbl .tr-vehicle th[scope=col],
.singular article.everygo .tbl .tr-vehicle th[scope=col] {
  width: calc(58% / 4);
}
.singular article.anyca .tbl .tr-vehicle th[scope=col],
.singular article.careco .tbl .tr-vehicle th[scope=col] {
  width: calc(72% / 5);
}
.singular article.car8341 .tbl .tr-vehicle th[scope=col],
.singular article.times .tbl .tr-vehicle th[scope=col] {
  width: calc(62% / 3);
}
.singular article.dshare .tbl .tr-vehicle th[scope=col] {
  width: calc(64% / 4);
}
.singular article.cariteco .tbl .tr-vehicle th[scope=col] {
  /*width: calc(80% / 10);*/
  /*width: calc(81% / 12); /*2024.2.26 update */
  width: calc(68% / 6); /*2024.10.2 update*/
}
.singular article.ecoloca .tbl .tr-vehicle th[scope=col] {
  width: calc(54% / 2);
}
.singular article.cariteco .tbl-fee th {
  font-size: 80%;
}
.singular article.cariteco .tbl-fee td {
  font-size: 80%;
  word-break: break-all;
}
.singular article.cariteco .tbl .th-price {
  width: 10%;
}
.singular.servicedetail article.careco .tbl2 table {
  font-size: 81%;/* 2023.7.14 update */
}
.singular.servicedetail article .tbl-fee + .tbl-fee {
  margin-top: 1.5em;
}
.singular article .tbl-fee th,
.singular article .tbl-fee td {
  font-size: 90%;
}
@media screen and (min-width: 768px), print {
  .singular article.dshare .tbl .tr-vehicle th[scope=col] {
    width: calc(72% / 4);
  }
  .singular article.cariteco .tbl-fee th {
    font-size: 100%;
  }
  .singular article.cariteco .tbl-fee td {
    word-break: normal;
    font-size: 100%;
  }
  .singular article.cariteco .tbl .tr-vehicle th[scope=col] {
    width: calc(74% / 6); /*2024.10.2 update*/
  }
  .singular article.cariteco .tbl .th-price {
    width: auto;
  }
  .singular article .tbl-fee th,
  .singular article .tbl-fee td {
    font-size: 100%;
  }
}

/* 2022.2.7 update */
@media screen and (min-width: 768px), print {
  #market .market_links li.half {
    width: 50%;
  }
}



/* 2022.2 update - simulation */
.lead-simulation {
  margin-bottom: 2em;
}
.singular article .ttl-simulation {
  margin: 0;
  background-color: #04163a;
  border: none;
  font-size: 125%;
  color: #fff;
}
.fld-simulation {
  position: relative;
  margin: 0;
  padding: 2em;
  background-color: #f0f6fb;
  border: none;
}
.singular article .ttl-simulation,
.fld-simulation,
.content-result-simulation {
  width: 100vw;
  margin-left: calc( 50% - 50vw );
  box-sizing: border-box;
}
.fld-simulation + .fld-simulation {
  padding-top: 0;
}
[class|="list-simulation"] li {
  margin-bottom: 1em;
}
.list-simulation-time li {
  display: inline-block;
}
.list-simulation-time li:not(:last-of-type) {
  margin-right: .7em;
}
.sublist-simulation {
  display: none;
  padding: 2.8em 1.5em .4em;
  margin-top: -1.4em;
  background-color: #c5d6e9;
}
.sublist-simulation li {
  display: inline-block;
}
.sublist-simulation li:not(:last-of-type) {
  margin-right: .7em;
}
.radio-input {
  display: none;
}
.radio-label {
  position: relative;
  display: inline-block;
  padding: .5em 1em;
  background-color: #fff;
  border-radius: 3px;
  transition: all .2s;
  cursor: pointer;
  border: solid 1px #7f97c7;
  z-index: 1;
}
.radio-label span {
  display: inline-block;
  padding: 0 .5em;
  margin-left: .7em;
  background-color: #f0f6fb;
  border-radius: .2em;
  font-size: 90%;
  color: #04163a;
}
.radio-label span small {
  display: inline-block;
  margin-left: .5em;
}
.radio-input:checked + .radio-label {
    background-color: #7f97c7;
    color: #fff;
}
.txt-input {
  display: inline-block;
  padding: .75em 1em;
  width: 4em;
  margin-right: .5em;
  border-radius: 3px;
  border: solid 1px #ccc;
}
.btn-simulation {
  position: relative;
  display: block;
  padding: .84em 2em;
  margin: 0 auto 1em;
  width: 100%;
  background-color: #224489;
  text-align: center;
  line-height: 1;
  font-size: 137.5%;
  font-weight: bold;
  color: #fff;
}
.btn-simulation::after {
  content: "";
  display: inline-block;
  width: 5.5vw;
  height: 5.5vw;
  margin-left: 1em;
  background: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Crect%20width%3D%22512%22%20height%3D%22512%22%20style%3D%22fill%3Anone%22%2F%3E%3Cpath%20d%3D%22M378.66%2C0H133.36A45.36%2C45.36%2C0%2C0%2C0%2C88%2C45.34V466.66A45.36%2C45.36%2C0%2C0%2C0%2C133.36%2C512h245.3A45.35%2C45.35%2C0%2C0%2C0%2C424%2C466.66V45.34A45.35%2C45.35%2C0%2C0%2C0%2C378.66%2C0ZM176%2C440H144V408h32Zm0-64H144V344h32Zm0-64H144V280h32Zm0-64H144V216h32Zm64%2C192H208V408h32Zm0-64H208V344h32Zm0-64H208V280h32Zm0-64H208V216h32Zm64%2C192H272V408h32Zm0-64H272V344h32Zm0-64H272V280h32Zm0-64H272V216h32Zm64%2C192H336V344h32Zm0-128H336V280h32Zm0-64H336V216h32Zm0-88H144V72H368Z%22%20style%3D%22fill%3A%23fff%22%2F%3E%3C%2Fsvg%3E') no-repeat center;
  background-size: contain;
  vertical-align: middle;
}
.txt-btn-simulation {
  vertical-align: middle;
}
.content-result-simulation {
  display: none;
}
.err-simulation {
  opacity: 0;
  display: block;
  min-height: 1.6em;
  margin-bottom: 1em;
  transition: visibility .3s ease;
  color: #cc0000;
}
.err-simulation em {
  display: block;
}
.content-result-simulation {
  margin-top: 4em;
}
.singular article .ttl-result-simulation {
  padding: .5em;
  margin: 0;
  background-color: #f44e4e;
  text-align: center;
  font-size: 125%;
  color: #fff;
}
.box-result-simulation {
  padding: 2em 1.67em;
  background-color: #224489;
  text-align: center;
  color: #fff;
}
.singular article .ttl-box-result-simulation {
  margin: 0;
  padding: 0;
  background-color: inherit;
  border: none;
  text-align: center;
  font-size: 212.5%;
  font-size: 194.4%;
  color: inherit;
}
.blk-price-item {
  display: block;
  font-size: 87.5%;
}
[class|=col-result-simulation] {
  position: relative;
  background-color: #183570;
  z-index: 1;
}
[class|=col-result-simulation]::before {
  content: "";
  position: absolute;
  top: 10.78125vw;
  bottom: 0;
  left: 3.125vw;
  display: block;
  width: 15.625vw;
  height: 15.625vw;
  margin: auto;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  z-index: -1;
}
.col-result-simulation-time::before {
  background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Crect%20width%3D%22512%22%20height%3D%22512%22%20style%3D%22fill%3Anone%22%2F%3E%3Cpath%20d%3D%22M363%2C194.78c-2.07-2.08-5.62-2-8.16.18l-94.24%2C81.18a25.57%2C25.57%2C0%2C1%2C0%2C21.05%2C21.05l81.17-94.25C365%2C200.41%2C365.05%2C196.86%2C363%2C194.78Z%22%20style%3D%22fill%3A%232851a2%22%2F%3E%3Cpath%20d%3D%22M449.72%2C219.9a211%2C211%2C0%2C1%2C0%2C16.54%2C81.84A210.92%2C210.92%2C0%2C0%2C0%2C449.72%2C219.9ZM256%2C462a159.43%2C159.43%2C0%2C1%2C1%2C47.66-7.2A159.55%2C159.55%2C0%2C0%2C1%2C256%2C462Z%22%20style%3D%22fill%3A%232851a2%22%2F%3E%3Crect%20x%3D%22225.88%22%20width%3D%2260.23%22%20height%3D%2277.85%22%20style%3D%22fill%3A%232851a2%22%2F%3E%3Cpolygon%20points%3D%22448.5%20104.16%20417.15%2077.86%20384.25%20117.08%20415.59%20143.38%20448.5%20104.16%22%20style%3D%22fill%3A%232851a2%22%2F%3E%3Crect%20x%3D%22248.09%22%20y%3D%22165.44%22%20width%3D%2215.83%22%20height%3D%2236.93%22%20style%3D%22fill%3A%232851a2%22%2F%3E%3Crect%20x%3D%22248.09%22%20y%3D%22401.12%22%20width%3D%2215.83%22%20height%3D%2236.94%22%20style%3D%22fill%3A%232851a2%22%2F%3E%3Cpolygon%20points%3D%22154.02%20210.96%20180.14%20237.07%20191.33%20225.88%20165.21%20199.76%20154.02%20210.96%22%20style%3D%22fill%3A%232851a2%22%2F%3E%3Cpolygon%20points%3D%22357.98%20392.53%20331.86%20366.42%20320.67%20377.61%20346.79%20403.73%20357.98%20392.53%22%20style%3D%22fill%3A%232851a2%22%2F%3E%3Crect%20x%3D%22119.69%22%20y%3D%22293.83%22%20width%3D%2236.93%22%20height%3D%2215.83%22%20style%3D%22fill%3A%232851a2%22%2F%3E%3Cpolygon%20points%3D%22355.37%20309.66%20392.31%20309.66%20392.31%20293.83%20355.37%20293.83%20355.37%20309.66%22%20style%3D%22fill%3A%232851a2%22%2F%3E%3Cpolygon%20points%3D%22154.02%20392.53%20165.21%20403.73%20191.33%20377.61%20180.13%20366.42%20154.02%20392.53%22%20style%3D%22fill%3A%232851a2%22%2F%3E%3C%2Fsvg%3E');
}
.col-result-simulation-distance::before {
  background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Crect%20width%3D%22512%22%20height%3D%22512%22%20style%3D%22fill%3Anone%22%2F%3E%3Cpolygon%20points%3D%22412.06%20152.99%20373.04%20152.99%20447.99%20359.01%20512%20359.01%20412.06%20152.99%22%20style%3D%22fill%3A%232851a2%22%2F%3E%3Cpolygon%20points%3D%2299.94%20152.99%200%20359.01%2064.01%20359.01%20138.96%20152.99%2099.94%20152.99%22%20style%3D%22fill%3A%232851a2%22%2F%3E%3Cpath%20d%3D%22M265.77%2C153l.36%2C12.22H245.86l.37-12.22h-78L112%2C359H240l.91-29.86h30.22L272%2C359H400L343.81%2C153Zm-20.62%2C35.75h21.7l.82%2C27.12H244.33Zm-2.91%2C95.89%2C1.13-37.23h25.26l1.13%2C37.23Z%22%20style%3D%22fill%3A%232851a2%22%2F%3E%3C%2Fsvg%3E');
}
.ttl-col-result-simulation {
  background-color: #2851a2;
}
.txt-result-plan {
  margin-bottom: .75em;
}
.blk-result-model {
  margin-bottom: 2em;
}
.txt-result-model {
  display: inline-block;
  padding: .1em .2em;
  background-color: #fff;
  line-height: 1;
  font-weight: bold;
  color: #224489;
}
.txt-result-plan,
.ttl-col-result-simulation {
  font-size: 125%;
}
.ttl-col-result-simulation {
  padding: .35em;
}
.txt-result-simulation {
  padding: 2em 1em;
}
.blk-result-simulation {
  position: relative;
  margin-bottom: 2.5em;
}
.blk-result-simulation::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -6.5625vw;
  display: block;
  width: 19.84375vw;
  height: 6.5625vw;
  margin: auto;
  background: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20126.11%2042.12%22%3E%3Cpath%20d%3D%22M63.3%2C42.42%2C126.36.3H.25L63.3%2C42.42%22%20transform%3D%22translate%28-0.25%20-0.3%29%22%20style%3D%22fill%3A%23f1ef30%3Bfill-rule%3Aevenodd%22%2F%3E%3C%2Fsvg%3E') no-repeat center;
  background-size: contain;
}
.total-result-simulation {
  margin-bottom: 1.5em;
  font-size: 137.5%;
  font-weight: bold;
}
.txt-total-price {
  display: inline-block;
  margin-left: .4em;
  font-size: 9.84375vw;
}
.txt-total-price small {
  font-size: 66.7%;
}
.box-result-total {
  display: inline-block;
  border-bottom: solid .2em;
  line-height: 1.4;
}
.box-result-total.double {
  border-bottom: double .3em;
}
.list-notes-result {
  margin: 3em 0;
  text-align: left;
}
.list-notes-simulation {
  margin: 3em 0;
}
.list-notes-result li,
.list-notes-simulation li {
  margin-left: 1em;
  text-indent: -1em;
  font-size: 85%;
}
.list-notes-simulation em {
  background: linear-gradient(transparent 50%, #fbfaa8 0%);
}
.txt-price {
  font-size: 200%;
}
.txt-result-simulation small {
  font-weight: bold;
}
.cta-result {
  display: none;
}
.content-result-simulation .btn-area,
.content-result-simulation .bnr-area {
  display: none;
}
.list-notes-result {
  display: none;
}
.col-simulation-service .sublist-simulation {
  padding: 2.8em 1em .4em;
}
.col-simulation-service .sublist-simulation .radio-label {
  padding: .5em;
  font-size: 87.5%;
}
.link-sublist-simulation {
  display: block;
  margin-bottom: .5em;
  font-size: 87.5%;
}
.link-sublist-simulation::after {
  content: "";
  display: inline-block;
  width: .5em;
  height: .5em;
  margin: 0 0 .05em .5em;
  background: url('data:image/svg+xml,%3csvg%20xmlns%3d%22http%3a%2f%2fwww%2ew3%2eorg%2f2000%2fsvg%22%20version%3d%221%2e1%22%20viewBox%3d%220%200%2025%2040%22%3e%3cpath%20d%3d%22M%200%200%20L%200%2040%20L%2025%2020%20z%22%20fill%3d%22%23224489%22%20%2f%3e%3c%2fsvg%3e') no-repeat center;
}
.txt-result-simulation.monthly {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.col-price-monthly {
  width: 43%;
}
.col-price-monthly .txt-price {
  display: block;
}
.blk-link-simulation {
  padding: 2em 0;
  background-color: #fff5d3;
}
.blk-link-simulation.top {
  margin-top: 2em;
  margin-bottom: -4em;
  padding-bottom: 3.5em;
}
.blk-link-simulation .inner {
  width: 90%;
}
.btn-link-simulation a {
  position: relative;
  display: block;
  margin: auto;
  background-color: #f28300;
  line-height: 1;
  font-weight: bold;
  color: #fff;
}
.btn-link-simulation a::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 9.84375vw;
  height: 14.0625vw;
  background: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2063%2090%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20fill%3D%22%23fc961f%22%20d%3D%22M0.21%2C89.921%20L0.21%2C0.424%20L63.0%2C0.424%20L0.21%2C89.921%20Z%22%2F%3E%3C%2Fsvg%3E') no-repeat top left;
  background-size: contain;
}
.btn-link-simulation a::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 1.25em;
  display: block;
  width: .5em;
  height: .5em;
  margin: auto;
  background: url('data:image/svg+xml,%3csvg%20xmlns%3d%22http%3a%2f%2fwww%2ew3%2eorg%2f2000%2fsvg%22%20version%3d%221%2e1%22%20viewBox%3d%220%200%2025%2040%22%3e%3cpath%20d%3d%22M%200%200%20L%200%2040%20L%2025%2020%20z%22%20fill%3d%22%23fff%22%20%2f%3e%3c%2fsvg%3e') no-repeat center;
}
.pt-simulation {
  position: relative;
  display: block;
  padding: 4.2825vw 2em 4.2425vw .75em;
}
.pt-simulation::before {
  content: "";
  display: inline-block;
  width: 6.25vw;
  height: 6.25vw;
  margin-right: .5em;
  background: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Crect%20width%3D%22512%22%20height%3D%22512%22%20style%3D%22fill%3Anone%22%2F%3E%3Cpath%20d%3D%22M378.66%2C0H133.36A45.36%2C45.36%2C0%2C0%2C0%2C88%2C45.34V466.66A45.36%2C45.36%2C0%2C0%2C0%2C133.36%2C512h245.3A45.35%2C45.35%2C0%2C0%2C0%2C424%2C466.66V45.34A45.35%2C45.35%2C0%2C0%2C0%2C378.66%2C0ZM176%2C440H144V408h32Zm0-64H144V344h32Zm0-64H144V280h32Zm0-64H144V216h32Zm64%2C192H208V408h32Zm0-64H208V344h32Zm0-64H208V280h32Zm0-64H208V216h32Zm64%2C192H272V408h32Zm0-64H272V344h32Zm0-64H272V280h32Zm0-64H272V216h32Zm64%2C192H336V344h32Zm0-128H336V280h32Zm0-64H336V216h32Zm0-88H144V72H368Z%22%20style%3D%22fill%3A%23fff%22%2F%3E%3C%2Fsvg%3E') no-repeat center;
  background-size: contain;
  vertical-align: middle;
}
.col-simulation-service > .radio-label,
.list-simulation-car .radio-label {
  width: 100%;
  box-sizing: border-box;
}
@media screen and (min-width: 768px), print {
  .singular article .ttl-simulation,
  .fld-simulation,
  .content-result-simulation {
    width: 100%;
    margin-left: 0;
  }
  .radio-label span {
    margin-left: 1em;
    font-size: 100%;
  }
  .btn-simulation {
    padding: 1.2em;
    max-width: 450px;
    font-size: 150%;
  }
  .btn-simulation::after {
    width: 24px;
    height: 24px;
  }
  .box-result-simulation {
    padding: 2em;
  }
  .singular article .ttl-box-result-simulation {
    font-size: 235%;
  }
  .blk-price-item {
    font-size: 100%;
  }
  .blk-result-simulation {
    margin-bottom: 3em;
  }
  .blk-result-simulation::after {
    bottom: -30px;
    width: 90px;
    height: 30px;
  }
  .pc-flx-result-simulation {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
  }
  [class|=col-result-simulation] {
    width: 49.8%;
  }
  [class|=col-result-simulation]::before {
    top: 41px;
    left: 20px;
    width: 80px;
    height: 80px;
  }
  .txt-result-model {
    font-size: 114.3%;
  }
  .txt-result-plan,
  .ttl-col-result-simulation {
    font-size: 128.6%;
  }
  .total-result-simulation {
    font-size: 24px;
  }
  .txt-total-price {
    font-size: 45px;
  }
  .txt-total-price small {
    font-size: 30px;
  }
  .box-result-total {
    border-width: 3px;
  }
  .list-notes-result li,
  .list-notes-simulation li {
    font-size: 13px;
  }
  .txt-price {
    font-size: 30px;
  }
  .txt-result-simulation small {
    font-size: 18px;
  }
  .pc-flx-simulation-service {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    justify-content: space-between;
  }
  .col-simulation-service {
    display: inline-block;
    flex-wrap: wrap;
    position: relative;
    width: 49%;
  }
  .col-simulation-service2 {
    width: 93%;
  }
  .col-simulation-service > .radio-label {
    max-width: 340px;
    width: 93%;
    box-sizing: border-box;
  }
  .col-simulation-service > .radio-label2 {
    width: 49%;
  }
  .col-simulation-service .sublist-simulation li:not(:last-of-type) {
    margin-right: 0.2em;
  }
  .list-simulation-car .radio-label {
    width: auto;
  }
  /*
  .nav-global-simulation .nav-global-ico {
    width: 28px;
    height: 28px;
  }*/
  .blk-link-simulation {
    width: 100%;
    max-width: 910px;
    margin: 0 auto;
    padding: 4em 0;
  }
  .blk-link-simulation.top {
    margin-top: 4em;
    margin-bottom: -6em;
    padding-bottom: 5.5em;
  }
  .btn-link-simulation a {
    width: auto;
    font-size: 21px;
  }
  .btn-link-simulation a::before {
    width: 63px;
    height: 90px;
  }
  .pt-simulation {
    padding: 25px 2.5em 25px 1em;
  }
  .pt-simulation::before {
    width: 40px;
    height: 40px;
    margin-right: 1em;
  }
}


/* 2022.2 update car8341 */
.content.car8341 .ftr.blk.car8341 {
  display: block;
}


/* 2022.4.19 update */
@media screen and (max-width: 767px) {
  .hand {
    position: absolute;
    top: -.75em;
    right: -1em;
    display: block;
    width: 3em;
    height: 3em;
    background: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20enable-background%3D%22new%200%200%2024%2024%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224px%22%20fill%3D%22rgba%280%2C0%2C0%2C0.6%29%22%3E%3Cg%3E%3Crect%20fill%3D%22none%22%20height%3D%2224%22%20width%3D%2224%22%2F%3E%3C%2Fg%3E%3Cg%3E%3Cpath%20d%3D%22M19.98%2C16.82l-0.63%2C4.46C19.21%2C22.27%2C18.36%2C23%2C17.37%2C23h-6.16c-0.53%2C0-1.29-0.21-1.66-0.59L5%2C17.62l0.83-0.84%20c0.24-0.24%2C0.58-0.35%2C0.92-0.28L10%2C17.24V6.5C10%2C5.67%2C10.67%2C5%2C11.5%2C5S13%2C5.67%2C13%2C6.5v6h0.91c0.31%2C0%2C0.62%2C0.07%2C0.89%2C0.21l4.09%2C2.04%20C19.66%2C15.14%2C20.1%2C15.97%2C19.98%2C16.82z%20M12%2C2.5c4.74%2C0%2C7.67%2C2.52%2C8.43%2C4.5H22c-0.73-2.88-4.51-6-10-6C8.78%2C1%2C5.82%2C2.13%2C3.5%2C4.02V2H2%20v5h5V5.5H4.09C6.21%2C3.64%2C8.97%2C2.5%2C12%2C2.5z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E') no-repeat center;
    background-size: contain;
    animation: 2s ease-in-out 1s infinite alternate slidein;
    z-index: 1;
  }
  .area-hand {
    position: relative;
  }
  .singular article p + .area-hand,
  .singular article .area-hand + .list {
    margin-top: 1.5em;
  }
  @keyframes slidein {
    from { right: -1em; }
    to { right: 1em; }
  }
  .singular.servicedetail article .tbl .tbl-vehicle {
    width: 100%;
  }
  .singular article .tbl-vehicle th {
    width: 24%;
  }
}

/* 2022.4.26 update night simulation */
.tbl-simulation {
  width: 100%;
  border-collapse: collapse;
  border: solid 1px #ccc;
}
.tbl-simulation thead th {
  background-color: #7f97c7;
  font-weight: normal;
  color: #fff;
}
.tbl-simulation thead th:first-child {
}
.tbl-simulation thead th:nth-child(2) {
  width: 25%;
}
.tbl-simulation thead th:nth-child(3) {
  width: 23%;
}
.tbl-simulation thead th.hour {
  width: 18%;
  background-color: #04163a;
}
.tbl-simulation tbody th {
  background-color: #f0f6fb;
  text-align: left;
  font-weight: normal;
}
.tbl-simulation th,
.tbl-simulation td {
  padding: .4em;
  border-bottom: solid 1px #ccc;
  font-size: 90%;
}
.tbl-simulation th:not(:first-child),
.tbl-simulation td {
  border-left: solid 1px #ccc;
}
.d0, .d1, .d2, .d3 {
  text-align: right;
}
.tbl-simulation tbody th a {
  font-weight: bold;
}
.tbl-simulation tbody th span {
  display: block;
  padding: .5em;
  margin-top: .5em;
  background-color: #fff;
  border-radius: .2em;
  font-size: 90%;
  color: #04163a;
}
.tbl-simulation tbody th span small {
  display: inline-block;
  padding: 0 .2em;
  margin-left: .5em;
  background-color: #f0f6fb;
  border-radius: .2em;
}
.frm-simulation {
  width: 100vw;
  margin: 0;
  margin-left: calc(50% - 50vw);
}
.tbl-simulation tbody th a::after {
  content: "";
  display: inline-block;
  margin-left: .5em;
  width: .5em;
  height: .5em;
  background: url('data:image/svg+xml,%3csvg%20xmlns%3d%22http%3a%2f%2fwww%2ew3%2eorg%2f2000%2fsvg%22%20version%3d%221%2e1%22%20viewBox%3d%220%200%2025%2040%22%3e%3cpath%20d%3d%22M%200%200%20L%200%2040%20L%2025%2020%20z%22%20fill%3d%22%23224489%22%20%2f%3e%3c%2fsvg%3e') no-repeat center;
  background-size: contain;
}
fieldset.fld-simulation:last-of-type {
  padding-bottom: .5em;
}
@media screen and (min-width: 768px), print {
  .frm-simulation {
    width: 100%;
    margin: 0;
  }
  .tbl-simulation {
    width: 100%;
  }
  .tbl-simulation th,
  .tbl-simulation td {
    font-size: 100%;
  }
  .tbl-simulation thead th:nth-child(2) {
    width: 25%;
  }
  .tbl-simulation thead th:nth-child(3) {
    width: 25%;
  }
  .tbl-simulation thead th.hour {
    width: 18%;
  }
  .tbl-simulation tbody th span {
    font-size: 100%;
  }
  .tbl-simulation tbody th a::after {
    width: 5px;
    height: 8px;
  }
}

/* 2022.07 update - simulation */
.point-simulation {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  width: 100%;
  margin-bottom: 1em;
}
.ttl-point-simulation,
.dtl-point-simulation {
  width: 100%;
}
.ttl-point-simulation {
  font-weight: bold;
}
.dtl-point-simulation .txt-input {
  width: 100%;
  margin-right: 0;
  box-sizing: border-box;
}
.blk-show-simulation {
  padding: 1em;
  min-height: 56px;
  box-sizing: border-box;
}
.distance-simulation {
  display: inline-block;
  margin-left: 1em;
}
.blk-map-simulation {
  height: 400px;
  margin-bottom: 2em;
}
.btn-navy a {
  position: relative;
  display: block;
  width: 100%;
  padding: 1em 2em 1em 3.5em;
  margin: auto;
  box-sizing: border-box;
  background-color: #224489;
  color: #fff;
}
.btn-navy a::before {
  content: "";
  position: absolute;
  left: 1em;
  top: 0;
  bottom: 0;
  display: block;
  margin: auto;
  width: 6.25vw;
  height: 6.25vw;
  background: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Crect%20width%3D%22512%22%20height%3D%22512%22%20style%3D%22fill%3Anone%22%2F%3E%3Cpath%20d%3D%22M378.66%2C0H133.36A45.36%2C45.36%2C0%2C0%2C0%2C88%2C45.34V466.66A45.36%2C45.36%2C0%2C0%2C0%2C133.36%2C512h245.3A45.35%2C45.35%2C0%2C0%2C0%2C424%2C466.66V45.34A45.35%2C45.35%2C0%2C0%2C0%2C378.66%2C0ZM176%2C440H144V408h32Zm0-64H144V344h32Zm0-64H144V280h32Zm0-64H144V216h32Zm64%2C192H208V408h32Zm0-64H208V344h32Zm0-64H208V280h32Zm0-64H208V216h32Zm64%2C192H272V408h32Zm0-64H272V344h32Zm0-64H272V280h32Zm0-64H272V216h32Zm64%2C192H336V344h32Zm0-128H336V280h32Zm0-64H336V216h32Zm0-88H144V72H368Z%22%20style%3D%22fill%3A%23fff%22%2F%3E%3C%2Fsvg%3E') no-repeat center;
  background-size: contain;
  vertical-align: middle;
}
.btn-navy a::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 1em;
  display: block;
  width: .5em;
  height: .5em;
  margin: auto;
  background: url('data:image/svg+xml,%3csvg%20xmlns%3d%22http%3a%2f%2fwww%2ew3%2eorg%2f2000%2fsvg%22%20version%3d%221%2e1%22%20viewBox%3d%220%200%2025%2040%22%3e%3cpath%20d%3d%22M%200%200%20L%200%2040%20L%2025%2020%20z%22%20fill%3d%22%23fff%22%20%2f%3e%3c%2fsvg%3e') no-repeat center;
}
@media screen and (min-width: 768px), print {
  .point-simulation {
    flex-wrap: nowrap;
  }
  .ttl-point-simulation {
    width: 60px;
  }
  .dtl-point-simulation {
    width: calc(100% - 60px);
  }
  .blk-map-simulation {
    height: 400px;
  }
  .btn-navy a {
    width: calc(100% - 4em);
    padding: 1em 3em 1em 4em;
  }
  .btn-navy a::before {
    left: 1.5em;
    width: 25px;
    height: 25px;
  }
  .btn-navy a::after {
    right: 2em;
  }
}

/* 2022.9.15 update */
.topbnr {
  background-color: #f0f6fb;
  text-align: center;
}
.topbnr a {
  display: inline-block;
}
.topbnr p {
  margin-top: .5em;
}

/* 2023.8.25 update */
.list-gasoline em {
  background: linear-gradient(transparent 50%, #fbfaa8 0%);
}
.list-gasoline li:not(:last-of-type) {
  margin-bottom: 1em;
}
.link-card {
  margin: 3em auto 0;
  padding: .1em;
  border: solid 1px #c0c0c0;
}
.link-card a {
  position: relative;
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  color: #000;
}
.link-card a::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: .5em;
  display: block;
  width: .6em;
  height: .6em;
  margin: auto;
  background: url('data:image/svg+xml,%3csvg%20xmlns%3d%22http%3a%2f%2fwww%2ew3%2eorg%2f2000%2fsvg%22%20version%3d%221%2e1%22%20viewBox%3d%220%200%2025%2040%22%3e%3cpath%20d%3d%22M%200%200%20L%200%2040%20L%2025%2020%20z%22%20fill%3d%22%23224489%22%20%2f%3e%3c%2fsvg%3e') no-repeat center;
}
.link-card .col-card-img {
  width: 25%;
  box-sizing: border-box;
}
.link-card .col-card-txt {
  width: 72%;
  padding: .75em 1.5em .75em 0;
  box-sizing: border-box;
  font-size: 85%;
  font-weight: bold;
}
.link-card + * {
  margin-top: 3em;
}
@media screen and (max-width: 767px) {
  .link-card .col-card-img {
    position: relative;
    overflow: hidden;
  }
  .link-card .col-card-img img {
    position: absolute;
    max-height: 100%;
    max-width: inherit;
    height: auto;
  }
}
@media screen and (min-width: 768px), print {
  .link-card {
    width: 75%;
  }
  .link-card a {
    align-items: center;
  }
  .link-card .col-card-img {
    width: 23%;
  }
  .link-card .col-card-txt {
    width: 73%;
    padding: 0 2.5em 0 0;
    font-size: 100%;
  }
  .link-card a::after {
    right: .8em;
  }
}


/* 2023.9 update */
.servicedetail article .sec-insurance .tbl thead th,
.servicedetail article .sec-insurance .tbl td {
  text-align: center;
}
.servicedetail article.orix .sec-insurance .tbl thead th:not(:first-of-type) {
  width: 28%;
}


/* 2023.11 update */
.servicedetail-list article .cost_list_comparison_tbl2 .fee .tbl {
 /* width: 90%;*/
  margin: auto;
  font-size: 85%;
}
.servicedetail-list article .cost_list_comparison_tbl2 .fee .tbl table {
  margin-left: 0;
}
.servicedetail-list article .cost_list_comparison_tbl2 .fee .tbl thead th {
  line-height: 1.4;
  text-align: center;
}
.servicedetail-list article .cost_list_comparison_tbl2 .fee .tbl tbody th {
  background-color: #f0f6fb;
  border-right: solid 1px #ccc;
  line-height: 1.4;
  text-align: center;
}
.servicedetail-list article .cost_list_comparison_tbl2 .fee .tbl tbody th a {
  color: #224489;
}
.servicedetail-list article .cost_list_comparison_tbl2 .fee .tbl .col-1,
.servicedetail-list article .cost_list_comparison_tbl2 .fee .tbl .col-2,
.servicedetail-list article .cost_list_comparison_tbl2 .fee .tbl .col-3,
.servicedetail-list article .cost_list_comparison_tbl2 .fee .tbl .col-4,
.servicedetail-list article .cost_list_comparison_tbl2 .fee .tbl .col-9,
.servicedetail-list article .cost_list_comparison_tbl2 .fee .tbl .col2-7 {
  background-color: #64769b;
}
.servicedetail-list article .cost_list_comparison_tbl2 .fee .tbl .col-1,
.servicedetail-list article .cost_list_comparison_tbl2 .fee .tbl .col-6,
.servicedetail-list article .cost_list_comparison_tbl2 .fee .tbl .col-8 {
  width: auto;
}
.servicedetail-list article .cost_list_comparison_tbl2 .fee .tbl small {
  display: inline-block;
  line-height: 1.5;
}
.servicedetail-list .col-dtl .btn-area {
  margin-bottom: 0;
}
.servicedetail-list .col-dtl .btn-area .btn-ety {
  margin-bottom: .3em;
}
.servicedetail-list .col-dtl .btn-area .btn-dtl {
  margin-bottom: 0;
}
.servicedetail-list .col-dtl .btn-area .btn-h {
  margin-top: .3em;
}
.servicedetail-list .col-dtl .btn-area .btn-dtl a,
.servicedetail-list .col-dtl .btn-area .btn-ety a,
.servicedetail-list .col-dtl .btn-area .btn-h a {
  padding: .5em 1.2em .5em .75em;
  text-align: left;
}
.servicedetail-list article .cost_list_comparison_tbl2 .fee .tbl td:first-child a {
  display: inline;
  padding: 0;
  background-color: rgba(0, 0, 0, 0);
  text-decoration: underline;
  font-weight: 500;
  color: #224489;
}
.servicedetail-list article .cost_list_comparison_tbl2 .fee .tbl td:first-child a::after {
  content: none;
  position: static;
  display: inline-block;
  background: none;
  background-color: #224489;
  clip-path: polygon(0 0,0 100%,100% 50%);
  transform: none;
  width: .4em;
  height: .7em;
  margin-left: .5em;
}

.servicedetail-list article .cost_list_comparison_tbl2 .fee .tbl td:first-child {
  background-color: #fff;
}
.servicedetail-list article .cost_list_comparison_tbl2 .fee .tbl {
  overflow: scroll;
}
.servicedetail-list article .cost_list_comparison_tbl2 .fee .tbl .txt-lft {
  padding-left: .2em;
}
.servicedetail-list .blk-boxes .blk-box-lead + .blk-link-simulation {
  margin-top: 4em;
}
@media screen and (max-width: 767px) {
  .servicedetail-list article .cost_list_comparison_tbl2 .fee .tbl table {
    width: 250%;
  }
  .servicedetail-list article .cost_list_comparison_tbl2 .fee .tbl .col-1,
  .servicedetail-list article .cost_list_comparison_tbl2 .fee .tbl tbody th {
    position: sticky;
    left: -1px;
  }
  .servicedetail-list article .cost_list_comparison_tbl2 .fee .tbl .col-1 {
    width: 8%;
  }
  .servicedetail-list article .cost_list_comparison_tbl2 .fee .tbl .col-2 {
    width: 8%;
  }
  .servicedetail-list article .cost_list_comparison_tbl2 .fee .tbl .col-3 {
    width: 7%;
  }
  .servicedetail-list article .cost_list_comparison_tbl2 .fee .tbl .col-4 {
    width: 9.5%;
  }
  .servicedetail-list article .cost_list_comparison_tbl2 .fee .tbl .col-5,
  .servicedetail-list article .cost_list_comparison_tbl2 .fee .tbl .col-6-1,
  .servicedetail-list article .cost_list_comparison_tbl2 .fee .tbl .col-7 {
    width: 7%;
  }
  .servicedetail-list article .cost_list_comparison_tbl2 .fee .tbl .col-6-2 {
    width: 6%;
  }
  .servicedetail-list article .cost_list_comparison_tbl2 .fee .tbl .col-8-1,
  .servicedetail-list article .cost_list_comparison_tbl2 .fee .tbl .col-8-2 {
    width: 6.5%;
  }
  .servicedetail-list article .cost_list_comparison_tbl2 .fee .tbl .col-9 {
    width: 9%;
  }
  .servicedetail-list article .cost_list_comparison_tbl2 .fee .tbl .col2-1-1 {
    width: 8%;
  }
  .servicedetail-list article .cost_list_comparison_tbl2 .fee .tbl .col2-1-2 {
    width: 6%;
  }
  .servicedetail-list article .cost_list_comparison_tbl2 .fee .tbl .col2-3 {
    width: 8.8%;
  }
  .servicedetail-list article .cost_list_comparison_tbl2 .fee .tbl .col2-4 {
    width: 8%;
  }
  .servicedetail-list article .cost_list_comparison_tbl2 .fee .tbl .col2-5 {
    width: 8%;
  }
  .servicedetail-list article .cost_list_comparison_tbl2 .fee .tbl .col2-7 {
    width: 10%;
  }
}
@media screen and (min-width: 768px), print {
  .servicedetail-list article .blk-boxes {
    max-width: 1200px;
  }
  .list_cost_summary {
    max-width: 910px;
    margin: auto;
  }
  .servicedetail-list article .cost_list_comparison_tbl2 .fee .tbl {
    overflow: visible;
  }
  .servicedetail-list article .cost_list_comparison_tbl2 .fee .tbl table {
    width: 92%;
    margin: auto;
  }
  .servicedetail-list article .cost_list_comparison_tbl2 .fee .tbl .col-1 {
    min-width: 85px;
    box-sizing: border-box;
  }
  .servicedetail-list article .cost_list_comparison_tbl2 .fee .tbl .col-9 {
    width: 118px;
    box-sizing: border-box;
  }
  .servicedetail-list article .cost_list_comparison_tbl2 .fee .tbl .col-2 {
    width: 8.5%;
  }
  .servicedetail-list article .cost_list_comparison_tbl2 .fee .tbl .col-3 {
    width: 7.2%;
  }
  .servicedetail-list article .cost_list_comparison_tbl2 .fee .tbl .col-4 {
    width: 10%;
  }
  .servicedetail-list article .cost_list_comparison_tbl2 .fee .tbl .col-5,
  .servicedetail-list article .cost_list_comparison_tbl2 .fee .tbl .col-6-1,
  .servicedetail-list article .cost_list_comparison_tbl2 .fee .tbl .col-7 {
    width: 6.7%;
  }
  .servicedetail-list article .cost_list_comparison_tbl2 .fee .tbl .col-6-2 {
    width: 5.5%;
  }
  .servicedetail-list article .cost_list_comparison_tbl2 .fee .tbl .col-8-1,
  .servicedetail-list article .cost_list_comparison_tbl2 .fee .tbl .col-8-2 {
    width: 6.2%;
  }
  .servicedetail-list article .cost_list_comparison_tbl2 .fee .tbl .col-9 {
    width: 10%;
  }
  .servicedetail-list .col-dtl .btn-area .btn-dtl,
  .servicedetail-list .col-dtl .btn-area .btn-ety,
  .servicedetail-list .col-dtl .btn-area .btn-h {
    width: auto;
    margin-left: 0;
    min-width: 110px;
  }
  .servicedetail-list article .cost_list_comparison_tbl2 .fee .tbl .col2-1-1 {
    width: 8%;
  }
  .servicedetail-list article .cost_list_comparison_tbl2 .fee .tbl .col2-1-2 {
    width: 6%;
  }
  .servicedetail-list article .cost_list_comparison_tbl2 .fee .tbl .col2-2 {
    width: 20%;
  }
  .servicedetail-list article .cost_list_comparison_tbl2 .fee .tbl .col2-3 {
    width: 8.8%;
  }
  .servicedetail-list article .cost_list_comparison_tbl2 .fee .tbl .col2-4 {
    width: 8%;
  }
  .servicedetail-list article .cost_list_comparison_tbl2 .fee .tbl .col2-5 {
    width: 8%;
  }
  .servicedetail-list article .cost_list_comparison_tbl2 .fee .tbl .col2-6 {
    width: 15.8%;
  }
  .servicedetail-list article .cost_list_comparison_tbl2 .fee .tbl .col2-7 {
    width: 10%;
  }
}

/* 2024.6.10 update */
.servicedetail-list article .list_registration .fee .tbl .col-r2 {
  width: 30%;
}
.servicedetail-list article .list_registration .fee .tbl .col-r2 p {
  margin-top: 0;
  margin-left: 1em;
  text-indent: -1em;
}
.servicedetail-list article .list_registration .fee .tbl .col-r3 {
  width: 45%;
}
.singular article .list-service p {
  margin-top: 0;
  margin-left: 1em;
  text-indent: -1em;
}
.servicedetail-list article .list_use .fee .tbl .col-u2 {
  width: 14%;
}
.servicedetail-list article .list_use .fee .tbl .col-u3-1,
.servicedetail-list article .list_use .fee .tbl .col-u3-2,
.servicedetail-list article .list_use .fee .tbl .col-u3-3,
.servicedetail-list article .list_use .fee .tbl .col-u3-4,
.servicedetail-list article .list_use .fee .tbl .col-u3-5 {
  width: 9%;
}
.servicedetail-list article .list_use .fee .tbl .col-u4-1 {
  width: 10%;
}
.servicedetail-list article .list_use .fee .tbl .col-u4-2 {
  width: 11%;
}
.servicedetail-list article .list_use .fee .tbl .col-u2 p {
  margin-top: 0;
  margin-left: 1em;
  text-indent: -1em;
}
.servicedetail-list .svc_link ul {
  border: solid 2px #224488;
}
.servicedetail-list .svc_link a {
  border: none;
}
@media screen and (max-width: 767px) {
  .servicedetail-list article .list_registration .fee .tbl table {
    width: 150%;
  }
  .servicedetail-list article .list_registration .fee .tbl .col-1 {
    width: 5%;
  }
  .servicedetail-list article .list_registration .fee .tbl .col-r2 {
    width: 18%;
  }
  .servicedetail-list article .list_registration .fee .tbl .col-r3 {
    width: 28%;
  }
  .servicedetail-list article .list_registration .fee .tbl .col2-7 {
    width: 11%;
  }
  .servicedetail-list .svc_link {
    top: -2.6em;
  }
  .servicedetail-list .svc_link ul {
    flex-wrap: wrap;
  }.servicedetail-list .svc_link li:nth-of-type(2n) a {
    border-left: solid 1px #224488;
  }
  .servicedetail-list .svc_link li:nth-of-type(1) a,
  .servicedetail-list .svc_link li:nth-of-type(2) a {
      border-bottom: solid 1px #224488;
  }
}
@media screen and (min-width: 768px), print {
  .servicedetail-list .svc_link li {
    width: 25%;
  }
  .servicedetail-list .svc_link li:not(:first-of-type) a {
    border-left: solid 2px #224488;
  }
}

/* 2024.6.27 update */
.area-search-blk .area_search .area_search_ttl a {
  color: #fff;
}
.area-search-blk .area_search .area_search_ttl a::after {
  content: "";
  display: inline-block;
  width: .25em;
  height: .5em;
  margin-left: .6em;
  clip-path: polygon(0 0,0 100%, 100% 50%);
  background-color: #fff;
  vertical-align: middle;
}
@media screen and (min-width: 768px), print {
  .area-search-blk .area_search .area_search_ttl a::after {
    width: .2em;
    height: .4em;
  }
  .area-search-blk .area_search .area_search_ttl a:hover {
    text-decoration: underline;
    text-underline-offset: .2em;
    text-decoration-thickness: 1px;
    text-decoration-style: dashed;
  }
}

/* 2024.7.22 update */
.cpn-orix {
  margin: 1em auto 0;
  text-align: left;
}
.cpn-orix em {
  background: linear-gradient(transparent 50%, #fbfaa8 0%);
}
#sta_detail .btn .notes {
  margin-top: 1em;
}
@media screen and (min-width: 768px), print {
  .cpn-orix {
    width: 480px;
  }
  #sta_detail .btn .notes {
    font-size: 86%;
  }
}

/* 2024.7.25 update - for beginner */
.bg-beginner {
  position: relative;
  padding: 1em;
  background-color: #f0f6fb;
}
.bg-beginner::before {
  content: "";
  position: absolute;
  top: -1em;
  right: 1em;
  background: url(/common/img/what_carshare/beginner/pt_wakaba.svg) no-repeat center;
  background-size: contain;
}
.bg-beginner::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -1em;
  display: block;
  margin: auto;
  clip-path: polygon(0 0, 50% 100%, 100% 0);
  background-color: #f56a44;
}
.bg-beginner2 {
  padding: 1em;
  background-color: #2951a2;
}
.box-beginner {
  background-color: #fff;
}
.box-beginner + .box-beginner {
  margin-top: 1em;
}
.box-beginner.step1 {
  background-color: #ffdf4a;
}
.box-beginner.step2 {
  background-color: #fd9941;
}
.box-beginner.step3 {
  background-color: #f56a44;
}
.box-beginner.start {
  background-color: #3399ff;
}
.box-beginner.more {
  background-color: #224489;
  color: #fff;
}
.box-beginner hgroup {
  position: relative;
  background-repeat: no-repeat;
  background-size: contain;
}
.box-beginner.step1 hgroup {
  background-image: url(/common/img/what_carshare/beginner/icon01.svg);
}
.box-beginner.step2 hgroup {
  background-image: url(/common/img/what_carshare/beginner/icon02.svg);
}
.box-beginner.step3 hgroup {
  background-image: url(/common/img/what_carshare/beginner/icon03.svg);
}
.box-beginner.start hgroup {
  background-image: url(/common/img/what_carshare/beginner/icon04.svg);
}
.blk-txt-beginner {
  position: relative;
  background-color: #fff;
}
.box-beginner.step1 .blk-txt-beginner {
  border-right: solid 1em #ffdf4a;
}
.box-beginner.step2 .blk-txt-beginner {
  border-right: solid 1em #fd9941;
}
.blk-txt-beginner::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  clip-path: polygon(0 0, 0% 100%, 100% 0);
}
.box-beginner.step1 .blk-txt-beginner::after {
  background-color: #ffdf4a;
}
.box-beginner.step2 .blk-txt-beginner::after {
  background-color: #fd9941;
}
.singular article .ttl-beginner {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  margin: 0;
  padding: .5em 1.5em;
  background-color: #000;
  border: none;
  font-family: Oswald;
  font-weight: 500;
}
.singular article .step1 .ttl-beginner {
  color: #ffdf4a;
}
.singular article .step2 .ttl-beginner {
  color: #fd9941;
}
.singular article .step3 .ttl-beginner {
  color: #f56a44;
}
.singular article .start .ttl-beginner {
  color: #f1ef30;
}
.ttl2-beginner {
  position: absolute;
  display: block;
  text-align: center;
  font-weight: bold;
}
.blk-txt-beginner p {
  line-height: 2;
}
.box-beginner .list-link a::after {
  right: 1.5em;
}
.box-beginner.more p {
  font-weight: bold;
}
@media screen and (max-width: 767px) {
  #beginner.singular article h2 {
    font-size: 6.15385vw;
  }
  .bg-beginner,
  .bg-beginner2 {
    padding: 2.5641vw;
  }
  .bg-beginner {
    margin-bottom: 12.82051vw;
  }
  .bg-beginner::before {
    right: 5.38462vw;
    width: 7.69231vw;
    height: 11.02564vw;
  }
  .bg-beginner::after {
    bottom: -7.69231vw;
    width: 23.07692vw;
    height: 7.69231vw;
  }
  .box-beginner + .box-beginner {
    margin-top: 2.5641vw;
  }
  .box-beginner hgroup {
    height: 82.5641vw;
    background-position: center 70%;
  }
  .box-beginner.step1 hgroup {
    background-size: 31.02564vw 27.17949vw;
  }
  .box-beginner.step2 hgroup {
    background-size: 25.89744vw 26.15385vw;
  }
  .box-beginner.step3 hgroup {
    background-size: 33.58974vw 25.64103vw;
  }
  .box-beginner.start hgroup {
    background-size: 32.05128vw 34.61538vw;
  }
  .singular article .ttl-beginner {
    font-size: 4.61538vw;
  }
  .blk-txt-beginner,
  .box-beginner.more {
    padding: 5.12821vw;
  }
  .ttl2-beginner {
    top: 3.25em;
    left: 0;
    right: 0;
    margin: auto;
    font-size: 6.15385vw;
  }
  .box-beginner.step1 .blk-txt-beginner,
  .box-beginner.step2 .blk-txt-beginner {
    border-right-width: 2.5641vw;
  }
  .box-beginner.step1 .blk-txt-beginner::after,
  .box-beginner.step2 .blk-txt-beginner::after {
    right: -8.97436vw;
    bottom: -2.5641vw;
    width: 8.97436vw;
    height: 8.97436vw;
  }
  .box-beginner .list-link {
    margin-top: 2em;
  }
  .box-beginner.more p {
    font-size: 4.10256vw;
  }
}
@media screen and (min-width: 768px), print {
  .bg-beginner,
  .bg-beginner2 {
    padding: 20px;
  }
  .bg-beginner {
    margin-bottom: 50px;
  }
  .bg-beginner::before {
    right: 42px;
    width: 35px;
    height: 51px;
  }
  .bg-beginner::after {
    bottom: -30px;
    width: 90px;
    height: 30px;
  }
  .box-beginner + .box-beginner {
    margin-top: 20px;
  }
  .box-beginner hgroup {
    min-height: 253px;
    background-position: 80% center;
  }
  .box-beginner.step1 hgroup {
    background-size: 141px 124px;
  }
  .box-beginner.step2 hgroup {
    background-size: 115px 117px;
  }
  .box-beginner.step3 hgroup {
    background-size: 151px 115px;
  }
  .box-beginner.start hgroup {
    background-size: 160px 173px;
  }
  .blk-txt-beginner,
  .box-beginner.more {
    padding: 2em 3em;
  }
  .ttl2-beginner {
    top: 50%;
    left: 0;
    transform: translate(0 , -50%);
    width: 70%;
    font-size: 30px;
  }
  .box-beginner.step1 .blk-txt-beginner,
  .box-beginner.step2 .blk-txt-beginner {
    border-right-width: 20px;
  }
  .box-beginner.step1 .blk-txt-beginner::after,
  .box-beginner.step2 .blk-txt-beginner::after {
    right: -54px;
    bottom: -20px;
    width: 54px;
    height: 54px;
  }
  .box-beginner .list-link {
    margin-top: 2em;
    width: 60%;
    max-width: 373px;
  }
  .box-beginner.more p {
    font-size: 16px;
  }
}

/* 2024.7.25 update - what_carshare/ beginner link */
.wc-beginner-link {
  max-width:420px;
  display: block;
  padding: 1em 0.4em 1em 1em;
  box-sizing:border-box;
  background-image: url(/common/img/what_carshare/beginner/pt_wakaba.svg);
  background-repeat: no-repeat;
  background-size: auto 50%;
  background-color: #fff;
  border: solid 1px #333;
  color: #000;
}
.wc-beginner-link-txt {
  display: block;
}
.wc-beginner-link b {
  display: block;
}
@media screen and (max-width: 767px) {
  .wc-beginner-link {
    padding-left: 4em;
    background-position: 8% center;
  }
}
@media screen and (min-width: 768px), print {
  .wc-beginner-link {
    padding: 11px 1em 11px 7.5em;
    background-size: auto 36px;
    background-position: 16% center;
  }
  .wc-beginner-link-txt {
    font-size: 13px;
  }
  .wc-beginner-link b {
    font-size: 16px;
  }
}


/* 2024.7.25 update - map */
.search-tab li {
  text-align: center;
}
.search-company,
.search-car {
  z-index: 99999998;
}
@media screen and (max-width: 767px) {
  .search-tab li {
    padding-left: 0;
    font-size: 100%;
  }
  .search-tab li::before {
    top: -6.875vw;
    right: 3.4375vw;
    width: 10.625vw;
    height: 10.625vw;
  }
  .search-tab li:first-child::before {
    right: inherit;
    left: 3.4375vw;
  }
  .search-location a {
    border: solid 1px rgba(255,255,255,.3);
    font-size: 114.2%;
  }
  .search-company .ttl,
  .search-car .ttl {
    line-height: 0;
  }
  .map-blk .googlemap {
    border-top: none;
  }
}

/* 2024.8.1 updete */
@media screen and (min-width: 768px), print {
  .servicedetail-list article .cost_list_comparison_tbl2 .fee .tbl .col-6-2 {
    width: 6.1%;
  }
}

/* 2024.10.2 update */
.singular article p em.em2 {
  background: linear-gradient(transparent 50%, #ffcbcb 0%);
}
#sta_detail article p em.em2 {
  background: linear-gradient(transparent 50%, #ffcbcb 0%);
}

/* 2024.10.8 update */
.servicedetail-list article .cost_list_comparison_tbl2 .fee .tbl tbody th a {
  text-decoration: none;
  color: inherit;
}
/* #list_service .servicedetail-list article .cost_list_comparison_tbl2 .fee .tbl tbody th a,
#list_use .servicedetail-list article .cost_list_comparison_tbl2 .fee .tbl tbody th a,
#list_registration .servicedetail-list article .cost_list_comparison_tbl2 .fee .tbl tbody th a {
  color: #224489;
} */
.servicedetail-list article .cost_list_comparison_tbl2 .fee .tbl tbody th p a {
  text-decoration: underline;
  color: #224489;
}
.servicedetail-list .btn-area .btn-ety {
  order: 2;
}
.servicedetail-list .btn-area .btn-dtl {
  order: 1;
}
.servicedetail-list .col-dtl .btn-area .btn-ety {
  margin-bottom: 0;
  margin-top: 3px;
}
.servicedetail-list .col-dtl .btn-area .btn-h {
  margin-top: 3px;
}
@media screen and (max-width: 767px) {
  .servicedetail-list article .cost_list_comparison_tbl2 .fee .tbl .col-1 {
    width: 9%;
  }
  .servicedetail-list article .cost_list_comparison_tbl2 .fee .tbl .col-2 {
    width: 8.3%;
  }
  .servicedetail-list article .cost_list_comparison_tbl2 .fee .tbl .col-4 {
    width: 10.2%;
  }
  .servicedetail-list article .cost_list_comparison_tbl2 .fee .tbl tbody th .btn-area {
    margin-top: 1em;
  }
  .servicedetail-list article th.sp,
  .servicedetail-list article td.sp {
    display: table-cell !important;
  }
  .servicedetail-list article .list_registration .fee .tbl table {
    width: 100%;
  }
  .servicedetail-list article .list_registration .fee .tbl .col-r1 {
    width: 23%;
  }
  .servicedetail-list article .list_registration .fee .tbl .col-r2 {
    width: 32%;
  }
  .servicedetail-list article .list_registration .fee .tbl .col-r3 {
    width: auto;
  }
  .servicedetail-list article .list_use .fee .tbl table {
    width: 225%;
  }
  .servicedetail-list article .list_use .fee .tbl .col-u1 {
    width: 8.9%;
  }
}
@media screen and (min-width: 768px), print {
  .servicedetail-list article .cost_list_comparison_tbl2 .fee .tbl tbody th {
    padding-left: .2em;
    padding-right: .2em;
  }
  .servicedetail-list article .cost_list_comparison_tbl2 .fee .tbl tbody th p a:hover {
    text-decoration: none;
  }
  .servicedetail-list article th.pc,
  .servicedetail-list article td.pc {
    display: table-cell !important;
  }
  .servicedetail-list article .list_registration .fee .tbl .col-r2 {
    width: 30%;
  }
  .servicedetail-list article .list_registration .fee .tbl .col-r3 {
    width: 52%;
  }
  .servicedetail-list article .list_use .fee .tbl .col-u3-2 {
    width: 10%;
  }
  .servicedetail-list article .list_use .fee .tbl .col-u4-2 {
    width: 12%;
  }
  .servicedetail-list article .cost_list_comparison_tbl2 .fee .tbl .col2-6 {
    width: 17%;
  }
}

/* -----------------------------
2024.10-11 upload
--------------------------------*/
.content-result-simulation em {
  background-color: #fbfaa8 !important;
  display: inline-block;
  margin: 0 .2em;
  padding-left: .1em;
  line-height: 1.3;
  color: #000 !important;
}
.content-result-simulation em.em2 {
  background-color: #ffcbcb !important;
}

/* modal window */
.modal {
  display: none;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100vh;
  z-index: 10001;
  -webkit-backdrop-filter: blur(.25em);
  backdrop-filter: blur(.25em);
}
.modal-overlay {
  position: fixed;
  width: 100%;
  height: 100vh;
  background: rgba(0,0,0,.5);
}
.modal-content {
  position: absolute;
  top: 50%;
  left: 50%;
  min-height: 50vh;
  max-height: 80vh;
  overflow-y: scroll;
  transform: translate(-50%,-50%);
  padding: 1.5em;
  background: #fff;
  box-sizing: border-box;
}
@media screen and (max-width: 767px) {
  .modal-content {
    width: 87%;
  }
}
@media screen and (min-width: 768px), print {
  .modal-overlay {
    cursor: pointer;
  }
  .modal-content {
    width: 60%;
    min-width: 600px;
  }
  .btn-modal-open {
    transition: opacity .3s ease;
    cursor: pointer;
  }
  .btn-modal-open:hover {
    opacity: .8;
  }
}

/* diagnosis */
.start-btn-diagnosis {
  position: relative;
  display: block;
  padding: .69em 1em;
  box-sizing: border-box;
  background-color: #fff;
  border: solid 3px #2951a2;
  color: #2951a2;
  z-index: 1;
}
.start-btn-diagnosis::before,
.start-btn-diagnosis::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  display: block;
  margin: auto;
  z-index: -1;
}
.start-btn-diagnosis::before {
  left: -3px;
  background: url(../img/diagnosis_pt.svg) no-repeat center #f67474;
  background-size: 58%;
}
.start-btn-diagnosis::after {
  right: .5em;
  background: url(../img/diagnosis_bg_start_notra.svg) no-repeat center;
  background-size: contain;
}
.start-btn-diagnosis b {
  display: block;
  font-weight: bold;
  color: #000;
}
.start-btn-diagnosis.blue {
  background-color: #2951a2;
  border-color: #224489;
  color: #fff;
}
.start-btn-diagnosis.blue::after {
  opacity: .8;
}
.start-btn-diagnosis.blue b {
  color: #fff;
}
.diagnosis-box.modal-content {
  padding: 4em 3em 3em;
  overflow: hidden;
}
.diagnosis-box {
  display: none;
}
.diagnosis-box::before {
  content: "";
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: block;
  margin: auto;
  border: solid 1em #2951a2;
}
.diagnosis-box.start {
  display: block;
  background: url(../img/diagnosis_bg_start.svg) no-repeat right 10% #fff;
  background-size: 40% auto;
  text-align: center;
}
/*.diagnosis-box.result,*/
.content-diagnosis-box.result {
  position: relative;
  z-index: 1;
  background: url(../img/diagnosis_bg_result.svg) no-repeat center -.3em #fff;
  background-size: 60% auto;
}
.diagnosis-box::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  display: block;
  margin: auto;
  width: 3.5em;
  height: 3.5em;
  background: url(../img/diagnosis_pt.svg) no-repeat center #f67474;
  background-size: 58%;
}
.diagnosis-box.question {
  background-color: #224489;
  text-align: center;
  color: #fff;
}
.diagnosis-box.question::after {
  background: #04163a;
}
.num-diagnosis-box {
  position: absolute;
  top: .2em;
  left: 0;
  right: 0;
  display: block;
  width: 2em;
  margin: auto;
  z-index: 2;
  text-align: center;
  font-family: Raleway;
  font-style: italic;
}
.diagnosis-box em {
  background: linear-gradient(transparent 50%, #fbfaa8 0%);
}
.ttl-diagnosis {
  margin-bottom: .5em;
  text-align: center;
}
.ttl-diagnosis.start {
  margin-bottom: .25em;
}
.ttl-diagnosis.result {
  padding-bottom: .5em;
  border-bottom: solid 1px #ccc;
}
.subttl-diagnosis {
  margin-bottom: .5em;
  color: #2951a2;
}
.txt-diagnosis.question {
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
}
.txt-diagnosis.result p {
  margin-bottom: 1em;
}
.list-diagnosis li {
  margin-bottom: .5em;
}
.footer-diagnosis-box {
  margin-top: 2em;
}
.footer-diagnosis-box {
  display: flex;
  align-items: center;
  justify-content: center;
}
.btn-diagnosis {
  position: relative;
  background-color: #224489;
  white-space: nowrap;
  color: #fff;
  cursor: pointer;
}
.btn-diagnosis:not(.yes):not(.no) {
  transition: color .3s ease;
}
.btn-diagnosis:not(.yes):not(.no):hover {
  color: #f1ef30;
}
.btn-diagnosis.start {
  font-weight: bold;
}
.btn-diagnosis.yes,
.btn-diagnosis.no {
  font-family: Oswald;
  transition: background-color .5s ease;
}
.btn-diagnosis.yes {
  background-color: #60b781;
}
.btn-diagnosis.no {
  background-color: #f67474;
}
.link-diagnosis {
  display: inline-block;
  padding: 0 .5em;
  background-color: #333;
  text-decoration: underline;
  font-weight: bold;
  color: #fff;
}
.start-btn-diagnosis.footer-bnr {
  line-height: 1.3;
}
@media screen and (max-width: 767px) {
  .start-btn-diagnosis {
    padding: 3.92vw 0 3.92vw 14vw;
    font-size: 3.3333vw;
  }
  .start-btn-diagnosis::before {
    width: 7.695vw;
    height: 7.695vw;
  }
  .start-btn-diagnosis::after {
    width: 16vw;
    height: 16vw;
  }
  .start-btn-diagnosis b {
    font-size: 4.10257vw;
  }
  .diagnosis-box.modal-content {
    max-height: 86vh;
    padding: 3.5em 2em 2em;
  }
  .content-diagnosis-box {
    position: relative;
    overflow-y: scroll;
    max-height: 60vh;
  }
  .num-diagnosis-box {
    font-size: 6vw;
  }
  .ttl-diagnosis {
    font-size: 6.4vw;
  }
  .ttl-diagnosis.start {
    font-size: 7vw;
  }
  .subttl-diagnosis {
    font-size: 128%;
  }
  .subttl-diagnosis.start {
    font-size: 4vw;
  }
  .txt-diagnosis.question {
    height: 22vh;
    font-size: 4.8vw;
  }
  .btn-diagnosis {
    height: 12vw;
    padding: 0;
    margin: 0 .2em;
    width: 50%;
    font-size: 100%;
  }
  .btn-diagnosis.start {
    font-size: 100%;
  }
  .btn-diagnosis.yes,
  .btn-diagnosis.no {
    font-size: 4.5vw;
  }
  .btn-diagnosis.start,
  .btn-diagnosis.yes,
  .btn-diagnosis.no {
    width: 46%;
  }
  .footer-diagnosis-box.result {
    justify-content: space-between;
    margin-top: 1em;
  }
  .footer-diagnosis-box.result .btn-diagnosis {
    margin: 0;
    width: 49%;
  }
  .start-btn-diagnosis.footer-bnr {
    padding: 3.15vw;
    text-align: center;
  }
  .start-btn-diagnosis.footer-bnr::after {
    right: 0;
    width: 14vw;
    height: 100%;
  }
  .start-btn-diagnosis.footer-bnr b {
    font-size: 6.5vw;
  }
}
/* 縦向き（ポートレート） */
@media screen and (max-width: 767px) and (orientation: portrait) {
  .content-diagnosis-box {
    max-height: 74vh;
  }
}
/* 横向き（ランドスケープ） */
@media screen and (max-width: 767px) and (orientation: landscape) {
  .content-diagnosis-box {
    max-height: 48vh;
  }
}

@media screen and (min-width: 768px), print {
  .start-btn-diagnosis {
    text-align: center;
    font-size: 13px;
  }
  .start-btn-diagnosis::before {
    width: 30px;
    height: 30px;
  }
  .start-btn-diagnosis::after {
    width: 48px;
    height: 60px;
  }
  .start-btn-diagnosis b {
    font-size: 16px;
  }
  .diagnosis-box.modal-content {
    padding: 3.5em 2.75em 3em;
    width: 600px;
    min-height: 400px;
    overflow: hidden;
  }
  .diagnosis-box.start {
    background-position: right 58%;
    background-size: auto 78%;
  }
  .content-diagnosis-box.result {
    background-size: 50%;
  }
  .num-diagnosis-box {
    font-size: 1.715em;
  }
  .ttl-diagnosis {
    margin-bottom: .75em;
    font-size: 30px;
  }
  .ttl-diagnosis.start {
    font-size: 45px;
  }
  .ttl-diagnosis.result {
    padding-bottom: .75em;
  }
  .subttl-diagnosis {
    font-size: 128%;
  }
  .subttl-diagnosis.start {
    font-size: 114%;
  }
  .txt-diagnosis.question {
    height: 160px;
    font-size: 1.715em;
  }
  .btn-diagnosis {
    height: 50px;
    padding: 0 2.5em;
    margin: 0 .5em;
  }
  .btn-diagnosis.start {
    font-size: 114%;
  }
  .btn-diagnosis.yes,
  .btn-diagnosis.no {
    font-size: 1.5em;
  }
  .btn-diagnosis.start,
  .btn-diagnosis.yes,
  .btn-diagnosis.no {
    width: 150px;
  }
  .start-btn-diagnosis.footer-bnr {
    height: 52.9px;
    padding: .6em;
    border-width: 2px;
    font-size: 10px;
  }
  .start-btn-diagnosis.footer-bnr::before {
    width: 21px;
    height: 21px;
  }
  .start-btn-diagnosis.footer-bnr::after {
    right: 0;
    width: 36px;
    height: 100%;
  }
  .start-btn-diagnosis.footer-bnr b {
    font-size: 17px;
  }
}

/* 2024.11.6 update Anyca終了*/
.anyca_tr {
  position: relative;
  width: 100%;
}
.anyca_th {
  background-color: #efefef !important;
}
.anyca_th::before {
  content: "2024年12月末サービス終了";
  position: absolute;
  top: 0;
  left: 22vw;
  display: flex;
  margin: auto;
  bottom: 0;
  right: 0;
  background: rgba(0,0,0,0.7);
  z-index: 1;
  align-items: center;
  justify-content: center;
  font-size: 150%;
  width: 78vw;
}
.anyca_osc .company-info-label,
.anyca_osc article + section {
    display: none;
}
.anyca .mv,
.anyca section,
.anyca_osc .station-info > .inner,
.anyca_osc .car-info .inner,
.anyca_osc .ftr.blk > .inner {
  position: relative;
}
.anyca .mv {
  overflow: hidden;
}
.anyca .mv::before,
.anyca_osc .station-info > .inner::before,
.anyca_osc .car-info .inner::before,
.anyca_osc .ftr.blk > .inner::before,
.anyca section::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding: .5em;
  margin: auto;
  box-sizing: border-box;
  background-color: rgba(0,0,0,.25);
  z-index: 1;
  font-size: 180%;
  font-weight: bold;
  color: #fff;
}
.anyca .mv::before {
  content: "Anycaは2024年12月末にサービスを終了しました。";
  background-color: rgba(0,0,0,.8);
}
.anyca_osc .station-info > .inner::before,
.anyca_osc .car-info .inner::before,
.anyca_osc .ftr.blk > .inner::before,
.anyca section::before {
  width: calc(100% + 8vw);
  margin-left: -4vw;
}
.anyca_osc .station-info > .inner::before,
.anyca_osc .car-info .inner::before,
.anyca_osc .ftr.blk > .inner::before {
  height: 110%;
}
.mapBalloon.anyca_osc::before {
    content: "2024年12月サービス終了";
    position: absolute;
    left: 0;
    top: 25%;
    display: block;
    width: 100%;
    height: 33%;
    padding: 1em .2em 0;
    box-sizing: border-box;
    background-color: rgba(0,0,0,.8);
    text-align: center;
    font-size: 125%;
    font-weight: bold;
    color: #fff;
    z-index: 2;
}
.anyca_osc .mapBalloon.anyca_osc a {
  pointer-events: none;
}
.anyca_osc .mapBalloon.anyca_osc a .btn {
  display: none;
}
.anyca_osc .mapBalloon.anyca_osc .logobox_logo {
  justify-content: center;
}
.anyca .blk::before {
  padding-top: 3em;
}
.anyca section::before {
  padding-top: 1em;
}
.anyca .blk > .inner .btn-area:first-child .bnr-box {
  margin-top: 0;
}
/* .anyca .blk .inner .btn-area {
  display: none;
} */
/* .anyca .blk .inner .btn-area:not(:last-of-type),
.anyca .blk .inner section {
  display: none;
} */
.anyca_osc .company-info-label + .btn-area {
  margin-top: 3em;
}
.blk-recommend-service {
  margin-bottom: 3em;
  text-align: left;
  border: solid 1em #f0f6fb;
  padding: 1em;
  /* width: calc(100% + 6vw);
  margin-left: -3vw; */
  box-sizing: border-box;
}
.blk-recommend-service h3 {
  margin: 1.5em 0 1em;
  padding: .75em .5em .75em 1em;
  background-color: #f0f6fb;
  border-left: solid 1px #224489;
  line-height: 1.2;
  font-size: 150%;
  color: #224489;
}
.flx-recommend-service {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  flex-wrap: wrap;
}
.col-recommend-service {
  position: relative;
  width: 50%;
  min-height: 26vw;
  margin: 0;
  text-align: center;
}
.col-recommend-service img {
  position: absolute;
  left: 0;
  right: 0;
  top: 41%;
  transform: translateY(-50%);
  max-width: 80%;
  max-height: 22vw;
  object-fit: contain;
}
.col-recommend-service a {
  display: block;
}
.btn-area .bnr-box .col-recommend-service a {
  display: block;
}
.col-recommend-service a span {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  display: block;
  margin: auto;
  font-size: 75%;
  font-weight: 500;
  color: #000;
}
.blk-recommend-service .btn-recommend-diagnosis {
  opacity: 0;
  margin: 2em auto 0;
  font-size: 120%;
}
@media screen and (max-width: 767px) {
  .anyca .mv {
    height: 50vw;
  }
  .anyca .mv::before {
    padding: 2em 1.5em;
  }
  .anyca .mv + .blk {
    padding-top: 0;
  }
  .blk-recommend-service {
    width: 100vw;
    margin-left: calc(50% - 50vw);
  }
  .col-recommend-service:not(:nth-of-type(1)):not(:nth-of-type(2)) {
    margin-top: .5em;
  }
  #anyca.servicedetail article .sec-detail .tbl table {
    width: 100%;
    font-size: 75%;
  }
}
@media screen and (min-width: 768px), print {
  .anyca_th::before {
    left: 85px;
    width: calc(100% - 85px);
    height: calc(100% - 1px);
  }
  .anyca .mv {
    height: 300px;
  }
  .anyca .mv::before {
    align-items: center;
  }
  .anyca .mv::before,
  .anyca_osc .station-info > .inner::before,
  .anyca_osc .car-info .inner::before,
  .anyca_osc .ftr.blk > .inner::before,
  .anyca section::before {
    font-size: 210%;
  }
  .blk-recommend-service {
    width: 100%;
    margin-left: 0;
    padding: 3em;
  }
  .flx-recommend-service {
    justify-content: center;
  }
  .col-recommend-service {
    width: 33%;
    min-height: 160px;
  }
  .col-recommend-service a span,
  .btn-area .bnr-box .col-recommend-service a span {
    font-size: 1em;
  }
  .col-recommend-service img {
    max-width: 87%;
    max-height: 124px;
  }
  .blk-recommend-service .btn-recommend-diagnosis b {
    font-size: 22px;
  }
  .blk-recommend-service .btn-recommend-diagnosis .start-btn-diagnosis::after {
    width: 52px;
  }
}

/* 2024.11.22 update */
form#mail_form .form_privacy {
  display: block;
  text-align: center;
  margin-bottom: 1em;
}

/* 2024.11.27 update */
.singular article .tbl.ins th,
.singular article .tbl.ins td {
  padding: .5em;
}
.singular article .tbl.ins th {
  width: 32%;
}
.singular article .tbl.ins td,
.singular article .tbl.noc td,
.singular article .tbl.road td {
  text-align: left;
}
.singular article .tbl.noc {
  margin-top: 1em;
}
.singular article .tbl.support tbody th {
  width: 60%;
}
.singular article .tbl.noc th {
  width: 32%;
}
.singular article .blk-noc {
  margin-top: 1em;
}
.singular article .tbl.road th {
  width: 32%;
}
.singular article .tbl-cost-ins th,
.singular article .tbl-cost-ins2 th {
  vertical-align: middle;
  font-size: 100%;
  font-weight: normal;
}
.singular article .tbl-cost-ins thead th,
.singular article .tbl-cost-ins2 thead th {
  text-align: center;
}
.singular article .tbl-cost-ins thead th:not(:first-child) {
  width: 20.4%;
}
.singular article .tbl-cost-ins thead th span {
  display: block;
  font-size: 90%;
}
.singular article .tbl-cost-ins2 thead .col {
  font-size: 90%;
}
.singular article .tbl-cost-ins tbody th,
.singular article .tbl-cost-ins2 tbody th {
  background-color: #f0f6fb;
  border-right: solid 1px #ccc;
}
.singular article .tbl-cost-ins tbody th a,
.singular article .tbl-cost-ins2 tbody th a {
  color: #224489;
}
.singular article .tbl-cost-ins2 td:nth-of-type(3),
.singular article .tbl-cost-ins2 td:nth-of-type(4),
.singular article .tbl-cost-ins2 td:nth-of-type(5),
.singular article .tbl-cost-ins2 td:nth-of-type(6),
.singular article .tbl-cost-ins2 td:nth-of-type(7),
.singular article .tbl-cost-ins2 td:nth-of-type(8) {
  text-align: center;
}
.singular article .tbl-cost-insurance th {
  font-weight: normal;
}
.txt-charged-cost-ins,
.txt-noc-cost-ins {
  display: inline-block;
  line-height: 1.3;
  font-size: 86%;
}
.txt-exempt-cost-ins {
  background: linear-gradient(transparent 50%, #fbfaa8 0%);
}
@media screen and (max-width: 767px) {
  .singular article .tbl-cost-ins table,
  .singular article .tbl-cost-ins2 table {
    width: 100vw;
    margin-left: calc(50% - 50vw);
    font-size: 80%;
  }
  .singular article .tbl-cost-ins thead th span::before {
    content: "( ";
  }
  .singular article .tbl-cost-ins thead th span::after {
    content: " )";
  }
  .singular article .tbl-cost-ins2 tbody th {
    width: 17%;
  }
  .singular article .tbl-cost-ins2 thead th:nth-of-type(2):not(.col) {
    width: 14%;
  }
  .singular article .tbl-cost-ins2 thead .col {
    width: 9.5%;
  }
  .singular article .tbl-cost-ins2 thead .col2 {
    width: 9.8%;
  }
  .singular article .tbl-cost-insurance th,
  .singular article .tbl-cost-insurance td {
    padding: .4em;
  }
  .singular article .tbl-cost-insurance3 td {
    width: 28%;
  }
}
@media screen and (min-width: 768px), print {
  .singular article .tbl.ins table {
    font-size: 100%;
  }
  .singular article .tbl.ins th {
    width: 22%;
  }
  .singular article .tbl.support tbody th {
    width: 40%;
  }
  .singular article .tbl.noc th {
    width: 22%;
  }
  .singular article .tbl.road th {
    width: 22%;
  }
  .singular article .tbl-cost-ins thead th span::before {
    content: "（";
  }
  .singular article .tbl-cost-ins thead th span::after {
    content: "）";
  }
  .singular article .tbl-cost-ins2 thead .col-price {
    width: 13%;
  }
  .singular article .tbl-cost-ins2 thead .col,
  .singular article .tbl-cost-ins2 thead .col2 {
    width: 7.4%;
  }
  .singular article .tbl-cost-ins2 thead th:last-child.col {
    width: 8.8%;
  }
  .singular article .tbl-cost-ins2 tbody th {
    width: 19%;
  }
  .singular article .tbl-cost-insurance th,
  .singular article .tbl-cost-insurance td {
    vertical-align: middle;
  }
  .singular article .tbl-cost-insurance th,
  .singular article .tbl-cost-insurance td {
    padding: .4em 1em;
  }
  .txt-charged-cost-ins {
    max-width: 46px;
  }
}

/* 2024.12 update */
article .ttl-area .ttl.sta {
  position: relative;
  padding-left: 3em;
}
.img-ttl-sta {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 3.75vw;
  margin: auto;
  width: 6vw;
  max-width: 30px;
  height: auto;
}
.ttl-sec.sta {
  padding-left: 1em;
}
@media screen and (min-width: 768px), print {
  article .ttl-area .ttl.sta {
    padding-left: 2.5em;
  }
  .img-ttl-sta {
    left: 20px;
    width: 26px;
  }
}

/* 2025.4.2 update */
.notes-list-cost {
  max-width: 92%;
  margin: 2em auto 0;
}

/* 2025.4.4 update */
.btn-sarea a {
  position: relative;
  display: inline-block;
  margin-top: .5em;
  padding: .5em 2.5em .5em 1em;
  background-color: #224489;
  color: #fff;
}
.btn-sarea a::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: .8em;
  display: block;
  width: .5em;
  height: .5em;
  margin: auto;
  background: url('data:image/svg+xml,%3csvg%20xmlns%3d%22http%3a%2f%2fwww%2ew3%2eorg%2f2000%2fsvg%22%20version%3d%221%2e1%22%20viewBox%3d%220%200%2025%2040%22%3e%3cpath%20d%3d%22M%200%200%20L%200%2040%20L%2025%2020%20z%22%20fill%3d%22%23fff%22%20%2f%3e%3c%2fsvg%3e') no-repeat center;
}
@media screen and (max-width: 767px) {
  #sta_list .map-blk + .blk {
    padding-top: 0;
  }
}
@media screen and (min-width: 768px), print {
  .inner-pc {
    max-width: 910px;
    width: 90%;
    margin: auto;
  }
  .result.blk {
    padding: 40px 70px;
  }
  .result.blk .btn-area.more {
    margin-bottom: 0;
  }
  .btn-sarea a::after {
    width: 5px;
    height: 8px;
  }
}