@charset "UTF-8";


div#header div.h2 h2 {
	background: url(../images/ohaka_search_h2.jpg) top left no-repeat;
}

@media screen and (max-width: 768px) {
	img{
		max-width: 100%;
		height: auto;
	}
}

/* ============ お墓建立の流れ ============== */
#main h3.h3_1 {
	display: block;
	width: 672px;
	height: 68px;
	text-indent: -9999px;
	overflow: hidden;
	margin: 0 0 20px 25px;
	background: url(../images/ohaka_search_flow_h3_01.gif) no-repeat left top;
}

@media screen and (max-width: 768px) {
	#main h3.h3_1{
	width:auto;
	height: auto;
	color: #E83421;
	margin-top: 30px;
	padding-bottom: 10px;
	text-indent: 0px;
	background-image: url(none);
	border-bottom:1px solid #A3A3A3;
	margin:0 20px 20px 20px;
	}
}

ol.flow{
	width:640px;
	margin:0 0 0 40px;
	padding-bottom:40px;
}

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


@media screen and (max-width: 768px) {
.ohaka_search_flow_title{
	width:100%;
	color: #38545b;
	background-color: #e6f0f4;
	padding: 10px 0 10px 0;
	}
}

@media screen and (max-width: 768px) {
.ohaka_search_flow_title img{
	width: auto;
	height:23px;
	margin-bottom: -5px;
	}
}


@media screen and (max-width: 768px) {
.ohaka_search_flow_title p{
	font-size: 18px;
	text-align: left;
	padding-left: 15px;
	}
}

@media screen and (max-width: 768px) {
	.flow_number{
		margin:0 7px 0 13px;
	}
}
.flow_icon01{
		margin-bottom:-5px;
	}

ol.flow li{
	clear:both;
}

@media screen and (max-width: 768px) {
ol.flow li {
	margin:20px 0 20px 0;
}
}

@media screen and (max-width: 768px) {
ol.flow li#top{
 margin-top: 5px;
}
}

ol.flow li dl dt{
	width:272px;
	margin:0 5px 0 0;
	padding:0;
	float:left;
}

@media screen and (max-width: 768px) {
ol.flow li dl dt{
	width: auto;
	float: none;
	margin: 0 0 20px 0;
}
}

@media screen and (max-width: 768px) {
.flow_illust{
	width: 25%;
	height: 100%;
	margin:0 5%;
}
}

@media screen and (max-width: 768px) {
.flow_container {
  display: flex;
}
}

ol.flow li dl dd{
	width:360px;
	margin:0;
	padding:20px 0;
	float:left;
	border-top:dotted 1px #A6A6A6;
	line-height:1.8em;
}

@media screen and (max-width: 768px) {
ol.flow li dl dd{
	width:90%;
	margin-left:5%;
	float: none;
	border:none;
	padding: 0;
}
}


ol.flow li dl dd img{
	float:right;
	margin-left:5px;
}

@media screen and (max-width: 768px) {
ol.flow li dl dd img{
	width: 50%;
}
}

ol.flow li dl dd#flow08{
	width:360px;
	margin-top:35px;
	padding:20px 0;
	float:left;
	border-top:dotted 1px #A6A6A6;
	border-bottom:dotted 1px #A6A6A6;
	line-height:1.8em;
}
ol.flow li dl dd#flow10{
	width:360px;
	margin:0;
	padding-bottom:20px;
	float:left;
	border-top:dotted 1px #A6A6A6;
	line-height:1.8em;
}
ol.flow li dl dd#top{
	width:360px;
	margin:0;
	padding:0 0 20px 0;
	float:left;
	line-height:1.8em;
	border-top:none;
}

	@media screen and (max-width: 768px) {
	ol.flow li dl dd#flow08{
	width:auto;
	border:none;
	margin:0 0 0 5%;
	padding: 0 0 20px 0;
}
}	
	
	@media screen and (max-width: 768px) {
	.flow_left{
	width: 60%!important;
	float: left!important;
	margin-left: 5%!important;
	padding: 0!important;
}	
	}



@media screen and (max-width: 768px) {
ol.flow li dl dd#top {
	width: 60%;
	float: left;
	margin-left: 5%;
}
}


ol.flow li div.blue{
	clear:both;
	margin:0 0 20px 280px;
	line-height:1.7em;
}

@media screen and (max-width: 768px) {
ol.flow li div.blue{
	margin:0 0 0 20px;
}
}


ol.flow li div.blue a{
	color:#427290;
	text-decoration: none;
}

@media screen and (max-width: 768px) {
.search_menu h4 {
	color: #D43421;
	border-bottom: solid thin;
	border-bottom-color: #ccc;
	padding: 10px;
	font-size: 16px;
	text-align: center;
	letter-spacing: 8px;
}
}

@media screen and (max-width: 768px) {
.search_menu img {
	border:solid thin;
	border-radius: 10px;
	border-color: #D43421;
	
}
}

@media screen and (max-width: 768px) {
.search_menu ul {
	margin: 3% 0 3% 0;
	width: 100%;
	
}
}


@media screen and (max-width: 768px) {
.search_menu li {
  width: 48%;
  float: left;
  margin-left:1%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
	
}
}