@charset "utf-8";
@font-face {
	font-family: 'noto serif';
	src: url('/common/fonts/NotoSerifCJKjp-ExtraLight.otf') format('opentype');
}

body,html {height: 100%; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";}
header,nav,main,section,footer {width: 100%; position: relative; overflow: hidden;}
header li,nav li,footer li { float: left;}
img {max-width: 100%;}
a {text-decoration: none; color: inherit; font-weight: inherit;}
section h1 {font-size: 2em; text-align: center; font-weight: bold; font-family: "noto serif"; margin: 3% auto;}
section h2 {font-size: 1.5em; text-align: center; font-weight: bold; font-family: "noto serif"; margin: 3% auto;}
section h3 {font-size: 1.3em; text-align: left; font-weight: bold; font-family: "noto serif"; margin: 3% auto;}
strong {font-weight: bold;}
input[type="text"],input[type="number"],input[type="button"],input[type="submit"],button,textarea {	-webkit-appearance: none; -moz-appearance: none; appearance: none; }
.container {width: 1280px; max-width: 98%; margin: 0 auto; position: relative; overflow: hidden; text-align: center;}
.left {float: left;}
.right {float: right;}
.center {float: none;}
.header_img {margin: 1% auto;}
.article {width: auto; max-width: 95%; margin: 1% auto; display: inline-block;}
.article p {line-height: 1.7; letter-spacing: .05em;}
.sp,.hide {display: none !important;}
.pc,.breadcrumb {display: block;}

/*4/12互助会会員料金比較用CSSここから*/
table.price_comparision{
	width:98%;
	height: auto;
	margin: 0 auto 10px;
}
table.price_comparision th.title{
	font-size:1.6em;
}
table.price_comparision th ,
table.price_comparision td{
	width: 25.0%;
	font-size: 1.2em;
	text-align: center;
	vertical-align: middle;
	border: 1px solid #efefef;
	padding: 10px;
}

table.price_comparision tr:nth-child(even){
	background-color: #efefef;
}

table.price_comparision th.member{
	color:white;
	font-weight: bold;
	font-size:1.8em;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#febbbb+0,fe9090+45,ff5c5c+100;Red+3D+%231 */
	background: #febbbb; /* Old browsers */
	background: -moz-linear-gradient(top, #fecccc 0%, #feaaaa 45%, #ff8888 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #fecccc 0%,#feaaaa 45%,#ff8888 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #fecccc 0%,#feaaaa 45%,#ff8888 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#febbbb', endColorstr='#ff5c5c',GradientType=0 ); /* IE6-9 */
	border-left: 4px solid #ff8888;
	border-right: 4px solid #ff8888;
	border-top: 4px solid #ff8888;
}

table.price_comparision td.member{
	font-weight: bold;
	font-size: 1.5em;
	border-left: 4px solid #ff8888;
	border-right: 4px solid #ff8888;
}

table.price_comparision td.member_b{
	border-bottom: 4px solid #ff8888;
}
ul.Notes{
	width:98%;
	margin: 0 auto;
}

ul.Notes li{
	line-height: 1.5;
}

table.price_comparision td.items{
	font-size:0.7em;
	text-align: left;
}
/*4/12互助会会員料金比較用CSSここまで*/

.aspect {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-content: flex-start;
	align-content: flex-start;
	margin-bottom: 50px;
}

ul.aspect li{
	padding: 5px;
	border: 1px solid #ccc;
	margin: 10px;
}
@media screen and (max-width: 768px) {
	.sp {display: block !important;}
	.pc,.breadcrumb {display: none !important;}
	.header_img {margin: 3% auto;}
	.article p {text-align: left;}
	table.price_comparision td.items , table.price_comparision th.items{
		display: none;}
}
@media screen and (max-width: 480px) {
	.article {max-width: 90%;}
	section .container,.container.title {margin: 10% auto 0 !important;}
}
@media screen and (max-width: 380px) {
	.article {max-width: 95%;}
}
/*-*-*-*-*-Header-*-*-*-*-*/
header {font-size: 0.9em; text-align: center; padding: .5% 0;}
header img {width: 100%;}
header a {display: inline-block;}
header .left {width: 15%;}
header .center {position: absolute; top: 0; bottom: 0; right: 30%; margin: auto; font-family: "noto serif"; width: 48%;}
.message {padding: 2% 0;}
.tel {background: url("/common/images/icon/phone.png") left center no-repeat; background-size: auto 70%; padding: 0 0 .2em 1.2em; font-weight: bold;}
header .tel { font-size: 2em; float: right; margin-right: 2%; width: 34%;}
.top_nav {display: inline-block; width: 30%; position: absolute; top: 0; bottom: 0; right: 0; margin: auto;}
.top_nav li {background: #eb9389; color: #fff; font-weight: bold; letter-spacing: 0.05em; margin: 2% 1%; width: 31%; text-align: center; border-radius: 5px;}
.top_nav li a {padding: .5em 0; display: block;}
.urgency {background: #bd1313 !important;}
@media screen and (max-width: 1280px) {
	header .left {width: 20%;}
	.top_nav {height: 75%;}
	header .tel {margin-right: 1%; width: 35%; line-height: 1; font-size: 1.8em; padding-left: .5em;}
	.message {padding: 1% 0;}
}
@media screen and (max-width: 1280px) and (min-width: 1101px) {
	header .center {text-align: right; margin-right: 1%; height: auto;}
	header .message {float: none; padding-bottom: 0;}
}
@media screen and (max-width: 1100px) {
	header .left { width: 25%;}
	.top_nav {width: 40%;}
	header .message {display: none;}
	header .center {right: 40%; width: auto; display: inline-block; height: 50%;}
	header .tel {width: 100%; padding-left: 2vw;}
}
/*-*-*-*-*-Navigation-*-*-*-*-*/
nav {background: #f5f5f5; color: #333;}
nav ul, footer ul {overflow: hidden;}
nav li, footer li {width: 14.2%; text-align: center;}
nav ul li {font-family: "noto serif"; font-size: 1.2em;}
nav ul li a {display: block; padding: 6% 0 7%; font-weight: bold;}
.here {background: #f5aba2; color: #fff; font-weight: normal;}
@media screen and (max-width: 1024px) and (min-width: 769px) {
	nav ul li {font-size: 1.7vw;}
}
@media screen and (max-width: 768px) {
	nav {position: fixed; top: 0; left: 0;z-index: 9999; background: #fff; border-bottom: 1px solid #eee;}
	nav .left {width: auto; height: 75px;}
	nav .left a {display: block; height: 100%;}
	nav .left img {max-height: 100%; max-width: 100%;}
	nav .toggle {text-align: right; cursor: pointer; display: block; float: right; vertical-align: baseline;}
	nav .toggle img {vertical-align: middle;}
	nav .container {max-width: 100%;}
	nav ul {background: #eb9389; color: #fff; border-top: 1px solid #fff; box-sizing: border-box; display: none;}
	nav ul li {width: 100%; float: none; border-bottom: 1px solid #fff;}
	nav ul li.urgency {border: 0;}
	nav ul li a {padding: .8em 0; letter-spacing: .1em;}
	.here {background: #fff; color: #eb9389; font-weight: bold;}
	.urgency {background: #9E2627 !important;}
}
@media screen and (max-width: 380px) {
	nav .left a {height: 85%; margin-top: 2.5%;}
	nav ul li {font-family: none; font-size: .9em;}
}
/*-*-*-*-*-BreadCrumb-*-*-*-*-*/
.breadcrumb {overflow: hidden; margin: 1% auto;}
.breadcrumb li {float: left; color: #5d5d5d; font-size: .9em;}
.breadcrumb li:before {content: ">";}
.breadcrumb li:first-child:before {content: "" !important;}
/*-*-*-*-*-Main_visual-*-*-*-*-*/
@media screen and (max-width: 768px) {
	main {margin-top: 75px;}
	main .container {max-width: 100%;}
}
/*-*-*-*-*-Main page-*-*-*-*-*/
.index nav {background: #fff; color: #000;}
.index nav li { font-weight: bold;}
.index .main_visual .container {width: 1425px;}
.main_visual .container ul {margin: 0 auto;}
.main_visual a {display: inline-block;}
.event_notice {overflow: hidden; background: #f9f9f9; margin-top: 1vh;}
.event_notice .left h2 {font-size: 2.5em;}
.event_notice .left p { font-family: "noto serif"; font-weight: bold; font-size: 1.1em; line-height: 1.7; margin-top: 3%; background: url("/common/images/banner/slash.png") center center no-repeat;}
.event_notice div.left {width: 28%; box-sizing: border-box; margin: .5% auto 1%;}
.rounded {display: block; background: #eb9389; border-radius: 2em; color: #fff; font-weight: bold; font-family: "noto serif"; font-size: 1.1em; padding: .4em 0 .5em; width: 80%; margin: 3% auto 0; box-sizing: border-box; overflow: hidden;}
.rounded:hover {opacity: .8;}
.event_notice .center { float: left; overflow: hidden; text-align: center; width: 38%; margin: 1% 0 1% 1%; box-sizing: border-box; padding: .5em 0; background: #fff; border-radius: 10px;}
.event_notice .center p {font-size: .8em; margin-top: 1%;}
.event_notice .event {width: 90%; overflow: hidden; margin: 0 auto;}
.event_notice .event li {float: left;width: 33%;}
.event_notice .event .caption {font-size: .8em; font-weight: bold; color: #333; letter-spacing: 0.05em; margin: 0 auto; width: 100% !important;}
.event_notice .fly {width: 62%; margin: 0 auto 2%; float: left; box-sizing: border-box;}
.event_notice .fly a {color: #fff; font-weight: normal;}
.event_notice .fly p {width: 49%;}
.event_notice .fly span {font-size: .9em; line-height: 1;}
.event_notice .fly .left a {background: #89beeb;}
.event_notice .fly .left {font-size: 1.1em;}
.event_notice .fly .right a {background: #eb9389; padding: .7em 0;}
.event_notice .fly .right {font-size: 1.3em;}
.right.block {overflow: hidden; display: inline-block;}
.event_notice .block {width: 31%; margin: 2% auto;}
.schedule {width: 100%;  box-sizing: border-box;}
.schedule h3 { font-size: 1.3em; color: #fff; background: #eb9389; border-radius: 1em; text-align: center; margin: 0 2%; width: 90%;}
.schedule p {font-family: "noto serif"; font-weight: bold;}
.schedule .recently {border-bottom: 1px dashed #eee; padding-bottom: .5em;}
.schedule .recently p {font-size: 3.7em; letter-spacing: 0.08em;}
.schedule .recently span {font-weight: bold; display: inline-block; font-size: 0.9em;}
.schedule .time {display: inline-block; margin: 3% auto 0; font-size: .9em; font-family: none; font-weight: normal; letter-spacing: 0.05em;}
.schedule .next {overflow: hidden; width: 52%; margin: 1.5% auto 0;}
.schedule .next p {display: inline-block;}
.next .sub {display: inline-block; background: #e7e7e7; padding: 0.3em .5em .3em 1em; font-size: .9em; position: relative; font-family: none; letter-spacing: 0.05em;}
.next .sub:after {border-top: 15px solid transparent; border-bottom: 15px solid transparent; border-left: 15px solid #e7e7e7; content: ""; width: 0; height: 0; display: inline-block; position: absolute; top: 0; left: 100%;}
.next .date {font-size: 1.3em; letter-spacing: 0.1em;}
.next span {font-weight: bold;}
.schedule .holiday {color: #D3584A !important;}
.schedule .weekend {color: #5364cf;}
.banner a {display: block;}
.banner .left, .banner .right {max-width: 49%;}
.banner .container {margin: 2.5% auto;}
.banner .container li { float: left; margin-left: 4%; line-height: 1;  width: 48%;}
.banner .container li.sec { margin: 4% 0 0;}
.banner .container li.sec2 { margin: 4% 0 0 4%;}
.banner .container li:first-child { margin-left: 0;}
.under {overflow: hidden;}
@media screen and (max-width: 1280px) {
	.schedule .time {width: 33%;}
	.schedule .next {width: 67%;}
	.schedule .next p {float: none; margin: 0 4%;}
	.event_notice .center p {text-align: left; width: 90%; margin: 1% auto 0;}
	.event_notice .center ul p {text-align: center;}
}
@media screen and (max-width: 1280px) and (min-width: 769px) {
	.event_notice .left h2 {font-size: 3vw;}
	.schedule .recently p {font-size: 4.3vw;}
	.schedule h3 {font-size: 1.5vw;}
}
@media screen and (max-width: 1100px) {
	.event_notice div.left {margin-top: 1.5%;}
	.event_notice .center {margin: 1%;}
	.event_notice .block {margin: 1.5% auto 0;}
	.schedule .time, .schedule .next {width: 100%;}
}
@media screen and (max-width: 1100px) and (min-width:769px) {
	.event_notice .left p {background: none; font-size: 1.5vh;}
}
@media screen and (max-width: 768px){
	.main_visual .container ul {margin: 1% auto; width: 98%; border: 1px solid #eee;}
	.main_visual .container ul li a {display: block;}
	.event_notice div.left,.event_notice div.right.block { width: 100%;}
	.banner .left, .banner .right, .banner ul li {width: 100%; max-width: 100% !important; margin: 1% auto;}
	.banner .left img, .banner .right img {width: 100%;}
	/*.banner .container li {margin-left: 0;}*/
	.schedule {position: relative; border: 1px solid #eb9389; background: #fff; padding-bottom: .5em;}
	.schedule h3 {margin: 0 auto; width: 100%; border-radius: 0;}
	.schedule .recently p {font-size: 4em;}
	.schedule .time, .schedule .next {width: 100%}
	.event_notice .block {margin-bottom: 5%;}
	.under {width: 65%; margin: 0 auto; overflow: hidden;}
	.rounded.sp {width: 65%; margin: 2% auto;}
	.container.plan {border: 1px solid #eee; box-sizing: border-box;}
	.event_notice .left p {background-size: 95% auto;}
}
@media screen and (max-width: 640px) and (min-width: 481px) {
	.schedule .time, .schedule .next {width: 100%; float: none;}
	.schedule .next p {float: none; margin: 0 4%;}
}
@media screen and (max-width: 480px) {
	.index section .container {margin: 5% auto !important;}
	section.event_notice .container {margin: 0 auto !important;}
	.event_notice .left h2 {font-size: 10vw;}
	.event_notice .left p {font-size: 4.5vw;}
	.schedule {width: 95%; margin: 0 auto;}
	.schedule .recently p {font-size: 14vw;}
	.under {width: 95%;}
	.schedule .time { display: none;}
	.schedule .next{ width: 80%; float: none;}
	.rounded.sp {width: 95%;}
}

/* 2020.03.02　お知らせ枠設置　ここから */
.info_box {
	width: 90%;
	margin: 1em auto;
	padding: 2em;
	text-align: left;
	background-color: #eb93890f;
}

.info_ttl {
	font-size: 1.2em;
	padding-bottom: 0.5em;
	border-bottom: solid 5px #eb9389;
}

.info_contents {
	margin-top: 0.8em;
	font-size: 0.9em;
	line-height: 1.8em;
}

@media screen and (max-width: 768px){
	.info_box {
		width: 90%;
		margin: 1em auto;
		padding: 1em;
		text-align: left;
		background-color: #eb93890f;
	}
}
/* 2020.03.02　お知らせ枠設置　ここまで */

/*-*-*-*-*-seika&morikago page-*-*-*-*-*/
.seika_container {display: flex;}
.seika_container li {padding: 0 3%;}
.seika_order {max-width: 1280px; margin: 0 auto; box-sizing: border-box; -moz-box-sizing: border-box; -os-box-sizing: border-box; -webkit-box-sizing: border-box;}
.seika_order ul {text-align: center;}
.seika_order h3 {display: inline-block; background-color: #f5aba2; color: #fff; padding: 3px 20px;}
.seika_order ul img {width: 100%;}
.seika_items {text-align: center;}
.seika_price {padding: 3% 0;}
.seika_order .annotation {text-align: right; font-size: .7em; padding: 30px 0;}

.pdf_download{text-align: center; margin: 100px 0;}
.pdf_download a {color: white; background-color: #cc9933; padding: 1% 5%;border-radius: 5px;}
.pdf_download p {padding-top: 30px;}

@media screen and (max-width: 767px) {
.seika_order ul {padding: 0 3%;}
.seika_items {width: 50%;}
}

@media screen and (min-width: 768px) {
.seika_wrapper_large {display: flex; justify-content: center;}
.seika_wrapper_large ul {padding: 0 2%;}
.seika_wrapper li {max-width: 20vw; padding: 0 2%;}
}


.morikago_container {display: flex;}
.morikago_container li {padding: 0 3%;}
.morikago_order {max-width: 1280px; margin: 0 auto; box-sizing: border-box; -moz-box-sizing: border-box; -os-box-sizing: border-box; -webkit-box-sizing: border-box;}
.morikago_order ul {text-align: center;}
.morikago_order h3 {display: inline-block; background-color: #f5aba2; color: #fff; padding: 3px 20px;}
.morikago_order ul img {width: 100%;}
.morikago_items {text-align: center;}
.morikago_price {padding: 3% 0;}
.morikago_order .annotation {text-align: right; font-size: .7em; padding: 30px 0;}

.pdf_download{text-align: center; margin: 100px 0;}
.pdf_download a {color: white; background-color: #cc9933; padding: 1% 5%;border-radius: 5px;}
.pdf_download p {padding-top: 30px;}

@media screen and (max-width: 767px) {
.morikago_order ul {padding: 0 3%;}
.morikago_items {width: 50%;}
.morikago_container_2 {padding: 0 10px; }
}

@media screen and (min-width: 768px) {
.morikago_wrapper {display: flex; justify-content: center;}
.a {display: flex; justify-content: center;}
.morikago_order h3 {margin: 30px 0 !important;}
.morikago_wrapper {padding: 0 5%;}
.morikago_wrapper li {max-width: 14vw; padding: 0 3%;}
.morikago_items_2 {padding-bottom: 15%;}
}


/*-*-*-*-*-funeral page-*-*-*-*-*/
#funeral h1,#plan h1,#staff h1,#recruit h1 {line-height: 1.7; margin-top: 1%;}
#funeral h1 span {display: block; font-weight: inherit;}
.small_title { color: #cc9933; font-weight: bold; letter-spacing: 0.2em; font-size: 1.2em; font-family: "noto serif"; margin: 1% auto; text-align: center;}
.reason strong {color: #da1423; font-size: 1.1em; font-family: "noto serif"; font-weight: bold;}
.reason .left {width: 45%;}
.reason .right {width: 52%; text-align: left;}
.reason .contents {padding: 2em;}
.reason .contents h2 {margin-top: 0;}
.reason .left img {border-radius: 5px;}
.call {background: #bd1313; color: #fff; display: block; font-family: "noto serif"; font-weight: bold; font-size: 4em; line-height: 1; padding: 2% 0 3%; border-radius: 5px;}
.call span {display: block; font-size: .25em; font-family: none; font-weight: normal; letter-spacing: 0.1em; background: url("/common/images/icon/phone_w.png") 27% top no-repeat; background-size: auto 75%; border-bottom: 1px solid rgba(255,255,255,0.7); padding-bottom: 1%;}
.reason p {margin: 1% auto; line-height: 1.7;}
.reason .right p { letter-spacing: 0.1em; display: inline-block; }
.reason li {float: left;}
.reason .left li {width: 33%; text-align: center;}
.reason .service { overflow: hidden; width: 100%; margin: 3% auto;}
.reason .service li { width: 25%; }
.reason .service .caption {background: #f9f9f9; width: 90%; margin: 5% auto 3%;}
.reason .service .cmt {font-size: .8em; letter-spacing: 0.1em; width: 90%; margin: 1% auto; text-align: left;}
.reason .caption {font-family: "noto serif"; font-weight: bold;}
.button {clear: both; text-align: center; margin: 2% auto; overflow: hidden;}
.button a {font-family: "noto serif"; font-size: 1.2em; padding: 2% 0; width: 60%; display: inline-block; letter-spacing: 0.1em; background: #eb9389; color: #fff; border-radius: 5px;}
.button a:after {content: "▶"; margin-left: 2%;}
#event .right.block {width: 36%; background: #fff; border-radius: 10px; padding: 1em; box-sizing: border-box;}
#event h2 {font-size: 2em; margin-top: 1%; letter-spacing: 0.1em;}
#event {width: 100%; background: #f9f9f9; padding: 3% 0; overflow: hidden;}
#event div.left {width: 60%; text-align: left; line-height: 1.7; letter-spacing: 0.05em; margin: 0 2%;}
#event div.left p {margin: 1% auto;}
#event .schedule {margin-top: 0;}
#event .fly {width: 70%;}
.report {margin: 3% auto; overflow: hidden; clear: both; display: inline-block;}
.report img {width: 100%;}
.review h2 {font-size: 2em;}
.review ul {overflow: hidden; margin: 3% auto;}
.review li {width: 31%; float: left; border: 1px solid #eee; box-sizing: border-box; padding: 1em 1em 0; border-radius: 1em; text-align: left; margin: 1%;}
.review ul li:nth-child(n+7) {display: none;}
.review .left { width: 28%; box-sizing: border-box;}
.review .right {background: #f9f9f9; padding: 1em; box-sizing: border-box; width: 70%;}
.review .caption {text-align: center; margin: 3% auto; font-weight: bold; background: #f9f9f9; padding: 0.5em; box-sizing: border-box; font-family: "noto serif";}
.viewMore {width: 100%;}
.viewMore p{display: inline-block; padding: .7em 0; margin: 0 auto 3%; clear: both; cursor: pointer; border-radius: 5px; width: 30%; background: #eb9389; color: #fff; font-family: "noto serif"; font-weight: bold; letter-spacing: 0.1em;}
.viewMore p:hover{opacity: 0.8;}
.slash {background: url("/common/images/funeral/slash.png") center center no-repeat; background-size: 100% 100%; display: inline-block; width: auto; padding: 0% 5% 1% 6%; font-size: 1.5em; font-family: "noto serif"; color: #eb9389; font-weight: bold; margin-bottom: 5%; clear:both;}
@media screen and (max-width: 1280px) {
	.reason .service .cmt br {display: none;}
	.reason .service li {padding-bottom: 3em; max-height: 280px; box-sizing: border-box;}
	#event div.left br {display: none;}
	.call {font-size: 6vw;}
}
@media screen and (max-width: 1280px) and (min-width: 769px) {
	.touch {font-size: 1.3vw;}
	.call span {background-position: 20% top; font-size: 1.7vw;}
}
@media screen and (max-width: 1024px) {
	.button a {width: 75%;}
	.reason .contents {padding: 1em;}
}
@media screen and (max-width: 768px) {
	#funeral h1, #plan h1, #staff h1 {font-size: 3vh;}
	#funeral .article p br {display: none;}
	.small_title {font-size: 2.5vw;}
	.reason .contents {padding: .5em;}
	.reason .contents h2 {font-size: 3vw;}
	.reason .left,.reason .right {width: 95%; float: none; margin: 1% auto; display: inline-block;}
	.reason .right {border-top: 1px dashed #eee; padding: 1em; box-sizing: border-box;}
	.reason .right p br {display: none;}
	.reason .left img {width: 100%;}
	.reason p {font-size: 2vh;}
	.call {font-size: 13vw;}
	.call span {background-position: 19vw top;}
	.reason .left li {width: 31%; margin: 0 1%;}
	.reason .service li {width: 33%; padding-bottom: 4em; max-height: 290px; box-sizing: border-box;}
	.reason .service .cmt br {display: none;}
	.button a {width: 80vw;}
	#event div.left {width: 95%; float: none; margin: 5% auto 0; box-sizing: border-box; overflow: hidden; display: inline-block}
	#event .right.block {width: 100%; padding: 0; border-radius: 0; background: none;}
	#event .center {margin-top: 2%; border-top: 1px dashed #eee;}
	#funeral .event {margin: 2% auto 0; overflow: hidden; clear: both; display: inline-block !important;}
	#funeral .event li { float: left; width: 33%; text-align: center; padding: 1%; box-sizing: border-box;}
	#event .sp p {font-family: none; font-weight: normal; margin: 1% auto 3%; letter-spacing: .05em; font-size: 1.5vh;}
	.fly {width: 95% !important;}
	.fly .left, .fly .right {font-size: 1.2em !important;}
	.review li {width: 48%;}
	.review ul li:nth-child(n+5) {display: none;}
	.viewMore p {width: 80vw;}
}
@media screen and (max-width: 480px) {
	.small_title {font-size: 4vw;}
	.review li {width: 100%; margin: 1% auto;}
	.review ul li:nth-child(n+4) {display: none;}
	#funeral h1, #plan h1, #staff h1 {font-size: 6vw;}
	.reason .right {padding: 1em 0;}
	.reason p,#event div.left p {font-size: 4vw;}
	.reason .contents h2 {font-size: 5vw; text-align: left; padding: 0.5em 1em;}
	.reason .service li {width: 50%; padding: .5em .5em 4em;}
	.reason .service .caption,.reason .service .cmt {width: 100%;}
	p.service {text-align: left; width: 95% !important;}
	.button {margin: 5% auto 0;}
	.button a {width: 100%; font-size: 5vw;}
	#event h2 {font-size: 8vw;}
	.fly .left, .fly .right {width: 100% !important; margin: 1% auto;}
	#event div.left p {margin: 3% auto;}
}
@media screen and (max-width: 380px) {
	.fly .left, .fly .right {font-size: 1.2em !important;}
	#event .sp p:not(.caption) { text-align: left; width: 90%; margin: 0 auto;}
}
/*-*-*-*-*-Facility page-*-*-*-*-*/
.summary {background: #f5f5f5; position: relative;}
.summary .right {width: 45%; box-sizing: border-box;}
.summary .left {width: 55%; box-sizing: border-box; border: 1px solid #eee; background: #fff;}
.summary img {max-height: 100%;}
.summary .right .detail { width: 90%; margin: 0 auto; overflow: hidden;}
.summary .right h3:before { content: "◆"; margin-right: 1%; font-size: 0.8em;}
.summary .right table {background: #fff; text-align: left;}
.summary .right td { padding: 0.3em .5em; font-size: .9em; border-bottom: 1px dotted #eee;}
.facility {background: none; margin-bottom: 10%;}
.facility h2, .reason h2, #urgency h2,#privacy h2 {padding: 0.5em 0; background: #f1f1f1; letter-spacing: 0.1em;}
.facility ul {overflow: hidden; position: relative; margin-bottom: 3%; display: inline-block; width: 100%;}
.facility ul li { overflow: hidden; width: 50%; text-align: left;}
.hall .left,.waiting .right,.restaurant .left {position: relative;}
.facility .img.left, .facility .img.right { width: 24%; position: absolute; bottom: 0;}
.facility .right .img.left {left: 51%;}
.facility .right .img.right {right: 0;}
.facility .left .img.right {right: 51%;}
.facility .left .img.left {left: 0;}
.facility .text {text-align: center;}
.facility .detail {margin: 2% auto; font-size: .9em; width: 80%; background: #f9f9f9; padding: 0.5em 1em 0.2em; box-sizing: border-box;}
.facility .detail p {margin: 1% auto; text-align: left;}
.facility .detail span,.facility .detail .left {background: #eb9389; color: #fff; width: 33% !important; padding-left: 0.4em; margin-right: 1%; display: inline-block; box-sizing: border-box; text-align: center;}
.facility .detail .right {width: 65%;}
.facility .comment {font-size: 1.2em; font-family: "noto serif"; margin-left: 2%; line-height: 1.7;}
.facility .etc { font-size: 0.9em; clear: both; text-align: right !important; letter-spacing: 0.05em; font-weight: bold; font-family: "noto serif";}
.facility .caption {position: absolute; bottom: 2%; left: 1.5%; background: rgba(255,255,255,0.7); text-align: left; padding: .3em 1em; box-sizing: border-box; font-size: 0.9em; letter-spacing: 0.05em; font-weight: bold; border-radius: 5px; max-width: 97%;}
.facility .small {overflow: hidden; clear: both;}
@media screen and (max-width: 1280px) {
	.summary .left {width: 45%; position: absolute; top: 0; bottom: 0; left: 0;}
	.summary .right {width: 55%; padding-bottom: 2em;}
	.summary h2 {margin-bottom: 0;}
	.summary h3 {margin: 1% auto;}
	.facility .text {width: 49%;}
	.facility .comment {margin: 0 auto; max-width: 98%;}
	.facility .detail {width: 100%;}
}
@media screen and (max-width: 1200px) {
	.facility .right .img.left {left: auto;}
	.facility .left .img.right {right: auto;}
	.facility .img.left, .facility .img.right {position: relative; width: 49%;}
}
@media screen and (max-width: 1100px) and (min-width: 769px) {
	.facility .comment {font-size: 1.5vw;}
	.facility .caption {font-size: 1.3vh;}
	.facility .detail .left,.facility .detail .right {display: block; float: none; margin: 1% auto;}
	.facility .detail .right {width: 100%;}
	.facility .etc {letter-spacing: .05em; text-align: left!important;}
}
@media screen and (max-width: 1024px) {
	.summary h2 {margin: 2% auto;}
	.summary .left, .summary .right {width: 100%; float: none; position: relative;}
	.facility ul li {float: none;}
	.hall li.left, .waiting li.right, .restaurant li.left {margin: 0 auto 2%;}
	.facility .text {width: 95%; float: none; margin: 0 auto; text-align: center;}
	.facility .detail {width: 80%; margin-bottom: 3%;}
	.restaurant .img.left {float: none; margin: 0 auto;}
}
@media screen and (max-width: 768px) {
	#facility main .container { max-width: 95%;}
	.facility ul li {width: 95%; margin: 0 auto; text-align: center;}
	.facility img {width: 100%;}
	.facility .caption,.facility .caption.left {position: relative; left: auto; bottom: auto; text-align: center; width: 100%; box-sizing: border-box;}
	.facility .text {margin-top: 3%;}
	.facility .detail {margin-bottom: 4%; width: 95%;}
	.facility .right .img.left,.facility .left .img.right {left: auto; right: auto;}
	.facility .img.left, .facility .img.right {position: relative; width: 49%;}
	.facility .detail span, .facility .detail .left {display: block; width: 50% !important; float: none; margin: 1% auto;}
	.facility .detail p {margin: 1% auto; text-align: center;}
	.facility .detail .right {width: 100%; text-align: left;}
	.facility .etc {text-align: left !important; border-top: 1px dashed #aaa; padding: 1%; box-sizing: border-box; display: inline-block; width: 100%;}
}
@media screen and (max-width: 640px) {
	.facility .caption, .facility .caption.left {text-align: left;padding: .3em 0; display: inline-block; width: auto;}
}
@media screen and (max-width: 480px) {
	.summary .right {overflow: hidden;}
	.summary .right .detail {width: 49%; margin: 0 .5%; float: left;}
	.summary .right h3 {text-align: center;}
	.summary .right td {display: block;}
	.facility .comment {text-align: left; font-size: 4vw;}
}
@media screen and (max-width: 380px) {
	.summary .right .detail {width: 95%; margin: 0 auto; float: none;}
	.contents.facility {margin: 10% auto;}
	.facility .detail span, .facility .detail .left {width: 100% !important;}
	.facility .comment {font-family: none; letter-spacing: .05em;}
	.facility .comment br {display: none;}
	.facility .detail {width: 100%;}
	.facility h2 {padding: .2em 0;}
	.facility ul {margin: 3% auto;}
	.facility .img.left, .facility .img.right {width: 100%;}
	.facility .caption, .facility .caption.left {float: none; font-weight: normal;}
}
/*-*-*-*-*-Plan page-*-*-*-*-*/
.fly {width: 85%; overflow: hidden; margin: 2% auto;}
.fly .left, .fly .right {width: 49%; font-size: 1.5em; font-family: "noto serif"; font-weight: bold; border-radius: 5px;}
.fly span {display: block; font-size: 0.5em; margin-bottom: 1%;}
.fly a {display: block; padding: .5em 0; box-sizing: border-box; border-radius: 3px;}
.container.title {margin: 5% auto 0;}
#plan .merit {background: #f5f5f5; margin: 0 auto 3%; overflow: hidden; padding: 1% 0; color: #1f0401;}
#plan h2 {font-size: 2em; margin-top: 1%;}
#plan .merit .left,#plan .merit .right {overflow: hidden; margin-top: 3%;}
#plan .merit div.left {width: 50%;}
#plan .merit .left p {margin: 5% auto; font-weight: bold; font-size: 1.2em; font-family: "noto serif"; letter-spacing: 0.1em;}
#plan .merit .right {width: 47%;}
#plan .merit .text {border-radius: 5px; text-align: left; letter-spacing: 0.05em; line-height: 1.7; font-family: "noto serif"; font-weight: bold; background: rgba(255,255,255,0.7); padding: 2em;}
#plan .merit .text p {font-weight: bold;}
#plan .merit .text strong {font-size: 1.3em; color: #C6564A;}
#plan .intro { overflow: hidden; margin: 2% auto; border: 1px solid #eee; padding: 2em; box-sizing: border-box; position: relative;}
#plan .intro .saidan img { border-radius: 1em;}
#plan .intro h3 {letter-spacing: .1em; font-size: 2em; position: relative; line-height: 1; margin: 1% auto 2%; border-bottom: 1px solid; padding-bottom: 5%; text-align: center;}
#plan .intro .top {overflow: hidden; margin-bottom: 3%;}
#plan .intro .example {width: 60%; margin: 3% auto; box-sizing: border-box; float: right;}
#plan .intro .example li {width: 30%; float: right; margin: 1.5%; }
#plan .intro .example img { border: 1px solid #ddd; box-sizing: border-box; background: #fff;}
.intro .title {float: left; width: 62%;}
.intro .title p { font-size: 1.1em; clear: both; text-align: left; margin: 3% auto; display: inline-block; font-family: "noto serif"; background: #f9f9f9; padding: .5em 1em .6em; font-weight: bold; color: #333;}
.price {margin: 0 auto; border-radius: .5em; background: #fff; width: 35%; float: right; text-align: center; box-sizing: border-box; position: relative; overflow: hidden;}
.price h4 {padding: 0.2em 0; color: #fff; border-radius: .3em .3em 0 0; margin: 0 auto; text-align: center; font-weight: bold; font-family: "noto serif"; font-size: 1.3em;}
.price .data {font-size: 2.5em; font-weight: bold; line-height: 1; margin: 6% auto; text-align: right; display: inline-block;}
.price .data span { font-size: .7em; font-weight: bold; color: #000; font-family: "noto serif";}
.intro .saidan {position: relative;}
.saidan .caption {position: absolute; top : 1%; left: 2%; color: #f9f9f9; font-size: 1em; letter-spacing: 0.1em; font-family: "noto serif";}
.saidan .caption:before {content: "● "; font-size: 0.7em;}
#plan .tap {width: 38%; float: left; font-size: 1.2em; font-family: "noto serif"; margin: 4% auto; padding: 1.2em 0; border-radius: 5px; font-weight: bold;}
#plan .img {overflow: hidden; width: 100%;}
#plan .img p {font-weight: bold; margin: 3% auto; letter-spacing: 0.05em; font-family: "noto serif"; clear: both;}
#plan .notice {text-align: left; line-height: 1.7; border: 1px solid #C6564A; margin: 5% auto;}
.notice .point {font-size: 1.2em !important; text-align: center; background: #C6564A; margin: 0 auto; color: #fff000; padding: 0.5em 0; font-family: "noto serif";}
#plan .list h3 { background: #f1f1f1; font-size: 1.5em; text-align: center; padding: 0.5em 0; letter-spacing: 0.1em; clear: both;}
.example { overflow: hidden; }
.list .example li {width: 18%; margin: 1%; float: left; position: relative; padding-top: 18%;  overflow: hidden;}
.list .example img {width: 100%; position: absolute; top: 0; left: 0; border: 1px solid #eee; box-sizing: border-box;}
.example .caption {margin: 5% auto; font-size: .9em; letter-spacing: 0.1em; font-weight: bold;}
#plan .list {overflow: hidden; margin-bottom: 3%; clear: both;}
.list .example {border-bottom: 1px solid #eee;}
#plan .list p.right {margin: 2% auto; }
#plan .list div.left, #plan .option {width: 49%;}
#plan .detail {width: 100%; border: 1px solid #f1f1f1; box-sizing: border-box; padding: 1em 0;}
table.etc {text-align: left; width: 80%; margin: 0 auto; font-size: 1.2em; font-weight: bold; font-family: "noto serif";}
.etc td {padding: .3em 0;}
.etc td:before {content: "◆"; margin-right: 3%; font-size: .7em;}
#plan .option {margin: 0 auto; text-align: left;}
#plan .option h4 {color: #eb9389; font-weight: bold; font-size: 1em; margin: 1% auto 3%; border-bottom: 1px solid; padding-bottom: 0.5em;}
#plan .option p {font-size: 0.9em; letter-spacing: 0.05em; padding: 0 1em;}
#plan .option table { margin: 3% auto; font-size: 0.8em; width: 95%; background: #f9f9f9;}
#plan .option table td { padding: .7em 0; box-sizing: border-box;}
#plan .option table td:before {content: "●"; font-size: .5em; margin: 0 0.7em;}
.caution {clear: both; overflow: hidden; border-top: double #eee; text-align: left; font-size: 0.8em; color: #111; padding: 1em;}
#plan .right.caution {padding: 0; border: 0;}
#p_18, #p_36 {width: 49%;}
#p_18 h3,#p_18 .data {color: #002251;}
.fly.plan .left,#p_18 .price h4,#p_18 .tap { background: #89ABD9; color: #fff;}
#p_18 .price { border: 1px solid #89ABD9; }
#p_36 h3,#p_36 .data {color: #032c00;}
.fly.plan .right,#p_36 .price h4,#p_36 .tap { background: #3e8c38; color: #fff;}
#p_36 .price { border: 1px solid #3e8c38; }
#plan .inquiry {border-top: 1px solid #eee; padding: 5% 0;}
#plan .fly .left, #event .fly .left,#prepare .fly .left{background: #89beeb; color: #fff;}
#plan .fly .right,#event .fly .right,#prepare .fly .right{background: #eb9389; color: #fff;}
@media screen and (max-width: 1100px) and (min-width: 769px) {
	.intro .title p {font-size: 1.5vw;}
	.price .data {font-size: 3vw;}
	#plan .tap {width: 39%; font-size: 1.7vw; padding: .8em 0;}
	div[id] .example .caption {font-size: 1vw;}
	#plan .list p.right {text-align: left; width: 95%; margin: 2% auto; float: none;}
	#plan .merit {padding: 3% 0;}
	#plan .merit .right {width: 75%;}
	#plan .merit .left, #plan .merit .right { float: none; margin: 0 auto;}
	#plan .merit .text {padding: 1em 2em;}
	#plan .notice {margin: 2% auto 0;}
}
@media screen and (max-width: 935px) and (min-width: 769px) {
	#plan .intro {padding: 2em 1em 7em; max-height: 750px; box-sizing: border-box;}
	.intro .title,.price {width: 100%; float: none;}
	#plan .intro h3 {font-size: 3vw;}
	.intro .title p {font-size: 1.5vw; font-family: none; letter-spacing: .05em; font-weight: normal;}
	.price h4 {position: absolute; top: 0; bottom: 0; left: 0; border-radius: .3em 0 0 .3em; padding: 2% 1em; font-size: 2vw;}
	.price .data {font-size: 3.5vw; margin: 2% 1em 1%; float: right;}
	.price .data br {display: none;}
	#plan .list div.left, #plan .option {float: none; width: 65%; margin: 1% auto; display: inline-block;}
}
@media screen and (max-width: 768px) {
	#plan .merit div.left,#plan .merit .right,#plan .list div.left, #plan .option { width: 95%; margin: 3% auto; float:none;}
	#plan .merit img {width: 90%; margin-top: 2%;}
	#plan .merit .left p {margin: 1% auto; font-size: 2vw;}
	#plan .notice {margin: 3% auto;}
	#plan .detail {padding: .5em 0;}
	#p_18, #p_36 {width: 95%; float: none; margin: 0 auto;}
	#plan .list p.right {text-align: left; width: 95%;float: none;}
	#plan .option p br {display: none;}
	#plan .option table {width: 100%;}
}
@media screen and (max-width: 640px) {
	.intro .title,.price {width: 100%; float: none;}
	#plan .intro h3 {font-size: 5vw;}
	.intro .title p {font-size: 3.3vw; font-family: none; letter-spacing: .05em; font-weight: normal;}
	.price h4 {position: absolute; top: 0; bottom: 0; left: 0; border-radius: .3em 0 0 .3em; padding: 2% 1em; font-size: 4vw;}
	.price .data {font-size: 7vw; margin: 2% 1em 1%; float: right;}
	.price .data br {display: none;}
}
@media screen and (max-width: 480px){
	#plan h2 {margin: 1% auto 10%; font-size: 7vw;}
	#plan .merit .text,#plan .intro {padding: 1em;}
	#plan .inquiry {padding-top: 10%;}
	#plan .tap, #plan .intro .example {width: 100%; float: none;}
	#plan .tap {padding: .5em 0; letter-spacing: .1em;}
	#plan .tap br {display: none;}
	#p_18 .example {width: 66% !important;}
	#p_18 .example li {width: 47% !important;}
	.example .caption {font-weight: normal; letter-spacing: 0.05em;}
	#plan .list p.right {letter-spacing: 0.05em; font-size: .9em; line-height: 1.7;}
	table.etc {width: 100%; text-align: center;}
	#plan .option table td {display: block; padding: .5em; border-top: 1px dashed #ddd;}
	#plan .option table tr:first-child td:first-child {border: 0;}
}
@media screen and (max-width:380px) {
	.intro .title p {font-size: 4.5vw;}
	#plan .list h3 {padding: 0.2em 0;}
	#plan .merit .text p {font-weight: normal; font-family: none; line-height: 2; font-size: .9em;}
	#plan .merit .text p br {display: none;}
	.price h4 {font-family: none; font-size: 1em;}
	.saidan .caption {font-family: none; font-size: .9em; letter-spacing: 0.05em;}
	#plan .tap {font-family: none; padding: 0.2em 0; letter-spacing: 0.05em; font-weight: normal; font-size: 5vw;}
	table.etc {font-family: none; font-size: 1em;}
	.example .caption {font-size: 3vw; text-align: left;}
}
/*-*-*-*-*-Staff page-*-*-*-*-*/
#staff .contents { margin-bottom: 5%; padding: 1.5em; box-sizing: border-box; background: #fff;}
#staff h2 {padding: 0.5em 0; background: #ea9e9e; color: #fff; margin-top: 0; font-weight: normal;}
#staff h2:before {content: "◆"; font-weight: normal; font-size: .8em; margin-right: 1%;}
#staff .img {width: 30%;}
#staff .text {width: 68%;}
#staff .text p {background: #f9f9f9; padding: 1em; text-align: left; line-height: 1.7;}
@media screen and (max-width: 768px) {
	#staff .text, #staff .img {width: 100%; float: none;}
	#staff .img img {width: 30%;}
	#staff .contents {margin: 1% auto;}
	#staff .img {margin-bottom: 3%;}
}
@media screen and (max-width: 480px) {
	#staff h2 {font-size: 4.5vw;}
	#staff .article p br {display: none;}
	#staff .contents {padding: 0; width: 95%; margin: 5% auto; display: inline-block;}
}
/*-*-*-*-*-Access page-*-*-*-*-*/
.access {margin-bottom: 5%;}
.access .left { width: 50%; border: 1px solid #eee; box-sizing: border-box; }
.access .right { width: 47%; }
.access table {border-collapse: collapse;}
.access td {text-align: left; font-size: 1em;}
.access th, .access td {padding: 1.5em 1em;border: 1px solid #ddd; line-height: 2;}
.access th {background: #f8f8f8; font-weight: bold; font-family: "noto serif"; font-size: 1.1em; width: 27%; box-sizing: border-box;}
.google {margin-bottom: 10% !important;}
.google p {text-align: right;}
.map {position: relative; width: 100%; padding: 18% 0;}
.map iframe {width: 100%; height: 100%; position: absolute; top: 0; left: 0;}
@media screen and (max-width:1280px) {
	.access .right {width: 49%;}
}
@media screen and (max-width: 1100px) {
	.access th, .access td {padding: 1em;}
	.access .left {width: 46%;}
	.access .right {width: 53%;}
}
@media screen and (max-width: 1024px) and (min-width:769px) {
	.access th, .access td {font-size: 1.7vw;}
}
@media screen and (max-width: 768px) {
	.access .left, .access .right {width: 95%; margin: 1% auto; float: none;}
	.access .left {display: inline-block;}
	.access th, .access td {padding: .5em 1em;}
	.map {padding: 25% 0;}
}
@media screen and (max-width: 480px) {
	.access .left {margin: 3% auto;}
	.access table {margin: 0 auto !important; border-bottom: 1px solid #ddd;}
	.access th, .access td {display: block; width: 100%; box-sizing: border-box; border-bottom: 0;}
	section .container.google {margin-bottom: 10% !important;}
	.map {width: 95%; margin: 2% auto;}
	.google p {text-align: left;}
}
@media screen and (max-width: 380px) {
	#access h1 {font-size: 8vw;}
}
/*-*-*-*-*-Urgency page-*-*-*-*-*/
.contents { overflow: hidden; margin: 3% auto; clear: both;}
.things ul, .flow ul {overflow: hidden; width: 90%; margin: 0 auto;}
#urgency .intro .right {width: 45%;}
#urgency .intro .left {width: 52%; text-align: left; margin: 1% auto; line-height: 1.7}
#urgency .intro h2 {padding: 0.2em 0; font-size: 1em; margin: 0 auto; text-align: center !important;}
.question {margin: 1% auto; border: 1px solid #eee; box-sizing: border-box; text-align: left;}
.question ul {list-style: inside; margin: 2% auto; width: 95%; overflow: hidden;}
.question ul li { margin: 0 auto; font-size: .9em; float: left; width: 50%;}
.things ul li {border-top: 10px solid #eb9389; width: 49%;}
.things p {text-align: left; letter-spacing: 0.1em;}
.things .left {background: url("/common/images/photo.jpg") right bottom no-repeat; background-size: auto 90%;}
.things .right {background: url("/common/images/stamp.jpg") right bottom no-repeat; background-size: auto 90%;}
.things span {color: #bd1313; font-size: .9em;}
.flow ul {padding: 1em; box-sizing: border-box;}
.flow li {background: #fff; padding: 1em; margin: 1% auto; box-sizing: border-box; width: 100%; overflow: hidden;}
.flow li[class] {width: 49%;}
.flow li[class] .left {text-align: center;}
.flow li[class] .left, .flow li[class] .right {width: 90%; margin: 2% auto; float: none;}
.flow h3 {margin: 0 auto 3%; background: #eb9389; padding: 0.2em 1em 0.4em; color: #fff;}
.flow .right {width: 75%; text-align: left;}
#urgency .inquiry .right {float: none; margin: 2% auto; width: 45%; background: none !important;}
#urgency .inquiry .right p {color: #000;}
@media screen and (max-width: 1280px) and (min-width: 769px) {
	#urgency .intro {max-width: 95%;}
	#urgency .intro br {display: none;}
	#urgency .intro .left {width: 51%;}
	#urgency .intro .right {width: 47%;}
	.flow ul {padding: 0;}
	.flow .left {width: 24%;}
	.flow .right {width: 73%;}
	.flow li[class] {width: 50%;}
	.flow li[class] .left, .flow li[class] .right {margin: 7% auto;}
}
@media screen and (max-width: 1024px) and (min-width:769px) {
	#urgency .intro {margin-bottom: 0;}
	#urgency .intro .left, #urgency .intro .right {float:none; margin: 3% auto;}
	#urgency .intro .right {width: 65%;}
	#urgency .intro .left, #urgency .intro .question {width: 80%;}
	.flow ul {width: 95%;}
	.things .left,.things .right {background-size: auto 65%;}
	.things p {background: rgba(255,255,255,0.5);}
}
@media screen and (max-width: 768px) {
	#urgency .intro .left,#urgency .intro .right {width: 95%; float: none;}
	#urgency .intro .right {margin: 3% auto;}
	#urgency .intro .left {text-align: center;}
	.things ul, .flow ul {width: 95%;}
	.things ul li,.flow li[class] {width: 100%; float: none; margin: 0 auto 5%;}
	.things p {padding: 0 1em; box-sizing: border-box;}
	.flow ul,.flow li {padding: 0;}
	.flow .left,.flow .right {width: 90%; text-align: center; margin: 2% auto; float:none;}
	.flow .right {text-align: left;}
	#urgency .inquiry .right {width: 95%;}
}
@media screen and (max-width: 480px) {
	#urgency h1 {font-size: 6vw;}
	#urgency h2 {font-size: 5vw;}
	#urgency section p {font-size: 4vw;}
	.flow h3 {font-size: 4vw; font-weight: normal; letter-spacing: .1em;}
	#urgency .intro .left {width: 90%;}
	#urgency .intro .left {text-align: left;}
	.question ul li {width: 100%;}
	.question ul li br {display: none;}
	.flow .left, .flow .right,.flow li[class] .left, .flow li[class] .right {width: 95%;}
	.flow .right,.flow li[class] .right {margin: 5% auto;}
	.things p {background: rgba(255,255,255,0.7); letter-spacing: 0.05em;}
	.things .left,.things .right {background-size: auto 70%;}
	.touch {font-size: 1.5vh !important; margin-top: 3%;}
}
@media screen and (max-width: 380px) {
	.flow h3 {font-family: none; letter-spacing: 0.05em; font-size: 4.5vw; padding: 0.4em 1em; font-weight: bold;}
	#urgency section p {line-height: 2; letter-spacing: .05em;}
	#urgency .inquiry .article p {width: 95%; margin: 0 auto;}
}
/*-*-*-*-*-Prepare page-*-*-*-*-*/
#prepare .merit {background: #f9f9f9;}
#prepare .merit ul {overflow: hidden; margin: 2% auto; width: 1280px; max-width: 100%;}
#prepare .merit ul li {float: left; width: 32%; background: #fff; padding: 1em 1em 10%; box-sizing: border-box; margin: 0.5%; max-height: 530px; position: relative;}
#prepare .merit h3 {border-left: 7px solid #eb9389; padding-left: 1em;}
#prepare .merit img {margin: 0 auto;}
#prepare .merit p {font-size: 0.9em; line-height: 1.7; margin: 5% auto; width: 95%; letter-spacing: 0.05em;}
#prepare .merit .button a {width: 80%; position: absolute; bottom: 1em; left: 0; right: 0; margin: auto;}
.inquiry .contents {margin-top: 0;}
#prepare .inquiry .article a {display: inline;}
@media screen and (max-width: 1100px) and (min-width: 769px) {
	#prepare .merit ul li {max-height: 570px; padding-bottom: 30%;}
	#prepare .merit h3 {margin-bottom: 7%;}
	#prepare .merit ul li {width: 49%; text-align: center;}
	#prepare .merit p {text-align: left;}
}
@media screen and (max-width: 1024px) and (min-width: 769px) {
	#prepare .article p {text-align: left; width: 95%; margin: 0 auto;}
}
@media screen and (max-width: 1024px) {
	#prepare .article br {display: none;}
}
@media screen and (max-width: 768px) {
	#prepare h1 {font-size: 4vw;}
	#prepare .inquiry p br{display: none;}
	#prepare .merit ul li {width: 95%; float: none; text-align: center; margin: 1% auto; padding-bottom: 1em;}
	#prepare .merit h3 {margin-top: 0;}
	#prepare .merit p {text-align: left; margin: 3% auto;}
	#prepare .merit .button a {position: relative; bottom: auto;}
}
@media screen and (max-width: 480px) {
	#prepare h2 {width: 90%;}
	#prepare .article {margin: 5% auto;}
}
@media screen and (max-width: 380px) {
	#prepare h1 {font-size: 6vw; width: 95%;}
	#prepare h1 br,#prepare .inquiry br {display: none;}
	#prepare .merit h3 {font-size:5.5vw;}
	#prepare .inquiry p {margin: 1% auto;}
}
/*-*-*-*-*-Contact page-*-*-*-*-*/
.warning {color: #bd1313 ;}
form {margin: 5% auto;}
#contact table {width: 80%; margin: 0 auto; font-family: "noto serif"; margin-bottom: 5%;}
#contact th {background: #eee; color: #333; font-weight: bold; vertical-align: middle; border-bottom: 1px solid #fff; width: 25%; padding: 0 1em;}
#contact td {border: solid #eee; border-width: 1px 1px 1px 0; text-align: left; padding: 1em 2em;}
#contact td p {font-size: 0.8em; font-weight: bold; letter-spacing: 0.1em; color: #bd1313; font-family: none; margin-top: 2%;}
#address, #contact textarea {width: 100%; box-sizing: border-box;}
#contact .required:after {content: "必須"; background: #bd1313; color: #fff; font-size: .7em; font-family: none; margin-left: 2%; padding: 0 3%; border-radius: 3px;}
.buttons {overflow: hidden; width: 60%; margin: 0 auto;}
.btn {color: #fff; border: 0; outline: 0; border-radius: 5px; text-align: center; width: 49.5%; font-size: 1.1em; font-weight: bold; font-family: "noto serif"; padding: .7em 0 .9em; letter-spacing: 0.1em; cursor: pointer;}
.btn:hover {opacity: 0.8;}
#submit {background: #eb9389; color: #fff; border: 0; outline: 0; border-radius: 5px; text-align: center; width: 49.5%; font-size: 1.1em; font-weight: bold; font-family: "noto serif"; padding: .7em 0 .9em; letter-spacing: 0.1em;}
#return {background: #cc9933;}
input:read-only, textarea:read-only {border: 0; outline: 0; cursor: default;}
input,textarea {padding: .2em .5em; font-family: "none"; border: 1px solid #ddd;}
:focus::-webkit-input-placeholder { color:transparent; }
:focus:-moz-placeholder { color:transparent; } /* FF 4-18 */
:focus::-moz-placeholder { color:transparent; } /* FF 19+ */
:focus:-ms-input-placeholder { color:transparent; } /* IE 10+ */
label {margin: 0 1%;}
label[for="zip"] {margin-left: 0;}
#thanks .article p {margin: 2% auto;}
#thanks .btn {margin: 5% auto 10%;}
@media screen and (max-width: 1024px) {
	#contact table {width: 95%;}
	#contact th {width: 30%;}
}
@media screen and (max-width: 768px) {
	#contact .article br {display: none;}
	#contact .required:after {margin-left: 3%; vertical-align: middle;}
	.buttons {width: 95%;}
	#mail {width: 100%; box-sizing: border-box;}
	#thanks p br {display: none;}
}
@media screen and (max-width: 480px) {
	#contact table {border: 1px solid #eee;}
	#contact th, #contact td {display: block; width: 100%; box-sizing: border-box; border: 0;}
	#contact th {padding: .5em 1em;}
	#contact td {padding: 1em;}
	#submit, .btn {width: 90%; margin: 1% auto; float: none;}
	#thanks h1 {font-size: 7vw;}
	#thanks p {line-height: 2; margin: 5% auto;}
	#thanks p br {display: none;}
}
@media screen and (max-width: 380px) {
	#contact h1 {font-size: 7vw;}
}
/*-*-*-*-*-recruit page-*-*-*-*-*/
#recruit .contents { padding: 1.5em; box-sizing: border-box; background: #fff; margin-bottom: 0;}
#recruit th {border: solid #fff; border-width: 1px 0; padding: 0.5em 0; background: #cc9933; color: #fff; font-weight: bold; vertical-align: middle; padding-left: 1.5em;  width: 25%;}
#recruit th:before {content: "◆"; font-weight: normal; font-size: .8em; margin-right: 2%;}
#recruit .staff {border-top: 1px solid #eee; margin: 0 auto 10%; padding-top: 5%;}
#recruit .staff h3 {text-align: center; letter-spacing: 0.1em; line-height: 1.7; background: url("/common/images/funeral/slash.png") center center no-repeat; padding: 0 5em;}
#recruit .staff img {border-radius: 10px; width: 70%;}
#recruit .list { width: 70%; margin: 0 auto; border: 1px solid #cc9933; font-family: "noto serif"; font-size: 1.1em; letter-spacing: 0.1em;}
#recruit .list td {text-align: left; padding: 1em 1.5em;line-height: 2; border-bottom: 1px solid #cc9933; font-weight: bold; }
#recruit .list span {background: #f1f1f1; font-size: .8em; font-family: none; padding: 0.1em 1.5em; font-weight: bold; display: block; margin: 0 auto;}
#recruit .list p {border-top: 1px dotted #ddd; margin: 1% auto 0; padding-top: 3%; font-weight: bold; text-align: center;}
.nborder {border: none !important;}
#recruit .mail {border: 0 !important; text-align: center; margin-top: 0 !important; padding-top: 0 !important; font-size: 1em;}
#recruit .mail a {padding: .2em 2em .3em;}
#recruit .mail a:hover {background: #f1f1f1;}

.recruit {width: 70%; margin: 0 auto;}
.recruit_img {margin-bottom: 50px;}
.recruit_img img {border-radius: 20px;}
.recruit_miryoku_img {width: 65%; margin: 0 auto;}
.recruit_miryoku_img img {width: 100%;}
.recruit_miryoku {background-color: #F8F5EF; margin-top: 50px; padding: 20px 50px;}
.recruit_miryoku h2 {font-size: 26px; text-shadow: 0 0 100px #bd1313; letter-spacing: .1em; padding: 10px 0; color: #bd1313; font-weight: bolder; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";}
.recruit_miryoku h3 {font-size: 20px; color: #bd1313;}
.recruit_miryoku span {font-size: 16px; letter-spacing: .1em;}
.recruit_miryoku p {text-align-last: left; font-size: 14px;}
.recruit_container {width: 85%; margin: 0 auto;}
.recruit_items {margin-bottom: 50px;}
.recruit_items p {letter-spacing: .1em;}
.recruit_treatment ul li {font-size: 1.2em; font-weight: bold;}
.recruit_campany ul {padding: 30px 0 20px;}
.recruit_campany ul li {font-size: 12px; line-height: 1.5;}
.recruit_campany ul li:nth-child(2) {font-size: 16px; font-weight: bolder;}
.recruit_qualifications h3 {margin: 0;}
.recruit_staff {display: flex; justify-content: center; }
.recruit_staff img {display: block; width: 100%;}
.recruit_staff_img {max-width: 20%; margin: 3%;}
.recruit_feelings {margin: 30px;}
.recruit_feelings img {transition: 1s; -webkit-transition: 1s; -o-transition: 1s; -moz-transition: 1s;}
.recruit_feelings img:hover {opacity: .6;}

/* 190501 女性スタッフ一日の流れを追加　ここから */
.recruit_miryoku h3.recruit_service{margin: 3% auto; text-align: center;}
.recruit_miryoku .service { overflow: hidden; width: 100%; margin: 3% auto;}
.recruit_miryoku .recruit_container ul.service { margin: 3% auto;}
.recruit_miryoku .recruit_container ul.service li { width: 50%; margin: 0 auto; text-align: center; font-size: 18px; text-shadow: 0 0 100px #bd1313; letter-spacing: .1em; padding: 10px 0; color: #bd1313; font-weight: bold; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";}
.recruit_miryoku .recruit_container ul.service li img { width: 70%; margin: 3% auto; text-align: center; }

.recruit_staff_service {display: flex; justify-content: center; }
.recruit_staff_service img {display: block; width: 100%;}
.recruit_staff_service_img {max-width: 40%; margin: 3%; }
p.recruit_staff_service_p {text-align-last: center; margin: 0 auto; font-size: 14px; text-shadow: 0 0 100px #bd1313; letter-spacing: .1em; padding: 10px 0; color: #bd1313; font-weight: bold; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";}
/* 190501 女性スタッフ一日の流れを追加　ここまで */

/* 応募方法の住所欄の文字サイズなどを変更　2019.11.12　ここから */
.recruit_address {
	background: #f1f1f1;
	text-align:left;
	padding: 3%;
	font-size: 0.8em;
}
/* ↓これは「#recruit .list p」がいろいろ邪魔してるので仕方なく入れてます…… */
.recruit_address_ttl {
	text-align:left!important;
	font-weight: bold!important;
	border: none!important;
	padding: 0!important;
	margin: 0 0 1%!important;
}
/* 応募方法の住所欄の文字サイズなどを変更　2019.11.12　ここまで */

/* 職種2つ以上になった為、各職種ページに移動するリンクの設置　2019.11.12　ここから */
.recruit_button {
	margin: 3em auto;
	display: flex;
	justify-content: center;
}

.occupation_button:first-of-type {
	margin-right: 1em;
}

.occupation_button {
	background: #eb9389;
	color: #fff;
	border-radius: 5px;
	padding: 0.5em 1em;
	font-size: 1.2em;
	font-family: "noto serif";
	letter-spacing: 0.1em;
	width: 250px;
	border: solid 1px #eb9389;
}

.occupation_button:hover {
	background: #ffffff;
	color: #eb9389;
	border-radius: 5px;
	padding: 0.5em 1em;
	font-size: 1.2em;
	font-family: "noto serif";
	letter-spacing: 0.1em;
	width: 250px;
	border: solid 1px #eb9389;
}

@media screen and (max-width: 768px) {
	.recruit_button {
		margin: 3em auto;
		display: block;
	}

	.occupation_button:first-of-type {
		margin: 1em auto;
	}

	.occupation_button:last-of-type {
		/*margin: 0 auto;*/
	}

	.occupation_button {
		background: #eb9389;
		color: #fff;
		border-radius: 5px;
		padding: 0.5em 1em;
		font-size: 1.2em;
		font-family: "noto serif";
		letter-spacing: 0.1em;
		width: 250px;
		border: solid 1px #eb9389;
	}

	.occupation_button:hover {
		background: #ffffff;
		color: #eb9389;
		border-radius: 5px;
		padding: 0.5em 1em;
		font-size: 1.2em;
		font-family: "noto serif";
		letter-spacing: 0.1em;
		width: 250px;
		border: solid 1px #eb9389;
	}
}
/* 職種2つ以上になった為、各職種ページに移動するリンクの設置　2019.11.12　ここまで */



@media screen and (max-width: 1024px) {
.recruit {width: 95%;}
.recruit_container {width: 100%;}
.recruit_miryoku h2 {font-size: 24px;}
.recruit_staff_img {max-width: 30%; margin: 5%;}
}

@media screen and (max-width: 768px) {
.recruit {width: 100%;}
.recruit_miryoku_img {display: none;}
}

@media screen and (max-width: 480px) {
.recruit_miryoku h2 {font-size: 16px;}
.recruit_items p {font-size: 12px; line-height: 1.7;}
}



@media screen and (max-width: 1024px) {
	#recruit .list {width: 95%;}
}
@media screen and (max-width: 768px) {
	#recruit .article br {display: none;}
	#recruit .list {width: 100%;}
	#recruit .staff img {width: 95%;}
	#recruit .list td {padding: 0.5em 1em;}
	#recruit .staff .article,#recruit .staff h3 {width: 100%; padding: 0; box-sizing: border-box;}
}
@media screen and (max-width: 640px) {
	#recruit .staff h3 {background: none;}
}
@media screen and (max-width: 768px) and (min-width: 481px) {
	#recruit .list p {font-size: 2.5vw;}
	#recruit .list p a {font-size: 3vw;}
}
@media screen and (max-width:480px) {
	#recruit .contents {padding: 0; width: 95%; margin: 5% auto;}
	#recruit .list {border: 1px solid #cc9933; font-size: .9em; font-family: none;}
	#recruit .list th,#recruit .list td {display: block; width: 100%; box-sizing: border-box; border: 0; padding: 0.5em 1em; line-height: 1.7; font-family: none; font-weight: normal;}
	#recruit .list p {font-weight: normal;}
	#recruit .staff h3 {padding: 0; font-size: 6vw; text-align: left; width: 90%; margin-bottom: 7%;}
	#recruit .staff h3 br {display: none;}
	#recruit .list a {display: block;}
}
/*-*-*-*-*-Privacy page-*-*-*-*-*/
#privacy .contents {width: 960px; max-width: 95%; margin: 2% auto; text-align: left; line-height: 1.7;}
#privacy h3 {color: #CC9933; border-left: 10px solid; padding-left: 2%;}
#privacy .contents p {margin: 3% auto; width: 95%;}
#privacy ol {list-style: decimal;}
#privacy section li {margin: 1% auto;}
#privacy ol li ul li ul{list-style: circle; padding-left: 3%;}

/*-*-*-*-*-Footer-*-*-*-*-*/
footer {background: #f5f5f5;}
footer .center {clear: both; text-align: center; font-size: .9em; background: #aaa; color: #fff; padding-bottom: 5%;}
.footer_nav { padding: 30px 0; width: 95%; margin: 0 auto;}
.footer_nav_left {border-bottom: 1px solid #333333; padding-bottom: 20px;}
.footer_nav_left .container p {font-size: .8em;}
.footer_nav_left .logo {width: 50%; margin: 0 auto;}
.footer_nav_left .logo img {width: 100%;}
.footer_nav_left .nav {display: flex; justify-content: center; padding: 5px 0;}
.footer_nav_left .nav li {width: 130px; text-align: center; border-right: solid 1px #333333; font-size: .7em;}
.footer_nav_left .nav li:last-child {border: none;}
.footer_nav_left .mark {width: 50%; margin: 0 auto; display: flex; justify-content: center;}
.footer_nav_left .mark img {margin: 10px; max-width: 300px; max-height: 124px;}
.footer_nav_right_wrapper {padding: 10px 0;}
.footer_nav_right a {font-size: .8em;}
.footer_nav_right ul li {text-align: left; width: 100%; padding: 3px 0;}
.footer_nav_right ul li ul li {padding-left: 10px;}
.footer_nav_right ul li ul li:before {content: "-"; padding-right: 5px;}
.fixed {width: 100%; position: fixed; bottom: 0; left: 0; background: rgba(242,242,242,0.9); border-top: 1px solid #fff;}
.fixed .container {padding: 0.5em 0 0; font-weight: bold; font-family: "noto serif";}
.fixed .tel {font-size: 4.8vh; line-height: 1; width: 30%; box-sizing: border-box;}
.fixed .tel span {font-size: .3em; display: block; background: #eb9389; color: #fff; padding: 0.2em 0;}
.fixed .message {font-size: 1.5em; padding: 0; width: 50%; margin: 1.5% auto; line-height: 1;}
.fixed .message img {width: 30%; vertical-align: top;}
.fixed .message span {font-weight: bold;}
.fixed .right {width: 20%; display: flex;}
.fixed .right a {background: #cc9933; color: #fff; padding: .7em 0; font-size: 1.5em; display: inline-block; border-radius: 5px; letter-spacing: 0.1em; width: 50%; margin-right: 5px;}
.fixed p {font-weight: bold;}

@media screen and (max-width: 1280px) {
	.fixed .tel {font-size: 3vw; width: 28%;}
	.fixed .message {width: 52%;}
	.fixed .message p {font-size: 2vw;}
	.fixed .right a {font-size: 1.6vw;}
	footer .center {padding-bottom: 7%;}
}
@media screen and (max-width: 1024px) {
	.fixed .message {width: 38%;}
	.fixed .message span {display: block;}
	.fixed .tel {font-size: 4vw; width: auto;}
	.fixed .right {width: 25%;}
	.fixed .right a  {font-size: 2.3vw;}
	footer .center {padding-bottom: 10%;}
}

@media screen and (min-width: 768px) {
	.footer_nav {display: flex; align-items: center; width: 100%; max-width: 1280px; margin: 0 auto;}
	.footer_nav_left {width: 60%; border-bottom: none;}
	.footer_nav_left .container {/*width: 400px;*/ margin: 0 auto;}/*40年終了時にコメントアウト外す。*/
	/*.footer_nav_left .logo {width: 300px; margin: 0 auto;}　40年終了時にコメントアウト外す。*/
	.footer_nav_left .logo {width: 350px; margin: 0 auto;}/*40周年終了時に削除*/
	.footer_nav_left .mark {width: 300px; margin: 0 auto; display: flex; justify-content: center;}
	.footer_nav_left .mark img {margin: 10px; max-width: 300px; max-height: 124px;}
	.footer_nav_right_wrapper {display: flex; width: 40%;}
	.footer_nav_right {width: 50%;}
	}

@media screen and (max-width: 768px) {
	.fixed {background: none; border: 0; letter-spacing: 0.05em; border-top: 1px solid #fff;}
	.fixed .sp {text-align: center; padding: .75em 0 .3em; font-size: 1.5vh; color: #9f2728; background: url("/common/images/liner.png") rgba(255,255,255,0.9); font-weight: bold; width: 50%;}
	.fixed .left{border-right: 1px dashed #fff; box-sizing: border-box;}
	.fixed img {display: block; margin: 0 auto;}
	.fixed .tel {font-size: 7vh; width: 100%; text-align: center; box-sizing: border-box;}
	footer .center {padding-bottom: 14vh;}
}


/* 210330 フォントサイズを調整 */
@media screen and (max-width: 768px) {
	table.price_comparision th.member {
    font-size: 1.6em;
	}

	table.price_comparision th.title {
    font-size: 1.4em;
	}
}