@charset "UTF-8";

/* container */
#container{
	background: #f2ede3;
}

/* main */
#main{
  padding: 85px 40px 100px;
  text-align: center;
}
#main h1{
  font-size: 36px;
  line-height: 1.2;
  font-family: 'Cormorant Garamond', serif;
  font-weight: normal;
  opacity: 0;
  transform: translate(0px,30px);
  transition: opacity 1s, transform 1s;
}
#main.fade h1{
  opacity: 1;
  transform: translate(0px,0px);
}
#main p{
  font-size: 15px;
  line-height: 2;
  margin-top: 10px;
  opacity: 0;
  transform: translate(0px,30px);
  transition: opacity 1s .4s, transform 1s .4s;
}
#main.fade p{
  opacity: 1;
  transform: translate(0px,0px);
}
@media screen and (max-width: 750px){
  #main{
    padding: 40px 15px;
  }
  #main h1{
    font-size: 26px;
  }
  #main p{
    font-size: 13px;
    margin-top: 5px;
  }
}

/* contents */
#contents{
	padding-bottom: 80px;
}
section{
	margin: 120px auto 0;
}
section h2{
	font-size: 15px;
	line-height: 1.75;
  font-weight: normal;
}
section h2 span{
	display: block;
  font-size: 28px;
  line-height: 1.2;
  font-family: 'Cormorant Garamond', serif;
  font-weight: normal;
}
section h2 + p{
	font-size: 12px;
	line-height: 1.75;
}
@media screen and (max-width: 750px){
	#contents{
		padding-bottom: 40px;
	}
	section{
		margin: 60px auto 0;
	}
	section h2{
		font-size: 13px;
	}
	section h2 span{
		font-size: 20px;
	}
	section h2 + p{
		font-size: 11px;
	}
}

/* what */
#what{
	max-width: 1440px;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	background: #fff;
}
#what::before{
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
  top: 50%;
  left: 50%;
	background: url(/data/wp-content/uploads/2020/01/premiere_lead_bg.jpg) no-repeat center;
	background-size: cover;
  opacity: 0;
  transform: translate(-50%,-50%) scale(1.2);
  filter: brightness(200%);
  transition: opacity 1s, transform 7s ,filter 1s;
}
#what.fade::before{
  opacity: 1;
  transform: translate(-50%,-50%) scale(1);
  filter: brightness(100%);
}
#what .inner{
	position: relative;
	margin-left: 50%;
	display: table;
	width: 50%;
	min-height: 400px;
	text-align: left;
}
#what .inner .txt{
	display: table-cell;
	vertical-align: middle;
	padding: 20px 60px 20px 110px;
  opacity: 0;
  transition: opacity 1s 1s;
}
#what.fade .inner .txt{
	opacity: 1;
}
#what .inner .txt h2{
	font-size: 18px;
	line-height: 1.5;
	margin-bottom: 40px;
}
#what .inner .txt p{
	font-size: 15px;
	line-height: 2;
}
@media screen and (max-width: 980px){
	#what .inner .txt{
		padding: 20px 60px;
	}
}
@media screen and (max-width: 750px){
	#what{
		padding-top: 300px;
	}
	#what::before{
		height: 300px;
		top: 0;
		transform: translate(-50%,0%) scale(1.2);
		background: url(/data/wp-content/uploads/2020/02/premiere_lead_bg_sp.jpg) no-repeat center;
		background-size: cover;
	}
	#what.fade::before{
		transform: translate(-50%,0%) scale(1);
	}
	#what .inner{
		min-height: 0;
		width: 100%;
		margin-left: 0;
	}
	#what .inner .txt{
		padding: 20px 15px;
	}
	#what .inner .txt h2{
		font-size: 16px;
		margin-bottom: 20px;
	}
	#what .inner .txt p{
		font-size: 13px;
	}
}

/* lineup */
#lineup{
	max-width: 1380px;
	padding: 0 40px;
}
#lineup .box{
	text-align: left;
	position: relative;
	margin-top: 60px;
}
#lineup .box .imgArea{
	width: 53.07%;
	position: absolute;
	top: 0;
	z-index: 1;
	height: 390px;
	background: #fff;
}
#lineup .imgLeft .imgArea{
	left: 0;
}
#lineup .imgRight .imgArea{
	right: 0;
	transform: translate(0px,30px);
}
#lineup .box .imgArea .img{
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
}
#lineup .box .imgArea .img img{
  position: absolute;
  top: 50%;
  left: 50%;
  opacity: 0;
  transform: translate(-50%,-50%) scale(1.2);
  filter: brightness(200%);
  transition: opacity 1s, transform 7s ,filter 1s;
}
#lineup .box .imgArea .img img.h100{
  width: auto;
  max-width: none;
  height: 100%;
}
#lineup .box.fade .imgArea .img img{
  opacity: 1;
  transform: translate(-50%,-50%) scale(1);
  filter: brightness(100%);
}
#lineup .box .txtArea{
	display: table;
	background: #fff;
	min-height: 440px;
	width: 53.07%;
}
#lineup .imgLeft .txtArea{
	margin-left: 46.93%;
	transform: translate(0px,30px);
}
#lineup .box .txtArea .inner{
	display: table-cell;
	vertical-align: middle;
  opacity: 0;
  transition: opacity 1s 1s;
}
#lineup .box.fade .txtArea .inner{
	opacity: 1;
}
#lineup .imgLeft .txtArea .inner{
	padding: 40px 40px 40px 26.08%;
}
#lineup .imgRight .txtArea .inner{
	padding: 40px 26.08% 40px 100px;
}
#lineup .box .txtArea .ttlBox{
	position: relative;
	padding-left: 58px;
}
#lineup .maintenance .txtArea .ttlBox{
	padding: 0.5em 0 0.5em 58px;
}
#lineup .box .txtArea .ttlBox::before{
	content: "";
	display: block;
	width: 38px;
	height: 38px;
	position: absolute;
	top: 0.2em;
	left: 0;
}
#lineup .coating .txtArea .ttlBox::before{
	background: #a3d5c0;
}
#lineup .cleaning .txtArea .ttlBox::before{
	background: #f1e577;
}
#lineup .management .txtArea .ttlBox::before{
	background: #ecd19b;
}
#lineup .maintenance .txtArea .ttlBox::before{
	background: #A678B2;
}
#lineup .membership .txtArea .ttlBox::before{
	background: #f2c3ce;
}
#lineup .box .txtArea p{
	font-size: 14px;
	line-height: 1.5;
}
#lineup .box .txtArea p.comingsoon{
	font-size: 13px;
	line-height: 2;
	margin-top: 30px;
	margin-left: 96px;
}
#lineup .box .txtArea p.notes{
	font-size: 13px;
	line-height: 2;
	margin-left: 96px;
}
#lineup .box .txtArea h3{
	font-size: 22px;
	line-height: 1.2;
  font-weight: normal;
}
#lineup .box .txtArea h3 span{
	display: inline-block;
	vertical-align: middle;
	font-size: 11px;
	line-height: 1.1;
	padding: 2px 6px;
	border: solid 1px #000;
	margin-left: 10px;
	margin-top: -0.5em;
}
#lineup .box .txtArea dl{
	margin-left: 58px;
}
#lineup .box .txtArea dl dt{
	font-size: 16px;
	line-height: 1.5;
  font-weight: normal;
	padding-left: 36px;
	position: relative;
	margin-top: 20px;
}
#lineup .box .txtArea dl dt::before{
	content: "";
	display: block;
	width: 19px;
	height: 19px;
	position: absolute;
	top: 0.1em;
	left: 0;
}
#lineup .coating .txtArea dl dt::before{
	background: #a3d5c0;
}
#lineup .cleaning .txtArea dl dt::before{
	background: #f1e577;
}
#lineup .management .txtArea dl dt::before{
	background: #ecd19b;
}
#lineup .maintenance .txtArea dl dt::before{
	background: #A678B2;
}
#lineup .membership .txtArea dl dt::before{
	background: #f2c3ce;
}
#lineup .box .txtArea dl dd{
	font-size: 14px;
	line-height: 1.5;
  font-weight: normal;
	padding-left: 1em;
	position: relative;
	margin-top: 0.5em;
	margin-left: 36px;
}
#lineup .box .txtArea dl dd::before{
	content: "・";
	position: absolute;
	top: 0.1em;
	left: 0;
}
#lineup .box .txtArea .btn{
  width: 254px;
  font-size: 14px;
  line-height: 1.2;
  font-weight: bold;
	margin-top: 30px;
}
#lineup .box .txtArea .btn a{
  display: block;
  border: solid 1px #000;
  position: relative;
  transition: color 0s;
}
#lineup .box .txtArea .btn a:hover{
  transition: color .6s .6s;
  color: #fff;
}
#lineup .box .txtArea .btn a::before{
  content: "";
  display: block;
  width: 0;
  height: 100%;
  background: #000;
  position: absolute;
  top: 0;
  left: 0;
  transition: width .6s;
}
#lineup .box .txtArea .btn a:hover::before{
  width: 100%;
}
#lineup .box .txtArea .btn a span{
  position: relative;
  display: inline-block;
  padding: 18px 45px 18px 15px;
}
#lineup .box .txtArea .btn a::after{
  content: "";
  display: block;
  width: 21px;
  height: 11px;
  position: absolute;
  top: 50%;
  right: 14px;
  transform: translate(0%,-50%);
  margin-top: -3px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("/common/img/ico_btn_arrow.svg");
  background-size: 100% 100%;
  transition: background-image 0s;
}
#lineup .box .txtArea .btn a:hover::after{
  transition: background-image .6s .6s;
  background-image: url("/common/img/ico_btn_arrow_w.svg");
}
@media screen and (max-width: 750px){
	#lineup{
		padding: 0 15px;
	}
	#lineup .box{
		margin-top: 20px;
	}
	#lineup .box .imgArea{
		width: auto;
		position: relative;
		height: 300px !important;
	}
	#lineup .imgRight .imgArea{
		transform: translate(0px,0px);
	}
	#lineup .box .txtArea{
		width: 100%;
		min-height: 0;
	}
	#lineup .imgLeft .txtArea{
		margin-left: 0;
		transform: translate(0px,0px);
	}
	#lineup .box .txtArea .inner{
		padding: 20px !important;
	}
	#lineup .box .txtArea .ttlBox{
		padding-left: 46px;
	}
	#lineup .box .txtArea .ttlBox::before{
		width: 30px;
		height: 30px;
	}
	#lineup .box .txtArea p{
		font-size: 12px;
	}
	#lineup .box .txtArea p.comingsoon{
		font-size: 11px;
		margin-top: 15px;
		margin-left: 80px;
	}
	#lineup .box .txtArea p.notes{
		font-size: 11px;
		margin-left: 80px;
	}
	#lineup .box .txtArea h3{
		font-size: 18px;
	}
	#lineup .box .txtArea dl{
		margin-left: 46px;
	}
	#lineup .box .txtArea dl dt{
		font-size: 14px;
		padding-left: 30px;
		margin-top: 15px;
	}
	#lineup .box .txtArea dl dt::before{
		width: 16px;
		height: 16px;
	}
	#lineup .box .txtArea dl dd{
		font-size: 12px;
		margin-left: 30px;
	}
	#lineup .box .txtArea .btn{
		width: 220px;
		font-size: 12px;
		margin-top: 20px;
	}
	#lineup .box .txtArea .btn a::after{
		right: 9px;
	}
	#lineup .box .txtArea .btn a span{
		padding: 14px 38px 14px 10px;
	}
}

/* benefits */
#benefits{
	max-width: 1380px;
	padding: 0 40px;
}
#benefits .benefitsBox::after{
	content: "";
	display: block;
	clear: both;
}
#benefits .benefitsBox .inner{
	float: left;
	background: #fff;
	padding: 40px;
	text-align: left;
}
#memberBenefits{
	width: 100%;
	margin-top: 30px;
}
#enrollmentBenefits{
	width: 65.92%;
	margin-top: 30px;
	margin-right: 2.24%;
}
#referralBenefits{
	width: 31.84%;
	margin-top: 30px;
}
#benefits h3{
	font-size: 14px;
	line-height: 1.2;
  font-weight: normal;
	text-align: center;
	position: relative;
	margin-bottom: 40px;
}
#benefits h3::before{
	content: "";
	display: block;
	width: 100%;
	height: 1px;
	background: #231815;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translate(0%,-50%);
}
#benefits h3 span{
	display: inline-block;
	position: relative;
	padding: 0 0.5em;
	background: #fff;
}
#memberBenefits .benefitsBox{
	margin: 0 -40px;
}
#memberBenefits .benefitsBox::after{
	content: "";
	display: block;
	clear: both;
}
#memberBenefits .box{
	float: left;
	width: 31.84%;
	margin-left: 2.24%;
}
#memberBenefits .box:first-child{
	margin-left: 0;
	padding-left: 40px;
}
#memberBenefits .box:last-child{
	padding-right: 40px;
}
#memberBenefits .box::after{
	content: "";
	display: block;
	clear: both;
}
#memberBenefits .box .thumb{
	float: left;
	width: 100px;
	position: relative;
	overflow: hidden;
}
#memberBenefits .box .thumb::before{
	content: "";
	display: block;
	width: 100%;
	height: 0;
	padding-top: 100%;
}
#memberBenefits .box .thumb img{
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	height: 100%;
  opacity: 0;
  transform: translate(-50%,-50%) scale(1.5);
  filter: brightness(200%);
  transition: opacity 1s, transform 7s ,filter 1s;
}
#memberBenefits .cleaning .thumb img{
  transition: opacity 1s .4s, transform 7s .4s ,filter 1s .4s;
}
#memberBenefits .management .thumb img{
  transition: opacity 1s .8s, transform 7s .8s ,filter 1s .8s;
}
#memberBenefits .box.fade .thumb img{
  opacity: 1;
  transform: translate(-50%,-50%) scale(1);
  filter: brightness(100%);
}
#memberBenefits .box .txt{
	margin-left: 110px;
	margin-top: -5px;
  opacity: 0;
  transition: opacity 1s 1s;
}
#memberBenefits .cleaning .txt{
  transition: opacity 1s 1.4s;
}
#memberBenefits .management .txt{
  transition: opacity 1s 1.8s;
}
#memberBenefits .box.fade .txt{
	opacity: 1;
}
#memberBenefits .box .txt h4{
	font-size: 18px;
	line-height: 1.5;
  font-weight: normal;
	padding-left: 26px;
	position: relative;
}
#memberBenefits .box .txt h4::before{
	content: "";
	display: block;
	width: 14px;
	height: 14px;
	position: absolute;
	top: 0.3em;
	left: 0;
}
#memberBenefits .coating .txt h4::before{
	background: #a3d5c0;
}
#memberBenefits .cleaning .txt h4::before{
	background: #f1e577;
}
#memberBenefits .management .txt h4::before{
	background: #ecd19b;
}
#memberBenefits .box .txt h4 span{
	font-size: 12px;
}
#memberBenefits .box .txt p{
	font-size: 13px;
	line-height: 2;
  font-weight: normal;
	margin-left: 26px;
}
#memberBenefits .box .txt p strong{
	font-size: 40px;
	line-height: 1.4;
	color: #bca475;
  font-weight: normal;
}
#memberBenefits .management .txt p strong{
	font-size: 32px;
  font-weight: normal;
}
#memberBenefits .box .txt p .notes{
	display: block;
	font-size: 11px;
	line-height: 1.2;
	text-indent: -1em;
	margin-left: 1em;
}
#enrollmentBenefits .box::after{
	content: "";
	display: block;
	clear: both;
}
#enrollmentBenefits .box .thumb{
	float: right;
	width: 180px;
	position: relative;
	margin: 0 22.5% 0 10px;
}
#enrollmentBenefits .box .thumb::before{
	content: "";
	display: block;
	width: 100%;
	height: 0;
	padding-top: 68.8888%;
}
#enrollmentBenefits .box .thumb img{
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	height: 100%;
  opacity: 0;
  transform: translate(-50%,-50%);
  filter: brightness(200%);
  transition: opacity 1s ,filter 1s;
}
#enrollmentBenefits .box.fade .thumb img{
  opacity: 1;
  filter: brightness(100%);
}
#enrollmentBenefits .box .txt{
  opacity: 0;
  transition: opacity 1s 1s;
}
#enrollmentBenefits .box.fade .txt{
	opacity: 1;
}
#enrollmentBenefits .box .txt h4{
	font-size: 16px;
	line-height: 1.4;
  font-weight: normal;
	position: relative;
	padding-left: 24px;
	margin-bottom: 20px;
}
#enrollmentBenefits .box .txt p + h4{
	margin-top: 30px;
}
#enrollmentBenefits .box .txt h4::before{
	content: "";
	display: block;
	width: 14px;
	height: 14px;
	position: absolute;
	top: 0.2em;
	left: 0;
	background: #bca475;
}
#enrollmentBenefits .box .txt h4 strong{
	font-size: 24px;
	font-weight: normal;
	color: #bca475;
}
#enrollmentBenefits .box .txt p{
	font-size: 14px;
	line-height: 2;
}
#enrollmentBenefits .box .txt p .notes{
	display: block;
	font-size: 11px;
	text-indent: -1em;
	margin-left: 1em;
}
#referralBenefits .box .thumb{
	width: 100px;
	position: relative;
	overflow: hidden;
	margin-bottom: 35px;
}
#referralBenefits .box .thumb::before{
	content: "";
	display: block;
	width: 100%;
	height: 0;
	padding-top: 100%;
}
#referralBenefits .box .thumb img{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
#referralBenefits .box .txt{
  opacity: 0;
  transition: opacity 1s 1s;
}
#referralBenefits .box.fade .txt{
	opacity: 1;
}
#referralBenefits .box .txt h4{
	font-size: 16px;
	line-height: 1.4;
  font-weight: normal;
	position: relative;
	padding-left: 24px;
	margin-bottom: 20px;
}
#referralBenefits .box .txt h4::before{
	content: "";
	display: block;
	width: 14px;
	height: 14px;
	position: absolute;
	top: 0.2em;
	left: 0;
	background: #bca475;
}
#referralBenefits .box .txt h4 strong{
	font-size: 24px;
	font-weight: normal;
	color: #bca475;
}
#referralBenefits .box .txt h4 span{
	font-size: 14px;
}
#referralBenefits .box .txt p{
	font-size: 14px;
	line-height: 2;
}
@media screen and (max-width: 1280px){
	#memberBenefits .box{
		width: 50%;
		margin-left: 0;
		margin-top: 30px;
		padding: 0 !important;
	}
	#memberBenefits .benefitsBox{
		margin: 0 -40px 0 0;
	}
	#memberBenefits .box:nth-child(-n+2){
		margin-top: 0;
	}
	#memberBenefits .box .txt{
		margin-right: 40px;
	}
}
@media screen and (max-width: 980px){
	#enrollmentBenefits{
		width: 100%;
		margin-right: 0;
	}
	#referralBenefits{
		width: 100%;
	}
	#referralBenefits .box .thumb{
		margin: 0 auto 35px;
	}
}
@media screen and (max-width: 750px){
	#benefits{
		padding: 0 15px;
	}
	#benefits .benefitsBox .inner{
		padding: 20px;
		margin-top: 20px !important;
	}
	#benefits h3{
		font-size: 12px;
		margin-bottom: 20px;
	}
	#memberBenefits .benefitsBox{
		margin: 0 -20px 0 0;
	}
	#memberBenefits .box{
		width: 100%;
		margin-top: 20px !important;
	}
	#memberBenefits .box:first-child{
		margin-top: 0 !important;
	}
	#memberBenefits .box .thumb{
		width: 80px;
	}
	#memberBenefits .box .txt{
		margin-right: 20px;
		margin-left: 90px;
	}
	#memberBenefits .box .txt h4{
		font-size: 16px;
		padding-left: 22px;
	}
	#memberBenefits .box .txt h4::before{
		width: 12px;
		height: 12px;
	}
	#memberBenefits .box .txt p{
		margin-left: 22px;
		font-size: 12px;
	}
	#memberBenefits .box .txt p strong{
		font-size: 30px;
	}
	#memberBenefits .box .txt p .notes{
		font-size: 10px;
	}
	#enrollmentBenefits .box .thumb{
		width: 140px;
		float: none;
		margin: 0 auto 10px;;
	}
	#enrollmentBenefits .box .txt h4{
		font-size: 14px;
		padding-left: 22px;
		margin-bottom: 10px;
	}
	#enrollmentBenefits .box .txt p + h4{
		margin-top: 20px;
	}
	#enrollmentBenefits .box .txt h4::before{
		width: 12px;
		height: 12px;
	}
	#enrollmentBenefits .box .txt h4 strong{
		font-size: 20px;
	}
	#enrollmentBenefits .box .txt p{
		font-size: 12px;
	}
	#enrollmentBenefits .box .txt p .notes{
		font-size: 10px;
	}
	#referralBenefits .box .thumb{
		width: 80px;
		margin: 0 auto 10px;
	}
	#referralBenefits .box .txt h4{
		font-size: 14px;
		padding-left: 22px;
		margin-bottom: 10px;
	}
	#referralBenefits .box .txt h4::before{
		width: 12px;
		height: 12px;
	}
	#referralBenefits .box .txt h4 strong{
		font-size: 20px;
	}
	#referralBenefits .box .txt h4 span{
		font-size: 12px;
	}
	#referralBenefits .box .txt p{
		font-size: 12px;
	}
}

/* price */
#price{
	max-width: 1000px;
	padding: 0 40px;
}
#price .priceLead{
	margin: 40px auto 0;
	padding: 43px 0;
	background: #fff;
}
#price .priceLead table{
	width: 100%;
  opacity: 0;
  transition: opacity 1s;
}
#price .priceLead.fade table{
	opacity: 1;
}
#price .priceLead table th,
#price .priceLead table td{
	vertical-align: middle;
	font-size: 19px;
	line-height: 1.75;
  font-weight: normal;
}
#price .priceLead table th{
	width: 40.17%;
	text-align: right;
	padding: 0 15px;
	font-weight: normal;
}
#price .priceLead table td{
	text-align: left;
	padding: 0 15px;
	color: #bca475;
}
#price .priceLead table td span{
	font-size: 10px;
}
#price .priceLead table td strong{
	font-size: 16px;
	font-weight: normal;
}
#price .inner{
	padding: 30px 60px;
	background: #fff;
	text-align: left;
	margin-top: 10px;
}
#price .inner table{
	width: 100%;
  opacity: 0;
  transition: opacity 1s;
}
#price .inner.fade table{
	opacity: 1;
}
#price .inner table thead th{
	font-size: 14px;
	padding: 0 20px 20px 0;
  font-weight: normal;
}
#price .inner table thead th:nth-child(1){
	width: 37.45%;
}
#price .inner table thead th:nth-child(2){
	width: 33.92%;
}
#price .inner table tbody th{
	padding: 0 20px 20px 30px;
	position: relative;
	font-size: 16px;
	line-height: 1.2;
  font-weight: normal;
}
#price .inner table tbody th::before{
	content: "";
	display: block;
	width: 20px;
	height: 20px;
	position: absolute;
	top: 0;
	left: 0;
}
#price .inner table tbody th.coating::before{
	background: #a3d5c0;
}
#price .inner table tbody th.cleaning::before{
	background: #f1e577;
}
#price .inner table tbody th.management::before{
	background: #ecd19b;
}
#price .inner table tbody th.fee::before{
	background: #dbdcdc;
}
#price .inner table tbody td{
	padding: 0 20px 20px 0;
	font-size: 16px;
	line-height: 1.2;
  font-weight: normal;
}
#price .inner table tfoot th{
	vertical-align: top;
	padding: 12px 20px 0 30px;
	position: relative;
	font-size: 16px;
	line-height: 1.2;
  font-weight: normal;
	color: #717071;
	border-top: solid 1px #000;
}
#price .inner table tfoot td{
	padding: 12px 20px 0 0;
	vertical-align: top;
	font-size: 16px;
	line-height: 1.2;
  font-weight: normal;
	border-top: solid 1px #000;
}
#price .inner table tfoot td:nth-child(3){
	padding: 6px 20px 0 0;
}
#price .inner table tbody td:nth-child(2),
#price .inner table tfoot td:nth-child(2){
	color: #717071;
}
#price .inner table tbody td:nth-child(3),
#price .inner table tfoot td:nth-child(3){
	color: #bca475;
}
#price .inner table tfoot td:nth-child(3) strong{
	background: #bca475;
	color: #fff;
	display: inline-block;
	padding: 2px 4px;
	font-size: 19px;
	line-height: 1.2;
	font-weight: normal;
	margin-left: 10px;
}
#price .inner table tfoot td:nth-child(3) strong span{
	font-size: 14px;
}
@media screen and (max-width: 980px){
	#price .inner{
		padding: 30px;
	}
}
@media screen and (max-width: 750px){
	#price{
		padding: 0 15px;
	}
	#price .priceLead{
		margin: 20px auto 0;
		padding: 20px;
	}
	#price .inner table{
		display: block;
	}
	#price .priceLead table th,
	#price .priceLead table td{
		font-size: 16px;
	}
	#price .priceLead table th{
		width: auto;
		padding: 0;
	}
	#price .priceLead table td{
		padding-right: 0;
	}
	#price .priceLead table td strong{
		font-size: 14px;
	}
	#price .inner{
		padding: 20px;
	}
	#price .inner table thead,
	#price .inner table thead tr{
		display: block;
		width: 100%;
	}
	#price .inner table thead th{
		display: block;
		width: 100% !important;
		padding: 0;
		font-size: 12px;
	}
	#price .inner table thead th:nth-child(2),
	#price .inner table thead th:nth-child(3){
		font-size: 0;
		height: 0;
		padding: 0;
	}
	#price .inner table tbody,
	#price .inner table tbody tr{
		display: block;
		width: 100%;
	}
	#price .inner table tbody th{
		display: block;
		width: 100%;
		font-size: 14px;
		padding: 0 0 10px 24px;
		margin-top: 15px;
	}
	#price .inner table tbody th::before{
		width: 16px;
		height: 16px;
	}
	#price .inner table tbody td{
		display: block;
		width: 100%;
		font-size: 14px;
		padding: 0 0 10px;
	}
	#price .inner table tbody td .thTtl{
		font-size: 12px;
		line-height: 1.5;
		display: block;
	}
	#price .inner table tfoot,
	#price .inner table tfoot tr{
		display: block;
		width: 100%;
	}
	#price .inner table tfoot th{
		display: block;
		width: 100%;
		font-size: 14px;
		padding: 15px 0 10px 24px;
		margin-top: 15px;
	}
	#price .inner table tfoot td{
		display: block;
		width: 100%;
		font-size: 14px;
		padding: 0 0 10px;
		border: none;
	}
	#price .inner table tfoot td:nth-child(3) strong{
		font-size: 16px;
	}
	#price .inner table tfoot td:nth-child(3) strong span{
		font-size: 12px;
	}
}

/* flow */
#flow{
	max-width: 1000px;
	padding: 0 40px;
}
#flow .inner{
	padding: 40px;
	margin-top: 10px;
	background: #fff;
}
#flow h2 + .inner{
	margin-top: 40px;
}
#flow .inner .txt{
	max-width: 570px;
	margin: 0 auto;
	text-align: left;
  opacity: 0;
  transition: opacity 1s;
}
#flow .inner.fade .txt{
	opacity: 1;
}
#flow .inner .txt h3{
	font-size: 19px;
	line-height: 1.5;
	margin-bottom: 25px;
  font-weight: normal;
}
#flow .inner .txt h3::before{
	content: "■";
	display: inline-block;
	margin-right: 0.5em;
	color: #dbdcdc;
}
#flow .inner .txt h4{
	font-size: 16px;
	line-height: 1.5;
	margin-bottom: 8px;
  font-weight: normal;
}
#flow .inner .txt .box + h4{
	margin-top: 1em;
}
#flow .inner .txt p + h4{
	margin-top: 1.2em;
}
#flow .inner .txt p{
	font-size: 13px;
	line-height: 2;
}
#flow .inner .txt .box{
	background: #eeeeef;
	padding: 10px 13px;
	margin-top: 8px;
}
#flow .inner .txt .box table{
	max-width: 450px;
}
#flow .inner .txt .box:last-child table{
	max-width: none;
	width: 100%;
}
#flow .inner .txt .box table th,
#flow .inner .txt .box table td{
	font-size: 13px;
	line-height: 2.3;
  font-weight: normal;
	text-align: left;
	vertical-align: top;
}
#flow .inner .txt .box table th{
	width: 5em;
}
#flow .inner .txt .box table td.qr{
	width: 44px;
}
#flow .inner .txt .box:last-child table td:nth-child(2){
	width: 6em;
}
#flow .inner .txt .box table td .btn{
	width: 254px;
	font-size: 14px;
	line-height: 1.2;
	font-weight: bold;
	margin: 10px 0;
}
#flow .inner .txt .box table td .btn a{
  display: block;
  border: solid 1px #000;
  position: relative;
  transition: color 0s;
}
#flow .inner .txt .box table td .btn a:hover{
  transition: color .6s .6s;
  color: #fff;
}
#flow .inner .txt .box table td .btn a::before{
  content: "";
  display: block;
  width: 0;
  height: 100%;
  background: #000;
  position: absolute;
  top: 0;
  left: 0;
  transition: width .6s;
}
#flow .inner .txt .box table td .btn a:hover::before{
  width: 100%;
}
#flow .inner .txt .box table td .btn a span{
  position: relative;
  display: inline-block;
  padding: 18px 45px 18px 15px;
}
#flow .inner .txt .box table td .btn a::after{
  content: "";
  display: block;
  width: 21px;
  height: 11px;
  position: absolute;
  top: 50%;
  right: 14px;
  transform: translate(0%,-50%);
  margin-top: -3px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("/common/img/ico_btn_arrow.svg");
  background-size: 100% 100%;
  transition: background-image 0s;
}
#flow .inner .txt .box table td .btn a:hover::after{
	transition: background-image .6s .6s;
  background-image: url("/common/img/ico_btn_arrow_w.svg");
}
@media screen and (max-width: 750px){
	#flow{
		padding: 0 15px;
	}
	#flow .inner{
		padding: 20px;
	}
	#flow h2 + .inner{
		margin-top: 20px;
	}
	#flow .inner .txt{
		max-width: none;
	}
	#flow .inner .txt h3{
		font-size: 16px;
		margin-bottom: 15px;
	}
	#flow .inner .txt h4{
		font-size: 14px;
		margin-bottom: 5px;
	}
	#flow .inner .txt p{
		font-size: 12px;
	}
	#flow .inner .txt .box{
		padding: 10px;
		margin-top: 5px;
	}
	#flow .inner .txt .box table th,
	#flow .inner .txt .box table td{
		font-size: 12px;
	}
	#flow .inner .txt .box table td .btn{
		width: 220px;
		font-size: 12px;
		margin: 7px 0;
	}
	#flow .inner .txt .box table td .btn a span{
		padding: 14px 38px 14px 10px;
	}
	#flow .inner .txt .box table td .btn a::after{
		right: 9px;
	}
}

/* conductor */
#conductor{
	margin: 50px auto 0;
	max-width: 1380px;
	padding: 0 40px;
}
#lineup + #conductor{
	margin: 90px auto 0;
}
#conductor .inner{
	background: #fff;
	padding: 60px 20px;
	text-align: center;
	font-size: 0;
}
#conductor .inner .box{
	display: inline-block;
	vertical-align: top;
	width: 33.33%;
  opacity: 0;
  transition: opacity 1s;
}
#conductor .inner .box:nth-child(2){
  transition: opacity 1s .4s;
}
#conductor .inner .box:nth-child(3){
  transition: opacity 1s .8s;
}
#conductor .inner .box.fade{
	opacity: 1;
}
#conductor .inner .box p{
	font-size: 16px;
	line-height: 2;
	margin-bottom: 15px;
}
#conductor .inner .box .btn{
	width: 100%;
	max-width: 318px;
	margin: 0 auto;
	font-size: 20px;
	line-height: 1.2;
  font-weight: normal;
	text-align: left;
}
#conductor .inner .box .btn a{
	display: block;
	border: solid 1px #bca475;
	background: #bca475;
	color: #fff;
	position: relative;
	transition: color 0s;
}
#conductor .inner .box .btn a:hover{
  transition: color .6s .6s;
  color: #bca475;
}
#conductor .inner .box .btn a::before{
  content: "";
  display: block;
  width: 0;
  height: 100%;
  background: #fff;
  position: absolute;
  top: 0;
  left: 0;
  transition: width .6s;
}
#conductor .inner .box .btn a:hover::before{
  width: 100%;
}
#conductor .inner .box .btn a span{
  position: relative;
  display: inline-block;
  padding: 21px 45px 21px 20px;
}
#conductor .inner .box .btn a::after{
  content: "";
  display: block;
  width: 21px;
  height: 11px;
  position: absolute;
  top: 50%;
  right: 14px;
  transform: translate(0%,-50%);
  margin-top: -3px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("/common/img/ico_btn_arrow_w.svg");
  background-size: 100% 100%;
  transition: background-image 0s;
}
#conductor .inner .box .btn a:hover::after{
  transition: background-image .6s .6s;
  background-image: url("/common/img/ico_btn_arrow_g.svg");
}
#conductor .inner .box .notes{
	width: 100%;
	max-width: 318px;
	margin: 10px auto 0;
}
#conductor .inner .box .notes p{
	font-size: 13px;
	line-height: 2;
	text-indent: -1em;
	margin: 0 0 0 1em;
	text-align: left;
}
#conductor .inner .box .comingsoon p{
	font-size: 13px;
	line-height: 2;
	margin: 35px 0 0;
}
@media screen and (max-width: 1200px){
	#conductor .inner .box{
		display: inline-block;
		vertical-align: top;
		width: 100%;
		margin-top: 40px;
		opacity: 0;
		transition: opacity 1s;
	}
	#conductor .inner .box:first-child{
		margin-top: 0;
	}
}
@media screen and (max-width: 750px){
	#conductor{
		margin: 30px auto 0;
		padding: 0 15px;
	}
	#lineup + #conductor{
		margin: 40px auto 0;
	}
	#conductor .inner{
		padding: 30px 20px;
	}
	#conductor .inner .box{
		margin-top: 30px;
	}
	#conductor .inner .box p{
		font-size: 14px;
		margin-bottom: 10px;
	}
	#conductor .inner .box .btn{
		max-width: 280px;
		font-size: 16px;
	}
	#conductor .inner .box .btn a::after{
		right: 9px;
	}
	#conductor .inner .box .notes{
		max-width: 280px;
	}
	#conductor .inner .box .notes p{
		font-size: 11px;
	}
	#conductor .inner .box .notes p br{
		display: none;
	}
	#conductor .inner .box .comingsoon p{
		margin: 0;
	}
}