@charset "utf-8";
/* head,text */
.heading02-box {
  --key_color: var(--main_color);
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 0.5em;
  font-size: 2.3rem;
  margin-bottom: 1.35em;
}
.heading02-box .heading02-en {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 0.625em;
  font-size: 0.43478260869em;
  font-weight: bold;
  line-height: 1.4;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: var(--key_color);
}
.heading02-box .heading02-en::before {
  display: inline-block;
  content: "";
  width: 1.2em;
  aspect-ratio: 1/1;
  background: var(--key_color);
  mask: url(../img/common/icon-heading.svg);
  mask-repeat: no-repeat;
  mask-size: cover;
}
.heading02-box .heading02-ttl {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  text-align: center;
  font-weight: bold;
  letter-spacing: 0.05em;
}
.heading02-box .heading02-ttl em {
  font-size: 1.21739130435em;
  line-height: 1;
  color: var(--key_color);
}
.heading02-box .heading02-ttl small {
  font-size: 0.69565217391em;
  font-weight: 500;
}
.heading02-box.text_white {
  --key_color: var(--white);
  color: var(--key_color);
}
.heading02-box.text_black {
  --key_color: var(--black);
  color: var(--key_color);
}
.heading02-box.text_lead {
  margin-bottom: 0.5em;
}
@media screen and (min-width: 768px) {
  .heading02-box.text_left {
    align-items: flex-start;
  }
}
@media screen and (max-width: 767px) {
  .heading02-box {
    gap: 0.1em;
    font-size: 1.64285714286rem;
  }
  .heading02-box .heading02-ttl {
    letter-spacing: 0;
  }
  .heading02-box .heading02-ttl em {
    line-height: inherit;
  }
  .heading02-box .heading02-en {
    font-size: 0.60869565217em;
  }
  .heading02-box.text_lead {
    margin-bottom: 0.35em;
  }
}
/* Link */
a:has(.hover_scale) {
  transition: translate .4s;
}
.hover_scale {
  overflow: hidden;
}
.hover_scale img {
  transition: scale .4s;
}
.block_link a,
a.block_link,
.widget .wp-block-image a {
  display: block;
  transition: background 0.4s, color 0.4s, border 0.4s;
}
.block_link.block_inline a,
a.block_link.block_inline {
  display: inline-block;
}
.block_link a img,
.widget .wp-block-image a img {
  transition: opacity 0.4s;
}
.common_btn {
  text-align: center;
  margin: 0 auto;
}
.common_btn a,
.p-contact .l-inner .p-upload-block .codedropz-upload-handler .codedropz-btn-wrap a,
.wp-block-button .wp-block-button__link,
.vk_button .vk_button_link.btn{
  --key_color: var(--white);
  --bg_color: var(--sub_color);
  position: relative;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 164px;
  width: fit-content;
  min-height: 3.125em;
  font-size: 0.8rem;
  font-weight: bold;
  color: var(--key_color);
  background: var(--bg_color);
  border-radius: 3.125em;
  padding: 0.75em 2.25em;
  text-decoration: none;
  transition: color .4s, background .4s;
  filter: none;
}
body:not(.home) .common_btn a,
.wp-block-button .wp-block-button__link,
.vk_button .vk_button_link.btn{
  min-width: 205px;
  font-size: 1rem;
}
.vk_button .vk_button_link.btn{
  display:inline-flex;
  opacity: 1;
  box-shadow: none;
}
.common_btn a::after,
.wp-block-button .wp-block-button__link::after,
.vk_button .vk_button_link.btn::after{
  position: absolute;
  z-index: 10;
  top: 50%;
  right: 1.25em;
  translate: 0 -50%;
  display: inline-block;
  content: "";
  width: 0.5em;
  aspect-ratio: 1/1;
  border-top: 2px solid var(--key_color);
  border-right: 2px solid var(--key_color);
  rotate: 45deg;
  transition: border-color .4s;
}
.common_btn.btn_white a {
  --key_color: var(--sub_color);
  --bg_color: var(--white);
}
@media (any-hover: hover) {
  a:has(.hover_scale):hover {
    translate: 0 -6px;
  }
  a:hover .hover_scale img,
  .hover_scale a:hover img {
    scale: 1.05 1.05;
  }
  .block_link a:hover,
  a.block_link:hover {
    text-decoration: none;
  }
  .block_link a:hover img,
  a:hover img.opacity,
  .widget .wp-block-image a:hover img {
    opacity: 0.7;
    text-decoration: none;
  }
  .common_btn a:hover,
  .p-contact .l-inner .p-upload-block .codedropz-upload-handler .codedropz-btn-wrap a:hover,
  .wp-block-button .wp-block-button__link:hover,
  .vk_button .vk_button_link.btn:hover{
    --key_color: var(--white) !important;
    --bg_color: var(--main_color);
  }
}
@media screen and (max-width: 767px) {
  .common_btn a {
    min-width: 0;
    width: min(100%, 230px);
    font-size: 1rem;
    margin-inline: auto;
  }
}
/* image */
@media screen and (max-width: 767px) {
  .scale_sp img {
    max-width: inherit;
    width: 100%;
    height: auto;
  }
}
/* list */
.solution-list {
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  flex-wrap: wrap;
  gap: 2.625em 2.9375em;
  padding: 0;
  margin: 0;
}
:is(:not(.home)) .solution-list {
  width: min(100%, 945px);
  margin-inline: auto;
}
:is(.home) .solution-list {
  gap: 2.1em 1.625em;
}
.solution-pickup_list {
  padding: 0;
  margin: 0;
}
.solution-list .solution-item {
  width: calc((100% - (2.9375em * 2)) / 3);
  margin: 0;
}
:is(.home) .solution-list .solution-item {
  width: calc((100% - 1.625em) / 2);
}
.solution-pickup_list .solution-pickup_item {
  margin: 0;
}
.solution-pickup_list .solution-pickup_item:not(:first-child) {
  margin-top: 1.25em;
}
.solution-list .solution-item a {
  display: flex;
  justify-content: center;
  align-items: stretch;
  flex-direction: column;
  text-align: left;
  color: var(--black);
  text-decoration: none;
}
:is(.home) .solution-list .solution-item a {
  flex-direction: row;
  justify-content: center;
  align-items: stretch;
  gap: 0 6.5%;
  background: var(--white);
  border-radius: 0.625em;
  overflow: hidden;
  filter: var(--shadow_black);
  transform: translateZ(0);
}
.solution-pickup_list .solution-pickup_item article {
  display: flex;
  justify-content: center;
  align-items: stretch;
  gap: 0 5%;
}
.solution-list .solution-item .solution-item_image,
.solution-pickup_list .solution-pickup_item .solution-item_image {
  border-radius: 0.625em;
  overflow: hidden;
  margin-bottom: 1.25em;
}
:is(.home) .solution-list .solution-item .solution-item_image {
  width: min(34.6%, 203px);
  aspect-ratio: 203/180;
  border-radius: 0;
  margin-bottom: 0;
}
.solution-pickup_list .solution-pickup_item .solution-item_image {
  width: min(39.4736842105%, 318px);
  margin: 0;
}
:is(.home) .solution-list .solution-item .solution-item_text {
  width: min(58.9%, 294px);
  padding: 1.75em 1.25em 0.75em 0;
}
.solution-pickup_list .solution-pickup_item .solution-item_text {
  width: min(55.8897243108%, 450px);
}
.solution-list .solution-item .solution-item_ttl,
.solution-pickup_list .solution-pickup_item .solution-item_ttl {
  font-size: 1.125rem;
  font-weight: bold;
  margin-bottom: 0.5em;
}
.solution-list .solution-item .solution-item_ttl{
  font-size: 1.35rem;
}
:is(.home) .solution-list .solution-item .solution-item_ttl,
.solution-pickup_list .solution-pickup_item .solution-item_ttl {
  display: -webkit-box;
  font-size: 1.1rem;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  margin-bottom: 0.875em;
}
.solution-pickup_list .solution-pickup_item .solution-item_ttl {
  font-size: 1.75rem;
  margin-bottom: 0.75em;
}
.solution-list .solution-item .solution-item_category,
.solution-pickup_list .solution-pickup_item .solution-item_category {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 0.5em;
  width: auto;
}
.solution-pickup_list .solution-pickup_item .solution-item_category {
  margin-bottom: 0.75em;
}
.solution-list .solution-item .solution-category_nam,
.solution-pickup_list .solution-pickup_item .solution-category_nam {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  min-height: 18px;
  font-size: 0.72rem;
  font-weight: 500;
  color: var(--white);
  background: var(--main_color);
  border: 1px solid var(--main_color);
  padding: 0.05em 0.5em;
  margin: 0;
}
:is(.home) .solution-list .solution-item .solution-category_nam{
  font-size: 0.6rem;
}
.solution-pickup_list .solution-pickup_item .solution-category_nam {
  font-size: 0.9rem;
}
.products-list {
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  flex-wrap: wrap;
  gap: 1.875em 1.75em;
  padding: 0;
  margin: 0;
}
.products-list .products-item {
  width: calc((100% - (1.75em * 2)) / 3);
  margin: 0;
}
.single-gear-products .products-list .products-item{
  margin: 1em 0.5em;
}
.single-gear-products .slick-slider .slide-arrow{
  border-color:var(--black);
}
.single-gear-products .slick-slider .slick-track{
  margin-left:0;
}
.single-gear-products .slick-slider .slide-arrow.prev-arrow{
  right:auto;
  left:-0.25em;
  transform:rotate(-180deg)
}
.single-gear-products .slick-slider .slide-arrow.next-arrow{
  right:-0.25em;
  left:auto;
  transform:rotate(180deg)
}
.products-list.col-04 .products-item,
:is(.home) .products-list .products-item {
  width: calc((100% - (1.75em * 3)) / 4);
}
.products-list .products-item article {
  display: block;
  height: 100%;
}
.products-list .products-item a {
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  flex-direction: column;
  height: 100%;
  text-align: left;
  color: var(--black);
  background: var(--white);
  border-radius: 0.625em;
  overflow: hidden;
  filter: drop-shadow(0 0 7px rgba(0, 0, 0, 0.2));
  transform: translateZ(0);
  text-decoration: none;
}
.products-list .products-item .products-item_text {
  padding: 1em 1.6em;
}
.products-list .products-item .products-item_ttl {
  display: -webkit-box;
  min-height: 2.8em;
  text-align: center;
  font-size: 1rem;
  font-weight: bold;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  margin-bottom: 0.65em;
}
.products-list .products-item .products-item_spec {
  font-size: 0.875rem;
  line-height: 1.6;
}
.products-list .products-item .products-item_spec p {
  margin: 0;
}
.blog-list {
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  flex-wrap: wrap;
  gap: 1.5em 1.25em;
  text-align: left;
  padding: 0;
  margin: 0;
}
.blog-list .blog-item {
  width: calc((100% - (1.25em * 2)) / 3);
  margin: 0;
}
.blog-list .blog-item article {
  height: 100%;
}
.blog-list .blog-item a {
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  flex-direction: column;
  height: 100%;
  background: var(--white);
  border-radius: 0.625em;
  overflow: hidden;
  filter: var(--shadow_black);
  transform: translateZ(0);
  text-decoration: none;
}
.blog-list .blog-item .blog-item_image {
  aspect-ratio: 280/175;
}
.blog-list .blog-item .blog-item_text {
  color: #999999;
  padding: 0.9em;
}
:is(.home) .blog-list .blog-item .blog-item_text {
  padding: 1.075em 1.2em;
}
.blog-list .blog-item .blog-label {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 0.6rem;
  margin-bottom: 0.625em;
}
:is(.home) .blog-list .blog-item .blog-label {
  margin-bottom: 0.8em;
}
.blog-list .blog-item .blog-tarm {
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--main_color);
  color: #fff;
  min-height: 2.2em;
  font-size: 0.53rem;
  min-width: 10em;
  border-radius: 2em;
  padding: 0.25em;
  line-height: 1.25;
}
.blog-list .blog-item .blog-item_ttl {
  font-size: 0.95rem;
  font-weight: bold;
  line-height: 1.6;
  min-height: 3.19934210526em;
  margin-bottom: 0.5em;
  color: var(--main_color);
}
.blog-list .blog-item .blog-item_category {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 0.25em 1em;
  font-size: 0.7rem;
}
.blog-list .blog-item .blog-item_category p {
  line-height: 1.4;
  margin: 0;
}
.recommend .blog-list {
  max-width: 906px;
  margin-inline: auto;
  gap: 1.4em;
}
.recommend .blog-item {
  width: calc((100% - (1.4em * 2)) / 3);
}
.recommend .blog-list a {
  background: none;
  border-radius: 0;
  filter: none;
}
.recommend .blog-list .blog-item .blog-item_text {
  padding: 0.6em 0 0;
}
.recommend .blog-list .blog-item .blog-label {
  margin-bottom: 0.5em;
}
.recommend .blog-list .blog-item .blog-item_image {
  border-radius: 0.5em;
}
.recommend .blog-list .blog-item .blog-item_ttl {
  min-height: 0;
  margin: 0;
}
.blog-list.column {
  flex-direction: column;
}
.news-list .news-item a {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  gap: 1em;
  font-size: .8rem;
  border-bottom: 1px solid #e3e3e3;
  text-decoration: none;
  padding: 0.95em 0.2em;
}
.news-list .news-item a time {
  font-size: 0.875em;
  font-weight: bold;
  color: var(--main_color);
}
@media (any-hover: hover) {
  .news-list .news-item a:hover {
    background: var(--sub_white);
  }
}
@media screen and (max-width: 767px) {
  :is(.home) .solution-list {
    gap: 0.89285714285em 1.625em;
  }
  :is(.home) .solution-list .solution-item {
    width: 100%;
  }
  :is(.home) .solution-list .solution-item a {
    gap: 0 0;
  }
  .solution-pickup_list .solution-pickup_item article {
    align-items: center;
    flex-direction: column;
  }
  :is(.home) .solution-list .solution-item .solution-item_image {
    width: 36.6959064327%;
    aspect-ratio: 251/180;
  }
  body:not(.home) .solution-list .solution-item .solution-item_image {
    margin-bottom: 0.5em;
  }
  .solution-pickup_list .solution-pickup_item .solution-item_image {
    margin-bottom: 1em;
  }
  .solution-pickup_list .solution-pickup_item .solution-item_image,
  .solution-pickup_list .solution-pickup_item .solution-item_text {
    width: 80%;
  }
  .solution-pickup_list .solution-pickup_item .solution-item_text .common_btn a{
    min-height: 2.643em;
    padding: 0.5em 2.25em;
    min-width: 150px;
    width: min(100%, 150px);
  }
  :is(.home) .solution-list .solution-item .solution-item_text {
    width: 63.3040935673%;
    padding: 0.75em 1.125em;
  }
  :is(.home) .solution-list .solution-item .solution-item_ttl {
    font-size: 1rem;
    margin-bottom: 0.75em;
  }
  .solution-pickup_list .solution-pickup_item .solution-item_ttl {
    font-size: 1.25rem;
    margin-bottom: 0.5em;
  }
  :is(.home) .solution-list .solution-item .solution-item_category {
    gap: 0.5em;
  }
  .solution-pickup_list .solution-pickup_item .solution-item_category {
    margin-bottom: 0.5em;
  }
  :is(.home) .solution-list .solution-item .solution-category_nam,
  .solution-list .solution-item .solution-category_nam,
  .solution-pickup_list .solution-pickup_item .solution-category_nam {
    min-height: 18px;
    font-size: 0.7142885rem;
    line-height: 1.2;
    padding: 0.05em 0.2em 0.1em;
  }
  .products-list,
  body:not(.home) .solution-list {
    gap: 0.75em 0.82142857142em;
  }
  .products-list .products-item,
  .products-list.col-04 .products-item,
  :is(.home) .products-list .products-item,
  body:not(.home) .solution-list .solution-item {
    width: calc((100% - 0.82142857142em) / 2);
  }
  .products-list .products-item a {
    filter: drop-shadow(0 0 4px rgba(0, 0, 0, 0.2));
  }
  .products-list .products-item .products-item_text {
    padding: 0.92857142857em 0.57142857142em;
  }
  .products-list .products-item .products-item_ttl,
  body:not(.home) .solution-list .solution-item_ttl {
    font-size: 1rem;
    margin-bottom: 0.2em;
  }
  .products-list .products-item .products-item_spec {
    font-size: 0.85714285714rem;
  }
  .blog-list,
  .recommend .blog-list {
    gap: 0.89285714285em 0.75em;
  }
  .blog-list .blog-item {
    width: 100%;
  }
  .blog-list .blog-item a {
    flex-direction: row;
    align-items: center;
    padding: 1.25em 0.71428571428em;
  }
  .recommend .blog-list .blog-item a {
    padding: 0;
  }
  .blog-list .blog-item .blog-item_image {
    width: 41.5765069552%;
    aspect-ratio: 221/123;
  }
  .blog-list .blog-item .blog-item_text,
  :is(.home) .blog-list .blog-item .blog-item_text,
  .recommend .blog-list .blog-item .blog-item_text {
    width: 58.4234930448%;
    padding: 0 0 0 1.25em;
  }
  .blog-list .blog-item .blog-label {
    font-size: 0.75rem;
  }
  :is(.home) .blog-list .blog-item .blog-label {
    margin-bottom: 0.5em;
  }
  .blog-list .blog-item .blog-tarm {
    font-size: 0.625rem;
  }
  .blog-list .blog-item .blog-item_ttl {
    font-size: 1rem;
    line-height: 1.4;
  }
  .blog-list .blog-item .blog-item_category {
    font-size: 0.78571428571rem;
  }
  .news-list .news-item a {
    gap: 0.25em;
    font-size: 1rem;
  }
}
/*  GoogleMAP・動画埋め込み  */
.map_wrap iframe {
  width: 100%;
}
.movie_wrap {
  position: relative;
  width: 100%;
  aspect-ratio: 16/9;
}
.movie_wrap iframe,
.movie_wrap video {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
/*  パンくずリスト  */
#pan {
  position: relative;
  z-index: 2;
  margin-block: 0.6rem;
  overflow: hidden;
}
#pan ol {
  display: flex;
  align-items: center;
  padding: 0;
  margin: 0;
  font-size: 0;
  overflow-y: hidden;
  overflow-x: auto;
}
#pan li,
#pan li * {
  display: inline-block;
  vertical-align: middle;
  font-size: 0.875rem;
  text-align: left;
  text-transform: uppercase;
  white-space: nowrap;
  margin: 0;
}
#pan li::after {
  display: inline-block;
  vertical-align: middle;
  content: "\002D";
}
#pan li:has(a)::after {
  color: var(--main_color);
}
#pan li:not(:last-child) {
  margin-right: 0.5em;
}
#pan li:last-child::after {
  display: none;
}
#pan li>* {
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
  color: var(--black);
}
#pan li a {
  color: var(--main_color);
  text-decoration: none;
}
@media (any-hover: hover) {
  #pan li a:hover {
    color: var(--black);
  }
}
@media only screen and (max-width: 767px) {
  #pan {
    position: relative;
    z-index: 10;
    margin-top: 1em;
    margin-bottom: 2.5em;
    overflow: hidden;
  }
  #pan:after,
  #pan li:last-child:after {
    position: absolute;
    z-index: 10;
    content: "";
    display: block;
    top: 0;
    bottom: 0;
    right: 0;
    width: 0.75em;
    background: var(--black);
    background: linear-gradient(-90deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 50%);
  }
  #pan a {
    text-decoration: underline;
  }
  #pan li:last-child {
    position: relative;
    padding-right: 0.75em;
    margin-right: 0;
    flex: 1;
  }
  #pan li:last-child:after {
    z-index: 20;
    top: -1em;
    bottom: -1em;
    background: var(--sub_white);
  }
}
/*  ページャー  */
.navigation {
  margin-top: 2.8em;
}
ul.page-numbers {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0 0.5em;
  font-family: "Orbitron", sans-serif;
  padding: 0;
  margin: 0;
}
ul.page-numbers li {
  margin: 0;
}
ul.page-numbers li a,
ul.page-numbers li span.page-numbers {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 2.5em;
  aspect-ratio: 1/1;
  font-size: 1.25rem;
  font-weight: bold;
  line-height: 1;
  color: var(--sub_color);
  border: none;
  border-radius: 0.2em;
  background: var(--white);
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  text-decoration: none;
}
ul.page-numbers li a.prev,
ul.page-numbers li a.next {
  font-family: 'Noto Sans JP', sans-serif;
  background: transparent;
}
ul.page-numbers li a.prev::before {
  transform: scale(-1, 1);
}
ul.page-numbers li span.page-numbers.current {
  color: var(--white);
  background: var(--sub_color);
}
.post-navigation {
  margin-top: 1.4em;
}
.post-navigation .nav-links {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  gap: 0.8em;
}
.post-navigation .nav-links:has(.nav-next:first-child) {
  justify-content: flex-end;
}
.post-navigation .nav-links :is(.nav-previous, .nav-next) {
  width: min(calc(50% - 0.4em), 280px);
}
.post-navigation .nav-links :is(.nav-previous, .nav-next) a {
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  font-size: 0.875rem;
  height: 100%;
  font-weight: bold;
  color: var(--black);
  background: var(--white);
  border: 3px solid #cbc0ab;
  border-radius: 0.625em;
  filter: var(--shadow_black);
  overflow: hidden;
  transition: color .4s, background .4s, filter .4s, translate .4s;
}
.post-navigation .nav-links .nav-previous a::before,
.post-navigation .nav-links .nav-next a::after {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  content: "\FF1C";
  font-size: 1.42857142857em;
  font-weight: 900;
  color: var(--white);
  background: var(--main_color);
  padding: 0.5em;
  box-sizing: border-box;
}
.post-navigation .nav-links .nav-next a::after {
  content: "\FF1E";
}
.post-navigation .nav-links :is(.nav-previous, .nav-next) a span {
  flex: 1;
  padding: 1em;
}
.post-navigation .nav-links :is(.nav-previous, .nav-next) a em {
  display: inline-block;
  color: var(--main_color);
  margin-bottom: 0.25em;
  transition: color .4s;
}
@media (any-hover: hover) {
  ul.page-numbers li a:hover {
    color: var(--white);
    background: var(--sub_color);
  }
  .post-navigation .nav-links :is(.nav-previous, .nav-next) a:hover {
    color: var(--white);
    background: var(--main_color);
    filter: none;
    translate: 0 3px;
  }
  .post-navigation .nav-links :is(.nav-previous, .nav-next) a:hover em {
    color: var(--white);
  }
}
@media screen and (max-width:767px) {
  .navigation {
    margin-top: 2em;
  }
  ul.page-numbers {
    gap: 0 0.25em;
  }
  ul.page-numbers li a,
  ul.page-numbers li span.page-numbers {
    width: 2.5em;
    font-size: 0.875rem;
  }
  .post-navigation .nav-links {
    flex-direction: column;
    gap: 1em;
  }
  .post-navigation .nav-links :is(.nav-previous, .nav-next) {
    width: 100%;
  }
  .post-navigation .nav-links :is(.nav-previous, .nav-next) a {
    border-width: 2px;
  }
  .post-navigation .nav-links .nav-previous a::before,
  .post-navigation .nav-links .nav-next a::after {
    font-size: 1em;
  }
  .post-navigation .nav-links :is(.nav-previous, .nav-next) a span {
    flex: 1;
    padding: 1em;
  }
}
/*  モーダル  */
.modal-content {
  width: 80%;
  max-width: 1240px;
  margin: 0px;
  padding: 10px 20px;
  background: none;
  position: fixed;
  display: none;
  z-index: 1020;
}
#modal-overlay {
  z-index: 1000;
  display: none;
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 120%;
  background-color: rgba(0, 0, 0, 0.66);
}
.modal-content .close_btn {
  position: absolute;
  top: -10%;
  right: 0px;
  color: rgb(255, 255, 255);
  font-size: 40px;
  line-height: 1;
  display: block;
  cursor: pointer;
}
@media screen and (max-width: 768px) {
  .modal-content {
    width: 100%;
    padding: 15px;
    box-sizing: border-box;
  }
}
/*  タブ切替  */
.tab_change>input[type="radio"] {
  display: none;
}
.tab_change>input[type="radio"]~.tab_table .tab_content {
  overflow: hidden;
  opacity: 0;
  max-height: 0;
  z-index: -10;
  visibility: hidden;
  transition: opacity .4s;
}
.tab_change>input[id$="01"]:checked~.tab_table div[class$="01"],
.tab_change>input[id$="02"]:checked~.tab_table div[class$="02"],
.tab_change>input[id$="03"]:checked~.tab_table div[class$="03"],
.tab_change>input[id$="04"]:checked~.tab_table div[class$="04"],
.tab_change>input[id$="05"]:checked~.tab_table div[class$="05"] {
  opacity: 1;
  z-index: 10;
  visibility: visible;
  max-height: 200vh;
  overflow: visible;
  width: 100%;
}
.tab_change {
  position: relative;
  z-index: 20;
}
.tab_change::after {
  position: absolute;
  z-index: 10;
  display: inline-block;
  content: "";
  width: 100vw;
  height: 3px;
  background: var(--yellow);
  left: 50%;
  top: 3.75em;
  transform: translateX(-50%);
}
.tab_controller {
  display: flex;
  justify-content: flex-start;
  gap: 2px;
}
.tab_controller label,
.tab_controller a {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 3.5em;
  text-align: center;
  font-size: 1.125rem;
  font-weight: bold;
  line-height: 1.2;
  color: var(--white);
  text-decoration: none;
  background: #c4c4c4;
  border-radius: 0.75em 0.75em 0 0;
}
.tab_controller a:hover,
.tab_controller a.on,
.tab_change>input[id$="01"]:checked~.tab_controller label[for$="01"],
.tab_change>input[id$="02"]:checked~.tab_controller label[for$="02"],
.tab_change>input[id$="03"]:checked~.tab_controller label[for$="03"],
.tab_change>input[id$="04"]:checked~.tab_controller label[for$="04"],
.tab_change>input[id$="05"]:checked~.tab_controller label[for$="05"] {
  color: var(--black);
  background: var(--yellow);
}
@media (any-hover: hover) {
  .tab_controller a:hover,
  .tab_controller label:hover {
    color: var(--black);
    background: var(--yellow);
  }
}
@media screen and (max-width: 767px) {
  .tab_change::after {
    top: 3.25em;
  }
  .tab_controller {
    overflow-x: auto;
    overflow-y: visible;
  }
  .tab_controller label,
  .tab_controller a {
    min-height: 3.25em;
    font-size: 1rem;
    padding: 0.35em;
  }
  .tab_controller:has(>*:nth-child(4))>* {
    min-width: calc(105% / 3);
  }
  .tab_controller:has(>*:nth-child(4))::after,
  .tab_controller:has(>*:nth-child(4))>*:last-child::after {
    position: absolute;
    z-index: 10;
    display: block;
    content: "";
    width: 1em;
    height: 100%;
    background: var(--black);
    background: linear-gradient(-90deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 50%);
    top: 0;
    right: 15px;
    bottom: 0;
  }
  .tab_controller:has(>*:nth-child(4))>*:last-child {
    position: relative;
    margin-right: 1em;
  }
  .tab_controller:has(>*:nth-child(4))>*:last-child::after {
    z-index: 15;
    top: 0;
    right: -1em;
    bottom: 0;
    background: rgb(255, 255, 255);
  }
}
/*  フォーム  */
.smf-form .smf-item.required-box .smf-item__description,
.smf-form .smf-item.required-text_box .required-text strong {
  display: inline-block;
  vertical-align: baseline;
  font-size: 0.875rem;
  font-weight: normal;
  line-height: 1;
  letter-spacing: 0.1em;
  color: var(--white) !important;
  background: #d12222 !important;
  border: 1px solid #d12222;
  border-radius: 3px;
  padding: 0.2em 0.5em 0.3em;
  margin: 0;
}
.smf-form .smf-item.required-text_box .required-text strong {
  margin-right: 0.5em;
}
.smf-form .smf-item input[type="text"],
.smf-form .smf-item input[type="search"],
.smf-form .smf-item input[type="email"],
.smf-form .smf-item input[type="tel"],
.smf-form .smf-item input[type="number"],
.smf-form .smf-item input[type="password"],
.smf-form .smf-item input[type="date"],
.smf-form .smf-item textarea,
.smf-form .smf-item select {
  border: #e5e5e5 solid 1px;
  display: block;
  width: 100%;
  height: 3.5em;
  line-height: 3.5em;
  padding: 0 1em !important;
  font-size: 1rem;
  font-weight: 500;
  margin-bottom: 0 !important;
  border-radius: 7px;
}
.smf-form .smf-item textarea {
  height: auto;
  line-height: 1.5em;
  padding: 1em !important;
}
.smf-form .smf-item input::placeholder,
.smf-form .smf-item textarea::placeholder {
  color: #d4d4d4;
  font-weight: normal;
}
.smf-form .smf-item label {
  cursor: pointer;
}
.smf-form .smf-item input[type="radio"],
.smf-form .smf-item input[type="checkbox"] {
  position: absolute;
  z-index: -10;
  font-size: 0;
  line-height: 0;
  border: none;
  background: transparent;
  outline: none;
  box-shadow: none;
  width: 0;
  height: 0;
  margin: 0
}
.smf-form .smf-item input[type="radio"]::before,
.smf-form .smf-item input[type="checkbox"]::before {
  display: none !important;
}
.smf-form .smf-item input[type="radio"]+span,
.smf-form .smf-item input[type="checkbox"]+span {
  display: inline-block;
  padding: 0.25em 0.25em 0.25em 1.75em;
  position: relative;
}
.smf-form .smf-item input[type="checkbox"]+span {
  padding-left: 1.75em;
}
.smf-form .smf-item label input[type="radio"]+span:before,
.smf-form .smf-item label input[type="checkbox"]+span:before,
.smf-form .smf-item label input[type="radio"]+span:after,
.smf-form .smf-item label input[type="checkbox"]+span:after {
  content: "";
  display: inline-block;
  width: 1.125rem;
  height: 1.125rem;
  border: 2px solid #dadada;
  border-radius: 2px;
  background: var(--white);
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  transition: opacity .2s;
}
.smf-form .smf-item label input[type="checkbox"]+span:after {
  border: none;
  width: 0.875rem;
  height: 0.5rem;
  background: none;
  border-top: solid 3px var(--white);
  border-right: solid 3px var(--white);
  transform: rotate(135deg);
  top: -0.2em;
  left: 0.1em;
  opacity: 0;
}
.smf-form .smf-item label input[type="radio"]+span:before {
  border-radius: 50%;
  width: 1.125em;
  height: 1.125em;
}
.smf-form .smf-item label input[type="radio"]+span:after {
  border-radius: 50%;
  width: 0.75em;
  height: 0.75em;
  border: none;
  background: var(--yellow);
  top: 0;
  left: 0.2em;
  opacity: 0;
}
.smf-form .smf-item label input[type="checkbox"]:checked+span:before {
  border-color: var(--yellow);
  background: var(--yellow);
}
.smf-form .smf-item label input[type="radio"]:checked+span:after,
.smf-form .smf-item label input[type="checkbox"]:checked+span:after {
  opacity: 1;
}
.smf-form .smf-item input[type="radio"]:focus+span::before,
.smf-form .smf-item input[type="checkbox"]:focus+span::before {
  outline: 1px solid;
}
.smf-form .smf-item .smf-control-description {
  font-size: 0.875rem;
  color: var(--black);
  margin-top: 0;
}
.smf-form .smf-item .smf-select-control {
  width: 40%;
}
.smf-form .privacypolicy-box .smf-placeholder {
  text-align: center;
}
.smf-action {
  display: flex;
  justify-content: center;
  flex-direction: column-reverse;
  margin: 3em auto 0 !important;
  gap: 1em;
}
.smf-action .smf-button-control {
  margin: 0 !important;
}
.smf-action .smf-button-control__control {
  position: relative;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 320px;
  width: fit-content;
  min-height: 3em;
  font-size: 1rem;
  font-weight: 500;
  color: var(--white);
  padding: 0.75em 3em;
  margin: auto;
  text-decoration: none;
  background: transparent;
  border: none;
  border-radius: 0;
  transition: none;
}
.smf-action .smf-button-control__control::after {
  position: absolute;
  z-index: -10;
  display: inline-block;
  content: "";
  width: 100%;
  height: 100%;
  background: var(--black);
  border-radius: 5em;
  filter: drop-shadow(0 0 0 rgba(0, 0, 0, 0.15));
  transition: filter .4s, transform .4s;
}
.smf-action .smf-button-control__control .smf-sending::before {
  display: none;
}
.smf-action .smf-button-control__control .smf-sending {
  position: absolute;
  z-index: 50;
  display: inline-block;
  width: 1em;
  height: 0.9em;
  background: var(--white);
  mask: url(../img/common/icon-arrow.svg) no-repeat;
  mask-size: contain;
  top: 0.25em;
  right: 34%;
  bottom: 0;
  margin: auto;
  transform: translateX(-50%);
  visibility: visible;
}
.smf-action .smf-button-control__control[data-action="back"] {
  min-width: 220px;
}
.smf-action .smf-button-control__control[data-action="back"] .smf-sending {
  right: 28%;
}
.snow-monkey-form[data-screen="input"] .form-confirm,
.snow-monkey-form[data-screen="invalid"] .form-confirm,
.snow-monkey-form[data-screen="back"] .form-confirm,
.snow-monkey-form[data-screen="confirm"] .form-input,
.snow-monkey-form[data-screen="invalid"] .form-input {
  display: none !important;
}
.smf-form .smf-item {
  padding: 1.5rem 0;
}
.smf-form .smf-item.required-text_box {
  padding-bottom: 0.5rem;
}
.smf-form .smf-item.required-text_box .form-text_lead {
  text-align: center;
  line-height: 1.8;
  margin-bottom: 5em;
}
.smf-form .smf-item:not(div:has(.form-confirm)) {
  border-bottom: 1px solid #dadada;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.smf-form .smf-item:last-child {
  border-bottom: none !important;
  padding-bottom: 0;
}
.smf-form.smf-form--letter .smf-item {
  flex-direction: column;
  gap: 0.5em;
  padding: 0.75em 0;
}
.smf-form.smf-form--letter .smf-item__col {
  max-width: 100% !important;
  width: 100% !important;
  padding: 0 !important;
  flex: 0 !important;
}
.smf-form.smf-form--letter .smf-item .smf-item__col--label {
  min-height: 0;
  justify-content: flex-start;
  gap: 0.75em;
}
.smf-form .smf-item .smf-item__col--label {
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: 100%;
  flex: 285px;
  width: 285px;
  padding-right: 4em;
  padding-bottom: 0;
  box-sizing: border-box;
}
.snow-monkey-form:not([data-screen="confirm"]) .smf-item .smf-item__col--label {
  min-height: 4em;
}
.smf-form .smf-item:not(.required-box) .smf-item__col--label {
  flex-direction: column;
  justify-content: space-around;
  align-items: flex-start;
}
.smf-form .smf-item .smf-item__label__text {
  font-size: 1rem;
}
.smf-form .smf-item .smf-item__col--label+.smf-item__col--controls {
  flex: calc(100% - 285px);
  max-width: calc(100% - 285px);
}
.smf-form .smf-item .smf-item__col--controls {
  flex: 100%;
  max-width: 100%;
}
.smf-form .smf-radio-buttons-control--horizontal .smf-radio-buttons-control__control>.smf-label {
  min-width: 30%;
}
.smf-form .smf-item.privacypolicy-box p {
  line-height: 1.8;
}
.smf-form .smf-item.privacypolicy-box p a {
  color: var(--blue);
  text-decoration: underline;
  text-underline-offset: 0.35em;
}
@media (any-hover: hover) {
  .smf-action .smf-button-control__control:hover::after {
    filter: drop-shadow(0 10px 16px rgba(0, 0, 0, 0.15));
    transform: scale(0.95);
  }
  .smf-form .smf-item.privacypolicy-box p a:hover {
    text-decoration: none;
  }
}
@media screen and (max-width: 767px) {
  .smf-form .smf-item input[type="text"],
  .smf-form .smf-item input[type="search"],
  .smf-form .smf-item input[type="email"],
  .smf-form .smf-item input[type="tel"],
  .smf-form .smf-item input[type="number"],
  .smf-form .smf-item input[type="password"],
  .smf-form .smf-item input[type="date"],
  .smf-form .smf-item textarea,
  .smf-form .smf-item select {
    font-size: 1rem;
  }
  .smf-form .smf-item label input[type="radio"]+span,
  .smf-form .smf-item label input[type="checkbox"]+span {
    font-size: 1rem;
    padding-left: 1.5em;
  }
  .smf-action .smf-button-control__control {
    min-width: 100%;
    min-height: 3.5em;
  }
  .smf-action .smf-button-control__control .smf-sending {
    right: 38%;
  }
  .smf-form .smf-item {
    flex-direction: column;
    gap: 1em;
    padding: 1rem 0;
  }
  .smf-form .smf-item.required-text_box .form-text_lead {
    text-align: left;
    margin-bottom: 3em;
  }
  .smf-form .smf-item .smf-item__col--label {
    flex: 100%;
    width: 100%;
    min-height: 0;
    padding-right: 0;
  }
  .smf-form .smf-item.required-box .smf-item__col--label {
    justify-content: flex-start;
    gap: 0 0.5em;
    padding: 0;
  }
  .snow-monkey-form:not([data-screen="confirm"]) .smf-item .smf-item__col--label {
    min-height: 0;
  }
  .smf-form .smf-item .smf-radio-buttons-control__control .smf-label {
    min-width: 0;
    display: block !important;
    margin: 0 !important;
  }
  .smf-form .smf-item .smf-item__col--label+.smf-item__col--controls {
    flex: 100%;
    max-width: 100%;
    width: 100%;
  }
}
.page-header {
  text-align: left;
  min-height: 23.5em;
  background-color: var(--main_color);
}
.page-header::before {
  display: none;
}
.page-header .page-header-inner {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  gap: 0.5em;
  font-size: 1.5rem;
  color: var(--white);
}
/* body:is(.blog, .single-post) .page-header .page-header-inner {
  flex-direction: column-reverse;
} */
.page-header .page-header-title {
  font-size: 2.5em;
  font-weight: bold;
}
.page-header .page-header-title span {
  font-size: 2rem;
  padding-left: 0.25em;
}
.page-header .page-header-subtext {
  font-size: 1em;
  font-family: "Orbitron", sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin: 0;
}
.main-section {
  margin: 0;
}
.container {
  max-width: min(100%, 1200px);
  width: 100%;
}
.single-post .container {
  max-width: min(100%, 1146px);
}
.article-wrap {
  position: relative;
  z-index: 10;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
  background: var(--sub_white);
  overflow: clip;
}
.article-wrap:has(.site-body--padding-vertical--off) {
  background: var(--white);
}
:is(.blog, .archive, .single) .article-wrap::before,
:is(.blog, .archive, .single) .article-wrap::after {
  position: absolute;
  z-index: -10;
  display: inline-block;
  content: "";
  width: 613px;
  aspect-ratio: 767/769;
  background: var(--white);
  mask: url(../img/common/bg-gear.svg);
  mask-size: cover;
  mask-repeat: no-repeat;
  opacity: 0.6;
}
:is(.blog, .archive, .single) .article-wrap::before {
  top: 0;
  right: -152px;
}
:is(.blog, .archive, .single) .article-wrap::after {
  bottom: -352px;
  left: -180px;
  rotate: -16deg;
}
.article-wrap>* {
  width: 100%;
}
.article-wrap .breadcrumb_wrap {
  order: 2;
}
.article-wrap .site-body {
  order: 1;
}
.article-wrap .gear-archive_banner {
  text-align: center;
  margin-top: 8.75em;
}
.article-wrap .gear-archive_banner a {
  width: min(100%, 448px);
}
.sub-section{
  display:flex;
  justify-content:flex-start;
  align-items:flex-start;
  flex-direction:column;
}
.sub-section > *{
  order:1;
}
.sub-section #block-11{
  order:2;
  margin-block: var(--vk-margin-block-bottom) 0;
}
.accordion:has(.side-category_box){
  width:100%;
}
.side-category_box,
.popular-posts {
  width:100%;
  background: var(--white);
  border-radius: 0.3125em;
  overflow: hidden;
}
.side-category_box:not(:first-child) {
  margin-top: 1em;
}
.side-category_box,
.side-category_box *,
.popular-posts,
.popular-posts *,
.popular-posts .wpp-list,
.popular-posts .wpp-list * {
  padding: 0;
  margin: 0;
}
.side-category_box .side-category_ttl,
.popular-posts h2 {
  position: relative;
  z-index: 10;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
  min-height: 3.75em;
  text-align: left;
  font-size: 1rem;
  font-weight: bold;
  color: var(--white);
  background: var(--sub_color);
  padding: 0.625em 1.25em;
  padding-right: 2.5em;
  cursor: pointer;
}
.side-category_box .side-category_ttl::after {
  position: absolute;
  z-index: 10;
  display: inline-block;
  content: "";
  width: 0.625em;
  aspect-ratio: 1/1;
  border-bottom: 2px solid var(--white);
  border-right: 2px solid var(--white);
  top: 50%;
  translate: 0 -50%;
  right: 1.25em;
  rotate: 45deg;
  transform: skew(5deg, 5deg);
  transition: scale .4s;
}
.side-category_box .side-category_ttl.opened::after {
  scale: -1 -1;
}
.side-category_box dd {
  padding: 1.25em 1em;
}
.side-category_box .side-category_list li {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 0.3125em;
  text-align: left;
  font-size: 0.875rem;
  font-weight: bold;
}
.side-category_box .side-category_list li:not(:first-child) {
  margin-top: 0.75em;
}
.side-category_box .side-category_list li::before {
  display: inline-block;
  vertical-align: middle;
  content: "\002D";
}
.side-category_box .side-category_list li a {
  display: block;
  text-decoration: none;
  flex: 1;
}
.popular-posts .wpp-list {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  gap: 1.25em;
  text-align: left;
  font-size: 1rem;
  padding: 1.75em 1em 1.25em;
}
.popular-posts .wpp-list li {
  position: relative;
  z-index: 10;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 0.5em;
}
.popular-posts .wpp-list li::before {
  position: absolute;
  z-index: 10;
  display: inline-block;
  content: "";
  width: 2.125rem;
  aspect-ratio: 34/23;
  background: url(../img/common/ico_rank01.png);
  background-size: cover;
  top: -0.875em;
  left: -0.875em;
}
.popular-posts .wpp-list li:nth-child(2)::before {
  background-image: url(../img/common/ico_rank02.png);
}
.popular-posts .wpp-list li:nth-child(3)::before {
  background-image: url(../img/common/ico_rank03.png);
}
.popular-posts .wpp-list li a:has(img) {
  width: 103px;
  overflow: hidden;
}
.popular-posts .wpp-list li a img {
  transition: scale .4s;
}
.popular-posts .wpp-list li a.wpp-post-title {
  width: calc(100% - 103px - 0.5rem);
  font-size: 0.75rem;
  font-weight: bold;
  color: var(--black);
  text-decoration: none;
  line-height: 1.5;
  transition: color .4s;
}
@media (any-hover: hover) {
  .side-category_box .side-category_list li a:hover,
  .popular-posts .wpp-list li:has(a:hover) a.wpp-post-title {
    color: var(--main_color);
  }
  .popular-posts .wpp-list li:has(a:hover) img {
    scale: 1.05;
  }
}
@media screen and (max-width:900px) {
  .sub-section{
    margin-top:2em;
  }
}
@media screen and (max-width: 767px) {
  .sub-section{
    margin-top:0em;
  }
  .sub-section #block-9{
    order:2;
    margin-block: var(--vk-margin-block-bottom) 0;
  }
}
.site-body {
  text-align: left;
  padding-block: 6.25em;
}
main:not(:has(.page-header)) .site-body {
  padding-top:0;
}
.article-box {
  background: var(--white);
  border-radius: 0.625em;
  padding: 2.9em 2.6em;
  filter: var(--shadow_black);
}
.article-box .article-inner {
  width: min(100%, 1100px);
  margin-inline: auto;
}
:is(.main-section--col--two) .article-box .article-inner {
  width: min(100%, 794px);
}
.article-products_wrap .article-products_flex {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.article-products_wrap .article-products_flex .article-products_slide {
  width: min(56.6750629723%, 450px);
}
.article-products_wrap .article-products_slide .slide-main {
  border-radius: 0.625em;
  overflow: visible;
  margin-bottom: 1em;
}
.article-products_wrap .article-products_slide .slide-thumbnail .slick-track {
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  gap: 0.625em;
}
.article-products_wrap .article-products_slide .slide-thumbnail .slick-track::before,
.article-products_wrap .article-products_slide .slide-thumbnail .slick-track::after {
  display: none;
}
.article-products_wrap .article-products_slide .slide-thumbnail_item {
  width: calc((100% - (0.625em * 3)) / 4);
  border-radius: 0.3125em;
  overflow: hidden;
}
.article-products_wrap .article-products_flex .article-products_spec {
  width: min(39.5465994962%, 314px);
}
.article-products_wrap .article-products_spec .spec-item {
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  border-top: 1px solid #e3e3e3;
  margin: 0;
}
.article-products_wrap .article-products_spec .spec-item:last-child {
  border-bottom: 1px solid #e3e3e3;
}
.article-products_wrap .article-products_spec .spec-item * {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
  min-height: 3.75em;
  font-size: 1rem;
  margin: 0;
}
.article-products_wrap .article-products_spec .spec-item_ttl {
  min-width: 4.25em;
}
.article-products_wrap .article-products_spec .spec-item_detail {
  flex: 1;
}
.article-products_wrap .article-products_detail {
  font-size: 1rem;
  background: var(--sub_white);
  border-radius: 0.3125em;
  padding: 1.2em 1.5em;
  margin-top: 0.8em;
}
.article-products_wrap .article-products_detail p {
  margin: 0;
}
.article-box .contact-btn {
  margin-block: 3em;
}
.article-box .contact-btn a {
  position: relative;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5em;
  width: min(100%, 185px);
  min-height: 3.375em;
  text-align: center;
  font-size: 1rem;
  font-weight: 500;
  color: var(--white);
  background: var(--contact_color);
  border: 1px solid var(--contact_color);
  border-radius: 3em;
  padding: 0.5em 1.25em;
  margin: auto;
  text-decoration: none;
  transition: color .4s, background .4s;
}
.article-box .contact-btn a::before {
  display: inline-block;
  content: "";
  width: 1.5em;
  aspect-ratio: 21/16;
  background: var(--white);
  mask: url(../img/common/icon-mail.svg) no-repeat;
  mask-size: contain;
  transition: background .4s;
}
.article-products_wrap .products-other_wrap .h_style03:nth-child(n+2) {
  margin-top: 1em;
}
.article-products_wrap .products-other_wrap .products-list:not(li)~.h_style03 {
  margin-top: 0;
}
.article-products_wrap .products-other_wrap .products-list:has(li) + .h_style03 {
  margin-top:2em;
}
.wp-singular .main-section .common_btn {
  margin-top: 4em;
}
.wp-singular .main-section .common_btn a {
  margin-inline: auto;
}
.wp-singular .main-section .common_btn a::after {
  display: none;
}
.article-solution_wrap .article-solution_flex {
  margin-bottom: 2.5em;
  min-height: 300px;
}
.article-solution_wrap .article-solution_flex .article-solution_image {
  width: min(40.9090909091%, 450px);
  border-radius: 0.625em;
  overflow: hidden;
  float:left;
  margin-right: 3%;
}
.article-solution_wrap .article-solution_flex .article-solution_task {
  width: min(55.9090909091%, 615px);
  float:right;
}
.article-solution_wrap .solution-item_category {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 0.5em;
  width: auto;
  margin-bottom: 0.3125em;
}
.article-solution_wrap .solution-category_nam {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  min-height: 20px;
  font-size: 0.75rem;
  font-weight: 500;
  color: var(--white);
  background: var(--main_color);
  border: 1px solid var(--main_color);
  padding: 0.05em 0.5em;
  margin: 0;
}
.article-solution_wrap .article-solution_ttl {
  font-size: 2.25rem;
  font-weight: bold;
  margin-bottom: 0.75em;
}
.article-solution_wrap :is(.solution-task_box, .solution-suggestion_box) {
  width: 100%;
  margin: 0;
}
.article-solution_wrap .solution-task_box{
  float:right;
  width: min(55.9090909091%, 615px);
  margin-bottom: 2.5em;
}
.article-solution_wrap :is(.solution-task_box, .solution-suggestion_box) dt {
  font-size: 1.25rem;
  font-weight: bold;
  line-height: 1;
  color: var(--white);
  background: #14769d;
  border-radius: 0.25em;
  padding: 0.5em 1em;
  margin-bottom: 0.75em;
}
.article-solution_wrap :is(.solution-suggestion_box) dt {
  background: #9d3414;
}
.article-solution_wrap :is(.solution-task_box, .solution-suggestion_box, .solution-point_box, .solution-voice_box) dd {
  font-size: 1rem;
  line-height: 1.6;
  letter-spacing: 0.05em;
}
.article-solution_wrap .solution-suggestion_flex {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  flex-wrap: wrap;
  gap: 2.75em 0;
  width: 100%;
}
.article-solution_wrap :is(.solution-point_box, .solution-voice_box) {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
  width: min(48.5454545455%, 534px);
  background: var(--white);
  border: 1px solid var(--main_color);
  border-radius: 0.3125em;
  padding: 1em 1em 3.375em;
  margin: 0;
}
.article-solution_wrap .solution-voice_box {
  background-color: var(--sub_white);
  border-color: var(--sub_white);
}
.article-solution_wrap :is(.solution-point_box, .solution-voice_box)>* {
  width: min(87%, 434px);
}
.article-solution_wrap :is(.solution-point_box, .solution-voice_box) dt {
  display: flex;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 0 0.875rem;
  min-height: 4.3125rem;
  border-bottom: 1px solid #e3e3e3;
  padding-bottom: 0.875rem;
  margin-bottom: 1.25rem;
}
.article-solution_wrap .solution-point_box dt {
  font-size: 1.75rem;
  line-height: 1;
}
.article-solution_wrap .solution-voice_box dt {
  font-size: 1.5rem;
  line-height: 1.8;
}
.article-solution_wrap :is(.solution-point_box, .solution-voice_box) dt::before {
  display: inline-block;
  content: "";
}
.article-solution_wrap .solution-point_box dt::before {
  width: 1.14285714286em;
  aspect-ratio: 32/31;
  background: var(--main_color);
  mask: url(../img/common/icon-check.svg) no-repeat;
  mask-size: cover;
}
.article-solution_wrap .solution-voice_box dt::before {
  width: 2.25em;
  aspect-ratio: 1/1;
  background-color: var(--white);
  background-image: url(../img/common/icon-voice.svg);
  background-size: 42.5925925926%;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 100%;
}
.solution-pickup_wrap {
  position: relative;
  z-index: 10;
  text-align: left;
  background: var(--white);
  border-radius: 0.625em;
  padding: 4em 1.25em;
  margin-bottom: 5.625em;
  filter: var(--shadow_black);
}
.solution-pickup_wrap::before,
.solution-pickup_wrap::after {
  position: absolute;
  z-index: 10;
  display: inline-block;
  content: "";
  width: 140px;
  aspect-ratio: 140/141;
  background: url(../img/common/figure-gear.png) no-repeat;
  background-size: cover;
  top: -1em;
  left: -1.875em;
}
.solution-pickup_wrap::after {
  top: auto;
  left: auto;
  right: -1.875em;
  bottom: -1em;
  scale: -1 -1;
}
.solution-pickup_wrap .solution-pickup_inner {
  width: min(100%, 806px);
  margin-inline: auto;
}
.solution-pickup_wrap .solution-pickup_inner::after {
  position: absolute;
  z-index: -5;
  display: inline-block;
  content: "";
  width: calc(100% - 20px);
  height: calc(100% - 20px);
  border: 1px solid var(--main_color);
  border-radius: 0.625em;
  inset: 0;
  margin: auto;
}
.entry-header {
  margin: 0;
}
.entry-header time {
  display: inline-block;
  font-size: 0.875rem;
  font-weight: 500;
  color: #666;
  margin-bottom: 1em;
}
.entry-header .h_style02 {
  text-align: center;
  font-size: 2.25rem;
  border: none;
}
.entry-body .entry-image {
  margin-bottom: 1.25em;
}
.h_style00 {
  text-align: center;
  font-size: 2em;
  font-weight: bold;
  line-height: 1.6;
  margin-bottom: 2.75em;
}
.h_style01,
body:not(.single-post) .entry-body h2 {
  text-align: center;
  font-size: 2.25rem;
  font-weight: 700;
  margin-inline: auto;
  width: fit-content;
  margin-bottom: 1.5em;
  letter-spacing: 0.03em;
  position: relative;
  z-index: 1;
}
.h_style01::after,
body:not(.single-post) .entry-body h2::after {
  content: "";
  display: block;
  width: 1.125em;
  height: 2px;
  inset: auto 0 -0.275em;
  position: absolute;
  margin-inline: auto;
  background: var(--main_color);
}
.h_style01.text_white,
body:not(.single-post) .entry-body h2.text_white {
  color: var(--white);
}
.h_style01.text_white::after,
body:not(.single-post) .entry-body h2.text_white::after {
  background-color: var(--white);
}
.h_style02,
:is(.single-post) .entry-body h3,
body:not(.single-post) .entry-body h4{
  text-align: left;
  font-size: 1.5rem;
  font-weight: bold;
  border-left: 5px solid var(--main_color);
  padding-left: 0.375em;
  margin-bottom: 1.25em;
}
.h_style03,
:is(.single-post) .entry-body h2,
body:not(.single-post) .entry-body h3 {
  position: relative;
  z-index: 10;
  font-size: 1.75rem;
  font-weight: bold;
  border-bottom: 1px solid #e3e3e3;
  padding-bottom: 0.25em;
}
.h_style03::before,
:is(.single-post) .entry-body h2::before,
body:not(.single-post) .entry-body h3::before {
  position: absolute;
  z-index: 10;
  display: inline-block;
  content: "";
  width: 96px;
  height: 3px;
  background: var(--main_color);
  left: 0;
  bottom: -2px;
}
.h_style04,
:is(.single-post) .entry-body h5,
body:not(.single-post) .entry-body h5 {
  font-size: 1.25rem;
  font-weight: bold;
  border-top: 3px solid var(--main_color);
  border-bottom: 1px solid #e3e3e3;
  padding-block: 0.4em;
}
[class*="h_style"] em {
  color: var(--main_color);
}
.entry-body .wp-block-separator {
  margin-block: 2.25rem;
}
.tag-box {
  margin-top: 3.2em;
}
.tag-list,
.tag-list * {
  padding: 0;
  margin: 0;
}
.tag-list {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  font-size: 1rem;
  gap: 0.75em 0.375em;
}
.tag-list a {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  min-width: 7.42857142857em;
  min-height: 1.92857142857em;
  font-size: 0.75em;
  font-weight: bold;
  color: var(--main_color);
  background: var(--white);
  border: 1px solid var(--main_color);
  border-radius: 2em;
  text-decoration: none;
  padding: 0.1em 1em;
  transition: color .4s, background .4s;
}
:where(:not(.wp-block-table))>table :is(th, td) {
  font-size: 1em;
  font-weight: 500;
}
.wp-block-flexible-table-block-table.wp-block-flexible-table-block-table>table tr th,
.wp-block-flexible-table-block-table.wp-block-flexible-table-block-table>table th {
  font-size: 1.75em;
  font-weight: bold;
  padding: 0.2575em 1em 0.35em;
}
.vk_faq {
  background: var(--white);
  border: none;
  border-radius: 0.3125em;
}
.vk_faq+.vk_faq {
  margin-top: 1.5em;
}
.vk_faq .vk_faq_title {
  font-size: 1.125em;
  padding: 1.25em 3.775em 1.4em 4.625em !important;
}
.vk_faq .vk_faq_title:before,
.vk_faq .vk_faq_content:before {
  width: 1.77778em;
  height: 1.77778em;
  font-size: 1em;
  font-weight: bold;
  font-family: 'Noto Sans JP', sans-serif;
  color: var(--white);
  line-height: 1.6;
  background: var(--sub_color);
  top: 1.25em;
  left: 1.75em;
}
.vk_faq .vk_faq_content:before {
  font-size: 1.125em;
  background: var(--main_color);
  top: 1.125em;
}
.vk_faq .vk_faq_title::after {
  right: 3.875em !important;
  border-width: 2px !important;
  border-color: var(--sub_color) !important;
  width: 12px !important;
  height: 12px !important;
}
.vk_faq .vk_faq_content {
  padding: 0 2.5em 0 5.25em !important;
  margin: 0;
}
.vk_faq .vk_faq_content-accordion-open {
  padding: 1.45em 2.5em 1.75em 5.25em !important;
}
@media (any-hover: hover) {
  .tag-list a:hover {
    color: var(--white);
    background: var(--main_color);
  }
}
@media screen and (max-width: 767px) {
  .page-header {
    min-height: 20em;
	background-position: 65%;
  }
  .page-header .page-header-inner {
    gap: 0.5em;
    font-size: 1rem;
  }
  .page-header .page-header-title {
    font-size: 2em;
  }
  .page-header .page-header-title span {
    font-size: 0.625em;
  }
  .container {
    max-width: 100%;
  }
  :is(.blog, .archive, .single) .article-wrap::before,
  :is(.blog, .archive, .single) .article-wrap::after {
    width: 80%;
  }
  :is(.blog, .archive, .single) .article-wrap::before {
    top: -41vw;
    right: -27vw;
  }
  :is(.blog, .archive, .single) .article-wrap::after {
    bottom: -40vw;
    left: -5vw;
  }
  .article-wrap .gear-archive_banner {
    margin-top: 2em;
  }
  .main-section.main-section--col--two {
    margin-bottom: 3.75em;
  }
  .site-body {
    padding-bottom: 3.75em;
  }
  .side-category_box,
  .popular-posts {
    background: var(--white);
    border-radius: 0.3125em;
    overflow: hidden;
  }
  .side-category_box:not(:first-child) {
    margin-top: 1em;
  }
  .popular-posts .wpp-list li::before {
    width: 2.75rem;
    top: -1em;
  }
  .popular-posts .wpp-list li a:has(img) {
    width: 104px;
    overflow: hidden;
  }
  .popular-posts .wpp-list li a.wpp-post-title {
    width: calc(100% - 104px - 0.5rem);
    font-size: 0.75rem;
    font-weight: bold;
    color: var(--black);
    text-decoration: none;
    line-height: 1.5;
    transition: color .4s;
  }
  .article-box {
    padding: 2.5em 1em;
  }
  .article-box .article-inner,
  :is(.main-section--col--two) .article-box .article-inner {
    width: 100%;
  }
  .article-products_wrap .article-products_flex {
    flex-direction: column;
    gap: 1em;
  }
  .article-products_wrap .article-products_flex .article-products_slide,
  .article-products_wrap .article-products_flex .article-products_spec {
    width: 100%;
  }
  .article-products_wrap .article-products_spec .spec-item * {
    min-height: 2.75em;
  }
  .article-products_wrap .article-products_detail {
    padding: 1.25em 1em;
    margin-top: 2em;
  }
  .article-products_wrap .products-other_wrap .products-list:has(li) + .h_style03 {
    margin-top:1em;
  }
  .article-box .contact-btn {
    margin-block: 2em;
    width: 100%;
  }
  .article-box .contact-btn a {
    width: min(100%, 210px);
    min-height: 2.75em;
    font-size: 1.14285714286rem;
    border-radius: 3em;
    padding: 0.5em 1.25em;
  }
  .article-box .contact-btn a::before {
    width: 1.125em;
  }
  .wp-singular .main-section .common_btn {
    margin-top: 3em;
  }
  .wp-singular .main-section .common_btn a {
    margin-inline: auto;
  }
  .wp-singular .main-section .common_btn a::after {
    display: none;
  }
  .article-solution_wrap .article-solution_flex {
    flex-direction: column;
    gap: 1em;
    margin-bottom: 1.5em;
    min-height: 0;
  }
  .article-solution_wrap .article-solution_flex .article-solution_image,
  .article-solution_wrap .article-solution_flex .article-solution_task {
    width: 100%;
    float: none;
    margin: 0 0 1em;
  }
  .article-solution_wrap .solution-task_box{
    width:100%;
    margin-bottom:1em;
  }
  .article-solution_wrap .solution-category_nam {
    min-height: 18px;
    font-size: 0.7142885rem;
    line-height: 1.2;
    padding: 0.05em 0.2em 0.1em;
  }
  .article-solution_wrap .article-solution_ttl {
    font-size: 1.5rem;
  }
  .article-solution_wrap .solution-suggestion_flex {
    flex-direction: column;
    gap: 1.75em 0;
  }
  .article-solution_wrap :is(.solution-point_box, .solution-voice_box) {
    width: 100%;
    padding: 1em;
  }
  .article-solution_wrap :is(.solution-point_box, .solution-voice_box)>* {
    width: 100%;
  }
  .article-solution_wrap :is(.solution-point_box, .solution-voice_box) dt {
    gap: 0 0.5rem;
    min-height: 0;
    border-bottom: 1px solid #e3e3e3;
    padding-bottom: 0.75rem;
    margin-bottom: 1rem;
  }
  .article-solution_wrap .solution-point_box dt {
    font-size: 1.5rem;
    line-height: 1;
  }
  .article-solution_wrap .solution-voice_box dt {
    font-size: 1.25rem;
    line-height: 1.8;
  }
  .article-solution_wrap .solution-voice_box dt::before {
    width: 1.85em;
  }
  .solution-pickup_wrap {
    padding: 2em 1.25em 3.5em;
    margin-bottom: 3.625em;
  }
  .solution-pickup_wrap::before,
  .solution-pickup_wrap::after {
    width: 80px;
  }
  .solution-pickup_wrap .solution-pickup_inner {
    width: 100%;
  }
  .solution-pickup_wrap .solution-pickup_inner::after {
    width: calc(100% - 10px);
    height: calc(100% - 10px);
  }
  .article-products_wrap .article-products_slide .slide-main {
    overflow:visible;
  }
  .entry-header time {
    display: inline-block;
    font-size: 0.875rem;
    font-weight: 500;
    color: #666;
    margin-bottom: 1.75em;
  }
  .entry-body .entry-image {
    margin-bottom: 1.25em;
  }
  .entry-body p {
    font-size: 1rem;
  }
  .h_style00 {
    font-size: 1.5em;
    margin-bottom: 1.5em;
  }
  .h_style01,
  body:not(.single-post) .entry-body h2 {
    font-size: 1.75rem;
  }
  .h_style02,
  :is(.single-post) .entry-body h2,
  body:not(.single-post) .entry-body h3 {
    font-size: 1.5rem;
    margin-bottom: 0.75em;
  }
  .h_style03,
  :is(.single-post) .entry-body h3,
  body:not(.single-post) .entry-body h4 {
    font-size: 1.35rem;
  }
  .h_style03::before,
  :is(.single-post) .entry-body h3::before,
  body:not(.single-post) .entry-body h4::before {
    width: 90px;
  }
  .h_style04,
  :is(.single-post) .entry-body h5,
  body:not(.single-post) .entry-body h5 {
    font-size: 1.25rem;
    border-top: 3px solid var(--main_color);
    border-bottom: 1px solid #e3e3e3;
    padding-block: 0.4em;
  }
  .tag-box {
    margin-top: 2.5em;
  }
  .tag-list a {
    min-width: 6em;
  }
  .wp-block-flexible-table-block-table.wp-block-flexible-table-block-table>table tr td {
    padding: 1em 1.25em;
  }
  .wp-block-vk-blocks-grid-column-item {
    margin-bottom: 2em !important;
  }
  .vk_faq+.vk_faq {
    margin-top: 1em;
  }
  .vk_faq .vk_faq_title {
    padding: 0.785em 2.5em 0.785em 2.75em !important;
  }
  .vk_faq .vk_faq_title:before,
  .vk_faq .vk_faq_content:before {
    top: 0.75em;
    left: 0.5em;
  }
  .vk_faq .vk_faq_title::after {
    right: 3.25em !important;
    width: 8px !important;
    height: 8px !important;
  }
  .vk_faq .vk_faq_content {
    padding: 0 1em 0 3.25em !important;
    margin: 0;
  }
  .vk_faq .vk_faq_content-accordion-open {
    padding: 1em 1em 1em 3.25em !important;
  }
}
#vk-mobile-nav-menu-btn {
  display: none;
}
.p-contact *{
  margin:0;
  padding:0;
}
.p-contact .l-inner {
  display:flex;
  justify-content: flex-end;
  align-items: flex-start;
  gap: 3em;
  padding-top: 3.75em;
}
.p-contact .l-inner .contact-left_box{
  position:relative;
  z-index:10;
  width:min(45.8333333333%,550px);
  color:var(--white);
  padding-bottom: 2.5em;
}
.p-contact .l-inner .contact-left_box::after{
  position:absolute;
  z-index:-10;
  display:inline-block;
  content:"";
  width:151.272727273%;
  height:calc(100% + 3.75em);
  background:var(--main_color);
  top:-3.75em;
  left:-6.5%;
}
.p-contact .l-inner .p-message {
  text-align: center;
  margin-bottom: 1em;
}
.p-contact .l-inner .p-note {
  text-align: center;
  font-size: 0.875rem;
  margin-bottom:3.21428571429em;
}
.p-contact .l-inner .p-upload-block dt {
  margin-bottom:0.875em;
}
.p-contact .l-inner .p-upload-block dt .p-any {
  display:inline-flex;
  justify-content:center;
  align-items:center;
  flex-direction:column;
  min-width:3em;
  min-height:1.875em;
  border:1px solid;
  margin-left:0.75em;
}
.p-contact .l-inner .p-upload-block dd {
  background: var(--white);
  padding: 3.125em 1em 2.5em;
  margin-bottom:1.875em;
}
.p-contact .l-inner .p-upload-block .codedropz-upload-handler {
  background: #ffffff url("../img/contact/cad.png") no-repeat;
  background-position:center top;
  padding-top:8.9375em;
  border: none;
  box-sizing: border-box;
}
.p-contact .l-inner .p-upload-block .codedropz-upload-handler h3 {
  text-align:center;
  font-size:1.125rem;
  color:var(--black);
  border: none;
  padding: 0;
  margin:0;
}
.p-contact .l-inner .p-upload-block .codedropz-upload-handler h3:before,
.p-contact .l-inner .p-tel h3:before{
  display:none;
}
.p-contact .l-inner .p-upload-block .codedropz-upload-handler span {
  display: block;
  font-size: 0.875rem;
  color:var(--black);
  margin-bottom:2.85714285714em;
}
.p-contact .l-inner .p-upload-block .codedropz-upload-handler .dnd-upload-counter {
  display: none;
}
.p-contact .l-inner .p-upload-block .codedropz-upload-handler .codedropz-btn-wrap a{
  font-size:1rem;
  margin:auto;
}
.p-contact .l-inner .p-tel {
  text-align: center;
  color:var(--black);
  background: var(--white);
  padding:1.375em 1em;
  margin-bottom:1.25em;
}
.p-contact .l-inner .p-tel h3 {
  text-align: center;
  font-size: 1rem;
  font-weight: bold;
  border: none;
  padding: 0;
  margin-bottom: 0.625em;
}
.p-contact .l-inner .p-tel .p-phone {
  font-size: 3rem;
  font-weight: 600;
  line-height:1;
  margin-bottom:0.54166666666em;
}
.p-contact .l-inner .p-tel .p-phone::before {
  display: inline-block;
  vertical-align: baseline;
  content: "";
  width: 0.75em;
  aspect-ratio:1/1;
  background: url("../img/contact/icon_phone_01.png") no-repeat center center;
  background-size: cover;
  margin-right:0.25em;
}
.p-contact .l-inner .p-bnr {
  text-align:center;
  margin-inline:auto;
}
.p-contact .l-inner .p-form {
  position:relative;
  z-index:10;;
  width:min(50%,550px);
  background: #ffffff;
  padding:1.75em 3.5em;
}
.p-contact .l-inner .p-form dl dt {
  margin-bottom:0.25em;
}
.p-contact .l-inner .p-form dl dd:nth-child(n + 2){
  margin-top:0.75em;
}
.p-contact .l-inner .p-form dl dd .p-text,
.p-contact .l-inner .p-form dl dd .p-textarea,
.p-contact .l-inner .p-form dl dd .p-select select{
  width: 100%;
  font-size:1rem;
  border: 1px solid #BBBBBB;
  border-radius: 3px;
  padding:0.625em 0.875em;
  margin:0;
}
.p-contact .l-inner .p-form dl dd .p-textarea {
  resize: vertical;
}
.p-contact .l-inner .p-form dl dd .p-select select {
  background: url(data:image/gif;base64,R0lGODlhFAAUALMAAP///7a2tv7+/vv7+/b29u7u7uXl5dra2tDQ0MfHx8bGxr+/v7q6ure3t////wAAACH5BAUAAA4ALAAAAAAUABQAAARIEMhJq704680lCmAojiEyLGQaLgNQNCrZFNMRjwclKDeoCBUC48YgXAw3Q+aTQmhOJNbmJZp1bKFcR5DwATsAYRE8MSjJ6HQEADs=) no-repeat calc(100% - 10px);
  padding-right:2em;
  cursor: pointer;
  appearance: none;
}
.p-contact .l-inner .p-form dl.p-half-left,
.p-contact .l-inner .p-form dl.p-half-right {
  display:inline-block;
  width: 48.5%;
}
.p-contact .l-inner .p-form dl.p-half-left{
  margin-right:2%;
}
.p-contact .l-inner .p-form dl dd .wpcf7-radio{
  display:flex;
  justify-content:flex-start;
  align-items:center;
  flex-wrap:wrap;
  gap:0.625em 1em;
  padding-left:1em;
}
.p-contact .l-inner .p-form dl dd .wpcf7-radio label{
  display:inline-flex;
  justify-content:center;
  align-items:center;
  gap:0.5em;
}
.p-contact .l-inner .p-form hr {
  width: 100%;
  clear: both;
  background: none;
  border: none;
  border-top: 1px dashed #BBBBBB;
  margin-block:1.25em 0.875em;
}
.p-contact .l-inner .p-form .p-privacy-check{
  text-align:center;
}
.p-contact .l-inner .p-form .p-privacy-link {
  text-align:center;
  margin-bottom:1.75em;
}
.p-contact .l-inner .p-form .p-privacy-link a {
  display:inline-block;
  color: var(--main_color);
  text-decoration-style:solid;
}
.p-contact .l-inner .p-form .p-btn-box .p-btn{
  --key_color: var(--white);
  --bg_color: var(--sub_color);
  position: relative;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 205px;
  width: fit-content;
  min-height: 3.125em;
  font-size: 1rem;
  font-weight: bold;
  color: var(--key_color);
  background: var(--bg_color);
  border-radius: 3.125em;
  padding: 0.75em 2.25em;
  text-decoration: none;
  transition: color .4s, background .4s;
  margin-inline:auto;
  border:none;
  outline:none;
  appearance:none;
}
@media (any-hover: hover) {
  .p-contact .l-inner .p-form .p-btn-box .p-btn:hover {
    --key_color: var(--white) !important;
    --bg_color: var(--main_color);
  }
}
@media screen and (max-width: 767px) {
  .p-contact .l-inner {
    position:relative;
    z-index:10;
    flex-direction:column;
    justify-content: flex-start;
    gap: 1em;
    padding-block: 3.75em;
  }
  .p-contact .l-inner .contact-left_box{
    position:static;
    width:100%;
  }
  .p-contact .l-inner .contact-left_box::after{
    width:100vw;
    height:100%;
    top:0;
    left:50%;
    translate:-50%;
  }
  .p-contact .l-inner .p-form {
    width:100%;
    padding:1em;
  }
}