@charset "UTF-8";
/*CSS -content Layout-*/
.btn_detail {
	margin-bottom:30px;
}
.freespace {
	width:100%;
	float:left;
	margin-bottom:25px;
}
.letterbox {
	margin-top:0 !important;
	width: 100% !important;
}
@media screen and ( min-width:1025px ) {
.search_detail .sub_info {
	margin-top:0 !important;
}
.mt50_pc {
	margin-top:50px;
}

/* EJ 2017.12.19 ADD*/
	.main_tit_2 span {
		border-left:none !important;
		background:url(../../img/tit01.png);
		background-size:auto 100%;
		background-repeat: no-repeat;
		padding-left: 38px !important;
		font-size:140%;
		margin-top:20px;
	}
/* EJ 2017.12.19 ADD-END*/
	#c04 .openBtn.acBtnBox {
		width: 50%;
		float: right;
		margin-top: -60px;
	}
	#c03 ul{
		width:100%;
		float:left;
	}
	.cbox {
		width:100%;
		float:left;
	}
	.gallery .cbox {
		width:40%;
		float:left;
		margin-left: 5%;
		margin-top: 80px;
	}
/* EJ 2018.05.08 ADD*/
	.l1box {
		width:100%;
		float:left;
	}
/* EJ 2018.05.08 ADD END*/
	.planHeader {
		background:none !important;
	}
	.planHeader img {
		width:48%;
		float:left;
	}
	.planHeader p {
		width:48%;
		float:right;
	}
	.planHeader ul {
		width:48%;
		float:right;
		margin:0;
	}
	#c04 #planBox {
		width:48%;
		float:right;
		border:none !important;
	}
	h5.stTitle {
		padding-bottom:100px !important;
		width:100%;
		float:left;
		line-height: 56px !important;
		padding-top:50px !important;
	}
	ul.caseBox {
		width: 90%;
		margin-left: 5%;
		margin-bottom: 25px;
	}
	.caseBox {
		width:100%;
		float:left;
	}
	#planBox .acBtnBox {
		border:none !important;
		background-position: right 100px center !important;
	}
	#userBox {
		text-align: center !important;
	}
	#userBox .acBtnBox {
		border:none !important;
		background-position: right 380px center !important;
	}
	.sp {
		display:none !important;
	}
	#original_plan #c04 .arrow {
		text-align: center;
		margin-bottom:30px !important;
	}
	.pc_left {
		width:48%;
		float:left;
	}
	.pc_right {
		width:48%;
		float:right;
	}
	#original_plan .consultation .bgp ul.inBox{
		margin-left: 130px !important;
	}
	.consultation .tbox.mgt {
		margin-top:0 !important;
	}
	.consultation .bgp ul {
		width:100%;
		float:left;
		padding-left: 230px;
	}
	.consultation .bgp {
		width:100%;
		float:left;
		box-sizing: border-box;
	}
	/*
	#original_plan .cbox ul{
		width: 48%;
		margin-left: 20px;
	}
	*/
	.single_contact .cbox {
		width:50% !important;
		float:left;
		box-sizing: border-box;
	}
	.single_contact .bgp {
		width:50% !important;
		box-sizing: border-box;
	}
	.gallery .consultation .bgg {
		width:auto !important;
		height:auto !important;
		float:none !important;
	}
	#original_plan .bgp {
		height:auto !important;
	}
	#original_plan .inBox {
		margin:0 0 40px 0 !important;
	}
	.linkBox.inBox {
		width:100% !important;
	}
	.recommend_plan .right_area {
		float:left !important;
	}
	.recommend_plan .left_area {
		float:right !important;
		margin-left:45px !important;
		margin-right:0 !important;
	}
	.recommend_plan .right_area p.radius{
		font-size:12px;
	}

	.building_content {
		width:100%;
		float:left;
	}
	.planHeader.firstplan {
		padding:20px !important;
		width:100%;
		float: left;
		box-sizing: border-box;
		background-color: #FEF2F2 !important;
	}
	.planHeader.firstplan img {
		float:right;
	}
	.btnPHBox {
		float:left;
		width: 40% !important;
		margin-left: 5% !important;
		padding: 15px;
		box-sizing: border-box;
	}
	.planHeader.firstplan p {
		width:50% !important;
		float:left !important;
		margin-top:30px;
		margin-bottom:15px;
	}
	.planHeaderG {
		width:100% !important;
		float:left !important;
		border:none !important;
		padding:20px;
		box-sizing: border-box;
	}
	div.btnPGBox.inBox.radius {
		width: 80% !important;
		margin-left: 10% !important;
		box-sizing: border-box;
		padding: 10px !important;
	}
	div.planheader_right {
		width: 50%;
		float: right;
		padding-left: 2%;
		box-sizing: border-box;
		font-size: 14px;
		margin-top: 35px;
	}
	div.planheader_left {
		width: 50%;
		float: left;
	}
	.consultation .bgp {
		padding:20px !important;
	}
	#original_plan .caseBox .inBox {
		margin:0 !important;
		width:100%;
	}
	.serviceBox ul.photoBox.inBox img {
		width:100%;
	}
	#c04 #planBox {
		width:100%;
	}
	#c04 ul.iconBox li {
		float: left;
		width: 10.5% !important;
		margin-right: 2% !important;
	}
	#c04 ul.iconBox li img {
		margin-top:1px;
	}
	.pc49l {
		width:49% !important;
		float:left !important;
		margin-right:0 !important;
	}
	.pc49r {
		width:49% !important;
		float:right !important;
		margin-right:0 !important;
	}
	.pc49r.wide {
		width:100% !important;
	}
	#c04 #planBox .serviceBox .read {
		width:100%;
		float:left;
		margin-right:0 !important;
	}
	.closeBtn.close_last {
		width:100% !important;
		float:left;
		border-top:1px solid #ccc !important;
		border-bottom:1px solid #ccc !important;
		margin-top:25px !important;
		margin-bottom:30px !important;
	}
	#c04 ul.iconBox.pc49r li {
		width: 18% !important;
		margin-right:0 !important;
		margin-left:2% !important;
	}
	#c04 ul.iconBox.pc49r.wide li {
		width: 10.5% !important;
		margin-right:1 !important;
		margin-left:1% !important;
	}
	span.closeBtn.acBtnBox,#c04.openBtn {
		width: 50%;
		float: right;
		margin-top: -60px;
	}
	.consultation.single_contact .bgg {
		padding: 20px;
		box-sizing: border-box
	}
	.company_detail .left_area {
		border:1px solid #DA5280;
		border-radius:10px;
		box-sizing: border-box;
	}
	.consultation .bgp ul {
		width:100% !important;
		padding-left:0 !important;
	}
}
/*-------------------------メディアクエリー以下スマホ---------------------------------*/
@media screen and ( max-width:1024px ) {
	.btnBox a {
		font-size: 18px !important;
	}
	.telBox {
		padding:0;
	}
	.mt30 {
		margin-top:30px;
	}
	.sp_pd1 {
		width:98%;
		padding:0 1%;
	}
	h2.main_tit span {
		border-left:none !important;
	}
/* EJ 2017.12.19 ADD*/
	h2.main_tit_2 span {
		border-left:none !important;
		background:url(../../img/tit01.png);
		background-size: auto 30px;
		background-repeat: no-repeat;
		padding-left: 25px !important;
		font-size:120%;
	}
/* EJ 2017.12.19 ADD-END*/
	.pc {
		display:none !important;
	}
	.consultation .bgg{
		width: 100% !important;
		height: auto !important;
		margin-bottom: 0px !important;
	}
	.consultation .bgp{
		width: 100% !important;
		height: auto !important;
	}

	.telBox{
		margin-top: 10px !important;
		margin-bottom: 10px !important;
	}

	.content_row .left_area{
		width: 100% !important;
	}
	.content_row .right_area{
		margin-top: 10px !important;
		width: 100% !important;
		padding: 10px !important;
		float: none !important;
	}
}
/*-------------------------メディアクエリースマホここまで---------------------------------*/
/*-------------------------メディアクエリーなしここから----------------------------------*/
.cbox{
	font-size: 12px;
	width:100%;
	float:left;
}

.cbox strong{
	color: #DA5280;
}

.inBox{
	width: 95%;
	margin-right: auto;
	margin-left: auto;
	display: block;
}

.linkBox{
	overflow: hidden;
	position: relative;
}

.linkBox a{
	display: block;
	color: #347EB0;
	padding-left: 20px;
	text-decoration: underline;
	/*201904 ADD*/
	font-size: 16px;
}

.linkBox a.icon{
	background-image: url(../img/templates/linkArrow.png);
	background-repeat: no-repeat;
	background-position: left center;
	background-size:15px 15px;

}

.radius{
	-moz-border-radius: 10px;/* Firefox用 */
	-webkit-border-radius: 10px;/* Safari,Google Chrome用 */
	-khtml-border-radius: 10px;/* for Old Safari, KHTML */
	border-radius: 10px;/* for CSS3 */
	behavior: url(border-radius.htc);/* CSS3 PIE [IE用] */
	position:relative;/* PIEを動作させるために追加 */
}

.arrow{
	width: 70%;
	margin-right: auto;
	margin-left: auto;
	display: block;
	margin-bottom: 30px;
}

h5.stTitle{
	color: #6e5733;
	display: block;
	text-align: center;
	background-image: url(../img/titleBg.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-size:100% auto;
	font-size: 22px;
	line-height: 26px;
	font-weight: bold;
	padding-top: 28px;
	padding-bottom: 13px;
}

h5.stTitle span{
	display: block;
	font-size: 14px;
	line-height: 20px;
	font-weight: normal;
}


/***********************************
対面相談してみる
************************************/
.consultation{
	margin-bottom: 0px!important;
}

.consultation .bgp{
	background-color: #FEF2F2;
	padding-top: 10px;
	padding-bottom: 20px;
}

.consultation .bgg{
	background-color: #c6edec;
	padding-top: 10px;
	padding-bottom: 20px;
}

.consultation .bgg strong.cmst{
	padding: 15px 10px 10px;
	display: block;
	text-align: left;
}

.consultation .tbox{
	text-align: center;
}

.consultation .tbox span.red{
	color: #ff0000;
}

.consultation .tbox span.sla{
	font-size: 28px;
	color: #DA5280;
	font-family: Arial;
}

.consultation .tbox h6{
	color: #3e0117;
	display: inline;
	font-size: 17px;
	font-weight: normal;
}

.consultation .tbox h6 strong{
	color: #3e0117 !important;
	font-size: 24px;
	font-weight: bold;
}

.consultation .tbox.mgt{
	margin-top:10px
}

.consultation ul{
	display: block;
	font-size: 14px;
}

.consultation ul li{
	display: block;
	background-image: url(../img/templates/con_ChkIcon.png);
	background-repeat: no-repeat;
	background-position: left 2px;
	background-size:16px 16px;
	padding-left: 25px;
}

.consultation ul li strong{
	color: #3e0117 !important;
}

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

.consultation .linkBox a{
	float: right;
}





#userBox {
	width:100%;
	float:left;
}


/*フリーダイヤル*/
.telBox{
	background-color: #FFF;
	border: 1px solid #727272;
	background-image: url(../img/templates/con_FreeIcon.png);
	background-repeat: no-repeat;
	background-position: 20px center;
	background-size:45px auto;
}

.telBox .wraper{
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #d2d2d2;
	padding-left: 80px;
	padding-top: 10px;
	padding-bottom: 10px;
}
.telBox.short .wraper{
	padding-left: 60px;
}

.telBox a{
	display: block;
	font-size: 28px;
	line-height: 30px;
	color: #1a9bfc;
	text-decoration: underline;
	margin-bottom: 5px;
	font-weight: bold!important;
	font-family: "ヒラギノ角ゴ Pro W3" !important;
	letter-spacing: 2.5px;
}

.telBox p{
	display: block;
	color: #333;
	font-size: 14px!important;
	line-height: 14px; margin-top: 0!important;
}

.telBoxW{
	background: #5D9925;
	background: -moz-linear-gradient(top, #6BA336 0%, #5D9925 100%);
	background: -webkit-linear-gradient(top, #6BA336 0%,#5D9925 100%);
	background: linear-gradient(to bottom, #6BA336 0%,#5D9925 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6BA336', endColorstr='#5D9925',GradientType=0 );
	display: block;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #4A7A1E;
}

.telBoxW .wraper{
	margin-top: 53px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #47761E;
	padding-left: 80px;
	padding-top: 10px;
	padding-bottom: 10px;
	background-image: url(../img/templates/con_FreeIcon_w.png);
	background-repeat: no-repeat;
	background-position: 20px center;
	background-size:45px auto;
}

.telBoxW a{
	display: block;
	font-size: 28px;
	line-height: 30px;
	color: #FFFFFF;
	text-decoration: underline;
	margin-bottom: 5px;
	font-weight: bold!important;
	font-family: "ヒラギノ角ゴ Pro W3" !important;
	letter-spacing: 2.5px;
}

.telBoxW p{
	display: block;
	color: #FFFFFF;
	font-size: 14px;
	line-height: 14px;
	letter-spacing: 2px;
}
/*-------------------------メディアクエリーなしここまで----------------------------------*/
/*-------------------------メディアクエリー-614-----以下PC---------------------------------*/
/*追記*/
/*PC*/
@media screen and (min-width:614px) {
section.cta {
	display: flex;
	margin-bottom: 50px;
}
.pc_left {
	text-align: center;
	font-size: 16px;
}
.pc_left h6 {
	color: #609B29;
	font-size: 30px;
}
p.tel_consultation_catch {
	font-size: 16px;
	color: #333;
	line-height: 24px;
}
.pc_left img, .tel_consultation img {
	width: 308px;
	border-radius: 20px;
}
p.tel_consultation_button_catch {
	margin-top: 27px;
	margin-bottom: 9px;
}
p.tel_consultation_catch {
	margin-top: 10px;
	margin-bottom: 10px;
}
.tel_consultation_inquiry {
	width: 311px;
	background: #fff;
	margin: 0 auto;
}

p.tel_consultation_inquiry_catch {
	margin-top: 24px;
margin-bottom: 8px;
background: #609B29;
color: #fff;
font-weight: bold;
width: 311px;
padding-top: 10px;
margin: 0 auto;
padding-bottom: 10px;
}

p.tel_consultation_inquiry_number {
	border:solid 2px #609B29;
	display: flex;
}
p.tel_consultation_inquiry_number i {
	font-size: 55px;
margin-top: 10px;
margin-left: 10px;

}
span.pc_tel2 {
	font-size: 30px;
	font-weight: bold;
}

/*ウェブ・対面で相談したい方*/
.tel_consultation {
	    background: #FEF2F2;
			text-align: center;
			padding-top: 50px;
			padding-bottom: 50px;
			font-size: 16px;
			width: 460px;
}
.tel_consultation h6 {
	color: #C52F65;
	font-size: 30px;
}
.tel_consultation img {
	    margin-top: 23px;
}
img.tel_consultation {
	display: none;
}
.mail_consultation_button {
	width: 311px;
	border: solid 2px #c52f65;
	border-radius: 5px;
	color: #c52f65;
	/* text-align: center; */
	margin: 0 auto;
	font-weight: bold;
	position: relative;
	padding-top: 20px;
    padding-bottom: 20px;
}
span.mail_consultation_wording {
	font-size: 22px;
	color: #C9376B;
	display: flex;
margin-left: 100px;
}
.mail_consultation_button .fa {
	font-size: 50px;
	transform: rotate(20deg);
	position: absolute;
	left: 30px;
}
}
/*-------------------------メディアクエリー-614---PCここまで---------------------------------*/
/*-------------------------メディアクエリー-614---SPここから---------------------------------*/
@media screen and (max-width:615px) {
	section.cta {
		display: block;
		margin-bottom: 50px;
	}
	.pc_left {
		text-align: center;
		font-size: 16px;
	}
	.pc_left h6 {
		color: #609B29;
		font-size: 30px;
	}
	p.tel_consultation_catch {
		font-size: 16px;
		color: #333;
		line-height: 24px;
	}
	.pc_left img, .tel_consultation img {
		width: 308px;
		border-radius: 20px;
	}
	p.tel_consultation_button_catch {
		margin-top: 27px;
		margin-bottom: 9px;
	}
	p.tel_consultation_catch {
		margin-top: 10px;
		margin-bottom: 50px;
	}
	.pc_left img.tel_eye_catch, p.tel_consultation_button_catch {
		display: none;
	}
	.tel_consultation_inquiry {
		background: #609B29;
		border-radius: 5px;
		margin: 0 auto;
	}
	p.tel_consultation_inquiry_number {
		position: relative;
		color: #fff;
	}
	img.tel_consultation {
		position: absolute;
		top: -90px;
		left: 0px;
		width: 100px;
		background: none;
	}
	p.tel_consultation_inquiry_catch {
		margin-top: 24px;
		margin-bottom: 8px;
		background: #609B29;
		color: #fff;
		font-weight: bold;
		width: 311px;
		padding-top: 10px;
		margin: 0 auto;
		padding-bottom: 10px;
	}
	p.tel_consultation_inquiry_catch {
		display: none;
	}
	p.tel_consultation_inquiry_number {
		display: flex;
	}
	p.tel_consultation_inquiry_number i {
		margin-top: 10px;
		margin-left: 30%;
	}
	a.sp_phone {
    font-size: 30px;
    font-weight: bold;
	}
	.detail_table a.sp_phone {
    font-size: inherit;
    font-weight: normal;
	}
	/*
	span.pc_tel2 {
		font-size: 30px;
		font-weight: bold;
	}*/

	/*ウェブ・対面で相談したい方*/
	.tel_consultation {
		    background: #FEF2F2;
				text-align: center;
				padding-top: 50px;
				padding-bottom: 50px;
				font-size: 16px;

	}
	.tel_consultation h6 {
		color: #C52F65;
		font-size: 30px;
	}
	.tel_consultation img {
		    margin-top: 23px;
	}
	.mail_consultation_button {
		width: 311px;
		border: solid 2px #c52f65;
		border-radius: 5px;
		color: #c52f65;
		margin: 0 auto;
		font-weight: bold;
		position: relative;
		padding-top: 20px;
	  padding-bottom: 20px;
	}
	span.mail_consultation_wording {
		font-size: 22px;
		color: #C9376B;
		display: flex;
	margin-left: 100px;
	}
	.mail_consultation_button .fa {
		font-size: 50px;
		transform: rotate(20deg);
		position: absolute;
		left: 30px;
	}
}
/*-------------------------メディアクエリー-614---SPここまで---------------------------------*/
/*-------------------------メディアクエリー-なし---ここから---------------------------------*/

/*フッターお問い合わせバナー*/
.footerTel{
	background-color: #6ea530;
	background-image: url(../img/templates/con_FreeIcon_w.png);
	background-repeat: no-repeat;
	background-position: 10px center;
	background-size:45px 30px;
	text-align: left;
}
.footerTel span.tel,
.footerTel span.txt{
	display: block;
	text-align: left;
	color: #FFF;
	padding-left: 70px;
}

.footerTel .footerTelWaper{
	background-image: url(../img/bachi.png);
	background-repeat: no-repeat;
	background-position: right 10px center;
	background-size:60px auto;
	height: 80px;
}

.footerTel span.tel{
	display: block;
	font-size: 26px;
	line-height: 40px;
	color: #FFF;
	text-decoration: underline;
	margin-bottom: 5px;
	font-weight: bold!important;
	font-family: "ヒラギノ角ゴ Pro W3" !important;
	letter-spacing: 1.5px;
	padding-top: 8px;
}

.footerTel span.txt{
	display: block;
	font-size: 14px;
	line-height: 14px;
	letter-spacing: -0.3px;
}

@media print, screen and (max-width:340px){
.btnBox a,
.telBox a,
.telBoxW a{
	display: block;
	font-size: 25px;
	letter-spacing: 0px !important;
}

.telBox p,
.telBoxW p{
	font-size: 12px;
	letter-spacing: 0px !important;
}


.footerTel .footerTelWaper{
	background-image: url(../img/bachi.png);
	background-repeat: no-repeat;
	background-position: right 10px center;
	background-size:50px auto;
	height: 65px;
}

.footerTel span.tel{
	display: block;
	font-size: 19px;
	line-height: 25px;
	color: #FFF;
	text-decoration: underline;
	margin-bottom: 5px;
	font-weight: bold!important;
	font-family: "ヒラギノ角ゴ Pro W3" !important;
	padding-top: 10px;
}

.footerTel span.txt{
	display: block;
	font-size: 12px;
	line-height: 14px;
}
}

/*対面相談ボタ*/
.btnBox{
	background: #d75684;
	background: -moz-linear-gradient(top, #d75684 0%, #c42b62 100%);
	background: -webkit-linear-gradient(top, #d75684 0%,#c42b62 100%);
	background: linear-gradient(to bottom, #d75684 0%,#c42b62 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d75684', endColorstr='#c42b62',GradientType=0 );
	display: block;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #9b234e;
	text-align: center;
}

.btnBox a{
	color: #FFF;
	font-size: 28px;
	background-image: url(../img/templates/con_BtnArrow.png);
	background-repeat: no-repeat;
	background-position: 95% center;
	background-size:12px auto;
	width: 100%;
	display: block;
	line-height: 28px;
	padding-top: 10px;
	padding-bottom: 10px;
	font-weight: bold!important;
	font-family: "ヒラギノ角ゴ Pro W3" !important;
}
@media screen and ( max-width:1024px ) {
	.btnBox a {
		font-size:18px !important;
	}
}

.btnBox a span{
	font-size: 14px;
	line-height: 14px;
	display: block;
	padding-top: 8px;
	font-weight: normal!important;
}


/**/
.planHeader{
	background-color: #FEF2F2;
	padding-bottom: 20px;
	padding-top: 10px;
	position: relative;
}

.planHeader .osusumeObi{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 95%;
	z-index: 1;
	padding-right: 2.5%;
	padding-left: 2.5%;
	padding-top: 10px;
}

.planHeader .osusumeObi img{
	width: 136px;
}

.planHeaderG{
	background-color: #F4F4F4;
	padding-bottom: 20px;
	padding-top: 15px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #D3D3D3;
	margin-bottom: 30px;
}

.planHeader p{
	display: block;
	padding-top: 20px;
	padding-bottom: 10px;
	color: #806123;
	font-size: 22px;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	text-align: center;
	font-weight: bold;
}

.planHeader p span{
	display: block;
	font-size: 17px;
	line-height: 17px;
}

.planHeaderG p{
	display: block;
	padding-bottom: 10px;
	color: #595959;
	font-size: 17px;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	text-align: center;
	font-weight: bold;
}

.planHeader ul.price{
	display: block;
	border: 1px solid #D4CECE;
	background-color: #FFF;
}

.planHeader ul.price li{
	display: block;
	text-align: center;
	font-size: 12px;
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-left: 10px;
}

.planHeader ul.price li:last-child{
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #D3D3D3;
	padding-top: 5px;
}

.planHeader ul.price li.st{
	display: block;
	color: #FFF;
	background-color: #ED869B;
	-moz-border-radius: 3px;/* Firefox用 */
	-webkit-border-radius: 3px;/* Safari,Google Chrome用 */
	-khtml-border-radius: 3px;/* for Old Safari, KHTML */
	border-radius: 3px;/* for CSS3 */
	behavior: url(border-radius.htc);/* CSS3 PIE [IE用] */
	position:relative;/* PIEを動作させるために追加 */
	font-size: 14px;
	line-height: 30px;
	font-weight: bold;
	margin-top: 10px;
}

.planHeader ul.price li strong{
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size: 19px;
	padding-right: 5px;
}

.planHeader ul.price li strong span{
	font-size: 25px;
}

.btnPHBox{
	background: #d75684;
	background: -moz-linear-gradient(top, #d75684 0%, #c42b62 100%);
	background: -webkit-linear-gradient(top, #d75684 0%,#c42b62 100%);
	background: linear-gradient(to bottom, #d75684 0%,#c42b62 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d75684', endColorstr='#c42b62',GradientType=0 );
	display: block;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #9b234e;
	text-align: center;
}

.btnPHBox a{
	color: #FFF;
	font-size: 17px;
	background-image: url(../img/templates/con_BtnArrow_down.png);
	background-repeat: no-repeat;
	background-position: 95% center;
	background-size:auto 12px;
	width: 100%;
	display: block;
	line-height: 18px;
	padding-top: 13px;
	padding-bottom: 10px;
	font-weight: bold;
}

.btnPHBox a span{
	font-size: 14px;
	line-height: 14px;
	display: block;
	padding-top: 8px;
	font-weight: normal;
}

/**/
.btnPGBox{
	background: #818181;
	background: -moz-linear-gradient(top, #818181 0%, #747474 100%);
	background: -webkit-linear-gradient(top, #818181 0%,#747474 100%);
	background: linear-gradient(to bottom, #818181 0%,#747474 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d75684', endColorstr='#c42b62',GradientType=0 );
	display: block;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #6F6F6F;
	text-align: center;
}

.btnPGBox a{
	color: #FFF;
	font-size: 17px;
	background-image: url(../img/templates/con_BtnArrow.png);
	background-repeat: no-repeat;
	background-position: 95% center;
	background-size:12px auto;
	width: 100%;
	display: block;
	line-height: 18px;
	padding-top: 13px;
	padding-bottom: 10px;
	font-weight: bold;
}

.btnPGBox a span{
	font-size: 14px;
	line-height: 14px;
	display: block;
	padding-top: 8px;
	font-weight: normal;
}

/***********************************
ファーストビュー
************************************/
#c00{
	position: relative;
}

.readBox{
	padding-top: 15px;
	display: block;
}

.readBox li{
	overflow: hidden;
	position: relative;
	margin-bottom: 5px;
}

.readBox span{
	display: block;
	float: left;
	font-size: 17px;
	font-weight: bold;
	line-height: 17px;
	padding-bottom: 3px;
}

.readBox span.line01{
	background-image: url(../img/line01.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	background-size:100% auto;
}

.readBox span.line02{
	background-image: url(../img/line02.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	background-size:100% auto;
}

.readBox span.line03{
	background-image: url(../img/line03.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	background-size:100% auto;
}

.bmg{
	margin-bottom: 30px;
}

#c00 .venueDetails{
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 9999;
	width: 95%;
	padding-left: 5%;
	background-image: url(../img/c00_bg.png);
	background-repeat: repeat-x;
	background-position: left top;
	background-size:auto 100%;
	padding-bottom: 30px;
	padding-top: 10px;
}

#c00 .venueDetails h2{
	font-size: 22px !important;
	display: block !important;
}

#c00 .venueDetails h2 span{
	font-size: 14px !important;
	font-weight: normal;
	margin-left: 5px;
}

#c00 .venueDetails p{
	font-size: 14px;
	display: block;
	overflow: hidden;
	position: relative;
}

#c00 .venueDetails p span{
	width: 5em;
	display: block;
	float: left;
}

#c00 .venueDetails p a{
	color: #1a9bfc;
	text-decoration: underline;
}

/***********************************
可能な葬儀プラン
************************************/
#c01{
}

#c01 ul.planBBtnBox{
	margin-bottom: 30px;
	margin-top: 15px;
}

#c01 ul.planBBtnBox li{
	margin-bottom: 5px;
}

/***********************************
基本情報
************************************/
#c02{
}

#c02 .map{
	border: 1px solid #8F8F8F;
	font-size: 0px;
	line-height: 0px;
	margin-top: 15px;
}

#c02 .map iframe{
	height: 300px;
	width: 100%;
}

#c02 .map a{
	background-image: url(../img/templates/con_BtnArrow.png);
	background-repeat: no-repeat;
	background-position: 95% center;
	background-size:6px auto;
	background-color: #8F8F8F;
	display: block;
	color: #FFF;
	text-align: center;
	font-size: 12px;
	line-height: 35px;
}

#c02 ul{
	display: block;
	overflow: hidden;
	position: relative;
	margin-top: 15px;
	margin-bottom: 15px;
}

#c02 ul li{
	float: left;
	width: 23.5%;
	color: #CF3F72;
	border: 1px solid #CF3F72;
	margin-right: 1%;
	font-size: 12px;
	line-height: 25px;
	margin-bottom: 5px;
	text-align: center;
	font-weight: bold;
}

#c02 ul li:nth-child(4){
	margin-right: 0%;
}

#c02 table{
	font-size: 14px;
	margin-bottom: 30px;
}

#c02 table th,
#c02 table td{
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #C8C8C8;
	padding: 10px;
	vertical-align: top;
}

#c02 table th{
	background-color: #E2E2E2;
	white-space: nowrap;
}

#c02 table th.nh{
	background-color: #F1F1F1;
}

#c02 table td{
	background-color: #F9F9F9;
}

#c02 table td.nd{
	background-color: #FFFFFF;
}

#c02 table td a{
	color: #1a9bfc;
	text-decoration: underline;
}

/***********************************
葬儀費用例
************************************/
#c03{
}

#c03 ul{
	display: block;
	border: 1px solid #D4CED0;
	margin-top: 15px;
	margin-bottom: 30px;
	padding-top: 10px;
	padding-bottom: 10px;
}

#c03 ul li{
	display: block;
	margin-right: 15px;
	margin-left: 15px;
	overflow: hidden;
	position: relative;
	text-align: center;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #D2D2D2;
}

#c03 ul li span.fl{
	float: left;
	width: 35%;
	color: #87692B;
}

#c03 ul li span.fr{
	float: right;
	width: 63%;
	color: #ED869B;
}

#c03 ul li:first-child{
	font-size: 14px;
	color: #FFF;
	border-bottom-style: none !important;
}

#c03 ul li:first-child span{
	-moz-border-radius: 3px;/* Firefox用 */
	-webkit-border-radius: 3px;/* Safari,Google Chrome用 */
	-khtml-border-radius: 3px;/* for Old Safari, KHTML */
	border-radius: 3px;/* for CSS3 */
	behavior: url(border-radius.htc);/* CSS3 PIE [IE用] */
	position:relative;/* PIEを動作させるために追加 */
	line-height: 30px;
	color: #FFF;
}

#c03 ul li:first-child span strong{
	color: #FFF;
}

#c03 ul li:first-child span.fl{
	background-color: #87692B;
}

#c03 ul li:first-child span.fr{
	background-color: #ED869B;
}

/*2n・3n*/
#c03 ul li:nth-child(2),
#c03 ul li:nth-child(3){
	font-size: 25px;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-weight: bold;
	line-height: 45px;
}

/*last*/
#c03 ul li:last-child{
	padding-top: 10px;
	border-bottom-style: none !important;
}

#c03 ul li:last-child p{
	display: block;
	text-align: left;
	font-size: 12px;
	line-height: 20px;
	padding-left: 1em;
	text-indent: -1em;
}

/***********************************
おすすめプラン
************************************/
#c04{
}

#c04 .acBtnBox{
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #d2d2d2;
	border-bottom-color: #d2d2d2;
	text-align: center;
	text-decoration: underline;
	display: block;
	font-size: 14px;
	line-height: 50px;
	color: #1a9bfc;
	cursor:pointer;
}

#c04 .acBtnBox:hover{
	text-decoration: none;
}

#c04 .acBtnBox.off{
	display: block;
}

#c04 .acBtnBox.on{
	display: none;
}

#c04 .openBtn{
	background-image: url(../img/templates/ico-arrow_down.png);
	background-repeat: no-repeat;
	background-position: right 15px center;
	background-size:15px auto;
}

#c04 .closeBtn{
	background-image: url(../img/templates/ico-arrow_up.png);
	background-repeat: no-repeat;
	background-position: right 15px center;
	background-size:15px auto;
}

/*オリジナルサービス*/
/*基本サービス*/
#c04{
}

#c04 ul.photoBox{
	overflow: hidden;
	position: relative;
	margin-top: 15px;
}

#c04 ul.photoBox li{
	float: left;
	width: 48%;
	text-align: center;
}

#c04 ul.photoBox li:last-child{
	float: right;
}

#c04 ul.photoBox li span{
	font-size: 14px;
	line-height: 18px !important;
	display: block;
	padding-top: 5px;
	padding-bottom: 15px;
}

#c04 ul.iconBox{
	overflow: hidden;
	position: relative;
}

#c04 ul.iconBox li{
	float: left;
	width: 23.1%;
	margin-right: 2.5%;
}

#c04 ul.iconBox.pc49r li:nth-child(4n){
	margin-right: 0% !important;
}

#c04 #planBox{
	margin-bottom: 35px;
}

#c04 #planBox .serviceBox{
	display: none;
}

#c04 #planBox .serviceBox h4.originalTitle{
	padding-top: 15px;
}

#c04 #planBox .serviceBox h4.basicTitle{
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #d2d2d2;
	display: block;
	padding-top: 15px;
	margin-top: 15px;
}

#c04 #planBox .serviceBox .read{
	border: 1px solid #D6CDCE;
	background-color: #FEF2F2;
	margin-top: 20px;
	margin-bottom: 20px;
}

#c04 #planBox .serviceBox .read p{
	font-size: 14px;
	display: block;
	text-align: left;
	font-weight: normal;
	line-height: 20px;
	text-indent: -1em;
	padding-left: 1em;
	margin-top: 10px;
	margin-right: 15px;
	margin-bottom: 10px;
	margin-left: 15px;
}

/*葬儀例*/
#c04 ul.caseBox{
	display: block;
}

#c04 ul.caseBox li{
	position: relative;
	display: block;
	margin-bottom: 25px;
}

#c04 ul.caseBox li span{
	color: #FFF;
	display: block;
	position: absolute;
	left: 28px;
	bottom: 15px;
	font-size: 14px;
	z-index: 1;
	line-height: 20px;
}

#c04 .letterBox{
	display: none;
}

#c04 .read{
	font-size: 22px;
	text-align: center;
	display: block;
	font-weight: bold;
	color: #6e5733;
	line-height: 28px;
	margin-bottom: 30px;
}

#c04 .arrow{
	margin-bottom: 5px !important;
	margin-top: 25px;
}


/***********************************
よくあるご質問
************************************/
#c05{
}

#c05 ul{
	display: block;
	margin-bottom: 15px;
}

#c05 li{
	display: block;
	font-size: 14px;
}

#c05 p.qbox{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #D2D2D2;
	padding-top: 15px;
	padding-bottom: 15px;
}

#c05 p.qbox span{
	padding-left: 40px;
	padding-right: 40px;
}

#c05 p.abox{
	padding-left: 40px;
	padding-right: 40px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #D2D2D2;
	padding-top: 15px;
	padding-bottom: 15px;
}


#c05 p.qbox{
	display: block;
	background-image: url(../img/c05_iconQ.png);
	background-repeat: no-repeat;
	background-position: 15px 15px;
	background-size:17px 17px;
}

#c05 p.qbox span{
	display: block;
	background-image: url(../img/templates/ico-arrow_down.png);
	background-repeat: no-repeat;
	background-position: right 15px center;
	background-size:15px auto;
}

#c05 p.qbox.on span{
	display: block;
	background-image: url(../img/templates/ico-arrow_up.png);
	background-repeat: no-repeat;
	background-position: right 15px center;
	background-size:15px auto;
}

#c05 p.abox{
	display: none;
	background-color: #F9F9F9;
	background-image: url(../img/c05_iconA.png);
	background-repeat: no-repeat;
	background-position: 15px 15px;
	background-size:17px 17px;
}

#c05 .linkBox a{
	float: right;
	margin-bottom: 25px;
}

/***********************************
家族葬のファミーユとは
************************************/
#c06{
}

#c06 h3{
	margin-bottom: 15px;
}

#c06 h6{
	padding-top: 12px;
	font-size: 20px;
	line-height: 28px;
}

#c06 .t01{
	margin-bottom: 28px;
}

#c06 .iconBox{
	overflow: hidden;
	position: relative;
	padding-top: 10px;
	padding-bottom: 10px;
}

#c06 .iconBox span{
	display: block;
	color: #FFF;
	font-size: 15px;
	background-color: #d65583;
	float: left;
	-moz-border-radius: 14px;/* Firefox用 */
	-webkit-border-radius: 14px;/* Safari,Google Chrome用 */
	-khtml-border-radius: 14px;/* for Old Safari, KHTML */
	border-radius: 14px;/* for CSS3 */
	behavior: url(border-radius.htc);/* CSS3 PIE [IE用] */
	position:relative;/* PIEを動作させるために追加 */
	line-height: 25px;
	padding-right: 20px;
	padding-left: 20px;
}

#c06 .sankaku{
	width: 0;
	height: 0;
	border: 15px solid transparent;
	border-top: 0px solid #fff;
	border-bottom: 10px solid #EEE0BB;
	display: block;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
}

#c06 .mbox{
	background-color: #EEE0BB;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	margin-bottom: 30px;
	padding-top: 10px;
}

#c06 .mbox span.stBox{
	display: block;
	background-image: url(../img/c06_iconImp.png);
	background-repeat: no-repeat;
	background-position: left center;
	background-size:auto 25px;
	font-size: 18px;
	line-height: 25px;
	font-weight: bold;
	margin-bottom: 10px;
	padding-left: 40px;
	margin-left: 5px;
}

#c06 .mbox p{
	background-color: #fff;
	display: block;
	padding: 15px;
}

#c06 .read{
	line-height: 22px;
	display: block;
	margin-bottom: 10px;
}

#c06 .read span{
	font-size: 20px;
	font-weight: bold;
}

#c06 .stNum01,
#c06 .stNum02,
#c06 .stNum03{
	display: block;
	line-height: 30px;
	font-size: 17px;
	margin-top: 10px;
	margin-bottom: 18px;
}

#c06 .stNum01 span,
#c06 .stNum02 span,
#c06 .stNum03 span{
	display: block;
	padding-left: 38px;
}

#c06 .stNum01{
	background-image: url(../img/c06_num01.png);
	background-repeat: no-repeat;
	background-position: left center;
	background-size:30px 30px;
}

#c06 .stNum02{
	background-image: url(../img/c06_num02.png);
	background-repeat: no-repeat;
	background-position: left center;
	background-size:30px 30px;
}

#c06 .stNum03{
	background-image: url(../img/c06_num03.png);
	background-repeat: no-repeat;
	background-position: left center;
	background-size:30px 30px;
}

#c06 .map{
	border: 3px solid #f3e1e1;
	display: block;
}

#c06 .linkBox a{
	float: right;
	margin-bottom: 25px;
}


/***********************************
ファミーユの運営会社
************************************/
#c07{
}

#c07 h5{
	border: 3px solid #f3e1e1;
	display: block;
	margin-bottom: 16px;
	margin-top: 15px;
}

#c07 ul{
	margin-bottom: 5px;
}

#c07 ul li{
	background-image: url(../img/templates/iconSr.png);
	background-repeat: no-repeat;
	background-position: left 10px;
	background-size:3px 3px;
	padding-left: 10px;
}

#c07 .linkBox{
	margin-bottom: 20px;
}

#c07 .linkBox a{
	float: right;
}

#c07 .otherLink{
}

#c07 .otherLink a{
	font-size: 22px;
	line-height: 70px;
	display: block;
	font-weight: bold;
	color: #333;
	text-align: center;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCC;
}


/***********************************
無料相談バナー
************************************/
.bnrBox{
	display: block;
	width: 95%;
	margin-right: auto;
	margin-left: auto;
	padding-top: 15px;
	padding-bottom: 30px;
}

/***********************************
L1用
************************************/
.consultation_l1{
	width:460px;
	height:390px;
	background-image: url(../img/l1/l1mv20200311.png);
	background-repeat: no-repeat;
	/*border:solid 1px #FF0000;*/ /*debug 2018.05.08*/

}
.consultation_l1 .bgg{
	/*background-color: #e1f2d6;*/
	margin-top:260px;
	padding-top: 10px;
	padding-bottom: 20px;
	/*border:solid 1px #FF0000;*/
}

/***********************************
事前ダウンロードボタン追加 2018.06.19
************************************/
.consultation .bgp{
	padding:20px 20px 0px 2	0px !important;
}

.consultation .bgp ul{
	margin-bottom:21px !important;

}
.jizenBox{
	clear:both;
  width: 95%;
  margin-top: 20px;
	background: #d75684;
	background: -moz-linear-gradient(top, #d75684 0%, #c42b62 100%);
	background: -webkit-linear-gradient(top, #d75684 0%,#c42b62 100%);
	background: linear-gradient(to bottom, #d75684 0%,#c42b62 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d75684', endColorstr='#c42b62',GradientType=0 );
	display: block;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #9b234e;
	text-align: center;
}

.jizenBox a{
	color: #FFF;
	font-size: 28px;
	background-image: url(../img/templates/con_BtnArrow.png);
	background-repeat: no-repeat;
	background-position: 95% center;
	background-size:12px auto;
	width: 100%;
	display: block;
	line-height: 28px;
	padding-top: 10px;
	padding-bottom: 10px;
	font-weight: bold!important;
	font-family: "ヒラギノ角ゴ Pro W3" !important;
}

.jizenBox a span {
	font-size: 14px;
	line-height: 14px;
	display: block;
	padding-top: 8px;
	font-weight: normal !important;
}

.jizeninBox{
	width: 95%;
	margin-right: auto;
	margin-left: auto;
	display: block;
	margin-top:20px !important;
}








/* -------------------------オリジナルプランの入り口追加-------------------------ここより下*/

.pink1{
	color: #d34376;
	}



/*トップページ導線のオリジナルプラン 20200515*/


/*オリジナルプランボックス*/

.oplanbox{
	width: 308px;
	height: 210px;
	border: 2px solid #d34376;
	margin-top:20px;
	float: left;
}


.oplanbox h3{
	background: #d34376;
	color: #fff;
	padding: 5px;
	text-align: center;
}

.oplanbox dt{
	background: url(https://www.famille-kazokusou.com/plan/img/top_oplan.png) no-repeat;
	width: 304px;
	height: 140px;
	background-size: contain;
}


/*セットプランボックス*/

.splanbox{
	width: 308px;
	height: 210px;
	border: 2px solid #60c075;
	margin-top:20px;
	margin-left: 15px;
	float: left;
}


.splanbox h3{
	background: #60c075;
	color: #fff;
	padding: 5px;
	text-align: center;
}

.splanbox dt{
	background: url(https://www.famille-kazokusou.com/plan/img/top_setplan.png) no-repeat;
	width: 304px;
	height: 140px;
	background-size: contain;
}


/*法人向けプランボックス*/

.hplanbox{
	width: 308px;
	height: 210px;
	border: 2px solid #5585f3;
	margin-top:20px;
	margin-left: 15px;
	float: left;
}


.hplanbox h3{
	background: #5585f3;
	color: #fff;
	padding: 5px;
	text-align: center;
}

.hplanbox dt{
	background: url(https://www.famille-kazokusou.com/plan/img/top_houjinplan.png) no-repeat;
	width: 304px;
	height: 140px;
	background-size: contain;
}


.oplanbox dt span{
	font-size: 1.3em;
	font-weight: bold;
	color: #d34376;
}


.splanbox dt span ,.hplanbox dt span{
	font-size: 1.3em;
	font-weight: bold;
	color: #333;
}


/*オリジナルプランのみ*/

.oplanbox dt p{
	width: 170px;
	padding:30px 0 0 5px;
	text-shadow:0 0 25px #fff, 0 0 20px #fff, 0 0 0.40px #fff;	
	text-align: center;
	font-size: 1.0em;		
}


/*セットプランと法人プラン*/
.splanbox dt p,.hplanbox dt p{
	width: 160px;
	padding:40px 0 0 5px;
	text-shadow:0 0 25px #fff, 0 0 25px #fff, 0 0 0.40px #fff;	
	text-align: center;
	font-size: 1.0em;		
}



/*共通*/

.oplanbox h3 strong ,.splanbox h3 strong,.hplanbox h3 strong{
	font-size: 1.3em;
}

.oplanbox,.splanbox,.hplanbox{
box-sizing:border-box;
}


.oplanbox dd ,.splanbox ddd ,.hplanbox dd{
	height: 20px;
	background: #fff;
}


.oplanbox .linkBox ,.splanbox .linkBox ,.hplanbox .linkBox  {
	padding-right: 10px;
}






/*プランページ導線　オリジナルプラン 20200515*/

.oplanbox02 {
	clear: both;	
	overflow: hidden;
	margin-bottom: 20px;
}

.oplanbox02 img.inBox{
	border: 2px solid #fff;
    outline: solid 2px #ccc;
	width: 410px;
	height: 265px;
}


.splanbox02 img.inBox ,.hplanbox02 img.inBox{
	border: 2px solid #fff;
    outline: solid 2px #ccc;
	width: 200px!important;

}


.oplanbox02 .l_box{
	float: left;
	width: 440px;
	position: relative;
}


.oplanbox02 .r_box{
	float: right;
	width: 500px;		
}

.oplanbox02 .r_box p ,.splanbox02 .r_box p ,.hplanbox02 .r_box p{
	font-size: 16px;	
}


.oplanbox02 .r_box p.title{
	font-size: 1.4em;
	font-weight: bold;
	margin-bottom: 40px;
}


.oplanbox02 .osusumeObi img{
	width: 136px;
}

.oplanbox02 .osusumeObi{
	left: -6px;
    top: 2px;
    position: absolute;
    width: 95%;
    z-index: 1;
    padding-right: 2.5%;
    padding-left: 2.5%;
    padding-top: 0;	
}


.oplanbox02 .linkBox a{
	margin-top: 50px;
}


.splanbox02 ,.hplanbox02{
	overflow: hidden;
	width: 480px;
	float: left;
}




.splanbox02 .l_box,.hplanbox02 .l_box{
	float: left;
	width: 218px!important;
	height: 135px;
}

.splanbox02 .r_box dt ,.hplanbox02 .r_box dt{
	font-size: 1.4em;
	font-weight: bold;
	margin-bottom: 10px;
}

.splanbox02 .r_box ,.hplanbox02 .r_box{
	float: right;
	width: 245px;
	margin-left: 5px;
	margin-right: 5px;
}





/*セットプランページ導線　オリジナルプラン 20200515*/


.oplanbox03 {
	clear: both;	
	overflow: hidden;
	margin-bottom: 20px;
}

.oplanbox03 img.inBox {
	border: 2px solid #fff;
    outline: solid 2px #ccc;		
}

.oplanbox03 .l_box{
	float: left;
	width: 440px;
	position: relative;
	padding-top: 5px;
	padding-bottom: 5px;

}

.oplanbox03 .r_box{
	float: right;
	width: 500px;		
}

.oplanbox03 .r_box p{
	font-size: 16px;	
}


.oplanbox03 .r_box p.title{
	font-size: 1.4em;
	font-weight: bold;
	margin-bottom: 40px;
	text-align: center;
}


/*テーブル　オリジナルプラン詳細*/
div.oplanbox03 table.oplan{
	width: 100%;
	border-collapse: collapse;	
	margin-top: 30px;
	margin-bottom: 10px;
}
	
	
div.oplanbox03 table.oplan th{
	text-align: center;
	background: #d34376;
	padding: 10px 0;
	font-weight: bold;
	color: #fff;
	width: 13%;
	font-size: 1.6em;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;			
}

div.oplanbox03 table.oplan td{
	text-align: center;
	font-size: 1.2em;
	font-weight: bold;
	padding: 5px;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;			
}

div.oplanbox03 table.oplan td strong{
	font-size: 1.2em;
	color: #d34376;
}
	

div.oplanbox03 table.oplan td.bg_pink{
	text-align: center;
	background: #f8d8e3;

}

/*マウスオーバーが効かないのを回避*/
/*a{
	display: block;
}*/	
	

a:hover {
    filter: alpha(opacity=60);
    -moz-opacity:0.6;
    -khtml-opacity: 0.6;
    opacity:0.6;
	cursor: pointer;
}	
	

.mt20{
	 margin-top: 22px;
}
	




/*スマホページ ここから */

@media screen and (max-width: 767px) {
	
	
/*トップページ導線　オリジナルプラン 20200515*/	
	
 .main_tit{
	 float: none!important;	
}
	
	
.oplanbox{
	width: 95%;
	height: auto;
	border: 2px solid #d34376;
	margin: 20px auto;
	float: none;
}
	
	
.splanbox {
	width: 95%;
	height: auto;
	border: 2px solid #60c075;
	margin: 20px auto;
	float: none;
}
	
	
	
.hplanbox{
	width: 95%;
	height: auto;
	border: 2px solid #5585f3;
	margin: 20px auto;
	float: none;
}
		

.oplanbox dt{
	background: url(https://www.famille-kazokusou.com/plan/img/top_oplan.png) no-repeat;
	width: 100%;
	background-size: cover;
}	
	
.splanbox dt{
	background: url(https://www.famille-kazokusou.com/plan/img/top_setplan.png) no-repeat;
	width: 100%;
	background-size: cover;
}	
	
.hplanbox dt{
	background: url(https://www.famille-kazokusou.com/plan/img/top_houjinplan.png) no-repeat;
	width: 100%;
	background-size: cover;
}	
	
	
.oplanbox .linkBox ,.splanbox .linkBox ,.hplanbox .linkBox  {
	padding:10px;
}
	
.oplanbox dd ,.splanbox dd ,.hplanbox dd{
	height: 40px;
	background: #fff;
}	
	
	
/*プランページ導線　オリジナルプラン 20200515*/
	
	
.oplanbox02 .r_box p.title{
	font-size: 1.4em;
	font-weight: bold;
	margin-bottom: 20px;
}
	
	
.oplanbox02 .r_box .mt50 ,.hplanbox02 .r_box .mt20{
	margin-top: 0px;
}	
	
.oplanbox02 .r_box br.no{
	display: none;
}		
	
	
	
.oplanbox02 img.inBox ,.splanbox02 img.inBox ,.hplanbox02 img.inBox{
	border: 2px solid #fff;
    outline: solid 2px #ccc;
	padding: 0 !important;
	height: auto;
	width: 100%!important;

}	
	
.oplanbox02 .l_box{
	float: none;
	width: 95%;
	margin: 10px auto 20px;
	position: relative;	
}

.oplanbox02 .r_box{
	float: none;
	width: 95%;
	margin: 10px auto 20px;
}


.oplanbox02 .osusumeObi{
	left: -7px;
    top: 2px;
    position: absolute;
    width: 95%;
    z-index: 1;
    padding-right: 2.5%;
    padding-left: 2.5%;	
}


.splanbox02 ,.hplanbox02{
	overflow: hidden;
	width: 98%;
	float: none;
	margin: 10px auto 10px;
}


.splanbox02 .l_box ,.hplanbox02 .l_box{
	float: none;
	width: 95%!important;
	height: auto!important;
	margin: 10px auto 10px;
}


.splanbox02 .r_box ,.hplanbox02 .r_box{
	float: right;
	width: 95%;
}
	
	
	
/*セットページ導線　オリジナルプラン 20200515*/
	
	
.oplanbox03 .r_box p.title{
	font-size: 1.2em;
	font-weight: bold;
	margin-bottom: 0px;
}
	
	
.oplanbox03 .r_box .mt50 ,.hplanbox03 .r_box .mt20{
	margin-top: 0px;
}	
	
.oplanbox03 .r_box br.no{
	display: none;
}		
	
	
	
.oplanbox03 img.inBox {
	border: 2px solid #fff;
    outline: solid 2px #ccc;
	padding: 0 !important;
}	
	
.oplanbox03 .l_box{
	float: none;
	width: 100%;
	margin: 10px auto 20px;
	position: relative;	
}

.oplanbox03 .r_box{
	float: none;
	width: 95%;
	margin: 10px auto 20px;
}

div.oplanbox03 table.oplan td{
	display: block;
}	
	
	}
/*スマホページ ここまで */





/*sp特定商法 20200610*/
	
.tokutei_spphone{font-size: 92%!important;}	






/*新しいCTAエリア 20200713*/



section.cta_box div{
	box-sizing: content-box;/*これを抜くとcta_box.phpとfooter.phpとで横と縦幅に差異が出る*/
}

section.cta_box{
	border:2px solid #b63864;
	border-radius:5px;
	width: 956px;
	height: 360px;
	margin: 20px auto;
	background:url(../../img/index/cta_bg.jpg) no-repeat right bottom;	
	position: relative;
	clear: both;
	margin-bottom: 40px;
}	

section.cta_box p.pc{
	display: inline!important;
}	




.cta_box div.title{
	background: #b63864;
	height: auto;
	color: #fff;
	font-weight: bold;
	font-size: 32px;
	padding: 10px 0 10px 30px;	
}	


.cta_box p.tsuwa{
	background: #fff;
	color: #b63864;
	padding: 3px 12px 1px 12px;
	margin-right: 30px;
	display: inline;
	width: 160px;
	height: auto;
	font-size: 28px;
	margin-right: 30px;
}	

.cta_box div.tel_num{
	font-size: 64px;
	color: #b63864;
	font-weight: bold;
	text-align: left;
	margin-left: 30px;
	margin-top: -20px;
}	


.cta_box div.tel_num span{
	position: absolute;
	left: 110px;
	top: 74px;
}	


.cta_box div.copy{
	color: #b63864;
	border: 2px solid #b63864;
	background: #f7e5eb;
	padding: 6px 5px 5px 5px;
	width: 576px;
	margin:15px 0 0 25px;
	font-weight: bold;
	text-align: center;
	font-size: 20px;
	letter-spacing: 5px;
}	


.cta_box div.mail_btn{
	color: #fff;
	width: 542px;
	padding: 15px 15px 15px 35px;
	font-size:28px;
	font-weight: bold;
	border-radius: 5px;
	margin: 10px 0 0 24px;
	box-shadow: 0 10px #2e3859;
	background: url("../../img/index/arrow_icon.png") no-repeat 92%  #475688 ;
}

.cta_box div.mail_btn img{
	margin-right:20px; 
	width: 60px;
}

.cta_box div.cap{
	font-size: 16px; 
	margin: 18px 0 0 24px;
}


section.cta_box p.sp{
	display: none!important;
}



@media screen and (max-width: 767px) {
	
section.cta_box{
	border:2px solid #b63864;
	border-radius:5px;
	width: 95%;
	height: auto;
	margin: 20px auto;
	background: none;	
	position: relative;
	clear: both;
	padding-bottom: 10px;
	margin-bottom: 20px;	
}	

section.cta_box p.pc{
	display: none!important;
}
	

.cta_box div.title{
	background: #b63864;
	height: auto;
	color: #fff;
	font-weight: normal;
	font-size: 19px;
	font-weight: bold;
	padding: 5px 0 5px 10px;	
}	

section.cta_box p.sp{
	display: inline!important;
}


.cta_box div.tel_num{
	font-size: 38px;
	color: #b63864;
	font-weight: bold;
	margin: 10px 0 -10px 10px;
}	
	
.cta_box div.tel_num img{
	width: 15%;
	position: relative;
	top: -15px;
	left: 0;
}
	

.cta_box div.tel_num span{
	position: absolute;
	left: 63px;
	top: 50px;
	color: #b63864;
	font-size: 1.1em;
	text-decoration: underline;
}	


.cta_box div.copy{
	color: #b63864;
	border: 1px solid #b63864;
	background: #f7e5eb;
	padding: 8px;
	width: 90%;
	margin:5px auto 10px;
	font-weight: bold;
	font-size: 19px;
	letter-spacing: normal;
	text-align: left;
}	

.cta_box p.tsuwa{
	background: #b63864;
	color: #fff;
	padding: 5px;
	display: inline;
	height: auto;
	font-size: 18px;
	margin: 5px 10px 5px 5px;
	font-weight: normal;
}
	

.cta_box div.mail_btn{
	color: #fff;
	width: 92%;
	padding: 10px 5px 7px 10px;
	font-size:20px;
	font-weight: bold;
	border-radius: 5px;
	margin: 5px auto;
	box-shadow: 0 10px #2e3859;
	background: url("../../img/index/arrow_icon.png") no-repeat 97% #475688 ;
	background-size: 26px 26px!important;
}

.cta_box div.mail_btn img{
	margin-right:10px; 
	width: 10%;
	padding-bottom: 5px;
}

.cta_box div.cap{
	font-size: 16px; 
	margin: 18px 10px 0 10px;
}
	
	
}	
/***********************************
京都店舗内プラン
************************************/
.kyoto_newcss{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box; 
}
.kyoto_shop_flex{display: flex;flex-wrap: wrap; justify-content: space-between;}
.kyoto_shop_flex2{display: flex;flex-wrap: wrap; justify-content:flex-start;}
.kyoshopplan_renew_plan{width: 32%; padding: 20px; border: solid 1px #a3a3a3 ; height: auto; overflow: hidden; border-radius: 5px; margin: 20px 0 0; 	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box; }
.kyoshopplan_renewplanbox01{ display: flex; flex-direction: column; flex-wrap: wrap;     justify-content: space-between; width: 100%; height: auto; overflow: hidden;
}
.kyoshopplan_renewplanimg{ width:100%;}
.kyoshopplan_renewplanimg img{ width: 100%;}
.kyoshopplan_renewplantitle{ width:100%; margin-top: 20px;}
.kyoshopplan_renewplantitle h4{    width: 100%;
    text-align:  left !important;
    padding: 5px;
    background-color: #EDDCE3;
    color: #333;
    text-align: center;
    font-size: 16px;
    font-weight: normal;
    margin-bottom: 10px;
}
.kyoshopplan_renewplantitle h3{  width: 100%; font-size:21px; text-align:center !important; color: #b63864;
    /*   padding: 0 5px ;	   
	margin-bottom: 10px; font-weight: 100;	  
    background-color: #EDDCE3;*/}
.kyoshopplan_renewplantitle p{ font-size: 16px !important; margin-top: 0px !important;}
.kyoshopplan_renewplanbox02{ display: flex;     justify-content: space-between; width: 100%; overflow: hidden; margin-top: 20px;
}
.kyoshopplan_renewplanbox03{ display: flex;     justify-content: flex-end; width: 100%; overflow: hidden; margin-top: 20px;
}
.kyoshopplan_renewitle01{ width: 42%;}
.kyoshopplan_renewitle01 h5{  width: 100%;
    text-align:  left !important;
    padding: 5px;
    background-color: #bcbcbc;
    color: #333;
    text-align: center;
    font-size: 16px;
    font-weight: normal;
    margin-bottom: 10px;}
.kyoshopplan_renewitle01 p{ font-size: 36px !important; text-align: right;}
.kyoshopplan_renewitle01 p span{ font-size: 12px;}

.kyoshopplan_renewitle02{ width: 100%;}
.kyoshopplan_renewitle02 h5{  width: 100%;
       text-align:  center!important;
    padding: 5px;
    background-color: #EDDCE3;
    color: #b63864; 
    text-align: center;
    font-size: 16px;
    font-weight: normal;
    margin-bottom: 5px;}
.kyoshopplan_renewitle02 p{ font-size: 24px !important; color: #b63864; text-align:center;}
.kyoshopplan_renewitle02 p span{ font-size: 12px;}
.kyoshopplan_renewlink{ padding: 10px; text-align: center; color: #fff !important; text-decoration: none  !important; border-radius: 5px; background-color: #d34376; font-size: 16px; min-width: 350px; margin: 20px 10px ;}
.kyoshopplan_renewlink_space{width: 80%;display: flex;     justify-content: center; margin: 0px auto;}
.kyoto_mr{ margin-right: 1.9%;}
.kyoshopplan_renewitle02 p.pink{color:#b63864; font-size: 12px!important; }
.kyoto_pc{ display:block;}
.kyoto_sp{ display:none ;}	
@media screen and (max-width: 767px) {
	/* 767px以下に適用されるCSS（タブレット用） */
	.spnone{display: none;}
	.kyoto_shop_flex,.kyoto_shop_flex2{flex-direction: column;}
	.kyoshopplan_renew_plan{ width:100%; }
}

/*----------------------20210209ここから----------------------*/
.popupcontents_flex{width: 100%;display: flex; display:-webkit-flex; justify-content: space-between;}
.popuptitle{font-size: 26px; text-align: center; font-weight: bold; margin-bottom: 20px;}
.popuptitle span{color: #d34376;}
.popupcontents_img{width:50%;display: flex; flex-direction: column; display:-webkit-flex; align-items: flex-start;}
.smallimgbox{display: flex; display:-webkit-flex; width: 100%;justify-content: space-between; padding-left: 50px; }
.smalltext { width: 100%; text-align: right;font-size:80%;margin-top:20px;font-weight: normal; text-align: right;}
.popupcontents_text{width:45%; margin-top: 18px; }
.smallimgbox img{ width: 80%;}
.checkmark001{
	padding-left:40px; font-size: 24px;
	position:relative; font-weight: bolder;
}
.checkmark001:before,
.checkmark001:after{
	content:"";
	display:block;
	position:absolute;
}
.checkmark001:before{
	width:24px;
	height:24px;
	background:#ffffff;
    	border:1px solid #000000;
	left:0;top:2px;
}
.checkmark001:after{
	border-left:2px solid #ff0000;
	border-bottom:2px solid #ff0000;
	width:21px;
	height:8px;
	-webkit-transform:rotate(-45deg);
	transform:rotate(-45deg);
	left:5px;
	top:3px;
}
.cap{margin-top: 20px; color: #565656; font-size: 80%;}
@media screen and (max-width:769px){.popupcontents_flex{ display:-webkit-flex; justify-content: space-between; flex-direction: column;}
.popupcontents_text{width:100%; margin-top: 20px; }
	.popupcontents_img{width:100%;}
	.popuptitle{font-size: 16px; width: 90%;
    margin: 0 auto 20px;}
	.checkmark001{
		padding-left:40px; font-size: 18px;}
	.smallimgbox{padding-left: 30px;}
	.smallimgbox img{ width: 80%;}
	.smallimgbox{ justify-content: center;}
	.popupcontents_text{padding: 0 20px 0;}
	.cap{font-size: 70%;}
	.smalltext{padding-right: 40px;}
}
}