body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td{
  margin:0; padding:0;
}
table{
  border-collapse:collapse; border-spacing:0;
}
fieldset, img{
  border:0;
}


address, caption, cite, code, dfn, em, strong, th, var{
  font-style:normal; font-weight:normal;
}
ol, ul{
  list-style:none;
}
caption, th{
  text-align:left;
}
h1, h2, h3, h4, h5, h6{
  font-size:100%; font-weight:normal;
}
q:before, q:after{
  content:”;
}
abbr, acronym{
  border:0;
}

html {
  scroll-behavior: smooth;
}

@charset "utf-8";
/* CSS Document */

/*clearfix------------------------------------------*/
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-table;min-height: 1%;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}

*{font-family:'Noto Sans JP','Noto Serif JP', sans-serif,游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;}

body{
color:#48525f;
font-size:16px;
line-height:24px;
letter-spacing: 1px;
background-color: #ffffff;
}

img{
vertical-align:top;
margin: 0;
padding: 0;
isplay: block;
}

a{
color: #75f9f5;
}

a:hover{
color: #d228b9;
}

a:hover img {
opacity: 0.5;
}
img {
    -webkit-backface-visibility: hidden;
}

/*コンテンツ*/
@media screen and (min-width: 500px){	
  .br-pc { display:block; }
  .br-sp { display:none; }
}
@media screen and (max-width: 500px){	
  .br-pc { display:none; }
  .br-sp { display:block; }
}


img{
margin: 0;
padding: 0;
}


/*メニュー周り*/


/* 
hamburger(ハンバーガーアイコン)
=================================== */
.hamburger {
  position: fixed;
  right: 20px;
  top: 20px;
  width: 50px;
  height: 40px;
  cursor: pointer;
  z-index: 300;
  
}

.hamburger__line {
  position: absolute;
  width: 50px;
  height: 4px;
  right: 0;
  background-color: #003670;
  transition: all 0.5s;
  border-radius: 100px;
}

.hamburger__line--1 {
  top: 1px;
}

.hamburger__line--2 {
  top: 18px;
}

.hamburger__line--3 {
  top: 36px;
}

/*ハンバーガーがクリックされたら*/
.open .hamburger__line--1 {
  transform: rotate(-45deg);
  top: 11px;
background-color: #003670;
}

.open .hamburger__line--2 {
  opacity: 0;
}

.open .hamburger__line--3 {
  transform: rotate(45deg);
  top: 11px;
background-color: #003670;
}

/* 
sp-nav(ナビ)
=================================== */
.sp-nav {
  position: fixed;
  top: -100%; /*ハンバーガーがクリックされる前はWindow右側に隠す*/
  left: 0;
  width: 100%; /* 出てくるスライドメニューの幅 */
  height: 100vh;
  background-color:rgba(255,255,255,0.9);
  transition: all 0.5s;
  z-index: 200;
  overflow-y: auto; /* メニューが多くなったらスクロールできるように */
  
  text-align: center;
}

/*ハンバーガーがクリックされたら右からスライド*/
.open .sp-nav {
  top: 0;
}


/*menu*/
.hum_menu_content{
width: 500px;
height: auto;
margin: 50px auto;
}

.hum_menu_content h3{
color: #0085ce;
font-size: 30px;
font-weight: 700;
margin: 25px 0 15px 0;
}

.cta_btn1 a {
    background: #ff8fa6;
    border-radius: 10px;
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 0 auto;
    max-width: 500px;
    padding: 20px 25px;
    color: #fff;
    transition: 0.3s ease-in-out;
    font-weight: 500;
    text-decoration: none;
    font-weight: 700;
    font-size: 20px;
    box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.6);
    margin-bottom: 10px;
}

.cta_btn1 a:hover {
    background: #e85275;
    color: #fff;
}
.cta_btn1 a:after {
    content: '';
    width: 10px;
    height: 10px;
    border-top: 3px solid #fff;
    border-right: 3px solid #fff;
    transform: rotate(45deg) translateY(-50%);
    position: absolute;
    top: 50%;
    right: 20px;
    border-radius: 1px;
    transition: 0.3s ease-in-out;
}
.cta_btn1 a:hover:after {
    border-color: #fff;
}


.cta_btn2 a {
    background: #f7b259;
    border-radius: 10px;
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 0 auto;
    max-width: 500px;
    padding: 20px 25px;
    color: #fff;
    transition: 0.3s ease-in-out;
    font-weight: 500;
    text-decoration: none;
    font-weight: 700;
    font-size: 20px;
    box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.6);
    margin-bottom: 10px;
}
.cta_btn2 a:hover {
    background: #ff9827;
    color: #fff;
}
.cta_btn2 a:after {
    content: '';
    width: 10px;
    height: 10px;
    border-top: 3px solid #fff;
    border-right: 3px solid #fff;
    transform: rotate(45deg) translateY(-50%);
    position: absolute;
    top: 50%;
    right: 20px;
    border-radius: 1px;
    transition: 0.3s ease-in-out;
}
.cta_btn2 a:hover:after {
    border-color: #fff;
}



.menu_school_info_content{
width: 500px;
height: auto;
margin: 0 auto;
text-align: center;
padding-top: 30px;
padding-bottom: 20px;
}



.menu_school_info_content h2{
margin: 0;
padding: 0;
margin-bottom: 15px;
margin-top: 20px;
}

.menu_school_info_content h2 img{
width: 200px;
height: 61px;
}

.menu_school_info_box {
width: 500px;
height: auto;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

.menu_school_info{
width: 230px;
height: auto;
margin-bottom: 15px;
}
.menu_school_info h3{
text-align: left;
font-weight: 700;
margin-bottom: 5px;
font-size: 11px;
}

.menu_school_info h3 a{
color: #48525f;
text-decoration: none;
}

.menu_school_info h3 a:hover{
color: #48525f;
text-decoration:underline;
}

.menu_school_info img{
width: 230px;
height: 150px;
box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.6);

}





/*メインビジュアル*/
.main_area{
width: 100%;
height: 550px;
background-image:url("../img/main_background2.png"),url("../img/mainbackground.jpg");
background-repeat: no-repeat,no-repeat;
background-size:1000px 545px,2000px 550px;
background-position: center -40px, center top;
animation:
main_img_cl 2.4s ease-in-out infinite alternate;
}

@keyframes main_img_cl {
  0% {
    background-position: center -40px, center top;
  }

  100% {
    background-position: center -30px, center top;
  }
}



.main_content{
width: 900px;
height: 550px;
margin: 0 auto;
padding: 0;

position: relative;
text-align: right;

background-image: url("../img/main_img.png");
background-repeat: no-repeat;
background-size: 900px 637px;
background-position: center -100px;
animation:
main_img_bg 1.5s ease-in-out infinite alternate;
}


@keyframes main_img_bg {
  0% {
    background-position:center -100px;
  }

  100% {
    background-position:center -106px;
  }
}

.main_content h1{
position: absolute;
left:480px;
bottom: 120px;
margin: 0;
padding: 0;
}

.main_content h1 img{
width: 398px;
height: 238px
}

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

.main_content{
width: 100%;
height: 550px;
margin: 0 auto;
}
.main_content h1{
position: absolute;
left:400px;
bottom: 80px;
margin: 0;
padding: 0;
}

.main_content h1 img{

}
}


/*topics*/

.topic_area{
width: 100%;
height: auto;
background: #fff;
}

.topic_content{
width:800px;
height:auto;
margin: 0 auto 50px auto;
text-align: center;
}

.topic_content h2{
margin: 0;
padding: 0;
margin-bottom: 55px;
}

.topic_content h2 img{
width: 304px;
height: 61px;
}

.topic_content ul{
text-align: left;
font-size: 14px;
line-height: 16px;
font-weight: 400;
}

.topic_content ul li{
margin-bottom: 10px;
padding-bottom: 10px;
border-bottom: 1px dotted #cccccc;
}

.topic_content ul li:last-child{
border-bottom: none;
}

.topic_content ul li a{
color: #48525f;
text-decoration: none;
}

.topic_content ul li a:hover{
color: #d672a9;
text-decoration: none;
}

.topic_tl{
font-weight: 700;
color: #0085ce;
margin-right: 15px;
}


/*メニュー部分*/
.comic_menu_area{
width: 100%;
height: auto;
background:url(../img/background_wave1.png),url("../img/background_comic.png"),rgb(84,194,228);
background:url(../img/background_wave1.png),url("../img/background_comic.png"),linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(84,194,228,1) 7%, rgba(195,161,200,1) 100%);
background-size:2080px 40px, 2000px 1137px,cover;
background-position:bottom center , center 00px,center top;
background-repeat:repeat-x,no-repeat,repeat;
}



.comic_menu_content{
width: 800px;
height: auto;
margin: 0 auto;
text-align: center;
padding-top: 80px;
padding-bottom: 100px;
}

.comic_menu_content h2{
margin: 0;
padding: 0;
margin-bottom: 55px;
}

.comic_menu_content h2 img{
width: 328px;
height: 93px;
}

.comic_menu_content p{
color: #fff;
line-height: 30px;
margin-bottom: 50px;
}

.comic_menu_box {
width: 800px;
height: auto;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}


.comic_bnr_l{
width: 800px;
height: auto;
margin-bottom: 15px;
}


.comic_bnr_l img{
width: 100%;
height: auto;
}

.comic_bnr_s{
width: 250px;
height: auto;
margin-bottom: 15px;
}


.comic_bnr_s img{
width: 100%;
height: auto;
}




/*登場人物*/

.chara_area{
width: 100%;
height: auto;
background:url(../img/background_wave2.png),url("../img/background_chara.png"),rgb(0,123,191);
background:url(../img/background_wave2.png),url("../img/background_chara.png"),linear-gradient(180deg, rgba(0,123,191,1) 0%, rgba(120,189,213,1) 100%);
background-size:2080px 40px, 1091px 467px,cover;
background-position:bottom center , center top,center top;
background-repeat:repeat-x,no-repeat,repeat;
}


.chara_content{
width: 800px;
height: auto;
margin: 0 auto;
text-align: center;
padding-top: 60px;
padding-bottom: 100px;
}



.chara_content h2{
margin: 0;
padding: 0;
margin-bottom: 55px;
}

.chara_content h2 img{
width: 495px;
height: 93px;
}

.chara_box {
width: 800px;
height: auto;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

.chara{
width: 240px;
margin-bottom: 30px;
}

.chara img{
width: 240px;
height: 240px;
margin-bottom: 10px;
}

.chara h3{
font-size: 20px;
line-height: 22px;
font-weight: 700;
color: #fff;
margin-bottom: 10px;
}

.chara p{
font-size: 12px;
line-height: 20px;
font-weight: 400;
color: #fff;
text-align: left;
}


/*学校紹介*/
.school_info_area{
width: 100%;
height: auto;
}


.school_info_content{
width: 800px;
height: auto;
margin: 0 auto;
text-align: center;
padding-top: 60px;
padding-bottom: 40px;
}



.school_info_content h2{
margin: 0;
padding: 0;
margin-bottom: 55px;
margin-top: 55px;
}

.school_info_content h2 img{
width: 310px;
height: 95px;
}

.school_info_box {
width: 800px;
height: auto;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

.school_info{
width: 370px;
height: auto;
margin-bottom: 40px;
}
.school_info h3{
text-align: left;
font-weight: 700;
margin-bottom: 10px;
}

.school_info h3 a{
color: #48525f;
text-decoration: none;
}

.school_info h3 a:hover{
color: #48525f;
text-decoration:underline;
}

.school_info img{
width: 370px;
height: 240px;
box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.6);

}


.school_info_content p{
color: #0085ce;
font-size: 28px;
line-height: 34px;
font-weight: 700;
display: inline-block;
position: relative;
padding: 0 20px;
margin-bottom: 10px;
}


.school_info_content p:before {
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    width: 2px;
    height: 100%;
    background: #0085ce;
    border-radius: 3px;
    transform: rotate(-25deg);
}
       
.school_info_content p:after {
    position: absolute;
    content: "";
    right: 0;
    top: 0;
    width: 2px;
    height: 100%;
    background: #0085ce;
    border-radius: 3px;
    transform: rotate(25deg);
}


footer{
width: 100%;
height: 200px;
padding-top: 20px;
text-align: center;
background: #0085ce;
font-size: 12px;
letter-spacing: 1px;
color: #fff;
}



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

.sp-nav {
  top: -120%; /*ハンバーガーがクリックされる前はWindow右側に隠す*/
}
}



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

/*メニュー周り*/


/* 
hamburger(ハンバーガーアイコン)
=================================== */
.hamburger {
  position: fixed;
  right: 20px;
  top: 20px;
  width: 50px;
  height: 40px;
  cursor: pointer;
  z-index: 300;
  
}

.hamburger__line {
  position: absolute;
  width: 50px;
  height: 4px;
  right: 0;
  background-color: #003670;
  transition: all 0.5s;
  border-radius: 100px;
}

.hamburger__line--1 {
  top: 1px;
}

.hamburger__line--2 {
  top: 18px;
}

.hamburger__line--3 {
  top: 36px;
}

/*ハンバーガーがクリックされたら*/
.open .hamburger__line--1 {
  transform: rotate(-45deg);
  top: 11px;
background-color: #003670;
}

.open .hamburger__line--2 {
  opacity: 0;
}

.open .hamburger__line--3 {
  transform: rotate(45deg);
  top: 11px;
background-color: #003670;
}

/* 
sp-nav(ナビ)
=================================== */
.sp-nav {
  position: fixed;
  top: -120%; /*ハンバーガーがクリックされる前はWindow右側に隠す*/
  left: 0;
  width: 100%; /* 出てくるスライドメニューの幅 */
  height: 100vh;
  background-color:rgba(255,255,255,0.9);
  transition: all 0.5s;
  z-index: 200;
  overflow-y: auto; /* メニューが多くなったらスクロールできるように */
  
  text-align: center;
}

/*ハンバーガーがクリックされたら右からスライド*/
.open .sp-nav {
  top: 0;
}


/*menu*/
.hum_menu_content{
width: 90%;
height: auto;
margin: 50px auto;
}

.hum_menu_content h3{
color: #0085ce;
font-size: 20px;
font-weight: 700;
margin: 25px 0 15px 0;
}

.cta_btn1 a {
    background: #ff8fa6;
    border-radius: 10px;
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 0 auto;
    max-width: 80%;
    padding: 20px 25px;
    color: #fff;
    transition: 0.3s ease-in-out;
    font-weight: 500;
    text-decoration: none;
    font-weight: 700;
    font-size: 14px;
    box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.6);
    margin-bottom: 10px;
}

.cta_btn1 a:hover {
    background: #e85275;
    color: #fff;
}
.cta_btn1 a:after {
    content: '';
    width: 10px;
    height: 10px;
    border-top: 3px solid #fff;
    border-right: 3px solid #fff;
    transform: rotate(45deg) translateY(-50%);
    position: absolute;
    top: 50%;
    right: 20px;
    border-radius: 1px;
    transition: 0.3s ease-in-out;
}
.cta_btn1 a:hover:after {
    border-color: #fff;
}


.cta_btn2 a {
    background: #f7b259;
    border-radius: 10px;
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 0 auto;
    max-width: 80%;
    padding: 20px 25px;
    color: #fff;
    transition: 0.3s ease-in-out;
    font-weight: 500;
    text-decoration: none;
    font-weight: 700;
    font-size: 14px;
    box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.6);
    margin-bottom: 10px;
}
.cta_btn2 a:hover {
    background: #ff9827;
    color: #fff;
}
.cta_btn2 a:after {
    content: '';
    width: 10px;
    height: 10px;
    border-top: 3px solid #fff;
    border-right: 3px solid #fff;
    transform: rotate(45deg) translateY(-50%);
    position: absolute;
    top: 50%;
    right: 20px;
    border-radius: 1px;
    transition: 0.3s ease-in-out;
}
.cta_btn2 a:hover:after {
    border-color: #fff;
}



.menu_school_info_content{
width: 90%;
height: auto;
margin: 0 auto;
text-align: center;
padding-top: 30px;
padding-bottom: 20px;
}



.menu_school_info_content h2{
margin: 0;
padding: 0;
margin-bottom: 15px;
margin-top: 20px;
}

.menu_school_info_content h2 img{
width: 50%;
height: auto;
}

.menu_school_info_box {
width: 100%;
height: auto;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

.menu_school_info{
width: 46%;
height: auto;
margin-bottom: 15px;
}
.menu_school_info h3{
text-align: left;
font-weight: 700;
margin-bottom: 5px;
font-size: 11px;
line-height: 14px;
}

.menu_school_info h3 a{
color: #48525f;
text-decoration: none;
}

.menu_school_info h3 a:hover{
color: #48525f;
text-decoration:underline;
}

.menu_school_info img{
width: 100%;
height: auto;
box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.6);

}





/*メインビジュアル*/
.main_area{
width: 100%;
height: 550px;
background-image:url("../img/main_background2.png"),url("../img/mainbackground.jpg");
background-repeat: no-repeat,no-repeat;
background-size:1000px 545px,2000px 550px;
background-position: center -40px, center top;
animation:
main_img_cl 2.4s ease-in-out infinite alternate;
}

@keyframes main_img_cl {
  0% {
    background-position: center -40px, center top;
  }

  100% {
    background-position: center -30px, center top;
  }
}



.main_content{
width: 100%;
height: 550px;
margin: 0 auto;
padding: 0;

position: relative;
text-align: left;

background-image: url("../img/main_img.png");
background-repeat: no-repeat;
background-size: 700px;
background-position: 0 -00px;
animation:
main_img_bg 1.5s ease-in-out infinite alternate;
}


@keyframes main_img_bg {
  0% {
    background-position:0 -10px;
  }

  100% {
    background-position:0 -4px;
  }
}

.main_content h1{
position: absolute;
left:5px;
top: 05px;
margin: 0;
padding: 0;
}

.main_content h1 img{
width: 60%;
height: auto;
}

/*topics*/

.topic_area{
width: 100%;
height: auto;
background: #fff;
}

.topic_content{
width:96%;
height:auto;
margin: 0 auto 50px auto;
text-align: center;
}

.topic_content h2{
margin: 0;
padding: 0;
margin-bottom: 55px;
}

.topic_content h2 img{
width:70%;
height:auto;
}

.topic_content ul{
text-align: left;
font-size: 14px;
line-height: 16px;
font-weight: 400;
}

.topic_content ul li{
margin-bottom: 10px;
padding-bottom: 10px;
border-bottom: 1px dotted #cccccc;
}

.topic_content ul li:last-child{
border-bottom: none;
}

.topic_content ul li a{
color: #48525f;
text-decoration: none;
}

.topic_content ul li a:hover{
color: #d672a9;
text-decoration: none;
}

.topic_tl{
font-weight: 700;
color: #0085ce;
margin-right: 15px;
}


/*メニュー部分*/
.comic_menu_area{
width: 100%;
height: auto;
background:url(../img/background_wave1.png),url("../img/background_comic.png"),rgb(84,194,228);
background:url(../img/background_wave1.png),url("../img/background_comic.png"),linear-gradient(135deg, rgba(84,194,228,1) 0%, rgba(195,161,200,1) 100%);
background-size:1040px 20px, 2000px 1137px,cover;
background-position:bottom center , center -120px,center top;
background-repeat:repeat-x,no-repeat,repeat;
}

.comic_menu_content{
width: 96%;
height: auto;
margin: 0 auto;
text-align: center;
padding-top: 60px;
padding-bottom: 100px;
}

.comic_menu_content h2{
margin: 0;
padding: 0;
margin-bottom: 55px;
}

.comic_menu_content h2 img{
width: 70%;
height: auto;
}

.comic_menu_content p{
color: #fff;
line-height: 30px;
margin-bottom: 50px;
}

.comic_menu_box {
width: 100%;
height: auto;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

.comic_bnr_l{
width: 100%;
height: auto;
margin-bottom: 15px;
}


.comic_bnr_l img{
width: 100%;
height: auto;
}

.comic_bnr_s{
width: 48%;
height: auto;
margin-bottom: 15px;
}


.comic_bnr_s img{
width: 100%;
height: auto;
}



/*登場人物*/

.chara_area{
width: 100%;
height: auto;
background:url(../img/background_wave2.png),url("../img/background_chara.png"),rgb(0,123,191);
background:url(../img/background_wave2.png),url("../img/background_chara.png"),linear-gradient(180deg, rgba(0,123,191,1) 0%, rgba(120,189,213,1) 100%);
background-size:1040px 20px, 1091px 467px,cover;
background-position:bottom center , center top,center top;
background-repeat:repeat-x,no-repeat,repeat;
}


.chara_content{
width: 96%;
height: auto;
margin: 0 auto;
text-align: center;
padding-top: 60px;
padding-bottom: 100px;
}



.chara_content h2{
margin: 0;
padding: 0;
margin-bottom: 55px;
}

.chara_content h2 img{
width: 70%;
height: auto;
}

.chara_box {
width: 100%;
height: auto;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

.chara{
width: 48%;
margin-bottom: 30px;
}

.chara img{
width: 100%;
height: auto;
margin-bottom: 10px;
}

.chara h3{
font-size: 20px;
line-height: 22px;
font-weight: 700;
color: #fff;
margin-bottom: 10px;
}

.chara p{
font-size: 12px;
line-height: 20px;
font-weight: 400;
color: #fff;
text-align: left;
}


/*学校紹介*/
.school_info_area{
width: 100%;
height: auto;
}


.school_info_content{
width: 96%;
height: auto;
margin: 0 auto;
text-align: center;
padding-top: 60px;
padding-bottom: 40px;
}



.school_info_content h2{
margin: 0;
padding: 0;
margin-bottom: 55px;
margin-top: 55px;
}

.school_info_content h2 img{
width: 60%;
height: auto;
}

.school_info_box {
width: 96%;
height: auto;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

.school_info{
width: 48%;
height: auto;
margin-bottom: 40px;
}
.school_info h3{
text-align: left;
font-size: 11px;
line-height: 14px;
font-weight: 700;
margin-bottom: 10px;
}

.school_info h3 a{
color: #48525f;
text-decoration: none;
}

.school_info h3 a:hover{
color: #48525f;
text-decoration:underline;
}

.school_info img{
width: 100%;
height: auto;
box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.6);

}


.school_info_content p{
color: #0085ce;
font-size: 20px;
line-height: 28px;
font-weight: 700;
display: inline-block;
position: relative;
padding: 0 20px;
margin-bottom: 10px;
}


.school_info_content p:before {
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    width: 2px;
    height: 100%;
    background: #0085ce;
    border-radius: 3px;
    transform: rotate(-25deg);
}
       
.school_info_content p:after {
    position: absolute;
    content: "";
    right: 0;
    top: 0;
    width: 2px;
    height: 100%;
    background: #0085ce;
    border-radius: 3px;
    transform: rotate(25deg);
}


footer{
width: 100%;
height: 200px;
padding-top: 20px;
text-align: center;
background: #0085ce;
font-size: 9px;
letter-spacing: 1px;
color: #fff;
}




}