/*base
---------------------------------------------------------------------*/


/*body
---------------------------------------------------------------------*/
body{
	margin: 0px;
	padding: 0px;
	background-color: #FFFFFF;
	color: #4d4d4d;
	font-size: 100%;
	font-family:'游ゴシック','Yu Gothic','游ゴシック体','YuGothic',"メイリオ" , Meiryo ,  "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
	line-height: 1.5;
}

/*wrapper
---------------------------------------------------------------------*/
#WRAPPER{
	margin:0px;
	padding:0px;
}
/*inner
---------------------------------------------------------------------*/
.inner{
	margin:0 auto;
	overflow:hidden;
}
/*header
---------------------------------------------------------------------*/
#header{
	background-color:rgba(255,255,255,1.0);
    width: 100%;
    margin: 0px auto 0 auto;
    padding: 0px 0 0px;
	box-sizing:border-box;
    line-height: 1;
	position:fixed;
	top:0px;
	left:0;
	z-index:100;
	box-shadow:0px 0px 10px rgba(0,0,0,0.30) ;
}


/*headermenu
---------------------------------------------------------------------*/
#headermenu #h_tel{
	white-space:nowrap;
}
/*mainnavi
---------------------------------------------------------------------*/
/*main
---------------------------------------------------------------------*/
#main{
	overflow:hidden;
	margin:90px auto 0 auto;
	position:relative;
	padding:0px 0 0 0;
	background-color:rgba(238,239,239,1.00);
}
/*maincol
---------------------------------------------------------------------*/
#maincol{
	overflow:hidden;
	margin:0px auto 0 auto;
	padding:30px 0;
	z-index:10;
	position:relative;
	background-color:#FFF;
}
/*totop
---------------------------------------------------------------------*/
#totop{
	margin:0 0 0px 0px;
	padding:0;
	position:fixed;
	bottom:30px;
	right:50px;
	line-height:1;
	z-index:100;
}
#totop a{
	display:block;
	text-align:center;
	font-size:14px;
	color: rgba(2,149,77,1.00)!important;
}
#totop a:hover{
	color: rgba(2,149,77,0.50)!important;
}

/*footer
---------------------------------------------------------------------*/
#footer{
	clear:both;
	padding:0px 0;
	margin:0;
	overflow:hidden;
	z-index:10;
	position:relative;
	color:#FFF;
}
#footer a{
	color:#FFF;
}
#footer a:hover{
	color: rgba(2,149,77,1.00);
}

#footernavi{
	margin: 0;
	padding: 30px 0;
	background-color: rgba(159,160,160,1.00);
	overflow: hidden;
}

#footerlast{
	clear: both;
	margin: 0px 0 0px 0;
	padding: 30px 0px;
	overflow: hidden;
	background-color: #7D7D7D;
}
#footerlast .inner{
	border-bottom:solid 1px #FFF;
	padding-bottom:2px;
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
}
#footerlast address{
	list-style:none;
	margin:0;
	padding:0;
	font-style:normal;
}
#footerlast #copyright{
	margin:0px 0;
}

/*Common
---------------------------------------------------------------------*/
table,img{
	border:none;
}
img {
	border:none;
	max-width:100%;
	height:auto;
	-moz-box-sizing: border-box;
 	-webkig-box-sizing: border-box;
	box-sizing:border-box;
	-webkit-backface-visibility: hidden;
}
article,nav,section,header,footer,aside,main{
	display:block;
}
#maincol article {
	margin:0;
	padding:0px 0 60px 0;
	overflow:hidden;
}
p{
	margin:0 0 1em 0;
	padding:0;
}
h1,h2,h3{
	float:none;
	clear:both;
}
#topimage{
	margin:0px 0 0px;
	padding:0px 0 0 0;
	box-sizing:border-box;
	/*position:fixed;
	top:0px;
	left:0;
	z-index:1;
	width:100%;*/
}
@media screen and (orientation:portrait){
}


#topimage p{
	margin:0 auto;
	line-height:0;
}
#topimage h1{
	margin:0 0 0px;
	font-family:游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
	text-align:center;
	font-size:2.4em;
	padding:0px 0;
	line-height:2;
	/*border-bottom:10px solid #606060;*/
	font-weight:normal;
}
h1 span{
	font-size:75%;
	vertical-align:middle;
	font-weight:normal;
}

#maincol h2{
	font-size:2em;
	margin:0px 0 20px 0;
	font-weight:normal;
	border-bottom:solid 1px #CCC;
	padding:0 0 10px 0;
	text-align:center;
	
}
#maincol h2 span{
}
#maincol h3{
	font-size:1.6em;
	margin:30px 0 20px 0;
	font-weight:normal;
	border-bottom:solid 1px #CCC;
	padding:0 0 10px 0;
	text-align:center;
}
#maincol h3:before{
}
#maincol h3 span{
	/*font-weight:normal;*/
}

#bodysupport #maincol h3,
#bodysupport #maincol h3.step{
	border:solid 2px #F39702;
	color:#F39702;
	padding:5px 0px;
	background-color:#FFF;
	font-weight:bold;
}
#bodysupport #maincol h3.step{
	text-align:left;
	line-height:1.5em;
	padding:0;
}
#bodysupport #maincol h3.step span{
	border-right:solid 2px #F39702;
	display:inline-block;
	line-height:1.5em;
	padding:5px 10px;
}
#bodyservice #maincol h3{
	border:solid 2px #920783;
	color:#920783;
	padding:5px 0px;
	background-color:#FFF;
	font-weight:bold;
}


#maincol h4{
	font-size: 1.1em;
	padding: 0px 0 5px 0;
	margin: 10px 0;
	position:relative;
}
.center{
	text-align:center !important;
}
.small{
	font-size:80%;
}
.large{
	font-size:120%;
}
.txtright{
	text-align:right !important;
}
.txtleft{
	text-align:left !important;
}
.clear{
	clear:both;
	float:none;
}
strong{
	font-weight:bold;
	font-size:1.1em;
}
em,
.red{
	font-style:normal;
	color:#CC0000 !important;
}
.border{
	border:solid 1px #CCC;
}
hr{
	border:0px;
	border-top:dotted 3px #999;
	margin:2em 0;
	clear:both;
}

a.pdf:after{
	content:url(../img/common/pdf.png);
	display:inline-block;
	vertical-align:middle;
	margin-left: 5px;
}
a.doc:after{
	content:url(../img/common/doc.png);
	display:inline-block;
	vertical-align:middle;
	margin-left: 5px;
}
a.xls:after{
	content:url(../img/common/xls.png);
	display:inline-block;
	vertical-align:middle;
	margin-left: 5px;
}

a.target_blank:after{
	content:url(../img/common/blank.png);
	display:inline-block;
	vertical-align:middle;
	margin-left: 5px;
}
a{
	color:#000;
	text-decoration: none;
	transition-duration: 0.2s;
}
a:hover{
	color:#009944;
	transition-duration: 0.2s;
}
:target:before {
   content:"";
   display:block;
   height:123px;
   margin:-123px 0 0;
}
#maincol a img{
	filter: Alpha(opacity=100); 
    -moz-opacity:1.0;
    opacity:1.0; 
	transition-duration: 0.2s;
}
#maincol a:hover img{
	filter: Alpha(opacity=80); 
    -moz-opacity:0.80;
    opacity:0.80; 
	transition-duration: 0.2s;
}

.link a{
	display: inline-block;
	padding: 10px 20px;
	color: #FFF;
	border-radius: 20px;
	background-color: #009944;
	box-sizing: border-box;
}
.link a:hover{
	background-color: #f39800;
	color: #FFF !important;
}
#maincol .link a:before{
	content:'▶ ';
	font-size:70%;
 }
.caution{
	border: 20px solid #FFE7F1;
	background-color: #FFF;
	border-radius:5px;
	padding: 20px 20px;
	margin: 20px 0;
	overflow: hidden;
}
/*table
---------------------------------------------------------------------*/
table caption{
	text-align:left;
}

table.default{
	border-spacing: 0;
	border-collapse:collapse;
	margin:10px 0 20px 0;
	width:100%;
}
table.default th,
table.default td{
	border-right: solid 1px #ccc;
	padding: 5px 15px;
	vertical-align:middle;
}
table.default th:last-child,
table.default td:last-child{
	border-right: solid 0px #ccc;
}
table.default tr{
	border-top: 1px solid #ccc;
	border-bottom: solid 1px #ccc;
}
table.default thead th{
	background: #efefef;
}
table.default th{
	font-weight:normal;
	background: #F9F9F9;
}
table.default td{
}

.nowrap{
	 white-space:nowrap;
}
table.widthmax{
	width:100%;
}

table.photo{
	margin:30px auto;
}
table.photo td{
	text-align:left;
	vertical-align:top;
	width:25%;
	max-width:25%;
}
table.photo td img{
	width:100%;
}

/*dl
---------------------------------------------------------------------*/
dl.dl_default{
	margin:1em auto;
}
dl.dl_default dt{
	font-weight:bold;
	font-size:1.1em;
	margin:0;
}
dl.dl_default dd{
	margin:0.5em 0 1em 1.2em;
}
dl.shop{
}
dl.shop dt{
	float:left;
	clear:left;
	width:8em;
	margin:0 0 0.5em 0em;
}
dl.shop dd{
	margin:0 0 0.5em 8em;
}


dl.qa{
	clear:both;
	overflow:hidden;
}
dl.qa dt,
dl.qa dd{
	padding:0.5em 1em;
}
dl.qa dt{
	font-size: 1.1em;
	margin: 0 0 1em;
	background-color: rgba(255,148,0,0.20);
}
dl.qa dd{
	margin:0 0 2em 0em;
}
dl.qa dt:before{
	content:'Q. ';
	font-size:120%;
	color:rgba(255,148,0,1.0)
}
dl.qa dd:before{
	content:'A. ';
	font-size:120%;
	color:rgba(0,152,68,1.00);
	display:block;
}

dl.qa dt:hover{
	cursor:pointer;
}

dl.access{
	margin:1em 0;
}
dl.access dt{
	margin:0 0 0.5em;
}
dl.access dt:before{
	content:'▼ ';
}
dl.access dd{
	margin:0 0 2em;
}

dl.contact_tel{
	text-align:center;
	margin:40px 0;
}
dl.contact_tel dt{
	display:inline-block;
	background-color:#0468B1;
	color:#FFF;
	font-weight:bold;
	font-size:110%;
	padding:5px 30px;
	margin:0 0 0px 0;
}
dl.contact_tel dd{
	margin:0px 0;
}
dl.contact_tel dd.tel-phone{
	font-size:2em;
	font-weight:bold;
	margin-bottom:-0.2em;
}

/*ul,ol
---------------------------------------------------------------------*/
li{
	margin-bottom:0.5em;
}
ul.arr{
	margin:0.5em 0 1em 1em;
	padding:0;
	list-style:none;
}
ul.arr li{
	background:url(../img/common/arr.png) no-repeat 0 0.25em;
	padding:0 0 0 20px;
	-webkit-background-size:12px;
	background-size:12px;
}

.arrow{
	background:url(../img/common/arr.png) no-repeat 0 0.2em;
	padding:0 0 0 20px;
	background-size:16px;
}


ul.chui {
  counter-reset: number;
  list-style: none;
}
ul.chui li{
	text-indent:-1.6em;
	font-size:90%;
}
ul.chui li:before {
	content: "※ ";
	padding-right:0.25em;
}

ol.chui {
	counter-reset: number;
	list-style: none;
	font-size:80%;
	margin:0;
	padding:0;
}
ol.chui li{
	list-style-type:none;
	list-style-position:inside;
 	counter-increment: cnt;
	text-indent:-1.6em;
	margin-left:2.2em;
}
ol.chui li:before{
	display: marker;
	content: "※" counter(cnt) ;
	padding-right:0.25em;
}

ol.kakko{
  padding:0 0 0 0em;
  margin:0;
}
 
ol.kakko li{
  list-style-type:none;
  list-style-position:inside;
  counter-increment: cnt;
  padding:0 0 0 2em;
}
ol.kakko li:before{
  display: marker;
  content: "(" counter(cnt) ") ";
  margin-left:-1.5em;
}
/*index
---------------------------------------------------------------------*/
#bodycemetery #maincol.top h2,
#bodycemetery #maincol a:hover{
  color:#02954D;
}
#bodylineup #maincol.top h2,
#bodylineup #maincol a:hover{
  color:#e60012;
}
#bodyinformation #maincol.top h2,
#bodyinformation #maincol a:hover{
  color:#0068b7;
}
#bodysupport #maincol.top h2,
#bodysupport #maincol a:hover{
  color:#f39800;
}
#bodyservice #maincol.top h2,
#bodyservice #maincol a:hover{
  color:#920783;
}

.tab-panel {
  width: 100%;
  padding:0px 0;
  margin:0px auto 50px;
  box-sizing:border-box;
  border-radius:0 0 5px 5px;
}
.tab-panel ul{
	list-style:none;
	margin:0;
	padding:0 20px;
	overflow:hidden;
	display:flex;
	flex-wrap:wrap;
}
.tab-panel ul li{
	width:180px;
}
.tab-panel ul li a{
	display:block;
	color:#000;
	text-align:center;
}
.tab-panel ul li img{
	display:block;
}
@media screen and (max-width: 767px){
.tabset > input,
.tabset > label{
	display:none;
}
.tab-panel ul{
	padding:0px;
}
.tab-panel ul li{
	width:33%;
}
}


ul.index,
ul.index_s{
	list-style:none;
	margin:0 0 20px 0;
	padding:0;
	display:flex;
	flex-wrap:wrap;
	justify-content:flex-start;
}
ul.index li{
	width:30%;
	margin:0 1.5% 20px;
	padding:0;
	box-sizing:border-box;
}
ul.index img{
	display:block;
}
ul.index li a{
	display:block;
	position:relative;
}
ul.index li strong{
	background-color:rgba(255,255,255,0.80);
	display:block;
	padding:0.25em 0;
	margin-top:-2em;
	position:absolute;
	width:100%;
	text-align:center;
}
ul.index li span{
	display:block;
	word-wrap:break-word;
	font-size:90%;
}
ul.index li.no_img{
	width:14%;
	text-align:center;
}
#bodysupport ul.index li.no_img a{
	height:160px;
	padding:10px;
	border:solid 2px #f39800;
	color:#f39800;
}
ul.index li.no_img strong{
	background-color:rgba(255,255,255,0);
	padding:0 0;
	top:50%;
	left:0;
}
ul.index li.no_img strong span{
	font-weight:normal;
	font-size:80%;
}

ul.index_s{
	justify-content:space-around;
}
ul.index_s li{
	width:22%;
}
ul.index_s li a{
	border:solid 2px #999;
	text-align:center;
	box-sizing:border-box;
	display:block;
	padding:5px;
}
ul.index_s{
}

@media screen and (max-width: 767px){
ul.index{
}
ul.index li{
	width:47%;
}
ul.index li strong{
	font-size:85%;
}
ul.index li.no_img{
	width:100%;
}
#bodysupport ul.index li.no_img a{
	height:2em;
}
ul.index li.no_img strong{
	margin-top:0em;
	position:relative;
	top:0;
}
ul.index_s li{
	width:45%;
}

}




/*company
---------------------------------------------------------------------*/
#bodycompany .s40th,
#bodycompany .stone{
}
#bodycompany #maincol.s40th,
#bodycompany #maincol.stone{
	background-color:#EEEFEF;
}
#bodycompany #maincol.s40th article,
#bodycompany #maincol.stone article{
	padding:0 0 10px 0;
}
#bodycompany #maincol.s40th article .inner,
#bodycompany #maincol.stone article .inner{
	background-color:#FFF;
	padding:50px 10px;
}
#bodycompany #maincol.s40th article .inner h2,
#bodycompany #maincol.stone article .inner h2{
	border:0;
	font-weight:bold;
}
#bodycompany #maincol.s40th article .inner p,
#bodycompany #maincol.stone article .inner p{
	margin-bottom:2em;
	line-height:1.8;
}
p.teian{
	display:flex;
	justify-content:space-around;
	width:90%;
	margin:auto;
	align-items:center;
}
p.teian img{
	/*width:200px;*/
	/*max-height:200px;*/
	margin:1%;
}



/*gmap
---------------------------------------------------------------------*/
#gmap{
	margin:0 auto 20px auto;
	height:400px;
	width:100%;
}

/*form
---------------------------------------------------------------------*/
input[type="text"] ,
textarea{
	width:100%;
	box-sizing:border-box;
	padding:5px;
}
form label{
	white-space:nowrap;
}
input.text {
	width:50%;
}
input.submitbtn{
	-webkit-appearance: none;
	padding: 20px;
	border-radius: 40px;
	background-color: #009944;
	border:0;
	color:#FFF;
	font-size:100%;
}
input.submitbtn:hover{
	cursor: pointer;
	background-color: #f39800;
}
#h_search_form input[type="text"] {
	width:auto;
}

