@charset "utf-8";

@media screen and (max-width: 740px) {
/*SP*/
/*0: common
=========================================*/
body, th, td{
	font-size: 14px;
	line-height: 1.75;
}
.narrow-wrap{
	width: 100%;
	margin: 0 auto;
	padding: 0 4.28%;
}

/* ページ見出し */
.pg-page-title{
	margin: 0 0 20px;
	padding: 30px 4.28% 0;
	font-size: 22px;
	font-weight: 700;
	letter-spacing: .05em;
	text-align: center;
}

/* ページリード */
.service-lead{
	width: 100%;
	margin: 0 auto 40px;
	padding: 0 4.28%;
	font-size: 14px;
	line-height: 1.75;
}
.service-lead p:last-child{
	margin-bottom: 0;
}

.pg-subcopy {
	display: inline-block;
	font-size: 14px;
}

/* プログラム紹介 */
.pg-remarks {
	margin-bottom: 20px;
	padding: 0 4.28%;
	font-size: 14px;
}
.pg-remarks span {
	display: inline-block;
	margin-right: .15em;
	font-size: 12px;
	color: #BB1B21;
	vertical-align: -.1em;
}
.pg-wrap {
	overflow: hidden;
	padding: 0 4.28%;
}
.pg-item {
}
.pg-item:nth-child(n+2) {
	margin-top: 50px;
}
.pg-item dt {
	position: relative;
	margin-bottom: 15px;
	font-size: 15px;
	line-height: 23px;
	font-weight: 500;
}
.pg-time {
	display: inline-block;
	padding-right: .5em;
	color: #F7B200;
}
.pg-hardness {
	display: inline-block;
	color: #BB1B21;
}
.pg-hardness:first-letter {
	display: inline-block;
	margin-right: .15em;
	font-size: 11px;
	vertical-align: -.05em;
}
.pg-trial {
	display: inline-flex;
	align-items: center;
	margin-left: 6px;
	padding: 2px 12px;
	border-radius: 999px;
	background-color: #EAF7F0;
	color: #1F8A58;
	font-size: 10px;
	font-weight: 500;
	white-space: nowrap;
	vertical-align: middle;
}
.pg-item dd {
	font-size: 14px;
}
.pg-item dd img {
	display: block;
	width: 100%;
	height: auto;
	margin-bottom: 15px;
}
.pg-item dd p:last-child {
	margin-bottom: 0;
}
.pg-meta {
	display: flex;
	align-items: center;
	gap: 16px;
}
.pg-duration {
	color: #666;
}
.pg-subhead {
	clear: both;
	margin: 50px 0 20px;
	padding: 10px 4.28%;
	font-size: 16px;
	font-weight: 700;
	letter-spacing: .05em;
	color: #DE580D;
	background-color: #FDF0E6;
	text-align: center;
}
.pg-remarks + .pg-subhead {
	margin-top: 0;
}
.pg-noimg {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 180px;
	margin-bottom: 15px;
	background-color: #F2EBE5;
	text-align: center;
}
.pg-noimg span {
	font-size: 12px;
	line-height: 1.6;
	color: #AFA69D;
}

/*1: タブ切り替え（新規）
=========================================*/
#programTabContents{
	margin-top: 40px;
	padding-bottom: 60px;
}
.programTab-nav{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 10px;
	margin-bottom: 40px;
	padding: 0 4.28%;
}
.programTab-nav li{
	flex: none;
}
.programTab-nav .tab-btn{
	display: inline-block;
	padding: 10px 16px;
	border: 2px solid #DE580D;
	border-radius: 24px;
	background-color: #fff;
	color: #DE580D;
	font-size: 13px;
	font-weight: 500;
	line-height: 1.4;
	text-align: center;
}
.programTab-nav .tab-btn:hover{
	background-color: #DE580D;
	color: #fff;
}
.programTab-nav .tab-btn.is-active{
	background-color: #DE580D;
	color: #fff;
}
.tab-panel{
	display: none;
}
.tab-panel.is-active{
	display: block;
}
.tab-panel .service-lead{
	text-align: center;
}

/* フローティングCTA（SP） */
body{
	padding-bottom: 68px;
}
.pg-floating-cta{
	padding: 10px 4.28%;
}
.pg-floating-cta-btn{
	display: block;
	width: 100%;
	padding: 13px 0;
	font-size: 14px;
}
.topBack{
	bottom: 80px;
}

}