/*------------------------------------------
  zentai
--------------------------------------------*/
.entry-header {
	display: none !important;
}
.sp, .sspoff {
    display: block;
}
.pc, .sp320 {
    display: none;
}
.ftnomal {
	font-weight: normal !important;
}
@media only screen and (min-width: 768px) {
.sp, .sp320 {
    display: none;
}
.pc, .sspoff {
    display: block;
}
}

@media only screen and (max-width: 350px) {
.sp, .sp320 {
    display: block;
}
.pc, .sspoff {
    display: none;
}
}
.mgt10 {
    margin-top: 10px !important;
}
.mgt30 {
    margin-top: 30px !important;
}
.mgb20 {
    margin-bottom: 20px !important;
}
.mb40 {
    margin-bottom: 40px !important;
}
.mb30 {
    margin-bottom: 30px !important;
}
.mb20 {
    margin-bottom: 20px !important;
}
.mb10 {
    margin-bottom: 10px !important;
}
.pdt10 {
    padding-top: 10px !important;
}
.pdt20 {
    padding-top: 20px !important;
}
.pdt30 {
    padding-top: 30px !important;
}

.sp18 {
    font-size: 20px;
}
.contents {
    padding-left: 10px;
    padding-right: 10px;
}

.wrap img {
    width: 100%;
}
/*
img {
    width: 100%;
}
*/

.contents h3 {
	margin-bottom: 15px !important;
}
.contents h3.nonbt {
	margin-bottom: 0 !important;
}
.noborder {
	border-bottom: none !important;
}
.borderon {
	border-bottom: 1px solide #ccc;
}
 p.ind {
	padding-top: 0 !important;
	margin:0 !important;
	padding-left: 5px !important;
	padding-bottom: 15px;
	line-height: 1.2;
}


/*------------------------------------------
  Backgroud Color
--------------------------------------------*/
.bg_gray3 { background-color: #E0E0E0; }



/*------------------------------------------
  h1, h2, h3
--------------------------------------------*/

@media only screen and (max-width: 350px){
h1 {
	font-size: 2.6rem;
}
h2 {
	font-size: 2.2rem;
}
}

/*------------------------------------------
  タイトル画像周り
--------------------------------------------*/
.ttl {
    margin: 0 auto;
    padding: 0 3% 35%;
    width: 100%;
    height: auto;
    font-family: 'ヒラギノ角ゴ', 'Hiragino Kaku Gothic', 'メイリオ', Meiryo, sans-serif;
    position: relative;
    display: block;
}
.ttl#entertainment {
    background-image: url(/yawp/wp-content/themes/yoani/assets/images/course/entertainment/sp_title.jpg);
    background-position: top center;
    background-size: cover;
    height: 100% !important;
}
.ttl#animation {
    background-image: url(/yawp/wp-content/themes/yoani/assets/images/course/animation/sp_title.jpg);
    background-position: top center;
    background-size: cover;
    height: 100% !important;
}
.ttl#hightschool {
    background-image: url(/yawp/wp-content/themes/yoani/assets/images/school/high_school/sp_title.jpg);
    background-position: top center;
    background-size: cover;
    height: 100% !important;
}
.ttl#juniorschool {
    background-image: url(/yawp/wp-content/themes/yoani/assets/images/school/junior_school/sp_title.jpg);
    background-position: top center;
    background-size: cover;
    height: 100% !important;
}
.ttl#restartschool {
    background-image: url(/yawp/wp-content/themes/yoani/assets/images/school/restart/sp_title.jpg);
    background-position: top center;
    background-size: cover;
    height: 100% !important;
}
.ttl#forparents {
    background-image: url(/yawp/wp-content/themes/yoani/assets/images/school/parents/sp_title.jpg);
    background-position: top center;
    background-size: cover;
    height: 100% !important;
}
.ttl#akimoto {
    background-image: url(/yawp/wp-content/themes/yoani/assets/images/school/akimoto/sp_title.jpg);
    background-position: top center;
    background-size: cover;
    height: 100% !important;
}
.ttl#graduation {
    background-image: url(/yawp/wp-content/themes/yoani/assets/images/school/graduation/sp_title.jpg);
    background-position: top center;
    background-size: cover;
    height: 100% !important;
}
.ttl#forcompany {
    background-image: url(/yawp/wp-content/themes/yoani/assets/images/school/company/sp_title.jpg);
    background-position: top center;
    background-size: cover;
    height: 100% !important;
}
.ttl#course {
    background-image: url(/yawp/wp-content/themes/yoani/assets/images/course/top/sp_title.jpg);
    background-position: top center;
    background-size: cover;
    height: 100% !important;
}
.ttl#animeter {
    background-image: url(/yawp/wp-content/themes/yoani/assets/images/course/animeter/sp_title.jpg);
    background-position: top center;
    background-size: cover;
    height: 100% !important;
}
.ttl#creator {
    background-image: url(/yawp/wp-content/themes/yoani/assets/images/course/creator/sp_title.jpg);
    background-position: top center;
    background-size: cover;
    height: 100% !important;
}
.ttl#voiceactor {
    background-image: url(/yawp/wp-content/themes/yoani/assets/images/course/voice/sp_title.jpg);
    background-position: top center;
    background-size: cover;
    height: 100% !important;
}
.ttl#anison {
    background-image: url(/yawp/wp-content/themes/yoani/assets/images/course/voice-anison/sp_title.jpg);
    background-position: top center;
    background-size: cover;
    height: 100% !important;
}
.ttl#youtuber {
    background-image: url(/yawp/wp-content/themes/yoani/assets/images/course/youtuber/sp_title.jpg);
    background-position: top center;
    background-size: cover;
    height: 100% !important;
}
.ttl#dance-vocal {
    background-image: url(/yawp/wp-content/themes/yoani/assets/images/course/dance-vocal/sp_title.jpg);
    background-position: top center;
    background-size: cover;
    height: 100% !important;
}
.ttl#scenario-novel {
    background-image: url(/yawp/wp-content/themes/yoani/assets/images/course/scenario-novel/sp_title.jpg);
    background-position: top center;
    background-size: cover;
    height: 100% !important;
}
.ttl#idol {
    background-image: url(/yawp/wp-content/themes/yoani/assets/images/course/idol/sp_title.jpg);
    background-position: top center;
    background-size: cover;
    height: 100% !important;
}
.ttl#background {
    background-image: url(/yawp/wp-content/themes/yoani/assets/images/course/backgr/sp_title.jpg);
    background-position: top center;
    background-size: cover;
    height: 100% !important
}
.ttl#director {
    background-image: url(/yawp/wp-content/themes/yoani/assets/images/course/director/sp_title.jpg);
    background-position: top center;
    background-size: cover;
    height: 100% !important
}
.ttl#onkyo {
    background-image: url(/yawp/wp-content/themes/yoani/assets/images/course/onkyo/sp_title.jpg);
    background-position: top center;
    background-size: cover;
    height: 100% !important
}
.ttl#manga {
    background-image: url(/yawp/wp-content/themes/yoani/assets/images/course/manga/sp_title.jpg);
    background-position: top center;
    background-size: cover;
    height: 100% !important
}
.ttl#illust {
    background-image: url(/yawp/wp-content/themes/yoani/assets/images/course/illust/sp_title.jpg);
    background-position: top center;
    background-size: cover;
    height: 100% !important
}
.ttl#figure {
    background-image: url(/yawp/wp-content/themes/yoani/assets/images/course/figure/sp_title.jpg);
    background-position: top center;
    background-size: cover;
    height: 100% !important
}
.ttl#e25 {
    background-image: url(/yawp/wp-content/themes/yoani/assets/images/course/25/sp_title.jpg);
    background-position: top center;
    background-size: cover;
    height: 100% !important
}
.ttl#weeklymain {
    background-image: url(/yawp/wp-content/themes/yoani/assets/images/course/weekly/sp_title.jpg);
    background-position: top center;
    background-size: cover;
    height: 100% !important
}
.ttl#hsmain {
    background-image: url(/yawp/wp-content/themes/yoani/assets/images/course/hs/sp_title.jpg);
    background-position: top center;
    background-size: cover;
    height: 100% !important
}

.ttl#yakan_wmain {
    background-image: url(/yawp/wp-content/themes/yoani/assets/images/course/yakan_wschool/sp_title.jpg) ;
    background-position: top center;
    background-size: cover;
    height: 100% !important
}
.ttl h1 {
    margin: 0 auto;
    padding: 5% 3% 3%;
    max-width: 1000px;
    line-height: 1.2;
}
.ttl h1 span {
    display: block;
}
.ttl p.catch {
    margin: 0.5% auto;
    padding: 0% 3%;
    max-width: 1000px;
    font-size: 1.5rem;
    font-weight: bold !important;
    color: #fff;
    text-shadow: 2px 2px 2px #333;
    letter-spacing: -0.5px;
}
.ttl p.black{
    color: #000;
    text-shadow: 2px 2px 1px #fff;
}
/*
#akimoto.ttl p.catch, #graduation.ttl p.catch, #animeter.ttl p.catch, #illust.ttl p.catch, #figure.ttl p.catch{
    color: #000;
    text-shadow: 2px 2px 1px #fff;
}
*/

@media only screen and (min-width: 768px) {
.ttl {
    padding: 0 3%;
    min-height: 300px;
}
.ttl#entertainment {
    background: url(/yawp/wp-content/themes/yoani/assets/images/course/entertainment/title.jpg) top center!important;
    background-size: cover !important;
}
.ttl#animation {
    background: url(/yawp/wp-content/themes/yoani/assets/images/course/animation/title.jpg) top center!important;
    background-size: cover !important;
}
.ttl#creator {
    background: url(/yawp/wp-content/themes/yoani/assets/images/course/creator/title.jpg) top center!important;
    background-size: cover !important;
}
.ttl#hightschool {
    background: url(/yawp/wp-content/themes/yoani/assets/images/school/high_school/title.jpg) top center!important;
    background-size: cover !important;
}
.ttl#juniorschool {
    background: url(/yawp/wp-content/themes/yoani/assets/images/school/junior_school/title.jpg) top center!important;
    background-size: cover !important;
}
.ttl#restartschool {
    background: url(/yawp/wp-content/themes/yoani/assets/images/school/restart/title.jpg) top center!important;
    background-size: cover !important;
}
.ttl#forparents {
    background: url(/yawp/wp-content/themes/yoani/assets/images/school/parents/title.jpg) top right!important;
    background-size: cover !important;
}
.ttl#akimoto {
    background: url(/yawp/wp-content/themes/yoani/assets/images/school/akimoto/title.jpg) top center!important;
    background-size: cover !important;
}
.ttl#graduation {
    background: url(/yawp/wp-content/themes/yoani/assets/images/school/graduation/title.jpg) top center!important;
    background-size: cover !important;
}
.ttl#forcompany {
    background: url(/yawp/wp-content/themes/yoani/assets/images/school/company/title.jpg) top center;
    background-size: cover;
    height: 100% !important;
}
.ttl#course {
    background: url(/yawp/wp-content/themes/yoani/assets/images/course/top/title.jpg) top center;
    background-size: cover;
    height: 100% !important;
}
.ttl#animeter {
    background: url(/yawp/wp-content/themes/yoani/assets/images/course/animeter/title.jpg) top center;
    background-size: cover;
    height: 100% !important;
}
.ttl#voiceactor {
    background: url(/yawp/wp-content/themes/yoani/assets/images/course/voice/title.jpg) top center;
    background-size: cover;
    height: 100% !important;
}
.ttl#anison {
    background: url(/yawp/wp-content/themes/yoani/assets/images/course/voice-anison/title.jpg) top center;
    background-size: cover;
    height: 100% !important;
}
.ttl#youtuber {
    background: url(/yawp/wp-content/themes/yoani/assets/images/course/youtuber/title.jpg) top center;
    background-size: cover;
    height: 100% !important;
}
.ttl#dance-vocal {
    background: url(/yawp/wp-content/themes/yoani/assets/images/course/dance-vocal/title.jpg) top center;
    background-size: cover;
    height: 100% !important;
}
.ttl#scenario-novel {
    background: url(/yawp/wp-content/themes/yoani/assets/images/course/scenario-novel/title.jpg) top center;
    background-size: cover;
    height: 100% !important;
}
.ttl#idol {
    background: url(/yawp/wp-content/themes/yoani/assets/images/course/idol/title.jpg) top center;
    background-size: cover;
    height: 100% !important;
}
.ttl#background {
    background: url(/yawp/wp-content/themes/yoani/assets/images/course/backgr/title.jpg) top center;
    background-size: cover;
    height: 100% !important;
}
.ttl#director {
    background: url(/yawp/wp-content/themes/yoani/assets/images/course/director/title.jpg) top center;
    background-size: cover;
    height: 100% !important;
}
.ttl#onkyo {
    background: url(/yawp/wp-content/themes/yoani/assets/images/course/onkyo/title.jpg) top center;
    background-size: cover;
    height: 100% !important;
}
.ttl#manga {
    background: url(/yawp/wp-content/themes/yoani/assets/images/course/manga/title.jpg) top center;
    background-size: cover;
    height: 100% !important;
}
.ttl#illust {
    background: url(/yawp/wp-content/themes/yoani/assets/images/course/illust/title.jpg) top center;
    background-size: cover;
    height: 100% !important;
}
.ttl#figure {
    background: url(/yawp/wp-content/themes/yoani/assets/images/course/figure/title.jpg) top center;
    background-size: cover;
    height: 100% !important;
}
.ttl#e25 {
    background: url(/yawp/wp-content/themes/yoani/assets/images/course/25/title.jpg) top center;
    background-size: cover;
    height: 100% !important;
}
.ttl#weeklymain {
    background: url(/yawp/wp-content/themes/yoani/assets/images/course/weekly/title.jpg) top center;
    background-size: cover;
    height: 100% !important;
}
.ttl#hsmain {
    background: url(/yawp/wp-content/themes/yoani/assets/images/course/hs/title.jpg) top center;
    background-size: cover;
    height: 100% !important;
}

.ttl#yakan_wmain {
    background: url(/yawp/wp-content/themes/yoani/assets/images/course/yakan_wschool/title.jpg) top center;
    background-size: cover;
    height: 100% !important;
}
.ttl#hightschool img, .ttl#juniorschool img, .ttl#restart img, .ttl#forparents img, .ttl#akimoto img {
    display: none;
}
.ttl h1 {
    padding: 45px 0 15px;
}
.ttl p.catch {
    padding: 0;
}
.ttl p.catch {
/*    font-weight: normal !important;*/
    text-shadow: 1px 1px 1px #333;
}
.ttl p.black {
    color: #000;
    text-shadow: 1px 1px 1px #fff;
}

/*
#akimoto.ttl p.catch, #graduation.ttl p.catch, #animeter.ttl p.catch, #director.ttl p.catch, #manga.ttl p.catch, #illust.ttl p.catch, #figure.ttl p.catch, #hsmain.ttl p.catch {
    color: #000;
    text-shadow: 1px 1px 1px #fff;
}
*/
}
/*------------------------------------------
  sub

--------------------------------------------*/
section .subbtn {
    font-size: 0;
    width: 96%;
    margin: 0 auto;
    padding: 0;
    text-align: center;
}
section .contents_wide .subbtn {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    margin: 0 auto;
}
#courses .contents .subbtn {
    font-size: 0;
    width: 100%;
    margin: auto;
	padding: 0;
    text-align: center;
}
section .subbtn ul {
    margin: 10px 0;
    font-size: 0;
    padding: 0;
    list-style: none;
    text-align: left;
}
section .subbtn ul.no6, section .subbtn ul.no7 {
    margin: 0;
    padding: 0;
    font-size: 0;
    list-style: none;
    text-align: left;
}
section .subbtn ul.no2 {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: left;
}
section .subbtn.btn_alr ul {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: left !important;
}
section .subbtn ul li {
    display: inline-block;
    border: 2px solid #F03B71;
    background-color: #fff;
    padding: 0;
    margin: 1.5% 1%;
    text-align: center;
    font-size: 1.45rem;
    letter-spacing: -0.5px;
}
section .subbtn ul li a {
    display: block;
    padding: 15px 15px 15px 0;
    color: #F03B71;
    font-size: 14px;
    line-height: 1.5em;
}
section .subbtn ul li a span.f12 {
    font-size: 12px;
}
section .subbtn ul li span {
    position: relative;
    display: block;
}
section .subbtn ul li span::after {
    content: '';
    width: 6px;
    height: 6px;
    border: 0px;
    border-top: solid 2px #F03B71;
    border-right: solid 2px #F03B71;
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    position: absolute;
    top: 50%;
    right: -8px;
    margin-top: -5px;
}
#high_school section .subbtn ul li span::after {
    content: '';
    width: 6px;
    height: 6px;
    border: 0px;
    border-top: solid 2px #F03B71;
    border-right: solid 2px #F03B71;
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    position: absolute;
    top: 50%;
    right: -5px;
    margin-top: -5px;
}
section .subbtn ul.no4 li span {
    position: relative;
    display: block;
}
section .subbtn ul.no4 li span::after {
    content: '';
    width: 6px;
    height: 6px;
    border: 0px;
    border-top: solid 2px #F03B71;
    border-right: solid 2px #F03B71;
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    position: absolute;
    top: 50%;
    right: -5px;
    margin-top: -5px;
}
section .subbtn ul li em {
    position: relative;
    font-style: normal;
    display: block;
    font-size: 12px;
}
section .subbtn ul li em:after {
    content: '';
    width: 6px;
    height: 6px;
    border: 0px;
    border-top: solid 2px #F03B71;
    border-right: solid 2px #F03B71;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    position: absolute;
    top: 50%;
    right: 5px;
    margin-top: -5px;
}
section .subbtn ul.no4 li em:after {
    right: -5px;
}
section .subbtn ul.no2 li {
    margin: 0 .8% 1%!important;
    width: 48%;
    letter-spacing: -1px;
}
section .subbtn ul.no2 li em:after, section .subbtn ul.no4 li span:after, section .subbtn ul.no7 li span:after {
    content: '';
    width: 6px;
    height: 6px;
    border: 0px;
    border-top: solid 2px #F03B71;
    border-right: solid 2px #F03B71;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    position: absolute;
    top: 50%;
    right: -5px;
    margin-top: -5px;
}
.protector .subbtn ul.no4 li span:after, .protector .subbtn ul.no7 li span:after {
    content: '';
    width: 6px;
    height: 6px;
    border: 0px;
    border-bottom: solid 2px #F03B71;
    border-right: solid 2px #F03B71;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    position: absolute;
    top: 50%;
    right: -5px;
    margin-top: -5px;
}
.protector .subbtn ul.no2 li em:after {
    content: '';
    width: 6px;
    height: 6px;
    border: 0px;
    border-top: solid 2px #F03B71;
    border-right: solid 2px #F03B71;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    position: absolute;
    top: 50%;
    right: -5px;
    margin-top: -5px;
}
.facilities .subbtn ul.no4 li span:after, .protector .subbtn ul.no7 li span:after {
    content: '';
    width: 6px;
    height: 6px;
    border: 0px;
    border-bottom: solid 2px #F03B71;
    border-right: solid 2px #F03B71;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    position: absolute;
    top: 50%;
    right: -5px;
    margin-top: -5px;
}
.facilities .subbtn ul.no2 li em:after {
    content: '';
    width: 6px;
    height: 6px;
    border: 0px;
    border-top: solid 2px #F03B71;
    border-right: solid 2px #F03B71;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    position: absolute;
    top: 50%;
    right: -5px;
    margin-top: -5px;
}
.courselist .subbtn ul.no2 li em:after, .courselist .subbtn ul.no4 li span:after, .courselist .subbtn ul.no7 li span:after {
    content: '';
    width: 6px;
    height: 6px;
    border: 0px;
    border-bottom: solid 2px #F03B71;
    border-right: solid 2px #F03B71;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    position: absolute;
    top: 50%;
    right: -5px;
    margin-top: -5px;
}
#Admissions .subbtn ul.no2 li em:after, #Admissions .subbtn ul.no4 li span:after, #Admissions .subbtn ul.no7 li span:after {
    content: '';
    width: 6px;
    height: 6px;
    border: 0px;
    border-bottom: solid 2px #F03B71;
    border-right: solid 2px #F03B71;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    position: absolute;
    top: 50%;
    right: -5px;
    margin-top: -5px;
}
.gakuhi .subbtn ul.no2 li em:after, .gakuhi .subbtn ul.no4 li span:after, .gakuhi .subbtn ul.no7 li span:after {
    content: '';
    width: 6px;
    height: 6px;
    border: 0px;
    border-bottom: solid 2px #F03B71;
    border-right: solid 2px #F03B71;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    position: absolute;
    top: 50%;
    right: -5px;
    margin-top: -5px;
}
.qa .subbtn ul.no2 li em:after, .qa .subbtn ul.no4 li span:after, .qa .subbtn ul.no7 li span:after {
    content: '';
    width: 6px;
    height: 6px;
    border: 0px;
    border-bottom: solid 2px #F03B71;
    border-right: solid 2px #F03B71;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    position: absolute;
    top: 50%;
    right: -5px;
    margin-top: -5px;
}
section .subbtn ul#second li {
    margin: 0 0.8% !important;
    width: 48%;
}
section .subbtn ul.no3 li, section .subbtn ul.no4 li, section .subbtn ul.no5 li, section .subbtn ul.no6 li, section .subbtn ul.no7 li {
    width: 31.133%;
    margin-bottom: 1%;
}
section .subbtn ul.no3 li a, section .subbtn ul.no7 li, section .subbtn ul.no4 li a, section .subbtn ul.no2 li a {
    font-size: 1.2rem;
    letter-spacing: -0.1em;
}
section .subbtn ul.no3 li a.small_t {
    font-size: 1.0rem;
    letter-spacing: -0.1em;
}
section .subbtn ul.no3 li a.small_t02 {
    font-size: 1.0rem;
    letter-spacing: -0.2em;
}


@media only screen and (max-width: 480px) {
section .subbtn ul li {
    margin: 1.5% 1.0%;
}
section .subbtn ul.no3 li, section .subbtn ul.no4 li, section .subbtn ul.no5 li, section .subbtn ul.no6 li, section .subbtn ul.no7 li {
    width: 47.5%;
    margin-bottom: 1%;
    font-size: 1.1rem;
}
}

@media only screen and (min-width: 930px) {
section .subbtn ul.no7 li {
    width: 13.125%;
    font-size: 1.2rem;
}
}

@media only screen and (min-width: 768px) {
section .subbtn ul {
    text-align: center;
}
section .subbtn ul.no2 {
    text-align: left !important;
}
section .subbtn ul.no6, section .subbtn ul.no7 {
    text-align: center !important;
}
section .subbtn ul li {
    margin: 0.5% 0.5% !important;
}
section .subbtn ul.no7 li, section .subbtn ul.no4 li a, section .subbtn ul.no4 li a {
    font-size: 1.3rem;
}
section .subbtn ul li {
    margin: 1.5% 0.5%;
}
section .subbtn ul.no3 li {
    width: 31.3333333%;
}
section .subbtn ul.no4 li {
    width: 23%;
}
section .subbtn ul.no4 li em::after {
    right: 5px;
}
section .subbtn ul.no5 li {
    width: 18%;
}
section .subbtn ul.no6 li {
    width: calc(93% / 6);
}
section .subbtn ul#second li {
    margin: 0 1% !important;
    width: 180px;
}
}
/*------------------------------------------
  リスト
--------------------------------------------*/
ol.licercle {
    margin-bottom: 0;
    counter-reset: number;
    list-style-type: none!important;
}
ol.licercle li {
    position: relative;
    font-size: 1.8rem;
    font-weight: bold;
    line-height: 2.2rem;
    padding: 1.5em 0.5em 1.5em 50px;
    margin: 0;
}

@media only screen and (min-width: 768px) {
}
ol.licercle li:before {
    /* 数字をつける */
    position: absolute;
    counter-increment: number;
    content: counter(number);
    /*数字のデザイン変える*/
    display: inline-block;
    background: #F03B71;
    color: white;
    font-size: 2.8rem;
    border-radius: 50%;
    left: -20px;
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    /*上下中央寄せ用*/
    top: 50%;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
ol.licercle2 {
    margin-bottom: 30px;
    counter-reset: number;
    list-style-type: none!important;
}
ol.licercle2 li {
    position: relative;
    font-size: 1.8rem;
    font-weight: bold;
    line-height: 1.4em;
    padding: 1.5em 0.5em 1.5em 30px;
    margin: 0;
}
ol.licercle2 li:before {
    /* 数字をつける */
    position: absolute;
    counter-increment: number;
    content: counter(number);
    /*数字のデザイン変える*/
    display: inline-block;
    background: #F03B71;
    color: white;
    font-size: 2.8rem;
    border-radius: 50%;
    left: -40px;
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    /*上下中央寄せ用*/
    top: 50%;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
ol.licercle2 li span {
	font-weight: normal !important;
	 font-size: 1.5rem;
}

/*------------------------------------------
  link
--------------------------------------------*/
.contents .lnk {
    padding-right: 10px;
    margin-bottom: 20px;
    text-align: right;
    font-size: 1.4rem;
    position: relative;
}
.contents .lnk::after {
    content: '';
    width: 6px;
    height: 6px;
    border: 0px;
    border-top: solid 1px #000000;
    border-right: solid 1px #000000;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -5px;
}
.pinklink {
    padding-right: 10px;
    margin: 20px auto 20px;
    text-align: center;
    font-size: 2.0rem;
    position: relative;
    font-weight: bold;
    max-width: 260px;
}
.pinklink a {
    display: block;
    position: relative;
    color: #FF3A72;
    width: 100%;
}
.pinklink a::after {
    border-top: 3px solid #FF3A72;
    border-right: 3px solid #FF3A72;
    content: '';
    display: block;
    height: 10px;
    margin-top: -8px;
    position: absolute;
    right: 5px;
    top: 50%;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    width: 10px;
}
/*------------------------------------------
  photo
--------------------------------------------*/
.photo {
    width: 100%;
    margin: 5px auto 0;
}
#junior #section05 .photo {
    width: 100%;
    margin: 0 auto;
}


@media only screen and (min-width: 768px) {
.photo {
    max-width: 360px;
    height: auto;
    margin: 0;
}

}
/*------------------------------------------
  textarea
--------------------------------------------*/
.txt_area, .txt_area02, .txt_area_bor {
    width: 100%;
    margin: 0 auto;
    padding: 0;
}
#weekly .txt_area, #hs #section05 .txt_area{
	padding-left: 0;

}
#hs #section05 .txt_area{
	padding-bottom: 15px;
}
.txt_area h4 {
    color: #F03B71;
    font-size: 1.6rem;
    margin-top: 0;
    margin-bottom: 15px;
    letter-spacing: -0.2px;
}
.txt_area h4.nob {
    border: none !important;
    margin-top: 20px !important;
    margin-bottom: 5px !important;
    padding: 0 !important;
    line-height: 1.3;
}
.txt_area h4.nob span {
    display: block;
    font-size: 1.4rem;
}
.txt_area p {
    font-size: 1.5rem;
    line-height: 1.5em;
}
.txt_area .mttl {
	margin-bottom: 0;
	padding-bottom: 0;
	line-height: 1.2 !important;
}
div.txt_area02 div.subbtn {
    font-size: 0.5rem !important;
}


@media only screen and (min-width: 768px) {

div.txt_area02 div.subbtn {
    font-size: 0.5rem !important;
}

.txt_area, .txt_area_bor {
    max-width: 410px;
}

#weekly .txt_area, #hs #section05 .txt_area {
	padding-left: 15px !important;
}
.txt_area h3 {
    margin-top: 5px !important;
}
.txt_area h4.nob {
    margin-top: 0px !important;
    line-height: 1.5;
}
}
.txt_area2 {
    margin: 0 !important;
    padding: 0 !important;
}
.txt_area h3 {
    font-size: 1.8rem;
    border-bottom: 1px solid #c5c5c5;
    padding: 0 0 10px !important;
    margin-top: 35px;
}
.txt_area_bor h4 {
    color: #F03B71;
    font-size: 1.6rem;
    border-bottom: 1px solid #c5c5c5;
    margin-top: 20px;
    margin-bottom: 15px;
    letter-spacing: -0.2px;
}
.txt_area2 h4.under {
    color: #F03B71;
    font-size: 1.6rem;
    margin-top: 0;
    margin-bottom: 15px;
    letter-spacing: -0.2px;
}
.txt_area2 h4 {
    color: #F03B71;
    font-size: 1.6rem;
    margin-top: 0;
    margin-bottom: 15px;
    letter-spacing: -0.2px;
}
.txt_area2 h4.mt30, .photo .mt30 {;
    margin-top: 3%;
    margin-bottom: 0;
}
.txt_area2 h4.mt50 {;
    margin-top: 5%;
    margin-bottom: 0;
}
.txt_area2 p {
    margin-top: 0 !important;
    padding-top: 0 !important;
    font-size: 1.5rem;
    line-height: 1.5em;
}
.txt_area_hf, .txt_area_hf2, .txt_area_hf_25 {
    width: 96%;
    margin: 0 auto 15px;
    padding-bottom: 10px;
}
.txt_area_hf {
    display: inline-block;
    width: 100%;
}
.txt_area_hf2 em {
	font-style: normal !important;
}
.txt_area_hf h4 {
    color: #F03B71;
    font-size: 1.6rem;
    margin-top: 0;
    margin-bottom: 10px;
    padding-bottom: 0;
    letter-spacing: -0.2px;
}
.txt_area_hf2 h4 {
    color: #000;
    font-size: 1.4rem !important;
    max-width: 280px;
    border: none !important;
    margin: 0 !important;
    padding-top: 5px !important;
    padding-bottom: 10px !important;
    line-height: 1.0 !important;
    letter-spacing: -0.5px;
}
.txt_area_hf_25 h4 {
    color: #000;
    font-size: 1.3rem !important;
    max-width: 280px;
    border: none !important;
    margin: 5px 0 5px !important;
    padding-top: 10px !important;
    padding-bottom: 2px !important;
    line-height: 1.2 !important;
}
.txt_area_hf em, .txt_area_hf2 p{
    font-size: 1.5rem;
    line-height: 1.5em;
    font-style: normal;
}
.txt_area_hf_25 p, .txt_area_hf_25 em {
    font-size: 1.2rem !important;
    line-height: 1.5em;
    font-style: normal;
    letter-spacing: -1;
}
.txt_area_hf2:nth-child(odd) {
    border-bottom: 1px solid #ccc;
}
.nonbor {
    border: none !important;
}

@media only screen and (min-width: 768px) {
.txt_area_hf, .txt_area_hf2, .txt_area_hf_25 {
    width: 48%;
}
.txt_area_hf p {
    margin-right: 10px;
}
.txt_area_hf2 {
    padding-bottom: 15px;
}
.txt_area_hf2:nth-child(odd) {
    border: none;
}
.txt_area_hf2 h4 {
    font-size: 1.6rem !important;
}
}
.txt_area_hf3 {
    width: 96%;
    margin: 0 auto;
    padding: 0;
    display: table;
}
.txt_area_hf3 p {
    max-width: 106px !important;
    display: table-cell;
    margin-right: 10px;
    vertical-align: top;
}
.txt_area_hf3 h4 {
    color: #000;
    font-size: 1.6rem;
    max-width: 280px;
    display: table-cell;
    border: none !important;
    margin: 0 !important;
    padding-top: 10px !important;
    padding-left: 10px !important;
    padding-bottom: 0 !important;
    line-height: 1.0 !important;
    vertical-align: bottom;
}
.txt_area_hf3 h4 span {
    display: block;
    line-height: 1.5;
    font-size: 1.2rem;
}
.txt_area_hf3 div {
    display: block;
    width: 100%;
    margin-top: 10px;
    padding-bottom: 10px;
    padding-right: 0;
}
.txt_area_hf3:nth-child(odd) {
    border-bottom: 1px solid #ccc;
}

@media only screen and (min-width: 768px) {
.txt_area_hf3 {
    width: 50%;
}
.txt_area_hf3 h4 {
    max-width: 260px;
}
.txt_area_hf3 p {
    margin-right: 10px;
}
.txt_area_hf3 {
    padding-bottom: 15px;
}
.txt_area_hf3:nth-child(odd) {
    border: none;
}
.txt_area_hf3 div {
    padding-right: 10px;
}
}
h3.nounder {
    border: none !important;
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}
.letterspace-1 {
    letter-spacing: -3px;
}
.waku {
    padding: 20px;
    border: 1px solid #000;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}

@media only screen and (min-width: 768px) {
.waku {
    padding: 20px;
    border: 1px solid #000;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}
}
/*------------------------------------------
 みなさまへ
--------------------------------------------*/

.dottobg {
    padding: 20px 0 45px;
    background-color: #D3D3D3;
    background-image: radial-gradient(#D9D9D9 20%, transparent 30%), radial-gradient(#D9D9D9 20%, transparent 30%);
    background-size: 40px 40px;
    background-position: 0 0, 20px 20px;
}
#section04 h2 {
    line-height: 0.8;
}
#section04 h4 {
    color: #F03B71;
    font-size: 1.6rem;
    margin-top: 0;
    margin-bottom: 15px;
}
.contents #shisetsu ul, .contents #kanren ul, .contents .shisetsu ul {
    margin: 0 auto 20px;
    padding: 0;
    list-style: none;
}
.contents #kanren ul {
    text-align: center;
}
.contents #shisetsu ul li, .contents #kanren ul li, .contents .shisetsu ul li {
    display: inline-block;
    width: 23.5%;
    text-align: center;
}
.contents #shisetsu ul li span, .contents .shisetsu ul li span {
    line-height: 3.2;
    font-weight: 600;
}

@media only screen and (min-width: 768px) {
.contents #shisetsu ul li, .contents #kanren ul li, .contents .shisetsu ul li {
    margin: 0% 1%;
    width: 11.25%;
}
}

@media only screen and (max-width: 374px) {
.contents #shisetsu ul li, .contents #kanren ul li, .contents .shisetsu ul li {
    margin: 0 0.25%;
    width: 31.25%;
}
}

@media only screen and (max-width: 320px) {
.contents #shisetsu ul li, .contents #kanren ul li, .contents .shisetsu ul li {
    margin: 0 0.25%;
    width: 31%;
}
}
.flow {
    margin: 50px 0 0;
}
.flow .ar {
    margin: 0;
    padding: 0;
    width: 70px !important;
    float: left;
}
.flow .ar .month {
    margin: 0;
    padding: 20px 0 20px;
    vertical-align: middle;
    width: 70px !important;
    background: url(/yawp/wp-content/themes/yoani/assets/images/school/common/ar.gif) bottom center no-repeat;
    background-color: #F03B71;
    font-weight: bold;
    color: #fff;
    /*position: relative;
	z-index: 10;*/
    text-align: center;
}
.flow .colum {
    float: left;
    margin: 0 0 0 10px;
    padding: 10px 0 0;
    width: 80%;
}
.flow dl {
    margin: auto;
    display: flex;
    width: 100%;
}
.flow dl:first-child dt.month {
    padding: 50px 0 60px;
    background-image: none;
}
.flow dl dt.month {
    margin-bottom: 0;
    padding: 60px 0 35px;
    vertical-align: middle;
    width: 70px !important;
    background: url(/yawp/wp-content/themes/yoani/assets/images/school/common/ar.gif) top center no-repeat;
    background-color: #F03B71;
    font-weight: bold;
    color: #fff;
    /*position: relative;
	z-index: 10;*/
    text-align: center;
}
.flow dl dt.month.fst {
    padding-top: 20px;
    padding-bottom: 20px;
}
.flow dl dt.month.short {
    padding-top: 40px;
    padding-bottom: 0px;
}
.flow dl dt.month#lst {
    background: url(/yawp/wp-content/themes/yoani/assets/images/school/common/ar2.gif) bottom center no-repeat #F03B71 !important;
    padding-bottom: 60px;
}
.flow dl dt.month#lst2 {
    background: url(/yawp/wp-content/themes/yoani/assets/images/school/common/ar3.gif) bottom center no-repeat #F03B71 !important;
    padding-bottom: 60px;
}
flow dl dd {
    width: 70%;
}
.flow dl dd.cont:first-child {
    margin-top: 0;
}
.flow dl dd h4.nounder {
    color: #F03B71;
    font-size: 1.6rem;
    margin-top: 0;
    letter-spacing: -0.2px;
}
.flow dl dd.cont_s {
    margin: 0 0 0 10px;
    padding: 0 !important;
    width: 70%;
}
.flow dl dd.cont_s p {
    padding: 0;
    margin: 0;
}
.flow dl dd.cont_botm {
    margin: 0 !important;
    padding: 0 0 0 5px;
    max-width: 76%;
}
.flow dl dd.cont {
    margin: 0 0 0 5px;
    padding: 0 !important;
    width: 76%;
    justify-content: flex-end;
}

@media only screen and (min-width: 768px) {
.flow dl dd.cont_botm {
    width: 720px;
    align-self: flex-end;
}
}
.flow2 {
    margin: 50px auto 0;
    max-width: 300px;
}
.flow2 ul {
    margin: 0;
    list-style: none;
    width: 100%;
    font-size: 20px;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
    font-weight: bold;
}
.flow2 ul li.gray {
    margin-bottom: 20px;
    padding: 15px 0;
    width: 100%;
    text-align: center;
    background: #DFDFDF;
    position: relative;
}
.flow2 ul li.pink {
    margin-bottom: 20px;
    padding: 10px 0;
    width: 100%;
    text-align: center;
    background: #FF3A72;
    position: relative;
    color: #fff;
}
.flow2 ul li.gray:after {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 20px 35px 0 35px;
    border-color: #DFDFDF transparent transparent transparent;
    content: "";
    bottom: -20px;
    position: absolute;
    left: 50%;
    margin-left: -35px;
}
.flow2 ul li.pink:after {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 20px 35px 0 35px;
    border-color: #FF3A72 transparent transparent transparent;
    content: "";
    bottom: -20px;
    position: absolute;
    left: 50%;
    margin-left: -35px;
}
.flow2 ul li:last-child {
    color: #ff3a72;
    line-height: 1.2;
}
.flow2 ul li:last-child:after {
    display: none;
}
.contents .und_btn {
    margin: auto;
    text-align: center;
}
.contents .und_btn ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.contents .und_btn ul li {
    display: inline-block;
    margin: 20px auto 0;
    width: 48%;
}
.contents .und_btn ul li div.botton_pink_hf a{
    max-width: 180px !important;
    height: auto;
}
.flow dl dd.cont .botton_pink {
    margin: 0 auto;
    width: 100%;
    height: auto;
}

@media only screen and (min-width: 600px) {
.flow dl dd.cont .botton_pink {
    width: 350px;
    height: auto;
}
.contents .und_btn ul {
    margin: auto;
    max-width: 400px;
}
}
.contents .table {
    margin: 0 auto;
    padding: 0;
    width: 96%;
}
.contents .table dl {
    width: 100%;
    margin: 0 auto;
    padding: 0;
    display: inline-block;
    vertical-align: top;
}
.contents .table dl dt {
    margin-bottom: 5px;
    font-weight: bold;
}
.contents .table dl dd {
    margin: 0 0 10px 0;
}

@media only screen and (min-width: 768px) {
.contents .table {
    width: 100%;
}
.contents .table dl {
    width: 32%;
}
}
.contents .botton_pink {
    margin-top: 30px;
}
/*-----------　高校生　-------------*/
#high_school section {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
    margin: 0 !important;
}
#high_school .contents h2 {
    margin-bottom: 20px !important;
    padding: 0 !important;
    line-height: 1.4 !important;
}
#high_school section#section02, #high_school section#section05 {
    padding-bottom: 0 !important;
}


@media only screen and (min-width: 768px) {
#high_school section {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
}
#high_school .contents h2 {
    margin-bottom: 15px !important;
    padding: 0 !important;
    line-height: 1.4 !important;
}

}
#high_school #section08 .contents h4 {
    margin: 0;
    padding: 0;
    line-height: 1.0;
}
/*----------- 中学生　-------------*/
#junior section {
    padding-top: 30px !important;
    padding-bottom: 30px;
    margin: 0 !important;
}
#junior #section02 .read {
    margin-bottom: 40px;
}
#junior #section05 {
    padding-bottom: 10px !important;
}
#junior #section06 {
    padding: 0 !important;
}
#junior #section06 .contents h4 {
    margin-bottom: 0px !important;
}
#junior #section06 .contents p {
    margin-top: 0px !important;
    padding-top: 0px !important;
}

#junior .catch20 {
    margin-top: 0;
}
#junior .coursecatch {
    color: #FF3A72;
    font-weight: bold;
    font-size: 1.6rem;
    margin-top: 20px;
    margin-bottom: 10px;
}

#junior .kounovoice {
    font-size: 2rem;
    font-weight: bold;
    margin: 0 0 0 0;
    line-height: 1.3em;
}
#junior .kounovoice span {
    font-size: 1.4rem;
}
#junior .waku {
    padding: 0px 20px;
}

@media only screen and (min-width: 768px) {
#junior section {
    padding: 40px 0 !important;
    margin: 0;
}
#junior .contents h2 {
    margin-bottom: 15px !important;
    padding: 0 !important;
    line-height: 1.0 !important;
}
}
/*----------- 再進学　-------------*/
#restart {
	overflow: hidden;
}
#restart section {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
    margin: 0 !important;
	position: relative;
}
#restart .contents h2 {
    margin-bottom: 20px !important;
    padding: 0 !important;
    line-height: 1.0 !important;
}

#restart .contents .voicephotoarea {
	margin: 40px auto;
	padding: 0;
	width: 100%;
}
#restart .contents .voicephotoarea ul li {
	float: left;
	width: 20%;
	list-style: none;
}

#lean_overlay {
display: none;
    position: fixed;
    z-index: 100;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    background: #000;
}
.modal {
display: none;
    width: 90%;
	height: auto;
    padding: 10px 20px;
    background: #FFF;
	margin: 5% auto;
}
@media only screen and (min-width: 768px) {
#restart section {
    padding: 40px 0 !important;
    margin: 0;
}
#restart .contents h2 {
    margin-bottom: 15px !important;
    padding: 0 !important;
    line-height: 1.0 !important;
}
.modal {
display: none;
    width: 500px;
    padding: 10px 20px;
    background: #FFF;
	margin: 5% auto;
}
}

#restart section#section02 {
    padding-bottom: 0 !important;
}
#restart section#section04 {
	padding-top: 0 !important;
    padding-bottom: 40px !important;
}
#restart #section05 .contents h2 {
    margin: 20px 0 0 0;
    padding-bottom: 10px;
}
#restart #section05 .read, #restart #section06 .read {
    margin-top: 0;
    margin-bottom: 40px;
    padding: 0;
}
#restart #section06 {
    padding-top: 10px;
    padding-bottom: 30px;
}
#restart #section07 h4 {
    color: #FF3A72;
}
#restart #section09 {
    padding-top: 20px;
    padding-bottom: 0;
}
#restart #section09 .contents h2 {
    margin-bottom: 0;
    padding: 0;
}
#restart #section09 .contents h4 {
    margin-top: 0px;
    margin-bottom: 20px;
    color: #FF3A72;
    font-size: 20px;
}
#restart #section09 .contents .catch {
    color: #FF3A72;
    font-size: 15px;
    font-weight: 600;
}
.contents #photo {
    margin: 15px auto;
}
/*----------- 保護者　-------------*/
.contents_wide　 {
    width: 96% !important;
    margin: 0 auto;
    padding: 0;
    font-size: 1.5rem;
}
#parents .contents .botton_pink.bt20 {
    margin-bottom: 20px;
}
#parents section {
    padding-top: 30px !important;
    padding-bottom: 30px;
    margin: 0 !important;
}
#parents section#section01, #parents section#section02, #parents section#section03 {
    padding-bottom: 0px !important;
}
#parents .contents h2 {
    margin-bottom: 20px !important;
    padding: 0 !important;
    line-height: 1.0 !important;
}
#parents section#section04, #parents section#section14, #parents section#section15, #parents section#section17, #parents section#section18 {
    padding: 20px;
}
#parents section#section07 .contents {
    padding: 0;
    width: 94%;
    margin: 0 auto 0 !important;
}
#parents #section11 .subbtn ul.no2 li a {
    font-size: 13px !important;
}
#parents #section13 {
    margin: 0;
    padding: 0px 0 45px;
}
#message section.pd20 {
    padding: 20px 0 10px;
}
#message .contents {
    margin: 0 auto;
    padding: 0 10px;
}
#message .contents .waku h4 {
    margin: 0;
    padding-top: 0;
}

@media only screen and (min-width: 768px) {
#parents section {
    padding: 40px 0 !important;
    margin: 0;
}
.contents_wide {
    max-width: 930px;
    margin: 0 auto;
    padding: 0;
}
#parents .contents h2 {
    margin-bottom: 15px !important;
    padding: 0 !important;
    line-height: 1.0 !important;
}
}
@media only screen and (max-width: 365px) {
#parents .botton_pink {
    font-size: 1.4rem;
}
}
/*----------- 卒業生　-------------*/

#forgraduation section#section02 {
    padding: 30px 0 0px !important;
}
#forgraduation section#section03 {
    padding: 20px !important;
}
#forgraduation .contents h2 {
    margin-bottom: 20px !important;
    padding: 0 !important;
    line-height: 1.0 !important;
}

@media only screen and (min-width: 768px) {
#forgraduation .contents h2 {
    margin-bottom: 15px !important;
    padding: 0 !important;
    line-height: 1.0 !important;
}
}
/*----------- 留学生　-------------*/
#buparea .contents {
    margin: 30px auto;
}
#buparea .contents h3 {
    margin-bottom: 40px;
}
/*----------- 企業　-------------*/
#company section {
    padding-top: 30px !important;
    padding-bottom: 30px;
    margin: 0 !important;
}
#company .contents h2 {
    margin-bottom: 20px !important;
    padding: 0 !important;
    line-height: 1.4 !important;
}

@media only screen and (min-width: 768px) {
#company section {
    padding: 40px 0 !important;
    margin: 0;
}
#company .contents h2 {
    margin-bottom: 15px !important;
    padding: 0 !important;
    line-height: 1.4 !important;
}
}
#company section.pd20 {
    padding: 0 0 30px 0;
}

@media only screen and (min-width: 768px) {
#company section.pd20 {
    padding: 0;
}
}
.btnarea ul {
    list-style: none;
    margin: 20px auto;
    max-width: 680px;
    padding: 0;
    text-align: center;
}
.btnarea ul li {
    padding: 0 !important;
    display: inline-block;
    margin: auto;
}
#company .contents .btnarea .botton_pink {
    margin-top: 10px;
}

@media only screen and (min-width: 768px) {
.btnarea ul li {
    width: 48%;
    padding: 0;
}
}
#company section#section02 {
    padding: 0 0 30px 0;
}
#company section#section02 h2 {
    line-height: 1.2em;
}
#company section#section06 {
    padding: 20px 0 30px 0;
}
.ft12 {
    font-size: 1.2rem;
}
.ft13 {
    font-size: 1.3rem;
}
.ft14 {
    font-size: 1.4rem;
}
.info {
    margin: 30px auto;
    text-align: left;
}
.info h3 {
    border: none;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
	line-height: 1.0;
}
.info p a {
    color: #F03B71;
    text-decoration: underline;
    line-height: 1.2em;
	margin-top: 0 !important;
	padding-top: 0 !important;
}

@media only screen and (min-width: 768px) {
.info {
    text-align: center;
	margin-bottom: 0 !important;
}
}
/*------------------------------------------
学科
--------------------------------------------*/
#courses section {
    padding-top: 30px;
    padding-bottom: 30px;
}

#entertainment section {
    padding-top: 30px;
    padding-bottom: 80px;
}
#animation section {
    padding-top: 30px;
    padding-bottom: 80px;
}
#creator section {
    padding-top: 30px;
    padding-bottom: 80px;
}
#courses #section02 {
    padding-top: 0;
}
#courses #section03, #courses #section04 {
    padding-top: 20px;
}
#courses #section04 p {
    padding: 5px 0 20px 0;
}
#voice #courses #section04 {
    padding-top: 20px;
    padding-bottom: 30px;
}
#courses #section08 p img {
    max-width: 100%;
}
#courses .contents h2 {
    margin-bottom: 10px;
}
@media only screen and (min-width: 768px){
#courses section{
padding: 40px 0 !important;
margin: 0;
}
#courses .contents h2 {
	margin-bottom:15px !important;
	padding: 0 !important;
	line-height: 1.0 !important;
    font-size: 2.9rem;
}
}
#weekly .contents h3 {
    font-size: 1.8rem;
    border-bottom: 1px solid #c5c5c5;
    padding: 10px 0;
    margin: 0 0 30px 0;
}
.subimg {
    margin: 0 auto 25px;
}
.moveimg {
    width:100%;
    margin: auto;
	position:relative;
    padding-top:56.25%;
}
.moveimg iframe {
  position:absolute;
  top:0;
  right:0;
  width:100%;
  height:100%;
}
#courses .contents .coursecatch {
    color: #FF3A72;
    font-weight: bold;
    font-size: 1.6rem;
    margin-top: 20px;
    margin-bottom: 10px;
}
#entertainment .contents .coursecatch {
    color: #FF3A72;
    font-weight: bold;
    font-size: 1.6rem;
    margin-top: 20px;
    margin-bottom: 10px;
}
#animation .contents .coursecatch {
    color: #FF3A72;
    font-weight: bold;
    font-size: 1.6rem;
    margin-top: 20px;
    margin-bottom: 10px;
}
#creator .contents .coursecatch {
    color: #FF3A72;
    font-weight: bold;
    font-size: 1.6rem;
    margin-top: 20px;
    margin-bottom: 10px;
}
.contents .catch20 {
    font-weight: bold;
    font-size: 1.9rem;
    margin-bottom: 10px;
    margin-bottom: 0;
}
#courses .contents .coursecatch_br {
    color: #000;
    font-weight: bold;
    font-size: 1.8rem;
    margin-bottom: 10px;
}
#courses .contents .coursepoint {
    color: #FF3A72;
    font-weight: bold;
    font-size: 1.8rem;
    margin-bottom: 10px;
}
#courses .contents h4 {
    font-size: 1.6rem;
    border-bottom: 1px solid #c5c5c5;
    padding: 5px 0;
    margin: 0 0 15px 0;
    color: #000;
	font-weight: bold;
}
#courses .contents article {
    margin-bottom: 50px;
}
#voice #courses .contents article {
    margin-bottom: 15px;
}

#entertainment .contents .coursepoint {
    color: #FF3A72;
    font-weight: bold;
    font-size: 1.8rem;
    margin-bottom: 10px;
}
#entertainment .contents h4 {
    font-size: 1.6rem;
    border-bottom: 1px solid #c5c5c5;
    padding: 5px 0;
    margin: 0 0 15px 0;
    color: #000;
	font-weight: bold;
}
#entertainment .contents article {
    margin-bottom: 50px;
}
#voice #entertainment .contents article {
    margin-bottom: 15px;
}

#animation .contents .coursepoint {
    color: #FF3A72;
    font-weight: bold;
    font-size: 1.8rem;
    margin-bottom: 10px;
}
#animation .contents h4 {
    font-size: 1.6rem;
    border-bottom: 1px solid #c5c5c5;
    padding: 5px 0;
    margin: 0 0 15px 0;
    color: #000;
	font-weight: bold;
}
#animation .contents article {
    margin-bottom: 50px;
}
#voice #animation .contents article {
    margin-bottom: 15px;
}
#creator .contents .coursepoint {
    color: #FF3A72;
    font-weight: bold;
    font-size: 1.8rem;
    margin-bottom: 10px;
}
#creator .contents h4 {
    font-size: 1.6rem;
    border-bottom: 1px solid #c5c5c5;
    padding: 5px 0;
    margin: 0 0 15px 0;
    color: #000;
	font-weight: bold;
}
#creator .contents article {
    margin-bottom: 50px;
}
#voice #creator .contents article {
    margin-bottom: 15px;
}

#anime #section03 .contents article, #anime #section05 .contents article, #anime #section10 .contents article, #anime2 #section10 .contents article, #anime2 #section03 .contents article, #anime2 #section05 .contents article,#anime2 #section06 .contents article  {
    margin-bottom: 15px !important;
}
#anime2 #section03, #anime2 #section04, #anime2 #section05 {
    margin-top: 0;
    padding-bottom: 15px !important;
}
#anime #section04, #anime2 #section06, #anime2 #section07, #anime2 #section08, #voice #section06, #voice #section07 {
    margin-top: 0;
    padding-bottom: 30px !important;
}

.txt_area_hf2 ul {
    display: table;
}
.txt_area_hf_25 {
    display: table;
}
.txt_area_hf p {
    width: 160px;
    display: table-cell;
    margin-right: 10px;
    padding-right: 10px;
}
.txt_area_hf em {
    width: auto;
    display: table-cell;
    vertical-align: top;
    padding-right: 10px;
}
.txt_area_hf2 p, .txt_area_hf_25 p {
    width: 106px;
    display: table-cell;
    margin-right: 0px;
    vertical-align: top;
}
.txt_area_hf2 em, .txt_area_hf_25 em {
    width: auto;
    display: table-cell;
    padding: 0 0 0 10px;
    font-size: 13px !important;
}
.txt_area_hf2 u, .txt_area_hf_25 u {
    text-decoration: none;
    display: block;
    position: relative;
    padding: 0px 10px 0 0px;
}
.txt_area_hf2 u a, .txt_area_hf_25 u a {
    display: block;
}
.txt_area_hf2 u::after, .txt_area_hf_25 u::after {
    content: '';
    width: 8px;
    height: 8px;
    border: 0px;
    border-top: solid 2px #000000;
    border-right: solid 2px #000000;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    position: absolute;
    top: 50%;
    right: -5px;
    margin-top: -8px;
}

@media only screen and (min-width: 768px) {
.txt_area_hf2 em, .txt_area_hf_25 em {
    width: atuo;
    padding: 0 20px 0 10px;
}
#courses .contents h4 {
    padding-top: 0px;
}
}

@media only screen and (max-width: 480px) {
.txt_area_hf2 em, .txt_area_hf_25 em {
    width: atuo;
}
}

@media only screen and (max-width: 365px) {
.txt_area_hf2 em, .txt_area_hf_25 em {
    width: atuo;
}
}
#courses section .subbtn ul {
    margin: 25px 0;
    padding: 0 !important;
    list-style: none;
    text-align: left;
}
#courses section .txt_area02 .subbtn ul {
    margin: 10px 0 25px 0;
    padding: 0 !important;
    list-style: none;
    text-align: left;
}
#parents #section11 .subbtn ul {
    margin: 15px 0 25px !important;
    padding: 0 !important;
    list-style: none;
    text-align: left;
}
.movearea {
    max-width: 560px;
    margin: 10px auto 30px;
    padding: 0;
}
.movetxt {
    margin: auto;
    max-width: 560px;
    text-align: left;
}
.underbor {
    border-bottom: 1px solid #ccc;
    margin: 0;
    padding: 0;
}
.borwaku {
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 20px 20px 5px;
    margin-bottom: 20px;
}

/*------------------------------------------
高等部
--------------------------------------------*/
ul.listtable {
margin:0 auto;
padding:0;
width: 100%;
	font-size: 0;
}

ul.listtable li {
	margin: 0;
	padding: 5px 0 7px;
	font-size: 1.4rem;
	line-height: 1.4em;
	letter-spacing: -0.5px;
	width:50%;
	list-style: none;
	float: left;
}


ul.listtable li:before { content:"●" }
ul.listtable li.inline {
}

ul.listtable li.w100 {
	width: 100%;
}
ul.listtable2 li {
	margin: 0;
	padding: 5px 0;
	font-size: 1.4rem;
	line-height: 1.4em;
	letter-spacing: -0.5px;
	display: inline-block;
	width:100%;
	list-style-type: disc;
	list-style-position: inside;
}

/* 180328 nano */
#hs .f-c {
	margin: 0 auto;

}

#hs .f-l section .subbtn ul.no2 li em::after,
#hs .f-l section .subbtn ul.no4 li span::after,
#hs .f-l section .subbtn ul.no7 li span::after {
    transform: rotate(45deg);
　　　-webkit-transform: rotate(-45deg);

}

#guard .f-l section .subbtn ul.no2 li em::after,
#guard .f-l section .subbtn ul.no4 li span::after,
#guard .f-l section .subbtn ul.no7 li span::afte {
    transform: rotate(45deg);
　　　-webkit-transform: rotate(-45deg);

}


@media only screen and (min-width: 768px) {
	ul.listtable {
margin:0 0 0 4%;
padding:0;
width: 100%;
	font-size: 0;
}
	ul.listtable li {
	margin: 0;
	padding: 5px 0 7px ;
	font-size: 1.4rem;
	line-height: 1.4em;
	letter-spacing: -0.5px;
	width:50%;
	list-style: none;
	list-style-position: 0px;
	float: left;
}
ul.listtable li:before {
	content:"●";
	padding-right: 5px;
	}
ul.listtable2 li {
	margin: 0;
	padding: 5px 0;
	font-size: 1.4rem;
	line-height: 1.4em;
	letter-spacing: -0.5px;
	display: inline-block;
	width:49.5%;
	list-style-type: disc;
	list-style-position: inside;
}

#hs .contents h4 {
	font-size: 15px;
	font-weight: normal;
	line-height: 1.4em;
	margin-bottom: 0 !important;
}
}
#school_course ul {
	border-bottom: 1px solid #c5c5c5;
	display: flex;
	flex-wrap: wrap;
	margin: 10px auto 20px;
	padding-bottom: 10px;
}

#school_course  ul a {
	width: calc(100% / 3 - 10px);
	margin: 0 10px 10px 0;
}

#school_course  ul li img {
	width: 100%;
}

#school_course ul li p {
	background-color: #000;
	color: #fff;
	font-size: 1rem;
	margin: 0;
	text-align: center;
}

.contents #school_course  a div {
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	position: relative;

}

#school_course .contents a div p {
	width: calc(100% - 120px);
	margin: 0;
	font-size: 1.4rem;
}

#school_course .contents a div p span {
	display: block;
	font-size: 1.6rem;
	font-weight: bold;
	margin-bottom: 10px;
}

#school_course .contents a div::after {
    content: "";
    width: 10px;
    height: 10px;
    border-width: 2px 2px 0px 0px;
    border-style: solid solid none none;
    border-color: #000 #000 -moz-use-text-color -moz-use-text-color;
    -moz-border-top-colors: none;
    -moz-border-right-colors: none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    border-image: none;
    transform: rotate(45deg);
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -5px;
}
@media only screen and (min-width: 768px) {
	#school_course  ul a {
	width: calc(100% / 6 - 10px);
	margin: 0 10px 10px 0;
}
}


/*------------------------------------------
全日社会人夜間学部/全日Wスクール学部
--------------------------------------------*/

.yakanw_schedule {
	margin-top: 30px 0 15px 0 !important;
}

.yakan_w_schedule {
	width: 100%;
	border-collapse: collapse;
}

.yakan_w_schedule tr.week {
	background: #e8e8e8;
	font-weight: bold;
}

.yakan_w_schedule tr th,td {
	border: 1px solid #888888;
	padding: 5px;
}

.yakan_w_schedule tr th {
	text-align: left;
	width: 30%;
}

.yakan_w_schedule tr td {
	text-align: center;
}


.yakan_w_schedule tr td.std {
	color: #f7053f;
}

.yakan_w_schedule tr td.sun {
	color: #4990e2;
}



/*------------------------------------------
フッター
--------------------------------------------*/
footer .navi li img {
	width: auto;
	}