:root{
  /* --color01: #232323;
  --color01: #f4f2f7; */
	--color01: #000;
  /* --color02: #111; */
	--color02: #222222;
  /* --color03: #575757; */
  /* --color03: #ffffff; */
	--color03: #333333;
  /* --color04: #f4f2f7; */
  --color04: #000;
}
.c5-spl-container{
  /* background: var(--color01)!important; */
  position: relative;
  z-index: 1;
 	/* color: white; */
	/* .s5-iconInline{
		filter: brightness(5);
	} */
}

.c5-inner {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 30px;
}

.c5-section{
  margin-bottom: 0;
  padding: 60px 0;
  @media only screen and (max-width: 767px) {
    padding: 40px 0;
  }
  >*:first-child{
    top: 0;
  }
  >*:last-child{
    margin-bottom: 0;
  }
}
.c5-section:nth-of-type(even){
  /* background: var(--color03); */
/*  color: white;*/
}
.c5-bg-bk{
  background: var(--color01)!important;
 	color: white;
}
#feature,
.c5-section:nth-of-type(add){
  background: var(--color04)!important;
  color: var(--color01)!important;
}

.c5-spl-mv{
	margin-bottom: 0;
	padding-bottom: 20px;
	@media only screen and (max-width: 767px) {
		padding-bottom: 0;
	}
	h1{
		margin-bottom: 0;
	}
  img{
    width: 100%;
    max-width: none;
  }
	.c5-spl-mv__inner{
		max-width: calc(1200px + 8%);
		padding: 0 30px;
		margin: 0 auto;
		@media only screen and (max-width: 1260px) {
			max-width: calc(1200px);
			padding: 0;
		}	
	}
}

.c5-spl-video{
  max-width: 800px;
  margin: 40px auto;
}

.c5-spl-links{
  .c5-spl-links__inner{
    background: var(--color02);
    padding: 30px 0;
  }
}
.c5-spl-links.is-fixed{
  .c5-spl-links__inner{
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #1111118f;
    z-index: 100;
  }
}

.c5-spl-linksList{
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 20px;
  @media only screen and (max-width: 767px) {
    flex-direction: column;
  }
}
.c5-spl-linksBtn{
  min-width: 200px;
  background: white;
  font-weight: bold;
  font-size: 16px;
  text-align: center;
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 40px;
  padding: .2em 30px .2em 20px;
  border-radius: 4px;
	color: black;
  transition: all .4s ease;
  position: relative;
}
.c5-spl-linksBtn:before{
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  border-top: solid 2px #262626;
  border-right: solid 2px #262626;
  position: absolute;
  top: 50%;
  right: 14px;
  transform: translate(0, -50%) rotate(45deg);
  transition: all .4s;
}
.c5-spl-linksBtn:hover{
  text-decoration: none;
  opacity: .75;
}
.c5-spl-linksBtn:hover:before{
  right: 8px;
}
.c5-spl-linksBtn--contact{
  background: #FFA500;
  color: white!important;
}
.c5-spl-linksBtn--contact:before{
  border-color: white;
}

.c5-phots{
  padding: 20px 0 80px;
  ul.c5-photosList{
    margin: 0;
		gap: 0;
  }
}
.c5-photosList{
	>*{
		width: calc(100% / 3);
		@media only screen and (max-width: 767px) {
			width: 100%;
		}
	}
  @media only screen and (max-width: 767px) {
    /* padding: 0 30px; */
  }
  figure{
    filter: drop-shadow(0 0 8px rgba(0, 0, 0, .25));
		position: relative;
		margin: 0;
		figcaption{
			position: absolute;
			bottom: 0;
			left: 0;
			width: 100%;
			line-height: 1.2;
			background: #00000078;
			background: linear-gradient(180deg, rgba(0, 0, 0, 0) 66.666%, black 100%);
			padding: .8em 1em;
			height: 100%;
			display: flex;
			align-items: flex-end;
			justify-content: center;
			text-align: center;
			box-sizing: border-box;
			font-size: 13px;
		}
  }
}

.c5-lead{
  padding: 40px 0;
}

.c5-spl-title01{
  color: white;
/*  background: #183a6a;*/
  font-size: calc(28 / 16 * 1em);
  font-weight: bold;
  margin-bottom: 20px;
  display: flex;
  min-height: calc(36 / 16 * 1em);
  align-items: center;
  padding: .2em 1em;
  position: relative;
  overflow: hidden;
  @media only screen and (max-width: 767px) {
    font-size: calc(25 / 16 * 1em);
    margin-left: -30px;
    margin-right: -30px;
  }
}
.c5-spl-title01:before{
  content: "";
  display: block;
  width: 110%;
  height: 100%;
  background: #183a6a;
  background: linear-gradient(90deg, rgba(24, 58, 106, 1) 0%, rgba(201, 130, 238, 0.41) 90%, rgba(201, 130, 238, 0) 100%);
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  transition: opacity .4s ease, transform .8s ease;
  transform: translateX(-110%);
}
.c5-spl-title01 > span{
  display: inline-block;
  opacity: 0;
  transition: all .4s ease;
  transition-delay: .4s;
  position: relative;
  z-index: 1;
}
/* .in-view{ */
  .c5-spl-title01:before{
    opacity: 1;
    transform: translateX(0);
  }
  .c5-spl-title01 > span{
    opacity: 1;
  }
/* } */

.c5-spl-title02{
  font-size: calc(22 / 16 * 1em);
  font-weight: bold;
  margin-bottom: 40px;
  padding: .2em 1em .5em;
  position: relative;
	font-weight: normal;
  @media only screen and (max-width: 767px) {
    font-size: calc(19 / 16 * 1em);
  }
}
.c5-spl-title02 > span{
  display: inline-block;
  position: relative;
  opacity: 0;
  transition: all .4s ease;
  transition-delay: .6s;
}
.c5-spl-title02:before,
.c5-spl-title02:after{
  content: "";
  display: block;
  /* background: linear-gradient(90deg, rgba(24, 58, 106, 1) 0%, rgba(201, 130, 238, 0.41) 90%, rgba(201, 130, 238, 0) 100%); */
  background: linear-gradient(90deg, rgba(100, 30, 215, 1) 0%, rgba(40, 105, 255, 0.41) 90%, rgba(40, 105, 255, 0) 100%);
  position: absolute;
  bottom: 0;
  left: 0;
  transition: all .8s ease-in;
  transform-origin: left bottm!important;
}
.c5-spl-title02:before{
  width: 5px;
  height: 100%;
  max-height: 0;
}
.c5-spl-title02:after{
  width: 100%;
  height: 1px;
  max-width: 0;
}
.c5-spl-title02 strong{
	/* color: #a3b2ff; */
	font-weight: bolder;
}
/* .in-view{ */
  .c5-spl-title02:before{
    max-height: 100vh;
  }
  .c5-spl-title02:after{
    max-width: 100%;
  }
  .c5-spl-title02 > span{
    opacity: 1;
  }
/* } */

.c5-spl-title01+*{
  margin-top: -30px;
}

.c5-lead01{
  text-align: center;
  @media only screen and (max-width: 767px) {
    text-align: left;
  }
}

.c5-leadText01{
  font-size: calc(20 / 16 * 1rem);
  line-height: 2;
  font-weight: normal;
  text-align: center;
  @media only screen and (max-width: 767px) {
    text-align: left;
  }
}

.c5-feature{
  padding-bottom: 0;
}
/* .c5-reatureBlock:nth-of-type(odd){
  .c5-spl-title02:before,
  .c5-spl-title02:after{
    background: #a2c3f3;
    background: linear-gradient(90deg, rgba(162, 195, 243, 1) 0%, rgba(22, 229, 255, 1) 90%, rgba(0, 188, 212, 0) 100%);
  }
} */

.c5-reatureBlock{
  padding: 40px 50vw 60px;
  margin-left: -50vw;
  margin-right: -50vw;
/*  min-height: 300px;*/
  >*:first-child{
    top: 0!important;
  }
  >*:last-child{
    margin-bottom: 0!important;
  }
}
.c5-reatureBlock:nth-of-type(odd){
  /* background: var(--color03); */
/*  color: white;*/
}
.c5-reatureBlock:nth-of-type(even){
  /* background: var(--color04); */
/*  color: var(--color01);*/
}

.c5-products{
  padding: 80px 0;
  @media only screen and (max-width: 767px) {
    .c5-card01 {
      gap: 0px;
    }
    .s5-listItem2__extra{
      margin-top: 20px;
    }
  }
}

.-c5-products__list{
/*  display: flex;*/
/*  flex-direction: column;*/
/*  align-items: center;*/
/*  gap: 50px;*/ 
  margin-bottom: 0;
  .s5-listItem2{
    margin-bottom: 0;
  }
  .c5-card01{
    margin-bottom: 0;
  }
  .c5-products__box{
    margin-bottom: 0!important;
  }
  .c5-card01__cont{
    justify-content: flex-start;
    *{
      text-align: left!important;
    }
  }
}

.c5-products__box{
  width: auto;
  max-width: 800px;
  .s5-listItem2__main{
    border-top: none!important;
  }
  .c5-card01__cont{
    text-align: left;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
}

/* animation */
/* 遅延処理 */
*[data-inview-delay="100"] {
  transition-delay: 0.1s !important;
  -webkit-animation-delay: 0.1s !important;
          animation-delay: 0.1s !important;
}
*[data-inview-delay="100"]:before, *[data-inview-delay="100"]:after {
  transition-delay: 0.1s !important;
  -webkit-animation-delay: 0.1s !important;
          animation-delay: 0.1s !important;
}

*[data-inview-delay="200"] {
  transition-delay: 0.2s !important;
  -webkit-animation-delay: 0.2s !important;
          animation-delay: 0.2s !important;
}
*[data-inview-delay="200"]:before, *[data-inview-delay="200"]:after {
  transition-delay: 0.2s !important;
  -webkit-animation-delay: 0.2s !important;
          animation-delay: 0.2s !important;
}

*[data-inview-delay="300"] {
  transition-delay: 0.3s !important;
  -webkit-animation-delay: 0.3s !important;
          animation-delay: 0.3s !important;
}
*[data-inview-delay="300"]:before, *[data-inview-delay="300"]:after {
  transition-delay: 0.3s !important;
  -webkit-animation-delay: 0.3s !important;
          animation-delay: 0.3s !important;
}

*[data-inview-delay="400"] {
  transition-delay: 0.4s !important;
  -webkit-animation-delay: 0.4s !important;
          animation-delay: 0.4s !important;
}
*[data-inview-delay="400"]:before, *[data-inview-delay="400"]:after {
  transition-delay: 0.4s !important;
  -webkit-animation-delay: 0.4s !important;
          animation-delay: 0.4s !important;
}

*[data-inview-delay="500"] {
  transition-delay: 0.5s !important;
  -webkit-animation-delay: 0.5s !important;
          animation-delay: 0.5s !important;
}
*[data-inview-delay="500"]:before, *[data-inview-delay="500"]:after {
  transition-delay: 0.5s !important;
  -webkit-animation-delay: 0.5s !important;
          animation-delay: 0.5s !important;
}

*[data-inview-delay="600"] {
  transition-delay: 0.6s !important;
  -webkit-animation-delay: 0.6s !important;
          animation-delay: 0.6s !important;
}
*[data-inview-delay="600"]:before, *[data-inview-delay="600"]:after {
  transition-delay: 0.6s !important;
  -webkit-animation-delay: 0.6s !important;
          animation-delay: 0.6s !important;
}

*[data-inview-delay="700"] {
  transition-delay: 0.7s !important;
  -webkit-animation-delay: 0.7s !important;
          animation-delay: 0.7s !important;
}
*[data-inview-delay="700"]:before, *[data-inview-delay="700"]:after {
  transition-delay: 0.7s !important;
  -webkit-animation-delay: 0.7s !important;
          animation-delay: 0.7s !important;
}

*[data-inview-delay="800"] {
  transition-delay: 0.8s !important;
  -webkit-animation-delay: 0.8s !important;
          animation-delay: 0.8s !important;
}
*[data-inview-delay="800"]:before, *[data-inview-delay="800"]:after {
  transition-delay: 0.8s !important;
  -webkit-animation-delay: 0.8s !important;
          animation-delay: 0.8s !important;
}

*[data-inview-delay="900"] {
  transition-delay: 0.9s !important;
  -webkit-animation-delay: 0.9s !important;
          animation-delay: 0.9s !important;
}
*[data-inview-delay="900"]:before, *[data-inview-delay="900"]:after {
  transition-delay: 0.9s !important;
  -webkit-animation-delay: 0.9s !important;
          animation-delay: 0.9s !important;
}

*[data-inview-delay="1000"] {
  transition-delay: 1s !important;
  -webkit-animation-delay: 1s !important;
          animation-delay: 1s !important;
}
*[data-inview-delay="1000"]:before, *[data-inview-delay="1000"]:after {
  transition-delay: 1s !important;
  -webkit-animation-delay: 1s !important;
          animation-delay: 1s !important;
}

*[data-inview-delay="1100"] {
  transition-delay: 1.1s !important;
  -webkit-animation-delay: 1.1s !important;
          animation-delay: 1.1s !important;
}
*[data-inview-delay="1100"]:before, *[data-inview-delay="1100"]:after {
  transition-delay: 1.1s !important;
  -webkit-animation-delay: 1.1s !important;
          animation-delay: 1.1s !important;
}

*[data-inview-delay="1200"] {
  transition-delay: 1.2s !important;
  -webkit-animation-delay: 1.2s !important;
          animation-delay: 1.2s !important;
}
*[data-inview-delay="1200"]:before, *[data-inview-delay="1200"]:after {
  transition-delay: 1.2s !important;
  -webkit-animation-delay: 1.2s !important;
          animation-delay: 1.2s !important;
}

*[data-inview-delay="1300"] {
  transition-delay: 1.3s !important;
  -webkit-animation-delay: 1.3s !important;
          animation-delay: 1.3s !important;
}
*[data-inview-delay="1300"]:before, *[data-inview-delay="1300"]:after {
  transition-delay: 1.3s !important;
  -webkit-animation-delay: 1.3s !important;
          animation-delay: 1.3s !important;
}

*[data-inview-delay="1400"] {
  transition-delay: 1.4s !important;
  -webkit-animation-delay: 1.4s !important;
          animation-delay: 1.4s !important;
}
*[data-inview-delay="1400"]:before, *[data-inview-delay="1400"]:after {
  transition-delay: 1.4s !important;
  -webkit-animation-delay: 1.4s !important;
          animation-delay: 1.4s !important;
}

*[data-inview-delay="1500"] {
  transition-delay: 1.5s !important;
  -webkit-animation-delay: 1.5s !important;
          animation-delay: 1.5s !important;
}
*[data-inview-delay="1500"]:before, *[data-inview-delay="1500"]:after {
  transition-delay: 1.5s !important;
  -webkit-animation-delay: 1.5s !important;
          animation-delay: 1.5s !important;
}

*[data-inview-delay="1600"] {
  transition-delay: 1.6s !important;
  -webkit-animation-delay: 1.6s !important;
          animation-delay: 1.6s !important;
}
*[data-inview-delay="1600"]:before, *[data-inview-delay="1600"]:after {
  transition-delay: 1.6s !important;
  -webkit-animation-delay: 1.6s !important;
          animation-delay: 1.6s !important;
}

*[data-inview-delay="1700"] {
  transition-delay: 1.7s !important;
  -webkit-animation-delay: 1.7s !important;
          animation-delay: 1.7s !important;
}
*[data-inview-delay="1700"]:before, *[data-inview-delay="1700"]:after {
  transition-delay: 1.7s !important;
  -webkit-animation-delay: 1.7s !important;
          animation-delay: 1.7s !important;
}

*[data-inview-delay="1800"] {
  transition-delay: 1.8s !important;
  -webkit-animation-delay: 1.8s !important;
          animation-delay: 1.8s !important;
}
*[data-inview-delay="1800"]:before, *[data-inview-delay="1800"]:after {
  transition-delay: 1.8s !important;
  -webkit-animation-delay: 1.8s !important;
          animation-delay: 1.8s !important;
}

*[data-inview-delay="1900"] {
  transition-delay: 1.9s !important;
  -webkit-animation-delay: 1.9s !important;
          animation-delay: 1.9s !important;
}
*[data-inview-delay="1900"]:before, *[data-inview-delay="1900"]:after {
  transition-delay: 1.9s !important;
  -webkit-animation-delay: 1.9s !important;
          animation-delay: 1.9s !important;
}

*[data-inview-delay="2000"] {
  transition-delay: 2s !important;
  -webkit-animation-delay: 2s !important;
          animation-delay: 2s !important;
}
*[data-inview-delay="2000"]:before, *[data-inview-delay="2000"]:after {
  transition-delay: 2s !important;
  -webkit-animation-delay: 2s !important;
          animation-delay: 2s !important;
}

/* 遅延処理 */
*[data-inview-duration="100"] {
  transition-duration: 0.1s !important;
}

*[data-inview-duration="200"] {
  transition-duration: 0.2s !important;
}

*[data-inview-duration="300"] {
  transition-duration: 0.3s !important;
}

*[data-inview-duration="400"] {
  transition-duration: 0.4s !important;
}

*[data-inview-duration="500"] {
  transition-duration: 0.5s !important;
}

*[data-inview-duration="600"] {
  transition-duration: 0.6s !important;
}

*[data-inview-duration="700"] {
  transition-duration: 0.7s !important;
}

*[data-inview-duration="800"] {
  transition-duration: 0.8s !important;
}

*[data-inview-duration="900"] {
  transition-duration: 0.9s !important;
}

*[data-inview-duration="1000"] {
  transition-duration: 1s !important;
}

*[data-inview-duration="1100"] {
  transition-duration: 1.1s !important;
}

*[data-inview-duration="1200"] {
  transition-duration: 1.2s !important;
}

*[data-inview-duration="1300"] {
  transition-duration: 1.3s !important;
}

*[data-inview-duration="1400"] {
  transition-duration: 1.4s !important;
}

*[data-inview-duration="1500"] {
  transition-duration: 1.5s !important;
}

*[data-inview-duration="1600"] {
  transition-duration: 1.6s !important;
}

*[data-inview-duration="1700"] {
  transition-duration: 1.7s !important;
}

*[data-inview-duration="1800"] {
  transition-duration: 1.8s !important;
}

*[data-inview-duration="1900"] {
  transition-duration: 1.9s !important;
}

*[data-inview-duration="2000"] {
  transition-duration: 2s !important;
}

.js-effectTitle > span {
  display: inline-block;
  overflow: hidden;
}
.js-effectTitle > span span {
  display: inline-block;
  opacity: 0;
  transition: opacity 0.4s ease, -webkit-transform 0.6s ease;
  transition: transform 0.6s ease, opacity 0.4s ease;
  transition: transform 0.6s ease, opacity 0.4s ease, -webkit-transform 0.6s ease;
  transition-delay: 0.1s;
}
.js-effectTitle > span:first-child {
  -webkit-transform-origin: left center;
          transform-origin: left center;
  -webkit-transform: scale(0);
          transform: scale(0);
  transition: -webkit-transform 0.4s;
  transition: transform 0.4s;
  transition: transform 0.4s, -webkit-transform 0.4s;
}
.in-view .js-effectTitle > span:first-child {
  -webkit-transform: scaleY(1);
          transform: scaleY(1);
}

.js-effectTitle > span:first-child span {
  -webkit-transform: translate(-2rem, 0);
          transform: translate(-2rem, 0);
}
.in-view .js-effectTitle > span:first-child span {
  -webkit-transform: translate(0);
          transform: translate(0);
  opacity: 1;
}

.js-effectTitle > span:last-child span {
  transition-delay: 0.1s;
  -webkit-transform: translate(2rem, 0);
          transform: translate(2rem, 0);
}
.in-view .js-effectTitle > span:last-child span {
  -webkit-transform: translate(0);
          transform: translate(0);
  opacity: 1;
}

.js-effectTitle strong {
  color: #5A4545;
  transition: color 0.8s ease;
  transition-delay: 0.6s;
}
.topPrice .js-effectTitle strong {
  color: white;
}

.in-view .js-effectTitle strong {
  color: #B14580;
}

.js-fadeIn {
  opacity: 0;
  -webkit-filter: blur(1rem);
          filter: blur(1rem);
  transition: opacity 0.4s, -webkit-filter 0.4s;
  transition: opacity 0.4s, filter 0.4s;
  transition: opacity 0.4s, filter 0.4s, -webkit-filter 0.4s;
  transition-delay: 0.8s;
}
.in-view .js-fadeIn {
  opacity: 1;
  -webkit-filter: blur(0);
          filter: blur(0);
}

.js-fadeBlur, .js-fadeBlur__inner {
  transition: opacity 0.4s, -webkit-filter 0.4s;
  transition: opacity 0.4s, filter 0.4s;
  transition: opacity 0.4s, filter 0.4s, -webkit-filter 0.4s;
  opacity: 0;
  -webkit-filter: blur(1rem);
          filter: blur(1rem);
  transition-delay: 1s;
}
.in-view .js-fadeBlur, .in-view .js-fadeBlur__inner {
  opacity: 1;
  -webkit-filter: blur(0);
          filter: blur(0);
}

.js-fadeBlur__inner {
  transition-delay: 1.1s;
}

.js-fadeBlur02, .js-fadeBlur02__inner {
  transition: opacity 0.4s, -webkit-filter 0.4s;
  transition: opacity 0.4s, filter 0.4s;
  transition: opacity 0.4s, filter 0.4s, -webkit-filter 0.4s;
  opacity: 0;
  -webkit-filter: blur(1rem);
          filter: blur(1rem);
  transition-delay: 1s;
  @media only screen and (max-width: 767px) {
    transition-delay: .4s;
  }
}
.in-viewitem .js-fadeBlur02, .in-view .js-fadeBlur02__inner {
  opacity: 1;
  -webkit-filter: blur(0);
          filter: blur(0);
}

.js-fadeBlur02__inner {
  transition-delay: 1.1s;
}

.js-slideUp {
  opacity: 0;
  -webkit-transform: translateY(2rem);
          transform: translateY(2rem);
  transition: opacity 0.4s, -webkit-transform 0.8s ease;
  transition: opacity 0.4s, transform 0.8s ease;
  transition: opacity 0.4s, transform 0.8s ease, -webkit-transform 0.8s ease;
}
.in-view .js-slideUp {
  opacity: 1;
  -webkit-transform: translate(0);
          transform: translate(0);
}

.js-slideUp02 {
  opacity: 0;
  -webkit-transform: translateY(2rem);
          transform: translateY(2rem);
  transition: opacity 0.4s, -webkit-transform 0.4s;
  transition: opacity 0.4s, transform 0.4s;
  transition: opacity 0.4s, transform 0.4s, -webkit-transform 0.4s;
}
.in-viewItem .js-slideUp02 {
  opacity: 1;
  -webkit-transform: translate(0);
          transform: translate(0);
}

.js-slideRight{
  >figure{
    overflow: hidden;
  }
  img{
    transform: translateX(-60%);
    opacity: 0;
    transition: all .5s ease-out;
  }
  .c5-note01,
  figcaption{
    opacity: 0;
    transition: all .4s ease;
    transition-delay: .8s;
  }
}
.in-viewitem{
  .js-slideRight{
    >figure{
      overflow: hidden;
    }
    img{
      transform: translateX(0);
      opacity: 1;
    }
    .c5-note01,
    figcaption{
      opacity: 1;
    }
  }
}

.js-slideLeft{
  >figure{
    overflow: hidden;
  }
  img{
    transform: translateX(60%);
    opacity: 0;
    transition: all .5s ease-out;
  }
  .c5-note01,
  figcaption{
    opacity: 0;
    transition: all .4s ease;
    transition-delay: .8s;
  }
}
.in-viewitem{
  .js-slideLeft{
    >figure{
      overflow: hidden;
    }
    img{
      transform: translateX(0);
      opacity: 1;
    }
    .c5-note01,
    figcaption{
      opacity: 1;
    }
  }
}

.c5-differenceTable{
  border-spacing: 2px;
  border-collapse: separate;
  background: transparent;
  margin: 40px auto 60px;
	>table{
		table-layout: fixed;
	}
  thead{
    th,td{
      font-size: calc(18 / 16 *1em);
      font-weight: bold;
      padding: 1em 2em;
      vertical-align: middle;
      text-align: center;
      background: #624976;
      color: white;
    }
		td,
		th:not(:last-of-type) {
			border-right: solid 1px white;
		}
		th:last-child{
      border-right: solid 1px #624976;
		}
  }
  tbody{
    border-bottom: 1px solid #000;
    th,td{
      padding: 1em 1em;
      vertical-align: middle;
    }
    th{
      font-weight: bold;
      text-align: center;
    }
    th{
      background: rgba(24, 58, 106, .75);
      color: rgba(255,255,255);
      font-size: calc(14 / 16 * 1em);
      padding-left: .4em;
      padding-right: .4em;
    }
    td{
      background: rgba(255,255,255,.85);
      color: #212121;
      text-align: center;
      font-size: calc(14 / 16 * 1em);
      border-right: solid 1px #000;
    }
    tr:not(:first-child){
      th{
        border-top: solid 1px white;
      }
      td {
        border-top: solid 1px #000;
      }
    }
    /* th:not(.c5-differenceTable__primary),td:not(:first-child){
      border-left: solid 1px white;
    } */
  }
  /* col:first-of-type{
    min-width: 9em;
  } */
  col:nth-of-type(1){
    width: 10em;
  }
  col:nth-of-type(2),
  col:nth-of-type(3),
  col:nth-of-type(4){
    width: calc((100% - 10em) / 3);
  }
	tbody td {
		width: calc(80% / 3);
	}
}

@media only screen and (max-width: 767px) {
  .c5-differenceTable{
    overflow-x: auto;
    table{
      width: max-content;
      /*thead{
        position: sticky;
        top: 0;
      }*/
    }
  }
  .c5-differenceTable__primary{
    position: sticky;
    left: 0;
    outline: solid white 1px;
    background: rgba(24, 58, 106, 1)!important;
  }
  .c5-differenceTable__secondary{
    position: sticky;
    left: calc(10em + 1px);
    outline: solid white 1px;
    background: rgba(24, 58, 106, 1)!important;
  }
}

@media only screen and (max-width: 640px) {
  .c5-differenceTable{
/*    max-height: 70vh;*/
    table{
      width: max-content;
    }
    /* col:first-of-type{
      min-width: 3em;
    }
    col:nth-of-type(2){
      min-width: 3em;
    } */
    .c5-differenceTable__primary{
      -ms-writing-mode: tb-rl;
      writing-mode: vertical-rl;
      letter-spacing: .4em;
      padding: .5em;
    }
    .c5-differenceTable__secondary{
      left: calc(3em + 1px);
      -ms-writing-mode: tb-rl;
      writing-mode: vertical-rl;
      letter-spacing: .4em;
      padding: .5em;
    }
  }
}

.c5-formatTable{
  table{
    min-width: 100%;
  }
  thead{
    th{
      font-size: calc(14 / 16 * 1em);
      padding-left: .4em;
      padding-right: .4em;
    }
    th:not(:last-child){
      border-right: solid 1px White;
    }
    tr:not(:last-child){
      border-bottom: solid 1px white;
    }
  }
  tbody{
    th:not(.c5-differenceTable__primary){
      border-left: none;
    }
    th:not(.c5-formatTable__primary){
      border-left: solid 1px white;
    }
    td:first-of-type{
      border-left: solid 1px white;
    }
    td:first-child{
      border-left: solid 1px #000;
    }
    tr:not(:last-child){
      td{
        border-left: solid 1px #000;
      }
    }
  }
}

@media only screen and (max-width: 640px) {
  .c5-formatTable{
    table{
      width: max-content;
    }
  }
}

.c5-formatTable__bg--light{
  background: rgba(201, 130, 238, 0.41)!important;
}

.c5-formatTable__bg--dark{
  background: lightgray!important;
}

.c5-degitalExtenderTable{
  container-type: inline-size;

  border-spacing: 2px;
  border-collapse: separate;
  background: transparent;
  margin: 40px auto 60px;
  thead{
    th{
      font-size: calc(16 / 16 *1em);
      font-weight: bold;
      padding: 1em 2em;
      vertical-align: middle;
      text-align: center;
      background: #624976;
      color: white;
    }
    th:not(:first-child){
      border-left: solid 1px white;
    }
    th:last-child {
      border-right: solid 1px #624976;
    }
  }
  tbody{
    border-bottom: solid 1px #000;
    border-right: solid 1px #000;
    th{
      font-size: calc(16 / 16 *1em);
      font-weight: bold;
      padding: 1em 2em;
      vertical-align: middle;
      text-align: center;
      background: #624976;
      color: white;
      border-top: solid 1px white;
    }
    td{
      padding: 1em 1em;
      vertical-align: middle;
    }
    td{
      background: rgba(255,255,255,.85);
      color: #212121;
      text-align: center;
      font-size: calc(20 / 16 *1em);
      font-weight: bold;
      border-right: solid 1px #000;
      border-bottom: solid 1px #000;
      &:last-child {
        border-right: none;
      }
    }
    td:not(:first-child){
      border-left: solid 1px white;
    }
  }

  @container (max-width: 819px){
    table{
      display: grid;
      max-width: 320px;
      margin-left: auto;
      margin-right: auto;

      *{
        border: none!important;
      }
    }
    thead, tbody, tr{
      display: contents;
    }

    th:first-child{
      background: rgba(24, 58, 106, .75);
      margin-bottom: 1em;
    }

    td:nth-child(2){
      grid-row: 3/4;
    }
    td:nth-child(3){
      grid-row: 5/6;
    }
    thead th:first-child{
      display: none;
    }
    tbody th:first-child{
      grid-row: 1/2;
    }
  }
}

.c5-flexA{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 4em;
  padding: 2em;
  background: lightgray;
}

.c5-flexA__innerFlex{
  display: flex;
  gap: 2em;

  @media only screen and (max-width: 640px) {
    flex-direction: column;
  }
}

.c5-ugLicense{
  .c5-list--ck{
    @media only screen and (max-width: 640px) {
      padding-inline-start: 1em;
    }
  }
}

.c5-ugLicense__cardImg{
  max-width: 124px;

  @media only screen and (max-width: 640px) {
    width: 100%;
    max-width: 300px;
    text-align: center;
    align-self: center;
  }
}

.c5-ugLicense__logo{
  width: 14em;
  margin-bottom: 0.8em;
}

.c5-list--ck{
  li:not(:last-child){
    margin-bottom: 1.5em;
  }
  li::marker{
    content: "\02714 \00a0 \00a0";
  }
}

.c5-link{
  text-decoration: underline;
}
/*add*/
.s5-listItem2__productName,
.s5-listItem2__price,
.s5-listItem2__price .s5-small1,
.s5-listItem2__description {
  font-size: 16px;
}
.s5-listItem2__modelName {
  font-size: 20px;
}
.c5-cols_bn {
  display: flex;
  gap: 30px;
  @media only screen and (max-width: 640px) {
    display: block;
    text-align: center;
    > div:not(:last-child) {
      margin-bottom: 30px;
    }
  }
}
.js-stickyWrap {
  visibility: hidden;
}
.c5-sp {
  display: none;
}
.s5-linkV3.c5-white {
  color: #fff;
  display: block;
  &::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20fill%3D'%23ffffff'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20x%3D'0px'%20y%3D'0px'%20width%3D'32px'%20height%3D'32px'%20viewBox%3D'0%200%2032%2032'%3E%3Cpath%20d%3D'M25.6%2C16l-16%2C16l-3.2-3.2L19.1%2C16L6.4%2C3.2L9.6%2C0L25.6%2C16z'%2F%3E%3C%2Fsvg%3E");
  }
}

@media only screen and (max-width: 767px) {
  .c5-sp-gap0 {
    row-gap: 0px;
  }
  .c5-sp {
    display: block;
  }
  .c5-pc {
    display: none;
  }
}