@charset "utf-8";

/*--------------------------------
    挙式の流れページ
    PCコンテンツ幅1020px
--------------------------------*/


#CoWrapper h2  {
	margin-top: 10px;
	/*margin-bottom: 10px;*/
	font-size: 30px;
	color: #ae2424;
	padding-top: 28px;
	text-align: center;
}

#Mogi {
	width: 1020px;
	display: table;
	margin: auto;
	padding-top: 30px;
	padding-bottom: 0px;
}

#MainImg {
	margin: auto;
	text-align: center;
	margin-bottom: 0px;
	padding-bottom: 36px;
}

#Mogi ul li {
	float: left;
	margin-bottom: 30px;
}

#Mogi ul li img {
	width: 490px;
	margin: 10px 10px;
}

.FairMap iframe {
	width: 490px;
	height: 300px;
	margin: 10px 10px;
}






#CoPhone {
	text-align: center;
	margin-top: 15px;
	margin-bottom: 0px;
}

#CoCnsl {
	margin-top: -20px;
}

#CoCnslTxt {
	text-align: center;
	margin-bottom: 20px;
}

/*相談会*/
.ttl_mogi {
	margin: 0 3%;
}

#Mogi h2 span {
	position: relative;
	padding: 0 0.5em;
}

#Mogi h2 span:before,#Mogi h2 span:after {
	position: absolute;
    top: 50%;
    content: '';
    width: 10%;
    height: 3px;
    background-color: #ae2424;
}

#Mogi h2 span:before {
	right: 100%;
}

#Mogi h2 span:after {
	left: 100%;
}

.consultation {
	padding-top: 25px;
	padding-bottom: 26px;
}

.consultation p {
	text-align: center;
}

.consultation img {
	width: 100%;
}

.btn_co {
	width: 600px;
	margin: 0 auto;
	padding-top: 24px;
}



/*--------------------------------
    スマホ用
--------------------------------*/


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

#Mogi {
	width: 100%;
	display: table;
	margin: auto;
	padding-top: 10px;
	padding-bottom: 0px;
}

#MainImg {
	width: 100%;
	margin: auto;
	text-align: center;
	margin-bottom: 0px;
	padding-bottom: 0;
}

#MainImg img {
	width: 96%;
	margin: auto;
	text-align: center;
	margin: 0px 2% 20px 2%;
}

#Mogi ul li {
	float: none;
	margin-bottom: 16px;
}

#Mogi ul li img {
	width: 96%;
	margin: 0px 2% 10px 2%;
}

.FairMap iframe {
	width: 96%;
	height: 300px;
	margin: 0px 2%;
}


#CoCnsl {
	_border-top: double 3px #a5855d;
	margin-left: 2%;
	margin-right: 2%;
	margin-top: 0%;
	margin-bottom: 0px;
}

#CoCnslTxt {
	text-align: left;
	margin-bottom: 10px;
}

/*相談会*/
#Mogi h2 span:before,#Mogi h2 span:after {
	width: 4%;
}

#CoWrapper h2  {
	margin-top: 0;
	margin-bottom: 3%;
	font-size: 3.75vw;
	color: #ae2424;
	padding-top: 6%;
	text-align: center;
}
.consultation {
	padding-top: 0;
	margin: 0px 2% 10px 2%;
}

.consultation {
	padding-bottom: 0;
}

.btn_co {
	padding-top: 4%;
	width: 100%;

}

}