@charset "UTF-8";

#headWrap { border-bottom: 1px solid #E0E0E0; }

#main { background: #EBEBEB; padding-bottom: 40px; }
#main .inner { text-align: left; max-width: 800px; }
p.m0 { margin-bottom: 5px; }

/*article*/
#main .section { padding: 50px 0; }
#main .section > h1 { margin: 0 auto 45px; font-size: 28px; margin-bottom: 45px; font-weight: bold; }
#main .section > h1 em { position: relative; width: 290px; display: block; margin: 0 auto; padding: 0 90px; vertical-align: middle; text-align: center; }
#main .section > h1 em:before,
#main .section > h1 em:after { content: ""; position: absolute; top: 0; bottom: 0; width: 64px; height: 4px; margin: auto; vertical-align: middle; background: url("/kojin/benri/82debit_jcb/img/line.gif") repeat; }
#main .section > h1 em:before { left: 0; }
#main .section > h1 em:after { right: 0; }
@media screen and (max-width:959px){
	#main .section > h1 { margin: 0 auto 45px; font-size: 24px; margin-bottom: 45px; font-weight: bold; }
	#main .section > h1 em { position: static; width: auto; padding: 0 0 10px; background: url("/kojin/benri/82debit_jcb/img/line.gif") 50% 100% no-repeat; }
	#main .section > h1 em:before,
	#main .section > h1 em:after { display: none; }
}
#main .section h2 { font-size: 20px; margin-bottom: 30px; font-weight: bold; }
#main .section h2 >img { vertical-align: middle; margin-right: 1em; }
#main .section h3 { font-size: 18px; margin-bottom: 15px; padding-bottom: 7px; font-weight: bold; border-bottom: 2px solid #008F79; }
#main .section h4 { font-size: 12px; margin-bottom: 5px; font-weight: bold; }
@media screen and (max-width:959px){
	#main .section > h1 { margin: 0 auto 45px; font-size: 24px; margin-bottom: 45px; font-weight: bold; }
	#main .section > h1 em { position: static; width: auto; padding: 0 0 10px; background: url("/kojin/benri/82debit_jcb/img/line.gif") 50% 100% no-repeat; }
	#main .section > h1 em:before,
	#main .section > h1 em:after { display: none; }
	#main .section h2 { font-size: 16px; margin-bottom: 20px; font-weight: bold; }
	#main .section h2 >img { vertical-align: middle; width: 34px; margin-right: 1em; }
}

#main .section a[target="_blank"] { position: relative; padding: 0 25px 0 0; vertical-align: middle; }
#main .section a[target="_blank"]:before,
#main .section a[target="_blank"]:after { position: absolute; content: ''; width: 10px; height: 7px; border: 1px solid #008F79; background: #fff; }
#main .section a[target="_blank"]:before{ right: 9px; bottom: 2px; }
#main .section a[target="_blank"]:after { right: 6px; bottom: 5px; }
#main .section p > a[target="_blank"] { padding: 0 25px 0 5px; }

/*accordion*/
#accordion { }
.accordionTitle { cursor: pointer; color: #fff; background: #008F79; margin-top: 43px; padding: 10px 20px; }
.accordionTitle > h1 { font-size: 22px; vertical-align: middle; font-weight: bold; }
.accordionTitle > h1 span { font-size: 28px; line-height: 1.2; margin-right: .6em; }
.accordionBodyWrap { display: none; margin-bottom: 43px; }
.accordionBody { position: relative; padding: 40px 30px 5px; background: #fff; }
.accordionBody:last-of-type { padding: 40px 30px; }
.accordionClose { cursor: pointer; text-align: center; padding: 12px; font-size: 14px; font-weight: bold; color: #fff; background: #808080; }
.accordionClose span { position: relative; display: inline-block; padding: 0 0 0 14px; vertical-align: middle; text-decoration: none; }
.accordionClose span:before { position: absolute; top: 0; bottom: 0; left: 0; width: 5px; height: 5px; border-top: 2px solid #fff; border-right: 2px solid #fff; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); margin: auto; content: ""; vertical-align: middle; }
.accordionIcon,
.accordionIcon span { display: inline-block; transition: all .4s; box-sizing: border-box; }
.accordionIcon { position: relative; width: 30px; height: 30px; float: right; margin: 10px 0 0 0; }
.accordionIcon span { position: absolute; left: 6px; width: 23px; height: 3px; background-color: #fff; }
.accordionIcon span:nth-of-type(1) { top: 5px; transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); }
.accordionIcon span:nth-of-type(2) { top: 5px; transform: rotate(90deg); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); }
/*＋、－切り替え*/
.accordionIcon.active span:nth-of-type(1) { display:none; }
.accordionIcon.active span:nth-of-type(2) { top: 5px; transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); }
@media screen and (max-width:959px){
	.accordionTitle { margin-top: 33px; padding: 10px; }
	.accordionTitle > h1 { font-size: 18px; }
	.accordionTitle > h1 span { font-size: 24px; }
	.accordionBodyWrap { margin-bottom: 33px; }
	.accordionBody { position: relative; padding: 20px 5% 5px; }
	.accordionBody:last-of-type { padding: 20px 5%; }
}


.scroll{ overflow: auto; white-space: nowrap; }
.scroll::-webkit-scrollbar{ height: 5px; }
.scroll::-webkit-scrollbar-track{ background: #F1F1F1; }
.scroll::-webkit-scrollbar-thumb { background: #BCBCBC; }
#main .section table { table-layout: auto; border-collapse: collapse; empty-cells: show; width: 100%; margin: 0 auto 20px; word-break: break-all; word-wrap: break-all; }
#main .section table.fixed { table-layout: fixed; }
#main .section table.w90 { width: 90%; }
#main .section table.outline th { width: 10em;}
#main .section table th,
#main .section table td { padding: 10px; border: 1px solid #ccc; }
#main .section table th span,
#main .section table td span { font-size: 12px; }
#main .section table th { background: #f9f9f9; vertical-align: top }
#main .section table h4 { font-weight: normal; }
@media screen and (max-width:959px){
	#main .section table.w90 { width: auto; }
	#main .section table th span,
	#main .section table td span { display: block; }
	#main .section .block table {  }
	#main .section .block table th,
	#main .section .block table td {  padding: 5%; display: block; width: 90%; }
	#main .section table.outline {  border-bottom: 1px solid #ccc;}
	#main .section table.outline th { border-bottom:none;}
	#main .section table.outline td { border-bottom:none;}
}

/*accordion01*/
#accordion01 h2 { position: relative; padding: 0 0 0 1.5em; font-size: 22px !important; margin-bottom: 20px !important; }
#accordion01 h2:before { position: absolute; content: '●'; left: 0; top: 0; color: #008F79; }
#accordion01 dl { position: relative; display: block; margin-bottom: 25px; padding: 20px; border: 1px solid #ADADAD; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; font-weight: bold; }
#accordion01 dl:after { position: absolute; content:""; top: 0; top: -17px; left: 50%; margin: 0 0 0 -5px; box-sizing: border-box; width: 20px; height: 20px; border: 10px solid transparent; border-left: 10px solid #c6c6c6; -webkit-transform: rotate(90deg);  transform: rotate(90deg); }
#accordion01 dl:first-of-type:after { display: none; }
#accordion01 dl dt { float: left; width: 5em; color: #008F79; font-family: 'Noto Sans JP', sans-serif; }
#accordion01 dl dd { padding-left: 5em; }
@media screen and (max-width:959px){
	#accordion01 h2 { font-size: 18px !important; margin-bottom: 20px !important; }
}
/*accordion02*/
#accordion02 h5 { color: #008F79; font-size: 18px; font-weight: bold; margin-bottom: 10px; }
#feeFree { display: flex; margin-bottom: 30px; }
.feeFree { width: 31%; margin: 0 1%; text-align: center; border: 1px solid #ADADAD; padding: 20px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; }
.feeFree p { margin: 0; }
.feeFreeNo { margin-bottom: 5px; font-size: 45px; color: #008F79; font-family: 'Noto Sans JP', sans-serif; }
@media screen and (max-width:959px){
	#feeFree { display: block; }
	.feeFree { width: 90%; margin: 0 auto 10px; padding: 5%; }
	.feeFree p { margin: 0; }
}
/*accordion06*/
#accordion06 h2 { font-size: 16px !important; font-weight: normal !important; margin-bottom: 10px !important; }
#accordion06 h2 span { display: inline-block; padding: .3em 1em; border: 1px solid #000; }