<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "UTF-8";

#under_main {
	background: url(../img/flow-top.jpg)no-repeat center/cover;
}

/*================================================
 *  flow
 ================================================*/
#flow .flow_txt {
	line-height: 2;
}
/* タブボタン */
.tabBtn {
	margin-top: 80px;
}
.tabBtn li {
	display: inline-block;
	padding: 10px 50px;
	color: #fff;
	border-radius: 5px 5px 0 0;
}
.tabBtn li span {
	font-family: 'Cormorant Garamond', serif;
	font-size: 25px;
}
.trial {
	background-color: #7b99fa;
}
.lesson {
	background-color: #fad87b;
}
.price {
	background-color: #7bcbfa;
}
/* パネル */
.panel {
	display: none;
	margin-bottom: 80px;
}
.panel.is-show {
	display: block;
	color: #fff;
}
.panel h3 {
	font-size: 20px;
	padding-top: 10px;
}
.panel .wrap {
	padding: 50px 0;
}
/* フロー */
.panel dl dt {
	width: 20%;
	text-align: center;
	margin: 20px 0;
}
.panel dl dd {
	width: 78%;
	margin: 20px 0;
	text-align-last: left;
}
.panel dl {
	background-color: rgba(255, 255, 255, 0.7);
	border-radius: 5px;
	padding: 50px;
}
.panel dl {
	color: #333;
} 



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

#under_main {
	background: url(../img/flow-top.jpg)no-repeat bottom/cover;
	}
.tabBtn {
    margin-top: 40px;
}
.tabBtn li {
    width: 30%;
    font-size: 11px;
	padding: 0;
}
.panel .wrap {
    padding: 30px 0;
}
.panel dl {
    padding: 20px;
    margin: 10px;
}
	}</pre></body></html>