@charset "UTF-8";
/*
*******************************************************************************************************
# コース料金表

  -- override
  -- module
  -- layout
*******************************************************************************************************
*/
/* ------------------------------------
  * override
* ------------------------------------ */
/* .mod-box-info { margin-top: 10px; } */

@media only screen and (max-width: 736px) {
	/* .mod-box-info { margin-top: 5px; } */
}

/* ------------------------------------
  * module
* ------------------------------------ */
/* ------------------------------------
  * layout
* ------------------------------------ */
/* ページ内リンク */
.wrp-pagelink .inner-pagelink {
	width: 100%;
	background-color: #efe4c7;
}

.wrp-pagelink .box-pagelink {
	padding-top: 20px;
	padding-bottom: 20px;
}

.wrp-pagelink .box-pagelink .list-pagelink {
	display: -moz-flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	padding: 0 0 30px;
	margin: 0 -5px;
}

.wrp-pagelink .box-pagelink .list-pagelink > li {
	display: -moz-flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 25%;
	box-sizing: border-box;
	padding: 0 5px;
}

.wrp-pagelink .box-pagelink .list-pagelink > li > a {
	display: -moz-flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-moz-align-items: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 100%;
	min-height: 60px;
	font-size: 18px;
	line-height: 1.2;
	padding: 5px 32px 5px 12px;
}

.wrp-pagelink .box-pagelink .list-pagelink > li > a:before {
	font-size: 16px;
	color: #ff5600;
	right: 15px;
}

.wrp-pagelink .box-pagelink .list-pagelink > li > a .text {
	width: 100%;
	text-align: center;
	margin: 0 auto;
}

.wrp-pagelink .box-pagelink .btn {
	width: 480px;
	margin: 0 auto;
}

.wrp-pagelink .box-pagelink .btn > a {
	font-size: 20px;
	padding-top: 16px;
	padding-bottom: 16px;
}

@media only screen and (max-width: 736px) {
	.wrp-pagelink .box-pagelink {
		padding: 10px 15px 15px;
	}

	.wrp-pagelink .box-pagelink .list-pagelink {
		padding: 0 0 24px;
		margin: 0 -2.5px;
	}

	.wrp-pagelink .box-pagelink .list-pagelink > li {
		width: 50%;
		padding: 0 2.5px;
	}

	.wrp-pagelink .box-pagelink .list-pagelink > li:nth-child(n+3) {
		padding-top: 5px;
	}

	.wrp-pagelink .box-pagelink .list-pagelink > li > a {
		min-height: 42px;
		font-size: 14px;
		padding: 5px 21px 5px 14px;
	}

	.wrp-pagelink .box-pagelink .list-pagelink > li > a:before {
		font-size: 11px;
		right: 10px;
	}

	.wrp-pagelink .box-pagelink .btn {
		width: 100%;
	}

	.wrp-pagelink .box-pagelink .btn > a {
		font-size: 16px;
	}

	body.android-u4 .wrp-pagelink .box-pagelink .list-pagelink {
		display: block;
		*zoom: 1;
	}

	body.android-u4 .wrp-pagelink .box-pagelink .list-pagelink:before, body.android-u4 .wrp-pagelink .box-pagelink .list-pagelink:after {
		content: "";
		display: table;
	}

	body.android-u4 .wrp-pagelink .box-pagelink .list-pagelink:after {
		clear: both;
	}

	body.android-u4 .wrp-pagelink .box-pagelink .list-pagelink > li {
		display: block;
		float: left;
	}

	body.android-u4 .wrp-pagelink .box-pagelink .list-pagelink > li > a {
		display: table;
		width: 100%;
		height: 42px;
		min-height: 0;
		box-sizing: border-box;
	}

	body.android-u4 .wrp-pagelink .box-pagelink .list-pagelink > li > a .text {
		display: table-cell;
		vertical-align: middle;
	}
}

/* コース料金表ボックス */
.wrp-courseprice .lead {
	width: 100%;
	box-sizing: border-box;
	padding: 4px 0 15px;
}

@media only screen and (max-width: 736px) {
	.wrp-courseprice .inner-courseprice {
		padding: 0 15px 16px;
	}

	.wrp-courseprice .lead {
		padding: 2px 5px 15px;
	}
}

/* ご注意 */
.wrp-warning {
	padding-top: 10px;
	padding-bottom: 50px;
}

.wrp-warning .inner-warning {
	width: 100%;
	box-sizing: border-box;
	padding: 21px 30px 16px;
	background-color: #efe4c7;
}

.wrp-warning .sttl {
	font-size: 18px;
	color: #ff5600;
	letter-spacing: 0.05em;
	font-weight: bold;
	padding: 0 0 14px;
}

.wrp-warning .list-warning > li {
	margin: 0 0 6px;
}

.wrp-warning .list-warning > li .text {
	font-size: 14px;
	letter-spacing: 0.05em;
	padding-left: 1em;
	text-indent: -1em;
}

p.alert {
	padding: 21px 30px 20px;
    color: #f00;
}

@media only screen and (max-width: 736px) {
	.wrp-warning {
		padding: 11px 15px 25px;
	}

	.wrp-warning .inner-warning {
		padding: 21px 18px 16px;
	}

	.wrp-warning .sttl {
		font-size: 15px;
		padding: 0 0 14px;
	}

	.wrp-warning .list-warning > li {
		margin: 0 0 6px;
	}

	.wrp-warning .list-warning > li .text {
		font-size: 12px;
	}

	p.alert {
		padding: 9px 12px 8px;
	}
}


/* リデザイン 2024.12.19 追加 */

.box-pagelink .list-pagelink {
    display: flex;
    flex-wrap: wrap;
}

.box-pagelink .list-pagelink li { text-align: center; }

.box-pagelink .list-pagelink a {
    display: block;
    padding: 16px 0;
}

.price-index_course {
	margin-bottom: 1.25rem;
	overflow: hidden;
}

.price-index_course a { display: block; }

.price-index_course a:hover { opacity: .8; }

#price-first-experience h2 span { position: relative; }

#price-first-experience h2 span:before {
	background-image: url(../img/course/wakaba-mrk.png);
	background-repeat: no-repeat;
	background-size: 20px;
	width: 20px;
	height: 28px;
	display: inline-block;
	content: "";
}

.floating-ticket {
	display: none;
	z-index: 1;
}

.price-index_course figure img {
	border-radius: 8px;
	object-fit: cover;
	display: block;
}

.price-index_course-title {
	float: right;
	position: relative;
}

.price-index_course figure { float: left; }

.price-index_course-title em {
	color: #ff5600;
	border: 1px solid #ff5600;
	font-size: 12px;
	font-weight: bold;
	font-style: normal;
	padding: 2px 6px;
	margin-bottom: .5rem;
	display: inline-block;
}

.price-index_course-title h3 { color: #ff5600; }

.simple-btn + .mod-list-price { margin-top: 2rem; }

.mod-list-price .note + .link-more { margin-top: 1rem; }


@media only screen and (min-width: 737px) { /* for PC */
    .box-pagelink .list-pagelink { margin-bottom: 24px; }

    .box-pagelink .list-pagelink li {
        flex: 1;
        margin: 0 10px;
        font-size: 14px;
    }

	#price-first-experience h2 span { padding-left: 32px; }
	
	#price-first-experience h2 span:before {
		position: absolute;
			top: 32px;
			left: 0;
	}

    .floating-ticket.fixed-position {
	    position: fixed;
		    bottom: 4%;
		    right: 1%;
    }

	.floating-ticket.absolute-position {
	    position: absolute;
		    right: 1%;
	}

	.floating-ticket:hover { opacity: .8; }
    
    .floating-ticket picture {
	    width: 150px;
	    height: 194px;
	    display: block;
    }

	.price-index_course-title {
		width: 600px;
		height: 140px;
		padding-top: 16px;
	}

	.price-index_course figure {
		width: 340px;
		height: 140px;
	}

	.price-index_course figure img {
		width: 100%;
		height: 140px;
	}

	.price-index_course-title .see-more-button {
		position: absolute;
			bottom: 16px;
			right: 0;
	}
/* for PC end */ }

@media only screen and (max-width: 736px) { /* for SP */
    .box-pagelink .list-pagelink { margin: 0 3%; }

    .box-pagelink .list-pagelink li {
        width: 45%;
        margin: 0 2.5% 24px;
        font-size: 13px;
    }

	.frame-line { padding: 14px 10px; }

	#price-first-experience h2 span { padding-left: 24px; }
	
	#price-first-experience h2 span:before {
		position: absolute;
			top: 20px;
			left: 0;
	}

    .floating-ticket.fixed-position {
	    position: fixed;
		    bottom: 2%;
		    right: 0;
    }

	.floating-ticket.absolute-position {
	    position: absolute;
		    right: 0;
	}

    .floating-ticket picture {
	    width: 300px;
	    height: 68px;
	    display: block;
    }

	.price-index_course-title { width: 48%; }

	.price-index_course figure { width: 48%; }

	.price-index_course figure img {
		width: 100%;
		height: 120px;
	}

	.price-index_course-title .see-more-button { margin-top: 8px; }

	#price-etc { margin-bottom: 30px; }
/* for SP end */ }