@charset "utf-8";

/* -------------------------------------------------- */
/* buy*/
/* -------------------------------------------------- */

/* search_block */

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

.search_block {
	padding: 8% 5%;
}

.search_block .menu_box {
	margin-top: 5%;
}

.search_block .map_wrap {
	width: 100%;
	height: 0;
	padding-bottom: 102%;
}

.search_block .phrase {
	top: 3%;
	left: 3%;
	width: 100%;
}

.search_block .phrase .illust {
	width: 50px;
	height: 50px;
}

.search_block .phrase .illust img {
	width: 40px;
	top: 4px;
	left: 4px;
}

.search_block .phrase .txt {
	font-size: 1.2rem;
	padding: 2% 3%;
	margin-left: 2%;
	line-height: 1.4;
	width: calc(100% - 80px);
}

.search_block .phrase .txt::after {
	left: -10px;
	width: 10px;
	height: 14px;
}

.search_block .map_box {
	height: 0;
	padding-bottom: 102%;
}

}

/* recommend */
@media screen and (max-width: 767px) {
.section_recommend {
	padding: 12% 5% 0;
}

.section_recommend .title_box {
	margin-bottom: 5%;
}

.section_recommend .title_box h2 {
	padding-left: 80px;
	font-size: 2.0rem;
}

.section_recommend .title_box h2::before {
	width: 68px;
	height: 65px;
	bottom: -8px;
}

.section_recommend .list_box .box_rec {
	width: 100%;
	margin-right: 0;
	margin-bottom: 5%;
}

.section_recommend .list_box .box_rec a {
	padding: 5%;
}

.section_recommend .list_box .info_box {
	padding-top: 4%;
}

.section_recommend .list_box .tit {
	margin: 3% 0;
}

.section_recommend .detail {
	padding: 0;
	margin-top: 4%;
}

}


/* flow */
@media screen and (max-width: 767px) {
.flow_block {
	padding: 12% 5% 0;
}

.title_box02 {
	margin: 0 0 5%;
	padding-bottom: 3%;
}

.title_box02 h3 {
	font-size: 2.0rem;
}

.title_box02 h3 small {
	font-size: 1.2rem;
	padding-left: 0;
}

.box_cmn.box02 {
	margin-top: 10%;
}

.box_cmn h4 {
	padding: 4%;
	font-size: 1.6rem;
}

.box_cmn h4 small {
	font-size: 1.2rem;
	padding-left: 0;
	display: block;
}

.box_cmn .inner {
	padding: 5%;
}

.box_cmn .check_box li {
	font-size: 1.3rem;
	padding-left: 22px;
	background: url(../../img/common/icon_check.png) 0 4px no-repeat;
	background-size: 14px auto;
	margin-bottom: 2%;
}

.box_cmn .check_box li .txt {
	font-size: 1.2rem;
}

.box_cmn .inner .phrase {
	position: relative;
	margin-top: 4%;
}

.box_cmn .inner .phrase .txt {
	font-size: 1.2rem;
	padding: 3%;
	margin-left: 5%;
	margin-bottom: 2%;
	width: 60%;
	float: left;
}

.box_cmn .inner .phrase .txt::after {
	right: 5%;
}

.box_cmn .inner .phrase .illust {
	width: 30%;
}

.box_cmn .step_box {
	background: url(../../img/common/line.png) 12px 0 repeat-y;
	background-size: 4px auto;
	padding-bottom: 2px;
}

.box_cmn .step_box .box {
	margin-bottom: 8%;
}

.box_cmn .step_box .icon {
	width: 30px;
	margin-right: 8px;
}

.box_cmn .step_box .info_box {
	width: calc(100% - 42px);
	font-size: 1.2rem;
}

.box_cmn .step_box .tit {
	font-size: 1.6rem;
	margin-bottom: 3%;
}

.box_cmn .step_box .tit .num {
	font-size: 1.2rem;
	line-height: 20px;
	padding: 0 5%;
	margin-right: 3%;
}

.box_cmn .building {
	width: 30%;
}

.box_cmn .inner .phrase02 {
	position: absolute;
	bottom: -10px;
	right: 5%;
	width: 60%;
}

.box_cmn .inner .phrase02 .txt {
	display: block;
	margin-right: 0;
	margin-top: 0;
	width: 90%;
	margin-bottom: 5%;
}

.box_cmn .inner .phrase02 .txt::after {
	right: 25%;
}

.box_cmn .inner .phrase02 .illust {
	width: 26%;
	display: block;
}

}



/* -------------------------------------------------- */
/* sell*/
/* -------------------------------------------------- */

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

.pagetitle_box .illust02 {
	width: 60px;
}

.lead_block {
	margin-bottom: 15%;
}

.lead_block h3 {
	margin-bottom: 5%;
	padding-left: 3%;
	font-size: 1.8rem;
}

.lead_block .ph {
	margin-top: 5%;
}


.howto_block {
	margin-bottom: 15%;
}

.howto_block .nav_box {
	margin: 10% 0 25%;
}

.howto_block .nav_box .box a {
	padding: 60px 3% 15%;
}

.howto_block .nav_box .box .illust {
	width: 65px;
	top: -15px;
}

.howto_block .nav_box .box:nth-child(2) .illust {
	width: 70px;
}

.howto_block .nav_box .box:nth-child(3) .illust {
	width: 60px;
}

.howto_block .nav_box .box .stit {
	font-size: 1.2rem;
	margin-bottom: 5%;
}

.howto_block .nav_box .box .tit {
	font-size: 1.4rem;
}


.howto_box {
	padding: 14% 5% 5%;
	margin-bottom: 22%;
}

.howto_box .illust_head {
	top: -50px;
	width: 85px;
}

#howto02 .illust_head {
	width: 94px;
}

#howto03 .illust_head {
	width: 76px;
}

.howto_box .title_box {
	margin-bottom: 5%;
}

.howto_box .title_box .stit {
	font-size: 1.3rem;
}

.howto_box .title_box .tit {
	font-size: 2.0rem;
	margin: 2% 0 4%;
}

.howto_box .title_box .lead {
	font-size: 1.2rem;
}

.howto_box .question_box {
	padding: 5%;
	margin-bottom: 5%;
}

.howto_box .question_box .tit_q {
	font-size: 1.6rem;
	padding-left: 42px;
	margin-bottom: 4%;
}

.howto_box .question_box .tit_q::before {
	top: -4px;
	width: 32px;
	height: 32px;
	font-size: 2.0rem;
	line-height: 32px;
}

.howto_box .merit_box {
	width: 100%;
	display: block;
}

.howto_box .merit_box.demerit {
	margin-left: 0;
	padding-bottom: 0;
	margin-top: 5%;
}

.howto_box .merit_box .title {
	font-size: 1.6rem;
	line-height: 40px;
	padding: 0 5%;
}

.howto_box .merit_box .check_box {
	padding: 5% 5% 2%;
}

.howto_box .merit_box .check_box li {
	font-size: 1.3rem;
	padding-left: 22px;
	background: url(../../img/sell/icon_check_merit.png) 0 4px no-repeat;
	background-size: 14px auto;
	margin-bottom: 2%;
}

.howto_box .merit_box .phrase {
	position: relative;
	right: 5%;
}


.howto_box .merit_box .phrase .txt {
	margin-top: -5%;
	padding: 4%;
	vertical-align: middle;
	max-width: calc(100% - 100px);
	margin-right: 2%;
}

.howto_box .merit_box.case .phrase .txt {
	margin-top: 5px;
}

.howto_box .merit_box .phrase .illust {
	width: 50px;
}

.howto_box .value_box {
	margin-top: 10%;
	padding: 10% 5% 5%;
}

.howto_box .value_box .staff {
	left: 4%;
	bottom: 0;
	width: 20%;
}

.howto_box .value_box .title {
	left: 5%;
	top: -20px;
	line-height: 40px;
	padding: 0 6%;
	font-size: 1.4rem;
}

.howto_box .value_box .title::after {
	content: "";
	position: absolute;
	bottom: -24%;
  left: 24px;
	display: block;
	width: 0;
	height: 0;
	border: 5px solid transparent;
	border-right: 16px solid #0176c6;
	transform: rotate(-54deg);
}

.howto_box .value_box .txt {
	padding-left: 25%;
	font-size: 1.2rem;
}


}

/* flow_block */

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

.section_sell .box_cmn .check_box li:nth-child(3),
.section_sell .box_cmn .check_box li:nth-child(4) {
	width: 100%;
}

.section_sell .box_cmn .inner .phrase01 .txt {
	margin-left: 15%;
}

.section_sell .box_cmn .inner .phrase01 .illust {
	width: 64px;
	margin-right: 0px;
}

}


/* point_block */

@media screen and (max-width: 767px) {
.point_block {
	margin-top: 15%;
}

.point_block .box {
	margin-bottom: 14%;
}

.point_block .box .tit {
	font-size: 1.6rem;
	margin-bottom: 5%;
}

.point_block .box .tit .num {
	line-height: 24px;
	padding: 0 5%;
	font-size: 1.2rem;
	margin-right: 3%;
	margin-top: -3px;
}

.point_block .box .info_box {
	display: block;
	width: 100%;
	margin-right: 0;
}

.point_block .box:nth-child(2) .info_box {
	display: block;
	width: 100%;
	margin-right: 0;
}

.point_block .phrase {
	margin-top: 5%;
}

.point_block .phrase .illust {
	width: 55px;
	height: 55px;
}

.point_block .phrase .illust img {
	width: 46px;
	top: 6px;
	left: 52%;
}

.point_block .phrase .txt {
	padding: 2% 4%;
  margin-left: 5%;
  width: calc(95% - 60px);
}

.point_block .phrase .txt::after {
	content: "";
	position: absolute;
	left: -15px;
	top: 50%;
	transform: translateY(-50%);
	width: 15px;
	height: 18px;
	background: url(../../img/common/arrow_phrase01.png) top center no-repeat;
	background-size: 100% auto;
}

.point_block .box .ph {
	display: block;
	width: 100%;
	margin-bottom: 5%;
}

.point_block .box .photo_box {
	margin-top: 8%;
}

.point_block .box .photo_box .photo {
	width: 44%;
}

.point_block .box .photo_box .icon {
	top: -16px;
	width: 32px;
	height: 32px;
	font-size: 1.4rem;
	line-height: 32px;
}

.point_block .box .photo_box .arrow {
	transform: scale(.8);
	margin-left: 0;
	margin-right: 0;
}

}



/* -------------------------------------------------- */
/* lend*/
/* -------------------------------------------------- */

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

.case_block {
	margin-bottom: 50px;
}

.case_block .box {
	margin-bottom: 10%;
}

.case_block .box .info_box {
	float: none;
	width: 100%;
	padding: 3% 0;
}

.case_block .info_box .stit {
	display: inline-block;
	font-size: 1.2rem;
	line-height: 24px;
	padding: 0 5%;
	margin-bottom: 3%;
}

.case_block .info_box .tit {
	font-size: 1.8rem;
	margin-bottom: 5%;
}

.case_block .info_box .txt {
	padding: 5%;
}

.case_block .box .ph {
	float: none;
	width: 100%;
}

.case_block .box:nth-child(2n) .info_box {
	float: right;
}

.case_block .box:nth-child(2n) .ph {
	float: left;
}

}


/* support_block */
@media screen and (max-width: 767px) {
.support_block .title_box02 h3 small {
	display: block;
	margin-top: 2%;
	line-height: 1.6;
}

.support_block .box {
	margin-top: 12%;
	margin-bottom: 0;
}

.support_block .info_box {
	float: none;
	width: 100%;
}

.support_block .box:nth-child(2n) .info_box {
	float: none;
}

.support_block .stit {
	font-size: 1.2rem;
	line-height: 24px;
	padding: 0 5%;
	transform: translateY(-14px);
}

.support_block .tit {
	font-size: 1.6rem;
	margin-bottom: 2%;
}

.support_block .tit em {
	font-size: 2.2rem;
}

.support_block .info_box .txt {
	padding: 0 5% 5%;
}

.support_block .ph {
	float: none;
	width: 100%;
	border-radius: 0 0px 10px 10px;
}

.support_block .box:nth-child(2n) .ph {
	float: none;
	border-radius: 0 0px 10px 10px;
}

}


/* -------------------------------------------------- */
/* TAB&SP */
/* -------------------------------------------------- */
@media screen and (max-width: 1024px) {

}


/* -------------------------------------------------- */
/* TAB(調整) */
/* -------------------------------------------------- */
@media screen and (min-width: 768px) and (max-width: 1024px) {

}
/* -------------------------------------------------- */
/* SP(調整) */
/* -------------------------------------------------- */
@media screen and (max-width: 767px) {

}