@charset "utf-8";

sup{
        font-size: 0.50em;
        vertical-align: super;
        line-height: 1;
        }

.wrapper{
	color:#333333;
	font-size:1.125em;
	line-height:1.6;
}

.wrapper *{
	color:inherit;
	font-size:inherit;
	line-height:inherit;
}

.wrapper rt,
.wrapper rp{
	font-size:50%;
	}

.h1{
	background:url(../images/bg-title.jpg) repeat-x;
	margin-bottom:20px;
}

.h1 h1{
	max-width:1100px;
	margin:0 auto;
}

.wrapper h2{
	background-color:#e60d64;
	padding:1rem 1rem .625rem;
	margin-bottom:1em;
	color:#ffffff;
	font-size:1.875rem;
	text-align:center;
}

.wrapper h3{
	border-bottom:1px solid #00008b;
	margin-top:1em;
	margin-bottom:.8em;
	color:#e60d64;
	font-size:1.875rem;
}

.wrapper h3:first-child{
	margin-top:0;
}

.wrapper h4{
	margin-bottom:.625em;
	font-size:1.625rem;
}

.wrapper a{
	color:#e60d64;
}

.wrapper img{
	max-width:100%;
	height:auto;
}

.wrapper ul > li{
	margin-left:1em;
}

.anchor{
	display:inline-block;
}

.anchor::after{
	content:"";
	display:block;
	height:.65em;
	width:.65em;
	margin:-.4em auto 0;
	border-top:1px solid #00008b;
	border-right:1px solid #00008b;
	-webkit-transform:webkit-rotate(135deg);
	transform:rotate(135deg);
}

.wrapper .mark{
	display:flex;
	margin-top:0;
	padding-top:1rem;
	border:none;
	color:#e60d64;
	font-size:2.25rem;
	align-items:flex-start;
}

.wrapper .mark.center{justify-content:center;}

.wrapper .mark > *:nth-child(1){
	position:relative;
	background-color:#e60d64;
	min-width:3rem;
	margin-top:.04em;
	margin-right:.4rem;
	padding:.3rem 1rem 0;
	color:#ffffff;
	text-align:center;
	line-height:1;
	z-index:1;
}

.wrapper .point > *:nth-child(1)::before{
	content:"ここが魅力！";
	display:block;
	position:absolute;
	left:0;
	bottom:102%;
	width:6em;
	color:#e60d64;
	font-size:.875rem;
	text-align:left;
}

.wrapper .phone{
	padding-top:70px;
}

.wrapper .phone > *:nth-child(1)::before{
	content:"";
	display:block;
	position:absolute;
	right:50%;
	top:50%;
	background:url(../images/bg-phone.png) no-repeat;
	background-size:contain;
	width:4em;
	height:4em;
	-webkit-transform:-webkit-translateY(-50%);
	transform:translateY(-50%);
	z-index:-1;
}

.wrapper .phone > *:nth-child(1)::after{
	content:"";
	display:block;
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	background-color:#e60d64;
	z-index:-1;
}

.section{
	max-width:1100px;
	margin:0 auto;
	padding:1px 0 40px;
}

.narrow{
	max-width:900px;
}

.left{text-align:left;}
.center{text-align:center;}
.right{text-align:right;}

.fs24{font-size:1.5rem;}
.fs36{font-size:2.25rem;}
.fs60{font-size:3.75rem;}

.mt40{margin-top:40px;}

.mb40{margin-bottom:40px;}

.bg-white{background-color:#ffffff;padding:0 !important;margin-bottom:40px;}
.bg-blue{
	background-color:#ffe3ee;
	padding:0 !important;
	margin-bottom:40px;
}
.bg-gray{background-color:#eeeeee;padding:0 !important;margin-bottom:40px;}

.border{border:1px solid #cccccc;padding:20px;}

.c-pink{
	color:#e60d64;
}
.c-red{
	color:#ff0000;}

.indent{
	padding:20px;
}

a.btn{
	display:inline-block;
	background-color:#e60d64;

	padding:1rem 4.5rem .625rem;
	border-radius:4.5rem;
	box-shadow:0 0 8px 4px rgba(0,0,0,.2);
	color:#ffffff;
	font-size:2.25rem;
}

a.btn:hover{
	box-shadow:none;
	opacity:.9;
}

a.btn::after{
	content:"";
	display:inline-block;
	height:.65em;
	width:.65em;
	border-top:2px solid #ffffff;
	border-right:2px solid #ffffff;
	-webkit-transform:webkit-rotate(45deg);
	transform:rotate(45deg);
}

a.btn.tweet{
	background-color:#e60d64;
}

a.btn.x::before{
	content:"";
	display:inline-block;
	background:url(../images/icn-x.png) no-repeat;
	background-size:contain;
	height:1.4em;
	width:1.4em;
	margin-right:.4em;
	vertical-align:middle;
}

.flex{
	display:flex;
}

.flex > *,
.flex > .col{
	flex-grow:1;
	flex-shrink:1;
	flex-basis:100%;
}

.flex > *{
	padding-left:12px;
	padding-right:12px;
	padding-bottom:20px;
}

.flex.column{flex-wrap:wrap;}

.flex.left{justify-content:flex-start;}
.flex.center{justify-content:center;}
.flex.right{justify-content:flex-end;}

.flex.top{align-items:flex-start;}
.flex.middle{align-items:center;}
.flex.bottom{align-items:flex-end;}

.flex > .col2{flex-basis:200%;}
.flex > .col3{flex-basis:300%;}
.flex > .col4{flex-basis:400%;}
.flex > .col5{flex-basis:500%;}
.flex > .col6{flex-basis:600%;}
.flex > .col7{flex-basis:700%;}
.flex > .col8{flex-basis:800%;}
.flex > .col9{flex-basis:900%;}

.AS-list-notes li{
	padding-left:1.4em;
	text-indent:-1.4em;
	font-size:80%;
	}

.video{
	position:relative;
	width:100%;
	margin:0 auto;
	padding-top:56.25%;
	}

.video iframe{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	}


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

#AS-wrapper{
	font-size:1em;
}

#AS-wrapper h2{
	font-size:1.625rem;
}

#AS-wrapper h2,
#AS-wrapper h3,
#AS-wrapper h4,
a.btn{
	font-size:1.375rem;
}

.fs24{font-size:1.125rem;}
.fs36{font-size:2.25rem;}
.fs40{font-size:1.875rem;}
.fs60{font-size:2.5rem;}

a.btn{
	padding:.825rem 2rem .625rem;
}

.section{padding-left:8px;padding-right:8px;}

.sp-center{justify-content:center !important;text-align:center !important;}

.wrapper .mark{
	flex-wrap:wrap;
}

.wrapper .mark > *{
	flex-basis:100%;
}

.wrapper .mark > *:nth-child(1){
	flex-basis:auto;
}

.wrapper .phone > *:nth-child(1){
	margin:1.4em 0;
}

.wrapper .phone > *:nth-child(1)::before{
	right:auto;
}


.flex{
	flex-wrap:wrap;
}

.flex > *{
	padding-left:0;
	padding-right:0;
}

.flex > .col2{flex-basis:100%;}
.flex > .col3{flex-basis:100%;}
.flex > .col4{flex-basis:100%;}
.flex > .col5{flex-basis:100%;}
.flex > .col6{flex-basis:100%;}
.flex > .col7{flex-basis:100%;}
.flex > .col8{flex-basis:100%;}
.flex > .col9{flex-basis:100%;}


}