@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Roboto:400,700');

  :root {
    --easing: cubic-bezier(.2, 1, .2, 1);
    --transition: .8s var(--easing);
    --color-base: #f9f8f2;
    --color-gray: #f4f4f4;
    --color-theme: #027b40;
	  --color-other: #ededb9;

    --color-theme-right: #eff8ec;
	  --color-theme-darken: #015b2c;
	  --color-other-right: #f9f9f2;
	  --color-other-darken: #baba61;
      --color-red: #bc2800;
    /*--font-family-gothic: "linotype-sabon", sans-serif;*/
     /* --font-family-gothic: gotham, sans-serif;*/
	  --font-family-gothic:"optima-lt-pro", sans-serif;
	  --font-family-gothic2: "josefin-sans", sans-serif;

	  --font-family-gothic3: owners-narrow, sans-serif;
	  
      
	  --font-family-mincho: "Hiragino Mincho ProN",YuMincho,serif;

      
    --box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.08);
    --box-shadow-hover: 1rem 1rem 1.5rem rgba(0, 0, 0, .08), -1rem -1rem 1.5rem #fff;
    --box-shadow-inset: inset .8rem .8rem 1.2rem rgba(0, 0, 0, .05), inset -.8rem -.8rem 1.2rem #fff;
    --box-shadow-dark: .8rem .8rem 1.2rem rgba(0, 0, 0, .1), -.8rem -.8rem 1.2rem rgba(#fff,.2);
  }
/* RESET
----------------------------------------------------------------------------------------------------*/
a,article,body,dd,div,dl,dt,em,form,footer,header,h1,h2,h3,h4,h5,h6,html,i,iframe,img,label,legend,li,nav,ol,p,section,main,span,table,tbody,tfoot,thead,time,tr,th,td,ul,video{font-family:inherit;font-size:100%;font-weight:inherit;font-style:inherit;vertical-align:baseline;white-space:normal;margin:0;padding:0;border:0;outline:0;background:transparent;line-height:1.8;text-align:left}textarea{font-family:inherit;font-size:100%;font-weight:inherit;font-style:inherit;vertical-align:baseline;margin:0;padding:0;/*border:0;*/outline:0;background:transparent;line-height:1.6;text-align:left}article,footer,header,nav,section,main{display:block}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}

/* ----------------------------------------------

 * 設定をしなおす

---------------------------------------------- */
/*CSSで読み込み時にフェードイン*/
body {
    animation: fadeIn 2s ease 0s 1 normal;
}

@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}
/*/CSSで読み込み時にフェードイン*/
html {
    scroll-behavior: smooth;
    
}
body {
  margin: 0 auto;
  padding: 0;
  
    
	font-size: 15px;
    line-height: 1.8;
    font-family: "Helvetica Neue",
    Arial,
    "Hiragino Kaku Gothic ProN",
    "Hiragino Sans",
    Meiryo,
    sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

    line-height: 1.8;
  font-weight: normal;
  color:#303028;
  -webkit-text-size-adjust: 100%;
    background: var(--color-other-right);
}

@media only screen and ( max-width : 768px ) {
  body {font-size: 13px;}
}

table {
  margin : 0;
  border-collapse: collapse;
  border-spacing: 0;
  empty-cells: show;
	
}

img {
  vertical-align: middle;
  border: none;
}



.sec {
	margin-bottom: 60px;

}
.sec2 {
	margin-bottom: 30px;

}
@media screen and (max-width: 768px) {
	.sec {
	margin-bottom: 30px;

}
		.sec2 {
	margin-bottom: 20px;

}
}
@media(min-width:768px){
    .sp{
        display: none !important;
    }
}
@media(max-width:768px){
    .pc{
        display: none !important;
    }
	}

@media(min-width:768px){
    .sl_sp{
        display: none !important;
    }
}
@media(max-width:768px){
    .sl_pc{
        display: none !important;
    }
	}


.map {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
    /* 16:9のアスペクト比 */
    height: 0;
	
}

.map iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	
}
.cntr {
	text-align: center;
}
@media only screen and ( max-width : 768px ) {
	.cntr {
	text-align: left;
}
}
/* ----------------------------------------------

 * アンカータグの設定

---------------------------------------------- */
a {
  outline:none;
  color: #000;
}

a:hover {
  text-decoration: none;
}


a,a:hover,a:hover img {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  text-decoration: none;
}

/*a:hover {
  filter: alpha(opacity=80);
  -moz-opacity:0.80;
  opacity:0.80;
}*/


/* ----------------------------------------------

 * 要素を左右中央寄せ

---------------------------------------------- */

.taC {
  text-align: center !important;
}

.taR {
  text-align: right !important;
}

.taL {
  text-align: left !important;
}



*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;*behavior:url(/scripts/boxsizing.htc)}.container{margin:0 auto}.clr:after,.col:after,.container:after,.group:after,.row:after{content:"";display:table;clear:both}.row{padding-bottom:0}.col{display:block;float:left;width:100%}@media (min-width:769px),print{.gutters .col{margin-left:2%}.gutters .col:first-child{margin-left:0}.gutters .colR:first-child{margin-right:0}/*.sp{display:none}*/}@media(max-width:768px){/*.sp_none{display:none !important;}*/}


img {
    max-width: 100%;
    height: auto;
    width /***/:auto;　/*IE8のみ適用*/
}

@media only screen and ( max-width : 768px ) {
  .sbox {
    margin-bottom: 20px;
  }
  .container {
    padding: 0 20px;
  }
  section {
    padding: 30px 0;
      
  }
}




@media print, screen and ( min-width : 769px ) {
  .sbox {
    margin-bottom: 25px;
  }
  .headercontainer {
    padding: 0 20px;
  }
  section {
    padding: 100px 0;
      
  }
}

/*ページ内リンク用このCSSだけでok*/
.pagenailink {
    padding-top: 120px;
    margin-top: -120px;
}
/*ページ内リンク用*/

/* ---------------------------------------------------------------------------------------------

　   HEADER

--------------------------------------------------------------------------------------------- */

.headerColor-default {
  /* （画像よりも下までスクロールした時に変えたい文字色） */
    
    border-bottom: #000 0.5px solid;
    /*box-shadow: 0px 3px 15px rgba(0,0,0,0.2);*/
    transition: all 0.5s 0s ease-in-out;
	  background: var(--color-base);
}

.h_logo  {
    width: 100%;
    height: auto;
    position: absolute;
    top: 10px;
     left: 50%; 
	transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    background-image: url("../img/common/logo.svg");
    background-repeat: no-repeat;
     transition: all 0.5s 0s ease-in-out;
}
/*.h_logo a div {
    width: 150px;
    height: 143px;
}*/
.headerColor-default #gNav li a {
   
    color: #000;
	transition: all 1s;
}

.headerColor-default #gNav li a:hover{
transform: translate(0,3px);
}

.headerColor-default a.h_logo  {
	 
   width: 100px;
    height: 96px;
    position: absolute;
    top: 10px;
     left: 50%; 
	transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    padding: 0;
	background: none;
	box-shadow: none;
	border-radius: none;
}

.headerColor-default a.h_logo div {
    width: 100px;
    height: 96px;
	background-image: url("../img/common/logo.svg");
    background-repeat: no-repeat;
     transition: all 0.5s 0s ease-in-out;
	
}
.h_logo_daini  {
    width: 230px;
    height: 40px;
    position: absolute;
    top: 20px;
     left: 20px; 
    background-image: url(../img/common/logo_cl.svg);
    background-repeat: no-repeat;
     transition: all 0.5s 0s ease-in-out;
}
@media only screen and ( max-width : 1200px ) {
.headerColor-default a.h_logo {
    width: 63px;
    height: 60px;
    top: 10px;
	background: none;
	box-shadow:  none;
	padding: 0;
}
	.headerColor-default a.h_logo div {
    width: 63px;
    height: 60px;
	background-image: url("../img/common/logo.svg");
    background-repeat: no-repeat;
     transition: all 0.5s 0s ease-in-out;
	
}
}

#header {
  z-index: 99;
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
	  background: var(--color-base);


}

#gNav li a {
  margin: 0 0.5em;

}
#gNav li a:hover span.jp {
}
@media only screen and ( max-width : 768px ) {nav li a {
  font-size: 12px;
  letter-spacing: 0em;
}}

@media only screen and ( max-width : 768px ) {


  #header {
    padding: 10px 0;
    height: 80px;
  }

  #gNav .nav {
    overflow-y: auto;
    height: 100vh;
  }
  .mean-nav .container {
    padding: 0;
  }
  nav li .fa {
    display: none;
  }
    .sns_wrap {
		padding: 0 15px;
		

	}
	.mean-container .mean-nav ul li.sns_wrap a {
				display: flex;
  flex-wrap: wrap;
  align-items: center;
justify-content: center;
		text-align: center;
			
	}
	
	.sns_wrap img {
		width: 30px;
		
	} 
	.sns_wrap svg {
		width: 26px;
		vertical-align: middle;
		fill: #FFF;
	}
}
@media only screen and ( min-width : 1200px ) {
	a.h_logo  {
    width: 60px;
      height:58px;
    position: absolute;
    top: 10px;
     left: 50%; 
	transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    background-image: url("../img/common/logo.svg");
    background-repeat: no-repeat;
     transition: all 0.5s 0s ease-in-out;
}
	a.h_logo div {
   width: 60px;
      height:58px;
}
}
@media print, screen and ( min-width : 1200px ) {
#header {
    height: 120px;
	
  }
	a.h_logo {
	 
    width: 160px;
    height: 155px;
    height: auto;
    position: absolute;
    top: 0;
     left: 50%; 
	transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    padding: 20px;
	background: #FFF;
	box-shadow: var(--box-shadow);
	border-radius: 0 0 3px 3px;
		z-index: 100;
}

a.h_logo div {
    width: 120px;
    height: 115px;
	background-image: url("../img/common/logo.svg");
    background-repeat: no-repeat;
     transition: all 0.5s 0s ease-in-out;
	
}

  #h_top {
    display: flex;
    justify-content: center;
    align-items: center;
	  height: 120px;
  }
  #gNav ul {
    position: relative;
    display: flex;
  }
	#gNav ul .menu_in {
		display: flex;
    justify-content: space-around;
    align-items: center;
		width: 1300px;
			
	}
	#gNav ul .left {
		
		margin-right:100px;
			width: 50%;
	}
	#gNav ul .left_in {
		display: flex;
    justify-content: flex-end;
    align-items: center;
	}
	#gNav ul .left .menu_tel {
		display: flex;
    justify-content: flex-end;
    align-items: center;
		height: 54px;
		margin-right: 10px;
	}

	#gNav ul .left .menu_tel p {
		font-family: var(--font-family-mincho);
    font-weight: 500;
    font-size: clamp(13px, 1vw, 14px);
    
    line-height: 1em;
    
   
    letter-spacing: 0.05em;
	}
	.menu_tel_hukidashi {
  position: relative;
  display: inline-block;
  margin-right: 1.5em;
  padding: 7px 10px;
  min-width: 120px;
  max-width: 100%;
  background: var(--color-other);
		text-align: center;
		border-radius: 3px;
}

.menu_tel_hukidashi:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 100%;
  margin-top: -8px;
  border: 8px solid transparent;
  border-left: 8px solid var(--color-other);;
}

	

	#gNav ul .left .menu_tel a {
		font-family: var(--font-family-mincho);
		font-size: clamp(18px, 2.6vw, 26px);
		font-weight: 600;
		
	}
	#gNav ul .left .menu_tel a i {
		padding-right: 10px;
	}
	#gNav ul .right {
		
		margin-left: 100px;
			width: 50%;
	}
	#gNav ul .right_in {
		display: flex;
    justify-content: flex-start;
    align-items: center;
	}
	#gNav ul .right .menu_mail{
		display: flex;
    justify-content: flex-start;
    align-items: center;
		margin-left: 10px;
		height: 54px;
	}

	#gNav ul .right .menu_mail a {
		font-weight: 600;
		font-size: clamp(14px, 1.1vw, 15px);
		background: linear-gradient(to right, #027b40, #71af5a);
		 
    padding: 0.3em;
    border-radius: 50vh;
		color: #FFF;
		width: 300px;
		display: block;
		text-align: center;
		transition: all 1s;
}
	#gNav ul .right .menu_mail a i {
		
	}
	#gNav ul .right .menu_mail a:hover {
    background: var(--color-theme-darken);
	 
	transition: all 1s;
}
  #gNav li {
    position: relative;
   margin: 0 0.3em;
	 
  }

  #gNav li:last-child {
    margin-right: 0;
  }
  #gNav li i {
    font-size: 14px;
    
  }
  #gNav li a {
    position: relative;
    display: block;
    text-align: center;
    line-height: 2em;
	  font-size: clamp(13px, 1vw, 16px);
  }

  #gNav li a.black {

      color: #000;
  }
  #gNav .sub-menu {
    visibility: hidden;
    opacity: 0;
    z-index: 1;
    display: block;
    position: absolute;
    top: 50px;
    left: 50%;
    margin-left: -150px;
    width: 300px;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
   background: rgba(225,225,225,.8);
  }
    #gNav li.nav6 .sub-menu {
    visibility: hidden;
    opacity: 0;
    z-index: 1;
    display: block;
    position: absolute;
    top: 50px;
    left: 0%;
    margin-left: -150px;
    width: 300px;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
  }
  #gNav .sub-menu a {
    padding: 10px;
    display: block;
    border-bottom: none;
    padding: 20px;
    line-height: 1.2em;
  }
  #gNav .sub-menu a:hover:after {
    content: none;
  }
  #gNav .sub-menu li {
    display: block;
    font-size: 14px;
    padding: 0;
    margin: 0;
  }
  #gNav .sub-menu li:last-child {
    border-bottom: none;
  }
  #gNav ul > li:hover {
    -webkit-transition: all .5s;
    transition: all .5s;
  }

  #gNav li:hover ul.sub-menu {
    top: 60px;
    visibility: visible;
    opacity: 1;
    z-index: 9999;
  }
  #gNav li ul li:after {
    content: none;
  }
 #gNav li:hover ul.sub-menu a {
    color: #111;
     

  }
    .h_nav_gothic #gNav li:hover ul.sub-menu a {
         font-family: var(--font-family-gothic);
    }
  #gNav .sub-menu li a:hover {
    background: #fff;
  }
  #gNav .contact_btn a:hover {
    color: #fff;
  }
	.sns_wrap a {
		display: flex;
    justify-content: center;
    align-items: center;
		padding: 0 15px;
	}
	.sns_wrap img {
		width: 30px;
	} 
    .sns_wrap svg {
		width: 26px;
		vertical-align: middle;
		fill: #FFF;
	}
.headerColor-default .sns_wrap svg {
		fill: #000;
	}
}
	@media print, screen and ( max-width : 1200px ) {
		.menu_tel,.menu_mail { display: none;}
}
@media print, screen and ( max-width : 1200px ) {
#header {
    height: 80px;
	
  }
	a.h_logo  {
	 
    width: 80px;
    height: 80px;
    height: auto;
    position: absolute;
    top: 0;
     left: 50%; 
	transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    padding: 10px;
	background: none;
	box-shadow: none;
	border-radius: none;
		z-index: 100;
}
a.h_logo div {
    width: 60px;
    height: 65px;
	background-image: url("../img/common/logo.svg");
    background-repeat: no-repeat;
     transition: all 0.5s 0s ease-in-out;
	
}
	}
@media print, screen and ( max-width : 1200px ) {
	#header {
    height: 80px;
  }
}
/* ---------------------------------------------------------------------------------------------

　   FOOTER

--------------------------------------------------------------------------------------------- */
#footer {
  background-image: linear-gradient(-20deg, #e9defa 0%, #fbfcdb 100%);
  font-size: 14px;
}
.f_logo,.f_logo p {
  text-align: center;
}
.copy {
  text-align: center;
}
@media only screen and ( max-width : 768px ) {
  #footer {
    padding: 40px 0;
  }
  .f_logo {
    padding: 0 20px;
    text-align: center;
  }
  .f_logo p {
    text-align: center;
  }
  .f_logo img {
    margin-bottom: 20px;
    width: 150px;
  }
}

@media only screen and ( max-width : 480px ) {
}

@media print, screen and ( min-width : 769px ) {
  #footer {
    padding: 30px 0;
  }
  .f_logo {
  }
  .f_logo img {
    margin-bottom: 20px;
    width: 200px;
  }
  .f_logo {
  }
  .copy {
  }
}
section {
	padding: 100px 0;
}
@media print, screen and ( max-width : 768px ) {
	section {
	padding: 40px 0;
}
}
.top_container {
	max-width: 1600px;
	margin: 0 auto;
	padding: 0 20px;
}
.top_container h3 {
	font-family: var(--font-family-mincho);
    font-weight: 500;
    font-size: clamp(18px, 3vw, 30px);
    text-align: center;
    line-height: 2em;
    letter-spacing: 0.1em;
	position: relative;
	margin-bottom: 2em;
}

.top_container h3::before {
    content: "";
    display: inline-block;
    width: 200px;
    height: 155px;
    background-image: url('../img/common/h3bk.svg');
    background-position: center;
    background-size: contain;background-repeat: no-repeat;
	position: absolute;
	top: 50%;
	left: 50%;
	        transform: translate(-50% , -50% );
        -webkit-transform: translate(-50% , -50%);
	z-index: -1;
}
@media print, screen and ( max-width : 768px ) {
	.top_container h3::before {
    width: 100px;
    height: 100px;
}
}
.catch {
	font-family: var(--font-family-mincho);
    font-weight: 600;
    font-size: clamp(16px, 2.3vw, 28px);
   
    line-height: 2em;
    letter-spacing: 0.1em;
	margin-bottom: 1em;
}
/* ---------------------------------------------------------------------------------------------

　   CONTENTS

--------------------------------------------------------------------------------------------- */


/*.btn {
  display: block;
  background: #fff;
  color: #618bbe;
  padding: 0.8em 1em;
  text-align: center;
  margin: 0 auto;
  border-radius: 100px;
}
.btn:before {
  content: "\f104";
  font-family: "FontAwesome";
  margin-right: 5px;
}
@media only screen and ( max-width : 768px ) {
  #main {
    padding-top: 58px;
  }
  .btn {
    width: 60%;
  }
}

@media only screen and ( max-width : 480px ) {
  .btn {
    width: 100%;
  }
}

@media print, screen and ( min-width : 769px ) {
  #main {
    padding-top: 80px;
  }
  .btn {
    width: 300px;
  }
}
*/

/*お急ぎの方はこちらバナー

.tel_oisogi {
	position: absolute;
	top:50%;
	right: 10px;
	
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
	z-index: 3;
}
.tel_oisogi img {
	width: 100px;
	display: block;
	
}
/*お急ぎの方はこちらバナー*/


/*フッター*/
.daini_footer_img {
    

background: linear-gradient(135deg, rgba(0,0,0,0.3), rgba(0,0,0,0.3) ) fixed,url(../img/slide/1.jpg);
    background-position: center bottom;
    height: 400px;
    background-size: cover;
    }
.daini_footer_img img {
    height: 600px;
    width: 100%;
    object-fit: cover;
}
footer {
    background:  var(--color-other);
    padding: 80px 0;
	
}
.footer {
    max-width: 980px;
    margin: 0 auto;
}
@media screen and (max-width: 980px) {
	.footer {
    
   padding: 0 20px;
}
}
.footer_wrap {
    
    display: flex;
    flex-wrap: wrap;
    align-items:stretch;
    justify-content:space-between;
}
.footer_h1_wrap {
	margin-bottom: 2em;
	width: 100%;
}
.footer_wrap h1 {
	font-size: 12px;
	color: #FFF;
	
}
footer .footer_logo {
    width: 130px;
    margin-bottom: 40px;
}
footer .footer_logo img {
    width: 100%;
}
.footer_left {
    width: 30%;
}
.footer_left i {
	padding-right: 0.5em;
}
.footer_right {
    width: 70%;
    display: flex;
    align-items: flex-start;
    justify-content:flex-end;
}
.footmenu li {
    display: list-item;  /* 縦に並べる */
  list-style-type: none;
  text-transform: capitalize;
    text-decoration: none;
    position: relative;
  }

.footmenu li a {

	line-height: 1.4;
		padding: 2px 0;
	transition: all 0.3s;
	font-size: 13px;
}


.footmenu li a:hover{
transform: translate(0,3px);
	
}




.footmenu li ul li {
    margin-left: 2em;
    
}
.footmenu li ul li a {
    font-weight: normal;
    line-height: 1.4em;
    position: relative;
}
.footmenu li ul li a:before {
  font-family: "Font Awesome 5 Free";
  content: "/";
  position: absolute;
  left : -1em; /*左端からのアイコンまで*/
}

@media screen and (max-width: 768px) {
.daini_footer_img img {
    height: 200px;
    width: 100%;
    object-fit: cover;
}
    .footmenu li {padding: 0;
        font-size: 14px;
        
    }
    ul.footmenu{
 list-style-type: none;
      padding: 0;
      margin: 0;
      display: flex;
      flex-wrap: wrap;
}
    .footmenu li{
  margin: 0;
        width: 100%;
		line-height: 1.4;
		padding: 0.2em 0;
		
}
.footmenu li a {
   font-size: 12px;
}
    .footmenu li ul li {
        border-bottom:none;
        width: 100%;
        font-size: 0.9em;
    }
    .footmenu li ul li a {
    
    line-height: 1.6;
    
}
}
.footer_right_in {
    padding: 0 30px;
}
.footer_copy {
    width: 100%;
    text-align:right;
    margin-top: 50px;
    font-family: var(--font-family-gothic2);
	font-weight: 300;
}
@media screen and (max-width: 768px) {
    footer {
    
    padding: 30px 0 30px;
}
.footer {
    width: 100%;
	
}
.footer_wrap {
    
    display: flex;
    align-items:stretch;
    justify-content:space-between;
}
footer .footer_logo {
    width: 100px;
    margin: 0 auto 30px;
}
footer .footer_logo img {
    width: 100%;
	
}
.footer_left {
    width: 100%;
}
.footer_right {
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content:flex-end;
}

.footer_right_in {
    padding: 0 0px;
    width: 100%;
    font-size: 13px;
    line-height: 1.6;
}
.footer_copy {
    width: 100%;
    text-align: left;
    margin-top: 30px;
    
}

}
/*フッター*/
/*ページトップへ戻るボタン*/
#page-top {
  position: fixed;
  bottom: 20px;
  right: 20px;
    z-index: 99;
    
}
#page-top a {
  background: #FFF;
    border:solid 1px #000;
  text-decoration: none;
  color: #fff;
  width: 60px;
    height: 60px;
  padding: 10px 10px;
  text-align: center;
  
  border-radius: 90px;
  opacity: 0.9;
  transition: all .3s ease;
    display: flex;
    justify-content: center;
    align-items: center;
}
#page-top a:hover {
  text-decoration: none;
  opacity: .5;
}
.pagetop__arrow {
    height: 10px;
    width: 10px;
    border-top: 1px solid #000;
    border-right: 1px solid #000;
    transform: translateY(20%) rotate(-45deg);
}
@media screen and (max-width: 768px) {
#page-top {
  position: fixed;
  bottom: 20px;
  right: 20px;
    z-index: 99;
    
}
    #page-top a {
  width: 50px;
    height: 50px;
}
}
/*ページトップへ戻るボタン*/
/*TOP バナー*/
.top_banner {
	position: relative;
background: var(--color-other);
}
.top_banner_wrap {
	width: 1200px;
	padding: 0 20px;
	position: absolute;
	top:-100px;
	left: 50%;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
	
	display: flex;
	flex-wrap: wrap;
  align-items: center;
  justify-content: center;
	z-index: 2;
}
.top_banner_in {
	width: 31%;
	margin: 1%;
	padding: 0px;
	background: #FFF;
	box-shadow: var(--box-shadow);
	border-radius: 3px;
}
.top_banner_in img {
	width: 100%;
	height: 180px;
	object-fit: cover;
}
.top_banner_in h4 {
	font-family: var(--font-family-mincho);
	text-align: center;
	font-size: clamp(16px, 2vw, 21px);
	letter-spacing: 0.08em;
	line-height: 1;
	padding: 15px;
	font-weight: 600;
	position: relative;
}

.top_banner_in h4:after {
        font: var(--fa-font-solid);
        content: "\f105";
        position: absolute;
        top: 50%;
        right: 20px;
        transform: translateY(-50%);
      }
@media print, screen and ( max-width : 1200px ) {
	.top_banner_wrap {
		width: 100%;}
	.top_banner_in img {
	height: 100px;
}
}
@media print, screen and ( max-width : 768px ) {

	.top_banner_wrap {
	position: static;
	top:100px;
	left: 0;
		 transform: translateX(0%);
        -webkit-transform: translateX(0%);
}
	.top_banner_in {
	width: 100%;
	margin: 1% 0;
	
}
	.top_banner_in img {
	height: 100px;
}
}
/*TOP バナー*/
/*TOP 最新情報*/
.top_information {
	background: #FFF;
}
.top_information_news {
	display: flex;
	flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
.top_information_news_ttl {
	width: 30%;
}
.top_information_news_txt {
	width: 70%;
}


@media print, screen and ( max-width : 768px ) {
.top_information_news_ttl {
	width: 100%;
}
.top_information_news_txt {
	width: 100%;
}

}

.button-3 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 250px;
    margin:0 auto;
    padding: .9em 2em;
    border: none;
    border-radius: 25px;
    box-shadow: 0 2px 3px rgb(0 0 0 / 25%), 0 2px 3px -2px rgb(0 0 0 / 15%);
    background: linear-gradient(to right, #027b40, #71af5a);
    color: #fff;
    font-weight: 600;
    font-size: 1em;
	transition: all 1s;
	margin: 2em auto;
	
}

.button-3::after {
    transform: rotate(45deg);
    width: 5px;
    height: 5px;
    margin-left: 10px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    content: '';
	transition: all 1s;
}

.button-3:hover {
    background: var(--color-theme-right);
	 color: var(--color-theme);
	transition: all 1s;
}
.button-3:hover::after {
	border-top: 2px solid var(--color-theme);
    border-right: 2px solid var(--color-theme);
	transition: all 1s;
} 
@media print, screen and ( max-width : 480px ) {
	.button-3 {
    width: 100%;
	
}
}
a .construction_wrap_item h3.ttl_arrow {
    
    font-weight: 500;
    margin-bottom: 0.5em;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
a.seemore span.dli-arrow-right {
  display: inline-block;
  vertical-align: middle;
  color: #333;
  line-height: 1;
  position: relative;
  width: 1.5em;
  height: 0.05em;
  background: currentColor;
    margin-left: 0.5em;
}

a.seemore span.dli-arrow-right::before {
  content: '';
  width: 0.5em;
  height: 0.5em;
  border: 0.05em solid currentColor;
  border-left: 0;
  border-bottom: 0;
  transform: rotate(45deg);
  transform-origin: top right;
  position: absolute;
  top: 50%;
  right: -0.05em;
  box-sizing: border-box;
}






.infomation_box {
    
   height: auto;
  
    width: 100%;
    margin: 0 auto;
    padding: 1em 2em;

    
}
.topics dl a {

	 display: flex;
  flex-wrap: wrap;
  width: 100%;
	padding: 0.5em 0;
	border-bottom: solid 0.5px #ccc;
}
.topics dl:first-child {
	
}
.topics dt {
font-family: var(--font-family-gothic3);
font-weight: 700;
font-style: normal;
	padding-right: 1em;
}

.topics dd {
  
}

.topics a {
    
}


@media screen and (min-width: 768px) {
.topics dt {
}
	
	
}
@media screen and (max-width: 768px) {
    .topics dt,.topics dd {
    line-height: 1.6;}
    .topics dt {
        padding: 5px 0 0;
    }
    .topics dd {
        padding: 0 0 5px;
    }
	.topics dt {
height: auto;
width: 100%;
}

.topics dd {
    height: auto;
	width: 100%;
}
}
/* ページャー  */
.pager {
    margin: 2em 0;
}
.pager  ul.pagination {
  text-align: center;
  margin: 0;
  padding: 0;
}

.pager .pagination li {
  display: inline;
  margin: 0 2px;
  padding: 0;
  display: inline-block;
  background:#ccc;
  width: 50px;
  height: 50px;
  text-align: center;
  position: relative;
}

.pager .pagination li a{
  vertical-align: middle;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  display:table;
  color: #fff;
  text-decoration: none;
}

.pager .pagination li a span{
  display:table-cell;
  vertical-align:middle;
    text-align: center;
}

.pager .pagination li a:hover,
.pager .pagination li a.active{
  color: #383838;
  background: #FCFCFC;
}

@media only screen and (max-width: 767px){
  .pager .pagination li{
    display: none;
  }

  .pager .pagination li.pre,
  .pager .pagination li.next{
    display: inline-block;
    width: 40%;
    height: 50px;
    text-align: center;
  }

  .pager .pagination li.pre a,
  .pager .pagination li.next a{
    width: 100%;
    text-align: center;
  }

  .pager .pagination li.pre span::after{
    content: "　前の12件へ";
  }

  .pager .pagination li.next span::before{
    content: "次の12件へ　";
  }

}
/* ページャー  */
.date02 {
    font-size: 1em;
    font-weight: normal;
    color: var(--color-theme);
    text-align: right;
}
.information_shosai h4 {
    font-weight: 700;
    font-size: 20px;
    margin-bottom: 0.8em;
    line-height: 1.6em;
     display: flex;
    justify-content: flex-start;
    align-items: center;
    
}
.information_shosai h4 span  {
    font-weight: 700;
    font-size: 14px;
    line-height: 1.6em;
    text-transform: uppercase;
    font-family: var(--font-family-gothic2);
    
    padding: 5px 15px;
    width: auto;
    color: #FFF;
    display: inline-block;
    margin-right: 15px;
}
.information_shosai h4 span.news {
	background: var(--color-theme);
}
.information_shosai h4 span.campaign {
	background: var(--color-secondary);
}
.day {
	font-family: var(--font-family-gothic2);
	text-align: right;
	margin-bottom: 0.5em;
}

.information_shosai {
    
   
    margin-bottom: 40px;
}
.information_shosai img {
    margin: 2em auto;
    display: block;
    width: 100%;
    max-width: 600px;
}
.information .information_shosai {
    background-color: #FFF;
    padding: 4em;
    box-shadow: 0 0 10px #999;
    margin: 2em auto;
}
@media screen and (max-width: 768px) {
    .information_shosai h4 {
    font-size: 16px;
    margin-bottom: 0.5em;
        display: flex;
        flex-wrap: wrap;
}
.information_shosai h4 span  {

    font-size: 13px;
    margin-right: 0;
    display: block;
    margin-bottom: 0.5em;
}

   .information_shosai {
    
    margin: 2em auto;
}
    .information_shosai img {
    margin: 1em auto;
    
}
    h2.information_mds {
    font-size: 1.1em;
   margin-bottom: 0.5em;
    
}
}


/*TOP What's New*/


/*TOP みのり睦沢セレモニーホールとは*/
.top_about_wrap {
	
	max-width: 1600px;
	padding: 0 20px;
	margin: 0 auto;
background: url("../img/top/aboutbk1.png"),url(../img/top/aboutbk2.png);  /* 背景画像指定 */
    background-repeat:  no-repeat;  /* 背景の繰り返し設定 */
    background-position: top left,bottom right;    /* 背景の位置指定 */
	background-size: 500px,500px;
	
}
.about_catch {
	font-family: var(--font-family-mincho);
	text-align: center;
	font-size: clamp(25px, 4vw, 40px);
	letter-spacing: 0.2em;
	line-height: 2;
	margin-bottom: 2em;
}
.about_box {
	padding: 40px 20px 60px;
}
.about_box p {
	font-family: var(--font-family-mincho);
	text-align: center;
	font-size: clamp(14px, 1vw, 16px);
	letter-spacing: 0.05em;
	line-height: 2.6em;
}
@media print, screen and ( max-width : 1200px ) {
	.top_about_wrap {
	background-position: top left 20px,bottom right 20px;    /* 背景の位置指定 */
	background-size: 40%,40%;
	
}
}
@media print, screen and ( max-width : 768px ) {
	.top_about_wrap {
	
	
	padding: 0;
	
	
}
	.about_box {
	padding: 20px 0px 40px;
}
	.about_box p {

	line-height: 2em;
}
}
/*TOP みのり睦沢セレモニーホールとは*/
/*TOP プラン*/
.top_plan_bn_wrap {
	display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
	
}
.top_plan_bn_in {
	width: 31%;
	margin: 1%;
	
	background: #FFF;
	box-shadow: var(--box-shadow);
    border-radius: 3px;
}

.top_plan_bn_in img {
	height: 230px;
	object-fit: cover;
	width: 100%;
}

.top_plan_bn_in h4 {
	font-family: var(--font-family-mincho);
    text-align: center;
    font-size: clamp(15px, 2.3vw, 23px);
    letter-spacing: 0.08em;
    line-height: 1;
    margin: 15px 0;
	font-weight: 600;
	position: relative;
	
}
.top_plan_bn_in h4:after {
        font: var(--fa-font-solid);
    content: "\f105";
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
      }
@media only screen and ( max-width : 768px ) {
	.top_plan_bn_in {
	width: 46%;
	margin: 2%;
	
}
	
	.top_plan_bn_in img {
	height: 100px;
	
}
.top_plan_bn_in h4:after {
        
    right: 10px;
    
      }
	.top_plan_bn_in h4 {
	padding-right: 1em;
	
}
}
/*TOP プラン*/
/*第二見出し*/
section.daini_mds {
  padding: 0;
  background: #FFF;
	margin-top: 120px;
/*中に入るもの（テキスト）を縦横中央に配置*/
  
	
	
	
}
.daini_ttl {
	width: 100%;
  height:300px;
	display: flex;
  align-items: center;
  justify-content: center;
	background-image: url('../img/common/dainimds_bk_left.png'), url('../img/common/dainimds_bk_right.png');
	background-position: center left, center right;
	background-repeat: no-repeat,no-repeat;
	background-size: contain;
}
.daini_mds h2 {
	font-family: var(--font-family-mincho);
	font-size: clamp(18px, 2vw, 30px);
    font-weight: 600;
   line-height: 1em;
	color: var(--color-theme);
	letter-spacing: 0.1em;
}

@media only screen and ( max-width : 1200px ) {
section.daini_mds {
	 height:150px;
	margin-top: 80px;
}
	.daini_ttl {
	height:150px;
		background-position: center left -100px, center right -100px;
}
}

/*第二見出し*/
/*第二コンテンツ*/

.daini_container {
   max-width: 1200px;
	width: 100%;
		padding: 0 20px;
	margin: 0 auto;
}


.daini_container_600 {
	max-width: 1000px;
	width: 100%;
	margin: 0 auto;
	padding: 0 20px;
}

.daini_container h3,.daini_container_600 h3 {
    margin-bottom: 1.2em;
    font-weight: 600;
    text-align: left;
	background: var(--color-theme);
	color: #FFF;
	font-size: clamp(16px, 2vw, 23px);
	line-height: 1;
	padding: 1em 1em;
	text-align: center;
	border-radius: 50vh;
font-family: var(--font-family-mincho);
	border:solid 1px var(--color-theme);
}

/*第二コンテンツ*/
/*お問い合わせ*/
.contact_tel_wrap {
	display: flex;
	flex-wrap: wrap;
    justify-content:center;
    align-items: center;
	margin-bottom: 1em;
}
.contact_tel_in {
		display: flex;
   justify-content:center;
    align-items: center;
	padding: 1em;
	font-size: clamp(18px, 3vw, 30px);
    font-weight: 600;
font-family: var(--font-family-mincho);
}
.contact_tel_in i {
	font-size: clamp(16px, 2.5vw, 25px);
	padding-right: 0.5em;
}
@media print, screen and ( max-width : 768px ) {
	.contact_tel_in {
	width: 100%;
		padding: 0.5em;
}
}
/*お問い合わせ*/
/*メールフォーム*/
.mailform_wrap {
	width:100%;
	margin:0 auto;
	color:#555;
	line-height:120%;
	font-size:90%;
	margin: 20px 0;
	padding: 20px 0;
}
.mailform_wrap p {
	padding-bottom: 1em;
	text-align: center;
}

table.formTable{
	width:100%;
	margin:0 auto 1em;
	border-collapse:collapse;
}
table.formTable td,table.formTable th{
	border-bottom:1px solid #ccc;
	padding:1.5em;
}
table.formTable th{
	width:30%;
	font-weight:normal;
	vertical-align: middle;
	text-align:left;

	
	
}
table.formTable th span {
	background: #A10002;
	padding: 0.5em 1em;
	border-radius: 3px;
	color: #FFF;
	line-height: 1;
	font-size: 11px;
	margin-left: 0.5em;
	float: right;
}
form textarea {
	width:100%;
	background: #FFF;
	border:solid 1px light-dark(rgb(118, 118, 118), rgb(133, 133, 133));
	border-radius: 3px;
}
.submitbtn {
	display: flex;
   justify-content:center;
    align-items: center;
	margin-bottom: 2em;
}
.submit {
	background: var(--color-theme);
	color: #FFF;
	padding: 0.5em;
	border:solid 1px var(--color-theme);
	border-radius: 5px;
	width: 200px;
	transition: .3s
}
.submit:hover {
	background: var(--color-theme-darken);
}
.reset {
	background: #FFF;
	color:  var(--color-theme);
	padding: 0.5em;
	border:solid 1px var(--color-theme);
	border-radius: 5px;
	width: 200px;
	transition: .3s
}
.reset:hover {
	background: var(--color-blue-right);
}
/*　簡易版レスポンシブ用CSS（必要最低限のみとしています。ブレークポイントも含め自由に設定下さい）　*/
@media screen and (max-width:572px) {
.mailform_wrap {
	width:100%;
	margin:0 auto;
	padding: 20px;
}
table.formTable th, table.formTable td {
	width:auto;
	display:block;
}
	table.formTable td,table.formTable th{
	
	padding:0 0 0.8em;
}
table.formTable th {
	margin-top:5px;
	border-bottom:0;
}
	table.formTable th span {
	background: #A10002;
	padding: 0.3em 0.6em;
	border-radius: 3px;
	color: #FFF;
	line-height: 1;
	font-size: 10px;
		
}
form input[type="text"], form textarea {
	width:100%;
	padding:5px;
	font-size:110%;
	display:block;
}
form input[type="submit"], form input[type="reset"], form input[type="button"] {
	display:inline-block;
	width:120px;
	margin: 1%;
	height:40px;
}
}
/*メールフォーム*/
/*会社概要*/
table.tbl caption {
    margin-bottom: 1.2em;
    font-weight: 600;
    text-align: left;
	background: var(--color-theme-right);
	font-size: clamp(16px, 2vw, 23px);
	line-height: 1;
	padding: 1em 1em;
	text-align: center;
	border-radius: 50vh;
font-family: var(--font-family-mincho);
	border:solid 1px var(--color-theme);

}


table.tbl {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
	margin-bottom: 4%;
}
table.tbl tr {
    border-bottom: 1px solid #BDBDBD;
}
table.tbl tr th,
table.tbl tr td {
    text-align: left;
    vertical-align: top;
}
table.tbl tr th {
    width: 120px;
    font-weight: 700;
    border-bottom: 1px solid #3B3B3B;
    padding: 10px 0;
}
table.tbl tr td p {
    padding-bottom: 1em;
}
table.tbl tr td {
    width: width: calc(100% - 120px);
    padding: 10px 10px;
}

@media screen and (max-width: 767px){

table.tbl tr th,
table.tbl tr td {
    display: block;
    width: 100%;
    padding: 0;
    margin: 5px 0;
}
table.tbl tr th {
    border-bottom: 0px solid #383838;
}
}
/*会社概要*/
/*プライバシー・ポリシー*/
.privacy h4 {
font-size:clamp(16px, 2vw, 20px);
    line-height: 28px;
    
    position: relative;
    margin-top: 0.5em;
    padding-top: 15px;
    padding-right: 10px;
    padding-bottom: 0.5em;
    padding-left: 20px;
    font-weight: normal;
    clear: both;
    letter-spacing: 0.05em;
	text-align: left;
}
.privacy h4::after {
    display: block;
    width: 5px;
    height: 20px;
    position: absolute;
    top: 20px;
    left: 0px;
    background-color: var(--color-theme);
    content: '';
}
.privacy p {
    padding-bottom: 1em;
}
.privacy_company {
    border-top:solid 1px #777;
    border-bottom:solid 1px #777;
    
    padding: 20px 0;
    
    margin: 20px 0;
}
.privacy_company i {
	padding-right: 0.5em;
}
/*プライバシー・ポリシー*/
/*サイトマップ*/
.site_map {
    padding: 0 20px 0;
    
}
.flex_sitemap {
  width: 100%;
  margin: 0;
        display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: center;
}
.flex_sitemap_in {
    margin-bottom: 20px;
    margin: 1em 3em 0 0;
    padding: 0 1em 0 0;
    width:  auto;
}


@media screen and (max-width: 768px) {
    .flex_sitemap {width: 100%;}
    .flex_sitemap_in {
    margin-bottom: 0px;
    margin: 0;
    padding: 0;
    width: 100%;
    }
    }

.sitemap li {
    display: list-item;  /* 縦に並べる */
  list-style-type: none;
  text-transform: capitalize;
    text-decoration: none;
    letter-spacing: 0;
  }
.sitemap li a{
    font-weight: 600;
    color: #4d4d4d;
    position: relative;
    line-height: 2.5em;
    padding-left: 1.5em;
}
.sitemap li a:before {
 font-family: "Font Awesome 5 Free";
    content: "\f0a9";
    position: absolute;
    /*left: -1.5em;*/
    left: 0;
    color: var(--color-theme);
}

.sitemap li a:hover {
    color: var(--color-theme);
}
.sitemap li ul {
    margin-bottom: 1em;
}
.sitemap li ul li {
    margin-left: 2em;
    
}
.sitemap li ul li a {
    font-weight: normal;
    line-height: 1.4em;
    position: relative;
    padding-left: 1.5em;
}
.sitemap li ul li a:before {
 content: "";
    position: absolute;
    width: 7px;
    height: 8px;
    border-bottom: 1px solid var(--color-theme);
    border-left: 1px solid var(--color-theme);
  /*left : -1em; *//*左端からのアイコンまで*/
    left : 0em;
    top: 0;
}

@media screen and (max-width: 768px) {
    .sitemap li {padding: 0.3em 0;
        font-size: 11px;
    }
    .sitemap li:first-child {padding-top: 0px;}
}
/*サイトマップ*/
/*最新情報詳細*/
.info_shosai_wrap {
	
}
.info_mds_wrap {
	margin-bottom: 1em;
	width: 100%;
	
}
.info_shosai_wrap h4 {
	font-family: var(--font-family-mincho);
	font-size: clamp(16px, 2.6vw, 26px);
    font-style: 600;
	line-height: 1.8;
	text-align: left;
	border-bottom: solid 1px #777;
	
}
.info_day {
	font-family: var(--font-family-gothic3);
	font-weight: 500;
	text-align: right;
	font-size: clamp(13px, 1.5vw, 15px);
	
}
.info_shosai_txt {
	margin: 1em 0;
		font-size: clamp(13px, 1vw, 14px);
	line-height: 1.8;

}
.info_shosai_wrap_mainimg {
	margin: 20px 0;
}
.info_shosai_wrap_mainimg img {
	width: 100%;
	
}

/*最新情報詳細*/
/*地図・アクセス*/
/*.access_wrap {
	 display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}*/
.access_wrap p {
	padding-bottom: 0.5em;
}
.access_wrap p.kaisya {
	font-weight: 600;
	font-size: 1.1em;
}
.access_wrap p i {
	padding-right: 0.5em;
}
/*地図・アクセス*/
/*ご葬儀プラン*/
.plan_bn_wrap {
	display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
	margin-bottom: 60px;
}
.plan_bn_in {
	width: 31%;
	margin: 1%;
	padding: 15px;
	background: #FFF;
	box-shadow: var(--box-shadow);
    border-radius: 3px;
}
@media only screen and ( max-width : 768px ) {
	.plan_bn_in {
	width: 100%;
	margin: 2% 0;
	
}
}
.plan_bn_in img {
	height: 150px;
	object-fit: cover;
	width: 100%;
}

.plan_bn_in h4 {
	font-family: var(--font-family-mincho);
    text-align: center;
    font-size: clamp(15px, 1.8vw, 18px);
    letter-spacing: 0.08em;
    line-height: 1;
    margin-bottom: 15px;
	font-weight: 600;
	position: relative;
}
.plan_bn_in h4:after {
        font: var(--fa-font-solid);
        content: "\f107";
        position: absolute;
        top: 50%;
        right: 0;
        transform: translateY(-50%);
      }
h3.plan_ttl {
	margin-bottom: 0;
    font-weight: 600;
    text-align: left;
    background: linear-gradient(to bottom, #027b40, #71af5a);
    font-size: clamp(18px, 2.6vw, 26px);
    line-height: 1;
    padding: 1.5em;
    text-align: center;
    border-radius: 0;
    font-family: var(--font-family-mincho);
    border: none;
	color: #FFF;
	letter-spacing: 0.1em;
}
.plan_wrap {
	 display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
.plan_txt {
	width: 70%;
}
.plan_img {
	width: 30%;
	padding-left: 40px;
}
.plan_img img {
	width: 100%;
}
@media only screen and ( max-width : 768px ) {
.plan_txt {
	width: 100%;
}
.plan_img {
	width: 100%;
	padding-left: 0px;
	padding-top: 1em;
}
}
.plan_catch {
	font-family: var(--font-family-mincho);
	font-size: clamp(16px, 2.6vw, 28px);
    font-weight: 600;
	line-height: 1.8;
	text-align: center;
	border-bottom: solid 1px #777;
	margin-bottom: 1em;
	letter-spacing: 0.1em;
}
.plan_waku {
	background: #FFF;
	border: solid #ccc 1px;
}
.plan_waku .plan_waku_mainv img {
	width: 100%;
}
.plan_waku_kakau_wrap {
	
	background: var(--color-theme-right);
	display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content:space-between;
	font-family: var(--font-family-mincho);
	padding: 2em;
}
.plan_waku_ninzuu {
	font-size: clamp(16px, 1.8vw, 18px);
    
}
.plan_waku_kakau p {
	text-align: right;
}
.plan_kakaku {
	font-family: var(--font-family-mincho);
	font-size: clamp(16px, 1.8vw, 18px);
    font-weight: 600;
}
.plan_kakaku span {
	font-size: 1.8em;
}
.zeikomi {
	font-size: clamp(14px, 1.6vw, 16px);
    font-weight: 600;
	font-family: var(--font-family-mincho);
}
.dl_plan_ninzuu {
	display: flex;
  flex-wrap: wrap;
width: 100%;
}
.dl_plan_ninzuu dt {
width: 80px;
}
.dl_plan_ninzuu dt p {
		text-align: right;

}
@media only screen and ( max-width : 768px ) {
	.dl_plan_ninzuu dt {
width: 70px;
}
	.dl_plan_ninzuu dt p {
		text-align: left;

}
}
.dl_plan_ninzuu dd {
	 width: calc(100% - 80px);
}
.plan_waku_shosai {
	padding: 2em;
}
.plan_waku_shosai h4 {
	margin-bottom: 1.2em;
    font-weight: 600;
    font-size: clamp(15px, 1.8vw, 18px);
    text-align: center;
    padding: 0.5em;
	background: var(--color-theme-right);
}

.menuPrice_box {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
    align-items: stretch;
}
.menuPrice_box_left {
	width: 50%;
	padding-right: 20px;
}
.menuPrice_box_right {
	width: 50%;
	padding-left: 20px;
}

.menuPrice {
	width: 100%;
	margin: 0 auto;
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
    align-items: center;
}
.menuLeft {
    font-size: 14px;
    font-weight: normal;
    line-height: 1.4em;
}
.menuLeft_mini {
    font-size: 1rem;
    font-weight: normal;
    line-height: 1.4em;
    padding-left: 1em;
}

.menuLeft span {
    font-size: 13px;
    display: block;
    font-weight: normal;
}

.menuLeft,.menuLeft_mini,.menuRight {
	flex: 0 1 auto;
}
.menuRight span.kakaku {
    
    padding-right: 5px;
    font-size: 18px;
    
    line-height: 1;
}
@media only screen and ( max-width : 768px ) {
	.plan_waku_shosai {
	padding: 1em;
}
	.menuPrice_box_left {
	width: 100%;
	padding-right: 0px;
}
.menuPrice_box_right {
	width: 100%;
	padding-left: 0px;
}
.menuLeft {
    font-size: 13px;
    
}
	.menuRight span.kakaku {
    
    font-size: 14px;
    

}
}
.centerLine {
	padding: 10px 10px;
	flex-grow: 2;
}

.centerLine hr {
	border-width: 0.5px 0px 0px 0px;
	border-style: solid;
	border-color: #000;
}

.haisouryou p {
	font-weight: 600;
}
.haisouryou .menuPrice {
	padding-left: 1em;
}
.kakaku_wrap {
	background: #F8F8F8;
	padding: 2em;
	margin: 2em;
	
}
@media only screen and ( max-width : 768px ) {
	.kakaku_wrap {
	
	padding: 1em;
	margin: 1em;
	
}
}
.kakaku_wrap p {
	text-align: center;
}
.goukei {
	text-align: right;
	font-weight: 600;
}
.goukei span {
	font-size: 1.5em;
}
/*ご葬儀プラン*/
/*ご葬儀プラン　table*/
table.tbl-r07 {
	margin: 0 auto;
	width: 100%;
}
table.tbl-r07 th {
  background:  var(--color-other);
  border: solid 1px #ccc;
  padding: 0.5em;
	
}
table.tbl-r07 td {
  padding: 0.5em;
	border-top: solid 1px #ccc;
    border-bottom: solid 1px #ccc;
	border-right: solid 1px #ccc;
	text-align: center;
}
table.tbl-r07 tr:first-child th {
	font-weight: 600;
	text-align: center;
	font-family: var(--font-family-mincho);
}
table.tbl-r07 tr:last-child {
	font-weight: 600;
}
table.tbl-r07 tr:last-child td {
	text-align: right;
	font-family: var(--font-family-mincho);
}
table.tbl-r07 tr:last-child th {
	text-align: center;
	font-family: var(--font-family-mincho);
}
table.tbl-r07 tr:last-child td span {
	font-size: 1.3em;
}
@media screen and (max-width: 640px) {
	
  .scroll {
    overflow-x: auto;
  }
  .tbl-r07 {
    
    
  }
  .tbl-r07 td {
    border-top: solid 1px #ccc;
    border-bottom: solid 1px #ccc;
  }
}
/*ご葬儀プラン　table*/
/*ご葬儀プラン　tableモバイル*/
table.tbl-r07_m {
	margin: 0 auto;
	width: 100%;
}
table.tbl-r07_m th {
  background:  var(--color-other);
  border: solid 1px #ccc;
  padding: 0.5em;
	
}
table.tbl-r07_m td {
  padding: 0.5em;
	border-top: solid 1px #ccc;
    border-bottom: solid 1px #ccc;
	border-right: solid 1px #ccc;
	text-align: center;
}
table.tbl-r07_m tr:first-child th {
	font-weight: 600;
	text-align: center;
	font-family: var(--font-family-mincho);
}
@media screen and (max-width: 640px) {
table.tbl-r07_m tr:first-child th {
	 text-align: center;
}
		table.tbl-r07_m tr:first-child th p {
	writing-mode: vertical-rl;
    display: inline-block;
}
	.scroll {
    overflow-x: auto;
  }

  .tbl-r07_m td {
    border-top: solid 1px #ccc;
    border-bottom: solid 1px #ccc;
  }
}
/*ご葬儀プラン　tableモバイル*/
/*ご葬儀プラン　tableモバイル価格*/
table.tbl-r07_m_p {
	margin: 0 auto;
	width: 100%;
	font-family: var(--font-family-mincho);
}
table.tbl-r07_m_p th {
  background:  var(--color-other);
  border: solid 1px #ccc;
  padding: 0.5em;
	text-align: center;
}
table.tbl-r07_m_p td {
  padding: 0.5em;
	border-top: solid 1px #ccc;
    border-bottom: solid 1px #ccc;
	border-right: solid 1px #ccc;
	text-align: center;
}
table.tbl-r07_m_p tr:first-child th {
	font-weight: 600;
	text-align: center;
	
}

table.tbl-r07_m_p tr td {
	text-align: right;
	
}

table.tbl-r07_m_p tr td span {
	font-size: 1.3em;
}
@media screen and (max-width: 640px) {


  .tbl-r07_m_p td {
    border-top: solid 1px #ccc;
    border-bottom: solid 1px #ccc;
  }
}
/*ご葬儀プラン　tableモバイル価格*/

/*会場施設のご案内*/
.guidance_in {
	background: #FFF;
	padding: 2em;
	margin-bottom: 60px;
	z-index: -2;
}
@media screen and (max-width: 768px) {
	.guidance_in {
	padding: 1em;
	margin-bottom: 40px;
}
}
.guidance_mainv img {
	width: 100%;
	max-width: 800px;
	display: block;
	margin: 0 auto;
}

.guidance_heimenzu {
	display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
	flex-direction: column;
	margin-bottom: 1em;
}

.guidance_heimenzu h4 {
	font-family: var(--font-family-mincho);
	font-size: clamp(18px, 3vw, 30px);
    font-weight: 600;
    letter-spacing: 0.05em;
    text-align: center;

	padding: 0.5em;
	
		position: relative;
	z-index: 3;
	margin: 0.5em 0 1em;
}
.guidance_heimenzu h4::after {
    content: "";
    display: inline-block;
    width: 120px;
    height: 94px;
    background-image: url("../img/guidance/daen.svg");
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    z-index: -1;
}
/*.guidance_heimenzu img {
	width: 600px;
	border-radius: 3px;
}*/

.guidance_bn_wrap {
	display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
	margin-bottom: 60px;
}
.guidance_bn_in {
	width: 23%;
	margin: 1%;
	padding: 15px;
	background: linear-gradient(to bottom, #027b40, #71af5a);
	color: #FFF;
	box-shadow: var(--box-shadow);
    border-radius: 3px;
}
@media only screen and ( max-width : 768px ) {
	.guidance_heimenzu img {
	width: 100%;
	
}
	.guidance_heimenzu h4::after {
    width: 90px;
    height:71px;
}
}
@media only screen and ( max-width : 768px ) {
	.guidance_bn_in {
	width: 100%;
	margin: 2% 0;
	
}
}
.guidance_bn_in:hover {
	
	background: var(--color-theme-darken);
	
}
.guidance_bn_in img {
	height: 100px;
	object-fit: cover;
	width: 100%;
}
.guidance_bn_in h4 {
	font-family: var(--font-family-mincho);
    text-align: center;
    font-size: clamp(15px, 1.8vw, 18px);
    letter-spacing: 0.08em;
    line-height: 1;
    margin-bottom: 15px;
	font-weight: 600;
	position: relative;
}
.guidance_bn_in h4:after {
        font: var(--fa-font-solid);
        content: "\f107";
        position: absolute;
        top: 50%;
        right: 0;
        transform: translateY(-50%);
      }





.guidance_shosai {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
    align-items: stretch;
	padding: 30px 0;
}
.guidance_shosai_left {
	width: 40%;
}
.guidance_shosai_right {
	width: 60%;
}
/*cssのみでlightbox*/
#sample_wrap {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    justify-content:center;
   
}
#sample_wrap #sample {
    width: 25%;
    padding: 1%;
}

#sample_wrap #sample a img.sample_img {
    width: 100%;
    height: 150px;
    object-fit: cover;
    margin: 0 auto;
    border-radius: 5px;
}
#sample_wrap #sample a img {
      width: auto;
    height: 90%;
    object-fit: contain;
}
#sample figure{
  margin: 0;
  display: none;
    
}
#sample figure img {
    /*width: 200px;*/
}
#sample figure:target{
  display: block;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9999;
}
#sample figure:target #overlay{
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: rgba(000, 000, 000, 0.7);
  text-decoration: none;
  color: inherit;
}
#sample figure:target img{
  animation: fadein .3s;
}
#sample figure figcaption {
    color: #FFF;
    font-weight: 600;
    padding-top: 5px;
}
@keyframes fadein{
  0%{
    transform: scale(0.2);
    opacity: 0.2;
  }
  100%{
    transform: scale(1);
    opacity: 1;
  }
}
@media screen and (max-width: 768px) {
#sample_wrap #sample {
    width: 50%;
    padding: 3px;
}
#sample_wrap #sample a img.sample_img {
    width: 100%;
    
    height: 80px;
    object-fit: cover;
    margin: 0 auto;
    
}
}

.button-4 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 400px;
    margin:0 auto;
    padding: .9em 2em;
    border: none;
    border-radius: 10px;
    box-shadow: 0 2px 3px rgb(0 0 0 / 25%), 0 2px 3px -2px rgb(0 0 0 / 15%);
    background: linear-gradient(to right, #027b40, #71af5a);
    color: #fff;
    font-weight: 600;
    font-size: 1em;
	transition: all 1s;
	margin: 2em auto;
	 letter-spacing: 0.05em;
    line-height: 1;
	font-family: var(--font-family-mincho);
	font-size: clamp(16px, 2.3vw, 23px);

	transition: all 1s;
}

.button-4::after {
    transform: rotate(45deg);
    width: 10px;
    height: 10px;
    margin-left: 10px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    content: '';
	transition: all 1s;
}

.button-4:hover {
    background: var(--color-theme-darken);
	
	transition: all 1s;
}

@media print, screen and ( max-width : 480px ) {
	.button-4 {
    width: 100%;
	
}
}
#sample_wrap h5 {
	position: relative;
	 font-size: clamp(14px, 1.6vw, 16px);
	font-weight: 600;
	padding: 0.4em 1em;
	display: flex;
	flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
	background:  var(--color-gray);
	margin: 0.5em 0;
	border-radius: 5px;

}
#sample_wrap h5 span {
  color: var(--color-theme);
	padding-right: 0.3em;
 
}
#sample_wrap h5:before {
 content: '';
    display: inline-block;
    width: 28px;
    height: 21px;
    background-image: url("../img/guidance/camera.svg");
    background-size: contain;
    vertical-align: middle;
    background-repeat: no-repeat;
    margin-right: 10px;
	}
@media screen and (max-width: 768px) {
	#sample_wrap h5:before {
    width: 20px;
    height: 15px;
    margin-right: 5px;
	}
}
/*cssのみでlightbox*/
/*会場施設のご案内*/
/*初めての方へ*/
.new_customers_mds {
	display: flex;
	flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}
.new_customers_mds_img {
		width: 100%;
}

h3.new_customers_ttl {
	
	padding: 0;
    margin-bottom: 1em;
	background: none;
	border:none;
	
}
h3.new_customers_ttl span {
	background: var(--color-theme);
	color: #FFF;
	font-family: var(--font-family-mincho);
    font-weight: 600;
    font-size: clamp(16px, 2.3vw, 28px);
    line-height: 1.6em;
    letter-spacing: 0.1em;
	padding: 1em 2em;
	border-radius: 50vh;
	

}
h3.new_customers_ttl::before {
	content: '';/*何も入れない*/
  display: inline-block;
  width: 72px;/*画像の幅*/
  height: 156px;/*画像の高さ*/
  background-image: url("../img/new_customers/josei.svg");
  background-size: contain;
  vertical-align: middle;
	background-repeat: no-repeat;
	margin-right: 10px;
	
    
}
h3.new_customers_ttl::after {
	content: '';/*何も入れない*/
  display: inline-block;
  width:86px;/*画像の幅*/
  height: 160px;/*画像の高さ*/
  background-image: url("../img/new_customers/dansei.svg");
  background-size: contain;
  vertical-align: middle;
	background-repeat: no-repeat;
    margin-left: 10px;
}
@media print, screen and ( max-width : 768px ) {
	h3.new_customers_ttl span {
	
	display: block;
	text-align: center;

}
	h3.new_customers_ttl::before {
	content:none;
	
    
}
h3.new_customers_ttl::after {
	background-image: url("../img/new_customers/danjo.svg");
	width:150px;/*画像の幅*/
  height: 134px;/*画像の高さ*/
	margin-top: 20px;
}
}
p.new_customers_ttl2 {

    font-size: clamp(14px, 1.8vw, 18px);

    margin-bottom: 1em;

}
.new_customers_mds img {
	width: 100%;
}
.new_customers_mds_txt {
	display: flex;
    justify-content: center;
    align-items: center;
	margin-top: 2em;
}
@media print, screen and ( max-width : 768px ) {
	.new_customers_mds_img {
		order: 2;
	padding-top: 20px;}
	.new_customers_mds_txt {
	
	margin-top: 1em;
}
}
.flow_wrap {
	display: flex;
	flex-wrap: wrap;
    justify-content: center;
    align-items: stretch;
}
.flow_in {
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
    justify-content: center;
    align-items: center;
	padding: 2em;
	width: 23%;
	margin: 1%;
	border:solid 1px var(--color-theme);
	border-radius: 10px;
	position: relative;
	background: var(--color-theme-right);
}

.flow_in:after {
	font: var(--fa-font-solid);
        content: "\f105";
        position: absolute;
        top: 50%;
        right: -17px;
        transform: translateY(-50%);
	 color: var(--color-theme);
	font-size: 1.5em;
}
.flow_in:last-child:after {
	content:none;
}
.flow_in h4 {
	letter-spacing: 0.05em;
    line-height: 1;
	font-family: var(--font-family-mincho);
	font-size: clamp(16px, 2.3vw, 23px);
    font-weight: 600;
	margin-bottom: 0.5em;
}
.flow_in img {
	padding-top: 1em;
	width: 100%;
}
.flow_01 {
	
	
}
@media print, screen and ( max-width : 768px ) {
	.flow_in {

	width: 100%;
	margin: 10px 0;
	
}
	.flow_in:after {
		
        content: "\f107";
        position: absolute;
		top:100%;
        bottom: -20px;
       right: 50%;
        transform: translateX(50%);
	 
}
	.flow_in img {
	
	
	max-width: 150px;
		margin: 0 auto;
}
}
ul.ulcheck {
	flex-grow: 1;
}

li {
  line-height: 1.5;
  list-style-type: none!important;/*ポチ消す*/
	position: relative;
	
	padding-left: 1.5em;
}

ul.ulcheck li:before {
	font: var(--fa-font-solid);
        content: "\f14a";
        position: absolute;
        top: 50%;
        left: 0;
        transform: translateY(-50%);
}
.flow_day {
	margin-top: 1em;
	width: 100%;
	
	padding: -0.5em;
	
	text-align: center;
	font-weight: 600;
	border-radius: 3px;
}
.flow_day1 {
	background: var(--color-other);
	color: #000;
}
.flow_day2 {
	background: var(--color-theme);
	color: #FFF;
}	
.flow_txt {
	display: flex;
	flex-wrap: wrap;
    justify-content: center;
    align-items: center;
	padding: 2em 0;
}

.new_customers_hiyou {
	display: flex;
	flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.hiyou_wrap {
	display: flex;
	flex-wrap: wrap;
    justify-content: center;
    align-items: stretch;
	margin: 2em 0;
}
.hiyou_in {
	width: 23%;
	margin: 1%;
	padding: 2em;
	background: #FFF;
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
    justify-content: center;
    align-items: center;
}

.hiyou_in h4 {
	letter-spacing: 0.05em;
    line-height: 1;
	font-family: var(--font-family-mincho);
	font-size: clamp(16px, 2.3vw, 23px);
    font-weight: 600;
	margin-bottom: 0.5em;
	text-align: center;
}
.hiyou_in_txt {
	flex-grow: 1;
}
.hiyou_in img {
	width: 100%;
	padding-top: 1em;
}
@media print, screen and ( max-width : 768px ) {
	.hiyou_in {
	width: 100%;
	margin: 2% 0;
	
}
	.hiyou_in img {
	width: 150px;
	padding-top: 1em;
}
}
.new_customers_keishiki {
	display: flex;
	flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}
.keishiki_wrap {
	display: flex;
	flex-wrap: wrap;
    justify-content: center;
    align-items: stretch;
	margin: 2em 0;
}
.keishiki_in {
	width: 31%;
	margin: 1%;
	padding: 2em;
	background: #FFF;
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
    justify-content: center;
    align-items: center;
}
.keishiki_in img {
	max-width: 200px;
}
@media print, screen and ( max-width : 768px ) {
	.keishiki_in {
	width: 100%;
	margin: 2% 0;
	
}
}
.keishiki_in h4 {
	letter-spacing: 0.05em;
    line-height: 1;
	font-family: var(--font-family-mincho);
	font-size: clamp(16px, 2.3vw, 23px);
    font-weight: 600;
	margin-bottom: 0.5em;
	text-align: center;
}
.keishiki_in_txt {
	flex-grow: 1;
}
.keishiki_in img {
	width: 100%;
	padding-top: 1em;
}
@media print, screen and ( max-width : 768px ) {
	.keishiki_in img {
	width: 150px;
	padding-top: 1em;
}
}
.button-5 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin:0 auto;
    padding: .5em 1em;
    border: none;
    border-radius: 50vh;
    background: var(--color-other);
    color: #000;
	transition: all 1s;
	margin: 1em auto 0;
	
}

.button-5::after {
    transform: rotate(45deg);
    width: 5px;
    height: 5px;
    margin-left: 10px;
    border-top: 2px solid #000;
    border-right: 2px solid #000;
    content: '';
	transition: all 1s;
}

.button-5:hover {
    background:#919191;
	transition: all 1s;
}



.goyoui_wrap {
	
    max-width: 800px;
	margin: 2em auto;
	display: block;
	
}
.goyoui_in {
	background: #FFF;
	margin: 2em 0;
	display: flex;
	flex-wrap: wrap;
    justify-content:space-between;
    align-items: center;
padding: 2em;
	
}

.goyoui_in_ttl {
	width: 200px;
}
.goyoui_in h4 {
	letter-spacing: 0.05em;
    line-height: 1;
	font-family: var(--font-family-mincho);
	font-size: clamp(16px, 2.3vw, 23px);
    font-weight: 600;
	margin-bottom: 0.5em;
	padding-left: 1.5em;
	position: relative;
}
.goyoui_in h4:before {
    font: var(--fa-font-solid);
    content: "\f14a";
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}
.goyoui_in_txt {
	width: calc(100% - 300px);
}
.goyoui_in img {
	width: 100%;
	padding-left: 1em;
	width: 100px;
}
@media print, screen and ( max-width : 768px ) {
.goyoui_in_ttl {
	width: 100%;
}
	.goyoui_in_txt {
	width: 100%;
}
	.goyoui_in img {
	width: 100px;
	padding-left: 0;
	padding-top: 1em;
		margin: 0 auto;
}
}
.new_customers_gosoudankudasai {
	display: flex;
	flex-wrap: wrap;
    justify-content:center;
    align-items: center;
	flex-direction: column;
	font-family: var(--font-family-mincho);
}
.new_customers_staff_img img {
	width: 500px;
	display: block;
	margin: 0 auto;
	
}
@media print, screen and ( max-width : 768px ) {
	.new_customers_staff_img img {
	width: 300px;
	
	
}
}
/*初めての方へ*/