@charset "utf-8";

/* ----------------------------------------

content

---------------------------------------- */
#content {
}

@media screen and (max-width:767px){
/*スマホ指定*/
}

/* mv
------------------------------- */
.mv {
	height: 730px;
	background: url("/files/img/common/bg_dotted_01.png") repeat 0 0 / 12px 12px;
	padding: 0 40px 0 80px;
	margin: 0 0 80px;
}
.mv_inner {
	display: flex;
	justify-content: space-between;
	width: 1120px;
	margin: 0 auto;
}
.mv_left {
	width: 670px;
	flex-shrink: 0;
	padding-top: 60px;
}
.mv_left h2 {
	text-align: center;
	font-weight: 700;
	margin: 0 0 35px;
}
.mv_left h2 small {
	display: block;
	color: #666;
	font-size: 1.8rem;
	letter-spacing: .06em;
	margin-bottom: 5px;
}
.mv_left h2 small br {
	display: none;
}
.mv_left h2 span {
	display: block;
	font-size: 3.2rem;
	line-height: 1.6;
	letter-spacing: .06em;
}
.mv_left h2 span strong {
	font-size: 3.8rem;
}
.mv_left_list {
	display: flex;
	justify-content: center;
	align-items: flex-end;
	margin: 0 0 30px;
}
.mv_left_list li {
	margin: 0 26px;
}
.mv_left picture {
	display: block;
	margin: 0 -12px 0 16px;
}
.mv_news {
	border: 1px solid #ddd;
	border-radius: 40px;
	min-height: 70px;
	background: #fff;
	display: flex;
	align-items: center;
	padding: 15px 40px 15px 50px;
	justify-content: space-between;
}
.mv_news h3 {
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
	letter-spacing: .08em;
	font-size: 1.6rem;
	color: #2596DC;
	flex-shrink: 0;
	margin-right: 20px;
}
.mv_news_date {
	font-family: 'Roboto', sans-serif;
	font-size: 1.5rem;
	color: #999;
	flex-shrink: 0;
}
.mv_news_ttl {
	/* width: calc(100% - 165px); */
	flex-shrink: 0;
}
.mv_news_ttl a {
	text-decoration: none;
}
.mv_right {
	width: 440px;
	flex-shrink: 0;
	display: flex;
	align-items: center;
}
.mv_right_inner {
	width: 100%;
	border-radius: 16px;
	background: #eee;
	transform: translateX(40px);
	padding: 40px;
}
.mv_right_row_01 {
	background: #fff;
	border-radius: 10px;
	margin-bottom: 20px;
}
.mv_right_row_01 h2 {
	font-size: 2rem;
	font-weight: 700;
	color: #262626;
	text-align: center;
	line-height: 65px;
	height: 66px;
	border-bottom: 1px solid #eee;
}
.mv_right_row_01 h2:before,
.mv_right_row_01 h2:after {
	content: "";
	display: inline-block;
	width: 34px;
	height: 6px;
	background: url("/files/img/top/mv_ttl_dotted.svg") 0 0 / 34px 6px;
	vertical-align: 4px;
}
.mv_right_row_01 h2:before {margin-right: 10px;}
.mv_right_row_01 h2:after {margin-left: 10px;}
.mv_right_row_01 ul {
	padding: 30px;
}
.mv_right_row_01 ul li {
	margin-bottom: 16px;
}
.mv_right_row_01 ul li:last-of-type {
	margin-bottom: 0;
}
.mv_right_row_02 {
	background: #fff;
	border-radius: 10px;
	overflow: hidden;
}
.mv_right_row_02 h2 {
	font-size: 2rem;
	font-weight: 700;
	color: #262626;
	text-align: left;
	line-height: 65px;
	height: 66px;
	padding: 0 0 0 30px;
	position: relative;
	cursor: pointer;
	transition: .15s;
}
.mv_right_row_02 h2:hover {
	opacity: .7;
}
.mv_right_row_02 h2:before,
.mv_right_row_02 h2:after {
	content: "";
	display: inline-block;
	background: #2A69A0;
	border-radius: 2px;
	position: absolute;
}
.mv_right_row_02 h2:before {
	width: 20px;
	height: 2px;
	top: 50%;
	margin-top: -1px;
	right: 20px;
}
.mv_right_row_02 h2:after {
	width: 2px;
	height: 20px;
	top: 50%;
	margin-top: -10px;
	right: 29px;
	transition: .4s;
}
.mv_right_row_02 h2.active:after {
	transform: rotate(270deg);
}
.mv_right_row_02 ul {
	padding: 30px;
	border-top: 1px solid #eee;
	display: none;
}
.mv_right_row_02 ul li {
	margin-bottom: 16px;
}
.mv_right_row_02 ul li:last-of-type {
	margin-bottom: 0;
}

@media screen and (max-width:767px){
	.mv {
		height: auto;
		padding: 0 20px;
		margin: 0 0 40px;
	}
	.mv_inner {
		display: block;
		width: auto;
	}
	.mv_left {
		width: auto;
		padding: 20px 0 0;
		margin-bottom: 30px;
	}
	.mv_left h2 {
		margin: 0 0 25px;
	}
	.mv_left h2 small {
		font-size: 4vw;
		margin-bottom: 5px;
	}
	.mv_left h2 small br {
		display: block;
	}
	.mv_left h2 span {
		display: block;
		font-size: 4.53vw;
		line-height: 1.6;
		letter-spacing: .06em;
	}
	.mv_left h2 span strong {
		font-size: 5.33vw;
	}
	.mv_left_list {
		padding: 0 10%;
		margin: 0 -2.5% 30px;
	}
	.mv_left_list li {
		margin: 0 2.5%;
	}
	.mv_left picture {
		margin: 0 -12px 0 -5px;
	}
	.mv_news {
		border-radius: 30px;
		min-height: 50px;
		padding: 15px;
	}
	.mv_news h3 {
		font-size: 1.4rem;
		margin-right: 0;
	}
	.mv_news_date {
		font-size: 1.2rem;
	}
	.mv_news_ttl {
		/* width: calc(100% - 125px); */
		font-size: 1.3rem;
	}
	.mv_news-fix {
		margin-left: 15px;
	}
	.mv_right {
		width: auto;
		display: block;
		padding-top: 0!important;
	}
	.mv_right_inner {
		width: 100%;
		transform: translateX(0);
		padding: 10px;
	}

	.mv_right_row_01 h2 {
		font-size: 1.8rem;
		line-height: 52px;
		height: 54px;
	}
	.mv_right_row_01 h2:before,
	.mv_right_row_01 h2:after {
		vertical-align: 3px;
	}
	.mv_right_row_01 ul {
		padding: 20px;
	}
	.mv_right_row_01 ul li {
		margin-bottom: 12px;
	}
	.mv_right_row_02 {
		background: #fff;
		border-radius: 10px;
		overflow: hidden;
	}
	.mv_right_row_02 h2 {
		font-size: 1.8rem;
		line-height: 53px;
		height: 55px;
		padding: 0 0 0 30px;
		position: relative;
	}
	.mv_right_row_02 ul {
		padding: 20px;
	}
	.mv_right_row_02 ul li {
		margin-bottom: 12px;
	}

}

/* service
------------------------------- */
.service {
	width: 1280px;
	margin: 0 auto 120px;
	padding: 0 80px;
}
.service_loan {
	display: flex;
	justify-content: center;
}
.service_loan_col {
	width: 75%;
	border-radius: 10px;
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
	text-align: center;
	padding: 25px 0 0;
}
.service_loan_col h3 {
	display: inline-block;
	position: relative;
}
.service_loan_col h3 span {
	display: inline-block;
	font-size: 2.8rem;
	font-weight: 700;
	position: relative;
	z-index: 1;
}
.service_loan_col_free h3 span {
	color: #2596DC;
}
.service_loan_col_estate h3 span {
	color: #2A69A0;
}
.service_loan_col h3:after {
	content: "";
	width: 100%;
	height: 12px;
	display: inline-block;
	position: absolute;
	left: 0;
	bottom: 4px;
	z-index: 0;
}
.service_loan_col_free h3:after {
	background: #CEE5F3;
}
.service_loan_col_estate h3:after {
	background: #ACBFDF;
}
.service_loan_col picture {
	height: 215px;
	display: block;
	padding-top: 40px;
	border-bottom-style: solid;
	border-bottom-width: 4px;
	margin: 0 0 30px;
}
.service_loan_col_free picture {
	border-bottom-color: #2596DC;
}
.service_loan_col_estate picture {
	border-bottom-color: #2A69A0;
}
.service_loan_col_free picture img {
	width: 312px;
}
.service_loan_col_estate picture img {
	width: 253px;
}
.service_loan_col h4 {
	font-size: 1.8rem;
	font-weight: 700;
	margin: 0 30px 30px;
}
.service_loan_col h4:before,
.service_loan_col h4:after {
	content: "";
	display: inline-block;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	vertical-align: 2px;
}
.service_loan_col h4:before {margin-right: 5px;}
.service_loan_col h4:after {margin-left: 5px;}
.service_loan_col_free h4:before,
.service_loan_col_free h4:after {background: #2596DC;}
.service_loan_col_estate h4:before,
.service_loan_col_estate h4:after {background: #2A69A0;}
.service_loan_col_blk01 {
	margin: 0 30px 40px;
	background: #F5F5F5;
	padding: 25px 20px;
	font-weight: 700;
}
.service_loan_col_blk01 ul {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	margin-bottom: 10px;
}
.service_loan_col_blk01 ul li {
	font-size: 1.6rem;
	margin: 0 5px;
}
.service_loan_col_blk01 ul li:before {
	content: "\f00c";
	font-family: FontAwesome;
	font-weight: normal;
	margin-right: 5px;
}
.service_loan_col_free .service_loan_col_blk01 ul li:before {color: #2596DC;}
.service_loan_col_estate .service_loan_col_blk01 ul li:before {color: #2A69A0;}
.service_loan_col_blk01 ul li:first-of-type {margin-left: 0;}
.service_loan_col_blk01 ul li:last-of-type {margin-right: 0;}

.service_loan_col dl {
	margin: 0 30px 40px;
}
.service_loan_col dl dt {
	height: 34px;
	background: #CEE5F3;
	border-radius: 5px;
	line-height: 33px;
	font-weight: 700;
	font-size: 1.6rem;
	margin-bottom: 5px;
}
.service_loan_col dl dd {
	margin-bottom: 25px;
	font-weight: 700;
	font-size: 1.8rem;
}
.service_loan_col dl dd:last-of-type {margin-bottom: 0;}
.service_loan_col dl dd .num {font-size: 4rem; letter-spacing: .04em; display: inline-block; vertical-align: -2px; font-family: 'Open Sans', sans-serif;}
/* .service_loan_col dl dd:nth-of-type(1) {height: 90px;} */
.service_loan_col_free dl dd span {color: #2596DC;}
.service_loan_col_estate dl dd span {color: #2A69A0;}
.service_loan_col_free dl dd small {font-size: 1.4rem;}
.service_loan_col dl dd p {font-weight: 500; font-size: 1.4rem;}
.service_loan_col dl dd div {font-size: 1.4rem; margin-top: 20px;}
.service_loan_col .btn {
	display: block;
	height: 68px;
	line-height: 67px;
	font-weight: 700;
	text-decoration: none;
	font-size: 1.8rem;
	color: #fff;
	border-radius: 0 0 10px 10px;
	position: relative;
}
.service_loan_col .btn:after {
	content: "\f105";
	font-family: FontAwesome;
	font-weight: normal;
	position: absolute;
	right: 18px;
	font-size: 24px;
}
.service_loan_col_free .btn {background: #2596DC;}
.service_loan_col_estate .btn {background: #2A69A0;}

@media screen and (max-width:767px){
	.service {
		width: auto;
		margin: 0 auto 40px;
		padding: 0 20px;
	}
	.service .title01 > span {
		font-size: 4.4vw;
	}
	.service_loan {
		display: block;
	}
	.service_loan_col {
		width: 100%;
		padding: 15px 0 0;
	}
	.service_loan_col_free {
		margin-bottom: 40px;
	}
	.service_loan_col h3 span {
		font-size: 2.4rem;
	}
	.service_loan_col h3:after {
		height: 8px;
		bottom: 2px;
	}
	.service_loan_col picture {
		height: auto;
		padding: 25px 20px 20px;
		margin: 0 0 20px;
	}
	.service_loan_col_free picture img {
		width: 250px;
	}
	.service_loan_col_estate picture img {
		width: 200px;
	}
	.service_loan_col h4 {
		margin: 0 20px 20px;
	}
	.service_loan_col h4:before,
	.service_loan_col h4:after {
		display: none;
	}
	.service_loan_col_blk01 {
		margin: 0 20px 30px;
		padding: 20px;
	}
	.service_loan_col dl {
		margin: 0 20px 15px;
	}
	.service_loan_col dl dt {
		height: 30px;
		line-height: 29px;
		margin-bottom: 0;
	}
	.service_loan_col dl dd {
		margin-bottom: 15px;
		font-size: 1.5rem;
		white-space: nowrap;
	}
	.service_loan_col dl dd .num {font-size: 3.2rem; letter-spacing: .02em;}
	.service_loan_col dl dd:nth-of-type(1) {height: auto;}
	.service_loan_col_free dl dd small {font-size: 1.2rem;}
	.service_loan_col dl dd p {font-size: 1.2rem;}
	.service_loan_col dl dd div {font-size: 1.2rem;}
	.service_loan_col .btn {
		display: block;
		height: 51px;
		line-height: 50px;
		font-size: 1.6rem;
		color: #fff;
		border-radius: 0 0 10px 10px;
		position: relative;
	}
}

/* flow
------------------------------- */
.flow {
	background: #F5F5F5;
	padding: 70px 80px 100px;
}
.flow .title01 span small {
	display: block;
	font-size: 1.6rem;
	margin-top: 15px;
}
.flowList li picture {
	background: #fff;
}
@media screen and (max-width:767px){
	.flow {
		padding: 35px 20px 50px;
	}
	.flow .title01 span small {
		margin-top: 7px;
	}
}

/* simulation
------------------------------- */
.simulation {
	height: 507px;
	background: url("/files/img/top/simulation_bg.png") no-repeat center center / cover;
	padding: 0 80px;
}
.simulation_inner {
	width: 980px;
	margin: 0 auto;
	height: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-direction :row-reverse;
}
.simulation_txt {
	color: #fff;
}
.simulation_txt h2 small {
	font-size: 2rem;
	font-weight: 800;
	font-family: 'Raleway', sans-serif;
	letter-spacing: .1em;
	display: block;
	margin-bottom: 5px;
}
.simulation_txt h2 span {
	font-size: 3.2rem;
	font-weight: 700;
	display: block;
	letter-spacing: .05em;
	margin-bottom: 20px;
	line-height: 1.65;
}
.simulation_txt p {
	font-size: 1.6rem;
	margin-bottom: 45px;
}
.simulation_img {
	display: block;
	width: 400px;
}

@media screen and (max-width:767px){
	.simulation {
		height: auto;
		padding: 40px 20px;
	}
	.simulation_inner {
		width: auto;
		height: auto;
		display: block;
	}
	.simulation_txt h2 small {
		font-size: 1.4rem;
		margin-bottom: 5px;
	}
	.simulation_txt h2 span {
		font-size: 2.0rem;
		letter-spacing: .03em;
	}
	.simulation_txt p {
		font-size: 1.4rem;
		margin-bottom: 25px;
	}
	.simulation_img {
		width: auto;
		max-width: 300px;
		padding: 0 10vw;
		margin: 0 auto 20px;
	}
}
@media screen and (max-width:374px){
	.simulation_txt h2 span br {
		display: none;
	}
}

/* faq
------------------------------- */
.faq {
	background: #f5f5f5;
	padding: 75px 0 100px;
	overflow: hidden;
}
.faq_list {
	margin-bottom: 55px;
}

.faq_slider {
	max-width: 1154px;
	margin: 0 auto;
	position: relative;
}
.carousel_btn {
	position: absolute;
	top: 50%;
	margin-top: -18px;
	z-index: 2;
	cursor: pointer;
}
.carousel_btn[aria-disabled="true"] {opacity: .3; cursor: default;} 
.carousel_btn_prev {
	left: -30px;
}
.carousel_btn_next {
	right: -30px;
}
.carousel_btn img {
	width: 18px;
	height: 36px;
}

.slick-list {
	position: relative;
	z-index: 1;
}
.slick-track {
	display: flex;
}

.faq_sec {
	/*width: 33.33%;*/
	padding: 0 17px;
	display: flex;
}
.faq_sec_in {
	background: #fff;
	border-radius: 10px 0 10px 10px;
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
	position: relative;
	
}
.faq_sec_in:before {
	content: "";
	border-style: solid;
	border-width: 0 28px 28px 0;
	border-color: transparent #2596DC transparent transparent;
	position: absolute;
	right: 0;
	top: 0;
}
.faq_sec_q {
	height: 158px;
	padding: 30px 40px 0;
	border-bottom: 1px solid #f5f5f5;
}
.faq_sec_q:before {
	content: "QUESTION";
	font-family: 'Raleway', sans-serif;
	font-weight: 800;
	color: #2596DC;
	letter-spacing: .1em;
	font-size: 1.6rem;
}
.faq_sec_q h3 {
	font-weight: 700;
	font-size: 2rem;
	letter-spacing: .02em;
}
.faq_sec_a {
	padding: 20px 40px 40px;
}
.faq_sec_a p {
	font-size: 1.5rem;
	font-weight: 700;
}
.faq_sec_a p.faq_sec_a_note {
	font-size: 1.3rem;
}
@media screen and (max-width:767px){
	.faq {
		padding: 40px 0 50px;
		overflow: hidden;
	}
	.faq_list {
		margin-bottom: 35px;
	}
	.carousel_btn_prev {
		left: 17px;
	}
	.carousel_btn_next {
		right: 17px;
	}
	.carousel_btn img {
		width: 12px;
		height: 24px;
	}
	.faq_sec {
		padding: 0 50px;
	}
	.faq_sec_in:before {
		border-width: 0 20px 20px 0;
	}
	.faq_sec_q {
		height: auto;
		padding: 20px;
	}
	.faq_sec_q:before {
		font-size: 1.4rem;
	}
	.faq_sec_q h3 {
		font-size: 1.8rem;
	}
	.faq_sec_q h3 br {display: none;}
	.faq_sec_a {
		padding: 20px;
	}
	.faq_sec_a p {
		font-size: 1.4rem;
	}
	.faq_sec_a p.faq_sec_a_note {
		font-size: 1.2rem;
	}
}


/* ----------------------------------------

footer

---------------------------------------- */
#footer {
	border-top: none;
	margin-top: 0;
}











/* ----------------------------------------

clearfix

---------------------------------------- */

/* Modern Browsers
------------------------------- */
#xxxx:after {
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	content: ".";
	line-height: 0;
}

/* Legacy IE
------------------------------- */
#xxxx {
	*zoom: 1;
}