@charset "UTF-8";
/*==========================================
  Common
==========================================*/
/* base
==================================*/
h1,
h2,
h3,
h4,
h5,
h6,
p,
pre,
blockquote,
ul,
li,
ol,
dl,
dd,
tr {
  font-size: 16px;
  line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  line-height: 1;
}

.sp {
  display: none !important;
}

a {
  color: #000;
  text-decoration: none;
  transition: 0.3s;
}
a:visited {
  color: #000;
}
a:hover {
  color: #000;
  text-decoration: none;
}
a:active {
  color: #000;
}
a.tel {
  pointer-events: none;
  cursor: default;
}

body {
  word-wrap: break-word;
  word-break: break-all;
}

/* main
==================================*/
main {
  margin-top: 85px;
}

.contact_link {
  width: 100%;
  max-width: 1000px;
  margin: auto;
  border: 3px solid #0d6eb8;
  border-radius: 10px;
  padding: 30px 40px;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #fff;
}
.contact_link dl {
  padding-left: 45px;
  text-align: center;
  position: relative;
}
.contact_link dl::before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 34px;
  height: 23px;
  background: url(/images/common/icon_fd.svg) no-repeat 0/contain;
  left: 0;
  top: 9px;
}
.contact_link dl dt {
  font-size: 36px;
  font-weight: 700;
  line-height: 1;
}
.contact_link dl dd {
  font-size: 17px;
  font-weight: 500;
  line-height: 1;
  margin-top: 8px;
}
.contact_link ul {
  display: flex;
}
.contact_link ul li .link_btn.bl {
  width: 295px;
  height: 60px;
}
.contact_link ul li:nth-of-type(1) a {
  padding-right: 10px;
  box-sizing: border-box;
}
.contact_link ul li:nth-of-type(1) a img {
  width: 23px;
  margin-right: 3px;
}
.contact_link ul li:nth-of-type(2) {
  margin-left: 10px;
}
.contact_link ul li:nth-of-type(2) img {
  width: 27px;
  margin-right: 10px;
}
@media (max-width: 1200px) {
  .contact_link {
    flex-direction: column;
    justify-content: center;
    max-width: 800px;
  }
  .contact_link ul {
    margin-top: 20px;
  }
}

/* header
==================================*/
header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 999;
  background: #fff;
  width: 100%;
}
header .header_inner {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  position: relative;
}
header .header_inner .logo {
  position: absolute;
  left: 0;
  top: 0;
}
header .header_inner .logo a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 230px;
  height: 130px;
  background: #0d6eb8;
}
header .header_inner .logo a:hover {
  background: #034b82;
}
header .header_inner .logo img {
  width: 130px;
  transition: 0.3s;
}
header .header_inner nav {
  margin-right: 25px;
}
header .header_inner nav > ul {
  display: flex;
}
header .header_inner nav > ul > li {
  font-weight: 700;
}
header .header_inner nav > ul > li > a {
  display: inline-block;
  line-height: 85px;
  padding: 0 15px;
}
header .header_inner nav > ul > li > a:hover {
  color: #d51c1c;
}
header .header_inner nav > ul .slide_trigger {
  position: relative;
}
header .header_inner nav > ul .slide_trigger > a {
  pointer-events: none;
}
header .header_inner nav > ul .slide_trigger a span {
  width: 10px;
  height: 10px;
  display: inline-block;
  position: relative;
  margin-left: 5px;
  bottom: 1px;
}
header .header_inner nav > ul .slide_trigger a span::before, header .header_inner nav > ul .slide_trigger a span::after {
  content: "";
  display: inline-block;
  position: absolute;
  margin: auto;
  width: 10px;
  height: 2px;
  background: #0d6eb8;
  top: 0;
  left: 0;
  bottom: 0;
}
header .header_inner nav > ul .slide_trigger a span::after {
  transform: rotate(90deg);
}
header .header_inner nav .sub_list {
  display: none;
  position: absolute;
  width: 180px;
  top: 85px;
  left: 50%;
  transform: translateX(-50%);
}
header .header_inner nav .sub_list li:not(:last-of-type) {
  border-bottom: 1px solid #d5e4ef;
}
header .header_inner nav .sub_list li a {
  display: block;
  text-align: center;
  width: 100%;
  line-height: 50px;
  background: #f3f6fa;
  color: #505050;
}
header .header_inner nav .sub_list li a:hover {
  color: #d51c1c;
}
header .header_inner #pageLink .here {
  color: #0d6eb8;
}
header .header_inner .menu_btn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 85px;
  height: 85px;
  background: #0d6eb8;
  position: relative;
  transition: 0.3s;
  box-sizing: border-box;
  padding-bottom: 12px;
  cursor: pointer;
  z-index: 1000;
}
header .header_inner .menu_btn:hover {
  background: #034b82;
}
header .header_inner .menu_btn .btn_wrap {
  width: 38px;
  height: 18px;
  position: relative;
}
header .header_inner .menu_btn .btn_wrap span {
  display: inline-block;
  position: absolute;
  width: 38px;
  height: 3px;
  left: 0;
  background: #fff;
  transition: 0.3s;
}
header .header_inner .menu_btn .btn_wrap span:first-of-type {
  top: 0;
  transform-origin: left top;
}
header .header_inner .menu_btn .btn_wrap span:last-of-type {
  bottom: 0;
  transform-origin: left bottom;
}
header .header_inner .menu_btn {
  /*&.open .btn_wrap {
    span {
      width: 40px;
      &:first-of-type { transform: rotate(23deg);}
      &:last-of-type { transform: rotate(-23deg);}
    }
  }*/
}
header .header_inner .menu_btn .text_wrap span {
  position: absolute;
  color: #fff;
  font-family: "Jost";
  font-weight: 700;
  font-size: 12px;
  left: 50%;
  bottom: 18px;
  transform: translateX(-50%);
  transition: 0.3s;
}
header .header_inner .menu_btn .text_wrap .open {
  opacity: 1;
}
header .header_inner .menu_btn .text_wrap .close {
  opacity: 0;
}
header .header_inner .menu_btn.open .btn_wrap {
  /*height: 15px;*/
}
header .header_inner .menu_btn.open .btn_wrap span {
  width: 40px;
}
header .header_inner .menu_btn.open .btn_wrap span:first-of-type {
  transform: rotate(23deg);
}
header .header_inner .menu_btn.open .btn_wrap span:last-of-type {
  transform: rotate(-23deg);
}
header .header_inner .menu_btn.open .text_wrap .open {
  opacity: 0;
}
header .header_inner .menu_btn.open .text_wrap .close {
  opacity: 1;
}
header .header_inner .menu {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  padding: 115px 0 70px;
  z-index: 999;
  display: none;
}
header .header_inner .menu::before {
  content: "";
  display: inline-block;
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.4);
  z-index: -2;
}
header .header_inner .menu::after {
  content: "";
  display: inline-block;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: #f6faff;
  z-index: -1;
}
header .header_inner .menu a {
  font-weight: 700;
}
header .header_inner .menu a:hover {
  color: #d51c1c;
}
header .header_inner .menu .logo_wrap {
  position: absolute;
  left: 60px;
  top: 25px;
  width: 131px;
}
header .header_inner .menu .logo_wrap a:hover {
  opacity: 0.7;
}
header .header_inner .menu .left_wrap {
  position: absolute;
  left: 50px;
  top: 0px;
  width: 595px;
  background: #fff;
  border: 3px solid #1c8ad7;
  border-radius: 3px;
  box-sizing: border-box;
}
header .header_inner .menu .left_wrap .top_wrap {
  padding: 10px 10px 20px 210px;
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  position: relative;
}
header .header_inner .menu .left_wrap .top_wrap::before {
  content: "";
  display: inline-block;
  position: absolute;
  margin: auto;
  width: 139px;
  height: 114px;
  background: url(/images/common/icon_h1.png) no-repeat 0/contain;
  left: 45px;
  top: 0;
  bottom: 0;
}
header .header_inner .menu .left_wrap .top_wrap li {
  padding: 0 17px;
}
header .header_inner .menu .left_wrap .top_wrap li a {
  display: block;
  width: 145px;
  line-height: 50px;
  position: relative;
}
header .header_inner .menu .left_wrap .top_wrap li a::before {
  content: "";
  display: inline-block;
  position: absolute;
  margin: auto;
  width: 16px;
  height: 8px;
  background: url(/images/common/arrow.svg) no-repeat 0/contain;
  top: 0;
  bottom: 0;
  right: 0;
  transition: 0.3s;
}
header .header_inner .menu .left_wrap .top_wrap li a:hover::before {
  transform: translateX(5px);
}
header .header_inner .menu .left_wrap .top_wrap li:not(:last-of-type) a {
  border-bottom: 1px solid #d5e4ef;
}
header .header_inner .menu .left_wrap .top_wrap.middle_wrap {
  border-top: 3px solid #1c8ad7;
}
header .header_inner .menu .left_wrap .top_wrap.middle_wrap::before {
  background-image: url(/images/common/icon_h2.svg);
  width: 109px;
  height: 60px;
  left: 65px;
  top: -15px;
}
header .header_inner .menu .left_wrap .top_wrap.middle_wrap::after {
  content: "車両販売";
  display: inline-block;
  position: absolute;
  left: 70px;
  bottom: 15px;
  font-size: 18px;
  font-weight: 700;
}
header .header_inner .menu .left_wrap .bottom_wrap {
  display: flex;
  flex-wrap: wrap;
}
header .header_inner .menu .left_wrap .bottom_wrap li {
  width: 33.3%;
  box-sizing: border-box;
  border-top: 3px solid #1c8ad7;
}
header .header_inner .menu .left_wrap .bottom_wrap li:nth-of-type(2n) {
  border-left: 3px solid #1c8ad7;
  border-right: 3px solid #1c8ad7;
}
header .header_inner .menu .left_wrap .bottom_wrap li a {
  display: flex;
  flex-flow: column;
  width: 100%;
  height: 100px;
  justify-content: center;
  align-items: center;
  font-size: 18px;
  position: relative;
}
header .header_inner .menu .left_wrap .bottom_wrap li a::before {
  content: "";
  display: inline-block;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: contain;
}
header .header_inner .menu .left_wrap .bottom_wrap li a::after {
  content: "";
  display: inline-block;
  position: absolute;
  width: 0;
  height: 0;
  right: 1px;
  bottom: 1px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent #d51c1c #d51c1c transparent;
}
header .header_inner .menu .left_wrap .bottom_wrap li:nth-of-type(1) a::before {
  width: 58px;
  height: 44px;
  background-image: url(/images/common/icon_h3.svg);
}
header .header_inner .menu .left_wrap .bottom_wrap li:nth-of-type(2) a::before {
  width: 48px;
  height: 49px;
  background-image: url(/images/common/icon_h4.svg);
}
header .header_inner .menu .left_wrap .bottom_wrap li:nth-of-type(3) a::before {
  width: 93px;
  height: 32px;
  background-image: url(/images/common/icon_h5.svg);
}
header .header_inner .menu .container {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-end;
  min-height: 425px;
}
header .header_inner .menu .main_nav, header .header_inner .menu .contact_nav {
  width: 530px;
}
header .header_inner .menu .main_nav {
  display: flex;
  flex-wrap: wrap;
}
header .header_inner .menu .main_nav > ul {
  max-inline-size: max-content;
}
header .header_inner .menu .main_nav > ul:first-of-type {
  margin-right: 20px;
}
header .header_inner .menu .main_nav > ul > li:not(.left_wrap) {
  line-height: 1.2;
  margin-bottom: 23px;
}
header .header_inner .menu .main_nav > ul > li:not(.left_wrap) a {
  padding-left: 15px;
  position: relative;
  display: inline-block;
}
header .header_inner .menu .main_nav > ul > li:not(.left_wrap) a::before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 0;
  height: 0;
  border-left: 6px solid #d51c1c;
  border-top: 3px solid transparent;
  border-bottom: 3px solid transparent;
  left: 0;
  top: 6px;
}
header .header_inner .menu .contact_nav {
  background: #fff;
  border-radius: 5px;
  display: flex;
  flex-wrap: wrap;
}
header .header_inner .menu .contact_nav li.tel {
  border-bottom: 1px solid #b9d2ea;
  width: 100%;
}
header .header_inner .menu .contact_nav li.tel a {
  display: block;
  line-height: 1;
  padding: 18px 0 19px;
  text-align: center;
  font-size: 28px;
}
header .header_inner .menu .contact_nav li.tel a::before {
  content: "";
  display: inline-block;
  position: relative;
  width: 26px;
  height: 17px;
  background: url(/images/common/icon_fd.svg) no-repeat 0/contain;
  margin-right: 6px;
  bottom: 2px;
}
header .header_inner .menu .contact_nav li.tel a span {
  font-size: 13px;
  font-weight: 500;
  margin-left: 10px;
}
header .header_inner .menu .contact_nav li:not(.tel) {
  width: 50%;
  box-sizing: border-box;
}
header .header_inner .menu .contact_nav li:not(.tel):last-of-type {
  border-left: 1px solid #b9d2ea;
}
header .header_inner .menu .contact_nav li:not(.tel) a {
  display: block;
  line-height: 53px;
  text-align: center;
  position: relative;
}
header .header_inner .menu .contact_nav li:not(.tel) a::before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 0;
  height: 0;
  right: 1px;
  bottom: 1px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent #d51c1c #d51c1c transparent;
}
@media (max-width: 1270px) {
  header .header_inner .menu .left_wrap {
    width: 510px;
  }
  header .header_inner .menu .left_wrap .top_wrap {
    padding-left: 164px;
  }
  header .header_inner .menu .left_wrap .top_wrap::before {
    width: 128px;
    height: 105px;
    left: 25px;
  }
  header .header_inner .menu .left_wrap .top_wrap li {
    padding: 0 10px;
  }
  header .header_inner .menu .main_nav, header .header_inner .menu .contact_nav {
    width: calc(100% - 570px);
  }
}
@media (max-width: 1100px) {
  header .header_inner .menu .container {
    padding-left: 30px;
    padding-right: 30px;
  }
  header .header_inner .menu .main_nav > ul:first-of-type {
    margin-right: 0;
  }
  header .header_inner .menu .main_nav > ul > li:not(.left_wrap) {
    margin-bottom: 20px;
  }
  header .header_inner .menu .contact_nav li.tel {
    border-bottom: 1px solid #b9d2ea;
    width: 100%;
  }
  header .header_inner .menu .contact_nav li.tel a span {
    display: block;
    margin: 7px 0 0;
  }
  header .header_inner .menu .contact_nav li:not(.tel) {
    width: 100%;
  }
  header .header_inner .menu .contact_nav li:not(.tel):last-of-type {
    border-top: 1px solid #b9d2ea;
    border-left: none;
  }
}
@media (max-width: 1200px) {
  header .header_inner nav {
    margin-right: 10px;
  }
  header .header_inner nav > ul > li > a {
    padding: 0 10px;
    font-size: 15px;
  }
  header .header_inner nav .sub_list li a {
    font-size: 15px;
  }
}
@media (max-width: 1050px) {
  header .header_inner .logo a {
    width: 150px;
    height: 85px;
  }
  header .header_inner .logo img {
    width: 90px;
  }
  header .header_inner nav > ul > li > a {
    font-size: 14px;
    padding: 0 8px;
  }
  header .header_inner nav .sub_list li a {
    font-size: 14px;
  }
}
header.scroll .header_inner .logo a {
  height: 85px;
}
header.scroll .header_inner .logo a img {
  width: 110px;
}

.pan {
  display: flex;
  margin-left: 3%;
  padding-top: 18px;
}
.pan li {
  color: #a1a1a1;
  font-size: 12px;
  margin-right: 18px;
}
.pan li a {
  color: #000;
  position: relative;
  white-space: nowrap;
}
.pan li a::after {
  content: "";
  position: absolute;
  right: -12px;
  top: 50%;
  clip-path: polygon(50% 0, 100% 50%, 50% 100%);
  background-color: #0d6eb8;
  width: 10px;
  height: 6px;
  margin-top: -2px;
}

/* footer
==================================*/
footer .map_wrap iframe {
  width: 100%;
  height: 500px;
}
footer .wh_wrap {
  padding: 45px 0 40px;
  position: relative;
}
footer .wh_wrap .row {
  justify-content: space-between;
}
footer .wh_wrap .row .col {
  width: auto;
}
@media (max-width: 1150px) {
  footer .wh_wrap .row .col:first-of-type {
    width: 100%;
    margin-bottom: 10px;
  }
  footer .wh_wrap .row .col:first-of-type ul {
    display: flex;
  }
  footer .wh_wrap .row .col:first-of-type ul li:first-of-type {
    margin-right: 40px;
  }
}
footer .wh_wrap ul {
  max-inline-size: max-content;
}
footer .wh_wrap ul li {
  line-height: 1;
}
footer .wh_wrap ul li:not(:last-of-type) {
  margin-bottom: 15px;
}
footer .wh_wrap ul li a {
  font-size: 14px;
  padding-left: 15px;
  position: relative;
  display: inline-block;
}
footer .wh_wrap ul li a:hover {
  color: #d51c1c;
}
footer .wh_wrap ul li a::before {
  content: "";
  display: inline-block;
  position: absolute;
  margin: auto;
  width: 0;
  height: 0;
  border-left: 6px solid #d51c1c;
  border-top: 3px solid transparent;
  border-bottom: 3px solid transparent;
  left: 0;
  top: 0;
  bottom: 1px;
}
footer .wh_wrap .sub_list .slide_btn {
  font-size: 14px;
  padding-bottom: 15px;
  line-height: 1.4;
}
footer .wh_wrap .sub_list ul li a {
  font-size: 13px;
  color: #505050;
}
footer .wh_wrap .sub_list ul li a:hover {
  color: #d51c1c;
}
footer .wh_wrap .pagetop {
  position: fixed;
  right: 10px;
  bottom: 90px;
  z-index: 99;
}
footer .wh_wrap .pagetop a {
  display: block;
  width: 50px;
  height: 50px;
  background: #d51c1c;
  position: relative;
  opacity: 0;
  pointer-events: none;
}
footer .wh_wrap .pagetop a:hover {
  background: #a60101;
}
footer .wh_wrap .pagetop a::before {
  content: "";
  display: inline-block;
  position: absolute;
  margin: auto;
  width: 0;
  height: 0;
  border-bottom: 10px solid #fff;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}
footer .wh_wrap .pagetop.active a {
  opacity: 1;
  pointer-events: auto;
}
footer .wh_wrap .pagetop.stop {
  position: absolute;
  bottom: 0;
}
footer .bl_wrap {
  background: #0d6eb8;
  padding: 40px 0 90px;
}
footer .bl_wrap a:hover {
  opacity: 0.7;
}
footer .bl_wrap .row {
  justify-content: space-between;
}
footer .bl_wrap .row .left_wrap dl dt {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 15px;
}
footer .bl_wrap .row .left_wrap dl dt a {
  color: #fff;
}
footer .bl_wrap .row .left_wrap dl dt a:hover {
  opacity: 0.7;
}
footer .bl_wrap .row .left_wrap dl dt span {
  font-size: 14px;
  font-weight: 500;
  margin-left: 10px;
}
footer .bl_wrap .row .left_wrap dl dd {
  font-size: 14px;
  color: #fff;
}
footer .bl_wrap .row .left_wrap dl dd a {
  color: #fff;
}
footer .bl_wrap .row .left_wrap p {
  font-size: 12px;
  font-weight: 700;
  text-align: center;
  background: #fff;
  max-width: 360px;
  line-height: 20px;
  border-radius: 10px;
  margin-top: 15px;
}
footer .bl_wrap .row .right_wrap {
  width: 740px;
}
footer .bl_wrap .row .right_wrap .bn_wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: -10px;
}
footer .bl_wrap .row .right_wrap .bn_wrap li:nth-of-type(-n + 3) {
  width: 240px;
}
footer .bl_wrap .row .right_wrap .bn_wrap li:nth-of-type(-n + 3) a {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 60px;
  border-radius: 5px;
  margin-bottom: 10px;
  background: #fff;
  position: relative;
}
footer .bl_wrap .row .right_wrap .bn_wrap li:nth-of-type(-n + 3) a::before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 9px;
  height: 9px;
  background: url(/images/common/icon_outlink.svg) no-repeat 0/contain;
  right: 10px;
  top: 8px;
}
footer .bl_wrap .row .right_wrap .bn_wrap li:nth-of-type(n + 4) {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 60px;
  border-radius: 5px;
  margin-bottom: 10px;
  background: #fff;
}
footer .bl_wrap .row .right_wrap .bn_wrap li span {
  font-size: 14px;
  position: relative;
  padding-right: 15px;
  margin-right: 15px;
}
footer .bl_wrap .row .right_wrap .bn_wrap li span::before {
  content: "";
  display: inline-block;
  position: absolute;
  margin: auto;
  width: 1px;
  height: 33px;
  background: #e3ecf2;
  right: 0;
  top: 0;
  bottom: 0;
}
footer .bl_wrap .row .right_wrap .bn_wrap .holiday img {
  width: 150px;
}
footer .bl_wrap .row .right_wrap .bn_wrap .ncs img {
  width: 212px;
}
footer .bl_wrap .row .right_wrap .bn_wrap .tkn img {
  width: 160px;
}
footer .bl_wrap .row .right_wrap .bn_wrap .card {
  width: 433px;
}
footer .bl_wrap .row .right_wrap .bn_wrap .card img {
  width: 187px;
}
footer .bl_wrap .row .right_wrap .bn_wrap .pay {
  width: 297px;
}
footer .bl_wrap .row .right_wrap .bn_wrap .pay img {
  width: 90px;
}
footer .bl_wrap .row .right_wrap p {
  margin-top: 25px;
  color: #fff;
  font-size: 12px;
}
footer .bl_wrap .bottom_wrap {
  position: absolute;
  left: 50px;
  bottom: 0;
}
footer .bl_wrap .bottom_wrap .copy {
  font-family: "Jost";
  font-weight: 700;
  font-size: 12px;
  color: #fff;
}
footer .bl_wrap .bottom_wrap .uw {
  margin-top: 5px;
}
footer .bl_wrap .bottom_wrap .uw a {
  font-size: 12px;
  color: #86bce5;
}
@media (max-width: 1260px) {
  footer .bl_wrap .row {
    flex-direction: column;
    align-items: center;
  }
  footer .bl_wrap .row .right_wrap {
    margin-top: 40px;
  }
  footer .bl_wrap .bottom_wrap {
    position: relative;
    top: 0;
    left: 0;
    text-align: center;
    margin-top: 40px;
  }
}

.fixed_link {
  position: fixed;
  right: 0;
  bottom: 0;
  z-index: 99;
}
.fixed_link ul {
  display: flex;
}
.fixed_link ul li a {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 80px;
  background: #0d6eb8;
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  position: relative;
}
.fixed_link ul li a:hover {
  background: #034b82;
}
.fixed_link ul li:not(:first-of-type) a::after {
  content: "";
  display: inline-block;
  position: absolute;
  margin: auto;
  width: 1px;
  height: 35px;
  background: #034b82;
  left: 0;
  top: 5px;
  bottom: 0;
}
.fixed_link ul .tel a {
  width: 277px;
  border-top-left-radius: 10px;
  position: relative;
}
.fixed_link ul .tel a::before {
  content: "";
  display: inline-block;
  position: relative;
  width: 26px;
  height: 17px;
  background: url(/images/common/icon_fd_wh.svg) no-repeat 0/contain;
  margin-right: 5px;
  bottom: 7px;
}
.fixed_link ul .tel span {
  font-size: 13px;
  font-weight: 500;
  line-height: 1;
}
.fixed_link ul .tel strong {
  font-size: 28px;
  display: block;
  margin-bottom: 3px;
}
.fixed_link ul .reserve a {
  width: 230px;
}
.fixed_link ul .reserve a > span span::after {
  content: "・";
}
.fixed_link ul .contact a {
  width: 160px;
}

/* loader
==================================*/
#loader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #fff;
  z-index: 1001;
}

/* Animation
==================================*/
.c-anim-up {
  transform: translate(0, 30px);
  opacity: 0;
  transition: 0.3s ease;
}

.move {
  transform: translate(0, 0);
  opacity: 1;
}

.delay1 {
  -moz-transition-delay: 300ms;
  -webkit-transition-delay: 300ms;
  -o-transition-delay: 300ms;
  -ms-transition-delay: 300ms;
}

.delay2 {
  -moz-transition-delay: 600ms;
  -webkit-transition-delay: 600ms;
  -o-transition-delay: 600ms;
  -ms-transition-delay: 600ms;
}

.delay3 {
  -moz-transition-delay: 900ms;
  -webkit-transition-delay: 900ms;
  -o-transition-delay: 900ms;
  -ms-transition-delay: 900ms;
}

.delay4 {
  -moz-transition-delay: 1200ms;
  -webkit-transition-delay: 1200ms;
  -o-transition-delay: 1200ms;
  -ms-transition-delay: 1200ms;
}

.delay5 {
  -moz-transition-delay: 1500ms;
  -webkit-transition-delay: 1500ms;
  -o-transition-delay: 1500ms;
  -ms-transition-delay: 1500ms;
}

.delay6 {
  -moz-transition-delay: 1800ms;
  -webkit-transition-delay: 1800ms;
  -o-transition-delay: 1800ms;
  -ms-transition-delay: 1800ms;
}

.delay7 {
  -moz-transition-delay: 2100ms;
  -webkit-transition-delay: 2100ms;
  -o-transition-delay: 2100ms;
  -ms-transition-delay: 2100ms;
}

/*==================================
  Component
==================================*/
html {
  overflow: auto;
}
html.no_move {
  overflow: hidden;
}

img {
  max-width: 100%;
  height: auto;
}
img[src$=".png"], img[src$=".jpg"] {
  backface-visibility: hidden;
}

.container {
  max-width: 1300px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 50px;
  padding-right: 50px;
  box-sizing: border-box;
  position: relative;
}
@media (max-width: 899px) {
  .container {
    padding-left: 15px;
    padding-right: 15px;
  }
}

.row {
  display: flex;
  flex-wrap: wrap;
  box-sizing: border-box;
}
.row .col {
  position: relative;
  width: 100%;
  min-height: 1px;
  box-sizing: border-box;
}
@media (min-width: 900px) {
  .row .col.col3 {
    width: 25%;
  }
  .row .col.col4 {
    width: 33.33%;
  }
  .row .col.col6 {
    width: 50%;
  }
}

.en {
  font-family: "Jost";
  font-weight: 700;
}

.sec_ttl {
  text-align: center;
}
.sec_ttl .en {
  color: #d51c1c;
}
.sec_ttl .jp {
  display: block;
  font-size: 42px;
  margin-top: 12px;
  line-height: 1.2;
}
@media (max-width: 899px) {
  .sec_ttl .en {
    font-size: 14px;
  }
  .sec_ttl .jp {
    font-size: 24px;
    margin-top: 4px;
  }
}

.link_btn {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 18px;
  font-weight: 700;
  color: #fff;
  width: 100%;
  border-radius: 10px;
  box-shadow: 0 5px 0 rgba(0, 0, 0, 0.1);
  overflow: hidden;
  z-index: 1;
}
.link_btn:visited {
  color: #fff;
}
.link_btn::before, .link_btn::after {
  content: "";
  display: inline-block;
  position: absolute;
  margin: auto;
}
.link_btn::before {
  width: 100px;
  height: 100px;
  z-index: -1;
  border-radius: 50%;
  transform: scale(0);
  transition: 0.5s;
  left: 0;
  right: 0;
  bottom: -50px;
}
.link_btn::after {
  width: 16px;
  height: 7px;
  background: url(/images/common/arrow_wh.svg) no-repeat 0/contain;
  top: 0;
  bottom: 0;
  transition: 0.3s;
}
.link_btn.rd {
  background: #d51c1c;
  height: 60px;
  max-width: 355px;
}
.link_btn.rd::before {
  background: #a60101;
}
.link_btn.rd::after {
  right: 20px;
}
.link_btn.bl {
  background: #0d6eb8;
  height: 80px;
}
.link_btn.bl::before {
  background: #034b82;
}
.link_btn.bl::after {
  right: 30px;
}
.link_btn.gry {
  background: #484848;
  height: 80px;
}
.link_btn.gry::before {
  background: #313131;
}
.link_btn.gry::after {
  right: 30px;
}
@media (min-width: 900px) {
  .link_btn:hover {
    color: #fff;
  }
  .link_btn:hover::before {
    transform: scale(7);
  }
  .link_btn:hover::after {
    transform: translateX(5px);
  }
  .link_btn.rd:hover::before {
    transition: 0.8s;
  }
}
@media (max-width: 899px) {
  .link_btn {
    border-radius: 5px;
    font-size: 15px;
  }
  .link_btn.rd {
    max-width: 296px;
    height: 50px;
    margin: auto;
  }
  .link_btn.rd::after {
    right: 10px;
  }
  .link_btn.bl {
    height: 57px;
  }
  .link_btn.bl::after {
    right: 15px;
  }
}

.page_ttl {
  background: url(/images/common/bg_gry_ptn.jpg) repeat top/128px #f6faff;
  background-blend-mode: color-burn;
  display: grid;
  place-content: center;
  place-items: center;
  margin-left: 3%;
  border-radius: 0 0 0 12px;
}
.page_ttl .en {
  color: #d51c1c;
}
.page_ttl .img {
  width: 170px;
}
@media (max-width: 899px) {
  .page_ttl .img {
    width: 110px;
  }
}
@media (min-width: 900px) {
  .page_ttl {
    height: 240px;
  }
  .page_ttl .jp {
    font-size: 42px;
    margin-top: 15px;
  }
}
@media (max-width: 899px) {
  .page_ttl {
    height: 150px;
    margin-left: 0;
  }
  .page_ttl .en {
    font-size: 12px;
  }
  .page_ttl .jp {
    font-size: 27px;
    margin-top: 6px;
    text-align: center;
    line-height: 1.2;
  }
}

@keyframes pn {
  0% {
    stroke-dashoffset: 0;
    opacity: 1;
  }
  100% {
    stroke-dashoffset: 57;
    opacity: 0;
  }
}
@keyframes pnActive {
  0% {
    stroke-dashoffset: 57;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
/*==================================
	リスト系
==================================*/
.news_list li {
  box-sizing: border-box;
}
.news_list li figure {
  overflow: hidden;
}
.news_list li figure img {
  transition: 0.3s;
  width: 100%;
}
.news_list li dl {
  margin-top: 10px;
}
.news_list li dl dt {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.news_list li dl dt .date {
  font-family: "Jost";
  font-weight: 700;
  font-size: 14px;
  margin-right: 10px;
}
.news_list li dl dt .cate {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  font-weight: 700;
  color: #fff;
  height: 20px;
  padding: 0 10px;
  background: #d5a71c;
  border-radius: 5px;
}
@media (min-width: 900px) {
  .news_list {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: -35px;
  }
  .news_list li {
    width: 25%;
    padding: 0 10px 35px;
  }
  .news_list li a figure {
    border-radius: 10px;
  }
  .news_list li a dl dd {
    margin-top: 15px;
    transition: 0.3s;
  }
  .news_list li a:hover img {
    transform: scale(1.06);
  }
  .news_list li a:hover dd {
    color: #d51c1c;
  }
}
@media (max-width: 899px) {
  .news_list {
    display: block;
  }
  .news_list li:not(:last-of-type) {
    margin-bottom: 20px;
  }
  .news_list li a {
    display: flex;
    align-items: flex-start;
  }
  .news_list li a figure {
    width: 115px;
    border-radius: 5px;
    margin-right: 13px;
  }
  .news_list li a dl {
    width: calc(100% - 128px);
    margin-top: 7px;
  }
  .news_list li a dl dt {
    line-height: 1;
  }
  .news_list li a dl dt .date {
    font-size: 12px;
    margin-right: 5px;
  }
  .news_list li a dl dt .cate {
    font-size: 10px;
    height: auto;
    padding: 2px 6px 3px;
    border-radius: 3px;
  }
  .news_list li a dl dd {
    font-size: 15px;
    margin-top: 8px;
    line-height: 1.4;
  }
}

/*==========================================
  Layout
==========================================*/
/*==================================
  Top
==================================*/
#Top main {
  margin-top: 0;
}
#Top main .mv_sec {
  height: 100vh;
  position: relative;
}
#Top main .mv_sec::before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 100%;
  height: 260px;
  background: url(/images/common/bg_gry_ptn.jpg) repeat top/128px #f6faff;
  background-blend-mode: color-burn;
  left: 0;
  bottom: 0;
  z-index: -1;
}
#Top main .mv_sec .slide_wrap {
  height: 100%;
  padding: 85px 0 30px 50px;
  box-sizing: border-box;
  position: relative;
}
#Top main .mv_sec .slide_wrap .main_slide {
  height: 100%;
  border-bottom-left-radius: 10px;
  position: relative;
}
#Top main .mv_sec .slide_wrap .main_slide .swiper-wrapper .swiper-slide .slide {
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  transition: 0.5s;
  transform: scale(1.1);
}
#Top main .mv_sec .slide_wrap .main_slide .swiper-wrapper .swiper-slide .slide.slide01 {
  background-image: url(/images/top/main01.jpg);
}
#Top main .mv_sec .slide_wrap .main_slide .swiper-wrapper .swiper-slide .slide.slide02 {
  background-image: url(/images/top/main02.jpg);
}
#Top main .mv_sec .slide_wrap .main_slide .swiper-wrapper .swiper-slide .slide.slide03 {
  background-image: url(/images/top/main03.jpg);
}
#Top main .mv_sec .slide_wrap .main_slide .swiper-wrapper .swiper-slide.activeimage .slide {
  transform: scale(1);
  transition: transform 6s linear;
}
#Top main .mv_sec .slide_wrap .main_slide .swiper-wrapper .swiper-slide.swiper-slide.swiper-slide-visible .slide {
  transform: scale(1);
  transition: transform 6s linear;
}
#Top main .mv_sec .slide_wrap .main_slide .timer_wrap {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 2px;
  z-index: 1;
}
#Top main .mv_sec .slide_wrap .main_slide .timer_wrap .bar {
  display: block;
  width: 100%;
  height: 100%;
  background: #d51c1c;
  transform-origin: left;
  transform: scaleX(0);
  transition-timing-function: linear;
}
#Top main .mv_sec .slide_wrap .swiper-pagination {
  left: 19px;
  bottom: 30px;
  width: 16px;
}
#Top main .mv_sec .slide_wrap .swiper-pagination .swiper-pagination-bullet {
  display: block;
  background: none;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  position: relative;
  margin: 10px 0 0;
  opacity: 1;
}
#Top main .mv_sec .slide_wrap .swiper-pagination .swiper-pagination-bullet::before {
  content: "";
  display: inline-block;
  position: absolute;
  margin: auto;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #bbb;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  transition: 1s;
}
#Top main .mv_sec .slide_wrap .swiper-pagination .swiper-pagination-bullet svg {
  width: 18px;
}
#Top main .mv_sec .slide_wrap .swiper-pagination .swiper-pagination-bullet svg circle {
  stroke: #d51c1c;
  stroke-dasharray: 57;
  stroke-dashoffset: 57;
  fill: transparent;
  transition: 2s;
  animation: pn 2s linear forwards;
}
#Top main .mv_sec .slide_wrap .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
  background-color: #d51c1c;
  transition: 0s;
}
#Top main .mv_sec .slide_wrap .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active svg circle {
  animation: pnActive 5s linear forwards;
}
#Top main .mv_sec .catch {
  position: absolute;
  pointer-events: none;
  left: 100px;
  bottom: 95px;
  z-index: 1;
}
#Top main .mv_sec .catch p {
  color: #fff;
  font-weight: 700;
}
#Top main .mv_sec .catch .main {
  font-size: 50px;
  line-height: 1.4;
}
#Top main .mv_sec .catch .sub {
  margin-top: 35px;
  line-height: 1;
}
#Top main .mv_sec .catch .sub::after {
  content: "";
  display: inline-block;
  position: relative;
  width: 16px;
  height: 7px;
  background: url(/images/common/arrow_wh.svg) no-repeat 0/contain;
  margin-left: 13px;
  right: 0;
  bottom: 0;
}
#Top main .hovered {
  color: #d51c1c !important;
  transition: 0.5s;
}
#Top main .hovered::after {
  content: "";
  display: inline-block;
  position: absolute;
  margin: auto;
  width: 16px;
  height: 7px;
  background: url(/images/common/arrow.svg) no-repeat 0/contain !important;
  right: 3px;
  top: 0;
  bottom: 0;
  transition: 0.3s;
}
#Top main .banner_sec {
  background: url(/images/common/bg_gry_ptn.jpg) repeat top/128px #f6faff;
  background-blend-mode: color-burn;
}
#Top main .banner_sec .banner {
  max-width: 700px;
  margin: 0 auto;
}
#Top main .banner_sec .banner a {
  display: block;
}
#Top main .banner_sec .banner a:hover {
  opacity: 0.7;
}
#Top main .banner_sec .banner + .banner {
  padding-top: 30px;
}
#Top main .service_sec {
  padding: 60px 0 100px;
  background: url(/images/common/bg_gry_ptn.jpg) repeat top/128px #f6faff;
  background-blend-mode: color-burn;
  position: relative;
}
#Top main .service_sec .border_wrap {
  border: 3px solid #1c8ad7;
  border-top-right-radius: 30px;
  border-bottom-left-radius: 30px;
  background: #fff;
  margin-top: 40px;
  overflow: hidden;
}
#Top main .service_sec .border_wrap .top_wrap {
  display: flex;
  align-items: center;
  padding: 55px 80px;
  box-sizing: border-box;
}
@media (max-width: 1250px) {
  #Top main .service_sec .border_wrap .top_wrap {
    padding: 40px 40px;
  }
}
#Top main .service_sec .border_wrap .top_wrap figure {
  width: 289px;
  text-align: center;
  box-sizing: border-box;
}
#Top main .service_sec .border_wrap .top_wrap .text_wrap {
  margin-left: 90px;
  width: calc(100% - 379px);
}
@media (max-width: 1300px) {
  #Top main .service_sec .border_wrap .top_wrap .text_wrap {
    margin-left: 50px;
    width: calc(100% - 339px);
  }
}
#Top main .service_sec .border_wrap .top_wrap .text_wrap h3 {
  font-size: 32px;
  margin-bottom: 30px;
}
#Top main .service_sec .border_wrap .top_wrap .text_wrap ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 40px;
}
#Top main .service_sec .border_wrap .top_wrap .text_wrap ul li:nth-of-type(-n + 2) {
  width: calc(50% - 25px);
}
#Top main .service_sec .border_wrap .top_wrap .text_wrap ul li:nth-of-type(n + 3) {
  width: calc((100% - 60px) / 3);
}
#Top main .service_sec .border_wrap .top_wrap .text_wrap ul li a {
  font-size: 20px;
  font-weight: 700;
  display: block;
  line-height: 1;
  padding: 15px 0;
  position: relative;
  border-bottom: 1px solid #0d6eb8;
}
#Top main .service_sec .border_wrap .top_wrap .text_wrap ul li a::before {
  content: "";
  display: inline-block;
  position: absolute;
  margin: auto;
  width: 16px;
  height: 7px;
  background: url(/images/common/arrow.svg) no-repeat 0/contain;
  right: 0;
  top: 0;
  bottom: 0;
  transition: 0.3s;
}
#Top main .service_sec .border_wrap .top_wrap .text_wrap ul li a:hover {
  color: #d51c1c;
}
#Top main .service_sec .border_wrap .top_wrap .text_wrap ul li a:hover::before {
  transform: translateX(5px);
}
@media (max-width: 1170px) {
  #Top main .service_sec .border_wrap .top_wrap .text_wrap ul {
    max-width: 450px;
    margin: 20px auto 0;
  }
  #Top main .service_sec .border_wrap .top_wrap .text_wrap ul li:first-of-type {
    width: 100%;
  }
  #Top main .service_sec .border_wrap .top_wrap .text_wrap ul li:nth-of-type(n + 2) {
    width: calc(50% - 10px);
  }
}
#Top main .service_sec .border_wrap .top_wrap.middle_wrap {
  border-top: 3px solid #1c8ad7;
}
#Top main .service_sec .border_wrap .top_wrap.middle_wrap figure {
  padding-left: 30px;
}
#Top main .service_sec .border_wrap .top_wrap.middle_wrap figure img {
  width: 257px;
}
#Top main .service_sec .border_wrap .top_wrap.middle_wrap .text_wrap ul li {
  width: calc((100% - 60px) / 3);
}
@media (max-width: 1170px) {
  #Top main .service_sec .border_wrap .top_wrap.middle_wrap .text_wrap ul {
    max-width: 450px;
    margin: 20px auto 0;
  }
  #Top main .service_sec .border_wrap .top_wrap.middle_wrap .text_wrap ul li {
    width: calc(50% - 10px);
  }
}
#Top main .service_sec .border_wrap .bottom_wrap {
  display: flex;
  border-top: 3px solid #1c8ad7;
}
#Top main .service_sec .border_wrap .bottom_wrap li {
  width: 33.3%;
  box-sizing: border-box;
}
#Top main .service_sec .border_wrap .bottom_wrap li:not(:last-of-type) {
  border-right: 3px solid #1c8ad7;
}
#Top main .service_sec .border_wrap .bottom_wrap li a {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 270px;
  padding: 0 20px;
  box-sizing: border-box;
  position: relative;
}
#Top main .service_sec .border_wrap .bottom_wrap li a::before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 0;
  height: 0;
  right: 2px;
  bottom: 2px;
  border-width: 7px;
  border-style: solid;
  border-color: transparent #d51c1c #d51c1c transparent;
}
#Top main .service_sec .border_wrap .bottom_wrap li a figure {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 196px;
  height: 94px;
}
#Top main .service_sec .border_wrap .bottom_wrap li a figure img {
  width: 100%;
  transition: 0.3s;
}
#Top main .service_sec .border_wrap .bottom_wrap li a p {
  line-height: 1.2;
  font-size: 24px;
  font-weight: 700;
  margin-top: 25px;
  position: relative;
  transition: 0.3s;
}
@media (max-width: 1100px) {
  #Top main .service_sec .border_wrap .bottom_wrap li a p {
    font-size: 19px;
  }
}
#Top main .service_sec .border_wrap .bottom_wrap li a p span {
  position: absolute;
  font-size: 12px;
  font-weight: 700;
  text-align: center;
  left: 50%;
  transform: translateX(-50%);
  bottom: -27px;
  width: 150px;
  line-height: 20px;
  border-radius: 10px;
  background: #ececec;
  color: #000;
}
#Top main .service_sec .border_wrap .bottom_wrap li a:hover {
  background-color: #f4f7fb;
}
#Top main .service_sec .border_wrap .bottom_wrap li a:hover img {
  transform: translateY(-10px);
}
#Top main .service_sec .border_wrap .bottom_wrap li a:hover p {
  color: #d51c1c;
}
#Top main .service_sec .border_wrap .bottom_wrap li a:hover p span {
  color: #000;
}
#Top main .service_sec .border_wrap .bottom_wrap li:nth-of-type(1) figure {
  position: relative;
}
#Top main .service_sec .border_wrap .bottom_wrap li:nth-of-type(1) img {
  max-width: 134px;
}
#Top main .service_sec .border_wrap .bottom_wrap li:nth-of-type(2) img {
  max-width: 112px;
}
#Top main .service_sec .border_wrap .bottom_wrap li:nth-of-type(3) img {
  max-width: 212px;
}
#Top main .service_sec .btn_wrap {
  display: flex;
  justify-content: space-between;
  margin-top: 30px;
}
#Top main .service_sec .btn_wrap li {
  width: calc(50% - 10px);
}
#Top main .service_sec .btn_wrap li a img {
  margin-right: 10px;
}
#Top main .service_sec .btn_wrap li:first-of-type img {
  width: 57px;
}
#Top main .service_sec .btn_wrap li:last-of-type img {
  width: 39px;
}
#Top main .link_sec {
  padding: 120px 0;
}
#Top main .link_sec .row {
  justify-content: space-between;
  align-items: center;
}
#Top main .link_sec .row .text_wrap {
  width: 43.75%;
}
#Top main .link_sec .row .text_wrap h2 {
  text-align: left;
}
#Top main .link_sec .row .text_wrap h2 .jp {
  font-size: 32px;
  margin-top: 6px;
}
#Top main .link_sec .row .text_wrap p {
  margin-top: 40px;
  line-height: 1.6;
}
#Top main .link_sec .row .text_wrap .btn_wrap {
  margin-top: 35px;
}
#Top main .link_sec .about_wrap {
  padding-bottom: 75px;
  border-bottom: 1px solid #ebf1f7;
}
#Top main .link_sec .about_wrap figure {
  width: 52.25%;
}
#Top main .link_sec .shop_wrap {
  padding-top: 75px;
}
#Top main .link_sec .shop_wrap .row {
  flex-direction: row-reverse;
}
#Top main .link_sec .shop_wrap figure {
  width: 48.33%;
}
#Top main .news_sec {
  background: url(/images/common/bg_gry_ptn.jpg) repeat top/128px #f6faff;
  background-blend-mode: color-burn;
  padding: 100px 0;
}
#Top main .news_sec .news_list {
  margin-top: 35px;
}
#Top main .news_sec .btn_wrap {
  margin-top: 35px;
}
#Top main .news_sec .btn_wrap a {
  max-width: 255px;
  margin: auto;
}
#Top main .instagram_sec {
  background: url(/images/common/bg_gry_ptn.jpg) repeat top/128px #f6faff;
  background-blend-mode: color-burn;
  padding: 0 0 125px;
}
#Top main .instagram_sec .top_instagramList {
  display: flex;
  flex-wrap: wrap;
  width: 74.1666666667%;
  margin: 0 auto;
  padding: 40px 0 0;
  gap: 10px;
}
#Top main .instagram_sec .top_instagramList li {
  width: calc(20% - 10px);
  height: 14.1666666667%;
  aspect-ratio: 1/1;
}
#Top main .instagram_sec .top_instagramList li:last-child {
  display: none;
}
#Top main .instagram_sec .instagramImage {
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: 10px;
}
#Top main .instagram_sec .instagramImage a {
  display: block;
  width: 100%;
  height: 100%;
  padding-top: 100%;
  position: relative;
  box-sizing: border-box;
}
#Top main .instagram_sec .instagramImage a img {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 3;
  object-fit: cover;
  transition: 0.3s;
}
#Top main .instagram_sec .instagramImage a:hover img {
  transform: scale(1.1);
}
#Top main .instagram_sec .btn_wrap {
  margin-top: 40px;
}
#Top main .instagram_sec .btn_wrap a {
  max-width: 255px;
  margin: auto;
}

/*==================================
  News
==================================*/
#News main#List {
  margin-bottom: 120px;
}
#News main#List .content_sec {
  margin-top: 80px;
}
#News main#List .main_row {
  display: flex;
  justify-content: space-between;
}
#News main#List .main_row .content_wrap {
  width: calc(100% - 300px);
}
@media (max-width: 1100px) {
  #News main#List .main_row .content_wrap {
    width: calc(100% - 230px);
  }
  #News main#List .main_row .side_wrap {
    width: 200px;
  }
}
#News main#List .side_wrap {
  width: 250px;
}
#News main#List .side_wrap dl + dl {
  margin-top: 30px;
}
#News main#List .side_wrap dl dt {
  font-family: "Jost";
  font-weight: 700;
  font-size: 18px;
  color: #d51c1c;
  line-height: 1;
  padding-bottom: 7px;
  border-bottom: 1px solid #0d6eb8;
}
#News main#List .side_wrap dl dd {
  margin-top: 15px;
}
#News main#List .side_wrap dl dd ul li {
  line-height: 1.3;
}
#News main#List .side_wrap dl dd ul li:not(:last-of-type) {
  margin-bottom: 10px;
}
#News main#List .side_wrap dl dd ul li a {
  font-weight: 500;
}
@media (hover: hover) {
  #News main#List .side_wrap dl dd ul li a:hover {
    color: #d51c1c;
  }
}
#News main#List .side_wrap dl dd .select_box {
  text-align: center;
  position: relative;
  border: 2px solid #0d6eb8;
  background: #0d6eb8;
}
#News main#List .side_wrap dl dd .select_box::before, #News main#List .side_wrap dl dd .select_box::after {
  content: "";
  display: inline-block;
  position: absolute;
  margin: auto;
  pointer-events: none;
}
#News main#List .side_wrap dl dd .select_box::before {
  top: -2px;
  right: -2px;
  width: 50px;
  height: 50px;
  background-color: #0d6eb8;
}
#News main#List .side_wrap dl dd .select_box::after {
  right: 17px;
  top: 0;
  bottom: 0;
  width: 0;
  height: 0;
  border-top: 10px solid #fff;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
}
#News main#List .side_wrap dl dd .select_box select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  border: none;
  outline: none;
  border-radius: 0;
  box-shadow: none;
  background-color: #fff;
  color: #000 !important;
  width: 100%;
  font-weight: 500;
  padding: 15px 60px 15px 20px;
  line-height: 1;
  box-sizing: border-box;
}
#News main#List .side_wrap dl dd .select_box select::-ms-expand {
  display: none;
}
#News main#List .side_wrap dl dd .select_box select option {
  color: #000;
}
#News main#List .news_list li {
  width: 33.33%;
}
#News main#List .page_navigation {
  margin-top: 75px;
}
#News main#List .page_navigation .nav-links {
  display: flex;
  align-items: center;
  justify-content: center;
}
#News main#List .page_navigation .nav-links .page-numbers {
  font-size: 20px;
  font-family: "Jost";
  font-weight: 500;
  margin: 0 2px;
  width: 45px;
  height: 45px;
  border-radius: 10px;
  display: grid;
  place-content: center;
  color: #0d6eb8;
  border: 1px solid #ebf1f7;
  box-sizing: border-box;
}
#News main#List .page_navigation .nav-links .page-numbers:hover {
  color: #fff;
  background-color: #0d6eb8;
  border-color: #0d6eb8;
}
#News main#List .page_navigation .nav-links .page-numbers.current {
  color: #fff;
  background-color: #0d6eb8;
  border-color: #0d6eb8;
}
#News main#List .page_navigation .nav-links .page-numbers.dots {
  margin: 0;
  pointer-events: none;
  width: 30px;
  border: none;
  position: relative;
  bottom: 5px;
}
#News main#List .page_navigation .nav-links .page-numbers.prev, #News main#List .page_navigation .nav-links .page-numbers.next {
  position: relative;
  font-size: 16px;
  color: #000;
  width: auto;
  border: none;
}
@media (hover: hover) {
  #News main#List .page_navigation .nav-links .page-numbers.prev:hover, #News main#List .page_navigation .nav-links .page-numbers.next:hover {
    color: #0d6eb8;
    background: none;
  }
}
#News main#List .page_navigation .nav-links .page-numbers.prev::before, #News main#List .page_navigation .nav-links .page-numbers.next::before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 8px;
  height: 8px;
  border-right: 2px solid #000;
  border-bottom: 2px solid #000;
  top: 0;
  bottom: 0;
  margin: auto;
  transition: 0.3s;
}
#News main#List .page_navigation .nav-links .page-numbers.prev:hover::before, #News main#List .page_navigation .nav-links .page-numbers.next:hover::before {
  border-color: #0d6eb8;
}
#News main#List .page_navigation .nav-links .page-numbers.prev {
  padding-left: 27px;
  margin-right: 35px;
}
#News main#List .page_navigation .nav-links .page-numbers.prev::before {
  transform: rotate(135deg);
  left: 5px;
}
#News main#List .page_navigation .nav-links .page-numbers.prev:hover::before {
  left: 0;
}
#News main#List .page_navigation .nav-links .page-numbers.next {
  padding-right: 27px;
  margin-left: 35px;
}
#News main#List .page_navigation .nav-links .page-numbers.next::before {
  transform: rotate(-45deg);
  right: 5px;
}
#News main#List .page_navigation .nav-links .page-numbers.next:hover::before {
  right: 0;
}
@media (max-width: 1100px) {
  #News main#List .page_navigation .nav-links .page-numbers {
    width: 40px;
    height: 40px;
  }
  #News main#List .page_navigation .nav-links .page-numbers.prev {
    margin-right: 20px;
  }
  #News main#List .page_navigation .nav-links .page-numbers.next {
    margin-left: 20px;
  }
}
#News main#Blog {
  margin-bottom: 110px;
}
#News main#Blog .content_sec {
  margin-top: 80px;
}
#News main#Blog .content_sec .container {
  max-width: 1100px;
}
#News main#Blog .ttl_wrap {
  padding-bottom: 25px;
  border-bottom: 1px solid #ebf1f7;
}
#News main#Blog .ttl_wrap .info {
  display: flex;
  align-items: center;
}
#News main#Blog .ttl_wrap .info .date {
  font-family: "Jost";
  font-weight: 700;
  font-size: 14px;
  margin-right: 10px;
}
#News main#Blog .ttl_wrap .info .cate {
  display: grid;
  place-content: center;
  font-size: 14px;
  font-weight: 700;
  color: #fff;
  height: 20px;
  padding: 0 10px;
  background: #d5a71c;
  border-radius: 5px;
}
#News main#Blog .ttl_wrap h3 {
  font-size: 24px;
  font-weight: 500;
  line-height: 1.3;
  margin-top: 12px;
  overflow-wrap: break-word;
}
#News main#Blog .content_wrap {
  padding: 35px 0 50px;
  border-bottom: 1px solid #ebf1f7;
}
#News main#Blog .content_wrap h2 {
  font-size: 24px;
  color: #0d6eb8;
  padding-bottom: 0.5rem;
  line-height: 1.5;
}
#News main#Blog .content_wrap p {
  line-height: 2;
  overflow-wrap: break-word;
}
#News main#Blog .content_wrap p + p {
  margin-top: 30px;
}
#News main#Blog .content_wrap p a {
  color: #0d6eb8;
  display: inline-block;
  padding-bottom: 8px;
  line-height: 1;
  border-bottom: 1px solid #0d6eb8;
}
@media (hover: hover) {
  #News main#Blog .content_wrap p a:hover {
    opacity: 0.7;
  }
}
#News main#Blog .pager_wrap {
  max-width: 450px;
  margin: 60px auto 0;
}
#News main#Blog .pager_wrap ul {
  position: relative;
}
#News main#Blog .pager_wrap ul .list a {
  position: relative;
  display: grid;
  place-content: center;
  font-size: 18px;
  font-weight: 700;
  color: #fff;
  width: 255px;
  border-radius: 10px;
  box-shadow: 0 5px 0 rgba(0, 0, 0, 0.1);
  overflow: hidden;
  margin: auto;
  z-index: 1;
  background: #0d6eb8;
  height: 60px;
}
#News main#Blog .pager_wrap ul .list a:visited, #News main#Blog .pager_wrap ul .list a:hover {
  color: #fff;
}
#News main#Blog .pager_wrap ul .list a::before {
  content: "";
  display: inline-block;
  position: absolute;
  margin: auto;
  width: 100px;
  height: 100px;
  z-index: -1;
  border-radius: 50%;
  transform: scale(0);
  transition: 0.5s;
  left: 0;
  right: 0;
  bottom: -50px;
  background-color: #034b82;
}
@media (hover: hover) {
  #News main#Blog .pager_wrap ul .list a:hover::before {
    transform: scale(5);
  }
}
#News main#Blog .pager_wrap ul .prev, #News main#Blog .pager_wrap ul .next {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  height: 32px;
}
#News main#Blog .pager_wrap ul .prev a, #News main#Blog .pager_wrap ul .next a {
  display: inline-block;
  position: relative;
  font-weight: 500;
  box-sizing: border-box;
}
#News main#Blog .pager_wrap ul .prev a::before, #News main#Blog .pager_wrap ul .next a::before {
  content: "";
  display: inline-block;
  position: absolute;
  margin: auto;
  width: 8px;
  height: 8px;
  border-right: 2px solid #000;
  border-bottom: 2px solid #000;
  top: 0;
  bottom: 0;
  transition: 0.3s;
}
@media (hover: hover) {
  #News main#Blog .pager_wrap ul .prev a:hover, #News main#Blog .pager_wrap ul .next a:hover {
    color: #0d6eb8;
  }
  #News main#Blog .pager_wrap ul .prev a:hover::before, #News main#Blog .pager_wrap ul .next a:hover::before {
    border-color: #0d6eb8;
  }
}
#News main#Blog .pager_wrap ul .prev {
  left: 0;
}
#News main#Blog .pager_wrap ul .prev a {
  padding-left: 25px;
}
#News main#Blog .pager_wrap ul .prev a::before {
  transform: rotate(135deg);
  left: 5px;
}
@media (hover: hover) {
  #News main#Blog .pager_wrap ul .prev a:hover::before {
    left: 0;
  }
}
#News main#Blog .pager_wrap ul .next {
  right: 0;
}
#News main#Blog .pager_wrap ul .next a {
  padding-right: 25px;
}
#News main#Blog .pager_wrap ul .next a::before {
  transform: rotate(-45deg);
  right: 5px;
}
@media (hover: hover) {
  #News main#Blog .pager_wrap ul .next a:hover::before {
    right: 0;
  }
}

/*==================================
  About
==================================*/
#About main {
  margin-bottom: 120px;
}
#About main .lead_sec {
  margin-top: 85px;
  padding-bottom: 90px;
  text-align: center;
}
#About main .lead_sec h2 {
  font-size: 28px;
  color: #0d6eb8;
}
#About main .lead_sec h2 span {
  font-size: 20px;
  display: block;
  margin-bottom: 10px;
}
#About main .lead_sec p {
  margin-top: 25px;
  line-height: 1.8;
}
#About main .list {
  counter-reset: point 0;
}
#About main .list .row {
  padding: 40px 0;
  border-bottom: 1px solid #ebf1f7;
  justify-content: space-between;
  align-items: center;
  counter-increment: point 1;
}
#About main .list .row:first-of-type {
  border-top: 1px solid #ebf1f7;
}
#About main .list .row .text_wrap {
  width: 48%;
}
#About main .list .row .text_wrap .point {
  font-family: "Jost";
  font-weight: 700;
  color: #fff;
  background-color: #d51c1c;
  width: 81px;
  height: 26px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
#About main .list .row .text_wrap .point::after {
  content: counter(point);
  margin-left: 5px;
}
#About main .list .row .text_wrap .point::before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 0;
  height: 0;
  border-left: 15px solid #d51c1c;
  border-top: 13px solid transparent;
  border-bottom: 13px solid transparent;
  right: -15px;
  top: 0;
}
#About main .list .row .text_wrap h3 {
  font-size: 26px;
  margin-top: 13px;
  line-height: 1.4;
}
#About main .list .row .text_wrap p:not(.point) {
  margin-top: 30px;
  line-height: 1.7;
}
#About main .list .row picture {
  display: block;
  width: 48%;
  border-radius: 10px;
  overflow: hidden;
}
#About main .list .row:nth-of-type(2n) {
  flex-direction: row-reverse;
}
#About main .list .row:nth-of-type(2) {
  align-items: flex-start;
}
#About main .list .contact_link {
  margin-top: 30px;
}
#About main .list .contact_link .bl {
  max-width: none;
}

/*==================================
  advantage
==================================*/
#Advantage main {
  margin-bottom: 120px;
}
#Advantage main .list {
  counter-reset: point 0;
}
#Advantage main .list .row {
  padding: 40px 0;
  border-bottom: 1px solid #ebf1f7;
  justify-content: space-between;
  align-items: center;
  counter-increment: point 1;
}
#Advantage main .list .row:first-of-type {
  /*border-top: 1px solid $bd-gr;*/
}
#Advantage main .list .row .text_wrap {
  width: 48%;
}
#Advantage main .list .row .text_wrap .point {
  background-color: #d51c1c;
  border-radius: 50%;
  margin-right: 12px;
  position: relative;
  width: 60px;
  height: 60px;
}
#Advantage main .list .row .text_wrap .point span {
  font-family: "Jost";
  font-weight: 700;
  color: #fff;
  font-size: 11px;
  line-height: 1.1;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -42%);
  transform: translate(-50%, -42%);
}
#Advantage main .list .row .text_wrap .point span::after {
  content: counter(point);
  font-size: 24px;
  display: block;
}
#Advantage main .list .row .text_wrap h3 {
  color: #0d6eb8;
  display: flex;
  align-items: center;
  font-size: 30px;
  margin: 13px 0 20px 0;
  line-height: 1.4;
}
#Advantage main .list .row .text_wrap h4 {
  background-color: #ffe100;
  display: inline-block;
  font-size: 20px;
  line-height: 1.4;
  letter-spacing: -0.02rem;
  position: relative;
  padding: 6px 24px;
  text-align: center;
}
#Advantage main .list .row .text_wrap h4::after {
  content: "";
  content: "";
  position: absolute;
  top: 0;
  right: -18px;
  width: 18px;
  height: 100%;
  background: linear-gradient(to bottom left, transparent 50%, #ffe100 50%) top left/100% 51% no-repeat, linear-gradient(to top left, transparent 50%, #ffe100 50%) bottom left/100% 50% no-repeat;
}
#Advantage main .list .row .text_wrap p {
  text-align: justify;
}
#Advantage main .list .row .text_wrap p:not(.point) {
  margin-top: 24px;
  line-height: 1.7;
}
#Advantage main .list .row picture {
  display: block;
  width: 48%;
  border-radius: 10px;
  overflow: hidden;
}
#Advantage main .list .row.wide .text_wrap {
  width: 100%;
}
#Advantage main .list .row.wide .price_wrap {
  border: 3px solid #0d6eb8;
  border-radius: 10px;
  margin-top: 24px;
  padding: 24px 96px;
  width: 100%;
}
#Advantage main .list .row.wide .price_wrap h5 {
  background-color: #0d6eb8;
  border-radius: 6px;
  color: #fff;
  font-size: 18px;
  margin-bottom: 12px;
  padding: 8px;
  text-align: center;
}
#Advantage main .list .row.wide .price_wrap h5 span {
  font-size: 14px;
  margin-left: 18px;
}
#Advantage main .list .row.wide .price_wrap ul {
  display: flex;
  justify-content: space-between;
}
#Advantage main .list .row.wide .price_wrap ul .price_average {
  background-color: #efefef;
  border-radius: 6px;
  padding: 10px;
  width: 47%;
}
@media (max-width: 1200px) {
  #Advantage main .list .row.wide .price_wrap ul .price_average {
    width: 45%;
  }
}
#Advantage main .list .row.wide .price_wrap ul .price_average dt {
  font-weight: 600;
  text-align: center;
}
#Advantage main .list .row.wide .price_wrap ul .price_average .txt_price {
  font-size: 44px;
  font-weight: 700;
  text-align: center;
}
#Advantage main .list .row.wide .price_wrap ul .price_average .txt_price span {
  font-size: 24px;
  font-weight: 400;
}
#Advantage main .list .row.wide .price_wrap ul .price_average .txt_caution {
  font-size: 12px;
  text-align: left;
  padding: 0 24px;
  text-indent: -16px;
  margin-left: 16px;
  color: #636363;
}
#Advantage main .list .row.wide .price_wrap ul .price_holiday {
  background-color: #fffac2;
  border-radius: 6px;
  padding: 10px;
  width: 47%;
}
#Advantage main .list .row.wide .price_wrap ul .price_holiday dt {
  font-weight: 600;
  text-align: center;
}
#Advantage main .list .row.wide .price_wrap ul .price_holiday .txt_price {
  color: #d51c1c;
  font-size: 44px;
  font-weight: 700;
  text-align: center;
}
#Advantage main .list .row.wide .price_wrap ul .price_holiday .txt_price span {
  font-size: 24px;
  font-weight: 400;
}
#Advantage main .list .row.wide .price_wrap ul .price_holiday .txt_caution {
  font-size: 12px;
  text-align: left;
  padding: 0 24px;
}
#Advantage main .list .row.wide .price_wrap .point_wrap {
  display: flex;
  justify-content: space-between;
  margin-top: 36px;
}
#Advantage main .list .row.wide .price_wrap .point_wrap figure {
  margin-right: 18px;
  max-width: 270px;
  width: 100%;
}
#Advantage main .list .row.wide .price_wrap .point_wrap p {
  background-color: #fff6f6;
  border: 3px solid #d51c1c;
  border-radius: 10px;
  line-height: 1.7;
  padding: 24px 36px;
  width: 65%;
}
#Advantage main .list .row.wide .price_wrap .point_wrap p span {
  font-family: "Jost";
  font-weight: 700;
  color: #d51c1c;
  font-size: 18px;
  display: block;
  letter-spacing: 0.1em;
}
#Advantage main .list .row:nth-of-type(2) {
  align-items: flex-start;
}
#Advantage main .list .row:nth-of-type(5) {
  align-items: flex-end;
}
#Advantage main .list .row:last-child {
  border-bottom: none;
  padding-bottom: 0;
}
#Advantage main .list .contact_link {
  margin-top: 30px;
}

/*==================================
  fee
==================================*/
#Fee main {
  margin-bottom: 120px;
}
#Fee main .lead_sec {
  margin-top: 85px;
  padding-bottom: 90px;
  text-align: center;
}
#Fee main .lead_sec h2 {
  font-size: 28px;
  color: #0d6eb8;
}
#Fee main .lead_sec h2 span {
  font-size: 20px;
  display: block;
  margin-bottom: 10px;
}
#Fee main .lead_sec p {
  margin-top: 25px;
  line-height: 1.8;
}
#Fee main .lead_sec p .text_caution {
  font-size: 14px;
  color: #636363;
  display: block;
  margin-top: 18px;
}
#Fee main .lead_sec .feetype {
  background: url(/images/common/bg_gry_ptn.jpg) repeat top/128px #f6faff;
  background-blend-mode: color-burn;
  border-radius: 10px;
  margin: 24px 0;
  padding: 36px;
}
#Fee main .lead_sec .feetype ul {
  display: flex;
  justify-content: space-between;
}
#Fee main .lead_sec .feetype ul li {
  background-color: #fff;
  border: 3px solid #0d6eb8;
  border-radius: 6px;
  padding: 18px;
  position: relative;
  width: calc(33.33% - 13px);
  margin-right: 24px;
}
#Fee main .lead_sec .feetype ul li::after {
  content: "+";
  color: #0d6eb8;
  font-size: 36px;
  position: absolute;
  top: 50%;
  right: -26px;
  margin-top: -26px;
}
#Fee main .lead_sec .feetype ul li:nth-of-type(3) {
  margin-right: 0;
}
#Fee main .lead_sec .feetype ul li dt {
  font-family: YakuHanJP_Noto, "Noto Sans JP";
  font-weight: 700;
  border-bottom: 1px solid #ebf1f7;
  font-size: 20px;
  display: flex;
  align-items: center;
  line-height: 1.4;
  text-align: left;
  padding: 8px 0;
  margin-bottom: 12px;
  position: relative;
}
#Fee main .lead_sec .feetype ul li dt span.type {
  background-color: #d51c1c;
  border-radius: 50%;
  color: #fff;
  display: inline-block;
  font-family: "Jost";
  font-weight: 700;
  font-size: 20px;
  line-height: 42px;
  margin-right: 12px;
  text-align: center;
  height: 40px;
  width: 40px;
}
#Fee main .lead_sec .feetype ul li dt span.type.blue {
  background-color: #0d6eb8;
}
#Fee main .lead_sec .feetype ul li dt .txt_sub {
  font-size: 14px;
  display: block;
}
#Fee main .lead_sec .feetype ul li dt figure {
  position: absolute;
  top: -40px;
  right: -36px;
  width: 112px;
}
@media (max-width: 1000px) {
  #Fee main .lead_sec .feetype ul li dt figure {
    top: -45px;
    width: 100px;
  }
}
#Fee main .lead_sec .feetype ul li dd {
  text-align: justify;
  line-height: 1.7;
}
#Fee main .lead_sec .feetype ul li:last-child::after {
  display: none;
}
#Fee main .lead_sec .feetype p {
  background-color: #63b2e9;
  border-radius: 10px;
  color: #fff;
  font-family: YakuHanJP_Noto, "Noto Sans JP";
  font-weight: 700;
  font-size: 20px;
  margin: 24px auto 0;
  padding: 12px;
  text-align: center;
  max-width: 620px;
  width: 100%;
}
#Fee main .lead_sec.spc_none {
  margin-top: 0;
  padding-bottom: 0;
}
#Fee main .lead_sec .country_average {
  background-color: #d51c1c;
  border-radius: 42px;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 84px;
  margin: 36px auto;
  position: relative;
  width: 550px;
}
#Fee main .lead_sec .country_average picture {
  position: absolute;
  left: -78px;
  top: -24px;
  width: 124px;
}
#Fee main .lead_sec .country_average .text_average {
  font-size: 24px;
  font-weight: 700;
  line-height: 1.4;
}
#Fee main .lead_sec .country_average .text_average span {
  font-size: 18px;
  display: block;
}
#Fee main .lead_sec .country_average .text_price {
  font-size: 56px;
  font-weight: 700;
  margin-left: 18px;
}
#Fee main .lead_sec .country_average .text_price span {
  font-size: 30px;
}
#Fee main .lead_sec .hajimete_wrap {
  border: 3px solid #5ebf4e;
  border-radius: 10px;
  box-sizing: border-box;
  margin: 24px auto;
  max-width: 1000px;
}
#Fee main .lead_sec .hajimete_wrap h3 {
  background-color: #5ebf4e;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 28px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-align: center;
  padding: 10px;
}
#Fee main .lead_sec .hajimete_wrap h3 figure {
  margin-left: 12px;
  width: 72px;
}
#Fee main .lead_sec .hajimete_wrap ul {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px;
}
#Fee main .lead_sec .hajimete_wrap ul picture img {
  margin-right: 24px;
  transform: rotate(-5deg);
  width: 340px;
}
#Fee main .lead_sec .hajimete_wrap ul dt {
  font-size: clamp(22px, 2vw, 27px);
  font-weight: 700;
  margin-bottom: 18px;
  letter-spacing: 0.05em;
}
#Fee main .lead_sec .hajimete_wrap ul dt span {
  color: #d51c1c;
}
#Fee main .lead_sec .hajimete_wrap ul .ttl_sub {
  font-weight: 700;
  font-size: clamp(12px, 2vw, 16px);
  line-height: 2.4;
}
#Fee main .lead_sec .hajimete_wrap ul .ttl_sub span {
  color: #d51c1c;
}
#Fee main .lead_sec .hajimete_wrap ul dd .txt_red_price_01 {
  position: relative;
  color: #000;
  display: inline-grid;
}
#Fee main .lead_sec .hajimete_wrap ul dd .txt_red_price_01::after {
  width: 100px;
  content: "¥11,000";
  position: absolute;
  top: -17px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 14px;
  color: #d51c1c;
}
#Fee main .lead_sec .hajimete_wrap ul dd .txt_red_price_02 {
  position: relative;
  color: #000;
  display: inline-grid;
}
#Fee main .lead_sec .hajimete_wrap ul dd .txt_red_price_02::after {
  content: "¥0";
  position: absolute;
  top: -17px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 14px;
  color: #d51c1c;
}
#Fee main .lead_sec .hajimete_wrap ul dd .txt_red_price_03 {
  position: relative;
  color: #000;
  display: inline-grid;
}
#Fee main .lead_sec .hajimete_wrap ul dd .txt_red_price_03::after {
  content: "¥0";
  position: absolute;
  top: -17px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 14px;
  color: #d51c1c;
}
#Fee main .lead_sec .hajimete_wrap .totalprice {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px;
}
#Fee main .lead_sec .hajimete_wrap .totalprice .text_deal {
  background-color: #fff846;
  border-radius: 8px;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.2;
  margin-right: 12px;
  padding: 8px 18px;
}
#Fee main .lead_sec .hajimete_wrap .totalprice .text_deal span {
  display: block;
}
#Fee main .lead_sec .hajimete_wrap .totalprice .text_deal span strong {
  color: #d51c1c;
  font-size: 24px;
  font-weight: 700;
}
#Fee main .lead_sec .hajimete_wrap .totalprice .text_deal span small {
  color: #d51c1c;
  font-size: 18px;
}
#Fee main .lead_sec .hajimete_wrap .totalprice .text_totalprice {
  font-size: min(max(32px, 2.17rem + (1vw - 8.99px) * 18.7097), 65px);
  font-weight: 700;
  font-style: italic;
  color: #d51c1c;
  line-height: 1;
  position: relative;
}
#Fee main .lead_sec .hajimete_wrap .totalprice .text_totalprice span {
  font-size: min(max(16px, 1rem + (1vw - 8.99px) * 5.1613), 24px);
}
#Fee main .lead_sec .hajimete_wrap .totalprice .text_totalprice small {
  font-size: 16px;
  position: absolute;
  top: 16px;
  right: -7px;
}
@media (max-width: 998px) {
  #Fee main .lead_sec .hajimete_wrap .totalprice .text_totalprice small {
    top: 10px;
    right: -10px;
    font-size: 14px;
  }
}
@media (max-width: 940px) {
  #Fee main .lead_sec .hajimete_wrap .totalprice .text_totalprice small {
    top: 6px;
    font-size: 12px;
  }
}
#Fee main .price_table {
  margin-top: 36px;
}
#Fee main .price_table .ctm_tbl {
  border: 3px solid #e1e1e1;
  border-radius: 10px;
  border-collapse: separate;
  border-spacing: 0;
  margin: 0 auto 24px;
  max-width: 1000px;
  width: 100%;
  table-layout: fixed;
}
#Fee main .price_table .ctm_tbl tr:nth-child(1) th {
  border-bottom: 1px solid #e1e1e1;
  padding: 8px;
  table-layout: fixed;
}
#Fee main .price_table .ctm_tbl tr:nth-child(1) th.bg_gry {
  background-color: #f4f4f4;
  border-radius: 8px 0 0 0;
  width: 8%;
}
#Fee main .price_table .ctm_tbl tr:nth-child(1) th.bg_org {
  background-color: #eea200;
  color: #fff;
}
#Fee main .price_table .ctm_tbl tr:nth-child(1) th.bg_gr {
  background-color: #5ebf4e;
  color: #fff;
}
#Fee main .price_table .ctm_tbl tr:nth-child(1) th.bg_bl {
  background-color: #3599e5;
  border-radius: 0 8px 0 0;
  color: #fff;
}
#Fee main .price_table .ctm_tbl tr:nth-child(2) th {
  border-bottom: 1px solid #e1e1e1;
  background-color: #f4f4f4;
  font-size: 14px;
  padding: 10px;
}
#Fee main .price_table .ctm_tbl tr:nth-child(2) td {
  border-bottom: 1px solid #e1e1e1;
  color: #d51c1c;
  font-weight: 700;
  padding: 8px;
  text-align: center;
}
#Fee main .price_table .ctm_tbl tr:nth-child(2) td.bg_ylw {
  background-color: #fffee5;
}
#Fee main .price_table .ctm_tbl tr:nth-child(2) td.bg_gr {
  background-color: #edfaeb;
}
#Fee main .price_table .ctm_tbl tr:nth-child(2) td.bg_bl {
  background-color: #e6f2fb;
}
#Fee main .price_table .ctm_tbl tr:nth-child(3) th {
  background-color: #f4f4f4;
  border-radius: 0 0 0 8px;
  font-size: 14px;
  vertical-align: middle;
  padding: 10px;
}
#Fee main .price_table .ctm_tbl tr:nth-child(3) td {
  font-size: 14px;
  padding: 12px 12px 24px;
}
#Fee main .price_table .ctm_tbl tr:nth-child(3) td span {
  display: block;
  height: 60px;
  margin: 0 auto;
  width: 78px;
}
#Fee main .price_table .ctm_tbl tr:nth-child(3) td.bg_ylw {
  background-color: #fffee5;
}
#Fee main .price_table .ctm_tbl tr:nth-child(3) td.bg_gr {
  background-color: #edfaeb;
}
#Fee main .price_table .ctm_tbl tr:nth-child(3) td.bg_bl {
  background-color: #e6f2fb;
}
#Fee main .price_table .ctm_tbl tr:nth-child(3) td ul {
  padding: 0 3px;
}
#Fee main .price_table .ctm_tbl tr:nth-child(3) td ul li {
  font-size: 13px;
  padding: 2px;
}
#Fee main .price_table .ctm_tbl tr:nth-child(3) td.td_last {
  border-radius: 0 0 8px 0;
}
#Fee main .price_table .tbl_nml {
  border: 3px solid #e1e1e1;
  border-radius: 10px;
  border-collapse: separate;
  border-spacing: 0;
  margin: 0 auto 24px;
  max-width: 1000px;
  width: 100%;
}
#Fee main .price_table .tbl_nml th {
  border-bottom: 1px solid #e1e1e1;
  background-color: #f4f4f4;
  font-size: 14px;
  padding: 10px;
  width: 10%;
}
#Fee main .price_table .tbl_nml th.bg_dgry {
  background-color: #767676;
  border-radius: 8px 8px 0 0;
  color: #fff;
  font-size: 16px;
  padding: 8px;
}
#Fee main .price_table .tbl_nml th.th_last {
  border-radius: 0 0 0 8px;
}
#Fee main .price_table .tbl_nml td {
  border-bottom: 1px solid #e1e1e1;
  color: #000;
  font-size: 14px;
  padding: 8px;
  text-align: center;
  table-layout: fixed;
}
#Fee main .price_table .tbl_nml td.bg_ylw {
  background-color: #fffee5;
  width: 12.5%;
}
#Fee main .price_table .tbl_nml td.bg_ylw:nth-child(3) {
  border-radius: 0 0 8px 0;
}
#Fee main .price_table .tbl_nml td.bg_gr {
  background-color: #edfaeb;
  padding: 14px 8px;
  width: 13%;
}
#Fee main .price_table .tbl_nml td.bg_bl {
  background-color: #e6f2fb;
}
#Fee main .price_table .tbl_nml td.bd_r {
  border-right: 1px solid #e1e1e1;
}
#Fee main .price_table .tbl_nml td.td_last {
  border-radius: 0 0 8px 0;
}
#Fee main .price_table .list-caution {
  margin: 0 auto;
  max-width: 1000px;
}
#Fee main .price_table .list-caution li {
  font-size: 14px;
  padding: 3px;
}

/*==================================
  Flow
==================================*/
#Flow main {
  margin-bottom: 120px;
}
#Flow main h1 img {
  width: 165px;
}
#Flow main .list_sec {
  margin-top: 85px;
}
#Flow main .list_sec .container {
  max-width: 1200px;
}
#Flow main .list {
  counter-reset: num 0;
}
#Flow main .list .gr_wrap {
  background: url(/images/common/bg_gry_ptn.jpg) repeat top/128px #f6faff;
  background-blend-mode: color-burn;
  box-sizing: border-box;
  border-radius: 10px;
  padding: 40px 50px;
}
#Flow main .list .gr_wrap:not(:last-of-type) {
  margin-bottom: 30px;
}
#Flow main .list .gr_wrap h2 {
  display: flex;
  align-items: center;
  counter-increment: num 1;
  font-size: 24px;
}
#Flow main .list .gr_wrap h2::before {
  content: counter(num);
  display: grid;
  place-content: center;
  width: 45px;
  height: 45px;
  border-radius: 10px;
  background-color: #d51c1c;
  font-family: "Jost";
  font-weight: 500;
  color: #fff;
  margin-right: 17px;
}
#Flow main .list .gr_wrap > p {
  margin-top: 22px;
}
#Flow main .list .gr_wrap .contact_link {
  margin-top: 22px;
}
#Flow main .list .flow_wrap {
  margin-top: 30px;
}
#Flow main .list .flow_wrap dl {
  display: grid;
  grid-template-columns: 170px 1fr;
  border: 3px solid #0d6eb8;
  background-color: #fff;
  box-sizing: border-box;
  border-radius: 10px;
}
#Flow main .list .flow_wrap dl + dl {
  margin-top: 20px;
  position: relative;
}
#Flow main .list .flow_wrap dl + dl::before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 0;
  height: 0;
  border-top: 10px solid #d51c1c;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  left: 80px;
  top: -18px;
}
#Flow main .list .flow_wrap dl dt {
  display: grid;
  place-content: center;
  position: relative;
  font-size: 20px;
  font-weight: 700;
  color: #0d6eb8;
}
#Flow main .list .flow_wrap dl dt::before {
  content: "";
  display: inline-block;
  position: absolute;
  margin: auto;
  width: 1px;
  height: 48px;
  background-color: #ebf1f7;
  right: 0;
  top: 0;
  bottom: 0;
}
#Flow main .list .flow_wrap dl dd {
  padding: 20px 60px;
  box-sizing: border-box;
}
#Flow main .list .flow_wrap dl dd ul {
  display: grid;
  grid-template-columns: 180px 125px 1fr;
  grid-row-gap: 2px;
  margin-top: 10px;
}
@media (max-width: 1100px) {
  #Flow main .list .flow_wrap dl dd ul {
    grid-template-columns: 180px 1fr;
  }
}
@media (max-width: 1000px) {
  #Flow main .list .flow_wrap dl dd ul {
    grid-template-columns: 1fr;
  }
}
#Flow main .list .flow_wrap dl dd ul li {
  font-size: 14px;
}
#Flow main .list .flow_wrap dl dd ul li::before {
  content: "・";
}

/*==================================
  voice
==================================*/
#Voice main {
  margin-bottom: 120px;
}
#Voice main .lead_sec {
  margin-top: 85px;
  text-align: center;
}
#Voice main .lead_sec h2 {
  font-size: 28px;
  color: #0d6eb8;
}
#Voice main .list_sec {
  margin-top: 36px;
}
#Voice main .list_sec .container {
  max-width: 1200px;
}
#Voice main .list .voice_wrap {
  border: 3px solid #0d6eb8;
  border-radius: 12px;
  display: flex;
  align-items: center;
  margin-bottom: 12px;
  padding: 24px 48px;
}
#Voice main .list .voice_wrap:last-child {
  margin-bottom: 0;
}
#Voice main .list .voice_wrap figure {
  margin-right: 18px;
  max-width: 98px;
  width: 100%;
}
#Voice main .list .voice_wrap h3 {
  background-color: #d51c1c;
  border-radius: 12px;
  color: #fff;
  display: inline-block;
  font-size: 14px;
  line-height: 22px;
  margin-bottom: 15px;
  height: 22px;
  padding: 0 12px;
  text-align: center;
}

/*==================================
  faq
==================================*/
#Faq main {
  margin-bottom: 120px;
}
#Faq main .list_sec {
  margin-top: 85px;
}
#Faq main .list_sec .container {
  max-width: 1200px;
}
#Faq main .list_sec .container h2 {
  font-size: 28px;
  color: #0d6eb8;
  letter-spacing: 0.1em;
  text-align: center;
  margin-bottom: 36px;
}
#Faq main .list {
  margin-bottom: 80px;
}
#Faq main .list .faq_wrap {
  border: 3px solid #0d6eb8;
  border-radius: 12px;
  cursor: pointer;
  margin-bottom: 12px;
  padding: 30px 36px 15px 36px;
  transition: 0.5s;
}
#Faq main .list .faq_wrap:last-child {
  margin-bottom: 0;
}
#Faq main .list .faq_wrap h3 {
  display: flex;
  align-items: center;
  font-size: 22px;
  line-height: 1.3;
  margin-bottom: 18px;
  position: relative;
  transition: 0.3s;
  width: 100%;
}
#Faq main .list .faq_wrap h3::before {
  content: "Q";
  background-color: #0d6eb8;
  border-radius: 8px;
  color: #fff;
  display: inline-block;
  font-family: "Jost";
  font-weight: 700;
  font-size: 24px;
  line-height: 44px;
  height: 44px;
  width: 44px;
  text-align: center;
  vertical-align: middle;
  margin-right: 12px;
}
#Faq main .list .faq_wrap h3 a {
  position: relative;
  display: block;
  padding-right: 18px;
  width: 100%;
}
#Faq main .list .faq_wrap h3 a::before {
  content: "";
  border-radius: 1px;
  display: block;
  position: absolute;
  margin: auto;
  width: 3px;
  height: 25px;
  background-color: #d51c1c;
  right: 0;
  top: 0;
  bottom: 0;
  transition: 0.3s;
  transform: rotate(-90deg);
}
#Faq main .list .faq_wrap h3 a::after {
  content: "";
  border-radius: 1px;
  display: block;
  position: absolute;
  margin: auto;
  width: 25px;
  height: 3px;
  background-color: #d51c1c;
  right: -11px;
  top: 0;
  bottom: 0;
  transition: 0.3s;
  transform: rotate(-90deg);
}
#Faq main .list .faq_wrap h3 a.open::after {
  transform: rotate(0deg);
}
#Faq main .list .faq_wrap .answer {
  border-top: 1px solid #ebf1f7;
  display: flex;
  padding-top: 18px;
  padding-bottom: 18px;
  position: relative;
}
#Faq main .list .faq_wrap .answer::before {
  content: "A";
  background-color: #d51c1c;
  border-radius: 8px;
  color: #fff;
  display: inline-block;
  font-family: "Jost";
  font-weight: 700;
  font-size: 24px;
  line-height: 40px;
  height: 40px;
  max-width: 40px;
  width: 100%;
  text-align: center;
  vertical-align: middle;
  margin-right: 12px;
}
#Faq main .list .faq_wrap .answer li {
  margin-bottom: 18px;
  line-height: 1.8;
}
#Faq main .list .faq_wrap .answer li span {
  font-weight: 700;
  display: block;
}
#Faq main .list .faq_wrap .answer li:last-child {
  margin-bottom: 0;
}
#Faq main .list .faq_wrap .answer li dl {
  display: flex;
}
#Faq main .list .faq_wrap .answer li dl dt {
  padding: 15px 10px;
  background-color: #ebf1f7;
  max-width: 120px;
  margin-bottom: 3px;
  width: 100%;
}
#Faq main .list .faq_wrap .answer li dl dd {
  padding: 15px 10px;
}
#Faq main .list .faq_wrap .answer p a {
  color: #0d6eb8;
  font-weight: 700;
  text-decoration: underline;
}
#Faq main .list .faq_wrap .answer p :hover {
  transition: 0.5s;
  opacity: 0.7;
}
#Faq main .list .faq_wrap .slide_wrap {
  display: none;
}

/*==================================
  Sale
==================================*/
#Sale main {
  margin-bottom: 120px;
}
#Sale main .pan li:nth-child(2) {
  position: relative;
}
#Sale main .pan li:nth-child(2)::after {
  content: "";
  position: absolute;
  right: -12px;
  top: 50%;
  clip-path: polygon(50% 0, 100% 50%, 50% 100%);
  background-color: #0d6eb8;
  width: 10px;
  height: 6px;
  margin-top: -2px;
}
#Sale main .lead_sec {
  margin-top: 85px;
  padding-bottom: 90px;
  text-align: center;
}
#Sale main .lead_sec h2 {
  font-size: 28px;
  color: #0d6eb8;
}
#Sale main .lead_sec p {
  margin-top: 25px;
  line-height: 1.8;
}
#Sale main .lead_sec .btn_wrap {
  padding-top: 30px;
}
#Sale main .lead_sec .btn_wrap .link_btn {
  margin: 0 auto;
}
#Sale main .list_sec .list {
  counter-reset: point 0;
}
#Sale main .list_sec .list .row {
  padding: 40px 0;
  border-bottom: 1px solid #ebf1f7;
  justify-content: space-between;
  align-items: center;
  counter-increment: point 1;
}
#Sale main .list_sec .list .row:first-of-type {
  border-top: 1px solid #ebf1f7;
}
#Sale main .list_sec .list .row .text_wrap {
  width: 48%;
}
#Sale main .list_sec .list .row .text_wrap .point {
  font-family: "Jost";
  font-weight: 700;
  color: #fff;
  background-color: #d51c1c;
  width: 81px;
  height: 26px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
#Sale main .list_sec .list .row .text_wrap .point::after {
  content: counter(point);
  margin-left: 5px;
}
#Sale main .list_sec .list .row .text_wrap .point::before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 0;
  height: 0;
  border-left: 15px solid #d51c1c;
  border-top: 13px solid transparent;
  border-bottom: 13px solid transparent;
  right: -15px;
  top: 0;
}
#Sale main .list_sec .list .row .text_wrap h3 {
  font-size: 26px;
  margin-top: 13px;
  line-height: 1.4;
}
#Sale main .list_sec .list .row .text_wrap p:not(.point) {
  margin-top: 30px;
  line-height: 1.7;
}
#Sale main .list_sec .list .row picture {
  display: block;
  width: 48%;
  border-radius: 10px;
  overflow: hidden;
}
#Sale main .list_sec .list .row.text_right {
  flex-direction: row-reverse;
}
#Sale main .lease_sec {
  padding-top: 100px;
}
#Sale main .lease_sec .container {
  max-width: 1100px;
}
#Sale main .lease_sec .lease_wrap {
  border: 3px solid #5ebf4e;
  border-radius: 10px;
  overflow: hidden;
}
#Sale main .lease_sec .ttl_lease {
  background-color: #5ebf4e;
  color: #fff;
  text-align: center;
  font-size: 28px;
  padding: 18px 10px 24px;
}
#Sale main .lease_sec .lease_contents {
  padding: 30px 5.4545454545% 35px 7.2727272727%;
}
#Sale main .lease_sec .lease_contents h3 {
  font-size: 42px;
  text-align: center;
  color: #004172;
  padding-bottom: 25px;
}
#Sale main .lease_sec .lease_contents h3 span {
  position: relative;
  display: inline-block;
  width: 288px;
  margin-left: 24px;
}
#Sale main .lease_sec .lease_contents h3 span::before, #Sale main .lease_sec .lease_contents h3 span::after {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  font-size: 42px;
  font-weight: 300;
}
#Sale main .lease_sec .lease_contents h3 span::before {
  content: "〈";
  left: -0.2em;
}
#Sale main .lease_sec .lease_contents h3 span::after {
  right: -0.2em;
  content: "〉";
}
#Sale main .lease_sec .lease_contents h3 span img {
  width: 72.815%;
  vertical-align: 0.05em;
}
#Sale main .lease_sec .lease_contents .row {
  justify-content: space-between;
}
#Sale main .lease_sec .lease_contents .row figure {
  width: 32.8253223916%;
  display: flex;
}
#Sale main .lease_sec .lease_contents .row .text_wrap {
  width: 61.5474794842%;
}
#Sale main .lease_sec .lease_contents .row .text_wrap h4 {
  font-size: 28px;
  line-height: 1.5;
  padding-bottom: 25px;
}
#Sale main.new-car .maker_wrap {
  display: block;
  width: 48%;
  border-radius: 10px;
}
#Sale main.new-car .maker_wrap .maker_list {
  border: 3px solid #1c8ad7;
  border-radius: 5px;
  text-align: center;
  box-sizing: border-box;
  padding: 15px 50px 20px;
}
#Sale main.new-car .maker_wrap .maker_list + .maker_list {
  margin-top: 10px;
}
#Sale main.new-car .maker_wrap .maker_list h4 {
  padding-bottom: 10px;
  line-height: 1;
}
#Sale main.new-car .maker_wrap .maker_list .list_logo {
  display: grid;
  gap: 15px 10px;
}
#Sale main.new-car .maker_wrap .maker_list .list_logo li {
  display: flex;
  justify-content: center;
  align-items: center;
}
#Sale main.new-car .maker_wrap .maker_list .list_logo li figure img {
  max-height: 45px;
}
#Sale main.new-car .maker_wrap .maker_list .list_logo.list_logo01 {
  grid-template-columns: 1fr 1fr 1fr 1fr;
  width: 65%;
  margin: 0 auto;
}
#Sale main.new-car .maker_wrap .maker_list .list_logo.list_logo02 {
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
}
#Sale main.used-info .sort-tabs {
  display: flex;
  gap: 15px;
  padding-bottom: 90px;
  padding-top: 80px;
}
#Sale main.used-info .sort-tabs li {
  width: 100%;
}
#Sale main.used-info .sort-tabs li a {
  display: block;
  box-sizing: border-box;
  padding: 16px 3px;
  line-height: 1;
  border-radius: 5px 5px 0 0;
  border-bottom: 3px solid #ced4df;
  width: 100%;
  text-align: center;
}
#Sale main.used-info .sort-tabs li a:hover, #Sale main.used-info .sort-tabs li a.active {
  border-bottom-color: #1c8ad7;
  background-color: #f4f7fb;
}
@media (max-width: 1054px) {
  #Sale main.used-info .sort-tabs li a {
    font-size: 15px;
  }
}
#Sale main.used-info .sort-tabs li.sale a, #Sale main.used-info .sort-tabs li.sale a:hover, #Sale main.used-info .sort-tabs li.sale a.active {
  border-bottom-color: #d5a71c;
}
#Sale main.used-info .used_list li {
  margin-bottom: 50px;
  padding-bottom: 50px;
  border-bottom: 1px solid #ebf1f7;
}
#Sale main.used-info .used_list li:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: unset;
}
#Sale main.used-info .used_list li.hide {
  display: none;
}
#Sale main.used-info .used_list li .row {
  justify-content: space-between;
}
#Sale main.used-info .used_list li > .row {
  gap: 1.6666666667%;
}
#Sale main.used-info .used_list li figure {
  width: 48.3333333333%;
}
@media (max-width: 1054px) {
  #Sale main.used-info .used_list li figure {
    width: 41.6666666667%;
  }
}
#Sale main.used-info .used_list li figure {
  padding-top: 13px;
}
#Sale main.used-info .used_list li figure a {
  display: block;
}
#Sale main.used-info .used_list li figure a img {
  border-radius: 10px;
}
#Sale main.used-info .used_list li .text_wrap {
  width: 46.6666666667%;
}
@media (max-width: 1054px) {
  #Sale main.used-info .used_list li .text_wrap {
    width: 54.1666666667%;
  }
}
#Sale main.used-info .used_list li .text_wrap strong {
  display: block;
}
#Sale main.used-info .used_list li .text_wrap .car_name {
  font-size: 28px;
}
#Sale main.used-info .used_list li .text_wrap .price_wrap {
  padding-top: 40px;
  padding-bottom: 35px;
  justify-content: left;
}
#Sale main.used-info .used_list li .text_wrap .price_wrap .price {
  width: 49%;
}
#Sale main.used-info .used_list li .text_wrap .price_wrap .price span {
  font-size: 16px;
  font-weight: 700;
  position: relative;
  display: block;
  line-height: 1;
  padding: 0 0 0 10px;
}
#Sale main.used-info .used_list li .text_wrap .price_wrap .price span::before {
  position: absolute;
  content: "";
  width: 3px;
  height: 100%;
  left: 0;
  top: 0;
}
#Sale main.used-info .used_list li .text_wrap .price_wrap .price span small {
  font-size: 12px;
  font-weight: 400;
}
#Sale main.used-info .used_list li .text_wrap .price_wrap .price strong {
  font-size: 40px;
}
#Sale main.used-info .used_list li .text_wrap .price_wrap .price strong small {
  font-size: 20px;
}
@media (max-width: 1195px) {
  #Sale main.used-info .used_list li .text_wrap .price_wrap .price strong {
    font-size: 36px;
  }
  #Sale main.used-info .used_list li .text_wrap .price_wrap .price strong small {
    font-size: 18px;
  }
}
@media (max-width: 1054px) {
  #Sale main.used-info .used_list li .text_wrap .price_wrap .price strong {
    font-size: 32px;
  }
  #Sale main.used-info .used_list li .text_wrap .price_wrap .price strong small {
    font-size: 16px;
  }
}
#Sale main.used-info .used_list li .text_wrap .price_wrap .price.price01 {
  color: #d51c1c;
}
#Sale main.used-info .used_list li .text_wrap .price_wrap .price.price01 span::before {
  background-color: #d51c1c;
}
#Sale main.used-info .used_list li .text_wrap .price_wrap .price.price02 {
  color: #6e6e6e;
}
#Sale main.used-info .used_list li .text_wrap .price_wrap .price.price02 span::before {
  background-color: #6e6e6e;
}
#Sale main.used-info .used_list li .text_wrap .data_wrap table {
  width: 100%;
}
#Sale main.used-info .used_list li .text_wrap .data_wrap table tr:not(:first-child) th,
#Sale main.used-info .used_list li .text_wrap .data_wrap table tr:not(:first-child) td {
  border-top: 1px solid #ebf1f7;
}
#Sale main.used-info .used_list li .text_wrap .data_wrap table tr:first-child th {
  border-radius: 5px 5px 0 0;
}
#Sale main.used-info .used_list li .text_wrap .data_wrap table tr:last-child th {
  border-radius: 0 0 5px 5px;
}
#Sale main.used-info .used_list li .text_wrap .data_wrap table th,
#Sale main.used-info .used_list li .text_wrap .data_wrap table td {
  font-size: 16px;
  padding: 5px 10px;
}
#Sale main.used-info .used_list li .text_wrap .data_wrap table th {
  font-weight: 700;
  background-color: #f6faff;
  text-align: center;
  width: 19.6428571429%;
  white-space: nowrap;
}
#Sale main.used-info .used_list li .text_wrap .data_wrap table td {
  font-weight: 500;
}
#Sale main.used-info .used_list li .text_wrap .btn_wrap {
  padding-top: 35px;
}
#Sale main.used-info .used_list li .text_wrap .btn_wrap .link_btn {
  height: 50px;
  width: 335px;
}

/*==================================
  Sheet
==================================*/
#Sheet main .lead_sec {
  margin-top: 96px;
}
#Sheet main .lead_sec .row {
  padding: 0 0 96px;
  justify-content: space-between;
  align-items: center;
  counter-increment: point 1;
}
#Sheet main .lead_sec .row .text_wrap {
  width: 48%;
}
#Sheet main .lead_sec .row .text_wrap h2 {
  font-size: 28px;
  margin-top: 13px;
  line-height: 1.5;
  letter-spacing: 0.05em;
  color: #0d6eb8;
}
#Sheet main .lead_sec .row .text_wrap h2 span {
  display: block;
}
#Sheet main .lead_sec .row .text_wrap p:not(.point) {
  margin-top: 30px;
  line-height: 1.7;
  text-align: justify;
}
#Sheet main .lead_sec .row picture {
  display: block;
  width: 48%;
  border-radius: 10px;
  overflow: hidden;
}
#Sheet main .lead_sec .row:nth-of-type(2n) {
  flex-direction: row-reverse;
}
#Sheet main .lead_sec .row:nth-of-type(2) {
  align-items: flex-start;
}
#Sheet main .lead_sec .row:nth-of-type(5) {
  align-items: flex-end;
}
#Sheet main .lead_sec .row.pdcustom {
  padding: 36px 0;
}
#Sheet main .list_sec {
  margin-bottom: 36px;
}
#Sheet main .list_sec h3 {
  font-size: 32px;
  text-align: center;
  margin-bottom: 45px;
  letter-spacing: 0.05em;
}
#Sheet main .list_sec .list {
  margin: 0 auto 72px;
  counter-reset: point 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 1000px;
}
#Sheet main .list_sec .list .forme {
  margin: 0 auto;
  counter-reset: 0 point;
}
#Sheet main .list_sec .list .forme li {
  background: url(/images/common/bg_gry_ptn.jpg) repeat top/128px #f6faff;
  background-blend-mode: color-burn;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-size: 22px;
  margin-bottom: 12px;
  padding: 12px 36px;
  counter-increment: point 1;
}
#Sheet main .list_sec .list .forme li .point {
  background-color: #d51c1c;
  border-radius: 50%;
  margin-right: 16px;
  position: relative;
  width: 100%;
  max-width: 60px;
  height: 60px;
}
#Sheet main .list_sec .list .forme li .point small {
  font-family: "Jost";
  font-weight: 700;
  color: #fff;
  font-size: 12px;
  line-height: 1.1;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -42%);
  transform: translate(-50%, -42%);
}
#Sheet main .list_sec .list .forme li .point ::after {
  content: counter(point);
  display: block;
  font-size: 24px;
}
#Sheet main .list_sec .list .forme li strong {
  box-sizing: border-box;
  padding-right: 18px;
  width: 75%;
}
#Sheet main .list_sec .list .forme li figure {
  margin: 0 auto;
  flex-grow: 1;
  text-align: center;
}
#Sheet main .list_sec .list .forme li figure img {
  width: 100%;
}
#Sheet main .list_sec .list .forme li:nth-of-type(1) figure {
  margin: 0 auto;
}
#Sheet main .list_sec .list .forme li:nth-of-type(1) img {
  max-width: 92px;
}
#Sheet main .list_sec .list .forme li:nth-of-type(2) img {
  max-width: 120px;
}
#Sheet main .list_sec .list .forme li:nth-of-type(3) img {
  max-width: 92px;
}
#Sheet main .list_sec .list .forme li:nth-of-type(4) img {
  max-width: 64px;
}
#Sheet main .list_sec .list .works {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 48%;
}
#Sheet main .list_sec .list .works li {
  position: relative;
  width: 48%;
}
#Sheet main .list_sec .list .works li::after {
  content: "";
  background-color: #0d6eb8;
  position: absolute;
  top: 50%;
  right: -16px;
  width: 12px;
  height: 14px;
  margin-top: -7px;
  clip-path: polygon(0 0, 100% 50%, 0 100%);
}
#Sheet main .list_sec .list .works li:last-child::after {
  display: none;
}
#Sheet main .list_sec .list .works li span {
  font-family: "Jost";
  font-weight: 700;
  color: #fff;
  border-radius: 10px;
  font-size: 12px;
  height: 18px;
  line-height: 19px;
  margin-left: -40px;
  text-align: center;
  width: 80px;
  position: absolute;
  bottom: 10px;
  left: 50%;
  z-index: 1;
}
#Sheet main .list_sec .list .works li span.be {
  background-color: #484848;
}
#Sheet main .list_sec .list .works li span.af {
  background-color: #0d6eb8;
}

/*==================================
  maintenance
==================================*/
#Maintenance main {
  margin-bottom: 120px;
}
#Maintenance main .lead_sec {
  margin-top: 96px;
}
#Maintenance main .lead_sec .row {
  padding: 0 0 96px;
  justify-content: space-between;
  align-items: center;
  counter-increment: point 1;
}
#Maintenance main .lead_sec .row .text_wrap {
  width: 48%;
}
#Maintenance main .lead_sec .row .text_wrap h2 {
  font-size: 28px;
  margin-top: 13px;
  line-height: 1.5;
  letter-spacing: 0.01em;
  color: #0d6eb8;
}
#Maintenance main .lead_sec .row .text_wrap p:not(.point) {
  margin-top: 30px;
  line-height: 1.7;
  text-align: justify;
}
#Maintenance main .lead_sec .row picture {
  display: block;
  width: 48%;
  border-radius: 10px;
  overflow: hidden;
}
#Maintenance main .lead_sec .row:nth-of-type(2n) {
  flex-direction: row-reverse;
}
#Maintenance main .lead_sec .row:nth-of-type(2) {
  align-items: flex-start;
}
#Maintenance main .lead_sec .row:nth-of-type(5) {
  align-items: flex-end;
}
#Maintenance main .lead_sec .row.pdcustom {
  padding: 36px 0;
}
#Maintenance main .list_sec .list {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
#Maintenance main .list_sec .list div {
  background: url(/images/common/bg_gry_ptn.jpg) repeat top/128px #f6faff;
  background-blend-mode: color-burn;
  border-radius: 8px;
  margin-bottom: 28px;
  padding: 8px 8px 0 8px;
  width: 47.5%;
}
#Maintenance main .list_sec .list div h3 {
  background: #0d6eb8;
  border-radius: 6px;
  color: #fff;
  font-size: min(max(18px, 1rem + (1vw - 9px) * 2), 24px);
  height: 48px;
  line-height: 48px;
  text-align: center;
}
#Maintenance main .list_sec .list div p {
  padding: 0 24px;
}
#Maintenance main .list_sec .list div ul {
  border-radius: 3px;
  padding: 18px 0;
  display: flex;
  justify-content: flex-start;
}
#Maintenance main .list_sec .list div ul figure {
  width: 170px;
}

/*==================================
  nursing
==================================*/
#Nursing main {
  margin-bottom: 120px;
}
#Nursing main .lead_sec {
  margin-top: 96px;
}
#Nursing main .lead_sec .row {
  padding: 0 0 96px;
  justify-content: space-between;
  align-items: center;
  counter-increment: point 1;
}
#Nursing main .lead_sec .row .text_wrap {
  width: 48%;
}
#Nursing main .lead_sec .row .text_wrap h2 {
  font-size: 28px;
  margin-top: 13px;
  line-height: 1.5;
  letter-spacing: 0.01em;
  color: #0d6eb8;
}
#Nursing main .lead_sec .row .text_wrap p:not(.point) {
  margin-top: 30px;
  line-height: 1.7;
  text-align: justify;
}
#Nursing main .lead_sec .row picture {
  display: block;
  width: 48%;
  border-radius: 10px;
  overflow: hidden;
}
#Nursing main .lead_sec .row:nth-of-type(2n) {
  flex-direction: row-reverse;
}
#Nursing main .lead_sec .row:nth-of-type(2) {
  align-items: flex-start;
}
#Nursing main .lead_sec .row:nth-of-type(5) {
  align-items: flex-end;
}
#Nursing main .lead_sec .row.pdcustom {
  padding: 36px 0;
}
#Nursing main .list_sec {
  margin-bottom: 36px;
}
#Nursing main .list_sec h3 {
  font-size: 32px;
  text-align: center;
  margin-bottom: 45px;
  letter-spacing: 0.05em;
}
#Nursing main .list_sec .list {
  display: flex;
  justify-content: space-between;
}
#Nursing main .list_sec .list ul {
  display: flex;
  justify-content: center;
  max-width: 1200px;
  width: 100%;
  counter-reset: 0 check;
}
@media (max-width: 1100px) {
  #Nursing main .list_sec .list ul {
    flex-wrap: wrap;
  }
}
#Nursing main .list_sec .list ul li {
  background: url(/images/common/bg_gry_ptn.jpg) repeat top/128px #f6faff;
  background-blend-mode: color-burn;
  border-radius: 6px;
  display: flex;
  flex-direction: column;
  margin-right: 20px;
  padding: 18px;
  position: relative;
  width: calc(25% - 15px);
  counter-increment: check 1;
}
@media (max-width: 1100px) {
  #Nursing main .list_sec .list ul li {
    width: 44%;
    margin-bottom: 20px;
  }
  #Nursing main .list_sec .list ul li:nth-of-type(2) {
    margin-right: 0;
  }
  #Nursing main .list_sec .list ul li:nth-of-type(4) {
    margin-right: 0;
  }
}
#Nursing main .list_sec .list ul li .check {
  background-color: #d51c1c;
  border-radius: 50%;
  display: block;
  margin-right: 16px;
  position: absolute;
  width: 60px;
  height: 60px;
}
#Nursing main .list_sec .list ul li .check small {
  font-family: "Jost";
  font-weight: 700;
  color: #fff;
  font-size: 12px;
  line-height: 1.1;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -42%);
  transform: translate(-50%, -42%);
}
#Nursing main .list_sec .list ul li .check small::after {
  content: counter(check);
  font-size: 24px;
  display: block;
}
#Nursing main .list_sec .list ul li figure {
  flex-grow: 1;
}
#Nursing main .list_sec .list ul li figure img {
  display: block;
  margin: auto;
}
#Nursing main .list_sec .list ul li:nth-of-type(1) img {
  max-width: 100px;
  padding-top: 24px;
}
#Nursing main .list_sec .list ul li:nth-of-type(2) img {
  max-width: 140px;
  padding-top: 40px;
}
#Nursing main .list_sec .list ul li:nth-of-type(3) img {
  max-width: 54px;
  padding: 12px 0 10px;
}
#Nursing main .list_sec .list ul li:nth-of-type(4) img {
  max-width: 160px;
  padding-top: 54px;
}
#Nursing main .list_sec .list ul p {
  font-size: 20px;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 0.03em;
  text-align: center;
  padding-bottom: 10px;
}
#Nursing main .list_sec .list ul p .text_brk {
  display: block;
}
#Nursing main .list_sec .list ul p:nth-of-type(3) {
  padding-bottom: 0;
}
#Nursing main .list_sec .list ul:nth-child(4) {
  margin-right: 0;
}

/*==================================
  forklift
==================================*/
#Forklift main {
  margin-bottom: 120px;
}
#Forklift main .lead_sec {
  margin-top: 96px;
}
#Forklift main .lead_sec .row {
  padding: 0 0 96px;
  justify-content: space-between;
  align-items: center;
  counter-increment: point 1;
}
#Forklift main .lead_sec .row .text_wrap {
  width: 43.75%;
}
#Forklift main .lead_sec .row .text_wrap h2 {
  font-size: 28px;
  margin-top: 13px;
  line-height: 1.5;
  letter-spacing: 0.01em;
  color: #0d6eb8;
}
@media (max-width: 1040px) {
  #Forklift main .lead_sec .row .text_wrap h2 {
    font-size: 26px;
  }
}
@media (max-width: 980px) {
  #Forklift main .lead_sec .row .text_wrap h2 span {
    display: block;
  }
}
#Forklift main .lead_sec .row .text_wrap p:not(.point) {
  margin-top: 30px;
  line-height: 1.7;
  text-align: justify;
}
#Forklift main .lead_sec .row picture {
  display: block;
  width: 52.25%;
  border-radius: 10px;
  overflow: hidden;
}
#Forklift main .lead_sec .row:nth-of-type(2n) {
  flex-direction: row-reverse;
}
#Forklift main .lead_sec .row:nth-of-type(2) {
  align-items: flex-start;
}
#Forklift main .lead_sec .row:nth-of-type(5) {
  align-items: flex-end;
}
#Forklift main .lead_sec .row.pdcustom {
  padding: 36px 0;
}
#Forklift main .list_sec {
  background: url(/images/common/bg_gry_ptn.jpg) repeat top/128px #f6faff;
  background-blend-mode: color-burn;
  border-radius: 10px;
  padding: 48px;
  max-width: 1100px;
  margin: 0 auto;
}
#Forklift main .list_sec h3 {
  font-size: 32px;
  text-align: center;
  margin-bottom: 45px;
  letter-spacing: 0.05em;
}
#Forklift main .list_sec li {
  border-bottom: 1px solid #dce3e9;
  margin-bottom: 16px;
  padding-bottom: 16px;
  font-size: 18px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  position: relative;
}
#Forklift main .list_sec li::before {
  content: "";
  display: grid;
  background: url(/images/insurance/icon_check.png) no-repeat 50%/50%;
  place-content: center;
  width: 32px;
  height: 32px;
  border-radius: 5px;
  background-color: #d51c1c;
  color: #fff;
  margin-right: 17px;
}
#Forklift main .list_sec li:last-child {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}
#Forklift main .list_sec p {
  font-size: 14px;
  color: #636363;
  margin: 36px 0;
  line-height: 1.8;
}
#Forklift main .list_sec p span {
  display: block;
}
#Forklift main .list_sec .register {
  background-color: #fff;
  border: 3px solid #0d6eb8;
  border-radius: 10px;
  padding: 30px 48px;
}
#Forklift main .list_sec .register h4 {
  font-size: 24px;
  color: #0d6eb8;
  margin-bottom: 24px;
  letter-spacing: 0.05em;
  text-align: center;
}
#Forklift main .list_sec .register div {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#Forklift main .list_sec .register div p {
  color: #000;
  font-size: 16px;
  line-height: 1.7;
  margin: 0;
  padding-right: 3%;
  width: 60%;
}
#Forklift main .list_sec .register div p span {
  background-color: #fff6f6;
  border-radius: 5px;
  font-size: 15px;
  display: block;
  margin-top: 24px;
  padding: 3px 3px 3px 12px;
}
#Forklift main .list_sec .register div p span small {
  background-color: #d51c1c;
  border-radius: 50%;
  display: inline-block;
  width: 14px;
  height: 14px;
  margin-right: 6px;
}
#Forklift main .list_sec .register div picture {
  max-width: 290px;
}

/*==================================
  insurance
==================================*/
#Insurance main {
  margin-bottom: 120px;
}
#Insurance main .lead_sec {
  margin-top: 96px;
}
#Insurance main .lead_sec .row {
  padding: 0 0 96px;
  justify-content: space-between;
  align-items: center;
  counter-increment: point 1;
}
#Insurance main .lead_sec .row .text_wrap {
  width: 48%;
}
#Insurance main .lead_sec .row .text_wrap .subttl {
  color: #fff;
  background-color: #d51c1c;
  font-weight: 700;
  width: 133px;
  height: 26px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
#Insurance main .lead_sec .row .text_wrap .subttl::before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 0;
  height: 0;
  border-left: 15px solid #d51c1c;
  border-top: 13px solid transparent;
  border-bottom: 13px solid transparent;
  right: -15px;
  top: 0;
}
#Insurance main .lead_sec .row .text_wrap h2 {
  font-size: 28px;
  margin-top: 13px;
  line-height: 1.5;
  letter-spacing: 0.01em;
  color: #0d6eb8;
}
#Insurance main .lead_sec .row .text_wrap .tit_insurance {
  margin: 18px 0 8px;
}
#Insurance main .lead_sec .row .text_wrap p:not(.point) {
  margin-top: 30px;
  line-height: 1.7;
  text-align: justify;
}
#Insurance main .lead_sec .row .text_wrap ul {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
#Insurance main .lead_sec .row .text_wrap ul li {
  max-width: 240px;
  width: 100%;
}
#Insurance main .lead_sec .row .text_wrap ul li a {
  border: 1px solid #ebf1f7;
  border-radius: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 60px;
  position: relative;
}
#Insurance main .lead_sec .row .text_wrap ul li a::before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 8px;
  right: 10px;
  background: url(/images/common/icon_outlink.svg) no-repeat 0/contain;
  width: 9px;
  height: 9px;
}
#Insurance main .lead_sec .row .text_wrap ul li a img {
  width: 150px;
}
#Insurance main .lead_sec .row .text_wrap ul li :hover {
  transition: 0.5s;
  opacity: 0.75;
}
#Insurance main .lead_sec .row .text_wrap ul li:nth-of-type(1) {
  margin-right: 10px;
}
#Insurance main .lead_sec .row .text_wrap ul li:nth-of-type(2) img {
  width: 170px;
}
#Insurance main .lead_sec .row picture {
  display: block;
  width: 48%;
  border-radius: 10px;
  overflow: hidden;
}
#Insurance main .lead_sec .row:nth-of-type(2n) {
  flex-direction: row-reverse;
}
#Insurance main .lead_sec .row:nth-of-type(2) {
  align-items: flex-start;
}
#Insurance main .lead_sec .row:nth-of-type(5) {
  align-items: flex-end;
}
#Insurance main .lead_sec .row.pdcustom {
  padding: 36px 0;
}
#Insurance main .list_sec h3 {
  font-size: 32px;
  text-align: center;
  margin-bottom: 45px;
  letter-spacing: 0.05em;
}
#Insurance main .list_sec ul {
  background: url(/images/common/bg_gry_ptn.jpg) repeat top/128px #f6faff;
  background-blend-mode: color-burn;
  border: 3px solid #0d6eb8;
  border-radius: 10px;
  padding: 42px 48px;
}
#Insurance main .list_sec ul li {
  border-bottom: 1px solid #dce3e9;
  margin-bottom: 36px;
  padding-bottom: 36px;
}
#Insurance main .list_sec ul li h4 {
  font-size: 24px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 18px;
  position: relative;
}
#Insurance main .list_sec ul li h4::before {
  content: "";
  display: grid;
  background: url(/images/insurance/icon_check.png) no-repeat 50%/60%;
  place-content: center;
  width: 45px;
  height: 45px;
  border-radius: 10px;
  background-color: #d51c1c;
  color: #fff;
  margin-right: 17px;
}
#Insurance main .list_sec ul li:last-child {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}

/*==================================
  Shop
==================================*/
#Shop main {
  margin-bottom: 120px;
}
#Shop main .container {
  max-width: 1100px;
}
#Shop main .lead_sec {
  margin-top: 80px;
}
#Shop main .lead_sec .slide_contents + .slide_contents {
  padding-top: 100px;
}
#Shop main .lead_sec .swiper {
  border-radius: 10px;
}
#Shop main .lead_sec .swiper-pagination {
  bottom: -30px;
}
#Shop main .lead_sec .swiper-pagination .swiper-pagination-bullet {
  width: 18px;
  height: 18px;
  position: relative;
  background: none;
  opacity: 1;
}
#Shop main .lead_sec .swiper-pagination .swiper-pagination-bullet::before {
  content: "";
  display: inline-block;
  position: absolute;
  margin: auto;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #bbb;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  transition: 1s;
}
#Shop main .lead_sec .swiper-pagination .swiper-pagination-bullet svg {
  width: 18px;
}
#Shop main .lead_sec .swiper-pagination .swiper-pagination-bullet svg circle {
  stroke: #d51c1c;
  stroke-dasharray: 57;
  stroke-dashoffset: 57;
  fill: transparent;
  transition: 2s;
  animation: pn 2s linear forwards;
}
#Shop main .lead_sec .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
  background-color: #d51c1c;
  transition: 0s;
}
#Shop main .lead_sec .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active svg circle {
  animation: pnActive 5s linear forwards 0.4s;
}
#Shop main .lead_sec .photos {
  position: relative;
  z-index: 10;
}
#Shop main .lead_sec .text_wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 50px;
}
#Shop main .lead_sec .text_wrap h3 {
  font-size: 26px;
  width: 200px;
}
#Shop main .lead_sec .text_wrap p {
  position: relative;
  font-size: 16px;
  font-weight: 500;
  width: 100%;
  padding-left: 50px;
}
#Shop main .lead_sec .text_wrap p::before {
  position: absolute;
  content: "";
  width: 1px;
  height: 100%;
  background-color: #b5c8e1;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
#Shop main .table_sec {
  margin-top: 100px;
}
#Shop main .table_sec h2 {
  font-size: 36px;
  text-align: center;
}
#Shop main .table_sec .table_wrap {
  margin-top: 40px;
}
#Shop main .table_sec .table_wrap table {
  width: 100%;
}
#Shop main .table_sec .table_wrap table tr th, #Shop main .table_sec .table_wrap table tr td {
  padding: 20px 25px;
  box-sizing: border-box;
}
#Shop main .table_sec .table_wrap table tr th {
  width: 180px;
  background: url(/images/common/bg_gry_ptn.jpg) repeat top/128px #f6faff;
  background-blend-mode: color-burn;
}
#Shop main .table_sec .table_wrap table tr td {
  width: calc(100% - 180px);
}
#Shop main .table_sec .table_wrap table tr:not(:last-of-type) th, #Shop main .table_sec .table_wrap table tr:not(:last-of-type) td {
  border-bottom: 1px solid #ebf1f7;
}
#Shop main .table_sec .table_wrap table tr:first-of-type th {
  border-radius: 10px 10px 0 0;
}
#Shop main .table_sec .table_wrap table tr:last-of-type th {
  border-radius: 0 0 10px 10px;
}

/*==================================
  privacy
==================================*/
#Privacy main {
  margin-bottom: 120px;
}
#Privacy main .content_sec {
  margin-top: 80px;
}
#Privacy main dl {
  padding: 12px 0;
}
#Privacy main dt {
  font-weight: 700;
}

/*==================================
  Contact_reset
==================================*/
main#Contact {
  /*------ Reset CSS ------*/
}
main#Contact input {
  -webkit-appearance: none;
}
main#Contact input[type=text] {
  padding: 0;
  border: none;
  border-radius: 0;
  outline: none;
  background: none;
}
main#Contact input[type=radio] {
  opacity: 0;
  margin: 0;
  width: 0;
  height: 0;
  font-size: 0;
  line-height: 1;
}
main#Contact input[type=radio]:checked + label {
  background: #ff0000;
}
main#Contact input[type=checkbox] {
  opacity: 0;
  margin: 0;
  width: 0;
  height: 0;
  font-size: 0;
  line-height: 1;
}
main#Contact input[type=checkbox]:checked + label {
  background: #ff0000;
}
main#Contact input::placeholder {
  color: #b7b7b7;
}
main#Contact input:-ms-input-placeholder {
  color: #b7b7b7;
}
main#Contact input::-webkit-input-placeholder {
  color: #b7b7b7;
}
main#Contact button,
main#Contact input[type=button],
main#Contact input[type=submit] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 0;
  border: none;
  outline: none;
  background: transparent;
}
main#Contact textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  resize: none;
  padding: 0;
  border: 0;
  outline: none;
  background: transparent;
  border-radius: 0;
}
main#Contact select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  outline: none;
  background: transparent;
  border-radius: 0;
}
main#Contact {
  /*------ Reset END ------*/
}

/*==================================
  Contact_base
==================================*/
/* input, textarea
--------------------------------*/
/* radio_button
--------------------------------*/
main#Contact {
  /*------ Form Base ------*/
}
@keyframes onAutoFillStart {}
main#Contact span.error {
  color: #cc0303;
  display: block;
  margin: 0 0 7px 7px;
}
main#Contact input:-webkit-autofill {
  animation-name: onAutoFillStart;
  background: rgb(255, 255, 255) !important;
  transition: background-color 50000s ease-in-out 0s;
}
main#Contact input[type=text]:focus,
main#Contact input[type=email]:focus,
main#Contact input[type=tel]:focus,
main#Contact input[type=search]:focus,
main#Contact input[type=url]:focus,
main#Contact textarea:focus {
  color: #000;
  background-color: #f5f5f5;
}
main#Contact .ERR {
  color: #cc0303;
}
main#Contact input[type=text] {
  font-size: 16px;
  line-height: 1.625;
  letter-spacing: 0.03em;
  padding: 12px 21px;
  /*border: 1px solid #fff;
  background:#fff;*/
  box-sizing: border-box;
  color: #000;
  width: 100%;
}
main#Contact input[type=text].zip {
  max-width: 247px;
  width: 100%;
}
main#Contact .zip-wrap {
  background: #f5f5f5;
  display: inline-block;
  position: relative;
  max-width: 247px;
  width: 100%;
  margin-right: 3px;
}
main#Contact .zip-wrap::before {
  content: "〒";
  font-size: 18px;
  position: absolute;
  top: 0.8em;
  left: 24px;
  margin: auto;
}
main#Contact .zip-wrap input {
  padding: 12px 21px 12px 55px;
  width: 100%;
}
main#Contact input[type=button] {
  font-size: 16px;
  line-height: 1.625;
  letter-spacing: 0.03em;
  font-weight: 500;
  max-width: 140px;
  width: 100%;
  padding: 10px 19px;
  box-sizing: border-box;
  transition: all 0.3s ease;
  cursor: pointer;
  background: #1c8ad7;
  color: #fff;
}
main#Contact input[type=button]:hover {
  background: none;
}
main#Contact input[type=checkbox] + label {
  padding-left: 29px;
  position: relative;
  margin-right: 6px;
  line-height: 1.5;
  cursor: pointer;
}
main#Contact input[type=checkbox] + label a {
  background: linear-gradient(#000, #000) 0% 100%/0 1px no-repeat;
  background-size: 100% 2px;
  padding-bottom: 2px;
}
main#Contact input[type=checkbox] + label::before {
  content: "";
  display: block;
  position: absolute;
  top: 3px;
  left: 0;
  width: 22px;
  height: 22px;
  border: 3px solid #1c8ad7;
  background: #fff;
  box-sizing: border-box;
  border-radius: 5px;
}
main#Contact input[type=checkbox] + label::after {
  content: "";
  opacity: 0;
  border-right: 3px solid #d51c1c;
  border-bottom: 3px solid #d51c1c;
  display: block;
  height: 9px;
  left: 7px;
  margin-top: -6px;
  opacity: 0;
  position: absolute;
  top: 50%;
  transform: rotate(45deg);
  width: 5px;
}
main#Contact input[type=checkbox]:checked + label {
  background: none;
}
main#Contact input[type=checkbox]:checked + label::after {
  opacity: 1;
}
main#Contact input[type=radio] + label {
  padding-left: 27px;
  position: relative;
  margin-right: 27px;
  cursor: pointer;
}
main#Contact input[type=radio] + label::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 17px;
  height: 17px;
  border: 1px solid #d51c1c;
  background: #f5f5f5;
  box-sizing: border-box;
  border-radius: 50%;
}
main#Contact input[type=radio] + label::after {
  content: "";
  display: block;
  position: absolute;
  top: 4px;
  left: 4px;
  width: 9px;
  height: 9px;
  background: #d51c1c;
  border-radius: 50%;
  opacity: 0;
}
main#Contact input[type=radio]:checked + label {
  background: none;
}
main#Contact input[type=radio]:checked + label::after {
  opacity: 1;
}
main#Contact .select-box {
  overflow: hidden;
  width: 60%;
  text-align: center;
  position: relative;
  border-radius: 2px;
  background: #f5f5f5;
}
main#Contact .select-box select {
  font-size: 16px;
  color: #000;
  letter-spacing: 0.035em;
  width: 100%;
  padding-right: 1em;
  cursor: pointer;
  text-indent: 0.01px;
  text-overflow: ellipsis;
  border: none;
  outline: none;
  background: transparent;
  background-image: none;
  box-shadow: none;
  -webkit-appearance: none;
  appearance: none;
  padding: 12px 38px 12px 21px;
}
main#Contact .select-box select::-ms-expand {
  display: none;
}
main#Contact .select-box::before {
  position: absolute;
  top: 1.25em;
  right: 21px;
  width: 0;
  height: 0;
  padding: 0;
  content: "";
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #000;
  pointer-events: none;
}
main#Contact textarea {
  font-size: 16px;
  line-height: 1.625;
  letter-spacing: 0.03em;
  /*border: 1px solid #fff;
  background: #fff;*/
  box-sizing: border-box;
  width: 100%;
  padding: 12px 21px;
  min-height: 174px;
}
main#Contact textarea::placeholder {
  color: #b7b7b7;
}
main#Contact .overscroll {
  overflow-y: scroll;
  height: 237px;
  padding: 25px 21px;
  background: #f5f5f5;
}
main#Contact .overscroll ul > li {
  margin-bottom: 25px;
}
main#Contact .overscroll ul > li strong {
  font-size: 16px;
  line-height: 1.25;
  font-weight: 500;
  letter-spacing: 0.03em;
  display: block;
  margin-bottom: 5px;
  color: #000;
}
main#Contact .overscroll ul > li p {
  font-size: 14px;
  line-height: 1.42;
}
main#Contact .overscroll ul > li > ol {
  margin-top: 5px;
}
main#Contact .overscroll ul > li > ol li {
  text-indent: -1.25em;
  padding-left: 1.25em;
}
main#Contact .overscroll ul > li:first-child strong {
  margin-bottom: 20px;
}
main#Contact .overscroll ul > li:last-child {
  margin-bottom: 0;
}
main#Contact .submit_area {
  margin-top: 50px;
  padding-bottom: 120px;
  text-align: center;
}
main#Contact .submit_area span {
  font-size: 18px;
  line-height: 1.4;
  letter-spacing: 0.13em;
  color: #fff;
  width: 262px;
  background: #d51c1c;
  box-sizing: border-box;
  font-feature-settings: "palt";
  position: relative;
  display: inline-block;
  text-align: center;
  box-sizing: border-box;
  /*border: 3px solid #d51c1c;*/
  transition: all 0.3s ease;
}
main#Contact .submit_area span input[type=submit] {
  font-size: 18px;
  line-height: 1.4;
  letter-spacing: 0.13em;
  color: #fff;
  cursor: pointer;
  width: 100%;
  height: 58px;
  box-sizing: border-box;
}
main#Contact .submit_area span:hover {
  background: #d51c1c;
}
main#Contact .submit_area span:hover input[type=submit] {
  color: #fff;
}
main#Contact .submit_area ul.koumoku {
  max-width: 590px;
  margin: 20px auto 0;
}
main#Contact .submit_area ul.koumoku li {
  font-size: 18px;
  line-height: 1.4;
  letter-spacing: 0.13em;
  color: #000;
  margin: 6px;
  width: 262px;
  background: #d51c1c;
  box-sizing: border-box;
  font-feature-settings: "palt";
  position: relative;
  display: inline-block;
  text-align: center;
  box-sizing: border-box;
  /*border: 3px solid #d51c1c;*/
  transition: all 0.3s ease;
}
main#Contact .submit_area ul.koumoku li input[type=submit] {
  font-size: 18px;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 0.13em;
  color: #fff;
  cursor: pointer;
  width: 100%;
  height: 58px;
  box-sizing: border-box;
}
main#Contact .submit_area ul.koumoku li:hover {
  background: #d51c1c;
}
main#Contact .submit_area ul.koumoku li:hover input[type=submit] {
  color: #fff;
}
main#Contact .submit_area ul.koumoku li:hover svg path {
  fill: #000;
}
main#Contact .btn_back {
  margin-top: 25px;
  text-align: center;
}
main#Contact .btn_back input {
  font-size: 18px;
  line-height: 1.4;
  letter-spacing: 0.13em;
  color: #fff;
  width: 262px;
  /*background: $input_bg_color;*/
  box-sizing: border-box;
  font-feature-settings: "palt";
  position: relative;
  display: inline-block;
  text-align: center;
  box-sizing: border-box;
  /*border: 3px solid $input_border_color;*/
  transition: all 0.3s ease;
  height: 58px;
  padding: 15px 15px 14px;
}
main#Contact .contact_back {
  margin-top: 25px;
  text-align: center;
}
main#Contact .contact_back a {
  font-size: 18px;
  line-height: 1.4;
  letter-spacing: 0.13em;
  color: #fff;
  width: 262px;
  background: #f5f5f5;
  box-sizing: border-box;
  font-feature-settings: "palt";
  position: relative;
  display: inline-block;
  text-align: center;
  box-sizing: border-box;
  /*border: 3px solid $input_border_color;*/
  transition: all 0.3s ease;
  height: 58px;
  padding: 15px 15px 14px;
}
main#Contact .contact_back a:hover {
  color: #000;
  background: none;
}
main#Contact {
  /*------ Form Base END ------*/
}

/*==================================
  Contact
==================================*/
main#Contact .container {
  margin: auto;
}
main#Contact .container .agree_area {
  margin: 30px 0 0;
  text-align: center;
}
main#Contact .container .agree_area input[type=checkbox]:checked + label {
  font-weight: 700;
}
main#Contact .container .need {
  color: #cc0303;
}
main#Contact .container .con_tbl {
  display: block;
}
main#Contact .container .con_tbl ul {
  margin-bottom: 20px;
  display: flex;
  align-items: center;
  border: 3px solid #1c8ad7;
  border-radius: 8px;
  width: 100%;
}
main#Contact .container .con_tbl ul .th {
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.03em;
  display: block;
  text-align: left;
  padding: 20px;
  width: 18%;
}
main#Contact .container .con_tbl ul .td {
  display: flex;
  width: 85%;
  flex-direction: column;
}
main#Contact .container .con_tbl ul .td input[type=text] {
  width: 98%;
  margin: 1%;
}
main#Contact .container .con_tbl ul .td textarea {
  margin: 6px;
  width: 99%;
}
main#Contact .container .con_tbl .tr_ta {
  display: block;
}
main#Contact .container .con_tbl .tr_ta .th {
  width: 100%;
  padding-bottom: 12px;
  box-sizing: border-box;
}
main#Contact .container .con_tbl .tr_ta .td {
  width: 100%;
  box-sizing: border-box;
}
main#Contact .container .con_tbl .tr_ta .pd {
  padding: 12px;
}
main#Contact .container .con_tbl .brd_no {
  border: none;
}
main#Contact .container .con_tbl .brd_no .brd_set {
  width: 50%;
}
main#Contact .container .con_tbl .brd_no dl {
  display: flex;
  align-items: center;
  border: 3px solid #1c8ad7;
  border-radius: 8px;
  box-sizing: border-box;
  width: 100%;
}
main#Contact .container .con_tbl .brd_no dl .th {
  width: 35%;
}
main#Contact .container .con_tbl .brd_no dl .td {
  width: 100%;
  box-sizing: border-box;
}
main#Contact .container .con_tbl .td_ad_btn {
  width: 180px;
  height: 62px;
  margin-left: 12px;
}
main#Contact .container .con_tbl .td_ad_btn ::after {
  background: none;
}
main#Contact .container .con_tbl .td_ad_btn input {
  background: none;
  font-weight: 700;
}
main#Contact .container .con_tbl .td_ad_btn .bl {
  height: 62px;
}
main#Contact .container .submit_area span {
  width: 360px;
}
main#Contact .container .submit_area span input {
  font-weight: 700;
}
main#Contact .container .submit_area ::after {
  background: none;
}
main#Contact .container .check-list {
  padding-top: 5px;
  padding-left: 0;
}
main#Contact .container .check-list li {
  display: inline-block;
}
main#Contact .container.sfm2 td p {
  overflow-wrap: break-word;
}
main#Contact .form_wrap, main#Contact .send_comp {
  max-width: 1000px;
  margin: 80px auto 80px;
}
main#Contact .form_wrap p, main#Contact .send_comp p {
  margin-top: 0 !important;
  margin-bottom: 36px;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: 0.03em;
  font-weight: 500;
}
main#Contact .form_wrap p .red, main#Contact .send_comp p .red {
  color: #cc0303;
}
main#Contact .form_wrap .btn_top, main#Contact .send_comp .btn_top {
  background-color: #cc0303;
}
main#Contact .form_wrap .btn_top:hover, main#Contact .send_comp .btn_top:hover {
  background-color: #cc0303;
  color: #fff;
}