@charset "utf-8";

/*------------------------------------------------------------------------------
ニッセン・ジー・イー・クレジット株式会社 - CSS Modules Import
Date: 2014-03-09
Copyright (C) GE Nissen Credit. All Rights Reserved.
------------------------------------------------------------------------------*/


/* ----------------------------------------

再定義

---------------------------------------- */
body {
	line-height: 1.67;
	background-color: #fff;
	font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro","メイリオ",Meiryo; Verdana, Arial, Helvetica, Sans-Serif;
	color: #555;
}
a:link {
	color: #555;
}
a:visited {
	color: #555;
}
a:hover,
a:visited:hover {
	text-decoration: none;
}
a:active {
	color: #0c5f93;
}
img {
	vertical-align: bottom;
}


/* ----------------------------------------

container

---------------------------------------- */
#container {
	margin: 0 auto;
	font-size: 100%; /* fontsize 13px */
}

/*
**
子要素のフォントサイズ指定は以下を参照
http://aloestudios.com/tools/emchart/
例)
基準フォントサイズが13pxで、
特定の要素を12pxにしたい時は92.4%と指定
**
*/

/* ----------------------------------------

header

---------------------------------------- */
#header {
	margin-bottom: 30px;
	background: none;
}
#header p.skip {
	height: 0;
	width: 0;
	overflow: hidden;
}
#hdrWap01,
#globalNav,
#topicPath {
    width: 980px;
    margin: 0 auto;
}
#siteID {
	margin-top: 15px;
	width: 326px;
	float: left;
}
#pagetop03 {
	text-align: right;
	vertical-align: bottom;
	float: right;
	margin: 0 !important;
}

#hdrSec01 {
	width: 474px;
	float: right;
	margin-bottom: 10px;
	line-height: 0;
}

/*    hdrNav01
---------------------------------------- */
#hdrSec01 #hdrNav01 {
	margin: 7px 0;
	text-align: right;
}
#hdrSec01 #hdrNav01 li {
	display: inline;
	margin-left: 20px;
}

/*    hdrNav02
---------------------------------------- */
#hdrSec01 #hdrNav02 {
	width: 360px;
	float: right;
}
#hdrSec01 #hdrNav03 {
	width: 650px;
	float: right;
}
#hdrSec01 #hdrNav02 form {
	width: 217px;
	float: left;
}
#hdrSec01 #hdrNav02 form input {
	vertical-align: bottom;
}
#hdrSec01 #hdrNav02 form input#hdrSearch {
	width: 138px;
	background: url(../../img/common/icon_srch.png) no-repeat 7px 50%;
	border-top: solid 1px #cecece;
	border-bottom: solid 1px #cecece;
	border-left: solid 1px #cecece;
	border-right: none;
	overflow: hidden;
	padding: 4px 4px 4px 26px;
	height: 15px;
	display: inline;
	line-height: 15px;
	font-size: 13px;
	zoom: 1;
	-moz-box-shadow: 3px 3px 6px rgba(0,0,0,0.07) inset;
	-webkit-box-shadow: 3px 3px 6px rgba(0,0,0,0.07) inset;
	-o-box-shadow: 3px 3px 6px rgba(0,0,0,0.07) inset;
	-ms-box-shadow: 3px 3px 6px rgba(0,0,0,0.07) inset;
	box-shadow: 3px 3px 6px rgba(0,0,0,0.07) inset;
}
#hdrSec01 #hdrNav02 form input.btn {
	border: solid 1px #cecece;
}
#hdrSec01 #hdrNav02 form p {
	height: 23px;
}
#hdrSec01 #hdrNav02 p.hdrLogo {
	margin-left: 17px;
	float: left;
}
#hdrSec01 #hdrNav03 p.hdrLogo {
	margin-left: 17px;
	text-align: right;
	float: right;
}

/*    globalNav
---------------------------------------- */
#globalNav li {
	position: relative;
	display: inline;
}

/* topicPath
------------------------------- */
#topicPath {
	font-size: 84.6%;
	height: 25px;
	padding-top: 8px;
	background: none;
	color: #333;
}
#topicPath li {
	display: inline;
	padding: 0 6px 0 9px;
	background: url(../../img/common/img_topicpath_01.png) left .3em no-repeat;
}
#topicPath li#topPage {
	padding-left: 22px;
	background: url(../../img/common/img_topicpath_home.png) left .2em no-repeat;
}
#topicPath a {
	color: #333;
	text-shadow: 0 1px 1px #fff;
}

/* ----------------------------------------

content

---------------------------------------- */

#content {
	width: 980px;
	margin: 0 auto 50px;
}

/* noscript
------------------------------- */
#noscript {
	width: 950px;
	margin-bottom: 15px;
	padding: 10px 15px;
	border: 2px solid #ccc;
	color: #333;
}




/* ----------------------------------------

content - main

---------------------------------------- */

#main {
	width: 720px;
	float: right;
}

.pagetop02 {
	text-align: right;
	margin: 0 !important;
}

/* ----------------------------------------

content - sub

---------------------------------------- */

#sub {
	width: 220px;
	float: left;
}

#subMember {
	background-color: #f1f1f1;
	padding-bottom: 7px;
	margin-bottom: 20px;
}
#subMember .titSubMem {
	background-color: #f1f1f1;
	font-size: 115.4%;
	border-top: solid 3px #357da0;
	text-align: center;
	padding-top: 11px;
	padding-bottom: 11px;
	font-weight: 700;
}
#subMember .inWrap {
	background-color: #fff;
	width: 207px;
	margin: 0 auto;
	padding: 11px 0 6px;
}
#subMember .inBtn01 {
	width: 181px;
	margin: 0 auto 12px;
}
#subMember ul.inList01,
#subMember ul.inList02 {
	margin-bottom: 0;
	line-height: 1.5;
}
#subMember ul.inList01 li,
#subMember ul.inList02 li {
	font-size: 84.6%;
	padding: 0 10px 0 12px;
	margin: 0 0 4px 1em;
	text-indent: -1em;
}
#subMember ul.inList01 li a {
	background: url(../../img/common/icon_arrw_05.png) no-repeat 0 .3em;
	padding-left: 10px;
}
#subMember ul.inList02 li a {
	background: url(../../img/common/icon_arrw_login.png) no-repeat 0 .3em;
	padding-left: 10px;
}
.subCardChange {
	width: 192px;
	margin: 0 auto 8px;
	border-top: 1px solid #e9e9e9;
	padding-top: 10px;
	text-align: center;
}
.titSubCC {
	margin-bottom: 7px;
}


.subCatSec01 {
	background-color: #dfedf3;
	padding-bottom: 7px;
	margin-bottom: 20px;
}
.subCatSec01 .titSubCat{
	background-color: #dfedf3;
	font-size: 115.4%;
	border-top: solid 3px #357da0;
	text-align: center;
	padding-top: 11px;
	padding-bottom: 11px;
	font-weight: 700;
}
.subCatSec01 .inWrap {
	background-color: #fff;
	width: 210px;
	margin: 0 auto;
}
ul.subCat01 {
	padding: 3px 9px 5px;
}
ul.subCat01 a,
ul.subCat01 span {
	background: url(../../img/common/icon_arrw_01.png) no-repeat 0 .7em;
	padding: 7px 24px;
	display: block;
	border-bottom: 1px solid #e9e9e9;
	font-size: 115.4%;
}
ul.subCat01 .hasCat {
	border-bottom: 1px solid #e9e9e9;
}
ul.subCat01 .last a,
ul.subCat01 .last span,
ul.subCat01 .hasCat.last {
	border-bottom: none;
}

ul.subCat01 .hasCat a,
ul.subCat01 .hasCat span  {
	border-bottom: none;
}
ul.subCat01 ul.subCat02 {
	background: url(../../img/common/line_dotted_yoko.png) repeat-x 0 0;
	padding: 6px 0 5px 13px;
}
ul.subCat01 ul.subCat02 a,
ul.subCat01 ul.subCat02 span {
	background: url(../../img/common/icon_arrw_02.png) no-repeat 0 .6em;
	padding: 1px 0 1px 11px;
	font-size: 100%;
}
ul.subCat01 span.active,
ul.subCat01 ul.subCat02 span.active {
	color: #ff890a;
}
ul.subCat01 .hasCat span.noLink  {
	background: none;
	padding: 7px 4px;
}

	/* ----------------------------------------

	content - sub - maintenance
 （202410 リニューアルのため修正）

	---------------------------------------- */
	.subCatMainte {
		background-color: #FFD587;
		padding-bottom: 5px;
		margin-bottom: 17px;
	}
	.subCatMainte .titSubCat{
		background-color: #FFD587;
		font-size: 115.4%;
		border-top: solid 3px #FF890A;
		text-align: center;
		padding-top: 5px;
		padding-bottom: 5px;
		font-weight: 700;
	}
	.subCatMainte .inWrap {
		background-color: #fff;
		width: 210px;
		margin: 0 auto;
	}
	ul.subCat03 {
		padding: 3px 9px 1px;
	}
	ul.subCat03 a {
	background: url(../../img/common/icon_arrw_01.png) no-repeat 0 .7em;
	padding: 7px 18px;
}

ul.bnrList01 {
	margin-bottom: 20px;
}
ul.bnrList01 li,
ul.bnrList02 li {
	margin-bottom: 10px;
}
ul.bnrList02 {
	margin-bottom: 15px;
	padding-bottom: 5px;
	background: url(../../img/common/line_dotted_yoko.png) repeat-x 0 bottom;
}

ul.subNav01 {
	border-top: 1px solid #e9e9e9;
	margin-bottom: 20px;
}
ul.subNav01 li a {
	padding: 10px 1.65em 10px 5px;
	display: grid;
  align-items: center;
	border-bottom: 1px solid #e9e9e9;
	line-height: 1.385;
	font-weight: 700;
  position: relative;
  min-height: 2.769em;
  text-decoration: none;
}
ul.subNav01 li a:hover {
  text-decoration: underline
}
ul.subNav01 li a::after {
  content: '';
  display: inline-block;
  width: 1em;
  height: 1em;
  mask-position: center center;
  mask-repeat: no-repeat;
  mask-size: contain;
  mask-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22a%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%225.496%22%20height%3D%228.75%22%20viewBox%3D%220%200%205.496%208.75%22%3E%3Cpath%20d%3D%22M5.305%2C3.91L1.586%2C.219C1.458%2C.073%2C1.303%2C0%2C1.121%2C0s-.338%2C.073-.465%2C.219L.219%2C.656C.073%2C.802%2C0%2C.962%2C0%2C1.135c0%2C.173%2C.073%2C.324%2C.219%2C.451l2.762%2C2.789L.219%2C7.164C.073%2C7.292%2C0%2C7.447%2C0%2C7.629s.073%2C.338%2C.219%2C.465l.437%2C.438c.146%2C.146%2C.305%2C.219%2C.479%2C.219s.323-.073%2C.451-.219l3.719-3.691c.127-.127%2C.191-.282%2C.191-.465%2C0-.182-.064-.337-.191-.465Z%22%20fill%3D%22%23333%22%2F%3E%3C%2Fsvg%3E');
  background: #357DA0;
  position: absolute;
  right: 0.25em;
  top: 50%;
  transform: translateY(-50%);
}

#verisign {
	font-size: 84.6%;
	border-bottom: 1px solid #e9e9e9;
	padding-bottom: 20px;
	margin-bottom: 20px;
  display: flex;
  flex-wrap: wrap;
}
#verisign > .pMark ~ a {
  width: calc(100% - 75px);
}

/* ----------------------------------------

footer

---------------------------------------- */

.pagetop01 {
	width: 980px;
	margin: 0 auto;
	text-align: right;
	margin-bottom: -1px;
	position: relative;
}
.ftrWrap01 {
	background-color: #f1f1f1;
	padding: 26px 0 33px;
	border-top: 1px solid #ddd;
}
#ftrNav01 {
	width: 980px;
	margin: 0 auto;
}
.titFtr {
	font-size: 107.7%;
	font-weight: 700;
	margin-bottom: 7px;
}
.titFtr a {
	color: #357da0;
}
.ftrList {
	margin-bottom: 23px;
}
.ftrList li {
	margin-bottom: 6px;
}
.ftrList li a {
	background: url(../../img/common/icon_arrw_02.png) no-repeat 0 .5em;
	padding-left: 11px;
	display: block;
}

#ftrNav01 {
	background: url(../../img/common/bg_ftr_02.png) repeat-y 100% 0;
}
#ftrNav01 .inCol01,
#ftrNav01 .inCol02,
#ftrNav01 .inCol03,
#ftrNav01 .inCol04 {
	background: url(../../img/common/bg_ftr_02.png) repeat-y 0 0;
	padding-bottom: 1px;
	float: left
}
#ftrNav01 .inCol01 {
	width: 275px;
}
#ftrNav01 .inCol02 {
	width: 205px;
}
#ftrNav01 .inCol03 {
	width: 275px;
}
#ftrNav01 .inCol04 {
	width: 224px;
}
#ftrNav01 .wrapCol {
	background: url(../../img/common/bg_ftr_01.png) no-repeat 0 0;
	padding: 0 22px;
}
.ftrWrap02 {
	background-color: #357da0;
	padding: 28px 0 35px;
	font-size: 84.6%;
	color: #fff;
}
#ftrNav02 {
	width: 980px;
	margin: 0 auto;
}
.ftrAddress {
	font-weight: 700;
	letter-spacing: 1px;
	line-height: 1.818;
}
#copy {
	color: #b5d5e6;
	margin-top: 17px;
	font-family: Arial;
}


/* ----------------------------------------

opacity rollover

---------------------------------------- */
#siteID a img,
#hdrNav01 a img,
ul.bnrList01 li a img,
ul.bnrList02 li a img,
.pagetop02 a img {
	-webkit-transition: all .2s ease-out;
	-moz-transition: all .2s ease-out;
	-ms-transition: all .2s ease-out;
	-o-transition: all .2s ease-out;
	transition: all .2s ease-out;

}
#siteID a:hover img,
#hdrNav01 a:hover img,
ul.bnrList01 li a:hover img,
ul.bnrList02 li a:hover img,
.pagetop02 a:hover img {
	filter: alpha(opacity=65); /* IE lt 8 */  
	-ms-filter: "alpha(opacity=65)"; /* IE 8 */  
	-khtml-opacity: .65; /* Safari 1.x */  
	-moz-opacity: .65; /* FF lt 1.5, Netscape */
	opacity: .65; /* Standard: FF gt 1.5, Opera, Safari */  
}


/* ----------------------------------------

clearfix (必要なければ消す)

---------------------------------------- */

/* Modern Browsers
------------------------------- */

#content:after,
#hdrWap01:after,
#hdrNav02:after,
#ftrNav01:after {
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	content: ".";
	line-height: 0;
}

/* Legacy IE
------------------------------- */

#content,
#hdrWap01,
#hdrNav02,
#ftrNav01 {
	*zoom: 1;
}


/* ボタン類
------------------------------- */
[class^="btn_arrow-"] {
  position: relative;
  margin-top: 30px;
  width: max-content;
  max-width: 100%;
  margin-inline: auto;
}
[class^="btn_arrow-"] :where(a, span) {
  border-radius: 3em;
  display: inline-block;
  padding: 10px calc(20px + 1em) 10px 20px;
  text-decoration: none;
  font-weight: 700;
  font-size: 14px;
  transition: all 0.2s ease;
  position: relative;
  text-align: center;
}
[class^="btn_arrow-"] :is(a, span):hover {
  transform: translateY(-1px);
}
[class^="btn_arrow-"] :is(a, span)::after {
  font-family: "Font Awesome 5 Free";
  content: "\f105";
  font-size: 18px;
  font-weight: 900;
  color: #034ea2;
  position: absolute;
  right: calc(10px + 0.25em);
  top: 50%;
  transform: translateY(-50%);
}
[class^="btn_arrow-"]::before {
  content: '';
  background: rgba(0,0,0,0.15);
  border-radius: 3em;
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 3px;
  left: 0;
}
[class^="btn_arrow-dark-"] :is(a, span) {
  background: #357DA0;
  color: #fff;
}
[class^="btn_arrow-dark-"] :is(a, span)::after {
  color: #333; 
}
[class^="btn_arrow-wht"] a {
  background: #fff;
}
[class^="btn_arrow-wht"] a::after {
  color: #357DA0;
}
.btn_arrow-wht-dwn a::after,
.btn_arrow-dark-dwn > :is(a, span)::after {
  transform: rotate(90deg);
  transform-origin: 50% 0;
  right: 0;
}