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

.popup {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  opacity: 0;
  visibility: hidden;
  transition: .6s;
}
.popup.is-show {
  opacity: 1;
  visibility: visible;
} 
.popup-inner {
    position: absolute;
    left: 50%;
    top: 40%;
    transform: translate(-50%,-50%);
    width: clamp(96%,80%,70%);
    /* max-width: 600px; */
    /* padding: 50px; */
    /* background-color: #fff; */
    z-index: 2000010020;
}
.popup-inner img {
  width: 100%;
}
.close-btn {
  position: absolute;
  right: 0;
  top: 0;
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  cursor: pointer;
}
/*.close-btn i {
  font-size: 20px;
  color: #333;
}*/
.black-background {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,.7);
  z-index: 1;
  cursor: pointer;
   z-index: 2000010010;
}

/*************************************/
/*btn Close
-------------------------------------*/
a .js-close-btn2in {
  display: inline-block;
  text-decoration: none;
  color: #0b3c5d;
  width: 33px;
  height: 33px;
  line-height: 1.3;
  border-radius: 100px;
  font-weight: bold;
  margin:auto;
  font-size:24px;
  position:absolute;
  top:-38px;
  right:0px;
  text-align:center;
  background-color:#fff;
}
.wrap_entry {
  /*height: 100vh;
  width: 100vw;
  overflow:hidden;*/
  position:relative;
}
.close_btn-n {
 position:absolute;
 top:0;font-size:15px;
 right:-2em;color:#FFF;opacity: .6;
}

/* PC
-------------------------------------------*/
@media screen and (min-width:768px){
.popup-inner {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
	max-width: 500px;
}

.entry_content {
  text-align: center;
  background-color: rgba(255,255,255,1);
  margin: 0 auto;
  border: 1px solid #0041AB;
  border-radius: 4px;
  position: relative;
  /*padding: 1.2em .5em 1.0em;*/
  min-height:320px;
  height:auto;
}
 .entry_content h1 {
  font-size:1.8em;
  letter-spacing: 0.05em;
  font-weight:normal;
  line-height:1.1;
}
/*  .entry_content p {
    font-size:14px;
    line-height:1.6;
    margin-bottom:.9em;
  }*/
  

.entry_content > p {
  font-size:15px;
  line-height:1.5;
  margin:.5em 63px .6em;
  text-align:justify;
}
 .button_area{
		margin: 20px;
	}
ul.button_area {
  display: flex;
 justify-content: center;
 align-items: flex-end;
}

ul.button_area li {
  align-self:flex-start;
}
ul.button_area li p{
  margin:1em auto .5em;
  padding:0 .5em;
  width:290px;
  text-align:justify;
  line-height: 1.5;
  font-size:15px;
}

ul.button_area li span {
  display:block;
  font-size:12px;
  line-height:1;
  /*letter-spacing: normal;*/
}

.button_enter,
a.button_enter {
  width:290px;
  font-size: 1.4rem;
  font-weight: normal;
  line-height: 1.5;
  position: relative;
  display: inline-block;
  padding: .8em 1em .7em;
  cursor: pointer;
  user-select: none;
  transition: all 0.1s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  color: #fff;
  border-radius: 100px;
  margin:0 .4em;
  }

/* color */
a.button--sitecolor {
  color: #fff;
  font-size:20px;
  background-color: #f20544;
  border-bottom: 3px solid #8d0e0e;
}
a.button--sitecolor:hover {
  /*margin-top: 1px;*/
  color: #fff;
  background-color: #ff0a4d;
  border-bottom: 2px solid #8d0e0e;
  opacity: .8;
 transform: translateY(1%)
}
.logo img {
    width: 100%;
}
.logo {
    width: 250px;
    margin: 20px auto 30px;
}
	
/* PC SP 表示
------------------------*/
.is-sp {
  display: none;
}
.is-pc {
  display: block;
}
}

/**********************************************************/ 
@media screen and (max-width:767px){
/* SP
----------------------------------*/
.popup-inner {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
	width: 80%;
}
.entry_content {
  text-align: center;
  background-color: rgba(255,255,255,1);
  margin: 0 auto;
  border: 1px solid #003A9A;
  border-radius: 4px;
  position: relative;
  /*padding: 20px;*/
  /*min-height:auto;*/
  height:auto;
}
.entry_content h1 {
  font-size:1.8em;
  font-weight:normal;
 line-height: 1.4;
  margin:.6em 0 0;;
 padding:0;
  }
.entry_content > p {
  font-size:.9em;
  line-height:1.6;
  /*margin:.5em 2em .3em;*/
  margin:.5em .8em .3em;
  /*margin:.5em 34px .3em;*/
  text-align:justify;
}
/* br 調整　*/
.entry_content p span {
  display:inline-block;
  margin-left:-.3em;
}
.button_area{
	margin: 10px 20px;
	}
ul.button_area {
 display: flex;
 justify-content: center;
 align-items: flex-end;
flex-direction: column;
}
ul.button_area li {
 marign:0;
 padding:0;
align-self:flex-start;
flex-basis: 100%;
width:100%;
}
.button_area li p{
  margin:1.1em 0 0 !important;
  padding:0 !important;
  /*width:250px;*/
  text-align:left !important;
  line-height: 1.5 !important;
  font-size:1.0em !important;
}
ul.button_area li span {
  display:block;
  font-size:10px;
  line-height:1;
  letter-spacing: normal;
}

.button_enter,
a.button_enter {
  min-width:7.3em;
  width:100%;
  font-size: 1.4em;
/*  font-weight: bold;*/
  line-height: 1.5;
  position: relative;
  display: inline-block;
  padding: .6em .4em .5em;
  cursor: pointer;
  user-select: none;
  transition: all 0.1s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  color: #FFF;
  border-radius:100px;
  margin:.2em auto;
  font-weight:normal;
  }
a.button--sitecolor {
  color: #fff;
  background-color: #f20544;
  border-bottom: 3px solid #8d0e0e;
	font-weight: bold;
}
a.button--sitecolor:hover {
  color: #fff;
  background-color: #ff0a4d;
  border-bottom: 2px solid #8d0e0e;
  opacity: .8;
 transform: translateY(1%)
}
.logo img {
    width: 100%;
 margin:0;
 padding:0;
}
.logo {
    width: 165px;
    margin: 0 auto .5em;
 
}


}