@charset "utf-8";

/**
PROODUCTS
**/
#page_products .wrap.cattab {
	padding:80px 0 0;
}
#page_products .wrap.cattab .contents {
	position:relative;
}
#page_products .wrap.cattab .btn_list {
	position:absolute;
	right:0;
	top:1em;
}
#page_products .wrap.cattab .contents_inner {
    width: 100%;
	display:grid;
	grid-template-columns:repeat(7,1fr);
	grid-column-gap:2px;
}
#page_products .wrap.cattab .contents_inner > a {
	display:grid;
	grid-row-gap:.5em;
	align-content:center;
	text-align:center;
	font-size:1.5rem;
	height:4.5em;
	background-color:#EEF2F5;
	color:#0F121B;
	cursor:pointer;
}
#page_products .wrap.cattab .contents_inner > a .en {
	font-size:.75em;
	font-weight:600;
	/* color:#FFFFFF; */
}
#page_products .wrap.cattab .contents_inner > a.active,
#page_products .wrap.cattab .contents_inner > a:hover {
	background: rgb(38,167,225);
	background: linear-gradient(90deg, rgba(38,167,225,1) 0%, rgba(0,171,152,1) 100%);
	color:#FFFFFF;
	font-weight:600;
}
#page_products .wrap.cattab .contents_inner > a.active .en,
#page_products .wrap.cattab .contents_inner > a:hover .en {
	/* color:#85cdf1; */
}
#page_products .wrap.products {
	background-color:#f7f7f7;
	padding:30px 0 80px;
}
#page_products .wrap.products .contents_inner {
	margin-bottom:60px;
}
#page_products .wrap.products .contents_inner .products {
	display:grid;
	grid-template-columns:repeat(3,1fr);
	grid-gap:20px;
}
#page_products .wrap.products .contents_inner .products .item {
	display:grid;
	grid-template-rows:auto auto 1fr;
	grid-row-gap:15px;
	transition:.3s;
}
#page_products .wrap.products .contents_inner .products .item.child {
	grid-template-rows:1fr auto;
	grid-row-gap:0;
	
	grid-template-rows:1fr;
}
#page_products .wrap.products .contents_inner .products .item.child .tit {
	font-size:1.6rem;
	padding:.5em;
	grid-column-gap:.5em;
	background-color:#2b8da6;
	
	display:none;
}
#page_products .wrap.products .contents_inner .products .item.child .img img,
#page_products .wrap.products .contents_inner .products .item.child .img img.pdmy {
	aspect-ratio:1.33/1;
}
#page_products .wrap.products .contents_inner .products .item.child .tit h3 {
	font-size:1.6rem;
	color:#FFFFFF;
}
#page_products .wrap.products .contents_inner .products .item.child .tit .slug {
	font-size:1.4rem;
	color:#FFFFFF;
}
#page_products .wrap.products .contents_inner .products .item:hover {
	opacity:.75;
}
#page_products .wrap.products .contents_inner .products .item .img {
	overflow:hidden;
}
#page_products .wrap.products .contents_inner .products .item .img img.pdmy {
	object-fit:cover;
	aspect-ratio:1.47/1;
}
#page_products .wrap.products .contents_inner .products .item .img img {
	transition:.3s;
}
#page_products .wrap.products .contents_inner .products .item:hover .img img {
	transform:scale(1.1);
}
#page_products .wrap.products .contents_inner .products .tit {
	display:grid;
	grid-template-columns:auto auto;
	align-items:center;
	justify-content:space-between;
}
#page_products .wrap.products .contents_inner .products .tit h3 {
	font-size:1.8rem;
	font-weight:600;
}
#page_products .wrap.products .contents_inner .products .tit .cat {
	font-size:1.2rem;
	color:#FFFFFF;
	background-color:#2288CA;
	height:2em;
	padding:0 1.25em;
	display:grid;
	align-items:center;
	justify-content:center;
}
#page_products .wrap.products .contents_inner .products p {
	font-size:1.4rem;
	line-height:1.7;
}

#page_products.single .contents_inner {
	display:grid;
	grid-template-columns:40% 1fr;
	grid-column-gap:50px;
	margin-bottom:30px;
}
#page_products.single .contents_inner h2 {
	font-size:2.4rem;
	color:#2288CA;
	line-height:1.3;
	margin-bottom:1em;
}
#page_products.single .contents_inner .cat {
	display:grid;
	grid-template-columns:auto auto;
	justify-content:start;
	grid-column-gap:15px;
	margin-bottom:30px;
}
#page_products.single .contents_inner .cat span {
	font-size:1.5rem;
	color:#FFFFFF;
	background-color:#2288CA;
	height:2em;
	padding:0 1.25em;
	display:grid;
	align-items:center;
	justify-content:center;
}
#page_products.single .contents_inner p.body {
	font-size:2rem;
	font-weight:600;
	margin-bottom:1em;
	line-height:1.6;
}
#page_products.single .contbox {
	font-size:1.6rem;
	line-height:1.8;
	margin-bottom:60px;
}

#page_products.single .contbox h2 {
    font-size: 2.4rem;
    color: #2288CA;
    line-height: 1.3;
    margin-bottom: 1em;
}

#page_products.single .btn {
	font-size:1.6rem;
	border:1px solid #040404;
	background-color:#FFFFFF;
	width:12em;
	margin:0 auto;
	height:3em;
	display:grid;
	align-items:center;
	justify-content:center;
	border-radius:1.5em;
	transition:.3s;
	
}
#page_products.single .btn:hover {
	background-color:#040404;
	color:#FFFFFF;
}


#page_products.single .contbox table {
	border-collapse:collapse;
	margin-bottom:30px;
}
#page_products.single .contbox table th,
#page_products.single .contbox table td {
	line-height:1.5;
	padding:1em;
	font-weight:normal;
	border:1px solid #cccccc;
	font-size:1.6rem;
	word-break:break-all;
}
#page_products.single .contbox table thead th,
#page_products.single .contbox table thead td,
#page_products.single .contbox table th {
	background-color:#EFEFEF;
}

@media screen and (max-width:1024px){

/**
PROODUCTS
**/
#page_products .wrap.cattab .contents_inner {
	grid-template-columns:repeat(7,auto);
}
#page_products .wrap.cattab .contents_inner > a {
	font-size:1.3rem;
}
#page_products .wrap.products .contents_inner .products .tit h3 {
	font-size:1.6rem;
}
#page_products .wrap.products .contents_inner .products .item.child .tit {
	font-size:1.5rem;
}
#page_products .wrap.products .contents_inner .products .item.child .tit h3 {
	font-size:1.5rem;
}
#page_products .wrap.products .contents_inner .products .item.child .tit .slug {
	font-size:1.3rem;
}

#page_products.single .contents_inner {
	grid-column-gap:30px;
}
	
}

@media screen and (max-width:768px){

/**
PROODUCTS
**/
#page_products .wrap.cattab {
	padding:45px 0 0;
}
#page_products .wrap.cattab .btn_list {
	top:0em;
}
#page_products .wrap.cattab .contents_inner {
	display:inline-flex;
	flex-wrap:wrap;
	justify-content:space-between;
}
#page_products .wrap.cattab .contents_inner > a:nth-child(-n+4) {
	width:calc(25% - 1.5px);
	margin-bottom:2px;
}
#page_products .wrap.cattab .contents_inner > a:nth-last-child(-n+3) {
	width:calc((100%/3) - 1.667px);
	margin-bottom:2px;
}
#page_products .wrap.cattab .contents_inner > a {
	grid-row-gap:.25em;
	justify-items:center;
	font-size: min(3.2vw,1.2rem);
}
#page_products .wrap.cattab .contents_inner > a:nth-child(4) .jp {
	width:4em;
}
#page_products .wrap.products {
	padding:20px 0 45px;
}
#page_products .wrap.products .contents_inner {
	margin-bottom:30px;
}
#page_products .wrap.products .contents_inner .products {
	grid-template-columns:repeat(2,1fr);
	grid-gap:20px 15px;
}
#page_products .wrap.products .contents_inner .products .item {
	grid-row-gap:10px;
	transition:0s;
}
#page_products .wrap.products .contents_inner .products .item.child .tit {
	font-size:min(3.8vw,1.4rem);
	grid-row-gap:.25em;
}
#page_products .wrap.products .contents_inner .products .item.child .tit h3 {
	font-size:min(3.8vw,1.4rem);
}
#page_products .wrap.products .contents_inner .products .item.child .tit .slug {
	font-size:min(3.3vw,1.3rem);
}
#page_products .wrap.products .contents_inner .products .item:hover {
	opacity:1;
}
#page_products .wrap.products .contents_inner .products .item .img img {
	transition:0s;
}
#page_products .wrap.products .contents_inner .products .item:hover .img img {
	transform:scale(1);
}
#page_products .wrap.products .contents_inner .products .tit {
	grid-template-columns:1fr;
	position:relative;
}
#page_products .wrap.products .contents_inner .products .tit h3 {
	font-size:min(4vw,1.5rem);
}
#page_products .wrap.products .contents_inner .products .tit .cat {
	font-size:min(2.93vw,1.1rem);
	padding:0 .5em;
	position:absolute;
	top:calc(-10px - 2em);
	right:0;
}
#page_products .wrap.products .contents_inner .products p {
	font-size:1.2rem;
	line-height:1.5;
}

#page_products.single .contents_inner {
	grid-template-columns:1fr;
	margin-bottom:30px;
}
#page_products.single .contents_inner .img {
	grid-area:2/1/3/2;
}
#page_products.single .contents_inner .detail {
	grid-area:1/1/2/2;
}
#page_products.single .contents_inner h2 {
	font-size:2.0rem;
	margin-bottom:.5em;
}
#page_products.single .contents_inner .cat {
	grid-column-gap:10px;
	margin-bottom:15px;
}
#page_products.single .contents_inner .cat span {
	font-size:1.2rem;
}
#page_products.single .contents_inner p.body {
	font-size:1.8rem;
	line-height:1.4;
}
#page_products.single .contbox {
	font-size:1.4rem;
	line-height:1.5;
	margin-bottom:30px;
}

#page_products.single .btn {
	font-size:1.4rem;
	transition:0s;
	
}
#page_products.single .btn:hover {
	background-color:#FFFFFF;
	color:#040404;
}
	
#page_products.single .contbox table {
	margin-bottom:15px;
}
#page_products.single .contbox table th,
#page_products.single .contbox table td {
	padding:.5em;
	font-size:1.4rem;
}
	
}