@charset "utf-8";

/*---------------------------------------------
 custom reset
---------------------------------------------*/
*,*:after,*:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
html,body { font-size: 14px; line-height: 1.5; color: #222; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; -webkit-text-size-adjust: 100%; }
.wrapInner{ overflow: hidden; margin: 0 auto; max-width: 1220px; }
a { display: block; text-decoration: none; color: #222; }
a,.link,a img{ -webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease; }
sup{ font-size: 60%; }

/*---------------------------------------------
 generic class
---------------------------------------------*/
.txtB { font-weight: bold!important; }.txtN { font-weight: normal!important; }
.txtRed { color: #c0000d !important; } .txtBlue { color: #2361ad !important; } .txtWhite { color: #fff !important; }
.layoutC { text-align: center!important; }.layoutL { text-align: left!important; }.layoutR { text-align: right!important; }
.ov{ overflow: hidden!important; }.fl{ float: left!important; }.fr{ float: right!important; }

/*---------------------------------------------
 base margin
---------------------------------------------*/
.mt0 { margin-top: 0px !important; }.mt5 { margin-top: 5px !important; }.mt10 { margin-top: 10px !important; }.mt15 { margin-top: 15px !important; }.mt20 { margin-top: 20px !important; }.mt25 { margin-top: 25px !important; }.mt30 { margin-top: 30px !important; }.mt35 { margin-top: 35px !important; }.mt40 { margin-top: 40px !important; }.mt50 { margin-top: 50px !important; }.mt60 { margin-top: 60px !important; }.mt70 { margin-top: 70px !important; }.mt80 { margin-top: 80px !important; }
.ml0 { margin-left: 0px !important; }.ml5 { margin-left: 5px !important; }.ml10 { margin-left: 10px !important; }.ml15 { margin-left: 15px !important; }.ml20 { margin-left: 20px !important; }.ml30 { margin-left: 30px !important; }.ml40 { margin-left: 40px !important; }
.mr0 { margin-right: 0px !important; }.mr5 { margin-right: 5px !important; }.mr10 { margin-right: 10px !important; }.mr15 { margin-right: 15px !important; }.mr20 { margin-right: 20px !important; }.mr25 { margin-right: 25px !important; }.mr30 { margin-right: 30px !important; }.mr40 { margin-right: 40px !important; }
.mb0 { margin-bottom: 0px !important; }.mb5 { margin-bottom: 5px !important; }.mb10 { margin-bottom: 10px !important; }.mb15 { margin-bottom: 15px !important; }.mb20 { margin-bottom: 20px !important; }.mb25 { margin-bottom: 25px !important; }.mb30 { margin-bottom: 30px !important; }.mb40 { margin-bottom: 40px !important; }.mb50 { margin-bottom: 50px !important; }.mb60 { margin-bottom: 60px !important; }.mb70 { margin-bottom: 70px !important; }.mb80 { margin-bottom: 80px !important; }

.pt0 { padding-top: 0px !important; }.pt5 { padding-top: 5px !important; }.pt10 { padding-top: 10px !important; }.pt15 { padding-top: 15px !important; }.pt20 { padding-top: 20px !important; }.pt25 { padding-top: 25px !important; }.pt30 { padding-top: 30px !important; }.pt40 { padding-top: 40px !important; }.pt50 { padding-top: 50px !important; }.pt60 { padding-top: 60px !important; }.pt70 { padding-top: 70px !important; }.pt80 { padding-top: 80px !important; }
.pl0 { padding-left: 0px !important; }.pl5 { padding-left: 5px !important; }.pl10 { padding-left: 10px !important; }.pl15 { padding-left: 15px !important; }.pl20 { padding-left: 20px !important; }.pl30 { padding-left: 30px !important; }.pl40 { padding-left: 40px !important; }
.pr0 { padding-right: 0px !important; }.pr5 { padding-right: 5px !important; }.pr10 { padding-right: 10px !important; }.pr15 { padding-right: 15px !important; }.pr20 { padding-right: 20px !important; }.pr25 { padding-right: 25px !important; }.pr30 { padding-right: 30px !important; }.pr40 { padding-right: 40px !important; }
.pb0 { padding-bottom: 0px !important; }.pb5 { padding-bottom: 5px !important; }.pb10 { padding-bottom: 10px !important; }.pb15 { padding-bottom: 15px !important; }.pb20 { padding-bottom: 20px !important; }.pb25 { padding-bottom: 25px !important; }.pb30 { padding-bottom: 30px !important; }.pb40 { padding-bottom: 40px !important; }.pb50 { padding-bottom: 50px !important; }.pb60 { padding-bottom: 60px !important; }.pb70 { padding-bottom: 70px !important; }.pb80 { padding-bottom: 80px !important; }

.w5p{ width: 5%!important;}.w8p{ width: 8%!important;}.w10p{ width: 10%!important;}.w11p{ width: 11%!important;}.w12p{ width: 12%!important;}.w15p{ width: 15%!important;}.w20p{ width: 20%!important;}.w25p{ width: 25%!important;}.w30p{ width: 30%!important;}.w35p{ width: 35%!important;}.w40p{ width: 40%!important;}.w45p{ width: 45%!important;}.w50p{ width: 50%!important;}.w55p{ width: 55%!important;}.w60p{ width: 60%!important;}.w65p{ width: 65%!important;}.w70p{ width: 70%!important;}.w75p{ width: 75%!important;}.w80p{ width: 80%!important;}.w85p{ width: 85%!important;}.w90p{ width: 90%!important;}.w95p{ width: 95%!important;}.w100p{ width: 100%!important;}
.wmax{ width: 100%!important; height: auto!important;}
.fz10{ font-size: 71.43%; }.fz11{ font-size: 78.57%; }.fz12{ font-size: 85.71%; }.fz14{ font-size: 100%; }.fz16{ font-size: 114.29%; }.fz18{ font-size: 128.57%; }.fz20{ font-size: 142.86%; }.fz22{ font-size: 157.14%; }.fz24{ font-size: 171.43%; }.fz26{ font-size: 185.71%; }.fz28{ font-size: 200%; }.fz30{ font-size: 214.29%; }.fz32{ font-size: 228.57%; }.fz34{ font-size: 242.86%; }.fz36{ font-size: 257.14%; }.fz38{ font-size: 271.43%; }.fz40{ font-size: 285.71%; }.fz42{ font-size: 300%; }.fz44{ font-size: 314.29%; }.fz46{ font-size: 328.57%; }.fz48{ font-size: 342.86%; }

/*---------------------------------------------
 grid system
---------------------------------------------*/
.grid {margin: 0 auto;overflow: hidden;padding-right: 0;}
.grid:after {content: "";display: table;clear: both;}
.colNum {float: left;min-height: 1px;}.push_right { float: right; }
.grid.inline{ letter-spacing: -0.4em; text-align: center; }
.grid.inline .colNum{ float: none; display: inline-block; vertical-align: middle; letter-spacing: normal; text-align: left;}
.gd_0 { margin-right: -0px; margin-bottom: -0px;}.gd_1 { margin-right: -1px; margin-bottom: -1px;}.gd_8 { margin-right: -8px; margin-bottom: -8px;}.gd_10 { margin-right: -10px; margin-bottom: -10px;}.gd_15 { margin-right: -15px; margin-bottom: -15px;}.gd_16 { margin-right: -16px; margin-bottom: -16px;}.gd_20 { margin-right: -20px; margin-bottom: -20px;}.gd_24 { margin-right: -24px; margin-bottom: -24px;}.gd_25 { margin-right: -25px; margin-bottom: -25px;}.gd_30 { margin-right: -30px; margin-bottom: -30px;}.gd_40 { margin-right: -40px; margin-bottom: -40px;}.gd_50 { margin-right: -50px; margin-bottom: -50px;}.gd_60 { margin-right: -60px; margin-bottom: -60px;}
.gd_0 .colNum {margin-bottom: 0; padding-right: 0;}.gd_1 .colNum {margin-bottom: 1px; padding-right: 1px;}.gd_8 .colNum {margin-bottom: 8px; padding-right: 8px;}.gd_10 .colNum {margin-bottom: 10px; padding-right: 10px;}.gd_15 .colNum {margin-bottom: 15px; padding-right: 15px;}.gd_16 .colNum {margin-bottom: 16px; padding-right: 16px;}.gd_20 .colNum {margin-bottom: 20px; padding-right: 20px;}.gd_24 .colNum {margin-bottom: 24px; padding-right: 24px;}.gd_25 .colNum {margin-bottom: 25px; padding-right: 25px;}.gd_30 .colNum {margin-bottom: 30px; padding-right: 30px;}.gd_40 .colNum {margin-bottom: 40px; padding-right: 40px;}.gd_50 .colNum {margin-bottom: 50px; padding-right: 50px;}.gd_60 .colNum {margin-bottom: 60px; padding-right: 60px;}.gd_60 .colNum {margin-bottom: 60px; padding-right: 60px;}
.grid.border .colNum{border-right: 1px solid rgba(0,0,0,0.2);/*$カラム間ボーダー*/}
.grid.border.gd_8 { margin-right: -4px; margin-left: -4px; margin-bottom: -8px;}.grid.border.gd_10 { margin-right: -5px; margin-left: -5px; margin-bottom: -10px;}.grid.border.gd_15 { margin-right: -7px; margin-left: -7px; margin-bottom: -15px;}.grid.border.gd_20 { margin-right: -10px; margin-left: -10px; margin-bottom: -20px;}.grid.border.gd_25 { margin-right: -12px; margin-left: -12px; margin-bottom: -25px;}.grid.border.gd_30 { margin-right: -15px; margin-left: -15px; margin-bottom: -30px;}.grid.border.gd_40 { margin-right: -20px; margin-left: -20px; margin-bottom: -40px;}
.grid.border.gd_10 .colNum {margin-bottom: 10px; padding-right: 5px; padding-left: 5px; }.grid.border.gd_10 .colNum {margin-bottom: 10px; padding-right: 5px; padding-left: 5px; }.grid.border.gd_15 .colNum {margin-bottom: 15px; padding-right: 7px; padding-left: 7px; }.grid.border.gd_16 .colNum {margin-bottom: 16px; padding-right: 8px; padding-left: 8px; }.grid.border.gd_20 .colNum {margin-bottom: 20px; padding-right: 10px; padding-left: 10px; }.grid.border.gd_24 .colNum {margin-bottom: 24px; padding-right: 12px; padding-left: 12px; }.grid.border.gd_25 .colNum {margin-bottom: 25px; padding-right: 12px; padding-left: 12px; }.grid.border.gd_30 .colNum {margin-bottom: 30px; padding-right: 15px; padding-left: 15px; }.grid.border.gd_40 .colNum {margin-bottom: 40px; padding-right: 20px; padding-left: 20px; }
.col_1_1 { width: 100%; }.col_2_3,.col_8_12 { width: 66.66%; }.col_1_2,.col_6_12 { width: 50%; }.col_1_3,.col_4_12 { width: 33.33%; }.col_1_4,.col_3_12 { width: 25%; }.col_1_5 { width: 20%; }.col_1_6,.col_2_12 { width: 16.667%; }.col_1_7 { width: 14.28%; }.col_1_8 { width: 12.5%; }.col_1_9 { width: 11.1%; }.col_1_10 { width: 10%; }.col_1_11 { width: 9.09%; }.col_1_12 { width: 8.33%; }.col_11_12 { width: 91.66%; }.col_10_12 { width: 83.333%; }.col_9_12 { width: 75%; }.col_5_12 { width: 41.66%; }.col_7_12 { width: 58.33%; }
.push_2_3,.push_8_12 { margin-left: 66.66%; }.push_1_2,.push_6_12 { margin-left: 50%; }.push_1_3,.push_4_12 { margin-left: 33.33%; }.push_1_4,.push_3_12 { margin-left: 25%; }.push_1_5 { margin-left: 20%; }.push_1_6,.push_2_12 { margin-left: 16.667%; }.push_1_7 { margin-left: 14.28%; }.push_1_8 { margin-left: 12.5%; }.push_1_9 { margin-left: 11.1%; }.push_1_10 { margin-left: 10%; }.push_1_11 { margin-left: 9.09%; }.push_1_12 { margin-left: 8.33%; }
.colInner{height: 100%;}
.tabl_w{display: table; width: 100%;}
.tabl_c{display: table-cell; vertical-align: middle;}
.flexWrap {
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
}
body,html { overflow-x: auto; }
.contentsWrap { overflow-x: hidden; width: 100%; }
.inner { position: relative; z-index: 1; }
.btn:hover { opacity: 0.6; }

#header { border-top: 2px solid #ff7f00; position: relative; z-index: 5; }
#header .btnWrap { position: absolute; right: 0; top: 0; z-index: 11; }
#header .siteLogo { display: inline-block; }

#footer { text-align: center; }

#contact {
	padding: 65px 0;
	background: url(../images/img_bg_contact.png) center / cover no-repeat;
}
#contact .hd02 { padding-top: 0; color: #fff; }
#contact .hd02 span::before,#contact .hd02 span::after { display: none; }
#contact .contactInner { background-color: rgba(255, 255, 255, 0.9); text-align: center; }
#contact .contactInner .tit { background-color: rgba(76, 76, 76, 0.8); color: #fff; font-weight: bold; padding: 7px 0; }
#contact .telNum { font-family: 'Roboto', sans-serif; font-weight: 500; line-height: 1; background: url(../images/icon_footer_tel.png) left center / auto 40px no-repeat; }
#contact .time { margin-top: 10px; }
#contact .time span { padding: 0 15px; border-right: 1px solid #d7d7d7; margin-right: 15px; }
.regulationLink { display: inline-block; font-weight: bold; border-bottom: 1px solid; padding-right: 40px; font-size: 16px; margin-bottom: 25px; background: url(../images/icon_pdf_black.png) right center / 32px auto no-repeat; }
.regulationLink:hover { color: #eb6900; background: url(../images/icon_pdf_orange.png) right center / 32px auto no-repeat; }

#fixedMenu { position: fixed; bottom: 0; left: 0; width: 100%; z-index: 101; background-color: #fff; box-shadow: 0 0 6px 1px rgba(139, 139, 139, 0.3); transform: translate3d(0, 0, 0); }

.hd02 { text-align: center; font-weight: bold; }
.hd02 span { display: inline-block; position: relative; line-height: 2; }
.hd02 span::before,
.hd02 span::after {
	content: "";
	display: block;
	width: 100%;
	height: 2px;
	background-color: #fff;
	position: absolute;
	bottom: 0;
	left: 0;
}
.hd02 span::after { bottom: -6px; }
#top .sec01 .hd02 { color: #fff; }
#top .sec03 .hd02 { color: #fff; }
#top .sec01 .hd02 span::before,#top .sec01 .hd02 span::after { box-shadow: 0 0 8px rgba(0, 0, 0, 0.4), 0 2px 2px rgba(0, 0, 0, 0.2); }
#top .sec02 .hd02 span::before,#top .sec02 .hd02 span::after { background-color: #ff7f00; }
#top .sec03 .hd02 span::before,#top .sec03 .hd02 span::after { background-color: #fff; }
#top .sec04 .hd02 span::before,#top .sec04 .hd02 span::after { background-color: #ff7f00; }

.contentsHd02 { text-align: center; font-weight: bold; }
.contentsHd02 span { display: inline-block; vertical-align: middle; }
.contentsHd02::before,
.contentsHd02::after {
	content: "";
	display: inline-block;
	vertical-align: middle;
	width: 29px;
	height: 8px;
}
.contentsHd02::before { background: url(../images/tit_deco_doubule_line_l.png) center / 100% auto no-repeat; }
.contentsHd02::after { background: url(../images/tit_deco_doubule_line_r.png) center / 100% auto no-repeat; }


.cmnBtn { width: 100%; max-width: 240px; margin: 0 auto; padding: 20px 40px; }
.whBtn { color: #ff7f00; font-weight: bold; background: url(../images/cmn_arrow_or.png) right 15px center / 14px auto no-repeat  #fff; }
.orBtn { color: #fff; font-weight: bold; background: url(../images/cmn_arrow_wh.png) right 15px center / 14px auto no-repeat #ff7f00; }
.backTopBtn { max-width: 350px; }
.shopBtn { width: calc(100% - 40px); margin: 0 auto; padding: 20px 40px; background: url(../images/icon_blank_link.png) right 20px center / 16px auto no-repeat #ff7f00; color: #fff; font-weight: bold; }
.shopBtn span {  line-height: 40px; padding-left: 45px;  background: url(../images/icon_footer_shop_atm.png) left center / auto 100% no-repeat; display: inline-block; }
.pdfBtn { max-width: 370px; }
.notes { text-indent: -1em; padding-left: 1em; }

.cmnTable { width: 100%; }
.cmnTable thead th,.cmnTable thead td { color: #eb6900;  font-weight: bold; }
.cmnTable thead th { background-color: #fbf0e5; }
.cmnTable thead td { background-color: #fff2e5; }
.cmnTable tbody tr:nth-child(odd) th { background-color: #fafafa; }
.cmnTable tbody tr:nth-child(odd) td { background-color: #fff; }
.cmnTable tbody tr:nth-child(even) th { background-color: #e4f0ee; }
.cmnTable tbody tr:nth-child(even) td { background-color: #edf5f4; }
.cmnTable tbody th a { display: inline; border-bottom: 1px solid; font-weight: bold; }

.accordion>dt .toggleBtn {
	display: block;
	width: 40px;
	height: 40px;
	position: absolute;
	transform: translateY(-50%);
	top: 50%;
	right: 20px;
	padding: 10px;
	background: #eb6900;
}
.accordion>dt .toggleBtn::before,
.accordion>dt .toggleBtn::after {
	content: "";
	display: block;
	top: 50%;
	left: 50%;
	position: absolute;
	width: 18px;
	height: 2px;
	transition: all 0.5s ease;
	background-color: #fff;
}
.accordion>dt.active .toggleBtn::before {
	display: none;
}
.accordion>dt.active .toggleBtn::after {
	transform: translate(-50%,-50%) rotate(180deg);
	-webkit-transform: translate(-50%,-50%) rotate(180deg);
	-moz-transform: translate(-50%,-50%) rotate(180deg);
	-ms-transform: translate(-50%,-50%) rotate(180deg);
	-o-transform: translate(-50%,-50%) rotate(180deg);
}
.accordion>dt .toggleBtn::before {
	display: block;
	transform: translate(-50%,-50%) rotate(0deg);
	-webkit-transform: translate(-50%,-50%) rotate(0deg);
	-moz-transform: translate(-50%,-50%) rotate(0deg);
	-ms-transform: translate(-50%,-50%) rotate(0deg);
	-o-transform: translate(-50%,-50%) rotate(0deg);
}
.accordion>dt .toggleBtn::after {
	transform: translate(-50%,-50%) rotate(90deg);
	-webkit-transform: translate(-50%,-50%) rotate(90deg);
	-moz-transform: translate(-50%,-50%) rotate(90deg);
	-ms-transform: translate(-50%,-50%) rotate(90deg);
	-o-transform: translate(-50%,-50%) rotate(90deg);
}

#mainVisual{ position: relative; }
#mainVisual .slides img{width: 100%; height: auto;}
#mainVisual .bg img.pcOnly{ visibility:hidden; height: 565px;}
#mainVisual .bg{-webkit-background-size: cover; background-size: cover; background-position: center; display: none;}
#mainVisual .bg.flex-active-slide {z-index: 3;}

#top .infoWrap { position: relative; }
#top .infoWrap:before {
	content: "";
	display: block;
	background-color: #e9f2f1;
	position: absolute;
	top: -10px;
	bottom: 23px;
	left: 0;
	right: 0;
	z-index: 0;
}
#top .infoWrap .pageLink { margin: 10px 0; }
#top .infoWrap .pageLink li { text-align: center; }
#top .infoWrap .pageLink li a { background-color: #fff; font-weight: bold; }

#top .newsTickerWrap { background-color: #000; color: #fff;  }
#top .newsTickerWrap a { display: inline; color: #fff; text-decoration: underline; }
#top .newsTickerInner .side {
	display: inline-block;
	vertical-align: middle;
	line-height: 1;
	font-weight: bold;
	position: relative;
}
#top .newsTickerInner .side span { position: relative; top: 1.5px; }
#top .newsTickerInner .newsTicker { display: inline-block; vertical-align: middle; }
#top .newsTicker { position: relative; }
#top .newsTicker .slickPrev ,.newsTicker .slickNext { cursor: pointer; }
#top .newsTicker .slickPrev:hover ,.newsTicker .slickNext:hover { opacity: 0.6; }
#top .newsTicker .slickPrev {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 5px 9px 5px;
	border-color: transparent transparent #fff transparent;
	position: absolute;
	right: 4px;
	top: 5px;
}
#top .newsTicker .slickNext {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 9px 5px 0 5px;
	border-color: #fff transparent transparent transparent;
	position: absolute;
	right: 4px;
	bottom: 5px;
}

#top .sec01 { background: url(../images/img_bg_account_open.png) center top / cover no-repeat; position: relative; }
#top .sec01 .inner { height: 100%; }
#top .sec01::before {
	content: "";
	display: block;
	width: 100%;
	position: absolute;
	left: 0;
	z-index: 0;
	background-color:rgba(0, 0, 0, 0.2);
}
#top .sec01 .apriInfo .textContens { position: relative; width: 100%; font-weight: bold; color: #fff; }
#top .sec01 .apriInfo .textContens .mainText .fsBig { display: inline-block; position: relative; }
#top .sec01 .apriInfo .textContens .mainText .fsBig::before {
	content: "";
	display: block;
	width: 32px;
	height: 20px;
	background: url(../images/img_deco_mv_text.png) center / auto 100% no-repeat;
	position: absolute;
	right: -11px;
	top: 0;
}
#top .sec01 .apriInfo .apriBtn { background-color: #00aba2; color: #fff; text-align: center; }
#top .sec01 .apriInfo .apriBtnInner { display: inline-block; text-align: left; }
#top .sec01 .apriInfo .apriBtnInner span { display: block; }

#top .sec02 .inner::before {
	content: "";
	display: block;
	position: absolute;
	background-color: #fff1e2;
	z-index: 1;
}
#top .sec02 .linkPanels { position: relative; z-index: 2; }
#top .sec02 .linkPanels::before {
	content: "";
	display: block;
	position: absolute;
	background-color: #fff;
	z-index: 0;
}
#top .sec02 .linkPanels li { z-index: 2; }
#top .sec02 .linkPanelInner img { width: 100%; }
#top .sec02 .textArea { background-color: rgba(255, 127, 0, 0.3); padding: 0 20px; position: relative; }
#top .sec02 .textInner { padding: 30px 25px 25px 25px; position: relative; top: -20px; background: url(../images/cmn_arrow_or.png) right 15px bottom 15px / auto 14px no-repeat #fff; }
#top .sec02 .textInner::before {
	content: "";
	display: block;
	width: 2px;
	height: 16px;
	background-color: #ff7f00;
	transform: translateX(-50%);
	left: 50%;
	top: 0;
	position:absolute;
}
#top .sec02 .panelTit { font-weight: bold; color: #555; text-align: center; }

#top .sec03 .inner::before {
	content: "";
	display: block;
	background-color: #edf5f4;
	position: absolute;
	z-index: 0;
}
#top .sec03 .secBlock { background: url(../images/img_deco_documents.png) right top / 164px auto no-repeat rgba(0, 125, 119, 0.7); color: #fff; }

#top .sec04::before {
	content: "";
	display: block;
	position: absolute;
	background-color: #fff1e2;
	z-index: 0;
}
#top .sec04 .blockWrap { position: relative; }

body.contents #keyVisual { position: relative; }
body.contents #keyVisual .kvInner {
	width: 100%;
	transform: translate(-50%,-50%);
	top: 50%;
	left: 50%;
	position: absolute;
	text-shadow: 0 0 13px rgba(0, 0, 0, 0.6);
	text-align: center;
	color: #fff;
}
body.contents #keyVisual .pageTit {
	letter-spacing: 0.1em;
	font-weight: bold;
}
body.contents #keyVisual .kvInner .text {
	font-weight: bold;
	letter-spacing: 0.1em;
}

body.contents .cmnSection { padding: 95px 0; }

#faq .faq dt { position: relative; cursor: pointer; background-color: #fbf0e5; }
#faq .faq dd { position: relative; display: none; position: relative; background-color: #fafafa; }

#faq .faq .qWrap {
	position: absolute;
}
#faq .faq .qWrap img { display: inline-block; vertical-align: middle; }
#faq .faq .qWrap .num { display: inline-block; vertical-align: middle; }
#faq .faq dt .qWrap { color: #eb6900; }
#faq .faq dd .qWrap { color: #00a199; }

#faq .list { margin-top: 20px; }
#faq .list li:nth-child(n+2) { margin-top: 15px; }
#faq .faq a { font-weight: bold; border-bottom: 1px solid; display: inline-block; }
#faq .faq a:hover { color: #eb6900; }

#documents .attentionList { margin: 0 auto; }
#documents .attentionList li { display: inline-block; text-align: left; }

/*==========================================================================================================
 PC Only
 ==========================================================================================================*/
@media print,screen and (min-width: 980px){
	body,html { min-width: 1200px; }
	.spOnly { display: none !important; }
	.pcOnly { display: block !important; }
	.inner { width: 1120px; margin: 0 auto; }

	#header .inner { width: 1200px; padding: 15px 0; }
	body.tab #header .inner { padding: 15px 10px; }
	#header .siteLogo { width: 240px; }
	#header .siteLogo img { width: 240px; }
	#header .btnWrap { width: 370px; top: 10px; vertical-align: middle; }
	body.tab #header .btnWrap { word-break: keep-all; right: 10px; }
	#header .btnWrap li { width: 50%; text-align: center; }
	#header .btnWrap .subComment { font-size: 12px; font-weight: bold; line-height: 1.3; word-break: keep-all; color: #878787; }
	#header .btnWrap .colorText { display: inline-block; padding: 0 20px; font-size: 12px; }
	#header .btnWrap li:nth-child(1) .colorText { color: #00a199; background: url(../images/img_deco_diagonal_line_gr_left.png) left center / auto 13px no-repeat,url(../images/img_deco_diagonal_line_gr_right.png) right center / auto 13px no-repeat; }
	#header .btnWrap li:nth-child(2) .colorText { color: #ff7f00; background: url(../images/img_deco_diagonal_line_or_left.png) left center / auto 13px no-repeat,url(../images/img_deco_diagonal_line_or_right.png) right center / auto 13px no-repeat; }
	#header .btnWrap .btnWrapInner { background-color: #fff; }
	#header .btnWrap .btn { padding: 10px 5px; line-height: 1.4; color: #fff; font-size: 12px; margin-top: 5px; font-weight: bold; word-break: keep-all; }
	#header .btnWrap li:nth-child(1) .btn { background-color: #00a199; }
	#header .btnWrap li:nth-child(2) .btn { background-color: #ff7f00; }
	#header .btnWrap .btn span { display: block; font-size: 16px; }
	#header .btnWrap li:nth-child(1) .btn span { display: inline-block; padding-left: 15px; background: url(../images/icon_btn_account_open.png) left center / 11px auto no-repeat; }
	#header .btnWrap li:nth-child(2) .btn span { display: inline-block; padding-left: 15px; background: url(../images/icon_btn_login.png) left center / 11px auto no-repeat; }
	#header .btnWrap .serviceBtn { margin-top: 1px; text-align: center; background: url(../images/cmn_arrow_gr.png) right 15px center / 14px auto no-repeat #fff; padding: 5px; font-size: 12px; font-weight: bold; color: #222; }
	#header .btnWrap .serviceBtn:hover {  background: url(../images/cmn_arrow_wh.png) right 15px center / 14px auto no-repeat #222; color: #fff; opacity: 1; }

	#footer { padding: 40px 0 100px; }
	#footer .logo { width: 213px; margin: 30px 0; }
	#footer .copyRight { margin-top: 15px; }

	#contact .hd02 { margin-bottom: 40px; text-shadow: 0 0 13px rgba(0, 0, 0, 0.6); }
	#contact .contactInner { width: 1080px; margin: 0 auto; }
	#contact .contactInner ul {
		width: 100%;
		display: table;
		padding: 0 20px;
	}
	#contact .contactInner ul li { display: table-cell; width: 50%; padding: 24px 20px; }
	#contact .contactInner ul li:nth-child(2) { border-left: 1px solid #f4f4f4; }
	#contact .contactInner .tit { margin-bottom: 24px; }
	#contact .telNum.pcOnly { font-size: 44px; padding-left: 50px; display: inline-block !important; }

	#fixedMenu { display: none; }
	#fixedMenu .btnWrap { width: 1080px; margin: 0 auto; padding: 15px 0; }
	#fixedMenu .btnWrap li { width: 50%; text-align: center; }
	#fixedMenu .btnWrap li:nth-child(1) .colorText { color: #00a199; background: url(../images/img_deco_diagonal_line_gr_left.png) left center / auto 13px no-repeat,url(../images/img_deco_diagonal_line_gr_right.png) right center / auto 13px no-repeat; }
	#fixedMenu .btnWrap li:nth-child(2) .colorText { color: #ff7f00; background: url(../images/img_deco_diagonal_line_or_left.png) left center / auto 13px no-repeat,url(../images/img_deco_diagonal_line_or_right.png) right center / auto 13px no-repeat; }
	#fixedMenu .btnWrap .btnWrapInner { background-color: #fff; }
	#fixedMenu .btnWrap .btn { padding: 10px 5px; line-height: 1.3; color: #fff; font-size: 14px; font-weight: bold; }
	#fixedMenu .btnWrap li:nth-child(1) .btn { background-color: #00a199; }
	#fixedMenu .btnWrap li:nth-child(2) .btn { background-color: #ff7f00; }
	#fixedMenu .btnWrap .btn span { display: block; font-size: 20px; }
	#fixedMenu .btnWrap li:nth-child(1) .btn span { display: inline-block; padding-left: 15px; background: url(../images/icon_btn_account_open.png) left center / 11px auto no-repeat; }
	#fixedMenu .btnWrap li:nth-child(2) .btn span { display: inline-block; padding-left: 15px; background: url(../images/icon_btn_login.png) left center / 11px auto no-repeat; }
	#fixedMenu .btnWrap .serviceBtn { margin-top: 1px; text-align: center; background: url(../images/cmn_arrow_gr.png) right 15px center / 14px auto no-repeat #fff; padding: 5px; font-size: 12px; font-weight: bold; color: #222; }
	#fixedMenu .btnWrap .serviceBtn:hover {  background: url(../images/cmn_arrow_wh.png) right 15px center / 14px auto no-repeat #222; color: #fff; opacity: 1; }


	.hd02 { font-size: 40px; padding-top: 44px; margin-bottom: 55px; letter-spacing: 0.2em; }
	#top .sec01 .hd02 { background: url(../images/tit_deco_01.png) center top / auto 44px no-repeat; }
	#top .sec02 .hd02 { background: url(../images/tit_deco_02.png) center top / auto 44px no-repeat; }
	#top .sec03 .hd02 { background: url(../images/tit_deco_03.png) center top / auto 44px no-repeat; }
	#top .sec04 .hd02 { background: url(../images/tit_deco_04.png) center top / auto 44px no-repeat; }

	.contentsHd02 { font-size: 40px; margin-bottom: 35px; letter-spacing: 1px; }
	.contentsHd02 span { padding: 0 20px; }

	.cmnBtn { font-size: 16px; }
	.shopBtn { font-size: 20px; }
	.notes { font-size: 12px  !important; }

	.cmnTable th, .cmnTable td { padding: 30px; }
	.cmnTable thead th { font-size: 16px; }
	.cmnTable thead th,.cmnTable thead td { padding: 15px 30px; }
	.cmnTable tbody th a:hover { color: #eb6900; }

	#top .infoWrap { position: relative; }
	#top .infoWrap .inner { width: 1200px; }
	body.tab#top .infoWrap .inner { width: 1180px; }
	#top .infoWrap .pageLink li { width: calc((100% - 36px) / 4); display: inline-block; }
	#top .infoWrap .pageLink li:nth-child(n+2) { margin-left: 12px; }
	#top .infoWrap .pageLink li a {
		font-size: 20px;
		padding: 24px 39px 24px 24px;
		background: url(../images/btn_arrow_or_bottom.png) right 15px center / 14px auto no-repeat #fff;
	}
	#top .infoWrap .pageLink li a span {
		display: inline-block;
		vertical-align: middle;
	}
	#top .infoWrap .pageLink li a::before {
		content: "";
		display: inline-block;
		vertical-align: middle;
		width : 42px;
		height: 42px;
		margin-right: 10px;
	}
	#top .infoWrap .pageLink li.openAccount a::before { background: url(../images/icon_account.png) left center / auto 100% no-repeat; }
	#top .infoWrap .pageLink li.loan a::before { background: url(../images/icon_loan.png) left center / auto 100% no-repeat; }
	#top .infoWrap .pageLink li.documents a::before { background: url(../images/icon_documents.png) left center / auto 100% no-repeat; }
	#top .infoWrap .pageLink li.faq a::before { background: url(../images/icon_faq.png) left center / auto 100% no-repeat; }

	#top .newsTickerWrap { height: 46px; }
	#top .newsTickerWrap a:hover p { opacity: 0.6; }
	#top .newsTickerInner { padding: 5px 15px; }
	#top .newsTickerInner .side {
		width: 140px;
		padding: 9px 10px 9px 28px;
		background: url(../images/icon_attention.png) left center / auto 18px no-repeat;
	}
	#top .newsTickerInner .side:before {
		content: "";
		display: block;
		width: 1px;
		height: 18px;
		background-color: #fff;
		position: absolute;
		transform: translateY(-50%);
		top: 50%;
		right: 0;
	}
	#top .newsTickerInner .newsTicker { width: calc(100% - 140px); }
	#top .newsTickerInner .newsTicker.slickSlider { padding-right: 20px; padding-left: 15px; }
	#top .newsTickerInner .newsTicker li { font-size: 14px; line-height: 1; padding: 10px 0; min-height: auto; }

	#top .sec01 {
		height: 645px;
		padding-top: 55px;
		margin-top: 20px;
		z-index: 2;
	}
	#top .sec01 .hd02 { text-shadow: 0 0 13px rgba(0, 0, 0, 0.6); }
	#top .sec01::before {
		height: 305px;
		bottom: 60px;
	}
	#top .sec01 .apriInfo { width: 660px; position: absolute; transform: translateX(-50%); left: 50%; bottom: 0; z-index: 1; }
	#top .sec01 .apriInfo .smartPhone { left: -20px; position: absolute; bottom: 0; width: 297px; }
	#top .sec01 .apriInfo .textContens { height: 431px; padding: 105px 0 105px 280px; }
	#top .sec01 .apriInfo .textContens .mainText { font-size: 28px; letter-spacing: 1px; line-height: 1.3; }
	#top .sec01 .apriInfo .textContens .mainText .fsSmall { font-size: 20px; }
	#top .sec01 .apriInfo .textContens .mainText .fsBig { font-size: 36px; padding-top: 10px; }
	#top .sec01 .apriInfo .apriBtn { width:320px; background-color: #00aba2; color: #fff; margin-top: 30px; font-size: 28px; line-height: 1.3; padding: 20px; }
	#top .sec01 .apriInfo .apriBtnInner { padding-left: 70px; background: url(../images/btn_icon_apri.png) left center / auto 52px no-repeat; }
	#top .sec01 .apriInfo .apriBtn .fsSmall { font-size: 16px; }

	#top .sec02 { padding: 95px 0; position: relative; }
	#top .sec02 .inner::before {
		top: 185px;
		bottom: 0;
		right: -20000px;
		left : 120px;
	}
	#top .sec02 .inner::after {
		content: "";
		display: block;
		width: 632px;
		height: 632px;
		background: url(../images/img_deco_loan.png) center / auto 100% no-repeat;
		position: absolute;
		right: -365px;
		top: -503px;
		z-index: 0;
	}
	#top .sec02 .linkPanels { padding: 60px 0; }
	#top .sec02 .linkPanels::before {
		width: 610px;
		height: 120px;
		bottom: 0;
		left: 0;
	}
	#top .sec02 .linkPanels li { width: calc((100% - 100px) / 3); margin-right: 50px; }
	#top .sec02 .linkPanels li:nth-child(3n) { margin-right: 0; }
	#top .sec02 .linkPanels li:nth-child(n+4) { margin-top: 50px; }
	#top .sec02 .textArea { background-color: rgba(255, 127, 0, 0.3); }
	#top .sec02 .panelTit { font-size: 20px; margin-bottom: 15px; }

	#top .sec03 { padding-bottom: 100px; }
	#top .sec03 .inner { padding-bottom: 85px; }
	#top .sec03 .inner::before {
		right: 60px;
		left: -20000px;
		top: 60px;
		bottom: 40px;
	}
	#top .sec03 .secImg { position: relative; left: -80px; }
	#top .sec03 .secBlock {
		text-align: center;
		width: 465px;
		height: 450px;
		position: absolute;
		right: 0;
		bottom: 0;
		z-index: 2;
		padding: 35px 0 60px;
		font-size: 18px;
	}
	#top .sec03 .secBlock .text { font-size: 18px; line-height: 1.8; margin-bottom: 45px; }

	#top .sec04 { position: relative; padding-bottom: 100px; }
	#top .sec04::before {
		left: 0;
		right: 0;
		top: 272px;
		bottom: 100px;
	}
	#top .sec04 .secBlock { width: 500px; height: 345px; padding: 65px 0 35px; position: absolute; transform: translateX(-50%); left: 50%; top: 0; text-align: center; }

	body.contents #keyVisual {
		height: 288px;
	}
	body#faq #keyVisual { background: url(../images/img_kv_faq.png) center / cover no-repeat; }
	body#documents #keyVisual { background: url(../images/img_kv_documents.png) center / cover no-repeat; }
	body.contents #keyVisual .pageTit { font-size: 48px; }
	body.contents #keyVisual .kvInner .text { font-size: 16px; margin-top: 25px; line-height: 1.8; }

	#faq .faq .qWrap {
		left:15px;
		top: 24px;
	}
	#faq .faq .qWrap img { width: 32px; }
	#faq .faq .qWrap .num { font-size: 27px; font-weight: bold; }
	#faq .faq dt {
		padding: 30px 75px 30px 105px;
		min-height: 80px;
		font-size: 18px;
		font-weight: bold;
		line-height: 1.2;
	}
	#faq .faq dt:nth-child(n+2) { margin-top: 25px; }
	#faq .faq dd {
		font-size: 14px;
		padding: 30px 30px 30px 105px;
	}
	#faq .faq+.contentsHd02 { margin-top: 70px; }

	#documents .attentionList { width: 820px; }
	#documents .attentionList li { line-height: 1.8; }
	#documents .documentsTable { margin: 35px 0; }

}

/*==========================================================================================================
 SP Only
==========================================================================================================*/
@media screen and (max-width: 979px){
	.grid:not(.sp_grid){margin-right: 0; margin-bottom: 0;}
	.grid:not(.sp_grid)>.colNum{ width: 100%; padding-right: 0; margin-bottom: 15px;}
	.grid:not(.sp_grid)>.colNum:last-child{ margin-bottom: 0};

	.sp_gd_0 { margin-right: -0px; margin-bottom: -0px;}.sp_gd_1 { margin-right: -1px; margin-bottom: -1px;}.sp_gd_8 { margin-right: -8px; margin-bottom: -8px;}.sp_gd_10 { margin-right: -10px; margin-bottom: -10px;}.sp_gd_15 { margin-right: -15px; margin-bottom: -15px;}.sp_gd_16 { margin-right: -16px; margin-bottom: -16px;}.sp_gd_20 { margin-right: -20px; margin-bottom: -20px;}.sp_gd_24 { margin-right: -24px; margin-bottom: -24px;}.sp_gd_25 { margin-right: -25px; margin-bottom: -25px;}.sp_gd_30 { margin-right: -30px; margin-bottom: -30px;}.sp_gd_40 { margin-right: -40px; margin-bottom: -40px;}.sp_gd_88 { margin-right: -88px; margin-bottom: -88px;}
	.sp_gd_0>.colNum {margin-bottom: 0; padding-right: 0;}.sp_gd_1>.colNum {margin-bottom: 1px; padding-right: 1px;}.sp_gd_8>.colNum {margin-bottom: 8px; padding-right: 8px;}.sp_gd_10>.colNum {margin-bottom: 10px; padding-right: 10px;}.sp_gd_15>.colNum {margin-bottom: 15px; padding-right: 15px;}.sp_gd_16>.colNum {margin-bottom: 16px; padding-right: 16px;}.sp_gd_20>.colNum {margin-bottom: 20px; padding-right: 20px;}.sp_gd_24>.colNum {margin-bottom: 24px; padding-right: 24px;}.sp_gd_25>.colNum {margin-bottom: 25px; padding-right: 25px;}.sp_gd_30>.colNum {margin-bottom: 30px; padding-right: 30px;}.sp_gd_40>.colNum {margin-bottom: 40px; padding-right: 40px;}.sp_gd_88>.colNum {margin-bottom: 88px; padding-right: 88px;}
	.sp_grid.border.sp_gd_8 { margin-right: -4px; margin-left: -4px; margin-bottom: -8px;}.sp_grid.border.sp_gd_10 { margin-right: -5px; margin-left: -5px; margin-bottom: -10px;}.sp_grid.border.sp_gd_15 { margin-right: -7px; margin-left: -7px; margin-bottom: -15px;}.sp_grid.border.sp_gd_20 { margin-right: -10px; margin-left: -10px; margin-bottom: -20px;}.sp_grid.border.sp_gd_25 { margin-right: -12px; margin-left: -12px; margin-bottom: -25px;}.sp_grid.border.sp_gd_30 { margin-right: -15px; margin-left: -15px; margin-bottom: -30px;}.sp_grid.border.sp_gd_40 { margin-right: -20px; margin-left: -20px; margin-bottom: -40px;}
	.sp_grid.border.sp_gd_10>.colNum {margin-bottom: 10px; padding-right: 5px; padding-left: 5px; }.sp_grid.border.sp_gd_10>.colNum {margin-bottom: 10px; padding-right: 5px; padding-left: 5px; }.sp_grid.border.sp_gd_15>.colNum {margin-bottom: 15px; padding-right: 7px; padding-left: 7px; }.sp_grid.border.sp_gd_16>.colNum {margin-bottom: 16px; padding-right: 8px; padding-left: 8px; }.sp_grid.border.sp_gd_20>.colNum {margin-bottom: 20px; padding-right: 10px; padding-left: 10px; }.sp_grid.border.sp_gd_24>.colNum {margin-bottom: 24px; padding-right: 12px; padding-left: 12px; }.sp_grid.border.sp_gd_25>.colNum {margin-bottom: 25px; padding-right: 12px; padding-left: 12px; }.sp_grid.border.sp_gd_30>.colNum {margin-bottom: 30px; padding-right: 15px; padding-left: 15px; }.sp_grid.border.sp_gd_40>.colNum {margin-bottom: 40px; padding-right: 20px; padding-left: 20px; }
	.sp_col_1_1 { width: 100%; }.sp_col_2_3,.sp_col_8_12 { width: 66.66%; }.sp_col_1_2,.sp_col_6_12 { width: 50%; }.sp_col_1_3,.sp_col_4_12 { width: 33.33%; }.sp_col_1_4,.sp_col_3_12 { width: 25%; }.sp_col_1_5 { width: 20%; }.sp_col_1_6,.sp_col_2_12 { width: 16.667%; }.sp_col_1_7 { width: 14.28%; }.sp_col_1_8 { width: 12.5%; }.sp_col_1_9 { width: 11.1%; }.sp_col_1_10 { width: 10%; }.sp_col_1_11 { width: 9.09%; }.sp_col_1_12 { width: 8.33%; }.sp_col_11_12 { width: 91.66%; }.sp_col_10_12 { width: 83.333%; }.sp_col_9_12 { width: 75%; }.sp_col_5_12 { width: 41.66%; }.sp_col_7_12 { width: 58.33%; }
	.sp_dBlock { display: block!important; }

	.sp_layoutC{ text-align: center; }.sp_layoutR{ text-align: right; }.sp_layoutL{ text-align: left; }
	.sp_fz10{ font-size: 62.5% !important; }.sp_fz11{ font-size: 68.75% !important; }.sp_fz12{ font-size: 75% !important; }.sp_fz14{ font-size: 87.5% !important; }.sp_fz16{ font-size: 100% !important; }.sp_fz18{ font-size: 112.5% !important; }.sp_fz20{ font-size: 125% !important; }.sp_fz22{ font-size: 137.5% !important; }.sp_fz24{ font-size: 150% !important; }.sp_fz26{ font-size: 162.5% !important; }.sp_fz28{ font-size: 175% !important; }.sp_fz30{ font-size: 187.5% !important; }.sp_fz32{ font-size: 200% !important; }.sp_fz34{ font-size: 212.5% !important; }.sp_fz36{ font-size: 225% !important; }.sp_fz38{ font-size: 237.5% !important; }.sp_fz40{ font-size: 250% !important; }.sp_fz42{ font-size: 262.5% !important; }.sp_fz44{ font-size: 275% !important; }.sp_fz46{ font-size: 287.5% !important; }.sp_fz48{ font-size: 300% !important; }

	.spOnly { display: block !important; }
	.pcOnly { display: none !important; }
	.inner { width: 95%; margin: 0 auto; }

	#header .inner { padding: 15px 0; }
	#header .siteLogo img { width: 150px; }
	#header .serviceBtn { display:inline-block !important; text-align: center; padding: 5px; font-size: 12px; font-weight: bold; color: #222; transform: translateY(-50%); top: 50%; right: 0; position:absolute; }
	#header .serviceBtn::after { content: ""; background: url(../images/cmn_arrow_gr.png) center / cover no-repeat #fff; display: inline-block; width: 12px; height: 12px; margin-left: 5px; }

	#footer { padding: 30px 0 95px; font-size: 11px; }
	#footer .logo { width: 213px; margin: 20px 0; }
	#footer .copyRight { margin-top: 15px; }

	#contact { padding: 40px 0; }
	#contact .hd02 { margin-bottom: 20px; text-shadow: 0 0 13px rgba(0, 0, 0, 0.6); }
	#contact .hd02 span { padding: 0; }
	#contact .contactInner ul {
		width: 100%;
		padding: 20px;
	}
	#contact .contactInner ul li { display: block; width: 100%; }
	#contact .contactInner ul li:nth-child(2) { margin-top: 25px; }
	#contact .contactInner .tit { margin-bottom: 20px; font-size: 13px; }
	#contact .time { font-size: 12px; }
	#contact .time span { padding: 0 5px; margin-right: 5px; }
	#contact .telNum.spOnly { font-size: 32px; padding-left: 40px; display: inline-block !important; background: url(../images/icon_footer_tel.png) left center / auto 32px no-repeat; }
	.regulationLink { font-size: 14px; margin-bottom: 20px; }


	#fixedMenu .btnWrap { width: 95%; margin: 0 auto; padding: 10px 0; }
	#fixedMenu .btnWrap li { width: 50%; text-align: center; }
	#fixedMenu .btnWrap li:nth-child(1) .colorText { color: #00a199; background: url(../images/img_deco_diagonal_line_gr_left.png) left center / auto 13px no-repeat,url(../images/img_deco_diagonal_line_gr_right.png) right center / auto 13px no-repeat; }
	#fixedMenu .btnWrap li:nth-child(2) .colorText { color: #ff7f00; background: url(../images/img_deco_diagonal_line_or_left.png) left center / auto 13px no-repeat,url(../images/img_deco_diagonal_line_or_right.png) right center / auto 13px no-repeat; }
	#fixedMenu .btnWrap .btnWrapInner { background-color: #fff; }
	#fixedMenu .btnWrap .btn { padding: 10px 5px; line-height: 1.35; color: #fff; font-size: 12px; font-weight: bold; }
	#fixedMenu .btnWrap li:nth-child(1) .btn { background-color: #00a199; }
	#fixedMenu .btnWrap li:nth-child(2) .btn { background-color: #ff7f00; }
	#fixedMenu .btnWrap .btn span { display: block; font-size: 18px; }
	#fixedMenu .btnWrap li:nth-child(1) .btn span { display: inline-block; padding-left: 15px; background: url(../images/icon_btn_account_open.png) left center / 11px auto no-repeat; }
	#fixedMenu .btnWrap li:nth-child(2) .btn span { display: inline-block; padding-left: 15px; background: url(../images/icon_btn_login.png) left center / 11px auto no-repeat; }
	#fixedMenu .btnWrap .serviceBtn { margin-top: 1px; text-align: center; background: url(../images/cmn_arrow_gr.png) right 15px center / 14px auto no-repeat #fff; padding: 5px; font-size: 12px; font-weight: bold; color: #222; }
	#fixedMenu .btnWrap .serviceBtn:hover {  background: url(../images/cmn_arrow_wh.png) right 15px center / 14px auto no-repeat #222; color: #fff; opacity: 1; }



	.hd02 { font-size: 24px; padding-top: 50px; margin-bottom: 35px; letter-spacing: 0.1em; }
	.hd02 span { line-height: 1.4; padding-bottom: 5px; }
	#top .sec01 .hd02 { background: url(../images/tit_deco_01.png) center top / auto 44px no-repeat; }
	#top .sec02 .hd02 { background: url(../images/tit_deco_02.png) center top / auto 44px no-repeat; }
	#top .sec03 .hd02 { background: url(../images/tit_deco_03.png) center top / auto 44px no-repeat; }
	#top .sec04 .hd02 { background: url(../images/tit_deco_04.png) center top / auto 44px no-repeat; }

	.contentsHd02 { font-size: 20px; margin-bottom: 15px; letter-spacing: 0.5px; }
	.contentsHd02 span { padding: 0 15px; }

	.cmnBtn { font-size: 16px; padding: 20px 30px; }
	.shopBtn { width: calc(100% - 30px); font-size: 16px; padding: 15px 50px 15px 30px; background-position: right 15px center; }
	.shopBtn span { line-height: 36px; padding-left: 35px; }
	.notes { font-size: 11px !important; }

	.cmnTable th, .cmnTable td { padding: 15px 12px; vertical-align: top; }
	.cmnTable thead th { font-size: 15px; }
	.cmnTable thead th,.cmnTable thead td { padding: 10px 12px; }

	.accordion>dt .toggleBtn {
		width: 30px;
		height: 30px;
		right: 10px;
		padding: 5px
	}

	#top .infoWrap { position: relative; }
	#top .infoWrap .pageLink li { width: calc((100% - 12px) / 2); display: inline-block; }
	#top .infoWrap .pageLink li:nth-child(2n) { margin-left: 12px; }
	#top .infoWrap .pageLink li:nth-child(n+3) { margin-top: 12px; }
	#top .infoWrap .pageLink li a {
		font-size: 14px;
		padding: 12px 27px 12px 27px;
		background: url(../images/btn_arrow_or_bottom.png) right 15px center / 14px auto no-repeat #fff;
		text-align: center;
	}
	#top .infoWrap .pageLink li a span {
		display: inline-block;
		width: 100%;
	}
	#top .infoWrap .pageLink li a::before {
		content: "";
		display: inline-block;
		vertical-align: middle;
		width : 42px;
		height: 42px;
	}
	#top .infoWrap .pageLink li.openAccount a::before { background: url(../images/icon_account.png) left center / auto 100% no-repeat; }
	#top .infoWrap .pageLink li.loan a::before { background: url(../images/icon_loan.png) left center / auto 100% no-repeat; }
	#top .infoWrap .pageLink li.documents a::before { background: url(../images/icon_documents.png) left center / auto 100% no-repeat; }
	#top .infoWrap .pageLink li.faq a::before { background: url(../images/icon_faq.png) left center / auto 100% no-repeat; }

	#top .newsTickerInner { width: 100%; padding: 10px 0; }
	#top .newsTickerInner .side {
		width: 100%;
		padding: 5px 15px 15px 45px;
		line-height: 1;
		background: url(../images/icon_attention.png) 15px 3.5px / auto 20px no-repeat;
	}

	#top .newsTickerInner .side:before {
		content: "";
		display: block;
		width: calc(100% - 30px);
		height: 1px;
		background-color: #fff;
		position: absolute;
		transform: translateX(-50%);
		left: 50%;
		bottom: 0;
	}
	#top .newsTickerInner .newsTicker { width: 100%; padding: 0 5px; margin-top: 7px; }
	#top .newsTickerInner .newsTicker.slickSlider { padding-right: 30px; padding-left: 15px; }
	#top .newsTickerInner .newsTicker li { font-size: 14px; line-height: 1.4; min-height: calc(2em * 1.4); }
	#top .newsTicker .slickPrev { top: 5px; right: 10px; }
	#top .newsTicker .slickNext { bottom: 5px; right: 10px; }

	#top .sec01 {
		padding: 20px 0;
		margin-top: 20px;
		z-index: 2;
		background-position: left center;
	}
	#top .sec01 .inner { width: 100%; }
	#top .sec01 .hd02 { text-shadow: 0 0 13px rgba(0, 0, 0, 0.6); }
	#top .sec01::before {
		display: none;
	}
	#top .sec01 .apriInfo { width: 100%; padding: 0 2.5%; background-color: rgba(0, 0, 0, 0.2); text-align: center; position: relative; }
	#top .sec01 .apriInfo .smartPhone { width: 65%;/* position: absolute; transform: translateX(-50%); left: 50%;*/ top: 20px; position: relative; }
	#top .sec01 .apriInfo .textContens { position: relative; top: 20px;/* padding-bottom: 100%;*/ }
	#top .sec01 .apriInfo .textContens .mainText { font-size: 22px; letter-spacing: 1px; line-height: 1.3; }
	#top .sec01 .apriInfo .textContens .mainText .fsSmall { font-size: 16px; }
	#top .sec01 .apriInfo .textContens .mainText .fsBig { font-size: 28px; padding-top: 10px; }
	#top .sec01 .apriInfo .apriBtn { display: inline-block; width: 100%; max-width:320px; background-color: #00aba2; color: #fff; margin-top: 20px; font-size: 24px; line-height: 1.3; padding: 18px; }
	#top .sec01 .apriInfo .apriBtnInner { padding-left: 70px; background: url(../images/btn_icon_apri.png) left center / auto 52px no-repeat; }
	#top .sec01 .apriInfo .apriBtn .fsSmall { font-size: 14px; }

	#top .sec02 { padding: 45px 0; position: relative; }
	#top .sec02 .inner::before {
		top: 150px;
		bottom: 0;
		right: -20000px;
		left : 70px;
	}
	#top .sec02 .linkPanels { padding-bottom: 5%; width: 90%; margin: 45px auto 0; }
	#top .sec02 .linkPanels li:nth-child(n+2) { margin-top: 18px; }
	#top .sec02 .textInner { padding: 25px 15px 15px 15px; }
	#top .sec02 .panelTit { font-size: 20px; margin-bottom: 10px; }
	#top .sec02 .text { padding-bottom: 15px; }

	#top .sec03 { padding-bottom: 30px; }
	#top .sec03 .inner { padding-bottom: 0; }
	#top .sec03 .inner::before {
		right: 60px;
		left: -20000px;
		top: 60px;
		bottom: 0;
	}
	#top .sec03 .secImg { position: relative; width: 100%; }
	#top .sec03 .secBlock {
		text-align: center;
		width: 90%;
		position: relative;
		transform: translateX(-50%);
		left: 50%;
		top: -25px;
		z-index: 2;
		padding: 20px 15px 30px;
		font-size: 18px;
	}
	#top .sec03 .secBlock .text { font-size: 16px; line-height: 1.8; margin-bottom: 45px; }

	#top .sec04 { position: relative; padding-bottom: 40%; margin-bottom: 45px; background: url(../images/img_bg_faq_sp.png) center bottom / 100% auto no-repeat; text-align: center; }
	#top .sec04 .inner { width: 100%; padding: 0 2.5%; }
	#top .sec04::before {
		display: none;
	}
	#top .sec04 .secBlock {
		min-width: 90%;
		display: inline-block;
		padding: 30px;
		background-color: #fff;
		position: relative;
	}

	body.contents .cmnSection { padding: 45px 0; }
	body.contents #keyVisual { height: 144px; }
	body#faq #keyVisual { background: url(../images/img_kv_faq.png) center / cover no-repeat; }
	body#documents #keyVisual { background: url(../images/img_kv_documents.png) center / cover no-repeat; }
	body.contents #keyVisual .pageTit { font-size: 24px; text-align: center; line-height: 1.3; }
	body.contents #keyVisual .kvInner .text { font-size: 12px; display: inline-block; margin: 5px auto 0; width: 90%; text-align: left; }

	#faq .faq .qWrap {
		left:10px;
		top: 20px;
	}
	#faq .faq dd .qWrap { top: 15px; }
	#faq .faq .qWrap img { width: 28px; }
	#faq .faq .qWrap .num { font-size: 23px; font-weight: bold; }
	#faq .faq dt {
		padding: 25px 50px 25px 85px;
		min-height: 70px;
		font-size: 16px;
		font-weight: bold;
		line-height: 1.4;
	}
	#faq .faq dt:nth-child(n+2) { margin-top: 15px; }
	#faq .faq dd {
		font-size: 14px;
		padding: 15px 10px 15px 85px;
	}

	#faq .faq+.contentsHd02 { margin-top: 40px; }

	#documents .attentionList { width: 100%; }
	#documents .attentionList li { line-height: 1.4; }
	#documents .attentionList li:nth-child(n+2) { margin-top: 5px; }
	#documents .documentsTable { margin: 25px 0 35px; }
}

@media screen and (max-width: 320px){
	.hd02,
	.contentsHd02 { font-size: 18px; }
	.contentsHd02 span { padding: 0 10px; }

	.cmnBtn { font-size: 14px; padding: 15px 35px 15px 15px; }
	.shopBtn {
		font-size: 14px;
		padding: 15px 30px 15px 15px;
	}
	#fixedMenu .btnWrap .btn { font-size: 11px; }
	#top .infoWrap .pageLink li a { font-size: 13px; }
	#top .sec02 .linkPanels,
	#top .sec03 .secBlock,
	#top .sec04 .secBlock{ width: 95%; }
	#top .sec02 .textArea { padding: 0 15px; }
	#top .sec02 .textInner { top: -15px; }
	#top .sec03 .secBlock .text { font-size: 14px; }

	body.contents #keyVisual .kvInner .text { font-size: 11px; }
}

@media print {
	body {
		width: 1200px;
		-webkit-print-color-adjust: exact;
	}
}