/**********************************************
	背景
**********************************************/
#detailBack {
	background-image:url("../images/guidance/back.jpg");
}

/**********************************************
	画像
**********************************************/
.topImage img {
	width:100%;
	height:auto;
}

@media screen and (orientation:landscape) {
	.land {
		display:block;
	}
	.port {
		display:none;
	}
}

@media screen and (orientation:portrait) {
	.land {
		display:none;
	}
	.port {
		display:block;
	}
}

.pageDetailTitle {
	margin-bottom:1em;
	text-align:center;
	font-size:200%;
	font-family:"Sawarabi Mincho";
}

.pageDetailText {
	line-height:200%;
	text-align:center;
	font-size:105%;
}

@media screen and (max-width:768px) {
	.pageDetailTitle {
		font-size:5.4vw;
	}

	.pageDetailText {
		text-align:left;
	}

	.pageDetailText br {
		display:none;
	}
}

/**********************************************
	明細ブロック
**********************************************/
.detailLeftUpperLeft {
	float:left;
	width:45%;
}

.detailLeftUpperRight {
	float:right;
	width:55%;
}

.detailRightUpperLeft {
	float:left;
	width:55%;
}

.detailRightUpperRight {
	float:right;
	width:45%;
}

.detailBox {
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
}

.detailBoxInner {
	padding:0 10vw;
}

.detailTitle {
	margin-bottom:0.25em;
	text-align:center;
	font-family:"Sawarabi Mincho";
	font-size:320%;
}

.detailSubTitle {
	margin-bottom:2em;
	text-align:center;
	font-size:180%;
	color:#14d0b3;
}

.detailText {
	line-height:175%;
	font-size:105%;
}

.detailImage {
	padding:0;
}

.detailImage img {
	width:100%;
	height:auto;
}

@media screen and (max-width:1024px) {
	.detailTitle {
		font-size:3vw;
	}

	.detailSubTitle {
		font-size:2vw;
	}
}

@media screen and (max-width:768px) {
	.detailLeftUpperLeft {
		float:none;
		width:100%;
	}

	.detailLeftUpperRight {
		float:none;
		width:100%;
	}

	.detailRightUpperLeft {
		float:none;
		width:100%;
	}

	.detailRightUpperRight {
		float:none;
		width:100%;
	}

	.detailBoxInner {
		padding:0 5vw;
	}

	.detailImage {
		padding:5vw;
	}

	.detailTitle {
		font-size:7vw;
	}

	.detailSubTitle {
		font-size:4vw;
	}
}

/**********************************************
	車海老が育つまで
**********************************************/
.growHeaderTitle {
	padding:2em 0;
	text-align:center;
	font-size:320%;
	font-family:"Sawarabi Mincho";
}

.growNumber {
	position:relative;
	margin-top:1em;
	text-align:center;
	font-size:200%;
}

.growNumber:before {
	content:'';
	position:absolute;
	display:inline-block;
	left:50%;
	top:-15px;
	width:60px;
	height:5px;
	background-color:#000;
	border-radius:2px;
	-webkit-transform:translateX(-50%);
	transform:translateX(-50%);
}

.growTitle {
	margin:1em;
	font-size:135%;
	font-weight:bold;
}

.growText {
	margin-right:1em;
	margin-bottom:20px;
	line-height:175%;
	font-size:95%;
}

.growImage img {
	margin-bottom:40px;
	width:100%;
	height:auto;
}

@media screen and (max-width:768px) {
	.growHeaderTitle {
		font-size:8vw;
	}

	.growNumber:before {
		left:50%;
		bottom:-15px;
		width:60px;
		height:5px;
	}

	.growTitle {
		margin:1em 0;
		text-align:center;
		font-size:135%;
		font-weight:bold;
	}
}