@import url( https://fonts.googleapis.com/css2?family=Arimo:ital,wght@0,400..700;1,400..700&family=Kosugi&family=Kosugi+Maru&display=swap );

/* HTMLのベース指定部分 */
* { 
	font-size :1.0vw; line-height:1.0em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0px; letter-spacing:.1em;
	font-family: 'Kosugi Maru', sans-serif, 'YuGothicM', 'YuGothic'; font-weight:100; color:#009944; user-select: none; outline: none;
}
html { width:100%; min-height: 100%; position: relative; }
body {  width:100%;  line-height: 1.25em; }
a { text-decoration: none; }

div#loader{ position: fixed; top:0; left:0; width:100%; height:100%; background:#fff; z-index:99; }

header{ position:fixed; width:100%; top:0; left:0; background:#fff; z-index:98; }
header>ol{ display:table; width:100%; table-layout: fixed; padding:0 1em; }
header>ol>li{ display:table-cell; vertical-align:middle; }
header>ol>li.ico a{ display:inline-block; text-align: center; height:14vw; vertical-align: top; padding:2vw 0; margin:0 1.5vw; position: relative; }
header>ol>li.ico a>div{ position:absolute; top:1vw; right:.5vw; }
header>ol>li.ico a>div>span{ display:block; font-size:2.5em; line-height:4vw; width:4vw; height:4vw; background:#df6c29; color:#fff; border-radius:50%;; }
header>ol>li.ico a>img{ display:inline-block; width:7vw; }
header>ol>li.ico a>span{display:block; font-size:2.5em; }
header>ol>li.left{ text-align: left; }
header>ol>li.right{ text-align: right; }
header>ol>li#logo a{ display:block; }
header>ol>li#logo a>img{ display:block; width:100%; }


article#headspacer{ height:15vw; }


article#important a { display:block; text-align:center; padding:1em 0; font-size:2.7em; color:#df6c29; font-weight: bold; }



article#zandaka{  overflow: hidden; }
article#zandaka section{ padding:2em; }
/*
article#zandaka section>div{ height:45vw; padding:4vw 3vw; border-radius:4vw; box-shadow: .8vw 1vw 0 0 rgba(0,0,0,0.1);
	background:linear-gradient( to bottom right, #069f4f, #8bd76b ); }
article#zandaka section>div.loan{ background:linear-gradient( to bottom right, #f26486, #f6ac6a ); }
*/
article#zandaka section>div{ height:45vw; padding:4vw 3vw; border-radius:4vw; box-shadow: .8vw 1vw 0 0 rgba(0,0,0,0.1);
	background:linear-gradient( to bottom right, #8bd76b, #069f4f  ); }
article#zandaka section>div.loan{ background:linear-gradient( to bottom right,#f6ac6a , #f26486 ); }

article#zandaka section>div * { color:#fff; }
article#zandaka dt{ position:relative; border-bottom: 1px solid #fff; padding:0 0 0 0; }
article#zandaka dt>ul{ display:table; width:100%; }
article#zandaka dt>ul>li{ display:table-cell; }
article#zandaka dt>ul>li:nth-last-of-type(1){ text-align: right; }
article#zandaka div.type{ font-size:3.5em; }
article#zandaka div.date{ font-size:2.9em; line-height:1.5em; }
article.zandaka a.viewsw{ display:inline-block; width:14vw; position:relative; font-size:2.5em; text-align: left; padding:0 .4em; line-height:4vw; letter-spacing:0;
	background:#df6c29; border: 1px solid #df6c29; border-radius:2vw; line-height:4vw; }
article.zandaka a.viewsw:before{ content:"非表示"; }
article.zandaka a.viewsw:after{ content:""; display: block; width:4vw; height:4vw; background:#fff; border-radius:50%; position: absolute; top:0; right:0; transition: all .2s; }
article#zandaka dt>ul>li>p{ font-size:3.0em; line-height:1.8em; }
article#zandaka dd{ padding:5vw 0 0 0; position:relative; height:28vw; }
article#zandaka ul.balance{ display:table; width:100%; }
article#zandaka ul.balance>li{ display:table-cell; vertical-align:bottom; }
article#zandaka ul.balance>li#title{ text-align: left; font-size:5em; padding:0; font-size:3.5em; }
article#zandaka ul.balance>li#zan{ text-align: right; }
article#zandaka ul.balance>li#zan>div{ display:inline-block; font-size:7em; letter-spacing:0; padding:0; font-family: 'Arimo'; font-weight: bold; }
article#zandaka ul.balance>li#zan>span{ font-size:4em; padding:0 0 0 .2em; }
article#zandaka ol{ display:table; width:100%; position: absolute; bottom:0; left:0; }
article#zandaka ol>li{ display:table-cell; vertical-align:middle; }
article#zandaka ol>li.l{ text-align: left; }
article#zandaka ol>li.c{ text-align: center; }
article#zandaka ol>li.r{ text-align: right; }
article#zandaka ol>li span{ line-height:1.5em; }
article#zandaka ol>li span#BranchName{ font-size:3.5em; }
article#zandaka ol>li span#AccountNo{ font-size:3.5em; }
article#zandaka ol>li p{ font-size:2.8em; line-height:1.5em; }
article#zandaka ol>li a{ display:inline-block; font-size:2.9em; line-height:5vw; padding:0 .5em; border-radius:2.5vw; border: 1px solid #fff; letter-spacing:0; }
article#zandaka_hidden{ display:none; padding:5vw 0 10vw 0; margin:0 auto; width:70vw; }
article#zandaka_hidden section{ position:relative; }
article#zandaka_hidden section>span{ font-size: 3em; line-height:6vw; color:#25b24a; }
article#zandaka.hidden{ height:10vw; }

/* 非表示中 */
article#zandaka_hidden.hidden{ display:block; text-align:right; }
article#zandaka.hidden{ height:0; }
article.zandaka.hidden a.viewsw{ text-align:right; color:#fff; }
article.zandaka.hidden a.viewsw:before{ content:"表示　"; }
article.zandaka.hidden a.viewsw:after{ right:calc(100% - 4vw); }

/* slick */
article#zandaka .slick-list { padding:0 7vw !important }
article#zandaka button.slick-arrow{ border:0; position:absolute; top:0%; height:100%; width:9vw; background:none; z-index:90; white-space: nowrap; overflow: hidden; text-indent: 100%; }
article#zandaka button.slick-prev{ left:0; background:url("./img/arrow_left.png") center right .1vw no-repeat; background-size:auto 7vw; }
article#zandaka button.slick-next{ right:0; background:url("./img/allow_right.png") center left 1vw no-repeat; background-size:auto 7vw; }
article#zandaka ul.slick-dots{ text-align: center; }
article#zandaka ul.slick-dots>li{ display:inline-block; width:1.8vw; height:1.8vw; border-radius:50%; background:#dadadc; margin:1.5em; }
article#zandaka ul.slick-dots>li.slick-active{ background:#25b24a; }
article#zandaka ul.slick-dots>li>button{ display:block; width:100%; height:100%;border-radius:50%; opacity:0; }

article#regi section{ padding:2em;}
article#regi section>div{ height:45vw; padding:6vw; border-radius:4vw; box-shadow: .8vw 1vw 0 0 rgba(0,0,0,0.1);
	background:linear-gradient( to bottom right, #8bd76b, #069f4f  ); text-align:center; display:flex; flex-direction:column; justify-content:center;}
article#regi section>div * { color:#fff; font-size:3.5em;}
article#regi section>div>.regi_link_01{ border:1px solid #fff; border-radius: 1vw; padding:4vw 6vw; width:50vw; margin:0 auto; }
article#regi section>div>.regi_link_02::after{ content: ""; display: inline-block; width:8px; height:8px; border-top:.5vw solid #fff; border-right:.5vw solid #fff; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
article#regi section>div>p:nth-child(1){ margin-bottom: 3vw; }
article#regi section>div>a:nth-child(3){ margin-top: 6vw; font-size: 2.7em; }

article#account{ text-align: right;}
article#account section{padding: 3em 6em 0;}
article#account section>div{padding: 2vw 4vw; width: 120px; border-radius: 4vw; text-align: center; border: 1px solid; display: inline-block;}
article#account section>div>a{font-size: 3.4em;}

/* article#navi{ overflow-x: scroll; position: relative; width:100px; margin:0 auto; } */
article#navi .ps__rail-x { opacity: 0.6; }
/* article#navi>section{ display:table; padding:2vw 2vw 5vw 2vw; } */
article#navi>section{padding:2vw 2vw 5vw 2vw; }
/* article#navi>section>ol{ display:table-row; } */
article#navi>section>.naviContents>ol,
article#navi>section>ol{ display:grid; grid-template-columns: repeat(4,1fr); list-style: none;}
article#navi>section>.naviContents { display: none; }
/* article#navi>section>ol>li{ display:table-cell; text-align: center; white-space: nowrap; padding:2vw 0; } */
article#navi>section>.naviContents>ol>li,
article#navi>section>ol>li{text-align: center;padding:2vw 0; }
article#navi>section>.naviContents>ol>li>a,
article#navi>section>ol>li>a{ display:block; width:24vw; }
article#navi>section>.naviContents>ol>li>a>img,
article#navi>section>ol>li>a>img{ width:18vw; }
article#navi>section>.naviContents>ol>li>a>p,
article#navi>section>ol>li>a>p{ font-size:2.8em; height:2em; color:#898989; display: flex ; flex-wrap: wrap; align-items:center; align-content:center; justify-content:center; line-height:1.2em; margin-left:.2em; }
article#navi>section>.naviContents>ol>li>a>p>img,
article#navi>section>ol>li>a>p>img{ height:3.1vw; }
article#navi>section>.naviContents>ol>li>a>p>span,
article#navi>section>ol>li>a>p>span { font-size:0.7em; color: #898989;}
article#navi>section>.naviBtn {
	position: relative;
    display: flex;
    justify-content: center;
	align-items: center;
	/* width: 30px;
	height: 30px; */
	margin: 10px auto 0;
	padding: 7px 20px;
	border: 1px solid #898989;
	border-radius: 15px;
	background-color: transparent;
}
article#navi>section>.naviBtn::before {
	content: '';
	position: relative;
	top: -2px;
	width: 7px;
	height: 7px;
	border: 2px solid #009944;
	border-right: none;
	border-bottom: none;
	transform: rotate(225deg);
}
article#navi>section>.naviBtn::after {
	content: 'もっと見る';
	margin-left: 10px;
	color: #898989;
	font-size: 12px;
}
article#navi>section>.naviBtn.is-active::before {
	top: 2px;
	transform: rotate(45deg);
}
article#navi>section>.naviBtn.is-active::after {
	content: '閉じる';
}
/* article#navi>section>.naviBtn {
	position: relative;
    display: flex;
    justify-content: center;
	align-items: center;
	width: 30px;
	height: 30px;
	margin: 0px auto;
	border: 1px solid #009944;
	border-radius: 50%;
	background-color: transparent;
}
article#navi>section>.naviBtn::before {
	content: '';
	position: relative;
	top: -2px;
	width: 10px;
	height: 10px;
	border: 3px solid #009944;
	border-right: none;
	border-bottom: none;
	transform: rotate(225deg);
}
article#navi>section>.naviBtn.is-active::before {
	top: 2px;
	transform: rotate(45deg);
} */

article#info{ padding:3vw 0 2vw 0; background:#f7f7f8; }

/*
article#info dt{ background:#25b24a; color:#fff; padding:.5em; font-size:4em; }
*/
article#info dt{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
article#info dt>ol{ display: table; width:calc( 100% - 2px ); margin:0 auto; table-layout: fixed; border-collapse: separate; border-bottom: 1px solid #c3c0bb; }
article#info dt>ol>li{ display: table-cell; }
article#info dt>ol>li>a{ display: block; color:#25b24a; padding:.5em; font-size:4em; text-align: center; border-radius:.2em .2em 0 0; }
article#info dt>ol>li>a.current{ border-bottom: solid 2px #8cd86b; }
article#info dd{ display:none; }
article#info dd.open{ display:block; }
article#info div.cardbox{ padding:1.5vw; }
article#info div.cardbox img{ width:100%; }
article#info div.cardbox p{ font-size:2.5em; color:#898989; padding:.5em; }
article#info .slick-list { padding:0 7vw !important }
article#info ul.slick-dots{ text-align: center; }
article#info ul.slick-dots>li{ display:inline-block; width:1.8vw; height:1.8vw; border-radius:50%; background:#dadadc; margin:1.5em; }
article#info ul.slick-dots>li.slick-active{ background:#25b24a; }
article#info ul.slick-dots>li>button{ display:block; width:100%; height:100%;border-radius:50%; opacity:0; }
article#info div.info__title { margin: .5em .5rem 0; display: block; font-size: 3.5vw; color: black; line-height: 1.3; }



article#foot{ background:#efefef; margin-bottom:22vw; }
article#foot>a{ display:block; border: 1px solid #c3c0bb; padding:2vw; font-size:3.2em; border-width:1px 0 0 0; }
article#foot>a:nth-last-of-type(1){ border-width:1px 0; }
article#foot>p{ font-size:3em; letter-spacing:.0em; text-align:center; padding:1.2em 0;  }

article#service_list{ position: fixed; bottom:0; left:0; width:100%; height:0; z-index:96; background:#fff; color:#fff; transition: all .5s; }
article#service_list.open{ height:100%; }
article#service_list>section{ width:100%; height:calc(100% - 38vw); overflow-y: scroll; padding:0 1em; margin:15vw 0 0 0; }
article#service_list>section>div{ padding:2vw; text-align: right; }
article#service_list>section>div>a{ display:inline-block; padding:0 1em; font-size:3.5em; line-height:10vw; border: 1px solid #000; border: 1px solid #93c85d; color:#41b25f; border-radius:.5em; }
article#service_list dt{ font-size:4.5em; background:#93c85d; color:#fff; line-height:14vw; text-align: center; border-bottom: 1px solid #fff; font-weight: bold; }
article#service_list dd{ text-align: center; overflow: hidden; padding:1vw 0; }
article#service_list dd>div{ display:block; padding:1vw; }
article#service_list dd a{ display: flex; align-items:center; text-align: left; font-size:3.7em; font-weight: bold; background:#fff; border:2px solid #93c85d; color:#41b25f; height:14vw; padding:0 2em 0 1em; border-radius:.5em; position: relative; }
article#service_list dd a.blank:after{ content:""; display:block; width:1.2em; height:1.2em; position: absolute; right:.5em; background:url("./img/ico_blank.png"); background-size: cover; }

/*
#93c85d, #69ba52, #29ad49, #009944, #009944, #41b25f
*/

/* 新規制作ページ検証用 */
article#service_list>section>a{ display:block; font-size:4.5em; color:#fff; padding:1em 1em; }
article#service_list>section>h4{ font-size:4em; color:#fff; border: 1px solid #fff; padding:1em; margin-top:10vw; }

footer{ position: fixed; bottom:0; left:0; width:100%; background:#fff; z-index:97; }
footer>ol{ display:table; width:90%; margin:0 auto; table-layout: fixed; }
footer>ol>li{ display:table-cell; text-align: center; height:22vw; }
footer>ol>li>a{ display:block; height:100%; padding:5vw 0 2vw 0; }
footer>ol>li>a>img{ width:9vw; }
footer>ol>li>a>p{ font-size:3em; line-height:2.0em; }

#service_list .stopBtn {
	position: relative;
	justify-content: center;
	width: calc(100% - 40px);
	margin: 0 auto;
	padding: 0 1em;
	color: #fff;	
	text-align: center;
	border-radius: 6px;
	border: none;
	background-color: #c10404;
}
#service_list .stopBtn::before {
	content: '';
	position: absolute;
	top: 50%;
	left: 10px;
	width: 40px;
	height: 40px;
	background:url("./img/bg_alert_01.png") center left no-repeat;
	background-size: contain;
	transform: translateY(-50%);
}
#service_list .stopBtn::after {
	content: '';
	position: absolute;
	top: 50%;
	right: 0.5em;
	width: 20px;
	height: 20px;
	background:url("./img/ico_blank_wh.png") center right no-repeat;
	background-size: contain;
	transform: translateY(-50%);
}

#service_list .stopBtnWrap dt {
	background-color: #548236;
}
#service_list .stopBtnWrap dd {
	padding-bottom: 5px;
	background-color: #FBE5D6;
	border: 2px solid #C10404;
	border-radius: 0 0 6px 6px;
}
#service_list .stopBtnWrap dd p {
	padding: 10px 20px;
	text-align: left;
	color: #333;
	font-size: 3.7em;
	line-height: 1.8;
}
#service_list .stopBtnWrap p a {
	display: inline;
	font-size: 1.4em;
	font-weight: normal;
	border:none;
	padding: 0;
	height: auto;
	color: #00a1e9;
	background-color: transparent;
	text-decoration: underline;

}
#service_list .stopBtnWrap .ttl,
#service_list .stopBtnWrap .tel {
	font-weight: bold;
	text-align: center;
}

#service_list .stopBtnWrap .ttl + p {
	padding-top: 0;
}

#service_list .stopBtnWrap .notes {
    font-size: 2.5em;
    /* text-align: center; */
    /* max-width: 220px; */
    margin: -17px auto 0;
}
#service_list .stopBtnWrap .notes + .ttl {
	position: relative;
	text-align: left;
}
#service_list .stopBtnWrap .notes + .ttl::after {
	content: '';
	position: absolute;
	top: 0;
	left: 20px;
	width: calc(100% - 40px);
	height: 1px;
	background-color: #000;
}

#myDialog {
	max-width: 273px;
	margin: auto;
	padding: 0;
	border-radius: 18px;
	border: none;
}
#myDialog .inner {
	border-radius: 18px;
}
#myDialog .txtWrap {
	padding: 15px;
	text-align: center;
}
#myDialog .txtWrap .ttl {
	margin-bottom: 15px;
	color: #000;
	font-size: 16px;
	font-weight: bold;
	font-family: sans-serif;
	font-style: normal;
}
#myDialog .txtWrap .txt {
	color: #000;
	font-size: 14px;
	line-height: 1.3;
	font-family: sans-serif;
	font-weight: 400;
	font-style: normal;
}
#myDialog .btnWrap {
	display: grid;
	grid-template-columns: repeat(2,1fr);
	border-top: 1px solid #D8D8D8;
}
#myDialog .btnWrap button {
	padding: 12px 0;
	font-size: 19px;
	background-color: #fff;
	border: none;
	font-family: sans-serif;
	font-weight: 400;
	font-style: normal;
}
#myDialog .btnWrap button + button {
	border-left: 1px solid #D8D8D8;
}
#myDialog:-internal-dialog-in-top-layer::backdrop {
	background-color: rgba(0,0,0,0.5);
}

/* 20250730 */
#stepdo {
	display: flex;
	align-items: center;
	min-height: 25px;
	padding: 5px 35px;
	background-color: #efefef;
}

@media screen and (max-width: 375px) {
  #stepdo {
    position: sticky;
    top: 13.5em;
    z-index: 1000;
    background-color: #efefef;
  }
}

#stepdo.hidden {
  display: none !important;
  height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
  background: transparent !important;
}

#stepdo span,
#stepdo a {
	color: #898989;
	font-size: 12px;
}
#stepdo a {
	display: flex;
	align-items: center;
}
#stepdo img {
	margin-right: 4px;
}

.stepdo {
    display: inline-flex;
    align-items: center;
}

.stepdo-img {
    width: 16px;
    height: 16px;
    vertical-align: middle;
}

#account {
	display: block !important;
}
#account section {
	display: flex;
	justify-content: space-between;
}
#account .btn {
	position: relative;
    padding: 5px 18px 5px 28px;
    border-radius: 4vw;
    border: 1px solid;
    display: flex;
	justify-content: center;
	align-items: center;
	min-height: 30px;
}
#account .btn span {
	padding-left: 10px;
	font-size: 3.4em;
}
#account .btn img {
	position: absolute;
	top: 50%;
	left: 12px;
	transform: translateY(-50%);
	width: 20px;
}