@charset "UTF-8";

/* 間取り */
#one{
	padding-bottom:40px;
}
@media (min-width: 768px) {
	#one{
		padding-bottom:0;
	}
}

#headline h3{
	line-height:130%;
}
#headline h4{
	text-align:center;
	font-size:1.4rem;
	padding-top:10px;
	letter-spacing:0.15em;
}
@media (min-width: 768px) {
	#headline h4{
		font-size:1.6rem;
	}
}
@media (min-width: 1024px) {
	#headline h4{
		font-size:1.8rem;
	}
}

#two{
	font-size:0;
}

.plan-btn{
	padding-top:50px;
}
.plan-btn:first-child{
	padding-top:0;
}
.plan-btn-head{
	font-size:0;
	border-top:2px solid #333;
	border-bottom:2px solid #333;
	padding:10px 0 3px;
	margin-bottom:20px;
}
.plan-type{
	display:inline-block;
	vertical-align:middle;
	width:80px;
}
.plan-type h4{
	font-family:'Open Sans';
	font-weight:800;
	font-size:1.5rem;
}
.alphabet{
	font-size:200%;
	vertical-align:-5px;
	padding-right:2px;
}
.plan-detail{
	display:inline-block;
	vertical-align:middle;
	width:calc(100% - 80px);
}
.plan-detail p{
	font-size:1.4rem;
}
.plan-detail p:last-child{
	border-top:1px solid #333;
	font-size:1.7rem;
}
.menseki{
	font-size:170%;
}
.plan-image{
	margin:0 auto;
	text-align:center;
	width:60%;
}
.plan-image a img{
	-webkit-transition:ease-in-out 0.5s;
	-moz-transition:ease-in-out 0.5s;
	-ms-transition:ease-in-out 0.5s;
	-o-transition:ease-in-out 0.5s;
	transition:ease-in-out 0.5s;
}
.plan-image a:hover img{
	opacity:0.5;
}
@media (min-width: 568px) {
	.plan-image{
		width:40%;
	}
}
@media (min-width: 667px) {
	.plan-btn{
		display:inline-block;
		width:calc(50% - 15px);
	}
	.plan-btn:first-child{
		margin-right:30px;
	}
	.plan-btn:nth-child(3){
		margin-left:calc((50% + 15px)/2);
	}
	.plan-image{
		width:70%;
	}
}
@media (min-width: 768px) {
	.plan-btn{
		width:calc(50% - 20px);
	}
	.plan-btn:first-child{
		margin-right:40px;
	}
	.plan-btn:nth-child(3){
		margin-left:calc((50% + 20px)/2);
	}
	.plan-image{
		width:65%;
	}
}
@media (min-width: 1024px) {
	.plan-btn{
		width:calc(33.333% - 26px);
		margin-right:39px;
	}
	.plan-btn:first-child{
		margin-right:39px;
	}
	.plan-btn:nth-child(3){
		margin-left:0;
		margin-right:0;
	}
	.plan-image{
		width:70%;
	}
}

a .learnmore{
	display:block;
	margin:0 auto;
	width:150px;
	border:1px solid #333;
	font-size:1.4rem;
	font-family:'NewYork';
	padding:7px 0 5px;
	margin-top:15px;
	-webkit-transition:ease-in-out 0.5s;
	-moz-transition:ease-in-out 0.5s;
	-ms-transition:ease-in-out 0.5s;
	-o-transition:ease-in-out 0.5s;
	transition:ease-in-out 0.5s;
}
a:hover .learnmore{
	background:#333;
	color:#FFF;
}

@media (min-width: 768px) {
	.wrapper.narrow{
		padding:0 20%;
	}
}

.image{
	padding-top:30px;
}
.image:first-child{
	padding-top:50px;
}
.image img{
	line-height:0;
	vertical-align:bottom;
}
.image p{
	font-size:1.2rem;
	text-align:center;
	letter-spacing:-0.1em;
	padding-top:5px;
}
@media (min-width: 375px) {
	.image p{
		letter-spacing:0;
	}
}
@media (min-width: 768px) {
	.image p{
		font-size:1.3rem;
	}
}

.pers{
	text-align:center;
}
.pers h3{
	font-size:1.7rem;
	padding-bottom:10px;
}
.pers p{
	text-align:left;
	padding-bottom:25px;
}
.pers h4{
	font-size:2.0rem;
	letter-spacing:0.1em;
	padding:10px 0 10px;
}
.initial{
	font-size:170%;
}
.pers h5{
	font-size:1.5rem;
}
.pers ol{
	text-align:left;
	padding-top:15px;
}
.pers ol li{
	padding-top:1px;
	padding-bottom:1px;
}
.pers ol li span.sub{
	position:relative;
}
@media (min-width: 568px) {
	.pers p{
		text-align:center;
	}
}
@media (min-width: 768px) {
	.pers h3{
		font-size:1.9rem;
	}
}
@media (min-width: 1024px) {
	.pers h3{
		font-size:2.1rem;
	}
	.pers h4{
		font-size:2.3rem;
	}
	.pers h5{
		font-size:1.6rem;
	}
}
@media (min-width: 1200px) {
	.pers h3{
		font-size:2.3rem;
	}
	.pers h4{
		font-size:2.6rem;
	}
}

#parallax-headline{
	text-align:center;
}
#parallax-headline h3{
	font-size:1.7rem;
	padding-bottom:10px;
}
@media (min-width: 768px) {
	#parallax-headline h3{
		font-size:1.9rem;
	}
}
@media (min-width: 1024px) {
	#parallax-headline h3{
		font-size:2.1rem;
	}
}
@media (min-width: 1200px) {
	#parallax-headline h3{
		font-size:2.3rem;
	}
}

.parallax-caption p{
	text-align:center;
	font-size:1.2rem;
	padding-top:5px;
}
.parallax-caption#bottom{
	margin-bottom:40px;
}
@media (min-width: 768px) {
	.parallax-caption p{
		font-size:1.3rem;
	}
}
@media (min-width: 1024px) {
	.parallax-caption#bottom{
		margin-bottom:60px;
	}
}

.parallax-window{
	min-height:50vh;
	position:relative;
	z-index:-100;
}
@media (min-width: 568px) {
	.parallax-window{
		min-height:70vh;
	}
}
@media (min-width: 768px) {
	.parallax-window{
		min-height:50vh;
	}
}
@media (min-width: 812px) {
	.parallax-window{
		min-height:70vh;
	}
}
@media (min-width: 1024px) {
	.parallax-window{
		min-height:80vh;
	}
}

br.br568-666, br.br568-1023{
	display:none;
}
@media (min-width: 568px) and (max-width: 666px) {
	br.br568-666{
		display:inline;
	}
}
@media (min-width: 568px) and (max-width: 1023px) {
	br.br568-1023{
		display:inline;
	}
}