@charset "UTF-8";

/*------------------------------------------------------------
共通
------------------------------------------------------------*/
/*------------ ptov ------------*/
/*------------ 四捨五入 ------------*/
/*------------------------------------------------------------
↑↑ ref ex) font-size: v(n);
------------------------------------------------------------*/
html {
    font-size: 100%;
}

body {
    -webkit-text-size-adjust: 100%;
    font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
    font-feature-settings: "palt";
    font-weight: 500;
    line-height: 1.6;
    color: #444444;
}

img {
	vertical-align: bottom;
	border: none;
	line-height: .1;
}
#wrapper img {
	width: 100%;
	height: auto;
}

a {
    text-decoration: none;
    line-height: 1;
}

li {
    list-style: none;
}

sup {
    font-size: 0.5em;
    vertical-align: top;
}

.pagetop {
    text-align: right;
    padding-bottom: 20px;
}

.pc {
    display: none;
}

.clearfix:after {
    content: " ";
    display: block;
    clear: both;
}

.acc_wrap {
    display: none;
}
.scrpt {
	display: none;
}
#lpcontens ul.cation > li.kome {
	list-style: none;
	position: relative;
}
#lpcontens ul.cation > li.kome::before {
	content: "※";
	position: absolute;
	left: -1.3em;
	top: 0;
}

/*------------------------------------------------------------
wrapper
------------------------------------------------------------*/
#wrapper {
    margin: 0 auto;
    width: 100%;
    letter-spacing: 0.1em;
}

/*------------------------------------------------------------
header
------------------------------------------------------------*/
header {
    padding-top: 5.33vw;
}

header h1 {
    width: 58.27vw;
    line-height: 0.1;
    margin: 0 auto;
}


/*------------------------------------------------------------
mv
------------------------------------------------------------*/
.date.-margin-md {
    margin-bottom: 10px;
    margin-top: 20px;
}
h1.mv {
	margin: 0 0 40px;
}

/*------------------------------------------------------------
apply-button-area
------------------------------------------------------------*/
.apply-button-area {
    padding: calc( 60 / 750 * 100vw ) 0 calc( 40 / 750 * 100vw );
	text-align: center;
}
.apply-button-area a + a {
	display: inline-block;
	margin-top: calc( 40 / 750 * 100vw );
	width: 100%;
}
.apply-button {
    width: 100%;
    background: #eb5505;
    position: relative;
    margin: 0 auto;
    border-radius: 100px;
}
.apply-button dt {
    font-size: calc( 32 / 750 * 100vw );
		line-height: 1.5;
    font-weight: bold;
    display: inline-block;
    padding: calc( 25 / 750 * 100vw );
    color: #FFFFFF;
		text-align: center;
	width: 100%;
}
.apply-button.brown {
	background: #fff;
	border: #7e450e solid 3px;
}
.apply-button.brown dt {
	color: #7e450e;
	font-size: calc( 25 / 750 * 100vw );
	font-weight: bold;
	padding: calc( 34 / 750 * 100vw );
	letter-spacing: 0.05em;
}
.apply-button-area a.simu {
	color: #0070c0;
	display: inline-block;
	width: auto;
	font-size: calc( 28 / 750 * 100vw );
}
.apply-button dt span {
    font-size: 3.5vw;
}

.apply-button dd {
    width: calc( 36 / 750 * 100vw );
    position: absolute;
    top: 50%;
    right: calc( 20 / 750 * 100vw );
		margin-top: calc( -36 / 2 / 750 * 100vw );
}
.apply-button.brown dd {
	background: #7e450e;
	border-radius: 100px;
	border: #7e450e solid 1px;
}

.apply-button-txt {
    font-size: 2.67vw;
    color: #333333;
    width: 85.33vw;
    margin: 0 auto;
    margin-top: 4vw;
}

.apply-button-txt a {
    color: #309cf7;
}
.apply-button-area p.atte {
	font-size: calc( 20 / 750 * 100vw );
	line-height: 1.3;
	letter-spacing: 0.1em;
	text-align: center;
	margin-top: calc( 20 / 750 * 100vw );
}

/*------------------------------------------------------------
content01
------------------------------------------------------------*/
.pc {
    display: none;
}

.sp {
    display: block;
}

  #content01 {
    width: 93.33vw;
    margin: 0 auto;
  }
/*------------------------------------------------------------
content08
------------------------------------------------------------*/
#content08 {
    background: #f5f5f5;
    padding: 2.67vw 0;
    margin-top: 5.33vw;
}

#content08 .wrap {
    margin: 0 auto;
    width: 93.3%;
}

#content08 .desk h2 {
    border-bottom: 0.13vw solid #ccc;
    font-size: 4vw;
    padding-bottom: 0.67vw;
}

#content08 .desk .tell {
    font-size: 2.1rem;
    font-weight: bold;
    margin-top: 0.67vw;
}

#content08 .desk .time {
    font-size: 1.5rem;
}

#content08 .desk .small {
    font-size: 1rem;
    font-weight: normal;
    padding: 0 3%;
}

#content08 .wrap>h2 {
    font-size: 4vw;
    font-weight: bold;
    text-align: center;
    margin-top: 4vw;
    color: #333333;
}

#content08 h2 span {
    border-bottom: 0.13vw solid #333;
    padding-bottom: 0.67vw;
}

#content08 ul {
    margin-top: 2.67vw;
}

#content08 ul li {
    font-size: 2vw;
    text-indent: -1rem;
    margin-left: 1rem;
}

#content08 .bnr {
    margin-top: 2.67vw;
}

#content08 .bnr p:not(:first-child) {
    margin-top: 1.33vw;
}

#content08 .repay {
    background: #fff;
    border: 0.13vw solid #ccc;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 2vw 5%;
    margin-top: 2.67vw;
}

#content08 .repay .logo {
    width: 49%;
}

#content08 .repay .logo p {
    font-size: 3.07vw;
}

#content08 .repay .logo .img {
    margin-top: 2.93vw;
}

#content08 .repay .dial {
    font-size: 2.67vw;
    letter-spacing: 0em;
    width: 44%;
}

#content08 .repay .dial p:last-child {
    font-size: 2.4vw;
    line-height: 1.2;
    margin-top: 0.67vw;
}

#content08 .financial {
    background: #fff;
    border: 0.13vw solid #ccc;
    padding: 2vw 0;
    margin-top: 1.33vw;
}

#content08 .financial h3 {
    font-size: 3.2vw;
    font-weight: bold;
    text-align: center;
}

#content08 .financial div {
    /* display: flex; */
    align-items: center;
    justify-content: space-between;
    padding: 0 5%;
    margin-top: 1.33vw;
    text-align:center;
}

#content08 .financial div .txt {
    font-size: 2.53vw;
    line-height: 1.8;
    display: inline-block;
    margin: 0 auto;
    text-align:left;
}

#content08 .financial div .img {
    width: 13%;
}

#content08 .financial+p {
    margin-top: 2.66vw;
    font-size: 2.67vw;
}

#content08 ul {
    list-style: none;
}

#content08 .wrap .banner {
  margin-bottom: 30px;
  text-align: center;
}

/*------------------------------------------------------------
footer
------------------------------------------------------------*/
footer {
    background: #696969;
    padding: 2vw 0;
}

.copy {
    color: #fff;
    font-size: 2.4vw;
    font-feature-settings: "palt";
    text-align: center;
}

/*------------------------------------------------------------
button
------------------------------------------------------------*/
.button_area {
    margin: 10px auto 0;
    width: 93.3%;
}

.button_area .annotation,
.btn_annotation {
    margin-top: 10px;
    font-size: 14px;
}

.button {
    background: #6e3319;
    border: 1.33vw solid #9a6149;
    text-align: center;
    padding: 5.33vw 0;
    margin-top: 20px;
    margin-bottom: 15px;
    width: 90.67vw;
}

.button p {
    color: #fff;
    text-shadow: 0px 2px 0px 0px #522613;
}

.button .txt {
    display: block;
    font-size: 4.53vw !important;
    font-weight: bold;
    position: relative;
}

.button .txt:before {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    right: 3%;
    width: 0;
    height: 0;
    margin-top: -1.07vw;
    border: 1.33vw solid transparent;
    /*top right bottom を透明化 */
    border-left: 1.33vw solid #fff;
}

/*------------------------------------------------------------
popup01
------------------------------------------------------------*/
.popup {
    display: none;
    height: 100vh;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    padding-top: 4vw;
    box-sizing: border-box;
    z-index: 500;
}

.popup .bg {
    height: 100vh;
    width: 100%;
    background: rgba(0, 0, 0, 0.7);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 510;
}

.popup .cnt {
    position: relative;
    z-index: 520;
    max-height: 82%;
    overflow: auto;
}

.popup .cnt .wrap {
    width: 89.33vw;
    margin: 0 auto;
    background: #f4f4f4;
    box-sizing: border-box;
}

.show01 {
    display: block;
    /*display: flex;
    justify-content: center;
    align-items: center; */
}

#au-check {
    width: 89.33vw;
}

#au-check h2 {
    font-size: 4.67vw;
    font-weight: bold;
    text-align: center;
    padding: 6.67vw 0 4.27vw;
}

#au-check .check_txt_l {
    text-align: right;
    padding-right: 2.13vw;
    vertical-align: middle;
}

#au-check table {
    margin: 0 auto;
    padding-bottom: 5.33vw;
}

#au-check tr {
    font-size: 4vw;
    font-weight: bold;
}

#au-check .label-top {
    padding-bottom: 6.67vw;
}

#au-check .input-top {
    padding-bottom: 6.67vw;
}

#au-check .check_txt_r-top {
    padding-bottom: 6.67vw;
}

#au-check .check_txt_r {
    margin-left: 2.53vw;
    vertical-align: bottom;
}

#au-check input {
    width: 33.33vw;
    height: 10.67vw;
    border: solid #e9e9e9 0.27vw;
    font-size: 20px;
    margin-right: 2.4vw;
}

#au-check .tr-top {
    margin-bottom: 6.67vw;
}

#au-check #t_simulate {
    width: 58.67vw;
    background: #fc7a4b;
    border-radius: 6.67vw;
    border: none;
    font-size: 4.67vw;
    font-weight: bold;
    color: #FFFFFF;
    padding: 4vw 0;
    margin: 5.6vw auto 3.47vw auto;
    display: block;
}

#au-check .apply-button-txt {
    width: 84.27vw;
}

.check .notice-txt {
    font-size: 2.67vw;
    color: #fc7a4b;
    width: 84.27vw;
    margin: 0 auto;
    margin-top: 4vw;
}

.check .popup-close {
    width: 25.6vw;
    display: block;
    padding: 8vw 0;
    margin: 0 auto;
}

#result {
    background: #FFFFFF;
    border: solid #f4f4f4 4vw;
    letter-spacing: 0em;
    padding: 5.33vw 0;
}

#result h2 {
    text-align: center;
    font-size: 6.67vw;
    font-weight: bold;
    color: #fc7a4b;
}

#result h3 {
    font-size: 4vw;
    font-weight: bold;
    text-align: center;
    padding: 4.27vw 0 4.53vw;
}

#result .apply-button-area-check .apply-button {
    width: 58.67vw;
    background: #6e3319;
    position: relative;
    margin: 0 auto;
    border-radius: 6.67vw;
}

#result .apply-button-area-check .apply-button dt {
    font-size: 4.67vw;
    font-weight: bold;
    display: inline-block;
    padding: 4vw 0vw 4vw 12.27vw;
    color: #FFFFFF;
}

#result .apply-button-area-check .apply-button dd {
    width: 4vw;
    position: absolute;
    top: 3.87vw;
    left: 50.93vw;
}

#checkNg h2 {
    text-align: center;
    font-size: 6.67vw;
    font-weight: bold;
    color: #fc7a4b;
}

#checkNg h3 {
    font-size: 4vw;
    font-weight: bold;
    text-align: center;
    padding: 4.27vw 0 4.53vw;
}

#checkNg .txt {
    font-size: 4vw;
    text-align: center;
}

/*------------------------------------------------------------
popup02
------------------------------------------------------------*/
.simu .wrap {
    padding: 8vw 0;
    background-color: #f4f4f4;
}

.simu .simu-ttl {
    font-size: 4.67vw;
    font-weight: bold;
    color: #444444;
    text-align: center;
}

.simu .simu-main {
    width: 81.33vw;
    padding: 4.27vw 0 4.8vw;
    display: block;
    margin: 0 auto;
}

.simu .annotation {
    font-size: 2.67vw;
    color: #9c9c9c;
    width: 81.87vw;
    margin: 3.47vw auto 0 auto;
}

.simu .popup-close {
    border: none;
    background: none;
    width: 29.33vw;
    display: block;
    margin: 7.2vw auto 0 auto;
}

.repayment {
    text-align: center;
}

.repayment dt {
    font-size: 4.67vw;
    font-weight: bold;
}

.repayment dd {
    font-size: 4.67vw;
    color: #eb5505;
    font-weight: bold;
    line-height: 1.4;
}

.repayment strong {
    font-size: 6vw;
    line-height: 1.2;
}

.repayment strong strong {
    font-size: 8.8vw;
    line-height: 1.2;
    letter-spacing: 0em;
    color: #eb5505;
}

/*------------------------------------------------------------
news
------------------------------------------------------------*/
#news {
    padding: 1.33vw 1.33vw 0 1.33vw;
}

#news dl {
    border: #e61b00 solid 2px;
    margin: 0 auto;
    font-size: 0px;
    display: table;
    width: 100%;
    box-sizing: border-box;
}

#news dl dt,
#news dl dd {
    display: table-cell;
    font-size: 2.66vw;
    line-height: 1.5;
    padding: 1vw 2.66vw;
}

#news dl dt {
    background: url("../img/news_arrow.png") right center no-repeat #e61b00;
    background-size: auto 100%;
    padding: 0 4vw 0 2.66vw;
    color: #fff;
    width: 18%;
    letter-spacing: 0em;
    box-sizing: border-box;
}

#news a,
#news a:link,
#news a:visited {
    color: #000;
    text-decoration: underline;
}

#news a:hover,
#news a:active {
    color: #000;
    text-decoration: none;
}

/* fv下 吹き出し箇所 */
.balloon-img {
    margin: 40px auto 0;
    max-width: 960px;
}

@media screen and (max-width: 959px) {
    .balloon-img {
        margin-top: 20px;
        width: 84%;
    }

}