@charset "UTF-8";


/******************************************************************
HEADING
******************************************************************/
.c-heading--lv3 {padding-bottom:20px;font-size: 2.2rem;font-weight: bold;color: #3B4043;position: relative;}
.c-heading--lv4 {padding-bottom:10px;font-size: 1.8rem;font-weight: bold;color: #3B4043;margin-bottom: 10px;position: relative;}

.c-heading--lv3.left {text-align: left;}
.c-heading--lv3.left::after{content: "";width: 42px;height: 2px;background-color: #0c68e6;position: absolute;bottom: 0;left: 0;}
.c-heading--lv3.center {text-align: center;}
.c-heading--lv3.center::after{content: "";width: 42px;height: 2px;background-color: #0c68e6;position: absolute;bottom: 0;left: calc(50% - 21px);}

.c-heading--lv3.left,
.c-heading--lv3.center {margin-bottom: 30px;}

@media screen and (min-width: 768px) {
  .c-heading--lv3 {margin-bottom: 10px;}
}

/******************************************************************
BUTTON
******************************************************************/
/*
.c-button {margin: 0 auto;}
*/
.ol-bro--activity li .link .c-button {
  margin: 10px 0 10px auto;
}
/*-----------------------------------------------------------------
 btn
 -----------------------------------------------------------------*/
.btn{
  display: inline-block;
  text-align: center;
  padding: 15px 25px;
  align-items: center;
  justify-content: center;
  border-radius: 27px;
/*  box-shadow: 0 0 6px rgba(0,0,0,.3);*/
  border: 1px solid #898c8d;
  transition: .2s;
  font-size: 1.3rem;
  font-weight: 600;}

.btn:hover{box-shadow: 0 0 6px rgba(0,0,0,.3);color:#0c68e6 !important;}


/*-----------------------------------------------------------------
 btn pdf
 -----------------------------------------------------------------*/
.btn.pdf{padding: 7px 15px;font-size: 1.3rem;color:#000 !important;}
.btn.pdf:hover{box-shadow: 0 0 6px rgba(0,0,0,.3);color:#0c68e6 !important;}

/*-----------------------------------------------------------------
 btn-arrow
 -----------------------------------------------------------------*/
.btn-arrow{
  display: inline-block;
  text-align: center;
  padding: 15px 60px 15px 15px;
  align-items: center;
  justify-content: center;
  border-radius: 27px;
/*  box-shadow: 0 0 6px rgba(0,0,0,.3);*/
  border: 1px solid #898c8d;
  transition: .2s;
  font-size: 1.3rem;
  font-weight: 600;}

.btn-arrow span {
  position:relative;
  display: inline-block;
}

.btn-arrow span::after {
  display: inline-block;
  margin: 1px 2px 0 0;
  transition: all .4s;
  position: absolute;
  top: calc(50% - 8px);
  right: -40px;
}

.btn-arrow.white{background-color: rgba(255,255,255,1);color: #000;}
.btn-arrow.blue{background-color: rgba(12,104,230,1);color: #FFF !important;}
.btn-arrow.bk{background-color: rgba(255,255,255,.1);color: #000 !important;}
.btn-arrow.bk:hover{color:#0c68e6 !important;}

.btn-arrow.white span::after {content: url(../img/icon_arrow-right-bk.svg);}
.btn-arrow.blue span::after {content: url(../img/icon_arrow-right-wh.svg);}

.btn-arrow:hover{box-shadow: 0 0 6px rgba(0,0,0,.3);color:#0c68e6 !important;}
.btn-arrow.blue:hover{box-shadow: 0 0 6px rgba(0,0,0,.3);color:#FFF !important;background-color: rgba(12,104,230,.7);}

.btn-arrow.white span:hover::after{content:url(../img/icon_arrow-right-bl.svg);transform:translateX(10px)}
.btn-arrow.blue span:hover::after{content:url(../img/icon_arrow-right-bk.svg);transform:translateX(10px)}

@media screen and (min-width: 768px) {
}


/******************************************************************
LIST
******************************************************************/

.list-disc {list-style-position:inside;}
.list-disc li {list-style: disc;font-size: 1.5rem;margin-bottom: 10px;margin-left: 15px !important; line-height: 1.6;}


/******************************************************************
TABLE
******************************************************************/

/*-----------------------------------------------------------------
 ptn01 -border-
 -----------------------------------------------------------------*/
.entry-body table,
.tbl-ptn01 {width: 100%;border-top: 2px solid #CDD6DD;}

.entry-body table th,
.tbl-ptn01 th {padding: 10px;text-align: left;font-weight: normal;font-size: 1.7rem;letter-spacing: 1px;}

.entry-body table td,
.tbl-ptn01 td {padding: 0 10px 10px;border-bottom: 1px solid #CDD6DD;font-weight: 600;}


@media screen and (max-width: 767px) {
  .entry-body table th,
  .tbl-ptn01 th {display: block;}

  .entry-body table td,
  .tbl-ptn01 td {display: block;}
}
@media screen and (min-width: 768px) {
  .entry-body table th,
  .tbl-ptn01 th {padding: 20px 10px;border-bottom: 1px solid #CDD6DD;}

  .entry-body table td,
  .tbl-ptn01 td {padding: 20px 10px;}
}




/******************************************************************
COLUMN SET
******************************************************************/

.col-Wrap,
.gal-index,
#gal-lightgallery,
.ol-bro--print,
.ol-bro--other,
.ol-bro--activity,
.labo-group,
.rec-work,
.rec-info,
.acc-campus__list,
.acc-form,
.link-bnr__list.IMG {display: flex;flex-wrap: wrap;margin-right: -15px;margin-left: -15px;justify-content: space-between;}

.col,
.gal-index li,
#gal-lightgallery a,
.ol-bro--print li,
.ol-bro--other li,
.ol-bro--activity li,
.labo-group li,
.rec-work li,
.rec-info li,
.acc-campus__list div,
.link-bnr__list.IMG li {width: 100%; padding-right: 15px; padding-left: 15px; margin-bottom: 25px;}

.col-PC2SP1,
.ol-bro--other li,
.ol-bro--activity li,
.rec-info li {max-width: 100%; margin-bottom: 50px;}

.col-PC3SP1,
.gal-index li,
.rec-work li,
.acc-campus__list ul {max-width: 100%; margin-bottom: 50px;}

.col-PC3SP2 {max-width: 50%;flex: 0 0 50%;}

.col-PC4SP2,
#gal-lightgallery a,
.link-bnr__list.IMG li {max-width: 50%;flex: 0 0 50%;}

.col-PC6SP2,
.ol-bro--print li,
.labo-group li {max-width: 50%;flex: 0 0 50%;}

.col-PC9SP1 {max-width: 100%;}

@media (min-width: 768px) {
  .col-PC2SP1,
  .ol-bro--other li,
  .ol-bro--activity li,
  .rec-info li {max-width: 48%;flex: 0 0 48%; margin-bottom: 0;}

  .col-PC3SP1,
  .gal-index li,
  .col-Wrap .labo-group li,
  .rec-work li,
  .acc-campus__list div {max-width: 33.333333%;flex: 0 0 33.333333%;}

  .col-PC3SP2 {max-width: 33.333333%;flex: 0 0 33.333333%;}

  .col-PC4SP2,
  #gal-lightgallery a,
  .link-bnr__list.IMG li {max-width: 25%;flex: 0 0 25%;}

  .col-PC6SP2,
  .ol-bro--print li,
  .labo-group li {max-width: 16.666666%;flex: 0 0 16.666666%;}

}

/******************************************************************
ALIGN
******************************************************************/
.TC { text-align: center !important; }
.TL { text-align: left !important; }
.TR { text-align: right !important; }

/******************************************************************
YOHAKU
******************************************************************/
.mNone { margin: 0 !important; }
.mT0  { margin-top: 0px !important; }
.mT5  { margin-top: 5px !important; }
.mT10 { margin-top: 10px !important; }
.mT15 { margin-top: 15px !important; }
.mT20 { margin-top: 20px !important; }
.mT25 { margin-top: 25px !important; }
.mT30 { margin-top: 30px !important; }
.mT35 { margin-top: 35px !important; }
.mT40 { margin-top: 40px !important; }
.mT45 { margin-top: 45px !important; }
.mT50 { margin-top: 50px !important; }
.mB0  { margin-bottom: 0px !important; }
.mB5  { margin-bottom: 5px !important; }
.mB10 { margin-bottom: 10px !important; }
.mB15 { margin-bottom: 15px !important; }
.mB20 { margin-bottom: 20px !important; }
.mB25 { margin-bottom: 25px !important; }
.mB30 { margin-bottom: 30px !important; }
.mB35 { margin-bottom: 35px !important; }
.mB40 { margin-bottom: 40px !important; }
.mB45 { margin-bottom: 45px !important; }
.mB50 { margin-bottom: 50px !important; }
.mL0  { margin-left: 0px !important; }
.mL5  { margin-left: 5px !important; }
.mL10 { margin-left: 10px !important; }
.mL15 { margin-left: 15px !important; }
.mL20 { margin-left: 20px !important; }
.mL25 { margin-left: 25px !important; }
.mL30 { margin-left: 30px !important; }
.mL35 { margin-left: 35px !important; }
.mL40 { margin-left: 40px !important; }
.mL45 { margin-left: 45px !important; }
.mL50 { margin-left: 50px !important; }
.mR0  { margin-right: 0px !important; }
.mR5  { margin-right: 5px !important; }
.mR10 { margin-right: 10px !important; }
.mR15 { margin-right: 15px !important; }
.mR20 { margin-right: 20px !important; }
.mR25 { margin-right: 25px !important; }
.mR30 { margin-right: 30px !important; }
.mR35 { margin-right: 35px !important; }
.mR40 { margin-right: 40px !important; }
.mR45 { margin-right: 45px !important; }
.mR50 { margin-right: 50px !important; }
.pNone { padding: 0 !important; }
.pT0  { padding-top: 0px !important; }
.pT5  { padding-top: 5px !important; }
.pT10 { padding-top: 10px !important; }
.pT15 { padding-top: 15px !important; }
.pT20 { padding-top: 20px !important; }
.pT25 { padding-top: 25px !important; }
.pT30 { padding-top: 30px !important; }
.pT35 { padding-top: 35px !important; }
.pT40 { padding-top: 40px !important; }
.pT45 { padding-top: 45px !important; }
.pT50 { padding-top: 50px !important; }
.pT60 { padding-top: 60px !important; }
.pB0  { padding-bottom: 0px !important; }
.pB5  { padding-bottom: 5px !important; }
.pB10 { padding-bottom: 10px !important; }
.pB15 { padding-bottom: 15px !important; }
.pB20 { padding-bottom: 20px !important; }
.pB25 { padding-bottom: 25px !important; }
.pB30 { padding-bottom: 30px !important; }
.pB35 { padding-bottom: 35px !important; }
.pB40 { padding-bottom: 40px !important; }
.pB45 { padding-bottom: 45px !important; }
.pB50 { padding-bottom: 50px !important; }
.pL0  { padding-left: 0px !important; }
.pL5  { padding-left: 5px !important; }
.pL10 { padding-left: 10px !important; }
.pL15 { padding-left: 15px !important; }
.pL20 { padding-left: 20px !important; }
.pL25 { padding-left: 25px !important; }
.pL30 { padding-left: 30px !important; }
.pL35 { padding-left: 35px !important; }
.pL40 { padding-left: 40px !important; }
.pL45 { padding-left: 45px !important; }
.pL50 { padding-left: 50px !important; }
.pR0  { padding-right: 0px !important; }
.pR5  { padding-right: 5px !important; }
.pR10 { padding-right: 10px !important; }
.pR15 { padding-right: 15px !important; }
.pR20 { padding-right: 20px !important; }
.pR25 { padding-right: 25px !important; }
.pR30 { padding-right: 30px !important; }
.pR35 { padding-right: 35px !important; }
.pR40 { padding-right: 40px !important; }
.pR45 { padding-right: 45px !important; }
.pR50 { padding-right: 50px !important; }

/******************************************************************
FONT SIZE
******************************************************************/
.sz11 {font-size:1.1rem !important;}
.sz12 {font-size:1.2rem !important;}
.sz13 {font-size:1.3rem !important;}
.sz14 {font-size:1.4rem !important;}
.sz15 {font-size:1.5rem !important;}
.sz16 {font-size:1.6rem !important;}
.sz17 {font-size:1.7rem !important;}
.sz18 {font-size:1.8rem !important;}
.sz19 {font-size:1.9rem !important;}
.sz20 {font-size:2.0rem !important;}
.sz21 {font-size:2.1rem !important;}
.sz22 {font-size:2.2rem !important;}
.sz23 {font-size:2.3rem !important;}
.sz24 {font-size:2.4rem !important;}
.sz25 {font-size:2.5rem !important;}
.sz30 {font-size:3.0rem !important;}

/******************************************************************
FONT WEIGHT
******************************************************************/
.B {font-weight: bold !important;}
.font100   {font-weight:100 !important;} /* Thin */
.font300   {font-weight:300 !important;} /* Light */
.font400   {font-weight:400 !important;} /* Regular */
.font500   {font-weight:500 !important;} /* Mideiamu */
.font600   {font-weight:600 !important;} /* Bold */
.font700   {font-weight:700 !important;} /* Black */
.font900   {font-weight:900 !important;}


/******************************************************************
DISPLAY
******************************************************************/
@media screen and (max-width: 767px) {
  .SPV{display: block !important;}
  .PCV{display: none !important;}
}
@media screen and (min-width: 768px) {
  .SPV{display: none !important;}
  .PCV{display: block !important;}
}