@charset "utf-8";
/*----------------------------------------------- PC -----------------------------------------------*/
@media all and (min-width:769px){
	.sp {
	display: none;
}
	.pc {
	display: block;
}

#content {
	margin: 0px auto;
	width: 100%;
	overflow: hidden;
}
#content-body {
	width: 100%;
	margin: 0px auto;
}
.bigicon {
	width: 256px;
	margin: 75px auto 0px;
	padding-top: 20px;
	z-index: 20;
}
.bigicon img {
	width: 100%;
}
/* -- mein -- */
#main-image {
	width: 100%;
	height: 44vw;
	min-height: 450px;
	max-height: 679px;
	text-align: center;
	margin: auto auto 0px;
	background-color: rgba(66,169,189,0.65);
}
#main-image img {
	width: 100%;
	min-width: 1000px;
	max-width: 1500px;
	background-color: #F6EED8;
}

/* -- about -- */
#about {
	width: 100%;
	min-width: 1000px;
	max-width: 1500px;
	margin: auto auto;
	text-align: center;
}
.about-icon {
	width: 304px;
	margin: -108px auto -30px;
}
.about-board {
	width: 1000px;
	margin: 50px auto 250px;
}
.about-board img {
	width: 100%;
}
.about-board_s {
	width: 1000px;
	margin: 0 auto;
	height: 1700px;
	background-image: url("../img/about/about-board_01.png");
	background-repeat: no-repeat;
	position: relative;
}
.about-board_s img {
	width: 100%;
}
.about-board_s .about_txt01,
.about-board_s .about_txt02,
.about-board_s .about_txt03,
.about-board_s .about_txt04{color: #fff; font-size: 14px; line-height: 1.6em; letter-spacing: 0.001em ;text-align: justify;
text-justify: inter-ideograph;}

.about-board_s .about_txt01{width: 420px; position: absolute; top: 350px; left: 185px; letter-spacing: -0.1em;}
.about-board_s .about_txt02{width: 270px; position: absolute; top: 670px; left: 185px;}
.about-board_s .about_txt03{width: 270px; position: absolute; top: 670px; right: 145px;}
.about-board_s .about_txt04{width: 380px; position: absolute; bottom: 670px; left: 340px;}
.about-board_s .about_txt05{width: 650px; position: absolute; bottom: 450px; right: 145px; display: flex;}
.about-board_s .about_txt05 ul{margin-right: 50px;}
.about-board_s .about_txt05 ul li{color: #fff; font-size: 20px; line-height: 2.4em; letter-spacing: 0.001em ; text-align: left; text-decoration-color:#CB5464;text-decoration-line: underline;font-weight: 600;}

/*
.about-back {
	width: 100%;
	position: absolute;
	top: 0;
	left: 50%;
	-webkit-transform: translate(-50%,0%);
	-moz-transform: translate(-50%,0%);
	-ms-transform: translate(-50%,0%);
	-o-transform: translate(-50%,0%);
	transform: translate(-50%,0%);
	z-index: 1;
}
.about-1 {
	width: 345px;
	position: absolute;
	top: 265px;
	left: 110px;
	z-index: 2;
}
.about-1 img {
	width: 100%;
}
.about-logo {
	width: 180px;
	position: absolute;
	top: 315px;
	right: 100px;
	z-index: 2;
}
.about-2 {
	width: 237px;
	position: absolute;
	top: 480px;
	left: 100px;
	z-index: 2;
}
.about-2 img {
	width: 100%;
}
.about-3 {
	width: 345px;
	position: absolute;
	top: 575px;
	right: 75px;
	z-index: 2;
}
.about-3 img {
	width: 100%;
}
.about-4 {
	width: 345px;
	position: absolute;
	top: 790px;
	left: 210px;
	z-index: 2;
}
.about-4 img {
	width: 100%;
}*/

/* -- growth -- */
#growth {
	width: 100%;
	height: 1120px;
	margin: auto auto 85px;
	padding: 0px 0px 290px;
	background-color: #b3c5b7;
	position: relative;
	z-index: 1;
}
.growth-top {
	width: 1500px;
	position: absolute;
	top: 105px;
	left: 50%;
	-webkit-transform: translate(-50%,-100%);
	-moz-transform: translate(-50%,-100%);
	-ms-transform: translate(-50%,-100%);
	-o-transform: translate(-50%,-100%);
	transform: translate(-50%,-100%);
	z-index: 5;
}
.growth-top img {
	width: 100%;
	background-color: #F6EED8;
}
.growth-under {
	width: 1500px;
	position: absolute;
	bottom: 243px;
	left: 50%;
	-webkit-transform: translate(-50%,100%);
	-moz-transform: translate(-50%,100%);
	-ms-transform: translate(-50%,100%);
	-o-transform: translate(-50%,100%);
	transform: translate(-50%,100%);
	z-index: 5;
}
.growth-under img {
	width: 100%;
	background-color: #F6EED8;
}
.growth-contents {
	width: 100%;
	min-width: 1000px;
	max-width: 1500px;
	text-align: center;
	margin: auto;
	position: absolute;
	top: -60px;
	left: 50%;
	-webkit-transform: translate(-50%,0%);
	-moz-transform: translate(-50%,0%);
	-ms-transform: translate(-50%,0%);
	-o-transform: translate(-50%,0%);
	transform: translate(-50%,0%);
	z-index: 10;
}
.growth-text {
	margin: 130px auto 30px;
	font-size: 34px;
	letter-spacing: 0.01em;
	font-weight: 600;
	color: #603813;
}
.growth-list {
	width: 850px;
	display: flex;
	justify-content: space-around;
	margin: auto auto 10px;
	text-align: left;
	z-index: 5;
}
.growth-item {
	width: 230px;
	text-align: center;
}
.square {
}
.pentagon {
}
.growth-item img {
	width: 100%;
}
.growth-item p {
	font-size: 28px;
	font-weight: 600;
	line-height: 1.3;
}

/* -- know -- */
#camp {
	width: 100%;
	min-width: 1000px;
	max-width: 1500px;
	margin: auto auto 170px;
	text-align: center;
}
.camp-contents {
	width: 770px;
	height: 1100px;
	margin: auto auto;
	position: relative;
}
.camps-back {
	width: 100%;
	position: absolute;
	top: 0;
	left: 50%;
	-webkit-transform: translate(-50%,0%);
	-moz-transform: translate(-50%,0%);
	-ms-transform: translate(-50%,0%);
	-o-transform: translate(-50%,0%);
	transform: translate(-50%,0%);
	z-index: 1;
}
.camps-logo {
	width: 205px;
	position: absolute;
	top: 60px;
	left: 50%;
	-webkit-transform: translate(-50%,0%);
	-moz-transform: translate(-50%,0%);
	-ms-transform: translate(-50%,0%);
	-o-transform: translate(-50%,0%);
	transform: translate(-50%,0%);
	z-index: 2;
}
.camp-titel {
	width: 465px;
	border-bottom: 2px solid #603813;
	padding-bottom: 0px;
	position: absolute;
	top: 190px;
	left: 50%;
	-webkit-transform: translate(-50%,0%);
	-moz-transform: translate(-50%,0%);
	-ms-transform: translate(-50%,0%);
	-o-transform: translate(-50%,0%);
	transform: translate(-50%,0%);
	z-index: 2;
}
.camp-titel p {
	font-size: 22.5px;
	color: #603813;
	font-weight: bold;
}
.camp-images {
	width: 600px;
	position: absolute;
	top: 265px;
	left: 50%;
	-webkit-transform: translate(-50%,0%);
	-moz-transform: translate(-50%,0%);
	-ms-transform: translate(-50%,0%);
	-o-transform: translate(-50%,0%);
	transform: translate(-50%,0%);
	z-index: 2;
}
.camp-img1 {
	width: 388px;
	margin-left: 0px;
	float: left;
}
.camp-img2 {
	width: 195px;
	margin-bottom: 10px;
}
.camp-img3 {
	width: 195px;
}
.camp-text {
	width: 600px;
	font-weight: 600;
	position: absolute;
	top: 595px;
	left: 50%;
	-webkit-transform: translate(-50%,0%);
	-moz-transform: translate(-50%,0%);
	-ms-transform: translate(-50%,0%);
	-o-transform: translate(-50%,0%);
	transform: translate(-50%,0%);
	z-index: 2;
	text-align: left;
	clear: left;
}
.camp-text p {
	font-size: 14px;
	font-weight: 600;
	letter-spacing: -0.025em;
	text-align: justify;
}

/* -- menu -- */
.menu-top {
	width: 1500px;
	margin: -730px auto -58px;
}
.menu-top img {
	width: 100%;
	background-color: #F6EED8;
}
#menu {
	width: 100%;
	margin: auto auto;
	padding: 83.5px 0px 113px;
	text-align: center;
	background-color: rgba(165,198,217,0.8);
}
.menu-contents{
	width: 100%;
	max-width: 1500px;
	height: 250px;
	margin: auto;
	position: relative;
}
.swan {
	width: 100px;
	position: absolute;
	top: 0;
	right: 5%;
}
.swan img {
	width: 100%;
	margin: -53.5px auto auto;
}
.boat {
	width: 160px;
	position: absolute;
	top: 200px;
	left: 4%;
}
.boat img {
	width: 100%;
	margin: auto;
}
.pdf_concept{max-width: 540px; margin: 60px auto 0;}
	.pdf_concept img{width: 100%;}

}
/*----------------------------------------------- SP -----------------------------------------------*/
@media all and (max-width:768px){
	.pc {
	display: none;
}

	.sp {
	display: block;
}

#content {
	margin: 0px auto;
	width: 100%;
	overflow: hidden;
}
#content-body {
	width: 100%;
	margin: 0px auto;
}
.bigicon {
	width: 200px;
	margin: 75px auto 0px;
	padding-top: 20px;
	z-index: 20;
}
.bigicon img {
	width: 100%;
}
/* -- mein -- */
#main-image {
	width: 100%;
	text-align: center;
	margin: auto auto 0px;
	background-color: rgba(66,169,189,0.65);
}
#main-image img {
	width: 100%;
	background-color: #F6EED8;
}

/* -- about -- */
#about {
	width: 100%;
	margin: auto auto 70px;
	text-align: center;
}
.about-icon {
	width: 150px;
	margin: -60px auto -30px;
}
.about-board {
	width: 90%;
	margin: auto;
	margin: 20px auto 0px;
}
.about-board img {
	width: 100%;
}
.about-board_s {
	width: 90%;
	margin: 0 auto;
	height: auto;
}
.about-board_s img {
	width: 100%;
}

/*
.about-back {
	width: 100%;
	position: absolute;
	top: 0;
	left: 50%;
	-webkit-transform: translate(-50%,0%);
	-moz-transform: translate(-50%,0%);
	-ms-transform: translate(-50%,0%);
	-o-transform: translate(-50%,0%);
	transform: translate(-50%,0%);
	z-index: 1;
}
.about-1 {
	width: 45%;
	position: absolute;
	top: 31vw;
	left: 11vw;
	z-index: 2;
}
.about-1 img {
	width: 100%;
}
.about-logo {
	width: 25%;
	position: absolute;
	top: 37vw;
	right: 12vw;
	z-index: 2;
}
.about-2 {
	width: 32%;
	position: absolute;
	top: 57vw;
	left: 10vw;
	z-index: 2;
}
.about-2 img {
	width: 100%;
}
.about-3 {
	width: 47%;
	position: absolute;
	top: 70vw;
	right: 8vw;
	z-index: 2;
}
.about-3 img {
	width: 100%;
}
.about-4 {
	width: 48%;
	position: absolute;
	top: 95vw;
	left: 25vw;
	z-index: 2;
}
.about-4 img {
	width: 100%;
}*/

/* -- growth -- */
#growth {
	width: 100%;
	margin: auto auto 60px;
	padding: 0px 0px;
	background-color: #b3c5b7;
	position: relative;
	z-index: 1;
}
.growth-top {
	width: 100%;
	margin: auto auto;
}
.growth-top img {
	width: 100%;
	background-color: #F6EED8;
}
.growth-under {
	width: 100%;
	margin: 15px auto auto;
}
.growth-under img {
	width: 100%;
	background-color: #F6EED8;
}
.growth-contents {
	width: 90%;
	text-align: center;
	margin: auto;
    padding-bottom: 0;
}
.growth-text {
	margin: 30px auto;
	font-size: 24px;
	line-height: 1.5;
	letter-spacing: 0.01em;
	font-weight: 600;
	color: #603813;
}
.growth-list {
	width: 100%;
	margin: auto;
	text-align: left;
}
.growth-item {
	width: 70%;
	max-width: 250px;
	margin: auto auto 40px;
	text-align: center;
}
.square {
}
.pentagon {
}
.growth-item img {
	width: 100%;
}
.growth-item p {
	font-size: 22px;
	font-weight: 600;
	line-height: 1.3;
    margin-top: 10px;
}

/* -- know -- */
#camp {
	width: 100%;
	height: auto;
	margin: 40px auto 50px;
	text-align: center;
}
.camp-contents {
	width: 90%;
	margin: auto auto -130px;
}
.camp-contents img {
	width: 100%;
	position: relative;
	z-index: 10;
}

/* -- menu -- */
.menu-top {
	width: 100%;
	margin: auto auto;
}
.menu-top img {
	width: 100%;
	background-color: #F6EED8;
}
#menu {
	width: 100%;
	margin: auto auto;
	text-align: center;
	background-color: rgba(165,198,217,0.8);
}
.menu-contents{
	width: 100%;
	padding: 100px 0px 40px;
	margin: auto;
	position: relative;
}
.swan {
	display: none;
	width: 60px;
	position: absolute;
	top: 0;
	right: 5%;
}
.swan img {
	width: 100%;
	margin: auto;
}
.boat {
	display: none;
	width: 80px;
	position: absolute;
	top: 40px;
	left: 5%;
}
.boat img {
	width: 100%;
	margin: auto;
}
.pdf_concept{max-width: 70%; margin: 40px auto 0;}
	.pdf_concept img{width: 100%;}


}