@charset "UTF-8";

/*-------------------------------------------------------------------------------------*/
/*↓ここから編集-----------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------*/

@media (min-width:1200px){}
@media (max-width:1199px){}
@media (min-width:992px){}
@media (max-width:991px){}
@media (min-width:768px){}
@media (max-width:767px){}
.product-block-wrap02-full {
	position: relative;
	padding-bottom: 80px;
}
.product-block-wrap02-full:before {
	content: "";
	display: block;
	width: 100%;
	height: 80%;
	background: #3c4f9f08;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: -1;
}
.product-block02 {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 0 15px;
}

.product-block02-text {
	position: relative;
}
.product-block02-text:before {
	content: "";
	display: block;
	width: 25%;
	height: 5px;
	background: #3c4f9f;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
}
.product-block02-text:after {
	content: "";
	display: block;
	width: 100%;
	height: 5px;
	background: #687ac0;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}
.prodcut-block02-inner {
	padding: 40px 40px 40px 40px;
	background: #fff;
	height: 100%;
}
.product-block02-heading span {
	color: #3c4f9f;
}
.product-block02-img img{
	width: 100%;
}
.product-block02-wrap {
	display: grid;
	grid-template-rows: subgrid;
	grid-row: span 3;
	margin-bottom: 20px;
		}
.product-block02-heading span,.product03-block-heading span {
	font-family: 'Roboto', sans-serif;
	font-style: normal;
	font-weight: bold;
	font-size: 20px;
}
.product-block02-heading h3,.product03-block-heading h3 {
	font-size: 28px;
	font-weight: bold;
	letter-spacing: 3px;
	line-height: 1.2;
	margin-bottom: 20px;
}
.product03-box-wrap {
	position: relative;
}
.product03-box-item-left {
	background: #3c4f9f;
	padding: 40px 40px;
	position: absolute;
	top: 48%;
	left: 0px;
	transform: translate(0px, -50%);
	width: 55%;
}
.product03-box-item-right {
	background: #3c4f9f;
	padding: 40px 40px;
	position: absolute;
	top: 48%;
	right: 0px;
	transform: translate(0px, -50%);
	width: 55%;
}
/* .is-style-btn03 a {
	background: #fff !important;
	color: #333333 !important;
	border: solid 2px #3c4f9f;
}
.is-style-btn03 a:hover {
	color: #333333;
}
.is-style-btn03 a:hover:after {
	right: 17px;
	border-top: 2px solid #3c4f9f;
	border-right: 2px solid #3c4f9f;
} */
/* .is-style-sub-heading09-color-white:after {
	background: #fff;
} */
.product03-block-wrap {
	position: relative;
}
.product03-block-wrap img{
	/* width: 60%;
	height: 450px; */
	max-width: 100%;
	width: 50%;
	height: 100%;
	object-fit: cover;
}

.product03-block-text {
	position: absolute;
	top: 0;
	/* top: 50%; */
	left: 0;
	/* transform: translate(0, -50%); */
	width: 48%;
	background: rgba(255, 255, 255, 0.9);
	padding: 40px 50px;
	border-top: solid 3px #3c4f9f;
}
.product03-block-img-r {
	text-align: right;

 }
.product03-block-text-r {
	right: 0;
	left: inherit;
}
.product03-block-text .wp-block-buttons {
	margin-top: 20px;
}
.product03-block-heading {
	/* padding-left: 50px; */
}

.product03-block-text p {
	/* padding-left: 50px; */
	position: relative;
}

/* .company-block-text:after {
	content: "";
	display: block;
	width: 50px;
	height: 100%;
	background: -webkit-gradient(linear, right bottom, left top, color-stop(50%, rgba(255, 255, 255, 0)), color-stop(50.5%, #fff)) no-repeat top left/100% 100%;
	background: linear-gradient(to top left, rgba(255, 255, 255, 0) 50%, #fff 50.5%) no-repeat top left/100% 100%;
	position: absolute;
	right: -50px;
	top: 0;
	opacity: 0.9;
} */

.product03-block-text .btn-wrap02 {
	text-align: left;
	/* padding-left: 50px; */
}

.product03-block-heading span {
	color: #3c4f9f;
}

.product03-block-heading {
	position: relative;
}
.name-btn-color.name-btn-color01 {
	background: #333333;
}

.name-btn-color.name-btn-color02 {
	background: #cb0404;
}

.name-btn-color.name-btn-color03 {
	background: #0244a7;
}

.name-btn-color.name-btn-color04 {
	background: #ee8b10;
}

.name-btn-color.name-btn-color05 {
	background: #04cb6f;
}

.name-btn-color.name-btn-color06 {
	background: #c804cb;
}

.name-btn-color {
	display: inline-block;
	margin-right: 10px;
	padding: 5px 20px;
	border-radius: 50px;
	color: #fff;
	margin-bottom: 10px;
	font-weight: 700;
	font-size: 14px;
}
/* .company-block-heading:before {
	content: "";
	display: block;
	width: 3px;
	height: 30px;
	background: #3c4f9f;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translate(0, -50%);
} */
 /* .name_tag-slide .swiper-slide-active .slide-img,
 .swiper-slide-duplicate-active .slide-img,
 .swiper-slide-prev .slide-img {
 	-webkit-backface-visibility: visible;
	backface-visibility: visible;
 	animation: none;
 }
 .swiper-pagination {
 	z-index: 100 !important;
 	bottom: 10px !important;
 }

 .swiper-pagination-bullet {
 	background-color: #000 !important;
 	opacity: 1 !important;
 	width: 12px;
 	height: 12px;
 } */

 /* 選択中の点の色 */
 /* .swiper-pagination-bullet-active {
 	background-color: red !important;
 } */
 .sub-title-name_tag {
	background: url(https://ai144svnqw.smartrelease.jp/chuomark/wp-content/uploads/2025/12/sub-visual-02.jpg) center center no-repeat #ccc;
 }
 .sub-title {
	padding: 225px 10px 150px;
 }
.result-img-item {
	width: 100%;
}
.footer-nav a {
	font-size: 16px;
}
.footer-nav ul li .sub-menu li a {
	font-size: 14px;
}
	  [class*=swiper]:focus {
	  	outline: none;
	  }

	  .slide-media,
	  .thumb-media {
	  	position: relative;
	  	overflow: hidden;
	  }

	  .slide-media img,
	  .thumb-media img {
	  	position: absolute;
	  	top: 0;
	  	left: 0;
	  	width: 100%;
	  	height: 100%;
	  	-o-object-fit: cover;
	  	object-fit: cover;
	  }


	  .swiper-button-disabled {
	  	pointer-events: none;
	  	opacity: 0;
	  }

	  .swiper-content {
	  	overflow: hidden;
	  }

	  .swiper-content .swiper,
	  .swiper-content .thumb-wrapper {
	  	max-width: 720px;
	  	margin: auto;
	  }

	  .swiper-content .swiper {
	  	overflow: visible;
	  }

	  .swiper-content .swiper-fade .swiper-slide {
	  	-webkit-transition-property: opacity, -webkit-transform !important;
	  	transition-property: opacity, -webkit-transform !important;
	  	transition-property: opacity, transform !important;
	  	transition-property: opacity, transform, -webkit-transform !important;
	  	pointer-events: none;
	  }

	  .swiper-content .swiper-fade .swiper-slide-active {
	  	pointer-events: auto;
	  }

	  .swiper-content .swiper-controller {
	  	position: absolute;
	  	top: 0;
	  	left: 0;
	  	width: 100%;
	  	padding-top: 62.5%;
	  }

	  .swiper-content .swiper-button-prev,
	  .swiper-content .swiper-button-next {
	  	position: absolute;
	  	z-index: 1;
	  	top: 0;
	  	bottom: 0;
	  	margin: auto;
	  }

	  .swiper-content .swiper-button-prev {
	  	right: calc(100% + 3.2rem);
	  }

	  .swiper-content .swiper-button-next {
	  	left: calc(100% + 3.2rem);
	  }

	  .swiper-content .slide {
	  	display: block;
	  	overflow: hidden;
	  }

	  .swiper-content .slide-media {
	  	display: block;
	  	padding-top: 62.5%;
	  	border-radius: 4px;
	  }

	  .swiper-content .slide-media img {
	  	-o-object-fit: contain;
	  	object-fit: contain;
	  }

	  .swiper-content .slide-title {
	  	font-weight: bold;
	  	line-height: 1.6;
	  	padding: 3.2rem 0;
	  }

	  .swiper-content .thumb-wrapper {
	  	display: grid;
	  	grid-template-columns: repeat(7, 1fr);
	  	gap: 8px;
	  }

	  .swiper-content .thumb-media {
	  	padding-top: 100%;
	  	cursor: pointer;
	  	-webkit-transition: var(--transition);
	  	transition: var(--transition);
	  	border-radius: 4px;
	  }

	  .swiper-content .thumb-media img {
	  	-webkit-transition: var(--transition);
	  	transition: var(--transition);
	  }

	  .swiper-content .thumb-media-active {
	  	-webkit-transform: scale(0.9);
	  	transform: scale(0.9);
	  	opacity: 0.3;
	  }

	  .swiper-content .thumb-media-active img {
	  	-webkit-transform: scale(1.1);
	  	transform: scale(1.1);
	  }



	  @media only screen and (max-width: 1024px) {
	  	html {
	  		-webkit-text-size-adjust: 100%;
	  	}

	  	.l-inner {
	  		padding: 0 4rem;
	  	}

	  	.pc {
	  		display: none !important;
	  	}

	  	.swiper-content .swiper-button-prev::before,
	  	.swiper-content .swiper-button-next::before {
	  		background-color: rgba(0, 0, 0, 0.3);
	  		-webkit-box-shadow: var(--box-shadow-dark);
	  		box-shadow: var(--box-shadow-dark);
	  	}

	  	.swiper-content .swiper-button-prev::after,
	  	.swiper-content .swiper-button-next::after {
	  		border-color: #fff;
	  	}

	  	.swiper-content .swiper-button-prev {
	  		right: calc(100% - 3.2rem);
	  	}

	  	.swiper-content .swiper-button-next {
	  		left: calc(100% - 3.2rem);
	  	}
	  }

	  @media only screen and (max-width: 599px) {
	  	html {
	  		font-size: 50%;
	  	}

	  	.pc-tab {
	  		display: none !important;
	  	}

	  	.swiper-content .thumb-wrapper {
	  		grid-template-columns: repeat(5, 1fr);
	  	}
	  }

	  @media only screen and (min-width: 1025px) {
	  	.tab-sp {
	  		display: none !important;
	  	}
	  	.swiper-content .thumb-media:hover {
	  		-webkit-transform: scale(0.9);
	  		transform: scale(0.9);
	  	}

	  	.swiper-content .thumb-media:hover img {
	  		-webkit-transform: scale(1.1);
	  		transform: scale(1.1);
	  	}
	  }


 @media (max-width:767px) {
	.sub-title {
			padding: 50px 10px;
		}
		.sub-title-name_tag {
			background-size: cover;
		}
	.mb_60 {
		margin-bottom: 30px;
	}

	.product-block-wrap02-full {
		padding-bottom: 40px;
	}
	.product-block-wrap02-full:before {
		height: 90%;
	}
	.product-block02 {
		display: block;
	}
	.product-block02-heading h3,
	.product03-block-heading h3 {
		font-size: 22px;
		letter-spacing: 2px;
		line-height: 1.2;
		margin-bottom: 10px;
	}
	.product-block02-heading span,
	.product03-block-heading span {
		font-size: 18px;
	}
	.prodcut-block02-inner {
		padding: 20px 20px 20px 20px;
	}
	.product03-block-text {
		position: inherit;
		transform: none;
		padding: 20px 20px;
		width: 100%;
		border-top: solid 3px #3c4f9f;
	}
		.product03-block-wrap img {
			width: 100%;
		}
}