@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Zen+Old+Mincho:wght@500;600;700&display=swap');

/* header
------------------------------------------------*/
body {
	padding-top: 0;
}
#header {
	position: relative;
	box-shadow: none;
	height: 50px;
}
@media screen and (max-width:767px) {
	#header {
	}
}
/* visual
------------------------------------------------*/
#visual {
	position: relative;
	background-image: linear-gradient(90deg,rgba(236, 242, 245, 1) 0%, rgba(214, 231, 240, 1) 60%, rgba(173, 211, 227, 1) 85%, rgba(191, 226, 193, 1) 100%);
	height: 50vw;
	margin-top: 20px;
}
#visual img {
	width: auto;
	max-height: 100%;
}
#visual .no1,
#visual .no2 {
	position: absolute;
}
#visual .no1 {
	top: 0;
	left: 0;
	width: 60vw;
	height: 37.1vw;
}
#visual .no2 {
	bottom: -2px;
	right: 0;
	width: 46vw;
	height: 32.8vw;
}
#visual .txt_read {
	position: absolute;
	bottom: 0;
	left: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 53.6vw;
	height: 12.9vw;
	padding: 0 4.3vw;
}
#visual .txt_deco {
	position: absolute;
	top: -15px;
	right: 30px;
	width: auto;
	height: calc(100% - 60px);
}
#visual .txt_read img {
	max-width: 100%;
	max-height: none;
	height: auto;
}
#visual .rate {
	position: absolute;
	top: 20px;
	left: 54vw;
	display: flex;
	justify-content: space-between;
	width: 34.5vw;
}
#visual .rate dl {
	position: relative;
	background: #fff;
	width: 48.5%;
	padding: 10px 0;
	box-shadow: 0 3px 6px rgba(0,0,0,0.2);
	text-align: center;
	font-family: "Zen Old Mincho", serif;
}
#visual .rate dl:before,
#visual .rate dl:after {
	content: "";
	display: block;
	position: absolute;
	width: 30px;
	height: 30px;
}
#visual .rate dl:before {
	top: 0;
	left: 0;
	border-top: 1px solid #48872C;
	border-left: 1px solid #48872C;
}
#visual .rate dl:after {
	bottom: 0;
	right: 0;
	border-bottom: 1px solid #48872C;
	border-right: 1px solid #48872C;
}
#visual .rate dl + dl:before,
#visual .rate dl + dl:after {
	border-color: #56B365;
}
#visual .rate dt {
	margin: 0.2em 0 0.5em;
	line-height: 1;
	letter-spacing: 0.04em;
	font-size: 26px;
	font-weight: 700;
	color: #48872C;
}
#visual .rate dl + dl dt {
	color: #56B365;
}
#visual .rate dd > span {
	color: #48872C;
}
#visual .rate dd > span {
	line-height: 0.8;
	font-family: "Oswald", sans-serif;
	font-size: 50px;
}
#visual .rate dd > span:first-child {
	font-size: 100px;
}
#visual .rate dl + dl dd > span {
	color: #56B365;
}
#visual .rate dd small {
	display: block;
	margin: -5px 0 0;
	font-size: 17px;
}
#visual .rate dl + dl dd small {
	margin: 7px 0 0;
}
#visual .rate dd + dd {
	font-size: 12px;
}
#visual.subject-visual {
	overflow: hidden;
	height: auto;
	min-height: 55vw;
	background: none;
	margin-top: 0;
}
#visual.subject-visual::before {
	margin-top: 30px;
}
#visual.subject-visual.ot::before {
	background-image: url(img/occupational-main.jpg);
}
#visual.subject-visual.lg::before {
	    background-image: url(img/languagehearing-main.jpg);
}
#visual.subject-visual.dl::before {
	background-image: url(img/dental-main-lp.jpg);
}
#visual.subject-visual .txt_read {
    bottom: auto;
	top: 60px;
    left: 0;
	display: block;
    width: 50%;
    padding: 0 37% 0 3%;
}
#visual.subject-visual h1 {
	margin: 0.2em 0 0.8em;
	text-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
	line-height: 1.4;
	font-family: "Zen Old Mincho", serif;
	font-size: 3em;
	color: #fff;
}
#visual.subject-visual h1 small {
	display: block;
	letter-spacing: 0.1em;
	font-size: 0.5em;
}
#visual.subject-visual .lead {
	background: linear-gradient(135deg, #5f950d 0%, #96d438 20%, #aae06d 40%, #d1f0a2 50%, #bff3f6 100%);
	box-shadow: -15px 30px 10px rgba(0, 0, 0, 0.2);
	display: flex;
    justify-content: center;
    flex-direction: column;
}
#visual.subject-visual.ot .lead {
	background: linear-gradient(135deg, #009fa4 0%, #14c1c7 20%, #8cd0d3 40%, #ddfeff 70%, #d1f0a2 100%);
}
#visual.subject-visual.lg .lead {
	background: linear-gradient(135deg, #8d8ae7 0%, #9b99de 20%, #c4c3ec 40%, #e7e6ff 70%, #a2ecf0 100%);
}
#visual.subject-visual.dl .lead {
	background: linear-gradient(135deg, #0397b8 0%, #03B8DF 20%, #75ccdf 40%, #c5e9f0 50%, #d5f7a2 100%);
}
#visual.subject-visual.ot .data li {
	border-color: #00ADB2
}
#visual.subject-visual.lg .data li {
	border-color: #9997C9;
}
#visual .subject-visual.dl .data li {
	border-color: #03B8DF;
}
#visual.subject-visual .rate {
	position: relative;
	top: 0;
    left: 0;
	margin-bottom: 30px;
}
#visual.subject-visual .rate dl + dl dd small{
	margin-top: 15px;
}
#visual.subject-visual .rate dd small {
    margin: 0 0 5px;
    line-height: 1.3;
}
#visual.subject-visual .rate dd small {
	font-size: 1em;
}
#visual.subject-visual .rate dd strong {
	padding: 0 1em;
	text-align: center;
    line-height: 1.4;
    letter-spacing: 0.1em;
    font-weight: 600;
    font-size: 1.2em;
    color: rgb(255, 255, 255);
    background: linear-gradient(90deg, rgb(250, 90, 139), rgb(255, 167, 0));
}
@media screen and (max-width:1310px) {
	#visual .rate {
		width: 41.7vw
	}
	#visual .rate dt {
		font-size: 23px;
	}
	#visual .rate dd > span {
		font-size: 46px;
	}
	#visual .rate dd > span:first-child {
		font-size: 82px;
	}
	#visual .rate dd small {
		font-size: 13px;
	}
	#visual .rate dd + dd {
		font-size: 11px;
	}
	#visual.subject-visual .rate dd strong {
		padding: 0 0.5em;
		font-size: 1em;
	}
}
@media screen and (max-width:1024px) {
	#visual .txt_read {
		padding: 0 30px;
	}
	#visual .rate {
		width: calc(46vw - 20px);
	}
	#visual .rate dl:before,
	#visual .rate dl:after {
		width: 20px;
		height: 20px;
	}
	#visual .rate dt {
		font-size: 20px;
	}
	#visual .rate dd > span {
		font-size: 22px;
	}
	#visual .rate dd > span:first-child {
		font-size: 67px;
	}
	#visual .rate dd small {
		font-size: 12px;
	}
	#visual .rate dd + dd {
		font-size: 10px;
	}
	#visual.subject-visual .lead {
		padding: 50px 30px;
	}
}
@media screen and (max-width:767px) {
	#header {
		position: absolute;
	}
	#visual {
		margin: 60px 0 0;
		height: auto;
	}
	#visual .no1 {
		position: inherit;
		top: auto;
		left: auto;
		width: 100%;
		height: auto;
	}
	#visual .no2 {
		position: inherit;
		bottom: auto;
		width: 100%;
		height: auto;
	}
	#visual .txt_read {
		position: inherit;
		bottom: auto;
		height: auto;
		width: 80%;
		padding: 20px 30px;
	}
	#visual .txt_deco {
		top: 20px;
		right: 0;
		height: 70vh;
	}
	#visual .rate {
		position: inherit;
		top: auto;
		left: auto;
		width: 100%;
		padding: 30px 20px 20px;
	}
	#visual .rate dd > span {
		line-height: 1;
	}
	#visual .rate dd small {
		margin: 8px 0 0;
	}
	#visual .rate dt {
		margin: 0;
	}
	#visual.subject-visual {
		margin: 30px 0 0;
	}
	#visual.subject-visual .txt_read {
		position: absolute;
        width: 100%;
        padding: 0 70% 0 7%;
	}
	#visual.subject-visual .lead {
		padding: 20px 30px;
	}
	#visual.subject-visual h1 {
		margin: 10px 0 20px;
	}
	#visual.subject-visual .rate {
		padding: 0;
	}
}
/* title
------------------------------------------------*/
.c-title__h2,.c-title__h3,
article.common-page>section>h2,
article.common-page>section>h3,
article.common-page .column-content>h3,
.subject-student .subject-student__box a h3,
.subject-voice .subject-voice__box a h3 {
	font-family: "Zen Old Mincho", serif;
}
/* course-area
------------------------------------------------*/
#main #course-area {
	background: linear-gradient(145deg, #96d6a1 0%, #92cfba 25%, #92d7d9 50%, #b3c3e6 100%);
	padding: 40px 0;
}
#main #course-area h2 {
	position: relative;
	line-height: 1;
	letter-spacing: 0.08em;
	font-family: "Times New Roman", Times, "serif";
	font-size: 35px;
	font-weight: 400;
	color: #fff;
}
#main #course-area ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
#main #course-area ul li {
	position: relative;
	width: 48.5%;
	margin: 20px 0 0;
}
#main #course-area ul li a {
	display: flex;
	justify-content: space-between;
	align-items: center;
	position: relative;
	background: #fff;
	border-radius: 10px;
	box-shadow: 0 0 15px rgba(0,0,0,0.2);
	color: #333;
}
#main #course-area ul li a:hover {
	box-shadow: none;
}
#main #course-area ul li a:hover img {
	opacity: 1;
}
#main #course-area ul li img {
	display: block;
	width: 41.5%;
	height: auto;
	max-width: 200px;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
}
#main #course-area ul li dl {
	position: relative;
	width: calc(59.5% - 30px);
}
#main #course-area ul li.physical dl {
	color: #89BA40;
}
#main #course-area ul li.occupational dl {
	color: #00ADB2;
}
#main #course-area ul li.language dl {
	color: #9997C9;
}
#main #course-area ul li.dental dl {
	color: #03B8DF;
}
#main #course-area ul li dt {
	letter-spacing: 0.08em;
	font-size: 30px;
	font-weight: 700;
}
#main #course-area ul li dd {
	font-size: 15px;
}
#main #course-area ul li dl:after,
#main #course-area ul li a:before,
#main #course-area ul li a:after {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
}
#main #course-area ul li dl:after {
	right: 20px;
	transform: translate(0, -50%);
	z-index: 1;
	background: #333;
	border: 1px solid #333;
	width: 24px;
	height: 24px;
	border-radius: 50%;
}
#main #course-area ul li a:before {
	right: 28px;
	transform: translate(0, -50%);
	z-index: 2;
	background: #fff;
	width: 10px;
	height: 1px;
}
#main #course-area ul li a:after {
	right: 28px;
	transform: translate(0, -50%) rotate(135deg);
	z-index: 2;
	width: 6px;
	height: 6px;
	border-left: solid 1px #fff;
	border-top: solid 1px #fff;
}
#main #course-area ul li a:hover dl:after {
	background: #fff;
}
#main #course-area ul li a:hover:before {
	background: #333;
}
#main #course-area ul li a:hover:after {
	border-color: #333;
}
@media screen and (max-width:1024px) {
	#main #course-area ul li dl {
		width: calc(59.5% - 20px);
	}
	#main #course-area ul li dt {
		font-size: 24px;
	}
}
@media screen and (max-width:767px) {
	#main #course-area h2 {
		font-size: 35px;
	}
	#main #course-area ul li {
		width: 100%;
		margin: 20px 0 0;
	}
	#main #course-area ul li dl {
		width: calc(100% - 220px);
	}
	#main #course-area ul li dd {
		font-size: 13px;
	}
}
@media screen and (max-width:480px) {
	#main #course-area .inner {
		padding: 0 0 0 30px;
	}
	#main #course-area ul li a {
		border-top-right-radius: 0;
		border-bottom-right-radius: 0;
	}
	#main #course-area ul li img {
		width: 130px;
		max-width: none;
	}
	#main #course-area ul li dl {
		width: calc(100% - 145px);
	}
	#main #course-area ul li dt {
		font-size: 20px;
	}
}
/* cta
------------------------------------------------*/
ul.cta {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-evenly;
	margin: 40px 0 0;
}
ul.cta li {
	width: 27%;
}
ul.cta li:first-child {
	width: 40%;
}
ul.cta li a {
	display: block;
	position: relative;
	background: #FA5B8B;
	background-image: linear-gradient(90deg, rgba(250, 90, 139, 1), rgba(255, 167, 0, 1));
	border-radius: 54px;
	padding: 10px 20px 10px;
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
	text-align: center;
	font-size: 25px;
	font-weight: 700;
	color: #fff;
}
ul.cta li a small {
	display: block;
	line-height: 1;
	font-weight: 500;
	font-size: 0.7em;
}
ul.cta li:nth-child(2) a {
	background: #00B900;
	letter-spacing: 0.08em;
	padding: 20px;
}
ul.cta li:last-child a {
	background: #036EB8;
	letter-spacing: 0.08em;
	padding: 20px;
}
ul.cta li a:before,
ul.cta li a:after {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
}
ul.cta li a:before {
	right: 10px;
	transform: translate(0, -50%);
	background: #fff;
	width: 24px;
	height: 24px;
	border-radius: 50%;
}
ul.cta li a:after {
	right: 19px;
	transform: translate(0, -50%) rotate(135deg);
	width: 6px;
	height: 6px;
	border-left: solid 1px #333;
	border-top: solid 1px #333;
}
ul.cta li a:hover {
	background: #FA5B8B;
	box-shadow: none;
}
ul.cta li:nth-child(2) a:hover {
	background: #74d874;
}
ul.cta li:last-child a:hover {
	background: #2F8ED0;
}
ul.cta li span {
	display: block;
	position: absolute;
	top: -15px;
	left: 50%;
	transform: translate(-50%, 0);
	background: #fff;
	border: 1px solid #FA5B8B;
	padding: 0 10px;
	letter-spacing: 0;
	white-space: nowrap;
	font-size: 17px;
	color: #FA5B8B;
}
ul.cta li:nth-child(2) span {
	border-color: #00B900;
	color: #00B900;
}
ul.cta li:last-child span {
	border-color: #036EB8;
	color: #036EB8;
}
@media screen and (max-width: 1024px) {
	ul.cta li a {
		font-size: 20px;
	}
	ul.cta li span {
		font-size: 13px;
	}
}
@media screen and (max-width: 767px) {
	ul.cta li,
	ul.cta li:first-child {
		margin: 0 auto 20px;
		width: 93%;
	}
	ul.cta li:last-child {
		margin-bottom: 0;
	}
	ul.cta li a {
		border-radius: 35px;
		padding: 15px 20px;
		font-size: 17px;
	}
	ul.cta li span {
		top: -10px;
		left: 50%;
		font-size: 12px;
	}
	#follow {
		background-color: transparent;
		box-shadow: none;
		padding: 20px 0 10px;
	}

	#follow ul.cta li {
		width: 27%;
		margin: 0 !important;
	}

	#follow ul.cta li:first-child {
		width: 40%;
	}

	#follow ul.cta li a {
		padding: 15px 5px;
		font-size: 14px;
	}

	#follow ul.cta li a:before,
	#follow ul.cta li a:after {
		content: none;
	}

	#follow ul.cta li span,
	#follow ul.cta li i {
		display: none;
	}
}
/* oc-area
------------------------------------------------*/
#main .oc-area .inner {
	position: relative;
    top: -390px;
    margin-bottom: -390px;
}
#main .oc-area h2 {
	padding: 0;
	text-align: left;
	line-height: 1;
	text-shadow: #fff 0 0 10px;
	font-family: "Times New Roman", Times, "serif";
    font-size: 98px;
    font-weight: 400;
    color: #186CA6;
}
#main .oc-area > .img {
	width: 58.5%;
	margin: 0 0 0 auto;
}
#main .oc-area > .img img {
	width: 100%;
	height: auto;
}
#main .oc-area .txt {
	margin: 30px 0;
}
#main .oc-area .txt img {
	width: 500px;
}
#main .oc-area ul {
	display: flex;
	justify-content: space-between;
}
#main .oc-area ul li {
	width: 33%;
	border-radius: 10px;
	margin: 30px 0 0;
	padding: 0 20px 20px;
}
#main .oc-area ul li:nth-child(1) {
	background: #FAEAEA;
}
#main .oc-area ul li:nth-child(2) {
	background: #FFE9D6
}
#main .oc-area ul li:nth-child(3) {
	background: #D9F5E8;
}
#main .oc-area ul li .img {
	position: relative;
	top: -20px;
	width: 120px;
	margin: 0 auto -20px;
}
#main .oc-area ul li dt {
	text-align: center;
	font-size: 18px;
	font-weight: 700;
}
#main .oc-area ul li:nth-child(1) dt span {
	color: #FA5B8B;
}
#main .oc-area ul li:nth-child(2) dt span {
	color: #FF6F00;
}
#main .oc-area ul li:nth-child(3) dt span {
	color: #19A060;
}
@media screen and (max-width: 1024px) {
	#main .oc-area h2 {
		font-size: 90px;
	}
	#main .oc-area .txt img {
		width: 240px;
	}
}
@media screen and (max-width: 767px) {
	#main .oc-area .inner {
		top: 10px;
		margin-bottom: 0;
	}
	#main .oc-area > .img {
		width: 100%;
		margin: 0;
	}
	#main .oc-area h2 {
		margin: 0;
		font-size: 45px;
	}
	#main .oc-area .txt {
		margin: 10px 0;
	}
	#main .oc-area .txt img {
		width: 300px;
	}
	#main .oc-area ul {
		display: block;
	}
	#main .oc-area ul li {
		display: flex;
		justify-content: space-between;
		align-items: center;
		width: 100%;
		margin: 10px 0 0;
		padding: 10px;
	}
	#main .oc-area ul li .img {
		top: 0;
		width: 80px;
		margin: 0;
	}
	#main .oc-area ul li dl {
		width: calc(100% - 100px);
	}
	#main .oc-area ul li dt {
		text-align: left;
		font-size: 16px;
	}
	#main .oc-area ul li dd {
		font-size: 14px;
	}
}
/* subject-point
------------------------------------------------*/
#subject-point.article--occupational .point1 .result {
	background: #00ADB2;
}
#subject-point.article--dental .point1 .result {
	background: #03B8DF;
}
/* oc-flow,oc-lesson,event-tday
------------------------------------------------*/
#main .oc-flow {
	border-top: 1px solid #ccc;
	margin-top: 40px;
	padding-top: 40px;
}
#main .oc-flow h3 {
	width: 100%;
	margin: 0 0 20px;
	font-size: 30px;
	font-weight: 700;
}
#main .oc-flow,
#main .oc-lesson {
	border-top: 1px solid #ccc;
	margin-top: 40px;
	padding-top: 40px;
}
#main .oc-lesson {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
#main .oc-flow h3,
#main .oc-lesson h3 {
	width: 100%;
	margin: 0 0 20px;
	font-size: 30px;
	font-weight: 700;
}
#main .oc-flow li {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	position: relative;
	padding: 0 0 30px;
}
#main .oc-flow li::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 30px;
	bottom: 0;
	z-index: -1;
	width: 1px;
	border-left: 2px dotted #707070;
}
#main .oc-flow li:last-child::before {
	content: none;
}
#main .oc-flow .time {
	display: flex;
	justify-content: center;
	align-items: center;
	background: #555;
	width: 60px;
	height: 60px;
	border-radius: 50%;
	font-size: 17px;
	font-weight: 700;
	color: #fff;
}
#main .oc-flow li:nth-child(2n) .time {
	background: #48872C;
}
#main .oc-flow dl {
	width: calc(100% - 80px);
}
#main .oc-flow dt {
	font-size: 18px;
	font-weight: 700;
}
#main .oc-flow li:nth-child(2n) dt {
	color: #48872C;
}
#main .oc-flow dd {
	margin: 5px 0 0;
}
#main .oc-flow .img {
	width: 50%;
	margin: 0 0 20px;
}
#main .oc-lesson .box {
	width: 48.5%;
	border-radius: 10px;
	margin: 0 0 30px;
}
#main .oc-lesson .box .img {
	position: relative;
}
#main .oc-lesson .box .img img {
	border-radius: 10px 10px 0 0;
}
#main .oc-lesson .box .img span {
	position: absolute;
	top: 0;
	left: 0;
	padding: 5px 15px;
	border-radius: 10px 0 10px 0;
	letter-spacing: 0.1em;
	font-size: 18px;
	font-weight: 700;
	color: #fff;
}
#main .oc-lesson .box.pt {
	background: #EEF4E6;
}
#main .oc-lesson .box.ot {
	background: #ebf3f2;
}
#main .oc-lesson .box.lh {
	background: #eae9fb;
}
#main .oc-lesson .box.dl {
	background: #eff7fc;
}
#main .oc-lesson .box.pt .img span {
	background: #89BA40;
}
#main .oc-lesson .box.ot .img span {
	background: #00ADB2;
}
#main .oc-lesson .box.lh .img span {
	background: #9997C9;
}
#main .oc-lesson .box.dl .img span {
	background: #03B8DF;
}
#main .oc-lesson .box p {
	padding: 1.5em 20px 0;
}
#main .oc-lesson.subject .box {
	width: 100%;
	margin: 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
#main .oc-lesson.subject .box .img img {
	border-radius: 10px 0 0 10px;
}
#main .oc-lesson.subject .p-btn--border {
	margin: 1.5em 20px;
}
#main .oc-lesson.subject .p-btn--border a {
	color: #333;
}
#main #event-tday {
	background: #E5EFF7;
	margin: 40px 0 0;
	padding: 5px 0 20px;
}
#main #event-tday .p-about-tday {
	margin-top: 20px;
}
#main #event-tday td {
	background: #fff;
}
main .oc-day h3 {
	margin: 0 0 30px;
	font-weight: bold;
	color: #48872C;
}
main .oc-day h3::before {
	content: "ALL DAYS";
	display: block;
	line-height: 1.2;
	letter-spacing: 0.1em;
	font-family: "Times New Roman", Times, "serif";
	font-weight: normal;
	font-size: 50px;
}
#main .oc-day {
	background: linear-gradient(135deg, #F1F6F9 0%, #C6EBD0 80%, #BADAE8 100%);
	padding: 60px 0;
}
#main .oc-day ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
}
#main .oc-day ul li {
	width: calc(25% - 10px);
	margin: 0 10px 10px 0;
	line-height: 1.2;
}
#main .oc-day ul li:nth-child(4n) {
	margin-right: 0;
}
#main .oc-day ul li a {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	background: #fff;
	border: 1px solid #ccc;
	border-radius: 5px;
	padding: 10px;
	text-align: center;
	color: #333;
}
#main .oc-day ul li a:after {
	content: "";
	position: absolute;
	top: 50%;
	right: 11px;
	transform: translate(0, -50%) rotate(135deg);
	width: 6px;
	height: 6px;
	border-left: solid 1px #888;
	border-top: solid 1px #888;
}
#main .oc-day ul li a:hover {
	opacity: 0.7;
}
#main .oc-day ul li small {
	display: block;
	width: 100%;
	font-family: "Poppins", sans-serif;
}
#main .oc-day ul li .data {
	letter-spacing: 0.04em;
	font-family: "Oswald", sans-serif;
	font-size: 20px;
}
#main .oc-day ul li .day {
	display: inline-block;
	margin: 2px 0 0 5px;
	line-height: 18px;
	width: 18px;
	height: 18px;
	border-radius: 50%;
	font-size: 12px;
	color: #fff;
}
#main .oc-day ul li .day.sun {
	background: #E60012;
}
#main .oc-day ul li .day.sat {
	background: #036EB8;
}
#main #tday-area .p-btn {
	width: 100%;
}
#main #tday-area .p-btn--border::before {
	content: none;
}
#main #tday-area .p-btn--border::after {
	transform: translate(0, -50%) rotate(225deg);
}
#main #tday-area .p-btn--border.active::after {
	transform: translate(0, -50%) rotate(45deg);
}
@media screen and (max-width: 767px) {
	#main .oc-flow h3,
	#main .oc-lesson h3 {
		font-size: 22px;
	}
	#main .oc-flow dl {
		width: calc(100% - 80px);
	}
	#main .oc-flow .img {
		width: calc(100% - 80px);
		margin: 10px 0 30px auto;
	}
	#main .oc-lesson .box {
		width: 100%;
	}
	#main .oc-lesson .box+.box {
		margin: 20px 0 0;
	}
	#main .oc-lesson.subject .box {
		width: 100%;
		flex-direction: column;
	}
	#main .oc-lesson.subject .box .img img {
		border-radius: 10px 10px 0 0;
	}
	#main .oc-lesson.subject .p-btn--border {
		width: calc( 100% - 3em );
	}
	#main #event-tday {
		margin: 30px 0 0;
		padding: 10px 0;
	}
	#main .oc-day ul li {
		width: calc(50% - 10px);
	}
}
/* faq
------------------------------------------------*/
#main .faq {
	background: #D7E8F4;
	padding: 60px 0;
}
#main .faq h2 {
	margin: 0 0 30px;
	font-weight: bold;
	color: #036EB8;
}
#main .faq h2::before {
	content: "Q&A";
	display: block;
	line-height: 1.2;
	letter-spacing: 0.1em;
	font-family: "Times New Roman", Times, "serif";
	font-weight: normal;
	font-size: 50px;
}
#main .faq dt {
	position: relative;
	background: #fff;
	border-radius: 5px;
	padding: 20px 50px;
	cursor: pointer;
}
#main .faq dt:nth-of-type(n+2) {
	margin: 10px 0 0;
}
#main .faq dt:after {
	content: "P";
	display: inline-block;
	position: absolute;
	top: 50%;
	right: 15px;
	transform: translateY(-50%);
	font-family: "ElegantIcons";
	font-size: 1.5rem;
	color: #888;
}
#main .faq dt.active {
	border-radius: 5px 5px 0 0;
}
#main .faq dt.active::after {
	content: "O";
}
#main .faq dd {
	display: none;
	position: relative;
	background: #fff;
	border-top: 1px solid #ccc;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	padding: 20px 20px 20px 50px;
}
#main .faq dt:before,
#main .faq dd:before {
	display: block;
	position: absolute;
	top: 25px;
	left: 20px;
	line-height: 1;
	font-family: "Poppins", sans-serif;
	font-size: 19px;
	font-weight: 700;
}
#main .faq dt:before {
	content: "Q";
	color: #036EB8;
}
#main .faq dd:before {
	content: "A";
	color: #888;
}
/* line-area
------------------------------------------------*/
#main #line-area {
	margin-top: 80px;
	margin-bottom: 60px;
}
/* results-area
------------------------------------------------*/
#results-area {
	background-image: linear-gradient(135deg, #C6EBD0 0%, #f6fcff 25%, #fff 100%);
	margin: 40px 0 0;
    padding: 5px 0 40px;
}
#results-area h2 {
	letter-spacing: 0.1em;
}
#results-area h2 span {
	font-size: 1.3em;
	color: #48872C;
}
#results-area h2::before {
	content: "RESULTS";
	display: block;
	line-height: 1.2;
	letter-spacing: 0.1em;
	font-family: "Times New Roman", Times, "serif";
	font-weight: normal;
	font-size: 0.6em;
	color: #48872C;
}
#results-area .p-result-list__body .c-title__h4 {
	border-radius: 5px;
	margin: 0 0 10px;
	padding: 0.1em 0.5em;
	text-align: center;
	letter-spacing: 0.1em;
	font-size: 1.2em;
	color: #fff;
}
#results-area .p-result-list__body .c-title__h4::after {
    border: none;
    width: 12px;
    height: 12px;
    bottom: -6px;
    left: 50%;
    transform: translate(-50%, 0) rotate(45deg);
}
#results-area .p-result-list__body .c-title__h4--phy,
#results-area .p-result-list__body .c-title__h4--phy::after {
	background: #89BA40;
}
#results-area .p-result-list__body .c-title__h4--oct,
#results-area .p-result-list__body .c-title__h4--oct::after {
	background: #00ADB2;
}
#results-area .p-result-list__body .c-title__h4--dtl,
#results-area .p-result-list__body .c-title__h4--dtl::after {
	background: #03B8DF;
}
#results-area .p-result-list__pertit {
	font-weight: normal;
	font-size: 1em;
}
#results-area .p-result-list__pernum--num {
	line-height: 1;
	font-size: 110px;
}
#results-area .pickup {
	background: linear-gradient(90deg, rgba(250, 90, 139, 1), rgba(255, 167, 0, 1));
	text-align: center;
	line-height: 1.4;
	letter-spacing: 0.1em;
	font-weight: 600;
	font-size: 1.2em;
	color: #fff;
}
#results-area .pickup strong {
	font-size: 1.2em;
}
@media screen and (max-width: 767px) {
	#results-area .p-result-list__body .c-title__h4 {
		padding: 0.2em 0.5em;
	}
	#results-area .p-result-list__pernum--num {
		font-size: 80px;
	}
	#results-area .p-result-list__per {
		align-items: center;
	}
	#results-area .pickup {
		padding: 0.1em 1.8em 0.1em 2.2em;
		width: fit-content;
		margin: 0 0 0 auto;
	}
}
/* student
------------------------------------------------*/
#student {
	margin-top: 0;
}
/* follow 
------------------------------------------------*/
.page-template-page-lp #follow {
	display: block;
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 1;
	background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5));
	width: 100%;
	padding-bottom: 15px;
}
.page-template-page-lp #follow ul.cta li i {
	font-style: normal;
}
@media screen and (max-width: 767px) {
	.page-template-page-lp #follow {
		background-color: transparent;
		box-shadow: none;
		padding: 20px 0 10px;
	}
	.page-template-page-lp #follow ul.cta li {
		width: 27%;
		margin: 0 !important;
		border: none;
	}
	.page-template-page-lp #follow ul.cta li:first-child {
		width: 40%;
	}
	.page-template-page-lp #follow ul.cta li a {
		height: auto;
        padding: 15px 5px;
        font-size: 14px;
        color: #fff;
	}
	.page-template-page-lp #follow ul.cta li a:before,
	.page-template-page-lp #follow ul.cta li a:after {
		content: none;
	}
	.page-template-page-lp #follow ul.cta li span,
	.page-template-page-lp #follow ul.cta li i {
		display: none;
	}
}
/* subject-point
------------------------------------------------*/
#subject-point .diploma h4::before {
	background: #89BA40;
}
#subject-point.article--occupational>div+div {
	border-color: #ebf3f2
}
#subject-point.article--languagehearing>div+div {
	    border-color: #9997C9;
}
#subject-point.article--dental>div+div {
	border-color: #03B8DF;
}
#subject-point.article--dental .point3 .flex .box:last-child p {
    background: #eff7fc;
    padding: 15px 0;
}
#subject-point.article--dental .point3 .flex img {
	display: block;
	width: 220px;
	margin: 0 auto;
}
#subject-point.article--dental .point3 .sub-box {
	margin-left: 70px;
}
#subject-point.article--dental .point3 .sub-box ul::after {
	content: "";
	width: 33%;
    margin: 0;
}
@media screen and (max-width: 767px) {
	#subject-point .p-result-list__title--sub {
		border: solid 1px #ccc !important;
		padding: 15px !important;
	}
	#subject-point .p-result-list__title--sub::before {
		content: none;
	}
	#subject-point.article--dental .point3 .sub-box {
		margin-left: 0;
	}
}
/* footer
------------------------------------------------*/
#footer h2 {
	font-weight: 600;
}