@charset "utf-8";
/* ===============================================
# main
=============================================== */
main{
  padding-bottom: 0;
  background: url(/academy/information/strategy/5th_plan/img/bg.jpg)repeat center center;
}
button{
  appearance: none;
  background-color: transparent;
  border: none;
  cursor: pointer;  
}
@media screen and (max-width :768px) {
  main{
    background-size: 40px auto;
  }  
  main .inner{
    width: 89.3%;
  }
}
/* ===============================================
# 共通パーツ
=============================================== */
.fontMincho{
  font-family:"游明朝体", "Yu Mincho","YuMincho","ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "ヒラギノ明朝 ProN", "Hiragino Mincho ProN","Shippori Mincho","Noto Serif JP", serif !important;
}

/* タイトル */
.pcmn_ttl{
  font-size: 3.6rem;
  font-size: clamp(3rem, 2vw, 3.6rem);
  font-weight: 600;
  text-align: center;
  line-height: 1.3;
  color: #004098;
  font-family: "游明朝体", "Yu Mincho","YuMincho","ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "ヒラギノ明朝 ProN", "Hiragino Mincho ProN","Shippori Mincho","Noto Serif JP", serif;
  font-feature-settings: "palt";
}
.pcmn_ttl span{
  display: inline-block;
  padding: 0 56px;
  background: url(/academy/information/strategy/5th_plan/img/ico_strar.svg)no-repeat left center,url(/academy/information/strategy/5th_plan/img/ico_strar.svg)no-repeat right center;
  background-size: 40px auto;
}
/* pcmn_ttl_school */
.pcmn_ttl_school{
  color: #fff;
  font-weight: 700;
  font-size: 3.6rem;
  font-size: clamp(3rem, 2vw, 3.6rem);
  line-height: 1.167;
}
.pcmn_ttl_school span{
  display: block;
  margin-top: 10px;
  font-weight: 400;
  font-size: 2rem;
  font-size: clamp(1.5rem, 1.11vw, 2rem);
  line-height: 1.2;
  font-family: "Roboto", sans-serif;
}
/* pcmn_ttl_plan_vision */
.pcmn_ttl_plan_vision{
  position: relative;
  width: 100px;
  margin: 0 auto;
  padding: 14px 0;
  color: #fff;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.333;
  text-align: center;
  background: url(/academy/information/strategy/5th_plan/img/bg_ttl_vision1.png)no-repeat center center;
  background-size: cover;
  z-index: 1;
}
.pcmn_ttl_plan_vision span{
  color: #fff;
  font-weight: 500;
  font-size: 2rem;
  font-family: "Roboto", sans-serif;
}
.pcmn_txt_plan_vision{
  position: relative;
  max-width: 684px;
  margin: -50px auto 0;
  padding:65px 10px 25px;
  background-color: #fff;
  text-align: center;
  font-size: 2.4rem;
  font-size: clamp(20px,1.33vw,2.4rem);
  font-weight: 600;
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
  z-index: 0;
}
.pcmn_txt_plan_vision span{
  font-size: 2rem;
  font-size: clamp(16px,1.11vw,2rem);
}
/* pcmn_ttl_plan_goal */
.pcmn_ttl_plan_goal{
  position: relative;
  width: 180px;
  margin: 0 auto;
  padding: 11px 0;
  background: url(/academy/information/strategy/5th_plan/img/bg_ttl_goal.png)no-repeat center center;
  background-size: cover;
  font-size: 1.8rem;
  font-weight: 700;
  color: #fff;
  line-height: 1;
  text-align: center;
  z-index: 1;
}
.pcmn_list_goal{
  position: relative;
  max-width: 684px;
  margin: -20px auto 0;
  padding:50px 25px 30px;
  font-size: 1.7rem;
  line-height: 1.4;
  font-weight: 700;
  background-color: #fff;
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
  z-index: 0;
}
.pcmn_list_goal li{
  position: relative;
  padding-left: 1em;
}
.pcmn_list_goal li::before{
  content: '・';
  position: absolute;
  top: 0;
  left:0;
}
.pcmn_list_goal li+li{
  margin-top:8px;
}
.pcmn_list_goal li em{
  display: block;
  font-weight: 700;
}
.pcmn_list_goal li span{
  display: block;
  font-size: 1.4rem;
  line-height: 1.5;
}
/* pcmn_ttl_plan_action */
.pcmn_ttl_plan_action{
  position: relative;
  text-align: center;
  line-height: 1;
}
.pcmn_ttl_plan_action .jp{
  position: absolute;
  top: 55%;
  left: 50%;
  transform: translate(-50%,-50%);
  font-size: 2.4rem;
  font-weight: 700;  
}
.pcmn_ttl_plan_action .en{
  font-size: 6rem;
  font-weight: 100;
  font-family: "Barlow", sans-serif;
  color: #487dc7;
  opacity: 0.2;
}
.type_highschool .pcmn_ttl_plan_action .en{
  color: #3bbabc;
}
.type_school .pcmn_ttl_plan_action .en{
  color: #e97ab3;
}
.type_kindergarten .pcmn_ttl_plan_action .en{
  color: #f0832c;
}
.type_management .pcmn_ttl_plan_action .en{
  color: #5792ae;
}
/* pcmn_nama_caption */
.pcmn_nama_caption{
  font-size: 1.5rem;
  text-align: center;
  color: #000;
  line-height: 1.3;
  margin-top: 13px;
}
.pcmn_nama_caption .name{
  font-size: 2.6rem;
  line-height: 1.1;
  display: block;
  padding-top: 8px;
}
.pcmn_nama_caption .en {
  font-size: 1.3rem;
  font-family: "Roboto", sans-serif;
  font-weight: 500;
}
@media print,screen and (max-width :1024px) {
  /* pcmn_ttl_school */
  .pcmn_ttl_school{
    font-size:2.8rem;
  }
  .pcmn_ttl_school span{
    margin-top: 2px;
    font-size: 1.2rem;
  }  
  /* pcmn_ttl_plan_vision */
  .pcmn_ttl_plan_vision{
    width: 63px;
    margin-top: -60px;
    padding: 9px 0;
    font-size: 1.2rem;
    line-height: 1.25;
  }
  .pcmn_ttl_plan_vision span{
    font-size: 1.2rem;
  }  
  .pcmn_txt_plan_vision{
    width: 88%;
    max-width: inherit;
    margin: -32px auto 0;
    padding:43px 6px 15px;
    font-size: 1.8rem;
    box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.1);
    font-feature-settings: "palt";
  }
  .pcmn_txt_plan_vision span{
    font-size: 1.6rem;
  }    
  /* pcmn_ttl_plan_goal */
  .pcmn_ttl_plan_goal{
    width: 120px;
    padding: 8px 0;
    font-size: 1.2rem;
  }
  .pcmn_list_goal{
    max-width: inherit;
    margin: -14px auto 0;
    padding:40px 20px 25px;
    font-size: 1.6rem;
    background-color: #fff;
    box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.1);
  }    

  /* pcmn_ttl_plan_action */
  .pcmn_ttl_plan_action{
    word-break: keep-all;
  }
  .pcmn_ttl_plan_action .en{
    font-size: 5rem;
  }  
}
@media screen and (max-width :768px) {
  .pcmn_ttl{
    font-size:2.8rem;
  }  
  .pcmn_ttl span{
    padding: 0 35px;
    background-size: 20px auto;
  }  
  /* pcmn_nama_caption */
  .pcmn_nama_caption{
    font-size: 1.4rem;
    margin-top: 10px;
  }
  .pcmn_nama_caption .name{
    font-size: 2.2rem;
    padding-top: 6px;
  }
  .pcmn_nama_caption .en {
    font-size: 1.3rem;
  }  
}
/* ===============================================
# カテゴリ
=============================================== */
.pcmn_ico_cate span{
  display: inline-block;
  padding: 3px 9px;
  color: #fff;
  font-weight: 700;
  font-size: 1.4rem;
  line-height: 1;
  background-color: #487dc7;
  border-radius: 10px;
}
.type_highschool .pcmn_ico_cate span{
  background-color: #3bbabc;
}
.type_school .pcmn_ico_cate span{
  background-color: #e97ab3;
}
.type_kindergarten .pcmn_ico_cate span{
  background-color: #f0832c;
}
.type_management .pcmn_ico_cate span{
  background-color: #5792ae;
}
@media screen and (max-width :1024px) {
  .pcmn_ico_cate span{
    padding: 3px 6px;
    font-size: 1.2rem;
    border-radius: 9px;
  }  
}
/* animaiton */
.js_fade{
  opacity: 0;
  transition: opacity 2s;
  backface-visibility:hidden;
}
.js_fade.show{
  animation: fadeInUp 1.3s ease 0.5s forwards;
}
@keyframes fadeInUp {
  from {
    opacity: 0;
     -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@media print{
  .js_fade{
    opacity: 1;
    visibility: visible;
  }
}