@charset "UTF-8";

/*---------------------------------------------------------
							reset
---------------------------------------------------------*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	font-family: 'Noto Sans JP', sans-serif;
	box-sizing:border-box;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}

body {
	background-color: #fff;
	-webkit-text-size-adjust: none;
	font-size: 16px;
	color: #000;
	line-height: 1.8;
}

a {
	color: #000;
	outline: none;
	text-decoration:none;
}
.sp {
	display: none;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}
img{
	width:100%;
    margin: 30px 0px;
}



a:hover img {
	opacity: 0.8;
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
}

a.anchor {
	position: relative;
	top: -80px;
	display: block;
}
.text-center{
	text-align: center !important;
}
.text-left{
	text-align: left !important;
}

/* マージン */
html .main .mt-s{
	margin-top: 1em;
}
html .main .mt-m{
	margin-top: 2em;
    line-height: 1.7rem;
    background-color: #F5F5F5;
}
html .main .mt-0{
	margin-top: 0;
}

html .main .font-5{
	font-size: 1.2em;
	line-height: 1.4em;
	text-indent: 0;
}
html .main .font-5 small{
	font-size: .8rem;
}

/*--------------------
 吹き出しを作る
--------------------*/
.balloon {
position: relative;
}
.balloon:before,.balloon:after {
clear: both;
content: " ";
display: block;
width: 1px;
}
.balloon figure {
width: 60px;
height: 60px;
margin-bottom: 0;
}
.balloon figure img{
width: 60px;
height: 60px;
}
.balloon-image-left {
float: left;
margin-right: 20px;
}
.balloon-image-right {
float: right;
margin-left: 20px;
}
.balloon figure img {
width: 100%;
height: 100%;
border: 1px solid #ccc;
border-radius: 50%;
margin: 0;
}
.balloon-image-description {
padding: .2em 0 0;
font-size: .8em;
text-align: center !important;
}
.balloon-text-right,.balloon-text-left {
position: relative;
padding: 10px;
margin-left: 20px;
margin-bottom: 20px;
border: 1px solid;
border-radius: 10px;
max-width: -webkit-calc(100% - 120px);
max-width: calc(100% - 160px);
display: inline-block;
border-color: #ccc;
}

.balloon-text-left {
margin-right: 20px;
float: right;
}
.balloon-text-right {
float: left;
}
.balloon p {
margin: 0 0 20px;
text-indent: 0.2em !important;
}
.balloon p:last-child {
margin-bottom: 0;
}
/* 三角部分 */
.balloon-text-right:before {
position: absolute;
content: '';
border: 10px solid transparent;
border-right: 10px solid #ccc;
top: 15px;
left: -20px;
}
.balloon-text-right:after {
position: absolute;
content: '';
border: 10px solid transparent;
border-right: 10px solid #fff;
top: 15px;
left: -19px;
}
.balloon-text-left:before {
position: absolute;
content: '';
border: 10px solid transparent;
border-left: 10px solid #ccc;
top: 15px;
right: -20px;
}
.balloon-text-left:after {
position: absolute;
content: '';
border: 10px solid transparent;
border-left: 10px solid #fff;
top: 15px;
right: -19px;
}

/*--------------------
 メモ
--------------------*/

.memo-tit{
    font-size: 1.2em;
    font-family: Quicksand,sans-serif;
    background: #FEF884;
    padding: 4px;
    text-align: center;
    color: #FFF;
    font-weight: bold;
    letter-spacing: 0.05em;
		margin-top: 1em;
     border: 2px solid #000;
}
.memo-content{
 padding: 1em 1em 0em 1em;
 /* border: solid 2px #f78072; */
 margin: 0 0 1.6em;
 background: #F5F5F5;
 text-align: center;
   
}
.memo-content .memo{
	text-indent: 0 !important;
/*	font-size: 1.16em;*/
	line-height: 1.8;
    color: #000;
}
.memo-content p .note{
color: #000;
    font-weight: 600;
    font-size: 1.3rem;
    background-color: #EF5A6F;
}
/*---------------------------------------------------------
							header
---------------------------------------------------------*/
header {
/*
	background-image: -moz-linear-gradient( -90deg, #6dd3de 0%, #a7e1ea　100%);
	background-image: -webkit-linear-gradient( -90deg, #6dd3de 0%, #a7e1ea 100%);
	background-image: -ms-linear-gradient( -90deg, #6dd3de 0%, #a7e1ea 100%);
*/
    /*	box-shadow: 0px 4px 4px 0px rgba(57, 72, 60, 0.28);*/
    background-color:#000;
/*    background: linear-gradient(90deg, rgba(169,201,255,1) 0%, rgba(255,187,236,1) 100%);*/
	height:80px;
	position:relative;
}
header .innr{
	max-width:1024px;
	margin:auto;
	position:relative;
}
header h1{
/*	background:url("../img/ic.png") no-repeat left center;*/
	color:#fff;
    font-weight: 600;
	display:table;
	margin:auto;
	font-size:25px;
	line-height:80px;
	padding-left:50px;
/*	text-shadow: 0px 4px 1px rgba(57, 72, 60, 0.28);*/
}
header h1 span{
	font-size:13px;
    color: #fff;
}
header .corp{
	font-size:10px;
	position:absolute;
	right:0;
	bottom:10px;
}
/*---------------------------------------------------------
							Layout
---------------------------------------------------------*/
#container{
/*	display:flex;*/
/*	max-width:1024px;*/
/*	margin:0 auto 36px;*/
    display: table;
    margin: 0px auto;
}
.main {
	background:#fff;
	max-width:700px;
	width:100%;
	margin-right:24px;
}
.main figure{
/*
	max-width:597px;
	margin:5px 40px 10px 40px;
*/
}
.main figcaption a {
	font-size: 0.8rem;
    color: #000;
}
.main figcaption{
	font-size: 0.8rem;
    color: #000;
}
.sns {
	margin:16px 20px 36px auto;
	text-align:right;
}
.sns iframe{
	margin-top:-5px;
}

/*---------------------------------------------------------
							main
---------------------------------------------------------*/
.main .content{
	padding-right:8px;
}
.main .content h2{
	background:#000;
	color:#fff;
/*	font-size:24px;*/
	font-weight:600;
	line-height:36px;
/*	text-shadow: 0px 4px 1px rgba(57, 72, 60, 0.28);*/
	padding-left:32px;
	position:relative;
    margin-top: 10px;
}
.main .content h2:before{
	background:#fe84b4;
	content:"";
	width:7px;
	height:25px;
	position:absolute;
	left:16px;
	top:6px;
}
.main h3{
    font-size: 25px;
    font-weight: 800;
    margin-top: 20px;
    line-height: 30px;
}
.main h4{
    font-size: 20px;
    font-weight: 800;
    margin-top: 20px;
    line-height: 30px;
}
.main ul li{
font-size: 16px;
	background:url("../img/check.png") no-repeat left center ;
    background-size: 30px 30px;
	padding-left:2em;
    font-size: revert;
}
ul li.chance {
  background-position: left top;
}
.main .attention{
   color: #EF5A6F;
 font-size: 15px;
}
/*----index.html_pc----*/
.main .content .index-h2{
    font-size: 2rem;
}
.main .content ul li figure{
    max-width: 235px;
    padding: 0 18px 0 8px;
    margin: 0;
}
/*----index.html_pc----*/
.main .content ul li div{
	font-size:18px;
	font-weight:500;
}
.main h2.ribbon{
border:3px solid #000;
background-color: #fff;
	font-size:30px;
	font-weight:600;
	position:relative;
	margin:50px 10px 30px 0;
    padding: 20px 10px 0px 30px;

}
.main h2.ribbon::before{
	content:"";
	width:333px;
	height:104px;
/*	background:url("../img/ribbon.png") no-repeat;*/
	background-size:cover;
	position:absolute;
	top:-45px;
	left:0;
	right:0;
	margin:auto;
}
.main h2.ribbon .h2-storong{
    color: #fe3282;
}
.main .content .pic_fig {
    font-size: 1.2rem;
    font-weight: 600;
}
.main .content .pic_fig span{
    color: #467DA7;
}

.main .content figcapion {
    color: #808080;
    font-size: 0.8rem;
}
.main .content figcapion a {
    color: #808080;
    font-size: 0.8rem;
}
.main p{
    color: #000;
    font-size: 1rem;
}
.main p.coma013 {
    background-image:url(../img/coma013.png);
    background-repeat:no-repeat;
    background-position: left 16px center;
    background-size: 30px;
    
}
.main .content h2.chapter{
	color:#fff;
/*	font-size:18px;*/
	line-height: 1.4;
	height:auto;
	padding:10px 15px 10px 40px;
	text-shadow:none;
	margin: 36px auto 20px;
}
.main .content h2.chapter:before{
	background:#FFBBBA;
	width:12px;
	height:100%;
	position:absolute;
	left:16px;
	top:0;
}
.main .content h3.merit{
	font-size:18px;
	font-weight:600;
	margin:60px 0 20px;
}
.main .cap img{
    margin-bottom: 0;
}
dl.merit dt{
	background:#84ccc9;
	color:#fff;
	display:table;
	padding:0 0.4em;
	margin-bottom:16px;
}
dl.merit dd{
	line-height:2;
	padding:0 1em;
	text-indent:1em;
	margin-bottom:1.5em;
}
dl.merit dd span{
	color:#ff1010;
}
dl.merit dd table td{
	white-space: nowrap;
}
dl.merit dd table td:first-child{
	font-weight:600;
}
.low_rate{
/*	background:#f5e3c3 url("../img/loan_ic.png") no-repeat;*/
    	background:#F5f5f5;
	background-size:118px;
	background-position:top 15px left 20px;
	border-radius:10px;
	padding: 20px 20px 20px 20px;
	margin-top: 2em;
/*	margin-bottom: 60px;*/
}
.low_rate strong{
	font-weight:600;
	display:table;
	position:relative;
	margin-bottom: 0em;
}
.low_rate strong span{
	color:#ff1010;
}
.low_rate strong small{
	font-weight:300;
	display:block;
	text-align: right;
}
.low_rate ul li{
/*	background:url("../img/check.png") no-repeat left center;*/
	padding-left:1.2em;
	margin-bottom:1em;
}
.low_rate a{
	display:block;
	margin: 20px 10px 10px auto;
    max-width: 400px;
}
.main figure.tb{
	max-width:696px;
}
.main figure.tb figcaption{
	text-align:right;
}
.main strong{
	display:block;
	font-weight:600;
	line-height:2;
}
.main p span{
	color:#EF5A6F ;
    font-weight: 600;
}
.main li span{
	color:#EF5A6F ;
    font-size: 20px;
    font-weight: 600;
/*    text-decoration: underline;*/
}
.omatome {
	background: #f4e8b9 ;
	border-radius: 10px;
	margin: 30px 0;
	padding: 20px;
}
.omatome .hd{
	background:url(../img/loan_ic.png) no-repeat;
	background-size: 118px;
	background-position: top 25px left 20px;
	padding: 20px 20px 25px 150px;
}
.omatome strong{
	line-height:1.5;
	margin-bottom:1em;
}
.omatome span{
	color:#ff1010;
}
.main .content .omatome ul li:first-child{
	margin-bottom:32px;
}
.main .content .omatome ul li figure{
	max-width:325px;
	width:100%;
	box-sizing: content-box;
}
.main .content ul li div.txt{
	font-size:16px;
	max-width: 337px;
	padding-right:10px;
}
.main .content ul li div.txt strong{
	text-indent:1em;
}
.main .content ul li div.txt p{
	font-weight:400;
}
.main .content .omatome a{
	max-width:400px;
	display: block;
	margin: 20px 10px 10px auto;
}
.merit2{
	background:#f4e8b9 url("../img/loan_ic.png") no-repeat;
	background-size:118px;
	background-position:top 25px left 20px;
	border-radius:10px;
	padding:20px 20px 25px 150px;
	margin:30px auto;
}
.merit2 strong{
	font-weight:600;
	display:table;
	position:relative;
}
.merit2 a{
	display:block;
	margin: 20px 10px 10px auto;
    max-width: 400px;
}
.main .content .merit2 ul{
	margin-top:1em;
}
.main .content .merit2 ul li{
	display:block;
}
.merit2 ul li strong{
	font-weight:600;
}
.merit2 ul li strong span{
	background:#f19149;
	border:5px solid #f5b324;
	color:#fff;
	display:inline-block;
	border-radius:32px;
	padding:0 0.8em;
	line-height:1.8;
	margin-right:12px;
}
.main .content .merit2 ul li figure{
	max-width:268px;
	margin:1em auto;
	padding:0;
}
figure.gakuhi{
	max-width:672px;
	margin:0 auto 2em;
}
figure.gakuhi figcaption{
	font-size:12px;
	margin-top:2em;
}
/*----------------------
削除候補↓
------------------------*/
.kinrisa{
	background:#f4e8b9 url("../img/loan_ic.png") no-repeat;
	background-size:118px;
	background-position:top 25px left 20px;
	border-radius:10px;
	padding:20px 20px 25px 150px;
	margin:30px auto 60px;
}
.kinrisa strong{
	font-weight:600;
	display:table;
	position:relative;
	margin-bottom:2em;
}
.kinrisa figure{
	max-width:519px;
	margin:20px auto 20px 0;
}
.kinrisa figcaption{
	text-align:center;
}
.kinrisa a{
	display:block;
	margin: 20px 10px 10px auto;
    max-width: 400px;
}
/*ここまで↑*/

.btmbtn{
	display:block;
	max-width:550px;
	margin:32px auto 64px;
}
/*----------------------
btn
------------------------*/
.btn{
    margin-top: 20px;
}
/*---------------------------------------------------------
							sidebar
---------------------------------------------------------*/
#pc-side-nav .innr{
	background:#f2f6fb;
	border-radius:30px;
	padding:20px;
	width:300px;
	margin-top:50px;
	position: -webkit-sticky;
	position:sticky;
	top:0;
}
#pc-side-nav h3{
	background:#000;
	color:#fff;
	font-size:24px;
	font-weight:600;
	line-height:36px;
	margin:0 0 24px 8px;
	padding-left:28px;
	position:relative;
}
#pc-side-nav h3:before{
	background:#FFBBBA;
	content:"";
	width:7px;
	height:29px;
	position:absolute;
	left:10px;
	top:4px;
}
#pc-side-nav ul{
	font-size:16px;
}
#pc-side-nav ul a{
	color:#407ff3;
}
#pc-side-nav ul a:hover{
	text-decoration:underline;
}
#pc-side-nav ul li{
	background:url("../img/ar.png") no-repeat;
	background-position:left top 5px;
	text-indent:1em;
	margin-bottom:20px;
}
.fixedsticky {
  position: -webkit-sticky;
  position: -moz-sticky;
  position: -ms-sticky;
  position: -o-sticky;
  position: sticky;
}
/* When position: sticky is supported but native behavior is ignored */
.fixedsticky-withoutfixedfixed .fixedsticky-off,
.fixed-supported .fixedsticky-off {
  position: static;
}
.fixedsticky-withoutfixedfixed .fixedsticky-on,
.fixed-supported .fixedsticky-on {
  position: fixed;
}
.fixedsticky-dummy {
  display: none;
}
.fixedsticky-on + .fixedsticky-dummy {
  display: block;
}
ul.movies{
	display:flex;
	background:#fae6c9;
	padding:20px 15px;
}
ul.movies header{
	display:block;
	background:none;
	font-size:20px;
	font-weight:500;
	height:100px;
	box-shadow:none;
	text-align: center;
}
ul.movies header span{
	color:#ff7d00;
	display:block;
	margin-top:10px;
}
ul.movies header small{
	font-size:16px;
}
ul.movies header img{
	max-width:332px;
	margin:auto;
}
ul.movies li{
	flex-direction:column;
	width:50%;
}
.main .content ul.movies li figure{
	max-width:284px;
	padding:0;
}

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

footer {
	width: 100%;
	background: #000;
	color: #fff;
	margin: auto;
	font-size: 12px;
	font-weight: 400;
	text-align: center;
	padding:32px 0;
}
footer a{
	color: #fff;
}
#page-top {
	position: fixed;
	bottom: 0;
	right: 20px;
}

#page-top img {
	vertical-align: bottom;
}
#ft_cv{
	background:#dc3e3a;
	position:fixed;
	text-align:center;
	line-height:76px;
	width:100%;
	z-index:10;
}
#ft_cv a{
	color:#fff;
	font-size:28px;
	font-weight:600;
	background:url("../img/ftar.png") no-repeat left center;
	background-size:24px;
	padding-left:32px;
	text-decoration:none;
}
/*---------------------------------------------------------
							Mobile
---------------------------------------------------------*/

/*Media Queries*/

@media screen and (max-width: 767px) {
body, html {
	min-width: 100%;
}
body {
	font-size: 14px;
}
img {
	max-width: 100%;
    margin: 10px 0px;
    margin-bottom: 
}

img.sp {
	width: 100%;
}
.pc {
	display: none;
}
.sp {
	display: block;
}
header{
    /*	position: fixed;*/
	height:55px;
    width: 100%;
	z-index:100;
/*    background-color: #fff;*/
}
#pc-side-nav{
	display:none;
}
header h1{
    color: #fff;
    font-weight: 600;
	line-height:50px;
	padding-left: 20px;
}
    
header .corp{
	transform: scale(0.8);
	right: -14px;
	bottom: 0;
}
.menu-btn {
	position: fixed;
	top: 8px;
	right: 8px;
	z-index: 999;
	display: inline;
	width:30px;
}
.menu-btn a {
	display: inline-block;
	text-decoration: none;
	/* safari hack */
}
.btn-open:after {
	content: "";
	background-image:url("../img/open.png");
	width:30px;
	height:30px;
	background-size: contain;
	display: inline-block;
	vertical-align: middle;	-webkit-transition: all .2s linear 0s;
	-moz-transition: all .2s linear 0s;
	-o-transition: all .2s linear 0s;
	transition-property: all .2s linear 0s;
}
.btn-close:after {
	content: "";
	background-image:url("../img/close.png");
	width:30px;
	height:30px;
	background-size: contain;
	vertical-align: middle;
	display: inline-block;
	-webkit-transition: all .2s linear 0s;
	-moz-transition: all .2s linear 0s;
	-o-transition: all .2s linear 0s;
	transition-property: all .2s linear 0s;
}
html .main .mt-s-sp{
	margin-top: 1em;
}
html .main .mt-m-sp{
	margin-top: 2em;
}
html .main .mt-0-sp{
	margin-top: 0;
}
    .sns{
        margin-bottom: 0px;
    }
    .main .tai {
margin: 70px 0px 0px 0px;  
    }
    .main .content .pic_fig{
        font-size: 15px;
    }
    .main .content .index-h2{
        font-size: 1.7rem;
margin-left: 10px;
        margin-top: 10px;
    }  
.main .content ul li .news
    {
        max-width: 100%;
    }
    

/* OVERLAY */
.fixed {
    position: fixed;
    width: 100%;
    height: 100%;
}
.overlay {
	position: fixed;
	top: 0;
	right:0;
	width:300px;
	height:100%;
	z-index: 999999;
	display: none;
	overflow: scroll;
}
.overlay .innr{
	background:#fffcde;
	border-radius:30px;
	padding:20px;
	margin:50px auto;
}
.overlay h3{
	background:#000;
	color:#fff;
	font-size:18px;
	font-weight:600;
	line-height:24px;
	margin:0 0 12px 4px;
	padding-left:14px;
	position:relative;
}
.overlay h3:before{
	background:#FFBBBA;
	content:"";
	width:3px;
	height:18px;
	position:absolute;
	left:5px;
	top:3px;
}
.overlay ul{
	font-size:14px;
}
.overlay ul a{
	color:#407ff3;
}
.overlay ul li{
	background:url("../img/ar.png") no-repeat;
	background-size:10px;
	background-position:left top 5px;
	text-indent:1em;
	margin-bottom:15px;
    font-size: 12px;
}
.overlay figure{
	max-width:80%;
	margin:auto;
}
.main{
	margin-right:0;
	padding:0 5% 0;
/*	margin-top:-65px;*/
}
    .main h2.ribbon .h2-storong{
padding: 1px 5px;
    }
.main h2.ribbon{
	font-size:1.1rem;
/*	margin:105px 0 0;*/
	padding: 10px 15px 10px;
/*    margin-top: 70px;*/
}
.main h2.ribbon::before{
	width:80%;
	height:82px;
	top:-50px;
	background-size: contain;
}
.main .content h2.chapter{
	font-size:16px;
}

dl.merit dd{
	padding:0;
}
dl.merit dd table td{
	white-space:normal;
	font-size:13px;
	display:block;
}
dl.merit dd table td:first-child{
	margin:1em auto 0.5em;
	font-size:16px;
}
.low_rate,.merit2,.kinrisa{
	padding: 60px 15px 20px;
}
.low_rate {
    background-position: top 15px center;
		margin-bottom: 20px;
		padding-top: 3px;
	}
.low_rate strong{
  margin-bottom: 0.5em;
	line-height: 1.4em;
	margin-top: 1em;
}
.low_rate strong small{
	font-size:10px;
}
.low_rate ul{
	/* margin-top:20px; */
	font-size:13px;
}
.low_rate a,.main .content .omatome a,.merit2 a,kinrisa a{
	margin:20px 0 0;
}
.main figure.tb,.main figure.gakuhi{
	overflow:auto;
	-webkit-overflow-scrolling: touch;
-webkit-scrollbar{height:10px;}/*バーの太さ*/
-webkit-scrollbar-track{background:#dddddd;}/*バーの背景色*/
-webkit-scrollbar-thumb{background:#2cc2e4;}/*バーの色*/
}
.main figure.tb img{
	width:500px;
	max-width:none;
}
.main figure.tb figcaption{
	width:500px;
	font-size:10px;
}
.main figure.gakuhi img{
	width:500px;
	max-width: 100%;
}
.main figure.gakuhi figcaption{
	width:500px;
	font-size:10px;
}
.omatome{
	padding: 0 15px 20px;
}
.omatome .hd{
	padding: 60px 15px 20px;
}
.omatome p,.merit2 p{
	font-size:13px;
	line-height:1.5;
}
.main .content .omatome ul li{
	display:block;
	padding:0 ;
}
.main .content .omatome ul li figure{
	box-sizing:border-box;
	padding:0;
}
.merit2 ul li strong{
	width:100%;
}
.merit2 ul li strong span{
	display:table;
}
.kinrisa strong{
	margin-bottom:1em;
}
ul.movies,.main .content ul li{
	display:block;
}
.main figcaption{
    font-weight: 400;
	text-align: left;
	font-size: 10px;
}

.balloon figure {
height: auto;
}
.balloon-text-right, .balloon-text-left {
	max-width: calc(100% - 80px) !important;
	margin: 0 0 20px 0;
}
.balloon-text-right {
	margin-left: 20px;
}
.balloon-text-left {
	margin-right: 20px;
    font-size: 10px;
}
.memo-content p .note{
color: #000;
    font-size: 1rem;
}
   .memo-content p{
    font-size: 16px;
    text-align: left;
}

}
@media screen and (max-width: 320px){
    header h1{
        font-size: 15px;
    }
}
@media screen and (max-width: 1000px) and (min-width: 768px) {
	body, html {

	}
}