@charset "utf-8";

/* =====================
	common
======================= */
.flex-wrap{
	display:flex;
}

#page .main{
	margin:10px 0 0;;
}
#page .contact{
	font-size:1.0rem;
}
#page .contact .title{
	font:133% 'HanaMinA';
}

@media screen and (max-width: 480px){
	#page .contact .tel .ico-tel{
		font-size:200%;
	}
}
/* =====================
	main
======================= */
#container{
	color:#333;
}
#page .main{
	padding:0;
}
@media screen and (max-width: 896px){
	#container{
		padding:10px;
	}
}
@media screen and (max-width: 480px){
	#container{
		margin-top:70px;
	}
}
.graveyard2 .main-visual h1{
	font:200% 'HanaMinA';
	font-weight:600;
}
.graveyard2 .main-visual p{
	font-size:1.0rem;
	padding:15px 10px;
}
@media screen and (max-width: 480px){
	.graveyard2 .main-visual h1{
		font:180% 'HanaMinA';
		font-weight:600;
		
	}
	.graveyard2 .main-visual h1 span:before{
		content: "\A";
	white-space: pre;
	}
}
.main-box .figure{
	display:flex;
}
.main-box .figure .figure-box{
	width:50%;
	padding:1px;
}
.main-box .figure .figure-box img{
	max-width:100%;
}
.main-box .box ul.list{
	padding:15px;
	border:1px solid #bbb;
	width:63%;
}
.graveyard2 .main .list li:before{
	font:13px 'FontAwesome';
	content:'\f111';
	margin-right:8px;
}
@media screen and (max-width: 896px){
	.main-box .box ul.list{
		width:95%;
	}
}
#page .main .section{
	margin:40px 0 0;
}
.graveyard2 .main .img-style img{
	float:left;
	width:330px;
	margin-right:30px;
}
.graveyard2 .main .img-style p{
	padding:65px 0;
}