@charset "UTF-8";
/* CSS Document */


/* =========================================================
　ご供養申し込み
========================================================= */


/* 枠
--------------------------------------------------------- */
@media screen and (max-width:999px) {
	.c_title {
		background: url("images/prayer_bg2.jpg") no-repeat center top fixed;
		background-size: 999px auto;
	}
}
@media screen and (min-width:1000px) , print {
	.gnav > li.gnav_prayer {
		border-bottom: 3px solid #a96;
	}
	.category {
		background: url("images/know_bg2.png") no-repeat center bottom, url(../common/img/bg01.png) repeat left top;
		background-size: 100%, 200px;
		padding: 0 0 6em;
	}
	.c_title {
		background: url("images/prayer_bg2.jpg") no-repeat center -110px fixed;
		background-size: 1600px auto;
	}
}


/* あああああああ
--------------------------------------------------------- */
@media screen and (max-width:999px) {
	.corner {
	}
}
@media screen and (min-width:1000px) , print {
	.corner {
		max-width: 700px;
	}
}



/* お申し込みについて
--------------------------------------------------------- */
.checklist div {
	background: #fff;
	padding: 4em 4em 2em;
}
.checklist div h4 {
	font-size: 140%;
	font-weight: bold;
	margin-bottom: 0.6em;
	margin-top: 1em;
}
.checklist div ul {
	margin-bottom: 1em;
	margin-left: 1.5em;
}
.checklist div ul li {
	list-style: disc;
	line-height: 1.5;
	padding-bottom: .5em;
}
.checklist div .btn {
	margin: 1em 0;
}
.checklist .text{
	margin-bottom: 2em;
}

.corner.fax{
	margin: 7em auto 0em;
	padding: 0 20px 0em;
}
.corner.fax div{
	padding: 3em 3em 2em;
}
@media screen and (max-width:999px) {
.checklist div {
	background: #fff;
	padding: 2em;
}
}
@media screen and (min-width:1000px) , print {
}


/* メールフォームでのお問い合わせ
--------------------------------------------------------- */
.privacy {
	background: hsla(0,0%,0%,0.10);
	padding: 2em 2em 1em;
	margin: 0 0 2em;
}
.privacy h4 {
	font-weight: bold;
}
.privacy ul {
	padding: 0 0 0 .8em;
}
.privacy ul li {
	list-style: disc;
	font-size: 80%;
	line-height: 1.4;
	padding: 0 0 .8em;
}


/* メールフォーム　入力
--------------------------------------------------------- */
.form dl dt {
	font-weight: bold;
	padding: 0 0 .4em;
}
.form dl dt.must {
	color: #900;
}
.form dl dd {
	font-weight: bold;
	padding-bottom: 1em;
}
.form dl dd input ,
.form dl dd textarea {
	width: 95%;
	border: none;
	padding: 1em 2.5%;
	background: #fff;
}
.form dl dd input::placeholder ,
.form dl dd textarea::placeholder {
    color: #ccc;
}
.form dl dd input[type=radio] {
	width: auto;
}
.form dl dd textarea {
	height: 10em;
}
.form p.button-wrap {
	text-align: center;
}
.form p.button-wrap .button {
	width: 100%;
	max-width: 400px;
	display: inline-block;
	background: #a96;
	border: 0;
	padding: .8em;
	font-weight: bold;
}
/*
.way-radio{
	display: flex;
	justify-content: space-around;
}
*/
/*
.way-radio input{
	width: 90%;
}
*/
/*プルダウン*/
/*
.select-flex{
	display: flex;
    justify-content: space-between;
	flex-wrap: wrap;
}
*/
.select-flex-box{
	display: flex;
    justify-content: space-between;
	flex-wrap: wrap;
}
.select-flex-box dd{
	width: 32.5%;
}
.select-flex select{
	width: 100%;
	margin: 0.2em 0;
	padding: 5px 20px 5px 10px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 1px solid #ccc;
	background: #eee;
	background: url("images/arrow01.png") right 50% no-repeat, -webkit-linear-gradient(top, #fff 0%,#efebe1 100%);
	background: url("images/arrow01.png") right 50% no-repeat, linear-gradient(to bottom, #fff 0%,#efebe1 100%);
	background-size: 20px, 100%;
	font-size: 12px;
}
.select-flex select option:first-of-type{
	font-size: 11px;
}
.select-flex select::-ms-expand {
	display: none;
}

/*2分割*/
/*
.way-box{
	display: flex;
	justify-content: space-between;
}
*/
/*
.way-box div{
	width: 47%;
	border-left: 3px dotted #000;
	padding: 2em;
}
.way-box div:first-of-type{
	border-left: none;
}
*/
.midashi{
	font-size:1.6em;
	font-weight: bold;
	border-bottom: 3px dotted #000;
	padding-bottom: 0.3em;
	margin-bottom: 1.3em;
}
@media screen and (max-width:999px) {
/*プルダウン*/
.select-flex{
	flex-wrap: wrap;
}
.way-radio input{
	width: 100%;
}
/*
.way-box div{
	width: 47%;
	border-left: 2px dotted #000;
	padding: 0.5em;
}
*/
/*
.select-flex select{
	padding:0.8em 0.5em;
	width: 100%;
	margin: 0.5em 0;
}
*/

}

/* メールフォーム　確認
--------------------------------------------------------- */
.confirm dl dt {
	font-weight: bold;
	padding: 0 0 .4em;
}
.confirm dl dt.must {
	color: #900;
}
.confirm dl dd {
	font-weight: bold;
	background: #fff;
	padding: 1em 2.5%;
	margin: 0 0 1em;
	min-height: 15px;
}
.confirm p.button-wrap {
	text-align: center;
}
.confirm p.button-wrap .button {
	width: 100%;
	max-width: 400px;
	display: inline-block;
	background: #a96;
	border: 0;
	padding: .8em;
	font-weight: bold;
}
.confirm .description {
	margin-top: 3em;
	margin-bottom: 1em;
	text-align: center;
}


/* メールフォーム　完了
--------------------------------------------------------- */
.thanks {
	text-align: center;
}
.thanks h3 {
	font-size: 140%;
}
.thanks .btn {
}
.thanks .btn a {
}


@media screen and (max-width:999px) {
	.br_sp{
		display: none;
	}
}