@charset "utf-8";
/* コース名のマーカー */
.course.sakusei {
	background: linear-gradient(transparent 80%, #FFE271 60%);
	margin: 0 1rem;
	font-weight: bold;
}
.course.monitoring {
	background: linear-gradient(transparent 80%, #99FFE2 60%);
	margin: 0 1rem;
	font-weight: bold;
}
.course.essential {
	background: linear-gradient(transparent 80%, #ef7fff 60%);
	margin: 0 1rem;
	font-weight: bold;
}
@media print, screen and (max-width:600px) {
	.course {
		margin: 0 !important;
	}
}
/* 吹き出し */
.fukidashi {
	position: relative;
	display: inline-block;
	margin: 0 0 2rem 0;
	padding: 15px 25px;
	min-width: 100px;
	max-width: 100%;
	color: #00183D;
	font-size: 1.2rem;
	font-weight: bold;
	background-color: #E1FEFF;
	border: solid 3px #00183D;
	border-radius: 10px;
	box-sizing: border-box;
	border-radius: 10px;
	animation: fuwafuwa 2s infinite;
}
@keyframes fuwafuwa {
	0% {
		transform: translateY(0px);
	}
	50% {
		transform: translateY(-20px);
	}
	100% {
		transform: translateY(0px);
	}
}
.fukidashi i {
	font-size: 1.8rem;
}
.fukidashi:before {
	content: "";
	position: absolute;
	bottom: -26px;
	left: 50%;
	margin-left: -15px;
	border: 14px solid transparent;
	border-top: 14px solid #E1FEFF;
	z-index: 2;
}
.fukidashi:after {
	content: "";
	position: absolute;
	bottom: -32px;
	left: 50%;
	margin-left: -17px;
	border: 16px solid transparent;
	border-top: 16px solid #00183D;
	z-index: 1;
}
.fukidashi p {
	margin: 0;
	padding: 0;
}
@media print, screen and (max-width:600px) {
	.fukidashi {
		padding: 15px 20px;
		font-size: 1.1rem;
	}
}
ul.program {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.program li {
	width: 44%;
	background-color: #FFF;
	font-weight: bold;
	padding: 1rem 2%;
	margin: 0.5em 1%;
	font-size: 1.1em;
	line-height: 1.2em;
	color: #00183D;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 0.5rem;
}
@media print, screen and (max-width:600px) {
	.program li {
		width: 100%;
	}
}
.instructor li {
	margin: 2rem 0 3rem;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}
.instructor .pic {
	width: 24%;
}
.instructor .profile {
	width: 71%;
}
.instructor-name {
	color: #00183D;
	font-weight: bold;
	font-size: 1.1rem;
	margin-top: 0.5rem;
	margin-bottom: 1.8rem;
}
.att {
	color: #d44d50;
}
@media print, screen and (max-width:600px) {
	.instructor li {
		padding: 0 2rem;
	}
	.instructor .pic, .instructor .profile {
		width: 100%;
	}
	.instructor .pic {
		text-align: center;
		margin-bottom: 1rem;
	}
	.instructor .pic img {
		width: 200px;
	}
}
/* 修了証バッヂ */
.wrap-badge {
	max-width: 800px;
	padding: 4vh 0;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}
.wrap-badge .badge {
	width: 25%;
	text-align: center;
}
.wrap-badge .badge img {
	max-width: 130px;
}
.wrap-badge .caption {
	width: 70%;
	padding: 1rem 2%;
	border: 3px solid #519768;
	border-radius: 20px;
	color: #1b843d;
}
@media print, screen and (max-width:768px) {
	br.ipad {
		display: none;
	}
}
@media print, screen and (max-width:600px) {
	.wrap-badge {
		border: 3px solid #519768;
		padding: 1.5rem 1rem 1rem;
		border-radius: 20px;
	}
	.wrap-badge .badge img {
		max-width: 110px;
	}
	.wrap-badge .badge {
		width: 100%;
		margin-right: 0;
	}
	.wrap-badge .caption {
		width: 100%;
		border: none;
		padding: 0;
	}
}


.mouthpiece-larning-imgbox {
	width: 90%;
	max-width: 650px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 50px;
	margin-bottom: 50px;
}

.mp-type-title {
	display: flex;
	align-items: center;
	margin-bottom: 20px;
}

.mp-type-title-text {
	margin-right: 30px;
}

.mp-type-title-imgbox {

}
.mp-type-title-imgbox.invisalign {
	width: 230px;
}
.mp-type-title-imgbox.clearcorrect {
	width: 230px;
}

.mp-type-title-imgbox img {
	width: 100%;
	vertical-align: bottom;
}

.mb-50 {
	margin-bottom: 50px;
}

.d-iblock {
	display: inline-block;
}

@media screen and (max-width: 767px) {
	.mp-type-title {
		flex-wrap: wrap;
	}
}