@charset "UTF-8";
/*
Theme Name:RIKYU-child
Theme URI:https://tcd-theme.com/tcd104/
Description:"RIKYU" is a template for e-commerce sites compatible with WooCommerce. You can create a stylish online store regardless of the size of your business.. If you turn off the cart function, you can also operate a simple blog site with this highly scalable theme.
Template:rikyu_tcd104
Author:TCD
Author URI:https://tcd-theme.com/
Version:1.3.2
Text Domain:tcd-rikyu
*/
/* ----------------------------------------------------------------------
 カスタムCSS
---------------------------------------------------------------------- */
body {
  font-family: "Noto Sans JP", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.splide__pagination {
  position: absolute;
  z-index: 2;
  left: 0;
  right: 0;
  margin: auto;
  bottom: 20px;
  gap: 10px;
}

.splide__pagination__page {
  display: block;
  width: 12px;
  height: 12px;
  padding: 0;
  margin: 0;
  cursor: pointer;
  background: transparent;
  border: 1px solid #fff;
  border-radius: 50%;
  transition-timing-function: ease;
  transition-duration: 0.3s;
  transition-property: background-color, border-color;
}

.splide__pagination__page.is-active {
  background: #6f8976;
}

@media screen and (max-width: 767px) {
  .p-archive03-sort-filter-item--category .p-archive03-sort-filter-item-title,
  .p-archive03-sort-filter-item--orderby .p-archive03-sort-filter-item-title {
    padding-left: 15px;
  }
}

@media screen and (max-width: 991px) {
  .p-archive03-sort-filter.orderby.category .p-archive03-sort-filter-item--orderby {
    width: 50%;
    margin-left: 0;
    order: 1;
  }
  .p-archive03-sort-filter.orderby.category .p-archive03-sort-filter-item--category:nth-child(1) {
    order: 1;
  }
  .p-archive03-sort-filter.orderby.category .p-archive03-sort-filter-item--category:nth-child(2) {
    order: 2;
    width: 100%;
  }
}

.p-drawer-menu__nav li.is-active .p-drawer-menu-toggle-button__icon:before {
  transform: inherit;
}

.p-drawer-menu__nav li.is-active > a .p-drawer-menu-toggle-button__icon:before {
  transform: rotate(90deg);
}

.p-drawer-menu__nav li.is-active > a {
  color: #fff;
}

/* @media screen and (min-width: 992px) {
  .p-drawer-menu-member__link:hover,
  .p-drawer-menu__nav li>a:hover,
  .p-global__nav>li.is-active>a,.p-global__nav>li:hover>a {
    color: #6f8976;
  }
} */
.p-drawer-menu__nav ul {
  height: inherit;
  overflow: inherit;
  transition: inherit;
  display: none;
}

/* ----------------------------------------------------------------------
NEW一覧
---------------------------------------------------------------------- */
.p-archive02-inner {
  max-width: 800px;
  margin-right: auto;
  margin-left: auto;
  width: 100%;
}

.p-archive02-s .p-archive02-item {
  line-height: 58px;
  border: 1px solid #ddd;
  border-radius: 30px;
}

.p-archive02-s .p-archive02-item + .p-archive02-item {
  margin-top: 13px;
}

.p-archive02-s .p-archive02-item-date {
  padding-right: 16px;
  font-size: 14px;
  color: #6f8976;
}

.p-archive02-s .p-archive02-item-title {
  display: inline;
  font-size: 16px;
  font-weight: 400;
}

@media (min-width: 992px) {
  .p-archive02-s .p-archive02-item-anchor .p-archive02-item-title {
    transition-timing-function: ease;
    transition-duration: 0.3s;
    transition-property: background-color, border-color, color, opacity;
  }
  .p-archive02-s .p-archive02-item-anchor:hover .p-archive02-item-title {
    color: #6f8976;
  }
  .p-archive02-s .p-archive02-item-info {
    height: 58px;
    padding: 0 34px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}

@media screen and (max-width: 991px) {
  .p-archive02-s .p-archive02-item {
    margin: -0.5em 0;
    line-height: 2;
    border-width: 0;
    border-radius: 0;
  }
  .p-archive02-s .p-archive02-item + .p-archive02-item {
    padding-top: 12px;
    margin-top: 17px;
    border-width: 1px 0 0 0;
  }
  .p-archive02-s .p-archive02-item-date {
    display: block;
    padding-right: 0;
  }
  .p-archive02-s .p-archive02-item-title {
    display: block;
    overflow: hidden;
    font-size: 14px;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}

.p-drawer-menu__nav .sub-menu > li > .sub-menu a {
  position: relative;
  padding-left: 55px;
}

.p-drawer-menu__nav .sub-menu > li > .sub-menu a::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 35px;
  margin: auto;
  width: 10px;
  height: 1px;
  background: #fff;
}

@media screen and (max-width: 767px) {
  .p-fp-slider--type2,
  .p-fp-slider--type3 {
    height: calc(100vw + 25px);
    padding-bottom: 25px;
  }
}

@media screen and (max-width: 767px) {
  .p-entry-product-images--main {
    padding-bottom: 25px;
  }
  .splide__pagination {
    bottom: 0;
  }
  .splide__pagination li button {
    border: 1px solid #6f8976;
  }
  .splide__pagination {
    gap: 12px;
  }
}

@media screen and (min-width: 768px) {
  .l-header.fixed {
    position: fixed;
    left: 0;
    top: 0;
  }
}

.p-archive03-sort-filter-item-dropdown li a {
  display: flex;
  justify-content: space-between;
}

.p-archive03-sort-filter-item-dropdown li a span.filter-toggle-button {
  width: 50px;
  position: relative;
  transition: opacity 0.2s ease;
}

.p-archive03-sort-filter-item-dropdown li a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 40px;
  line-height: inherit;
  height: auto;
  white-space: inherit;
  padding-top: 7px;
  padding-bottom: 7px;
  box-sizing: content-box;
}

.p-archive03-sort-filter-item-dropdown li a span.filter-toggle-button {
  margin-right: -20px;
  width: 40px;
  height: 40px;
  line-height: 40px;
  position: relative;
  transition: opacity 0.2s ease;
  padding: 0;
}

.p-archive03-sort-filter-item-dropdown li a span.filter-toggle-button::before,
.p-archive03-sort-filter-item-dropdown li a span.filter-toggle-button::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  background: #000;
}

.p-archive03-sort-filter-item-dropdown li a span.filter-toggle-button:before {
  width: 1px;
  height: 13px;
  transition: transform 0.2s ease;
}

.p-archive03-sort-filter-item-dropdown li a span.filter-toggle-button:after {
  width: 13px;
  height: 1px;
}

@media screen and (min-width: 768px) {
  .p-archive03-sort-filter-item-dropdown li a:hover span.filter-toggle-button::before,
  .p-archive03-sort-filter-item-dropdown li a:hover span.filter-toggle-button::after {
    background: #fff;
  }
}

.p-archive03-sort-filter-item-dropdown li.is-active a span.filter-toggle-button:before {
  transform: rotate(90deg);
}

@media screen and (min-width: 768px) {
  .p-archive03-sort-filter-item-dropdown li.is-active a span.filter-toggle-button::before,
  .p-archive03-sort-filter-item-dropdown li.is-active a span.filter-toggle-button::after {
    background: #fff;
  }
}

.js-product-archive-category .sub-menu {
  height: inherit;
  overflow: inherit;
  transition: inherit;
  display: none;
  background: #f8f8f8;
}

.js-product-archive-category .sub-menu li a {
  position: relative;
  padding-left: 55px;
}

@media screen and (max-width: 767px) {
  .js-product-archive-category .sub-menu li a {
    padding-left: 35px;
  }
}

.js-product-archive-category .sub-menu li a::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 35px;
  margin: auto;
  width: 10px;
  height: 1px;
  background: #000;
  transition: transform 0.2s ease;
}

@media screen and (max-width: 767px) {
  .js-product-archive-category .sub-menu li a::before {
    left: 20px;
    width: 8px;
  }
}

.js-product-archive-category .sub-menu li a:hover::before {
  background: #fff;
}

.p-archive03-sort-filter-item-dropdown li.is-active {
  color: inherit;
  background: inherit;
}

@media screen and (min-width: 768px) {
  .p-archive03-sort-filter-item-dropdown li.is-active:hover {
    color: #fff;
    background: var(--tcd-accent-color);
  }
}

.page-id-418 .sidebar-sub-nav .page-item-418 a,
.page-id-420 .sidebar-sub-nav .page-item-420 a,
.page-id-416 .sidebar-sub-nav .page-item-416 a,
.page-id-412 .sidebar-sub-nav .page-item-412 a,
.page-id-422 .sidebar-sub-nav .page-item-422 a,
.page-id-414 .sidebar-sub-nav .page-item-414 a,
.page-id-410 .sidebar-sub-nav .page-item-410 a,
.page-id-1859 .sidebar-sub-nav .page-item-1859 a,
.page-id-1872 .sidebar-sub-nav .page-item-1872 a,
.page-id-1866 .sidebar-sub-nav .page-item-1866 a,
.page-id-1864 .sidebar-sub-nav .page-item-1864 a,
.page-id-1861 .sidebar-sub-nav .page-item-1861 a,
.page-id-1868 .sidebar-sub-nav .page-item-1868 a,
.page-id-1870 .sidebar-sub-nav .page-item-1870 a {
  background-color: #e9f6ff;
  color: inherit !important;
  padding: 15px 20px !important;
}

.p-drawer-menu__nav ul a {
  font-size: 16px;
}

.p-single--page .p-single__content * {
  font-family: "Noto Sans JP", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.guideNav ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  list-style: none;
  margin: 0;
}

.guideNav ul li a {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.guideNav ul li a div {
  color: #333333;
}

.guideNav ul li a img {
  max-width: 200px;
}

@media screen and (max-width: 991px) {
  .guideNav ul li a img {
    width: 90%;
    margin: auto;
  }
}

@media screen and (min-width: 992px) {
  .guideNav ul {
    position: relative;
  }
  .guideNav ul li {
    width: 25%;
  }
  .guideNav ul li:nth-child(n + 5) {
    margin-top: 30px;
  }
  .guideNav ul::after {
    content: "";
    display: block;
    width: 25%;
    height: 0;
  }
}

@media screen and (max-width: 991px) {
  .guideNav ul li {
    width: 50%;
  }
  .guideNav ul li:nth-child(n + 3) {
    margin-top: 4%;
  }
}

.guideBox + .guideBox {
  margin-top: 70px;
}

@media screen and (max-width: 991px) {
  .guideBox + .guideBox {
    margin-top: 40px;
  }
}

@media screen and (max-width: 991px) {
  .guideBox:last-child {
    padding-bottom: 20px;
  }
}

.guideBox h2 {
  font-size: 20px !important;
  font-weight: 700 !important;
  margin-bottom: 15px;
  text-align: left !important;
  background: var(--tcd-accent-color);
  color: #fff;
  margin: 0 0 30px !important;
  padding: 10px 15px;
  letter-spacing: 0.1em;
}

@media screen and (max-width: 991px) {
  .guideBox h2 {
    font-size: 18px !important;
    margin: 0 0 15px !important;
  }
}

.guideBox h2 + p.t1 {
  margin-bottom: 25px;
  line-height: 1.6;
}

@media screen and (max-width: 991px) {
  .guideBox h2 + p.t1 {
    margin-bottom: 20px;
    font-size: 14px;
  }
}

.guideBox h2 + p.t2 {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 20px;
  line-height: 1.6;
}

@media screen and (max-width: 991px) {
  .guideBox h2 + p.t2 {
    margin-bottom: 15px;
    font-size: 16px;
  }
}

.guideBox .txtbox + .image {
  margin-top: 25px;
}

@media screen and (max-width: 991px) {
  .guideBox .txtbox + .image {
    margin-top: 20px;
  }
}

.guideBox .txtbox p {
  line-height: 1.6;
  margin: 0;
}

@media screen and (max-width: 991px) {
  .guideBox .txtbox p {
    font-size: 14px;
  }
}

.guideBox .txtbox p + p {
  margin-top: 25px;
}

@media screen and (max-width: 991px) {
  .guideBox .txtbox p + P {
    margin-top: 20px;
  }
}

.guideBox .txtbox a {
  color: #000 !important;
  text-decoration: underline;
}

.guideBox .txtbox a:hover {
  text-decoration: none !important;
}

.guideBox-item dt {
  margin-bottom: 15px;
  line-height: 1.6;
}

.guideBox-btn {
  margin-top: 30px;
  display: flex;
  justify-content: center;
}

.guideBox-btn a {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto;
  max-width: 300px;
  width: 70%;
  height: 60px;
  color: #fff !important;
  font-size: 20px;
  line-height: 1.4;
  font-weight: 700;
  background: #000;
  border: 1px solid #000;
  text-decoration: none !important;
  cursor: pointer;
  position: relative;
  letter-spacing: 0.1em;
}

.guideBox-btn a::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 10px;
  margin: auto;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent transparent transparent #fff;
  border-width: 6px 0px 6px 8px;
}

@media screen and (max-width: 991px) {
  .guideBox-btn a {
    font-size: 18px;
    height: 55px;
  }
}

@media screen and (min-width: 992px) {
  .guideBox-btn a {
    transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
  }
  .guideBox-btn a::after {
    transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
  }
  .guideBox-btn a:hover {
    background: #fff;
    color: #000 !important;
  }
  .guideBox-btn a:hover::after {
    border-color: transparent transparent transparent #000;
  }
}

.guideBox .flex01 {
  display: flex;
}

.guideBox .flex01 .item:nth-child(1) {
  width: 75%;
  padding-right: 40px;
}

.guideBox .flex01 .item:nth-child(2) {
  width: 25%;
}

.guideBox .cvbox {
  margin-top: 40px;
}

@media screen and (max-width: 991px) {
  .guideBox .cvbox {
    margin-top: 20px;
  }
}

.cvbox .t1 {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 10px;
}

@media screen and (max-width: 991px) {
  .cvbox .t1 {
    font-size: 18px;
    margin-bottom: 7px;
  }
}

.cvbox .txt {
  margin-bottom: 20px;
}

.cvbox-tel {
  display: flex;
  justify-content: flex-start;
}

.cvbox-tel a {
  position: relative;
  padding-left: 40px;
  text-decoration: none !important;
  line-height: 1;
  display: flex;
  align-items: center;
}

@media screen and (min-width: 992px) {
  .cvbox-tel a {
    pointer-events: none;
  }
}

@media screen and (max-width: 991px) {
  .cvbox-tel a {
    flex-direction: column;
    align-items: flex-start;
    padding-left: 30px;
  }
}

.cvbox-tel a::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 37px;
  height: 59px;
  background: url(img/guide/icon_tel.png) left center no-repeat;
  background-size: contain;
}

@media screen and (max-width: 991px) {
  .cvbox-tel a::before {
    width: 25px;
    height: 39.865px;
    bottom: inherit;
    top: -9px;
  }
}

.cvbox-tel a b {
  color: #000;
  font-size: 32px;
  font-weight: 700;
}

@media screen and (max-width: 991px) {
  .cvbox-tel a b {
    font-size: 22px;
  }
}

.cvbox-tel a span {
  color: #000;
  padding-left: 30px;
}

@media screen and (max-width: 991px) {
  .cvbox-tel a span {
    padding-left: 0;
    margin-top: 5px;
    font-size: 12px;
  }
}

.cvbox-btns ul {
  display: flex;
  list-style: none;
  margin: 20px 0 0;
  padding: 0;
}

@media screen and (max-width: 991px) {
  .cvbox-btns ul {
    justify-content: space-between;
  }
}

.cvbox-btns ul li + li {
  margin-left: 20px;
}

@media screen and (max-width: 991px) {
  .cvbox-btns ul li + li {
    margin-left: 0;
  }
}

.cvbox-btns ul li a {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  height: 55px;
  width: 100%;
  text-decoration: none !important;
  border-radius: 10px;
}

@media screen and (max-width: 991px) {
  .cvbox-btns ul li a {
    height: 45px;
  }
}

.cvbox-btns ul li a::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  right: 20px;
  width: 10px;
  height: 10px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

@media screen and (max-width: 991px) {
  .cvbox-btns ul li a::before {
    right: 15px;
    width: 8px;
    height: 8px;
  }
}

@media screen and (min-width: 992px) {
  .cvbox-btns ul li a {
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
  }
  .cvbox-btns ul li a:hover {
    opacity: 0.7;
  }
}

.cvbox-btns ul li a span {
  color: #fff;
  font-weight: 700;
  font-size: 20px;
  position: relative;
  padding-left: 55px;
  margin-left: -20px;
}

@media screen and (max-width: 991px) {
  .cvbox-btns ul li a span {
    padding-left: 40px;
    margin-left: -20px;
    font-size: 16px;
    padding-top: 0.2em;
  }
}

.cvbox-btns ul li.--calc {
  width: 300px;
}

@media screen and (max-width: 991px) {
  .cvbox-btns ul li.--calc {
    width: 53%;
  }
}

.cvbox-btns ul li.--calc a {
  background: #ff9326;
}

.cvbox-btns ul li.--calc a span::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  background: url(img/guide/icon_calc.png) left center no-repeat;
  background-size: contain;
  width: 40px;
  height: 40px;
}

@media screen and (max-width: 991px) {
  .cvbox-btns ul li.--calc a span::before {
    width: 28px;
    height: 28px;
  }
}

.cvbox-btns ul li.--mail {
  width: 220px;
}

.cvbox-btns ul li.--mail a {
  background: #559ee7;
}

@media screen and (min-width: 992px) {
  .cvbox-btns ul li.--mail a span {
    padding-left: 45px;
  }
}

@media screen and (max-width: 991px) {
  .cvbox-btns ul li.--mail {
    width: 49%;
  }
  .cvbox-btns ul li.--mail + .--line {
    width: 49% !important;
  }
}

.cvbox-btns ul li.--mail a span::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  background: url(img/guide/icon_mail.png) left center no-repeat;
  background-size: contain;
  width: 34px;
  height: 34px;
}

@media screen and (max-width: 991px) {
  .cvbox-btns ul li.--mail a span::before {
    width: 28px;
    height: 28px;
    left: -10px;
  }
}

.cvbox-btns ul li.--line {
  width: 220px;
}

@media screen and (max-width: 991px) {
  .cvbox-btns ul li.--line {
    width: 45%;
  }
}

.cvbox-btns ul li.--line a {
  background: #01b902;
}

@media screen and (max-width: 991px) {
  .cvbox-btns ul li.--line a span {
    margin-left: -30px;
  }
}

.cvbox-btns ul li.--line a span::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  background: url(img/guide/icon_line.png) left center no-repeat;
  background-size: contain;
  width: 40px;
  height: 40px;
}

@media screen and (max-width: 991px) {
  .cvbox-btns ul li.--line a span::before {
    width: 28px;
    height: 28px;
    left: -10px;
  }
}

.guideBox .image.--center {
  display: flex;
  justify-content: center;
}

@media screen and (min-width: 992px) {
  .guideBox .hover {
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
  }
  .guideBox .hover:hover {
    opacity: 0.7;
  }
}

.guideBox.--size .image {
  display: flex;
  justify-content: center;
}

@media screen and (max-width: 991px) {
  .guideBox.--size .image.--regularsize {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
  }
}

@media screen and (max-width: 991px) {
  .guideBox.--size .image.--largesize {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
  }
}

.btn_arrow {
  color: #333333 !important;
  font-size: 20px;
  font-weight: bold;
  width: 100%;
  max-width: 400px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 60px;
  border: 1px solid #dbdbdb;
  position: relative;
  text-decoration: none !important;
  position: relative;
}

.btn_arrow::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  right: 15px;
  width: 10px;
  height: 10px;
  border-top: 2px solid #333;
  border-right: 2px solid #333;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

@media screen and (max-width: 991px) {
  .btn_arrow::after {
    border-width: 1px;
    right: 10px;
    width: 8px;
    height: 8px;
  }
}

@media screen and (max-width: 991px) {
  .btn_arrow {
    font-size: 13px;
    letter-spacing: 0.01em;
    height: 50px;
  }
}

.single_contents {
  margin-top: -30px;
}

@media screen and (max-width: 991px) {
  .single_contents {
    margin-top: -25px;
  }
}

.movie_wrap {
  width: 100%;
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}

.movie_wrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.single_contents dl,
.single_contents dt,
.single_contents dd {
  margin: 0;
}

.single_contents ul,
.single_contents li {
  list-style: none;
}

@media screen and (min-width: 992px) {
  .single_contents .hover {
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
  }
  .single_contents .hover:hover {
    opacity: 0.7;
  }
}

.single_contents .leadtxt {
  margin-bottom: 50px;
}

@media screen and (max-width: 991px) {
  .single_contents .leadtxt {
    margin-bottom: 25px;
  }
}

.single_contents .leadtxt p + p {
  margin-top: 15px;
}

.single_contents .leadtxt p .t1 {
  color: #ff0000;
}

.single_contents .leadtxt .flex {
  display: flex;
}

.single_contents .leadtxt .flex .item:nth-child(1) {
  width: calc(100% - 158px);
  padding-right: 50px;
}

@media screen and (max-width: 991px) {
  .single_contents .leadtxt .flex .item:nth-child(1) {
    width: 65%;
    padding-right: 0;
  }
}

.single_contents .leadtxt .flex .item:nth-child(2) {
  width: 158px;
}

@media screen and (max-width: 991px) {
  .single_contents .leadtxt .flex .item:nth-child(2) {
    width: 35%;
    padding-left: 3%;
  }
  .single_contents .leadtxt .flex .item:nth-child(2) img {
    width: 70%;
    margin: auto;
    display: block;
  }
}

.single_contents .leadimages {
  margin-bottom: 80px;
}

@media screen and (max-width: 991px) {
  .single_contents .leadimages {
    margin-bottom: 40px;
  }
}

.single_contents .leadimages .image + .image {
  margin-top: 30px;
}

.single_contents p {
  line-height: 1.8;
  font-size: 16px;
  margin: 0;
}

@media screen and (max-width: 991px) {
  .single_contents p {
    font-size: 14px;
  }
}

.single_contents p + p {
  margin-top: 25px;
}

@media screen and (max-width: 991px) {
  .single_contents p + p {
    margin-top: 20px;
  }
}

.single_contents .bg_title,
.p-entry-product-main-content .bg_title {
  font-size: 20px !important;
  font-weight: 700 !important;
  margin-bottom: 15px;
  text-align: left !important;
  background: var(--tcd-accent-color);
  color: #fff;
  margin: 0 0 30px !important;
  padding: 10px 15px;
  letter-spacing: 0.1em;
}

@media screen and (max-width: 991px) {
  .single_contents .bg_title,
  .p-entry-product-main-content .bg_title {
    font-size: 18px !important;
    margin: 0 0 15px !important;
  }
}

.single_contents .bg_title.--youtube {
  position: relative;
  padding-left: calc(3em + 10px);
}

@media screen and (max-width: 991px) {
  .single_contents .bg_title.--youtube {
    padding-left: 50px;
  }
}

.single_contents .bg_title.--youtube::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 10px;
  margin: auto;
  background: url(img/common/icon_youtube.svg) left center no-repeat;
  background-size: contain;
  width: 50px;
  height: 100%;
}

@media screen and (max-width: 991px) {
  .single_contents .bg_title.--youtube::before {
    width: 35px;
    left: 7px;
  }
}

.single_contents .bg_title.--japan {
  position: relative;
  padding-left: 60px;
}

@media screen and (max-width: 991px) {
  .single_contents .bg_title.--japan {
    padding-left: 50px;
  }
}

.single_contents .bg_title.--japan::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 10px;
  margin: auto;
  background: url(img/about/icon_japan.png) left center no-repeat;
  background-size: contain;
  width: 40px;
  height: 100%;
}

@media screen and (max-width: 991px) {
  .single_contents .bg_title.--japan::before {
    width: 35px;
    left: 7px;
  }
}

.single_contents .border_title {
  font-size: 20px;
  font-weight: bold;
  text-align: left !important;
  margin-top: 0;
  margin-bottom: 20px;
  position: relative;
  padding: 10px 0 10px 30px;
}

@media screen and (max-width: 991px) {
  .single_contents .border_title {
    padding: 5px 0 5px 20px;
    font-size: 15px;
  }
}

.single_contents .border_title::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 8px;
  height: 100%;
  background: var(--tcd-accent-color);
}

@media screen and (max-width: 991px) {
  .single_contents .border_title::before {
    width: 5px;
  }
}

@media screen and (max-width: 991px) {
  .exampleBlk {
    padding-bottom: 30px;
  }
}

.exampleBlk-item + .exampleBlk-item {
  margin-top: 60px;
}

@media screen and (max-width: 991px) {
  .exampleBlk-item + .exampleBlk-item {
    margin-top: 35px;
  }
}

.exampleBlk-item .image + p {
  margin: 10px auto 0;
  width: 94%;
}

.sectionBlk-item + .sectionBlk-item,
.sectionBlk-item + .installationBlk-item,
.installationBlk-item + .sectionBlk-item,
.installationBlk-item + .installationBlk-item {
  margin-top: 100px;
}

@media screen and (max-width: 991px) {
  .sectionBlk-item + .sectionBlk-item,
  .sectionBlk-item + .installationBlk-item,
  .installationBlk-item + .sectionBlk-item,
  .installationBlk-item + .installationBlk-item {
    margin-top: 40px;
  }
}

.sectionBlk-item .mymap,
.installationBlk-item .mymap {
  margin-top: 30px;
  height: 400px;
}

@media screen and (max-width: 991px) {
  .sectionBlk-item .mymap,
  .installationBlk-item .mymap {
    height: 300px;
  }
}

.sectionBlk-item .mymap iframe,
.installationBlk-item .mymap iframe {
  width: 100%;
  height: 100%;
}

.sectionBlk-item .link,
.installationBlk-item .link {
  color: var(--tcd-root-font-color) !important;
  text-decoration: underline;
}

@media screen and (min-width: 992px) {
  .sectionBlk-item .link:hover,
  .installationBlk-item .link:hover {
    text-decoration: none !important;
  }
}

@media screen and (max-width: 991px) {
  .sectionBlk-item:last-child,
  .installationBlk-item:last-child {
    padding-bottom: 20px;
  }
}

.sectionBlk-item .image,
.installationBlk-item .image {
  display: flex;
  justify-content: center;
}

.sectionBlk-item p + .flex,
.sectionBlk-item p + .installationBlk-nav,
.installationBlk-item p + .flex,
.installationBlk-item p + .installationBlk-nav {
  margin-top: 30px;
}

.sectionBlk-item .flex,
.installationBlk-item .flex {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: flex-end;
}

.sectionBlk-item .flex + p,
.installationBlk-item .flex + p {
  margin-top: 30px;
}

@media screen and (min-width: 992px) {
  .sectionBlk-item .flex .item,
  .installationBlk-item .flex .item {
    width: 49%;
  }
  .sectionBlk-item .flex .item:nth-child(n + 3),
  .installationBlk-item .flex .item:nth-child(n + 3) {
    margin-top: 4%;
  }
}

@media screen and (max-width: 991px) {
  .sectionBlk-item .flex .item,
  .installationBlk-item .flex .item {
    width: 100%;
  }
  .sectionBlk-item .flex .item:not(:last-child),
  .installationBlk-item .flex .item:not(:last-child) {
    margin-bottom: 25px;
  }
}

.sectionBlk-imgbox + .sectionBlk-imgbox,
.installationBlk-imgbox + .sectionBlk-imgbox {
  margin-top: 40px;
}

.sectionBlk-imgbox dl dt,
.installationBlk-imgbox dl dt {
  margin-bottom: 15px;
  line-height: 1.6;
}

.sectionBlk-imgbox dl dd p,
.installationBlk-imgbox dl dd p {
  margin: 10px auto 0;
  width: 94%;
}

.sectionBlk-subbox + .sectionBlk-subbox,
.installationBlk-subbox + .sectionBlk-subbox {
  margin-top: 60px;
}

@media screen and (max-width: 991px) {
  .sectionBlk-subbox + .sectionBlk-subbox,
  .installationBlk-subbox + .sectionBlk-subbox {
    margin-top: 30px;
  }
}

.sectionBlk-subbox .changetxt,
.installationBlk-subbox .changetxt {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 60px;
}

@media screen and (max-width: 991px) {
  .sectionBlk-subbox .changetxt,
  .installationBlk-subbox .changetxt {
    margin-top: 30px;
  }
}

.sectionBlk-subbox .changetxt .t1,
.installationBlk-subbox .changetxt .t1 {
  font-size: 30px;
  font-weight: 600;
}

@media screen and (max-width: 991px) {
  .sectionBlk-subbox .changetxt .t1,
  .installationBlk-subbox .changetxt .t1 {
    font-size: 15px;
    margin-bottom: 5px;
  }
}

@media screen and (max-width: 991px) {
  .sectionBlk-subbox .changetxt img,
  .installationBlk-subbox .changetxt img {
    width: 50px;
  }
}

.sectionBlk-nav,
.installationBlk-nav {
  border: 1px solid #dfdfdf;
  display: flex;
  align-items: center;
  padding: 5px 20px 5px 25px;
  text-decoration: none !important;
  position: relative;
  min-height: 150px;
}

@media screen and (max-width: 991px) {
  .sectionBlk-nav,
  .installationBlk-nav {
    padding: 5px 10px 5px 15px;
  }
}

.sectionBlk-nav + .installationBlk-nav,
.installationBlk-nav + .installationBlk-nav {
  margin-top: 20px;
}

.sectionBlk-nav::after,
.installationBlk-nav::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 15px;
  margin: auto;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent transparent transparent #333;
  border-width: 10px 0px 10px 14px;
}

@media screen and (max-width: 991px) {
  .sectionBlk-nav::after,
  .installationBlk-nav::after {
    right: 10px;
    border-width: 6px 0px 6px 10px;
  }
}

.sectionBlk-nav dl,
.installationBlk-nav dl {
  width: calc(100% - 140px);
  padding: 5px 0;
  margin-bottom: 0;
}

@media screen and (max-width: 991px) {
  .sectionBlk-nav dl,
  .installationBlk-nav dl {
    width: calc(100% - 100px);
  }
}

.sectionBlk-nav dl dt,
.installationBlk-nav dl dt {
  font-size: 20px;
  color: #333333;
}

@media screen and (max-width: 991px) {
  .sectionBlk-nav dl dt,
  .installationBlk-nav dl dt {
    font-size: 14px;
  }
}

.sectionBlk-nav dl dd,
.installationBlk-nav dl dd {
  margin-bottom: 0;
}

.sectionBlk-nav dl dd p,
.installationBlk-nav dl dd p {
  margin-bottom: 0;
  color: #333;
}

@media screen and (max-width: 991px) {
  .sectionBlk-nav dl dd p,
  .installationBlk-nav dl dd p {
    font-size: 13px;
  }
}

.sectionBlk-nav dl dd p + p,
.installationBlk-nav dl dd p + p {
  margin-top: 5px;
}

.sectionBlk-nav .image,
.installationBlk-nav .image {
  width: 140px;
  display: flex;
  justify-content: center;
}

@media screen and (max-width: 991px) {
  .sectionBlk-nav .image,
  .installationBlk-nav .image {
    width: 100px;
  }
}

.sectionBlk-nav .image.--stand img,
.installationBlk-nav .image.--stand img {
  width: 57px;
}

@media screen and (max-width: 991px) {
  .sectionBlk-nav .image.--stand img,
  .installationBlk-nav .image.--stand img {
    width: 47px;
  }
}

.sectionBlk-nav .image.--caster img,
.installationBlk-nav .image.--caster img {
  width: 80px;
}

@media screen and (max-width: 991px) {
  .sectionBlk-nav .image.--caster img,
  .installationBlk-nav .image.--caster img {
    width: 70px;
  }
}

.sectionBlk-nav .image.--tension img,
.installationBlk-nav .image.--tension img {
  width: 64px;
}

@media screen and (max-width: 991px) {
  .sectionBlk-nav .image.--tension img,
  .installationBlk-nav .image.--tension img {
    width: 54px;
  }
}

.installationBlk .txt {
  padding-top: 30px;
}

.installationBlk .txt dl {
  margin-top: 35px;
}

.installationBlk .txt dl dt {
  display: table;
  background: #ff5c26;
  padding: 7px 25px;
  border-radius: 50px;
  color: #fff;
  font-weight: 700;
  line-height: 1;
  margin-bottom: 15px;
}

@media screen and (max-width: 991px) {
  .installationBlk .txt dl dt {
    font-size: 14px;
  }
}

.installationBlk .txt ul {
  margin: 0;
  padding: 0;
}

.installationBlk .txt ul li {
  position: relative;
  padding-left: 1.3em;
  line-height: 1.8;
}

@media screen and (max-width: 991px) {
  .installationBlk .txt ul li {
    font-size: 14px;
  }
}

.installationBlk .txt ul li + li {
  margin-top: 10px;
}

.installationBlk .txt ul li::before {
  content: "\02460";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}

.installationBlk .txt ul li:nth-child(1)::before {
  content: "①";
}

.installationBlk .txt ul li:nth-child(2)::before {
  content: "②";
}

.installationBlk .txt ul li:nth-child(3)::before {
  content: "③";
}

.installationBlk .txt ul li:nth-child(4)::before {
  content: "④";
}

.installationBlk .txt ul li:nth-child(5)::before {
  content: "⑤";
}

.installationBlk .txt ul li:nth-child(6)::before {
  content: "⑥";
}

.installationBlk .txt ul li:nth-child(7)::before {
  content: "⑦";
}

.installationBlk .txt ul li:nth-child(8)::before {
  content: "⑧";
}

.installationBlk .txt ul li:nth-child(9)::before {
  content: "⑨";
}

.installationBlk .txt ul li:nth-child(10)::before {
  content: "⑩";
}

@media screen and (max-width: 991px) {
  .installationBlk .images + .disp_sp {
    margin-top: 30px;
  }
}

.installationBlk .images img + img,
.installationBlk .images picture + img {
  margin-top: 30px;
}

@media screen and (max-width: 991px) {
  .installationBlk .sizeNav {
    width: 95%;
    margin: 30px auto 0;
  }
}

.installationBlk .sizeNav ul li a {
  justify-content: center;
}

.installationBlk .sizeNav ul li a span {
  padding-left: 0 !important;
}

.installationNav {
  padding-bottom: 90px;
}

@media screen and (max-width: 991px) {
  .installationNav {
    padding-bottom: 40px;
  }
}

.installationNav ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
}

@media screen and (min-width: 992px) {
  .installationNav ul {
    position: relative;
  }
  .installationNav ul li {
    width: 31%;
  }
  .installationNav ul li:nth-child(n + 4) {
    margin-top: 3.5%;
  }
  .installationNav ul::after {
    content: "";
    display: block;
    width: 31%;
    height: 0;
  }
}

@media screen and (max-width: 991px) {
  .installationNav ul li {
    width: 48%;
  }
  .installationNav ul li:nth-child(n + 3) {
    margin-top: 4%;
  }
}

.stepBox dl {
  display: flex;
  margin: 0;
  position: relative;
}

.stepBox dl:nth-child(even) dt,
.stepBox dl:nth-child(even) dd {
  background: #eaf4ff;
}

.stepBox dl:nth-child(even)::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: #fff transparent transparent transparent;
  border-width: 20px 25px 0px 25px;
}

.stepBox dl:nth-child(even)::after {
  content: "";
  position: absolute;
  bottom: -20px;
  left: 0;
  right: 0;
  margin: auto;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: #eaf4ff transparent transparent transparent;
  border-width: 20px 25px 0px 25px;
}

.stepBox dl dt,
.stepBox dl dd {
  padding: 35px 0;
  margin: 0;
}

.stepBox dl dt {
  width: 70px;
  display: flex;
  flex-direction: column;
  align-items: center;
  border-right: 3px solid #fff;
}

.stepBox dl dt > span {
  color: #2692ff;
  font-weight: 700;
  line-height: 1.5;
}

@media screen and (max-width: 991px) {
  .stepBox dl dt > span {
    font-size: 14px;
  }
}

.stepBox dl dt > span:nth-child(2) {
  font-size: 30px;
}

@media screen and (max-width: 991px) {
  .stepBox dl dt > span:nth-child(2) {
    font-size: 20px;
  }
}

.stepBox dl dd {
  width: calc(100% - 70px);
  padding-left: 22px;
}

.stepBox dl dd .t1 {
  font-size: 18px;
  font-weight: 700;
  line-height: 1.5;
}

@media screen and (max-width: 991px) {
  .stepBox dl dd .t1 {
    font-size: 14px;
  }
}

.stepBox dl dd .t1 + p {
  margin-top: 7px;
}

.stepBox dl dd a {
  display: table;
  position: relative;
  padding-left: 20px;
  color: var(--tcd-root-font-color) !important;
  text-decoration: underline;
}

@media screen and (min-width: 992px) {
  .stepBox dl dd a:hover {
    text-decoration: none !important;
  }
}

@media screen and (max-width: 991px) {
  .stepBox dl dd a {
    font-size: 14px;
  }
}

.stepBox dl dd a::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 8px;
  height: 1px;
  background: var(--tcd-root-font-color) !important;
}

.stepBox dl dd a::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  left: 3px;
  width: 5px;
  height: 5px;
  border-top: 1px solid var(--tcd-root-font-color) !important;
  border-right: 1px solid var(--tcd-root-font-color) !important;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.mirrorData {
  border: 1px solid #ebebeb;
  padding: 15px;
  display: flex;
  margin-top: 35px;
}

@media screen and (max-width: 991px) {
  .mirrorData {
    padding: 10px;
  }
}

.mirrorData + .movie_wrap {
  margin-top: 30px;
}

.mirrorData + .sectionBlk-subbox {
  margin-top: 20px;
}

.mirrorData-txt {
  padding: 10px;
  width: 60%;
}

@media screen and (max-width: 991px) {
  .mirrorData-txt {
    width: 70%;
    padding: 5px 0;
  }
}

.mirrorData-txt dl {
  display: flex;
}

.mirrorData-txt dl + dl {
  margin-top: 15px;
}

@media screen and (max-width: 991px) {
  .mirrorData-txt dl + dl {
    margin-top: 10px;
  }
}

.mirrorData-txt dl dt {
  width: 12em;
  background: #333333;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 20px;
  line-height: 2;
}

@media screen and (max-width: 991px) {
  .mirrorData-txt dl dt {
    font-size: 11px;
    width: 10em;
  }
}

.mirrorData-txt dl dd {
  width: calc(100% - 12em);
  padding-left: 20px;
  line-height: 2;
}

@media screen and (max-width: 991px) {
  .mirrorData-txt dl dd {
    width: calc(100% - 10em);
    font-size: 11px;
    padding-left: 10px;
  }
}

.mirrorData-image {
  width: 40%;
  display: flex;
  justify-content: center;
  align-items: center;
}

@media screen and (max-width: 991px) {
  .mirrorData-image {
    width: 30%;
  }
}

@media screen and (max-width: 991px) {
  .mirrorData-image.--size80 img {
    width: 60%;
    margin: auto;
    display: block;
  }
}

@media screen and (max-width: 991px) {
  .mirrorData-image.--size150 img {
    width: 80%;
    margin: auto;
    display: block;
  }
}

.faqPickup {
  background: #f6f6f6;
  padding: 30px 30px;
}

@media screen and (max-width: 991px) {
  .faqPickup {
    padding: 20px;
  }
}

.faqPickup ul {
  margin: 0;
}

.faqPickup ul li a {
  min-height: 40px;
  font-weight: bold;
  background: url(img/common/icon_q.png) left top no-repeat;
  padding-left: 55px;
  display: block;
  color: #333 !important;
  line-height: 1.7;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

@media screen and (max-width: 991px) {
  .faqPickup ul li a {
    min-height: 30px;
    background-size: 30px;
    padding-left: 45px;
    font-size: 14px;
  }
}

.faqPickup ul li + li {
  margin-top: 20px;
}

.faqNav {
  margin: 35px 0 70px;
}

@media screen and (max-width: 991px) {
  .faqNav {
    margin: 25px 0 45px;
  }
}

.faqNav ul {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
}

.faqNav ul li {
  width: 33.33333333333333%;
  border-right: 1px solid #cccccc;
}

@media screen and (max-width: 991px) {
  .faqNav ul li {
    width: 50%;
  }
}

@media screen and (min-width: 992px) {
  .faqNav ul li:nth-child(n + 4) {
    margin-top: 20px;
  }
  .faqNav ul li:first-child {
    border-left: 1px solid #cccccc;
  }
  .faqNav ul li:nth-child(3n + 1) {
    border-left: 1px solid #cccccc;
  }
}

@media screen and (max-width: 991px) {
  .faqNav ul li:nth-child(n + 3) {
    margin-top: 10px;
  }
  .faqNav ul li:first-child {
    border-left: 1px solid #cccccc;
  }
  .faqNav ul li:nth-child(2n + 1) {
    border-left: 1px solid #cccccc;
  }
}

.faqNav ul li a {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 70px;
  color: #333 !important;
  text-decoration: none !important;
  font-weight: 700;
}

@media screen and (min-width: 992px) {
  .faqNav ul li a {
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
  }
  .faqNav ul li a:hover {
    background: #f6f6f6;
  }
}

@media screen and (max-width: 991px) {
  .faqNav ul li a {
    font-size: 14px;
  }
}

.faqNav ul li a > span {
  position: relative;
  padding-bottom: 5px;
}

.faqNav ul li a > span::after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  margin: auto;
  left: 0;
  width: 8px;
  height: 8px;
  border-top: 1px solid #333;
  border-right: 1px solid #333;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}

@media screen and (max-width: 991px) {
  .faqList {
    padding-bottom: 20px;
  }
}

.sizeNav {
  margin-top: 50px;
}

@media screen and (max-width: 991px) {
  .sizeNav {
    margin-top: 30px;
  }
}

.sizeNav ul {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0;
}

.sizeNav ul li {
  list-style: none;
  width: 540px;
}

@media screen and (max-width: 991px) {
  .sizeNav ul li {
    width: 100%;
  }
}

.sizeNav ul li + li {
  margin-top: 20px;
}

@media screen and (max-width: 991px) {
  .sizeNav ul li + li {
    margin-top: 15px;
  }
}

.sizeNav ul li a {
  color: #333333 !important;
  font-size: 20px;
  font-weight: bold;
  width: 100%;
  display: flex;
  align-items: center;
  height: 80px;
  border: 1px solid #dbdbdb;
  position: relative;
  text-decoration: none !important;
  position: relative;
}

.sizeNav ul li a::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  right: 15px;
  width: 10px;
  height: 10px;
  border-top: 2px solid #333;
  border-right: 2px solid #333;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

@media screen and (max-width: 991px) {
  .sizeNav ul li a::after {
    border-width: 1px;
    right: 10px;
    width: 8px;
    height: 8px;
  }
}

@media screen and (max-width: 991px) {
  .sizeNav ul li a {
    font-size: 13px;
    letter-spacing: 0.01em;
    height: 50px;
  }
}

.sizeNav ul li a.--standup::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  background: url(img/size/bg_nav01.png) left center no-repeat;
  background-size: contain;
  width: 100px;
  height: 100%;
}

@media screen and (max-width: 991px) {
  .sizeNav ul li a.--standup::before {
    width: 80px;
  }
}

.sizeNav ul li a.--standup > span {
  padding-left: 85px;
}

@media screen and (max-width: 991px) {
  .sizeNav ul li a.--standup > span {
    padding-left: 45px;
  }
}

.sizeNav ul li a.--wall::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  background: url(img/size/bg_nav02.png) left center no-repeat;
  background-size: contain;
  width: 100px;
  height: 100%;
}

.sizeNav ul li a.--wall > span {
  padding-left: 90px;
}

@media screen and (max-width: 991px) {
  .sizeNav ul li a.--wall > span {
    padding-left: 50px;
  }
}

.sizeNav ul li a.--order {
  justify-content: center;
}

.faqBox + .faqBox {
  margin-top: 70px;
}

@media screen and (max-width: 991px) {
  .faqBox + .faqBox {
    margin-top: 50px;
  }
}

.faqBox dl {
  border-bottom: 1px solid #ccc;
}

.faqBox dl dt {
  display: flex;
  align-items: center;
  position: relative;
  padding: 20px 30px;
  cursor: pointer;
}

@media screen and (max-width: 991px) {
  .faqBox dl dt {
    padding: 15px 15px 15px 0;
  }
}

.faqBox dl dt > div {
  padding: 0 30px 0 55px;
  min-height: 40px;
  background: url(img/common/icon_q.png) left center no-repeat;
  position: relative;
  width: 100%;
  line-height: 1.6;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

@media screen and (max-width: 991px) {
  .faqBox dl dt > div {
    min-height: 30px;
    background-size: 30px;
    padding-left: 45px;
    font-size: 14px;
  }
}

.faqBox dl dt > div::after {
  content: "";
  position: absolute;
  top: -6px;
  bottom: 0;
  right: 0;
  margin: auto;
  width: 10px;
  height: 10px;
  border-top: 1px solid #333;
  border-right: 1px solid #333;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.faqBox dl dt.is_open > div::after {
  -webkit-transform: rotate(315deg);
  transform: rotate(315deg);
}

.faqBox dl dd {
  padding-left: 30px;
}

@media screen and (max-width: 991px) {
  .faqBox dl dd {
    padding-left: 0;
  }
}

.faqBox dl dd .js_ac_inner {
  padding-bottom: 20px;
}

.faqBox-bg {
  background: #f6f6f6;
  padding: 20px 30px 25px 55px;
}

@media screen and (max-width: 991px) {
  .faqBox-bg {
    padding: 20px 25px 25px 25px;
  }
}

.faqBox-link {
  display: flex;
  justify-content: flex-end;
  margin: 30px auto 0;
  text-align: center;
}

@media screen and (max-width: 991px) {
  .faqBox-link {
    margin-top: 20px;
  }
}

.faqBox-link a {
  font-size: 14px;
  font-weight: 700;
  flex-basis: auto;
  color: #333 !important;
  background: #fff;
  text-decoration: none !important;
  padding: 0 15px;
  height: 36px;
  display: flex;
  align-items: center;
  border-radius: 20px;
  line-height: 1.6;
}

@media screen and (max-width: 991px) {
  .faqBox-link a {
    font-size: 13px;
  }
}

.faqBox-link a > span {
  position: relative;
  padding-right: 20px;
}

.faqBox-link a > span::after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent transparent transparent #333;
  border-width: 5px 0px 5px 5px;
}

@media screen and (min-width: 992px) {
  .faqBox-link a {
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
  }
  .faqBox-link a > span::after {
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
  }
  .faqBox-link a:hover {
    background: #333;
    color: #fff !important;
  }
  .faqBox-link a:hover > span::after {
    border-color: transparent transparent transparent #fff;
    border-width: 5px 0px 5px 5px;
  }
}

.companyBlk {
  padding-top: 15px;
}

@media screen and (max-width: 991px) {
  .companyBlk {
    padding: 10px 0 20px;
  }
}

.companyBlk-item + .companyBlk-item {
  margin-top: 60px;
}

@media screen and (max-width: 991px) {
  .companyBlk-item + .companyBlk-item {
    margin-top: 40px;
  }
}

.companyBlk-item + .companyBlk-item#tokutei {
  margin-top: 100px;
}

@media screen and (max-width: 991px) {
  .companyBlk-item + .companyBlk-item#tokutei {
    margin-top: 50px;
  }
}

.companyBlk-item#message .flex {
  display: flex;
  justify-content: center;
  margin-top: 20px;
}

.companyBlk-item#message .flex .item + .item {
  margin-left: 45px;
}

@media screen and (max-width: 991px) {
  .companyBlk-item#message .flex .item + .item {
    margin-left: 20px;
  }
}

@media screen and (max-width: 991px) {
  .companyBlk-item#message .flex .item img {
    max-width: 110px;
  }
}

.companyBlk-item#message .flex .item > div {
  padding-top: 10px;
  text-align: center;
  line-height: 1.6;
  font-size: 14px;
}

@media screen and (max-width: 991px) {
  .companyBlk-item#message .flex .item > div {
    font-size: 13px;
    padding-top: 7px;
  }
}

.companyBlk .txtbox > dl > dt {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 10px;
}

@media screen and (max-width: 991px) {
  .companyBlk .txtbox > dl > dt {
    font-size: 17px;
  }
}

.companyBlk-tbl {
  margin-bottom: 0;
}

.companyBlk-tbl dl {
  display: flex;
}

.companyBlk-tbl dt,
.companyBlk-tbl dd {
  vertical-align: middle;
  border-bottom: 2px solid #eeeeee;
  padding: 20px 0;
  line-height: 1.6;
}

@media screen and (max-width: 991px) {
  .companyBlk-tbl dt,
  .companyBlk-tbl dd {
    font-size: 12px;
    padding: 15px 0;
  }
}

.companyBlk-tbl dt {
  border-bottom-color: #01bff2;
  width: 25%;
  padding-left: 0;
}

@media screen and (max-width: 991px) {
  .companyBlk-tbl dt {
    width: 30%;
  }
}

.companyBlk-tbl dd {
  width: 75%;
  padding-left: 25px;
}

.companyBlk-tbl dd .fax {
  text-decoration: none !important;
  pointer-events: none;
}

@media screen and (max-width: 991px) {
  .companyBlk-tbl dd {
    width: 70%;
    padding-left: 10px;
  }
}

.companyBlk-tbl dd a {
  text-decoration: underline;
  color: #333 !important;
}

@media screen and (min-width: 992px) {
  .companyBlk-tbl dd a:hover {
    text-decoration: none !important;
  }
}

.aboutLead {
  padding-top: 10px;
}

.aboutLead .flex {
  display: flex;
}

.aboutLead .flex .item:nth-child(1) {
  width: 25%;
}

.aboutLead .flex .item:nth-child(2) {
  width: 75%;
  padding-left: 50px;
}

@media screen and (max-width: 991px) {
  .aboutLead .flex .item:nth-child(2) {
    padding-left: 5px;
  }
}

.aboutLead .flex .item dl dt {
  display: flex;
  align-items: center;
}

@media screen and (max-width: 991px) {
  .aboutLead .flex .item dl dt {
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 20px;
  }
}

.aboutLead .flex .item dl dt .t1 {
  font-size: 45px;
  font-weight: 700;
}

@media screen and (max-width: 991px) {
  .aboutLead .flex .item dl dt .t1 {
    font-size: 22px;
    line-height: 1;
  }
}

.aboutLead .flex .item dl dt .t2 {
  font-size: 60px;
  color: #0059ab;
  font-weight: 700;
  padding-left: 30px;
}

@media screen and (max-width: 991px) {
  .aboutLead .flex .item dl dt .t2 {
    font-size: 30px;
    padding: 8px 0 0 0;
    line-height: 1;
    white-space: nowrap;
    letter-spacing: -0.01em;
  }
}

.aboutLead .flex .item dl dd p {
  line-height: 1.6;
}

@media screen and (max-width: 991px) {
  .aboutLead .flex .item dl dd p {
    font-size: 12px;
  }
}

.aboutLead-nav {
  padding-top: 40px;
}

.aboutLead-nav ul {
  margin: 0;
  list-style: none;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

@media screen and (min-width: 992px) {
  .aboutLead-nav ul {
    position: relative;
  }
  .aboutLead-nav ul li {
    width: 32%;
    max-width: 349px;
  }
  .aboutLead-nav ul li:nth-child(n + 4) {
    margin-top: 15px;
  }
  .aboutLead-nav ul::after {
    content: "";
    display: block;
    width: 32%;
    height: 0;
  }
}

@media screen and (max-width: 991px) {
  .aboutLead-nav ul li {
    width: 48%;
  }
  .aboutLead-nav ul li:nth-child(n + 3) {
    margin-top: 4%;
  }
}

.aboutLead-nav ul li {
  list-style: none;
}

.aboutFeature {
  margin-top: 80px;
  padding: 0 0 80px;
}

@media screen and (max-width: 991px) {
  .aboutFeature {
    padding: 0 0 50px;
    margin-top: 60px;
  }
}

.aboutFeature .bg_title {
  margin-bottom: 50px !important;
}

@media screen and (max-width: 991px) {
  .aboutFeature .bg_title {
    margin-bottom: 25px !important;
  }
}

.aboutFeature-merit {
  margin-top: 40px;
}

@media screen and (max-width: 991px) {
  .aboutFeature-merit {
    margin-top: 25px;
  }
}

@media screen and (max-width: 991px) {
  .aboutFeature-merit + .image {
    margin-top: 20px;
  }
}

.aboutFeature-merit .t1 {
  background: #ccc;
  display: table;
  padding: 5px 20px 7px;
  line-height: 1;
  color: #fff;
  font-size: 20px;
  font-weight: 700;
  text-align: center;
  border-radius: 20px;
  margin-bottom: 20px;
}

@media screen and (max-width: 991px) {
  .aboutFeature-merit .t1 {
    font-size: 15px;
    margin-bottom: 15px;
  }
}

.aboutFeature-merit .t1 + .t2 {
  margin-top: -0.3em;
}

.aboutFeature-merit .t2 + .t3 {
  margin-top: 10px;
}

.aboutFeature-merit .t3 {
  font-size: 18px;
  font-weight: 700;
  line-height: 1.6;
}

@media screen and (max-width: 991px) {
  .aboutFeature-merit .t3 {
    font-size: 14px;
  }
}

.aboutFeature-merit .t3 > div span {
  padding-right: 15px;
}

.aboutFeature-merit .t3 > div b {
  background: linear-gradient(transparent 60%, #ffff00 60%);
}

.aboutFeature-merit ul {
  margin: 0;
}

.aboutFeature-merit ul > li {
  position: relative;
  padding-left: 28px;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.6;
}

@media screen and (max-width: 991px) {
  .aboutFeature-merit ul > li {
    font-size: 14px;
    padding-left: 20px;
  }
}

.aboutFeature-merit ul > li + li {
  margin-top: 10px;
}

.aboutFeature-merit ul > li::before {
  content: "";
  position: absolute;
  display: block;
  left: 0;
  background: #ccc;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  top: 0.3em;
}

@media screen and (max-width: 991px) {
  .aboutFeature-merit ul > li::before {
    width: 12px;
    height: 12px;
  }
}

.aboutFeature-item {
  border: 3px solid #000;
  max-width: 1000px;
  width: 100%;
  margin: auto;
  padding: 30px 30px 30px 100px;
  position: relative;
}

@media screen and (max-width: 991px) {
  .aboutFeature-item {
    padding: 20px 20px 20px 45px;
    border-width: 2px;
    width: 98%;
    margin: 0 0 0 auto;
  }
}

.aboutFeature-item + .aboutFeature-item {
  margin-top: 60px;
}

@media screen and (max-width: 991px) {
  .aboutFeature-item + .aboutFeature-item {
    margin-top: 40px;
  }
}

.aboutFeature-item .no {
  position: absolute;
  left: -15px;
  top: -10px;
}

@media screen and (max-width: 991px) {
  .aboutFeature-item .no {
    width: 50px;
  }
}

.aboutFeature-item .flex {
  display: flex;
}

.aboutFeature-item .flex .item {
  width: 55%;
}

@media screen and (max-width: 991px) {
  .aboutFeature-item .flex .item {
    width: 100%;
  }
}

.aboutFeature-item .flex .item:nth-child(1) {
  padding-right: 40px;
}

@media screen and (max-width: 991px) {
  .aboutFeature-item .flex .item:nth-child(1) {
    padding-right: 0;
  }
}

.aboutFeature-item .flex .item:nth-child(2) {
  width: 45%;
  padding-top: 60px;
}

@media screen and (max-width: 991px) {
  .aboutFeature-item .flex .item:nth-child(2) {
    display: none;
  }
}

.aboutFeature-item dl dt {
  font-size: 30px;
  font-weight: 700;
  margin-bottom: 30px;
  line-height: 1.4;
}

@media screen and (max-width: 991px) {
  .aboutFeature-item dl dt {
    font-size: 20px;
    margin-bottom: 15px;
  }
}

.aboutFeature-item dl dd p + p {
  margin-top: 20px;
}

@media screen and (max-width: 991px) {
  .aboutFeature-item dl dd p + .image {
    margin-top: 20px;
  }
}

.aboutFeature-item.--no01 {
  border-color: #bfefff;
}

.aboutFeature-item.--no01 .aboutFeature-merit .t1 {
  background: #3f9fff;
}

.aboutFeature-item.--no01 .aboutFeature-merit ul > li::before {
  background: #3f9fff;
}

.aboutFeature-item.--no02 {
  border-color: #dfffbf;
}

.aboutFeature-item.--no02 .aboutFeature-merit .t1 {
  background: #36d900;
}

.aboutFeature-item.--no02 .aboutFeature-merit ul > li::before {
  background: #36d900;
}

.aboutFeature-item.--no03 {
  border-color: #ffdfbf;
}

.aboutFeature-item.--no03 .aboutFeature-merit .t1 {
  background: #ff8000;
}

.aboutFeature-item.--no03 .aboutFeature-merit ul > li::before {
  background: #ff8000;
}

@media screen and (max-width: 991px) {
  .aboutMovie .bg_title {
    font-size: 16px !important;
    white-space: nowrap;
  }
}

.aboutMovie-main {
  width: 100%;
  max-width: 958px;
  margin: auto;
}

.aboutMovie-time {
  margin-top: 20px;
}

@media screen and (max-width: 991px) {
  .aboutMovie-time {
    margin-top: 15px;
  }
}

.aboutNotuse {
  margin-top: 75px;
}

@media screen and (max-width: 991px) {
  .aboutNotuse {
    margin-top: 50px;
  }
}

.aboutNotuse .flex {
  padding-top: 20px;
  display: flex;
}

@media screen and (max-width: 991px) {
  .aboutNotuse .flex {
    flex-direction: column;
    padding-top: 0;
  }
}

.aboutNotuse .flex .item:nth-child(1) {
  width: 60%;
  padding-right: 45px;
}

@media screen and (max-width: 991px) {
  .aboutNotuse .flex .item:nth-child(1) {
    width: 100%;
    padding: 0 0 30px 0;
  }
}

.aboutNotuse .flex .item:nth-child(2) {
  width: 40%;
}

@media screen and (max-width: 991px) {
  .aboutNotuse .flex .item:nth-child(2) {
    width: 100%;
  }
  .aboutNotuse .flex .item:nth-child(2) img {
    width: 70%;
    margin: auto;
    display: block;
  }
}

.aboutNotuse .flex .item dl dt {
  font-size: 30px;
  font-weight: 700;
  margin-bottom: 10px;
}

@media screen and (max-width: 991px) {
  .aboutNotuse .flex .item dl dt {
    font-size: 17px;
  }
}

.aboutNotuse .flex .item dl dt span {
  color: #007fff;
}

.aboutNotuse .flex .item dl dd .image {
  margin-top: 20px;
}

.aboutNotuse-tbl {
  margin-top: 80px;
}

@media screen and (max-width: 991px) {
  .aboutNotuse-tbl {
    margin-top: 40px;
  }
}

.aboutNotuse-tbl dl dt {
  font-size: 35px;
  font-weight: 700;
  margin-bottom: 15px;
  text-align: center;
}

@media screen and (max-width: 991px) {
  .aboutNotuse-tbl dl dt {
    font-size: 20px;
  }
}

.aboutNotuse-tbl dl dt > span {
  background: linear-gradient(transparent 70%, #ffff00 70%);
}

.aboutNotuse-tbl dl dd .image {
  display: flex;
  justify-content: center;
}

@media screen and (max-width: 991px) {
  .aboutNotuse-tbl dl dd .image {
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
    justify-content: flex-start;
  }
  .aboutNotuse-tbl dl dd .image img {
    width: 500px;
    max-width: inherit;
  }
}

.aboutAchievements {
  margin-top: 80px;
}

@media screen and (max-width: 991px) {
  .aboutAchievements {
    margin-top: 50px;
  }
}

.aboutAchievements .flex {
  padding-top: 20px;
  display: flex;
}

@media screen and (max-width: 991px) {
  .aboutAchievements .flex {
    flex-direction: column;
    padding-top: 0;
  }
}

.aboutAchievements .flex .item:nth-child(1) {
  width: 60%;
  padding-right: 45px;
}

@media screen and (max-width: 991px) {
  .aboutAchievements .flex .item:nth-child(1) {
    width: 100%;
    padding: 0 0 30px 0;
  }
}

.aboutAchievements .flex .item:nth-child(2) {
  width: 40%;
}

@media screen and (max-width: 991px) {
  .aboutAchievements .flex .item:nth-child(2) {
    width: 100%;
  }
}

.aboutAchievements .flex .item dl {
  padding-left: 50px;
}

@media screen and (max-width: 991px) {
  .aboutAchievements .flex .item dl {
    padding-left: 0;
  }
}

.aboutAchievements .flex .item dl dt {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
}

.aboutAchievements .flex .item dl dt .t1 {
  border-radius: 50%;
  font-size: 25px;
  width: 3em;
  height: 3em;
  background: #cf1788;
  color: #fff;
  line-height: 3em;
  text-align: center;
}

@media screen and (max-width: 991px) {
  .aboutAchievements .flex .item dl dt .t1 {
    font-size: 18px;
  }
}

.aboutAchievements .flex .item dl dt .t2 {
  font-size: 30px;
  font-weight: 700;
  padding-left: 15px;
}

@media screen and (max-width: 991px) {
  .aboutAchievements .flex .item dl dt .t2 {
    font-size: 18px;
    padding-left: 10px;
  }
}

.aboutAchievements .flex .item dl dt .t2 > span {
  color: #cf1788;
}

.aboutAchievements .flex .item dl dt .t3 {
  font-weight: 500;
  padding-left: 10px;
}

@media screen and (max-width: 991px) {
  .aboutAchievements .flex .item dl dt .t3 {
    padding-left: 5px;
    font-size: 12px;
  }
}

.aboutSafe {
  margin-top: 80px;
}

@media screen and (max-width: 991px) {
  .aboutSafe {
    margin-top: 50px;
  }
}

.aboutSafe .blk01 dl dt {
  font-size: 35px;
  font-weight: 700;
  margin-bottom: 15px;
  text-align: center;
}

@media screen and (max-width: 991px) {
  .aboutSafe .blk01 dl dt {
    font-size: 20px;
  }
}

.aboutSafe .blk01 dl dt span {
  background: linear-gradient(transparent 70%, #ffff00 70%);
}

.aboutSafe .blk01 dl dd .image + p {
  margin-top: 5px;
}

@media screen and (max-width: 991px) {
  .aboutSafe .blk01 dl dd .image + p {
    line-height: 1.5;
    margin-top: 7px;
    font-size: 13px;
  }
}

.aboutSafe .blk02 {
  margin-top: 80px;
}

@media screen and (max-width: 991px) {
  .aboutSafe .blk02 {
    margin-top: 50px;
  }
}

.aboutSafe .blk02 dt {
  font-size: 35px;
  font-weight: 700;
  margin-bottom: 15px;
  text-align: center;
}

@media screen and (max-width: 991px) {
  .aboutSafe .blk02 dt {
    font-size: 20px;
    line-height: 1.6;
  }
}

.aboutSafe .blk02 dt span {
  background: linear-gradient(transparent 70%, #bfffff 70%);
}

.aboutSafe .blk02 dd p + p,
.aboutSafe .blk02 dd p + img {
  margin-top: 20px;
}

.aboutSafe .blk02 dd img + p,
.aboutSafe .blk02 dd img + img {
  margin-top: 20px;
}

.aboutSafe .blk02 .flex {
  padding-top: 20px;
  display: flex;
}

@media screen and (max-width: 991px) {
  .aboutSafe .blk02 .flex {
    flex-direction: column;
    padding-top: 0;
  }
}

.aboutSafe .blk02 .flex .item:nth-child(1) {
  width: 50%;
  padding-right: 45px;
}

@media screen and (max-width: 991px) {
  .aboutSafe .blk02 .flex .item:nth-child(1) {
    width: 100%;
    padding: 10px 0 0 0;
  }
}

.aboutSafe .blk02 .flex .item:nth-child(2) {
  width: 50%;
}

@media screen and (max-width: 991px) {
  .aboutSafe .blk02 .flex .item:nth-child(2) {
    display: none;
  }
}

.aboutFollow {
  margin-top: 80px;
}

@media screen and (max-width: 991px) {
  .aboutFollow {
    margin-top: 50px;
  }
}

.aboutFollow .blk01 dt {
  font-size: 35px;
  font-weight: 700;
  margin-bottom: 20px;
  text-align: center;
  display: flex;
  justify-content: center;
}

@media screen and (max-width: 991px) {
  .aboutFollow .blk01 dt {
    font-size: 20px;
  }
}

.aboutFollow .blk01 dt span {
  background: linear-gradient(transparent 70%, #ffff00 70%);
}

.aboutFollow .blk01 dt > div {
  position: relative;
  padding-left: 90px;
}

@media screen and (max-width: 991px) {
  .aboutFollow .blk01 dt > div {
    padding-left: 42px;
  }
}

.aboutFollow .blk01 dt > div::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  background: url(img/about/icon_japan.png) left center no-repeat;
  background-size: contain;
  width: 70px;
  height: 100%;
}

@media screen and (max-width: 991px) {
  .aboutFollow .blk01 dt > div::before {
    width: 35px;
  }
}

.aboutFollow .blk01 dd .flex {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 90%;
  margin: auto;
}

@media screen and (max-width: 991px) {
  .aboutFollow .blk01 dd .flex {
    width: 100%;
  }
}

.aboutFollow .blk01 dd .flex .item {
  border: 1px solid #ccc;
  padding: 25px;
}

@media screen and (max-width: 991px) {
  .aboutFollow .blk01 dd .flex .item {
    padding: 15px;
  }
}

.aboutFollow .blk01 dd .flex .item .t1 {
  line-height: 1.6;
  text-align: center;
  font-size: 25px;
  font-weight: 700;
  min-height: 3em;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 25px;
}

@media screen and (max-width: 991px) {
  .aboutFollow .blk01 dd .flex .item .t1 {
    font-size: 16px;
    min-height: inherit;
    margin-bottom: 15px;
  }
}

.aboutFollow .blk01 dd .flex .item .t1 span {
  color: #00a5dc;
}

.aboutFollow .blk01 dd .flex .item p {
  margin-top: 20px;
  font-size: 14px;
}

@media screen and (max-width: 991px) {
  .aboutFollow .blk01 dd .flex .item p {
    margin-top: 10px;
  }
}

@media screen and (min-width: 992px) {
  .aboutFollow .blk01 dd .flex .item {
    width: 48%;
  }
  .aboutFollow .blk01 dd .flex .item:nth-child(n + 3) {
    margin-top: 4%;
  }
}

@media screen and (max-width: 991px) {
  .aboutFollow .blk01 dd .flex .item {
    width: 100%;
  }
  .aboutFollow .blk01 dd .flex .item:not(:last-child) {
    margin-bottom: 25px;
  }
}

.aboutVoice {
  margin-top: 80px;
}

@media screen and (max-width: 991px) {
  .aboutVoice {
    margin-top: 50px;
  }
}

.aboutVoice .blk01 {
  width: 90%;
  margin: auto;
}

@media screen and (max-width: 991px) {
  .aboutVoice .blk01 {
    width: 100%;
  }
}

.aboutVoice .blk01 dt {
  font-size: 35px;
  font-weight: 700;
  margin-bottom: 20px;
  text-align: center;
}

@media screen and (max-width: 991px) {
  .aboutVoice .blk01 dt {
    font-size: 20px;
  }
}

.aboutVoice .blk01 dt span {
  background: linear-gradient(transparent 70%, #bfffff 70%);
}

.aboutVoice .blk01 dd .flex {
  display: flex;
  border: 3px solid #ccc;
  padding: 10px 0;
}

@media screen and (max-width: 991px) {
  .aboutVoice .blk01 dd .flex {
    align-items: flex-start;
    padding: 15px 0;
  }
}

.aboutVoice .blk01 dd .flex .item:nth-child(1) {
  width: 20%;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media screen and (max-width: 991px) {
  .aboutVoice .blk01 dd .flex .item:nth-child(1) {
    width: 30%;
  }
}

.aboutVoice .blk01 dd .flex .item:nth-child(1) img {
  width: 70%;
  margin: auto;
  display: block;
}

@media screen and (max-width: 991px) {
  .aboutVoice .blk01 dd .flex .item:nth-child(1) img {
    width: 80%;
  }
}

.aboutVoice .blk01 dd .flex .item:nth-child(2) {
  width: 80%;
  padding-top: 20px;
  padding-left: 10px;
}

@media screen and (max-width: 991px) {
  .aboutVoice .blk01 dd .flex .item:nth-child(2) {
    padding-top: 0;
    padding-left: 5px;
    width: 70%;
  }
}

.aboutVoice .blk01 dd .flex .item:nth-child(2) .t1 {
  font-size: 20px;
  color: #5b8dd8;
  font-weight: 700;
  margin-bottom: 10px;
  line-height: 1.4;
}

@media screen and (max-width: 991px) {
  .aboutVoice .blk01 dd .flex .item:nth-child(2) .t1 {
    font-size: 14px;
    margin-bottom: 5px;
  }
}

.aboutVoice .blk01 dd .flex .item:nth-child(2) ul {
  margin: 0;
}

.aboutVoice .blk01 dd .flex .item:nth-child(2) ul > li {
  position: relative;
  padding-left: 1.2em;
  line-height: 1.5;
}

@media screen and (max-width: 991px) {
  .aboutVoice .blk01 dd .flex .item:nth-child(2) ul > li {
    font-size: 12px;
  }
}

.aboutVoice .blk01 dd .flex .item:nth-child(2) ul > li::before {
  content: "";
  position: absolute;
  display: block;
  left: 0;
  background: #5a8cd8;
  width: 0.7em;
  height: 0.7em;
  border-radius: 50%;
  top: 0.5em;
}

.aboutVoice .blk02 {
  width: 90%;
  margin: 60px auto 0;
}

@media screen and (max-width: 991px) {
  .aboutVoice .blk02 {
    width: 100%;
  }
}

.aboutVoice .blk02 dl dt {
  font-size: 30px;
  font-weight: 700;
  text-align: center;
  line-height: 1.5;
  margin-bottom: 20px;
}

@media screen and (max-width: 991px) {
  .aboutVoice .blk02 dl dt {
    font-size: 18px;
    margin-bottom: 15px;
  }
}

.aboutVoice .blk02 dl dd p {
  text-align: center;
  margin-bottom: 20px;
}

@media screen and (max-width: 991px) {
  .aboutVoice .blk02 dl dd p {
    text-align: left;
  }
}

.aboutMethod {
  margin-top: 80px;
}

@media screen and (max-width: 991px) {
  .aboutMethod {
    margin-top: 50px;
  }
}

.aboutMethod-btn {
  display: flex;
  justify-content: center;
  margin-top: 50px;
}

@media screen and (max-width: 991px) {
  .aboutMethod-btn {
    margin-top: 35px;
  }
}

.aboutMethod .image {
  display: flex;
  justify-content: center;
  margin-top: 40px;
}

@media screen and (max-width: 991px) {
  .aboutMethod .image {
    margin-top: 35px;
  }
  .aboutMethod .image img {
    width: 80%;
    margin: auto;
    display: block;
  }
}

.aboutSize {
  margin-top: 80px;
}

@media screen and (max-width: 991px) {
  .aboutSize {
    margin-top: 50px;
  }
}

.aboutSize-btn {
  display: flex;
  justify-content: center;
  margin-top: 50px;
}

@media screen and (max-width: 991px) {
  .aboutSize-btn {
    margin-top: 35px;
  }
}

.aboutSize-wrap {
  width: 90%;
  margin: 35px auto 0;
  border: 3px solid #ccc;
  padding: 30px 35px;
}

@media screen and (max-width: 991px) {
  .aboutSize-wrap {
    width: 100%;
    padding: 15px 15px 25px 15px;
    margin-top: 20px;
  }
}

.aboutSize-wrap dl + dl {
  margin-top: 60px;
}

@media screen and (max-width: 991px) {
  .aboutSize-wrap dl + dl {
    margin-top: 40px;
  }
}

.aboutSize-wrap dl dt {
  font-size: 22px;
  font-weight: 700;
  color: #0059ab;
  margin-bottom: 15px;
  line-height: 1.5;
}

@media screen and (max-width: 991px) {
  .aboutSize-wrap dl dt {
    font-size: 15px;
  }
}

.aboutSize-wrap dl dd > p {
  width: 86%;
  margin: auto;
}

@media screen and (max-width: 991px) {
  .aboutSize-wrap dl dd > p {
    width: 100%;
  }
}

.aboutSize-wrap dl dd > p + .image {
  margin-top: 15px;
  display: flex;
  justify-content: center;
}

@media screen and (max-width: 991px) {
  .aboutSize-wrap dl dd > p + .image.--large img {
    width: 80%;
    margin: auto;
    display: block;
  }
}

.aboutSize-wrap dl dd .flex {
  display: flex;
}

@media screen and (max-width: 991px) {
  .aboutSize-wrap dl dd .flex {
    flex-direction: column;
  }
}

.aboutSize-wrap dl dd .flex .item:nth-child(1) {
  width: 70%;
  padding-right: 30px;
  padding-left: 7%;
}

@media screen and (max-width: 991px) {
  .aboutSize-wrap dl dd .flex .item:nth-child(1) {
    width: 100%;
    padding: 0;
  }
}

.aboutSize-wrap dl dd .flex .item:nth-child(2) {
  width: 30%;
}

.aboutSize-wrap dl dd .flex .item:nth-child(2) img {
  max-width: 160px;
  display: block;
  margin: -30px auto 0;
}

@media screen and (max-width: 991px) {
  .aboutSize-wrap dl dd .flex .item:nth-child(2) img {
    margin-top: 0;
    max-width: 130px;
  }
}

@media screen and (max-width: 991px) {
  .aboutSize-wrap dl dd .flex .item:nth-child(2) {
    width: 100%;
    margin-top: 20px;
  }
}

.l-footer__ad-code {
  background: #eeeeee;
  padding: 50px 0;
}

@media screen and (max-width: 991px) {
  .l-footer__ad-code {
    padding: 25px 0;
  }
}

.footCv {
  background: #fff;
  max-width: 960px;
  margin: auto;
  padding: 40px 0 40px;
}

@media screen and (max-width: 991px) {
  .footCv {
    padding: 30px 15px;
  }
}

.footCv dl,
.footCv dd,
.footCv dt {
  margin: 0;
}

.footCv dl {
  width: 84%;
  margin: auto;
  font-family: "Noto Sans JP", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

@media screen and (max-width: 991px) {
  .footCv dl {
    width: 100%;
  }
}

.footCv dl dt {
  font-size: 30px;
  font-weight: bold;
  margin-bottom: 15px;
  text-align: center;
  line-height: 1.5;
}

@media screen and (max-width: 991px) {
  .footCv dl dt {
    font-size: 20px;
  }
}

.footCv dl dd .txt {
  text-align: center;
  margin-bottom: 30px;
  line-height: 1.5;
}

@media screen and (max-width: 991px) {
  .footCv dl dd .txt {
    font-size: 14px;
    margin-bottom: 20px;
  }
}

.footCv-tel {
  display: flex;
  justify-content: center;
  align-items: center;
}

@media screen and (max-width: 991px) {
  .footCv-tel {
    flex-direction: column;
    align-items: center;
  }
}

.footCv-tel > div {
  display: flex;
  align-items: center;
}

@media screen and (max-width: 991px) {
  .footCv-tel > div {
    flex-direction: column;
    align-items: flex-start;
  }
}

.footCv-tel .t1 a {
  font-size: 32px;
  font-weight: bold;
  color: #333 !important;
  line-height: 1;
  position: relative;
  text-decoration: none !important;
  padding-left: 45px;
}

@media screen and (min-width: 992px) {
  .footCv-tel .t1 a {
    pointer-events: none;
  }
}

@media screen and (max-width: 991px) {
  .footCv-tel .t1 a {
    font-size: 24px;
    padding-left: 30px;
  }
}

.footCv-tel .t1 a::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  background: url(img/common/icon_tel.png) left center no-repeat;
  background-size: contain;
  width: 37px;
  height: 59px;
}

@media screen and (max-width: 991px) {
  .footCv-tel .t1 a::before {
    width: 24px;
    height: 38.27px;
  }
}

.footCv-tel .t2 {
  line-height: 1;
  font-size: 14px;
  padding-left: 30px;
}

@media screen and (max-width: 991px) {
  .footCv-tel .t2 {
    font-size: 12px;
    padding-top: 5px;
  }
}

.footCv-btns {
  margin-top: 25px;
}

.footCv-btns ul {
  display: flex;
  margin: 0;
}

@media screen and (max-width: 991px) {
  .footCv-btns ul {
    flex-direction: column;
    width: 80%;
    margin: auto;
  }
}

.footCv-btns ul li {
  list-style: none;
}

.footCv-btns ul li + li {
  margin-left: 30px;
}

@media screen and (max-width: 991px) {
  .footCv-btns ul li + li {
    margin: 15px 0 0 0;
  }
}

@media screen and (min-width: 992px) {
  .footCv-btns ul li a {
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
  }
  .footCv-btns ul li a:hover {
    opacity: 0.7;
  }
}

.disp_sp {
  display: none;
}

@media screen and (max-width: 991px) {
  .disp_sp {
    display: block;
  }
}

.disp_pc {
  display: none;
}

@media screen and (min-width: 992px) {
  .disp_pc {
    display: block;
  }
}

/* アコーディオン */
.js_ac_box {
  height: 0;
  -webkit-transition: 0.4s ease-out;
  transition: 0.4s ease-out;
  visibility: hidden;
  overflow: hidden;
}

.is_open + .js_ac_box {
  height: auto;
  opacity: 1;
  visibility: visible;
}

.p-product-images-modal-arrow .splide__arrow:disabled {
  display: none !important;
}

.is-sidebar--none .c-breadcrumb__list,
.is-sidebar--none .l-container__inner {
  max-width: 1100px;
}

.p-footer-bar__item-label {
  font-size: 16px;
  font-weight: bold;
}

/* カテゴリ見出し調整 */
.p-page-header--taxonomy {
  height: auto;
  background: none;
}

.p-page-header--taxonomy + .l-container__inner {
  padding-top: 60px;
}

@media screen and (max-width: 991px) {
  .p-page-header--taxonomy + .l-container__inner {
    padding-top: 30px;
  }
}

.p-page-header--taxonomy .p-page-header__overlay {
  display: none;
}

.p-page-header--taxonomy .p-page-header__content {
  position: relative;
  top: inherit;
  left: inherit;
  transform: inherit;
}

.p-page-header--taxonomy .p-page-header__content h1 {
  color: #333;
  margin: 50px 0 30px;
  font-size: 40px;
  font-family: arial, "Hiragino Sans", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "游ゴシック", yugothic,
 "メイリオ", meiryo, sans-serif;
}

@media screen and (max-width: 991px) {
  .p-page-header--taxonomy .p-page-header__content h1 {
    font-size: 24px;
    margin: 35px 0;
  }
}

.p-page-header--taxonomy .p-page-header__image-wrap {
  margin: auto;
  width: 100%;
  display: flex;
  justify-content: center;
  max-width: 1100px;
}

.p-page-header--taxonomy .p-page-header__image {
  position: relative;
  display: flex;
  justify-content: center;
}

.woocommerce ul.product_list_widget li {
  margin-top: 0;
  border-bottom: 1px solid #ddd;
  border-right: 1px solid #ddd;
  border-left: 1px solid #ddd;
}

.woocommerce ul.product_list_widget .p-widget-list-item-info {
  border: none;
}

/* fontweight調整 */
.p-global__nav > li > a {
  font-weight: 700;
}

.woocommerce ul.product_list_widget li .product-title {
  font-weight: 700;
}

.p-archive03-sort-filter-item,
.widget_categories a,
.widget_archive a,
.widget_nav_menu a,
.widget_meta a,
.widget_pages a {
  font-weight: 500;
}

.scroll-hint-icon {
  height: 90px !important;
}

.l-header__logo {
  background: none;
}

@media screen and (max-width: 991px) {
  .l-footer__bottom {
    display: none;
  }
}

/* 記事ページ調整 */
.p-body {
  font-family: "Noto Sans JP", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.p-single__header-meta.u-flex {
  align-items: center;
  justify-content: flex-end;
}

.p-single__header-meta.u-flex li + li {
  margin-left: 20px;
}

.p-single__header-meta.u-flex li.p-single__header-meta__cat {
  display: flex;
  flex-wrap: wrap;
}

@media screen and (max-width: 991px) {
  .p-single__header-meta.u-flex li.p-single__header-meta__cat {
    flex-direction: column;
  }
}

@media screen and (min-width: 992px) {
  .p-single__header-meta.u-flex li.p-single__header-meta__cat a + a {
    margin-left: 10px;
  }
}

@media screen and (max-width: 991px) {
  .p-single__header-meta.u-flex li.p-single__header-meta__cat a + a {
    margin-top: 5px;
  }
}

.p-single__header-title {
  font-size: 30px;
}

.p-single__content .p-body h2 {
  color: #fff;
  background: var(--tcd-accent-color);
  padding: 5px 15px;
  text-align: left;
}

.p-single--post .p-single__content .p-body h2 {
  border-bottom: 1px solid #333;
  position: relative;
  color: var(--tcd-root-font-color);
  padding: 10px 15px 10px 25px;
  background: none;
}

@media screen and (max-width: 991px) {
  .p-single--post .p-single__content .p-body h2 {
    padding: 10px 15px 10px 20px;
  }
}

.p-single--post .p-single__content .p-body h2::before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 7px;
  height: calc(100% - 14px);
  background: var(--tcd-accent-color);
}

@media screen and (max-width: 991px) {
  .p-single--post .p-single__content .p-body h2::before {
    width: 5px;
  }
}

.p-single__content .p-body h3:not(.p-plink-title) {
  border-bottom: 2px solid var(--tcd-accent-color);
  padding-bottom: 10px;
}

.p-single--post .p-single__content .p-body h3:not(.p-plink-title) {
  border-bottom: 1px solid var(--tcd-accent-color);
}

.p-single__content .p-body h4 {
  position: relative;
  padding-left: 30px;
}

.p-single__content .p-body h4::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 16px;
  height: 16px;
  background: var(--tcd-accent-color);
  border-radius: 50%;
}

#bnr_sample {
  position: fixed;
  right: 30px;
  margin: auto;
  bottom: 130px;
  width: 240px;
  z-index: 9999;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease, color 0.3s ease;
}

@media screen and (max-width: 991px) {
  #bnr_sample {
    display: none !important;
  }
}

#bnr_sample.is_show {
  opacity: 1;
  pointer-events: all;
}

#bnr_sample a {
  display: block;
}

@media screen and (max-width: 991px) {
  #bnr_sample a img {
    max-height: 140px;
  }
}

#bnr_popup {
  position: fixed;
  left: 0;
  right: 0;
  margin: auto;
  bottom: calc(130px + 250px);
  width: 100%;
  z-index: 9999;
  display: none;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

#bnr_popup.is_show .image,
#bnr_popup.is_show .close_btn {
  pointer-events: all;
}

@media screen and (max-width: 991px) {
  #bnr_popup {
    bottom: 65px;
  }
}

#bnr_popup.is_show {
  opacity: 1;
}

#bnr_popup .bnr_wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}

#bnr_popup .bnr_contents {
  display: table;
  margin: auto;
  position: relative;
}

@media screen and (min-width: 992px) {
  #bnr_popup .bnr_contents {
    margin: 0 30px 0 auto;
  }
}

@media screen and (max-width: 991px) {
  #bnr_popup .bnr_contents {
    max-width: calc(100% - 140px);
  }
}

#bnr_popup .image {
  max-width: 540px;
}

@media screen and (max-width: 991px) {
  #bnr_popup .image img {
    width: auto;
    max-height: 140px;
    margin: auto;
    display: block;
  }
}

#bnr_popup .close_btn {
  background: #999999;
  width: 38px;
  height: 38px;
  display: block;
  position: absolute;
  right: 15px;
  top: -20px;
  z-index: 99999;
  cursor: pointer;
}

@media screen and (max-width: 991px) {
  #bnr_popup .close_btn {
    width: 30px;
    height: 30px;
    top: -20px;
    right: 10px;
  }
}

#bnr_popup .close_btn > span {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
}

#bnr_popup .close_btn > span::before,
#bnr_popup .close_btn > span::after {
  display: block;
  content: "";
  position: absolute;
  top: 0;
  right: 18px;
  margin: auto;
  bottom: 0;
  width: 2px;
  height: 20px;
  background: #fff;
}

@media screen and (max-width: 991px) {
  #bnr_popup .close_btn > span::before,
  #bnr_popup .close_btn > span::after {
    right: 14px;
    height: 12px;
  }
}

#bnr_popup .close_btn > span::before {
  transform: rotate(-45deg);
}

#bnr_popup .close_btn > span::after {
  transform: rotate(45deg);
}

#bnr_popup .txt {
  background: #fff;
  padding: 10px;
  text-align: center;
  color: #010101;
  font-size: 1.6rem;
}

@media screen and (max-width: 991px) {
  #bnr_popup .txt {
    font-size: 1.2rem;
    letter-spacing: 0.05em;
  }
}

.woocommerce ul.product_list_widget li .product-title {
  max-height: inherit;
  -webkit-line-clamp: 2;
}

.needsLead {
  padding-top: 20px;
}

.needsLead dl dt {
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
}

@media screen and (max-width: 991px) {
  .needsLead dl dt {
    flex-direction: column;
  }
}

.needsLead dl dt .t1 {
  font-size: 30px;
  font-weight: 700;
  background-image: radial-gradient(circle, #007fff 3px, transparent 1px), radial-gradient(circle, #007fff 3px, transparent 1px);
  background-size: 16px 8px,
 16px 8px;
  /* ドットのサイズと間隔を調整 */
  background-repeat: repeat-x, repeat-x;
  background-position: left top,
 left bottom;
  padding: 20px 15px 22px;
}

@media screen and (max-width: 991px) {
  .needsLead dl dt .t1 {
    font-size: 22px;
    background-image: radial-gradient(circle, #007fff 2px, transparent 1px), radial-gradient(circle, #007fff 2px, transparent 1px);
    background-size: 10px 4px,
 10px 4px;
    /* ドットのサイズと間隔を調整 */
    padding: 12px 10px 16px;
  }
}

.needsLead dl dt .t2 {
  font-size: 60px;
  font-weight: 700;
  color: #0059ab;
  padding-left: 20px;
}

@media screen and (max-width: 991px) {
  .needsLead dl dt .t2 {
    font-size: 32px;
    padding: 12px 0 0 0;
  }
}

.needsLead dl dd p {
  max-width: 910px;
  margin: 30px auto 40px;
  line-height: 1.8;
}

.needsLead dl dd .txt {
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 1;
  letter-spacing: 0.1em;
  margin-bottom: 30px;
}

@media screen and (max-width: 991px) {
  .needsLead dl dd .txt {
    flex-wrap: wrap;
  }
}

.needsLead dl dd .txt .t1 {
  background: #cf1788;
  border-radius: 50%;
  width: 3em;
  height: 3em;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 25px;
  font-weight: 700;
}

@media screen and (max-width: 991px) {
  .needsLead dl dd .txt .t1 {
    font-size: 18px;
  }
}

.needsLead dl dd .txt .t2 {
  font-size: 50px;
  font-weight: 700;
  padding-left: 15px;
}

@media screen and (max-width: 991px) {
  .needsLead dl dd .txt .t2 {
    width: calc(100% - 3em);
    font-size: 30px;
    padding-left: 10px;
  }
}

.needsLead dl dd .txt .t2 b {
  color: #cf1788;
}

.needsLead dl dd .txt .t3 {
  font-weight: 500;
  padding-left: 10px;
}

@media screen and (max-width: 991px) {
  .needsLead dl dd .txt .t3 {
    font-size: 13px;
  }
}

.needsLead dl dd .image {
  display: flex;
  justify-content: center;
}

.needsNav {
  padding-bottom: 80px;
}

@media screen and (max-width: 991px) {
  .needsNav {
    padding: 15px 0 40px;
  }
}

.needsNav dl dt {
  font-size: 40px;
  font-weight: 700;
  margin-bottom: 20px;
  text-align: center;
  line-height: 1.6;
}

@media screen and (max-width: 991px) {
  .needsNav dl dt {
    font-size: 20px;
  }
}

.needsNav dl dd {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.needsNav dl dd ul {
  margin: 0;
  padding: 0;
}

.needsNav dl dd ul li {
  width: 100%;
  text-align: center;
  list-style: none;
}

.needsNav dl dd ul li a {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  color: #000 !important;
  text-decoration: none !important;
  width: 100%;
  font-size: 23px;
  font-weight: 500;
  min-height: 100px;
  border-bottom: 2px solid #2d80fd;
  padding-bottom: 10px;
}

@media screen and (max-width: 991px) {
  .needsNav dl dd ul li a {
    font-size: 15px;
    min-height: 70px;
    padding-left: 10px;
  }
}

.needsNav dl dd ul li.--dance {
  background: url(img/request/nav01.png) left 15px bottom no-repeat;
  background-size: 70px auto;
}

@media screen and (max-width: 991px) {
  .needsNav dl dd ul li.--dance {
    background-position: left 15px center;
    background-size: 50px auto;
  }
}

.needsNav dl dd ul li.--fulllength {
  background: url(img/request/nav02.png) left 20px bottom no-repeat;
  background-size: 40px auto;
}

@media screen and (max-width: 991px) {
  .needsNav dl dd ul li.--fulllength {
    background-position: left 20px center;
    background-size: 30px auto;
  }
}

.needsNav dl dd ul li.--commercial {
  background: url(img/request/nav03.png) left 10px bottom no-repeat;
  background-size: 110px auto;
}

@media screen and (max-width: 991px) {
  .needsNav dl dd ul li.--commercial {
    background-position: left 5px center;
    background-size: 70px auto;
  }
}

.needsNav dl dd ul li.--sports {
  background: url(img/request/nav04.png) left 10px bottom no-repeat;
  background-size: 120px auto;
}

@media screen and (max-width: 991px) {
  .needsNav dl dd ul li.--sports {
    background-position: left 5px center;
    background-size: 80px auto;
  }
}

.needsNav dl dd ul li.--care {
  background: url(img/request/nav05.png) left 15px bottom no-repeat;
  background-size: 70px auto;
}

@media screen and (max-width: 991px) {
  .needsNav dl dd ul li.--care {
    background-position: left 10px center;
    background-size: 50px auto;
  }
}

.needsNav dl dd ul li.--foods {
  background: url(img/request/nav06.png) left 15px bottom no-repeat;
  background-size: 70px auto;
}

@media screen and (max-width: 991px) {
  .needsNav dl dd ul li.--foods {
    background-position: left 10px center;
    background-size: 50px auto;
  }
}

@media screen and (min-width: 992px) {
  .needsNav dl dd ul {
    width: 48.5%;
  }
}

@media screen and (max-width: 991px) {
  .needsNav dl dd ul {
    width: 100%;
  }
}

.needsItem + .needsItem {
  margin-top: 100px;
}

@media screen and (max-width: 991px) {
  .needsItem + .needsItem {
    margin-top: 50px;
  }
}

.needsItem .flex {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.needsItem .flex .item {
  display: flex;
  padding: 15px 20px;
  border: 1px solid #e7e7e7;
  border-radius: 10px;
}

@media screen and (max-width: 991px) {
  .needsItem .flex .item {
    padding: 15px;
  }
}

.needsItem .flex .item .image {
  width: 150px;
}

@media screen and (max-width: 991px) {
  .needsItem .flex .item .image {
    width: 90px;
  }
}

.needsItem .flex .item dl {
  width: calc(100% - 150px);
  padding-left: 15px;
  position: relative;
  padding-bottom: 35px;
}

@media screen and (max-width: 991px) {
  .needsItem .flex .item dl {
    width: calc(100% - 90px);
    padding-left: 15px;
  }
}

.needsItem .flex .item dl dt {
  font-size: 18px;
  line-height: 1.6;
  margin-bottom: 5px;
}

.needsItem .flex .item dl dd {
  padding-bottom: 10px;
}

@media screen and (max-width: 991px) {
  .needsItem .flex .item dl dd p {
    font-size: 13px;
  }
}

@media screen and (min-width: 992px) {
  .needsItem .flex .item {
    width: 48%;
  }
  .needsItem .flex .item:nth-child(n + 3) {
    margin-top: 4%;
  }
}

@media screen and (max-width: 991px) {
  .needsItem .flex .item {
    width: 100%;
  }
  .needsItem .flex .item:not(:last-child) {
    margin-bottom: 20px;
  }
}

.needsItem-btn {
  padding-top: 10px;
  display: flex;
  justify-content: flex-end;
  position: absolute;
  right: 0;
  bottom: 0;
}

.needsItem-btn a {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  color: #000 !important;
  line-height: 1.4;
  font-weight: 500;
  background: #fff;
  text-decoration: none !important;
  border: 1px solid #2d80fd;
  padding: 0 30px 0 20px;
  height: 35px;
  line-height: 35px;
  border-radius: 50px;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  min-width: 150px;
}

@media screen and (max-width: 991px) {
  .needsItem-btn a {
    font-size: 13px;
    height: 30px;
    line-height: 30px;
  }
}

.needsItem-btn a::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 10px;
  margin: auto;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent transparent transparent #000;
  border-width: 5px 0px 5px 5px;
}

@media screen and (min-width: 992px) {
  .needsItem-btn a {
    transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
  }
  .needsItem-btn a::before {
    transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
  }
  .needsItem-btn a:hover {
    background: #2d80fd !important;
    color: #fff !important;
  }
  .needsItem-btn a:hover::before {
    border-color: transparent transparent transparent #fff;
  }
}

.examplelistNav .flex {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  max-width: 980px;
  margin: auto;
}

.examplelistNav .flex .item {
  border: 1px solid #bbbbbb;
  padding: 25px 40px 40px;
  color: #000;
  text-decoration: none !important;
}

@media screen and (max-width: 991px) {
  .examplelistNav .flex .item {
    padding: 15px 20px 20px;
  }
}

.examplelistNav .flex .item dl dt {
  font-size: 25px;
  font-weight: 700;
  position: relative;
  text-align: center;
  line-height: 1.5;
  margin-bottom: 20px;
}

@media screen and (max-width: 991px) {
  .examplelistNav .flex .item dl dt {
    font-size: 20px;
    margin-bottom: 15px;
  }
}

.examplelistNav .flex .item dl dt::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  right: 0;
  width: 16px;
  height: 16px;
  border-top: 4px solid #2d80fd;
  border-right: 4px solid #2d80fd;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

@media screen and (max-width: 991px) {
  .examplelistNav .flex .item dl dt::after {
    width: 12px;
    height: 12px;
    border-width: 3px;
  }
}

.examplelistNav .flex .item dl dd .image {
  margin-top: 20px;
}

@media screen and (max-width: 991px) {
  .examplelistNav .flex .item dl dd .image {
    margin-top: 15px;
  }
  .examplelistNav .flex .item dl dd .image img {
    width: 80%;
    margin: auto;
    display: block;
  }
}

@media screen and (min-width: 992px) {
  .examplelistNav .flex .item {
    width: 46%;
  }
  .examplelistNav .flex .item:nth-child(n + 3) {
    margin-top: 4%;
  }
}

@media screen and (max-width: 991px) {
  .examplelistNav .flex .item {
    width: 100%;
  }
  .examplelistNav .flex .item:not(:last-child) {
    margin-bottom: 30px;
  }
}

.home .p-cb--editor .p-body {
  line-height: inherit;
}

.home .p-cb--editor .p-body ul,
.home .p-cb--editor .p-body ol,
.home .p-cb--editor .p-body dl,
.home .p-cb--editor .p-body dt,
.home .p-cb--editor .p-body dd,
.home .p-cb--editor .p-body p {
  margin: 0;
  padding: 0;
}

.home .p-cb--editor .p-body .topLead {
  padding: 80px 0 100px;
}

@media screen and (max-width: 991px) {
  .home .p-cb--editor .p-body .topLead {
    padding: 30px 0 50px;
  }
}

@media screen and (max-width: 767px) {
  .home .p-cb--editor .p-body .topLead .l-inner {
    width: 100%;
  }
}

.home .p-cb--editor .p-body .topLead .img01,
.home .p-cb--editor .p-body .topLead .img02 {
  display: flex;
  justify-content: center;
}

.home .p-cb--editor .p-body .topLead .img02 {
  margin-top: 40px;
}

@media screen and (max-width: 991px) {
  .home .p-cb--editor .p-body .topLead .img02 {
    margin-top: 20px;
  }
}

.home .p-cb--editor .p-body .topFeature {
  padding: 60px 0;
  position: relative;
  background: url(img/index/bg_feature.png) center center no-repeat;
  background-size: cover;
}

@media screen and (max-width: 991px) {
  .home .p-cb--editor .p-body .topFeature {
    padding: 30px 0 50px;
    background-image: url(img/index/bg_feature_sp.png);
    background-size: 100% auto;
    background-position: center top;
    background-repeat: repeat-y;
  }
}

.home .p-cb--editor .p-body .topFeature-ttl {
  font-size: 35px;
  font-weight: 700;
  margin-bottom: 80px;
  text-align: center;
  line-height: 1.6;
  letter-spacing: 0.1em;
}

@media screen and (max-width: 991px) {
  .home .p-cb--editor .p-body .topFeature-ttl {
    font-size: 22px;
    margin-bottom: 45px;
  }
}

.home .p-cb--editor .p-body .topFeature-ttl span {
  background: linear-gradient(transparent 80%, #99ffff 80%);
}

.home .p-cb--editor .p-body .topFeature .l-inner {
  max-width: 960px;
}

.home .p-cb--editor .p-body .topFeature .flex {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: flex-start;
}

.home .p-cb--editor .p-body .topFeature .flex .item {
  position: relative;
  background: #fff;
  padding: 30px 20px 20px;
}

@media screen and (max-width: 991px) {
  .home .p-cb--editor .p-body .topFeature .flex .item {
    padding: 10px;
  }
}

.home .p-cb--editor .p-body .topFeature .flex .item .no {
  height: 35px;
  position: absolute;
  left: 0;
  right: 0;
  top: -20px;
  margin: auto;
  display: flex;
  justify-content: center;
}

@media screen and (max-width: 991px) {
  .home .p-cb--editor .p-body .topFeature .flex .item .no {
    height: 25px;
    top: -10px;
    left: 41%;
    right: inherit;
  }
}

.home .p-cb--editor .p-body .topFeature .flex .item .no img {
  height: 100%;
  width: auto;
}

@media screen and (max-width: 991px) {
  .home .p-cb--editor .p-body .topFeature .flex .item dl {
    width: 60%;
    padding-left: 10px;
    padding-top: 5px;
  }
}

.home .p-cb--editor .p-body .topFeature .flex .item dl dt {
  display: flex;
  flex-direction: column;
  align-items: center;
}

@media screen and (max-width: 991px) {
  .home .p-cb--editor .p-body .topFeature .flex .item dl dt {
    margin-bottom: 10px;
  }
}

.home .p-cb--editor .p-body .topFeature .flex .item dl dt .t1 {
  font-size: 35px;
  font-weight: 700;
  color: #265cff;
  text-align: center;
  letter-spacing: 0.1em;
  margin-bottom: 12px;
}

@media screen and (max-width: 991px) {
  .home .p-cb--editor .p-body .topFeature .flex .item dl dt .t1 {
    font-size: 20px;
    margin-bottom: 7px;
  }
}

.home .p-cb--editor .p-body .topFeature .flex .item dl dt .t2 {
  font-size: 20px;
  font-weight: 700;
  background: #000;
  color: #fff;
  text-align: center;
  width: 7em;
  padding: 5px 0;
}

@media screen and (max-width: 991px) {
  .home .p-cb--editor .p-body .topFeature .flex .item dl dt .t2 {
    font-size: 15px;
  }
}

.home .p-cb--editor .p-body .topFeature .flex .item .image {
  display: flex;
  justify-content: center;
  margin: 20px auto 15px;
}

@media screen and (max-width: 991px) {
  .home .p-cb--editor .p-body .topFeature .flex .item .image {
    margin: 0;
    width: 100%;
  }
}

@media screen and (max-width: 991px) {
  .home .p-cb--editor .p-body .topFeature .flex .item > .disp_sp {
    width: 40%;
  }
}

.home .p-cb--editor .p-body .topFeature .flex .item p {
  font-size: 14px;
  line-height: 1.5;
}

@media screen and (min-width: 992px) {
  .home .p-cb--editor .p-body .topFeature .flex {
    position: relative;
  }
  .home .p-cb--editor .p-body .topFeature .flex .item {
    width: 31%;
  }
  .home .p-cb--editor .p-body .topFeature .flex .item:nth-child(2) {
    margin-top: 50px;
  }
  .home .p-cb--editor .p-body .topFeature .flex::after {
    content: "";
    display: block;
    width: 31%;
    height: 0;
  }
}

@media screen and (max-width: 991px) {
  .home .p-cb--editor .p-body .topFeature .flex .item {
    width: 100%;
    display: flex;
    align-items: flex-start;
  }
  .home .p-cb--editor .p-body .topFeature .flex .item:not(:last-child) {
    margin-bottom: 25px;
  }
}

.home .p-cb--editor .p-body .topFeature-btn {
  margin-top: 50px;
}

@media screen and (max-width: 991px) {
  .home .p-cb--editor .p-body .topFeature-btn {
    margin-top: 30px;
  }
}

.home .p-cb--editor .p-body .topFeature-btn .btn-arrow {
  max-width: 360px;
  height: 60px;
}

@media screen and (max-width: 991px) {
  .home .p-cb--editor .p-body .topFeature-btn .btn-arrow {
    height: 40px;
    max-width: 230px;
  }
}

.home .p-cb--editor .p-body .topScene {
  padding: 60px 0 0;
  background: #ececec;
  position: relative;
}

@media screen and (max-width: 991px) {
  .home .p-cb--editor .p-body .topScene {
    padding: 35px 0 0;
  }
}

.home .p-cb--editor .p-body .topScene::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  height: 50px;
  width: 100%;
  background: #fff;
}

@media screen and (max-width: 991px) {
  .home .p-cb--editor .p-body .topScene::before {
    height: 50px;
  }
}

.home .p-cb--editor .p-body .topScene .l-inner {
  position: relative;
  z-index: 2;
}

.home .p-cb--editor .p-body .topScene-ttl {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 25px !important;
}

.home .p-cb--editor .p-body .topScene-ttl .t1 {
  font-size: 25px;
  font-weight: 700;
  margin-bottom: 25px;
  border-top: 3px solid #000;
  border-bottom: 3px solid #000;
  padding: 10px 0;
  letter-spacing: 0.1em;
}

@media screen and (max-width: 991px) {
  .home .p-cb--editor .p-body .topScene-ttl .t1 {
    font-size: 15px;
    border-width: 2px;
    margin-bottom: 20px;
  }
}

.home .p-cb--editor .p-body .topScene-ttl .t1 > b {
  color: #265bff;
}

.home .p-cb--editor .p-body .topScene-ttl .t2 {
  font-size: 35px;
  font-weight: 700;
  letter-spacing: 0.1em;
}

@media screen and (max-width: 991px) {
  .home .p-cb--editor .p-body .topScene-ttl .t2 {
    font-size: 20px;
  }
}

.home .p-cb--editor .p-body .topScene-ttl .t2 > span {
  background: linear-gradient(transparent 80%, #ffff00 80%);
}

.home .p-cb--editor .p-body .topScene-mv {
  display: flex;
  justify-content: center;
  margin-bottom: 40px;
}

@media screen and (max-width: 991px) {
  .home .p-cb--editor .p-body .topScene-mv {
    width: 94%;
    margin: 0 auto 20px;
  }
}

.home .p-cb--editor .p-body .topScene-list {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.home .p-cb--editor .p-body .topScene-list li a {
  background: #fff;
  display: flex;
  align-items: center;
  width: 100%;
  padding: 10px 10px 10px 80px;
  min-height: 70px;
  background-repeat: no-repeat;
  background-size: auto 42px;
  background-position: left 15px center;
  font-size: 22px;
  font-weight: 700;
}

@media screen and (max-width: 991px) {
  .home .p-cb--editor .p-body .topScene-list li a {
    font-size: 15px;
    min-height: 45px;
    background-size: auto 25px;
    background-position: left 12px center;
    padding: 10px 10px 10px 55px;
  }
}

.home .p-cb--editor .p-body .topScene-list li:nth-child(1) a,
.home .p-cb--editor .p-body .topScene-list li:nth-child(4) a {
  background-image: url(img/index/icon_balloon01.png);
}

.home .p-cb--editor .p-body .topScene-list li:nth-child(2) a,
.home .p-cb--editor .p-body .topScene-list li:nth-child(5) a {
  background-image: url(img/index/icon_balloon02.png);
}

.home .p-cb--editor .p-body .topScene-list li:nth-child(3) a,
.home .p-cb--editor .p-body .topScene-list li:nth-child(6) a {
  background-image: url(img/index/icon_balloon03.png);
}

@media screen and (min-width: 992px) {
  .home .p-cb--editor .p-body .topScene-list li {
    width: 48.5%;
  }
  .home .p-cb--editor .p-body .topScene-list li:nth-child(n + 3) {
    margin-top: 15px;
  }
}

@media screen and (max-width: 991px) {
  .home .p-cb--editor .p-body .topScene-list li {
    width: 100%;
  }
  .home .p-cb--editor .p-body .topScene-list li:not(:last-child) {
    margin-bottom: 10px;
  }
}

.home .p-cb--editor .p-body .topScene-btn {
  margin-top: 10px;
  position: relative;
  display: flex;
  justify-content: center;
}

@media screen and (max-width: 991px) {
  .home .p-cb--editor .p-body .topScene-btn {
    flex-direction: column;
    align-items: center;
    margin-top: 25px;
  }
}

.home .p-cb--editor .p-body .topScene-btn .btn-arrow {
  color: #000 !important;
  max-width: 240px;
  height: 60px;
  z-index: 2;
  font-size: 18px;
}

@media screen and (min-width: 992px) {
  .home .p-cb--editor .p-body .topScene-btn .btn-arrow {
    top: 50px;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
  }
  .home .p-cb--editor .p-body .topScene-btn .btn-arrow:hover {
    color: #fff !important;
  }
}

@media screen and (max-width: 991px) {
  .home .p-cb--editor .p-body .topScene-btn .btn-arrow {
    max-width: 200px;
    height: 40px;
    font-size: 14px;
  }
}

.home .p-cb--editor .p-body .topScene-btn .image {
  padding-right: 30px;
  pointer-events: none;
}

@media screen and (max-width: 991px) {
  .home .p-cb--editor .p-body .topScene-btn .image {
    padding-left: 0;
    margin-top: 15px;
  }
}

.home .p-cb--editor .p-body .topLineup {
  padding: 80px 0 0;
}

@media screen and (max-width: 991px) {
  .home .p-cb--editor .p-body .topLineup {
    padding: 60px 0 0;
  }
}

.home .p-cb--editor .p-body .topLineup .l-inner {
  max-width: 1100px;
}

.home .p-cb--editor .p-body .topLineup-txt {
  font-size: 30px;
  font-weight: 700;
  margin-bottom: 40px;
  color: #0059ab;
  text-align: center;
}

@media screen and (max-width: 991px) {
  .home .p-cb--editor .p-body .topLineup-txt {
    font-size: 15px;
    line-height: 1.6;
    margin-bottom: 20px;
  }
}

.home .p-cb--editor .p-body .topLineup-nav ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding-top: 10px;
}

@media screen and (max-width: 991px) {
  .home .p-cb--editor .p-body .topLineup-nav ul {
    padding-top: 0;
  }
  .home .p-cb--editor .p-body .topLineup-nav ul li {
    min-height: 60px;
  }
}

.home .p-cb--editor .p-body .topLineup-nav ul li a {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
  font-weight: 700;
  letter-spacing: 0.1em;
}

@media screen and (max-width: 991px) {
  .home .p-cb--editor .p-body .topLineup-nav ul li a {
    font-size: 15px;
  }
}

.home .p-cb--editor .p-body .topLineup-nav ul li.--nav01 {
  background: url(img/index/nav_lineup01.png) left 15px center no-repeat;
  background-size: auto 80px;
}

@media screen and (max-width: 991px) {
  .home .p-cb--editor .p-body .topLineup-nav ul li.--nav01 {
    background-position: left 15px center;
    background-size: auto 40px;
  }
}

.home .p-cb--editor .p-body .topLineup-nav ul li.--nav01 a {
  padding-left: 2em;
}

@media screen and (max-width: 991px) {
  .home .p-cb--editor .p-body .topLineup-nav ul li.--nav01 a {
    padding-left: 1em;
  }
}

.home .p-cb--editor .p-body .topLineup-nav ul li.--nav02 {
  background: url(img/index/nav_lineup02.png) left 15px center no-repeat;
  background-size: auto 70px;
}

@media screen and (max-width: 991px) {
  .home .p-cb--editor .p-body .topLineup-nav ul li.--nav02 {
    background-position: left 15px center;
    background-size: auto 40px;
  }
}

.home .p-cb--editor .p-body .topLineup-nav ul li.--nav02 a {
  padding-left: 2em;
}

@media screen and (max-width: 991px) {
  .home .p-cb--editor .p-body .topLineup-nav ul li.--nav02 a {
    padding-left: 1em;
  }
}

.home .p-cb--editor .p-body .topLineup-nav ul li.--nav03 {
  background: url(img/index/nav_lineup03.png) left 5px center no-repeat;
  background-size: auto 65px;
}

@media screen and (max-width: 991px) {
  .home .p-cb--editor .p-body .topLineup-nav ul li.--nav03 {
    background-position: left 15px center;
    background-size: auto 40px;
  }
}

.home .p-cb--editor .p-body .topLineup-nav ul li.--nav03 a {
  padding-left: 4em;
  letter-spacing: 0.05em;
}

@media screen and (max-width: 991px) {
  .home .p-cb--editor .p-body .topLineup-nav ul li.--nav03 a {
    padding-left: 1em;
  }
}

@media screen and (min-width: 992px) {
  .home .p-cb--editor .p-body .topLineup-nav ul {
    position: relative;
  }
  .home .p-cb--editor .p-body .topLineup-nav ul li {
    width: 32%;
    max-width: 342px;
  }
  .home .p-cb--editor .p-body .topLineup-nav ul li:nth-child(n + 4) {
    margin-top: 50px;
  }
  .home .p-cb--editor .p-body .topLineup-nav ul li a img {
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }
  .home .p-cb--editor .p-body .topLineup-nav ul li a:hover img {
    opacity: 0.8;
  }
}

@media screen and (max-width: 991px) {
  .home .p-cb--editor .p-body .topLineup-nav ul li {
    width: 48%;
  }
  .home .p-cb--editor .p-body .topLineup-nav ul li:nth-child(n + 3) {
    margin-top: 20px;
  }
}

.home .p-cb--editor .p-body .topLineup-list {
  margin-top: 100px;
}

@media screen and (max-width: 991px) {
  .home .p-cb--editor .p-body .topLineup-list {
    margin-top: 45px;
  }
}

.home .p-cb--editor .p-body .topLineup-item:nth-child(odd) {
  background: #dfefff;
  position: relative;
}

.home .p-cb--editor .p-body .topLineup-item:nth-child(odd)::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  border-top: 40px solid transparent;
  /* 透明 */
  border-left: 50vw solid transparent;
  /* 透明 */
  border-right: 50vw solid #fff;
  border-bottom: 40px solid #fff;
}

@media screen and (max-width: 991px) {
  .home .p-cb--editor .p-body .topLineup-item:nth-child(odd)::after {
    border-top: 20px solid transparent;
    /* 透明 */
    border-bottom: 20px solid #fff;
  }
}

.home .p-cb--editor .p-body .topLineup-item:nth-child(odd) .btn-arrow {
  margin-left: 0;
}

@media screen and (max-width: 991px) {
  .home .p-cb--editor .p-body .topLineup-item:nth-child(odd) .flex {
    padding-bottom: 60px;
  }
  .home .p-cb--editor .p-body .topLineup-item:nth-child(odd) .flex .item:nth-child(1) {
    padding-right: 15px;
  }
}

.home .p-cb--editor .p-body .topLineup-item:nth-child(even) .flex {
  flex-direction: row-reverse;
}

@media screen and (max-width: 991px) {
  .home .p-cb--editor .p-body .topLineup-item:nth-child(even) .flex {
    padding-top: 10px;
  }
  .home .p-cb--editor .p-body .topLineup-item:nth-child(even) .flex .item:nth-child(1) {
    padding-left: 15px;
  }
}

.home .p-cb--editor .p-body .topLineup-item:nth-child(even) .btn-arrow {
  margin-right: 0;
}

.home .p-cb--editor .p-body .topLineup-item .flex {
  max-width: 880px;
  margin: auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-left: 40px;
  padding: 50px 0 80px;
}

@media screen and (max-width: 991px) {
  .home .p-cb--editor .p-body .topLineup-item .flex {
    padding: 30px 20px 40px;
  }
}

.home .p-cb--editor .p-body .topLineup-item .flex .item .image {
  display: flex;
  justify-content: center;
  align-items: center;
}

.home .p-cb--editor .p-body .topLineup-item .flex .item .image.--left {
  justify-content: flex-start;
}

@media screen and (max-width: 991px) {
  .home .p-cb--editor .p-body .topLineup-item .flex .item .image.--large img {
    transform: scale(1.2, 1.2);
    margin-left: -8vw;
  }
}

@media screen and (max-width: 991px) {
  .home .p-cb--editor .p-body .topLineup-item .flex .item .image.--tension-type img {
    width: 60%;
    margin: auto;
  }
}

@media screen and (max-width: 991px) {
  .home .p-cb--editor .p-body .topLineup-item .flex .item .image.--size-order img {
    width: 80%;
    margin: auto;
  }
}

.home .p-cb--editor .p-body .topLineup-item .flex .item:nth-child(1) {
  width: 60%;
}

@media screen and (max-width: 991px) {
  .home .p-cb--editor .p-body .topLineup-item .flex .item:nth-child(1) {
    width: 65%;
  }
}

.home .p-cb--editor .p-body .topLineup-item .flex .item:nth-child(2) {
  width: 40%;
}

@media screen and (max-width: 991px) {
  .home .p-cb--editor .p-body .topLineup-item .flex .item:nth-child(2) {
    width: 35%;
  }
}

.home .p-cb--editor .p-body .topLineup-item .flex .item dl dt {
  font-size: 35px;
  font-weight: 700;
  color: #0059ab;
  margin-bottom: 25px;
  line-height: 1.3;
}

@media screen and (max-width: 991px) {
  .home .p-cb--editor .p-body .topLineup-item .flex .item dl dt {
    font-size: 18px;
    margin-bottom: 15px;
  }
}

.home .p-cb--editor .p-body .topLineup-item .flex .item dl dd .t1 {
  display: flex;
  justify-content: flex-start;
}

.home .p-cb--editor .p-body .topLineup-item .flex .item dl dd .t1 > span {
  position: relative;
  display: block;
  font-size: 20px;
}

@media screen and (max-width: 991px) {
  .home .p-cb--editor .p-body .topLineup-item .flex .item dl dd .t1 > span {
    font-size: 12px;
  }
}

.home .p-cb--editor .p-body .topLineup-item .flex .item dl dd .t1 > span::after {
  content: "";
  display: block;
  position: absolute;
  right: -210px;
  /* 200pxのボーダーと5pxの空白を確保 */
  top: 50%;
  width: 200px;
  height: 1px;
  background-color: #000;
  /* ボーダーの色を指定 */
  transform: translateY(-50%);
}

@media screen and (max-width: 991px) {
  .home .p-cb--editor .p-body .topLineup-item .flex .item dl dd .t1 > span::after {
    right: calc(-15vw - 10px);
    width: 15vw;
  }
}

.home .p-cb--editor .p-body .topLineup-item .flex .item dl dd .t1 + p {
  margin-top: 25px;
}

.home .p-cb--editor .p-body .topLineup-item .flex .item dl dd p {
  line-height: 1.5;
}

@media screen and (max-width: 991px) {
  .home .p-cb--editor .p-body .topLineup-item .flex .item dl dd p {
    font-size: 11px;
    line-height: 1.6;
  }
}

.home .p-cb--editor .p-body .topLineup-btn {
  margin-top: 40px;
}

@media screen and (max-width: 991px) {
  .home .p-cb--editor .p-body .topLineup-btn {
    margin-top: 25px;
  }
}

.home .p-cb--editor .p-body .topLineup-btn .btn-arrow {
  padding-right: 1em;
}

@media screen and (max-width: 991px) {
  .home .p-cb--editor .p-body .topLineup-btn .btn-arrow {
    width: 100%;
    font-size: 13px;
  }
}

@media screen and (max-width: 420px) {
  .home .p-cb--editor .p-body .topLineup-btn .btn-arrow {
    font-size: 3.0952380952380953vw;
  }
}

.home .p-cb--editor .p-body .topSize {
  background: #ffffe6;
  padding: 50px 0 80px;
}

@media screen and (max-width: 991px) {
  .home .p-cb--editor .p-body .topSize {
    padding: 30px 0 45px;
  }
}

.home .p-cb--editor .p-body .topSize .l-inner {
  max-width: 960px;
}

.home .p-cb--editor .p-body .topSize .ttl_en + p {
  text-align: center;
  line-height: 1.6;
  margin-bottom: 30px;
}

@media screen and (max-width: 991px) {
  .home .p-cb--editor .p-body .topSize .ttl_en + p {
    font-size: 13px;
  }
}

.home .p-cb--editor .p-body .topSize .image {
  display: flex;
  justify-content: center;
}

.home .p-cb--editor .p-body .topSize-btn {
  margin-top: 50px;
}

@media screen and (max-width: 991px) {
  .home .p-cb--editor .p-body .topSize-btn {
    margin-top: 30px;
  }
}

.home .p-cb--editor .p-body .topSize-btn .btn-arrow {
  max-width: 360px;
  height: 60px;
}

@media screen and (max-width: 991px) {
  .home .p-cb--editor .p-body .topSize-btn .btn-arrow {
    height: 40px;
    max-width: 200px;
  }
}

.home .p-cb--editor .p-body .topJapan {
  padding: 70px 0 80px;
  background: #dfefff;
}

@media screen and (max-width: 991px) {
  .home .p-cb--editor .p-body .topJapan {
    padding: 35px 0 40px;
  }
}

.home .p-cb--editor .p-body .topJapan .l-inner {
  max-width: 960px;
}

.home .p-cb--editor .p-body .topJapan-ttl {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 35px !important;
}

@media screen and (max-width: 991px) {
  .home .p-cb--editor .p-body .topJapan-ttl {
    margin-bottom: 25px !important;
  }
}

.home .p-cb--editor .p-body .topJapan-ttl .t1 {
  font-size: 40px;
  font-weight: 700;
  position: relative;
  padding-left: 90px;
  margin-left: -90px;
}

@media screen and (max-width: 991px) {
  .home .p-cb--editor .p-body .topJapan-ttl .t1 {
    font-size: 22px;
    padding-left: 42px;
    margin-left: -22px;
  }
}

.home .p-cb--editor .p-body .topJapan-ttl .t1 span {
  background: linear-gradient(transparent 80%, #ffff00 80%);
}

.home .p-cb--editor .p-body .topJapan-ttl .t1::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  background: url(img/about/icon_japan.png) left center no-repeat;
  background-size: contain;
  width: 70px;
}

@media screen and (max-width: 991px) {
  .home .p-cb--editor .p-body .topJapan-ttl .t1::before {
    width: 35px;
  }
}

.home .p-cb--editor .p-body .topJapan-ttl .t2 {
  font-size: 20px;
  font-weight: 700;
  color: #d80000;
  padding-top: 25px;
}

@media screen and (max-width: 991px) {
  .home .p-cb--editor .p-body .topJapan-ttl .t2 {
    font-size: 12px;
    padding-top: 20px;
  }
}

.home .p-cb--editor .p-body .topJapan .image p {
  line-height: 1.6;
  margin-top: 15px;
}

@media screen and (max-width: 991px) {
  .home .p-cb--editor .p-body .topJapan .image p {
    font-size: 13px;
  }
}

.home .p-cb--editor .p-body .topBnr {
  padding: 60px 0 0;
}

@media screen and (max-width: 991px) {
  .home .p-cb--editor .p-body .topBnr {
    padding: 40px 0 15px;
  }
}

.home .p-cb--editor .p-body .topBnr .l-inner {
  max-width: 960px;
}

.home .p-cb--editor .p-body .topBnr-ttl {
  font-size: 25px;
  font-weight: 700;
  margin-bottom: 35px !important;
  text-align: center;
}

@media screen and (max-width: 991px) {
  .home .p-cb--editor .p-body .topBnr-ttl {
    font-size: 22px;
    margin-bottom: 30px !important;
  }
}

.home .p-cb--editor .p-body .topBnr .flex {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.home .p-cb--editor .p-body .topBnr .flex .item p {
  line-height: 1.6;
  margin-top: 10px;
}

@media screen and (max-width: 991px) {
  .home .p-cb--editor .p-body .topBnr .flex .item p {
    font-size: 13px;
  }
}

@media screen and (min-width: 992px) {
  .home .p-cb--editor .p-body .topBnr .flex {
    justify-content: center;
  }
  .home .p-cb--editor .p-body .topBnr .flex .item {
    width: 48%;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
  }
  .home .p-cb--editor .p-body .topBnr .flex .item + .item {
    margin-left: 4%;
  }
  .home .p-cb--editor .p-body .topBnr .flex .item:nth-child(n + 3) {
    margin-top: 4%;
  }
  .home .p-cb--editor .p-body .topBnr .flex .item:hover {
    opacity: 0.7;
  }
}

@media screen and (max-width: 991px) {
  .home .p-cb--editor .p-body .topBnr .flex .item {
    width: 100%;
  }
  .home .p-cb--editor .p-body .topBnr .flex .item:not(:last-child) {
    margin-bottom: 20px;
  }
}

.btn-arrow {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  margin: 0 auto;
  max-width: 420px;
  width: 100%;
  color: #1891ff !important;
  font-size: 22px;
  line-height: 1.4;
  font-weight: 500;
  background: #fff;
  font-weight: 700;
  letter-spacing: 0.1em;
  padding: 0;
  text-align: center;
  text-decoration: none;
  border: 1px solid #999999;
  cursor: pointer;
  height: 73px;
}

@media screen and (max-width: 991px) {
  .btn-arrow {
    font-size: 14px;
    height: 40px;
  }
}

.btn-arrow::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 20px;
  margin: auto;
  width: 10px;
  height: 10px;
  border-top: 2px solid #343434;
  border-right: 2px solid #343434;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

@media screen and (max-width: 991px) {
  .btn-arrow::before {
    right: 12px;
    width: 8px;
    height: 8px;
  }
}

@media screen and (min-width: 992px) {
  .btn-arrow {
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
  }
  .btn-arrow:hover {
    background: #999999;
    color: #fff !important;
  }
}

.ttl_en {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 35px !important;
}

@media screen and (max-width: 991px) {
  .ttl_en {
    margin-bottom: 25px !important;
  }
}

.ttl_en .t1 {
  font-size: 40px;
  font-weight: 700;
}

@media screen and (max-width: 991px) {
  .ttl_en .t1 {
    font-size: 22px;
  }
}

.ttl_en .t2 {
  font-size: 20px;
  font-weight: 700;
  color: #1891ff;
  padding-top: 20px;
}

@media screen and (max-width: 991px) {
  .ttl_en .t2 {
    font-size: 12px;
    padding-top: 10px;
  }
}

#js-index-header {
  padding-bottom: 50px;
  background: none;
}

@media screen and (min-width: 992px) {
  #js-index-header {
    height: 650px;
  }
}

@media screen and (max-width: 991px) {
  #js-index-header {
    padding-bottom: 40px;
  }
}

#js-index-header .splide__arrows {
  order: 1;
}

#js-index-header .splide__nav {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
}

#js-index-header .splide__nav > div {
  position: relative;
  display: flex;
  justify-content: center;
}

#js-index-header .splide__pagination {
  position: inherit;
  left: inherit;
  right: inherit;
  bottom: inherit;
  margin: 0;
  padding: 0 50px;
  gap: 15px;
}

@media screen and (max-width: 991px) {
  #js-index-header .splide__pagination {
    padding: 0 35px;
  }
}

#js-index-header .splide__pagination__page {
  background: #bbbbbb;
  width: 15px;
  height: 15px;
}

@media screen and (max-width: 991px) {
  #js-index-header .splide__pagination__page {
    width: 15px;
    height: 15px;
  }
}

#js-index-header .splide__pagination__page.is-active {
  background: #333;
}

#js-index-header .p-fp-slider--type2__arrow,
#js-index-header .p-fp-slider--type3__arrow {
  display: none;
}

#js-index-header .splide__arrow {
  cursor: pointer;
  color: transparent;
  border: none;
  outline: none;
  background: transparent;
  position: relative;
  width: 11px;
  height: 21px;
}

#js-index-header .splide__arrow--prev::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent #6f8976 transparent transparent;
  border-width: 10.5px 11px 10.5px 0px;
}

#js-index-header .splide__arrow--next::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent transparent transparent #6f8976;
  border-width: 10.5px 0px 10.5px 11px;
}

#js-index-header .splide__pagination li button {
  border: none !important;
}

.l-header__catch {
  display: none;
}

@media screen and (min-width: 992px) {
  .l-header__top {
    justify-content: space-between;
  }
}

.p-drawer-menu-member {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

@media screen and (max-width: 991px) {
  .l-header__right .l-header__subnav {
    display: none !important;
  }
}

@media screen and (min-width: 992px) {
  .l-header__right {
    display: flex;
    align-items: center;
    padding-right: 180px;
  }
  .l-header__right .l-header__subnav {
    display: flex;
    align-items: center;
  }
  .l-header__right .l-header__subnav ul {
    display: flex;
    align-items: center;
  }
  .l-header__right .l-header__subnav ul li + li {
    margin-left: 25px;
  }
}

@media screen and (min-width: 992px) and (max-width: 1080px) {
  .l-header__right .l-header__subnav ul li + li {
    margin-left: 15px;
  }
}

@media screen and (min-width: 992px) {
  .l-header__right .l-header__subnav ul li a {
    position: relative;
    font-size: 14px;
  }
}

@media screen and (min-width: 992px) and (max-width: 1080px) {
  .l-header__right .l-header__subnav ul li a {
    font-size: 1.2962962962962963vw;
  }
}

@media screen and (min-width: 992px) {
  .l-header__right .l-header__subnav ul li a::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
  }
  .l-header__right .l-header__subnav ul li.--guide a {
    padding-left: 30px;
  }
}

@media screen and (min-width: 992px) and (max-width: 1080px) {
  .l-header__right .l-header__subnav ul li.--guide a {
    padding-left: 26px;
  }
}

@media screen and (min-width: 992px) {
  .l-header__right .l-header__subnav ul li.--guide a::before {
    background: url(img/common/icon_guide.png) left center no-repeat;
    background-size: contain;
    width: 18px;
    height: 30px;
  }
}

@media screen and (min-width: 992px) and (max-width: 1080px) {
  .l-header__right .l-header__subnav ul li.--guide a::before {
    width: 14px;
    height: 23.333px;
  }
}

@media screen and (min-width: 992px) {
  .l-header__right .l-header__subnav ul li.--faq a {
    padding-left: 40px;
  }
}

@media screen and (min-width: 992px) and (max-width: 1080px) {
  .l-header__right .l-header__subnav ul li.--faq a {
    padding-left: 34px;
  }
}

@media screen and (min-width: 992px) {
  .l-header__right .l-header__subnav ul li.--faq a::before {
    background: url(img/common/icon_faq.png) left center no-repeat;
    background-size: contain;
    width: 31px;
    height: 30px;
  }
}

@media screen and (min-width: 992px) and (max-width: 1080px) {
  .l-header__right .l-header__subnav ul li.--faq a::before {
    width: 25px;
    height: 24.194px;
  }
}

@media screen and (min-width: 992px) {
  .l-header__right .l-header__subnav .tel {
    margin-left: 50px;
  }
}

@media screen and (min-width: 992px) and (max-width: 1080px) {
  .l-header__right .l-header__subnav .tel {
    width: 200px;
  }
}

@media screen and (min-width: 992px) and (max-width: 1080px) {
  .l-header__right .l-header__subnav .tel {
    margin-left: 25px;
  }
}

@media screen and (min-width: 992px) {
  .l-header__right .l-header__subnav .mailbtn {
    margin-left: 20px;
  }
}

@media screen and (min-width: 992px) and (max-width: 1080px) {
  .l-header__right .l-header__subnav .mailbtn {
    margin-left: 15px;
  }
}

@media screen and (min-width: 992px) {
  .l-header__right .l-header__subnav .mailbtn a {
    display: block;
  }
}

@media screen and (min-width: 992px) and (min-width: 992px) {
  .l-header__right .l-header__subnav .mailbtn a {
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
  }
  .l-header__right .l-header__subnav .mailbtn a:hover {
    opacity: 0.6;
  }
}

@media screen and (min-width: 992px) {
  .l-header__right .l-header__search-button label,
  .l-header__right .l-header__search-button button {
    padding: 0;
    margin: 0 20px;
  }
  .l-header__right .l-header__icons-search {
    position: relative;
  }
  .l-header__right .l-header__search-form {
    position: absolute;
    right: 30px;
    top: 0;
    bottom: 0;
    margin: auto;
    pointer-events: none;
  }
}

@media screen and (min-width: 992px) and (hover: hover) and (pointer: fine) {
  .l-header__right .l-header__search:hover .l-header__search-form input,
  .l-header__right .l-header__search-form input:focus,
  .l-header__right .l-header__search-form input:not(:placeholder-shown) {
    pointer-events: all;
  }
}

@media screen and (min-width: 1200px) {
  .l-header__right {
    padding-right: 240px;
  }
}

.p-drawer-menu__btns ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.p-drawer-menu__btns ul li {
  width: 48%;
}

.p-drawer-menu__btns ul li:nth-child(n + 3) {
  margin-top: 4%;
}

.p-drawer-menu__btns ul li a {
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 45px;
}

.p-drawer-menu__btns ul li a > span {
  position: relative;
  padding-left: 35px;
  margin-left: -15px;
  color: #000;
  height: 30px;
  display: flex;
  align-items: center;
}

.p-drawer-menu__btns ul li a > span::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 33px;
  height: 100%;
  background-size: contain;
  background-position: left center;
  background-repeat: no-repeat;
}

.p-drawer-menu__btns ul li.--mail a > span::before {
  background-image: url(img/common/icon_drawer_mail.png);
}

.p-drawer-menu__btns ul li.--calc a > span::before {
  background-image: url(img/common/icon_drawer_calc.png);
}

.p-drawer-menu__btns ul li.--sample a > span::before {
  background-image: url(img/common/icon_drawer_sample.png);
}

.home .l-main > .p-cb > .p-cb--editor:first-child {
  margin-top: 0 !important;
}

.home .p-cb--editor .p-body section {
  margin-bottom: 0;
}

.home .p-cb--editor .p-body a {
  color: var(--tcd-root-font-color);
  text-decoration: none;
  text-decoration: none !important;
}

@media (hover: hover) and (pointer: fine) {
  .home .p-cb--editor .p-body a:hover {
    color: var(--tcd-accent-color);
  }
}

.home .p-cb--editor .p-body ul,
.home .p-cb--editor .p-body li {
  list-style: none;
}

.home .p-cb--editor .p-body h2 {
  margin-top: 0;
}

.home .p-cb--editor .p-cb__section:not(.p-cb--banner):first-child,
.home .p-cb--editor .p-cb__section:not(.p-cb--banner) + .p-cb--banner:first-child {
  margin-top: 0;
}

.home .p-cb--posts .p-cb__header .p-cb__header-desc {
  margin-bottom: 0;
}

.p-archive03-item-info .txt {
  margin-top: 25px;
  color: #000 !important;
  line-height: 1.5;
}

@media screen and (max-width: 767px) {
  .p-footer-bar ~ .p-return-top-button-wrapper {
    display: block;
    bottom: 65px;
    right: 10px;
  }
}

.cardlink-title {
  color: #000 !important;
}

.p-plink .txt p {
  margin-bottom: 0 !important;
}

.p-recent-news {
  display: none;
}

.p-body p.wp-caption-text {
  margin-bottom: 0;
  padding-bottom: 0;
}

@media screen and (max-width: 991px) {
  .p-body .wp-caption {
    width: 100% !important;
  }
}

.p-body p code {
  display: block;
}

.p-body .btn {
  display: table;
  position: relative;
  margin: 0 auto;
  color: #000 !important;
  font-size: 20px;
  line-height: 1.4;
  font-weight: 500;
  background: #fff;
  font-weight: 700;
  letter-spacing: 0.1em;
  padding: 15px 60px 15px 55px;
  text-align: center;
  text-decoration: none !important;
  border: 1px solid #999999;
  cursor: pointer;
}

.p-body .btn.--left {
  margin: 0 auto 0 0;
}

@media screen and (max-width: 991px) {
  .p-body .btn {
    font-size: 15px;
    padding: 15px 50px 15px 45px;
  }
}

.p-body .btn::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 20px;
  margin: auto;
  width: 10px;
  height: 10px;
  border-top: 2px solid #343434;
  border-right: 2px solid #343434;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

@media screen and (max-width: 991px) {
  .p-body .btn::before {
    right: 12px;
    width: 8px;
    height: 8px;
  }
}

@media screen and (min-width: 992px) {
  .p-body .btn {
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
  }
  .p-body .btn:hover {
    background: #999999;
    color: #fff !important;
  }
}

.p-author-profile__desc.c-line2 {
  max-height: inherit;
}

.p-author-profile__desc.c-line2 > span {
  -webkit-line-clamp: inherit;
}

.sampleBox .t1 {
  margin-bottom: 20px;
}

.sampleBox .flex {
  display: flex;
  align-items: center;
}

.sampleBox .flex .item:nth-child(2) p {
  margin: 0;
  padding: 0;
  line-height: 2;
}

.sampleBox .flex .item + .item {
  margin-left: 20px;
}

.sampleBox .btn_arrow {
  margin-top: 20px;
  max-width: 330px;
}

@media screen and (min-width: 992px) {
  .sampleBox .btn_arrow:hover {
    opacity: 0.7;
  }
}

.copy-code dd {
  background: #efefef;
  border: 1px solid #ccc;
  font-size: 14px;
  line-height: 1.6;
  padding: 10px;
}

.p-entry-product-main-content dl,
.p-entry-product-main-content dt,
.p-entry-product-main-content dd {
  margin: 0;
}

.p-entry-product-main-content p {
  line-height: 1.8;
  font-size: 16px;
  margin-bottom: 25px;
}

@media screen and (max-width: 991px) {
  .p-entry-product-main-content p {
    font-size: 14px;
    line-height: 1.6;
    margin-bottom: 25px;
  }
}

@media screen and (max-width: 991px) {
  .p-entry-product-main-content .btn-arrow {
    max-width: 240px;
  }
}

.p-entry-product-main-content .bg-mint {
  position: relative;
  padding: 60px 0;
  margin: 0 !important;
}

@media screen and (max-width: 991px) {
  .p-entry-product-main-content .bg-mint {
    padding: 30px 0;
  }
}

.p-entry-product-main-content .bg-mint::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin: auto;
  width: 100vw;
  height: 100%;
  background: #edf8f5;
}

.p-entry-product-main-content .bg-mint > * {
  position: relative;
  z-index: 1;
}

.p-entry-product-main-content .section + .section,
.p-entry-product-main-content .section.--mt {
  margin-top: 100px;
}

@media screen and (max-width: 991px) {
  .p-entry-product-main-content .section + .section,
  .p-entry-product-main-content .section.--mt {
    margin-top: 50px;
  }
}

.p-entry-product-main-content .section.--option {
  margin-top: 70px;
}

@media screen and (max-width: 991px) {
  .p-entry-product-main-content .section.--option {
    margin-top: 35px;
  }
}

.p-entry-product-main-content .section .wrap {
  width: calc(100% - 30px);
  margin: auto;
}

.p-entry-product-main-content .section .wrap > dl > dt {
  font-size: 30px;
  font-weight: 700;
  margin-bottom: 15px;
  line-height: 1.6;
}

@media screen and (max-width: 991px) {
  .p-entry-product-main-content .section .wrap > dl > dt {
    font-size: 16px;
  }
}

.p-entry-product-main-content .section .wrap > dl > dt > span {
  color: #ff5a26;
}

.p-entry-product-main-content .section .wrap > dl dd .image {
  display: flex;
  justify-content: center;
}

.p-entry-product-main-content .section .wrap > dl dd .image + .image {
  margin-top: 30px;
}

.p-entry-product-main-content .section .wrap > dl dd .image.--receipt {
  padding-top: 25px;
}

@media screen and (max-width: 991px) {
  .p-entry-product-main-content .section .wrap > dl dd .image.--receipt {
    width: 60%;
    margin: auto;
    padding-top: 10px;
  }
}

.p-entry-product-main-content .section .wrap > dl dd .box01 {
  margin-top: 30px;
}

@media screen and (max-width: 991px) {
  .p-entry-product-main-content .section .wrap > dl dd .box01 {
    margin-top: 15px;
  }
}

.p-entry-product-main-content .section .wrap > dl dd .box01 .t1 {
  display: inline-block;
  padding: 7px 10px 10px;
  line-height: 1;
  color: #fff;
  background: #333333;
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 10px;
}

@media screen and (max-width: 991px) {
  .p-entry-product-main-content .section .wrap > dl dd .box01 .t1 {
    font-size: 14px;
  }
}

.p-entry-product-main-content .productAbout-ttl {
  border-top: 1px solid #265cff;
  border-bottom: 1px solid #265cff;
  font-weight: 700;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 5px 0 8px;
  margin-bottom: 60px;
}

@media screen and (max-width: 991px) {
  .p-entry-product-main-content .productAbout-ttl {
    flex-wrap: wrap;
    flex-direction: column;
    padding: 7px 0 10px;
    margin-bottom: 30px;
  }
}

@media screen and (max-width: 991px) {
  .p-entry-product-main-content .productAbout-ttl > div {
    line-height: 1.3;
  }
}

@media screen and (min-width: 992px) {
  .p-entry-product-main-content .productAbout-ttl > div + div {
    margin-left: 50px;
  }
}

.p-entry-product-main-content .productAbout-ttl .t1 {
  font-size: 40px;
}

@media screen and (max-width: 991px) {
  .p-entry-product-main-content .productAbout-ttl .t1 {
    font-size: 20px;
  }
}

.p-entry-product-main-content .productAbout-ttl .t2 {
  font-size: 50px;
  color: #265cff;
}

@media screen and (max-width: 991px) {
  .p-entry-product-main-content .productAbout-ttl .t2 {
    font-size: 30px;
  }
}

.p-entry-product-main-content .productAbout-ttl .t3 > span {
  display: inline-block;
  padding: 7px 30px 10px;
  line-height: 1;
  color: #fff;
  background: #ff5c26;
  font-size: 28px;
}

@media screen and (max-width: 991px) {
  .p-entry-product-main-content .productAbout-ttl .t3 > span {
    font-size: 16px;
    padding: 5px 20px 8px;
  }
}

.p-entry-product-main-content .productAbout .blk01 {
  display: flex;
  justify-content: center;
  margin-bottom: 50px;
}

@media screen and (max-width: 991px) {
  .p-entry-product-main-content .productAbout .blk01 {
    margin-bottom: 35px;
  }
}

.p-entry-product-main-content .productAbout .blk02 {
  margin-bottom: 50px;
}

.p-entry-product-main-content .productAbout .blk02 > dl > dt {
  text-align: center;
  font-size: 35px;
  margin-bottom: 30px;
}

@media screen and (max-width: 991px) {
  .p-entry-product-main-content .productAbout .blk02 > dl > dt {
    font-size: 22px;
    margin-bottom: 15px;
  }
}

.p-entry-product-main-content .productAbout .blk02 > dl > dt > span {
  color: #265bff;
}

.p-entry-product-main-content .productAbout .blk02 > dl > dd .flex {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

@media screen and (min-width: 992px) {
  .p-entry-product-main-content .productAbout .blk02 > dl > dd .flex .item {
    width: 49%;
  }
}

@media screen and (max-width: 991px) {
  .p-entry-product-main-content .productAbout .blk02 > dl > dd .flex .item {
    width: 100%;
  }
  .p-entry-product-main-content .productAbout .blk02 > dl > dd .flex .item:nth-child(1) img {
    width: 80%;
    margin: auto;
    display: block;
  }
  .p-entry-product-main-content .productAbout .blk02 > dl > dd .flex .item:not(:last-child) {
    margin-bottom: 25px;
  }
}

.p-entry-product-main-content .productAbout .blk03 > dl > dt {
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 700;
  margin-bottom: 30px;
}

@media screen and (max-width: 991px) {
  .p-entry-product-main-content .productAbout .blk03 > dl > dt {
    flex-direction: column;
    margin-bottom: 20px;
  }
}

.p-entry-product-main-content .productAbout .blk03 > dl > dt > span + span {
  margin-left: 20px;
}

@media screen and (max-width: 991px) {
  .p-entry-product-main-content .productAbout .blk03 > dl > dt > span + span {
    margin: 10px 0 0 0;
  }
}

.p-entry-product-main-content .productAbout .blk03 > dl > dt .t1 {
  display: inline-block;
  padding: 7px 30px 10px;
  line-height: 1;
  color: #fff;
  background: #ff5c26;
  font-size: 28px;
}

@media screen and (max-width: 991px) {
  .p-entry-product-main-content .productAbout .blk03 > dl > dt .t1 {
    font-size: 18px;
    padding: 5px 10px 8px;
  }
}

.p-entry-product-main-content .productAbout .blk03 > dl > dt .t2 {
  font-size: 35px;
}

@media screen and (max-width: 991px) {
  .p-entry-product-main-content .productAbout .blk03 > dl > dt .t2 {
    font-size: 20px;
    text-align: center;
    line-height: 1.6;
  }
}

.p-entry-product-main-content .productAbout .blk03 > dl > dt .t2 b {
  color: #ff5c26;
}

.p-entry-product-main-content .productAbout .blk03 > dl > dd .image {
  display: flex;
  justify-content: center;
  margin-bottom: 50px;
}

@media screen and (max-width: 991px) {
  .p-entry-product-main-content .productAbout .blk03 > dl > dd .image {
    margin-bottom: 30px;
  }
}

.p-entry-product-main-content .productAbout .blk03 > dl > dd .flex {
  display: flex;
  align-items: center;
  justify-content: center;
}

@media screen and (min-width: 992px) {
  .p-entry-product-main-content .productAbout .blk03 > dl > dd .flex {
    max-width: 1060px;
    margin: auto;
  }
}

@media screen and (max-width: 991px) {
  .p-entry-product-main-content .productAbout .blk03 > dl > dd .flex {
    position: relative;
    align-items: flex-start;
  }
}

@media screen and (max-width: 991px) {
  .p-entry-product-main-content .productAbout .blk03 > dl > dd .flex .item > dl {
    padding-top: 50px;
  }
}

.p-entry-product-main-content .productAbout .blk03 > dl > dd .flex .item > dl > dt {
  display: flex;
  font-weight: 700;
  font-size: 25px;
  margin-bottom: 20px;
  white-space: nowrap;
}

@media screen and (max-width: 991px) {
  .p-entry-product-main-content .productAbout .blk03 > dl > dd .flex .item > dl > dt {
    font-size: 17px;
    position: absolute;
    left: 0;
    top: 0;
  }
}

.p-entry-product-main-content .productAbout .blk03 > dl > dd .flex .item > dl > dt .t1 {
  display: block;
  padding: 5px 10px 8px;
  line-height: 1;
  color: #fff;
  background: #ff5b26;
}

.p-entry-product-main-content .productAbout .blk03 > dl > dd .flex .item > dl > dt .t2 {
  display: block;
  padding: 5px 10px 8px;
  line-height: 1;
  color: #fff;
  background: #333333;
}

.p-entry-product-main-content .productAbout .blk03 > dl > dd .flex .item ul {
  margin: 0;
  padding: 0;
}

.p-entry-product-main-content .productAbout .blk03 > dl > dd .flex .item ul li {
  list-style: none;
}

.p-entry-product-main-content .productAbout .blk03 > dl > dd .flex .item ul li + li {
  margin-top: 15px;
}

.p-entry-product-main-content .productAbout .blk03 > dl > dd .flex .item ul li .t1 {
  font-size: 25px;
  font-weight: 700;
  color: #ff5b26;
  line-height: 1.5;
  margin-bottom: 5px;
}

@media screen and (max-width: 991px) {
  .p-entry-product-main-content .productAbout .blk03 > dl > dd .flex .item ul li .t1 {
    font-size: 15px;
  }
}

.p-entry-product-main-content .productAbout .blk03 > dl > dd .flex .item ul li p {
  margin: 0;
}

@media screen and (max-width: 991px) {
  .p-entry-product-main-content .productAbout .blk03 > dl > dd .flex .item ul li p {
    font-size: 13px;
  }
}

@media screen and (min-width: 992px) {
  .p-entry-product-main-content .productAbout .blk03 > dl > dd .flex .item:nth-child(1) {
    max-width: calc(100% - 332px);
  }
  .p-entry-product-main-content .productAbout .blk03 > dl > dd .flex .item:nth-child(2) {
    padding-left: 30px;
    position: relative;
    width: 332px;
  }
}

@media screen and (max-width: 991px) {
  .p-entry-product-main-content .productAbout .blk03 > dl > dd .flex .item {
    width: 60%;
  }
  .p-entry-product-main-content .productAbout .blk03 > dl > dd .flex .item:nth-child(1) {
    padding-right: 15px;
  }
  .p-entry-product-main-content .productAbout .blk03 > dl > dd .flex .item:nth-child(2) {
    width: 40%;
    padding-top: 50px;
  }
}

.p-entry-product-main-content .productHowto {
  background: #fff;
  padding: 50px 70px 70px;
}

@media screen and (max-width: 991px) {
  .p-entry-product-main-content .productHowto {
    padding: 25px 20px 35px;
  }
}

.p-entry-product-main-content .productHowto + .productFaq {
  margin-top: 60px;
}

@media screen and (max-width: 991px) {
  .p-entry-product-main-content .productHowto + .productFaq {
    margin-top: 30px;
  }
}

.p-entry-product-main-content .productHowto-ttl {
  margin: 0 0 30px;
  padding: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
}

@media screen and (max-width: 991px) {
  .p-entry-product-main-content .productHowto-ttl {
    margin-bottom: 15px;
  }
}

.p-entry-product-main-content .productHowto-ttl .t1 {
  display: inline-block;
  padding: 7px 15px 10px;
  line-height: 1;
  color: #fff;
  background: #333;
  border-radius: 50px;
  font-size: 20px;
  margin-bottom: 10px;
}

@media screen and (max-width: 991px) {
  .p-entry-product-main-content .productHowto-ttl .t1 {
    font-size: 13px;
    padding: 5px 15px 8px;
  }
}

.p-entry-product-main-content .productHowto-ttl .t2 {
  font-size: 30px;
  letter-spacing: 0.05em;
}

@media screen and (max-width: 991px) {
  .p-entry-product-main-content .productHowto-ttl .t2 {
    font-size: 13px;
  }
}

.p-entry-product-main-content .productHowto-ttl .t2 > b {
  color: #265aff;
  font-size: 35px;
}

@media screen and (max-width: 991px) {
  .p-entry-product-main-content .productHowto-ttl .t2 > b {
    font-size: 20px;
  }
}

.p-entry-product-main-content .productHowto-ttl .t2 > span {
  font-size: 35px;
}

@media screen and (max-width: 991px) {
  .p-entry-product-main-content .productHowto-ttl .t2 > span {
    font-size: 20px;
  }
}

.p-entry-product-main-content .productHowto .image {
  display: flex;
  justify-content: center;
}

.p-entry-product-main-content .productHowto-btn {
  margin-top: 70px;
}

@media screen and (max-width: 991px) {
  .p-entry-product-main-content .productHowto-btn {
    margin-top: 35px;
  }
}

.p-entry-product-main-content .productHowto-btn .btn-arrow {
  color: #000 !important;
  text-decoration: none !important;
}

.p-entry-product-main-content .productFaq {
  background: #fff;
  padding: 50px 70px 70px;
}

@media screen and (max-width: 991px) {
  .p-entry-product-main-content .productFaq {
    padding: 25px 20px 35px;
  }
}

.p-entry-product-main-content .productFaq-ttl {
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 700;
  margin: 0 0 30px;
  padding: 0;
}

@media screen and (max-width: 991px) {
  .p-entry-product-main-content .productFaq-ttl {
    flex-direction: column;
    margin-bottom: 20px;
    display: block;
  }
}

.p-entry-product-main-content .productFaq-ttl > span + span {
  margin-left: 20px;
}

@media screen and (max-width: 991px) {
  .p-entry-product-main-content .productFaq-ttl > span + span {
    margin: 10px 0 0 0;
  }
}

.p-entry-product-main-content .productFaq-ttl .t1 {
  display: inline-block;
  padding: 7px 30px 10px;
  line-height: 1;
  color: #fff;
  background: #ff5c26;
  font-size: 28px;
}

@media screen and (max-width: 991px) {
  .p-entry-product-main-content .productFaq-ttl .t1 {
    font-size: 18px;
    padding: 5px 10px 8px;
  }
}

.p-entry-product-main-content .productFaq-ttl .t2 {
  font-size: 35px;
}

@media screen and (max-width: 991px) {
  .p-entry-product-main-content .productFaq-ttl .t2 {
    font-size: 20px;
    text-align: center;
    line-height: 1.6;
  }
}

.p-entry-product-main-content .productFaq-ttl .t2 b {
  color: #ff5c26;
}

.p-entry-product-main-content .productFaq-btn {
  margin-top: 50px;
}

@media screen and (max-width: 991px) {
  .p-entry-product-main-content .productFaq-btn {
    margin-top: 35px;
  }
}

.p-entry-product-main-content .productFaq-btn .btn-arrow {
  color: #000 !important;
  text-decoration: none !important;
}

.p-entry-product-main-content .productMovie {
  padding: 60px 0 50px;
}

@media screen and (max-width: 991px) {
  .p-entry-product-main-content .productMovie {
    padding: 45px 0;
  }
}

.p-entry-product-main-content .productMovie-ttl {
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  font-weight: 700;
  line-height: 1.5;
  margin-bottom: 30px;
}

@media screen and (max-width: 991px) {
  .p-entry-product-main-content .productMovie-ttl {
    margin-bottom: 20px;
  }
}

.p-entry-product-main-content .productMovie-ttl .t1 {
  font-size: 20px;
  color: #265cff;
  padding-bottom: 5px;
}

@media screen and (max-width: 991px) {
  .p-entry-product-main-content .productMovie-ttl .t1 {
    font-size: 15px;
  }
}

.p-entry-product-main-content .productMovie-ttl .t2 {
  font-size: 35px;
}

@media screen and (max-width: 991px) {
  .p-entry-product-main-content .productMovie-ttl .t2 {
    font-size: 20px;
  }
}

.p-entry-product-main-content .productMovie-youtube {
  max-width: 800px;
  margin: auto;
  width: 100%;
}

.p-entry-product-main-content .productMovie-btn {
  margin-top: 35px;
}

@media screen and (max-width: 991px) {
  .p-entry-product-main-content .productMovie-btn {
    margin-top: 20px;
  }
}

.p-entry-product-main-content .productMovie-btn .t1 {
  text-align: center;
  font-size: 20px;
  color: #ff5c26;
  font-weight: 700;
  margin-bottom: 10px;
}

@media screen and (max-width: 991px) {
  .p-entry-product-main-content .productMovie-btn .t1 {
    font-size: 15px;
    margin-bottom: 5px;
  }
}

.p-entry-product-main-content .productMovie-btn .btn-arrow {
  color: #000 !important;
  text-decoration: none !important;
}

.p-entry-product-main-content .productSize {
  padding: 25px 0 0;
}

@media screen and (max-width: 991px) {
  .p-entry-product-main-content .productSize {
    padding: 0 0 0;
  }
}

.p-entry-product-main-content .productSize-ttl {
  font-size: 30px;
  letter-spacing: 0.05em;
  margin: 0 0 30px;
  padding: 0;
}

@media screen and (max-width: 991px) {
  .p-entry-product-main-content .productSize-ttl {
    font-size: 13px;
    margin-bottom: 15px;
  }
}

.p-entry-product-main-content .productSize-ttl > b {
  color: #265aff;
  font-size: 35px;
}

@media screen and (max-width: 991px) {
  .p-entry-product-main-content .productSize-ttl > b {
    font-size: 20px;
  }
}

.p-entry-product-main-content .productSize-ttl > span {
  font-size: 35px;
}

@media screen and (max-width: 991px) {
  .p-entry-product-main-content .productSize-ttl > span {
    font-size: 20px;
  }
}

.p-entry-product-main-content .productSize-ttl + p {
  max-width: 800px;
  margin: 0 auto 50px;
}

@media screen and (max-width: 991px) {
  .p-entry-product-main-content .productSize-ttl + p {
    margin-bottom: 35px;
  }
}

.p-entry-product-main-content .productSize .image {
  display: flex;
  justify-content: center;
}

.p-entry-product-main-content .productSize .image + .image {
  margin-top: 50px;
}

@media screen and (max-width: 991px) {
  .p-entry-product-main-content .productSize .image + .image {
    margin-top: 35px;
  }
}

.p-entry-product-main-content .productSize-cart {
  margin-top: 70px;
}

@media screen and (max-width: 991px) {
  .p-entry-product-main-content .productSize-cart {
    margin-top: 40px;
  }
}

.p-entry-product-main-content .productSize-cart dt {
  text-align: center;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.6;
  margin-bottom: 30px;
}

@media screen and (max-width: 991px) {
  .p-entry-product-main-content .productSize-cart dt {
    font-size: 12px;
    letter-spacing: -0.01em;
    margin-bottom: 20px;
  }
}

.p-entry-product-main-content .productSize-cart dt > span {
  color: #3366ff;
}

.p-entry-product-main-content .productSize-cart dd .btn-arrow {
  text-decoration: none !important;
  color: #000 !important;
}

.p-entry-product-main-content .productSize-cart dd .btn-arrow::before {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.p-entry-product-main-content .productSize-another {
  margin: 100px auto 0;
  max-width: 920px;
  position: relative;
  padding-bottom: 40px;
}

@media screen and (max-width: 991px) {
  .p-entry-product-main-content .productSize-another {
    margin-top: 50px;
  }
}

.p-entry-product-main-content .productSize-another::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin: auto;
  width: 100vw;
  height: 100%;
  background: white;
  background: linear-gradient(180deg, white 0%, #efefef 100%);
}

.p-entry-product-main-content .productSize-another dl {
  position: relative;
  z-index: 1;
}

.p-entry-product-main-content .productSize-another dt {
  text-align: center;
  line-height: 1.6;
  color: #3366ff;
  font-size: 25px;
  margin-bottom: 30px;
}

@media screen and (max-width: 991px) {
  .p-entry-product-main-content .productSize-another dt {
    font-size: 15px;
    margin-bottom: 20px;
  }
}

.p-entry-product-main-content .productSize-another dd ul {
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

@media screen and (min-width: 992px) {
  .p-entry-product-main-content .productSize-another dd ul {
    position: relative;
  }
  .p-entry-product-main-content .productSize-another dd ul li {
    width: 31%;
  }
  .p-entry-product-main-content .productSize-another dd ul li + li {
    margin-left: 3.5%;
  }
  .p-entry-product-main-content .productSize-another dd ul li:nth-child(n + 4) {
    margin-top: 3.5%;
  }
}

@media screen and (max-width: 991px) {
  .p-entry-product-main-content .productSize-another dd ul li {
    width: 48%;
  }
  .p-entry-product-main-content .productSize-another dd ul li:nth-child(n + 3) {
    margin-top: 4%;
  }
  .p-entry-product-main-content .productSize-another dd ul li + li {
    margin-left: 4%;
  }
  .p-entry-product-main-content .productSize-another dd ul li:nth-child(3) {
    margin-left: 0;
  }
}

.p-entry-product-main-content .productSize-another dd ul li {
  list-style: none;
}

.p-entry-product-main-content .productSize-another dd ul li .btn-arrow {
  text-decoration: none !important;
  color: #000 !important;
  height: 60px;
  font-size: 20px;
}

@media screen and (max-width: 991px) {
  .p-entry-product-main-content .productSize-another dd ul li .btn-arrow {
    font-size: 13px;
    height: 36px;
    padding-right: 10px;
  }
}

.p-entry-product-main-content .productUsable {
  background: #fff;
  padding: 50px 70px 50px;
}

@media screen and (max-width: 991px) {
  .p-entry-product-main-content .productUsable {
    padding: 30px 20px 30px;
  }
}

.p-entry-product-main-content .productUsable > dl > dt {
  font-size: 35px;
  margin: 0 0 35px;
  padding: 0;
  font-weight: 700;
  text-align: center;
  line-height: 1.5;
}

@media screen and (max-width: 991px) {
  .p-entry-product-main-content .productUsable > dl > dt {
    font-size: 20px;
    line-height: 1.3;
    margin-bottom: 25px;
  }
}

.p-entry-product-main-content .productUsable > dl > dt .t1 {
  display: inline-block;
  padding: 7px 15px 10px;
  line-height: 1;
  color: #fff;
  background: #ff5c26;
  font-size: 28px;
  margin-bottom: 10px;
  margin-right: 15px;
}

@media screen and (max-width: 991px) {
  .p-entry-product-main-content .productUsable > dl > dt .t1 {
    font-size: 17px;
    padding: 5px 15px 8px;
    margin-right: 8px;
  }
}

.p-entry-product-main-content .productUsable > dl > dt .t2 {
  color: #2cb200;
}

.p-entry-product-main-content .productUsable > dl > dd .image {
  display: flex;
  justify-content: center;
  margin: 30px auto 50px;
}

@media screen and (max-width: 991px) {
  .p-entry-product-main-content .productUsable > dl > dd .image {
    margin: 20px auto 30px;
  }
}

.p-entry-product-main-content .productUsable > dl > dd .flex {
  display: flex;
}

@media screen and (max-width: 991px) {
  .p-entry-product-main-content .productUsable > dl > dd .flex {
    justify-content: space-between;
  }
}

.p-entry-product-main-content .productUsable > dl > dd .flex .item > dl > dt {
  font-weight: 700;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.6;
  margin-bottom: 10px;
}

@media screen and (max-width: 991px) {
  .p-entry-product-main-content .productUsable > dl > dd .flex .item > dl > dt {
    font-size: 15px;
    margin-bottom: 5px;
  }
}

.p-entry-product-main-content .productUsable > dl > dd .flex .item > dl dd p {
  margin-bottom: 0;
}

@media screen and (max-width: 991px) {
  .p-entry-product-main-content .productUsable > dl > dd .flex .item > dl dd p {
    font-size: 13px;
  }
}

@media screen and (min-width: 992px) {
  .p-entry-product-main-content .productUsable > dl > dd .flex .item {
    width: 180px;
  }
  .p-entry-product-main-content .productUsable > dl > dd .flex .item:nth-child(2) {
    width: calc(100% - 180px);
    padding-left: 30px;
  }
}

@media screen and (max-width: 991px) {
  .p-entry-product-main-content .productUsable > dl > dd .flex .item {
    width: 45%;
  }
  .p-entry-product-main-content .productUsable > dl > dd .flex .item:nth-child(2) {
    width: 51%;
  }
}

.catHtml {
  padding: 60px 0 0;
}

.catHtml + .l-container__inner {
  padding-top: 70px;
}

@media screen and (max-width: 991px) {
  .catHtml + .l-container__inner {
    padding-top: 35px;
  }
}

@media screen and (max-width: 991px) {
  .catHtml {
    padding: 30px 0 0;
  }
}

.catHtml .inner {
  max-width: 1200px;
  padding: 0 50px;
  width: 100%;
  margin: auto;
}

@media screen and (max-width: 991px) {
  .catHtml .inner {
    padding: 0;
    width: calc(100% - 40px);
  }
}

.catHtml .marker {
  background: linear-gradient(transparent 60%, #ffff00 60%);
}

.catHtml .title {
  font-size: 25px;
  font-weight: 700;
  margin-bottom: 35px;
  border-bottom: 2px solid var(--tcd-accent-color);
  padding-bottom: 15px;
  line-height: 1.5;
  position: relative;
  padding-left: 1.2em;
}

@media screen and (max-width: 991px) {
  .catHtml .title {
    font-size: 15px;
    padding-bottom: 10px;
    padding-left: 1.4em;
    margin-bottom: 20px;
  }
}

.catHtml .title::before {
  content: "";
  position: absolute;
  display: block;
  left: 0;
  background: var(--tcd-accent-color);
  width: 16px;
  height: 16px;
  border-radius: 50%;
  top: 0.5em;
}

@media screen and (max-width: 991px) {
  .catHtml .title::before {
    width: 12px;
    height: 12px;
    top: 0.4em;
  }
}

.catHtml p,
.catHtml li {
  line-height: 1.8;
  font-size: 16px;
}

@media screen and (max-width: 991px) {
  .catHtml p,
  .catHtml li {
    font-size: 14px;
    line-height: 1.6;
  }
}

.catHtml-header {
  padding-bottom: 50px;
}

.catHtml-header h1 {
  display: flex;
  align-items: center;
  margin: 0;
  padding: 0;
}

.catHtml-header h1 .t1 {
  display: inline-block;
  padding: 7px 30px 10px;
  line-height: 1;
  color: #fff;
  background: #0080ff;
  font-size: 28px;
}

@media screen and (max-width: 991px) {
  .catHtml-header h1 .t1 {
    font-size: 17px;
    padding: 3px 10px 6px;
  }
}

.catHtml-header h1 .t1 + .t2 {
  margin-left: 20px;
}

@media screen and (max-width: 991px) {
  .catHtml-header h1 .t1 + .t2 {
    margin-left: 8px;
  }
}

.catHtml-header h1 .t2 {
  font-weight: 700;
  font-size: 38px;
}

@media screen and (max-width: 991px) {
  .catHtml-header h1 .t2 {
    font-size: 22px;
  }
}

.catHtml-header h1 + dl {
  margin-top: 35px;
}

@media screen and (max-width: 991px) {
  .catHtml-header h1 + dl {
    margin-top: 18px;
  }
}

.catHtml-header dl dt {
  font-size: 35px;
  font-weight: 700;
  color: #0080ff;
  margin-bottom: 25px;
  line-height: 1.5;
}

@media screen and (max-width: 991px) {
  .catHtml-header dl dt {
    font-size: 18px;
    margin-bottom: 10px;
  }
}

.catHtml-header dl dd p + .image {
  margin-top: 20px;
}

@media screen and (max-width: 991px) {
  .catHtml-header dl dd p + .image {
    margin-top: 15px;
  }
}

.catHtml-header dl dd .image {
  display: flex;
  justify-content: center;
}

.catHtml-type {
  background: #eeeeee;
  padding: 45px 0 100px;
}

@media screen and (max-width: 991px) {
  .catHtml-type {
    padding: 25px 0 50px;
  }
}

.catHtml-type .wbox {
  background: #fff;
  padding: 40px;
}

@media screen and (max-width: 991px) {
  .catHtml-type .wbox {
    padding: 20px 15px;
  }
}

.catHtml-type .wbox + .wbox {
  margin-top: 50px;
}

@media screen and (max-width: 991px) {
  .catHtml-type .wbox + .wbox {
    margin-top: 25px;
  }
}

.catHtml-type .wbox .flex {
  display: flex;
}

@media screen and (min-width: 992px) {
  .catHtml-type .wbox .flex .item .spflex {
    margin-bottom: 20px;
  }
}

@media screen and (max-width: 991px) {
  .catHtml-type .wbox .flex .item .spflex {
    display: flex;
    margin-bottom: 15px;
  }
  .catHtml-type .wbox .flex .item .spflex img {
    width: 30%;
  }
  .catHtml-type .wbox .flex .item .spflex .txt {
    width: 70%;
    padding-left: 15px;
  }
}

.catHtml-type .wbox .flex .item h3 {
  display: flex;
  justify-content: flex-start;
  margin-bottom: 15px;
}

@media screen and (max-width: 991px) {
  .catHtml-type .wbox .flex .item h3 {
    margin-bottom: 10px;
  }
}

.catHtml-type .wbox .flex .item h3 > span {
  display: inline-block;
  padding: 2px 25px 5px;
  line-height: 1.5;
  color: #0080ff;
  background: #fff;
  font-size: 20px;
  border: 1px solid #0080ff;
}

@media screen and (max-width: 991px) {
  .catHtml-type .wbox .flex .item h3 > span {
    font-size: 13px;
    padding: 2px 12px 3px;
  }
}

.catHtml-type .wbox .flex .item dl + dl {
  margin-top: 20px;
}

@media screen and (max-width: 991px) {
  .catHtml-type .wbox .flex .item dl + dl {
    margin-top: 15px;
  }
}

.catHtml-type .wbox .flex .item dl dt {
  display: inline-block;
  padding: 5px 10px 8px;
  line-height: 1;
  color: #fff;
  background: #ccc;
  font-weight: 700;
  border-radius: 50px;
  margin-bottom: 5px;
}

@media screen and (max-width: 991px) {
  .catHtml-type .wbox .flex .item dl dt {
    font-size: 12px;
    padding: 3px 10px 5px;
  }
}

.catHtml-type .wbox .flex .item dl dt.tag-merit {
  background: #007fff;
}

.catHtml-type .wbox .flex .item dl dt.tag-demerit {
  background: #333333;
}

.catHtml-type .wbox .flex .item dl dt.tag-usage {
  background: #ff5c26;
}

.catHtml-type .wbox .flex .item dl dd p,
.catHtml-type .wbox .flex .item dl dd li {
  font-size: 14px;
}

@media screen and (max-width: 991px) {
  .catHtml-type .wbox .flex .item dl dd p,
  .catHtml-type .wbox .flex .item dl dd li {
    font-size: 13px;
  }
}

.catHtml-type .wbox .flex .item dl dd ul > li {
  position: relative;
  padding-left: 1.2em;
}

.catHtml-type .wbox .flex .item dl dd ul > li .t1 {
  display: inline;
}

.catHtml-type .wbox .flex .item dl dd ul > li .t2 {
  display: inline;
}

.catHtml-type .wbox .flex .item dl dd ul > li::before {
  content: "";
  position: absolute;
  display: block;
  left: 0;
  background: #333;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  top: 0.5em;
}

@media screen and (min-width: 992px) {
  .catHtml-type .wbox .flex .item:nth-child(1) {
    width: 215px;
  }
  .catHtml-type .wbox .flex .item:nth-child(2) {
    width: calc(100% - 215px);
    padding-left: 35px;
  }
}

.catHtml-safe {
  padding: 60px 0 0;
}

@media screen and (max-width: 991px) {
  .catHtml-safe {
    padding: 30px 0 0;
  }
}

.catHtml-safe .flex {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding-top: 10px;
  width: 95%;
  margin: auto;
}

@media screen and (max-width: 991px) {
  .catHtml-safe .flex {
    width: 100%;
    padding-top: 5px;
  }
}

.catHtml-safe .flex .item {
  border: 1px solid #bbbbbb;
  padding: 20px;
  display: flex;
}

@media screen and (max-width: 991px) {
  .catHtml-safe .flex .item {
    padding: 15px;
  }
}

.catHtml-safe .flex .item .image {
  display: flex;
  justify-content: center;
}

.catHtml-safe .flex .item .txt {
  margin-top: auto;
  padding-top: 20px;
}

@media screen and (max-width: 991px) {
  .catHtml-safe .flex .item .txt {
    padding-top: 0;
  }
}

.catHtml-safe .flex .item .txt p {
  font-size: 14px;
}

@media screen and (max-width: 991px) {
  .catHtml-safe .flex .item .txt p {
    font-size: 13px;
  }
}

.catHtml-safe .flex .item dl {
  display: flex;
  flex-direction: column;
}

.catHtml-safe .flex .item dl dt {
  font-size: 20px;
  font-weight: 700;
  text-align: center;
  margin-bottom: 20px;
}

@media screen and (max-width: 991px) {
  .catHtml-safe .flex .item dl dt {
    font-size: 14px;
    margin-bottom: 15px;
  }
}

.catHtml-safe .flex .item dl dt .t1 {
  color: #ec2653;
}

.catHtml-safe .flex .item dl dt .t2 {
  color: #007fff;
}

.catHtml-safe .flex .item dl dd {
  display: flex;
  flex-direction: column;
  height: 100%;
}

@media screen and (max-width: 991px) {
  .catHtml-safe .flex .item dl dd {
    flex-direction: row;
    align-items: flex-start;
  }
  .catHtml-safe .flex .item dl dd .image {
    width: 45%;
  }
  .catHtml-safe .flex .item dl dd .txt {
    width: 55%;
    padding-left: 15px;
  }
}

@media screen and (min-width: 992px) {
  .catHtml-safe .flex .item {
    width: 48%;
  }
  .catHtml-safe .flex .item:nth-child(n + 3) {
    margin-top: 4%;
  }
}

@media screen and (max-width: 991px) {
  .catHtml-safe .flex .item {
    width: 100%;
  }
  .catHtml-safe .flex .item:not(:last-child) {
    margin-bottom: 15px;
  }
}

.catHtml-safe .box01 {
  padding-top: 70px;
}

@media screen and (max-width: 991px) {
  .catHtml-safe .box01 {
    padding-top: 35px;
  }
}

.catHtml-safe .box01 dl {
  position: relative;
  padding-bottom: 160px;
}

@media screen and (max-width: 991px) {
  .catHtml-safe .box01 dl {
    padding-bottom: 100px;
  }
}

.catHtml-safe .box01 dl::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  background: url(img/product_cat/arrob_b.png) left center no-repeat;
  background-size: contain;
  width: 130px;
  height: 134px;
}

@media screen and (max-width: 991px) {
  .catHtml-safe .box01 dl::after {
    width: 80px;
    height: 82.462px;
  }
}

.catHtml-safe .box01 dl dt {
  text-align: center;
  font-size: 25px;
  font-weight: 700;
  margin-bottom: 15px;
  line-height: 1.6;
}

@media screen and (max-width: 991px) {
  .catHtml-safe .box01 dl dt {
    font-size: 15px;
    margin-bottom: 10px;
  }
}

.catHtml-safe .box01 dl dd p {
  text-align: center;
}

@media screen and (max-width: 991px) {
  .catHtml-safe .box01 dl dd p {
    font-size: 13px;
  }
}

.list-circle {
  margin: 0 !important;
  padding: 0 !important;
}

.list-circle > li {
  position: relative;
  padding-left: 1.3em;
  line-height: 1.7;
  list-style: none !important;
}

@media screen and (max-width: 991px) {
  .list-circle > li {
    font-size: 14px;
  }
}

.list-circle > li + li {
  margin-top: 8px;
}

.list-circle > li::before {
  content: "";
  position: absolute;
  display: block;
  left: 0;
  background: #2d80fd;
  width: 0.7em;
  height: 0.7em;
  border-radius: 50%;
  top: 0.5em;
}

.list-no {
  margin: 0 !important;
  padding: 0 !important;
}

.list-no > li {
  list-style: none !important;
  position: relative;
  padding-left: 1.3em;
  line-height: 1.7;
}

@media screen and (max-width: 991px) {
  .list-no > li {
    font-size: 14px;
  }
}

.list-no > li + li {
  margin-top: 8px;
}

.list-no > li::before {
  position: absolute;
  display: block;
  left: 0;
  font-size: inherit;
  color: #2d80fd;
}

.list-no > li:nth-child(1)::before {
  content: "①";
}

.list-no > li:nth-child(2)::before {
  content: "②";
}

.list-no > li:nth-child(3)::before {
  content: "③";
}

.list-no > li:nth-child(4)::before {
  content: "④";
}

.list-no > li:nth-child(5)::before {
  content: "⑤";
}

.list-no > li:nth-child(6)::before {
  content: "⑥";
}

.list-no > li:nth-child(7)::before {
  content: "⑦";
}

.list-no > li:nth-child(8)::before {
  content: "⑧";
}

.list-no > li:nth-child(9)::before {
  content: "⑨";
}

.list-no > li:nth-child(10)::before {
  content: "⑩";
}

.privacyBlk p {
  margin-bottom: 0 !important;
}

.privacyBlk p + .list-circle,
.privacyBlk p + .list-no {
  margin-top: 25px !important;
}

@media screen and (max-width: 991px) {
  .privacyBlk p + .list-circle,
  .privacyBlk p + .list-no {
    margin-top: 15px !important;
  }
}

.privacyBlk p a {
  color: #333 !important;
}

.privacyBlk dl dt {
  border-bottom: 2px solid var(--tcd-accent-color);
  padding-bottom: 10px;
  margin-top: 4rem;
  margin-bottom: 2rem;
  clear: both;
  font-size: 1.5em;
  font-weight: 600;
  line-height: 1.6;
}

@media screen and (max-width: 991px) {
  .privacyBlk dl dt {
    margin-top: 2rem;
    margin-bottom: 1rem;
    font-size: 1.4em;
  }
}

.privacyBlk .list-circle + p,
.privacyBlk .list-no + p {
  margin-top: 40px;
}

@media screen and (max-width: 991px) {
  .privacyBlk .list-circle + p,
  .privacyBlk .list-no + p {
    margin-top: 25px;
  }
}

.privacyBlk .list-circle + .list-circle,
.privacyBlk .list-circle + .list-no,
.privacyBlk .list-no + .list-circle,
.privacyBlk .list-no + .list-no {
  margin-top: 10px !important;
}

@media screen and (max-width: 768px) {
  .l-footer__banners-item__link {
    aspect-ratio: 345/130;
    height: auto;
  }
}

.is-large.wc-block-cart .wc-block-cart__totals-title,
.wc-block-components-totals-shipping .wc-block-components-totals-shipping__fieldset,
.wc-block-components-totals-shipping .wc-block-components-totals-item__description,
.wc-block-checkout__terms.wp-block-woocommerce-checkout-terms-block {
  display: none !important;
}

.wc-block-components-product-details.wc-block-components-product-details li {
  font-size: 14px;
}

.wc-block-components-title.wc-block-components-title {
  text-align: left !important;
}

body:not(.woocommerce-block-theme-has-button-styles) .wc-block-components-button:not(.is-link) {
  background: #000;
  color: #fff;
}

.woocommerce-customer-back {
  padding-top: 50px;
}

@media screen and (max-width: 991px) {
  .woocommerce-customer-back {
    padding: 15px 0 25px;
  }
}

.woocommerce-customer-back a {
  display: table;
  position: relative;
  margin: 0 auto;
  color: #fff !important;
  font-size: 20px;
  line-height: 1.4;
  font-weight: 500;
  background: #000;
  font-weight: 700;
  letter-spacing: 0.1em;
  padding: 15px 60px 15px 55px;
  text-align: center;
  text-decoration: none !important;
  border: 1px solid #000;
  cursor: pointer;
}

@media screen and (min-width: 992px) {
  .woocommerce-customer-back a {
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
  }
  .woocommerce-customer-back a:hover {
    background: #fff;
    color: #000 !important;
  }
}

@media screen and (max-width: 991px) {
  .woocommerce-customer-back a {
    font-size: 15px;
    padding: 15px 50px 15px 45px;
  }
}

#contact + .wc-block-components-checkbox {
  display: none !important;
}

.is-medium table.wc-block-cart-items td,
.is-mobile table.wc-block-cart-items td,
.is-small table.wc-block-cart-items td {
  border: none !important;
}

.wc-block-components-address-form__country {
  display: none !important;
}

.wc-block-components-totals-coupon-link {
  position: relative;
  padding-right: 25px;
  display: inline-block;
}

.wc-block-components-totals-coupon-link::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  right: 7px;
  width: 1px;
  height: 15px;
  background: var(--tcd-link-color);
}

.wc-block-components-totals-coupon-link::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  right: 0;
  width: 15px;
  height: 1px;
  background: var(--tcd-link-color);
}

.wc-block-components-totals-footer-item-tax {
  text-align: right;
}

[class*="page_"][class*="-wall"] .p-entry-product-main-content .productAbout-ttl .t3 > span,
[class*="page_"][class*="-wall"] .p-entry-product-main-content .productAbout .blk03 > dl > dt .t1,
[class*="page_"][class*="-wall"] .p-entry-product-main-content .productAbout .blk03 > dl > dd .flex .item > dl > dt .t1,
[class*="page_"][class*="-wall"] .p-entry-product-main-content .productFaq-ttl .t1,
[class*="page_"][class*="-wall"] .p-entry-product-main-content .productUsable > dl > dt .t1 {
  background: #2db200;
}

[class*="page_"][class*="-wall"] .p-entry-product-main-content .productAbout .blk03 > dl > dt .t2 b,
[class*="page_"][class*="-wall"] .p-entry-product-main-content .productAbout .blk03 > dl > dd .flex .item ul li .t1,
[class*="page_"][class*="-wall"] .p-entry-product-main-content .productUsable > dl > dt .t2 {
  color: #2db200;
}

[class*="page_"][class*="-stand"] .p-entry-product-main-content .productAbout-ttl .t3 > span,
[class*="page_"][class*="-stand"] .p-entry-product-main-content .productAbout .blk03 > dl > dt .t1,
[class*="page_"][class*="-stand"] .p-entry-product-main-content .productAbout .blk03 > dl > dd .flex .item > dl > dt .t1,
[class*="page_"][class*="-stand"] .p-entry-product-main-content .productFaq-ttl .t1,
[class*="page_"][class*="-stand"] .p-entry-product-main-content .productUsable > dl > dt .t1 {
  background: #ff5c26;
}

[class*="page_"][class*="-stand"] .p-entry-product-main-content .productAbout .blk03 > dl > dt .t2 b,
[class*="page_"][class*="-stand"] .p-entry-product-main-content .productAbout .blk03 > dl > dd .flex .item ul li .t1,
[class*="page_"][class*="-stand"] .p-entry-product-main-content .productUsable > dl > dt .t2 {
  color: #ff5c26;
}

[class*="page_"][class*="-stand"] .p-entry-product-main-content .productAbout-ttl .t3 > span,
[class*="page_"][class*="-stand"] .p-entry-product-main-content .productAbout .blk03 > dl > dt .t1,
[class*="page_"][class*="-stand"] .p-entry-product-main-content .productAbout .blk03 > dl > dd .flex .item > dl > dt .t1,
[class*="page_"][class*="-stand"] .p-entry-product-main-content .productFaq-ttl .t1,
[class*="page_"][class*="-stand"] .p-entry-product-main-content .productUsable > dl > dt .t1 {
  background: #ff5c26;
}

[class*="page_"][class*="-stand"] .p-entry-product-main-content .productAbout .blk03 > dl > dt .t2 b,
[class*="page_"][class*="-stand"] .p-entry-product-main-content .productAbout .blk03 > dl > dd .flex .item ul li .t1,
[class*="page_"][class*="-stand"] .p-entry-product-main-content .productUsable > dl > dt .t2 {
  color: #ff5c26;
}

[class*="page_"][class*="-self"] .p-entry-product-main-content .productAbout-ttl .t3 > span,
[class*="page_"][class*="-self"] .p-entry-product-main-content .productAbout .blk03 > dl > dt .t1,
[class*="page_"][class*="-self"] .p-entry-product-main-content .productAbout .blk03 > dl > dd .flex .item > dl > dt .t1,
[class*="page_"][class*="-self"] .p-entry-product-main-content .productFaq-ttl .t1,
[class*="page_"][class*="-self"] .p-entry-product-main-content .productUsable > dl > dt .t1 {
  background: #9326ff;
}

[class*="page_"][class*="-self"] .p-entry-product-main-content .productAbout .blk03 > dl > dt .t2 b,
[class*="page_"][class*="-self"] .p-entry-product-main-content .productAbout .blk03 > dl > dd .flex .item ul li .t1,
[class*="page_"][class*="-self"] .p-entry-product-main-content .productUsable > dl > dt .t2 {
  color: #9326ff;
}

[class*="page_"][class*="-tension"] .p-entry-product-main-content .productAbout-ttl .t3 > span,
[class*="page_"][class*="-tension"] .p-entry-product-main-content .productAbout .blk03 > dl > dt .t1,
[class*="page_"][class*="-tension"] .p-entry-product-main-content .productAbout .blk03 > dl > dd .flex .item > dl > dt .t1,
[class*="page_"][class*="-tension"] .p-entry-product-main-content .productFaq-ttl .t1,
[class*="page_"][class*="-tension"] .p-entry-product-main-content .productUsable > dl > dt .t1 {
  background: #b20000;
}

[class*="page_"][class*="-tension"] .p-entry-product-main-content .productAbout .blk03 > dl > dt .t2 b,
[class*="page_"][class*="-tension"] .p-entry-product-main-content .productAbout .blk03 > dl > dd .flex .item ul li .t1,
[class*="page_"][class*="-tension"] .p-entry-product-main-content .productUsable > dl > dt .t2 {
  color: #b20000;
}

[class*="page_"][class*="-magnet"] .p-entry-product-main-content .productAbout-ttl .t3 > span,
[class*="page_"][class*="-magnet"] .p-entry-product-main-content .productAbout .blk03 > dl > dt .t1,
[class*="page_"][class*="-magnet"] .p-entry-product-main-content .productAbout .blk03 > dl > dd .flex .item > dl > dt .t1,
[class*="page_"][class*="-magnet"] .p-entry-product-main-content .productFaq-ttl .t1,
[class*="page_"][class*="-magnet"] .p-entry-product-main-content .productUsable > dl > dt .t1 {
  background: #002db2;
}

[class*="page_"][class*="-magnet"] .p-entry-product-main-content .productAbout .blk03 > dl > dt .t2 b,
[class*="page_"][class*="-magnet"] .p-entry-product-main-content .productAbout .blk03 > dl > dd .flex .item ul li .t1,
[class*="page_"][class*="-magnet"] .p-entry-product-main-content .productUsable > dl > dt .t2 {
  color: #002db2;
}

[class*="page_"][class*="-door"] .p-entry-product-main-content .productAbout-ttl .t3 > span,
[class*="page_"][class*="-door"] .p-entry-product-main-content .productAbout .blk03 > dl > dt .t1,
[class*="page_"][class*="-door"] .p-entry-product-main-content .productAbout .blk03 > dl > dd .flex .item > dl > dt .t1,
[class*="page_"][class*="-door"] .p-entry-product-main-content .productFaq-ttl .t1,
[class*="page_"][class*="-door"] .p-entry-product-main-content .productUsable > dl > dt .t1 {
  background: #0072d9;
}

[class*="page_"][class*="-door"] .p-entry-product-main-content .productAbout .blk03 > dl > dt .t2 b,
[class*="page_"][class*="-door"] .p-entry-product-main-content .productAbout .blk03 > dl > dd .flex .item ul li .t1,
[class*="page_"][class*="-door"] .p-entry-product-main-content .productUsable > dl > dt .t2 {
  color: #0072d9;
}

[class*="page_"][class*="-order"] .p-entry-product-main-content .productAbout-ttl .t3 > span,
[class*="page_"][class*="-order"] .p-entry-product-main-content .productAbout .blk03 > dl > dt .t1,
[class*="page_"][class*="-order"] .p-entry-product-main-content .productAbout .blk03 > dl > dd .flex .item > dl > dt .t1,
[class*="page_"][class*="-order"] .p-entry-product-main-content .productFaq-ttl .t1,
[class*="page_"][class*="-order"] .p-entry-product-main-content .productUsable > dl > dt .t1 {
  background: #ff007f;
}

[class*="page_"][class*="-order"] .p-entry-product-main-content .productAbout .blk03 > dl > dt .t2 b,
[class*="page_"][class*="-order"] .p-entry-product-main-content .productAbout .blk03 > dl > dd .flex .item ul li .t1,
[class*="page_"][class*="-order"] .p-entry-product-main-content .productUsable > dl > dt .t2 {
  color: #ff007f;
}

.p-page-nav {
  margin-top: 100px;
}

@media screen and (max-width: 767px) {
  .p-page-nav {
    margin-top: 80px;
  }
}

.sizeTbl {
  margin-top: 20px;
}

@media screen and (max-width: 991px) {
  .sizeTbl {
    margin-top: 15px;
  }
}

.sizeTbl table {
  margin: 0;
  padding: 0px;
  width: 100%;
  border-top: 1px solid #ddd;
  border-right: 1px solid #ddd;
  table-layout: fixed;
  word-wrap: break-word;
  white-space: normal;
}

@media screen and (min-width: 992px) {
  .sizeTbl table col:nth-child(1) {
    width: 28%;
  }
  .sizeTbl table col:nth-child(2) {
    width: 17%;
  }
  .sizeTbl table col:nth-child(4) {
    width: 30%;
  }
  .sizeTbl table col:nth-child(5) {
    width: 120px;
  }
}

@media screen and (max-width: 991px) {
  .sizeTbl table col:nth-child(1) {
    width: 32%;
  }
  .sizeTbl table col:nth-child(2) {
    width: 0;
  }
  .sizeTbl table col:nth-child(3) {
    width: 21%;
  }
  .sizeTbl table col:nth-child(4) {
    width: 27%;
  }
  .sizeTbl table col:nth-child(5) {
    width: 20%;
  }
}

.sizeTbl table th,
.sizeTbl table td {
  vertical-align: middle;
  border-bottom: 1px solid #ddd;
  border-left: 1px solid #ddd;
  line-height: 1.4;
  padding: 15px 0;
}

@media screen and (max-width: 991px) {
  .sizeTbl table th,
  .sizeTbl table td {
    padding: 10px 0;
  }
}

.sizeTbl table th {
  background: #f6f6f6;
  font-weight: 600;
  text-align: center;
}

@media screen and (max-width: 991px) {
  .sizeTbl table th {
    font-size: 13px;
  }
}

.sizeTbl table td {
  text-align: center;
}

@media screen and (max-width: 991px) {
  .sizeTbl table td {
    font-size: 14px;
  }
  .sizeTbl table td:nth-child(1) {
    padding: 10px 5px;
  }
}

.sizeTbl table td ul {
  margin: 0;
  padding: 0;
}

.sizeTbl table td ul li {
  list-style: none;
  padding: 0;
}

@media screen and (max-width: 991px) {
  .sizeTbl table td ul li {
    font-size: 11px;
  }
}

.sizeTbl table td ul li a {
  color: #0040ff !important;
  text-decoration: underline;
}

@media screen and (min-width: 992px) {
  .sizeTbl table td ul li a:hover {
    text-decoration: none !important;
  }
}

.sizeTbl table td ul li + li {
  margin-top: 25px;
}

@media screen and (max-width: 991px) {
  .sizeTbl table td ul li + li {
    margin-top: 20px;
  }
}

.sizeTbl table td .txt_size {
  font-size: 18px;
}

@media screen and (max-width: 991px) {
  .sizeTbl table td .txt_size {
    display: none;
  }
}

@media screen and (max-width: 991px) {
  .sizeTbl table td .txt_price {
    font-size: 12px;
  }
}

.sizeTbl table td .txt_name {
  font-size: 18px;
  font-weight: 500;
}

@media screen and (max-width: 991px) {
  .sizeTbl table td .txt_name {
    font-size: 13px;
  }
}

.sizeTbl table td.--small {
  background: #e3ffe3;
}

.sizeTbl table td.--regular {
  background: #dff8ff;
}

.sizeTbl table td.--learge {
  background: #ffffd9;
}

.sizeTbl table td.--extra {
  background: #fff4ff;
}

.sizeTbl table td.--small {
  background: #e3ffe3;
}

.sizeTbl table td.--fitness {
  background: #e3ffe3;
}

.sizeTbl table td.--stand {
  background: #dff8ff;
}

.sizeTbl table td.--caster {
  background: #ffffd9;
}

.sizeTbl table td.--tension {
  background: #fff4ff;
}

.sizeTbl table td.--air {
  background: #e3ffe3;
}

.sizeTbl table td.--varie {
  background: #dff8ff;
}

.sizeTbl table td.--picture_frame {
  background: #ffffd9;
}

.sizeTbl table td.--ale {
  background: #fff4ff;
}

.sizeTbl table td.--magnet {
  background: #dff8ff;
}