/*---------- 幅736pxからの指定 ----------*/
@media screen and (min-width:769px) {
.sp{
	display:none !important;
}
.l{
	float:left;
}
.r{
	float:right;
}
.hamburger{
	display: none !important;
}
body {
	min-width:1080px;
}
.btn-a{
	display: inline-block;
	padding:0.75rem 3.75rem 0.8rem 0.6rem;
	border:1px solid #483f3f;
	border-radius: 5px;
	text-decoration: none;
	color: #483f3f;
	background: #fff url("../img/icon-arrowright-br.png") no-repeat right 1rem center;
	background-size:5%;
	transition: all 0.6s;
}
.btn-a:hover{
	background: #fffece url("../img/icon-arrowright-gr.png") no-repeat right 1rem center;
	background-size:5%;
	border:1px solid #4b6a6b;
	color: #4b6a6b;
}
.btn-a:hover::after{
	color: #4b6a6b;
}
.btn-a .btn-text{
	display: inline-block;
	font-size: clamp(16px, 1.2vw, 18px);
	line-height: 1;
	padding:0.5rem 2.8rem 0.5rem 2.7rem;
	font-weight: 700;
	border-right:1px solid #483f3f;
}
.btn-a:hover .btn-text{
	border-right:1px solid #4b6a6b;
}

.product-sample-thum{
	aspect-ratio: 1/1;
	border-radius: 7px;
}
.product-sample-thum img{
	aspect-ratio: 1/1;
	object-fit: cover;
}
.no-image{
	aspect-ratio: 1/1;
	border-radius: 7px;
}
.no-image img{
	aspect-ratio: 1/1;
	object-fit: cover;
}

.fadeIn-UP {
    opacity: 0; /* アニメーション前は透明 */
    transform: translateY(50px); /* 画面外から下から上に */
    transition: opacity 1.5s, transform 1.5s; /* スムーズなトランジション */
}
.fadeIn-UP.visible {
    opacity: 1; /* 不透明に */
    transform: translateY(0); /* 元の位置に */
}
.fadeIn-Left {
    opacity: 0;
    transform: translateX(-50px);
    transition: opacity 1.5s, transform 1.5s;
}
.fadeIn-Left.visible {
    opacity: 1;
    transform: translateX(0);
}
.fadeIn-Right {
    opacity: 0;
    transform: translateX(50px);
    transition: opacity 1.5s, transform 1.5s;
}
.fadeIn-Right.visible {
    opacity: 1;
    transform: translateX(0);
}

.kotei-retop{
	position: fixed;
	bottom: 10px;
	right: 10px;
	z-index: 999;
	opacity: 1;
	visibility: visible;
	transition: opacity 0.3s ease, visibility 0.3s ease;
}
.kotei-retop.hide{
	opacity: 0;
	visibility: hidden;
}
.kotei-retop .btn-retop{
	display: block;
	width: 56px;
	height: 80px;
}
.kotei-retop .btn-retop img{
	width: 100%;
	height: 100%;
}

#message{
	margin-top: -40px;
	padding-top: 40px;
	scroll-margin-top: 60px;
}
#rinen{
	margin-top: -40px;
	padding-top: 40px;
	scroll-margin-top: 60px;
}
#equipment{
	margin-top: -40px;
	padding-top: 40px;
	scroll-margin-top: 60px;
}
#overview{
	margin-top: -40px;
	padding-top: 40px;
	scroll-margin-top: 60px;
}
#history{
	margin-top: -40px;
	padding-top: 40px;
	scroll-margin-top: 60px;
}

#mark-faq{
	margin-top: -40px;
	padding-top: 40px;
	scroll-margin-top: 60px;
}
#mark-ctform{
	margin-top: -40px;
	padding-top: 40px;
	scroll-margin-top: 60px;
}

/* header
---------------------------------------------- */
header{
	padding:0 0 1.5rem;
}
header .l-con{
	width:45%;
	float:left;
	padding:20px 0 0 2.5%;
}
header .r-con{
	width:55%;
	float:right;
	padding:10px 2.5% 0 0;
}
header .h-logo{
	width:11vw;
	max-width: 362px;
	min-width: 120px;
}
header .h-logo a{
	display: block;
	background: url("../img/logo-wh.png") no-repeat center center;
	background-size:100%;
	aspect-ratio: 362/188;
	text-indent: -9999px;
	overflow: hidden;
	transition: background-image 0.3s ease;
}
.br-header .h-logo a{
	display: block;
	background: url("../img/logo-br.png") no-repeat center center;
	background-size:100%;
	aspect-ratio: 362/188;
	text-indent: -9999px;
	overflow: hidden;
	transition: background-image 0.3s ease;
}

header nav .mega-menu{
	text-align: right;
}
header nav .mega-menu .menu__single{
	display: inline-block;
	margin-left:1.75rem;
	position: relative;
}
header nav .mega-menu .menu__single a{
	display: block;
	padding:3px 4px;
	color: #483f3f;
	font-size: clamp(14px, 1.2vw, 20px);
	position: relative;
}
header nav .mega-menu .menu__single a:hover{
	color: #41989b;
}
header nav .mega-menu .more-menu{
	width:400px;
	padding:24px;
	background:rgba(255,255,255,0.85);
	border-radius: 5px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
	position: absolute;
	top: calc(100% + 10px);
	left: 0;
	z-index: 100;
	display: block;
	opacity: 0;
	visibility: hidden;
	transform: translateY(-10px);
	transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s ease;
}
header nav .mega-menu .more-menu.active{
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}
header nav .mega-menu .more-menu ul{
	display: flex;
	justify-content: center;
	align-items: stretch;
}
header nav .mega-menu .more-menu ul li{
	width:33.33%;
	padding:0 5px;
	border-right:1px dotted #333;
	display: flex;
	align-items: center;
}
header nav .mega-menu .more-menu ul li:last-child{
	border-right:none;
}
header nav .mega-menu .menu__single .more-menu ul li a{
	display: block;
	width:100%;
	padding:10px 0;
	color: #483f3f;
	font-weight: 700;
	font-size:15px;
	line-height: 1.3;
	text-align: center;
}
header .searchform input[type="text"]{
	border:1px solid #ccc;
	color: #666;
	background:#f6f8fb;
}
header .searchform input::placeholder{
	color: #aaa;
}
header .searchform input:focus::placeholder{
	opacity: 0;
}
.home header .searchform input[type="text"]{
	border:1px solid #fff;
	color: #fff;
	background:rgba(255,255,255,0.33);
}
.home header .searchform input::placeholder{
	color: #fff;
}
.home header .searchform input:focus::placeholder{
	opacity: 0;
}
.home header nav .mega-menu .menu__single a{
	color: #fff;
}
.home header nav .mega-menu .menu__single a:hover{
	color: #ffe220;
}
.home header .searchsubmit{
	width:4.5%;
	height:auto;
	background:url("../img/icon-search-wh.png") no-repeat center center;
	background-size:100%;
	position: absolute;
	top: 0.4rem;
	right: 0.4rem;
	padding: 0;
	cursor: pointer;
	border: none;
	text-indent:-9999px;
}
header nav .mega-menu .menu__single a.btn{
	display: block;
	color: #fff;
	background:#61a28c url("../img/icon-arrowright-wh.png") no-repeat right 0.85rem center;
	background-size:7%;
	border-radius: 100vh;
	padding:0.65rem 2.25rem 0.825rem 0.75rem;
	transition: all 0.6s;
}
header nav .mega-menu .menu__single a.btn:hover{
	background:#319da5 url("../img/icon-arrowright-wh.png") no-repeat right 0.85rem center;
	background-size:7%;
}
header nav .mega-menu .menu__single a.btn .btn-text{
	display: block;
	color: #fff;
	font-size: clamp(14px, 1.2vw, 18px);
	line-height: 1;
	padding:0 1.25rem 0 1.25rem;
	font-weight: 600;
	border-right:1px solid #fff;
}
header .searchsubmit {
	width:4.5%;
	height:auto;
	background:url("../img/icon-search-gr.png") no-repeat center center;
	background-size:100%;
	position: absolute;
	top: 0.4rem;
	right: 0.4rem;
	padding: 0;
	cursor: pointer;
	border: none;
	text-indent:-9999px;
}
.tool-area{
	padding:0.5rem 0 0.75rem;
	text-align: right;
}
.tool-area .head-search{
	display:inline-block;
	width:320px;
	margin-right:4px;
}
.searchform {
	display:block;
	width:100%;
	position: relative;
}
.searchsubmit:hover {
	opacity: .6;
}
.searchform input[type="text"]{
	outline: none;
	-webkit-transition: all .3s;
	transition: all .3s;
	width:100%;
	padding:7px 16px 7px;
	border:1px solid #ccc;
	background: #f6f8fa;
	display: inline-block;
	border-radius: 5px;
	font-size: clamp(10px, 0.85vw, 14px);
	line-height:1.3;
}
.searchsubmit {
	width:18px;
	height:18px;
	background:url("../img/search_icon.png") no-repeat center center;
	background-size:100%;
	position: absolute;
	top: 6px;
	right: 11px;
	padding: 0;
	cursor: pointer;
	border: none;
	text-indent:-9999px;
}
.searchsubmit:hover {
	opacity: .6;
}

/* footer
---------------------------------------------- */
.foot-cta-area{
	background: #4b6a6b url("../img/bg-foot-cta-min.png") no-repeat center bottom;
	background-size: 100%;
	aspect-ratio: 1920/770;
}
.foot-cta-area .inner{
	width:100%;
	max-width: 1500px;
	margin:0 auto;
	padding:6rem 40px;
}
.foot-cta-area .ttl{
	text-align: center;
	margin-bottom:5.5rem;
}
.foot-cta-area .ttl img{
	width:48vw;
	max-width: 750px;
	min-width: 500px;
	margin:0 auto;
}
.foot-cta-area .f-cta-box{
	display: flex;
	justify-content: space-between;
	align-items: stretch;
}
.foot-cta-area .f-cta-box .box{
	width:49%;
	padding:2.5rem 2rem;
	background: #fff;
	border-radius: 10px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
	display: table;
}
.foot-cta-area .f-cta-box .box .box-head{
	text-align: center;
	display: table-cell;
	vertical-align: middle;
	width:66%;
	border-right: 1px solid #4b6a6b;
	padding:0 1rem 0.75rem 0;
}
.foot-cta-area .f-cta-box .box .box-head h3{
	font-size: clamp(24px, 1.5vw, 28px);
	font-weight: 500;
	color: #4b6a6b;
	margin-bottom:0.5rem;
}
.foot-cta-area .f-cta-box .box .box-head .text{
	font-size: clamp(12px, 0.95vw, 16px);
}
.foot-cta-area .f-cta-box .box .box-link{
	display: table-cell;
	width:34%;
	padding-left:1.5rem;
	vertical-align: middle;
}
.foot-cta-area .f-cta-box .box .box-link ul li{
	border-bottom: 1px dotted #6e9497;
}
.foot-cta-area .f-cta-box .box .box-link ul li:last-child{
	border-bottom: none;
}
.foot-cta-area .f-cta-box .box .box-link ul li a{
	display: block;
	padding:0.75rem;
	font-size: clamp(14px, 1.125vw, 17px);
	font-weight: 700;
	text-decoration: none;
	color: #4b6a6b;
	transition: all 0.6s;
	background: url("../img/icon-arrowright-gr.png") no-repeat right 0.35rem center;
	background-size:14px;
}
.foot-cta-area .f-cta-box .box .box-link ul li a:hover{
	background:#fffece url("../img/icon-arrowright-gr.png") no-repeat right 0.35rem center;
	border-radius: 5px;
	background-size:14px;
}

footer {
	width:100%;
	background: #4b6a6b;
	color: #fff;
}
footer a{
	color: #fff;
}
footer .inner{
	width:100%;
	padding:72px 3.5% 20px;
	margin:0 auto;
}
footer .inner .foot-info{
	width:30%;
	float:left;
}
footer .inner .foot-info .f-logo{
	width:14.5vw;
	max-width: 362px;
	min-width: 200px;
	margin-bottom:1.8rem;
}
footer .inner .foot-info .info .title{
	font-size: clamp(17px, 1.25vw, 20px);
	font-weight: 500;
}
footer .inner .foot-info .info .address{
	font-size: clamp(13px, 0.95vw, 16px);
}
footer .inner .foot-info .info .address a{
	text-decoration: underline;
}
footer .inner .foot-info .info .address a:hover{
	color: #ffe220;
	text-decoration: none;
}
footer .inner .foot-sitemap{
	width:70%;
	max-width: 920px;
	padding-left:5%;
	float:right;
}
footer .inner .foot-sitemap .f-link-area{
	width:100%;
	display: flex;
	padding:0 0 30px;
	font-size: clamp(16px, 1.125vw, 18px);
}
footer .inner .foot-sitemap .f-link-area ul.link-text li a{
	padding:0 0 0.25rem;
	display: block;
	text-decoration: none;
	color: #fff;
	transition: all 0.6s;
}
footer .inner .foot-sitemap .f-link-area ul.link-text li a:hover{
	color: #ffe220;
	text-decoration: underline;
}
footer .inner .foot-sitemap .f-link-area ul.ul-1,
footer .inner .foot-sitemap .f-link-area ul.ul-2{
	width:19%;
}
footer .inner .foot-sitemap .f-link-area ul.ul-3{
	width:22%;
}
footer .inner .foot-sitemap .f-link-area ul li.sub-menu{
	font-size: clamp(13px, 0.85vw, 15px);
	padding-left:1.15rem;
	background: url("../img/icon-minus-wh.png") no-repeat left center;
	background-size:7.5%;
}
footer .inner .foot-sitemap .f-link-area ul.sns-area{
	width:40%;
	padding-left:5%;
}
footer .inner .foot-sitemap .btn-a{
	display: inline-block;
	width:100%;
	padding:0.75rem 1.5rem 0.8rem 0.6rem;
	border:1px solid #fff;
	border-radius: 5px;
	text-decoration: none;
	color: #fff;
	background: url("../img/icon-arrowright-wh.png") no-repeat right 1.25rem center;
	background-size:5%;
	transition: all 0.6s;
	margin-bottom:0.75rem;
}
footer .inner .foot-sitemap .btn-a:hover{
	background: #fff;
	border:1px solid #4b6a6b;
	color: #4b6a6b;
	background:#fff url("../img/icon-arrowright-gr.png") no-repeat right 1.25rem center;
	background-size:5%;
}
footer .inner .foot-sitemap .btn-a .btn-text{
	display: inline-block;
	width:87%;
	font-size: clamp(16px, 1.2vw, 18px);
	line-height: 1;
	padding:0.5rem 0.5rem 0.5rem 3rem;
	font-weight: 700;
	border-right:1px solid #fff;
}
footer .inner .foot-sitemap .btn-a.instagram .btn-text{
	background: url("../img/icon-ig-wh.png") no-repeat left 0.85rem center;
	background-size:16px;
}
footer .inner .foot-sitemap .btn-a.instagram:hover .btn-text{
	background: url("../img/icon-ig-gr.png") no-repeat left 0.85rem center;
	background-size:16px;
}
footer .inner .foot-sitemap .btn-a.threads .btn-text{
	background: url("../img/icon-th-wh.png") no-repeat left 0.85rem center;
	background-size:21px;
}
footer .inner .foot-sitemap .btn-a.threads:hover .btn-text{
	background: url("../img/icon-th-gr.png") no-repeat left 0.85rem center;
	background-size:21px;
}
footer .inner .foot-sitemap .btn-a:hover .btn-text{
	border-right:1px solid #4b6a6b;
}
footer .inner .foot-sitemap .f-bottom{
	border-top:1px solid #678788;
	padding:24px 0 0;
}
footer .inner .foot-sitemap .f-bottom .copy{
	float:left;
	font-size:13px;
}
footer .inner .foot-sitemap .f-bottom .page-top-area{
	float:right;
	width:146px;
	height:80px;
}
footer .inner .foot-sitemap .f-bottom .page-top-area .name{
	display: block;
	float:left;
	font-size: 15px;
	color: #fff;
	padding-top: 1.35rem;
}
footer .inner .foot-sitemap .f-bottom .page-top-area .name:hover{
	color: #ffe220;
}
footer .inner .foot-sitemap .f-bottom .page-top-area .arrow{
	display: block;
	float:right;
}
footer .inner .foot-sitemap .f-bottom .page-top-area{
	float:right;
}
footer .cookie-area{
	font-size: clamp(11px, 0.85vw, 13px);
	padding:40px 0 100px;
	text-align: center;
	background: #16191c;
	color: #ccc;
}

.kotei-cta{
	width:100%;
	position: fixed;
	bottom:5px;
	left:5px;
	z-index: 999;
	transform: translateY(100%);
	opacity: 0;
	transition: transform 0.5s ease-out, opacity 0.5s ease-out;
}
.kotei-cta.show{
	transform: translateY(0);
	opacity: 1;
}
.kotei-cta .btn-area{
	width:80%;
	float:left;
	display: flex;
}
.kotei-cta .btn-area a{
	display: inline-block;
	padding:16px 20px 18px;
	line-height: 1.2;
	background: #fffff7;
	border-radius: 3px;
	text-decoration: none;
	color: #4b6a6b;
	border:1px solid #4b6a6b;
	font-weight: 600;
	font-size: 16px;
	transition: all 0.6s;
	margin-right:5px;
	box-shadow: 0 4px 8px rgba(11, 29, 36, 0.33);
}
.kotei-cta .btn-area a:hover{
	background: #319da5;
	color: #fff;
}

/* ページ共通
---------------------------------------------- */
.pankuzu-area{
	width: 100%;
	padding: 0.75rem 1.5rem;
	font-size:12px;
	background: #e9eef3;
}
.pankuzu-area span{
	margin:0 3px;
}
.pankuzu-area a{
	text-decoration: underline;
}
.pankuzu-area a:hover{
	text-decoration: none;
	color: #008bab;
}
.pankuzu-area .kugiri{
	display: inline-block;
	width:20px;
	position: relative;
	vertical-align: middle;
}
.pankuzu-area .kugiri::after{
	font-family: "Font Awesome 6 Free",sans-serif;
	content: "\f105";
	position: absolute;
	font-size:8px;
	font-weight: 900;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	right: 8px;
	color: #008bab;
}
.page-body{
	width: 100%;
}
.page-body-inner{
	width:100%;
}
.page-body-inner.single-product{
	padding:4rem 4rem 6rem;
}
.page-body-inner.cate-product{
	padding:4rem 4rem 6rem;
}

.page-body-inner.page-df{
	padding:0 0 6rem;
}
.page-body-inner.page-company{
	padding:0;
}

/* index
---------------------------------------------- */
.top-main-area{
	aspect-ratio: 1920/997;
	width:100%;
	min-width: 1080px;
	position: relative;
}
.top-main-area .amikake{
	aspect-ratio: 1920/997;
	width:100%;
	position: absolute;
	z-index: 101;
	background: url("../img/kabuse-min.png") no-repeat top center;
	background-size: 100%;
}
.top-main-area .catch{
	width:70vw;
	max-width: 1220px;
	min-width: 800px;
	position: absolute;
	bottom:1.5rem;
	left:3rem;
	z-index: 102;
}
.top-main-area .top-g-head{
	width:100%;
	color: #fff;
	position: absolute;
	top:0;
	left:0;
	z-index: 102;
}
.top-main-area .bg-main-slide{
	aspect-ratio: 1920/997;
	width:100%;
	position: absolute;
	z-index: 100;
	background: #fff;
}
.top-main-area .slider {
	margin-inline: auto;
	overflow: hidden; /* 画像がはみ出ないようにする */
	width: 100%;
	aspect-ratio: 1920/997;
  }
  .top-main-area .slick-img img {
	width: 100%;
  }
  @keyframes zoomUp {
	0% {
	  transform: scale(1);
	}
	100% {
	  transform: scale(1.1); /* 拡大率 */
	}
  }
  .add-animation {
	animation: zoomUp 12s linear 0s normal both;
  }

.read-area{
	width:100%;
	background: #fff;
	padding:3.5rem 0 6rem;
}
.read-area .inner{
	width:100%;
	max-width:1280px;
	min-width: 1080px;
	padding:0 40px;
	margin:0 auto;
}
.read-area .content h2{
	font-size: clamp(30px, 2.5vw, 40px);
	font-weight: normal;
	margin-bottom: 4rem;
	line-height: 1.78;
	text-align: center;
	color: #4b6a6b;
}
.read-area .content .box{
	width:100%;
	display: flex;
	flex-wrap: wrap;
}
.read-area .content .box .box-text{
	width:50%;
	float:left;
	padding-right: 7%;
}
.read-area .content .box .box-text .txt{
	font-size: clamp(15px, 1.35vw, 17px);
	margin-bottom: 2.25rem;
}
.read-area .content .box .box-text .btn-area{
	text-align: left;
}
.read-area .content .box .box-photo{
	width:50%;
	float:right;
}
.movie-area{
	width:100%;
	background:#fff;
	padding:0;
	position: relative;
	aspect-ratio: 1920/420;
}
.movie-area .text{
	width:100%;
	text-align: center;
	position: absolute;
	top:49%;
	left:50%;
	transform: translate(-50%, -50%);
	z-index: 1;
	color:rgba(255,255,255,0.8);
	font-size: clamp(30px, 4vw, 60px);
	font-weight: 400;
	line-height: 1.62;
}
.top-product-oriname{
	width:100%;
	background: #f1efef url("../img/bg-top-oriname-min.png") no-repeat top right;
	background-size: 45%;
	padding:4rem 0 6rem;
}
.top-product-oriname .product-head{
	width:100%;
	padding:0 2.5%;
	margin:0 auto 3rem;
	display: table;
}
.top-product-oriname .product-head h2{
	display: table-cell;
	width:20%;
	vertical-align: baseline;
	color: #ac9a9a;
	font-size: clamp(40px, 3.5vw, 70px);
	font-weight: 400;
	line-height: 1.62;
}
.top-product-oriname .product-head h2 span{
	font-size: clamp(56px, 5.5vw, 96px);
	vertical-align: baseline;
}
.top-product-oriname .product-head .text{
	display: table-cell;
	font-size: clamp(14px, 1.4vw, 18px);
	line-height: 1.78;
	vertical-align: middle;
}
.product-sample-slide .slick-prev,
.product-sample-slide .slick-prev:before,
.product-sample-slide .slick-prev:hover,
.product-sample-slide .slick-prev:hover:before,
.product-sample-slide .slick-prev:focus,
.product-sample-slide .slick-prev:focus:before{
	left:1%;
	display:block;
	position: absolute;
	top: 45%;
	background:url("../img/prev.png") no-repeat center center;
	background-size:100%;
	max-width:5vw;
	width:80px;
	height:80px;
	z-index:9998;
}
.product-sample-slide .slick-next,
.product-sample-slide .slick-next:before,
.product-sample-slide .slick-next:hover,
.product-sample-slide .slick-next:hover:before,
.product-sample-slide .slick-next:focus,
.product-sample-slide .slick-next:focus:before{
	right:1%;
	display:block;
	position: absolute;
	top: 45%;
	background:url("../img/next.png") no-repeat center center;
	background-size:100%;
	max-width:5vw;
	width:80px;
	height:80px;
	z-index:9998;
}
.product-sample-slide .slick-dots{
	position: absolute;
	display: inline-block;
	width: auto;
	padding: 0;
	margin: 0;
	list-style: none;
	text-align: center;
	bottom:-24px;
	left:50%;
	transform: translateX(-50%);
}
.product-sample-slide .slick-dots li {
	margin: 0 10px;
    width: 12px;
    height: 12px;
  }
.product-sample-slide .slick-dots li button::before {
    content: '';
    width: 12px;
    height: 12px;
    opacity: 1;
	background: #928080;
	border-radius: 10px;
}
.product-sample-slide .slick-dots li.slick-active button:before{
	background: #ffe220;
	border-radius: 10px;
	opacity: 1;
}
.product-sample-slide .slick-box{
	padding:0.75rem 1.5rem 2.5rem;
	color: #483f3f;
}
.product-sample-slide .slick-box .photo{
	width:100%;
	display: block;
	margin-bottom:1rem;
}
.product-sample-slide .slick-box .sample-txt{
	font-size: clamp(12px, 0.9vw, 14px);
	font-weight: 500;
	text-align: center;
	transition: .6s;
}
.product-sample-slide .slick-box .title{
	font-size: clamp(17px, 1.6vw, 21px);
	font-weight: 700;
	text-align: center;
	transition: .6s;
}
.product-sample-slide .slick-box:hover .sample-txt{
	color: #319da5;
}
.product-sample-slide .slick-box:hover .title{
	color: #319da5;
}
.top-product-oriname .btn-area{
	text-align: center;
	padding:30px 0 0;
}
.top-product-oriname .btn-area .btn-a{
	margin:0 0.75rem;
}
.top-product-print{
	width:50%;
	float:left;
	background: #fff url("../img/bg-top-print-min.png") no-repeat top right;
	background-size: 100%;
	padding:3.5rem;
}
.top-product-print .box{
	width:70%;
}
.top-product-print .box h2{
	margin-bottom: 0.75rem;
	color: #9aa3ac;
	letter-spacing: 0;
	font-size: clamp(32px, 3.5vw, 60px);
	font-weight: 400;
	line-height: 1.62;
}
.top-product-print .box .text{
	font-size: clamp(12px, 1.1vw, 18px);
	line-height: 1.78;
	margin-bottom: 2rem;
}

.top-product-wappen{
	width:50%;
	float:right;
	background: #fff url("../img/bg-top-wappen-min.png") no-repeat top right;
	background-size: 100%;
	padding:3.5rem;
}
.top-product-wappen .box h2{
	margin-bottom: 0.75rem;
	color: #acab9a;
	letter-spacing: 0;
	font-size: clamp(32px, 3.5vw, 60px);
	font-weight: 400;
	line-height: 1.62;
}
.top-product-wappen .box .text{
	font-size: clamp(12px, 1.1vw, 18px);
	line-height: 1.78;
	margin-bottom: 2rem;
}
.top-product-wappen .btn-area,
.top-product-print .btn-area{
	width:320px;
}
.top-product-wappen .btn-area .btn-a,
.top-product-print .btn-area .btn-a{
	margin-bottom:0.75rem;
	width:100%;
	display: block;
	padding: .5rem 3rem .5rem .6rem;
}
.top-product-wappen .btn-area .btn-a .btn-text,
.top-product-print .btn-area .btn-a .btn-text{
	width:100%;
	padding:0.75rem;
}

/* 会社案内
---------------------------------------------- */
.page-company .page-contents .company-top{
	width:100%;
	padding:2rem 4rem 6rem;
}
.page-company .page-contents .company-top .side-area{
	width:18%;
	float:left;
}
.page-company .page-contents .company-top .message{
	width:80%;
	float:right;
	padding-left:6rem;
}
.page-company .page-contents .company-top .message .l-con{
	width:53%;
	float:left;
}
.page-company .page-contents .company-top .message .r-con{
	width:47%;
	float:right;
	padding-left:7%;
}
.page-company .page-contents .company-top .message .message-head{
	margin-bottom: 2.5rem;
	color: #637b7c;
	line-height: 1.42;
}
.page-company .page-contents .company-top .message .message-head .txt-en{
	font-size: clamp(13px, 1.05vw, 17px);
	margin-bottom: 1.5rem;
}
.page-company .page-contents .company-top .message .message-head .txt-en span{
	display: inline-block;
	width:33%;
	height:14px;
	border-bottom:1px solid #637b7c;
	margin-left:10px;
}
.page-company .page-contents .company-top .message .message-head .catch-txt{
	font-size: clamp(30px, 2.85vw, 48px);
	margin-bottom: 1.5rem;
}
.page-company .page-contents .company-top .message .message-head .name-txt{
	font-size: clamp(20px, 2vw, 40px);
}	
.page-company .page-contents .company-top .message .message-head .name-txt span{
	font-size: clamp(14px, 1vw, 20px);
	vertical-align: baseline;
}
.page-company .page-contents .company-top .message .text-area{
	font-size: clamp(13px, 1.05vw, 17px);
}
.page-company .page-contents .company-top .message .text-area p{
	margin-bottom: 1.5rem;
}
.page-company .page-contents .company-top .message .text-area p:last-child{
	margin-bottom: 0;
}

.page-company .page-contents .rinen{
	padding:2rem 0 6rem;
}
.page-company .page-contents .rinen .rinen-head{
	margin-bottom: 2.5rem;
	text-align: center;
	line-height: 1.62;
}
.page-company .page-contents .rinen .rinen-head .txt-en{
	font-size: clamp(12px, 1vw, 16px);
	color: #637b7c;
}
.page-company .page-contents .rinen .rinen-head .ttl{
	font-size: clamp(36px, 3vw, 48px);
	font-weight: 500;
}
.page-company .page-contents .rinen .rinen-contents{
	margin-bottom: 4rem;
}
.page-company .page-contents .rinen .rinen-contents .item{
	margin-bottom: 3.5rem;
	text-align: center;
	font-weight: 400;
}
.page-company .page-contents .rinen .rinen-contents .item .number{
	font-size: clamp(20px, 2vw, 32px);
	margin-bottom: 1rem;
	display: block;
	margin: 0 auto;
	width:98px;
	line-height: 98px;
	height:98px;
	background: url("../img/bg-num.png") no-repeat center center;
	background-size: 100%;
}

.page-company .page-contents .rinen .rinen-contents .item .text{
	font-size: clamp(20px, 2vw, 32px);
}

@keyframes loop {
	0% {
	  transform: translateX(100%);
	}
	to {
	  transform: translateX(-100%);
	}
  }
  @keyframes loop2 {
	0% {
	  transform: translateX(0);
	}
	to {
	  transform: translateX(-200%);
	}
  }
.loop_wrap {
	display: flex;
	width: 100vw;
	overflow: hidden;
}
.ani-txt.loop_wrap .item-list{
	flex: 0 0 auto;
	width:100%;
	display: flex;
}
.ani-txt.loop_wrap .item {
	width:30%;
	padding:1rem;
	border-radius: 12px;
}
.ani-txt.loop_wrap .item img{
	border-radius: 12px;
}
.ani-txt.loop_wrap .item-list:nth-child(odd) {
	animation: loop 200s -100s linear infinite;
}
.ani-txt.loop_wrap .item-list:nth-child(even) {
	animation: loop2 200s linear infinite;
}

.equipment{
	padding:6rem 4rem 2rem;
	background: #fff url("../img/bg-eq.png") repeat-x top center;
	background-size: 2%;
	overflow: hidden;
}
.equipment-head{
	float:left;
	width:20%;
	line-height: 1.62;
}
.equipment-head .txt-en{
	font-size: clamp(12px, 1vw, 16px);
	color: #637b7c;
}
.equipment-head .txt-en span{
	display: inline-block;
	width:27.5%;
	height:13px;
	border-bottom:1px solid #637b7c;
	margin-left:6px;
}
.equipment-head .ttl{
	font-size: clamp(36px, 3vw, 48px);
	font-weight: 500;
}
.equipment-contents{
	float:right;
	width:80%;
	padding-left:6rem;
	box-sizing: border-box;
}
.equipment-contents .item{
	width:100%;
	display: flex;
	justify-content: space-between;
	margin-bottom: 6rem;
}
.equipment-contents .item .equipment-slide-area{
	width:45%;
}
.equipment-contents .item .equipment-slide-area .slider-nav .slick-slide {
	cursor: pointer;
	transition: opacity 0.3s ease;
	border-top: 5px solid #fff;
	border-right: 2px solid #fff;
}
.equipment-contents .item .equipment-slide-area .slick-slide:last-child {
	border-right: none;
}
.equipment-contents .item .equipment-slide-area .slick-slide:hover {
	opacity: 0.9;
}
.equipment-contents .item .equipment-text-area {
	width:55%;
	padding-left:5.5%;
}

.equipment-contents .item .equipment-text-area h3{
	font-size: clamp(28px, 2.8vw, 40px);
	margin-bottom: 1rem;
	line-height: 1.42;
	font-weight: normal;
}
.equipment-contents .item .equipment-text-area .text{
	font-size: clamp(12px, 1.05vw, 17px);
	margin-bottom: 1.5rem;
}
.equipment-contents .item .equipment-text-area .text-tb{
	display: table;
	width: 100%;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
}
.equipment-contents .item .equipment-text-area .text-tb .th{
	display: table-cell;
	font-size: clamp(12px, 0.9vw, 14px);
	width: 30%;
	padding: 1rem;
	font-weight: bold;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	background: #f2f5ee;
	vertical-align: middle;
}
.equipment-contents .item .equipment-text-area .text-tb .td{
	display: table-cell;
	width: 70%;
	font-size: clamp(12px, 0.9vw, 14px);
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	padding: 1rem;
	vertical-align: middle;
}

.overview{
	padding:6rem 4rem;
	background: #fff url("../img/bg-eq.png") repeat-x top center;
	background-size: 2%;
	overflow: hidden;
}
.overview-head{
	float:left;
	width:20%;
	line-height: 1.62;
}
.overview-head .txt-en{
	font-size: clamp(12px, 1vw, 16px);
	color: #637b7c;
}
.overview-head .txt-en span{
	display: inline-block;
	width:27.5%;
	height:13px;
	border-bottom:1px solid #637b7c;
	margin-left:6px;
}
.overview-head .ttl{
	font-size: clamp(36px, 3vw, 48px);
	font-weight: 500;
}
.overview-contents{
	float:right;
	width:80%;
	padding-left:6rem;
	box-sizing: border-box;
}
.overview-contents .tb-area table{
	width:100%;
	max-width: 1000px;
	border-collapse: collapse;
	margin-bottom:6rem;
}
.overview-contents .tb-area table th,
.overview-contents .tb-area table td{
	font-size: clamp(13px, 0.92vw, 15px);
	border:1px solid #ccc;
	padding:1.5rem 20px;
	background: #fff;
	vertical-align: middle;
	line-height:1.6;
}
.overview-contents .tb-area table th{
	background: #4b6a6b;
	color: #fff;
	text-align: center;
	font-weight: bold;
	width:30%;
}

.overview-contents .location-area{
	width:100%;
	max-width: 1000px;
	margin-bottom:6rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.overview-contents .location-area .photo{
	width:60%;
	padding-right:5%;
}
.overview-contents .location-area .text-area{
	width:44%;
	font-size: clamp(14px, 1vw, 16px);
}

.overview-contents .map-area{
	width:100%;
	max-width: 1000px;
	margin-bottom:6rem;
}

.history{
	padding:6rem 4rem;
	background: #f1efef url("../img/bg-history-s-min.png") no-repeat top right;
	background-size: 80%;
}
.history-head{
	float:left;
	width:20%;
	line-height: 1.62;
}
.history-head .txt-en{
	font-size: clamp(12px, 1vw, 16px);
}
.history-head .txt-en span{
	display: inline-block;
	width:27.5%;
	height:13px;
	border-bottom:1px solid #483f3f;
	margin-left:6px;
}
.history-head .ttl{
	font-size: clamp(36px, 3vw, 48px);
	font-weight: 500;
}
.history-contents{
	float:right;
	width:80%;
	padding-left:6rem;
	padding-top: 6rem;
	box-sizing: border-box;
}
.history-contents .tb-area table{
	width:100%;
	max-width: 1000px;
	border-collapse: collapse;
}
.history-contents .tb-area table th,
.history-contents .tb-area table td{
	font-size: clamp(13px, 0.92vw, 15px);
	border:1px solid #ccc;
	padding:1.5rem 20px;
	background: rgba(255,255,255,0.9);
	line-height:1.6;
	vertical-align: middle;
}
.history-contents .tb-area table th{
	background: #847373;
	color: #fff;
	text-align: center;
	font-weight: bold;
	width:30%;
}


/* single（プロダクト）
---------------------------------------------- */
.single-product{
	width: 100%;
}
.single-product .contents-left{
	width:26%;
	float:left;
}
.single-product .contents-right{
	width:74%;
	float:right;
	padding-left: 10%;
}
.single-product .single-contents{
	width:100%;
}
.single-product .single-contents .l-con{
	width:50%;
	float:left;
	padding-right:5%;
}
.single-product .single-contents .l-con .slider-nav .slick-slide{
	cursor: pointer;
	border:2px solid #fff;
}
.single-product .single-contents .l-con .slider-nav{
	border-top:3px solid #fff;
}
.single-product .single-contents .l-con .slider-nav .slick-slide:hover{
	border:2px solid #4b6a6b;
	opacity: 0.9;
}

.single-product .single-contents .r-con{
	width:50%;
	float:right;
}
.single-product .single-contents .r-con .contents-area{
	width:100%;
	font-size: clamp(13px, 1vw, 16px);
}
.single-product .single-head{
	width:100%;
	border-top:1px solid #a9bcce;
	border-bottom:1px solid #a9bcce;
	padding:2.5rem 0 3.5rem;
	line-height: 1.62;
	margin-bottom: 3.5rem;
}
.single-product .single-head h1{
	font-size: clamp(32px, 2.8vw, 40px);
	font-weight: 500;
	margin-bottom: 0.5rem;
}
.single-product .single-head .day{
	font-size: 12px;
	color: #666;
}
.single-product .single-contents .r-con .entry-content{
	margin-bottom: 2.5rem;
}
.single-product .single-contents .r-con .entry-content p{
	margin-bottom: 1.5rem;
}
.single-product .single-contents .r-con table{
	width:100%;
	border-collapse: collapse;
	margin-bottom:2rem;
}
.single-product .single-contents .r-con table th,
.single-product .single-contents .r-con table td{
	font-size: clamp(12px, 0.85vw, 15px);
	border:1px solid #ccc;
	background: #fff;
	line-height:1.6;
}
.single-product .single-contents .r-con table th{
	background: #e9eef3;
	padding:1rem 0.5rem 1.2rem;
	width:40%;
	text-align: center;
	vertical-align: middle;
}
.single-product .single-contents .r-con table td{
	text-align: left;
	padding:1rem 1rem 1.2rem;
	vertical-align: middle;
}
.single-product .single-contents .r-con .btn-area{
	width:100%;
}
.single-product .single-contents .r-con .btn-area .btn-back{
	width:49%;
	float:left;
	display: block;
	padding:0.75rem 0 0.8rem;
	border:1px solid #4b6a6b;
	border-radius: 3px;
	line-height: 1;
	text-align: center;
	font-size: clamp(13px, 1vw, 16px);
	line-height: 1.62;
	color: #222;
}
.single-product .single-contents .r-con .btn-area .btn-back:hover{
	background: #319da5;
	color: #fff;
}
.single-product .single-contents .r-con .btn-area .btn-order{
	width:49%;
	float:right;
	display: block;
	padding:0.75rem 0 0.8rem;
	border:1px solid #4b6a6b;
	border-radius: 3px;
	line-height: 1;
	text-align: center;
	font-size: clamp(13px, 1vw, 16px);
	line-height: 1.62;
	color: #222;
}
.single-product .single-contents .r-con .btn-area .btn-order:hover{
	background: #319da5;
	color: #fff;
}

/* single（プロダクト）side-product
---------------------------------------------- */
.side-product{
	width:100%;
}
.side-product .product-head{
	width:100%;
	margin-bottom: 3rem;
}
.side-product .product-head .ttl-en{
	width:100%;
	font-size: clamp(12px, 0.85vw, 14px);
	color: #637b7c;
	line-height: 1.62;
}
.side-product .product-head h2{
	width:100%;
	font-size: clamp(32px, 2.8vw, 40px);
	font-weight: 500;
	margin-bottom: 0.75rem;
	line-height: 1.62;
}
.side-product .product-head .text{
	width:100%;
	font-size: clamp(14px, 1vw, 16px);
	padding:0 0 8px;
}
.product-widget{
	width:100%;
}
.product-widget h3{
	width:100%;
	font-size: clamp(14px, 1.25vw, 20px);
	font-weight: 500;
	line-height: 1.62;
	background: url("../img/icon-circle.png") no-repeat left center;
	background-size:4%;
	padding:0 0 0 1.55rem;
}
.soshiki-widget{
	width:100%;
	padding-bottom: 2rem;
	border-bottom: 1px solid #ccc;
}
.soshiki-widget ul{
	width:100%;
	padding:2rem 0;
}
.soshiki-widget ul li{
	display: inline-block;
	margin-right: 0.4rem;
	margin-bottom: 0.4rem;
}
.soshiki-widget ul li a{
	width:100%;
	display: block;
	padding:0.5rem 0.75rem 0.6rem;
	font-size: clamp(12px, 0.8vw, 14px);
	line-height: 1;
	color: #222;
	background: #e9eef3;
	transition: all 0.6s;
	border-radius: 3px;
}
.soshiki-widget ul li a:hover{
	background: #319da5;
	color: #fff;
}

/* accordion widget プロダクト共通 */
.ac-widget{
	width:100%;
}
.ac-item{
	width:100%;
	border-bottom: 1px solid #ccc;
}
.ac-head{
	width:100%;
	cursor: pointer;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 1rem 1rem 1rem 0;
	transition: all 0.6s;
}
.ac-head:hover{
	background: #fffece;
}
.ac-head h3{
	font-size: clamp(14px, 1.25vw, 20px);
	font-weight: 500;
	line-height: 1.62;
	margin: 0;
}
.ac-head .btn-icon{
	width: 1vw;
	height: 1vw;
	flex-shrink: 0;
}
.ac-head .btn-icon img{
	width: 100%;
	height: 100%;
	object-fit: contain;
	transition: transform 0.3s ease-out;
}
.ac-head .btn-icon img.rotate{
	animation: iconRotate 0.4s ease-out;
}
@keyframes iconRotate {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}
.ac-body{
	width:100%;
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.4s ease-out, opacity 0.3s ease-out;
	opacity: 0;
}
.ac-item.open .ac-body{
	opacity: 1;
	padding:0 0 1rem;
}
.ac-body .text{
	padding: 1rem 0;
	font-size: clamp(14px, 1vw, 16px);
	line-height: 1.82;
}

/* accordion widget 織ネーム用　*/
.about-soshiki .box-list{
	width:100%;
	display: flex;
	flex-wrap: wrap;
	padding:0.5rem 0
}
.about-soshiki .ac-item .text{
	font-size: clamp(13px, 0.9vw, 15px);
	line-height: 1.62;
	padding:1.5rem 0 1.5rem;
}
.about-soshiki .ac-item .text a{
	text-decoration: underline;
}
.about-soshiki .ac-item .text a:hover{
	color: #419a9e;
	text-decoration: none;
}
.about-soshiki .box-list .box{
	width: 47%;
	padding:0 0 0.75rem;
	margin-right:6%;
}
.about-soshiki .box-list .box:nth-child(2n){
	margin-right:0;
}
.about-soshiki .box-list .box h4{
	font-size: clamp(14px, 1.1vw, 18px);
	padding:0 0 8px;
	text-align: center;
}
.about-soshiki .box-list .box .photo{
	width:100%;
	margin-bottom:0.25rem;
}
.about-soshiki .box-list .box .photo a{
	width:100%;
	display: block;
	margin-bottom:0.25rem;
}
.about-soshiki .box-list .box .photo span{
	display: block;
	font-size: clamp(10px, 0.65vw, 12px);
	line-height: 1.62;
	color: #8a6e6e;
	text-align: right;
}
.about-soshiki .box-list .box .txt{
	font-size: clamp(11px, 0.8vw, 13px);
	line-height: 1.62;
}

.about-oriki .box-list .box{
	width: 100%;
	padding:1rem 0 1.5rem;
}
.about-oriki .box-list .box h4{
	font-size: clamp(14px, 1.1vw, 18px);
	padding:0 0 8px;
	text-align: center;
}
.about-oriki .box-list .box .photo{
	width:100%;
	margin-bottom:0.75rem;
}
.about-oriki .box-list .box .txt{
	font-size: clamp(11px, 0.8vw, 14px);
	line-height: 1.62;
}

.about-kakou .box-list{
	width:100%;
	display: flex;
	flex-wrap: wrap;
	padding:1rem 0;
}
.about-kakou .box-list .box{
	width: 47%;
	padding:0 0 1.5rem;
	margin-right:6%;
}
.about-kakou .box-list .box:nth-child(2n){
	margin-right:0;
}
.about-kakou .box-list .box h4{
	font-size: clamp(12px, 0.9vw, 15px);
	padding:0 0 6px;
	text-align: center;
	line-height: 1.62;
}
.about-kakou .box-list .box .photo{
	width:100%;
}
.about-kakou .box-list .box .txt{
	font-size: clamp(11px, 0.8vw, 13px);
	line-height: 1.62;
}

.about-atokakou .box{
	padding:1rem 0;
}
.about-atokakou .box h4{
	font-size: clamp(14px, 1.1vw, 18px);
	padding:0 0 4px;
	color: #419a9e;
}
.about-atokakou .box .txt{
	font-size: clamp(12px, 0.85vw, 15px);
	line-height: 1.62;
}

.about-sozai .box{
	padding:1rem 0;
}
.about-sozai .box h4{
	font-size: clamp(14px, 1.1vw, 18px);
	padding:0 0 4px;
	color: #419a9e;
}
.about-sozai .box .txt{
	font-size: clamp(12px, 0.85vw, 15px);
	line-height: 1.62;
	margin-bottom:1.2rem;
}
.about-sozai .box .txt a{
	text-decoration: underline;
}
.about-sozai .box .txt a:hover{
	color: #419a9e;
	text-decoration: none;
}

.about-nyukou .box{
	padding:1rem 0;
}
.about-nyukou .box .txt{
	font-size: clamp(12px, 0.85vw, 15px);
	line-height: 1.62;
	margin-bottom:1.2rem;
}

.about-tapesozai .box-list{
	width:100%;
	padding:0.5rem 0
}
.about-tapesozai .box{
	padding:1rem 0;
}
.about-tapesozai .box-list .box .photo{
	width:25%;
	float:left;
}
.about-tapesozai .box-list .box .text-area{
	width:75%;
	float:right;
	padding-left:5%;
}
.about-tapesozai .box-list .box .text-area h4{
	font-size: clamp(14px, 1.05vw, 16px);
	padding:0;
}
.about-tapesozai .text{
	font-size: clamp(12px, 0.8vw, 14px);
	line-height: 1.62;
	padding:0 0 0.75rem;
}

.about-insatsu .box{
	line-height: 1.72;
	padding:1rem 0;
	border-bottom:1px dotted #666;
}
.about-insatsu .box:last-child{
	border-bottom: none;
}
.about-insatsu .box h4{
	font-size: clamp(14px, 1.1vw, 18px);
	color: #419a9e;
	padding:0 0 0.25rem;
}
.about-insatsu .box .text{
	font-size: clamp(12px, 0.8vw, 14px);
	padding:0 0 0.75rem;
}
.about-insatsu .photo-area .photo{
	width:48%;
	padding:0.5rem 0;
}
.about-insatsu .ac-item .text a{
	text-decoration: underline;
}
.about-insatsu .ac-item .text a:hover{
	color: #419a9e;
	text-decoration: none;
}


/* page
---------------------------------------------- */
.page-header{
	padding:3rem 2rem;
	text-align: left;
	line-height: 1.42;
}
.page-header h1{
	font-size: clamp(40px, 3.5vw, 60px);
	font-weight: normal;
}
.page-header .ttl-en{
	font-size: clamp(14px, 1.1vw, 18px);
	color: #637b7c;
	padding:0 0 8px;
}

.side-menu ul{
	width:100%;
}
.side-menu ul li{
	width:100%;
	display: block;
	border-bottom:1px solid #4b6a6b;
}
.side-menu ul li a{
	width:100%;
	display: block;
	padding:1.25rem 0.75rem;
	font-size: clamp(14px, 1vw, 16px);
	line-height: 1.62;
	color: #222;
	background: url("../img/icon-arrowright-gr.png") no-repeat right 8px center;
	background-size:16px;
}

.side-menu ul li a:hover{
	color: #41989b;
	background: #fffece url("../img/icon-arrowright-gr.png") no-repeat right 8px center;
	background-size:16px;
}

/* page-df
---------------------------------------------- */
.page-df .page-contents{
	width:100%;
	padding:0 4rem 6rem;
}
.page-df .page-contents .df-side{
	width:18%;
	float:left;
}
.page-df .page-contents .df-side .side-menu ul li a{
	width:100%;
	display: block;
	padding:1.25rem 0.75rem;
	font-size: clamp(14px, 1vw, 16px);
	line-height: 1.62;
	color: #222;
	background: url("../img/icon-arrowright-gr.png") no-repeat right 8px center;
	background-size:16px;
}
.page-df .page-contents .df-side .side-menu ul li a:hover{
	color: #41989b;
	background: #fffece url("../img/icon-arrowright-gr.png") no-repeat right 8px center;
	background-size:16px;
}
.page-df .page-contents .df-contents{
	width: 80%;
    float: right;
    padding-left: 6rem;
}
.page-df .page-contents .df-contents .entry-content{
	width: 100%;
	padding:0 5%;
	max-width: 1000px;
}
.page-df .entry-content p{
	font-size: 16px;
	margin-bottom:40px;
}
.page-df .entry-content li{
	font-size: 16px;
}
.page-df .entry-content table th,
.page-df .entry-content table td{
	font-size: 14px;
}
.page-df .entry-content h2{
	font-size:32px;
	margin-bottom:30px;
	padding:2px 18px 4px;
	border-left:6px solid #637b7c;
	font-family: "Zen Old Mincho", serif;
}
.page-df .entry-content h3{
	font-style: normal;
	font-size:17px;
	margin-bottom:30px;
	color: #222;
	border-left:5px solid #2888b0;
	background: #e9eef3;
	padding:12px 18px;
}
/* category
---------------------------------------------- */
.cate-product{
	width: 100%;
}
.cate-product .contents-left{
	width:26%;
	float:left;
}
.cate-product .contents-right{
	width:74%;
	float:right;
	padding-left: 10%;
}

.cate-navi{
	width:100%;
	padding:0 0 0 2.25rem;
}
.cate-navi a{
	width:186px;
	display: inline-block;
	padding:12px;
	border:2px solid #ccc;
	transition: all 0.3s ease;
}
.cate-navi a.now-cate{
	border:2px solid #419a9e;
}
.cate-navi a:hover{
	border:2px solid #419a9e;
	background: #fffece;
}
.cate-navi a .img{
	width:27.5%;
	float:left;
	aspect-ratio:1/1;
}
.cate-navi a .img img{
	width:100%;
	object-fit: cover;
	aspect-ratio:1/1;
}
.cate-navi a .ttl{
	float:right;
	width:70%;
	font-size: 14px;
	line-height: 1.62;
	padding-top: 18px;
	color: #333;
	font-weight: 500;
	padding:12px 0 0 12px;
}

.cate-header{
	width:100%;
	padding:0 0 0 2.25rem;
}
.cate-header .cate-title{
	font-size: clamp(18px, 1.4vw, 21px);
	line-height: 1.62;
	font-weight: 500;
	padding:2.5rem 0 ;
	border-bottom:1px solid #a9bcce;
}

.kiji-list-area{
	width:100%;
}
.kiji-list-area .kiji-list{
	width:100%;
	padding:1rem 2.5%;
	display: flex;
	flex-wrap: wrap;
}
.kiji-list-area .kiji-list li{
	width:20%;
	padding:0 0 1.25rem;
}
.kiji-list-area .kiji-list li.no-posts{
	width:100%;
	padding:2.5rem 0.75rem;
}
.kiji-list-area .kiji-list li a{
	display: block;
	padding:0.75rem;
	border-radius: 5px;
}
.kiji-list-area .kiji-list li a:hover{
	background: #fffece;
}
.kiji-list-area .kiji-list li a .photo{
	width:100%;
	aspect-ratio:1/1;
	margin-bottom:0.5rem;
	border-radius: 5px;
}

.kiji-list-area .kiji-list li a .photo img{
	width:100%;
	aspect-ratio:1/1;
	object-fit: cover;
}
.kiji-list-area .kiji-list li a .photo:hover img{
	transform: scale(1.05);
}

.kiji-list-area .kiji-list li a .ttl{
	font-size: clamp(14px, 1vw, 16px);
	line-height: 1.62;
	margin-bottom:0.5rem;
	color: #333;
	font-weight: 500;
}
.kiji-list-area .kiji-list li a .cate-name{
	font-size: clamp(11px, 0.7vw, 13px);
	line-height: 1.2;
	color:#419a9e;
}

.page-navi-area .wp-pagenavi{
	padding:16px 3.5% 16px;
	text-align:right;
}
.page-navi-area .wp-pagenavi a,.page-navi-area .wp-pagenavi span {
  text-decoration: none;
  border: 0;
  padding: 3px 7px;
  margin: 2px;
	background:#e9eef3;
	font-size:13px;
}

.page-navi-area .wp-pagenavi span.current{
	background:#008bab;
	color:#fff;
}
/* search
---------------------------------------------- */
.cate-body .cate-header .search-title{
	font-size: 20px;
	color: #545e64;
	padding:1rem 0;
	border-bottom:1px solid #aaa;
}
.search-body{
	width:1080px;
	margin:0 auto;
	padding:24px 40px;
}
.search-body article{
	width:100%;
	padding:24px 0;
	font-size:14px;
}
.search-body article h1{
	font-size:30px;
	font-family: "Zen Old Mincho", serif;
	font-weight: 700;
	font-style: normal;
	margin-bottom:12px;
}
/* side
---------------------------------------------- */
.side .widget-box{
	width:100%;
	margin-bottom:2rem;
	font-size: 14px;
}
.side .ig-btn{
	width:100%;
	margin-bottom:1rem;
	padding:16px;
	border:3px solid #222;
	border-radius: 7px;
	display: block;
	line-height: 1.2;
	color: #222;
	text-align: center;
}
.side .ig-btn:hover{
	border:3px solid #008bab;
	color: #008bab;
}
.side .ig-btn .ig-spotname{
	font-size: clamp(12px, 1.2vw, 17px);
	margin-bottom:0.25rem;
}
.side .ig-btn .ig-txt{
	font-size: clamp(10px, 0.8vw, 15px);
	vertical-align: baseline;
}
.side .ig-btn .ig-txt i{
	font-size: clamp(14px, 1.4vw, 20px);
	vertical-align: baseline;
	margin-right:5px;
}

.side .widget-box.widget-info .widget-ttl{
	background: #2888b0;
}
.side .widget-box .widget-ttl{
	font-size: clamp(15px, 1.5vw, 18px);
	padding:0.8rem 0 0.95rem;
	text-align: center;
	color:#fff;
	line-height: 1;
	background: #222;
	margin-bottom:0;
	font-family: "Marcellus", serif;
	font-weight: 400;
	font-style: normal;
}
.side .widget-box .base{
	padding:0.24rem 0;
}
.side .widget-box.widget-info .base{
	padding:1rem 0 0;
}

.side.side-spot .widget-info p{
	font-size:14px;
	line-height: 1.6;
	margin-bottom: 16px;
}
.side.side-spot .widget-info a{
	text-decoration: underline;
}
.side.side-spot .widget-info a:hover{
	text-decoration: none;
}


.side.side-spot .post-author-info .author-avatar{
	width: 60px;
	margin:1rem auto 1rem;
	border-radius: 100vh;
}

.side.side-spot .post-author-info .author-avatar img{
	width: 100%;
	object-fit:cover;
	border-radius: 100vh;
	aspect-ratio: 1/1;
}
.side.side-spot .post-author-info .author-name{
	font-size:14px;
	text-align: center;
	margin-bottom: 1rem;
}
.side.side-spot .post-author-info .author-description{
	font-size:12px;
	margin-bottom: 0.75rem;
}
.side.side-spot .post-author-info .author-link{
	font-size:11px;
	margin-bottom: 0.75rem;
	display: inline-block;
	padding-right:18px;
	position: relative;
}
.side.side-spot .post-author-info .author-link::after{
	font-family: "Font Awesome 6 Free",sans-serif;
	content: "\f08e";
	position: absolute;
	font-size: 11px;
	font-weight: 900;
	top: 56%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	right: 0px;
	color: #666;
}
.side .widget-category ul li,
.side .widget-area ul li{
	padding:0.33rem 0;
	border-bottom:2px dotted #ccc;
}
.side .widget-category ul li a,
.side .widget-area ul li a{
	display: block;
	padding:0.6rem 0 0.6rem 20px;
	font-weight: bold;
	border-radius: 5px;
}
.side .widget-category ul li a:hover,
.side .widget-area ul li a:hover{
	background: #ffe220;
}


.side .widget-box.widget-tags .base{
	padding:1rem 0 0;
}
.side .widget-box.widget-tags .base a{
	padding:8px 12px 10px 24px;
	display: inline-block;
	color:#fff;
	line-height: 1;
	font-size: 12px;
	background: #333;
	border-radius: 4px;
	margin:0 2px 10px 0;
	position: relative;
}
.side .widget-box.widget-tags .base a::before{
	font-family: "Font Awesome 6 Free",sans-serif;
	content: "\23";
	position: absolute;
	font-size: 12px;
	font-weight: 900;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	left: 6px;
	color: #008bab;
}
.side .widget-box.widget-tags .base a:hover{
	background: #ffe220;
	color:#333;
}

.side .widget-box.widget-other ul li,
.side .widget-box.widget-new ul li{
	padding:0.33rem 0;
	border-bottom:2px dotted #ccc;
}
.side .widget-box.widget-other ul li a,
.side .widget-box.widget-new ul li a{
	padding:0.75rem 0.5rem;
	border-radius: 6px;
	display: block;
}
.side .widget-box.widget-other ul li a:hover,
.side .widget-box.widget-new ul li a:hover{
	background: #ffe220;
}
.side .widget-box.widget-other ul li a .photo,
.side .widget-box.widget-new ul li a .photo{
	width:30%;
	float:left;
	padding-top:0.25rem;
}
.side .widget-box.widget-other ul li a .photo img,
.side .widget-box.widget-new ul li a .photo img{
	aspect-ratio: 1/1;
	object-fit: cover;
	border-radius: 4px;
}
.side .widget-box.widget-other ul li a .txt-area,
.side .widget-box.widget-new ul li a .txt-area{
	width:70%;
	float:right;
	padding-left:1.5rem;
}
.side .widget-box.widget-other ul li a .txt-area .post-title,
.side .widget-box.widget-new ul li a .txt-area .post-title{
	font-size: clamp(12px, 0.75vw, 15px);
	margin-bottom:0.75rem;
	line-height:1.48;
	font-weight: bold;
}
.side .widget-box.widget-other ul li a .txt-area .cate-name,
.side .widget-box.widget-new ul li a .txt-area .cate-name{
	font-size: clamp(10px, 0.5vw, 13px);
	line-height:1.4;
	font-weight: bold;
	color:#666;
}
.side .widget-box.widget-new ul li a .txt-area .days{
	font-size: clamp(10px, 0.5vw, 13px);
	line-height:1.4;
	font-weight: bold;
	color:#666;
}

/* 404
---------------------------------------------- */
.body-404{
	padding:8rem 0 10rem;
	text-align: center;
}
.body-404 .txt-not-found{
	font-size: 90px;
	color:#ddd;
	font-weight: bold;
}

/* form-css
---------------------------------------------- */
.form-css .wpcf7-form-control-wrap{
	vertical-align: baseline;
}
.form-css{
	width:100%;
	color:#111;
}
.form-container{
	width:100%;
	padding:0 0 20px;
}
.form-container .form-group{
	display: flex;
	padding:0 0 24px;
	border-bottom:1px solid #ccc;
	margin-bottom:24px;
}
.form-container .form-group:last-child{
	border-bottom:0;
}
.form-container .form-group .form-hissu{
	width:10%;
	padding-top:6px;
}
.form-container .form-group .form-hissu .nini{
	display: inline-block;
	font-size:13px;
	line-height:1.6;
	color:#fff;
	background:#666;
	padding:6px 12px 7px;
	border-radius: 3px;
}
.form-container .form-group .form-hissu .hissu{
	display: inline-block;
	font-size:13px;
	line-height:1.6;
	color:#fff;
	background:#cb5757;
	padding:6px 12px 7px;
	border-radius: 3px;
}
.form-container .form-group .form-th{
	width:25%;
	font-size:15px;
	line-height:1.6;
	padding-top:9px;
}
.form-container .form-group .form-td{
	width:65%;
	font-size:15px;
}
.form-container .form-group .form-td .wpcf7-radio .wpcf7-list-item{
	display: inline-block;
	margin: 0 2rem 0 0;
}
.form-container .form-group .form-td .wpcf7-radio .wpcf7-list-item:last-child{
	margin: 0;
}
.form-container .form-group .form-td ul li{
	padding:0 0 16px;
}
.form-container .form-group .form-td ul li:last-child{
	padding:0;
}
.form-container .form-group .form-td .box-table{
	width:100%;
	display: table;
}
.form-container .form-group .form-td .box-table div{
	display: table-cell;
	vertical-align: top;
}
.form-container .form-group .form-td .box-table .box-table-1,
.form-container .form-group .form-td .box-table .box-table-4{
	width:24px;
	padding:6px 0 0;
}
.form-container .form-group .form-td .box-table .box-table-2,
.form-container .form-group .form-td .box-table .box-table-5{
	width:120px;
}
.form-container .form-group .form-td .box-table .box-table-3{
	width:56px;
	padding:6px 0 0;
}
.form-container .form-group .form-td .box-table .box-table-6{
	padding:6px 0 0;
}
.form-container .form-group .form-td .form-text{
	padding:8px 0;
	margin:0;
	font-size:15px;
	line-height:1.68;
	display:block;
}
.form-css .entry-content h3{
	font-size:18px;
	margin-bottom:40px;
	padding:12px 12px 14px;
	line-height:1.6;
	background:#4b6a6b;
	color:#fff;
	text-align: center;
	border:0;
}
.page-df .page-contents .df-contents.form-css .entry-content{
	width: 100%;
	padding:0 5%;
	max-width: 940px;
	margin-bottom:60px;
}
.form-css .wpcf7-not-valid-tip{
	font-size:13px;
	line-height:1.6;
	color:#f00;
	margin-top:8px;
}
.form-css input::placeholder{
	color:#888;
	font-size:13px;
}
.form-css input{
	vertical-align:baseline;
	font-size: 16px;
}
.form-css input[type="text"],
.form-css input[type="email"],
.form-css input[type="tel"]{
	padding:10px;
	color:#333;
	line-height:1.68;
	border:solid 1px #ccc;
	background:#f6f8fb;
	width:98%;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.form-css input[type="text"].zip{
	width:38%;
	padding:8px 10px;
}
.form-css input[type="text"].size-tate{
	width:110px;
	padding:8px 10px;
}
.form-css input[type="text"].size-yoko{
	width:110px;
	padding:8px 10px;
}

.form-css input[type="text"]:focus,
.form-css input[type="email"]:focus,
.form-css input[type="tel"]:focus,
.form-css input[type="text"].zip:focus
{
	outline: none;
	border:solid 1px #319da5;
}
.form-css select{
	padding:14px 12px;
	color:#333;
	line-height:1.68;
	border:solid 1px #ccc;
	background:#f6f8fb;
	width:50%;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.form-css textarea {
	padding:12px;
	font-size:16px;
	color:#333;
	line-height:1.68;
	border:solid 1px #ccc;
	background:#f6f8fb;
	width:98%;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	height:146px;
}

.form-css .btn-area{
	width:100%;
	margin:0 auto;
	padding:24px 0;
	text-align:center;
}
.form-css .btn-area input[type="submit"]{
	border:0;
	padding:16px 48px;
	line-height: 1;
	font-size:16px !important;
	font-weight:bold;
	color:#fff;
	background:#61a28c;
	border-radius: 3px;
	transition: 0.6s;
	margin-left:72px;
}
.form-css .btn-area input[type="submit"]:hover{
	cursor:pointer;
	background:#f9bf2c;
}

.form-css .privacy-area{
	padding:36px 0 30px;
	border-top:1px dotted #483f3f;
	border-bottom:1px dotted #483f3f;
}
.form-css .privacy-area .text{
	font-size:15px;
	padding:0 0 32px;
	line-height:1.6;
}
.form-css .privacy-area .privacy-box{
	padding:0 0 16px;
}
.form-css .privacy-area .privacy-box .hissu{
	display: inline-block;
	font-size:13px;
	line-height:1.6;
	color:#fff;
	background:#cb5757;
	padding:6px 12px 7px;
	border-radius: 3px;
}

.page-df .page-contents .df-contents.form-css .faq-area{
	width: 100%;
	padding:0 5% 100px;
	max-width: 940px;
}
.form-css .faq-area h2{
	font-size: 32px;
    margin-bottom: 30px;
    padding: 2px 18px 4px;
    border-left: 6px solid #637b7c;
}
.form-css .faq-area .faq-list .faq-item .ac-item.open .ac-body{
	opacity: 1;
	padding:0;
}
.form-css .faq-area .faq-list .faq-item .q-box{
	padding:0 24px 0 16px;
	line-height:1.68;
	font-size:15px;
}
.form-css .faq-area .faq-list .faq-item .ac-body .kotae-box{
	padding:20px 24px 24px;
	background:#ecf1f3;
	border-radius: 7px;
	line-height:1.82;
	font-size:15px;
	margin-bottom:16px;
	margin-top:16px;
}
.form-css .faq-area .faq-list .faq-item .ac-body .kotae-box p{
	margin-bottom:16px;
}
.form-css .faq-area .faq-list .faq-item .ac-body .kotae-box p:last-child{
	margin-bottom:0;
}
.form-css .faq-area .faq-list .faq-item .ac-body .kotae-box a{
	text-decoration: underline;
	transition: 0.6s;
}
.form-css .faq-area .faq-list .faq-item .ac-body .kotae-box a:hover{
	text-decoration: none;
}
.form-css .faq-area .faq-list .faq-item .ac-body .kotae-box h3{
	font-size:16px;
	margin-bottom:12px;
}
.form-css .faq-area .faq-list .faq-item .ac-body .kotae-box .table-area{
	margin-bottom:16px;
	margin-top:16px;
}
.form-css .faq-area .faq-list .faq-item .ac-body .kotae-box .table-area table{
	width:100%;
	border-collapse: collapse;
}
.form-css .faq-area .faq-list .faq-item .ac-body .kotae-box .table-area table th,
.form-css .faq-area .faq-list .faq-item .ac-body .kotae-box .table-area table td{
	font-size:14px;
	padding:10px 16px;
	border:1px solid #ccc;
	background:#fff;
	vertical-align: middle;
}
.form-css .faq-area .faq-list .faq-item .ac-body .kotae-box .table-area table th{
	background:#4b6a6b;
	color:#fff;
	text-align: center;
}
.form-css .faq-area .faq-list .faq-item .ac-body .kotae-box .table-area .note{
	font-size:13px;
	line-height:1.6;
	color:#666;
	margin-top:10px;
}

}