@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Cormorant:wght@300;400;500;600;700&display=swap");
html {
    scroll-behavior: smooth;
}

body {
    overflow-x: hidden;
}
img {
    height: auto;max-width: 100%;
}
a:hover{opacity:0.7}
.vible-sm {
    display: none !important;
}
.inline-block{
    display: inline-block !important;
}
.text-nowrap {
    white-space: nowrap;
}

.btn-bg-green {
    background: #409180;
    color: #fff;
    border: 1px solid #409180;
}

.btn.btn-bg-green:hover {
    color: #fff;
    opacity: 0.7;
}

.position-static {
    position: static;
}

.mt-3 {
    margin-top: 3rem !important;
}
.mx-auto{
    margin-left: auto;
    margin-right: auto;
}
.mgb20 {
    margin-bottom: 20px !important;
}
.marg30 {
    margin-bottom: 30px !important;
}

.marg35 {
    margin-bottom: 35px !important;
}
.marg50 {
    margin-bottom: 50px;
}

.marg80 {
    margin-bottom: 80px;
}

.hover_img:hover {
    opacity: 0.7;
}

.navbar-default .navbar-nav>li.position-static {
    position: static;
}

.media-left.vertical-middle,
.media-right.vertical-middle {
    vertical-align: middle;
}

.parent-page-toshin-net .navbar-default .navbar-nav>li>a:after {
    display: none;
}

.main-header .navbar-default .navbar-nav>li>a:after,
.page-class .navbar-default .navbar-nav>li>a:after {
    display: none;
}

@media (min-width: 768px) {
    .main-header .navbar-default .navbar-toggle,
    .page-class .navbar-default .navbar-toggle {
        top: 161px;
    }
    .parent-page-toshin-net .navbar-default .navbar-toggle {
        top: 133px;
    }
}

@media (min-width: 992px) {
    .main-header .navbar-default .navbar-toggle,
    .page-class .navbar-default .navbar-toggle {
        top: 106px;
    }
    .parent-page-toshin-net .navbar-default .navbar-toggle {
        top: 95px;
    }
}

@media (max-width: 767px) {
    .hd-sm {
        display: none !important;
    }
    .vible-sm {
        display: block !important;
    }
}

.main-header,
.page-class {
    padding-top: 152px;
}

.main-header .header,
.page-class .header {
    background: #fff;
    padding: 20px 0;
}

.main-header .header .container-fluid,
.page-class .header .container-fluid {
    max-width: 1112px;
}

.main-header .header .container-contact,
.page-class .header .container-contact {
    float: right;
}

.main-header .header .container-contact small,
.page-class .header .container-contact small {
    display: block;
    margin-bottom: 10px;
    font-size: 14px;
}

.main-header .header .container-contact .table-cell .cell:first-child,
.page-class .header .container-contact .table-cell .cell:first-child {
    padding-right: 15px;
    border-right: 1px solid #b3b3b3;
    vertical-align: top;
}

.main-header .header .container-contact .table-cell .cell:last-child,
.page-class .header .container-contact .table-cell .cell:last-child {
    padding-left: 15px;
    font-size: 12px;
    line-height: 1.1;
    vertical-align: bottom;
}

@media (max-width: 991px) {
    .main-header,
    .page-class {
        padding-top: 208px;
    }
    .home .header .container-contact,
    .page-class .header .container-contact {
        max-width: 410px;
        margin: 0 auto;
        float: none;
        text-align: center;
    }
}

@media (max-width: 767px) {
    .main-header,
    .page-class {
        padding-top: 53px;
    }
}

body.parent-page-toshin-net {
    padding-top: 141px;
}

@media (max-width: 991px) {
    body.parent-page-toshin-net {
        padding-top: 181px;
    }
}

@media (max-width: 767px) {
    body.parent-page-toshin-net {
        padding-top: 53px;
    }
}

.bg-kobetsu-blog {
    background: url(../../img/kobetsu/bg-book-01.png) 50% 50%/cover no-repeat;
}

.anauk .custom-bg.bg-light-oranges {
    background: #F19C38;
}

.custom-bg.bg-translucent-red {
    background-color: #D85E6D;
}

.custom-color.color-white {
    color: #fff;
}

.marg30 {
    margin-bottom: 30px;
}
.btn-group{
    display: flex;
    justify-content: center;
    align-items: stretch;
    column-gap: 15px;
    flex-wrap: wrap;
}
.anauk .marg30 {
    margin-bottom: 30px;
}

.anauk .flex-align-bottom {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}
.flex-align-end{
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}

ul.list-style-color {
    list-style: none;
    padding: 0;
    margin: 0;
}

.article ul.list-style-color {
    padding-left: 30px;
}

ul.list-style-color li {
    position: relative;
    padding-left: 15px;
    margin-bottom: 10px;
}

ul.list-style-color li::before {
    content: "\2022";
    color: #333;
    font-weight: bold;
    width: 3px;
    margin-right: 5px;
    position: absolute;
    left: 0;
    top: 0;
}

.kobetsu-page img {
    max-width: 100%;
}

.kobetsu-page .marg30 {
    margin-bottom: 50px;
}

.kobetsu-page .public-grid {
    display: -ms-inline-grid;
    display: inline-grid;
}

.kobetsu-page .flex-align-center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.kobetsu-page .public-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.kobetsu-page .flex-space-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.kobetsu-page .flex-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.kobetsu-page .img-center-block>img {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.header-block {
    position: relative;
}

.header-block .logo {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}

.header-block .title-banner {
    position: absolute;
    left: 0;
    bottom: 180px;
    z-index: 1;
}

.header-block .infomation-list {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(255, 255, 255, 0.6);
    padding: 15px 50px;
}

.header-block .infomation-list .feature-image {
    width: 320px;
}

.header-block .infomation-list table {
    width: calc(100% - 370px);
}

.header-block .infomation-list table th {
    width: 110px;
    color: #006D9B;
    font-weight: 700;
    font-size: 16px;
    line-height: 32px;
}

.header-block .infomation-list table td {
    font-size: 14px;
    line-height: 32px;
}

.header-block .infomation-list table td a {
    font-size: 14px;
    line-height: 2.28;
    color: #333;
}

.header-block .infomation-list table td a:hover,
.header-block .infomation-list table td a:focus {
    opacity: .7;
    text-decoration: none;
}

.teacher-block {
    background: url(../../img/kobetsu/teacher-bg.jpeg) left bottom no-repeat;
    background-size: 100% auto;
    position: relative;
    padding: 40px 0;
    text-align: center;
    z-index: 1;
    color: #fff;
    font-size: 18px;
    line-height: 35px;
}

.teacher-block .fs-lg {
    font-size: 24px;
    font-weight: bold;
}

@media (max-width: 768px) {
    .teacher-block .fs-lg {
        font-size: 18px;
    }
}

.teacher-block .slick-container {
    margin-bottom: 30px;
}

.teacher-block p {
    margin-bottom: 30px;
}

@media (max-width: 767px) {
    .teacher-block {
        font-size: 16px;
        text-align: left;
    }
    .teacher-block .img-text {
        width: 254px;
    }
}

.teacher-block:before {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.6);
    content: "";
    z-index: -1;
}

.teacher-block a {
    display: inline-block;
    width: 380px;
    max-width: calc(100% - 30px);
}

.commirment-block {
    padding: 50px 0;
}

.commirment-block .school-field {
    overflow: hidden;
}

.commirment-block a.item {
    position: relative;
    display: block;
    width: 33.333333%;
    float: left;
}

.commirment-block a.item:hover {
    opacity: .7;
}

.commirment-block h3 {
    position: absolute;
    bottom: 90px;
    left: 0;
    right: 0;
    line-height: 65px;
    display: block;
    font-size: 24px;
    color: #fff;
    background: #006D9B;
    text-align: center;
}

.commirment-bottom-block .public-flex .item {
    border-radius: 50%;
    position: relative;
    overflow: hidden;
    width: 328px;
    margin: 50px 15px 0;
    text-align: center;
}

@media (max-width: 767px) {
    .commirment-bottom-block .public-flex .item {
        width: 182px;
    }
}

.commirment-bottom-block .public-flex .item:hover {
    opacity: 0.7;
}

.commirment-bottom-block .public-flex .item .content-block {
    background: rgba(0, 109, 155, 0.6);
    color: #fff;
    position: absolute;
    left: 0;
    bottom: 0;
    top: 0;
    right: 0;
    padding: 0 30px;
}

.commirment-bottom-block .public-flex .item .content-block h3 {
    margin: 0;
    padding: 15px 0;
    font-size: 33px;
    line-height: 36px;
    display: block;
    color: #fff;
    bottom: auto;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

@media (max-width: 767px) {
    .commirment-block {
        padding-bottom: 25px;
    }
    .commirment-bottom-block .public-flex .item {
        margin-top: 20px;
    }
    .commirment-bottom-block .public-flex .item .content-block h3 {
        font-size: 21px;
    }
}

.commirment-bottom-block .public-flex .item .content-block h3 span {
    font-size: 15px;
    display: block;
}

.commirment-bottom-block .public-flex .item .content-block p {
    font-size: 19px;
    line-height: 33px;
}

.event-block {
    background: rgba(51, 51, 51, 0.1);
    padding: 50px 0 0;
}

.event-block .item {
    width: 320px;
    color: #006D9B;
    margin: 0 15px 50px;
}

.event-block .item .date {
    font-size: 13px;
    font-weight: bold;
}

.event-block .item .date span:first-child {
    background: #d00;
    color: #fff;
    font-size: 14px;
    border-radius: 0 0 5px 5px;
    padding: 0 5px;
    font-weight: 400;
}

.event-block .item h3 {
    text-align: center;
    padding: 0 15px;
    margin: 15px 0 10px;
}

.event-block .item h3 a {
    color: #006D9B;
    font-size: 32px;
    line-height: 39px;
    font-weight: bold;
}

.event-block .item h3 a:hover {
    text-decoration: none;
}

.event-block .item .readmore {
    overflow: hidden;
    border-top: 1px solid #006D9B;
}

.event-block .item .readmore a {
    float: right;
    font-size: 12px;
    color: #006D9B;
    line-height: 24px;
}

.information-block {
    padding: 50px 0;
}

.information-block .item {
    width: 250px;
    margin: 0 5px 30px;
}
@media (min-width: 768px){
    .information-block .item{
        width: 280px;
    }
}

.information-block .item h3 {
    margin: 15px 0 0;
    font-size: 20px;
    line-height: 32px;
    color: #006D9B;
    font-weight: 700;
}

.information-block .item>small {
    font-size: 12px;
    line-height: 24px;
    color: #006D9B;
    display: block;
}

@media (max-width: 1200px) {
    .header-block .infomation-list {
        padding: 15px 30px;
    }
}

@media (max-width: 992px) {
    .header-block .logo {
        width: 320px;
    }
    .header-block .title-banner {
        width: 360px;
        bottom: 126px;
    }
    .header-block .infomation-list {
        padding: 15px 0;
    }
    .header-block .infomation-list .feature-image {
        width: 180px;
    }
    .header-block .infomation-list table {
        width: calc(100% - 200px);
    }
    .commirment-block .school-field .item h3 {
        bottom: 70px;
    }
    .commirment-block .school-field .item h3 a {
        line-height: 50px;
        font-size: 18px;
    }
}

@media (max-width: 768px) {
    .header-block .infomation-list {
        position: static;
        padding: 15px 30px;
    }
    .header-block .infomation-list .feature-image {
        margin-bottom: 15px;
    }
    .header-block .infomation-list table {
        width: 100%;
    }
    .header-block .title-banner {
        bottom: 220px;
    }
    .commirment-block .school-field {
        max-width: 640px;
        margin: 0 auto;
    }
    .commirment-block .school-field .item {
        width: 50%;
    }
}

@media (max-width: 603px) {
    .header-block .logo,
    .header-block .title-banner {
        position: static;
        margin: 0 auto;
        max-width: 100%;
    }
}

@media (max-width: 480px) {
    .commirment-block .school-field {
        max-width: 330px;
    }
    .commirment-block .school-field .item {
        width: 100%;
        margin-bottom: 15px;
    }
    .commirment-block .school-field .item.item-1 {
        height: 249px;
        overflow: hidden;
    }
    .commirment-block .school-field .item.item-1 img {
        transform: translateY(-76px);
    }
    .commirment-block .school-field .item h3 {
        padding: 13px 10px 10px;
        bottom: 86px;
        font-size: 22px;
        line-height: 1.2;
    }
}

.elementary_school-page img {
    max-width: 100%;
}

.elementary_school-page .marg30 {
    margin-bottom: 50px;
}

.elementary_school-page .public-grid {
    display: -ms-inline-grid;
    display: inline-grid;
}

.elementary_school-page .flex-align-center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.elementary_school-page .public-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    overflow: hidden;
}

.elementary_school-page .flex-space-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.elementary_school-page .flex-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.elementary_school-page .img-center-block>img {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.elementary_school-page .policy-school {
    background: url(../../img/elementary-school/elementary_school-bg01.png) center top repeat;
    padding: 30px 0;
}

.elementary_school-page .policy-school .public-flex {
    margin-left: -15px;
    margin-right: -15px;
}

.elementary_school-page .policy-school .item {
    box-shadow: 1px 1px 5px #000;
    width: 340px;
    text-align: center;
    margin: 10px 15px;
}

.elementary_school-page .policy-school .item a {
    display: block;
    background: #fff;
    border: 1px solid #C9E865;
    padding: 0 15px;
}

.elementary_school-page .policy-school .item h3 {
    font-size: 24px;
    line-height: 42px;
    color: #709F1D;
    margin: 10px 0 7px;
}

.elementary_school-page .policy-school .item p {
    font-size: 14px;
    line-height: 20px;
    color: #1a1a1a;
}

.elementary_school-page .policy-school .item a:hover {
    text-decoration: none;
    background: #46A439;
    border: 1px solid #fff;
    color: #fff;
}

.elementary_school-page .policy-school .item:hover h3 {
    color: #fff;
}

.elementary_school-page .policy-school .item:hover p {
    color: #fff;
}

.elementary_school-page .title-section-page {
    padding: 30px 0 20px;
    background: #46A439;
    color: #fff;
    text-align: center;
    margin: 0 0 30px;
}

.elementary_school-page .title-section-page h3 {
    font-size: 42px;
    line-height: 38px;
    margin: 0 0 10px;
}

.elementary_school-page .title-section-page h4 {
    font-size: 20px;
    line-height: 30px;
    margin: 0;
}

.elementary_school-page .individual-block {
    padding-bottom: 50px;
}

.elementary_school-page .individual-block .item:nth-child(2n) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

.elementary_school-page .individual-block .images {
    width: 340px;
}

.elementary_school-page .individual-block .content-item {
    width: calc(100% - 340px);
    padding-left: 120px;
    padding-right: 30px;
    background: url(../../img/elementary-school/elementary_school-bg05.png) left top repeat;
    position: relative;
    padding-bottom: 40px;
}

.elementary_school-page .individual-block .content-item h3 {
    font-size: 32px;
    line-height: 38px;
    color: #46A439;
}

.elementary_school-page .individual-block .content-item p {
    font-size: 14px;
    line-height: 24px;
}

.elementary_school-page .individual-block .content-item .index-item {
    font-size: 98px;
    line-height: 88px;
    color: #C9E865;
    position: absolute;
    left: 40px;
    top: 15px;
}

.elementary_school-page .individual-block .content-item>a:last-child {
    background: #808080;
    text-align: center;
    width: 200px;
    font-size: 20px;
    line-height: 40px;
    color: #fff;
    position: absolute;
    right: 0;
    bottom: 0;
}

.elementary_school-page .individual-block .content-item>a:last-child:hover {
    text-decoration: none;
}

.elementary_school-page .commitment-block {
    margin-bottom: 50px;
}

.elementary_school-page .commitment-block .item {
    width: calc(50% - 15px);
    padding: 55px 0 0 60px;
    position: relative;
}

.elementary_school-page .commitment-block .item:nth-child(2n) {
    margin-top: 55px;
}

.elementary_school-page .commitment-block .circle-block {
    width: 223px;
    height: 223px;
    border-radius: 50%;
    text-align: center;
    position: absolute;
    left: 0;
    top: 0;
    font-size: 26px;
    line-height: 40px;
}

.elementary_school-page .commitment-block .circle-block p {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
}

.elementary_school-page .commitment-block .square-block {
    background: url(../../img/elementary-school/elementary_school-bg05.png) left top repeat;
    padding: 15px 15px 15px 180px;
}

.elementary_school-page .bgC9E865 {
    background: #C9E865;
    color: #46A439;
}

.elementary_school-page .bgF0C456 {
    background: #F0C456;
    color: #E45413;
}

.elementary_school-page .bgC9E8FC {
    background: #C9E8FC;
    color: #3574D4;
}

.elementary_school-page .bgF0CAE2 {
    background: #F0CAE2;
    color: #E44576;
}

.elementary_school-page .bgD2C4F2 {
    background: #D2C4F2;
    color: #576BE5;
}

.academic-block {
    margin-bottom: 50px;
}

.academic-block .images {
    width: 390px;
}

.academic-block .images img {
    margin-bottom: 30px;
}

.academic-block .content-block {
    width: calc(100% - 420px);
}

.academic-block .content-block ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.academic-block .content-block ul li {
    background: url(../../img/elementary-school/icon-check.png) left top no-repeat;
    padding-left: 50px;
    margin-bottom: 40px;
}

.academic-block .content-block h3 {
    font-size: 18px;
    line-height: 38px;
    border-bottom: 1px solid #ccc;
    margin: 0 0 10px;
}

.academic-block .content-block p {
    font-size: 14px;
    line-height: 24px;
}

.curriculum-block {
    margin-bottom: 20px;
}

.curriculum-block .bg-yellow {
    background: #FFFF00;
    padding: 5px 15px;
    margin-bottom: 15px;
}

.curriculum-block img+p {
    margin-top: 10px;
}

.curriculum-block .container {
    overflow: hidden;
}

.curriculum-block .public-flex {
    margin-top: 50px;
    margin: 50px -25px 0;
}

.curriculum-block .public-flex .item {
    border: 3px solid #C1272D;
    border-radius: 10px;
    width: 330px;
    margin: 0 25px 30px;
}

.curriculum-block .public-flex .top-item {
    background: #C1272D;
    border-radius: 6px 6px 0 0;
    text-align: center;
    padding: 10px 0;
}

.curriculum-block .public-flex .top-item span {
    color: #FFFF00;
    font-size: 20px;
    line-height: 30px;
    text-align: center;
}

.curriculum-block .public-flex .top-item h3 {
    color: #fff;
    font-size: 30px;
    line-height: 30px;
    margin: 0;
    text-align: center;
}

.curriculum-block .public-flex .body-item {
    font-size: 14px;
    line-height: 24px;
    padding: 10px;
    border-radius: 0 0 10px 10px;
}

.flow-block {
    margin-bottom: 50px;
}

.flow-block .images {
    width: 390px;
}

.flow-block .images img {
    margin-bottom: 10px;
}

.flow-block .content-block {
    width: calc(100% - 420px);
}

.flow-block .content-block ul {
    list-style: none;
    margin: 0;
    padding: 0;
    background: url(../../img/elementary-school/elementary_school-bg03.png) right bottom no-repeat;
}

.flow-block .content-block ul li {
    padding-left: 50px;
    position: relative;
    margin-bottom: 30px;
}

.flow-block .content-block h3 {
    font-size: 18px;
    line-height: 38px;
    border-bottom: 1px solid #ccc;
    margin: 0 0 10px;
}

.flow-block .content-block span {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 52px;
    color: #C9E865;
    line-height: 52px;
}

.flow-block .content-block p {
    font-size: 14px;
    line-height: 24px;
}

.bottom-block .policy-school .item a,
.bottom-block .policy-school .item {
    border-radius: 5px;
}

@media (max-width: 992px) {
    .elementary_school-page .individual-block .item {
        margin-bottom: 50px;
    }
    .elementary_school-page .individual-block .item:last-child {
        margin-bottom: 0;
    }
    .elementary_school-page .individual-block .content-item {
        width: calc(100% - 355px);
        padding-left: 90px;
    }
    .elementary_school-page .individual-block .content-item .index-item {
        left: 15px;
    }
    .elementary_school-page .commitment-block .item {
        width: 100%;
        margin-bottom: 50px;
    }
    .elementary_school-page .commitment-block .item:last-child {
        margin-bottom: 0;
    }
    .elementary_school-page .commitment-block .item img {
        margin: 0 auto;
        display: block;
        margin-top: -50px;
    }
    .elementary_school-page .commitment-block .item:nth-child(2n) {
        margin-top: 0;
    }
}

@media (max-width: 768px) {
    .elementary_school-page .individual-block .images {
        margin: 0 auto;
    }
    .elementary_school-page .individual-block .content-item {
        width: 100%;
    }
    .elementary_school-page .individual-block .item:nth-child(2n) {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }
    .academic-block .images {
        margin: 0 auto;
    }
    .academic-block .content-block {
        width: 100%;
    }
    .flow-block .images {
        margin: 0 auto;
    }
    .flow-block .content-block {
        width: 100%;
    }
}

@media (max-width: 603px) {
    .elementary_school-page .title-section-page h4 {
        font-size: 18px;
        line-height: 30px;
        margin: 0;
    }
}

@media (max-width: 480px) {
    .elementary_school-page .commitment-block .item {
        padding: 0;
    }
    .elementary_school-page .commitment-block .circle-block {
        margin: 0 auto 15px;
        position: relative;
    }
    .elementary_school-page .commitment-block .square-block {
        padding: 15px;
    }
}


/* Class list */

.subpage-toshin .banner {
    margin-bottom: 100px;
    overflow: hidden;
}
.subpage-toshin .banner--class-list{
    margin-bottom: 50px;
}
.subpage-toshin .btn--class-list{
    margin-bottom: 50px;
}
.subpage-toshin .banner .container {
    position: relative;
}

.subpage-toshin .banner img {
    -webkit-transform: translateX(200px);
    -ms-transform: translateX(200px);
    transform: translateX(200px);
    max-width: 120%;
}

.subpage-toshin .banner .banner-text {
    position: absolute;
    left: 25px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 1;
}

.subpage-toshin .banner .banner-text h1 {
    font-size: 60px;
    color: #000;
    margin: 0 0 10px;
    position: relative;
    display: inline-block;
}

.subpage-toshin .banner .banner-text p {
    font-size: 22px;
    color: #00937d;
    margin: 0;
}

.subpage-toshin .banner .banner-text h1:before {
    width: 30px;
    height: 30px;
    position: absolute;
    left: -10px;
    top: 50%;
    content: "";
    background: #00937d;
    z-index: -1;
}

.class-list-page .public-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.class-list-page .flex-align-center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.class-list-page .flex-space-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.class-list-page .flex-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.class-list-page .img-center-block>img {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.class-list-page .title-page {
    font-size: 28px;
    line-height: 72px;
    font-weight: bold;
    position: relative;
    margin: 0 0 40px;
}

.class-list-page .title-page:after {
    border-bottom: 2px solid #00947e;
    content: "";
    position: absolute;
    bottom: 0;
    width: 50px;
    right: 0;
    left: 0;
    margin-right: auto;
    margin-left: auto;
}

@media (max-width: 767px) {
    .class-list-page .title-page:after {
        bottom: -12px;
    }
}

.school-toyohashi-about {
    margin-bottom: 40px;
}

.class-list-page .banner-lg {
    margin-bottom: 60px;
}

@media (max-width: 767px) {
    .class-list-page .banner-lg {
        margin-bottom: 0;
    }
}

.school-toyohashi-about .images {
    width: 350px;
}

.school-toyohashi-about .images img {
    max-width: 100%;
    height: auto;
}

.school-toyohashi-about .content-block {
    width: calc(100% - 450px);
    min-width: 540px;
}

.school-toyohashi-about .content-block table th,
.school-toyohashi-about .content-block table td {
    vertical-align: top;
    font-size: 16px;
    line-height: 28px;
    padding-bottom: 15px;
}

@media (max-width: 767px) {
    .school-toyohashi-about .content-block table,
    .school-toyohashi-about .content-block table {
        margin-top: 25px;
        margin-bottom: 25px;
    }
    .school-toyohashi-about .content-block table th,
    .school-toyohashi-about .content-block table td {
        padding: 0 !important;
    }
    .school-toyohashi-about .content-block table td {
        font-size: 3.8vw;
        line-height: 1.6;
    }
    .school-toyohashi-about .content-block table.tb_full th,
    .school-toyohashi-about .content-block table.tb_full td {
        width: 100%;
        display: block;
    }
}

.school-toyohashi-about .content-block table th {
    color: #00947e;
    font-weight: bold;
    white-space: nowrap;
}

.school-toyohashi-about .content-block table+img {
    margin: 0 0 20px;
    display: block;
    max-width: 100%;
}

.class-list-page .map-block iframe {
    width: 100%;
    margin: 0 0 100px;
}
.page-toshin .class-list-page .map-block iframe {
    height: 250px;
}

.school-toyohashi-intro {
    margin-bottom: 100px;
}

.school-toyohashi-intro h3 {
    font-size: 28px;
    line-height: 60px;
    color: #00947e;
    text-align: center;
    font-weight: bold;
    margin: 0 0 20px;
}

.school-toyohashi-intro .flex-row {
    overflow: hidden;
    max-width: 100%;
}

.school-toyohashi-intro .flex-row .public-flex {
    margin: 0 -15px;
}

.school-toyohashi-intro .item {
    width: 50%;
    padding: 0 15px;
    margin: 0 0 50px;
}

.school-toyohashi-intro .item img {
    width: 90%;
    height: auto;
    box-shadow: 4.3px 3.5px 4px 0px rgba(0, 0, 0, 0.6);
}

.school-toyohashi-intro .item h4 {
    font-size: 18px;
    line-height: 40px;
    color: #4c4c4c;
    margin: 15px 0 0;
    position: relative;
    padding: 0 0 0 55px;
}

.school-toyohashi-intro .item h4 span {
    position: absolute;
    left: 0;
    top: 0;
    width: 40px;
    height: 40px;
    background: #00947e;
    color: #fff;
    font-size: 20px;
    line-height: 40px;
    text-align: center;
}

.school-toyohashi-intro .list-amazing {
    padding: 0;
    margin: 0;
    list-style: none;
}

.school-toyohashi-intro .list-amazing li {
    margin-bottom: 30px;
    color: #4c4c4c;
    font-size: 18px;
    line-height: 40px;
    /* font-weight: bold; */
    padding-left: 200px;
    position: relative;
}

.school-toyohashi-intro .list-amazing li span {
    color: #fff;
    position: absolute;
    left: 0;
    top: 0;
    height: 32px;
    background: url(../../img/class-list/class-list-bg01.png) left top repeat-x;
    border-left: 5px solid #007463;
    width: 180px;
    text-align: center;
}

.school-toyohashi-intro .list-amazing li span i {
    color: #ffee34;
    font-weight: bold;
    margin-left: 5px;
    font-style: normal;
    font-size: 21px;
}

.class-list-page .qrcontain {
    background: #00b900;
    padding: 20px 40px;
    border-radius: 10px;
    margin-bottom: 15px;
}

.class-list-page .qrcontain img {
    max-width: 100%;
    display: block;
    margin: 0 auto;
}

.class-list-page .qrcontain img.line_btn {
    max-width: 160px;
    width: 100%;
    height: auto;
}

.class-list-page .qrcontain .qrcontent {
    text-align: center;
    width: calc(100% - 200px);
}

.class-list-page .qrcontain .qrcontent .qrtitle {
    font-size: 26px;
    font-weight: bold;
    letter-spacing: 1px;
    color: #fff;
}

.class-list-page .qrcontain .qrcontent .qrtitle+img {
    margin-bottom: 20px;
}

.class-list-page .qrcontain .qrimages {
    width: 150px;
}

@media (max-width: 992px) {
    .class-list-page .public-flex.school-toyohashi-about {
        flex-wrap: wrap-reverse;
    }
    .school-toyohashi-about .content-block {
        width: 100%;
        min-width: 0;
        margin-top: -29px;
    }
    .class-list-page .qrcontain {
        max-width: 550px;
    }
    .school-toyohashi-about .images {
        width: 500px;
        max-width: 100%;
        display: block;
        margin: 0 auto 5%;
    }
}

@media (max-width: 768px) {
    .class-list-page .qrcontain .qrcontent .qrtitle {
        font-size: 5.7vw;
        font-weight: bold;
        letter-spacing: 1px;
        color: #fff;
    }
}

@media (max-width: 603px) {
    .subpage-toshin .banner img {
        -webkit-transform: translateX(120px);
        -ms-transform: translateX(120px);
        transform: translateX(120px);
    }
    .school-toyohashi-intro .item {
        width: 480px;
        max-width: 100%;
    }
}

@media (max-width: 480px) {
    .class-list-page .qrcontain .qrcontent {
        width: 100%;
    }
    .class-list-page .qrcontain .qrimages {
        margin: 15px auto 0;
    }
    .subpage-toshin .banner {
        margin-bottom: 30px;
        height: 106px;
    }
    .subpage-toshin .btn--class-list{
        margin-bottom: 30px;
    }
    .subpage-toshin .banner .container {
        margin-bottom: 0;
        height: 106px;
    }
    .subpage-toshin .banner img {
        /*display: none;*/
        position: absolute;
        left: 0;
        top: 0;
        max-width: 130%;
        -webkit-transform: translate(0);
        -ms-transform: translate(0);
        transform: translate(0);
        z-index: -1;
    }
    .subpage-toshin .banner .banner-text {
        left: 50%;
        top: 50%;
        text-align: center;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        width: calc(100% - 30px);
    }
    .subpage-toshin .banner .banner-text h1 {
        font-size: 34px;
        text-shadow: 1px 1px 0 #fff, -1px 1px 0 #fff, 1px -1px 0 #fff, -1px -1px 0 #fff;
    }
    .school-toyohashi-intro .list-amazing li {
        padding: 65px 0 0 0;
    }
    .subpage-toshin .banner .banner-text p {
        font-size: 16px;
    }
}


/* Price page */

.price-page img {
    max-width: 100%;
}

.price-page .public-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.price-page .flex-align-center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.price-page .flex-space-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.price-page .flex-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.price-page .img-center-block>img {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.price-page .banner {
    margin-bottom: 100px;
    background: url(../img/price/bg_banner.png) left top repeat;
    overflow: hidden;
}

.price-page .banner .container {
    position: relative;
    overflow: hidden;
}

.price-page .banner .container>img {
    float: right;
    max-width: 100%;
    -webkit-transform: translateX(200px);
    -ms-transform: translateX(200px);
    transform: translateX(200px);
}

.price-page .banner .banner-text {
    position: absolute;
    left: 25px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 1;
}

.price-page .banner .banner-text img {
    max-width: 80%;
}

.price-page .section {
    margin-bottom: 50px;
}

.price-page .section img+img {
    margin-top: 15px;
}

.price-page .section p {
    font-size: 14px;
    line-height: 1.7;
    color: #1A1A1A;
}

.price-page .section p.img-desc {
    font-size: 12px;
    line-height: 16px;
    margin-top: 15px;
}

.price-page h3.title-page {
    font-size: 38px;
    line-height: 50px;
    color: #0050BE;
    font-weight: 700;
    margin: 0 0 30px;
    text-align: center;
}

@media (max-width: 767px) {
    .price-page h3.title-page {
        font-size: 7vw;
    }
}

.price-page .title-block {
    font-size: 25px;
    line-height: 1.6;
    border-left: 6px solid #0050BE;
    margin-bottom: 30px;
    position: relative;
    padding: 0 0 0 20px;
}

@media (max-width: 767px) {
    .price-page .title-block {
        font-size: 24px;
        line-height: 1.1;
        margin-bottom: 20px;
    }
}

.price-page .title-block:after {
    position: absolute;
    content: "";
    left: -6px;
    bottom: -7px;
    height: 2px;
    width: 100%;
    background: #0050BE;
}

.title-block span {
    color: #C1272D;
    font-size: 26px;
    display: inline-block;
    margin-left: 50px;
}

.course-examples-block .images {
    width: 340px;
}

.course-examples-block .content-block {
    width: calc(100% - 370px);
}

.tuition-fee h4 {
    font-size: 26px;
    line-height: 32px;
}

@media (max-width: 767px) {
    .tuition-fee h4 {
        font-size: 18px;
        line-height: 1.7;
    }
}

.tuition-fee p+img {
    margin-top: 30px;
}

.entrance-block .images {
    width: 340px;
}

.entrance-block .images img {
    margin-bottom: 10px;
}

.entrance-block .content-block {
    width: calc(100% - 370px);
}

.entrance-block .time-step {
    border-left: 1px solid #0050BE;
    counter-reset: li-count;
    list-style: none;
    padding: 0 0 0 30px;
    margin: 0 0 0 15px;
}

.entrance-block .time-step .step {
    counter-increment: li-count;
    position: relative;
    margin-bottom: 30px;
}

.entrance-block .time-step .step:before {
    position: absolute;
    left: -50px;
    top: 0;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    font-size: 24px;
    content: counter( li-count);
    background: #0050BE;
    border-radius: 50%;
    color: #fff;
    z-index: 11;
}

.entrance-block .time-step .step:last-child:after {
    position: absolute;
    content: "";
    top: 0;
    width: 2px;
    left: -31px;
    bottom: 0;
    background: #fff;
    z-index: 10;
}

.entrance-block .time-step .step h4 {
    color: #0050BE;
    font-size: 19px;
    line-height: 2.2;
}

@media (max-width: 767px) {
    .entrance-block .time-step .step h4 {
        margin-top: 0;
        font-size: 18px;
        line-height: 1;
    }
}

.entrance-block .time-step .step h4 span {
    color: #1A1A1A;
    font-size: 18px;
    line-height: 31px;
}

@media (max-width: 767px) {
    .entrance-block .time-step .step h4 span {
        font-size: 14px;
        line-height: 1.5;
    }
}

.entrance-block .time-step .step ul {
    list-style: none;
    padding: 0 0 0 20px;
    margin: 0;
}

.entrance-block .time-step .step ul li {
    margin-bottom: 7px;
}

.entrance-block .time-step .step ul li img {
    display: block;
    margin: 0 0 15px;
}

.entrance-block .time-step .step ul li::before {
    content: "\2022";
    color: #C1272D;
    font-weight: bold;
    display: inline-block;
    width: 1em;
    margin-left: -1em;
}

@media (max-width: 992px) {
    .course-examples-block {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
    }
    .course-examples-block .images {
        margin: 0 auto;
    }
    .course-examples-block .content-block {
        width: 100%;
    }
}

@media (max-width: 767px) {
    .course-examples-block .images {
        width: auto;
    }
    .course-examples-block .images img {
        width: 203px;
    }
}

@media (max-width: 768px) {
    .price-page .banner {
        margin-bottom: 50px;
    }
    .price-page .banner .container>img {
        max-width: calc(100% + 30px);
        -webkit-transform: translateX(15px);
        -ms-transform: translateX(15px);
        transform: translateX(15px);
    }
    .title-block span {
        font-size: 16px;
        margin-left: 0;
    }
    .tuition-fee .col-sm-6:first-child {
        margin-bottom: 30px;
    }
    .entrance-block .content-block {
        width: 100%;
    }
    .entrance-block .images {
        margin: 30px auto 0;
    }
}


/* Price page */

.subpage-class img {
    max-width: 100%;
}

.subpage-class .public-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.subpage-class .flex-align-center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.subpage-class .flex-space-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.subpage-class .flex-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.subpage-class .img-center-block>img {
    display: block;
    margin-left: auto;
    margin-right: auto;
}


/*.subpage-class .banner{
    margin-bottom: 100px;
    overflow: hidden;
}
.subpage-class .banner .container{
    position: relative;
}
.subpage-class .banner img{
    -webkit-transform: translateX(200px);
    -ms-transform: translateX(200px);
    transform: translateX(200px);
    max-width: 120%;
}
.subpage-class .banner .banner-text{
    position: absolute;
    left: 25px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 1;
}
.subpage-class .banner .banner-text h1{
    font-size: 60px;
    color: #000;
    margin:0 0 10px;
}
.subpage-class .banner .banner-text p{
    font-size: 22px;
    color: #00937d;
    margin: 0;
    font-weight: 500;
}
.subpage-class .banner .banner-text p:before{
    width: 30px;
    height: 30px;
    position: absolute;
    left: -10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    content: "";
    background: #00937d;
    z-index: -1;
}
@media (max-width: 603px){
    .subpage-class .banner img{
        -webkit-transform: translateX(120px);
        -ms-transform: translateX(120px);
        transform: translateX(120px);
    }
}
@media (max-width: 480px){
    .subpage-class .banner{
        margin-bottom: 0;
    }
    .subpage-class .banner img{
        display: none;
    }
    .subpage-class .banner .banner-text{
                position: static;
                margin-top: 50px;
    }
}*/

.private-building-page {
    padding-bottom: 80px;
}

.private-building-page h3 {
    font-size: 32px;
    line-height: 56px;
    color: #00937d;
    font-weight: bold;
    margin: 0 0 10px;
}

.private-building-page h4 {
    font-size: 24px;
    line-height: 32px;
    color: #00937d;
    font-weight: bold;
    margin: 0 0 10px;
}

.private-building-page p {
    font-size: 18px;
    line-height: 32px;
}

.year-pass-results {
    background: #ebf8f6;
    padding: 20px;
}

.year-pass-results p {
    font-size: 16px;
    line-height: 28px;
}

.private-building-page .section {
    overflow: hidden;
}

.private-building-page .section .container {
    position: relative;
}

.private-building-page .section .container .content-private-building {
    position: absolute;
    top: 0;
    left: 15px;
    width: calc(100% - 470px);
}

.private-building-page .section .container .img-right {
    width: 620px;
    float: right;
    -webkit-transform: translateX(200px);
    -ms-transform: translateX(200px);
    transform: translateX(200px);
}

@media (max-width: 1200px) {
    .private-building-page .section .container .content-private-building {
        width: calc(50% - 30px);
    }
    .private-building-page .section .container .img-right {
        width: 50%;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}

@media (max-width: 992px) {
    .private-building-page .section .container .content-private-building {
        position: static;
        width: 100%;
    }
    .private-building-page .section .container .img-right {
        width: 620px;
        margin: 30px auto 0;
        float: none;
        display: block;
    }
}

@media (max-width: 767px) {
    .private-building-page h3 {
        font-size: 7vw;
    }
    .private-building-page p {
        font-size: 16px;
    }
}

.private-building-page .banner-lg {
    margin-bottom: 60px;
}

@media (max-width: 767px) {
    .private-building-page .banner-lg {
        margin-bottom: 20px;
    }
}


/*===============================*/


/* Subpage yotsuya */


/*===============================*/

.subpage-yotsuya img {
    max-width: 100%;
}

.subpage-yotsuya .cl-EB7882 {
    color: #EB7882;
}

.subpage-yotsuya .cl-5EBCD0 {
    color: #5EBCD0;
}

.subpage-yotsuya .cl-FFAE5D {
    color: #FFAE5D;
}

.subpage-yotsuya .cl-C1272D {
    color: #C1272D;
}

.subpage-yotsuya .public-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.subpage-yotsuya .flex-space-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.subpage-yotsuya .flex-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.subpage-yotsuya .flex-align-center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.subpage-yotsuya .content-block h4 {
    font-size: 24px;
    line-height: 40px;
    font-weight: 700;
}

.subpage-yotsuya .content-block p {
    margin-bottom: 0;
}


/*================*/

.subpage-yotsuya .banner {
    overflow: hidden;
    border-bottom: 4px solid #20A3DB;
    margin-bottom: 50px;
}

.subpage-yotsuya .banner .container {
    position: relative;
}

.subpage-yotsuya .banner .banner-text {
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center;
    padding: 0 15px;
    z-index: 1;
}

.subpage-yotsuya .banner .banner-text h1 {
    font-size: 70px;
    line-height: 1;
    font-weight: 700;
    margin-bottom: 10px;
}

.subpage-yotsuya .banner .banner-text h2 {
    font-size: 32px;
    line-height: 35px;
    margin-bottom: 15px;
}
.subpage-yotsuya .banner .banner-text h3 {
    text-align: center;
    color: #97B660;
    font-size: 75px;
    font-weight: 700;
}
.subpage-yotsuya .banner .banner-image {
    position: relative;
    float: right;
    -webkit-transform: translateX(200px);
    -ms-transform: translateX(200px);
    transform: translateX(200px);
    text-align: right;
}

.subpage-yotsuya .banner .banner-image p {
    position: absolute;
    left: 50px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #0054A6;
    font-size: 30px;
    line-height: 52px;
    text-align: left;
}

.subpage-yotsuya .banner .banner-image p span {
    display: block;
    padding-left: 30px;
}

.subpage-yotsuya article h3.title-section {
    font-size: 38px;
    line-height: 50px;
    font-weight: 700;
    position: relative;
    padding: 30px 0 30px 60px;
    background: url(../img/shingaku-cource/course_title.png) left center repeat;
    margin: 0 0 30px;
}

.subpage-yotsuya article h3.title-section:before {
    border-right: 16px solid #20A3DB;
    height: 70px;
    top: 50%;
    left: 20px;
    content: "";
    position: absolute;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.subpage-yotsuya section+section {
    margin-top: 80px;
}

.nurturing-students-block .images {
    width: 450px;
    margin-bottom: 30px;
}

.nurturing-students-block .content-block {
    width: calc(100% - 500px);
    margin-bottom: 30px;
}

.nurturing-students-block h3 {
    font-size: 32px;
    line-height: 46px;
    font-weight: 700;
    color: #20A3DB;
    margin-bottom: 15px;
}

.nurturing-students-block h4 {
    background: url(../img/shingaku-cource/course_bg_title01.png) left bottom no-repeat;
    font-size: 24px;
    line-height: 40px;
    font-weight: 700;
    color: #20A3DB;
    padding: 13px 0 20px 60px;
    margin: 0 0 30px;
}

.nurturing-students-block h4.bg-title-02 {
    background: url(../img/shingaku-cource/course_bg_title02.png) left bottom no-repeat;
    padding: 13px 0 20px 80px;
}

.subpage-yotsuya .target-block p {
    padding-left: 50px;
    margin-bottom: 50px;
}

.subpage-yotsuya .bg-box {
    position: relative;
    padding: 30px;
    background: url(../img/shingaku-cource/course_bg_box01.png) left center repeat;
    background-color: #E9F6FB;
}

.subpage-yotsuya .bg-box .content-box-block {
    background: #fff;
    padding: 18px 20px 18px 20px;
}

.subpage-yotsuya .bg-box .content-block h4 {
    font-size: 24px;
    line-height: 40px;
    margin-bottom: 12px;
    font-weight: 700;
}

.subpage-yotsuya .bg-box .content-block p {
    margin-bottom: 0;
}

.subpage-yotsuya span.bg-bottom {
    background: url(../img/shingaku-cource/course_bg_title03.png) left bottom repeat-x;
}

.subpage-yotsuya .curriculum-block {
    margin-bottom: 50px;
    padding-right: 180px;
}

.subpage-yotsuya .curriculum-block img {
    position: absolute;
    right: 0;
    bottom: 0;
}

.subpage-yotsuya .curriculum-block .content-block {
    padding-right: 180px;
}

.subpage-yotsuya .learning-block .images {
    width: 550px;
}

.subpage-yotsuya .learning-block .content-block {
    width: calc(100% - 600px);
}

.subpage-yotsuya .learning-block .content-block p+h4 {
    margin-top: 30px;
}

.subpage-yotsuya .check-list ul {
    list-style: none;
    padding: 0;
    margin: 0;
    overflow: hidden;
}

.subpage-yotsuya .check-list ul li {
    font-size: 24px;
    line-height: 40px;
    font-weight: 700;
    padding-left: 65px;
    background: url(../img/shingaku-cource/icon_check.png) left center no-repeat;
    margin-bottom: 30px;
}

.subpage-yotsuya .right-image-block {
    position: relative;
}

.subpage-yotsuya .right-image-block img {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 1;
}

.subpage-yotsuya .content-week-test .images {
    width: 480px;
}

.subpage-yotsuya .content-week-test .content-block {
    width: calc(100% - 480px);
}

.subpage-yotsuya .content-week-test p+.row {
    margin-top: 30px;
}

.subpage-yotsuya .review-block .content-box-block .images {
    width: 250px;
}

.subpage-yotsuya .review-block .content-box-block .images img {
    margin-bottom: 15px;
}

.subpage-yotsuya .review-block .content-box-block .content-block {
    width: calc(100% - 300px);
}

.subpage-yotsuya .perform-block .content-block {
    width: calc(100% - 520px);
}

.subpage-yotsuya .perform-block .content-block p+img {
    margin-top: 30px;
}

.subpage-yotsuya .perform-block .images {
    width: 470px;
}

.subpage-yotsuya .hold-time-block {
    margin-bottom: 30px;
}

.subpage-yotsuya .hold-time-block .content-block {
    width: calc(100% - 230px);
}

.subpage-yotsuya .hold-time-block .images {
    width: 230px;
}

.subpage-yotsuya .hold-time-block .support-block .content-block {
    width: calc(50% - 25px);
}

.subpage-yotsuya .hold-time-block .support-block .content-block h4 {
    color: #20A3DB;
    margin-top: 15px;
}

.subpage-yotsuya .national-elementary-block .item {
    background: url(../img/shingaku-cource/course_bg_title05.png) left top no-repeat;
    background-size: 100% 100%;
    padding: 17px 0 15px;
    margin-bottom: 50px;
}

.subpage-yotsuya .national-elementary-block .item h4 {
    font-size: 22px;
    font-weight: bold;
    font-weight: 700;
    margin: 0;
}

.subpage-yotsuya .training-section .content-block {
    padding-right: 500px;
    padding-bottom: 50px;
}

@media (max-width: 1199px) {
    .subpage-yotsuya .col-lg-4 {
        width: 100%;
        max-width: 380px;
    }
    .subpage-yotsuya .banner .banner-image p {
        left: 150px;
    }
}

@media (max-width: 991px) {
    .subpage-yotsuya .nurturing-students-block .content-block {
        width: 100%;
    }
    .subpage-yotsuya .nurturing-students-block .images {
        width: 100%;
        max-width: 450px;
        margin: 0 auto 30px;
    }
    .subpage-yotsuya .learning-block .content-block {
        width: 100%;
    }
    .subpage-yotsuya .learning-block .images {
        width: 100%;
        max-width: 550px;
        margin: 0 auto 30px;
    }
    .subpage-yotsuya .right-image-block img {
        position: static;
        display: block;
        margin: 0 auto;
    }
    .subpage-yotsuya .content-week-test .content-block {
        width: 100%;
    }
    .subpage-yotsuya .content-week-test .images {
        width: 100%;
        max-width: 480px;
        margin: 30px auto 0;
    }
    .subpage-yotsuya .review-block .content-box-block .content-block,
    .subpage-yotsuya .perform-block .content-block {
        width: 100%;
    }
    .subpage-yotsuya .review-block .content-box-block .images {
        width: 100%;
        max-width: 250px;
        margin: 0 auto 30px;
    }
    .subpage-yotsuya .perform-block .content-block img {
        margin: 30px auto 0;
        display: block;
    }
    .subpage-yotsuya .perform-block .images {
        width: 100%;
        max-width: 470px;
        margin: 30px auto 0;
    }
    .subpage-yotsuya .national-elementary-block .item {
        max-width: 350px;
        margin: 0 auto 30px;
    }
    .subpage-yotsuya .training-section .content-block {
        padding: 0;
    }
    .subpage-yotsuya .hold-time-block .support-block {
        max-width: 460px;
        margin: 30px 0 0;
    }
}

@media (max-width: 767px) {
    .subpage-yotsuya .banner .banner-image p {
        left: 100px;
    }
    .subpage-yotsuya .banner .banner-image {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
        float: none;
        margin: 0 auto;
    }
    .subpage-yotsuya .banner .banner-text {
        position: static;
        -webkit-transform: translateY(0%);
        -ms-transform: translateY(0%);
        transform: translateY(0%);
        margin: 30px 0;
    }
}

@media (max-width: 480px) {
    .subpage-yotsuya .banner .banner-image {
        margin: 0 -15px;
    }
    .subpage-yotsuya .banner .banner-image p {
        font-size: 24px;
        line-height: 34px;
        width: 100%;
        left: 0;
    }
    .subpage-yotsuya .banner .banner-text h1 {
        font-size: 44px;
    }
    .subpage-yotsuya .curriculum-block {
        padding: 15px;
        padding-bottom: 276px;
    }
    .subpage-yotsuya .bg-box {
        padding: 15px;
    }
    .subpage-yotsuya .hold-time-block .content-block {
        width: 100%;
        margin-bottom: 30px;
    }
    .subpage-yotsuya .hold-time-block .images {
        width: 100%;
        max-width: 230px;
        margin: 0 auto;
    }
    .subpage-yotsuya .hold-time-block .support-block .content-block {
        width: calc(50% - 15px);
    }
}

.subpage-yotsuya.about-yotsuya-page .banner .banner-text h2 {
    font-size: 52px;
    line-height: 1;
    letter-spacing: 3px;
    margin: 30px 0 0;
    font-weight: 700;
}

.about-yotsuya-page .ability-to-think .contain-box {
    background-image: -o-repeating-linear-gradient(135deg, transparent, transparent 5px, #20A3DB 5px, #20A3DB 10px);
    background-image: repeating-linear-gradient(-45deg, transparent, transparent 5px, #20A3DB 5px, #20A3DB 10px);
    padding: 5px;
    margin: 20px 0 0;
    width: calc(50% - 15px);
    position: relative;
}

.about-yotsuya-page .ability-to-think .contain-box .inner-contain-box {
    background: #fff;
    padding: 20px 25px;
    height: 100%;
}

.about-yotsuya-page .ability-to-think .contain-box h4 {
    margin: 0 0 10px;
    font-size: 24px;
    line-height: 35px;
    font-weight: 700;
}

.about-yotsuya-page .ability-to-think .contain-box h4 span {
    width: 100%;
    padding: 0 5px;
}

.about-yotsuya-page .ability-to-think .contain-box p {
    margin: 0;
    font-size: 14px;
    line-height: 24px;
}

.about-yotsuya-page .materials-evaluation-guidance h3 span {
    font-size: 28px;
    line-height: 35px;
}

.about-yotsuya-page .materials-evaluation-guidance .bg-box {
    margin-bottom: 15px;
    position: relative;
}

.about-yotsuya-page .materials-evaluation-guidance .bg-box h4 {
    position: absolute;
    left: -20px;
    top: 15px;
}

.about-yotsuya-page .materials-evaluation-guidance .bg-box p {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 30px;
    text-align: justify;
}

.about-yotsuya-page .materials-evaluation-guidance .images {
    width: 400px;
}

.about-yotsuya-page .materials-evaluation-guidance .content-block {
    padding-top: 80px;
    width: calc(100% - 450px);
}

.web-content-block {
    margin-top: 30px;
}

.web-content-block h3.title-block {
    background: #20A3DB;
    font-size: 32px;
    line-height: 35px;
    padding: 7px 0 8px;
    border-radius: 10px;
    margin: 0 0 30px;
    text-align: center;
    color: #FFFF00;
    font-weight: 700;
}

.web-content-block .container {
    position: relative;
}

.web-content-block .container>p {
    position: absolute;
    left: 45px;
    bottom: 30px;
    background: url(../img/about-yotsuya/guide_line_bg.png) left bottom 15px no-repeat;
    padding-top: 80px;
    padding-left: 90px;
    font-size: 20px;
    line-height: 35px;
    font-weight: bold;
}

.web-content-block .images {
    width: calc(100% - 415px);
}

.web-content-block .content-block {
    width: 365px;
    padding-bottom: 175px;
}

.web-content-block ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.web-content-block ul li {
    background: url(../img/about-yotsuya/about_yotsuya_list_bg.png) left top no-repeat;
    padding: 27px 30px 28px;
    height: 105px;
    display: block;
    position: relative;
}

.web-content-block ul li.active,
.web-content-block ul li:hover {
    background: url(../img/about-yotsuya/about_yotsuya_list_bg_hover.png) left top no-repeat;
}

.web-content-block ul li a {
    font-size: 30px;
    line-height: 50px;
    font-weight: bold;
    color: #1A1A1A;
    position: absolute;
    top: 50%;
    left: 30px;
    transform: translateY(-50%);
}

.web-content-block ul li.active a,
.web-content-block ul li a:hover {
    text-decoration: none;
}

@media (max-width: 991px) {
    .about-yotsuya-page .materials-evaluation-guidance .content-block {
        width: 100%;
        margin-bottom: 30px;
    }
    .web-content-block .content-block {
        width: 100%;
        padding-bottom: 30px;
    }
    .web-content-block .images {
        width: 100%;
        max-width: 600px;
        margin: 0 auto;
    }
    .web-content-block .container>p {
        display: none;
    }
    .web-content-block ul {
        overflow: hidden;
    }
    .web-content-block ul li {
        width: 25%;
        float: left;
        background: #ddd;
    }
    .web-content-block ul li.active,
    .web-content-block ul li:hover {
        background: #FFFF00;
    }
    .web-content-block ul li a {
        text-align: center;
        left: 50%;
        line-height: 32px;
        font-size: 24px;
        width: 100%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        padding: 0 15px;
    }
}

@media (max-width: 767px) {
    .about-yotsuya-page .ability-to-think .contain-box {
        width: 100%;
        max-width: 535px;
        margin: 0 auto;
    }
    .about-yotsuya-page .ability-to-think .contain-box:first-child {
        margin-bottom: 30px;
    }
    .web-content-block ul li {
        width: 50%;
    }
}


/*========================*/

.little-course-page .bg-box+.bg-box {
    margin-top: 30px;
}

.lower-higher-grades-block {
    margin-bottom: 30px;
}

.lower-higher-grades-block .images {
    width: 430px;
}

.lower-higher-grades-block .content-block {
    width: calc(100% - 460px);
}

.lower-higher-grades-block .content-block h3 {
    font-size: 32px;
    line-height: 44px;
    color: #20A3DB;
    font-weight: 700;
    margin: 0 0 15px;
}

.lower-higher-grades-block .content-block h4 {
    margin: 0 0 15px;
}

.little-course-page .bg-box .img-right img {
    position: absolute;
    right: 15px;
    bottom: 0;
}

.little-course-page .bg-box .img-left img {
    position: absolute;
    left: 35px;
    top: 50%;
    transform: translateY(-50%);
}

.little-course-page .bg-box .img-right .content-block {
    padding-right: 130px;
}

.little-course-page .bg-box .img-left .content-block {
    padding-left: 264px;
}

.monthly-test-section .content-block {
    width: calc(100% - 460px);
}

.monthly-test-section .images {
    width: 430px;
}

@media (max-width:1200px) {
    .little-course-page .bg-box .img-right .content-block {
        padding-right: 180px;
    }
}

@media (max-width: 991px) {
    .lower-higher-grades-block .content-block {
        width: 100%;
    }
    .lower-higher-grades-block .images {
        margin: 0 auto 30px;
    }
    .monthly-test-section .content-block {
        width: 100%;
    }
    .monthly-test-section .images {
        margin: 30px auto 0;
    }
}

@media (max-width:767px) {
    .little-course-page .bg-box .img-right .content-block {
        padding-right: 0;
    }
    .little-course-page .bg-box .img-right img {
        position: static;
        margin: 0 auto;
        display: block;
    }
    .little-course-page .bg-box .img-left .content-block {
        padding-left: 0;
    }
    .little-course-page .bg-box .img-left img {
        position: static;
        transform: translateY(0);
        margin: 0 auto;
        display: block;
    }
}


/*==============================*/

.df-class img {
    max-width: 100%;
}

.df-class .marg30 {
    margin-bottom: 30px;
}

.df-class .marg50 {
    margin-bottom: 50px;
}

.df-class .public-grid {
    display: -ms-inline-grid;
    display: inline-grid;
}

.df-class .flex-align-center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.df-class .public-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.df-class .flex-space-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.df-class .flex-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.df-class .img-center-block>img {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.class-list-kobetsu-page .policy-school {
    background: url(../../img/elementary-school/elementary_school-bg01.png) center top repeat;
    padding: 30px 0 15px;
}

.class-list-kobetsu-page .policy-school .item {
    background: url(../img/class-list-kobetsu/btn-bg.png) center top no-repeat;
    background-size: 100% 100%;
    margin: 0 15px 15px;
    max-width: calc(100% - 30px);
    width: 510px;
}

.class-list-kobetsu-page .policy-school .item.active,
.class-list-kobetsu-page .policy-school .item:hover {
    background: url(../img/class-list-kobetsu/btn-active.png) center top no-repeat;
    background-size: 100% 100%;
}

.class-list-kobetsu-page .policy-school .item a {
    display: block;
    width: 100%;
    line-height: 68px;
    color: #808080;
    padding-left: 65px;
    font-size: 34px;
    background: url(../img/class-list-kobetsu/icon.png) left 30px center no-repeat;
}

.class-list-kobetsu-page .policy-school .item.active a,
.class-list-kobetsu-page .policy-school .item:hover a {
    color: #fff;
    text-decoration: none;
    background: url(../img/class-list-kobetsu/icon-active.png) left 30px center no-repeat;
}

.class-list-kobetsu-page .title-section {
    background: #8CC146;
    padding: 22px 0;
    margin-bottom: 30px;
}

.class-list-kobetsu-page .title-section h2 {
    font-size: 36px;
    line-height: 43px;
    margin: 0;
    color: #fff;
}

.class-list-kobetsu-page h3 {
    font-size: 34px;
    line-height: 40px;
    border-bottom: 4px solid #8CC146;
    color: #000;
    margin: 0 0 10px;
    padding-bottom: 10px;
    position: relative;
}

.class-list-kobetsu-page h3 a {
    position: absolute;
    right: 0;
    bottom: 12px;
    font-size: 14px;
    line-height: 16px;
}

.class-list-kobetsu-page a {
    color: #0050BE;
}

.class-list-kobetsu-page a:nth-child(2) {
    right: 158px;
}

.class-list-kobetsu-page a:nth-child(3) {
    right: 315px;
}

.class-list-kobetsu-page .images {
    width: 480px;
}

.class-list-kobetsu-page .content-block {
    width: calc(100% - 510px);
}

.class-list-kobetsu-page .content-block table {
    width: 100%;
    margin-bottom: 10px;
    table-layout: auto;
}

.class-list-kobetsu-page .content-block table th,
.class-list-kobetsu-page .content-block table td {
    font-size: 14px;
    line-height: 20px;
    border-bottom: 1px dotted #808080;
    padding: 12px 0;
    vertical-align: top;
    font-weight: 700;
    position: relative;
}

.class-list-kobetsu-page .content-block table th {
    width: 100px;
}

.class-list-kobetsu-page .content-block table td a.link-map {
    position: absolute;
    right: 0;
    bottom: 12px;
}

.class-list-kobetsu-page .content-block table td .cardteacher {
    width: 25%;
    padding: 0 1px;
}

.class-list-kobetsu-page .content-block table td .cardteacher p {
    text-align: center;
    font-weight: 400;
    margin: 5px 0 10px;
}

.class-list-kobetsu-page .content-block table td .cardteacher p img {
    max-height: 13px;
    margin: 0 auto;
}

@media (max-width: 991px) {
    .class-list-kobetsu-page .content-block {
        width: 100%;
        max-width: 480px;
        margin: 0 auto;
    }
    .class-list-kobetsu-page .images {
        margin: 0 auto 30px;
    }
    .class-list-kobetsu-page .content-block table td .cardteacher {
        width: 33.333333%;
    }
}

@media (max-width: 480px) {
    .class-list-kobetsu-page .policy-school .item span {
        font-size: 18px;
    }
    .class-list-kobetsu-page h3 a {
        position: static;
        display: block;
    }
    .class-list-kobetsu-page .content-block table td a.link-map {
        position: static;
        display: block;
        margin: 10px 0 0;
    }
    .class-list-kobetsu-page .content-block table td .cardteacher {
        width: 50%;
    }
}


/*=====================*/

.content-annual-schedule {
    background: url(../../img/elementary-school/elementary_school-bg01.png) center top repeat;
    padding: 50px 0;
}

.content-annual-schedule .public-flex {
    background: #fff;
    padding: 20px 30px;
}

.content-annual-schedule .left-annual-schedule {
    width: calc(100% - 368px);
}

.content-annual-schedule .right-annual-schedule {
    width: 338px;
    position: relative;
    padding-top: 140px;
}

.content-annual-schedule .left-annual-schedule table {
    width: 100%;
}

.content-annual-schedule .left-annual-schedule table th,
.content-annual-schedule .left-annual-schedule table td {
    border: 1px solid #808080;
    padding: 20px;
    vertical-align: middle;
    color: #1A1A1A;
}

.content-annual-schedule .left-annual-schedule table th {
    background: #E6E6E6;
    font-size: 22px;
    width: 100px;
    text-align: center;
}

.content-annual-schedule .left-annual-schedule table td {
    font-size: 17px;
    position: relative;
    height: 137px;
}

.content-annual-schedule .left-annual-schedule table td ul {
    list-style: none;
    margin: 0;
    padding: 0 0 0 20px;
    font-weight: bold;
}

.content-annual-schedule .left-annual-schedule table td ul li::before {
    content: "\2022";
    color: red;
    font-weight: bold;
    display: inline-block;
    width: 15px;
    margin-left: -20px;
    position: absolute;
    font-size: 14px;
}

.content-annual-schedule .right-annual-schedule img {
    position: absolute;
    top: -60px;
    right: -60px;
    z-index: 1;
}

@media (max-width: 767px) {
    .content-annual-schedule .right-annual-schedule img {
        position: static;
    }
}

.content-annual-schedule .right-annual-schedule .box-annual {
    padding: 20px;
    background: #DFF1A3;
    border-radius: 10px;
}

.content-annual-schedule .right-annual-schedule .box-annual:nth-child(3) {
    background: #FFE190;
    margin-top: 20px;
}

.content-annual-schedule .right-annual-schedule .box-annual:nth-child(4) {
    background: #FFCFBD;
    margin-top: 20px;
}

.content-annual-schedule .right-annual-schedule .box-annual:nth-child(5) {
    background: #CDE9E9;
    margin-top: 20px;
}

.content-annual-schedule .right-annual-schedule .box-annual:nth-child(6) {
    background: #D3CFF1;
    margin-top: 20px;
}

.content-annual-schedule .right-annual-schedule .box-annual h4 {
    font-size: 22px;
    line-height: 1.9;
    margin: 0 0 10px;
}

.content-annual-schedule .right-annual-schedule .box-annual p {
    font-size: 14px;
    line-height: 24px;
    margin: 0;
}

.content-annual-schedule .left-annual-schedule table tr:first-child td img {
    position: absolute;
    top: 0;
    right: 10px;
}

.content-annual-schedule .left-annual-schedule table tr:nth-child(2) td img {
    position: absolute;
    top: -45px;
    right: 10px;
}

.content-annual-schedule .left-annual-schedule table tr:nth-child(4) td img {
    position: absolute;
    top: 45px;
    right: 10px;
}

.content-annual-schedule .left-annual-schedule table tr:nth-child(6) td img {
    position: absolute;
    top: 90px;
    right: 10px;
}

.content-annual-schedule .left-annual-schedule table tr:nth-child(7) td img {
    position: absolute;
    top: 57px;
    right: 10px;
}

.content-annual-schedule .left-annual-schedule table tr:nth-child(9) td img {
    position: absolute;
    top: 90px;
    right: 10px;
}

.content-annual-schedule .left-annual-schedule table tr:nth-child(10) td img {
    position: absolute;
    top: 75px;
    right: 10px;
}

.content-annual-schedule .left-annual-schedule table tr:last-child td img {
    position: absolute;
    bottom: 0;
    right: 10px;
}

@media (max-width: 991px) {
    .content-annual-schedule .left-annual-schedule {
        width: 100%;
    }
    .content-annual-schedule .right-annual-schedule {
        margin: 60px auto 0;
    }
}

@media (max-width: 767px) {
    .content-annual-schedule .right-annual-schedule {
        padding-top: 0;
        margin-top: 20px;
    }
}

@media (max-width: 603px) {
    .content-annual-schedule .left-annual-schedule table tr td img {
        display: none;
    }
}

@media (max-width: 420px) {
    .content-annual-schedule .left-annual-schedule table th,
    .content-annual-schedule .left-annual-schedule table td {
        padding: 10px;
    }
    .content-annual-schedule .left-annual-schedule table th {
        width: 70px;
    }
}


/*======== Toshin =============*/

.list-link-page {
    background: url(../img/toshin/bg.png) left top repeat;
    padding: 40px 0;
    overflow: hidden;
    margin-bottom: 50px;
}

@media (max-width: 767px) {
    .list-link-page {
        padding: 20px 0 0;
    }
}


/*======================*/

.single-event-page {
    padding-bottom: 50px;
}

.single-event-banner {
    background: #808080;
    height: 320px;
}

.single-event-page h1 {
    margin: 0 0 30px;
    font-size: 24px;
    line-height: 42px;
    border-bottom: 1px solid #808080;
}

.class-list-page.subpage-toshin .calendar-block iframe {
    width: 100%;
}


/*=========================*/

.belive-teaching-page .banner {
    background: #006EBE;
}

.belive-teaching-page .banner .banner-text p {
    font-size: 26px;
    color: #fff;
    line-height: 1.73;
    margin: 15px 0 0;
}

.belive-teaching-page .about-belive-teaching {
    background: url(../img/belive-teaching/bg_about.png) right top no-repeat;
    background-size: cover;
    padding: 50px 0;
    margin: -50px 0 50px;
}

.belive-teaching-page .about-belive-teaching h3 {
    font-size: 22px;
    line-height: 1.63;
    margin: 0 0 10px;
}

.belive-teaching-page .about-belive-teaching h3 span {
    color: #C1272D;
}

.belive-teaching-page .about-belive-teaching p {
    font-size: 16px;
    line-height: 30px;
}

.list-points-belive-teaching .content-block {
    width: calc(100% - 530px);
}

.list-points-belive-teaching .images {
    width: 480px;
}

.list-points-belive-teaching .index-point-belive-teaching {
    background: url(../img/belive-teaching/belive_teaching_title_bg.png) left center no-repeat;
    padding: 0 0 0 55px;
    margin: 0 0 10px;
    font-size: 22px;
    line-height: 27px;
    color: #808080;
}

.list-points-belive-teaching .index-point-belive-teaching span {
    font-size: 30px;
    color: #0050BE;
}

.list-points-belive-teaching .point-belive-teaching {
    margin-bottom: 50px;
}

.list-points-belive-teaching .point-belive-teaching:nth-child(2n) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

.list-points-belive-teaching .point-belive-teaching h3 {
    font-size: 22px;
    line-height: 1.72;
    border-bottom: 2px solid #0050BE;
    margin: 0 0 15px;
    padding: 0 0 5px;
}

.list-points-belive-teaching .point-belive-teaching h4 {
    font-size: 20px;
    line-height: 1.55;
    color: #C1272D;
}

.list-points-belive-teaching .point-belive-teaching p {
    font-size: 14px;
    line-height: 24px;
    color: #1A1A1A;
}

.list-points-belive-teaching .point-belive-teaching:first-child p {
    margin-bottom: 15px;
}

.list-points-belive-teaching .point-belive-teaching:nth-child(2n) .icon-flex {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

.list-points-belive-teaching .point-belive-teaching .icon-content {
    width: calc(100% - 110px);
}

.list-points-belive-teaching .point-belive-teaching:first-child .icon-content {
    font-size: 20px;
    display: block;
}

.list-points-belive-teaching .point-belive-teaching:nth-child(4) .icon-content {
    width: calc(100% - 140px);
}

@media (max-width: 991px) {
    .list-points-belive-teaching .content-block {
        width: 100%;
    }
    .list-points-belive-teaching .images {
        margin: 30px auto 0;
    }
}

@media (max-width: 767px) {
    .clear-xs {
        clear: both;
    }
}

.list-link-page .title-img-gray small {
    margin-top: 0;
}

.winter-training-page .banner {
    background: url(../img/winter-training/banner_bg.png) center center repeat;
}

.winter-training-page .banner .banner-text p {
    font-size: 26px;
    color: #fff;
    line-height: 45px;
    margin-bottom: 0;
}

.winter-training-page .belive-classes {
    background: url(../img/winter-training/winter_course_bg01.png) center center no-repeat;
    background-size: cover;
    padding-top: 50px;
    margin-top: -50px;
}

.winter-training-page .belive-classes .content-block {
    width: calc(100% - 400px);
}

.winter-training-page .belive-classes .side-block {
    width: 370px;
}

.winter-training-page .belive-classes .content-block h4 {
    font-size: 36px;
    line-height: 42px;
    color: #C0272D;
    font-weight: 500;
    margin: 10px 0 15px;
}

.winter-training-page .belive-classes .content-block p {
    font-size: 16px;
    line-height: 28px;
    color: #1a1a1a;
}

.winter-training-page .belive-classes .side-block .target-grade-box {
    background: #0064BE;
    padding: 10px;
}

.winter-training-page .belive-classes .side-block .target-grade-box dl {
    margin: 0;
}

.winter-training-page .belive-classes .side-block .target-grade-box dt {
    font-size: 22px;
    line-height: 26px;
    padding: 2px 0 12px;
    margin: 0;
    text-align: center;
    color: #fff;
    font-weight: 500;
}

.winter-training-page .belive-classes .side-block .target-grade-box dd {
    background: #fff;
    font-size: 20px;
    line-height: 24px;
    padding: 9px 0 7px;
    text-align: center;
}

.winter-training-page .belive-classes .side-block .believe-winter-course {
    background: #0064BE;
    padding: 10px;
    border-radius: 10px;
    margin: 30px 0 0;
    position: relative;
}

.winter-training-page .belive-classes .side-block .believe-winter-course:after {
    background: url(../img/winter-training/icon_hand.png) right bottom no-repeat;
    position: absolute;
    bottom: -20px;
    right: 10px;
    width: 67px;
    height: 73px;
    content: "";
    z-index: 9;
}

.winter-training-page .belive-classes .side-block .believe-winter-course dl {
    margin-bottom: 0;
}

.winter-training-page .belive-classes .side-block .believe-winter-course dt {
    font-size: 28px;
    line-height: 32px;
    padding: 0 0 8px;
    margin: 0;
    text-align: center;
    color: #FFFF00;
    font-weight: 500;
}

.winter-training-page .belive-classes .side-block .believe-winter-course dd {
    background: #fff;
    font-size: 16px;
    line-height: 24px;
    padding: 8px;
    text-align: left;
    border-radius: 10px;
    color: #1A1A1A;
    font-weight: 700;
}

.winter-training-page .belive-classes .side-block .believe-winter-course dd p {
    margin: 0;
}

.winter-training-page .belive-classes .side-block .believe-winter-course dd small {
    font-size: 12px;
    line-height: 18px;
}

.winter-training-page .belive-classes .side-block .believe-winter-course dd span {
    font-size: 17px;
    color: #0064BE;
    display: block;
}

.winter-training-page .belive-classes .choose-link {
    margin: 30px -10px 30px;
}

@media (max-width: 767px) {
    .winter-training-page .belive-classes .choose-link {
        margin-right: auto;
        margin-left: auto;
        max-width: 210px;
    }
    .winter-training-page .belive-classes .choose-schoolchild-link {
        margin-right: auto;
        margin-left: auto;
        max-width: 210px !important;
    }
}

.winter-training-page .belive-classes .choose-link img {
    margin: 0 10px 20px;
}

.winter-training-page .belive-classes .choose-schoolchild-link {
    max-width: 910px;
    margin: 0 auto;
}

.winter-training-page .belive-classes .choose-schoolchild-link img {
    margin: 0 auto;
}

.anauk .list-course {
    background: #CCECEA;
    padding: 30px 15px;
    margin-top: 0;
}

.anauk .list-course .text-note {
    margin-top: 5px;
    line-height: 1.4;
    float: right;
}

@media (max-width: 991px) {
    .anauk .list-course .text-note {
        font-size: 14px;
        float: left;
    }
}

.anauk .list-course .container {
    background: #fff;
    padding: 40px 30px;
}

.subpage-yotsuya .list-course .content-block h4 {
    color: #009F97;
    font-size: 36px;
    line-height: 50px;
    margin: 10px 0 15px;
}

@media (max-width: 767px) {
    .subpage-yotsuya .list-course .content-block h4 {
        font-size: 6.9vw;
        line-height: 1.4;
    }
}

.anauk .list-course h3 {
    text-align: center;
    color: #fff;
    font-size: 38px;
    line-height: 45px;
    padding: 18px 0 17px;
    background: #0077B6;
    margin: 0 0 15px;
    border-radius: 5px;
    font-weight: bold;
}

.anauk .list-course h3 span {
    color: #FFFF00;
}

.anauk .item-course ul.course-schedule {
    list-style: none;
    padding: 0;
    margin: 0;
}

.anauk .item-course ul.course-schedule li {
    margin-right: 30px;
    margin-bottom: 15px;
    font-size: 18px;
    line-height: 32px;
}

.anauk .item-course ul.course-schedule li:last-child {
    margin-right: 0;
}

.anauk .item-course ul.course-schedule li a {
    color: #0077B6;
    display: inline-block;
    border: 1px solid #0077B6;
    border-radius: 5px;
    text-align: center;
    font-size: 16px;
    line-height: 19px;
    padding: 10px 15px;
}

.anauk .item-course ul.course-schedule li a:hover {
    text-decoration: none;
    background: #0077B6;
    color: #fff;
}

.anauk .item-course p {
    font-size: 16px;
    line-height: 28px;
}

.anauk .item-course .box-price {
    font-size: 24px;
    font-weight: 700;
    border: 2px solid #0177b5;
    background-color: #fff;
    border-radius: 5px;
    margin-top: 10px;
}

.anauk .item-course .title-box-price {
    max-width: 220px;
    padding: 3px 10px 2px 12px;
    font-size: 15px;
    color: #fff;
    border-top-left-radius: 3px;
    background: #0077b7;
    background: linear-gradient(110deg, #0077b7 94%, #fff 95%);
}

.anauk .item-course .content-box-price {
    padding: 22px 18px 18px;
    line-height: 1.3;
}

.anauk .item-course .item-price {
    width: 50%;
}

.anauk .item-course .item-price .price-name small {
    display: block;
    font-size: 12px;
    line-height: 16px;
    margin-top: 5px;
}

.anauk .item-course .item-price .price-name {
    font-size: 24px;
    line-height: 32px;
    color: #1a1a1a;
    margin-right: 10px;
}

.anauk .item-course .item-price .price-val {
    font-size: 32px;
    line-height: 1.1;
    letter-spacing: -.05em;
    color: #e60020;
    font-weight: 500;
}

.anauk .first-course .images {
    width: 270px;
}

.anauk .first-course .content-block {
    width: calc(100% - 275px);
}

.anauk .second-course .images {
    width: 310px;
}

.anauk .second-course .content-block {
    width: calc(100% - 340px);
}

.anauk .third-course .images {
    width: 310px;
}

.anauk .third-course .content-block {
    width: calc(100% - 340px);
}

.anauk .list-course .third-course h3 {
    background: #E60020;
    color: #FFFF00;
}

.anauk .list-course .third-course .content-block h4 {
    color: #E60020;
}

.anauk .item-course.third-course ul.course-schedule li a {
    border: 1px solid #E60020;
    color: #E60020;
}

.anauk .item-course.third-course ul.course-schedule li a:hover {
    color: #fff;
    background: #E60020;
}

.anauk .item-course.third-course .box-price {
    border: 2px solid #E60020;
}

.anauk .item-course.third-course .title-box-price {
    border-top-left-radius: 3px;
    background: #E60020;
    background: linear-gradient(110deg, #E60020 94%, #fff 95%);
}

.anauk .four-course .images {
    width: 280px;
}

.anauk .four-course .content-block {
    width: calc(100% - 310px);
}

.anauk .list-course .four-course h3 {
    background: #e60020;
}

.anauk .item-course.four-course ul.course-schedule li a {
    border: 1px solid #00A098;
    color: #00A098;
}

.anauk .item-course.four-course ul.course-schedule li a:hover {
    color: #fff;
    background: #00A098;
}

.anauk .item-course.four-course .box-price {
    border: 2px solid #E60020;
}

.anauk .item-course.four-course .title-box-price {
    border-top-left-radius: 3px;
    background: #E60020;
    background: linear-gradient(110deg, #E60020 94%, #fff 95%);
}

.anauk .item-course.four-course .item-price .public-flex:first-child {
    margin: -35px 0 10px;
}

.anauk .list-course .responsibility-course h3 {
    background: #00A098;
    color: #ffff00;
}

.anauk .list-course .responsibility-course ul {
    list-style: none;
    padding: 0;
    margin: 0;
    counter-reset: li-count;
    max-width: 100%;
}

.anauk .list-course .responsibility-course ul li {
    position: relative;
    counter-increment: li-count;
    padding-left: 50px;
}

.anauk .list-course .responsibility-course ul li:before {
    content: counter( li-count);
    background: #00A098;
    color: #fff;
    width: 40px;
    height: 40px;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 5px;
    text-align: center;
    font-size: 30px;
    line-height: 32px;
    padding: 4px 0;
}

.anauk .list-course .responsibility-course ul li .contact-tel {
    position: absolute;
    left: 400px;
    top: 0;
    width: 570px;
    max-width: 100%;
    font-weight: bold;
    line-height: 40px;
    font-size: 26px;
    color: #1a1a1a;
}

.anauk .list-course .responsibility-course ul li .contact-tel span {
    color: #E60020;
}

.anauk .list-course .responsibility-course h4 {
    color: #00A098;
    font-size: 28px;
    line-height: 40px;
    font-weight: 700;
    margin: 0 0 10px;
}

@media (max-width: 767px) {
    .anauk .list-course .responsibility-course h4 {
        font-size: 5.6vw;
        line-height: 1.4;
    }
}

.anauk .list-course .refer-a-friend-course h2 {
    color: #1A1A1A;
    font-size: 34px;
    margin: 0 0 30px;
    text-align: center;
    line-height: 45px;
}

.anauk .list-course .refer-a-friend-course h2 span {
    color: #E60020;
    font-size: 42px;
}

.anauk .list-course .refer-a-friend-course h3 {
    background: #00A098;
    color: #ffff00;
}

.anauk .list-course .refer-a-friend-course h4 {
    font-size: 28px;
    line-height: 33px;
    color: #1A1A1A;
    margin: 0 0 15px;
    text-align: center;
}

.anauk .course-your-purpose {
    background: #FBDDE1;
    margin-top: 0;
}

.subpage-yotsuya .list-course.course-your-purpose .content-block h4 {
    color: #E9546B;
}

.anauk .course-your-purpose .dl-list-indent dt img {
    max-width: none;
}

.anauk .course-your-purpose .unit {
    width: 25%;
    margin: 0 0 30px;
}

.anauk .course-your-purpose .third-course .images {
    width: 25%;
}

.anauk .course-your-purpose .third-course .attendance-list {
    width: 50%;
}

.anauk .course-your-purpose .third-course .attendance-list p {
    font-size: 14px;
    margin: 0;
}

.anauk .course-your-purpose .third-course .attendance-list a:hover {
    opacity: 0.7;
}

.anauk .course-your-purpose .four-course h3 {
    background: #E60020;
    color: #FFFF00;
}

.anauk .course-your-purpose .four-course h4 {
    color: #E60020;
    margin: 0 0 15px;
}

.anauk .course-your-purpose .item-course.four-course ul.course-schedule li a {
    color: #E60020;
    border: 1px solid #E60020;
}

.anauk .course-your-purpose .item-course.four-course ul.course-schedule li a:hover {
    background: #E60020;
}

.anauk .course-your-purpose .four-course .images {
    width: 310px;
}

.anauk .course-your-purpose .four-course .content-block {
    width: calc(100% - 340px);
}

.anauk .course-your-purpose .five-course h3 {
    background: #E9546B;
}

.anauk .course-your-purpose .item-course.five-course ul.course-schedule li a {
    color: #E9546B;
    border: 1px solid #E9546B;
}

.anauk .course-your-purpose .item-course.five-course ul.course-schedule li a:hover {
    background: #E9546B;
    color: #fff;
}

.anauk .course-your-purpose .five-course .images {
    width: 280px;
}

.anauk .course-your-purpose .five-course .content-block {
    width: calc(100% - 310px);
}

.anauk .item-course.five-course .box-price {
    border: 2px solid #E60020;
}

.anauk .item-course.five-course .title-box-price {
    border-top-left-radius: 3px;
    background: #E60020;
    background: linear-gradient(110deg, #E60020 94%, #fff 95%);
}

.anauk .item-course.five-course .item-price .public-flex:first-child {
    margin: -35px 0 10px;
}

.anauk .course-your-purpose .responsibility-course h3 {
    background: #E9546B;
    color: #FFFF00;
}

.anauk .course-your-purpose .responsibility-course h4 {
    color: #E9546B;
}

.anauk .course-your-purpose.list-course .responsibility-course ul li:before {
    background: #E9546B;
}

.anauk .course-your-purpose.list-course .refer-a-friend-course h3 {
    background: #E9546B;
}

@media (max-width: 1200px) {
    .anauk .list-course h3 span {
        display: block;
    }
}

@media (max-width: 992px) {
    .anauk .list-course .responsibility-course ul li .contact-tel {
        position: static;
    }
    .anauk .course-your-purpose .unit,
    .anauk .course-your-purpose .third-course .images {
        width: 50%;
    }
    .anauk .course-your-purpose .third-course .attendance-list {
        width: 100%;
    }
}

@media (max-width: 767px) {
    .winter-training-page .belive-classes .content-block {
        width: 100%;
    }
    .winter-training-page .belive-classes .side-block {
        margin: 30px auto 0;
    }
    .winter-training-page .belive-classes .choose-schoolchild-link img {
        margin-bottom: 15px;
    }
    .anauk .first-course .content-block,
    .anauk .second-course .content-block,
    .anauk .third-course .content-block,
    .anauk .four-course .content-block,
    .anauk .course-your-purpose .four-course .content-block,
    .anauk .course-your-purpose .five-course .content-block {
        width: 100%;
    }
    .anauk .first-course .images,
    .anauk .second-course .images,
    .anauk .third-course .images,
    .anauk .four-course .images,
    .anauk .course-your-purpose .four-course .images,
    .anauk .course-your-purpose .five-course .images {
        margin: 15px auto;
    }
    .anauk .first-course .images {
        width: 190px;
    }
}

@media (max-width: 603px) {
    .anauk .item-course .item-price {
        width: 100%;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .anauk .item-course .item-price:first-child {
        margin-top: 0;
    }
    .anauk .item-course.four-course .item-price .public-flex,
    .anauk .item-course.five-course .item-price .public-flex {
        width: 100%;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-top: 15px;
    }
    .anauk .item-course.four-course .item-price .public-flex:first-child,
    .anauk .item-course.five-course .item-price .public-flex:first-child {
        margin: 15px 0 0;
    }
    .anauk .list-course .responsibility-course ul li .contact-tel {
        width: 100%;
    }
    .anauk .course-your-purpose .unit,
    .anauk .course-your-purpose .third-course .images {
        width: 100%;
    }
}

@media (min-width: 992px) {
    .section-university-entrance .row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

.table-cell>.cell .cell_txt.cl-FFFF00 {
    color: #ffff00;
}

@media (max-width: 768px) {
    .table-cell>.cell .cell_txt.cl-FFFF00 {
        font-size: 18px;
    }
    .section-voice-applicant .row {
        margin-bottom: 0;
    }
}

.three-tests {
    background: url(../img/shingaku/test_bg.png) center center no-repeat;
    background-size: cover;
    padding: 30px 0;
}

.three-tests ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.three-tests ul li {
    width: 33.333333%;
}

.three-tests ul li a {
    display: block;
    text-align: center;
    color: #000;
    position: relative;
    font-size: 24px;
    line-height: 42px;
    padding: 14px 0;
}

.three-tests ul li a span.icon-arrow {
    background: #00072F;
    color: #fff;
    width: 20px;
    height: 21px;
    border-radius: 50%;
    line-height: 16px;
    display: inline-block;
    text-align: center;
    margin-right: 15px;
}

.three-tests ul li a:hover,
.three-tests ul li a:focus,
.three-tests ul li a:visited {
    text-decoration: none;
}

.three-tests ul li.active a {
    background: #DA8B1E;
    color: #fff;
}

.three-tests ul li.active a span.icon-arrow {
    background: #fff;
    color: #DA8B1E;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.three-tests ul li.active:nth-child(2) a span.icon-arrow {
    color: #C3414D;
}

.three-tests ul li.active:nth-child(3) a span.icon-arrow {
    color: #0082BE;
}

.three-tests ul li.active:nth-child(2) a {
    background: #C3414D;
}

.three-tests ul li.active:nth-child(3) a {
    background: #0082BE;
}

.three-tests ul li:nth-child(2) a,
.three-tests ul li:nth-child(3) a {
    border-left: 1px solid #ddd;
}

.three-tests ul li.active a:after {
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 20px solid #DA8B1E;
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    content: "";
}

.three-tests ul li.active:nth-child(2) a:after {
    border-top: 20px solid #C3414D;
}

.three-tests ul li.active:nth-child(3) a:after {
    border-top: 20px solid #0082BE;
}

.three-tests .tab-content {
    background: #ff;
    padding: 30px;
}

.three-tests .tab-content h4 {
    font-size: 28px;
    line-height: 42px;
    color: #DA8B1E;
    margin: 0 0 15px;
}

.three-tests .tab-content .tab-pane:nth-child(2) h4 {
    color: #C3414D;
}

.three-tests .tab-content .tab-pane:nth-child(3) h4 {
    color: #0082BE;
}

.three-tests .tab-content .images {
    width: 350px;
}

.three-tests .tab-content .content-block {
    width: calc(100% - 380px);
}

@media (max-width: 991px) {
    .three-tests .tab-content .images {
        margin: 15px auto 0;
    }
    .three-tests .tab-content .content-block {
        width: 100%;
    }
}

@media (max-width: 602px) {
    .three-tests ul {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .three-tests ul li {
        width: 100%;
        border: none;
        border-bottom: 1px solid #ddd;
    }
    .three-tests ul li.active a:after {
        display: none;
    }
}


/*=======1/18======================*/

@media (max-width: 991px) {
    .section-independent-person .img {
        display: none;
    }
}

@media (max-width: 767px) {
    .section-search-class .searchandfilter ul ul>li.cat-item {
        width: 33.333333%;
        float: left;
    }
    .section-event .caption .col-xs-4 {
        width: 20%;
    }
    .section-information .marg-xs-15 .table-cell {
        margin-bottom: 0;
    }
    .section-information .table-cell .dl-information dd {
        display: none;
    }
    .section-information .table-cell .dl-information dt {
        width: 1000px;
    }
    .marg-xs-15 {
        margin-bottom: 15px;
    }
    footer .margtop-xs-45 {
        margin-top: -45px;
    }
}

@media (max-width: 480px) {
    .section-search-class .searchandfilter ul ul>li.cat-item {
        width: 50%;
    }
}

.section-reliable-system.section-5-features .grade-commitment {
    margin-top: 0;
}

.btn.btn-brown {
    padding: 10px 10px 10px;
    font-size: 22px;
    font-weight: 100;
    border-width: 1px;
}

.section-event.section-event-believe .text-lg {
    font-size: 22px;
    font-weight: 700;
    color: #000046!important;
}

.section-blog-list .item {
    background: #fff;
}

.section-blog-list .item:nth-child(2n+2) {
    background-color: #eee;
}

.section-blog-list .well-white-label-top {
    position: relative;
    padding: 20px;
    margin-top: 20px;
    margin-bottom: 20px;
    line-height: 1.77;
    background-color: #fff;
    border: 0;
}

.section-blog-list .time {
    margin-bottom: 25px;
}

.section-blog-list .title-border-bottom-black {
    padding-bottom: 18px;
    margin-top: 0;
    font-size: 27px;
    font-weight: 700;
    border-bottom: 1px solid #000;
}

@media (max-width: 991px) {
    .section-blog-list .time {
        margin-bottom: 15px;
    }
}

.section-school-grade .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.section-school-grade .item-school-grade {
    border: 1px solid #1D53B7;
    border-radius: 15px;
    padding: 0 0 30px;
    background: #fff;
    margin: 0 0 30px;
    width: calc(33.333333% - 20px);
    max-width: 330px;
}

.section-school-grade .item-school-grade h3.title {
    background: #1D53B7;
    line-height: 45px;
    color: #fff;
    margin: 0;
    text-align: center;
    font-size: 22px;
}

.section-school-grade .item-school-grade h4 {
    margin: 20px 0 0;
    font-size: 22px;
    line-height: 26px;
    font-weight: 500;
}

.text-2A7749 {
    color: #2A7749;
}

.text-013E8D {
    color: #013E8D;
}

.text-008F7B {
    color: #008F7B;
}

@media (max-width: 767px) {
    .section-school-grade .item-school-grade {
        max-width: calc(100% -30px);
        width: 330px;
        margin: 0 auto 30px;
    }
    .class-list-page .title-page {
        font-size: 20px;
        line-height: 1.4;
        font-weight: bold;
        position: relative;
    }
    .school-toyohashi-about .images {
        margin-top: 40px;
    }
    .school-toyohashi-intro .item h4 {
        font-size: 15px;
        line-height: 21px;
        color: #4c4c4c;
        margin: 15px 0 0;
        position: relative;
        padding: 0 0 0 55px;
    }
}


/*マージしたいもの*/

@media (max-width: 768px) {
    .school-toyohashi-intro h3 {
        font-size: 8vw!important;
    }
    .school-toyohashi-about .content-block table th {
        font-size: 4.5vw;
    }
}

@media (max-width: 480px) {
    .school-toyohashi-intro .list-amazing li {
        padding: 37px 0 0 0!important;
        margin-bottom: 21px;
        color: #4c4c4c;
        font-size: 3.3vw!important;
        line-height: 20px!important;
        font-weight: 400;
        position: relative;
    }
}


/*追記*/

.shingaku_et {
    width: 100%;
}

.swiper-main-toshin a {
    display: inline-block;
}

.swiper-main-toshin .swiper-slide {
    text-align: center;
}

.swiper-main-toshin .swiper-button-next {
    top: 0;
    right: 0;
    height: 100%;
    padding: 0 30px 0 60px;
    color: #009380;
    opacity: 0.2;
    background-color: transparent;
}

.swiper-main-toshin .swiper-button-prev {
    top: 0;
    left: 0;
    height: 100%;
    padding: 0 60px 0 30px;
    color: #009380;
    opacity: 0.7;
    background-color: transparent;
}

.swiper-main-toshin .swiper-button-next:hover,
.swiper-main-toshin .swiper-button-next:focus,
.swiper-main-toshin .swiper-button-next:visited,
.swiper-main-toshin .swiper-button-next:hover,
.swiper-main-toshin .swiper-button-next:focus,
.swiper-main-toshin .swiper-button-next:visited {
    opacity: 1;
    border: none;
    outline: none;
}

.visible-xs .gsc-input-box {
    padding-top: 0;
    padding-bottom: 1px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.visible-xs .gsc-search-button-v2 {
    width: 60px;
    padding: 9px 10px;
    margin: 0;
    border-radius: 0;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border: none;
}

/* .page-voice .section-voice .title-ribbon .avatar {
    display: none;
} */

/*.page-voice .section-voice .title-ribbon .text {
    padding-left: 150px;color: #ED1E79;
}

@media (max-width: 479px) {
    .page-voice .section-voice .title-ribbon .text {
        padding-left: 80px;
    }
}*/

.voiceList .list {
    margin-right: 0;
}

.voiceList .list .topInfo {
    width: 500px;
    max-width: 100%
}

@media (max-width: 767px) {
    .navbar-believe .navbar-toggle,
    .navbar-toshin .navbar-toggle {
        top: 5px !important;
    }
    body.parent-page-believe.page-believe,
    body.parent-page-toshin.page-toshin,
    body.parent-page-yotsuya,
    body.parent-page-shingaku,
    body.single-news_shingaku,
    body.single-event_shingaku,
    body.single-news_toshin,
    body.single-event_toshin {
        padding-top: 53px !important;
    }
}

.alert {
    position: relative;
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem;
}

.alert-secondary {
    color: #383d41;
    background-color: #e2e3e5;
    border-color: #d6d8db;
}

.alert-danger {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
}

.alert-light {
    color: #818182;
    background-color: #fefefe;
    border-color: #fdfdfe;
}

.four-course-duplicate .images {
    width: 280px;
}

.four-course-duplicate .content-block {
    width: calc(100% - 310px);
}

.four-course-duplicate ul.course-schedule li a {
    border: 1px solid #00A098;
    color: #00A098;
}

.four-course-duplicate ul.course-schedule li a:hover {
    color: #fff;
    background: #00A098;
}

.four-course-duplicate .box-price {
    border: 2px solid #E60020;
}

.four-course-duplicate .title-box-price {
    border-top-left-radius: 3px;
    background: #E60020;
    background: linear-gradient(110deg, #E60020 94%, #fff 95%);
}

.four-course-duplicate .item-price .public-flex:first-child {
    margin: -35px 0 10px;
}

.four-course-duplicate .text-note {
    float: right;
}

@media (max-width: 991px) {
    .four-course-duplicate .text-note {
        font-size: 14px;
        float: left;
    }
}

.refer-a-friend-course-duplicate h2 {
    color: #1A1A1A;
    font-size: 34px;
    margin: 0 0 30px;
    text-align: center;
    line-height: 45px;
}

.refer-a-friend-course-duplicate h2 span {
    color: #E60020;
    font-size: 42px;
    background: url(//www.tep.jp/wp-content/themes/tep/common/css/../img/shingaku-cource/course_bg_title03.png) left bottom repeat-x;
}

.refer-a-friend-course-duplicate h3 {
    text-align: center;
    font-size: 38px;
    line-height: 45px;
    padding: 18px 0 17px;
    margin: 0 0 15px;
    border-radius: 5px;
    font-weight: 700;
    background: #00A098;
    color: #ffff00;
}

.refer-a-friend-course-duplicate h4 {
    font-size: 28px;
    line-height: 33px;
    color: #1A1A1A;
    margin: 0 0 15px;
    text-align: center;
}

@media (max-width: 767px) {
    .anauk .list-course h3 {
        font-size: 6.5vw;
        line-height: 1.2;
    }
}

.df-class.friend-benefit {
    margin-top: 60px;
}

@media (max-width: 767px) {
    .df-class.friend-benefit {
        margin-top: 40px;
    }
}

.anauk .item-course .box-price.box-price-oranges {
    border: 2px solid #f19c38;
}

.anauk .item-course .box-price.box-price-oranges .title-box-price {
    background: linear-gradient(110deg, #f19c38 94%, #fff 95%)
}

.btn-bg-blue {
    background: #0077b7;
    color: #fff;
    border: 1px solid #0077b7;
}

.refer-a-friend-course .btn-bg-blue:hover {
    text-decoration: none;
    opacity: 0.7;
    color: #fff;
}

.refer-a-friend-course .btn-bg-blue:active {
    color: #fff;
}

.refer-a-friend-course .btn-bg-blue {
    margin: 30px auto 0;
    max-width: 600px;
    display: block;
    font-size: 24px;
}

.friend-benefit .btn-bg-blue:hover {
    text-decoration: none;
    opacity: 0.7;
    color: #fff;
}

.friend-benefit .btn-bg-blue:active {
    color: #fff;
}

.friend-benefit .btn-bg-blue {
    margin: 30px auto 0;
    max-width: 600px;
    display: block;
    font-size: 24px;
}

.refer-a-friend-course-duplicate .btn-bg-blue:hover {
    text-decoration: none;
    opacity: 0.7;
    color: #fff;
}

.refer-a-friend-course-duplicate .btn-bg-blue:active {
    color: #fff;
}

.refer-a-friend-course-duplicate .btn-bg-blue {
    margin: 30px auto 0;
    max-width: 600px;
    display: block;
    font-size: 24px;
}

.cs-thumbnail-slider .slider-thumbnail {
    padding-top: 10px;
}

.cs-thumbnail-slider .slider-thumbnail .swiper-slide {
    filter: grayscale(100%);
    border: solid 4px transparent;
}

.cs-thumbnail-slider .slider-thumbnail .swiper-slide.swiper-slide-active {
    filter: grayscale(0);
    border: solid 4px #000443;
}

.cs-thumbnail-slider .slider-thumbnail .swiper-slide.swiper-slide-active:after {
    bottom: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #000443;
    border-width: 10px;
    margin-left: -10px;
}

.swiper-button-next:focus,
.swiper-button-prev:focus {
    display: none;
}

.navbar-yotsuya .header small.small-text {
    margin: 0;
    text-indent: 18px;
    font-weight: bold;
}

@media (min-width: 992px) {
    body.parent-page-yotsuya .navbar-yotsuya .header {
        padding-top: 10px;
    }
}

@media (max-width: 991px) {
    .navbar-yotsuya .header small.small-text {
        text-indent: -55px;
    }
    body.parent-page-yotsuya .navbar-yotsuya .navbar-header .navbar-toggle {
        top: 157px;
    }
    body.parent-page-yotsuya .menu-slide.active {
        top: 205px !important;
    }
}

@media (max-width: 767px) {
    body.parent-page-yotsuya .menu-slide.active {
        top: 53px !important;
    }
    body.parent-page-yotsuya .navbar-yotsuya .navbar-header .navbar-toggle {
        top: 5px;
    }
}

.section-school-building .inner.container-btn {
    margin: 15px 0 0;
}

.section-school-building .title-green.title-sm {
    font-size: 24px;
}

@media (min-width: 992px) {
    /*    .navbar-kobetsu.navbar-default .navbar-nav>li {
            width: calc(100%/7);
        }*/
    .navbar-kobetsu.navbar-default .navbar-nav>li a {
        white-space: nowrap;
    }
}

.section-challenge-course .text-left {
    text-align: left !important;
}

.section-challenge-course .table-schedule-course {
    width: 100%;
    margin-bottom: 60px;
}

.section-challenge-course .table-schedule-course th {
    background: #0050be;
    color: #fff;
    padding: 6px 12px;
    font-size: 16px;
    text-align: center;
    border: 1px solid #555;
}

.section-challenge-course .table-schedule-course td {
    padding: 6px 12px;
    font-size: 16px;
    border: 1px solid #555;
    text-align: center;
}

.d-flex {
    display: flex;
}

.justify-content-between {
    justify-content: space-between;
}

.align-items-center {
    align-items: center;
}

.flex-wrap {
    flex-wrap: wrap;
}

.section-challenge-course .justify-content-between img {
    margin-bottom: 20px;
}

.position-topright {
    position: absolute;
    right: 15px;
    top: 0;
}

.btn-shop-link-icon {
    position: absolute;
    bottom: 0;
    right: 0;
    background: #000038;
    border: 1px solid #000038;
    color: #fff;
    padding: 5px 7px;
    font-size: 12px;
    line-height: 1.4;
    border-radius: 3px;
}

.btn-shop-link-icon:hover {
    opacity: 0.7;
    text-decoration: none;
    color: #fff;
}


/* ======================= */

.text-green {
    color: #0d9380;
}

.con-grid {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}

.banner-goeast {
    background: url(../../img/goeast/bg_go_east.png) center top repeat;
    padding: 30px 0;
}

.invitation-goeast {
    background: #fff url(../../img/goeast/goeast04.png) right top no-repeat;
    padding: 30px 0 80px;
}

.invitation-goeast .con-grid {
    justify-content: center;
    align-items: flex-end;
}

.invitation-goeast .con-grid img {
    display: block;
    padding: 0 15px;
}

.feature-goeast .btn.btn-bg-green {
    margin: 20px auto 90px;
}

.feature-goeast-title {
    /*background: #0d9380;*/
    background: #12bea6;
    padding: 15px 0;
}

.feature-goeast-title .con-grid {
    align-items: flex-end;
}

.feature-goeast-title .con-grid img:first-child {
    margin-right: 80px;
}

.feature-goeast-title .con-grid img:last-child {
    position: absolute;
    left: 380px;
    top: 0;
    transform: translateY(-70%);
}

.feature-goeast-body .media {
    padding-top: 30px;
}

.feature-goeast-body .media-left {
    width: 610px;
}

.feature-goeast-body .media-left img {
    display: block;
    margin: 0 auto;
}

.feature-goeast-body .media-body {
    width: calc(100% - 640px);
}

.feature-goeast-body .media-body p {
    line-height: 40px;
    font-size: 18px;
    padding-left: 30px;
}

.well-feature-goeast h3 {
    font-size: 38px;
    line-height: 63px;
    padding: 3px 0;
    background: #0d9380;
    color: #fff;
    text-align: center;
    margin: 0;
}

.title-goeast {
    font-size: 38px;
    line-height: 63px;
    padding: 3px 0;
    background: #0d9380;
    color: #fff;
    text-align: center;
    margin: 0;
}

.well-feature-goeast .well-body {
    background: rgb(13 147 128 / 15%);
    padding: 20px;
    margin-bottom: 70px;
}

.well-feature-goeast .well-body .txt-body {
    width: calc(100% - 667px);
    font-size: 46px;
    line-height: 58px;
    font-weight: bold;
}

.well-feature-goeast .well-body .txt-body span.bg-yellow {
    background: #fff100;
    display: inline-block;
    text-align: center;
    margin: 7px 0;
    padding: 0 15px;
}

.well-feature-goeast .well-body .bg-white {
    padding: 30px 50px;
    margin-top: 20px;
}

.well-feature-goeast .well-body .bg-white a {
    display: block;
    margin: 0 auto;
}

.well-feature-goeast .well-body .bg-white ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.well-feature-goeast .well-body h4 {
    margin: 0 auto;
    text-align: center;
    background: #b81c22;
}

.implementation-guidelines {
    border: 1px solid #0d9380;
    position: relative;
    padding: 80px 50px 30px;
    margin-bottom: 15px;
}

.implementation-guidelines h4 {
    position: absolute;
    left: 0;
    top: 0;
    background: #0d9380;
    padding: 7px 30px;
    color: #fff;
    font-size: 23px;
    line-height: 26px;
    margin: 0;
}

.implementation-guidelines h4:after {
    position: absolute;
    left: 100%;
    top: 0;
    content: "";
    width: 0;
    height: 0;
    border-bottom: 40px solid transparent;
    border-left: 30px solid #0d9380;
}

.feature-goeast-body .text-center img {
    margin: 0 auto;
}

.implementation-guidelines p.text-large {
    font-size: 40px;
    line-height: 1;
}

.implementation-guidelines p.text-medium {
    font-size: 29px;
    line-height: 35px;
}

.implementation-guidelines p {
    font-size: 21px;
    line-height: 29px;
}

.itemcontent {
    display: flex;
    flex-wrap: wrap;
}

.item-left {
    width: calc(100% - 365px);
}

.item-right {
    width: 350px;
    margin-left: 15px;
}

.item-right a:hover {
    opacity: 0.7;
}

.item-right img {
    width: 100%;
}

@media (max-width: 991px) {
    .invitation-goeast .con-grid img {
        max-width: 50%;
    }
    .feature-goeast-body .media-left {
        vertical-align: bottom;
        max-width: 50%;
    }
    .feature-goeast-body .media-left img {
        max-width: 100%;
    }
    .feature-goeast-body .media-body {
        width: 50%;
    }
    .feature-goeast-title .con-grid img {
        height: 57px;
    }
    .feature-goeast-title .con-grid img:last-child {
        left: 270px;
        height: 75px;
    }
    .feature-goeast-title .con-grid img:first-child {
        margin-right: 30px;
        height: 71px;
    }
    .well-feature-goeast .well-body .txt-body {
        width: 45%;
        font-size: 32px;
        line-height: 36px;
    }
    .well-feature-goeast .well-body .img-right {
        max-width: 55%;
    }
    .well-feature-goeast .well-body .img-right img {
        max-width: 100%;
    }
    .well-feature-goeast .well-body .bg-white ul li img {
        height: 73px;
    }
    .well-feature-goeast .well-body .bg-white ul li:nth-child(2) img {
        height: 69px;
    }
    .well-feature-goeast .well-body .bg-white ul li:nth-child(3) img {
        height: 95px;
    }
    .implementation-guidelines {
        padding: 60px 50px 30px;
    }
}

@media (max-width: 767px) {
    .invitation-goeast {
        padding: 15px 0 50px;
    }
    .invitation-goeast .con-grid img {
        max-width: 50%;
    }
    .feature-goeast-title .con-grid img {
        height: 36.5px;
    }
    .feature-goeast-title .con-grid img:first-child {
        height: 46.5px;
        margin-right: 15px;
    }
    .feature-goeast-title .con-grid img:last-child {
        height: 49px;
        left: 140px;
    }
    .feature-goeast-body .media-body {
        width: 100%;
        display: block;
        padding: 15px 0;
    }
    .feature-goeast-body .media-body p {
        font-size: 14px;
        line-height: 24px;
        padding-left: 0;
    }
    .feature-goeast-body .media-left {
        width: 350px;
        margin: 0 auto;
        max-width: 100%;
        display: block;
    }
    .well-feature-goeast h3,
    .title-goeast {
        font-size: 24px;
        line-height: 42px;
    }
    .well-feature-goeast .well-body .txt-body {
        font-size: 24px;
        line-height: 28px;
    }
    .well-feature-goeast .well-body .txt-body span.text-green {
        font-size: 5.7vw;
    }
    .well-feature-goeast .well-body .bg-white ul li img {
        height: 37px;
    }
    .well-feature-goeast .well-body .bg-white ul li:nth-child(2) img {
        height: 35px;
    }
    .well-feature-goeast .well-body .bg-white ul li:nth-child(3) img {
        height: 47px;
    }
    .implementation-guidelines p {
        font-size: 14px;
        line-height: 16px;
    }
    .implementation-guidelines p.text-large {
        font-size: 24px;
        line-height: 32px;
    }
    .implementation-guidelines p.text-medium {
        font-size: 18px;
        line-height: 24px;
    }
}

@media (max-width: 640px) {
    .itemcontent {
        flex-direction: column;
    }
    .item-left {
        width: 100%;
    }
    .item-right {
        width: 100%;
        margin: 15px 0 0;
    }
}

@media (max-width: 480px) {
    .feature-goeast-title .con-grid img:last-child {
        left: 0;
    }
}

body.parent-page-yotsuya .navbar-default .navbar-nav>li>a {
    white-space: nowrap;
    padding-left: 0;
    padding-right: 0;
}

@media (min-width: 992px) {
    .success_block.set-df-height .success_part_up {
        height: 520px;
    }
    .success_block.set-df-height .success_part_down {
        height: 264px;
    }
    .success_block.set-df-height-2 .success_part_up {
        height: 718px;
    }
    .success_block.set-df-height-2 .success_part_down {
        height: 189px;
    }
}

@media (min-width: 1200px) {
    .success_block.set-df-height .success_part_up {
        height: 420px;
    }
    .success_block.set-df-height .success_part_down {
        height: 214px;
    }
    .success_block.set-df-height-2 .success_part_up {
        height: 568px;
    }
    .success_block.set-df-height-2 .success_part_down {
        height: 164px;
    }
}

@media (max-width: 991px) {
    .success_part_up .success_part_content {
        display: block;
        overflow: hidden;
    }
    .success_part_up .success_part_thumb {
        float: left;
    }
    body.parent-page-shingaku, body.parent-page-yotsuya, body.single-event_shingaku, body.single-event_yotsuya, body.single-news_shingaku, body.single-news_yotsuya {
        padding-top: 53px !important;
    }
}

.btn.btn-oranges {
    background: #da8b1e;
    color: #fff;
    border: #da8b1e;
}

.btn.hover_img:hover {
    color: #fff;
}

.btn.hover_img:hover {
    color: #fff;
}

.table-school2021 .table {
    margin-top: 0;
}

p.school2021 {
    text-align: right;
}

.ai1ec-event-title {
    color: #fff;
}

.navbar-yotsuya .header .media-body {
    vertical-align: bottom;
}

.section-blog-believe .media-body {
    word-wrap: break-word;
}

.section-blog-believe .media-body a {
    color: #333;
    text-decoration: none;
}

.section-blog-believe .media-body a:hover {
    opacity: 0.7;
}
.section-blog-believe .media-left img{
    max-width: unset;
}
#feature-list .row .col-lg-3 {
    height: 95px;
    margin-bottom: 15px;
}

#feature-list .row .col-lg-3 a.btn-white-border-green {
    height: 100%;
}

.birthday .item {
    float: left;
    width: 32%;
    display: flex;
    flex-wrap: wrap;
}

.birthday .item span.text {
    width: 35px;
    margin: 10px 0 0 10px;
}

.birthday .item span.wpcf7-form-control-wrap {
    width: calc(100% - 45px);
}

.birthday .item:nth-child(2) {
    margin: 0 2%;
}

.section-contact table .wpcf7-form-control-wrap.kkentei .wpcf7-form-control.wpcf7-checkbox .wpcf7-list-item {
    min-width: 165px;
    display: inline-block;
}

.section-kente-box table td table td.text-right {
    text-align: right;
}


/*.page-id-2238 .btn-bg-blue {
    font-size: 34px;
    padding: 10px 50px;
}*/

.page-kentei-application {
    font-family: 'Noto Sans JP', sans-serif;
}

ul.buttons-link {
    display: flex;
    list-style: none;
    justify-content: space-between;
    padding: 0 30px;
}

ul.buttons-link li {
    margin: 0 10px;
}

@media (max-width: 767px) {
    iframe {
        width: 100%;
    }
    .birthday {
        height: 170px;
    }
    .birthday .item {
        width: 100%;
    }
    .birthday .item:nth-child(2) {
        margin: 10px 0;
    }
    /*    .page-id-2238 .btn-bg-blue {
            font-size: 24px;
            padding: 10px 20px;
        }*/
    ul.buttons-link {
        padding: 0;
        flex-wrap: wrap;
    }
    ul.buttons-link li {
        margin: 10px 1%;
        width: 23%;
    }
}

.shingakup {
    font-size: 32px;
    font-weight: 600;
    margin: 30px 0 25px!important;
}

.btn-bg-pink {
    background: #ef8794;
    color: #fff;
    border: 1px solid #ef8794;
}

.page-id-2238 .btn-bg-blue,
.page-id-2238 .btn-bg-pink {
    display: block;
    max-width: 450px;
    margin: 0 auto;
    white-space: normal;
}


/*.page-id-2238 .btn-bg-pink {
    font-size: 34px; 
    padding: 10px 50px; 
}*/

@media (max-width: 767px) {
    /*    .page-id-2238 .btn-bg-pink {
            font-size: 24px;
            padding: 10px 20px;
            white-space: normal;
        }*/
}

.wrap-twitter-timeline {
    height: 400px;
    overflow-y: scroll;
    border: 1px solid #ccc;
    margin-bottom: 25px;
}

.page-class-list-kobetsu .list-teachers,
.page-instructor-introduction .list-teachers {
    margin-bottom: 30px;
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    flex-wrap: wrap;
}

.page-class-list-kobetsu .item-teacher,
.page-instructor-introduction .item-teacher {
    background: #fff;
    position: relative;
    margin-top: 30px;
    box-shadow: 0 0 5px #ddd;
    display: block;
    padding-bottom: 20px;
}

.page-class-list-kobetsu .item-teacher:hover,
.page-instructor-introduction .item-teacher:hover {
    text-decoration: none;
}

.page-class-list-kobetsu .item-teacher h3,
.page-instructor-introduction .item-teacher h3 {
    color: #333;
}

.page-instructor-introduction .item-teacher h3 {
    color: #333;
    min-height: 63px;
}

.page-class-list-kobetsu .item-teacher h3 img,
.page-instructor-introduction .item-teacher h3 img {
    max-height: 30px;
}

.page-class-list-kobetsu .item-teacher .caption,
.page-instructor-introduction .item-teacher .caption {
    font-size: 15px;
    line-height: 23px;
    color: #333;
}

.page-class-list-kobetsu .item-teacher .image,
.page-instructor-introduction .item-teacher .image {
    width: 100%;
    height: auto;
    background-color: #fff;
    padding: 15px 15px 100%;
    position: relative;
}

.page-class-list-kobetsu .item-teacher .image img,
.page-instructor-introduction .item-teacher .image img {
    display: block;
    margin: 0 auto;
    width: calc(100% - 30px);
    height: calc(100% - 15px);
    top: 15px;
    left: 15px;
    object-fit: cover;
    position: absolute;
}

.page-class-list-kobetsu .item-teacher .txt-content,
.page-instructor-introduction .item-teacher .txt-content {
    padding: 20px 20px 0;
}

.page-class-list-kobetsu .item-teacher .btn-dark-blue,
.page-instructor-introduction .item-teacher .btn-dark-blue {
    font-size: 16px;
    display: block;
    margin: 0 auto;
    padding: 5px 0;
    width: calc(100% - 40px);
    text-align: center;
}

.page-class-list-kobetsu .item-teacher .btn-dark-blue:hover,
.page-instructor-introduction .item-teacher .btn-dark-blue:hover,
.page-class-list-kobetsu .item-teacher .btn-dark-blue:focus,
.page-instructor-introduction .item-teacher .btn-dark-blue:focus {
    text-decoration: none;
}

.page-class-list-kobetsu .page-header,
.page-instructor-introduction .page-header {
    max-width: 560px;
    margin: 0 auto 26px;
}

.page-class-list-kobetsu .well.well-title-on-border,
.page-instructor-introduction .well.well-title-on-border {
    padding-top: 54px;
    padding-bottom: 21px;
    margin-top: 13px;
    border-width: 10px;
}

.page-class-list-kobetsu .well.well-title-on-border .title,
.page-instructor-introduction .well.well-title-on-border .title {
    top: -32px;
}

.page-class-list-kobetsu .well.well-title-on-border .title .bg,
.page-instructor-introduction .well.well-title-on-border .title .bg {
    padding: 0 16px;
    border: none;
}

.page-class-list-kobetsu .well.well-title-on-border .text-lg,
.page-instructor-introduction .well.well-title-on-border .text-lg {
    font-size: 62px;
    line-height: 1.9;
}

.page-class-list-kobetsu .well.well-title-on-border .text-lg small,
.page-instructor-introduction .well.well-title-on-border .text-lg small {
    font-size: 27px;
}

.page-class-list-kobetsu .img-front-left,
.page-instructor-introduction .img-front-left,
.page-class-list-kobetsu .img-front-right,
.page-instructor-introduction .img-front-right {
    position: absolute;
    bottom: 0;
}

.page-class-list-kobetsu .img-front-left,
.page-instructor-introduction .img-front-left {
    left: 11px;
}

.page-class-list-kobetsu .img-front-right,
.page-instructor-introduction .img-front-right {
    right: 18px;
}

@media (min-width: 992px) {
    .page-class-list-kobetsu .well-title-on-border .title img,
    .page-instructor-introduction .well-title-on-border .title img {
        width: 192px;
    }
}

@media (max-width: 991px) {
    .page-class-list-kobetsu .page-header,
    .page-instructor-introduction .page-header {
        max-width: 60%;
    }
    .page-class-list-kobetsu .img-front-right,
    .page-instructor-introduction .img-front-right {
        right: 0;
    }
    .page-class-list-kobetsu .img-front-left,
    .page-instructor-introduction .img-front-left {
        left: 0;
    }
    .page-class-list-kobetsu .img-front-left,
    .page-instructor-introduction .img-front-left,
    .page-class-list-kobetsu .img-front-right,
    .page-instructor-introduction .img-front-right {
        width: 34%;
    }
}

@media (max-width: 767px) {
    .page-class-list-kobetsu .page-header,
    .page-instructor-introduction .page-header {
        max-width: 80%;
        margin-bottom: 0;
    }
    .page-class-list-kobetsu .well.well-title-on-border,
    .page-instructor-introduction .well.well-title-on-border {
        padding-top: 26px;
        padding-bottom: 10px;
        margin-top: 6px;
        border-width: 8px;
    }
    .page-class-list-kobetsu .well.well-title-on-border .title .bg,
    .page-instructor-introduction .well.well-title-on-border .title .bg {
        padding: 0 8px;
    }
    .page-class-list-kobetsu .well.well-title-on-border .text-lg,
    .page-instructor-introduction .well.well-title-on-border .text-lg {
        font-size: 42px;
    }
    .page-class-list-kobetsu .well.well-title-on-border .text-lg small,
    .page-instructor-introduction .well.well-title-on-border .text-lg small {
        font-size: 22px;
        line-height: 1.3;
    }
    .page-class-list-kobetsu .img-front-left,
    .page-instructor-introduction .img-front-left,
    .page-class-list-kobetsu .img-front-right,
    .page-instructor-introduction .img-front-right {
        width: 30%;
    }
}

.page-class-list-kobetsu.img-front-right,
.page-instructor-introduction.modal-open {
    overflow: hidden;
}

.page-class-list-kobetsu.modal-open .modal,
.page-instructor-introduction.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
}

.page-class-list-kobetsu .modal,
.page-instructor-introduction .modal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1050;
    display: none;
    width: 100%;
    height: 100%;
    overflow: hidden;
    outline: 0;
}

.page-class-list-kobetsu .modal-dialog,
.page-instructor-introduction .modal-dialog {
    position: relative;
    width: auto;
    margin: 0.5rem;
    pointer-events: none;
}

.page-class-list-kobetsu .modal.fade .modal-dialog,
.page-instructor-introduction .modal.fade .modal-dialog {
    transition: -webkit-transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
    transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
    -webkit-transform: translate(0, -50px);
    transform: translate(0, -50px);
}

@media (prefers-reduced-motion: reduce) {
    .page-class-list-kobetsu .modal.fade .modal-dialog,
    .page-instructor-introduction .modal.fade .modal-dialog {
        transition: none;
    }
}

.page-class-list-kobetsu .modal.in .modal-dialog,
.page-instructor-introduction .modal.in .modal-dialog {
    -webkit-transform: none;
    transform: none;
}

.page-class-list-kobetsu .modal.modal-static .modal-dialog,
.page-instructor-introduction .modal.modal-static .modal-dialog {
    -webkit-transform: scale(1.02);
    transform: scale(1.02);
}

.page-class-list-kobetsu .modal-dialog-scrollable,
.page-instructor-introduction .modal-dialog-scrollable {
    display: -ms-flexbox;
    display: flex;
    max-height: calc(100% - 1rem);
}

.page-class-list-kobetsu .modal-dialog-scrollable .modal-content,
.page-instructor-introduction .modal-dialog-scrollable .modal-content {
    max-height: calc(100vh - 1rem);
    overflow: hidden;
}

.page-class-list-kobetsu .modal-dialog-scrollable .modal-header,
.page-instructor-introduction .modal-dialog-scrollable .modal-header,
.page-class-list-kobetsu .modal-dialog-scrollable .modal-footer,
.page-instructor-introduction .modal-dialog-scrollable .modal-footer {
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.page-class-list-kobetsu .modal-dialog-scrollable .modal-body,
.page-instructor-introduction .modal-dialog-scrollable .modal-body {
    overflow-y: auto;
}

.page-class-list-kobetsu .modal-dialog-centered,
.page-instructor-introduction .modal-dialog-centered {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    min-height: calc(100% - 1rem);
}

.page-class-list-kobetsu .modal-dialog-centered::before,
.page-instructor-introduction .modal-dialog-centered::before {
    display: block;
    height: calc(100vh - 1rem);
    height: -webkit-min-content;
    height: -moz-min-content;
    height: min-content;
    content: "";
}

.page-class-list-kobetsu .modal-dialog-centered.modal-dialog-scrollable,
.page-instructor-introduction .modal-dialog-centered.modal-dialog-scrollable {
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%;
}

.modal-dialog-centered.modal-dialog-scrollable .modal-content {
    max-height: none;
}

.page-class-list-kobetsu .modal-dialog-centered.modal-dialog-scrollable::before,
.page-instructor-introduction .modal-dialog-centered.modal-dialog-scrollable::before {
    content: none;
}

.page-class-list-kobetsu .modal-content,
.page-instructor-introduction .modal-content {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 0.3rem;
    outline: 0;
}

.page-class-list-kobetsu .modal-backdrop,
.page-instructor-introduction .modal-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1040;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.7);
}

.page-class-list-kobetsu .modal-backdrop.fade,
.page-instructor-introduction .modal-backdrop.fade {
    opacity: 0;
}

.page-class-list-kobetsu .modal-backdrop.in,
.page-instructor-introduction .modal-backdrop.in {
    opacity: 0.5;
}

.page-class-list-kobetsu .modal-header,
.page-instructor-introduction .modal-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 1rem 1rem;
    border-bottom: 1px solid #dee2e6;
    border-top-left-radius: calc(0.3rem - 1px);
    border-top-right-radius: calc(0.3rem - 1px);
}

.page-class-list-kobetsu .modal-header .close,
.page-instructor-introduction .modal-header .close,
.page-class-list-kobetsu .modal-body .close,
.page-instructor-introduction .modal-body .close {
    padding: 0;
    margin: 0;
    font-size: 24px;
    font-weight: bold;
    line-height: 1;
    width: 30px;
    height: 30px;
    position: absolute;
    right: -15px;
    top: -15px;
    border-radius: 50%;
    border: 1px solid #ababab;
    background: #fff;
}

.page-class-list-kobetsu .modal-title,
.page-instructor-introduction .modal-title {
    margin-bottom: 0;
    line-height: 1.5;
}

.page-class-list-kobetsu .modal-body,
.page-instructor-introduction .modal-body {
    position: relative;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1rem;
}

.page-class-list-kobetsu .modal-footer,
.page-instructor-introduction .modal-footer {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 0.75rem;
    border-top: 1px solid #dee2e6;
    border-bottom-right-radius: calc(0.3rem - 1px);
    border-bottom-left-radius: calc(0.3rem - 1px);
}

.page-class-list-kobetsu .modal-footer>*,
.page-instructor-introduction .modal-footer>* {
    margin: 0.25rem;
}

.page-class-list-kobetsu .modal-scrollbar-measure,
.page-instructor-introduction .modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll;
}

@media (min-width: 576px) {
    .page-class-list-kobetsu .modal-dialog,
    .page-instructor-introduction .modal-dialog {
        max-width: 500px;
        margin: 1.75rem auto;
    }
    .page-class-list-kobetsu .modal-dialog-scrollable,
    .page-instructor-introduction .modal-dialog-scrollable {
        max-height: calc(100% - 3.5rem);
    }
    .page-class-list-kobetsu .modal-dialog-scrollable .modal-content,
    .page-instructor-introduction .modal-dialog-scrollable .modal-content {
        max-height: calc(100vh - 3.5rem);
    }
    .page-class-list-kobetsu .modal-dialog-centered,
    .page-instructor-introduction .modal-dialog-centered {
        min-height: calc(100% - 3.5rem);
    }
    .page-class-list-kobetsu .modal-dialog-centered::before,
    .page-instructor-introduction .modal-dialog-centered::before {
        height: calc(100vh - 3.5rem);
        height: -webkit-min-content;
        height: -moz-min-content;
        height: min-content;
    }
    .page-class-list-kobetsu .modal-sm,
    .page-instructor-introduction .modal-sm {
        max-width: 300px;
    }
}

@media (min-width: 992px) {
    .page-class-list-kobetsu .modal-lg,
    .page-instructor-introduction .modal-lg,
    .page-class-list-kobetsu .modal-xl,
    .page-instructor-introduction .modal-xl {
        max-width: 800px;
    }
}

@media (min-width: 1200px) {
    .page-instructor-introduction .list-teachers .col-md-3 {
        width: 20%;
        padding-left: 10px;
        padding-right: 10px;
    }
    .page-class-list-kobetsu .modal-xl,
    .page-instructor-introduction .modal-xl {
        max-width: 1140px;
    }
}

.page-class-list-kobetsu button.close,
.page-instructor-introduction button.close {
    padding: 0;
    background-color: transparent;
    border: 0;
    -webkit-appearance: none;
}

.page-class-list-kobetsu .teacher-modal,
.page-instructor-introduction .teacher-modal {
    width: calc(100% - 30px);
    max-width: 920px;
}

.page-class-list-kobetsu .teacher-detail-modal,
.page-instructor-introduction .teacher-detail-modal {
    padding: 15px;
    background: url(../../img/bg_teacher_modal.png) right top 30px no-repeat;
}

.page-class-list-kobetsu .teacher-detail-modal .media-left,
.page-instructor-introduction .teacher-detail-modal .media-left {
    margin-right: 50px;
}

.page-class-list-kobetsu .teacher-detail-modal .media-left img,
.page-instructor-introduction .teacher-detail-modal .media-left img {
    width: 240px;
    /* max-width: 100%; */
}

.page-class-list-kobetsu .teacher-detail-modal .media-body h2 .txt-jp,
.page-instructor-introduction .teacher-detail-modal .media-body h2 .txt-jp {
    font-size: 24px;
    line-height: 1.3;
    display: block;
}

.page-class-list-kobetsu .teacher-detail-modal .media-body h2 .txt-jp img,
.page-instructor-introduction .teacher-detail-modal .media-body h2 .txt-jp img {
    max-height: 30px;
}

.page-class-list-kobetsu .teacher-detail-modal .media-body h2 .txt-en,
.page-instructor-introduction .teacher-detail-modal .media-body h2 .txt-en {
    font-size: 13px;
    line-height: 1.6;
    color: #0063B1;
    display: block;
}

.page-class-list-kobetsu .teacher-detail-modal .media-body p,
.page-instructor-introduction .teacher-detail-modal .media-body p {
    margin: 15px 0 0;
    font-size: 15px;
}

.page-class-list-kobetsu .teacher-detail-modal .media-body p:first-child,
.page-instructor-introduction .teacher-detail-modal .media-body p:first-child {
    font-size: 17px;
}

.page-class-list-kobetsu .teacher-detail-modal .media-body p.txt-blue,
.page-instructor-introduction .teacher-detail-modal .media-body p.txt-blue {
    color: #0063B1;
}

@media (min-width: 768px) {
    .page-class-list-kobetsu .teacher-detail-modal .media-body,
    .page-instructor-introduction .teacher-detail-modal .media-body {
        width: calc(100% - 250px);
    }
}

.page-class-list-kobetsu .teacher-detail-modal .teacher-body,
.page-instructor-introduction .teacher-detail-modal .teacher-body {
    margin-top: 30px;
    padding: 15px;
    background: repeating-linear-gradient(45deg, #29ABE2, #29ABE2 10px, #95d1ec 10px, #95d1ec 20px);
}

.page-class-list-kobetsu .teacher-detail-modal .teacher-body .teacher-inner,
.page-instructor-introduction .teacher-detail-modal .teacher-body .teacher-inner {
    background: #fff;
    padding: 15px;
}

.page-class-list-kobetsu .teacher-detail-modal .teacher-body .teacher-inner .teacher-inner-content,
.page-instructor-introduction .teacher-detail-modal .teacher-body .teacher-inner .teacher-inner-content {
    background: #fff;
    border: 1px solid #0063B1;
    padding: 20px 5%;
}

.page-class-list-kobetsu .teacher-detail-modal .teacher-body .teacher-inner .teacher-inner-content h3,
.page-instructor-introduction .teacher-detail-modal .teacher-body .teacher-inner .teacher-inner-content h3 {
    text-align: center;
    margin: 0;
}

.page-class-list-kobetsu .teacher-detail-modal .teacher-body .teacher-inner .teacher-inner-content h3 span,
.page-instructor-introduction .teacher-detail-modal .teacher-body .teacher-inner .teacher-inner-content h3 span {
    background: #57ABE0;
    color: #fff;
    position: relative;
    margin: 0 auto;
    padding: 4px 50px 5px;
    font-size: 16px;
}

.page-class-list-kobetsu .teacher-detail-modal .teacher-body .teacher-inner .teacher-inner-content h3 span:before,
.page-instructor-introduction .teacher-detail-modal .teacher-body .teacher-inner .teacher-inner-content h3 span:before {
    border-left: 15px solid #fff;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    content: "";
    position: absolute;
    top: 0;
    right: calc(100% - 15px);
}

.page-class-list-kobetsu .teacher-detail-modal .teacher-body .teacher-inner .teacher-inner-content h3 span:after,
.page-instructor-introduction .teacher-detail-modal .teacher-body .teacher-inner .teacher-inner-content h3 span:after {
    border-right: 15px solid #fff;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    content: "";
    position: absolute;
    top: 0;
    left: calc(100% - 15px);
}

.page-class-list-kobetsu .teacher-detail-modal .teacher-body .teacher-inner .teacher-inner-content p,
.page-instructor-introduction .teacher-detail-modal .teacher-body .teacher-inner .teacher-inner-content p {
    font-size: 15px;
    line-height: 28px;
    margin: 30px 0 0;
}

.page-class-list-kobetsu .teacher-detail-modal .teacher-body .teacher-inner .teacher-inner-content .text-oranges,
.page-instructor-introduction .teacher-detail-modal .teacher-body .teacher-inner .teacher-inner-content .text-oranges {
    color: #F7931E;
}

@media (max-width: 767px) {
    .page-class-list-kobetsu .teacher-detail-modal,
    .page-instructor-introduction .teacher-detail-modal {
        padding: 60px 0;
    }
    .list-teachers .col-xs-6 {
        padding: 5px 5px !important;
    }
}

@media (max-width: 575px) {
    .page-class-list-kobetsu .teacher-detail-modal .teacher-body .teacher-inner .teacher-inner-content,
    .page-instructor-introduction .teacher-detail-modal .teacher-body .teacher-inner .teacher-inner-content {
        padding: 30px 15px;
    }
    .page-class-list-kobetsu .teacher-detail-modal .teacher-body .teacher-inner .teacher-inner-content h3 span,
    .page-instructor-introduction .teacher-detail-modal .teacher-body .teacher-inner .teacher-inner-content h3 span {
        display: block;
        padding: 4px 0 5px;
        white-space: nowrap;
    }
}

.title-list-teachers {
    display: inline-block;
    /* width: 100%; */
    line-height: 68px;
    color: #333333;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 34px;
    margin-bottom: 0;
    background: #fff;
}

html body,
html body p {
    font-family: 'Noto Sans JP', sans-serif;
}

html body h1,
html body h2,
html body h3,
html body h4,
html body h5,
html body h6 {
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 500;
}

.noto_sans_jp {
    font-family: 'Noto Sans JP', sans-serif;
}

body .navbar-kobetsu.navbar-default .navbar-nav>li a {
    font-family: 'Noto Sans JP', sans-serif;
}

@media (max-width: 767px) {
    .title-list-teachers .span {
        font-size: 7.1vw;
        font-weight: 500;
    }
    .item-teacher small {
        font-size: 14px;
    }
}
@media (min-width: 992px){
    .section-believe-test-preparation .well-xs{
        display: block;
        margin-right: auto;
        margin-left: auto;
        max-width: 450px;
    }
}
body.page-classroom a:hover{
    opacity: 0.7;
}
.individual-classroom-slider__images{
    margin-bottom: 30px;
}
.individual-classroom-slider__images .slick-list {
    max-height: 600px;
}
.individual-classroom-slider__images .slick-prev,.individual-classroom-slider__images .slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 30px;
    height: 30px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: #fff;
    border-radius: 50%;
    z-index: 9;
    opacity: 0.5;
}
.individual-classroom-slider__images .slick-prev:hover
,.individual-classroom-slider__images .slick-next:hover{
    opacity: 1;
}
.individual-classroom-slider__images .slick-prev:before,.individual-classroom-slider__images .slick-next:before {
    font-family: swiper-icons;
    font-size: 14px;
    line-height: 1;
    opacity: .85;
    color: #6bb6ff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.individual-classroom-slider__images .slick-next {
    right: 10px;
}
.individual-classroom-slider__images .slick-next:before {
    content:  'next';
}
.individual-classroom-slider__images .slick-prev {
    left: 10px;
}
.individual-classroom-slider__images .slick-prev:before {
    content: 'prev';
}

.individual-classroom-slider__images .slider-for .item-slick{
    position: relative;
    overflow: hidden;
    width: 100%;
    padding-top: 13%;
}
/* .individual-classroom-slider__images .slider-for .item-slick img {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
} */
.individual-classroom-slider__images .slider-for .item-slick img {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: auto;
    object-fit: contain;
    max-height: 600px;
    max-height: 100%;
}
.individual-classroom-slider__images .slider-nav{
    margin: 10px -5px 0;
}
.individual-classroom-slider__images .slider-nav .slick-track{
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
}
.individual-classroom-slider__images .slider-nav .slick-slide{
    height: auto;
}
.individual-classroom-slider__images .slider-nav .slick-slide img{
    padding: 0 5px;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
ul.buttons{display:flex;justify-content:center;list-style:none;padding:0;}
ul.buttons li img{max-height: 42px;;margin:0 4px;width: auto;}
img.red, img.blue {
    max-width: 100%;height:auto;
}
@media (min-width: 1024px){
    .page-template-page-shingaku .bg-student .container{position:relative;}
    .page-template-page-shingaku .bg-student::before {
        display:none;
    }
    .page-template-page-shingaku .bg-student .container::before, .page-template-page-shingaku .bg-student .container::before {
        position: absolute;
        top: -120px;
        right: 0;
        background: url(../../img/shingaku/img-student.png) no-repeat;
        content: "";
        width: 300px;
        height: 300px;
        background-size: contain;
    }
    .page-id-3311 .bg-student .container{position:relative;}
    .page-id-3311 .bg-student::before {
        display:none;
    }
    .page-id-3311 .bg-student .container::before, .page-template-page-shingaku .bg-student .container::before {
        position: absolute;
        top: -120px;
        right: 0;
        background: url(../../img/shingaku/img-student1.png) no-repeat;
        content: "";
        width: 300px;
        height: 300px;
        background-size: contain;
    }
    .shigaku-student.bg-student .container{position:relative;}
    .shigaku-student.bg-student::before {
        display:none;
    }
    .shigaku-student.bg-student .container::before {
        position: absolute;
        top: -120px;
        right: 0;
        background: url(../../img/shingaku/shigaku-student.png) no-repeat;
        content: "";
        width: 300px;
        height: 300px;
        background-size: contain;
    }
    .page-template-tpl_believe-flow .dl-list-indent, .dl-list-indent dd {
        display: flex;
    }
    .page-template-tpl_believe-flow .dl-list-indent, .dl-list-indent dd .img {
        display: flex;
        justify-content: space-between;
    }
    .page-template-tpl_believe-flow .dl-list-indent, .dl-list-indent dd .img .left{
        width:cacl(100% - 270px);
    }
    .page-template-tpl_believe-flow .dl-list-indent, .dl-list-indent dd .img .right{
        width:250px;
    }
    .page-template-tpl_believe-flow .dl-list-indent, .dl-list-indent dd .img .right img{
        width:100%;
    }
}
.class-list-kobetsu-btn{text-align:center;margin-top:30px;}
.class-list-kobetsu-btn a.btn{color:#fff;}
.class-list-kobetsu-btn a.btn:hover{background-color: #000005;border-color: #000;}
@media screen and (min-width: 1024px){ 
    .admin-bar .navbar-fixed-top {
        top: 32px;
    }
    .pcbr { display:block; }
    .spbr { display:none; }
}
@media screen and (max-width: 1024px){   
    .pcbr { display:none; }
    .spbr { display:block; }
}
.textw{
    color: #fff!important;
    margin-top: 10px;
}
.event_yotsuya_nav {
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.event_yotsuya_nav li{width:14%;}
.event_yotsuya_nav li img{max-width:100%;height:auto;}
.header .media-left img{max-width:unset;}
body .navbar-default .navbar-nav > li > a {
    padding: 10px 15px;
}
@media (min-width: 992px){
    body .navbar-default .navbar-nav > li > a{
        white-space: nowrap;
    }
}
ul.button_links {
    display: flex;
    list-style: none;
    flex-wrap: wrap;
    justify-content: space-between;
    padding:0;
    margin-bottom:20px;
}
ul.button_links li{width:32%;}
ul.button_links li a.btn-dark-blue{padding:15px 0;text-align:center;}
@media screen and (max-width: 767px){   
    ul.button_links {flex-direction: column;margin-bottom:0;}
    ul.button_links li{width:100%;margin-bottom:15px;}
    ul.button_links li a.btn-dark-blue {
        padding: 10px 6px 8px;
        text-align: center;
        max-width: 250px;
        margin: 0 auto;
    }
}

.banner-declaration-of-support{
    position: relative;
}
.banner-declaration-of-support h2{
    font-size: 99px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    text-align: center;
    text-shadow: 
        1px 1px #fff, 2px 2px #d21448,
        -1px 1px #fff, -2px 2px #d21448,
        1px -1px #fff, 2px -2px #d21448,
        -1px -1px #fff, -2px -2px #d21448,
        1px 1px 6px #000;
    color: #d21448;
    font-weight: bold;
    width: 100%;
    margin: 0;
}
.title-declaration-of-support{
    font-size: 26px;
    color: #fff;
    line-height: 42px;
    padding: 9px 15px;
    text-align: center;
    background: url(../../assets/images/bg_title.png) center top no-repeat;
    font-weight: 400;
}
.title-declaration-of-support span{
    font-size: 30px;
    color: #ffff00;
}
.description-declaration-of-support{
    font-size: 20px;
    line-height: 36px;
    background: url(../../assets/images/bg_description.jpg) center top no-repeat;
    padding: 9px 30px 15px;
    width: 100%;
    max-width: 1000px;
    margin: 0 auto -15px;
}
.description-declaration-of-support .txt-red{
    color: #d21448;
}
@media (max-width: 991px){
    .banner-declaration-of-support h2{
        font-size: 9.9vw;
    }
    .title-declaration-of-support{
        font-size: 2.6vw;
    }
    .title-declaration-of-support span{
        font-size: 3vw;
    }
    .description-declaration-of-support{
        font-size: 2vw;
        line-height: 1.6;
    }
}
.page-id-172 .characteristics .row {display: flex;flex-wrap: wrap;}
.navbar-toshin .collapse-parent .collapse-child.collapse-list-building .title, .navbar-toshin .collapse-parent .collapse-child.collapse-list-building a {
    font-size: 14px;
}
@media (min-width: 992px){
    body .navbar-default .navbar-nav {
        display: flex;
        justify-content: center;
    }
    body .navbar-default .navbar-nav > li {
        width: auto;
        text-align: center;
        flex: 1;
        padding: 0 15px;
    }
    body.single-shingaku_blog .navbar-default .navbar-nav > li > a::after {
        display: none;
    }
    #page_voices_content .page-header {
        max-width: 570px;
        padding: 22px 0 37px;
        margin: 81px auto 78px;
        background-color: rgba(255,255,255,.8);
        border: 4px solid #ccc;
    }
    #page_voices_content  .page-header .title {
        margin-top: 0;
        margin-bottom: 0;
        line-height: 1.65;
        font-size: 4vw;
        color: #1a1a1a;
    }
    #page_voices_content  .page-header .title small {
        font-size: 1.87vw;
        color: #1a1a1a;
    }
}
body.page-template-page-shingaku div.text-with-diagonal-line.small span {
    color: #333;
}
body.page-template-page-shingaku .section-news .media-body {
    width: auto;
}
#page_voices_content .container-page-header {
    margin-bottom: 0;
}
#page_voices_content .img-front-right {
    position: absolute;
    right: 100px;
    bottom: 0;
}
#page_voices_content .bg-stripe-light-pink {
    padding: 30px 0;
}
#page_voices_content .links{
    display: flex;
    justify-content: center;
    margin: 20px 0;
}
#page_voices_content a{
    margin: 0px 10px;
}
#page_voices_content span.labelq{font-weight:bold;color: #003E83;padding: 0 10px 0 0;font-size: 20px;}
#page_voices_content span.labela{font-weight:bold;padding: 0 10px 0 0;font-size: 20px;color:#c80000;}
#page_voices_content .panel-gray .panel-body > p.answer{margin-bottom:20px;}
#page_voices_content .panel-gray .panel-body > p.answer:last-child{margin-bottom:0px;}
@media (max-width: 767px){
    #page_voices_content  .page-header {
        padding: 10px 0 18px;
        margin: 40px auto;
        background-color: rgba(255,255,255,.8);
        border: 4px solid #ccc;
    }
    #page_voices_content  .page-header .title {
        font-size: 8vw;
    }
    #page_voices_content .page-header .title small {
        font-size: 6vw;
    }
    #page_voices_content .img-front-right {
        right: 0;
        width: 25%;
    }
}
body.page-classroom .section-successful-student img{max-width: 80px;}

.inner-container__news-shingaku{
    border: 1px solid #1e31b4;
    padding: 40px;
    border-radius: 15px;
}
.section-event .inner-container__news-shingaku .logo img{
    padding: 10px;
    border: 1px solid #666;
    border-radius: 10px;
}
.section-event .inner-container__news-shingaku .logo{
    padding-top: 0;
}
@media(min-width: 768px){
    .section-event .inner-container__news-shingaku div.text-with-diagonal-line span{
        display: block;
        line-height: 1.3;
    }
    .section-event .inner-container__news-shingaku .media-left{
        vertical-align: bottom;
    }
}
.section-event .inner-container__news-shingaku  div.text-with-diagonal-line span:after{
    width: 20px;
}
ul.kaki_nav {
    list-style: none;
    display: flex;
    justify-content: space-between;
}
@media (max-width: 575px){
    .believe-wrapper .banner__box h3{
        font-size: 5.5vw;
    }
    .believe-wrapper .banner__box h2{
        font-size: 5.5vw;
    }
    .believe-wrapper .banner__text h3{
        font-size: 8vw;
    }
    .believe-wrapper .banner__text h2{
        font-size: 10vw;
    }
    .believe-wrapper .intro__row figure{
        width: 70px;
        bottom: 0px;
    }
    .believe-wrapper .intro__row h2{
        font-size: 16px;
    }
    .believe-wrapper .intro__inner::after{
        width: 80px;
        height: 45px;
        background-size: 100% auto;
        bottom: -35px;
    }
    .believe-wrapper .steps__box{
        margin-bottom: 50px;
    }
    .believe-wrapper .steps__box::after{
        right: -15px;
        top: calc(100% - 20px);
        left: calc(50% - 29px);
        transform: rotate(90deg);
    }
    .believe-wrapper .only-for-you__inner figure{
        right: 0;
        bottom: -30px;
        z-index: 1;
        width: 150px;
        height: auto;
    }
    .believe-wrapper .individualized h4{
        font-size: 18px;
    }
    .believe-wrapper .individualized h2{
        font-size: 22px;
    }
    .believe-wrapper .individualized h3{
        font-size: 18px;
    }
    .believe-wrapper .section-heading h2,
    .believe-wrapper .section-heading-comment__inner h2,
    .believe-wrapper .section-heading-blue h2{
        font-size: 24px;
    }
    .believe-wrapper .steps__box h3{
        font-size: 5.7vw;
    }
    .believe-wrapper .steps__box p{
        font-size: 18px;
    }
    .believe-wrapper .only-for-you__inner h3 span{
        font-size: 32px;
    }
    .believe-wrapper .only-for-you__inner h2{
        font-size: 8vw;
        padding: 0 50px;
    }
    .believe-wrapper .only-for-you__inner h2::before {
        content: '';
        display: block;
        background-size: contain;
        width: 37px;
        height: 71px;
        position: absolute;
        left: 0;
        top: calc(50% - 35px);
    }
    .believe-wrapper .training__inner h2{
        font-size: 32px;
    }
    .believe-wrapper .training__inner ul li{
        font-size: 18px;
        margin-bottom: 20px;
    }
    .believe-wrapper .training__inner ul li::before{
        width: 32px;
        height: 32px;
    }
    .believe-wrapper .table-box__inner > h3{
        font-size: 18px;
        margin-top: -12px;
    }
    .believe-wrapper .table-box__inner .labels{
        flex-wrap: wrap;
        row-gap: 10px;
    }
    .believe-wrapper .table-box__inner .labels__column label,
    .believe-wrapper .table-box__title h4{
        font-size: 16px;
    }
    .believe-wrapper .table-box__inner .labels__column small{
        font-size: 14px;
    }
    .believe-wrapper .table-box table td h5, .table-box table th h5{
        font-size: 10px;
    }
    .believe-wrapper .table-box .table-note__item{
        font-size: 18px;
    }
    .believe-wrapper .table-box .tep-container > h2{
        font-size: 24px;
    }
    .believe-wrapper .table-box .tep-container > h2::before, 
    .believe-wrapper .table-box .tep-container > h2::after{
        height: 40px;
    }
    .believe-wrapper .table-box__inner.has-image-right figure{
        width: 100px;bottom: calc(100% - 10px);
    }
    .believe-wrapper .courses__box--heading-left{
        width: 300px;
    }
    .believe-wrapper .courses__box--heading h3{
        font-size: 24px;
    }
    .believe-wrapper .courses__box--heading h4{
        font-size: 18px;
    }
    .believe-wrapper .courses__box--content-star{
        margin: 0;
    }
    .believe-wrapper .courses__box--content-star h3{
        font-size: 16px;
    }
    .believe-wrapper .courses__box--content-star ul li{
        font-size: 14px;
    }
    .believe-wrapper .courses__box--content-star ul li del{
        font-size: 10px;
    }
    .believe-wrapper .courses__box--content-star ul li strong{
        font-size: 14px;
    }
    .believe-wrapper .courses__box--content-left h3{
        padding: 7px 5px;
    }
    .believe-wrapper .courses__box--content-left h3,
    .believe-wrapper .courses__box--content-left h3 strong{
        font-size: 18px;
    }
    .believe-wrapper .courses__box--content-left h3 del{
        font-size: 14px;
    }
    .believe-wrapper .courses__box--content-border{
        margin: 0 15px;
    }
    .believe-wrapper .section-heading-comment__inner .comment-box{
        display: none;
    }
    .believe-wrapper .section-heading-comment__inner h2{
        padding: 30px 0 100px;
    }
    .believe-wrapper .benefits h3{
        font-size: 18px;
    }
    .believe-wrapper .benefits h3 span,
    .believe-wrapper .benefits h3 strong{
        font-size: 24px;
    }
}
@media (max-width: 767px){
    .courses__box small{
        font-size: 12px !important;
    }
    .courses .courses__box--content-border p{
        font-size: 14px;
    }
}
.believe-wrapper{
    position: relative;
}
/*.believe-wrapper:before{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.7);
    content: "";
    z-index: 1000;
}*/
/*.believe-wrapper:after{
    position: absolute;
    left: 50%;
    top: 300px;
    width: 100%;
    padding: 0 15px;
    text-align: center;
    transform: translate(-50%,0);
    content: "2022年度の受付は終了しました";
    font-size: 52px;
    line-height: 65px;
    color: #fff;
    font-weight: bold;
    z-index: 1001;
}*/
@media (max-width: 767px){
    .believe-wrapper:after{
        font-size: 32px;
        line-height: 42px;
    }
}
.normal{font-weight:normal !important;}
.section-classroom-list .map.hight {
    height: 500px;
}
.grey{color:#1a1a1a;}
ul.three_buttons {
    display: flex;
    gap: 30px;
    list-style: none;
    justify-content: center;
    padding: 0;
    margin: 0 0 40px;
}
.section-classroom-list .well-bg-grid.well-border-blue{margin-top:30px;margin-bottom:30px;}
.section-event-shingaku .btn.hover-transition:hover::after {width: 160%;}
.section-event-shingaku .btn.hover-transition::after {left: -60%;}
.text{margin-top:30px;}
.img_list {
    display: flex;
    justify-content: space-between;
    flex-wrap:wrap;
}
.img_list .left,.img_list .right {
    width: calc(50% - 5px);
}
.img_list img {
    height: 100%;
    object-fit: cover;
}
.img_list .right ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    gap: 10px;
    flex-wrap:wrap;
    justify-content: space-between;
}
.img_list .right ul li {
    width:calc(50% - 5px);
}
.img_list .right ul li img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.section-classroom-list .well-bg-grid.well-border-pink{margin-top:40px;}
.section-classroom-list .container-btn {
    display: block;
    margin-right: auto;
    margin-left: auto;
    max-width: 380px;
    margin-top: 40px;
} 
.section-classroom-list .container-btn a{
    color:#1e32b4;text-align: center;
}
.balloon1-left {
    position: relative;
    display: inline-flex;
    align-items: center;
    margin: 1.5em 0 1.5em 15px;
    padding: 10px;
    min-width: 120px;
    max-width: 100%;
    color: #555;
    font-size: 16px;
    background: #e0edff;
    border-radius: 10px;
    min-height:40px;
}

.balloon1-left:before {
    content: "";
    position: absolute;
    top: 50%;
    left: -30px;
    margin-top: -15px;
    border: 15px solid transparent;
    border-right: 15px solid #e0edff;
}

.balloon1-left p {
    margin: 0;
    padding: 0;
}
.section-classroom-list .btn {
    margin-top: 30px;
}
@media (min-width: 768px){
    .section-classroom-list .title-section .title {
        width: 670px;
    }
}
@media (max-width: 767px){
    ul.three_buttons {flex-direction: column;}
    .section-classroom-list .map.hight {
        height: 350px;
    }
    .img_list .left {
        width: 100%;margin-bottom:15px;
    }
    .img_list .right {
        width: 100%;
    }
}

.title-box-classes{
    padding: 12px 30px 13px 17px;
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    text-align: left;
    border-radius: 0;
    position: relative;
    margin: 30px 0 0 0;
    background-color: #000038;
    border-color: #000038;
    line-height: 1.7;
}
.title-box-classes:after {
    position: absolute;
    top: 0;
    right: 25px;
    bottom: 0;
    width: 0;
    height: 0;
    margin-top: auto;
    margin-bottom: auto;
    border-style: solid;
    border-width: 5px 0 5px 6px;
    border-color: transparent transparent transparent #fff;
    content: "";
}
@media (max-width: 767px){
    .title-box-classes{
        font-size: 15px;
    }
}
span.border{
    padding:2px 10px;border:2px solid #1e32b4;margin-right:15px;border-radius: 5px
}
.page-header.d-flex {  
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.center{text-align:center;}
.c-container {
    margin-left: auto;
    margin-right: auto;
    padding-left: 50px;
    padding-right: 50px;
    max-width: 1380px
}

.c-lower_kv02 {
    margin-bottom: 40px;
    padding-top: 40px;
}
.c-lower_kv02__inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
}

.c-lower_kv02__parent {
    color: #111;
    font-size: 2rem;
    letter-spacing: .05em;
    line-height: 1;
    margin-bottom: 1em;
    position: relative;
}

.c-lower_kv02__parent::after {
    border-bottom: 1px solid;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    width: 100%;
}
.c-lower_kv_title01 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
}

.c-lower_kv_title01 .en {
    color: #b99576;
    font-family: Cormorant,serif;
    font-size: 60px;
    font-weight: 400;
    line-height: 1;
}

.c-lower_kv02.js-lower_kv.is-act .en span, .c-lower_kv02.js-lower_kv.is-act .ja {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
.c-lower_kv02.js-lower_kv.is-act .en span {
    -webkit-filter: blur(0);
    filter: blur(0);
}
.c-lower_kv02.js-lower_kv .en span:first-child {
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
}
.c-lower_kv02.js-lower_kv .en span {
    display: inline-block;
    -webkit-filter: blur(5px);
    filter: blur(5px);
    opacity: 0;
    -webkit-transform: translateY(.3em);
    transform: translateY(.3em);
    -webkit-transition-duration: .6s;
    transition-duration: .6s;
    -webkit-transition-property: opacity,-webkit-filter,-webkit-transform;
    transition-property: opacity,-webkit-filter,-webkit-transform;
    transition-property: filter,transform,opacity;
    transition-property: filter,transform,opacity,-webkit-filter,-webkit-transform;
}
.c-lower_kv02.js-lower_kv.is-act .en span, .c-lower_kv02.js-lower_kv.is-act .ja {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
.p-introduction_intro .c-lower_kv02__parent, .p-introduction_intro .c-lower_kv_title01 .en, .p-introduction_intro .c-lower_kv_title01 .ja {
    color: #fff;
}
.c-lower_kv02.js-lower_kv .ja {
    opacity: 0;
    -webkit-transform: translateY(1em);
    transform: translateY(1em);
    -webkit-transition: opacity .6s,-webkit-transform 1s;
    transition: opacity .6s,-webkit-transform 1s;
    transition: opacity .6s,transform 1s;
    transition: opacity .6s,transform 1s,-webkit-transform 1s;
}

.c-lower_kv_title01 .ja {
    color: #111;
    font-size: 3.5rem;
    font-weight: 400;
    letter-spacing: .1em;
    line-height: 1.6;
    margin-top: .8em;
}

.c-title01.-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}


.c-title01 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 10rem;
    margin-bottom: .6em;
}

.c-title01.-row .text {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
.c-title01.-center .text {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
}
.c-title01 .text {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-direction: column;
    flex-direction: column;
}
.c-title01 .en {
    color: #2935AF;
    font-family: Cormorant,serif;
    font-weight: 400;
    line-height: 1;
    font-size: 50px;
}

.c-title01.js-anim_elm.is-act .en span, .c-title01.js-anim_elm.is-act .ja {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
.c-title01.js-anim_elm.is-act .en span {
    -webkit-filter: blur(0);
    filter: blur(0);
}
.c-title01.js-anim_elm .en span:first-child {
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
}
.c-title01.js-anim_elm .en span {
    display: inline-block;
    -webkit-filter: blur(5px);
    filter: blur(5px);
    opacity: 0;
    -webkit-transform: translateY(.3em);
    transform: translateY(.3em);
    -webkit-transition-duration: .6s;
    transition-duration: .6s;
    -webkit-transition-property: opacity,-webkit-filter,-webkit-transform;
    transition-property: opacity,-webkit-filter,-webkit-transform;
    transition-property: filter,transform,opacity;
    transition-property: filter,transform,opacity,-webkit-filter,-webkit-transform;
}
.c-title01.js-anim_elm.is-act .en span, .c-title01.js-anim_elm.is-act .ja {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
.c-title01.js-anim_elm .ja {
    opacity: 0;
    -webkit-transform: translateY(1em);
    transform: translateY(1em);
    -webkit-transition: opacity .6s,-webkit-transform 1s;
    transition: opacity .6s,-webkit-transform 1s;
    transition: opacity .6s,transform 1s;
    transition: opacity .6s,transform 1s,-webkit-transform 1s;
}

.c-title01 .ja {
    color: #111;
    font-size: 2rem;
    letter-spacing: .15em;
    line-height: 1.6;
    margin-top: .8em;
    padding-bottom: .1em;
    position: relative;
}

.c-title01.js-anim_elm.is-act .ja::after {
    width: 100%;
}
.c-title01.js-anim_elm .ja::after {
    -webkit-transition: width .6s .3s;
    transition: width .6s .3s;
    width: 0;
}
.c-title01 .ja::after {
    border-bottom: 1px solid #111;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    width: 100%;
}
.p-introduction_intro {
    background-color: #4e85dd;
    background: url(../img/shingaku/intro_bg01.jpg) no-repeat bottom;
    background-size: cover;
    margin-bottom: 80px;
    padding-bottom: 40px;
}

.p-introduction_intro .c-lower_kv02__parent,
.p-introduction_intro .c-lower_kv_title01 .en,
.p-introduction_intro .c-lower_kv_title01 .ja {
    color: #fff
}

.p-introduction_intro__inner {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-left: 57%
}

.p-introduction_intro__inner.js-anim_elm .p-introduction_intro__copy,
.p-introduction_intro__inner.js-anim_elm .p-introduction_intro__text {
    opacity: 0;
    -webkit-transform: translateY(1em);
    transform: translateY(1em);
    -webkit-transition-duration: 1s;
    transition-duration: 1s;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: opacity, transform;
    transition-property: opacity, transform, -webkit-transform
}

.p-introduction_intro__inner.js-anim_elm .p-introduction_intro__text {
    -webkit-transition-delay: .3s;
    transition-delay: .3s
}

.p-introduction_intro__inner.js-anim_elm.is-act .p-introduction_intro__copy,
.p-introduction_intro__inner.js-anim_elm.is-act .p-introduction_intro__text {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.p-introduction_intro__copy {
    font-size: 3rem;
    line-height: 1.8;
    white-space: nowrap
}

.p-introduction_intro__text {
    font-size: 18px;
}

.p-introduction_intro__text p+p {
    margin-top: 1em
}

.p-introduction_feature {
    margin-bottom: 80px
}

.p-introduction_feature .c-title01 {
    margin-bottom: 40px
}

.p-introduction_feature__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: -40px;
    margin-right: -70px;
    position: relative;
    z-index: 10;
    list-style: none;
    padding: 0;
}

.p-introduction_feature__list>li {
    padding-right: 50px;
    width: 33.333%
}

.p-introduction_feature_block {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    z-index: 10
}

.p-introduction_feature_block,
.p-introduction_feature_block__head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative
}

.p-introduction_feature_block__head {
    -ms-flex-negative: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    flex-shrink: 0;
    justify-content: center;
    margin-bottom: 50px
}

.p-introduction_feature_block__body {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}
.p-introduction_feature_block__body p {
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 2;
    letter-spacing: .05em;
    color: #444;
}
.p-introduction_feature_block__img {
    position: relative;
    width: 100%;
    z-index: 10
}

.p-introduction_feature_block__num {
    display: inline-block;
    font-family: Cormorant, serif;
    font-size: 8.8rem;
    line-height: 1;
    margin-bottom: .2em;
    margin-top: -.3em;
    color: #1e32b4;
}

.-green .p-introduction_feature_block__num {
    color: #56815c
}

.-pink .p-introduction_feature_block__num {
    color: #dd8371
}

.-purple .p-introduction_feature_block__num {
    color: #67659a
}

.p-introduction_feature_block__label {
    font-size: 2rem;
    margin-bottom: .3em;
    margin-top: 0;
    position: relative;
    z-index: 20
}

/* .p-introduction_feature_block__label,
.p-introduction_feature_block__label .text {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
} */

.p-introduction_feature_block__label .text {
    background-color: #fff;
    line-height: 1.8;
    font-weight: 400;
    margin-top:0;
    color: #1e32b4;
}

.-green .p-introduction_feature_block__label .text {
    color: #56815c
}

.-pink .p-introduction_feature_block__label .text {
    color: #dd8371
}

.-purple .p-introduction_feature_block__label .text {
    color: #67659a
}
span.border-bt {
    border-bottom: 2px solid #1e32b4;
}
.p-introduction_feature_block__label .text .bracket {
    font-size: 20px;
}

.p-introduction_feature_block__en {
    font-family: Cormorant, serif;
    font-size: 1.5rem;
    line-height: 1;
    margin-bottom: 1.5em;
    color: #1e32b4;
}

.-green .p-introduction_feature_block__en {
    color: #56815c
}

.-pink .p-introduction_feature_block__en {
    color: #dd8371
}

.-purple .p-introduction_feature_block__en {
    color: #67659a
}

.p-introduction_keywords .c-title01 {
    margin-bottom: 1em
}
.p-introduction_feature .title-blue-with-text-sm .title {
    line-height: 40px;
}
.c-cta {
    background-color: #fff;
    padding-bottom: 80px;
    position: relative;
    z-index: 10;
    margin-top: 40px;
}
.c-cta::before {
    background-color: #ccc;
    background-image:
        radial-gradient(at 80% -20%, #fff 10%, transparent 40%),
        radial-gradient(at 0% 70%, #fff, transparent 50%),
        radial-gradient(at 0% 0%, #0ff, transparent),
        radial-gradient(at 80% 40%, #ff9, transparent 40%),
        radial-gradient(at 100% 100%, #675ee3, transparent);
    bottom: 0;
    content: "";
    height: 50%;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: -1;
}
.c-cta__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0;
}
.c-cta__list > li {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
.c-cta__list > li + li {
    margin-left: 50px;
}
.c-cta_block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.c-cta_block a {
    display: block;
    overflow: hidden;
    position: relative;
    width: 100%;
}
.c-cta_block img {
    max-width: none;
    width: 100%;
    max-height: 400px;
    object-fit: cover;
}

.c-cta-des{
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);display: flex;
    align-items: center;
    justify-content: center;
    width: calc(100% - 30px);
    left: 15px;
}
.c-cta-des h3.title{color: #fff;
                    font-size: 20px;
                    margin: 0 10px 0 0;}
.c-arrow {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    fill: currentColor;
    -ms-flex-negative: 0;
    align-items: center;
    color: #fff;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    flex-shrink: 0;
    height:40px;
    justify-content: center;
    position: relative;
    width: 40px;
    z-index: 10;
}
.c-arrow.-gray::before {
    background-color: #bbc3cd;
}
.c-arrow::before {
    background-color: #b99576;
    border-radius: 50%;
    content: "";
    height: 100%;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: width,height;
    transition-property: width,height;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    width: 100%;
    z-index: -1;
}
a:hover .c-cta_block__button .c-arrow::before {
    height: 120%;
    width: 120%;
}
.c-arrow.-purple::before {
    background-color: #67659a;
}
.c-arrow img, .c-arrow svg {
    height: .5rem;
}
.c-cta_block__button .en {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    left: 50%;
    opacity: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    -webkit-transition: opacity 1s .1s,width .6s .1s;
    transition: opacity 1s .1s,width .6s .1s;
    width: 200%;
}
.c-cta_block__button .en img, .c-cta_block__button .en svg {
    -webkit-animation-duration: 30s;
    animation-duration: 30s;
    height: auto;
    width: auto;
}
.c-a_rotate {
    -webkit-animation-duration: 60s;
    animation-duration: 60s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: rotate;
    animation-name: rotate;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
}
.member_section03 .member-layout-image {
    width: 90%;
    max-width: 1100px;
    position: relative;
    z-index: 0;
}
.member_section03 .member-layout-section__wrap {
    margin-top: -90px;
    padding-left: 30%;

    position: relative;
    z-index: 1;
}
.member-layout-section__title {
    margin-bottom: 30px;
    font-size: 3.5rem;
    font-weight: 700;
    line-height: 1.6;
    color: #2935AF;
}
.member-layout-section__sub {
    margin-bottom: 50px;
    font-size: 1.6rem;
    font-weight: 700;
}
.member-layout-section__text {
    font-size: 1.6rem;
    line-height: 2;
}
.section-school-building-with-map .media .media-body {
    width: calc(100% - 164px);
} 
.section-shingaku-course-test{
    margin-top: 10rem;
}
.page-id-3328 .title-blue-with-text-sm {
    text-align: left;
}
@media (max-width: 767px){
    .c-container, .c-container.-small {width: calc(100% - 30px);margin: 0 auto;padding: 0;}
    .p-introduction_intro{background: url(../img/shingaku/sp_bg_classes-list.jpg) no-repeat bottom;background-size: auto;background-size: cover;}
    .p-introduction_intro__inner {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;padding: 0;}	
    .p-introduction_intro__copy {font-size: 18px;}
    .p-introduction_feature .title-blue-with-text-sm .title {font-size: 22px;}
    .c-title01.-row .text {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
    .c-title01.-row .text .en {margin-right: 0;}
    .c-lower_kv02__parent {font-size: 14px;margin-bottom: 20px;}
    .c-lower_kv_title01 {margin-top:0;}
    .c-title01 .en {font-size: 30px;}
    .c-lower_kv_title01 .en {font-size: 44px;}
    .c-lower_kv_title01 .ja {font-size: 18px;}
    .c-title01 {font-size: 44px;}
    .c-title01 .ja {font-size: 16px;}
    .p-introduction_intro__text {font-size: 14px;padding-left: 0;margin-top: 30px;}
    .p-introduction_feature__list {margin-right: 0;padding: 0 5vw;}
    .p-introduction_feature__list > li {width: 100%;padding-right:0;}
    .p-introduction_feature_block__num {font-size: 70px;}
    .p-introduction_feature_block__label {font-size: 20px;}
    .p-introduction_feature_block__label .text .bracket {font-size: 20px;}
    .p-introduction_feature_block__body p {font-size: 14px;}
    .c-cta::before {background: url(../img/shingaku/bg_gradation_sp@2x.jpg) no-repeat 50%;background-size: auto;background-size: cover;}
    .c-cta__list {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;padding:0;}
    .c-cta__list > li + li {margin-left: 0;margin-top: 30px;}
    .c-cta-des h3.title {font-size: 16px;}
    .c-arrow {height: 40px;width: 40px;}
    .member-layout-image {width: 100% !important;margin-bottom: 30px;}
    .member-layout-section__wrap, .member-layout-image {max-width: none !important;margin-top: 0 !important;padding: 0 !important;position: static !important;transform: none !important;}
    .member-layout-section__title {font-size: 20px;}
    .member-layout-section__sub {margin-bottom: 30px;font-size: 14px;}
    .member-layout-section__text {font-size: 14px;}
    .section-shingaku-course-test{
        margin-top: 1rem;
    }

}

.p-introduction_intro .c-text01{
    font-size: 30px;
    letter-spacing: 5px;
}
.d-inline-block{
    display: inline-block;
}
.section-introduce .media-left {
    width:300px;
}
.section-introduce .media-body {
    text-align: justify;
    width: calc(100% - 300px);
}

.swiper-container-fade .swiper-slide a:hover{
    opacity: 1;
}

.list-buttons{
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 15px;
    padding: 15px 0;
    width: 100%;
}
.form-inline .form-control {
    max-width: 100%;
}
#confirmed_text {
    display:none;
    margin-top: 0;
    margin-bottom: 20px;
    font-size: 19px;
    font-weight: 700;
}
.custom-wpcf7c-confirmed #confirmed_text {
    display:block;
}
.custom-wpcf7c-confirmed h3.title {
    display:none !important;
}

@media (max-width: 767px){
    .section-independent-learning .thumbnail-with-img-circle .text{
        transform: translateY(-50%);
    }
}

.list-movie-voice--toshin{
    margin: 80px 0 120px;
}
.list-movie-voice--toshin .item--movie-voice{
    padding: 15px 0 30px;
    border-top: 1px solid #0072ba;
    border-bottom: 1px solid #0072ba;
}
.list-movie-voice--toshin .item--movie-voice h3{
    font-size: 18px;
    line-height: 32px;
    margin-top: 0;
}
.list-movie-voice--toshin .item--movie-voice h3 span.first {
    font-size: 21px;font-weight: 700;color: #be1e1e;
}
.list-movie-voice--toshin .item--movie-voice h3 p{margin-bottom:0;}
.mgb5{margin-bottom:5px;display: inline-block;}
.font14{font-size:14px !important}
.youtube-container{
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
}
.youtube-container iframe{
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
}

.map-container{
    position: relative;
    width: 100%;
    height: 0;
    margin-block: 30px 30px;
    padding-top: 36.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
}
.map-container iframe{
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
}

.section-event-toshin .movie-voice{margin-bottom:30px;}
@media (min-width: 768px){
    .fz-md-18{
        font-size: 18px !important;
    }
}
#movie_voice_filter {padding: 0 15px;}
#movie_voice_filter h3 {margin: 0 0 5px;font-size: 18px;}
#movie_voice_filter .list_items {display: flex;flex-wrap: wrap;margin-bottom:20px;}
#movie_voice_filter .list_items label{margin: 2px 10px;min-width: 23%;font-size: 14px;font-weight: 400;}
#movie_voice_filter .btn {margin: 0 0 20px 0;padding: 3px 30px;}
.teacher_comment {background: #EBEDFF;padding: 20px;border-radius: 20px;position:relative;}
.teacher_comment:before {content: '';width: 30px;height: 30px;background: #EBEDFF;transform: rotate(45deg);top: -10px;left: calc(50% - 20px);position: absolute;}
.teacher_comment .panel-heading {padding: 0;font-size: 22px;font-weight: 700;}
.teacher_comment .panel-body {font-size: 16px;}
.page-id-3685 .panel-body {font-size: 16px;}
@media (max-width: 767px){
    .page-id-3685 .media-large .text-lg-red {font-size: 20px;}
    .teacher_comment .panel-body {font-size: 16px;padding: 10px 0 0;}
}

.smscroll-buttons{
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 10px;
    padding: 15px 0;
    width: 100%;
    max-width: 445px;
    margin: 0 auto 1rem;
    flex-wrap: wrap;
}
.smscroll-buttons a{
    width: calc(25% - 7.5px);
}
.flyer_imgages_list {
    display: flex;
    flex-direction: column;
}
.flyer_btns {
    display: flex;
    padding: 15px 70px;
    gap: 10px;
}
.img5625{
    position: relative;
    padding-bottom: 56.25%;
}
.img5625 img{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.mw-1000{
    max-width: 1000px;
}
.section-believe-teaching-method .media-left{
    vertical-align: middle;
}
/*.section-believe-teaching-method .media-object{
    max-width: unset;
}*/

.position-relative>a.myet{
    position: absolute;
    padding-bottom: 7%;
    width: 75%;
    top: 36.7%;
    right: 5%;
}
.section-5-features .media-left {
    width: 300px;
}
.section-5-features .media-body {
    width: calc(100% - 336px);
}
@media only screen and (min-width: 768px){
    body .dl-list-indent dt {
        width: 35px;
    }
    html body .dl-list-indent dd {
        width: calc(100% - 90px);
    }
}

@media (max-width: 767px){
    .smscroll-buttons{}
    .flyer_btns {padding: 15px 25px;}
    .section-5-features .media-left {
        width: 100%;
    }
    .section-5-features .media-body {
        width: 100%;
    }
}

#event-shingaku .section-event.section-event-shingaku .img-thumbnail{
    background: transparent;
}

.section-school.price-list .title-course span{
    font-size: 16px;
    font-weight: 400;
}

.voice-hero{
    background: url(../img/voice2023/bg01.png) center top repeat;
}
.voice-hero img{
    display: block;
    margin: 0 auto;
    padding-bottom: 30px;
}

.inner--voice-hero{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}
@media (min-width: 48em){
    .voice-hero .inner--voice-hero .mb40 {
        width: auto; 
        margin-inline: inherit; 
    }
}
ul.winter_menu {
    display: flex;
    list-style: none;
    gap: 20px;
    margin: 20px 0;
    padding: 0;
}
@media (max-width:767px){
    ul.winter_menu {
        flex-wrap: wrap;
        justify-content: center;
    }
    ul.winter_menu li{
        width:calc(33% - 15px)
    }
    .page-id-4105 .js-scrollable img{
        max-width: 800px;
    }
}

.sub_title_yotsuya_winter{
    font-size: 18px;
    color: red;
    text-align: center;
    margin: 15px 0 30px;
}

.mb30{
    margin-bottom: 30px;
}
.winter-training-tilte{
    display: flex;
    justify-content: center;
    align-items: center;
    column-gap: 10px;
}
.winter-training-tilte img{
    max-height: 100px;
}
.winter-training-tilte span{
    font-size: 36px;
    line-height: 42px;
    color: #0b65bc;
    font-weight: 500;
}
.winter-training-tilte01{
    max-height: 100px;
}
@media (max-width: 991px){
    .winter-training-tilte img,
    .winter-training-tilte01{
        height: 55px;
    }
    .winter-training-tilte span{
        font-size: 24px;
        line-height: 36px;
    }
}

.btn.btn-red-shadow-with-arrow{
    font-family: "Noto Sans JP", Sans-serif;
    font-size: 28px;
    font-weight: 600;
    line-height: 38px;
    letter-spacing: 1.7px;
    word-spacing: 0px;
    fill: #FFFFFF;
    color: #FFFFFF;
    background-color: #E4142BDB;
    border-radius: 0px 0px 0px 0px;
    box-shadow: 3px 3px 0px 0px rgba(227.99999999999997, 20.00000000000001, 42.99999999999987, 0.65);
    padding: 25px 60px 25px 60px;
    position: relative;
    max-width: calc(100% - 15px);
}
.btn.btn-red-shadow-with-arrow:hover{
    transform: scale(0.9);
    color: #FFFFFF;
    opacity: 1;
}
.btn.btn-red-shadow-with-arrow:after{
    border-top: 2px solid #e6304e;
    border-right: 2px solid #e6304e;
    width: 14px;
    height: 14px;
    transform: rotate(45deg);
    content: "";
    position: absolute;
    top: calc(50% - 7px);
    right: 30px;
    z-index: 2;
}
.btn.btn-red-shadow-with-arrow:before{
    width: 30px;
    height: 30px;
    content: "";
    position: absolute;
    top: calc(50% - 15px);
    right: 20px;
    z-index: 1;
    background: #fff;
    border-radius: 50%;
}
@media (max-width: 767px){
    .btn.btn-red-shadow-with-arrow{
        font-size: 18px;
        line-height: 32px;
        padding: 15px 60px 15px 30px;
    }

}

.teacher-detail-modal .title-name{
    font-size: 34px;
    margin-top: 27px;
    margin-bottom: 13.5px;
    line-height: 1.2;
}
.teacher-detail-modal .title-name img{
    max-height: 30px;
}
.parent-pageid-172 .btn--class-list{display:none;}
.page-id-965 .section-course-believe.spring-course .media-body{width:350px;max-width:100%;}
.believe_note{text-align:right;font-size:14px;margin-top: -15px;}
.birth_year, #month, #birthday {
    width: 100px !Important;
    display: inline-block;
}
.teacher-title {
    display: flex;
    width: 100%;
}
@media only screen and (max-width:  767px) {
    .dl-discount dt.noright{
        padding-right: 5px!important;
    }
    .birth_year, #month, #birthday {
        margin: 5px 0;
    }
}

/*.img-responsive {
    margin-bottom: 40px!important;
}*/

@media (min-width: 48em){
    .section-internet-method .wpcf7 dl dd .note{
        margin-top: 0;
    }
}

.text-inline{
    display: inline;
}
.text-bg-yellow{
    /*    background: yellow;*/
}
.fz13{
    font-size: 13px;
    line-height: 24px;
}
.fz12{
    font-size: 12px;
    line-height: 18px;
}
.mt--3{
    margin-top: -2.5vw;
}
@media (min-width:1024px) and (max-width:1199px){
    .section-school-building-with-map .address {
        font-size: 14px;
        height: 70px;
    }
}

.well.well-learning .text+.marg30.fz12{
    margin-top: 15px;
}
@media only screen and (min-width: 768px){
    .well.well-learning .text{
        font-size: 14px;
    }
    .well.well-learning .text+.marg30.fz12{
        padding-inline: 8px;
        margin-top: 15px;
    }
}
@media only screen and (max-width: 767px){
    .page-id-515 .btn,
    .page-id-514 .btn{
        white-space: normal;
    }
}

.believe-list.dl-list-indent dd{
    overflow: visible;
}
.lecturer_link_img{
    text-align: center;
    padding: 10px 25% 0;
}


a.point-event-none{
    pointer-events: none;
}
a.blur09:before{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(0,0,0,0.9);
    z-index: 1;
    content: "";
}
a.blur09 .hight-title{
    z-index: 9;
    color: #fff;
    font-size: 20px;
    margin: 0 10px 0 0;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}

.inner-pre-test{
    padding: 30px 0 60px;
}

.table-pre-test{
    min-width: 700px;
}

p.list{
    text-indent: -20px;
    padding-left: 20px;
}
.pre-test--list{
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}
.pre-test--list dt{
    white-space: nowrap;
}
.pre-test--list dt, .pre-test--list dd{
    font-weight: 400;
}
@media only screen and (min-width: 768px){
    .pre-test--alignright{
        float: right;
        margin-left: 15px;
    }
}


.checkbox .inquiry-reason .wpcf7-checkbox,
.checkbox .inquiry-content2 .wpcf7-checkbox{
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
}
.checkbox .inquiry-reason .wpcf7-checkbox .wpcf7-list-item,
.checkbox .inquiry-content2 .wpcf7-checkbox .wpcf7-list-item{
    flex: 1;
}


#p-curriculum_intro .lead{
    position: relative;
}
#p-curriculum_intro .lead small{
    font-size: 18px;
}
@media only screen and (min-width: 768px){
    #p-curriculum_intro .lead small{
        position: absolute;
        right: 30px;
        top: 50%;
        transform: translateY(-50%);
        font-size: 18px;
    }
}

.btn.btn-primary.download-timetable{
    padding: 6px 30px;
    font-size: 16px;
}
.btn.btn-primary.download-timetable b{
    font-size: 20px;
}
@media only screen and (min-width: 768px){
    .btn.btn-primary.download-timetable{
        padding: 12px 30px;
        font-size: 18px;
    }
    .btn.btn-primary.download-timetable b{
        font-size: 23px;
    }
}

.table-contact > tbody > tr > th small{
    font-size: 13px;
}

.swiper-main-believe .swiper-slide img{
    width: 100%;
    height: auto;
}

@media only screen and (max-width: 767px){
    .swiper-main-shingaku2 .swiper-button-next, 
    .swiper-main-shingaku2 .swiper-button-prev{
        display: none;
    }
}



.kbs-sticky-sp{
    position: fixed;
    transition: 0.3s;
    z-index: 9999;
    width: 100%;
    bottom: 0;
    background-color: rgba(247, 247, 247, 0.85);
    color: #f7f7f7;
    text-align: center;
    font-family: "Montserrat", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    font-size: 14px;
    padding: 10px 5px;
}
.kbs-sticky-sp a{
    display: block;
    padding: 10px 20px;
    margin: 0 auto;
    max-width: 300px;
    box-sizing: border-box;
    background: #02026e;
    background: -moz-linear-gradient(top, #02026e 0%, #114569 100%);
    background: -webkit-linear-gradient(top, #02026e 0%, #114569 100%);
    background: linear-gradient(to bottom, #02026e 0%, #114569 100%);
    border-bottom: solid 3px #00026e;
    line-height: 180%;
    color: #fff;
    text-shadow: 0 1px 0 #234e47;
    text-decoration: none;
    text-align: center;
    transition: 0.4s;
    font-weight: bold;
    border-radius: 40px;
}
.kbs-sticky-sp a svg.bfb_icon{
    display: inline-block;
    margin-top: -2px;
    margin-left: 4px;
    width: 1em;
    height: 1em;
    vertical-align: middle;
}

@media only screen and (min-width: 768px){
    .kbs-sticky-sp{
        display: none;
    }
}