@charset "UTF-8";

html { height: 100%; font-size: 62.5%;}
html, body { height: 100%;}

body { font-size: 1.6rem; line-height: 1.6em; font-family: "Noto Sans JP"; font-feature-settings: "palt"; text-align: justify; background-color: #ffffff; color: #333333;text-align: center;}

@media screen and (max-width: 767px) {
 body { font-size: 1.4rem;}
}

* { margin: 0; padding: 0; box-sizing: border-box;}

img.img-responsive { width: 100%; height: auto;}

/* pcスマホパーツ切り替え */
.pc_part { display: block;}
.smp_part { display: none;}

@media screen and (max-width: 767px) {
.pc_part { display: none;}
.smp_part { display: block;}
}

/* 空白調整 */
.cl_pd120 { padding-bottom: 120px !important;}
.cl_pd100 { padding-bottom: 100px !important;}
.cl_pd80 { padding-bottom: 80px !important;}
.cl_pd50 { padding-bottom: 50px !important;}
.cl_pd30 { padding-bottom: 30px !important;}

@media screen and (max-width: 999px) {
.cl_pd120 { padding-bottom: 90px !important;}
.cl_pd100 { padding-bottom: 75px !important;}
.cl_pd80 { padding-bottom: 60px !important;}
.cl_pd50 { padding-bottom: 37.5px !important;}
.cl_pd30 { padding-bottom: 20px !important;}
}

@media screen and (max-width: 767px) {
.cl_pd120 { padding-bottom: 60px !important;}
.cl_pd100 { padding-bottom: 25px !important;}
.cl_pd80 { padding-bottom: 40px !important;}
.cl_pd50 { padding-bottom: 25px !important;}
.cl_pd30 { padding-bottom: 15px !important;}
}

/* 固定クリアランス */
.cl_10 { margin-bottom: 10px !important;}
.cl_20 { margin-bottom: 20px !important;}
.cl_30 { margin-bottom: 30px !important;}

/* スマホ版改行 */
br.smp_break { display: none; width: 0; height: 0; visibility: hidden; content: ""; font-size:0;}

@media screen and (max-width: 767px) {
br.smp_break { display: block;}	
}

a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover {text-decoration: none;}
a:active {text-decoration: none;}

/* 見出しテキスト */
h1,h2,h3,h4,h5,p{font-weight:normal;}

h1 {}
h2 {font-size: 2.7rem;font-weight: bold;}
h3 {}
h4 {font-size: 1.8rem;line-height: 3rem;font-weight: bold;color: #fff;}
h5 {}
p {font-size: 1.7rem;line-height: 2.6rem;}

@media screen and (max-width: 999px) {
 h1 {}
 h2 {font-size: 2.3rem;line-height: 1.3em;}
 h3 {}
 h4 {font-size: 1.7rem;line-height: 2.4rem;}
 h5 {}
 p {font-size: 1.6rem;line-height: 1.3em;}
}

@media screen and (max-width: 767px) {
 h1 {}
 h2 {font-size: 6vw;line-height: 1.3em;}
 h3 {}
 h4 {font-size: 4.5vw;line-height: 1.3em;}
 h5 {}
 p {font-size: 4.8vw;line-height: 1.3em;}
}


/* flex */
.flex,.flex_sell{display: flex;justify-content: space-between;}
.unflex{display: block;}

@media screen and (max-width: 999px) {
	.flex_sell{display: block;}
	.unflex{display: flex;justify-content:flex-start;}
}
@media screen and (max-width: 767px) {
	.flex{display: block;}
	.unflex{display: block;}
}


/* カラー */
.bar{width: 100%;height: 5px; background: linear-gradient(to right, #e87722, #671e75);}
.bar-buy{height: 40px; background: linear-gradient(135deg, #e87722 0%,#e87722 70%, #671e75 100%);}
.bar-sell{height: 40px; background: linear-gradient(135deg, #e87722 0%,#671e75 30%, #671e75 100%);}
.co_orange{color: #e87722;}
.co_orange_bg{background-color: #fdf1e9;}
.co_purple{color: #671e75;}
.co_purple_bg{background-color: #f0e9f1;}


/* ヘッダー */
header {width:100%;}
.fv_bg {width: 100%;height: 420px;background-image: url("../images/fv_bg.webp");background-repeat: no-repeat;background-size: cover;background-position: center;}
.fv_logo_wrp{width: 1000px;padding-top: 30px;margin: 0 auto;}
.fv_logo{width: 225px;height: 65px;}
.facilo_logo{width: 182px;height: 38px;margin: 0 auto;}
.fv h1{font-size: 3.7rem; line-height: 2em;font-weight: bold;text-align: left;}
.fv h2{font-size: 2rem;line-height: 1.8em;font-weight: bold;}

@media screen and (max-width: 999px) {
	.fv_logo_wrp{width: 90%;}
	.fv h1{font-size: 3.3rem; line-height: 5.5rem;}
	.fv h2{font-size: 1.8rem;line-height: 3.6rem;}
}
@media screen and (max-width: 767px) {
	.fv_bg {height: auto;background-size:cover;background-position: 65%;padding-bottom: 30px;}
	.fv_logo{width: 80%;height: auto;}
	.fv h1{font-size: 6vw; line-height: 1.5em;}
	.fv h2{width: 90%;margin: 0 auto;font-size: 5vw;line-height: 2em;text-align: justify;}
}


/* メイン */
main {}
.buy{max-height: 0;overflow: hidden;transition: max-height 1s ease;}
.sell{max-height: 0;overflow: hidden;transition: max-height 1s ease;}

/* アコーディオンボタン */
.button{padding: 30px; margin: 0 auto;font-size: 2.2rem;color: #fff;font-weight: bold;border-radius: 72px;border: 5px solid #f2f2f2;box-sizing: border-box;display: flex;align-items: center;justify-content: center;position: relative;}
.button::after {content: "";position: absolute;bottom: 7%;left: 50%;transform: translateX(-50%);border-left: 7px solid transparent;border-right: 7px solid transparent;border-top: 7px solid #fff;}
.button:hover {transform: translateY(2px);}

/* リードコピー */
.cont_title h3{font-size: 2rem;font-weight: bold;}
.bar__title{width: 100%;color: #fff;display: inline-flex; align-items: center;justify-content: center;}

/* 購入上部 */
.buy_issue{width: 1000px;margin: 0 auto;padding-bottom: 60px;}
.buy_issue .box{width: 31%;height: auto;box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);padding: 2%;}
.buy_issue .box img{width: 100%;}
.buy_issue .box h4{width: fit-content;padding: 24px 40px;border-radius: 40px;margin: -25px auto 0; position: relative;z-index: 1;display: inline-flex;align-items: center;justify-content: center;}
.buy_issue .arrow{width: 700px;margin: 0 auto;}

@media screen and (max-width: 999px) {
	.buy_issue{width: 90%;}
	.buy_issue .box h4{padding: 20px 30px;margin: -25px auto 0;}
}
@media screen and (max-width: 767px) {
	main{padding: 5%;}
	.buy_issue{padding-bottom: 5%;}
	.button{padding: 7vw;font-size: 5vw;}
	.button::after {content: "";position: absolute;bottom: 5px;left: 50%;transform: translateX(-50%);border-left: 2vw solid transparent;border-right: 2vw solid transparent;border-top: 2vw solid #fff;}
	.cont_title h3{font-size: 5vw;}
	.bar__title{width: 100%;padding: 5% 0;}
	.buy_issue .box{width: 100%;margin-bottom: 5%;padding: 5%;}
	.buy_issue .box h4{padding: 5% 10%;}
	.buy_issue .arrow{width: 700px;margin: 0 auto;}
}


/* コンテンツ */
.cont_outer{width: 1000px;margin: 0 auto;text-align: left;}
.cont_block{position: relative;}
.cont_block img{width: 350px;position: absolute;top:-10px;right: 0;}
.cont_block h2 {display: flex;align-items: center;gap: 8px;}
.cont_block h3 {font-size: 2.4rem;font-weight: bold;display: block;padding: 10px 0px 10px 44px;}

.num {width: 36px;height: 36px;font-size: 1.8rem;color: #fff;font-weight: bold;border-radius: 8px;border: 4px solid #f2f2f2;box-sizing: border-box;display: flex;align-items: center;justify-content: center;}
.text_m36{padding-left: 44px;}

dt{font-size: 1.8rem; line-height: 3rem;font-weight: bold;}
dd{font-size: 1.8rem; line-height: 3rem;padding-left: 1em;}

@media screen and (max-width: 999px) {
	.cont_outer{width: 90%;}
	.cont_block img{width: 45%;max-width: 350px;}
	.cont_block h3 {font-size: 2rem;}
	.cont_block p {width: 50%}
	dl{width: 50%;}
	dt{font-size: 1.6rem; line-height: 2.4rem;font-weight: bold;}
	dd{font-size: 1.6rem; line-height: 2.4rem;padding-left: 1em;}
}
@media screen and (max-width: 767px) {
	.cont_block{box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);padding: 5%;margin-bottom: 5%;}
	.cont_block img{width: 100%;position: relative;top:0;right: 0;margin: 0 auto;}
	.cont_block h3 {font-size: 5vw;padding: 5%;}
	.cont_block p {width: 100%}
	.text_m36{padding-left: 0;}
	dl{width: 100%;}
	dt{font-size: 4vw; line-height: 1.3em;font-weight: bold;}
	dd{font-size: 4vw; line-height: 1.3em;padding-left: 1em;}
}


/* 売却上部 */
.sell_issue .sell_issue__wrap{width: 1000px;margin: 0 auto;position: relative;}
.sell_issue .sell_bg {width: 100%;height: 420px;background-image: url("../images/sell_img.webp");background-repeat: no-repeat;background-size: cover;background-position: center;}
.sell_issue ul{position: absolute;text-align: left;top:30px;right: 0;}
.sell_issue li{width: 500px;height: 50px;line-height: 44px;font-size: 1.8rem;font-weight: bold;background-color: #fff;border: 1px solid;border-radius: 5px; margin-top: 10px;}
.sell_issue li::before {content: "◀︎";margin-right: 6px;padding-left: 6px;}
.sell_issue .arrow{height: 120px;margin: 0 auto;}

@media screen and (max-width: 999px) {
	.sell_issue .sell_issue__wrap{width: 90%;}
	.sell_issue ul{top:30px;right: 0;}
	.sell_issue li{width: 450px;font-size: 1.6rem;margin-top: 10px;}
	.sell__br { display: none;}
}
@media screen and (max-width: 767px) {
	.sell_issue .sell_issue__wrap{width: 100%;}
	.sell_issue .sell_bg {height: auto;background-size:cover;background-position: 90%;padding: 5%;}
	.sell_issue ul{position: relative;top:inherit;right: inherit;}
	.sell_issue li{width: 100%;height: auto;font-size: 4.5vw;line-height: 1.5em;padding: 5%;}
	.sell_issue li::before {content:inherit;}
	.sell_issue .arrow{height: 120px;margin: 0 auto;}
}

/* 売却下部 */
.cont_blok_half{width: 500px;height: 430px; position: relative;}
.cont_blok_half p{width: 220px;text-align: justify;}
.cont_blok_half img{width: 210px;position: absolute;top:40px;right: 30px;}

.point{margin-left: 45px;width: 420px;height: 430px;box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);padding: 45px;}
.point h3{font-size: 3.3rem;color: #671e75;padding: 0;}
.point ul{font-size: 2.4rem;line-height: 1.5em;font-weight: bold;}
.point li{list-style: none;position: relative;padding-left: 30px;}
.point li::before {content: "";width: 16px;height: 16px;border: 2px solid #333;position: absolute;left: 0;top: 50%;transform: translateY(-50%);box-sizing: border-box;}
.point li::after {content: "✓";color: #e87722;position: absolute;left: 2px;top: 30%;transform: translateY(-55%);font-size: 3rem;}
.point p{font-size: 1.8rem;line-height: 3rem;width: 100%;}
.pd__sell{padding-bottom: 0;}

@media screen and (max-width: 999px) {
	.cont_blok_half{width: 100%;height: 380px;}
	.cont_blok_half p{width: 50%;}
	.cont_blok_half img{max-width: 210px;width: 35%;top:0;right: 50px;}
	.point{margin-left: 0; width: 100%;height: auto;padding: 45px;}
	.point ul{font-size: 2.2rem;margin-right: 45px;}
	.point p{width: 100%;}
	.pd__sell{padding-bottom: 140px;}
}
@media screen and (max-width: 767px) {
	.sell .cont_block{box-shadow:none;padding: 0;margin-bottom: 5%;}
	.cont_blok_half{width: 100%;height: auto;padding: 5%; margin-bottom: 5%;box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);}
	.cont_blok_half p{width: 100%;margin-bottom: 5%;}
	.cont_blok_half img{max-width: inherit; width: 100%;position: relative;top:inherit;right: inherit;}
	
	.point{padding: 5%;}
	.point h3{font-size: 7vw;}
	.point ul{font-size: 5vw;margin-right: 0;}
	.point li{list-style: none;position: relative;padding-left: 25px;}
	.point p{font-size: 4.5vw;line-height: 1.5em;width: 100%;}
}


/* フッター */
footer {width:100%;padding-bottom: 60px;}
.footer_nav{background-color: #f2f2f2;display: grid;grid-template-columns: 1fr 3.125rem;align-items: center;}
.footer_nav ul {width: 1000px; display: flex;justify-content: center;column-gap: 2rem;margin: 0 auto;}
.footer_nav ul li::before {content: "▶︎";font-size: 1rem;}
.footer_nav ul li a {font-size: 1.4rem;line-height: 1.5em;}
.footer_logo{height: 40px;margin: 0 auto;}
.cpl{font-size: 1.4rem;}

@media screen and (max-width: 999px) {
	.footer_nav ul {width: 90%;}
}
@media screen and (max-width: 767px) {
	footer {padding: 5%;}
	.footer_nav{display: block;grid-template-columns:auto;}
	.footer_nav ul {width: 90%; display: block;text-align: left;padding: 5% 0}
	.footer_logo{max-height: 40px; height: 10vw;margin: 0 auto;}
	.footer_nav ul li a {font-size: 5vw;line-height: 1.5em;}
	.cpl{font-size: 1.4rem;}
}