@charset "UTF-8";

/* fontサイズ表
	10px 	77%
	11px 	85%
	12px 	93%
	13px 	100%
	14px 	108%
	15px 	116%
	16px 	124%
	17px 	131%
	18px 	139%
	19px 	147%
	20px 	154%
	21px 	162%
	22px 	170%
	23px 	177%
	24px 	185%
	25px 	193%
	26px 	200%
	28px 	215%
	32px 	248%
	40px 	308%
*/

/* ====== lease ====== */


.lease_content_box {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -ms-flexbox;/*--- IE10 ---*/
	display: -o-flex;
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
	-ms-flex-pack: justify;/*--- IE10 ---*/
	align-items: stretch;
	margin-top: 2rem;
	padding: 10px;
	background-color: #efefef;
}

.line_qr_box{
	margin-top: 1em;
}

.line_qr_box img{
	width: 1040px;
}

.lease_img_box {
	flex: 0 0 424px;
}

.lease_img_box > img{
	width: 424px;
}

.lease_text_box {
	flex: 1 1 auto;
	padding: 10px;
}

.lease_text_headline {
	background-color: #00a29a;
	padding: 0.5rem 1rem;
	color: #fff;
	font-size: 1.16rem;
	font-weight: bold;
}

.lease_content_box {
	margin-bottom: 2em;
}

.lease_text_box{
}

.lease_sub_headline{
	font-weight: bold;
	font-size: 1.08rem;
	color:#00a29a;
}

.lease_text{
	margin-top: 0.5em;
}

.lease_img_box{
}

/* リニューアル */

.color_orange {
	color: #FF801A;
}
.color_yellow {
	color: #ffe34a;
}

.size_40pt {
	font-size: 3.08rem;
}

.size_30pt {
	font-size: 2.31rem;
}

.size_20pt {
	font-size: 1.54rem;
}


.bg_blue {
	background-color: #00B900;
	color: #fff;
}

.decoration_middle {
	vertical-align: middle;
}
.decoration_underline_yellow {
	background: linear-gradient(transparent 85%, #ffe34a 85%);
}

.decoration_triangle {
	position: relative;
}

.decoration_triangle::after {
	content: "";
	position: absolute;
	left: 50%;
	bottom: -30px;
	margin-left: -30px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 30px 30px 0 30px;
	border-color: #00B900 transparent transparent transparent;
}

.lease_voice_box {
	
}

.line_button_box{
	text-align: right;
}

.lease_voice_headline {
	background-color: #00B900;
	color: #fff;
	text-align: center;
	font-weight: bold;
	font-size: 1.54rem;
	line-height: 1.3;
	padding: 0.77rem 0;
}

.lease_voice_list {
	border: 3px solid #00B900;
}

.lease_voice_list > li{
	font-size: 1.24rem;
	border-bottom: 1px solid #f5deb3;
	line-height: 1.3;
	list-style: none;
	margin: 1.54rem;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-flow: row nowrap;
	justify-content: flex-start;
	align-items: center;
}

.lease_voice_list_icon {
	flex: 0 0 auto;
	margin-right: 5px;
}

.lease_voice_list_text {
	flex: 1 1 auto;
}

.lease_resolution_box {
	padding: 1rem 0;
}

.lease_resolution_text {
	font-size: 2.15rem;
	font-weight: bold;
	line-height: 1.3;
	text-align: center;
}

.lease_solution_box {
	margin-top: 3rem;
}

.lease_solution_list > li {
	background-color: #EFEFEF;
	padding: 20px;
	margin: 30px 0;
	list-style: none;
}

.lease_solution_list_headline_box {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
	align-items: center;
	line-height: 2.31rem;
}

.lease_solution_list_headline_number {
	flex: 0 0 2.31rem;
	font-size: 2.31rem;
	font-weight: bold;
	margin-right: 0.77rem;
}

.lease_solution_list_headline {
	flex: 1 1 auto;
	font-weight: bold;
	font-size: 1.24rem;
}

.lease_solution_list_text {
	margin: 20px auto 0;
}

.lease_service_box {
}

.lease_service_content_box {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
	align-items: center;
	margin-top: 2rem;
}

.lease_service_content_text_box {
	flex: 0 0 500px;
}

.lease_service_content_image {
	flex: 0 0 500px;
}

.lease_step_box {
	
}

.lease_step_list {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
	align-items: center;
	/* margin-top: 2rem; */
}


.lease_step_list > li {
	/* flex: 0 0 245px; */
	flex: 0 0 330px;
	font-weight: bold;
	height: 430px;
}
.lease_step_list_headline {
	background-color: #00B900;
	padding: 0 0.5rem;
	color: #fff;
	font-size: 1.16rem;
	font-weight: bold;
}

.lease_step_list_text {
	margin-top: 0.5rem;
	margin-left: 0.5rem;
}

.lease_benefit_box {
	
}

.lease_benefit_list {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
	align-items: stretch;
	margin-top: 2rem;
}

.lease_benefit_list > li {
	flex: 0 0 300px;
	background-color: #EFEFEF;
	padding: 10px;
}

.lease_benefit_list_headline_box {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
}

.lease_benefit_list_headline_text {
	padding: 0 1rem;
	font-size: 1.16rem;
	font-weight: bold;
}

.lease_benefit_list_headline_icon {
	flex: 0 0 40px;
}

.lease_benefit_list_text {
	margin-top: 1rem;
}

.lease_line_box {
	background-color: #00B900;
	color: #fff;
}

.lease_line_content_box {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-flow: row nowrap;
	justify-content: center;
	align-items: stretch;
}
.lease_line_image > img {
	width: 250px;
}

.lease_line_text {
	font-size: 0.93rem;
	margin: 0 20px;
}

.lease_line_qr > img{
	width: 250px;
}

.footer_line_button_box{
	text-align: center;
	margin-top: 0.5em;
}

.footer_line_button_box img{
	width: 300px;
}