@charset "utf-8";

@font-face {font-family: Ryumin-Pro; src: url(fonts/Ryumin-Pro.otf);}

main {padding: 100px 0; margin-top: 80px;}
main a:hover {opacity: 0.7;}
.bold {font-weight: bold;}
.container {max-width: 1170px; width: calc(100% - 40px); margin: 0 auto;}
.flexBox {display: flex; flex-wrap: wrap; justify-content: space-between;}

h2 {font-size: 56px; text-align: center; letter-spacing: 0.1em; margin-bottom: 60px; line-height: 1;}
h2 * {display: inline-block; vertical-align: middle;}
h2 img {height: 45px; margin-right: 5px;}

.btn_return{  max-width:156px; margin: 50px auto 0; display: block; text-align: center;}
.btn_return:hover{  opacity: 0.8;}

.box1 {border: 2px solid #96915c; background: #e9e5c3; padding: 50px 20px; border-radius: 20px; font-size: 24px; text-align: center; margin-bottom: 100px; line-height: 2;}
.box2 {margin-bottom: 100px;}
.box2 ul li {width: 25.65%;}
.box2 h3 {text-align: center; font-size: 55px; margin-bottom: 20px;}
.banner {margin-bottom: 100px;}
.banner .img480 {display: none;}
.listGreenpark li {width: 48.72%;}




/* MEDIA */

@media only screen and (max-width: 768px) {
	h2 {font-size: 8vw; margin-bottom: 20px;}
	h2 img {height: 7vw; margin-bottom: 8px;}
	
	.box1 {font-size: 20px; padding: 20px; text-align: left; margin-bottom: 60px;}
	.box2 {margin-bottom: 40px;}
	.box2 h3 {font-size: 7vw;}
	.box2 ul li {width: 30%;}
	.box2 ul li img {width: 100%;}
	.banner {margin-bottom: 40px;}
	.banner .pc {display: block;}
	.banner img {width: 100%;}
	.listGreenpark li {width: 100%; margin-bottom: 5%; text-align: center;}
}

@media only screen and (max-width: 480px) {
	.box2 ul li {width: 48%; margin-bottom: 4%;}
	.banner .pc {display: none;}
	.banner .img480 {display: block;}	
}