.product-intro-main .breadcrumb-title:before {
    background-color:#B17C32 ;
}

.product-intro-main .breadcrumb-title {
    border-bottom: solid 1px #B17C32;
}


.product-intro-gokan{
    position: relative;
    width: 1180px;
    max-width: 100%;
    margin: 70px auto 0;
    padding-left: 92px;
    /* padding-bottom: 108px; */
    margin-bottom: 20px;
}

.product-intro-gokan h3{
    font-size: .23rem;
    font-weight: 400;
    margin-bottom: 8px;
}

.product-intro-gokan p:nth-of-type(1){
    margin-bottom: 55px;
    font-weight: 300;
}

.gokan-our-prroducts{
    color: #EDE7E0;
    font-size: 1.05rem;
    font-family: "Oswald", sans-serif;
    line-height: 1;
    text-align: right;
    font-weight: 400;
    /* position: absolute;
    right: 0;
    bottom: 0; */
    margin-right: -92px;
    letter-spacing: 0.293em;
}

/* プレミアムシート */

.product-intro-premium-sheet{
    position: relative;
    width: 1366px;
    max-width: 100%;
    margin: 0 auto 45px;
}

.product-intro-premium-sheet__back{
    background-color: #000;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 990px;
    max-width: 100%;
    margin-left: 109px;
    position: relative;
    padding: 42px 0 88px;
}

.product-intro-premium-sheet__back img{
    width: 407px;
    max-width: 100%;
    margin-bottom: 24px;
}


.product-intro-premium-sheet__back::before{
    position: absolute;
    top: 0;
    margin: auto;
    content: "";
    display: block;
    height: 100%;
    width: 100%;
    background-color: #000;
    padding-left: 250%;
    margin-left: -250%;
} 

.product-intro-premium-sheet > img{
    width: 1120px;
    max-width: 100%;
    position: relative;
    margin: -227px auto 0 184px;
	
}

.product-intro-premium-sheet__back > div{
    width: 50%;
}

.product-intro-premium-sheet__back > div p{
    width: fit-content;
    margin-left: auto;
    position: relative;
    z-index: 1;
    font-weight: 300;
}


.product-intro-premium-sheet  .effect-btn__shadow{
    border: solid 1px #fff;
    color: #fff;
    margin-left: 35px;
    margin-top: 54px;
}

.product-intro-premium-sheet .effect-btn__shadow span::after{
border-bottom: solid 1px #fff;
border-right: solid 1px #fff;
}

/* プレミアムパネル */

.product-intro-premium-panel{
    width: 1366px;
    max-width: 100%;
    margin: 0 auto 45px;
}

.product-intro-premium-panel__back{
    background-color: #311301;
    position: relative;
    color: #fff;
    padding: 50px 0 46px;
    width: 1100px;
    max-width: 100%;
    margin-left: auto;
}

.product-intro-premium-panel__back::after{
    position: absolute;
    top: 0;
    right: 0;
    content: "";
    display: block;
    height: 100%;
    width: 100%;
    background-color: #311301;
    padding-right: 250%;
    margin-right: -250%;
}

.product-intro-premium-panel__back > img{
    width: 620px;
    max-width: 100%;
    position: absolute;
    left: -104px;
    top: 24px;
}

.product-intro-premium-panel__back >div{
    width: 40%;
    margin-left: auto;
    margin-right: 100px;
}

.product-intro-premium-panel__back >div p{
    width: fit-content;
    margin-left: auto;
    margin-right: 8px;
    font-weight: 300;
}

.product-intro-premium-panel__back >div img{
    width: 315px;
    max-width: 100%;
    margin-bottom: 35px;
}

.product-intro-premium-panel__back .effect-btn__shadow{
    margin: 48px 124px 0 auto;
}

/* スリットパネル */
.product-intro-slit-panel{
    width: 1366px;
    max-width: 100%;
    margin: 0 auto 170px;
    position: relative;
}

.product-intro-slit-panel__back{
    color: #fff;
    display: flex;
    align-items: flex-end;
}

.product-intro-slit-panel__back >img{
    width: 676px;
    max-width: 100%;
}

.product-intro-slit-panel__back > div{
    background-color: #5FA033;
    padding: 64px 0 38px;
    width: 37.1%;
    position: relative;
}

.product-intro-slit-panel__back > div::before{
    position: absolute;
    top: 0;
    margin: auto;
    content: "";
    display: block;
    height: 100%;
    width: 100%;
    background-color: #5FA033;
    padding-left: 500%;
    margin-left: -500%;
} 

.product-intro-slit-panel__back > div img{
    width: 255px;
    max-width: 100%;
    margin: 0 auto 31px;
    display: block;
}

.product-intro-slit-panel__back > div p{
    width: fit-content;
    max-width: 100%;
    margin-bottom: 35px;
    margin-left: auto;
    margin-right: 45px;
    font-weight: 300;
}

.product-intro-slit-panel .effect-btn__shadow{
    margin: 32px 138px 16px auto;
}


/* 一般木質建材 */

.product-intro-woody-building-materials{
    width: 1366px;
    max-width: 100%;
    margin: 0 auto 172px;
}

.product-intro-woody-building-materials__back{
    background-color: #754211;
    color: #fff;
    position: relative;
    width: 1100px;
    max-width: 100%;
    margin-left: auto;
    padding: 85px 0 69px;
}
.product-intro-woody-building-materials__back p{
	font-weight:300;
}
.product-intro-woody-building-materials__back::after{
    position: absolute;
    top: 0;
    right: 0;
    content: "";
    display: block;
    height: 100%;
    width: 100%;
    background-color: #754211;
    padding-right: 250%;
    margin-right: -250%;
}

.product-intro-woody-building-materials__back > img{
    width: 825px;
    max-width: 100%;
    position: absolute;
    left: -167px;
    top: -125px;
    font-weight: 300;
}

.product-intro-woody-building-materials__back >div{
    width: 35.5%;
    margin-left: auto;
    margin-right: 100px;
}

.product-intro-woody-building-materials__back > div img{
    margin-bottom: 29px;
    width: 234px;
    max-width: 100%;
}

.product-intro-woody-building-materials .effect-btn__shadow{
    margin: 97px 113px 0 auto;
}


/* 木製雑貨 */

.product-intro-miscellaneous-goods{
    width: 1366px;
    max-width: 100%;
    margin: 0 auto 120px;
}

.product-intro-miscellaneous-goods__back{
    background-color: #3B7639;
    color: #fff;
    position: relative;
    width: 1050px;
    max-width: 100%;
    margin-left: 0;
    display: flex;
    align-items: end;
    justify-content: space-between;
    padding: 59px 0 66px;
}

.product-intro-miscellaneous-goods__back > div{
    margin-left: 136px;
}

.product-intro-miscellaneous-goods__back > div p{
    margin-bottom: 92px;
	font-weight:300;
}


.product-intro-miscellaneous-goods__back > img{
    width: 731px;
    max-width: 100%;
    position: absolute;
    right: -179px;
    top: -83px;
}


.product-intro-miscellaneous-goods__back div img:nth-of-type(1){
    width: 151px;
    max-width: 100%;
    margin-bottom: 30px;
}

.product-intro-miscellaneous-goods__back div img:nth-of-type(2){
    width: 277px;
    max-width: 100%;
}

.product-intro-miscellaneous-goods .effect-btn__shadow{
    margin: 0px 144px -35px auto;
}

.product-intro-miscellaneous-goods__back > div::before{
    position: absolute;
    top: 0;
    margin: auto;
    content: "";
    display: block;
    height: 100%;
    width: 100%;
    background-color: #3B7639;
    padding-left: 500%;
    margin-left: -500%;
} 



/* ボタン */
.product-intro-main .effect-btn__shadow{
    border: solid 1px #fff;
    color: #fff;
}

.product-intro-main .effect-btn__shadow span::after{
    border-bottom: solid 1px #fff;
    border-right: solid 1px #fff;
    left: 2px;
    }


/* 納材事例 */
.product-intro-nozai{
width: 1366px;
max-width: 100%;
margin: 0 auto 0;
}

.product-intro-nozai-zirei{
    display: flex;
    justify-content: space-between;
}

.product-intro-nozai__title{
    width: 1245px;
    max-width: 100%;
    margin: 0 auto 20px;
    display: flex;
    align-items: baseline;
    justify-content: space-between;
}

.product-intro-nozai__title p {
    font-size: .50rem;
    color: #EDE7E0;
    font-family: "Oswald", sans-serif;
    line-height: 1;
    letter-spacing: .317em;
    font-weight: 300;
}

.product-intro-nozai__title h4{
    font-size: .21rem;
    padding-right: 30px;
    font-weight: 400;
    letter-spacing: 0.2em;
}

.product-intro-nozai__list {
    width: 450px;
    max-width: 32.7%;
}

.product-intro-nozai__list > div{
    background-color: #F3EFEA;
    padding-top: 25px;
    padding-bottom: 25px;
}

.product-intro-nozai__list p{
    text-align: center;
    color: #fff;
    margin: 0 auto 22px;
    width: 210px;
    font-weight: 400;
}

.product-intro-nozai__list .effect-btn__shadow{
    margin: 0 auto 0 119px;
}

.product-intro-nozai__list .effect-btn__shadow span::after {
    width: 112px;
}

.nozai-blue div p{
    background-color: #0097DA;
}

.nozai-blue div .effect-btn__shadow{
    border: solid 1px #0097DA;
    color: #0097DA;
}

.nozai-blue div .effect-btn__shadow span::after{
border-bottom: solid 1px #0097DA;
border-right: solid 1px #0097DA;
}

.nozai-green div p{
    background-color: #39B54A;
}

.nozai-green div .effect-btn__shadow{
    border: solid 1px #39B54A;
    color: #39B54A;
}

.nozai-green div .effect-btn__shadow span::after{
border-bottom: solid 1px #39B54A;
border-right: solid 1px #39B54A;
}

.nozai-pink div p{
    background-color: #E76A68;
}

.nozai-pink div .effect-btn__shadow{
    border: solid 1px #E76A68;
    color: #E76A68;
}

.nozai-pink div .effect-btn__shadow span::after{
border-bottom: solid 1px #E76A68;
border-right: solid 1px #E76A68;
}

@media only screen and (max-width: 1300px) and (min-width: 1000px){
	.product-intro-premium-sheet >img{
	width: calc(1120px - 150px);
	margin: -14vw auto 25px calc(100% - 1005px);
	}
	
	.gokan-our-prroducts{
	    text-align: left;
	}
	
		.product-intro-gokan {
    padding: 0 40px;
}

.product-intro-miscellaneous-goods__back p .pc_only{
display:block !important;
}
}

@media only screen and (max-width: 1100px) and (min-width: 1000px){
	.product-intro-premium-sheet > img.pc_only,
	.product-intro-premium-panel__back > img.pc_only,
	.product-intro-slit-panel__back > img.pc_only,
	.product-intro-woody-building-materials__back > img.pc_only{
	display:block !important;
	}
	

	
}

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

	.gokan-our-prroducts{
	    text-align: left;
	}
	
	.product-intro-gokan {
    padding: 0 40px;
}

.product-intro-premium-panel{
margin: 0 auto 170px;
}

    .product-intro-premium-sheet__back{
        width: calc(100% - 80px);
        /*flex-direction: column;*/
        margin-left: 0;
        margin: 0 auto;
		padding:42px 40px 88px;
    }
	
	.product-intro-miscellaneous-goods__back {
    width: calc(100% - 80px);
    flex-direction: row;
    margin: 0 auto 14px;
    align-items: center;
	padding:59px 40px 66px;
}
	
	.product-intro-slit-panel__back > div{
    width: 54%;
    margin: 0;
	}
	
	.product-intro-woody-building-materials__back >div{
    width: 40%;
    margin: 0;
	}
	
	.product-intro-premium-panel__back,
	.product-intro-woody-building-materials__back{
	        width: calc(100% - 80px);
			display:flex;
		    flex-direction: row-reverse;
    justify-content: space-between;
    margin-left: 0;
    margin: 0 auto 14px;
    padding: 50px 40px 46px;
	}
	
	.product-intro-woody-building-materials__back{
	padding: 60px 40px 0;
	}
	
	
	.product-intro-slit-panel__back{
	background-color:#5FA033;
	width: calc(100% - 80px);
	margin:0 auto 14px;
	padding:0 40px;
	    justify-content: space-between;
	}
	


 .product-intro-premium-panel__back > div{
    width: 45%;
    margin: 0;
}

 .product-intro-miscellaneous-goods__back > div{
    width: 40%;
    margin: 0;
}

.product-intro-premium-sheet__back > div {
    width: 54%;
}

    .product-intro-premium-sheet__back::before,
	.product-intro-premium-panel__back::after,
	.product-intro-slit-panel__back > div::before,
	.product-intro-woody-building-materials__back::after,
	.product-intro-miscellaneous-goods__back > div::before{
        display: none;
    }
    .product-intro-premium-sheet__back > div p,
	.product-intro-premium-panel__back > div p{
        margin-left: 0;
    }
	
	.product-intro-slit-panel__back > div p{
	margin: 0;
	}
	
	.product-intro-woody-building-materials__back p{
	margin: 0 auto;
	}
	
	.product-intro-premium-sheet > img.pc_only{
	display:block !important;
	width: 90%;
    margin: -19vw auto 14px;
	}
	
	.product-intro-premium-panel__back > img.pc_only{
		display:block !important;
	width: 42%;
	margin: 0px auto 14px;
	}
	
	.product-intro-slit-panel__back > img.pc_only{
    display: block !important;
    width: 52%;
    margin: 0;
}

.product-intro-woody-building-materials__back > img.pc_only{
    display: block !important;
    width: 56%;
    margin: 0;
	position:static;
}

	
	.product-intro-premium-sheet__back .effect-btn__shadow,
	.product-intro-premium-panel__back .effect-btn__shadow,
	.product-intro-slit-panel .effect-btn__shadow,
	 .product-intro-woody-building-materials__back .effect-btn__shadow,
	 .product-intro-miscellaneous-goods__back .effect-btn__shadow{
	display:block;
	}
	
	.product-intro-premium-sheet .effect-btn__shadow{
	    margin: -70px auto 0;
	}
	
.product-intro-miscellaneous-goods__back .effect-btn__shadow{
	position:absolute;
	bottom: 60px;
    left: 115px;
	}
	
	/*.product-intro-premium-sheet .effect-btn__shadow.sp_only,
	.product-intro-premium-panel .effect-btn__shadow.sp_only,
	.product-intro-slit-panel .effect-btn__shadow.sp_only,
	.product-intro-woody-building-materials .effect-btn__shadow.sp_only,
	.product-intro-miscellaneous-goods .effect-btn__shadow.sp_only{
	display:block !important;
	margin: 0 140px 0 auto;
	}*/
	
	/*.product-intro-main .effect-btn__shadow{
	border: solid 1px #000;
    color: #000;
	}
	
	.product-intro-main .effect-btn__shadow span::after {
    border-bottom: solid 1px #000;
    border-right: solid 1px #000;
}*/
	
	
	.product-intro-premium-panel__back > img{
	position: static;
	}
	
	.product-intro-miscellaneous-goods__back > img{
	position: static;
	width:58%;
	margin: 0;
	}
	
	.product-intro-slit-panel__back > div img {
    width: 280px;
	margin-left: 0;
}

.product-intro-miscellaneous-goods__back > div p {
    margin-bottom: 40px;
}

}


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

    .product-intro-main .breadcrumb-title {
        border-bottom: none;
    }

	.product-intro-main .breadcrumb-title:before {
		width: 280px;
	}

    .product-intro-main .breadcrumb-title::after {
        background-color: #B17C32;
    }

    .product-intro-gokan{
        margin: 52px auto 0;
        padding-left: 0;
    }

    .product-intro-gokan h3 {
        line-height: 1.7;
        margin-bottom: 12px;
        padding: 0 20px;
    }

    .product-intro-gokan p:nth-of-type(1) {
        line-height: 2.13;
        margin-bottom: 30px;
        padding: 0 20px;
    }

    .gokan-our-prroducts {
        font-size: .50rem;
        line-height: 1.2;
        text-align: left;
        padding: 0 15px;
        margin-bottom: 15px;
    }

/* プレミアムシート */

.product-intro-premium-sheet__back{
    width: 94.5%;
    margin-left: 0;
    padding: 42px 0 166px;
}

.product-intro-premium-sheet__back img {
    width: 299px;
    margin: 0 auto 36px;
    display: block;
}

.product-intro-premium-sheet__back > div p {
    padding: 0px 16px 0 40px;
    letter-spacing: -0.009em;
}

.product-intro-premium-sheet__back > div {
    width: 100%;
}

.product-intro-premium-sheet > img {
    margin: 0 auto;
    margin: -170px 0 23px auto;
    width: 98%;
}


.product-intro-premium-sheet__back > a{
    display: none;
}

.product-intro-premium-sheet > a{
    display: block;
}

.product-intro-premium-sheet .effect-btn__shadow {
    margin: 0 auto 0 80px;
}

/* プレミアムシート */
.product-intro-premium-sheet {
    margin: 0 auto 58px;
}



.product-intro-premium-panel {
    margin: 0 auto 59px;
}

.product-intro-premium-panel__back {
    flex-direction: column-reverse;
    display: flex;
    width: 95%;
    margin-left: auto;
}

.product-intro-premium-panel__back >div {
    width: 81%;
    margin-left: 22px;
    margin-right: 0;
}

.product-intro-premium-panel__back >div img {
    margin-bottom: 15px;
    width: 233px;
}

.product-intro-premium-panel__back > img {
    position: static;
    margin-bottom: -148px;
    margin-top: 15px;
    margin-left: -7px;
    width: 98%;
}


.product-intro-premium-panel > a{
    display: block;
    margin: 99px auto 0 80px;
}

.product-intro-premium-panel__back .effect-btn__shadow{
    display: none;
}



/* スリットパネル */
.product-intro-slit-panel__back {
    display: block;
}

.product-intro-slit-panel__back > div {
    width: 94.5%;
    padding: 43px 0 110px;
}

.product-intro-slit-panel__back >img {
    margin-top: -87px;
    position: relative;
    z-index: 1;
    width: 94.6%;
    margin-right: auto;
    margin-left: 0;
}


.product-intro-slit-panel__back > div img {
    width: 221px;
    margin: 0 auto 19px 40px;
}

.product-intro-slit-panel__back > div p{
    margin: 0 auto;
}


.product-intro-slit-panel__back div a{
    display: none;
}

.product-intro-slit-panel > a{
    display: block;
}

.product-intro-slit-panel .effect-btn__shadow {
    margin: 32px 170px 16px auto;
}


/* 一般木材建築 */

.product-intro-slit-panel {
    margin: 0 auto 57px;
}

.product-intro-woody-building-materials__back p{
    margin-left: 20px;
    margin-bottom: 8px;
}

.product-intro-woody-building-materials__back > div img {
    margin-bottom: 19px;
    width: 213px;
    max-width: 100%;
    margin-left: 22px;
}

.product-intro-woody-building-materials__back {
    display: flex;
    flex-direction: column-reverse;
    width: 95%;
    margin-left: auto;
    padding: 41px 0 0;
}

.product-intro-woody-building-materials__back > img {
    position: static;
    margin-left: -10px;
    max-width: 103%;
}

.product-intro-woody-building-materials__back >div {
    width: 100%;
    margin-left: auto;
    margin-right: 100px;
}

.product-intro-woody-building-materials .effect-btn__shadow {
    margin: 29px 171px 0 auto;
}

.product-intro-woody-building-materials > a {
    display: block;
}

.product-intro-woody-building-materials__back > div a{
    display: none;
}

/* 木製雑貨 */
.product-intro-woody-building-materials {
    margin: 0 auto 59px;
}

.product-intro-miscellaneous-goods__back > img{
    display: none;
}

.product-intro-miscellaneous-goods__back{
    display: block;
    width: 95%;
    padding: 39px 0 66px;
	margin-bottom: 30px;
}

.product-intro-miscellaneous-goods__back > div {
    margin-left: 0;
    flex-direction: column;
    display: flex;
}

.product-intro-miscellaneous-goods__back > div img:nth-of-type(1){
    order: 1;
}


.product-intro-miscellaneous-goods__back div img:nth-of-type(2) {
    order: 4;
    width: 173px;
    margin-top: -33px;
    margin-left: 20px;
}

.product-intro-miscellaneous-goods__back > div img:nth-of-type(3){
    max-width: 106%;
    order: 2;
    width: 375px;
}
.product-intro-miscellaneous-goods__back > div p {
    margin-bottom: 18px;
    padding: 0 10px 0 40px;
    order: 2;
}

.product-intro-miscellaneous-goods__back div img:nth-of-type(1) {
    width: 151px;
    margin-bottom: 21px;
    /* padding: 0 11px; */
    margin-left: 39px;
}
.product-intro-miscellaneous-goods__back > .effect-btn__shadow{
    display: none
}

.product-intro-miscellaneous-goods .effect-btn__shadow {
    margin: 0px 172px 0 auto;
}

.product-intro-miscellaneous-goods {
    margin: 0px auto 64px;
}



/* ボタン */

.product-intro-main .effect-btn__shadow{
    border: solid 1px #000;
    color: #000;
}

.product-intro-main .effect-btn__shadow span::after{
    border-bottom: solid 1px #000;
    border-right: solid 1px #000;
    left: 2px;
    }

.product-intro-miscellaneous-goods__back > .effect-btn__shadow {
    display: none;
}


    /* 納材 */
    .product-intro-nozai__title p{
        display: none;
    }

    .product-intro-nozai__title {
        justify-content: center;
    }

    .product-intro-nozai__title h4{
        padding-right: 0;
    }

    .product-intro-nozai-zirei{
        display: block;
        padding: 0 20px;
    }

    .product-intro-nozai__list .effect-btn__shadow {
        margin: 0 auto 0 61px;
    }

    .product-intro-nozai {
        margin: 0 auto 0;
    }

	.product-intro-nozai__list {
		margin-bottom: 12px;
		max-width: 100%;
	}
}