@charset "utf-8";
/* CSS Document */



/*----------------------
   反応染め色まとめ
----------------------*/
.printHannou .h2Cont h2{
	background-image: url(../../../_images/dye/hannou/main_img.webp);
}

.printHannou .hPrint{/*緑の花*/
	background-image: linear-gradient(to right, #118ab1 0%,#cdfffe 100%);
}
.printHannou .hPrint h2,
.printHannou .hPrint h3{
	background-image: url(../../../_images/common/bullet_flower_blue2.webp);
}
.printHannou .hPrint h2:after,
.printHannou .hPrint h3:after{
	background-image: linear-gradient(to right, #118ab1 0%,#cdfffe 100%);
}

/*--実績--*/
.printHannou .trackrecordBox .hBox{
	background-image: linear-gradient(to right, #1c8285 0%, #82cac6 75%,#cdfef5 100%);
}
.printHannou .trackrecordBox .hBox h3{
	background-color: #b3e7e6;
	background-image: url(../../../_images/common/bg_pattern02.webp);
}
.printHannou .trackrecordBox .swiper-parent{
	background: #e8f3f4;
}
.printHannou .trackrecordBox .swiper-button-next{
	border-left: 15px solid #118ab1;
}
.printHannou .trackrecordBox .swiper-button-prev{
	border-right: 15px solid #118ab1;
}
/**/
.printHannou .featureCont .moreImg{
	background-image: url(../../../_images/dye/hannou/sample_img.webp);
	padding-top: 340px;
}
/**/
.printHannou .aboutPrint dl dt{
	background-image: url(../../../_images/dye/hannou/about_print.webp);
}
.printHannou .aboutPrint dl dt span{
	background: rgba(17,138,177,0.8);
}

/*----活用例----*/
.printHannou .exampleCont dl dt{
	background-image: linear-gradient(to right, #a4d5e5 0%, #a4d5e5 60%,#fff 100%);
}
.printHannou .exampleCont dl:nth-of-type(1){
	background-image: url(../../../_images/dye/hannou/example_img01.webp);
}
.printHannou .exampleCont dl:nth-of-type(2){
	background-image: url(../../../_images/dye/hannou/example_img02.webp);
}

/*----その他----*/
.printHannou .otherCont .nouhinBox{
	background-image: url(../../../_images/dye/hannou/nouhin_img.webp);
}
.printHannou .otherCont .cautionBox{
	background-image: url(../../../_images/dye/hannou/caution_img.webp);
}

@media screen and (max-width: 768px) {
	.printHannou .featureCont .moreImg{
		padding-top: 35%;
	}
}