@charset "utf-8";
/* CSS Document */

/*----------------------------------------------------------------------------
 ***                                                        ポップアップ関連
----------------------------------------------------------------------------*/
/*- プラグイン部分 -*/
#popupBtnDummy{ display:none;}
.mfp-container{ background:url('/company/images/renewal2020/popup/ico_loding.gif') no-repeat center center;}
.mfp-container.load-stop{ background:none;}
.mfp-fade.mfp-bg{ opacity:0; -webkit-transition:all 0.15s ease-out; -moz-transition:all 0.15s ease-out; transition:all 0.15s ease-out;}
.mfp-fade.mfp-bg.mfp-ready{ opacity:0.8;}
.mfp-fade.mfp-bg.mfp-removing{ opacity:0;}
.mfp-fade.mfp-wrap .mfp-content{ opacity:0; -webkit-transition:all 0.15s ease-out; -moz-transition:all 0.15s ease-out; transition:all 0.15s ease-out;}
.mfp-fade.mfp-wrap.mfp-ready .mfp-content{ opacity:1;}
.mfp-fade.mfp-wrap.mfp-removing .mfp-content{ opacity:0;}

/*- ポップアップ対象 -*/
#popBox{ width:900px; margin:0 auto; position:relative;}
#popBox .popSecBox{ width:900px; height:800px; margin:0 auto; background:#00a1c9;}
#popBox .mfp-close{
	background:url(/company/images/renewal2020/popup/btn_close.png) no-repeat center/cover;
	color:transparent;
	position: absolute;
	top:0;
	right:0;
	opacity:1;
	width:10vw;
	height:10vw;
	max-width:89px;
	max-height:89px;
	z-index:9999;
}

