html {
    font-size: 11px
}
.eve_bnr {
    position: fixed;
    right: 5px;
    bottom: 20px;
    z-index: 2;
    width: 180px
}
.eve_bnr img {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}
.eve_bnr img:hover {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05)
}
@media screen and (max-width:640px) {
    .eve_bnr {
        position: fixed;
        right: 0;
        bottom: 20px;
        width: 130px
    }
}
.top_mv-bg {
    width: 98vw;
    min-width: 1000px;
    position: absolute;
    left: 0vw;
    top: 30px;
    z-index: -1
}
.top_mv-bg img {
    width: 100%;
    height: auto
}
.top_mv {
    text-align: center;
    background-size: cover;
    background-position: -4vw center;
    height: 55vw;
    display: table;
    width: 100%;
    min-width: 1000px;
    min-height: 600px;
    position: relative
}
.top_mv-ttl {
    display: table-cell;
    vertical-align: middle;
    min-width: 1000px
}
.top_mv-ttl .top_mv-img, .top_mv-ttl img {
    width: 34%;
    height: auto;
    margin-top: -5vw
}
@media screen and (max-width:1000px) {
    .top_mv-ttl .top_mv-img, .top_mv-ttl img {
        margin-top: -90px
    }
}
.top_mv_sp {
    position: relative;
            margin-bottom:40px;
    margin-top: 20px
}
.top_mv-fig {
    position: absolute
}
.top_mv-fig._same {
    right: 29vw;
    bottom: 11vw;
    width: 10vw;
    min-width: 120px;
    display: none
}
@media screen and (max-width:1000px) {
    .top_mv-fig._same {
        bottom: 150px;
        right: 350px
    }
}
.top_mv-fig._kujira {
    left: 2vw;
    bottom: 20vw;
    width: 12vw;
    min-width: 150px
}
@media screen and (max-width:1000px) {
    .top_mv-fig._kujira {
        bottom: 255px
    }
}
.top_mv-fig._lion {
    left: 17vw;
    bottom: 7vw;
    width: 12vw;
    min-width: 140px
}
@media screen and (max-width:1000px) {
    .top_mv-fig._lion {
        bottom: 110px;
        left: 220px
    }
}
.top_mv-fig._roket {
    left: 8vw;
    top: 8vw;
    width: 21vw;
    min-width: 280px
}
@media screen and (max-width:1000px) {
    .top_mv-fig._roket {
        top: 100px
    }
}
.top_mv-fig._saru {
    right: 20vw;
    bottom: 11vw;
    width: 8vw;
    min-width: 100px
}
@media screen and (max-width:1000px) {
    .top_mv-fig._saru {
        bottom: 140px;
        right: 230px
    }
}
.top_mv-fig._usagi {
    right: 16vw;
    top: 12vw;
    width: 10vw;
    min-width: 120px
}
@media screen and (max-width:1000px) {
    .top_mv-fig._usagi {
        top: 130px;
        right: 150px
    }
}
.top_mv-fig._tama {
    right: 16vw;
    top: 5vw;
    width: 4vw;
    min-width: 50px
}
@media screen and (max-width:1000px) {
    .top_mv-fig._tama {
        top: 60px;
        right: 170px
    }
}
.top_mv-fig img {
    width: 100%;
    height: auto
}
@media screen and (max-width:640px) {
    .top_mv {
        height: 60vw;
        min-width: auto;
        min-height: auto;
        display: none
    }
    .top_mv-ttl {
        min-width: auto;
        min-height: auto
    }
}
.top_message {
    text-align: center;
    margin-bottom: 100px;
    padding-top: 40px;
    padding-bottom: 70px;
    margin-top: -70px;
    background-image: url("../img/common/common_bg_left_blk.png"), url("../img/common/common_bg_right_blk.png");
    background-repeat: no-repeat;
    background-size: 220px auto, 250px auto;
    background-position: left top 500px, right top 500px;
    min-width: 1000px
}
@media screen and (max-width:1100px) {
    .top_message {
        background-size: 200px
    }
}
@media screen and (max-width:640px) {
    .top_message {
        min-width: inherit
    }
}
.top_message-ttl {
    display: inline-block;           /* ←重要 */
  position: relative;
  margin: 100px auto 70px;
  padding: 25px 3em 15px;         /* ←左右は em 推奨 */
  background-color: #F8F5EE;
  border-radius: 50px;
  font-weight: 700;
  text-align: center;
    text-shadow: 2px 2px 0 #FFF, -2px -2px 0 #FFF, -2px 2px 0 #FFF, 2px -2px 0 #FFF, 0px 2px 0 #FFF, -2px 0 #FFF, -2px 0 0 #FFF, 2px 0 0 #FFF;
    -webkit-box-shadow: 2px 3px 5px -3px rgba(0, 0, 0, 0.3);
    box-shadow: 2px 3px 5px -3px rgba(0, 0, 0, 0.3);
    text-align: center
}
.top_message-ttl ._en {
    font-family: "Oswald", "Noto Sans", "Noto Sans CJK JP", "Noto Sans CJK JP Subset", sans-serif
}
@media screen and (max-width:640px) {
    .top_message-ttl {
        margin-top: 25px;
        margin-bottom: 30px;
        padding-top: 10px;
        padding-bottom: 7px;
        border-radius: 50px
    }
}
.top_message-ttl small {
    font-size: 80%
}
.top_message-ttl ._fig {
    left: 0;
    top: -40px;
    text-align: center;
    position: absolute;
    width: 100%;
    z-index: 0
}
@media screen and (max-width:640px) {
    .top_message-ttl ._fig {
        top: -42px
    }
}
.top_message-ttl ._fig img {
    width: 100px
}
@media screen and (max-width:640px) {
    .top_message-ttl ._fig img {
        width: 80px
    }
}
.top_message-ttl ._txt {
    font-size: 1rem;
    font-size: 26px;
    position: relative;
    z-index: 1;
    -webkit-transform: rotate(0.2deg);
    -ms-transform: rotate(0.2deg);
    transform: rotate(0.2deg);
    letter-spacing: .2em
}
@media screen and (max-width:640px) {
    .top_message-ttl ._txt {
        font-size: 21px;
         letter-spacing: .1em
    }
}
.top_message-ttl img {
    display: inline-block
}
.top_message-block {
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
    opacity: 0;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease
}
.top_message-txt {
    font-weight: 700;
    max-width: 800px;
    margin-right: auto;
    margin-left: auto;
    font-size: 1.55rem;
    line-height: 2.3;
    -webkit-transform: rotate(0.2deg);
    -ms-transform: rotate(0.2deg);
    transform: rotate(0.2deg);
    letter-spacing: .15em
}
@media screen and (max-width:640px) {
    .top_message {
        margin-top: 0;
        margin-bottom: 60px;
        padding-top: 20px;
        padding-bottom: 10px;
        background: 0
    }
    .top_message-ttl {
        text-align: center
    }
    .top_message-ttl img {
        display: inline-block
    }
    .top_message-txt {
        max-width: 85%;
        margin-right: auto;
        margin-left: auto;
        line-height: 2;
        -webkit-transform: rotate(0.2deg);
        -ms-transform: rotate(0.2deg);
        transform: rotate(0.2deg);
        letter-spacing: 0em;
        font-size: 1.3rem
    }
}
.top_konna {
    text-align: center;
    background-image: url("../img/common/common_bg_left_grn.png"), url("../img/common/common_bg_right_grn.png");
    background-repeat: no-repeat;
    background-size: 190px auto, 230px auto;
    background-position: left top 600px, right top 600px;
    min-width: 1000px
}
@media screen and (max-width:1100px) {
    .top_konna {
        background-size: 150px;
        background-position: left -50px top, right -50px top
    }
}
@media screen and (max-width:640px) {
    .top_konna {
        min-width: inherit
    }
}
@media screen and (max-width:640px) {
    .top_konna {
        background: 0;
        padding-right: 20px;
        padding-left: 20px
    }
}
.top_konna-ttl {
  display: inline-block;           /* ←重要 */
  position: relative;
  margin: 100px auto 70px;
  padding: 25px 3em 15px;         /* ←左右は em 推奨 */
  background-color: #F8F5EE;
  border-radius: 50px;
  font-weight: 700;
  text-align: center;
line-height:220%;
    text-shadow: 2px 2px 0 #FFF, -2px -2px 0 #FFF, -2px 2px 0 #FFF, 2px -2px 0 #FFF, 0px 2px 0 #FFF, -2px 0 #FFF, -2px 0 0 #FFF, 2px 0 0 #FFF;
    -webkit-box-shadow: 2px 3px 5px -3px rgba(0, 0, 0, 0.3);
    box-shadow: 2px 3px 5px -3px rgba(0, 0, 0, 0.3);
    text-align: center
}
.top_konna-ttl ._en {
    font-family: "Oswald", "Noto Sans", "Noto Sans CJK JP", "Noto Sans CJK JP Subset", sans-serif
}
@media screen and (max-width:640px) {
    .top_konna-ttl {
  margin-top: 80px;
        margin-bottom: 30px;
        padding-top: 10px;
        padding-bottom: 7px;
        border-radius: 50px
    }
}
.top_konna-ttl small {
    font-size: 80%
}
.top_konna-ttl ._fig {
    left: 0;
    top: -40px;
    text-align: center;
    position: absolute;
    width: 100%;
    z-index: 0
}
@media screen and (max-width:640px) {
    .top_konna-ttl ._fig {
        top: -42px
    }
}
.top_konna-ttl ._fig img {
    width: 100px
}
@media screen and (max-width:640px) {
    .top_konna-ttl ._fig img {
        width: 80px
    }
}
.top_konna-ttl ._txt {
    font-size: 1rem;
    font-size: 26px;
    position: relative;
    z-index: 1;
    -webkit-transform: rotate(0.2deg);
    -ms-transform: rotate(0.2deg);
    transform: rotate(0.2deg);
    letter-spacing: .2em
}
@media screen and (max-width:640px) {
    .top_konna-ttl ._txt {
        font-size: 21px;
         letter-spacing: .1em
    }
}
.top_konna-ttl img {
    display: inline-block
}
.top_konna-txt {
    font-weight: 700;
    max-width: 800px;
    margin-right: auto;
    margin-left: auto;
    font-size: 1.55rem;
    line-height: 2
}
.top_konna .list-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    align-items: flex-end;
    text-align: left;
    max-width: 800px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 120px;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
    opacity: 0;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease
}
@media screen and (max-width:640px) {
    .top_konna .list-item {
        display: block
    }
}
@media screen and (max-width:640px) {
    .top_konna .list-item {
        margin-bottom: 30px
    }
}
.top_konna .list-item-txt {
    text-align: justify;
    line-height: 2;
    -webkit-transform: rotate(0.2deg);
    -ms-transform: rotate(0.2deg);
    transform: rotate(0.2deg)
}

@media screen and (max-width:640px) {
   .top_konna .list-item-txt {
        font-size:15px;
        line-height: 180%;
        margin-bottom:20px;
    }
}



.top_konna .list-item-ttl {
    margin-bottom: 10px
}
.top_konna .list-item-a {
    color: #010604;
    font-weight: 700;
    text-decoration: none;
    display: inline-block;
    position: relative
}
.top_konna .list-item-a:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    z-index: -1;
    bottom: 6px;
    height: 3px;
    width: 100%;
    -webkit-transition: width 700ms cubic-bezier(1, 0, 0, 1);
    -o-transition: width 700ms cubic-bezier(1, 0, 0, 1);
    transition: width 700ms cubic-bezier(1, 0, 0, 1);
    -webkit-transition-timing-function: cubic-bezier(1, 0, 0, 1);
    -o-transition-timing-function: cubic-bezier(1, 0, 0, 1);
    transition-timing-function: cubic-bezier(1, 0, 0, 1)
}
.top_konna .list-item-a._lepton:before {
    background-color: #F4A828
}
.top_konna .list-item-a._lepton:hover {
    color: #F4A828
}
.top_konna .list-item-a._puzzle:before {
    background-color: #4f834d
}
.top_konna .list-item-a._puzzle:hover {
    color: #4f834d
}
.top_konna .list-item-a._crefus:before {
    background-color: #2979AE
}
.top_konna .list-item-a._crefus:hover {
    color: #2979AE
}
.top_konna .list-item-a:hover:before {
    right: 0;
    left: auto
}
.top_konna ._left {
    width: 44%
}
@media screen and (max-width:640px) {
    .top_konna ._left {
        width: 100%
    }
}
.top_konna ._right {
    width: 50%;
    padding-top:30px;
    padding-left: 65px
}
@media screen and (max-width:640px) {
    .top_konna ._right {
        width: 100%;
        margin-bottom:100px;
        padding-left: 0
    }
}
.top_konna .list-item-link {
    position: relative;
    top:20px;
    text-align: left
}

@media screen and (max-width:640px) {
   .top_konna .list-item-link {
    font-size:15px;
    position: relative;
    top:20px;
    text-align: left
}

}



.top_konna picture {
    display: block;
}
.top_konna picture img {
    border-radius: 15px;
    -webkit-box-shadow: 2px 3px 5px -3px rgba(0, 0, 0, 0.3);
    box-shadow: 2px 3px 5px -3px rgba(0, 0, 0, 0.3);
    margin-top: 20px
}
.top_konna .list-item-link a {
    border-color: #000;
    border: 1px solid #c7542e;
    -webkit-box-shadow: 1px 2px 0px 1px #c7542e;
    box-shadow: 1px 2px 0px 1px #c7542e;
    border-radius: 20px;
    display: inline-block;
    text-decoration: none;
    padding: 12px 20px;
    padding-right: 40px;
    color: #010604;
    position: relative;
    background-color: #fff;
    line-height: 1;
    margin-top: -30px;
    padding-right: 50px;
    padding-left: 30px;
    font-weight: 700
}
.top_konna .list-item-link a:after, .top_konna .list-item-link a:before {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    content: "";
    vertical-align: middle
}
.top_konna .list-item-link a:before {
    right: 15px;
    width: 12px;
    height: 1px;
    top: 0px;
    background: #c7542e
}
.top_konna .list-item-link a:after {
    right: 15px;
    width: 7px;
    height: 7px;
    top: 0;
    border-top: 1px solid #c7542e;
    border-right: 1px solid #c7542e;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}
.top_konna .list-item-link a:hover {
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transform: translate3d(0, 3px, 0);
    transform: translate3d(0, 3px, 0)
}
.top_konna .list-item-link a._international {
    color: #F4A828;
    border-color: #F4A828;
    -webkit-box-shadow: 1px 2px 0px 1px #F4A828;
    box-shadow: 1px 2px 0px 1px #F4A828
}
.top_konna .list-item-link a._international:before {
    background: #F4A828
}
.top_konna .list-item-link a._international:after {
    border-color: #F4A828
}
.top_konna .list-item-link a._international:hover {
    -webkit-box-shadow: none;
    box-shadow: none
}
.top_konna .list-item-link a._thinking {
    color: #4f834d;
    border-color: #4f834d;
    -webkit-box-shadow: 1px 2px 0px 1px #4f834d;
    box-shadow: 1px 2px 0px 1px #4f834d
}
.top_konna .list-item-link a._thinking:before {
    background: #4f834d
}
.top_konna .list-item-link a._thinking:after {
    border-color: #4f834d
}
.top_konna .list-item-link a._thinking:hover {
    -webkit-box-shadow: none;
    box-shadow: none
}
.top_konna .list-item-link a._creative {
    color: #2979AE;
    border-color: #2979AE;
    -webkit-box-shadow: 1px 2px 0px 1px #2979AE;
    box-shadow: 1px 2px 0px 1px #2979AE
}
.top_konna .list-item-link a._creative:before {
    background: #2979AE
}
.top_konna .list-item-link a._creative:after {
    border-color: #2979AE
}
.top_konna .list-item-link a._creative:hover {
    -webkit-box-shadow: none;
    box-shadow: none
}
@media screen and (max-width:640px) {
    .top_mv {
        height: 60vw;
        min-width: auto;
        min-height: auto;
        display: none
    }
    .top_mv-ttl {
        min-width: auto;
        min-height: auto
    }
}
main.main {
    padding-top: 122px;
    margin-bottom: -70px
}
@media screen and (max-width:640px) {
    main.main {
        padding-top: 72px;
        margin-bottom: 0
    }
}
.footer:after {
    background-size: cover
}
@media screen and (max-width:640px) {
    .footer {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        padding-top: 30px
    }
    .footer:after {
        display: none
    }
    .footer .footer-ei, .footer .footer-kujira, .footer .footer-nami_left, .footer .footer-nami_right {
        display: none
    }
    .footer .footer-bottom {
        padding-top: 30px
    }
}



/*# 追加 */


.top_intro-lede {
    color: #D65239;
    font-weight: 700;
    font-size: 2.1rem;
    margin-bottom: 30px;
    letter-spacing: .2em
}

@media screen and (max-width:640px) {
    .top_intro-lede {
        font-size: 1.5rem;
        margin-bottom: 20px;
        letter-spacing: inherit;
        letter-spacing: .05em
    }
}



.top_osusume-box{
    max-width: 600px;
    margin:0 auto -100px auto;
    text-align:center;
}
@media screen and (max-width:640px) {

.top_osusume-box{
    max-width: 600px;
    width:95%;
    margin:0 auto -20px auto;
    text-align:center;
}

}

.top_oyakotaiken-banner{
 max-width: 950px;
margin:100px auto;
text-align: center;
padding:0 30px;
}

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

.top_oyakotaiken-banner{
margin:40px auto 80px auto;
text-align: center;
padding:0 25px;
}

}

.top_oyakotaiken-banner img{
border-radius: 20px;
border:1px solid #f4a828;
box-shadow: 5px 5px 5px #cccccc;
}


.top_oyakotaiken-banner img:hover{
    opacity:0.6;
}


.list-item-program{
    width:250px;
    margin:0;
    padding:20px 0;
}

._ora{
    color:#eba430!important;
}

._gre{
    color:#218448!important;
}

._ble{
    color:#3071b7!important;
}

._orabg{
    background-color:#fdf8ed!important;
}

._grebg{
    background-color:#f1f6ed!important;
}

._blebg{
    background-color:#f0f4f6!important;
}



.list-item-ttl{
       font-size: 1.8rem;
        letter-spacing: inherit;
        letter-spacing: .05em;
        font-weight:bold;
         margin:0;
    padding:0 0 5px 0;
}


.list-item-parent-box{
   display: flex;
   align-items: flex-end;
   padding:1.5rem;
   border-radius: 15px;
   margin:20px 0 0 0;
}

.list-item-parent-box-txt{
    width:80%;
    font-size:11px;
    line-height:150%;
        padding-left:5%;
}

.list-item-parent-box-icon{
    width:25%;
}



.parent{
display: flex;
 flex-direction: column;
}
.child_1{
  order: 1;
}
.child_2{
  order: 2;
}


@media screen and (max-width:640px) {
.child_1{
  order: 2;
}
.child_2{
  order: 1;
}

}


@media screen and (max-width:640px) {
.list-item-ttl{
    width:auto;
       font-size: 1.7rem;
        letter-spacing: inherit;
        letter-spacing: .05em;
        font-weight:bold;
         margin:20px 0 0 0;
    padding:0 0 5px 0;
}

.list-item-ttl img{
    width:67%;
}

.list-item-program{
margin:0;
padding:0;
}


}





.top_newcontents {
    text-align: center;
    min-width: 1000px
}
@media screen and (max-width:1100px) {
    .top_newcontents {
        background-size: 150px;
        background-position: left -50px top, right -50px top
    }
}
@media screen and (max-width:640px) {
 .top_newcontents{
        min-width: inherit
    }
}
@media screen and (max-width:640px) {
   .top_newcontents {
        background: 0;
        padding-right: 20px;
        padding-left: 20px
    }
}
.top_newcontents-ttl {
   display: inline-block;           /* ←重要 */
  position: relative;
  margin: 100px auto 70px;
  padding: 25px 3em 15px;         /* ←左右は em 推奨 */
  background-color: #F8F5EE;
  border-radius: 50px;
  font-weight: 700;
  text-align: center;
  line-height:220%;
    text-shadow: 2px 2px 0 #FFF, -2px -2px 0 #FFF, -2px 2px 0 #FFF, 2px -2px 0 #FFF, 0px 2px 0 #FFF, -2px 0 #FFF, -2px 0 0 #FFF, 2px 0 0 #FFF;
    -webkit-box-shadow: 2px 3px 5px -3px rgba(0, 0, 0, 0.3);
    box-shadow: 2px 3px 5px -3px rgba(0, 0, 0, 0.3);
    text-align: center
}


.top_newcontents-ttl ._en {
    font-family: "Oswald", "Noto Sans", "Noto Sans CJK JP", "Noto Sans CJK JP Subset", sans-serif
}
@media screen and (max-width:640px) {
.top_newcontents-ttl {
  margin-top: 20px;
        margin-bottom: 40px;
        padding-top: 10px;
        padding-bottom: 7px;
        border-radius: 50px
    }
}
.top_newcontents-ttl small {
    font-size: 80%
}
.top_newcontents-ttl ._fig {
    left: 0;
    top: -40px;
    text-align: center;
    position: absolute;
    width: 100%;
    z-index: 0
}
@media screen and (max-width:640px) {
.top_newcontents-ttl ._fig {
        top: -42px
    }
}
.top_newcontents-ttl ._fig img {
    width: 100px
}
@media screen and (max-width:640px) {
    .top_newcontents-ttl ._fig img {
        width: 80px
    }
}
.top_newcontents-ttl ._txt {
    font-size: 1rem;
    font-size: 26px;
    position: relative;
    z-index: 1;
    -webkit-transform: rotate(0.2deg);
    -ms-transform: rotate(0.2deg);
    transform: rotate(0.2deg);
    letter-spacing: .2em
}
@media screen and (max-width:640px) {
   .top_newcontents-ttl ._txt {
           font-size: 21px;
         letter-spacing: .1em
    }
}
.top_newcontents-ttl img {
    display: inline-block
}
.top_newcontents-txt {
    font-weight: 700;
    max-width: 800px;
    margin-right: auto;
    margin-left: auto;
    font-size: 1.55rem;
    line-height: 2
}
.top_newcontents .list-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    align-items: center;
    text-align: left;
    max-width: 800px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom:60px;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
    opacity: 0;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease
}

.top_newcontents .price-contents-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    align-items: center;
    text-align: left;
    max-width:1000px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
    opacity: 0;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease
}



@media screen and (max-width:640px) {
.top_newcontents .list-item {
        display: block
    }
}
@media screen and (max-width:640px) {
.top_newcontents .list-item {
        margin-bottom: 30px
    }
}

.top_newcontents ._left {
    width: 44%
}
@media screen and (max-width:640px) {
  .top_newcontents ._left {
        width: 100%
    }
}
.top_newcontents ._right {
    width: 50%;
    padding-top:30px;
    padding-left: 65px
}
@media screen and (max-width:640px) {
.top_newcontents ._right {
        width: 100%;
        padding-left: 0
    }
}

dl.plan-contents{
    margin:0;
    padding:0;
}

dl.plan-contents dt{
    margin:0;
    padding:5px; 
    background-color: #e35326;
    color:#ffffff;
    font-size: 1.4rem;
    text-align:center;
    border-radius: 30px;
}

dl.plan-contents dt::before{
 content: "";
  display: inline-block;
  vertical-align: middle;
  background-image: url('/assets/img/top_newcontents_clock-icon.png');
  background-size: cover;
  background-repeat: no-repeat;
  margin-right: 5px;
  width: 1.2em;
  height: 1.2em;
  
}


dl.plan-contents dd{
    margin:10px 0 20px 0;
    padding:0;
        font-size: 1.2rem;
}

.price-contents-box{
   margin:0 auto;
    text-align:center;
}

.price-ttl-box{
    max-width:800px;
    margin:0 auto;
    text-align:center;
    display: flex;
    align-items: center;
}

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

.price-ttl-box{
    max-width:800px;
    margin:0 auto;
    text-align:center;
    display:initial;
    align-items: center;
}


}

.price-ttl-ttl{
    width:20%;
    margin:0 20px 0 0;
}

@media screen and (max-width:640px) {
.price-ttl-ttl{
    width:45%;
    margin:40px auto 20px auto;
    text-align: center;
}

}

.price-ttl-txt{
    width:75%;
    text-align:left;
    font-size:1.2rem;
    margin:0;
    padding:0;
}

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

.price-ttl-txt{
    width:90%;
    text-align:left;
    font-size:1.2rem;
    margin:0 auto;
    padding:0;
    text-align:center;
}

}

.underline{
     text-decoration-color: #f4a828;
  text-decoration-line: underline;
  text-decoration-thickness: 3px;
  text-underline-offset: -2px;
}



ul.price-list{
       max-width:1500px;
    margin:0 auto;
    text-align:center;
    display: flex;
     gap: 30px 20px;

}

ul.price-list li{
      display: grid;
  gap: 30px 20px;
  margin:60px 0 0 0;
}

@media screen and (max-width: 640px) {
  ul.price-list {
    display: block;   /* flex解除 */
  }

  ul.price-list li {
    width:95%;
    display: block;   /* grid解除 */
    margin:30px auto 0 auto;
  }
}



ul.price-list li img{
       border-radius: 20px;
}

ul.price-att{
    margin:20px auto;
    text-align:center;
}

ul.price-att li{
    text-align: left;
     font-size:12px;
     text-indent:-1.1em;
     padding-left:1.1em;
}

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

ul.price-att{
    width:95%;
    margin:20px auto 80px auto;
    text-align:center;
}
}

.school__classrooms--wrapper{
    max-width:900px;
    margin:0px auto 60px auto;
    padding:0;
    text-align:center;
    display:flex;
        gap: 30px 20px;

}


.school__classrooms--boxe{
      display: grid;
  gap: 30px 20px;
  margin:0px 0;
    border-radius: 20px;
background-color: #fcf8ec;
box-sizing: content-box;
}


@media screen and (max-width: 640px) {
  .school__classrooms--wrapper {
    width:90%;
    display: block;   /* flex解除 */
    margin-bottom: 40px;
  }

  .school__classrooms--boxe {
    display: block;   /* grid解除 */
    margin-bottom: 20px;
  }
}


.school__classrooms--boxe img{
    border-radius: 20px 20px 0 0;
}

.school__classrooms--boxe figcaption{
    font-size:1.1rem;
    text-align: left;
    padding:20px 10px;
}


.school-item-links {
  max-width:230px;
  margin:0 auto 150px auto;
  text-align: center;
}

@media screen and (max-width: 640px) {
.school-item-links {
  max-width:230px;
  margin:0 auto 120px auto;
  text-align: center;
}

}

.school-item-links a {
  border-color: #e95710;
  border: 1px solid #e95710;
  -webkit-box-shadow: 1px 2px 0px 1px #e95710;
  box-shadow: 1px 2px 0px 1px #e95710;
  border-radius: 20px;
  display: inline-block;
  text-decoration: none;
  padding: 12px 20px;
  padding-right: 40px;
  color: #e95710;
  position: relative;
  background-color: #fff;
  font-weight: 700;
  display: block
}

.school-item-links a:after, .school-item-links a:before {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  content: "";
  vertical-align: middle
}

.school-item-links a:before {
  right: 15px;
  width: 12px;
  height: 1px;
  top: 0px;
  background: #e95710
}

.school-item-links a:after {
  right: 15px;
  width: 7px;
  height: 7px;
  top: 0;
  border-top: 1px solid #e95710;
  border-right: 1px solid #e95710;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg)
}

.school-item-links a:hover {
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transform: translate3d(0, 3px, 0);
  transform: translate3d(0, 3px, 0)
}

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

.school-item-links a {
font-size:15px;
}
}


/* スマホ時のみ */
@media screen and (max-width:640px) {
  .side {
    opacity: 0;
    visibility: hidden;
    transition:
      opacity .7s ease,
      visibility .7s ease;
  }

  .side.is-show {
    opacity: 1;
    visibility: visible;
  }
}