@charset "UTF-8";
.mv_area{
  position: relative;
}
.mv_area img{
  width:100%;
}
.mv_area .catch_copy.sp{
  display:none;
}
.mv_area .catch_copy{
  position:absolute;
  top:48%;
  left:22%;
  display:flex;
  flex-direction:column;
  gap:0.6vw;
  color:#fff;
}
.mv_area .catch_copy .bg{
  position:relative;
  font-size:1.9vw;
}
.mv_area .catch_copy .bg:after{
  content:'';
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background-color:#000000;
  clip-path: polygon(1vw 0, 100% 0, calc(100% - 1vw) 100%, 0 100%);
}
.mv_area .catch_copy .bg span{
  position:relative;
  z-index:10;
  padding:0.4em 1.5em;
  display:block;
  text-align:center;
}
.mv_area .catch_copy .bg span strong{
  color:#ddff09;
  font-size:1.25em;
}
@media screen and (max-width: 640px) {
  .single-area .h1_tit h1 {
    font-size:1.6rem;
    line-height:1.5;
  }
}
@media screen and (max-width: 768px) {
  .mv_area .catch_copy.pc{
    display:none;
  }
  .mv_area .catch_copy.sp{
    display:flex;
  }
  .mv_area .catch_copy{
    top:55%;
    left:0%;
    gap:0.6vw;
  }
  .mv_area .catch_copy .bg{
    font-size:3.9vw;
  }
  .mv_area .catch_copy .bg:after{
    clip-path: polygon(2vw 0, 100% 0, calc(100% - 2vw) 100%, 0 100%);
  }
  .mv_area .catch_copy .bg span{
    padding:0.32em 1.5em;
    text-align:left;
  }
}
.btn_area {
  text-align:center;
}
.btn_area .btn{
  color:#fff;
  background-color:#199a74;
  padding:0.75em 2.5em 0.75em 1.5em;
  border-radius:4px;
  display:inline-block;
  position:relative;
  transition:.2s ease;
}
.btn_area .btn:after{
  content:'';
  position:absolute;
  top:50%;
  right:0.5em;
  clip-path: polygon(0 10%, 10% 0, 60% 50%, 10% 100%, 0 90%, 40% 50%, 0 10%);
  transform:translateY(-50%);
  height: 0.6em;
  aspect-ratio: 1;
  background-color: #ffffff;
}
.btn_area .btn:hover{
  background-color:#2ba883;
}
@media screen and (max-width: 767px) {
  .elementor-element-477c9e1e .elementor-row > .elementor-column.elementor-element.elementor-col-25{
      width:50%;
  }
  .elementor-element-477c9e1e .elementor-row > .elementor-column.elementor-element.elementor-col-25 h3,
  .elementor-element-477c9e1e .elementor-row > .elementor-column.elementor-element.elementor-col-25 h5{
      font-size:16px;
  }
  .elementor-element-477c9e1e .elementor-row > .elementor-column.elementor-element.elementor-col-25 p{
      font-size:12px;
      text-align:left;
  }
  .elementor-element-477c9e1e .elementor-widget-wrap.elementor-element-populated{
    padding:0 15px!important;
  }
  .elementor-element-477c9e1e .elementor-container.elementor-column-gap-thegem{
    padding:0!important;
  }
}
.wheel_jisseki .manufacturer{
  margin:0.5em 0 0;
  font-size:1.7rem;
  font-weight:700;
  color:#199a74;
  line-height:1.5;
}
.wheel_jisseki li{
  position:relative;
  padding-bottom:;
}
.wheel_jisseki li .inner{
  display:flex;
  flex-direction:column;
  height:100%;
}
.wheel_jisseki li p{
  font-size:1.4rem;
  line-height:1.75;
}
.wheel_jisseki li .inner .price{
  margin:0 0 0.25em;
  text-align:right;
}
.wheel_jisseki li .inner .price .num{
  color:#b00;
  font-weight:700;
  font-size:1.5em;
  display:inline-block;
  margin:0 0.25em;
}
.sec_oyakudachi .description{
	padding:0 1rem 1rem;
}
.unnecessary-staff_cont .row .img {
  text-align: center;
}
.storage-achievements_sec {
	padding: 4em 0;
}
.storage-achievements_cont .row {
  justify-content: flex-start;
  list-style: none;
  padding: 0;
}
.storage-achievements_cont .row li {
  width: calc(25% - 0.75em);
}
.storage-achievements_cont .row li img{
	border:1px solid #ddd;
}
.storage-achievements_cont .row li .title {
	font-size: 1em;
	font-weight: bold;
	line-height: 1.5;
	color: #009B71;
	margin: 0.5em 0;
}
.storage-achievements_cont .row li .price {
	font-weight: bold;
	text-align: right;
	background: #2F559711;
	padding: 0.25em 0.5em;
	margin-bottom: 0.5em;
}
.storage-achievements_cont .row li .price span {
	font-size: 1.25em;
	font-weight: bold;
	color: #FF5050;
}
.storage-achievements_cont .row li .text{
	line-height:1.75;
	font-size:1.4rem;
}
@media screen and (max-width: 768px) {
	.storage-achievements_cont .row li {
	  width: calc(50% - 0.5em);
	}
	.storage-achievements_cont .row li .title {
		font-size: 1.4rem;
	}
	.storage-achievements_cont .row li .price {
		font-size:1.2rem;
	}
	.storage-achievements_cont .row li .price span {
		font-size:1.4rem;
	}
	.storage-achievements_cont .row li .text{
		line-height:1.5;
		font-size:1.2rem;
	}
}

.preloader:after,
.loading:after {
	background-image: url('http://thegem-wptheme.loc/wp-content/themes/TheGem/images/preloader-3.gif');
}
.preloader .preloader-spin,
.loading .preloader-spin {
	display: none;
}

.long-text {
  max-height: 5em;
  overflow: hidden;
  transition: max-height 1s ease;
}
.long-text.open {
  max-height: 10000px;
}
.toggle-btn {
  display: block;
  margin: 2rem auto 0;
  cursor: pointer;
  color: #5f727f;
  width :11em;
  border:1px solid #5f727f;
  text-align:center;
  padding:0.25em 2em 0.25em 1.5em;
  position:relative;
  transition:.2s ease;
}
.toggle-btn:hover{
	background-color:#edf4f8;
}
.toggle-btn:after{
  content:'';
  position:absolute;
  right:0.5em;
  top:57%;
  transform:translateY(-50%);
  background-color: #5f727f;
  width: 1em;
  height: 0.8em;
  clip-path: polygon(0 0%, 50% 75%, 100% 0%);
  transition:.2s ease;
}
.long-text.open + .toggle-btn:after{
  top:50%;
  transform:rotate(-180deg) translateY(50%);
}
.aircon-campain_sec .up {
	max-width: 31.45em;
}
.musical-template .ring-achievements_cont .row li .title{
  justify-content: center;
}

.single-remains .unnecessary-cannot_area .row .txt {
  width: 100%;
}
.single-remains .unnecessary-cannot_area .row li {
  width: 100%;
}
@media screen and (max-width: 768px) {
  .single-remains .mv_area .catch_copy{
    top:57%;
    left:0%;
    gap:2vw;
	width:100%;
  }
  .single-remains .mv_area .catch_copy .bg{
    font-size:4.4vw;
	letter-spacing:0.02em;
  }
  .single-remains .mv_area .catch_copy .bg:after{
    clip-path: polygon(2vw 0, 100% 0, calc(100% - 2vw) 100%, 0 100%);
  }
  .single-remains .mv_area .catch_copy .bg span{
    padding:0.32em 1.5em;
	text-align:center;
  }
}
.achievements-slick li a .title span {
	line-height:1.5;
}
