@charset "UTF-8";
/* CSS Document */
body{
    background:#fff;
    font-family: 'Noto Serif JP', serif;/*300 or 500*/
	font-weight: 300;
	color: #0E0E0E;
	font-size:16.5px;
	line-height:1.85;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-text-size-adjust: 100%; 
	word-wrap: break-word;
}
*{box-sizing: border-box;}

ul{
	margin:0;
	padding: 0;
	list-style: none;
	margin-block-start:0;
	margin-block-end: 0;
	margin-inline-start: 0;
	margin-inline-end: 0;
	padding-inline-start: 0;
}

a{
	color:#0E0E0E;
	text-decoration: none;
    outline: none;
	cursor: pointer;
}
a:hover{
	color:#006934;
	transition: all 0.3s;
}

img{
    max-width: 100%;
    height: auto;
}
::-moz-selection {
  background-color:#847f75;
  color: #ffffff;
  text-shadow: none;
}
::selection {
  background-color:#847f75;
  color: #ffffff;
  text-shadow: none;
}


/************************************************************/
/* Loading背景画面設定　*/
/*************************************************************/
#splash {display: none;}

#splash.is-active {
/*fixedで全面に固定*/
	display: block;
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 999;
  background:#ffffff;
  text-align:center;
  color:#fff;
}
#splash_logo{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#splash_logo img {
  width:300px;
display: block;
}

/*画面表示*/
#container{
    overflow-x: hidden;
    z-index: 1;
    position: relative;
}

/*スクロール途中からヘッダー変更 ===============*/
#header{
	position: fixed;
	height: 74px;
	width:100%;
    z-index: 999;
	transition: all .3s;
}

/*HeightMinというクラス名がついたら変更*/
#header.HeightMin{
	/*position: fixed;
    z-index: 999;
	height:70px;*/
	background:#006934;
	/*animation: DownAnime 0.5s forwards;*/ /*このanimateionを使うとハンバーガーメニューが上手く作動しないので禁止*/
}
#header h1.header_brand{
	display: flex;
	align-items: center;
	width: 200px;
	height: 100%;
	margin: 0;
	font-size: 1.5rem;
    line-height: 1;
}
#header h1.header_brand img{width: 100%;height: auto;}


/************************************************************/
/* nav　*/
/*************************************************************/

#nav_bar{
	display: flex;
	justify-content: space-between;
	align-items: center;
	text-align: center;
}
nav ul{
	list-style: none;
	display: flex;
	justify-content:flex-end;
}
nav ul li a {
color: #ffffff;
display: block;
text-decoration: none;
padding: 20px 0 20px 20px ;
transition: all .3s;
font-size: 1rem;
letter-spacing: 0.1rem;
}
.nav01c li a:hover{
	color:#ADADAD;
}
.nav01c li a::after {
	content: '|';
    padding: 0 0 0 20px;
}
.nav01c li:nth-child(4) a::after {
	content: '';
}
.nav01c li a:hover::after {
	color: #ffffff;
}

/*humberger------------------------*/
.g-nav-openbtn{
    display: none;
}


/************************************************
/*footer
*************************************************/
#to_top a{
	position: absolute;
	display: block;
	top:-25px;
	right: 20px;
	width: 50px;
	height: 50px;
	background-image: url( "../images/icon_totop.png");
	background-size: contain;
}
#footer_bar{
	position: fixed;
	width: 100%;
	left: 0;
	bottom:0;
	z-index: 2;
    /*はじめは非表示*/
	opacity: 0;
	transform: translateY(100px);
}
/*　上に上がる動き　*/
#footer_bar.UpMove{
	animation: UpAnime 0.5s forwards;
}
@keyframes UpAnime{
  from {
    opacity: 0;
	transform: translateY(100px);
  }
  to {
    opacity: 1;
	transform: translateY(0);
  }
}

/*　下に下がる動き　*/
#footer_bar.DownMove{
	animation: DownAnime 0.5s forwards;
}
@keyframes DownAnime{
  from {
  	opacity: 1;
	transform: translateY(0);
  }
  to {
  	opacity: 1;
	transform: translateY(100px);
  }
}

.footer_title {
 position: relative;
  padding: 0 10px;
  text-align: center;
}
.footer_title::before {
  position: absolute;
  top: calc(50% - 1px);
  left: 0;
  width: 100%;
  height: 1px;
  content: '';
  background: #006934;
}
.footer_title  span {
 position: relative;
  padding: 0 1rem;
}

/************************************************
/*home
*************************************************/
.home_greentitle{
  color: #006934;
  padding: 0.6rem 0;
  letter-spacing: 0.2rem;
}
.line_green,.line_green_right{
	position: relative;
	padding: 0.6rem 0;
    border-bottom: 1px solid #cccccc;
	margin-bottom: 30px;
}

.line_green::before {
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 20%;
  height: 1px;
  content: '';
  background: #006934;
}
.line_green_right::before {
  position: absolute;
  bottom: -1px;
  right: 0;
  width: 20%;
  height: 1px;
  content: '';
  background: #006934;
}

#home_plan_sp{
	background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.03) 1%, rgba(255,255,255,1) 35%, rgba(255,255,255,1) 100%),url( ../images/home/photo_home_plan01.jpg); 
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.03) 1%,rgba(255,255,255,1) 35%,rgba(255,255,255,1) 100%),url( ../images/home/photo_home_plan01.jpg); 
	background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,0.03) 1%,rgba(255,255,255,1) 35%,rgba(255,255,255,1) 100%),url( ../images/home/photo_home_plan01.jpg); 
	
    background-repeat: no-repeat;
    background-position: left center;
    background-size: /*contain*/cover;
	
	padding-top: 80px;
	padding-bottom:80px; 
}
#home_omotenashi_sp {
	background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.03) 1%, rgba(255,255,255,1) 35%, rgba(255,255,255,1) 100%),url( ../images/home/photo_home_omotenashi01.jpg); 
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.03) 1%,rgba(255,255,255,1) 35%,rgba(255,255,255,1) 100%),url( ../images/home/photo_home_omotenashi01.jpg); 
	background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,0.03) 1%,rgba(255,255,255,1) 35%,rgba(255,255,255,1) 100%),url( ../images/home/photo_home_omotenashi01.jpg); 
	
	 background-repeat: no-repeat;
    background-position: left center;
    background-size: /*contain*/cover;
	
	padding-top: 80px;
	padding-bottom:80px; 
	
}
/************************************************
/*subpage
*************************************************/
#pagetop {
	background-color: #1f375b;
	background-image: url("../images/pagetopimg.jpg");
	background-repeat:repeat-y;
	background-position: center center;
	background-size: cover;
	height: calc(200px + 74px) ;/*headerの高さ74px*/
	text-shadow: 0px 0px 8px rgba(0,0,0,.8);
}

/*plan*/
#plan_list_sp ul li a{
	display: block;
	background-color: #b8cdc2;
	border: 1px solid #b8cdc2 ;
	padding: 4px 20px 4px 10px;
	margin-bottom: 2px;
	color: #006934;
	font-weight: 500;
	position: relative;
}
#plan_list_sp ul li a:hover{
	background-color: #ffffff;
}
#plan_list_sp ul li a::after{
	content: '';
  width: 10px;
  height: 10px;
  border: 1px solid;
  border-color:  transparent transparent #006934  #006934;
  transform: rotate(-45deg);
	
	position: absolute;
	right: 10px;
	top: 40%;
}

.plan_title{
	border-left: solid 6px #0E0E0E; /*内側のライン*/
	margin-left: 2px;  /*中の空き幅*/
	position: relative;            		
	padding-left: 18px;
	line-height: 1.6;
}
.plan_title::before {
	content: '';              
	height: 100%;     
	border-left: solid 2px;   /*外側のライン*/
	position: absolute;  
	top: 0;
	left: -10px; /*外側のライン位置*/
}
.plan_title_green{
	background-color: #006934;
	padding: 4px 10px 4px 30px;
	color: #ffffff;
	position: relative;
}
.plan_title_green::before{
	content: '';
	display: inline-block;
	width: 20px;
	height: 100%;
	background-image: url("../images/plan/plan_title_green_bg.png");
	background-repeat:repeat-y;
	background-position: left top ;
	background-size:20px auto;
	position: absolute;
	top:0;
	left:0;
}

.plan_name img , .plan_price img{
	max-width: 190px;
}
.plan_price{
	display: flex;
	flex-direction: column;
}

.plan_modal{
	margin-bottom: 10px;
}
.plan_modal a{
	 cursor:-moz-zoom-in;
  cursor:-webkit-zoom-in;
  cursor: zoom-in;
}


ul.ul_plan_card li{
	padding-right: 5px;
	padding-bottom: 5px;
	flex-basis:10%;
}

ul.ul_plan_card li img{width: 100%;}

/*modal lightbox2*/
.lb-nav a.lb-prev{
	background-image: url( ../images/icon_prev.png)!important;
	background-size: 30px 30px!important;
	background-repeat: no-repeat!important;
	background-position: center left 10%!important;
}
.lb-nav a.lb-next{
	background-image: url( ../images/icon_next.png)!important;
	background-size: 30px 30px!important;
	background-repeat: no-repeat!important;
	background-position: center right 10%!important;
}
.lb-nav a.lb-next,.lb-nav a.lb-prev{width:20%!important;}
.lb-data .lb-details{
		background-color: #ffffff;
	color: #000000;
		padding: 2px 6px;
}
.lb-data .lb-caption{
	font-size:1rem!important;
	font-weight: 500!important;
	letter-spacing: 0.1rem;
	line-height: 1.6rem!important;
}
.lb-data .lb-close{
	background-size: contain!important;
	opacity:0.9!important;
}

#omotenashi{
	background-color:#e1ded1;
	background: -moz-linear-gradient(top,  #e1ded1 0%, #ffffff 600%);
	background: -webkit-linear-gradient(top,  #e1ded1 0%,#ffffff 60%);
	background: linear-gradient(to bottom,  #e1ded1 0%,#ffffff 60%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e1ded1', endColorstr='#ffffff',GradientType=0 );
}

/*funeralhall*/
#funeralhall a.btn_izumi,#funeralhall  a.btn_katsuyama{
	height: 80px;
	background-image: url("../images/funeralhall/btn_izumi.png");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 220px auto;
}
#funeralhall  a.btn_katsuyama{
	background-image: url("../images/funeralhall/btn_katsuyama.png");
}
#funeralhall a.btn_izumi:hover,#funeralhall  a.btn_katsuyama:hover{
	background-color: #b8cdc2;
}

/*--------------------------------------*/
/*funeral:gallery*/
/*縦型スライダーのため スライダー高さ459px で固定*/
/*---------------------------------------*/
.gallery_pc{
	display: flex;
}
.gallery_pc ul.gallery{
	width: 84%;
	height:100%;
	padding: 0 2px 0 0 ;
	margin: 0;
}
.gallery_pc ul.choice-btn{
	width: 26%;
	height: 100%;
}
.gallery_pc ul.gallery img{
	width: 100%;
	height: auto;
	vertical-align: bottom;/*画像の下にできる余白を削除*/
}
.gallery_pc ul.gallery li{
list-style:none;
}

/*選択するサムネイル画像の設定*/
.gallery_pc ul.choice-btn li{
	cursor: pointer;
	outline: none;
	background:#fff;
	height:  calc(459px / 6)!important;/*スライダー高さ変更時に変更！*/
	width: 100%;
    list-style:none;
	display: block;
	overflow:hidden;
}
.gallery_pc ul.choice-btn .slick-track { /*サムネイルはスライドしないようにする*/
  transform: unset !important;
}

.gallery_pc ul.choice-btn li img{
	opacity: 0.6;/*選択されていないものは透過*/
}

.gallery_pc ul.choice-btn li.slick-current img{
	opacity: 1;/*選択されているものは透過しない*/
}
.gallery_pc  ul.choice-btn .slick-list{
	height:459px!important;/*スライダー高さ変更時に変更！*/
}
.gallery_pc ul.slick-vertical .slick-slide {/*縦型設定*/
  border: none;
  margin-top: -50px;
  margin-bottom: 50px;
  display: block;
}

/*----------------------------------
/*スマホ版スライダー*/
/*-----------------------------------*/
#funeralhall ul.slider_sp {
  width: 100%;
  height:auto;
	margin: 0;
}
#funeralhall  ul.slider_sp img{
	width: 100%;
	height: auto;
	vertical-align: bottom;/*画像の下にできる余白を削除*/
}

/*矢印の設定*/
#funeralhall .slick-prev, 
#funeralhall .slick-next {
    position: absolute;/*絶対配置にする*/
	z-index: 3;
    top: calc( 50% - 13px);
    cursor: pointer;
    outline: none;
    height: 26px;
    width: 26px;
}

#funeralhall  .slick-prev {
	left:-13px;
	background-image: url("../images/icon_prev.png");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center;
}

#funeralhall  .slick-next {
	right:-13px;
	background-image: url("../images/icon_next.png");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center;		
}


/*customers*/
#customers_list article{
	padding: 50px 0;
}
#customers_list .line_pc{
	position: relative;
    border-bottom: 1px solid #cccccc;
	padding-bottom: 40px;
}
#customers_list .line_pc::before{
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 20%;
  height: 1px;
  content: '';
  background: #006934;
}

#customers_list h4.title{
	color:#006934;
	font-size:1.125rem;
	padding-bottom: 20px;
	line-height: 1.6;
}
#customers_list .name{
	color: #603813;
	text-align: right;
	margin-top: 20px;
}

/*faq*/
#qa_list .accordion_one {
	width: 100%;
}
#qa_list .accordion_header {
	background-color: #006934;
	color: #fff;
	font-size:1.125rem;
	font-weight:500;
	padding: 8px 30px 8px 20px;
	 margin-bottom: 4px;
	position: relative;
	z-index: +1;
	cursor: pointer;
	transition-duration: 0.4s;
}	
#qa_list .accordion_header .num{
	font-size: 1.4rem;
	font-family: 'Cormorant Garamond', serif;
	margin-right:16px;
	}
#qa_list .accordion_header:hover {
	opacity: .8;
}
/*アイコンの＋と×*/
#qa_list .accordion_header::before,
#qa_list .accordion_header::after{
    position: absolute;
    content:'';
    width: 26px;
    height: 2px;
    background-color: #ffffff;
	top:48%;
    right: 10px;
	transition-duration: 0.3s;
}

/*×展開している時のアイコン*/	
#qa_list .accordion_header.stay::before,
#qa_list .accordion_header.open::before{
    transform: rotate(45deg);
    
}
#qa_list .accordion_header.stay::after,
#qa_list .accordion_header.open::after{    
    transform: rotate(-45deg);
}

/*＋省略している時のアイコン*/
#qa_list .accordion_header::before{
	transform: rotate(0deg);
}

#qa_list .accordion_header::after{
	transform: rotate(90deg);
}
	
/*一番上のアイコン指示*/	
#qa_list .accordion_one:nth-of-type(1) .accordion_header.stay.open::before{
	transform: rotate(0deg);
}
#qa_list .accordion_one:nth-of-type(1) .accordion_header.stay.open::after{
	transform: rotate(90deg);
}

#qa_list .accordion_inner {
	display: none;
}
#qa_list .accordion_inner.stay {
	display: block;
}



#qa_list  .accordion_one article{
	border-bottom:1px solid #cccccc; 
	padding: 30px;
}
#qa_list  .accordion_one article:last-child{ /*最後のボーダを消す*/
		/*border-bottom: none;*/
	}

ul[class^="ul_qa_"]{
	display: flex;
	align-items: stretch;
	justify-content: space-between;
	padding: 20px 0;
}
ul.ul_qa_q{
	position: relative;
    border-bottom: 1px solid #cccccc;
}
ul.ul_qa_q::before{
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 20%;
  height: 1px;
  content: '';
  background: #006934;
}

/*title_image*/
ul[class^="ul_qa_"] li:first-child{
   display: flex;
   align-items: center;
	justify-content:flex-start;
	width: 100px;
}
ul[class^="ul_qa_"] li:first-child > div{
	display: block;
	width:60px;
	height:60px;
	background-image: url( "../images/faq/q_title.png");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center;
}
ul.ul_qa_a li:first-child > div{
	background-image: url( "../images/faq/a_title.png");
}
/*qa_contents*/
ul[class^="ul_qa_"] li:last-child{
	display: flex;
	width: 100%;
   align-items: center;
}
ul[class^="ul_qa_"] li:last-child > div{ /*li の中に 必ずdivが必要。safariのバグ回避*/
	display:block; width: 100%;
}

/************************************************
/*animation
*************************************************/
/* fadeUpをする動き */
.fadeUp{
animation-name: fadeUpAnime;
animation-duration:0.5s;
animation-delay: 0.5s;	
animation-fill-mode:forwards;
opacity: 0;
}

@keyframes fadeUpAnime{
  from {
    opacity: 0;
  transform: translateY(100px);
  }

  to {
    opacity: 1;
  transform: translateY(0);
  }
}
.fadeInTrigger{opacity: 0;}
.fadeIn{
animation-name:fadeInAnime;
animation-duration:2s;
animation-delay:/*1s*/0.8s;	
animation-fill-mode:forwards;
opacity:0;
}

@keyframes fadeInAnime{
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.fadeIn_loading{/*loading専用*/
animation-name:fadeInAnime;
animation-duration:1.5s;
animation-fill-mode:forwards;
opacity:0;
}

@keyframes fadeInAnime{
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.delay_1{animation-delay: 0.3s;}
.delay_2{animation-delay: 0.6s;}
.delay_3{animation-delay: 0.9s;}
.delay_11{animation-delay: 1.3s;}
.delay_12{animation-delay: 1.6s;}
.delay_13{animation-delay: 1.9s;}

/*==================================================
Main slider
===================================*/
#home .slider {
  position:relative;
	z-index: 1;/*z-indexの値をh1のz-indexの値よりも小さくして背景に回す*/
	height: calc(100vh );
    height: calc(var(--vh, 1vh) * 100);
}
/*　背景画像設定　*/
#home .slider-item01 {
    background:url(../images/mainimg/mainimg_01.jpg);
}
#home .slider-item02 {
    background:url(../images/mainimg/mainimg_02.jpg);
}
#home .slider-item03 {
    background:url(../images/mainimg/mainimg_03.jpg);
}
#home .slider-item04 {
    background:url(../images/mainimg/mainimg_04.jpg);
}
#home .slider-item05 {
    background:url(../images/mainimg/mainimg_05.jpg);
}
#home .slider-item06 {
    background:url(../images/mainimg/mainimg_06.jpg);
}
#home .slider-item {
    width: 100%;
    height:100vh;
	height: calc(var(--vh, 1vh) * 100);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}


/*ドットナビゲーションの設定*/
#home .slick-dots {
	position: relative;
	z-index: 3;
    text-align:center;
	margin: -50px  0 0 0;
}
#home .slick-dots li {
    display:inline-block;
	margin:0 5px;
}
#home .slick-dots button {
    color: transparent;
    outline: none;
    width:8px;
    height:8px;
    display:block;
    border-radius:50%;
    background:#fff;
}
#home .slick-dots .slick-active button{
    background:#333;/*ドットボタンの現在地表示の色*/
}


/*---------------------------------------------
 * Bootstrap Override
 * ---------------------------------------------*/
.fs--1 {
  font-size: 0.75019rem !important;
}

.fs-0 {
  font-size: 1rem !important;
}

.fs-1 {
  font-size: 1.333rem !important;
}

.fs-2 {
  font-size: 1.77689rem !important;
}

.fs-3 {
  font-size: 2.36859rem !important;
}

.fs-4 {
  font-size: 3.15733rem !important;
}

.fs-5 {
  font-size: 4.20873rem !important;
}

.fs-6 {
  font-size: 5.61023rem !important;
}

.fs-7 {
  font-size: 7.47844rem !important;
}

.fs-8 {
  font-size: 9.96876rem !important;
}

.lh-0 {
  line-height: 0 !important;
}

.lh-f1 {
  line-height: 0.7 !important;
}

.lh-f2 {
  line-height: 0.85 !important;
}

.lh-1 {
  line-height: 1 !important;
}

.lh-2 {
  line-height: 1.15 !important;
}

.lh-3 {
  line-height: 1.3 !important;
}

.lh-4 {
  line-height: 1.45 !important;
}

.lh-5 {
  line-height: 1.6 !important;
}

.lh-6 {
  line-height: 1.75 !important;
}

.lh-7 {
  line-height: 1.9 !important;
}

.lh-8 {
  line-height: 2.05 !important;
}


.fw-300 {
  font-weight: 300 !important;
}
.fw-500 {
  font-weight: 500 !important;
}

/*≥576px*/
@media (min-width: 576px) { 	
  .fs-sm--1 {
    font-size: 0.75019rem !important;
  }
  .fs-sm-0 {
    font-size: 1rem !important;
  }
  .fs-sm-1 {
    font-size: 1.333rem !important;
  }
  .fs-sm-2 {
    font-size: 1.77689rem !important;
  }
  .fs-sm-3 {
    font-size: 2.36859rem !important;
  }
  .fs-sm-4 {
    font-size: 3.15733rem !important;
  }
  .fs-sm-5 {
    font-size: 4.20873rem !important;
  }
  .fs-sm-6 {
    font-size: 5.61023rem !important;
  }
  .fs-sm-7 {
    font-size: 7.47844rem !important;
  }
  .fs-sm-8 {
    font-size: 9.96876rem !important;
  }
}

/*≥768px*/
@media (min-width: 768px) {	
  .fs-md--1 {
    font-size: 0.75019rem !important;
  }
  .fs-md-0 {
    font-size: 1rem !important;
  }
  .fs-md-1 {
    font-size: 1.333rem !important;
  }
  .fs-md-2 {
    font-size: 1.77689rem !important;
  }
  .fs-md-3 {
    font-size: 2.36859rem !important;
  }
  .fs-md-4 {
    font-size: 3.15733rem !important;
  }
  .fs-md-5 {
    font-size: 4.20873rem !important;
  }
  .fs-md-6 {
    font-size: 5.61023rem !important;
  }
  .fs-md-7 {
    font-size: 7.47844rem !important;
  }
  .fs-md-8 {
    font-size: 9.96876rem !important;
  }
}

/*≥992px*/
@media (min-width:992px){
  .fs-lg--1 {
    font-size: 0.75019rem !important;
  }
  .fs-lg-0 {
    font-size: 1rem !important;
  }
  .fs-lg-1 {
    font-size: 1.333rem !important;
  }
  .fs-lg-2 {
    font-size: 1.77689rem !important;
  }
  .fs-lg-3 {
    font-size: 2.36859rem !important;
  }
  .fs-lg-4 {
    font-size: 3.15733rem !important;
  }
  .fs-lg-5 {
    font-size: 4.20873rem !important;
  }
  .fs-lg-6 {
    font-size: 5.61023rem !important;
  }
  .fs-lg-7 {
    font-size: 7.47844rem !important;
  }
  .fs-lg-8 {
    font-size: 9.96876rem !important;
  }
}

/****************************************************
/*btn
/****************************************************/
.btn_border_green{
    padding: 6px 10px 10px 10px;
    vertical-align: middle;
    text-decoration: none;
	background-color: #ffffff;
	border:solid 2px #006934;
	border-radius:4px;
	text-align: center;
	outline: none;
	transition: all .2s linear;
}
.btn_border_green:hover{
	background-color:#b8cdc2; 
	border-color: #b8cdc2; 
}

.btn_yellow{
    display: inline-block;
    padding: 6px 10px 10px 10px;
    vertical-align: middle;
    text-decoration: none;
	background-color: #d7ce8e;
	border-radius: 4px;
	text-align: center;
	outline: none;
	transition: all .2s linear;
	font-size: 16px;
}
.btn_yellow > span{
	position: relative;
	vertical-align: middle;
    text-decoration: none;
	padding: 0 20px 0 0;
}
.btn_yellow > span::before,
.btn_yellow > span::after{
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    content: "";
    vertical-align: middle;
	transition: all .2s linear;
}
.btn_yellow > span::before{
    right: 0px;;
    width: 10px;
    height: 1px;
    background: #0e0e0e;
}
.btn_yellow > span::after{
    right: 0px;
    width: 4px;
    height: 5px;
    border-top: 1px solid #0e0e0e;
    border-right: 1px solid #0e0e0e;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.btn_yellow:hover{
	background-color: #bf9566;
	color: #ffffff;
}
.btn_yellow:hover > span::before{
	background: #ffffff;
	right: -6px;
}
.btn_yellow:hover > span::after{
	border-color: #ffffff;
	right: -6px;
}

.link_out{
	padding-left: 26px;
	position: relative;
}
.link_out::before{
	content: '';
	position: absolute;
	left: 0;
	top:8px;
	width: 20px;
	height: 20px;
	background-image: url("../images/icon_link.png");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center;
}

/****************************************************
/*共通
/****************************************************/
.font_title_en{font-family: 'Cormorant Garamond', serif;}
.color_green{color: #006934;}

.fs_14{font-size:0.875rem!important;}
.fs_18{font-size:1.125rem!important;}

.ls_04{ letter-spacing: 0.04rem;}
.ls_08{ letter-spacing: 0.08rem;}
.ls_12{ letter-spacing: 0.12rem;}

.bg_green{background-color:#b8cdc2; }
.border_base{border-color:#cccccc!important;}
.border_green{border-color: #006934!important;}
.border_right_lg{border-right: 1px solid #cccccc;}

.tag_green{
	background-color: #006934;
	border-radius: 8px;
	color:#ffffff;
	padding:0px  10px;
}


@media (min-width: 1200px){
	/*grid幅を狭く*/
	.container, .container-lg, .container-md, .container-sm, .container-xl {
		max-width:960px;
	}
}

@media (max-width: 991.98px) { /*lg:sp*/
	.border_right_lg{border-right:none}	
	#nav_bar { justify-content: center;}
	
	/*nav*/
	nav{	padding: 0;}
	nav ul {display: block;}
	nav ul li a{	border-bottom:1px solid #ccc;}

	#g-nav{
		position:fixed;
		z-index: 999;
		top:-200%;
		left:0;
		width:100%;
		height: 100vh;/*ナビの高さ*/
		background-color: #847f75;
		transition: all 1s;
		letter-spacing: 0.2em;
	}

	/*アクティブクラスがついたら位置を0に*/
	#g-nav.panelactive{
		top: 0;
		background-color: #847f75;
	}
	#g-nav.panelactive #g-nav-list{
		position: fixed;
		z-index: 999; 
		width: 100%;
		height: 100vh;
		overflow: auto;
		-webkit-overflow-scrolling: touch;
	}
	#g-nav ul {
		width: 50%;
		margin:30px auto 0 auto;
	}

	/*リストのレイアウト設定*/
	#g-nav li{
		list-style: none;
		text-align: left; 
	}

	#g-nav li a{
		color: #ffffff;
		text-decoration: none;
		padding:10px;
		display: block;
		text-transform: uppercase;
		letter-spacing: 0.1em;
		font-size: 1rem; 
	}	
	.nav01c li a::after {
    display: none;
}  
	
	/*humberger------------*/
	.g-nav-openbtn{
		display: block;
		position:fixed;
		z-index: 9999;/*ボタンを最前面に*/
		top:10px;
		right: 14px;
		cursor: pointer;
		width: 50px;
		height:50px;
	}

	/*ボタン内側*/
	.g-nav-openbtn .openbtn-area{
		transition: all .4s;
	}

	.g-nav-openbtn span{
		display: inline-block;
		transition: all .4s;
		position: absolute;
		left: 14px;
		height: 3px;
		border-radius: 2px;
		background: #fff;
		width: 45%;
	  }
	.g-nav-openbtn span:nth-of-type(1) {
		top:15px;	
	}
	.g-nav-openbtn span:nth-of-type(2) {
		top:23px;
	}
	.g-nav-openbtn span:nth-of-type(3) {
		top:31px;
	}

	/*activeクラスが付与されると
	線と周りのエリアが回転して×になる*/
	.g-nav-openbtn.active .openbtn-area{
		transform: rotateY(-360deg);
	}

	.g-nav-openbtn.active span:nth-of-type(1) {
		top: 18px;
		left: 18px;
		transform: translateY(6px) rotate(-135deg);
		width: 30%;
	}

	.g-nav-openbtn.active span:nth-of-type(2) {
		opacity: 0;
	}

	.g-nav-openbtn.active span:nth-of-type(3){
		top: 30px;
		left: 18px;
		transform: translateY(-6px) rotate(135deg);
		width: 30%;
	}	
	
	#header.HeightMin{height: 70px;}
	#header.HeightMin h1.header_brand{display: flex; width: 120px;}
	#header h1.header_brand{display:none;}
	#pagetop {height: 200px;}
	
	/*plan*/
	#plan_lead .plan_title{border: none;margin-left: 0; padding-left: 0;}
	#plan_lead .plan_title::before{content: none;} 
	.plan_price{
		flex-direction:row;
		flex-wrap:nowrap;
		align-items:flex-start;
	}
	.plan_price img{width:50%;}
	ul.ul_plan_card li{flex-basis:12.5%;}
}


@media (max-width: 767.98px) {/*md*/
	#g-nav ul {	width: 70%;}
	
/*　背景画像設定　*/
#home .slider-item01 {
    background:url(../images/mainimg/mainimg_01_sp.jpg);
}
#home .slider-item02 {
    background:url(../images/mainimg/mainimg_02_sp.jpg);
}
#home .slider-item03 {
    background:url(../images/mainimg/mainimg_03_sp.jpg);
}
#home .slider-item04 {
    background:url(../images/mainimg/mainimg_04_sp.jpg);
}
#home .slider-item05 {
    background:url(../images/mainimg/mainimg_05_sp.jpg);
}
#home .slider-item06 {
    background:url(../images/mainimg/mainimg_06_sp.jpg);
}
#home .slider-item {/*ここにも必ずこの記載が必要*/
    width: 100%;
    height:100vh;
	height: calc(var(--vh, 1vh) * 100);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
	
	/*furunelhall*/
	#funeralhall a.btn_izumi,#funeralhall  a.btn_katsuyama{
		background-size:90% auto;
	}
	
	/*customers*/
	#customers_list .line_pc{border: none;}
	#customers_list .line_pc::before{content: none;}
	#customers_list article{border-bottom: 1px solid #cccccc;}
	#customers_list h4.title{
			position: relative;
    		border-bottom: 1px solid #cccccc;
	}
	#customers_list h4.title::before{
		  position: absolute;
		  bottom: -1px;
		  left: 0;
		  width: 20%;
		  height: 1px;
		  content: '';
		  background: #006934;
	}
		
		
	/*faq*/
	#qa_list  .accordion_header {font-size: 16px;}
	ul[class^="ul_qa_"]{display:block;}
	ul[class^="ul_qa_"] li:first-child{padding-bottom: 20px;width:100%;  justify-content: center;}
	ul[class^="ul_qa_"] li:first-child > div{ width:30px ;height: 30px;}
	ul.ul_qa_q li:first-child > div{background-image: url( "../images/faq/q_title_sp.png");}
	ul.ul_qa_a li:first-child > div{background-image: url( "../images/faq/a_title_sp.png");}
	
	/*plun*/
	ul.ul_plan_card li{flex-basis:16.5%;}
}


@media (max-width: 575.98px) { /*sm*/
	#g-nav ul {	width: 90%;}
	ul.ul_plan_card li{flex-basis:25%;}
}


/*追加*/

.tsuikabanner{
	width:100%;
	margin:0 auto;
	display:flex;
	justify-content: space-between;
}

.tsuikabanner img{
	width:49%; height:auto;
}

@media (max-width: 767.98px) {/*md*/
.tsuikabanner{
	display: flex;
	flex-direction: column;
	margin-bottom:3em;
	}
.tsuikabanner img{
	width:100%;
	max-width:100%;
	margin-top:1em;}
}

@media (max-width: 575.98px) { /*sm*/
.tsuikabanner{
	width:100vw;
	display: flex;
	flex-direction: column;
	border-bottom:solid 1px #999999;
	padding-bottom:1.5em;
	}
.tsuikabanner img{
	width:100%;
	height:auto;
	max-width:100%;
	margin-top:.5em;
}
}