@charset "UTF-8";

/* all
--------------------------------------------------------*/

#gh_readSpeaker {
	position: absolute;
	width: 378px;
	height: 26px;
    right: 192px;
	top: 29px;
	float: none;
	margin-left: auto;
	vertical-align: middle;
	margin-right: 0;
}
#readSpeaker {
	width: 100%;
}
#readSpeaker_content {
	width: 142px;
}
#readSpeaker_howto {
    width: 226px;
}

body {
	font-family: Sawarabi Gothic;
	min-width: 1440px;
	-webkit-text-size-adjust: 100%;
	background: #FFF;
	overflow-y: scroll;
	width: 100%;
}
body * {
	box-sizing: border-box;
}
@media (max-width: 640px) {
	#gh_readSpeaker {
		display: none;
	}
	body {
		min-width: 100%;
	}
}
#content {
	font-family: Sawarabi Gothic, Meiryo, "メイリオ", YuGothic, "游ゴシック", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", sans-serif;
}

/* header
-------------------------------------------------------- */
header.gh-early_spring {
	background: #FFF url(/assets/img/header/bg_early-spring.png) no-repeat center top;
}

header.gh-spring {
	background: #FFF url(/assets/img/header/bg_spring.png) no-repeat center top;
}

header.gh-early_summer {
	background: #FFF url(/assets/img/header/bg_early-summer.png) no-repeat center top;
}

header.gh-early_summer2 {
	background: #FFF url(/assets/img/header/bg_early-summer2.png) no-repeat center top;
}

header.gh-rainy {
	background: #FFF url(/assets/img/header/bg_rainy.png) no-repeat center top;
}

header.gh-summer {
	background: #FFF url(/assets/img/header/bg_summer.png) no-repeat center top;
}

header.gh-early_autumn {
	background: #FFF url(/assets/img/header/bg_early-autumn.png) no-repeat center top;
}

header.gh-autumn {
	background: #FFF url(/assets/img/header/bg_autumn.png) no-repeat center top;
}

header.gh-winter {
	background: #FFF url(/assets/img/header/bg_winter.png) no-repeat center top;
} 

.header_inner {
	width: 1044px;
	height: 124px;
	margin: 0 auto;
	position: relative;
}
.header_inner:after {
	content: "";
	display: block;
	clear: both;
	overflow: hidden;
}

#gh_fontChanger{
	position: absolute;
    width: 160px;
    height: 26px;
    right: 23px;
    top: 29px;
    float: none;
    margin-left: auto;
    vertical-align: middle;
    margin-right: 0;
}




@media (max-width: 640px) {
	.header_inner {
		width: 100%;
		position:static;
	}
	header{
	background: #FFF !important;	
}

#gh_fontChanger{
	display:none;

}


}

/* .header_inner #logo
-------------------------------------------------------- */

/* .header_inner #mark
-------------------------------------------------------- */

.header_inner #mark {
	position: absolute;
	float: left;
	top: 74px;
  left: 280px;
	width: 112px;
	height: 26px;
	line-height: 26px;
	text-align: center;
	border: 1px solid #CCCCCC;
	font-size: 10px;
}
@media (max-width: 640px) {
	.header_inner #mark {
    clear: both;
		float: none;
		position: absolute;
    top: 14px;
    right: 70px;
		left: auto;
	}
}

/* #hd_btnlist
-------------------------------------------------------- */

#hd_btnlist {
	position: absolute;
	top: 65px;
	right: 0;
	margin: 0;
	padding: 0;
}
#hd_btnlist:after {
	content: "";
	display: block;
	clear: both;
	overflow: hidden;
}
#hd_btnlist li {
	width: 185px;
	height: 40px;
	line-height: 40px;
	font-size: 11px;
	list-style: none;
	float: left;
	margin-right: 11px;
}
#hd_btnlist li:hover {
	opacity: 0.7;
}
#hd_btnlist li.hd_btnlist_english {
	width: auto;
  padding-top: 9px;
}
#hd_btnlist li.hd_btnlist_kojin {
	background: #FF9C34;
}
#hd_btnlist li.hd_btnlist_netd {
	background: #48238A;
	margin-right:0;
	line-height:normal;
}
#hd_btnlist li a {
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none;
	color: #FFF;
}
#hd_btnlist li a p {
	margin: 0;
	text-align: center;
}
#hd_btnlist li a p:before {
	content: "";
	display: inline-block;
	margin-right: 7px;
}
#hd_btnlist li.hd_btnlist_netd p{
	margin-top:4px;
}
#hd_btnlist li.hd_btnlist_kojin p:before {
	width: 20px;
	height: 20px;
	background: url(/kojin/loan/img/icn_btnlist_kojin.jpg) no-repeat left center;
	background-size: 100%;
	vertical-align: middle;
}
#hd_btnlist li.hd_btnlist_netd p:before {
	width: 36px;
	height: 16px;
	background: url(/kojin/loan/img/icn_btnlist_netd.jpg) no-repeat left center;
	background-size: 100%;
	vertical-align: middle;
}

/*190705*/
#hd_btnlist #gh_subnav_faq a{
    display: block;
    height: 26px;
    text-align: left;
    overflow: hidden;
    text-indent: -9999px;
    background-position: 0 0;
    margin-top:10px;

}
#hd_btnlist #gh_subnav_faq a:hover {
	background-position: 0 -26px;
}
#hd_btnlist #gh_subnav_faq{
	width:110px;
}
#gh_subnav_faq a {
    background-image: url(/assets/img/header/subnav_btn_faq.png);
    }
@media (max-width: 640px) {
	#hd_btnlist {
		position: static;
		clear: both;
	}
	#hd_btnlist li {
		width: 50%;
		font-size: 78.6%;
		margin-right: 0;
		height: 45px;
		line-height: normal;
	}
  #hd_btnlist li.hd_btnlist_english {
    position: absolute;
    top: 48px;
    left: 75%;
    padding-top: 0;
    margin-left: -56px;
  }
  #hd_btnlist li.hd_btnlist_netd{
		line-height: 1.4;
	}
	#hd_btnlist li:hover {
		opacity: 1;
	}
	#hd_btnlist li a p{
		margin: 0 auto;
	}
	#hd_btnlist li.hd_btnlist_netd p{
		margin-top:0;
		padding-top: 2px;
	}
	#hd_btnlist li a{
		display: flex;
    	align-items: center;
	}
	#hd_btnlist li.hd_btnlist_kojin {
		margin-right: 0;
	}
	#hd_btnlist li.hd_btnlist_kojin p:before {
		width: 15px;
		height: 15px;
		background: url(/kojin/loan/img/icn_btnlist_kojin.jpg) no-repeat left center;
		background-size: 100%;
		vertical-align: middle;
		margin-top: -1px;
	}
	#hd_btnlist li.hd_btnlist_netd p:before {
		width: 30px;
		height: 10px;
		background: url(/kojin/loan/img/icn_btnlist_netd.jpg) no-repeat left center;
		background-size: 100%;
		vertical-align: middle;
		margin-top: -1px;
	}
	
	/*190705*/
	#hd_btnlist #gh_subnav_faq{
		display:none;
	}
}

/* global_nav
-------------------------------------------------------- */
#gh_logoWrap {
    margin-left: 52px;
}
#nav_trigger {
	position: absolute;
	top: 27px;
	right: 0;
	z-index: 1001;
}
.nav_trigger_inner {
	position: relative;
	width: 70px;
	height: 70px;
	background: #00AB55;
	cursor: pointer;
}
#nav_trigger span {
	position: absolute;
	left: 23px;
	width: 25px;
	height: 2px;
	background-color: #FFF;
	display: inline-block;
	-ms-transition: all .2s;
	transition: all .2s;
	box-sizing: border-box;
}
#nav_trigger.on .nav_trigger_inner {
	background: #007D3E;
}
#nav_trigger span:nth-of-type(1) {
	top: 19px;
}
#nav_trigger.on span:nth-of-type(1) {
	-webkit-transform: translateY(20px) rotate(-45deg);
	-ms-transform: translateY(20px) rotate(-45deg);
	transform: translateY(20px) rotate(-45deg);
	top: 6px;
}
#nav_trigger span:nth-of-type(2) {
	top: 26px;
}
#nav_trigger.on span:nth-of-type(2) {
	opacity: 0;
}
#nav_trigger span:nth-of-type(3) {
	bottom: 34px;
}
#nav_trigger.on span:nth-of-type(3) {
	-webkit-transform: translateY(-20px) rotate(45deg);
	-ms-transform: translateY(-20px) rotate(45deg);
	transform: translateY(-20px) rotate(45deg);
	bottom: 21px;
}
#nav_trigger p {
	color: #FFF;
	font-size: 71.4%;
	text-align: center;
	position: absolute;
	bottom: 10px;
	width: 100%;
	margin: 0;
}

@media (max-width: 1440px) {
#nav_trigger {
	position:absolute;
	left:1370px;
}
}

@media (max-width: 640px) {
	.header_inner {
		height: auto;
	}
	#nav_trigger {
		position: static;
		float: right;
	}
	.nav_trigger_inner {
		width: 50px;
		height: 50px;
		float: left;
	}
	#nav_trigger span {
		left: 10px;
		width: 30px;
		height: 3px;
	}
	#nav_trigger span:nth-of-type(1) {
		top: 10px;
	}
	#nav_trigger.on span:nth-of-type(1) {
		-webkit-transform: translateY(10px) rotate(-45deg);
		-ms-transform: translateY(10px) rotate(-45deg);
		transform: translateY(10px) rotate(-45deg);
		top: 6px;
	}
	#nav_trigger span:nth-of-type(2) {
		top: 18px;
	}
	#nav_trigger span:nth-of-type(3) {
		bottom: 20px;
	}
	#nav_trigger.on span:nth-of-type(3) {
		-webkit-transform: translateY(-10px) rotate(45deg);
		-ms-transform: translateY(-10px) rotate(45deg);
		transform: translateY(-10px) rotate(45deg);
		bottom: 21px;
	}
	#nav_trigger p {
		bottom: 3px;
	}
	
}




/* #global_nav
-------------------------------------------------------- */

body.fixed {
	position: fixed;
}
#global_nav {
	z-index: 1000;
	cursor: pointer;
	position: fixed;
	top: 97px;
	right: -327px;
	width: 310px;
	height: auto;
	background: #00AB55;
	overflow: auto;
	overflow-x: hidden;
	padding-bottom: 100px;
	overflow-y: scroll;
}
#global_nav dl {
	padding: 0;
	margin: 0;
}
#global_nav dl a {
	text-decoration: none;
	color: #222;
}
#global_nav dt {
	width: 100%;
	min-height: 55px;
	color: #FFF;
	font-size: 100%;
	font-weight: bold;
	vertical-align: middle;
	border-bottom: 1px solid #009148;
}
#global_nav dt.g_nav_kariru {
	padding: 6px 54px 6px 10px;
	background: url(/kojin/loan/img/icn_global_nav_plus.gif) no-repeat top right;
}
#global_nav dt.g_nav_kariru.open {
	background: url(/kojin/loan/img/icn_global_nav_minus.gif) no-repeat top right;
}
#global_nav dt a {
	display: block;
	width: 100%;
	height: 100%;
	padding: 6px 10px;
	color: #FFF;
}
#global_nav dt img {
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px;
}
#global_nav dt span {
	display: inline-block;
	vertical-align: middle;
	color: #FFF;
}
#global_nav dd {
	display: none;
	padding: 0;
	margin: 0;
	border: 10px solid #007D3E;
	background: #fff;
}
#global_nav dd ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}
#global_nav dd li {
	border-bottom: 1px solid #C4E5D4;
}
#global_nav dd li a {
	display: block;
	width: 100%;
	height: 100%;
	font-size: 92.9%;
	background: #fff url(/kojin/loan/img/arw_global_nav.jpg) no-repeat 10px center;
	color: #222;
	padding:15px 5px 15px 35px;
}
#global_nav dd li span {
	display: inline-block;
}
#global_nav dd li.lh2 span {
	line-height: normal;
	margin-top: 6px;
}
#global_nav .g_nav_bnr {
	border: 10px solid #007D3E;
}
#global_nav .g_nav_bnr img {
	width: 100%;
	margin: 0;
	vertical-align: bottom;
}
.g_nav_close {
	background: #333;
	color: #FFF;
	width: 290px;
	line-height: 42px;
	text-align: center;
	font-size: 85.7%;
	margin: 10px auto 0;
}
#global_nav dt:hover {
	opacity: 0.7;
}
#global_nav dd li a:hover {
	color: #007D3E;
}
.side_nav_benri {
	margin-bottom: 25px;
	margin-top: 25px;
	padding: 5px;
	background: #b1d8b6;
	overflow: hidden;
}
#global_nav dd li.navAnotherBox{
    background: #4d9a73;
    padding: 15px;
	border:none;
}
#global_nav dd li.navAnotherBox a{
	background: #fff url(/kojin/loan/img/arw_global_nav01.png) no-repeat 10px center;
}
#global_nav dd li.navAnotherBox a:hover{
    color: #4d9a73;
}
#global_nav dd li.navAnotherBox_02{
	background:#3b5979;
}
#global_nav dd li.navAnotherBox_02 a{
	background: #fff url(/kojin/loan/img/arw_global_nav02.png) no-repeat 10px center;
}
#global_nav dd li.navAnotherBox_02 a:hover{
    color: #3b5979;
}

#global_nav .submenu_list {
  margin: 10px 0;
  padding: 0px 15px;
  list-style: none;
  background: #eee;
}
#global_nav .submenu_list dt{
	border-bottom:none;
}
#global_nav .submenu_list dt a {
  display: inline-block;
  padding-left: 1rem;
  position: relative;
  font-size: 0.875rem;
  color: #000 !important;
  text-decoration: none;
  line-height: 3em;
}

#global_nav .submenu_list dt a::before {
  position: absolute;
  display: block;
  content: '';
  width: 12px;
  height: 12px;
  top: 0;
  bottom: 0;
  margin: auto 0;
  left: 0;
  overflow: hidden;
  background-image: url(/assets/arrow/usual_or_left.svg);
  background-repeat: no-repeat;
  background-size: contain;
}
#global_nav .submenu_list dt span{
	color: #000;
	font-weight:normal;
}

.navAnotherBoxTtl{
	color:#fff;
    text-align: center;
}

#global_nav dd li.navAnotherBox a:first-of-type{
    border-bottom: 1px solid #C4E5D4;
}

@media (max-width: 640px) {
	#global_nav {
		top: 50px;
    right: -310px;
    width: 310px;
	}
}

/* content
-------------------------------------------------------- */

#content {
	width: 100%;
	background: #EAEEF1;
}
#content:after {
	display: none;
}
.content_inner {
	width: 1044px;
	margin: 0 auto;
	padding: 45px 0;
}
.content_inner:after {
	content: "";
	display: block;
	clear: both;
	overflow: hidden;
}
@media (max-width: 640px) {
	.content_inner {
		width: 100%;
		margin: 0 auto;
		padding: 0;
	}
}
#main {
	width: 714px;
	float: left;
}
#main.second_layer {
	width: 1010px;
	float: none;
	margin: 0 auto;
	padding: 80px 0;
}
#main .conts {
	background: #fff;
	border-radius: 10px 10px 0 0;
	box-shadow: 0px 1px 6px -1px #dde1e4;
	-moz-box-shadow: 0px 1px 6px -1px #dde1e4;
	-webkit-box-shadow: 0px 1px 6px -1px #dde1e4;
}
#main .conts+.conts {
	margin-top: 25px;
}
#main .conts h2.hd_h2 {
	background: #00AB55;
	min-height: 50px;
	color: #FFF;
	border-radius: 10px 10px 0 0;
	padding: 10px 40px;
	margin: 0;
}
#main .conts .conts_inner {
	padding: 40px;
	background: #fff;
}
@media (max-width: 640px) {
	#main {
		width: calc(100% - 20px);
		margin: 35px auto 25px;
		float: none;
	}
	#main .conts h2.hd_h2 {
		min-height: 42px;
		padding: 15px 16px;
	}
	#main .conts .conts_inner {
		padding: 25px;
	}
}
#side {
	width: 270px;
	float: right;
}
#side dl.side_conts {
	margin: 0;
}
#side dl.side_conts+dl.side_conts {
	margin-top: 25px;
}
#side dl.side_conts .sidettl {
	min-height: 40px;
	background: #00AB55;
	padding: 8px 10px;
	margin: 0;
	color: #fff;
	font-size: 114.3%;
}
#side dl.side_conts .sidettl img {
	width: 35px;
	margin-right: 7px;
	height: auto;
	vertical-align: middle;
	margin-top: -6px;
}
#side dl.side_conts dd {
	background: #fff;
	padding: 15px;
	margin: 5px 0 0;
	box-shadow: 0px 1px 6px -1px #dde1e4;
	-moz-box-shadow: 0px 1px 6px -1px #dde1e4;
	-webkit-box-shadow: 0px 1px 6px -1px #dde1e4;
}
#side dl.side_conts dd h3 {
	background: #E5F4ED;
	line-height: 35px;
	min-height: 35px;
	text-align: center;
	color: #006F37;
	font-size: 114.3%;
	margin: 0 0 1em;
}
#side dl.side_conts.side_nav dd {
	padding: 0;
}
#side .side_nav ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}
#side .side_nav ul li {
	min-height: 50px;
	border-bottom: 1px solid #EAEEF1;
}
#side .side_nav ul li a {
	display: block;
	width: 100%;
	height: 100%;
	font-size: 92.9%;
	background: #fff url(/kojin/loan/img/icn_side_off.png) no-repeat 10px center;
	padding: 5px 10px 5px 35px;
	color: #222;
	text-decoration: none;
	box-sizing: border-box;
}
#side .side_nav ul li a:hover, #side .side_nav ul li a.current {
	color: #007D3E;
	background: #E5F4ED url(/kojin/loan/img/icn_side_off.png) no-repeat 10px center;
}
#side .side_nav ul li a span {
	line-height: 40px;
}
#side .side_nav ul li.lh2 span {
	line-height: normal;
}

#side .side_nav ul li.side_navSubTtl {
    background: #4d9a73;
    text-align: center;
	min-height:auto;
    line-height: 40px;
	color:#fff;
}
#side .side_nav ul li.side_navSubTtl02 {
    background: #3b5979;
}

@media (max-width: 640px) {
	#side {
		width: 100%;
		float: none;
	}
	#side dl.side_conts .sidettl {
		min-height: 44px;
		padding: 9px 16px;
	}
	#side dl.side_conts dd {
		background: #fff;
		padding: 25px;
		margin: 0;
	}
	#side dl.side_conts dd h3 {
		background: #E5F4ED;
		line-height: 35px;
		min-height: 35px;
		text-align: center;
		color: #006F37;
		font-size: 114.3%;
		margin: 0 0 1em;
	}
	#side dl.side_conts.side_nav dd {
		padding: 0;
	}
	#side .side_nav ul li a {}
	#side .side_nav ul li a:hover {
		color: #222;
		background: #fff url(/kojin/loan/img/icn_side_off.png) no-repeat 10px center;
	}
}

/* .loan_nav
-------------------------------------------------------- */

.loan_nav {
	width: 100%;
	height: 90px;
	background: #00AB55;
	font-family: Sawarabi Gothic, Meiryo, "メイリオ", YuGothic, "游ゴシック", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", sans-serif;
}
.loan_nav ul {
	margin: 0 auto;
	list-style-type: none;
	width: 1045px;
	padding: 0;
	font-size:14px;
}
.loan_nav ul:after {
	content: "";
	display: block;
	clear: both;
	overflow: hidden;
}
.loan_nav ul li {
	width: 145px;
	height: 90px;
	display: inline-block;
	list-style-type: none;
	border-right: 1px solid #4CC487;
}
.loan_nav ul li:first-child {
	border-left: 1px solid #4CC487;
}
.loan_nav ul li:first-child a {
	background: #017B3E;
}
.loan_nav ul li a {
	display: block;
	width: 100%;
	height: 100%;
	text-align: center;
	text-decoration: none;
	color: #fff;
	background: #00AB55;
	padding-top: 10px;
	font-size: 14px;
}
.loan_nav ul li a:hover {
	opacity: 0.7;
}
.loan_nav ul li a .loan_nav_ttl {
	margin: 0;
}
@media (max-width: 640px) {
	.loan_nav {
		display: none;
	}
}

/* breadCrumb
-------------------------------------------------------- */

#breadCrumb {
	width: 100%;
	background: #EAEEF1;
	padding: 12px 0;
}
#breadCrumb ul {
	margin: 0 auto;
	width: 1044px;
	padding: 0;
}
#breadCrumb li {
	display: inline-block;
	margin-right: 15px;
}
#breadCrumb li:after {
	content: ">";
	display: inline-block;
	margin-left: 15px;
}
#breadCrumb li:last-child:after {
	display: none;
}
#breadCrumb li a {
	color: #333;
}
#breadCrumb li a:hover {
	color: #00AB55
}
@media (max-width: 640px) {
	#breadCrumb {
		display: none;
	}
}

/* title
-------------------------------------------------------- */

#title {
	background: #fff;
}
#title .title_inner {
	width: 1044px;
	margin: 0 auto;
	padding: 20px 0;
	position: relative;
}
#title .title_lead {
	font-size: 22px;
	color: #017B3E;
	margin: 0;
}
#title h1 {
	font-size: 23px;
	font-weight: bold;
	color: #017B3E;
	margin-bottom: 0;
}
@media (max-width: 640px) {
	#title .title_inner {
		width: 100%;
		margin: 0 auto;
		padding: 20px;
	}
}

/* .loan_btn
-------------------------------------------------------- */

.loan_btn {
	position: absolute;
	min-width: 300px;
	line-height: 50px;
	top: 50%;
	right: 0;
	margin-top: -25px;
}
.loan_btn a {
	display: block;
	border: 1px solid #006F37;
	border-radius: 10px;
	text-align: center;
	line-height: 50px;
	background: url(/kojin/loan/img/icn_basicbtn_on.png) no-repeat 10px center #007826;
	text-decoration: none;
	color: #fff;
	padding: 0 20px 0 45px;
}
.loan_btn a:hover {
	color: #007826;
	background: url(/kojin/loan/img/icn_basicbtn_off.png) no-repeat 10px center #fff;
}
@media (max-width: 640px) {
	.loan_btn {
		position: static;
		width: 100%;
		margin: 0 0 10px;
		min-width: auto;
	}
	.loan_btn a {
		line-height: normal;
		padding: 10px 20px 10px 45px;
	}
	.loan_btn a:hover {
		color: #fff;
		background: url(/kojin/loan/img/icn_basicbtn_on.png) no-repeat 10px center #007826;
	}
}

/* .gr_btn
-------------------------------------------------------- */

.gr_btn {
	width: 300px;
	line-height: 50px;
    margin: 0 auto;
}
.gr_btn a {
	display: block;
	border: 1px solid #006F37;
	border-radius: 10px;
	text-align: center;
	line-height: 50px;
	background: url(/kojin/loan/img/icn_basicbtn_on.png) no-repeat 10px center #007826;
	text-decoration: none;
	color: #fff;
	padding: 0 20px 0 45px;
}
.gr_btn a:hover {
	color: #007826;
	background: url(/kojin/loan/img/icn_basicbtn_off.png) no-repeat 10px center #fff;
}
@media (max-width: 640px) {
	.gr_btn {
		width: 100%;
		margin: 0 0 10px;
		min-width: auto;
	}
	.gr_btn a {
		line-height: normal;
		padding: 10px 20px 10px 45px;
	}
	.gr_btn a:hover {
		color: #fff;
		background: url(/kojin/loan/img/icn_basicbtn_on.png) no-repeat 10px center #007826;
	}
}

/* footer
-------------------------------------------------------- */

footer {
	background: #00AB55;
	padding: 25px 0;
}
footer .footer_inner {
	width: 1010px;
	margin: 0 auto;
	text-align: center;
}
footer #gf_nav {
    margin-bottom: 1rem;
}
footer #gf_nav ul {
    margin: 0;
    padding: 0 10px;
    list-style: none;
	text-align: center;
}
footer #gf_nav ul li {
    display: inline-block;
    letter-spacing: normal;
}
footer #gf_nav a {
    color: #FFF;
    text-decoration: none;
	font-size: 90%;
}
footer #gf_nav ul li:nth-child(n+2)::before {
    content: '｜';
	color: #fff;
}
footer .footer_inner p {
	color: #fff;
	margin: 0;
	font-size: 68.8%;
}
@media (max-width: 640px) {
	footer {
		height: auto;
		padding: 20px;
	}
	footer .footer_inner {
		width: 100%;
	}
}



/*--------------------------------------------------------
　★共通パーツ
-------------------------------------------------------- */

.indent1em {

	text-indent: -1em;
	margin-left: 1em;
}
.indent3em {
	text-indent: -3em;
	margin-left: 3em;
}

/* .basic_btn
-------------------------------------------------------- */

.basic_btn a {
	display: block;
	border: 1px solid #006F37;
	border-radius: 10px;
	min-height: 54px;
	text-align: center;
	background: url(/kojin/loan/img/icn_basicbtn_off.png) no-repeat 10px center #fff;
	text-decoration: none;
	padding: 15px 10px 15px 30px;
}
.basic_btn a:hover {
	color: #fff;
	background: url(/kojin/loan/img/icn_basicbtn_on.png) no-repeat 10px center #006F37;
}
@media (max-width: 640px) {
	.basic_btn a {}
	.basic_btn a:hover {
		color: #007826;
		background: url(/kojin/loan/img/icn_basicbtn_off.png) no-repeat 10px center #fff;
	}
}

/* .orange_btn
-------------------------------------------------------- */

.orange_btn a {
	display: block;
	border: 2px solid #ED7B01;
	border-radius: 100px;
	color: #ED7B01;
	text-align: center;
	background: url(/kojin/loan/img/icn_orangebtn_off.png) no-repeat 30px center #fff;
	text-decoration: none;
	font-size: 20px;
	padding: 10px 70px;
}
.orange_btn a:hover, .orange_btn a.current {
	color: #FFF;
	background: url(/kojin/loan/img/icn_orangebtn_on.png) no-repeat 30px center #ED7B01;
}
@media (max-width: 640px) {
	.orange_btn a {}
	.orange_btn a:hover {
		color: #ED7B01;
		background: url(/kojin/loan/img/icn_orangebtn_off.png) no-repeat 30px center #fff;
	}
}
@media (max-width: 640px) {
	/* .accordion_topicbox
-------------------------------------------------------- */
	.accordion_tit {
		cursor: pointer;
		background: url(/kojin/loan/jyutaku/kiso/img/accordion_tit_open.png) no-repeat 97% center;
	}
	.accordion_tit.is_open {
		cursor: pointer;
		background: url(/kojin/loan/jyutaku/kiso/img/accordion_tit_close.png) no-repeat 97% center;
	}
	#main .conts h2.hd_h2.accordion_tit {
		cursor: pointer;
		padding-right: 35px;
		background: url(/kojin/loan/jyutaku/kiso/img/accordion_tit_w_open.png) no-repeat 97% center #00AB55;
	}
	#main .conts h2.hd_h2.accordion_tit.is_open {
		cursor: pointer;
		background: url(/kojin/loan/jyutaku/kiso/img/accordion_tit_w_close.png) no-repeat 97% center #00AB55;
	}
	.accordion_content {
		display: none;
	}
}

/* flowbtn
-------------------------------------------------------- */

@media (min-width: 641px) {
    .loan_flowbtn-mini{
        width: 50%;
        margin-left: auto;
        margin-right: auto;
    }
}


/* contact_box03
-------------------------------------------------------- */

.contact_box03 {
	color: #fff;
	padding: 20px 20px 20px 100px;
	margin-top: 15px;
}
.contact_box03:after {
	content: "";
	display: block;
	clear: both;
	overflow: hidden;
}
.contact_box03.kinri {
	background: url(/kojin/loan/img/contact_kinri.png) no-repeat 25px center #1B772A;
}
.contact_box03.jyutaku {
	background: url(/kojin/loan/img/contact_simulation.png) no-repeat 25px center #1B772A;
}
.contact_box03.soudan {
	background: url(/kojin/loan/img/contact_tenpo.png) no-repeat 25px center #1B772A;
}
.contact_box03 .contact_left {
	width: 42%;
	float: left;
}
.contact_box03 p {
	margin-bottom: 0;
}
.contact_box03 .loan_contactbtn {
	width: 55%;
	float: right;
	margin-bottom: 0;
	height: 65px;
	line-height: 65px;
}

.font-m .contact_box03 .loan_contactbtn, .font-l .contact_box03 .loan_contactbtn {
	font-size:15px

}
.contact_box03 .loan_contactbtn a {
	display: block;
	width: 100%;
	height: 100%;
	text-align: center;
	text-decoration: none;
	color: #000;
	border-radius: 70px;
	font-size: 100%;
	border: none;
	background: url(/kojin/loan/img/loan_contactbtn_icn02.png) no-repeat 20px center #fff;
}
.contact_box03 .loan_contactbtn a:hover {
	background: url(/kojin/loan/img/loan_contactbtn_icn02.png) no-repeat 20px center #D8ECC9;
}
@media (max-width: 640px) {
	.contact_box03 {
		color: #fff;
		padding: 20px 20px 20px 20px;
		margin-top: 15px;
	}
	.contact_box03.kinri {
		background: url(/kojin/loan/img/contact_kinri.png) no-repeat 30px 30px #1B772A;
	}
	.contact_box03.jyutaku {
		background: url(/kojin/loan/img/contact_simulation.png) no-repeat 30px 30px #1B772A;
	}
	.contact_box03.soudan {
		background: url(/kojin/loan/img/contact_tenpo.png) no-repeat 30px 30px #1B772A;
	}
	.contact_box03 .contact_left {
		width: 100%;
		padding-left: 90px;
		float: none;
		margin-bottom: 10px;
	}
	.loan_second_contact.contact_box03 .contact_left {
		padding-left: 0;
	}
	.contact_box03 .loan_contactbtn {
		width: 100%;
		float: none;
	}
}

/* contact_box02
-------------------------------------------------------- */

.loan_contact_box h3.tel {
	background: #1B772A;
	color: #fff;
	padding: 10px 0;
	text-align: center;
	font-size: 20px;
	font-weight: normal;
	margin: 20px 0 0;
}
.loan_contact_box h4.ttl {
	background: #D8ECC9;
	padding: 10px;
	color: #0A5A33;
	margin-bottom: 15px;
}
.loan_contact_box .contact_item {
	width: 100%;
	text-align: center;
	border: 1px solid #B0DA90;
	background: #fff;
	padding: 15px;
}
.loan_contact_box h4.ttl+p {
	font-size: 100%;
	color: #0A5A33;
}
.loan_contact_box h3.tel img {
	vertical-align: sub;
	margin-right: 10px;
}

/* 汎用
-------------------------------------------------------- */

.fl {
	float: left;
}
.fr {
	float: right;
}
.right_con {
	float: right;
}
.left_con {
	float: left;
}
.indent {
	text-indent: -1em;
	padding-left: 1em;
}
.underline {
	text-decoration: underline;
}
.pc-none {
	display: none;
}

.mb00{
	margin-bottom: 0 !important;
}
@media screen and (min-width: 640px) {
	.pc-w_auto {
		width: auto !important;
	}
}
@media screen and (max-width: 640px) {
	.sp-none {
		display: none;
	}
	.pc-none {
		display: block;
	}
	.right_con, .left_con {
		float: none;
	}
}
.green {
	color: #00AB55;
}
.loan_img {
	margin: 0;
}
.btn_50p_center {
	width: 50%;
	margin: 0 auto;
}
.clear {
	clear: both;
}
.clearfix {
	zoom: 1;
}
.clearfix:after {
	content: "";
	display: block;
	clear: both;
	overflow: hidden;
}
.font-m .f-ml_none, .font-l .f-ml_none {
		display: none;
}
.mgr-mdpx{
	margin-right:21px;
}
.font-s .f-s_none {
		display: none;
}
/************2021/06 chatbot 追加関連  ************/

span#closebtn.probrem_close{
	z-index: 9999;
}

span#closebtn.mvctson{
	bottom: calc(50% - 30px);
}

@media screen and (max-width: 640px){
	span#closebtn.mvctson{
		bottom: calc(58% - 24px);
	}
}

.jyutaku_web {
	width: 90%;
	margin: 30px auto;
	padding: 40px 20px;
	border: 3px solid #44b57a;
	text-align: center;
	background: url('../../net_tetsuduki/img/img_bg_loan_sp_00.png') no-repeat center/cover;
}

.jyutaku_web h3 {
	display: inline-block;
	margin-bottom: 20px;
	font-size: 20px;
	border-bottom: 2px solid #000;
}

.jyutaku_web_btn a {
	display: block;
	/* width: 100%;
	padding: 12px 31px;
	text-decoration: none;
	background: #00ab55; */
	color: #fff;
}

.jyutaku_web_btn a:first-child {
	margin-bottom: 12px;
}

@media screen and (min-width: 640px){
	.jyutaku_web {
		max-width: 1010px;
		background: url('../../net_tetsuduki/img/img_bg_loan_00.png') no-repeat center/cover;
	}

	.jyutaku_web_btn {
		display: flex;
		justify-content: center;
	}

	.jyutaku_web_btn a {
		width: auto;
		transition: .24s ease;
	}

	.jyutaku_web_btn a:hover {
		background-color: #087d42;
	}

	.jyutaku_web_btn a:first-child {
		margin-right: 20px;
		margin-bottom: 0;
	}
}