@charset "UTF-8";


* { margin:0; padding:0; }

*,
*:before,
*:after {
	box-sizing:inherit;
}

html {
	box-sizing:border-box;
	font-family:'Noto Sans JP', sans-serif, 'Open Sans', YakuHanJP;
	color:#272727;
	font-size:16px;
	font-weight:700;
	line-height:1.8em;
	letter-spacing:0.1em;
}

img {
	width:auto;
	height:auto;
	max-width:100%;
	max-height:100%;
	vertical-align:top;
}

a {
	color:#272727;
	text-decoration:none;
}



/* 入れ替え処理 */
.display-block-sp { display: block !important; width:100%;}
.display-block-pc { display: none  !important; width:100%;}

@media screen and (min-width:600px) {
	.display-block-sp { display:none !important; }
	.display-block-pc { display: block !important; }
}



/* 囲み系 */
.wrap, .wrap-1110, .wrap-inner { width:100%; margin:0 auto; }

@media screen and (min-width:1120px) {
	.wrap { width:100%; margin:0 auto; }
	.wrap-inner { width:100%; margin:0 auto; }
	.wrap-1110 { max-width:1110px; margin:0 auto; }
}


section { padding:85px 20px; }

.f-container{
	display:flex;
	flex-flow:row wrap;
}



/* 画像関係 */
.h2-img-1 img { height:100px; margin:0 auto; }
.h2-img-2 img { width:300px; margin:0 auto; }

@media screen and (min-width:600px) {
	.h2-img-2 img { width:600px; object-fit:cover; margin:0 auto; }
}

.h2-img-3 img { width:400px; margin:0 auto; }

@media screen and (min-width:600px) {
	.h2-img-3 img { width:600px; margin:0 auto; }
}



/* 文字関係 */
h2,h3,h4,h5 {
	margin-bottom:20px;
	font-weight:900;
	line-height:1.5em;
	letter-spacing:0.1em;
	text-align:center;
}

h2, .h2 { font-size:28px; }
h3, .h3 { font-size:27px; }
h4, .h4 { font-size:25px; }
h5, .h5 { font-size:20px; }

.text-normal { font-size:16px; }
.text-left { text-align:left; }
.text-center { text-align:center; }
.text-right { text-align:right; }

.text-sup5 { vertical-align:5%; }
.text-sup10 { vertical-align:10%; }
.text-sup20 { vertical-align:20%; }
.text-sup30 { vertical-align:30%; }

p { margin-top:20px; }

ul , li { list-style:none; }

.notes {
	font-size: 14px;
	line-height: 1.5em;
	margin: 20px 0;
}

.marker-yellow { background:linear-gradient(transparent 0%, #fff000 0%); }
.marker-yellow-50 { background:linear-gradient(transparent 50%, #fff000 50%); }
.marker-orange { background:linear-gradient(transparent 50%, #ffcf00 50%); }

.text-orange { color:#ee7800; }

.margin0 { margin:0px; }
.margin-top10 { margin-top:10px; }



/* メニュー */
header {
	/*position:relative;*/
	width:100%;
	max-width:100%;
	/*height:90px;*/
	padding:10px;
	background:#fff;
	z-index: 999;
}

header h1 {
	width:40%;
	min-width:120px;
	max-height:40px;
}

header .h-menu_icon {
	position:absolute;
	top:15px;
	right:0;
	display:inline-block;
	max-width:170px;
	margin:0px;

	/* ハンバーガーメニューのあたり判定用意 */
	width:  55px;
  	height: 30px;
}

/*3本線*/
.hamburger-icon, .hamburger-icon::before, .hamburger-icon::after {
	content:'';
	display:block;
	position:absolute;
	right:20px;
	width:32px;
	height:3px;
	background:#272727;
}

header .hamburger-icon:before {
	top: 10px;
	right:0px;
}
header .hamburger-icon:after {
	top: 20px;
	right:0px;
}

header h1.open {
	display:none;
}

header a {
	color:#fff;
}

header nav {
	position: relative;
	font-size:13px;
	margin:0 auto;
}

header .btn-close-wrapper {
	display:block;
	margin-top:10px;
	text-align:right;
}

header .btn-close {
	display:inline-block;
	padding-top: 25px;
	padding-left: 0px;
}

header .btn-close::before,
header .btn-close::after {
	display:block;
	content: "";
	width:30px;
	height:4px;
	margin:-4px;
	background: #fff;
}
header .btn-close::before {
	transform:rotate(-45deg);
}
header .btn-close::after {
	transform:rotate(45deg);
}

header li {
	margin-bottom:10px;
}

header .btn {
	display:inline-block;
	width:100%;
	padding:10px;
	border-radius:10px;
	background-color:#009176;
	box-shadow: 0px 5px #33a791;
	color:#fff;
}

header .btn:hover {
	position:relative;
	top:5px;
	background:#009176;
	box-shadow:none;
}

header .btn-free {
	margin-right:5px;
	padding:0px 6px;
	border-radius:20px;
	background-color:#fff;
	color:#009176;
	font-size:11px;
	vertical-align:bottom;
}

header .dial {
	font-size:18px;
}

header .text-small {
	margin-top:15px;
	line-height:1.4em;
}

header .display-block-sp { display: block !important; }
@media screen and (min-width:1021px) {
	header .display-block-sp { display: none !important; }
}

/* ヘッダー 幅指定 */
@media screen and (min-width: 1020px) {
	header {
		/*position: relative;*/
		width:100%;
		max-width:100%;
		height:90px;
		padding-top:20px;
		background-color:#fff;
		box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, .2);
	}

	header h1.open {
		display:block;
	}

	header a {
		color:#272727;
	}

	header h1 {
		display:block;
		width:160px;
		padding-top:5px;
		margin-left: 20px;
	}

	header .btn-close-wrapper {
		display:none;
	}

	header nav {
		margin:0 0 0 auto;
	}

	header ul {
		display:flex;
		width:100%;
		padding:10px;
	}

	header li {
		padding-left:15px;
	}

	header li:last-child {
		margin-top:-10px;
	}
	header .btn a {
		color:#fff;
	}
}



/* Webで無料相談（追随） */

#consult-follow-cover{
	display: none;
	background-color: rgba(0, 0, 0, 0.8);
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 110;

	/* 追従ボタンの親要素のタップを外す */
	pointer-events:none
}

/* 追従ボタン */
#consult-follow {
	display:block;
	width:90%;
	margin:15px auto 20px;
	padding:10px;
	border-radius:10px;
	background-color:#009176;
	box-shadow: 0px 5px #33a791;
	color:#fff;

	/* 追従ボタンのみ動作可能にする */
	pointer-events: auto;
}


#consult-follow a {
	color:#fff;
}

#consult-follow p {
	margin:0px;
	text-align:center;
}

#consult-follow:hover {
	background:#009176;
	box-shadow:none;
}

#consult-follow .btn-free {
	margin-right:5px;
	padding:0px 6px;
	border-radius:20px;
	background-color:#fff;
	color:#009176;
	font-size:11px;
	vertical-align:bottom;
}
#consult-follow .display-sp {
	display:inline-block;
}
#consult-follow .br-pc {
	display:none;
}


/* 追従ナビボタン */
@media screen and (min-width:1021px) {
	#consult-follow-cover{
		/*position: fixed;*/
		right: 0px;
		bottom: 50px;
		background-color: inherit;
	}

	#consult-follow {
		width:160px;
		margin:10 0px 10px;
		border-radius:50px 0px 0px 50px;
		box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, .2);
		float:right;
	}

	#consult-follow p {
		line-height:1.2em;
	}

	#consult-follow .btn-free {
		display:inline-block;
		margin-bottom:5px;
		padding:2px 20px;
		border-radius:20px;
		background-color:#fff;
		color:#009176;
		font-size:13px;
		vertical-align:bottom;
	}
	#consult-follow .display-sp {
		display:none;
	}
	#consult-follow .br-pc {
		display:block;
	}
}



/* メインビジュアル */
#mainvisual-sp {
	position:relative;
}



/* Webからお問い合わせ・資料請求（白） */
#consult-white {
	position:relative;
}

#consult-white p {
	margin-top:10px;
}

.consult-white-inner {
	position:relative;
	display:flex;
	justify-content:center;
	align-items:center;
	background-color:#fff;
	box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, .2);
	text-align:center;
}

#consult-white .btn a {
	position:relative;
	display:inline-block;
	top:0px;
	left:50%;
	transform:translate(-50%, -100%);
	-webkit-transform:translate(-50%,-100%);
	width:100%;
	padding:20px;
	border-radius:10px;
	background-color:#009176;
	box-shadow:0px 5px #33a791;
	color:#fff;
	font-size:18px;
}

#consult-white .btn a:hover {
	position:relative;
	top:5px;
	background:#009176;
	box-shadow:none;
}

#consult-white .btn-free {
	display:inline-block;
	margin-right:10px;
	padding:0px 15px;
	border-radius:20px;
	background-color:#fff;
	color:#009176;
	font-size:13px;
	vertical-align:bottom;
}

#consult-white .dial {
	position:relative;
	top:-50px;
}

#consult-white .freedial {
	position:relative;
	margin-top:0px;
	color:#009176;
	-webkit-text-fill-color:#009176;
	font-size:32px;
	padding: 10px 0;
}

#consult-white .freedial:before {
	content:'';
	display:inline-block;
	width:44px;
	height:25px;
	padding-right:52px;
	background:url(/img/pc/support/leaseback/freedial-white.png) no-repeat center left;
	background-size:contain;
	vertical-align:bottom;
}

#consult-white .text-small {
	line-height:20px;
}

@media screen and (min-width:600px) and ( max-width:1109px) {
	#consult-white .f-container {
		flex-direction:column;
	}
}

@media screen and (min-width:1110px) {
	.consult-white-inner {
		position:absolute;
		top:50px;
		left:50%;
		transform:translate(-50%, -100%);
		-webkit-transform:translate(-50%,-100%);
		padding:60px 0px 0px 0px;
		border-radius:10px;
		background-color:#fff;
		width:1000px;
	}
	#consult-white .btn {
		margin-right:40px;
	}

	#consult-white .btn a {
		top: 60px;
		padding: 32px 30px;
		font-size: 24px;
		margin: 10px 0;
		box-shadow: 0px 10px #33a791
	}
	#consult-white .btn a:hover {
		position:relative;
		top:70px;
	}
	#consult-white .dial {
		top:-30px;
	}
	#consult-white .dial p {
		text-align:left;
	}
	#consult-white .btn-free {
		padding:0px 22px;
		font-size:16px;
	}
	#consult-white p {
		margin-top:0px;
	}
}



/* お悩み */
#trouble {
	margin-top:-60px;
}

@media screen and (min-width:1110px) {
	#trouble {
		margin-top:0;
	}
}


/* 解決できます！ */
#solution {
	background-color:#fffce5;
}

#solution h2 {
	width:100%;
	font-size:18px
}

@media screen and (min-width:768px) {
	#solution h2 {
		font-size:28px;
	}
}

@media screen and (min-width:768px) {
	#solution .f-box-1-2 { width:50%; }
	#solution .f-box-1-2:nth-child(even){ padding-right:120px; }
}

@media screen and (min-width:600px) and ( max-width:768px) {
	#solution .f-container {
		flex-direction:column;
		text-align:center;
	}
	#solution .f-box-1-2 {
		width:100%;
		padding:0px;
	}
}

@media screen and (min-width:768px) and ( max-width:1109px) {
	#solution .f-box-1-2:nth-child(even){ padding-right:10px; }
}



/* お客様の声 */
#voice {
	background: #ee7800;
}

#voice .f-container {
	flex-direction:column;
}

#voice .f-box-1-2 {
	margin-bottom: 40px; 
	width: 100%;
}

@media screen and (min-width:1100px) {
	#voice .f-container { flex-direction:row; }
	#voice .f-box-1-2 { width: calc((100% - 20px) / 2); }
	#voice .f-box-1-2:nth-child(odd){ margin-right:20px; }
}

#voice .voice-inner {
	position: relative;
	padding: 30px;
	height: 100%;
	border: 4px solid #fff;
	background: #fff;
}

.voice-icon {
	position: absolute;
	top: -30px;
	left: 50%;
	transform: translateX(-50%);
	padding: 10px;
	width: 160px;
	height: 50px;
	border-radius: 25px;
	background: #fff000;
	color: #ee7800;
	font-size: 24px;
	line-height: 1;
	text-align: center;
}

.voice-icon::after {
	position: absolute;
	left: 50%;
	bottom: 0;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	content: "";
	border-right: 8px solid transparent;
	border-bottom: 8px solid #fff;
	border-left: 8px solid transparent;
}

.voice-image {
	margin: 0 auto;
	width: 120px;
	height: 120px;
}

@media screen and (min-width:1100px) {
	.voice-icon {
		top: -30px;
		left: 30px;
		transform: translateX(0);
	}
	.voice-image {
		position: absolute;
		top: -30px;
		right: 30px;
	}
}

.voice-title {
	margin-bottom: 10px;
	font-size: 24px;
	line-height: 1.5;
	letter-spacing: .1em;
	text-align: left;
}

.voice-text {
	margin-bottom: 0;
}



/* メリット */
#merit {
	margin-top:-70px;
	width:100%;
}

#merit h2 {
	margin-top:70px;
	width:100%;
}

@media screen and (min-width:1110px) {
	#merit {
		margin-top:0px;
	}
	#merit h2 {
		margin-top:60px;
	}
}

#merit .f-box-1-4 {
	width:50%;
	padding:0px 10px;
}

@media screen and (min-width:600px) {
	#merit .f-box-1-4 {
		width:25%;
		padding:0px 30px;
	}
}

@media screen and (min-width:1110px) {
	#merit .notes {
		max-width:1110px;
		margin:20px auto;
		text-align:right;
	}
}

.merrit-arrow {
	position:relative;
	padding-top:calc(15vw);
}

.merrit-arrow:before,
.merrit-arrow:after{
	content:'';
	position:absolute;
	top:0;
	width:0;
	height:0;
	border-bottom: 15vw solid #fff000;
}

.merrit-arrow:before{
	left:0;
	border-right: 50vw solid transparent;
}

.merrit-arrow:after{
	right:0;
	border-left: 50vw solid transparent;
}



/* 親世代子世代 */
#merit2 {
	background-color:#fff000;
}

@media screen and (min-width:1110px) {
	#merit2 {
		padding-bottom:200px;
	}
}

#merit2 h2 {
	width:100%;
}

#merit2 .f-box-1-2 {
	width:50%;
}

@media screen and (min-width:920px) {
	#merit2 .f-box-1-2:nth-child(odd){ padding-right:45px; }
	#merit2 .f-box-1-2:nth-child(even){ padding-left:45px; }
}

#merit2 .circle{
	display:inline-block;
	width:50px;
	height:50px;
	margin-right:2px;
	border-radius:50%;
	background:#ee7800;
	color:#fff;
	font-size:24px;
	line-height:45px;
	text-align:center;
}



/* 活用イメージ */
/*#merit-image {
	border-bottom:2px solid #fff000;
}*/

@media screen and (min-width:1110px) {
	#merit-image {
		padding-bottom:150px;
	}
}

#merit-image .f-container {
	position:relative;
	width:100%;
}

#merit-image h2 {
	width:100%;
}

#merit-image h3 {
	width:100%;
}

@media screen and (max-width:880px) {
	#merit-image h3 {
		text-align:left;
	}
}

#merit-image .row {
	display:table-row;
}

#merit-image .td {
	text-align:right;
}


#merit-image .total {
	padding:20px 0px 20px 0px;
	border-top:solid 1px #707070;
	text-align:right;
}

@media screen and (min-width:600px) {
	#merit-image .total {
		padding:20px 0px 40px 0px;
	}
}

/* 売却前 */
#merit-image .before {
	width:100%;
}

@media screen and (min-width:600px) {
	#merit-image .before {
		padding:0px 15px 0px 0px;
	}
	#merit-image .before {
		position:relative;
		width:50%;
		margin-top:-40px;
	}
}

#merit-image .before-inner {
	display:table;
	width:100%;
	padding:10px 20px 0px 20px;
	background-color:#e9e9e9;
}

@media screen and (min-width:600px) {
	#merit-image .before-inner {
		padding:10px 50px 0px 50px;
	}
}

#merit-image .before-title-box {
	position:relative;
	top:0;
	left:50%;
	transform: translate(-50%, 50%);
	-webkit-transform: translate(-50%, 50%);
}

#merit-image .before-title {
	position:relative;
	padding:10px;
	border-radius:30px;
	background-color:#6c6c6c;
	color:#fff;
	text-align:center;
}
#merit-image .before-title:after{
	position:absolute;
	left:50%;
	bottom:0;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	border-right:8px solid transparent;
	border-bottom:8px solid #e9e9e9;
	border-left:8px solid transparent;
	content:"";
}

#merit-image .before-first {
	border-top:40px solid #e9e9e9;
}

#merit-image .before-inner p {
	display:table-cell;
}

#merit-image .before-inner .month {
	background-color:#fff;
	text-align:center;
}

#merit-image .before-inner .money {
	font-size:22px;
}

#merit-image .before-inner .sum {
	font-size:30px;
}


/* 利用後 */
#merit-image .after {
	width:100%;
}

@media screen and (min-width:600px) {
	#merit-image .after {
		margin-top:-40px;
		padding:0px 0px 0px 15px;
	}
	#merit-image .after {
		position:relative;
		width:50%;
	}
}
#merit-image .after-inner {
	display:table;
	width:100%;
	padding:10px 20px 0px 20px;
	background-color:#fef1e5;
}

@media screen and (min-width:600px) {
	#merit-image .after-inner {
		padding:10px 50px 0px 50px;
	}
}

#merit-image .after-title-box {
	position:relative;
	top:0;
	left:50%;
	transform: translate(-50%, 50%);
	-webkit-transform: translate(-50%, 50%);
}

#merit-image .after-title {
	position:relative;
	padding:10px;
	border-radius:30px;
	background-color:#ee7800;
	color:#fff;
	text-align:center;
}
#merit-image .after-title:after{
	position:absolute;
	left:50%;
	bottom:0;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	content:"";
	border-right:8px solid transparent;
	border-bottom:8px solid #fef1e5;
	border-left:8px solid transparent;
}

#merit-image .after-first {
	border-top:40px solid #fef1e5;
}

#merit-image .after-inner p {
	display:table-cell;
}

#merit-image .after-inner .month {
	background-color:#f8c18a;
	text-align:center;
}

#merit-image .after-inner .money {
	font-size:24px;
}

#merit-image .after-inner .sum {
	font-size:40px;
}

@media screen and (min-width:1110px) {
	#merit-image {
		position:relative;
		background-color:#fff000;
		border:none;
	}
	#merit-image .wrap-1110 {
		max-width:1110px;
		padding:50px 85px;
		background-color:#fff;
	}
}


/* 矢印 */
@media screen and (max-width:600px) {
	#merit-image .before:after {
		position:absolute;
		bottom:48%;
		left:50%;
		transform:translate(-50%, -50%);
		-webkit-transform:translate(-50%,-50%);
		content:'';
		z-index:2;
		display:inline-block;
		width:60px;
		height:60px;
		background:url(/img/pc/support/leaseback/merit-image-arrow_sp.png) no-repeat;
		background-size:contain;
		vertical-align:middle;
	}
}

@media screen and (min-width:600px) {
	#merit-image .before:after {
		position:absolute;
		top:50%;
		left:100%;
		transform:translate(-50%, -50%);
		-webkit-transform:translate(-50%,-50%);
		content:'';
		z-index:2;
		display:inline-block;
		width:60px;
		height:60px;
		background:url(/img/pc/support/leaseback/merit-image-arrow_pc.png) no-repeat;
		background-size:contain;
		vertical-align:middle;
	}
}

/* baloon */
#merit-image .balloon {
	position:relative;
	width:100%;
	margin-top:20px;
	padding:20px;
	border-radius:50px;
	background-color:#ffec66;
	color:#333;
}

#merit-image .balloon::before {
	position:absolute;
	top:-24px;
	left:50%;
	transform:translate(-50%, -24px);
	-webkit-transform:translate(-50%,0%);
	content:"";
	border:12px solid transparent;
	border-bottom:12px solid #ffec66;
}

#merit-image .balloon p {
	margin:0;
	padding:0;
	color:#ee7800;
	text-align:center;
}

@media screen and (min-width:1110px) {
	#merit-image .notes {
		width:100%;
		text-align:right;
	}
}




/* Webからお問い合わせ・資料請求（緑） */
.consult-green {
	position:relative;
}

.consult-green p {
}

.consult-green-inner {
	position:relative;
	display:flex;
	justify-content:center;
	align-items:center;
	padding:30px 0px;
	background-color:#009176;
	box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, .2);
	text-align:center;
}

.consult-green .btn a {
	position:relative;
	display:inline-block;
	width:100%;
	padding:20px 20px;
	border-radius:10px;
	background-color:#fff;
	box-shadow:0px 5px #cce9e4;
	color:#009176;
	font-size:18px;
}

.consult-green .btn a:hover {
	position:relative;
	top:5px;
	background:#fff;
	box-shadow:none;
}

.consult-green .btn-free {
	display:inline-block;
	margin-right:10px;
	padding:0px 15px;
	border-radius:20px;
	background-color:#009176;
	color:#fff;
	font-size:13px;
	vertical-align:bottom;
}

.consult-green .dial {
	position:relative;
	color:#fff;
	-webkit-text-fill-color:#fff;
}

.consult-green .freedial {
	position:relative;
	margin-top:10px;
	color:#fff;
	-webkit-text-fill-color:#fff;
	font-size:30px;
}

.consult-green .freedial:before {
	content:'';
	display:inline-block;
	width:44px;
	height:25px;
	padding-right:60px;
	background:url(/img/pc/support/leaseback/freedial-green.png) no-repeat center;
	background-size:contain;
	vertical-align:bottom;
}

.consult-green .text-small {
	margin-top:10px;
	line-height:20px;
}

@media screen and (min-width:600px) and ( max-width:1109px) {
	.consult-green .f-container {
		flex-direction:column;
	}
}

@media screen and (min-width:1110px) {
	.consult-green-inner {
		position:absolute;
		top:80px;
		left:50%;
		transform:translate(-50%, -100%);
		-webkit-transform:translate(-50%,-100%);
		width:1110px;
		padding:28px 0px;
		border-radius:10px;
		background-color:#009176;
	}
	.consult-green .btn {
		margin-right:40px;
	}

	.consult-green .btn a {
		padding: 32px 30px;
		font-size: 24px;
		margin: 10px 0;
	}
	.consult-green .btn a:hover {
		position:relative;
	}
	.consult-green .dial p {
		text-align:left;
	}
	.consult-green .btn-free {
		padding:0px 22px;
		font-size:16px;
	}
	.consult-green p {
		margin-top:0px;
	}
}



/* サービス */
#service h2, h3 {
	width:100%;
}

#service .f-box-1-2-pc {
	width:100%;
}

@media screen and (min-width:600px) {
	#service .f-box-1-2-pc { width:50%; }
	#service .f-box-1-2-pc:nth-child(odd){ padding-right:15px }
	#service .f-box-1-2-pc:nth-child(even){ padding-left:15px }
}

#service .plan1 {
	margin-top:10px;
	padding:30px 20px 20px 20px;
	border:4px solid #f0618d;
	text-align:center;
}

#service .plan1 h4 {
	color:#f0618d;
}
#service .plan1 .box {
	margin:10px;
	padding:10px;
	background-color:#f0618d;
	color:#fff;
}
#service .plan1 .text {
	margin-top:10px;
}

#service .plan2 {
	margin-top:10px;
	padding:30px 20px 20px 20px;
	border:4px solid #1282d5;
	text-align:center;
}

#service .plan2 h4 {
	color:#1282d5;
}
#service .plan2 .box {
	margin:10px;
	padding:10px;
	background-color:#1282d5;
	color:#fff;
}

@media screen and (min-width:600px) {
	#service {
		padding-top:150px;
	}
	#service .plan2 .box {
		padding:40px 10px;
	}
}

#service .kome {
	padding:0px 20px;
	border-radius:20px;
	background-color:#fff;
	color:#1282d5;
	font-size:16px;
}



/* 好評 */
#service-popular {
	padding-top: 0;
}

#service-popular .wrap-1110 {
	border:4px solid #ee7800;
}

#service-popular h2 {
	padding: 15px;
	width: 100%;
	background-color: #ee7800;
	color: #fff;
	font-size: 24px;
	text-align: center;
}
@media screen and (min-width:600px) {
	#service-popular h2 {
		font-size: 28px;
	}
}

#service-popular .f-container {
	flex-direction:column;
	justify-content: flex-start;
	margin-bottom: 30px;
	padding:0 30px;
}

#service-popular .f-box-1-3,
#service-popular .f-box-3-2 {
	width: 100%;
}

@media screen and (min-width:1100px) {
	#service-popular .f-container { flex-direction:row; }
	#service-popular .f-box-1-3 { width: calc((100% - 20px) / 3); }
	#service-popular .f-box-1-3{ margin-right:20px; }
	#service-popular .f-box-2-3 { width: calc((100% - 20px) / 3 * 2); }
}


/* さらに */
#service-more h2 {
	margin:-80px 0px 50px 0px;
	width:100%;
}

#service-more h4 {
	font-size:29px;
	line-height:1em;
}

#service-more h4 .sub {
	font-size:24px;
}

@media screen and (min-width:600px) {
	#service-more h4 {
		font-size:40px;
		line-height:1em;
	}
	#service-more h4 .sub {
		font-size:34px;
	}
}

#service-more .f-box {
	position:relative;
	width:100%;
}

#service-more .f-box-1-2-pc {
	position:relative;
	width:100%;
	padding-bottom:20px;
}

#service-more .margin-bot50 {
	margin-bottom:30px;
}

#service-more .h4{
	position:absolute;
	top:0;
	left:50%;
	transform:translate(-50%, -100%);
	-webkit-transform:translate(-50%,-100%);
	margin-right:-50%;
	padding:10px 30px;
	border-radius:50px;
	background-color:#ee7800;
	color:#fff;
	text-align:center;
}

#service-more .service-more-inner {
	padding:40px 30px 30px 30px;
	border:4px solid #ee7800;
}

#service-more .free1,
#service-more .free2 { width:100%; }


@media screen and (min-width:768px) and ( max-width:920px) {
	#service-more .f-box-1-2-pc { padding:0px; }
	#service-more .free1,
	#service-more .free2 { width:100%; }
	#service-more .margin-bot50 { margin-bottom:0px; }
}

@media screen and (min-width:600px) {
	#service-more .f-box-1-2-pc {
		width:50%;
	}
	#service-more {
		padding-bottom:150px;
	}
	#service-more .f-box-1-2-pc:nth-child(even){ padding-right:10px; }
	#service-more .f-box-1-2-pc:nth-child(odd){ padding:0px 0px 50px 10px; }
}

@media screen and (min-width:1110px) {
	#service-more .f-box { margin-top:-20px; }
	#service-more .notes { margin-top:20px; }
	#service-more .free1 { width:50%; }
	#service-more .free1:nth-child(odd) { padding-left:100px; }
	#service-more .free1:nth-child(even) { padding-right:100px; }
	#service-more .free2 { width:33%; }
}

.service-more_accordion .btn {
	position:relative;
	display:inline-block;
	padding-left:20px;
	cursor:pointer;
}

.service-more_accordion .btn::before {
	content:'';
	position:absolute;
	top:50%;
	left:0;
	transform:translateY(-50%) rotate(-140deg);
	width:10px;
	height:10px;
	border:3px solid;
	border-color:  transparent transparent #ee7800 #ee7800;
	transition: all .5s ease;
}

.service-more_accordion .btn.open::before {
	transform:translateY(-50%) rotate(-45deg);
}

.service-more-money {
	display: flex;
	flex-direction: column;
}

.service-more-money p {
	padding: 10px;
	width: 100%;
	border-radius: 5px;
	background-color: #ee7800;
	color: #fff;
	font-size: 20px;
	text-align: center;
}

.service-more-money-number {
	font-size: 60px;
	line-height: .7;
}

@media screen and (min-width:1110px) {
	.service-more-money {
		flex-direction: row;
		justify-content: space-between;
	}
	.service-more-money p {
		width: calc((100% - 20px) / 3);
	}
}



/* 会社案内 */
#company {
	background-color:#fffce5;
	text-align:center;
}

#company h2, #company h3 {
	width:100%;
}

#company .f-box-1-2-pc {
	width:100%;
}

#company .f-box-1-2-pc:nth-child(even){ margin-top:30px; }

#company .logo { width:90%; }

@media screen and (min-width:600px) {
	#company { padding-top:150px; }
	#company .f-box-1-2-pc { width:50%; }
	#company .f-box-1-2-pc:nth-child(odd){ padding-right:35px; }
	#company .f-box-1-2-pc:nth-child(even){ margin-top:0px; padding-left:35px; }
	#company .logo { width:300px; max-width:100%; }
}

#company .point {
	padding:10px;
	border-radius:40px;
	background-color:#ee7800;
	box-shadow:0 0 0 1px #FFF, 0 0 0 6px #ee7800;
	color:#fff;
	box-sizing:border-box;
}



/* 流れ */
#flow {
	margin-top:-60px;
	background-color:#fffce5;
}

#flow h2 {
	margin-top:60px;
	width:100%
}

#flow .f-box-1-4 { width:50%; }

#flow .f-box-1-4:nth-child(odd){ padding:0px 10px 0px 20px; }
#flow .f-box-1-4:nth-child(even){ padding:0px 20px 0px 10px; }

@media screen and (min-width:960px) {
	#flow .wrap-920 { width:960px; margin:0 auto; }
	#flow .f-box-1-4:nth-child(odd) { width:25%; padding:0px 20px }
	#flow .f-box-1-4:nth-child(even) { width:25%; padding:0px 20px }
}



/* よくある質問 */
#faq {
	width:100%;
	margin-top:-60px;
	background-color:#fffce5;
}

@media screen and (min-width:920px) {
	#faq .wrap-920 {
		max-width:920px;
		margin:0 auto;
	}
}

#faq h2 {
	margin-top:60px;
	width:100%
}

#faq .qa {
	position:relative;
	display:flex;;
	width:100%;
	padding:40px 0px;
	border-top:2px #fce4cc solid;
}
#faq .qa:last-child {
	border-bottom:2px #fce4cc solid;
}

#faq .icon {
	float:left;
	color:#e37200;
}

#faq .qa-box {
	float:left;
}

#faq .que {
	width:100%;
	padding-right:4em;
	color:#e37200;
}

@media screen and (max-width:600px) {
	#faq .que::after {
		content:"";
		position:absolute;
		top:75px;
		right:0px;
		transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
		display:inline-block;
		width:2em;
		height:2em;
		background:url(/img/pc/support/leaseback/que-arrow.png) no-repeat;
		background-size:contain;
	}

	#faq .que-arrow::after {
		top:59px;
		right:16px;
		transform:rotateZ(90deg);
	}

	#faq .ans {
		height: 0;
		margin-top:10px;
		overflow: hidden;
		opacity: 0;
		transition-duration: 0.4s;
	}

	#faq .ans-open {
		height: auto;
		opacity: 1;
	}
}


/* フォーム */
#form {
	margin-top:-60px;
	width:100%;
}

#form h2 {
	margin-top:60px;
	width:100%
}

@media screen and (min-width:920px) {
	#form .wrap-920 {
		max-width:920px;
		margin:0 auto;
	}
}

#form .form-inner {
	width:100%;
}

#form .row {
	margin-bottom:20px;
}

#form .label {
	width:100%;
	margin-bottom:10px;
	padding:10px 20px;
	overflow:auto;
	background-color:#f2f2f2;
}

#form .label .name {
	float:left;
	margin:0px;
}

#form .label .req {
	float:right;
	margin:0px;
}

#form .label .req span {
	padding:0px 10px;
	background-color:#b11010;
	color:#fff;
	font-size:14px;
}

#form input[type=text] {
	width:100%;
}

#form input[type=checkbox] {
	margin-right:10px;
}

#form .input input {
	width:100%;
	padding:10px 20px;
	border:1px solid #c4c4c4;
	font-size: 16px;
}

#form .input textarea {
	width:100%;
	padding:20px;
	white-space: pre-wrap;
	resize: vertical;
	font-size: 16px;
}

#form button {
	font-size: 16px;
}

#form .js-button {
	padding:10px 30px;
	border:none;
	border-radius:8px;
	background-color:#272727;
	color:#fff;
	text-align:center;
	margin-left: 10px;
}

#form .input-req {
	background-color:#f7e5e7;
}

@media screen and (min-width:600px) {
	#form .form-inner {
		margin-top:-20px;
		display:table;
		border-collapse:separate;
		border-spacing:0px 20px;
	}
	#form .row {
		display:table-row;
	}
	#form .label {
		display:table-cell;
		padding:20px;
		width:30%;
	}
	#form .input {
		display:table-cell;
		width:70%;
		padding-left:30px;
		vertical-align:middle;
	}
	#form .input input,
	#form .input textarea,
	#form button {
		font-size: revert;
	}
}

#form .block {
	margin:10px 0px 0px;
	padding:20px;
	background:#f2f2f2;
}

#form .block .req {
	float:right;
	margin:0px;
}

#form .block .req span {
	padding:0px 10px;
	background-color:#b11010;
	color:#fff;
	font-size:14px;
}

#form .privacy {
	width: 100%;
	height:200px;
	margin-top:20px;
	padding:20px;
	overflow: auto;
	background-color:#f2f2f2;
	font-size:14px;
}

#form a.privacy-link {
	display: inline-block;
	position: relative;
	margin-right: 20px;
	color: #e37200;
}

#form a.privacy-link::after {
	position: absolute;
	top: 50%;
	right: -10px;
	transform: translateY(-50%);
	content: "";
	width: 15px;
	height: 100%;
	background: url("/img/pc/support/leaseback/external-link.png") no-repeat center / contain;
}

#form a.privacy-link:hover {
	opacity: 0.8;
}

#form .agree {
	display:block;
	width:100%;
	height:100%;
	padding:20px;
	border:1px solid #272727;
	text-align:center;
}



/* お問い合わせ（灰） */
.consult-gray {
	display:none;
	padding:10px;
	background-color:#f2f2f2;
	text-align:center;
	line-height:2.5em;;
}

@media screen and (min-width:920px) {
	.consult-gray {
		max-width:920px;
		margin:0 auto;
	}
}

.consult-gray p {
	margin:0px;
}

.consult-gray .freedial {
	position:relative;
	color:#009176;
	font-size:2.5em;
}

.consult-gray .freedial:before {
	content:'';
	display:inline-block;
	width:44px;
	height:25px;
	padding-right:60px;
	background:url(/img/pc/support/leaseback/freedial-white.png) no-repeat center;
	background-size:contain;
}


/* フッター */
footer {
	position:relative;
	margin-top:0px;
	padding:80px 20px 120px 20px;
	background-color:#777777;
	color:#fff;
	font-size:11px;
	line-height:1.5em;
	text-align:center;
}

footer .logo {
	width:200px;
}



/* ページ上部に戻る */
#pagetop{
	position:absolute;
	top:-40px;
	left:0;
	width:100%;
	color:#777;
	text-align:center;
}

#pagetop a {
	display:block;
}

#pagetop .circle{
	display:inline-block;
	width:50px;
	height:50px;
	border:3px solid #777;
	border-radius:50%;
	background:#fff;
	color:#777;
	font-size:30px;
	line-height:48px;
	text-align:center;
}

#pagetop .dli-arrow-up {
	display:inline-block;
	position:relative;
	width:0.1em;
	height:0.6em;
	background:currentColor;
	margin-top: -10px;
	color:#777;
	line-height:1;
	vertical-align:middle;
}

#pagetop .dli-arrow-up::before {
	position:absolute;
	top:0;
	left:-0.16em;
	content: '';
	width:0.4em;
	height:0.4em;
	margin:auto;
	border:0.1em solid currentColor;
	border-left:0;
	border-bottom:0;
	box-sizing:border-box;
	transform:rotate(-45deg);
}

/* お問い合わせ・資料請求の入力フォーム関連 始 */
#form .status {
	width: 100%;
	box-sizing:         border-box;
	margin-bottom:      2rem;
	display:flex;
}
#form .status :nth-child(2){
	/* margin: 0 2%; */
}
#form .status .tab_stat {
	display:            inline-block;
	position:           relative;
	box-sizing:         border-box;
	text-align:         center;
	width:              calc(100% / 3);
	padding:            5px;
	background-color:   #eee;
	border:             1px solid #fff;
}
#form .status .tab_stat.on {
	color:              #FFFFFF;
	background-color:   #1166bb;
}
#form .status .tab_stat.off {
	color:              #5A5A5A;
	background-color:   #CCCCCC;
}
#form .status .tab_stat.on#tab_stat1::after,
#form .status .tab_stat.on#tab_stat2::after,
#form .status .tab_stat.off#tab_stat1::after,
#form .status .tab_stat.off#tab_stat2::after {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	right: -20px;
	transform: translateY(-50%);
	width: 0;
	height: 100%;
	z-index: 2;
	border-top: 20px solid transparent;
	border-bottom: 20px solid transparent;
}
#form .status .tab_stat.on#tab_stat1::after,
#form .status .tab_stat.on#tab_stat2::after{
	border-left: 20px solid #1166bb;
}
#form .status .tab_stat.off#tab_stat1::after,
#form .status .tab_stat.off#tab_stat2::after {
	border-left: 20px solid #CCCCCC;
}
#form .cap_stat {
	border:             1px solid #6699CC;
	padding:            1rem;
	text-align:         center;
	margin-bottom:      1rem;
	width:              100%;
	background-color:   #FFFCE5;
}
#cap_stat2, #cap_stat5 {
	color:              #FF3300;
}
#form .submit {
	width:              100%;
	box-sizing:         border-box;
	text-align:         center;
	margin:             2rem 0rem;
}
#form .form_label {
	display:            table-cell;
	width:              70%;
	word-break:         break-all;
}
#btn_submit {
	width:              100%;
	max-width: 300px;
	padding:            20px;
	border-radius:      8px;
	color:              #FFFFFF;
	text-align:         center;
	border:             none;
}
#form .caution {
	color:              #FF3300;
}

#btn_submit:hover {
	background-color:   #272727;
}
#btn_submit.wait {
	background-color:   #5BC0DE
}
#btn_submit.wait:hover {
	background-color:   #96D6E9
}
#btn_submit.error {
	background-color:   #7E0F09;
}
#btn_submit.error:hover {
	background-color:   #9E4B46;
}
#btn_submit.done {
	background-color:   #BABABA
}

/* submitやり直し用 */

#btn_rewrite {
	width:              100%;
	max-width: 300px;
	padding:            20px;
	border-radius:      8px;
	color:              #FFFFFF;
	text-align:         center;
	border:             none;
	margin: 20px auto;
}

#btn_rewrite:hover {
	background-color:   #272727;
}
#btn_rewrite.wait {
	background-color:   #5BC0DE
}
#btn_rewrite.wait:hover {
	background-color:   #96D6E9
}
#btn_rewrite.error {
	background-color:   #7E0F09;
}
#btn_rewrite.error:hover {
	background-color:   #9E4B46;
}
#btn_rewrite.done {
	background-color:   #BABABA;
}


/* お問い合わせ・資料請求の入力フォーム関連 終 */

.sp_heder_menu{
	display: none;
	background: #000;
	padding: 0px 30px 30px 30px;
	position: absolute;
	top: 0;
	right: 0;
	color: #FFF;
}
.sp_heder_menu .open a:before{
content: '';
	display: inline-block;
	width: auto;
	height: 20px;
	padding-right: 42px;
	background: url(/img/pc/support/leaseback/freedial-green.png) no-repeat center;
	background-size: contain;
	vertical-align: bottom;
	margin-bottom: 3px;
}

/* PC/SP用ヘッダーの表示切り替え */
.miniHeader{
	display: none;
}
.header_scrolled .miniHeader{
	display: flex;
	position: fixed;
	animation: fadeIn 0.2s ease 0.3s 1 normal;
}
.header_scrolled .footer_btn_hover{
	display: block!important;
	animation: fadeIn 0.2s ease 0.3s 1 normal;
}
	@keyframes fadeIn { /*animation-nameで設定した値を書く*/
		0% {opacity: 0} /*アニメーション開始時は不透明度0%*/
		100% {opacity: 1} /*アニメーション終了時は不透明度100%*/
	}

#mainvisual{
	padding-top: 30px;
}
.pc_header_content{
	display: none!important;
}
.sp_header_content{
	display: block!important;
}
.consult-white-inner .dial .sub_txt{
	font-size: 16px;
}
.mainvisual_logo{
	position: absolute;
	width: 12%;
	top: 30px;
	left: 40px;
	display: none;
}
.text-small{
	font-size:14px;
}
@media screen and (min-width:600px) {
	footer {
		margin-top:155px;
	}
	#mainvisual{
		padding-top: 0px;
	}
	.mainvisual_logo{
		top: 20px!important;
		left: 20px!important;
		display: inline;
	}
}
@media screen and (min-width:768px){
	#consult-white .freedial{
		font-size: 32px;
	}
	.consult-white-inner .dial .sub_txt{
	   font-size: 18px;
	}
	.consult-green .freedial {
		font-size: 34px;
	}
	.mainvisual_logo{
		top: 20px!important;
		left: 40px!important;
	}
}
@media screen and (min-width:1020px) {
	#mainvisual{
		padding-top: 0px;
	}
	.pc_header_content{
		display: block!important;
	}
	.sp_header_content{
		display: none!important;
	}
	#btn_submit {
		margin: 20px;
	}
	#btn_rewrite {
		margin: 20px;
	}
	.mainvisual_logo{
		top: 30px!important;
		left: 60px!important;
	}
}

/* 動画全体の横幅を指定するためのdiv */
.video-wrap {
  max-width: 90%; /* ここに動画の横幅を指定 */
  margin: 50px auto 70px;
}

/* 動画を囲うdiv */
.video {
  position: relative;
  width:100%; /* 横幅は100%で固定 */
  height:0; /* 高さは0にしておく(padding-topで高さを指定するため) */
  padding-top: 56.25%; /* 高さを指定(16:9) */
}

/* YouTube埋め込み用のiframe */
.video iframe{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

@media screen and (min-width:1110px) {
	/* 動画全体の横幅を指定するためのdiv */
	.video-wrap {
	  max-width: 1110px; /* ここに動画の横幅を指定 */
	  margin: 200px auto 0;
	}
}



/* 離脱防止 */
.p-leave {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	transition: .6s;
	z-index: 999;
}
.p-leave.is-show {
	display: block;
}

.black-background {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(43,43,43,.7);
	z-index: 1;
	cursor: pointer;
}

.p-leave-inner {
	position: relative;
	top: 10%;
	margin:0 auto;
	padding:30px;
	width: 80%;
	max-width: 430px;
	border-radius: 20px;
	background: #fff;
	text-align: center;
	z-index: 1000;
}

.p-leave-title {
	color: #009176;
	font-size: 24px;
}

@media screen and (min-width:1110px) {
	.p-leave-inner { padding: 30px 40px; }
	.p-leave-inner img { width: 350px; }
	.p-leave-title { font-size: 25px; }
}

.p-leave-request {
	display: block;
	margin: 10px 0;
	width: 100%;
	height: 70px;
	border-radius: 10px;
	background: #009176;
	color: #fff;
	font-size: 24px;
	line-height: 70px;
}

.p-leave-back {
	display: block;
	width: 100%;
	height: 60px;
	border-radius: 10px;
	background: #BABABA;
	font-size: initial;
	line-height: 60px;
}

.p-leave-request:hover,
.p-leave-back:hover {
	opacity: .8;
}



/* 査定スタート */
#consult-zip {
	position:relative;
	margin-top: 22px;
}

#consult-zip p {
	margin: 0;
}

.consult-zip-inner {
	position:relative;
	padding: 0 20px 20px 20px;
	background-color:#fff;
	box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, .2);
	text-align:center;
}

.consult-zip-title {
	position: relative;
	font-size: 19.2px;
	letter-spacing: .1em;
}

.consult-zip-title p.sp {
	display: block;
}
.consult-zip-title p.pc {
	display: none;
}

@media screen and (min-width:1110px){
	.consult-zip-title p.sp {
		display: none;
	}
	.consult-zip-title p.pc {
		display: block;
	}
}

.consult-zip-title-circle {
	position: absolute;
	top: -10px;
	left: 0;
	width: 320px;
	height: 90px;
}

.consult-zip-title-circle-item {
	display: inline-block;
	position: absolute;
	z-index: -1;
}

.consult-zip-title-highlight {
	position: relative;
	z-index: 2;
	background: linear-gradient(#FFE000, #FFE000) right bottom/0 0.5em no-repeat;
	transition: background-size .4s;
}

.consult-zip-title-highlight.active {
	background-position: left bottom;
	background-size: 100% 0.5em;
}

.consult-zip-title p span span:nth-of-type(1){
	color: #009176;
	font-size: 48px;
}
.consult-zip-title p span span:nth-of-type(2){
	color: #009176;
}

@media screen and (min-width:1110px) {
	.consult-zip-title p span:nth-of-type(2){
		font-size: 25.6px;
	}
	.consult-zip-title p span:nth-of-type(3){
		color: #009176;
		font-size: 48px;
	}
	.consult-zip-title p span:nth-of-type(4){
		color: #009176;
		font-size: 25.6px;
	}
}

.consult-zip-bg {
	display: inline-block;
	margin: 20px auto 0;
	padding: 20px;
	border-radius:10px;
	background-color: #e9e9e9;
}

.consult-zip-flex {
	display:flex;
	flex-flow: row wrap;
	justify-content:center;
	align-items:baseline;
	gap: 10px;
	text-align: left;
	line-height: 1;
}

.consult-zip-flex .zip-mark{
	color: #ee7800;
	font-size:20px;
}

.consult-zip-flex input {
	padding: 15px 10px;
	font-size: 16px;
}

.consult-zip-flex span {
	font-size:11px;
}

.consult-zip-flex .btn a {
	display:inline-block;
	position: relative;
	top:0px;
	width:100%;
	padding:10px 20px;
	border-radius:10px;
	background-color:#009176;
	box-shadow:0px 5px #33a791;
	color:#fff;
	font-size:18px;
}

.consult-zip-flex .btn a:hover {
	position:relative;
	top:5px;
	background:#009176;
	box-shadow:none;
}

@media screen and (min-width:1110px) {
	.consult-zip-inner {
		position:absolute;
		top:130px;
		left:50%;
		transform:translate(-50%, -100%);
		-webkit-transform:translate(-50%,-100%);
		padding-top: 20px;
		border-radius:10px;
		background-color:#fff;
		width:1000px;
	}
}