@charset "utf-8";
/*-----------------------------------------------------

モジュール

------------------------------------------------------*/

/* =========================================================
コンテンツブロック
========================================================= */
.bl_contentsBlock { width: 100%; }
.bl_contentsBlock .bl_contentsBlock_inner { margin: 0 auto; padding: 0 15px; max-width: 1024px; }


/* =========================================================
背景
========================================================= */
.bl_bgType_lattice { background-image: url(/kids/common/images/bg_lattice.png); }


/* =========================================================
ボタン
========================================================= */
.bl_btnBlock { margin: 20px 0; display: flex; justify-content: center; align-items: center; }
.bl_btnBlock.bl_btnBlock__col2 { justify-content: space-between; }
.bl_btn { padding: 22px 60px; min-width: 345px; font-size: 27px; font-weight: bold; display: inline-block; background-color: #fff; border: 4px solid #2d5eb0; border-radius: 20px; text-align: center; box-shadow: 1px 2px 8px 0 rgba(0, 0, 0, 0.1); transition: background-color .2s, box-shadow .2s; }
.bl_btn:hover { color: #2d5eb0; text-decoration: none; background-color: #E5F6FC; box-shadow: 1px 2px 8px 0 rgba(0, 0, 0, 0.1), 0 0 0 2px #2d5eb0 inset; }


/* =========================================================
キッズニュース
========================================================= */
.bl_newsBlock .bl_newsList { margin: 0 auto 80px; max-width: 1024px; width: 86%; }
.bl_newsBlock .bl_newsList .bl_newsList_item { padding: 22px 0; border-bottom: 1px solid #00abea; position: relative; }
.bl_newsBlock .bl_newsList .bl_newsList_item .bl_newsList_item_head { margin-bottom: 14px; display: flex; align-items: center; }
.bl_newsBlock .bl_newsList .bl_newsList_item .bl_newsList_item_head .bl_newsDate { font-size: 22px; }
.bl_newsBlock .bl_newsList .bl_newsList_item .bl_newsList_item_head .bl_newsCate { margin-left: 17px; padding: 0 10px; font-size: 12px; font-weight: bold; background-color: #f3f3f3; border-radius: 5px; font-family: Hiragino Sans,"ヒラギノ角ゴシック", Hiragino Kaku Gothic ProN, "ヒラギノ角ゴ ProN W3", Roboto, "Droid Sans", YuGothic, "游ゴシック", Meiryo, "メイリオ", Verdana, "ＭＳ Ｐゴシック", sans-serif; }

.bl_newsBlock .bl_newsList .bl_newsList_item .bl_newsList_item_body { padding-right: 50px; position: relative; }
.bl_newsBlock .bl_newsList .bl_newsList_item .bl_newsList_item_body::after { margin: auto; width: 17px; height: 24px; content: ""; display: block; background-image: url(/kids/common/images/icon_arrow_right_blue.svg); background-repeat: no-repeat; background-size: contain; position: absolute; top: 0; bottom: 0; right: 0; }
.bl_newsBlock .bl_newsList .bl_newsList_item.bl_newsList_item__pdf .bl_newsList_item_body { padding-left: 56px; }
.bl_newsBlock .bl_newsList .bl_newsList_item.bl_newsList_item__pdf .bl_newsList_item_body::before { margin: auto; width: 44px; height: 60px; content: ""; display: block; background-image: url(/kids/common/images/icon_pdf.svg); background-repeat: no-repeat; background-size: contain; position: absolute; top: 0; bottom: 0; left: 3px; }
.bl_newsBlock .bl_newsList .bl_newsList_item.bl_newsList_item__newWindow .bl_newsList_item_body::after { width: 30px; height: 30px; background-image: url(/kids/common/images/icon_new_window_blue.svg); }
.bl_newsBlock .bl_newsList .bl_newsList_item .bl_newsList_item_body .bl_newsTxt { font-size: 22px; font-weight: bold; line-height: 1.82; color: #263a50; display: block; }

.bl_newsBlock .bl_newsBlock_btn { margin-bottom: 0; }


/* =========================================================
クイズ
========================================================= */
.bl_quizBlock { margin: 70px auto; width: 96%; border-radius: 22px; }
.bl_quizBlock .bl_quizBlock_link { width: 100%; height: 100%; display: block; text-align: center; }
.bl_quizBlock .bl_quizBlock_link .bl_quizBlock_link_inner { margin-left: -15%; display: inline-block; max-width: 877px; }
.bl_quizBlock .bl_quizBlock_link .bl_quizBlock_link_inner img { margin: 0 auto; width: 100%; display: inline-block; }

/* 色別 */
.bl_quizBlock.bl_quizBlock__job    { background-color: #f5a431; }
.bl_quizBlock.bl_quizBlock__manner { background-color: #ec63b4; }
.bl_quizBlock.bl_quizBlock__kankyo { background-color: #1ac76b; }
.bl_quizBlock.bl_quizBlock__train  { background-color: #8a63e2; }


/* =========================================================
バナー
========================================================= */
.bl_bnrBlock { background-color: rgba(38,58,80,0.2); }
.bl_bnrBlock .bl_bnrBlock_inner { margin: 0 auto; padding: 8px 15px 70px; max-width: 1024px; width: 94%; position: relative; }
.bl_bnrBlock .bl_bnrList { width: 100%; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; }
.bl_bnrBlock .bl_bnrList::before,
.bl_bnrBlock .bl_bnrList::after { width: 23%; content: ""; display: block; }
.bl_bnrBlock .bl_bnrList::before { order: 1; }
.bl_bnrBlock .bl_bnrList .bl_bnrList_item { margin-top: 30px; width: 23%; }
.bl_bnrBlock .bl_bnrList .bl_bnrList_item .bl_bnrList_link { display: block; }
.bl_bnrBlock .bl_bnrList .bl_bnrList_item .bl_bnrList_link img { transition: opacity 0.3s; }
.bl_bnrBlock .bl_bnrList .bl_bnrList_item .bl_bnrList_link:hover img { opacity: 0.7; }

/* アコーディオン */
.bl_bnrBlock .bl_bnrAccTrigger { cursor: pointer; position: absolute; right: 0; bottom: 15px; }
.bl_bnrBlock .bl_bnrAccTrigger:hover { text-decoration: underline; }
.bl_bnrBlock .bl_bnrAccordion { display: none; }


/* =========================================================
電車イラストと吹き出し
========================================================= */
.bl_trainLeadBlock { padding: 0 22px 0 53px; }
.bl_trainLeadBlock .bl_trainLeadBlock_inner {  }
.bl_trainLeadBlock .bl_trainLeadBlock_inner::after { content: ""; display: block; clear: both; }
.bl_trainLeadBlock .bl_trainLeadBlock_head { width: 62%; float: left; }
.bl_trainLeadBlock .bl_trainLeadBlock_head .bl_trainLeadBlock_txt { font-size: 21px; font-weight: 500; line-height: 2.11; color: #fff; }
.bl_trainLeadBlock .bl_trainLeadBlock_body { margin: 15px 0; width: 33%; float: right; }
.bl_trainLeadBlock .bl_trainLeadBlock_body .bl_trainLeadBlock_balloon { padding: 10px 16px 22px 22px; font-size: 22px; font-weight: 500; line-height: 2.27; position: relative; border-radius: 20px; background-color: rgba(255, 255, 255, 0.9); }
.bl_trainLeadBlock .bl_trainLeadBlock_body .bl_trainLeadBlock_balloon::after { width: 14px; height: 14px; content: ""; position: absolute; bottom: -13px; left: 18px; background: url(/kids/common/images/arrow01.png) no-repeat left top; background-size: 14px auto; }
.bl_trainLeadBlock .bl_trainLeadBlock_body .bl_trainLeadBlock_chara { margin: 15px 0 0 18px; }
.bl_trainLeadBlock .bl_trainLeadBlock_body .bl_trainLeadBlock_chara img { height: 175px; }


/* =========================================================
モーダル
========================================================= */
.modaal-container { opacity: 0; }


/* =========================================================
動画
========================================================= */
.bl_videoBlock { margin-bottom: 20px; padding-top: 56.25%; width: 100%; height: 0; text-align: center; overflow: hidden; position: relative; }
.bl_videoBlock .bl_videoBlock_iframe { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; }
.bl_videoBlock .bl_videoBlock_thumb { width: 100%; position: absolute; top: 0; left: 0; z-index: 2; pointer-events: none; transition: opacity 0.3s; }
.bl_videoBlock .bl_videoBlock_thumb.is_hide { opacity: 0; }


/* =========================================================
youtubeモーダル
========================================================= */
.bl_videoModalBlock { margin: 20px 0 80px; }
.bl_videoModalBlock .bl_videoModalBlock_link { color: #263a50; outline: none; }


/* modaal */
.bl_videoModal_wrapper .modaal-inner-wrapper { padding: 0; }
.bl_videoModal_wrapper .modaal-container { max-width: none; width: 54.6%; height: auto; opacity: 1; transition: opacity 0.2s; }
.bl_videoModal_wrapper .modaal-container .modaal-content { padding-top: 56.25%; width: 100%; height: 0; position: relative; }
.bl_videoModal_wrapper .modaal-container .modaal-content iframe { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }

.bl_videoModal_wrapper .modaal-container .modaal-close { width: 24px; height: 24px; position: absolute; top: -38px; right: 0; transition: none; }
.bl_videoModal_wrapper .modaal-container .modaal-close::before,
.bl_videoModal_wrapper .modaal-container .modaal-close::after { margin: auto; width: 3px; height: 30px; top: 0; bottom: 0; left: 0; right: 0; border-radius: 0; }

.bl_videoModal_wrapper .modaal-container .modaal-close:focus,
.bl_videoModal_wrapper .modaal-container .modaal-close:hover { background-color: transparent; }

.bl_videoModal_wrapper .modaal-container .modaal-close:focus:before,
.bl_videoModal_wrapper .modaal-container .modaal-close:focus:after,
.bl_videoModal_wrapper .modaal-container .modaal-close:hover:before,
.bl_videoModal_wrapper .modaal-container .modaal-close:hover:after { background: #fff; }



/* =========================================================
ヘルパー
========================================================= */
/* テーマカラー背景用 */
.hp_bgColor_skyblue     { background-color: #00ABEA!important; }
.hp_bgColor_blue        { background-color: #06559D!important; }
.hp_bgColor_yellowGreen { background-color: #A5DC5D!important; }
.hp_bgColor_cobaltBlue  { background-color: #2D5EB0!important; }
.hp_bgColor_carrot      { background-color: #F5A431!important; }
.hp_bgColor_eggplant    { background-color: #8A63E2!important; }
.hp_bgColor_cabbage     { background-color: #1AC76B!important; }
.hp_bgColor_peach       { background-color: #EC63B4!important; }
.hp_bgColor_yellow      { background-color: #fcc221!important; }

/* テーマカラー文字用 */
.hp_fontColor_skyblue     { color: #00ABEA!important; }
.hp_fontColor_blue        { color: #06559D!important; }
.hp_fontColor_yellowGreen { color: #A5DC5D!important; }
.hp_fontColor_cobaltBlue  { color: #2D5EB0!important; }
.hp_fontColor_carrot      { color: #F5A431!important; }
.hp_fontColor_eggplant    { color: #8A63E2!important; }
.hp_fontColor_cabbage     { color: #1AC76B!important; }
.hp_fontColor_peach       { color: #EC63B4!important; }
.hp_fontColor_white       { color: #fff!important; }
.hp_fontColor_yellow      { color: #fcee21!important; }


.hp_taL { text-align: left!important; }
.hp_taC { text-align: center!important; }
.hp_taR { text-align: right!important; }

.hp_mt0 { margin-top: 0!important; }
.hp_mb0 { margin-bottom: 0!important; }


/* =========================================================
アニメーション
========================================================= */
/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.5.2
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2017 Daniel Eden
 */

 .el_animation { opacity: 0; }
 .bounceIn.is_show { animation-name: bounceIn; opacity: 1; animation-duration: .75s; }
 .bounceInLeft.is_show { animation-name: bounceInLeft; opacity: 1; animation-duration: .75s; }
 .bounceInRight.is_show { animation-name: bounceInRight; opacity: 1; animation-duration: .75s; }
 .rubberBand.is_show { animation-name: rubberBand; opacity: 1; animation-duration: .75s; }
 .bounceOutLeft.is_out { animation-name: bounceOutLeft; opacity: 1; animation-fill-mode: both; }
 .bounceOutRight.is_out { animation-name: bounceOutRight; opacity: 1; animation-fill-mode: both; }

 @-webkit-keyframes bounceIn {
 	from,
 	20%,
 	40%,
 	60%,
 	80%,
 	to { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
 	0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); }
 	20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); }
 	40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); }
 	60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); }
 	80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); }
 	to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
 }

 @keyframes bounceIn {
 	from,
 	20%,
 	40%,
 	60%,
 	80%,
 	to { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
 	0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); }
 	20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); }
 	40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); }
 	60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); }
 	80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); }
 	to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
 }

 @-webkit-keyframes bounceInLeft {
 	from,
 	60%,
 	75%,
 	90%,
 	to { opacity: 1; animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
 	0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); }
 	60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); }
 	75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); }
 	90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); }
 	to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
 }

 @keyframes bounceInLeft {
 	from,
 	60%,
 	75%,
 	90%,
 	to { opacity: 1; animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
 	0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); }
 	60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); }
 	75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); }
 	90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); }
 	to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
 }

 @-webkit-keyframes bounceInRight {
 	from,
 	60%,
 	75%,
 	90%,
 	to { opacity: 1; animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
 	from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); }
 	60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); }
 	75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); }
 	90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); }
 	to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
 }

 @keyframes bounceInRight {
 	from,
 	60%,
 	75%,
 	90%,
 	to { opacity: 1; animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
 	from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); }
 	60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); }
 	75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); }
 	90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); }
 	to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
 }

 @-webkit-keyframes rubberBand {
 	from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
 	30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); }
 	40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); }
 	50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); }
 	65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); }
 	75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); }
 	to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
 }

 @keyframes rubberBand {
 	from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
 	30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); }
 	40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); }
 	50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); }
 	65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); }
 	75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); }
 	to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
 }

 @-webkit-keyframes bounceOutLeft {
 	20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); }
 	to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); }
 }

 @keyframes bounceOutLeft {
 	20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); }
 	to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); }
 }

 @-webkit-keyframes bounceOutRight {
 	20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); }
 	to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); }
 }

 @keyframes bounceOutRight {
 	20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); }
 	to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); }
 }

/* =========================================================
el_headLine01
========================================================= */
.el_headLine01 { margin-bottom: 28px; color: #2c3a53; text-align: center; }
.el_headLine01 img { margin: 0 auto; width: 99px; }
.el_headLine01 > span { margin-bottom: 39px; padding: 28px 15px 22px; font-size: 22px; display: block; border-radius: 22px; background-color: #d3f0fb; position: relative; }
.el_headLine01 > span:after { width: 26px; height: 20px; background: url(/kids/common/images/icon01.jpg) no-repeat left top; background-size: 26px auto; position: absolute; left: 50%; transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); -webkit-transform: translateX(-50%); bottom: -20px; content: ""; }


/* =========================================================
el_headLine02
========================================================= */
.el_headLine02 { margin: 0 auto -70px; top: -70px; position: relative; padding: 10px 12px; font-size: 30px; text-align: center; width: 550px; background: url(/kids/common/images/bg_lattice.png) repeat left top; background-size: 60px auto; border-radius: 65px; box-sizing: border-box; font-weight: bold; }
.el_headLine02 span { padding: 40px 10px; border-radius: 65px; display: block; background-color: #FFF; line-height: 1.0; }


/* =========================================================
el_headLine03
========================================================= */
.el_headLine03 { text-align: center; font-size: 30px; font-weight: bold; font-family: Hiragino Sans,"ヒラギノ角ゴシック", Hiragino Kaku Gothic ProN, "ヒラギノ角ゴ ProN W3", Roboto, "Droid Sans", YuGothic, "游ゴシック", Meiryo, "メイリオ", Verdana, "ＭＳ Ｐゴシック", sans-serif; }
.el_headLine03 ruby > rt { transform: translateY(0); }


/* =========================================================
el_hdg2Alt
========================================================= */

.el_hdg2Alt { margin-bottom: 70px; text-align: center; overflow: hidden; }
.el_hdg2Alt img { display: inline-block; width: 496px; }


/* =========================================================
.bl_imgBlock
========================================================= */
.bl_imgBlock { padding: 0 16px 20px 48px; }
.bl_imgBlock .bl_imgBlock_txt { margin-top: 5px; width: 61.5%; float: left; }
.bl_imgBlock .bl_imgBlock_txt p { font-size: 22px; font-weight: 500; line-height: 2.09; color: #fff; }
.bl_imgBlock .bl_imgBlock_photo { width: 33.3%; float: right; }
.bl_imgBlock .bl_imgBlock_photo p { padding: 10px 16px 22px 22px; font-size: 22px; font-weight: 500; line-height: 2.27; position: relative; border-radius: 20px; background-color: rgba(255, 255, 255, 0.9); }
.bl_imgBlock .bl_imgBlock_photo p:after { width: 14px; height: 14px; position: absolute; bottom: -13px; left: 18px; background: url(/kids/common/images/arrow01.png) no-repeat left top; background-size: 14px auto; content: ''; }
.bl_imgBlock .bl_imgBlock_photo .bl_imgBlock_photo_img { }
.bl_imgBlock .bl_imgBlock_photo img { width: 100%; }


/* =========================================================
bl_jobList
========================================================= */
.bl_jobList { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; }
.bl_jobList .bl_jobList_item { margin-bottom: 30px; width: 30%; }
.bl_jobList .bl_jobList_item .bl_jobList_item_link { text-align: center; display: block; border-radius: 20px; overflow: hidden; transition: box-shadow .3s; }
.bl_jobList .bl_jobList_item .bl_jobList_item_link:hover { text-decoration: none; color: #2d5eb0; box-shadow: 0 0 0 6px #2d5eb0; }
.bl_jobList .bl_jobList_item .bl_jobList_item_link .bl_jobList_item_img { -webkit-backface-visibility: visible; backface-visibility: visible; }
.bl_jobList .bl_jobList_item .bl_jobList_item_link .bl_jobList_item_txt { padding: 15px 10px; font-size: 20px; font-weight: bold; background-color: #fff; transition: background-color 0.12s ease-in; }
.bl_jobList .bl_jobList_item .bl_jobList_item_link:hover .bl_jobList_item_txt {background-color: #e5f6fc; }
/* .bl_jobList .bl_jobList_item .bl_jobList_item_link .bl_jobList_item_txt.bl_jobList_item_txt__long { font-size: 18px; } */
.bl_jobList .bl_jobList_item .bl_jobList_item_desc { margin-top: 10px; font-size: 18px; color: #fff; line-height: 1.77; font-weight: 500; }


/* =========================================================
bl_bgBox
========================================================= */
.bl_bgBox { margin-bottom: 86px; padding: 69px 29px; border-radius: 20px; background-color: #fff; position: relative; }
.bl_bgBox.bl_bgBox__last { margin-bottom: 0; }
.bl_bgBox:last-child { margin-bottom: 0; }
.bl_bgBox .bl_bgBox_ttl { padding: 13px 10px; min-width: 240px; color: #fff; border: 3px solid #fff; box-sizing: border-box; position: absolute; left: 50%; top: -31px; font-size: 20px; text-align: center; font-weight: bold; border-radius: 34px; transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); -webkit-transform: translateX(-50%); background-color: #ec63b4; }
.bl_bgBox p { text-align: justify; }
.bl_bgBox .bl_imageBox:last-child { margin-bottom: 0; }


/* =========================================================
bl_imageBox
========================================================= */
.bl_imageBox { margin-bottom: 70px; }
.bl_imageBox .bl_imageBox_photo { margin-bottom: 31px; }
.bl_imageBox .bl_imageBox_photo img { width: 100%; }
.bl_imageBox .bl_imageBox_text { margin: 0 -4px; color: #263a50; font-size: 22px; line-height: 2.09; }
.bl_imageBox .bl_imageBox_text p { letter-spacing: -1px; }


/*--------------------------------------------------------------------------
	[ RWD Style ]
--------------------------------------------------------------------------*/
@media screen and (max-width: 1023px){
	/* =========================================================
	バナー
	========================================================= */
	.bl_bnrBlock .bl_bnrBlock_inner { padding: 20px 0 60px; max-width: none; width: 86%; }
	.bl_bnrBlock .bl_bnrList { padding: 0; width: 100%; }
	.bl_bnrBlock .bl_bnrList .bl_bnrList_item { margin-top: 30px; width: 47%; }

	/* アコーディオン */
	.bl_bnrBlock .bl_bnrAccTrigger { bottom: 10px; }

	/* =========================================================
	電車イラストと吹き出し
	========================================================= */
	.bl_trainLeadBlock .bl_trainLeadBlock_body .bl_trainLeadBlock_chara img { height: auto; }


	/* =========================================================
	youtubeモーダル
	========================================================= */
	/* modaal */
	.bl_videoModal_wrapper .modaal-container { width: 100%; }


} /* media */


/*--------------------------------------------------------------------------
	[ RWD Style ]
--------------------------------------------------------------------------*/
@media screen and (max-width: 767px){
	/* =========================================================
	ボタン
	========================================================= */
	.bl_btn { padding: 17px 5%; min-width: auto; width: 92%; font-size: 20px; }


	/* =========================================================
	キッズニュース
	========================================================= */
	.bl_newsBlock .bl_newsList { margin: 0 auto 41px; max-width: none; }
	.bl_newsBlock .bl_newsList .bl_newsList_item { padding: 24px 0; }
	.bl_newsBlock .bl_newsList .bl_newsList_item .bl_newsList_item_head { margin-left: 4px; }
	.bl_newsBlock .bl_newsList .bl_newsList_item .bl_newsList_item_head .bl_newsDate { font-size: 14px; }
	.bl_newsBlock .bl_newsList .bl_newsList_item .bl_newsList_item_head .bl_newsCate { margin-left: 20px; }

	.bl_newsBlock .bl_newsList .bl_newsList_item .bl_newsList_item_body { padding-right: 50px; position: relative; }
	.bl_newsBlock .bl_newsList .bl_newsList_item .bl_newsList_item_body::after { margin: auto; width: 17px; height: 24px; }
	.bl_newsBlock .bl_newsList .bl_newsList_item.bl_newsList_item__pdf .bl_newsList_item_body { padding-left: 56px; }
	.bl_newsBlock .bl_newsList .bl_newsList_item.bl_newsList_item__pdf .bl_newsList_item_body::before { margin: auto; width: 35px; height: 42px; left: 0; }
	.bl_newsBlock .bl_newsList .bl_newsList_item.bl_newsList_item__newWindow .bl_newsList_item_body::after { width: 30px; height: 30px; }
	.bl_newsBlock .bl_newsList .bl_newsList_item .bl_newsList_item_body .bl_newsTxt { font-size: 16px; }

	.bl_newsBlock .bl_newsBlock_btn .bl_btn { width: 64%; }


	/* =========================================================
	クイズ
	========================================================= */
	.bl_quizBlock { margin: 30px auto; width: 90%; }
	.bl_quizBlock .bl_quizBlock_link {}
	.bl_quizBlock .bl_quizBlock_link .bl_quizBlock_link_inner { margin-left: -15%; display: inline-block; max-width: none; }
	.bl_quizBlock .bl_quizBlock_link .bl_quizBlock_link_inner img {}


	/* =========================================================
	電車イラストと吹き出し
	========================================================= */
	.bl_trainLeadBlock { margin: 0 auto; padding: 0; width: 92%; }
	.bl_trainLeadBlock .bl_trainLeadBlock_head { width: 100%; float: none; }
	.bl_trainLeadBlock .bl_trainLeadBlock_head .bl_trainLeadBlock_txt { font-size: 18px; }
	.bl_trainLeadBlock .bl_trainLeadBlock_body { margin-top: 15px; width: 100%; float: none; }
	.bl_trainLeadBlock .bl_trainLeadBlock_body .bl_trainLeadBlock_balloon { margin: 0 auto; padding: 7%; width: 60%; font-size: 18px; line-height: 1.78; }
	.bl_trainLeadBlock .bl_trainLeadBlock_body .bl_trainLeadBlock_balloon::after { width: 14px; height: 14px; content: ""; position: absolute; bottom: -13px; left: 18px; background: url(/kids/common/images/arrow01.png) no-repeat left top; background-size: 14px auto; }
	.bl_trainLeadBlock .bl_trainLeadBlock_body .bl_trainLeadBlock_chara { margin: 12px auto 14px; width: 49%; }
	.bl_trainLeadBlock .bl_trainLeadBlock_body .bl_trainLeadBlock_chara img { height: auto; }


	/* =========================================================
	youtubeモーダル
	========================================================= */
	.bl_videoModalBlock { margin: 20px 0 80px; }

	/* modaal */
	.bl_videoModal_wrapper .modaal-container { width: 98%; }


	/* =========================================================
	.el_headLine01
	========================================================= */
	.el_headLine01 > span { margin-bottom: 35px; padding: 23px 15px 20px; font-size: 17px; line-height: 2.2; }
	.el_headLine01 img { width: 74px; }
	.el_headLine01 { margin-bottom: 22px; }


	/* =========================================================
	.el_headLine02
	========================================================= */
	.el_headLine02 { padding: 5px 6px; top: -35px; width: 90%; font-size: 18px; line-height: 1.89; }
	.el_headLine02.el_headLine02__long { text-align: left; }
	.el_headLine02 span { padding: 10px 20px 13px; }


	/* =========================================================
	.headLine03
	========================================================= */
	.el_headLine03 { margin: 0 0 10px; font-size: 20px; }


	/* =========================================================
	.el_hdg2Alt
	========================================================= */

	.el_hdg2Alt { margin-bottom: 60px; }
	.el_hdg2Alt img { width: auto; max-height: 37px; }
	.bl_bgBox + .el_hdg2Alt { margin-top: -40px; }


	/* =========================================================
	.bl_imgBlock
	========================================================= */
	.bl_imgBlock { padding: 37px 6px 20px 4px; }
	.bl_imgBlock .bl_imgBlock_txt { margin: 0 0 26px; width: auto; float: none; }
	.bl_imgBlock .bl_imgBlock_txt p { font-size: 18px; line-height: 2.11; }
	.bl_imgBlock .bl_imgBlock_photo { margin: 0 auto; width: 191px; float: none; }
	.bl_imgBlock .bl_imgBlock_photo p { padding: 24px 18px 13px 22px; font-size: 18px; line-height: 1.78; }
	.bl_imgBlock .bl_imgBlock_photo p::after { width: 12px; height: 12px; bottom: -11px; left: 16px; background-size: 12px auto; }
	.bl_imgBlock .bl_imgBlock_photo .bl_imgBlock_photo_img { margin: -5px -10px 0 2px; }


	/* =========================================================
	bl_jobList
	========================================================= */
	.bl_jobList { width: 100%; }
	.bl_jobList .bl_jobList_item { margin-bottom: 35px; width: 48%; }
	.bl_jobList .bl_jobList_item .bl_jobList_item_link { }
	.bl_jobList .bl_jobList_item .bl_jobList_item_link .bl_jobList_item_img {}
	.bl_jobList .bl_jobList_item .bl_jobList_item_link .bl_jobList_item_txt { padding: 10px 7%; font-size: 16px; letter-spacing: 0.1em; }
	.bl_jobList .bl_jobList_item .bl_jobList_item_link .bl_jobList_item_txt.bl_jobList_item_txt__long { /* font-size: 13px; */ letter-spacing: normal; }
	.bl_jobList .bl_jobList_item .bl_jobList_item_desc { margin-top: 10px; font-size: 15px; }


	/* =========================================================
	bl_bgBox
	========================================================= */
	.bl_bgBox .bl_bgBox_ttl { max-width: 293px; min-width: auto; width: 100%; top: -34px; font-size: 18px; }
	.bl_bgBox { padding: 61px 15px 40px; }


	/* =========================================================
	bl_imageBox
	========================================================= */
	.bl_imageBox .bl_imageBox_text { margin: 0 10px; font-size: 18px; }
	.bl_imageBox .bl_imageBox_photo { margin-bottom: 24px; }
	.bl_imageBox { margin-bottom: 43px; }

} /* media */

/*20220928 start*/
.el_text_annotation{
	margin-bottom: 20px;
	color: #fff;
	font-size: 16px;
}
@media screen and (max-width: 767px){
	.el_text_annotation{
		font-size: 12px;
	}
}

/*20220928 end*/