@charset "UTF-8";

html, body {
    font-size: 62.5%;
    font-family: "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;
    color: #333333;
    letter-spacing: 1px;
}

.serif {
    font-family: "Roboto Slab", Garamond, "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}

.forsp {
    display: none !important;
}

/*::::::::::::::::::::::::::::::::::::::::::::::::::::::
    COMMON 共通項目
::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

/*段組み*/
.head_content {
    width: 980px;
    margin: 0 auto 100px auto;
    overflow: hidden;
}

.content {
    width: 980px;
    margin: 0 auto 60px auto;
    overflow: hidden;
}

.content .left {
    width: 735px;
    float: left;
    margin: 0 auto;
}

.content .right {
    width: 225px;
    float: right;
    margin: 0 auto 40px;
    overflow: hidden;
}

/*コンテンツビジュアル*/
.page_tit {
    width: 100%;
    text-align: center;
}

.page_tit img {
    vertical-align: bottom;
}

/*h1の体裁*/
.content .left h1 {
    font-size: 39px;
    color: rgba(240, 130, 0, 1);
    margin-right: 100px;
	display:inline;
}


/*アルバイト求人情報はこちらバナーここから*/
.beit_bnr {
	display:inline;
}

.beit_bnr a:hover{
	opacity: 0.7;
	cursor: pointer;
}
/*アルバイト求人情報はこちらバナーここから*/


.content .left h1 br {
    display: none;
}

/*h2の体裁*/
h2.h2border {
    width: 100%;
    font-size: 21px;
    font-weight: bold;
    color: #213c79;
    padding-bottom: 5px;
    margin-bottom: 30px;
    position: relative;
}

h2.h2border::before {
    width: 100%;
    height: 4px;
    background: #ddd;
    display: block;
    content: "";
    overflow: hidden;
    position: absolute;
    bottom: -5px;
}

h2.h2border::after {
    width: 40%;
    height: 4px;
    background: #213c79;
    display: block;
    content: "";
    overflow: hidden;
    position: absolute;
    bottom: -5px;
}

h2 small {
    font-size: 14px;
    font-weight: bold;
    color: rgba(33, 60, 121, 1);
    display: block;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

h2 span {
    font-size: 30px;
}

/*H3の体裁*/
.content h3 {
    height: auto;
    font-size: 24px;
    font-weight: bold;
    color: rgba(240, 130, 0, 1);
    margin: 50px 0 10px;
    line-height: 1.5em;
}

/*テキスト体裁*/
.content p {
    font-size: 14px;
    line-height: 26px;
    margin: 0 0 1em;
}

.text__margin{
    font-size: 14px;
    line-height: 26px;
    margin-top: 30px;
}

.content .text_red {
    color: rgba(240, 130, 0, 1);
    font-weight: bold;
}

.content .text_green {
    color: rgba(0, 153, 51, 1);
    font-weight: bold;
}

.content .text_center {
    text-align: center;
}

.content .text_right {
    text-align: right;
}

/*注意書き*/
.note {
    padding-left: 1em;
    margin: 1em 0 !important;
}

.note span {
    text-indent: -1em;
    display: block;
}

/*パンくずリスト*/
.topic_path {
    margin-bottom: 70px;
    padding: 10px;
    background: #213C79;
    border-bottom: 5px solid rgba(240, 130, 0, 1);
    box-sizing: border-box;
}

.topic_path .inner {
    background: url(../img/common/icon_home.png) 0 3px no-repeat;
    width: 980px;
    margin: 0 auto;
    padding-left: 20px;
    position: relative;
}

.topic_path .inner li {
    display: inline;
    font-size: 12px;
    color: #fff;
}

.topic_path .inner li a {
    color: rgba(240, 130, 0, 1);
}

.topic_path .inner li a:hover {
    color: #fff;
}

.arrow_drop {
    width: 125px;
    height: 75px;
    position: absolute;
    top: 20px;
    right: 60px;
}

/*フェード*/
.fade {
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}

.fade:hover {
    opacity: 0.4;
    filter: alpha(opacity=40);
}

/*共通右側バナー*/
.content .right .bnr_right li {
    margin-bottom: 10px;
}

.content .right .bnr_right p:hover {
    opacity: 0.4;
    filter: alpha(opacity=40);
}

/*リンクボタン*/
.to_link {
    display: inline-block;
    width: auto;
    margin: 0;
    padding: 5px 20px;
    text-align: center;
    border: 1px solid rgba(33, 60, 121, 1);
    color: rgba(33, 60, 121, 1);
    font-size: 14px;
    font-weight: bold;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.to_link i {
    padding-right: 5px;
    font-weight: bold;
}

.to_link:hover {
    background: rgba(33, 60, 121, 1);
    color: #fff !important;
}

/*表スタイル01*/
table.style_01 {
    width: 100%;
    border-collapse: separate;
    border-spacing: 2px;
}

table.style_01 th,
table.style_01 td {
    padding: 10px;
    vertical-align: middle;
    text-align: left;
}

table.style_01 th {
    text-align: center;
    background: rgba(33, 60, 121, 1);
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    border-bottom: 4px solid rgba(192, 192, 192, 1);
}

table.style_01 td {
    text-align: left;
    font-size: 13px;
}

table.style_01 .tb_left {
    width: 10%;
    font-size: 14px;
    text-align: center;
    padding: 10px 0;
}

table.style_01 td span {
    display: none;
}

table.style_01 td ul {
    margin: 0;
    list-style: disc outside;
    padding-left: 15px;
}

table.style_01 td li {
    margin: 5px 0;
    font-size: 12px;
    line-height: 1.3em;
}

table.style_01 tr:nth-child(even) .tb_left {
    background: rgba(222, 228, 240, 1);
}

table.style_01 tr:nth-child(odd) .tb_left {
    background: rgba(237, 241, 250, 1);
}

table.style_01 tr:nth-child(even) td {
    background: rgba(240, 240, 240, 1);
}

table.style_01 tr:nth-child(odd) td {
    background: rgba(250, 250, 250, 1);
}

/*ページ内ナビ*/
.page_nav {
    clear: both;
    border-top: 1px solid #c0c0c0;
    margin: 0;
    padding: 15px 0 0;
    width: 100%;
    display: table;
    table-layout: fixed;
    border-collapse: separate;
    border-spacing: 2%;
}

.page_nav li {
    display: table-cell;
    vertical-align: top;
    text-align: center;
    margin: 0;
    padding: 0 1% 0 0;
    box-sizing: border-box;
}

.page_nav li a span {
    display: block;
    padding: 15px 0;
    box-sizing: border-box;
    font-size: 14px;
    font-weight: bold;
    color: rgba(240, 130, 0, 1);
    text-decoration: underline;
    line-height: 1em;
    border-right: 1px dotted #ccc;
}

.page_nav li:last-child a span {
    border-right: none;
}

.page_nav li a:hover span {
    background: rgba(240, 130, 0, 1);
    border-right: none;
    color: #fff;
}

.page_nav li a i {
    color: #fff;
    font-weight: bold;
    line-height: 1em;
    font-size: 45px;
}

.page_nav li a:hover i {
    color: rgba(240, 130, 0, 1);
}

.page_nav li a b {
    font-size: 10px;
}

.page_nav li a img {
    width: 15px;
    height: auto;
    vertical-align: middle;
    padding-right: 5px;
}

.page_nav li a br {
    display: none;
}

.page_nav_foot {
    margin-top: 80px;
}

/*:::::::::::::::::::::::::::
    HEADER　ヘッダー部分
:::::::::::::::::::::::::::*/
#header {
    width: 100%;
    border-bottom: 4px solid #f0f0f0;
    padding: 15px 0 20px;
}

#header_content {
    width: 980px;
    margin: 0 auto;
}

#header_content h1 {
    width: 320px;
    float: left;
    padding-top: 6px;
}

#header_content h1 img {
    width: 317px;
    height: auto;
}

#header_content .contact_area {
    float: right;
    width: 580px;
    display: table;
}

#header_content .tel {
    margin: 8px 0 0 23px;
    display: table-cell;
    vertical-align: middle;
}

#header_content .mail {
    display: table-cell;
    vertical-align: middle;
    margin: 17px 0 0 0
}

#header .menu_btn {
    display: none;
}

/*:::::::::::::::::::::::::::
    MENU　グローバルナビ
:::::::::::::::::::::::::::*/
#menu ul {
    width: 980px;
    height: 90px;
    overflow: hidden;
    margin: 0 auto;
    display: flex;
    display: -webkit-flex;
    justify-content: space-around;
    -webkit-justify-content: space-around;
}

#menu li a {
    display: inline-block;
    margin: 14px auto;
    font-size: 14px;
    border-left: 2px solid #eee;
    padding: 20px;
    letter-spacing: 0.5px;
}

#menu li:last-child a {
    border-right: 2px solid #eee;
}

#menu li:hover {
    border-bottom: 3px solid rgba(240, 130, 0, 1);
    box-sizing: border-box;
    webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
}

#menu .sp_tel,
#menu .sp_mail {
    display: none;
}

/*:::::::::::::::::::::::::::
    RIGHT NAV　右側ナビゲーション
:::::::::::::::::::::::::::*/
.pagenav_right {
    background: rgba(33, 60, 121, 1);
    margin-bottom: 30px;
    padding-bottom: 4px;
}

.pagenav_right h3 {
    text-align: center;
    color: #fff;
    padding: 40px 0 30px;
    font-size: 18px;
    font-weight: normal;
}

.pagenav_right ul {
    background: #fff;
    width: 96%;
    margin: 0 auto;
}

.pagenav_right li {
    border-bottom: 1px dotted rgba(220, 220, 220, 1);
}

.pagenav_right li a {
    display: block;
    width: 100%;
    padding: 10px 5px 8px 2em;
    font-size: 11px;
    margin: 0 !important;
}

.pagenav_right li a span {
    text-indent: -0.4em;
    display: block;
}

.pagenav_right li a:hover {
    background: #eeeeee;
}

.pagenav_right li i {
    padding-right: 5px;
}

.pagenav_right li:last-child {
    border: none;
}

/*:::::::::::::::::::::::::::
    FOOTER　フッター
:::::::::::::::::::::::::::*/
#footer {
    width: 100%;
    border-top: 4px solid rgba(33, 60, 121, 1);
}

/*フッターサイトマップ*/
#footer_nav {
    background: #f7f7f7;
    padding: 80px 0 40px;
}

#footer_nav_box {
    width: 980px;
    margin: 0 auto;
    display: flex !important;
    display: -moz-flexbox !important;
    display: -ms-flexbox !important;
    display: -webkit-box !important;
    display: -o-flexbox !important;
    display: -webkit-flex !important;
    flex-flow: wrap;
    -webkit-flex-flow: wrap;
}

#footer_nav_box .footer_sitemap {
    -webkit-flex-basis: 237.5px;
    flex-basis: 237.5px;
    font-size: 12px;
    margin: 0 10px 30px 0;
    letter-spacing: 0;
}

#footer_nav_box .footer_sitemap:nth-child(3n) {
    margin-right: 0;
}

#footer_nav_box .footer_sitemap dt,
#footer_nav_box .footer_sitemap dt a {
    font-weight: bold;
    font-size: 13px;
    margin-bottom: 20px;
}

#footer_nav_box .footer_sitemap a:hover {
    text-decoration: underline;
    color: rgba(240, 130, 0, 1);
}

/*フッターバナー*/
#footer_bnr {
    background: rgba(33, 60, 121, 1);
    padding: 40px 0 20px;
}

#footer_bnr_box {
    width: 980px;
    margin: 0 auto;
}

#footer_bnr_box h4 {
    color: #fff;
    font-size: 16px;
    margin-bottom: 20px;
}

#footer_bnr_box h4 img {
    width: auto;
    height: auto;
    vertical-align: middle;
    display: inline-block;
    padding-right: 5px;
}

#footer_bnr_box ul {
    width: 100%;
    margin: 0 auto;
    display: flex !important;
    display: -moz-flexbox !important;
    display: -ms-flexbox !important;
    display: -webkit-box !important;
    display: -o-flexbox !important;
    display: -webkit-flex !important;
    flex-flow: wrap;
    -webkit-flex-flow: wrap;
}

#footer_bnr_box li {
    -webkit-flex-basis: 224px;
    flex-basis: 224px;
    margin: 0 28px 30px 0;
    text-align: center;
}

#footer_bnr_box li:nth-child(4n) {
    margin-right: 0;
}

#footer_bnr_box li a {
    color: #fff;
    font-size: 14px;
}

#footer_bnr_box li img {
    width: 100%;
    height: auto;
}

/*フッタータイトル*/
#footer_title {
    width: 100%;
    padding: 15px 0 20px;
}

#footer_title_box {
    width: 980px;
    margin: 0 auto;
}

#footer_title_box h4 {
    width: 320px;
    float: left;
    padding-top: 6px;
}

#footer_title_box h4 img {
    width: 317px;
    height: auto;
}

#footer_title_box .contact_area {
    float: right;
    width: 580px;
    display: table;
}

#footer_title_box .tel {
    margin: 8px 0 0 23px;
    display: table-cell;
    vertical-align: middle;
}

#footer_title_box .mail {
    display: table-cell;
    vertical-align: middle;
    margin: 17px 0 0 0
}

/*フッターコピーライト*/
#footer_copy_box {
    width: 980px;
    margin: 0 auto;
    padding: 10px 0;
    display: table;
}

#footer_copy_box div {
    display: table-cell;
    vertical-align: middle;
}

#footer_link a {
    font-size: 10px;
    padding: 0 15px 0 0;
    border-right: 1px solid #333;
    line-height: 0;
}

#footer_link a:last-child {
    padding-left: 12px;
    border: none;
}

#privacy_mark {
    display: table;
    width: 340px;
}

#privacy_icon {
    display: block !important;
    float: left;
    width: 40px;
    height: auto;
    padding-right: 5px;
}

#privacy_mark p {
    float: right;
    width: 300px;
    margin-bottom: 0;
    font-size: 10px;
}

#copy {
    text-align: right;
    font-size: 10px;
}

/*トップへ戻る*/
#pc_back_to_top {
    width: 84px;
    height: 84px;
    background: #fff;
    border-radius: 42px;
    display: none;
    position: fixed;
    bottom: 30px;
    right: 15px;
    z-index: 9999;
}

#pc_back_to_top img {
    width: 100%;
}

/*::::::::::::::::::::::::::::::::::::::::::::::::::::::
    INDEX　トップページ
::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

/*メイン画像*/
#slider {
    width: 100%;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    padding-bottom: 50px;
}

#slider .wideslider_wrap ul {
    width: 100%;
    border-top: 7px solid rgba(33, 60, 121, 1);
    border-bottom: 7px solid rgba(33, 60, 121, 1);
    margin: 0;
    padding: 0;
}

#slider .pagination {
    padding-top: 10px;
}

/*トップメッセージ*/
.top_message {
    width: 980px;
    margin: 30px auto;
}

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

/*トップバナー*/
#index_bnr ul {
    width: 980px;
    margin: 0 auto;
    display: flex !important;
    display: -moz-flexbox !important;
    display: -ms-flexbox !important;
    display: -webkit-box !important;
    display: -o-flexbox !important;
    display: -webkit-flex !important;
    flex-flow: wrap;
    -webkit-flex-flow: wrap;
    justify-content: space-between;
    -webkit-justify-content: space-between;
}

#index_bnr li {
    -webkit-flex-basis: 476px;
    flex-basis: 476px;
    margin-bottom: 20px;
}

#index_bnr li img {
    width: 100%;
    height: auto;
}

/*ラインナップ*/
#lineup {
    width: 100%;
    overflow: hidden;
    text-align: center;
    margin-top: 85px;
    padding-bottom: 60px;
}

#lineup .ico_tit {
    background: rgba(33, 60, 121, 1);
    height: 100px;
    border-bottom: 8px solid rgba(240, 130, 0, 1);
    text-align: center;
}

#lineup .ico_tit img {
    display: inline-block;
    width: 63px;
    height: auto;
    padding-top: 15px;
}

#lineup .sankaku {
    width: 0;
    height: 0;
    border: transparent;
    border-top: 42px solid rgba(33, 60, 121, 1);
    border-left: 64px solid transparent;
    border-right: 64px solid transparent;
    position: relative;
    top: -8px;
    left: 50%;
    margin-left: -64px;
}


/*ラインナップリスト*/
#lineup #lineup_table {
    width: 980px;
    margin: 45px auto 30px;
    position: relative;
}

#lineip #lineup_table img {
    width: 100%;
    height: auto;
}

#lineup #lineup_table a {
    display: block;
    position: absolute;
}

#lineup #lineup_table a img {
    width: auto !important;
    height: auto;
}

/*ラインナップ表*/
#lineup #lineup_table #lineup_tam_n {
    top: 130px;
    left: 53px;
}

#lineup #lineup_table #lineup_tam {
    top: 226px;
    left: 53px;
}

#lineup #lineup_table #lineup_sgs {
    top: 226px;
    left: 256px;
}

#lineup #lineup_table #lineup_edub {
    top: 226px;
    left: 877px;
}

#lineup #lineup_table #lineup_sap {
    top: 319px;
    left: 410px;
}

#lineup #lineup_table #lineup_toshin {
    top: 226px;
    left: 670px;
}

#lineup #lineup_table #lineup_gflab {
    top: 412px;
    left: 721px;
}

#lineup #lineup_table #lineup_shingaku {
    /*top: 611px;*/
    top: 810px;
    left: 410px;
}

#lineup #lineup_table #lineup_gfb5 {
    top: 710px;
    left: 261px;
}
#lineup #lineup_table #lineup_gf {
    top: 510px;
    left: 261px;
}

#lineup #lineup_table #lineup_gkc {
    top: 412px;
    left: 154px;
}

#lineup #lineup_table #lineup_shinkobetsu {
    top: 610px;
    /*left: 261px;*/
    left: 361px;
}

#lineup #lineup_table #lineup_gfh {
    /*top: 711px;*/
    top: 810px;
    left: 721px;
}

#lineup #lineup_table #lineup_special {
    top: 706px;
    left: 565px;
}

#lineup #lineup_table #lineup_sss {
    top: 130px;
    left: 362px;
}

#lineup #lineup_table #lineup_tutor {
    top: 540px;
    left: 176px;
}

#lineup #lineup_table #lineup_lepton {
    bottom: 236px;/*20260901修正*/
    left: 156px;
}

#lineup #lineup_table #lineup_pm {
    bottom: 236px;/*20260901修正*/
    left: 876px;
}

#lineup #lineup_table #lineup_sokudoku {
    bottom: 136px;/*20260901修正*/
    left: 257px;
}

#lineup #lineup_table #lineup_sokuei {
    bottom: 307px;
    left: 464px;/*20200618修正*/
}

#lineup #lineup_table #lineup_algo {
    bottom: 304px;
    left: 257px;
}

#lineup #lineup_table #lineup_eb {
    bottom: 32px;/*20260901修正*/
    left: 876px;
}

#lineup #lineup_table #lineup_dv {
    bottom: 207px;
    left: 257px;
}
#lineup #lineup_table #lineup_newro {
    bottom: 207px;
    left: 566px;
}

#lineup #lineup_table #lineup_newro02 {
    bottom: 107px;
    left: 408px;
}

#lineup #lineup_table #lineup_rb {
    /*bottom: 22px;*/
    bottom: 108px;
    left: 257px;
}

#lineup #lineup_table #lineup_atama {
    /*bottom: 22px;*/
    bottom: 108px;
    left: 721px;
}
#lineup #lineup_table #lineup_prostu {
    bottom: 118px;
    left: 360px;
}

#lineup #lineup_table #lineup_sea {
    /*top: 820px;*/
    top: 904px;
    left: 255px;
}
/*一般向け教育バナー*/
#lineup #public_bnr {
    width: 980px;
    margin: 0 auto;
    background: #fff;
    padding: 30px 20px;
}
#lineup #public_bnr h2{
    margin-bottom: 25px;
}
#lineup #public_bnr h3 {
    font-size: 24px;
    color: #747a7e;
    margin: 0 0 20px;
}

#lineup #public_bnr ul {
    margin: 0 auto;
    display: flex !important;
    display: -moz-flexbox !important;
    display: -ms-flexbox !important;
    display: -webkit-box !important;
    display: -o-flexbox !important;
    display: -webkit-flex !important;
    flex-flow: wrap;
    -webkit-flex-flow: wrap;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    width: 980px;
}

#lineup #public_bnr li {
    -webkit-flex-basis: 300px;
    flex-basis: 300px;
    text-align: center;
    font-size: 14px;
}

#lineup #public_bnr li img {
    width: 100%;
    height: auto;
}

/*地図とお悩み*/
#map_cat {
    width: 980px;
    margin: 0px auto 100px;
}
/*
#map_cat h2 {
    font-size: 21px;
    font-weight: bold;
    color: rgba(240, 130, 0, 1);
} */

#map_cat #map {
    float: left;
    width: 48%;
}

#map_cat #category {
    float: right;
    width: 48%;
}

/*地図詳細*/
#map .map_area {
    width: 475px;
    height: 405px;
    margin: 20px 0 0 0;
    background-image: url(../img/index/map.png);
    position: relative;
}

#map .map_area span {
    font-size: 15px;
    font-weight: bold;
    text-align: center;
    padding: 11px 0 0 0;
    display: inline-block;
}

#map .map_area a:hover {
    color: rgba(240, 130, 0, 1);
}

#map .map_area .point_s {
    position: absolute;
    width: 77px;
    height: 56px;
    background: url(../img/index/map_icon_s.png) no-repeat;
}

#map .map_area .spot_01 {
    width: 139px;
    height: 44px;
    background: url(../img/index/map_icon_l.png) no-repeat;
    position: absolute;
    top: 10px;
    right: 10px;
}

#map .map_area .spot_hyogo {
    top: 167px;
    left: 77px;
}

#map .map_area .spot_kyoto {
    top: 124px;
    left: 187px;
}

#map .map_area .spot_osaka {
    top: 230px;
    left: 185px;
}

#map .map_area .spot_shiga {
    top: 145px;
    left: 276px;
}

#map .map_area .spot_nara {
    top: 300px;
    left: 230px;
}

/*お悩み*/
#category ul {
    margin: 0 auto;
    display: flex !important;
    display: -moz-flexbox !important;
    display: -ms-flexbox !important;
    display: -webkit-box !important;
    display: -o-flexbox !important;
    display: -webkit-flex !important;
    flex-flow: wrap;
    -webkit-flex-flow: wrap;
    justify-content: space-between;
    -webkit-justify-content: space-between;
}

#category li {
    -webkit-flex-basis: 225px;
    flex-basis: 225px;
    text-align: center;
    box-sizing: content-box;
    margin-bottom: 15px;
    position: relative;
}

/*お知らせ*/
#info_list {
    width: 980px;
    margin: 0 auto 50px;
}

#info #info_list {
    width: 100%;
    margin: 0 auto 50px;
}

.index_info_list {
    width: 980px !important;
}

/* #info_list h2 {
    position: relative;
    color: rgba(240, 130, 1, 1);
} */

#info_list h2 .to_link {
    position: absolute;
    bottom: 10px;
    right: 0;
}

#info_list .news_list li {
    width: 100%;
    border-bottom: 1px dotted #333;
    padding: 20px 20px 20px 80px;
    font-size: 14px;
}

#info_list .news_list .date {
    color: rgba(33, 60, 121, 1);
    font-size: 12px;
    font-weight: bold;
    vertical-align: middle;
}

#info_list .news_list a:hover {
    text-decoration: underline;
}

#info_list .news_list li.ico_event {
    background: url(../img/info/info_icon_event.png) no-repeat left 20px;
    background-size: 70px;
}

#info_list .news_list li.ico_etc {
    background: url(../img/info/info_icon_etc.png) no-repeat left 20px;
    background-size: 70px;
}

#info_list .news_list li.ico_school {
    background: url(../img/info/info_icon_school.png) no-repeat left 20px;
    background-size: 70px;
}

#info_list .news_list li.ico_test {
    background: url(../img/info/info_icon_test.png) no-repeat left 20px;
    background-size: 70px;
}

#info_list .news_list li.ico_news {
    background: url(../img/info/info_icon_news.png) no-repeat left 20px;
    background-size: 70px;
}


#info_list .news_list .icon_new {
    background: rgba(212, 0, 45, 1);
    color: #fff;
    line-height: 1em;
    padding: 3px 7px 2px;
    font-size: 11px;
    font-weight: bold;
    border-radius: 3px;
    display: inline-block;
    margin-left: 5px;
}

/*お知らせバナー*/
#info_bnr {
    padding: 0 auto 50px;
    width: 100%;/*
    border-bottom: 4px solid #f0f0f0; */
}

#info_bnr ul {
    width: 980px;
    margin: 0 auto;
    display: flex !important;
    display: -moz-flexbox !important;
    display: -ms-flexbox !important;
    display: -webkit-box !important;
    display: -o-flexbox !important;
    display: -webkit-flex !important;
    flex-flow: wrap;
    -webkit-flex-flow: wrap;
}

#info_bnr li {
    -webkit-flex-basis: 310px;
    flex-basis: 310px;
    text-align: center;
    font-size: 14px;
    margin: 0 25px 25px 0;
    letter-spacing: 0;
}

#info_bnr li:nth-child(3n) {
    margin-right: 0;
}

#info_bnr li img {
    width: 100%;
    height: auto;
}

#info_bnr li .info_voice_bnr,
.bnr_right li.info_voice_bnr {
    position: relative;
}

#info_bnr li .info_voice_bnr a.voice_banner_sgs,
.bnr_right li.info_voice_bnr a.voice_banner_sgs {
    position: absolute;
    bottom: 7px;
    left: 3%;
    display: block;
        width:47%;
        height:auto;
}

#info_bnr li .info_voice_bnr a.voice_banner_sap,
.bnr_right li.info_voice_bnr a.voice_banner_sap {
    position: absolute;
    bottom: 7px;
    right: 3%;
        width:47%;
        height:auto;
}

#info_bnr li .info_voice_bnr a img,
.bnr_right li.info_voice_bnr a img {
    width: 100% !important;
    height: auto;
}

/*その他バナー*/
#other_bnr {
    padding: 40px 0 90px;
    width: 100%;
}

#other_bnr ul {
    width: 980px;
    margin: 0 auto;
    display: flex !important;
    display: -moz-flexbox !important;
    display: -ms-flexbox !important;
    display: -webkit-box !important;
    display: -o-flexbox !important;
    display: -webkit-flex !important;
    flex-flow: wrap;
    -webkit-flex-flow: wrap;
}

#other_bnr li {
    -webkit-flex-basis: 310px;
    flex-basis: 310px;
    text-align: center;
    font-size: 14px;
    margin: 0 25px 25px 0;
    letter-spacing: 0;
}

#other_bnr li:nth-child(3n) {
    margin-right: 0;
}

#other_bnr li img {
    width: 100%;
    height: auto;
}

/*メルマガ*/
#mailmag h2 span {
    color: rgba(33, 60, 121, 1);
    font-size: 24px;
}

#mailmag {
    width: 100%;
    background: rgba(254, 255, 186, 1);
    text-align: center;
    padding: 40px 0;
}

/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
    INFO お知らせ
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

/*20160513タイトルレイアウト変更*/
.info_area h2 {
    width: 600px;
    word-wrap: break-word;
    margin-top: 0 !important;
}

.info_area h2::before {
    width: 125%;
}

#info h2.h2border a.to_link {
    position: absolute;
    right: -150px;
    top: 5px;
}

/*20160513タイトルレイアウト変更*/

/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
    これからの教育のあるべき姿
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
h2.featureh2 {
    position: relative;
    background: #f08200;
    border: 4px solid #f0f0f0;
    color: #fff;
    font-size: 33px;
    text-align: center;
    padding: 25px 0;
    margin-bottom: 50px;
    letter-spacing: 0;
}

h2.featureh2:after,
h2.featureh2:before {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

h2.featureh2:after {
    border-color: rgba(240, 130, 0, 0);
    border-top-color: #f08200;
    border-width: 30px;
    margin-left: -30px;
}

h2.featureh2x:before {
    border-color: rgba(194, 225, 245, 0);
    border-top-color: #f0f0f0;
    border-width: 36px;
    margin-left: -36px;
}

h2.featureh2 b {
    font-size: 50px;
}

h2.featureh2 span {
    font-size: 42px;
}

.feature_box {
    margin-bottom: 50px;
}

.feature_top {
    font-size: 28px !important;
    color: rgba(240, 130, 0, 1);
    margin: 20px 0 50px;
}

.feature_box_left {
    float: left;
    width: 60%;
}

.feature_box_right {
    width: 35%;
    float: right;
}

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

.feature_box h2 {
    letter-spacing: 0;
}

/*8つの提言*/
.feature_box h4 {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px;
    color: rgba(240, 130, 0, 1);
}

.feature_prop td.tb_left {
    width: 20%;
}

.feature_prop td:last-child {
    width: 25%;
}

.feature_prop td a {
    color: rgba(33, 60, 121, 1);
    text-decoration: underline;
}

.feature_prop td a:hover {
    color: rgba(240, 130, 0, 1);
}

/*教育再生実行会議とは*/
.feature_flow h4 {
    text-align: center;
    border: 2px solid rgba(8, 120, 82, 1);
    color: rgba(8, 120, 82, 1);
    font-size: 18px;
    font-weight: bold;
    padding: 8px 0;
}

.feature_flow h4 br {
    display: none;
}

.feature_flow p {
    color: rgba(240, 130, 0, 1);
    width: 70%;
    margin: 30px auto;
    font-weight: bold;
    font-size: 16px;
}

.feature_flow p span {
    color: #333;
    font-size: 14px;
}

.feature_flow_img {
    background: #eee;
    padding: 30px;
    text-align: center;
}

.feature_flow_img img {
    width: 80%;
    height: auto;
}

/*有識者*/
.feature_org table tr:nth-child(10) td {
    background: #fffcd7 !important;
}

.feature_org table span {
    display: none;
}

/*提案資料*/
.feature_suggest table {
    margin-bottom: 20px;
}

.feature_suggest td.tb_left {
    width: 5%;
}

.feature_suggest td:nth-child(2) {
    width: 35%;
    font-size: 12px;
    letter-spacing: 0;
}

.feature_suggest td:nth-child(3),
.feature_suggest td:nth-child(4) {
    font-size: 12px;
    letter-spacing: 0;
    width: 20%;
}

.feature_suggest td:nth-child(5) {
    text-align: center;
    width: 20%;
}

.feature_suggest td a.to_link {
    font-size: 11px;
    letter-spacing: 0;
    padding: 5px;
}

.feature_suggest td a.to_link i {
    padding: 0 5px;
}

/*PPTカルーセル*/
.feature_box .slick_container {
    background: #f5f5f5;
    padding: 25px 0 5px;
    position: relative;
    height: 100%;
}

.feature_box .slick_container #arrows {
    position: relative;
    height: 100%;
}

.feature_box .feature_ppt img {
    width: 95%;
    height: auto;
    border: 1px solid #ccc;
    box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.3);
}

.feature_box .slick_container .slick-prev,
.feature_box .slick_container .slick-next {
    background: rgba(33, 33, 33, 0.5);
    height: 100%;
    width: 30px !important;
    text-align: center;
    z-index: 9999;
    top: 92px !important;
    right: 0 !important;
    padding: 30px 0;
    box-sizing: content-box;
}

.feature_box .slick_container .slick-prev {
    right: inherit;
    left: 0 !important;
}

.feature_box .slick_container .slick-next i,
.feature_box .slick_container .slick-prev i {
    color: #fff;
    font-size: 28px;
}

.slicknav_menu {
    display: none;
}

/*セミナー*/
.feature_seminar h3 {
    letter-spacing: 0;
    font-size: 22px;
}

.feature_seminar li {
    border-bottom: 1px dotted #ccc;
    padding: 20px 0;
}

.feature_seminar li h5 {
    font-weight: bold;
    font-size: 16px;
    letter-spacing: 0;
    margin-bottom: 20px;
}

.feature_seminar li h5 span {
    color: rgba(33, 60, 121, 1);
    font-size: 14px;
    font-weight: bold;
    display: block;
}

.feature_seminar_img {
    float: left;
    width: 40%;
}

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

.feature_seminar_yt {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
}

.feature_seminar_yt iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100% !important;
    height: 100% !important;
}

.feature_seminar_detail {
    float: right;
    width: 55%;
}

.feature_seminar_detail p.note {
    margin: 5px 0 !important;
}

.feature_seminar_detail p.note span {
    font-size: 12px;
    line-height: 1.4em;
}

.feature_seminar_list tr:first-child th:nth-child(2),
.feature_seminar_list tr:first-child th:nth-child(3) {
    border: 1px solid rgba(192, 192, 192, 1);
}

/*実施講演一覧*/
.feature_seminar_list tr:nth-child(odd) td {
    background: rgba(240, 240, 240, 1) !important;
}

.feature_seminar_list tr:nth-child(even) td {
    background: rgba(250, 250, 250, 1) !important;
}

.feature_seminar_list td:first-child {
    width: 20%;
}

.feature_seminar_list td:nth-child(2) {
    width: 50%;
    letter-spacing: 0;
}

.feature_seminar_list td:nth-child(3),
.feature_seminar_list td:last-child {
    font-size: 11px;
    letter-spacing: 0;
}

.feature_seminar_list td h5 {
    font-weight: bold;
}

/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
    ABOUT 成基コミュニティグループとは
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
#about .about_box {
    margin-bottom: 50px;
}

#about .about_box ul {
    width: 100%;
    margin: 0 auto;
    display: flex !important;
    display: -moz-flexbox !important;
    display: -ms-flexbox !important;
    display: -webkit-box !important;
    display: -o-flexbox !important;
    display: -webkit-flex !important;
    flex-flow: wrap;
    -webkit-flex-flow: wrap;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    align-content: flex-end;
    -webkit-align-content: flex-end;
}

#about .about_box li {
    -webkit-flex-basis: 47%;
    flex-basis: 47%;
    height: 200px;
    margin: 0 0 60px 0;
    position: relative;
}

#about .about_box li a.to_link {
    display: block;
    position: absolute;
    bottom: 0;
    width: 100%;
}

/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
    OVERVIEW　企業概要
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
.overview,
.overview table.style_01 {
    margin-bottom: 50px;
}

.overview table.style_01 th.tb_left {
    width: 25%;
    color: #333;
    font-weight: normal;
    border-bottom: 0;
}

.overview table.style_01 td dt {
    font-weight: bold;
    font-size: 14px;
    color: rgba(33, 60, 121, 1);
}

.overview table.style_01 td dl:first-child dt {
    margin-top: 8px;
}

.overview table.style_01 td dd {
    margin: 0 0 8px;
}

.overview table.style_01 td h4 {
    font-size: 16px;
    color: rgba(240, 130, 0, 1);
    font-weight: bold;
    margin-top: 10px;
}

.overview table.style_01 td h5 {
    font-weight: bold;
    padding-left: 20px;
}

.overview table.style_01 td ul {
    padding-left: 40px;
    margin-bottom: 20px;
}

.overview table.style_01 td ul.sub {
    padding-left: 1em;
}

.overview table.style_01 td ul.sub li {
    list-style: none;
}

.overview_box_img {
    float: left;
    width: 18%;
}

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

.overview_box_prof {
    float: right;
    width: 75%;
    margin-bottom: 30px;
}

.overview_box_prof h3 {
    margin-top: 0;
}

/*執筆書籍*/
.overview_book {
    margin-bottom: 50px;
}

.overview_book h3 {
    background: rgba(240, 130, 0, 0.1);
    padding: 5px 10px;
    margin: 20px 0;
    font-size: 18px;
}

.overview_book h3 span {
    font-size: 14px;
    padding-left: 10px;
}

.overview_book_img {
    float: left;
    width: 55%;
    text-align: center;
}

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

.overview_book_detail {
    float: right;
    width: 40%;
}

.overview_book_img h4 {
    font-size: 14px;
    font-weight: bold;
    color: rgba(33, 60, 121, 1);
    margin-bottom: 5px;
    text-align: left;
}

.overview_book h4 span {
    display: block;
    font-size: 16px;
    font-weight: bold;
}

.overview_book_detail h4 {
    font-size: 14px;
    font-weight: bold;
    color: rgba(33, 60, 121, 1);
}

/*書籍購入サイト*/
.overview_book_site h4 {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px;
    border-bottom: 2px dotted #ccc;
}

.overview_book_site {
    border: 1px solid #ccc;
    padding: 10px 30px 20px;
}

.overview_book_site li {
    float: left;
    width: auto;
    margin-right: 5px;
}

.overview_book_site li a {
    background: rgba(240, 130, 0, 1);
    color: #fff;
    padding: 5px 20px;
    font-size: 14px;
    border-radius: 10px;
}

/*関連書籍*/
.overview_book .feature_box_publish {
    margin-bottom: 40px;
}

.overview_book .feature_box_publish .feature_box_left {
    width: 20%;
    float: left;
}

.overview_book .feature_box_publish .feature_box_right {
    width: 80%;
    float: right;
}

.overview_book .feature_box_publish .feature_box_right table {
    width: 100%;
}

.overview_book .feature_box_publish .feature_box_right tr {
    border-bottom: 1px dotted rgba(191, 191, 191, 1);
}

.overview_book .feature_box_publish .feature_box_right th,
.overview_book .feature_box_publish .feature_box_right td {
    padding: 7px 0;
    font-size: 14px;
}

.overview_book .feature_box_publish .feature_box_right th {
    width: 13%;
    font-weight: bold;
}

.overview_book .feature_box_publish .feature_box_right td {
    width: 87%;
}

.overview_book .feature_box_publish .feature_box_right td.pub_title {
    font-size: 16px;
    font-weight: bold;
}

/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
    PHILOSOPHY　企業理念
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
.philosophy {
    padding: 50px 0;
    text-align: center;
}

.philosophy h2 {
    font-size: 36px;
    margin-bottom: 20px;
    color: #fff;
    line-height: 1.5em;
    color: rgba(240, 130, 0, 1);
}

.philosophy p.serif {
    font-size: 24px;
    line-height: 2em;
    color: #000;
    margin-bottom: 0;
    font-weight: 100;
}

.philosophy img {
    margin: 50px auto 0;
    display: block;
    width: 55%;
    height: auto;
}

/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
    KIDSLAND　自然体験学習施設
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
.kids_01_land {
    float: left;
    display: inline-block;
    margin: 0 30px 20px 0;
}

.kids_01_map {
    text-align: center;
}

.kids_01_facility_detail {
    float: left;
    width: 30%;
}

.kids_01_facility_img {
    float: right;
    width: 65%;
}

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

.kids_box {
    border: 1px solid #ccc;
    padding: 10px 20px;
}

.kids_box p {
    font-size: 12px;
    line-height: 1.4em;
    margin-bottom: 0;
}

.kids_box h4 {
    font-size: 14px;
    color: rgba(51, 153, 51, 1);
    font-weight: bold;
    margin-bottom: 5px;
}

.kids_01_seikisha {
    margin-top: 50px;
}

.kids_01_seikisha_box {
    margin: 50px 0;
}

.kids_01_seikisha_img {
    float: left;
    width: 40%;
}

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

.kids_01_seikisha_summary {
    float: right;
    width: 55%;
}

.kids_01_seikisha_summary h4 {
    font-size: 18px;
    color: rgba(33, 60, 121, 1);
    font-weight: bold;
}

.kids_01_seikisha_story {
    border: 4px solid #f0f0f0;
    padding: 20px 30px;
}

.kids_01_seikisha_story h5 {
    color: rgba(240, 130, 0, 1);
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 10px;
}

.kids_01_aim {
    margin: 50px 0;
}

.kids_01_aim h3 {
    margin-top: 0;
}

.kids_01_aim_left {
    float: left;
    width: 47%;
}

.kids_01_aim_right {
    float: right;
    width: 47%;
}

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

/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
    BUNNYSSC　バニーズサッカースクール
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
.bunnyssc_top {
    width: 100%;
}

.bunnyssc_top img {
    width: 100%;
    height: auto;
    display: block;
    margin-bottom: 20px;
}

.bunnyssc_summary {
    float: left;
    width: 65%;
}

.bunnyssc_img {
    width: 30%;
    float: right;
}

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

/*ページ内ナビ*/
#inner_nav {
    display: table;
    width: 100%;
    margin: 50px 0 -1px;
}

#inner_nav a {
    display: table-cell;
    margin: 50px 0.1% 0 0;
    text-align: center;
    position: relative;
    z-index: 999;
    padding-right: 1%;
}

#inner_nav a span {
    display: block;
    background: rgba(220, 220, 220, 1);
    padding: 10px 0;
    font-size: 13px;
    letter-spacing: 0;
    line-height: 1.3em;
}

#inner_nav a.active span {
    font-weight: bold;
    background: #fff !important;
    border-top: 1px solid #c0c0c0;
    border-left: 1px solid #c0c0c0;
    border-right: 1px solid #c0c0c0;
    border-bottom: 1px solid #fff;
    color: rgba(240, 130, 0, 1);
}

#inner_nav a:hover span {
    background: rgba(240, 130, 0, 1) !important;
    color: #fff;
}

.bunnyssc_box .motion {
    width: 100%;
    display: none;
    border: 1px solid #c0c0c0;
    padding: 30px;
    box-sizing: border-box;
    z-index: 1;
    position: relative;
    margin-top: -1px;
}

.bunnyssc_box #motion_area1 {
    display: block;
}

.motion h3 {
    letter-spacing: 0;
}

/*「成基バニーズサッカースクール」とは*/
.bunnyssc_box #motion_area1 h4 {
    font-size: 21px;
    text-align: center;
    font-weight: bold;
    line-height: 1.1em !important;
    margin-bottom: 10px;
}

.bunnyssc_box #motion_area1 h4 small {
    font-size: 14px;
    font-weight: bold;
}

.motion_area1_athlete .kids_athlete {
    float: left;
    width: 48%;
    border-radius: 20px;
    background: rgba(240, 240, 240, 1);
    padding: 20px;
}

.motion_area1_athlete .kids_athlete h4 {
    color: rgba(255, 153, 0, 1);
}

.motion_area1_athlete .top_athlete {
    float: right;
    width: 48%;
    border-radius: 20px;
    background: rgba(240, 240, 240, 1);
    padding: 20px;
}

.motion_area1_athlete .top_athlete h4 {
    color: rgba(0, 153, 51, 1);
}

.bunnyssc_box .motion_area1_athlete p {
    background: #fff;
    padding: 20px;
    margin: 0;
    line-height: 1.5em;
    border-radius: 20px;
}

.motion_area1_motto {
    margin-bottom: 50px;
}

.motion_area1_motto h5 {
    font-size: 28px;
    font-weight: bold;
    margin: 50px 0 10px;
    border-bottom: 2px dotted rgba(240, 130, 0, 1);
    text-align: center;
}

.motion_area1_motto h5 br {
    display: none;
}

.motion_area1_motto ul {
    margin: 20px auto 0;
}

.motion_area1_motto li {
    font-size: 21px;
    font-weight: bold;
    margin-bottom: 2px;
    background: rgba(240, 130, 0, 0.1);
}

.motion_area1_motto li span {
    background: rgba(240, 130, 0, 1);
    text-align: center;
    padding: 5px 20px;
    display: inline-block;
    margin-right: 10px;
    color: #fff;
    letter-spacing: 3px;
}

.motion_area1_org {
    width: 100%;
    margin-bottom: 50px;
}

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

/*アドバイザー・コーチ*/
.bsc_mentor {
    background: rgba(240, 240, 240, 1);
    padding: 20px;
    margin-bottom: 30px;
}

.bsc_mentor_img {
    float: left;
    width: 18%;
}

.bsc_mentor_img img {
    width: 100%;
    height: auto;
    box-shadow: 2px 3px 5px rgba(0, 0, 0, 0.2);
}

.bsc_mentor_prof {
    float: right;
    width: 77%;
}

.bsc_mentor_prof h4 {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 20px;
    line-height: 1.7em;
}

.bsc_mentor_prof h4 span {
    font-size: 31px;
    display: block;
}

.bsc_mentor_prof h4 small {
    font-size: 18px;
}

.bsc_mentor_prof h4 b {
    display: block;
    margin-top: -3px;
    font-size: 13px;
    color: rgba(240, 130, 0, 1);
}

.bsc_mentor_prof h4 b br {
    display: none;
}

.bsc_mentor_prof h5 {
    font-size: 14px;
    font-weight: bold;
}

.bsc_mentor_prof ul {
    margin-bottom: 10px;
}

.bsc_mentor_prof li {
    font-size: 13px;
    border-bottom: 1px dotted #ccc;
    padding: 3px 0;
    letter-spacing: 0;
}

.bsc_mentor_prof li span {
    float: left;
    width: 35%;
}

.bsc_mentor_prof li b {
    float: right;
    width: 65%;
}

.bunnyssc_character {
    width: 100%;
}

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

/*スクール生募集*/
.bsc_tryday {
    margin-bottom: 30px;
}

bsc_tryday p span {
    font-size: 31px;
    font-weight: bold;
    color: rgba(240, 130, 0, 1);
}

.bsc_cost h3 b {
    display: inline-block;
    margin-left: 10px;
    background: rgba(222, 228, 240, 1);
    border-radius: 10px;
    padding: 0 20px;
    font-size: 12px;
    letter-spacing: 1px;
    color: #333;
}

.bsc_cost table.style_01 {
    table-layout: auto;
    margin-bottom: 20px;
}

.bsc_cost table.style_01 td.tb_left {
    width: 40%;
}

.bsc_cost table.style_01 th,
.bsc_cost table.style_01 td.tb_left br {
    display: none;
}

.bsc_cost table.style_01 td:nth-child(2) {
    text-align: center;
}

.bsc_cost table.style_01 td:nth-child(3) {
    text-align: right;
}

.bsc_entry td {
    text-align: left !important;
}

.bsc_entry td.tb_left {
    text-align: center !important;
    width: 25% !important;
}

.bsc_entry td p {
    margin: 0 !important;
}

.bsc_entry td span {
    display: block !important;
    font-size: 12px;
    text-align: left;
    line-height: 1.3em;
    margin: 0 !important;
}

/*申込み方法・お問い合わせ先*/
#motion_area4 a {
    color: rgba(33, 60, 121, 1);
    text-decoration: underline;
}

/*バニーズ京都SCチーム紹介*/
#motion_area5 a.to_link {
    float: right;
    display: block;
}

/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
    ASPIRATION　代表佐々木からのメッセージ
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
.aspirant {
    background: #f5f5f5;
    padding: 50px 80px;
    margin-bottom: 50px;
    text-align: center;
}

.aspirant video {
    width: 475px;
    height: auto;
    margin-bottom: 20px;
}

.aspirant p {
    font-size: 21px;
    line-height: 1.7em;
    letter-spacing: 2px;
}

.aspirant p small {
    font-size: 16px;
    color: rgba(33, 60, 121, 1);
    line-height: 1.5em;
    display: block;
}

.aspirant p strong {
    font-weight: bold;
    font-size: 28px;
    color: rgba(33, 60, 121, 1);
}

.aspirant_box ul {
    width: 100%;
    margin: 0 auto;
    display: flex !important;
    display: -moz-flexbox !important;
    display: -ms-flexbox !important;
    display: -webkit-box !important;
    display: -o-flexbox !important;
    display: -webkit-flex !important;
    flex-flow: wrap;
    -webkit-flex-flow: wrap;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    align-content: flex-end;
    -webkit-align-content: flex-end;
}

.aspirant_box li {
    -webkit-flex-basis: 47%;
    flex-basis: 47%;
    height: 200px;
    margin: 0 0 60px 0;
    position: relative;
}

.aspirant_box li a.to_link {
    display: block;
    position: absolute;
    bottom: 0;
    width: 100%;
}

/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
    PROMISSING　子どもたちを待ち受ける未来
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
.promissing {
    margin-bottom: 50px;
}

p.promiss {
    text-align: center;
    font-size: 34px;
    color: rgba(240, 130, 0, 1);
    line-height: 1.7em;
    margin: 50px 0;
}

.promissing_age {
    display: table;
    width: 100%;
}

.promissing_age .age2020,
.promissing_age .age2045,
.promissing_age .age2060,
.promissing_age .promissing_text {
    display: table-cell;
    vertical-align: top;
}

.promissing_age .age2020,
.promissing_age .age2045,
.promissing_age .age2060 {
    font-size: 34px;
    width: 20%;
    text-align: center;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 1em;
}

.promissing_age .age2020 {
    color: rgba(0, 160, 233, 1);
}

.promissing_age .age2045 {
    color: rgba(0, 153, 51, 1);
}

.promissing_age .age2060 {
    color: rgba(210, 83, 134, 1);
}

.promissing_age .age2020 i {
    font-size: 90px;
    color: rgba(0, 160, 233, 0.2);
}

.promissing_age .age2045 i {
    font-size: 90px;
    color: rgba(0, 153, 51, 0.2);
}

.promissing_age .age2060 i {
    font-size: 90px;
    color: rgba(210, 83, 134, 0.2);
}

.promissing_age .promissing_text {
    width: 80%;
    padding-left: 5%;
    box-sizing: border-box;
}

.promissing_age .promissing_text h3 {
    margin-top: 0;
    padding-top: 0;
}

.promissing_change {
    margin-bottom: 50px;
}

.promissing_change h4 {
    font-size: 21px;
    font-weight: bold;
    volume: rgba(33, 60, 121, 1);
    margin-bottom: 5px;
}

.promissing_change h4 small {
    font-size: 14px;
    font-weight: bold;
}

.promissing_change h4 br {
    display: none;
}

/*2020年*/
.promissing_change .promiss_2020 {
    background: rgba(0, 160, 233, 1);
    border-radius: 20px;
    padding: 20px;
    display: table;
    margin-bottom: 10px;
    width: 100%;
}

.promissing_change .promiss_2020 h5 {
    display: table-cell;
    vertical-align: middle;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    width: 20%;
    text-align: center;
}

.promissing_change .promiss_2020 i {
    display: table-cell;
    vertical-align: middle;
    width: 7%;
    font-size: 30px;
    color: #fff;
    font-weight: bold;
}

.promissing_change .promiss_2020 i.fa-caret-down {
    display: none;
}

.promissing_change div.promiss_2020_text {
    color: rgba(255, 255, 0, 1);
    vertical-align: middle;
    display: table-cell;
    font-size: 15px;
    font-weight: bold;
}

/*2045年*/
.promiss_2045 {
    background: rgba(0, 153, 51, 1);
    border-radius: 20px;
    padding: 20px;
    display: table;
    margin-bottom: 10px;
    width: 100%;
}

.promiss_2045 .promiss_2045_ozborn {
    display: table-cell;
    vertical-align: middle;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    width: 50%;
    text-align: center;
}

.promiss_2045 .promiss_2045_ozborn blockquote {
    font-size: 34px;
    font-weight: bold;
    line-height: 1.1em;
}

.promiss_2045 .promiss_2045_ozborn blockquote span {
    font-size: 60px;
    font-weight: bold;
    line-height: 1.1em;
    color: rgba(255, 255, 0, 1);
}

.promiss_2045 .promiss_2045_ozborn blockquote span b {
    font-size: 100px;
    font-weight: bold;
    line-height: 1.1em;
    color: rgba(255, 255, 0, 1);
}

.promiss_2045 .promiss_2045_ozborn .blockquote_org {
    font-size: 11px;
}

.promiss_2045 .promiss_2045_ozborn .blockquote_org br {
    display: none;
}

.promiss_2045 .promiss_2045_job {
    color: #fff;
    vertical-align: middle;
    display: table-cell;
    font-size: 15px;
    font-weight: bold;
}

.promiss_2045 .promiss_2045_job li {
    display: inline;
}

.promiss_2045 .promiss_2045_job li:after {
    content: "/";
}

.promissing_population {
    text-align: right;
}

.promissing_population img {
    width: 80%;
    height: auto;
}

/*保護者の不安、とまどい*/
.promissing_ppt {
    width: 100%;
    margin-bottom: 50px;
}

.promissing_ppt h3 {
    background: rgba(240, 130, 0, 0.2);
    font-size: 18px;
    padding: 5px 20px;
    color: #333;
}

.promissing_ppt h3 span {
    display: block;
    font-size: 14px;
}

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

.promissing_ppt p {
    font-size: 16px;
    font-weight: bold;
    border-top: 2px dotted #ccc;
    border-bottom: 2px dotted #ccc;
    padding: 20px 0;
    margin-top: 20px;
}

.promissing_ppt_summary {
    font-size: 11px;
    line-height: 1.5em;
}

.promissing_ppt_summary span {
    font-weight: bold;
    display: block;
}

/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
    AMBITION　夢・志を実現するための教育メソッド
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
.ambition {
    margin-bottom: 50px;
}

/*求められる人材像*/
#ambition_list {
    border: 1px solid #ccc;
    padding: 20px 10px;
    text-align: center;
}

#ambition_list h3 {
    font-size: 24px;
    margin: 10px 0 20px;
}

#ambition_list h3 br {
    display: none;
}

#ambition_list h3 span {
    display: block;
    font-size: 16px;
}

#ambition_list ul {
    width: 80%;
    margin: 0 auto;
    padding-left: 20px;
}

#ambition_list li {
    font-size: 14px;
    margin: 5px 0;
    padding-left: 1em;
    text-align: left;
}

#ambition_list li span {
    text-indent: -1em;
    display: block;
}

#ambition_list li i {
    color: rgba(240, 130, 0, 1);
    font-size: 18px;
    padding-right: 5px;
}

/*真のグローバル人財*/
.ambition_left {
    float: left;
    width: 60%;
}

.ambition_right {
    float: right;
    width: 40%;
    padding-left: 5%;
    box-sizing: border-box;
}

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

/*4J*/
.ambition_box {
    position: relative;
}

.ambition_box ul {
    padding: 20px 30px 0;
    border: 5px solid #f0f0f0;
}

.ambition_box li span {
    background: rgba(240, 130, 0, 1);
    font-size: 16px;
    font-weight: bold;
    padding: 5px 0;
    margin-right: 5px;
    color: #fff;
    width: 6em;
    text-align: center;
    display: inline-block;
}

.ambition_box li {
    font-size: 16px;
    margin: 20px 0;
    font-weight: bold;
}

.ambition_box p.note {
    margin: 0 !important;
    padding: 0;
    text-align: right;
}

.ambition_box .text4j {
    position: absolute;
    font-size: 230px !important;
    font-family: "Times New Roman", Times, serif;
    font-style: italic;
    color: rgba(0, 0, 0, 0.1);
    right: 30px;
    top: 10px;
}

/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
    CONSEPTION　成基100年構想
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
.conception {
    margin-bottom: 80px;
}

.conception h3.serif {
    font-size: 34px;
    text-align: center;
    color: rgba(33, 60, 121, 1);
    margin-bottom: 30px;
}

.conception h4 {
    font-size: 28px;
    font-weight: bold;
    color: rgba(240, 130, 0, 1);
    margin-bottom: 20px;
    text-align: center;
}

.conception h4 span b {
    font-size: 50px;
    font-weight: bold;
    color: rgba(240, 130, 0, 1);
}

.conception ul {
    padding-left: 30px;
}

.conception li {
    font-size: 18px;
    list-style: decimal outside;
    margin-bottom: 20px;
    font-family: "Roboto Slab", Garamond, "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}

.conception_box_30 li {
    font-size: 24px;
}

.conception_box_50 h5 {
    font-size: 31px;
    margin-bottom: 40px;
    text-align: center;
    font-family: "Roboto Slab", Garamond, "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}

.conception_box_50 p {
    font-size: 15px;
    font-family: "Roboto Slab", Garamond, "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}

.conception table.style_01 tr,
.conception table.style_01 td,
.conception table.style_01 tbody {
    display: block;
    width: 100%;
    margin-bottom: 20px;
}

.conception table.style_01 td.tb_left {
    display: block;
    width: 100%;
    margin-bottom: 5px;
    font-weight: bold;
    font-size: 16px;
}

.conception td {
    display: block;
    width: 100%;
}

/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
    UPJAPAN　Up Japan Project
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
.upjp_main {
    width: 100%;
}

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

.upjp {
    margin-bottom: 50px;
}

.upjp h3.serif {
    font-size: 34px;
    text-align: center;
    color: rgba(33, 60, 121, 1);
    margin-bottom: 30px;
}

.upjp h4 {
    color: rgba(230, 0, 17, 1);
    font-size: 21px;
    font-weight: bold;
    margin-bottom: 20px;
}

.upjp_left {
    float: left;
    width: 70%;
}

.upjp_right {
    float: right;
    width: 25%;
    text-align: center;
}

.upjp_right img {
    width: 100%;
    height: auto;
    display: block;
    margin-bottom: 10px;
    line-height: 1em;
}

.upjp_right a {
    font-size: 14px;
}

.upjp h3 {
    letter-spacing: 0;
}

/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
    教育ラインナップ
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
.lineup_box {
    position: relative;
    width: 100%;
    margin: 30px 0;
}

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

.lineup_box a {
    display: block;
    position: absolute;
}

.lineup_box a img {
    width: auto !important;
    height: auto;
}

/*ラインナップ表*/
#lineup_tam {
    top: 100px;
    left: 27px;
}

#lineup_sgs {
    top: 158px;
    left: 176px;
}

#lineup_edub {
    top: 167px;
    left: 652px;
}

#lineup_sap {
    top: 219px;
    left: 286px;
}

#lineup_toshin {
    top: 279px;
    left: 480px;
}

#lineup_gf {
    top: 340px;
    left: 176px;
}

#lineup_gkc {
    top: 400px;
    left: 101px;
}

#lineup_gfh {
    top: 400px;
    left: 480px;
}

#lineup_sss {
    top: 470px;
    left: 250px;
}

#lineup_tutor {
    top: 540px;
    left: 176px;
}

#lineup_lepton {
    bottom: 217px;
    left: 101px;
}

#lineup_pm {
    bottom: 203px;
    left: 651px;
}

#lineup_sokudoku {
    bottom: 155px;
    left: 175px;
}

#lineup_algo {
    bottom: 85px;
    left: 175px;
}

#lineup_eb {
    bottom: 64px;
    left: 651px;
}

#lineup_dv {
    bottom: 15px;
    left: 175px;
}

/*一般向け教育バナー*/
.lineup_public {
    padding: 30px 0;
}

.lineup_public ul {
    width: 100%;
    margin: 0 auto;
    display: flex !important;
    display: -moz-flexbox !important;
    display: -ms-flexbox !important;
    display: -webkit-box !important;
    display: -o-flexbox !important;
    display: -webkit-flex !important;
    flex-flow: wrap;
    -webkit-flex-flow: wrap;
    justify-content: space-between;
    -webkit-justify-content: space-between;
}

.lineup_public li {
    -webkit-flex-basis: 32%;
    flex-basis: 32%;
    text-align: center;
    font-size: 14px;
}

.lineup_public li img {
    width: 100% !important;
    height: auto;
}

/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
    エデュ・バイト
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
.edu,
.edu_project,
.edu_skill,
.edu_coaching {
    margin-bottom: 50px;
}

.edu h3 {
    text-align: center;
    font-size: 34px;
    color: rgba(33, 60, 121, 1);
}

.edu h3 br {
    display: none;
}

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

.edu_skill ul {
    background: rgba(253, 208, 0, 1);
    padding: 20px 30px 20px 100px;
}

.edu_skill li {
    font-size: 21px;
    line-height: 1.7em;
}

.edu_skill i {
    color: rgba(29, 174, 223, 1);
    font-size: 28px;
    padding-right: 5px;
}

.edu_coaching_box {
    border: 1px solid #ccc;
    padding: 20px 30px;
    margin-bottom: 10px;
}

.edu_coaching_box h4 {
    font-size: 18px;
    font-weight: bold;
    color: rgba(29, 174, 223, 1);
}

.edu_coaching_box p {
    margin-bottom: 0;
}

/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
    E-Coaching/B-Coaching
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
.ecbc {
    margin-bottom: 50px;
}

.ecbc h2 small {
    display: inline-block;
    padding-left: 5px;
}

/*教育コーチングとは*/
.ecbc_01 img {
    width: 100%;
    height: auto;
    display: block;
    margin: 0 0 30px;
}

/*教育関係者向けコーチング研修*/
.ecbc_02_left {
    float: left;
    width: 65%;
}

.ecbc_02_right {
    float: right;
    width: 30%;
}

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

/*全国への導入*/
.ecbc_detail {
    margin-bottom: 50px;
}

.ecbc_detail h3 {
    color: rgba(8, 120, 82, 1);
    display: table;
    margin-bottom: 10px;
}

.ecbc_detail h3 b,
.ecbc_detail h3 span {
    display: table-cell;
    vertical-align: middle;
    font-weight: bold;
}

.ecbc_detail h3 span {
    border: 2px solid rgba(8, 120, 82, 1);
    padding: 5px 10px;
    font-size: 24px;
}

.ecbc_detail h3 b {
    padding-left: 10px;
    font-size: 21px;
    line-height: 1.5em;
}

.ecbc_detail_left {
    float: left;
    width: 65%;
}

.ecbc_detail_right {
    float: right;
    width: 30%;
}

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

/*事例*/
.ecbc_class {
    border: 4px solid #f0f0f0;
    padding: 30px;
    margin-bottom: 30px;
}

.ecbc_class h4 {
    color: rgba(8, 120, 82, 1);
    font-size: 21px;
    font-weight: bold;
    margin-bottom: 10px;
}

.ecbc_class h4 span {
    font-size: 18px;
    display: block;
}

.ecbc_class_img {
    width: 100%;
    margin: 0 auto 30px;
    display: flex !important;
    display: -moz-flexbox !important;
    display: -ms-flexbox !important;
    display: -webkit-box !important;
    display: -o-flexbox !important;
    display: -webkit-flex !important;
    flex-flow: wrap;
    -webkit-flex-flow: wrap;
    justify-content: space-between;
    -webkit-justify-content: space-between;
}

.ecbc_class_img span {
    -webkit-flex-basis: 47%;
    flex-basis: 47%;
    display: block;
}

.ecbc_class_img span img {
    width: 100%;
    height: auto;
}

/*実践講座の流れ*/
.ecbc_flow {
    margin: 20px 0 30px;
}

.ecbc_flow li {
    display: table;
    width: 100%;
}

.ecbc_flow_list {
    display: table-cell;
    vertical-align: middle;
    width: 17% !important;
    text-align: center;
    font-size: 16px;
    color: rgba(240, 130, 0, 1);
}

.ecbc_flow_list span {
    background: rgba(8, 120, 82, 1);
    border-radius: 8px;
    display: block;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    padding: 20px 0;
    width: 100%;
}

.ecbc_flow_summary {
    display: table-cell;
    vertical-align: middle;
    width: 83%;
    padding-left: 3%;
}

.ecbc_flow_summary h5 {
    color: rgba(8, 120, 82, 1);
    font-size: 18px;
    font-weight: bold;
}

.ecbc_flow li:last-child .ecbc_flow_list span {
    background: rgba(240, 130, 0, 1);
}

.ecbc_flow li:last-child .ecbc_flow_summary h5 {
    color: rgba(240, 130, 0, 1);
}

/*導入事例*/
.ecbc_case {
    display: table;
    width: 100%;
}

.ecbc_case_left {
    display: table-cell;
    width: 60%;
    vertical-align: top;
}

.ecbc_case_left h3 {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px;
    color: rgba(8, 120, 82, 1);
}

.ecbc_case_left h4 {
    color: rgba(240, 130, 0, 1);
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px;
}

.ecbc_case_right {
    display: table-cell;
    vertical-align: middle;
    width: 40%;
    text-align: center;
    padding-left: 5%;
    letter-spacing: 0;
    line-height: 1.3em;
}

.ecbc_case_right img {
    width: 40%;
    height: auto;
    box-shadow: 2px 3px 5px rgba(0, 0, 0, 0.4);
    display: block;
    margin: 10px auto;
}

.ecbc_case_right p {
    font-weight: bold;
    font-size: 14px;
}

.ecbc_case_right span {
    display: block;
    font-size: 12px;
}

.ecbc_case:last-child .ecbc_case_left {
    width: 30%;
}

.ecbc_case:last-child .ecbc_case_middle {
    display: table-cell;
    width: 35%;
    vertical-align: middle;
    padding: 0 2%;
}

.ecbc_case:last-child .ecbc_case_middle img {
    width: 100%;
    height: auto;
}

.ecbc_case:last-child .ecbc_case_right {
    width: 35%;
    padding-left: 0;
}

/*実績*/
.ecbc_area h4 {
    font-size: 18px;
    color: rgba(240, 130, 0, 1);
    font-weight: bold;
    margin-top: 20px;
}

/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
    お客様との約束
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
.announce_box {
    margin-bottom: 80px;
}

.announce_box a.to_link {
    float: right;
    display: block;
}

.announce_box img {
    width: 100%;
    height: auto;
    display: block;
    margin-bottom: 10px;
}

.announce_box7s {
    display: table;
    width: 100%;
    padding: 10px 50px;
    position: relative;
    border: 4px solid #f0f0f0;
    margin-bottom: 20px;
}

.announce_box7s ul,
.announce_box7s i {
    position: relative;
    display: table-cell;
    vertical-align: middle;
    position: relative;
    z-index: 10;
}

.announce_box7s ul {
    width: 59%;
    position: relative;
    z-index: 10;
    padding: 0;
}

.announce_box7s ul:first-child {
    width: 45%;
}

.announce_box7s ul:first-child li {
    line-height: 1.3em;
    padding-left: 80px;
    letter-spacing: 3px;
}

.announce_box7s li {
    font-size: 50px;
    font-weight: bold;
    letter-spacing: 0;
    text-shadow: 2px 2px 0 #fff;

}

.announce_box7s li span {
    font-size: 30px;
    font-weight: bold;
    font-style: italic;
    color: rgba(240, 130, 0, 1);
    display: inline;
    text-shadow: 2px 2px 0 #fff;
}

.announce_box7s i {
    font-size: 150px;
    font-weight: bold;
    color: rgba(0, 0, 0, 0.5);
    text-align: center;
}

.announce_box7s p.s5 {
    position: absolute;
    top: 50%;
    margin-top: -20px;
    left: 10px;
    font-size: 200px;
    font-weight: bold;
    color: #f0f0f0;
    z-index: 0;
}

.announce_box7s p.s2 {
    position: absolute;
    top: 50%;
    margin-top: -20px;
    right: 10px;
    font-size: 200px;
    font-weight: bold;
    color: #f0f0f0;
    z-index: 0;
}

.announce_box p span {
    font-size: 10px !important;
}

.announce_box p.note span {
    font-size: 12px !important;
}
#load7s {
	margin-top: -100px;
    padding-top: 100px;

}

/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
    行動規範「クレド」
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
.credo h3,
.credo h4 {
    font-family: "Roboto Slab", Garamond, "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}

.credo h3 {
    margin: 50px 0 0;
    font-size: 40px !important;
}

.credo h4 {
    font-size: 31px;
    font-weight: bold;
    position: relative;
}

.credo h4 i {
    position: absolute;
    top: 20px;
    left: 0;
    font-size: 60px;
    font-weight: normal;
    color: rgba(33, 60, 121, 1);
    position: relative;
    z-index: 1;
}

.credo h4 span {
    color: #fff;
    font-size: 21px;
    font-weight: bold;
    z-index: 10;
    display: inline-block;
    margin-left: -28px;
    position: relative;
    z-index: 10;
    padding-right: 25px;
}

.credo h4 span.dbf {
    margin-left: -32px;
    padding-right: 16px;
}

.credo p {
    padding-left: 50px;
    font-family: "Roboto Slab", Garamond, "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}

.credo a {
	color: rgba(240, 130, 0, 1);
	font-weight:bold;
}

/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
    教育ラインナップのナビゲーション
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*電話で*/
.call {
    display: table;
    width: 100%;
    border-collapse: separate;
    border-spacing: 2px;
    margin-bottom: 10px;
}

.call p {
    display: table-cell;
    height: 100px;
    vertical-align: middle;
    background: #f0f0f0;
    font-size: 18px;
    font-weight: bold;
    padding-left: 40px;
}

.call p:last-child {
    text-align: center;
    width: 40%;
    padding-left: 0;
}

.call p:last-child span {
    font-weight: bold;
    font-size: 31px;
    color: rgba(240, 130, 0, 1);
}

.call p small {
    font-size: 13px;
    display: block;
    letter-spacing: 0;
    line-height: 1.3em;
}

/*資料請求*/
.request {
    display: table;
    width: 100%;
    border: 4px solid #f0f0f0;
    box-sizing: border-box;
}

.request p {
    display: table-cell;
    height: 100px;
    vertical-align: middle;
    font-size: 18px;
    font-weight: bold;
    padding-left: 40px;
}

.request .request_btn {
    display: table-cell;
    height: 100px;
    vertical-align: middle;
}

.request .request_btn a {
    float: right;
    background: rgba(240, 130, 0, 1);
    color: #fff;
    padding: 15px 25px;
    margin-right: 40px;
    border: none;
}

.call p br,
.request p br {
    display: none;
}

/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
    ダビンチとは
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
.davinci .page_nav li:last-child {
    padding: 0;
}

.davinci .page_nav li:last-child span {
    border: 2px solid rgba(240, 130, 0, 1) !important;
    box-sizing: border-box;
    padding: 13px 0;
}

.davinci_about {
    width: 100%;
    margin-bottom: 50px;
}

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

.davinci_left {
    float: left;
    width: 65%;
}

.davinci_right {
    float: right;
    width: 30%;
}

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

.davinci_about p b {
    font-size: 16px;
    font-weight: bold;
}

.davinci_about .gmap {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
}

.davinci_about .gmap iframe,
.davinci_about .gmap object,
.davinci_about .gmap embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.davinci_about a {
    text-decoration: underline;
}

.davinci_about a:hover {
    color: rgba(240, 130, 0, 1);
}

/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
    ダビンチ学習システム
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
.davinci_system {
    margin-bottom: 50px;
}

.davinci_feature ul {
    width: 100%;
    display: flex !important;
    display: -moz-flexbox !important;
    display: -ms-flexbox !important;
    display: -webkit-box !important;
    display: -o-flexbox !important;
    display: -webkit-flex !important;
    flex-flow: wrap;
    -webkit-flex-flow: wrap;
    justify-content: space-between;
    -webkit-justify-content: space-between;
}

.davinci_feature li {
    -webkit-flex-basis: 48%;
    flex-basis: 48%;
    margin-bottom: 20px;
}

.davinci_feature li img {
    width: 100%;
    height: auto;
}

.davinci_system_left {
    float: left;
    width: 65%;
}

.davinci_system_right {
    float: right;
    width: 30%;
}

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

.davinci_program h3 {
    font-size: 21px;
}

.davinci_program ul {
    padding-left: 30px;
}

.davinci_program li {
    font-size: 14px;
    list-style: disc outside;
    margin: 5px 0;
    line-height: 1.3em;
}

/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
    ダビンチ学習システム　グレード
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
.davinci_grade_banner ul {
    width: 100%;
    display: flex !important;
    display: -moz-flexbox !important;
    display: -ms-flexbox !important;
    display: -webkit-box !important;
    display: -o-flexbox !important;
    display: -webkit-flex !important;
    flex-flow: wrap;
    -webkit-flex-flow: wrap;
    justify-content: space-between;
    -webkit-justify-content: space-between;
}

.davinci_grade_banner li {
    -webkit-flex-basis: 24%;
    flex-basis: 33%;
    margin-bottom: 20px;
}

.davinci_grade_banner li img {
    width: 100%;
    height: auto;
}

.davinci_grade {
    margin-bottom: 50px;
}

.davinci_grade_left {
    float: left;
    width: 65%;
}

.davinci_grade_right {
    float: right;
    width: 30%;
}

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

.davinci_grade table.style_01 {
    margin-bottom: 20px;
}

.davinci_grade table.style_01 td.tb_left {
    width: 30%;
}

.davinci_grade table.style_01 tr:last-child td.tb_left {
    background: rgba(222, 228, 240, 1);
}

.davinci_cost table.style_01 td:nth-child(2) {
    text-align: right;
    color: rgba(240, 130, 0, 1);
    font-weight: bold;
}

.davinci_cost p.note {
    margin: 0 !important;
}

.davinci_schedule table.style_01 td.tb_left {
    width: 10%;
}

.davinci_schedule table.style_01 td strong {
    color: rgba(240, 130, 0, 1);
    font-weight: bold;
}

.davinci_schedule table.davinci_grade012 td:nth-child(2) {
    width: 30%;
    letter-spacing: 0;
}

.davinci_schedule table.davinci_grade03 td:nth-child(2) {
    width: 27%;
    letter-spacing: 0;
}

/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
    ダビンチ入会までの流れ
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
.davinci_entry {
    margin-bottom: 50px;
}

.davinci_entry p.note {
    margin: 0 !important;
}

/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
    ダビンチ入会までの流れ
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
.davinci_trial {
    margin-bottom: 50px;
}

.davinci_trial table.style_01 td.tb_left {
    width: 20%;
}

/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
    ロボ団とは
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
.robo_about_list {
	padding:20px;
	background:#f0f0f0;
}
.robo_about_list li {
	display: table;
	border-bottom:dotted 1px #999;
	min-height:73px;
	width:100%;
}
.robo_about_list li:last-child {
	border-bottom:none;
}
.robo_about_list li .left {
	width:50px;
	display:table-cell;
	vertical-align: middle;
	float:none;
}
.robo_about_list li .left img {
	width:100%;
}
.robo_about_list li .right {
	display: table-cell;
	float:none;
	width:auto;
	margin:0;
	padding:10px 0 10px 20px;
	vartical-align:middle;
}
.robo_about_list li .right p {
	margin:0;
}
.robo_about_imgbox {
	margin:20px 0 0;
	text-align:center;
}
.robo-ex-txt {
	font-size:14px;
}
.robo_about {
  overflow: hidden;
}
.robo_about h4 {
	margin:0 0 15px;
	padding:0 0 5px 5px;
	font-size:16px;
	font-weight: bold;
	border-bottom:solid 2px #747a7e;
}
.robo_about table {
  width:100%;
  margin:0 0 20px;
  border-top: 1px solid #999;
  border-left: 1px solid #999;
}
.robo_about table tr th {
  width: 20%;
  padding: 10px 0;
  text-align: center;
  width: 20%;
  background: rgba(33, 60, 121, 1);
  color: #fff;
  font-weight: bold;
  border-bottom: 1px solid #999;
  border-right: 4px solid #999;
  box-sizing: border-box;
  vertical-align: middle;
}
.robo_about table tr td {
  width: 80%;
  padding: 10px 10px 10px 20px;
  border-right: solid 1px #999;
  border-bottom: solid 1px #999;
  text-align: left;
  vertical-align: middle;
  box-sizing: border-box;
}
.robo_about table tr td span {
  font-size:12px;
}

/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
    ロボ 学習の流れ
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
#robo_flow_ict {
	overflow:hidden;
}
#robo_flow_ict .robo_flow_ict_left {
	width:48%;
	float:left;
}
#robo_flow_ict .robo_flow_ict_left img {
	width:100%;
	max-width:238px;
	display: block;
	margin:0 auto 5px;
}
#robo_flow_ict .robo_flow_ict_left .robo-ex-txt {
	line-height: 1.4;
}
#robo_flow_ict .robo_flow_ict_right {
	width:48%;
	float:right;
}
#robo_flow_ict .robo_flow_ict_right img {
	width:100%;
	max-width:83px;
	display: block;
	margin:0 auto;
}

/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
    ロボ 実施教室・日程
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
.robo_workdate table {
	width:100%;
	border-top:solid 1px #999;
}
.robo_workdate table tr {
	border-bottom:solid 1px #999;
	background:#eaeaec;
}
.robo_workdate table tr th {
	padding: 10px 0;
    text-align: center;
    width: 25%;
    background: rgba(33, 60, 121, 1);
    color: #fff;
    font-weight: bold;
    border-bottom: 1px dotted #999;
    border-right: 4px solid rgba(192, 192, 192, 1);
	border-left: 1px solid rgba(192, 192, 192, 1);
	box-sizing: border-box;
}
.robo_workdate table tr td {
	width: 25%;
	padding:10px 0;
	text-align: center;
}
.robo_workdate table tr td:last-child {
	border-right: 1px solid rgba(192, 192, 192, 1);
}
#robo_workdate2 table {
	width:100%;
}
#robo_workdate2 table tr {
	border-top:solid 1px #999;
	border-left:solid 1px #999;
	background:#eaeaec;
}
#robo_workdate2 table tr th {
	padding: 10px 0;
    text-align: center;
    width: 20%;
    background: rgba(33, 60, 121, 1);
    color: #fff;
    font-weight: bold;
    border-bottom: 1px dotted #999;
    border-right: 4px solid rgba(192, 192, 192, 1);
	border-left: 1px solid rgba(192, 192, 192, 1);
	box-sizing: border-box;
	vertical-align: middle;
}
#robo_workdate2 table tr td {
	width:20%;
	height:59px;
	padding:10px 0;
	border-right:solid 1px #999;
	border-bottom:solid 1px #999;
	text-align:center;
	vertical-align: middle;
	box-sizing: border-box;
}
#robo_workdate2 table tr td:empty {
   background-image: linear-gradient(158deg, transparent 49%, rgba(192, 192, 192, 1) 49%, rgba(192, 192, 192, 1) 51%, transparent 51%, transparent);
}
#robo_workdate2 table tr th.both-bord-clear {
	border-right:1px solid rgba(192, 192, 192, 1);
	border-bottom:1px solid rgba(192, 192, 192, 1);
}
#robo_workdate2 table tr th.under-bord {
	border-right:1px solid rgba(192, 192, 192, 1);
	border-bottom: 4px solid rgba(192, 192, 192, 1);
}
#robo_workdate2 table tr td.left-bord {
	border-left: 4px solid rgba(192, 192, 192, 1);
}
.robo_classroom .davinci_left {
	float: left;
    width: 55%;
}
.robo_classroom .davinci_right {
    float: right;
    width: 40%;
}
.extend-decorate {
	font-size:16px !important;
	font-weight: bold;
	color:#00a0e9;
}


/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
    速読講座とは
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*速読メイン*/
.sokudoku_main p {
    margin-top: 0 !important;
}

.sokudoku_main p a {
    color: rgba(33, 60, 121, 1);
    text-decoration: underline;
}

.sokudoku_main p a:hover {
    color: rgba(240, 130, 0, 1);
}

/*速読講座とは*/
.sokudoku_about {
    margin-bottom: 50px;
}

.sokudoku_six {
    display: table;
    margin: 0 auto 40px;
}

.sokudoku_about_left,
.sokudoku_about_right {
    display: table-cell;
    width: 50%;
    vertical-align: middle;
}

.sokudoku_about_left {
  padding-right: 5%;
}

.sokudoku_about_right {
    padding: 30px 0 0 3%;
}

.sokudoku_about_left img,
.sokudoku_about_right img {
    width: 100%;
    height: auto;
}

/*速読講座3コース*/
.sokudoku_box {
    border: 4px solid #f0f0f0;
    padding: 30px;
}

.sokudoku_box h3 {
  margin:0 0 10px;
    color: rgba(4, 121, 186, 1);
    font-size: 24px;
    font-weight: bold;
}

.sokudoku_box h3 small {
    font-size: 18px;
}

.sokudoku_box h4 {
    font-size: 18px;
    font-weight: bold;
    color: rgba(240, 130, 0, 1);
    margin: 30px 0 10px;
}

.sokudoku_box h5 {
    color: rgba(4, 121, 186, 1);
    font-size: 18px;
}

.sokudoku_box li {
    margin: 0;
}

.sokudoku_box li span {
    font-size: 14px;
    line-height: 1.3em;
}

.sokudoku_three_list {
    float: left;
    width: 60%;
}

.sokudoku_three_img {
    float: right;
    width: 35%;
}

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

.sokudoku_sports h3 {
    color: rgba(6, 165, 92, 1);
}

.sokudoku_sports h5 {
    color: rgba(6, 165, 92, 1);
}

.sokudoku_jr h3 {
    color: rgba(255, 127, 148, 1);
}

.sokudoku_jr h5 {
    color: rgba(255, 127, 148, 1);
}
.sokudoku_imageList {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.sokudoku_imageList li {
  flex-basis: auto;
  text-align:center;
  line-height: 0;
}
.sokudoku_imageList li img {
  width:100%;
}
.sokudoku_imageList li strong {
  display: block;
  margin:0 0 10px;
  font-size:12px;
  font-weight: bold;
  color:#00448d;
  line-height: 1.4;
}
.sokudoku_imageList li strong span {
  margin:0 5px 0 0;
  padding:0 6px;
  background:#00448d;
  border-radius: 5px;
  color:#fff;
}
.sokudoku_imageList .arrow-box {
  flex-basis:20px !important;
  flex-shrink: 0 !important;
  margin:0 10px !important;
}
.sokudoku_imageList .plus-box {
  flex-basis:15px !important;
  flex-shrink: 0 !important;
  margin:0 5px !important;
}
.sokudoku_imageList .space-box {
  flex-basis:6px !important;
  flex-shrink: 0 !important;
  margin:0 2px !important;
}
.type-img2-imgCom1 li.add-comment {
  flex-basis: 290px;
  flex-shrink: 0;
}
.multi-column {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.type-img2-imgCom1 li .multi-column div {
  flex-basis: 49%;
  flex-shrink: 0;
  text-align:left;
  line-height: 0;
}
.type-img3-imgCom1 .add-comment {
  flex-basis: 210px;
  flex-shrink: 0;
}
.type-img3-imgCom1 .comment-box {
  flex-shrink: 0;
  flex-basis: 100px;
  text-align: left;
}
.type-doubleColumn li {
  flex-basis: 47%;
  flex-shrink: 0;
}
.type-doubleColumn li .multi-column {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.type-doubleColumn li .multi-column div {
  text-align:left;
  line-height: 0;
}
.sokudoku_imageList .comment-box {
  padding:5px;
  border-radius: 7px;
  box-shadow: 3px 3px 3px rgba(0,0,0,0.3);
  box-sizing: border-box;
  align-self: stretch;
}
.sokudoku_imageList .comment-box .point {
  background:#fff338;
  color:#f08200;
  font-weight: bold;
}
.sokudoku_imageList .comment-box p {
  margin:15px 0 0;
  line-height: 1.4;
  font-size:11px;
}
.type-doubleColumn .flex-comment {
  align-self: stretch;
  flex-basis: 120px;
  flex-shrink: 0;
  display: flex;
}
.slideToggle-open {
  display: none;
}


/*成基の速読講座*/
.sokudoku_seiki ul {
    width: 100%;
    margin: 0 auto;
    display: flex !important;
    display: -moz-flexbox !important;
    display: -ms-flexbox !important;
    display: -webkit-box !important;
    display: -o-flexbox !important;
    display: -webkit-flex !important;
    flex-flow: wrap;
    -webkit-flex-flow: wrap;
}

.sokudoku_seiki li {
    -webkit-flex-basis: 31%;
    flex-basis: 31%;
    margin: 0 2.3% 25px 0;
}

.sokudoku_seiki li h4 {
    color: rgba(4, 121, 186, 1);
    font-size: 21px;
    font-weight: bold;
    letter-spacing: 0;
}

.sokudoku_seiki li h4 small,
.sokudoku_seiki li h4 i {
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 0;
}

.sokudoku_seiki li h5 {
    color: rgba(4, 121, 186, 1);
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 0;
}

.sokudoku_seiki li p {
    font-size: 14px;
    letter-spacing: 0;
}

/*読書量が増える*/
.sokudoku_volume_text {
    float: left;
    width: 60%;
}

.sokudoku_volume_img {
    float: right;
    width: 35%;
}

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

.sokudoku_10 {
    background: #fdfde8;
    padding: 30px 50px;
}

.sokudoku_10_bk {
    background: #fff;
    padding: 20px 30px;
}

.sokudoku_10 img:first-child {
    float: left;
    width: 45%;
}

.sokudoku_10 img:last-child {
    float: right;
    width: 42%;
}

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

/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
    速読講座　授業料・講座の紹介
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
.sokudoku_class {
    margin-bottom: 50px;
}

.sokudoku_class table.style_01 td.tb_left {
    width: 25%;
}

.sokudoku_class table.style_01 td:nth-child(3) {
    width: 10%;
    text-align: center;
}

.sokudoku_class table.style_01 td:last-child {
    width: 38%;
}

/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
    速読講座　実施教室
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*一覧アンカー*/
.sokudoku_classroom .list_box {
    border-top: 1px solid #c0c0c0;
    margin: 0 0 30px;
    padding: 15px 0;
    width: 100%;
    display: flex !important;
    display: -moz-flexbox !important;
    display: -ms-flexbox !important;
    display: -webkit-box !important;
    display: -o-flexbox !important;
    display: -webkit-flex !important;
    flex-flow: wrap;
    -webkit-flex-flow: wrap;
    justify-content: space-between;
    -webkit-justify-content: space-between;
}

.sokudoku_classroom .list_box li {
    -webkit-flex-basis: 16%;
    flex-basis: 16%;
    vertical-align: middle;
    text-align: center;
    margin: 0;
}

.sokudoku_classroom .list_box li a {
    display: block;
    padding: 10px 0 5px;
    box-sizing: border-box;
    border: 1px solid rgba(33, 60, 121, 1);
    font-size: 14px;
    font-weight: bold;
    color: rgba(33, 60, 121, 1);
    line-height: 1.2em;
}

.sokudoku_classroom .list_box li a:hover {
    background: rgba(33, 60, 121, 1);
    color: #fff;
}

.sokudoku_classroom .list_box li a b {
    font-size: 10px;
}

.sokudoku_classroom .list_box li a i {
    font-size: 16px;
    font-weight: bold;
}

/*教室表*/
.sokudoku_classroom table.style_01 {
    table-layout: auto;
    margin-bottom: 50px;
}

.sokudoku_classroom table.style_01 a {
    text-decoration: underline;
}

.sokudoku_classroom table.style_01 a:hover {
    color: rgba(240, 130, 0, 1);
}

.sokudoku_classroom table.style_01 td:nth-child(1) {
    width: 27%;
    font-size: 13px;
}

.sokudoku_classroom table.style_01 td:nth-child(2) {
    width: 55%;
}

/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
    レプトンとは
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
.lepton_about {
    margin-bottom: 50px;
}

/*メイン動画*/
.lepton_main {
    position: relative;
    width: 100%;
    margin-bottom: 50px;
}

.lepton_main a#lepton_movie_01 {
    position: absolute;
    top: 25px;
    right: 180px;
}

.lepton_main a#lepton_movie_02 {
    position: absolute;
    top: 35px;
    right: 30px;
}

/*英語を勉強するわけ*/
.lepton_about_box {
    width: 100%;
}

.lepton_about_right {
    float: right;
    width: 60%;
}

.lepton_about_left {
    float: left;
    width: 35%;
}

.lepton_about_left img {
    width: 100%;
    height: auto;
    display: block;
    margin-bottom: 20px;
}

/*レプトンの特長*/
.lepton_feature {
    border: 1px solid #ccc;
    padding: 20px;
    margin-bottom: 20px;
}

.lepton_feature h4 {
    font-size: 21px;
}

.lepton_feature:first-child h4 {
    color: #e5007f;
}

.lepton_feature:nth-child(2) h4 {
    color: #ed6c00;
}

.lepton_feature:nth-child(4) h4 {
    color: #0085cc;
}

.lepton_feature:nth-child(5) h4 {
    color: #00b963;
}

.lepton_four {
    width: 100%;
}

.lepton_four_left {
    float: left;
    width: 46%;
}

.lepton_four_right {
    float: right;
    width: 54%;
}

.lepton_four_left img,
.lepton_four_right img {
    width: 100%;
    height: auto;
    display: block;
    margin-bottom: 20px;
}

.lepton_perform span {
    font-weight: bold;
    font-size: 18px;
}

.lepton_perform span.text_red {
    font-size: 14px;
}

.text_pink {
    color: #e5007f;
}

.text_blue {
    color: #0085cc;
}

.text_orange {
    color: #ed6c00;
}

.text_green {
    color: #00b963;
}

/*保護者の声*/
.lepton_voice {
    border: 1px solid #ccc;
    padding: 20px;
    margin-bottom: 20px;
}

.lepton_voice h4 {
    font-size: 21px;
    color: rgba(240, 130, 0, 1);
}

/*JET*/
.lepton_jet_box {
    border: 4px solid #008ec3;
    border-radius: 8px;
    padding: 20px;
}

.lepton_jet_box h3 {
    font-size: 16px;
    color: #333;
    text-align: center;
}

.lepton_jet_box h3 br {
    display: none;
}

.lepton_jet_box h3 img {
    width: 120px;
    height: auto;
    vertical-align: middle;
}

.lepton_jet_box h3 span.text_red {
    font-size: 21px;
    color: rgba(240, 130, 0, 1);
}

.lepton_jet_box h3 span.jet {
    font-size: 28px;
    color: #008ec3;
    font-weight: bold;
}

.lepton_jet {
    display: table;
}

.lepton_jet_left,
.lepton_jet_middle,
.lepton_jet_right {
    display: table-cell;
    vertical-align: middle;
}

.lepton_jet_left {
    width: 20%;
}

.lepton_jet_middle {
    width: 60%;
    padding-left: 10px;
}

.lepton_jet_right {
    width: 20%;
}

.lepton_jet_left img,
.lepton_jet_right img {
    width: 100%;
    height: auto;
}

/*ロードマップ*/
.lepton_roadmap {
    width: 100%;
    background: #ffe68e;
    padding: 30px;
    text-align: center;
}

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

/*JETについて*/
.lepton_jet_link a {
    float: right;
}

.lepton_about_jet {
    background: #007dc4;
    padding: 20px 30px;
}

.lepton_about_jet h2 img {
    display: block;
    margin: 0 auto;
    width: 170px;
    height: auto;
}

.lepton_about_jet_box {
    margin-top: 20px;
    background: #fff;
    padding: 30px 20px;
}

.lepton_about_jet_box ul {
    widows: 100%;
    display: table;
}

.lepton_about_jet_box li {
    display: table-cell;
    vertical-align: top;
    padding: 0 10px;
}

.lepton_about_jet_box li h3 {
    font-size: 14px;
    letter-spacing: 0;
    font-weight: bold;
    color: rgba(240, 130, 0, 1);
    margin-bottom: 10px;
}

.lepton_about_jet_box li p {
    font-size: 13px;
}

.lepton_about_jet_box li:last-child {
    width: 20%;
    padding-top: 30px;
}

.lepton_about_jet_box li:last-child img {
    width: 100%;
    height: auto;
}

.lepton_about_jet a {
    font-size: 21px;
    font-weight: bold;
    color: #fff;
    padding: 20px 0 0;
    margin: 0 auto;
    width: auto;
    display: block;
    text-align: center;
}

.lepton_about_jet a small {
    font-size: 16px;
    font-weight: bold;
}

.lepton_jet_summary h3 small {
    font-size: 16px;
    font-weight: bold;
}

.lepton_about_jet a:hover {
    opacity: 0.8;
}
/*レプトンキャンペーン*/
.lepton_campaign {
    margin-bottom: 50px;
    border-bottom:  5px solid #c0c0c0;
}
.lepton_campaign_box {
    width: 100%;
}

.lepton_campaign_left {
    float: left;
    width: 50%;
}

.lepton_campaign_right {
    float: right;
    width: 50%;
}
.lepton_campaign ul {
    padding: 20px 30px 0;
}

.lepton_campaign li span {
    background: rgba(240, 130, 0, 1);
    font-size: 16px;
    font-weight: bold;
    padding: 5px 0;
    margin-right: 5px;
    color: #fff;
    width: 6em;
    text-align: center;
    display: inline-block;
}

.lepton_campaign li {
    font-size: 20px;
    margin: 20px 0;
    font-weight: bold;
}
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
    レプトン開講教室・時間割
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*一覧アンカー*/
.lepton_schedule .list_box {
    border-top: 1px solid #c0c0c0;
    margin: 0 0 30px;
    padding: 15px 0;
    width: 100%;
    display: flex !important;
    display: -moz-flexbox !important;
    display: -ms-flexbox !important;
    display: -webkit-box !important;
    display: -o-flexbox !important;
    display: -webkit-flex !important;
    flex-flow: wrap;
    -webkit-flex-flow: wrap;
    justify-content: space-between;
    -webkit-justify-content: space-between;
}

.lepton_schedule .list_box li {
    -webkit-flex-basis: 16%;
    flex-basis: 16%;
    vertical-align: middle;
    text-align: center;
    margin: 0;
}

.lepton_schedule .list_box li a {
    display: block;
    padding: 10px 0 5px;
    box-sizing: border-box;
    border: 1px solid rgba(33, 60, 121, 1);
    font-size: 14px;
    font-weight: bold;
    color: rgba(33, 60, 121, 1);
    line-height: 1.2em;
}

.lepton_schedule .list_box li a:hover {
    background: rgba(33, 60, 121, 1);
    color: #fff;
}

.lepton_schedule.list_box li a b {
    font-size: 10px;
}

.lepton_schedule .list_box li a i {
    font-size: 16px;
    font-weight: bold;
}

/*開講教室*/
.lepton_schedule {
    margin-bottom: 50px;
}

.lepton_schedule td.tb_left {
    width: 30%;
}

table.style_01 .tb_left_222 {
    background: rgba(222, 228, 240, 1) !important;
}

table.style_01 .tb_left_237 {
    background: rgba(237, 241, 250, 1) !important;
}

/*教室新規オープン 20160615追加*/

.newopen {
    background: rgba(255, 0, 0, 1) !important;
    color: rgba(255, 255, 255, 1) !important;
    width: 45%;
    text-align: center;
}

/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
    速読英語　実施教室
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
.sokuei_classroom .list_box {
    border-top: 1px solid #c0c0c0;
    margin: 0 0 30px;
    padding: 15px 0;
    width: 100%;
    display: flex !important;
    display: -moz-flexbox !important;
    display: -ms-flexbox !important;
    display: -webkit-box !important;
    display: -o-flexbox !important;
    display: -webkit-flex !important;
    flex-flow: wrap;
    -webkit-flex-flow: wrap;
    justify-content: left;
    -webkit-justify-content: left;
}
.sokuei_classroom .list_box li {
    -webkit-flex-basis: 16%;
    flex-basis: 16%;
    vertical-align: middle;
    text-align: center;
    margin: 0;
}

.sokuei_classroom .list_box li a {
    display: block;
    padding: 10px 0 5px;
    box-sizing: border-box;
    border: 1px solid rgba(33, 60, 121, 1);
    font-size: 14px;
    font-weight: bold;
    color: rgba(33, 60, 121, 1);
    line-height: 1.2em;
}

.sokuei_classroom .list_box li a:hover {
    background: rgba(33, 60, 121, 1);
    color: #fff;
}

.sokuei_classroom .list_box li a b {
    font-size: 10px;
}

.sokuei_classroom .list_box li a i {
    font-size: 16px;
    font-weight: bold;
}

/*教室表*/
.sokuei_classroom table.style_01 {
    table-layout: auto;
    margin-bottom: 50px;
}

.sokuei_classroom table.style_01 a {
    text-decoration: underline;
}

.sokuei_classroom table.style_01 a:hover {
    color: rgba(240, 130, 0, 1);
}

.sokuei_classroom table.style_01 td:nth-child(1) {
    width: 27%;
    font-size: 13px;
}

.sokuei_classroom table.style_01 td:nth-child(2) {
    width: 55%;
}
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
    アルゴクラブとは
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
.algo_main{
    width:100%;
}
.algo_main img{
    width:100%;
    height:auto;
}
.algo_page_nav li:nth-child(3) {
    width: 30%;
}

.algo_about {
    margin-bottom: 50px;
}

.algo_about_left {
    float: left;
    width: 60%;
}

.algo_about_right {
    float: right;
    width: 35%;
}

.algo_about_right img {
    width: 100%;
    height: auto;
    display: block;
    margin-bottom: 20px;
}

.algo_about ul,
.algo_about_left ul {
    padding-left: 30px;
}

.algo_about li,
.algo_about_left li {
    font-size: 14px;
    list-style: disc outside;
    line-height: 1.5em;
    margin: 5px 0;
}

.algo_trial {
    margin: 30px 0 !important;
}

.algo_trial a {
    color: rgba(33, 60, 121, 1);
    text-decoration: underline;
}

.algo_trial a:hover {
    color: rgba(240, 130, 0, 1);
}

/*アルゴクラブ夏季集中セミナー*/
.algo_seminor{
    border:solid 7px rgb(214,214,214);
    padding:30px;
    margin-top:50px;
}
.algo_seminor h2 small{
    display:block;
    width:16em;
    font-size:14px;
    color:#fff;
    margin:10px 0;
    padding:5px 20px;
    border-radius:20px;
    background:rgb(240,130,0);
}
.algo_seminor p.about_algo{
    margin-bottom:50px;
}
.algo_seminor .seminor_dayflow{
    margin-bottom:50px;
}
.algo_seminor .seminor_flow{
    margin-bottom:30px;
}
.algo_seminor .seminor_flow td p.note{
    margin:5px 0 !important;
    line-height:1.3em;
}
.algo_seminor .seminor_flow td span{
    display:block !important;
    font-size:13px;
}
.algo_seminor .seminor_dayflow .algo_time{
    width:9%;
}
.algo_seminor .seminor_dayflow .algo_text{
    width:30%;
}
.algo_seminor .call p a{
    font-weight:bold;
    font-size:24px;
    color:rgba(240,130,0,1);
}
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
    アルゴクラブ 教材・授業の流れ
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
.algo_flow {
    margin-bottom: 50px;
}

.algo_flow p b {
	font-weight: bold;
	color:#f00;
}

.algo_flow_left {
    float: left;
    width: 30%;
}

.algo_flow_left img {
    width: 100%;
    height: auto;
    display: block;
    margin-bottom: 20px;
}

.algo_flow_right {
    float: right;
    width: 65%;
}

.algo_flow_right h3 {
    margin-top: 0 !important;
}

.algo_flow table.style_01 td.tb_left {
    width: 60%;
}

/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
    アルゴクラブ 実施校・実施日時
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
.algo_schedule {
    margin-bottom: 50px;
}

.algo_schedule table.style_01 td.tb_left {
    width: 15%;
}

.algo_schedule table.style_01 td:nth-child(2) {
    width: 30%;
}

.algo_schedule table.style_01 td:nth-child(4) {
    width: 19%;
}

.algo_schedule a {
    color: rgba(33, 60, 121, 1);
    text-decoration: underline;
}

.algo_schedule a:hover {
    color: rgba(240, 130, 0, 1);
}

/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
    アルゴクラブ 実施校・実施日時
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
.algo_entry {
    margin-bottom: 50px;
}

/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
    パパ・ママコーチング倶楽部
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
.pmcb_box {
    width: 100%;
    margin-bottom: 50px;
}

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

/*魅力*/
.pmbc_feaature {
    border: 4px solid #f0f0f0;
    padding: 30px;
    margin-bottom: 30px;
}

.pmbc_feaature li {
    margin-bottom: 30px;
}

.pmbc_feaature_left {
    float: left;
    width: 80%;
}

.pmbc_feaature_right {
    float: right;
    width: 15%;
}

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

.pmbc_feaature li h2 img {
    width: 80%;
}

.pmcb_box .request {
    margin-bottom: 10px;
}

.pmcb_box .request img {
    width: auto;
    height: auto;
}

.pmcb_box .request:last-child {
    margin-bottom: 50px;
}

/*受講者の声*/
.pmbc_voice {
    width: 100%;
    margin: 20px 0;
    display: flex !important;
    display: -moz-flexbox !important;
    display: -ms-flexbox !important;
    display: -webkit-box !important;
    display: -o-flexbox !important;
    display: -webkit-flex !important;
    flex-flow: wrap;
    -webkit-flex-flow: wrap;
}

.pmbc_voice li {
    -webkit-flex-basis: 48%;
    flex-basis: 48%;
    border: 1px solid rgba(240, 130, 0, 0.5);
    padding: 20px;
    margin-bottom: 20px;
}

.pmbc_voice li:nth-child(odd) {
    margin-right: 2%;
}

.pmbc_voice li:nth-child(even) {
    margin-left: 2%;
}

.pmcb_voice_header {
    display: table;
    width: 100%;
}

.pmcb_voice_header .pmcbt_voice_img,
.pmcb_voice_header h3 {
    display: table-cell;
    vertical-align: top;
    font-size: 16px;
    color: #333;
    width: 50%;
}

.pmcb_voice_header .pmcbt_voice_img {
    padding-right: 20px;
}

.pmcb_box p.note {
    margin: 0 0 10px !important;
    line-height: 1.5em;
}

/*ごあいさつ*/
.pmcb_message {
    width: 100%;
    padding: 30px;
    border: 1px solid rgba(240, 130, 0, 1);
}

.pmcb_message_text {
    float: left;
    width: 80%;
}

.pmcb_message_img {
    float: right;
    width: 15%;
}

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

/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
    atama+ アタマプラスページ
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

.lepton_about_box .flexArea{
    display: flex;
}

.lepton_about_box .flexArea img{
    width: 100%;
}
.lepton_about_box .flexArea>div{
    margin: 20px 40px 20px 0;
    flex: 1;
}

.sokudoku_classroom.atama_classroom table.style_01 th{
	width: 30%;
}

/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
    教室一覧
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

h2.bnav_title {
    border: 4px solid #f0f0f0;
    padding: 20px;
    font-size: 21px;
    color: rgba(33, 60, 121, 1);
    font-weight: bold;
    margin: 0;
    background: #f0f0f0;
}

/*一覧教室アンカー*/
#classroom .list_box {
    margin: 0;
    padding: 10px 0 0;
    width: 100%;
    display: flex !important;
    display: -moz-flexbox !important;
    display: -ms-flexbox !important;
    display: -webkit-box !important;
    display: -o-flexbox !important;
    display: -webkit-flex !important;
    flex-flow: wrap;
    -webkit-flex-flow: wrap;
    justify-content: space-between;
    -webkit-justify-content: space-between;
}

#classroom .list_box li {
    -webkit-flex-basis: 16%;
    flex-basis: 16%;
    vertical-align: middle;
    text-align: center;
    margin: 0;
}

#classroom .list_box li a {
    display: block;
    padding: 15px 0;
    box-sizing: border-box;
    border: 1px solid rgba(33, 60, 121, 1);
    font-size: 16px;
    font-weight: bold;
    color: rgba(33, 60, 121, 1);
    line-height: 1em;
}

#classroom .list_box li a:hover {
    background: rgba(33, 60, 121, 1);
    color: #fff;
}

#classroom .list_box li i {
    font-size: 24px;
    font-weight: bold;
    color: #fff;
}

/*一覧ブランドタブ*/
.bnav_box {
    margin: 0 0 30px;
    width: 100%;
    display: flex !important;
    display: -moz-flexbox !important;
    display: -ms-flexbox !important;
    display: -webkit-box !important;
    display: -o-flexbox !important;
    display: -webkit-flex !important;
    flex-flow: wrap;
    -webkit-flex-flow: wrap;
}

.bnav_box li {
    -webkit-flex-basis: 15.6%;
    flex-basis: 15.6%;
    vertical-align: middle;
    text-align: center;
    line-height: 1em;
    margin: 0 1% 0 0;
}

.bnav_box li img {
    width: 100%;
    height: auto;
}

.bnav_box li a i {
    font-size: 24px;
    font-weight: bold;
    color: #fff;
}

.bnav_box li a.active i {
    color: rgba(33, 60, 121, 1);
}

#classroom .motion {
    width: 100%;
    display: none;
}

#classroom #motion_area1 {
    display: block;
}

/*一覧表*/
.classroom_list table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 1px;
    color: #333;
    font-size: 14px;
    margin-bottom: 30px;
}

.classroom_list table th,
.classroom_list table td {
    padding: 20px 10px;
    vertical-align: middle;
    border: 1px solid #fff;
}

.classroom_list table th {
    background: rgba(33, 60, 121, 1);
    text-align: center;
    font-weight: bold;
    color: #fff;
}

.classroom_list table td li i {
    color: rgba(33, 60, 121, 1);
    padding-right: 2px;
}

.classroom_list table th.cr_01 {
    width: 25%;
}

.classroom_list table th.cr_02 {
    width: 55%;
}

.classroom_list table th.cr_03 {
    width: 20%;
}

.classroom_list table td.cr_04 {
    width: 20%;
    background: rgba(222, 228, 240, 1);
    text-align: center;
    cursor: pointer;
}

.classroom_list table td.cr_04 h3 {
    font-weight: bold;
    font-size: 16px;
    color: rgba(33, 60, 121, 1);
}

.classroom_list table td.cr_05 {
    background: rgba(240, 240, 240, 1);
}

.classroom_list table td.cr_06 {
    background: rgba(240, 240, 240, 1);
}

.classroom_list table td.cr_07 {
    width: 20% !important;
    background: rgba(237, 241, 250, 1);
    text-align: center;
}

.classroom_list table td.cr_08 li {
    margin: 5px 0;
}

.classroom_list table td.cr_08 a:hover {
    color: rgba(240, 130, 0, 1);
}

.classroom_list table td.cr_08 {
    background: rgba(240, 240, 240, 0.5);
}

#classroom_guide .classroom_guide_message p.note {
    margin: 0 !important;
}

.classroom_list table td nav.to_link {
    background: #fff;
}

.classroom_list table td.cr_04 p.new_class {
    background: #D71518;
    color: #FFF;
    font-weight: bold;
    width: 120px;
    margin: 0 auto;
}

/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
    お悩み別で探す
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
.solution_box {
    margin-bottom: 50px;
}

.solution_box h2 {
    padding-bottom: 0;
}

.solution_box h2 img {
    width: 60px;
    height: auto;
    vertical-align: middle;
}

.solution_box ul {
    width: 100%;
    margin: 0 auto;
}

.solution_box li {
    float: left;
    width: 30%;
    margin: 0 3.3% 20px 0;
    text-align: center;
    font-size: 14px;
    letter-spacing: 0;
}

.solution_box li a img {
    width: 100%;
    height: auto;
}

/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
    LINEスタンプ
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
.line_main,
.line_box {
    width: 100%;
    margin-bottom: 50px;
}

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

.line_box_buy ul {
    float: left;
    width: 60%;
}

.line_box_buy li {
    font-size: 14px;
    line-height: 1.5em;
    margin: 15px 0;
}

.line_box_buy li span {
    float: left;
    display: table;
    width: 60px;
    height: 60px;
    padding-right: 10px;
    box-sizing: content-box;
    margin-top: -10px;
}

.line_box_buy li span b {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    background: #3eb13b;
    color: #fff;
    border-radius: 30px;
    font-size: 30px;
    font-weight: bold;
}

.line_box_buy li a {
    float: right;
}

.line_box_buy .line_ukaru_img01 {
    float: right;
    width: 35%;
}

.line_box_buy .line_ukaru_img01 img {
    width: 100%;
    height: auto;
}

.line_box_friend {
    display: table;
    width: 100%;
}

.line_box_friend ul {
    border-bottom: 2px dotted #3eb13b;
    padding-bottom: 20px;
}

.line_box_friend li {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.line_box_friend span {
    display: inline-block;
    background: #3eb13b;
    padding: 10px;
    border-radius: 10px;
    margin-right: 10px;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
}

.line_box_friend li b {
    color: rgba(255, 255, 0, 1);
}

.line_box_friend li i {
    font-size: 20px;
    font-weight: bold;
    color: rgba(240, 130, 0, 1);
}

.line_box_friend p {
    font-size: 16px;
    font-weight: bold;
}

.line_box_friend p img {
    vertical-align: middle;
    padding-left: 10px;
}

/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
    適職診断
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
.vocation_box {
    margin-bottom: 50px;
}

.vocation_img {
    border: 5px solid #f0f0f0;
    padding: 30px;
    box-sizing: border-box;
    margin-bottom: 30px;
}

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

.vocation_box .note span {
    font-weight: bold;
}

.vocation_link {
    text-align: center;
}

.vocation_box a.to_link {
    width: 80% !important;
    margin: 20px auto 5px;
    padding: 10px !important;
    font-size: 16px;
}

/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
    プライバシーポリシー
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*フレーム*/
.privacy_frame {
    height: 300px;
    padding: 30px;
    border: 1px solid #ccc;
    overflow: auto;
}

a.pricacy_accept {
    display: block;
    width: 80%;
    margin: 20px auto;
}

/*プライバシーポリシー内容*/
.content .privacy h2 {
    margin-top: 30px;
}

.content .privacy h4 {
    font-size: 16px;
    color: rgba(240, 130, 0, 1);
    font-weight: bold;
    margin-top: 30px;
}

.content .privacy h5 {
    font-weight: bold;
    font-size: 14px;
    margin: 1em 0;
}

.content .privacy h6 {
    background: rgba(222, 228, 240, 1);
    padding: 5px 10px;
    font-size: 14px;
}

.content .privacy p.curator br {
    display: none;
}

.content .privacy ul {
    padding-left: 30px;
}

.content .privacy li {
    font-size: 14px;
    margin: 1em 0;
}

.content .privacy li.note span {
    text-indent: -2em;
}

.content .privacy li.note2 span {
    text-indent: -1.45em;
}

.content .privacy dt {
    font-weight: bold;
    font-size: 14px;
}

.content .privacy dd {
    font-size: 14px;
    margin-bottom: 1em;
}

.content .privacy .privacy_box {
    border: 3px solid #f0f0f0;
    padding: 10px 30px;
    margin: 5px 0 20px;
}

.content .privacy .privacy_box p.note {
    margin: 0 !important;
}

.content .privacy .privacy_box table {
    width: 100%;
}

.content .privacy .privacy_box th,
.content .privacy .privacy_box td {
    background: #fff;
    border: 1px solid #ccc;
    color: #333;
    font-size: 14px;
    padding: 10px 20px;
    vertical-align: middle;
}

.content .privacy .privacy_box th {
    width: 20%;
}

.content .privacy .privacy_box td {
    text-align: left;
    width: 80%;
}

.content .privacy .privacy_box span {
    display: block;
}

.content .privacy .privacy_contact {
    padding-bottom: 30px;
}

.content .privacy .privacy_contact p {
    margin-bottom: 0;
}

.content .privacy .privacy_contact p br {
    display: none;
}

/*:::::::::::::::::::::::::::
  SITEMAP
  :::::::::::::::::::::::::::*/
#sitemap ul {
    margin: 0;
}

#sitemap ul.level01 li a#level01_home {
    display: block;
    background: rgba(33, 60, 121, 1);
    padding: 5px 10px;
    margin-bottom: 10px;
    color: #fff;
}

#sitemap ul.level01 li a#level01_home:hover {
    background: rgba(33, 60, 121, 0.1);
    color: #333;
}

#sitemap ul.level02 li a {
    display: block;
    background: rgba(237, 109, 0, 0.1);
    padding: 5px 10px;
    margin-bottom: 10px;
}

#sitemap ul.level02 li a:hover {
    background: rgba(237, 109, 0, 1);
    color: #fff;
}

#sitemap ul.level03 li a {
    display: block;
    background: rgba(33, 60, 121, 0.1);
    padding: 5px 10px;
    margin-bottom: 10px;
}

#sitemap ul.level03 li a:hover {
    background: rgba(33, 60, 121, 1);
    color: #fff;
}

#sitemap li {
    font-size: 14px;
    padding: 5px 0;
}

/*--------------------------------
    20160509動画スライダー追記
---------------------------------*/
/*動画紹介部分*/
#yt {
    width: 980px;
    margin: 60px auto 0;
    overflow: hidden;
}

#yt .min_tit {
}

#yt h2 {
    font-size: 2.1rem;
    color: rgba(240, 130, 0, 1);
    position: relative;
    margin-bottom: 20px;
}

#yt h2 span {
    font-size: 2.8rem;
    color: rgba(240, 130, 0, 1);
}

#yt h2::before {
    width: 475px;
    height: 4px;
    background: #ddd;
    display: block;
    content: "";
    overflow: hidden;
    position: absolute;
    bottom: -8px;
}

#yt h2::after {
    width: 335px;
    height: 4px;
    background: #213c79;
    display: block;
    content: "";
    overflow: hidden;
    position: absolute;
    bottom: -8px;
}

.yt_box {
    position: relative;
    width: 224px;
    height: 133px;
    margin: 0 5px;
}

.yt_play {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 999;
}

.yt_box p {
    font-size: 1.6rem;
    margin: 0 10px;
}

.yt_box img {
    width: 100%;
}

.carousel_area {
    width: 980px;
    margin: 0 auto 40px auto;
}

/*--------------------------------
    20160513お知らせ投稿体裁
---------------------------------*/
.info_area p small {
    font-size: 80%;
}

.info_area p big {
    font-size: 140%;
}

.info_area p strong {
    font-weight: bold;
    color: rgba(240, 130, 0, 1);
}

.info_area p em {
    font-style: oblique;
    color: rgba(0, 102, 204, 1);
}

.info_area p u {
    text-decoration: underline;
}

.info_area p strike {
    text-decoration: line-through;
}

.info_area p a {
    color: rgba(33, 60, 121, 1);
    text-decoration: underline;
}

.info_area p a:hover {
    color: rgba(240, 130, 0, 1);
}

.info_area p a:after {
    content: "\f0c1";
    font-family: FontAwesome;
    padding-left: 5px;
}

.info_area p a[href^="mailto:"]:after {
    content: "\f003";
    font-family: FontAwesome;
    padding-left: 5px;
}

.info_area blockquote {
    background: #f0f0f0;
    padding: 5px 10px;
    display: inline-block;
    border-left: 5px solid #ccc;
}

.info_area ul {
    padding-left: 30px;
    margin: 30px 0;
}

.info_area ul li {
    list-style: disc outside;
    line-height: 1.3em;
    margin-bottom: 1em;
}

.info_area ol {
    padding-left: 30px;
    margin: 30px 0;
}

.info_area ol li {
    list-style: decimal outside;
    line-height: 1.3em;
    margin-bottom: 1em;
}

.info_area p img {
    max-width: 100%;
    height: auto;
}

.info_area p a[href$=".pdf"]:after {
    content: "\f1c1";
    font-family: FontAwesome;
    padding-left: 5px;
    color: rgba(255, 0, 0, 1);
}

/*--------------------------------
    20160527 4Jストーリートップ
---------------------------------*/
#story4j h1 {
    margin-left: -0.5em;
}

#story4j h2 {
    color: rgba(240, 130, 0, 1);
    font-size: 28px;
    margin-bottom: 30px;
}

.story4j_box {
    width: 100%;
    display: table;
    padding: 30px 20px 30px 30px;
    margin: 30px 0;
    cursor: pointer;
}

.story4j_icon {
    display: table-cell;
    vertical-align: middle;
    width: 17%;
}

.story4j_icon img {
    width: 90%;
    height: auto;
}

.story4j_title {
    display: table-cell;
    vertical-align: middle;
    width: 80%;
}

.story4j_title p,
.story4j_title h3 {
    color: #fff;
    margin: 0;
}

.story4j_title p {
    font-weight: bold;
    font-size: 14px;
}

.story4j_title h3 {
    font-size: 32px;
    font-weight: normal;
    margin-bottom: 10px;
}

.story4j_title h3 b {
    font-size: 32px;
    font-weight: bold;
}

.story4j_title h3 small {
    font-size: 17px;
}

.story4j_title .to_link {
    border: 1px solid #fff;
    background: #fff;
    font-weight: normal;
    letter-spacing: 1px;
    padding: 5px 30px;
    display: inline-block;
    width: auto;
    margin: 0;
    text-align: center;
    font-size: 14px;
}

/*色分け*/
.gardien_4j {
    background: #058acb;
}

.staff_4j {
    background: #213c79;
}

.mentor_4j {
    background: #2c598d;
}

.gardien_4j .to_link {
    color: #058acb;
}

.staff_4j .to_link {
    color: #213c79;
}

.mentor_4j .to_link {
    color: #2c598d;
}

.gardien_4j .to_link:hover {
    color: #058acb !important;
}

.staff_4j .to_link:hover {
    color: #213c79 !important;
}

.mentor_4j .to_link:hover {
    color: #2c598d !important;
}

/*--------------------------------
    20160527 4J声
---------------------------------*/
.voice4j h1 {
    margin-left: 0;
}

.voice4j_box {
    border: 2px solid #eee;
    margin: 25px 0 50px;
}

.voice4j_box_header {
    display: table;
    width: 90%;
    padding: 25px 0;
    margin: 0 auto 20px;
}

.voice4j_box_icon {
    display: table-cell;
    width: 15%;
    vertical-align: middle;
}

.voice4j_box_icon img {
    width: 70px;
    height: auto;
    border-radius: 35px;
}

.voice4j_box_title {
    display: table-cell;
    width: 80%;
    vertical-align: middle;
}

.voice4j_box_title h3 {
    font-size: 21px;
    margin: 0 0 0 -0.5em;
    padding: 0;
}

.voice4j_box_title h4 {
    font-weight: bold;
    margin: 0;
    padding: 0;
}

.voice4j_box .slide_menu p {
    width: 90%;
    margin: 0 auto 1.5em;
}

.voice4j_box .slide_menu p.bottomless {
    width: 90%;
    margin: 0 auto 0;
}

/*アンカー*/
.voice4j_nav {
    margin: 30px 0 0;
}

.voice4j_nav a {
    letter-spacing: 0;
    font-size: 13px;
    display: inline-block;
    background: #eee;
    padding: 5px;
    margin: 0 10px 10px 0;
    position: relative;
    width: auto;
    height: 35px;
}

.voice4j_nav a:after {
    width: 90%;
    height: 28px;
    content: "";
    position: absolute;
    top: 0;
    right: 10px;
    /* ぼかし */
    -moz-box-shadow: 0 5px 5px #999; /* Firefox */
    -webkit-box-shadow: 0 5px 5px #999; /* Safari and Chrome */
    box-shadow: 0 5px 5px #999;
    /* 回転 */
    -moz-transform: rotate(3deg); /* FireFox */
    -webkit-transform: rotate(3deg); /* Safari and Chrome */
    -o-transform: rotate(3deg); /* Opera */
    -ms-transform: rotate(3deg); /* IE */
    transform: rotate(3deg);
    z-index: -1;
}

/*本文*/
.voice4j_box .slide_text p {
    width: 90%;
    margin: 0 auto 1.5em;
}

.voice4j_box .slide_text strong {
    color: rgba(240, 130, 0, 1);
    font-weight: bold;
}

.voice4j_box .slide_text .slide_btn {
    text-align: center;
    padding: 10px 0;
    color: #fff;
    font-weight: bold;
    cursor: pointer;
}

.voice4j_box .slide_text ul {
    width: 90%;
    padding-left: 30px;
    margin: 0 auto 20px;
}

.voice4j_box .slide_text li {
    list-style: disc outside;
    margin-bottom: 5px;
}

/*色分け*/
.voice4j_parent .voice4j_nav a {
    border-left: 10px solid #058acb;
}

.voice4j_staff .voice4j_nav a {
    border-left: 10px solid #213c79;
}

.voice4j_mentor .voice4j_nav a {
    border-left: 10px solid #2c598d;
}

.voice4j_nav a:hover {
    border-left: 10px solid rgba(240, 130, 0, 1);
}

.voice4j_parent .voice4j_box_icon img {
    border: 2px solid #058acb;
}

.voice4j_staff .voice4j_box_icon img {
    border: 2px solid #213c79;
}

.voice4j_mentor .voice4j_box_icon img {
    border: 2px solid #2c598d;
}

.voice4j_parent h3 {
    color: #058acb;
}

.voice4j_staff h3 {
    color: #213c79;
}

.voice4j_mentor h3 {
    color: #2c598d;
}

.voice4j_parent .voice4j_box_header {
    border-bottom: 2px solid #058acb;
}

.voice4j_staff .voice4j_box_header {
    border-bottom: 2px solid #213c79;
}

.voice4j_mentor .voice4j_box_header {
    border-bottom: 2px solid #2c598d;
}

.voice4j_parent .slide_text .slide_btn {
    background: #058acb;
}

.voice4j_staff .slide_text .slide_btn {
    background: #213c79;
}

.voice4j_mentor .slide_text .slide_btn {
    background: #2c598d;
}

#error {
    padding: 20px 0;
    color: #000;
    background: #fc3;
}

#error p {
    font: bold 16px/30px Meiryo,sans-serif;
}

#error a {
    color: #f00;
    text-decoration: underline;
}

#error a:hover {
    color: #fff;
    background: #f00;
}

/*lepton_event_2016.html*/

table.lepton_event th{
    padding: 10px 6px;
    vertical-align: middle;
    font-size: 14px;
    text-align: center;
    color:#fff;
    background:rgba(33, 60, 121, 1);
}

table.lepton_event td{
    padding: 16px 5px;
    vertical-align: middle;
    font-size: 14px;
    text-align: left;
}

table.lepton_event tr:nth-child(even) td {
    background: rgba(240, 240, 240, 1);
}

table.lepton_event tr:nth-child(odd) td {
    background: rgba(250, 250, 250, 1);
}

table.lepton_event{
    border-collapse: separate;
    width:100%;
    border-spacing: 2px;
}

table.lepton_event a{
    text-decoration:underline;
    color:rgba(33, 60, 121, 1);
    float:none;
}

.lepton_event_img img{
    overflow: hidden;
    }



/*/voice/parent/index.html*/


.tm_voice{
    background-color: rgba(255,118,163,1);
}

.tm_voice .to_link {
    color: rgba(255,118,163,1);
}

.tm_voice .to_link:hover {
    color: rgba(255,118,163,1) !important;
}

.goalfree_voice{
    background: #f44146;
}

.goalfree_voice .to_link {
    color: #f44146;
}

.goalfree_voice .to_link:hover {
    color: #f44146 !important;
}




/*goalfree_parent.html*/


.gf_voice .gf_voice_nav a{
    border-left: 10px solid #f44146;
}

.gf_voice_nav a:hover {
    border-left: 10px solid rgba(240, 130, 0, 1);
}

.gf_voice_nav {
    margin: 30px 0 0;
}

.gf_voice_nav a {
    letter-spacing: 0;
    font-size: 13px;
    display: inline-block;
    background: #eee;
    padding: 5px;
    margin: 0 10px 10px 0;
    position: relative;
    width: auto;
    height: 35px;
}

.gf_voice_nav a:after {
    width: 90%;
    height: 28px;
    content: "";
    position: absolute;
    top: 0;
    right: 10px;
    /* ぼかし */
    -moz-box-shadow: 0 5px 5px #999; /* Firefox */
    -webkit-box-shadow: 0 5px 5px #999; /* Safari and Chrome */
    box-shadow: 0 5px 5px #999;
    /* 回転 */
    -moz-transform: rotate(3deg); /* FireFox */
    -webkit-transform: rotate(3deg); /* Safari and Chrome */
    -o-transform: rotate(3deg); /* Opera */
    -ms-transform: rotate(3deg); /* IE */
    transform: rotate(3deg);
    z-index: -1;
}


.gf_voice .voice4j_box_icon img {
    border: 2px solid #f44146;
}


.gf_voice h3 {
    color: #f44146;
}


.gf_voice .voice4j_box_header {
    border-bottom: 2px solid #f44146;
}


.gf_voice .slide_text .slide_btn {
    background: #f44146;
}


/*tam_parent.html*/


.tam_voice_nav a{
    border-left: 10px solid rgba(255,118,163,1);
}

.tam_voice_nav a:hover {
    border-left: 10px solid rgba(240, 130, 0, 1);
}

.tam_voice_nav {
    margin: 30px 0 0;
}

.tam_voice_nav a {
    letter-spacing: 0;
    font-size: 13px;
    display: inline-block;
    background: #eee;
    padding: 5px;
    margin: 0 10px 10px 0;
    position: relative;
    width: auto;
    height: 35px;
}

.tam_voice_nav a:after {
    width: 90%;
    height: 28px;
    content: "";
    position: absolute;
    top: 0;
    right: 10px;
    /* ぼかし */
    -moz-box-shadow: 0 5px 5px #999; /* Firefox */
    -webkit-box-shadow: 0 5px 5px #999; /* Safari and Chrome */
    box-shadow: 0 5px 5px #999;
    /* 回転 */
    -moz-transform: rotate(3deg); /* FireFox */
    -webkit-transform: rotate(3deg); /* Safari and Chrome */
    -o-transform: rotate(3deg); /* Opera */
    -ms-transform: rotate(3deg); /* IE */
    transform: rotate(3deg);
    z-index: -1;
}


.tam_voice .voice4j_box_icon img {
    border: 2px solid rgba(255,118,163,1);
}


.tam_voice h3 {
    color: rgba(255,118,163,1);
}


.tam_voice .voice4j_box_header {
    border-bottom: 2px solid rgba(255,118,163,1);
}


.tam_voice .slide_text .slide_btn {
    background: rgba(255,118,163,1);
}

/*/course/lepton.html*/

.content .lepton_event_img h3{
    font-size: 17px;
    font-weight: bold;
    color: rgba(240, 130, 0, 1);
    text-align: center;
    margin: 0;
}

/*適職診断*/

#vocation .vocation_link a.to_classroom {
    display: inline-block;
    width: 30% !important;
    margin: 20px 10px 5px;
    padding: 10px !important;
    font-size: 16px;
}

.to_classroom {
    display: inline-block;
    width: auto;
    margin: 10px 0 0;
    padding: 5px 10px;
    text-align: center;
    border: 1px solid rgba(33, 60, 121, 1);
    background: #fff;
    color: rgba(33, 60, 121, 1);
    font-size: 13px;
    font-weight: bold;
}

/*algo_davinci_taiken.html*/
.algo_flow table.style_01 td.tb_left_date {
    width: 20%;
}

.algo_flow table.style_01 tr:nth-child(even) .tb_left_date {
    background: rgba(222, 228, 240, 1);
}

.algo_flow table.style_01 tr:nth-child(odd) .tb_left_date {
    background: rgba(237, 241, 250, 1);
}

.algo_flow table.style_01 span{
    display: inline;
}

.algo_flow table.style_01 .davinci_color{
    color:forestgreen;
    font-weight: bold;
}

.algo_flow table.style_01 .algo_color{
    color: royalblue;
    font-weight: bold;
}

/*Up Japan Project for 2020 */
.eric_photo_box{
    overflow: hidden;
}
.eric_photo_box dl{
  float: left;
  width: 500px;
}
.eric_photo_box dl dt{
  font-size: 16px;
  font-weight: bold;
  color: rgba(240, 130, 0, 1);
  margin: 0px 0 20px;
}
.eric_photo_box dl dd{

}
.eric_photo_box .eric_photo_box_img{
    float: right;
    width: 200px;
    border: 2px solid #ddd;
}
.eric_photo_box .eric_photo_box_img img{
    width: 100%;
}
.redText{
    color: #ff0000;
    font-size:18px;
    font-weight: bold;
}
.attentionBox{
    margin-top: 30px;
}
.attentionBox ul li{
    text-indent: -1em;
    margin-left: 1em;
}
.fsCont{
    font-size: 34px;
    display: block;
}
.classroom_list.eric table{
    font-size: 16px;
}
.classroom_list.eric table th.cr_01{
    /*width: 30%;*/
}
.classroom_list.eric table th.cr_05{
    /*width: 15%;*/
    text-align: center;
}
.classroom_list.eric table th{
    padding: 25px 10px;
    font-size: 18px;
}
.classroom_list.eric table td{　
    padding: 25px 10px;
}
.classroom_list.eric table td a{
    font-size: 18px;
}

.request_eric a {
    font-size: 26px;

}


/*教育ラインナップページ*/

#new_lineup_pc #lineup_table {
    width: 735px;
    margin: 45px auto 30px;
    position: relative;
}

#new_lineup_pc #lineup_table a img {
    width: 75% !important;
    height: auto;
}

#new_lineup_pc #lineup_table #lineup_tam_n {
    top: 98px;
    left: 15px;
}

#new_lineup_pc #lineup_table #lineup_tam {
    top: 169px;
    left: 14px;
}

#new_lineup_pc #lineup_table #lineup_sgs {
    top: 169px;
    left: 153px;
}

#new_lineup_pc #lineup_table #lineup_edub {
    top: 169px;
    left: 656px;
}

#new_lineup_pc #lineup_table #lineup_sap {
    top: 240px;
    left: 270px;
}

#new_lineup_pc #lineup_table #lineup_toshin {
    top: 169px;
    left: 476px;
}
#new_lineup_pc #lineup_table #lineup_gflab {
    top: 310px;
    left: 520px;
}
#new_lineup_pc #lineup_table #lineup_shinkobetsu {
    top: 459px;
    /*left: 115px;*/
    left: 206px;
}
#new_lineup_pc #lineup_table #lineup_gfb5 {
    /*top: 459px;*/
    top: 537px;
    left: 115px;
}
#new_lineup_pc #lineup_table #lineup_gf {
    top: 384px;
    left: 118px;
}

#new_lineup_pc #lineup_table #lineup_gkc {
    top: 310px;
    left: 65px;
}

#new_lineup_pc #lineup_table #lineup_shingaku {
    /*top: 546px;*/
    top: 809px;
    left: 267px;
}

#new_lineup_pc #lineup_table #lineup_gfh {
    /*top: 546px;*/
    top: 615px;
    left: 520px;
}
#new_lineup_pc #lineup_table #lineup_shingaku {
    top: 615px;
    left: 268px;
}
#new_lineup_pc #lineup_table #lineup_sea {
    /*top: 630px;*/
    top: 680px;
    left: 175px;
}

#new_lineup_pc #lineup_table #lineup_sss {
    top: 98px;
    left: 247px;
}

#new_lineup_pc #lineup_table #lineup_spgroup {
  top:535px;
  left:405px;
}

#new_lineup_pc #lineup_table #lineup_lepton {
    bottom: 380px;
    left: 45px;
}

#new_lineup_pc #lineup_table #lineup_pm {
    bottom: 380px;
    left: 656px;
}

#new_lineup_pc #lineup_table #lineup_sokudoku {
    bottom: 306px;
    /*left: 115px;*/
    left: 135px;
}

#new_lineup_pc #lineup_table #lineup_sokuei {
    bottom: 234px;
    /*left: 296px;*//*20200618修正*/
    left: 317px;
}

#new_lineup_pc #lineup_table #lineup_algo {
    bottom: 234px;
    left: 174px;
}

#new_lineup_pc #lineup_table #lineup_eb {
    bottom: 164px;
    left: 656px;
}

#new_lineup_pc #lineup_table #lineup_dv {
    bottom: 164px;
    left: 166px;
}
#new_lineup_pc #lineup_table #lineup_rb {
    bottom: 19px;
    left: 153px;
}
#new_lineup_pc #lineup_table #lineup_prostu {
    bottom: 91px;
    left: 244px;
}
#new_lineup_pc #lineup_table #lineup_atama {
    bottom: 19px;
    left: 520px;
}

#new_lineup_bnr #public_bnr {
    width: 735px;
    margin: 0 auto;
    background: #fff;
    padding: 0px !important;
}

#new_lineup_bnr #public_bnr ul {
    margin: 0 auto;
    display: flex !important;
    display: -moz-flexbox !important;
    display: -ms-flexbox !important;
    display: -webkit-box !important;
    display: -o-flexbox !important;
    display: -webkit-flex !important;
    flex-flow: wrap;
    -webkit-flex-flow: wrap;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    width: 735px;
}

#new_lineup_bnr #public_bnr li {
    -webkit-flex-basis: 245px;
    flex-basis: 245px;
    text-align: center;
    font-size: 14px;
}

#new_lineup_bnr #public_bnr li img {
    width: 96%;
    height: auto;
}

/*volunteer.html*/

.volunteer_box {
    background-color: rgba(255, 235, 59, 0.33);
    line-height: 1.8;
    padding: 22px;
    border: 6px solid #f2931c;
}

.volunteer_box p {
    font-size: 27px;
    font-weight: bold;
    line-height: 1.2;
}

.volunteer_box h4 {
    font-size: 22px;
    font-weight: bold;
}

.volunteer_box span {
    font-size: 46px;
    color: rgba(240, 130, 0, 1);
    font-weight: bold;
}

/* 2018年度入塾性募集中　学力診断テスト slick slider CSS */
.kvBox ul li {
	position:relative;
}
.kvBox ul li .slide-linkbtn-sap {
	position:absolute;
	top:53%;
	left:2%;
}
.kvBox ul li .slide-linkbtn-sgs {
	position:absolute;
	top:72%;
	left:2%;
}
.kvBox ul li .slide-linkbtn-sap img, .kvBox ul li .slide-linkbtn-sgs img {
	width:auto;
	border:none;
}

/* インターネットお申込みを目立たせる */
#entry h3 {
    font-size: 21px;
    margin-bottom: 0 !important;
	height: auto;
    font-weight: bold;
    color: rgba(237, 109, 0, 1);
    margin: 20px 0 10px;
    line-height: 1.5em;
}
.call_request_new .request_btn_new a{
	float: right;
    background: rgba(240, 130, 0, 1);
    color: #fff;
    padding: 5px 23px;
    margin: 0;
    border: none;
	text-decoration:underline;
	}

.to_classroom_new{
	margin:0;
	text-align: center;
	font-size: 22px;
    font-weight: normal;
	width:100%;
	}

.call_request_new p{
	display: table-cell;
    min-height: 100px;
    vertical-align: middle;
    font-size: 22px !important;
    font-weight: normal;
	line-height:26px;
	}

.call_request_new{
    display: table;
    width: 100%;
    box-sizing: border-box;
    }

.call_request_new .request_btn_new{
	display: table-cell;
    min-height: 100px;
    vertical-align: middle;
	}

.border{
	width: 100%;
    padding: 0px 16px;
    border: 3px solid #f0f0f0;
    }

.border li{
	padding-bottom:26px;
	}

  /*--------------------------------
  20160510プライバシーへのリンクボタン
---------------------------------*/
a.to_privacy {
    display: block;
    width: auto;
    margin: 0;
    padding: 10px;
    text-align: center;
    border: 1px solid rgba(16, 163, 255, 1);
    background: rgba(16, 163, 255, 1);
    color: #fff;
    font-weight: bold;
    font-size: 14px;
    box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.3);
}
a.to_privacy i {
    padding-left: 10px;
    font-weight: bold;
    font-size: 20px;
    vertical-align: middle;
    position: relative;
    top: -2px;
}
a.internet_button {
    font-size: 22px !important;
    text-decoration: underline !important;
    font-weight: normal;
}

#mti_wfs_colophon {
  display:none !important;
}


/***************************************
2020.01.09
「すぐにできる～成基7S道 地域清掃ボランティア活動」
ポスター設定
***************************************/
/**ポスター画像**/
.content .volunteer_img{
  margin-bottom: 15px;
  text-align: center;
  }
/**レイアウト**/
.poster_text{
  display: flex;
  width: 100%;
  margin-bottom: 30px;
}
.text_1,.text_2{
  width: 50%;
}
.text_1{
  margin-right:: 15px;
}
.text_2{
  margin-left: 15px;
}
/**h4タイトル**/
.poster_text h4{
  background-color: #a5a5a5;
    color: #fff;
    font-weight: bold;
    text-align: center;
    padding: 5px;
    margin-bottom: 15px;
}

/*******************************************
2020.01.30
レプトン、速読英語、速読講座メイン画像下
イベント画像の設定
*******************************************/
/*画像サイズ*/
.forpc.campaign_img{
  max-width: 729px;
  width: 100%;
}
/*******************************************
2020.03.30　速読講座とは
*******************************************/
.sokudoku_about_left {
    padding-right: 1.5%;
    padding-top: 2%;
}
.sokudoku_about_right {
    padding-left: 1.5%;
    padding-top: 2%;
}
.sokudoku_course table{
  margin-bottom: 20px;
}
.sokudoku_course table.style_01 td span{
  display: block;
  font-size: 12px;
}
.sokudoku_course table.style_01 td.tb_left{
  width: 25%;
}
.sokudoku_course table.style_01 td{
  text-align: center;
}
.sokudoku_course table.style_01 td:last-child{
  width: 63%;
  text-align: center;
}
/*******************************************
2020.05.28　アタマプラス　対策講座
*******************************************/
.content .left .measures_box h1{
	margin:0 0 50px;
	display: block;
}
.measures_box h1 img{
	width: 100%;
}
.measures_box .measures_box_inner{
	background: url(/files/img/course/measures.jpg) no-repeat right 40px;
}

.measures_box .measures_box_inner p{
	width: 50%;
}

.measures_box .measures_box_inner .style_01 td{
	font-size: 16px:
}

.measures_box .measures_box_inner  .style_01 tr:nth-child(3) td,
.measures_box .measures_box_inner  .style_01 tr:nth-child(5) td{
	background: #f0f0f0;
}

.measures_box .measures_box_inner  .style_01 tr:nth-child(4) td{
	background: #fafafa;
}

.measures_box .measures_box_inner .is-r_text{
	color: #ff0000;
	font-weight: bold;
	display: inline;
}

.measures_box .measures_box_inner .is-g_text{
	color: #747a7e;
	font-weight: bold;
}

.measures_box .measures_box_inner .is-fontsize_23{
	font-size: 23px;
    display: inline;
}

.measures_box .measures_box_inner .is-r_box{
	background: #ff0000;
	color: #fff;
	font-weight: bold;
	font-size: 14px;
	display: inline;
	padding: 2px 3px;
}

.measures_box .measures_box_inner .style_01 td .is-r_text{
	font-size: 18px;
}
.measures_box .measures_box_inner .through{
	text-decoration: line-through;
	display: inline;
}

.measures_btn{
	margin: 74px auto 80px;
}

.measures_box .measures_box_inner .measures_btn a{
	width: 100%;
	height: 85px;
	line-height: 85px;
	color: #fff;
	background: #47b0bd;
	display: block;
	font-size: 22px;
	font-weight: bold;
	text-align: center;
	text-decoration: underline;
}

/************************************************
2020.06.05　atama+大学入学共通テスト対策講座
************************************************/
.measures_box h1.restart-img{
  position: relative;
}
.restart-img img.restart-icon{
  position: absolute;
  top: 80%;
  right: 2%;
  width: auto;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.style_01 p.restart-text {
  width: 70%;
  margin: 5px auto 0;
  font-size: 18px;
  text-align: center;
  padding: 2px 2px 0px;
  color: #e6003b;
  background-color: #fff100;
}

/************************************************
2020.06.22　教育コーチングオンライン勉強会
************************************************/
.serif-sub {
    margin: 20px auto;
    font-size: 20px;
    font-weight: bold;
    color: #1D2089;
    text-align: center;
}

.online_overview h3 {
    font-size: 20px;
}

.online_line {
    display: flex;
    align-items: flex-start;
}

.online_line figure {
    width: 30%;
}

.online_line h3 {
    font-size: 20px;
    font-weight: bold;
}

.online_line p {
    margin-top: 30px;
}

.f-red{
  color: red;
}

.font_18b{
  font-size: 18px;
  font-weight: bold;
}

/************************************************
2020.06.29　atamaplus
************************************************/
.measures_box .measures_box_inner .style_01 td .f_size_25{
  font-size: 25px;
}
.measures_box .measures_box_inner .style_01 td .f_size_17{
  font-size: 17px;
}