@charset "UTF-8";

/*
  ページ別CSS
*/


/***********************************************************
#1 オーバーライド: c-main
***********************************************************/
#c-main {}


/*//////////////////
#4 レスポンシブ（タブレット用）
//////////////////*/
@media screen and (max-width: 768px) {}


/*//////////////////
#4 レスポンシブ（スマートフォン用）
//////////////////*/
@media screen and (max-width: 640px) {}


/***********************************************************
#1 スライドエリア
***********************************************************/
#c-main .box-banner {
  margin-bottom: 3em;
  margin-top: 3.0em;
}

/*//////////////////
#4 レスポンシブ（タブレット用）
//////////////////*/
@media screen and (max-width: 768px) {

  #c-main .box-banner {
    margin-bottom: 1em;
    margin-top: 1.0em;
  }


}


/*//////////////////
#4 レスポンシブ（スマートフォン用）
//////////////////*/
@media screen and (max-width: 640px) {}



/***********************************************************
#1 pickup
***********************************************************/
#c-main .box-pickup {
  margin-bottom: 3em;
  margin-top: 3.0em;
}

#c-main .box-pickup h2 {
  text-align: center;
}

#c-main .box-pickup .pickup-list {
  width: 100%;
  max-width: 100%;
  margin: 2.0em 0;
}

#c-main .box-pickup .pickup-list .pickup-element {
  width: 23%;
  max-width: 100%;
  padding: 0;
  margin: 0 1%;
  float: left;
}

#c-main .box-pickup .pickup-list .pickup-element img {
  width: 100%;
  max-width: 100%;
  padding: 0;
  margin: 0;
}

#c-main .box-pickup .pickup-list .pickup-element p.day {
  padding: 0.2em 0.2em 0;
  margin: 0;
  text-align: left;
  font-size: 0.9em;
}

#c-main .box-pickup .pickup-list .pickup-element p.text {
  padding: 0 0.2em 0.5em;
  margin: 0;
  text-align: left;
  font-size: 0.9em;
  line-height: 1.5em;
}

/*//////////////////
#4 レスポンシブ（タブレット用）
//////////////////*/
@media screen and (max-width: 768px) {
  #c-main .box-pickup {
    margin-bottom: 1em;
    margin-top: 1.5em;
  }
}


/*//////////////////
#4 レスポンシブ（スマートフォン用）
//////////////////*/
@media screen and (max-width: 640px) {
  #c-main .box-pickup h2 {
    text-align: center;
    max-width: 75%;
    margin: 0 auto;
  }

  #c-main .box-pickup .pickup-list .pickup-element {
    width: 48%;
    height: 240px;
    /* 縦がズレるので追記 */
  }

}




/***********************************************************
#1 インフォメーション
***********************************************************/
#c-main .box-info {
  margin-bottom: 3em;
  margin-top: 3.0em;
}

#c-main .box-info h2 {
  text-align: center;
}

#c-main .box-info .info-list {
  width: 100%;
  max-width: 100%;
  margin: 2.0em 0;
}


#c-main .box-info .col-info-l {
  width: 20%;
  float: left;
  padding: 1.0em 0 0 1.0em;
}

#c-main .box-info .col-info-l ul {
  padding: 0;
  margin: 0 1.0em 0 0;
}

#c-main .box-info .col-info-l li {
  list-style: none;
  background: #fff;
  text-align: center;
  margin: 0 1.0em 1.0em;
  padding: 7px 10px;
  display: block;
  line-height: 1.5em;
}

#c-main .box-info .col-info-l li.li-on {
  background: #B2D7EA;
}



#c-main .box-info .col-info-r {
  width: 78%;
  float: right;
  border-left: solid 1px #333;
}

#c-main .box-info .col-info-r dl {
  padding: 0;
  margin: 1.0em 0 0 1.0em;
}

#c-main .box-info .col-info-r dt {
  padding: 0;
  margin: 0 1.0em 0.5em;
  float: left;
  line-height: 1.8em;
}

#c-main .box-info .col-info-r dd {
  padding: 0;
  margin: 0 0 0.5em 0;
  line-height: 1.8em;
}

#c-main .box-info .col-info-r .link-list {
  padding: 0 0 0 30px;
  margin: 0;
  background: url("../common/images/li_icon.png") no-repeat left;
  text-align: right;
}


/* リンク */
#c-main .box-info a {
  color: #333;
  text-decoration: none;
}

#c-main .box-info a:hover,
#c-main .box-info a:active {
  color: #E8841E;
}



/*//////////////////
#4 レスポンシブ（タブレット用）
//////////////////*/
@media screen and (max-width: 768px) {

  #c-main .box-info {
    margin-bottom: 1.5em;
    margin-top: 1.0em;
  }

  #c-main .box-info .col-info-l {
    width: 20%;
    padding: 1.0em 0 0 0;
  }

  #c-main .box-info .col-info-l ul {
    padding: 0;
    margin: 0;
  }

  #c-main .box-info .col-info-l li {
    margin: 0 1.0em 1.0em;
    padding: 7px 10px;
    display: block;
    line-height: 1.5em;
  }

}


/*//////////////////
#4 レスポンシブ（スマートフォン用）
//////////////////*/
@media screen and (max-width: 640px) {
  #c-main .box-info h2 {
    text-align: center;
    max-width: 60%;
    margin: 0 auto;
  }

  #c-main .box-info .col-info-l {
    width: 100%;
    max-width: 100%;
    float: none;
    padding: 1.0em 0 0 0;
    border-bottom: solid 1px #333;
  }

  #c-main .box-info .col-info-l ul {
    padding: 0;
    margin: 0;
    width: 100%;
    max-width: 100%;
  }

  #c-main .box-info .col-info-l li {
    width: 25%;
    background: #fff;
    text-align: center;
    margin: 0;
    padding: 0.5em 0.8em;
    display: table-cell;
    line-height: 1.5em;
    float: left;
    font-size: 0.8em;
  }

  #c-main .box-info .col-info-l li.li-on {
    background: #B2D7EA;
  }



  #c-main .box-info .col-info-r {
    width: 96%;
    max-width: 96%;
    float: none;
    border-left: none;
    margin: 0 auto;
  }

  #c-main .box-info .col-info-r dt {
    padding: 0;
    margin: 0 1.0em 0.5em 0;
    float: none;
    line-height: 1.2em;
  }

  #c-main .box-info .col-info-r dd {
    padding: 0;
    margin: 0 0 0.5em 1.0em;
    line-height: 1.2em;
  }

}


/***********************************************************
#1 データで見る島根大学
***********************************************************/
#c-main .box-data.lazyloaded {
  margin: 0;
  padding: 3.0em 0;
  background: url("../images/bg_img_data.jpg") no-repeat top;
  background-size: cover;
}

#c-main .box-data h2 {
  text-align: center;
}

/*//////////////////
#4 レスポンシブ（タブレット用）
//////////////////*/
@media screen and (max-width: 768px) {
  #c-main .box-data {
    padding: 2.0em 0;
  }

}


/*//////////////////
#4 レスポンシブ（スマートフォン用）
//////////////////*/
@media screen and (max-width: 640px) {

  #c-main .box-data h2 {
    text-align: center;
    max-width: 80%;
    margin: 0.5em auto;
  }

}


/***********************************************************
#1 PRバナーリスト
***********************************************************/
#c-main .box-bnlist {
  margin: 0;
  padding: 3.0em 0;
  background: #007BBB;
}

#c-main .box-bnlist ul {
  margin: 0;
  padding: 0;
}

#c-main .box-bnlist li {
  margin: 0.5em 0;
  padding: 0 2%;
  width: 25%;
  max-width: 100%;
  float: left;
  list-style: none;
  text-align: center;
}

/*//////////////////
#4 レスポンシブ（タブレット用）
//////////////////*/
@media screen and (max-width: 768px) {
  #c-main .box-bnlist {
    margin: 0;
    padding: 1.0em 0;
    background: #007BBB;
  }

}


/*//////////////////
#4 レスポンシブ（スマートフォン用）
//////////////////*/
@media screen and (max-width: 640px) {
  #c-main .box-bnlist li {
    margin: 0.3em 0;
    padding: 0 1%;
    width: 50%;
    max-width: 100%;
  }
}

/***********************************************************
#1 第2階層　共通
***********************************************************/
#c-main .box-contents-list {
  margin: 0;
  padding: 0.5em 0 1.5em;
}

#c-main .box-contents-list h3 {
  margin-bottom: 1.0em;
  font-size: 1.1em;
  line-height: 120%;
  color: #007BBB;
  margin-top: 1.0em;
  padding-bottom: 0.5em;
  border-bottom: solid 1.0px #007BBB;
}

#c-main .box-contents-list ul {
  margin: 0.5em 1.0em;
  padding: 0;
}

#c-main .box-contents-list li {
  margin: 0 1.5em 0.5em 0;
  padding: 0 0 0em 0.7em;
  background: url("../common/images/header_navi_bg_etc.gif") no-repeat left;
  list-style: none;
  float: left;
  font-size: 0.9em;
}


#c-main .box-contents-list ul.ul-lang {
  margin: 0.5em 1.0em;
  padding: 0;
}

#c-main .box-contents-list ul.ul-lang li {
  margin: 0 1.5em 0.5em 1.5em;
  padding: 0 0 0 0.7em;
  background: none;
  list-style: disc;
  float: none;
  font-size: 0.9em;
  line-height: 1.1em;
}

#c-main .box-contents-list li a {
  color: #333;
  text-decoration: none;
}

#c-main .box-contents-list li a:active {
  color: #333;
  text-decoration: none;
}

#c-main .box-contents-list li a:hover {
  color: #333;
  text-decoration: underline;
}

#c-main .box-bn-catch ul {
  margin: 1.5em 0 4.0em;
  padding: 0;
  width: 100%;
  max-width: 100%;
}

#c-main .box-bn-catch ul.nyushi {
  margin: 1.5em 0 1.0em;
  padding: 0;
  width: 100%;
  max-width: 100%;
}

#c-main .box-bn-catch li {
  margin: 0 1%;
  padding: 0;
  list-style: none;
  float: left;
  width: 23%;
  max-width: 100%;
}


/*//////////////////
#4 レスポンシブ（タブレット用）
//////////////////*/
@media screen and (max-width: 768px) {}


/*//////////////////
#4 レスポンシブ（スマートフォン用）
//////////////////*/
@media screen and (max-width: 640px) {
  #c-main .box-bn-catch li {
    margin: 0.2em 1%;
    width: 48%;
  }

  #c-main .box-contents-list h3 {
    margin-top: 0;
    padding-left: 0.5em;
  }

}

/***********************************************************
#1 第2階層個別　国際交流
***********************************************************/
#c-main p.font-small {
  font-size: 1.0em;
  line-height: 1.5em;
}

#c-main .box-kokusai {
  background: #F2F2F2;
  padding: 1.5em 1.5em;
  font-size: 90%;
}

#c-main .box-kokusai h5 {
  color: #AF4C00;
  font-weight: normal;
  margin-left: 0.2em;
}

#c-main .box-kokusai02 {
  padding: 1.5em 1.0em;
}

#c-main .box-kokusai02 h4 {
  color: #fff;
  background: #AF4C00;
  margin: 0.2em;
  padding: 0.5em 0.5em;
  font-weight: normal;
}

#c-main .box-kokusai02 .col-kokusai {
  padding: 1.0em 0.5em;
}

#c-main .box-kokusai02 h5 {
  color: #AF4C00;
  font-weight: normal;
  margin-left: 0.2em;
}

#c-main .box-kokusai03 {
  background: #FFFA96;
  padding: 1.5em 1.5em;
  font-size: 90%;
}

#c-main .box-kokusai03 h4 {
  color: #AF4C00;
  font-weight: normal;
  margin-left: 0.2em;
}

#c-main .box-kokusai04 {
  padding: 1.5em 1.5em;
  font-size: 90%;
}

#c-main .box-kokusai04 h4 {
  color: #AF4C00;
  font-weight: normal;
  margin-left: 0.2em;
}

#c-main .box-kokusai05 {
  padding: 1.5em 0;
  font-size: 90%;
  text-align: center;
  margin: 1.0em 0 5.0em;
}


/*//////////////////
#4 レスポンシブ（タブレット用）
//////////////////*/
@media screen and (max-width: 768px) {}


/*//////////////////
#4 レスポンシブ（スマートフォン用）
//////////////////*/
@media screen and (max-width: 640px) {}

/***********************************************************
#1 第2階層個別　入試情報
***********************************************************/


#c-main .box-bn-catch02 ul {
  margin: 1.5em 0 1.0em;
  padding: 0;
  width: 100%;
  max-width: 100%;
}

#c-main .box-bn-catch03 ul {
  margin: 1.5em 0 3.0em;
  padding: 0;
  width: 100%;
  max-width: 100%;
}

#c-main .box-bn-catch02 li,
#c-main .box-bn-catch03 li {
  margin: 0 1%;
  padding: 0;
  list-style: none;
  float: left;
  width: 48%;
  max-width: 100%;
}

#c-main .box-nyuushi-news {
  margin: 0.5em 1% 1.0em;
  padding: 1.0em 1.0em;
  border: solid #007BBB 1px;
  overflow: scroll;
  height: 300px;
}

#c-main .box-nyuushi-news li {
  list-style: none;
  line-height: 180%;
}

/*//////////////////
#4 レスポンシブ（タブレット用）
//////////////////*/
@media screen and (max-width: 768px) {}


/*//////////////////
#4 レスポンシブ（スマートフォン用）
//////////////////*/
@media screen and (max-width: 640px) {
  #c-main .box-bn-catch ul {
    margin: 0.5em 0 0.5em;
    padding: 0;
  }

  #c-main .box-bn-catch02 ul,
  #c-main .box-bn-catch03 ul {
    margin: 0.5em 0 0.5em;
    padding: 0;
  }

  #c-main .box-bn-catch02 li,
  #c-main .box-bn-catch03 li {
    margin: 0.5em 1%;
    float: none;
    width: 100%;
  }
}

/***********************************************************
#1 第2階層個別　産業振興
***********************************************************/

#c-main .box-sangyou {
  margin: 1.5em 1% 1.0em;
  background: #F2F2F2;
  padding: 0.5em 0;
}

#c-main .col-sangyou {
  margin: 0.5em auto 0;
  padding: 0.5em 0;
  width: 960px;
  max-width: 100%;
}

#c-main .col-sangyou-l {
  margin: 0.5em auto;
  padding: 0;
  width: 30%;
  max-width: 100%;
  float: left;
}

#c-main .col-sangyou-r {
  margin: 0.5em auto;
  padding: 0;
  width: 68%;
  max-width: 100%;
  float: right;
  font-size: 0.9em;
  line-height: 1.6em;
}

/*//////////////////
#4 レスポンシブ（タブレット用）
//////////////////*/
@media screen and (max-width: 768px) {}


/*//////////////////
#4 レスポンシブ（スマートフォン用）
//////////////////*/
@media screen and (max-width: 640px) {

  #c-main .col-sangyou {
    margin: 0.5em auto 0;
    padding: 0.5em;
  }

  #c-main .col-sangyou-l {
    width: 100%;
    float: none;
  }

  #c-main .col-sangyou-r {
    width: 100%;
    float: none;
  }

}

/***********************************************************
#1 第2階層個別　大学紹介
***********************************************************/

#c-main .box-shoukai {
  margin: 1.5em 1% 1.0em;
  background: #F2F2F2;
  padding: 0.5em 0;
}

#c-main .col-shoukai {
  margin: 0.5em auto 0;
  padding: 0.5em 0;
  width: 960px;
  max-width: 100%;
}

#c-main .col-shoukai-l {
  margin: 0.5em auto;
  padding: 0;
  width: 20%;
  max-width: 100%;
  float: left;
}

#c-main .col-shoukai-r {
  margin: 0.5em auto;
  padding: 0;
  width: 78%;
  max-width: 100%;
  float: right;
  font-size: 0.9em;
  line-height: 1.6em;
}

/*//////////////////
#4 レスポンシブ（タブレット用）
//////////////////*/
@media screen and (max-width: 768px) {}


/*//////////////////
#4 レスポンシブ（スマートフォン用）
//////////////////*/
@media screen and (max-width: 640px) {

  #c-main .col-shoukai {
    margin: 0.5em auto 0;
    padding: 0.5em;
  }

  #c-main .col-shoukai-l {
    width: 100%;
    float: none;
    text-align: center;
  }

  #c-main .col-shoukai-r {
    width: 100%;
    float: none;
  }

}

/***********************************************************
#1 第2階層個別　学部・大学院
***********************************************************/

#c-main .box-gakubu {
  margin: 1.5em 1% 1.0em;
  padding: 0;
}

#c-main .col-gakubu {
  margin: 1.0em 1% 1.5em;
  padding: 0;
  width: 31%;
  max-width: 100%;
  float: left;
}

#c-main .col-gakubu h3.h3-top {
  margin: 0.5em 0 0.5em 0.2em;
  font-size: 1.2em;
  line-height: 120%;
  color: #333;
  font-family: 'Sawarabi Mincho', sans-serif;
  letter-spacing: 0.05em;
  border-bottom: solid 1.0px #333;
  padding-bottom: 0.3em;
  text-align: center;
}

#c-main .col-gakubu h3.h3-bottom {
  margin: 1.2em 0 0.2em 0.2em;
  font-size: 1.2em;
  line-height: 120%;
  color: #333;
  font-family: 'Sawarabi Mincho', sans-serif;
  border-bottom: none;
  padding-bottom: 0;
  font-weight: normal;
  height: 60px;
}

#c-main .col-gakubu p {
  height: 150px;
  font-size: 0.9em;
  line-height: 140%;
}

#c-main .col-gakubu .btn-area {
  margin: 0.5em 0;
  padding: 0;
  width: 100%;
  max-width: 100%;
}

#c-main .col-gakubu .btn-area-l {
  margin: 0;
  padding: 0;
  width: 49%;
  max-width: 100%;
  float: left;
}

#c-main .col-gakubu .btn-area-r {
  margin: 0;
  padding: 0;
  width: 49%;
  max-width: 100%;
  float: right;
}

#c-main .box-daigakuin {
  margin: 1.5em 1% 1.0em;
  padding: 0;
}

#c-main .col-daigakuin {
  margin: 1.0em 1% 1.5em;
  padding: 0;
  width: 31%;
  max-width: 100%;
  float: left;
}

#c-main .col-daigakuin h3.h3-top {
  margin: 0.5em 0 0.5em 0.2em;
  font-size: 1.2em;
  line-height: 120%;
  color: #333;
  font-family: 'Sawarabi Mincho', sans-serif;
  letter-spacing: 0.05em;
  border-bottom: solid 1.0px #333;
  padding-bottom: 0.3em;
  text-align: center;
}

#c-main .col-daigakuin h3.h3-bottom {
  margin: 1.2em 0 0.2em 0.2em;
  font-size: 1.2em;
  line-height: 120%;
  color: #333;
  font-family: 'Sawarabi Mincho', sans-serif;
  border-bottom: none;
  padding-bottom: 0;
  font-weight: normal;
  height: 60px;
}

#c-main .col-daigakuin p {
  height: 160px;
  font-size: 0.9em;
  line-height: 140%;
}

#c-main .col-daigakuin .btn-area {
  margin: 0.5em 0;
  padding: 0;
  width: 100%;
  max-width: 100%;
  font-size: 0.9em;
}

#c-main .col-daigakuin .btn-area-l {
  margin: 0;
  padding: 0;
  width: 44%;
  max-width: 100%;
  float: left;
}

#c-main .col-daigakuin .btn-area-r {
  margin: 0;
  padding: 0;
  width: 54%;
  max-width: 100%;
  float: right;
}

#c-main .col-daigakuin span.notice{
  display: block
}

/*//////////////////
#4 レスポンシブ（タブレット用）
//////////////////*/
@media screen and (max-width: 768px) {

  #c-main .col-gakubu h3.h3-bottom {
    height: 80px;
  }

  #c-main .col-gakubu p {
    height: 170px;
  }

  #c-main .col-daigakuin p {
    height: 190px;
  }

  #c-main .col-daigakuin .btn-area-l {
    margin: 0.3em 0;
    width: 100%;
    float: none;
  }

  #c-main .col-daigakuin .btn-area-r {
    margin: 0.3em 0;
    width: 100%;
    float: none;
  }

}


/*//////////////////
#4 レスポンシブ（スマートフォン用）
//////////////////*/
@media screen and (max-width: 640px) {

  #c-main .col-gakubu {
    width: 100%;
    float: none;
  }

  #c-main .col-gakubu h3.h3-bottom {
    height: auto;
  }

  #c-main .col-gakubu p {
    height: auto;
  }

  #c-main .col-daigakuin {
    width: 100%;
    float: none;
  }

  #c-main .col-daigakuin h3.h3-bottom {
    height: auto;
  }

  #c-main .col-daigakuin p {
    height: auto;
  }

}




/***********************************************************
#1 第3階層　エネルギー学部
***********************************************************/

#c-main #box-energy {
  width: 100%;
  max-width: 100%;
  margin: 1.5em 0 2.0em;
}

#c-main sub {
  font-size: 0.6em;
}


#c-main #box-energy h3 {
  border: none;
  font-size: 1.2em;
}

#c-main .col-energy {
  width: 100%;
  max-width: 100%;
  margin: 0.5em 0;
  padding: 0.5em;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}

#c-main .col-energy-co1 {
  flex-basis: 47%;
  max-width: 100%;
  margin: 0 0 0.5em;
  padding: 0.5em 0.8em;
  font-size: 0.8em;
  line-height: 1.3em;
  text-align: center;
  align-items: center;
  border: solid 1px #000;
}

#c-main .col-energy-co2 {
  flex-basis: 4%;
  max-width: 100%;
  margin: 0 0 0.5em;
  padding: 0;
  font-size: 1.0em;
  text-align: center;
  align-items: center;
}


#c-main .col-energy02 {
  width: 100%;
  max-width: 100%;
  margin: 0.5em 0;
  padding: 0.5em;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
}

#c-main .col-energy02-co {
  flex-basis: calc(100% / 3 - 2%);
  max-width: 100%;
  margin: 0 1% 0.5em;
  padding: 0;
}

#c-main a.btn-energy:link,
#c-main a.btn-energy:visited {
  margin: 0 0 0.5em;
  padding: 0.5em 0.8em;
  background: #333;
  color: #fff;
  display: inline-block;
  text-decoration: none;
}

#c-main a.btn-energy:hover {
  margin: 0 0 0.5em;
  padding: 0.5em 0.8em;
  background: #333;
  color: #fff;
  display: inline-block;
  text-decoration: underline;
}

#c-main .material_open_campus_bn {
  padding: 1.0em 0;
} 

#c-main .material_open_campus_bn_sp {
  display: none;
  padding: 1.0em 0;
} 

/*//////////////////
#4 レスポンシブ（タブレット用）
//////////////////*/
@media screen and (max-width: 768px) {}


/*//////////////////
#4 レスポンシブ（スマートフォン用）
//////////////////*/
@media screen and (max-width: 640px) {

  #c-main .col-energy02-co {
    flex-basis: calc(100% / 2 - 2%);
  }

  #c-main .material_open_campus_bn {
    display: none;
  } 

  #c-main .material_open_campus_bn_sp {
    display: block;
  } 


}




/***********************************************************
#1 第2階層個別　フレックスターム
***********************************************************/


#c-main .col-flex {
  margin: 1.0em 0;
  padding: 0;
  width: 100%;
  max-width: 100%;
}

#c-main .col-flex-l {
  margin: 1.0em 0;
  padding: 0;
  width: 25%;
  max-width: 100%;
  float: left;
}

#c-main .col-flex-r {
  margin: 1.0em 0;
  padding: 0;
  width: 74%;
  max-width: 100%;
  float: right;
}

#c-main .col-flex-r p {
  color: #003B80;
  font-size: 1.0em;
  line-height: 1.6em;
  margin: 1.0em 0 0 0.5em;
}

#c-main .col-flex-news {
  margin: 1.0em 0;
  padding: 0;
  width: 100%;
  max-width: 100%;
}

#c-main .col-flex-news-l {
  margin: 1.0em 0;
  padding: 0;
  width: 49%;
  max-width: 100%;
  float: left;
}

#c-main .col-flex-news-r {
  margin: 1.0em 0;
  padding: 0;
  width: 49%;
  max-width: 100%;
  float: right;
}

#c-main .col-flex-news h4 {
  color: #003B80;
  font-size: 1.4em;
  font-weight: normal;
}

#c-main .box-flex-news {
  margin: 0.5em 1% 1.0em;
  padding: 1.0em 1.0em;
  border: solid #007BBB 1px;
  overflow: scroll;
  height: 300px;
}

#c-main .squre-blue {
  color: #0000FF;
}

#c-main .squre-red {
  color: #FF0000;
}

#c-main .squre-green {
  color: #008D45;
}

#c-main .squre-orange {
  color: #EF7C00;
}

#c-main .squre-purple {
  color: #A757A8;
}

#c-main .squre-winered {
  color: #633142
}

#c-main .squre-yellowgreen {
  color: #B9C42F;
}

#c-main .squre-lemon {
  color: #E0C240;
}

#c-main .squre-mango {
  color: #D47F1E;
}

#c-main .squre-rose {
  color: #E67399;
}

#c-main .squre-pistachio {
  color: #7EC225;
}

#c-main .squre-cobalt {
  color: #668CD9
}

#c-main .squre-amethyst {
  color: #603F99;
}

#c-main .squre-basil {
  color: #3C995B;
}
#c-main .squre-graphite {
  color: #594e52;
}

#c-main .cal_wrapper {
  max-width: 100%;
  /* 最大幅 */
  min-width: 300px;
  /* 最小幅 */
  margin: 2% auto;
}

#c-main .googlecal {
  position: relative;
  padding-bottom: 100%;
  /* 縦横比 */
  height: 0;
  overflow: hidden;
}

#c-main .googlecal iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}

#c-main .box-flex-icon {
  margin: 2.0em 0 1.0em;
  padding: 0;
  width: 100%;
  max-width: 100%;
}

#c-main .box-flex-icon ul {
  margin: 1.0em 0;
  padding: 0;
}

#c-main .box-flex-icon li {
  margin: 0;
  padding: 0.5%;
  float: left;
  list-style: none;
  width: 15.5%;
  text-align: center;
  font-size: 0.6em;
  color: #003B80;
}

/*//////////////////
#4 レスポンシブ（タブレット用）
//////////////////*/
@media screen and (max-width: 768px) {

  #c-main .box-flex-icon li {
    margin: 0;
    padding: 0.5%;
    float: left;
    list-style: none;
    width: 19%;
    text-align: center;
    font-size: 0.6em;
    color: #003B80;
  }


}


/*//////////////////
#4 レスポンシブ（スマートフォン用）
//////////////////*/
@media screen and (max-width: 640px) {
  .googlecal {
    padding-bottom: 75%;
  }

  #c-main .col-flex-l {
    width: 100%;
    float: none;
    text-align: center;
  }

  #c-main .col-flex-r {
    width: 100%;
    float: none;
  }

  #c-main .col-flex-news-l {
    width: 100%;
    float: none;
  }

  #c-main .col-flex-news-r {
    width: 100%;
    float: none;
  }

  #c-main .box-flex-icon li {
    margin: 0;
    padding: 0.5%;
    float: left;
    list-style: none;
    width: 48%;
    text-align: center;
    font-size: 0.6em;
    color: #003B80;
  }

}



.slick-container {
  position: relative;
}

.slick-container.initialized {
  display: block;
}

#c-main .slick-container ul {
  padding: 0;
  margin: 0 30px 1em 30px;
}

.slick-box3 {
  margin: auto;
  padding: 0;
  width: 88%;
}

.slick-prev {
  left: -25px;
}

/* .slick-next {
 *      right: -25px;
 *       }
 *       */
.slick-list {
  margin-left: 25px;
}

.contentPage table {
  width: 100% !important
}


/* 日付 */
.contentArticleDoc .publishedAt {
  text-align: right;
  margin-bottom: 0.7em;
  margin-right: 0.5em;
}

/***********************************************************
#1 第3階層　島根大学概要
***********************************************************/

#c-main .box-gaiyo {
  margin: 1.5em 0 2.0em;
  padding: 0;
}

#c-main .box-gaiyo-l {
  margin: 0;
  padding: 0;
  width: 50%;
  float: left;
}

#c-main .box-gaiyo-r {
  margin: 0;
  padding: 0;
  width: 44%;
  float: right;
}

#c-main .gaiyo-list {}

#c-main .gaiyo-list dl {}

#c-main .gaiyo-list dt {
  float: left;
  width: 190px;
}

#c-main .gaiyo-list dd {
  float: left;
  width: 140px;
}


/*//////////////////
#4 レスポンシブ（タブレット用）
//////////////////*/
@media screen and (max-width: 768px) {}


/*//////////////////
#4 レスポンシブ（スマートフォン用）
//////////////////*/
@media screen and (max-width: 640px) {
  #c-main .box-gaiyo-l {
    margin: 0;
    padding: 0;
    width: 100%;
    float: none;
  }

  #c-main .box-gaiyo-r {
    margin: 0;
    padding: 0;
    width: 100%;
    float: none;
  }

  #c-main .gaiyo-list dt {
    float: none;
    width: 100%;
  }

  #c-main .gaiyo-list dd {
    float: none;
    width: 100%;
  }



}

/***********************************************************
テーブル要素を中央寄せ
***********************************************************/

.va_middle {
  vertical-align: middle;
}



/***********************************************************
 * #1 第2階層個別　sdgs
 * ***********************************************************/

#c-main h2.h2-sdgs {
  float: none;
  width: 100%;
  background: url("../images/sdgs/icon_h2.jpg") no-repeat left;
  padding: 40px 0 30px 120px;
  font-family: 'Sawarabi Mincho', sans-serif;
}

#c-main h2.h2-sdgslist {
  color: #007BBB;
  margin-top: 1.0em;
  padding-bottom: 0.5em;
  border-bottom: solid 1.0px #007BBB;
  text-align: center;
}

#c-main h2.h2-sdgslist02 {
  color: #007BBB;
  margin-top: 2.0em;
  padding-bottom: 0.5em;
  border-bottom: solid 1.0px #007BBB;
  text-align: center;
  font-size: 1.3em;
}

#c-main .box-sdgs-list {
  margin: 0;
  padding: 0.5em 0 1.5em;
}

#c-main .box-sdgs-list ul {
  margin: 0.5em 0;
  padding: 0;
}

#c-main .box-sdgs-list li {
  margin: 0 0.8em 1.0em;
  padding: 0;
  list-style: none;
  float: left;
}

#c-main .box-sdgs-list li img{
  width: 130px;
}

/***********************************************************
#1 第2階層個別　sdgs ver.2 220305
***********************************************************/

#c-main .col-tag {
  margin: 1.0em 0 0 auto;
  padding: 0;
  text-align: right;
}

#c-main .col-jirei {
  margin: 1.0em 0 10px auto;
  padding: 0;
  text-align: center;
  font-size: 180%;
}

#c-main .col-jirei a {
  margin: 0 0 0 0.5em;
  padding: 0.5em 1.5em;
  color: #fff;
  font-size: 0.9em;
  text-decoration: none;
  display: inline-block;
}

#c-main .col-tag a {
  margin: 0 0 0 0.5em ;
  padding: 0.5em 1.5em 0.5em 1.5em ;
  color: #fff;
  font-size: 0.9em;
  text-decoration: none;
  display: inline-block;
  background: url("../images/sdgs/arrow_icon.svg") no-repeat right 15px center;
  background-size: 30px;
  padding-right: 50px;
  text-align: center;
}

#c-main .col-tag a.btn-jirei,
#c-main .col-jirei a.btn-jirei {
  background-color: #26A900;
}
#c-main .col-tag a.btn-edu {
  background-color: #FF704F;
}

#c-main .col-tag a.btn-special {
  background-color: #0061CF;
}

#c-main .col-sdgstopics ul {
  margin: 0;
  padding: 0;
}

#c-main .col-sdgstopics ul li {
  margin: 0 auto 1.0em;
  width: 100%;
  display: table;
}

#c-main .col-sdgstopics ul li .publish_date {
  margin: 0 1.0em 0;
  display: table-cell;
  padding: 0.2em 1.0em 0.2em 0;
  width: 110px;
}

#c-main .col-sdgstopics ul li .category {
  width: 110px;
  display: table-cell;
}

#c-main .col-sdgstopics ul li .category span {
  margin: 0 1.0em 0 0;
  display: inline-block;
  padding: 0.5em 0.5em;
  color: #fff;
  width: 110px;
  text-align: center;
  font-size: 0.8em;
  border-radius: 0.3em;
  line-height: 1.0em;
}

#c-main .col-sdgstopics ul li .category span.event {
  background: blue;
}

#c-main .col-sdgstopics ul li .category span.news {
  background: red;
}

#c-main .col-sdgstopics ul li .category span.topics {
  background: orange;
}

/* 2番目以降を削除 */
#c-main .col-sdgstopics ul li .category span.topics:not(:first-child) {
  display: none;
}

#c-main .col-sdgstopics ul li .title_link {
  margin: 0 0 0 1.0em;
  display: table-cell;
  padding: 0.5em 0.5em;
  padding-left: 1.0em;
}

#c-main .col-sdgstopics ul li .title_link a:link,
#c-main .col-sdgstopics ul li .title_link a:visited {
  color: #333;
  text-decoration: none;
}

#c-main .col-sdgstopics ul li .title_link a:hover {
  text-decoration: underline;
}

#c-main .col-sdgstopics .links {
  text-align: right;
}

#c-main .col-sdgs-jirei #sdgsDocs ,
#c-main .education_sdgs #sdgsDocs ,
body[id^="page-introduction-policiesAndInitiatives-SDGs-sdgsCategories-attributes"]  #c-main .contentGpCategory.contentGpCategoryCategory {
  width: 100%;
  max-width: 100%;
  margin: 2.0em 0;
  padding: 0;
}

#c-main .col-sdgs-jirei #sdgsDocs ul ,
#c-main .education_sdgs #sdgsDocs ul ,
body[id^="page-introduction-policiesAndInitiatives-SDGs-sdgsCategories-attributes"]  #c-main .contentGpCategory.contentGpCategoryCategory ul {
  width: 100%;
  max-width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
}

#c-main .col-sdgs-jirei #sdgsDocs ul li ,
#c-main .education_sdgs #sdgsDocs ul li ,
body[id^="page-introduction-policiesAndInitiatives-SDGs-sdgsCategories-attributes"]  #c-main .contentGpCategory.contentGpCategoryCategory ul li {
  flex-basis: 23% !important;
  max-width: 100%;
  margin: 0 1% 1.0em;
  padding: 0;
  list-style: none;
}

#c-main .col-sdgs-jirei #sdgsDocs ul li .title_link ,
#c-main .education_sdgs #sdgsDocs ul li .title_link ,
body[id^="page-introduction-policiesAndInitiatives-SDGs-sdgsCategories-attributes"]  #c-main .contentGpCategory.contentGpCategoryCategory  ul li .title_link {
  display: block;
  width: 100%;
  max-width: 100%;
  margin: 0.5em 0;
}

#c-main .col-sdgs-jirei #sdgsDocs ul li .title_link a:link,
#c-main .education_sdgs #sdgsDocs ul li .title_link a:link,
#c-main .col-sdgs-jirei #sdgsDocs ul li .title_link a:visited,
#c-main .education_sdgs #sdgsDocs ul li .title_link a:visited {
  color: #333;
  font-weight: 600;
  text-decoration: none;
}

#c-main .col-sdgs-jirei #sdgsDocs ul li .title_link a:hover,
#c-main .education_sdgs #sdgsDocs ul li .title_link a:hover {
  text-decoration: underline;
}

#c-main .col-sdgs-jirei #sdgsDocs ul li .title_link a:hover,
#c-main .education_sdgs #sdgsDocs ul li .title_link a:hover {
  text-decoration: underline;
}

#c-main .col-sdgs-jirei #sdgsDocs ul li .category ,
#c-main .education_sdgs #sdgsDocs ul li .category ,
body[id^="page-introduction-policiesAndInitiatives-SDGs-sdgsCategories-attributes"]  #c-main .contentGpCategory.contentGpCategoryCategory ul li .category {
  width: 100%;
  max-width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

/* 
 * pickup
 */
#c-main .col-sdgs-jirei #sdgsDocs ul li .category .attributes-pickup ,
#c-main .education_sdgs #sdgsDocs ul li .category .attributes-pickup ,
body[id^="page-introduction-policiesAndInitiatives-SDGs-sdgsCategories-attributes"]  #c-main .contentGpCategory.contentGpCategoryCategory  ul li .category .attributes-pickup {
  display:none;
}


body[id^="page-introduction-policiesAndInitiatives-SDGs-sdgsCategories-attributes"]  #c-main .contentGpCategory.contentGpCategoryCategory ul li .category .attributes-1hinkon {
  width: calc(12vw / 5);
  height: calc(12vw / 5);
  margin: 0 1% 0.8em;
}

#c-main .col-sdgs-jirei #sdgsDocs ul li .category .attributes-1hinkon,
#c-main .education_sdgs #sdgsDocs ul li .category .attributes-1hinkon {
  width: calc(12vw / 5);
  height: calc(12vw / 5);
  margin: 0 1% 0.8em;
}

body[id^="page-introduction-policiesAndInitiatives-SDGs-sdgsCategories-attributes"]  #c-main .contentGpCategory.contentGpCategoryCategory ul li .category .attributes-2kigazero {
  width: calc(12vw / 5);
  height: calc(12vw / 5);
  margin: 0 1% 0.8em;
}

#c-main .col-sdgs-jirei #sdgsDocs ul li .category .attributes-2kigazero,
#c-main .education_sdgs #sdgsDocs ul li .category .attributes-2kigazero {
  width: calc(12vw / 5);
  height: calc(12vw / 5);
  margin: 0 1% 0.8em;
}

body[id^="page-introduction-policiesAndInitiatives-SDGs-sdgsCategories-attributes"]  #c-main .contentGpCategory.contentGpCategoryCategory  ul li .category .attributes-3kenko {
  width: calc(12vw / 5);
  height: calc(12vw / 5);
  margin: 0 1% 0.8em;
}

#c-main .col-sdgs-jirei #sdgsDocs ul li .category .attributes-3kenko,
#c-main .education_sdgs #sdgsDocs ul li .category .attributes-3kenko {
  width: calc(12vw / 5);
  height: calc(12vw / 5);
  margin: 0 1% 0.8em;
}

body[id^="page-introduction-policiesAndInitiatives-SDGs-sdgsCategories-attributes"]  #c-main .contentGpCategory.contentGpCategoryCategory ul li .category .attributes-4situ_kyouiku {
  width: calc(12vw / 5);
  height: calc(12vw / 5);
  margin: 0 1% 0.8em;
}

#c-main .col-sdgs-jirei #sdgsDocs ul li .category .attributes-4situ_kyouiku,
#c-main .education_sdgs #sdgsDocs ul li .category .attributes-4situ_kyouiku {
  width: calc(12vw / 5);
  height: calc(12vw / 5);
  margin: 0 1% 0.8em;
}

body[id^="page-introduction-policiesAndInitiatives-SDGs-sdgsCategories-attributes"]  #c-main .contentGpCategory.contentGpCategoryCategory ul li .category .attributes-5gender {
  width: calc(12vw / 5);
  height: calc(12vw / 5);
  margin: 0 1% 0.8em;
}

#c-main .col-sdgs-jirei #sdgsDocs ul li .category .attributes-5gender,
#c-main .education_sdgs #sdgsDocs ul li .category .attributes-5gender {
  width: calc(12vw / 5);
  height: calc(12vw / 5);
  margin: 0 1% 0.8em;
}

body[id^="page-introduction-policiesAndInitiatives-SDGs-sdgsCategories-attributes"]  #c-main .contentGpCategory.contentGpCategoryCategory ul li .category .attributes-6mizu {
  width: calc(12vw / 5);
  height: calc(12vw / 5);
  margin: 0 1% 0.8em;
}

#c-main .col-sdgs-jirei #sdgsDocs ul li .category .attributes-6mizu,
#c-main .education_sdgs #sdgsDocs ul li .category .attributes-6mizu {
  width: calc(12vw / 5);
  height: calc(12vw / 5);
  margin: 0 1% 0.8em;
}

body[id^="page-introduction-policiesAndInitiatives-SDGs-sdgsCategories-attributes"]  #c-main .contentGpCategory.contentGpCategoryCategory  ul li .category .attributes-7energy {
  width: calc(12vw / 5);
  height: calc(12vw / 5);
  margin: 0 1% 0.8em;
}

#c-main .col-sdgs-jirei #sdgsDocs ul li .category .attributes-7energy,
#c-main .education_sdgs #sdgsDocs ul li .category .attributes-7energy {
  width: calc(12vw / 5);
  height: calc(12vw / 5);
  margin: 0 1% 0.8em;
}

body[id^="page-introduction-policiesAndInitiatives-SDGs-sdgsCategories-attributes"]  #c-main .contentGpCategory.contentGpCategoryCategory  ul li .category .attributes-8hatarakigai {
  width: calc(12vw / 5);
  height: calc(12vw / 5);
  margin: 0 1% 0.8em;
}

#c-main .col-sdgs-jirei #sdgsDocs ul li .category .attributes-8hatarakigai,
#c-main .education_sdgs #sdgsDocs ul li .category .attributes-8hatarakigai {
  width: calc(12vw / 5);
  height: calc(12vw / 5);
  margin: 0 1% 0.8em;
}

body[id^="page-introduction-policiesAndInitiatives-SDGs-sdgsCategories-attributes"]  #c-main .contentGpCategory.contentGpCategoryCategory  ul li .category .attributes-9sangayou {
  width: calc(12vw / 5);
  height: calc(12vw / 5);
  margin: 0 1% 0.8em;
}

#c-main .col-sdgs-jirei #sdgsDocs ul li .category .attributes-9sangayou,
#c-main .education_sdgs #sdgsDocs ul li .category .attributes-9sangayou {
  width: calc(12vw / 5);
  height: calc(12vw / 5);
  margin: 0 1% 0.8em;
}

body[id^="page-introduction-policiesAndInitiatives-SDGs-sdgsCategories-attributes"]  #c-main .contentGpCategory.contentGpCategoryCategory ul li .category .attributes-10hitokuni {
  width: calc(12vw / 5);
  height: calc(12vw / 5);
  margin: 0 1% 0.8em;
}

#c-main .col-sdgs-jirei #sdgsDocs ul li .category .attributes-10hitokuni,
#c-main .education_sdgs #sdgsDocs ul li .category .attributes-10hitokuni {
  width: calc(12vw / 5);
  height: calc(12vw / 5);
  margin: 0 1% 0.8em;
}

body[id^="page-introduction-policiesAndInitiatives-SDGs-sdgsCategories-attributes"]  #c-main .contentGpCategory.contentGpCategoryCategory ul li .category .attributes-11machi {
  width: calc(12vw / 5);
  height: calc(12vw / 5);
  margin: 0 1% 0.8em;
}

#c-main .col-sdgs-jirei #sdgsDocs ul li .category .attributes-11machi,
#c-main .education_sdgs #sdgsDocs ul li .category .attributes-11machi {
  width: calc(12vw / 5);
  height: calc(12vw / 5);
  margin: 0 1% 0.8em;
}

body[id^="page-introduction-policiesAndInitiatives-SDGs-sdgsCategories-attributes"]  #c-main .contentGpCategory.contentGpCategoryCategory ul li .category .attributes-12sekinin {
  width: calc(12vw / 5);
  height: calc(12vw / 5);
  margin: 0 1% 0.8em;
}

#c-main .col-sdgs-jirei #sdgsDocs ul li .category .attributes-12sekinin,
#c-main .education_sdgs #sdgsDocs ul li .category .attributes-12sekinin {
  width: calc(12vw / 5);
  height: calc(12vw / 5);
  margin: 0 1% 0.8em;
}

body[id^="page-introduction-policiesAndInitiatives-SDGs-sdgsCategories-attributes"]  #c-main .contentGpCategory.contentGpCategoryCategory  ul li .category .attributes-13kikou_hendou {
  width: calc(12vw / 5);
  height: calc(12vw / 5);
  margin: 0 1% 0.8em;
}

#c-main .col-sdgs-jirei #sdgsDocs ul li .category .attributes-13kikou_hendou,
#c-main .education_sdgs #sdgsDocs ul li .category .attributes-13kikou_hendou {
  width: calc(12vw / 5);
  height: calc(12vw / 5);
  margin: 0 1% 0.8em;
}

body[id^="page-introduction-policiesAndInitiatives-SDGs-sdgsCategories-attributes"]  #c-main .contentGpCategory.contentGpCategoryCategory  ul li .category .attributes-14umi {
  width: calc(12vw / 5);
  height: calc(12vw / 5);
  margin: 0 1% 0.8em;
}

#c-main .col-sdgs-jirei #sdgsDocs ul li .category .attributes-14umi,
#c-main .education_sdgs #sdgsDocs ul li .category .attributes-14umi {
  width: calc(12vw / 5);
  height: calc(12vw / 5);
  margin: 0 1% 0.8em;
}

body[id^="page-introduction-policiesAndInitiatives-SDGs-sdgsCategories-attributes"]  #c-main .contentGpCategory.contentGpCategoryCategory ul li .category .attributes-15riku {
  width: calc(12vw / 5);
  height: calc(12vw / 5);
  margin: 0 1% 0.8em;
}

#c-main .col-sdgs-jirei #sdgsDocs ul li .category .attributes-15riku,
#c-main .education_sdgs #sdgsDocs ul li .category .attributes-15riku {
  width: calc(12vw / 5);
  height: calc(12vw / 5);
  margin: 0 1% 0.8em;
}

body[id^="page-introduction-policiesAndInitiatives-SDGs-sdgsCategories-attributes"]  #c-main .contentGpCategory.contentGpCategoryCategory  ul li .category .attributes-16heiwa {
  width: calc(12vw / 5);
  height: calc(12vw / 5);
  margin: 0 1% 0.8em;
}

#c-main .col-sdgs-jirei #sdgsDocs ul li .category .attributes-16heiwa,
#c-main .education_sdgs #sdgsDocs ul li .category .attributes-16heiwa {
  width: calc(12vw / 5);
  height: calc(12vw / 5);
  margin: 0 1% 0.8em;
}

body[id^="page-introduction-policiesAndInitiatives-SDGs-sdgsCategories-attributes"]  #c-main .contentGpCategory.contentGpCategoryCategory  ul li .category .attributes-17partnar {
  width: calc(12vw / 5);
  height: calc(12vw / 5);
  margin: 0 1% 0.8em;
}

#c-main .col-sdgs-jirei #sdgsDocs ul li .category .attributes-17partnar,
#c-main .education_sdgs #sdgsDocs ul li .category .attributes-17partnar {
  width: calc(12vw / 5);
  height: calc(12vw / 5);
  margin: 0 1% 0.8em;
}

#c-main .search_keyword {
  margin-bottom: 1rem;  
  width: 96%;
  margin-left: auto;
  margin-right: auto;
} 

#c-main .search_keyword label {
  display: inline-block;
  margin-bottom: 0;
  width: 100%;
} 

#c-main .search_keyword input {
  width: 50%;
  min-width: 20em;
}
#c-main div.select_sdgs_category {
	margin-bottom: 1rem;
	width: 96%;
	margin-left: auto;
	margin-right: auto;
}

#c-main div.select_sdgs_category p {
	margin-bottom: 0;	
}

#c-main div.select_sdgs_category span.category {
	width: 100%;
	max-width: 100%;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;	
}

#c-main div.select_sdgs_category span {
	width: 4.6%;
	margin: 0 0.5% 0.8em;
}

#c-main .col-sdgs-jirei ul li .image,
#c-main .sdgs-category  ul li .image {
  order: 1;
}

#c-main .col-sdgs-jirei ul li .image img,
#c-main .sdgs-category ul li .image img {
  object-fit: cover;
  width: 100%;
  height: 180px;
}

#sdgsDocs .docs ul li span.zokusei-event,
#sdgsDocs .docs ul li span.zokusei-news,
#sdgsDocs .docs ul li span.zokusei-topics {
  display:none;
}

/*//////////////////
#4 レスポンシブ（タブレット用）
//////////////////*/
@media screen and (max-width: 768px) {

#c-main div.select_sdgs_category span {
	width: calc(50vw / 5);
}

  #c-main .col-sdgs-jirei #sdgsDocs ul li,
  #c-main .education_sdgs #sdgsDocs ul li,
  body[id^="page-introduction-policiesAndInitiatives-SDGs-sdgsCategories-attributes"]  #c-main .contentGpCategory.contentGpCategoryCategory ul li {
    flex-basis: 31% !important;
  }

  #c-main .col-sdgs-jirei #sdgsDocs ul li .category .attributes-1hinkon , 
  #c-main .col-sdgs-jirei #sdgsDocs ul li .category .attributes-2kigazero , 
  #c-main .col-sdgs-jirei #sdgsDocs ul li .category .attributes-3kenko , 
  #c-main .col-sdgs-jirei #sdgsDocs ul li .category .attributes-4situ_kyouiku , 
  #c-main .col-sdgs-jirei #sdgsDocs ul li .category .attributes-5gender , 
  #c-main .col-sdgs-jirei #sdgsDocs ul li .category .attributes-6mizu , 
  #c-main .col-sdgs-jirei #sdgsDocs ul li .category .attributes-7energy , 
  #c-main .col-sdgs-jirei #sdgsDocs ul li .category .attributes-8hatarakigai , 
  #c-main .col-sdgs-jirei #sdgsDocs ul li .category .attributes-9sangayou , 
  #c-main .col-sdgs-jirei #sdgsDocs ul li .category .attributes-10hitokuni , 
  #c-main .col-sdgs-jirei #sdgsDocs ul li .category .attributes-11machi , 
  #c-main .col-sdgs-jirei #sdgsDocs ul li .category .attributes-12sekinin , 
  #c-main .col-sdgs-jirei #sdgsDocs ul li .category .attributes-13kikou_hendou , 
  #c-main .col-sdgs-jirei #sdgsDocs ul li .category .attributes-14umi , 
  #c-main .col-sdgs-jirei #sdgsDocs ul li .category .attributes-15riku , 
  #c-main .col-sdgs-jirei #sdgsDocs ul li .category .attributes-16heiwa , 
  #c-main .col-sdgs-jirei #sdgsDocs ul li .category .attributes-17partnar,
  #c-main .education_sdgs #sdgsDocs ul li .category .attributes-1hinkon , 
  #c-main .education_sdgs #sdgsDocs ul li .category .attributes-2kigazero , 
  #c-main .education_sdgs #sdgsDocs ul li .category .attributes-3kenko , 
  #c-main .education_sdgs #sdgsDocs ul li .category .attributes-4situ_kyouiku , 
  #c-main .education_sdgs #sdgsDocs ul li .category .attributes-5gender , 
  #c-main .education_sdgs #sdgsDocs ul li .category .attributes-6mizu , 
  #c-main .education_sdgs #sdgsDocs ul li .category .attributes-7energy , 
  #c-main .education_sdgs #sdgsDocs ul li .category .attributes-8hatarakigai , 
  #c-main .education_sdgs #sdgsDocs ul li .category .attributes-9sangayou , 
  #c-main .education_sdgs #sdgsDocs ul li .category .attributes-10hitokuni , 
  #c-main .education_sdgs #sdgsDocs ul li .category .attributes-11machi , 
  #c-main .education_sdgs #sdgsDocs ul li .category .attributes-12sekinin , 
  #c-main .education_sdgs #sdgsDocs ul li .category .attributes-13kikou_hendou , 
  #c-main .education_sdgs #sdgsDocs ul li .category .attributes-14umi , 
  #c-main .education_sdgs #sdgsDocs ul li .category .attributes-15riku , 
  #c-main .education_sdgs #sdgsDocs ul li .category .attributes-16heiwa , 
  #c-main .education_sdgs #sdgsDocs ul li .category .attributes-17partnar,
  body[id^="page-introduction-policiesAndInitiatives-SDGs-sdgsCategories-attributes"]  #c-main .contentGpCategory.contentGpCategoryCategory ul li .category .attributes-1hinkon,
  body[id^="page-introduction-policiesAndInitiatives-SDGs-sdgsCategories-attributes"]  #c-main .contentGpCategory.contentGpCategoryCategory ul li .category .attributes-2kigazero,
  body[id^="page-introduction-policiesAndInitiatives-SDGs-sdgsCategories-attributes"]  #c-main .contentGpCategory.contentGpCategoryCategory  ul li .category .attributes-3kenko,
  body[id^="page-introduction-policiesAndInitiatives-SDGs-sdgsCategories-attributes"]  #c-main .contentGpCategory.contentGpCategoryCategory ul li .category .attributes-4situ_kyouiku,
  body[id^="page-introduction-policiesAndInitiatives-SDGs-sdgsCategories-attributes"]  #c-main .contentGpCategory.contentGpCategoryCategory ul li .category .attributes-5gender,
  body[id^="page-introduction-policiesAndInitiatives-SDGs-sdgsCategories-attributes"]  #c-main .contentGpCategory.contentGpCategoryCategory ul li .category .attributes-6mizu,
  body[id^="page-introduction-policiesAndInitiatives-SDGs-sdgsCategories-attributes"]  #c-main .contentGpCategory.contentGpCategoryCategory  ul li .category .attributes-7energy,
  body[id^="page-introduction-policiesAndInitiatives-SDGs-sdgsCategories-attributes"]  #c-main .contentGpCategory.contentGpCategoryCategory  ul li .category .attributes-8hatarakigai,
  body[id^="page-introduction-policiesAndInitiatives-SDGs-sdgsCategories-attributes"]  #c-main .contentGpCategory.contentGpCategoryCategory  ul li .category .attributes-9sangayou,
  body[id^="page-introduction-policiesAndInitiatives-SDGs-sdgsCategories-attributes"]  #c-main .contentGpCategory.contentGpCategoryCategory ul li .category .attributes-10hitokuni,
  body[id^="page-introduction-policiesAndInitiatives-SDGs-sdgsCategories-attributes"]  #c-main .contentGpCategory.contentGpCategoryCategory ul li .category .attributes-11machi,
  body[id^="page-introduction-policiesAndInitiatives-SDGs-sdgsCategories-attributes"]  #c-main .contentGpCategory.contentGpCategoryCategory ul li .category .attributes-12sekinin,
  body[id^="page-introduction-policiesAndInitiatives-SDGs-sdgsCategories-attributes"]  #c-main .contentGpCategory.contentGpCategoryCategory  ul li .category .attributes-13kikou_hendou,
  body[id^="page-introduction-policiesAndInitiatives-SDGs-sdgsCategories-attributes"]  #c-main .contentGpCategory.contentGpCategoryCategory  ul li .category .attributes-14umi,
  body[id^="page-introduction-policiesAndInitiatives-SDGs-sdgsCategories-attributes"]  #c-main .contentGpCategory.contentGpCategoryCategory ul li .category .attributes-15riku,
  body[id^="page-introduction-policiesAndInitiatives-SDGs-sdgsCategories-attributes"]  #c-main .contentGpCategory.contentGpCategoryCategory  ul li .category .attributes-16heiwa,
  body[id^="page-introduction-policiesAndInitiatives-SDGs-sdgsCategories-attributes"]  #c-main .contentGpCategory.contentGpCategoryCategory  ul li .category .attributes-17partnar {
    width: calc(33vw / 4);
    height: calc(33vw / 4);
  }


}


/*//////////////////
#4 レスポンシブ（スマートフォン用）
//////////////////*/
@media screen and (max-width: 640px) {

#c-main .search_keyword input {
  min-width: 30em;
  font-size: 70%;
}

#c-main .col-sdgstopics ul span.title_link {
  display: inline-block;
}
#c-main .col-sdgstopics ul li .publish_date {
  display: inline-block;
}
#c-main .col-sdgstopics ul li .category {
  display: inline-block;
}

#c-main .col-tag a {
  background: url("../images/sdgs/arrow_icon.svg") no-repeat right 10px center;
  background-size: 20px;
  padding-right: 35px;
}	

  #c-main .col-sdgstopics table th {
    width: 25%;
    display: inline-block;
    padding: 0.8em 0.5em;
  }

  #c-main .col-sdgstopics table td {
    border: none;
    background: none;
    display: block;
    width: 100%;
  }

  #c-main div.select_sdgs_category span {
	width: calc(80vw / 5);
  }

  #c-main .col-sdgs-jirei #sdgsDocs ul li,
  #c-main .education_sdgs #sdgsDocs ul li,
  body[id^="page-introduction-policiesAndInitiatives-SDGs-sdgsCategories-attributes"]  #c-main .contentGpCategory.contentGpCategoryCategory ul li {
    flex-basis: 48% !important;
  }

  #c-main .col-sdgs-jirei #sdgsDocs ul li .category .attributes-1hinkon , 
  #c-main .col-sdgs-jirei #sdgsDocs ul li .category .attributes-2kigazero , 
  #c-main .col-sdgs-jirei #sdgsDocs ul li .category .attributes-3kenko , 
  #c-main .col-sdgs-jirei #sdgsDocs ul li .category .attributes-4situ_kyouiku , 
  #c-main .col-sdgs-jirei #sdgsDocs ul li .category .attributes-5gender , 
  #c-main .col-sdgs-jirei #sdgsDocs ul li .category .attributes-6mizu , 
  #c-main .col-sdgs-jirei #sdgsDocs ul li .category .attributes-7energy , 
  #c-main .col-sdgs-jirei #sdgsDocs ul li .category .attributes-8hatarakigai , 
  #c-main .col-sdgs-jirei #sdgsDocs ul li .category .attributes-9sangayou , 
  #c-main .col-sdgs-jirei #sdgsDocs ul li .category .attributes-10hitokuni , 
  #c-main .col-sdgs-jirei #sdgsDocs ul li .category .attributes-11machi , 
  #c-main .col-sdgs-jirei #sdgsDocs ul li .category .attributes-12sekinin , 
  #c-main .col-sdgs-jirei #sdgsDocs ul li .category .attributes-13kikou_hendou , 
  #c-main .col-sdgs-jirei #sdgsDocs ul li .category .attributes-14umi , 
  #c-main .col-sdgs-jirei #sdgsDocs ul li .category .attributes-15riku , 
  #c-main .col-sdgs-jirei #sdgsDocs ul li .category .attributes-16heiwa , 
  #c-main .col-sdgs-jirei #sdgsDocs ul li .category .attributes-17partnar,
  #c-main .education_sdgs #sdgsDocs ul li .category .attributes-1hinkon , 
  #c-main .education_sdgs #sdgsDocs ul li .category .attributes-2kigazero , 
  #c-main .education_sdgs #sdgsDocs ul li .category .attributes-3kenko , 
  #c-main .education_sdgs #sdgsDocs ul li .category .attributes-4situ_kyouiku , 
  #c-main .education_sdgs #sdgsDocs ul li .category .attributes-5gender , 
  #c-main .education_sdgs #sdgsDocs ul li .category .attributes-6mizu , 
  #c-main .education_sdgs #sdgsDocs ul li .category .attributes-7energy , 
  #c-main .education_sdgs #sdgsDocs ul li .category .attributes-8hatarakigai , 
  #c-main .education_sdgs #sdgsDocs ul li .category .attributes-9sangayou , 
  #c-main .education_sdgs #sdgsDocs ul li .category .attributes-10hitokuni , 
  #c-main .education_sdgs #sdgsDocs ul li .category .attributes-11machi , 
  #c-main .education_sdgs #sdgsDocs ul li .category .attributes-12sekinin , 
  #c-main .education_sdgs #sdgsDocs ul li .category .attributes-13kikou_hendou , 
  #c-main .education_sdgs #sdgsDocs ul li .category .attributes-14umi , 
  #c-main .education_sdgs #sdgsDocs ul li .category .attributes-15riku , 
  #c-main .education_sdgs #sdgsDocs ul li .category .attributes-16heiwa , 
  #c-main .education_sdgs #sdgsDocs ul li .category .attributes-17partnar,
  body[id^="page-introduction-policiesAndInitiatives-SDGs-sdgsCategories-attributes"]  #c-main .contentGpCategory.contentGpCategoryCategory ul li .category .attributes-1hinkon,
  body[id^="page-introduction-policiesAndInitiatives-SDGs-sdgsCategories-attributes"]  #c-main .contentGpCategory.contentGpCategoryCategory ul li .category .attributes-2kigazero,
  body[id^="page-introduction-policiesAndInitiatives-SDGs-sdgsCategories-attributes"]  #c-main .contentGpCategory.contentGpCategoryCategory  ul li .category .attributes-3kenko,
  body[id^="page-introduction-policiesAndInitiatives-SDGs-sdgsCategories-attributes"]  #c-main .contentGpCategory.contentGpCategoryCategory ul li .category .attributes-4situ_kyouiku,
  body[id^="page-introduction-policiesAndInitiatives-SDGs-sdgsCategories-attributes"]  #c-main .contentGpCategory.contentGpCategoryCategory ul li .category .attributes-5gender,
  body[id^="page-introduction-policiesAndInitiatives-SDGs-sdgsCategories-attributes"]  #c-main .contentGpCategory.contentGpCategoryCategory ul li .category .attributes-6mizu,
  body[id^="page-introduction-policiesAndInitiatives-SDGs-sdgsCategories-attributes"]  #c-main .contentGpCategory.contentGpCategoryCategory  ul li .category .attributes-7energy,
  body[id^="page-introduction-policiesAndInitiatives-SDGs-sdgsCategories-attributes"]  #c-main .contentGpCategory.contentGpCategoryCategory  ul li .category .attributes-8hatarakigai,
  body[id^="page-introduction-policiesAndInitiatives-SDGs-sdgsCategories-attributes"]  #c-main .contentGpCategory.contentGpCategoryCategory  ul li .category .attributes-9sangayou,
  body[id^="page-introduction-policiesAndInitiatives-SDGs-sdgsCategories-attributes"]  #c-main .contentGpCategory.contentGpCategoryCategory ul li .category .attributes-10hitokuni,
  body[id^="page-introduction-policiesAndInitiatives-SDGs-sdgsCategories-attributes"]  #c-main .contentGpCategory.contentGpCategoryCategory ul li .category .attributes-11machi,
  body[id^="page-introduction-policiesAndInitiatives-SDGs-sdgsCategories-attributes"]  #c-main .contentGpCategory.contentGpCategoryCategory ul li .category .attributes-12sekinin,
  body[id^="page-introduction-policiesAndInitiatives-SDGs-sdgsCategories-attributes"]  #c-main .contentGpCategory.contentGpCategoryCategory  ul li .category .attributes-13kikou_hendou,
  body[id^="page-introduction-policiesAndInitiatives-SDGs-sdgsCategories-attributes"]  #c-main .contentGpCategory.contentGpCategoryCategory  ul li .category .attributes-14umi,
  body[id^="page-introduction-policiesAndInitiatives-SDGs-sdgsCategories-attributes"]  #c-main .contentGpCategory.contentGpCategoryCategory ul li .category .attributes-15riku,
  body[id^="page-introduction-policiesAndInitiatives-SDGs-sdgsCategories-attributes"]  #c-main .contentGpCategory.contentGpCategoryCategory  ul li .category .attributes-16heiwa,
  body[id^="page-introduction-policiesAndInitiatives-SDGs-sdgsCategories-attributes"]  #c-main .contentGpCategory.contentGpCategoryCategory  ul li .category .attributes-17partnar {
    width: calc(40vw / 4);
    height: calc(40vw / 4);
  }

}




/***********************************************************
 * #1 第2階層個別　しまだいパワフルプログラム
 * ***********************************************************/

#c-main .box-interview {
  margin: 1.5em 1% 1.0em;
  padding: 0;
}

#c-main .col-interview {
  margin: 1.0em 1% 1.5em;
  padding: 0;
  width: 31%;
  max-width: 100%;
  float: left;
}

#c-main .col-interview h3.h3-top {
  margin: 0.5em 0 0.5em 0.2em;
  font-size: 1.2em;
  line-height: 120%;
  color: #333;
  font-family: 'Sawarabi Mincho', sans-serif;
  letter-spacing: 0.05em;
  border-bottom: solid 1.0px #333;
  padding-bottom: 0.3em;
  text-align: center;
}

#c-main .col-interview h3.h3-bottom {
  margin: 1.2em 0 0.2em 0.2em;
  font-size: 1.2em;
  line-height: 120%;
  color: #333;
  font-family: 'Sawarabi Mincho', sans-serif;
  border-bottom: none;
  padding-bottom: 0;
  font-weight: normal;
  height: 60px;
}

#c-main .col-interview p {
  height: 100px;
  font-size: 0.9em;
  line-height: 140%;
}

#c-main .col-interview .btn-area {
  margin: 0.5em 0;
  padding: 0;
  width: 100%;
  max-width: 100%;
}

#c-main .col-interview .btn-area-l {
  margin: 0;
  padding: 0;
  width: 49%;
  max-width: 100%;
  float: left;
}

#c-main .col-interview .btn-area-r {
  margin: 0;
  padding: 0;
  width: 49%;
  max-width: 100%;
  float: right;
}

#c-main .surveyForm .note {
  color: #e00;
}

/*//////////////////
#4 レスポンシブ（スマートフォン用）
//////////////////*/

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

  #c-main .col-interview {
    width: 100%;
    float: none;
  }

  #c-main .col-interview h3.h3-bottom {
    height: auto;
  }

  #c-main .col-interview p {
    height: auto;
  }
}

/*//////////////////
 * #4 レスポンシブ（タブレット用）
 */
@media screen and (max-width: 768px) {}


/*//////////////////
 * #4 レスポンシブ（スマートフォン用）
 */
@media screen and (max-width: 640px) {

  #c-main h2.h2-sdgs {
    float: none;
    width: 100%;
    background: url("../images/sdgs/icon_h2.jpg") no-repeat left;
    padding: 40px 0 40px 120px;
    font-family: 'Sawarabi Mincho', sans-serif;
  }

  #c-main h2.h2-sdgslist02 {
    text-align: left;
    font-size: 1.1em;
  }

}


/***********************************************************
#1 第2階層個別　地域振興
***********************************************************/

#c-main .col-area-mainimg {
  margin: 0;
  padding: 0;
  width: 100%;
  max-width: 100%;
  position: relative;
  background: #2F72A6;
}

#c-main .col-area-mainimg img {
  object-fit: cover;
  width: 100%;
  height: 40vh;
  opacity: 0.1;
}

#c-main .col-area-mainimg p {
  padding: 2.0em 3.0em;
  background: rgba(255, 255, 255, 0.6);
  position: absolute;
  font-family: 'Sawarabi Mincho', sans-serif;
  font-size: 1.8em;
  font-weight: 500;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}

#c-main .col-area-news {
  margin: 0.3em auto 2.0em;
  padding: 2.5em 1.5em 0.5em;
  display: table;
  width: 100%;
  max-width: 100%;
  border: solid 2px #007BBB;
  z-index: 10;
}

#c-main .col-area-news ul {
  width: 100%;
  max-width: 100%;
  overflow: hidden;
  margin: 0;
}

#c-main .col-area-news ul li {
  width: calc(100% / 4 - 2%);
  margin: 0 1% 1.0em;
  float: left;
  display: flex;
  flex-direction: column;
  background: #F7F9F7;
  padding-bottom: 1.0em;
}

#c-main .col-area-news ul li .publish_date {
  color: #999;
  font-size: 0.9em;
  padding: 0.1em 0.5em 0;
  order: 2;
}

#c-main .col-area-news ul li .title_link {
  order: 3;
  padding: 0 0.5em;
}

#c-main .col-area-news ul li .title_link a:link,
#c-main .col-area-news ul li .title_link a:visited,
#c-main .col-area-news ul li .title_link a:hover {
  color: #333;
  text-decoration: none;
  font-weight: 600;
  font-size: 1.1em;
}

#c-main .col-area-news ul li .image {
  order: 1;
}

#c-main .col-area-news ul li .image img {
  object-fit: contain;
  width: 100%;
  height: 180px;
}

#c-main .col-area-news .links ul.feed {
  display: none;
}

#c-main .col-area-news .links .more {
  text-align: right;
}


#c-main .col-area-news02 {
  margin: 3.0em auto 4.0em;
  padding: 0;
  width: 90%;
  max-width: 100%;
}

#c-main .col-area-news .links {
  text-align: right;
}

#c-main .col-area-news02-co {
  margin: 0 0 1.0em;
  padding: 0;
  width: 100%;
  max-width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  border-bottom: solid 1px #ccc;
}

#c-main .col-area-news02-co-l {
  margin: 0;
  padding: 0;
  flex-basis: 35%;
  max-width: 100%;
}

#c-main .col-area-news02-co-r {
  margin: 0;
  padding: 1.0em 1.5em;
  flex-basis: 62%;
  max-width: 100%;
}

#c-main .col-area-news02-co-r p.btn-news-detail {
  text-align: right;
}



/*//////////////////
#4 レスポンシブ（タブレット用）
//////////////////*/
@media screen and (max-width: 768px) {

  #c-main .col-area-news .tabs ul li a:link,
  #c-main .col-area-news .tabs ul li a:visited {
    padding: 0.5em 1.0em;
    font-size: 0.9em;
  }

  #c-main .col-area-news .tabs ul li.current a:link,
  #c-main .col-area-news .tabs ul li.current a:visited {
    padding: 0.5em 1.0em;
    font-size: 0.9em;
  }

  #c-main .col-area-news .content ul li {
    width: calc(100% / 3 - 2%);
  }

}


/*//////////////////
#4 レスポンシブ（スマートフォン用）
//////////////////*/
@media screen and (max-width: 640px) {

  #c-main .col-area-mainimg img {
    height: 30vh;
  }
  #c-main .col-area-mainimg p {
    padding: 1.5em 1.0em;
    font-size: 1.3em;
  }

  #c-main .col-area-news {
    width: 96%;
  }

  #c-main .col-area-news .tabs ul li a:link,
  #c-main .col-area-news .tabs ul li a:visited {
    padding: 0.5em 0.8em;
    font-size: 0.8em;
  }

  #c-main .col-area-news .tabs ul li.current a:link,
  #c-main .col-area-news .tabs ul li.current a:visited {
    padding: 0.5em 0.8em;
    font-size: 0.8em;
  }

  #c-main .col-area-news .wrapper {
    margin: 0.1em auto 0;
  }

  #c-main .col-area-news .content ul li {
    width: 100%;
  }
#c-main .col-area-news ul li {
  width: calc(98%);
}

}




/* Icons.
 * *  *  * ----------------------------------------------- */
.iconFile,
.iconDefault {
  min-height: 16px;
  padding-left: 22px;
  background-image: url("/_common/images/icons/default.png");
  background-repeat: no-repeat;
}

.iconBmp {
  background-image: url("/_common/images/icons/bmp.png");
}

.iconCsv,
.iconTxt {
  background-image: url("/_common/images/icons/default.png");
}

.iconDoc,
.iconDocx {
  background-image: url("/_common/images/icons/doc.png");
}

.iconGif {
  background-image: url("/_common/images/icons/gif.png");
}

.iconJpg,
.iconJpe,
.iconJpeg {
  background-image: url("/_common/images/icons/jpg.png");
}

.iconJtd {
  background-image: url("/_common/images/icons/jtd.png");
}

.iconLzh {
  background-image: url("/_common/images/icons/lzh.png");
}

.iconPdf {
  background-image: url("/_common/images/icons/pdf.png");
}

.iconPng {
  background-image: url("/_common/images/icons/png.png");
}

.iconPpt,
.iconPptx {
  background-image: url("/_common/images/icons/ppt.png");
}

.iconXls,
.iconXlsx {
  background-image: url("/_common/images/icons/xls.png");
}

.iconZip {
  background-image: url("/_common/images/icons/zip.png");
}

/***********************************************************
#1 SNS一覧ページ
***********************************************************/
#c-main h2.h2-twitter {
  margin: 0 0 1.0em 0;
  padding: 0.4em 1.0em;
  background: #1DA1F2;
  text-align: left;
  color: #fff;
  font-size: 1.3em;
  font-weight: 500;
  border-radius: 0.2em;
}

#c-main .col-twt {
  margin: 0 auto 1.0em;
  padding: 0.5em 1.0em;
  border: solid 4px #1da1f2;
  width: 98%;
  max-width: 100%;
}

#c-main .col-twt-l {
  margin: 0;
  padding: 0;
  float: left;
  width: 15%;
}

#c-main .col-twt-r {
  margin: 0;
  padding: 0;
  float: right;
  width: 82%;
}

#c-main .col-twt-r h4 {
  margin: 0.2em 0 0.5em;
  padding: 0.5em 0;
  border-bottom: solid 1px #666;
  color: #1DA1F2;
}

#c-main .col-twt-r p {
  font-size: 0.8em;
  line-height: 1.5em;
  color: #333;
}

#c-main h2.h2-fb {
  margin: 0 0 1.0em 0;
  padding: 0.4em 1.0em;
  background: #1877f2;
  text-align: left;
  color: #fff;
  font-size: 1.3em;
  font-weight: 500;
  border-radius: 0.2em;
}

#c-main .col-fb {
  margin: 0 auto 1.0em;
  padding: 0.5em 1.0em;
  border: solid 4px #1877f2;
  width: 98%;
  max-width: 100%;
}

#c-main .col-fb-l {
  margin: 0;
  padding: 0;
  float: left;
  width: 15%;
}

#c-main .col-fb-r {
  margin: 0;
  padding: 0;
  float: right;
  width: 82%;
}

#c-main .col-fb-r h4 {
  margin: 0.2em 0 0.5em;
  padding: 0.5em 0;
  border-bottom: solid 1px #666;
  color: #1877f2;
}

#c-main .col-fb-r p {
  font-size: 0.8em;
  line-height: 1.5em;
  color: #333;
}

#c-main h2.h2-line {
  margin: 0 0 1.0em 0;
  padding: 0.4em 1.0em;
  background: #00B900;
  text-align: left;
  color: #fff;
  font-size: 1.3em;
  font-weight: 500;
  border-radius: 0.2em;
}

#c-main .col-ln {
  margin: 0 auto 1.0em;
  padding: 0.5em 1.0em;
  border: solid 4px #00B900;
  width: 98%;
  max-width: 100%;
}

#c-main .col-ln-l {
  margin: 0;
  padding: 0;
  float: left;
  width: 15%;
}

#c-main .col-ln-r {
  margin: 0;
  padding: 0;
  float: right;
  width: 82%;
}

#c-main .col-ln-r h4 {
  margin: 0.2em 0 0.5em;
  padding: 0.5em 0;
  border-bottom: solid 1px #666;
  color: #00B900;
}

#c-main .col-ln-r p {
  font-size: 0.8em;
  line-height: 1.5em;
  color: #333;
}

#c-main h2.h2-yt {
  margin: 0 0 1.0em 0;
  padding: 0.4em 1.0em;
  background: #DA1725;
  text-align: left;
  color: #fff;
  font-size: 1.3em;
  font-weight: 500;
  border-radius: 0.2em;
}

#c-main .col-yt {
  margin: 0 auto 1.0em;
  padding: 0.5em 1.0em;
  border: solid 4px #DA1725;
  width: 98%;
  max-width: 100%;
}

#c-main .col-yt-l {
  margin: 0;
  padding: 0;
  float: left;
  width: 15%;
}

#c-main .col-yt-r {
  margin: 0;
  padding: 0;
  float: right;
  width: 82%;
}

#c-main .col-yt-r h4 {
  margin: 0.2em 0 0.5em;
  padding: 0.5em 0;
  border-bottom: solid 1px #666;
  color: #DA1725;
}

#c-main .col-yt-r p {
  font-size: 0.8em;
  line-height: 1.5em;
  color: #333;
}

#c-main h2.h2-instagram {
  margin: 0 0 1.0em 0;
  padding: 0.4em 1.0em;
  background: linear-gradient(to right, #853fb4, #d42f7c, #f99735);
  text-align: left;
  color: #fff;
  font-size: 1.3em;
  font-weight: 500;
  border-radius: 0.2em;
}

#c-main .col-insta {
  margin: 0 auto 1.0em;
  padding: 0.5em 1.0em;
  border: solid 4px #d42f7c;
  width: 98%;
  max-width: 100%;
}

#c-main .col-insta-l {
  margin: 0;
  padding: 0;
  float: left;
  width: 15%;
}

#c-main .col-insta-r {
  margin: 0;
  padding: 0;
  float: right;
  width: 82%;
}

#c-main .col-insta-r h4 {
  margin: 0.2em 0 0.5em;
  padding: 0.5em 0;
  border-bottom: solid 1px #666;
  color: #fd42f7c;
}

#c-main .col-insta-r p {
  font-size: 0.8em;
  line-height: 1.5em;
  color: #333;
}

#c-main h2.h2-blog {
  margin: 0 0 1.0em 0;
  padding: 0.4em 1.0em;
  background: #999;
  text-align: left;
  color: #fff;
  font-size: 1.3em;
  font-weight: 500;
  border-radius: 0.2em;
}

#c-main .col-blog {
  margin: 0 auto 1.0em;
  padding: 0.5em 1.0em;
  border: solid 4px #ccc;
  width: 98%;
  max-width: 100%;
}

#c-main .col-blog-l {
  margin: 0;
  padding: 0;
  float: left;
  width: 15%;
}

#c-main .col-blog-r {
  margin: 0;
  padding: 0;
  float: right;
  width: 82%;
}

#c-main .col-blog-r h4 {
  margin: 0.2em 0 0.5em;
  padding: 0.5em 0;
  border-bottom: solid 1px #ccc;
  color: #666;
}

#c-main .col-blog-r p {
  font-size: 0.8em;
  line-height: 1.5em;
  color: #333;
}


/*//////////////////
#4 レスポンシブ（タブレット用）
//////////////////*/
@media screen and (max-width: 768px) {}


/*//////////////////
#4 レスポンシブ（スマートフォン用）
//////////////////*/
@media screen and (max-width: 640px) {

  #c-main .col-twt-l {
    width: 35%;
  }

  #c-main .col-twt-r {
    width: 63%;
  }

  #c-main .col-fb-l {
    width: 35%;
  }

  #c-main .col-fb-r {
    width: 63%;
  }

  #c-main .col-ln-l {
    width: 35%;
  }

  #c-main .col-ln-r {
    width: 63%;
  }

  #c-main .col-yt-l {
    width: 35%;
  }

  #c-main .col-yt-r {
    width: 63%;
  }

  #c-main .col-insta-l {
    width: 35%;
  }

  #c-main .col-insta-r {
    width: 63%;
  }

  #c-main .col-blog-l {
    width: 35%;
  }

  #c-main .col-blog-r {
    width: 63%;
  }

}


/*//////////////////
#入試オープンキャンパス
//////////////////*/
#c-main .open_campus_icons ul li {
  padding: 0.5em;
  list-style: none;
  float: left;
  margin:auto;
　width: 135px;
　margin-right: 2px;
}

#c-main .open_campus_icons ul li img { 
  width: 120px;
  height: 100px;
}



/* feed, RSS:atom */
.contentGpCategoryCategory section[class^="category"] .feed li {
  display: inline-block;
  margin: 0;
  padding: 0;
  background: none;
}

/*//////////////////
#公的研究費等の不正使用防止への対応
//////////////////*/

#huseishiyou h3 {
  padding-left: 0.2em;
  border-left: solid 5px #007BBB;
  border-bottom: solid 3px #007BBB;
}