@charset "UTF-8" ;
h1.style_h1_in:before,
h1.style_h1_in:after {
 content: none;
}

h1.style_h1_in{
  margin:30px 0;
  padding:0;
  font-size: 1.1em;
  background-color: transparent;
}

h2,h3{
  border-style: none;
}

h2:before,
h2:after,
h3:before,
h3:after{
  content: none;
}

h2.style_h2_pr{
  margin-bottom: 10px;
}

span.h2_span{
  font-size: 0.8em;
}

div.in_but{
  margin: 0 0 30px 0;
}

div.container_pub,
div.container_press,
div.container_logo,
div.container_gakusho,
div.container_sns{
  display: flex;
  width: 100%;
  height: auto;
  margin: 0 0 20px 0;
  padding: 10px 10px;
  border: solid 0.5px #dcdcdc;
  border-radius: 3px;
  transition: .4s;
  flex-wrap: wrap;
}

div.container_pub{
  flex-direction: column;
  justify-content: space-around;
}

div.container_press,
div.container_ap,
div.container_gakusho,
div.container_sns{
  flex-direction:row;
  justify-content: space-around;
}

br.kaigyou_br{
  display: none;
}

br.br_none{
  display: inline;
}

/*NiASセミナー紹介*/
div.ap_boxs,
div.menu_boxs{
  display: flex;
  width: 100%;
  height: auto;
}

div.ct_box{
  display: flex;
  width: 100%;
  height: 100%;
  flex-direction: column;
}

div.ct_boxs{
  display: flex;
  width: 100%;
  height: auto;  
  flex-direction: column;
}

div.ct_order1{
  display: flex;
  flex-direction:row;
  justify-content: space-around;  
}

div.ct_order2{
  display: flex;
  flex-direction:row;
  justify-content: flex-start;  
}

div.ct_text{
  width: 38%;
  height: auto;
}

div.ct_text_btn{
  width: 76%;
  height: auto;
  margin: 0 13%;
}

div.pub_img{
  width: 38%;
  height: auto;
  text-align: center;
}

/*お申込みお問い合わせ*/
p.ct_btn{
  height: 25%;
  padding: 10px;
  background-color: #f5f5dc;
  border: solid 0.5px #dcdcdc;
  border-radius: 3px;
  transition: .4s;
  text-align: center;
  color: #000;
}

p.ct_btn a{
  display: block;
  width: 100%;
  color: #000;
}

p.ct_btn:hover{
  background-color: #87cefa;
}

/*詳細ボタン*/
div.ct_btn{
  width: 100%;
  height: auto;  
  font-size: 0.9em;
  text-align: left;
}

div.ct_btn_r{
  text-align: right;
}

a.btn--orange {
  display: inline-block;
  width: 120px;
  height: auto;
  padding: 5px;
  margin: 0px 5px;  
  color: #faf0e6;
  background-color: #00aaff;
  text-align: center;
}

a.btn--orange:hover {
  color: #fff;
  background: #f56500;
}

a.btn--width {
  width: 210px;
}

a.btn--radius {
  border-radius: 3px;
}

span.span--btn{
  font-size: 0.8em;
}

/*大学ロゴ*/
h3.ct_h3{
  border-style: none;
  margin: 10px 0;
  padding: 0;
  align-self: flex-start;
  font-family: "ヒラギノ角ゴ Pro",Meiryo,sans-serif;
  font-size: 1.2em;
  font-weight:bold;
  color: #00aaff;
  background: linear-gradient(transparent 85%, #adff2f 50%); 
}

h3.ct_h3:first-letter{
  font-size:1.8em;
  font-weight:bold;
}

p.ct_keyword{
  margin: 10px 0 10px 0;
  font-size: 0.9em;
  align-self: center;
  word-break: break-all;
}

div.ct_img{
  width: 50%;
  height: auto;
  margin: 0 0 10px 8px;
}

div.container_logo{
  display: flex;
  width: 100%;
  height: auto;
  margin: 0 0 20px 0;
  flex-direction: column;
  flex-wrap:nowrap;
}

/*div.logo_box{
  width: 100%;
  height: 100%;
}*/

div.logo_boxs{
  display: flex;
  flex-direction: column;
  height: auto;
  margin: 0;
  padding: 0;
  color: #000;
}

div.logo_imgs{
  display: flex;
  width: 100%;
  height: auto;
  margin: 0 0 20px 0;
  flex-wrap: wrap;
  font-size: 14px;
  text-align: center;
  color: #00aaff;
  flex-direction:row;
  justify-content: flex-start;
}

div.img_boxs{
  height: auto;
  margin-bottom: 20px;    
  padding: 5px;
  background-color: #f5f5dc;
  color: #1e90ff;
  border: solid 0.5px #dcdcdc;
  border-radius: 3px;
  transition: .4s;
}

div.img_boxs:nth-child(1){
  width: 25%;
  margin-right: 20px;
  text-align: center;
}

div.img_boxs:nth-child(2){
  width: 25%;
}

div.img_boxs:nth-child(3){
  width: 45%;
  margin-right: 20px;
}

div.img_boxs:nth-child(4){
  width: 45%;
}

div.img_boxs:nth-child(5){
  width: 45%;
}

span.span_logo:hover{
  color: #fff;
  background: #f56500;
}

span.span_logo{
  font-size: 14px;
  text-align: center;
  color: #00aaff; 
}

div.img_boxs a{
  font-size: 14px;
  color: #00aaff;   
}

div.container_manual{
  display: flex;
  width: 100%;
  height: auto;
  margin: 0 0 20px 0;
  flex-wrap: wrap;
  justify-content: space-around;  
}

div.manual_box,
div.sns_box{
  width: 30%;
  height: auto;
  margin-bottom: 20px;    
  padding: 5px;
  background-color: #f5f5dc;
  color: #1e90ff;
  border: solid 0.5px #dcdcdc;
  border-radius: 3px;
  transition: .4s;
}

div.manual_boxs{
  width: 100%;
  height: auto;
}

div.manual_order{
  display: flex;
  flex-direction: column;
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  color: #000;
}

h3.manual_h3{
  margin-right: 10px;
  text-align: center;
}

/*ul.logo_ul{
  list-style-type: none  
}

ul.logo_ul li{
  margin-bottom: 15px; 
}*/

img.manual_img{
  width: 35%;
  height: 35%;
  align-self: center;
}

img.logo_img{
  width: 70%;
}

img.logo2_img{
  width: 25%;
}

img.logo3_img{
  width: 30%;
  height: auto;
  margin-left: 40px;
}

/*学章*/
div.aba_box{
  flex-direction:row-reverse;
}

div.gakusho_img{
  width: 35%;
  height: auto;
  margin-left: 20px;
}

p.gakusho_keyword{
  align-self: center;
  width: 60%;
  height: auto;
  margin: 0;
}

div.gakusho2_img{
  width: 22%;
  height: auto;
  margin-right: 40px;
}

/*記念誌*/
div.kinensi_box{
  width: 45%;
  height: auto;
  margin-bottom: 20px;    
  padding: 5px;
  background-color: #f5f5dc;
  color: #1e90ff;
  border: solid 0.5px #dcdcdc;
  border-radius: 3px;
  transition: .4s;
}

h3.kinensi_h3{
  height: 77px;
  margin-right: 10px;
  text-align: left;
}

/*sns 学報*/
div.container_ap{
  display: flex;
  flex-direction:row;
  justify-content: space-around;
}

div.ap_box,
div.press_box{
  padding: 5px;
  background-color: #f5f5dc;
  color: #1e90ff;
  border: solid 0.5px #dcdcdc;
  border-radius: 3px;
  transition: .4s;
}

div.ap_box{
  width: 40%;
  margin-bottom: 20px;  
}

div.ap_box:hover,
div.press_box:hover,
div.manual_box:hover,
div.sns_box:hover{
  background: #87cefa;
}

a.ap_a,
a.menu_a{
  text-decoration: none;
  margin: 0;
  padding: 0;
  color: #000; 
}

div.ap_order2,
div.menu_order2{
  width: 100%;
  margin: 0;
  padding: 0;
  color: #000;
}

div.ap_order2,
div.menu_order2
{
  align-self: center;
  text-align: center;
}

h3.ap_h3,
h3.menu_h3{
  border-style: none;
  margin: 0;
  padding: 0;
  font-size: 1em;
  color: #000;
}

div.container_press{
  padding: 10px 10px ;
}

div.press_box{
  width: 20%;
  margin: 10px;
}

p.press_keyword{
  width: 100%;
  margin: 0;
  font-size: 0.9em;  
}

img.press_img{
  width: 60%;
}

/*info*****************************************************/
div.container_phase{
  margin: 0;
  padding:0;
}

div.phase_box{
  width: 100%;
  height: auto;
  margin: 0 0 20px 0;
  padding:10px 0;
  border: solid 0.5px #dcdcdc;
  border-radius: 3px;
  transition: .4s;
}

div.phase_boxs{
  display: flex;
  width: 100%;
  height: auto;
  flex-direction:row;
}

div.phase_text1{
  width: 15%;
  height: auto;
  text-align: center;
  align-self: center;
  font-size: 1.0em;
}

div.phase_text2{
  width: 80%;
  height: auto;  
  padding: 0 0 0 20px;
  font-size: 0.9em;
  border-left: solid 0.5px #dcdcdc;
}

h3.style_phase{
  margin: 0 0 10px 0;
  padding: 0;
}

div.phase_text2 p{
  margin: 0;
  padding: 0; 
}

div.phase_text1 span{
  font-size: 1.2em;
  font-weight:  bold;
}

h3.style_phase span{
  font-size: 0.9em;
  font-weight: none;
}

div.ct_btn_l{
  text-align: left;
}

/* 768pxx以下の画面に適用するCSS*****************************************************/
@media screen and (max-width:769px){

}

/* 480px以下の画面に適用するCSS*****************************************************/
@media screen and (max-width:480px){
  h2.style_h2_pr{
  margin :10px 0;
  }

  br.kaigyou_br{
    display: inline-block;
  }

  br.br_none{
  display: none;
  }

  /*セミナー*/
  div.container_pub,
  div.container_press,
  div.container_logo,
  div.container_gakusho,
  div.container_sns{
    width: auto;
  }

  div.ct_boxs{
    width: 100%;
    flex-direction: column;
    margin-bottom: 0px;
  }

  div.ct_reverse{
    flex-direction: column-reverse;    
  }

  div.ct_column{
    flex-direction:column;    
  }
  
  div.ct_text,
  div.pub_img{
    width: 100%;
    height: auto;
  }

  p.ct_keyword{
    margin: 10px 0 0 0;
  }

  div.ct_img{
    width: 100%;
    height: 100%;
    text-align: center;
    margin: 10px 0;
    padding: 0;
  }

  div.nav_container{
    flex-direction:column;
  }

  div.nav_box{
    width: 100%;
    padding: 10px 0px;
  }

  div.nav_info{
    margin-bottom: 0;
  }

  /*ロゴ*/
  img.logo_img{
    width: 90%;
  }

   img.logo2_img{
    width: 50%;
  }

  div.container_gakusho,
  div.aba_box{
    flex-direction: column-reverse;
  }

  p.gakusho_keyword{
    width: 100%
  }

  div.gakusho_img,
  div.gakusho2_img{
    align-self: center;
    margin: 0;
  }

  div.manual_box{
  width: 40%;
  }

  div.logo_imgs{
    justify-content: space-around;
  }

  div.img_boxs:nth-child(1),
  div.img_boxs:nth-child(2){
    width: 40%;
  }

  /*学報*/
  div.press_box{
    width: 25%;
    height: auto;
    margin: 5px;
  }

  div.sns_box{
    width: 40%;
  }

  /*info*****************************************************/
  div.phase_text1{
    width: 20%;
  }

  div.phase_text2{
    width: 78%;
    padding: 0 5px;
  }
}

/********IEのみに適用するCSS********/
@media all and (-ms-high-contrast: none) {
  h1.style_h1_pr{
    background-color: #ffd700;
  }

  span.style_size{
    color: #008000;
  }

  span.style_hyoudai {
    color: #dc143c;
    background-image:none;
  }

  img.nav_img{
  height: 60%;
  }

  h4.pr2019_h4{
    align-self: auto;  
  } 

  p.pr2019_keyword{
    align-self: auto;
    margin: 5%;
  }
}