/*

  追記

*/

#Sidepamphlets.pageInnerMenu li.pannhuretto a {
  border-left: 3px #84bb4c solid;
  background: #fff;
}
#Sidepamphlets.pageInnerMenu li.pannhuretto ul li a {
  border-left: none;
}

/*
  ここまで
*/

@charset "UTF-8";
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

html {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

q, blockquote {
  quotes: none;
}
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

a img {
  border: none;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

#Sideenkaku.pageInnerMenu li.enkaku a {
  border-left: 3px #84bb4c solid;
  background: #fff;
}
#Sideenkaku.pageInnerMenu li.enkaku ul li a {
  border-left: none;
}

#Sideaisatsu.pageInnerMenu li.aisatsu a {
  border-left: 3px #84bb4c solid;
  background: #fff;
}
#Sideaisatsu.pageInnerMenu li.aisatsu ul li a {
  border-left: none;
}

#Sidegraduate.pageInnerMenu li.graduate a {
  border-left: 3px #84bb4c solid;
  background: #fff;
}
#Sidegraduate.pageInnerMenu li.graduate ul li a {
  border-left: none;
}

#Sidedaigakuin.pageInnerMenu li.daigakuin a {
  border-left: 3px #84bb4c solid;
  background: #fff;
}
#Sidedaigakuin.pageInnerMenu li.daigakuin ul li a {
  border-left: none;
}

#Sidepannhuretto.pageInnerMenu li.pannhuretto a {
  border-left: 3px #84bb4c solid;
  background: #fff;
}
#Sidepannhuretto.pageInnerMenu li.pannhuretto ul li a {
  border-left: none;
}

#Sideundergraduate.pageInnerMenu li.undergraduate a {
  border-left: 3px #84bb4c solid;
  background: #fff;
}
#Sideundergraduate.pageInnerMenu li.undergraduate ul li a {
  border-left: none;
}

#Sideadmissionpolicy.pageInnerMenu li.admissionpolicy a {
  border-left: 3px #84bb4c solid;
  background: #fff;
}
#Sideadmissionpolicy.pageInnerMenu li.admissionpolicy ul li a {
  border-left: none;
}

#Sidecurriculumpolicy.pageInnerMenu li.curriculumpolicy a {
  border-left: 3px #84bb4c solid;
  background: #fff;
}
#Sidecurriculumpolicy.pageInnerMenu li.curriculumpolicy ul li a {
  border-left: none;
}

#Sidediplomapolicy.pageInnerMenu li.diplomapolicy a {
  border-left: 3px #84bb4c solid;
  background: #fff;
}
#Sidediplomapolicy.pageInnerMenu li.diplomapolicy ul li a {
  border-left: none;
}

#Sidegakkai.pageInnerMenu li.gakkai a {
  border-left: 3px #84bb4c solid;
  background: #fff;
}
#Sidegakkai.pageInnerMenu li.gakkai ul li a {
  border-left: none;
}

#Sidekyouin.pageInnerMenu li.kyouin a {
  border-left: 3px #84bb4c solid;
  background: #fff;
}
#Sidekyouin.pageInnerMenu li.kyouin ul li a {
  border-left: none;
  line-height: 1.3;
}
#Sidekyouin.pageInnerMenu li.kyouin ul.kyouin1 [data-link="kyouin1"], #Sidekyouin.pageInnerMenu li.kyouin ul.kyouin2 [data-link="kyouin2"], #Sidekyouin.pageInnerMenu li.kyouin ul.kyouin3 [data-link="kyouin3"], #Sidekyouin.pageInnerMenu li.kyouin ul.kyouin4 [data-link="kyouin4"], #Sidekyouin.pageInnerMenu li.kyouin ul.kyouin5 [data-link="kyouin5"], #Sidekyouin.pageInnerMenu li.kyouin ul.kyouin6 [data-link="kyouin6"], #Sidekyouin.pageInnerMenu li.kyouin ul.kyouin7 [data-link="kyouin7"], #Sidekyouin.pageInnerMenu li.kyouin ul.kyouin8 [data-link="kyouin8"], #Sidekyouin.pageInnerMenu li.kyouin ul.kyouin9 [data-link="kyouin9"] {
  color: #84bb4c;
}
#Sidekyouin.pageInnerMenu li.kyouin ul.kyouin1 [data-link="kyouin1"]::before, #Sidekyouin.pageInnerMenu li.kyouin ul.kyouin2 [data-link="kyouin2"]::before, #Sidekyouin.pageInnerMenu li.kyouin ul.kyouin3 [data-link="kyouin3"]::before, #Sidekyouin.pageInnerMenu li.kyouin ul.kyouin4 [data-link="kyouin4"]::before, #Sidekyouin.pageInnerMenu li.kyouin ul.kyouin5 [data-link="kyouin5"]::before, #Sidekyouin.pageInnerMenu li.kyouin ul.kyouin6 [data-link="kyouin6"]::before, #Sidekyouin.pageInnerMenu li.kyouin ul.kyouin7 [data-link="kyouin7"]::before, #Sidekyouin.pageInnerMenu li.kyouin ul.kyouin8 [data-link="kyouin8"]::before, #Sidekyouin.pageInnerMenu li.kyouin ul.kyouin9 [data-link="kyouin9"]::before {
  content: "\f14a";
  top: .5rem;
  left: -.2rem;
}

#Sideexamination1.pageInnerMenu li.examination1 a {
  border-left: 3px #84bb4c solid;
  background: #fff;
}
#Sideexamination1.pageInnerMenu li.examination1 ul li a {
  border-left: none;
}

#Sideexamination2.pageInnerMenu li.examination2 a {
  border-left: 3px #84bb4c solid;
  background: #fff;
}
#Sideexamination2.pageInnerMenu li.examination2 ul li a {
  border-left: none;
}

#Sideexamination3.pageInnerMenu li.examination3 a {
  border-left: 3px #84bb4c solid;
  background: #fff;
}
#Sideexamination3.pageInnerMenu li.examination3 ul li a {
  border-left: none;
}

#Sideexamination4.pageInnerMenu li.examination4 a {
  border-left: 3px #84bb4c solid;
  background: #fff;
}
#Sideexamination4.pageInnerMenu li.examination4 ul li a {
  border-left: none;
}

#Sideexamination7.pageInnerMenu li.examination7 a {
  border-left: 3px #84bb4c solid;
  background: #fff;
}
#Sideexamination7.pageInnerMenu li.examination7 ul li a {
  border-left: none;
}

#Sideexamination9.pageInnerMenu li.examination9 a {
  border-left: 3px #84bb4c solid;
  background: #fff;
}
#Sideexamination9.pageInnerMenu li.examination9 ul li a {
  border-left: none;
}

#Sideexamination10.pageInnerMenu li.examination10 a {
  border-left: 3px #84bb4c solid;
  background: #fff;
}
#Sideexamination10.pageInnerMenu li.examination10 ul li a {
  border-left: none;
  line-height: 1.3;
}
#Sideexamination10.pageInnerMenu li.examination10 ul.examination10_1_2 [data-link="examination10_1_2"], #Sideexamination10.pageInnerMenu li.examination10 ul.examination10_7 [data-link="examination10_7"], #Sideexamination10.pageInnerMenu li.examination10 ul.examination12 [data-link="examination12"], #Sideexamination10.pageInnerMenu li.examination10 ul.examination10_8 [data-link="examination10_8"], #Sideexamination10.pageInnerMenu li.examination10 ul.examination10_9 [data-link="examination10_9"], #Sideexamination10.pageInnerMenu li.examination10 ul.examination10_10 [data-link="examination10_10"], #Sideexamination10.pageInnerMenu li.examination10 ul.examination10_4_2 [data-link="examination10_4_2"], #Sideexamination10.pageInnerMenu li.examination10 ul.examination10_5_2 [data-link="examination10_5_2"], #Sideexamination10.pageInnerMenu li.examination10 ul.examination10_11 [data-link="examination10_11"], #Sideexamination10.pageInnerMenu li.examination10 ul.pa_index2 [data-link="pa_index2"] {
  color: #84bb4c;
}
#Sideexamination10.pageInnerMenu li.examination10 ul.examination10_1_2 [data-link="examination10_1_2"]::before, #Sideexamination10.pageInnerMenu li.examination10 ul.examination10_7 [data-link="examination10_7"]::before, #Sideexamination10.pageInnerMenu li.examination10 ul.examination12 [data-link="examination12"]::before, #Sideexamination10.pageInnerMenu li.examination10 ul.examination10_8 [data-link="examination10_8"]::before, #Sideexamination10.pageInnerMenu li.examination10 ul.examination10_9 [data-link="examination10_9"]::before, #Sideexamination10.pageInnerMenu li.examination10 ul.examination10_10 [data-link="examination10_10"]::before, #Sideexamination10.pageInnerMenu li.examination10 ul.examination10_4_2 [data-link="examination10_4_2"]::before, #Sideexamination10.pageInnerMenu li.examination10 ul.examination10_5_2 [data-link="examination10_5_2"]::before, #Sideexamination10.pageInnerMenu li.examination10 ul.examination10_11 [data-link="examination10_11"]::before, #Sideexamination10.pageInnerMenu li.examination10 ul.pa_index2 [data-link="pa_index2"]::before {
  content: "\f14a";
  top: .5rem;
  left: -.2rem;
}

#Sideexamination10.pageInnerMenu li.examination10 a {
  border-left: 3px #84bb4c solid;
  background: #fff;
}
#Sideexamination10.pageInnerMenu li.examination10 ul li a {
  border-left: none;
}

#Sideexamination13.pageInnerMenu li.examination13 a {
  border-left: 3px #84bb4c solid;
  background: #fff;
}
#Sideexamination13.pageInnerMenu li.examination13 ul li a {
  border-left: none;
}

#Sideexamination13_write.pageInnerMenu li.examination13_write a {
  border-left: 3px #84bb4c solid;
  background: #fff;
}
#Sideexamination13_write.pageInnerMenu li.examination13_write ul li a {
  border-left: none;
  line-height: 1.3;
}
#Sideexamination13_write.pageInnerMenu li.examination13_write ul.examination13_1_2 [data-link="examination13_1_2"], #Sideexamination13_write.pageInnerMenu li.examination13_write ul.examination13_2 [data-link="examination13_2"], #Sideexamination13_write.pageInnerMenu li.examination13_write ul.examination13_0 [data-link="examination13_0"] {
  color: #84bb4c;
}
#Sideexamination13_write.pageInnerMenu li.examination13_write ul.examination13_1_2 [data-link="examination13_1_2"]::before, #Sideexamination13_write.pageInnerMenu li.examination13_write ul.examination13_2 [data-link="examination13_2"]::before, #Sideexamination13_write.pageInnerMenu li.examination13_write ul.examination13_0 [data-link="examination13_0"]::before {
  content: "\f14a";
  top: .5rem;
  left: -.2rem;
}

#Sideexamination13_write.pageInnerMenu li.examination13_write a {
  border-left: 3px #84bb4c solid;
  background: #fff;
}
#Sideexamination13_write.pageInnerMenu li.examination13_write ul li a {
  border-left: none;
}

#Sidemovie.pageInnerMenu li.movie a {
  border-left: 3px #84bb4c solid;
  background: #fff;
}
#Sidemovie.pageInnerMenu li.movie ul li a {
  border-left: none;
}

#Sideschedule.pageInnerMenu li.schedule a {
  border-left: 3px #84bb4c solid;
  background: #fff;
}
#Sideschedule.pageInnerMenu li.schedule ul li a {
  border-left: none;
}

#Sidereserchworkshop.pageInnerMenu li.reserchworkshop a {
  border-left: 3px #84bb4c solid;
  background: #fff;
}
#Sidereserchworkshop.pageInnerMenu li.reserchworkshop ul li a {
  border-left: none;
}

#Sidestudent_support.pageInnerMenu li.student_support a {
  border-left: 3px #84bb4c solid;
  background: #fff;
}
#Sidestudent_support.pageInnerMenu li.student_support ul li a {
  border-left: none;
  line-height: 1.3;
}
#Sidestudent_support.pageInnerMenu li.student_support ul.studentsupportin [data-link="studentsupportin"], #Sidestudent_support.pageInnerMenu li.student_support ul.echo [data-link="echo"], #Sidestudent_support.pageInnerMenu li.student_support ul.sqa [data-link="sqa"], #Sidestudent_support.pageInnerMenu li.student_support ul.minami [data-link="minami"], #Sidestudent_support.pageInnerMenu li.student_support ul.tetuduki [data-link="tetuduki"] {
  color: #84bb4c;
}
#Sidestudent_support.pageInnerMenu li.student_support ul.studentsupportin [data-link="studentsupportin"]::before, #Sidestudent_support.pageInnerMenu li.student_support ul.echo [data-link="echo"]::before, #Sidestudent_support.pageInnerMenu li.student_support ul.sqa [data-link="sqa"]::before, #Sidestudent_support.pageInnerMenu li.student_support ul.minami [data-link="minami"]::before, #Sidestudent_support.pageInnerMenu li.student_support ul.tetuduki [data-link="tetuduki"]::before {
  content: "\f14a";
  top: .5rem;
  left: -.2rem;
}

#Sidestudent_support.pageInnerMenu li.student_support a {
  border-left: 3px #84bb4c solid;
  background: #fff;
}
#Sidestudent_support.pageInnerMenu li.student_support ul li a {
  border-left: none;
}

#Sideryugaku.pageInnerMenu li.ryugaku a {
  border-left: 3px #84bb4c solid;
  background: #fff;
}
#Sideryugaku.pageInnerMenu li.ryugaku ul li a {
  border-left: none;
}

#Sidedoctorate.pageInnerMenu li.doctorate a {
  border-left: 3px #84bb4c solid;
  background: #fff;
}
#Sidedoctorate.pageInnerMenu li.doctorate ul li a {
  border-left: none;
}

#Sidedoubledegree.pageInnerMenu li.doubledegree a {
  border-left: 3px #84bb4c solid;
  background: #fff;
}
#Sidedoubledegree.pageInnerMenu li.doubledegree ul li a {
  border-left: none;
}

#Sideregistration_student.pageInnerMenu li.registration_student a {
  border-left: 3px #84bb4c solid;
  background: #fff;
}
#Sideregistration_student.pageInnerMenu li.registration_student ul li a {
  border-left: none;
}

#Sideaccess.pageInnerMenu li.access a {
  border-left: 3px #84bb4c solid;
  background: #fff;
}
#Sideaccess.pageInnerMenu li.access ul li a {
  border-left: none;
}

#Sideinquiry.pageInnerMenu li.inquiry a {
  border-left: 3px #84bb4c solid;
  background: #fff;
}
#Sideinquiry.pageInnerMenu li.inquiry ul li a {
  border-left: none;
}

#Sidepolicy.pageInnerMenu li.policy a {
  border-left: 3px #84bb4c solid;
  background: #fff;
}
#Sidepolicy.pageInnerMenu li.policy ul li a {
  border-left: none;
}

#Sidenews.pageInnerMenu li.news a {
  border-left: 3px #84bb4c solid;
  background: #fff;
}
#Sidenews.pageInnerMenu li.news ul li a {
  border-left: none;
}

#Sidemessage.pageInnerMenu li.message a {
  border-left: 3px #84bb4c solid;
  background: #fff;
}
#Sidemessage.pageInnerMenu li.message ul li a {
  border-left: none;
}

#Sidepaindex.pageInnerMenu li.paindex a {
  border-left: 3px #84bb4c solid;
  background: #fff;
}
#Sidepaindex.pageInnerMenu li.paindex ul li a {
  border-left: none;
  line-height: 1.3;
}
#Sidepaindex.pageInnerMenu li.paindex ul.pa_1 [data-link="pa_1"], #Sidepaindex.pageInnerMenu li.paindex ul.pa_2 [data-link="pa_2"], #Sidepaindex.pageInnerMenu li.paindex ul.pa_index3 [data-link="pa_index3"], #Sidepaindex.pageInnerMenu li.paindex ul.pa_5 [data-link="pa_5"], #Sidepaindex.pageInnerMenu li.paindex ul.pa_6 [data-link="pa_6"], #Sidepaindex.pageInnerMenu li.paindex ul.pa_7 [data-link="pa_7"], #Sidepaindex.pageInnerMenu li.paindex ul.pa_9 [data-link="pa_9"], #Sidepaindex.pageInnerMenu li.paindex ul.pa_10 [data-link="pa_10"] {
  color: #84bb4c;
}
#Sidepaindex.pageInnerMenu li.paindex ul.pa_1 [data-link="pa_1"]::before, #Sidepaindex.pageInnerMenu li.paindex ul.pa_2 [data-link="pa_2"]::before, #Sidepaindex.pageInnerMenu li.paindex ul.pa_index3 [data-link="pa_index3"]::before, #Sidepaindex.pageInnerMenu li.paindex ul.pa_5 [data-link="pa_5"]::before, #Sidepaindex.pageInnerMenu li.paindex ul.pa_6 [data-link="pa_6"]::before, #Sidepaindex.pageInnerMenu li.paindex ul.pa_7 [data-link="pa_7"]::before, #Sidepaindex.pageInnerMenu li.paindex ul.pa_9 [data-link="pa_9"]::before, #Sidepaindex.pageInnerMenu li.paindex ul.pa_10 [data-link="pa_10"]::before {
  content: "\f14a";
  top: .5rem;
  left: -.2rem;
}

#Sidepaindex.pageInnerMenu li.paindex a {
  border-left: 3px #84bb4c solid;
  background: #fff;
}
#Sidepaindex.pageInnerMenu li.paindex ul li a {
  border-left: none;
}

#Sideinternational_graduate.pageInnerMenu li.international_graduate a {
  border-left: 3px #84bb4c solid;
  background: #fff;
}
#Sideinternational_graduate.pageInnerMenu li.international_graduate ul li a {
  border-left: none;
  line-height: 1.3;
}
#Sideinternational_graduate.pageInnerMenu li.international_graduate ul.pa_13 [data-link="pa_13"], #Sideinternational_graduate.pageInnerMenu li.international_graduate ul.pa_14 [data-link="pa_14"], #Sideinternational_graduate.pageInnerMenu li.international_graduate ul.pa_21 [data-link="pa_21"], #Sideinternational_graduate.pageInnerMenu li.international_graduate ul.pa_15 [data-link="pa_15"] {
  color: #84bb4c;
}
#Sideinternational_graduate.pageInnerMenu li.international_graduate ul.pa_13 [data-link="pa_13"]::before, #Sideinternational_graduate.pageInnerMenu li.international_graduate ul.pa_14 [data-link="pa_14"]::before, #Sideinternational_graduate.pageInnerMenu li.international_graduate ul.pa_21 [data-link="pa_21"]::before, #Sideinternational_graduate.pageInnerMenu li.international_graduate ul.pa_15 [data-link="pa_15"]::before {
  content: "\f14a";
  top: .5rem;
  left: -.2rem;
}

#Sidestudent_interviews.pageInnerMenu li.student_interviews a {
  border-left: 3px #84bb4c solid;
  background: #fff;
}
#Sidestudent_interviews.pageInnerMenu li.student_interviews ul li a {
  border-left: none;
}

#Sidefaqs.pageInnerMenu li.faqs a {
  border-left: 3px #84bb4c solid;
  background: #fff;
}
#Sidefaqs.pageInnerMenu li.faqs ul li a {
  border-left: none;
}

#Sidesyllabus.pageInnerMenu li.syllabus a {
  border-left: 3px #84bb4c solid;
  background: #fff;
}
#Sidesyllabus.pageInnerMenu li.syllabus ul li a {
  border-left: none;
}

#Sideforthcoming_events.pageInnerMenu li.forthcoming_events a {
  border-left: 3px #84bb4c solid;
  background: #fff;
}
#Sideforthcoming_events.pageInnerMenu li.forthcoming_events ul li a {
  border-left: none;
}

#Sideforstudents_05.pageInnerMenu li.forstudents_05 a {
  border-left: 3px #84bb4c solid;
  background: #fff;
}
#Sideforstudents_05.pageInnerMenu li.forstudents_05 ul li a {
  border-left: none;
}

#Sideforstudents_06.pageInnerMenu li.forstudents_06 a {
  border-left: 3px #84bb4c solid;
  background: #fff;
}
#Sideforstudents_06.pageInnerMenu li.forstudents_06 ul li a {
  border-left: none;
}

#Sideforstudents_08.pageInnerMenu li.forstudents_08 a {
  border-left: 3px #84bb4c solid;
  background: #fff;
}
#Sideforstudents_08.pageInnerMenu li.forstudents_08 ul li a {
  border-left: none;
}

#Sideforstudents_09.pageInnerMenu li.forstudents_09 a {
  border-left: 3px #84bb4c solid;
  background: #fff;
}
#Sideforstudents_09.pageInnerMenu li.forstudents_09 ul li a {
  border-left: none;
}

#Sideforstudents_10.pageInnerMenu li.forstudents_10 a {
  border-left: 3px #84bb4c solid;
  background: #fff;
}
#Sideforstudents_10.pageInnerMenu li.forstudents_10 ul li a {
  border-left: none;
}

#Sidekyouin_en.pageInnerMenu li.kyouin_en a {
  border-left: 3px #84bb4c solid;
  background: #fff;
}
#Sidekyouin_en.pageInnerMenu li.kyouin_en ul li a {
  border-left: none;
}

.page_tgNyugaku .sectionTitle {
  border-bottom: 3px #84bb4c solid;
}
.page_tgNyugaku .cornerMidashi {
  color: #fff;
  background: #90BB5C url(../img/common/midashi_backim2.png) top left no-repeat;
}
.page_tgNyugaku .pointMidashi {
  border-left: 10px #90BB5C solid;
}
.page_tgNyugaku .innterLinksB li a::before {
  color: #90BB5C;
}
.page_tgNyugaku .innterLinksB li a::after {
  color: #90BB5C;
}

.page_tgZaigaku .sectionTitle {
  border-bottom: 3px #F6922A solid;
}
.page_tgZaigaku .cornerMidashi {
  color: #fff;
  background: #F6922A url(../img/common/midashi_backim3.png) top left no-repeat;
}
.page_tgZaigaku .pointMidashi {
  border-left: 10px #F6922A solid;
}
.page_tgZaigaku .innterLinksB li a::before {
  color: #F6922A;
}
.page_tgZaigaku .innterLinksB li a::after {
  color: #F6922A;
}

.page_tgSotsugyou .sectionTitle {
  border-bottom: 3px #307DD0 solid;
}
.page_tgSotsugyou .cornerMidashi {
  color: #fff;
  background: #307DD0 url(../img/common/midashi_backim4.png) top left no-repeat;
}
.page_tgSotsugyou .pointMidashi {
  border-left: 10px #307DD0 solid;
}
.page_tgSotsugyou .innterLinksB li a::before {
  color: #307DD0;
}
.page_tgSotsugyou .innterLinksB li a::after {
  color: #307DD0;
}

.page_tgKyoushokuin .sectionTitle {
  border-bottom: 3px #CD4567 solid;
}
.page_tgKyoushokuin .cornerMidashi {
  color: #fff;
  background: #CD4567 url(../img/common/midashi_backim5.png) top left no-repeat;
}
.page_tgKyoushokuin .pointMidashi {
  border-left: 10px #CD4567 solid;
}
.page_tgKyoushokuin .innterLinksB li a::before {
  color: #CD4567;
}

html, body {
  margin: 0;
  padding: 0;
}

body {
  font-size: 100%;
  color: #414141;
  line-height: 1;
  font-family: -apple-system, BlinkMacSystemFont, ".SFNSDisplay-Regular", 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;
}

img {
  vertical-align: bottom;
}

a {
  text-decoration: none;
  color: #333;
}
a:hover {
  opacity: .75;
}

small {
  font-size: 85%;
}

button {
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  appearance: none;
}

input[type="text"],
textarea,
select,
select option {
  padding: .2rem .3rem;
  font-size: 14px;
  border: 1px #ccc solid;
}

textarea {
  min-height: 120px;
}

textarea:placeholder-shown,
input[type="text"]:placeholder-shown {
  color: #D7D7D7;
}
textarea::-webkit-input-placeholder,
input[type="text"]::-webkit-input-placeholder {
  color: #D7D7D7;
}
textarea:-moz-placeholder,
input[type="text"]:-moz-placeholder {
  color: #D7D7D7;
  opacity: 1;
}
textarea::-moz-placeholder,
input[type="text"]::-moz-placeholder {
  color: #D7D7D7;
  opacity: 1;
}
textarea:-ms-input-placeholder,
input[type="text"]:-ms-input-placeholder {
  color: #D7D7D7;
}

@media only screen and (min-width: 788px) {
  section {
    margin-bottom: 150px;
  }
}
@media only screen and (max-width: 786px) {
  section {
    margin-bottom: 100px;
  }
}
section section {
  margin-bottom: 40px;
}
@media only screen and (max-width: 786px) {
  section section {
    padding: 0 1rem;
  }
}

@media only screen and (min-width: 788px) {
  #scrollPosition {
    margin-top: 166px;
  }

  #English #scrollPosition {
    margin-top: 165px;
  }

  .warpper {
    min-width: 1200px;
  }

  .globalHeader {
    width: 100%;
  }

  .contentsInner {
    margin: 0 auto;
    overflow: hidden;
    box-sizing: border-box;
  }
}
@media only screen and (min-width: 788px) and (min-width: 788px) {
  .contentsInner {
    width: 1200px;
    padding: 0 100px;
  }
  .contentsInner.long {
    padding: 0;
  }
}
@media only screen and (min-width: 788px) and (max-width: 786px) {
  .contentsInner {
    width: 100%;
  }
}
@media only screen and (min-width: 788px) {
  .contentsInner .contentsSide {
    float: right;
    width: 242px;
  }
  .contentsInner .contentsMain {
    float: left;
    width: 697px;
  }

  .footer {
    min-width: 1200px;
  }
}
@media only screen and (min-width: 788px) {
  .pageHeadArea {
    text-align: center;
  }

  .pankuzu {
    padding: 15px 0 65px 0;
    margin: 0 auto;
  }

  .pankuzu li {
    display: inline-block;
    position: relative;
    margin-right: 1.25em;
    font-size: 13px;
  }
  .pankuzu li:not(:last-child)::after {
    position: absolute;
    content: "\f105";
    top: -5px;
    right: -1rem;
    font-family: FontAwesome;
    font-size: 1.25rem;
    line-height: 1;
  }

  .sectionTitle {
    font-size: 32px;
    border-bottom: 3px #84bb4c solid;
    padding: .1rem 0 15px;
    margin-bottom: 30px;
  }
  .sectionTitle.first {
    padding-top: 15px;
  }

  .aisatsuHead {
    position: relative;
    min-height: 400px;
    margin-bottom: 75px;
  }
  .aisatsuHead .aisatsuName {
    display: block;
    width: 400px;
    position: absolute;
    top: 212px;
    left: 225px;
    font-weight: bold;
    line-height: 1.4;
  }
  .aisatsuHead .aisatsuTxt {
    text-indent: 1rem;
    line-height: 1.8;
    padding-top: 30px;
  }

  #English .aisatsuHead {
    position: relative;
    min-height: auto;
    margin-bottom: 75px;
  }

  .contentsSide {
    margin-bottom: 2rem;
  }

  dl.pageInnerMenu {
    border-right: 1px #E1DFE0 solid;
  }
  dl.pageInnerMenu dt {
    background: #414141;
    font-size: 18px;
    font-weight: bold;
    padding: 1rem 0 1rem .5rem;
    border-bottom: 3px #84bb4c solid;
    color: #fff;
  }
  dl.pageInnerMenu dd ul li a {
    display: block;
    background: #F7F8FC;
    font-size: 13px;
    padding: 1.25rem 0 1rem 1rem;
    border-bottom: 1px #E1DFE0 solid;
    border-left: 3px #F7F8FC solid;
  }
  dl.pageInnerMenu dd ul li ul {
    padding: .5rem 0 .5rem 1.85rem;
  }
  dl.pageInnerMenu dd ul li ul li a {
    border: none;
    position: relative;
    background: #fff;
    padding: .5rem 1rem .5rem;
    line-height: 1.3;
  }
  dl.pageInnerMenu dd ul li ul li a::before {
    content: "\f0da";
    position: absolute;
    top: .55rem;
    left: 0;
    font-family: FontAwesome;
  }

  .pageInnerMenu li a[target="_blank"]:after {
    color: #595959;
    font-family: "Font Awesome 5 Free";
    content: "\f2d2";
    margin-left: .5rem;
  }

  .txt {
    text-indent: 1rem;
    line-height: 1.8;
    margin-bottom: 35px;
    box-sizing: border-box;
    overflow: hidden;
    text-align: justify;
    overflow: hidden;
  }
  .txt.acIndent {
    text-indent: 0;
    padding-left: 1rem;
  }
  .txt.noIndent {
    text-indent: 0;
  }
  .txt a {
    color: #84bb4c;
  }
  .txt.imgLeft img {
    float: left;
    margin: 0 1rem 1rem 0;
  }
  .txt.imgRight img {
    float: right;
    margin: 0 0 1rem 1rem;
    display: block;
    width: auto;
  }
  .txt.colorA {
    background: #f6faf2;
    border: 1px #84bb4c solid;
    padding: 1rem;
  }
  .txt.colorB {
    background: white;
    border: 1px #84bb4c solid;
    padding: 1rem;
  }
  .txt.designBoxA {
    text-indent: 0;
    padding: 0 0 0 1rem;
    margin-left: 1.75rem;
    border-left: 1px #84bb4c solid;
  }
  .txt.rightText {
    text-align: right;
  }
  .txt.shortBottomA {
    margin-bottom: 7px;
  }

  #English .txt {
    text-indent: 0;
  }

  .sectionMidashi {
    color: #84bb4c;
    font-size: 21px;
    line-height: 1.6;
    margin-bottom: 25px;
    background: url(../img/common/midashi_backim1.png) top left no-repeat;
    padding: .7rem 0 0 .6rem;
  }
  .sectionMidashi.sectionMidashiTypeA {
    color: #F6881E;
  }

  .cornerMidashi {
    color: #fff;
    font-size: 16px;
    min-height: 35px;
    box-sizing: border-box;
    line-height: 1.3;
    margin-bottom: 25px;
    background: #90BB5C url(../img/common/midashi_backim2.png) top left no-repeat;
    padding: 7px 0 5px 1.4rem;
    border-radius: 2px;
  }

  .pointMidashi {
    font-weight: bold;
    border-left: 10px #90BB5C solid;
    margin-bottom: 25px;
    line-height: 1.4;
    display: block;
    box-sizing: border-box;
    padding: 0 0 0 .75rem;
  }
  .pointMidashi.onBorder {
    position: relative;
  }
  .pointMidashi.onBorder::after {
    position: absolute;
    left: -.75rem;
    bottom: -.5rem;
    content: " ";
    display: block;
    width: 100%;
    border-bottom: 1px #A0A0A0 solid;
  }

  .divBox {
    overflow: hidden;
    margin-bottom: 35px;
  }
  .divBox a {
    display: block;
  }
  .divBox a.leftPosition {
    float: left;
  }
  .divBox a.rightPosition {
    float: right;
  }
  .divBox a img {
    display: block;
    margin-bottom: .5rem;
  }
  .divBox.imgLeft img {
    float: left;
    margin: 0 1rem 1rem 0;
  }
  .divBox.imgRight img {
    float: right;
    margin: 0 0 1rem 1rem;
    display: block;
  }

  .boldfonts {
    font-weight: bold;
    margin-bottom: .5rem;
    line-height: 1.4;
    display: block;
    box-sizing: border-box;
    padding-left: .75rem;
  }

  .innterLinksA {
    padding-left: 1rem;
  }
  .innterLinksA li {
    margin-bottom: 1rem;
  }
  .innterLinksA li a {
    color: #84bb4c;
  }
  .innterLinksA li a::before {
    color: #84bb4c;
    display: inline-block;
    content: "\f138";
    font-family: FontAwesome;
    font-size: .85rem;
    line-height: 1;
    margin-right: .5rem;
  }

  .innterLinksB {
    overflow: hidden;
    margin-bottom: 70px;
  }
  .innterLinksB li {
    margin-bottom: .5rem;
    width: 30%;
    float: left;
  }
  .innterLinksB li:not(:last-child) {
    margin-right: 45px;
  }
  .innterLinksB li a {
    color: #84bb4c;
    background: #EFEFEF;
    display: block;
    text-align: center;
    position: relative;
    color: #666;
    font-size: 16px;
    padding: 1.5rem 0 .5rem;
    border-radius: 6px;
    box-shadow: 3px 3px 5px -3px #a4a8a1;
  }
  .innterLinksB li a::after {
    text-align: center;
    color: #84bb4c;
    display: block;
    width: 30px;
    height: 25px;
    margin: 0 auto;
    content: "\f107";
    font-family: FontAwesome;
    font-size: 2rem;
  }

  .linkBtns {
    overflow: hidden;
    list-style-type: none;
    margin-bottom: 42px;
  }
  .linkBtns li {
    display: inline-block;
    padding: 0;
  }
  .linkBtns li a {
    display: block;
    font-size: 13px;
    background: #84bb4c;
    color: #fff;
    border-radius: 4px;
    box-sizing: border-box;
    padding: .5rem;
  }
  .linkBtns li a.bkColorA {
    background: #64ACEC;
  }
  .linkBtns li a.bkColorB {
    background: #DD3837;
  }
  .linkBtns li a.bkColorC {
    background: #E9841C;
  }
  .linkBtns li a.bkColorD {
    background: #d0b827;
  }
  .linkBtns li a.bkColorE {
    background: #cd5a5a;
  }
  .linkBtns li a.bkColorF {
    background: #a73138;
  }
  .linkBtns li a.noActive {
    background: #b7b6b6;
    color: #fff;
  }
  .linkBtns li a::before {
    display: inline-block;
    content: "\f13a";
    font-family: FontAwesome;
    font-size: .85rem;
    line-height: 1;
    margin-right: .5rem;
    box-sizing: border-box;
  }

  .innterLinkPosition {
    margin-top: -145px;
    padding-top: 145px;
  }

  .pageGoLink {
    text-align: right;
    margin-bottom: 36px;
  }
  .pageGoLink a {
    display: inline-block;
    background: #84bb4c;
    color: #fff;
    padding: .5rem;
    border-radius: 4px;
    font-size: 13px;
  }
  .pageGoLink a::before {
    display: inline-block;
    content: "\f139";
    font-family: FontAwesome;
    font-size: .85rem;
    line-height: 1;
    margin-right: .5rem;
  }

  .centerTypeA {
    text-align: center;
  }

  .imgBox img {
    max-width: 100%;
  }
  .imgBox a img {
    max-width: 100%;
  }

  .listTypeA {
    padding-left: 1.5rem;
    margin-bottom: 2rem;
  }
  .listTypeA li {
    margin-bottom: 1rem;
    padding-left: 1rem;
    line-height: 1.4;
    position: relative;
  }
  .listTypeA li::before {
    position: absolute;
    top: 0.1 0.65rem;
    left: 0;
    display: block;
    width: 12px;
    height: 12px;
    content: "\f111";
    font-family: FontAwesome;
    font-size: 50%;
    color: #D7D7D7;
  }
  .listTypeA li a {
    color: #84bb4c;
  }
  .listTypeA.noIcon li {
    padding-left: 0;
  }
  .listTypeA.noIcon li::before {
    display: none;
  }

  #English .listTypeA {
    padding-left: 1.5rem;
    margin-bottom: 2rem;
  }
  #English .listTypeA li {
    margin-bottom: 1rem;
    padding-left: 1rem;
    line-height: 1.4;
    position: relative;
  }
  #English .listTypeA li::before {
    position: absolute;
    top: 0.1 0.85rem;
    left: 0;
    display: block;
    width: 12px;
    height: 12px;
    content: "\f111";
    font-family: FontAwesome;
    font-size: 50%;
    color: #D7D7D7;
  }

  .listTypeB li {
    text-align: left;
    margin-bottom: 20px;
  }
  .listTypeB li a {
    display: inline-block;
    position: relative;
    font-size: 100%;
    padding: 0 0 0 36px;
    line-height: 1.2;
  }
  .listTypeB li a::before {
    position: absolute;
    content: " ";
    left: 22px;
    top: 2px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 4px 0 4px 5px;
    border-color: transparent transparent transparent #414141;
  }

  .listTypeC {
    padding-left: 1.5rem;
    margin-bottom: 2rem;
    counter-reset: number;
  }
  .listTypeC li {
    margin-bottom: 1rem;
    padding-left: 1rem;
    line-height: 1.4;
    position: relative;
  }
  .listTypeC li::before {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 12px;
    height: 12px;
    counter-increment: number;
    content: counter(number) ".";
    font-size: 50%;
    color: #333;
    font-size: inherit;
  }

  .dotList {
    margin-bottom: 2rem;
  }
  .dotList .dotItems {
    margin-bottom: 1rem;
    margin-top: .5rem;
    padding-left: 1rem;
    line-height: 1.4;
    position: relative;
  }
  .dotList .dotItems::before {
    position: absolute;
    top: 0.1 0.85rem;
    left: 0;
    display: block;
    width: 12px;
    height: 12px;
    content: "\f111";
    font-family: FontAwesome;
    font-size: 50%;
    color: #D7D7D7;
  }

  .btArea {
    overflow: hidden;
  }
  .btArea .btnDesignA {
    width: 40%;
    display: block;
    padding: 1rem 0;
    color: #fff;
    background: #84bb4c;
    margin: 1rem auto;
    text-align: center;
    border-radius: 3px;
    border: none;
    cursor: pointer;
  }
  .btArea .btnDesignB {
    display: inline-block;
    padding: .3rem .75rem;
    color: #fff;
    background: #84bb4c;
    text-align: center;
    border-radius: 3px;
  }
  .btArea .btnDesignC {
    width: 50%;
    display: block;
    padding: 1rem 0;
    color: #fff;
    background: #6D6E71;
    margin: 1rem auto;
    text-align: center;
    border-radius: 3px;
    border: none;
    cursor: pointer;
    font-weight: bold;
  }

  .designBoxB {
    overflow: hidden;
    padding: 1rem;
    width: 100%;
    box-sizing: border-box;
    border: 1px #84bb4c solid;
    margin-bottom: 2rem;
  }
  .designBoxB .imges {
    float: left;
  }
  .designBoxB .imges img {
    max-width: 100%;
  }
  .designBoxB .imges.w110 {
    width: 110px;
  }
  .designBoxB .imges.w230 {
    width: 230px;
  }
  .designBoxB .contentsBox {
    width: 540px;
    float: right;
  }
  .designBoxB .contentsBox .midashi {
    font-weight: bold;
    display: block;
    margin-bottom: 1rem;
    line-height: 1.4;
  }
  .designBoxB .contentsBox .txt {
    margin-bottom: 0;
    font-size: 90%;
  }
  .designBoxB .contentsBox .txt.shortBottomA {
    margin-bottom: 1rem;
  }

  .newsLinks li {
    margin-bottom: 1rem;
    display: block;
  }
  .newsLinks li a {
    color: #84bb4c;
    overflow: hidden;
    display: block;
    color: #333;
  }
  .newsLinks li a .newsLinkHeader {
    overflow: hidden;
  }
  .newsLinks li a .newsLinkHeader .newsCategory {
    display: block;
    width: 85px;
    float: left;
    background: #84bb4c;
    font-size: 12px;
    text-align: center;
    padding: .15rem 0 .1rem;
    text-indent: 0;
    border-radius: 4px;
    color: #fff;
  }
  .newsLinks li a .newsLinkHeader .newsCategory.bkColorA {
    background: #64ACEC;
  }
  .newsLinks li a .newsLinkHeader .newsCategory.bkColorB {
    background: #DD3837;
  }
  .newsLinks li a .newsLinkHeader .newsCategory.bkColorC {
    background: #E9841C;
  }
  .newsLinks li a .newsLinkHeader .newsCategory.bkColorD {
    background: #d0b827;
  }
  .newsLinks li a .newsLinkHeader .newsCategory.bkColorE {
    background: #cd5a5a;
  }
  .newsLinks li a .newsLinkHeader .newsCategory.bkColorF {
    background: #a73138;
  }
  .newsLinks li a .newsLinkHeader .newsCategory.noActive {
    background: #b7b6b6;
    color: #fff;
  }
  .newsLinks li a .newsLinkHeader .newsEntryDay {
    float: left;
    padding: 0 0 0 1rem;
    text-indent: 0;
    font-size: 14px;
    font-weight: bold;
  }
  .newsLinks li a .newsText {
    display: block;
    width: 100%;
    line-height: 1.2;
    text-indent: 0;
    padding: .15rem 0;
  }
  .newsLinks li a:hover {
    background: #efefef;
  }
  .newsLinks.indexCode li .newsText {
    width: 100%;
  }

  #English .newsLinks li {
    margin-bottom: 1rem;
    display: block;
  }
  #English .newsLinks li a {
    color: #84bb4c;
    overflow: hidden;
    display: block;
    color: #333;
  }
  #English .newsLinks li a .newsLinkHeader {
    overflow: hidden;
  }
  #English .newsLinks li a .newsLinkHeader .newsCategory {
    display: none;
  }
  #English .newsLinks li a .newsLinkHeader .newsEntryDay {
    float: left;
    padding: 0 0 0 0;
    text-indent: 0;
    font-size: 14px;
    font-weight: bold;
  }
  #English .newsLinks li a .newsText {
    width: 100%;
    box-sizing: border-box;
    padding-left: 1.25rem;
    position: relative;
    padding-top: 0;
  }
  #English .newsLinks li a .newsText::before {
    position: absolute;
    top: .15rem;
    left: 0;
    content: " ";
    background: #b7b7b7;
    border-radius: 3px;
    display: block;
    width: .75rem;
    height: .75rem;
  }
  #English .newsLinks.indexCode li .newsText {
    width: 100%;
    box-sizing: border-box;
    padding-left: 1.25rem;
    position: relative;
    padding-top: 0;
  }
  #English .newsLinks.indexCode li .newsText::before {
    position: absolute;
    top: .15rem;
    left: 0;
    content: " ";
    background: #b7b7b7;
    border-radius: 3px;
    display: block;
    width: .75rem;
    height: .75rem;
  }

  .tgLinkArea {
    overflow: hidden;
  }
  .tgLinkArea .tgLinkBox {
    margin-bottom: .5rem;
    width: 30%;
    float: left;
  }
  .tgLinkArea .tgLinkBox:not(:last-child) {
    margin-right: 45px;
  }

  .proFileHead {
    overflow: hidden;
    margin-bottom: 2rem;
  }
  .proFileHead .proImg {
    width: 230px;
    float: left;
  }
  .proFileHead .proTableArea {
    width: 435px;
    float: right;
  }

  .profiles {
    display: block;
    border-top: 1px #666 solid;
    border-bottom: 1px #666 solid;
    padding: .75rem 30px .75rem 0;
    margin: 2rem 0;
    overflow: hidden;
    position: relative;
  }
  .profiles::after {
    position: absolute;
    content: "\f054";
    font-size: 18px;
    color: #84bb4c;
    font-family: FontAwesome;
    top: 50%;
    right: 0;
    margin-top: -18px;
  }
  .profiles:hover {
    -webkit-background-size: 10px 10px;
    -moz-background-size: 10px 10px;
    background-size: 10px 10px;
    background-color: #ffffff;
    background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(0.25, #f5ffef), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, #f5ffef), color-stop(0.75, #f5ffef), color-stop(0.75, transparent), to(transparent));
    background-image: -webkit-linear-gradient(-45deg, #f5ffef 25%, transparent 25%, transparent 50%, #f5ffef 50%, #f5ffef 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(-45deg, #f5ffef 25%, transparent 25%, transparent 50%, #f5ffef 50%, #f5ffef 75%, transparent 75%, transparent);
    background-image: -ms-linear-gradient(-45deg, #f5ffef 25%, transparent 25%, transparent 50%, #f5ffef 50%, #f5ffef 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(-45deg, #f5ffef 25%, transparent 25%, transparent 50%, #f5ffef 50%, #f5ffef 75%, transparent 75%, transparent);
    background-image: linear-gradient(-45deg, #f5ffef 25%, transparent 25%, transparent 50%, #f5ffef 50%, #f5ffef 75%, transparent 75%, transparent);
    opacity: .9;
  }
  .profiles .profileImg {
    width: 160px;
    float: left;
    display: block;
  }
  .profiles .profileImg img {
    width: 100%;
  }
  .profiles .profileStausBox {
    width: 485px;
    float: right;
    display: block;
  }
  .profiles .profileStausBox .profileStausBoxHeader {
    overflow: hidden;
    display: block;
    margin-bottom: 1rem;
    margin-top: 14px;
  }
  .profiles .profileStausBox .profileStausBoxHeader .profileName {
    width: 280px;
    float: left;
    font-size: 21px;
    font-weight: bold;
    display: block;
    box-sizing: border-box;
    padding-top: 6px;
  }
  .profiles .profileStausBox .profileStausBoxHeader .profileClass {
    width: 75px;
    float: left;
    background: #D7D7D7;
    text-align: center;
    padding: 7px;
    display: block;
    box-sizing: border-box;
  }
  .profiles .profileStausBox .profileStausBoxHeader .profileClassName {
    width: 130px;
    float: left;
    padding: 7px 0 7px 7px;
    display: block;
    box-sizing: border-box;
  }
  .profiles .profileStausBox .research {
    background: #D7D7D7;
    padding: .5rem;
    display: block;
    margin-bottom: .5rem;
  }

  #English .profileStausBoxHeader .profileName {
    width: 485px;
    float: none;
    clear: both;
    display: block;
    margin-bottom: 1rem;
  }
  #English .profileStausBoxHeader .profileClass {
    width: 165px;
    float: left;
    display: block;
    background: transparent;
    text-align: left;
    box-sizing: border-box;
    font-size: 90%;
    padding: 0;
  }
  #English .profileStausBoxHeader .profileClassName {
    width: 320px;
    float: right;
    display: block;
    font-size: 90%;
    box-sizing: border-box;
    padding: 0 0 0 14px;
    border-left: 1px #ddd solid;
    background: transparent;
  }

  .researchList {
    display: block;
    counter-reset: number 0;
  }
  .researchList.MAB_A {
    margin-bottom: 2.5rem;
  }
  .researchList b.researchListTeema,
  .researchList li {
    display: block;
    text-indent: -22px;
    padding-left: 22px;
    margin-bottom: .5rem;
    line-height: 1.3;
  }
  .researchList b.researchListTeema::before,
  .researchList li::before {
    counter-increment: number 1;
    content: counter(number) ". ";
  }

  .personalInformationArea .PIHeader {
    overflow: hidden;
    margin-bottom: 1rem;
  }
  .personalInformationArea .PIHeader .PIImg {
    width: 190px;
    float: left;
  }
  .personalInformationArea .PIHeader .PIImg img {
    max-width: 100%;
  }
  .personalInformationArea .PIHeader .PIStausBox {
    width: 490px;
    float: right;
  }
  .personalInformationArea .PIHeader .PIStausBox .NameJp {
    font-size: 21px;
    font-weight: bold;
    margin-bottom: .5rem;
    padding-top: 3px;
  }
  .personalInformationArea .PIHeader .PIStausBox .NameEn {
    font-size: 21px;
    color: #666;
    height: 55px;
  }
  .personalInformationArea .PIHeader .PILinks li {
    margin-bottom: .5rem;
    width: 54%;
  }
  .personalInformationArea .PIHeader .PILinks li a {
    display: block;
    background: #F7F7F7;
    border: 1px solid #999;
    position: relative;
    padding: 7px;
    border-radius: 6px;
  }
  .personalInformationArea .PIHeader .PILinks li a::after {
    position: absolute;
    content: "\f138";
    top: 50%;
    right: 5px;
    margin-top: -5px;
    font-family: FontAwesome;
    font-size: .85rem;
    line-height: 1;
    color: #999;
  }
  .personalInformationArea .PIMidashi {
    font-size: 16px;
    background: #F4F6FB;
    padding: 8px 6px 6px 6px;
    margin-bottom: 1rem;
  }

  #English .PILinks li {
    margin-bottom: .5rem;
    width: 100%;
  }
  #English .PILinks li a {
    display: block;
    background: #F7F7F7;
    border: 1px solid #999;
    position: relative;
    padding: 7px;
    border-radius: 6px;
    font-size: 77%;
  }
  #English .PILinks li a::after {
    position: absolute;
    content: "\f138";
    top: 50%;
    right: 5px;
    margin-top: -5px;
    font-family: FontAwesome;
    font-size: .85rem;
    line-height: 1;
    color: #999;
  }

  .personalInformationArea.Eng .PIHeader .PIStausBox .NameEn {
    font-size: 18px;
    color: #333;
    height: 55px;
  }

  .searchWord {
    padding: 75px 0 1rem 0;
    font-size: 36px;
    line-height: 1.3;
    border-bottom: 1px solid #89BB54;
    margin-bottom: 1.5rem;
  }
  .searchWord small {
    font-size: 65%;
    padding-left: .5rem;
  }
  .searchWord small::first-letter {
    font-size: 85%;
    padding-right: .3rem;
  }

  .searchWordList {
    list-style-type: none;
  }
  .searchWordList li {
    margin-bottom: 1.5rem;
    border-bottom: 1px dotted #ddd;
  }
  .searchWordList li a {
    display: block;
    padding: 1rem;
    cursor: pointer;
  }
  .searchWordList li a .searchTitle {
    color: #89BB54;
    font-size: 21px;
    margin-bottom: .5rem;
  }
  .searchWordList li a .searchText {
    line-height: 1.5;
  }
  .searchWordList li a .searchText b {
    background: #ffeb7b;
  }
  .searchWordList li a:hover {
    background: #efefef;
  }

  .nosearchWord {
    padding: 100px 0;
    font-size: 20px;
    color: #ce2c2c;
  }

  .breakLine {
    border: none;
    border-bottom: 1px #ddd solid;
    margin: 1rem 0 2rem 0;
  }

  .movieFrame {
    width: 640px;
    height: 360px;
    margin: 0 auto;
    display: block;
  }

  .clearfix:after {
    content: "";
    display: block;
    clear: both;
  }

  .page_Etc.this_policy .sectionTitle {
    font-size: 14px;
  }

  .Etc.Policy .sectionTitle {
    font-size: 14px;
  }

  .cotegoryTitles {
    font-size: 26px;
    background: #84BB4C;
    color: #fff;
    padding: 1rem 0 1rem 1rem;
    display: block;
    margin: 1.5rem 0 2rem 0;
    border-left: 5px #5c9126 solid;
  }
}
@media only screen and (max-width: 786px) {
  .pageHeadArea.spIndex {
    padding-top: 86px;
  }
  .pageHeadArea.spIndex img {
    width: 100%;
  }

  .pankuzu {
    border-bottom: 1px #eee solid;
    width: 100%;
    background: #fdfdfd;
    padding-right: 13px;
    box-sizing: border-box;
  }
  .pankuzu li {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    font-size: 13px;
    padding: .5rem .5rem .25rem .5rem;
  }
  .pankuzu li a {
    color: #84bb4c;
  }
  .pankuzu li:not(:last-child)::after {
    position: absolute;
    content: "\f105";
    top: .52rem;
    right: -5px;
    font-family: FontAwesome;
    font-size: .85rem;
    line-height: 1;
    color: #999;
  }
  .pankuzu li.homeIcon a {
    position: relative;
    display: block;
    padding: .5rem 0;
    width: 25px;
  }
  .pankuzu li.homeIcon a:before {
    position: absolute;
    content: "\f015";
    top: -2px;
    right: 0;
    left: 5px;
    bottom: 0;
    font-family: FontAwesome;
    font-size: 1.2rem;
    line-height: 1;
  }
  .pankuzu li.homeIcon a b {
    display: none;
  }

  .sectionTitle {
    font-size: 28px;
    border-bottom: 3px #84bb4c solid;
    padding: 1.15rem .5rem 1rem .5rem;
    margin-bottom: 30px;
  }
  .sectionTitle.first {
    padding-top: 15px;
  }

  .aisatsuHead {
    margin-bottom: 75px;
    overflow: hidden;
    padding: 0 1rem;
  }
  .aisatsuHead img {
    display: block;
    width: 25%;
    float: left;
  }
  .aisatsuHead .aisatsuName {
    display: block;
    float: right;
    width: 70%;
    line-height: 1.4;
  }
  .aisatsuHead .aisatsuTxt {
    border-top: 1px #ddd dashed;
    clear: both;
    text-indent: 1rem;
    line-height: 1.8;
    padding-top: 1rem;
    font-size: 95%;
  }

  .sectionMidashi {
    color: #84bb4c;
    font-size: 21px;
    line-height: 1.6;
    margin-bottom: 25px;
    background: url(../img/common/midashi_backim1.png) top left no-repeat;
    padding: .7rem 0 0 .6rem;
  }
  .sectionMidashi.sectionMidashiTypeA {
    color: #F6881E;
  }

  .cornerMidashi {
    color: #fff;
    font-size: 16px;
    min-height: 35px;
    box-sizing: border-box;
    line-height: 1.3;
    margin-bottom: 25px;
    background: #90BB5C url(../img/common/midashi_backim2.png) top left no-repeat;
    padding: 10px 10px 6px 1.4rem;
    border-radius: 2px;
  }

  .pointMidashi {
    font-weight: bold;
    border-left: 10px #90BB5C solid;
    margin-bottom: 25px;
    line-height: 1.4;
    display: block;
    box-sizing: border-box;
    font-size: 100%;
    padding-left: .5rem;
  }

  .divBox {
    overflow: hidden;
    margin-bottom: 35px;
  }
  .divBox a {
    display: block;
    margin-bottom: 1rem;
    text-align: center;
    width: 90%;
    margin: 0 auto 1.5rem auto;
  }
  .divBox a.leftPosition {
    float: none;
  }
  .divBox a.rightPosition {
    float: none;
  }
  .divBox a img {
    margin-bottom: .5rem;
    max-width: 100%;
    display: block;
  }
  .divBox.imgLeft {
    text-align: center;
    margin: 1rem 0;
  }
  .divBox.imgLeft img {
    float: none;
  }
  .divBox.imgRight {
    text-align: center;
    margin: 1rem 0;
  }
  .divBox.imgRight img {
    float: none;
  }

  .boldfonts {
    font-weight: bold;
    margin-bottom: 25px;
    line-height: 1.4;
    display: block;
    box-sizing: border-box;
    font-size: 100%;
  }

  .contentsSide dl.pageInnerMenu {
    border-right: 1px #E1DFE0 solid;
    border-bottom: 1px #E1DFE0 solid;
  }
  .contentsSide dl.pageInnerMenu dt {
    background: #414141;
    font-size: 100%;
    font-weight: bold;
    padding: 1rem;
    border-bottom: 3px #84bb4c solid;
    color: #fff;
  }
  .contentsSide dl.pageInnerMenu dd ul li a {
    display: table;
    background: #F7F8FC;
    font-size: 95%;
    padding: 1.25rem 1rem 1rem 1rem;
    border-bottom: 1px #E1DFE0 solid;
    border-left: 3px #F7F8FC solid;
    box-sizing: border-box;
    width: 100%;
  }
  .contentsSide dl.pageInnerMenu dd ul li a::after {
    content: "\f105";
    display: table-cell;
    vertical-align: middle;
    text-align: right;
    margin-right: 1em;
    width: .5rem;
    font-family: FontAwesome;
    color: #84bb4c;
  }
  .contentsSide dl.pageInnerMenu dd ul li ul {
    padding-left: 1.85rem;
  }
  .contentsSide dl.pageInnerMenu dd ul li ul li a {
    border: none;
    position: relative;
    background: #fff;
    padding: .8rem 1rem .8rem;
  }
  .contentsSide dl.pageInnerMenu dd ul li ul li a::before {
    content: "\f0da";
    position: absolute;
    top: .8rem;
    left: 0;
    font-family: FontAwesome;
  }
  .contentsSide dl.pageInnerMenu dd ul li ul li a::after {
    content: "";
  }
  .contentsSide dl.pageInnerMenu dd ul li.active a {
    border-left: 3px #84bb4c solid;
    background: #fff;
  }
  .contentsSide dl.pageInnerMenu dd ul li.active a::after {
    content: "";
  }

  .txt {
    text-indent: 1rem;
    line-height: 1.8;
    margin-bottom: 35px;
    font-size: 95%;
    text-align: justify;
    text-justify: inter-ideograph;
    overflow: hidden;
  }
  .txt.paddingCode {
    padding: 0 1rem;
  }
  .txt.noIndent {
    text-indent: 0;
  }
  .txt a {
    color: #84bb4c;
  }
  .txt.miniLmgLeft img {
    float: left;
    margin: 0 1rem 1rem 0;
  }
  .txt.SpNoFloat {
    float: none;
    clear: both;
  }
  .txt.SpNoFloat img {
    float: none;
    clear: both;
    display: block;
    margin-bottom: 1rem;
  }
  .txt.colorA {
    background: #f6faf2;
    border: 1px #84bb4c solid;
    padding: 1rem;
  }
  .txt.colorB {
    background: white;
    border: 1px #84bb4c solid;
    padding: 1rem;
  }
  .txt.rightText {
    text-align: right;
  }
  .txt.shortBottomA {
    margin-bottom: 7px;
  }

  #English .txt {
    text-indent: 0;
  }
  #English .txt.indentOn {
    text-indent: 1rem;
  }

  .innterLinksA,
  .innterLinksB {
    padding-right: 1rem;
  }
  .innterLinksA li,
  .innterLinksB li {
    margin-bottom: .85rem;
  }
  .innterLinksA li a,
  .innterLinksB li a {
    color: #84bb4c;
    margin-left: 2rem;
    display: block;
    position: relative;
    line-height: 1.2;
  }
  .innterLinksA li a::before,
  .innterLinksB li a::before {
    position: absolute;
    color: #84bb4c;
    top: 2px;
    left: -1.25rem;
    display: block;
    content: "\f138";
    font-family: FontAwesome;
    font-size: .85rem;
    line-height: 1;
    margin-right: .5rem;
  }

  .innterLinksB {
    overflow: hidden;
    list-style-type: none;
    margin-bottom: 42px;
    padding: 0 1rem;
  }
  .innterLinksB li {
    display: block;
    padding: 0;
    width: 100%;
  }
  .innterLinksB li:not(:last-child) {
    margin-bottom: 1rem;
  }
  .innterLinksB li a {
    display: block;
    background: #EFEFEF;
    color: #414141;
    border-radius: 4px;
    box-sizing: border-box;
    padding: .85rem;
  }
  .innterLinksB li a::before {
    display: inline-block;
    content: "\f13a";
    font-family: FontAwesome;
    font-size: .85rem;
    line-height: 1;
    margin-right: .85rem;
    box-sizing: border-box;
    color: #84bb4c;
  }

  .linkBtns {
    overflow: hidden;
    list-style-type: none;
    margin-bottom: 42px;
    padding: 0 1rem;
  }
  .linkBtns li {
    display: block;
    padding: 0;
    width: 100%;
  }
  .linkBtns li:not(:last-child) {
    margin-bottom: 1rem;
  }
  .linkBtns li a {
    display: block;
    background: #84bb4c;
    color: #fff;
    border-radius: 4px;
    box-sizing: border-box;
    padding: .85rem;
  }
  .linkBtns li a.bkColorA {
    background: #64ACEC;
  }
  .linkBtns li a.bkColorB {
    background: #DD3837;
  }
  .linkBtns li a.bkColorC {
    background: #E9841C;
  }
  .linkBtns li a.bkColorD {
    background: #d0b827;
  }
  .linkBtns li a.bkColorE {
    background: #cd5a5a;
  }
  .linkBtns li a.bkColorF {
    background: #a73138;
  }
  .linkBtns li a.noActive {
    background: #b7b6b6;
    color: #fff;
  }
  .linkBtns li a::before {
    display: inline-block;
    content: "\f13a";
    font-family: FontAwesome;
    font-size: .85rem;
    line-height: 1;
    margin-right: .85rem;
    box-sizing: border-box;
  }
  .linkBtns.halfCell li {
    width: 48%;
    float: left;
  }
  .linkBtns.halfCell li:nth-child(even) {
    float: right;
  }

  .innterLinkPosition {
    margin-top: -100px;
    padding-top: 100px;
  }

  .pageGoLink {
    text-align: right;
    margin-bottom: 1em;
  }
  .pageGoLink a {
    display: inline-block;
    background: #84bb4c;
    color: #fff;
    padding: .5rem;
    border-radius: 4px;
    font-size: 13px;
  }
  .pageGoLink a::before {
    display: inline-block;
    content: "\f139";
    font-family: FontAwesome;
    font-size: .85rem;
    line-height: 1;
    margin-right: .5rem;
  }

  .centerTypeA {
    text-align: center;
  }

  .listTypeA,
  .listTypeB {
    padding-left: 1.5rem;
    margin-bottom: 2rem;
  }
  .listTypeA li,
  .listTypeB li {
    margin-bottom: 1rem;
    padding-left: 1rem;
    line-height: 1.4;
    position: relative;
  }
  .listTypeA li::before,
  .listTypeB li::before {
    position: absolute;
    top: .3rem;
    left: 0;
    display: block;
    width: 12px;
    height: 12px;
    content: "\f111";
    font-family: FontAwesome;
    font-size: 50%;
    color: #D7D7D7;
  }
  .listTypeA li a,
  .listTypeB li a {
    color: #84bb4c;
  }
  .listTypeA.noIcon li,
  .listTypeB.noIcon li {
    padding-left: 0;
  }
  .listTypeA.noIcon li::before,
  .listTypeB.noIcon li::before {
    display: none;
  }

  .listTypeC {
    padding-left: 1.5rem;
    margin-bottom: 2rem;
    counter-reset: number;
  }
  .listTypeC li {
    margin-bottom: 1rem;
    padding-left: 1rem;
    line-height: 1.4;
    position: relative;
  }
  .listTypeC li::before {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 12px;
    height: 12px;
    counter-increment: number;
    content: counter(number) ".";
    font-size: 50%;
    color: #333;
    font-size: inherit;
  }

  .dotList {
    margin-bottom: 2rem;
  }
  .dotList .dotItems {
    margin-bottom: 1rem;
    margin-top: .5rem;
    padding-left: 1rem;
    line-height: 1.4;
    position: relative;
  }
  .dotList .dotItems::before {
    position: absolute;
    top: 0.1 0.85rem;
    left: 0;
    display: block;
    width: 12px;
    height: 12px;
    content: "\f111";
    font-family: FontAwesome;
    font-size: 50%;
    color: #D7D7D7;
  }

  .btArea {
    overflow: hidden;
  }
  .btArea .btnDesignA {
    width: 100%;
    display: block;
    padding: 1rem 0;
    color: #fff;
    background: #84bb4c;
    margin: 1rem auto;
    text-align: center;
    border-radius: 3px;
    border: none;
    cursor: pointer;
  }
  .btArea .btnDesignA.spMarginA {
    margin-bottom: 2.5rem;
  }
  .btArea .btnDesignB {
    display: inline-block;
    padding: .3rem .75rem;
    color: #fff;
    background: #84bb4c;
    text-align: center;
    border-radius: 3px;
  }
  .btArea .btnDesignC {
    display: block;
    padding: 1rem 0;
    color: #fff;
    background: #6D6E71;
    margin: 1rem auto;
    text-align: center;
    border-radius: 3px;
    border: none;
    cursor: pointer;
    font-weight: bold;
  }

  .designBoxB {
    overflow: hidden;
    padding: 1rem;
    width: 100%;
    box-sizing: border-box;
    border: 1px #84bb4c solid;
    margin-bottom: 2rem;
    border-radius: 4px;
    background: #fff;
  }
  .designBoxB .imges {
    text-align: center;
    margin-bottom: 1rem;
  }
  .designBoxB .imges img {
    max-width: 100%;
  }
  .designBoxB .contentsBox .midashi {
    font-weight: bold;
    display: block;
    margin-bottom: 1rem;
    line-height: 1.4;
    text-align: center;
  }
  .designBoxB .contentsBox .midashi::after {
    content: " ";
    display: block;
    border-bottom: 3px #84bb4c solid;
    width: 15%;
    margin: 1rem auto 0 auto;
  }
  .designBoxB .contentsBox .txt {
    margin-bottom: 0;
    font-size: 90%;
  }

  .newsLinks li {
    margin-bottom: 1rem;
    display: block;
    border-bottom: 1px #414141 dotted;
    margin-bottom: 1rem;
    padding: 0 .5rem .85rem .5rem;
  }
  .newsLinks li a {
    color: #84bb4c;
    overflow: hidden;
    display: block;
    color: #333;
  }
  .newsLinks li a .newsLinkHeader {
    overflow: hidden;
    text-indent: 0;
  }
  .newsLinks li a .newsLinkHeader .newsCategory {
    display: none;
  }
  .newsLinks li a .newsLinkHeader .newsEntryDay {
    padding: 0 0 0 0;
    font-weight: bold;
    font-size: 90%;
    display: inline-block;
    border-bottom: 2px #84bb4c solid;
    line-height: 1.4;
    margin-bottom: .3rem;
    text-indent: 0;
  }
  .newsLinks li a .newsText {
    width: 100%;
    box-sizing: border-box;
    line-height: 1.4;
    padding-top: 0;
    text-indent: 0;
  }

  .proFileHead {
    overflow: hidden;
  }
  .proFileHead .proImg {
    text-align: center;
    margin-bottom: 2.5rem;
  }
  .proFileHead .proTableArea {
    margin-bottom: 2rem;
  }

  .profiles {
    display: block;
    border-top: 1px #666 solid;
    border-bottom: 1px #666 solid;
    padding: .75rem 0;
    margin: 2rem 0;
    overflow: hidden;
    position: relative;
  }
  .profiles .profileImg {
    width: 25%;
    float: left;
    display: block;
  }
  .profiles .profileImg img {
    width: 100%;
  }
  .profiles .profileStausBox {
    width: 72%;
    float: right;
    display: block;
  }
  .profiles .profileStausBox .profileStausBoxHeader {
    overflow: hidden;
    display: block;
    margin-bottom: 1rem;
  }
  .profiles .profileStausBox .profileStausBoxHeader .profileName {
    width: 100%;
    font-size: 18px;
    font-weight: bold;
    display: block;
    box-sizing: border-box;
    padding-top: 3px;
    padding-bottom: .5rem;
  }
  .profiles .profileStausBox .profileStausBoxHeader .profileClass {
    width: 19%;
    float: left;
    margin-right: 1px;
    display: block;
    box-sizing: border-box;
    font-size: 14px;
    line-height: 1.3;
    color: #84bb4c;
  }
  .profiles .profileStausBox .profileStausBoxHeader .profileClassName {
    width: 70%;
    float: left;
    padding: 0 0 0 7px;
    display: block;
    box-sizing: border-box;
    font-size: 14px;
    line-height: 1.3;
    border-left: 2px #89BB54 solid;
  }
  .profiles .profileStausBox .research {
    background: #D7D7D7;
    padding: .5rem;
    display: block;
    margin-bottom: .5rem;
  }

  #English .profileStausBoxHeader {
    overflow: hidden;
    display: block;
    margin-bottom: 1rem;
  }
  #English .profileStausBoxHeader .profileName {
    width: 100%;
    font-size: 18px;
    font-weight: bold;
    display: block;
    box-sizing: border-box;
    padding-top: 3px;
    padding-bottom: 1rem;
  }
  #English .profileStausBoxHeader .profileClass {
    width: 100%;
    float: none;
    margin-bottom: .5rem;
    display: block;
    box-sizing: border-box;
    font-size: 14px;
    line-height: 1.3;
    color: #84bb4c;
    border-bottom: 1px #89BB54 solid;
  }
  #English .profileStausBoxHeader .profileClassName {
    width: 100%;
    float: none;
    display: block;
    box-sizing: border-box;
    font-size: 14px;
    line-height: 1.3;
    border-left: none;
    padding: 0;
  }

  .researchList {
    display: block;
    counter-reset: number 0;
  }
  .researchList.MAB_A {
    margin-bottom: 2.5rem;
  }
  .researchList b.researchListTeema,
  .researchList li {
    display: block;
    text-indent: -22px;
    padding-left: 22px;
    margin-bottom: .5rem;
    line-height: 1.3;
  }
  .researchList b.researchListTeema::before,
  .researchList li::before {
    counter-increment: number 1;
    content: counter(number) ". ";
  }

  .personalInformationArea .PIHeader {
    margin-bottom: 1rem;
  }
  .personalInformationArea .PIHeader .PIImg {
    text-align: center;
    margin-bottom: .5rem;
  }
  .personalInformationArea .PIHeader .PIImg img {
    width: 215px;
  }
  .personalInformationArea .PIHeader .PIStausBox .NameJp {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: .5rem;
    padding-top: .5rem;
    text-align: center;
  }
  .personalInformationArea .PIHeader .PIStausBox .NameEn {
    font-size: 13px;
    color: #666;
    margin-bottom: 1rem;
    padding-bottom: .5rem;
    border-bottom: 1px solid #999;
    text-align: center;
  }
  .personalInformationArea .PIHeader .PILinks li {
    margin-bottom: .5rem;
    width: 100%;
  }
  .personalInformationArea .PIHeader .PILinks li a {
    display: block;
    background: #F7F7F7;
    border: 1px solid #999;
    position: relative;
    padding: 7px;
    border-radius: 6px;
    font-size: 14px;
  }
  .personalInformationArea .PIHeader .PILinks li a::after {
    position: absolute;
    content: "\f138";
    top: 50%;
    right: 5px;
    margin-top: -5px;
    font-family: FontAwesome;
    font-size: .85rem;
    line-height: 1;
    color: #999;
  }
  .personalInformationArea .PIMidashi {
    font-size: 16px;
    background: #F4F6FB;
    padding: 8px 6px 6px 6px;
    margin-bottom: 1rem;
  }

  #English .PIHeader {
    margin-bottom: 1rem;
  }
  #English .PIHeader .PIStausBox .NameEn {
    font-size: 16px;
    color: #666;
    padding: .75rem 0 1rem 0;
    border-bottom: 1px solid #999;
    text-align: center;
    font-weight: bold;
  }

  .searchWord {
    padding: 120px 1rem 1rem 1rem;
    font-size: 31px;
    line-height: 1.3;
    border-bottom: 1px solid #89BB54;
    margin-bottom: 1.5rem;
  }
  .searchWord small {
    font-size: 60%;
    display: inline-block;
    padding-left: .5rem;
  }

  .searchWordList {
    list-style-type: none;
  }
  .searchWordList li {
    margin-bottom: 1.5rem;
    border-bottom: 1px dotted #ddd;
  }
  .searchWordList li a {
    display: block;
    padding: 1rem;
    cursor: pointer;
  }
  .searchWordList li a .searchTitle {
    color: #89BB54;
    font-size: 21px;
    margin-bottom: .5rem;
  }
  .searchWordList li a .searchText {
    line-height: 1.5;
  }
  .searchWordList li a .searchText b {
    background: #ffeb7b;
  }

  .nosearchWord {
    padding: 100px 1rem;
    font-size: 20px;
    color: #ce2c2c;
    text-align: center;
    line-height: 1.5;
  }

  .movieFrame {
    width: 100%;
    height: auto;
  }

  .clearfix:after {
    content: "";
    display: block;
    clear: both;
  }

  .cotegoryTitles {
    font-size: 20px;
    background: #84BB4C;
    color: #fff;
    padding: 1rem 0 1rem 1rem;
    display: block;
    margin: 1rem 0 1.5rem 0;
    border-left: 5px #5c9126 solid;
  }

  .siteSearch {
    border: 2px #eee solid;
    box-sizing: border-box;
    padding: 1rem;
    text-align: center;
    background: #414141;
  }
  .siteSearch .siteSearchMidashi {
    display: block;
    text-align: center;
    margin-bottom: 1rem;
  }
  .siteSearch .searchBox {
    width: 85%;
    margin: 0 auto;
    padding: .5rem;
    text-align: center;
    background: #fff;
    border-radius: 4px;
    box-sizing: border-box;
    font-size: 110%;
  }
  .siteSearch .searchBtn {
    width: 85%;
    margin: 1rem auto;
    padding: 1rem 0;
    text-align: center;
    background: #84bb4c;
    border-radius: 4px;
    font-weight: bold;
    position: relative;
    height: 42px;
  }
  .siteSearch .searchBtn::before {
    position: absolute;
    top: 8px;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 3em;
    font-size: 120%;
    content: "検　索";
    display: block;
    text-align: center;
    color: #fff;
    box-sizing: border-box;
  }

  .spSideMenu dt {
    background: #84bb4c;
    color: #fff;
    padding: 1.25rem .5rem 1.25rem 1rem;
    border-bottom: 1px #77ac41 solid;
    position: relative;
  }
  .spSideMenu dt::after {
    position: absolute;
    content: "\f0fe";
    top: 1.25rem;
    right: 1rem;
    font-family: FontAwesome;
  }
  .spSideMenu dt.thisOpenNav::after {
    content: "\f146";
  }
  .spSideMenu dd {
    display: none;
  }
  .spSideMenu dd ul li a {
    display: block;
    color: #fff;
    background: #414141;
    padding: 1.25rem .8rem 1.25rem 1.5rem;
    font-size: 90%;
    border-bottom: 1px #656565 solid;
  }

  .langBtnArea {
    text-align: center;
    border-bottom: 1px solid #999;
  }

  .enBtn {
    border: 1px #84bb4c solid;
    border-radius: 4px;
    color: #84bb4c;
    font-size: 16px;
    width: 85%;
    display: block;
    margin: 1rem auto;
    padding: 1rem 0;
    text-align: center;
    background: #fff;
    border-radius: 4px;
  }

  .sideClose {
    width: 85%;
    margin: 1rem auto;
    padding: 1rem 0;
    text-align: center;
    background: #414141;
    border-radius: 4px;
  }
  .sideClose i {
    margin: 0 .3rem;
  }

  .imgBox img {
    max-width: 100%;
  }
  .imgBox a img {
    max-width: 100%;
  }

  .sectionCode {
    padding: 0 1rem;
  }

  .spTableTypeA {
    overflow: auto;
    white-space: nowrap;
  }
}
table caption {
  background: #414141;
  width: 100%;
  box-sizing: border-box;
  padding: .75rem 0 .75rem 1rem;
  color: #fff;
  font-weight: bold;
}
table td a {
  color: #84bb4c;
}

table.TypeA {
  border-top: 1px #ddd dotted;
}
table.TypeA tr {
  border-bottom: 1px #ddd dotted;
}
table.TypeA tr th {
  background: #F5F6FB;
  vertical-align: top;
  box-sizing: border-box;
}
@media only screen and (min-width: 788px) {
  table.TypeA tr th {
    width: 200px;
    padding: 1rem 1rem 1rem .3rem;
  }
}
@media only screen and (max-width: 786px) {
  table.TypeA tr th {
    width: 100%;
    display: block;
    padding: 1rem;
  }
}
table.TypeA tr th .year,
table.TypeA tr th .month {
  line-height: 1;
  display: inline-block;
}
table.TypeA tr th .year {
  font-weight: bold;
}
@media only screen and (min-width: 788px) {
  table.TypeA tr th .year {
    border-right: 3px #D7D7D7 solid;
    padding-right: .5rem;
  }
}
@media only screen and (max-width: 786px) {
  table.TypeA tr th .year {
    border-right: 3px #D7D7D7 solid;
    padding-right: .75rem;
  }
}
@media only screen and (min-width: 788px) {
  table.TypeA tr th .month {
    padding-left: .5rem;
    font-size: 95%;
    width: 110px;
    -moz-text-align-last: justify;
    text-align-last: justify;
  }
}
@media only screen and (max-width: 786px) {
  table.TypeA tr th .month {
    padding-left: .75rem;
    font-size: 95%;
  }
}
table.TypeA tr td {
  padding: .85rem 0 1rem 1rem;
  line-height: 1.6;
  text-align: justify;
  text-justify: inter-ideograph;
  box-sizing: border-box;
}
@media only screen and (max-width: 786px) {
  table.TypeA tr td {
    width: 100%;
    display: block;
    padding: 1rem 1rem 2rem 1rem;
  }
}
table.TypeA tr td dl.innerBox dt {
  display: block;
}
table.TypeA tr td dl.innerBox dd {
  padding-left: 1rem;
  margin-bottom: .5rem;
}

table.TypeB {
  border-top: 1px #ddd solid;
  border-left: 1px #ddd solid;
  margin-bottom: 3rem;
  width: 100%;
}
table.TypeB tr {
  border-bottom: 1px #ddd solid;
  border-right: 1px #ddd solid;
}
@media only screen and (max-width: 786px) {
  table.TypeB tr {
    width: 100%;
    display: block;
  }
}
table.TypeB tr th {
  background: #F5F6FB;
  vertical-align: top;
  box-sizing: border-box;
  width: 200px;
}
@media only screen and (min-width: 788px) {
  table.TypeB tr th {
    width: 200px;
    padding: 1rem;
  }
}
@media only screen and (max-width: 786px) {
  table.TypeB tr th {
    width: 100%;
    display: block;
    padding: 1rem;
  }
}
table.TypeB tr th.colorA {
  background: #307DD0;
  color: #fff;
}
table.TypeB tr td {
  padding: .85rem 1rem 1rem 1rem;
  line-height: 1.6;
  box-sizing: border-box;
}
@media only screen and (max-width: 786px) {
  table.TypeB tr td {
    width: 100%;
    display: block;
    padding: 1rem 1rem 2rem 1rem;
    word-break: break-all;
  }
}
@media only screen and (min-width: 788px) {
  table.TypeB tr.headerTh th {
    background: #414141;
    width: none;
    box-sizing: border-box;
    padding: .75rem 0 .75rem 1rem;
    color: #fff;
    font-weight: bold;
    line-height: 1.3;
  }
  table.TypeB tr.headerTh th:not(:last-child) {
    border-right: 1px #fff solid;
  }
  table.TypeB tr.middleCell th {
    vertical-align: middle;
  }
}
@media only screen and (max-width: 786px) {
  table.TypeB tr.headerTh {
    display: none;
  }
}
@media only screen and (min-width: 788px) {
  table.TypeB.shortCell th {
    width: 150px;
  }
}
table.TypeB.oneCell tr th, table.TypeB.oneCell tr td {
  vertical-align: middle;
}
table.TypeB.shortMA_B {
  margin-bottom: 1rem;
}
table.TypeB.borderTd tr td {
  border-left: 1px #ddd solid;
}

table.TypeC {
  border-top: 1px #ddd solid;
  border-left: 1px #ddd solid;
  margin-bottom: 3rem;
  width: 100%;
  font-size: 15px;
  border-collapse: collapse;
  position: relative;
}
table.TypeC thead th {
  text-align: center;
  background: #414141;
  color: #fff;
}
table.TypeC tbody th {
  background: #F5F6FB;
}
table.TypeC tr th {
  vertical-align: top;
  box-sizing: border-box;
  border-bottom: 1px #ddd solid;
  border-right: 1px #ddd solid;
  padding: 1rem;
  white-space: nowrap;
  vertical-align: middle;
}
table.TypeC tr td {
  padding: .85rem 1rem 1rem 1rem;
  line-height: 1.6;
  box-sizing: border-box;
  vertical-align: top;
  border-bottom: 1px #ddd solid;
  border-right: 1px #ddd solid;
  white-space: nowrap;
  vertical-align: middle;
}
@media only screen and (min-width: 788px) {
  table.TypeC.MB_A {
    margin-bottom: .5rem;
  }
}
@media only screen and (max-width: 786px) {
  table.TypeC::after {
    content: "スライドします";
    display: block;
    border: none;
    position: absolute;
    bottom: -25px;
    left: 10px;
    background: #84bb4c;
    font-size: 11px;
    padding: 3px 5px;
    border-radius: 0 4px 4px 4px;
    color: #fff;
  }
  table.TypeC::before {
    position: absolute;
    content: " ";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 8px 5px 0;
    border-color: transparent #84bb4c transparent transparent;
    bottom: -18px;
    left: 0;
  }
}

@media only screen and (max-width: 786px) {
  #English table.TypeC::after {
    content: "Slide";
    display: block;
    border: none;
    position: absolute;
    bottom: -25px;
    left: 10px;
    background: #84bb4c;
    font-size: 11px;
    padding: 3px 5px;
    border-radius: 0 4px 4px 4px;
    color: #fff;
  }
  #English table.TypeC::before {
    position: absolute;
    content: " ";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 8px 5px 0;
    border-color: transparent #84bb4c transparent transparent;
    bottom: -18px;
    left: 0;
  }
}

table.TypeD {
  margin-bottom: 3rem;
  width: 100%;
  font-size: 15px;
}
@media only screen and (min-width: 788px) {
  table.TypeD thead th {
    text-align: center;
    background: #414141;
    color: #fff;
  }
}
@media only screen and (max-width: 786px) {
  table.TypeD thead {
    display: none;
  }
}
table.TypeD tbody th {
  background: #F5F6FB;
}
@media only screen and (max-width: 786px) {
  table.TypeD tr {
    margin-bottom: 1rem;
    display: block;
  }
}
table.TypeD tr th {
  border-top: 1px #ddd solid;
  border-left: 1px #ddd solid;
  vertical-align: top;
  box-sizing: border-box;
  border-bottom: 1px #ddd solid;
  border-right: 1px #ddd solid;
  padding: 1rem;
  white-space: nowrap;
}
@media only screen and (min-width: 788px) {
  table.TypeD tr th {
    padding: 1rem;
  }
}
@media only screen and (max-width: 786px) {
  table.TypeD tr th {
    width: 100%;
    display: block;
    padding: 1rem;
  }
}
table.TypeD tr td {
  padding: .85rem 1rem 1rem 1rem;
  line-height: 1.6;
  box-sizing: border-box;
  vertical-align: top;
  border-bottom: 1px #ddd solid;
  border-right: 1px #ddd solid;
}
@media only screen and (max-width: 786px) {
  table.TypeD tr td {
    width: 100%;
    display: block;
    padding: 1rem;
    border-left: 1px #ddd solid;
  }
  table.TypeD tr td:before {
    color: #84bb4c;
    border-bottom: 1px #84bb4c solid;
    width: 100%;
    display: block;
    box-sizing: border-box;
    margin-bottom: 1rem;
    content: attr(data-label);
  }
}

table.TypeE {
  border-top: 1px #ddd solid;
  border-left: 1px #ddd solid;
  width: 100%;
  font-size: 15px;
  border-collapse: collapse;
}
@media only screen and (min-width: 788px) {
  table.TypeE.cellWidthA tr th {
    width: 185px;
  }
  table.TypeE.cellWidthB tr th {
    width: 65px;
  }
}
table.TypeE thead th {
  text-align: center;
  background: #414141;
  color: #fff;
}
@media only screen and (max-width: 786px) {
  table.TypeE thead th {
    display: block;
    width: 100%;
  }
}
table.TypeE tbody th {
  background: #F5F6FB;
}
@media only screen and (max-width: 786px) {
  table.TypeE tbody th {
    display: block;
    width: 100%;
  }
}
table.TypeE tr th {
  padding: 1rem 0 .5rem 1rem;
  vertical-align: top;
  box-sizing: border-box;
  border-bottom: 1px #ddd solid;
  border-right: 1px #ddd solid;
}
@media only screen and (max-width: 786px) {
  table.TypeE tr th {
    display: block;
    width: 100%;
  }
}
table.TypeE tr td {
  padding: .85rem 1rem .5rem 1rem;
  line-height: 1.6;
  box-sizing: border-box;
  vertical-align: top;
  border-bottom: 1px #ddd solid;
  border-right: 1px #ddd solid;
}
@media only screen and (max-width: 786px) {
  table.TypeE tr td {
    display: block;
    width: 100%;
  }
}

.tableScroll {
  width: 100%;
  overflow-y: hidden;
  overflow-x: auto;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  -webkit-overflow-scrolling: touch;
}

.tableScroll:-webkit-scrollbar {
  height: 8px;
}

.tableScroll::-webkit-scrollbar-thumb {
  background: #aaa;
}

.tableScroll::-webkit-scrollbar-track {
  background: #ccc;
}

.formStyle {
  font-size: 14px;
}
.formStyle th {
  padding-right: 50px !important;
}
.formStyle .coverBox {
  display: inline-block;
  width: 30px;
}
.formStyle .formStyleMarginA {
  margin-right: 20px;
}
.formStyle .formStyleMarginB {
  margin-right: 5px;
}
@media only screen and (min-width: 788px) {
  .formStyle .positionBox {
    display: inline-block;
  }
}
@media only screen and (max-width: 786px) {
  .formStyle .positionBox {
    display: block;
    margin-bottom: .5rem;
  }
}
.formStyle .error {
  font-size: 93%;
  color: #B70000;
  display: block;
}

.radioBoxs {
  margin-bottom: .5rem;
}

.hissu {
  display: block;
  position: relative;
}
.hissu::after {
  position: absolute;
  top: -3px;
  right: -40px;
  content: "必須";
  background: #CC342D;
  color: #fff;
  display: inline-block;
  padding: .3rem;
  font-size: 12px;
}

.inputWidt {
  width: 100%;
}
@media only screen and (min-width: 788px) {
  .inputWidt_95 {
    width: 95%;
  }
}

.inputRadio input[type="radio"] {
  display: none;
}
.inputRadio label {
  position: relative;
  display: inline-block;
  padding: 3px 3px 3px 20px;
  cursor: pointer;
}
.inputRadio label::before,
.inputRadio label::after {
  position: absolute;
  content: '';
  top: 50%;
  border-radius: 100%;
  -ms-transition: all .2s;
  -moz-transition: all .2s;
  -webkit-transition: all .2s;
  transition: all .2s;
}
.inputRadio label::before {
  left: 0;
  width: 14px;
  height: 14px;
  margin-top: -8px;
  background: #f3f3f3;
  border: 1px solid #ccc;
}
.inputRadio label:hover::before {
  background: #fff;
}
.inputRadio label::after {
  opacity: 0;
  left: 4px;
  width: 8px;
  height: 8px;
  margin-top: -4px;
  background: #84bb4c;
  -ms-transform: scale(2);
  -moz-transform: scale(2);
  -webkit-transform: scale(2);
  transform: scale(2);
}
.inputRadio input[type="radio"] + label {
  margin-right: 24px;
}
.inputRadio input[type="radio"] + label:last-of-type {
  margin-right: 0;
}
.inputRadio input[type="radio"]:checked + label::before {
  background: #fff;
  border: 1px solid #84bb4c;
}
.inputRadio input[type="radio"]:checked + label::after {
  opacity: 1;
  -ms-transform: scale(1);
  -moz-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1);
}

.inputCheckBox input[type="checkbox"] {
  display: none;
}
.inputCheckBox label {
  position: relative;
  display: inline-block;
  padding: 3px 3px 3px 22px;
  cursor: pointer;
  -ms-transition: all .2s;
  -moz-transition: all .2s;
  -webkit-transition: all .2s;
  transition: all .2s;
}
.inputCheckBox label::before,
.inputCheckBox label::after {
  position: absolute;
  content: '';
  -ms-transition: all .2s;
  -moz-transition: all .2s;
  -webkit-transition: all .2s;
  transition: all .2s;
}
.inputCheckBox label::before {
  top: 50%;
  left: 0;
  width: 14px;
  height: 14px;
  margin-top: -8px;
  background: #f4f4f4;
  border: 1px solid #ccc;
  border-radius: 3px;
}
.inputCheckBox label::after {
  opacity: 0;
  top: 50%;
  left: 3px;
  width: 8px;
  height: 4px;
  margin-top: -4px;
  border-left: 2px solid #84bb4c;
  border-bottom: 2px solid #84bb4c;
  -ms-transform: rotate(-45deg) scale(0.5);
  -moz-transform: rotate(-45deg) scale(0.5);
  -webkit-transform: rotate(-45deg) scale(0.5);
  transform: rotate(-45deg) scale(0.5);
}
.inputCheckBox label:hover::before {
  background: #fff;
}
.inputCheckBox input[type="checkbox"]:checked + label::before {
  background: #fff;
  border: 1px solid #84bb4c;
}
.inputCheckBox input[type="checkbox"] + label {
  margin-right: 24px;
}
.inputCheckBox input[type="checkbox"] + label:last-of-type {
  margin-right: 0;
}
.inputCheckBox input[type="checkbox"]:checked + label::after {
  opacity: 1;
  -ms-transform: rotate(-45deg) scale(1);
  -moz-transform: rotate(-45deg) scale(1);
  -webkit-transform: rotate(-45deg) scale(1);
  transform: rotate(-45deg) scale(1);
}

@media only screen and (min-width: 788px) {
  .glH {
    position: absolute;
    z-index: 200;
    background: rgba(255, 255, 255, 0);
    width: 100%;
    box-sizing: border-box;
    top: 0;
  }

  .slick-slider {
    min-width: 1200px;
  }

  .slick-dots {
    position: absolute;
    bottom: 25px;
    list-style: none;
    display: block;
    text-align: center;
    padding: 0;
    margin: 0;
    width: 100%;
  }

  .slick-dots li button:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "•";
    width: 20px;
    height: 20px;
    font-family: "slick";
    font-size: 10px;
    line-height: 20px;
    text-align: center;
    color: white;
    opacity: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #fff;
  }

  .indexHeaderBtnArea {
    margin-bottom: 75px;
  }
  .indexHeaderBtnArea ul {
    background: #ececec;
    font-size: 0;
    text-align: center;
    min-width: 1200px;
  }
  .indexHeaderBtnArea ul li {
    display: inline-block;
    background: #fff;
  }

  .urgentNewsArea {
    border: 3px #c32d2d solid;
    margin: 0 auto 75px auto;
  }
  .urgentNewsArea strong {
    background: #c32d2d;
    color: #fff;
    font-size: 16px;
    display: block;
    padding: 7px 0;
    text-align: center;
    font-weight: bold;
  }
  .urgentNewsArea .urgentNews {
    box-sizing: border-box;
    padding: 1rem 1rem 0 1rem;
  }
  .urgentNewsArea .urgentNews li {
    overflow: hidden;
    margin-bottom: 20px;
  }
  .urgentNewsArea .urgentNews li .entryDay {
    font-weight: bold;
    width: 110px;
    float: left;
    line-height: 1.2;
  }
  .urgentNewsArea .urgentNews li .entryText {
    width: 835px;
    float: left;
  }
  .urgentNewsArea .urgentNews li .entryText a {
    text-decoration: none;
    line-height: 1.2;
  }

  #News {
    display: inline-block;
    width: 100%;
    height: 435px;
  }

  #News ol {
    *zoom: 1;
    height: 46px;
    border-bottom: 2px #BFBFBF solid;
    margin-bottom: 12px;
  }

  #News ol::before {
    content: " ";
    display: table;
  }

  #News ol::after {
    content: " ";
    display: table;
    clear: both;
  }

  #News ol li {
    float: left;
    min-width: 95px;
    font-size: 13px;
    background: #eee;
    margin-right: 1px;
  }
  #News ol li:last-child {
    margin-right: 0;
  }

  #News ol li.newsMidashi {
    float: left;
    width: 518px;
    padding-top: 9px;
    background: #fff;
  }

  #English #News ol li.newsMidashi {
    float: left;
    width: 518px;
    padding-top: 9px;
    background: #fff;
  }

  #News ol li a {
    line-height: 35px;
    display: block;
    height: 35px;
    text-align: center;
    position: relative;
  }
  #News ol li a::after {
    position: absolute;
    bottom: -10px;
    left: 43%;
    content: " ";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 7px 0 7px;
    border-color: #eee transparent transparent transparent;
  }

  #English #News ol li a {
    box-sizing: border-box;
    padding: 0 .5rem;
  }

  #News ol li a:hover {
    opacity: 0.5;
    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    -ms-transition: all 0.25s ease;
    transition: all 0.25s ease;
  }

  #News ol li a[rel=".tab1"] {
    color: #000;
  }

  #News ol li a[rel=".tab1"].current {
    background: #84bb4c;
    color: #fff;
  }
  #News ol li a[rel=".tab1"].current::after {
    border-color: #84bb4c transparent transparent transparent;
  }

  #News ol li a[rel=".tab2"] {
    color: #ff5300;
  }

  #News ol li a[rel=".tab2"].current {
    background: #ff5300;
    color: #fff;
  }
  #News ol li a[rel=".tab2"].current::after {
    border-color: #ff5300 transparent transparent transparent;
  }

  #News ol li a[rel=".tab3"] {
    color: #3387a2;
  }

  #News ol li a[rel=".tab3"].current {
    background: #3387a2;
    color: #fff;
  }
  #News ol li a[rel=".tab3"].current::after {
    border-color: #3387a2 transparent transparent transparent;
  }

  #News ol li a[rel=".tab4"] {
    color: #ce3358;
  }

  #News ol li a[rel=".tab4"].current {
    background: #ce3358;
    color: #fff;
  }
  #News ol li a[rel=".tab4"].current::after {
    border-color: #ce3358 transparent transparent transparent;
  }

  #News ol li a[rel=".tab5"] {
    color: #8066a8;
  }

  #News ol li a[rel=".tab5"].current {
    background: #8066a8;
    color: #fff;
  }
  #News ol li a[rel=".tab5"].current::after {
    border-color: #8066a8 transparent transparent transparent;
  }

  #News ul {
    height: 400px;
    overflow-y: auto;
    padding-right: 5px;
  }

  #English #News ul {
    height: 500px;
    overflow-y: auto;
    padding-right: 5px;
  }

  #News ul li {
    text-align: left;
    line-height: 15px;
    padding: 12px 0;
    margin-bottom: -1px;
    overflow: hidden;
  }

  #News ul li.more {
    margin-bottom: 30px;
  }

  #News ul li p {
    float: left;
    width: 770px;
    line-height: 1.2;
  }

  #News ul li span {
    float: left;
    width: 205px;
    position: relative;
    font-weight: bold;
    line-height: 1.2;
  }

  #News ul li span::after {
    position: absolute;
    content: "";
    margin-left: 17px;
  }

  #News ul li b {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    background: #d42323;
    color: #fff;
    margin-left: 4px;
    padding: 0 3px;
    font-size: 11px;
    line-height: 14px;
  }

  #News ul li.tab2 span::after {
    content: url(../img/common/news_label1.png);
  }

  #News ul li.tab3 span::after {
    content: url(../img/common/news_label2.png);
  }

  #News ul li.tab4 span::after {
    content: url(../img/common/news_label3.png);
  }

  #News ul li.tab5 span::after {
    content: url(../img/common/news_label4.png);
  }

  #News ul li.tab6 span::after {
    content: url(../img/common/news_label5.png);
  }

  #News ul li.tab7 span::after {
    content: url(../img/common/news_label6.png);
  }

  #News ul li div {
    text-align: center;
  }

  #News ul li div a {
    display: block;
    width: 90px;
    background: #333;
    color: #fff;
    line-height: 25px;
    margin: 0 auto;
  }

  #News ul li.more div a {
    background: #414141 url(../img/common/icon_list1.png) 25px center no-repeat;
    padding: 10px 40px 10px 60px;
    font-weight: bold;
  }

  #News ul li.tab2.more div a {
    background: #ff5300 url(../img/common/icon_list1.png) 30px center no-repeat;
  }

  #News ul li.tab3.more div a {
    background: #3387a2 url(../img/common/icon_list1.png) 30px center no-repeat;
  }

  #News ul li.tab4.more div a {
    background: #ce3358 url(../img/common/icon_list1.png) 30px center no-repeat;
  }

  #News ul li.tab5.more div a {
    background: #8066a8 url(../img/common/icon_list1.png) 30px center no-repeat;
  }

  #News.newsListPage {
    height: auto;
    margin-bottom: 2rem;
  }
  #News.newsListPage ol {
    border: none;
  }
  #News.newsListPage ul {
    height: auto;
  }
  #News.newsListPage ul li {
    margin-bottom: .5rem;
    border-bottom: 1px #c3dea8 solid;
  }
  #News.newsListPage ul li span {
    display: block;
  }
  #News.newsListPage ul li p {
    width: 690px;
    line-height: 1.4;
  }

  .schoolInfo {
    text-align: center;
    color: #6D6E72;
    background: #F0F0F0;
    display: block;
    padding: 10px 0;
    position: relative;
    margin-bottom: 80px;
    border-radius: 3px;
    box-shadow: 3px 3px 4px -3px #8f8f8f;
    width: 99.5%;
  }
  .schoolInfo::before {
    position: absolute;
    left: 29%;
    content: url(../img/common/icon_img1.png);
  }
  .schoolInfo::after {
    position: absolute;
    right: 30%;
    content: url(../img/common/icon_arrow2_r.png);
  }

  #English .schoolInfo::before {
    position: absolute;
    left: 20%;
    content: url(../img/common/icon_img1.png);
  }
  #English .schoolInfo::after {
    position: absolute;
    right: 20%;
    content: url(../img/common/icon_arrow2_r.png);
  }

  .indexBanaArea p {
    margin-bottom: 35px;
  }

  .organizationInfo {
    background: #E6E5E1;
    padding: 35px 0 75px 0;
  }
  .organizationInfo .midashi {
    display: block;
    font-size: 32px;
    text-align: center;
    margin-bottom: 32px;
  }
  .organizationInfo .orgList {
    overflow: hidden;
  }
  .organizationInfo .orgList li {
    width: 31.5%;
    float: left;
    margin: 0 26px 28px 0;
  }
  .organizationInfo .orgList li:nth-child(3n) {
    float: right;
    margin-right: 0;
  }
  .organizationInfo .orgList li a {
    display: block;
    border: 1px #C7C7C7 solid;
    border-radius: 4px;
    box-sizing: border-box;
    padding: 10px;
    background: #fff url(../img/common/icon_arrow3.png) center right 10px no-repeat;
    color: #588E7A;
    line-height: 1.4;
  }
  .organizationInfo .orgList li a img {
    margin-right: 5px;
  }
  .organizationInfo .orgList li a p {
    display: inline-block;
    vertical-align: middle;
    margin: 0;
  }
  .organizationInfo .orgCategory {
    overflow: hidden;
  }
  .organizationInfo .orgCategory li {
    width: 33%;
    float: left;
    margin-right: 5px;
  }
  .organizationInfo .orgCategory li:nth-child(3n) {
    float: right;
    margin-right: 0;
  }
  .organizationInfo .orgCategory li a {
    display: block;
    color: #fff;
    text-align: center;
    padding: 20px 0;
    background: #414141;
    box-sizing: border-box;
  }
}
@media only screen and (max-width: 786px) {
  .home_page a {
    padding: 1rem .5rem 1rem 1rem;
    background: #7F033D;
    color: #fff;
    display: block;
  }

  .gl_targetMenu li {
    border-bottom: 1px #999 solid;
  }
  .gl_targetMenu li a {
    padding: 1.25rem .5rem 1.25rem 2.75rem;
    background: #eee;
    color: #333;
    display: block;
    position: relative;
  }
  .gl_targetMenu li a::before {
    position: absolute;
    content: "\f2bd";
    top: 1.25rem;
    left: 1rem;
    font-family: FontAwesome;
  }

  .glH {
    position: absolute;
    z-index: 200;
    background: rgba(255, 255, 255, 0);
    width: 100%;
    box-sizing: border-box;
    top: 0;
  }

  .spTopMenu {
    background: #414141;
    padding: 5px 0;
  }
  .spTopMenu ul {
    overflow: hidden;
    background: #84bb4c;
    border-bottom: 1px #6a9a3a solid;
  }
  .spTopMenu ul li {
    float: left;
    width: 50%;
    border-bottom: 1px #6a9a3a solid;
    box-sizing: border-box;
  }
  .spTopMenu ul li:nth-child(odd) {
    border-right: 1px #6a9a3a solid;
  }
  .spTopMenu ul li:last-child {
    border-bottom: none;
  }
  .spTopMenu ul li a {
    display: table;
    line-height: 55px;
    padding: 0 1rem;
    width: 100%;
    box-sizing: border-box;
    color: #fff;
  }
  .spTopMenu ul li a::after {
    content: "\f105";
    display: table-cell;
    vertical-align: middle;
    text-align: right;
    margin-right: 1em;
    width: .5rem;
    font-family: FontAwesome;
  }
  .spTopMenu.Eng ul li a {
    line-height: 1.3;
    font-size: 83%;
    padding-top: 16px;
    padding-bottom: 16px;
  }

  .slider img {
    width: 100%;
    height: auto;
  }

  .slick-dots {
    position: absolute;
    bottom: 5px;
    list-style: none;
    display: block;
    text-align: center;
    padding: 0;
    margin: 0;
    width: 100%;
  }

  .slick-dots li button:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "•";
    width: 20px;
    height: 20px;
    font-family: "slick";
    font-size: 10px;
    line-height: 20px;
    text-align: center;
    color: white;
    opacity: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #fff;
  }

  .indexContents.spIndex {
    padding-top: 86px;
  }

  .indexHeaderBtnArea {
    margin-bottom: 50px;
  }
  .indexHeaderBtnArea ul {
    background: #414141;
    font-size: 0;
    text-align: center;
    box-sizing: border-box;
  }
  .indexHeaderBtnArea ul li {
    width: 33.33333%;
    display: inline-block;
  }
  .indexHeaderBtnArea ul li a {
    display: block;
  }
  .indexHeaderBtnArea ul li a img {
    width: 100%;
  }

  .urgentNewsArea {
    border: 3px #c32d2d solid;
    margin: 0 auto 75px auto;
  }
  .urgentNewsArea strong {
    background: #c32d2d;
    color: #fff;
    font-size: 16px;
    display: block;
    padding: 7px 0;
    text-align: center;
    font-weight: bold;
  }
  .urgentNewsArea .urgentNews {
    box-sizing: border-box;
    padding: 1rem 1rem 0 1rem;
  }
  .urgentNewsArea .urgentNews li {
    margin-bottom: 1rem;
  }
  .urgentNewsArea .urgentNews li .entryDay {
    font-weight: bold;
    line-height: 1.2;
    margin-bottom: .5rem;
    color: #d42323;
  }
  .urgentNewsArea .urgentNews li .entryText {
    width: 100%;
  }
  .urgentNewsArea .urgentNews li .entryText a {
    text-decoration: none;
    line-height: 1.2;
  }

  #News {
    display: inline-block;
    width: 100%;
  }

  #News ol {
    *zoom: 1;
    border-bottom: 2px #BFBFBF solid;
    margin-bottom: 24px;
    overflow: hidden;
  }

  #News ol::before {
    content: " ";
    display: table;
  }

  #News ol::after {
    content: " ";
    display: table;
    clear: both;
  }

  #News ol li {
    font-size: 13px;
    background: #eee;
    width: 20%;
    float: left;
    box-sizing: border-box;
    display: table;
  }

  #News ol li.newsMidashi {
    padding-top: 9px;
    background: #fff;
    clear: both;
    width: 100%;
    margin-bottom: 1rem;
    box-sizing: border-box;
    padding: 0 0 0 1rem;
  }

  #News ol li a {
    line-height: 1.2;
    display: table-cell;
    vertical-align: middle;
    height: 45px;
    text-align: center;
    border-right: 2px #fff solid;
    padding: 0;
  }
  #News ol li a:hover {
    opacity: 1;
  }

  #News ol li a[rel=".tab1"] {
    color: #000;
  }

  #News ol li a[rel=".tab1"].current {
    background: #84bb4c;
    color: #fff;
  }

  #News ol li a[rel=".tab2"] {
    color: #ff5300;
  }

  #News ol li a[rel=".tab2"].current {
    background: #ff5300;
    color: #fff;
  }

  #News ol li a[rel=".tab3"] {
    color: #3387a2;
  }

  #News ol li a[rel=".tab3"].current {
    background: #3387a2;
    color: #fff;
  }

  #News ol li a[rel=".tab4"] {
    color: #ce3358;
  }

  #News ol li a[rel=".tab4"].current {
    background: #ce3358;
    color: #fff;
  }

  #News ol li a[rel=".tab5"] {
    color: #8066a8;
  }

  #News ol li a[rel=".tab5"].current {
    background: #8066a8;
    color: #fff;
  }

  #News ul {
    min-height: 300px;
    overflow-y: auto;
    padding-right: 5px;
  }

  #News ul li {
    text-align: left;
    line-height: 15px;
    padding: 1rem .3rem 1rem 1rem;
    margin-bottom: -1px;
    overflow: hidden;
    border-bottom: 1px #ddd dotted;
  }

  #News ul li.more {
    margin-bottom: 30px;
  }

  #News ul li p {
    line-height: 1.2;
    clear: both;
  }

  #News ul li p a {
    display: table;
    min-height: 1.2rem;
    width: 100%;
    box-sizing: border-box;
  }
  #News ul li p a::after {
    content: "\f105";
    display: table-cell;
    vertical-align: middle;
    text-align: right;
    margin-right: 1em;
    width: .5rem;
    font-family: FontAwesome;
    color: #84bb4c;
  }

  #News ul li span {
    float: left;
    width: 205px;
    position: relative;
    font-weight: bold;
    line-height: 1.2;
    margin-bottom: .5rem;
  }

  #News ul li span::after {
    position: absolute;
    content: "";
    margin-left: 17px;
  }

  #News ul li b {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    background: #d42323;
    color: #fff;
    margin-left: 4px;
    padding: 0 3px;
    font-size: 11px;
    line-height: 14px;
  }

  #News ul li.tab2 span::after {
    content: url(../img/common/news_label1.png);
  }

  #News ul li.tab3 span::after {
    content: url(../img/common/news_label2.png);
  }

  #News ul li.tab4 span::after {
    content: url(../img/common/news_label3.png);
  }

  #News ul li.tab5 span::after {
    content: url(../img/common/news_label4.png);
  }

  #News ul li.tab6 span::after {
    content: url(../img/common/news_label5.png);
  }

  #News ul li.tab7 span::after {
    content: url(../img/common/news_label6.png);
  }

  #News ul li div {
    text-align: center;
  }

  #News ul li div a {
    display: block;
    width: 90px;
    background: #333;
    color: #fff;
    line-height: 25px;
    margin: 0 auto;
  }

  #News ul li.more div a {
    background: #414141 url(../img/common/icon_list1.png) 25px center no-repeat;
    padding: 10px 40px 10px 60px;
    font-weight: bold;
  }

  #News ul li.tab2.more div a {
    background: #ff5300 url(../img/common/icon_list1.png) 30px center no-repeat;
  }

  #News ul li.tab3.more div a {
    background: #3387a2 url(../img/common/icon_list1.png) 30px center no-repeat;
  }

  #News ul li.tab4.more div a {
    background: #ce3358 url(../img/common/icon_list1.png) 30px center no-repeat;
  }

  #News ul li.tab5.more div a {
    background: #8066a8 url(../img/common/icon_list1.png) 30px center no-repeat;
  }

  .schoolInfo {
    color: #6D6E72;
    background: #F0F0F0;
    display: block;
    padding: 10px 1rem 10px 36px;
    position: relative;
    margin: 30px auto 40px auto;
    border-radius: 3px;
    box-shadow: 3px 3px 4px -3px #8f8f8f;
    width: 80%;
    line-height: 1.2;
  }
  .schoolInfo::before {
    position: absolute;
    left: 10px;
    content: url(../img/common/icon_img1.png);
  }

  .indexBanaArea p {
    padding: 1rem;
  }
  .indexBanaArea p img {
    width: 100%;
  }

  .organizationInfo {
    background: #E6E5E1;
    padding: 2rem 0;
  }
  .organizationInfo .midashi {
    display: block;
    font-size: 26px;
    text-align: center;
    margin-bottom: 26px;
  }
  .organizationInfo .orgList {
    padding: 1rem;
  }
  .organizationInfo .orgList li {
    margin: 0 0 1rem 0;
  }
  .organizationInfo .orgList li a {
    display: block;
    border: 1px #C7C7C7 solid;
    border-radius: 4px;
    box-sizing: border-box;
    padding: 10px;
    background: #fff url(../img/common/icon_arrow3.png) center right 10px no-repeat;
    color: #588E7A;
    line-height: 1.4;
  }
  .organizationInfo .orgList li a img {
    margin-right: 5px;
  }
  .organizationInfo .orgList li a p {
    display: inline-block;
    vertical-align: middle;
    margin: 0;
  }
  .organizationInfo .orgCategory {
    padding: 0 1rem;
  }
  .organizationInfo .orgCategory li {
    width: 100%;
    margin-bottom: 1rem;
  }
  .organizationInfo .orgCategory li a {
    display: block;
    color: #fff;
    text-align: center;
    padding: 20px 0;
    background: #414141;
    box-sizing: border-box;
    border-radius: 4px;
  }
}
@media only screen and (min-width: 788px) {
  #SP.globalHeader {
    display: none;
  }

  #navToggle {
    display: none;
  }

  .glHeaderArea {
    width: 100%;
    background: url(../img/common/head_back_img.png) top;
    position: absolute;
    z-index: 200;
    top: 0;
  }

  .glHeader {
    background: #fff;
    box-sizing: border-box;
    position: relative;
    width: 1000px;
    height: 90px;
    margin: 0 auto;
    overflow: hidden;
    padding-top: 1rem;
  }
  .glHeader .shortActive {
    display: none;
  }
  .glHeader .gl_logImg {
    width: 146px;
    height: 36px;
    font-size: 18px;
    display: block;
    float: left;
    margin-top: 11px;
  }
  .glHeader .gl_logImg:hover {
    opacity: 1;
  }
  .glHeader .gl_gakubuText1 {
    width: 200px;
    float: left;
    padding: 0 0 0 32px;
    font-weight: normal;
    line-height: 1.3;
  }
  .glHeader .gl_gakubuText1 a {
    font-size: 16px;
  }
  .glHeader .gl_gakubuText2 {
    width: 200px;
    height: 45px;
    top: 80px;
    left: 178px;
    font-size: 18px;
    line-height: 1.2;
  }
  .glHeader .gl_outLinkBtnA {
    width: 180px;
    display: block;
    text-align: center;
    padding: 12px 0;
    top: 35px;
    left: 815px;
    background: #622840;
  }
  .glHeader .gl_outLinkBtnB {
    background: #606060;
    display: inline-block;
    padding: .5rem 14px;
  }
  .glHeader .headRight {
    width: 565px;
    float: right;
    text-align: right;
  }
  .glHeader .headRight .headRightBoxB {
    padding-top: .5rem;
  }
  .glHeader.Eng .headRight {
    width: 505px;
  }
  .glHeader.Eng .gl_logImg {
    width: 218px;
    height: 36px;
    top: 30px;
    left: 0;
  }
  .glHeader.Eng .gl_logImg:hover {
    opacity: 1;
  }
  .glHeader.Eng .gl_gakubuText1 {
    width: 200px;
    float: left;
    padding: 0 0 0 32px;
    font-weight: normal;
    line-height: 1.3;
  }
  .glHeader.Eng .gl_gakubuText1 a {
    font-size: 14px;
  }
  .glHeader.Eng .gl_gakubuText2 {
    width: 237px;
    height: 40px;
    top: 70px;
    left: 50px;
    font-size: 18px;
    line-height: 1.2;
  }
}
@media only screen and (min-width: 788px) {
  .siteSearch {
    font-size: 14px;
    display: inline;
    position: relative;
  }
  .siteSearch .searchBox {
    border: 1px #C7C7C7 solid;
    border-radius: 4px;
    padding: 4px .25rem;
    width: 150px;
    margin: 0 14px 0 0;
    box-sizing: border-box;
  }
  .siteSearch .searchBtn {
    border: none;
    position: absolute;
    top: -1px;
    right: 24px;
    width: 20px;
    height: 20px;
    margin: 0 0 0 0;
    background: transparent;
    cursor: pointer;
  }
  .siteSearch .searchBtn:before {
    content: url(../img/common/icon_search.png);
    width: 10px;
    height: 10px;
    vertical-align: middle;
  }

  .headLinks {
    position: relative;
    display: inline-block;
    margin-right: 17px;
    padding-left: 10px;
    font-size: 13px;
  }
  .headLinks::before {
    content: " ";
    position: absolute;
    top: 3px;
    left: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 3.5px 0 3.5px 5px;
    border-color: transparent transparent transparent #84bb4c;
  }

  .enBtn {
    border: 1px #84bb4c solid;
    border-radius: 4px;
    padding: 6px 21px 4px;
    color: #84bb4c;
    display: inline-block;
    font-size: 13px;
  }

  .gl_targetMenuArea {
    background: #efefef;
    width: 100%;
  }
  .gl_targetMenuArea .gl_targetMenu {
    text-align: right;
    width: 1000px;
    margin: 0 auto;
    padding: 7px 0;
  }
  .gl_targetMenuArea .gl_targetMenu li {
    display: inline-block;
  }
  .gl_targetMenuArea .gl_targetMenu li:not(:last-child) {
    margin-right: 17px;
  }
  .gl_targetMenuArea .gl_targetMenu li a {
    background: url(../img/common/icon_arrow1.png) left 1px no-repeat;
    font-size: 14px;
    display: block;
    padding: 0 0 0 13px;
  }
}
.glHeaderMainContents {
  width: 100%;
}

@media only screen and (min-width: 788px) {
  .glHeaderMenu {
    background: #84bb4c;
  }
}
@media only screen and (min-width: 788px) {
  .glHeaderMenuBox {
    text-align: center;
    position: relative;
    font-size: 0;
    min-width: 1200px;
  }
  .glHeaderMenuBox li {
    display: inline-block;
    width: 175px;
    margin: 0 0 0 -11px;
    font-size: 1rem;
  }
  .glHeaderMenuBox li a {
    display: block;
    padding: 20px 0 40px 0;
    z-index: 50;
  }
  .glHeaderMenuBox li a b {
    display: block;
    width: 100%;
    position: relative;
  }
  .glHeaderMenuBox li a b::after {
    position: absolute;
    top: 0;
    right: -0px;
    display: block;
    content: url(../img/common/gl_head_menu_desing_img.png);
    width: 9px;
    height: 40px;
  }
  .glHeaderMenuBox li a b.last::after {
    content: "";
  }
  .glHeaderMenuBox li a.home {
    background: url(../img/common/gl_head_menu1.png) center 40px no-repeat;
  }
  .glHeaderMenuBox li a.gaiyou {
    background: url(../img/common/gl_head_menu2.png) center 40px no-repeat;
  }
  .glHeaderMenuBox li a.kyouin {
    background: url(../img/common/gl_head_menu3.png) center 40px no-repeat;
  }
  .glHeaderMenuBox li a.nyushi {
    background: url(../img/common/gl_head_menu4.png) center 40px no-repeat;
  }
  .glHeaderMenuBox li a.kyoumu {
    background: url(../img/common/gl_head_menu5.png) center 40px no-repeat;
  }
  .glHeaderMenuBox li a.dousoukai {
    background: url(../img/common/gl_head_menu6.png) center 40px no-repeat;
  }
  .glHeaderMenuBox li a.aboutus {
    background: url(../img/common/gl_head_menu2.png) center 40px no-repeat;
  }
  .glHeaderMenuBox li a.staff {
    background: url(../img/common/gl_head_menu3.png) center 40px no-repeat;
  }
  .glHeaderMenuBox li a.programadmission {
    background: url(../img/common/gl_head_menu4.png) center 40px no-repeat;
  }
  .glHeaderMenuBox li a.forstudent {
    background: url(../img/common/gl_head_menu5.png) center 40px no-repeat;
  }
  .glHeaderMenuBox li a.edcation {
    background: url(../img/common/gl_head_menu6.png) center 40px no-repeat;
  }
  .glHeaderMenuBox li a.educatoninfomartion {
    background: url(../img/common/gl_head_menu7.png) center 40px no-repeat;
  }
  .glHeaderMenuBox li a + .whiteBack {
    display: none;
  }
  .glHeaderMenuBox li:hover {
    opacity: 1;
    background: url(../img/common/gl_head_overBack.png) center top no-repeat;
  }
  .glHeaderMenuBox li:hover::after {
    content: "";
  }
  .glHeaderMenuBox li:hover a {
    color: #fff;
    opacity: 1;
  }
  .glHeaderMenuBox li:hover a b::after {
    content: "";
  }
  .glHeaderMenuBox li:hover a + .whiteBack {
    position: absolute;
    top: 76px;
    left: 0;
    width: 100%;
    height: 1px;
    display: block;
    z-index: 100;
  }
  .glHeaderMenuBox li:hover a + .whiteBack .blackBack {
    background: rgba(0, 0, 0, 0.8);
    width: 100%;
    box-sizing: border-box;
    padding: 30px 0 40px 0;
  }
  .glHeaderMenuBox li:hover a + .whiteBack .blackBack .subMenu {
    width: 1000px;
    margin: 0 auto;
    overflow: hidden;
  }
  .glHeaderMenuBox li:hover a + .whiteBack .blackBack .subMenu .thumbnail {
    width: 160px;
    height: 130px;
    float: left;
  }
  .glHeaderMenuBox li:hover a + .whiteBack .blackBack .subMenu .thumbnail img {
    max-width: 100%;
  }
  .glHeaderMenuBox li:hover a + .whiteBack .blackBack .subMenu ul.subMenuTexts {
    float: right;
    width: 820px;
    overflow: hidden;
  }
  .glHeaderMenuBox li:hover a + .whiteBack .blackBack .subMenu ul.subMenuTexts li {
    width: 33.3333%;
    float: left;
    text-align: left;
    margin-bottom: 10px;
  }
  .glHeaderMenuBox li:hover a + .whiteBack .blackBack .subMenu ul.subMenuTexts li:hover {
    background: transparent;
  }
  .glHeaderMenuBox li:hover a + .whiteBack .blackBack .subMenu ul.subMenuTexts li a {
    display: inline-block;
    position: relative;
    font-size: 15px;
    padding: 5px 0 3px 22px;
    line-height: 1.2;
  }
  .glHeaderMenuBox li:hover a + .whiteBack .blackBack .subMenu ul.subMenuTexts li a::before {
    position: absolute;
    content: " ";
    left: 12px;
    top: 9px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 4px 0 4px 5px;
    border-color: transparent transparent transparent #fff;
  }
  .glHeaderMenuBox li:hover a + .whiteBack .blackBack .subMenu ul.subMenuTexts li a:hover {
    color: #63f509;
  }
  .glHeaderMenuBox li:hover a + .whiteBack .blackBack .subMenu ul.subMenuTexts li a:hover::before {
    border-color: transparent transparent transparent #63f509;
  }
  .glHeaderMenuBox li.active {
    opacity: 1;
    background: url(../img/common/gl_head_overBack.png) center top no-repeat;
  }
  .glHeaderMenuBox li.active a {
    color: #fff;
  }
  .glHeaderMenuBox li a.staff + .whiteBack {
    display: none;
  }
  .glHeaderMenuBox li a.staff + .whiteBack:hover {
    display: none;
  }
  .glHeaderMenuBox.Eng li a {
    display: block;
    font-size: 13px;
    padding: 20px 0 43px 0;
  }
  .glHeaderMenuBox.Eng li:hover a + .whiteBack .blackBack .subMenu ul.subMenuTexts li {
    width: 50%;
  }

  .page_Index .glHeaderMenuBox li.indexCategory {
    opacity: 1;
    background: url(../img/common/gl_head_overBack.png) center top no-repeat;
  }
  .page_Index .glHeaderMenuBox li.indexCategory a {
    color: #fff;
  }
  .page_Index .glHeaderMenuBox li.indexCategory a b::after {
    content: "";
  }

  .page_Gaiyou .glHeaderMenuBox li.gaiyouCategory {
    opacity: 1;
    background: url(../img/common/gl_head_overBack.png) center top no-repeat;
  }
  .page_Gaiyou .glHeaderMenuBox li.gaiyouCategory a {
    color: #fff;
  }
  .page_Gaiyou .glHeaderMenuBox li.gaiyouCategory a b::after {
    content: "";
  }

  .page_Kenkyu .glHeaderMenuBox li.kenkyuCategory {
    opacity: 1;
    background: url(../img/common/gl_head_overBack.png) center top no-repeat;
  }
  .page_Kenkyu .glHeaderMenuBox li.kenkyuCategory a {
    color: #fff;
  }
  .page_Kenkyu .glHeaderMenuBox li.kenkyuCategory a b::after {
    content: "";
  }

  .page_Nyushi .glHeaderMenuBox li.nyushiCategory {
    opacity: 1;
    background: url(../img/common/gl_head_overBack.png) center top no-repeat;
  }
  .page_Nyushi .glHeaderMenuBox li.nyushiCategory a {
    color: #fff;
  }
  .page_Nyushi .glHeaderMenuBox li.nyushiCategory a b::after {
    content: "";
  }

  .page_Kyoumu .glHeaderMenuBox li.kyoumuCategory {
    opacity: 1;
    background: url(../img/common/gl_head_overBack.png) center top no-repeat;
  }
  .page_Kyoumu .glHeaderMenuBox li.kyoumuCategory a {
    color: #fff;
  }
  .page_Kyoumu .glHeaderMenuBox li.kyoumuCategory a b::after {
    content: "";
  }

  .page_Dousoukai .glHeaderMenuBox li.dousoukaiCategory {
    opacity: 1;
    background: url(../img/common/gl_head_overBack.png) center top no-repeat;
  }
  .page_Dousoukai .glHeaderMenuBox li.dousoukaiCategory a {
    color: #fff;
  }
  .page_Dousoukai .glHeaderMenuBox li.dousoukaiCategory a b::after {
    content: "";
  }

  .page_AboutUs .glHeaderMenuBox li.aboutusCategory {
    opacity: 1;
    background: url(../img/common/gl_head_overBack.png) center top no-repeat;
  }
  .page_AboutUs .glHeaderMenuBox li.aboutusCategory a {
    color: #fff;
  }
  .page_AboutUs .glHeaderMenuBox li.aboutusCategory a b::after {
    content: "";
  }

  .page_Staff .glHeaderMenuBox li.staffCategory {
    opacity: 1;
    background: url(../img/common/gl_head_overBack.png) center top no-repeat;
  }
  .page_Staff .glHeaderMenuBox li.staffCategory a {
    color: #fff;
  }
  .page_Staff .glHeaderMenuBox li.staffCategory a b::after {
    content: "";
  }

  .page_Program .glHeaderMenuBox li.programCategory {
    opacity: 1;
    background: url(../img/common/gl_head_overBack.png) center top no-repeat;
  }
  .page_Program .glHeaderMenuBox li.programCategory a {
    color: #fff;
  }
  .page_Program .glHeaderMenuBox li.programCategory a b::after {
    content: "";
  }

  .page_ForStudent .glHeaderMenuBox li.forstudentCategory {
    opacity: 1;
    background: url(../img/common/gl_head_overBack.png) center top no-repeat;
  }
  .page_ForStudent .glHeaderMenuBox li.forstudentCategory a {
    color: #fff;
  }
  .page_ForStudent .glHeaderMenuBox li.forstudentCategory a b::after {
    content: "";
  }

  .page_Education .glHeaderMenuBox li.educationCategory {
    opacity: 1;
    background: url(../img/common/gl_head_overBack.png) center top no-repeat;
  }
  .page_Education .glHeaderMenuBox li.educationCategory a {
    color: #fff;
  }
  .page_Education .glHeaderMenuBox li.educationCategory a b::after {
    content: "";
  }

  .page_EducationInfomartion .glHeaderMenuBox li.educationinfomartionCategory {
    opacity: 1;
    background: url(../img/common/gl_head_overBack.png) center top no-repeat;
  }
  .page_EducationInfomartion .glHeaderMenuBox li.educationinfomartionCategory a {
    color: #fff;
  }
  .page_EducationInfomartion .glHeaderMenuBox li.educationinfomartionCategory a b::after {
    content: "";
  }

  .page_ProgramAdmission .glHeaderMenuBox li.programadmissionCategory {
    opacity: 1;
    background: url(../img/common/gl_head_overBack.png) center top no-repeat;
  }
  .page_ProgramAdmission .glHeaderMenuBox li.programadmissionCategory a {
    color: #fff;
  }
  .page_ProgramAdmission .glHeaderMenuBox li.programadmissionCategory a b::after {
    content: "";
  }

  .page_ForStudents .glHeaderMenuBox li.forstudentsCategory {
    opacity: 1;
    background: url(../img/common/gl_head_overBack.png) center top no-repeat;
  }
  .page_ForStudents .glHeaderMenuBox li.forstudentsCategory a {
    color: #fff;
  }
  .page_ForStudents .glHeaderMenuBox li.forstudentsCategory a b::after {
    content: "";
  }

  .glHeaderArea.shorLayout .glHeader {
    height: 55px;
    padding-top: 10px;
  }
  .glHeaderArea.shorLayout .glHeader .gl_logImg {
    margin-top: 0;
  }
  .glHeaderArea.shorLayout .glHeader .shortHide {
    display: none;
  }
  .glHeaderArea.shorLayout .glHeader .shortActive {
    display: inline;
  }
  .glHeaderArea.shorLayout .glHeader .gl_gakubuText1 {
    width: 500px;
    float: left;
    padding: 9px 0 0 1rem;
    font-weight: normal;
    line-height: 1.3;
  }
  .glHeaderArea.shorLayout .glHeader .gl_gakubuText1 a {
    font-size: 16px;
  }
  .glHeaderArea.shorLayout .glHeader .headRight {
    width: 300px;
    float: right;
    text-align: right;
  }
  .glHeaderArea.shorLayout .glHeader .headRight .headRightBoxA {
    display: none;
  }
  .glHeaderArea.shorLayout .glHeader .headRight .headRightBoxB {
    padding-top: 0;
  }
  .glHeaderArea.shorLayout .glHeader.Eng .headRight {
    width: 200px;
  }
  .glHeaderArea.shorLayout .glHeaderMenuBox {
    text-align: center;
    position: relative;
    font-size: 0;
    min-width: 1200px;
  }
  .glHeaderArea.shorLayout .glHeaderMenuBox li {
    display: inline-block;
    width: 175px;
    margin: 0 0 0 -11px;
    font-size: 1rem;
  }
  .glHeaderArea.shorLayout .glHeaderMenuBox li a {
    display: block;
    padding: 15px 0 15px 0;
    z-index: 50;
  }
  .glHeaderArea.shorLayout .glHeaderMenuBox li a b::after {
    position: absolute;
    top: 0;
    right: -0px;
    display: block;
    width: 9px;
    height: 20px;
    overflow: hidden;
  }
  .glHeaderArea.shorLayout .glHeaderMenuBox li a.home {
    background: none;
  }
  .glHeaderArea.shorLayout .glHeaderMenuBox li a.gaiyou {
    background: none;
  }
  .glHeaderArea.shorLayout .glHeaderMenuBox li a.kyouin {
    background: none;
  }
  .glHeaderArea.shorLayout .glHeaderMenuBox li a.nyushi {
    background: none;
  }
  .glHeaderArea.shorLayout .glHeaderMenuBox li a.kyoumu {
    background: none;
  }
  .glHeaderArea.shorLayout .glHeaderMenuBox li a.dousoukai {
    background: none;
  }
  .glHeaderArea.shorLayout .glHeaderMenuBox li a.aboutus {
    background: none;
  }
  .glHeaderArea.shorLayout .glHeaderMenuBox li a.staff {
    background: none;
  }
  .glHeaderArea.shorLayout .glHeaderMenuBox li a.programadmission {
    background: none;
  }
  .glHeaderArea.shorLayout .glHeaderMenuBox li a.forstudent {
    background: none;
  }
  .glHeaderArea.shorLayout .glHeaderMenuBox li a.edcation {
    background: none;
  }
  .glHeaderArea.shorLayout .glHeaderMenuBox li a.educatoninfomartion {
    background: none;
  }
  .glHeaderArea.shorLayout .glHeaderMenuBox li:hover a + .whiteBack {
    position: absolute;
    top: 45px;
    left: 0;
    width: 100%;
    height: 1px;
    display: block;
    z-index: 100;
  }
  .glHeaderArea.shorLayout .glHeaderMenuBox.Eng li:hover a + .whiteBack {
    top: 40px;
  }
}
@media only screen and (max-width: 786px) {
  .siteSearch {
    padding: 2rem 1rem 1rem 1rem;
  }

  #PC.globalHeader {
    display: none;
  }

  .glHeaderMenuMini,
  .glHeaderMenu,
  .glHeaderMenuBox,
  .glHeaderBtnArea {
    display: none;
  }

  #SP.globalHeader {
    background: #fff;
    min-height: 86px;
  }

  .glHeader {
    position: relative;
  }
  .glHeader .gl_logImg {
    display: block;
    width: 102.2px;
    position: absolute;
    top: 8px;
    left: 12px;
  }
  .glHeader .gl_gakubuText1 {
    position: absolute;
    width: 100%;
    top: 49px;
    border-top: 1px #ddd solid;
    box-sizing: border-box;
    padding: .7rem 0 .5rem 1rem;
    border-bottom: 2px #7F033D solid;
  }
  .glHeader .gl_gakubuText1 a {
    font-size: 90%;
    color: #7F033D;
  }
  .glHeader .gl_gakubuText1 a .shortHide {
    display: none;
  }
  .glHeader .gl_targetMenu {
    display: none;
  }
  .glHeader.Eng li a {
    display: block;
    font-size: 13px;
    padding: 20px 0 43px 0;
  }
  .glHeader.Eng .gl_logImg {
    display: block;
    width: 75%;
    position: absolute;
    top: 8px;
    left: 12px;
  }
  .glHeader.Eng .gl_gakubuText1 {
    position: absolute;
    width: 100%;
    top: 49px;
    border-top: 1px #ddd solid;
    box-sizing: border-box;
    padding: .7rem 0 .5rem 0;
    border-bottom: 2px #7F033D solid;
    text-align: center;
  }
  .glHeader.Eng .gl_gakubuText1 a {
    font-size: 72%;
    color: #7F033D;
  }
  .glHeader.Eng .gl_gakubuText1 a .shortHide {
    display: none;
  }
  .glHeader .headRight {
    display: none;
  }

  #navToggle {
    display: block;
    position: absolute;
    right: 13px;
    top: 12px;
    width: 30px;
    height: 25px;
    cursor: pointer;
  }

  #navToggle .navBox {
    position: relative;
  }

  #navToggle span {
    display: block;
    position: absolute;
    width: 100%;
    border-bottom: solid 3px #999;
    transition: .35s ease-in-out;
  }

  #navToggle span:nth-child(1) {
    top: 0;
  }

  #navToggle span:nth-child(2) {
    top: 5px;
  }

  #navToggle span:nth-child(3) {
    top: 10px;
  }

  #navToggle span:nth-child(4) {
    top: 15px;
    font-size: 10px;
    border: none;
  }

  .openNav #navToggle span:nth-child(1) {
    top: 11px;
    transform: rotate(-45deg);
  }

  .openNav #navToggle span:nth-child(2), .openNav #navToggle span:nth-child(3) {
    top: 11px;
    transform: rotate(45deg);
  }

  .openNav #navToggle span:nth-child(4) {
    display: none;
  }

  .openNav nav {
    transform: translateY(351px);
  }

  ul.dropmenu {
    list-style-type: none;
    padding: 0;
  }

  ul.dropmenu li {
    margin: 0;
    padding: 0;
    text-align: center;
  }

  ul.dropmenu li a {
    display: block;
    margin: 0;
    color: #fff;
    line-height: 1;
    padding: 5px;
    text-decoration: none;
  }

  ul.dropmenu li ul {
    list-style: none;
    margin: 0 0 0 0;
    width: 100%;
  }

  ul.dropmenu li ul li {
    width: 100%;
    margin-bottom: 2px;
  }

  ul.dropmenu li ul li a {
    text-decoration: none;
    display: block;
    padding: 12px 0 12px 12px;
    text-align: left;
    color: #fff;
  }

  .toggle-id-2 {
    display: block;
  }

  .spMenuArea {
    background: #f1f1f1;
  }

  .spMenuArea ul.dropmenu {
    list-style-type: none;
    padding: 0;
  }

  .spMenuArea ul.dropmenu li {
    margin: 0;
    padding: 0;
  }

  .spMenuArea ul.dropmenu li a {
    display: block;
    margin: 0;
    color: #fff;
    line-height: 1;
    padding: 16px 0 16px 12px;
    text-decoration: none;
    text-align: left;
    position: relative;
    font-size: 14px;
  }

  .spMenuArea ul.dropmenu li:not(:first-of-type) a {
    padding-left: 30px;
  }

  .spMenuArea ul.dropmenu li:not(:first-of-type) a:before {
    position: absolute;
    left: 17px;
    top: 18px;
    font-family: "FontAwesome";
    content: "\f054";
    color: #094;
    width: 10px;
    height: 10px;
    font-size: 80%;
  }

  .spMenuArea ul.dropmenu li ul {
    list-style: none;
    margin: 0 0 0 0;
    width: 100%;
    box-sizing: border-box;
    background: #7cc226;
  }

  .spMenuArea ul.dropmenu li ul li {
    width: 100%;
    padding-left: 1em;
  }

  .spMenuArea ul.dropmenu li ul li a {
    text-decoration: none;
    display: block;
    padding: 16px 0 16px 12px;
    color: #fff;
  }

  .spMenuArea ul.dropmenu li ul li:last-of-type {
    border-top: none;
    border-bottom: none;
  }

  .spMenuArea ul.dropmenu li.sideClose {
    border-top: 1px #fff solid;
    width: 100%;
    padding: 14px 0;
    font-size: 14px;
    background: #ddd;
    color: #232323;
    font-weight: bold;
  }

  .spMenuArea ul.dropmenu li.sideClose .closeIcon {
    margin-right: 3px;
  }

  .spMenuArea .sideIcon {
    margin-right: 7px;
    color: #094;
  }
}
@media only screen and (min-width: 788px) {
  .footerSiteMap {
    background: #84bb4c;
    overflow: hidden;
    padding: 35px 0 55px 0;
  }
  .footerSiteMap .footerSiteMapBox {
    width: 215px;
    float: left;
    color: #fff;
    margin-right: 46px;
  }
  .footerSiteMap .footerSiteMapBox:last-of-type {
    margin-right: 0;
  }
  .footerSiteMap .footerSiteMapBox a {
    color: #fff;
    position: relative;
  }
  .footerSiteMap .footerSiteMapBox dl {
    margin-bottom: 75px;
  }
  .footerSiteMap .footerSiteMapBox dl:last-of-type {
    margin-bottom: 0;
  }
  .footerSiteMap .footerSiteMapBox dl dt {
    border-bottom: 1px #fff solid;
    margin-bottom: .5rem;
    padding: 5px 0 .5rem 23px;
    display: block;
    font-size: 13px;
    font-weight: bold;
  }
  .footerSiteMap .footerSiteMapBox dl dt.noLink {
    padding-left: 0;
  }
  .footerSiteMap .footerSiteMapBox dl dt a {
    position: relative;
  }
  .footerSiteMap .footerSiteMapBox dl dt a::before {
    position: absolute;
    content: url(../img/common/icon_arrow4.png);
    top: 2px;
    left: -22px;
    width: 13px;
    height: 13px;
  }
  .footerSiteMap .footerSiteMapBox dl dd a {
    display: inline-block;
    margin-bottom: 1rem;
    font-size: 13px;
    padding: 0 0 0 15px;
    position: relative;
  }
  .footerSiteMap .footerSiteMapBox dl dd a::before {
    position: absolute;
    content: " ";
    top: 1px;
    left: 0px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 3.5px 0 3.5px 5px;
    border-color: transparent transparent transparent #fff;
  }
  .footerSiteMap.Eng .footerSiteMapBox {
    width: 30%;
  }
  .footerSiteMap.Eng .footerSiteMapBox dl {
    margin-bottom: 25px;
  }

  .footerLinkSecond {
    background: #D7D7D7;
    padding: 12px 0;
  }
  .footerLinkSecond ul {
    text-align: center;
    min-width: 1200px;
  }
  .footerLinkSecond ul li {
    display: inline-block;
    margin: 0 25px;
  }
  .footerLinkSecond ul li a {
    display: block;
    font-size: 13px;
  }
  .footerLinkSecond ul li a.footerLinkInfo {
    padding-left: 20px;
    background: url(../img/common/icon_footer2.png) left 0 no-repeat;
  }
  .footerLinkSecond ul li a.kyudai {
    padding-left: 24px;
    background: url(../img/common/icon_footer1.png) left center no-repeat;
  }

  .footerBottomArea {
    background: #414141 url(../img/common/footer_desing_img1.jpg) top center no-repeat;
    color: #fff;
    text-align: center;
    height: 130px;
    box-sizing: border-box;
    padding: 55px 0 0 0;
  }
  .footerBottomArea .footerName {
    margin-bottom: 15px;
  }
  .footerBottomArea .footerName img {
    display: inline-block;
    vertical-align: middle;
    margin-right: 1rem;
  }
  .footerBottomArea .address {
    font-size: 13px;
  }
  .footerBottomArea.Eng {
    background: #414141 url(../img/Eng/common/footer_desing_img1.jpg) top center no-repeat;
    color: #fff;
    text-align: center;
    height: 216px;
    box-sizing: border-box;
    padding: 55px 0 0 0;
    line-height: 1.6;
  }

  .copy {
    text-align: center;
    padding: 10px;
    background: #414141;
    color: #fff;
    font-size: 12.5px;
  }
}
@media only screen and (max-width: 786px) {
  .footerSiteMap {
    display: none;
  }
  .footerSiteMap .footerSiteMapBox {
    display: none;
  }

  .footerLinkSecond {
    display: none;
  }

  .footerBottomArea {
    background: #414141 url(../img/common/footer_desing_img1.jpg) top center no-repeat;
    background-size: cover;
    color: #fff;
    text-align: center;
  }
  .footerBottomArea .footerDesingBox {
    padding: 1rem 0;
    background: rgba(132, 187, 76, 0.9);
  }
  .footerBottomArea .footerDesingBox .footerName {
    text-align: center;
  }
  .footerBottomArea .footerDesingBox .footerName .footerNameText {
    display: block;
    line-height: 1.4;
    font-size: 86%;
    margin-bottom: 1rem;
    padding-top: 1rem;
  }
  .footerBottomArea .footerDesingBox .address {
    font-size: 13px;
    line-height: 1.4;
  }

  .copy {
    text-align: center;
    padding: 10px 0;
    background: #414141;
    color: #fff;
    font-size: 72%;
    line-height: 1.2;
  }
}
@media only screen and (max-width: 786px) {
  .center-item img {
    max-width: 100%;
  }
}

.slick-dots li button:before {
  color: white;
}

@media only screen and (max-width: 786px) {
  .spLayoutBox {
    padding: 0 0;
  }
}
@media only screen and (min-width: 788px) {
  .pcNone {
    display: none !important;
  }
}
@media only screen and (max-width: 786px) {
  .spNone {
    display: none !important;
  }
}

/*ディプロマ・ポリシー(2021年度以降入学者向け)英語版style*/
.mid_diplomapolicy_eng{
	margin:5px;
}