.point-text ul li
@charset "UTF-8";
#bosyuu h2 { position: relative; padding: 0 65px; text-align: center;}
#bosyuu h2:before,#bosyuu h2:after { position: absolute; top: calc(50% - 3px); width: 20vw; height: 6px; content: ''; border-top: solid 2px #dc3545; border-bottom: solid 2px #dc3545;}
#bosyuu h2:before { left: 0;}
#bosyuu h2:after { right: 0;}
#bosyuu h3 { border-bottom:1px solid #222;}
#online-course dl { border-bottom: 2px solid #3498db; margin-bottom: 2rem; padding: .5rem 0 .5rem;}#online-course dd { margin-bottom: 0;}
#memo table,.syokeihi table,
#timetable table,
#cost table { border:1px solid #222;}#memo table th,
#cost table th,
.elementary th {background-color: #CCE5FF;	border:1px solid #222;	padding: 1rem 0;	text-align: center;}#memo table td,
#timetable table td,
#cost table td { border:1px solid #222; padding: .5vw 1vw;
/* width: 5%;*/}#timetable table th,
#timetable table td { border:1px solid #222; padding: .5vw 1vw;}
#online-course dl,
#attending-course dl { height: 100%; transition: .6s ease-out; transform: translateY(40px); opacity: 0;}#online-course dl.delighter.started,
#attending-course dl.delighter.started { transform: translateY(0); opacity: 1;}
#onlinetable th,#onlinetable td,
#attendingtable th,#attendingtable td { border:1px solid #222; padding: .5vw 1vw; width: 20%;}
#syokeihi-tit { border-bottom: 2px solid #3498db;}
.syokeihi table td { border:1px solid #222; padding: .5vw 1vw; width: 50%;}
#memo h3 { font-size: 120%;}
.syokeihi h3 { font-size: 120%; border-left: solid 3px #3498db; padding: .1vw .1vw .1vw .8vw;}
.point { height: 100%; transition: .6s ease-out; transform: translateY(40px); opacity: 0;}.point.delighter.started { transform: translateY(0); opacity: 1;}
.point-text ul { border-bottom:2px solid #3298DB; margin-bottom:2em;}
.point-text ul { margin-bottom:1rem;}
#recruitment { height: 100%; transition: .6s ease-out; transform: translateY(40px); opacity: 0;}#recruitment.delighter.started { transform: translateY(0); opacity: 1;}
#recruitment p { font-size: 160%; }
.content-box { border:2px solid #3298DB;}
.online-contents { height: 100%; transition: .6s ease-out; transform: translateY(40px); opacity: 0;}.online-contents.delighter.started { transform: translateY(0); opacity: 1;}
.koumoku li { list-style: inside; padding: 0 1rem;}.cource h2 {background-color: #0070c0;	color: #fff;	padding: 1rem 0.5rem;}
.cource dl {margin-bottom: 3rem;}.cource dl dt {color: #0070c0;	border-bottom: 2px solid #0070c0;	margin-bottom: 1rem;	font-size: 120%;	font-weight: 600;}.cource dl dt span {color: #0070c0;	font-weight: 600;	font-size: 160%;	margin-right: 1rem;}
#cont table tr,
#cont table td { border:1px solid #222;	padding: 1rem;}#cost table tr,
#cost table td { border:1px solid #222;	padding: 1rem;}
#annotation {padding-left: 1rem;}#annotation li:before {content: "※"}#annotation li {padding-left:1em;	text-indent:-1em;}#annotation dt {display: inline-block;	background-color:#007BFF;	color: #fff;	padding: .25rem 1rem;	border-radius: 10px;}.pricetext ul li{line-height:2;}.classes{width: 85%;	margin: auto;}.classes span{color: red;}
@media (min-width: 1300px){ #memo, #cost, #timetable { font-size: 1.1rem; }}
@media (max-width: 1365px){#recruitment { line-height: 2rem; }}
@media (min-width: 768px){#bg-photo { height:30vw; background-image: url("../img/bg-online.jpg"); background-size: cover; background-position: center center; background-attachment: fixed;}}
@media (max-width: 767px){#online ol { padding-left: 1rem;}.koumoku li { padding: 0 .25rem;}
#memo table th,
#timetable table th { padding: 2vw;}
#memo table td,
#timetable table th,
#timetable table td { border:1px solid #222; padding: 1vw 2vw;}
.point-text ul li { line-height: 1.1rem; margin-bottom:.5em;}#recruitment p { font-size: 140%;}
#memo table,
#timetable table,
#cost table,
#online table,#attendingtable table { width: 800px;} #bosyuu h2 { font-size: 140%;}}