@charset "shift_jis";
/* ======================================================
 * /common-files/css/gecard/portal/index.css
 * ------------------------------------------------------
 * Clearfix
 * Opening Animation
====================================================== */
#mainContainer {
	font-family: "Noto Sans CJK JP","Heebo",'メイリオ',Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	color: #333;
	line-height: 1.4;
	overflow: hidden;
}
#pageTopBtn{
	z-index: 15;
}
.index-hidden {
	display: none!important;
}
@media print, screen and (min-width: 751px) {
	#headerContainer,
	#footerContainer01{
		background-color: #fff;
	}
	#headerContainer{
		margin-bottom: 0 !important;
	}
	#mainContainer {
		position: relative;
		margin-top: 0;
		padding-bottom: 100px;
		font-size: 18px;
		font-size: 1.8rem;
		z-index: 2;
	}
	.pc-hidden {
		display: none!important;
	}
	/*.box_floats_up*/
	.box_floats_up--area{
		position: fixed;
		top: 0;
		left: 0;
		background: #f1f1f1;
		width: 100%;
		height:100vh;
		z-index: -1;
	}
	.box_floats_up--box{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		overflow: hidden;
		-ms-user-select:none;
		user-select:none;
	}
	.box_floats_up--box li{
		position: absolute;
		display: block;
		list-style: none;
		width: 20px;
		height: 20px;
		background: #fafafa;
		animation: background_box_floats_up_animation 25s linear infinite;
		bottom: -150px;
	}
	.box_floats_up--box li:nth-child(1){
			left: 25%;
			width: 80px;
			height: 80px;
			animation-delay: 0s;
	}
	.box_floats_up--box li:nth-child(2){
			left: 10%;
			width: 20px;
			height: 20px;
			animation-delay: 2s;
			animation-duration: 12s;
	}
	.box_floats_up--box li:nth-child(3){
			left: 70%;
			width: 20px;
			height: 20px;
			animation-delay: 4s;
	}
	.box_floats_up--box li:nth-child(4){
			left: 40%;
			width: 60px;
			height: 60px;
			animation-delay: 0s;
			animation-duration: 18s;
	}
	.box_floats_up--box li:nth-child(5){
			left: 65%;
			width: 20px;
			height: 20px;
			animation-delay: 0s;
	}
	.box_floats_up--box li:nth-child(6){
			left: 75%;
			width: 110px;
			height: 110px;
			animation-delay: 3s;
	}
	.box_floats_up--box li:nth-child(7){
			left: 35%;
			width: 150px;
			height: 150px;
			animation-delay: 7s;
	}
	.box_floats_up--box li:nth-child(8){
			left: 50%;
			width: 25px;
			height: 25px;
			animation-delay: 15s;
			animation-duration: 45s;
	}
	.box_floats_up--box li:nth-child(9){
			left: 20%;
			width: 15px;
			height: 15px;
			animation-delay: 2s;
			animation-duration: 35s;
	}
	.box_floats_up--box li:nth-child(10){
			left: 85%;
			width: 150px;
			height: 150px;
			animation-delay: 0s;
			animation-duration: 11s;
	}
	/*.index-main*/
	.index-main {
		position: relative;
		width: 100vw;
		margin: 0 calc(((100vw - 100%) / 2) * -1) 40px;
		padding: 0 8px;
		background-color: #fff;
	}
	.index-main_image img{
		width: 100%;
	}
	.index-main .index-main_slider.slick-dotted {
		margin-bottom: 70px;
	}
	.index-main .slick-dots {
		position: absolute;
		bottom: -40px;
		display: block;
		width: 100%;
		height: 13px;
		padding: 0;
		margin: 0;
		text-align: center;
	}
	.index-main .slick-dots li {
		position: relative;
		display: inline-block;
		width: 13px;
		height: 13px;
		margin: 0 8px;
		padding: 0;
		cursor: pointer;
		line-height: 1;
		vertical-align: top;
	}
	.index-main .slick-dots li button {
		font-size: 0;
		line-height: 0;
		display: block;
		width: 13px;
		height: 13px;
		padding: 6px;
		cursor: pointer;
		color: transparent;
		border: 0;
		outline: none;
		background: transparent;
	}
	.index-main .slick-dots li button:before {
		font-family: 'slick';
		font-size: 12px;
		line-height: 20px;
		position: absolute;
		top: 0;
		left: 0;
		width: 12px;
		height: 12px;
		content: '';
		text-align: center;
		border: 2px solid #bfbfbf;
		background: #f4f4f4;
		border-radius: 50%;
		opacity: 1;
		box-sizing: border-box;
	}
	.index-main .slick-dots li.slick-active button:before {
		opacity: 1;
		background: #fff100;
	}
	.index-main .slick-dots li button:not([id^="slick-slide-control"]) {
		display: none;
	}
	
	.index-main .slick-arrow {
		top: auto;
		bottom: -38px;
		width: 12px;
		height: 12px;
	}
	.index-main .slick-next {
		right: 50%;
		margin-right: -180px;
		border-top: solid 1px #000000;
		border-right: solid 1px #000000;
		background: none;
		transform: rotateZ(45deg);
	}
	.index-main .slick-prev {
		left: 50%;
		margin-left: -180px;
		border-top: solid 1px #000000;
		border-left: solid 1px #000000;
		background: none;
		transform: rotateZ(-45deg);
	}
	
	/*index-heading2*/
	.index-heading2 {
		display: block;
		position: relative;
		width: 100vw;
		min-height: 220px;
		margin-top: 90px;
		margin-left: calc(50% - 50vw);
		margin-bottom: -70px;
		padding: 42px 0 0 0;
		background: #fff;
		z-index: -1;
	}
	.index-heading2--inner{
		position: relative;
		width: 1200px;
		margin: 0 auto;
	}
	[class^="index-heading2--title"]{
		font-weight: 700;
		font-size: 45px;
		font-size: 4.5rem;
		line-height: 1.3;
	}
	.index-heading2--title_color01{color: #db0093;}
	.index-heading2--title_color02{color: #d72f1e;}
	.index-heading2--title_color03{color: #da8700;}
	.index-heading2--title_color04{color: #4f7f28;}
	.index-heading2--title_color05{color: #1a97e3;}
	
	.index-heading2--icon{
		display: inline-block;
		width: 74px;
		height: 74px;
		margin-right: 7px;
		vertical-align: middle;
	}
	.index-heading2--sub{
		margin-left: 30px;
		vertical-align: middle;
		font-size: 20px;
		font-size: 2.0rem;
		color: #222222;
	}
	.index-heading2--image01{
		position: absolute;
		top: -102px;
		right: 35px;
	}
	.index-heading2--image02{
		position: absolute;
		top: -60px;
		right: -1px;
	}
	.index-heading2--image03{
		position: absolute;
		top: -72px;
		right: 0px;
	}
	
	/*index-heading3*/
	.index-heading3 {
		display: block;
		margin: 40px 0 20px;
		text-align: center;
		font-weight: 700;
		font-size: 45px;
		font-size: 4.5rem;
		line-height: 1.1;
		color: #4f7f28;
	}
	.index-heading3 + *{
		margin-top: 0;
	}
	.index-heading3 .index-heading3--sub{
		font-size: 20px;
		font-size: 2.0rem;
	}
	
	/*index-text--paragraph01*/
	.index-text--paragraph01{margin-top: 1em;}
	.index-text--paragraph02{margin-top: 1.5em;}
	.index-text--paragraph03{margin-top: 2em;}
	.index-text--paragraph04{margin-top: 2.5em;}
	.index-text--paragraph05{margin-top: 3em;}
	.index-text--paragraph06{margin-top: 3.5em;}
	
	/*index-text--bold*/
	.index-text--bold{
		font-weight: bold;
		font-weight: 700;
	}
	/*index-text--color01*/
	.index-text--color01{
		color: #d0372c;
	}
	/*index-text--medium*/
	.index-text--medium{
		font-size: 20px;
		font-size: 2.0rem;
	}
	
	/*index-text--small*/
	.index-text--small01{
		font-size: 16px;
		font-size: 1.6rem;
	}
	/*index-text--small*/
	.index-text--small02{
		font-size: 14px;
		font-size: 1.4rem;
	}
	
	/*index-text-lead*/
	.index-text_lead01{
		font-weight: 700;
		font-size: 16px;
		font-size: 1.6rem;
	}
	/*index-text_box01*/
	.index-text_box01{
		width: 946px;
		/*min-height: 230px;*/
		margin: 70px auto 0;
		padding: 30px 25px;
		/*background-image: url("/gecard/portal/img-files/index_im01.png"), url("/gecard/portal/img-files/index_im02.png") ;*/
		background-repeat: no-repeat, no-repeat;
		background-position: left 70px top 50%, right 0 top 50%;
		text-align: center;
		font-weight: 700;
		font-size: 20px;
		font-size: 2.0rem;
		line-height: 2;
	}
	/* index-text-indent */
	.index-text-indent {
		position: relative;
	}
	.index-text-indent > .indent {
		position: absolute;
		display: inline-block;
		top: 0;
		left: 0;
	}
	.index-text-indent[data-indent="1em"] { padding-left: 1em; }
	.index-text-indent[data-indent="2em"] { padding-left: 2em; }
	.index-text-indent[data-indent="3em"] { padding-left: 3em; }
	.index-text-indent[data-indent="4em"] { padding-left: 4em; }
	.index-text-indent[data-indent="5em"] { padding-left: 5em; }
	.index-text-indent[data-indent="6em"] { padding-left: 6em; }
	.index-text-indent[data-indent="7em"] { padding-left: 7em; }
	.index-text-indent[data-indent="8em"] { padding-left: 8em; }
	.index-text-indent[data-indent="9em"] { padding-left: 9em; }
	.index-text-indent[data-indent="10em"] { padding-left: 10em; }
	.index-text-indent[data-indent="1em"] > .indent { width: 1em; }
	.index-text-indent[data-indent="2em"] > .indent { width: 2em; }
	.index-text-indent[data-indent="3em"] > .indent { width: 3em; }
	.index-text-indent[data-indent="4em"] > .indent { width: 4em; }
	.index-text-indent[data-indent="5em"] > .indent { width: 5em; }
	.index-text-indent[data-indent="6em"] > .indent { width: 6em; }
	.index-text-indent[data-indent="7em"] > .indent { width: 7em; }
	.index-text-indent[data-indent="8em"] > .indent { width: 8em; }
	.index-text-indent[data-indent="9em"] > .indent { width: 9em; }
	.index-text-indent[data-indent="10em"] > .indent { width: 10em; }
	
	/*index-column_layout01*/
	.index-column_layout01{
		margin-top: 35px;
	}
	.index-column_layout01.col2 > .col{
		float: left;
		margin-right: 56px;
		width: calc((100% - 56px)/2);
	}
	.index-column_layout01.col2 > .col:nth-of-type(2n){
		margin-right: 0;
	}
	.index-column_layout01.col2 > .col:nth-of-type(n+3){
		margin-top: 30px;
	}
	.index-column_layout01.col3 > .col{
		float: left;
		margin-right: 58px;
		width: calc((100% - 116px)/3);
	}
	.index-column_layout01.col3 > .col:nth-of-type(3n){
		margin-right: 0;
	}
	.index-column_layout01.col3 > .col:nth-of-type(n+4){
		margin-top: 30px;
	}
	.index-column_layout01.col4 > .col{
		float: left;
		margin-right: 30px;
		width: calc((100% - 90px)/4);
	}
	.index-column_layout01.col4 > .col:nth-of-type(4n){
		margin-right: 0;
	}
	.index-column_layout01.col4 > .col:nth-of-type(n+5){
		margin-top: 20px;
	}
	.index-column_layout01.col5 > .col{
		float: left;
		margin-right: 11px;
		width: calc((100% - 44px)/5 - 0.1px);
	}
	.index-column_layout01.col5 > .col:nth-of-type(5n){
		margin-right: 0;
	}
	.index-column_layout01.col5 > .col:nth-of-type(n+6){
		margin-top: 11px;
	}
	
	/*col_wide--2col*/
	.index-column_layout01.col3 > .col.col_wide--2col{
		margin-right: 0;
		width: calc(((100% - 116px)/3) * 2 + 58px);
	}

	/*index-column_layout02*/
	.index-column_layout02{
		margin-top: 45px;
	}
	.index-column_layout02.col2 > .col{
		float: left;
		margin-left: 29px;
		border-left: 2px dotted #b2b2b2;
		padding-left: 29px;
		width: calc((100% - 29px)/2);
	}
	.index-column_layout02.col2 > .col:nth-of-type(2n+1){
		margin-left: 0;
		border-left: 0;
		padding-left: 0;
	}
	.index-column_layout02.col2 > .col:nth-of-type(n+3){
		margin-top: 30px;
	}
	
	
	/*index-figure_layout01*/
	.index-figure_layout01{
		
	}
	.index-figure_layout01.imgR > .index-figure_layout01--image{
		float: right;
		margin-left: 50px;
	}
	.index-figure_layout01.imgL > .index-figure_layout01--image{
		float: left;
		margin-right: 50px;
	}
	.index-figure_layout01--image_caption{
		margin-top: 5px;
		text-align: right;
		font-size: 10px;
		font-size: 1.0rem;
		line-height: 1.2;
	}
	
	.index-figure_layout01 > .index-figure_layout01--text{
		overflow: hidden;
	}
	.index-figure_layout01--text_head{
		margin-bottom: 20px;
		font-size: 32px;
		font-size: 3.2rem;
		font-weight: 700;
	}
	
	
	/*index-box01*/
	.index-box01{
		display: block;
		margin-top: 50px;
		border-radius: 10px;
		padding: 40px 48px;
		background-color: #fff;
		box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.3);
	}
	
	/*index-box02*/
	.index-box02{
		display: block;
		border-radius: 10px;
		padding: 20px 22px;
		background-color: #fff;
		box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.3);
	}
	.index-box02--head{
		height: 112px;
		text-align: center;
	}
	.index-box02--lead{
		margin-top: 18px;
		background: #d72f1e;
		text-align: center;
		font-size: 18px;
		font-size: 1.8rem;
		line-height: 1.5;
		color: #fff;
	}
	.index-box02--desc{
		margin-top: 8px;
	}
	/*index-box03*/
	.index-box03{
		display: block;
		margin-top: 50px;
		border-radius: 10px;
		padding: 24px 36px 26px;
		background-color: #fff;
		background-image: url("/gecard/portal/img-files/index_bg02.png"), url("/gecard/portal/img-files/index_bg03.png");
		background-repeat: no-repeat, no-repeat;
		background-position: left top, right top;
		box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.3);
	}
	.index-box03 > .index-box03--head{
		text-align: center;
		font-weight: 700;
		font-size: 40px;
		font-size: 4.0rem;
		color: #de7400;
	}
	/*index-box04*/
	.index-box04{
		display: block;
		margin-top: 50px;
		border-radius: 10px;
		padding: 40px 30px;
		background-color: #fff;
		background-image: url("/gecard/portal/img-files/index_bg05.png"), url("/gecard/portal/img-files/index_bg06.png");
		background-repeat: no-repeat, no-repeat;
		background-position: left top, right top;
		box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.3);
	}
	.index-box04 > .index-box04--head{
		text-align: center;
		font-weight: 700;
		font-size: 40px;
		font-size: 4.0rem;
		color: #4f7f28;
	}
	
	a.index-box04,
	a.index-box01,
	a.index-box02,
	a.index-box03{
		transition: opacity 0.3s ease 0s;
	}
	a.index-box04:link,
	a.index-box04:visited,
	a.index-box01:link,
	a.index-box01:visited,
	a.index-box02:link,
	a.index-box02:visited,
	a.index-box03:link,
	a.index-box03:visited{
		text-decoration: none;
		color: inherit;
	}
	a.index-box04:hover,
	a.index-box01:hover,
	a.index-box02:hover,
	a.index-box03:hover{
		opacity: 0.7;
	}
	
	/*index-news--box*/
	.index-news--box{
		margin-top: 60px;
		padding-top: 18px;
		position: relative;
	}
	.index-news--hdg{
		position: absolute;
		top: 0;
		left: 0;
	}
	.index-news--content{
		width: 100vw;
		height: 145px;
		margin-left: calc(50% - 50vw);
		padding: 45px 0 15px;
		background: #fff;
	}
	.index-news--content_inner{
		width: 1200px;
		height: 100%;
		margin: 0 auto;
		overflow: visible hidden;
	}
	.index-news--box .index-news--content_inner li {
		display: table;
		margin-bottom: 10px;
	}
	.index-news--box .index-news--content_inner li .date {
		display: table-cell;
		width: 94px;
		padding-left: 0;
	}
	.index-news--box .index-news--content_inner li .txt {
		display: table-cell;
		padding: 0;
	}

	.index-news--box .mCSB_container {
		padding-right: 0px !important;
	}
	.index-news--box .mCSB_inside > .mCSB_container{
		margin-right: 20px;
	}
	.mCSB_scrollTools a+.mCSB_draggerContainer{
		margin: 0;
	}
	.index-news--box .mCS-my-theme.mCSB_scrollTools{
		width: 7px;
		background-color: inherit;
		padding: 6px 0;
		opacity: 1;
	}
	.index-news--box .mCS-my-theme.mCSB_scrollTools .mCSB_draggerRail{
		width: 7px;
		background-color: #b3b3b3;
		-webkit-border-radius: 20px;
		-moz-border-radius: 20px;
		border-radius: 20px;
	}
	.index-news--box .mCS-my-theme.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { 
		width: 7px;
		margin: 0;
		position: absolute;
		height: auto;
		top: 0;
		bottom: 0;
		right: 0;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		background-color: #fff;
	}
	.index-news--box .mCS-my-theme.mCSB_scrollTools .mCSB_buttonUp,
	.index-news--box .mCS-my-theme.mCSB_scrollTools .mCSB_buttonDown { 
		display: none;
	}
	 .index-news--box .mCS-my-theme.mCSB_scrollTools a.mCSB_buttonUp::before,
	.index-news--box .mCS-my-theme.mCSB_scrollTools a.mCSB_buttonDown::before{ 
		content: none;
	}
	
	/*index-bubble_box01*/
	.index-bubble_box01{
		position: relative;
		display: block;
		min-height: 218px;
		margin-top: 30px;
		border-radius: 20px;
		padding: 20px;
		background-color: #edf2e9;
	}
	.index-bubble_box01::after{
		position: absolute;
		top: -20px;
		left: 50%;
		margin-left: -20px;
		border-right: 20px solid transparent;
		border-bottom: 20px solid #edf2e9;
		border-left: 20px solid transparent;
		content: '';
	}
	.index-bubble_box01 > .index-bubble_box01--head{
		text-align: center;
		font-weight: 700;
		font-size: 22px;
		font-size: 2.2rem;
		color: #e40061;
	}

	
	/*index-anc_list01*/
	.index-anc_list01{
		margin-top: 65px;
	}
	.index-anc_list01 > li{
		float: left;
		width: calc((100% - 20px) / 5);
		margin-right: 5px;
	}
	.index-anc_list01 > li:nth-of-type(5n){
		margin-right: 0;
	}
	.index-anc_list01 > li a{
		transition: opacity 0.3s ease 0s;
	}
	.index-anc_list01 > li a:hover{
		opacity: 0.7;
	}
	
	/*index-anc_link01*/
	.index-anc_link01{
		margin-top: 65px;
	}
	.index-anc_link01 a{
		position: relative;
		display: block;
		padding: 15px 15px 40px;
		border-radius: 15px;
		background-color: #d0372c;
		text-align: center;
		font-size: 40px;
		font-size: 4.0rem;
		transition: opacity 0.3s ease 0s;
		text-decoration: none;
		line-height: 1.1;
		color: #fff;
	}
	.index-anc_link01 a .index-anc_link01--sub{
		font-size: 20px;
		font-size: 2.0rem;
	}
	.index-anc_link01 a::after{
		position: absolute;
		bottom: 15px;
		left: 50%;
		height: 24px;
		width: 14px;
		margin-left: -7px;
		background: url("/gecard/portal/img-files/index_ic06.png") 0 0;
		transform: rotateZ(90deg);
		animation: icon_anchor_move_down_animation 1.6s ease-in infinite;
		content: '';
	}
	.index-anc_link01 a:hover{
		opacity: 0.7;
	}
	
	/*index-img_link01*/
	.index-img_link01{
		margin-top: 20px;
		text-align: center;
	}
	.index-img_link01 a{
		transition: opacity 0.3s ease 0s;
	}
	.index-img_link01 a:hover{
		opacity: 0.7;
	}
	/*index-bottun_link01*/
	.index-bottun_link01{
		margin-top: 20px;
	}
	.index-bottun_link01 > a{
		position: relative;
		display: inline-block;
		width: 385px;
		min-height: 53px;
		border-radius: 10px;
		padding: 12px 40px 10px;
		background: #da8700;
		background: url("/gecard/portal/img-files/index_bg01.png") repeat-x 0 0;
		-webkit-background-size: auto 100%;
		background-size: auto 100%;
		font-weight: 700;
		font-size: 22px;
		font-size: 2.2rem;
		text-align: center;
		transition: opacity 0.3s ease 0s;
		color: #fff;
	}
	.index-bottun_link01 > a::after{
		position: absolute;
		top: 50%;
		right: 20px;
		display: block;
		width: 14px;
		height: 24px;
		margin-top: -12px;
		background: url("/gecard/portal/img-files/index_ic06.png") no-repeat 0 0;
		content: '';
	}
	.index-bottun_link01 > a:link,
	.index-bottun_link01 > a:visited{
		text-decoration: none;
	}
	.index-bottun_link01 > a:hover{
		opacity: 0.7;
	}
	/*index-bottun_link02*/
	.index-bottun_link02{
		margin-top: 10px;
	}
	.index-bottun_link02 > a{
		position: relative;
		display: inline-block;
		max-width: 340px;
		width: 100%;
		min-height: 50px;
		border-radius: 10px;
		padding: 15px 12px 13px 5px;
		background: #da8700;
		background: url("/gecard/portal/img-files/index_bg04.png") repeat-x 0 0;
		-webkit-background-size: auto 100%;
		background-size: auto 100%;
		font-weight: 700;
		font-size: 14px;
		font-size: 1.4rem;
		text-align: center;
		box-shadow: 1px 2px 6px 0px rgba(0,0,0,0.3);
		transition: opacity 0.3s ease 0s;
		color: #fff;
	}
	.index-bottun_link02 > a::after{
		position: absolute;
		top: 50%;
		right: 10px;
		display: block;
		width: 6px;
		height: 11px;
		margin-top: -6px;
		background: url("/gecard/portal/img-files/index_ic06.png") no-repeat 0 0;
		-webkit-background-size: 100% auto;
		background-size: 100% auto;
		content: '';
	}
	.index-bottun_link02 > a:link,
	.index-bottun_link02 > a:visited{
		text-decoration: none;
	}
	.index-bottun_link02 > a:hover{
		opacity: 0.7;
	}
	/*index-box_link01*/
	.index-box_link01{
		display: block;
		border-radius: 10px;
		padding: 24px 16px;
		background: #fcf3dd url("/gecard/portal/img-files/index_ic07.png") no-repeat right bottom;
		box-shadow: 1px 2px 6px 0px rgba(0,0,0,0.3);
		transition: opacity 0.3s ease 0s;
		color: #333333;
	}
	.index-box_link01:link,
	.index-box_link01:visited{
		text-decoration: none;
		color: #333333;
	}
	.index-box_link01:hover{
		opacity: 0.7;
	}
	.index-box_link01--image{
		height: 118px;
		text-align: center;
	}
	.index-box_link01--text{
		margin-top: 10px;
		text-align: center;
	}
	/*index-box_link02*/
	.index-box_link02{
		display: block;
		border-radius: 10px;
		padding: 15px 10px;
		background: #fff;
		box-shadow: 1px 2px 6px 0px rgba(0,0,0,0.3);
		transition: opacity 0.3s ease 0s;
	}
	.index-box_link02.addText{
		border-radius: 10px 10px 0 0;
	}
	.index-box_link02:link,
	.index-box_link02:visited{
		text-decoration: none;
		color: #333333;
	}
	.index-box_link02:hover{
		opacity: 0.7;
	}
	.index-box_link02--image{
		height: 78px;
		text-align: center;
	}
	.index-box_link02--hr{
		display: block;
		margin: 0 10px;
		border-top: 1px solid #bfbfbf;
	}
	.index-box_link02--wrap{
		display: flex;
		justify-content: center;
		align-items: stretch;
		width: 782px;
		margin: 0 auto 0;
		border-radius: 10px;
		box-shadow: 1px 2px 6px 0px rgba(0,0,0,0.3);
		background-color: #fff;
	}
	.index-box_link02--wrap .index-box_link02{
		width: 50%;
		box-shadow: none;
		padding-right: 30px;
		padding-left: 30px;
	}
	.index-box_link02--text{
		width: 50%;
		position: relative;
		border-radius: 10px;
		padding: 9px 30px 9px 30px;
		background: #fff;
	}
	.index-box_link02--text:before{
		position: absolute;
		top: 20px;
		left: 0;
		display: block;
		width: 1px;
		height: calc(100% - 40px);;
		background: #bfbfbf;
		content: '';
	}
	/*index-box_link03*/
	.index-box_link03{
		position: relative;
		display: block;
		border-bottom: 2px solid #4f7f28;
		padding: 30px 20px 42px 20px;
		background: #fff;
		transition: opacity 0.3s ease 0s;
	}
	.index-box_link03::after{
		position: absolute;
		bottom: 4px;
		right: 0;
		display: block;
		width: 38px;
		height: 38px;
		background: url("/gecard/portal/img-files/index_ic31.png") no-repeat 0 0;
		content: '';
	}
	.index-box_link03:link,
	.index-box_link03:visited{
		text-decoration: none;
		color: #333333;
	}
	.index-box_link03:hover{
		opacity: 0.7;
	}

	/*index-banner_list01*/
	.index-banner_list01{
		margin-top: 60px;
	}
	.index-banner_list01 > li{
		margin-top: 30px;
	}
	.index-banner_list01 > li > a{
		display: block;
		border-radius: 10px;
		box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.3);
		transition: transform 0.3s ease 0s;
	}
	.index-banner_list01 > li > a:hover{
		transform: scale(1.04);
	}
	/*index-twitter_box01*/
	.index-twitter_box01{
		border-radius: 10px;
		padding: 24px;
		background-color: #fff;
		box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3);
	}
	
	/*index-twitter_column_layout01*/
	.index-twitter_column_layout01{
	}
	.index-twitter_column_layout01.col2 > .col{
		float: left;
		margin-right: 56px;
		width: calc((100% - 56px)/2);
		height: 230px;
	}
	.index-twitter_column_layout01.col2 > .col:nth-of-type(2n){
		margin-right: 0;
	}
	.index-twitter_column_layout01 > .col .index-twitter_item_layout01{
		height: 100%;
		padding-top: 67px;
		padding-bottom: 50px;
	}
	
	/*index-twitter_item_layout01*/
	.index-twitter_item_layout01{
		padding:26px 20px 26px 42px;
		border-radius: 10px;
		background-color: #fff;
		box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3);
	}
	.index-twitter_box01 .index-twitter_item_layout01 {
		box-shadow: none;
	}
	.index-twitter_item_layout01 > .index-twitter_item_layout01--image{
		float: left;
		width: 100px;
		height: 100px;
		margin-right: 22px;
	}
	.index-twitter_item_layout01 > .index-twitter_item_layout01--text_box{
		overflow: hidden;
		padding-top: 10px;
	}
	.index-twitter_item_layout01--text{
		font-weight: 700;
		font-size: 20px;
		font-size: 2.0rem;
	}
	.index-twitter_item_layout01--bottun{
		margin-top: 15px;
	}
	/*index-twitter_item_layout02*/
	.index-twitter_item_layout02{
		padding: 11px 5px 15px;
		border-radius: 10px;
		background-color: #fff;
		box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3);
	}
	.index-twitter_box01 .index-twitter_item_layout02 {
		box-shadow: none;
	}
	.index-twitter_item_layout02 > .index-twitter_item_layout02--image{
		width: 100px;
		height: 100px;
		margin: 10px auto 0;
	}
	.index-twitter_item_layout02--text_box{
		width: 100%;
		min-height: 50px;
		display: -ms-flex;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.index-twitter_item_layout02--text{
		font-weight: 700;
		font-size: 16px;
		font-size: 1.6rem;
		text-align: center;
	}
	.index-twitter_item_layout02--bottun{
		margin-top: 15px;
		text-align: center;
	}
	.index-twitter_scroll_area{
		max-height: 410px;
	}
	
	.index-twitter_slider01{
		width: 100%;
		height: 610px;
	}
	.index-twitter_slider01--Wrap{
		overflow: hidden;
		height: 610px;
		margin: 0 -15px;
		padding: 0 15px;
	}
	.index-twitter_slider01 .index-twitter_item_layout01 {
		margin: 9px 0;
	}
	.index-twitter_slider01--Wrap .index-twitter_slider01 .slick-track {
		height: 100%;
	}
	.index-twitter_slider01--Wrap .index-twitter_slider01 .slick-list {
		height: 100%;
		margin: 0 -10px;
		padding: 0 10px;
	}
	/* Arrows */
	.index-twitter_slider01 .slick-prev,
	.index-twitter_slider01 .slick-next {
		font-size: 0;
		line-height: 0;
		position: absolute;
		top: 50%;
		display: block;
		width: 26px;
		height: 26px;
		padding: 0;
		cursor: pointer;
		color: transparent;
		border: none;
		border-top: 2px solid #979797;
		border-right: 2px solid #979797;
		outline: none;
		background: transparent;
		z-index: 5;
	}
	/* Arrows */
	.index-twitter_slider01 .slick-prev {
		top: 10px;
		left: 50%;
		-webkit-transform: translate( -50%,0) rotateZ(-45deg);;
		-ms-transform: translate( -50%,0) rotateZ(-45deg);
		transform: translate( -50%,0) rotateZ(-45deg);;
	}
	.index-twitter_slider01 .slick-next {
		top: auto;
		right: auto;
		bottom: 10px;
		left: 50%;
		-webkit-transform: translate( -50%,0) rotateZ(135deg);
		-ms-transform: translate( -50%,0) rotateZ(135deg);
		transform: translate( -50%,0) rotateZ(135deg);
	}

	/*clearFix*/
	.index-column_layout01-wrap::after,
	.index-twitter_column_layout01::after,
	.index-twitter_item_layout01::after,
	.index-figure_layout01::after,
	.index-column_layout02::after,
	.index-column_layout01::after,
	.index-anc_list01::after{
		display: block;
		clear: both;
		content: '';
	}
	/*js-addview*/
	.js-addview-button-wrap{
		position: relative;
	}
	.js-addview-button{
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		display: block;
		width: 100%;
		height: 100%;
		border-radius: 10px;
		padding: 65px 0;
		background: rgba(255, 255, 255, 0.8);
		text-align: center;
		font-weight: 700;
		font-size: 45px;
		font-size: 4.5rem;
		line-height: 1;
		z-index: 10;
		cursor: pointer;
	}
	.js-addview-button::after{
		display: inline-block;
		vertical-align: baseline;
		width: 34px;
		height: 34px;
		margin-left: 10px;
		background: url("/gecard/portal/img-files/index_ic12.png") no-repeat 0 0;
		content: '';
	}
	
	.index-card_slider01{
		margin: 40px calc(((100vw - 100%) / 2) * -1) 40px;
	}
	.index-card_slider01 .slick-list{
		overflow: visible;
	}
	.index-card_slider01 li.slick-slide{
		width: 250px;
		margin: 0 20px;
		transform: scale(1);
		transition-property: transform, margin;
		transition-timing-function: ease, ease;
		transition-duration: .3s, .3s;
	}
	.index-card_slider01 li.js-card_slider-current--on {
		transform: scale(1.2);
	}
	
	/*campagin*/
	.index-campagin_header01--wrap{
		text-align: center;
	}
	.index-campagin_header01{
		display: inline-block;
		padding: 0 40px;
		background-image: url("/gecard/portal/img-files/index_ic14_01.png"), url("/gecard/portal/img-files/index_ic14_02.png");
		background-position: left center, right center;
		background-repeat: no-repeat;
		font-weight: 700;
		font-size: 35px;
		font-size: 3.5rem;
	}
	.index-campagin_lead01{
		display: block;
		margin-top: 20px;
		padding: 10px;
		background: #d0372c;
		text-align: center;
		font-weight: 700;
		font-size: 22px;
		font-size: 2.2rem;
		color: #fff;
	}
	.index-campagin_accordion_botton01{
		margin: 40px 0 45px;
		text-align: center;
	}
	.index-campagin_accordion_botton01 a{
		position: relative;
		display: inline-block;
		width: 550px;
		border: 2px solid #d0372c;
		padding: 20px;
		font-size: 24px;
		font-size: 2.4rem;
		color: #333;
	}
	.index-campagin_accordion_botton01 a::after{
		position: absolute;
		top: 50%;
		right: 18px;
		display: block;
		width: 34px;
		height: 34px;
		margin-top: -17px;
		background: url("/gecard/portal/img-files/index_ic13.png");
		content: '';
	}
	.index-campagin_accordion_botton01 a.open::after{
		background: url("/gecard/portal/img-files/index_ic13on.png");
	}
	/*notice*/
	.index-notice {
		text-align: center;
		margin-top: 25px;
		padding-bottom: 75px;
	}
	
}
@media screen and (min-width: 751px) and (max-width: 1200px) {
	.index-heading2,
	.index-news--content {
		width: 100%;
		margin-left: 0;
	}
	.index-card_slider01,
	.index-main{
		margin-right: 0;
		margin-left: 0;
		padding-right: 0px;
		padding-left: 0px;
	}
	.index-main{
		width: 100%;
		height: auto;
	}
	.index-main_inner{
		position: static;
		left: auto;
		width: 100%;
		height: auto;
		transform: none;
	}
	.index-main_image img{
		max-width: 100%;
		width: 1200px;
		height: auto;
	}
}

/*IE*/
@media all and (-ms-high-contrast: none) {
	.box_floats_up--box li{
		animation-name: none;
	}
}

@keyframes background_box_floats_up_animation {
		0%{
				transform: translateY(0) rotate(0deg);
				opacity: 1;
				border-radius: 0;
		}
		100%{
				transform: translateY(-100vh) rotate(720deg);
				opacity: 0;
				border-radius: 50%;
		}
}
@keyframes icon_anchor_move_down_animation {
		0%{
			bottom: 20px;
			opacity: 0;
		}
		25%{
			opacity: 1;
		}
		75%{
			opacity: 1;
		}
		100%{
			bottom: 5px;
			opacity: 0;
		}
}