@charset "shift_jis";

/* ======================================================
 * /common-files/css/gecard/base00001/base.css
 * ------------------------------------------------------
 * - header
 * - layout
 * - footer
 * - module
 * - component
 * - @media query:max-width: 750px
 * Clearfix
 * Opening Animation
====================================================== */
body {
	background-color: #000;
}
/* header
------------------------------------------------------ */
#base-header{
	background: #ffffff;
}
#base-headerLogo{
	width: 1200px;
	margin: 0 auto;
	padding: 5px 30px;
}
#base-headerLogo img{
	width: 240px;
}
/* layout
------------------------------------------------------ */
#mainContainer {
	margin-top: 0;
	padding-top: 9px;
	background: #000000 url("/gecard/base00001/img-files/base_bg01.png") repeat 0 0;
}

#mainContents {
	width: auto;
	margin: 0;
}
.base-contentsWrap {
	position: relative;
	width: 1200px;
	margin: 0 auto 0;
	padding: 0 30px 0;
	color: #ffffff;
	z-index: 1;
	font-size: 16px;
	font-size: 1.6rem;
}
a:hover,
a:visited,
a:link{
	color: #ffffff;
	text-decoration: underline;
}
/* footer
------------------------------------------------------ */
#base-footer {	
	padding: 20px 0;
	color: #fff;
	font-size: 14px;
	font-size: 1.4rem;
	background: #000000;
}
#copyright {
	text-align: center;
}
/* module
------------------------------------------------------ */
/*text*/
.base-txtSmall01{
	font-size: 14px;
	font-size: 1.4rem;
}
.base-txtMiddle01{
	font-size: 16px;
	font-size: 1.6rem;
}
.base-txtLarge01{
	font-size: 20px;
	font-size: 2.0rem;
}
.base-txtLarge02{
	font-size: 24px;
	font-size: 2.4rem;
}
.base-txtColor01{
	color: #fff600;
}
.base-lead01 {
	text-align: center;
	font-size: 2.6rem;
	font-weight: bold;
}
.base-txt01 {
	margin-top: 30px;
	text-align: center;
	font-size: 2.6rem;
}
.base-txtNote01 {
	margin-top: 20px;
	text-align: center;
	font-size: 1.6rem;
	color: #fff600;
	font-weight: bold;
}
/* text-indent */
.text-indent {
	position: relative;
}
.text-indent > .indent {
	position: absolute;
	display: inline-block;
	top: 0;
	left: 0;
}
.text-indent[data-indent="1em"] { padding-left: 1em; }
.text-indent[data-indent="2em"] { padding-left: 2em; }
.text-indent[data-indent="3em"] { padding-left: 3em; }
.text-indent[data-indent="4em"] { padding-left: 4em; }
.text-indent[data-indent="5em"] { padding-left: 5em; }
.text-indent[data-indent="6em"] { padding-left: 6em; }
.text-indent[data-indent="7em"] { padding-left: 7em; }
.text-indent[data-indent="8em"] { padding-left: 8em; }
.text-indent[data-indent="9em"] { padding-left: 9em; }
.text-indent[data-indent="10em"] { padding-left: 10em; }
.text-indent[data-indent="1em"] > .indent { width: 1em; }
.text-indent[data-indent="2em"] > .indent { width: 2em; }
.text-indent[data-indent="3em"] > .indent { width: 3em; }
.text-indent[data-indent="4em"] > .indent { width: 4em; }
.text-indent[data-indent="5em"] > .indent { width: 5em; }
.text-indent[data-indent="6em"] > .indent { width: 6em; }
.text-indent[data-indent="7em"] > .indent { width: 7em; }
.text-indent[data-indent="8em"] > .indent { width: 8em; }
.text-indent[data-indent="9em"] > .indent { width: 9em; }
.text-indent[data-indent="10em"] > .indent { width: 10em; }


/*heading*/
.base-heading01{
	margin: 76px 0 25px;
	text-align: center;
}
.base-heading02{
	margin: 105px 0 45px;
}
.base-heading03{
	margin: 125px 0 3px;
}
.base-heading03-02{
	margin: 50px 0 3px;
	text-align: center;
}


/*box*/
.base-mainVisual{
	margin: 68px auto 67px;
	text-align: center; 
} 
.base-mainVisual-Text{
	margin: 83px auto 45px;
	text-align: center; 
} 
.base-cardArea{
	height: 797px;
	margin-top: 46px;
	padding-top: 120px;
	text-align: center;
	background: url("/gecard/base00001/img-files/base_bg02.png") repeat 0 0;
}
.base-cardArea.type02{
	margin-top: 138px;
}
.base-bnrWrap{
	padding: 20px;
	background-color: #ffffff;
	text-align: center;
}
.base-bnrWrap a:hover{
	opacity: 0.8;
}
.base-boxLayout01{
	margin-top: 35px;
	border: 1px solid #5f5f5f;
	padding: 25px 60px 25px;
	background-color: rgba(104, 104, 104, 0.1);
}
.base-boxLayout01.type01{
	position: relative;
	margin-top: 108px;
}
.base-boxLayout01.type01::before{
	position: absolute;
	top: -108px;
	right: -4px;
	display: block;
	width: 128px;
	height: 138px;
	background: url("/gecard/base00001/img-files/base_im05.png") 0 0;
	content: "";
}
.base-boxLayout01 .boxHead{
	font-weight: bold;
	font-size: 20px;
	font-size: 2.0rem;
	text-align: center;
}
.base-boxLayout01 .boxDetails{
	margin-top: 10px;
	font-size: 16px;
	font-size: 1.6rem;
}
.base-boxLayout01 .noteList01 > li{
	margin-top: 0;
}
.base-txtLead01{
	height: 160px;
	margin-right: auto;
	margin-left: auto;
	padding: 56px 25px 0;
	font-size: 36px;
	font-size: 3.6rem;
	background: url("/gecard/base00001/img-files/base_im06.png") no-repeat 25px 0;
	color: #fff600;
}

/*btn*/
.base-btn01 {
	margin-top: 53px;
	text-align: center;
	overflow: hidden;
}
.base-btn01 a{
	position: relative;
	display: inline-block;
	width: 750px;
	border-bottom: 4px solid #ec136f;
	padding: 32px 30px 30px;
	background-color: #000000;
}
.base-btn01 a::after{
	position: absolute;
	top: 50%;
	right: 26px;
	display: block;
	width: 40px;
	height: 40px;
	margin-top: -20px;
	background: url("/gecard/base00001/img-files/base_ic01.png") no-repeat 0 0;
	content: '';
}
.base-btn01 a:hover{
	margin-top: 2px;
	border-bottom: 1px solid #ec136f;
}
.base-btn02 {
	margin-top: 25px;
	padding: 0 10px;
	text-align: center;
}
.base-btn02 a {
	position: relative;
	display: inline-block;
	width: 100%;
	padding: 25px 65px 23px;
	border: 1px solid #fff600;
	background-color: #000000;
	color: #fff;
	font-size: 28px; 
	font-size: 2.8rem;
	font-weight: bold;
	line-height: 1.2;
	text-decoration: none;
	text-align: center;
	opacity: 1;
	transition: opacity 200ms linear;
}
.base-btn02.base-btn02Txtsmall01 a {
	font-size: 24px; 
	font-size: 2.4rem;
}
.base-btn02 a:after {
	position: absolute;
	display: block;
	width: 34px;
	height: 34px;
	top: 50%;
	right: 20px;
	margin-top: -17px;
	background: url(/gecard/base00001/img-files/base_ic02.png) 0 0 no-repeat;
	content: "";
}
.base-btn02 a:hover {
	opacity: .6;
}
.base-btn03 {
	display: flex;
	margin-top: 20px;
}
.base-btn03 a {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-flow: column;
	position: relative;
	width: 750px;
	height: 124px;
	margin: 0 auto;
	padding: 10px 70px;
	background: url("/gecard/base00001/img-files/base_bg12.jpg") repeat;
	border-bottom: 4px solid #591028;
	text-align: center;
	font-size: 3.6rem;
	text-decoration: none;
}
.base-btn03 a:hover {
	height: 121px;
	margin-top: 3px;
	border-bottom: 1px solid #591028;
}
.base-btn03 a .small {
	font-size: 2rem;
}
.base-btn03 a::before {
	content: '';
	position: absolute;
	top: 50%;
	right: 20px;
	width: 40px;
	height: 40px;
	margin-top: -20px;
	background: url("/gecard/base00001/img-files/base_ic04.png") no-repeat 0 0 / cover;
}
.base-btn04 {
	display: flex;
	margin-top: 20px;
}
.base-btn04 a {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-flow: column;
	position: relative;
	width: 750px;
	height: 124px;
	margin: 0 auto;
	padding: 10px 70px;
	background: url("/gecard/base00001/img-files/base_bg13.jpg") repeat;
	border-bottom: 4px solid #010488;
	text-align: center;
	font-size: 3.6rem;
	text-decoration: none;
}
.base-btn04 a:hover {
	height: 121px;
	margin-top: 3px;
	border-bottom: 1px solid #010488;
}
.base-btn04 a .small {
	font-size: 2rem;
}
.base-btn04 a::before {
	content: '';
	position: absolute;
	top: 50%;
	right: 20px;
	width: 40px;
	height: 40px;
	margin-top: -20px;
	background: url("/gecard/base00001/img-files/base_ic04.png") no-repeat 0 0 / cover;
}
.applyBtnChange {
	display: none;
}
/* privilege */
.base-privilege {
	margin-top: 55px;
}
.base-privilege + * {
	margin-top: 100px;
}
.base-privilegeCol {
	display: table;
	width: 100%;
	margin-top: 50px;
}
.base-privilegeCol .col {
	display: table-cell;
	vertical-align: middle;
}
.base-privilegeCol .imgL {
	width: 460px;
	padding-right: 58px;
	text-align: right;
}
.base-privilegeCol .txt {
	width: calc(100% - 460px);
	font-size: 16px;
	font-size: 1.6rem;
}
.base-privilegeHdg01 {
	font-size: 32px;
	font-size: 3.2rem;
	font-weight: bold;
	color: #fff600;
}
.base-privilegeCol .txt .noteList01 {
	line-height: 1.6;
}
.base-privilegeList{
	margin: 35px 0;
	line-height: 1.4;
}

/* media */
.base-media {
	display: flex;
	align-items: center;
	margin-top: 40px;
	padding: 0 100px;
}
.base-media .base-mediaHead {
	width: 50%;
}
.base-media .base-mediaBody {
	width: 45%;
	margin-left: 5%;
}
.base-media .base-mediaText {
	font-size: 2.6rem;
}
.base-media .base-mediaImage {
	text-align: center;
}
/* flow */
.base-flow.type02 {
	margin-top: 30px;
}
.base-flow > li {
	float: left;
	width: 282px;
	min-height: 308px;
	background-position: 0 0;
	background-repeat: no-repeat;
	color: #ffffff;
	text-align: center;
}
.base-flow > li + li {
	margin-left: 4px;
}
.base-flow > li.list01 {
	background-image: url("/gecard/base00001/img-files/base_bg03.png");
}
.base-flow > li.list02 {
	background-image: url("/gecard/base00001/img-files/base_bg04.png");
}
.base-flow > li.list03 {
	background-image: url("/gecard/base00001/img-files/base_bg05.png");
}
.base-flow > li.list04 {
	background-image: url("/gecard/base00001/img-files/base_bg06.png");
}
.base-flow.type02 > li.list01 {
	background-image: url("/gecard/base00001/img-files/base_bg08.png");
}
.base-flow.type02 > li.list02 {
	background-image: url("/gecard/base00001/img-files/base_bg09.png");
}
.base-flow.type02 > li.list03 {
	background-image: url("/gecard/base00001/img-files/base_bg10.png");
}
.base-flow.type02 > li.list04 {
	background-image: url("/gecard/base00001/img-files/base_bg11.png");
}
.base-flow > li a {
	color: inherit;
}
.base-flow > li a:hover {
	text-decoration: none;
}
.base-flow .base-flowDesc dd {
	padding-top: 165px;
	font-size: 14px;
	font-size: 1.4rem;
	text-align: center;
}
.base-flow.type02 .base-flowDesc dd {
	padding-top: 118px;
}
.base-flow.type02 .base-flowDesc dd .large {
	font-size: 2rem;
}
.base-flow.type02 .base-flowDesc dd .flow-txtNote01 {
	margin-top: 10px;
}
.base-flow.type02 .list02 .base-flowDesc dd {
	padding-top: 85px;
}
/* news */
.newsBox {
	padding-top: 30px;
	width: 100%;
	height: 172px;
	overflow-y: hidden;
}
.newsBox .newsHdg {
	padding: 9px 0 6px;
	border-bottom: 2px solid #ffffff;
	font-family: Century Gothic, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 26px;
	font-size: 2.6rem;
	line-height: 1.0;
	color: #ffffff;
}
.newsBox .content {
	overflow: auto;
	position: relative;
	padding: 0px;
	height: 85px;
}
.newsBox .contentbox {
	padding: 10px 0 0;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.6;
}
.newsBox .contentbox li {
	display: table;
	margin-bottom: 10px;
	color: #ffffff;
}
.newsBox .contentbox li .date {
	display: table-cell;
	width: 140px;
	padding-left: 10px;
}
.newsBox .contentbox li .txt {
	display: table-cell;
}
.newsBox .contentbox li a ,
.newsBox .contentbox li a .txt,
.newsBox .contentbox li a:visited ,
.newsBox .contentbox li a:hover {
	text-decoration:underline;
	color: #ffffff;
}
.newsBox .mCSB_container {
	padding-right: 0px !important;
}
.newsBox .mCSB_inside > .mCSB_container{
	margin-right: 20px;
}
.mCSB_scrollTools a+.mCSB_draggerContainer{
	margin: 15px 0 10px;
}
.newsBox .mCS-my-theme.mCSB_scrollTools{
	width: 13px;
	background-color: inherit;
	padding: 4px 3px;
	opacity: 1;
}
.newsBox .mCS-my-theme.mCSB_scrollTools .mCSB_draggerRail{
	width: 8px;
	background-color: #ffffff;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}
.newsBox .mCS-my-theme.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { 
	width: 8px;
	margin: 3px 0;
	position: absolute;
	height: auto;
	top: 0;
	bottom: 0;
	left: 3px;
	right: 0;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color: #ffffff;
}
.newsBox .mCS-my-theme.mCSB_scrollTools .mCSB_buttonUp,
.newsBox .mCS-my-theme.mCSB_scrollTools .mCSB_buttonDown { 
	width: 8px;
	height: 8px;
	opacity: 1;
}
 .newsBox .mCS-my-theme.mCSB_scrollTools a.mCSB_buttonUp::before{
	width: 0;
	height: 0;
	border-bottom: 6px solid #ffffff;
	border-right: 4px solid transparent;
	border-left: 4px solid transparent;
	position:absolute;
	top: 2px;
	left: 0;
	display: block;
	content: "";
}
 .newsBox .mCS-my-theme.mCSB_scrollTools a.mCSB_buttonUp::after{
	width: 0;
	height: 0;
	border-bottom: 3px solid #083f70;
	border-right: 4px solid transparent;
	border-left: 4px solid transparent;
	position:absolute;
	top: 5px;
	left: 0;
	display: block;
	content: "";
}
.newsBox .mCS-my-theme.mCSB_scrollTools a.mCSB_buttonDown::before{
	width: 0;
	height: 0;
	border-top: 6px solid #ffffff;
	border-right: 4px solid transparent;
	border-left: 4px solid transparent;
	position:absolute;
	bottom: 0;
	left: 0;
	display: block;
	content: "";
}
.newsBox .mCS-my-theme.mCSB_scrollTools a.mCSB_buttonDown::after{
	width: 0;
	height: 0;
	border-top: 3px solid #083f70;
	border-right: 4px solid transparent;
	border-left: 4px solid transparent;
	position:absolute;
	bottom: 3px;
	left: 0;
	display: block;
	content: "";
}

.base-txtImage01{
	margin-top: 90px;
	text-align: center;
}
.base-txtImage02{
	margin-top: 23px;
	text-align: center;
}
.base-txtImage03 {
	margin-top: 90px;
	text-align: center;
}
.base-bnrBox01{
	margin-top: 30px;
	text-align: center;
}
/* modal */
.modalInlineWrapper {
	display: none;
}
#cboxContent {
	overflow: visible !important;
}
#colorbox #cboxLoadedContent {
	overflow: auto !important;
	overflow-x: hidden !important;
}
#cboxClose {
	display: block;
	position: absolute;
	top: -20px !important;
	bottom: auto !important;
	right: -20px !important;
	background: url(/common-files/img/com_close_ic04.png) no-repeat 0 0 !important;
	width: 48px !important;
	height: 48px !important;
	text-indent: -9999px;
}
#cboxClose:hover {
	background: url(/common-files/img/com_close_ic04.png) no-repeat 0 0;
}
#cboxContent {
	max-width: 1100px;
}
.modalContents {
	width: 100%;
	padding: 40px 30px;
}
.ModalInner .cb_close a:after {
	right: 10px;
	height: 14px;
	width: 14px;
	margin-top: -7px;
	background-image: url(/common-files/img/com_close_ic01.png);
}
#cboxContent {
	background-color: #ececec;
}
.cb_close a {
	text-decoration: none;
}
.base-modal-box02 .title-position {
	text-align: center;
}
.base-modal-box02 .base-modal-boxTitle {
	display: inline;
	width: 500px;
	margin: 0 auto;
	padding: 10px 40px;
	border: 2px solid #fff600;
	color: #fff600;
	background-color: #000;
	font-size: 26px;
	font-size: 2.8rem;
	font-weight: bold;
	text-align: center;
}
.base-modal-column {
	display: flex;
	justify-content: space-between;
	margin-top: 40px;
}
.base-modal-column .base-modal-columnItem {
	position: relative;
	width: calc(50% - 20px);
	padding: 30px 25px;
	border-radius: 20px;
	background-color: #ffffff;
}
.base-modal-column .base-modal-columnItem:nth-of-type(2)::before {
	content: 'or';
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: 50%;
	left: -52px;
	width: 65px;
	height: 65px;
	margin-top: -32.5px;
	border-radius: 50%;
	background-color: #fff600;
	font-size: 2.5rem;
	color: #000;
}
.base-modal-column .base-modal-columnImageLead {
	display: flex;
	align-items: center;
	flex-flow: row wrap;
	margin-bottom: 15px;
}
.base-modal-column .base-modal-columnImageLead .base-modal-columnImageLeadImage {
	flex-shrink: 0;
	margin-right: 15px;
}
.base-modal-column .base-modal-columnImageLead .base-modal-columnImageLeadLead {
	font-size: 2.4rem;
	font-weight: bold;
	line-height: 1.2;
}
.base-modal-column .base-modal-columnLeadText {
	font-size: 1.8rem;
	font-weight: bold;
}
.base-modal-link a {
	margin-top: 10px;
	font-size: 1.8rem;
	color: #008191;
}
/* list */
.base-modal-listWrap[data-col="2"] .base-modal-list {
	display: flex;
	flex-flow: row wrap;
	width: 360px;
}
.base-modal-listWrap[data-col="2"] .base-modal-list > li {
	width: 170px;
}
.base-modal-listWrap[data-col="2"] .base-modal-list > li:nth-of-type(2n) {
	width: 170px;
}
.base-modal-listColor01 {
	color: #dc322c;
}
.base-modal-list > li {
	position: relative;
	padding-left: 8px;
	font-size: 1.8rem;
}
.base-modal-list > li::before {
	content: '';
	position: absolute;
	top: 10px;
	left: 0;
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background-color: #333;
}
.base-modal-noteList {
	margin-top: 15px;
	line-height: 1.6;
}
.base-modal-noteList > li {
	position: relative;
	padding-left: 16px;
	font-size: 1.6rem;
}
.base-modal-noteList > li .mark {
	position: absolute;
	top: 0;
	left: 0;
}
.base-modal-title {
	text-align: center;
	font-size: 3rem;
	font-weight: bold;
}
.base-modal-text {
	margin-top: 20px;
	font-size: 2rem;
}
.base-modal-image {
	margin-top: 20px;
}
/* floating */
#floatingWrap01 {
	padding: 0;
	background: rgba(0, 0, 0, 0.5);
}
#floatingWrap01 .commonFloating  {
	padding: 10px 30px;
}
.base-btnFloatWrap {
	display: flex;
	justify-content: space-between;
}
.base-btnFloatWrap > [class^="base-btn"] {
	margin-top: 0;
	width: calc(50% - 30px);
}
.base-btnFloatWrap > [class^="base-btn"] > a {
	width: 100%;
	height: 76px;
	font-size: 2.6rem;
}
.base-btnFloatWrap > [class^="base-btn"] > a .small {
	font-size: 1.6rem;
}
.base-btnFloatWrap > [class^="base-btn"] > a:hover {
	height: 73px;
}
.base-btnFloatWrap > [class^="base-btn"] > a::before {
	content: '';
	position: absolute;
	top: 50%;
	right: 14px;
	width: 28px;
	height: 28px;
	margin-top: -14px;
	background: url(/gecard/base00001/img-files/base_ic04.png) no-repeat 0 0 / cover;
}
#mainContents .snsArea {
	width: 100%;
}
.base-link:hover {
	text-decoration: none;
}
@media screen and (min-width: 751px) {
	.spOnly {
		display: none!important;
	}
}
/* @media query:max-width: 750px
------------------------------------------------------ */
@media screen and (max-width: 750px) {
	.pcOnly {
		display: none!important;
	}
	.sp_mt0{
		margin-top: 0 !important;
	}
	/* header
	------------------------------------------------------ */
	#base-header {
		height: auto;
	}
	#base-headerLogo {
		width: auto;
		padding: 3px 9px;
	}
	#base-headerLogo img {
		width: 175px;
	}

	/* layout
	------------------------------------------------------ */
	#mainContainer {
		margin-top: 0;
		-webkit-background-size: 33px auto;
		background-size: 33px auto;
	}
	#mainContents {
		width: auto;
		margin: 0;
		padding: 0;
	}
	.base-contentsWrap {
		position: relative;
		width: auto;
		margin: 0;
		padding: 0 10px 30px;
		z-index: 1;
		font-size: 12px;
		font-size: 1.2rem;
	}
		/* footer
	------------------------------------------------------ */
	#base-footer {
		padding: 10px 0 13px;
		font-size: 8px;
		font-size: 0.8rem;
	}
	#copyright {
		font-size: 8px;
		font-size: 0.8rem;
	}
	
	
	/*text*/
	.base-txtSmall01{
		font-size: 12px;
		font-size: 1.2rem;
	}
	.base-txtMiddle01{
		font-size: 14px;
		font-size: 1.4rem;
	}
	.base-txtLarge01{
		font-size: 16px;
		font-size: 1.6rem;
	}
	.base-txtLarge02{
		font-size: 20px;
		font-size: 2.0rem;
	}
	.base-txtLead02{
		margin-top: 20px;
		font-size: 20px;
		font-size: 2.0rem;
	}
	.base-txtLead03{
		font-size: 18px;
		font-size: 1.8rem;
	}
	.base-sp_txtMiddle01{
		font-size: 14px;
		font-size: 1.4rem;
	}
	.base-lead01 {
		margin-top: 10px;
		text-align: center;
		font-size: 2rem;
		font-weight: bold;
	}
	.base-txt01 {
		margin-top: 20px;
		text-align: left;
		font-size: 1.6rem;
	}
	.base-txtNote01 {
		position: relative;
		margin-top: 10px;
		padding-left: 13px;
		text-align: left;
		font-size: 1.3rem;
		color: #fff600;
		font-weight: bold;
	}
	.base-txtNote01 .ast {
		position: absolute;
		top: 0;
		left: 0;
	}
	
/*heading*/
	.base-heading01{
		margin: 50px -10px 20px;
		text-align: center;
	}
	.base-heading02{
		margin: 53px 0 7px;
		text-align: center;
	}
	.base-heading03{
		margin: 55px 0 7px;
		text-align: center;
	}
	.base-heading03-02{
		margin: 30px 0 7px;
		text-align: center;
	}

	/*box*/
	.base-mainVisual{
		margin: 50px 30px 50px;
		text-align: center; 
	} 
	.base-mainVisual-Text{
		max-width: 290px;
		margin: 50px auto 0;
		text-align: center; 
	} 
	.base-cardArea{
		margin: 27px auto 0;
		padding: 58px 10px 0;
		max-width: 340px;
		height: 371px;
		background: url(/gecard/base00001/img-files/base_bg07.png) no-repeat right top;
		-webkit-background-size: 340px auto;
		background-size: 340px auto;
		text-align: center;
	}
	.base-cardArea.type02{
		margin-top: 47px;
	}
	.base-cardArea figure{
		padding-left: 35px;
		padding-right: 35px;
	}
	.base-bnrWrap{
		padding: 10px;
	}
	.base-bnrWrap a:hover{
		opacity: 1;
	}
	.base-bnrWrap img{
		width: 255px;
	}
	.base-boxLayout01{
		padding: 18px 10px;
	}
	.base-boxLayout01 .boxHead{
		font-size: 15px;
		font-size: 1.5rem;
	}
	.base-boxLayout01.type01{
		position: relative;
		margin-top: 53px;
	}
	.base-boxLayout01.type01::before{
		position: absolute;
		top: -46px;
		right: -2px;
		display: block;
		width: 64px;
		height: 69px;
		background: url("/gecard/base00001/img-files/base_im05.png") 0 0;
		-webkit-background-size: 100% auto;
		background-size: 100% auto;
		content: "";
	}
	.base-boxLayout01 .boxDetails{
		margin-top: 13px;
		font-size: 13px;
		font-size: 1.3rem;
	}
	.base-boxLayout01 .boxDetails .noteList01{
		margin-top: 10px;
	}
	.base-txtLead01{
		max-width: 340px;
		min-height: 80px;
		height: auto;
		padding: 11px 0 11px 95px;
		font-size: 20px;
		font-size: 2.0rem;
		background: url("/gecard/base00001/img-files/base_im06.png") no-repeat 0 0;
		-webkit-background-size: 79px auto;
		background-size: 79px auto;
		color: #fff600;
	}

	/*btn*/
	.base-btn01 {
		margin-top: 25px;
		text-align: center;
	}
	.base-btn01 a{
		display: block;
		width: 100%;
		padding: 20px 35px;
		border-bottom: 2px solid #992244;
	}
	.base-btn01.type01 a{
		padding: 20px 35px 20px 20px;
	}
	.base-btn01 a img{
		max-height: 22px;
		max-width: none;
		width: auto;
	}
	.base-btn01.type01 a img{
		max-height: 19px;
		max-width: 100%;
	}
	.base-btn01 a::after{
		position: absolute;
		top: 50%;
		right: 9px;
		display: block;
		width: 20px;
		height: 20px;
		margin-top: -10px;
		background: url("/gecard/base00001/img-files/base_ic01.png") no-repeat 0 0;
		-webkit-background-size: 100% auto;
		background-size: 100% auto;
		content: '';
	}
	.base-btn01 a:hover{
		margin-top: 0;
    border-bottom: 2px solid #ec136f;
	}
	.applyBtnChange {
		display: none;
	}
	.base-btn02 {
		margin-top: 25px;
		padding: 0 10px;
		text-align: center;
	}
	.base-btn02 a {
		position: relative;
		display: inline-block;
		width: 100%;
		padding: 15px 35px 13px;
		border: 1px solid #fff600;
		color: #fff;
		font-size: 17px; 
		font-size: 1.7rem;
		font-weight: bold;
		line-height: 1.2;
		text-decoration: none;
		text-align: center;
	}
	.base-btn02.base-btn02Txtsmall01 a {
	font-size: 15px; 
	font-size: 1.5rem;
}
	.base-btn02 a:after {
		position: absolute;
		display: block;
		width: 17px;
		height: 17px;
		top: 50%;
		right: 15px;
		margin-top: -9px;
		background: url(/gecard/base00001/img-files/base_ic02.png) 0 0 no-repeat;
		-webkit-background-size: 17px auto;
		background-size: 17px auto;
		content: "";
	}
	.base-btn02 a:hover {
		margin-top: 0px;
		border-bottom-width: 2px;
	}
	.base-btn03 {
		display: flex;
		margin-top: 20px;
	}
	.base-btn03 a {
		display: flex;
		justify-content: center;
		align-items: center;
		flex-flow: column;
		position: relative;
		width: 100%;
		height: auto;
		min-height: 62px;
		margin: 0 auto;
		padding: 5px 35px;
		background: url("/gecard/base00001/img-files/base_bg12.jpg") repeat 0 0 / 33px;
		border-bottom: 2px solid #591028;
		text-align: center;
		font-size: 2rem;
		text-decoration: none;
	}
	.base-btn03 a:hover {
		height: auto;
		margin-top: 0;
		border-bottom: 2px solid #591028;
	}
	.base-btn03 a .small {
		font-size: 1.3rem;
	}
	.base-btn03 a::before {
		content: '';
		position: absolute;
		top: 50%;
		right: 10px;
		width: 20px;
		height: 20px;
		margin-top: -10px;
		background: url("/gecard/base00001/img-files/base_ic04.png") no-repeat 0 0 / cover;
	}
	.base-btn04 {
		display: flex;
		margin-top: 20px;
	}
	.base-btn04 a {
		display: flex;
		justify-content: center;
		align-items: center;
		flex-flow: column;
		position: relative;
		width: 100%;
		height: auto;
		min-height: 62px;
		margin: 0 auto;
		padding: 5px 35px;
		background: url("/gecard/base00001/img-files/base_bg13.jpg") repeat 0 0 / 33px;
		border-bottom: 2px solid #010488;
		text-align: center;
		font-size: 2rem;
		text-decoration: none;
	}
	.base-btn04 a:hover {
		height: auto;
		margin-top: 0;
		border-bottom: 2px solid #010488;
	}
	.base-btn04 a .small {
		font-size: 1.3rem;
	}
	.base-btn04 a::before {
		content: '';
		position: absolute;
		top: 50%;
		right: 10px;
		width: 20px;
		height: 20px;
		margin-top: -10px;
		background: url("/gecard/base00001/img-files/base_ic04.png") no-repeat 0 0 / cover;
	}
	
	/* image */
	.base-image01 img {
		width: auto;
	}
	/* privilege */
	.base-privilege {
		margin-top: 55px;
	}
	.base-privilege + * {
		margin-top: 100px;
	}
	.base-privilegeCol {
		display: block;
		width: 100%;
		margin-top: 30px;
	}
	.base-privilegeCol .col {
		display: block;
		vertical-align: middle;
	}
	.base-privilegeCol .imgL {
		width: 260px;
		padding-right: 0;
		margin: 0 auto;
		text-align: center;
	}
	.base-privilegeCol .imgL.imgL02 {
		width: 240px;
	}
	.base-privilegeCol .txt {
		width: 100%;
		font-size: 13px;
		font-size: 1.3rem;
	}
	.base-privilegeHdg01 {
		margin-top: 35px;
		font-size: 20px;
		font-size: 2.0rem;
		font-weight: bold;
		color: #fff600;
		text-align: center;
	}
	.base-privilegeCol .txt .noteList01 {
		margin-top: 15px;
		line-height: 1.6;
	}
	.base-privilegeList{
		margin: 15px 0 0;
		line-height: 1.4;
	}

	/* media */
	.base-media {
		display: flex;
		align-items: center;
		margin-top: 30px;
		padding: 0;
	}
	.base-media .base-mediaHead {
		width: 62%;
	}
	.base-media .base-mediaBody {
		width: 36%;
		margin-left: 2%;
	}
	.base-media .base-mediaText {
		font-size: 1.6rem;
	}
	.base-media .base-mediaImage {
		text-align: center;
	}
	/* flow */
	.base-inner01 .base-flow {
		margin-top: 0;
		margin-bottom: 15px;
		padding: 0 10px;
	}
	.base-flow.type02 {
		margin-top: 20px;
	}
	.base-flow > li {
		position: relative;
		float: none;
		width: 100%;
		min-height: inherit;
		padding-top: 0;
		background: none !important;
		color: #ffffff;
	}
	.base-flow > li + li {
		margin-top: 17px;
		margin-left: 0;
	}
	.base-flow.type02 > li + li {
		margin-top: 30px;
		margin-left: 0;
	}
	.base-flow > li a {
		color: inherit;
	}
	.base-flow > li + li:after {
		position: absolute;
		content: "";
		width: 16px;
		height: 9px;
		top: -15px;
		right: 50%;
		margin-right: -8px;
		background: url(/gecard/base00001/img-files/base_ic03.png) 0 0 no-repeat;
		-webkit-background-size: 16px auto;
						background-size: 16px auto;
	}
	.base-flow.type02 > li + li:after {
		top: -18px;
	}
	.base-flow > li .num {
		display: none;
	}
	.base-flow.type02 .base-flowDesc {
		height: 67px;
	}
	.base-flow.type02 .base-flowDesc {
		display: table;
		width: 100%;
		height: 76px;
		margin-top: 0;
	}
	.base-flow .base-flowDesc dt {
		display: table-cell !important;
		width: 28%;
		height: auto;
		padding: 0;
		background-size: 100px auto !important;
		background-repeat: no-repeat;
		background-position: 0 50%;
		vertical-align: middle;
	}
	.base-flow.type02 .base-flowDesc dt {
		width: 18%;
		vertical-align: top;
	}
	.base-flow .base-flowDesc dt span {
		display: inline;
	}
	.base-flow .base-flowDesc dd {
		display: table-cell;
		width: 72%;
		padding: 0 0 0 10px;
		vertical-align: middle;
		font-size: 13px;
		font-size: 1.3rem;
		text-align: left;
		z-index: -1;
	}
	.base-flow.type02 .base-flowDesc dd {
		width: 82%;
		font-size: 1.2rem;
	}
	.base-flow.type02 .base-flowDesc dd {
		padding-top: 0;
	}
	.base-flow.type02 .base-flowDesc dd .large {
		font-size: 1.5rem;
	}
	.base-flow.type02 .base-flowDesc dd .flow-txtNote01 {
		position: relative;
		margin-top: 5px;
		padding-left: 13px;
	}
	.base-flow.type02 .base-flowDesc dd .flow-txtNote01 .ast {
		position: absolute;
		top: 0;
		left: 0;
	}
	.base-flow.type02 .list02 .base-flowDesc dd {
		padding-top: 0;
	}
/* news */
.newsBox {
	padding-top: 23px;
	width: 100%;
	height: 123px;
	overflow-y: hidden;
}
.newsBox .newsHdg {
	padding: 0 0 5px;
	border-bottom: 2px solid #ffffff;
	font-family: Century Gothic, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 18px;
	font-size: 1.8rem;
	line-height: 1.0;
	color: #ffffff;
}
.newsBox .content {
	overflow: auto;
	position: relative;
	padding: 0px;
	height: 65px;
}
.newsBox .contentbox {
	padding: 10px 0 0;
	font-size: 10px;
	font-size: 1.0rem;
	line-height: 1.2;
}
.newsBox .contentbox li {
	display: table;
	margin-bottom: 10px;
	color: #ffffff;
}
.newsBox .contentbox li .date {
	display: table-cell;
	width: 70px;
	padding-left: 0;
}
.newsBox .contentbox li .txt {
	display: table-cell;
}
.newsBox .contentbox li a ,
.newsBox .contentbox li a .txt,
.newsBox .contentbox li a:visited ,
.newsBox .contentbox li a:hover {
	text-decoration:underline;
	color: #ffffff;
}
.newsBox .mCSB_container {
	padding-right: 0px !important;
}
.newsBox .mCSB_inside > .mCSB_container{
	margin-right: 20px;
}
.mCSB_scrollTools a+.mCSB_draggerContainer{
	margin: 15px 0 10px;
}
.newsBox .mCS-my-theme.mCSB_scrollTools{
	width: 15px;
	background-color: inherit;
	padding: 4px 3px;
	opacity: 1;
}
.newsBox .mCS-my-theme.mCSB_scrollTools .mCSB_draggerRail{
	width: 12px;
	background-color: #ffffff;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}
.newsBox .mCS-my-theme.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { 
	width: 12px;
	margin: 3px 0;
	position: absolute;
	height: auto;
	top: 0;
	bottom: 0;
	left: 3px;
	right: 0;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color: #ffffff;
}
.newsBox .mCS-my-theme.mCSB_scrollTools .mCSB_buttonUp,
.newsBox .mCS-my-theme.mCSB_scrollTools .mCSB_buttonDown { 
	width: 12px;
	height: 12px;
	opacity: 1;
}
 .newsBox .mCS-my-theme.mCSB_scrollTools a.mCSB_buttonUp::before{
	width: 0;
	height: 0;
	border-bottom: 6px solid #ffffff;
	border-right: 6px solid transparent;
	border-left: 6px solid transparent;
	position:absolute;
	top: 2px;
	left: 0;
	display: block;
	content: "";
}
 .newsBox .mCS-my-theme.mCSB_scrollTools a.mCSB_buttonUp::after{
	width: 0;
	height: 0;
	border-bottom: 3px solid #083f70;
	border-right: 6px solid transparent;
	border-left: 6px solid transparent;
	position:absolute;
	top: 5px;
	left: 0;
	display: block;
	content: "";
}
.newsBox .mCS-my-theme.mCSB_scrollTools a.mCSB_buttonDown::before{
	width: 0;
	height: 0;
	border-top: 6px solid #ffffff;
	border-right: 6px solid transparent;
	border-left: 6px solid transparent;
	position:absolute;
	bottom: 0;
	left: 0;
	display: block;
	content: "";
}
.newsBox .mCS-my-theme.mCSB_scrollTools a.mCSB_buttonDown::after{
	width: 0;
	height: 0;
	border-top: 3px solid #083f70;
	border-right: 6px solid transparent;
	border-left: 6px solid transparent;
	position:absolute;
	bottom: 3px;
	left: 0;
	display: block;
	content: "";
}

	.base-txtImage01{
		width: 160px;
		margin: 39px auto 0;
		text-align: center;
	}
	.base-txtImage02{
		width: 249px;
		margin: 23px auto 0;
		text-align: center;
	}
	.base-txtImage03 {
		width: 260px;
		margin: 39px auto 0;
		text-align: center;
	}
	.base-bnrBox01{
		max-width: 320px;
		margin: 10px auto 0;
		text-align: center;
	}
	/* modal */
	.modalInlineWrapper {
		display: none;
	}
	#cboxContent {
		overflow: visible !important;
	}
	#colorbox #cboxLoadedContent {
		overflow: auto !important;
		overflow-x: hidden !important;
	}
	#cboxClose {
		display: block;
		position: absolute;
		top: -15px !important;
		bottom: auto !important;
		right: -15px !important;
		background: url(/common-files/img/com_close_ic04.png) no-repeat 0 0/40px !important;
		background-size: 40px auto;
		width: 40px !important;
		height: 40px !important;
		text-indent: -9999px;
	}
	.modalContents {
		padding: 25px 10px;
	}
	.ModalInner .cb_close a:after {
		right: 10px;
		height: 14px;
		width: 14px;
		margin-top: -7px;
		background-image: url(/common-files/img/sp_com_close_ic01.png);
		background-size: 14px 14px;
	}
	.base-modal-box02 .base-modal-boxTitle {
		display: inline;
		width: 300px;
		margin: 0 auto 0;
		padding: 10px 40px;
		border: 2px solid #fff600;
		color: #fff600;
		background-color: #000;
		font-size: 1.8rem;
		font-weight: bold;
		text-align: center;
	}
	.base-modal-column {
		display: block;
		margin-top: 30px;
	}
	.base-modal-column .base-modal-columnItem {
		position: relative;
		width: 100%;
		padding: 15px;
		border-radius: 10px;
		background-color: #ffffff;
	}
	.base-modal-column .base-modal-columnItem + .base-modal-columnItem {
		margin-top: 20px;
	}
	.base-modal-column .base-modal-columnItem:nth-of-type(2)::before {
		content: 'or';
		display: flex;
		justify-content: center;
		align-items: center;
		position: absolute;
		top: 5px;
		left: 50%;
		width: 38px;
		height: 38px;
		margin-left: -19px;
		border-radius: 50%;
		background-color: #fff600;
		font-size: 1.5rem;
		color: #000;
	}
	.base-modal-column .base-modal-columnImageLead {
		display: flex;
		align-items: center;
		margin-bottom: 15px;
	}
	.base-modal-column .base-modal-columnImageLead .base-modal-columnImageLeadImage {
		flex-shrink: 0;
		width: 50px;
		margin-right: 10px;
	}
	.base-modal-column .base-modal-columnImageLead .base-modal-columnImageLeadLead {
		font-size: 1.5rem;
		font-weight: bold;
		line-height: 1.2;
	}
	.base-modal-column .base-modal-columnLeadText {
		font-size: 1.3rem;
		font-weight: bold;
	}
	.base-modal-list > li {
		position: relative;
		padding-left: 5px;
		font-size: 1.3rem;
	}
	.base-modal-list > li::before {
		content: '';
		position: absolute;
		top: 7px;
		left: 0;
		width: 3px;
		height: 3px;
		border-radius: 50%;
		background-color: #333;
	}
	.base-modal-noteList {
		margin-top: 5px;
	}
	.base-modal-noteList > li {
		position: relative;
		padding-left: 12px;
		font-size: 1.2rem;
	}
	.base-modal-noteList > li .mark {
		position: absolute;
		top: 0;
		left: 0;
	}
	.base-modal-link {
		margin-top: 10px;
	}
	.base-modal-link a {
		font-size: 1.2rem;
	}
	/* floating */
	#floatingWrap01 {
		background: none;
	}
	#floatingWrap01 .floatingInner {
		background: rgba(0, 0, 0, 0.5);
	}
	#floatingWrap01 .commonFloating {
		padding: 10px 0;
	}
	.base-btnFloatWrap {
		display: flex;
		justify-content: space-between;
	}
	.base-btnFloatWrap > [class^="base-btn"] {
		margin-top: 0;
		width: calc(50% - 4px);
	}
	.base-btnFloatWrap > [class^="base-btn"] > a {
		width: 100%;
		height: auto;
		min-height: 42px;
		padding: 5px 10px;
		font-size: 1.3rem;
	}
	.base-btnFloatWrap > [class^="base-btn"] > a .small {
		font-size: 1rem;
	}
	.base-btnFloatWrap > [class^="base-btn"] > a:hover {
		height: auto;
	}
	.base-btnFloatWrap > [class^="base-btn"] > a::before {
		content: '';
		position: absolute;
		top: 50%;
		right: 2px;
		width: 12px;
		height: 12px;
		margin-top: -6px;
		background: url(/gecard/base00001/img-files/base_ic04.png) no-repeat 0 0 / cover;
	}
.base-link:hover {
	text-decoration: underline;
}
}
/* Cleafix
------------------------------------------------------ */
.base-flow:after {
	display: block;
	clear: both;
	content: "";
}