/* Start SP--------------------------------------------------*/
@media screen and (max-width: 767px) {
/*==================================================================
reset
==================================================================*/
/* -----------------------------------------------
ページヘッダーの設定＞キャッチフレーズのフォントのサイズ
----------------------------------------------- */
.p-page-header__title {
	width: 130px;
	height: 130px;
	font-size: 15px !important;
}

/* -----------------------------------------------
トップページ＞トップページのビジュアル下のキャッチコピー
----------------------------------------------- */
.home .p-content01__catch {
	font-size: 20px !important;
}



/*==================================================================
general parts
==================================================================*/
/* -----------------------------------------------
pc or sp
----------------------------------------------- */
.l_pc {
	display: none;
}

.l_sp {
	display: block;
}

.l_i_pc {
	display: none;
}

.l_i_sp {
	display: inline;
}

/* -----------------------------------------------
slash
----------------------------------------------- */
.slash_mesh_black_01 {
	width: 100%;
	height: 15px;
}


/*==================================================================
rparts
==================================================================*/
/* ===============================================
rp_pagelead
=============================================== */
.rp_pagelead {

}

.rp_pagelead .inner_rp {
	width: 93.75%;
	margin: 0 auto;
	padding: 35px 0 30px 0;
}

.rp_pagelead h2 {
	margin: 0 0 15px 0;
	font-size: 26px;
	text-align: center;
}

.rp_pagelead .lead_mass {
	font-size: 16px;
	text-align: left;
	line-height: 1.5;
}

/* ===============================================
rp_contanchor
=============================================== */
.rp_contanchor {

}

.rp_contanchor .inner_rp {
	width: 93.75%;
	margin: 0 auto;
	padding: 30px 0 25px 0;
}

.rp_contanchor ul {
	/* flex */
	display: block;
}

.rp_contanchor li {
	position: relative;
	margin: 15px 0 0 0;
	padding: 0 0 0 0;
}

.rp_contanchor li:first-child {
	margin: 0 0 0 0;
}

.rp_contanchor li .view_mass:after {
	display: none;
}

.rp_contanchor li a {
	display: block;
}

.rp_contanchor li a .view_mass {
	width: 100%;
	height: 100%;
	padding: 6px 0 6px 0;
	border-radius: 5px;
	/* flex */
	display: block;
}

.rp_contanchor li a .view_mass:hover {
}

.rp_contanchor li a .view_mass .view_block {
	position: relative;
	width: 100%;
	/* flex */
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

.rp_contanchor li .view_mass .view_block:after {
	position: absolute;
	top: 50%;
	right: 5%;
	display: inline-block;
	content: "";
	margin: -10px 0 0 0;
	padding: 0 0 0 0;
	width: 10px;
	height: 10px;
	border: 2px solid;
	border-color: transparent transparent #000000 #000000;
	/* transform */
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.rp_contanchor li a .view_mass .view_block .view {
	width: 20%;
	max-width: 120px;
	margin: 0 15% 0 0;
	padding: 0 0 0 10px;
}

.rp_contanchor li a .view_mass .view_block .view img {
	width: 100%;
	vertical-align: bottom;
}

.rp_contanchor li a .view_mass .view_block .txt {
	font-size: 18px;
	text-align: left;
	/* flex */
	-ms-flex: 1;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	flex: 1;
}

.rp_contanchor li a:hover .view_mass .view_block .txt {
}

/* ===============================================
rp_step
=============================================== */
.rp_step {

}

.rp_step .inner_rp {
	width: 93.75%;
	margin: 0 auto;
	padding: 40px 0 50px 0;
}

/* -----------------------------------------------
step_mass
----------------------------------------------- */
.rp_step .step_mass {

}

.rp_step .step_mass li {
	margin: 22px 0 0 0;
	text-align: center;
	/* flex */
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

.rp_step .step_mass li:first-child {
	margin: 0 0 0 0;
}

.rp_step .step_mass .label_area {
	display: inline-block;
	width: 100px;
	height: 100px;
	margin: 0 0 15px 0;
	border-radius: 50%;
	font-weight: normal;
	text-align: center;
	line-height: 1;
	/* flex */
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.rp_step .step_mass .label_area .txt_block {
	display: block;
}

.rp_step .step_mass .label_area .txt {
	display: block;
	margin: 0 0 8px 0;
	font-size: 16px;
}

.rp_step .step_mass .label_area .num {
	display: block;
	font-size: 40px;
}

.rp_step .step_mass .txt_area {
	/* flex */
	-ms-flex: 1;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	flex: 1;
}

.rp_step .step_mass .txt_area .ttl_block {
	margin: 0 0 8px 0;
	font-size: 18px;
}

.rp_step .step_mass .txt_area .txt_block {
	font-size: 15px;
	line-height: 1.5;
	text-align: left;
}

.rp_step .step_mass .txt_area .note_block .note {
	padding: 0 0 0 1em;
	text-indent: -1em;
	font-size: 12px;
	line-height: 1.5;
	text-align: left;
}

/* -----------------------------------------------
slash_mass
----------------------------------------------- */
.rp_step .slash_mass {
	margin: 15px 0 35px 0;
	border-top: 1px solid #66a3d5;
}

/* -----------------------------------------------
contact_mass
----------------------------------------------- */
.rp_step .contact_mass {

}

.rp_step .contact_mass .txt_area {
	margin: 0 0 20px 0;
	font-size: 16px;
	text-align: left;
	line-height: 1.6;
}

.rp_step .contact_mass .bt_area {
	text-align: center;
}

.rp_step .contact_mass .bt_area a {
    position: relative;
	display: inline-block;
	padding: 15px 40px 15px 20px;

}

.rp_step .contact_mass .bt_area a:hover {
	opacity: 0.7;
}

.rp_step .contact_mass .bt_area a:before {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	right: 20px;
	width: 8px;
	height: 8px;
	margin-top: -7px;
	border-top: 3px solid #ffffff;
	border-right: 3px solid #ffffff;
	transform: rotate(45deg);
	-webkit-transform: rotation(45deg);
}

.rp_step .contact_mass .bt_area a .txt_block {
	/* flex */
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.rp_step .contact_mass .bt_area a .txt {
	font-size: 15px;
}

/* ===============================================
rp_reformmenu
=============================================== */
.rp_reformmenu {

}

.rp_reformmenu .inner_rp {
	width: 93.75%;
	margin: 0 auto;
	padding: 40px 0 10px 0;
}

.rp_reformmenu h3 {
	margin: 0 0 25px 0;
	padding: 10px 0 8px 0;
	border: 1px solid #227ac2;
	font-size: 17px;
	text-align: center;
}

/* -----------------------------------------------
menu_mass
----------------------------------------------- */
.rp_reformmenu .menu_mass {
	margin: 0 0 25px 0;
}

.rp_reformmenu .menu_mass h4 {
	margin: 0 0 10px 0;
	font-size: 15px;
	text-align: center;
}

.rp_reformmenu .menu_mass .list_area ul {
	/* flex */
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.rp_reformmenu .menu_mass li {
	width: 49%;
	margin: 0 0 2% 0;
}

.rp_reformmenu .menu_mass li:nth-child(4n+1) {
	margin: 0 0 2% 0;
}

.rp_reformmenu .menu_mass .ttl_area {
	padding: 12px 0 10px 0;
	border-bottom: 1px solid #ffffff;

	font-size: 12px;
	text-align: center;
}

.rp_reformmenu .menu_mass .view_area img {
	width: 100%;
}

/* ===============================================
rp_servicepoint
=============================================== */
.rp_servicepoint {

}

.rp_servicepoint .inner_rp {
	width: 93.75%;
	margin: 0 auto;
	padding: 25px 0 50px 0;
}

.rp_servicepoint .icon_mass {
	margin: 0 0 12px 0;
	text-align: center;
}

.rp_servicepoint .icon_mass img {
	width: 25%;
	max-width: 140px;
}

/* -----------------------------------------------
point_mass
----------------------------------------------- */
.rp_servicepoint .point_mass {

}

.rp_servicepoint .point_mass li {
	margin: 20px 0 0 0;
	/* flex */
	display: block;
}

.rp_servicepoint .point_mass li:first-child {
	margin: 0 0 0 0;
}

.rp_servicepoint .point_mass .label_area {
	width: 100%;
	height: auto;
	padding: 8px 0 6px 0;
	background: none;
	background-color: #edeade;
}

.rp_servicepoint .point_mass .label_area .txt_block {
	width: 100%;
	height: 100%;
	/* flex */
	display: block;
}

.rp_servicepoint .point_mass .label_area .txt_block .txt {
	display: block;
	padding: 0 0 0 0;
	color: #9c7522;
	font-size: 18px;
	text-align: center;
}

.rp_servicepoint .point_mass .txt_area {
	width: 100%;
	margin: 10px 0 0 0;
}

.rp_servicepoint .point_mass .txt_area .ttl_block {
	margin: 0 0 6px 0;
	color: #9c7522;
	font-size: 16px;
}

.rp_servicepoint .point_mass .txt_area .txt_block {
	font-size: 14px;
	line-height: 1.5;
}

/* -----------------------------------------------
slash_mass
----------------------------------------------- */
.rp_servicepoint .slash_mass {
	margin: 25px 0 35px 0;
	border-top: 1px solid #66a3d5;
}

/*** realestate -------***/
.body_page_realestate .rp_servicepoint .slash_mass {
	border-top: 1px solid #9c7522;
}

/* -----------------------------------------------
contact_mass
----------------------------------------------- */
.rp_servicepoint .contact_mass {

}

.rp_servicepoint .contact_mass .txt_area {
	margin: 0 0 20px 0;
	font-size: 16px;
	text-align: left;
	line-height: 1.6;
}

.rp_servicepoint .contact_mass .bt_area {
	text-align: center;
}

.rp_servicepoint .contact_mass .bt_area a {
    position: relative;
	display: inline-block;
	padding: 15px 40px 15px 20px;

}

.rp_servicepoint .contact_mass .bt_area a:hover {
	opacity: 0.7;
}

.rp_servicepoint .contact_mass .bt_area a:before {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	right: 20px;
	width: 8px;
	height: 8px;
	margin-top: -7px;
	border-top: 3px solid #ffffff;
	border-right: 3px solid #ffffff;
	transform: rotate(45deg);
	-webkit-transform: rotation(45deg);
}

.rp_servicepoint .contact_mass .bt_area a .txt_block {
	/* flex */
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.rp_servicepoint .contact_mass .bt_area a .txt {
	font-size: 15px;
}

/* ===============================================
rp_companyinfo
=============================================== */
.rp_companyinfo {

}

.rp_companyinfo .inner_rp {
	width: 93.75%;
	margin: 0 auto;
	padding: 30px 0 25px 0;
}

.rp_companyinfo h3 {
	margin: 0 0 15px 0;

	font-size: 22px;
	text-align: center;
}

.rp_companyinfo .info_mass {
	width: 100%;
	margin: 0 auto;
}

.rp_companyinfo .info_mass table {
	width: 100%;
	border-collapse: collapse;
}

.rp_companyinfo .info_mass th {
	width: 35%;
	padding: 0 4px 10px 0;
	font-size: 15px;
	font-weight: normal;
	text-align: left;
	vertical-align: top;
}

.rp_companyinfo .info_mass td {
	padding: 0 0 12px 0;
	font-size: 14px;
	text-align: left;
	line-height: 1.3;
}

.rp_companyinfo .info_mass td .address {
	padding: 0 0 4px 0;
}



/*==================================================================
plugin
==================================================================*/
/* ===============================================
Content View
=============================================== */
.pt-cv-wrapper {
	width: 93.75%;
	margin: 0 auto;
}

.pt-cv-colsys {
    margin-left: 0;
    margin-right: 0;
}

.pt-cv-wrapper .col-md-4, .pt-cv-wrapper .col-sm-6 {
	padding-left: 0;
	padding-right: 0;
	margin-right: 0;
}

.pt-cv-content-item {
    padding-bottom: 30px;
}

/*--- content ---*/
.pt-cv-ifield a img {
	width: 100%;
}

.pt-cv-thumbnail {
	margin-bottom: 10px !important;
}

.pt-cv-view .pt-cv-title {
    margin-bottom: 8px;
}

.pt-cv-title a {
	color: #000000;
	font-size: 18px;
	line-height: 1.6;
}

/*--- pagination ---*/
.pt-cv-pagination-wrapper {
	display: none;
}

/* -----------------------------------------------
rp_blog
----------------------------------------------- */
.rp_blog h4 {
	margin: 0 0 10px 0;
	font-size: 16px;
	text-align: center;
}

.rp_blog .contact_mass {
	display: block;
}

.rp_blog .contact_mass .bt_area {
	text-align: center;
}

.rp_blog .contact_mass .bt_area a {
    position: relative;
	display: inline-block;
	padding: 15px 40px 15px 20px;

}

.rp_blog .contact_mass .bt_area a:hover {
	opacity: 0.7;
}

.rp_blog .contact_mass .bt_area a:before {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	right: 20px;
	width: 8px;
	height: 8px;
	margin-top: -7px;
	border-top: 3px solid #ffffff;
	border-right: 3px solid #ffffff;
	transform: rotate(45deg);
	-webkit-transform: rotation(45deg);
}

.rp_blog .contact_mass .bt_area a .txt_block {
	/* flex */
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.rp_blog .contact_mass .bt_area a .txt {
	font-size: 15px;
}





/* -----------------------------------------------
rp_bloglist
----------------------------------------------- */
.rp_ttl_bloglist {
	margin: 0 0 2px 0;
	padding: 50px 0 0 0;
}

.rp_ttl_bloglist .inner_rp {
	width: 93.75%;
	margin: 0 auto;
}

.rp_ttl_bloglist h4 {
	font-size: 22px;
	text-align: center;
}

/* -----------------------------------------------
rp_bloglist
----------------------------------------------- */
.rp_bloglist {
	padding: 0 0 0 0;
}

.rp_bloglist .inner_rp {
	width: 93.75%;
	margin: 0 auto;
}

/*** list_mass -------***/
.rp_bloglist .list_mass {
	/* flex */
	display: block;
}

.rp_bloglist .blog_item_area {
/*
	visibility: hidden;
	opacity: 0;

*/
	display: none;
	margin-right: 0;
	margin-bottom: 40px;
}

.rp_bloglist .blog_item_area.wp_sp_appear {
	display: block;
}

.rp_bloglist .blog_item_area.is-hidden {
/*
	visibility: visible;
	opacity: 1;
*/
}

/*--- content ---*/
.rp_bloglist .blog_item_area .view_block {
	margin: 0 0 8px 0;
}

.rp_bloglist .blog_item_area .view_block a img {
	width: 100%;
}

.rp_bloglist .blog_item_area .ttl_block {
	margin: 0 0 6px 0;
}

.rp_bloglist .blog_item_area .ttl_block a {
	color: #000000;
	font-size: 18px;
	line-height: 1.3;
}

.rp_bloglist .blog_item_area .txt_block {
	margin: 0 0 6px 0;
	font-size: 14px;
	line-height: 1.6;
}

.rp_bloglist .blog_item_area .etc_block {
	color: #999;
	font-size: 12px;
	line-height: 1.9;
}



/*** more_mass -------***/
.more_mass {
	display: none;
}



/*** contact_mass -------***/
.rp_bloglist .contact_mass {
	display: block;
}

.rp_bloglist .contact_mass .bt_area {
	text-align: center;
}

.rp_bloglist .contact_mass .bt_area a {
    position: relative;
	display: inline-block;
	padding: 15px 40px 15px 20px;

}

.rp_bloglist .contact_mass .bt_area a:hover {
	opacity: 0.7;
}

.rp_bloglist .contact_mass .bt_area a:before {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	right: 20px;
	width: 8px;
	height: 8px;
	margin-top: -7px;
	border-top: 3px solid #ffffff;
	border-right: 3px solid #ffffff;
	transform: rotate(45deg);
	-webkit-transform: rotation(45deg);
}

.rp_bloglist .contact_mass .bt_area a .txt_block {
	/* flex */
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.rp_bloglist .contact_mass .bt_area a .txt {
	font-size: 15px;
}


/* ===============================================
body_page_bloglist
=============================================== */
.body_page_bloglist .rp_bloglist .view_block img {
	max-width: 100%;
	height: auto;
}

.body_page_bloglist .rp_bloglist .inner_rp {
	padding-bottom: 90px;
}

/*** more_mass -------***/
.body_page_bloglist .rp_bloglist .more_mass {
	display: block;
}



}/* End SP----------------------------------------------------*/