@charset "utf-8"; /* CSS Document */
/*----------------------------------------------------------------------------
***                                                                Container
----------------------------------------------------------------------------*/
body {
    overflow-x: hidden;
}

.boxSize {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.boxSize * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

h3 {
    background: 0 0;
    height: auto;
}

h4 {
    display: block;
    padding-left: 0;
    margin-bottom: 0;
    font-size: 100%;
}

table {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid #ccc;
    margin-top: 10px;
    margin-bottom: 10px;
}

td,th {
    border: 1px solid #ccc;
    padding: 3px;
}

th {
    background-color: #fbf1ec;
    font-weight: 700;
}

#breadcrumbArea .time_tag {
    display: block;
    font-size: 10px;
    color: #333;
    float: right;
}

#addAdr a:link {
    color: #e4007e;
}

#addAdr a:visited {
    color: #e4007e;
}

.hoverEase {
    transition: all .2s ease-in-out;
}

.hoverEase:hover {
    opacity: 0.6;
}

#hNavi {
    position: absolute;
    top: -22px;
}

#wrap{min-width: 1200px; width: 100%; margin: 0 auto;}
.sideBtn,
.sideBtn2{display: none;}

/*----------------------------------------------------------------------------
***                                                              contentsArea
----------------------------------------------------------------------------*/
#schoolInfoBox {
    position: relative;
    padding: 0 0 0px;
}
#schoolInfoBox .ttlBox{margin-bottom: 0em;}
#schoolInfoBox .ttl-h3{font-weight:bold;}

#schoolInfoBox:before {
    content: "";
    display: block;
    width: 100vw;
    height: 100px;
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: -1;
    background: #fff;
    background: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#f2f2f2));
    background: linear-gradient(to bottom,#fff 0,#f2f2f2 100%);
}

#nvIventSec {
    margin: 0px 0 0em 0;
}

#nvIventSec>.sectionInner {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-bottom: 9em;
}

#nvIventSec h3 {
    background-color: #00a2af;
    color: #fff;
    font-size: 16px;
    height: 24px;
    line-height: 26px;
    margin-bottom: 8.5px;
}

#nvIventSec p:not(.txtA) {
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 0;
    border-top: #00a2af 1px dotted;
    padding-top: 10px;
}

#nvIventSec iframe {
    width: 364px;
    height: 225px;
    display: block;
    border: #ccc solid 1px;
}

#nvIventSec #cb1 {
    width: 370px;
    position: relative;
}

#nvIventSec #cb2 {
    width: 178px;
}

#nvIventSec #cb2 h4 {
    margin-bottom: 14px;
}

#nvIventSec #cb2 table {
    margin-bottom: 0;
}

#nvIventSec #cb3 {
    width: 366px;
    position: relative;
    font-size: 14px;
    font-weight: 700;
    display: block;
    line-height: 30px;
    text-align: center;
}

#nvIventSec #cb3 h4 {
    margin-bottom: 14px;
}

#nvIventSec #cb3 p {
    font-size: 18px;
    font-weight: 700;
    padding-top: 9px;
    padding-left: 20px;
}

#nvIventSec dl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

#nvIventSec dl,#nvIventSec dt {
    padding-left: .5px;
}

#nvIventSec dt.address {order: 3;}

#nvIventSec dt.tel {
    width: 29%;
    border: none;
    font-size: 16px;
    order: 1;
    padding: 3px 0 6px;
}

#nvIventSec dt.access {
    margin-top: .5em;
    order: 5;
}

#nvIventSec dt {
    color: #00a2af;
    font-size: 16px;
    line-height: 1.8em;
    width: 100%;
    border-top: 1px solid #ccc;
}

#nvIventSec dd {
    color: #000;
    font-size: 14px;
    padding-top: 1px;
    padding-bottom: 5px;
    line-height: 1.5em;
    width: 100%;
    order: 6;
}

#nvIventSec dd.address {order: 4;}

#nvIventSec dd.tel {
    width: 70%;
}

#nvIventSec dt.ico {
	position: absolute;
	left: 0;
	top: 100%;
}

#nvIventSec dd.ico {
    margin-top: 10px;
    margin-bottom: -5px;
    position: absolute;
    left: 0;
    top: calc(100% + 1.5em);
    width: 960px;
}

#nvIventSec .ico img {
    position: static;
    top: 0;
    left: 0;
    margin-right: 8px;
    margin-bottom: 5px;
    float:left;
}

#nvIventSec #fs30 {
    color: #666;
    font-size: 28px;
    font-weight: 700;
    line-height: 1.2em;
    order: 2;
    padding: 0 0 6px;
}

#nvIventSec table td,#nvIventSec table th {
    font-weight: 400;
    padding: 0;
    font-size: 14px;
    line-height: 27px;
    text-align: center;
}

#nvIventSec table th {
    background: #f7f9f8;
}

#nvIventSec img {
    position: absolute;
    top: 0;
    left: 0;
}

.mtmBox {
    border: 5px solid #2da2ae;
    padding: 4px 0 15px 0;
    margin-bottom: 15px;
}

.mgb30 {
    margin-bottom: 30px;
}

#nvIventSec .mtmBox p,.mtmBox p {
    text-align: center;
    border: none;
    padding-top: 5px;
    font-size: 16px;
}

.mtmBox .mtm_comment {
    width: 646px;
    color: #fff;
    background-color: #000;
    border-radius: 10px;
    margin: 0 auto;
    line-height: 1.2em;
}

#nvIventSec .mtmBox img {
    position: static;
}



#nvIventSec .arrow{
	position: relative;
	vertical-align: middle;
	text-decoration: none;
}
#nvIventSec .arrow::before,
#nvIventSec .arrow::after{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	content: "";
	vertical-align: middle;
}
#nvIventSec .txtLink1{/* float:left; */display: flex;flex-direction:column;margin: 0.2em 0 0 0.5em;}
#nvIventSec .txtA{display: inline-block;padding: 3px 0 0 1.2em;line-height: 1.5em;color: #252525;}
#nvIventSec .txtA::before{
	left: 4px;
	box-sizing: border-box;
	width: 4px;
	height: 4px;
	border: 6px solid transparent;
	border-left: 8px solid #00A2AF;
    margin-bottom: 6px;
}
#nvIventSec .txtA span{font-weight: bold;}


#addAdr {
    background: ivory;
    padding: 8px;
    font-size: 12px;
    line-height: 1.4em;
    margin: 5px 0 0 0;
    color: #e4007e;
    font-weight: bold;
}

#subdouSec {
    width: 100%;
    margin-bottom: 61px;
    position: relative;
}

#subdouSec .sectionInner {
    padding-top: 1px;
    border: 3px solid #cbcbcb;
    border-radius: 10px;
}

#subdouSec .campaignImgBox p {
    padding: 15px 0 0 0;
    position: static;
}

.campaignImgBox p {
    margin-left: 675px;
    margin-top: -15px;
}

#subdouSec .campaignImgBox p img {
    width: 100%;
    height: auto;
}

#subdouSec .linkBox {
    width: calc(50% - 5px);
    display: block;
}

#subdouSec ul {
    border: 5px solid #00a2af;
    padding: 15px;
    border-radius: 15px;
    margin: 25px auto;
}

#subdouSec .linkBox.floatR {
    padding-left: 2px;
}

#subdouSec .linkBox.floatL {
    padding-right: 2px;
}

#subdouSec p {
    position: absolute;
    left: 832px;
    bottom: -50px;
}

#subdouSec02 {
    margin-bottom: 30px;
    padding-top: 15px;
    width: 970px;
}

#subdouSec02 .sectionInner {
    padding: 0;
    border: 3px solid #00a2af;
    border-radius: 10px;
}

#subdouSec02 .linkBox {
    width: calc(50% - 5px);
    display: block;
}

#subdouSec02 .linkBox.floatR {
    padding-left: 2px;
}

#subdouSec02 .linkBox.floatL {
    padding-right: 2px;
}

#subdouSecB {
    background: #e4007f;
    width: 685px;
    height: 120px;
    margin-bottom: 40px;
}

#subdouSecB .sectionInner {
    padding-top: 3px;
}

#subdouSecB li {
    padding-top: 10px;
    text-align: center;
}

#subdouSecB p {
    padding-top: 10px;
    text-align: center;
}

#courseSec h3 {
    font-size: 25px;
    color: #fff;
    background-color: #00a2af;
    height: 30px;
    padding-top: 0;
    padding-left: 15px;
    line-height: 1.4em;
}

#courseSec li {
    margin-top: 6px;
    float: left;
}

#toeicC {
    display: none;
}

#toeicOF {
    display: none;
}

/*近くの校舎*/
#nvIventSec #nearbySchoolBox{width: 100%;margin: 7em 0 -8em;padding:0.5em;background: #f5f5f5;display:flex;justify-content: space-between;align-items: center;font-size: 1.2em;}
#nvIventSec #nearbySchoolBox .ttl{padding: 0;margin: 0;line-height: 1;color: #398c93;font-size: 90%;border-top:none;width: 6em;text-align: center;}
#nvIventSec #nearbySchoolBox .nearbyschoolUl{width: calc(100% - 6.8em);padding: 0 0.5em;background: #fff;display: flex;justify-content: flex-start;align-items: center;flex-wrap: wrap;font-weight: normal;}
#nvIventSec #nearbySchoolBox .nearbyschoolUl li a{display:inline-block;margin-right:0.2em;font-size: 90%;}
#nvIventSec #nearbySchoolBox .nearbyschoolUl li:after{content:"、";}
#nvIventSec #nearbySchoolBox .nearbyschoolUl li:last-child:after{display:none;}

/*2023年10月13日①ここから*/
/*---- スクールコメント ----*/
#school_comment {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: 13px;
    padding: 0em 0 0 calc(1em + 10px);
    position: relative;
}

#school_comment .ttlTxt-h4 {
    font-size: 18px;
    color: #ed1e79;
    margin-bottom: 5px;
    display: inline-flex;
    align-items: center;
}

#school_comment .ttlTxt-h4:before {
    content: "Message";
    display: inline-block;
    font-size: 13px;
    background: #ed1e79;
    color: #fff;
    display: inline-block;
    padding: .3em .5em .25em;
    margin-right: 1em;
    line-height: 1;
    width: 5em;
    text-align: center;
}

#school_comment .leftBox {
    width: 82%;
}

#school_comment .rightBox {
    /* padding-top: 28px; */
    width: 18%;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}
/*2023年10月13日①ここまで*/
#school_comment .rightBox p {
    text-align: right;
    width: 100%;
    overflow: hidden;
    padding: 0;
}

#school_comment .rightBox img {
    width: auto;
    height: 230px;
    object-fit: cover;
    margin: 0 0 0 -30px;
}

/*2023年6月21日追加・修整ここから*/
/*---- スクールコメント追加用 ----*/
.school_comment_add {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: 13px;
    padding: 1.5em 0 0 calc(1em + 10px);
}

.school_comment_add h4 {
    font-size: 18px;
    color: #ed1e79;
    margin-bottom: 15px;
    display: inline-flex;
    align-items: center;
}

.school_comment_add h4:before {
    content: "Message";
    display: inline-block;
    font-size: 13px;
    background: #ed1e79;
    color: #fff;
    display: inline-block;
    padding: .3em .5em .25em;
    margin-right: 1em;
    line-height: 1;
    width: 5em;
    text-align: center;
}
#school_comment_english_Lab h4:before {/* English Lab用 */
    content: "Point";
    display: inline-block;
    font-size: 13px;
    background: #ed1e79;
    color: #fff;
    display: inline-block;
    padding: .3em .5em .25em;
    margin-right: 1em;
    line-height: 1;
    width: 5em;
    text-align: center;
}

.school_comment_add .leftBox {
    width: 82%;
}

.school_comment_add .rightBox {
    padding-top: 28px;
    width: 18%;
}

.school_comment_add .rightBox p {
    text-align: right;
    width: 100%;
    overflow: hidden;
    padding: 0;
}

.school_comment_add .rightBox img {
    width: auto;
    height: 230px;
    object-fit: cover;
    margin: 0 0 0 -30px;
}
/*2023年6月21日追加・修整ここまで*/

/*2023年10月13日②ここから*/
#school_subComment{padding: 0 2em 0;}
#school_subComment .txt{border-top: 1px solid #ccc;padding: 2em 0em 0;font-size: 100%;}
/*2023年10月13日②ここまで*/

/*スクールの様子（動画）*/
#school_movie {padding: 0em 0 0 calc(1em + 10px); margin-top: 2em;}
#school_movie .ttlTxt-h4 {font-size: 18px; color: #ed1e79; margin-bottom: 5px; display: inline-flex; align-items: center;}
#school_movie .ttlTxt-h4:before {content: "Movie"; display: inline-block; font-size: 13px; background: #ed1e79; color: #fff; display: inline-block; padding: .3em .5em .25em; margin-right: 1em; line-height: 1; width: 5em; text-align: center;}

#navBox {margin-bottom: 3em;}
#navBox .sectionInner{margin: 0 auto; padding: 20px 0;}

#navBox .navList {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
#navBox .navList li{width: calc(100% / 6);}
#navBox .navList li:not(:last-child) {
    border-right: 1px solid #cccccc;
}

#navBox .navList a {
    transition: .2s all ease-in-out;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #fff;
    padding: 5px .5em;
    width: 100%;
    height: 100%;
    min-height: 75px;
    font-size: 13px;
    font-weight: 700;
    color: #666;
    text-decoration: none;
}

#navBox .navList a span {
    text-align: center;
}

#navBox .navList a .txt {
    line-height: 1;
    padding: 1em 0;
    font-size: 125%;
}

#navBox .navList a .txt span {
    display: inline-block;
    line-height: 1;
}

#navBox .navList a img {
    transition: all .2s ease-in-out;
}

#navBox .navList a:after {
    content: "";
    transition: .2s all ease-in-out;
    display: inline-block;
    width: 1em;
    height: 1em;
    background: transparent;
    border-bottom: 1px solid #4d4d4d;
    border-right: 1px solid #4d4d4d;
    transform: rotate(45deg);
    color: #fff;
    padding: 0 0 0 0;
    line-height: 1;
    text-align: center;
    font-size: 10px;
    /* border-radius:5px; */
}

#navBox .navList .nav_disable {
    position: relative;
    opacity: .5;
}

#navBox .navList .nav_disable:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    background: rgba(90,90,90,.2);
}

#navBox .navList a:hover {
    background: #00a2af;
    color: #fff;
}

#navBox .navList a:hover img {
    filter: brightness(0) invert(1);
}

#navBox .navList a:hover:after {
    border-bottom: 1px solid #ffffff;
    border-right: 1px solid #ffffff;
}

#navBox .navList a.hoverEase {
    transition: all .2s ease-in-out;
}

#navBox .navList a.hoverEase:hover {
    opacity: 1;
}

/*----------------------------------------------------------------------------
***                                                              mainsection
----------------------------------------------------------------------------*/
:root {
    --photo-box-height: 155px;
}
.mainSection{width: 1200px;position:relative; margin: 0 auto; float: none;}
.mainSection > .mainSectionInner{margin: 0 auto; padding: 0px 0 0px;}
.mainSection .secBox{max-width: 1200px;margin: 0 auto 20px;background:#fff;border-radius: 10px;overflow: hidden;box-shadow: 0px 0px 2px 2px rgba(0,0,0,0.1);}
.mainSection .secBox > .sectionInner{max-width: 1000px;margin: 20px auto 20px;padding: 20px 20px 20px;box-shadow: none;}
.mainSection .secBox .secBox{box-shadow:none;border-radius: 0;}
.mainSection .secBox .secBox .sectionInner{border-radius: 0;}

.mainSection .secBox .ttl-h3 {
    color: #00b2bc;
    font-size: 30px;
}

.mainSection .secBox .ttl-h4 {
    font-size: 16px;
}

.mainSection .secBox .sub_ttl { font-size: 16px; padding: 0.5em 0 0; line-height: 1.4;}

.mainSection .secBox .formListBox {
    margin: 0;
}

.mainSection .inSecBox {
    padding: 2em 0 2em;
}

.mainSection .ttlBox {
    margin-bottom: 2em;
}


/*----------------------------------------------------------------------------
***                                                         middleFormLinkBox
----------------------------------------------------------------------------*/
.mainSection .secBox.middleFormLinkBox{background: #f5f9fa;margin: 0;}
.middleFormLinkBox .middleFormLinkBoxInner{padding: 3em 0;}
.middleFormLinkBox .ttlBox{margin-bottom: 0;text-align: center;}
.middleFormLinkBox .ttl{font-size: 200%;font-weight: bold;text-align: center;position: relative;display: inline-block;padding: 0 1.5em;}
.middleFormLinkBox .ttl .taiken{font-size: 120%; color: #1ba0ae;}
.middleFormLinkBox .ttl:before{content: "";display: block;width: 0;height: 1.5em;border-left: 1px solid #333;transform: rotate(-45deg);position: absolute;left: 0.5em;bottom: 0;}
.middleFormLinkBox .ttl:after{content: "";display: block;width: 0;height: 1.5em;border-left: 1px solid #333;transform: rotate(45deg);position: absolute;right: 0.5em;bottom: 0;}
.middleFormLinkBox .fmBtn{width: 460px;margin: 0.2em auto 1em;padding: 0;}
.middleFormLinkBox .fmBtn img{width: 100%; height: auto;}
.middleFormLinkBox .bottomBox {width: 460px;margin: 0 auto;}
.middleFormLinkBox .ssBtn{margin: 0 auto;}
.middleFormLinkBox .telBox{font-size: 112%;width: 100%;}
.middleFormLinkBox .telTxt{width: 100%; text-align: center;}
.middleFormLinkBox .telTxt{width: 100%;text-align: center;margin: 0 0 0.1em 0;padding: 0;line-height: 1;}
.middleFormLinkBox .telTxt a{margin: 0 auto;color: #333;font-weight: 500;}
.middleFormLinkBox .telTxt a .telNumber{font-weight: 700;font-size: 140%;}
.middleFormLinkBox .subTelTxt {font-size: 80%;padding: 0;line-height: 1.8;}

.formListBox {
    margin-bottom: 40px;
}

.formListBox .formList {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

/*---- ハイジェニック ----*/
#hygienic {
    margin-top: 0;
}

#hygienicInner {
    width: 780px;
    border: 3px solid #00b2bc;
    border-radius: 5px;
    color: #000;
    margin: 0.5em auto 3em;
    box-sizing: border-box;
}

#hygienic h4 {
    color: #444;
    font-size: 22px;
    text-align: center;
    padding: 0;
    line-height: 1.5em;
}

#hygienic .midashi {
    font-size: 16px;
    color: #00b2bc;
    font-weight: bold;
    text-align: center;
    margin: 0 auto;
}

#hygienic_headline {
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: #00b2bc;
    margin-bottom: 12px;
}

#hygienic_headline .pink {
    color: #ed1e79;
}

#hygienic_headline .pinksmall {
    color: #ed1e79;
    font-size: 14px;
}

#hygienic_headline .blue {
    color: #00b2bc;
    font-size: 30px;
    position: relative;
    display: inline-block;
}

#hygienic_headline .blue:before {
    content: 'ハイジェニック';
    color: #00b2bc;
    font-size: 12px;
    width: 9em;
    text-align: center;
    position: absolute;
    bottom: -1.7em;
    right: 45px;
}

#hygienic_headline .black {
    font-size: 25px;
}

#hygienic_headline .hymidashi {
    color: #fff;
    font-size: 20px;
    ;}

#hygienic_headline .hymidashi .big {
    font-size: 24px;
}

#hygienic_headline .hy {
    position: relative;
    display: inline-block;
}

#hygienic_headline .en {
    padding-top: 0.5em;
    display: inline-block;
}

#hygienic_headline .jp {
    position: absolute;
    /*padding-top: 0.5em;*/
    display: inline-block;
    right: 0;
    top: -0.5em;
    font-size: 50%;
}

#hygienic_conditions {
    width: 745px;
    margin: 0 auto;
    font-size: 16px;
    overflow: hidden;
    list-style: none;
    padding: 0;
}

#hygienic_conditions li:first-child {
    width: 330px;
    /*height: 180px;*/
    list-style: none;
    float: left;
    clear: both;
}

#hygienic_conditions li {
    width: 377px;
    float: right;
}

#hygienic_conditions li:first-child .number {
    width: 30px;
    height: 29px;
    line-height: 32px;
    background-color: #f8b8c7;
    color: #000;
    float: left;
    text-align: center;
    margin: 0 5px 5px 0;
    padding: 0;
}

#hygienic_conditions li:first-child .condition {
    width: 290px;
    height: 27px;
    line-height: 30px;
    float: left;
    background-color: #00b2bc;
    color: #fff;
    padding: 2px 0 0 10px;
    margin: 0 0 5px 0;
    font-size: 15px;
    font-weight: bold;
}

#hygienic_conditions li:first-child .text {
    font-size: 14px;
    color: #000;
    margin: 0;
    line-height: 1.5;
    padding: 0;
}

#hygienic_conditions li .number {
    width: 30px;
    height: 29px;
    line-height: 32px;
    background-color: #f8b8c7;
    color: #000;
    float: left;
    text-align: center;
    margin: 0 5px 5px 0;
    padding: 0;
}

#hygienic_conditions li:first-child img {
    width: 100%;
    height: auto;
}

#hygienic_conditions li .condition {
    width: 340px;
    height: 27px;
    line-height: 30px;
    float: left;
    background-color: #00b2bc;
    color: #fff;
    padding: 2px 0 0 10px;
    margin: 0 0 10px 0;
    font-weight: bold;
    font-size: 15px;
}

#hygienic_conditions li .condition .spNpne {
    width: 100%;
    height: auto;
}

#hygienic_conditions li .condition .spNpne img {
    width: 90%;
    height: auto;
}

#hygienic_conditions02{
    margin: 1em auto 1.4em;
    max-width: 750px;
}

#hygienic_conditions02 li{
    width:25%;
    border-right: 1px dotted #4d4d4d;
    text-align: center;
    padding-left: 2%;
}

#hygienic_conditions02 li:last-child{
    border-right: none;
}

#hygienic_button {
    width: 250px;
    height: 30px;
    margin: 5px auto 3px auto;
    padding: 0;
    transition: ease .2s all;
}

#hygienic_button:hover {
    opacity: .5;
}

/*---- オンライン ----*/
#online {
    width: 780px;
    margin: 0 auto 1.5em;
    box-sizing: border-box;
}

#online h4 {
    color: #000;
    font-size: 22px;
    text-align: center;
    padding: 0;
    margin-bottom: 0.5em;
}

#online .midashi {
    font-size: 16px;
    color: #00b2bc;
    font-weight: bold;
    text-align: center;
    margin: 0 auto;
}

#online .onlineSec {
    width: 100%;
    margin-bottom: 2px;
    margin-top: -15px;
}

#online ul {
    width: 100%;
    margin-left: 2.5px;
    margin-bottom: 3em;
    justify-content: center;
}

#online li {
    width: 287px;
    height: auto;
    background: #fff;
    line-height: 0;
}

#online li .listInner {
    width: 100%;
    height: auto;
}

#online li:first-child .listInner {
    background: url(/schools/kousha/base_v17a/renewal2019/images/img_online_contents_back01_2009.jpg) no-repeat center top/cover;
    border: solid;
    border-right: none;
}

#online li:nth-child(2) .listInner {
    background: url(/schools/kousha/base_v17a/renewal2019/images/img_online_contents_back03_2009b.jpg)no-repeat top/cover;
    border: solid;
    /* border-right: none; */
}

/* #online li:nth-child(3) .listInner {
    background: url(/schools/kousha/base_v17a/renewal2019/images/img_online_contents_back02_2009.jpg) no-repeat top/cover;
    border: solid;
    padding-bottom: 39px;
} */

#online li .ttl {
    color: #fff;
    font-size: 150%;
    font-weight: bold;
    text-align: center;
    padding: 11px 0 8px 0;
}

#online li:first-child .ttl {
    background: #ff7bac;
}

#online li:nth-child(2) .ttl {
    background: #67c1b0;
}

#online li:nth-child(3) .ttl {
    background: #107299;
}

#online li h5 {
    margin: 0 auto;
    padding: 7px 0;
}

#online li .txt {
    margin: 0 auto;
    width: 85%;
    max-width: 252px;
    font-size: 110%;
    line-height: 1.5em;
    padding-bottom: 6px;
}

#online li .btn {
    margin: 0 auto;
    padding-bottom: 13px;
}

#online li .img {
    margin: 0 auto;
    padding-top: 32px;
}

#online li a {
    display: inline-block;
    width: 100%;
    height: auto;
}

#online li a:hover {
    opacity: 0.6;
    text-decoration: none;
}

/*---- 校舎について ----*/
#about_school {background: rgba(251,176,59,.1);/* margin-bottom: 40px;*/ border-radius: 0; padding-top: 0;}

#about_school > .sectionInner {padding: 4em 0em 3em;}

#about_school .ttlTxt {
    text-align: center;
    font-size: 20px;
    color: #333;
    margin-bottom: 0;
}

#about_school .ttlTxt > span {
    display: inline-block;
}

#about_school .school_address {
    font-size: 14px;
    padding: 0;
}

#about_school .juniorOnly, #about_school .otonaOnly {
    display: none;
}

/*---- 校舎写真スライド ----*/
#school_photo_slide {
    margin: 7em 0 -9em;
    padding: 2em 1em;
    /* margin-bottom: 0.9em; *//*2023年10月13日*/
    width: 100%;
}

#school_photo_slide .slick-slide {
    text-align: center;
    outline: 0;
}

#school_photo_slide h4 {
    font-size: 18px;
    color: #ed1e79;
    margin-bottom: 15px;
    display: inline-flex;
    align-items: center;
    padding-left: 10px;
}

#school_photo_slide h4:before {
    content: "Photo";
    display: inline-block;
    font-size: 13px;
    background: #ed1e79;
    color: #fff;
    display: inline-block;
    padding: .3em .5em .25em;
    margin-right: 1em;
    line-height: 1;
    width: 5em;
    text-align: center;
}

#school_photo_slide .photo_box {
    margin: 0;
    padding: 0;
    display: inline-block;
    text-align: center;
    padding: 0 5px;
}

#school_photo_slide .photo_box .box {
    display: block;
    width: 225px;
    height: var(--photo-box-height);
    overflow: hidden;
    background-image: none;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

#school_photo_slide .photo_box .photo {
    visibility: hidden;
    width: 100%;
    height: auto;
}

#school_photo_slide .photo_box .caption {
    color: #000;
    font-size: 14.5px;
    margin-top: .5em;
}

/*#school_photo_slide .photo_box .caption:before {
    content: "▲";
    display: inline-block;
    width: auto;
    height: auto;
    color: #ed1e79;
    font-size: 1.4em;
    line-height: 1;
    vertical-align: bottom;
}*/

.slick-next,.slick-prev {
    font-size: 10px;
    top: calc(var(--photo-box-height)/2);
    width: 2em;
    height: 2em;
    z-index: 1;
}

.slick-next:before,.slick-prev:before {
    display: none;
}

.slick-prev {
    left: -1%;
}

.slick-next {
    right: -1%;
}


/*---- 校舎の特徴 ----*/
.mainSection .secBox.schoolKobetsuSec{padding-top: 0;}
.schoolKobetsuSec .ttl-h3{margin-bottom: 0.5em;}
#kousha_tokucho {margin: 0;}
#kousha_tokucho .ttl-h3 {
    /*font-size: 20px;*/
}

#kousha_tokucho > .sectionInner {
    padding: 0;
    border-top: none;
    margin-top: 0;
}

#kousha_tokucho .kousha_tokuchoUl {
    margin: 0 0 0 0;
    padding: 2em;
    background: #f1fbfc;
}

#kousha_tokucho .kousha_tokuchoLi {
    margin: 0 0 1em 0;
    border-bottom: 1px dashed #ccc;
    padding-bottom: 1em;
}

#kousha_tokucho .kousha_tokuchoLi:last-child {
    margin: 0 0 0 0;
    border-bottom: none;
    padding-bottom: 0;
}

#kousha_tokucho .kousha_tokuchoLi .img {
    width: 230px;
    height: 130px;
}

#kousha_tokucho .kousha_tokuchoLi .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#kousha_tokucho .kousha_tokuchoLi .rightBox {
    width: calc(100% - 250px);
}

#kousha_tokucho .kousha_tokuchoLi .txt {
    font-size: 110%;
}

#kousha_tokucho .kousha_tokuchoLi .ttlTxt-h4 {
    color: #00a1c9;
    font-weight: bold;
    font-size: 150%;
    margin: 0 0 0.5em 0;
}

#kousha_tokucho .kousha_tokuchoLi .ttlTxt-h4:before {
    font-size: 13px;
    background: #00a1c9;
    color: #fff;
    display: block;
    padding: 0.3em 0.5em 0.25em;
    margin-right: 1em;
    margin-bottom: 0.2em;
    line-height: 1;
    width: 5em;
    text-align: center;
}

#kousha_tokucho .kousha_tokuchoLi .ttlTxt-h4ttl-h4 {
    color: #00a1c9;
    margin-bottom: 0.5em;
    font-size: 150%;
    margin-bottom: 1em;
}

#kousha_tokucho .kousha_tokuchoLi:nth-child(1) .ttlTxt-h4:before {
    content: "Point01";
}

#kousha_tokucho .kousha_tokuchoLi:nth-child(2) .ttlTxt-h4:before {
    content: "Point02";
}

#kousha_tokucho .kousha_tokuchoLi:nth-child(3) .ttlTxt-h4:before {
    content: "Point03";
}

#kousha_tokucho .kousha_tokuchoLi:nth-child(4) .ttlTxt-h4:before {
    content: "Point04";
}

#kousha_tokucho .kousha_tokuchoLi:nth-child(5) .ttlTxt-h4:before {
    content: "Point05";
}


/*---- NOVAのこだわり ----*/
/*#nova_kodawari > .sectionInner {
    border-top: none;
}*/

#jiman_list {
    padding: 0 85px;
    margin-bottom: 3em;
}

#jiman_list .list_box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

#jiman_list .list_box>li:nth-of-type(n+6) {
    margin-top: 25px;
}
#jimanDetailBox {
}

#jimanDetailBox .jimanDetailUl {display: flex; justify-content: space-between; flex-wrap: wrap;}
#jimanDetailBox .jimanDetailLi {width: 32%;background-color: #ffffff;border-radius: 0px;margin-bottom: 25px;overflow: hidden;border: 1px solid #00b2bc;}
#jimanDetailBox .ttlBox {background-color: #00b2bc; padding: 1em 0; text-align: center; margin-bottom: 0;}
#jimanDetailBox .jimanDetaiTtl {color: #ffffff;font-size: 135%;margin: 0; font-weight: bold; text-align: center;}
#jimanDetailBox .bottomBox {padding: 1em; display: flex; flex-direction: column; justify-content: space-between;}
#jimanDetailBox .jimanDetailLi .txt {font-size: 110%; line-height: 1.4; margin: 0 0 auto 0; padding: 0 0 1em 0; height: 6.5em;}
#jimanDetailBox .jimanDetailLi:nth-child(n+4) .txt{height:8em;}
#jimanDetailBox .img {width: 100%;padding: 0;margin: auto 0 0;}
#jimanDetailBox .img img{width: 100%; height: auto;}



#jimanDetailBox .bottomBox {
    padding: 1em;
}

#jimanDetailBox .txt {
    font-size: 1.4em;
    line-height: 1.4;
    margin: 0 0 1em 0;
}

#jimanDetailBox .img {

}


#series_list {
    padding: 0 0;
    margin-bottom: 4em;
}

/*2020.07.29*/
#series_list .sub_ttl {
    margin-bottom: 1em;
    padding-top: 100px;
    margin-top:-100px;
}

#series_list .list_box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

#series_list .list_box>li {
    width: 25%;
    padding: 0 2%;
}

/*2020.07.29*/
#series_list .list_box>li:not(:last-child) {
    border-right: 2px dashed #ccc;
}

#series_list .list_box a {
    color: #4d4d4d;
}

#series_list .list_box a:not([href]):hover {
    text-decoration: none;
}

#series_list .list_box dl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

#series_list dl .order02 {
    font-size: 18px;
}

#series_list .price {
    font-size: 18px;
}

#series_list .price strong {
    font-size: 19px;
    color: #e4005a;
}

#series_list .price small {
    font-size: 70%;
}

#series_list .price .attention {
    color: #e4005a;
    font-weight: bold;
}

#series_list .price .regular {
    font-size: 75%;
    display: block;
    line-height: 1;
    text-align: left;
    margin: 0 0 -4px 0;
}

#series_list .price .regularPrice {
    text-decoration: line-through;
    text-decoration-color: #e4005a;
}

/*2023年3月30日追加（校舎ページこだわり）*/
#series_list .list_box.ver3 {justify-content: center;width: 785px;margin: 0 auto;}
#series_list .list_box.ver3:first-of-type{padding-bottom:1.1em;border-bottom: 1px solid #989898;}
#series_list .list_box.ver3:last-of-type{padding-top:1.5em;}
#series_list .list_box.ver3>li:not(:last-child) {border-right: 1px dotted #a0a0a0;}
#series_list .list_box.ver3>li {width: 33%;padding: 0 3%;}
/*2023年3月30日追加（校舎ページこだわり）*/

#osusumePlanSec{background: #f9f9f9;padding-top: 0;}
#osusumePlanSec .sectionInner{background: transparent;padding: 3em 4em 0;}
#osusumePlanSec .secTtlBox{position: relative;padding-bottom: 1.4em;}
#osusumePlanSec .secTtlBox .ttl-h3{font-size: 220%; text-align:center; color: #00b2bc;}
#osusumePlanSec .osusumeBox{background: #fff; margin-bottom: 2em;}
#osusumePlanSec .osusumeBox .osusumeTtl {background-color: #00b2bc;padding: 0.1em 0 0.2em;color: #ffffff;font-size: 170%;font-weight: bold;text-align: center;margin: 0 0 1em 0;}
#osusumePlanSec .osusumeBox .osusumeBoxInner{padding:0 4em 2em 6em;}
#osusumePlanSec .osusumeUl{display: flex;justify-content: space-between;}
#osusumePlanSec .secTtlBox .usagiImg{width: 5em;position: absolute;right: 4em;bottom: -5em;}
#osusumePlanSec .secTtlBox .usagiImg img{width: 100%; height: auto;}
#osusumePlanSec .ttlBox {background-color: #00b2bc;padding: 1em 0; text-align: center;}
#osusumePlanSec .jimanDetaiTtl {color: #ffffff;font-size: 2em; margin: 0; font-weight: bold; text-align: center;}
#osusumePlanSec .osusumeBox .osusumeUl.allIn .ossumeLi{width: 30%;}
#osusumePlanSec .osusumeBox .ossumeLi {margin: 0;width: 48%;}
#osusumePlanSec .osusumeBox .ossumeLi:last-child{margin-bottom:0;}
#osusumePlanSec .osusumeBox .ossumeLi .planBox .rightBox {width: 55%;padding: 0 0 0 3%;}
#osusumePlanSec .osusumeBox .ossumeLi .planLink .planBox {width: 100%;display: flex;justify-content: flex-start;align-items: flex-start;}
#osusumePlanSec .osusumeBox .osusumeUl.allIn .ossumeLi .planLink .planBox{flex-wrap: wrap;}
#osusumePlanSec .osusumeBox .ossumeLi .planLink .logo {max-width: 160px;display: block;margin: 0;}
#osusumePlanSec .osusumeBox .ossumeLi .planLink .logo img{width: 100%; height: auto;}
#osusumePlanSec .osusumeBox .ossumeLi .planLink .rightBox {width: calc(100% - 175px);padding: 0 0 0 15px;}
#osusumePlanSec .osusumeBox .osusumeUl.allIn .ossumeLi .planLink .rightBox{width: 100%; padding: 0;}
#osusumePlanSec .osusumeBox .ossumeLi .planLink .planDt {font-size: 140%;line-height: 1.4;}
#osusumePlanSec .osusumeBox .ossumeLi .planLink .planDd {font-size: 100%;}
#osusumePlanSec .osusumeBox .ossumeLi .planLink .planDd .txt {line-height: 1.3;padding: 0;}
#osusumePlanSec .osusumeBox .ossumeLi .planLink .taxOut {margin: 0;padding: 0.2em 0;}
#osusumePlanSec .osusumeBox .ossumeLi .planLink .price {font-size: 1.8em;color: #e4005a;font-weight: bold;}
#osusumePlanSec .osusumeBox .ossumeLi .planLink .taxIn {margin: 0;padding: 0;line-height: 1;}
#osusumePlanSec .osusumeBox .checkTtl {font-size: 150%;font-weight: bold;margin: 0;padding: 0;display: flex;align-items: center;}
#osusumePlanSec .osusumeBox .checkTtl:before{content:"";display:inline-block;width: 1em;height: 1em;background: url(/schools/images/2025/ico_check01_sp.png) no-repeat center / 100% auto;margin: 0 0.3em 0 0;}
#osusumePlanSec .osusumeBox .ossumeLi:nth-of-type(2) .checkTtl:before{background: url(/schools/images/2025/ico_check02_sp.png) no-repeat center / 100% auto;}


/*---- 開講コース紹介 ----*/
#course_list_box {
    margin-bottom: 4em;
}

#course_list_box .ttlBox .sub_ttl {
    line-height: 1.3;
}

#course_list_box .course_nav .list_box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

#course_list_box .course_nav .navBtn {
    width: 183px!important;
}

#course_list_box .course_nav .navBtn a {
    display: block;
    padding: 0.5em 0.5em;
    border-radius: 5px 5px 0px 0px;
    background: #00a1c9;
    border: 2px solid #00a1c9;
    color: #fff;
    cursor: pointer;
    text-decoration: none;
}

#course_list_box .course_nav .subtxt {
    display: block;
    font-size: 12px;
    text-align: center;
}

#course_list_box .course_nav .maintxt {
    display: block;
    font-size: 18px;
    text-align: center;
}

#course_list_box .course_nav .nav01 a {
    background: #00a1c9;
    border: 2px solid #00a1c9;
}

#course_list_box .course_nav .nav02 a {
    background: #004a6d;
    border: 2px solid #004a6d;
}

#course_list_box .course_nav .nav03 a {
    background: #ff7bac;
    border: 2px solid #ff7bac;
}

#course_list_box .course_nav .nav04 a {
    background: #8cc63f;
    border: 2px solid #8cc63f;
}

#course_list_box .course_nav .nav05 a {
    background: #f7931e;
    border: 2px solid #f7931e;
}

#course_list_box .course_nav .list_box .slick-list {
    -webkit-transform: translate3d(0,0,0)!important;
    transform: translate3d(0,0,0)!important;
    width: 100%;
}

#course_list_box .course_nav .list_box .slick-list .slick-track:after,#course_list_box .course_nav .list_box .slick-list .slick-track:before {
    display: none;
}

#course_list_box .course_nav .list_box .slick-track {
    -webkit-transform: translate3d(0,0,0)!important;
    transform: translate3d(0,0,0)!important;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

#course_box .navBtn {
    display: none;
}

#course_list_box .course_nav .nav01 a:hover {
    color: #00a1c9;
    background: #fff;
}

#course_list_box .course_nav .nav02 a:hover {
    color: #004a6d;
    background: #fff;
}

#course_list_box .course_nav .nav03 a:hover {
    color: #ff7bac;
    background: #fff;
}

#course_list_box .course_nav .nav04 a:hover {
    color: #8cc63f;
    background: #fff;
}

#course_list_box .course_nav .nav05 a:hover {
    color: #f7931e;
    background: #fff;
}

#course_list_box .course_nav a.hoverEase {
    transition: all .2s ease-in-out;
}

#course_list_box .course_nav a.hoverEase:hover {
    opacity: 1;
}

/*-- 日常英会話 --*/
#course_introduction .everyday_english {
    border: 10px solid #00a1c9;
    padding: 3.5em 4.5em;
}

#course_introduction .everyday_english .topBox{display: flex; flex-wrap: wrap;}
#course_introduction .everyday_english .topBox .topTxt{order: 1;color: #00a1c9;font-weight: 500;font-size: 140%;text-align: center;width: 100%;line-height: 1.4;margin: 0 0 1.2em 0;}
#course_introduction .everyday_english .topBox .ttl-h4{order: 2;}

#course_introduction .everyday_english .ttl-h4 {
    color: #00a1c9;
    margin-bottom: .5em;
}

#course_introduction .everyday_english .ttl-h4:before {
    content: "Style";
    display: inline-block;
    width: auto;
    height: auto;
    color: #fff;
    background: #00a1c9;
    line-height: 1;
    padding: .2em 1.5em .2em;
    font-size: 13px;
    font-weight: 400;
    margin-right: 1em;
}

/*選べるレッスンスタイル*/
#course_introduction .choose_lesson_style {
    border-bottom: 3px dashed #00a1c9;
    padding: 0 0 3em 0;
}

#course_introduction .choose_lesson_style .link_txt a {
    display: block;
    width: 16em;
    margin: 0 auto;
    border: 1px solid #00a1c9;
    border-radius: 50px;
    line-height: 1;
    padding: .7em 0 .6em;
    color: #00a1c9;
    font-size: 15px;
}

#course_introduction .choose_lesson_style .box_parent {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

#course_introduction .choose_lesson_style .box_parent > .txtBox {
    max-width: calc(100% - 415px);
}

#course_introduction .choose_lesson_style .box_parent .txtBox dt {
    color: #fff;
    text-align: center;
    padding: 1em 0 1em 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

#course_introduction .choose_lesson_style .box_parent>.txtBox dd {
    padding: 1em 1.5em;
}

#course_introduction .choose_lesson_style .box_parent>.txtBox dd .box_child {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    background: #f2f2f2;
    padding: 1em 1em;
}

#course_introduction .choose_lesson_style .box_parent>.txtBox .subtxt {
    display: block;
    text-align: center;
    font-size: 15px;
    width: 100%;
}

#course_introduction .choose_lesson_style .box_parent>.txtBox .maintxt {
    display: inline-block;
    text-align: center;
    font-size: 21px;
}

#course_introduction .choose_lesson_style .box_parent>.txtBox .label {
    display: inline-block;
    text-align: center;
    font-size: 14px;
    background: #fff;
    color: #ed1e79;
    padding: .2em .5em;
    margin-left: .5em;
    border-radius: 20px;
}

#course_introduction .choose_lesson_style .box_parent>.txtBox .txtBox {
    width: calc(100% - 70px);
    padding: 0 0 0 1.5em;
}

#course_introduction .choose_lesson_style .box_parent>.txtBox .imgBox {
    width: 70px;
    height: 70px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

#course_introduction .choose_lesson_style .box_parent>.txtBox .imgBox p {
    padding: 0;
}

#course_introduction .choose_lesson_style .box_parent>.imgBox p {
    padding: 0;
}

#course_introduction .choose_lesson_style .box_parent .txt-description strong {
    color: #ed1e79;
}

#course_introduction .choose_lesson_style .group_lesson {
    margin-bottom: 3em;
}

#course_introduction .choose_lesson_style .group_lesson .txtBox dt {
    background: #ed1e79;
}

#course_introduction .choose_lesson_style .group_lesson .ttl-group_lesson {
    font-size: 16px;
    font-weight: 700;
}

#course_introduction .choose_lesson_style .group_lesson .txtBox .ttl-p {
    color: #ed1e79;
    font-weight: 700;
}

#course_introduction .choose_lesson_style .group_lesson .txtBox .imgBox {
    background: #ed1e79;
}

#course_introduction .choose_lesson_style .man_to_man {
    margin-bottom: 2em;
}

#course_introduction .choose_lesson_style .man_to_man .txtBox dt {
    background: #29abe2;
}

#course_introduction .choose_lesson_style .man_to_man .ttl-man_to_man {
    font-size: 16px;
    font-weight: 700;
}

#course_introduction .choose_lesson_style .man_to_man .txtBox .ttl-p {
    color: #29abe2;
    font-weight: 700;
}

#course_introduction .choose_lesson_style .man_to_man .txtBox .label {
    background: #fff;
    color: #29abe2;
}

#course_introduction .choose_lesson_style .man_to_man .txtBox .imgBox {
    background: #29abe2;
}

/*他にも受け方いろいろ。利便性抜群！だから選ばれているNOVA*/
#course_introduction .ukekata_iroiro {
    padding-bottom: 0;
}

#course_introduction .ukekata_iroiro .iroiro_list_box .list_box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

#course_introduction .ukekata_iroiro .iroiro_list_box li {
    width: 266px;
}

#course_introduction .ukekata_iroiro .iroiro_list_box dl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    height: 100%;
    padding: 0 0 3em;
}

#course_introduction .ukekata_iroiro .iroiro_list_box .ttl-dt {
    text-align: center;
    padding: 1em 0 1em;
}

#course_introduction .ukekata_iroiro .iroiro_list_box .ttl-dt .subtxt {
    display: block;
    font-weight: 400;
    color: #ed1e79;
    font-size: 16px;
    margin-bottom: .3em;
}

#course_introduction .ukekata_iroiro .iroiro_list_box .ttl-dt .maintxt {
    display: block;
    font-weight: 700;
    font-size: 17px;
}

#course_introduction .ukekata_iroiro .iroiro_list_box .txtBox {
    padding: 0 1em 0;
    font-size: 12px;
    max-width: 100%;
}

#course_introduction .ukekata_iroiro .link_txt.more {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 0;
}

#course_introduction .ukekata_iroiro .link_txt.more a {
    display: block;
    width: 15em;
    margin: 0 auto;
    border: 1px solid #4d4d4d;
    border-radius: 50px;
    line-height: 1;
    padding: .7em 0 .6em;
    color: #4d4d4d;
}

/*-- ビジネス英会話 --*/
#course_introduction .business_english {
    border: 10px solid #004a6d;
    padding: 40px 50px;
}

#course_introduction .business_english .link_txt a {
    display: block;
    width: 22em;
    margin: 0 auto;
    border: 1px solid #004a6d;
    border-radius: 50px;
    line-height: 1;
    padding: .7em 0 .6em;
    color: #004a6d;
    font-size: 15px;
}

#course_introduction .business_english strong {
    color: #ed1e79;
}

#course_introduction .business_english .business_english_course {
    padding: 0;
}

#course_introduction .business_english .ttlBox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border-bottom: 2px solid #999;
    padding-bottom: 1em;
    margin-bottom: 4em;
}

#course_introduction .business_english .ttl-h4 {
    font-size: 25px;
    color: #004a6d;
}
#course_introduction .business_english .topTxt{color: #004a6d;font-weight: 500;font-size: 140%;text-align: center;line-height: 1.4;margin: -1.2em 0 1.5em 0;}
#course_introduction .business_english .ttl-h5 {
    font-size: 20px;
}

#course_introduction .business_english .contentsBox .description_box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    margin-bottom: 4em;
    padding: 0 3em;
}

#course_introduction .business_english .contentsBox .list_box .ttl-dt {
    margin: .5em 0 .5em;
    color: #004a6d;
}

#course_introduction .business_english .contentsBox .description_box .txtBox {
    padding-left: 2em;
}

#course_introduction .business_english .contentsBox .list_box .txtBox {
    font-size: 12px;
    max-width: 100%;
}

#course_introduction .business_english .contentsBox .description_box .ttl-dt {
    font-size: 20px;
    display: inline-block;
    background: #fff;
    background: -webkit-gradient(linear,left top,left bottom,from(#fff),color-stop(50%,#fff),color-stop(50%,#fcee21),to(#fcee21));
    background: linear-gradient(to bottom,#fff 0,#fff 50%,#fcee21 50%,#fcee21 100%);
}

#course_introduction .business_english .contentsBox .description_box .txt {
    font-size: 15px;
}

#course_introduction .business_english .imgBox p {
    padding: 0;
}

#course_introduction .business_english .contentsBox {
    padding: 0 3em;
    margin-bottom: 4em;
}

#course_introduction .business_english .contentsBox .list_box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

#course_introduction .business_english .contentsBox .list_box li {
    width: 33%;
    padding: 0 2em;
    border-right: 1px dashed #1b1464;
}

#course_introduction .business_english .contentsBox .list_box li:last-child {
    border-right: none;
}

#course_introduction .business_english .contentsBox .list_box dl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

#course_introduction .business_english .contentsBox .ttl-dt {
    font-size: 20px;
    line-height: 1.2;
}

#course_introduction .business_english .bgBox {
    padding: 3em 4em;
    margin-bottom: 3em;
    background: rgba(242,242,242,.6);
}

/*コース例*/
#course_introduction .business_english .courseBox .box_parent {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

#course_introduction .business_english .courseBox {
    margin: 0 0 2em;
    padding: 0 0 2em;
    border-bottom: 2px dashed #999999;
}

#course_introduction .business_english .courseBox .box_parent .txtBox {
    padding: 0 0 0 2em;
    max-width: calc(100% - 291px);
}

#course_introduction .business_english .courseBox .kiso_course {
    margin: 3em 0 2em;
}

#course_introduction .business_english .courseBox .txtBox dt {
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

#course_introduction .business_english .courseBox .box_parent .label {
    width: 6em;
    height: 3.3em;
    font-size: 16px;
    margin: 0 0.5em 0 0;
    background: #004a6d;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    align-items: center;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    float: left;
}

#course_introduction .business_english .courseBox .box_parent .subtxt {
    font-size: 15px;
    display: block;
    margin-bottom: 0.1em;
}

#course_introduction .business_english .courseBox .box_parent .maintxt {
    font-size: 19px;
    color: #004a6d;
    display: block;
}

#course_introduction .business_english .courseBox .txtBox .txt-description {
    margin: 0.4em 0 0.5em;
    padding: 0;
    line-height: 1.6;
}

#course_introduction .business_english .courseBox .price_box {
    margin: 0 0 0.3em;
}

#course_introduction .business_english .courseBox .price_box th {
    background: #004a6d;
    color: #fff;
    padding: 0.3em 0.5em;
    line-height: 1.2;
    font-size: 13px;
    border-color: #004a6d;
}

#course_introduction .business_english .courseBox .price_box th:nth-of-type(n+2) {
    border-left-color: #ffff;
}

#course_introduction .business_english .courseBox .price_box th:nth-last-of-type(n+2) {
    border-right-color: #ffff;
}

#course_introduction .business_english .courseBox .price_box td {
    text-align: center;
    vertical-align: middle;
    line-height: 1.2;
    padding: 0.5em 0.5em;
    font-size: 12px;
    font-weight: bold;
    background: #fff;
    border-color: #004a6d;
}

#course_introduction .business_english .courseBox .taiou_lesson {
    background: #fff;
    padding: 1em 1em;
    margin: 0 0 1em;
}

#course_introduction .business_english .courseBox .taiou_lesson dt {
    font-size: 16px;
    color: #004a6d;
    margin: 0 0 0.5em;
}

#course_introduction .business_english .courseBox .lesson_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

#course_introduction .business_english .courseBox .lesson_list li {
    width: 33.3%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

#course_introduction .business_english .courseBox .lesson_list li:nth-of-type(n+4) {
    margin: 0.8em 0 0;
}

#course_introduction .business_english .courseBox .lesson_list li .txt {
    line-height: 1.2;
    margin: 0 0 0 0.7em;
}

#course_introduction .business_english .courseBox .lesson_list li img {
    display: inline;
}

#course_introduction .business_english .courseBox table {
    margin: 0;
}

/*4つのステップで上達をしっかりとサポート*/
#course_introduction .business_english .stepBox .sub_ttl {
    font-size: 17px;
}

#course_introduction .business_english .stepList .list_box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

#course_introduction .business_english .stepList .list_box li {
    width: 355px;
    margin-top: 3em;
}

#course_introduction .business_english .stepList dl {
    position: relative;
}

#course_introduction .business_english .stepList .ttl-dt {
    font-size: 14px;
    color: #004a6d;
    letter-spacing: -.03em;
    padding-left: 15%;
}

#course_introduction .business_english .stepList .ttl-dt:before {
    content: "";
    display: block;
    width: 57px;
    height: 57px;
    position: absolute;
    top: -7px;
    left: -9px;
}

#course_introduction .business_english .stepList .ttl-dt.step01:before {
    background: url(/schools/images/2019/ico_business_step01.png) no-repeat center/cover;
}

#course_introduction .business_english .stepList .ttl-dt.step02:before {
    background: url(/schools/images/2019/ico_business_step02.png) no-repeat center/cover;
}

#course_introduction .business_english .stepList .ttl-dt.step03:before {
    background: url(/schools/images/2019/ico_business_step03.png) no-repeat center/cover;
}

#course_introduction .business_english .stepList .ttl-dt.step04:before {
    background: url(/schools/images/2019/ico_business_step04.png) no-repeat center/cover;
}

#course_introduction .business_english .stepList .txtBox {
    font-size: 12px;
    letter-spacing: -.03em;
    padding-left: 15%;
    margin-bottom: 1.5em;
}

/*-- こども英会話コース --*/
#course_introduction .kids_english {
    border: 10px solid #ff7bac;
    padding: 40px 50px;
}

#course_introduction .kids_english .link_txt a {
    display: block;
    width: 22em;
    margin: 0 auto;
    border: 1px solid #ff7bac;
    border-radius: 50px;
    line-height: 1;
    padding: .7em 0 .6em;
    color: #ff7bac;
    font-size: 15px;
}

#course_introduction .kids_english strong {
    color: #ed1e79;
}

#course_introduction .kids_english .ttlBox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border-bottom: 2px solid #999;
    padding-bottom: 1em;
    margin-bottom: 4em;
}

#course_introduction .kids_english .ttl-h4 {
    font-size: 25px;
    color: #ff7bac;
}
#course_introduction .kids_english .topTxt{color: #ff7bac;font-weight: 500;font-size: 140%;text-align: center;line-height: 1.4;margin: -1.2em 0 1.5em 0;}
#course_introduction .kids_english .ttl-h5 {
    font-size: 20px;
}

#course_introduction .kids_english .contentsBox .description_box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    margin-bottom: 4em;
    padding: 0 5em;
}

#course_introduction .kids_english .contentsBox .list_box .ttl-dt {
    margin: 0 0 .5em;
    color: #000;
    padding: 0 0 0 2.3em;
    position: relative;
}

#course_introduction .kids_english .contentsBox .list_box .ttl-dt:before {
    content: "";
    display: block;
    width: 36px;
    height: 34px;
    background: url(/schools/images/2019/ico_kids_teacher.png) no-repeat center/cover;
    position: absolute;
    top: -10px;
    left: 0;
}

#course_introduction .kids_english .contentsBox .list_box .ttl-dt.ico_teacher:before {
    width: 36px;
    height: 34px;
    background: url(/schools/images/2019/ico_kids_teacher.png) no-repeat center/cover;
    top: -10px;
    left: 0;
}

#course_introduction .kids_english .contentsBox .list_box .ttl-dt.ico_lesson:before {
    width: 36px;
    height: 25px;
    background: url(/schools/images/2019/ico_kids_lesson.png) no-repeat center/cover;
    top: -2px;
    left: 0;
}

#course_introduction .kids_english .contentsBox .list_box .ttl-dt.ico_phonics:before {
    width: 35px;
    height: 35px;
    background: url(/schools/images/2019/ico_kids_phonics.png) no-repeat center/cover;
    top: -7px;
    left: 0;
}

#course_introduction .kids_english .contentsBox .list_box .ttl-dt.ico_learning:before {
    width: 33px;
    height: 30px;
    background: url(/schools/images/2019/ico_kids_learning.png) no-repeat center/cover;
    top: -7px;
    left: 0;
}

#course_introduction .kids_english .contentsBox .list_box .ttl-dt.ico_students:before {
    width: 26px;
    height: 35px;
    background: url(/schools/images/2019/ico_kids_students.png) no-repeat center/cover;
    top: -7px;
    left: 7px;
}

#course_introduction .kids_english .contentsBox .list_box .description_txt {
    font-size: 13px;
}

#course_introduction .kids_english .contentsBox .description_box .txtBox {
    padding-left: 2em;
}

#course_introduction .kids_english .contentsBox .list_box .txtBox {
    width: 75%;
}

#course_introduction .kids_english .contentsBox .description_box .ttl-dt {
    font-size: 20px;
    display: inline-block;
    background: #fff;
    background: -webkit-gradient(linear,left top,left bottom,from(#fff),color-stop(50%,#fff),color-stop(50%,#fcee21),to(#fcee21));
    background: linear-gradient(to bottom,#fff 0,#fff 50%,#fcee21 50%,#fcee21 100%);
}

#course_introduction .kids_english .contentsBox .description_box .ttl-dt small {
    font-size: 15px;
    vertical-align: bottom;
}

#course_introduction .kids_english .contentsBox .description_box .txt {
    font-size: 15px;
}

#course_introduction .kids_english .contentsBox .box {
    background: #f2f2f2;
    padding: 3em 3em;
}

#course_introduction .kids_english .contentsBox .box .txt {
    font-size: 17px;
    margin-bottom: 2em;
}

#course_introduction .kids_english .imgBox p {
    padding: 0;
}

#course_introduction .kids_english .contentsBox {
    padding: 0 0;
    margin-bottom: 4em;
}

#course_introduction .kids_english .contentsBox .list_box li {
    width: 100%;
    padding: 0 1em 2em 1em;
    margin-bottom: 2em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    border-bottom: 1px dashed #b3b3b3;
}

#course_introduction .kids_english .contentsBox .list_box li:last-child {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0;
}

#course_introduction .kids_english .contentsBox .ttl-dt {
    font-size: 20px;
    line-height: 1.2;
}

/*-- オンライン英会話「お茶の間留学」 --*/
#course_introduction .ochanoma_ryugaku {
    border: 10px solid #8cc63f;
    padding: 40px 50px;
}

#course_introduction .ochanoma_ryugaku .link_txt a {
    display: block;
    width: 22em;
    margin: 0 auto;
    border: 1px solid #8cc63f;
    border-radius: 50px;
    line-height: 1;
    padding: .7em 0 .6em;
    color: #8cc63f;
    font-size: 15px;
}

#course_introduction .ochanoma_ryugaku strong {
    color: #ed1e79;
}

#course_introduction .ochanoma_ryugaku .ttlBox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border-bottom: 2px solid #999;
    padding-bottom: 1em;
    margin-bottom: 4em;
}

#course_introduction .ochanoma_ryugaku .ttl-h4 {
    font-size: 25px;
    color: #8cc63f;
}
#course_introduction .ochanoma_ryugaku .topTxt{color: #8cc63f;font-weight: 500;font-size: 140%;text-align: center;line-height: 1.4;margin: -1.2em 0 1.5em 0;}
#course_introduction .ochanoma_ryugaku .ttl-h5 {
    font-size: 20px;
}

#course_introduction .ochanoma_ryugaku .contentsBox .description_box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    margin-bottom: 4em;
    padding: 0 5em;
}

#course_introduction .ochanoma_ryugaku .contentsBox .list_box .ttl-dt {
    margin: 0 0 .5em;
    color: #000;
    padding: 0 0 0 2.3em;
    position: relative;
}

#course_introduction .ochanoma_ryugaku .contentsBox .list_box .ttl-dt:before {
    content: "";
    display: block;
    width: 33px;
    height: 33px;
    background: url(/schools/images/2019/ico_ocha_itsudemo.png) no-repeat center/cover;
    position: absolute;
    top: -10px;
    left: 0;
}

#course_introduction .ochanoma_ryugaku .contentsBox .list_box .ttl-dt.ico_teacher:before {
    width: 33px;
    height: 33px;
    background: url(/schools/images/2019/ico_ocha_itsudemo.png) no-repeat center/cover;
    top: -10px;
    left: 0;
}

#course_introduction .ochanoma_ryugaku .contentsBox .list_box .ttl-dt.ico_lesson:before {
    width: 30px;
    height: 30px;
    background: url(/schools/images/2019/ico_ocha_time.png) no-repeat center/cover;
    top: -2px;
    left: 0;
}

#course_introduction .ochanoma_ryugaku .contentsBox .list_box .ttl-dt.ico_phonics:before {
    width: 37px;
    height: 28px;
    background: url(/schools/images/2019/ico_ocha_lesson.png) no-repeat center/cover;
    top: -7px;
    left: 0;
}

#course_introduction .ochanoma_ryugaku .contentsBox .list_box .description_txt {
    font-size: 13px;
}

#course_introduction .ochanoma_ryugaku .contentsBox .description_box .txtBox {
    padding-left: 2em;
}

#course_introduction .ochanoma_ryugaku .contentsBox .list_box .txtBox {
    width: 75%;
}

#course_introduction .ochanoma_ryugaku .contentsBox .description_box .ttl-dt {
    font-size: 20px;
    display: inline-block;
    background: #fff;
    background: -webkit-gradient(linear,left top,left bottom,from(#fff),color-stop(50%,#fff),color-stop(50%,#fcee21),to(#fcee21));
    background: linear-gradient(to bottom,#fff 0,#fff 50%,#fcee21 50%,#fcee21 100%);
}

#course_introduction .ochanoma_ryugaku .contentsBox .description_box .ttl-dt small {
    font-size: 15px;
    vertical-align: bottom;
}

#course_introduction .ochanoma_ryugaku .contentsBox .description_box .txt {
    font-size: 15px;
}

#course_introduction .ochanoma_ryugaku .contentsBox .box {
    background: #f2f2f2;
    padding: 3em 3em;
}

#course_introduction .ochanoma_ryugaku .contentsBox .box .txt {
    font-size: 17px;
    margin-bottom: 2em;
}

#course_introduction .ochanoma_ryugaku .imgBox p {
    padding: 0;
}

#course_introduction .ochanoma_ryugaku .contentsBox {
    padding: 0 0;
    margin-bottom: 4em;
}

#course_introduction .ochanoma_ryugaku .contentsBox .list_box li {
    width: 100%;
    padding: 0 1em 2em 1em;
    margin-bottom: 2em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    border-bottom: 1px dashed #b3b3b3;
}

#course_introduction .ochanoma_ryugaku .contentsBox .list_box li:last-child {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0;
}

#course_introduction .ochanoma_ryugaku .contentsBox .ttl-dt {
    font-size: 20px;
    line-height: 1.2;
}

/*---- 資格対策 ----*/
#course_introduction .shikaku_taisaku {
    border: 10px solid #f7931e;
    padding: 40px 50px;
}

#course_introduction .shikaku_taisaku .link_txt a {
    display: block;
    width: 22em;
    margin: 0 auto;
    border: 1px solid #f7931e;
    border-radius: 50px;
    line-height: 1;
    padding: .7em 0 .6em;
    color: #f7931e;
    font-size: 15px;
}

#course_introduction .shikaku_taisaku strong {
    color: #f7931e;
}

#course_introduction .shikaku_taisaku .ttlBox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border-bottom: 2px solid #999;
    padding-bottom: 1em;
    margin-bottom: 4em;
}

#course_introduction .shikaku_taisaku .ttl-h4 {
    font-size: 25px;
    color: #f7931e;
}
#course_introduction .shikaku_taisaku .topTxt{color: #f7931e;font-weight: 500;font-size: 140%;text-align: center;line-height: 1.4;margin: -1.2em 0 1.5em 0;}
#course_introduction .shikaku_taisaku .ttl-h5 {
    font-size: 23px;
    color: #f7931e;
}

/*スクールで受ける4つのメリット*/
#course_introduction .shikaku_taisaku .contentsBox .merit_box {
    text-align: center;
    margin-bottom: 4em;
}

#course_introduction .shikaku_taisaku .contentsBox .merit_box > .ttl-dt {
    font-size: 20px;
    display: inline-block;
    margin-bottom: 2em;
    background: #fff;
    background: -webkit-gradient(linear,left top,left bottom,from(#fff),color-stop(50%,#fff),color-stop(50%,#fcee21),to(#fcee21));
    background: linear-gradient(to bottom,#fff 0,#fff 50%,#fcee21 50%,#fcee21 100%);
}

#course_introduction .shikaku_taisaku .contentsBox .merit_box > .ttl-dt strong {
    color: #ed1e79;
}

#course_introduction .shikaku_taisaku .contentsBox .merit_box .list_box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

#course_introduction .shikaku_taisaku .contentsBox .merit_box .list_box li {
    width: 25%;
    padding: 0 2em;
    border-right: 1px dashed #1b1464;
}

#course_introduction .shikaku_taisaku .contentsBox .merit_box .list_box li:last-child {
    border-right: none;
}

#course_introduction .shikaku_taisaku .contentsBox .ttl-dt {
    font-size: 20px;
    line-height: 1.2;
}

#course_introduction .shikaku_taisaku .contentsBox .list_box dl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

#course_introduction .shikaku_taisaku .contentsBox .list_box .ttl-dt {
    font-size: 16px;
    margin: 1em 0 0.5em;
}

#course_introduction .shikaku_taisaku .contentsBox .list_box .txtBox {
    font-size: 12px;
    margin: 0;
    line-height: 1.5;
    max-width: 100%;
}

#course_introduction .shikaku_taisaku .contentsBox .list_box .imgBox {
    width: 100%;
    height: 7em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

/*TOEIC Targetシリーズ ＆ 英検対策*/
#course_introduction .shikaku_taisaku .bgBox {
    background: #f2f2f2;
    padding: 3em 6em;
}

#course_introduction .shikaku_taisaku .bgBox .description_box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    margin-bottom: 4em;
    padding: 0 0;
}

#course_introduction .shikaku_taisaku .bgBox .description_box .txtBox {
    padding-left: 2em;
}

#course_introduction .shikaku_taisaku .bgBox .description_box .ttl-dt {
    font-size: 20px;
    display: inline-block;
    background: #fff;
    background: -webkit-gradient(linear,left top,left bottom,from(#fff),color-stop(50%,#fff),color-stop(50%,#fcee21),to(#fcee21));
    background: linear-gradient(to bottom,#fff 0,#fff 50%,#fcee21 50%,#fcee21 100%);
}

#course_introduction .shikaku_taisaku .bgBox .description_box .ttl-dt small {
    font-size: 15px;
    vertical-align: bottom;
}

#course_introduction .shikaku_taisaku .bgBox .description_box .txt {
    font-size: 14px;
    line-height: 1.5;
}

#course_introduction .shikaku_taisaku .flowBox {
    background: #fff;
    border-radius: 15px;
    padding: 2em 3em;
}

#course_introduction .shikaku_taisaku .flowBox .ttl-h6 {
    font-size: 24px;
    text-align: center;
    border-bottom: 1px solid #666666;
    margin-bottom: 1.5em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

#course_introduction .shikaku_taisaku .flowBox .ttl-h6 .txt {
    margin-left: 0.5em;
}

#course_introduction .shikaku_taisaku .flowBox .box {
    padding: 0 2em;
}

#course_introduction .shikaku_taisaku .otoiawaseTxt {
    font-size: 26px;
    color: #f7931e;
    padding: 0;
    margin-top: 0.5em;
    font-weight: bold;
}

#course_introduction .shikaku_taisaku .toeicBox {
    margin-bottom: 2em;
}

/*レッスンの流れ*/
#course_introduction .shikaku_taisaku .lesson_flow {
    margin-bottom: 3em;
}

#course_introduction .shikaku_taisaku .lesson_flow .ttl-h6:before {
    content: "";
    display: block;
    width: 38px;
    height: 32px;
    background: url(/schools/images/2019/ico_shikaku_flow.png) no-repeat center/cover;
}

#course_introduction .shikaku_taisaku .lesson_flow .step_list_box {
    padding-bottom: 0.5em;
    margin-bottom: 0.5em;
    border-bottom: 1px dashed #999999;
}

#course_introduction .shikaku_taisaku .lesson_flow .step_list_box:last-of-type {
    padding-bottom: 0;
    margin-bottom: 0;
    border: none;
}

#course_introduction .shikaku_taisaku .lesson_flow .step_box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

#course_introduction .shikaku_taisaku .lesson_flow .step_box .txtBox .ttl-dt {
    font-size: 18px;
    color: #f7931e;
}

#course_introduction .shikaku_taisaku .lesson_flow .step_box .txtBox {
    padding: 0 0 0 2em;
    max-width: calc(100% - 88px);
}

#course_introduction .shikaku_taisaku .lesson_flow .step_box .imgBox {
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #f7931e;
    padding: 1em 1.5em;
    width: 88px;
}

#course_introduction .shikaku_taisaku .lesson_flow .step_box .imgBox p {
    font-size: 17px;
    color: #fff;
    padding: 0;
}

/*コースのご紹介*/
#course_introduction .shikaku_taisaku .course_shoukai .ttl-dt {
    font-weight: bold;
    font-size: 18px;
}

#course_introduction .shikaku_taisaku .course_shoukai .ttl-dt.target450 {
    color: #ed1e79;
}

#course_introduction .shikaku_taisaku .course_shoukai .ttl-dt.target600 {
    color: #009245;
}

#course_introduction .shikaku_taisaku .course_shoukai .ttl-dt.target700 {
    color: #fbb03b;
}

#course_introduction .shikaku_taisaku .course_shoukai .ttl-dt.target5 {
    color: #1a7bd0;
}

#course_introduction .shikaku_taisaku .course_shoukai .ttl-dt.target4 {
    color: #ed6c00;
}

#course_introduction .shikaku_taisaku .course_shoukai .ttl-dt.target3 {
    color: #00a73b;
}

#course_introduction .shikaku_taisaku .course_shoukai .txtBox {
    background: #f7f5e7;
    width: 100%;
    padding: 1.5em 1em;
}

#course_introduction .shikaku_taisaku .course_shoukai .txtBox p {
    font-weight: bold;
    font-size: 14px;
    padding: 0;
    margin-bottom: 0.5em;
}

#course_introduction .shikaku_taisaku .course_shoukai .txtBox li {
    font-size: 12px;
    margin-bottom: 0.5em;
    padding-bottom: 0.5em;
    border-bottom: 1px dashed #999999;
}

#course_introduction .shikaku_taisaku .course_shoukai .txtBox li:last-of-type {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0;
}

#course_introduction .shikaku_taisaku .course_shoukai {
    margin-bottom: 3em;
}

#course_introduction .shikaku_taisaku .course_shoukai .ttl-h6:before {
    content: "";
    display: block;
    width: 36px;
    height: 34px;
    background: url(/schools/images/2019/ico_shikaku_course.png) no-repeat center/cover;
}

#course_introduction .shikaku_taisaku .course_shoukai .list_box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

#course_introduction .shikaku_taisaku .course_shoukai .list_box dl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

/*料金のご案内*/
#course_introduction .shikaku_taisaku .price_info .price_box th {
    background: #f7931e;
    color: #fff;
    padding: 0.3em 0.5em;
    line-height: 1.2;
    font-size: 16px;
    border-color: #f7931e;
    font-weight: normal;
}

#course_introduction .shikaku_taisaku .price_info .price_box th:nth-of-type(n+2) {
    border-left-color: #ffff;
}

#course_introduction .shikaku_taisaku .price_info .price_box th:nth-last-of-type(n+2) {
    border-right-color: #ffff;
}

#course_introduction .shikaku_taisaku .price_info .price_box td {
    text-align: center;
    vertical-align: middle;
    line-height: 1.2;
    padding: 0.5em 0.5em;
    font-size: 14px;
    font-weight: bold;
    background: #fff;
    border-color: #f7931e;
}

#course_introduction .shikaku_taisaku .price_info table {
    margin: 0;
}

#course_introduction .shikaku_taisaku .price_info .ttl-h6:before {
    content: "";
    display: block;
    width: 33px;
    height: 33px;
    background: url(/schools/images/2019/ico_shikaku_en.png) no-repeat center/cover;
}

/*---- プラン・料金 ----*/
.mainSection .secBox#plan_price > .sectionInner{padding: 20px 0 0 0; max-width: none; margin-bottom: 0;}
#plan_price .box_plan{max-width:1000px; margin: 0 auto; padding: 0 20px 20px 20px;}

#plan_price .box_parent {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    margin-bottom: 3em;
}

#plan_price .inSecBox {
    width: 49%;
    border: 4px solid #00a1c9;
    padding: 0 0 2em;
}

#plan_price .ttl-h4 {
    padding: .2em 0 .1em;
    margin-bottom: 1em;
    background: #00a1c9;
    color: #fff;
    font-size: 27px;
}

/*固定制 && 予約制／フリープラン*/
#plan_price .contentsBox {
    text-align: center;
    padding: 0 1.5em 0;
}

#plan_price .txt-ttl {
    font-size: 25px;
    font-weight: 700;
}

#plan_price .imgBox {
    margin: 1.5em 0;
}

#plan_price .txt-description {
    font-size: 15px;
    min-height: 5em;
    line-height: 1.5;
    padding: 0;
}

#plan_price .txt-description strong {
    color: #ed1e79;
}

#plan_price .price_box .list_box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

#plan_price .group_lesson dt {
}

#plan_price .man_to_man dt {
}

#plan_price .list_box dt:before {
    content: "●";
    color: #00a1c9;
}

#plan_price .price_box dt {
    font-size: 18px;
}

#plan_price .price_box dd {
    font-size: 17px;
}

#plan_price .price_box .txt_kaisuu {
    width: 3.5em;
    display: inline-block;
}

#plan_price .price_box .txt_price {font-size: 24px; font-weight: 700; padding: 0 5px;}

#plan_price .price_box p {
    line-height: 1;
    font-size: 12px;
}

#plan_price .price_box dd.subPlice,
#plan_price .price_box dd.subPlice .txt_price{font-size: 130%;}
#plan_price .price_box dd.subPlice .txt_kaisuu{width: 3.9em; padding-left: 0.3em;}

#plan_price .osusume_box {
    display: inline-block;
    background: rgba(252,238,33,.1);
    padding: 1em 2em 2em;
    margin: 2em 0;
}

#plan_price .osusume_box .ttl-dt {
    font-weight: 700;
    font-size: 15px;
    margin-bottom: 1em;
}

#plan_price .osusume_box .txtBox {
    font-size: 14px;
}

#plan_price .osusume_box .txtBox li {
    position: relative;
    padding: 0 0 0 1.7em;
    line-height: 1;
    vertical-align: bottom;
}

#plan_price .osusume_box .txtBox li:not(:last-child) {
    margin-bottom: 1em;
}

#plan_price .osusume_box .txtBox li:before {
    content: "";
    display: inline-block;
    width: 19px;
    height: 16px;
    background: url(/schools/images/2019/ico_check.png) no-repeat center center/cover;
    color: #fff;
    line-height: 1;
    text-align: center;
    font-size: 10px;
    position: absolute;
    bottom: .1em;
    left: 0;
}

/*割引制度*/
#plan_price #waribiki_box {
    width: 100%;
    border: 4px solid #662d91;
    padding: 0 0 4em;
    margin-bottom: 4em;
}

#waribiki_box .ttl-h4 {
    background: #662d91;
}

#waribiki_box .txt-description {
    min-height: auto;
    margin-bottom: 2em;
}

#waribiki_box .waribiki_list_box .list_box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

#waribiki_box .waribiki_list_box li:nth-of-type(2n) {
    margin-left: 3em;
}

#waribiki_box .waribiki_list_box li:nth-of-type(n+3) {
    margin-top: 2em;
}

/*---- スクールブログ ----*/
#blog_box {margin-bottom: 3em;}
#blog_box .blog_list_box {display: flex; justify-content: space-between;flex-wrap: nowrap;}
#blog_box .blog_list_box dl {position: relative;display: block;overflow: hidden;width: 100%;height: auto;box-sizing: border-box;white-space: pre-line;padding: 1.4em 0 0 0;}
#blog_box .blog_list_box dl:before{content: "";display: inline-block;float: right;width: 80px;height: 80px;margin: 0em 0em -0.1em 0.5em;}
#school_blog .blog_list {width: 30%;}
#school_blog .blog_list .blog_ttl {
    color: #ed1e79;
    font-size: 1.3em;
    font-weight: 700;
    line-height: 1.2;
    display: contents;
    }
#school_blog .blog_list .blog_ttl:after{content:"";display:block;margin: 0 0 0.5em;}
#school_blog .blog_list .blog_time {
    font-size: 16px;
    line-height: 1;
    margin: 0 0 0;
    width: 100%;
    position: absolute;
    top: 0em;
    left: 0;
    }
#school_blog .blog_list .blog_content {
    font-size: 1.1em;
    overflow: visible;
    white-space: normal;
    text-overflow: clip;
    height: auto;
    line-height: 1.4;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    float: right;
    display: contents;
    }
#school_blog .blog_list .blog_thumbnail {
    position: absolute;
    top: 1.4em;
    right: 0;
    width: 80px;
    height: 80px;
    float: none;
    overflow: hidden;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 6px;
    }
#school_blog .blog_list .blog_thumbnail:before{content:"";display:block;width:100%;height:100%;overflow:hidden;background-color:#fff;background-image:inherit;background-position:center center;background-repeat:no-repeat;background-size:cover;transition:transform .3s ease-in-out;}
#school_blog .blog_list .blog_thumbnail img{visibility:hidden;width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
#school_blog .blog_link{display:block;text-decoration:none;color:#4d4d4d;}
#school_blog .blog_link:hover .blog_thumbnail:before{transform:scale(1.1);}
#school_blog .blog_link_list{text-align:center;}
#school_blog .blog_link_list a{display:inline-block;font-size:20px;color:#4d4d4d;border:1px solid #4d4d4d;padding:1em 0 .9em;line-height:1;width:16em;text-align:center;border-radius:50px;}

/*---- 生徒様の声 ----*/
#student_voice>.sectionInner{border-top:none;border-bottom:none;}
#student_voice_box{margin-bottom:3em;}
#student_voice_box .blog_list_box{    display:flex;justify-content:space-between; flex-wrap:nowrap;}
#student_voice_box .blog_list_box dl:before{content: "";display: inline-block;float: right;width: 80px;height: 80px;margin: 0em 0em -0.1em 0.5em;}
#student_voice_box .blog_list_box dl{position: relative;display: block;overflow: hidden;width: 100%;height: 13.8em;box-sizing: border-box;white-space: pre-line;padding: 0em 0 0 0;}
#student_voice .blog_list{width:30%;margin: 0 auto;;}
#student_voice .blog_list:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none;}
#student_voice .blog_list .blog_ttl{color:#00a1c9;font-size: 1.3em;font-weight:700;line-height:1.2;display: contents;}
#student_voice .blog_list .blog_ttl:after{content: "";display: block;margin: 0 0 0.5em;}
#student_voice .blog_list .blog_time{font-size:14px; line-height:1; margin:1em 0 .5em; width:100%; clear: both;}
#student_voice .blog_list .blog_content{font-size:1.1em;overflow:visible;text-overflow:clip;height: auto;line-height:1.4;-webkit-box-sizing:border-box;box-sizing:border-box;float: right;display: contents;}
#student_voice .blog_list .blog_thumbnail{position: absolute;top: 0em;right: 0;width: 80px;height: 80px;float: none;overflow:hidden;background-position:center center;background-repeat:no-repeat;background-size:cover;border-radius:6px;}
#student_voice .blog_list .blog_thumbnail:before{content:"";display:block;width:100%;height:100%;overflow:hidden;background-color:#7fd0e4;background-image:inherit;background-position:top 25% center;background-repeat:no-repeat;background-size:100% auto;-webkit-transition:-webkit-transform .3s ease-in-out;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out;}
#student_voice .blog_list .blog_thumbnail img{visibility:hidden;width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
#student_voice .blog_link{display:block;text-decoration:none;color:#4d4d4d;}
#student_voice .blog_link:hover .blog_thumbnail:before{-webkit-transform:scale(1.1);transform:scale(1.1);}
#student_voice .blog_link_list{text-align:center;}
#student_voice .blog_link_list a{display:inline-block;font-size:150%;color:#4d4d4d;border:1px solid #4d4d4d;padding:1em 0 .9em;line-height:1;width:16em;text-align:center;border-radius:50px;}



/*----------------------------------------------------------------------------
***                                                              rightsection
----------------------------------------------------------------------------*/
.rightSection {
    float: right;
}

.rightSectionInner {
    padding-top: 10px;
}

/*----------------------------------------------------------------------------
***                                                             footer
----------------------------------------------------------------------------*/
/*----- 【ページトップへスライド】 -----*/
#tpbtn {
    width: 3.5em;
    height: 3.5em;
    z-index: 9998;
    position: fixed;
    right: 2%;
    bottom: 5%;
    -moz-opacity: .9;
    opacity: .9;
}

#tpbtn a {
    display: block;
    width: 100%;
    height: 100%;
}

#tpbtn a img {
    display: block;
    width: 100%;
    height: auto;
}

/*----- 【formLinkSec】 -----*/
#formLinkSec .formLinkBox{width: 80%;margin: 0 auto;padding: 0; display: flex; justify-content: center; flex-wrap: wrap;}
#formLinkSec .formLinkBox .ttl{font-size: 230%;font-weight: bold;text-align: center;position: relative;margin-bottom: 0.2em;color: #fff;display: inline-block;padding: 0 1.25em;}
#formLinkSec .formLinkBox .ttl .taiken{font-size: 120%;}
#formLinkSec .formLinkBox .ttl:before{content: "";display: block;width: 0;height: 1.5em;border-left: 1px solid #fff;transform: rotate(-45deg);position: absolute;left: 0.5em;bottom: 0;}
#formLinkSec .formLinkBox .ttl:after{content: "";display: block;width: 0;height: 1.5em;border-left: 1px solid #fff;transform: rotate(45deg);position: absolute;right: 0.5em;bottom: 0;}
#formLinkSec .formLinkBox .fmBtn{max-width: 420px; margin: 0 auto; padding: 0;}
#formLinkSec .formLinkBox .ssBtn{max-width: 200px; margin: 2em auto; text-align: center; padding: 0;}
#formLinkSec .formLinkBox .fmBtn img,
#formLinkSec .formLinkBox .ssBtn img{width: 100%; height: auto;}
#formLinkSec .formLinkBox .telBox{font-size: 180%; width: 100%;}
#formLinkSec .formLinkBox .telTxt{width: 100%; text-align: center;}
#formLinkSec .formLinkBox .telTxt{width: 100%;text-align: center;margin: 0; line-height: 1;}
#formLinkSec .formLinkBox .telTxt a{margin: 0 auto;color: #fff;font-weight: 500; text-decoration: none;}
#formLinkSec .formLinkBox .telTxt a .telNumber{font-weight: 700;}
#formLinkSec .formLinkBox .subTelTxt {font-size: 80%;color: #fff; line-height: 1;}

/*----- 【フッター】 -----*/
#footerArea {
    background: #f2f2f2;
}

#footerAreaInner {
    min-width: 950px;
    width: 950px;
    margin: 0 auto;
}

#footerArea .link {
    padding: .5em 0;
}

#footerArea .link a {
    font-size: 13px;
    color: #fff;
    text-decoration: none;
}

#addressBox {
    display: inline-block;
    padding-left: 30px;
}

#addressBox dl dt {
    display: inline-block;
    padding: 0 5.5em;
    font-size: 12px;
    color: #000;
    background: #ffe600;
}

#addressBox dl dd .txtTel {
    margin: 1em 0;
}

#addressBox dl dd .txt01 {
    font-size: 1rem;
}

#addressBox dl dd p {
    font-size: 13px;
    line-height: 1.5;
}

#addressBox p {
    color: #e3e3e3;
}

#addressBox p a {
    color: #e3e3e3;
}

#copy {
    padding: 10px 0;
    background: #808080;
}

#copy p {
    color: #fff;
    font-size: 12px;
    padding: 0;
}

/* こども英会話の固定ボタン */
#footerArea .btnFixedJunior {
    display: block;
    position: fixed;
    top: 40%;
    right: 0;
    z-index: 99;
}


/* こども英会話の固定ボタン */
#footerArea .btnFixedJunior2 {
    display: block;
    position: fixed;
    top: 20%;
    right: 0;
    z-index: 99;
}
/* こども英会話の固定ボタン */
#footerArea .btnFixedNcs {
    display: block;
    position: fixed;
    top: 50%;
    right: 0;
    z-index: 99;
}

/*モーダルウインドウのオーバーレイ*/
#modal-overlay {
    z-index: 99999;
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 120%;
    background-color: rgba(0,0,0,.4);
}

/*----------------------------------------------------------------------------
***                                                                   section
----------------------------------------------------------------------------*/
.section {
    margin-bottom: 20px;
}



/*----------------------------------------------------------------------------
***                                                                  titleSec
----------------------------------------------------------------------------*/
#titleSec {
    width: 950px;
    height: 215px;
    margin-bottom: 5px;
}

#titleSec .juniorOnly {
    display: none;
}

#topBox {
    float: left;
    background: url(../schools/images/back_contents01.png) left top no-repeat;
    width: 685px;
    height: 215px;
    position: relative;
}

#topBox h2 {
    padding-top: 21px;
}

#pickupBox {
    float: right;
    background: url(../schools/images/back_contents02.png) left top no-repeat;
    width: 245px;
    height: 215px;
}

#pickupBox h3,#pickupBox p {
    margin: 0;
    padding: 0;
    line-height: 5px;
    float: left;
}

/*2023年6月21日追加・修整ここから*/
#englishLabBox a{/* English Lab用 */
    position:relative;
    z-index:1;
}
#englishLabBox {font-size: 123%;font-weight: 900;width: 150px;padding: 5px 0 0 18px;margin-bottom: -5px;/*position: absolute;left: 18px;top: auto;*/}/*20230801*/
/*20240118 ?マーク削除
#englishLabBox .elLogo{background:#bdefec;padding: 0 0.6em;border-radius:0.15em;display: inline-block;line-height: 1.37;color:#231f20;}
#englishLabBox .elLogo{background:#bdefec;padding: 0 0.6em;border-radius: 1.15em;display: inline-block;line-height: 1.37;color:#231f20;box-shadow: 2px 3px 1px 0px #007e89;}
#englishLabBox a.circleQ {border:solid 1px #eaeaea;border-radius: 50%;font-weight:400;width: 16px;height: 16px;font-size: 100%;text-align: center;line-height: 17px;color:#eaeaea;display: inline-block;margin: 0 0 0 0.35em;text-decoration: none;}
*/
#englishLabBox a.elLogo{background:#bdefec;padding: 0 0.6em;border-radius: 1.15em;display: inline-block;line-height: 1.37;color:#231f20;box-shadow: 2px 3px 1px 0px #00808b;}
#englishLabBox a.elLogo:hover{text-decoration:none;}
#englishLabBox .colorOr{color:#f27043;}
#englishLabBox .colorPi{color:#ef5271;}

#addBox {
    font-size: 16px;
    line-height: 20px;
    width: 305px;
    color: #fff;
    /*position: absolute;
    left: 23px;
    top: 126px!important;*/
	padding: 10px 0 0 20px;
}
/*2023年6月21日追加・修整ここまで*/

#photoBox {
    position: absolute;
    top: 130px;
    padding: 0;
    margin: 0;
}

#scPhotoBox {
    position: absolute;
    top: 0;
    padding: 0;
    margin: 0;
    left: 370px;
}

#lpSet {
    display: none;
    margin-top: 20px;
}

/* タイトルのテキスト化 */
#topBox.txtMode h2 {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding-left: 18px;
}

#topBox.txtMode .txtTop {
    color: #e4007e;
    font-size: 90%;
    background: #fff;
    display: inline-block;
    padding: 10px 10px 8px 10px;
    margin-bottom: 1em;
    line-height: 1;
    border-radius: 14px;
    position: relative;
    z-index: 1;
}

#topBox.txtMode .txtTop:before {
    content: "";
    display: block;
    width: auto;
    height: auto;
    border: 0.5em solid transparent;
    border-top: 1em solid #fff;
    border-right: 0.2em solid transparent;
    position: absolute;
    left: 3em;
    bottom: -1.2em;
}

#topBox.txtMode .txtBottom {
    color: #fff;
    font-size: 210%;
    letter-spacing: -0.05em;
    position: relative;
    z-index: 1;
}

#topBox.txtMode .txtBottom img {
    width: 80px;
    height: auto;
}

#topBox.txtMode .txtBottom .smallName {
    font-size: 40%;
    letter-spacing: -0.01em;
    max-width: 5em;
    display: inline-block;
    line-height: 1;
    margin: 0 0.2em;
}

#topBox.txtMode .txtBottom .longName {
    font-size: 76%;
    letter-spacing: -0.01em;
}

#topBox.txtMode .txtBottom .veryLongName {
    font-size: 70%;
    letter-spacing: -0.01em;
}

#topBox.txtMode .txtBottom .schoolName.longName {
    font-size: 85%;
}

#topBox.txtMode #addBox {
    left: 15px;
}
/*例外校舎用css 20230904追記ここから*/
/*ユーカリが丘イオン校*/
body.school3259 #topBox.txtMode .txtBottom .smallName {font-size: 100%;display: inline-block;max-width: 100%;}
body.school3259 #topBox.txtMode .txtBottom .schoolName {font-size: 67%;vertical-align: middle;}
/*パークタワー勝どきミッド校 240118追加*/
body.school3263 #topBox.txtMode .txtBottom .smallName {font-size: 100%;display: inline-block;max-width: 100%;}
body.school3263 #topBox.txtMode .txtBottom .schoolName {font-size: 53%;vertical-align: middle;}
/*ガーデンズ千早東校 240123追加*/
body.school3264 #topBox.txtMode .txtBottom .smallName {font-size: 100%;display: inline-block;max-width: 100%;}
body.school3264 #topBox.txtMode .txtBottom .schoolName {font-size: 73%;vertical-align: middle;}
/*センテラス天文館校 240507追加*/
body.school3237 #topBox.txtMode .txtBottom .smallName {font-size: 100%;display: inline-block;max-width: 100%;}
body.school3237 #topBox.txtMode .txtBottom .schoolName {font-size: 73%;vertical-align: middle;}
/*イオンタウン楽々園校 240913追加*/
body.school3266 #topBox.txtMode .txtBottom .smallName {font-size: 100%;display: inline-block;max-width: 100%;}
body.school3266 #topBox.txtMode .txtBottom .schoolName {font-size: 65%;vertical-align: middle;}
/*ガーデン前橋校 250204追加*/
body.school3523 #topBox.txtMode .txtBottom .smallName {font-size: 100%;display: inline-block;max-width: 100%;}
body.school3523 #topBox.txtMode .txtBottom .schoolName {font-size: 53%;vertical-align: middle;}
/*大阪本校 250702追加 ※積極的に募集はしていないため、NBKページは用意するがバッジは削除*/
body.school3076 #topSchoolBox .schoolTitleBox .labelBox .labelItem.kids{display: none;}
/*例外校舎用css 20230904追記ここまで*/

/*マイベスト　追記*/
#topBox::before{content: "";background: url("../images/top_230801/icon_mybest2024_sp.png")no-repeat;width: 80px;height: 80px;background-size: cover;position: absolute;right: 2em;bottom: 1.5em;z-index: 2;}


/*----------------------------------------------------------------------------
***                                                            headerAreaFixed
----------------------------------------------------------------------------*/
#headerAreaFixed {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
    background: #fff;
    border-top: 5px solid #CCC;
    box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.3);
}

#headerAreaFixed #headerAreaFixedInner {display: flex; justify-content: space-between; align-items: center; max-width: 1200px; height: 85px; margin: 0 auto;}

#headerAreaFixed #headerAreaFixedInner p {
    margin: 0;
    padding: 0;
}

#headerAreaFixed h1 {
}

#headerAreaFixed h1 a {
}

#headerAreaFixed h1 img {
}

#headerAreaFixed #headerAreaFixedLinkInner {
}

#headerAreaFixed .listBox {
    display: flex;
}

#headerAreaFixed .linkItem {
    margin-left: 1em;
}

#headerAreaFixed .hover {
}

#headerAreaFixed .hover img {
}



/*----------------------------------------------------------------------------
***       topSec
----------------------------------------------------------------------------*/
#topSec{
    padding-top: 0;
}
#topSec > .sectionInner{padding-top: 1.5em;overflow: initial;}

/*----------------------------------------------------------------------------
***       topSchoolBox
----------------------------------------------------------------------------*/
#topSchoolBox {padding-top: 5em;}
#topSchoolBox .topSchoolBoxInner {
}
#topSchoolBox .schoolTitleBox{display: flex;align-items: flex-start;}
#topSchoolBox .schoolTitleBox .schoolTitleBoxInner {display: flex;flex-direction: column;width: calc(100% - 410px);}
#topSchoolBox .schoolTitleBox .ttl-h2 {font-size: 3.5em;order: 2;line-height: 1.3;margin-top: 0.2em;}
#topSchoolBox .schoolTitleBox .txtTop {}
#topSchoolBox .schoolTitleBox .normalName {}
#topSchoolBox .schoolTitleBox .shortAccessTxt {order: 3;margin: 0;font-size: 1.6em;line-height: 1.2;color: #333;font-weight: 500;padding: 0.3em 1em 0 0.1em;}
#topSchoolBox .schoolTitleBox .labelBox {display: flex;justify-content: flex-start;order: 1;font-size: 1.3em;}
#topSchoolBox .schoolTitleBox .labelBox .labelItem {border: 1px solid #000;display: inline-block;margin: 0 0.3em 0 0;padding: 0.2em 0.3em;line-height: 1;}
#topSchoolBox .schoolTitleBox .labelBox .labelItem.english_Lab {border-color: #f27043;}
#topSchoolBox .schoolTitleBox .labelBox .labelItem.english_Lab a{color:#000;}
#topSchoolBox .schoolTitleBox .labelBox .labelItem.english_Lab .colorOr {color: #f27043;}
#topSchoolBox .schoolTitleBox .labelBox .labelItem.english_Lab .colorPi {color: #f27043;}
#topSchoolBox .schoolTitleBox .labelBox .labelItem.otona {background: #71d8e2;border-color: #71d8e2;color: #fff;}
#topSchoolBox .schoolTitleBox .labelBox .labelItem.eigosenka {background: #8269ac;border-color: #8269ac;color: #fff;}
#topSchoolBox .schoolTitleBox .labelBox .labelItem.kids {background: #f098aa;border-color: #f098aa;color: #fff;}
#topSchoolBox .schoolTitleBox .labelBox .labelItem#topSchoolBox .hover {}
#topSchoolBox .schoolTitleBox .schoolInfoBtn{order:10;margin: 1.3em 0 0 0;padding: 0;}
#topSchoolBox .schoolTitleBox .schoolInfoBtn a{
    border: 2px solid #00A2AF;
    color: #00A2AF;
    font-weight: bold;
    border-radius: 2em;
    padding: 0.3em 1.4em 0.4em;
    display: inline-block;
    font-size: 1.4em;
	transition:ease .2s all;
}
#topSchoolBox .schoolTitleBox .schoolInfoBtn a:hover{text-decoration:none; color: #fff; background: #00a2af;}
#topSchoolBox .hover#topSchoolBox .hover span {
}

#topSchoolBox .formLinkBox {margin: 1em 0 0 0;}
#topSchoolBox .formLinkBox p.ttl {text-align: center;font-size: 2em;}
#topSchoolBox .taiken {display: inline-block;margin-right: 0.1em;}
#topSchoolBox .formLinkBox .fmBtn {margin: 0;}
#topSchoolBox .formLinkBox .bottomBox {padding: 2% 0 0 0;}
#topSchoolBox .bottomBox#topSchoolBox .bottomBox#topSchoolBox .bottomBox{}
#topSchoolBox .formLinkBox .btn {width: 49%;margin: 0 0em 0 0;}

#topSchoolBox .subTelTxt{}
#topSchoolBox .topCpnBnrBox {
    /* background: #ebf9fc; */
    margin: 1.5em 0;
}
#topSchoolBox .topCpnBnrBoxInner {padding: 0;}
#topSchoolBox .btn {}
#topSchoolBox .btn img{display:block; width:100%;height:auto;}
#topSchoolBox .dispFlex{}
#topSchoolBox .dispFlex{}
#topSchoolBox .topCpnBnrBox .leftBox {padding: 0 15% 0 0;margin: 0 0 1em 0;position: relative;}
#topSchoolBox h3.ttl {padding: 0;}
#topSchoolBox .topCpnBnrBox .txt {margin: 0;font-size: 1.2em;}
#topSchoolBox .topCpnBnrBox .usagiImg {
}
#topSchoolBox .hoverEase {
}
#topSchoolBox .hoverEase{}
#topSchoolBox .hoverEase img {
}

#topSchoolBox .ekimaeryugakuBox {border-left: 0.9em solid #d5f1f9;padding: 0px 410px 0 1.2em;margin: 3em 0em 3em 0;background: url(/schools/images/2025/fv_contents01.jpg) no-repeat top right / 406px auto;}
#topSchoolBox .ekimaeryugakuBox .ttl {width: 90%;}
#topSchoolBox .ekimaeryugakuBox img {
}
#topSchoolBox .ekimaeryugakuBox .txt01 {display: inline-block;font-size: 2.1em;font-weight: bold;line-height: 1.5;color: #1ba0ae;border-bottom: 1px solid #1ba0ae;padding: 0;margin: 0 0 0.2em 0;}
#topSchoolBox .ekimaeryugakuBox .txt02 {font-size: 1.7em;font-weight: bold;margin: 0;line-height: 1.4;}
#topSchoolBox .ekimaeryugakuBox .spNone {
}


.mainSection .secBox.fvFormLinkBox{background: #f5f9fa;margin: 0;width: 410px;}
.fvFormLinkBox .fvFormLinkBoxInner{padding: 2em 2em;}
.fvFormLinkBox .ttlBox{margin-bottom: 0;text-align: center;}
.fvFormLinkBox .ttl{font-size: 170%;font-weight: bold;text-align: center;position: relative;display: inline-block;padding: 0 1.5em;}
.fvFormLinkBox .ttl .taiken{font-size: 140%;color: #1ba0ae;}
.fvFormLinkBox .ttl:before{content: "";display: block;width: 0;height: 1.5em;border-left: 1px solid #333;transform: rotate(-45deg);position: absolute;left: 0.5em;bottom: 0;}
.fvFormLinkBox .ttl:after{content: "";display: block;width: 0;height: 1.5em;border-left: 1px solid #333;transform: rotate(45deg);position: absolute;right: 0.5em;bottom: 0;}
.fvFormLinkBox .fmBtn{width: 100%;margin: 0.2em auto 1em;padding: 0;}
.fvFormLinkBox .fmBtn img{width: 100%; height: auto;}
.fvFormLinkBox .bottomBox {width: 100%;margin: 0 auto;}
.fvFormLinkBox .ssBtn{margin: 0 auto;}
.fvFormLinkBox .telBox{font-size: 12px;width: 100%;}
.fvFormLinkBox .telTxt{width: 100%; text-align: center;}
.fvFormLinkBox .telTxt{width: 100%;text-align: center;margin: 0 0 0.1em 0;padding: 0;line-height: 1;}
.fvFormLinkBox .telTxt a{margin: 0 auto;color: #333;font-weight: 500;white-space: nowrap;}
.fvFormLinkBox .telTxt a .telNumber{font-weight: 700;font-size: 140%;}
.fvFormLinkBox .subTelTxt {font-size: 80%;padding: 0;line-height: 1.8;white-space: nowrap;}