@charset "shift_jis";
/* ======================================================
 * /common-files/css/gecard/portal/index_sp.css
 * ------------------------------------------------------
 * Clearfix
 * Opening Animation
====================================================== */
@media screen and (max-width: 750px) {
	#mainContainer {
		margin-top: 0;
		padding-bottom: 100px;
		font-size: 13px;
		font-size: 1.3rem;
	}
	.sp-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 {
		margin: 0 -10px 18px;
	}
	.index-main_image{
		width: 100%;
	}
	.index-main_image img{
		width: 100%;
	}
	.index-main .index-main_slider.slick-dotted {
		margin-bottom: 56px;
	}
	.index-main .slick-dots {
		position: absolute;
		bottom: -24px;
		display: block;
		width: 100%;
		height: 12px;
		padding: 0;
		margin: 0;
		text-align: center;
	}
	.index-main .slick-dots li {
		position: relative;
		display: inline-block;
		width: 12px;
		height: 12px;
		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: 12px;
		height: 12px;
		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: 1px 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 {
		display: inline-block !important;
		top: auto;
		bottom: -24px;
		width: 12px;
		height: 12px;
	}
	.index-main .slick-next {
		right: 12px;
		border-top: solid 1px #000000;
		border-right: solid 1px #000000;
		background: none;
		transform: rotateZ(45deg);
	}
	.index-main .slick-prev {
		left: 12px;
		border-top: solid 1px #000000;
		border-left: solid 1px #000000;
		background: none;
		transform: rotateZ(-45deg);
	}

	/*index-heading2*/
	.index-heading2 {
		display: block;
		position: relative;
		width: auto;
		min-height: 150px;
		margin: 48px -10px -60px; 
		padding: 25px 0 0 0;
		background: #fff;
		z-index: 0;
	}
	.index-heading2 + *{
		position: relative;
		z-index: 1;
	}
	.index-heading2 + .index-column_layout01{
		margin-top: 0;
	}
	.index-heading2--inner{
		position: relative;
		width: 100%;
		margin: 0 auto;
		padding: 0 10px;
	}
	[class^="index-heading2--title"]{
		position: relative;
		padding-left: 44px;
		font-weight: 700;
		font-size: 23px;
		font-size: 2.3rem;
		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{
		position: absolute;
		top: 50%;
		left: 0;
		display: inline-block;
		width: 38px;
		height: 38px;
		margin-top: -17px;
		vertical-align: middle;
	}
	.index-heading2--sub{
		display: inline-block;
		margin-left: 5px;
		vertical-align: middle;
		font-size: 15px;
		font-size: 1.5rem;
		color: #222222;
	}
	.index-heading2--image01{
		position: absolute;
		top: -33px;
		right: 35px;
		width: 162px;
	}
	.index-heading2--image02{
		position: absolute;
		top: 14px;
		right: 5px;
		width: 164px;
	}
	.index-heading2--image03{
		position: absolute;
		top: -5px;
		right: 10px;
		width: 147px;
	}
		/*index-heading3*/
	.index-heading3 {
		display: block;
		margin: 29px  0 20px;
		text-align: center;
		font-weight: 700;
		font-size: 24px;
		font-size: 2.4rem;
		color: #4f7f28;
	}
	.index-heading3 + *{
		margin-top: 0;
	}
	.index-heading3 .index-heading3--sub{
		font-size: 13px;
		font-size: 1.3rem;
	}

	/*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: 15px;
		font-size: 1.5rem;
	}
	/*index-text--small*/
	.index-text--small01{
		font-size: 13px;
		font-size: 1.3rem;
	}
	.index-text--small02{
		font-size: 12px;
		font-size: 1.2rem;
	}
	/*index-text_lead*/
	.index-text_lead01{
		font-weight: 700;
		font-size: 12px;
		font-size: 1.2rem;
	}
	/* 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-text_box01*/
/*.index-text_box01{
		max-width: 380px;
		width: 100%;
		min-height: 208px;
		margin: 26px auto 0;
		padding: 0 140px 0 0;
		background-image: url("/gecard/portal/img-files/index_im01-sp.png"), url("/gecard/portal/img-files/index_im02.png") ;
		background-repeat: no-repeat, no-repeat;
		background-position: right 16px top 0, right 40px top 100px;
		background-size: 103px auto, 92px;
		text-align: left;
		font-weight: 700;
		font-size: 15px;
		font-size: 1.5rem;
		line-height: 2;
	}*/
	.index-text_box01{
		margin: 26px auto 0;
		padding: 0;
		text-align: center;
		font-weight: 700;
		font-size: 15px;
		font-size: 1.5rem;
		line-height: 2;
	}


	/*index-column_layout01*/
	.index-column_layout01{
		margin-top: 35px;
	}
	.index-column_layout01.col2 > .col{
		width: 100;
	}
	.index-column_layout01.col2 > .col:nth-of-type(n+2){
		margin-top: 30px;
	}
	.index-column_layout01.col3 > .col{
	}
	.index-column_layout01.col3 > .col:nth-of-type(n+2){
		margin-top: 20px;
	}
	.index-column_layout01.col4 > .col{
		float: left;
		width: calc((100% - 22px)/ 2);
		margin-right: 22px;
	}
	.index-column_layout01.col4 > .col:nth-of-type(2n){
		margin-right: 0;
	}
	.index-column_layout01.col4 > .col:nth-of-type(n+3){
		margin-top: 16px;
	}
	.index-column_layout01.col5 > .col{
		float: left;
		width: calc((100% - 10px)/ 2);
		margin-right: 5px;
	}
	.index-column_layout01.col5 > .col:nth-of-type(2n){
		margin-right: 0;
	}
	.index-column_layout01.col5 > .col:nth-of-type(n+3){
		margin-top: 7px;
	}

	
	/*index-column_layout02*/
	.index-column_layout02{
		margin-top: 45px;
	}
	.index-column_layout02.col2 > .col{
		margin-top: 38px;
		border-top: 2px dotted #b2b2b2;
		padding-top: 14px;
	}
	.index-column_layout02.col2 > .col:first-of-type{
		margin-top: 0;
		border-top: 0;
		padding-top: 0;
	}
	
	
	
	/*index-figure_layout01*/
	.index-figure_layout01{
		
	}
	.index-figure_layout01.imgR > .index-figure_layout01--image,
	.index-figure_layout01.imgL > .index-figure_layout01--image{
		margin-bottom: 10px;
	}
	.index-figure_layout01--image_caption{
		margin-top: 2px;
		text-align: right;
		font-size: 5px;
		font-size: .5rem;
		line-height: 1.2;
	}
	
	.index-figure_layout01 > .index-figure_layout01--text{
		overflow: hidden;
	}
	.index-figure_layout01--text_head{
		margin-bottom: 12px;
		font-size: 18px;
		font-size: 1.8rem;
		font-weight: 700;
	}
	
	
	/*index-box01*/
	.index-box01{
		display: block;
		margin-top: 21px;
		border-radius: 5px;
		padding: 13px 15px;
		background-color: #fff;
		box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.2);
	}
	
	/*index-box02*/
	.index-box02{
		display: block;
		border-radius: 5px;
		margin: 0 20px;
		padding: 13px 12px;
		background-color: #fff;
		box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.2);
	}
	.index-box02--head{
		height: 56px;
		text-align: center;
	}
	.index-box02--head > img{
		height: 56px;
	}
	.index-box02--lead{
		margin-top: 9px;
		background: #d72f1e;
		text-align: center;
		font-size: 13px;
		font-size: 1.3rem;
		line-height: 1.3;
		color: #fff;
	}
	.index-box02--desc{
		margin-top: 8px;
	}
	/*index-box03*/
	.index-box03{
		display: block;
		margin-top: 50px;
		border-radius: 10px;
		padding: 18px 12px 25px;
		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 -33px top 0, right -34px top 0;
		-webkit-background-size: auto 51px, auto 51px;
		background-size: auto 51px, auto 51px;
		box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.2);
	}
	.index-box03 > .index-box03--head{
		margin-bottom: 20px;
		text-align: center;
		font-weight: 700;
		font-size: 20px;
		font-size: 2.0rem;
		color: #de7400;
	}
	.index-box03 > .index-box03--head + *{
		margin-top: 0;
	}
	
	/*index-box04*/
	.index-box04{
		display: block;
		margin-top: 50px;
		border-radius: 10px;
		padding: 34px 10px 28px;
		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 -33px top 0, right -34px top 0;
		-webkit-background-size: auto 51px, auto 51px;
		background-size: auto 51px, auto 51px;
		box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.2);
	}
	.index-box04 > .index-box04--head{
		margin-bottom: 20px;
		text-align: center;
		font-weight: 700;
		font-size: 20px;
		font-size: 2.0rem;
		color: #4f7f28;
	}
	.index-box04 > .index-box04--head > img{
		max-width: 210px;
	}
	.index-box04 > .index-box04--head + *{
		margin-top: 0;
	}
	
	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: 13px;
		position: relative;
	}
	.index-news--hdg{
		position: absolute;
		top: 0;
		left: 0;
		width: 84px;
	}
	.index-news--content{
		width: auto;
		height: 100px;
		margin: 0 -10px;
		padding: 25px 15px 10px;
		background: #fff;
	}
	.index-news--content_inner{
		width: 100%;
		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: 65px;
		padding-left: 0;
		font-size: 13px;
		font-size: 1.3rem;
	}
	.index-news--box .index-news--content_inner li .txt {
		display: table-cell;
		padding: 0;
		font-size: 13px;
		font-size: 1.3rem;
	}
	.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: 4px;
		background-color: inherit;
		padding: 6px 0;
		opacity: 1;
	}
	.index-news--box .mCS-my-theme.mCSB_scrollTools .mCSB_draggerRail{
		width: 4px;
		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: 4px;
		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;
		margin-top: 18px;
		border-radius: 10px;
		padding: 12px 10px;
		background-color: #edf2e9;
	}
	.index-bubble_box01::after{
		position: absolute;
		top: -12px;
		left: 50%;
		margin-left: -12px;
		border-right: 12px solid transparent;
		border-bottom: 12px solid #edf2e9;
		border-left: 12px solid transparent;
		content: '';
	}
	.index-bubble_box01 > .index-bubble_box01--head{
		text-align: center;
		font-weight: 700;
		font-size: 17px;
		font-size: 1.7rem;
		color: #e40061;
	}

	
	/*index-anc_list01*/
	.index-anc_list01{
		margin-top: 65px;
	}
	.index-anc_list01 > li{
		float: left;
		width: calc((100% - 4px) / 2);
		margin-right: 4px;
	}
	.index-anc_list01 > li:nth-of-type(2n){
		margin-right: 0;
	}
	.index-anc_list01 > li:nth-of-type(n+3){
		margin-top: 4px;
	}
	.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_list01{
		margin-top: 20px;
	}
	/*index-anc_link01*/
	.index-anc_link01{
		margin-top: 65px;
	}
	.index-anc_link01 a{
		position: relative;
		display: block;
		padding: 10px 10px 25px;
		border-radius: 5px;
		background-color: #d0372c;
		text-align: center;
		font-size: 18px;
		font-size: 1.8rem;
		transition: opacity 0.3s ease 0s;
		text-decoration: none;
		line-height: 1.2;
		color: #fff;
	}
	.index-anc_link01 a .index-anc_link01--sub{
		display: inline-block;
		margin-top: 5px;
		font-size: 12px;
		font-size: 1.2rem;
	}
	.index-anc_link01 a::after{
		position: absolute;
		bottom: 10px;
		left: 50%;
		height: 12px;
		width: 7px;
		margin-left: -5px;
		background: url("/gecard/portal/img-files/index_ic06.png") 0 0;
		-webkit-background-size: 7px auto;
		background-size: 7px auto;
		transform: rotateZ(90deg);
		animation: icon_anchor_move_down_animation_sp 1.3s ease-in infinite;
		content: '';
	}
	.index-anc_link01 a:hover{
		opacity: 0.7;
	}

	/*index-img_link01*/
	.index-img_link01{
		margin-top: 18px;
		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;
		text-align: center;
	}
	.index-bottun_link01 > a{
		position: relative;
		display: inline-block;
		max-width: 385px;
		width: 100%;
		min-height: 40px;
		border-radius: 5px;
		padding: 12px 60px 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: 17px;
		font-size: 1.7rem;
		text-align: center;
		transition: opacity 0.3s ease 0s;
		color: #fff;
	}
	.index-bottun_link01 > a::after{
		position: absolute;
		top: 50%;
		right: 43px;
		display: block;
		width: 11px;
		height: 19px;
		margin-top: -10px;
		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_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: 40px;
		border-radius: 5px;
		padding: 15px 20px 13px 10px;
		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: 12px;
		font-size: 1.2rem;
		text-align: center;
		box-shadow: 1px 2px 6px 0px rgba(0,0,0,0.2);
		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: -5px;
		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: 5px;
		padding: 9px 10px 16px;
		background: #fcf3dd url("/gecard/portal/img-files/index_ic07.png") no-repeat right bottom;
		-webkit-background-size: 22px auto;
		background-size: 22px auto;
		box-shadow: 1px 2px 6px 0px rgba(0,0,0,0.2);
		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: 66px;
		text-align: center;
	}
	.index-box_link01--image > img{
		height: 66px;
	}
	.index-box_link01--text{
		margin-top: 10px;
		text-align: center;
		font-size: 11px;
		font-size: 1.1rem;
	}
	/*index-box_link02*/
	.index-box_link02{
		display: block;
		margin: 0 20px;
		border-radius: 5px;
		padding: 10px 10px;
		background: #fff;
		box-shadow: 1px 2px 6px 0px rgba(0,0,0,0.2);
		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: 57px;
		text-align: center;
	}
	.index-box_link02--image > img{
		height: 57px;
	}
	.index-box_link02--wrap{
		margin: 20px 20px 0;
		border-radius: 5px;
		box-shadow: 1px 2px 6px 0px rgba(0,0,0,0.2);
		background-color: #fff;
	}
	.index-box_link02--wrap .index-box_link02{
		box-shadow: none;
		margin: 0;
	}
	.index-box_link02--hr{
		display: block;
		margin: 0 10px;
		border-top: 1px solid #bfbfbf;
	}
	.index-box_link02--text{
		position: relative;
		border-radius: 0 0 10px 10px;
		padding: 10px 10px 6px;
		background: #fff;
		text-align: center;
	}
	.index-box_link02--text::before{
		position: absolute;
		top: 0;
		right: 10px;
		left: 10px;
		display: block;
		width: auto;
		height: 1px;
		background: #bfbfbf;
		content: '';
	}
	/*index-box_link03*/
	.index-box_link03{
		position: relative;
		display: block;
		border-bottom: 1px solid #4f7f28;
		padding: 25px 24px 26px 12px;
		background: #fff;
		transition: opacity 0.3s ease 0s;
		text-align: center;
	}
	.index-box_link03 > img{
		max-width: 285px;
		width: 100%;
	}
	.index-box_link03::after{
		position: absolute;
		bottom: 2px;
		right: 0;
		display: block;
		width: 23px;
		height: 23px;
		background: url("/gecard/portal/img-files/index_ic31.png") no-repeat 0 0;
		-webkit-background-size: 100% auto;
		background-size: 100% auto;
		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: 30px;
	}
	.index-banner_list01 > li{
		margin-top: 10px;
	}
	.index-banner_list01 > li > a{
		display: block;
		border-radius: 5px;
		box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.2);
		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: 21px 26px;
		background-color: #fff;
		box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
	}
	
	/*index-twitter_column_layout01*/
	.index-twitter_column_layout01{
	}
	.index-twitter_column_layout01.col2 > .col + .col{
		margin-top: 15px;
	}
	
	
	
	/*.index-twitter_item_layout01*/
	.index-twitter_item_layout01{
		padding: 13px 10px 13px 8px;
		border-radius: 5px;
		background-color: #fff;
		box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
	}
	.index-twitter_box01 .index-twitter_item_layout01 {
		padding: 13px 15px 13px 13px;
		box-shadow: none;
	}
	.index-twitter_item_layout01 > .index-twitter_item_layout01--image{
		float: left;
		width: 64px;
		height: 64px;
		margin-right: 10px;
	}
	.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: 13px;
		font-size: 1.3rem;
	}
	.index-twitter_item_layout01--bottun{
		margin-top: 10px;
	}
	
	/*index-twitter_item_layout02*/
	.index-twitter_item_layout02{
		height: 100%;
		padding: 11px 5px 10px;
		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%;
		height: 50px;
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;
		flex-wrap: wrap;
	}
	.index-twitter_item_layout02--text{
		font-weight: 700;
		font-size: 12px;
		font-size: 1.2rem;
		text-align: center;
	}
	.index-twitter_item_layout02--bottun{
		margin-top: 15px;
		height: 25px;
		text-align: center;
	}

	
	
	.index-twitter_scroll_area{
		max-height: 410px;
	}
	
	.index-twitter_slider01{
		width: 100%;
	}
	.index-twitter_slider01--Wrap{
		margin: 0 -15px;
		padding: 0 15px;
	}
	.index-twitter_slider01 .index-twitter_item_layout01 {
		margin: 0 12px;
		width: 275px;
	}
	.index-twitter_slider01--Wrap .index-twitter_slider01 .slick-list {
		overflow: visible;
	}
	/* Arrows */
	.index-twitter_slider01 .slick-prev,
	.index-twitter_slider01 .slick-next {
		font-size: 0;
		line-height: 0;
		position: absolute;
		top: 50%;
		display: inline-block !important;
		width: 13px;
		height: 13px;
		padding: 0;
		cursor: pointer;
		color: transparent;
		border: none;
		border-top: 1px solid #979797;
		border-right: 1px solid #979797;
		outline: none;
		background: transparent;
		z-index: 5;
	}
	/* Arrows */
	.index-twitter_slider01 .slick-prev {
		left: 50%;
		margin-left: -150px;
		-webkit-transform: translate(0, -50%) rotateZ(-135deg);;
		-ms-transform: translate(0, -50%) rotateZ(-135deg);
		transform: translate(0, -50%) rotateZ(-135deg);;
	}
	.index-twitter_slider01 .slick-next {
		right: 50%;
		margin-right: -150px;
		-webkit-transform: translate(0, -50%) rotateZ(45deg);
		-ms-transform: translate(0, -50%) rotateZ(45deg);
		transform: translate(0, -50%) rotateZ(45deg);
	}
	.index-card_slider01{
		margin: 25px -10px 0;
	}
	.index-card_slider01 .slick-list{
		overflow: visible;
	}
	.index-card_slider01 li.slick-slide{
		width: 75px;
		margin: 0 10px;
		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);
	}
	
	/*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: 0;
		padding: 25px 0;
		background: rgba(255, 255, 255, 0.8);
		text-align: center;
		font-weight: 700;
		font-size: 15px;
		font-size: 1.5rem;
		line-height: 1;
		z-index: 10;
		cursor: pointer;
	}
	.js-addview-button::after{
		display: inline-block;
		vertical-align: baseline;
		width: 11px;
		height: 11px;
		margin-left: 5px;
		background: url("/gecard/portal/img-files/index_ic12.png") no-repeat 0 0;
		-webkit-background-size: 100% auto;
		background-size: 100% auto;
		content: '';
	}
	
	/*campagin*/
	.index-campagin_header01--wrap{
		text-align: center;
	}
	.index-campagin_header01{
		display: inline-block;
		padding: 0 20px;
		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;
		-webkit-background-size: 15px auto, 15px auto;
		background-size: 15px auto, 15px auto;
		font-weight: 700;
		font-size: 20px;
		font-size: 2.0rem;
	}
	.index-campagin_lead01{
		display: block;
		margin-top: 20px;
		padding: 10px;
		background: #d0372c;
		text-align: center;
		font-weight: 700;
		font-size: 14px;
		font-size: 1.4rem;
		color: #fff;
	}
	.index-campagin_accordion_botton01{
		margin: 25px 0;
		text-align: center;
	}
	.index-campagin_accordion_botton01 a{
		position: relative;
		display: inline-block;
		width: 100%;
		border: 1px solid #d0372c;
		padding: 10px;
		font-size: 13px;
		font-size: 1.3rem;
		color: #333;
	}
	.index-campagin_accordion_botton01 a::after{
		position: absolute;
		top: 50%;
		right: 10px;
		display: block;
		width: 17px;
		height: 17px;
		margin-top: -8px;
		background: url("/gecard/portal/img-files/index_ic13.png");
		-webkit-background-size: 100% auto;
		background-size: 100% auto;
		content: '';
	}
	.index-campagin_accordion_botton01 a.open::after{
		background: url("/gecard/portal/img-files/index_ic13on.png");
		-webkit-background-size: 100% auto;
		background-size: 100% auto;
	}
	
	
	#cboxContent{
		overflow: visible !important;
	}
	#colorbox.cb-ytWrap .cb_close a:after{
		-webkit-background-size: 14px 14px;
		background-size: 14px 14px;
	}
	.cboxIframe{
		max-height: 190px;
	}
	/*notice*/
	.index-notice {
		text-align: center;
		margin: 25px 10px 0 10px;
		padding-bottom: 60px;
	}
	
	/*clearFix*/
	.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: '';
	}
}
@media print{
	.sp-hidden {
		display: none!important;
	}
}
@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_sp {
		0%{
			bottom: 10px;
			opacity: 0;
		}
		25%{
			opacity: 1;
		}
		75%{
			opacity: 1;
		}
		100%{
			bottom: 2px;
			opacity: 0;
		}
}