@charset "utf-8"; 
@import url('https://fonts.googleapis.com/css?family=Barlow+Semi+Condensed:600'); 
@import url('https://fonts.googleapis.com/css?family=Roboto:700'); 
/* ▼サイトの基本となるフォントファミリーの指定 */
@font-face {
    font-family: "my_gothic";
    font-weight: 400;
    src: url('../cyber/font/yu/yu_goth_m.woff') format('woff');
}

@font-face {
    font-family: "my_gothic";
    font-weight: 700;
    src: url('../cyber/font/yu/yu_goth_b.woff') format('woff');
}

body,input, textarea, keygen, select, button, .gothic {
    font-family: "my_gothic";
}

body {
    color: #000;
}

.selected {
    background: #333;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
// 任意の投稿記事をトップに3件表示させる「まずはお読みください」セクション　2026-04-30ah
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#home_first {
    background: skyblue;
}

#home_first h2.main_ttl {
    text-align: center;
}

#home_first ul.cmn_post_list2 {
    display: flex;
}

#home_first ul.cmn_post_list2 > li {
    width: 30%;
}

#home_first ul.cmn_post_list2 > li .area_a {
    width: 100%;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
Google reCAPTCHAバッチ　邪魔なため非表示に
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.grecaptcha-badge {
    display: none;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
サイトのテーマ色
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
body.sp[class*="voice"] ul.child_navi a[href*="voice"], body.sp dl.type01 [class*="current"] > a, body.sp dl.type01 dt, a.basic_btn02, .basic_list01 li:before, ol.basic_list02 > li:after, a.basic_color_font, [class*="current"] .basic_color_font_cur, [class*="current"] .basic_color_font_cur:hover, .basic_color_font_bf:before, .basic_color_font_af:after {
    color: #00aca6;
}

body.sp dl.type01, body.sp dl.type01 > dt .arrow, .basic_box02, .basic_list02 > li, .basic_color_border, .basic_color_border_bg:before, .basic_color_border_af:after {
    border-color: #00aca6;
}

body.sp dl.type01 dd > ul:before, a.basic_btn01, h3[class*="h3b"], ol.basic_list02 > li:before, .basic_color_bg, .basic_color_bg_bf:before, .basic_color_bg_af:after {
    background-color: #00aca6;
    font-weight: bold;
}

h2[class*="h2a"], h3[class*="h3a"] {
    border-color: #00aca6;
    font-weight: bold;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
汎用見出し
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
h2[class*="h2b"] {
    padding: 0px 0 20px;
    font-weight: bold;
    letter-spacing: 1px;
    margin-bottom: 1.5em;
}

h2[class*="h2b"]:before {
    width: 60px;
    height: 4px;
    top: auto;
    bottom: 0;
    right: calc(50% - 30px);
    background: #00aca6;
}

h3[class*="h3a"] {
    border-left: 0;
    border-bottom: 2px solid #00aca6;
    padding-left: 0;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
テーブル01
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.basic_table01 th, .basic_table01 td {
    border: 1px solid #acd0ce;
}

.basic_table01 th {
    background-color: #e7f8f8;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
テーブル02
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.basic_table02 th {
    border-bottom: 2px solid #01aca6;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
汎用ボックス
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.basic_box01 {
    background-color: #e7f8f8;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
よくある質問(定義リストver.)
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
dl.faq:not(:last-child) {
    border-bottom: 1px solid #a0d4d4;
}

dl.faq > dt {
    background-color: #e7f8f8;
    padding: 20px 40px 20px 70px;
    color: #333;
}

dl.faq > dt:before {
    font-size: 30px;
    font-weight: normal;
    color: #333;
    left: 20px;
    line-height: 1;
}

dl.faq > dt.open, dl.faq > dt:hover {
    background-color: #c3e8e7;
}

dl.faq > dt .arrow {
    right: 10px;
    font-weight: normal;
    font-size: 30px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
那加桜丘校　関校　固定ページ用
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
body.page-seki ul.cmn_post_list, body.page-naka-sakuragaoka ul.cmn_post_list {
    margin-bottom: -40px;
}

body.page-naka-sakuragaoka ul.cmn_post_list li, body.page-seki ul.cmn_post_list li {
    margin-bottom: 30px;
    width: 50%;
}

body.page-seki ul.cmn_post_list .area_a, body.page-naka-sakuragaoka ul.cmn_post_list .area_a {
    margin: 0 30px 0 0;
    width: 90px;
    height: 90px;
}

body.page-seki ul.cmn_post_list .area_a .img, body.page-naka-sakuragaoka ul.cmn_post_list .area_a .img {
    width: 100%;
    height: 100%;
}

body.page-seki ul.cmn_post_list .area_a .img img, body.page-naka-sakuragaoka ul.cmn_post_list .area_a .img img {
    width: 90px;
    height: 90px;
    object-fit: cover;
    font-family: 'object-fit: cover;'
}

body.page-seki ul.cmn_post_list .area_b p.meta span,
body.page-naka-sakuragaoka ul.cmn_post_list .area_b p.meta span{
    color: #fff;
    background: #151515;
    border-radius: 5px;
    display: inline-block;
    padding: 2px 30px;
    margin-right: 20px;
    font-weight: bold;
    font-size: 13px;
    margin-bottom: 15px;
}

body.page-seki ul.cmn_post_list p.txt a, body.page-naka-sakuragaoka ul.cmn_post_list p.txt a {
    color: #333;
    overflow: hidden;
    display: inline-block;
}

body.page-seki ul.cmn_post_list p.txt a, body.page-naka-sakuragaoka ul.cmn_post_list p.txt a {
    height: 49px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
採用ページ　設定
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
body.page-recruit .editor_area ul li, .editor_area ol li {
    margin-bottom: 2em;
}

body.page-recruit .editor_area ul li p a {
    color: #333;
}

body.page-recruit .editor_area div.basic_box01 div.txt {
    margin-bottom: 15px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
リセットCSS
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
@media screen and (max-width: 640px) {
    th {
        min-width: auto;
    }
}

/* end media query */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
汎用ボタン01
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
a.basic_btn01 {
    background-color: #0159c6;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
汎用ボタン ＞ hover アニメーション
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
a.btn_move:hover {
    opacity: 1;
}

a.btn_move:before {
    content: '';
    width: 30%;
    height: 120%;
    background: #333;
    display: inline-block;
    border-radius: 50%;
    position: absolute;
    top: -200%;
    right: -30%;
    z-index: -1;
    -moz-transition: 1.5s;
    -o-transition: 1.5s;
    -webkit-transition: 1.5s;
    transition: 1.5s;
}

a.btn_move:hover:before {
    width: 200%;
    height: 900%;
}

a.btn_move02:hover {
    opacity: 1;
}

a.btn_move02:after {
    content: '';
    width: 30%;
    height: 120%;
    background: #333;
    display: inline-block;
    border-radius: 50%;
    position: absolute;
    top: -200%;
    right: -30%;
    z-index: -1;
    -moz-transition: 1.5s;
    -o-transition: 1.5s;
    -webkit-transition: 1.5s;
    transition: 1.5s;
}

a.btn_move02:hover:after {
    width: 200%;
    height: 900%;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
キーフレームアニメーション「ゆらゆら」
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
@keyframes yurayura {
    0% {
        transform: translateY(-3px);
    }

    100% {
        transform: translateY(0px);
    }
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ローディングアイコン
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.sk-cube-grid {
    width: 60px;
    height: 60px;
}

.sk-cube-grid .sk-cube {
    width: 33%;
    height: 33%;
    background-color: #333;
    float: left;
    -webkit-animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
    animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
}

.sk-cube-grid .sk-cube1 {
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
}

.sk-cube-grid .sk-cube2 {
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s;
}

.sk-cube-grid .sk-cube3 {
    -webkit-animation-delay: 0.4s;
    animation-delay: 0.4s;
}

.sk-cube-grid .sk-cube4 {
    -webkit-animation-delay: 0.1s;
    animation-delay: 0.1s;
}

.sk-cube-grid .sk-cube5 {
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
}

.sk-cube-grid .sk-cube6 {
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s;
}

.sk-cube-grid .sk-cube7 {
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
}

.sk-cube-grid .sk-cube8 {
    -webkit-animation-delay: 0.1s;
    animation-delay: 0.1s;
}

.sk-cube-grid .sk-cube9 {
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
}

@-webkit-keyframes sk-cubeGridScaleDelay {
    0%, 70%, 100% {
        -webkit-transform: scale3D(1, 1, 1);
        transform: scale3D(1, 1, 1);
    }

    35% {
        -webkit-transform: scale3D(0, 0, 1);
        transform: scale3D(0, 0, 1);
    }
}

@keyframes sk-cubeGridScaleDelay {
    0%, 70%, 100% {
        -webkit-transform: scale3D(1, 1, 1);
        transform: scale3D(1, 1, 1);
    }

    35% {
        -webkit-transform: scale3D(0, 0, 1);
        transform: scale3D(0, 0, 1);
    }
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
固定ページ用プロモ 下層
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.page_promo:not(.home) {
    height: 200px;
    border-top: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
}

.page_promo .sub_ttl {
    display: none;
}

body.cat_child_now .page_promo .ttl {
    font-size: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

body.cat_child_now .page_promo .ttl:before {
    margin-right: 25px;
    background: #00c6bf;
    content: "";
    height: 1px;
    width: 2em;
}

body.cat_child_now .page_promo .ttl:after {
    margin-left: 25px;
    background: #00c6bf;
    content: "";
    width: 2em;
    height: 1px;
}

body.cat_child_now .page_promo .sub_ttl {
    display: block;
    background: none;
    font-size: 36px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ページ送り(シングルページ用[次のページは〇〇])
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.next_pickup a {
    background-color: #00c6bf;
}

.next_pickup a:hover {
    border-color: #00c6bf;
    background: #fff;
    color: #000000;
}

.next_pickup a:hover:after {
    color: #00c6bf;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
プロモ(2019-04-05高山)プロモ画像３枚に変更の為、以下修正
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#promo_frame .f_wrap {
    /*---画面の高さ - ヘッダーの高さ--*/
    height: calc(100vh - 173px);
    /*---PCの際、バナーも入れる為の記述--*/
    max-height: 597px;
    align-items: center;
}

#promo_frame .f_wrap p.ttl {
    /*---「夢を選べる学力を」上下中央にする為の記述---*/
    margin-bottom: 7vh;
}

#promo_frame .f_wrap p.ttl_sp {
    display: none;
}

#promo_frame [class*="inner"] {
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
}

#promo_frame .inner1 {
    background-image: url(https://kaichijuku.jp/wordpress/wp-content/themes/cyber-child/images/promo01.jpg);
}

#promo_frame .inner2 {
    background-image: url(https://kaichijuku.jp/wordpress/wp-content/themes/cyber-child/images/promo02.jpg);
}

#promo_frame .inner3 {
    background-image: url(https://kaichijuku.jp/wordpress/wp-content/themes/cyber-child/images/promo03.jpg);
}

#promo_frame .inner4 {
    background-image: url(https://kaichijuku.jp/wordpress/wp-content/themes/cyber-child/images/promo04.jpg);
}

#promo_frame .inner5 {
    background-image: url(https://kaichijuku.jp/wordpress/wp-content/themes/cyber-child/images/promo05.jpg);
}

#promo_frame .inner6 {
    background-image: url(https://kaichijuku.jp/wordpress/wp-content/themes/cyber-child/images/promo06.jpg);
}

#promo_frame .inner7 {
    background-image: url(https://kaichijuku.jp/wordpress/wp-content/themes/cyber-child/images/promo07.jpg);
}

#promo_frame .inner8 {
    background-image: url(https://kaichijuku.jp/wordpress/wp-content/themes/cyber-child/images/promo08.jpg);
}

#promo_frame .inner9 {
    background-image: url(https://kaichijuku.jp/wordpress/wp-content/themes/cyber-child/images/promo09.jpg);
}

#promo_frame .inner10 {
    background-image: url(https://kaichijuku.jp/wordpress/wp-content/themes/cyber-child/images/promo10.jpg);
}

#promo_frame .inner11 {
    background-image: url(https://kaichijuku.jp/wordpress/wp-content/themes/cyber-child/images/promo11.jpg);
}

#promo_frame .inner12 {
    background-image: url(https://kaichijuku.jp/wordpress/wp-content/themes/cyber-child/images/promo12.jpg);
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップページ　＞　一言コメント
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.tweet_area {
    background-color: #fff;
    padding: 20px 20px 20px 60px;
    border-radius: 5px;
    position: absolute;
    right: 40px;
    /*---プロモ修正の為、vwに変更（2019-04-05高山）---*/
    bottom: 2vw;
    max-width: 680px;
    width: calc(100vw - 720px);
}

.tweet_area .txt_wrap {
    display: flex;
}

.tweet_area p.icon {
    /* display: none; */
    position: relative;
    font-weight: bold;
    width: 13%;
}

.tweet_area p.icon:before {
    content: '';
    position: absolute;
    width: 30px;
    height: 26px;
    top: -4px;
    left: -40px;
    background: url(https://kaichijuku.jp/wordpress/wp-content/themes/cyber-child/images/tweet_area_logo.png) no-repeat 50% / contain;
}

.tweet_area ul.items {
    width: 87%;
}

.tweet_area ul.items li .date {
    margin-left: 32px;
}

.tweet_area span.ttl {
    margin-left: 15px;
}

.tweet_area span.ttl a {
    display: inline-block;
    color: #333;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: calc(100% - 170px);
    vertical-align: -7px;
    text-decoration: none;
}

.tweet_area span.ttl a:hover {
    text-decoration: none;
}

.tweet_area span.more {
    display: none;
}

.tweet_area span.more a {
    text-decoration: none;
}

.tweet_area span.more a:hover {
    text-decoration: underline;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ホーム　バナー３つ並び
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#home_bnr_list.section_kugiri {
    padding-bottom: 80px;
}

#home_bnr_list ul.items {
    justify-content: space-between;
    position: relative;
}

#home_bnr_list ul.items:after {
    content: '';
    display: inline-block;
    position: absolute;
    width: 85px;
    height: 95px;
    right: -20px;
    bottom: -80px;
    z-index: 20;
    background: url(https://kaichijuku.jp/wordpress/wp-content/themes/cyber-child/images/bnr_teacher.png) no-repeat 50% / contain;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ホーム　学年別コース案内
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#home_course {
    background: #00c6bf;
}

#home_course h2.main_ttl {
    font-size: 30px;
    font-weight: bold;
    text-align: center;
    position: relative;
    z-index: 1;
    margin-bottom: 100px;
}

#home_course h2.main_ttl:before {
    content: '';
    display: inline-block;
    position: absolute;
    width: 294px;
    height: 164px;
    top: -90px;
    right: calc(50% - 147px);
    z-index: -1;
    background: url(https://kaichijuku.jp/wordpress/wp-content/themes/cyber-child/images/course_cloud.png) no-repeat 50% / contain;
}

#home_course ul.items {
    margin: 0 0 -100px -30px;
}

#home_course ul.items > li {
    width: 380px;
    background: #fff;
    padding: 35px 35px 45px;
    border-radius: 10px;
    margin: 0 0 0 30px;
    box-shadow: 0 0 4px gray;
    position: relative;
}

#home_course ul.items > li:before {
    content: '';
    position: absolute;
    right: calc(50% - 38px);
    background:no-repeat 50% 50%/contain;
}

#home_course ul.items > li.es:before {
    width: 77px;
    height: 45px;
    top: -35px;
    background-image: url(https://kaichijuku.jp/wordpress/wp-content/themes/cyber-child/images/course_flower01.png);
}

#home_course ul.items > li.js:before {
    width: 68px;
    height: 69px;
    top: -50px;
    background-image: url(https://kaichijuku.jp/wordpress/wp-content/themes/cyber-child/images/course_flower02.png);
}

#home_course ul.items > li.hs:before {
    width: 59px;
    height: 67px;
    top: -50px;
    background-image: url(https://kaichijuku.jp/wordpress/wp-content/themes/cyber-child/images/course_flower03.png);
}

#home_course ul.items > li div.img_wrap {
    position: relative;
    overflow: hidden;
    margin-bottom: 20px;
    border-radius: 10px;
}

#home_course ul.items > li p.hover_txt {
    font-size: 20px;
    position: absolute;
    bottom: -100%;
    display: flex;
    height: 100%;
    width: 100%;
    transition: .3s;
    align-items: center;
    justify-content: center;
    background: rgba(0,86,82,0.4);
}

#home_course ul.items > li p.hover_txt span {
    position: relative;
    display: inline-block;
    width: 160px;
    text-align: center;
    color: #fff;
    font-weight: bold;
}

#home_course ul.items > li p.hover_txt span:before {
    content: '';
    position: absolute;
    width: 50px;
    height: 40px;
    left: -55px;
    top: -10px;
    background: url(https://kaichijuku.jp/wordpress/wp-content/themes/cyber-child/images/course_bird.png) no-repeat 50% / contain;
}

#home_course ul.items > li:hover p.hover_txt {
    bottom: 0;
}

#home_course [class*="biggerlink"]:hover {
    opacity: 1;
}

#home_course ul.items > li p.ttl {
    text-align: center;
    font-size: 24px;
    margin-bottom: 20px;
}

#home_course ul.items > li p.ttl a {
    font-weight: bold;
    color: inherit;
    text-decoration: none;
}

#home_course ul.items > li ul.items2 {
    text-align: center;
    justify-content: center;
    margin: 0 0 15px -4px;
}

#home_course ul.items > li ul.items2 li {
    font-weight: bold;
    font-size: 14px;
    background: red;
    padding: 5px 15px;
    border-radius: 10px;
    margin: 0 0 4px 4px;
}

#home_course ul.items > li.es ul.items2 li {
    background: #a8f0ed;
}

#home_course ul.items > li.js ul.items2 li {
    background: #bcdaff;
}

#home_course ul.items > li.hs ul.items2 li {
    background: #c7c4ff;
}

#home_course ul.items > li ul:last-child {
    padding-left: 1em;
}

#home_course ul.items > li ul:last-child li {
    font-size: 15px;
    font-weight: 100;
    margin-bottom: 5px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ホーム ７つのポイント
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#home_point.section_kugiri {
    padding: 120px 0 100px 0;
    position: relative;
}

#home_point .main_ttl {
    font-size: 36px;
    padding: 10px 0;
    letter-spacing: 5px;
    font-weight: bold;
    border-top: 3px dotted #00479d;
    border-bottom: 3px dotted #00479d;
    width: 451px;
    margin: 0 auto 80px;
    position: relative;
}

#home_point .main_ttl:after {
    content: '';
    position: absolute;
    width: 91px;
    height: 91px;
    right: -110px;
    top: -10px;
    background: url(https://kaichijuku.jp/wordpress/wp-content/themes/cyber-child/images/point_star.jpg) no-repeat 50% / contain;
}

#home_point .main_lead {
    font-size: 24px;
    font-weight: bold;
    width: 640px;
    margin: 0 0 40px auto;
    position: relative;
    line-height: 1.5;
}

#home_point .main_lead:before {
    content: '';
    position: absolute;
    width: 336px;
    height: 109px;
    top: -25px;
    left: 0;
    margin-left: -400px;
    background: url(https://kaichijuku.jp/wordpress/wp-content/themes/cyber-child/images/point_study.jpg) no-repeat 50% / contain;
}

#home_point div.wrap {
    /*display: flex;*/
    margin-bottom: 30px;
    align-items: center;
    border: #00cecb 3px solid;
    padding: 22px 50px;
    font-weight: bold;
    letter-spacing: 4px;
    background: url(https://kaichijuku.jp/wordpress/wp-content/themes/cyber-child/images/point_smile.jpg) no-repeat 1100px center / contain;
    background-size: 75px 51px;
    display: none;
    /*全マルタイム非表示*/
}

#home_point div.wrap p.ttl {
    font-size: 24px;
    color: #00cecb;
    width: 170px;
    margin-right: 50px;
}

#home_point div.wrap p.txt {
    font-size: 18px;
    width: 800px;
}

#home_point ol.items {
    background: #0059c6;
    padding: 60px 50px;
    margin: 0 0 -20px 0;
    justify-content: space-between;
}

#home_point ol.items li {
    width: 540px;
    margin: 0 0 20px 0;
    padding: 35px 10px 20px 130px;
    border-radius: 8px;
    background-color: #fff;
    background-position: 30px center;
    background-repeat: no-repeat;
}

#home_point ol.items li.one {
    background-size: 71px 75px;
    background-image: url(https://kaichijuku.jp/wordpress/wp-content/themes/cyber-child/images/point_01.jpg);
}

#home_point ol.items li.two {
    background-size: 62px 81px;
    background-image: url(https://kaichijuku.jp/wordpress/wp-content/themes/cyber-child/images/point_02.jpg);
}

#home_point ol.items li.three {
    background-size: 69px 76px;
    background-image: url(https://kaichijuku.jp/wordpress/wp-content/themes/cyber-child/images/point_03.jpg);
}

#home_point ol.items li.four {
    background-size: 63px 78px;
    background-image: url(https://kaichijuku.jp/wordpress/wp-content/themes/cyber-child/images/point_04.jpg);
}

#home_point ol.items li.five {
    background-size: 75px 65px;
    background-image: url(https://kaichijuku.jp/wordpress/wp-content/themes/cyber-child/images/point_05.jpg);
}

#home_point ol.items li.six {
    background-size: 75px 77px;
    background-image: url(https://kaichijuku.jp/wordpress/wp-content/themes/cyber-child/images/point_06.jpg);
}

#home_point ol.items li.seven {
    background-size: 65px 64px;
    background-image: url(https://kaichijuku.jp/wordpress/wp-content/themes/cyber-child/images/point_07.jpg);
}

#home_point ol.items li p.num {
    font-size: 14px;

    color: #0059c6;
    font-weight: bold;
    margin-bottom: 30px;
    position: relative;
    z-index: 0;
}

#home_point ol.items li p.num:before {
    content: '';
    position: absolute;
    width: 106px;
    height: 72px;
    top: -28px;
    left: -12px;
    z-index: -1;
    background: url(https://kaichijuku.jp/wordpress/wp-content/themes/cyber-child/images/point_number.jpg) no-repeat 50% / contain;
}

#home_point ol.items li p.num:after {
    position: absolute;
    content: "0"counters(ol_cnt, "");
    font-size: 30px;
    top: -15px;
    left: 50px;
    font-family: 'Roboto', sans-serif;
}

#home_point ol.items li p.txt {
    font-size: 20px;
    font-weight: bold;
}

#home_point p.btn_sway {
    position: absolute;
    bottom: 180px;
    right: 70px;
}

#home_point p.btn_sway span {
    font-size: 30px;
    color: #fff;
    font-weight: bold;
    letter-spacing: 8px;
    border-bottom: 4px solid #fffc00;
    margin-right: 35px;
}

#home_point p.btn_sway a {
    color: #fffc00;
    font-size: 18px;
    letter-spacing: 3px;
    position: relative;
    cursor: pointer;
    font-weight: bold;
}

#home_point p.btn_sway a:hover {
    opacity: 1;
}

#home_point p.btn_sway a:hover span {
    opacity: 1;
    color: #fffc00;
    transition: 0.8s;
}

#home_point p.btn_sway a:before {
    content: '';
    position: absolute;
    width: 86px;
    height: 31px;
    top: -25px;
    right: 15px;
    background: url(https://kaichijuku.jp/wordpress/wp-content/themes/cyber-child/images/point_arrow.png) no-repeat 50% / contain;
}

#home_point p.btn_sway a:hover:before {
    animation: yurayura .3s -1s ease-in-out infinite alternate;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ホーム 校舎一覧
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#home_school_list {
    background: #b0e6ff;
}

#home_school_list h2.main_ttl {
    font-size: 30px;
    font-weight: bold;
    text-align: center;
    position: relative;
    z-index: 1;
    margin-bottom: 50px;
}

#home_school_list h2.main_ttl:before {
    content: '';
    display: inline-block;
    position: absolute;
    width: 294px;
    height: 164px;
    top: -90px;
    right: calc(50% - 147px);
    z-index: -1;
    background: url(https://kaichijuku.jp/wordpress/wp-content/themes/cyber-child/images/school_cloud.png) no-repeat 50% / contain;
}

#home_school_list p.main_lead {
    text-align: center;
    font-size: 16px;
    margin-bottom: 30px;
}

#home_school_list ul.items {
    justify-content: space-between;
}

#home_school_list ul.items li {
    width: 580px;
    background: #fff;
    border-radius: 8px;
    padding: 35px 30px;
    position: relative;
}

#home_school_list ul.items li h3.ttl {
    font-size: 22px;
    font-weight: bold;
    text-align: center;
    width: 190px;
    margin: 0 auto 30px;
}

#home_school_list ul.items li p.map {
    background: #0059c6;
    width: 150px;
    position: absolute;
    top: 35px;
    right: 35px;
    text-align: center;
    border-radius: 5px;
}

#home_school_list ul.items li p.map a {
    color: #fff;
    text-decoration: none;
    display: block;
    font-size: 14px;
    padding: 7px 7px 7px 20px;
    position: relative;
    z-index: 1;
    overflow: hidden;
    border-radius: 5px;
    font-weight: bold;
}

#home_school_list ul.items li p.map a:before {
    content: '';
    position: absolute;
    width: 13px;
    height: 17px;
    top: 8px;
    left: 10px;
    background: url(https://kaichijuku.jp/wordpress/wp-content/themes/cyber-child/images/map_icon.svg) no-repeat 50% / contain;
}

#home_school_list ul.items li p.map a:after {
    background: #0572f8;
}

#home_school_list ul.items li .area_b {
    padding: 0 0 0 20px;
    width: 270px;
}

#home_school_list ul.items li .area_b p.addr {
    margin-bottom: 10px;
}

#home_school_list ul.items li .area_b p.tel {
    margin-bottom: 15px;
}

#home_school_list ul.items li .area_b p.tel a {
    color: #333;
    text-decoration: none;
    font-weight: bold;
    font-size: 28px;
    position: relative;
    padding-left: 30px;
    font-family: 'Roboto', sans-serif;
}

#home_school_list ul.items li .area_b p.tel a:before {
    font-family: "icomoon";
    content: '\e942';
    font-size: 1em;
    position: absolute;
    top: 50%;
    margin-top: -.55em;
    line-height: 1;
    left: 0;
    color: #00c6bf;
}

#home_school_list ul.items li .area_b p.btn a {
    color: #fff;
    display: block;
    position: relative;
    overflow: hidden;
    z-index: 1;
    padding: 10px;
    background: #00c6bf;
    font-weight: bold;
}

#home_school_list ul.items li .area_b p.btn a:before {
    background: #00928d;
}

#home_school_list ul.items li .area_b p.btn a:after {
    font-family: "icomoon";
    content: '\e917';
    font-size: 1.3em;
    position: absolute;
    top: 50%;
    margin-top: -.5em;
    line-height: 1;
    right: 0;
    color: #fff;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ホーム 校舎一覧
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#home_post > .f_wrap {
    justify-content: space-between;
    align-items: baseline;
}

#home_post .blog_wrap {
    width: 580px;
    padding: 30px;
    border-radius: 10px;
    min-height: 350px;
    position: relative;
}

#home_post .blog_wrap .area_b {
    width: 390px;
}

#home_post .blog_wrap > p.ttl {
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 30px;
    position: relative;
    width: 170px;
    margin: 0 auto 30px;
}

#home_post ul.cmn_post_list {
    margin-bottom: -45px;
}

#home_post .blog_wrap ul.cmn_post_list li {
    margin-bottom: 32px;
}

#home_post ul.cmn_post_list2 {
    margin-bottom: -20px;
}

#home_post ul.cmn_post_list .area_a {
    margin: 0 30px 0 0;
    width: 90px;
    height: 90px;
}

#home_post ul.cmn_post_list .area_a .img {
    width: 100%;
    height: 100%;
}

#home_post ul.cmn_post_list .area_a .img img {
    width: 90px;
    height: 90px;
    object-fit: cover;
    font-family: 'object-fit: cover;'
}

#home_post ul.cmn_post_list .area_b p.meta span{
    color: #fff;
    background: #151515;
    border-radius: 5px;
    display: inline-block;
    padding: 2px 30px;
    margin-right: 20px;
    font-weight: bold;
    font-size: 13px;
    margin-bottom: 15px;
}

#home_post .blog_wrap p.txt a {
    color: #333;
    overflow: hidden;
    display: inline-block;
}

#home_post p.btn {
    width: 115px;
    text-align: center;
    border-radius: 5px;
    top: 20px;
    right: 30px;
    position: absolute;
}

#home_post p.btn a {
    display: block;
    padding: 6px 0;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

#home_post p.btn a:after {
    font-family: "icomoon";
    content: '\e917';
    font-size: 1.3em;
    position: absolute;
    top: 50%;
    margin-top: -.5em;
    line-height: 1;
    right: 0;
}

#home_post .school {
    border: 5px solid #00c6bf;
    min-height:484px;
}

#home_post .school > p.ttl:before {
    content: '';
    display: inline-block;
    width: 82px;
    height: 65px;
    position: absolute;
    left: -95px;
    top: -20px;
    background: url(https://kaichijuku.jp/wordpress/wp-content/themes/cyber-child/images/post_school.png) no-repeat 50% / contain;
}

#home_post .school p.txt a {
    height: 49px;
}

#home_post .school p.btn {
    background: #fff;
    border: 2px solid #00c6bf;
}

#home_post .school p.btn a {
    color: #00c6bf;
}

#home_post .school p.btn a:hover {
    background: #00c6bf;
    color: #fff;
    opacity: 1;
}

#home_post .school p.btn a:hover:after {
    color: #fff;
}

#home_post .school p.btn a:after {
    color: #00c6bf;
}

#home_post .teacher {
    border: 5px solid #0059c6;
    margin-bottom: 18px;
}

#home_post .teacher > p.ttl:before {
    content: '';
    display: inline-block;
    width: 58px;
    height: 42px;
    position: absolute;
    left: -60px;
    top: -5px;
    background: url(https://kaichijuku.jp/wordpress/wp-content/themes/cyber-child/images/post_teacher.png) no-repeat 50% / contain;
}

#home_post .teacher p.meta {
    color: #0059c6;
    margin-bottom: 5px;
}

#home_post .teacher ul.cmn_post_list2 li {
    margin-bottom: 5px;
}

#home_post .teacher p.txt a {
    height: 30px;
}

#home_post .teacher p.btn {
    background: #fff;
    border: 2px solid #0059c6;
}

#home_post .teacher p.btn a {
    color: #0059c6;
}

#home_post .teacher p.btn a:hover {
    background: #0059c6;
    opacity: 1;
    color: #fff;
}

#home_post .teacher p.btn a:hover:after {
    color: #fff;
}

#home_post .teacher p.btn a:after {
    color: #0059c6;
}

#home_post div.bnr_wrap {
    justify-content: space-between;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ホーム ギャラリー
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#home_gallery {
    height: 252px;
    position: relative;
    background: url(https://kaichijuku.jp/wordpress/wp-content/themes/cyber-child/images/gallery_bg.jpg) no-repeat center center;
}

#home_gallery:hover {
    opacity: 1;
}

#home_gallery .inner_box:before {
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.37);
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: ' ';
    position: absolute;
    opacity: 0;
    transition: 1s;
}

#home_gallery:hover .inner_box:before {
    opacity: 1;
}

#home_gallery .pc_base_width {
    position: relative;
}

#home_gallery .gallery_color {
    background: #00c6bf;
    width: 430px;
    padding: 30px;
    align-items: center;
    position: absolute;
}

#home_gallery .f_wrap h2 {
    font-size: 24px;
    color: #fff;
    margin-right: 35px;
    width: 120px;
    font-weight: bold;
}

#home_gallery .f_wrap p.txt {
    width: 210px;
}

#home_gallery .f_wrap p.txt a {
    color: #fff;
    text-decoration: none;
    font-weight: bold;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ホーム 実績
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#home_result {
    padding: 69px 0;
    background: url(https://kaichijuku.jp/wordpress/wp-content/themes/cyber-child/images/result_bg.jpg) no-repeat right center #fff5fd;
}

#home_result h2 {
    width: 136px;
    margin-right: 35px;
}

#home_result h2 > span.img {
    text-align: center;
    display: block;
}

#home_result h2 .result_txt {
    text-align: center;
    background: #f42d2d;
    color: #fff;
    padding: 7px 0;
    font-weight: bold;
    position: relative;
    display: block;
    margin-top: 160px;
}

#home_result h2 .result_txt:before {
    content: '実合\A積格';
    white-space: pre;
    display: inline-block;
    position: absolute;
    left: -4px;
    right: 0;
    top: -150px;
    color: #000;
    font-size: 69px;
    line-height: 1;
}

#home_result ul.items li ul {
    padding-left: 1em;
}

#home_result ul.items {
    margin-bottom: 29px;
    width: 1029px;
    justify-content: space-between;
	align-items: start;
}

#home_result ul.items > li {
    border: 3px solid #00c6bf;
    border-radius: 7px;
    padding: 20px;
    background: #fff;
    min-height: 310px;
}

#home_result ul.items > li.double:not(.national) ul {
    column-count: 2;
    column-gap: 30px;
}

#home_result ul.items li.national {
    width: 220px;
}

#home_result ul.items li.high {
    width: 600px;
}

#home_result ul.items li.private {
    width: 190px;
}

#home_result ul.items li.high ul {
    column-gap: 26px;
}

#home_result ul.items > li h3 {
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 20px;
}

#home_result ul.items > li p.txt {
    font-size: 15px;
    color: #ff0000;
    margin-bottom: 10px;
    font-weight: bold;
}

#home_result ul.items > li ul li {
    padding: 3px 0;
    font-size: 14px;
}

#home_result ul.items > li:not(.private) ul li:last-child {
    list-style: none;
}

#home_result p.btn_sway {
    text-align: center;
}

#home_result p.btn_sway a {
    position: relative;
    margin-right: 10px;
    font-size: 24px;
    color: #f42d2d;
    font-weight: bold;
    cursor: pointer;
    background: linear-gradient(transparent 50%, #84ddda 50%);
}

#home_result p.btn_sway a:hover {
    opacity: 1;
}

#home_result p.btn_sway a:after {
    content: '';
    display: inline-block;
    width: 18px;
    height: 18px;
    position: absolute;
    right: -30px;
    top: 15px;
    background: url(https://kaichijuku.jp/wordpress/wp-content/themes/cyber-child/images/result_arrow.png) no-repeat 50% / contain;
}

#home_result p.btn_sway a:hover:after {
    animation: yurayura .3s -1s ease-in-out infinite alternate;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ホーム お問い合わせ
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
body:not(.home) #footer {
    border-top: 1px solid #dddddd;
}

#contact div.inner {
    width: 550px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
}

#contact div.inner:before {
    content: '';
    display: inline-block;
    position: absolute;
    left: -330px;
    width: 238px;
    height: 110px;
    background: url(https://kaichijuku.jp/wordpress/wp-content/themes/cyber-child/images/logo.png) no-repeat 50% / contain;
}

#contact div.inner:after {
    content: '';
    display: inline-block;
    position: absolute;
    right: -300px;
    top: 20px;
    width: 164px;
    height: 232px;
    background: url(https://kaichijuku.jp/wordpress/wp-content/themes/cyber-child/images/contact_pic01.jpg) no-repeat 50% / contain;
}

#contact div.inner .main_lead {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 10px;
    width: 530px;
}

#contact div.inner .main_lead span {
    background: linear-gradient(transparent 40%, #fcff00 40%);
}

#contact div.inner p.tel {
    line-height: 1.3;
}

#contact div.inner p.tel a {
    font-size: 48px;
    text-decoration: none;
    color: #333;
    font-weight: bold;
    position: relative;
    padding-left: 80px;
    font-family: 'Barlow Semi Condensed', sans-serif;
}

#contact div.inner p.tel a:before {
    font-family: "icomoon";
    content: '\e900';
    font-size: 0.9em;
    position: absolute;
    top: 50%;
    margin-top: -.4em;
    line-height: 1;
    left: 0;
    color: #00c6bf;
    font-weight: normal;
}

#contact div.inner p.open {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 20px;
}

#contact div.inner p.btn {
    background: #0059c6;
    width: 410px;
}

#contact div.inner p.btn a {
    color: #fff;
    font-size: 24px;
    display: block;
    padding: 30px 10px;
    z-index: 1;
    overflow: hidden;
    position: relative;
    font-weight: bold;
}

#contact div.inner p.btn a:before {
    background: #0572f8;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
合格実績　＞　リスト
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
ul.goukaku_list {
    column-count: 2;
}