@charset "UTF-8";

#study_system + section .content_wrapper{
     background-color:#0163bf;
     color: #ffffff;
} 
#study_system + section p:before{
     content: none;
}
#study_system + section p{
     font-size: 1.7rem !important;
     margin: 10px 230px 0 0;
     padding-bottom: 0;
}
#study_system + section .h{
     color: #ffffff;
     font-size: 3.5rem !important;
}
#study_system_1 + .composite_box01.block_images_14 .inner_item a+.inner_item_txt{
     margin: 0 auto;
}
#study_system_1 + .composite_box01 .heading.block_header_4 .h{
     color: #5a99d5;
     font-size: 3rem !important;
}
#study_system_1 + .composite_box01 .inner_item{
     background-color: #cddff2;
     border: 1px solid #5a99d5;
}
#study_system_1 + .composite_box01 .wrapper_item{
     padding: 0 40px;
}
#study_system_1 + .composite_box01 .wrapper_item .inner_item:nth-child(1),
#study_system_1 + .composite_box01 .wrapper_item .inner_item:nth-child(2){
    position: relative;
}
#study_system_1 + .composite_box01 .wrapper_item .inner_item:nth-child(1)::before,
#study_system_1 + .composite_box01 .wrapper_item .inner_item:nth-child(1)::after{
    z-index:1;
}
#study_system_1 + .composite_box01 .wrapper_item .inner_item:nth-child(1)::before,
#study_system_1 + .composite_box01 .wrapper_item .inner_item:nth-child(2)::before{
     content:"";
     position: absolute;
     right:-70px;
     box-sizing: border-box;
     width: 25px;
     height: 25px;
     border: 25px solid transparent;
     border-left: 25px solid #ff810b;
}
#study_system_1 + .composite_box01 .wrapper_item .inner_item:nth-child(1)::after,
#study_system_1 + .composite_box01 .wrapper_item .inner_item:nth-child(2)::after{
    content:"";
    position: absolute;
    right: -100px;
    width: 70px;
    height: 25px;
    margin:13px 0;
    border-left: 40px solid #ff810b;
}
@media screen and (max-width: 900px){
    #study_system_1 + .composite_box01 .wrapper_item{
         display:block;
    }
    #study_system_1 + .composite_box01 .wrapper_item{
         padding: 0;
    }
    #study_system_1 + .composite_box01 .inner_item{
         width:100% !important;
         margin:0 auto 30px !important;
    }
    #study_system_1 + .composite_box01 .wrapper_item .inner_item:nth-child(1)::before,
    #study_system_1 + .composite_box01 .wrapper_item .inner_item:nth-child(2)::before{
        right:0;
        left:0;
        bottom: -70px;
        margin: auto;
        transform: rotate( 90deg );
    }
    #study_system_1 + .composite_box01 .wrapper_item .inner_item:nth-child(1)::after,
    #study_system_1 + .composite_box01 .wrapper_item .inner_item:nth-child(2)::after{
         right:0;
         left:0;
         bottom: -50px;
         margin: auto;
         transform: rotate( 90deg );
    }
}
#study_system_2 + section .heading:before,
#study_system_2 + section .heading:after{
    content: none;
}
#study_system_2 + section .h{
   padding-left: 0;
   color: #ff8c4b;
   font-size: 3rem !important;
   text-decoration:underline; 
   text-decoration-color:#ff8c4b;
}
#study_system_2 + section .inner_item_img img{
    width: 300px !important;
    height: 300px !important;
    position: absolute;
    top: 0;
    right: 0;
    left: auto;
}
#study_system_2 + section .inner_item_img{
    padding-top: 30%;
}
#study_system_2 + section .inner_item_txt{
    flex-basis: 70%;
    max-width: 70%;
}
@media screen and (max-width: 1350px){
    #study_system_1 + .composite_box01 .heading.block_header_4 .h{
        font-size: 3rem !important;
    }
    #study_system_2 + section .h{
       font-size: 3rem !important;
    }
}
@media screen and (max-width: 900px){
   #study_system_2 + section .inner_item_img img{
       border-radius: 0%;
       width: 100% !important;
       height: 400px !important;
   }
   #study_system_2 + section .inner_item_img{
      max-width: 100% !important;
      height: 400px !important;
      padding:0 20px ;
   }    
}
@media screen and (max-width: 600px){
    #study_system_2 + section .inner_item_img{
         height: 300px !important;
         padding-top: 300px !important;
    }
    #study_system_2 + section .inner_item_img img{
        height: 300px !important;
    }
}
@media screen and (max-width: 450px){
    #study_system + section .h {
        font-size: 3rem !important;
    }
    #study_system + section p{
        font-size: 1.7rem !important;
        margin: 10px 160px 0 0;
    }
    #study_system_2 + section .h{
         font-size:2.1rem !important;
    }
    #study_system_1 + .composite_box01 .heading.block_header_4 .h{
         font-size:2.5rem !important;
    }
}
/*----



---*/
#fast_learning + section .content_wrapper{
     background-color:#04b0c8;
     color: #ffffff;
} 
#fast_learning + section p:before{
     content: none;
}
#fast_learning + section p{
     font-size: 1.7rem !important;
     margin: 10px 60px 0 0;
     padding-bottom: 0;
}
#fast_learning + section .h{
     color: #ffffff;
     font-size: 3.5rem !important;
}
#fast_learning_1 + .composite_box01.block_images_14 .inner_item a+.inner_item_txt{
     margin: 0 auto;
}
#fast_learning_1 + .composite_box01 .heading.block_header_4 .h{
     color: #05b0cc;
     font-size: 3rem !important;
}
#fast_learning_1 + .composite_box01 .inner_item{
     background-color: #d6f0f4;
     border: 1px solid #05b0cc;
     width:30%;
}
#fast_learning_1 + .composite_box01 .wrapper_item{
     padding: 0 40px;
}
#fast_learning_1 + .composite_box01 .wrapper_item .inner_item:nth-child(1),
#fast_learning_1 + .composite_box01 .wrapper_item .inner_item:nth-child(2){
    position: relative;
}
#fast_learning_1 + .composite_box01 .wrapper_item .inner_item:nth-child(1)::before,
#fast_learning_1 + .composite_box01 .wrapper_item .inner_item:nth-child(1)::after{
    z-index:1;
}
#fast_learning_1 + .composite_box01 .wrapper_item .inner_item:nth-child(1)::before,
#fast_learning_1 + .composite_box01 .wrapper_item .inner_item:nth-child(2)::before{
     content:"";
     position: absolute;
     right: -30px;
     top: 0;
     bottom: 0;
     margin: auto;
     box-sizing: border-box;
     width: 25px;
     height: 5px;
     background-color:  #ffbc16;
}
#fast_learning_1 + .composite_box01 .wrapper_item .inner_item:nth-child(1)::after,
#fast_learning_1 + .composite_box01 .wrapper_item .inner_item:nth-child(2)::after{
    content:"";
    position: absolute;
    right: -30px;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 70px;
    width: 25px;
    height: 5px;
    background-color:  #ffbc16;
    transform: rotate( 90deg );
}
@media screen and (max-width: 900px){
    #fast_learning_1 + .composite_box01 .wrapper_item{
         display:block;
    }
    #fast_learning_1 + .composite_box01 .wrapper_item{
         padding: 0;
    }
    #fast_learning_1 + .composite_box01 .inner_item{
         width:100% !important;
         margin:0 auto 40px !important;
    }
    #fast_learning_1 + .composite_box01 .wrapper_item .inner_item:nth-child(1)::before,
    #fast_learning_1 + .composite_box01 .wrapper_item .inner_item:nth-child(2)::before{
        right:0;
        left:0;
        bottom: -155px;
        margin: auto;
    }
    #fast_learning_1 + .composite_box01 .wrapper_item .inner_item:nth-child(1)::after,
    #fast_learning_1 + .composite_box01 .wrapper_item .inner_item:nth-child(2)::after{
         right:0;
         left:0;
         bottom: -155px;
         margin: auto;
    }
}
#fast_learning_2 + section .heading:before,
#fast_learning_2 + section .heading:after{
    content: none;
}
#fast_learning_2 + section .h{
   padding-left: 0;
   color: #ff8c4b;
   font-size: 3rem !important;
   text-decoration:underline; 
   text-decoration-color:#ff8c4b;
}
#fast_learning_2 + section .inner_item_img img{
    width: 300px !important;
    height: 300px !important;
    position: absolute;
    top: 0;
    right: 0;
    left: auto;
}
#fast_learning_2 + section .inner_item_img{
    padding-top: 35%;
}
#fast_learning_2 + section .inner_item_txt{
    flex-basis: 70%;
    max-width: 70%;
}
@media screen and (max-width: 1350px){
    #fast_learning_1 + .composite_box01 .heading.block_header_4 .h{
        font-size: 2.5rem !important;
    }
    #fast_learning_2 + section .h{
       font-size: 3rem !important;
    }
}
@media screen and (max-width: 900px){
   #fast_learning_2 + section .inner_item_img img{
       border-radius: 0%;
       width: 100% !important;
       height: 400px !important;
   }
   #fast_learning_2 + section .inner_item_img{
      max-width: 100% !important;
      height: 400px !important;
      padding:0 20px ;
   }    
}
@media screen and (max-width: 600px){
    #fast_learning_2 + section .inner_item_img{
         height: 300px !important;
         padding-top: 300px !important;
    }
    #fast_learning_2 + section .inner_item_img img{
        height: 300px !important;
    }
}
@media screen and (max-width: 450px){
    #fast_learning + section .h {
        font-size: 3rem !important;
    }
    #fast_learning + section p{
        font-size: 1.7rem !important;
        margin: 10px 25px 0 0;
    }
    #fast_learning_2 + section .h{
         font-size: 2.1rem !important;
    }
    #fast_learning_1 + .composite_box01 .heading.block_header_4 .h{
         font-size: 2.5rem !important;
    }
    #fast_learning_1 + .composite_box01 .heading.block_header_5 .h{
        font-size: 1.5rem;
    }
}


/*-----------------------------調整---------------------------------*/

/*--------------AUN12調整---------------*/
#study_system_2 + section .inner_item_img img {
    position: static;
}

#study_system_2 + section .inner_item_img {
    padding-top: 0%;
}

@media screen and (max-width: 900px) {
#study_system_2 + section .inner_item_img {
    max-width: 100% !important;
    padding-top: 0% !important;
    height: 100% !important;
}

#study_system_2 + section .inner_item_img img {
    width: 300px !important;
    height: 300px !important;
    border-radius: 50%;
    position: static;
}
}

@media screen and (max-width: 600px) {
#study_system_2 + section .inner_item_img {
    padding-top: 0px !important;
}
}

@media screen and (max-width: 400px) {
#study_system_2 + section .inner_item_img img {
    width: 200px !important;
    height: 200px !important;
}
}


/*--------------AUN13調整---------------*/
#fast_learning_2 + section .inner_item_img {
    padding-top: 0;
}

#fast_learning_2 + section .inner_item_img img {
    position: static;
}

#fast_learning_1 + .composite_box01 .inner_item {
    margin-left: 34px;
}

@media screen and (max-width: 900px) {
#fast_learning_2 + section .inner_item_img {
    max-width: 100% !important;
    height: 100% !important;
    padding: 0;
    padding-top: 0% !important;
}

#fast_learning_2 + section .inner_item_img img {
    width: 300px !important;
    height: 300px !important;
    position: static;
    border-radius: 50%;
}

#fast_learning_1 + .composite_box01 .inner_item {
    padding: 15px;
}

#fast_learning_1 + .composite_box01 .wrapper_item .inner_item:nth-child(1)::before, #fast_learning_1 + .composite_box01 .wrapper_item .inner_item:nth-child(2)::before {
    bottom: -150px;
}

#fast_learning_1 + .composite_box01 .wrapper_item .inner_item:nth-child(1)::after, #fast_learning_1 + .composite_box01 .wrapper_item .inner_item:nth-child(2)::after {
    bottom: -150px;
}
}

@media screen and (max-width: 400px) {
#fast_learning_2 + section .inner_item_img img {
    width: 200px !important;
    height: 200px !important;
}
}