@charset "utf-8";

header{
    position: fixed;    /* bodyに対しての絶対位置指定 */
    right:0;
    top: 0;
	z-index:100;
	width:96%;
	background:#6CF;
	padding:0 2% 0 2%;
	height:60px;
	border-bottom:1px solid #fff;
}

.logo a{
	font-size:24px;
	color:#000;
	float:left;
	line-height:60px;
	margin-right:50px;
}

.g-nav{
	width:100%;
}
.g-nav ul li{
	float:left;
	line-height:60px;
	font-size:14px;
	font-weight:bold;
}
.g-nav ul li a{
	color:#fff;
	display:block;
	padding:0 10px 0 10px;
}
.g-nav ul li a:hover{
	background:#09F;
}


.nav-tel{
    position: fixed;    /* bodyに対しての絶対位置指定 */
    right:150px;
    top: 0;
	line-height:60px;
	font-size:18px;
	font-weight:bold;
}
.nav-tel a{
	color:#fff;
	display:block;
	padding:0 10px 0 10px;
}
.nav-tel a:hover{
	color:#F00;
}

.nav-entry{
    position: fixed;    /* bodyに対しての絶対位置指定 */
    right:0;
    top: 0;
	line-height:60px;
	font-size:14px;
	font-weight:bold;
}

.nav-entry a{
	color:#fff;
	background:#FC0;
	color:#000;
	display:block;
	padding:0 10px 0 10px;
}
.nav-entry a:hover{
	background:#F00;
	color:#fff;
}

nav.globalMenuSp,.navToggle{
	display:none;
}

@media screen and (max-width:1200px) {
	
.nav-tel{
	display:none;
}

.g-nav{
	display:none;
}
	
.nav-entry{
    position: fixed;    /* bodyに対しての絶対位置指定 */
    right:60px;
    top: 0;
	line-height:60px;
}
	
nav.globalMenuSp,.navToggle{
	display:block;
}

nav.globalMenuSp {
	display: none;
    position: fixed;
    z-index: 2;
    top: 0;
    left: 0;
    background: #fff;
    color: #fff;
    text-align: center;
    transition: all 0.6s;
    width: 100%;
}

nav.globalMenuSp ul {
	background:#09F;
    margin: 0 auto;
    padding: 0;
    width: 100%;
}

nav.globalMenuSp ul li {
    font-size: 1.1em;
    list-style-type: none;
    padding: 0;
    width: 100%;
    border-bottom: 1px dotted #fff;
}

/* 最後はラインを描かない */
nav.globalMenuSp ul li:last-child {
    padding-bottom: 0;
    border-bottom: 1px solid #fff;
}

nav.globalMenuSp ul li a {
    display: block;
    color: #fff;
    padding: 1em 0;
}

.navToggle {
    display: block;
    position: fixed;    /* bodyに対しての絶対位置指定 */
    right: 10px;
    top: 5px;
    width: 42px;
    height: 51px;
    cursor: pointer;
    z-index: 3;
	background:#6CF;
    text-align: center;
}

.navToggle span {
    display: block;
    position: absolute;    /* .navToggleに対して */
    width: 30px;
    border-bottom: solid 3px #fff;
    -webkit-transition: .35s ease-in-out;
    -moz-transition: .35s ease-in-out;
    transition: .35s ease-in-out;
    left: 6px;
}

.navToggle span:nth-child(1) {
    top: 9px;
}

.navToggle span:nth-child(2) {
    top: 18px;
}

.navToggle span:nth-child(3) {
    top: 27px;
}

.navToggle span:nth-child(4) {
    border: none;
    color: #fff;
    font-size: 9px;
    font-weight: bold;
    top: 34px;
}


/* 最初のspanをマイナス45度に */
.navToggle.active span:nth-child(1) {
    top: 18px;
    left: 6px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

/* 2番目と3番目のspanを45度に */
.navToggle.active span:nth-child(2),
.navToggle.active span:nth-child(3) {
    top: 18px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
}

}

@media screen and (max-width:500px) {

.logo a{
	font-size:18px;
}

}




/*-----------------------------メインビジュアル------------------------------*/

#main-visual{
	width:100%;
	height:660px;
	margin-top:50px;
	padding-top:50px;
	background:#6CF;
}

#main-visual img {
	width: 100%;
}

.visual-area{
	width:700px;
	height:100%;
	margin:auto;
	position:relative;
}

.visual{
	width:444px;
	height:460px;
	position:absolute;
	bottom:0;
	right:0;
}

.visual-area ul{
	width:100%;
}

.visual-area ul li{
	float:left;
	background:#fff;
	text-align:center;
	font-weight:bold;
	font-size:30px;
	border-radius:1em;
	width:28%;
	height:auto;
	padding:2%;
	margin-right:2%;
	margin-bottom:2%;
	text-shadow:2px 2px 3px #ccc;
	position:relative;
	z-index:10;
}

.visual-area ul li.last{
	margin-right:0;
}

.visual-area ul li span{
	color:#F00;
}


.clover{/*四つ葉イラスト*/
	position:relative;
}

.clover-ph{/*四つ葉イラスト*/
	position:absolute;
	top:30px;
	left:20px;
	z-index:0;
	background:url(../images/clover.png) no-repeat 0 0;
	width:250px;
	height:322px;
}

iframe {
	width: 100%;
}

@media screen and (max-width:1000px) {
	
.clover-ph{/*四つ葉イラスト*/
	display:none;
}

}

@media screen and (max-width:600px) {
	
#main-visual{
	height:540px;
}
	
.visual-area{
	width:92%;
}

.visual-area ul li.last{
	clear:both;
	float:left;
	margin-right:2%;
}

.visual-area ul li{
	font-size:24px;
	width:44%;
	height:130px;
	padding:2%;
	margin-right:2%;
	margin-bottom:2%;
}

.visual{
	width:320px;
	height:auto;
	position:absolute;
	bottom:0;
	right:20px;
}
	
}

@media screen and (max-width:500px) {
	
#main-visual{
	height:450px;
	margin-top:40px;
	padding-top:40px;
	background:#6CF;
}

.visual-area ul li{
	font-size:20px;
	height:110px;
}

.visual{
	width:260px;
	height:auto;
}

}




	

/*-----------------------------メイン見出し------------------------------*/

h1{
	width:92%;
	padding:20px 4% 20px 4%;
	font-size:16px;
	text-align:center;
	color:#333;
	font-weight:normal;
}

h1 span{
	color:#09F;
	font-weight:bold;
	font-size:36px;
	line-height:1.5em;
}

h1 a span{
	color:#F90;
}

h1 a:hover span{
	color:#F00;
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}

@media screen and (max-width:500px) {
	
h1 span{
	font-size:30px;
}
	
}
	
@media screen and (max-width:400px) {
	
h1 span{
	font-size:24px;
}
	
}
	
	
	


/*-----------------------------エントリーボタン------------------------------*/

.entry-wrapp{
	width:92%;
	padding:40px 4% 40px 4%;
	background: #cccccc;
	background: -moz-linear-gradient(left,  #cccccc 0%, #ffffff 50%, #cccccc 100%);
	background: -webkit-linear-gradient(left,  #cccccc 0%,#ffffff 50%,#cccccc 100%);
	background: linear-gradient(to right,  #cccccc 0%,#ffffff 50%,#cccccc 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#cccccc',GradientType=1 );
}

.entry a{
	width:500px;
	padding:30px 0 30px 0;
	margin:auto;
	display:block;
	border-radius:10px;
	box-sizing:border-box;
	border:5px solid #F66;
	text-align:center;
	text-shadow:2px 2px 3px #600;
	color:#fff;
	font-size:18px;
	line-height:1.2em;
	background: #ff3019;
	background: -moz-linear-gradient(top,  #ff3019 0%, #cf0404 100%);
	background: -webkit-linear-gradient(top,  #ff3019 0%,#cf0404 100%);
	background: linear-gradient(to bottom,  #ff3019 0%,#cf0404 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#cf0404',GradientType=0 );
}
.entry a span{
	font-size:48px;
	font-weight:bold;
	line-height:1.2em;
	color:#fff;
	text-shadow:2px 2px 3px #600;
}
.entry a:hover{
	background: #ff5db1;
	background: -moz-linear-gradient(top,  #ff5db1 0%, #ef017c 100%);
	background: -webkit-linear-gradient(top,  #ff5db1 0%,#ef017c 100%);
	background: linear-gradient(to bottom,  #ff5db1 0%,#ef017c 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff5db1', endColorstr='#ef017c',GradientType=0 );
	text-shadow:2px 2px 3px #606;
	border:5px solid #F6c;
}

@media screen and (max-width:500px) {
	
.entry a{
	width:100%;
}
.entry a span{
	font-size:36px;
}
	
}
	
	
	


/*-----------------------------コンテンツ設定------------------------------*/

.wrap{
	width:100%;
	height:auto;
	padding:100px 0 100px 0;
}

.back-blue{
	background:#f0f8ff;
}

.contents{
	width:1000px;
	margin:auto;
}

.contents h2{
	text-align:center;
	color:#999;
	font-size:18px;
}
.contents h2 span{
	font-size:40px;
	line-height:1.5em;
}

.br900{
	display: none;
}
.br500{
	display: none;
}

	
@media screen and (max-width:1000px) {

.contents{
	width:92%;
}

}

@media screen and (max-width:900px) {
	
.br900{
	display: block;
}
	
}

@media screen and (max-width:500px) {
	
.wrap{
	padding:70px 0 70px 0;
}
	
.contents h2 span{
	font-size:30px;
}

.back-blue{
	background:#e6e6fa;
}

.br500{
	display: block;
}

}

	


/*-----------------------------お申込みの流れ------------------------------*/

.flow{
	width:96%;
	padding:2%;
	border:1px solid #ccc;
}
.flow ul li.text{
	float:left;
	width:530px;
}
.flow ul li.text .p-text span{
	font-weight:bold;
	color:#09f;
}
.flow ul li.right img{
	float:right;
	margin-left:20px;
	border-radius:10px;
	width:250px;
	height:205px;
}
p.allow{
	text-align:center;
	font-size:48px;
	margin:40px 0 20px 0;
	line-height:0;
	color:#ccc;
}
.flow ul li.step{
	float:left;
	width:80px;
	height:80px;
	padding:20px;
	border-radius:10em;
	text-align:center;
	font-size:24px;
	font-weight:bold;
	margin-right:20px;
	background:#6CF;
	line-height:1.2em;
	border:7px solid #CFF;
}
.flow ul li.step span{
	font-size:48px;
	line-height:1.2em;
}
.flow ul li h3.text-blue{
	font-size:24px;
}
.flow ul li h3.text-blue{
	color:#09f;
}

@media screen and (max-width:1000px) {

.flow{
	width:90%;
	padding:2% 5% 5% 5%;
}
.flow ul li.step{
	float:none;
	margin:auto;
}
.flow ul li h3{
	margin-top:20px;
}
.flow ul li.text{
	float:none;
	width:100%;
}
.flow ul li.right img{
	float:none;
	margin:20px auto 0 auto;
}

}

@media screen and (max-width:500px) {
	
.flow ul li.right img{
	width:100%;
	height:auto;
}
.flow ul li h3.text-blue{
	font-size:20px;
}

}



/*-----------------------------ご返済について------------------------------*/

ul.tab_menu li{
	float:left;
	width:49%;
	margin-right:2%;
}

ul.tab_menu li.last{
	float:right;
	width:49%;
	margin-right:0;
}

ul.tab_menu li a{
	height:70px;
	line-height:70px;
	font-size:24px;
	font-weight:bold;
	color:#999;
	text-decoration:none;
	display:block;
	text-align:center;
	width:100%;
	background:#ccc;
	border-radius:3px 3px 0 0;
	border-bottom:1px solid #ccc;
}

ul.tab_menu li a:hover{
	background:#FC0;
}

ul li a.current{
	background:#FC0;
	color:#333;
}

#tab1{
	width:50%;
	padding:3% 25% 3% 25%;
	background:#fff;
	text-align:center;
	font-size:24px;
	font-weight:normal;
	margin-bottom:50px;
}

#tab2{
	width:50%;
	padding:3% 25% 3% 25%;
	background:#fff;
	text-align:center;
	font-size:24px;
	font-weight:normal;
	margin-bottom:50px;
}

.type_menu dl dt{/*共通*/
	text-align:left;
	font-size:18px;
	font-weight:bold;
	width:8em;
}

.type_menu dl dd .select_suffix, .type_menu dl dd .text_suffix {
	float:left;
	font-size:18px;
	font-weight:bold;
}
	
.type_menu dl dd{
	width:500px;
}

.type_menu dl dd .amount_borrow{/*ご希望融資額*/
	width:60%;
	padding:10px 2% 10px 2%;
	font-size:15px;
	float:left;
	margin-right:10px;
}

.type_menu dl dd .count{/*ご希望返済回数*/
	width:55%;
	padding:10px 2% 10px 2%;
	font-size:15px;
	float:left;
	margin-right:10px;
}

.type_menu dl dd .payback{/*ご希望返済金額*/
	width:55%;
	padding:10px 2% 10px 2%;
	font-size:15px;
	float:left;
	margin-right:10px;
}

.simulation{/*シミュレーションボタン*/
	font-size:18px;
	font-weight:bold;
	color:#666;
	padding:5px 3% 5px 3%;
}

/* シミュレーション結果 */
.simulation_result {
	margin-top: 20px;
	margin-bottom: 20px;
	padding: 20px;
	width:90%;
	font-size: 28px;
	background-color: #FFF;
	border: 5px solid #CCC;	
}

.result_title {
	color: #000;
}

.result_value {
	color: #F00;
}

@media screen and (max-width:500px) {

ul.tab_menu li a{
	font-size:18px;
}

#tab1{
	width:90%;
	padding:3% 5% 3% 5%;
}

#tab2{
	width:90%;
	padding:3% 5% 3% 5%;
}

.type_menu dl dd{
	width:200px;
}

.type_menu dl dd .amount_borrow{/*ご希望融資額*/
	width:100%;
}

.type_menu dl dd .count{/*ご希望返済回数*/
	width:95%;
}

.type_menu dl dd .payback{/*ご希望返済金額*/
	width:95%;
}

/* シミュレーション結果 */
.simulation_result {
	padding: 10%;
	width: 75%;
	font-size: 20px;
}

}

@media screen and (max-width:400px) {
	
ul.tab_menu li a{
	font-size:15px;
}
	
}





/*-----------------------------お借入れ------------------------------*/

table.borrowing{
	width:100%;
	background:#fff;
	margin-bottom:0;
}

table.borrowing th,table.borrowing td{
	border:1px solid #ccc;
	vertical-align:middle;
	text-align:center;
	padding: 12.5px 1%;
	font-size: 14px;
	line-height: 1.25;
}

table.borrowing th{
	background:#fffff0;
}

table.borrowing th.blue{
	background: #09f;
	color:#fff;
}

@media screen and (max-width:500px) {
	
table.borrowing th,table.borrowing td{
	font-size:12px;
}

}
	
	
	
	

/*-----------------------------ご融資の基準------------------------------*/

table.standard{
	width:100%;
	background:#fff;
}

table.standard th,table.standard td{
	border:1px solid #ccc;
	vertical-align:middle;
	padding: 12.5px 2%;
}

table.standard th{
	background:#fffff0;
	width: 30%;
	text-align:center;
	font-weight:normal;
}

table.standard td{
	text-align:left;
	color: #069;
	font-weight:bold;
}

@media screen and (max-width:500px) {

table.standard th{
	font-size:13px;
}

}



/*-----------------------------Q&A、個人情報取扱い（利用規約）------------------------------*/

.qa {
  width:100%;
  margin: auto;
}

.toggle_wrap:last-of-type {
  border-bottom: 1px solid #ccc;
}

.toggle_switch {
  position: relative;
  cursor: pointer;
  padding: 20px 2%;
  border-top: 1px solid #ccc;
}

.toggle_switch p {
	line-height:2em;
}

.toggle_switch span.qqq{
	font-size:24px;
	padding:5px 10px;
	border-radius:10em;
	background:#f69;
	color:#fff;
}

.toggle_switch.open {
	border-bottom: 1px solid #ccc;
}

.toggle_switch:hover {
	background-color: #f0f0f0;
}

.toggle_switch::after {
  content: "";
  display: inline-block;
  width: 18px;
  height: 11px;
  background: url(../images/arrow_down.svg) no-repeat center center;
  background-size: contain;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 20px;
  transition: transform .2s;
}

.toggle_switch.open::after {
	transform: rotateZ(180deg);
	top: 46%;
}

.toggle_contents {
	display: none;
  padding: 20px 2%;
}

.toggle_contents p {
	line-height:2em;
}

.toggle_contents p span.aaa{
	font-size:24px;
	padding:5px 10px;
	border-radius:10em;
	background:#87de90;
	color:#fff;
}

@media screen and (max-width:600px) {

.toggle_switch p {
	font-size:15px;
	padding-right:15%;
}
.toggle_contents p {
	font-size:15px;
	padding-right:15%;
}

}

.toggle_contents dl dt{
	font-weight:bold;
	color:#666;
}
.toggle_contents dl dd{
	color:#666;
}
.toggle_contents p{
	color:#666;
}


.toggle_switch h3{
	font-size:15px;
	padding-right:15%;
	color:#666;
}


/*-----------------------------会社情報------------------------------*/

table.company{
	width:100%;
	background:#fff;
	margin-bottom:50px;
}

table.company th,.company td{
	border-bottom:1px solid #ccc;
	vertical-align:middle;
	padding:1% 2% 1% 2%;
	background:#fff;
}

table.company th{
	width:25%;
	text-align:center;
	font-weight:normal;
}

table.company td{
	text-align:left;
	border-right:none;
	border-top:none;
}

table.company th.last,td.last{
	border-bottom:none;
}

@media screen and (max-width:500px) {

table.company th,.company td{
	font-size:13px;
}

}



/*-----------------------------フッター------------------------------*/


footer{
	width:100%;
	height:auto;
	background:#6CF;
}

footer .kikan{
	width:92%;
	padding:20px 4% 20px 4%;
	background:#fff;
}

footer .kikan h3{
	text-align:center;
	font-size:15px;
	color:#09F;
}

footer .kikan p{
	text-align:center;
	font-size:13px;
}

footer p.shougou{
	text-align:center;
	line-height:1.5em;
	font-size:13px;
	padding-top:20px;
}

.foot-logo{
	font-size:24px;
	color:#000;
	text-align:center;
	padding-bottom:15px;
}

p.copy{
	width:92%;
	padding:10px 4% 10px 4%;
	background:#6cf;
	color:#fff;
	text-align:center;
	font-size:13px;
	line-height:1.5em;
	border-top:1px solid #fff;
}


/*-----------------------------ページトップリンク------------------------------*/
#go-top{
	width:60px;
	height:60px;
	font-size:24px;
	position: fixed;
	bottom:8%;
	right:1%;
	z-index:50;
}
#go-top a{
	border-radius:10em;
	background:#09F;
	color:#fff;
	opacity:0.8;
	text-align:center;
	line-height:60px;
	display:block;
	text-decoration:none;
}
#go-top a:hover{
	opacity:0.5;
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}





br.br-700{
	display:none;
}

@media screen and (max-width:700px) {
	
br.br-700{
	display: block;
}

}
	
	
	
	


/*-----------------------------注釈20211022------------------------------*/

p.komiai-text{
	text-align:center;
	margin:0 auto;
	width:92%;
	font-size:14px;
}


@media screen and (max-width:500px) {

p.komiai-text{
	font-size:12px;
}

}