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


/*_______________________________________

            3周年記念追記追記
_________________________________________
*/
.event{
margin-top: 104px;
}
@media (max-width: 1127px) {
.contents-list__item {
    margin-top: 48px;
  }
  }
@media (max-width: 640px) {
.contents-list__item {
    flex-direction: column;
  }
}
.event_cast__textArea{
      width: 768px;
  margin-left: 72px;
  vertical-align: top;
}

@media (max-width: 1127px) {
	  .event_cast__textArea {
    width: 408px;
    margin-left: 45px;
    text-align: justify;
    text-align-last: left;
  }
}
@media (max-width: 640px) {
 .event_cast__textArea {
    width: 100%;
    margin: 24px 0 0;
  }
}
@media (max-width: 640px) {
  .event_textArea {
    width: 100%;
    margin: 24px 0 0;
  }
}
.event_cast__imageArea{
    width: 360px;
}
@media (max-width: 640px) {
.event_cast__imageArea{
    width: 100%;
}
}
.event_cast__heading{
padding: 0 0 4px;
    font-size: 3.2rem;
    font-weight: 600;
    line-height: 1.34;
}
@media (max-width: 640px) {
.event_cast__heading{
    font-size: 2rem;
    line-height: 1.6;
  }
}
.campaign {
  margin-top: 30px;
  padding: 48px;
  border:2px solid #d8d8d8;
  text-align: center;
}
.campaign__title {
  font-size: 1.8rem;
  line-height: 1.34;
}
.campaign__text {
  margin-top: 12px;
  margin-bottom: 24px;
  font-size: 3.2rem;
  font-weight: 600;
  line-height: 1.34;
}
.campaign__notice {
  margin-top: 4px;
  font-size: 1.6rem;
  line-height: 1.5;
}
.campaign__buttonArea {
  display: flex;
  margin-top: 24px;
  justify-content: center;
  align-items: center;
}
.campaign__button {
  margin: 0 12px;
}
.campaign a{
background-color: #000000; 
border: #000000 solid 1px;
}

@media (max-width: 1127px) {
  .campaign__button {
    margin: 0 6px;
  }
  .campaign__text {
    font-size: 2.8rem;
  }
  .campaign__buttonArea {
    margin-top: 24px;
	}
}
.notes-list__title{
font-size: 16px;
font-weight: 600;
margin-top: 32px;
}

	.fee {
		width: 440px;
		border: 1px solid #E8E8E8;
		margin: 32px auto 30px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		padding: 24px 5px;
		text-align: center
	}
@media (max-width: 600px) {
	.fee {
		width: 280px;
	}
}
	.fee span:first-child {
		margin: 0 15px 0 0;
		font-size: 1.4rem;
	}

	.fee span:nth-child(2),
	.fee span:last-child {
		font-size: 1.8rem;
		margin: 0 25px 0 0;
	}

	.fee span:last-child {
		margin: 0;
		font-size: 2.0rem;
		font-weight: 700;
		color: #f48600;
	}
@media (max-width: 600px) {
	.fee span:last-child {
		font-size: 1.8rem;
	}
}
.fee span
	{
		font-size: 1.4rem;
	}	
.fee span:nth-child(2)::after {
		content: "→";
		font-size: 1.8rem;
		font-weight: 700;
		right: -23px;
	}
.campaing-price__inner{
margin: auto;
max-width: 983px;
}
.campaing-price__inner img{
width: 100%;
margin: auto;
}
.campaign-price__text{
text-align: center;
font-size: 3.8rem;
font-weight: 700;
color: #003e70;
margin: 24px auto;
}
.campaign-price__subtext{
text-align: center;
font-size: 1.6rem;
line-height: 1.5;
}
.campaign-price__subtext a{
font-weight:700;
text-decoration-line: underline;
}
.price__buttonArea__botomm{
margin-top: 24px;
text-align: center;
color: #003e70;
font-weight: 700;
font-size: 2.0rem;
text-decoration-line: underline;
}
.twomonth_campaign{
margin: 32px auto;
font-weight: 700;
font-size: 1.6rem;
line-height: 1.8;
}
.twomonth_campaign-emphasis{
color: #f48600;
font-size: 2.0rem;
}

@media (max-width: 640px) {
.pc-only{
display: none;
}
}
@media (min-width: 640px) {
.sp-only{
display: none;
}
}
.design01 {
max-width: 600px;
 width: 100%;
 border-collapse: collapse;
 border-spacing: 0;
color: #000000;
text-align: center;
margin: auto 16px; 
font-size: 1.2rem;
}
.design01 th {
 padding: 10px;
 background: #dddddd;
 border: solid 1px #000000;
text-align: center;
}
.design01 td {
 padding: 10px;
 border: solid 1px #000000;
background: #ffffff;
}
.hero__buttonArea a,
.price__buttonArea a{
position: relative;
}

/*.hero__buttonArea a:after,
.price__buttonArea a:after{
        content: "";
        background: url("../img/ic_arrow_right.svg") no-repeat;
        -webkit-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        width: 12px;
        height: 16px;
        position: absolute;
        right: 6%;
        top: 36%;
    
}
@media (max-width: 640px) {
	.hero__buttonArea a:after,
.price__buttonArea a:after{
        width: 8px;
        height: 10px;
    
}
}*/
.header__btn{
background-color: #f48600;
padding: 2px 2px 2px;
font-weight: 600;
}
@media (min-width: 640px) {
.header__btn{
padding: 8px 16px;
font-size: 1.8rem!important;
}
}

/*
=============================
　　　　20241022/ 追記
=============================
*/

.hero__Image-campaign img{
margin-top: 40px;
max-width: 440px;
}
@media (max-width: 640px) {
.hero__Image-campaign img{
margin-top: 40px;
max-width: 440px;
}
}
.hero {
    display: flex;
    width: 100%;
    height: 720px;
    justify-content: center;
    flex-direction: column;
    background-color: #000;
    background-image: url(../img/index_mv_01.jpg);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
    color: #fff;
    text-align: center;
    padding-bottom: 24px;
}
@media (max-width: 1000px) {

  .hero {
    height: 720px;
  }
	}
@media (max-width: 640px) {

  .hero {
    height: 134vw;
  }
	}
@media (max-width: 640px) {
    .hero__logo {
        width: 75vw;
        margin: 8vw auto 0;
    }
}

.video{
margin: auto;
position: relative;
	width: 100%;
	height: 212px;
	}
.video video{
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
}
@media screen and (min-width: 414px) {
.video{
	width: 390px;
	height: 220px;
	margin: auto;
	}
}
@media screen and (min-width: 768px) {
.video{
position: relative;
	width: 669px;
	height: 402px;
	
	margin: auto;
	}
.video video{
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
}
}
.introduction {
    position: relative;
    margin-top: 95px;
    padding-bottom: 136px;
    text-align: center;
}
@media (max-width: 640px) {
    .introduction {
        margin-top: 15.5vw;
        padding: 0 24px 72px;
    }
}
.video__bottominner{
margin-top: 16px;
font-size:1.4rem;
}
@media screen and (min-width: 768px) {
.video__bottominner{
margin-top: 16px;
font-size: 2.0rem;
}
}
.event__text,.event__text + .event__text{
margin-top: 16px;
}

@media (min-width: 640px) {
.flex__wrap{
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
}
.event__text + .event__text{
margin-left: 16px;
}
}