@charset "UTF-8";
* {
  list-style: none;
}

@media (max-width: 767px) {
  * {
    width: auto;
    height: auto;
    margin: 0;
  }
  * img {
    max-width: 100%;
  }
  * .left, * .right, * .row .left, * .row .right {
    float: none;
  }
  * .ml10, * .ml15, * .ml20, * .ml25, * .ml30, * .ml35, * .ml40, * .ml45, * .ml100 {
    margin-left: 0 !important;
  }
  * .mb-10 {
    margin-bottom: 0 !important;
  }
  * .pl20, * .pl25 {
    padding-left: 0 !important;
  }
}

a {
  outline: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  cursor: pointer;
}

a:focus, *:focus {
  outline: none;
}

.pc {
  display: block;
}

@media (max-width: 767px) {
  .pc {
    display: none;
  }
}

.sp {
  display: none;
}

@media (max-width: 767px) {
  .sp {
    display: block;
  }
}

.sp_g_navi {
  display: none;
  width: 100%;
  z-index: 2;
}

.sp_g_navi.fixed {
  position: fixed;
  top: 0;
}

@media (max-width: 767px) {
  .sp_g_navi {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-top: solid 1px #d9d9d9;
  }
  .sp_g_navi a img {
    width: 100%;
  }
}

.tc_space {
  width: 1px;
  height: 10px;
}

body .DD_sp {
  display: none;
}

@media (max-width: 767px) {
  body {
    min-width: auto;
  }
  body .contentArea {
    padding: 0 20px !important;
  }
  body .contentArea a {
    width: 100%;
    display: block;
    margin: 0 auto;
  }
  body .contentArea a.gwLink {
    display: inline;
  }
  body .sp_cont {
    padding: 0 20px !important;
  }
  body .pankuzu {
    display: none;
    width: 100%;
    height: auto;
  }
  body .pankuzu td {
    padding: 10px 20px;
  }
  body #gwFootNav {
    width: calc(100% - 40px);
    margin: 20px auto 0;
    padding: 0 20px;
  }
  body #gwFootNav li {
    float: none;
    margin: 10px 0;
  }
  body #gwFootNav li:last-child {
    margin: 10px 0;
  }
  body #pageNavi {
    padding: 0 20px;
  }
  body #prevPage, body #nextPage {
    width: auto;
    height: auto;
  }
  body .sublink {
    padding: 0 20px;
  }
  body .sp_center {
    display: block;
    margin: 0 auto !important;
    max-width: 580px;
    width: 100%;
  }
  body .sp_center_auto {
    display: block;
    margin: 0 auto !important;
    max-width: 100%;
    width: auto;
  }
  body .sp_center_txt {
    text-align: center;
  }
  body .sp_center_btn {
    display: block;
    max-width: 480px !important;
    margin: 0 auto;
  }
  body .sp_left {
    margin: auto 0 !important;
  }
  body .sp_mt0 {
    margin-top: 0 !important;
  }
  body .sp_mt5 {
    margin-top: 5px !important;
  }
  body .sp_mt10 {
    margin-top: 10px !important;
  }
  body .sp_mt20 {
    margin-top: 20px !important;
  }
  body .sp_mt30 {
    margin-top: 30px !important;
  }
  body .sp_mt40 {
    margin-top: 40px !important;
  }
  body .sp_mt50 {
    margin-top: 50px !important;
  }
  body .sp_mb0 {
    margin-bottom: 0 !important;
  }
  body .sp_mb5 {
    margin-bottom: 5px !important;
  }
  body .sp_mb10 {
    margin-bottom: 10px !important;
  }
  body .sp_mb20 {
    margin-bottom: 20px !important;
  }
  body .sp_mb30 {
    margin-bottom: 30px !important;
  }
  body .sp_mb40 {
    margin-bottom: 40px !important;
  }
  body .sp_mb50 {
    margin-bottom: 50px !important;
  }
  body .sp_pt0 {
    padding-top: 0 !important;
  }
  body .sp_pt5 {
    padding-top: 5px !important;
  }
  body .sp_pt10 {
    padding-top: 10px !important;
  }
  body .sp_pt20 {
    padding-top: 20px !important;
  }
  body .sp_pt30 {
    padding-top: 30px !important;
  }
  body .sp_pt40 {
    padding-top: 40px !important;
  }
  body .sp_pt50 {
    padding-top: 50px !important;
  }
  body .sp_pb0 {
    padding-bottom: 0 !important;
  }
  body .sp_pb5 {
    padding-bottom: 5px !important;
  }
  body .sp_pb10 {
    padding-bottom: 10px !important;
  }
  body .sp_pb20 {
    padding-bottom: 20px !important;
  }
  body .sp_pb30 {
    padding-bottom: 30px !important;
  }
  body .sp_pb40 {
    padding-bottom: 40px !important;
  }
  body .sp_pb50 {
    padding-bottom: 50px !important;
  }
  body .sp_pd20 {
    padding: 0 20px !important;
  }
  body .sp_Df {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
        justify-content: space-around;
  }
  body .sp_DfR {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
  body .sp_wdA {
    width: auto !important;
  }
  body .sp_wd100 {
    width: 100% !important;
  }
  body .sp_w_50 {
    width: 50% !important;
  }
  body .sp_w_80 {
    width: 80% !important;
  }
  body .w33Per {
    width: 33.3%;
  }
  body .sp_table {
    padding: 0 20px;
  }
  body .sp_table_box {
    border: 2px solid #0071BC;
    border-bottom: none;
  }
  body .sp_table_box:last-child {
    border-bottom: 2px solid #0071BC;
  }
  body .sp_table_box:last-child .sp_table_body {
    padding: 10px 20px;
  }
  body .sp_table_box .sp_table_head {
    border-bottom: 1px solid #0071BC;
    padding: 8px 10px 4px;
    font-size: 1.2em;
    font-weight: bold;
  }
  body .sp_table_box .sp_table_body {
    padding: 10px 20px 30px;
  }
  body .sp_table_box .sp_table_body .sp_table_part {
    margin-bottom: 20px;
  }
  body .sp_table_box .sp_table_body .sp_table_part .sp_table_part_inner {
    margin-bottom: 10px;
  }
  body .sp_table_box .sp_table_body .sp_table_part:last-child {
    margin-bottom: 0;
  }
  body .sp_table_box .sp_table_body .sp_table_part .sp_table_lead {
    font-size: 1.2em;
    font-weight: bold;
    margin-bottom: 5px;
  }
  body .sp_table_box .sp_table_body .sp_table_part .sp_table_leadImg {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  body .sp_table_box .sp_table_body .sp_table_part .sp_table_leadImg img {
    min-width: 106px;
  }
  body .sp_table_box .sp_table_body .sp_table_part .sp_table_leadImg .sp_table_list {
    margin-left: 10px;
  }
  body .sp_table_box .sp_table_body .sp_table_part .sp_table_txt, body .sp_table_box .sp_table_body .sp_table_part .sp_table_list {
    margin-bottom: 5px;
  }
  body .sp_table_box .sp_table_body .sp_table_part .sp_table_txt:last-child, body .sp_table_box .sp_table_body .sp_table_part .sp_table_list:last-child {
    margin-bottom: 0;
  }
  body .sp_table_box .sp_table_body .sp_table_part .sp_table_list li {
    list-style: disc;
    margin-left: 20px;
    margin-bottom: 5px;
  }
  body .sp_table_box .sp_table_body .sp_table_part .sp_table_list li:last-child {
    margin-bottom: 0;
  }
  body .sp_table_box .sp_table_body .sp_table_part .sp_table_img img {
    display: block;
    margin: 0 auto;
  }
  body .sp_table_box .spLink {
    margin-top: 5px;
  }
  body .spLink a {
    display: inline;
  }
  body .spfL {
    float: left !important;
  }
  body .spfR {
    float: right !important;
  }
  body #sectionNav .navList, body #sectionNav2 .navList {
    float: initial;
  }
  body #topBtnBox {
    width: calc(100% - 40px);
    display: block;
    padding: 0 20px;
    margin: 20px 0;
  }
  body #topBtnBox a {
    margin-bottom: 10px;
  }
  body #topBtnBox a:last-child {
    margin-bottom: 0;
  }
  body #gwRelatedlink {
    width: calc(100% - 40px);
    display: block;
    padding: 0 20px;
    margin: 20px 0;
  }
  body #gwRelatedlink ul {
    height: 55vw;
    max-height: 422px;
    background: url(/kids/src/images/sp/common/gwRelatedlink_bg_sp.gif) no-repeat;
    background-size: 100%;
  }
  body #gwRelatedlink ul li {
    width: 100%;
    width: 90%;
    margin: 0 auto;
    float: none;
    padding: 2vw !important;
    border-left: none;
    border-top: 1px solid #CCCCCC;
  }
  body #gwRelatedlink ul li a {
    display: block;
    width: 90%;
    margin: 0 auto;
  }
  body #gwRelatedlink ul li.first {
    margin: 0 auto;
  }
  body #index #imageContent.kidstop .imageContentInner {
    height: auto;
  }
  body .fade-wrapper ul {
    height: 100%;
  }
  body .fade-wrapper ul li {
    height: 100%;
    background: url(/kids/src/images/sp/common/bg_1.png) center no-repeat;
    background-size: 100%;
  }
  body .fade-wrapper .skip-box {
    height: 22vw;
    width: 80%;
    max-width: 200px;
    bottom: 6vw;
    left: 50%;
    top: initial;
    right: initial;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  body .fade-wrapper .skip-box .skip_btn {
    background: url(/kids/src/images/sp/common/skip_sp.png) center no-repeat;
    background-size: 100%;
    width: 100%;
    float: none;
    height: 22vw;
  }
  body .sp_wrapper {
    width: 100%;
  }
  body .sp_wrapper .slick_slide {
    position: relative;
  }
  body .sp_wrapper .slick_slide a {
    position: absolute;
    bottom: 5vw;
    width: 80%;
    max-width: 200px;
    left: 53%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  body .sp_wrapper .sp_logo {
    position: absolute;
    z-index: 1;
    top: 6vw;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 80%;
  }
  body .sp_wrapper .slick-arrow {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    z-index: 1;
    width: 10vw;
    height: 10vw;
    background: #ffffff;
    border-radius: 100px;
  }
  body .sp_wrapper .prev {
    left: 1vw;
  }
  body .sp_wrapper .prev::after {
    content: "";
    display: block;
    width: 3vw;
    height: 3vw;
    border-left: solid 1vw;
    position: absolute;
    top: 50%;
    left: 55%;
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
            transform: translate(-50%, -50%) rotate(45deg);
    border-bottom: solid 1vw;
  }
  body .sp_wrapper .next {
    right: 1vw;
  }
  body .sp_wrapper .next::after {
    content: "";
    display: block;
    width: 3vw;
    height: 3vw;
    border-top: solid 1vw;
    border-right: solid 1vw;
    position: absolute;
    top: 50%;
    left: 45%;
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
            transform: translate(-50%, -50%) rotate(45deg);
  }
  body .slick-slide img {
    display: inline-block;
  }
  body .gwBody {
    margin-bottom: 50px;
    position: relative;
  }
  body .gwBody #subHeader {
    height: 35vw;
  }
  body .gwBody #subHeader .inner {
    width: 100%;
  }
  body .gwBody #subHeader #gwLogo {
    padding-top: 5vw;
    float: none;
  }
  body .gwBody #subHeader #gwLogo img {
    width: 80%;
    margin: 0 auto;
  }
  body .gwBody #subHeader .dataNav {
    display: none;
  }
  body .gwBody #gwWrapper {
    width: 100%;
  }
  body .gwBody #gwWrapper #bgShadow {
    width: 100%;
    background: none;
  }
  body .gwBody #gwWrapper #bgShadow #bgShadowInner {
    padding: 0;
    background: none;
  }
  body .gwBody.sub h1 {
    margin-top: 0px;
  }
  body .gwBody.sub h1 img {
    width: 100%;
  }
  body .gwBody.teacher h1 a.contactbt {
    right: 2vw;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 10vw;
  }
  body .gwBody.teacher h2.teacherSubHeader {
    width: calc(100% - 60px);
  }
  body .gwBody.teacher h2 img {
    z-index: 1;
  }
  body .gwBody.teacher.teacherSub h3 {
    padding: 0;
  }
  body .gwBody#teacher1 #boxTab {
    height: auto;
  }
  body .gwBody#teacher1 #boxTab img {
    width: 80%;
    margin: 0 auto 10px;
    float: none;
  }
  body .gwBody#teacher1 .stdLink .subtitle {
    margin-bottom: 10px;
  }
  body .gwBody#teacher1 .stdLink .subtitle + .lead {
    margin-bottom: 15px;
  }
  body .gwBody#teacher1 .stdLink .subtitle + .lead + .img {
    margin-bottom: 15px;
  }
  body .gwBody .teacherBox {
    width: 100%;
  }
  body .gwBody .teacherBoxHdr {
    display: none;
  }
  body .gwBody .teacherBoxInner {
    padding: 20px;
    background: none;
    border: solid 2px #009b81;
  }
  body .gwBody .teacherBoxBtm {
    display: none;
  }
  body .row.type00 .left, body .row.type00 .right {
    width: 100%;
  }
  body .row.type00 .left img, body .row.type00 .right img {
    display: block;
    margin: 0 auto;
  }
  body .t_top_links .greentitle {
    width: 100% !important;
    width: calc(100% - 20px) !important;
    padding: 5px 10px;
    height: auto;
  }
  body .t_top_links .link_cont {
    margin-left: 1.4em;
  }
  body .t_top_links .link_cont:last-child {
    margin-bottom: 0;
  }
  body .t_top_links .link_cont:last-child .lead {
    margin-bottom: 0 !important;
  }
  body .left .teacher_btn {
    width: 403px !important;
    display: block !important;
    max-width: 100%;
    background-size: 100%;
    height: 10vw;
    margin: 0 auto 10px;
  }
  body .left .teacher_btn:hover {
    background: url(/kids/src/images/teacher/teacher_btn.jpg) no-repeat center center;
    background-size: 100%;
  }
  body .teacherSub .teacherCont {
    padding: 0;
  }
  body div.greentitle, body div .greentitle2 {
    width: calc(100% - 10px);
    height: auto;
  }
  body .plan_btn_box li {
    float: none;
  }
  body .plan_btn_box li a {
    width: 80%;
    max-width: 337px;
  }
}

@media (max-width: 767px) and (max-width: 480px) {
  body .plan_btn_box li a {
    width: 80%;
  }
}

@media (max-width: 767px) {
  body .plan_table {
    width: 100%;
  }
  body .plan_table table {
    width: 100%;
  }
  body .plan_table table td {
    padding: 10px;
  }
  body .teacherBoxInner .stdLink a {
    width: auto;
    display: inline;
  }
  body .teacherBoxin {
    width: 100%;
    left: 0;
    margin-left: 0;
  }
  body .teacherBoxInInner {
    padding: 10px 20px;
    border: solid 2px #009b81;
    border-radius: 0 0 6px 6px;
    background: none;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: calc(100% - 2px);
    margin: 0 auto;
  }
  body .teacherBoxInBtm {
    display: none;
  }
  body .teacherCont div.katsuyobox {
    display: none;
  }
  body .teacherBoxf {
    width: 100%;
  }
  body .teacherBoxInnerf {
    padding: 20px;
    background: none;
    border: solid 3px #009b81;
    border-radius: 0 0 6px 6px;
    margin-top: -3px;
    z-index: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: calc(100% - 2px);
    margin: 0 auto 0;
  }
  body .teacherBoxInnerb {
    padding: 20px;
    background: none;
    border: solid 3px #2d5fa9;
    background: #dceff9;
    border-radius: 0 0 6px 6px;
    margin-top: -3px;
    z-index: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: calc(100% - 2px);
    margin: 0 auto 0;
  }
  body .teacherBoxBtmf, body .teacherBoxBtmb {
    display: none;
  }
  body .teacherBoxb {
    width: auto;
  }
  body .teacherCont div .machida {
    background: none;
  }
  body .imgbox.i4 {
    width: 48%;
    margin-right: 4%;
  }
  body .imgbox.i4.last.last_point {
    width: 38%;
  }
  body .imgbox.i6 .description {
    width: 100%;
    padding-left: 0;
    text-align: left;
  }
  body .imgbox.i6 .thumb .box1 {
    width: 100%;
    float: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  body .imgbox.i6 .thumb .box1 img {
    float: none !important;
    width: 20vw;
  }
  body .imgbox.i6 .thumb .box1 img:first-child {
    width: 30vw;
  }
  body .imgbox.i6 .thumb .box2 {
    width: 100%;
    float: none;
  }
  body .kigyoukan {
    width: 100%;
  }
  body .sheader_mt {
    margin-top: 0;
  }
  body .teacherCont .gw_flow {
    width: 100%;
    height: 68vw;
  }
  body .teacherCont .gw_flow .gwf1 {
    width: 34%;
  }
  body .teacherCont .gw_flow .gwf2 {
    left: 34%;
    width: 34%;
  }
  body .teacherCont .gw_flow .gwf3 {
    left: 68%;
    width: 32.4%;
  }
  body .teacherCont .spt_flow {
    width: 100%;
    height: auto;
    background: none;
  }
  body .teacherCont .spt_flow .spt_img1, body .teacherCont .spt_flow .spt_img2, body .teacherCont .spt_flow .spt_img3 {
    position: initial;
    margin-bottom: 20px;
  }
  body .teacherCont .texample {
    width: 100%;
  }
  body .teacherCont .texample div {
    float: none !important;
    height: auto !important;
  }
  body .teacherCont .texample .box4 {
    width: 100%;
  }
  body .teacherTable {
    display: block;
    overflow-x: scroll;
    white-space: nowrap;
    width: 100%;
  }
  body .teacherTable .tw3 {
    width: 40%;
    height: 970px;
    margin-left: 6%;
  }
  body .teacherTable .tw4 {
    width: 40%;
    height: 970px;
    margin-left: 6.8%;
  }
  body .teacherTable .tw2 {
    width: 55%;
  }
  body .pos_rel .contactbt_sub {
    top: 2vw;
    left: 60vw;
    width: 30vw;
  }
  body .pos_rel span.cttLink {
    top: 37vw;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    font-size: 3vw;
    letter-spacing: -0.01em;
    line-height: 1.2;
    width: 60%;
    text-align: center;
  }
  body #intbbox {
    left: 70px;
  }
  body .sp_table_01 {
    width: 90vw;
  }
}

@media (max-width: 767px) and (max-width: 650px) {
  body .sp_table_01 {
    width: 110vw;
  }
}

@media (max-width: 767px) and (max-width: 600px) {
  body .sp_table_01 {
    width: 135vw;
  }
}

@media (max-width: 767px) and (max-width: 550px) {
  body .sp_table_01 {
    width: 150vw;
  }
}

@media (max-width: 767px) and (max-width: 500px) {
  body .sp_table_01 {
    width: 165vw;
  }
}

@media (max-width: 767px) and (max-width: 450px) {
  body .sp_table_01 {
    width: 180vw;
  }
}

@media (max-width: 767px) {
  body .sp_table_02 {
    width: 75vw;
  }
}

@media (max-width: 767px) and (max-width: 650px) {
  body .sp_table_02 {
    width: 90vw;
  }
}

@media (max-width: 767px) and (max-width: 600px) {
  body .sp_table_02 {
    width: 90vw;
  }
}

@media (max-width: 767px) and (max-width: 550px) {
  body .sp_table_02 {
    width: 100vw;
  }
}

@media (max-width: 767px) and (max-width: 500px) {
  body .sp_table_02 {
    width: 120vw;
  }
}

@media (max-width: 767px) and (max-width: 450px) {
  body .sp_table_02 {
    width: 130vw;
  }
}

@media (max-width: 767px) {
  body .t_movie_cont {
    width: 100%;
  }
  body .t_movie_cont .movie {
    width: 100%;
  }
  body .t_movie_cont .txt_cont .lead {
    width: 100%;
  }
  body .t_movie_cont iframe {
    width: 100%;
    height: 55vw;
    margin-bottom: 10px;
  }
  body .sub_mv_cont {
    width: 100%;
  }
  body .sub_mv_cont .lead p {
    width: 100%;
  }
  body .sub_mv_cont .lead dl {
    width: 100%;
  }
  body .sub_mv_cont .mv_list li {
    width: 100%;
    min-width: auto;
  }
  body .sub_mv_cont iframe {
    width: 100%;
    height: 55vw;
    margin-bottom: 10px;
  }
  body .tc_space {
    height: 20px;
  }
  body .tc_top_right {
    float: right;
  }
}

@media (max-width: 767px) and (max-width: 400px) {
  body .sdgs_icon li {
    width: calc(15% - 10px);
  }
}

@media (max-width: 767px) {
  body .local_body {
    width: 100%;
    padding: 20px 20px 30px 30px;
  }
  body .imageContentInner {
    width: 100%;
    height: 96.5vw;
  }
  body .imageContentInner .wrapper {
    background: url(/kids/src/images/sp/genzai/g_top/bg_city_g_sp.png) no-repeat;
    background-size: 100%;
    height: 100%;
  }
  body .imageContentInner .wrapper div#navi {
    width: 100%;
    height: 100%;
    position: relative;
  }
  body .imageContentInner .wrapper div#navi a {
    display: block;
  }
  body .imageContentInner .wrapper div#navi a:nth-child(1), body .imageContentInner .wrapper div#navi a:nth-child(3), body .imageContentInner .wrapper div#navi a:nth-child(4), body .imageContentInner .wrapper div#navi a:nth-child(5), body .imageContentInner .wrapper div#navi a:nth-child(6), body .imageContentInner .wrapper div#navi a:nth-child(7), body .imageContentInner .wrapper div#navi a:nth-child(8), body .imageContentInner .wrapper div#navi a:nth-child(9), body .imageContentInner .wrapper div#navi a:nth-child(10) {
    display: none;
  }
  body .imageContentInner .wrapper div#navi a:nth-child(2) {
    width: 46vw;
    height: 17vw;
    position: absolute;
    top: 38vw;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    background: url(/kids/src/images/sp/genzai/g_top/g_ntag.png) no-repeat;
    background-size: 100%;
  }
  body .imageContentInner .wrapper div#navi a img#bbutton1 {
    display: none;
    margin: 0;
  }
  body .imageContentInner .wrapper.kakoWrap {
    background: url(/kids/src/images/sp/kako/k_top/bg_city_k_sp.png) no-repeat;
    background-size: 100%;
    height: 100%;
  }
  body .imageContentInner .wrapper.kakoWrap div#navi a:nth-child(2) {
    width: 46vw;
    height: 17vw;
    position: absolute;
    top: 38vw;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    background: url(/kids/src/images/sp/kako/k_top/k_ntag.png) no-repeat;
    background-size: 100%;
  }
  body .imageContentInner .wrapper.mirai {
    background: url(/kids/src/images/sp/mirai/m_top/bg_city_m_sp.png) no-repeat;
    background-size: 100%;
    height: 100%;
  }
  body .imageContentInner .wrapper.mirai div#navi a:nth-child(2) {
    width: 46vw;
    height: 17vw;
    position: absolute;
    top: 38vw;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    background: url(/kids/src/images/sp/mirai/m_top/m_ntag.png) no-repeat;
    background-size: 100%;
  }
  body #k_top h1 {
    z-index: 1;
    margin: 20px 20px 0;
    height: 20vw;
    background: url(/kids/src/images/sp/kako/k_top/k_top_h1_sp.png) no-repeat #8c6239;
    border-radius: 6px;
    background-position: 5% center;
    background-size: 100%;
  }
  body #k_top h1 img {
    display: none;
  }
  body #k_top #periodInd {
    margin: 0 20px;
  }
  body #k_top #periodInd p {
    background: url(/kids/src/images/sp/kako/k_top/k_top_07_sp.gif) no-repeat;
    background-size: 100%;
    background-position: center;
    height: 11vw;
  }
  body #k_top #periodInd p img {
    display: none;
  }
  body #k_top #periodInd .listBox {
    padding: 0;
  }
  body #k_top #periodInd .listBox li {
    width: 100%;
    height: 13vw;
    float: initial;
  }
  body #k_top #periodInd .listBox li a {
    display: block;
    width: 100%;
    height: 100%;
  }
  body #k_top #periodInd .listBox li a img {
    display: none;
  }
  body #k_top #periodInd .listBox li:nth-child(1) a {
    background: url(/kids/src/images/sp/kako/k_top/k_in_naviBtn01_sp.png) no-repeat;
    background-size: 100%;
    background-position: center;
  }
  body #k_top #periodInd .listBox li:nth-child(2) a {
    background: url(/kids/src/images/sp/kako/k_top/k_in_naviBtn02_sp.png) no-repeat;
    background-size: 100%;
    background-position: center;
  }
  body #g_top h1 {
    z-index: 1;
    margin: 20px 20px 0;
    height: 20vw;
    background: url(/kids/src/images/sp/genzai/g_top/g_top_h1_sp.png) no-repeat #0482d9;
    border-radius: 6px;
    background-position: 5% center;
    background-size: 100%;
  }
  body #g_top h1 img {
    display: none;
  }
  body #g_top #periodInd {
    margin: 0 20px;
  }
  body #g_top #periodInd p {
    background: url(/kids/src/images/sp/kako/k_top/k_top_07_sp.gif) no-repeat;
    background-size: 100%;
    background-position: center;
    height: 11vw;
  }
  body #g_top #periodInd p img {
    display: none;
  }
  body #g_top #periodInd .listBox {
    padding: 0;
  }
  body #g_top #periodInd .listBox li {
    width: 100%;
    height: 13vw;
    float: initial;
  }
  body #g_top #periodInd .listBox li a {
    display: block;
    width: 100%;
    height: 100%;
  }
  body #g_top #periodInd .listBox li a img {
    display: none;
  }
  body #g_top #periodInd .listBox li:nth-child(1) a {
    background: url(/kids/src/images/sp/genzai/g_top/g_top_nav_1_sp.png) no-repeat;
    background-size: 100%;
    background-position: center;
  }
  body #g_top #periodInd .listBox li:nth-child(2) a {
    background: url(/kids/src/images/sp/genzai/g_top/g_top_nav_2_sp.png) no-repeat;
    background-size: 100%;
    background-position: center;
  }
  body #g_top #periodInd .listBox li:nth-child(3) a {
    background: url(/kids/src/images/sp/genzai/g_top/g_top_nav_3_sp.png) no-repeat;
    background-size: 100%;
    background-position: center;
  }
  body #g_top #periodInd .listBox li:nth-child(4) a {
    background: url(/kids/src/images/sp/genzai/g_top/g_top_nav_4_sp.png) no-repeat;
    background-size: 100%;
    background-position: center;
  }
  body #g_top #periodInd .listBox li:nth-child(5) a {
    background: url(/kids/src/images/sp/genzai/g_top/g_top_nav_5_sp.png) no-repeat;
    background-size: 100%;
    background-position: center;
  }
  body #m_top h1 {
    z-index: 1;
    width: calc(100% - 40px);
    margin: 20px 20px 0;
    height: 20vw;
    background: url(/kids/src/images/sp/mirai/m_top/m_top_h1_sp.png) no-repeat #23ac4c;
    border-radius: 6px;
    background-position: 5% center;
    background-size: 100%;
  }
  body #m_top h1 img {
    display: none;
  }
  body #m_top #periodInd {
    margin: 0 20px;
  }
  body #m_top #periodInd p {
    background: url(/kids/src/images/sp/mirai/m_top/m_top_07_sp.gif) no-repeat;
    background-size: 100%;
    background-position: center;
    height: 18vw;
  }
  body #m_top #periodInd p img {
    display: none;
  }
  body #m_top #periodInd ul {
    padding: 0;
  }
  body #m_top #periodInd ul li {
    width: 100%;
    height: 13vw;
    float: initial;
  }
  body #m_top #periodInd ul li a {
    display: block;
    width: 100%;
    height: 100%;
  }
  body #m_top #periodInd ul li a img {
    display: none;
  }
  body #m_top #periodInd ul li:nth-child(1) a {
    background: url(/kids/src/images/sp/mirai/m_top/m_top_nav_1_sp.png) no-repeat;
    background-size: 100%;
    background-position: center;
  }
  body #m_top #periodInd ul li:nth-child(2) a {
    background: url(/kids/src/images/sp/mirai/m_top/m_top_nav_2_sp.png) no-repeat;
    background-size: 100%;
    background-position: center;
  }
  body #m_top #periodInd ul li:nth-child(3) a {
    background: url(/kids/src/images/sp/mirai/m_top/m_top_nav_3_sp.png) no-repeat;
    background-size: 100%;
    background-position: center;
  }
  body .gwBody #imageContent .nlogo {
    width: 100%;
    height: 100%;
  }
  body .gwBody #imageContent ul li.dropdown {
    display: block;
    margin: 20px;
  }
  body .gwBody #imageContent ul.kako, body .gwBody #imageContent ul.genzai, body .gwBody #imageContent ul.mirai {
    display: none;
  }
  body .gwBody #commonNavi {
    background: #ffffff;
    height: 96.5vw;
  }
  body .gwBody #commonNavi div#naviArea {
    width: 100%;
    height: 100%;
  }
  body .gwBody #commonNavi div#naviArea div#naviBg {
    width: 100%;
    height: 100%;
    margin: 0;
  }
  body .gwBody .kako #commonNavi div#naviArea div#naviBg {
    width: 100%;
    height: 100%;
    margin: 0;
    background: url(/kids/src/images/sp/kako/k_top/bg_city_k_sp.png) no-repeat;
    background-size: 100%;
  }
  body .gwBody .genzai #commonNavi div#naviArea div#naviBg {
    width: 100%;
    height: 100%;
    margin: 0;
    background: url(/kids/src/images/sp/genzai/g_top/bg_city_g_sp.png) no-repeat;
    background-size: 100%;
  }
  body .gwBody .mirai #commonNavi div#naviArea div#naviBg {
    width: 100%;
    height: 100%;
    margin: 0;
    background: url(/kids/src/images/sp/mirai/m_top/bg_city_m_sp.png) no-repeat;
    background-size: 100%;
  }
  body .gwBody #naviLogo {
    display: none;
  }
  body .gwBody ul.DD_sp {
    display: block;
    margin: 20px;
  }
  body .gwBody ul.DD_sp li.DD_sp_list {
    display: block;
    margin: 2vw auto;
  }
  body .gwBody ul.DD_sp li.DD_sp_list a {
    display: block;
    width: 100%;
    margin: 0 auto;
  }
  body .gwBody ul.DD_sp li.DD_sp_list ul {
    width: 100%;
    margin: 0 auto;
    color: #0071bc;
    display: none;
  }
  body .gwBody ul.DD_sp li.DD_sp_list ul li {
    padding: 6px 0;
    width: 80%;
    border-bottom: solid 1px;
  }
  body .gwBody #naviGenzaiTop, body .gwBody #naviKakoTop, body .gwBody #naviMiraiTop {
    width: 46vw;
    height: 17vw;
    position: absolute;
    top: 38vw;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    background: none;
  }
  body .gwBody #naviGenzaiTop a, body .gwBody #naviKakoTop a, body .gwBody #naviMiraiTop a {
    width: 100%;
    height: 100%;
  }
  body .gwBody #naviGenzaiTop a img, body .gwBody #naviKakoTop a img, body .gwBody #naviMiraiTop a img {
    display: none;
  }
  body .gwBody #naviGenzaiTop a {
    background: url(/kids/src/images/sp/genzai/g_top/g_ntag.png) no-repeat;
    background-size: 100%;
  }
  body .gwBody #naviKakoTop a {
    background: url(/kids/src/images/sp/kako/k_top/k_ntag.png) no-repeat;
    background-size: 100%;
  }
  body .gwBody #naviMiraiTop a {
    background: url(/kids/src/images/sp/mirai/m_top/m_ntag.png) no-repeat;
    background-size: 100%;
  }
  body .gwBody #hatenaBox {
    width: calc(100% - 40px);
    margin: 0 20px;
  }
  body .gwBody #hatenaBox p {
    width: auto;
    margin: 20px;
  }
  body .gwBody #hatenaBox div.inner {
    padding-bottom: 0;
    border: solid 3px #a6daff;
    border-radius: 10px;
    background: none;
  }
  body .gwBody #hatenaBox div.inner ul {
    margin: 20px;
  }
  body .gwBody #hatenaBox div.inner ul li {
    float: initial;
    margin: 0 auto;
    width: 100%;
    height: 21vw;
    max-width: 680px;
    max-height: 160px;
  }
  body .gwBody #hatenaBox div.inner ul li a {
    background: url(/kids/src/images/sp/common/top_nav_bg_sp_sp.png) no-repeat;
    background-size: 100%;
    background-position: center;
    position: relative;
  }
  body .gwBody #hatenaBox div.inner ul li a img {
    display: none;
  }
  body .gwBody #hatenaBox div.inner ul li a span {
    margin: 0;
    position: absolute;
    top: 50%;
    left: 5%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 80%;
    max-width: 520px;
    display: block;
    height: 60%;
    max-height: 100px;
  }
  body .gwBody #hatenaBox div.inner ul li a span.k1_top_nav_2 {
    background: url(/kids/src/images/sp/kako/k1/k1_top_nav_2_sp.png) no-repeat;
    background-size: 100%;
    background-position: center;
  }
  body .gwBody #hatenaBox div.inner ul li a span.k1_top_nav_3 {
    background: url(/kids/src/images/sp/kako/k1/k1_top_nav_3_sp.png) no-repeat;
    background-size: 100%;
    background-position: center;
  }
  body .gwBody #hatenaBox div.inner ul li a span.k1_top_nav_4 {
    background: url(/kids/src/images/sp/kako/k1/k1_top_nav_4_sp.png) no-repeat;
    background-size: 100%;
    background-position: center;
  }
  body .gwBody #hatenaBox div.inner ul li a span.k2_top_nav_1 {
    background: url(/kids/src/images/sp/kako/k2/k2_top_nav_1_sp.png) no-repeat;
    background-size: 100%;
    background-position: center;
  }
  body .gwBody #hatenaBox div.inner ul li a span.k2_top_nav_2 {
    background: url(/kids/src/images/sp/kako/k2/k2_top_nav_2_sp.png) no-repeat;
    background-size: 100%;
    background-position: center;
  }
  body .gwBody #hatenaBox div.inner ul li a span.k2_top_nav_3 {
    background: url(/kids/src/images/sp/kako/k2/k2_top_nav_3_sp.png) no-repeat;
    background-size: 100%;
    background-position: center;
  }
  body .gwBody #hatenaBox div.inner ul li a span.k2_top_nav_4 {
    background: url(/kids/src/images/sp/kako/k2/k2_top_nav_4_sp.png) no-repeat;
    background-size: 100%;
    background-position: center;
  }
  body .gwBody #hatenaBox div.inner ul li a span.g1_top_nav_1 {
    background: url(/kids/src/images/sp/genzai/g1/g1_top_nav_1_sp.png) no-repeat;
    background-size: 100%;
    background-position: center;
  }
  body .gwBody #hatenaBox div.inner ul li a span.g1_top_nav_2 {
    background: url(/kids/src/images/sp/genzai/g1/g1_top_nav_2_sp.png) no-repeat;
    background-size: 100%;
    background-position: center;
  }
  body .gwBody #hatenaBox div.inner ul li a span.g1_top_nav_3 {
    background: url(/kids/src/images/sp/genzai/g1/g1_top_nav_3_sp.png) no-repeat;
    background-size: 100%;
    background-position: center;
  }
  body .gwBody #hatenaBox div.inner ul li a span.g1_top_nav_4 {
    background: url(/kids/src/images/sp/genzai/g1/g1_top_nav_4_sp.png) no-repeat;
    background-size: 100%;
    background-position: center;
  }
  body .gwBody #hatenaBox div.inner ul li a span.g2_top_nav_1 {
    background: url(/kids/src/images/sp/genzai/g2/g2_top_nav_1_sp.png) no-repeat;
    background-size: 100%;
    background-position: center;
  }
  body .gwBody #hatenaBox div.inner ul li a span.g2_top_nav_2 {
    background: url(/kids/src/images/sp/genzai/g2/g2_top_nav_2_sp.png) no-repeat;
    background-size: 100%;
    background-position: center;
  }
  body .gwBody #hatenaBox div.inner ul li a span.g3_top_nav_1 {
    background: url(/kids/src/images/sp/genzai/g3/g3_top_nav_1_sp.png) no-repeat;
    background-size: 100%;
    background-position: center;
  }
  body .gwBody #hatenaBox div.inner ul li a span.g3_top_nav_2 {
    background: url(/kids/src/images/sp/genzai/g3/g3_top_nav_2_sp.png) no-repeat;
    background-size: 100%;
    background-position: center;
  }
  body .gwBody #hatenaBox div.inner ul li a span.g3_top_nav_3 {
    background: url(/kids/src/images/sp/genzai/g3/g3_top_nav_3_sp.png) no-repeat;
    background-size: 100%;
    background-position: center;
  }
  body .gwBody #hatenaBox div.inner ul li a span.g4_top_nav_1 {
    background: url(/kids/src/images/sp/genzai/g4/g4_top_nav_1_sp.png) no-repeat;
    background-size: 100%;
    background-position: center;
  }
  body .gwBody #hatenaBox div.inner ul li a span.g4_top_nav_2 {
    background: url(/kids/src/images/sp/genzai/g4/g4_top_nav_2_sp.png) no-repeat;
    background-size: 100%;
    background-position: center;
  }
  body .gwBody #hatenaBox div.inner ul li a span.g4_top_nav_3 {
    background: url(/kids/src/images/sp/genzai/g4/g4_top_nav_3_sp.png) no-repeat;
    background-size: 100%;
    background-position: center;
  }
  body .gwBody #hatenaBox div.inner ul li a span.g4_top_nav_4 {
    background: url(/kids/src/images/sp/genzai/g4/g4_top_nav_4_sp.png) no-repeat;
    background-size: 100%;
    background-position: center;
  }
  body .gwBody #hatenaBox div.inner ul li a span.g5_top_nav_1 {
    background: url(/kids/src/images/sp/genzai/g5/g5_top_nav_1_sp.png) no-repeat;
    background-size: 100%;
    background-position: center;
  }
  body .gwBody #hatenaBox div.inner ul li a span.g5_top_nav_2 {
    background: url(/kids/src/images/sp/genzai/g5/g5_top_nav_2_sp.png) no-repeat;
    background-size: 100%;
    background-position: center;
  }
  body .gwBody #hatenaBox div.inner ul li a span.m1_top_nav_1 {
    background: url(/kids/src/images/sp/mirai/m1/m1_top_nav_1_sp.png) no-repeat;
    background-size: 100%;
    background-position: center;
  }
  body .gwBody #hatenaBox div.inner ul li a span.m1_top_nav_2 {
    background: url(/kids/src/images/sp/mirai/m1/m1_top_nav_2_sp.png) no-repeat;
    background-size: 100%;
    background-position: center;
  }
  body .gwBody #hatenaBox div.inner ul li a span.m2_top_nav_1 {
    background: url(/kids/src/images/sp/mirai/m2/m2_top_nav_1_sp.png) no-repeat;
    background-size: 100%;
    background-position: center;
  }
  body .gwBody #hatenaBox div.inner ul li a span.m2_top_nav_2 {
    background: url(/kids/src/images/sp/mirai/m2/m2_top_nav_2_sp.png) no-repeat;
    background-size: 100%;
    background-position: center;
  }
  body .gwBody #hatenaBox div.inner ul li a span.m3_top_nav_1 {
    background: url(/kids/src/images/sp/mirai/m3/m3_top_nav_1_sp.png) no-repeat;
    background-size: 100%;
    background-position: center;
  }
  body .gwBody #hatenaBox div.inner ul li a span.m3_top_nav_2 {
    background: url(/kids/src/images/sp/mirai/m3/m3_top_nav_2_sp.png) no-repeat;
    background-size: 100%;
    background-position: center;
  }
  body .gwBody #hatenaBox div.inner ul li a span.m3_top_nav_3 {
    background: url(/kids/src/images/sp/mirai/m3/m3_top_nav_3_sp.png) no-repeat;
    background-size: 100%;
    background-position: center;
  }
  body .gwBody #hatenaBox div.inner ul li a span.m3_top_nav_4 {
    background: url(/kids/src/images/sp/mirai/m3/m3_top_nav_4_sp.png) no-repeat;
    background-size: 100%;
    background-position: center;
  }
  body .gwBody #hatenaBox div.inner h2 {
    height: 21vw;
  }
  body .gwBody #hatenaBox div.inner h2 img {
    display: none;
  }
  body .gwBody #hatenaBox div.inner:nth-child(1) h2 {
    background: url("/kids/src/images/sp/common/hatenabox_h2_sp.gif") no-repeat;
    background-size: 100%;
  }
  body .gwBody#k1 #hatenaBox div.inner:nth-child(1) h2, body .gwBody#k2 #hatenaBox div.inner:nth-child(1) h2 {
    background: url("/kids/src/images/sp/common/hatenabox_h2r_sp.gif") no-repeat;
    background-size: 100%;
  }
  body .gwBody#k1 #hatenaBox div.inner:nth-child(2) h2, body .gwBody#k2 #hatenaBox div.inner:nth-child(2) h2 {
    background: url("/kids/src/images/sp/common/hatenabox_h2_sp.gif") no-repeat;
    background-size: 100%;
  }
  body .gwBody#k1 #gwWrapper h1 a, body .gwBody#k_h #gwWrapper h1 a, body .gwBody#k1_1 #gwWrapper h1 a, body .gwBody#k1_2 #gwWrapper h1 a {
    background: url("/kids/src/images/sp/kako/k1/k1_top_h1_sp.png") no-repeat;
    background-size: 100%;
    background-position: bottom center;
    width: 100%;
    display: block;
    height: 40.6vw;
  }
  body .gwBody#k1 #gwWrapper h1 a img, body .gwBody#k_h #gwWrapper h1 a img, body .gwBody#k1_1 #gwWrapper h1 a img, body .gwBody#k1_2 #gwWrapper h1 a img {
    display: none;
  }
  body .gwBody#k2 #gwWrapper h1 a, body .gwBody#k_h2 #gwWrapper h1 a, body .gwBody#k2_1 #gwWrapper h1 a, body .gwBody#k2_2 #gwWrapper h1 a, body .gwBody#k2_3 #gwWrapper h1 a, body .gwBody#k2_4 #gwWrapper h1 a {
    height: 47vw !important;
    background: url("/kids/src/images/sp/kako/k2/k2_top_h1_sp.png") no-repeat;
    background-size: 100%;
    background-position: bottom center;
    width: 100%;
    display: block;
  }
  body .gwBody#k2 #gwWrapper h1 a img, body .gwBody#k_h2 #gwWrapper h1 a img, body .gwBody#k2_1 #gwWrapper h1 a img, body .gwBody#k2_2 #gwWrapper h1 a img, body .gwBody#k2_3 #gwWrapper h1 a img, body .gwBody#k2_4 #gwWrapper h1 a img {
    display: none;
  }
  body .gwBody#g1 #gwWrapper h1 a, body .gwBody#g1_1 #gwWrapper h1 a, body .gwBody#g1_2 #gwWrapper h1 a, body .gwBody#g1_3 #gwWrapper h1 a, body .gwBody#g1_4 #gwWrapper h1 a {
    background: url("/kids/src/images/sp/genzai/g1/g1_top_h1_sp.png") no-repeat;
    background-size: 100%;
    background-position: bottom center;
    width: 100%;
    display: block;
    height: 60vw;
  }
  body .gwBody#g1 #gwWrapper h1 a img, body .gwBody#g1_1 #gwWrapper h1 a img, body .gwBody#g1_2 #gwWrapper h1 a img, body .gwBody#g1_3 #gwWrapper h1 a img, body .gwBody#g1_4 #gwWrapper h1 a img {
    display: none;
  }
  body .gwBody#g2 #gwWrapper h1 a, body .gwBody#g2_1 #gwWrapper h1 a, body .gwBody#g2_2 #gwWrapper h1 a {
    background: url("/kids/src/images/sp/genzai/g2/g2_top_h1_sp.png") no-repeat;
    background-size: 100%;
    background-position: bottom center;
    width: 100%;
    display: block;
    height: 40.6vw;
  }
  body .gwBody#g2 #gwWrapper h1 a img, body .gwBody#g2_1 #gwWrapper h1 a img, body .gwBody#g2_2 #gwWrapper h1 a img {
    display: none;
  }
  body .gwBody#g3 #gwWrapper h1 a, body .gwBody#g3_1 #gwWrapper h1 a, body .gwBody#g3_2 #gwWrapper h1 a, body .gwBody#g3_3 #gwWrapper h1 a {
    background: url("/kids/src/images/sp/genzai/g3/g3_top_h1_sp.png") no-repeat;
    background-size: 100%;
    background-position: bottom center;
    width: 100%;
    display: block;
    height: 47vw;
  }
  body .gwBody#g3 #gwWrapper h1 a img, body .gwBody#g3_1 #gwWrapper h1 a img, body .gwBody#g3_2 #gwWrapper h1 a img, body .gwBody#g3_3 #gwWrapper h1 a img {
    display: none;
  }
  body .gwBody#g4 #gwWrapper h1 a, body .gwBody#g4_1 #gwWrapper h1 a, body .gwBody#g4_2 #gwWrapper h1 a, body .gwBody#g4_3 #gwWrapper h1 a, body .gwBody#g4_4 #gwWrapper h1 a {
    background: url("/kids/src/images/sp/genzai/g4/g4_top_h1_sp.png") no-repeat;
    background-size: 100%;
    background-position: bottom center;
    width: 100%;
    display: block;
    height: 53.4vw;
  }
  body .gwBody#g4 #gwWrapper h1 a img, body .gwBody#g4_1 #gwWrapper h1 a img, body .gwBody#g4_2 #gwWrapper h1 a img, body .gwBody#g4_3 #gwWrapper h1 a img, body .gwBody#g4_4 #gwWrapper h1 a img {
    display: none;
  }
  body .gwBody#g5 #gwWrapper h1 a, body .gwBody#g5_1 #gwWrapper h1 a, body .gwBody#g5_2 #gwWrapper h1 a {
    background: url("/kids/src/images/sp/genzai/g5/g5_top_h1_sp.png") no-repeat;
    background-size: 100%;
    background-position: bottom center;
    width: 100%;
    display: block;
    height: 40.6vw;
  }
  body .gwBody#g5 #gwWrapper h1 a img, body .gwBody#g5_1 #gwWrapper h1 a img, body .gwBody#g5_2 #gwWrapper h1 a img {
    display: none;
  }
  body .gwBody#m1 #gwWrapper h1 a, body .gwBody#m1_1 #gwWrapper h1 a, body .gwBody#m1_2 #gwWrapper h1 a {
    background: url("/kids/src/images/sp/mirai/m1/m1_top_h1_sp.png") no-repeat;
    background-size: 100%;
    background-position: bottom center;
    width: 100%;
    display: block;
    height: 60vw;
  }
  body .gwBody#m1 #gwWrapper h1 a img, body .gwBody#m1_1 #gwWrapper h1 a img, body .gwBody#m1_2 #gwWrapper h1 a img {
    display: none;
  }
  body .gwBody#m2 #gwWrapper h1 a, body .gwBody#m2_1 #gwWrapper h1 a, body .gwBody#m2_2 #gwWrapper h1 a {
    background: url("/kids/src/images/sp/mirai/m2/m2_top_h1_sp.png") no-repeat;
    background-size: 100%;
    background-position: bottom center;
    width: 100%;
    display: block;
    height: 47vw;
  }
  body .gwBody#m2 #gwWrapper h1 a img, body .gwBody#m2_1 #gwWrapper h1 a img, body .gwBody#m2_2 #gwWrapper h1 a img {
    display: none;
  }
  body .gwBody#m3 #gwWrapper h1 a, body .gwBody#m3_1 #gwWrapper h1 a, body .gwBody#m3_2 #gwWrapper h1 a, body .gwBody#m3_3 #gwWrapper h1 a, body .gwBody#m3_4 #gwWrapper h1 a {
    background: url("/kids/src/images/sp/mirai/m3/m3_top_h1_sp.png") no-repeat;
    background-size: 100%;
    background-position: bottom center;
    width: 100%;
    display: block;
    height: 60vw;
  }
  body .gwBody#m3 #gwWrapper h1 a img, body .gwBody#m3_1 #gwWrapper h1 a img, body .gwBody#m3_2 #gwWrapper h1 a img, body .gwBody#m3_3 #gwWrapper h1 a img, body .gwBody#m3_4 #gwWrapper h1 a img {
    display: none;
  }
  body .gwBody table {
    width: 100% !important;
  }
  body .gwBody table.tb_sc {
    display: block;
    overflow-x: scroll;
    white-space: nowrap;
  }
  body .gwBody table .imgCont img.mwd_auto {
    max-width: initial;
  }
  body .gwBody table .charaHuki p {
    margin-left: 40px;
    margin-top: 35px;
  }
  body .sp_history {
    border: solid 2px #6dc2ff;
    padding: 20px;
  }
  body .sp_history .year_box {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: solid 1px #828282;
  }
  body .sp_history .year_box:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
  }
  body .sp_history .year_box .year {
    position: relative;
    font-weight: bold;
  }
  body .sp_history .year_box .year::before {
    content: "";
    width: 6px;
    height: 7px;
    display: block;
    position: absolute;
    background: url(/kids/src/images/kako/kh/hist_pd.gif) center no-repeat;
    top: 50%;
    left: -1em;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  body .sp_history .year_box .event_box {
    margin-left: 1em;
  }
  body .sp_history .year_box .event_box .event {
    margin-top: 5px;
  }
  body .sp_history .year_box .event_box .event::before {
    content: "主な出来事";
    background: #CAE9FF;
    padding: 6px 20px 4px;
    display: inline-block;
    font-weight: bold;
    border-radius: 100px;
    margin-bottom: 5px;
  }
  body .sp_history .year_box .event_box .event li {
    margin-left: 20px;
    margin-bottom: 3px;
  }
  body .sp_history .year_box .event_box .event li:last-child {
    margin-bottom: 0;
  }
  body .sp_history .year_box .gas_living_box {
    margin-top: 5px;
    margin-left: 1em;
  }
  body .sp_history .year_box .gas_living_box::before {
    content: "ガスとくらしの様子";
    background: #CAE9FF;
    padding: 6px 20px 4px;
    display: inline-block;
    font-weight: bold;
    border-radius: 100px;
    margin-bottom: 5px;
  }
  body .sp_history .year_box .gas_living_box .gas_living_txt {
    margin-left: 20px;
  }
  body .sp_history .year_box .gas_living_box .gas_living_img {
    margin-top: 5px;
    margin-left: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  body .sp_history .year_box .gas_living_box .gas_living_img .img_box {
    margin-right: 10px;
    text-align: center;
  }
  body .sp_history .year_box .gas_living_box .gas_living_img .img_box img {
    display: block;
    margin: 0 auto;
  }
  body .sp_history .year_box .gas_living_box .gas_living_img .img_box:last-child {
    margin-right: 0;
  }
  body .sp_history .indetail {
    margin: 0 auto;
  }
  body .sp_history .indetail img {
    display: block;
    margin: 0 auto;
  }
  body p.hleft {
    display: none;
  }
  body .detailBox div.histprint {
    display: none;
  }
  body .detailBox h3 .hist_top_btn {
    display: none;
  }
  body .detailBox h3.hist1 {
    background: none;
  }
  body .detailBox h3.hist1::before {
    content: "";
    display: block;
    width: 36px;
    height: 100%;
    background: url(/kids/src/images/kako/kh/hist_01.gif) left center no-repeat, #A6DAFF;
    position: absolute;
    top: 0;
    left: 0;
  }
  body .detailBox h3.hist2 {
    padding: 10px 0 5px 48px !important;
    margin-top: 30px;
    background: none;
  }
  body .detailBox h3.hist2::before {
    content: "";
    display: block;
    width: 36px;
    height: 100%;
    background: url(/kids/src/images/kako/kh/hist_02.gif) left center no-repeat, #A6DAFF;
    position: absolute;
    top: 0;
    left: 0;
  }
  body .detailBox h3.hist3 {
    padding: 10px 0 5px 48px !important;
    margin-top: 30px;
    background: none;
  }
  body .detailBox h3.hist3::before {
    content: "";
    display: block;
    width: 36px;
    height: 100%;
    background: url(/kids/src/images/kako/kh/hist_03.gif) left center no-repeat, #A6DAFF;
    position: absolute;
    top: 0;
    left: 0;
  }
  body .detailBox h3.hist4 {
    padding: 10px 0 5px 48px !important;
    margin-top: 30px;
    background: none;
  }
  body .detailBox h3.hist4::before {
    content: "";
    display: block;
    width: 36px;
    height: 100%;
    background: url(/kids/src/images/kako/kh/hist_04.gif) left center no-repeat, #A6DAFF;
    position: absolute;
    top: 0;
    left: 0;
  }
  body .sublink .showList {
    width: 154px;
  }
  body .sublink .pageTop {
    width: 140px;
  }
  body .row.type02 .left, body .row.type02 .right {
    width: 100%;
  }
  body .row.type02 .right img {
    margin: 0 auto;
    display: block;
  }
  body #k1 .leadArea, body #k1_2 .leadArea, body #k2 .leadArea, body #g1 .leadArea, body #g1_2 .leadArea, body #g2 .leadArea, body #g3 .leadArea, body #g4 .leadArea, body #g5 .leadArea, body #m1 .leadArea, body #m2 .leadArea, body #m3 .leadArea, body .tangen .leadArea {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
  body .row.type02 .left, body .row.type02 .right {
    width: 100%;
  }
  body .leadArea .chara {
    width: 100%;
    float: initial;
  }
  body .leadArea .chara img {
    margin: 0 auto;
    display: block;
  }
  body .leadArea .comment {
    float: initial;
    width: 80%;
    margin: 10px auto 0;
    border: solid 3px #a6daff;
    border-radius: 10px;
    position: relative;
  }
  body .leadArea .comment p {
    margin: 20px;
    padding: 0 !important;
  }
  body .leadArea .comment.type1, body .leadArea .comment.type2 {
    background: none;
    height: auto;
  }
  body .leadArea .comment::before {
    display: block;
    content: "";
    border-top: solid 3px #A6DBFF;
    border-left: solid 3px #A6DBFF;
    background: #ffffff;
    width: 24px;
    height: 24px;
    position: absolute;
    top: -16px;
    left: 50%;
    -webkit-transform: translateX(-50%) rotate(45deg);
            transform: translateX(-50%) rotate(45deg);
  }
  body .charBox {
    width: 80%;
    padding: 0;
    border: solid 3px #0081d9;
    border-radius: 10px;
    background: none;
    margin: 0 auto;
  }
  body .charBox .row {
    background: none;
    padding: 0;
  }
  body .charBox .left {
    width: 100% !important;
    padding: 0;
    margin: 10px 0 0;
  }
  body .charBox .right {
    width: 100% !important;
  }
  body .charBox p {
    margin: 20px;
    padding: 0 !important;
  }
  body .charBox h5 img {
    display: block;
    margin: 0 auto;
  }
  body .charBox.c02, body .charBox.c04, body .charBox.c05 {
    width: 80%;
    margin: 0 auto;
    background: none;
  }
  body .charBox.c02 .row, body .charBox.c04 .row, body .charBox.c05 .row {
    background: none;
    padding: 0;
  }
  body .charBox.c02 h5, body .charBox.c04 h5, body .charBox.c05 h5 {
    padding: 0;
    margin-top: 10px;
  }
  body .charBox.c02 p, body .charBox.c04 p, body .charBox.c05 p {
    width: 78%;
  }
}

@media (max-width: 767px) and (max-width: 680px) {
  body .charBox.c02 p, body .charBox.c04 p, body .charBox.c05 p {
    width: 75%;
  }
}

@media (max-width: 767px) and (max-width: 580px) {
  body .charBox.c02 p, body .charBox.c04 p, body .charBox.c05 p {
    width: 70%;
  }
}

@media (max-width: 767px) and (max-width: 480px) {
  body .charBox.c02 p, body .charBox.c04 p, body .charBox.c05 p {
    width: 67%;
  }
}

@media (max-width: 767px) and (max-width: 450px) {
  body .charBox.c02 p, body .charBox.c04 p, body .charBox.c05 p {
    width: 62%;
  }
}

@media (max-width: 767px) and (max-width: 400px) {
  body .charBox.c02 p, body .charBox.c04 p, body .charBox.c05 p {
    width: 58%;
  }
}

@media (max-width: 767px) and (max-width: 380px) {
  body .charBox.c02 p, body .charBox.c04 p, body .charBox.c05 p {
    width: 50%;
  }
}

@media (max-width: 767px) {
  body .charBox.c02 p.short, body .charBox.c04 p.short, body .charBox.c05 p.short {
    width: 76%;
  }
}

@media (max-width: 767px) and (max-width: 680px) {
  body .charBox.c02 p.short, body .charBox.c04 p.short, body .charBox.c05 p.short {
    width: 73%;
  }
}

@media (max-width: 767px) and (max-width: 580px) {
  body .charBox.c02 p.short, body .charBox.c04 p.short, body .charBox.c05 p.short {
    width: 65%;
  }
}

@media (max-width: 767px) and (max-width: 480px) {
  body .charBox.c02 p.short, body .charBox.c04 p.short, body .charBox.c05 p.short {
    width: 60%;
  }
}

@media (max-width: 767px) and (max-width: 450px) {
  body .charBox.c02 p.short, body .charBox.c04 p.short, body .charBox.c05 p.short {
    width: 52%;
  }
}

@media (max-width: 767px) and (max-width: 400px) {
  body .charBox.c02 p.short, body .charBox.c04 p.short, body .charBox.c05 p.short {
    width: 50%;
  }
}

@media (max-width: 767px) and (max-width: 380px) {
  body .charBox.c02 p.short, body .charBox.c04 p.short, body .charBox.c05 p.short {
    width: 42%;
  }
}

@media (max-width: 767px) {
  body .charBox.c02 .ill, body .charBox.c04 .ill, body .charBox.c05 .ill {
    right: 0;
  }
  body .thumb img {
    display: block;
    margin: 0 auto;
  }
  body .thumb p {
    text-align: center;
  }
  body table {
    width: 100%;
  }
  body .imageTable td {
    text-align: center;
    padding: 0;
  }
  body .alignBottom {
    position: initial !important;
  }
  body .contentTitle {
    background: #3ab2e5;
    height: auto;
    background-size: auto 100%;
    background-position: 10px;
    position: relative;
  }
  body .contentTitle span {
    padding: 12px 10px 10px 60px !important;
  }
  body .contentTitle::before {
    display: block;
    content: "";
    background: url(/kids/src/images/sp/common/middle_title_sp.png) no-repeat;
    width: 40px;
    height: 40px;
    background-size: 100%;
    position: absolute;
    left: 10px;
  }
  body .row.afNone::after {
    display: none;
  }
  body #downloadAll {
    position: initial;
  }
  body .center.imgboxinner1 {
    width: 100%;
  }
  body #gas4step {
    width: auto;
    height: auto;
    padding: 0 20px 0;
    text-align: left;
  }
  body #gas4step table {
    display: none;
  }
  body #gas4step ol li {
    text-indent: -1em;
    margin-left: 1em;
    margin-bottom: 10px;
  }
  body #gas4step ol li img {
    display: block;
    margin: 0 auto 5px;
  }
  body #linkGas, body #linkOil, body #linkEle {
    position: initial;
  }
  body .fRight, body .fLeft {
    float: initial;
  }
  body .center.imgboxinner2 {
    width: 100%;
  }
  body .imgbox2 .thumb, body .imgbox2 .exp {
    float: initial;
    padding: 0;
    width: 100%;
  }
  body .imgbox2 .exp {
    width: calc(100% - 40px);
    margin: 0 auto;
  }
  body #box3E {
    width: auto;
    margin-top: 10px;
  }
  body .contentTitleh .histprint {
    display: none;
  }
  body #hatena h1 {
    width: 100%;
    height: 18.7vw;
    background: url(/kids/src/images/sp/hatena/hatena_header_sp.png) no-repeat;
    background-position: top center;
    background-size: 100%;
    margin-bottom: 30px;
  }
  body #hatena h1 img {
    display: none;
  }
  body #hatena .hBoxInner {
    padding: 0;
  }
  body #hatena .hBox p {
    padding: 0;
    margin-top: 10px;
  }
  body #hatena .hBox .linkBox {
    width: 100%;
    float: initial;
  }
  body #hatena .hBox .linkBox h3 a {
    display: block;
    width: 100%;
    height: 13vw;
  }
  body #hatena .hBox .linkBox h3 a img {
    display: none;
  }
  body #hatena .hBox .linkBox ul {
    padding-left: 0.5em;
  }
  body #hatena .hBox .linkBox ul li {
    padding-left: 1em;
  }
  body #hatena .hBox h2 {
    width: 100%;
    height: 18vw;
    border-radius: 10px;
  }
  body #hatena .hBox h2 img {
    display: none;
  }
  body #hatena .hBox .hBoxInner p {
    width: 100%;
  }
  body #hatena .hBox .hBoxInner p img {
    display: none;
  }
  body #hatena .hBox#kakoBox h2 {
    background: url(/kids/src/images/sp/kako/k_top/k_top_h1_sp.png) no-repeat;
    background-position: center;
    background-size: 100%;
  }
  body #hatena .hBox#kakoBox .hBoxInner p {
    background: url(/kids/src/images/sp/kako/k_top/k_top_07_sp.gif) no-repeat;
    background-position: center;
    background-size: 100%;
    height: 11vw;
  }
  body #hatena .hBox#kakoBox .linkBox.btn1 h3 a {
    background: url(/kids/src/images/sp/kako/k_top/k_in_naviBtn01_sp.png) no-repeat;
    background-position: top center;
    background-size: 100%;
  }
  body #hatena .hBox#kakoBox .linkBox.btn2 h3 a {
    background: url(/kids/src/images/sp/kako/k_top/k_in_naviBtn02_sp.png) no-repeat;
    background-position: top center;
    background-size: 100%;
  }
  body #hatena .hBox#genzaiBox h2 {
    background: url(/kids/src/images/sp/genzai/g_top/g_top_h1_sp.png) no-repeat;
    background-position: center;
    background-size: 100%;
  }
  body #hatena .hBox#genzaiBox .hBoxInner p {
    background: url(/kids/src/images/sp/genzai/g_top/g_top_07_sp.gif) no-repeat;
    background-position: center;
    background-size: 100%;
    height: 16vw;
  }
  body #hatena .hBox#genzaiBox .linkBox.btn1 h3 a {
    background: url(/kids/src/images/sp/genzai/g_top/g_top_nav_1_sp.png) no-repeat;
    background-position: top center;
    background-size: 100%;
  }
  body #hatena .hBox#genzaiBox .linkBox.btn2 h3 a {
    background: url(/kids/src/images/sp/genzai/g_top/g_top_nav_2_sp.png) no-repeat;
    background-position: top center;
    background-size: 100%;
  }
  body #hatena .hBox#genzaiBox .linkBox.btn3 h3 a {
    background: url(/kids/src/images/sp/genzai/g_top/g_top_nav_3_sp.png) no-repeat;
    background-position: top center;
    background-size: 100%;
  }
  body #hatena .hBox#genzaiBox .linkBox.btn4 h3 a {
    background: url(/kids/src/images/sp/genzai/g_top/g_top_nav_4_sp.png) no-repeat;
    background-position: top center;
    background-size: 100%;
  }
  body #hatena .hBox#genzaiBox .linkBox.btn5 h3 a {
    background: url(/kids/src/images/sp/genzai/g_top/g_top_nav_5_sp.png) no-repeat;
    background-position: top center;
    background-size: 100%;
  }
  body #hatena .hBox#miraiBox h2 {
    background: url(/kids/src/images/sp/mirai/m_top/m_top_h1_sp.png) no-repeat;
    background-position: center;
    background-size: 100%;
  }
  body #hatena .hBox#miraiBox .hBoxInner p {
    background: url(/kids/src/images/sp/mirai/m_top/m_top_07_sp.gif) no-repeat;
    background-position: center;
    background-size: 100%;
    height: 16vw;
  }
  body #hatena .hBox#miraiBox .linkBox.btn1 h3 a {
    background: url(/kids/src/images/sp/mirai/m_top/m_top_nav_1_sp.png) no-repeat;
    background-position: top center;
    background-size: 100%;
  }
  body #hatena .hBox#miraiBox .linkBox.btn2 h3 a {
    background: url(/kids/src/images/sp/mirai/m_top/m_top_nav_2_sp.png) no-repeat;
    background-position: top center;
    background-size: 100%;
  }
  body #hatena .hBox#miraiBox .linkBox.btn3 h3 a {
    background: url(/kids/src/images/sp/mirai/m_top/m_top_nav_3_sp.png) no-repeat;
    background-position: top center;
    background-size: 100%;
  }
  body #tangenTab {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    z-index: 0;
  }
  body #tangenTab li {
    width: 33%;
    height: 13vw;
    float: initial;
    padding: 0;
  }
  body #tangenTab li img {
    display: none;
  }
  body #tangenTab li#tab1, body #tangenTab li#tab2, body #tangenTab li#tab3 {
    padding: 0;
  }
  body #tangenTab li#tab1 {
    background: url(/kids/src/images/sp/tangen/tangen_tab_sho_sp.png) no-repeat;
    background-size: 100%;
    background-position: center bottom;
  }
  body #tangenTab li#tab2 {
    background: url(/kids/src/images/sp/tangen/tangen_tab_chu_sp.png) no-repeat;
    background-size: 100%;
    background-position: center bottom;
  }
  body #tangenTab li#tab3 {
    background: url(/kids/src/images/sp/tangen/tangen_tab_ko_sp.png) no-repeat;
    background-size: 100%;
    background-position: center bottom;
  }
  body #tangenTab li.last {
    float: initial;
  }
  body #tangenTab.clearfix::after {
    display: none;
  }
  body #gradeLink {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  body #gradeLink.clearfix::after {
    display: none;
  }
  body .tabCont {
    width: 33%;
    float: initial;
    margin-right: 0;
  }
  body .tabCont.last {
    width: 33%;
  }
  body .tabCont a {
    width: 70%;
  }
  body #tab1Cont ul {
    padding: 0;
  }
  body #tab2Cont ul {
    padding: 0;
  }
  body #tab3Cont ul {
    padding: 0;
  }
  body #linkDetail {
    padding: 20px 30px 20px 0;
  }
  body #linkDetail li {
    float: initial;
    width: auto;
  }
  body #linkDetail li a {
    display: inline-block;
  }
  body #jiyuu .jiyubox {
    width: 100% !important;
    float: initial;
    padding-right: 0;
    padding-bottom: 2em;
    margin-bottom: 2em;
    border-bottom: solid 1px #CCC;
    overflow: hidden;
    height: auto !important;
  }
  body #jiyuu .jiyubox .description {
    width: calc(100% - 191px);
    margin-bottom: 10px;
    float: right;
  }
  body #jiyuu .jiyubox .anserLink {
    position: initial;
    width: 100%;
  }
  body #jiyuu .jiyubox .thumb {
    padding: 0 0 0 10px;
    margin-bottom: 10px;
  }
  body #jiyuu .pointBox {
    width: auto;
    text-align: center;
    padding: 20px;
    border-radius: 10px;
  }
  body #jiyuu .pointBox .pointBoxInner {
    background: none;
    padding: 0;
  }
  body #jiyuu .pointBox p, body #jiyuu .pointBox h3 {
    width: 100%;
    text-align: left;
    margin: 0 auto;
  }
  body #jiyuu .pointBox#matome {
    border: solid 3px #009245;
    background: none;
    float: initial;
  }
  body #jiyuu .pointBox#matome .pointBoxInner {
    background: none;
  }
  body #jiyuu .pointBox#sirabe {
    border: solid 3px #fbb13d;
    background: none;
    float: initial;
  }
  body #jiyuu .pointBox#sirabe .pointBoxInner {
    background: none;
  }
  body #jiyuu hr {
    display: none;
  }
}

@media (max-width: 767px) and (max-width: 400px) {
  body #jiyuu .jiyubox {
    width: 100% !important;
    float: initial;
    padding-right: 0;
    padding-bottom: 2em;
    overflow: hidden;
    height: auto !important;
  }
  body #jiyuu .jiyubox .description {
    width: 100%;
    margin-bottom: 10px;
  }
  body #jiyuu .jiyubox .anserLink {
    position: initial;
    width: 100%;
  }
  body #jiyuu .jiyubox .anserLink .anserLinkTitle {
    width: 100%;
    padding-right: 0;
    float: initial;
  }
  body #jiyuu .jiyubox .anserLink .anserLinkCap {
    float: initial;
  }
  body #jiyuu .jiyubox .thumb {
    padding: 0 0 0 10px;
    margin-bottom: 10px;
  }
  body #jiyuu .pointBox {
    width: auto;
    text-align: center;
    padding: 20px;
    border-radius: 10px;
  }
  body #jiyuu .pointBox .pointBoxInner {
    background: none;
    padding: 0;
  }
  body #jiyuu .pointBox p, body #jiyuu .pointBox h3 {
    width: 100%;
    text-align: left;
    margin: 0 auto;
  }
  body #jiyuu .pointBox#matome {
    border: solid 3px #009245;
    background: none;
    float: initial;
  }
  body #jiyuu .pointBox#matome .pointBoxInner {
    background: none;
  }
}

#support li {
  padding-left: 0;
  background: url(/kids/src/images/common/arrow_right.gif) right center no-repeat;
  margin-bottom: 0;
}
/*# sourceMappingURL=sp_style.css.map */