@charset "utf-8";

/*-----------------------
common
-----------------------*/
img {
  max-width: 100%;
  vertical-align: bottom;
}
.mainContens figure {
    margin: 0;
}
.sp_none {
  display: none !important;
}

/*-----------------------
.kvArea
-----------------------*/
.kvArea {
  width: 100%;
  padding: 0 8.15%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 10px;
}

.kvArea h1 {
  margin-bottom: 42px;
}
.kvArea h1 + p {
  line-height: 1.8;
  margin-bottom: 56px;
}



/*-----------------------
.inContents_inner
-----------------------*/
.inContents_inner {
  width: 100%;
  padding: 0 8.15%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}


h2.main_headding {
  font-size: 20px;
  font-weight: bold;
  padding: 3px 0 3px 20px;
  border-left: 4px solid #666;
  margin: 30px 0 40px;
  line-height: 1.2;
  text-align: left;
}

.col1 > p {
  font-size: 16px;
}
.col1 > p {
  margin-bottom: 7.8125%;
  font-size: 100%;
}
.col1 {
  margin-bottom: 8.625%;
}



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


  .kvArea {
    padding: 0;
  }

  .inContents_inner {
    padding: 0;
  }

  h2.main_headding {
    font-size: 16px;
    padding: 1px 0 1px 4% !important;
    margin: 30px 0;
    line-height: 1.5;
  }

}



/*-----------------------
.soon
-----------------------*/
.soon {
  text-align: center;
}

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

  .soon {
    margin: 0 auto 70px;
  }
  .soon strong {
    font-size: 18px;
  }


}

@media only screen and (min-width:640px) {

  .soon {
    margin: 0 auto 70px;
  }
  .soon strong {
    font-size: 22px;
  }

}


/*-----------------------
live_wrap
-----------------------*/
.live_wrap .apply_button {
  text-align: center;
  margin-top: 40px;
  margin-bottom: 60px;
}

.live_wrap .apply_button a {
  border: 1px solid #b5b3b3;
  box-sizing: border-box;
  display: inline-block;
  line-height: 1;
  width: 380px;
  padding: 30px 23px 25px;
  font-size: 14px;
}

.live_wrap .apply_button a:after {
  content: url("/commonrw/images/icon_window.png");
  float: right;
}

.live_wrap .apply_button a:hover {
  background: #ebebeb;
  color: #666;
}

.live_wrap .video_wrap {}
.live_wrap .video_wrap iframe {
  aspect-ratio: 1 / 0.563;
  width: 100%;
  height: auto;
}
.live_wrap > p {
  font-size: 16px;  
  margin-bottom:30px;
}

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

  .live_wrap > p {
    font-size: 14px;
    line-height: 1.4;  
    margin-bottom:30px;
  }


  .live_wrap .apply_button {
    margin-top: 9%;
    margin-bottom: 16%;
  }

  .live_wrap .apply_button a {
    width: 90%;
    line-height: 1.4;
    padding: 6% 10%;
    position: relative;
  }
  .live_wrap .apply_button a span {
    display: inline-block;
  }
  .live_wrap .apply_button a:after {
    position: absolute;
    right: 1em;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
  }

  .profile {
    padding: 20px 30px;
  }
}





/*-----------------------
.buy-col
-----------------------*/
.buy-col {
  border-top: 2px solid #cdcdcd;
}
.buy-col ul li {
	list-style-type: disc;
	list-style-position: inside;
}

.buy-col .button-area {
	display: block !important;
	background-color:transparent ;
}

.buy-col .button-area a {
	position: relative;
  width: 100%;
  display: block;
	box-sizing: border-box;
	text-decoration: none !important;
	background-color: #6e7175;
	color: #fefefe;
}
.buy-col .button-area a:hover {
	opacity: 0.8;
}
.buy-col .button-area a:before {
	content: "";
  background-image: url(../../../commonrw/images/icn_arrow_r_w.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	position: absolute;
	margin: auto;
	top: 0;
	bottom: 0;
}
.buy-col .button-area a span {
  text-align: left;
  display: block;
}

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

  .buy-col {
    padding-top: 10%;
    /*margin: 20% auto 30%;*/
    margin: 20% auto 5%;
  }
	.buy-col .buy-ttl {
		font-size: 16px;
    margin-bottom: 6%;
	}
	.buy-col ul li {
    font-size: 14px;
    line-height: 1.8;
    text-indent: -1.25em;
    padding-left: 2em;
    margin-bottom: 2%;
  }
	.buy-btn {
		margin-top: 5%;
	}
	.buy-col .button-area a {
		font-size: 16px;
		width: 100%;
		padding: 0 55px 0 20px;
	}
	.buy-col .button-area a:before {
		width: 17px;
		height: 17px;
		right: 26px;
	}
	.buy-col .button-area a span {
		height: 50px;
		line-height: 50px;
	}

}

@media only screen and (min-width:640px) {

  .buy-col {
    padding-top: 46px;
    /*margin: 122px auto 156px;*/
    margin: 122px auto 0px;
  }
	.buy-col .bodycopy {
    padding-left: 2.8%;
  }
	.bodycopy .buy-ttl {
		font-size: 20px;
    margin-bottom: 22px;
	}
	.buy-col ul li {
    font-size: 14px;
    line-height: 1.8em;
  }

  .buy-col .button-content {
    margin-top: 30px;
  }
	.buy-btn {
		margin-top: 16px;
	}
  .buy-col .button-area a {
		font-size: 14px;
		padding: 0 55px 0 20px;
	}
	.buy-col .button-area a:before {
		width: 17px;
		height: 17px;
		right: 26px;
	}
	.buy-col .button-area a span {
		height: 40px;
		line-height: 40px;
	}

}






/*-----------------------
#profile
-----------------------*/
.profile {
  background: #eaeaea;
  padding: 15px 25px 25px;
  margin-top: 40px;
}

.profile_inner {
  position: relative;
}

.profile_right {
  width: 160px;
  height: 220px;
  position: absolute;
  top: 10px;
  right: 0;
  overflow: hidden;
}

.profile_left {
  min-height: 160px;
  padding-right: 176px;
  position: relative;
}

.profile_right img {
  position: absolute;
  width: 320%;
  top: 0;
  right: -175px;
  max-width: none;
}

.profile_left dt {
  height: 40px;
}

.profile .profile_left dt img {
  width: 320px;
  vertical-align: bottom;
}

/*-----------------------
interview
-----------------------*/
.interview_h2 {
  font-size: 20px;
  font-weight: bold;
  padding: 20px 0;
  border-top: 1px #666 solid;
  border-bottom: 1px #666 solid;
  margin: 60px 0 0;
}

.main_headding {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 20px;
  line-height: 1.8;
}

.interview_lead {
  font-size: 14px;
  line-height: 1.72;
  margin-bottom: 60px;
}

.interview_h3 {
  font-size: 14px;
  font-weight: bold;
  margin-top: 20px;
  margin-bottom: 20px;
}

.interview_name {
  font-weight: bold;
}

.interview_p {
  font-size: 14px;
  margin-top: 30px;
}

.interview_picture {
  width: 100%;
  margin: 40px 0;
}

.interview_picture02 {
  width: 100%;
  margin: 60px 0 30px;
}

.interview_p + .interview_picture {
  margin-top: 60px;
}



/*-----------------------
-sp
-----------------------*/
@media screen and (max-width: 640px) {


  /*-----------------------
    #profile-sp
    -----------------------*/
  .profile {
    padding: 0;
  }

  .profile_right {
    position: relative;
    width: 100%;
    height: 39.47vw;
    top: 0;
  }

  .profile .profile_right img {
    position: absolute;
    height: auto;
    vertical-align: bottom;
    width: 100%;
    right: 0;
    top: 0;
  }

  .profile_left {
    width: 100%;
    padding: 7% 5% 10%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }

  .profile_left dt {
    height: inherit;
    width: 100%;
  }

  .profile .profile_left dt img {
    width: 83%;
  }

  /*-----------------------
    interview-sp
    -----------------------*/
  .interview_h2 {
    font-size: 4.3vw;
    margin: 9% 0 4%;
  }

  .interview_p {
    font-size: 14px;
    margin-top: 8.5%;
  }

  .interview_picture {
    margin: 9% 0;
  }

}