@charset "utf-8"; @font-face {
    font-family: "A-OTF-A1MinchoStd-Bold";
    src: url('../cyber-child/font/A-OTF-A1MinchoStd-Bold.woff') format('woff');
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ビッカーリンク※JS式がエラーで使えなくなったので、JS／CSSハイブリット式に変更（2025-11-13）mk
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
[class~="biggerlink"],
[class~="bl"]{
    transition: opacity .3s linear;
    position: relative;
}

[class~="biggerlink"]:hover,
[class~="bl"]:hover{
    cursor: pointer;
}

[class~="biggerlink"] .bl_area::after,
[class~="bl"] .bl_area::after{
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップ＞合格体験記（2024-03-12）mk
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
ul.cmn_voice_list {
    display: flex;
    gap: 15px;
}

ul.cmn_voice_list > * {
    border: 2px solid #efeded;
    padding: 30px 15px;
    width: 33.333%;
}

ul.cmn_voice_list .name {
    background: #ff7e7e;
    display: table;
    color: #fff;
    margin: 0 0 -38px 60px;
    padding: 3px 20px;
    position: relative;
    font-size: 14px;
}

ul.cmn_voice_list .name::after {
    content: '';
    width: 0;
    height: 0;
    border-top: 10px solid #ff7e7e;
    border-right: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 10px solid transparent;
    position: absolute;
    left: calc(50% - 10px);
    bottom: -18px;
    z-index: 0;
}

ul.cmn_voice_list .ttl {
    font-size: 18px;
    font-weight: bold;
    padding-top: 60px;
    margin-bottom: 20px;
    background: url(https://e-seiryo.com/wordpress/wp-content/themes/cyber-child/images/gokaku.jpg) no-repeat 0 0/50px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

ul.cmn_voice_list .ttl a {
    color: inherit;
    text-decoration: none;
}

ul.cmn_voice_list p.img {
    margin: 0 auto 20px;
    border: 1px solid #efeded;
}

ul.cmn_voice_list p.img a {
    color: #151515;
}

ul.cmn_voice_list p.img [rel=lightbox]:after {
    display: none;
}

ul.cmn_voice_list p.img [rel=lightbox] .img_zoom {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    position: absolute;
    right: 0;
    bottom: 0;
    background: rgba(255, 255, 255, .95);
    padding: 5px;
    font-size: 14px;
}

ul.cmn_voice_list p.img [rel=lightbox] .img_zoom:before {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    width: 23px;
    height: 23px;
    font-size: 1.2em;
    font-family: "icomoon";
    content: '\e905';
    line-height: 1;
    color: #fff;
    background-color: #000;
    padding: 2px;
    border-radius: 50%;
    vertical-align: -2px;
    margin-right: 7px;
}

ul.cmn_voice_list p.btn {
    margin-left: auto;
    width: fit-content;
}

ul.cmn_voice_list p.btn::before {
    content: "\e91b";
    font-family: "icomoon";
    margin-right: 10px;
    line-height: 1;
    vertical-align: -1px;
}

ul.cmn_voice_list p.btn a {
    color: inherit;
    text-decoration: underline;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
カテゴリー「本部校」非表示　2023-06-08 RT
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
li.honbu {
    display: none;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップページ　＞　プロモ（スライド） 2022-05-30 mori
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#promo_frame .ms-view {
	overflow: visible;
}
.ms-slide .ms-slide-link:hover {
    opacity: 0.3;
    background:#fff;
    transition: opacity 0.5s, background-color 0.5s;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
フッター　＞　トップへ戻る（JS連携）
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#footer_fixed_zone {
	width: 100vw;
    right: 0;
	bottom: -120px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
フッター　＞　追尾型バナー (2022-04-12) mori
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#footer_fixed_zone .inner {
	position: relative;
}

#footer_fixed_zone p.to_page_top {
	position: absolute;
    right: 40px;
    bottom: 0px;
    z-index: 1;
}

#footer_fixed_zone .f_banner_wrap {
	display: table;
    margin: 0 auto;
}

#footer_fixed_zone .inner_box {
	border: 1px solid #e60027;
	display: flex;
}

#footer_fixed_zone .f_banner_wrap .tel_area {
	background: #e60027;
    padding: 20px 35px 15px 35px;
	opacity: 1;
    cursor: default!important;
}

#footer_fixed_zone .f_banner_wrap .tel_area p.tel {
	font-size: 3.3rem;
    font-weight: bold;
    color: #fff;
    line-height: 1.1;
	padding-left: 70px;
}

#footer_fixed_zone .f_banner_wrap .tel_area p.tel a {
	position: relative;
}

#footer_fixed_zone .f_banner_wrap .tel_area p.tel a::before {
    position: absolute;
    font-family: 'icomoon';
    content: "\e958";
    font-size: 0.9em;
    color: #e60027;
    background: #fff;
    border-radius: 50%;
    width: 50px;
    height: 54px;
    line-height: 54px;
    padding: 0 2px;
    top: 3px;
    left: -75px;
    text-align: center;
}

#footer_fixed_zone .f_banner_wrap .tel_area p.open {
	color: #fff;
    font-size: 1.6rem;
	padding-left: 75px;
}

#footer_fixed_zone .f_banner_wrap ul.icon_area {
	align-items: center;
    padding: 10px;
    background: #fff;
}

#footer_fixed_zone .f_banner_wrap ul.icon_area li {
	border-radius: 4px;
    text-align: center;
}

#footer_fixed_zone .f_banner_wrap ul.icon_area li:not(:last-child) {
    margin-right: 10px;
}

#footer_fixed_zone .f_banner_wrap ul.icon_area li.mail {
	background: #ff9916;
}

#footer_fixed_zone .f_banner_wrap ul.icon_area li.free {
	background: #7ace02;
}

#footer_fixed_zone .f_banner_wrap ul.icon_area li.shiryo {
	background: #27A69B;
}

#footer_fixed_zone .f_banner_wrap ul.icon_area li a {
	font-size: 1.6rem;
	font-weight: bold;
	color: #fff;
    text-decoration: none;
	display: block;
    min-width: 145px;
    padding: 50px 15px 0;
    position: relative;
}

#footer_fixed_zone .f_banner_wrap ul.icon_area li a::before {
	position: absolute;
	content: "";
	top: 6px;
    left: calc(50% - 21px);
	background: no-repeat 50% / 24px 24px #fff;
    width: 43px;
    height: 43px;
    line-height: 43px;
    border-radius: 50%;
}

#footer_fixed_zone .f_banner_wrap ul.icon_area li.mail a::before {
    content: "\e90d";
    font-family: "icomoon";
    font-weight: normal;
    color: #ff9916;
    font-size: 1.3em;
}

#footer_fixed_zone .f_banner_wrap ul.icon_area li.free a::before {
    background-image: url(images/free_icon.png);
}

#footer_fixed_zone .f_banner_wrap ul.icon_area li.shiryo a::before {
    background-image: url(images/shiryo_icon02.png);
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
番号付きリスト03 
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

ol.basic_list03 {
  display: table;
  margin: 0;
  padding: 0;
}

ol.basic_list03 li {
  list-style-type: decimal;
  margin: 0;
  padding: 0;
  display: table-row;
  counter-increment: table-ol;
}

ol.basic_list03 li:before {
  content: counter(table-ol) ".";
  display: table-cell;
  padding-right: 0.4em;
  text-align: right;
  font-weight: 700;
  color: #e60027;
  font-size: 1.2em;
}

ol.basic_list03 li:after {
  content: "";
  display: block;
  margin-bottom: 1em;
}

ol.basic_list03 li:last-of-type:after {
  margin-bottom: 0;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
フォント（A1明朝） 
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.a1 {
    font-family: "A-OTF-A1MinchoStd-Bold";
}

pre {
    font-family: my_gothic;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
Google口コミ
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.wp-gr {
    margin-bottom: 20px!important;
}

.wp-google-url,.grw-widget-title {
    display: none!important;
}

.review_box {
    display: flex;
    flex-wrap: wrap;
    border: 1px solid #e60027;
}

.review_box > * {
    padding: 20px 30px;
}

.review_box dt {
    width: 300px;
    background: #e60027;
    text-align: center;
    font-weight: bold;
    color: #fff;
}

.review_box dd {
    width: calc(100% - 300px);
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
コーダー向け汎用クラス　＞　縦横のサイズ固定のボックス内にある画像について、比率を保ったまま縦横中央揃え＆トリミングして表示
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.img_container img {
    height: 101%!important;
    width: 101%;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
汎用スタイル　＞　画像がない場合の汎用スタイル（一覧ページ／ショートコード／関連記事…などで共有）
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.noimage {
    background-color: #daeef3;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
汎用スタイル　＞　サイトのテーマ色を一括指定する
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* 文字色 */
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: #e60027;
}

/* ボーダー色 */
body.sp dl.type01 > dt .arrow, h3[class*="h3a"], h2[class*="h2a"], .basic_list02 > li, .basic_color_border, .basic_color_border_bg:before, .basic_color_border_af:after {
    border-color: #e60027;
}

/* 背景色 */
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: #e60027;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ビジュアルエディタ　＞　汎用見出し
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* [.h2a][.h2b]共通のスタイル */
h2[class*="h2"] {
    font-weight: bold;
}

h2[class*="h2b"] {
    padding: 0 0 20px;
}

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

/* [.h3a][.h3b]共通のスタイル */
h3[class*="h3"] {
    font-weight: bold;
}

h3[class*="h3a"] {
    border-color: #e60027;
}

h3[class*="h3b"] {
    border-radius: 5px;
    padding-left: 25px;
}

h3[class*="h3b"]:before {
    content: "";
    width: 5px;
    height: calc(100% - 14px);
    background-color: #fff;
    border-radius: 10px;
    position: absolute;
    left: 12px;
    top: 7px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップページ　＞　汎用見出し
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
h2.cmn_ttl {
    padding: 0 40px;
    display: table;
    margin: 0 auto 40px;
    font-size: 36px;
    font-weight: bold;
    text-align: center;
    background-repeat: no-repeat;
    background-position: 0 50%, 100% 50%;
    background-size: auto 100%;
}

h2.cmn_ttl.lazyloaded {
    background-image: url(https://e-seiryo.com/wordpress/wp-content/themes/cyber-child/images/kakko.svg),url(https://e-seiryo.com/wordpress/wp-content/themes/cyber-child/images/kakko2.svg);
}

h2.cmn_ttl .green {
    color: #297e04;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ビジュアルエディタ　＞　汎用ボタン01
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
a.basic_btn01 {
    border-radius: 100px;
    font-weight: bold;
    padding: 17px 40px;
    background: #c50021;
}

a.basic_btn02 {
    color: #e60027;
}

a.basic_btn03 {
    width: 100%;
    font-weight: bold;
    padding: 13px 40px;
    background: #d43740;
    color: #fff;
}

a.basic_btn03:after {
    font-family: "icomoon";
    content: '\e917';
    font-size: 1.5em;
    position: absolute;
    top: 50%;
    margin-top: -.55em;
    line-height: 1;
    right: 0;
    font-weight: normal;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップページ　＞　汎用ボタン01
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
body.home p.cmn_btn {
    text-align: center;
}

body.home a.basic_btn01 {
    background: #fff;
    border: 3px solid #e60027;
    color: #e60027;
}

body.home a.basic_btn01:hover {
    background: #E60027;
    color: #fff;
    opacity: 1;
}

body.home a.basic_btn01:after {
    display: none;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ビジュアルエディタ　＞　テーブル01
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.basic_table01 th, .basic_table01 td {
    border-color: #ffaebe;
}

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

/* 各校舎ページ時間割のため */
@media screen and (max-width: 640px) {
    th {
        min-width: auto;
    }
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ビジュアルエディタ　＞　テーブル02
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.basic_table02 th {
    border-color: #e60027;
}

/* テーブル内のテーブル */
.basic_table02 td > table td {
    border-bottom: none;
}

.basic_table02 td > table td img {
    margin-bottom: 0!important;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ビジュアルエディタ　＞　汎用ボックス
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.basic_box01 {
    background-color: #fffde3;
}

.basic_box02 {
    border-color: #ffaebe;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ビジュアルエディタ　＞　よくある質問(定義リストver.)
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
dl.faq > dt {
    background-color: #fff;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
スニペット　＞　合格実績
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
p.cmn_result {
    padding: 7px 5px 7px 65px;
    font-size: 32px;
    background: url(https://e-seiryo.com/wordpress/wp-content/themes/cyber-child/images/sakura.png) no-repeat 0 50%/50px auto;
}

p.cmn_result .bdr {
    background: linear-gradient(transparent 60%, #ffea00 60%);
}

p.cmn_result .red {
    color: #ff0101;
}

p.cmn_result .big {
    font-size: 45px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
カスタム投稿　＞　Q&A（修正追加2019-12-26ty）
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.basic_box02.related_qa h3{
    font-size: 1.1em;
    font-weight: bold;
    margin: .5em 0 1em;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
下層ページ　＞　ヘッダー画像
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.page_promo .img_wrap {
    height: 330px;
}

.page_promo .txt_box {
    color: #fff;
}

.page_promo .ttl {
    font-size: 42px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ul.cmn_post_list
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
ul.cmn_post_list {
    justify-content: center;
    margin: 0 -8px 20px;
}

ul.cmn_post_list li {
    width: 288px;
    margin: 0 8px;
}

ul.cmn_post_list .img {
    width: 100%;
    padding-top: 177px;
    margin-bottom: 10px;
}

ul.cmn_post_list .meta {
    margin-bottom: 8px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

ul.cmn_post_list .meta .staff_img {
    width: 37px;
    padding-top: 37px;
    display: inline-block;
    margin-right: 15px;
    border-radius: 50%;
    vertical-align: -13px;
}

ul.cmn_post_list .meta .name {
    display: inline-block;
    font-size: 15px;
    font-weight: bold;
    /* color: #297e04; */
    width: calc(100% - 130px);
    line-height: 1.4;
}

ul.cmn_post_list .meta .name > span {
    padding-right: 10px;
    display: inline-block;
}

ul.cmn_post_list .meta .date {
    font-size: 14px;
}

ul.cmn_post_list .ttl a {
    color: inherit;
    text-decoration: none;
    font-size: 18px;
    font-weight: bold;
    padding: 0 15px;
    display: block;
}

/* 中ページ用 */
body[class*="school-child"] ul.cmn_post_list {
    margin: 0 -29px 20px;
}

body[class*="school-child"] ul.cmn_post_list li {
    width: 288px;
    margin: 0 29px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ul.school_list
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
ul.school_list {
    margin: 0 -15px -30px;
    position: relative;
}

ul.school_list li {
    width: 380px;
    margin: 0 15px 35px!important;
    border: 1px solid #bcac24;
    border-radius: 5px;
    overflow: hidden;
    background: #fff;
    padding-bottom: 4px;
}

ul.school_list .img {
    width: 100%;
    padding-top: 207px;
}

ul.school_list .txt_area {
    padding: 15px 35px 20px;
    position: relative;
}

ul.school_list .staff {
    position: absolute;
    top: -55px;
    left: 15px;
}

ul.school_list .line {
    position: absolute;
    top: 15px;
    right: 15px;
}

ul.school_list .line img {
    width: 30px;
    height: 30px;
    padding: 4px;
    border-radius: 5px;
    overflow: hidden;
    background: #00b900;
}

ul.school_list .ttl {
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    padding: 0 75px;
    margin-bottom: 20px;
}

ul.school_list iframe {
    width: 100%;
    height: 280px;
    vertical-align: bottom;
}

ul.school_list .addr {
    margin-bottom: 10px;
}

ul.school_list .tel a {
    display: block;
    background: #ffebef;
    border-radius: 5px;
    border: 2px solid #ffaebe;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    padding: 10px;
}

ul.school_list .tel a:before {
    content: "\e958";
    font-family: "icomoon";
    font-weight: normal;
    font-size: 30px;
    line-height: 1;
    color: #e60027;
    margin: 0 35px 0 -35px;
    vertical-align: -5px;
}

ul.school_list .more a {
    display: block;
    text-decoration: none;
    text-align: center;
    color: inherit;
    font-size: 18px;
    font-weight: bold;
    background: #ffe400;
    padding: 10px;
    border-radius: 0 0 5px 5px;
    box-shadow: 0 10px 0 #bcac24;
}

ul.school_list .more a:hover {
    margin-top: 4px;
    margin-bottom: -4px;
}

/* 中ページ用 */
body:not(.home) ul.school_list {
    margin: 0px -125px 0;
}

body:not(.home) ul.school_list .ttl {
    margin-bottom: 0;
}

body:not(.home) #map_canvas {
    margin: 0 -110px;
}

body:not(.home) #map_canvas iframe {
    width: 100%;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
投稿ページ（アーカイブ・シングル両方）
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/*---▼シングル　タイトル下カテゴリー---*/
div#main_area .cmn_post_staff_wrap a {
    color: inherit;
    text-decoration: none;
}

body.single-post .cmn_post_staff_wrap.title_after {
    float: left;
}

.cmn_post_staff_wrap .staff_img {
    display: inline-block;
    width: 35px;
    height: 35px;
    padding-top: 35px;
    border-radius: 50%;
    background-color: #eeeeee;
    vertical-align: middle;
    margin-right: 15px;
}

/*---▼先生カテゴリー---*/
.cmn_post_staff_wrap .staff_img {
    display: inline-block;
    width: 35px;
    height: 35px;
    padding-top: 35px;
    border-radius: 50%;
    background-color: #eeeeee;
    vertical-align: middle;
    margin-right: 15px;
}

/*----▼以下投稿カテゴリーメニュー内のみの記述---*/
#sub_area .cmn_post_staff_wrap {
    margin-top: 0px;
}

#sub_area .cmn_post_staff_wrap.side_cat li.news-shiroyama {
    display: none;
}

#sub_area .cmn_post_staff_wrap.side_cat li a {
    padding: 10px 20px 10px 10px;
}

.cmn_post_staff_wrap.side_cat .staff_img {
    width: 55px;
    height: 55px;
    padding-top: 55px;
    margin-right: 20px;
}

.cmn_post_staff_wrap.side_cat .meta {
    display: inline-block;
    vertical-align: middle;
}

.cmn_post_staff_wrap.side_cat .name {
    font-size: 18px;
    font-weight: bold;
    display: block;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
お問い合わせ・資料請求・無料体験申し込み　フォーム
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
th.pd-left {
    padding-left: 65px;
}

th.pd-left span.require {
    margin-left: -55px;
}

/* 上記の｢丸｣バージョン（[class*="exclusive"]はコンタクトフォームで付与されるクラス） */
.ipt_custom input[type*="radio"]:checked + span:after, .ipt_custom [class*="exclusive"] input[type*="checkbox"]:checked + span:after {
    top: 0;
    margin-top: 13px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップページ　＞　ヘッダー(プロモ)
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#promo_frame {
    /*background: url(images/promo01.jpg?ver=20220324) no-repeat center/cover;*/
    /*---（ 100vh-ヘッダー高さ）→変数をサポートしていないブラウザのフォールバック ---*/
    /*height: calc(100vh - 154px);*/
    /*---jsでプロモ高さ設定---*/
    /*height: calc((var(--my_vh) * 100) - 154px);*/
    /*---▼ノートパソコンの為の記述---*/
    /*min-height: 400px;*/
    /*---▼タブレット縦の為の記述---*/
    /*max-height: 600px;*/
	/* Master Sliderを実装したため、heightをautoに設定し、backgroundを非表示 2022-05-31 mori */
	height: auto;
	background: none;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
受講生の声
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#pass_box {
    border: 3px solid #efeded;
    padding: 30px 50px 40px;
    position: relative;
    overflow: hidden;
}

#pass_box .ttl_name {
    background: #ff7e7e;
    display: table;
    color: #fff;
    margin: 0 0 10px 100px;
    padding: 3px 20px;
    position: relative;
    z-index: 1;
}

#pass_box .ttl_name:after {
    content: '';
    width: 0;
    height: 0;
    border-top: 10px solid #ff7e7e;
    border-right: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 10px solid transparent;
    position: absolute;
    left: calc(50% - 10px);
    bottom: -18px;
    z-index: 0;
}

#pass_box h3.pass_ttl {
    font-size: 22px;
    font-weight: bold;
    padding: 0 0 0 100px;
    min-height: 75px;
    margin-bottom: 30px;
    background: url(https://e-seiryo.com/wordpress/wp-content/themes/cyber-child/images/gokaku.jpg) no-repeat 0 50%/75px;
    align-items: center;
}

#pass_box .inner_wrap {
    margin-bottom: 30px;
}

#pass_box p.img {
    width: 180px;
    margin-right: 55px;
    text-align: center;
}

#pass_box p.img a {
    color: #151515;
}

#pass_box p.img a:hover {
    text-decoration: none;
}

#pass_box p.img img {
    margin-bottom: 10px!important;
}

#pass_box p.img [rel=lightbox]:after {
    display: none;
}

#pass_box p.img [rel=lightbox] .img_zoom {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

#pass_box p.img [rel=lightbox] .img_zoom:before {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    width: 23px;
    height: 23px;
    font-size: 1.2em;
    font-family: "icomoon";
    content: '\e905';
    line-height: 1;
    color: #fff;
    background-color: #000;
    padding: 2px;
    border-radius: 50%;
    vertical-align: -2px;
    margin-right: 7px;
}

#pass_box .content_area {
    width: calc(100% - 180px - 55px);
    margin-left: auto;
}

#pass_box .content_area.wide {
    width: 100%;
}

#pass_box table.detail {
    font-size: 18px;
    margin-bottom: 20px;
    width:calc(100% - 180px - 55px);
}

#pass_box table.detail tr:first-child > * {
    padding-top:0;
}

#pass_box table.detail tr:not(:last-child) {
    border-bottom: 1px solid #000;
}

#pass_box table.detail th,#pass_box table.detail td {
    font-weight: bold;
    padding: 19px 15px 19px 0;
}

#pass_box table.detail th {
    width: 150px;
}

#pass_box p.parent,#pass_box p.student {
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    padding: 8px 15px 8px;
    border-radius: 5px;
    margin-bottom: 20px;
    position: relative;
}

#pass_box p.parent {
    background: #ee8d95;
    padding-left: 80px;
}

#pass_box p.student {
    background: #38afc9;
    padding-left: 100px;
    margin-top: 60px;
}

#pass_box p.parent:before, #pass_box p.student:before {
    content: "";
    width: 90px;
    height: 60px;
    position: absolute;
    left: 0;
    bottom: 0;
}

#pass_box p.parent:before {
    background: url(https://e-seiryo.com/wordpress/wp-content/themes/cyber-child/images/hogosha.png) no-repeat 50% 0/contain;
}

#pass_box p.student:before {
    background: url(https://e-seiryo.com/wordpress/wp-content/themes/cyber-child/images/okosan.png) no-repeat 50% 0/contain;
}

#pass_box h4.h4_q {
    position: relative;
    font-size: 18px;
    font-weight: bold;
    padding-left: 90px;
    margin-bottom: 20px;
    height: 58px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

#pass_box h4.h4_q:before {
    content: "Q1";
    width: 58px;
    height: 58px;
    color: #cb4852;
    background: #ffe5e7;
    border-radius: 5px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 0;
    top: 0;
}

#pass_box h4.h4_q:nth-of-type(2):before {
    content: "Q2";
}

#pass_box h4.h4_q:nth-of-type(3):before {
    content: "Q3";
}

#pass_box p.anser_txt {
    margin-bottom: 30px;
}

/* archive */
body[class*="archive-voice"] p.sub_lead {
    margin-bottom: 1em;
}

ul.voice_archive li#pass_box {
    width: 100%;
    margin: 0 0 20px;
}

ul.voice_archive li#pass_box .inner_wrap {
    margin-bottom: 0;
}

ul.voice_archive li .btn {
    margin-left: auto;
}

ul.voice_archive li .btn:before {
    content: "\e91b";
    font-family: "icomoon";
    margin-right: 10px;
    line-height: 1;
    vertical-align: -1px;
}

ul.voice_archive li .btn a {
    text-decoration: underline;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップページ　＞　一言コメント
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.tweet_area {
    font-size: 16px;
    margin-top: 15px;
}

.tweet_area .f_wrap{
    border: 2px solid #E60027;
}

.tweet_area .f_wrap > * {
    padding: 10px 15px;
}

.tweet_area .icon {
    background: #e60027;
    color: #fff;
    font-weight: bold;
	display: flex;
	align-items: center;
	justify-content: center;
}

.tweet_area ul.items {
    width: calc(100% - 100px);
    background: rgba(255,255,255,.85);
    color:#e60027;
	padding: 35px;
}

.tweet_area ul.items li {
    margin-bottom: 8px;
}

.tweet_area ul.items li:last-child {
    margin-bottom: 0;
}

.tweet_area ul.items .date {
    color:#151515;
}

.tweet_area ul.items .ttl a {
    color:#e60027;
	font-size: 19px;
}

.tweet_area .more {
    background: rgba(255,255,255,.85);
    padding-right: 270px;
    width: 333px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップページ　＞　バナーセクション
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
div#home_bnr .pc_base_width {
    position: relative;
}

div#home_bnr .trial {
    position: absolute;
    right: 30px;
    top: -330px;
    transition: .3s;
}

div#home_bnr .trial:hover {
    margin-top: 3px;
}

div#home_bnr .trial a:hover img {
    opacity: 1;
}

div#home_bnr .inner {
    justify-content: center;
}

div#home_bnr .bnr_wrap {
    display:flex;
    flex-wrap:wrap;
    margin: 0 -12px -15px;
    justify-content: center;
}

div#home_bnr .bnr_wrap > p{
    width: 384px;
    margin: 0 12px 15px;
}

/* slick廃止 */
div#home_bnr .bnr_wrap:not(.slick-initialized) {
	/*display:none;*/
}

div#home_bnr .bnr_wrap p.slick-slide {
    /*margin: 0 10px;*/
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
JQプラグイン　＞　「Slick」（スライダー）
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.slick-prev, .slick-next {
    border-radius: 5px;
    border: none;
    width: 25px;
    height: 60px;
    background: #002269!important;
}

.slick-prev:hover, .slick-next:hover {
    background: #002269;
}

.slick-prev {
    left: -35px;
}

.slick-next {
    right: -35px;
}

.slick-prev:before, .slick-next:before {
    border-color: #fff;
    width: 8px;
    height: 8px;
}

.slick-prev:before {
    left: 2px;
}

.slick-next:before {
    right: 2px;
}

.slick-dots {
    bottom: -35px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップページ　＞　home_movie(2021-07-05)mf
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
div#home_movie {
    background: url(https://e-seiryo.com/wordpress/wp-content/themes/cyber-child/images/type_bg.jpg) no-repeat 50% 50%/cover;
}

div#home_movie.section_kugiri {
    padding-top: 70px;
    padding-bottom: 60px;
}

div#home_movie.section_kugiri .pc_base_width {
    width: 100%;
    max-width: 1600px;
    margin: 0 auto;
}

div#home_movie h2 {
    color: #fff;
    position: relative;
    padding: 0 110px;
}

div#home_movie h2::before,
div#home_movie h2::after {
    font-size: 5.3rem;
    position: absolute;
    top: calc(50% - 26.5px);
    line-height: 1;
}
div#home_movie h2::before {
    content: "［";
    left: 0;
}

div#home_movie h2::after {
    content: "］";
    right: 0;
}

div#home_movie .items{
    margin: 0 -1% -30px;
}

div#home_movie .items li{
    width: 23%;
    margin: 0 1% 30px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップページ　＞　home_jyokyo(2021-07-05)mf
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
div#home_jyokyo {
    position: relative;
    z-index: 0;
    overflow: hidden;
}

div#home_jyokyo.section_kugiri {
    padding-top: 65px;
    padding-bottom: 60px;
}

div#home_jyokyo::before, div#home_jyokyo::after {
    content: "";
    width: 550px;
    height: 1500px;
    position: absolute;
    z-index: -1;
    background: #00adcc;
    transform: rotate(55deg);
}

div#home_jyokyo::before {
    top: -545px;
    left: calc(50% - 1330px);
}

div#home_jyokyo::after {
    bottom: -551px;
    right: calc(50% - 1350px);
}

div#home_jyokyo >div {
    position:relative;
}

div#home_jyokyo #black-studio-tinymce-5 {
    border: 1px solid #ccc;
    background: #fff;
    border-radius:3px;
    height: 300px;
    overflow: auto;
    padding: 30px 30px;
}

div#home_jyokyo #black-studio-tinymce-5::after {
    content: "";
    position: absolute;
    top: -140px;
    right: 200px;
    width: 150px;
    height: 131px;
    background: url(https://e-seiryo.com/wordpress/wp-content/themes/cyber-child/images/jump.png) no-repeat 50% 50%/cover;
}

div#home_jyokyo #black-studio-tinymce-5 h2.widgettitle {
    display: none;
}

div#home_jyokyo #black-studio-tinymce-5 li {
    font-size: 1.8rem;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップページ　＞　home_type
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
div#home_type.lazyloaded {
    background: url(https://e-seiryo.com/wordpress/wp-content/themes/cyber-child/images/type_bg.jpg) no-repeat 50% 50%/cover;
}

div#home_type.section_kugiri {
    padding-top: 65px;
    padding-bottom: 110px;
}

div#home_type .main_lead {
    text-align: center;
    color: #fff;
    font-size: 26px;
    font-weight: bold;
    margin-bottom: 65px;
}

div#home_type .items {
    justify-content: space-between;
}

div#home_type li {
    position: relative;
    overflow: hidden;
    background: #fff;
}

div#home_type li.biggerlink:hover {
    opacity: 1;
}

div#home_type li:before {
    content: "";
    width: 250px;
    height: 250px;
    display: block;
    background: #ccc;
    transform: rotate(-45deg);
    position: absolute;
    left: -160px;
    top: -154px;
}

div#home_type li.type_a:before {
    background: #265bca;
}

div#home_type li.type_b:before {
    background: #d2325c;
}

div#home_type li a {
    height: 240px;
    width: 580px;
    padding: 10px 10px 10px 70px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    background: no-repeat 88% 50%;
    text-decoration: none;
    color: inherit;
    font-size: 30px;
    font-weight: bold;
    line-height: 1.4;
}

div#home_type li.type_a a {
    padding-right: 220px;
}

div#home_type.lazyloaded li.type_a a {
    background-image: url(https://e-seiryo.com/wordpress/wp-content/themes/cyber-child/images/a_bg.jpg);
}

div#home_type li.type_b a {
    padding-right: 250px;
}

div#home_type.lazyloaded li.type_b a {
    background-image: url(https://e-seiryo.com/wordpress/wp-content/themes/cyber-child/images/b_bg.jpg);
}

div#home_type li a:before {
    content: "TYPE";
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    position: absolute;
    left: 17px;
    top: 10px;
}

div#home_type li a:after {
    content: "";
    width: 46px;
    height: 52px;
    background: no-repeat 50% 50%/contain;
    position: absolute;
    left: 18px;
    top: 33px;
}

div#home_type.lazyloaded li.type_a a:after {
    background-image: url(https://e-seiryo.com/wordpress/wp-content/themes/cyber-child/images/type_a.png);
}

div#home_type.lazyloaded li.type_b a:after {
    background-image: url(https://e-seiryo.com/wordpress/wp-content/themes/cyber-child/images/type_b.png);
}

div#home_type li.type_a:hover a {
    color: #265bca;
}

div#home_type li.type_b:hover a {
    color: #d2325c;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップページ　＞　home_message
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
div#home_message.lazyloaded {
    background: url(https://e-seiryo.com/wordpress/wp-content/themes/cyber-child/images/message_bg.jpg) no-repeat 50% 50%/cover;
}

div#home_message.section_kugiri {
    padding-top: 95px;
    padding-bottom: 95px;
}

div#home_message .main_lead {
    padding-left: 514px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップページ　＞　home_course
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
div#home_course.section_kugiri {
    padding-top: 40px;
    padding-bottom: 75px;
}

div#home_course h2 {
    text-align: center;
    font-size: 36px;
    font-weight: bold;
}

div#home_course h2:after {
    content: "";
    width: 112px;
    height: 110px;
    display: inline-block;
    vertical-align: -40px;
    margin: 0 -162px 0 50px;
}

div#home_course.lazyloaded h2:after {
    background: url(https://e-seiryo.com/wordpress/wp-content/themes/cyber-child/images/h2_icon01.png) no-repeat 50% 50%/contain;
}

div#home_course .items li {
    border: 1px solid #ccc;
    margin-bottom: 30px;
    align-items: center
}

div#home_course .items .img {
    width: 580px;
    padding-top: 360px;
}

div#home_course .items .txt_area {
    width: calc(100% - 580px);
    padding: 30px;
    text-align: center;
}

div#home_course .items .ttl {
    margin-bottom: 30px;
}

div#home_course .items .ttl a {
    text-decoration: none;
    color: inherit;
    font-size: 30px;
    font-weight: bold;
    position: relative;
}

div#home_course .items .ttl a:after {
    font-family: "icomoon";
    content: '\e917';
    font-size: .7em;
    padding: 7px;
    position: absolute;
    top: 50%;
    margin-top: -22px;
    line-height: 1;
    right: -55px;
    font-weight: normal;
    border: 3px solid;
    border-radius: 50%;
}

div#home_course .items .btn_wrap {
    margin-bottom: -15px;
}

div#home_course .items .btn_wrap .btn {
    margin-bottom: 15px;
}

div#home_course .items .btn_wrap .btn a {
    border-radius: 5px;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    width: 270px;
    margin: 0 auto;
    padding: 18px;
    line-height: 1.6;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

/* 小学生 */
div#home_course .items li.elementary .ttl a:after {
    color: #8aa800;
}

div#home_course .items li.elementary .btn_wrap .btn a {
    background: #8aa800;
    padding: 8px 20px;
    min-width: 370px;
    height: 80px;
}

/* 中学生 */

div#home_course .items li.junior .ttl a:after {
    color: #34acd8;
}

div#home_course .items li.junior .btn_wrap {
    justify-content: space-between;
}

div#home_course .items li.junior .btn_wrap .btn a {
    padding: 20px 20px;
    background: #34acd8;
}
/* 高校生 2021-11-30hiro */

div#home_course .items li.high-school .btn_wrap .btn a{
	background: #F18F12;
    padding: 8px 20px;
    min-width: 370px;
    height: 80px;
}
div#home_course .items li.high-school .ttl a:after {
    color: #F18F12;
}
div#home_course .bnr_inner {
    justify-content: space-between;
}

div#home_course .bnr_inner .img a {
    display: block;
    text-align: center;
    width: 567px;
    height: 100%;
    padding: 36px 10px 40px;
    border: 1px solid #d3d3d3;
    font-weight: bold;
    font-size: 18px;
    text-decoration: none;
    color: inherit;
}

div#home_course .bnr_inner .img a:hover {
    opacity: .8;
}

div#home_course .bnr_inner .img a img {
    margin: 0 auto;
}

div#home_course .bnr_inner .img a img:hover {
    opacity: 1;
}

.course-button {
    display: flex;
    justify-content: center;
  }

.course-button a {
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    background: #fff;
    color: #e60027;
    border-radius: 5px;
    padding:20px 50px;
    letter-spacing: 0.1em;
    position: relative;
    margin-left: 30px;
	margin-top: 30px;
}

#home_course .course-button a{
    background-color:#fff;
    color:#E60027;
    border:2px solid #E60027;
}

#home_course .course-button a:hover{
    background-color:#E60027;
    color:#fff;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップページ　＞　promo_frame_after
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#promo_frame_after{
	padding-top: 15px;
	margin-bottom: 30px;
}

#promo_frame_after .cmn_koza_naiyo {
    background-color: #E60027;
    padding-bottom: 26px;
    margin-bottom: 50px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップページ　＞　home_point
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
div#home_point {
    background: #fffded;
}

div#home_point.section_kugiri {
    padding-bottom: 85px;
}

div#home_point h2 {
    text-align: center;
    font-size: 40px;
    margin-bottom: 40px;
}

div#home_point h2:after {
    content: "";
    width: 130px;
    height: 118px;
    display: inline-block;
    vertical-align: -40px;
    margin: 0 -170px 0 40px;
}

div#home_point.lazyloaded h2:after {
    background: url(https://e-seiryo.com/wordpress/wp-content/themes/cyber-child/images/h2_icon02.png) no-repeat 50% 50%/contain;
}

div#home_point .items {
    /* justify-content: space-between; */
    /* margin-bottom: 5px; */
    margin: 0 -5px 5px;
}

div#home_point .items li {
    width: 393px;
    position: relative;
    transition: .3s;
    /* margin-bottom: 30px; */
    margin: 0 5px 30px;
}

div#home_point .items li:before {
    content: "違い";
    color: #e60027;
    text-align: center;
    font-family: my_gothic;
    font-size: 18px;
    font-weight: bold;
    width: 68px;
    height: 68px;
    padding: 6px;
    background: #fff;
    position: absolute;
    top: -20px;
    left: -8px;
    z-index: 2;
    border-radius: 50%;
    border: 3px dotted #e60027;
}

div#home_point .items li:after {
    content: counters(ol_cnt, "");
    font-family: my_mincho;
    font-size: 36px;
    color: #e60027;
    position: absolute;
    top: 2px;
    z-index: 3;
	width:68px;
	text-align:center;
}

div#home_point .items li:hover {
    opacity: 1;
    margin-top: 4px;
    margin-bottom: 26px;
}

div#home_point .items li .img {
    width: 100%;
    padding-top: 216px;
    position: relative;
    border-radius: 10px 10px 0 0;
}

div#home_point .items li .img:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.3);
}

div#home_point .items li .lead {
    width: 100%;
    height: 216px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    justify-content: center;
    align-items: center;
}

div#home_point .items li .lead .txt {
    text-align: center;
    color: #fff;
    font-size: 27px;
    font-weight: bold;
    line-height: 1.4;
    padding-top: 20px;
}

div#home_point .items li .ttl {
    text-align: center;
    background: #fff;
    border-radius: 0 0 10px 10px;
    box-shadow: 0 4px 0 #f1ecbe;
    transition: .3s;
}

div#home_point .items li:hover .ttl {
    box-shadow: none;
}

div#home_point .items li .ttl a {
    color: #000;
    font-size: 17px;
    font-weight: bold;
    text-decoration: none;
    padding: 23px 10px;
    display: block;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップページ　＞　home_jirei
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
div#home_jirei {
    position: relative;
    z-index: 0;
    overflow: hidden;
}

div#home_jirei:before, div#home_jirei:after {
    content: "";
    width: 550px;
    height: 1500px;
    position: absolute;
    z-index: -1;
    background: #e60027;
    transform: rotate(50deg);
}

div#home_jirei:before {
    top: -545px;
    left: calc(50% - 1360px);
}

div#home_jirei:after {
    bottom: -551px;
    right: calc(50% - 1050px);
}

div#home_jirei .section_kugiri {
    padding-bottom: 90px;
}

div#home_jirei .section_kugiri:after {
    content: "";
    width: 350px;
    height: 170px;
    position: absolute;
    bottom: 10px;
    right: calc(50% - 650px);
    opacity: .25;
}

div#home_jirei.lazyloaded .section_kugiri:after {
    background: url(https://e-seiryo.com/wordpress/wp-content/themes/cyber-child/images/pass.png) no-repeat 50% 50%/contain;
}

div#home_jirei h2 {
    position: relative;
    margin-bottom: 60px;
}

div#home_jirei h2:before {
    content: "";
    width: 137px;
    height: 150px;
    position: absolute;
    left: -170px;
    top: -50px;
}

div#home_jirei.lazyloaded h2:before {
    background: url(https://e-seiryo.com/wordpress/wp-content/themes/cyber-child/images/h2_icon03.png) no-repeat 50% 50%/contain;
}

div#home_jirei .items {
    justify-content: space-between;
    margin-bottom: 15px;
}

div#home_jirei .items .ttl {
    font-size: 36px;
    text-align: center;
    margin-bottom: 25px;
}

div#home_jirei .items .ttl:before {
    content: "";
    display: inline-block;
    width: 62px;
    height: 52px;
    margin: 0 10px -5px -60px;
}

div#home_jirei.lazyloaded .items .ttl:before {
    background: url(https://e-seiryo.com/wordpress/wp-content/themes/cyber-child/images/maru.png) no-repeat 50% 50%/contain;
}

div#home_jirei .items .ttl .bdr {
    background: linear-gradient(transparent 65%, #ffea00 65%);
}

div#home_jirei .items li {
    width: 390px;
}

div#home_jirei .items .up_box {
    width: 100%;
    text-align: center;
    border: 1px solid #e5020f;
    background: #fff;
    margin-bottom: 15px;
    padding: 18px 10px;
}

div#home_jirei .inner_box {
    border: 3px solid #e5020f;
    background: #fff;
    padding: 25px 100px;
    margin-bottom: 30px;
}

div#home_jirei .items2 {
    justify-content: space-between;
}

div#home_jirei .items2 .ttl {
    font-size: 19px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 15px;
}

div#home_jirei .items2 .ttl .bdr {
    background: linear-gradient(transparent 50%, #ffea00 50%);
}

div#home_jirei .items2 .txt {
    font-size: 18px;
    font-weight: bold;
    text-align: center;
}

div#home_jirei .main_lead {
    text-align: center;
    margin-bottom: 30px;
    font-size: 36px;
    font-weight: bold;
    color: #e5020f;
}

div#home_jirei .red {
    color: #e5020f;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップページ　＞　home_blog
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
div#home_blog h2.cmn_ttl {
        padding: 0 32px 0 40px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップページ　＞　home_school
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
div#home_school {
    background: #f5f4ea;
}

div#home_school.section_kugiri {
    padding-bottom: 75px;
}

div#home_school h2.cmn_ttl {
    /* min-width: 250px; */
    margin-bottom: 10px;
}

div#home_school .main_lead {
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 20px;
}

/*div#home_school .school_list:after {
    content: "";
    width: 243px;
    height: 246px;
    position: absolute;
    bottom: 35px;
    right: 70px;
}

div#home_school.lazyloaded .school_list:after {
    background: url(https://e-seiryo.com/wordpress/wp-content/themes/cyber-child/images/boy.png) no-repeat 50% 50%/contain;
}*/

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップページ　＞　map_canvas
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
div#map_canvas iframe {
    width: 100%;
    vertical-align: bottom;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
コンタクトエリア
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
div#contact_area {
    text-align: center;
}

div#contact_area h2 {
    font-size: 28px;
    font-weight: bold;
    color: #fff;
    margin-bottom: 20px;
}

div#contact_area .btn {
    margin-bottom: 30px;
}

div#contact_area .btn a {
    font-size: 18px;
    font-weight: bold;
    border: 1px solid #fff;
    border-radius: 2em;
    color: #fff;
    padding: 5px 30px;
    min-width: 200px;
    position: relative;
}

div#contact_area .btn a:hover {
    background: rgba(255,255,255,.3);
    opacity: 1;
}

div#contact_area .btn a:after {
    font-family: "icomoon";
    content: '\e917';
    font-size: 1.5em;
    position: absolute;
    top: 50%;
    margin-top: -.50em;
    line-height: 1;
    right: 10px;
    font-weight: normal;
}

div#contact_area .inner_wrap {
    justify-content: space-between;
    width: 1090px;
    margin: 0 auto 20px;
}

div#contact_area .inner_wrap > div {
    width: 530px;
    background: #fff;
    border-radius: 5px;
    overflow: hidden;
}

div#contact_area .inner_wrap a:hover {
    text-decoration: none;
    opacity: .8;
}

div#contact_area .trial a {
    display: block;
    width: 100%;
    height: 100%;
    background: url(https://e-seiryo.com/wordpress/wp-content/themes/cyber-child/images/girl.png) no-repeat 40px 50% #fcff00;
    padding: 30px 40px 30px 175px;
    font-size: 28px;
    font-weight: bold;
    line-height: 1.1;
}

div#contact_area .trial a .sub_lead {
    font-size: 18px;
    border: 1px solid #000;
    border-radius: 5px;
    padding: 5px 10px;
    display: inline-block;
    margin-bottom: 10px;
}

div#contact_area .trial a .sub_txt {
    font-size: 18px;
}

div#contact_area .contact {
    padding: 35px 25px 35px 40px;
}

div#contact_area .contact > div {
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
}

div#contact_area .contact .tel a {
    font-size: 30px;
    font-weight: bold;
}

div#contact_area .contact .tel a:before {
    content: "\e958";
    font-family: "icomoon";
    font-weight: normal;
    background: #000;
    border-radius: 50%;
    color: #fff;
    padding: 8px;
    font-size: 22px;
    line-height: 1;
    margin: 0 10px 0 0;
}

div#contact_area .contact .line a {
    display: block;
    background: #00b900;
    color: #fff;
    border-radius: 5px;
    font-size: 18px;
    font-weight: bold;
    padding: 6px 20px;
}

div#contact_area .contact .line a:before {
    content: "\e902";
    font-family: "icomoon";
    font-weight: normal;
    font-size: 26px;
    line-height: 1;
    color: #fff;
    margin: 0 10px 0 -10px;
    vertical-align: -4px;
}

div#contact_area .contact .time {
    font-size: 18px;
    font-weight: bold;
}

div#contact_area .mail {
    width: 400px;
    margin: 0 auto;
}

div#contact_area .mail a {
    display: block;
    width: 100%;
    text-align: center;
    border-radius: 5px;
    font-size: 22px;
    font-weight: bold;
    padding: 23px;
    background: #fff;
}

div#contact_area .mail a:hover {
    text-decoration: none;
	opacity: .8;
}

div#contact_area .mail a:before {
    content: "\e90d";
    font-family: "icomoon";
    font-weight: normal;
    color: #e60027;
    font-size: 1em;
    line-height: 1;
    margin: 0 10px 0 0;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
フッターエリア
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
div#footer {
    background: url(./images/footer_bg02.jpg) no-repeat 50% 50%/cover;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
フッターエリア
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
div#copy_frame {
    background: transparent;
	padding-bottom: 120px;
}