@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%;
}

}




/***********************************************************
#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 {
  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 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-catch02 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 {
  margin: 0.5em 0 0.5em;
  padding: 0 ;
}

#c-main .box-bn-catch02 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: 150px;
  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;
}


/*//////////////////
#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 第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 .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;
}


}


/***********************************************************
#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%;
} 
  
  
  
}

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

#c-main h2.h2-sdgs {
  float: none;
  width: 100%;
  background: url("../images/sdgs/icon_h2.jpg") no-repeat left;
  padding: 30px 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.5em 1.0em;
  padding:  0 ;
  list-style: none;
  float: left;
}




/*//////////////////
#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 学びのセルフプロデュース
***********************************************************/

#c-main .box-buttan {
  width:90%;
  margin: 2.0em auto;
}


/***********************************************************
#1 検索フォーム
***********************************************************/


.select-wrap {
    position: relative;
}
.select-wrap:before {
    z-index: 1;
    position: absolute;
    right: 15px;
    top: 0;
    content: "▽";
    line-height: 43px;
    color: #7F878C;
    pointer-events: none;
}
#c-produce-contents select{
    outline:none;
    -moz-appearance: none;
    text-indent: 0.01px;
    text-overflow: '';
    background: none transparent;
    vertical-align: middle;
    font-size: inherit;
    color: inherit;
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    height: 40px;
    padding: 8px 12px;
    border:1px solid #ddd;
    color:#828c9a;
    width:100%;
    border-radius:3px;
}
select option{
  background-color: #fff;
  color: #333;
}
select::-ms-expand {
  display: none;
}
select:-moz-focusring { 
  color: transparent; 
  text-shadow: 0 0 0 #828c9a;
}
.select-wrap.select-primary:before{
  color:#fff;
}
.select-wrap.select-primary > select{
  background:#007BBB;
  color:#fff;
  border-color:#007BBB;
}
.select-wrap.select-primary > select:-moz-focusring { 
  color: transparent; 
  text-shadow: 0 0 0 #fff;
}



/***********************************************************
#1 検索結果
***********************************************************/


#c-main .box-result {
  width:90%;
  max-width: 100%;
  margin: 2.0em auto;
}

#c-main .box-result ul {
  width:100%;
  max-width: 100%;
  margin: 2.0em 0 3.0em;
  padding: 0 5%;
}

#c-main .box-result ul li {
  margin: 2.0em 0 2.0em;
  padding: 0.5em 1.0em;
  border: solid 2px #007BBB;
  width: 100%;
  max-width: 100%;
  list-style: none;
  border-radius: 5px;
}

#c-main .box-result ul li .col-program{
  width: 100%;
  max-width: 100%;
}
#c-main .box-result ul li .col-program-l{
  width: 30%;
  max-width: 100%;
  float: left;
  margin: 0;
  padding: 0;
}
#c-main .box-result ul li .col-program-r{
  width: 68%;
  max-width: 100%;
  float: right;
  margin: 0;
  padding: 0 ;
}

#c-main .box-result ul li .col-program-r h4{
font-size: 1.1em;
padding-top: 0.3em;
}

#c-main .box-result ul li .col-program-r h4 a:link,
#c-main .box-result ul li .col-program-r h4 a:visited{
  color: #007BBB;
  text-decoration: none;
}
#c-main .box-result ul li .col-program-r h4 a:hover{
  color: #007BBB;
  text-decoration: underline;
}

#c-main .box-result ul li .col-program-r p{
  font-size: 0.9em;
}


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


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

}