html {
  -webkit-text-size-adjust: 100%;
}
@media print, screen and (max-width: 960px){
  .forPc{ display: none; }
  .forSp{ display: block; }
  .forSp2{ display: inline; }
}
@media print, screen and (min-width: 960px){
  .forPc{ display: block; }
  .forSp,.forSp2{ display: none; }
}
/* faculty/index ------------------ */

.mainContent.facultyTop > section > h1{
  font-size: 1.5em;
  padding: 0;
  margin: 1rem 0 0;
}
.mainContent.facultyTop > section > h1 span.main{
  padding-left: .5em;
  position: relative;
  border-left: 5px solid rgba(38,197,207,1);
}
.mainContent.facultyTop > section > h1 span.main:before{
  background: #181919;
  content: "";
  width: 5px;
  height: 25%;
  position: absolute;
  bottom: 0;
  left: -5px;
  top: initial;
}

picture img {
  width: 100%;
}

.facultyTop .facultyMessage{
  width:100%;
  display:flex;
  flex-wrap:nowrap;
  position:relative;
  margin:0 0 1.5em 0;
}
@media screen and (min-width:960px){
  .facultyTop .facultyMessage{
    width:48.3%;
    display:flex;
    flex-wrap:nowrap;
    position:relative;
    margin:0 0 1.5em 0;
  }
}

.indexLinks .text .facultyMessage{
  width:100%;
  display:flex;
  flex-wrap:nowrap;
  position:relative;
  margin:0 0 1.5em 0;
}

.facultyTop .facultyMessage:hover{
  opacity:0.6;
  transition:.3s;
}


.facultyTop .facultyMessage a{
  width:100%;;
  background: #ffffff;
  border:2px solid #26C7D1;
  padding:0 20px 0 0;
  justify-content: space-between;
  display: flex;
  text-decoration:none;
}

.facultyMessage a:before{
  content:"";
  display: block;
  background: rgba(38,199,209,0.53);
  position:absolute;
  right:0;
  width:22px;
  height:98%;
}
.facultyMessage a:after{
  content:url("https://icongr.am/fontawesome/angle-right.svg?size=32&color=ffffff");
  display: block;
  position:absolute;
  right:0;
  top:50%;
  transform:translate(15%,-50%);
}

.facultyMsgContent{
  width:100%;
  display:flex;
  justify-content: center;
  flex-direction:column;
  padding:0.7em;
  position:relative;
}

.chairmanMessageImg{
  width: 55px;
  height: 55px;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  display: block;
  position: absolute;
  right: 34px;
  top: 16px;
}

@media screen and (min-width:960px) and (max-width:1300px){
  .facultyMessage a:before{
    right:0;
    width:22px;
    height:133px;
  }
  .facultyMsgContent{
    display:flex;
    justify-content: center;
    flex-direction:column;
    padding:0.7em;
    width: calc(100% - 133px);
  }
  .chairmanMessageImg{
    width:133px;
    height:133px;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    position:static;
    display:block;
  }
}

@media screen and (min-width:1300px){
  .facultyMessage a:before{
    right:0;
    width:22px;
    height:108px;
  }
  .facultyMsgContent{
    display:flex;
    justify-content: center;
    flex-direction:column;
    padding:0.7em;
    width: calc(100% - 108px);
  }

  .chairmanMessageImg{
    width:108px;
    height:108px;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    display:block;
    position:static;
  }
}



.chairmanMessageImg img{
  max-width: 100%;
}
.facultyMsgText,.facultyMsgPerson{
  color:#02676D;
}

.mainContent p.facultyMsgText br{
  display:none;
}

.mainContent p.facultyMsgText{
  width:77%;
  height: auto;
  min-height:4.5em;
  font-size:0.875em;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}

@media screen and (min-width:960px){
  .mainContent p.facultyMsgText{
    width:100%;
    height: auto;
    min-height:2em;
    font-size:0.875em;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
  }
  .mainContent p.facultyMsgText br{
    display:block;
  }
}



.mainContent p.facultyMsgPerson{
  border-top:1px solid #D9D9D9;
  font-size:1em;
  margin:10px 0 0 0;
  padding:10px 0 0 0;
  text-align: right;
}

@media screen and (min-width:960px){
  .mainContent p.facultyMsgPerson{
    border-top:1px solid #D9D9D9;
    font-size:1em;
    margin:10px 0 0 0;
    padding:10px 0 0 0;
    text-align: right;
  }
}

.facultyMsgPerson span{
  font-size:0.75em;
  margin: 0 0 0 0;
  padding: 0 1em 0 0;
}


.courseMessage .facultyMessage{
  width:100%;
  display:flex;
  flex-wrap:nowrap;
  position:relative;
  margin:0 0 1.5em 0;
}
@media screen and (min-width:960px){
  .courseMessage .facultyMessage{
    width:48.3%;
    display:flex;
    flex-wrap:nowrap;
    position:relative;
    margin:0 0 1.5em 0;
  }
}

.courseMessage{
  max-width:528px;
  margin: 0 auto;
}

.courseMessage .facultyMessage{
  width:100%;
  display:flex;
  flex-wrap:nowrap;
  position:relative;
  margin:0 0 1.5em 0;
}

.courseMessage .facultyMessage:hover{
  opacity:0.6;
  transition:.3s;
}


.courseMessage .facultyMessage a{
  width:100%;;
  background: #ffffff;
  border:2px solid #26C7D1;
  padding:0 20px 0 0;
  justify-content: space-between;
  display: flex;
  text-decoration:none;
}

.facultyMsgContent p{
  line-height:1.2;
}


.facultyTop .indexLinks .indexLink1,
.facultyTop .indexLinks .indexLink2{
  border: none;
}

span.facultyTarget:after {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  border: 2px solid #c9af80;
  border-top: 3px solid #c9af80;
  position: absolute;
  right: 420px;
  top: calc( 50% - 6px);
  background: #fff;
}
span.facultyTarget:before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  border: 2px solid #c9af80;
  border-top: 3px solid #c9af80;
  position: absolute;
  right: 415px;
  top: calc( 50% - 2px);
}
span.facultyTarget2:after {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  border: 2px solid #c9af80;
  border-top: 3px solid #c9af80;
  position: absolute;
  left: 145px;
  top: calc( 50% - 6px);
  background: #fff;
}
span.facultyTarget2:before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  border: 2px solid #c9af80;
  border-top: 3px solid #c9af80;
  position: absolute;
  left: 140px;
  top: calc( 50% - 2px);
}

/*.facultyTop .indexLinks ul{
  margin: 1.5em 0;
}
.facultyTop .indexLinks ul a{
  color: #04a6aa;
}
.facultyTop .indexLinks ul a:hover{
  color: #fff;
}*/
.mainContent section.otherCathegory{
  border-bottom: none;
}
.otherCathegory .indexLinks{
  margin-top: 1.5em;
}

.mainContent.facultyTop > section.artinfo > h1:first-of-type{
  margin-top: 0;
}
.mainContent.facultyTop > section > h1.lifeManagement{
  font-size: 1em;
}
.mainContent.facultyTop > section > h1.lifeManagement a{
  border: 1px solid #d6d8d8;
  color: #2d2d2d;
  text-decoration: none;
  display: block;
  padding: .7em 1.5rem .7em .7em;
  transition: all .4s ease;
  position: relative;
}
.mainContent.facultyTop > section > h1.lifeManagement a:hover{
  background: #26c5cf;
  color: #fff;
}
.mainContent.facultyTop > section > h1.lifeManagement a:after{
  border-right: 2px solid #d6d8d8;
  border-top: 2px solid #d6d8d8;
  content: "";
  display: block;
  width: 1em;
  height: 1em;
  position: absolute;
  transform: rotate(45deg);
  right: .75rem;
  top: calc(50% - 0.5em);
}
.mainContent.facultyTop > section > h1.lifeManagement a:hover:after{
  border-color: #fff;
}
.mainContent.facultyTop > section > h1.lifeManagement a span{
  padding: 0;
}
.mainContent.facultyTop > section > h1.lifeManagement a span:before{
  content: none;
}
.mainContent.facultyTop > section > h1.lifeManagement a span:first-of-type{
  font-size: 1.5em;
}
.mainContent.facultyTop > section > h1.lifeManagement a span.fuki{
  font-size: .9em;
}
@media print, screen and (max-width: 960px){
  .mainContent.facultyTop > section > h1.lifeManagement a span:first-of-type{
    font-size: 1.3em;
  }
  .mainContent.facultyTop > section > h1.lifeManagement a span.fuki{
    font-size: .8em;
    font-weight: 400;
  }
  .teachers h2{
    font-size: 1.2em;
  }
}
/*
.artinfo .indexLinks ul a > span{
  margin-left: 0;
}
.artinfo .indexLinks ul a > span:before{
  left: -0.1em;;
}
.artinfo .indexLinks ul a > span:after{
  left: 0.2em;
}
*/

/*
.courseBox>div>h3{
	position: relative;
	padding-left: .8em;
}


.courseBox>div>h3:before {
    content: '';
    height: .5em;
    width: .5em;
    background: #00929c;
    position: absolute;
    top: 0.5em;
    left: 0;
}
*/


@media print, screen and (min-width: 960px){
  .mainContent.facultyTop > section > h1{
    font-size: 2.1em;
  }
  .facultyTop .artinfo .pageLink a{
    display: inline-block;
    padding-right: 1rem;
  }
  .facultyTop .indexLinks .text{
        width: calc(50% - 20px);
  }
  .facultyTop .indexLinks .text ul li{
    width: 100%;
  }
  /* .facultyTop .indexLinks > div:nth-last-of-type(-n+2){
  margin-bottom: 0;
  } */
  .otherCathegory .indexLinks{
    margin-top: 40px;
  }
}

.addinfo{
  font-size: .8em;
}

/* faculty/index fin ------------------ */


/* faculty teacher start ------------------ */
.managerOfCenter{
  text-align: right;
}
.managerOfCenter span{
  font-size: 1.8em;
}
table.teacher td{
  vertical-align: bottom;
}
table.teacher tr td:nth-of-type(2) span{
  font-size: .85em;
  letter-spacing: -1px;
}
@media print, screen and (max-width: 960px){
  table.teacher{
    margin-top: 2rem;
  }
  table.teacher tr{
    align-items: flex-end;
    border-bottom :1px dashed #d6d8d8;
    display: flex;
    flex-wrap: wrap;
    padding-bottom: .5rem;
  }
  table.teacher tr+tr{
    padding-top: .3rem;
  }
  table.teacher tr td:first-of-type{
    margin-right: .5rem;
  }
  table.teacher tr td:nth-of-type(2){
    font-size: 1.3em;
  }
  table.teacher tr td:last-of-type{
    width: 100%;
    font-size: .9em;
  }
}/* /max-width: 960px */
@media print, screen and (min-width: 960px){
  table.teacher{
    margin: 2rem 1rem;
  }
  table.teacher td{
    border-bottom: 1px dashed #d6d8d8;
    padding: .5rem;
  }
  table.teacher tr td:first-of-type{
    width: 5em;
  }
  table.teacher tr td:nth-of-type(2){
    font-size: 1.2em;
    line-height: 1.2;
  }
  table.teacher tr td:nth-of-type(2){
    width: 10.5em;
  }
}/* /min-width: 960px*/
/* faculty teacher end ------------------ */

/* faculty curriculum start ------------------ */
p.ccKeyWord{
  color: #00929c;
  font-weight: 500;
  font-size: 1.3em;
  text-align: center;
}

table.curriculum td{
  font-size: .8em !important;
}
table.curriculum tr:first-of-type th{
  background: rgba(255,255,255, 0);
  border-color: rgba(255,255,255, 0) rgba(255,255,255, 0) #d6d8d8 ;
}
table.curriculum tr:first-of-type th:not(:first-of-type){
  background: #26c5cf;
  color: #fff;
}
table.curriculum tr:first-of-type th:nth-of-type(2){
  border-right-color: #fff;
}
table.curriculum ul{
  list-style-type: none;
  margin: 0;
  padding: 0 !important;
}
table.curriculum ul li{
  line-height: 1.4;
  padding: 0;
}
table.curriculum.tableScroll:after{
  content: none;
}
.js-scrollable+.js-scrollable{
  margin-top: 2rem;
}
@media print, screen and (max-width: 960px){
  table.curriculum th,
  table.curriculum td{
    vertical-align: top;
  }
  table.curriculum ul.commonCourse,/* CASE: PC->4column, SP->2column*/
  table.curriculum ul.commonCourse1,/* CASE: PC->2column, SP->1column*/
  table.curriculum ul.commonCourse2,/* CASE: PC->2column, SP->2column*/
  table.curriculum ul.commonCourse3,/* CASE: PC->3column, SP->2column*/
  table.curriculum ul.commonCourse4{/* CASE: PC->4column, SP->3column*/
    display: flex;
    flex-wrap: wrap;
  }
  table.curriculum ul.commonCourse li{
    width: 50%;
  }
  table.curriculum ul.commonCourse1 li{
    width: 100%;
  }
  table.curriculum ul.commonCourse2 li{
    width: 50%;
  }
  table.curriculum ul.commonCourse3 li{
    width: 50%;
  }
  table.curriculum ul.commonCourse4 li{
    width: calc(100% / 3);
  }
}/* /max-width: 960px */

table.curriculum.sougou-t th {
  width: auto;
}
table.curriculum th.th-v {
  width: 1.5em;
 }
 table.curriculum th.th-v2 {
  width: 20%;
 }
@media print, screen and (min-width: 960px){
  table.curriculum th,
  table.curriculum td{
    width: 20%;
  }
  table.curriculum th,
  table.curriculum td{
    padding: .75rem;
  }
  table.curriculum ul.commonCourse,/* CASE: PC->4column, SP->2column*/
  table.curriculum ul.commonCourse1,/* CASE: PC->2column, SP->1column*/
  table.curriculum ul.commonCourse2,/* CASE: PC->2column, SP->2column*/
  table.curriculum ul.commonCourse3,/* CASE: PC->3column, SP->2column*/
  table.curriculum ul.commonCourse4{/* CASE: PC->4column, SP->3column*/
    display: flex;
    flex-wrap: wrap;
  }
_:-ms-lang(x)::-ms-backdrop, table.curriculum ul.commonCourse,
_:-ms-lang(x)::-ms-backdrop, table.curriculum ul.commonCourse1,
_:-ms-lang(x)::-ms-backdrop, table.curriculum ul.commonCourse2,
_:-ms-lang(x)::-ms-backdrop, table.curriculum ul.commonCourse3,
_:-ms-lang(x)::-ms-backdrop, table.curriculum ul.commonCourse4{
  display: block;
  overflow: hidden;
}
_:-ms-lang(x)::-ms-backdrop, table.curriculum ul.commonCourse li,
_:-ms-lang(x)::-ms-backdrop, table.curriculum ul.commonCourse1 li,
_:-ms-lang(x)::-ms-backdrop, table.curriculum ul.commonCourse2 li,
_:-ms-lang(x)::-ms-backdrop, table.curriculum ul.commonCourse3 li,
_:-ms-lang(x)::-ms-backdrop, table.curriculum ul.commonCourse4 li{
  float: left;
}

  table.curriculum ul.commonCourse li{
    width: 25%;
  }
  table.curriculum ul.commonCourse1 li{
    width: 50%;
  }
  table.curriculum ul.commonCourse2 li{
    width: 50%;
  }
  table.curriculum ul.commonCourse2 li.wide{
    width: 100%;
}
  table.curriculum ul.commonCourse3 li{
    width: calc(100% / 3);
	}
  table.curriculum ul.commonCourse4 li{
    width: 25%;
  }
}/* /min-width: 960px*/

table.curriculum ul li.nonWrap{
  width: auto;
}

/* faculty curriculum end ------------------ */

/* faculty/xxx/xxx/index start ------------------ */

.courseSelectWrap{
  background: #fffde6;
  padding: 1em .5em;
}
dl.courseSelect{
  margin: 2em 0;
  padding-left: 1em;
}
dl.courseSelect dt{
  border: 1px solid #2d2d2d;
  padding: .25em .5em .25em 2em;
  width : 10em;
  text-align : center;
  position: relative;
}
dl.courseSelect dt span{
  background: #fff;
  border: 1px solid #2d2d2d;
  padding: .25em .5em;
  position :absolute;
  left: -.5em;
  top: -.5em;
}
dl.courseSelect dd{
  padding: calc( .25em + 1px);
  margin: 0 0 1.5rem ;
}

@media print, screen and (min-width: 960px){
  .courseSelectWrap{
    padding: 2em;
  }
  dl.courseSelect{
    margin: 3em 0;
  }
  dl.courseSelect dt{
    position: absolute;
  }
  dl.courseSelect dd{
    margin-left: 11em;
  }
}

/*.courseBox{
  align-items: center;
}
@media print, screen and (max-width: 960px){
  .courseBox > div + div{
    margin-top: 1rem;
  }
}*/

.andMore{
  border: 1px solid #2d2d2d;
  display: inline-block;
  font-size: .8em;
  line-height: 1;
  margin: 1em .5em 0;
  padding: .5em .5em .5em 1.5em;
  position: relative;
}
.andMore:before{
  content: "";
  border-left: 1px solid #2d2d2d;
  border-bottom: 1px solid #2d2d2d;
  height: 8px;
  left: .5em;
  position: absolute;
  top: calc( 50% - 6px);
  transform: rotate(-45deg);
  width: 8px;
}
.andMore.openDiv:before{
  transform: rotate(135deg);
  top: calc( 50% - 4px);
}
@media print, screen and (min-width: 960px){
  .andMore:hover{
    cursor: pointer;
  }
}
.toggle.andMore+div{
  display: none;
  overflow: hidden;
}/*
*/

/*ul.departmentMessage{
  display: flex;
  flex-direction: row-reverse;
  margin: 1em 0 0 0;
}
ul.departmentMessage a{
  color: #181919;
  display: inline-block;
  border: 1px solid #181919;
  text-decoration: none;
  padding: .5em 2em .5em 1.5em;
  position: relative;
}
ul.departmentMessage a:after{
  content: "";
  border-top: 1px solid #181919;
  border-right: 1px solid #181919;
  width: 7px;
  height: 7px;
  position: absolute;
  right: 10px;
  top: calc( 50% - 3.5px );
  transform: rotate(45deg);
}
ul.departmentMessage a:before{
  background: #181919;
  content: "";
  width: 1px;
  height: calc( 100% - 6px );
  position: absolute;
  left: 3px;
  top: 3px;
}
@media print, screen and (max-width: 960px){
 .page:not(.pageIndex) .mainContent ul.departmentMessage{
    line-height: 1.5;
  }
}
ul.departmentMessage a:hover{
  opacity: .7;
}
.departmentMessage+h2{
  margin-top: .5em;
}*/

ul.toExamineeBnr{
  padding-left: 0 !important;
}

ul.toExamineeBnr a{
  display: block;
  padding: 2em 1em;
  text-decoration: none;
  text-align: center;
  transition: all .3s;
}

ul.toExamineeBnr .base{
  color: #fff;
  display: block;
  font-size: 2.0em;
  font-weight: 500;
  text-shadow: 0 0 3px #00929c;
}
ul.toExamineeBnr .department{
  background: #fff;
  border-radius: 2em;
  color: #26c5cf;
  display: inline-block;
  font-size: 1.3em;
  margin-top: 1em;
  padding: .25em 1em .25em 1.5em;
  text-align: center;
  position: relative;
}
ul.toExamineeBnr .department:before{
  border-width: 4px 4px 0 0;
  border-style: solid;
  border-color: #26c5cf;
  content: "";
  height: .5em;
  left: .5em;
  position: absolute;
  width: .5em;
  top: calc( 50% - .25em);
  transform: rotate(45deg);
}
/*f89bc4*/
ul.toExamineeBnr a.sport{
  background:
    linear-gradient( to right, rgba(38, 197, 207, .8) 0%, rgba(171, 255, 128, .3) ),
    url("/img/page/faculty/sport/sport/bnr_toexaminee_sport.jpg?0307") top center / cover no-repeat;
}
ul.toExamineeBnr a.sport:hover{
  opacity: .7;
}

ul.toExamineeBnr a.info{
  background:
    linear-gradient( to right, rgba(38, 197, 207, .8) 0%, rgba(171, 255, 128, .3) ),
    url("/img/page/faculty/artinfo/info/bnr_toexaminee_info.jpg?0307") top center / cover no-repeat;
}
ul.toExamineeBnr a.info:hover{
  opacity: .7;
}

ul.toExamineeBnr a.artistic{
  background:
    linear-gradient( to right, rgba(38, 197, 207, .8) 0%, rgba(171, 255, 128, .3) ),
    url("/img/page/faculty/artinfo/artistic/bnr_toexaminee_artistic.jpg?") top center / cover no-repeat;
}
ul.toExamineeBnr a.music:hover{
  opacity: .7;
}

ul.toExamineeBnr a.ouyo{
  background:
    linear-gradient( to right, rgba(38, 197, 207, .8) 0%, rgba(171, 255, 128, .3) ),
    url("/img/page/faculty/artinfo/ouyo/bnr_toexaminee_ouyo.jpg?0307") top center / cover no-repeat;
}
ul.toExamineeBnr a.ouyo:hover{
  opacity: .7;
}

ul.toExamineeBnr a.butai{
  background:
    linear-gradient( to right, rgba(38, 197, 207, .8) 0%, rgba(171, 255, 128, .3) ),
    url("/img/page/faculty/artinfo/butai/bnr_toexaminee_butai.jpg?0307") top center / cover no-repeat;
}
ul.toExamineeBnr a.butai:hover{
  opacity: .7;
}

ul.toExamineeBnr a.sougou{
  background:
    linear-gradient( to right, rgba(38, 197, 207, .8) 0%, rgba(171, 255, 128, .3) ),
    url("/img/page/faculty/sougou/sougou/bnr_toexaminee_sougou.jpg?0306") top center / cover no-repeat;
}
@media print, screen and (max-width: 960px){
  ul.toExamineeBnr a.sougou{
  background:
    linear-gradient( to right, rgba(38, 197, 207, .8) 0%, rgba(171, 255, 128, .3) ),
    url("/img/page/faculty/sougou/sougou/bnr_toexaminee_sougou_sp.jpg?0306") top center / cover no-repeat;
  }
}
ul.toExamineeBnr a.sougou:hover{
  opacity: .7;
}
@media print, screen and (max-width: 960px){
  ul.toExamineeBnr .base{
    font-size: 1.4em;
  }
  ul.toExamineeBnr .department{
    font-size: 1.1em;
  }
}

.sougouLink .pickup_bnr_sougou{
  width:100%;
  margin-top: 40px;
}

.sougouLink .pickup_bnr_sougou ul{
  max-width:900px;
  margin: 0;
  padding: 0 !important;
  list-style:none;
  display:flex;
  justify-content: space-between;
  flex-direction:row;
  flex-wrap:wrap;
}

.sougouLink .pickup_bnr_sougou ul li{
  width:100%;
  margin-bottom:16px;
}

.sougouLink .pickup_bnr_sougou ul li a:hover{
  opacity:.7;
  transition:all ease .3s;
}

.sougouLink .pickup_bnr_sougou ul li img{
  width:100%;
}
@media screen and (min-width:960px){
  .sougouLink .pickup_bnr_sougou ul li{
    width:49%;
  }
}

.toExamPage a{
  background: #fff;
  border: 1px solid #26C5CF;
  display: block;
  line-height: 1;
  padding: .5em 0 .75em;
  position: relative;
  text-decoration: none !important;
  text-align: center;
  transition: .4s all;
}
.toExamPage a:hover,
.moreDetail a:hover{
  opacity: .7;
}
.toExamPage a span:first-of-type{
  background: #00929c;
  border-radius: 0 1rem 1rem 0;
  color: #fff;
  font-size: 10px;
  display: inline-block;
  padding: .25em .5em .4em;
  position: absolute;
  left: -1px;
  top: -10px;
}
.toExamPage a span:nth-of-type(2){
  font-size: 14px;  
  font-weight: 500;
  padding-left: 1rem;
  position: relative;
}
.toExamPage a span:nth-of-type(2):before,
.moreDetail a span:first-of-type:before{
  border-width: 2px 2px 0 0;
  border-color: #00929c;
  border-style: solid;
  content: "";
  left: 0;
  top: calc(50% - 4px);
  height: 8px;
  width: 8px;
  position: absolute;
  transform: rotate(45deg);
}
.toExamPage a span:last-of-type,
.moreDetail a span:last-of-type{
  background: url(../../../img/module/common/icon_target.png) right top / 15px no-repeat;
  font-size: 10px;
  padding: 0 20px .25em 0;
}
.introSlider{
  padding: .5rem 2rem;
  margin-bottom: 1rem;
}
.introSlider .cell{
  padding: 0 .75rem;  
}
.introSlider .slick-arrow{
  height: 100%;
  background-color: #D3F5F0;
  width: 20px;
}
.introSlider .slick-prev{
  left: 0;
}
.introSlider .slick-next{
  right: 0;
}
.introSlider .slick-prev,
.introSlider .slick-next{
}
.introSlider .slick-prev:hover,
.introSlider .slick-prev:focus,
.introSlider .slick-next:hover,
.introSlider .slick-next:focus{
  background-color: #D3F5F0;
}
.introSlider button.slick-prev:before,
.introSlider button.slick-next:before{
  background-color: #D3F5F0;
  border-radius: 50%;
  height: 40px;
  position: absolute;
  top: calc(50% - 20px);
  width: 40px;
}
.introSlider button.slick-next:before{
  right: 0;
}
.introSlider button.slick-prev:after,
.introSlider button.slick-next:after{
  border-width: 0 0 2px 2px;
  border-style: solid;
  border-color: #26C5CF;
  content: "";
  height: 13px;
  left: 15px;
  position: absolute;
  top: calc(50% - 6.5px);
  transform: rotate(45deg);
  width: 13px;
}
.introSlider button.slick-next:after{
  transform: rotate(-135deg);
  left: initial;
  right: 15px;
}
h2.course{
  padding: 0 .25em;
  border-left: none;
  border-bottom: 3px solid #A8E8EC;
}
h2.course:not(.topCourse){
  margin-top: 4rem;
}
h2.course:before{
  content: none;
}
h2.course:after{
  height: 3px;
  width: 20%;
  bottom: -3px;
  left: 0;
  position: absolute;
  top: initial;
}
.courseImage{
  width: 44%;
  float: right;
  padding-left: .5rem;
}
.courseImage img{
  max-width: 100%;
  height: auto;
}
.courseBox .detail h3 span{
  font-size: .9em;
  border: 1px solid #00929c;
  border-radius: 1em;
  padding: 0 .5em;
}
.courseBox .detail p{
  font-size: .9em;
  line-height: 1.5;
  margin-top: .5rem;
}
.moreDetail a{
  background: linear-gradient( 120deg,  #D3F5F0 90%, #e5f9f6 90% );
  display: block;
  font-weight: 500;
  padding: .75em 0;
  text-align: center;
  text-decoration: none !important;
}
.moreDetail a span:first-of-type{
  position: relative;
  padding-left: 1rem;
  letter-spacing: -1px;
}
.moreDetail a span:first-of-type:before{
  top: calc(50% - 3px)
}
.moreDetail a span:last-of-type{
  background-position: right 3px;
  font-size: .8em;
}

@media print, screen and (min-width: 960px){
  p.toExamPage{
    margin: .8em 0;
    padding: 0;
  }
  .toExamPage a{
    padding-bottom: .5em;
    filter: drop-shadow(1px 1px 1px #ccc);
  }
  .toExamPage a span:first-of-type{
    border-radius: 1em;
    font-size: 14px;
    position: relative;
    top: initial;
  }
  .toExamPage a span:nth-of-type(2){
    font-size: 16px;
    padding-left: .25em;
  }
  .toExamPage a span:nth-of-type(2):before{
    content: none;
  }
  .toExamPage a span:last-of-type{
    background-position: right center ;
    font-size: 14px;
  }
  .introSlider{
    padding: 0;
    margin-top: 1em;
  }
  .introSlider .cell{
    padding: 0 .25rem;  
  }
  .courseBox .introduction{
    display: grid;
    grid-colums: auto 360px;
    grid-rows: auto auto;
  }
  .courseImage{
    float: none;
    grid-column-start: 2;
    grid-row-start: 1;
    grid-row-end: 3;
    width: 360px;
    }
  .introduction .title{
    grid-column-start: 1;
    grid-row-start: 1;
  }
  .introduction p{
    grid-column-start: 1;
    grid-row-start: 2;
  }
  .courseBox .detail{
    margin-top: 0;
  }
  .moreDetail a{
    background: linear-gradient( 120deg,  #D3F5F0 80%, #e5f9f6 80% );
    font-size: 1.3em;
    transition: .4s all;
    }
  .moreDetail a span:last-of-type{
    background-position: right center;
  }
}



/* faculty xxx/index end ------------------ */

/* faculty greeting start ------------------ */
/*about/greeting.cssと同じなので、校了になったらpage.cssに入れることを検討*/

.greeting .lead h3 {
  font-size: 1.3rem;
  border-bottom: 1px solid #26c5cf;
  padding:0 1rem 1rem 1rem;
  line-height: 1.7em;
  margin: 1rem 0 0 0;
  overflow-wrap: break-word;
}
.greeting .lead img {
  width: 100%;
}
.greeting .lead >div:nth-of-type(2) {
  width: 33%;
}
.greeting .lead .name {
  font-size: 1.2rem;
  text-align: right;
  font-weight: 500;
  margin: 0;
  border-bottom: 1px solid #26c5cf;
  padding-right: 1rem;
}
.greeting .lead .name span {
  display: inline-block;
  font-size: 0.75em;
  line-height: 0.85em;
  padding-right: 1em;
}
.greeting .lead >div:nth-of-type(2) {
    margin: 10px auto;
    width: 50%;
}
.greeting .historyBox {
  border: 1px solid #26c5cf;
	padding: .5rem;
}

.greeting .historyBox  p.bold {
  font-weight: bold;
  color: #00909c;
  margin-bottom: 0.5em;
  border-bottom: 5px solid #f4f9f9;
}

@media screen and (min-width: 560px) {
 .greeting  dl {
    display: flex;
  }
 .greeting  dt {
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 1.3rem;
    padding-top: 4rem;
    width: 34%;
  }
 .greeting  dd {
    width: 66%;
  }
}
@media screen and (min-width: 960px) {
 .greeting  .lead {
    display: flex;
  }
.greeting .lead h3 span {
    display: block;
  }
 .greeting .lead >div:nth-of-type(1) {
    width: 67%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 1rem 1rem 0 0;
    margin-top: 0;
  }
.greeting .lead.noH3 > div:nth-of-type(1) {
  justify-content: center;
}
.greeting .lead h3 {
  font-size: 2rem;
  font-weight: 500;
}
.greeting  .lead >div:nth-of-type(2) {
    width: 33%;
  }
 .greeting  .lead .name {
    font-size: 1.5rem;
    margin: 1em 0;
    border: none;
   padding-top: 0.5em;
  }
  .greeting .lead.noH3 .name {
    border-top: 1px solid #26c5cf;
  }
 .greeting  .lead .name span {
    display: block;
    font-size: 0.75em;
    line-height: 0.85em;
    padding: 0;
  }
 .greeting  dl {
    margin-top: 2rem;
  }
}
/* faculty greeting end ------------------ */

/* 実機確認後、追加 ▼ */
.tate {
  writing-mode: vertical-rl;
}
table.curriculum td.noVertTop {
  vertical-align: middle;
}
@media print, screen and (max-width: 320px){
  .greeting .lead .name span.sportDean {
    padding-right: 0;
  }
}

@media print, screen and (min-width: 321px){
  .seBr {
    display: none;
  }
}

@media screen and (max-width: 959px) {
  .page .mainContent div.mb40 {
    margin-bottom: 40px;
  }
  .page .mainContent div.mt_20 {
    margin-top: -20px;
  }
}
.popsLink a{
  display:block;
  background: #ffffff;
}
.popsLink a:hover img{
  opacity:0.7;
  transition:0.3s all ease;
}
.popsLink a picture img{
  width:100%;
  border:1px solid #dedede;
}


/* 情報表現特設バナー▼*/
  .specialBnr {
    padding: 1em;
    margin-bottom: 1em;
    background:rgba(241, 248, 255, .8);
}
.specialBnr img {
  width: 100%;
}
.page .specialBnr p {
  color: #001D42;
  margin: 0 auto .5em;
}
.specialBnr a {
  transition: .4s all;
  display: block;
  max-width: 770px;
  margin: auto;
}
.specialBnr a:hover {
  opacity: .7;
}
@media print, screen and (min-width: 960px){
  .specialBnr {
    margin-top: 1.5em;
    margin-bottom: 2em;
  }
.page .specialBnr p {
  text-align: center;
  }
}
@media print, screen and (max-width: 560px){
  .specialBnr p br {
    display: none;
  }
  .specialBnr p {
    font-size: 0.85em;
  }
}
section.artinfo .indexLinks > div{
  position:relative;
}
section.artinfo .indexLinks .linkH2 .aLink{
  position:absolute;
  bottom:0;
  left:0;
  width:100%;
}

section.artinfo .indexLinks .linkH2 .aLink:before{
  opacity:0.8;
}
section.artinfo .indexLinks .linkH2 a.aLink:hover:before,
section.artinfo .indexLinks a:hover .linkH2 .aLink:before {
  opacity: 0.8;
}

/*section.artinfo .indexLinks .indexLink1{
  margin-bottom:110px;
}*/
.pageBnrArea {
  max-width: 1064px;
  margin: auto;
  padding: 20px 0;
}
.pageBnrArea a {
  display: block;
  transition: .4s all;
  margin: 30px 0;
}
.pageBnrArea a:hover {
  opacity: .7;
}
@media screen and (min-width: 760px) {
  .pageBnrArea {
      padding: 50px 0 65px;
  }
}

section.new_art {
	background: #fffff1;
	padding: 20px;
}

.new_text {
	font-weight: bold;
	font-size: 1.2em;
	color: #3f3f3f;
}

div.new_bnr {margin:10px 0;}

@media screen and (min-width: 768px) {
	.pc {display: block;}
	.sp {display: none;}	}

@media screen and (max-width: 767px) {
	.pc { display: none; }
    .sp { display: block; }}	

.btn_05 {
  display: table;
  color: #fff;
  text-decoration: none;
  font-weight: 500;
  background: #26C5CF;
  padding: .3em 2em .4em 2.5em;
  position: relative;
  margin: .5em 0 .5em auto;
  transition: .4s all;
}
.btn_05::after {
  content: "";
  display: block;
  width: .6em;
  aspect-ratio: 1 / 1;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: rotate(45deg) translateY(-50%);
  position: absolute;
 left: .5em;
 top: calc(50% - 0.1em);
}
.btn_05:hover {
  opacity: 0.7;
}
span.tag_new {
  background: #C9AF80;
  color: #fff;
  font-size: .8em;
  display: inline-block;
  padding: 0 .5em;
  border-radius: 3px;
  margin-left: .5em;
}
h1 .smaller {
  font-size: .5em;
  line-height: 1.8rem;
  display: inline-block;
  vertical-align: 25%;
  margin-left: 1em;}
h2.course .smaller {font-size: max(.5em , 14px);padding-left: .5em;}
  /*サイドバー*/
  span.fuki {
    display: block;
    font-size: .8em;
    color: #fff;
  }

.indexLinks .fuki-link {
  position: absolute;
  font-size: 0.8rem;
}
@media print, screen and (max-width: 959px) {
  .indexLinks .indexLink1, .indexLinks .indexLink2 {
    margin-bottom: 2rem !important;
  }
}
.mainContent p.toExamPage2 {
  padding: 0;
}
.page p.toExamPage2 {
  margin-top: -10px;
  overflow: hidden;
}
.toExamPage2 a{
  background: #26C5CF;
  display: block;
  line-height: 1;
  padding: .5em 0 .75em;
  position: relative;
  text-decoration: none !important;
  text-align: center;
  transition: .4s all;
  font-weight: 500;
}
.toExamPage2 a:hover {opacity: .7;}
.toExamPage2 a span:first-of-type{
  background: #fff;
  border-radius: 1000px;
  color: #30797E;
  display: inline-block;
  padding: .25em .5em .4em;
  font-size: 14px;  
}
.toExamPage2 a span:nth-of-type(2){
  font-size: 14px;  
  font-weight: 500;
  padding-left: .5rem;
  position: relative;
  display: inline-block;
  margin-top: 5px;
}
.toExamPage2 a::after,
.toExamPage2 a::before {
  content: "";
  position: absolute;
}
.toExamPage2 a::after {
  display: block;
  width: 59px;
  aspect-ratio: 1 / 0.847;
  background-image: url(/img/page/faculty/icn_mg.svg);
  background-repeat: no-repeat;
  background-size: auto 100%;
  background-position: center bottom;
  bottom: 0;
  transform: scale(-1,1);
}
.toExamPage2 a::before {
  width: 14px;
  aspect-ratio: 1 / 1;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: rotate(45deg) translateY(-50%);
  right: 20px;
  top: 47%;
}
.page .mainContent p.toExamPage2 a {
  color: #fff;
}
.toExamPage.disabled {
  color: #30797E;
}
.toExamPage.disabled a{
        filter:none;
        pointer-events: none;
        cursor: default;
}
.page p.att_area {
  background: #e33d3d;
  margin: 0 0 3px;
  color: #fff;
  padding: 0 .5em;
}
.bnr_sub {
  margin: 0 0 -1em 0;
}
.singleLink, .pageLink a >span > span {
  font-size: .8em;
  display: inline-block;
}
@media print, screen and (max-width: 559px) {
  .toExamPage2 a span:nth-of-type(2) {
    display: block;
  }
}
@media print, screen and (min-width: 960px) {
  .toExamPage2 a {
    padding: .5em 0;
  }
  .toExamPage2 a span:first-of-type,
  .toExamPage2 a span:nth-of-type(2) {
    font-size: 18px;
  }
  .toExamPage2 a span:nth-of-type(2) {
    margin-top: 0;
  }
  .toExamPage2 a::before {
    right: 40px;
  }
  .toExamPage2 a::after {
    transform: scale(1, 1) translateX(100%);
    right: 25%;
  }
}