/*-------------------------------------------------------------

about/content.css

-------------------------------------------------------------*/
.mainBox h1{
	font-size: 38rem;
	line-height: 1.2;
}
.mainBox h1 small{
	font-size: 95%;
}

.aboutoTopCom{
	margin-bottom: 50px;
	border-bottom:solid 5px #099;
	padding-bottom: 50px;
}
.aboutoTopCom p{
	font-size: 18rem;
	line-height: 1.8;
	padding:0 6em;
}
.aboutoTopCom p:first-of-type{
	line-height: 1.4;
	margin-bottom: 40px;
	padding-top: 10px;
}
.aboutoTopCom p big{
	font-size: 28rem;
	font-weight: bold;
}
.aboutoTopCom p small{
	font-size: 16rem;
}
.aboutoTopCom p strong{
	font-weight: normal;
}

.aboutoZu{
	display: flex;
	justify-content: center;
	margin-top: 30px;
}
.aboutoZu dl{
	display: flex;
	width:50%;
}
.aboutoZu dl.aboutoZuLeft{
	flex-direction: row-reverse;
}
.aboutoZu dt{
	width:20%;
	position: relative;
}
.aboutoZu dl.aboutoZuLeft dt{
	margin-left:10%;
}
.aboutoZu dl.aboutoZuRight dt{
	margin-right:10%;
}
.aboutoZu dl dt::after{
	content: "";
	position: absolute;
	width:50%;
	top:35%;
	transform: scaleY(2);
}
.aboutoZu dl.aboutoZuLeft dt::after{
	border: dotted 3px #ffe57a;
	left:-50%;
}
.aboutoZu dl.aboutoZuRight dt::after{
	border: dotted 3px #98d0dd;
	left:100%;
}
.aboutoZu dt .aboutoZuIcon{
	margin:16px 0 10px 0;
}
.aboutoZu dt .aboutoZuIcon img{
	width:100%;
	height:auto;
}
.aboutoZu dt .aboutoZuLeftCap{
	text-align: left;
	font-size:16rem;
}
.aboutoZu dt .aboutoZuRightCap{
	text-align: right;
	font-size:16rem;
}
.aboutoZu dd{
	padding:15px;
	text-align: left;
	font-size:16rem;
	line-height: 1.6;
	width:50%;
}
.aboutoZu dd.aboutoZuRightCom{
	background-color: #98d0dd;
}
.aboutoZu dd.aboutoZuLeftCom{
	background-color: #ffe57a;
}

.aboutLabelTopCom{
	margin-bottom: 30px;
}
.aboutLabelTopCom p{
	font-size: 18rem;
	line-height:1.6;
	text-align: left;
	padding:0 10em;
}
.aboutLabelBlock{
	margin-bottom: 50px;
	text-align: left;
}
.aboutLabelBlock h2{
	font-size:32rem;
	margin-bottom: 15px;
	text-align: left;
	color:#099;
}
.aboutLabelBlock h3{
	font-size: 24rem;
	margin-bottom: 15px;
}
.aboutLabelBlock p{
	font-size: 16rem;
	line-height: 1.8;
	margin-bottom: 40px;
}
.aboutLabelBlock p:last-of-type{
	margin-bottom: 0;
}
.aboutLabelBlock p small{
	font-size: 14rem;
}

.aboutLabelZu{
	margin-bottom: 40px;
}
.aboutLabelZu img{
	width:100%;
	height:auto;
}
.aboutLabelZuPc{
	display:block;
}
.aboutLabelZuSmp{
	display:none;
}

.aboutLabelShosai{
	display: none;
}

.aboutGuidelineCom a{
	line-height:1.6;
	display: inline-block;
	color:#099;
	border: solid 1px #099;
	padding:1em;
	font-size: 16rem;
	transition: 0.2s;
}
.aboutGuidelineCom a:hover{
	background-color: #cee;
}


/*-----834以下-----*/
@media screen and (max-width: 834px) {
	.mainBox h1{
		font-size: 22rem;
	}
	.mainBox h1 small{
		font-size: 95%
	}

	.aboutoTopCom{
		margin-bottom: 30px;
		border-bottom:solid 3px #099;
		padding: 0 2% 30px 2%;
	}
	.aboutoTopCom p{
		font-size: 16rem;
		padding:0;
	}
	.aboutoTopCom p:first-of-type{
		margin-bottom: 20px;
	}
	.aboutoTopCom p big{
		font-size: 20rem;
	}
	.aboutoTopCom p small{
		font-size: 14rem;
	}

	.aboutoZu{

	}
	.aboutoZu dl{
		display: block;
	}
	.aboutoZu dt{
		width:100%;
		position: relative;
	}
	.aboutoZu dl.aboutoZuLeft dt,
	.aboutoZu dl.aboutoZuRight dt{
		margin:0;
	}
	.aboutoZu dl dt::after{
		content: none;
	}
	.aboutoZu dt .aboutoZuIcon{
		margin:0 0 10px 0;
	}
	.aboutoZu dt .aboutoZuIcon img{
		width:70%;
		height:auto;
	}
	.aboutoZu dl.aboutoZuLeft dt .aboutoZuIcon{
		text-align: right;
	}
	.aboutoZu dl.aboutoZuRight dt .aboutoZuIcon{
		text-align: left;
	}
	.aboutoZu dt .aboutoZuLeftCap,
	.aboutoZu dt .aboutoZuRightCap{
		text-align: center;
		font-size:16rem;
		margin:0 0 10px 0;
	}
	.aboutoZu dd{
		padding:10px;
		text-align: left;
		font-size:14rem;
		line-height: 1.6;
		width:95%;
		box-sizing: border-box;
		margin:0 auto;
	}
	.aboutoZu dd.aboutoZuRightCom{
		background-color: #98d0dd;
	}
	.aboutoZu dd.aboutoZuLeftCom{
		background-color: #ffe57a;
	}

	.aboutLabelTopCom{
		margin-bottom: 30px;
		padding: 0 2%;
	}
	.aboutLabelTopCom p{
		font-size: 16rem;
		padding:0;
	}

	.aboutLabelBlock{
		margin-bottom: 30px;
		padding: 0 2%;
	}
	.aboutBlock h2{
		font-size:22rem;
		line-height: 1.4;
	}
	.aboutBlock h3{
		font-size:20rem;
		line-height: 1.4;
	}

	.aboutLabelShosai{
		display: block;
		padding:30px 2%;
		background-color: #f3f9f6;
		margin-bottom: 20px;
	}
	.aboutLabelShosaiBlock{
		text-align: left;
		margin-bottom: 30px;
	}
	.aboutLabelShosaiBlock:last-of-type{
		margin-bottom: 0;
	}
	.aboutLabelShosaiBlock h3{
		font-size: 18rem;
		color:#c67;
		margin-bottom: 5px;
	}
	.aboutLabelShosaiBlock p{
		font-size: 16rem;
		line-height: 1.6;
		margin-bottom: 0.3em;
		padding-left: 1.5em;
	}

	.aboutGuidelineCom{
		padding: 0 2%;
	}
	.aboutGuidelineCom a{
		line-height:1.6;
		display: inline-block;
		color:#099;
		border: solid 1px #099;
		padding:0.5em 1em;
		font-size: 14rem;
	}

}

/*-----768以下-----*/
@media screen and (max-width: 768px) {
	.aboutLabelZuPc{
		display:none;
	}
	.aboutLabelZuSmp{
		display:block;
	}
}