@charset "utf-8";
/*******************************************/
/* Popup                                   */
/*******************************************/

/* Popup */
#MpPopup{ background:rgba(0,0,0,0.7); display:flex; justify-content:center; align-items:center; position:fixed; top:0; left:0; width:100vw; height:100vh; z-index:11; }
.MppupBox{ background:#fff; width:640px; height:380px; }
.MppupBox-inr{ padding:24px 36px; }
.MppupBox h2.MptH2-pup{ background:#0069b7; color:#fff; font-size:24px; text-align:center; margin:0; padding:24px; width:auto; height:auto; }
.MppupBox h3.MptH3-pup{ background:none; color:#333; font-size:18px; text-align:center; margin:0 0 24px; padding:0; width:auto; height:auto; }
.MppupBox .MpbtnPup{ margin:0; }
.MppupBox .MpbtnPup:nth-child(1){ float:left; }
.MppupBox .MpbtnPup:nth-child(2){ float:right; }
.MppupBox .MpbtnPup button{ background:url(../img/cmn/arrow_blue.svg) no-repeat; background-size:10px 16px; background-position:right 16px center; border:2px solid #0068b7; color:#0068b7; cursor:pointer; display:block; font-weight:bold; text-align:left; transition:ease 0.2s all; padding:0 16px; font-size:16px; line-height:44px; width:272px; height:48px; }
.MppupBox .MpbtnPup button:hover{ background-color:#0069b7; background-image:url(../img/cmn/arrow_white.svg); color:#fff; text-decoration:none; }
.MppupBox-txt1{ font-size:16px; font-weight:500; line-height:32px; margin:0 0 32px; padding-bottom:0; }
.MppupBox-btn::after{ content:""; display:block; clear:both; }


/*******************************************/
/* responsive                              */
/*******************************************/
@media screen and (max-width:767px) {
	/* Popup */
	.MppupBox{ background:#fff; width:calc(100% - 32px); height:auto; }
	.MppupBox-inr{ padding:16px; }
	.MppupBox h2.MptH2-pup{ background:#0069b7; color:#fff; font-size:2.0rem; text-align:center; padding:16px; }
	.MppupBox h3.MptH3-pup{ font-size:1.6rem; }
	.MppupBox .MpbtnPup:nth-child(1){ float:none; margin-bottom:16px; }
	.MppupBox .MpbtnPup:nth-child(2){ float:none; }
	.MppupBox .MpbtnPup button{ width:100%; }
}