@media screen and (max-width: 1200px) {
:root{
    --viewwidthpc:11.58;
    --swiper-navigation-size:calc(44vw / var(--viewwidth));
}
.container {
    width:calc(1158vw / var(--viewwidth));
    background-color: #fff8ee;
    display: flex;
    flex-direction: column;
    align-items: center;
    min-height: 120vh;
}
.a_area {
    position: relative;
    width:calc(1158vw / var(--viewwidth));
    height:calc(703vw / var(--viewwidth));
    background: url(../images/a_area_bg.png) no-repeat;
    background-position: top center;
    background-size: calc(1920vw / var(--viewwidth)) calc(703vw / var(--viewwidth));
    display: flex;
    flex-direction: column;
    align-items: center;
}
.a_area_1 {
    position: absolute;
    font-size: calc(30vw / var(--viewwidth));
    color:#fff;
    line-height: calc(30vw / var(--viewwidth));
    top:calc(120vw / var(--viewwidth));
    left:50%;
    transform: translateX(-50%);
}

.a_area_2 {
    position: absolute;
    width:calc(1158vw / var(--viewwidth));
    top:calc(470vw / var(--viewwidth));
    height:calc(72vw / var(--viewwidth));
    display: grid;
    grid-template-columns: 1fr 1fr;
}
.a_area_2_left {
    width: 100%;
    height: calc(72vw / var(--viewwidth));
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: calc(34vw / var(--viewwidth));
    line-height: calc(42vw / var(--viewwidth));
    color: #da2413;
}
.a_area_2_right {
    width: 100%;
    height: calc(72vw / var(--viewwidth));
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: calc(34vw / var(--viewwidth));
    line-height: calc(42vw / var(--viewwidth));
    color: #da2413;
}
.b_area {
    width:calc(1158vw / var(--viewwidth));
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}


.c_area {
    width:calc(1158vw / var(--viewwidth));
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: #ffebca;
    margin-top: calc(70vw / var(--viewwidth));
    padding-bottom: calc(70vw / var(--viewwidth));
}
.c_area_1_1_left {
    background-color: #fff8ee;
    font-size: calc(24vw / var(--viewwidthpc));
    line-height: calc(32vw / var(--viewwidthpc));
    color: #000;
    font-weight: bold;
    padding: calc(10vw / var(--viewwidthpc));
    display: flex;
    flex-direction: column;
    justify-content: center;
    opacity: 0;
}

.c_area_1_1_right_top {
    width: 100%;
    background-color: #fff8ee;
    font-size: calc(24vw / var(--viewwidthpc));
    line-height: calc(32vw / var(--viewwidthpc));
    color: #000;
    font-weight: bold;
    padding: calc(10vw / var(--viewwidthpc));
    display: flex;
    flex-direction: column;
    justify-content: center;
    opacity: 0;
}

.c_area_1_1_right_bottom {
    width: 100%;
    background-color: #fff8ee;
    font-size: calc(24vw / var(--viewwidthpc));
    line-height: calc(32vw / var(--viewwidthpc));
    color: #000;
    font-weight: bold;
    padding: calc(10vw / var(--viewwidthpc));
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-top: calc(8vw / var(--viewwidthpc));
    opacity: 0;
}

.d_area {
    width:calc(1158vw / var(--viewwidth));
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: calc(30vw / var(--viewwidth));
}

.e_area {
    width:calc(1158vw / var(--viewwidth));
    background-color: #ffebca;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: calc(70vw / var(--viewwidth));
    padding-bottom:calc(70vw / var(--viewwidth));
}

.f_area {
    width:calc(1158 / var(--viewwidth));
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: calc(10vw / var(--viewwidth));
}

.f_area_1_2_2 {
    width: calc(569vw / var(--viewwidthpc));
    padding-top: calc(20vw / var(--viewwidthpc));
    font-size: calc(24vw / var(--viewwidthpc));
    line-height: calc(34vw / var(--viewwidthpc));
    color: #000000;
}

.teacher_brief {
    display: flex;
    flex-direction: column;
    font-size: calc(24vw / var(--viewwidthpc));
    line-height: calc(32vw / var(--viewwidthpc));
}

.g_area {
    width:calc(1158vw / var(--viewwidthpc));
    margin-top: calc(70vw / var(--viewwidthpc));
    padding-bottom: calc(70vw / var(--viewwidthpc));
    background-color: #ffebca;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.g_area_1_2_2 {
    width: calc(569vw / var(--viewwidthpc));
    padding-top: calc(20vw / var(--viewwidthpc));
    font-size: calc(24vw / var(--viewwidthpc));
    line-height: calc(34vw / var(--viewwidthpc));
    color:#000000;

    
}
.h_area {
    width:calc(1158vw / var(--viewwidthpc));
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.i_area {
    width: calc(1158vw / var(--viewwidthpc));
    margin-top: calc(70vw / var(--viewwidthpc));
    padding-bottom: calc(70vw / var(--viewwidthpc));
    background-color: #ffebca;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.j_area {
    width:calc(1158vw / var(--viewwidthpc));
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
@keyframes d_slide_1 {
  0% {
    top:calc(-297vw / var(--viewwidth));
    opacity: 0;
  }
  100% {
    top:0;
    opacity: 1;
  }
}
@keyframes d_slide_2 {
  0% {
    top:calc(297vw / var(--viewwidth));;
    opacity: 0;
  }
  100% {
    top: 0;
    opacity: 1;
  }
}


}