@charset "utf-8";
body{
    background-color: #fff;
    /* width: 100%;
    max-width: 1000px; */
}
/* ヘッダー */
.he_top{
    background-image: url(../image/inzai-top.jpg);
}
/* トップ キャッチコピーエリア */
.conA{
    left: 25%;
}
.sub-catch-copy{
    font-size: 0.9rem;
    letter-spacing: .1rem;
}
.catch-copy{
    line-height: 2rem;
}

/* 印材説明 */
/* .main{
    width: 100%;
    max-width: 1200px;
} */
.inzai-first-area{
    background-image: url(../image/back-image02.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.inzai-first-con{
    /* width: 100%; */
    width: 80vw;
    max-width: 1000px;
    padding: 5rem 0;
    margin: 0 auto;
    font-size: 1.2rem;
    font-weight: bold;
    color: rgb(64, 34, 15);
}
.inzai{
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
    padding: 3rem 0 8rem 0;
}
.inzai-mate{
    margin-top: 50px;
    margin-bottom: 50px;
    background-color: rgba(64, 34, 15, 0.6);
    text-align: center;
    padding: 1rem 0;
    color: #fff;
    font-size: 1.3rem;
}
.inzai-mate-con p{
    padding:1rem;
}
.inzai-grid{
    /* width: 80vw; */
    margin: 4% auto;
    display: grid;
    grid-template-columns: 40% 1fr;
    grid-column-gap: 3%;
    color: rgb(64, 34, 15);
}
.inzai-img{
    display: grid;
    grid-template-columns: repeat(2,1fr);
}
.inzai-img img{
    width: 100%;
}
.inzai-grid img{
    width: 100%;
    padding: 3%;
}
.inzai-type h3{
    border-bottom: solid 2px rgba(64, 34, 15, 0.5);
    padding-bottom: 3px; /* 下線とh3の間隔 */
    font-size: 1.2rem;
}
.inzai-type p{
    margin-top: 2%;
}
.inzai-grid02{
    /* width: 80vw; */
    margin: 4% auto;
    display: grid;
    grid-template-columns: repeat(2,1fr);
    grid-column-gap: 3%;
}
.eva{
    margin-top: 1rem;
}
.eva-grid{
    width: 100%;
    max-width: 400px;
    display: grid;
    grid-template-columns: 30% 1fr;
    align-items: center;
    font-family: sans-serif;
    /* font-weight: bold; */
    font-size: 0.98rem;
}
.eva-grid div img{
    width: 1.5rem;
    padding: 0;
}
.eva-grid-02{
    width: 100%;
    max-width: 400px;
    display: grid;
    grid-template-columns: 35% 1fr;
    align-items: center;
    font-family: sans-serif;
    /* font-weight: bold; */
    font-size: 0.98rem;
}
.eva-grid-02 div img{
    width: 1.5rem;
    padding: 0;
}
.eva-grid div img , .eva-grid-02 div img{
    margin: 0;
}
.inzai-mate-02{
    margin-top: 5rem;
    padding: 1rem;
}

.case-grid{
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
    padding: 3rem 0 8rem 0;
    display: grid;
    grid-template-columns: repeat(3,1fr);
    grid-column-gap: 3%;
}
.case-grid img{
    width: 100%;
}

/* 使用目的 */
.purpose{
    color: rgb(64, 34, 15);
}
.per-cap{
    margin: 2rem 0;
}
.inzai-area02{
    width: 100vw;
    height: 35vh;
    background-image: url(../image/top_kari.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
}
.inzai-area02 div{
    width: 80vw;
    position: absolute;
    margin: 0 auto;
    top: 50%;
    left: 25%;
    transform: translateY(-50%) translateX(-50%);
    -webkit- transform: translateY(-50%) translateX(-50%);
    color: rgba(255,255,255,1);
    text-shadow:2px 2px 2px rgb(27, 24, 24);
    font-size: 1.1rem;
    text-align: center;
}
.purpose div{
    /* width: 80vw;
    max-width: 1000px; */
    margin: 8% auto 0 auto;    
}
.purpose h3{
    margin-bottom: 2%;
}
.tr-pur{
    width: 80vw;
    max-width: 1000px;
    margin: 5% auto;
    color: rgb(64, 34, 15);
}
tr{
    margin: 5% 0;
}
td {
    border-bottom: dotted 1px #333;
    height: auto;
    /* vertical-align: middle; */
    vertical-align: top;
    padding: 2% 0;
}
td:first-of-type{
    width: 20%;
    padding-left: 0.5%;
    font-size: 1.1rem;
    font-weight: bold;
}

/* 印材追記0404 */
.inzai-link , .inden-link{
    color: rgb(64, 34, 15);
    margin-top: 1rem;
}
.inzai-link:hover , .inden-link:hover{
    background-color: rgb(64, 34, 15);
    color: #fff;
    display: inline-block;
    transition: 0.5s;
}
.kesho-box{
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
    padding: 3rem 0 2rem 0;
}
.case-grid-p{
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
    padding-bottom: 8rem;
}
/* .inzai-den{
    width: 5%;
} */
.inzai-setsumei02{
    display: grid;
    margin: 4% auto;
    display: grid;
    grid-template-columns: 30% 1fr;
    grid-column-gap: 3%;
    color: rgb(64, 34, 15);
    justify-items: center;
    padding: 0 3rem;
}
.inzai-den01{
    width: 80%;
}
.inzai-den02{
    width: 50%;
}
.inzai-setsumei{
    border-top:solid 1px rgb(64, 34, 15);
    border-bottom:solid 1px rgb(64, 34, 15);
    margin: 0 4%;
}
.inzai-setsumei p{
    position:relative;
	line-height:2em;
	text-indent:2em;
    padding: 0 2rem 2rem 2rem;
}
.inzai-setsumei p::before{
    position:absolute;
	left:2rem;
    content:"";
	display:inline-block;
	width:2em;
	height:2em;
	background:url(../image/den.png) no-repeat;
	background-size:contain;
}
.lineinzai{
    width: 60vw;
    border-bottom: solid 1px rgb(64, 34, 15);
    margin: 0 auto;
}