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


/* 同じ印影の印章は二つとない */
.test0507{
    background-image: url(../image/back-image10.png) , url(../image/back-image02-01.png);
    background-position: center top -30% , top;
    background-repeat: no-repeat , no-repeat;
    background-size: 100vw , 100%;
    background-color: #fff; 
}
.youtobi h3{
 padding: 3% 0;
 font-size: 1.5rem;
 letter-spacing: 0.5rem;
}
.koga-seal-cap02{
    width: 80vw;
    height: 25vh;
    padding-top: 8%;
    margin: 0 auto;
    color: rgb(64, 34, 15);
    background-image: url(../image/back-image02.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.koga-seal-cap02 h3{
    font-size: 1.35rem;
    letter-spacing: .5rem;
    line-height: 3rem;
}
.koga-seal-cap03{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    margin: 0 auto;
    padding-top:5rem;
}
.yoo{
    background-color: rgba(64, 34, 15,0.8);
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background: rgba(64, 34, 15,0.8);
    text-align: center;
    margin: 0 auto;
    color: #fff;
    line-height: 80px;
    font-size: 1.5rem;
    font-weight: bold;
}
.yohaku{
    padding-top: 30px;
}
.kogakoga{
    padding-top: 0;
}
.cap-back{
    color: rgb(255, 255, 255);
    background-color: rgba(64, 34, 15,0.8);
    padding: 10px 15px;
}
.koga-seal-grid{
    width: 80vw;
    max-width: 1000px;
    padding: 10rem 0;
    margin: 0 auto;
    color: rgb(64, 34, 15);
    text-align: center;
}
.kogakoga{
    padding-top: 0;
}
.kogakoga p{
    line-height: 2rem;
    margin-bottom: 30px;
}
.kogakoga p:last-of-type{
    margin-bottom: 0;
}

/* 煌雅印について */
.koga-seal-area02{
    width: 100vw;
    height: 100vh;
    /* background-image: url(../image/back-img.png) , url(../image/back-image08.png) ; */
    background-image: url(../image/back-img.png);
    /* background-position: bottom , top 5% left 0%; */
    background-position: bottom;
    /* background-repeat: no-repeat , no-repeat; */
    background-repeat: no-repeat;
    position: relative;
    z-index: 0;
    padding-bottom: 50rem;
}
.frame{
    width: 90vw;
    max-width: 1200px;
    margin: 0 auto;
    padding: 4%;
    color: rgb(64, 34, 15);
    outline : 1px solid rgb(64, 34, 15); /* 線の太さ・線状・色 */
    outline-offset : -20px; /* どれだけ内側に線を表示したいかを負の値で指定 */
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    -webkit- transform: translateY(-50%) translateX(-50%);
    background-color: rgba(255, 255, 255, 0.6);
    background-image: url(../image/back-image07-01.png);
    background-size:100%;
    background-position: top -20%;
}
.frame h3{
    text-align: center;
    border-bottom: solid 1px rgb(64, 34, 15);
    font-size: 1.35rem;
    letter-spacing: .5rem;
    padding: 2rem 0;
    margin: 0 3%;
}
.frame ul{
    padding: 5% 0 5% 3%;
    margin: 0 auto;      
}
.frame ul li{
    list-style-position: inside;
    line-height: 3;
    margin: 0 auto;
    padding-left: 1.5em;
	text-indent: -1.3em;
}
/* ---------------------------------0408tuiki */
.koga-seal-grid02{
    width: 80vw;
    max-width: 1200px;
    margin: 0 auto;
    padding: 4rem 0;
}
.koga-seal-grid02 h3{
    text-align: center;
    font-size: 1.5rem;
    margin-bottom: 80px;
}
/* ----------------煌雅印ページ　追記0404----------------------------- */
.yappagrid{
    width: 100%;
    max-width: 1200px;
    padding: 4rem 0 2rem 0;
}
.yappagrid01 img , .yappagrid02 img{
    width: 100%;
}

.yappagrid01 , .yappagrid02{
    display: grid;
    grid-template-columns: repeat(2,1fr);
    grid-column-gap: 50px;
    align-items: center;
}
.yappagrid02{
    margin: 8rem auto;
}
.koga-seal-cap03 ul{
    padding: 0.5em 0 ;
    list-style: none;
}
.sp , .sp02{
    display: none !important;
}
.order01 h3{
    margin-bottom: 5rem;
    letter-spacing: 0.5rem;
    line-height: 2.5;
    color: rgb(64, 34, 15);
}
.koga-seal-cap03 ul li{
    line-height: 3;
    padding: 0.5em 0;
}
.inzai-det-grid{
    display: grid;
    grid-template-columns: 70% 1fr;
    align-items: center;
}


.inzai-image-con{
    padding-bottom: 20rem;
    /* background-image: url(../image/back-image08.png);   
    background-repeat: no-repeat;
    background-size: 80%;
    background-position: top 53% right -13%; */
}



.inzai-image-area{
    position: relative;
    max-width: 1000px;
    margin: 0 auto;
}
.kasanari{
    width: 51%;
    /* max-width: 45%; */
}
.kasanari02{
    position: absolute;
    width: 50%;
    right: 4%;
	top:75%;
	/* max-width:55%; */
    z-index: -50;
}
.inzai-text{
    max-width: 1000px;
    margin: 0 auto;
}
.hori{
    width: 80vw;
    max-width: 1000px;
    margin: 0 auto;
    padding: 4rem 0;
}
.hori-text{
    display: grid;
    grid-template-columns: 20% 1fr;
    background-color: rgba(64, 34, 15, 0.6);
    margin: 2rem 0;
    color: #fff;
}
.hori-text:first-of-type{
    margin-top: 2.5rem;
}
.hori-text-01{
    padding: 1rem;
}
.hori-text-02{
    border-left: 1px solid #fff;
    padding: 1rem;
}
.den-grid-plus{
    max-width: 1000px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 15% 1fr;
    place-items: center;
}
.den-grid-plus01 img{
    width: 50%;
}


/* 使用目的 */
.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;
}
.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);
}
.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;
}
.table-img{
    width: 80%;
    padding-top: 2rem;
}
.col-link, .col-link02{
    display: inline;
    margin-top: 0.5rem;
    color: rgb(64, 34, 15);
}
.col-link:hover ,.col-link02:hover{
    color: #fff;
    background-color: rgb(64, 34, 15);
    transition: 0.5s
}
.kogain-plus{
    margin-bottom: 8rem;
}