@charset "UTF-8";
/* CSS Document */

 /*color*/
:root{
    --main: #17849A;
    --main-light: #6EBECE;
    --accent: #ec7140;
    --accent-dark:#922c0e;
    --text: #333;
    --text-light:#666;
    --yellow: #ffe84b;
    --bg-blue:#CEEAF0;/* ブルー背景 */
    --bg-gray:#F8F9FA;/* グレー背景 */
    --navy:#274560;
    --blue:#3f8ed0;
    --footer-link:#a4ce4e; /* フッターのライムグリーン */
    --container:1200px;
    --radius:8px;
    --line: #E2E2E2;
}

.accentTeal{color:var(--main);}
.accentOrange{color:var(--accent);}

.contentWrap{
    margin: 68px auto 0 auto;
}
div#Footerbanner{
    margin-top: 0;
}
div.container{
    padding-bottom: 0;
}

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

@media screen and (max-width:782px){
    div.container{
        margin-top: 56px;
    }
    .contentWrap{
        margin: 0 auto;
    }
    #chokuei section{
        padding-left: 10px;
        padding-right: 10px;
    }
}


/* =========================================================
   共通：見出し
   ========================================================= */
*,*::before,*::after{
    box-sizing:border-box;
    line-height: 1.4;
    letter-spacing: 0;
}
#chokuei.container{
    text-align: left;
}
#chokuei .heroIllust{
    display:none;
}
#chokuei a{
    color:#fff;
    text-decoration:none;
}
#chokuei ul,#chokuei ol{
    list-style:none;
}
#chokuei img{
    height: auto;
}

.sectionTitle {
  font-size: 2.1rem;
  font-weight: 700;
  text-align: center;
  letter-spacing: .04em;
  position: relative;
  padding-bottom: 18px;
  margin-bottom: 10px;
}
.sectionTitle::after {
  content: "";
  position: absolute;
  left: 50%; bottom: 0;
  transform: translateX(-50%);
  width: 56px; height: 3px;
  background: var(--main);
}
.titleAccent {
    color: var(--main);
}
.sectionLead {
  text-align: center;
  color: #555;
  margin-bottom: 48px;
}

#chokuei .inner {
    max-width: 1180px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    gap: 30px;
    padding: 0 24px;
}


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

@media screen and (max-width:782px){
    #chokuei .heroIllust{
        max-width:100%;
        height:auto;
        display:block;
        right: -10px;
    }
}


/* =========================================================
   共通：CTAボタン
   ========================================================= */
.ctaWrap {
	text-align: center;
	margin-top: 48px;
}
.ctaButton {
	display: inline-flex;
	align-items: center;
	gap: 14px;
	background: var(--accent);
	color: #fff;
	font-size: 1.4rem;
	font-weight: 700;
	padding: 20px 48px;
	border-radius: 8px;
	box-shadow: 0 6px 14px rgba(252,125,74,.35);
	transition: transform .2s, box-shadow .2s;
}
.ctaButton:hover {
	transform: translateY(-3px);
	box-shadow: 0 10px 20px rgba(252,125,74,.45);
}
.ctaBadge {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 48px;
	height: 48px;
	border-radius: 50%;
	background: var(--yellow);
	color: #fff;
	font-size: .9rem;
	font-weight: 700;
}

/* ============================================
　　共通：マーク
   ============================================ */
/* ◯ */
.maru {
    display: block;
    margin: 0 auto;
	width: 25px;
	height: 25px;
	border: 4px solid #C81700;
	border-radius: 50%;
}

/* △ */
.sankaku {
	display: block;
	margin: 0 auto;
	width: 25px;
	height: 22px;
	background-color: #666666;
	clip-path: polygon(12.5px 0, 0 22px, 25px 22px, 12.5px 0, 12.5px 8px, 18.07px 18px, 6.93px 18px, 12.5px 8px);
}
.sankaku::before,
.sankaku::after {
	content: "";
	position: absolute;
	bottom: 0;
	width: 4px;
	height: 25px;
	background-color: #666666;
}


/* × */
.batsu {
	display: block;
	position: relative;
	margin: 0 auto;
	width: 25px;
	height: 25px;
}
.batsu::before,
.batsu::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	height: 4px;
	margin-top: -2px;
	background-color: #123A88;
}
.batsu::before {
	transform: rotate(45deg);
}
.batsu::after {
	transform: rotate(-45deg);
}

/* ー */
.bar {
	display: block;
	margin: 0 auto;
	width: 20px;
	height: 4px;
	background-color: #333333;
}

/* ============================================
   ボタン
   ============================================ */
.btn{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	gap:14px;
	font-weight:700;
	cursor:pointer;
	border:none;
	transition:.25s;
}
.btnCta{
	background:var(--accent);
	color:#fff;
	font-size:1.5rem;
	padding:12px 56px;
	border-radius:8px;
	box-shadow:0 4px 0 var(--accent-dark);
    width: 100%;
    max-width: 400px;
}
.btnCta:hover{
	background:var(--accent-dark);
	transform:translateY(2px);
	box-shadow:0 2px 0 var(--accent-dark);
}
.btnBadge{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	width:48px;
	height:48px;
	border-radius:50%;
	background:var(--yellow);
	color:var(--accent-dark);
	font-size:.95rem;
	font-weight:700;
	flex-shrink:0;
}
.btnSubmit{
	background:var(--accent);
	color:#fff;
	font-size:1.25rem;
	padding:16px 90px;
	border-radius:6px;
	box-shadow:0 3px 0 var(--accent-dark);
}
.btnSubmit:hover{
	background:var(--accent-dark);
}
.ctaCenter{
	text-align:center;
	margin-top:48px;
}
/* 共通：セクション見出し */
.secHead{
	text-align:center;
	margin-bottom:48px;
}
.secHeadTitle{
	font-size:2.6rem;
	font-weight:900;
	letter-spacing:.04em;
}
.secHeadBar{
	display:block;
	width:60px;
	height:4px;
	background:var(--main);
	margin:18px auto 22px;
	border-radius:2px;
}
.secHeadLead{
	color:var(--text);
	font-size:1.05rem;
}
/* 縦バー付き小見出し（料金体系内など） */
.blockTitle{
	font-size:1.9rem;
	font-weight:900;
	padding-bottom:14px;
	border-bottom:1px solid #b9d6db;
	margin-bottom:40px;
}
.blockSubtitle{
	font-size:1.35rem;
	font-weight:700;
	margin:56px 0 18px;
	padding-left:14px;
	border-left:5px solid var(--main);
}
.blockText{
	color:var(--text);
	margin-bottom:24px;
}
/* =========================================================
   ファーストビュー
   ========================================================= */
.hero{
	position:relative;
	background-color:#E1F2FC;
	background-image:url("../images/chokuei/fv.webp");
	background-repeat:no-repeat;
	background-position:center top;
	background-size:auto 480px;
	overflow:hidden;
	height:480px;
	width:100%;
}
.heroInner{
	position:relative;
	z-index:1;
	max-width:var(--container);
	margin:0 auto;
	padding:30px 20px;
}
.heroCopy{
	max-width:600px;
}
.heroLead{
	font-size:1.15rem;
	font-weight:700;
	color:#444;
	margin-bottom:24px;
}
.heroTitle{
	font-size:3rem;
	font-weight:900;
	line-height:1.2;
	letter-spacing:.02em;
	color:#2b2b2b;
	margin-bottom:20px;
}
.heroDesc{
	font-size:.95rem;
	color:#444;
	line-height:1.9;
	margin-bottom:32px;
	max-width:500px;
}
.heroCatch{
	color:var(--accent);
	font-weight:700;
	font-size:1.1rem;
	margin-bottom:5px;
	width:100%;
	max-width:400px;
	text-align:center;
}
.heroIllust{
	display:none;
}

@media screen and (max-width:782px){
	.hero{
		height:auto;
		min-height:auto;
		background-image:url("../images/chokuei/fv_sp.webp");
		background-position:center top;
		background-size:cover;
	}
	.heroInner{
		padding:25px 10px 34px;
	}
	.heroCopy{
		max-width:100%;
	}
	.heroIllust{
		display:block;
		position:absolute;
		right:0;
		bottom:0;
		width:50%;
		max-width:200px;
		height:auto;
		z-index:0;
		pointer-events:none;
	}
	.heroLead{
		font-size:.85rem;
		margin-bottom:8px;
	}
	.heroTitle{
		font-size:1.9rem;
		margin-bottom:10px;
        line-height: 1.0;
	}
	.heroDesc{
		font-size:.75rem;
		line-height:1.6;
		margin-bottom:10px;
		max-width:70%;
	}
	.heroCatch{
        font-size: .80rem;
		max-width:300px;
		margin:0 0 5px;
		text-align:center;
	}
    .buttonWrap{
        width: 70%;
        max-width: 210px;
    }
	#chokuei .hero a.btnCta{
		max-width:210px;
		font-size:1.15rem;
		padding:.5em .5em;
        gap:0.3rem;
	}
    .btnBadge{
        width: 40px;
        height: 40px;
    }
}

/* =========================================================
   実績
   ========================================================= */
.stats{
	border-bottom:1px solid var(--line);
	border-top:1px solid var(--line);
	background:#fff;
}
.statsList{
	display:flex;
	max-width:var(--container);
	margin:0 auto;
}
.statsItem{
	flex:1;
	position:relative;
	display:flex;
	align-items:center;
	gap:12px;
	padding:18px 13px;
}
.statsItem:not(:first-child)::before{
	content:"";
	position:absolute;
	left:0;
	top:50%;
	transform:translateY(-50%);
	width:1px;
	height:50%;
	background:var(--line);
}
.statsItem .ico{
	width:60px;
	height:60px;
	flex-shrink:0;
}
.statsTxt{
	display:flex;
	flex-direction:column;
	line-height:1.4;
}
.statsLabel{
	font-size:.9rem;
	font-weight:700;
	color:var(--text);
}
.statsNum{
	font-size:1.8rem;
	font-weight:900;
	color:var(--accent-dark);
	text-align:center;
}
.statsNum small{
	font-size:.85rem;
	font-weight:700;
	margin-left:2px;
}
.statsSub{
	font-size:.68rem;
	color:#999;
}

@media screen and (max-width:782px){
	.stats{
		padding:10px 10px;
        background: var(--bg-blue);
	}
	.statsList{
		display:grid;
		grid-template-columns:repeat(2,1fr);
		gap:10px;
	}
	.statsItem{
		flex:none;
		gap:5px;
		padding:4px 4px;
		border:1px solid var(--line);
        background-color: #fff;
        box-shadow:0 0 3px rgba(0,0,0,.25);
	}
    .statsItem:first-child{
		border-left:1px solid var(--line);
	}
	.statsItem::before{
		display:none;
	}
	.statsItem .ico{
		width:44px;
		height:44px;
	}
	.statsLabel{
		font-size:.78rem;
        line-height: 1.3;
	}
	.statsNum{
		font-size:1.35rem;
		text-align:left;
        line-height: 1.5;
	}
	.statsSub{
		font-size:.62rem;
	}
}

/* =========================================================
   お悩み
   ========================================================= */
.worry{
	position:relative;
	padding:64px 24px 0;
	background: #FFF url("../images/chokuei/sec02_bg.webp") center center / cover no-repeat;
	overflow:hidden;
}
.worryInner{
	position:relative;
	z-index:1;
	max-width:var(--container);
	margin:0 auto;
}
.worryTitle{
	text-align:center;
	color: var(--text);
	font-size:2.6rem;
	font-weight:900;
	line-height:1.5;
	margin-bottom:32px;
}
.worryBox{
	max-width:980px;
	margin:0 auto;
	padding:36px 40px;
	background:rgba(255,255,255,.7);
    border: solid 1px var(--line);
}
.worryLists{
	display:flex;
	justify-content:center;
	gap:20px 60px;
}
.worryList{
	display:flex;
	flex-direction:column;
	gap:16px;
}
.worryItem{
	position:relative;
	padding-left:30px;
	font-size:1.2rem;
	font-weight:600;
	color:var(--text);
	line-height:1.4;
}
.worryItem::before{
	content:"";
	position:absolute;
	left:0;
	top:50%;
	transform:translateY(-50%);
	width:24px;
	height:24px;
	background:url(../images/chokuei/sec02_check.png) center / contain no-repeat;
}
.worryFoot{
	display:flex;
	align-items:center;
	justify-content:center;
	gap:14px;
	margin-top:30px;
}
.worryStaff{
	width:120px;
	height:auto;
	flex-shrink:0;
}
.worryBalloon{
	position:relative;
	background:var(--yellow);
	color:var(--text);
	font-size:1.5rem;
	font-weight:900;
	line-height:1.4;
	padding:20px 60px;
	border-radius:18px;
}
.worryBalloon::before{
	content:"";
	position:absolute;
	left:-18px;
	top:50%;
	transform:translateY(-50%);
	border-style:solid;
	border-width:12px 18px 12px 0;
	border-color:transparent var(--yellow) transparent transparent;
}

@media screen and (max-width:782px){
	.worry{
		padding-top:40px;
        padding-bottom: 10px;
	}
	.worryTitle{
		font-size:1.25rem;
		margin-bottom:24px;
	}
	.worryBox{
		padding:24px 18px;
	}
	.worryLists{
		flex-direction:column;
		gap:14px;
	}
	.worryList{
		gap:10px;
	}
	.worryItem{
		font-size:.95rem;
		padding-left:32px;
	}
	.worryItem::before{
		width:22px;
		height:22px;
	}
	.worryBanner{
		display:block;
		font-size:1.05rem;
		padding:16px 18px;
		border-radius:12px;
		margin-left:64px;
	}
    .worryFoot{
		gap:8px;
		margin-top:28px;
	}
	.worryStaff{
		width:64px;
	}
	.worryBalloon{
		font-size:1rem;
		padding:10px 15px;
		border-radius:12px;
	}
	.worryBalloon::before{
		left:-12px;
		border-width:8px 12px 8px 0;
	}
}

/* =========================================================
   選ばれる理由
   ========================================================= */
.reason{
	background:#fff;
	padding:72px 24px 80px;
}
.reasonInner{
	max-width:var(--container);
	margin:0 auto;
}
.reasonTitle{
	text-align:center;
	font-size:2.6rem;
	font-weight:900;
	color: var(--text);
	letter-spacing:.04em;
	position:relative;
	padding-bottom:20px;
	margin-bottom:18px;
}
.reasonTitle::after{
	content:"";
	position:absolute;
	left:50%;
	bottom:0;
	transform:translateX(-50%);
	width:60px;
	height:3px;
	background:var(--main);
}
.reasonLead{
	text-align:center;
	color: var(--text);
	font-size:1.05rem;
	margin-bottom:48px;
}
.reasonList{
	display:grid;
	grid-template-columns:repeat(3,1fr);
	gap:30px;
}
.reasonCard{
	background:#fff;
	border-radius:10px;
	padding:36px 30px;
	text-align:center;
    box-shadow:0 0 5px rgba(0,0,0,.25);
}
.reasonIcon{
	width:50px;
	height:50px;
	margin:0 auto 16px;
}
.reasonCardTitle{
	font-size:1.3rem;
	font-weight:900;
	color:var(--text);
	line-height:1.5;
	margin-bottom:16px;
}
.reasonCardText{
	text-align:left;
	font-size:.95rem;
	color:var(--text);
	line-height:1.8;
}

@media screen and (max-width:1150px){
	.reasonList{
		grid-template-columns:repeat(2,1fr);
	}
}

@media screen and (max-width:782px){
	.reason{
		padding:48px 10px 56px;
	}
	.reasonTitle{
		font-size:1.6rem;
		color:var(--text);
	}
	.reasonLead{
		font-size:.95rem;
		color:var(--text);
		margin-bottom:32px;
	}
	.reasonList{
		grid-template-columns:1fr;
		gap:16px;
	}
	.reasonCard{
		display:grid;
		grid-template-columns:auto 1fr;
		grid-template-areas:
			"icon title"
			"icon text";
		align-items:center;
		column-gap:10px;
		row-gap:6px;
		text-align:left;
		padding:17px 15px;
	}
	.reasonIcon{
		grid-area:icon;
		width:50px;
		height:50px;
		margin:0;
		align-self:center;
	}
	.reasonCardTitle{
		grid-area:title;
		font-size:1.15rem;
		margin-bottom:0;
		align-self:center;
        line-height: 1.4;
	}
	.reasonCardText{
		grid-area:text;
        font-size: 0.95rem;
        line-height: 1.5;
	}
}

/* =========================================================
   2つの売却方法
   ========================================================= */
.sell{
	background:var(--bg-blue);
	padding:72px 24px 80px;
}
.sellInner{
	max-width:var(--container);
	margin:0 auto;
}
.sellTitle{
	text-align:center;
	font-size:2.6rem;
	font-weight:900;
	color:var(--main);
	letter-spacing:.04em;
	position:relative;
	padding-bottom:20px;
	margin-bottom:18px;
}
.sellTitle::after{
	content:"";
	position:absolute;
	left:50%;
	bottom:0;
	transform:translateX(-50%);
	width:60px;
	height:3px;
	background:var(--main);
}
.sellLead{
	text-align:center;
	color:var(--text);
	font-size:1.05rem;
	margin-bottom:48px;
}
.sellList{
	display:grid;
	grid-template-columns:repeat(2,1fr);
	gap:30px;
}
.sellCard{
	background:#fff;
	border-radius:16px;
	overflow:hidden;
	box-shadow:0 0 5px rgba(0,0,0,.15);
}
.sellCard{
	background-color:#fff;
	background-repeat:no-repeat;
	background-position:top center;
	background-size:100% auto;
	border-radius:16px;
	overflow:hidden;
	box-shadow:0 0 5px rgba(0,0,0,.15);
}
.sellCard01{
	background-image:url("../images/chokuei/sec04_speed_bg.webp");
}
.sellCard02{
	background-image:url("../images/chokuei/sec04_price_bg.webp");
}
.sellBody{
	margin-top:25%;
	padding:28px 30px 32px;
}
.sellHead{
	display:flex;
	align-items:center;
	gap:16px;
	margin-bottom:20px;
}
.sellBadge{
	flex-shrink:0;
	display:flex;
	align-items:center;
	justify-content:center;
	width:68px;
	height:68px;
	border-radius:50%;
	background:var(--main);
	color: var(--yellow);
	font-size:.85rem;
	font-weight:700;
	line-height:1.3;
	text-align:center;
}
.sellHeadTitle{
	font-size:2.1rem;
	font-weight:900;
	color:var(--text);
	letter-spacing:.02em;
}
.sellDesc{
	color:var(--text);
	font-size:.95rem;
	margin-bottom:24px;
}
.sellFlow{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:6px;
	background:#FBF2EC;
	border-radius:8px;
	padding:18px 16px;
	width:95%;
	max-width:440px;
	margin:0 auto 24px;
}
.sellFlowItem{
	flex-shrink:0;
	width:84px;
	display:flex;
	flex-direction:column;
	align-items:center;
	gap:8px;
}
.sellFlowIcon{
	width:65px;
	aspect-ratio:1;
}
.sellFlowLabel{
	font-size:.85rem;
	font-weight:700;
	color:var(--text);
	text-align:center;
	line-height:1.3;
}
.sellFlowMid{
	flex:1;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	gap:4px;
}
.sellFlowText{
	font-size:.85rem;
	font-weight:700;
	color:var(--main);
	white-space:nowrap;
}
.sellFlowArrow{
	color:var(--main);
	font-size:1.5rem;
	font-weight:700;
	line-height:1;
}
.sellPoints{
	display:flex;
}
.sellPoint{
	flex:1;
	padding:0 16px;
}
.sellPoint:first-child{
	padding-left:0;
}
.sellPoint:last-child{
	border-left:1px solid var(--line);
}
.sellPointTitle{
	display:flex;
	align-items:center;
	gap:6px;
	font-size:1rem;
	font-weight:700;
	color:var(--text);
	margin-bottom:12px;
}
.sellPointTitle::before{
	content:"";
	flex-shrink:0;
	width:20px;
	height:20px;
	background-position:center;
	background-repeat:no-repeat;
	background-size:contain;
}
.sellPointTitle.isMerit::before{
	background-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2020%2020'%3E%3Ccircle%20cx='10'%20cy='10'%20r='10'%20fill='%2317849A'/%3E%3Cpath%20d='M5.5%2010.5l3%203%206-7'%20fill='none'%20stroke='%23ffffff'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3C/svg%3E");
}
.sellPointTitle.isDemerit::before{
	background-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2020%2020'%3E%3Ccircle%20cx='10'%20cy='10'%20r='10'%20fill='%23888888'/%3E%3Cpath%20d='M6.5%206.5l7%207M13.5%206.5l-7%207'%20stroke='%23ffffff'%20stroke-width='2'%20stroke-linecap='round'/%3E%3C/svg%3E");
}
.sellPointList li{
	position:relative;
	padding-left:14px;
	font-size:.9rem;
	color:var(--text);
	line-height:1.6;
	margin-bottom:8px;
}
.sellPointList li::before{
	content:"";
	position:absolute;
	left:0;
	top:.7em;
	width:5px;
	height:5px;
	border-radius:50%;
	background:var(--text);
}

@media screen and (max-width:782px){
	.sell{
		padding:48px 16px 56px;
	}
	.sellTitle{
		font-size:1.6rem;
	}
	.sellLead{
		font-size:.95rem;
		margin-bottom:32px;
	}
	.sellList{
		grid-template-columns:1fr;
		gap:24px;
	}
	.sellBody{
		padding:24px 20px 28px;
	}
	.sellHeadTitle{
		font-size:1.7rem;
	}
	.sellBadge{
		width:60px;
		height:60px;
		font-size:.78rem;
	}
    .sellFlow{
		padding:3vw 2vw;
		width:100%;
		max-width:inherit;
        gap: 0;
	}
	.sellFlowItem{
		width:auto;
	}
	.sellFlowIcon{
		max-width:40px;
        width: 100%;
	}
	.sellFlowMid{
		width:auto;
	}
	.sellFlowArrow{
		font-size:1.2rem;
	}
	.sellFlowText{
		font-size:.75rem;
	}
    .sellFlowLabel{
        font-size: .7rem;
    }
}

/* =========================================================
   不動産売却の流れ
   ========================================================= */
.flow{
	background-color:#FFF;
	background-image:url("../images/chokuei/sec05_bg.webp");
	background-repeat:no-repeat;
	background-position:center bottom;
	background-size:contain;
	padding:72px 24px 80px;
}
.flowInner{
	max-width:var(--container);
	margin:0 auto;
}
.flowTitle{
	text-align:center;
	font-size:2.6rem;
	font-weight:900;
	color:var(--text);
	letter-spacing:.04em;
	position:relative;
	padding-bottom:20px;
	margin-bottom:18px;
}
.flowTitle::after{
	content:"";
	position:absolute;
	left:50%;
	bottom:0;
	transform:translateX(-50%);
	width:60px;
	height:3px;
	background:var(--main);
}
.flowLead{
	text-align:center;
	font-size:1.05rem;
	margin-bottom:48px;
}
.flowSteps{
	display:grid;
	grid-template-columns:repeat(6,1fr);
	gap:28px;
	margin-bottom:56px;
}
.flowStep{
	position:relative;
	background:#fff;
	border-radius:4px;
	padding:24px 16px 28px;
	text-align:center;
}
.flowStep:not(:last-child)::after{
	content:"";
	position:absolute;
	top:48px;
	right:-20px;
	transform:translateY(-50%);
	width:0;
	height:0;
	border-style:solid;
	border-width:8px 0 8px 12px;
	border-color:transparent transparent transparent var(--main);
}
.flowNum{
	display:flex;
	align-items:center;
	justify-content:center;
	width:48px;
	height:48px;
	margin:0 auto 14px;
	border-radius:50%;
	background:var(--main);
	color:#fff;
	font-size:1.3rem;
	font-weight:900;
}
.flowStepTitle{
	font-size:1.15rem;
	font-weight:900;
	color:var(--main);
	margin-bottom:16px;
}
.flowIcon{
	width:72px;
	margin:0 auto 16px;
}
.flowStepText{
	text-align:left;
	font-size:.95rem;
	line-height:1.5;
}
.flowDocs{
	display:grid;
	grid-template-columns:repeat(2,1fr);
	gap:30px;
	margin-bottom:48px;
}
.flowDoc{
	background:var(--bg-gray);
	padding:28px 32px;
    box-shadow: 0 0 5px rgba(0, 0, 0, .15);
}
.flowDocTitle{
	position:relative;
	padding-left:14px;
	margin-bottom:18px;
	font-size:1.2rem;
	font-weight:700;
	color:var(--text);
}
.flowDocTitle::before{
	content:"";
	position:absolute;
	left:0;
	top:.2em;
	width:5px;
	height:1.1em;
	background:var(--main);
	border-radius:1px;
}
.flowDocList li{
	position:relative;
	padding-left:28px;
	margin-bottom:12px;
	font-size:.95rem;
	color:var(--text);
	line-height:1.6;
}
.flowDocList li:last-child{
	margin-bottom:0;
}
.flowDocList li::before{
	content:"";
	position:absolute;
	left:0;
	top:.25em;
	width:16px;
	height:16px;
	border:1px solid var(--text);
	border-radius:2px;
}

@media screen and (max-width:1150px){
	.flowSteps{
		grid-template-columns:repeat(3,1fr);
	}
	.flowStep:not(:last-child)::after{
		display:none;
	}
    .flowDoc{
        padding: 20px 20px;
    }
}

@media screen and (max-width:782px){
	.flow{
		padding:48px 16px 56px;
	}
	.flowTitle{
		font-size:1.6rem;
	}
	.flowLead{
		font-size:.95rem;
		margin-bottom:32px;
	}
	.flowSteps{
		grid-template-columns:1fr;
		gap:40px;
		margin-bottom:40px;
        padding: 0;
	}
	.flowStep{
		display:grid;
		grid-template-columns:auto 1fr auto;
		grid-template-areas:
			"num title icon"
			"num text  icon";
		align-items:center;
		column-gap:16px;
		text-align:left;
		padding:0 10px;
	}
	.flowStep:not(:last-child)::after{
		display:block;
		top:auto;
		right:auto;
		bottom:-26px;
		left:50%;
		transform:translateX(-50%);
		border-width:12px 10px 0 10px;
		border-color:var(--main) transparent transparent transparent;
	}
	.flowNum{
		grid-area:num;
		width:44px;
		height:44px;
		margin:0;
		font-size:1.15rem;
	}
	.flowStepTitle{
		grid-area:title;
		font-size:1.2rem;
		margin-bottom:0;
	}
	.flowStepText{
		grid-area:text;
		font-size:.9rem;
	}
	.flowIcon{
		grid-area:icon;
		width:64px;
		margin:0;
	}
	.flowDocs{
		grid-template-columns:1fr;
    }
}

/* =========================================================
   不動産査定は完全無料
   ========================================================= */
.assess{
	background:#fff;
	padding:72px 24px 80px;
}
.assessInner{
	max-width:1040px;
	margin:0 auto;
}
.assessTitle{
	text-align:center;
	font-size:2.4rem;
	font-weight:900;
	color:var(--text);
	letter-spacing:.04em;
	position:relative;
	padding-bottom:20px;
	margin-bottom:16px;
}
.assessTitle::after{
	content:"";
	position:absolute;
	left:50%;
	bottom:0;
	transform:translateX(-50%);
	width:60px;
	height:3px;
	background:var(--main);
}
.assessLead{
	text-align:center;
	color:var(--text);
	font-size:.95rem;
	margin-bottom:48px;
}
.assessBox{
	background-color:#fff;
	background-image:url("../images/chokuei/sec07_bg.webp");
	background-position:center bottom;
	background-repeat:no-repeat;
    border: var(--line) solid 1px;
	padding:48px 40px;
	margin-bottom:48px;
}
.assessBox.box02{
    background: #fff;
}
.assessBoxTitle{
	text-align:center;
	font-size:1.8rem;
	font-weight:900;
	color:var(--text);
	margin-bottom:8px;
}
.assessBoxLead{
	text-align:center;
	font-size:.9rem;
	color:var(--text);
	margin-bottom:32px;
}

/* 表（スクロールヒント対象） */
.tableScroll{
	overflow-x:auto;
	-webkit-overflow-scrolling:touch;
}
.assessTable{
	width:100%;
	min-width:600px;
	border-collapse:collapse;
	font-size:.92rem;
}
.assessTableBaikai{
	min-width:720px;
}
.assessTable th,
.assessTable td{
	border:1px solid var(--line);
	padding:14px 16px;
	text-align:center;
	vertical-align:middle;
}
.assessTh{
	color:#fff;
	font-weight:700;
}
.assessThItem{
	background:#8a8a8a;
}
.assessThKijou{
	background:var(--main);
}
.assessThHoumon{
	background:var(--yellow);
	color:var(--text);
}
.assessThSenzoku{
	background:var(--navy);
}
.assessThSennin{
	background:var(--main);
}
.assessThIppan{
	background:var(--blue);
}
.assessRecommend{
	display:inline-flex;
	align-items:center;
	gap:4px;
	margin-left:6px;
	padding:3px 8px;
	background:var(--accent);
	color:#fff;
	font-size:.7rem;
	font-weight:700;
	border-radius:4px;
	vertical-align:middle;
}
.assessRecommend::before{
	content:"";
	width:13px;
	height:13px;
	flex-shrink:0;
	background:url("../images/chokuei/sec06_icon01.png") center / contain no-repeat;
}
.assessTable tbody th{
	background:#f5f5f5;
	text-align:left;
	font-weight:700;
	color:var(--text);
	white-space:nowrap;
}
td.assessCellText{
	text-align:left;
	font-size:.85rem;
	color:var(--text);
	line-height:1.6;
}
.assessStrong{
	color:var(--accent-dark);
	font-weight:700;
}
.assessNote{
	display:block;
	margin-top:4px;
	font-size:.72rem;
	font-weight:400;
	color:var(--text);
}

/* 訪問査定で解決できること */
.assessSolve{
	position:relative;
	margin-top:28px;
	background:var(--bg-gray);
	border-radius:8px;
	padding:25px 30px;
	display:grid;
	grid-template-columns:1.4fr 1fr;
	gap:32px;
	align-items:start;
}
.assessSolve::before{
	content:"";
	position:absolute;
	top:-14px;
	right:17.5%;
	transform:translateX(-50%);
	width:0;
	height:0;
	border-style:solid;
	border-width:0 14px 14px 14px;
	border-color:transparent transparent var(--bg-gray) transparent;
}
.assessSolveHead{
	display:flex;
	align-items:center;
	gap:10px;
	margin-bottom:0;
}
.assessSolveIcon{
	width:48px;
	flex-shrink:0;
}
.assessSolveTitle{
	font-size:1.6rem;
	font-weight:900;
	color:var(--text);
}
.assessSolveTitle .accentTeal{
	color:var(--accent-dark);
}
.assessSolveList{
	background:#fff;
	border-radius:6px;
	padding:24px 28px;
    border: var(--line) solid 1px;
}
.assessSolveList li{
	position:relative;
	padding-left:26px;
	margin-bottom:10px;
	font-size:1.05rem;
	font-weight:700;
	color:var(--text);
	line-height:1.5;
}
.assessSolveList li:last-child{
	margin-bottom:0;
}
.assessSolveList li::before{
	content:"";
	position:absolute;
	left:0;
	top:.2em;
	width:18px;
	height:18px;
	background:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2016%2016'%3E%3Cpath%20d='M2.5%208.5l3.5%203.5%207.5-9'%20fill='none'%20stroke='%23E0531F'%20stroke-width='2.4'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
}
.assessSolveText{
	font-size:.9rem;
	color: var(--text);
}
/* 現地調査での評価基準 */
.assessEvalTitle{
	display:flex;
	align-items:center;
	gap:8px;
	font-size:1.3rem;
	font-weight:700;
	color:var(--text);
	margin-bottom:20px;
}
.assessEvalTitle::before{
	content:"";
	width:30px;
	height:30px;
	flex-shrink:0;
	background:url("../images/chokuei/sec06_icon03.png") center / contain no-repeat;
}
.assessEval{
	margin-top:40px;
	display:grid;
	grid-template-columns:1fr 1.3fr;
	gap:32px;
	align-items:start;
}
.assessEvalText{
	font-size:.9rem;
	color:var(--text);
	line-height:1.9;
}
.assessEvalGrid{
	display:grid;
	grid-template-columns:repeat(3,1fr);
	gap:16px;
}
.assessEvalItem{
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	min-height:160px;
	background:#fff;
	border:1px solid var(--line);
	padding:18px 10px;
	text-align:center;
}
.assessEvalIcon{
	width:70px;
	margin:0 auto 10px;
}
.assessEvalItem.reform .assessEvalIcon{
    margin: 0 auto;
}
.assessEvalLabel{
	font-size:.85rem;
	font-weight:700;
	color:var(--text);
	line-height:1.4;
}

/* レインズとは */
.assessReins{
	margin-top:28px;
    background: var(--bg-gray);
	padding:28px 32px;
	display:flex;
	align-items:flex-start;
	gap:20px;
}
.assessReinsIcon{
	width:165px;
	flex-shrink:0;
}
.assessReinsBody{
	flex:1;
}
.assessReinsTitle{
	font-size:1.2rem;
	font-weight:700;
	color:var(--text);
	margin-bottom:12px;
}
.assessReinsText{
	font-size:.9rem;
	color:var(--text);
	line-height:1.8;
}

@media screen and (max-width:782px){
	.assess{
		padding:48px 16px 56px;
	}
	.assessTitle{
		font-size:1.6rem;
	}
	.assessLead{
		font-size:.9rem;
		margin-bottom:32px;
	}
	.assessBox{
		background-image:url("../images/chokuei/sec07_bg_sp.webp");
		padding:28px 18px;
		margin-bottom:32px;
	}
	.assessBoxTitle{
		font-size:1.35rem;
	}
    .assessReinsText{
        text-align: left;
    }
	.assessSolve{
		grid-template-columns:1fr;
		gap:20px;
		padding:24px 20px;
	}
	.assessSolve::before{
		left:50%;
	}
	.assessEval{
		grid-template-columns:1fr;
		gap:20px;
	}
	.assessReins{
		flex-direction:column;
		align-items:center;
		text-align:center;
		padding:24px 20px;
	}
	.assessReinsIcon{
		width:72px;
	}
    .assessSolveTitle{
        font-size: 1.2rem;
    }
    .assessSolveList{
        padding: 15px 15px;
    }
    .assessSolveList li{
        font-size: 1.0rem;
    }
    .assessEvalGrid{
		grid-template-columns:repeat(2,1fr);
		gap:8px;
	}
	.assessEvalItem{
		flex-direction:row;
		align-items:center;
		justify-content:flex-start;
		gap:10px;
		min-height:0;
		padding:10px 10px;
		background:#fff;
		border:1px solid var(--line);
		text-align:left;
	}
	.assessEvalIcon{
		width:40px;
		margin:0;
		flex-shrink:0;
	}
	.assessEvalItem.reform .assessEvalIcon{
		margin:0;
	}
	.assessEvalLabel{
		font-size:.9rem;
		text-align:left;
	}
}

/* =========================================================
   お問い合わせ
   ========================================================= */
.contact{
	padding:72px 24px 80px;
}
.contactInner{
	max-width:var(--container);
	margin:0 auto;
}
.contactTitle{
	text-align:center;
	font-size:2.6rem;
	font-weight:900;
	color:var(--text);
	letter-spacing:.04em;
	position:relative;
	padding-bottom:20px;
	margin-bottom:18px;
}
.contactTitle::after{
	content:"";
	position:absolute;
	left:50%;
	bottom:0;
	transform:translateX(-50%);
	width:60px;
	height:3px;
	background:var(--main);
}
.contactLead{
	text-align:center;
	color:var(--text);
	font-size:1.05rem;
	margin-bottom:40px;
}
.contactBox{
	background:#fff;
	border-radius:4px;
	padding:56px 40px;
}
.contactForm{
	max-width:800px;
	margin:0 auto;
}
.contactRow{
	display:flex;
	align-items:center;
	gap:24px;
	margin-bottom:20px;
}
.contactRowText{
	align-items:flex-start;
}
.contactLabel{
	display:flex;
	align-items:center;
	gap:8px;
	width:200px;
	flex-shrink:0;
	font-weight:700;
	color:var(--text);
}
.contactRowText .contactLabel{
	padding-top:14px;
}
.contactBadge{
	display:inline-block;
	flex-shrink:0;
	margin-left:auto;
	padding:3px 8px;
	font-size:.75rem;
	font-weight:700;
	color:#fff;
	border-radius:4px;
}
.isOptional{
	background:var(--main);
}
.isRequired{
	background:#D33A30;
}
.contactField{
	flex:1;
}
.contactInput,
.contactTextarea{
	width:100%;
	background:#eef1f3;
	border:1px solid #d9dde1;
	border-radius:4px;
	padding:14px 16px;
	font-size:1rem;
	font-family:inherit;
	color:var(--text);
}
.contactInput::placeholder,
.contactTextarea::placeholder{
	color:#9aa0a3;
}
.contactInput:focus,
.contactTextarea:focus{
	outline:2px solid var(--main);
	background:#fff;
}
.contactTextarea{
	min-height:170px;
	line-height:1.6;
	resize:vertical;
}
.contactNote{
	margin-top:8px;
	font-size:.8rem;
	color:var(--text-light);
}
.contactAgree{
	text-align:center;
	margin:28px 0 24px;
}
.contactCheck{
	display:inline-flex;
	align-items:center;
	gap:8px;
	font-size:.95rem;
	color:var(--text);
	cursor:pointer;
}
.contactCheck input{
	width:18px;
	height:18px;
	flex-shrink:0;
}
#chokuei .contactForm a{
	color:var(--main);
	text-decoration:underline;
}
.contactSubmitWrap{
	text-align:center;
}

@media screen and (max-width:782px){
	.contact{
		padding:48px 16px 56px;
	}
	.contactTitle{
		font-size:1.6rem;
	}
	.contactLead{
		font-size:.95rem;
		margin-bottom:28px;
	}
	.contactBox{
		padding:32px 18px;
	}
	.contactRow{
		flex-direction:column;
		align-items:stretch;
		gap:8px;
		margin-bottom:18px;
	}
	.contactRowText{
		align-items:stretch;
	}
	.contactLabel{
		width:auto;
	}
	.contactRowText .contactLabel{
		padding-top:0;
	}
	.contactBadge{
		margin-left:8px;
	}   
}

/* =========================================================
   料金体系
   ========================================================= */
.price{
	background:var(--bg-blue);
	padding:72px 24px 80px;
}
.priceInner{
	max-width: 1000px;
	margin:0 auto;
}
.priceTitle{
	position:relative;
	font-size:1.9rem;
	font-weight:900;
	color:var(--text);
	padding:0 0 10px 0;
	border-bottom:1px solid #b9d6db;
	margin-bottom:36px;
}
/*
.priceTitle::before{
	content:"";
	position:absolute;
	left:0;
	top:2px;
	width:6px;
	height:1.4em;
	background:var(--main);
	border-radius:1px;
}
*/
.priceSubTitle{
	font-size:1.35rem;
	font-weight:900;
	color:var(--text);
	padding-left:14px;
	border-left:5px solid var(--main);
	margin:56px 0 20px;
	line-height:1.3;
}

/* 完全無料バナー */
.priceFree{
	display:flex;
	align-items:center;
	background-color:#fff;
	background-image:url("../images/chokuei/sec08_bg01.webp");
	background-repeat:no-repeat;
	background-position:right center;
	background-size:auto 100%;
    border: var(--line) solid 1px;
	padding:36px 40px;
	min-height:200px;
	overflow:hidden;
}
.priceFreeBody{
	width:62%;
}
.priceFreeTitle{
	font-size:2.2rem;
	font-weight:900;
	color:var(--text);
	margin-bottom:14px;
}
.priceFreeMark{
	color:var(--main);
	background:linear-gradient(transparent 55%, var(--yellow) 55%);
	padding:0 4px;
}
.priceFreeText{
	font-size:1.05rem;
	color:var(--text);
	line-height:1.8;
}

/* 売却時諸経費 */
.priceCostText{
	font-size:1.05rem;
	color:var(--text);
	line-height:1.8;
	margin-bottom:28px;
}
.priceFormula{
	max-width:540px;
	margin:0 auto 34px;
	background:#fff;
	border:3px solid var(--line);
	padding:22px 24px;
	text-align:center;
	font-size:1.4rem;
	font-weight:900;
	color:var(--text);
}
.priceFormulaCost{
	color:var(--accent-dark);
	background:rgba(252,125,74,.12);
	padding:2px 12px;
	border-radius:4px;
}
.priceFee{
	position:relative;
	display:grid;
	grid-template-columns:1fr auto 3.5fr;
	gap:0 28px;
	align-items:start;
	background:#fff;
	border-radius:8px;
	padding:36px 40px;
}
.priceFee::before{
	content:"";
	position:absolute;
	top:-16px;
	left:50%;
	transform:translateX(-50%);
	width:0;
	height:0;
	border-style:solid;
	border-width:16px 16px 0 16px;
	border-color:#fff transparent transparent transparent;
}
.priceFeeHead{
	display:flex;
	align-items:center;
	gap:5px;
	font-size:1.2rem;
	font-weight:900;
	color:var(--text);
	padding-bottom:5px;
	border-bottom:3px solid var(--main);
	margin-bottom:10px;
}
.priceFeeHead::before{
	content:"";
	width:30px;
	height:30px;
	flex-shrink:0;
	background:url("../images/chokuei/sec08_02icon.png") center / contain no-repeat;
}
.priceFee::before{
	content:"";
	position:absolute;
	top:-16px;
	left:67%;
	transform:translateX(-50%);
	width:0;
	height:0;
	border-style:solid;
	border-width:0 16px 16px 16px;
	border-color:transparent transparent #fff transparent;
}
.priceFeePlus{
	display:flex;
	align-items:center;
	justify-content:center;
	align-self:center;
	font-size:2.4rem;
	font-weight:900;
	color:var(--accent-dark);
}
.priceFeeItem{
	margin-bottom:18px;
	padding-bottom:18px;
	border-bottom:1px dotted #c4c4c4;
}
.priceFeeItem:last-child{
	margin-bottom:0;
	padding-bottom:0;
	border-bottom:none;
}
.priceFeeItemTitle{
	font-size:1.1rem;
	font-weight:700;
	color:var(--main);
	margin-bottom:0;
}
.priceFeeItemText{
	font-size:1.0rem;
	color:var(--text);
	line-height:1.7;
}
.priceFeeNote{
	display:block;
	font-size:.88rem;
	color:var(--text);
}

/* 仲介手数料の上限 */
.priceTable{
	width:100%;
	min-width:600px;
	border-collapse:collapse;
	background:#fff;
	font-size:.95rem;
}
.priceTable th,
.priceTable td{
	border:1px solid var(--line);
	padding:16px 20px;
	text-align:center;
    width: 50%;
	font-size:1.15rem;
}
.priceTable thead th{
	background:#6b7886;
	color:#fff;
	font-weight:700;
}
.priceTable tbody td{
	color:var(--text);
	font-weight:700;
}
.priceTable tbody td:nth-child(2n){
    background: var(--bg-gray);
    font-weight: normal;
}
.priceCalc{
	display:flex;
	align-items:center;
	gap:16px;
	margin-top:28px;
}
.priceCalcLabel{
	flex-shrink:0;
	font-size:.95rem;
	font-weight:700;
	color:var(--text);
	line-height:1.5;
}
.priceCalcArrow{
	flex-shrink:0;
	color:var(--main);
	font-size:1.2rem;
}
.priceCalcBox{
	flex:1;
	background:#fff;
	border:1px solid var(--line);
	border-radius:8px;
	padding:20px 24px;
	text-align:center;
	font-size:1.4rem;
	font-weight:900;
	color:var(--accent-dark);
}

/* 対応エリア */
.priceArea{
	display:flex;
	align-items:center;
	justify-content:flex-end;
	background-color:#fff;
	background-image:url("../images/chokuei/sec08_bg02.png");
	background-repeat:no-repeat;
	background-position:left center;
	background-size:auto 100%;
	border-radius:8px;
	padding:40px;
	min-height:240px;
	overflow:hidden;
}
.priceAreaBody{
	width:55%;
}
.priceAreaTitle{
	font-size:2.2rem;
	font-weight:900;
	color:var(--text);
	margin-bottom:16px;
}
.priceAreaText{
	font-size:.95rem;
	color:var(--text);
	line-height:1.9;
}

/* 対応物件種別 */
.priceTypeText{
	font-size:.95rem;
	color:var(--text);
	margin-bottom:20px;
}
.priceTypeList{
	display:grid;
	grid-template-columns:repeat(7,1fr);
	gap:12px;
}
.priceTypeItem{
	background:#fff;
	border:1px solid var(--line);
	border-radius:6px;
	padding:18px 8px;
	text-align:center;
}
.priceTypeIcon{
	width:60px;
    display: block;
	margin:0 auto 10px;
}
.priceTypeIcon.big{
    width: 97px;
}
.priceTypeLabel{
	font-size:1.0rem;
	font-weight:700;
	color:var(--text);
}
.priceTypeNote{
	font-size:.78rem;
	color:var(--text-light);
	line-height:1.6;
	margin-top:20px;
}

@media screen and (max-width:1150px){
	.priceTypeList{
		grid-template-columns:repeat(4,1fr);
	}
}

@media screen and (max-width:782px){
	.price{
		padding:48px 16px 56px;
	}
	.priceTitle{
		font-size:1.5rem;
	}
	.priceSubTitle{
		font-size:1.2rem;
		margin:40px 0 16px;
	}
    .priceFree{
		display:block;
		background-image:url("../images/chokuei/sec08_bg01_sp.webp");
		background-position:right bottom;
		background-size:auto 85%;
		min-height:150px;
		padding:18px 16px;
	}
	.priceFreeBody{
		width:100%;
	}
	.priceFreeTitle{
		font-size:1.25rem;
		margin-bottom:10px;
	}
	.priceFreeText{
		width:60%;
		font-size:.82rem;
		line-height:1.7;
	}
	.priceFormula{
        width: 100%;
        max-width: inherit;
		font-size:1.1rem;
		padding:18px 10px;
	}
	.priceFee{
		grid-template-columns:1fr;
		gap:16px;
		padding:24px 20px;
	}
	.priceFeePlus{
		font-size:2rem;
	}
	.priceCalc{
		flex-direction:column;
		align-items:stretch;
		gap:12px;
		text-align:center;
	}
	.priceCalcArrow{
		transform:rotate(90deg);
	}
	.priceCalcBox{
		font-size:1.15rem;
		padding:16px;
	}
	.priceArea{
		display:block;
		background-image:url("../images/chokuei/sec08_bg02_sp.png");
		background-position:center top;
		background-size: contain;
		min-height:auto;
		padding:110px 18px 24px;
		text-align:left;
	}
	.priceAreaBody{
		width:100%;
	}
    .priceAreaTitle{
		font-size:1.5rem;
	}
	.priceTypeList{
		grid-template-columns:repeat(2,1fr);
		gap:8px;
	}
	.priceTypeItem{
		display:flex;
		flex-direction:row;
		align-items:center;
		justify-content:flex-start;
		gap:10px;
		border:1px solid var(--line);
		border-radius:0;
		padding:14px 12px;
	}
	.priceTypeIcon{
		width:40px;
		margin:0;
		flex-shrink:0;
	}
	.priceTypeIcon.big{
		width:54px;
	}
	.priceTypeLabel{
		font-size:.95rem;
	}
    .priceTypeNote{
        margin-top: 10px;
    }
    .priceCostText{
        font-size: 0.95rem;
        line-height: 1.4;
    }
    .priceTable th,
    .priceTable td{
        padding: 10px 10px;
    }
    .priceTable tbody td{
        font-size: 1.0rem;
    }
}

/* =========================================================
   会社概要
   ========================================================= */
.company{
	background:#F2F2F2;
	padding:72px 24px 80px;
}
.companyInner{
	max-width:1080px;
	margin:0 auto;
}
.companyTitle{
	text-align:center;
	font-size:1.8rem;
	font-weight:900;
	color:var(--text);
	margin-bottom:36px;
}
.companyList{
	border-top:1px solid #dcdcdc;
}
.companyRow{
	display:flex;
	align-items:flex-start;
	gap:24px;
	padding:20px 4px;
	border-bottom:1px solid #dcdcdc;
}
.companyLabel{
	width:220px;
	flex-shrink:0;
	font-size:1rem;
	font-weight:700;
	color:var(--text);
}
.companyData{
	flex:1;
	margin:0;
	font-size:1rem;
	color:var(--text);
	line-height:1.8;
}

@media screen and (max-width:782px){
	.company{
		padding:48px 16px 56px;
	}
	.companyTitle{
		font-size:1.5rem;
		margin-bottom:24px;
	}
	.companyRow{
		flex-direction:column;
		gap:6px;
		padding:16px 2px;
	}
	.companyLabel{
		width:auto;
	}
}

/* =========================================================
   送信完了
   ========================================================= */
.thanks{
	background:#fff;
	padding:72px 24px 80px;
}
.thanksInner{
	max-width:var(--container);
	margin:0 auto;
	text-align:center;
}
.thanksTitle{
	text-align:center;
	font-size:2.6rem;
	font-weight:900;
	color:var(--text);
	letter-spacing:.04em;
	position:relative;
	padding-bottom:20px;
	margin-bottom:40px;
}
.thanksTitle::after{
	content:"";
	position:absolute;
	left:50%;
	bottom:0;
	transform:translateX(-50%);
	width:60px;
	height:3px;
	background:var(--main);
}
.thanksHeading{
	font-size:1.5rem;
	font-weight:700;
	color:var(--text);
	margin-bottom:20px;
}
.thanksText{
	font-size:1rem;
	color:var(--text);
	line-height:1.9;
	margin-bottom:48px;
}
.thanksBtnWrap{
	text-align:center;
}
.thanksBtn{
	display:inline-block;
	background:var(--text);
	color:#fff;
	font-size:1.0rem;
	padding:18px 56px;
	border-radius:6px;
	transition:.25s;
}
.thanksBtn:hover{
	background:#6f6f6f;
}

@media screen and (max-width:782px){
	.thanks{
		padding:48px 16px 56px;
	}
	.thanksTitle{
		font-size:1.6rem;
		margin-bottom:32px;
	}
	.thanksHeading{
		font-size:1.2rem;
		margin-bottom:16px;
	}
	.thanksText{
		font-size:.9rem;
		margin-bottom:36px;
        text-align: left;
	}
	.thanksBtn{
		display:block;
		width:100%;
		max-width:250px;
		margin:0 auto;
		font-size:1rem;
		padding:16px 20px;
		text-align:center;
	}
}