@charset "shift_jis";
@font-face {
	font-family: 'Noto Sans CJK JP';
	font-style: normal;
	font-weight: 100;
	src: url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Thin.woff2) format('woff2'),
			 url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Thin.woff) format('woff'),
			 url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Thin.otf) format('opentype');
}
@font-face {
	font-family: 'Noto Sans CJK JP';
	font-style: normal;
	font-weight: 300;
	src: url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Light.woff2) format('woff2'),
			 url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Light.woff) format('woff'),
			 url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Light.otf) format('opentype');
}
@font-face {
	 font-family: 'Noto Sans CJK JP';
	 font-style: normal;
	 font-weight: 400;
	 src: url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Regular.woff2) format('woff2'),
				url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Regular.woff) format('woff'),
				url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Regular.otf) format('opentype');
}
@font-face {
	 font-family: 'Noto Sans CJK JP';
	 font-style: normal;
	 font-weight: 500;
	 src: url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Medium.woff2) format('woff2'),
				url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Medium.woff) format('woff'),
				url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Medium.otf) format('opentype');
}
@font-face {
	 font-family: 'Noto Sans CJK JP';
	 font-style: normal;
	 font-weight: 700;
	 src: url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Bold.woff2) format('woff2'),
				url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Bold.woff) format('woff'),
				url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Bold.otf) format('opentype');
}
/* hebrew */
@font-face {
	font-family: 'Heebo';
	font-style: normal;
	font-weight: 400;
	src: local('Heebo'), local('Heebo-Regular'), url(https://fonts.gstatic.com/s/heebo/v5/NGS6v5_NC0k9P9H0TbFzsQ.woff2) format('woff2');
	unicode-range: U+0590-05FF, U+20AA, U+25CC, U+FB1D-FB4F;
}
/* latin */
@font-face {
	font-family: 'Heebo';
	font-style: normal;
	font-weight: 400;
	src: local('Heebo'), local('Heebo-Regular'), url(https://fonts.gstatic.com/s/heebo/v5/NGS6v5_NC0k9P9H2TbE.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* hebrew */
@font-face {
	font-family: 'Heebo';
	font-style: normal;
	font-weight: 700;
	src: local('Heebo Bold'), local('Heebo-Bold'), url(https://fonts.gstatic.com/s/heebo/v5/NGS3v5_NC0k9P9lNaKROkK440A.woff2) format('woff2');
	unicode-range: U+0590-05FF, U+20AA, U+25CC, U+FB1D-FB4F;
}
/* latin */
@font-face {
	font-family: 'Heebo';
	font-style: normal;
	font-weight: 700;
	src: local('Heebo Bold'), local('Heebo-Bold'), url(https://fonts.gstatic.com/s/heebo/v5/NGS3v5_NC0k9P9lNaKRMkK4.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* 
 * gecard.css
 * 
 * common
 * layout
 * components
 * other
 * 
 * Responsive(max-width: 750px)
 */
 

/* ==================================
	common
================================== */


/* ==================================
	layout
================================== */
/*== header ================*/
/*== container ================*/
#pageContainer {
	padding-bottom: 75px;
	position: relative;
    background: url(/gecard/news/img-files/065_nr_niercp_bg01.png) repeat 0 0;
    background-attachment: fixed;
}
#pageContainer .ge-heading01 {
	width: 1980px;
	margin: auto;
	display: block;
}
#gecard #mainContainer {
	width: 1200px;
    font-family: 'Noto Sans CJK JP';
	margin: auto;
	display: block;
	padding: 0;
	font-size: 23px;
	font-size: 2.3rem;
	color: #ffffff;
	font-weight: 400;
}
/*== footer ================*/
#gecard #footer {
	margin-top: 0;
	padding: 5px 0 25px;
    border: none;
}
/*== font size ================*/
.font-L {
    font-size: 30px;
    font-size: 3.0rem;
}
.font-M {
    font-size: 28px;
    font-size: 2.8rem;
}
.font-S {
    font-size: 16px;
    font-size: 1.6rem;
}
.font-SS {
    font-size: 12px;
    font-size: 1.2rem;
}
a:link,
a:visited{
	color: #ffffff!important;
}
/*== section ================*/
/* ge-contentsSec */
#gecard .ge-sectionWrap {
	padding: 30px;
    margin-top: 220px;
}
#gecard .ge-contentsSec01 {
	padding: 10px;
	margin: 30px 0;
} 
#gecard .ge-contentsSec01 h5 {
    font-size: 23px;
    font-size: 2.3rem;
}
/*niBox01*/ 
#gecard .niBox01 {
	margin: 88px 75px 110px;
}
/*niTextarea*/
#gecard .niTextarea01 {
    margin: 50px 0 0 80px;
}
/* sectionBox */
#gecard .niSectionBox01 {
    margin-top: 115px;
}
#gecard .niSectionBox02 {
    position: relative;
    padding: 0 0 45px 0;
    margin: 83px 0 108px;
	background: rgba(255,255,255,0.33);
}
#gecard .niSectionBox02::before {
    content: "";
    position: absolute;
    display: inline-block;
    background: url(/gecard/news/img-files/pc_065_nr_niercp_im05.png) no-repeat 0 0/100%;
    width: 1200px;
    height: 181px;
    bottom: -181px;
}
#gecard .iconBox01 {
    position: relative;
}
#gecard .iconBox01::before {
    content: "";
    position: absolute;
    display: inline-block;
    background: url(/gecard/news/img-files/065_nr_niercp_ic03.png) no-repeat;
    width: 163px;
    height: 163px;
    top: -4px;
    z-index: 1;
}
#gecard .iconBox01::after {
    content: "";
    position: absolute;
    display: inline-block;
    background: url(/gecard/news/img-files/065_nr_niercp_ic04.png) no-repeat;
    width: 256px;
    height: 17px;
    top: -4px;
    right: 0;
    z-index: 1;
}
/* ==================================
	parts
================================== */

/*== heading ================*/
/*== paragraph ================*/

#gecard .ge-date {
	display: table;
  width: 678px;
  background-color: #fff;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 22px;
  margin: 0 auto;
  position: absolute;
  bottom: 42px;
  left: 143px;
  height: 63px;
}
#gecard .ge-date span {
    display: table-cell;
    color: #a5001e;
    font-weight: bold;
    font-size: 2.0rem;
    font-size: 20px;
    text-align: center;
    padding: 5px 0;
    vertical-align: middle;
}
#gecard .ge-lead {
font-size: 2.4rem;
    font-size: 24px;
    font-weight: bold;
    margin: 30px 0;
    text-align: center;
    line-height: 1.4;
}
/*== list ================*/
#gecard .btnLink02 {
	position: relative;
}
#gecard .btnLink02 a {
	font-size: 2.2rem;
	font-size: 22px;
	padding: 25px 75px 23px;
}
#gecard .btnLink02 a:after {
	right: 14px;
}
#gecard .btnText {
	position: relative;
}
#gecard .btnText {
	display: inline-block;
	position: relative;
	padding: 19px 60px 17px 50px;
	color: #ffffff;
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	line-height: 1.2;
	background-color: #a5001e;
	border-bottom: solid 3px #760015;
	-webkit-border-radius: 9px;
	-moz-border-radius: 9px;
	border-radius: 9px;
}
#gecard .endcollabo .btnText:after {
	content: "";
	position: absolute;
	top: 50%;
	right: 11px;
	height: 32px;
	width: 32px;
	margin-top: -14px;
	background: url(/common-files/img/com_btn_ic01.png) no-repeat 0 0;
}

/*== img ================*/
#gecard .ge-imgWrap {
	margin-bottom: 20px;
}

/* ==================================
	other
================================== */

/*== pageTop ================*/
#gecard #pageTopBtn a {
	width: 60px;
	height: 60px;
	background: url(/gecard/news/img-files/com_ic04.png) 0 0 no-repeat;
	outline: 0;
}
#gecard #pageTopBtn a:hover {
	background: url(/gecard/news/img-files/com_ic04.png) 0 -60px no-repeat;
}

/* ---------------------------------------- endBox ----------------------------------- */
#gecard.end .mainVisual .visualInner{
	padding-top:75px;
}

#gecard.end .collaboSec01.endcollabo{
    position: relative;
}

#gecard.end .endTextBox{
	display:table; width:100%; height: 100%;
			}
#gecard.end .endText{
	display:table-cell; 
	width:100%;
	height: 100%; 
	vertical-align: middle; 
	text-align:center;
	font-size:2.8rem;
	font-weight:bold;
}
#gecard.end .endbox{
		position:absolute; 
		top: 0; 
		left: 0; 
		width: 100%; 
		height:100%; 
		background: rgba(255,255,255,0.8);    
		-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

/*--------5月31日追加----------*/
#gecard .cardImg01 {
	width: 82%;
}
#gecard .collaboWrap01 { 
	margin: 0 10px;
}
#gecard .collaboWrap01 .readTx {
	font-weight: bold;
	font-size: 22px;
}

/*--------2019年8月20日追加----------*/
.txtLarge03{
font-size: 2.4rem;
font-size: 24px;
}
#gecard .cardBtn01{
	width: 460px;
	margin: auto;
}
#gecard .cardBtn01 a{
	transition: opacity 200ms linear;
}
#gecard .cardBtn01 a:hover{
	opacity: 0.7;
}
#gecard .bnBtn01 a{
	display: inline-block;
	margin: 36px 0 95px;
	transition: opacity 200ms linear;
}
#gecard .bnBtn01 a:hover{
	opacity: 0.7;
}
#gecard .floatBox01::after,
#gecard .floatBox02::after {
	display: block;
	clear: both;
	content: "";
}
#gecard .floatBox01 .floatLeft,
#gecard .floatBox02 .floatLeft{
	float: left;
}
#gecard .floatBox01 .floatRight {
	float: right;
}
#gecard  .floatBox01 .cardList01{
   width: 335px;
    float: left;
    margin: 0 78px 0 0;
    text-align: center;
	
}
#gecard  .floatBox01 .cardList01:nth-child(2) {
	margin: 0;
}

#gecard .cardContent01 {
	position: relative;
    padding: 50px 0 70px;
    background: rgba(255,255,255,0.6)
}
#gecard .cardArea01 {
	width: 1026px;
    margin: auto;
}
#gecard .cardBox01 {
    width: 470px;
	margin-right: 86px;
}
#gecard .cardBox02 {
    width: 470px;
}
#gecard .logoBox01 {
	width: 719px;
	margin: 40px auto 80px;
}
#gecard .logoBox01 .floatLeft {
	width: 186px
}
#gecard .logoBox01 > .floatLeft:nth-child(2) {
	margin: 0 50px;
}

#gecard .logoBox02 {
	width: 885px;	
	margin: 60px auto 40px;
}
#gecard .logoBox02 .logo {
	width: 125px;
	margin: 0 auto 15px;
}
#gecard .logoBox02 > .floatLeft:nth-child(2) {
	margin: 0 20px;
}

#gecard .campaignBox02 {
	width: 280px;
	height: 260px;
	padding: 25px;
	position: relative;
	border-radius: 25px;
	background: #e0ebf7;
}

#gecard .campaignBox02 .btn01 > a {
    color: #1a75c6;
    padding: 10px 52px 10px 43px;
    border: solid 2px #1a75c6;
    border-radius: 10px;
	  background: #ffffff;
    display: block;
    text-align: center;
    text-decoration: none;
    font-weight: bold;
    position: absolute;
    bottom: 26px;
    right: 43px;
}
#gecard .colorRed {
	color: #d0352c;
}
#gecard .colorblue {
	color: #12334c;
}
#gecard .coloryellow {
	color: #fff600;
}
#gecard .boldText01 {
	font-size: 30px;
	font-size: 3.0rem;
	font-weight: bold;
}
#gecard .nitextArea01 {
	text-align: center;
	position: absolute;
	bottom: 80px;
	left: 14%
}
#gecard #copyright small {
	display: block;
	padding-bottom: 20px;
	font-size: 12px;
	font-size: 1.2rem;
	text-align: center;
	color: #ffffff;
}
#gecard  .niBtn01 a {
    -webkit-transition: all .3s;
    transition: all .3s;
}
#gecard  .niBtn01 a:hover {
    opacity: 0.6;
    filter: brightness(110%);
    -webkit-transition: all .3s;
    transition: all .3s;
}
#gecard .bnArea01 figure img:hover {
	opacity: 0.6 ;
}

/*20230220追加*/
/*niTitle*/
#gecard .ulBox01 {
        font-size: 20px;
        font-size: 2.0rem;
    }
#gecard .ulBox02 {
        font-size: 16px;
        font-size: 1.6rem;
    }
#gecard .noteList01 {
	margin-top: 15px;
    font-size: 16px;
    font-size: 1.6rem;
}
#gecard  .niImg01 {
    width: 245px;
}
#gecard  .niImg02 {
    width: 210px;
}
#gecard  .niImg03 {
    margin-top: -106px;
}
#gecard  .niImg04 {
    width: 190px;
}
#gecard  .niImg05 {
    width: 119px;
	margin: 5px 0 5px 15px;
}
/*20231117追加*/
/*niContents01*/
#gecard .niContents01 {
    width: 530px;
    margin: 80px auto 50px;
}
#gecard .niContents02 {
    width: 680px;
    margin: 25px auto 45px;
}
#gecard .niContents01 .niText01 {
    
}
#gecard .niContents02 .niText02 {
    margin-top: 89px;
}
.noteList01 > li {
    font-size: 16px;
    font-size: 1.6rem;
}


/* 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;
	}
.base-modal-title {
    text-align: center;
    font-size: 3rem;
    font-weight: bold;
}
/* ==================================
	Responsive max-width: 750px
================================== */

@media screen and (max-width: 750px) {
	
	/*== header ================*/
	#gecard #header {
		padding: 15px 6.25%;;
	}
	#gecard #header #headerContents {
		width: 100%;;
	}
	/*== container ================*/
    #pageContainer {
        position: relative;
		background: url(/gecard/news/img-files/065_nr_niercp_bg01.png) repeat 0 0/400px 158px;
}
    .bgArea01 {
        background: none;
    }
	.bgArea01::after {
    display: block;
    content: "";
    position: fixed;
    position: -webkit-fixed;
    background: url(/gecard/news/img-files/065_nr_niercp_bg01.png) repeat 0 0/100%;
    width: 100vw;
    height: 100vh;
    top: 0;
	z-index: -999
}
	#gecard #mainContainer {
		width: 100%;
		overflow: hidden;
		padding: 0;
        font-size: 4vw;
		font-weight: 500;
	}
	#gecard #mainContainer #mainContents {
		width: auto;
		padding: 0;
	}
	/*== section ================*/
.font-L {
    font-size: 5.0vw;
}
.font-M {
    font-size: 3.6vw;
}
.font-S {
    font-size: 3vw;
}
.font-SS {
    font-size: 2vw;
}
	/* ge-contentsSec */
	#gecard .ge-sectionWrap {
		padding: 0 3vw;
        border-radius: 5vw;
        margin: 10vw 2vw;
	}
	#gecard .ge-contentsSec01 {
		margin: 2vw 0;
	}
	
	/*== footer ================*/
	#gecard #footer {
		padding: 0;
        color: #ffffff;
	}
	#gecard #footer #footerContents {
			margin: 0;
			padding: 1.5rem 10px;
			width: 100%;
	}
	
	/* ==================================
		parts
	================================== */
	
	/*== heading ================*/
	/* ge-heading01 */
	#gecard .ge-heading01 span {
		font-size: 1.9rem;
		font-size: 19px;
		line-height: 1.2;
		padding: 0;
		text-align: center;
	}
	#gecard .ge-heading01 span.stmy {
		font-size: 1.5rem;
		font-size: 15px;
	}
	#gecard .ge-heading01 span:before {
		content: "";
		position: absolute;
		display: inline-block;
		top: -20px;
		left: -20px;
		background: url(/gecard/news/img-files/com_ic01.png) no-repeat 0 0/35px 25px;
		width: 35px;
		height: 25px;
	}
	#gecard .ge-heading01 span:after {
		content: "";
		position: absolute;
		display: inline-block;
		top: -20px;
		background: url(/gecard/news/img-files/com_ic02.png) no-repeat 0 0/35px 25px;
		width: 35px;
		height: 25px;
		right: -20px;
	}
/* ge-heading02 */
#gecard .ge-heading02 {
 width: 66.4vw;
}
#gecard .ge-heading02_2 {
 width: 34.67vw;
}

/* ge-heading03 */
#gecard .ge-heading03 {
width: 106%;
}
#gecard .ge-heading03_2 {
	width: 92.93vw;
	padding: 0 0 22px;
}
/* ge-heading04 */
#gecard .ge-heading04 {
	width: 126px;
	margin: -25px auto 20px;
}
/* ge-heading05 */
#gecard .ge-heading05 {
	font-size: 4.2vw;
	border-bottom: #bebebe solid 1px;
  padding-bottom: 10px;
	margin-bottom: 10px;
}
#gecard .nisizeBox01 {
	width:98%;
	margin: auto;
}
	/* sectionBox */
#gecard .niSectionBox01 {
	width: 100vw;
    padding: 0;
    margin-top: 16vw;
}
#gecard .niText01 {
    font-size: 4.0vw;
    line-height: 1.6;
    padding: 15px 0;
    margin: 0;
}
#gecard .niText01 span {
    font-size: 5.0vw;
}
#gecard .niContents02 .niText02 {
	font-size: 3.5vw;
	padding: 0;
	margin: 10px 0 0 0;
	}
	#gecard .niText03 {
  width: 100%;
  padding: 23px 30px 0;
	background: url(/gecard/news/img-files/sp_065_nr_niercp_bg02.png) repeat-y;
		background-size: 100%
}
	/*== paragraph ================*/
	#gecard .ge-date{
		width: 90%;
    height: 32px;
    left: 15px;
    bottom: 50px;
	}
	#gecard .ge-date span {
		font-size: 1.1rem;
		font-size: 11px;
	}
	#gecard .ge-lead {
		font-size: 1.6rem;
		font-size: 16px;
		text-align: left;
		padding: 0 5%;
		margin-bottom: 1.2em;
	}
	/*== img ================*/
	#gecard .ge-imgWrap {
		margin-bottom: 1.8em;
		text-align: center
	}
	/*== link ================*/
	#gecard .linkTxt02 a {
		font-size: 1.4rem;
		font-size: 14px;
	}
	#gecard .btnLink02 a {
		font-size: 1.5rem;
		font-size: 15px;
		padding: 10px 40px 8px 30px;
		-webkit-border-radius: 6px;
		-moz-border-radius: 6px;
		border-radius: 6px;
	}
	#gecard .btnText {
		padding: 5% 10%;
		font-size: 15px;
		font-size: 1.5rem;
	}
	#gecard .endcollabo .btnLink02:before {
		content: "";
		display: inline-block;
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		margin-top: 0;
		margin-left: 0;
		background: url(/gecard/news/img-files/sp_024_k_atelier_im03.png) no-repeat center/100%;
		z-index: 2 !important;
	}
	#gecard .endcollabo .btnLink02:after {
		content: "";
		display: inline-block;
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		margin-top: 0;
		margin-left: 0;
		background: #000000;
		opacity: 0.8;
		z-index: 1 !important;
	}
	#gecard .endcollabo .btnText::after {
    	background-image: url(/common-files/img/sp_com_btn_ic01.png);
    	-webkit-background-size: 20px 20px;
    	background-size: 20px 20px;
	}
	#gecard .yurucamp-benefits-note-list {
  margin-top: 21px;
	font-size: 3.5vw;
	text-align: left!important;
}
/*--------5月31日追加----------*/
	#gecard .copyright {
		margin: 10px 0px 0;
		text-align: center;
		font-size: 10px;
	}
	#gecard .collaboWrap01 { 
		margin: 0px;
	}
	#gecard .collaboWrap01 .readTx {
		font-weight: bold;
		font-size: 16px;
	}

	/* ==================================
	other
	================================== */
	
	/*== pageTop ================*/
	#gecard #pageTopBtn {
		bottom: 50px;
	}
	#gecard #pageTopBtn a {
		width: 46px;
		height: 46px;
		background: url(/gecard/news/img-files/com_ic04.png) 0 0 no-repeat;
		background-size: 46px 92px;
		outline: 0;
	}
	#gecard #pageTopBtn a:hover {
		background: url(/gecard/news/img-files/com_ic04.png) 0 -46px no-repeat;
		background-size: 46px 92px;
	}
	/*--------2019年8月20日追加----------*/
	.txtLarge03{
	font-size: 2.0rem;
	font-size: 20px;
	}
	
	/*--------2020年12月24日追加----------*/
	
#gecard .swap {
	width: 100%;
	margin: auto;
}
	
#gecard .niBtnBox01 {
padding: 0 15px;
}
#gecard .cardBtn01  {
	width: 90%;
}
#gecard .cardBtn01 a:hover{
	opacity: 1;
}
#gecard .niBtnBox01 .cardBtn01:nth-child(2) {
margin-top: 10px;
}
#gecard  .floatBox01 .cardList01{
   width: 100%;
    float: none;
    margin: 0 auto 40px;
	padding: 0 30px;
	
}
#gecard  .floatBox01 .cardList01:nth-child(3n) {
	margin-right: 0;
}
#gecard  .floatBox01 .cardList01:nth-child(4) {
	margin-left: 0;
}
#gecard .logoBox01 {
	width: 100%;
	margin: 40px 0 80px -10px;
}
#gecard .logoBox01 .floatLeft {
	width: 100%;
}
#gecard .logoBox01 > .floatLeft:nth-child(2) {
	margin: 0;
}
	
#gecard .floatBox02  {
	width: 100%;
	text-align: center;
}
	
	#gecard .floatBox02  .floatLeft:nth-child(2) {
	margin: 0 5%;
}
	
	#gecard .floatBox02 > .floatLeft {
	width: 30%;
		display: inline-block;
}

#gecard .logoBox02 {
	width: 100%;
	margin: 0 auto 40px;
}
#gecard .logoBox02 .logo {
	width: 125px;
	margin: 0 auto 15px;
}
#gecard .logoBox02 > .floatLeft:nth-child(2) {
	margin: 0;
}
	
#gecard  .tvArea .noteList01 {
	margin-left: 0;
}

	#gecard .campaignBox01{
		margin-top: 50px;
	}
	
#gecard .campaignBox02 {
	width: 100%;
	height:100%;
	padding: 25px 25px 50px 25px;
	border-radius: 25px;
	position: static;
}
#gecard .campaignBox02 .btn01 > a {
		position: relative;
    top: 20px;
    right: -31px;
    width: 75%;
}  
	#gecard .ge-heading01 {
		background: none;
	}	
	#gecard .bnArea01 {
		margin: 0 0 15px 0;
	}
	#gecard .boldText01 {
	font-size: 5.2vw;
}
#gecard .bnArea01 figure {
	padding: 5px;
	margin-bottom: 0;
}
#gecard .bnArea01 figure img {
width: 100%
}	
	#gecard .benefitsBox01 {
		width: 100%;
		padding: 0 10px;
	}
	#gecard .cardList01:nth-child(1)::before,
	#gecard .cardList01:nth-child(2)::after,
	#gecard .benefitsBox01::after,
	#gecard .benefitsBox01::before {
		content: none;
	}
	
	
/*	20220520追加*/
	#pageContainer .ge-heading03 {
		margin-top: 17px;
		display: flex;
    position: static;
    justify-content: center;
    align-items: center;
    left: auto;
    margin-left: -10px;
    width: 100vw;
    transform: none;
    background: url(/gecard/news/img-files/065_nr_niercp_bg01.png)repeat-x 0 / 89px;
}
	#gecard .cardBox01 {
        width: 90%;
		margin: 0 auto;
	}
    #gecard .cardBox02 {
        width: 90%;
        margin: 30px auto 0;
    }
	#gecard .cardBox01::before,
	#gecard .cardBox02::before{
		content: none;
		display: none;
	}
	#gecard .cardArea01{
		width: 100%;
		margin: 0;
	}
	#gecard .yurucamp-heading03-03 {
    margin-top: 30px;
    text-align: center;
}
	#gecard .yurucamp-media {
    display: block;
    margin-top: 19px;
}
	#gecard .yurucamp-media-head {
    width: 71%;
    margin: 0 auto;
}
	#gecard .yurucamp-media-frame::before {
    width: 50%;
    height: 63%;
    right: 7%;
}
	#gecard .yurucamp-media-body {
    width: auto;
    margin-top: 20px;
    margin-right: auto;
}
	#gecard .yurucamp-media-text {
    font-size: 3.8vw;
}
	#gecard .yurucamp-media-text + .yurucamp-media-text {
    margin-top: 3px;
}
	#gecard .yurucamp-media-image {
    width: 64%;
}
	#gecard .yurucamp-benefits-area {
    position: relative;
}
	#gecard .yurucamp-benefits-media {
    display: flex;
    margin-top: 12px;
}
	#gecard .yurucamp-benefits-media-head {
    font-size: 5.6vw;
    line-height: 1.2;
    font-weight: bold;
    text-align: left;
}
	#gecard .yurucamp-benefits-media-body {
    position: static;
    width: 30%;
    max-width: 106.5px;
}
	#gecard .yurucamp-benefits-image {
    position: static;
    width: 42%;
}
	#gecard .yurucamp-text-large {
		font-size: 4.5vw;
    line-height: 1.2;
	}

	#gecard .niSectionBox03 {
	padding: 0 0 30px 0
}
	#gecard .ge-contentsSec01 h5 {
    padding-bottom: 5px;
	font-size: 3.8vw;
	}	
	#gecard .cardArea01 .cardBtn01 a,
	#gecard .cardArea01 .cardBtn02 a{
        border-radius: 2.6vw;
}
#gecard .cardArea01 div[class^="cardBtn0"]  a:hover{
margin-top: 5px;
    border: none;
}  
    #gecard .ulBox01 {
        font-size: 14px;
        font-size: 1.4rem;
    }
    #gecard .ulBox02 {
        font-size: 13px;
        font-size: 1.3rem;
    }
    #gecard .noteList01 {
	margin-top: 2vw;
    font-size: 3vw;
}
    #gecard .niBox01 {
     margin: 40px 30px;
}
    #gecard .niTextarea01 {
        margin: 23px 0 0 0;
    }
    #gecard  .niImg01 {
        width: 50%;
}
    #gecard  .niImg02 {
        width: 43%;
}
    #gecard  .niImg03 {
        width: 55%;
		margin-top: -54px;
}
    #gecard  .niImg04 {
        width: 34%;
}
    #gecard  .niImg05 {
        width: 23%;
}
/*20231117追加*/

/*niContents01*/
#gecard .niContents01 {
    width: 100%;
    margin: 50px auto 0;
    padding: 0 40px;
}
#gecard .niContents02 {
    width: 100%;
    margin: 25px auto 30px;
    padding: 0 40px;
}
	#gecard .niContents02 > .floatLeft {
    width: 64%;
}
#gecard .niContents01 .niText01,
#gecard .niContents01 .niText01 p{
    position: relative;
}
#gecard .niContents01 .niText01:after {
    background: url(/gecard/news/img-files/065_nr_niercp_ic01.png) no-repeat 0 0/100%;
    width: 8vw;
    height: 6vw;
    top: 5vw;
    left: 62.5vw;
	}
#gecard .niContents01 .niText01:before {
    background: url(/gecard/news/img-files/065_nr_niercp_ic02.png) no-repeat 0 0/100%;
    width: 8vw;
    height: 6vw;
    bottom: 5vw;
    left: 2.6vw;
	}
#gecard .niSectionBox02 {
    padding: 0 0 10vw;
    margin: 50px 10px 190px;
}
#gecard .niSectionBox02::before {
    content: "";
    position: absolute;
    display: inline-block;
    background: url(/gecard/news/img-files/sp_065_nr_niercp_im05.png) no-repeat 0 0/100%;
    width: 100%;
    height: 181px;
    bottom: -181px;
}
#gecard .cardContent01 {
    padding: 30px 0 40px;
}  
#gecard .iconBox01::before {
    background: url(/gecard/news/img-files/065_nr_niercp_ic03.png) no-repeat 0 0/100%;
    width: 20vw;
    height: 20vw;
    top: -4px;
    z-index: 1;
    left: 7px;
}
#gecard .iconBox01::after {
    ackground: url(/gecard/news/img-files/065_nr_niercp_ic04.png) no-repeat 0 0/100%;
    width: 34vw;
    height: 3vw;
    top: -4px;
    right: 12px;
}   
.noteList01 > li {
    font-size: 2.8vw;
}
#gecard .bnBtn01 a{
	padding: 0 15px;
	margin: 18px 0 40px;
}
    
    
    
    
    
	
	/* 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;
	}
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
    
    
    
    
    
/* clearfix
------------------------------------------------------ */
#gecard .collaboSec01:after {
	content: "";
	display: block;
	clear: both;
}
#gecard .collaboSec01 {
	zoom: 1;
}
#gecard .bgBox01 {
    margin: 0 20px;
    padding-bottom: 30px;
}		
	}