@charset "UTF-8";


/* 上書き設定 */
div#main {
	width: 890px;
	height: auto;
	margin: 0 0 20px 25px;
}

@media screen and (max-width: 768px) {
div#main {
	width: auto;
	margin:0;
}
}

#main div.go_top {
	width: auto;
}

/* ============ お墓建立の流れ ============== */

@media screen and (max-width: 768px) {
	img{
		max-width: 100%;
		height: auto;
	}
}

div#header div.h2 h2 {
	background: url(../images/ohaka_search_hajimete_h2.jpg) top left no-repeat;
}

.hajimete_copy{
	font-size:120%;
	line-height: 1.6;
	margin:10px 0 40px 5px;
}

#main h3.h3_1 {
	clear:both;
	display: block;
	width: 890px;
	height: 68px;
	text-indent: -9999px;
	overflow: hidden;
	margin:0;
	background: url(../images/ohaka_search_hajimete_h3_01.jpg) no-repeat left top;
}

#main h3.h3_2 {
	clear:both;
	display: block;
	width: 890px;
	height: 68px;
	text-indent: -9999px;
	overflow: hidden;
	margin:0 0 0 0;
	background: url(../images/ohaka_search_hajimete_h3_02.jpg) no-repeat left top;
}



#hajimete_koumoku h4{
	display: block;
	width: 213px;
	height: 66px;
	text-indent: -9999px;
	overflow: hidden;
	margin:0 0 10px 0;
	padding:0;
}

@media screen and (max-width: 768px) {
#hajimete_koumoku h4{
	text-indent:0;
	margin:10px 0 10px 0;
	height: auto;
font-size:1rem;
	color: #e83421;
}
}

#hajimete_koumoku h4.h4_11{
	background: url(../images/ohaka_search_hajimete_h4_11.jpg) no-repeat left top;
}

@media screen and (max-width: 768px) {
#hajimete_koumoku h4.h4_11{
	background: url(none);
}
}

#hajimete_koumoku h4.h4_12{
	background: url(../images/ohaka_search_hajimete_h4_12.jpg) no-repeat left top;
}

#hajimete_koumoku h4.h4_13{
	background: url(../images/ohaka_search_hajimete_h4_13.jpg) no-repeat left top;
}

#hajimete_koumoku h4.h4_21{
	background: url(../images/ohaka_search_hajimete_h4_21.jpg) no-repeat left top;
}

#hajimete_koumoku h4.h4_22{
	background: url(../images/ohaka_search_hajimete_h4_22.jpg) no-repeat left top;
}

#hajimete_koumoku h4.h4_23{
	background: url(../images/ohaka_search_hajimete_h4_23.jpg) no-repeat left top;
}

#hajimete_koumoku h4.h4_31{
	background: url(../images/ohaka_search_hajimete_h4_31.jpg) no-repeat left top;
}

#hajimete_koumoku h4.h4_32{
	background: url(../images/ohaka_search_hajimete_h4_32.jpg) no-repeat left top;
}

@media screen and (max-width: 768px) {
    #hajimete_koumoku h4.h4_12,
	#hajimete_koumoku h4.h4_13,
	#hajimete_koumoku h4.h4_21,
	#hajimete_koumoku h4.h4_22,
	#hajimete_koumoku h4.h4_23,
	#hajimete_koumoku h4.h4_31,
	#hajimete_koumoku h4.h4_32
	{
		background: url(none);
	}
}

#hajimete_koumoku{
	width: 838px;
	margin:0 auto;
	background:#ebebeb url(../images/ohaka_search_hajimete_back.gif) no-repeat left top;
	border: 1px solid #dfe6ea;
	overflow: hidden;
}

@media screen and (max-width: 768px) {
#hajimete_koumoku{
	width: auto;
	margin:0;
	border: none;
	background: none;
}
}

#hajimete_koumoku_left{
	width: 234px;
	margin: 0;
	padding:0 0 10px 15px;
	float:left;
}

@media screen and (max-width: 768px) {
#hajimete_koumoku_left{
	width: auto;
	padding:0;
}
}

@media screen and (max-width: 768px) {
#hajimete_koumoku_left{
	width: auto;
}
}

#hajimete_koumoku_right{
	width: 570px;
	margin:0;
	padding:20px 0 10px 0;
	float:left;
}

@media screen and (max-width: 768px) {
#hajimete_koumoku_right{
	width: auto;
	margin:0;
	padding:20px 15px 20px 15px;
	float:left;
}
}

#hajimete_koumoku img.hajimete_koumoku_rightimg{
	margin:0 0 10px 10px;
	padding:0;
	float:right;
}

@media screen and (max-width: 768px) {
#hajimete_koumoku img.hajimete_koumoku_rightimg{
		width: 23%;
	}
}

#hajimete_koumoku img.hajimete_koumoku_leftimg{
	margin:0 10px 10px 0;
	padding:0;
	float:left;
}

@media screen and (max-width: 768px) {
#hajimete_koumoku img.hajimete_koumoku_leftimg{
		width: 22%;
	}
}


#hajimete_koumoku ul{
	margin:15px 10px 15px 20px;
	padding:0 0 0 20px;
}

#hajimete_koumoku li{
	list-style-type:disc;
}

#hajimete_koumoku .hajimete_maruchou{
	width: 570px;
	margin:10px 0 0 0;
	background:#fffbee;
	overflow: hidden;
	color:#a21604;
}

@media screen and (max-width: 768px) {
#hajimete_koumoku .hajimete_maruchou{
	width: auto;
	margin-top:40px;
	padding: 10px;
	background:#fffbee;
}
}

#hajimete_koumoku .hajimete_maruchou_top{
	padding:10px;
}

@media screen and (max-width: 768px) {
#hajimete_koumoku .hajimete_maruchou_top{
	background: url(none);
	padding:10px;
}
}

img.ohaka_search_hajimete_ya{
	margin:0 0 0 50px;
}

@media screen and (max-width: 768px) {
	img.ohaka_search_hajimete_ya{
		margin: 0 auto;
		display: block;
		width: 20%;
	}
}


#hajimete_koumoku .hajimete_maruchou_top a:hover{
	color:#F1771C;
}

#hajimete_koumoku .hajimete_maruchou .navi11 a {
	display: block;
	height: 78px;
	width: 147px;
	text-indent: -9999px;
	overflow: hidden;
	float:right;
	margin:0 0 10px 10px;
	padding:0;
	background: url(../images/ohaka_search_hajimete_11bt.jpg) top left no-repeat;
}

@media screen and (max-width: 768px) {
#hajimete_koumoku .hajimete_maruchou .navi11 a {
	height: auto;
	width: auto;
	text-indent: 0px;
	background: url(none);
}
}

#hajimete_koumoku .hajimete_maruchou .navi11 a:hover {
	background: url(../images/ohaka_search_hajimete_11bt_on.jpg) top left no-repeat;
}

@media screen and (max-width: 768px) {
	#hajimete_koumoku .hajimete_maruchou .navi11 a:hover {
	background: url(none);
	}
}



.hajimete_maruchou .navi21,
.hajimete_maruchou .navi22{
    display: inline-block;
    height: 70px;
    margin-top:20px;
}

.hajimete_maruchou .navi21 a,
.hajimete_maruchou .navi22 a {
    display: block;
    width: auto;
    padding: 10px 15px;
    border-radius: 9px;
    text-decoration: none;
    color:#fff;
    background: rgb(249,107,71);
    background: linear-gradient(356deg, rgba(249,107,71,1) 23%, rgba(252,129,72,1) 55%, rgba(255,201,74,1) 91%, rgba(254,217,79,1) 100%);
}



#hajimete_koumoku .red{
	color:red;
}

#hajimete_comment{
	margin:50px 0 0 50px;
}

@media screen and (max-width: 768px) {
#hajimete_comment{
	margin:40px 15px 0 15px;
	width: auto;
	border-top: solid thin;
	padding: 10px;

}
}

#hajimete_bottom_link{
	width: 838px;
	margin:0 0 0 100px;
}
