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

#content {
	margin: 0px auto;
	width: 100%;
	overflow: hidden;
}
#content-body {
	width: 100%;
	margin: 0px auto;
}
/* -- 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 -- */
#voice {
	width: 100%;
	min-width: 1000px;
	max-width: 1500px;
	margin: auto auto;
	text-align: center;
}
.voice-icon {
	width: 304px;
	margin: -108px auto -30px;
}
#voice p {
	font-size: 24px;
	font-weight: 600;
	letter-spacing: -0.01em;
	margin: -20px auto auto;
}

/* -- comment -- */
#comment {
	width: 100%;
	height: 3480px;
	min-width: 1000px;
	max-width: 1500px;
	margin: 60px auto auto;
	text-align: center;
	position: relative;
}
.comment-list {
	width: 700px;
	margin: auto;
	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: 5;
}
.comment-list img {
	width: 100%;
	margin: auto auto 50px;
}
.voice1_1{
	background-image: url("../img/voice/voice1_1.png");
	background-repeat: no-repeat;
	position: relative;
	height: 300px;
	width: 700px;
	background-size: contain;
}
	.voice1_1 dl{
		position: absolute;
		top: 22px;
		right: 33px;
		text-align: justify;
		text-justify: inter-ideograph;
		width: 480px;
		line-height: 1.1em;
	}
	.voice1_1 dl dt{
		font-size: 17px;
		color: #B25B5B;
		margin-bottom: 8px;
	}
	.voice1_1 dl dd{
		font-size: 12px;
		}

.voice2_1{
	background-image: url("../img/voice/voice2_1.png");
	background-repeat: no-repeat;
	position: relative;
	height: 280px;
	width: 700px;
	background-size: contain;
}
	.voice2_1 dl{
		position: absolute;
		top: 22px;
		left: 33px;
		text-align: justify;
		text-justify: inter-ideograph;
		width: 480px;
		line-height: 1.1em;
	}
	.voice2_1 dl dt{
		font-size: 17px;
		color: #4693CE;
		margin-bottom: 8px;
	}
	.voice2_1 dl dd{
		font-size: 12px;
		}
.voice3_1{
	background-image: url("../img/voice/voice3_1.png");
	background-repeat: no-repeat;
	position: relative;
	height: 300px;
	width: 700px;
	background-size: contain;
}
	.voice3_1 dl{
		position: absolute;
		top: 30px;
		right: 33px;
		text-align: justify;
		text-justify: inter-ideograph;
		width: 480px;
		line-height: 1.1em;
	}
	.voice3_1 dl dt{
		font-size: 17px;
		color: #9892B8;
		margin-bottom: 8px;
	}
	.voice3_1 dl dd{
		font-size: 12px;
		}

.voice4_1{
	background-image: url("../img/voice/voice4_1.png");
	background-repeat: no-repeat;
	position: relative;
	height: 280px;
	width: 700px;
	background-size: contain;
}
	.voice4_1 dl{
		position: absolute;
		top: 30px;
		left: 33px;
		text-align: justify;
		text-justify: inter-ideograph;
		width: 480px;
		line-height: 1.1em;
	}
	.voice4_1 dl dt{
		font-size: 17px;
		color: #D56F3B;
		margin-bottom: 8px;
	}
	.voice4_1 dl dd{
		font-size: 12px;
		}

.voice5_1{
	background-image: url("../img/voice/voice5_1.png");
	background-repeat: no-repeat;
	position: relative;
	height: 320px;
	width: 700px;
	background-size: contain;
}
	.voice5_1 dl{
		position: absolute;
		top: 40px;
		right: 33px;
		text-align: justify;
		text-justify: inter-ideograph;
		width: 480px;
		line-height: 1.1em;
	}
	.voice5_1 dl dt{
		font-size: 17px;
		color: #A29411;
		margin-bottom: 8px;
	}
	.voice5_1 dl dd{
		font-size: 12px;
		}

.voice6_1{
	background-image: url("../img/voice/voice6_1.png");
	background-repeat: no-repeat;
	position: relative;
	height: 270px;
	width: 700px;
	background-size: contain;
}
	.voice6_1 dl{
		position: absolute;
		top: 30px;
		left: 33px;
		text-align: justify;
		text-justify: inter-ideograph;
		width: 480px;
		line-height: 1.1em;
	}
	.voice6_1 dl dt{
		font-size: 17px;
		color: #599135;
		margin-bottom: 8px;
	}
	.voice6_1 dl dd{
		font-size: 12px;
		}
.voice7_1{
	background-image: url("../img/voice/voice7_1.png");
	background-repeat: no-repeat;
	position: relative;
	height: 280px;
	width: 700px;
	background-size: contain;
}
	.voice7_1 dl{
		position: absolute;
		top: 40px;
		right: 33px;
		text-align: justify;
		text-justify: inter-ideograph;
		width: 480px;
		line-height: 1.1em;
	}
	.voice7_1 dl dt{
		font-size: 17px;
		color: #B25B5B;
		margin-bottom: 8px;
	}
	.voice7_1 dl dd{
		font-size: 12px;
		}

.voice8_1{
	background-image: url("../img/voice/voice8_1.png");
	background-repeat: no-repeat;
	position: relative;
	height: 620px;
	width: 700px;
	background-size: contain;
}
	.voice8_1 dl{
		position: absolute;
		top: 22px;
		left: 33px;
		text-align: justify;
		text-justify: inter-ideograph;
		width: 480px;
		line-height: 1.25em;
	}
	.voice8_1 dl dt{
		font-size: 17px;
		color: #4693CE;
		margin-bottom: 12px;
	}
	.voice8_1 dl dd{
		font-size: 12px;
		}
		.voice8_1 dl dd strong{
		font-size: 15px;
		font-weight: 600;
		display: block;
		margin-bottom: 8px
	}

.voice9_1{
	background-image: url("../img/voice/voice9_1.png");
	background-repeat: no-repeat;
	position: relative;
	height: 230px;
	width: 700px;
	background-size: contain;
}
	.voice9_1 dl{
		position: absolute;
		top: 30px;
		right: 33px;
		text-align: justify;
		text-justify: inter-ideograph;
		width: 480px;
		line-height: 1.1em;
	}
	.voice9_1 dl dt{
		font-size: 17px;
		color: #9892B8;
		margin-bottom: 8px;
	}
	.voice9_1 dl dd{
		font-size: 12px;
		}

.voice10_1{
	background-image: url("../img/voice/voice10_1.png");
	background-repeat: no-repeat;
	position: relative;
	height: 250px;
	width: 700px;
	background-size: contain;
}
	.voice10_1 dl{
		position: absolute;
		top: 30px;
		left: 33px;
		text-align: justify;
		text-justify: inter-ideograph;
		width: 480px;
		line-height: 1.1em;
	}
	.voice10_1 dl dt{
		font-size: 17px;
		color: #D95A24;
		margin-bottom: 8px;
	}
	.voice10_1 dl dd{
		font-size: 12px;
		}

.voice11_1{
	background-image: url("../img/voice/voice11_1.png");
	background-repeat: no-repeat;
	position: relative;
	height: 300px;
	width: 700px;
	background-size: contain;
}
	.voice11_1 dl{
		position: absolute;
		top: 30px;
		right: 33px;
		text-align: justify;
		text-justify: inter-ideograph;
		width: 480px;
		line-height: 1.1em;
	}
	.voice11_1 dl dt{
		font-size: 17px;
		color: #A29411;
		margin-bottom: 8px;
	}
	.voice11_1 dl dd{
		font-size: 12px;
		}


/* -- growth -- */
#growth {
	width: 100%;
	height: 355px;
	margin: -1580px auto 1320px;
	padding: 0px 0px 290px;
	background-color: #b3c5b7;
	position: relative;
	z-index: -2;
}
.growth-top {
	width: 1500px;
	position: absolute;
	top: 109px;
	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: -1;
}
.growth-top img {
	width: 100%;
}
.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: -1;
}
.growth-under img {
	width: 100%;
	background-color: #F6EED8;
}

/* -- 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 {
	display: none;
	width: 100px;
	position: absolute;
	top: 0;
	right: 5%;
}
.swan img {
	width: 100%;
	margin: -53.5px auto auto;
}
.boat {
	display: none;
	width: 160px;
	position: absolute;
	top: 200px;
	left: 4%;
}
.boat img {
	width: 100%;
	margin: auto;
}
.menu-list {
	width: 758px;
	margin: auto auto;
	display: flex;
	justify-content: space-between;
}
.menu-list-item {
	width: 205px;
	height: 205px;
	border-radius: 50%;
	position: relative;
}
.menu-list a {
	text-decoration: none;
	color: #000000;
}
.menu-text {
	font-size: 11.6px;
	position: relative;
	top: -40px;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
.menu-list a img {
	width: 100%;
	border-radius: 50%;
}
}

/*----------------------------------------------- SP -----------------------------------------------*/
@media all and (max-width:768px){
.pc {
	display: none;
}
#content {
	margin: 0px auto;
	width: 100%;
	overflow: hidden;
}
#content-body {
	width: 100%;
	margin: 0px auto;
}
/* -- 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 -- */
#voice {
	width: 90%;
	margin: auto auto;
	text-align: center;
}
.voice-icon {
	width: 150px;
	margin: -60px auto -30px;
}
#voice p {
	font-size: 16px;
	font-weight: 600;
	letter-spacing: -0.01em;
	margin: 0 auto auto;
}
.voice1 {
	width: 90%;
	margin: auto auto;
	text-align: center;
}

.voice1 img{
	width: 100%
}
/* -- comment -- */
#comment {
	width: 90%;
	margin: 20px auto 60px;
	text-align: center;
}
.comment-list {
	width: 100%;
	margin: auto;
}
.comment-list img {
	width: 80%;
	margin: auto auto 30px;
}

/* -- growth -- */
#growth {
	width: 100%;
	margin: 0px auto;
	padding: 0px 0px;
	background-color: #b3c5b7;
	position: absolute;
	top: 280vw;
	z-index: -1;
}
.growth-contents {
	width: 100%;
	padding: 100px 0px;
	text-align: center;
	margin: auto;
}
.growth-top {
	width: 100%;
	background-color: #F6EED8;
}
.growth-top img {
	width: 100%;
}
.growth-under {
	width: 100%;
}
.growth-under img {
	width: 100%;
	background-color: #F6EED8;
}

/* -- 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: 70px;
	position: absolute;
	top: 0;
	right: 5%;
}
.swan img {
	width: 100%;
	margin: auto;
}
.boat {
	display: none;
	width: 120px;
	position: absolute;
	top: 670px;
	left: 5%;
}
.boat img {
	width: 100%;
	margin: auto;
}
}