/*weight*/
/*
 * Font Set
 */
/*
 * Convert pixels to rems
 * eg. for a relational value of 12px write f-rem(12)
 * Assumes $em-base is the font-size of 10px
 */
/*
 * Convert pixels to line-height
 * eg. When the font size is 18 px and the line feed is 28 px write f-line-height( 18, 28 )
 */
/*
 * Convert letter-spacing
 * eg. When tracking = 50 on Photoshop, write f-letter-spacing(50).
 */
.program_note {
  background-color: #009d95;
  color: #fff;
  padding: 1rem;
  border-radius: 1rem;
  text-align: center;
  font-weight: bold;
  display: block;
  margin: -20px auto 0 auto;
}
.program_note p {
  font-size: 1.8rem;
  line-height: 1.44444;
}
@media only screen and (max-width:768px) {
  .program_note {
    margin: -20px auto 20px auto;
  }
  .program_note p {
    font-size: 1.3rem;
    line-height: 1.61538;
  }
}

/*
.hero__inner{
	padding-top: 15rem!important;
	transform: scale(1) translateY(120px)!important;
	@media only screen and (max-width:768px) {
		@include m-font-set(13,18);
		transform: scale(1) translateY(0)!important;
	}
}

.top_attention{
	mix-blend-mode: difference;
	position: absolute;
	transform: translateX(-50%);
	white-space: nowrap;
	text-align: center;
	left: 50%;
	top: _rem(-80);
	a{
@include m-font-set(21,32);
font-weight: 700;
padding: _rem(8) _rem(20);
line-height: 1.4;
text-align: center;
background-color: #f00;
color: #fff;
display: block;
border-radius: 10px;
@media only screen and (max-width:768px) {
	@include m-font-set(14,18);
}
}
}

.notice_box{

	p{
	@include m-font-set(21,32);
	}
	background-color: #fff;
	border:2px solid #f00;
	border-radius: 15px;
	padding: 15px;
	position: relative;
	z-index: 100000;
	width: 100%;
	.c-ul{
		li{
			list-style-type: disc;
			list-style-position: outside;
			margin-left: 1.6em;
			@include m-font-set(21, 32);
		}
	}

	@media only screen and (max-width:768px) {
		p{
		@include m-font-set(14,21);
		font-weight: bold;
		}
		background-color: #fff;
		border:2px solid #f00;
		border-radius: 15px;
		padding: 15px;
		position: relative;
		z-index: 100000;
		line-height: _rem(24);
		width: 100%;
		.c-ul{
			font-weight: bold;
			li{
				list-style-type: disc;
				list-style-position: outside;
				margin-left: 1.6em;
				@include m-font-set(14,21);
			}
		}
	}
}	


.server_notes{
	color: #F00;
	position: absolute;
	top: 135px;
	left: 0;
	font-size: _rem(18);
	font-weight: bold;
	line-height: _rem(24);
	width: 100%;
	text-align: center;
	span{
		background-color: rgba(255, 255, 255, 0.8);
		display: inline-block;
		padding: _rem(8);
		width: 95%;
	}
	@media only screen and (max-width:768px) {
		top: _rem(70);
		left: 5%;
		font-size: _rem(10);
		width: 90%;
		text-align: left;
		line-height: _rem(12);
		font-weight: normal;
		span{
			padding: _rem(8);
			width: 100%;
		}
	}
}
*/
/* legacy */
/*--=== SP ONLY max-width: 767px ===-- / */
/*--=== / SP ONLY max-width: 767px ===-- */
/*--=== PC ONLY min-width: 768px ===-- / */
/*--=== / PC ONLY min-width: 768px ===-- */

/*# sourceMappingURL=top.css.map */