/* タブレット以下 */
@media screen and (max-width: 480px) {
#gMenu { display: none;}

/* common
--------------------------------------------*/
.kiji-midashi { font-size: 1.2em; color: #557C46; line-height: 1.3em; padding: 0.5em 0 0.5em 0.75em; margin-bottom: 0.5em; position: relative;}
.kiji-midashi:before{ content: ""; width: 4px; height: 40%; background: #99BE8C; position: absolute; top: 50%; left: 0px; transform: translateY(-50%);}
.kiji-midashi-2 { font-size: 1.0em; line-height: 1.3em; color: #557C46; border-bottom: solid 1px rgba(0,0,0,0.05); padding: 0.5em 0; margin: 40px 0 15px; position: relative;}
.kiji-midashi-2:before{ content: ""; width: 1.0em; height: 1px; background: #557C46; position: absolute; bottom: -1px; left: 0px;}
.kiji-midashi-3 {}

h1,
h2,
h3,
h4{ font-family: a-otf-ud-shin-go-pr6n,sans-serif; font-weight: 300; font-style: normal;}
h3.heading{ font-size: 1.5em; text-align: center; line-height: 1.3em; color: #444; padding-bottom: 0.5em; margin-bottom: 1.0em; position: relative;}
h3.heading:before{ content: ""; width: 34px; height: 4px; background: url("../images/h3_heading.png") no-repeat center bottom; background-size: contain; position: absolute; bottom: 0px; left: 50%; transform: translateX(-50%);}

h4.heading{ display: inline-block; font-size: 1.2em; color: #EF7E00; margin: 40px 0 20px; padding: 0 1.0em; position: relative; left: 50%; transform: translateX(-50%);}
h4.heading:before{ content: ""; width: 5px; height: 80%; border: solid 1px #EF7E00; border-right: none; position: absolute; top: 50%; left: 0px; transform: translateY(-50%);}
h4.heading:after{ content: ""; width: 5px; height: 80%; border: solid 1px #EF7E00; border-left: none; position: absolute; top: 50%; right: 0px; transform: translateY(-50%);}

h3.sideHead{ font-size: 1.5em; line-height: 1.3em; margin-bottom: 0.75em; color: #73A660;}

/* container */
.breadSection{ margin-bottom: 40px;}
.ctWrap{ width: 100%; margin: 0px auto; padding: 40px 0; position: relative;}
.ctWrap:last-child{ padding-bottom: 80px;}
.ctWrap .ctInner{ width: 90%; margin: 0px auto;}

/* article */
.article{ display: flex; justify-content: space-between; flex-wrap: wrap;}
.article .image{ width: 100%; margin-bottom: 1.0em;}
.article .image img{ width: 100%; height: auto;}
.article .inner{ width: 100%;}

/* half */
.half{ display: flex; justify-content: space-between; flex-wrap: wrap;}
.half .image{ width: 100%; margin-bottom: 1.0em;}
.half .image img{ width: 100%; height: auto;}
.half .inner{ width: 100%;}

/* column */
.column02{ display: flex; justify-content: space-between; flex-wrap: wrap;}
.column02 .inner{ width: 48%;}
.column02.w80{ width: 100%; margin: 1.5em auto 0;}
.column03{ display: flex; justify-content: flex-start; flex-wrap: wrap;}
.column03 .inner{ width: 31%; margin-right: 3.5%;}
.column03 .inner:nth-of-type(3n){ margin-right: 0px;}

/* table */
.userTable01{ width: 100%; border: solid 1px #E4E4E4; border-style: solid none none solid;}
.userTable01 tbody th{ padding: 1.0em; font-size: 14px; line-height: 1.3em; border: solid 1px #E4E4E4; border-style: none solid solid none; display: block; width: 100% !important;}
.userTable01 tbody td{ padding: 1.0em; font-size: 14px; line-height: 1.3em; border: solid 1px #E4E4E4; border-style: none solid solid none; display: block; width: 100% !important;}

/* readmore */
.readmore { margin: 1.0em 0 0 0; text-align: right;}
.readmore a{ display: inline-block; color: #FFF; font-size: 1.3rem; line-height: 1.1; background: #333; text-decoration: none; padding: 0.5rem 2.5rem; border-radius: 100px;}
.readmore a:hover{ background: #999; color: #FFF;}

/* image resize */
.imgFit img{ width: 100%; height: auto;}

/*---------- align ----------*/
.align-left{ text-align: left;}
.align-right{ text-align: right;}
.align-center{ text-align: center;}

/*---------- float ----------*/
.float-left{ float:left;}
.float-right{ float:right;}

/*---------- image ----------*/
.img-left{ float:left; margin: 0 4% 1.0em 0;}
.img-right{ float:right; margin: 0 0 1.0em 4%;}

/* HOME
-----------------------------------------------------------*/

/* promo */
.homePromo{ width: 100%; padding-bottom: 50%; position: relative;}
.homePromo:before{ content: ""; width: 100%; height: 100%; background: url("../images/promo_bg.png") no-repeat; background-size: 100%; position: absolute; top: 0px; left: 35.0%; z-index: -1;}
.homePromo .inner{ position: absolute; top: 50.0%; left: 4%; transform: translateY(-50%); z-index: 10;}
.homePromo .inner h2{ font-size: 1.5em; line-height: 1.3em;}
.homePromo .inner h2 strong{ color: #72A55F;}
.homePromo .inner h2 span{ color: #ED7E00;}
.homePromo .inner h3{ font-size: 1.0em; line-height: 1.3em; margin-top: 0.5em;}

/* news */
.homeNews{ background: #F9F9F9; padding: 1.0em; position: relative;}
.homeNews h3{ font-size: 2.0em; line-height: 1.3em; font-family: 'Barlow Condensed', sans-serif; position: absolute; top: -0.75em; left: 0.25em;}
.homeNews ul li{ line-height: 1.3em; padding: 1.0em 0; border-bottom: solid 1px #EEE;}
.homeNews ul li:last-child{ border-bottom: none;}
.homeNews ul li span{ width: 100%; opacity: 0.5; display: block;}
.homeNews ul li a{ display: inline-block; color: #333; text-decoration: none;}
.homeNews ul li a:hover{ color: rgba(51,51,51,0.6);}

/* banner */
.bg-stripe{ background: url("../images/bg_stripe.png") repeat;}
.homeBnr{ display: flex; justify-content: space-between; flex-wrap: wrap;}
.homeBnr li{ width: 100%;}
.homeBnr li:last-child{ margin-top: 2.0em;}
.homeBnr li a{ display: block; width: 100%; padding-bottom: 30%; background: #FFF; color: #333; text-decoration: none; border-radius: 5px; overflow: hidden; box-shadow: 0px 0px 10px rgba(0,0,0,0.1); position: relative;}
.homeBnr li a span{ display: block; font-size: 18px; line-height: 1.3em; font-family: a-otf-ud-shin-go-pr6n,sans-serif; font-weight: 300; font-style: normal; position: absolute; top: 50%; left: 1.0em; z-index: 10;}
.homeBnr li a span em{ display: block; font-style: normal; font-size: 15px; line-height: 1.3em; color: #72A55F; font-family: 'Barlow Condensed', sans-serif;}

.homeBnr li:nth-child(1) a:before{ content: ""; width: 100%; height: 100%; background: url("../images/image_01.png") no-repeat left top; background-size: 100%; position: absolute; top: 0px; left: 30%; transition: all 0.3s ease 0s;}
.homeBnr li:nth-child(1) a:hover:before{ left: 25%;}
.homeBnr li:nth-child(2) a:before{ content: ""; width: 100%; height: 100%; background: url("../images/image_02.png") no-repeat left top; background-size: 100%; position: absolute; top: 0px; left: 30%; transition: all 0.3s ease 0s;}
.homeBnr li:nth-child(2) a:hover:before{ left: 25%;}

.homeBnr li p{ margin-top: 1.0em; line-height: 1.5em;}

.homeSubBnr{ margin-top: 2.0em; padding-top: 2.0em; border-top: solid 1px rgba(0,0,0,0.05); display: flex; justify-content: space-between; flex-wrap: wrap;}
.homeSubBnr li{ width: 48%;}
.homeSubBnr li:nth-child(n+3){ margin-top: 1.0em;}
.homeSubBnr li a{ display: block; background: #FFF; box-shadow: 0px 0px 10px rgba(0,0,0,0.1); border-radius: 5px; font-size: 14px; line-height: 1.0em; text-decoration: none; font-weight: 600; color: #333; padding: 1.2em 0 1.2em 2.75em; position: relative;}
.homeSubBnr li a:hover{ background: #E6EFE3; color: #333; box-shadow: none;}
.homeSubBnr li:nth-child(1) a:before{ content: ""; width: 30px; height: 30px; background: url("../images/icon_01.png") no-repeat; background-size: contain; position: absolute; top: 50%; left: 0.5em; transform: translateY(-50%);}
.homeSubBnr li:nth-child(2) a:before{ content: ""; width: 30px; height: 30px; background: url("../images/icon_02.png") no-repeat; background-size: contain; position: absolute; top: 50%; left: 0.5em; transform: translateY(-50%);}
.homeSubBnr li:nth-child(3) a:before{ content: ""; width: 30px; height: 30px; background: url("../images/icon_03.png") no-repeat; background-size: contain; position: absolute; top: 50%; left: 0.5em; transform: translateY(-50%);}
.homeSubBnr li:nth-child(4) a:before{ content: ""; width: 30px; height: 30px; background: url("../images/icon_04.png") no-repeat; background-size: contain; position: absolute; top: 50%; left: 0.5em; transform: translateY(-50%);}

/* 日本の文化に触れる学院生活 */
.schoolLife{ align-items: flex-start;}
.schoolLife .inner{ width: 100%;}
.schoolLife .inner.movie{ border: solid 5px #444; border-radius: 10px; padding-bottom: 54.25%; position: relative; margin-bottom: 2.0em;}
.schoolLife .inner.movie iframe{ width: 100%; height: 100%; position: absolute; bottom: 0px; left: 0px;}
.schoolLife .inner ul{ width: 70%; margin: 0px auto;}
.schoolLife .inner ul li{ width: 100%;}

.schoolLife .inner ul.homeEbent li a{ display: block; border: solid 3px #EF7E00; border-radius: 10px; box-shadow: 0px 0px 10px rgba(0,0,0,0.1); width: 100%; padding-bottom: 50.0%; position: relative; overflow: hidden; font-size: 18px; line-height: 1.0em; font-weight: 600; text-decoration: none; color: #FFF; margin-bottom: 0.5em;}
.schoolLife .inner ul.homeEbent li a:after{ content: "\f054"; font-family: "Font Awesome 5 Free"; font-weight: 600; font-size: 12px; position: absolute; bottom: 1.3em; right: 1.5em; z-index: 11;}
.schoolLife .inner ul.homeEbent li a:hover{ border-color: #73A660; color: #FFF;}
.schoolLife .inner ul.homeEbent li a span{ display: block; width: 100%; background: rgba(239, 126, 0, 0.9); padding: 1.0em; position: absolute; bottom: 0px; left: 0px; z-index: 10; transition: all 0.3s ease 0s;}
.schoolLife .inner ul.homeEbent li a:hover span{ background: rgba(115, 166, 96, 0.9);}
.schoolLife .inner ul.homeEbent li a{ background: url("../images/image_03.png") no-repeat center center; background-size: 100%;}
.schoolLife .inner ul.homeEbent li a:hover{ background-size: 110%;}

.schoolLife .inner ul.homeVoice{ margin-top: 38px;}
.schoolLife .inner ul.homeVoice li:nth-child(1){ order: 2;}
.schoolLife .inner ul.homeVoice li:nth-child(2){ order: 1;}
.schoolLife .inner ul.homeVoice li a{ display: block; border: solid 3px #EF7E00; border-radius: 10px; box-shadow: 0px 0px 10px rgba(0,0,0,0.1); width: 100%; padding-bottom: 50.0%; position: relative; overflow: hidden; font-size: 18px; line-height: 1.0em; font-weight: 600; text-decoration: none; color: #FFF;}
.schoolLife .inner ul.homeVoice li a:after{ content: "\f054"; font-family: "Font Awesome 5 Free"; font-weight: 600; font-size: 12px; position: absolute; bottom: 1.3em; right: 1.5em; z-index: 11;}
.schoolLife .inner ul.homeVoice li a:hover{ border-color: #73A660; color: #FFF;}
.schoolLife .inner ul.homeVoice li a span{ display: block; width: 100%; background: rgba(239, 126, 0, 0.9); padding: 1.0em; position: absolute; bottom: 0px; left: 0px; z-index: 10; transition: all 0.3s ease 0s;}
.schoolLife .inner ul.homeVoice li a:hover span{ background: rgba(115, 166, 96, 0.9);}
.schoolLife .inner ul.homeVoice li a{ background: url("../images/image_04.png") no-repeat center center; background-size: 100%;}
.schoolLife .inner ul.homeVoice li a:hover{ background-size: 110%;}


/* 育秀国際語学院について */
.homeNavi{ width: 70%; margin: 0px auto;}
.homeNavi li{ width: 100%; position: relative;}
.homeNavi li:nth-child(2){ margin: 1.5em 0;}
.homeNavi li a{ display: block; border: solid 3px #73A660; border-radius: 10px; box-shadow: 0px 0px 10px rgba(0,0,0,0.1); width: 100%; padding-bottom: 54.0%; position: relative; overflow: hidden; font-size: 16px; line-height: 1.0em; font-weight: 600; text-decoration: none; color: #FFF;}
.homeNavi li a:after{ content: "\f054"; font-family: "Font Awesome 5 Free"; font-weight: 600; font-size: 12px; position: absolute; bottom: 1.6em; right: 1.5em; z-index: 11;}
.homeNavi li a:hover{ border-color: #EF7E00; color: #FFF;}
.homeNavi li a span{ display: block; width: 100%; background: rgba(115, 166, 96, 0.9); padding: 1.0em; position: absolute; bottom: 0px; left: 0px; z-index: 10; transition: all 0.3s ease 0s;}
.homeNavi li a:hover span{ background: rgba(239, 126, 0, 0.9);}
.homeNavi li:nth-child(1) a{ background: url("../images/image_05.png") no-repeat center center; background-size: 100%;}
.homeNavi li:nth-child(2) a{ background: url("../images/image_06.png") no-repeat center center; background-size: 100%;}
.homeNavi li:nth-child(3) a{ background: url("../images/image_07.png") no-repeat center center; background-size: 100%;}
.homeNavi li:nth-child(1) a:hover,
.homeNavi li:nth-child(2) a:hover,
.homeNavi li:nth-child(3) a:hover{ background-size: 110%;}

/* 外部リンク */
.bnrList{ display: flex; justify-content: space-between; flex-wrap: wrap;}
.bnrList li{ width: 48%;}
.bnrList li:nth-child(n+3){ margin-top: 1.0em;}
.bnrList li a{ display: block; border: solid 1px #EEE;}
.bnrList li a:hover{ border-color: #FFF; box-shadow: 0px 0px 10px rgba(0,0,0,0.2);}
.bnrList li span{ display: block; font-size: 10px; line-height: 1.3em; margin-top: 0.5em;}

/* ご挨拶・理念
-----------------------------------------------------------*/
.greeting{}
.greeting .image{}
.greeting .image img{ width: 60%; margin: 0px auto 1.5em auto; display: block;}
.greeting .image h4{ font-size: 1.5em; line-height: 1.3em; margin-bottom: 0.5em; text-align: center; color: #557C46;}
.greeting .image ul{}
.greeting .image ul li{ font-size: 14px; line-height: 1.3em; padding: 1.0em 0 1.0em 1.5em; border-bottom: solid 1px rgba(0,0,0,0.05); position: relative;}
.greeting .image ul li:before{ content: "\f192"; font-family: "Font Awesome 5 Free"; font-weight: 400; font-size: 10px; color: #FB727A; position: absolute; top: 1.6em; left: 0px;}
.greeting .image ul li:last-child{ border-bottom: none;}
.greeting .image ul li span{ display: block; font-size: 12px; line-height: 1.3em;}

.greeting .inner h4{ font-size: 2.0em; line-height: 1.3em; margin-bottom: 0.5em; color: #557C46;}
.greeting .inner ul{}
.greeting .inner ul li{ font-size: 14px; line-height: 1.3em; padding: 1.0em 0 1.0em 1.5em; border-bottom: solid 1px rgba(0,0,0,0.05); position: relative;}
.greeting .inner ul li:before{ content: "\f192"; font-family: "Font Awesome 5 Free"; font-weight: 400; font-size: 10px; color: #FB727A; position: absolute; top: 1.6em; left: 0px;}
.greeting .inner ul li:last-child{ border-bottom: none;}
.greeting .inner ul li span{ display: block; font-size: 12px; line-height: 1.3em;}

.environment{}
.environment .inner{ width: 100%; border: solid 3px #73A660; border-radius: 5px; overflow: hidden;}
.environment .inner:nth-child(n+2){ margin-top: 1.5em;}
.environment .inner h4{ background: #73A660; font-size: 16px; line-height: 1.0em; color: #FFF; text-align: center; padding: 0.75em 0 0.95em; font-family: a-otf-ud-shin-go-pr6n,sans-serif; font-weight: 300; font-style: normal;}
.environment .inner p{ padding: 1.0em;}

.column02.w80 ul{ display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: 1.0em;}
.column02.w80 ul li{ line-height: 1.3em;}
.column02.w80 ul li:first-child{ font-weight: 600; color: #73A660;}

.dormitory{ width: 100%; margin: 1.5em auto 0; display: flex; justify-content: space-between; flex-wrap: wrap;}
.dormitory li{ width: 31%;}
.dormitory li img{ display: block; width: 100%; height: auto;}
.dormitory li span{ display: block; text-align: center; margin-top: 1.0em; font-size: 14px; line-height: 1.3em;}

/* 教員紹介
-----------------------------------------------------------*/
.teacher{ justify-content: space-between;}
.teacher .inner{ width: 48%; margin-right: 0px;}
.teacher .inner:nth-child(n+3){ margin-top: 2.0em;}
.teacher .inner .image{ width: 80%; margin: 0px auto 0.5em;}
.teacher .inner .image img{ width: 100%; height: auto; border-radius: 100%;}
.teacher .inner h4{ font-size: 1.2em; text-align: center; line-height: 1.0em; padding: 0.5em 0; color: #557C46;}
.teacher .inner ul{}
.teacher .inner ul li{ font-size: 14px; line-height: 1.3em; border-bottom: solid 1px rgba(0,0,0,0.05); padding: 0.3em 0; text-align: center;}
.teacher .inner ul li:last-child{ border-bottom: none;}
.teacher .inner dl{ margin-top: 0.5em; position: relative;}
.teacher .inner dl dt{}
.teacher .inner dl dt span{ display: block; width: 50%; margin: 0px auto; font-family: 'Barlow Condensed', sans-serif; font-size: 16px; line-height: 1.0em; text-align: center; color: #FFF; background: #EF4036; padding: 0.3em 0; border-radius: 100px; cursor: pointer; transition: all 0.3s ease 0s;}
.teacher .inner dl dt span:hover{ background: #444; color: #FFF;}
.teacher .inner dl dd{ background: #FFF; box-shadow: 0px 0px 10px rgba(0,0,0,0.1); border-radius: 5px; padding: 1.0em; position: absolute; top: 150%; left: 50%; transform: translateX(-50%); width: 100%; transition: all 0.3s ease 0s; opacity: 0.0; z-index: 10;}
.teacher .inner dl:hover dd{ top: 100%; opacity: 1.0;}

/* カリキュラム
-----------------------------------------------------------*/
.anchor.clm04{ display: flex; justify-content: center; flex-wrap: wrap; width: 90%; margin: 0px auto;}
.anchor.clm04 li{ width: 100%; margin-top: 10px; font-size: 14px; line-height: 1.0em; margin-right: 0px;}
.anchor.clm04 li:nth-child(n+2){ margin-top: 10px;}


/* 教育方針 */
ul.curriculum{ margin-top: 30px; border-top: solid 1px rgba(0,0,0,0.05);}
ul.curriculum li{ padding: 1.5em 0 1.5em 1.75em; line-height: 1.3em; border-bottom: solid 1px rgba(0,0,0,0.05); position: relative; font-weight: 600;}
ul.curriculum li:before{ content: "\f5da"; font-family: "Font Awesome 5 Free"; font-weight: 600; color: #FB727A; position: absolute; top: 1.5em; left: 0px;}

/* コース紹介 */
.imgList{ display: flex; justify-content: space-between; flex-wrap: wrap;}
.imgList li{ width: 48%; margin: 2.0em 4% 0 0; position: relative;}
.imgList li:nth-child(2n),
.imgList li:last-child{ margin-right: 0px;}
.imgList li img{ display: block; width: 100%; height: auto; box-shadow: 0px 0px 10px rgba(0,0,0,0.1);}
.imgList li span{ display: inline-block; font-size: 1.0em; line-height: 1.0em; color: #FFF; background: #666; padding: 0.5em; position: absolute; bottom: 0; left: 0; z-index: 10;}
.imgList li:nth-child(1) span{ background: #E4572E;}
.imgList li:nth-child(2) span{ background: #E8B400;}
.imgList li:nth-child(3) span{ background: #76B041;}
.imgList li:nth-child(4) span{ background: #17BEBB;}
.imgList li:nth-child(5) span{ background: #D32B75;}

/* コースカリキュラム */
h4.curriculum{ width: 60%; margin: 20px auto; background: #666; color: #FFF; font-size: 1.0em; line-height: 1.0em; text-align: center; padding: 0.5em 0; border-radius: 100px;}
h4.curriculum.clr01{ background: #E4572E;}
h4.curriculum.clr02{ background: #E8B400;}
h4.curriculum.clr03{ background: #76B041;}
h4.curriculum.clr04{ background: #17BEBB;}

table.curriculum{ width: 100%; margin: 15px 0; border: solid 2px #E4E4E4; border-style: solid none none solid;}
table.curriculum th{ width: 15%; text-align: center; vertical-align: middle; line-height: 1.3em; font-weight: 600; padding: 1.0em; border: solid 2px #E4E4E4; border-style: none solid solid none;}
table.curriculum td{ width: 15%; text-align: center; vertical-align: middle; line-height: 1.3em; padding: 1.0em; border: solid 2px #E4E4E4; border-style: none solid solid none;}
table.curriculum td.content{ width: 55%; text-align: left;}
table.curriculum td.content strong{ color: #EF4036;}

h5.curriculum{ display: inline-block; position: relative; left: 50%; transform: translateX(-50%); font-size: 1.25em; line-height: 1.0em; color: #59B1E1; font-weight: 600; padding: 1.0em 0;}
h5.curriculum:before{ content: ""; width: 0; height: 0; border-left: 100px solid transparent; border-right: 100px solid transparent; border-top: 50px solid #E6F0FA; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: -1;}

/* 使用テキスト */
.useText{}
.useText .inner{ width: 100%; border: solid 3px #73A660; border-radius: 5px; overflow: hidden;}
.useText .inner:nth-child(n+2){ margin-top: 2.0em;}
.useText .inner h4{ background: #73A660; font-size: 20px; line-height: 1.0em; color: #FFF; text-align: center; padding: 0.75em 0 0.95em; font-family: a-otf-ud-shin-go-pr6n,sans-serif; font-weight: 300; font-style: normal;}
.useText .inner ul{ padding: 1.5em; padding-top: 0.5em;}
.useText .inner ul li{ line-height: 1.3em; padding: 1.0em 0; border-bottom: solid 1px rgba(0,0,0,0.05);}
.useText .inner ul li:before{ content: "\f02d"; font-family: "Font Awesome 5 Free"; font-weight: 600; color: #FB727A; margin-right: 0.5em;}
.useText .inner ul li:last-child{ border-bottom: none;}

/* 年間行事 */
.annual th{ width: 15%; text-align: center; vertical-align: middle; background: #73A660; color: #FFF; font-weight: 600;}
.annual td{ width: 35%;}

/* 学費について
-----------------------------------------------------------*/

/* コース別納入金 */
.course{ margin-bottom: 1.0em;}
.course thead th{ padding: 1.0em; line-height: 1.3em; border: solid 1px #E4E4E4; border-style: none solid solid none; display: table-cell !important; text-align: center; background: #F6F6F6;}
.course tbody th{ width: 25%; text-align: center; font-weight: 600; color: #FFF; display: table-cell !important;}
.course tbody td{ width: 15%; text-align: center; display: table-cell !important;}
.course.clr01 tbody th{ background: #E4572E;}
.course.clr02 tbody th{ background: #E8B400;}
.course.clr03 tbody th{ background: #76B041;}
.course.clr04 tbody th{ background: #17BEBB;}
.course tr.total{ background: #FEF5F5;}
.course tr.total td:last-child{ color: #EF4036; font-weight: 600;}

.abroad thead th{ padding: 1.5rem; line-height: 1.3em; border: solid 1px #E4E4E4; border-style: none solid solid none; display: table-cell !important; text-align: center; background: #F6F6F6;}
.abroad tbody th{ width: 25%; text-align: center; font-weight: 600; color: #FFF; background: #D32B75; display: table-cell !important;}
.abroad tbody td{ width: 18.75%; text-align: center; display: table-cell !important;}
.abroad tbody td strong{ color: #EF4036; font-weight: 600;}
.abroad tr.total td:last-child{ color: #EF4036; font-weight: 600;}

/* 納入金の振込先 */
.bankList th{ background: #73A660; color: #FFF; width: 100%; display: block;}
.bankList th br{ display: none;}
.bankList th strong{ display: inline-block; font-size: 12px; line-height: 1.3em; font-weight: normal; opacity: 0.6; margin-left: 1.0em;}
.bankList td{ width: 100%; display: block;}
.bankList td strong{ display: block; font-size: 12px; line-height: 1.3em; font-weight: normal;}

.supList{ margin-top: 1.5em;}
.supList li{ font-size: 14px; line-height: 1.3em; padding: 1.0em 0 1.0em 1.5em; border-bottom: solid 1px rgba(0,0,0,0.05); position: relative;}
.supList li:before{ content: "※"; position: absolute; top: 1.0em; left: 0px;}

/* 募集要項
-----------------------------------------------------------*/

/* 募集コース */
.emphasis{ text-align: center; font-size: 20px; line-height: 1.3em; font-weight: 600; color: #EF4036;}

/* 学習期間 */
.period{ display: flex; justify-content: space-between; flex-wrap: wrap;}
.period li{ width: 48%; border: solid 3px #73A660; border-radius: 5px; overflow: hidden;}
.period li:nth-child(n+3){ margin-top: 1.5em;}
.period li p{ background: #73A660; font-size: 16px; line-height: 1.0em; color: #FFF; text-align: center; padding: 0.75em 0 0.95em; font-family: a-otf-ud-shin-go-pr6n,sans-serif; font-weight: 300; font-style: normal;}
.period li span{ display: block; font-size: 16px; line-height: 1.0em; text-align: center; font-weight: 600; padding: 1.0em 0.5em;}

.period li:nth-child(1){ border-color: #E4572E;}
.period li:nth-child(1) p{ background: #E4572E;}
.period li:nth-child(2){ border-color: #E8B400;}
.period li:nth-child(2) p{ background: #E8B400;}
.period li:nth-child(3){ border-color: #76B041;}
.period li:nth-child(3) p{ background: #76B041;}
.period li:nth-child(4){ border-color: #17BEBB;}
.period li:nth-child(4) p{ background: #17BEBB;}

/* 選考料及び学費 */
.scrool{ overflow: scroll;}
.tuition{ margin-bottom: 1.0em;}
.tuition th{ background: #73A660; color: #FFF; font-weight: 600; text-align: center; width: 15%; display: table-cell !important;}
.tuition td{ font-weight: 600; text-align: center; width: 15%; display: table-cell !important;}

/* 対象 */
.numList{}
.numList li{ line-height: 1.3em; padding: 1.0em 0; padding-left: 1.5em; border-bottom: solid 1px rgba(0,0,0,0.05); position: relative;}
.numList li:before{ content: ""; font-family: 'Barlow Condensed', sans-serif; color: #EF7E00; position: absolute; top: 1.0em; left: 0;}
.numList li:nth-child(1):before{ content: "01.";}
.numList li:nth-child(2):before{ content: "02.";}
.numList li:nth-child(3):before{ content: "03.";}
.numList li:nth-child(4):before{ content: "04.";}
.numList li:nth-child(5):before{ content: "05.";}
.numList li:nth-child(6):before{ content: "06.";}
.numList li:nth-child(7):before{ content: "07.";}
.numList li span{ display: block; font-size: 12px; line-height: 1.3em;}

em.red{ font-style: normal; color: #EF4036;}
.bg-green{ background: #F9FBF8;}

/* 出願から入学までの流れ */
.step{}
.step li{ padding: 1.5em 0; border-bottom: solid 1px rgba(0,0,0,0.05); position: relative;}
.step li strong{ font-weight: normal; color: #73A660; font-size: 16px; line-height: 1.0em; font-family: 'Barlow Condensed', sans-serif; display: block;}
.step li:before{ content: "\f103"; font-family: "Font Awesome 5 Free"; font-weight: 600; font-size: 20px; line-height: 1.0em; color: #99BE8C; position: absolute; bottom: -10px; left: 2.8%; transform: translateX(-50%);}
.step li:last-child{ border-bottom: none; font-weight: 600; color: #EF4036;}
.step li:last-child strong{ color: #EF4036; font-weight: normal;}
.step li:last-child:before{ content: none;}

/* よくあるご質問
-----------------------------------------------------------*/
.faq{ margin-top: 60px;}
.faq:first-child{ margin-top: 0px;}
.faq h3{ font-size: 20px; line-height: 1.3em; padding: 0.75em 0; padding-left: 1.75em; margin-bottom: 0.75em; border-bottom: solid 1px #EEE; position: relative; color: #557C46;}
.faq h3:before{ content: ""; width: 25px; height: 25px; background: url("../images/icon_01.png") no-repeat; background-size: contain; position: absolute; top: 50%; left: 0px; transform: translateY(-50%);}
.faq .inner{ padding-left: 2.3em; position: relative;}
.faq .inner:before{ content: ""; width: 25px; height: 25px; background: url("../images/icon_02.png") no-repeat; background-size: contain; position: absolute; top: 5px; left: 0px;}
.faq .inner h5{ font-weight: 600; margin-bottom: 0.5em;}
.faq .inner ul{ display: flex; justify-content: space-around; flex-wrap: wrap; width: 100%; margin-right: auto;}
.faq .inner ul li{ width: 48%;}
.faq .inner ul li:nth-child(n+3){ margin-top: 1.0em;}
.faq .inner ul li img{ width: 100%; height: auto; display: block;}
.faq .inner ul li span{ display: block; font-size: 14px; line-height: 1.3em; text-align: center; margin-top: 0.5em;}

/* 進学情報
-----------------------------------------------------------*/
.mt-none{ margin-top: 0px !important;}
h5.heading{ font-size: 1.2em; line-height: 1.1em; text-align: center; font-weight: 600; color: #EF4036; margin-bottom: 0.5em;}

.success{}
.success .inner{ border: solid 3px #F0F0F0; border-radius: 5px; padding: 1.5em; width: 100%; margin-right: 0px;}
.success .inner:nth-child(n+2){ margin-top: 1.5em;}
.success .inner h4{ font-size: 1.0em; color: #557C46; line-height: 1.3em; padding-left: 55px; position: relative; padding-bottom: 1.0em; padding-top: 0.2rem; margin-bottom: 1.0em; border-bottom: solid 1px rgba(0,0,0,0.05);}
.success .inner h4:before{ content: ""; width: 55px; height: 50px; background: url("../images/medal.png") no-repeat; background-size: contain; position: absolute; top: 0px; left: 0px;}
.success .inner ul{ position: relative; display: flex; justify-content: flex-start; flex-wrap: wrap;}
.success .inner ul li{ font-size: 14px; line-height: 1.3em; margin-right: 2.0em;}
.success .inner ul li:last-child{ margin-right: 0px;}
.success .inner ul li.female{ width: auto; color: #FFF; background: #FB727A; border: solid 1px #FB727A; border-radius: 3px; font-size: 12px; line-height: 1.0em; padding: 0.2em 0.5em; position: absolute; top: 0px; right: 0px;}
.success .inner ul li.male{ width: auto; color: #FFF; background: #2A5699; border: solid 1px #2A5699; border-radius: 3px; font-size: 12px; line-height: 1.0em; padding: 0.2em 0.5em; position: absolute; top: 0px; right: 0px;}
.success .inner ul li.female span,
.success .inner ul li.male span{ display: none;}
.success .inner ul li.female:before{ content: "\f182"; font-family: "Font Awesome 5 Free"; font-weight: 600;}
.success .inner ul li.male:before{ content: "\f183"; font-family: "Font Awesome 5 Free"; font-weight: 600;}

.scoreList{ display: flex; justify-content: flex-start; flex-wrap: wrap;}
.scoreList li{ width: 100%; padding: 1.0em 0 1.0em 2.0em; line-height: 1.3em; font-weight: 600; position: relative; border-bottom: solid 1px rgba(0,0,0,0.05);}
.scoreList li:before{ content: "\f5a2"; font-family: "Font Awesome 5 Free"; font-weight: 600; color: #FB727A; position: absolute; top: 1.0em; left: 0px;}

/* 学生の声
-----------------------------------------------------------*/
.voiceWrap{ width: 90%; margin: 0px auto; padding: 0 0 40px 0; display: flex; justify-content: flex-start; flex-wrap: wrap;}
.voiceWrap .clm{ width: 100%;}
.voiceWrap .clm:nth-child(n+2){ margin-top: 2.0em;}

.voiceList{}
.voiceList .image{ position: relative;}
.voiceList .image img{ width: 100%; height: auto; box-shadow: 0px 0px 10px rgba(0,0,0,0.1);}
.voiceList span{ display: inline-block; font-size: 14px; line-height: 1.0em; color: #FFF; background: #73A660; padding: 0.5em 0.8em; position: absolute; top: 0px; left: 0px; z-index: 10;}
.voiceList span.graduate{ background: #2A5699;}
.voiceList .text{ line-height: 1.5em; margin-top: 1.0em;}
a.more-link{ display: block; width: 40%; font-size: 14px; line-height: 1.0em; color: #FFF; text-align: center; text-decoration: none; background: #EF4036; padding: 0.6em 0; border-radius: 100px; margin: 1.0em auto 0; position: relative;}
a.more-link:hover{ background: #444; color: #FFF;}

.wp-pagenavi{ width: 90%; margin: 0px auto 60px;}

/* 詳細 */
body.voice-template-default .entry-header,
body.voice-template-default .voiceList,
body.voice-template-default .vk_posts{ display: none;}
.mainSection-col-two{ width: 90%; margin: 60px auto 120px;}

.profile{}
.profile .inner h3 span{ display: block; line-height: 1.0em; font-size: 14px; margin-bottom: 0.5em;}
.profile .inner h3 span em{ display: inline-block; font-style: normal; font-size: 14px; line-height: 1.0em; color: #73A660; border: solid 1px #73A660; border-radius: 3px; padding: 0.3em 0.8em;}
.profile .inner h3{ font-size: 2.0em; line-height: 1.3em; padding-bottom: 0.1em;}
.profile .inner ul{ border-top: solid 1px #f0F0F0; display: flex; justify-content: flex-start; flex-wrap: wrap; margin: 0.5em 0;}
.profile .inner ul li{ line-height: 1.3em; padding: 1.0em 1.0em 1.0em 0;}

h3.voice{ font-size: 1.5em; text-align: center; line-height: 1.3em; color: #444; margin-top: 90px; padding-bottom: 0.5em; margin-bottom: 1.0em; position: relative;}
h3.voice:before{ content: ""; width: 34px; height: 4px; background: url("../images/h3_heading.png") no-repeat center bottom; background-size: contain; position: absolute; bottom: 0px; left: 50%; transform: translateX(-50%);}

.youtube{ width: 100%; margin: 0px auto; border: solid 5px #555; border-radius: 10px; overflow: hidden;}
.youtube .inner{ width: 100%; padding-bottom: 56.25%; position: relative;}
.youtube .inner iframe{ width: 100%; height: 100%; position: absolute; top: 0px; right: 0px;}

.bookList{ display: flex; justify-content: space-between; flex-wrap: wrap;}
.bookList li{ padding: 1.0em 0; padding-left: 1.5em; border-bottom: solid 1px #F0F0F0; width: 100%; position: relative;}
.bookList li:before{ content: "\f02d"; font-family: "Font Awesome 5 Free"; font-weight: 600; color: #FB727A; position: absolute; top: 1.0em; left: 0px;}

.backBtn{ width: 60%; margin: 40px auto 0;}
.backBtn a{ display: block; background: #DDD; color: #333; text-decoration: none; line-height: 1.0em; text-align: center; padding: 1.0em 0; border-radius: 100px; position: relative;}
.backBtn a:hover{ background: #444; color: #FFF;}
.backBtn a:before{ content: "\f104"; font-family: "Font Awesome 5 Free"; font-weight: 600; font-size: 12px; line-height: 1.0em; position: absolute; top: 50%; left: 2.5em; transform: translateY(-50%);}

/* イベント・行事
-----------------------------------------------------------*/
.eventWrap{ width: 90%; margin: 0px auto; padding: 0 0 40px 0; display: flex; justify-content: flex-start; flex-wrap: wrap;}
.eventWrap .clm{ width: 100%; margin: 0 3.5% 0 0;}
.eventWrap .clm:nth-child(3n){ margin-right: 0px;}
.eventWrap .clm:nth-child(n+2){ margin-top: 2.0em;}

.eventList{}
.eventList h3{ font-size: 1.2em; line-height: 1.3em; color: #557C46; border-bottom: solid 1px rgba(0,0,0,0.05); padding: 0.5em 0; margin: 0 0 20px; position: relative;}
.eventList h3:before{ content: ""; width: 1.0em; height: 1px; background: #557C46; position: absolute; bottom: -1px; left: 0px;}
.eventList .image{ position: relative;}
.eventList .image img{ width: 100%; height: auto; box-shadow: 0px 0px 10px rgba(0,0,0,0.1);}
.eventList .text{ line-height: 1.5em; margin-top: 1.0em;}

/* 詳細 */
body.event-template-default .eventList,
body.event-template-default .vk_posts{ display: none;}
body.event-template-default .youtube{ margin: 40px auto;}
.gallery{ display: flex; justify-content: flex-start; flex-wrap: wrap;}
.gallery li{ width: 48%; margin: 0 4% 0 0;}
.gallery li:nth-child(2n){ margin-right: 0px;}
.gallery li:nth-child(n+3){ margin-top: 1.0em;}
.gallery li img{ width: 100%; height: auto; box-shadow: 0px 0px 10px rgba(0,0,0,0.1);}

/* お知らせ
-----------------------------------------------------------*/
.sideSection-col-two{ display: none;}
.mainSection-col-two{ margin-bottom: 80px !important;}
.entry-footer{ margin-top: 1.0em;}

.sideSection .widget{ padding: 1.5em; background: #FFF; box-shadow: 0px 0px 10px rgba(0,0,0,0.1); border-top: solid 3px #73A660;}
.sideSection .widget h1.widget-title{ font-size: 1.25em; line-height: 1.1em; color: #557C46; padding: 0.25em 0 0.75em; margin-bottom: 0.5em; border-bottom: solid 1px #EEE;}
.localNavi{}
.localNavi li a{ background: none !important; text-decoration: none; position: relative;}
.localNavi li a:after{ content: "\f054"; font-family: "Font Awesome 5 Free"; font-weight: 600; color: rgba(51,51,51,0.25); font-size: 10px; position: absolute; top: 50%; right: 1.0em; transform: translateY(-50%); transition: all 0.3s ease 0s;}
.localNavi li a:hover:after{ color: #73A660; right: 0.5em;}
.veu_postList{ margin-bottom: 0px !important;}
.veu_postList ul.postList li{ border-bottom: solid 1px rgba(0,0,0,0.05) !important;}
.veu_postList ul.postList li:last-child{ border-bottom: none !important;}

.entry-header{ border-bottom: solid 1px #EEE; margin-bottom: 1.0em;}
h1.entry-title{ font-size: 20px; line-height: 1.3em; color: #557C46; padding-bottom: 0.5em;}
a.pdfBtn{ display: block; width: 100%; font-size: 14px; line-height: 1.0em; text-decoration: none; color: #FFF; font-weight: 600; background: #EF4036; padding: 0.75em 0; text-align: center; border-radius: 100px; position: relative; margin-top: 1.0em;}
a.pdfBtn span{ display: inline-block;}
a.pdfBtn span:before{ content: "\f1c1"; font-family: "Font Awesome 5 Free"; font-weight: 600; margin-right: 0.5em; display: inline-block;}
a.pdfBtn:hover{ color: #FFF; background: #333;}

.pager{ display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: 2.0em; padding-top: 1.0em; border-top: double 3px #F0F0F0;}
.pager li{ width: 48%; line-height: 1.3em; font-size: 14px;}
.pager li a{ color: #333; text-decoration: none;}
.pager li a:hover{ color: rgba(51,51,51,0.6);}

/* アクセス
-----------------------------------------------------------*/
.ctLead{ width: 90%; margin: 0px auto;}
.ctLead h2{ font-size: 20px; line-height: 1.3em; text-align: center; color: #EF4036; margin-bottom: 0.75em;}
.ctLead ul{ display: flex; justify-content: center; flex-wrap: wrap;}
.ctLead ul li{ width: 100%; border: solid 3px rgba(0,0,0,0.05); font-size: 16px; line-height: 1.0em; font-weight: 600; padding: 1.0em 0; text-align: center; border-radius: 100px;}
.ctLead ul li:last-child{ margin-top: 0.5em;}
.ctLead ul li span{ display: inline-block;}
.ctLead ul li span:before{ content: "\f239"; font-family: "Font Awesome 5 Free"; font-weight: 600; margin-right: 0.5em; color: #73A660;}

.bg-gray{ background: #EEE;}
.btmBdr{ border-bottom: solid 1px rgba(0,0,0,0.05);}
.bg-graph{ background: url("../images/bg_graph.png") repeat center top;}

/* GoogleMap */
.googlemap .kiji-midashi-2{ margin-top: 0px;}
.googlemap .inner{ width: 100%;}
.googlemap .inner:last-child{ margin-top: 40px;}
.googlemap .inner p{ border: solid 5px rgba(0,0,0,0.05);}
.googlemap .inner p iframe{ width: 100%; vertical-align: top;}
.googlemap .inner span{ display: block; text-align: left; margin-top: 1.0em;}

/* 学校から徒歩10分以内の施設 */
.facilities{ justify-content: space-between;}
.facilities .inner{ width: 48%; margin-right: 0px;}
.facilities .inner:nth-child(n+3){ margin-top: 1.5em;}
.facilities .inner .imgFit img{ box-shadow: 0px 0px 10px rgba(0,0,0,0.1);}
.facilities .inner h4{ font-size: 1.0em; line-height: 1.3em; text-align: center; color: #444; padding: 1.0em 0 0.5em;}
.facilities .inner .button{ width: 100%; margin: 0 auto;}
.facilities .inner .button a{ display: block; background: #EF7E00; font-size: 12px; line-height: 1.0em; color: #FFF; text-decoration: none; text-align: center; padding: 1.0em 0; border-radius: 5px;}
.facilities .inner .button a:hover{ color: #FFF; background: #444;}

/* お問い合わせ
-----------------------------------------------------------*/

/* お電話でのお問い合わせ */
.phone{ text-align: center; margin-top: 1.0em;}
.phone span{ font-family: 'Barlow Condensed', sans-serif; font-size: 35px; line-height: 1.0em;}
.phone span:before{ content: "\f87b"; font-family: "Font Awesome 5 Free"; font-weight: 600; color: #EF7E00; font-size: 90%; position: relative; top: 5%; margin-right: 0.3em;}
.phone em{ font-style: normal; font-size: 14px; line-height: 1.5em; text-align: center; display: block;}

/* メールフォームでのお問い合わせ */
.listStyle{}
.listStyle li{ padding: 1.0em 0 1.0em 1.5em; border-bottom: solid 1px #EEE; line-height: 1.5em; position: relative;}
.listStyle li:last-child{ border-bottom: none;}
.listStyle li:before{ content: "\f0ae"; font-family: "Font Awesome 5 Free"; font-weight: 600; color: #FB727A; position: absolute; top: 1.0em; left: 0px;}

.form{ border: solid 10px #F6F6F6; padding: 1.0em; margin-top: 40px;}
.mw_wp_form table.tbr{ width: 100%;}
.mw_wp_form table.tbr tr{ border-bottom: solid 1px rgba(0,0,0,0.05);}
.mw_wp_form table.tbr tr:last-child{ border-bottom: none;}
.mw_wp_form table.tbr tr th{ padding: 1.0em 0 0; line-height: 1.3em; width: 100%; display: block;}
.mw_wp_form table.tbr tr th span{ display: inline-block; color: #EF4036; font-size: 14px; margin-left: 1.0em;}
.mw_wp_form table.tbr tr td{ padding: 0.5em 0 1.0em 0; line-height: 1.3em; width: 100%; display: block;}
.mw_wp_form table.tbr tr td span{ display: block; font-size: 14px; line-height: 1.5em; margin-top: 0.3em;}
.mw_wp_form table.tbr input,
.mw_wp_form table.tbr textarea{ width: 100%; max-width: 100%;}
span.mwform-tel-field input{ width: 25% !important;}

.policy{ background: #F6F6F6; padding: 1.0em; margin-top: 40px;}
.policy h4{ font-size: 16px; line-height: 1.3em; padding-bottom: 1.0em; margin-bottom: 1.0em; border-bottom: solid 1px #EEE;}
.policy p{ font-size: 12px; line-height: 1.5em;}

.mw_wp_form{ width: 100%; margin: 0px auto 20px;}

/* 各種ダウンロード
-----------------------------------------------------------*/
.download{ border-top: solid 1px #E4E4E4; display: flex; justify-content: space-between; flex-wrap: wrap;}
.download dt{ width: 100%; font-size: 16px; line-height: 1.3em; text-align: center; background: #F9FBF8; color: #73A660; padding: 1.0em 0; border-bottom: solid 1px #E4E4E4;}
.download dd{ width: 100%; padding:1.0em 0; border-bottom: solid 1px #E4E4E4;}
.download dd ul{ display: flex; justify-content: flex-start; flex-wrap: wrap;}
.download dd ul li{ width: 100%;}
.download dd ul li a{ display: inline-block; color: #333; text-decoration: none; padding: 0.5em 0 0.5em 1.5em; line-height: 1.3em; position: relative;}
.download dd ul li a:hover{ color: rgba(51,51,51,0.6);}
.download dd ul li a:before{ content: "\f1c1"; font-family: "Font Awesome 5 Free"; font-weight: 600; color: #EF4036; position: absolute; top: 0.5em; left: 0px;}
.download dd ul li a.xlsx:before{ content: "\f1c3"; font-family: "Font Awesome 5 Free"; font-weight: 600; color: #1E6C41; position: absolute; top: 0.5em; left: 0px;}
.download dd ul li a.docx:before{ content: "\f1c2"; font-family: "Font Awesome 5 Free"; font-weight: 600; color: #2A5699; position: absolute; top: 0.5em; left: 0px;}

/* 教員募集
-----------------------------------------------------------*/
.anchor{ display: flex; justify-content: center; flex-wrap: wrap; width: 90%; margin: 0px auto;}
.anchor li{ width: 48%; margin-right: 4%;}
.anchor li:last-child{ margin-right: 0px;}
.anchor li a{ display: block; color: #333; font-size: 14px; line-height: 1.0em; text-align: center; background: #FFF; box-shadow: 0px 0px 10px rgba(0,0,0,0.1); border-radius: 100px; padding: 1.0em 0; text-decoration: none; position: relative;}
.anchor li a:hover{ background: #73A660; color: #FFF; box-shadow: none;}

.userTable01.recruit tbody th{ background: #F9FBF8; color: #73A660;}
.userTable01.recruit tbody th br{ display: none;}

/*-------------------------------------------*/
/*	画面幅に対するコンテンツ＆メニュー幅
/*-------------------------------------------*/
@media screen and (min-width: 768px) {}
@media screen and (min-width: 992px) {}
@media screen and (min-width: 90%) {}

.mainSection{ margin-bottom: 0px;}

/*-------------------------------------------*/
/*	ヘッダー
/*-------------------------------------------*/
#all{ width: 100%; margin: 0px auto; overflow: hidden;}

#header { margin: auto; padding: 0 0 20px; position: relative;}
#header #headerInner {}
.headTop{ border-bottom: solid 1px #EEE; background: #F9F9F9; width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap;}
.lang{ display: flex; justify-content: center; flex-wrap: wrap; width: 100%; order: 2;}
.lang li{ font-size: 12px; line-height: 35px; padding: 0 1.5em;}
.lang li a{ color: #333; text-decoration: none;}
.lang li a:hover{ color: rgba(51,51,51,0.6);}
.subNavi{ display: flex; justify-content: flex-start; flex-wrap: wrap; width: 100%; order: 1;}
.subNavi li{ font-size: 12px; font-weight: 600; line-height: 35px; width: 50%;}
.subNavi li a{ display: block; line-height: 35px; text-align: center; background: #666; color: #FFF; text-decoration: none;}
.subNavi li a:hover{ opacity: 0.6;}
.subNavi li:nth-child(1) a{ background: #EF7E00;}
.subNavi li:nth-child(2) a{ background: #73A660;}

h2.siteLogo{ width: 60%; margin: 0px auto; padding-top: 20px;}
h2.siteLogo img{ width: 100%; height: auto;}
h2.siteLogo a{ display: block;}

/*-------------------------------------------*/
/*	下層ページタイトル
/*-------------------------------------------*/
.page-header{ background: rgba(115, 166, 96, 0.1); position: relative; overflow: hidden;}
.page-header_pageTitle,
h1.page-header_pageTitle:first-child{ width: 100%; padding: 5.0em 0 1.5em 0; text-align: center; font-size: 25px; line-height: 1.0em; color: #FFF; background: #73A660;}

.page-header:before{ content: ""; width: 100%; height: 50%; background: #111; position: absolute; top: 0px; right: 0px; z-index: 10;}

body.post-name-advancement .page-header:before{ background: url("../images/advancement.png") no-repeat center top; background-size: 100%;}
body.post-name-philosophy .page-header:before{ background: url("../images/philosophy.png") no-repeat center top; background-size: 100%;}
body.post-name-introduction .page-header:before{ background: url("../images/introduction.png") no-repeat center top; background-size: 100%;}
body.post-name-curriculum .page-header:before{ background: url("../images/curriculum.png") no-repeat center top; background-size: 100%;}
body.post-name-tuition .page-header:before{ background: url("../images/tuition.png") no-repeat center top; background-size: 100%;}
body.post-name-guideline .page-header:before{ background: url("../images/guideline.png") no-repeat center top; background-size: 100%;}
body.post-name-faq .page-header:before{ background: url("../images/faq.png") no-repeat center top; background-size: 100%;}
body.post-type-archive-voice .page-header:before,
body.voice-template-default .page-header:before{ background: url("../images/voice.png") no-repeat center top; background-size: 100%;}
body.post-type-archive-event .page-header:before,
body.event-template-default .page-header:before{ background: url("../images/event.png") no-repeat center top; background-size: 100%;}
body.category-news .page-header:before,
body.category-notice .page-header:before,
body.single-post .page-header:before{ background: url("../images/news.png") no-repeat center top; background-size: 100%;}
body.post-name-access .page-header:before{ background: url("../images/access.png") no-repeat center top; background-size: 100%;}
body.post-name-contact-confirm .page-header:before,
body.post-name-contact-complete .page-header:before,
body.post-name-contact .page-header:before{ background: url("../images/contact.png") no-repeat center top; background-size: 100%;}
body.post-name-download .page-header:before{ background: url("../images/download.png") no-repeat center top; background-size: 100%;}
body.post-name-recruit .page-header:before{ background: url("../images/recruit.png") no-repeat center top; background-size: 100%;}

body.post-name-job .page-header:before{ background: url("../images/advancement.png") no-repeat center top; background-size: 100%;}

/*-------------------------------------------*/
/*	パンくず
/*-------------------------------------------*/
.breadSection{ width: 100%; border-bottom: solid 1px #EEE;}
.breadSection .container{ width: 90%; margin: 0px auto;}
.breadSection .container .breadcrumb{ background: none; font-size: 12px; line-height: 1.0em; padding: 1.0em; margin: 0px;}
.breadSection .container .breadcrumb li{ color: rgba(51,51,51,0.4);}
.breadSection .container .breadcrumb li a{ text-decoration: none; color: #333;}
.breadSection .container .breadcrumb li a:hover{ color: rgba(51,51,51,0.6);}
.breadSection .container .breadcrumb span{}

/*-------------------------------------------*/
/*	フッター上部
/*-------------------------------------------*/
.btmWrap{ width: 100%; background: #73A660; padding: 40px 0;}
.btmWrap .btmNavi{ width: 90%; margin: 0px auto;}
.btmWrap .btmNavi .inner{ width: 100%;}
.btmWrap .btmNavi .inner:nth-child(2){ margin: 1.0em 0;}
.btmWrap .btmNavi .inner .button{ margin-bottom: 10px;}
.btmWrap .btmNavi .inner .button a{ display: block; font-size: 18px; line-height: 1.0em; color: #FFF; text-decoration: none; font-weight: 600; border: solid 2px #FFF; border-radius: 5px; padding: 1.0em; position: relative;}
.btmWrap .btmNavi .inner .button a:hover{ color: #73A660; background: #FFF;}
.btmWrap .btmNavi .inner .button a:after{ content: "\f054"; font-family: "Font Awesome 5 Free"; font-weight: 600; font-size: 14px; position: absolute; top: 50%; right: 1.3em; transform: translateY(-50%); transition: all 0.3s ease 0s;}
.btmWrap .btmNavi .inner .button a:before{ content: ""; width: 1px; height: 70%; background: rgba(255,255,255,0.5); position: absolute; top: 50%; right: 2.5em; transform: translateY(-50%); transition: all 0.3s ease 0s;}
.btmWrap .btmNavi .inner .button a:hover:before{ background-color: rgba(115, 166, 96, 0.5);}
.btmWrap .btmNavi .inner > span{ display: block; font-size: 12px; line-height: 1.5em; color: #FFF;}

/*-------------------------------------------*/
/*	フッター
/*-------------------------------------------*/
.ftNavi{ width: 90%; margin: 0px auto; padding: 40px 0; display: flex; justify-content: space-between; flex-wrap: wrap;}
.ftNavi .inner{ width: 100%;}
.ftNavi .inner h3{ font-size: 16px; line-height: 1.0em; color: #37512C; border-bottom: solid 1px #EEE; padding-bottom: 0.75em; margin-top: 1.5em; margin-bottom: 0.75em;}
.ftNavi .inner ul{ display: flex; justify-content: space-between; flex-wrap: wrap;}
.ftNavi .inner ul li{ font-size: 12px; line-height: 1.0em; margin: 0.25em 0; width: 48.5%;}
.ftNavi .inner ul li a{ color: #333; text-decoration: none; display: block; background: #F0F0F0; padding: 1.0em;}
.ftNavi .inner ul li a:hover{ color: rgba(51,51,51,0.6);}
.device-mobile .copySection{ padding-bottom: 0px;}

/*-------------------------------------------*/
/*	コピーライト
/*-------------------------------------------*/
.copySection{ background: #73A660;}
.copySection p{ font-size: 10px; line-height: 1.0em; text-align: center; color: #FFF; padding: 1.0em 0;}
}


/*職業紹介追加*/
.introduction {	
	gap:1.5rem;
}
.introduction .inner h4 {
	font-size: 1.5em;
    line-height: 1.3em;
    margin-bottom: 0.75em;
    color: #73A660;
}
.introduction-merit .inner {
	width:100%;
}
table.job-flow th,
table.job-flow td {width: 100%; display:block;}
}