@charset "utf-8";



/* ----------↓ #HEADER ↓---------- */

/* ----- H1 ----- */
h1 {
  padding: 0 0;
  border-left: none;
  line-height: normal;
  letter-spacing: normal;
  margin-bottom: 0;
}


/* ----------↓ LAYOUT ↓---------- */
#clmn-l {
  float: left;
  width: 630px;
  margin-right: 20px;
}

#clmn-r {
  float: left;
  width: 250px;
}


/* ----------↓ #CONTENT ↓---------- */

/* ----- COMMON ----- */
#content .mgn-B00 { margin-bottom: 0 !important; }
#content .mgn-B05 { margin-bottom: 5px !important; }
#content .mgn-B10 { margin-bottom: 10px !important; }
#content .mgn-B15 { margin-bottom: 15px !important; }
#content .mgn-B20 { margin-bottom: 20px !important; }
#content .mgn-B30 { margin-bottom: 30px !important; }
#content .mgn-B40 { margin-bottom: 40px !important; }
#content .mgn-B50 { margin-bottom: 50px !important; }
#content .mgn-B1em { margin-bottom: 1em !important; }
#content .mgn-B2em { margin-bottom: 2em !important; }


/* ----- IMG ----- */
#content img.main {
  display: block;
  margin-bottom: 10px;
}

#content img.ttl {
  display: block;
  margin-bottom: 5px;
}


/* ----------↓ #BXSLIDER ↓---------- */

/* ----- DIV ----- */
#bxslider {
  position: relative;
  margin-bottom: 10px;
}



/* jQuery Slick
---------------------------------------------------- */
#bxslider {
  display: block;
  max-width: 900px;
  margin: 0 auto 10px auto;
}

#bxslider img {
  width: 100%;
}

/* 矢印表示  */

.slick-arrow {
  z-index: 200; /* 矢印画像を最前面へ */
}

.slide-arrow {
  position: absolute;
  top: 45%;
  opacity: 0.7;
}

.prev-arrow {
  left: 10px;
}

.next-arrow {
  right: 10px;
}


/* ----------↓ #EQUALITY ↓---------- */
#equality {
  width: 630px;
}

#equality ul {
  display: flex;
  justify-content: center;
  list-style: none;
  margin-bottom: 0.4em;
}

#equality ul li:first-child {
  margin-left: 0;
}

#equality ul li {
  width: calc(100% / 3);
  margin-left: 16px;
}

#equality a:hover img {
  filter: alpha(opacity=70);
  opacity: 0.7;
}

#equality ul.mob {
  display: none;
}


/* ----------↓ #PICKUP ↓---------- */
#pickup {
  width: 630px;
  background-color: #E1E5F4;
  margin-bottom: 20px;
  padding-top: 20px;
  padding-bottom: 12px;
}

/* ----- DIV ----- */
#pickup div {
  width: 590px;
  margin: 0 auto;
}
  
/* ----- IMG ----- */
#pickup img {
  dispaly: block;
  width: 285px;
}

#pickup img.ttl {
  dispaly: block;
  margin-bottom: 20px;
  width: auto;
}

/* ----- A ----- */

#pickup a:hover img {
  opacity: 0.8;
  filter: alpha(opacity=80);
}

/* ----- LIST ----- */
#pickup ul {
  justify-content: center;
  list-style: none;
}

#pickup ul li {
  float: left;
  margin-left: 20px;
  margin-bottom: 8px;
}

#pickup ul li:nth-child(odd) {
  margin-left: 0;
}





/* ----------↓ #NEWS ↓---------- */
#news {
  width: 630px;
  margin-bottom: 20px;
}

/* ----- DIV ----- */
#news div.ttl-bar {
  background-color: #899BD5;
  height: 25px;
}

#news div.ttl {
/*  float: left; */
  font-size: 0;
  padding-top: 5px;
  padding-left: 10px;
}

/*
#news div.bknm {
  float: right;
  font-size: 0;
  margin-top: 6px;
  margin-right: 10px;
}
*/

#news div.past {
  text-align: center;
  border: 1px solid #CACACA;
  border-top: none;
}

#news div.past div {
  width: 95%;
  margin: 0 auto;
  padding: 15px 0 10px 0;
  border-top: 1px dotted #CACACA;
}


/* ----- DL ----- */
#news dl {
  width: 608px;
  border-bottom: none;
  border-left: 1px solid #C9C9C9;
  border-right: 1px solid #C9C9C9;
  background-color: #FFFFFF;
  padding: 0 10px 10px 10px;
}

#news dt {
  font-size: 90%;
  padding-top: 12px;
  line-height: 1em;
  padding-bottom: 5px;
}



#news dt.cls:after {
  content: url("../news/image/icon_news-closed.gif");
  position: relative;
  bottom: -0.2em;
  margin-right: 0.5em;
  padding-left: 1em;
}

#news dt.eve:after {
  content: url("../news/image/icon_news-event.gif");
  position: relative;
  bottom: -0.2em;
  margin-right: 0.5em;
  padding-left: 1em;
}

#news dt.lec:after {
  content: url("../news/image/icon_news-lecture.gif");
  position: relative;
  bottom: -0.2em;
  margin-right: 0.5em;
  padding-left: 1em;
}

#news dt.med:after {
  content: url("../news/image/icon_news-medical.gif");
  position: relative;
  bottom: -0.2em;
  margin-right: 0.5em;
  padding-left: 1em;
}

#news dt.etc:after {
  content: url("../news/image/icon_news-etc.gif");
  position: relative;
  bottom: -0.2em;
  margin-right: 0.5em;
  padding-left: 1em;
}

#news dt.imp:after {
  content: url("../news/image/icon_news-imp.gif");
  position: relative;
  bottom: -0.2em;
  margin-right: 0.5em;
  padding-left: 1em;
}

#news dt.dep:after {
  content: url("../news/image/icon_news-department.gif");
  position: relative;
  bottom: -0.2em;
  margin-right: 0.5em;
  padding-left: 1em;
}

#news dt.not:after {
  content: url("../news/image/icon_news-notice.gif");
  position: relative;
  bottom: -0.2em;
  margin-right: 0.5em;
  padding-left: 1em;
}

#news dt.rec:after {
  content: url("../news/image/icon_news-recruit.gif");
  position: relative;
  bottom: -0.2em;
  margin-right: 0.5em;
  padding-left: 1em;
}

#news dd {
  border-bottom: 1px dotted #CACACA;
  padding-bottom: 10px;
}

#news dd a {
  text-decoration: underline;
}

#news dd a:hover {
  text-decoration: none;
}

#news dd span.purple {
  color: #7b8bbf;
  word-wrap: break-word;
  display: block;
}

#news dd span.red {
  color: #DD0000;
}


#news dd span a {
  text-decoration: underline;
}


#news dd:last-child {
  border-bottom: none;
  padding-bottom: 0;
}

#news .cap {
  color: #31498C;
  font-weight: bold;
}



/* ----- A ----- */
#news a {
  text-decoration: underline;
  color: #535353;
}

#news a:hover {
  text-decoration: none;
}


/* ----- IMG ----- */
#news a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
}

/* ----- SPAN ----- */
#news span.lv2, #news span.lv3 {
  display: none;
}




/* ----------↓ #FACI ↓---------- */
#faci {
  margin-bottom: 20px;
}

#faci ul, #faci li {
  list-style-type: none;
}

#faci li {
  margin-bottom: 10px;
}

#faci img {
  display: block;
}

/* ----- IMG ----- */
#faci li a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
}


/* ----------↓ #LNK ↓---------- */
#lnk {
  margin-bottom: 10px;
}

#lnk ul, #lnk li {
  list-style-type: none;
}

#lnk li {
  margin-bottom: 15px;
}

#lnk img {
  display: block;
}

/* ----- IMG ----- */
#lnk li a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
}


/* ----------↓ #CLMN-R ↓---------- */
#clmn-r {
  background-color: #F3F3F3;
  padding-top: 15px;
  margin-bottom: 15px;
}

#clmn-r div.info_time, #clmn-r div.info_process, #clmn-r div.info_access, #clmn-r div.info_contact, #clmn-r div.info_pickup, #clmn-r div.info_topics, #clmn-r div.info_facilities, #clmn-r div.info_download {
  width: 230px;
  text-align: center;
  vertical-align: middle;
  margin: 0 auto 1.6em auto;
}

#clmn-r div.info_topics {
  margin: 0 auto 8px auto !important;
}

#clmn-r div.info_topics .dot{/* topics 区切り線 */
  border-bottom: 1px dotted #B2B2B2;
  margin: 0 auto;
  width: 50%;
}

#clmn-r div p {
  width: 210px;
  margin: 0 auto 1em auto;
  text-align: left;
  line-height: 1.4em;
}

#clmn-r img.tel {
  margin: 10px 0;
}

#clmn-r div.pick_up {
  display: table-cell;
  width: 250px;
  height: 150px;
  text-align: center;
  vertical-align: middle;
  padding-bottom: 5px;
}

#clmn-r div img {
  padding-bottom: 5px;
  margin-left: auto;
  margin-right: auto;
}

#clmn-r div div.img {
  background: url("../image/rgt_timeinfo_btn_hover.gif") no-repeat center top;
}

#clmn-r div.info_time div img, #clmn-r div.info_process div img {
  display: block;
}

#clmn-r div.info_time div.txt {
  text-align: left;
  color: #535353;
  padding: 5px 10px 10px 17px;
}

#clmn-r div.info_access div.txt {
  text-align: left;
  color: #535353;
  padding: 0 0 5px 17px;
}

#clmn-r div.pick_up div.txt {
  text-align: left;
  color: #535353;
  padding: 0 0 5px 17px;
}

#clmn-r div a:hover img {
  opacity: 0.8;
  filter: alpha(opacity=80);
}

#clmn-r div.point {
  padding-top: 5px;
  padding-bottom: 5px;
}

#clmn-r div.point ul li {
  margin-left: 1.4em;
}

/* ----------↓ #IMPORTANT↓---------- */
#important {
  font-family: "Noto Sans JP", "Meiryo", "Hiragino Kaku Gothic ProN", sans-serif;
  max-width: 840px;
  width: 100%;
  background-color: #233464;
  color: #FFF;
  padding: 25px 30px;
  margin: 0 auto 20px;
}

#important .txt01{
  font-size: 145%;
  margin-bottom: 8px;
  line-height: 1.3em;
  text-align: center;
}

#important .txt02{
   line-height: 1.2em;
}

@media (max-width: 780px) {

#important {
  width: 90%;
}
}

/* ----------↓ #PCR ↓---------- */
#pcr {
  width: 630px;
  margin-bottom: 20px;
}

/* ----- DIV ----- */
#pcr .atcl {
  width: 604px;
  border: 1px solid #C9C9C9;
  background-color: #FFFFFF;
  padding:10px;
  border: double #C9C9C9;
}

#pcr .title{
  text-align: center;
}
/* ----- SPAN ----- */
#pcr .atcl span.line {
  border-bottom: solid 2px;
  border-color: #DD0000;
}

#pcr .atcl span.red {
  color: #DD0000;
}



/* ----------↓ #CONSEILLER ↓---------- */
#conseiller {
  width: 630px;
  margin-bottom: 20px;
}

/* ----- DIV ----- */
#conseiller .atcl {
  width: 624px;
  border: 1px solid #C9C9C9;
  background-color: #FFFFFF;
  border: double #C9C9C9;
}

#conseiller .title{
  text-align: center;
}

#conseiller a:hover img {
  filter: alpha(opacity=70);
  opacity: 0.7;
}




/* ----------↓ #EQUALITY2 ↓---------- */
#equality2 {
  width: 800px;
  margin: 10px auto;
  overflow: hidden;
}

#equality2 ul {
  display: flex;
  justify-content: center;
  list-style: none;
  margin-bottom: 5px;
}

#equality2 ul li {
  width: calc(100% / 4);
  margin-left: 10px;
}

#equality2 ul li:first-child {
  margin-left: 0;
}

#equality2 ul.mob {
  display: none;
}

/* ----------↓ KEY VISUAL ↓---------- */

#key_visual{
  position: relative;
  width:1280px;
  height:380px;
  margin: -10px auto 10px auto;
  display: flex;
}

.box01 {
  overflow: hidden;
  height:380px;
}

.box02 {
  height:380px;
  width:625px;
}

#movie {
  height:380px;
}

p.copy{
  position: absolute;
  top:165px;
  left: 115px;
  font-size:28px;
  color:#fff;
  text-shadow: 1px 2px 5px #000;
}

p.copy2{
  position: absolute;
  top:210px;
  left: 190px;
  font-size:22px;
  color:#fff;
  font-weight: bold;
  text-shadow: 1px 2px 5px #000;
}

#key_visual_sp{
   display: none;
  }