@media only screen and (max-width: 1199px) {
}
@media only screen and (max-width: 991px) {
}
@media only screen and (max-width: 767px) {
}
@media only screen and (max-width: 565px) {
}
@media only screen and (min-width: 566px) {
}
@media only screen and (min-width: 768px) {
}
@media only screen and (min-width: 992px) {
}
@media only screen and (min-width: 1200px) {
}
@media only screen and (max-width: 959px) {
}
@media only screen and (max-width: 767px) {
}
@media only screen and (min-width: 768px) {
}
@media only screen and (min-width: 960px) {
}
#container { min-width: 320px; margin-top: -10px; background-image: none; padding-top: 0px; }
@media only screen and (max-width: 767px) {
  #container { min-width: auto; }
}
.main_area { padding-top: 24px; padding-bottom: 48px; }
@media only screen and (min-width: 992px) {
  .main_area > .col-lg-6:first-child { display: flex !important; align-items: center; }
  .main_area > .col-lg-6:first-child .main-slider-block { width: 100%; }
}
.main_area > .col-lg-6:last-child .parts-tab-btns { margin-top: 0.5em; }
@media only screen and (max-width: 991px) {
  .main_area { padding: 0px; margin-top: 18px; }
}
.common-wrap { flex-direction: row; justify-content: center; padding: 0px; }
.main-columns .common-wrap { padding-bottom: 0px; }
.side-area { padding-left: 30px; padding-right: 0px; }
.side-area .widget-box .ttl { border-radius: 0px; }
.parts-widget-list01 { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
.main-slider-block { }
@media only screen and (max-width: 991px) {
  .main-slider-block { margin-top: 60px; }
}
@media only screen and (max-width: 767px) {
  .main-slider-block { margin-top: 70px; margin-bottom: 24px; }
}
.main-slider { position: relative; margin-top: 16px; }
.main-slider * { outline: none; }
.main-slider ul { padding: 0px; margin: 0px; }
.main-slider li { list-style: none; }
.main-slider li .item { overflow: hidden; visibility: hidden; }
.main-slider .slick-slider.slick-initialized li .item { visibility: visible; }
.main-slider li .item .image div { padding-bottom: 61%; background-repeat: no-repeat; background-position: center top; background-size: contain; }
.main-slider li.box01 .item .image div { background-image: url("../img/pc/top/22138266_s.jpg"); }
.main-slider li.box02 .item .image div { background-image: url("../img/pc/top/22093678_s.jpg"); }
.main-slider li.box03 .item .image div { background-image: url("../img/pc/top/2332017_s.jpg"); }
.main-slider li.box04 .item .image div { background-image: url("../img/pc/top/22138266_s.jpg"); }
.main-slider li .item .texts { float: right; width: 360px; padding-bottom: 40px; }
.main-slider li .item .texts .ttl { position: relative; left: -40px; width: 200px; font-size: 30px; text-align: center; color: rgb(255, 255, 255); line-height: 1.5; }
.main-slider li .item .texts .ttl > div { position: relative; display: table; width: 100%; height: 200px; z-index: 2; }
.main-slider li .item .texts .ttl > div > h2 { display: table-cell; vertical-align: middle; }
.main-slider li .item .texts .ttl small { display: block; font-size: 24px; line-height: 1.5; }
.main-slider li .item .texts .ttl span { position: relative; display: block; z-index: 2; }
.main-slider li .item .texts .ttl::before { position: absolute; top: 50%; left: 50%; display: block; content: ""; width: 140px; height: 140px; margin: -70px 0px 0px -70px; background-color: rgb(193, 33, 0); transform: rotate(45deg); z-index: 1; }
.main-slider li .item .texts .txt { padding: 20px 30px 0px; line-height: 1.5; }
@media only screen and (max-width: 991px) {
  .main-slider { margin: 70px 0px 32px; }
  .main-slider .common-wrap { padding: 0px; }
  .main-slider li .item .image { float: none; padding-left: 0px; margin-left: 0px; }
  .main-slider li .item .image > * { padding-bottom: 60%; }
  .main-slider li .item .texts { float: none; width: auto; margin-top: -50px; padding-bottom: 0px; }
  .main-slider li .item .texts .ttl { top: 0px; left: 10px; width: 100px; font-size: 15px; }
  .main-slider li .item .texts .ttl > div { height: 100px; }
  .main-slider li .item .texts .ttl small { font-size: 12px; line-height: 1.3; }
  .main-slider li .item .texts .ttl::before { width: 70px; height: 70px; margin: -35px 0px 0px -35px; }
  .main-slider li .item .texts .txt { margin-top: -20px; padding: 0px 15px 0px 90px; font-size: 11px; line-height: 1.5; }
}
.main-slider .slick-dots { position: relative; bottom: -22px; text-align: center; line-height: 0; }
.main-slider .slick-dots li { display: inline-block; margin: 0px 5px; vertical-align: top; }
.main-slider .slick-dots li button { display: block; width: 8px; height: 8px; background-color: rgb(220, 220, 220); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; cursor: pointer; outline: none; padding: 0px; appearance: none; text-indent: -9999px; border-radius: 50%; }
.main-slider .slick-dots li.slick-active button { background-color: rgb(206, 61, 61); }
@media only screen and (max-width: 767px) {
  .main-slider .slick-dots { top: 4px; padding-top: 10px; text-align: center; line-height: 0; }
  .main-slider .slick-dots li { margin: 0px 3px; }
  .main-slider .slick-dots li button { }
}
.main-slider .slick-arrow { position: absolute; bottom: 0px; width: 30px; height: 30px; background-color: transparent; background-repeat: no-repeat; background-size: contain; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; cursor: pointer; outline: none; padding: 0px; appearance: none; text-indent: -9999px; z-index: 10; margin: auto; top: 0px; }
.main-slider .slick-prev { left: 0px; background-image: url("../img/pc/page/slide_arw01.png"); filter: grayscale(1); opacity: 0.5; }
.main-slider .slick-next { right: 0px; background-image: url("../img/pc/page/slide_arw02.png"); filter: grayscale(1); opacity: 0.5; }
@media only screen and (max-width: 960px) {
  .main-slider .slick-arrow { transform: translateY(-50%); }
}
.news-area { display: none; margin-bottom: 20px; }
.news-area #NewsLine { padding: 15px; background-color: rgb(246, 246, 246); }
.news-area .inner span { display: block; font-size: 1.4rem; }
.news-area .inner a { color: rgb(83, 83, 83); text-decoration: none; }
@media only screen and (max-width: 767px) {
  .news-area .common-wrap { padding: 0px; }
  .news-area #NewsLine { padding: 10px; font-size: 11px; }
}
.news-topics { }
.news-scroll { overflow-y: auto; height: 270px; line-height: 1.5; }
.news-scroll ul { padding: 5px 0px; margin: 0px; }
.newsList li a { color: rgb(51, 51, 51); }
.news-scroll li { position: relative; display: table; width: 100%; padding: 6px; font-size: 0.875rem; list-style: none; }
.news-scroll li span { display: table-cell; vertical-align: top; }
.news-scroll li span:nth-child(1) { width: 115px; color: var(--primary-color); }
.news-scroll a:hover { text-decoration: none; opacity: 0.6; }
.news-tab { }
.news-tab h3 { margin-bottom: 0px; }
.news-tab .parts-tab-btn { border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; }
.news-tab .parts-tab-btn a { height: 36px; font-size: 0.875rem; padding: 0px 8px; min-height: 36px; }
.news-filter { text-align: left; margin: 8px 0px; position: relative; }
.news-filter-btn { padding: 2px 12px; font-size: 0.813rem; font-weight: 700; border: 1px solid rgb(236, 0, 0); border-radius: 16px; background-color: rgb(255, 255, 255); color: rgb(236, 0, 0); cursor: pointer; transition: 0.3s; position: absolute; right: 0px; top: -98px; }
.news-filter-btn:hover { opacity: 0.7; }
.news-filter-btn.active, .news-filter-btn[aria-pressed="true"] { background-color: rgb(236, 0, 0); color: rgb(255, 255, 255); }
@media only screen and (max-width: 767px) {
  .news-filter { margin: 16px 8px 8px; }
  .news-filter-btn { top: -108px; }
}
@media only screen and (max-width: 767px) {
  .news-scroll { overflow: auto; height: 290px; line-height: 1.5; }
  .news-topics { margin-bottom: 10px; }
  .news-scroll li { display: block; padding: 8px 25px 8px 10px; font-size: 0.875rem; }
  a.inm-news-list-item-link { display: grid; grid-template-columns: 100px auto auto 1fr; grid-template-rows: auto; gap: 4px 0px; margin-top: 0px; }
  .news-scroll li span { }
  .news-scroll li span:nth-child(1) { width: auto; grid-area: 1 / 1 / 2 / 2; }
  .news-scroll li span.inm-news-list-item-link-title { grid-area: 2 / 1 / 3 / 5; }
  .news-scroll li span.inm-news-list-item-link-new { grid-area: 1 / 3 / auto / 4; margin-top: -2px; }
  .news-scroll li span.inm-news-list-item-link-important { grid-area: 1 / 2 / auto / 3; margin-top: -2px; }
}
.news-topics .index-btn { position: relative; text-align: right; }
.news-topics .index-btn a { display: inline-block; padding: 10px 0px; text-align: right; text-decoration: none; margin-top: 12px; }
#pagetop { }
.index-btn a { font-size: 12px; }
.parts-arw01::before { width: 1rem; height: 1rem; margin-top: -1.4rem; border-radius: 50%; }
.parts-arw01::after { width: 0.3rem; height: 0.3rem; margin: -1.1rem 0px 0px 0.3rem; transform: rotate(45deg); }
@media only screen and (max-width: 991px) {
  .news-topics .index-btn a { padding: 8px 28px; border-radius: 30px; border: 1px solid var(--primary-color); position: inherit; display: inline-block; margin: 32px auto 0px; font-size: 0.875rem; }
  .parts-arw01 { padding-left: 0px; }
  .parts-arw01::before { display: none; }
  .parts-arw01::after { display: none; }
}
#Search-btn-Area { overflow: hidden; background-color: transparent; }
#Search-btn-Area .parts-tab-body { padding: 10px; border-radius: 8px; background-color: rgb(232, 230, 240); }
#Search-btn-Area .parts-box-btns .row > div { margin: 10px; flex-basis: calc(16.6667% - 20px); max-width: calc(16.6667% - 20px); box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 4px; border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; border-radius: 8px; }
#Search-btn-Area.small_wid .parts-box-btns .row > div { flex-basis: calc(25% - 20px); max-width: calc(25% - 20px); }
.parts-icon-btn a > * { text-align: center; align-items: center; padding: 10px 0px 0px; }
@media only screen and (max-width: 991px) {
  #Search-btn-Area .parts-box-btns .row > div, #Search-btn-Area.small_wid .parts-box-btns .row > div { flex-basis: calc(25% - 20px); max-width: calc(25% - 20px); }
}
@media only screen and (max-width: 767px) {
  #Search-btn-Area .parts-box-btns .row > div, #Search-btn-Area.small_wid .parts-box-btns .row > div { flex-basis: calc(33.3333% - 21.3333px); max-width: calc(33.3333% - 21.3333px); }
}
@media only screen and (max-width: 565px) {
  #Search-btn-Area .parts-box-btns .row > div, #Search-btn-Area.small_wid .parts-box-btns .row > div { flex-basis: calc(50% - 24px); max-width: calc(50% - 24px); }
}
#Search-btn-Area .parts-icon-btn a .ico { padding: 10px 10px 5px; top: 25%; }
#Search-btn-Area .parts-icon-btn a { padding: 15px; display: grid; place-items: center; }
#Search-btn-Area .parts-icon-btn a::before { display: none; }
.parts-icon-btn a { flex-direction: column; box-sizing: border-box; position: relative; display: flex; width: 100%; color: rgb(51, 51, 51); text-decoration: none; text-align: left; font-weight: 600; justify-content: space-around; align-items: center; }
.parts-icon-btn a > * { box-sizing: border-box; text-align: center; line-height: 1.2; padding: 0px; display: flex; flex-direction: column; }
.parts-icon-btn a::before { position: absolute; top: 50%; right: 15px; display: none; content: ""; width: 8px; height: 8px; margin-top: -5px; border-top: 2px solid rgb(221, 221, 221); border-right: 2px solid rgb(221, 221, 221); transform: rotate(45deg); }
.parts-icon-btn a .ico { padding: 5px 0px 16px; width: 100px; text-align: center; }
.parts-icon-btn a .ico img, .parts-icon-btn a .ico > svg { max-height: 60px; max-width: 100px; width: auto; height: auto; }
@media only screen and (max-width: 767px) {
  .parts-icon-btn a { }
}
#search-side-include .widget-box:nth-of-type(2) { margin-top: 50px; }
#search-side-include .side-area ul.parts-widget-list01 li { flex-basis: calc(50% - 15px); margin: 0px 0px 20px; border: 3px solid rgb(187, 187, 187); }
#search-side-include .parts-widget-list01 li a { font-weight: 700; display: block; padding: 20px 30px 20px 10px; background-color: rgb(255, 255, 255); }
#search-side-include .parts-widget-list01 li a:hover { opacity: 0.6; }
#search-side-include .parts-widget-list01 li a::before { position: absolute; top: 50%; left: auto; right: 10px; display: block; content: ""; width: 8px; height: 8px; margin-top: -5px; border-top: 2px solid rgb(204, 204, 204); border-right: 2px solid rgb(204, 204, 204); transform: rotate(45deg); }
@media only screen and (max-width: 991px) {
  .side-area { display: block; padding-left: 0px; margin-top: 50px; }
  #search-side-include .side-area ul.parts-widget-list01 { display: flex; flex-wrap: wrap; padding: 20px 0px; }
  #search-side-include .side-area ul.parts-widget-list01 li { flex-basis: calc(33.3333% - 20px); margin: 10px; }
}
@media only screen and (max-width: 767px) {
  #search-side-include .side-area ul.parts-widget-list01 li { flex-basis: calc(50% - 20px); }
}
@media only screen and (max-width: 565px) {
  #search-side-include .side-area ul.parts-widget-list01 li { flex-basis: 100%; }
}
#BannerArea01 { padding: 40px 0px; margin: 80px auto 0px; position: relative; }
#BannerArea01::before { position: absolute; top: 0px; left: 50%; display: block; content: ""; width: 150vw; height: 100%; transform: translateX(-50%); background-color: rgb(245, 245, 245); }
#BannerArea01 .parts-btn { text-align: center; margin: 10px 5px; padding: 0px; display: flex; flex-wrap: wrap; flex: 1 0 calc(20% - 10px); max-width: calc(20% - 10px); }
#BannerArea01 .parts-btn a { position: relative; overflow: hidden; z-index: 2; padding: 10px 0px; width: 100%; box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 4px; background-color: rgb(255, 255, 255); color: rgb(51, 51, 51); transition: 0.3s linear; }
#BannerArea01 .parts-btn a::after { content: ""; position: absolute; z-index: -1; top: 0px; left: -100%; width: 100%; height: 100%; transition: 0.3s linear; }
#BannerArea01 .parts-btn a:hover { color: rgb(255, 255, 255); }
#BannerArea01 .parts-btn a:hover::after { left: 0px; background-color: rgb(38, 135, 8); }
@media print, screen and (max-width: 991px) {
  #BannerArea01 .parts-btn { flex-basis: calc(33.3333% - 10px); max-width: calc(33.3333% - 10px); }
}
@media only screen and (max-width: 767px) {
  #BannerArea01 .parts-btn { flex-basis: calc(50% - 10px); max-width: calc(50% - 10px); }
}
@media only screen and (max-width: 565px) {
  #BannerArea01 .parts-btn { flex-basis: 100%; max-width: 100%; }
}
#BannerArea01 .parts-btn a:hover { text-decoration: none; }
#BannerArea01 div { margin-left: 0px; margin-right: 0px; }
#BannerArea02 { padding: 40px 0px; margin: 80px auto 0px; position: relative; }
#BannerArea02::before { position: absolute; top: 0px; left: 50%; display: block; content: ""; width: 150vw; height: 100%; transform: translateX(-50%); background-color: rgb(245, 245, 245); }
#BannerArea02 .parts-btn { text-align: center; margin: 10px 5px; padding: 0px; display: flex; flex-wrap: wrap; flex: 1 0 calc(20% - 10px); max-width: calc(20% - 10px); }
#BannerArea02 .parts-btn a { position: relative; overflow: hidden; z-index: 2; padding: 10px 0px; width: 100%; box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 4px; background-color: rgb(255, 255, 255); color: rgb(51, 51, 51); }
#BannerArea02 .parts-btn a::before, #BannerArea02 .parts-btn a::after { position: absolute; z-index: -1; display: block; content: ""; }
#BannerArea02 .parts-btn a, #BannerArea02 .parts-btn a::before, #BannerArea02 .parts-btn a::after { box-sizing: border-box; transition: 0.3s; }
#BannerArea02 .parts-btn a:hover { color: rgb(255, 255, 255); }
#BannerArea02 .parts-btn a::after { top: -100%; width: 100%; height: 100%; }
#BannerArea02 .parts-btn a:hover::after { top: 0px; background-color: rgb(38, 135, 8); }
@media print, screen and (max-width: 991px) {
  #BannerArea02 .parts-btn { flex-basis: calc(33.3333% - 10px); max-width: calc(33.3333% - 10px); }
}
@media only screen and (max-width: 767px) {
  #BannerArea02 .parts-btn { flex-basis: calc(50% - 10px); max-width: calc(50% - 10px); }
}
@media only screen and (max-width: 565px) {
  #BannerArea02 .parts-btn { flex-basis: 100%; max-width: 100%; }
}
#BannerArea02 .parts-btn a:hover { text-decoration: none; }
#BannerArea02 div { margin-left: 0px; margin-right: 0px; }
#BannerArea03 { padding: 40px 0px; margin: 24px auto 48px; position: relative; }
#BannerArea03 div { margin-left: 0px; margin-right: 0px; }
#BannerArea03::before { position: absolute; top: 0px; left: 50%; display: block; content: ""; width: 150vw; height: 100%; transform: translateX(-50%); background-color: rgb(245, 245, 235); }
#BannerArea03 .parts-btn { text-align: center; margin: 10px 16px; padding: 0px; display: flex; flex-wrap: wrap; flex: 1 0 calc(33.3333% - 32px); max-width: calc(33.3333% - 32px); }
#BannerArea03 div img {overflow: hidden;}
#BannerArea03 .parts-btn a {display: block;text-decoration: none;background-color: rgb(255, 255, 255);margin: auto;overflow: hidden;border-radius: 10px;box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 4px;}
#BannerArea03 .parts-btn a:hover { text-decoration: none; }
@media print, screen and (max-width: 991px) {
}
@media only screen and (max-width: 767px) {
  #BannerArea03 .parts-btn { flex-basis: calc(50% - 32px); max-width: calc(50% - 32px); }
}
@media only screen and (max-width: 565px) {
  #BannerArea03 .parts-btn { flex-basis: 90%; max-width: 90%; margin: 8px auto; }
}
a img.imgover2 { transition: 0.2s; }
a img.imgover2:hover {transform: scale(1.05, 1.05);transition: 0.2s;opacity: 1;}
.side-area .widget-box .ttl::before { margin: 0px; display: none; }
.side-area .widget-box .ttl > * { vertical-align: middle; }
.index-cards { margin: 0px 10px 40px; padding: 36px 24px; position: relative; }
.index-cards::before { position: absolute; top: 0px; left: 50%; display: block; content: ""; width: 150vw; height: 100%; transform: translateX(-50%); min-width: 320px; background-color: rgb(245, 245, 235); }
.index-cards .row > div { margin: 10px; flex: 1 0 calc(33.3333% - 20px); max-width: calc(33.3333% - 20px); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 8px; }
.index-cards .row > div.streched:hover { opacity: 0.7; box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 8px; }
.stretched-link::after { position: absolute; inset: 0px; z-index: 1; pointer-events: auto; content: ""; background-color: rgba(0, 0, 0, 0); }
.streched .text-link { position: relative; z-index: 2; }
.parts-arw-bdr-btn2 { text-align: center; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; background-color: rgb(255, 179, 0); color: rgb(51, 51, 51); }
.parts-arw-bdr-btn2:hover { text-decoration: none; color: rgb(51, 51, 51); }
.index-cards .card-body { display: flex; }
.card-body .list-group, .card-body .links { padding: 0px 15px; }
.card-text { }
.index-cards .card-img-top img { width: 100%; height: auto; object-fit: cover; aspect-ratio: 3 / 2; display: block; }
.index-cards .card-title { margin-bottom: 0px; }
.index-cards .card-body { display: flex; flex-wrap: wrap; }
.index-cards .card-body > div.card-img-top { }
.index-cards .card-body > div.links { display: none; }
@media only screen and (max-width: 959px) {
  .index-cards .row > div { margin: 10px; flex-basis: calc(50% - 31px); max-width: calc(50% - 31px); }
  .index-cards .card-body > div.card-img-top { height: auto; }
}
@media only screen and (max-width: 565px) {
  .index-cards .row > div { margin: 10px 20px; flex-basis: calc(100% - 40px); max-width: calc(100% - 40px); }
}
.parts-title-06 { text-align: center; }
.parts-title-06 span { display: inline-block; position: relative; text-align: center; font-weight: 700; margin-bottom: 1em; font-size: 1.5rem; }
.parts-title-06 > span::before { position: absolute; bottom: -10px; width: 100%; height: 4px; content: ""; border-radius: 3px; background: rgb(141, 192, 0); }
@media only screen and (max-width: 767px) {
  .parts-title-06 span { }
}
#BannerArea04 { padding: 40px; margin: 40px auto; position: relative; }
@media only screen and (max-width: 767px) {
  #BannerArea04 { padding: 10px; margin: 40px auto; }
}
#BannerArea04::before { position: absolute; top: 0px; left: 50%; display: block; content: ""; width: 150vw; height: 100%; transform: translateX(-50%); background-image: linear-gradient(100deg, rgb(246, 255, 227) 0px, rgb(246, 255, 227) 64%, rgb(232, 230, 240) 36%); }
#BannerArea04 .parts-btn {text-align: center;margin: 10px 4px;padding: 0px;display: flex;flex-wrap: wrap;flex: 1 0 calc(33.3333% - 8px);max-width: calc(33.3333% - 8px);position: relative;z-index: 1;}
#BannerArea04 div img { overflow: hidden; }
#BannerArea04 .parts-btn a {display: block;text-decoration: none;/* background-color: rgb(255, 255, 255); */margin: auto;overflow: hidden;}
#BannerArea04 .parts-btn a:hover { text-decoration: none; }
@media print, screen and (max-width: 991px) {
}
@media only screen and (max-width: 767px) {
  #BannerArea04 .parts-btn { flex-basis: calc(50% - 24px); max-width: calc(50% - 24px); }
}
@media only screen and (max-width: 565px) {
  #BannerArea04 .parts-btn { flex-basis: 90%; max-width: 90%; margin: 8px auto; padding: 0px 16px; }
}
.Banner_slide .slick-arrow { position: absolute; top: 0px; width: 35px; height: 35px; background-color: transparent; background-repeat: no-repeat; background-size: contain; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; cursor: pointer; outline: none; margin: auto; padding: 0px; appearance: none; text-indent: -9999px; z-index: 10; bottom: 0px; display: block !important; }
.Banner_slide .slick-prev { left: -15px; background-image: url("../img/pc/page/slide_arw01.png"); filter: grayscale(1); opacity: 0.7; }
.Banner_slide .slick-next { right: -15px; background-image: url("../img/pc/page/slide_arw02.png"); filter: grayscale(1); opacity: 0.7; }
.parts-title-07 { position: relative; margin-bottom: 10px; font-size: 1.15rem; font-weight: 700; padding-left: 10px; border-bottom: 2px dotted rgb(26, 0, 93); color: var(--primary-color); }
@media only screen and (max-width: 991px) {
  .parts-title-07 { margin-bottom: 10px; padding-bottom: 4px; line-height: 1.8; border-left-width: medium; border-left-style: none; border-left-color: currentcolor; border-top-width: medium; border-top-style: none; border-top-color: currentcolor; border-image: none 100% / 1 / 0 stretch; margin-top: 24px; }
}
.slickBtnArea { position: relative; }
.slickBtnArea button { border: 0px; cursor: pointer; padding: 0px; z-index: 1; background: none; top: 2px; right: calc(50% - 70px); outline: none; position: absolute; font-size: 1.2rem; color: rgb(153, 153, 153); }
.slickBtnArea button #startBtn { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; background: none; }
.slickBtnArea button #stopBtn { background: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; position: relative; left: 0px; }
@media only screen and (max-width: 767px) {
  .slickBtnArea button { top: -16px; bottom: 0px; }
}
.search-section { position: relative; padding-bottom: 60px; z-index: 1; padding-top: 0px; }
.search-section::before { position: absolute; top: 0px; left: 50%; display: block; content: ""; width: 150vw; height: 100%; transform: translateX(-50%); min-width: 320px; z-index: -1; }
@media only screen and (max-width: 991px) {
  .search-section { }
  .search-section::before { height: 0px; display: none; }
}
.parts-tab-btns .parts-tab-btn.on, .parts-tab-btns2 .parts-tab-btn.on { }
.parts-tab-btns .parts-tab-btn:not(.on) a, .parts-tab-btns2 .parts-tab-btn:not(.on) a { background-color: rgb(232, 230, 240); color: rgb(83, 83, 83); border-radius: 32px; }
.parts-tab-btns .parts-tab-btn:not(.on) a:hover, .parts-tab-btns2 .parts-tab-btn:not(.on) a:hover { background-color: var(--primary-color); color: rgb(255, 255, 255); text-decoration: none; }
.parts-tab-btns, .parts-tab-btns2 { margin-top: 0px; }
.swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: -5px !important; position: relative; }
.swiper-button-next::after, .swiper-button-prev::after { }
.swiper-pagination-bullet-active { background-color: rgb(229, 57, 54) !important; }
.swiper-backface-hidden .swiper-slide { }
.swiper-slide img { object-fit: cover; height: 100%; width: 100%; }
.swiper-button-next::after, .swiper-button-prev::after { color: rgb(0, 0, 0); font-size: 14px; font-weight: bold; }
.swiper-button-next, .swiper-button-prev { width: 34px; height: 34px; background: rgb(238, 238, 238); border-radius: 100%; border: 0px; top: var(--swiper-navigation-top-offset, 47%); }
@media only screen and (max-width: 767px) {
  .swiper-button-next, .swiper-button-prev { width: 28px; height: 28px; }
}
.swiper-pagination-bullet { opacity: 1; background-color: rgb(243, 227, 202); }
.swiper-pagination-bullet { width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 16px)); height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 16px)); }
.swiper-pagination-clickable .swiper-pagination-bullet { position: relative; }
.swiper-pagination-clickable .swiper-pagination-bullet::before { content: ""; position: absolute; width: 24px; height: 24px; top: -4px; left: -4px; }
.swiper-slide { padding: 2px; }
.swiper-area .swiper { aspect-ratio: 3 / 2; box-shadow: rgba(17, 17, 26, 0.08) 0px 0px 16px 3px; }
.swiper-area > .d-flex.justify-content-center { height: 32px; align-items: center; }
.swiper-area .stopbtn {cursor: pointer;z-index: 90;width: 1.4rem;height: 1.4rem;text-align: center;line-height: 1rem;color: rgb(153, 153, 153);margin-left: 20px;position: relative;font-size: 1.4rem;border: 0px;background: none;top: 5px;outline: none;}
.swiper-area .stopbtn:focus:not(:focus-visible) { outline: none; }
.swiper-area .stopbtn:focus-visible { outline: solid; }
.swiper-area .stopbtn:hover { opacity: 0.75; }
.swiper-area .stopbtn.stop::before, .swiper-area .stopbtn.start::before { position: absolute; top: 5px; left: -2px; }
.swiper-area .stopbtn.stop::before { font-family: icomoon; content: "\ea16"; }
.swiper-area .stopbtn.start::before { font-family: icomoon; content: "\ea15"; }
.swiper-button-next { right: 6px; width: 1.8rem; left: auto; height: 1.8rem !important; color: rgb(255, 255, 255) !important; }
.swiper-button-prev { right: auto; width: 1.8rem; left: 6px; height: 1.8rem !important; color: rgb(255, 255, 255) !important; }
.parts-tab-btns .parts-tab-btn.on a, .parts-tab-btns2 .parts-tab-btn.on a { text-decoration: none; background-color: rgb(26, 0, 93); border-radius: 32px; color: rgb(255, 255, 255); }
.parts-tab-btns .parts-tab-btn a::before, .parts-tab-btns2 .parts-tab-btn a::before { border-top-width: medium; border-top-style: none; border-top-color: currentcolor; }
.parts-tab-btns .parts-tab-btn:not(.on) a:hover, .parts-tab-btns2 .parts-tab-btn:not(.on) a:hover { background-color: rgb(26, 0, 93); color: rgb(255, 255, 255); text-decoration: none; }
.type02 #gnav::before { position: absolute; top: 94px; left: 50%; display: block; content: ""; width: 110vw; height: 75px; transform: translateX(-50%); }
#gnav .navs li .icon {/* margin: 6px 0px 12px; */}
#gnav .navs li .icon img { }
.search-section {
  & .parts-tab-btns .parts-tab-btn, & .parts-tab-btns2 .parts-tab-btn { border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; }
}
.index-cards::before, #BannerArea03::before { background-color: rgb(245, 245, 235); background-image: linear-gradient(100deg, rgb(232, 230, 240) 0px, rgb(232, 230, 240) 36%, rgb(246, 255, 227) 36%); }
#BannerArea03::before { background-color: rgb(245, 245, 235); }
#footer { border-top: 4px solid rgb(26, 0, 93); background-color: rgb(34, 26, 69); }
body.page-top #picup.index-cards .card-img-top img { aspect-ratio: 3 / 1; object-fit: contain; }
#fat_footer .f_footer li.parent a::before { }
#fat_footer .f_footer li.parent a { color: rgb(255, 255, 255); }
#fat_footer .fnav li a {color: rgba(255, 255, 255, 0.7);}
#fat_footer #copyright { background-color: rgb(232, 230, 240); color: rgb(17, 17, 17); }


#footer #footer2 {
	position: relative;
	padding: 15px 0;
	border-top: var(--accent-color) solid 4px;
	background-color: #f7f7f7;
}
#footer2 .fnav {
	max-width: 1200px;
	margin: 0 auto;
	font-weight: 700;
}
#footer2 .fnav ul {margin-bottom: 0;}

#footer2 .fnav li {
	display: inline-block;
	margin-right: 20px;
	line-height: 1;
}
#footer2 .fnav li a {
	display: block;
	color: #535353;
	font-size: .875rem;
	text-decoration: none;
	font-weight: 700;
	/* font-family: "Roboto Condensed", sans-serif; */
}

@media only screen and (max-width:959px) {
#footer {border-top: 0; padding-top: 0; background-color: #fff;}
#fat_footer .f_footer_wrap {display: none;}
	#footer #footer2 {
		padding: 0;
	}
	#footer2 .fsecur {
		display: none;
		width: 50px;
		margin: 0 auto 10px;
        }
	#footer2 .fnav {
    margin: 0 auto;
    padding-top: 0;
 }
    #footer2 .fnav ul {
    margin: 0 auto;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    /* flex-grow: 1; */
    }   
    
	#footer2 .fnav li {
		margin: 0;
		line-height: 1.2;
		text-align: left;
		flex-basis: 50%;
		max-width: 50%;
		border-bottom: 1px solid #ddd;
		flex-grow: 0;
	}

	#footer2 .fnav li:nth-child(2n-1) {
		border-right: 1px solid #ddd;
	}

	#footer2 .fnav li a {
		font-size: .75rem;
		padding: 1em;
		width: 100%;
		height: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	#footer2 .flogo {
		margin: 20px 10px;
		text-align: center;
	}
	#footer2 .flogo img {
		max-width: 215px;
	}
	#footer2 #copyright {
		padding: 10px 0;
		font-size: 10px;
	}
}
.inm-news-pagination-container {display:none;}