@charset "utf-8";
.churu_terrine .catch img { width: 100%;}
.churu_terrine .bg_green { background: #008B36;}
.churu_terrine .bg_beige { background: #FFF3DB;}
.churu_terrine section { padding: 80px 0;}

.churu_terrine section.cont01 { background: url(/static/images/churu_terrine/cont03_03.png); background-size: 100vw;}
.churu_terrine section .cont01_inr dt { margin-bottom: 20px;}
.churu_terrine section .cont01_inr dt p { text-align: center; color: #fff; font-weight: 600; font-size: 30px; line-height: 1;}
.churu_terrine section .cont01_inr .churu_terrine_video { width: 700px; margin: 0 auto 40px auto; position: relative; border: 3px solid #fff;}
.churu_terrine section .cont01_inr .churu_terrine_video .video_inr { position: relative; width: 100%; padding-top: 56.25%;}
.churu_terrine section .cont01_inr .churu_terrine_video .video_inr iframe { position: absolute; top: 0; right: 0; width: 100%; height: 100%;}
.churu_terrine section .cont01_inr .churu_terrine_video .left { position: absolute; left: -150px; bottom: -80px;}
.churu_terrine section .cont01_inr .churu_terrine_video .right { position: absolute; right: -120px; bottom: -80px;}

.churu_terrine section.cont02 { padding: 80px 0 0 0;}
.churu_terrine section .cont02_inr { width: 900px; margin: 0 auto; position: relative;}
.churu_terrine section .cont02_inr .left { position: absolute; left: 0; top: 20%;}
.churu_terrine section .cont02_inr .right { position: absolute; right: 0; top: -80px;}
.churu_terrine section .cont02_inr dt { margin-bottom: 60px;}
.churu_terrine section .cont02_inr dt p { text-align: center; color: #713618; font-size: 30px; font-weight: 600;}
.churu_terrine section .cont02_inr dt p br { display: none;}
.churu_terrine section .cont02_inr dt p:nth-of-type(2) { display: flex; align-items: center; justify-content: center;}
.churu_terrine section .cont02_inr dt p img { display: block; margin-right: 10px;}
.churu_terrine section .cont02_inr dt p span { display: block; font-weight: 600; font-size: 40px; ; color: #713618;}
.churu_terrine section .cont02_inr dd img { width: 100%;}

.churu_terrine section.cont03 { background: url(/static/images/churu_terrine/cont03_03.png); background-size: 100vw;}
.churu_terrine section .cont03_inr { width: 900px; margin: 0 auto;}
.churu_terrine section .cont03_inr dt { margin-bottom: 20px;}
.churu_terrine section .cont03_inr dt h2 img { display: block; margin: 0 auto;}
.churu_terrine section .cont03_inr .features ul { display: flex; flex-wrap: wrap; row-gap: 20px;}
.churu_terrine section .cont03_inr .features ul li { width: calc((100% - 40px)/3); margin-right: 20px; background: #fff; padding: 30px 10px; border-radius: 10px;}
.churu_terrine section .cont03_inr .features ul li:last-of-type { margin-right: 0;}
.churu_terrine section .cont03_inr .features ul li span { display: flex; font-size: 25px; color: #368B00; font-weight: 600; justify-content: center; align-items: center; line-height: 1;}
.churu_terrine section .cont03_inr .features ul li span img { display: block; margin-right: 10px;}
.churu_terrine section .cont03_inr .features ul li h3 { display: table; font-size: 25px; font-weight: 600; text-align: center; margin: 30px auto 20px auto; line-height: 1; background: linear-gradient(transparent 0.8em, rgba(245, 191, 54, 1) 0, rgba(245, 191, 54, 1) calc(1.1em + 3px), transparent 0);}
.churu_terrine section .cont03_inr .features ul li p { text-align: center; font-weight: 600; font-size: 16px;}
.churu_terrine section .cont03_inr .churu_terrine_video li { margin-bottom: 20px;}
.churu_terrine section .cont03_inr .churu_terrine_video li  p { text-align: center; color: #fff; font-weight: 600; font-size: 30px; line-height: 1;}
.churu_terrine section .cont03_inr .churu_terrine_video { width: 700px; margin: 60px auto 40px auto; position: relative; }
.churu_terrine section .cont03_inr .churu_terrine_video ul li:last-of-type {border: 3px solid #fff;}
.churu_terrine section .cont03_inr .churu_terrine_video .video_inr { position: relative; width: 100%; padding-top: 56.25%;}
.churu_terrine section .cont03_inr .churu_terrine_video .video_inr iframe { position: absolute; top: 0; right: 0; width: 100%; height: 100%;}
.churu_terrine section .cont03_inr .churu_terrine_video .left { position: absolute; left: -150px; bottom: -80px;}
.churu_terrine section .cont03_inr .churu_terrine_video .right { position: absolute; right: -120px; bottom: -80px;}

.churu_terrine section.cont04 { padding: 0;}
.churu_terrine section .cont04_inr > dt { width: 900px; margin: 0 auto; padding: 80px 0 60px 0;}
.churu_terrine section .cont04_inr > dt h2 img { display: block; margin: 0 auto;}
.churu_terrine section .cont04_inr > dd { background: url(/static/images/churu_terrine/cont04_02.png); background-size: 100vw; padding: 60px 0 80px;}
.churu_terrine section .cont04_inr > dd ul { width: 900px; margin: 0 auto; padding: 50px; background: #FFF3DB; border-radius: 10px;}
.churu_terrine section .cont04_inr > dd ul li h3 { display: flex; align-items: center; width: 100%; justify-content: center; font-size: 40px; color: #368B00; font-weight: 600; border-top: 3px solid #80543D; border-bottom: 3px solid #80543D; padding: 20px 0; margin-bottom: 40px;}
.churu_terrine section .cont04_inr > dd ul li h3 span { font-weight: 600; font-size: 25px; color: #713618; display: block; padding-top: 10px;}
.churu_terrine section .cont04_inr > dd ul li h3 img { display: block; margin-right: 10px;}
.churu_terrine section .cont04_inr > dd ul li + li { margin-top: 60px;}
.churu_terrine section .cont04_inr > dd ul li .product_inr dt { margin-bottom: 20px;}
.churu_terrine section .cont04_inr > dd ul li .product_inr dt h4 { display: flex; font-size: 25px; font-weight: 600; color:#713618;}
.churu_terrine section .cont04_inr > dd ul li .product_inr dt h4 img { display: block; margin-right: 10px;}
.churu_terrine section .cont04_inr > dd ul li .product_inr dt h4 span { display: block; font-size: 16px; font-weight: 600; color:#713618; padding-top: 10px;}
.churu_terrine section .cont04_inr > dd ul li:last-of-type .product_inr dt h4 { border-left: 5px solid #368B00; padding-left: 10px; line-height: 1;}
.churu_terrine section .cont04_inr > dd ul li .product_inr dd { display: flex; flex-wrap: wrap; row-gap: 40px;}
.churu_terrine section .cont04_inr > dd ul li .product_inr dd.column4 .thum{ width: calc((100% - 180px)/4); margin-right: 60px;}
.churu_terrine section .cont04_inr > dd ul li .product_inr dd.column4 .thum:nth-of-type(4n) { margin-right: 0;}
.churu_terrine section .cont04_inr > dd ul li .product_inr dd.column3 .thum{ width: calc((100% - 120px)/3); margin-right: 60px;}
.churu_terrine section .cont04_inr > dd ul li .product_inr dd.column3 .thum:nth-of-type(3n) { margin-right: 0;}
.churu_terrine section .cont04_inr > dd ul li .product_inr dd .thum { text-decoration: none; transition: all .3s;}
.churu_terrine section .cont04_inr > dd ul li .product_inr dd .thum:hover { opacity: .8;}
.churu_terrine section .cont04_inr > dd ul li .product_inr dd .thum img { width: 100%;}
.churu_terrine section .cont04_inr > dd ul li .product_inr dd .thum p { font-size: 15px; color: #713618; text-align: center; font-weight: 600; margin-top: 15px;}
.churu_terrine section .cont04_inr > dd ul li .product_inr + .product_inr { margin-top: 60px;}
.churu_terrine section .cont04_inr > dd ul li .product_inr:last-of-type { position: relative;}
.churu_terrine section .cont04_inr > dd ul li .btn_area { margin-top: 40px;}
.churu_terrine section .cont04_inr > dd ul li .product_inr > .column4 > img { position: absolute; top: 5%; right: 5%; width: 45%;}
.churu_terrine section .cont04_inr > dd ul li .btn_area > a { display: block; width: 650px; background: #fff; border-radius: 20px; border: 3px solid #713618; padding: 40px 20px; margin: 0 auto; transition: all .3s; text-decoration: none;}
.churu_terrine section .cont04_inr > dd ul li .btn_area > a:hover { opacity: .7;}
.churu_terrine section .cont04_inr > dd ul li .btn_area > a > img { width: 80%; display: block; margin: 0 auto 20px auto;}
.churu_terrine section .cont04_inr > dd ul li .btn_area > a > p { display: flex; justify-content: center; align-items: center; color: #713618; font-weight: 600; font-size: 30px; line-height: 1;}
.churu_terrine section .cont04_inr > dd ul li .btn_area > a > p > img { display: block; margin-left: 10px;}

@media screen and (max-width:1000px) {
	.churu_terrine section .cont03_inr { width: 100%; padding: 0 4vw;}


}

@media screen and (max-width:900px) {
	.churu_terrine section .cont02_inr { width: 100%; padding: 60px 4vw 0 4vw;}

	.churu_terrine section .cont03_inr .features ul li h3 { font-size: 22px;}
	.churu_terrine section .cont03_inr .features ul li p { font-size: 16px;}

	.churu_terrine section .cont04_inr > dt { width: 100%; padding: 80px 4vw 60px 4vw;}
	.churu_terrine section .cont04_inr > dd { padding: 60px 4vw;}
	.churu_terrine section .cont04_inr > dd ul { width: 100%; padding: 30px;}
	.churu_terrine section .cont03_inr .churu_terrine_video { width: 600px;}

}

@media screen and (max-width:800px) {
	.churu_terrine section .cont02_inr dt p:nth-of-type(2) {display: block;}
	.churu_terrine section .cont02_inr dt p img { margin: 10px auto;}
	.churu_terrine section .cont03_inr dt h2 img { width: 100%;}
	.churu_terrine section .cont04_inr > dt h2 img { width: 100%;}
	.churu_terrine section .cont04_inr > dd ul li .btn_area > a { width: 100%;}
}

@media screen and (max-width:700px) {
	.churu_terrine section .cont02_inr dt p br { display: block;}
	.churu_terrine section .cont03_inr .features ul { row-gap: 20px;}
	.churu_terrine section .cont03_inr .features ul li { width: 100%; margin-right: 0;}
	.churu_terrine section .cont03_inr .churu_terrine_video .right ,
	.churu_terrine section .cont03_inr .churu_terrine_video .left { display: none;}

}

@media screen and (max-width:600px) {
	.churu_terrine section { padding: 60px 0;}
	.churu_terrine section.cont02 { padding: 0 4vw;}
	.churu_terrine section .cont02_inr dt { margin-bottom: 30px;}
	.churu_terrine section .cont02_inr dt p { font-size: 20px;}
	.churu_terrine section .cont02_inr dt p span { font-size: 20px;}
	.churu_terrine section .cont02_inr dt p img { width: 70%; margin: 10px auto;}
	.churu_terrine section .cont02_inr .right { width: 30px; top: 20px;}
	.churu_terrine section .cont02_inr .left { width: 30px; top: 45%;}

	.churu_terrine section .cont03_inr .features ul li h3 { font-size: 25px;}
	.churu_terrine section .cont03_inr .features ul li p { font-size: 18px;}
	.churu_terrine section .cont03_inr .churu_terrine_video li p { font-size: 25px;}
	.churu_terrine section .cont03_inr .churu_terrine_video { width: 100%; margin: 60px auto 0px auto;}

	.churu_terrine section .cont04_inr > dt { padding: 60px 4vw;}
	.churu_terrine section .cont04_inr > dd ul li h3 { font-size: 25px;}
	.churu_terrine section .cont04_inr > dd ul li h3 span { font-size: 23px; padding-top: 3px;}
	.churu_terrine section .cont04_inr > dd ul li .product_inr dd.column4 .thum { width: calc((100% - 20px) / 2); margin-right: 20px;}
	.churu_terrine section .cont04_inr > dd ul li .product_inr dd.column4 .thum:nth-of-type(2n) { margin-right: 0;}
	.churu_terrine section .cont04_inr > dd ul li .product_inr dd.column3 .thum { width: calc((100% - 20px) / 2); margin-right: 20px;}
	.churu_terrine section .cont04_inr > dd ul li .product_inr dd.column3 .thum:nth-of-type(2n) { margin-right: 0;}
	.churu_terrine section .cont04_inr > dd ul li .product_inr dd .thum p { font-size: 14px;}
	.churu_terrine section .cont04_inr > dd ul li:last-of-type .product_inr:last-of-type { padding-bottom: 250px;}
	.churu_terrine section .cont04_inr > dd ul li .product_inr > .column4 > img { top: 65%; right: 15%; width: 75%;}


	.churu_terrine section .cont04_inr > dd ul li .btn_area > a { padding: 20px;}
	.churu_terrine section .cont04_inr > dd ul li .btn_area > a > p { font-size: 18px;}

}