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

/* ポップアップ対象 */
#popBox{ max-width:900px; width:100%; height:100%; margin:0 auto; position:relative;}
#popBox .popSecBox{ max-width:900px; width:100%; height:auto; margin:0 auto; background:#413957;}
#popBox .mfp-close{ background:url(/images/renewal2020/popup/btn_close_jmk.png) no-repeat center/cover;}
#popBox .gridBox{
    padding:17px;
    display:-ms-grid;
    display:grid;
    grid-row-gap:0;
    grid-column-gap: 0;
    -ms-grid-columns:100%;
    grid-template-columns:100%;
    -ms-grid-rows:auto;
    grid-template-rows:auto;
    grid-template-areas:
        "popMainSec"
        "footerBox";
}
#popBox .gridBox > *:nth-child(1){
    -ms-grid-row:1;
    -ms-grid-column:1;
}
#popBox .gridBox *{ margin:0; padding:0;}
#popBox .gridBox > *{ margin: -2px -2px -2px -2px;}
#popBox .popSecBox{ height:auto;}
#popBox .incSection,
#popBox #popBoxInner,
#popBox #incWrap{ height:100%;}

#popBox .popMainSec{
	position:relative;
	background-color:#fff;
	border-bottom:5px solid #413957;
}
/* popMainSec - headerBox */
#popBox .headerBox{	width:auto;	height:auto;}
#popBox .headerBox h1{ padding:9px; color:#fff; text-align:center; font-size:1.75rem; font-weight:500; line-height:1em;}
#popBox .headerBox h1 span{ color:#fff; display:block; font-size:1rem; font-weight:300; opacity:0.6;}
/* popMainSec - mainContentsBox */
#popBox .mainContentsBox{ padding:20px;	position:relative;}
#popBox .mainContentsBox .aboutBox{ width:100%;}
/* #popBox .mainContentsBox .aboutBox h2{ text-align:center; font-size:1.5rem; font-weight:500; color:#333;}
#popBox .mainContentsBox .aboutBox h2 strong{ font-size:2rem; color:#E3007F;} */

#popBox .popInSecBox p{ background-color:#fff; color:#333;}
#popBox p.aboutText{ padding:1em; text-align:center; font-size:0.875rem;}
#popBox p.aboutText strong{}
#popBox .mainContentsBox .movieBox{ padding:0 0 30px;}
#popBox .mainContentsBox .movieBox .catchcopy{ text-align:center; margin:0 auto; font-size:1.25rem;}
#popBox .mainContentsBox .movieBox .catchcopy strong{ color:#f08800; font-weight:500;}
#popBox .mainContentsBox .movieBox iframe{ max-width:580px; width:100%; height:320px; display:block; margin:1em auto; border:none;}
#popBox .entrysheetBox{ width:80%; margin:1em auto; border-top:1px dashed #999; padding:1em 0;}
#popBox .entrysheetBox p{ margin:0.5em auto; color:#333;}
#popBox a.newEntryBtn{ 
	background: linear-gradient(#fd40aa, #E3007F);
	background: -moz-linear-gradient(#fd40aa, #E3007F);
	background: -webkit-linear-gradient(#fd40aa, #E3007F);
	padding: 1em;
	border-radius: 10px;
	text-decoration: none;
	box-shadow: 3px 3px 4px #ccc;
	transition: all .3s;
	color: #FFF;
	display: block;
	width: 30%;
	font-size: 1.3rem;
	margin:0 auto;
}
#popBox a.newEntryBtn:hover{
	background: linear-gradient(#fd40aa, #fd40aa);
	background: -moz-linear-gradient(#fd40aa, #fd40aa);
	background: -webkit-linear-gradient(#fd40aa, #fd40aa);
}

#popBox .entrysheetBox p a{ display:inline-block; padding:0.5em 1.5em; color:#fff; background-color:#00A1C9; text-decoration:none; font-size:125%; transition:opacity .3s;}
#popBox .entrysheetBox p a:hover{ opacity:0.6;}

/* footer */
#popBox .footerBox{ background-color:#fff; -ms-grid-row:4;-ms-grid-column:1; grid-area:footerBox; padding:0em 0 0;}
/* #popBox .footerBox .recruitEntry{
	width:100%;
	padding:1.5em;
	display:-webkit-flex;
    display:flex;
    -webkit-align-items:center;
    align-items:center;
    -webkit-justify-content:center;
    justify-content:center;
} */
#popBox .footerBox .recruitEntry ul{ width:100%; }
#popBox .footerBox .recruitEntry li{ width:45%; margin:0 1em; font-size:1rem; font-weight:500; text-align:center; line-height:1.8em;}
#popBox .footerBox .recruitEntry li a{ width:100%; color:#fff; display:block; padding:1em; border-radius:10px; text-decoration:none; box-shadow:3px 3px 4px #ccc; transition:all .3s;}
#popBox .footerBox .recruitEntry li a span{ color:#fff; display:block; font-size:2rem;}

#popBox .footerBox .recruitEntry li.myNaviBtn a{
	background:linear-gradient(#71bfe3,#2b98cc);
    background:-moz-linear-gradient(#71bfe3,#2b98cc);
    background:-webkit-linear-gradient(#71bfe3,#2b98cc);
}
#popBox .footerBox .recruitEntry li.myNaviBtn a:hover{
	background:linear-gradient(#71bfe3,#71bfe3);
    background:-moz-linear-gradient(#71bfe3,#71bfe3);
    background:-webkit-linear-gradient(#71bfe3,#71bfe3);
}
#popBox .footerBox .recruitEntry li.recNaviBtn a{
	background:linear-gradient(#3a7ab5,#1860a1);
    background:-moz-linear-gradient(#3a7ab5,#1860a1);
    background:-webkit-linear-gradient(#3a7ab5,#1860a1);
}
#popBox .footerBox .recruitEntry li.recNaviBtn a:hover{
	background:linear-gradient(#3a7ab5,#3a7ab5);
    background:-moz-linear-gradient(#3a7ab5,#3a7ab5);
    background:-webkit-linear-gradient(#3a7ab5,#3a7ab5);
}

#popBox .footerBox .recruitEntry li.careertasuBtn a {
	background: linear-gradient(#0ca5b0, #078b9a);
	background: -moz-linear-gradient(#0ca5b0, #078b9a);
	background: -webkit-linear-gradient(#0ca5b0, #078b9a);
}

#popBox .footerBox .recruitEntry li.careertasuBtn a:hover {
	background: linear-gradient(#0ca5b0, #0ca5b0);
	background: -moz-linear-gradient(#0ca5b0, #0ca5b0);
	background: -webkit-linear-gradient(#0ca5b0, #0ca5b0);
}

#popBox .entrySec{ padding:20px;}
#popBox .entrySec h2{ text-align:center; font-size:1.5rem; font-weight:500; color:#333;}
#popBox .entrySec h2 strong{ font-size:2rem; color:#E3007F;}
#popBox .recruitBox,
#popBox .internBox{ margin: 1.5em 0; text-align:center;}

#popBox #recruit2025{ text-align:center; margin: 2em 0;}

#popBox #recruit2025 .recruitEntry{ padding: 1em;}
#popBox #recruit2025 .recruitEntry div{ margin-bottom:1em;}
#popBox #recruit2025 .recruitEntry li{ width: 28%;}
#popBox #recruit2025 .recruitEntry li a{ font-size: 80%; line-height: 2em;}
#popBox #recruit2025 .recruitEntry li a span{ font-size: 1.5rem;}
#popBox .footerBox h3{ color: #413957; display:inline-block; }


/* 641px以上／950px以下*/
@media screen and (min-width:641px) and (max-width:950px){
	/* ポップアップ対象 */
	.mfp-open{ overflow:hidden; position:relative;}
	.mfp-open body{ overflow:hidden;}
	#popBox .popSecBox{ width:100%; height:100%; background:#fff;}
	#popBox .mfp-close{ position:fixed; top:0; right:0; margin:0; background:url(/images/renewal2020/popup/btn_close_jmk.png) no-repeat center/cover;}
	.mfp-open .mfp-container{ padding:0;}
	.mfp-fade.mfp-wrap.mfp-ready .mfp-content{ height:100%; overflow-y:scroll;}
	
	#popBox .gridBox{
		padding:0 0 0 0;
		display:block;
	}
	#popBox .gridBox *{ margin:0; padding:0; height:auto;}
	#popBox .gridBox > *{ border:none; margin:0 0 0 0;}
	#popBox .popInSecBox{ padding:5%;}
	
	#popBox .mainContentsBox h2{ font-size:1rem;}
	#popBox .mainContentsBox h2 strong{ font-size:1.5rem;}
	#popBox .mainContentsBox p.aboutText{ text-align:left;}
	#popBox .mainContentsBox .movieBox{ padding:0;}
	#popBox .mainContentsBox .movieBox p.catchcopy{ font-size:0.875rem;}
	#popBox .footerBox .recruitEntry{ padding:5% 0;}
	#popBox .footerBox .recruitEntry ul{ max-width:100%;}
	#popBox .footerBox .recruitEntry li{ width:46%; margin:0 2%; font-size:0.75rem;}
	#popBox .footerBox .recruitEntry li a span{ font-size:1.25rem;}
}