@charset "utf-8";

#wrap {
	padding-top:50px;
}

#indexKv {
	width:100%;
}
#indexKv span {
	display:block;
	width:1000px;
	background-color:#FFF;
	height:60px;
	position:absolute;
	bottom:0;
	left:calc((100% - 1000px) / 2);
}
	@media(max-width:1050px) {
		#indexKv span {
			width:100%;
			height:50px;
			left:0;
		}
	}
	@media(max-width:767px) {
		#indexKv span {
			height:30px;
		}
	}

/* news
---------------------------------------------- */

#news {
	margin-bottom:120px;
}
	@media(max-width:767px) {
		#news {
			margin-bottom:80px;
		}
	}

#news > header {
	width:18.75%;
	float:left;
	margin-right:4.17%;
}
	@media(max-width:767px) {
		#news > header {
			width:auto;
			float:none;
			margin-right:0;
		}
	}

#news > header > h2 {
	display:inline-block;
	width:50px;
	border-top:2px solid #8C0000;
	padding-top:12px;
	line-height:50px;
	margin:0 0 25px 60px;
	font-family:"游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","ＭＳ Ｐ明朝",serif;
	font-size:32px;

	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
}
@media all and (-ms-high-contrast:none) {
	#news > header > h2 {
		font-family:serif;
	}
}

	@media(max-width:979px) {
		#news > header > h2 {
			margin:0 0 15px 45px;
		}
	}
	@media(max-width:767px) {
		#news > header > h2 {
			display:inline-block;
			width:auto;
			border-top:none;
			padding:0 0 0 12px;
			border-left:2px solid #8C0000;
			margin:0 0 15px 0;
			font-size:24px;
			line-height:32px;

			-webkit-writing-mode: horizontal-tb	;
			-ms-writing-mode: lr-tb;
			writing-mode: horizontal-tb	;
		}
	}

#news > header > a {
	display:block;
	width:80px;
	height:80px;
	background-color:#333;
	text-align:center;
	margin-left:48px;

	border-radius:40px;
	-moz-border-radius:40px;
	-webkit-border-radius:40px;	
}
	@media(max-width:979px) {
		#news > header > a {
			margin-left:33px;
		}
	}
	@media(max-width:767px) {
		#news > header > a {
			float:right;
			width:auto;
			height:auto;

			border-radius:0px;
			-moz-border-radius:0px;
			-webkit-border-radius:0px;	
		}
	}

#news > header > a:hover {
	opacity:0.8;
}

#news > header > a > span {
	display:block;
	color:#FFF;
	font-size:19px;
	line-height:1.3;
	padding-top:16px;
}
	@media(max-width:767px) {
		#news > header > a > span {
			padding-top:0;
			line-height:24px;
			margin-top:3px;
			font-size:16px;
			padding:0 5px;
		}
	}

#news > nav {
	width:71.875%;
	float:left;
}
	@media(max-width:767px) {
		#news > nav {
			width:auto;
		}
	}

#news > nav > ul > li {
	width:46.37%;
	float:left;
	margin-right:6.25%;
}
#news > nav > ul > li:last-child {
	margin-right:0;
}
#news > nav > ul > li p {
	display:block;
}
	@media(max-width:767px) {
		#news > nav > ul > li p {
			font-size:16px;
		}
	}

#news > nav > ul > li p span {
	display:inline-block;
	border:1px solid #333;
	padding:5px 8px;
	margin-right:10px;
}
	@media(max-width:767px) {
		#news > nav > ul > li p time {
			display:block;
			padding-top:5px;
		}
	}

#news > nav > ul > li strong {
	display:block;
	line-height:1.3;
	padding:5px 0;
}
#news > nav > ul > li img {
	width:100%;
	height:auto;
}
#news > nav > ul > li a:hover img {
	opacity:0.8;
}



/* video
---------------------------------------------- */

#video {
	margin-bottom:150px;
}
	@media(max-width:767px) {
		#video {
			margin-bottom:100px;
		}
	}

#video > header > h2 {
	font-size:32px;
	font-family:"游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","ＭＳ Ｐ明朝",serif;
	line-height:1.3;
	text-align:center;
	border-bottom:1px solid #999;
	padding-bottom:8px;
	margin-bottom:50px;
}

	@media(max-width:767px) {
		#video > header > h2 {
			font-size:28px;
			margin-bottom:30px;
		}
	}
	@media(max-width:479px) {
		#video > header > h2 {
			font-size:24px;
		}
	}

#video > ul > li {
	width:40%;
	float:left;
	margin:0 5%;
}
	@media(max-width:767px) {
		#video > ul > li {
			width:46%;
			margin:0;
		}
		#video > ul > li:nth-child(even) {
			width:46%;
			float:right;
		}
	}

#video > ul > li > a {
	display:block;
	text-align:center;
	line-height:1.3;
}
#video > ul > li > a > img {
	width:100%;
	margin-bottom:5px;
}



/* service
---------------------------------------------- */

#service {
	margin-bottom:150px;
}
#service > header > h2 {
	font-size:32px;
	font-family:"游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","ＭＳ Ｐ明朝",serif;
	line-height:1.3;
	text-align:center;
	border-bottom:1px solid #999;
	padding-bottom:8px;
	margin-bottom:50px;
}

	@media(max-width:767px) {
		#service > header > h2 {
			font-size:28px;
			margin-bottom:40px;
		}
	}
	@media(max-width:479px) {
		#service > header > h2 {
			font-size:24px;
		}
	}

#service > ul > li {
	margin-bottom:100px;
}

#service > ul > li header {
	width:55.208%;
}
#service > ul > li#butsudan header, #service > ul > li#reien header, #service > ul > li#temotokuyou header {
	float:left;
}
#service > ul > li#boseki header, #service > ul > li#jumokusou header {
	float:right;
}
	@media(max-width:767px) {
		#service > ul > li header {
			width:100%;
			background-color:#F6F6F6;
			margin-bottom:15px;
		}
	}

#service > ul > li figure {
	width:90.566%;
}
#service > ul > li#butsudan header figure, #service > ul > li#reien header figure, #service > ul > li#temotokuyou header figure {
	float:left;
}
#service > ul > li#boseki header figure, #service > ul > li#jumokusou header figure {
	float:right;
}
	@media(max-width:767px) {
		#service > ul > li header figure {
			width:50%;
		}
	}


#service > ul > li figure img {
	width:100%;
}

#service > ul > li header h3 {
	width:18.868%;
	/* height js */
	background-color:#FFF;
}
	@media(max-width:767px) {
		#service > ul > li header h3 {
			width:auto;
			background-color:transparent;
			margin-left:20% !important;
		}
	}
	@media(max-width:479px) {
		#service > ul > li header h3 {
			margin-left:5% !important;
		}
	}

#service > ul > li#butsudan header h3, #service > ul > li#reien header h3, #service > ul > li#temotokuyou header h3 {
	float:left;
	margin-left:-9.434%;
}
#service > ul > li#boseki header h3, #service > ul > li#jumokusou header h3 {
	float:right;
	margin-right:-9.434%;
}
	@media(max-width:767px) {
		#service > ul > li#boseki header h3, #service > ul > li#jumokusou header h3 {
			float:left;
		}
	}

#service > ul > li header h3 span {
	display:block;
	padding:12px 0 0 0;
	margin:30px 25px 0 25px;
	letter-spacing:5px;
	line-height:1;
	vertical-align:top;

	font-family:"游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","ＭＳ Ｐ明朝",serif;
	font-size:42px;

	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
}
@media all and (-ms-high-contrast:none) {
	#service > ul > li header h3 span {
		font-family:serif;
	}
}

	@media(max-width:979px) {
		#service > ul > li header h3 span {
			font-size:33px;
		}
	}
	@media(max-width:767px) {
		#service > ul > li header h3 span {
			margin:10px 0 0 0;
			font-size:28px;
		}
	}
	@media(max-width:479px) {
		#service > ul > li header h3 span {
			width:auto;
			line-height:1.3;
			padding-top:0;
			padding-left:8px;
			margin:0;
			font-size:24px;

			-webkit-writing-mode: horizontal-tb	;
			-ms-writing-mode: lr-tb;
			writing-mode: horizontal-tb	;
		}
	}

#service > ul > li#butsudan header h3 span {
	border-top:2px solid #04507A;
}
#service > ul > li#boseki header h3 span {
	border-top:2px solid #555555;
}
#service > ul > li#reien header h3 span {
	border-top:2px solid #4E8B36;
}
#service > ul > li#jumokusou header h3 span {
	border-top:2px solid #DA4D86;
}
#service > ul > li#temotokuyou header h3 span {
	border-top:2px solid #B8A85F;
}
	@media(max-width:979px) {
		#service > ul > li#temotokuyou header h3 span {
			font-size:31px;
			letter-spacing:4px;
		}
	}
	@media(max-width:767px) {
		#service > ul > li#temotokuyou header h3 span {
			font-size:28px;
			letter-spacing:0px;
		}
	}
	@media(max-width:639px) {
		#service > ul > li#temotokuyou header h3 span {
			font-size:24px;
			letter-spacing:0px;
		}
	}

	@media(max-width:479px) {
		#service > ul > li#butsudan header h3 span {
			border-top:none;
			border-left:2px solid #04507A;
		}
		#service > ul > li#boseki header h3 span {
			border-top:none;
			border-left:2px solid #555555;
		}
		#service > ul > li#reien header h3 span {
			border-top:none;
			border-left:2px solid #4E8B36;
		}
		#service > ul > li#jumokusou header h3 span {
			border-top:none;
			border-left:2px solid #DA4D86;
		}
		#service > ul > li#temotokuyou header h3 span {
			border-top:none;
			border-left:2px solid #B8A85F;
		}
	}

#service > ul > li div {
	width:43.75%;
	padding-top:70px;
}
	@media(max-width:979px) {
		#service > ul > li div {
			padding-top:0;
		}
	}
	@media(max-width:767px) {
		#service > ul > li div {
			width:auto;
			float:none !important;
		}
	}

#service > ul > li#butsudan div, #service > ul > li#reien div, #service > ul > li#temotokuyou div {
	float:right;
}
#service > ul > li#boseki div, #service > ul > li#jumokusou div {
	float:left;
}
#service > ul > li div strong {
	display:block;
	font-family:"游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","ＭＳ Ｐ明朝",serif;
	font-size:28px;
	line-height:1.3;
	margin-bottom:20px;
}
	@media(max-width:767px) {
		#service > ul > li div strong {
			font-size:24px;
			margin-bottom:10px;
		}
	}

#service > ul > li div p {
	font-size:20px;
	line-height:1.3;
	margin-bottom:20px;
}
#service > ul > li div a {
	display:block;
	color:#FFF;
	font-size:20px;
	width:280px;
	text-align:center;
	padding:8px 0;
	float:right;
	background:url(../shared/images/bg_btn1.png) right 10px center no-repeat #333;
	background-size:8px 14px;
}
	@media(max-width:979px) {
		#service > ul > li div a {
			width:100%;
			float:none;
		}
	}

#service > ul > li div a:hover {
	opacity:0.8;
}



/* e-butsudan */
.e-butsudan > p {
	text-align:center;
	line-height:1.2;
	font-size:16px;
	margin-bottom:5px;
}
.e-butsudan img {
	width:100%;
}