@charset "utf-8"; /*
Theme Name: Lightning Pro Child
Theme URI:
Template: lightning-pro
Description:
Author:アートフレア株式会社
Tags:
Version: 0.0.0
*/

@media screen and (min-width: 480px) {
/* common
--------------------------------------------*/
.kiji-midashi { font-size: 1.5em; color: #557C46; line-height: 1.3em; padding: 0.5em 0 0.5em 0.75em; margin-bottom: 1.0em; 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.5em; line-height: 1.3em; color: #557C46; border-bottom: solid 2px rgba(0,0,0,0.05); padding: 0.5em 0; margin: 70px 0 20px; position: relative;}
.kiji-midashi-2:before{ content: ""; width: 1.0em; height: 2px; background: #557C46; position: absolute; bottom: -2px; 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: 2.0em; 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: 7px; background: url("../images/h3_heading.png") no-repeat; background-size: contain; position: absolute; bottom: 0px; left: 50%; transform: translateX(-50%);}

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

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

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

/* article */
.article{ display: flex; justify-content: space-between; flex-wrap: wrap;}
.article .image{ width: 32%;}
.article .image img{ width: 100%; height: auto;}
.article .inner{ width: 64%;}
.article.imgLeft .image{ order: 1;}
.article.imgLeft .inner{ order: 2;}
.article.imgRight .image{ order: 2;}
.article.imgRight .inner{ order: 1;}
.article.alignCenter{ align-items: center;}
.article.alignBottom{ align-items: flex-end;}

/* half */
.half{ display: flex; justify-content: space-between; flex-wrap: wrap;}
.half .image{ width: 48%;}
.half .image img{ width: 100%; height: auto;}
.half .inner{ width: 48%;}
.half.imgLeft .image{ order: 1;}
.half.imgLeft .inner{ order: 2;}
.half.imgRight .image{ order: 2;}
.half.imgRight .inner{ order: 1;}
.half.alignCenter{ align-items: center;}
.half.alignBottom{ align-items: flex-end;}

/* column */
.column02{ display: flex; justify-content: space-between; flex-wrap: wrap;}
.column02 .inner{ width: 48%;}
.column02.w80{ width: 80%; 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.5rem; line-height: 1.3em; border: solid 1px #E4E4E4; border-style: none solid solid none; display: table-cell !important;}
.userTable01 tbody td{ padding: 1.5rem; line-height: 1.3em; border: solid 1px #E4E4E4; border-style: none solid solid none; display: table-cell !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: 40%; position: relative;}
.homePromo:before{ content: ""; width: 100%; height: 100%; background: url("../images/promo_bg.png") no-repeat; background-size: contain; position: absolute; top: 0px; left: 17.5%; z-index: -1;}
.homePromo .inner{ position: absolute; top: 67.5%; left: 4%; transform: translateY(-50%); z-index: 10;}
.homePromo .inner h2{ font-size: 4.5vw; line-height: 1.1em;}
.homePromo .inner h2 strong{ color: #72A55F;}
.homePromo .inner h2 span{ color: #ED7E00;}
.homePromo .inner h3{ font-size: 2.0vw; line-height: 1.3em; margin-top: 0.5em;}

/* news */
.homeNews{ background: #F9F9F9; padding: 2.5em; position: relative;}
.homeNews h3{ font-size: 35px; line-height: 1.3em; font-family: 'Barlow Condensed', sans-serif; position: absolute; top: -0.75em; left: 1.15em;}
.homeNews ul li{ line-height: 1.3em; padding: 1.0em 0; border-bottom: solid 1px #EEE; display: flex; justify-content: flex-start; flex-wrap: wrap;}
.homeNews ul li:last-child{ border-bottom: none;}
.homeNews ul li span{ width: 15%; opacity: 0.5;}
.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: 48%;}
.homeBnr li a{ display: block; width: 100%; padding-bottom: 31%; background: #FFF; color: #333; text-decoration: none; border-radius: 10px; overflow: hidden; box-shadow: 0px 0px 10px rgba(0,0,0,0.1); position: relative;}
.homeBnr li a span{ display: block; font-size: 25px; 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; 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; 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: 23.5%;}
.homeSubBnr li a{ display: block; background: #FFF; box-shadow: 0px 0px 10px rgba(0,0,0,0.1); border-radius: 5px; font-size: 18px; line-height: 1.0em; text-decoration: none; font-weight: 600; color: #333; padding: 1.5em 0 1.5em 3.5em; position: relative;}
.homeSubBnr li a:hover{ background: #E6EFE3; color: #333; box-shadow: none;}
.homeSubBnr li:nth-child(1) a:before{ content: ""; width: 40px; height: 40px; background: url("../images/icon_01.png") no-repeat; background-size: contain; position: absolute; top: 50%; left: 1.0em; transform: translateY(-50%);}
.homeSubBnr li:nth-child(2) a:before{ content: ""; width: 40px; height: 40px; background: url("../images/icon_02.png") no-repeat; background-size: contain; position: absolute; top: 50%; left: 1.0em; transform: translateY(-50%);}
.homeSubBnr li:nth-child(3) a:before{ content: ""; width: 40px; height: 40px; background: url("../images/icon_03.png") no-repeat; background-size: contain; position: absolute; top: 50%; left: 1.0em; transform: translateY(-50%);}
.homeSubBnr li:nth-child(4) a:before{ content: ""; width: 40px; height: 40px; background: url("../images/icon_04.png") no-repeat; background-size: contain; position: absolute; top: 50%; left: 1.0em; transform: translateY(-50%);}

/* 日本の文化に触れる学院生活 */
.schoolLife{ align-items: flex-start;}
.schoolLife .inner.movie{ border: solid 5px #444; border-radius: 10px; padding-bottom: 26.5%; position: relative;}
.schoolLife .inner.movie iframe{ width: 100%; height: 100%; position: absolute; bottom: 0px; left: 0px;}
.schoolLife .inner ul{ display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center;}
.schoolLife .inner ul li{ width: 48%;}

.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;}
.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{ display: flex; justify-content: space-between; flex-wrap: wrap;}
.homeNavi li{ width: 31%; position: relative;}
.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: 55.0%; position: relative; overflow: hidden; font-size: 20px; 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: flex-start; flex-wrap: wrap;}
.bnrList li{ width: 216px; margin: 10px 30px 10px 0;}
.bnrList li:nth-child(5n){ margin-right: 0px;}
.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: 12px; line-height: 1.3em; margin-top: 0.5em;}

/* ご挨拶・理念
-----------------------------------------------------------*/
.greeting{}
.greeting .image{}
.greeting .image img{ margin-bottom: 1.5em; display: block;}
.greeting .image h4{ font-size: 2.0em; 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{ display: flex; justify-content: space-between; flex-wrap: wrap;}
.environment .inner{ width: 31%; border: solid 3px #73A660; border-radius: 5px; overflow: hidden;}
.environment .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;}
.environment .inner p{ padding: 1.5em;}

.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: 80%; 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 .inner{ margin-top: 60px;}
.teacher .inner:nth-child(1),
.teacher .inner:nth-child(2),
.teacher .inner:nth-child(3){ margin-top: 0px;}
.teacher .inner .image{ width: 60%; margin: 0px auto 1.0em;}
.teacher .inner .image img{ width: 100%; height: auto; border-radius: 100%;}
.teacher .inner h4{ font-size: 1.5em; 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.6em 0; text-align: center;}
.teacher .inner ul li:last-child{ border-bottom: none;}
.teacher .inner dl{ margin-top: 1.0em; 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: 1200px; padding-top: 60px; margin: 0px auto 30px;}
.anchor.clm04 li{ width: 23.5%; margin-right: 2%; margin-top: 10px; margin-bottom: 10px; font-size: 14px; line-height: 1.0em;}
.anchor.clm04 li:nth-child(4n){ margin-right: 0px;}


/* 教育方針 */
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: center; flex-wrap: wrap;}
.imgList li{ width: 31%; margin: 2.0em 3.5% 0 0; position: relative;}
.imgList li:nth-child(3n),
.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.25em; line-height: 1.0em; color: #FFF; background: #666; padding: 0.5em; position: absolute; bottom: 1.5em; left: -1.0em; 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: 40%; margin: 30px auto; background: #666; color: #FFF; font-size: 1.25em; 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: 48%; border: solid 3px #73A660; border-radius: 5px; overflow: hidden; margin-top: 50px;}
.useText .inner:nth-child(1),
.useText .inner:nth-child(2){ margin-top: 0px;}
.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.5rem; 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;}
.course tbody td{ width: 15%; text-align: center;}
.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;}
.abroad tbody td{ width: 18.75%; text-align: center;}
.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: 25%;}
.bankList th strong{ display: block; font-size: 12px; line-height: 1.3em; font-weight: normal; opacity: 0.6;}
.bankList td{ width: 75%;}
.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: 22.5%; border: solid 3px #73A660; border-radius: 5px; overflow: hidden;}
.period li p{ 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;}
.period li span{ display: block; font-size: 16px; line-height: 1.0em; text-align: center; font-weight: 600; padding: 1.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;}

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

/* 対象 */
.numList{}
.numList li{ line-height: 1.3em; padding: 1.5em 0; padding-left: 2.0em; 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.5em; 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{ display: flex; justify-content: flex-start; flex-wrap: wrap; align-items: center; padding: 1.5em 0; border-bottom: solid 1px rgba(0,0,0,0.05); position: relative;}
.step li strong{ font-weight: normal; background: #73A660; color: #FFF; font-size: 16px; line-height: 1.0em; font-family: 'Barlow Condensed', sans-serif; padding: 0.3em 0.8em; border-radius: 3px; margin-right: 1.0em;}
.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{ background: #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: 70%; margin-right: auto;}
.faq .inner ul li{ width: 23.5%;}
.faq .inner ul li:nth-child(1),
.faq .inner ul li:nth-child(2){ width: 48.25%; margin-bottom: 1.5em;}
.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: 2.0em; line-height: 1.1em; text-align: center; font-weight: 600; color: #EF4036; margin-bottom: 1.0em;}

.success{}
.success .inner{ margin-top: 30px; border: solid 3px #F0F0F0; border-radius: 5px; padding: 1.5em;}
.success .inner:nth-child(1),
.success .inner:nth-child(2),
.success .inner:nth-child(3){ margin-top: 0px;}
.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: 31%; padding: 1.5em 0 1.5em 2.0em; line-height: 1.3em; font-weight: 600; position: relative; border-bottom: solid 1px rgba(0,0,0,0.05); margin-right: 3.5%;}
.scoreList li:nth-child(3n){ margin-right: 0px;}
.scoreList li:before{ content: "\f5a2"; font-family: "Font Awesome 5 Free"; font-weight: 600; color: #FB727A; position: absolute; top: 1.5em; left: 0px;}

/* 学生の声
-----------------------------------------------------------*/
.voiceWrap{ width: 1200px; margin: 0px auto; padding: 60px 0; display: flex; justify-content: flex-start; flex-wrap: wrap;}
.voiceWrap .clm{ width: 31%; margin: 60px 3.5% 0 0;}
.voiceWrap .clm:nth-child(3n){ margin-right: 0px;}
.voiceWrap .clm:nth-child(1),
.voiceWrap .clm:nth-child(2),
.voiceWrap .clm:nth-child(3){ margin-top: 0px;}

.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: 1200px; 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: 1200px; 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.5em; 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: 2.0em; 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: 7px; background: url("../images/h3_heading.png") no-repeat; background-size: contain; position: absolute; bottom: 0px; left: 50%; transform: translateX(-50%);}

.youtube{ width: 70%; 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.5em 0; padding-left: 2.0em; border-bottom: solid 1px #F0F0F0; width: 48%; position: relative;}
.bookList li:before{ content: "\f02d"; font-family: "Font Awesome 5 Free"; font-weight: 600; color: #FB727A; position: absolute; top: 1.5em; left: 0px;}

.backBtn{ width: 23.5%; margin: 60px 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: 1200px; margin: 0px auto; padding: 60px 0; display: flex; justify-content: flex-start; flex-wrap: wrap;}
.eventWrap .clm{ width: 31%; margin: 60px 3.5% 0 0;}
.eventWrap .clm:nth-child(3n){ margin-right: 0px;}
.eventWrap .clm:nth-child(1),
.eventWrap .clm:nth-child(2),
.eventWrap .clm:nth-child(3){ margin-top: 0px;}

.eventList{}
.eventList h3{ font-size: 1.5em; line-height: 1.3em; color: #557C46; border-bottom: solid 2px rgba(0,0,0,0.05); padding: 0.5em 0; margin: 0 0 20px; position: relative;}
.eventList h3:before{ content: ""; width: 1.0em; height: 2px; background: #557C46; position: absolute; bottom: -2px; 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: 60px auto;}
.gallery{ display: flex; justify-content: flex-start; flex-wrap: wrap;}
.gallery li{ width: 23.5%; margin: 30px 2% 0 0;}
.gallery li:nth-child(4n){ margin-right: 0px;}
.gallery li:nth-child(1),
.gallery li:nth-child(2),
.gallery li:nth-child(3),
.gallery li:nth-child(4){ margin-top: 0px;}
.gallery li img{ width: 100%; height: auto; box-shadow: 0px 0px 10px rgba(0,0,0,0.1);}

/* お知らせ
-----------------------------------------------------------*/
body.category-news .siteContent,
body.category-notice .siteContent,
body.category-evaluation .siteContent,
body.single-post .siteContent{ width: 1200px; padding-top: 30px; margin: 0 auto 120px;}
body.single-post .entry-body p{ margin-bottom: 1.0em;}
body.category-news .siteContent .mainSection-col-two,
body.category-notice .siteContent .mainSection-col-two,
body.category-evaluation .siteContent .mainSection-col-two,
body.single-post .siteContent .mainSection-col-two{ width: 68%; margin: 0px; float: left;}

.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: 30px; line-height: 1.3em; color: #557C46; padding-bottom: 0.5em;}
a.pdfBtn{ display: block; width: 40%; 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;}
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 a{ color: #333; text-decoration: none;}
.pager li a:hover{ color: rgba(51,51,51,0.6);}

/* アクセス
-----------------------------------------------------------*/
.ctLead{ width: 1200px; padding-top: 60px; margin: 0px auto 60px;}
.ctLead h2{ font-size: 35px; 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: 40%; border: solid 3px rgba(0,0,0,0.05); font-size: 20px; line-height: 1.0em; font-weight: 600; padding: 1.5em 0; text-align: center; border-radius: 100px;}
.ctLead ul li:last-child{ margin-left: 4%;}
.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 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 .inner{ margin-top: 3.5rem;}
.facilities .inner:nth-child(1),
.facilities .inner:nth-child(2),
.facilities .inner:nth-child(3){ margin-top: 0px;}
.facilities .inner .imgFit img{ box-shadow: 0px 0px 10px rgba(0,0,0,0.1);}
.facilities .inner h4{ font-size: 1.25em; line-height: 1.3em; text-align: center; color: #444; padding: 1.0em 0 0.5em;}
.facilities .inner .button{ width: 50%; margin: 0 auto;}
.facilities .inner .button a{ display: block; background: #EF7E00; font-size: 14px; 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: 45px; 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: 2.0em; margin-top: 60px;}
.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; line-height: 1.3em; width: 30%;}
.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: 1.0em 0; line-height: 1.3em; width: 70%;}
.mw_wp_form table.tbr tr td span{ display: block; font-size: 14px; line-height: 1.5em; margin-top: 0.3em;}

.policy{ background: #F6F6F6; padding: 1.5em; margin-top: 60px;}
.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: 1200px; margin: 0px auto 60px;}

/* 各種ダウンロード
-----------------------------------------------------------*/
.download{ border-top: solid 1px #E4E4E4; display: flex; justify-content: space-between; flex-wrap: wrap;}
.download dt{ width: 20%; font-size: 20px; line-height: 1.3em; text-align: center; background: #F9FBF8; color: #73A660; padding: 2.0em 0; border-bottom: solid 1px #E4E4E4;}
.download dd{ width: 80%; padding: 2.0em; border-bottom: solid 1px #E4E4E4;}
.download dd ul{ display: flex; justify-content: flex-start; flex-wrap: wrap;}
.download dd ul li{ width: 31%; margin-right: 3.5%;}
.download dd ul li:nth-child(3n){ margin-right: 0px;}
.download dd ul li a{ display: inline-block; color: #333; text-decoration: none; padding: 1.0em 0 1.0em 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: 1.0em; 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: 1.0em; 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: 1.0em; left: 0px;}

/* 教員募集
-----------------------------------------------------------*/
.anchor{ display: flex; justify-content: center; flex-wrap: wrap; width: 1200px; padding-top: 60px; margin: 0px auto 30px;}
.anchor li{ width: 31%; margin-right: 3.5%;}
.anchor li:last-child{ margin-right: 0px;}
.anchor li a{ display: block; color: #333; 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.5em 0; text-decoration: none; position: relative;}
.anchor li a:after{ content: "\f078"; font-family: "Font Awesome 5 Free"; font-weight: 600; font-size: 12px; position: absolute; top: 50%; right: 2.5em; transform: translateY(-50%);}
.anchor li a:hover{ background: #73A660; color: #FFF; box-shadow: none;}

.userTable01.recruit tbody th{ background: #F9FBF8; text-align: center; color: #73A660; width: 20%;}

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

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

#header { margin: auto; padding: 56px 0 20px; position: relative; display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center;}
#header #headerInner {}
.headTop{ border-bottom: solid 1px #EEE; background: #F9F9F9; width: 100%; position: absolute; top: 0px; left: 0px; display: flex; justify-content: flex-end;}
.lang{ display: flex; justify-content: flex-start; flex-wrap: wrap;}
.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; margin-left: 2.5em; width: 20%;}
.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: 250px; margin-left: 20px;}
h2.siteLogo img{ width: 100%; height: auto;}
h2.siteLogo a{ display: block;}

/*-------------------------------------------*/
/*	グローバルメニュー
/*-------------------------------------------*/
#gMenu{ width: 60%;}
#gMenu ul{ display: flex; justify-content: space-between; flex-wrap: wrap;}
#gMenu li{ font-size: 15px; line-height: 1.0em; font-weight: 600; width: 14.2857%; position: relative;}
#gMenu li:before{ content: ""; width: 0px; height: 1px; background: #73A660; position: absolute; bottom: 0px; left: 50%; transform: translateX(-50%); transition: all 0.3s ease 0s;}
#gMenu li:hover:before{ width: 70%;}
#gMenu a{ display: block; text-decoration: none; color: #333; position: relative; padding: 1.5em 0; text-align: center;}
#gMenu a:hover{ color: #73A660;}
#gMenuInner { margin: auto;}
#gMenu .menu li { position: relative; transition: all 0.3s ease 0s;}
#gMenu .menu li ul{ display: none; position: absolute; top: 120%; left: -20%; width: 140%; opacity: 0.0; transition: all 0.3s ease 0s; box-shadow: 0px 0px 10px rgba(0,0,0,0.1);}
#gMenu .menu li:hover ul { display: block; z-index: 100; position: absolute; top: 100%; left: -20%; width: 140%; opacity: 1.0; background: #fff;}
#gMenu .menu li:hover li { border-bottom: 1px solid #EEE; position: relative; width: 100%; font-weight: normal;}
#gMenu .menu li:hover li:last-child{ border-bottom: none;}
#gMenu .menu li:hover li:before{ content: none;}
#gMenu .menu li:hover li a{ padding: 1.0em 0;}
#gMenu .menu li:hover li a:hover{ color: #73A660; background: rgba(115, 166, 96, 0.1);}

#gMenu li ul li { border-right: none !important;}
.section.page-header { clear: both;}

#menu-item-693,
#menu-item-694,
#menu-item-695{ display: none;}

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

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

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-evaluation .page-header:before,
body.category-notice .page-header:before,
body.category-news .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: 1200px; 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: 1000px; margin: 0px auto; display: flex; justify-content: space-between; flex-wrap: wrap;}
.btmWrap .btmNavi .inner{ width: 31%;}
.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: 1200px; margin: 0px auto; padding: 40px 0; display: flex; justify-content: space-between; flex-wrap: wrap;}
.ftNavi .inner{ width: 15%;}
.ftNavi .inner h3{ font-size: 16px; line-height: 1.0em; color: #37512C; border-bottom: solid 1px #EEE; padding-bottom: 0.75em; margin-bottom: 0.75em;}
.ftNavi .inner ul{}
.ftNavi .inner ul li{ font-size: 12px; line-height: 1.0em; margin-bottom: 10px;}
.ftNavi .inner ul li:last-child{ margin-bottom: 0px;}
.ftNavi .inner ul li a{ color: #333; text-decoration: none; display: inline-block;}
.ftNavi .inner ul li a:hover{ color: rgba(51,51,51,0.6);}

/*-------------------------------------------*/
/*	コピーライト
/*-------------------------------------------*/
.copySection{ background: #73A660;}
.copySection p{ font-size: 12px; line-height: 1.0em; text-align: center; color: #FFF; padding: 1.0em 0;}
}
/*20210204 サポートで調整*/
body, html {
    overflow-x: initial !important;
}

/*20210719 サポートで調整　カスタム投稿の記事ページのサイドバーエリア非表示*/
.single-voice .col.subSection.sideSection.sideSection-col-two.baseSection,
.single-event .col.subSection.sideSection.sideSection-col-two.baseSection
 {
    display: none;
}
/*20211008 進学・進路実績　崩れ防止*/
.success .inner:nth-child(1), .success .inner:nth-child(2), .success .inner:nth-child(3) {
    margin-top: 30px;
}


/****20231006 有料職業紹介****/
.introduction .image {width:25%}
.introduction .inner {width:70%;}
.introduction .inner h4{ font-size: 2.0em; line-height: 1.3em; margin-bottom: 1em; color: #557C46;}
.introduction .inner p {margin-bottom:1em;}

ul.icon-check li {
	padding:1em 0 1em 2em;
	position:relative;
}
ul.icon-check li:before {
	/*content: "\f14a";
  font-family: "Font Awesome 6 Free";
    font-weight: 900;
	color:#73A660;*/
	content:url(https://hellojtc.jp/wp-content/uploads/icon-check-green.png);
	position:absolute;
	left:0;
	top:1em;
}
ul.icon-check li:not(:last-child) {
	border-bottom: solid 1px rgba(0,0,0,0.05);
}

.introduction-merit .inner {width:calc(100% / 2 -1%); border: solid 3px #E8B400; border-radius: 5px; overflow: hidden;}
.introduction-merit .inner h4{ background: #E8B400; 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;}
.introduction-merit .inner ul { padding: 1.5em;}

.introduction-merit .inner ul.icon-check li:before {
	content:url(https://hellojtc.jp/wp-content/uploads/icon-check-orange.png);
}
.introduction-merit .inner.demerit {border: solid 3px #17BEBB;}
.introduction-merit .inner.demerit h4{ background: #17BEBB;}
.introduction-merit .inner.demerit ul.icon-check li:before {
	content:url(https://hellojtc.jp/wp-content/uploads/icon-check-blue.png);
}

table.job-flow{ width: 100%; margin: 15px 0; border: solid 2px #E4E4E4; border-style: solid none none solid;}
table.job-flow th{ width: 20%; 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.job-flow td{ width: 80%; text-align: left; vertical-align: middle; line-height: 1.3em; padding: 1.0em; border: solid 2px #E4E4E4; border-style: none solid solid none;}