@charset "utf-8";
* {
}

.wrap{
width: 100%;
text-align: center;
padding: 1.2rem 0;
display: inline-block;
}

.bAsh{
background-color: #F3F3F3;
}

.lead_roof{
font-size: 1.2rem;
font-weight: 600;
}
.lead_notice{
padding: 1rem 0;
font-size: 0.85rem;
text-align: left;
line-height: 1.65;
}

.tx_left{
text-align: left;
}

/*************************************************
common クリックボタン
*************************************************/
.B_button{
display: inline-block;
background-color: #4F8EE5;
border-radius: 2px;
padding: 8px 15px 8px 25px;
margin: 10px 0;
}
.B_button a{
color: #fff;
text-decoration: none;
padding: 0 25px 0 0;
background:url(../img/click_arrow.png) center right no-repeat;
}

.B_button input{
color: #fff;
text-decoration: none;
padding: 0 25px 0 0;
background:url(../img/click_arrow.png) center right no-repeat;
max-width: 500px;
height: auto;
border: none;
width: auto;
}


.B_button:hover{
	/*background-color: #FE562F;*/
		opacity: 0.75;
}

/*************************************************
bank 金融機関
*************************************************/

.list-syllabary-ja{
position: relative;
width: 560px;
font-size: 16px;
margin: 0 auto;
border-width: 1px;
list-style: none;
line-height: 1;
display: flex;
flex-flow: row-reverse nowrap;
/*z-index: -999999999999999999;*/
}
.list-syllabary-ja ul.gyou {
display: block;
list-style-type: disc;
margin-block-start: 1em;
margin-block-end: 1em;
margin-inline-start: 0px;
margin-inline-end: 0px;
padding-inline-start: 0px;
}

.list-syllabary-ja li{
font-weight: normal;
text-align: center;
list-style: none;
margin:14px 4px;
}
.list-syllabary-ja li.next-kana-empty{
margin-bottom: 70px;
}
.list-syllabary-ja li.nolist{
display: block;
width: 42px;
padding: 12px 0 12px 0;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
border-top-right-radius: 4px;
border-top-left-radius: 4px;
border: 1px solid #d3d3d3;
background: linear-gradient(to bottom, #efefef 60%, #efefef 100%);
color: #ccc;
text-decoration: none;
}
.list-syllabary-ja a{
display: block;
width: 42px;
padding: 12px 0 12px 0;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
border-top-right-radius: 4px;
border-top-left-radius: 4px;
border: 1px solid #d3d3d3;
background: linear-gradient(to bottom, #fff 60%, #efefef 100%);
color: #333;
text-decoration: none;
}
.list-syllabary-ja a:hover{
background: #FE562F;
color: #fff;
}

@media screen and (max-width:991.98px){
.list-syllabary-ja{
flex-flow: row wrap;
text-align: center;
font-size: 22px;
margin: 0 auto;
}
.list-syllabary-ja ul.gyou {
margin-block-start: 0.25em;
margin-block-end: 0.25em;
}

.list-syllabary-ja li{
display: block;
margin:4px 4px;
}
.list-syllabary-ja ul.gyou li {
display: inline-block;
margin: 4px 14px;
}
.list-syllabary-ja a,
.list-syllabary-ja li.nolist{
display: block;
width: 62px;
padding: 18px 0 18px 0;
}
}
@media screen and (max-width:560px){
.list-syllabary-ja{
width: 100%;
font-size: 22px;
margin: 0 auto;
}
.list-syllabary-ja ul.gyou li {
margin: 0px 3px;
}
.list-syllabary-ja a,
.list-syllabary-ja li.nolist{
display: block;
width: 52px;
padding: 13px 0 13px 0;
}
}
.bankcontent{
display: none;
}

.bankcontent:target{
display: block;
padding-top: 110px;
margin-top: -110px;
}

.bank50on{
width: 100%;
display: block;
clear: both;
padding: 2rem 0;
}
.bank50on_category{
width: 100%;
display: block;
clear: both;
padding: 1rem 0;
}
.bankprefectures{
width: 100%;
display: block;
clear: both;
padding: 2rem 0;
}

.bank50on h3{
display: block;
background: #4F8EE5;
color: #fff;
width: 60px;
padding: 12px 0 12px 0;
text-align: center;
vertical-align: text-bottom;
clear: both;
font-size: 24px;
font-weight: bold;
}

table.banklist{
text-align: left;
width: 49%;
background-color: #fff;
border-collapse: collapse;
margin: 0 0.25% 2rem 0.25%;
float: left;
}
@media screen and (max-width:991.98px){
table.banklist{
width: 99%;
float:none;
}
}

table.banklist tr td{
width: 40%;
padding: 6px 10px;
border: #707070 solid 1px;
}
table.banklist tr td.code{
width: 20%;
padding: 6px 10px;
border: #707070 solid 1px;
text-align: center;
}
table.banklist tr th{
padding: 3px 10px;
border: #707070 solid 1px;
background-color: #4F8EE5;
color: #fff;
font-weight: normal;
text-align: center;
}

table.banklist tr th.code{
width: 20%;
padding: 3px 10px;
border: #707070 solid 1px;
background-color: #4F8EE5;
color: #fff;
font-size: 0.9em;
font-weight: normal;
text-align: center;
}

table.banklist tr th.bname{
width: 80%;
padding: 3px 10px;
border: #707070 solid 1px;
background-color: #4F8EE5;
color: #fff;
font-size: 0.9em;
font-weight: normal;
text-align: center;
}

table.banklist_p{
width: 99%;
margin: 0 0.25%;
background-color: #fff;
border-collapse: collapse;
text-align: left;
}
table.banklist_p tr td{
width: 30%;
padding: 6px 10px;
border: #707070 solid 1px;
}

table.banklist_p tr th{
width: 30%;
padding: 3px 10px;
border: #707070 solid 1px;
background-color: #4F8EE5;
color: #fff;
font-weight: normal;
text-align: center;
}
table.banklist_p tr th.prefectures{
width: 10%;
padding: 10px;
border: #707070 solid 1px;
}

/*************************************************
simulation 利用料金シミュレーション
*************************************************/

.cal_eNet{background-color:#E6F4FD;padding: 6px;}
.cal_post{background-color:#FBEAF2;padding: 6px;}
.cal_hurikae{background-color:#c8e3e7;padding: 6px;}
.cal_uriage{background-color:#f7d9ca;padding: 6px;}

table.simulation th{
min-width: 150px;
padding: 8px 10px;
vertical-align: middle;
text-align: left;
}
table.simulation td{
padding: 8px 10px;
vertical-align: middle;
text-align: left;
}

table.simulation td input{
max-width: 500px;
width: auto;
height:  2rem;
border: 1px solid #919191;
vertical-align: middle;
}

table.calculation{
width:100%;
border-collapse: collapse;
text-align: left;
margin: 20px 0;
}
table.calculation tr.ss{
border-bottom: solid 1px #000;
}
table.calculation tr.mm{
border-bottom: solid 2px #000;
}
table.calculation th{
min-width: 150px;
padding: 5px 10px;
vertical-align: middle;
text-align: left;
}
table.calculation td{
padding: 5px 10px;
vertical-align: middle;
text-align: right;
}
/*************************************************
faq よくある質問
*************************************************/

dl.faq{
text-align: left;
padding-bottom: 1rem;
}

dl.faq dt{
font-size: 1.25rem;
text-align: left;
border-bottom: 4px solid #4F8EE5;
padding: 5px 0px;
margin-bottom: 0.5rem;
}
dl.faq dt::before {
content: "Q.";
background-color: #4F8EE5;
color: #fff;
padding: 10px 15px;
margin-right: 1rem;
}
dl.faq dd{
text-align: left;
padding: 5px 0px;
margin-bottom: 1rem;
min-height: 55px;
}
dl.faq dd::before {
font-size: 1.45rem;
content: "A.";
background-color: #FE562F;
color: #fff;
padding: 10px 15px;
margin-right: 1rem;
float: left;
}

/*************************************************
agreement 約定
*************************************************/

dl.agreement{
text-align: left;
padding-bottom: 1rem;
}
dl.agreement dt{
font-size: 1.25rem;
text-align: left;
text-decoration: underline 3px solid #4F8EE5;
text-underline-offset: 0.25em;
line-height: 1.85;
padding: 5px 0px;
margin-bottom: 0.5rem;
}
dl.agreement dd{
text-align: left;
padding:0px;
margin-bottom: 1rem;
}


ol.compliance{
text-align: left;
padding-bottom: 1rem;
}

ol.compliance li{
text-align: left;
list-style: decimal;
margin-bottom: 1rem;
}

ol.compliance_naka {
margin-left: 25px; /* サイトに合せて調整 */
}

ol.compliance_naka li {
list-style-type: none;
counter-increment: cnt;
position: relative;
margin-bottom: 0.5rem;
line-height: : 1.45;
}

ol.compliance_naka li:before {
content: "(" counter(cnt) ")";
display: inline-block;
margin-left: -1.5em; /* サイトに合せて調整 */
width: 1.5em; /* サイトに合せて調整 */
text-align: right;
position: absolute;
top: 0;
left: 0;
}

/*************************************************
schedule  スケジュール
*************************************************/
.scroll-box {
overflow: auto;
padding-bottom: 20px;
}

table.schedule_enet,
table.schedule_enet_new{
width:100%;
border-collapse: collapse;
text-align: left;
margin: 0;
border: 1px solid #000;
white-space: nowrap;
}
table.schedule_enet th,
table.schedule_enet_new th{
text-align: center;
border: 1px solid #000;
background-color: #1A50A0;
padding: 5px;
font-weight: normal;
font-size: 0.85rem;
color: #fff;
}
table.schedule_enet_new th.waku{
text-align: center;
border: 1px solid #000;
background-color: #1A50A0;
padding: 5px;
font-weight: normal;
font-size: 0.85rem;
color: #fff;
}
table.schedule_enet td{
vertical-align:middle;
text-align: center;
border: 1px solid #000;
padding: 10px;
width:20%;
}
table.schedule_enet_new td{
vertical-align:middle;
text-align: center;
border: 1px solid #000;
padding: 10px;
width:auto;
}
table.schedule_enet_new td.waku{
vertical-align:middle;
text-align: center;
border: 1px solid #000;
padding: 10px;
width:auto;
}
table.schedule_enet tr.Ash,
table.schedule_enet_new tr.Ash{
background-color: #F3F3F3;
}
/*table.schedule_enet_new tr td.waku{
background-color: #fffff0;
}
table.schedule_enet_new tr.Ash td.waku{
background-color: #fafad2;
}*/

table.schedule_post{
width:100%;
border-collapse: collapse;
text-align: left;
margin: 0;
border: 1px solid #000;
}
table.schedule_post th{
text-align: center;
border: 1px solid #000;
background-color: #E51F27;
padding: 5px;
font-weight: normal;
font-size: 0.85rem;
color: #fff;
}
table.schedule_post th.hurikae{
background-color: #E51F27;
color: #fff;
font-weight: bold;
font-size: 1.15rem;
}

table.schedule_post th.midashi{
width:20%;
text-align: center;
}
table.schedule_post td{
vertical-align:top;
text-align: center;
/*border: 1px solid #000;*/
padding: 10px;
width:20%;
background-color: #F3F3F3;
}
table.schedule_post td.notice{
text-align: left;
/*border: 1px solid #000;*/
padding: 10px;
background-color: #fff;
width:100%;
}
table.schedule_post td.endterm{
text-align: center;
border-bottom: 2px solid #000;
padding: 10px;
background-color: #F3F3F3;
width:100%;
}
table.schedule_post td.endterm_bottom{
text-align: center;
border-bottom: 1px solid #000;
padding: 10px;
background-color: #F3F3F3;
width:100%;
}
table.schedule_day{
width:100%;
border-collapse: collapse;
text-align: left;
margin: 0;
border: 1px solid #000;
background-color: #fff;
}
table.schedule_day td{
vertical-align:top;
text-align: right;
border: 1px solid #000;
padding: 10px;
width:20%;
background-color: #fff;
white-space: nowrap;
}

table.schedule_day td sup{
color: #FE562F;
}

table.schedule_day td sup.year{
	color: #000;
}
.kome{
color: #FE562F;
}
@media screen and (max-width: 767.98px){
table.schedule_post,
table.schedule_enet{
width:800px;
}
}

/*************************************************
voice ご利用者の声
*************************************************/
.voice_thum{
width:100%;
display: block;
}

.voice_thum p{
display: block;
float: left;
width:48%;
margin: 1%;
padding: 8px;
border: 1px solid #707070;
position: relative;
}

.voice_thum p img{
width:100%;
}

.voice_thum p a img.allow{
height:29px;
width:26px;
position: absolute;
bottom: 0;
right: 0;
text-decoration: none;
padding: 5px 7px;
background-color: #4F8EE5;
}
.voice_z,
.voice_p{
text-align: left;
padding: 1.5rem 0;
}
.voice_z h3{
font-size: 1.26rem;
text-align: left;
margin-top: 2rem;
line-height: 1.65;
padding:  0 0 10px 0;
}
.voice_p h3{
color: #4F8EE5;
font-size: 1.56rem;
text-align: left;
}

.voice_p dl{
text-align: left;
padding:  0 0 10px 0;
line-height: 1.85;
border-bottom: 3px dotted #4F8EE5;
margin-bottom: 2rem;
}
.voice_p dl dt{
font-weight: bold;
padding: 10px 0;
}
.voice_page{
text-align: left;
padding:  0 0 10px 0;
line-height: 1.85;
border-top: 3px dotted #4F8EE5;
margin-top: 2rem;
margin-bottom: 4rem;
}

.voice_page p{
	display: block;
	width: 33.3333333%;
	float: left;
	padding: 10px 0;
}

.voice_page p.prev{
	padding: 6px 0 0 35px;
	position: relative;
	text-align: left;
}
.voice_page p.totop{
	padding: 6px 0 0 0;
	text-align: center;
}
.voice_page p.next{
  padding: 6px 35px 0 0;
	position: relative;
	text-align: right;
}
.voice_page p.prev a img.allow{
height:29px;
width:26px;
position: absolute;
top: 6px;
left: 0;
text-decoration: none;
padding: 5px 7px;
background-color: #4F8EE5;
}

.voice_page p.next a img.allow{
height:29px;
width:26px;
position: absolute;
top: 6px;
right: 0;
text-decoration: none;
padding: 5px 7px;
background-color: #4F8EE5;
}

/*************************************************
youshiki02 様式２
*************************************************/

.ZArea .table-input-td{
	text-align: left;
}
.ZArea .table-input-td input{
width: unset;
}

.EntryArea,
.PaperArea{
	width:100%;
	display: block;
}
.EntryArea h3{
	font-size: 1.35rem;
	line-height: 1.65;
	margin-bottom: 1rem;
}
.EntryArea h3.unl{
	font-size: 1.35rem;
	line-height: 1.65;
	margin-bottom: 1rem;
	display: block;
	border-bottom: 2px solid #000;
	text-align: left;
}

.EntryArea .button{
		display: inline-block;
		min-width: unset;
		width:230px;
		margin: 3px auto;
}

.EntryArea input[type='submit']{
background-color: transparent;
border: none;
color: #fff;
}

.paper_blank{
	display: block;
	width:43%;
	padding: 32px;
	background-color: #FBEAF2;
	margin-right: 2%;
	float: left;
	min-height: 350px;
}
.paper_print{
	display: block;
	width:55%;
	padding: 32px;
	background-color: #FBEAF2;
	float: left;
	min-height: 350px;
}
.paper_blank p.notice{
	text-align: left;
	display: block;
	margin: 0 auto;
	padding: 12px 20px;
}

.paper_print p.notice{
	text-align: left;
	display: block;
	margin: 0 auto;
	padding: 12px 20px;
color: #FE562F;
}

@media screen and (max-width:991.98px){
	.EntryArea .button{
			display: flex;
			margin: 0.5rem auto;
	}
.paper_blank,
.paper_print{
width:100%;
float: none;
margin: 2%;
}
}


.PaperArea h3{
	font-size: 1.35rem;
	line-height: 1.65;
	margin-bottom: 1rem;
	text-align: left;
	font-weight: bold;
}

.PaperArea h4{
	font-size: 1.15rem;
	line-height: 1.65;
	margin-top: 0.5rem;
	margin-bottom: 0rem;
	text-align: left;
	font-weight: bold;
}
table.table_youshiki02{
width:100%;
border-collapse: collapse;
text-align: left;
margin: 0;
border: 1px solid #000;
}
table.table_youshiki02 th{
text-align: left;
border: 1px solid #000;
font-weight: bold;
position: relative;
}
table.table_youshiki02 td{
vertical-align:middle;
text-align: left;
border: 1px solid #000;
padding: 10px;
}

table.table_youshiki02 td input{
height: inherit;
width: inherit;
}

label{
margin-bottom:0;
}

.number {
    text-align: right;
    ime-mode: disabled;
}
table.table_youshiki02 th span.req {
    height: 30px;
    font-size: 13px;
    color: #fff;
    border-radius: 20px;
    background: #FE562F;
    padding: 6px 10px;
    justify-content: center;
		align-items: center;
		margin: 0 0 0 5px;
		position: absolute;
		top:auto;
		bottom: auto;
		right:10px;
}

span.req_nm {
    height: 30px;
    font-size: 13px;
    color: #fff;
    border-radius: 20px;
    background: #FE562F;
    padding: 6px 10px;
    justify-content: center;
		align-items: center;
		margin: 0 0 0 5px;
}