@charset "UTF-8";
/* index.css */

/* ===== 最初のセクション（#sec_about） ===== */
.bukken_flex > div {
	width: calc(100%/4 - .5%);
}
.img_arrow {
	width: 20%;
	display: block;
	margin:  auto;
	margin-bottom: -2%;
}
#mv {
	position: relative;
}
#mv img {
	width: 100%;
}
h1 {
	position: absolute;
	top:  0;
	left: 0;
}

/* ===== 買取可能 ===== */
.title_flex {
	width: 95%;
	align-items: center;
	justify-content: space-between;
	margin: auto;
}
.title_flex > div:first-of-type {
	margin-right: 4%;
	transform: translateY(13%);
}
.img_hukidasi {
	width: 50%;
	display: block;
	margin: auto;
}
#sec_kaitori .img_hukidasi {
	margin-top: -4%;
}
/* border 多角形 */
.box_decoT,
.box_decoB {
	width: 100%;
	height: 4vw;
	max-height: 40px;
	min-height: 30px;
	display: flex;
	flex-wrap: nowrap;
	align-items: stretch;
}
.box_decoT:before,
.box_decoB:before,
.box_decoT:after,
.box_decoB:after  {
	content: "";
	height: 100%;
	display: block;
}
.box_decoT:before,
.box_decoB:after  {
	width: 4vw;
	max-width: 40px;
	min-width: 30px;
	background-image: url(../img/svg/bg_lefttop.svg);
	background-size: contain;
	background-repeat: no-repeat;
}
.box_decoB:before,
.box_decoT:after {
	width: calc(100% - clamp(30px,4vw,40px));
	background-color: #fff;
}
.box_decoB:after  {
	background-image: url(../img/svg/bg_rightbottom.svg);
}
.white_kaitori {
	padding: 20px 70px 40px;
	padding: min(2vw,20px) min(5vw,60px) min(2vw,20px);
	background-color: #fff;
}
.white_kaitori .flex_box {
	flex-wrap: wrap;
}
.white_kaitori .flex_box:after {
	content: "";
	width:  calc(100%/3 - 1.5%);
	height: 0;
}
.white_kaitori .kaitori_card {
	width: calc(100%/3 - min(2.5vw,25px)/1.5);
	margin-right: min(2vw,20px);
}
.white_kaitori .kaitori_card:nth-of-type(3n),
.white_kaitori .kaitori_card:last-of-type {
	margin-right: 0;
}
.white_kaitori .kaitori_card:nth-of-type(-n+3) {
	margin-bottom: min(2vw,20px);
}
/* text */
.kaitori_card .cont {
	line-height: 1.5;
	font-weight: 500;
	margin: .75em 0 .35em;
}
.kaitori_card dl div {
	display: flex;
	flex-wrap: nowrap;
	justify-content: flex-start;
}
.kaitori_card dl,
.kaitori_card dt,
.kaitori_card dd {
	font-size: 16px;
	font-size: clamp(12px,1.6vw,16px);
	line-height: 1.5;
}
.kaitori_card dl {
	margin-top: .75em;
}
.kaitori_card dt,
.kaitori_card dd {
	font-weight: normal;
}
.kaitori_card dt {
	min-width: fit-content;
}
.kaitori_card dd {
	word-break: break-all;
}
/* 20250326追加 上部 買取実績 */
.seiyaku_card {
	width:   calc(100%/3 - 1.5%);
	padding: clamp(15px,2vw,30px);
	margin-top: min(2vw,20px);
	background-color: #e3dac3;
}
.white_kaitori .seiyaku_card:nth-of-type(-n+3) {
	margin-top: 0;
}
.seiyaku_card dl {
	display: flex;
	flex-wrap: nowrap;
	align-items: flex-start;
	justify-content: flex-start;
}
.seiyaku_card dl,
.seiyaku_card dd {
	font-size: 18px;
	font-size: clamp(11px,1.4vw,15px);
}
.seiyaku_card dl + dl {
	margin-top: .5em;
}
.seiyaku_card dt {
	width: fit-content;
	min-width: fit-content;
	font-size: 10px;
	font-size: clamp(8px,1vw,10px);
	font-weight: normal;
	line-height: 1;
	display: block;
	margin-right: 1em;
	padding: .35em .5em;
	color: #fff;
	background-color: #000;
	transform: translateY(.25em);
}
.seiyaku_card dd {
	line-height: 1.4;
	font-weight: bold;
}

/* ===== 選ばれる理由 ===== */
.riyuu_box {
	position: relative;
}
.riyuu_box + .riyuu_box {
	margin-top: clamp(25px,5vw,50px);
}
.riyuu_box .point {
	width: 12vw;
	max-width: 120px;
	min-width:  60px;
	position: absolute;
	top:  0;
	left: 0;
	transform: translate(-25%,-35%);
}
.riyuu_flex {
	padding: 40px 70px;
	padding: min(6vw,60px) min(6vw,60px) min(4vw,40px);
	background-color: #fff;
	box-shadow: 0px 0px 5px 1px rgba(0,0,0,.15);
}
.riyuu_flex .img_wrap {
	width: 48%;
}
.riyuu_flex .cont_wrap {
	width: 52%;
	margin-top:   min(2vw,30px);
	margin-right: min(4vw,40px);
}
.riyuu_box .cont {
	margin-bottom: 1em;
}
.riyuu_box .because {
	line-height: 1;
	margin-bottom: .15em;
}
.riyuu_box .because.mar_add {
	margin-bottom: .5em;
}
.riyuu_box .p_big {
	font-size: 40px;
	font-size: clamp(20px,3vw,35px);
	font-weight: 900;
	line-height: 1;
	letter-spacing: .05em;
	font-family: zen-kaku-gothic-new, "Zen Kaku Gothic New", sans-serif; 
	display: inline-block;
}
.riyuu_box .marker strong {
	font-size: 48px;
	font-size: clamp(24px,4vw,45px);
	font-weight: 900;
	line-height: 1;
	letter-spacing: .05em;
	font-family: zen-kaku-gothic-new, "Zen Kaku Gothic New", sans-serif;
}
.riyuu_box .marker strong {
	display: inline-block;
	margin-top:   .2em;
	margin-right: .15em;
	padding: .15em .25em.25em;
	color: #fff;
	background-color: #aa8c46;
}
.riyuu_box .marker strong.padR_none {
	padding-right: .1em;
}
.riyuu_box .marker strong.mar_left01 {
	margin-left: 0em;
} 
.riyuu_box .marker strong.mar_left02 {
	margin-left: 5.3em;
} 


/* ===== 創業 周年 ===== */
#sec_sougyou .bg_white {
	padding: min(6vw,60px) min(7vw,70px);
}
.brown_box,
.sankaku_gray + .bg_gray {
	padding: min(5vw,50px);
}
.brown_box {
	background-color: #f2f2f0;	
}
/* 見出し */
#sec_sougyou h2 {
	width: 77%;
	margin-left: 2%;
	margin-right: auto;
}
#sec_sougyou h3 {
	font-size: 32px;
	font-size: min(2.5vw,32px);
	text-align: center;
}
h3 span.marker {
	display: inline-block;
	line-height: 1;
	margin: 0 .2em 0 .15em;
	padding: .15em .25em.25em;
	color: #fff;
	background-color: #aa8c46;
	background-color: #aa8c46;
}
#sec_sougyou .flex_box .cont_wrap {
	width: 52%;
	margin-right: 4%;
}
#sec_sougyou .flex_box .img_wrap {
	width: 48%;
}
#sec_sougyou .btn_sankaku a {
	width: auto;
	max-width: inherit;
	line-height: 1.2;
}
/* 展開している事業 */
.brown_head {
	width: 100%;
	font-weight: bold;
	letter-spacing: .15em;
	text-align: center;
	color: #fff;
	background-color: #aa8c46;
}
.brown_head p {
	line-height: 1;
	padding: .5em 1em;
}
.jigyou_flex {
	width: 90%;
	flex-wrap: wrap;
	margin: auto;
}
.jigyou_flex > div {
	width: calc(100%/3);
}
/* スムーズな買取を実現（灰色BOX） */
.sankaku_gray {
	width: 5%;
	display: block;
	margin: 0 auto;
}
.sankaku_gray + .bg_gray h4 {
	width: 80%;
	display: block;
	margin: auto;
}


/* ===== お悩み解決 ===== */
.kaiketu_accord {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: center;
}
.kaiketu_accord li {
	width: calc(100%/3 - min(2vw,20px));
	margin-top: 0 !important;
	margin-right:  min(2.5vw,25px);
	margin-bottom: min(2.5vw,25px);
	background-color: #fff;
}
.kaiketu_accord li:nth-of-type(3n),
.kaiketu_accord li:last-of-type {
	margin-right: 0;
}


/* uk title */
.kaiketu_accord .uk-accordion-title {
	padding: 20px 20px 25px;
	padding: clamp(10px,2vw,20px) clamp(10px,2vw,20px) clamp(15px,2.5vw,25px);
	flex-direction: column;
}
.kaiketu_accord .uk-accordion-title:before {
	content: none !important;
}
.kaiketu_accord .uk-accordion-title:after {
	content: "";
	width:  100%;
	height: .65em;
	display: block;
	margin-top: .75em;
	background-image: url(../img/svg/arrow02_open.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}
.kaiketu_accord .uk-open .uk-accordion-title:after {
	background-image: url(../img/svg/arrow02_close.svg);
}
.kaiketu_accord .uk-accordion-title:hover {
	color: #000;
}
.kaiketu_accord .uk-accordion-title,
.kaiketu_accord .uk-accordion-title span {
	font-size: clamp(14px,1.8vw,20px) !important;
}
.kaiketu_accord .uk-accordion-title span {
	width: 100%;
	font-weight: 500;
	display: inline-block;
}
.kaiketu_accord .uk-accordion-title .color_brown {
	font-size: clamp(20px,2.8vw,28px) !important;
	font-weight: 500;
	letter-spacing: 0;
}
.kaiketu_accord .uk-accordion-title .cont {
	min-height: 2.4em;
	display: inline-flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	line-height: 1.2;
	letter-spacing: .05em;
	margin: .5em 0;
}
/* uk cont */
.kaiketu_accord .uk-accordion-content {
	margin-top: 0 !important;
	padding: 0 min(1.5vw,15px) min(1.5vw,15px);
}
.kaiketu_accord .uk-accordion-content p {
	font-size: clamp(11px,1.4vw,14px);
	font-weight: normal;
	margin-top: 1em;
}


/* ===== 高額買取 ===== */
#sec_kougaku h2 {
	width: 95%;
	margin: auto;
}
#sec_kougaku .white_kaitori .flex_box:after {
	content: none;
}


/* ===== 高額買取モーダル ===== */
#modal_kaitori {
	padding: min(6vw,60px);
	background-color: #fff;
}
#modal_kaitori .uk-modal-dialog {
	width: 100%;
	max-width: 1000px !important;
	background-color: transparent;
}
#modal_kaitori .uk-grid {
	margin-left: calc(min(2vw,20px)*-1);
	align-items: stretch !important;
}
#modal_kaitori .uk-grid > * {
	padding-left: min(2vw,20px);
}
#modal_kaitori .uk-panel {
	height: 100%;
}
/* card */
.modalslider_card {
	width: calc(100%/3);
}
.modalslider_card .slider_cont {
	height: 100%;
	background-color: #f2f2f0;
}
.modalslider_card dt, 
.modalslider_card dd {
	font-weight: normal;
	color: #000;
}
.modalslider_card dl,
.modalslider_card dd {
	font-size: 16px;
	font-size: clamp(14px,1.6vw,16px);
}
.modalslider_card dl + dl {
	margin-top: 1em;
}
.modalslider_card dt {
	font-size: 14px;
	font-size: clamp(12px,1.4vw,14px);
	color: #4d4d4d;
}
.modalslider_card dd {
	text-align: justify;
	word-break: break-all;
	
}
.slider_cont {
	padding: clamp(25px,2.5vw,30px) clamp(15px,2vw,20px);	
}
.slider_cont .color_brown {
	font-weight: 500;
	color: #aa8c46 !important;
}
/* prev & next */
.uk-position-center-left-out,
.uk-position-center-right-out {
	width:  5vw;
	height: 5vw;
	max-width:  50px;
	max-height: 50px;
	min-width:  30px;
	min-height: 30px;
	margin:  0 !important;
	padding: 0 !important;
}
.uk-position-center-left-out {
	padding-right: 20px !important;
}
.uk-position-center-right-out {
	padding-left: 20px !important;
}

.uk-position-center-left-out img,
.uk-position-center-right-out img {
	width:  100%;
	height: 100%;
	object-fit: contain;
	object-position: center;
}
.uk-position-center-left-out svg,
.uk-position-center-right-out svg {
	display: none !important;
}


/* ===== 不動産買取の流れ ===== */
#sec_nagare h2 {
	font-weight: 900;
}
/* 流れ タイトル */
.nagare_head {
	width: 100%;
	display: flex;
	flex-wrap: nowrap;
	align-items: stretch;
	justify-content: space-between;
	margin-left: 0 !important;
}
.nagare_head > li {
	width: calc(100%/3 - 1.5%);
	padding: 0 !important;
}
.nagare_head > li a {
	width: 100%;
	height: 14vw;
	max-height: 160px;
	background-repeat: no-repeat;
	background-position: top center;
	background-size: contain;
	transform: scale(1.04);
}
.nagare01 a { background-image:url(../img/button01_white.png); }
.nagare02 a { background-image:url(../img/button02_white.png); }
.nagare03 a { background-image:url(../img/button03_white.png); }

.nagare01.uk-active a { background-image:url(../img/button01_brown.png); }
.nagare02.uk-active a { background-image:url(../img/button02_brown.png); }
.nagare03.uk-active a { background-image:url(../img/button03_brown.png); }

/* 流れ 文章 */
.ncont_wrap {
	width: 100%;
	display: flex;
	flex-wrap: nowrap;
	align-items: stretch;
	justify-content: space-between;
	padding: 20px;
	background-color: #f2f2f0;
}
.dl_ncont {
	width: calc(100%/3 - 2.85em);
	display: flex;
	flex-wrap: nowrap;
	align-items: flex-start;
	justify-content: flex-start;
}
.ncont_wrap .dl_ncont:nth-of-type(-n+2) {
	width: calc(100%/3);
}
.ncont_wrap .dl_ncont:nth-of-type(-n+2):after {
	content: "";
	min-width: .85em;
	height: 100%;
	background-image: url(../img/svg/nagare_arrow.svg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	margin-left:  1em;
	margin-right: 1em;
}
.dl_ncont dt {
	font-size: 16px;
	line-height: 1;
	margin-bottom: .5em;
	color: #aa8c46;
}
.dl_ncont dd {
	font-size: 14px;
	line-height: 1.5;
	font-weight: normal;
	text-align: justify;
}


/* ===== よくあるご質問 ===== */
/* 見出し */
.head_flex {
	width: 100%;
	display: inline-flex;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: center;
}
.head_flex img {
	width:  1.5em;
	height: 1.5em;
	display: inline-block;
	margin-right: .25em;
}
.head_flex span {
	display: inline-block;
}

/* 質問 */
.ul_faq .uk-accordion-title {
	width: 100%;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: space-between;
	flex-direction: row;
	padding: clamp(14px,1.8vw,20px);
	background-color: #f2f2f0;
}
.ul_faq .uk-accordion-title::before {
	content: none !important;
}
.ul_faq .uk-accordion-title::after {
	content: "";
	width:  2.5vw;
	height: 2.5vw;
	max-width:  25px;
	max-height: 25px;
	min-width:  12px;
	min-height: 12px;
	display: block;
	background-image: url(../img/svg/faq_puls.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}
.ul_faq .uk-open .uk-accordion-title::after {
	background-image: url(../img/svg/faq_mainasu.svg);
}
.ul_faq .uk-accordion-title span {
	font-size: 20px;
	font-size: clamp(14px,1.8vw,20px);
	font-weight: bold;
	display: inline-flex;
	align-items: center;
	justify-content: flex-start;
	margin-right: 1em;
}
.ul_faq .uk-accordion-title span:before, 
.ul_faq .uk-accordion-content:before {
	content: "";
	width:  3vw;
	height: 3vw;
	max-width:  30px;
	max-height: 30px;
	min-width:  15px;
	min-height: 15px;
	display: inline-block;
	background-image: url(../img/svg/faq_q.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	margin-right: clamp(10px,2vw,20px);
}
/* 回答 */
.ul_faq .uk-accordion-content {
	width: 100%;
	display: flex;
	flex-wrap: nowrap;
	align-items: flex-start;
	justify-content: flex-start;
	margin-top: 0 !important;
	padding: clamp(14px,1.8vw,20px);
}
.ul_faq .uk-accordion-content:before {
	height: 2.5vw;
	max-height: 25px;
	min-height: 12px;
	background-image: url(../img/svg/faq_a.svg);
}


/* ===== お問い合わせ ===== */
.contact_hukidasi {
	width: 100%;
	max-width: 1050px;
	display: block;
	margin: auto;
	margin-bottom: calc(min(11vw,110px)*-1);
	transform: translateY(calc(min(11vw,110px)*-1));
}
.c_hukidasi_wrap {
	padding: 0 40px;
}
#sec_contact .head_flex img {
	width:  1.4em;
	height: 1.4em;
	margin-right: .3em;
	transform: translateY(-.1em);
}
/* ステップ2 郵便番号 */
.dd_postal {
	flex-wrap: wrap;
}
.form_wrap .-w-note {
	width: 100%;
	font-size: 12px;
	color: #ac8e48;
	margin-top: .5em;
}

/* ステップ2・確認画面の各項目 枠で囲う */
#step-form-wrapper .form_wrap {
	padding: clamp(35px,4vw,40px) clamp(35px,4vw,40px) clamp(40px,5vw,50px);
	border:   1px solid #bebebe;
	border-radius: 10px;
}
#step-form-wrapper .form_wrap > dl:last-of-type {
	padding-bottom: 0;
}
/* プログレスバー */
.progress_bar {
	width: 100%;
	max-width: 400px;
	display: flex;
	justify-content: center;
	position: relative;
	margin: auto;
}
.progress_bar:before,
.progress_bar:after {
	content: "";
	width: 90%;
	height: 4px;
	display: block;
	position: absolute;
	top:  16px;
	background-color: #e2d9c2;
}
.progress_bar:after {
	content: none;
}
.progress_bar * {
	line-height: 1;
}
.progress_bar ul {
	width: 100%;
	display: flex;
	position: relative;
	flex-wrap: nowrap;
	align-items: flex-start;
	justify-content: space-between;
	z-index: 1;
}
.progress_bar li {
	width: auto;
}
.progress_bar .maru {
	width:  35px;
	height: 35px;
	font-size: 18px;
	line-height: 1;
	letter-spacing: 0;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	background-color: #e2d9c2;
	border-radius: 100px;
}
.progress_bar li p {
	font-size:  14px;
	text-align: center !important;
	margin-top: .5em;
}
/* フォーム ステップ2 bar */
.progress_bar .maru.active {
	background-color: #aa8c46;
}
#step2_bar:after {
	content: "";
	width: 50%;
	left: 0;
	background-color: #aa8c46;
}
/* フォーム サンクス bar */
#thanks_bar:before,
#thanks_bar .maru.active {
	background-color: #a07f3d;
}
#thanks_bar .maru  {
	background-color: #cdc1a3;
}



/* ===== 査定申し込みBOX（共通パーツ） ===== */
.formlink_box {
	box-shadow: 0px 0px 10px 5px rgba(0,0,0,.1);
}
.formlink_header {
	width: 100%;
	background-color: #fff;
}
.formlink_red {
	background-image: linear-gradient(300deg, rgba(150, 20, 30, 1), rgba(190, 50, 35, 1));
}
.formlink_red .img_box,
.formlink_red .common_btn_wrap {
	padding: 0 min(5vw,50px) 0 min(5vw,50px);
}
.formlink_red .img_box {
	padding-right: 0 !important;
}
.formlink_red .common_btn_wrap {
	padding-top:    clamp(25px,2.5vw,30px);
	padding-bottom: clamp(25px,2.5vw,30px);
	background-color: #be3223;
}
.formlink_flex {
	display: flex;
	flex-wrap: nowrap;
	align-items: flex-end;
	justify-content: center;
	background-color: #96141e;
}
.formlink_box .img_box {
	width: 65%;
	align-self: center;
	margin-right:  5%;
	margin-bottom: 1%;
}
.formlink_box .img_human {
	width: 30%;
	margin-left: -1%;
	transform: scale(1.4);
	transform-origin: center bottom;
}
.formlink_box .btn_white a:before {
	content: "";
	width:  1.5em;
	height: 1.5em;
	display: block;
	background-image: url(../img/satei_red.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	margin-right: .4em;
}
/* ===== エリアボックス ===== */
.area_box {
	width: 100%;
	text-align: center;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	margin-top: 30px;
	padding: 25px 30px 35px;
	background-color: #f2f2f2;
}
.area_box h2 {
	font-size: 24px;
	font-size: clamp(20px,2.4vw,24px);
	line-height: 1.5;
	text-align: center;
	font-weight: 800;
	color: #8c2622;
	margin-bottom: .35em;
}
.area_box p {
	font-size: 20px;
	font-size: clamp(16px,2vw,20px);
	text-align: justify;
	font-weight: bold;
	line-height: 1.5;
}



/* ===== サンクスページ ===== */
#sec_error .white_box,
#sec_thanks .white_box {
	padding: min(6vw,80px);
}
#sec_error {
	background-color: #e2d9c2;
}
#sec_error h3,
#sec_thanks h3 {
	font-size: clamp(20px,2.4vw,24px);
	margin-bottom: 1em;
	color: #aa8c46;
}
#sec_error p,
#sec_thanks p {
	text-align: center;
	line-height: 2.2;
}
#sec_thanks:after {
	content: "";
	width:  100%;
	height: 100%;
	display: block;
	position: fixed;
	top:  0;
	left: 0;
	background-color: #e2d9c2;
	z-index: -5;
}


/* ===== 買取実績個別ページ ===== */
#sec_kaitori_one h4 {
	width: 100%;
	font-size: 18px;
	margin-bottom:  15px;
	padding-bottom: 15px;
	color: #aa8c46;
	border-bottom: 1px solid #bebebe;
}
#sec_kaitori_one .jone_date,
#sec_kaitori_one .jone_cont  {
	font-size: 14px;
}
#sec_kaitori_one .jone_date {
	margin-bottom: 20px;
}


/* ===== トップページMVフォーム ===== */
#mf_wrap {
	padding:  0 min(5vw,60px);
	position: relative;
	z-index:  1;
}
#mf_wrap:after {
	content: "";
	width: 100%;
	height: 50%;
	position: absolute;
	left:   0;
	bottom: -1px;
	background-color: #ebe8d7;
	z-index: -2;
}
.mf_box  {
	width:  100%;
	height: auto;
	margin-left:  auto;
	margin-right: auto;
	padding: min(3vw,30px) min(4vw,40px) min(4vw,40px);
	border: 7px solid #be3223;
	border-radius: 10px;
	background-color: #fff;
	box-shadow: 0px 0px 10px 5px rgba(0,0,0,.1);
}
#mf_wrap h2 {
	width: 100%;
	font-size: 30px;
	font-size: min(3vw,30px);
	display: inline-flex;
	align-items: flex-start;
	justify-content: center;
	flex-wrap:  nowrap;
	text-align: center;
	margin-bottom: .75em;
	color: #4d4d4d;
}
#mf_wrap h2 span {
	width: fit-content;
	font-size: .7em;
	font-weight: 500;
	display: block;
	line-height: 1;
	margin-top: .2em;
	margin-right: .7em;
	padding: .3em .5em .4em;
	color: #fff;
	border-radius: 5px;
	background-color: #be3223;
}
#mf_wrap ul {
	width: 100%;
	max-width: 1000px;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: space-between;
	margin-left:  auto;
	margin-right: auto;
}
#mf_wrap li {
	width: calc(100%/3 - min(1vw,10px));
}
#mf_wrap form select,
#mf_wrap form .span_select,
#mf_wrap .wpcf7-form-control-wrap {
	width: 100%;
}
#mf_wrap form .span_select,
#mf_wrap form .span_select:after {
	border-color: #4d4d4d;
}
#mf_wrap form select {
	font-size: clamp(12px,1.4vw,18px);
	letter-spacing: .05em;
	padding: .3em .75em;
	color: #4d4d4d;
}
#mf_wrap form .span_select:after {
	width: 2em;
	background-size:  40%;
	background-image: url(../img/svg/mf_sankaku.svg);
}
#mf_wrap .mf_btn div {
	width: fit-content;
	margin-left:  auto;
	margin-right: auto;
}
#mf_wrap button  {
	width: 55vw;
	height: 7.5vw;
	max-width: 580px;
	max-height: 80px;
	background-image:  url(../img/mf_btn.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	background-color: #96141e;
	box-shadow: 0px 0px 7px 0px rgba(0,0,0,.3);
}
/* --- 下層 --- */
#mf_wrap.mf_lower {
	padding-left:  0;
	padding-right: 0;
}


/* ===== ブログ ===== */
/* 見出し */
.h_blog {
	width: 100%;
	position: relative;
	text-align: center;
}
.h_blog span {
	width: 100%;
	display: inline-block;
	margin-right: 0 !important;
}
.h_blog .h_box {
	width: fit-content;
	font-size: 24px;
	line-height: 1.5;
	letter-spacing: .15em;
	margin-bottom: 1em;
	padding: .25em .75em;
	color: #ab8c3b;
	background-color: #fff;
}
.h_blog .h_text {
	font-size: clamp(20px,3vw,35px);
	line-height: 1.3;
}

/* ブログボックス */
.white_blog {
	padding: min(5vw,60px);
	background-color: #fff;
}
.white_blog .flex_box {
	flex-wrap: wrap;
}
.white_blog .flex_box:after {
	content: "";
	width: calc(100%/3 - 1.5%);
	height: 0;
	display: block;
}

/* ブログひとつ */
.blog_card {
	width: calc(100%/3 - 1.5%);
}
.blog_card:nth-of-type(n+4) {
	margin-top: min(2vw,20px);
}
.blog_card .img_wrap {
	margin-bottom: 15px;
}
.blog_card .blog_tag {
	width: fit-content;
	font-size: 12px;
	line-height: 1.3;
	font-weight: bold;
	margin-bottom: .75em;
	padding: .25em .5em;
	color: #fff;
	background-color: #ab8c3b;
}
.blog_card .blog_title {
	font-size: clamp(14px,1.4vw,16px);
	font-weight: bold;
	line-height: 1.3;
	margin-bottom: .5em;
}
.blog_card .blog_date {
	font-size: 12px;
}



/* ===== youtube Short ===== */
#sec_shortmovie .shortmovie_card {
	width: calc(100%/3);
}
#sec_shortmovie .uk-grid > * {
	padding-left: min(2vw,20px);
}
#sec_shortmovie iframe {
	width: 100%;
	aspect-ratio: 9/16;
}
#sec_shortmovie .uk-grid {
	margin-left: calc(min(2vw,20px)*-1);
}





@media screen and (max-width:768px) {
	/* ===== MV ===== */
	#mv img {
		margin-bottom: -15%;
	}

	/* ===== 最初のセクション（#sec_about） ===== */
	.bukken_flex {
		flex-wrap: wrap;
	}
	.bukken_flex > div {
		width: calc(100%/2 - 1.5%);
		margin-bottom: 2.5%;
		transform: scale(1.05);
	}
	.img_arrow {
		width: 30%;
		margin-bottom: -4%;
	}

	/* ===== 買取可能 ===== */
	.title_flex {
		width: 100%;
		flex-wrap: nowrap;
	}
	#sec_kaitori .img_hukidasi {
		width: 90%;
		max-width: 350px;
		margin-top: 0;
	}
	.white_kaitori .flex_box {
		max-width: 400px;
		margin-left:  auto;
		margin-right: auto;
	}
	.white_kaitori .flex_box:after {
		content: none;
	}
	.title_flex > div:first-of-type {
		transform: translateY(0);
	}
	/* 白ボックス */
	.box_decoT,
	.box_decoB {
		height: 4vw;
		max-height: 20px;
		min-height: 15px;
	}
	.box_decoT:before,
	.box_decoB:after  {
		width: 4vw;
		max-width: 20px;
		min-width: 15px;
	}
	.box_decoB:before,
	.box_decoT:after {
		width: calc(100% - clamp(15px,4vw,20px));
	}
	.white_kaitori {
		padding: 20px;
		padding: 20px min(8vw,50px) min(5.333vw,30px);
	}
	.white_kaitori .kaitori_card {
		width: 100%;
		margin-top: 25px;
		margin-right: 0 !important;
	}
	.white_kaitori .kaitori_card:nth-of-type(-n+3) {
		margin-bottom: 0;
	}
	.kaitori_card dl,
	.kaitori_card dt,
	.kaitori_card dd {
		font-size: 16px;
	}

	/* 20250326_レイアウト変更 */
	.seiyaku_card {
		width: 100%;
		padding: clamp(20px,5.333vw,30px);
		margin-top: 20px !important;
	}
	.seiyaku_card dl,
	.seiyaku_card dd {
		font-size: 14px;
		font-size: clamp(12px,3.7vw,14px);
	}
	.seiyaku_card dt {
		font-size: 10px;
		font-size: clamp(8px,2.667vw,10px);
	}


	/* ===== 選ばれる理由 ===== */
	#sec_riyuu .bg_wrap {
		background-image: url(../img/bg04_sp.png);
	}
	.riyuu_flex {
		flex-direction: column-reverse;
		padding: 20px 20px 40px;
		padding: min(5.333vw,30px) min(5.333vw,30px) min(10.667vw,50px);
	}
	.riyuu_box + .riyuu_box {
		margin-top: min(10.667vw,60px);
	}
	.riyuu_flex .cont_wrap,
	.riyuu_flex .img_wrap   {
		width: 100%;
		margin: 0;
	}
	.riyuu_flex .img_wrap {
		margin-bottom: 15px;
	}
	.riyuu_box .point {
		width: 18vw;
		min-width: 65px;
		transform: translate(-20%,-30%);
	}
	.riyuu_box .because {
		font-size: 14px;
	}
	.riyuu_box .marker strong {
		font-size: min(8.5vw,36px);
	}
	.riyuu_box .p_big {
		font-size: min(6vw,28px);
	}

	/* ===== 創業 周年 ===== */
	/* 背景削除による余白削除 */
	#sec_sougyou .bg_wrap {
		background-image: none;
	}
	#sec_sougyou .bg_wrap:before {
		content: none;
	}
	#sec_sougyou .bg_white {
		padding: 0 !important;
	}
	/* ボックス外 */
	#sec_sougyou h2 {
		width: 100%;
		margin-left: 0;
	}
	#sec_sougyou  h2 {
		width: 95%;
		transform: translateX(-20px);
	}
	/* ボックス内 */
	#sec_sougyou h3 {
		font-size: 24px;
	}
	#sec_sougyou .brown_box {
		padding: 0;
		background-color: transparent;
	}
	#sec_sougyou .flex_box .cont_wrap {
		width: 100%;
		margin-right: 0;
	}
	#sec_sougyou .flex_box .img_wrap {
		width: 90%;
		max-width: 400px;
		margin-left:  auto;
		margin-right: auto;
	}
	/* 展開している事業 */
	.brown_head p {
		font-size: 20px;
	}
	.jigyou_flex {
		width: 100%;
		justify-content: center;
		background-color: #f2f2f0;
	}
	.jigyou_flex > div {
		width: calc(80%/2);
	}
	/* 黒い吹き出し */
	.sankaku_gray {
		width: 8%;
	}
	.brown_box,
	.sankaku_gray + .bg_gray {
		padding: 30px;
	}
	/* ボタン */
	#sec_sougyou .btn_sankaku a {
		font-size: min(4.533vw,18px);
	}
	#sec_sougyou .btn_sankaku a:after {
		margin-left:   1em;
		margin-right: -1em;
	}

	/* ===== お悩み解決 ===== */
	/* アコーディオン */
	.kaiketu_accord li {
		width: 100%;
		margin-right: 0;
		margin-bottom: min(4vw,15px);
	}
	.kaiketu_accord .uk-accordion-title,
	.kaiketu_accord .uk-accordion-content {
		padding: 15px 20px 20px !important;
		padding: min(4vw,25px) min(5.333vw,30px) min(5.333vw,30px) !important;
	}
	.kaiketu_accord .uk-accordion-content {
		padding-top: 0 !important;
	}
	.kaiketu_accord .uk-accordion-title .color_brown {
		font-size: 24px !important;
	}
	.kaiketu_accord .uk-accordion-title,
	.kaiketu_accord .uk-accordion-title span {
		font-size: 16px !important;
		line-height: 1.5 !important;
	}
	.kaiketu_accord .uk-accordion-content p {
		font-size: 14px;
	}
	/* 買取実績を一部ご紹介の部分に流用 */
	.uk_kaitori {
		margin-top: min(5.333vw,30px);
	}
	.uk_kaitori li {
		margin-bottom: 0 !important;
	}
	.uk_kaitori a.uk-accordion-title,
	.uk_kaitori .uk-accordion-content {
		padding: 0 !important;
	}
	.uk_kaitori.kaiketu_accord .uk-open .uk-accordion-title {
		display: none !important;
	}
	.uk_kaitori .seiyaku_card:first-of-type {
		margin-top: 0 !important;
	}


	/* ===== 高額買取 ===== */
	#sec_kougaku h2 {
		width: 90%;
		margin-left:  auto;
		margin-right: auto;
	}
	/* --- modal --- */
	#modal_kaitori .uk-grid {
		margin-left: -15px;
	}
	.modalslider_card {
		width: 100%;
	}
	#modal_kaitori .uk-grid > * {
		padding-left: 15px;
	}
	.uk-position-center-left-out  {
		padding-right: 15px !important;
	}
	.uk-position-center-right-out {
		padding-left: 15px !important;
	}


	/* ===== 不動産買取の流れ ===== */
	#sec_nagare .bg_wrap {
		background-image: url(../img/bg04_sp.png);
	}
	.ncont_wrap {
		flex-wrap: wrap;
		padding: min(8vw,40px) min(5.333vw,30px);
	}
	.ncont_wrap .dl_ncont {
		width: 100% !important;
		flex-direction: column;
	}
	.dl_ncont dt {
		font-size: 18px;
	}
	.dl_ncont dd {
		font-size: 16px;
	}
	.ncont_wrap .dl_ncont:nth-of-type(-n+2):after {
		width: 100%;
		height: .65em;
		min-width: inherit;
		background-image: url(../img/svg/nagare_arrow_sp.svg);
		margin: 1em 0;
	}
	/* アイコンの切り替え */
	.nagare_head > li a {
		height: 48vw;
		max-height: 280px;
		transform: scale(1.1);
	}
	.nagare01 a { background-image:url(../img/button01_white_sp.png); }
	.nagare02 a { background-image:url(../img/button02_white_sp.png); }
	.nagare03 a { background-image:url(../img/button03_white_sp.png); }

	.nagare01.uk-active a { background-image:url(../img/button01_brown_sp.png); }
	.nagare02.uk-active a { background-image:url(../img/button02_brown_sp.png); }
	.nagare03.uk-active a { background-image:url(../img/button03_brown_sp.png); }

	/* ===== よくあるご質問 ===== */
	.ul_faq .uk-accordion-title span {
		font-size: 16px;
	}
	.ul_faq .uk-accordion-title span:before {
		width:  20px;
		height: 20px;
		max-width:  inherit;
		max-height: inherit;
		min-width:  20px;
		min-height: 20px;
		align-self: flex-start;
		transform: translateY(.15em);
	}
	.ul_faq .uk-accordion-content:before {
		width:  20px;
		height: 17px;
		max-width:  inherit;
		max-height: inherit;
		min-width:  20px;
		min-height: 17px;
		transform: translateY(.35em);
	}
	.ul_faq .uk-accordion-title::after {
		width:  20px;
		height: 20px;
		min-width:  20px;
		min-height: 20px;
	}

	/* ===== お問い合わせ ===== */
	#sec_contact {
		padding-top: min(25vw,90px);
	}
	.c_hukidasi_wrap {
		padding-left:  8px;
		padding-right: 8px;
	}
	.contact_hukidasi {
		max-width: 350px;
		margin-bottom: calc(min(30vw,100px)*-1);
		transform: translateY(calc(min(30vw,100px)*-1));
	}
	/* ステップ2・確認画面の各項目 枠で囲う */
	#step-form-wrapper .form_wrap {
		padding: 20px 20px 30px;
		padding: min(8vw,30px) min(8vw,40px) min(8vw,40px);
	}
	#step-form-wrapper form h3 {
		letter-spacing: .05em;
	}
	/* プログレスバー */
	.progress_bar {
		width: 70%;
		max-width: 300px;
	}
	.progress_bar:before,
	.progress_bar:after   {
		top: 14px;
	}
	.progress_bar .maru {
		width:  30px;
		height: 30px;
		font-size: 14px;
	}
	.progress_bar li p  {
		font-size: 12px;
	}


	/* ===== 査定申し込みBOX（共通パーツ） ===== */
	/* 背景 白 */
	.formlink_box {
		box-shadow: 0 0 5px 1px rgba(0,0,0,.15);
	}
	.formlink_header {
		padding: 0px 20px 0;
		padding: 0 min(5.333vw,30px) 0;
		background-color: #fff;
	}
	/* 背景 赤 */
	.formlink_red {
		padding: min(5.333vw,50px) min(5.333vw,50px) min(6.667vw,45px);
	}
	.formlink_red .common_btn_wrap {
		padding: 20px 20px 0;
	}
	.formlink_red .common_btn_wrap {
		padding-top: 15px;
		padding-bottom: 0;
	}
	.formlink_box .img_box,
	.formlink_red .common_btn_wrap {
		width: 100%;
		padding-left:  0 !important;
		padding-right: 0 !important;
	}
	.formlink_flex,
	.formlink_red .common_btn_wrap {
		background-color: transparent !important;
	}
	.formlink_box .btn_white a {
		font-size: 17px;
		font-size: min(4.8vw,22px);
	}
	/* 位置反転 */
	.formlink_flex .img_box {
		margin-top: 1em;
		margin-left:  auto;
		margin-right: auto;
	}
	.formlink_red {
		display: flex;
		flex-direction: column-reverse;
	}
	.formlink_header img {
		margin-bottom: -5%;
	}
	.formlink_box .btn_sankaku {
		max-width: inherit;
		margin-bottom: 25px;
	}
	.formlink_box .common_btn_wrap > a {
		margin-bottom: 20px;
	}
	/* ステップ2 郵便番号 */
	.form_wrap .-w-note {
		width: 100%;
		font-size: 11px;
		letter-spacing: .07em;
		margin-top: .75em;
	}

	/* ===== エリアボックス ===== */
	.area_box {
		padding: 20px;
	}
	.area_box h3 {
		font-size: 18px;
		font-size: min(4.8vw,20px);
	}
	.area_box p  {
		font-size: 14px;
		font-size: min(3.733vw,16px);
	}


	/* ===== サンクスページ ===== */
	#sec_error .bg_wrap,
	#sec_thanks .bg_wrap {
		background-image: url(../img/bg04_sp.png);
	}
	#sec_error .white_box,
	#sec_thanks .white_box {
		padding: min(8vw,40px) min(5.333vw,30px);
	}
	#sec_error h3,
	#sec_thanks h3 {
		margin-bottom: 1em;
		color: #aa8c46;
	}
	#sec_error p,
	#sec_thanks p {
		text-align: left;
		line-height: 2;
	}


	/* ===== 買取実績個別ページ ===== */
	#sec_kaitori_one h4 {
		font-size: 16px;
	}
	#sec_kaitori_one .jone_date,
	#sec_kaitori_one .jone_cont  {
		font-size: 13px;
		font-size: clamp(13px,3.467vw,14px);
	}
	#sec_kaitori_one .jone_date {
		margin-bottom: 15px;
	}


	/* ===== トップページMVフォーム ===== */
	#mf_wrap {
		padding-left:  20px;
		padding-right: 20px;
	}
	.mf_box  {
		border-width: 5px;
		padding: 20px 20px 30px;
	}
	#mf_wrap h2 {
		font-size: 20px;
		display: block;
	}
	#mf_wrap h2 span {
		font-size: .8em;
		margin-left:  auto;
		margin-right: auto;
		margin-bottom: .5em;
	}
	#mf_wrap ul {
		max-width: 500px;
		flex-wrap: wrap;
	}
	#mf_wrap li {
		width: 100%;
		margin-bottom: .75em;
	}
	#mf_wrap form select {
		font-size: 15px;
		font-size: min(4vw,16px);
	}
	#mf_wrap button {
		width:  70vw;
		height: 21vw;
		max-width: 280px;
		max-height: 80px;
		background-image: url(../img/mf_btn_sp.png);
		box-shadow: 0px 0px 3px 0px rgba(0,0,0,.3);
	}


	/* ===== ブログ ===== */
	/* 見出し */
	.h_blog .h_box {
		font-size: 18px;
		margin-bottom: .75em;
	}
	.h_blog .h_text {
		font-size: 22px;
		line-height: 1.5;
	}
	/* ブログボックス */
	.white_blog {
		padding: min(8vw,50px);
	}

	/* ブログひとつ */
	.blog_card {
		width: 100%;
	}
	.blog_card + .blog_card {
		margin-top: 25px;
	}
	.blog_card .img_wrap {
		margin-bottom: 10px;
	}
	.blog_card .blog_title {
		font-size: 14px;
	}


	/* ===== youtube Short ===== */
	#sec_shortmovie .shortmovie_card {
		width: 100%;
	}
	#sec_shortmovie .bg_wrap {
		padding-left:  40px;
		padding-right: 40px;
	}
	#sec_shortmovie .uk-grid > * {
		padding-left: 15px;
	}
	#sec_shortmovie .uk-grid {
		margin-left: -15px;
	}

}