@charset "UTF-8";



/*read
---------------------------------------------------------*/
.lead_slide .swiper-slide {
	width: 40vw;
	max-width: 520px;
}

#read .bg {
	background: #67AF9B;
	padding: 90px 0 100px;
	color: #fff;
}
#read h2 {
	text-align: center;
	font-size: 200%;
	letter-spacing: .15em;
	line-height: 1.4em;
	margin-bottom: 70px;
}

#read .flex_box {
	display: flex;
    justify-content: space-between;
}
#read .flex_box > div {
	width: 48%;
	max-width: 590px;
}
#read .flex_box h3 {
	text-align: center;
	font-size: 140%;
	font-weight: bold;
	letter-spacing: .15em;
	line-height: 1.4em;
	padding: 1.0em 0;
	border-top: solid 1px rgba(255,255,255,0.75);
	border-bottom: solid 1px rgba(255,255,255,0.75);
	margin-bottom: 1.5em;
}
#read .flex_box .img_item {
	margin: 0 auto 1.5em;
}

#read .pain {
	color: #120F10;
	background: #fff;
	border-radius: 20px;
	padding: 40px 0;
	display: flex;
    justify-content: space-between;
    align-items: center;
}
#read .pain dt {
	width: 20%;
	text-align: center;
	font-size: 110%;
	font-weight: bold;
	letter-spacing: .15em;
	line-height: 1.4em;
}
#read .pain dd {
	width: 80%;
	box-sizing: border-box;
	padding: 1.0em 4%;
	border-left: solid 1px #B8B7B7;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
#read .bg {
	padding: 6% 0 10%;
}
#read h2 {
	font-size: 180%;
	letter-spacing: .1em;
	margin-bottom: 6%;
}
#read .flex_box h3 {
	letter-spacing: .1em;
	padding: .8em 0;
}
#read .flex_box .img_item {
	margin-bottom: 1.0em;
}

#read .pain {
	padding: 4% 0;
}
#read .pain dt {
	width: 25%;
	letter-spacing: .1em;
}
#read .pain dd {
	width: 75%;
	padding: .0 4%;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.lead_slide .swiper-slide {
	width: 60vw;
}

#read .bg {
	padding: 10% 0 12%;
}
#read h2 {
	font-size: 160%;
	letter-spacing: .1em;
	margin-bottom: 8%;
}

#read .flex_box {
	display: block;
}
#read .flex_box > div {
	width: 100%;
	max-width: 100%;
	margin-bottom: 10%;
}
#read .flex_box > div:last-child {
	margin-bottom: 0;
}
#read .flex_box h3 {
	letter-spacing: .1em;
	padding: .8em 0;
	margin-bottom: 1.2em;
}
#read .flex_box .img_item {
	margin-bottom: 1.0em;
}

#read .pain {
	border-radius: 2vw;
	padding: 2% 6%;
	display: block;
}
#read .pain dt {
	width: 100%;
	font-size: 120%;
	padding: 1.0em 0;
}
#read .pain dd {
	width: 100%;
	padding: 1.5em 0;
	border-top: solid 1px #B8B7B7;
	border-left: none;
}
}



/*process、loan
---------------------------------------------------------*/
#process .com_flow .flow_style > dt .txt_small {
	margin: 0 .2em;
}

#loan .border_box {
	padding: 50px 0;
	border-top: solid 1px #BAABA6;
	border-bottom: solid 1px #BAABA6;
	text-align: center;
}
#loan h2 {
	font-size: 160%;
	letter-spacing: .09em;
	line-height: 1.6em;
	margin-bottom: .5em;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
#loan .border_box {
	padding: 5% 0 6%;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
#loan .border_box {
	padding: 10% 0 12%;
}
#loan h2 {
	font-size: 150%;
	margin-bottom: .3em;
}
}



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

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
}