@charset "UTF-8";

/*normalize: http://necolas.github.io/normalize.css/*/

/*@import "partials/_normalize.css";*/

/*PC*/

/* ==========================================================================
   共通設定
   ========================================================================== */

html{
font-size: 62.5%;
overflow-y: scroll;

-webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

body{
font-size: 1.6rem;
line-height: 1.4;
width: 100%;
text-align: justify;
text-justify: inter-ideograph;
}

.spShow{
display: none;
}
.clearfix{
zoom: 1;
}

.clearfix:before,.clearfix:after{
display: table;
content: '';
}

.clearfix:after{
clear: both;
}

/* ==========================================================================
   パンくず
========================================================================== */

.pankuzu ul{
display: table;
}

.pankuzu li{
font-size: 1.2rem;
display: table-cell;
vertical-align: middle;
}

.pankuzu li::after{
padding: 0 .5em;
content: '>';
}

.pankuzu li a{
text-decoration: underline;
color: #0070cb;
}

.pankuzu li:last-child::after{
display: none;
}

/* ==========================================================================
   カテゴリー別カラー
========================================================================== */

.cat1{
border: 1px solid  #a2a7ab;
background: #a2a7ab;
}

.cat2{
border: 1px solid #0064b6;
background: #0064b6;
}

.cat3{
border: 1px solid #f01717;
background: #f01717;
}

.cat4{
color: #006dce !important;
border: 1px solid #006dce;
}

.cat5{
border: 1px solid #009fbb;
background: #009fbb;
}

.cat6{
border: 1px solid #ed8002;
background: #ed8002;
}

/* ==========================================================================
   講座トップレイアウト
========================================================================== */

.pageContent .mainContent{
position: relative;
display: block;
/* width: 960px; */
margin: 0 auto;
/* padding: 25px 0 0; */
}

.pageContent .mainContent img{
max-width: 100%;
height: auto;
vertical-align: bottom;
}

.pageContent .mainContent .mainRow{
overflow: hidden;
}

.pageContent .mainContent .mainRow .sidebar{
float: left;
width: 260px;
}

.pageContent .mainContent .mainRow .mainBox{
float: right;
width: 680px;
}

.pageContent .bannerBox{
margin: 30px 0 -55px;
padding: 50px 0 104px;
/* background: #f2f2f2; */
}

.pageContent .bannerBox .inner{
width: 960px;
margin: 0 auto;
}

.pageContent .bannerBox img{
max-width: 100%;
height: auto;
vertical-align: bottom;
}

/* ==========================================================================
   講座トップ共通
========================================================================== */

/** 200319 .pageContent .pageHeader{
padding: 40px 0;
} **/

.pageContent .pageHeader .cap,.pageContent .pageHeader .mainTitle{
text-align: center;
}

.pageContent .pageHeader .cap{
font-size: 1.5rem;
margin-bottom: 15px;
}

.pageContent .pageHeader .mainTitle{
line-height: 1;
}

.pageContent .pageHeader .qaBtn{
font-size: 1.4rem;
line-height: 40px;
display:block;
margin:0 0 0 auto;
width: 260px;
height: 40px;
padding-left:15px;
border-radius: 5px;
background-repeat: no-repeat;
background-position: 97% center;
background-image: url(/zemi/zemihogo/chuko/_shared/img/arrow_link.png);
background-color: rgb(240, 240, 240);
}

/** 20190219 追記 **/
.pageContent .pageHeader_2 .qaBtn_2{
font-size: 1.2rem;
font-weight: bold;
line-height: 30px;
position: absolute;
top: 18px;
right: 0;
width: 267px;
height: 30px;
text-align: center;
border-radius: 5px;
background-color: rgb(230, 230, 230);
box-shadow: 1px 1.732px 2px 0 rgba(0, 0, 0, .2);
}


.pageContent .mainBox.chu_2 h2{
font-size: 2.4rem;
line-height: 1;
margin-bottom: 30px;
}

.pageContent .mainBox.chu_2 h2::before{
display: inline-block;
width: 6px;
height: 1em;
margin-right: 20px;
content: '';
vertical-align: bottom;
border-radius: 3px;
background: #006dce;
}

.pageContent .mainBox ul.main_banner{
overflow: hidden;
}

.pageContent .mainBox ul.main_banner li {
    float: left;
    width: 180px;
    margin: 0 10px 20px 10px;
}

/**
.pageContent .mainBox ul.main_banner li:nth-child(4n){
margin-right: 0;
}
**/

.pageContent .mainBox .main_banner img{
max-width: 100%;
height: auto;
vertical-align: bottom;
}

/** 20190219 追記ここまで **/

.pageContent .news{
position: relative;
display: table;
width: 100%;
margin-bottom: 40px;
border: 1px solid #0070cb;
border-radius: 7px;
}

/*
.shoPage.pageContent .news{
    position:absolute;
    left:-9999px;
}
.shoPage.pageContent .news.on{
    position:relative;
    display: table;
    left:0;
}
*/

.pageContent .news h2,.pageContent .news .newsBox{
display: table-cell;
vertical-align: top;
}

.pageContent .news h2{
font-size: 1.4rem;
font-weight: bold;
line-height: 1;
width: 135px;
padding: 12px 0 12px 20px;
color: #0070cb;
border-radius: 7px 0 0 7px;
background: #d9edff;
}

.pageContent .news .newsBox{
padding: 12px 50px 0 20px;
}
.pageContent .news .newsBox a {
    text-decoration: underline;
}

.pageContent .news .hideBox{
display: none;
}

.pageContent .news dl{
font-size: 1.2rem;
color: #0070cb;
}

.pageContent .news dt{
/* font-weight: bold; */
float: left;
clear: both;
width: 9em;
padding-bottom: 1em;
}

.pageContent .news dd{
font-weight: bold;
margin-left: 9em;
padding-bottom: 1em;
}

.pageContent .news .openBtn{
position: absolute;
top: 9px;
right: 7px;
width: 29px;
padding: 0;
padding: 8px;
cursor: pointer;
-webkit-transition: -webkit-transform .2s ease;
        transition: -webkit-transform .2s ease;
        transition:         transform .2s ease;
        transition:         transform .2s ease, -webkit-transform .2s ease;
-webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
        transform: rotate(0deg);
border: 0;
outline: none;
background: none;
}

.pageContent .news .openBtn img{
display: block;
margin: 0 auto;
}

.pageContent .news .open{
-webkit-transition: -webkit-transform .2s ease;
        transition: -webkit-transform .2s ease;
        transition:         transform .2s ease;
        transition:         transform .2s ease, -webkit-transform .2s ease;
-webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
        transform: rotate(-180deg);
}

.pageContent .newsOne button{
opacity: 0;
}

.pageContent .infoBox{
padding: 25px 0 15px;
border: 3px solid #e6e6e6;
border-radius: 7px;
background: #f7f7f7;
}

.pageContent .infoBox header{
margin-bottom: 30px;
text-align: center;
}

.pageContent .infoBox header p{
font-size: 1.4rem;
margin-bottom: 5px;
}

.pageContent .infoBox header h2{
font-size: 2.2rem;
font-weight: bold;
}

.pageContent .infoBox .infoListBox{
padding: 10px 12px 0;
}

.pageContent .infoBox .infoPost{
display: table;
width: 100%;
padding: 10px 0 15px;
border-bottom: 1px solid #e6e6e6;
}

.pageContent .infoBox .infoPost .image{
display: table-cell;
width: 60px;
vertical-align: top;
}

.pageContent .infoBox .infoPost .image a{
display: block;
width: 60px;
}

.pageContent .infoBox .infoPost .text{
display: table-cell;
width: 170px;
padding-left: 10px;
vertical-align: top;
}

.pageContent .infoBox .infoPost .text time{
font-size: 1.2rem;
line-height: 1;
display: block;
padding-bottom: 6px;
color: #666;
}

.pageContent .infoBox .infoPost .text h2{
font-size: 1.4rem;
line-height: 1.57;
}

.pageContent .infoBox .infoPost .category{
overflow: hidden;
padding-top: 6px;
}

.pageContent .infoBox .infoPost .category li{
float: left;
}

.pageContent .infoBox .infoPost .category li a,.pageContent .infoBox .infoPost .category li span{
font-size: 10px;
line-height: 1.2;
display: block;
padding: 1px 4px;
text-align: center;
color: #fff;
border-radius: 2px;
}

.pageContent .bannerBox h2{
font-size: 2.8rem;
line-height: 1;
margin-bottom: 30px;
}

.pageContent .bannerBox h2::before{
display: inline-block;
width: 6px;
height: 1em;
margin-right: 20px;
content: '';
vertical-align: bottom;
border-radius: 3px;
background: #006dce;
}

.pageContent .bannerBox ul{
overflow: hidden;
}

.pageContent .bannerBox ul li{
float: left;
width: 216px;
margin: 0 32px 20px 0;
}

.pageContent .bannerBox ul li:nth-child(4n){
margin-right: 0;
}

.listContent .mainRow{
margin-bottom: 0;
}

.listContent .listTitle{
font-size: 2.4rem;
margin-bottom: 30px;
}

.listContent .listTitle::before{
display: inline-block;
width: 6px;
height: 1.37em;
margin-right: 17px;
content: '';
vertical-align: sub;
border-radius: 3px;
background: #0070cb;
}

.postBoxWrap{
position: absolute;
left: -9999px;
overflow: hidden;
height: 0;
}

.postBoxWrap.on{
position: static;
overflow: visible;
height: auto;
}

.listContent .listPost{
margin-bottom: 20px;
padding-bottom: 20px;
border-bottom: 1px solid #e6e6e6;
}

.listContent .listPost .image{
display: table-cell;
width: 200px;
text-align: center;
vertical-align: middle;
}

.listContent .listPost .text{
display: table-cell;
padding-left: 20px;
vertical-align: middle;
}

.listContent .listPost .text .dataBox{
display: table;
width: 100%;
margin-bottom: 7px;
}

.listContent .listPost .text time{
font-size: 1.2rem;
line-height: 1;
float: left;
width: 8.5em;
margin-bottom: 7px;
color: #666;
}

.listContent .listPost .text .category{
font-size: 1.2rem;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display:         flex;
float: right;
overflow: hidden;

-webkit-box-direction: normal;
-webkit-box-orient: horizontal;
-webkit-box-pack: end;
-webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
        flex-flow: row wrap;
-ms-flex-pack: end;
-webkit-justify-content: flex-end;
        justify-content: flex-end;
}

.listContent .listPost .text .category li{
margin-bottom: 7px;
}

.listContent .listPost .text .category li a,.listContent .listPost .text .category li span{
font-size: 1.2rem;
line-height: 1.2;
display: block;
padding: 2px 12px;
text-align: center;
color: #fff;
border-radius: 2px;
}

.listContent .listPost .text h2{
font-size: 2.0rem;
line-height: 1.6;
margin-bottom: 10px;
}

.listContent .listPost .text p{
font-size: 1.4rem;
line-height: 1.57;
}

.listContent .listPostMore{
font-size: 1.4rem;
line-height: 1;
display: block;
width: 100%;
margin-bottom: 48px;
padding: 1.35em 0;
cursor: pointer;
text-align: center;
color: #0070cb;
border: 0;
border-radius: 6px;
outline: none;
background-color: rgb(230, 230, 230);
box-shadow: 1px 1.732px 2px 0 rgba(0, 0, 0, .2);
}

.listContent .listPostMore:hover{
text-decoration: none;
background: #ececec;
}

.listContent .noPost{
cursor: default;
}

.listContent .benriLink{
float: left;
width: 680px;
margin: 0 auto 115px;
}

.listContent .benriLink h2{
font-size: 1.8rem;
font-weight: bold;
margin-bottom: 15px;
}

.listContent .benriLink li{
font-size: 1.4rem;
margin-bottom: 5px;
margin-left: 1em;
text-indent: -1em;
}

.listContent .benriLink li::before{
content: '・';
color: #0070cb;
}

.listContent .benriLink li:last-child{
margin-bottom: 0;
}

.endText{
font-size: 1.3rem;
padding-top: 1em;
text-align: center;
}

.noPost{
cursor: default;
-webkit-transition: opacity .6s ease;
        transition: opacity .6s ease;
opacity: 0;
}

.loading{
position: relative;;
}

.loading::after{
position: absolute;
top: 50%;
left: 50%;
display: block;
width: 15px;
height: 15px;
margin: -9.5px 0 0 -7.5px;
content: '';
-webkit-animation: loader .8s infinite linear;
        animation: loader .8s infinite linear;
border: 5px solid #999;
border-top-color: #ddd;
border-radius: 50%;
}

.postLoad{
padding: 100px 0;
}

.postBox .fadeLoad{
-webkit-animation: fadeIn .6s 1 linear;
        animation: fadeIn .6s 1 linear;
}

.postBox .endText{
padding-bottom: 100px;
}

/* ==========================================================================
   中学生講座
========================================================================== */

.chuPage .infoBox .tabMenu{
padding: 0 12px;
border-bottom: 3px solid #006dce;
}

.chuPage .infoBox .tabMenu li{
font-size: 1.4rem;
float: left;
width: 74px;
margin-right: 4px;
}

.chuPage .infoBox .tabMenu li a{
display: block;
padding: 10px 0 8px;
text-align: center;
color: #006dce;
border: 2px solid #006dce;
border-bottom: 0;
border-radius: 7px 7px 0 0;
background: #fff;
}

.chuPage .infoBox .tabMenu li .current{
margin-top: -10px;
padding: 15px 0 13px;
color: #fff;
background: #006dce;
}

.chuPage .infoBox .tabMenu li:last-child{
margin-right: 0;
}

.chuPage .infoBox .infoListBox .fadeLoad{
-webkit-animation: fadeIn .6s 1 linear;
        animation: fadeIn .6s 1 linear;
}

.chuPage .infoBox .moreBtn{
font-size: 1.4rem;
line-height: 1;
width: 100%;
margin-top: 20px;
padding: 20px 0;
cursor: pointer;
text-align: center;
color: #006dce;
border: 1px solid #e6e6e6;
border-radius: 7px;
background: #fff;
box-shadow: 1px 1.732px 2px 0 rgba(0, 0, 0, .3);
}

.chuPage .infoBox .moreBtn:hover{
text-decoration: underline;
}

.chuPage .infoBox .endText{
font-size: 1.3rem;
padding-top: 1em;
text-align: center;
}

.chuPage .infoBox .noPost{
cursor: default;
-webkit-transition: opacity .6s ease;
        transition: opacity .6s ease;
opacity: 0;
}

.chuPage .infoBox .loading{
position: relative;
}

.chuPage .infoBox .loading::after{
position: absolute;
top: 50%;
left: 50%;
display: block;
width: 15px;
height: 15px;
margin: -9.5px 0 0 -7.5px;
content: '';
-webkit-animation: loader .8s infinite linear;
        animation: loader .8s infinite linear;
border: 5px solid #999;
border-top-color: #ddd;
border-radius: 50%;
}

.chuPage .infoBox #chu2,.chuPage .infoBox #chu3{
display: none;
}

.chuPage .mainBox .notice{
font-size: 1.2rem;
line-height: 1.2;
margin-bottom: 15px;
}

.chuPage .mainBox .notice .icon{
display: inline-block;
width: 20px;
margin-right: 7px;
vertical-align: text-bottom;
}

.chuPage .mainBox .notice .cat3{
color:#fff;
padding:0.2em 0.3em;
margin-right:.5em;
display: inline-block;
}

.chuPage .mainBox .linkBox{
margin-right: 2px;
}

.chuPage .mainBox .linkBox>li{
font-size: 1.8rem;
line-height: 1.27;
min-height: 153px;
margin-bottom: 15px;
border-radius: 6px;
background-color: #e6e6e6;
box-shadow: 1px 1.732px 2px 0 rgba(0, 0, 0, .2);
}

.chuPage .mainBox .linkBox>li a{
color: #000;
}

.chuPage .mainBox .linkBox>li:hover{
background-color: #f7f7f7;
box-shadow: 1px 1.732px 2px 0 rgba(0, 0, 0, .2);
}

.chuPage .mainBox .linkBox>li:hover a{
text-decoration: none;
}

.chuPage .mainBox .linkBox li a{
display: block;
padding: 0 60px 0 103px;
}

.chuPage .mainBox .linkBox li span{
font-size: 1.2rem;
line-height: 1.33;
display: block;
margin-bottom: 10px;
color: #666;
}

.chuPage .mainBox .linkBox>li:nth-child(1){
min-height:130px;
}
.chuPage .mainBox .linkBox>li:nth-child(1) a{
padding-top: 55px;
padding-bottom: 55px;
background-image: url('/zemi/zemihogo/_shared/img/chu_ico_0709.png'),url('/zemi/zemihogo/_shared/img/no_kagi_arrow.png');
background-repeat: no-repeat;
background-position: 5px center,570px center;
}
.chuPage .mainBox .linkBox>li:nth-child(2){
min-height:130px;
}
.chuPage .mainBox .linkBox>li:nth-child(2) a{
padding-top: 55px;
padding-bottom: 55px;
background-image: url('/zemi/zemihogo/_shared/img/chu_ico2.png'),url('/zemi/zemihogo/_shared/img/no_kagi_arrow.png');
background-repeat: no-repeat;
background-position: 30px center,570px center;
}
/**
.chuPage .mainBox .linkBox>li:nth-child(2){
position: relative;
}

.chuPage .mainBox .linkBox>li:nth-child(2) a{
padding-top: 32px;
padding-bottom: 31px;
background-image: url('/zemi/zemihogo/_shared/img/chu_ico2.png'),url('/zemi/zemihogo/_shared/img/kagi_arrow.png');
background-repeat: no-repeat;
background-position: 30px center,620px center;
}

.chuPage .mainBox .linkBox>li:nth-child(2) ul{
display: table;
width: 100%;
}

.chuPage .mainBox .linkBox>li:nth-child(2) li{
display: table-cell;
vertical-align: middle;
}

.chuPage .mainBox .linkBox>li:nth-child(2) li:first-child{
width: 235px;
}

.chuPage .mainBox .linkBox>li:nth-child(2) li:last-child{
padding-left: 30px;
}

.chuPage .mainBox .linkBox>li:nth-child(2)::before{
position: absolute;
top: 20px;
left: 340px;
width: 1px;
height: 90px;
content: '';
background: #d7d7d7;
}
**/
/**
.chuPage .mainBox .linkBox>li:nth-child(2){
float: left;
width: 332px;
clear:both;
}

.chuPage .mainBox .linkBox>li:nth-child(2) span{
padding-bottom:5px;
margin-bottom:0;
}

.chuPage .mainBox .linkBox>li:nth-child(2) strong:not(:last-child){
margin-bottom:10px;
display:block;
}

.chuPage .mainBox .linkBox>li:nth-child(2) a{
padding-top: 13px;
padding-bottom: 0;
background-image: url('/zemi/zemihogo/_shared/img/chu_ico2.png'),url('/zemi/zemihogo/_shared/img/kagi_arrow.png');
background-repeat: no-repeat;
background-position: 30px center,272px center;
}

.chuPage .mainBox .linkBox>li:nth-child(3){
float: right;
width: 332px;
}

.chuPage .mainBox .linkBox>li:nth-child(3) a{
padding-top: 32px;
padding-bottom: 31px;
background-image: url('/zemi/zemihogo/_shared/img/chu_ico2.png'),url('/zemi/zemihogo/_shared/img/kagi_arrow.png');
background-repeat: no-repeat;
background-position: 30px center,272px center;
}
.chuPage .mainBox .linkBox>li span.cat3{
    font-size: 10px;
    line-height: 1.2;
    display: block;
    padding: 1px 4px;
    text-align: center;
    color: #fff;
    border-radius: 2px;
    width: 82px;
}



.chuPage .mainBox .linkBox>li:nth-child(4){
float: left;
width: 332px;
clear:both;
}

.chuPage .mainBox .linkBox>li:nth-child(4) a{
padding-top: 32px;
padding-bottom: 31px;
background-image: url('/zemi/zemihogo/_shared/img/chu_ico3.png'),url('/zemi/zemihogo/_shared/img/kagi_arrow.png');
background-repeat: no-repeat;
background-position: 30px center,272px center;
}

.chuPage .mainBox .linkBox>li:nth-child(5){
float: right;
width: 332px;
}

.chuPage .mainBox .linkBox>li:nth-child(5) a{
padding-top: 24px;
padding-bottom: 12px;
background-image: url('/zemi/zemihogo/_shared/img/chu_ico4.png'),url('/zemi/zemihogo/_shared/img/kagi_arrow.png');
background-repeat: no-repeat;
background-position: 30px center,272px center;
}
.chuPage .mainBox .linkBox>li:nth-child(6){
float: left;
width: 332px;
clear:both;
}

.chuPage .mainBox .linkBox>li:nth-child(6) a{
padding-top: 32px;
padding-bottom: 31px;
background-image: url('/zemi/zemihogo/_shared/img/chu_ico5.png'),url('/zemi/zemihogo/_shared/img/kagi_arrow.png');
background-repeat: no-repeat;
background-position: 30px center,272px center;
}

.chuPage .mainBox .linkBox>li:nth-child(7){
float: right;
width: 332px;
}

.chuPage .mainBox .linkBox>li:nth-child(7) a{
padding-top: 24px;
padding-bottom: 24px;
background-image: url('/zemi/zemihogo/_shared/img/chu_ico6.png'),url('/zemi/zemihogo/_shared/img/kagi_arrow.png');
background-repeat: no-repeat;
background-position: 30px center,272px center;
}
**/
.chuPage .mainBox .linkBox>li:nth-child(3){
float: left;
width: 332px;
clear:both;
}

.chuPage .mainBox .linkBox>li:nth-child(3) span{
padding-bottom:5px;
margin-bottom:0;
}

.chuPage .mainBox .linkBox>li:nth-child(3) strong:not(:last-child){
margin-bottom:10px;
display:block;
}

.chuPage .mainBox .linkBox>li:nth-child(3) a{
padding-top: 13px;
padding-bottom: 0;
background-image: url('/zemi/zemihogo/_shared/img/chu_ico2.png'),url('/zemi/zemihogo/_shared/img/kagi_arrow.png');
background-repeat: no-repeat;
background-position: 30px center,272px center;
}

.chuPage .mainBox .linkBox>li:nth-child(4){
float: right;
width: 332px;
}

.chuPage .mainBox .linkBox>li:nth-child(4) a{
padding-top: 32px;
padding-bottom: 31px;
background-image: url('/zemi/zemihogo/_shared/img/chu_ico2.png'),url('/zemi/zemihogo/_shared/img/kagi_arrow.png');
background-repeat: no-repeat;
background-position: 30px center,272px center;
}
.chuPage .mainBox .linkBox>li span.cat3{
    font-size: 10px;
    line-height: 1.2;
    display: block;
    padding: 1px 4px;
    text-align: center;
    color: #fff;
    border-radius: 2px;
    width: 82px;
}



.chuPage .mainBox .linkBox>li:nth-child(5){
float: left;
width: 332px;
clear:both;
}

.chuPage .mainBox .linkBox>li:nth-child(5) a{
padding-top: 32px;
padding-bottom: 31px;
background-image: url('/zemi/zemihogo/_shared/img/chu_ico3.png'),url('/zemi/zemihogo/_shared/img/kagi_arrow.png');
background-repeat: no-repeat;
background-position: 30px center,272px center;
}

.chuPage .mainBox .linkBox>li:nth-child(6){
float: right;
width: 332px;
}

.chuPage .mainBox .linkBox>li:nth-child(6) a{
padding-top: 24px;
padding-bottom: 12px;
background-image: url('/zemi/zemihogo/_shared/img/chu_ico4.png'),url('/zemi/zemihogo/_shared/img/kagi_arrow.png');
background-repeat: no-repeat;
background-position: 30px center,272px center;
}
.chuPage .mainBox .linkBox>li:nth-child(7){
float: left;
width: 332px;
clear:both;
}

.chuPage .mainBox .linkBox>li:nth-child(7) a{
padding-top: 32px;
padding-bottom: 31px;
background-image: url('/zemi/zemihogo/_shared/img/chu_ico5.png'),url('/zemi/zemihogo/_shared/img/kagi_arrow.png');
background-repeat: no-repeat;
background-position: 30px center,272px center;
}

.chuPage .mainBox .linkBox>li:nth-child(8){
float: right;
width: 332px;
}

.chuPage .mainBox .linkBox>li:nth-child(8) a{
padding-top: 24px;
padding-bottom: 24px;
background-image: url('/zemi/zemihogo/_shared/img/chu_ico6.png'),url('/zemi/zemihogo/_shared/img/kagi_arrow.png');
background-repeat: no-repeat;
background-position: 30px center,272px center;
}

.chuPage .mainBox .allLink{
font-size: 1.4rem;
line-height: 1;
}

.chuPage .mainBox .allLink::before{
display: inline-block;
width: 5px;
margin: 0 5px 0 3px;
padding-bottom: 9px;
content: '';
background: url('/zemi/zemihogo/_shared/img/arrow2.png') no-repeat center center;
}

@-webkit-keyframes fadeIn{
0%{
display: block;
opacity: 0;
}
100%{
opacity: 1;
}
}

@keyframes fadeIn{
0%{
display: block;
opacity: 0;
}
100%{
opacity: 1;
}
}

@-webkit-keyframes fadeOut{
0%{
opacity: 1;
}
100%{
opacity: 0;
}
}

@keyframes fadeOut{
0%{
opacity: 1;
}
100%{
opacity: 0;
}
}

@-webkit-keyframes loader{
0%{
-webkit-transform: rotate(0deg);
        transform: rotate(0deg);
}
100%{
-webkit-transform: rotate(360deg);
        transform: rotate(360deg);
}
}

@keyframes loader{
0%{
-webkit-transform: rotate(0deg);
        transform: rotate(0deg);
}
100%{
-webkit-transform: rotate(360deg);
        transform: rotate(360deg);
}
}

/* ==========================================================================
  記事ページ　共通
========================================================================== */

.singlePage .mainContent .mainRow{
margin: 54px 0 120px;
}

.singlePage .mainContent .mainRow .sidebar{
float: right;
width: 260px;
}

.singlePage .mainContent .mainRow .mainBox{
float: left;
width: 680px;
}

.singlePage .mainContent .dataBox{
display: table;
width: 100%;
margin: 0px 0 30px;
padding-top: 30px;
border-top: 1px solid #e6e6e6;
}

.singlePage .mainContent .dataBox .category{
display: table-cell;
overflow: hidden;
vertical-align: top;
}

.singlePage .mainContent .dataBox .category li{
float: left;
margin-right: 3px;
}

.singlePage .mainContent .dataBox .category li span{
font-size: 1.4rem;
line-height: 1.1;
display: block;
padding: 4px 15px;
text-align: center;
color: #fff;
border-radius: 4px;
}

.singlePage .mainContent .dataBox .updata{
font-size: 1.4rem;
display: table-cell;
width: 11em;
text-align: right;
vertical-align: top;
color: #666;
}

.singlePage .mainContent .snsBox{
overflow: hidden;
}

.singlePage .mainContent .snsBox li{
float: left;
width: 224px;
margin-right: 4px;
}

.singlePage .mainContent .snsBox li a{
display: block;
padding: 11px 0;
border-radius: 6px;
}

.singlePage .mainContent .snsBox li a img{
display: block;
width: 42px;
margin: 0 auto;
}

.singlePage .mainContent .snsBox .twitter a{
background: #00aced;
}

.singlePage .mainContent .snsBox .facebook a{
background: #3c599f;
}

.singlePage .mainContent .snsBox .hatebu{
margin-right: 0;
}

.singlePage .mainContent .snsBox .hatebu a{
background: #476ac8;
}

.singlePage .mainContent .mainBox .singleTitle{
font-size: 3.2rem;
line-height: 1.62;
margin-bottom: 20px;
}

.singlePage .mainContent .mainBox .entry{
padding: 50px 0 34px;
}

.singlePage .mainContent .mainBox .entry h2{
font-size: 2.378rem;
font-weight: bold;
margin: 1.5em 0 1em;
padding-bottom: 5px;
/* border-bottom: 1px solid #e1e1e1; */
}

.singlePage .mainContent .mainBox .entry h3{
font-size: 2.0rem;
font-weight: bold;
margin: 1.5em 0 1em;
padding-bottom: 5px;
/* border-bottom: 1px solid #e1e1e1; */
}

.singlePage .mainContent .mainBox .entry h5{
font-size: 8pt;
margin: 1.5em 0 1em;
}

.singlePage .mainContent .mainBox .entry p{
line-height: 1.75;
margin-bottom: 1em;
}

.singlePage .mainContent .sidebar .sideBanner{
margin-bottom: 20px;
}

.singlePage .mainContent .sidebar .sideBanner li{
margin-bottom: 10px;
}

.singlePage .mainContent .sidebar .sideBanner li:last-child{
margin-bottom: 0;
}

.singlePage .mainContent .sidebar .infoBox header{
margin-bottom: 15px;
}

.singlePage .mainContent .sidebar .infoBox .infoListBox{
padding-top: 0;
padding-bottom: 0;
}

.singlePage .mainContent .sidebar .infoBox .infoPost:last-child{
padding-bottom: 0;
border-bottom: 0;
}

/* ==========================================================================
  中学講座記事ページ
========================================================================== */

/** .chuSinglePage .mainContent .mainRow{
background: url('/zemi/zemihogo/_shared/img/chu_logo.png') no-repeat left top;
} **/

/* ==========================================================================
   中高一貫＆高校講座 TOP
========================================================================== */

.ckKouPage .mainContent .mainRow{
margin-top: 0px;
}

.ckKouPage .mainContent .mainRow .sidebar{
float: right;
width: 260px;
}

.ckKouPage .mainContent .mainRow .mainBox{
float: left;
width: 100%;
}



.ckKouPage .service{
padding: 30px 15px 20px;
border: 3px solid #e6e6e6;
border-radius: 7px;
background: #f7f7f7;
}

.ckKouPage .service>h2{
font-size: 2.2rem;
font-weight: bold;
margin-bottom: 20px;
text-align: center;
}

.ckKouPage .service li{
margin-bottom: 10px;
}

.ckKouPage .service li a{
font-size: 1.4rem;
line-height: 1.2;
display: block;
padding: 20px 35px;
text-align: center;
color: #fff;
border-radius: 6px;
background: url(/zemi/zemihogo/_shared/img/kagi_arrow2.png) no-repeat calc(100% - 10px) center;
background-color: #006dce;
box-shadow: 1px 1.732px 2px 0 rgba(0, 0, 0, .2);
}

.ckKouPage .service li a span{
font-size: 1.1rem;
line-height: 1.2;
display: block;
padding-top: 5px;
}

.ckKouPage .service li .soon{
font-size: 1.3rem;
line-height: 1;
display: block;
padding: 12px 20px;
text-align: center;
color: #fff;
border-radius: 6px;
background: url(/zemi/zemihogo/_shared/img/soon_kagi.png) no-repeat calc(100% - 5px) center;
background-color: #ccc;
}

.ckKouPage .service li .soon span{
font-size: 1.0rem;
display: block;
padding-top: 5px;
}

.ckKouPage .service .notice{
font-size: 1.2rem;
line-height: 1.3;
display: table;
width: 100%;
margin-top: 20px;
color: #666;
}

.ckKouPage .service .notice span{
display: table-cell;
vertical-align: middle;
}

.ckKouPage .service .notice span:first-child{
width: 20px;
}

.ckKouPage .service .notice span:last-child{
padding-left: 8px;
}

.ckKouPage .yakudati{
margin-top: 20px;
}

.ckKouPage .yakudati h2{
font-size: 1.8rem;
margin-bottom: 10px;
}

.ckKouPage .yakudati h2::before{
display: inline-block;
width: 5px;
height: 1.37em;
margin-right: 10px;
content: '';
vertical-align: sub;
border-radius: 3px;
background: #0070cb;
}

.ckKouPage .yakudati li{
margin-bottom: 10px;
}

/*高校講座*/

.kouPage .listPost .text .category li{
margin-left: 3px;
}

.kouPage .listPost .text .category li:first-child{
margin-left: 0;
}

/* ==========================================================================
  中高一貫講座記事ページ
========================================================================== */

.ckSinglePage .mainContent .mainRow{
background: url('/zemi/zemihogo/_shared/img/ck_logo.png') no-repeat left top;
}

.ckSinglePage .infoBox .infoPost .category{
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display:         flex;

-webkit-box-direction: normal;
-webkit-box-orient: horizontal;
-webkit-box-pack: end;
-webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
        flex-flow: row wrap;
-ms-flex-pack: end;
-webkit-justify-content: flex-end;
        justify-content: flex-end;
}

.ckSinglePage .infoBox .infoPost .category li{
float: none;
}

/* ==========================================================================
  高校講座記事ページ
========================================================================== */

/** .kouSinglePage .mainContent .mainRow{
background: url('/zemi/zemihogo/_shared/img/kou_logo.png') no-repeat left top;
}
**/
.kouSinglePage .infoBox .infoPost .category{
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display:         flex;

-webkit-box-direction: normal;
-webkit-box-orient: horizontal;
-webkit-box-pack: end;
-webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
        flex-flow: row wrap;
-ms-flex-pack: end;
-webkit-justify-content: flex-end;
        justify-content: flex-end;
}

.kouSinglePage .infoBox .infoPost .category li{
float: none;
}

/* ==========================================================================
  小学生講座共通
========================================================================== */

.shoPage .mainContent{
width: 100%;
}

.shoPage .pankuzu{
width: 960px;
margin: 0 auto;
}

.shoPage .pageHeader{
position: relative;
width: 960px;
margin: 0 auto;
}

.shoPage .pageHeader .qaBtn{
top: -22px;
}

.shoPage .news{
display: table;
width: 960px;
margin-right: auto;
margin-bottom: 40px;
margin-left: auto;
}

.shoPage .shoNav{
background: #e6e6e6;
box-shadow: 1px 1.732px 2px 0 rgba(0, 0, 0, .2);
}

.shoPage .shoNav ul{
display: table;
width: 960px;
margin: 0 auto 35px;
table-layout: fixed;
}

.shoPage .shoNav li{
display: table-cell;
vertical-align: middle;
border-left: 1px solid #c9c9c9;
}

.shoPage .shoNav li a{
font-size: 1.8rem;
line-height: 1;
display: block;
padding: 20px 0;
text-align: center;
}

.shoPage .shoNav li:nth-child(7){
border-right: 1px solid #c9c9c9;
}

.shoPage .shoNav .on a{
color: #fff;
background: #0070cb;
}

.shoPage .shoNav .spShow{
display: none;
}

.shoPage .mainContent .mainRow{
width: 960px;
margin: 54px auto 150px;
}

.shoPage .mainContent .mainRow .sidebar{
float: right;
width: 260px;
}

.shoPage .mainContent .mainRow .mainBox{
float: left;
width: 680px;
}

.shoPage .listPost .image{
vertical-align: top;
}

.shoPage .listPost .text{
vertical-align: top;
}

.shoPage .listPost .text .category li{
margin-left: 3px;
}

.shoPage .listPost .text .category li a{
padding-right: 7px;
padding-left: 7px;
}

.shoPage .listPost .text .category li:first-child{
margin-left: 0;
}

.shoPage .newIcon .image{
position: relative;
}

.shoPage .newIcon .image::before{
position: absolute;
top: 7px;
left: 0;
width: 44px;
padding-bottom: 44px;
content: '';
background: url(/zemi/zemihogo/_shared/img/new_icon.png) no-repeat center center;
background-size: contain;
}

.shoPage .newIcon .text{
vertical-align: top;
}

.shoPage .sidebar .kagi{
font-size: 1.2rem;
line-height: 1.33;
position: relative;
display: table;
width: 100%;
margin-bottom: 15px;
padding: 13px;
border: 3px solid #e6e6e6;
background: #f7f7f7;
}

.shoPage .sidebar .kagi span{
display: table-cell;
vertical-align: middle;
}

.shoPage .sidebar .kagi span:first-child{
width: 20px;
}

.shoPage .sidebar .kagi span:last-child{
padding-left: 10px;
}

.shoPage .sidebar .kagi span:last-child img{
display: inline-block;
width: 22px;
margin: 0 1px;
vertical-align: middle;
}

.shoPage .sidebar .kagi::before{
position: absolute;
bottom: -25px;
left: 50%;
content: '';
-webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
        transform: translateX(-50%);
border: 10px solid transparent;
border-top: 15px solid #e6e6e6;
}

.shoPage .sidebar .kagi::after{
position: absolute;
bottom: -20px;
left: 50%;
content: '';
-webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
        transform: translateX(-50%);
border: 10px solid transparent;
border-top: 15px solid #f7f7f7;
}

.shoPage .sidebar .banner li{
margin-bottom: 10px;
}

.shoPage .sidebar .banner li:last-child{
margin-bottom: 0;
}

/* ==========================================================================
  学び相談室
========================================================================== */

.manabi .pankuzu{
margin: 0 auto 50px;
}

.manabi .manabiMain{
width: 960px;
margin: 0 auto;
}

.manabi .pageTop{
padding: 30px 80px;
border-radius: 12px;
background: #fffad1;
}

.manabi .pageTop .mainTitle{
line-height: 1;
text-align: center;
}

.manabi .pageTop .mainTitle span{
display: block;
width: 382px;
margin: 0 auto 25px;
}

.manabi .pageTop .telBox{
margin-top: 27px;
padding-bottom: 15px;
text-align: center;
border-radius: 3px;
background-color: rgb(255, 254, 250);
box-shadow: 0 0 2px 0 rgba(0, 0, 0, .5);
}

.manabi .pageTop .telBox h2{
margin-bottom: 17px;
padding: 7px 0;
text-align: center;
border-radius: 3px 3px 0 0;
background: #0d6fb8;
}

.manabi .pageTop .telBox h2 img{
display: block;
width: 189px;
margin: 0 auto;
}

.manabi .pageTop .telBox .time{
font-size: 1.4rem;
padding-top: 10px;
}

.manabi .kome{
margin: 30px 0 50px;
padding-right: 200px;
background: url(/zemi/zemihogo/_shared/img/telok_back.png) no-repeat right center;
}

.manabi .kome li{
font-size: 1.2rem;
line-height: 1.33;
margin-left: 1em;
padding-bottom: 2px;
text-indent: -1em;
color: #666;
}

.manabi .kome li span{
text-decoration: underline;
}

.manabi .bottomBox{
padding-top: 50px;
border-top: 1px solid #dbdbdb;
}

.manabi .bottomBox header{
margin-bottom: 35px;
}

.manabi .bottomBox header h2{
font-size: 2.8rem;
font-weight: bold;
}

.manabi .bottomBox .kodomo h2{
font-size: 2.1rem;
font-weight: bold;
margin-bottom: 15px;
color: #f50c0c;
}

.manabi .bottomBox .kodomo h2+p{
font-size: 1.4rem;
line-height: 1.85;
}

.manabi .bottomBox .kodomo .tel{
line-height: 1;
margin: 10px 0;
}

.manabi .bottomBox .kodomo .time{
font-size: 1.4rem;
}

.manabi .bottomBox .kodomo .muryou{
font-size: 1.4rem;
line-height: 1;
display: inline-block;
margin-top: 10px;
padding: 5px 7px;
text-align: center;
color: #fff;
border-radius: 2px;
background: #006dce;
}

.manabi .bottomBox .kodomo .kome{
padding-right: 0;
background: none;
}

/* ==========================================================================
   まなび相談室 個別
========================================================================== */

.manabiSingle .mainContent .dataBox{
margin-top: 0;
padding-top: 0;
border: 0;
}

.manabiSingle .mainContent .mainBox .entry{
padding-top: 0;
padding-bottom: 50px;
}

.manabiSingle .mainContent .mainBox .entry p{
margin-bottom: 1.5em;
}

.manabiSingle .mainContent .mainBox .entry .center{
text-align: center;
}

.manabiSingle .entry .btn{
text-align: center;
}

.manabiSingle .entry .btn .fukidashi{
font-size: 1.3rem;
font-weight: bold;
line-height: 1.2;
position: relative;
display: inline-block;
margin-bottom: 1em;
padding: 9px 20px;
color: #f50c0c;
border-radius: 20px;
background: #ffe0e0;
}

.manabiSingle .entry .btn .fukidashi::after{
position: absolute;
bottom: -1.4em;
left: 50%;
content: '';
-webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
        transform: translateX(-50%);
border: .7em solid transparent;
border-top: 1em solid #ffe0e0;
}

.manabiSingle .entry .btn a{
line-height: 1;
display: block;
width: 560px;
margin: 0 auto;
padding: 20px;
color: #fff;
border-radius: 6px;
background: url(/zemi/zemihogo/_shared/img/arrow_w.png) no-repeat calc(100% - 15px) center;
background-color: #006dce;
background-size: 9px auto;
box-shadow: 1px 1.732px 2px 0 rgba(0, 0, 0, .2);
}

.manabiSingle .entry .btn a:hover{
text-decoration: none;
opacity: .8;
}

.manabiSingle .manabiBanner{
margin-bottom: 30px;
padding: 30px 320px 30px 30px;
border-radius: 6px;
background: url(/zemi/zemihogo/_shared/img/telok_back2.png) no-repeat calc(100% - 30px) center;
background-color: #fffad1;
}

.manabiSingle .manabiBanner h2{
line-height: 1;
width: 312px;
margin-bottom: 19px;
}

.manabiSingle .manabiBanner .tel{
width: 316px;
}

.manabiSingle .manabiBanner .time{
font-size: 1.4rem;
padding-top: 10px;
}

.manabiSingle .manabiBanner .muryou{
font-size: 1.4rem;
line-height: 1;
display: inline-block;
margin: 5px 0 18px;
padding: 5px 7px;
text-align: center;
color: #fff;
border-radius: 2px;
background: #006dce;
}

.manabiSingle .manabiBanner li{
font-size: 1.2rem;
line-height: 1.33;
margin-left: 1em;
padding-bottom: 2px;
text-indent: -1em;
color: #666;
}

.manabiSingle .manabiBottom{
overflow: hidden;
}

.manabiSingle .manabiBottom>a{
float: right;
}

.manabiSingle .manabiBottom>a::before{
display: inline-block;
width: 5px;
margin-right: 5px;
padding-bottom: 9px;
content: '';
vertical-align: middle;
background: url(/zemi/zemihogo/_shared/img/arrow3.png) no-repeat center center;
background-size: contain;
}

/* ==========================================================================
   小学講座 記事 まとめページ
========================================================================== */

.shoMatomePage .mainContent .mainRow{
background: url('/zemi/zemihogo/_shared/img/sho_logo.png') no-repeat left top;
}

.shoMatomePage .mainContent .mainBox{
padding-top: 65px;
}

.shoMatomePage .mainContent .mainBox .obiTitle{
font-size: 2.4rem;
line-height: 1.2;
margin-bottom: 30px;
}

.shoMatomePage .mainContent .mainBox .obiTitle::before{
display: inline-block;
width: 6px;
height: 1.37em;
margin-right: 17px;
content: '';
vertical-align: text-top;
border-radius: 3px;
background: #0070cb;
}

.shoMatomePage .mainContent .dataBox{
margin-top: 0;
padding-top: 0;
border-top: 0;
}

.shoMatomePage .mainContent .dataBox .category{
display: block;
}

.shoMatomePage .mainContent .dataBox .updata{
line-height: 1;
display: block;
width: 100%;
margin-top: 10px;
text-align: right;
}

.shoMatomePage .startBox{
overflow: hidden;
}

.shoMatomePage .startBox .image{
float: left;
width: 205px;
padding-left: 5px;
}

.shoMatomePage .startBox .matomeTitle{
font-size: 3.2rem;
line-height: 1.4;
float: right;
width: 475px;
margin-bottom: 10px;
padding-left: 30px;
}

.shoMatomePage .startBox .lead{
float: right;
width: 475px;
padding-left: 30px;
}

.shoMatomePage .startBox .lead .snsBox{
margin-bottom: 25px;
}

.shoMatomePage .startBox .lead .snsBox li{
width: 30px;
}

.shoMatomePage .startBox .lead .snsBox img{
width: 19px;
}

.shoMatomePage .startBox .lead .snsBox a{
padding-top: 9px;
padding-bottom: 9px;
border-radius: 4px;
}

.shoMatomePage .startBox .lead p{
font-size: 1.4rem;
line-height: 1.85;
}

.shoMatomePage .mainContent .mainBox .entry{
padding-bottom: 0;
}

.shoMatomePage .mainContent .mainBox .entry p{
margin-bottom: 2em;
}

.shoMatomePage .osusume{
position: relative;
margin: 45px 0 50px;
}

.shoMatomePage .osusume h2{
font-size: 1.8rem;
font-weight: bold;
margin-bottom: 30px;
}

.shoMatomePage .osusume li{
margin-bottom: 20px;
padding-bottom: 20px;
border-bottom: 1px solid #e1e1e1;
}

.shoMatomePage .osusume li a{
display: table;
width: 100%;
}

.shoMatomePage .osusume li span{
display: table-cell;
vertical-align: middle;
}

.shoMatomePage .osusume li .title{
font-size: 1.6rem;
width: 540px;
padding-right: 20px;
}

.shoMatomePage .osusume li .img{
width: 140px;
}

.shoMatomePage .osusume li:last-child{
margin-bottom: 0;
}

.shoMatomePage .osusume .dpcl{
font-size: 1.0rem;
position: absolute;
top: 4px;
right: 0;
}

.shoMatomePage .qa{
margin-top: 70px;
}

.shoMatomePage .qa p{
font-size: 1.4rem;
line-height: 1.57;
margin-bottom: 40px;
}

.shoMatomePage .qa li{
display: table;
width: 100%;
margin-bottom: 20px;
padding-bottom: 20px;
border-bottom: 1px solid #e1e1e1;
}

.shoMatomePage .qa li::before{
display: table-cell;
width: 44px;
padding-bottom: 44px;
content: '';
vertical-align: middle;
background: url(/zemi/zemihogo/_shared/img/q_icon.png) no-repeat center center;
background-size: contain;
}

.shoMatomePage .qa li a{
font-size: 1.6rem;
line-height: 1.75;
display: table-cell;
padding-left: 15px;
vertical-align: middle;
}

.shoMatomePage .qa li:last-child{
margin-bottom: 0;
}

.shoMatomePage .oshirase{
margin: 70px 0 0 0;
}

/* ==========================================================================
   小学講座 記事ページ
========================================================================== */

.shoSinglePage .mainContent .mainRow{
background: url('/zemi/zemihogo/_shared/img/sho_logo.png') no-repeat left top;
}

.shoSinglePage .mainContent .dataBox .category{
display: block;
}

.shoSinglePage .mainContent .dataBox .updata{
line-height: 1;
display: block;
width: 100%;
padding-top: 10px;
text-align: right;
}

/* ==========================================================================
   ホーム
========================================================================== */

.homeContent .mainContent{
width: 720px;
margin-bottom: 120px;
}

.homeContent .homeHeader{
margin-bottom: 50px;
}

.homeContent .homeHeader h2{
line-height: 1;
width: 456px;
margin: 0 auto;
padding-bottom: 30px;
}

.homeContent .homeHeader p{
font-size: 1.4rem;
line-height: 1.5;
text-align: center;
}

.homeContent .homeMenu>li{
line-height: 1;
margin-bottom: 20px;
border-radius: 6px;
background-color: rgb(230, 230, 230);
box-shadow: 1px 1.732px 3px 0 rgba(0, 0, 0, .25);
}

.homeContent .homeMenu>li>a{
display: block;
padding: 47px 0;
background-image: url(/zemi/zemihogo/_shared/img/home_arrow.png);
background-repeat: no-repeat;
background-position: calc(100% - 15px) center;
background-size: 10px auto;
}

.homeContent .homeMenu>li>a:hover{
background-color: #ececec;
}

.homeContent .homeMenu .sho{
background-position: calc(100% - 12px) center;
}

.homeContent .homeMenu .sho>a{
padding: 52px 0 43px;
}

.homeContent .homeMenu .sho .pageLogo{
display: block;
width: 520px;
margin: 0 auto;
}

.homeContent .homeMenu .sho .gakunen{
padding: 0 3px 3px 3px;
}

.homeContent .homeMenu .sho ul{
display: table;
width: 714px;
padding: 0 7px 0 47px;
background: #f7f7f7;
}

.homeContent .homeMenu .sho li{
font-size: 1.5rem;
display: table-cell;
width: 110px;
padding: 30px 0;
vertical-align: middle;
}

.homeContent .homeMenu .sho li a::before{
display: inline-block;
width: 5px;
margin-right: 9px;
padding-bottom: 9px;
content: '';
vertical-align: middle;
background: url(/zemi/zemihogo/_shared/img/arrow3.png) no-repeat center center;
background-size: contain;
}

.homeContent .homeMenu .chu .pageLogo,.homeContent .homeMenu .kou .pageLogo{
display: block;
width: 520px;
margin: 0 auto;
}

.homeContent .homeMenu .ck a{
position: relative;
display: table;
width: 100%;
}

.homeContent .homeMenu .ck a::after{
position: absolute;
top: 50%;
left: 360px;
width: 1px;
height: 70px;
content: '';
-webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
        transform: translateY(-50%);
background: #c9c9c9;
}

.homeContent .homeMenu .ck a span{
display: table-cell;
width: 360px;
vertical-align: middle;
}

.homeContent .homeMenu .ck .pageLogo:first-child{
padding: 0 56px;
}

.homeContent .homeMenu .ck .pageLogo:last-child{
padding: 0 47px 0 25px;
}

@media screen and (min-width: 768px){
/* ==========================================================================
     共通設定
     ========================================================================== */

.pageContent .linkBox_2{
display:none;
}
.pageContent .bannerBox{
display:none;
}

}

/* ==========================================================================
   end
========================================================================== */

/*SP*/

@media only screen and (max-width: 599px){
/* ==========================================================================
     共通設定
     ========================================================================== */
body{
font-size: 1.25rem;
}
.pcShow{
display: none;
}
.spShow{
display: inline-block;
}
/* ==========================================================================
     講座トップレイアウト
  ========================================================================== */
.pageContent .mainContent{
width: 100%;
padding: 0;
}
.pageContent .mainContent .mainRow{
overflow: hidden;
}
.pageContent .mainContent .mainRow .sidebar{
float: none;
width: 100%;
padding: 0;
border: 0;
border-radius: 0;
}
.pageContent .mainContent .mainRow .mainBox{
float: none;
width: 100%;
}
.pageContent .bannerBox{
margin: 0;
padding: 0;
background: none;
}
.pageContent .bannerBox .inner{
width: 100%;
margin: 0 auto;
}
/* ==========================================================================
     ブックマーク 吹き出し
  ========================================================================== */
.bookmark{
position: fixed;
z-index: 999;
top: 50%;
left: 50%;
width: 77.33333%;
-webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
-webkit-animation: fadeIn .6s ease 0s 1 forwards;
        animation: fadeIn .6s ease 0s 1 forwards;
}
.bookmark img{
width: 100%;
height: auto;
}
.bookmarkOff{
-webkit-animation: fadeOut .6s ease 0s 1 forwards;
        animation: fadeOut .6s ease 0s 1 forwards;
}
/* ==========================================================================
     講座トップ共通
  ========================================================================== */
.pageContent .pageHeader{
padding: 9.33333% 0 5.33333%;
}
.pageContent .pageHeader .cap{
font-size: .88em;
margin-bottom: 4.13333%;
}
.pageContent .pageHeader .mainTitle{
width: 73.73333%;
margin: 0 auto;
padding-bottom: 5.06667%;
}
.pageContent .pageHeader .qaBtn{
font-size: 1.2em;
line-height: 1;
position: static;
display: block;
width: 19.8em;
height: auto;
float:right;
margin-right:1em;
padding: 1em 0 1em 1em;
}
.pageContent .news{
position: relative;
display: block;
width: 92%;
margin: 0 auto;
border-radius: 3px;
}
.pageContent .news h2,.pageContent .news .newsBox{
display: block;
}
.pageContent .news h2{
font-size: .88em;
width: 100%;
padding: .45em 0;
text-align: center;
border-radius: 3px 3px 0 0;
background: #d9edff;
}
.pageContent .news .newsBox{
padding: 2.89855% 4.34783% 0;
}

.pageContent .news .hideBox{
display: none;
}
.pageContent .news dl{
font-size: .88em;
}
.pageContent .news dt{
line-height: 1.5;
float: none;
clear: none;
width: 100%;
padding-bottom: 0;
}
.pageContent .news dd{
margin-left: 0;
padding-bottom: .88em;
}
.pageContent .news .openBtn{
position: static;
display: block;
width: 6.95652%;
margin: 0 auto;
padding: 1.44928% 1.73913%;
}
.pageContent .infoBox{
margin-top: 6.66667%;
padding: 6% 0;
border-top: 3px solid #e6e6e6;
border-right: 0;
border-bottom: 3px solid #e6e6e6;
border-left: 0;
border-radius: 0;
}
.pageContent .infoBox header{
margin-bottom: 6.66667%;
}
.pageContent .infoBox header p{
font-size: .88em;
margin-bottom: .2em;
}
.pageContent .infoBox header h2{
font-size: 1.33em;
}
.pageContent .infoBox .infoListBox{
padding: 1.33333% 4% 0;
}
.pageContent .infoBox .infoPost{
padding: 2.89855% 0 3.62319%;
}
.pageContent .infoBox .infoPost .image{
width: 17.3913%;
}
.pageContent .infoBox .infoPost .image a{
width: 100%;
}

.pageContent .infoBox .infoPost .text{
overflow: hidden;
width: 82.6087%;
padding-left: 5.7971%;
}
.pageContent .infoBox .infoPost .text time{
font-size: .88em;
line-height: normal;
padding-bottom: 0;
}
.pageContent .infoBox .infoPost .text h2{
font-size: 1em;
}
.pageContent .infoBox .infoPost .category{
float: right;
overflow: hidden;
margin: 0 0 0 auto;
padding-top: 6px;
}
.pageContent .infoBox .infoPost .category li a{
font-size: .8em;
}
.pageContent .bannerBox{
margin-top: 10.66667%;
}
.pageContent .bannerBox .inner{
width: 92%;
margin: 0 auto;
}
.pageContent .bannerBox h2{
font-size: 1.2em;
margin-bottom: 5.7971%;
}
.pageContent .bannerBox h2::before{
width: .22em;
height: 1.2em;
margin-right: .8em;
content: '';
}
.pageContent .bannerBox ul{
overflow: hidden;
padding-bottom: 8.69565%;
}
.pageContent .bannerBox ul li{
width: 47.82609%;
margin: 0 4.34783% 4.34783% 0;
}
.pageContent .bannerBox ul li:last-child{
margin-right: 4.34783%;
}
.pageContent .bannerBox ul li:nth-child(even){
margin-right: 0;
}
.pageContent .bannerBox ul li:nth-child(odd){
clear: both;
}

.listContent .mainRow .mainBox{
padding: 0 4%;
}

.listContent .listTitle{
font-size: 1.26em;
position: relative;
margin-bottom: 1em;
padding-left: 1em;
}

.listContent .listTitle::before{
position: absolute;
top: 0;
left: 0;
width: .2em;
height: 2.55em;
margin-right: 0;
}

.listContent .listPost{
margin-bottom: 5.07246%;
padding-bottom: 5.07246%;
}

.listContent .listPost .image{
width: 28.98551%;
}

.listContent .listPost .text{
padding-left: 5.7971%;
}

.listContent .listPost .text .dataBox{
margin-bottom: 2.89855vw;
}

.listContent .listPost .text time{
font-size: .8em;
line-height: 1;
margin-bottom: 2.17391%;
}

.listContent .listPost .text .category li{
margin-bottom: 1.44928vw;
}

.listContent .listPost .text .category li a,.listContent .listPost .text .category li span{
font-size: .8em;
padding: 2px .6em;
}

.listContent .listPost .text h2{
font-size: 1em;
line-height: 1.6;
margin-bottom: 0;
}

.listContent .listPost .text p{
display: none;
}

.listContent .listPostMore{
font-size: .93em;
display: block;
width: 82.6087%;
margin: 0 auto 11.5942%;
padding: 1.35em 0;
}

.listContent .listPostMore:hover{
text-decoration: none;
background: #ececec;
}

.listContent .benriLink{
float: none;
width: 100%;
margin: 8.93333% auto;
padding: 0 4%;
}

.listContent .benriLink h2{
font-size: 1.4em;
margin-bottom: 1.08em;
}

.listContent .benriLink li{
font-size: .8em;
line-height: 1.58;
margin-bottom: 1em;
}

.listContent .benriLink li:last-child{
margin-bottom: 0;
}
/* ==========================================================================
     中学生講座
  ========================================================================== */
.chuPage .infoBox .tabMenu{
padding: 0 4%;
border-bottom: 2px solid #006dce;
}
.chuPage .infoBox .tabMenu li{
font-size: .93em;
width: 32.75362%;
margin-right: .86957%;
}
.chuPage .infoBox .tabMenu li a{
line-height: 1;
display: block;
padding: 1.16em 0 1.16em;
}
.chuPage .infoBox .tabMenu li .current{
margin-top: 0;
padding: 1.16em 0 1.16em;
}
.chuPage .infoBox .tabMenu li:last-child{
margin-right: 0;
}
.chuPage .infoBox .moreBtn{
font-size: .93em;
display: block;
width: 82.6087%;
margin: 5.07246% auto 0;
padding: 5.7971% 0;
}
.chuPage .infoBox .endText{
font-size: .93em;
}
.chuPage .mainBox{
padding: 8% 4% 0;
}
.chuPage .mainBox .notice{
font-size: .88em;
line-height: 1.3;
display: table;
width: 100%;
margin-bottom: 1.5em;
color: #666;
}
.chuPage .mainBox .notice span{
display: table-cell;
vertical-align: middle;
}
.chuPage .mainBox .notice .icon{
display: table-cell;
width: 10.14493%;
padding-right: 2.89855%;
vertical-align: middle;
}

.chuPage .mainBox .notice .cat3{
display: table-cell;
width: 8em;
padding-left:0;
padding-right:0;
padding-right: 0;
vertical-align: middle;
text-align:center;
}
.chuPage .mainBox .notice .cat3 + span{
padding-left:1em;
}

.chuPage .mainBox .linkBox{
margin-right: 0;
}
.chuPage .mainBox .linkBox>li{
font-size: 1em;
min-height: 0;
margin-bottom: 2.17391%;
}
.chuPage .mainBox .linkBox li a{
padding: 0 15.94203% 0 17.3913%;
}
.chuPage .mainBox .linkBox li br{
display: none;
}
.chuPage .mainBox .linkBox li span{
font-size: .88em;
display: block;
margin-bottom: 1.88406%;
padding-bottom: .3em;
color: #666;
}
.chuPage .mainBox .linkBox>li:nth-child(1){
min-height: 0;
}
.chuPage .mainBox .linkBox>li:nth-child(1) a{
padding-top: 8.55072%;
padding-bottom: 8.55072%;
background-image: url('/zemi/zemihogo/_shared/img/sp_chu_ico1.png'),url('/zemi/zemihogo/_shared/img/sp_kagi_arrow.png');
background-repeat: no-repeat;
background-position: 5.07246% center,97.10145% center;
background-size: 7.53623% auto,10.14493% auto;
}
.chuPage .mainBox .linkBox>li:nth-child(2){
min-height: 0;
}
.chuPage .mainBox .linkBox>li:nth-child(2) a{
padding-top: 5.55072%;
padding-bottom: 2.55072%;
background-image: url('/zemi/zemihogo/_shared/img/sp_chu_ico_0709.png'),url('/zemi/zemihogo/_shared/img/sp_no_kagi_arrow.png');
background-repeat: no-repeat;
background-position: 3.07246% center,97.10145% center;
background-size: 13.53623% auto,10.14493% auto;
}

/**
.chuPage .mainBox .linkBox>li:nth-child(2){
position: relative;
float:none;
width:100%;
}
.chuPage .mainBox .linkBox>li:nth-child(2) span{
padding-bottom:.3em;
margin-bottom: 1.88406%;
}
.chuPage .mainBox .linkBox>li:nth-child(2) strong:not(:last-child){
margin-bottom:1em;
}
.chuPage .mainBox .linkBox>li:nth-child(2) a{
padding-top: 4.05797%;
padding-bottom: 4.05797%;
background-image: url('/zemi/zemihogo/_shared/img/sp_chu_ico2.png'),url('/zemi/zemihogo/_shared/img/sp_kagi_arrow.png');
background-repeat: no-repeat;
background-position: 5.07246% center,97.10145% center;
background-size: 8.69565% auto,10.14493% auto;
}
.chuPage .mainBox .linkBox>li:nth-child(2) ul{
display: block;
width: 100%;
}
.chuPage .mainBox .linkBox>li:nth-child(2) li{
display: block;
}
.chuPage .mainBox .linkBox>li:nth-child(2) li:first-child{
width: 100%;
}
.chuPage .mainBox .linkBox>li:nth-child(2) li:last-child{
margin: 6.52174% 0 0;
padding: 6.08696% 0 0;
border-top: 1px solid #c9c9c9;
}
.chuPage .mainBox .linkBox>li:nth-child(2)::before{
display: none;
}
.chuPage .mainBox .linkBox>li:nth-child(3){
float: none;
width: 100%;
}
.chuPage .mainBox .linkBox>li:nth-child(3) a{
padding-top: 5.07246%;
padding-bottom: 5.07246%;
background-image: url('/zemi/zemihogo/_shared/img/sp_chu_ico2.png'),url('/zemi/zemihogo/_shared/img/sp_kagi_arrow.png');
background-repeat: no-repeat;
background-position: 5.07246% center,97.10145% center;
background-size: 8.26087% auto,10.14493% auto;
}
.chuPage .mainBox .linkBox>li:nth-child(4){
float: none;
width: 100%;
}
.chuPage .mainBox .linkBox>li:nth-child(4) a{
padding-top: 5.07246%;
padding-bottom: 5.07246%;
background-image: url('/zemi/zemihogo/_shared/img/sp_chu_ico3.png'),url('/zemi/zemihogo/_shared/img/sp_kagi_arrow.png');
background-repeat: no-repeat;
background-position: 5.07246% center,97.10145% center;
background-size: 8.55072% auto,10.14493% auto;
}
.chuPage .mainBox .linkBox>li:nth-child(5){
float: none;
width: 100%;
}
.chuPage .mainBox .linkBox>li:nth-child(5) a{
padding-top: 5.07246%;
padding-bottom: 5.07246%;
background-image: url('/zemi/zemihogo/_shared/img/sp_chu_ico4.png'),url('/zemi/zemihogo/_shared/img/sp_kagi_arrow.png');
background-repeat: no-repeat;
background-position: 5.07246% center,97.10145% center;
background-size: 8.84058% auto,10.14493% auto;
}
.chuPage .mainBox .linkBox>li:nth-child(6){
float: none;
width: 100%;
}
.chuPage .mainBox .linkBox>li:nth-child(6) a{
padding-top: 5.07246%;
padding-bottom: 5.07246%;
background-image: url('/zemi/zemihogo/_shared/img/sp_chu_ico5.png'),url('/zemi/zemihogo/_shared/img/sp_kagi_arrow.png');
background-repeat: no-repeat;
background-position: 5.07246% center,97.10145% center;
background-size: 7.24638% auto,10.14493% auto;
}
.chuPage .mainBox .linkBox>li:nth-child(7){
float: none;
width: 100%;
}
.chuPage .mainBox .linkBox>li:nth-child(7) a{
padding-top: 5.07246%;
padding-bottom: 5.07246%;
background-image: url('/zemi/zemihogo/_shared/img/sp_chu_ico6.png'),url('/zemi/zemihogo/_shared/img/sp_kagi_arrow.png');
background-repeat: no-repeat;
background-position: 5.07246% center,97.10145% center;
background-size: 7.24638% auto,10.14493% auto;
}
**/

.chuPage .mainBox .linkBox>li:nth-child(3){
position: relative;
float:none;
width:100%;
}
.chuPage .mainBox .linkBox>li:nth-child(3) span{
padding-bottom:.3em;
margin-bottom: 1.88406%;
}
.chuPage .mainBox .linkBox>li:nth-child(3) strong:not(:last-child){
margin-bottom:1em;
}
.chuPage .mainBox .linkBox>li:nth-child(3) a{
padding-top: 4.05797%;
padding-bottom: 4.05797%;
background-image: url('/zemi/zemihogo/_shared/img/sp_chu_ico2.png'),url('/zemi/zemihogo/_shared/img/sp_kagi_arrow.png');
background-repeat: no-repeat;
background-position: 5.07246% center,97.10145% center;
background-size: 8.69565% auto,10.14493% auto;
}
.chuPage .mainBox .linkBox>li:nth-child(3) ul{
display: block;
width: 100%;
}
.chuPage .mainBox .linkBox>li:nth-child(3) li{
display: block;
}
.chuPage .mainBox .linkBox>li:nth-child(3) li:first-child{
width: 100%;
}
.chuPage .mainBox .linkBox>li:nth-child(3) li:last-child{
margin: 6.52174% 0 0;
padding: 6.08696% 0 0;
border-top: 1px solid #c9c9c9;
}
.chuPage .mainBox .linkBox>li:nth-child(3)::before{
display: none;
}
.chuPage .mainBox .linkBox>li:nth-child(4){
float: none;
width: 100%;
}
.chuPage .mainBox .linkBox>li:nth-child(4) a{
padding-top: 5.07246%;
padding-bottom: 5.07246%;
background-image: url('/zemi/zemihogo/_shared/img/sp_chu_ico2.png'),url('/zemi/zemihogo/_shared/img/sp_kagi_arrow.png');
background-repeat: no-repeat;
background-position: 5.07246% center,97.10145% center;
background-size: 8.26087% auto,10.14493% auto;
}
.chuPage .mainBox .linkBox>li:nth-child(5){
float: none;
width: 100%;
}
.chuPage .mainBox .linkBox>li:nth-child(5) a{
padding-top: 5.07246%;
padding-bottom: 5.07246%;
background-image: url('/zemi/zemihogo/_shared/img/sp_chu_ico3.png'),url('/zemi/zemihogo/_shared/img/sp_kagi_arrow.png');
background-repeat: no-repeat;
background-position: 5.07246% center,97.10145% center;
background-size: 8.55072% auto,10.14493% auto;
}
.chuPage .mainBox .linkBox>li:nth-child(6){
float: none;
width: 100%;
}
.chuPage .mainBox .linkBox>li:nth-child(6) a{
padding-top: 5.07246%;
padding-bottom: 5.07246%;
background-image: url('/zemi/zemihogo/_shared/img/sp_chu_ico4.png'),url('/zemi/zemihogo/_shared/img/sp_kagi_arrow.png');
background-repeat: no-repeat;
background-position: 5.07246% center,97.10145% center;
background-size: 8.84058% auto,10.14493% auto;
}
.chuPage .mainBox .linkBox>li:nth-child(7){
float: none;
width: 100%;
}
.chuPage .mainBox .linkBox>li:nth-child(7) a{
padding-top: 5.07246%;
padding-bottom: 5.07246%;
background-image: url('/zemi/zemihogo/_shared/img/sp_chu_ico5.png'),url('/zemi/zemihogo/_shared/img/sp_kagi_arrow.png');
background-repeat: no-repeat;
background-position: 5.07246% center,97.10145% center;
background-size: 7.24638% auto,10.14493% auto;
}
.chuPage .mainBox .linkBox>li:nth-child(8){
float: none;
width: 100%;
}
.chuPage .mainBox .linkBox>li:nth-child(8) a{
padding-top: 5.07246%;
padding-bottom: 5.07246%;
background-image: url('/zemi/zemihogo/_shared/img/sp_chu_ico6.png'),url('/zemi/zemihogo/_shared/img/sp_kagi_arrow.png');
background-repeat: no-repeat;
background-position: 5.07246% center,97.10145% center;
background-size: 7.24638% auto,10.14493% auto;
}

.chuPage .mainBox .allLink{
font-size: .88em;
line-height: 1;
display: block;
margin-top: 2.89855%;
}
.chuPage .mainBox .allLink::before{
width: 1.5942%;
margin: 0 1.44928% 0 0;
padding-bottom: 2.75362%;
content: '';
background: url('/zemi/zemihogo/_shared/img/arrow2.png') no-repeat center center;
background-size: contain;
}

/** 20190219 追記 **/
.pageContent .pageHeader_2 .qaBtn_2{
font-size: 1.2rem;
font-weight: bold;
line-height: 30px;
position: absolute;
top: 18px;
right: 55px;
width: 267px;
height: 30px;
text-align: center;
border-radius: 5px;
background-color: rgb(230, 230, 230);
box-shadow: 1px 1.732px 2px 0 rgba(0, 0, 0, .2);
}


.pageContent .inner_2 {
width: 92%;
margin: 0 auto;
}

.pageContent .linkBox_2 h2{
font-size: 1.2em;
}
.pageContent .linkBox_2 h2::before{
width: .22em;
height: 1.2em;
margin-right: .8em;
content: '';
}

.pageContent .linkBox_2 h2::before{
    display: inline-block;   
    content: '';
    vertical-align: bottom;
    border-radius: 3px;
    background: #006dce;
}

.pageContent .linkBox_2 ul {
    overflow: hidden;
    padding-bottom: 8.69565%;
}

.pageContent .linkBox_2 ul li {
      float: left;
    width: 50%;
    /* margin-right: 16px; */
    padding-top: 15px;
}

.pageContent .linkBox_2 ul li a {
    width: auto;
    padding: 11px 0;
    background-color: #e6e6e6;
    color: #0070cb;
    font-size: 11px;
    display: block;
    text-align: center;
    border-radius: 3px;
    box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.25);
 background-image: url(/zemi/zemihogo/_shared/img/sp_no_kagi_arrow.png);
background-repeat: no-repeat;
    background-position: 95.07246% center,97.10145% center;
    background-size: 13.53623% auto,10.14493% auto;
}

.pageContent .linkBox_2 ul li a:after {
  width: 5px;
  background-image: url(/zemi/zemihogo/_shared/img/sp_kagi_arrow.png);
}


.pageContent .linkBox_2 li {
    width: 50%;
    box-sizing: border-box;
    margin-right: 0;
    padding-top: 10px;
  }
.pageContent .linkBox_2 li:nth-child(odd) {
    padding-right: 5px;
  }
.pageContent .linkBox_2 li:nth-child(even) {
    float: right;
    padding-left: 5px;
  }
.pageContent .linkBox_2 li a {
    padding: 16px 10px 16px 0;
    font-size: 11px;
  }
.pageContent .linkBox_2 li a:after {
    background-image: url(/zemi/zemihogo/_shared/img//blt-right-01-sp.png);
  }

.pageContent .mainBox .main_sp{
display:none;
}


.pageContent .mainBox ul.main_banner{
overflow: hidden;
padding-bottom: 8.69565%;
}
.pageContent .mainBox ul.main_banner li{
width: 47.82609%;
margin: 0 4.34783% 4.34783% 0;
}
.pageContent .mainBox ul.main_banner li:last-child{
margin-right: 4.34783%;
}
.pageContent .mainBox ul.main_banner li:nth-child(even){
margin-right: 0;
}
.pageContent .mainBox ul.main_banner li:nth-child(odd){
clear: both;
}





/** 20190219 追記ここまで **/

/* ==========================================================================
    記事ページ　共通
  ========================================================================== */
.singlePage .mainContent .mainRow{
margin: 8% 0 8.66667%;
}
.singlePage .mainContent .mainRow .sidebar{
float: none;
width: 100%;
}
.singlePage .mainContent .mainRow .mainBox{
float: none;
width: 92%;
margin: 0 auto;
}
.singlePage .mainContent .dataBox{
display: block;
margin: 7.97101% 0 2.89855%;
padding: 6.08696% 0 0;
}
.singlePage .mainContent .dataBox .category{
display: block;
overflow: hidden;
}
.singlePage .mainContent .dataBox .category li{
float: left;
margin: 0 3px 3px 0;
}
.singlePage .mainContent .dataBox .category li span{
font-size: .88em;
line-height: 1;
padding: .3em .7em;
border-radius: 2px;
}
.singlePage .mainContent .dataBox .updata{
font-size: .93em;
display: block;
width: 100%;
margin-top: 2.17391%;
text-align: right;
color: #666;
}
.singlePage .mainContent .snsBox{
overflow: hidden;
}
.singlePage .mainContent .snsBox li{
width: 23.91304%;
margin-right: 1.44928%;
}
.singlePage .mainContent .snsBox li a{
padding: 24.24242% 0;
border-radius: 4px;
}
.singlePage .mainContent .snsBox li a img{
display: block;
width: 42px;
margin: 0 auto;
}
.singlePage .mainContent .snsBox .hatebu{
margin-right: 1.44928%;
}
.singlePage .mainContent .snsBox .line{
margin-right: 0;
}
.singlePage .mainContent .snsBox .line a{
background: #00c402;
}
.singlePage .mainContent .mainBox .singleTitle{
font-size: 1.6em;
margin-bottom: 0;
}
.singlePage .mainContent .mainBox .singleTitle br{
display: none;
}
.singlePage .mainContent .mainBox .entry{
font-size: 1.6rem;
padding: 5.7971% 0 0;
}
.singlePage .mainContent .mainBox .entry h2{
/*font-size: 125%; */
}
.singlePage .mainContent .mainBox .entry h3{
/*font-size: 100%; */
}
.singlePage .mainContent .sidebar .infoBox{
margin-top: 10.66667%;
}
.singlePage .mainContent .sidebar .infoBox header{
margin-bottom: 2.17391%;
}
.singlePage .mainContent .sidebar .infoBox .infoListBox{
padding-top: 0;
padding-bottom: 0;
}
.singlePage .mainContent .sidebar .infoBox .infoPost:last-child{
padding-bottom: 0;
border-bottom: 0;
}
.singlePage .mainContent .endBanner{
margin: 10.66667% 0 0;
}
.singlePage .mainContent .endBanner ul{
overflow: hidden;
width: 92%;
margin: 0 auto;
}
.singlePage .mainContent .endBanner li{
float: left;
width: 47.82609%;
margin: 0 4.34783% 4.34783% 0;
}
.singlePage .mainContent .endBanner li:nth-child(even){
margin-right: 0;
}
.singlePage .mainContent .endBanner li:nth-child(odd){
clear: both;
}

/* ==========================================================================
    中学講座記事ページ
  ========================================================================== */
/** .chuSinglePage .mainContent .mainRow{
background: url('/zemi/zemihogo/_shared/img/sp_chu_logo.png') no-repeat 4vw top;
background-size: 62.8%;
} **/
/* ==========================================================================
     中高一貫＆高校講座 TOP
  ========================================================================== */
.ckKouPage .pageHeader .cap{
line-height: 1.53;
}
.ckKouPage .pageHeader .mainTitle{
width: 73.86667%;
padding-bottom: 8%;
}
.ckKouPage .pageHeader .topNav{
display: table;
margin: 0 auto;
padding-bottom: 4%;
}
.ckKouPage .pageHeader .topNav li{
display: table-cell;
padding: 0 1em;
vertical-align: middle;
border-right: 1px solid #e0e0e0;
}
.ckKouPage .pageHeader .topNav li a{
text-align: center;
}
.ckKouPage .pageHeader .topNav li:last-child{
border-right: 0;
}
.ckKouPage .mainContent .mainRow{
margin: 0;
}

.ckKouPage .service{
padding: 6.66667% 4% 4%;
border-top: 3px solid #e6e6e6;
border-right: 0;
border-bottom: 3px solid #e6e6e6;
border-left: 0;
border-radius: 0;
}
.ckKouPage .service>h2{
font-size: 1.33em;
margin-bottom: 1.17em;
}
.ckKouPage .service>h2 br{
display: none;
}
.ckKouPage .service li{
margin-bottom: 2.89855%;
}
.ckKouPage .service li a{
font-size: 1em;
line-height: 1.2;
padding: 1.66em 20.28986%;
background: url(/zemi/zemihogo/_shared/img/sp_kagi_arrow2.png) no-repeat calc(100% - .66em) center;
background-color: #006dce;
background-size: 10.14493% auto;
}
.ckKouPage .service li .soon{
font-size: 1em;
line-height: 1;
padding: 12px 20px;
border-radius: 6px;
background: url(/zemi/zemihogo/_shared/img/sp_soon_kagi.png) no-repeat calc(100% - 2.2em) center;
background-color: #ccc;
background-size: 4.34783% auto;
}
.ckKouPage .service li .soon span{
font-size: .66em;
display: block;
padding-top: .65em;
}
.ckKouPage .service .notice{
font-size: .8em;
margin-top: 7.24638%;
}
.ckKouPage .service .notice span:first-child{
width: 7.24638%;
}
.ckKouPage .service .notice span:last-child{
padding-left: 2.89855%;
}
.ckKouPage .yakudati{
margin-top: 10%;
padding: 0 4%;
}
.ckKouPage .yakudati h2{
font-size: 1.8em;
margin-bottom: 1em;
}
.ckKouPage .yakudati h2::before{
width: .22em;
height: 1.37em;
margin-right: .7em;
}
.ckKouPage .yakudati ul{
overflow: hidden;
}
.ckKouPage .yakudati li{
float: left;
width: 47.82609%;
margin: 0;
margin-bottom: 1.88406%;
}
.ckKouPage .yakudati li:nth-child(odd){
clear: both;
margin-right: 4.34783%;
}
.kouPage .pageHeader .mainTitle{
width: 73.73333%;
}
/* ==========================================================================
    中高一貫講座記事ページ
  ========================================================================== */
.ckSinglePage .mainContent .mainRow{
padding-bottom: 12%;
background: url('/zemi/zemihogo/_shared/img/sp_ck_logo.png') no-repeat 4vw top;
background-size: 74.66667%;
}
/* ==========================================================================
    高校講座記事ページ
  ========================================================================== */
/** .kouSinglePage .mainContent .mainRow{
padding-bottom: 12%;
background: url('/zemi/zemihogo/_shared/img/sp_kou_logo.png') no-repeat 4vw top;
background-size: 63.6%;
} **/

/* ==========================================================================
    小学生講座共通
  ========================================================================== */
.shoPage .mainContent{
width: 100%;
}
.shoPage .mainContent .pageHeader,.shoPage .mainContent .mainRow{
width: 100%;
}
.shoPage .mainContent .pageHeader .mainTitle{
width: 73.73333%;
}
.shoPage .mainContent .mainRow .sidebar{
padding: 0 4%;
}
.shoPage .manabiMain{
width: 100%;
padding: 0 4%;
}
.shoPage .news{
margin-bottom: 7.97101%;
}
.shoPage .shoNav ul{
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display:         flex;
width: 100%;
margin: 0;

-webkit-box-direction: normal;
-webkit-box-orient: horizontal;
-webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
        flex-flow: row wrap;
}
.shoPage .shoNav li{
border-left: 1px solid #c9c9c9;

-webkit-box-flex: 0;
-webkit-flex: 0 1 25%;
    -ms-flex: 0 1 25%;
        flex: 0 1 25%;
}
.shoPage .shoNav li a{
font-size: .93em;
line-height: 1.28;
display: table-cell;
width: 25vw;
height: 3em;
padding: 0;
vertical-align: middle;
}
.shoPage .shoNav li:last-child{
border-right: 0;
}
.shoPage .shoNav li:nth-child(1),.shoPage .shoNav li:nth-child(2),.shoPage .shoNav li:nth-child(3),.shoPage .shoNav li:nth-child(4){
border-bottom: 1px solid #c9c9c9;
}
.shoPage .shoNav li:nth-child(1),.shoPage .shoNav li:nth-child(5){
border-left: 0;
}
.shoPage .shoNav li:nth-child(7){
border-right: 0;
}
.shoPage .shoNav .spShow{
display: block;
}
.shoPage .mainContent{
margin-bottom: 12%;
}
.shoPage .mainContent .mainRow{
margin: 8% 0 10.66667%;
}
.shoPage .mainContent .mainRow .sidebar{
float: none;
width: 100%;
}
.shoPage .mainContent .mainRow .mainBox{
float: none;
width: 100%;
}
.shoPage .mainContent .listTitle{
font-size: 1.2em;
}
.shoPage .mainContent .listTitle::before{
height: 100%;
}
.shoPage .newIcon .image{
position: relative;
}
.shoPage .newIcon .image img{
max-width: 56%;
}
.shoPage .newIcon .image::before{
position: absolute;
top: 0;
left: 0;
width: 22%;
margin-top: 4%;
padding-bottom: 22%;
content: '';
background: url(/zemi/zemihogo/_shared/img/new_icon.png) no-repeat center center;
background-size: contain;
}
.shoPage .newIcon .text{
vertical-align: top;
}
.shoPage .sidebar>h2{
font-size: 1.2em;
margin-bottom: 4.34783%;
}
.shoPage .sidebar>h2::before{
display: inline-block;
width: .22em;
height: 1.37em;
margin-right: .7em;
content: '';
vertical-align: sub;
border-radius: 3px;
background: #0070cb;
}
.shoPage .sidebar .kagi{
font-size: .8em;
line-height: 1.33;
margin-bottom: 4.34783%;
padding: 0;
border: 0;
background: none;
}
.shoPage .sidebar .kagi span:first-child{
width: 7.24638%;
}
.shoPage .sidebar .kagi span:last-child{
padding-left: 2.6087%;
}
.shoPage .sidebar .kagi span:last-child img{
width: 5.7971%;
}
.shoPage .sidebar .kagi::before{
display: none;
}
.shoPage .sidebar .kagi::after{
display: none;
}
.shoPage .sidebar .banner{
overflow: hidden;
}
.shoPage .sidebar .banner li{
float: left;
width: 47.82609%;
margin: 0 4.34783% 2.89855% 0;
}
.shoPage .sidebar .banner li:last-child{
margin-bottom: 0;
}
.shoPage .sidebar .banner li:nth-child(even){
margin-right: 0;
}
.shoPage .benriLink{
margin-bottom: 0;
}


/* ==========================================================================
    学び相談室
  ========================================================================== */
.manabi .pageTop{
padding: 5.7971% 6.52174%;
}
.manabi .pageTop .mainTitle span{
display: block;
width: 80%;
margin: 0 auto 4.16667%;
}
.manabi .pageTop .telBox{
margin-top: 5.66667%;
padding-bottom: 3.33333%;
}
.manabi .pageTop .telBox h2{
margin-bottom: 3.33333%;
padding: 1.66667% 0;
}
.manabi .pageTop .telBox h2 img{
width: 49.16667%;
}
.manabi .pageTop .telBox .telsp{
display: block;
width: 75%;
margin: 0 auto;
}
.manabi .pageTop .telBox .time{
font-size: .8em;
padding-top: 1em;
}
.manabi .kome{
margin: 5.36232% 0 14.49275%;
padding-right: 0;
background: none;
}
.manabi .kome li{
font-size: .8em;
}
.manabi .bottomBox{
padding-top: 10.86957%;
}
.manabi .bottomBox header{
margin-bottom: 6.52174%;
}
.manabi .bottomBox header h2{
font-size: 1.26em;
margin-bottom: .4em;
}
.manabi .bottomBox header h2+p{
font-size: .8em;
}
.manabi .bottomBox .kodomo h2{
font-size: 1.06em;
margin-bottom: .4em;
}
.manabi .bottomBox .kodomo h2+p{
font-size: .88em;
}
.manabi .bottomBox .kodomo .telsp{
line-height: 1;
display: block;
width: 78.55072%;
margin: 2.17391% 0;
}
.manabi .bottomBox .kodomo .time{
font-size: .8em;
}
.manabi .bottomBox .kodomo .muryou{
font-size: .86em;
margin-top: 1.44928%;
padding: 1.30435% 1.5942%;
}
/* ==========================================================================
     まなび相談室 個別
  ========================================================================== */
.manabiSingle .mainContent .dataBox{
margin-top: 0;
padding: 0 4.34783%;
border: 0;
}
.manabiSingle .mainContent .mainBox .singleTitle{
padding: 0 4.34783%;
}
.manabiSingle .mainContent .mainBox .entry{
padding: 5.7971% 4.34783% 10.86957%;
}
.manabiSingle .mainContent .mainBox .entry .center{
text-align: left;
}
.manabiSingle .entry .btn{
text-align: center;
}
.manabiSingle .entry .btn .fukidashi{
font-size: .93em;
padding: .8em 2em;
border-radius: 30px;
}
.manabiSingle .entry .btn a{
font-size: 1em;
width: 100%;
padding: 8.11594%;
background: url(/zemi/zemihogo/_shared/img/arrow_w.png) no-repeat calc(100% - .73em) center;
background-color: #006dce;
background-size: 2.75362% auto;
}
.manabiSingle .manabiBanner{
margin-bottom: 6%;
padding: 6.53333% 4%;
border-radius: 0;
background: none;
background-color: #fffad1;
}
.manabiSingle .manabiBanner h2{
width: 89.85507%;
margin: 0 auto 4.2029%;
}
.manabiSingle .manabiBanner .telsp{
display: block;
width: 78.69565%;
margin: 0 auto;
}
.manabiSingle .manabiBanner .time{
font-size: .93em;
padding-top: .5em;
text-align: center;
}
.manabiSingle .manabiBanner .muryou{
font-size: .86em;
display: block;
width: 10em;
margin: 2.89855% auto;
padding: .3em 0;
}
.manabiSingle .manabiBanner li{
font-size: .8em;
}
.manabiSingle .manabiBottom{
margin-bottom: 10%;
}
.manabiSingle .manabiBottom>a{
font-size: .8em;
display: block;
float: none;
text-align: center;
}
.manabiSingle .manabiBottom>a::before{
width: .41em;
margin-right: .3em;
padding-bottom: .75em;
content: '';
vertical-align: inherit;
background: url(/zemi/zemihogo/_shared/img/arrow3.png) no-repeat center center;
background-size: contain;
}
/* ==========================================================================
     小学講座 記事 まとめページ
  ========================================================================== */
.shoMatomePage .mainContent .mainRow{
padding: 0 4%;
background: url('/zemi/zemihogo/_shared/img/sp_sho_logo.png') no-repeat 4vw top;
background-size: 63.2%;
}
.shoMatomePage .mainContent .mainRow .sidebar{
padding-right: 0;
padding-left: 0;
}
.shoMatomePage .mainContent .mainBox{
padding-top: 12.4%;
}
.shoMatomePage .mainContent .mainBox .obiTitle{
font-size: 1.2em;
margin-bottom: 1.11em;
}
.shoMatomePage .mainContent .mainBox .obiTitle::before{
width: .22em;
height: 1.37em;
margin-right: .7em;
}
.shoMatomePage .mainContent .dataBox{
margin-top: 0;
padding-top: 0;
border-top: 0;
}
.shoMatomePage .mainContent .dataBox .category{
display: block;
}
.shoMatomePage .mainContent .dataBox .updata{
display: block;
width: 100%;
padding-top: 1.73913%;
text-align: right;
}
.shoMatomePage .startBox{
overflow: hidden;
}
.shoMatomePage .startBox .matomeTitle{
font-size: 1.33em;
float: none;
width: 100%;
margin-bottom: 7.24638%;
padding-left: 0;
}
.shoMatomePage .startBox .image{
float: none;
width: 57.97101%;
margin: 0 auto;
padding-left: 0;
}
.shoMatomePage .startBox .lead{
float: none;
width: 100%;
margin-top: 6.52174%;
padding-left: 0;
}
.shoMatomePage .startBox .lead p{
font-size: .88em;
line-height: 1.75;
}
.shoMatomePage .osusume{
overflow: hidden;
margin: 10.86957% 0 7.24638%;
}
.shoMatomePage .osusume h2{
font-size: 1.13em;
margin-bottom: 4.34783%;
}
.shoMatomePage .osusume li{
margin-bottom: 4.34783%;
padding-bottom: 4.34783%;
}
.shoMatomePage .osusume li a{
display: table;
width: 100%;
}
.shoMatomePage .osusume li span{
display: table-cell;
vertical-align: middle;
}
.shoMatomePage .osusume li .title{
font-size: 1em;
width: 76.81159%;
padding-right: 8.69565%;
}
.shoMatomePage .osusume li .img{
width: 23.18841%;
}
.shoMatomePage .osusume li:last-child{
margin-bottom: 4.34783%;
}
.shoMatomePage .osusume .dpcl{
font-size: 1.0rem;
position: static;
float: right;
}
.shoMatomePage .qa{
margin-top: 10.86957%;
}
.shoMatomePage .qa p{
font-size: .88em;
margin-bottom: 4.34783%;
}
.shoMatomePage .qa p br{
display: none;
}
.shoMatomePage .qa li{
margin-bottom: 4.34783%;
padding-bottom: 4.34783%;
}
.shoMatomePage .qa li::before{
width: 11.01449%;
padding-bottom: 11.01449%;
background: url(/zemi/zemihogo/_shared/img/q_icon.png) no-repeat center center;
background-size: contain;
}
.shoMatomePage .qa li a{
font-size: 1em;
line-height: 1.6;
padding-left: 3.25733%;
}
.shoMatomePage .qa li:last-child{
margin-bottom: 0;
}
.shoMatomePage .oshirase{
margin: 10.86957% 0 11.5942% 0;
}
.shoMatomePage .oshirase li:last-child{
margin-bottom: 0;
}
/* ==========================================================================
     小学講座 記事ページ
  ========================================================================== */
.shoSinglePage .mainContent .mainRow{
padding: 0 4%;
background: url('/zemi/zemihogo/_shared/img/sp_sho_logo.png') no-repeat 4vw top;
background-size: 63.2%;
}
.shoSinglePage .mainContent .mainRow .sidebar{
margin-top: 11.5942%;
padding-right: 0;
padding-left: 0;
}
.shoSinglePage .mainContent .dataBox .updata{
padding-top: 0;
}
/* ==========================================================================
     ホーム
  ========================================================================== */
.homeContent .mainContent{
width: 100%;
margin-bottom: 12%;
padding: 4%;
}
.homeContent .homeHeader{
margin: 10% 0 6.52174%;
}
.homeContent .homeHeader h2{
width: 80.28986%;
padding-bottom: 4.34783%;
}
.homeContent .homeHeader p{
font-size: .93em;
text-align: left;
}
.homeContent .homeMenu>li{
margin-bottom: 4.34783%;
}
.homeContent .homeMenu>li>a{
padding: 7.68116% 0;
background-image: url(/zemi/zemihogo/_shared/img/home_arrow.png);
background-repeat: no-repeat;
background-position: calc(100% - .66em) center;
background-size: 2.75362% auto;
}
.homeContent .homeMenu>li>a:hover{
background-color: #ececec;
}
.homeContent .homeMenu .sho{
background-position: calc(100% - .433em) center;
}
.homeContent .homeMenu .sho>a{
padding: 7.68116% 0;
}
.homeContent .homeMenu .sho .pageLogo{
width: 80%;
}
.homeContent .homeMenu .sho .gakunen{
padding: 0 .86957% .86957% .86957%;
}
.homeContent .homeMenu .sho ul{
display: block;
overflow: hidden;
width: 100%;
padding: 0;
padding: 2.94985% 5.89971%;
}
.homeContent .homeMenu .sho li{
font-size: .8em;
display: block;
float: left;
width: 33.333%;
padding: 0;
}
.homeContent .homeMenu .sho li a{
display: block;
padding: 10.05025% 0;
}
.homeContent .homeMenu .sho li a::before{
display: inline-block;
width: 5.02513%;
margin-right: 7.03518%;
padding-bottom: 9.04523%;
content: '';
vertical-align: middle;
background: url(/zemi/zemihogo/_shared/img/arrow3.png) no-repeat center center;
background-size: contain;
}
.homeContent .homeMenu .chu .pageLogo,.homeContent .homeMenu .kou .pageLogo{
width: 80%;
}
.homeContent .homeMenu .ck>a{
display: block;
padding: 5.21739% 0;
}
.homeContent .homeMenu .ck>a::after{
display: none;
}
.homeContent .homeMenu .ck>a span{
display: block;
margin: 0 auto;
}
.homeContent .homeMenu .ck .pageLogo:first-child{
width: 48.69565%;
padding: 0;
}
.homeContent .homeMenu .ck .pageLogo:last-child{
width: 56.37681%;
padding: 2.89855% 0 0 0;
}
/*end*/
}

/*20170305*/

.homeContent .homeMenu .ck a span:first-child img{
width: 248px;
}

.homeContent .homeMenu .ck a span:last-child img{
width: 288px;
}

.pageContent .news h2,.pageContent .news .newsBox{
vertical-align: middle;
}

.pageContent .news .newsBox{
padding-top: 13px;
}

.shoPage .sidebar .kagi span:last-child{
line-height: 1.5;
}

.shoPage .sidebar .kagi span:last-child strong{
font-size: 1.2rem;
line-height: 1;
display: inline-block;
margin: 0 1px;
padding: 2px 3px;
color: #fff;
}

.shoPage .sidebar .kagi span:last-child .icon1{
background: #f01717;
}

.shoPage .sidebar .kagi span:last-child .icon2{
background: #0064b6;
}

.shoPage .sidebar .kagi span:last-child .icon3{
background: #009fbb;
}

.listContent .listPost .text{
width: 480px;
}

.shoMatomePage .mainContent .mainBox{
padding-top: 42px;
}

.shoMatomePage .mainContent .mainBox .obiTitle{
padding-top: 30px;
border-top: 1px solid #e6e6e6;
}

.shoPage .newsWall{
display: none;
}

/*sp*/

@media only screen and (max-width: 599px){
.shoPage .sidebar .kagi span:last-child strong{
font-size: .8em;
}
.shoMatomePage .mainContent .mainBox{
padding-top: 7.97101%;
}
.shoMatomePage .mainContent .mainBox .obiTitle{
padding-top: 6.08696%;
border-top: 1px solid #e6e6e6;
}
.shoMatomePage .mainContent .mainBox .snsBox{
margin-bottom: 10.86957%;
}
.singlePage .mainContent .mainBox .singleTitle{
font-size: 2.378rem;
font-weight: bold;
line-height: 1.4;
}
.ckKouPage .pageHeader .topNav li{
padding: 0 .75em;
}
.singlePage .mainContent .mainBox .entry h2:first-child{
margin-top: 0;
}
}

/*20170305 ここまで*/

/*20170306*/

@media only screen and (max-width: 599px){
.bookmark{
top: auto;
bottom: 0;
left: 50%;
-webkit-transform: translate(-50%,0);
    -ms-transform: translate(-50%,0);
        transform: translate(-50%,0);
}
}

/*20170306 ここまで*/

/*20170309*/
/**
@media only screen and (min-width: 600px){
.chuPage .mainBox .linkBox>li:nth-child(3) a{
padding: 38px 60px 0px 103px;
height:145px;
}
.chuPage .mainBox .linkBox>li:nth-child(4) a{
padding: 20px 30px 0 103px;
height:145px;
}
.chuPage .mainBox .linkBox>li:nth-child(4) span:last-child{
font-size: 1.1rem;
line-height: 1.2;
margin:0;
}
}
**/
@media only screen and (min-width: 600px){
.chuPage .mainBox .linkBox>li:nth-child(4) a{
padding: 38px 60px 0px 103px;
height:145px;
}
.chuPage .mainBox .linkBox>li:nth-child(5) a{
padding: 20px 30px 0 103px;
height:145px;
}
.chuPage .mainBox .linkBox>li:nth-child(5) span:last-child{
font-size: 1.1rem;
line-height: 1.2;
margin:0;
}
}
/**
@media only screen and (max-width: 599px){
.chuPage .mainBox .linkBox>li:nth-child(4) span:last-child,.chuPage .mainBox .linkBox>li:nth-child(5) span:last-child{
font-size: .88em;
line-height: 1.2;
margin: 0;
margin-left: 1em;
padding: .5em 0 0 0;
text-indent: -1em;
}
**/
@media only screen and (max-width: 599px){
.chuPage .mainBox .linkBox>li:nth-child(5) span:last-child,.chuPage .mainBox .linkBox>li:nth-child(5) span:last-child{
font-size: .88em;
line-height: 1.2;
margin: 0;
margin-left: 1em;
padding: .5em 0 0 0;
text-indent: -1em;
}
}

/*20170309 ここまで*/

/*20170310-2*/
@media only screen and (min-width: 600px){
.listContent .listPost .image img{
width: auto;
max-height: 150px;
}
}
/*20170310-2 ここまで*/

/*20170310*/
@media only screen and (max-width: 599px){
.pageContent .infoBox .infoPost .text time {
font-size: 1em;
}
.pageContent .infoBox .infoPost .text h2 {
font-size: 1.2em;
}
.listContent .benriLink li {
    font-size: 1.2em;
}
.listContent .listPost .text h2 {
    font-size: 1.5em;
}
.listContent .listPost .text time {
    font-size: 1em;
}
.listContent .listTitle {
font-size:1.8em;
}
.listContent .listPost .text time {
width:10em;
}
}
/*20170310 ここまで*/
/*20170313*/
.ckKouPage .service li a{
background: url(/zemi/zemihogo/_shared/img/kagi_arrow2.png) no-repeat 197px center;
background-color: #006dce;
}
@media only screen and (max-width: 599px){
.ckKouPage .service li a{
background: url(/zemi/zemihogo/_shared/img/sp_kagi_arrow2.png) no-repeat 97.10145% center;
background-color: #006dce;
background-size: 10.14493% auto;
}
}
/*20170313 ここまで*/

/*20170314*/
@media only screen and (max-width: 599px){
.homeContent .homeMenu .sho li {
    font-size: 1em;
}
.shoPage .mainContent .listTitle {
font-size: 1.5em;
}
}

.singlePage .backLink{
font-size: 1.4rem;
line-height: 1;
position: relative;
display: block;
width: 398px;
margin: 70px auto 0;
padding: 1em;
text-align: center;
border: 1px solid #006dce;
border-radius: 4px;
box-shadow: 1px 1.732px 2px 0 rgba(0, 0, 0, .2);
}
.singlePage .backLink::after{
position: absolute;
top: 50%;
right: 10px;
width: 6px;
padding-bottom: 11px;
content: '';
-webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
        transform: translateY(-50%);
background: url('/zemi/zemihogo/_shared/img/arrow3.png') no-repeat center center;
background-size: contain;
}
@media only screen and (max-width: 599px){
.singlePage .backLink{
font-size: .9em;
width: 82.6087%;
margin: 7.24638% auto 0;
padding: 1.5em 0;
}
.singlePage .backLink::after{
position: absolute;
top: 50%;
right: 3.50877%;
width: 1.92982%;
padding-bottom: 3.68421%;
content: '';
-webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
        transform: translateY(-50%);
background: url('/zemi/zemihogo/_shared/img/arrow3.png') no-repeat center center;
background-size: contain;
}
}
/*20170314 ここまで*/
/*20170314-2*/
@media only screen and (max-width: 599px){
/** .chuSinglePage .mainContent .mainRow{
background: url('/zemi/zemihogo/_shared/img/sp_chu_logo.png') no-repeat 1.1em top;
background-size: 62.8%;
} **/
.ckSinglePage .mainContent .mainRow{
background: url('/zemi/zemihogo/_shared/img/sp_ck_logo.png') no-repeat 1.1em top;
background-size: 74.66667%;
}
/** .kouSinglePage .mainContent .mainRow{
background: url('/zemi/zemihogo/_shared/img/sp_kou_logo.png') no-repeat 1.1em top;
background-size: 63.6%;
} **/
.shoMatomePage .mainContent .mainRow{
background: url('/zemi/zemihogo/_shared/img/sp_sho_logo.png') no-repeat 1.1em top;
background-size: 63.2%;
}
.shoSinglePage .mainContent .mainRow{
background: url('/zemi/zemihogo/_shared/img/sp_sho_logo.png') no-repeat 1.1em top;
background-size: 63.2%;
}
.homeContent .homeMenu>li>a{
background-position: 97.10145% center;
}
.listContent .listPost .text .dataBox{
margin-bottom: .5em;
}
.listContent .listPost .text .category{
display: block;
text-align: right;
}
.listContent .listPost .text .category li{
display: inline-block;
margin-right: 1px;
margin-bottom: 4px;
margin-left: -2px;
}
.shoPage .shoNav{
display: block;
}
.shoPage .shoNav ul{
display: block;
overflow: hidden;
}
.shoPage .shoNav ul li{
float: left;
width: 25%;
}
.shoPage .shoNav ul li a{
line-height: 1;
display: block;
width: 100%;
height: auto;
padding: 1em 0;
}
.shoPage .shoNav ul .spShow a{
line-height: 1.2;
padding: .357em 0;
}
}
/*20170314-2 ここまで*/

/*20170316*/
.shoPage .shoNav li:hover a{
text-decoration: none;
color: #fff;
background: #006dce;
}
/*20170316 ここまで*/







a {
  color: #0088cc;
  text-decoration: none;
}

@media screen and (min-width: 768px) {
    #hogosha_header .zemihogo-over,
    #hogosha_container .zemihogo-over,
    #hogosha_footer .zemihogo-over,
    #app_banner_zemihogo .zemihogo-over {
        -webkit-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out
    }
    #hogosha_header .zemihogo-over:hover,
    #hogosha_container .zemihogo-over:hover,
    #hogosha_footer .zemihogo-over:hover,
    #app_banner_zemihogo .zemihogo-over:hover {
        opacity: .7
    }
}

@media screen and (min-width: 768px) {
    #hogosha_header .zemihogo-over,
    #hogosha_container .zemihogo-over,
    #hogosha_footer .zemihogo-over,
    #app_banner_zemihogo .zemihogo-over {
        -webkit-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out
    }
    #hogosha_header .zemihogo-over:hover,
    #hogosha_container .zemihogo-over:hover,
    #hogosha_footer .zemihogo-over:hover,
    #app_banner_zemihogo .zemihogo-over:hover {
        opacity: .7
    }
}

#app_banner_zemihogo {
    width: 100%;
    position: fixed;
    left: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 100;
    -webkit-transition: bottom 0.3s ease-out;
    transition: bottom 0.3s ease-out;
    padding: 10px
}
#app_banner_zemihogo.js-hide {
    bottom: -100px
}
@media screen and (max-width: 767px) {
    #app_banner_zemihogo.js-hide {
        bottom: -86px
    }
}
@media screen and (max-width: 767px) {
    #app_banner_zemihogo {
        min-height: 86px
    }
}
@media screen and (min-width: 768px) {
    #app_banner_zemihogo img {
        width: 400px
    }
}
@media screen and (max-width: 767px) {
    #app_banner_zemihogo img {
        width: 100%;
        max-width: 340px !important;
        margin: 0 auto
    }
}

@import url('https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+New:wght@400;500;700&display=swap');

.singlePage .mainContent .mainBox .entry .pc_only{
    display: block;
}

.singlePage .mainContent .mainBox .entry .smp_only{
    display: none;
}


.singlePage .mainContent .mainBox .entry .entry__title{
    margin-bottom: 40px;
    height: 188px;
    position: relative;
    display: flex;
    align-items: center;
    padding: 0 30px;
    font-family: 'Zen Kaku Gothic New', sans-serif;
}

.singlePage .mainContent .mainBox .entry .entry__title img{
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: auto;

}

.singlePage .mainContent .mainBox .entry .entry__title::after{
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, rgba(230,240,249,1) 0%, rgba(230,240,249,1) 65%, transparent 70%, transparent 100%);
}


.singlePage .mainContent .mainBox .entry .entry__title h2{
    margin: 0;
    padding-bottom: 0;
    font-size: 3.6rem;
    font-weight: bold;
    color: #1170C1;
    z-index: 500;
    margin-bottom: 0;
    font-family: 'Zen Kaku Gothic New', sans-serif;
}

.singlePage .mainContent .mainBox .entry .entry__lead{
    margin: 40px 0 60px;
    text-align: center;
    font-size: 1.8rem;
    font-family: 'Zen Kaku Gothic New', sans-serif;
    font-weight: 500;
}

.singlePage .mainContent .mainBox .entry .entry__sub{
    margin: 0;
    padding: 0;
    font-weight: bold;
    color: #1170C1;
    font-size: 30px;
    margin-bottom: 30px;
    font-family: 'Zen Kaku Gothic New', sans-serif;
}


.singlePage .mainContent .mainBox .entry .entry__blockA{
    margin: 60px 0;
    font-family: 'Zen Kaku Gothic New', sans-serif;
}

.singlePage .mainContent .mainBox .entry .entry__blockA .block{
    display: flex;
    justify-content: space-between;
}

.singlePage .mainContent .mainBox .entry .entry__blockA .block figure{
    width: 41.67%;
}

.singlePage .mainContent .mainBox .entry .entry__blockA .block .cont{
    width: 55.2083%;
}

.singlePage .mainContent .mainBox .entry .entry__blockA .block .cont p{

    margin-bottom: 10px;
}

.singlePage .mainContent .mainBox .entry .entry__blockB{
    margin: 60px 0;
    font-family: 'Zen Kaku Gothic New', sans-serif;
}

.singlePage .mainContent .mainBox .entry .entry__blockB .block{
    padding: 20px;
    background: #F7F7F7;
    margin-bottom: 20px;
}

.singlePage .mainContent .mainBox .entry .entry__blockB .block figure{
    text-align: center;
}

.singlePage .mainContent .mainBox .entry .entry__blockB .cont{
    margin: 0;
}

.singlePage .mainContent .mainBox .entry .entry__blockB .cont p{

    margin-bottom: 10px;
}

.singlePage .mainContent .mainBox .entry .entry__slideBlock{
    margin: 60px 0;
    background: #43749F;
    font-family: 'Zen Kaku Gothic New', sans-serif;
    padding: 60px 50px 60px;
    width: 660px;
}

.singlePage .mainContent .mainBox .entry .entry__slideBlock .entry__sub{
    color: #fff;
    text-align: center;
    margin-bottom: 20px;
    position: relative;
}

.singlePage .mainContent .mainBox .entry .entry__slideBlock p{
   font-size: 1.5rem!important;
}


.singlePage .mainContent .mainBox .entry .entry__slideBlock .slick-dots{
    margin-top: 15px;
    bottom: 0;
    position: relative;
}

.singlePage .mainContent .mainBox .entry .entry__slideBlock .slick-dots li button{
    width: 10px;
    height: 10px;
    border: 2px solid #43749F;
    background: #fff;
    border-radius: 50%;
}

.singlePage .mainContent .mainBox .entry .entry__slideBlock .slick-dots li.slick-active button{
    border-color: #fff;
    background: #1170C1;
}

.singlePage .mainContent .mainBox .entry .entry__slideBlock .slick-dots li button::before{
    content: none;
}

.singlePage .mainContent .mainBox .entry .entry__slideBlock .entry__slide{
    margin-bottom: 0;
}

.singlePage .mainContent .mainBox .entry .entry__slideBlock .entry__slide .slick-prev::before,
.singlePage .mainContent .mainBox .entry .entry__slideBlock .entry__slide .slick-next::before{
    content: none;
}

.singlePage .mainContent .mainBox .entry .entry__slideBlock .entry__slide .slick-prev{
    background-repeat: no-repeat;
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2213.182%22%20height%3D%2222.121%22%20viewBox%3D%220%200%2013.182%2022.121%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_8%22%20data-name%3D%22%E3%83%91%E3%82%B9%208%22%20d%3D%22M159.873%2C1214l-10%2C10%2C10%2C10%22%20transform%3D%22translate(-147.752%20-1212.939)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-width%3D%223%22%2F%3E%3C%2Fsvg%3E');
    background-size: contain;
    width: 10px;
    height: 20px;
}

.singlePage .mainContent .mainBox .entry .entry__slideBlock .entry__slide .slick-next{
    background-repeat: no-repeat;
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2213.182%22%20height%3D%2222.121%22%20viewBox%3D%220%200%2013.182%2022.121%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_8%22%20data-name%3D%22%E3%83%91%E3%82%B9%208%22%20d%3D%22M159.873%2C1214l-10%2C10%2C10%2C10%22%20transform%3D%22translate(-147.752%20-1212.939)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-width%3D%223%22%2F%3E%3C%2Fsvg%3E');
    background-size: contain;
    width: 10px;
    height: 20px;
    transform: rotate(180deg);
}

.singlePage .mainContent .mainBox .entry .entry__slideBlock .entry__slide div.entry__slideCont{
    background: #fff;
    border-radius: 8px;
    box-shadow: 0px 0px 5px rgba(15, 39, 60, 0.2);
    width: 280px;
    margin-right: 10px;
}

.singlePage .mainContent .mainBox .entry .entry__slideBlock .entry__slide div.entry__slideCont a{
    display: block;
    text-decoration: none;
    color: #000;
}

.singlePage .mainContent .mainBox .entry .entry__slideBlock .entry__slide div.entry__slideCont figure img{
    border-radius: 8px 8px 0 0;
    width: 100%;
}

.singlePage .mainContent .mainBox .entry .entry__slideBlock .entry__slide div.entry__slideCont .entry__slideInner{
    padding: 10px 15px;
    display: block;
}

.singlePage .mainContent .mainBox .entry .entry__slideBlock .entry__slide div.entry__slideCont .entry__slideInner dl.icon{
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
    align-items: center;
}

.singlePage .mainContent .mainBox .entry .entry__slideBlock .entry__slide div.entry__slideCont .entry__slideInner dl.icon dt{
    font-size: 12px;
    color: #1170C1;
    background: #E6F0F9;
    border-radius: 50px;
    padding: 10px;
    line-height: 1;
}

.singlePage .mainContent .mainBox .entry .entry__slideBlock .entry__slide div.entry__slideCont .entry__slideInner dl.icon dd{
    font-size: 12px;
    color: #8B8B8B;
}

.singlePage .mainContent .mainBox .entry .entry__slideBlock .entry__slide div.entry__slideCont .entry__slideInner h4{
    font-size: 18px;
    font-weight: bold;
}

.singlePage .mainContent .mainBox .entry .entry__slideBlock .entry__slide div.entry__slideCont .entry__slideInner div{
    background: #1170C1;
    border-radius: 50px;
    color: #fff;
    text-align: center;
    max-width: 250px;
    margin: 15px auto 0;
    padding: 10px;
    font-weight: bold;
    font-size: 1.5rem;
}

.singlePage .mainContent .mainBox .entry .entry__blockC{
    margin: 60px 0;
    font-family: 'Zen Kaku Gothic New', sans-serif;
}

.singlePage .mainContent .mainBox .entry .entry__blockC .block{
    display: flex;
    justify-content: space-between;
}

.singlePage .mainContent .mainBox .entry .entry__blockC .cont{
    margin: 0;
    width: 340px;
    background: #E6F0F9;
    position: relative;
    padding: 30px;
    border-radius: 8px;
}

.singlePage .mainContent .mainBox .entry .entry__blockC .cont::before{
    content: '';
    position: absolute;
    top: 30%;
    left: 100%;
    margin-top: -7px;
    border: 7px solid transparent;
    border-left: 7px solid #E6F0F9;
}

.singlePage .mainContent .mainBox .entry .entry__blockC .cont p{

    margin-bottom: 10px;
}

.singlePage .mainContent .mainBox .entry .entry__blockC .cont p strong{
    font-weight: bold;
}

.singlePage .mainContent .mainBox .entry .entry__blockC figure{
    width: 300px;
}


.singlePage .mainContent .mainBox .entry .entry__blockD{
    margin: 60px 0;
    font-family: 'Zen Kaku Gothic New', sans-serif;
}

.singlePage .mainContent .mainBox .entry .entry__blockD .block{
    margin: 0;
    background: #E6F0F9;
    position: relative;
    padding: 30px;
    border-radius: 8px;
}

.singlePage .mainContent .mainBox .entry .entry__blockD .cont p{

    margin-bottom: 10px;
}

.singlePage .mainContent .mainBox .entry .entry__blockD .cont p strong{
    font-weight: bold;
}

.singlePage .mainContent .mainBox .entry .entry__blockE{
    margin: 60px 0;
    font-family: 'Zen Kaku Gothic New', sans-serif;
    background: #FFFBDB;
    padding: 60px 30px;
}

.singlePage .mainContent .mainBox .entry .entry__blockE .entry__sub{
    color: #CE2525;
}

.singlePage .mainContent .mainBox .entry .entry__blockE .block{
    display: flex;
    justify-content: space-between;
    margin-bottom: 0;
}

.singlePage .mainContent .mainBox .entry .entry__blockE .block figure{
    width: 41.67%;
}

.singlePage .mainContent .mainBox .entry .entry__blockE .block .cont{
    width: 55.2083%;
    margin-bottom: 0;
}

.singlePage .mainContent .mainBox .entry .entry__blockE .block .cont h4{
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px;
}

.singlePage .mainContent .mainBox .entry .entry__blockE .block .cont p{

    margin-bottom: 10px;
}

.singlePage .mainContent .mainBox .entry .entry__blockF{
    margin: 60px 0;
    font-family: 'Zen Kaku Gothic New', sans-serif;
    background: #FFFBDB;
    padding: 60px 30px;
}

.singlePage .mainContent .mainBox .entry .entry__blockF .entry__sub{
    color: #CE2525;
}

.singlePage .mainContent .mainBox .entry .entry__blockF .block figure{
    background: #fff;
    padding: 20px;
    text-align: center;
    margin-bottom: 20px;
}

.singlePage .mainContent .mainBox .entry .entry__blockF .block{
    margin-bottom: 0;
}

.singlePage .mainContent .mainBox .entry .entry__blockF .block .cont{
    margin-bottom: 0;
}

.singlePage .mainContent .mainBox .entry .entry__blockF .block .cont h4{
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px;
}

.singlePage .mainContent .mainBox .entry .entry__blockF .block .cont p{

    margin-bottom: 10px;
}

@media only screen and (max-width: 767px){

    .singlePage .mainContent .mainBox .entry .pc_only{
        display: none!important;
    }

    .singlePage .mainContent .mainBox .entry .smp_only{
        display: block!important;
    }


    .singlePage .mainContent .mainBox .entry .entry__title{
        margin-bottom: 40px;
        height: auto;
        position: relative;
        display: block;
        padding: 0
    }

    .singlePage .mainContent .mainBox .entry .entry__title img{
        position: relative;
        height: auto;
        display: block;
        width: 100%
    }

    .singlePage .mainContent .mainBox .entry .entry__title::after{
        content: none;
    }


    .singlePage .mainContent .mainBox .entry .entry__title h2{
        font-size: 3.2rem;
        background: #E6F0F9;
        padding: 20px 15px
    }

    .singlePage .mainContent .mainBox .entry .entry__lead{
        text-align: left;
    }

    .singlePage .mainContent .mainBox .entry .entry__sub{
        margin-bottom: 20px;
    }


    .singlePage .mainContent .mainBox .entry .entry__blockA .block{
        display: block;
        padding: 0;
    }

    .singlePage .mainContent .mainBox .entry .entry__blockA .block figure{
        width: auto;
        margin-bottom: 20px;
        text-align: center;
    }

    .singlePage .mainContent .mainBox .entry .entry__blockA .block .cont{
        width: auto;
        padding: 0;
    }


    .singlePage .mainContent .mainBox .entry .entry__blockB .block{
        padding: 0;
        background: none;
    }

    .singlePage .mainContent .mainBox .entry .entry__blockB .cont{
        margin: 0;
    }

    .singlePage .mainContent .mainBox .entry .entry__slideBlock{
      width: auto;
    }

    .singlePage .mainContent .mainBox .entry .entry__slideBlock .entry__slide div.entry__slideCont{
        margin-right: 0;
    }

    .singlePage .mainContent .mainBox .entry .entry__blockC .block{
        display: block;
        padding: 0;
    }

    .singlePage .mainContent .mainBox .entry .entry__blockC .cont{
        width: auto;
        margin-bottom: 20px;
    }

    .singlePage .mainContent .mainBox .entry .entry__blockC .cont::before{
        top: auto;
        bottom: -14px;
        left: 50%;
        margin-top: 0;
        border: 7px solid transparent;
        border-top: 7px solid #E6F0F9;
    }

    .singlePage .mainContent .mainBox .entry .entry__blockC .cont p{
        font-size: 1.5rem;
        margin-bottom: 10px;
    }

    .singlePage .mainContent .mainBox .entry .entry__blockC figure{
        width: auto;
        text-align: center;
    }


    .singlePage .mainContent .mainBox .entry .entry__blockE{
        padding: 60px 15px;
    }

    .singlePage .mainContent .mainBox .entry .entry__blockE .block{
        display: block;
        margin: 0;
    }

    .singlePage .mainContent .mainBox .entry .entry__blockE .block figure{
        width: auto;
        margin-bottom: 20px;
    }

    .singlePage .mainContent .mainBox .entry .entry__blockE .block .cont{
        width: auto;
    }


    .singlePage .mainContent .mainBox .entry .entry__blockF{
        padding: 60px 15px;
    }


    .singlePage .mainContent .mainBox .entry .entry__blockF .block figure{
        background: none;
        padding: 0;
    }
}

.apri header#hogosha_header{
    display: none !important;
}

.apri ul.snsBox{
    display: none !important;
}

.apri .backLink{
    display: none !important;
}