@charset "UTF-8";

/*-----------------*/
/* ----メイン--- */
/*-----------------*/
h2{
position: relative;
height:350px; 
background-image: url("../img/noukotsu/noukotsu_main.jpg");
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
h2 span{
text-align: center;
position: absolute;
color: #fff;
font-family: 'Noto Serif JP', serif;
display: block;
width: 200px;
margin: 0 auto;
top:180px;
padding: 10px 20px;
left: 0;
right: 0;
background-color: rgba( 0, 0, 0, 0.5 );
}


/*-----------------*/
/* ----納骨堂について--- */
/*-----------------*/
.noukotsu_info .honbun div table{width: 100%; margin: 20px 0 0 0;}
.noukotsu_info .bt_01{margin: 40px 0 0 0; text-align: center;}




/*-----------------*/
/* ----特別常連堂--- */
/*-----------------*/
.noukotsu_tokubetsu{
background-image: url("../img/noukotsu/noukotsu_back_02.png"),url("../img/noukotsu/noukotsu_back_03.png"),url("../img/noukotsu/noukotsu_back_01.jpg");
background-repeat: no-repeat,no-repeat,repeat;
background-position: top left, bottom right, center;
padding: 60px 30px;
box-sizing: border-box;
}

.noukotsu_tokubetsu > div{
width: 1000px;
margin: 0 auto;
}

/* ----タイトル--- */
.noukotsu_tokubetsu h4{
background-color: #fff;
padding: 15px 20px;
font-family: 'Noto Serif JP', serif;
font-size: 1.4em;
color: #114e6d;
overflow: hidden;
margin-bottom: 10px;
background-image: url("../img/noukotsu/noukotsu_ph_03.png");
background-repeat: no-repeat;
background-position: center right 20px;
}
.noukotsu_tokubetsu h4 span{margin-right: 120px;}


/* ----テーブル--- */
.noukotsu_tokubetsu table{width: 340px}
.noukotsu_tokubetsu table td{vertical-align: bottom;}
.noukotsu_tokubetsu table tr:nth-child(2) span{
display: block;
width: 70%;
background-color: #fff;
text-align: center;
padding: 3px 10px;
}
.noukotsu_tokubetsu table tr:nth-child(3) td{
color: #fff;
padding: 5px 0;
}
.noukotsu_tokubetsu table tr:nth-child(4) td{
background-color: #fff;
padding: 10px;
}









/*-----------------*/
/* ----第一浄連堂--- */
/*-----------------*/

.noukotsu_box{
background-color: #fff;
padding: 30px;
margin-bottom: 50px;
}

/* ----タイトル--- */
.noukotsu_box h4{
background-color: #114e6d;
padding: 15px 20px;
font-family: 'Noto Serif JP', serif;
font-size: 1.4em;
color: #fff;
overflow: hidden;
margin-bottom: 10px;
background-repeat: no-repeat;
background-position: center right 20px;
}
.noukotsu_box h4 span{margin-right: 120px;}

.noukotsu_box:nth-child(1) h4{
background-image: url("../img/noukotsu/noukotsu_ph_04.png");
}
.noukotsu_box:nth-child(2) h4{
background-image: url("../img/noukotsu/noukotsu_ph_05.png");
}
.noukotsu_box:nth-child(3) h4{
background-image: url("../img/noukotsu/noukotsu_ph_04.png");
}

/* ----リスト--- */
.noukotsu_box ul li{
width: 305px;
border: solid;
border-width: 0 1px 1px 0;
margin: 0 0 20px 0;
padding: 0 12px 20px 0;
box-sizing: border-box;
}
/*左寄せ処理3カラムの場合*/
.noukotsu_box ul.flex_bet::before{
content:"";
display: block;
width: 305px;
order:1;
}
.noukotsu_box ul.flex_bet::after{
content:"";
display: block;
width: 305px;
}




/* ----テーブル--- */
.noukotsu_box table td{vertical-align: bottom;}
.noukotsu_box table tr:nth-child(1){
text-align: center;
}
.noukotsu_box table tr:nth-child(2) span{
display: block;
background-color: #534741;
text-align: center;
padding: 3px 10px;
color: #fff;
}
.noukotsu_box table tr:nth-child(2) td:nth-child(1) span{margin: 0 10px 0 0;}
.noukotsu_box table tr:nth-child(2) td:nth-child(2) span{margin: 0 0 0 10px;}
.noukotsu_box table tr:nth-child(3) td{
color: #114e6d;
padding: 5px 0;
font-weight: bold;
font-size: 1.2em;
}
.noukotsu_box table tr:nth-child(3) td span{
font-size: 0.8em;
color: #534741;
margin-left: 5px;
}
.noukotsu_box table tr:nth-child(4) td{
border: 1px solid;
padding: 10px;
}

.tyui{
background-color: #ff6e6e;
color: #fff;
padding: 5px 10px;
font-size: 0.8em;
text-align: center;
margin: 10px 0 0 0;
}