.main-banner .top-center {
	position: absolute;
	width: 100%;
	margin: 0;
	padding: 0;
	top: 100px;
	left: 50%;
	transform: translateX(-50%);

	text-align: center;
	font-weight: 800;
  color: #fff100;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  line-height: 80%;
  z-index:10;
}

.main-banner .top-center .open {
font-size: 5rem;/* font-size: 100px と同等 */
margin-top: 10px;
font-family: 'Kaisei Opti', serif;
font-family: 'Rampart One', cursive;
padding: 50px 0;
background-color:rgba(75,0,130,0.9);
/*clip-path: polygon(0 0, 100% 0, 100% 61%, 0% 100%);*/
 }
 
 
@media screen and (max-width: 928px) {
.main-banner .top-center 
.open {
font-size:10rem
margin-top: 0;
padding: 10px 0;
line-height:150%;

 }
}/* ▲media screen and (max-width: 928px)終わり */


@media screen and (max-width: 798px) {


  .main-banner .top-center {
   margin: 0;
	padding: 0;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
  }
  
  .main-banner .top-center .open {
font-size:2rem;
margin: 0 0 50px 0;
padding: 10px 0;
background-color:rgba(75,0,130,0.8);
line-height:150%;
 }
  
 }/* ▲media screen and (max-width: 798px)終わり */
  

@media screen and (max-width: 480px) {



.main-banner .top-center {
width: 100%;
  margin: 0 auto;
	padding: 0 5px;
	top:10%;
	left: 50%;
}
  
.main-banner .top-center .open {
font-size:2rem;
margin: 0 0 50px 0;
padding: 10px 0;
background-color:rgba(75,0,130,0.8);
line-height:150%;
 }

  
 }/* media screen and (max-width: 480px)終わり */



/*----captionバナ2ー----*/

.main-banner .caption2 {
  text-align: center;
  position: absolute;
  width: 80%;
  left: 50%;
  top: 55%;
  transform: translate(-50%,-50%);
  margin-top:19%;
}

.main-banner .caption2 h1 {
  font-size: 2.5rem;
  text-transform: uppercase;
  font-weight: 800;
  color: #fff;
  letter-spacing: 1px;
  line-height:150%;
}

.main-banner .caption2 h1 em {
  font-style: normal;
  color: #2780ff;
  font-weight: 900;
}


.main-banner .caption2 h1.campaign_bnr img {

width:280px;
max-width: 100%;
height: auto;
margin:-10% auto 0;
padding:0;

}

.main-banner .caption2 h6 {
  margin: 0px;
  font-size: 2rem;
  /*text-transform: uppercase;*/
  font-weight: 500;
  color: #fff;
  letter-spacing: 0.5px;
}

@media screen and (max-width: 928px) {

.main-banner .caption2 {
  margin-top:25%;
}
}

@media screen and (max-width: 798px) {
main-banner .caption2 {
  text-align: center;
  position: absolute;
  width: 80%;
height:300px;
  left: 50%;
  top: 0;
  transform: translate(-50%,-50%);
 margin-top:50%;
}

.main-banner .caption2 h1.campaign_bnr img {
margin:0 auto;
padding:0;

}

 }/* ▲media screen and (max-width: 798px)終わり */
 
 @media screen and (max-width: 480px) {

.main-banner .caption2 h1.campaign_bnr img {
margin:-50% auto;
padding:0;


}
 }/* media screen and (max-width: 480px)終わり */
 
 
 
/* キャンペーン用readmoreボタン */

.main-banner .caption2 h1.campaign_bnr_readmore img {

width:280px;
max-width: 100%;
height: auto;
margin:0 auto;
padding:0;

}


@media screen and (max-width: 928px) {

.main-banner .caption2 h1.campaign_bnr_readmore img {
margin:50% auto;
padding:0;

}
 }/* media screen and (max-width: 928px)終わり */

@media screen and (max-width: 480px) {


.main-banner .caption2 h1.campaign_bnr_readmore img {
 position:  absolute; 
  margin:0 auto;
padding:0;
transform: translate(-50%,90%);
-webkit-transform: translate(-50%,90%);
}

 }/* media screen and (max-width:480px)終わり */


/*----captionバナー----*/

.main-banner .caption3 {
  text-align: center;
  position: absolute;
  width: 80%;
  height:300px;
  left: 50%;
  top: 45%;
  transform: translate(-50%,-50%);
  margin:25% auto;
}

.main-banner .caption3 h1 {
  font-size: 2.5rem;
  text-transform: uppercase;
  font-weight: 800;
  color: #fff;
  letter-spacing: 1px;
  line-height:150%;
}

.main-banner .caption3 h1 em {
  font-style: normal;
  color: #2780ff;
  font-weight: 900;
}


.main-banner .caption3 h1.campaign_bnr img {

width:280px;
max-width: 100%;
height: auto;
margin:-10% auto 0;
padding:0;

}

.main-banner .caption3 h6 {
  margin: 0px;
  font-size: 2rem;
  /*text-transform: uppercase;*/
  font-weight: 500;
  color: #fff;
  letter-spacing: 0.5px;
}

@media screen and (max-width: 928px) {

.main-banner .caption3 {
  margin-top:25%;
}
}

@media screen and (max-width: 798px) {
main-banner .caption3 {
  text-align: center;
  position: absolute;
  width: 80%;
height:300px;
  left: 50%;
  top: 0;
  transform: translate(-50%,-50%);
 margin-top:50%;
}

.main-banner .caption3 h1.campaign_bnr img {
margin:0 auto;
padding:0;

}

 }/* ▲media screen and (max-width: 798px)終わり */
 
 @media screen and (max-width: 480px) {

.main-banner .caption3 h1.campaign_bnr img {
margin:-50% auto;
padding:0;


}
 }/* media screen and (max-width: 480px)終わり */
 
 
 
/* キャンペーン用readmoreボタン */

.main-banner .caption3 h1.campaign_bnr_readmore img {

width:280px;
max-width: 100%;
height: auto;
margin:0 auto;
padding:0;

}


@media screen and (max-width: 928px) {

.main-banner .caption3 h1.campaign_bnr_readmore img {
margin:50% auto;
padding:0;

}
 }/* media screen and (max-width: 928px)終わり */

@media screen and (max-width: 480px) {


.main-banner .caption3 h1.campaign_bnr_readmore img {
 position:  absolute; 
  margin:0 auto;
padding:0;
transform: translate(-50%,90%);
-webkit-transform: translate(-50%,90%);
}

 }/* media screen and (max-width:480px)終わり */
 
 
 *----captionバナ4ー----*/

.main-banner .caption4 {
  text-align: center;
  position: absolute;
  width: 80%;
  left: 50%;
  top: 55%;
  transform: translate(-50%,-50%);
  margin-top:19%;
}

.main-banner .caption4 h1 {
  font-size: 2.5rem;
  text-transform: uppercase;
  font-weight: 800;
  color: #fff;
  letter-spacing: 1px;
  line-height:150%;
}

.main-banner .caption4 h1 em {
  font-style: normal;
  color: #2780ff;
  font-weight: 900;
}


.main-banner .caption4 h1.campaign_bnr img {

width:280px;
max-width: 100%;
height: auto;
margin:-10% auto 0;
padding:0;

}

.main-banner .caption4 h6 {
  margin: 0px;
  font-size: 2rem;
  /*text-transform: uppercase;*/
  font-weight: 500;
  color: #fff;
  letter-spacing: 0.5px;
}

@media screen and (max-width: 928px) {

.main-banner .caption4 {
  margin-top:25%;
}
}

@media screen and (max-width: 798px) {
main-banner .caption4 {
  text-align: center;
  position: absolute;
  width: 80%;
height:300px;
  left: 50%;
  top: 0;
  transform: translate(-50%,-50%);
 margin-top:50%;
}

.main-banner .caption4 h1.campaign_bnr img {
margin:0 auto;
padding:0;

}

 }/* ▲media screen and (max-width: 798px)終わり */
 
 @media screen and (max-width: 480px) {

.main-banner .caption4 h1.campaign_bnr img {
margin:-50% auto;
padding:0;


}
 }/* media screen and (max-width: 480px)終わり */