@charset "utf-8";
/*/////group¥Ç¥£¥ì¥¯¥È¥êCSS/////*/

@import "reset.css";
@import "common.css";
@import "common_sp.css";
@import "gnav.css";
@import "gnav_sp.css";
@import "subPage.css";



/* group
---------------------------------------------------*/
/* index */
body#index .bnr_technical-information img{
    max-width: 896px;
}

/* group-list */
body#group-list .mainTitBl .entit img{
    width: 73.069852941%;
    margin: 0 auto;
}

/* ÏŒӥƥó¥×¥ì©`¥È */
/* productsListLink
---------------------------------------------------*/
.productsListLink {
	padding: 0 35px;
    width: 1250px;
	margin-bottom: 40px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 40px 30px;
}

.productsListLink .article {
	width: 290px;
}

.productsListLink:after {
    content: "";
    display: block;
    width: 290px;  /* .box¤ËÖ¸¶¨¤·¤¿width¤Èͬ¤¸·ù¤òÖ¸¶¨¤¹¤ë */
    height: 0;
}

.productsListLink:before {
    content: "";
    display: block;
    width: 290px;  /* .box¤ËÖ¸¶¨¤·¤¿width¤Èͬ¤¸·ù¤òÖ¸¶¨¤¹¤ë */
    height: 0;
    order: 1;  /* ÒÉËÆÒªËØbefore¤Î혷¬¤ò±Ø¤ºÖ¸¶¨¤¹¤ë*/
}

.productsListLink .article .thumbImg {
    position: relative;
    overflow: hidden;
}

.productsListLink .article dt {
    position: absolute;
    width: 100%;
    background-color: rgba(0,0,0,0.75);
    color: #fff;
    letter-spacing: 0.1em;
    text-align: center;
    line-height: 1.2;
    z-index: 1;
    padding: 8px 0;
    font-size: 87.5%;
    padding: 8px 0;
    letter-spacing: 0;    
}

.productsListLink .article .txt {
	padding: 15px 3px;
}

.productsListLink .article .txt h3 {
    font-size: 100%;
    font-weight: bold;
    line-height: 1.3;
    letter-spacing: 0.02em;
    margin-bottom: 5px;
}

.productsListLink .article .txt h3.sup {
	margin-top: -5px;
}

.productsListLink .article .txt h3.sup span {
	font-size: 125%; /*22.5px*/
}

.productsListLink .article .txt p {
	font-size: 87.5%; /*14px*/
	line-height: 1.7;
}

.productsListLink .article .btn {
	background-color: #006cb9;
	text-align: center;
}

.productsListLink .article .btn.nolink:hover {
	background-color: #006cb9;
}

.productsListLink .article .btn+.btn {
	margin-top: 10px;
}

.productsListLink .article .btn:hover {
	background-color: #028bd4;
}

.productsListLink .article .btn.product {
	background-color: #138fa4;
}

.productsListLink .article .btn.product:hover {
	background-color: #24a9c0;
}

.productsListLink .article .btn a.long {
	font-size: 62.5%; /*10px*/
}

.productsListLink .article .btn a {
	color: #fff;
	font-size: 81.25%; /*13px*/
	letter-spacing: 0.025em;
	display: block;
	padding: 10px 0;
}

.productsListLink .article .btn span {
	background: url("/img/common/icn_arrow03-white.png") no-repeat left center;
	background-size: 6px 9px;
	padding-left: 16px;
}

.productsListLink .article .btn.nolink {
	color: #fff;
	font-size: 81.25%; /*13px*/
	letter-spacing: 0.025em;
	display: block;
	padding: 10px 0;
}

.productsListLink .article .btn a:hover {
	opacity: 1;
}


.subPageIndexList {
	background-color: #d5d8df;
	padding: 0 30px 30px;
	overflow: hidden;
}

.subPageIndexList h3 {
	font-family: "¥Ò¥é¥®¥ÎÃ÷³¯ ProN", "HGÃ÷³¯E", "£Í£Ó £ÐÃ÷³¯", "MS PMincho", "MS Ã÷³¯", serif;
	font-size: 187.5%; /*30px*/
	letter-spacing: 0.1em;
	text-align: center;
	background-color: rgba(255,255,255,0.75);
	padding: 30px 0;
	margin: 35px 0 30px;
    font-weight: 500;
}

.subPageIndexList h3 span {
	display: inline-block;
}

.subPageIndexList h3 span:after {
	content: "";
	width: 80%;
	height: 3px;
	display: block;
	background-color: #006cb9;
	margin: 15px auto 0;
}

.subPageIndexList .flex{
    justify-content: flex-start;
    gap:33px;
    flex-wrap: wrap;
    display: flex;
}

.subPageIndexList dl{
    width: 290px;
}

.subPageIndexList dl dt{
    font-size: 100%;
    font-weight: 700;
    margin-bottom: 20px;
}

.subPageIndexList dl dt.chemical_cate01{
    color: #2EA7E0;
}

.subPageIndexList dl dt.chemical_cate02{
    color: #004B9E;
}

.subPageIndexList dl dt.extrusion_cate01{
    color:#8E74B1;
}

.subPageIndexList dl dt.process_cate01{
    color: #67B8AC;
}

.subPageIndexList dl dt.process_cate02{
    color: #04671F;
}

.subPageIndexList dl dt.process_cate03{
    color: #6CA840;
}

.subPageIndexList dl dt.powder_cate01{
    color: #F4903D;
}

.subPageIndexList dl dd{
	font-size: 87.5%; 
	background:  url("/img/common/icn_arrow02.png") no-repeat left 3px;
	padding-left: 15px;
	margin-bottom: 20px;
}

.subPageIndexList dl dd.nolink {
	background:  url("/img/common/icn_arrow02_nolink.png") no-repeat left 3px;
}

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

    /* index */
    body#index .bnr_technical-information,
    body#index .bnr_technical-information + div    {
        margin-top: 30px;
    }
    
    
    /* ÏŒӥƥó¥×¥ì©`¥È */
	.subPageIndexList {
		padding: 0 3.466666666% 5px;
	}

	.subPageIndexList h3 {
		font-size: 112.5%; /*18px*/
		padding: 20px 0;
		margin: 20px 0;
	}

	.subPageIndexList h3 span:after {
		height: 2px;
		margin-top: 10px;
	}

    .subPageIndexList .flex{
        display: block;
    }

    .subPageIndexList dl{
        width: 100%;
    }
    
    .subPageIndexList dl + dl{
        margin-top: 25px;
    }

	.subPageIndexList dl dt {
        margin-bottom: 10px;
		font-size: 87.5%;
	}    
    
	.subPageIndexList dl dd {
        margin-bottom: 10px;
		font-size: 75%; 
        min-height: 15px;
	}    
    
    .productsListLink {
        margin-top: 0 !important;
		margin-bottom: 10px;
        margin-left: 3.466666666% !important;
        margin-right: 3.466666666% !important;
        padding: 0;
        width: auto;
        display: block;
	}

	.productsListLink .article {
        width: 100%;
		margin-bottom: 25px;
	}

	.productsListLink img {
		width: 100%;
		height: auto;
	}

	.productsListLink .article .txt {
		padding: 10px 1%;
		height: inherit !important;
	}

	.productsListLink .article .txt h3 {
		font-size: 87.5%; /*14px*/
	}

    .productsListLink .article .txt h3.sup {
        margin-top: 0;
    }

	.productsListLink .article .txt p {
		font-size: 75%; /*12px*/
	}

	.productsListLink .article .btn {
		font-size: 75%; /*12px*/
	}

	.productsListLink .article .btn+.btn {
		margin-top: 5px;
	}

	.productsListLink .article .btn:hover {
		background-color: #006cb9;
	}

	.productsListLink .article .btn.product:hover {
		background-color: #138fa4;
	}

	.productsListLink .article .btn a,
	.productsListLink .article .btn.nolink {
		padding: 8px 0;
        font-size: 100%;
	}

	.productsListLink .article .btn span {
		background-size: 5px 8px;
		padding-left: 8px;
        font-size: 100%;
	}
    
    
    
}