@charset "UTF-8";
/* Title */
 
/* btn */
a.btn {
	display: inline-block;
	font-size: 14px;
	font-weight: bold;
	color: #434343;
	border: 1px solid #77acfd;
	border-radius: 2em;
	line-height: 3.0;
	padding-block: 0;
	padding-inline: 3.4em 4.6em;
}
a.btn span {
	position: relative;
	inset-block-start: -.05em;
}
a.btn span:after {
	content: '';
	border-block-start: 2px solid #77acfd;
	border-inline-end: 2px solid #77acfd;
	inline-size: .4em;
	block-size: .4em;
	position: absolute;
	inset-inline-end: -1.4em;
	inset-block-start: 50%;
	transform: translateY(-50%)rotate(45deg);
	-webkit- transform: translateY(-50%)rotate(45deg);
	transition: all 300ms 0s ease;
}
a.btn:hover {
	text-decoration: none;
}
a.btn:hover span:after {
	inset-inline-end: -1.6em;
}

/*スタジオ概要*/
#pageOutline .studio .tcenter a.btn {
	padding-inline: 2.0em 3.2em;
}


/* スケジュールと料金 */
#pageSchedule #space .grid .txt .link a.btn {
	padding-inline: 3.8em 5.3em;
}
#pageSchedule #space .grid .txt .link a.btn span:after {
	inset-inline-end: -3.0em;
}
#pageSchedule #space .grid .txt .link a.btn:hover span:after {
	inset-inline-end: -3.4em;
}




@media handheld, print, screen and (min-width: 375px) {
/* iphone6 */



/* end of media query(iphone6) */	
}





@media handheld, print, screen and (min-width: 480px) {

/* btn */
a.btn {
	font-size: 15px;
}
/*スタジオ概要*/
#pageOutline .studio .tcenter a.btn {
	padding-inline: 3.4em 4.6em;
}

/* end of media query */	
}

@media handheld, print, screen and (min-width: 620px) {

/* スケジュールと料金 */
#pageSchedule #space .grid .txt .link a.btn {
	padding-inline: 3.0em 4.5em;
}

/* end of media query */	
}






@media handheld, print, screen and (min-width: 900px) {

/* btn */
a.btn {
	font-size: 16px;
}

/* スケジュールと料金 */
#pageSchedule #space .grid .txt .link a.btn {
	padding-inline: 3.8em 5.3em;
}


/* end of media query */
}