@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/



/*フェードインアップ*/
.fade-in-up {
  opacity: 0;
  transform: translateY(20px);
  transition:
    opacity 0.6s ease,
    transform 0.6s ease;
}

/* 発火後 */
.fade-in-up.is-active {
  opacity: 1;
  transform: translateY(0);
}
#header .c-gnav .menu-item a{
	font-weight:900!important;
	color:#333!important;
}
#header .l-container{
	max-width:none;
	padding-right:0!important;
}
#fix_header .l-container{
	max-width:none;
	padding-right:0!important;
}
.c-gnav .contact-menu, .c-gnav .contact-menu a{
	background-color:#004986!important;
	padding-right:20px;
	padding-left:20px;
}
.c-gnav>.menu-item>a {
	padding-right:20px;
	padding-left:20px;
}
.c-gnav .contact-menu:hover{
	opacity:0.8;
}
.c-gnav .contact-menu .ttl{
	color:#fff;
}
.c-gnav .menu-item a:hover{
	background:transparent!important;
	opacity:0.8;
}
.home .l-content, .page .l-content{
	margin-bottom:0!important;
}
.wp-block-spacer{
	margin-bottom:0!important;
}
.p-mainVisual__textLayer .p-mainVisual__slideTitle{
	margin: 0 auto;
}
.p-mainVisual__slideTitle{
  font-size: 43px;
  font-weight: 900;
}
.p-mainVisual__slideTitle span {
  background: linear-gradient(180deg, #8FE1FF 0%, #8FE1FF 25%, #093459 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.p-mainVisual__slideTitle span.is-large {
  font-size: 60px;
}
.p-mainVisual__slideTitle span {
  display: inline-block;
  opacity: 0;
  transform: translateY(20px);
  animation: textFadeUp 0.6s ease forwards;
}

@keyframes textFadeUp {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.p-mainVisual__slideText{
	color:#123F64;
	margin:0 auto;
	margin-top:35px;
	line-height:1.8em;
	font-weight:bold;
	text-shadow: 1px 1px 4px rgba(255,255,255,0.6);
}
.p-mainVisual__slideText {
  opacity: 0;
  transform: translateY(10px);
  transition: opacity 0.8s ease, transform 0.8s ease;
}

.p-mainVisual__slideText.is-show {
  opacity: 1;
  transform: translateY(0);
}
.p-mainVisual__textLayer{
	align-items:flex-start;
	justify-content:flex-start;
	margin-top:140px;
}
.p-mainVisual__video{
	object-position:top;
}
.news-more{
	transition:.3s;
}
.news-more:hover{
	transform:scale(1.1);
}
.infomation-section .wp-block-column.right {
  padding-left:100px;
  margin-right: 10%!important;
}
.infomation-section .right .p-postList.-type-simple{
border-top:none;
}
.infomation-section .left{
	position:relative;
}
.infomation-label-area{
	position:absolute;
	left:0;
	top:-270px;
	padding:80px 30px!important;
	width:100%;
}
.infomation-section .right .p-postList__link:hover{
	background-color:transparent;
}

.infomation-section .right .p-postList__title{
	font-weight:normal;
}
.infomation-section .right .p-postList__link .p-postList__title:hover{
	text-decoration: underline;
}
.about-section{
	position:relative;
}
.about-section::after{
	position:absolute;
	content:"";
	left:-660px;
	bottom:-20px;
	width:600px;
	height:400px;
	background-image:url(https://ion-softenercojp.local/wp-content/uploads/2026/01/Splash_left.png);
	background-size:contain;
	background-repeat:no-repeat;
}	
.about-section::before{
	position:absolute;
	content:"";
	right:-600px;
	bottom:10px;
	width:500px;
	height:400px;
	background-image:url(https://ion-softenercojp.local/wp-content/uploads/2026/01/Splash_right.png);
	background-size:contain;
	background-repeat:no-repeat;
}	
.wh-line-vertical{
	position:relative;
}
.wh-line-vertical::after{
	position:absolute;
	content:'';
	top:-40px;
	left:50%;
	transform:translatex(-50%);
	width:1px;
	height:35px;
	background-color:#fff;
}
.marker-lg-blu{
	background: linear-gradient(transparent 70%, #90BDE3 30%);
}
.wh-frame{
	border:1px solid #fff;
}
.about-product-section .squeare{
	padding:50px;
	position:relative;
	max-width:900px;
	margin:0 auto;
}
.about-product-section .squeare::after{
	position:absolute;
	content:'';
	top:0;
	right:0;
	width: 200px;
	height:200px;
	background-image:url(https://ion-softenercojp.local/wp-content/uploads/2026/01/wh-world.png);
	background-repeat:no-repeat;
	background-size:contain;
}
.light-blu-area{
	padding:10px 0px 20px 0px!important;
	margin-top:50px;
	border-radius:10px;
	column-gap:2.5em!important;
}
.light-blu-area .left{
	padding:0 0 0 75px;
}
.read-more{
	width:240px;
}
.read-more .wp-block-button__link{
	padding-top:0.8em;
	padding-bottom:0.8em;
	background-color:transparent;
	position:relative;
	overflow:hidden;
	z-index: 1;
}
.read-more .wp-block-button__link::after{
	position:absolute;
	content:'';
	width: 100%;
  height: 100%;
  background-color: #1168b1;
  left: -100%;
  top: 0;
  transition: .4s;
  z-index: -1;
}
.read-more .wp-block-button__link:hover strong{
	color:#fff!important;
}
.read-more .wp-block-button__link:hover::after{
	 left: 0;
}
.custom-bg{
	padding:0!important;
}
.read-more-wh{
	width:240px;
}
.read-more-wh .wp-block-button__link{
	background-color:transparent;
	padding-top:0.8em;
	padding-bottom:0.8em;
	position:relative;
	overflow:hidden;
	z-index: 1;
}
.read-more-wh .wp-block-button__link::after{
	position:absolute;
	content:'';
	width: 100%;
  height: 100%;
  background-color: #fff;
  position: absolute;
  left: -100%;
  top: 0;
  transition: .4s;
  z-index: -1;
}
.read-more-wh .wp-block-button__link:hover::after{
	 left: 0;
}
.read-more-wh .wp-block-button__link:hover{
	color:#1168b1!important;
	z-index:10;
}
.c-gap-35{
	column-gap:3.5em!important;
}
.blu-line-left, .wh-line-left{
	position:relative;
	padding-left:100px;
}
.blu-line-left::after{
	position:absolute;
	content:'';
	top:50%;
	left:40px;
	transform:translatex(-50%);
	width:70px;
	height:1px;
	background-color:#1168B1;
}
.wh-line-left::after{
	position:absolute;
	content:'';
	top:50%;
	left:40px;
	transform:translatex(-50%);
	width:70px;
	height:1px;
	background-color:#fff;
}
.wave-area{
	position:relative;
}
.wave-area:after{
	position:absolute;
	content:'';
	top:-230px;
	right:0;
	width:400px;
	height:400px;
	background-image:url(/wp-content/uploads/2026/01/remon.png);
	background-size:contain;
	z-index:50;
	
	animation-name: anim_v;
	animation-timing-function: ease-in-out;
	animation-iteration-count: infinite;
	animation-direction: alternate;
	animation-duration: 1.5s;
}

@keyframes anim_v {
	0% {
		transform: translate(0, 0px);
	}
	100% {
		transform: translate(-15px, 15px);
	}
}

.merit-cont .wp-block-columns{
	column-gap:2.5em!important;
	margin-bottom:2.5em!important;
}
.merit-cont .txt{
	padding:20px 40px 35px 40px;
}
.merit-cont .wp-block-column{
	background-color:#fff;
	border-radius:15px;
}
.merit-cont .wp-block-column img{
	border-radius:15px 15px 0 0;
}
.label-bar{
	margin-top:-42px!important;
}
.label-blu{
	background: transparent linear-gradient(262deg, #72B4E8 0%, #093459 100%) 0% 0%;
	color:#fff;
	padding:12px 25px;
	border-radius:0 10px 0 0;
}
  .swiper{
	 position: relative;
      width: 100%;
      padding: 40px 0;
    }
	 .swiper-wrapper {
    width: 100%;
    height: auto;
    align-items:flex-end!important;
  }
	.swiper-slide img{
    width: 100%;
	margin-bottom: 10px;
  }
  .top-works{
	margin-right: calc(50% - 50vw);
	column-gap: 3em!important;
  }
  .swiper-slide{
	background-color: #fff;
	padding: 30px;
	border-radius: 15px;
  }
.swiper-nav {
 position:relative;
  margin-top: 40px;   /* スライダーの下 */
}
.swiper-button-prev, .swiper-button-next {
  position: static;   /* ← ここ重要 */
  margin: 0;
  color: #ccc;
}
.right .swiper-button-prev,
.right .swiper-button-next {
  width: 60px;
  height: 60px;
  color: #1168B1;          /* 矢印の色 */
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10;
 background-color:#fff;
	border-radius:50%;
	box-shadow:2px 2px 6px #dedede;
}
/* 左矢印 */
.right .swiper-button-prev {
  left: 0;
	margin-top:0!important;
}
/* 右矢印 */
.right .swiper-button-next {
  left: 80px; /* 左矢印から50px右に配置 */
}
/* 矢印アイコンのサイズ調整（必要に応じて） */
.swiper-button-prev::after,
.swiper-button-next::after {
  font-size: 15px!important;
	color:#1168B1;
}

  .s-14{
	font-size: 14px;
  }
  .blu-label{
	background-color:#004986;
	color:#fff;
	padding: 3px 15px;
}
.Product-name{
	font-size: 15px;
	margin-top: 10px;
}

.right{
  position: relative; /* 右カラム */
}

.wave-outer{
	position:relative;
}
.wave-outer::after{
	position:absolute;
	content:'';
	top:0;
	left:0;
	background-image:url(https://ion-softenercojp.local/wp-content/uploads/2026/02/wave-line.png);
	background-size:cover;
	width:100%;
	height:30px;
}
.wave-outer:before{
	position:absolute!important;
	content:'';
	top:-100px!important;
	left:50px!important;
	background-image:url(/wp-content/uploads/2026/02/water-glass.png);
	background-size:contain;
	background-repeat:no-repeat;
	width:260px!important;
	height:260px!important;
	
		animation-name: anim_v;
	animation-timing-function: ease-in-out;
	animation-iteration-count: infinite;
	animation-direction: alternate;
	animation-duration: 1.5s;
}
.voice-cont-inner{
column-gap:2em!important;	
}
.voice-cont .voice-cont-item{
	box-shadow:2px 2px 6px #ddd;
	padding:30px 30px 30px 10px!important;
	border-radius:10px;
}
.voice-cont .voice-cont-item .wp-block-columns{
	column-gap:0!important;
}
.company-detail{
	max-width:900px;
}
.company-detail td{
	padding-top:25px;
	padding-bottom:25px;
}
.contact-link-inner .wp-block-column{
	border:1px solid #fff;
	border-radius:15px;
	padding:50px 30px;
}
.contact-link-inner{
	column-gap:0!important;
}
.contact-header{
	column-gap:3em!important;
}
.contact-area-btn a{
   padding-top: 16px;
   padding-bottom: 16px;
}
.pdf-dl-btn .wp-block-button__link{
	transition: .3s;
	box-shadow: 0 4px 0 #143c5d;
}
.pdf-dl-btn .wp-block-button__link:hover{
	box-shadow: unset;
	transform: translateY(4px);
}
.contact-link-btn .wp-block-button__link{
	transition: .3s;
	box-shadow: 0 4px 0 #143c5d;
}
.contact-link-btn .wp-block-button__link:hover{
	box-shadow: unset;
	transform: translateY(4px);
}
.l-footer{
	padding-top:10px;
	padding-bottom:20px;
}
.w-footer__box:first-child{
 flex:2;
}
.l-footer .c-listMenu a{
	border-bottom:0;
	padding:.3em 1em .3em 1.5em; 
}
.c-listMenu a:before{
	content:'';
}
.l-footer__widgetArea{
	padding-bottom:50px;
}
.w-footer__box #text-2 img{
	margin-bottom:20px;
}
.w-footer__box #text-2 p{
	font-size:15px;
	line-height:1.9em;
}
.l-footer .menu-item a{
	font-size:15px!important;
}

/* 製品について*/
.page-id-23 .l-content{
	padding-top:0;
}
.page-id-23 #breadcrumb{
	background-color:#E2E8ED!important;
}
.problems-cont{
	column-gap:3em!important;
}
.customseries{
	max-width:750px;
	margin:0 auto;
	column-gap:3em!important;
}
.product-header{
	column-gap: 3em!important;
}
.product-item{
	column-gap: 3em!important;
}
.product-name-area{
	padding:18px 15px 25px 15px!important;
}
.feature-cont{
	column-gap:3.5em!important;
}
.free{
	background-color:#E55CE0;
	font-size:12px;
	border-radius:50px;
	padding:3px 10px;
	margin-right:15px;
}
.download-btn .wp-block-button__link{
	padding-right:90px;
	padding-left:60px;
	padding-top:18px;
	padding-bottom:18px;
	position:relative;
	box-shadow: 0px 4px 0px #1f679e;
	transition: 0.3s;
}
.download-btn .wp-block-button__link::after{
	position:absolute;
	content:'';
	top:50%;
	right:20px;
	transform:translatey(-50%);
	background-image:url(/wp-content/uploads/2026/02/fail_icon.png);
	background-size:contain;
	width:40px;
	height:40px;
}

.download-btn .wp-block-button__link:hover{
	transform: translatey(4px);
	box-shadow: unset;
}
.merit-list{
	padding:60px 60px 70px 60px!important;
}
.merit-list .item{
	column-gap:0!important;
	box-shadow: 3px 3px 10px #D6E8F6;
	border-radius:10px;
}
.number{
	padding:0!important;
	display:flex;
	align-items:center;
	justify-content:center;
}
.marker-grn{
	background: linear-gradient(transparent 70%, #D7F7F6 30%);
}
.benefits-cont .item-ttl{
	padding:8px!important;
}
.benefits-cont .item{
	border-radius:10px;
	box-shadow:3px 3px 15px #C7D9E8;
}
.benefits-cont .blocks{
	column-gap:2em!important;
}
.before-underline{
	border-bottom:1px solid #00437B;
}
.after-underline{
	border-bottom:1px solid #1FB3C7;
}
.beforeafter-cont{
	column-gap:6em!important;
	position: relative;
}
.beforeafter-cont::after{
	position:absolute;
	content: '';
	width: 100px;
	height: 100px;
	top:45%;
	left: calc(50% + 25px);
	transform: translatex( -50%);
	background-image: url(https://ion-softenercojp.local/wp-content/uploads/2026/02/beforeafter-arrow.png);
	background-size: contain;
	background-repeat: no-repeat;
}
.pink-label{
	background-color:#E55CE0;
	color:#fff;
	font-size:12px;
	padding:5px 10px;
	margin-left:10px;
}
.data-ttl{
	display:flex;
	align-items:center;
}
.data-before td:nth-child(3){
	border-left:2px solid #00437B;
	border-right:2px solid #00437B;
}
.data-before tr:nth-child(2) td:last-child{
  border-top: 2px solid #00437B;
}
.data-before tr:last-child td:last-child{
  border-bottom: 2px solid #00437B;
}
.data-after td:nth-child(3){
	border-left:2px solid #1FB3C7;
	border-right:2px solid #1FB3C7;
}
.data-after tr:nth-child(2) td:last-child{
  border-top: 2px solid #1FB3C7;
}
.data-after tr:last-child td:last-child{
  border-bottom: 2px solid #1FB3C7;
}
.dots-frame{
	border:1px dotted #00437B;
	padding:40px;
}
.other-model{
	column-gap:3em!important;
}

/* お問い合わせフォーム*/
.tel:hover{
	text-decoration: underline;
	text-decoration-thickness: 1px;
}
.cf-box{
	column-gap:1em!important;
	max-width:950px;
	margin:0 auto;
	padding:30px 50px!important;
}
.form {
	max-width:950px;
	margin:0 auto;
}
.form dl {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 0 0 24px 0;
}
.form dl dt {
    font-weight: bold;
    color: #023B50;
    width: 30%;
    padding: 16px 24px 0 0;
}
.form dl dd {
    width: 70%;
	padding-top:16px;
}
.form .wpcf7-list-item {
	margin-left:0!important;
}
.form .wpcf7-checkbox .wpcf7-list-item {
	display:block
}
.form .wpcf7-submit{
	width:300px;
	height:60px;
	background: transparent linear-gradient(180deg, #54A0D8 0%, #093459 100%) 0% 0%;
	color:#fff;
	border-radius:50px;
	margin:0 auto;
}
.submit-outer{
	text-align:center;
	margin-top:50px;
}
.wpcf7-spinner{
	display:none;
}
.wpcf7-submit{
	transition:0.3s;
}
.wpcf7-submit:hover{
transform:scale(1.1);
	opacity:0.9;
}
/* 実績・お客様の声*/
.c-balloon__iconName{
	font-size:13px;
	font-weight:bold;
	color:#2e2e2e;
	margin-top:5px;
}
.work .wp-block-columns{
    margin-bottom: 50px!important;
}
.c-balloon__text{
	box-shadow: 2px 2px 10px #D2E7F1;
}
.c-balloon__body{
	padding: 0px 0px 0px 15px;
}
.c-balloon__text{
	padding: 1.5em;
}
.c-widget__title{
	display: none;
}
.bl-label span{
	padding:4px 7px;
}
/* 導入の流れ*/
.swell-block-step__item:before {
 border-left:1px dashed #999!important;
}
.faq .swell-block-accordion__title{
  background-color: #fff;
}
.tab .c-tabList__button{
	padding: 2em 1em!important;
}
.c-tabList__button{
   color:#fff!important;
   font-size: 16px!important;
}
.tab .swell-block-accordion__item{
	margin-bottom: 0!important;
}
.is-style-balloon > .c-tabList .c-tabList__button {
  background-color: transparent!important; 
 border:1px solid #fff;
}
.is-style-balloon>.c-tabList .c-tabList__button:hover, .is-style-balloon>.c-tabList .c-tabList__button[aria-selected=true] {
	background-color:#04384C!important; 
	border:none!important;
}
@media (min-width: 600px) {
       .l-topTitleArea {
        min-height: 380px;
    }
}
@media (min-width:992px){
	.sp-display{
		display: none!important;
	}
	.sp-spacer992{
		display: none;
	}
	.sp-spacer-marit-under{
		display: none;
	}
	.infomation-section .right .p-postList__body{
		display:flex;
	}
	.infomation-section .right .p-postList__body .p-postList__title{
		padding-left:10px;
		font-size:14px;
	}
	.merit-list .item .cont{
	border-radius:0 10px 10px 0;
}
	.number{
		border-radius:10px 0 0 10px;
	}
	.about-section{
		padding: 0 50px;
	}
	.about-product-section, .merit-section, .voice-section, .contact-link{
		padding: 0 50px;
	}
	.wave-outer{
		padding-left: 50px!important;
	}
	.company-section{
		padding-left: 70px;
		padding-right: 70px;
	}
	.problems-section{
		padding: 0 50px;
	}
	/* 製品ページ*/
	.feature-section .swell-block-fullWide__inner, .benefits-section .swell-block-fullWide__inner, .beforeafter-section .swell-block-fullWide__inner, .product-section .swell-block-fullWide__inner, .voice-bg .swell-block-fullWide__inner{
		padding: 0 50px;
	}
}
@media (max-width:991px) {
 .p-mainVisual__slideTitle span.is-large {
  font-size: 50px!important;
}
.p-mainVisual__slideTitle{
  font-size: 35px;
}
	.pc-display{
		display: none!important;
	}
	.pc-spacer991{
		display: none;
	}
	#content, .swell-block-fullWide__inner, .wp-block-cover__inner-container{
		width:85%!important;
		margin:0 auto;
	}
	.wp-block-columns{
		flex-wrap:wrap!important;
	}
	.wp-block-columns .wp-block-column{
		flex-basis:100%!important;
	}
	.number{
		border-radius:10px 10px 0 0;
	}
	.merit-list .item{
	row-gap:0!important;
	border-radius: 8px!important;
}
.merit-list .item .cont{
	border-radius: 0 0 8px 8px;
	padding: 1em 1.2em 1.5em;
}
.merit-cont .wp-block-columns{
	row-gap: 2em!important;
	margin-bottom: 2em!important;
}
	.form dl{
		display:block;
	}
	.form dl dt, .form dl dd{
		width:100%;
	}
	.form dl dd .wpcf7-text, .form dl dd .wpcf7-textarea{
		width:100%;
	}
	.home .l-content{
		padding-top:0!important;
	}
	.post_content .infomation-section{
		margin-top:-100px!important;
	}
	.infomation-label-area{
		position:static;
		max-width:80%;
		margin:0 auto;
	}
	.p-mainVisual{
		height: 700px!important;
	}
    .p-mainVisual__textLayer{
		margin-top: 130px;
	}
	.about-section .txt{
		flex-basis: 500px!important;
		margin: 0 auto!important;
	}
	.light-blu-area{
		padding: 40px 0 50px!important;
		row-gap: 0!important;
		margin-bottom: 2.8em!important;
}
	.light-blu-area .left {
    padding: 0 60px 0 60px;
}
   .sp-reverse{
	flex-direction: column-reverse;
   }
   .wave-outer .left{
	margin-right: 90px!important;
   }
   .wave-area:after{
	top:-110px;
	right:-30px;
	width:240px;
	height:240px;
}
.wave-outer:before {
    top: -70px !important;
    left: 10px !important;
    width: 160px !important;
    height: 240px !important;
}
   .voice-cont .voice-cont-item{
	padding: 30px 20px!important;
   }
   .top-works{
	row-gap: 2em!important;
   }
   .voice-cont-inner{
	column-gap: 1em!important;
   }
   .voice-cont-item img{
	max-width: 120px!important;
}
   /* 製品ページ*/
   .problems-section .catch{
	font-size: 20px!important;
   }
   .problems-cont .woman img{
	width: 250px;
   }
   .feature-cont{
	row-gap: 3em!important;
   }
   .feature-cont h3{
	margin-bottom: 15px!important;
   }
   .product-data-img{
	max-width: 400px;
	margin-right:auto ;
   }
   .product-data-img p{
	max-width: 400px;
	margin: 0 auto;
   } 
   .before{
    margin-bottom: 20px!important;
 }
 .after{
	margin-bottom: 10px!important;
 }
 .beforeafter-cont{
	row-gap: 5em!important;
 }
 .beforeafter-cont::after{
	transform: rotate(90deg);
	left: 38%;
	top:calc(50% - 20px  );
	width: 80px;
	height: 80px;
 }
 .data-num{
	font-size: 18px!important;
}
.data-pdf{
   margin-bottom: 10px!important;
}
  /* お問い合わせページ*/
 .form dl dd{
	padding-top: 3px;
}
.form dl{
	margin-bottom: 0;
}
 /* 実績・お客様の声*/
 .voice-column{
	row-gap: 2em!important;
	margin-bottom: 2em!important;
 }
 .sp-center{
	text-align: center;
 }
  /* 導入の流れ・よくある質問*/
 .swell-block-step__number:after{
	font-size: 15px!important;
 }
 .swell-block-step__number{
	height: 35px!important;
	width: 35px!important;
	top:8px;
 }
 .swell-block-step__item {
    padding: 0 0 3em 45px;
}
}
@media (max-width:959px){
.l-footer .c-listMenu a {
    border-bottom: 0;
    padding: .3em 0 .3em 0;
}
#footer .w-footer__box:nth-child(2){
	padding-bottom: 0!important;
	padding-top: 0!important;
	margin-top: 0!important;
}
#footer .w-footer__box:nth-child(3){
	padding-top: 0!important;
	margin-top: 0!important;
}
#footer{
	padding-top: 20px!important;
}
}
@media (max-width:600px) {
	.l-topTitleArea{
		min-height: 20em!important;
	}
	.p-mainVisual{
		height: 550px!important;
	}
	   .p-mainVisual__slideTitle span.is-large {
  font-size: 35px!important;
}
.p-mainVisual__slideTitle{
  font-size: 25px;
}
.-height-full .p-mainVisual__slideText {
    font-size: 15px;
}
	
	.infomation-label-area{
		max-width: 90%!important;
		padding: 40px 30px!important;
	}
	.news-more a{
		font-size: 14px!;
	}
	#content, .swell-block-fullWide__inner, .wp-block-cover__inner-container{
		width:95%!important;
		margin:0 auto;
	}
	.infomation-section .wp-block-column.right{
		padding-left: 40px;
	}
	.infomation-section .wp-block-column.right{
		margin: 0 25px!important;
		padding: 0!important;
	}
	.about-outer{
		padding-bottom: 10px!important;
		padding-top: 10px!important;
	}
	.about-ttl-img{
		max-width: 140px;
		margin: 0 auto;
		margin-bottom: 2em!important;
	}
	.about-product-section h3{
		font-size: 20px!important;
		margin-top: 10px!important;
		line-height: 1.8em!important;
	}
	.about-product-section h3 span{
		font-size: 22px!important;
	}
	.about-product-section .squeare{
		padding: 25px 20px;
	}
	.about-product-section .squeare h5{
		font-size: 20px!important ;
		margin-bottom: 20px!important;
		text-align: left;
	}
	.about-product-section .squeare p{
		text-align: left;
	}
	.label-bar{
		font-size: 18px!important;
		margin-top: -39px!important;
	}
	.light-blu-area{
		margin-top: 40px!important;
		padding-top: 40px!important;
	}
	    .light-blu-area .left {
        padding: 0 25px 0 25px;
    }
	    .light-blu-area .left h2{
			font-size: 26px!important;
		}
	 .light-blu-area .left p{
		margin-bottom: 0!important;
	 }
	.custom-bg{
		min-height: auto!important;
	}
	.ion-area h3{
        font-size: 18px!important;
	}
	
.section-ttl-ja{
	font-size: 14px!important;
	margin-bottom: 10px!important;
}
.merit-ttl{
	width: 180px;
}
    .wave-outer .left {
        margin-right: 30px !important;
    }
	.swiper-slide{
		padding: 15px;
		border-radius: 5px;
	}
    .swiper-slide .blu-label{
		font-size: 12px;
	}
	.swiper-slide .Product-name{
		font-size: 13px!important;
		margin-top: 7px!important;
	}
	.swiper-slide img{
		margin-bottom: 5px!important;
	}
	.wave-outer .left .txt{
       margin-bottom: 20px!important;
    }
	.wave-outer .left h3{
		font-size: 20px!important;
	}
	.right .swiper-button-prev,
.right .swiper-button-next {
	width: 50px;
	height: 50px;
}
.swiper-nav {
  margin-top: 30px;   /* スライダーの下 */
}
.right .swiper-button-next{
	left: 65px;
}
.work-ttl{
	max-width: 150px;
}
.voice-ttl{
	max-width: 170px;
	margin-bottom: 30px!important;
}
.sp-spacer-marit-under{
	display: none;
}
.company-ttl{
	max-width:250px;
	margin-bottom: 30px!important;
}
.company-detail table td, .company-detail table th{
	padding: 15px 15px; 
	border-top: 1px solid rgba(255, 255, 255, 0.5);
	border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}
.company-section iframe{
	height: 250px;
}
.contact-ttl{
	max-width: 230px;
}
.contact-header{
	margin-bottom: 25px!important;
}
.contact-link-inner .wp-block-column {
	padding: 35px 25px 38px;
}
.contact-link-inner{
	margin-bottom: 0!important;
}

.problems-cont .woman img {
        width: 150px;
    }
.circle-under img{
	width: 120px!important;
}
.problems-cont{
	margin-bottom: 20px!important;
}
.resolution_ttl{
	max-width: 320px;
	margin: 0 auto;
	margin-bottom: 20px!important;
}
.product-name-area{
	padding: 15px 15px 20px 15px !important;
}
.customseries{
	column-gap: 1.2em!important;
}
.customseries .product-name{
	font-size: 18px!important;
}
.customseries .volume{
	font-size: 14px!important;
}
  .featuure-ttl{
	max-width: 190px;
	margin: 0 auto;
	margin-bottom: 30px!important;
  }
  .feature-cont h3{
     font-size: 20px!important;
  }
  .download-btn-outer{
	margin-bottom: 15px!important;
  }
  .download-btn{
	width: 100%;
	height: 60px;
	margin: 0 auto;
  }
  .download-btn .wp-block-button__link {
    padding:0 0 0 22px;
	font-size: 14px!important;
	font-weight: bold;
	text-align: left;
}

.free{
	margin-right: 10px!important;
	font-size: 11px!important;
}
.merit-list .grn-ttl{
	font-size: 22px!important;
	margin-bottom: 0.3em!important;
}
.merit-list .blu-ttl{
	font-size: 18px!important;
	margin-bottom: 0.3em!important;
}
.merit-list {
    padding: 30px 20px 40px 20px !important;
	background-color: transparent!important;
	padding: 0!important;
	margin-bottom: 15px!important;
}
.merit-list-ttl img{
	max-width: 90%;
	margin: 0 auto;
}
.number p{
	font-size: 20px!important;
	padding:8px 0 8px 0;
}
.merit-section .custom{
	margin-bottom: 20px!important;
}
 .benefits-ttl{
	max-width: 250px;
 }
 .benefits-cont{
	margin-bottom: 15px!important;
 }
 .beforeafter-ttl{
	max-width: 300px;
 }
 .beforeafter-cont{
	margin-bottom: 0!important;
	margin-top: 38px!important;
 }
 .before, .after{
	font-size: 26px!important;
 }
 .product-item{
	margin-bottom: 30px!important;
 }
 .product-header{
	row-gap: 1.2em!important;
 }

 .product-ttl{
	max-width: 230px;
	padding-bottom: 5px!important;
 }
 .product-data-img{
	max-width: 280px;
 }
 .product-data-img p{
	padding: 15px 8px!important;
 }
 .numerical h5{
	margin-bottom: 0!important;
 }
 .other-model h3, .notes h3{
	font-size: 20px!important;
 }
 .other-model{
	row-gap: 1em!important;
 }
 .tel{
	font-size: 30px!important;
 }
 .time{
	font-size: 12px!important;
	margin-top: 8px!important;
 }
 .cf-box{
	padding: 30px 20px!important;
 }
 .submit-outer{
	margin-top: 20px!important;
 }
 .contact-read{
	text-align: left;
 }
 .works-ttl{
	max-width: 150px;
 }
 .blu-line-left, .wh-line-left{
	padding-left: 70px;
 }
 .blu-line-left::after, .wh-line-left::after{
	width: 50px;
	left: 30px;
 }
 .flow-ttl{
	max-width: 150px;
}

 .faq-ttl{
	max-width: 125px;
 }
 .tab .c-tabList__button {
    padding: 1.5em 1.2em !important;
}
.footer-logo{
	width: 150px;
	margin-bottom: 10px!important;
}
}