@charset "utf-8";
.pan{
  max-width: 100% !important;
  padding: 10px 15px !important;
}
footer#global-footer div.inner nav.global-footer div.row {
  display: block;
  margin: 0;
}
/*////////////////////////////////////////////////////////////////////// */
/*  ---  TOP  ---   */
.top-flow.pc{
  display: none;
}
@media (min-width: 768px){
  .top-flow.pc{
    display: block;
  }
}
.top-flow.sp{
  display: block;
}
@media (min-width: 768px){
  .top-flow.sp{
    display: none;
  }
}
.top-flow area{ 
  display: block;
  outline: none;
  position: relative;
}
.top_service_circle{
  display: flex;
  justify-content: center;
  gap: 30px;
}
.top_service_circle > .wp-block-column{
  width: calc(50% - 30px / 2) !important;
  flex-grow: 0;
}
@media (min-width: 576px){
  .top_service_circle > .wp-block-column{
    width: calc(33% - 60px / 3) !important;
  }
}
/* @media (min-width: 768px){
  .top_service_circle > .wp-block-column{
    width: calc(25% - 90px / 4) !important;
  }
} */
@media (min-width: 992px){
  .top_service_circle > .wp-block-column{
    width: calc(20% - 120px / 5) !important;
  }
}
.top_service_circle figure{
  margin: 0;
}
.wp-block-columns:not(.is-not-stacked-on-mobile).top_service_circle > .wp-block-column{
  flex-basis: unset !important;
}
.wp-block-columns.home_sns{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px 30px;
}
.wp-block-columns:not(.is-not-stacked-on-mobile).home_sns > .wp-block-column{
  flex-basis: unset !important;
}
.wp-block-columns.home_sns > .wp-block-column{
 width: calc(33% - 60px / 3) !important;
  flex-grow: 0;
}

/*////////////////////////////////////////////////////////////////////// */
/*  ---  製品事例  ---   */
.p-tab-area{
  margin-bottom: 15px;
  border: 1px solid var(--blue-color);
}

.p-tab-area .p-main-tab{
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}

.p-tab-area .p-main-tab .p-main-tab_item{
  min-height: 50px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  background-color: #fff;
  color: var(--blue-color);
  font-size: 16px;
  font-weight: bold;
  line-height: calc(30/18);
  width: 100%;
  text-align: center;
  transition: background-color 0.3s;
  padding: 10px 20px;
  border-bottom: 1px solid var(--blue-color);
}
@media (min-width: 576px){
  .p-tab-area .p-main-tab .p-main-tab_item{
    font-size: 18px;
    width: calc(100% / 2);
  }
  .p-tab-area .p-main-tab .p-main-tab_item:nth-child(1){
    border-right: 1px solid var(--blue-color);
  }
  .p-tab-area .p-main-tab .p-main-tab_item:nth-child(3){
    border-right: 1px solid var(--blue-color);
  }
}
@media (min-width: 768px){
  .p-tab-area .p-main-tab .p-main-tab_item{
    width: calc(100% / 4);
  }
  .p-tab-area .p-main-tab .p-main-tab_item:nth-child(2){
    border-right: 1px solid var(--blue-color);
  }
}
@media (min-width: 992px){
    .p-tab-area .p-main-tab .p-main-tab_item{
      width: calc(100% / 2);
    }
    .p-tab-area .p-main-tab .p-main-tab_item:nth-child(2){
      border-right: none;
    }
}
@media (min-width: 1200px){
  .p-tab-area .p-main-tab .p-main-tab_item{
    width: calc(100% / 4);
  }
  .p-tab-area .p-main-tab .p-main-tab_item:nth-child(2){
    border-right: 1px solid var(--blue-color);
  }
}

.p-tab-area .p-main-tab .p-main-tab_item:hover {
  color: #fff;
  cursor: pointer;
  background-color: var(--blue-color);
  opacity: 1;
}

.p-tab-area .p-main-tab .p-main-tab_item.is-active {
  color: #fff;
  background-color: var(--blue-color);
  position: relative;
}

.p-tab-area .p-drawer-tab .p-sub-tab {
  display: none;
  flex-wrap: wrap;
  gap: 10px;
  width: 100%;
  padding: 3rem;
  background-color: var(--blue-color);
}

.p-tab-area .p-drawer-tab .p-sub-tab.is-show {
  display: flex;
}
.p-tab-area .p-drawer-tab .p-sub-tab .p-sub-tab_item{
  width: calc(100% / 2 - 10px / 2);
}
@media (min-width: 768px){
  .p-tab-area .p-drawer-tab .p-sub-tab .p-sub-tab_item{
    width: calc(100% / 4 - 30px / 4);
  }
}
.p-tab-area .p-drawer-tab .p-sub-tab .p-sub-tab_item a {
  font-size: 14px;
  font-weight: 500;
  position: relative;
  display: flex;
  align-items: center;
  color: #fff;
  border: 1px solid #fff;
  padding: 10px 20px;
}
.p-tab-area .p-drawer-tab .p-sub-tab .p-sub-tab_item a:hover{
  color: var(--main-color);
  background-color: #fff;
  opacity: 1;
}

.p-tab-area .p-drawer-tab .p-sub-tab .p-sub-tab_item.is-onBtn-term a{
  color: var(--main-color);
  background-color: #fff;
}
.p-pageProducts .p-pageProducts__preparation p{
  font-size: 20px;
  text-align: center;
  line-height: 1.7;
  font-weight: 500;
}
.p-pageProducts .p-pageProducts__free{
  overflow: hidden;
}
.p-pageProducts .p-pageProducts__img figure{
  border: 1px solid var(--main-color);
}

.p-pageProducts .p-pageProducts__img .p-pageProducts__img__sub{
    display: flex;
    gap: 10px;
}
.p-pageProducts .p-pageProducts__img .p-pageProducts__img__subImg{
    width: calc(33% - 20px / 3);
    position: relative;
}
.p-pageProducts .p-pageProducts__img .p-pageProducts__img__subImg::after{
    content: "";
    background-color: rgba(0, 0, 0, 0.3);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}
.p-pageProducts .p-pageProducts__img .p-pageProducts__img__subImg:hover{
  cursor: pointer;
}
.p-pageProducts .p-pageProducts__img .p-pageProducts__img__subImg.show::after{
  content: none;
}

.p-pageProducts .p-pageProducts__youtube .p-pageProducts__youtube__link{
  display: block;
  max-width: 570px;
  width: 100%;
  margin: 0 auto;
  aspect-ratio: 16 / 9;
}
.p-pageProducts .p-pageProducts__youtube .p-pageProducts__youtube__link iframe{
  width: 100%;  
  height: 100%;
}

img[data-action="zoom"] {
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
  }
  .zoom-img,
  .zoom-img-wrap {
    position: relative;
    z-index: 666;
    -webkit-transition: all 300ms;
         -o-transition: all 300ms;
            transition: all 300ms;
  }
  img.zoom-img {
    cursor: pointer;
    cursor: -webkit-zoom-out;
    cursor: -moz-zoom-out;
  }
  .zoom-overlay {
    z-index: 420;
    background: #fff;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    pointer-events: none;
    filter: "alpha(opacity=0)";
    opacity: 0;
    -webkit-transition:      opacity 300ms;
         -o-transition:      opacity 300ms;
            transition:      opacity 300ms;
  }
.zoom-overlay-open .zoom-overlay {
  filter: "alpha(opacity=100)";
  opacity: 1;
}
.zoom-overlay-open,
.zoom-overlay-transitioning {
    cursor: default;
}
  

/*////////////////////////////////////////////////////////////////////// */
/*  ---  サンクスページ  ---   */
.p-pageThanks .p-pageThanks__text{
  font-size: 1.7rem;
  font-weight: 500;
  line-height: calc(25.5/17);
}