@charset "utf-8";
/*
// Common
// /ad/as/static/css/style.css
// ====================================================================*/
.sp,
br[sp] {
  display: block;
}
.pc,
br[pc] {
  display: none;
}
img {
  max-width: 100%;
}
section .wrap,
section.wrap {
  width: 100%;
  padding: 13vw 0;
}
section .lead-section{
	font-size: 1.25rem;
	margin-top: 6.6667vw;
	padding: 0 6.6667vw;
}
.text{
	font-size: 1.25rem;
}
.note{
  padding:3.3333vw 6.6667vw;
  margin-top: 0;
  font-size: 1rem;
}

/*
// Header
// /ad/as/static/css/style.css
// ====================================================================*/
header {
  position: relative;
  height: 50px;
  display: none;
}
.header_inner {
  padding: 12px 12px 10px 12px;
}
.header_inner .wrap {
  max-width: 100%;
}
header h1 {
  float: none;
  text-align: center;
  line-height: 1;
}
header h1 img {
  height: 27px;
}
.cp {
  padding-right: 12px;
  padding-left: 12px;
}
/*
// CTA
// ====================================================================*/
.cta.wrap {
  background: scroll url("/ad/as/static_index2/imgs/cta-bg.png") repeat 0 0 / 5px 5px;
  padding: 6.6667vw;
}
.cta .title-cta{
	margin-bottom: 0;
}
.cta .cta-request {
  margin-right: 0;
}
/*
// Billboard
// ====================================================================*/
#billboard {
  padding-top: 0;
}
#billboard .hero {
  height: 124vw;
  background: scroll url("/ad/as/static_index2/imgs/cta-bg.png") repeat 0 0 / 5px 5px;
}
#billboard .note {
  padding-right: 12px;
  padding-left: 12px;
  font-size: 1rem;
  text-align: left;
}
#bg-movie .dummy {
  transform: translateY(80%);
}

#bg-movie video{
	object-fit:contain;
	-o-object-fit:contain;
	top:4.27vw;
}

/*
// Intro
// ====================================================================*/
#intro.wrap {
  padding-top: 20px;
  padding-bottom: 0;
}
/*
// Navigation
// ====================================================================*/
nav {
  width: 100%;
  margin: 0;
}
nav ul li {
  width: 50%;
}
/*
// Performance
// ====================================================================*/
#performance .inner {
  width: 100%;
}
#performance .title-section img{
	width: 82.8vw;
}
#performance .image{
	margin-top: 6.6667vw;
}

/*
// Compare
// ====================================================================*/
#compare .inner {
  width: 100%;
}
#compare .title-section img{
	width: 82.13vw;
}
#compare .scroll-table{
	margin-top: 6.6667vw;
	padding: 0 6.6667vw;
}
#compare .scroll-table table{
	font-size: 1.25rem;
}

/*
// Asking
// ====================================================================*/
#asking .types {
  width: 100%;
  flex-direction: column;
  margin-top: 6.6667vw;
}
#asking .types img{
	width: 86.6667vw;
	margin: 0 auto 6.6667vw auto;
}
#asking .title-section img{
	width: 85.8vw;
}
#asking .answer{
	margin-top: 6.6667vw;
}
#asking .answer img{
	width: 83.2vw;
}
#asking .text{
	margin-top: 6.6667vw;
	padding: 0 6.6667vw;
	font-size: 1.25rem;
}
/*
// reason
// ====================================================================*/
#reason .title-section img{
	width: 85.06vw;
}

#reason .block-reason {
  width: 86.6667vw;
  margin: 6.6667vw auto 0 auto;
  padding: 6.6667vw;
}
#reason .block-reason .title-reason{
	margin-bottom: 3.3333vw;
}
#reason .block-reason .image{
	margin-bottom: 3.3333vw;
}
#reason .block-reason .images img{
	margin-bottom: 3.3333vw;
}
#reason .text{
	padding: 0;
}
#reason02 .images {
  flex-direction: column;
}
#reason02 .text{
	margin-top: 0;
}
#reason02 .text .note{
	padding:3.3333vw 0 0 0;
	font-size: 1rem;
}
#reason03 .movie {
  width: 100%;
  text-align: center;
}
#reason03 .movie > span{
	text-align: center;
	padding-top: 49.5%;
}
#reason03 .movie iframe {
  width: 100%;
  text-align: center;
}
#reason03 .text{
	margin-top: 3.3333vw;
}
/*
// Flow
// ====================================================================*/
#flow .title-section img{
	width: 81.73vw;
}
#flow .inner {
  width: 100%;
  flex-direction: column;
  margin-top: 6.6667vw;
}
#flow .chart {
  width: 86.6667vw;
  margin: 0 auto;
}
#flow .steps {
  display: none;
}
/*
// Review
// ====================================================================*/
#review.wrap {
  width: 100%;
}
#review .title-section img{
	width: 73.33vw;
}
#review .image{
	margin-top: 6.6667vw;
	padding: 0 6.6667vw;
}
#review .inner {
  flex-direction: column;
}
#review .block-review {
  width: 86.6667vw;
  margin: 3.3333vw auto 0 auto;
  padding: 3.3333vw;
}
#review .block-review:nth-child(1){order:1;}
#review .block-review:nth-child(2){order:2;}
#review .block-review:nth-child(3){order:4;}
#review .block-review:nth-child(4){order:3;}
#review .block-review:nth-child(5){order:5;}
#review .block-review:nth-child(6){order:6;}
#review .block-review:nth-child(7){order:8;}
#review .block-review:nth-child(8){order:7;}
#review .block-review:nth-child(9){order:9;}
#review .block-review:nth-child(10){order:10;}
#review .block-review:nth-child(11){order:11;}
#review .block-review:nth-child(12){order:12;}

#review .block-review.female{
	background: #f1efec url('/ad/as/static_index2/imgs/review-female.png') no-repeat 3.3333vw center;
	background-size: 15vw 15vw;
}
#review .block-review.male{
	background: #f1efec url('/ad/as/static_index2/imgs/review-male.png') no-repeat 3.3333vw center;
	background-size: 15vw 15vw;
}
#review .block-review p{
	font-size: 1.25rem;
	margin: 0 0 0 18vw;
}
/*
// Review2
// ====================================================================*/

#review2 .title-section img{
	width: 73.33vw;
}

#review2-carousel {
  margin-top: 6.6667vw;
}
#review2-carousel .card {
  width: 80vw;
  margin: 0 2vw;
}
#review2-carousel .number-list__ttl{
	font-size: 1.1rem;
}
#review2-carousel .number-list .list_item .number-list__cont .lg{
	font-size: 2rem;
}
#review2-carousel .copy{
	padding: 8vw 10vw;
}
#review2-carousel .card .copy{
	min-height: 43vw;
}
#review2-carousel .profile-info__other{
	margin-top: 1.6667vw;
}
#review2-carousel .profile-info__name span{
	font-size: 2rem;
	line-height: 3rem;
}
#review2-carousel .profile-info__age span{
	line-height: 2.5rem;
}
#review2-carousel .profile-info .txt-area .type{
	font-size: 1.1rem;
}
#review2-carousel .stories-list__item{
	font-size: 1.25rem;
}
#review2-carousel .profile-info__other{
	margin-top: 0;
}
#review2-carousel .profile-info__other li,
#review2-carousel .profile-info__other li:last-child{
	display: inline;
	font-size: 1.1rem;
	line-height: 1.5rem;
}
#review2-carousel .copy,
#review2-carousel .copy strong{
	line-height: 1.75rem;
}
/*
// Price
// ====================================================================*/
#price.wrap {
  width: 100%;
}
#price .title-section img{
	width: 73.33vw;
}
#price .courses,
#price .under29 {
  flex-direction: column;
  margin-top: 6.6667vw;
  width: 100%;
  text-align: center;
}
#price .under29{
	margin-top: 0;
}
#price .courses img,
#price .under29 img{
	width: 86.6667vw;
	margin: 0 auto 6.6667vw;
}
#price .under29 img{
	margin-bottom: 0;
}
#price .note{
	margin-top: 0;
	padding: 3.3333vw 6.6667vw;
}
/*
// Guarantee
// ====================================================================*/
#guarantee .title-section img{
	width: 73.33vw;
}
#guarantee .inner {
  width: 100%;
}
#guarantee .image{
	margin-top: 6.6667vw;
}
/*
// Shop
// ====================================================================*/
#shop .title-section img{
	width: 73.33vw;
}
#shop .image{
	margin: 6.6667vw 6.6667vw 3.3333vw 6.6667vw;
}
#shop .block-area {
  width: 86.6667vw;
  margin: 0 auto;
  font-size: 1.25rem;
  padding: 3.333% 0;
}
#shop .block-area .list-area li{
	margin-bottom: 0;
}
#shop .block-area .title-area{
	width: 33%;
	font-weight: bold;
}
/*
// Footer (changed section07 -> section10)
// ====================================================================*/
#footer {
	margin-top: 20vw;
}
#footer .wrap {
  width: 100%;
  padding: 3.3333vw;
}
#footer dl {
  padding-bottom: 3.3333vw;
}
#footer .footer {
  padding-bottom: 6.6667vw;
}
#footer .footer ul {
  padding-bottom: 12px;
}
#footer .footer li {
  font-size: 1.2rem;
  line-height: 1.66;
  text-align: left;
  padding-bottom: 0;
  margin-right: 10px;
}
#footer .footer ul:nth-child(2) li:nth-child(3) {
  clear: left;
}