@charset "utf-8";
.page .overview {


}
.imgblock img {
  width: 100%;
}
.facultymusic.page.faculty .lecture h2 .h2 {
  top:0;
}
.facultymusic .courses figure {
  margin: 0
}
.mainContent .courses p,
.page .courses h4 {
  padding:0;
  margin:0;
}
.mainContent .courses p,
.facultymusic .courses figure {
  padding: 0;
  margin: 0.5em;
}
  .crossoverText {
    margin-top: 1.5em;
  }
.page.faculty .lecture h3.courseName {
  margin-left: 0;
}
.page .courses h4 {
  margin: 0.5 0;
  padding: 0.5em;
}
.mainContent .courses p {
  margin:0;
 padding: 0.5em;
}
.page .courses h4 {
  font-size: 1em;
}

.page.faculty .lecture2 h3 span {
  color: #fff;

}
.page.faculty .lecture h3.courseName{
  display: flex;
  border-top: 1px solid #26c5cf;
  padding-top: 0.5em;
  align-items: center;
}
.page.faculty .lecture h3.courseName > span {
  padding: 0.5em;
  margin-right: 0.5em;
}
.page .courses > div {
  margin:0;
}
.page.faculty .lecture2 h3 span,
.page.faculty .lecture h2.noArrow:before {
    background: #00929c;
  background: -webkit-linear-gradient(180deg, rgba(38, 197, 207, 1) 0%, rgba(45, 200, 203, 1) 13.66%, rgba(64, 209, 191, 1) 33.57%, rgba(96, 222, 172, 1) 57.29%, rgba(140, 242, 146, 1) 83.72%, rgba(171, 255, 128, 1) 100%);
  background: -webkit-gradient(linear,59.42% 50% ,1.34% 50% ,color-stop(0,rgba(38, 197, 207, 1) ),color-stop(0.1366,rgba(45, 200, 203, 1) ),color-stop(0.3357,rgba(64, 209, 191, 1) ),color-stop(0.5729,rgba(96, 222, 172, 1) ),color-stop(0.8372,rgba(140, 242, 146, 1) ),color-stop(1,rgba(171, 255, 128, 1) ));
  background: linear-gradient(-90deg, rgba(38, 197, 207, 1) 0%, rgba(45, 200, 203, 1) 13.66%, rgba(64, 209, 191, 1) 33.57%, rgba(96, 222, 172, 1) 57.29%, rgba(140, 242, 146, 1) 83.72%, rgba(171, 255, 128, 1) 100%);
}
.manabi {
  padding: 0.5em;
}
  .page.faculty .manabi h3 {
    margin:0;
    padding:0.5em;
    background: #fff;

  }
  .manabi ul {
    list-style: none;
    margin:0;
    padding:0;
    display: inline;
  }
  .manabi p {
    display: inline-block;
    margin:0;
    padding:0;
  }
  .manabi p span {
    color: #00929c;
    font-weight: 700;
    font-size: 0.9em;
    position: relative;
    display: inline-block;
    padding: 0 0.5em;
  }
  .manabi p span:after,
  .manabi p span:before {
    content: "";
    display: block;
    height: 1.8em;
    width: 0.5em;
    border: 1px solid #26c5cf;
    position: absolute;
    top: calc(50% - 0.8em);
  }
  .manabi p span:after {
    border-left: none;
    right: 0;

  }
  .manabi p span:before {
    border-right: none;
    left: 0;
  }
  .manabi ul li {
    display: inline-block;
    position: relative;
  }
  .manabi ul li:not(:last-child):after {
    content: ' / ';
  }
   .page .crossoverText.flex > div {
      background: #e9f9fa;
  }

  .page.faculty .lecture h2.noArrow {
    font-size: 1.375rem;
    text-align: center;
    display: table;
    margin: 1.5em auto 0.8em;
    position: relative;
    padding-top: 0.8em;
  }
  .page.faculty .lecture h2.noArrow:before {
    content: "";
    display: block;
    width: 60px;
    height: 3px;
    position: absolute;
    top:0;
    left: calc(50% - 30px);
  }
.page.faculty .lecture h2 .inlineB {
  margin:0;
}
@media print, screen and (max-width: 960px) {
}
@media print, screen and (min-width: 560px) {
  .page .courses {
    justify-content: space-between;
  }
  .page .courses > div {
    width: calc(33.33% - 8px);
  }
}
@media print, screen and (min-width: 560px) and (max-width: 960px) {
  .imgblock {
    max-width: 500px;
    margin: 0 auto;
  }
}
@media print, screen and (min-width: 960px) {
  .page .overview {
    display: flex;
  }
  .page .lecture .crossover > .flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .page .lecture .crossover .text {
    padding: 1em;
    border-top: 1px solid #26c5cf;
    border-bottom: 1px solid #26c5cf;
  }
  .page .crossover .flex > div,
  .page .crossoverText.flex > div {
    width: calc(50% - 5px);
  }
   .page .crossoverText.flex > div {
      background: #e9f9fa;
  }
  .page .courses h4 {
    font-size: 1.1em;
  }
  .crossoverText {
    justify-content: space-between;
    margin-top: 1.5em;
  }

  .page.faculty .lecture h2.noArrow {
    font-size: 2.3rem;
    text-align: center;
    display: table;
    margin: 2em auto 0.8em;
    position: relative;
    padding-top: 1.5em;
  }
  .page.faculty .lecture h2.noArrow:before {
    content: "";
    display: block;
    width: 60px;
    height: 3px;
    position: absolute;
    top:0;
    left: calc(50% - 30px);
  }
  .page.faculty .lecture h3.courseName {
    font-size: 1.5em;
  }
  .manabi {
    padding: 0.5em;
  }
  .manabi h3 {
    margin:0;
    padding:0.5em;
    background: #fff;

  }
  .manabi ul {
    list-style: none;
    margin:0;
    padding:0;
    display: inline;
  }
  .manabi p {
    display: inline-block;
    margin:0;
    padding:0;
  }
  .manabi p span {
    color: #00929c;
    font-weight: 700;
    font-size: 0.9em;
    position: relative;
    display: inline-block;
    padding: 0 0.5em;
  }
  .manabi p span:after,
  .manabi p span:before {
    content: "";
    display: block;
    height: 1.8em;
    width: 0.5em;
    border: 1px solid #26c5cf;
    position: absolute;
    top: calc(50% - 0.8em);
  }
  .manabi p span:after {
    border-left: none;
    right: 0;

  }
  .manabi p span:before {
    border-right: none;
    left: 0;
  }
  .manabi ul li {
    display: inline-block;
    position: relative;
  }
  .manabi ul li:not(:last-child):after {
    content: ' / ';
  }

}/* min-960px */

section.pickup_bnr{
  background: #fff0a7;
  background: -moz-linear-gradient(top,  #fff0a7 0%, #ffb6d5 100%);
  background: -webkit-linear-gradient(top,  #fff0a7 0%,#ffb6d5 100%);
  background: linear-gradient(to bottom,  #fff0a7 0%,#ffb6d5 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff0a7', endColorstr='#ffb6d5',GradientType=0 );
  padding:2em 1em;
}

section.pickup_bnr ul{
  max-width:1204px;
  list-style:none;
  margin: 0 auto;
  padding: 0;
  display:flex;
  justify-content: space-between;
  flex-wrap:wrap;
}
section.pickup_bnr ul li{
  width:100%;
}
section.pickup_bnr ul li +li{
  margin-top:1em;
}
@media screen and (min-width:960px){
  section.pickup_bnr ul li{
    width:49%;
  }
  section.pickup_bnr ul li +li{
    margin-top:0px;
  }
}

section.pickup_bnr ul li a{
  display:block;
  background: #ffffff;
}

section.pickup_bnr ul li a:hover img{
  opacity:0.7;
  transition:all ease .3s;
}




/*-----h2 span.ja追加css-----*/
@media print, screen and (max-width: 960px) {
  .page.faculty h2 .enOuter{
    width: auto !important;
    display: inline-block;
  }
}
.page.faculty h2 .ja {
  font-size: 0.9rem;
  padding-left: 0.5em;
  white-space: nowrap;
}
.page.faculty .course h2 .ja{
  font-size: 1.2rem;
}
.page.faculty h2 .en {
	text-align: right;
	white-space: nowrap;
	line-height: 1 !important;
	display: flex;
	justify-content: center;
	flex-direction: column;
}
.page.faculty h2 .en::after{
  content: "";
  display: block;
  border: 1em solid transparent;
  position:absolute;
  right: calc( -3em );
  top:0;
  z-index:1;
}
.page.faculty .course h2 .enOuter{
  display: flex;
  align-items: center;
}
.page.faculty .course h2 .enOuter .ja{
  color: #fff;
}

@media screen and (min-width:960px){
  .page.faculty .point h2 {
    height: 90px;
  }
  .page.faculty h2 .en{
    display: flex !important;
    flex-direction: column;
   /* line-height: 1 !important;*/
  }
  .page.faculty h2 .ja{
    font-size: 1.2rem;
    padding-left: 0;
  } 
  /*各項目別に中央寄せcss*/
  .page.faculty .point h2 .ja{
    padding-right: 1em; 
  }
  .page.faculty .lecture h2 .ja{
    padding-right: 2em;
  }
  
  .page.faculty .course h2 .ja{
    font-size: 1.5rem;
    position: absolute;
    left: calc(50vw - 3em);
  }
  .page.faculty .course h2 .enOuter::after{
    content: none;
  }
  .page.faculty .point h2 .enOuter,
  .page.faculty .course h2 .en{
    min-width: 360px;
  }
  .page.faculty .course h2 .en::after {
    right: calc(-2em + 2px);
  }
  .page.faculty .lecture h2 .en{
    padding: 0.5em;
    padding-right: 1em;
    height: unset;
  }
  .facultymusic.page.faculty .lecture h2 .h2{
    top: -5%;
  }
}

/*----------*/

@media screen and (min-width: 960px) {
.page.faculty .course h2 .ja {
  font-size: 2.2rem;
  position: absolute;
  left: calc(50vw - 5.1em);
  border-bottom: 1px solid;
  padding: .5rem 5rem;
	}
}