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


* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
font-family: var(--ah-hakushu);
font-weight: 300;
margin: 0;
padding: 0;
}
.container{
margin-top: 70px;
}
.section {
max-width: 1200px;
height: auto;
margin: 0px auto;
padding: 2.8rem 0 0;
}
.section-600 {
max-width: 600px;
height: auto;
margin: 0px auto;
padding: 2.8rem 0 0;
}
.section-800 {
max-width: 800px;
height: auto;
margin: 0px auto;
padding: 2.8rem 0 0;
}
.section-1000 {
max-width: 1000px;
height: auto;
margin: 0px auto;
padding: 2.8rem 0 0;
}
.section-2000 {
max-width: 2000px;
height: auto;
margin: 0px auto;
padding: 2.8rem 0 0;
}
.column2-wrapper{
max-width: 1200px;
margin: 2rem  auto;
padding: 0 1rem;
}
.keiji-container{
clear: both;
padding: 1rem;
}
.keiji-slogan{
text-align: center;
margin: 2rem 0;
}
.message-img {
margin-bottom: 1rem;

}
.keiji-img {
float: left;
margin-right: 1rem;
padding: 0.5rem;
border: solid 1px var(--main);
width: 50%;
}

.hero-title{
font-family: var(--ah-hakushu);
font-weight: 600;
font-style: normal;
color: var(--white);
font-size: min(12vw, 2.1rem);
text-align: center;
}

.h1-title{
font-family: var(--ah-hakushu);
font-weight: 600;
font-style: normal;
color: var(--black);
font-size: min(10vw, 1.8rem);
text-align: center;
margin: 3.3rem 0;
}
.h2-title{
font-family: var(--ah-hakushu);
font-weight: 600;
font-style: normal;
color: var(--black);
font-size: min(10vw, 1.7rem);
text-align: center;
margin: 3.3rem 0;
}
.h3-title{
font-weight: 600;
margin: 2rem 0 1rem;
font-weight: 400;
}
.section-title {
font-size: min(10vw, 1.4rem);
font-weight: 400;
color: var(--black);
margin: 2rem 0;
text-align: center;
scroll-margin-top: 100px;
}

img {
width: 100%;
height: auto;
vertical-align: bottom; /* 画像の下の余白を削除 */
}

p {
line-height: 2;
padding-bottom: 10px;
}
a{
color: inherit;
}
.fs-20{
font-size: 20px;
}
.fw-bold{
font-weight: bold;
}
.ul-style{
margin-bottom: -10px;

}
.li-style{
list-style: disc;
list-style-position: inside;
padding: 0.3rem;
line-height: 1.6
}
/* 個別レイアウト */
.mt-3{
margin-top: 30px;
}
.mt-5{
margin-top: 2.8rem;
}
.mt-10{
margin-top: 100px;
}
.mb-50{
margin-bottom: 2.8rem;
}
.text-center{
text-align: center;
}
.text-right{
text-align: right;
}
/* お知らせ */
.date{
corder: var(--main);
text-align: left;
}

/*#NOTICE{
background-image: url("../img/bg-img/sakura_1.png"), url("../img/bg-img/sakura_2.png");;
background-repeat: no-repeat;
background-position: top left,bottom right;
}*/


/*
#FUKUTOMIKAI{
background-image: url("../img/bg-img/kaede_1.png"), url("../img/bg-img/kaede_2.png");;
background-repeat: no-repeat;
background-position: top left,bottom right;
}*/


.news{
border: var(--main) solid 1px;
padding: 1rem;
margin-bottom: 1rem;
width: 100%;
display: block;
}
@media(max-width: 800px){
.news{
display: flex;
flex-direction: column;
justify-content: center;
align-items: stretch;
}
}
@media(min-width: 801px){

.news{
display: grid;
grid-template-columns: 1fr 1fr;
margin: 1.5rem auto;
gap: 1.2rem;
}
.mt-0{
margin-top: 0;
}
}

.news-title{
padding: 0.5rem 0.7rem;
background: var(--light-main);
color: var(--black);
text-align: center;
width: 100%;
}
.event,
.monthly{
border: 1px solid var(--main);
padding: 1rem 1rem;
}
.monthly{
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: stretch;
}
.monthly a{
text-decoration: none;
}
.monthly a:hover{
background-color: var(--base2);
}
.monthly-event{
display: grid;
grid-template-columns: 130px minmax(0, 1fr);
align-items: center;
column-gap: 1rem;
width: 100%;
padding: 1rem;
}
.monthly-event-title{
width: 130px;
height: 125px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
background-color: var(--light-main);
border-radius: 50%;
text-align: center;
color: var(--balck)
}
.monthly-event-title p{
font-size: 1.5rem;
}



/* 福富会 */

.fukutomikai{
border: 1px solid var(--black);
padding: 1.1rem;
margin: 1rem 1rem 100px;
background-color: rgba(240, 236, 231, 0.3);
}
.fukutomikai ul {
padding: 0 1rem 1rem;
}
.fukutomikai li{
list-style: disc;
list-style-position: inside;
}

/* Youtube */
.container-youtube-800{
max-width: 800px;
margin: 1rem auto 1rem;
background:#fff;
}
.youtube {
width: 100%;
position: relative;
padding-top: 56.25%;
}

.youtube iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.bg-eee {
background-color: #eee;
padding: 1rem 0;
}
/*永代祠堂供養*/
.price-table {
  border-collapse: collapse;
  width: 100%;
}

.price-table td {
  padding: 0.7rem 1rem;
  border-bottom: 1px solid var(--light-gray);
  vertical-align: top;
}
/*Q&A*/

.contact-form{
padding: 1rem;
}


.pp-content{
padding: 1rem;
}