@charset "utf-8";

/*============================================================
common
============================================================*/
#base_main .baseMainBlank {padding: 0;}
.introduction {width: 980px;}
.introduction * {
  box-sizing: border-box;
  color: #333;
  padding: 0;
  margin: 0;
}
.introduction a {transition: .2s linear;}
.introduction a:hover {
  opacity: .7;
  text-decoration: none;
}
ul.tab1 {
  display: flex;
  border-left: 1px solid #C7C7C7;
  position: relative;
}
ul.tab1::before {
  content: "";
  display: block;
  position: absolute;
  bottom: 0px;
  left: 0;
  width: 100%;
  border-bottom: 3px solid #C7C7C7;
  z-index: -1;
}
ul.tab1 li {
  cursor: pointer;
  font-size: 13px;
  border-top: 1px solid #C7C7C7;
  border-right: 1px solid #C7C7C7;
  display: flex;
  justify-content: center;
  flex-direction: column;
  width: 80px;
  text-align: center;
}
ul.tab1 li a {padding: 8px 0;}
ul.tab1 li.on {border-bottom: 3px solid #3e5299;}
.introduction .cell {
  display: none;
  padding: 50px 0 0;
  overflow: hidden;
}
.introduction .cell.show {display: block;}
.introduction article {
  float: left;
  width: 745px;
}
.introduction aside {
  float: right;
  width: 170px;
}
.introduction aside .asideBox {
  border: 1px solid #C7C7C7;
  padding: 10px 15px 20px;
}
.introduction aside .asideBox + .asideBox {margin-top: 30px;}
.introduction section {margin-bottom: 120px;}
.sclNameTop {
  text-align: center;
  font-size: 12px;
  margin-bottom: 60px;
}
.sclNameTop .ruby,
.sclNameTop .info1,
.sclNameTop .info2,
.sclNameTop .info2 * {color: #464646;}
.sclNameTop .name {
  font-size: 36px;
  font-family: "Hiragino Mincho ProN W6", "ヒラギノ明朝 ProN W6", "Hiragino Mincho ProN","游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-weight: bold;
}
.sclNameTop .info2 a {margin-left: 10px;}
.btnAreaTop {
  width: 980px;
  margin: 0px auto 70px;
  position: relative;
}
.btnAreaTop .btnAreaFlex {
  display: flex;
  justify-content: center;
}
.btnAreaTop::after {
  content: "";
  clear: both;
  display: block;
}
.btnAreaTop a.btn {
  width: 340px;
  padding: 15px;
  font-size: 22px;
  font-weight: bold;
  box-sizing: border-box;
}
.btnAreaTop .onlineApp a.btn {width: 270px;}
.btnAreaTop .right {float: right;}
.btnAreaTop .left {float: left;}
.btnAreaTop .left a {
  position: relative;
  padding-left: 100px;
}
.btnAreaTop .left a:hover {
  opacity: 0.6;
  filter: brightness(110%);
}
.btnAreaTop .left a img {
  position: absolute;
  right: 225px;
  bottom: 5px;
  width: 100px;
  border: 1px solid #ccc;
  opacity:1;
}
.note_free {
  padding-top:5px;
  font-size: 12px;
  color: #333;
  width: 340px;
}
.btnAreaTop .btn_hp_r {width: 340px;}
.btnAreaTop .btn_hp_r p {text-align: center;}
.btnAreaTop .oc_pop,
.btnAreaTop .left,
.btnAreaTop .onlineApp {margin-right: 15px;}
.tenki_icon {width: 150px;}
/*========== 共通ページタイトル ==========*/
.topCopy {
  font-size: 26px;
  font-family: "Hiragino Mincho ProN W6", "ヒラギノ明朝 ProN W6", "Hiragino Mincho ProN","游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  margin-bottom: 70px;
  line-height: 1.5;
}
.ttl {
  font-size: 30px;
  font-family: "Hiragino Mincho ProN W6", "ヒラギノ明朝 ProN W6", "Hiragino Mincho ProN","游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  padding-bottom: 46px !important;
  margin-bottom: 40px;
  border-bottom: 2px solid #C7C7C7;
  font-weight: bold;
  position: relative;
  line-height: 40px;
}
.ttl::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 90px;
  height: inherit;
  border-bottom: 2px solid #2D77C2;
}
.ttl.noblue {margin-bottom: 45px;}
.ttl.noblue::before {border-bottom: none;}
.subttl {
  font-size: 24px;
  font-family: "Hiragino Mincho ProN W6", "ヒラギノ明朝 ProN W6", "Hiragino Mincho ProN","游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  padding-bottom: 25px;
  border-bottom: 1px solid #C7C7C7;
  margin-bottom: 40px;
  font-weight: bold;
}
.subtitle {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 80px;
}
.copy {
  margin-bottom: 25px;
  font-size: 18px;
}
.copy2 {
  margin-bottom: 25px;
  font-size: 20px;
  font-weight: bold;
  line-height: 30px;
}
.copy3 {
  margin-bottom: 40px;
  font-size: 20px;
  font-weight: bold;
}
.mb0 {margin-bottom: 0px !important;}
.mb20 {margin-bottom: 20px;}
.mb50 {margin-bottom: 50px;}
.mb53 {margin-bottom: 53px;}
.mb80 {margin-bottom: 80px;}
.s12 {font-size: 12px;}
.s14 {font-size: 14px;}
.s15 {font-size: 15px;}
.s16 {font-size: 16px;}
.mt18 {margin-top: 18px !important;}
.mt53 {margin-top: 53px;}
.mt100 {margin-top: 100px;}
.mb18 {margin-bottom: 18px !important;}
.mb41 {margin-bottom: 41px;}
.mb67 {margin-bottom: 67px;}
.mb71 {margin-bottom: 71px;}
.pb46 {padding-bottom: 46px !important;}
/*--------------- bxslider ---------------*/
.sliderArea {margin-bottom: 60px;}
.bx-wrapper {
  position: relative;
  box-shadow: none;
}
.bx-wrapper .bx-controls-direction a {
  text-indent: -9999px;
  position: absolute;
  top: calc(50% - 25px);
  width: 50px;
  height: 50px;
  z-index: 9999;
}
.bx-wrapper .bx-prev,
.bx-wrapper .bx-next {
  background: rgba(0,0,0,.2);
  border-radius: 5px;
  position: relative;
}
.bx-wrapper .bx-prev {left: 0;}
.bx-wrapper .bx-next {right: 0;}
.bx-wrapper .bx-prev::after,
.bx-wrapper .bx-next::after {
  position: absolute;
  content: "";
  width: 14px;
  height: 14px;
  border: 2px solid transparent;
  top: 15px;
}
.bx-wrapper .bx-prev::after {
  border-left-color: white;
  border-bottom-color: white;
  transform: rotate(45deg);
  left: 18px;
}
.bx-wrapper .bx-next::after {
  border-right-color: white;
  border-bottom-color: white;
  transform: rotate(-45deg);
  right: 18px;
}
.bx-wrapper img {width: 100%;}
/*============================================================
オープンキャンパス
============================================================*/
#openCampus {margin-bottom: 50px;}
#openCampus section {margin-bottom: 70px;}
.introduction .photoArea {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.introduction .photoArea:after {
  content: "";
  width: calc(33.3% - 10px);
  height: 0;
}
.introduction .photoArea > div {
  width: 237px;
  height: 237px;
  margin-bottom: 17px;
}
.introduction .photoArea img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.introduction .movieArea {
  display: flex;
  justify-content: space-between;
}
.introduction .movieArea > div {
  width: calc(50% - 10px);
  cursor: pointer;
}
.introduction .movieArea div video {
  width: 100%;
  margin-bottom: 20px;
}
.introduction .movieArea div p {transition: .2s linear;}
.introduction .movieArea div:hover p {color: #F1881A;}
.introduction ul.tab2 {display: flex;}
.introduction ul.tab2 li {
  width: 33.3%;
  text-align: center;
  cursor: pointer;
  padding: 10px 10px 5px 10px;
  font-size: 18px;
  border-bottom: 2px solid #C1C1C1;
  margin-bottom: 20px;
  font-family: "Hiragino Mincho ProN W6", "ヒラギノ明朝 ProN W6", "Hiragino Mincho ProN","游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  display: flex;
}
.introduction ul.tab2 li.on {
  border-bottom: 3px solid #3e5299;
  position: relative;
  color: #3e5299;
}
.introduction ul.tab2 li.on::after {
  content: "";
  display: block;
  position: absolute;
  bottom: -26px;
  left: calc(50% - 6px);
  width: 0;
  height: 0;
  border: 12px solid transparent;
  border-top-color: #3e5299;
  border-left-width: 8px;
  border-right-width: 8px;
}
.introduction ul.tab2 li.on span {color: #3e5299;}
.introduction ul.tab2 li > div {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  overflow: hidden;
  box-shadow: 2px 2px 3px #ccc
}
.introduction ul.tab2 li > div img {object-fit: cover;}
.introduction ul.tab2 li > span {
  display: flex;
  align-items: flex-end;
  padding: 0 0 10px 30px;
  font-weight: bold;
}
.introduction .cell2 {display: none;} 
.introduction .cell2.show {display: block;}
.introduction .ocList .list {
  display: flex;
  justify-content: space-between;
  padding: 10px 20px;
  border-bottom: 1px solid #C7C7C7;
}
.introduction .ocList .list > div {padding-top: 20px;}
.introduction .ocList .list > div:nth-child(1) {
  width: 150px;
  text-align: center;
  border-right: 1px solid #C7C7C7;
}
.introduction .ocList .list > div:nth-child(2) {
  flex: 1;
  padding-left: 20px;
}
.introduction .ocList .list > div:nth-child(3) {
  width: 150px;
}
.introduction .ocList .list > div:nth-child(3) img {
  width: 100%;
  height: auto;
}
.introduction .ocList .date {
  font-size: 32px;
  margin-bottom: 20px;
  font-family: "Hiragino Mincho ProN W6", "ヒラギノ明朝 ProN W6", "Hiragino Mincho ProN","游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.introduction .date > span {font-size: 16px;}
.introduction .date span.sun {color: #D91617;}
.introduction .date span.sat {color: #23bdf1;}
a.btn {
  padding: 2px 20px;
  font-size: 16px;
  color: #333;
  background: white;
  border: 1px solid #707070;
  border-bottom: 4px solid #D91617;
  font-family: "Hiragino Mincho ProN W6", "ヒラギノ明朝 ProN W6", "Hiragino Mincho ProN","游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  display: inline-block;
  text-align: center;
}
.introduction .ocName {margin-bottom: 5px;}
.introduction .ocName a {
  color: #3e5299;
  font-size: 20px;
  font-weight: bold;
}
.introduction .addr {margin-bottom: 12px;}
.introduction .mark {margin-bottom: 20px;}
.introduction .mark span {
  display: inline-block;
  background: #f8dae9;
  padding: 2px;
  text-align: center;
  font-size: 11px;
  margin-right: 5px;
  margin-bottom: 10px;
  border-radius: 10px;
  width: 110px;
  border:none;
}
.introduction .ocList .list a.btn {
  width: 150px;
  margin-bottom: 10px;
}
.introduction p.time {
  font-size: 18px;
  margin-bottom: 20px;
  font-family: "Hiragino Mincho ProN W6", "ヒラギノ明朝 ProN W6", "Hiragino Mincho ProN","游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.introduction .otherInfo .holiday {
  background: #eff2f7;
  text-align: center;
  padding: 5px 20px;
  border-radius: 20px;
  margin-top: 10px;
  display: inline-block;
}
.introduction p.more {
  text-align: center;
  margin-top: 40px;
}
.introduction p.more span {
  color: #3e5299;
  cursor: pointer;
  position: relative;
  font-size: 15px;
}
.introduction p.more span::before {
  content: "";
  position: absolute;
  top: 0;
  left: -40px;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  border: 1px solid #3e5299;
}
.introduction p.more span::after {
  content: "";
  position: absolute;
  top: 6px;
  left: -32px;
  width: 9px;
  height: 9px;
  border-left: 1px solid #3e5299;
  border-bottom: 1px solid #3e5299;
  transform: rotate(-45deg);
}
.introduction p.more.open span::after {
  top: 11px;
  transform: rotate(135deg);
}
.introduction .hideArea {display: none;}
.introduction .qa {
  display: flex;
  margin-bottom: 40px;
}
.introduction .qa figure {width: 200px;}
.introduction .qa img {width: 100%;}
.introduction .qa > div {
  padding-left: 20px;
  position: relative;
  flex: 1;
}
.introduction .q {
  font-weight: bold;
  font-size: 18px;
  margin-bottom: 30px;
}
.introduction .q span,
.introduction .a span {
  font-size: 22px;
  font-weight: bold;
}
.introduction .q,
.introduction .a {
  text-indent: -32px;
  padding-left: 32px;
}
.introduction .a {
  line-height: 24px;
  overflow: hidden;
  margin-bottom: 0px;
  margin-top:0px;
  font-size: 16px;
}
.introduction .qa > div .more {
  position: relative;
  bottom: 0;
}
.introduction .qa .hideArea * {
  font-size: 16px;
  line-height: 24px;
}
.introduction .sub {
  font-size: 24px;
  margin-bottom: 30px;
}
.campusList {
  display: flex;
  justify-content: space-between;
  padding: 30px 0;
  font-size: 16px;
}
.campusList:first-of-type {padding-top: 0;}
.campusList p {line-height: 1.8;}
.listBtmLink {
  border-top: 1px solid #C7C7C7;
  padding-top: 57px;
}
.campusList + .campusList {border-top: 1px solid #C7C7C7;}
a.btn2 {
  display: block;
  border: 1px solid #3e5299;
  text-align: center;
  color: #3e5299;
  padding: 2px 15px;
  margin-bottom: 5px;
}
a.btn2:hover,
a.btn3:hover {
  text-decoration: none;
  color: #3e5299;
}
a.btn3 {
  border: 1px solid #3e5299;
  padding: 10px;
  width: 200px;
  display: inline-block;
  text-align: center;
  color: #3e5299;
  font-size: 15px;
  font-weight: bold;
}
a.btn3 + a.btn3 {margin-left: 5px;}
.pamph {
  background: #eef2fe;
  padding: 40px 40px 25px;
  text-align: center;
}
.pamph .fontL {
  font-size: 28px;
  font-family: "Hiragino Mincho ProN W6", "ヒラギノ明朝 ProN W6", "Hiragino Mincho ProN","游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-weight: bold;
  margin-bottom: 30px;
  line-height:35px;
}
.pamph a.btn {
  font-size: 22px;
  width: 340px;
  padding: 17px;
  margin-bottom: 15px;
  font-weight: bold;
}
.pamph .note {
  font-size: 12px;
  color: #464646;
}
/*--------------- #53320 オープンキャンパス一覧レイアウト崩れ ---------------*/
#base {margin-top: 50px;}
.introduction section.eventList {margin-bottom: 90px;}
.introduction section.eventList .subttl {
  margin-bottom: 5px;
  line-height: 1.5;
}
section.campus {color: #333;}
section.campus .btn2 {
  width: 125px;
  box-sizing: border-box;
  font-size: 15px;
  padding: 3px 0;
}
section.checkpt {margin-bottom: 80px;}
section.voices {
  padding-bottom: 30px;
  border-bottom: 1px solid #C7C7C7;
  margin-bottom: 120px;
}
section.voices p {font-size: 16px;}
section.voices p + p {margin-top: 30px;}
/*============================================================
オープンキャンパス詳細（来校型、オンライン型）
============================================================*/
.ttl3 {
  font-size: 28px;
  margin-bottom: 40px;
  font-weight: bold;
  line-height: 39px;
}
#ocdetail {margin-bottom: 50px;}
#ocdetail section {margin-bottom: 70px;}
#ocdetail .subttl {
  font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  font-size: 24px;
  font-weight: bold;
}
#ocdetail .cmt p {
  font-size: 16px;
  line-height: 28px;
}
.mark3 {margin-bottom: 25px;}
.mark3 span {
  background: #3C58A2;
  color: white;
  border-radius: 3px;
  padding: 4px 0;
  text-align: center;
  display: inline-block;
  font-size: 15px;
  width: 88px;
  height: 28px;
  margin-right: 3px;
}
.ocschedule {
  display: flex;
  justify-content: space-between;
}
.ocschedule .photo {
  width: 300px;
  flex-shrink: 0;
}
.ocschedule .photo figure {height: 300px;}
.ocschedule .photo figure img {width: 100%;}
.ocschedule .photo div {
  display: flex;
  margin-top: 10px;
}
.ocschedule .photo div img {
  width: calc(25% - 4px);
}
.ocschedule .detail {
  flex: 1;
  margin-left: 24px;
  font-size: 16px;
  flex-shrink: 0;
}
.ocschedule .detail p.year {
  border-bottom: 1px solid #C7C7C7;
  padding-bottom: 10px;
}
.ocschedule .detail p.year:not(:first-child) {padding-top: 15px;}
.ocschedule .detail .cell3 {
  border-bottom: 1px solid #C7C7C7;
  padding: 10px 15px 10px 0;
  display: flex;
  justify-content: flex-end;
}
.ocschedule .detail .cell3 >:last-child {margin-left: auto;}
.ocschedule .date {
  font-weight: bold;
  width: 130px;
}
.ocschedule .date span:first-child {
  display: inline-block;
  font-size: 18px;
}
.ocschedule span.time {font-size: 18px;}
.ocschedule .detail .cell3 a.btn {
  font-size: 12px;
  font-family: initial;
  width: 80px;
  padding: 2px 0 0;
  height: 24px;
  border-bottom-width: 2px;
  font-weight: bold;
}
.mark2 {margin-bottom: 20px;}
.mark2 span {
  display: inline-block;
  border: 1px solid #3C58A2;
  text-align: center;
  color: #3C58A2;
  padding: 4px 15px;
  margin-bottom: 5px;
  font-size: 14px;
}
.cmt p {
  font-size: 16px;
  line-height: 28px;
}
.topcmt {font-size: 19px;}
.cmt a, .cmt a:hover {color: #3e5299;}
section.timeSchedule {margin-bottom: 158px;}
section.timeSchedule .text {
	font-size: 20px;
	line-height: 30px;
}
.timeline {margin: 40px 0;}
.timeline .timecell {
  display: flex;
  align-items: flex-start;
  position: relative;
}
.timeline .timecell::before {
  content: "";
  border-left: 2px solid #d5f5ff;
  position: absolute;
  top: 30px;
  left: 50px;
  height: 100%;
  z-index: -5;
}
.timeline .timecell:last-child::before {content: none;}
.timeline p.time2 {
  background: #d5f5ff;
  padding: 6px 12px;
  width: 128px;
  margin-right: 40px;
  font-size: 16px;
}
.timeline figure {
  display: inline-block;
  width: 280px;
  height: 200px;
}
.timeline figure + figure {margin-left: 10px;}
.timeline figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.timeline .bld {
  font-size: 20px;
  margin-bottom: 20px;
  font-weight: bold;
  padding-top: 8px;
}
.timeline .cmt {
  margin: 20px 0 34px;
  font-size: 16px;
  line-height: 28px;
}
.mapArea {
  border: 1px solid #707070;
  padding: 50px 33px 33px;
  font-family: "Hiragino Mincho ProN W6", "ヒラギノ明朝 ProN W6", "Hiragino Mincho ProN","游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  margin-bottom: 25px;
}
.mapArea p {
  text-align: center;
  padding-bottom: 50px;
  margin-bottom: 30px;
  border-bottom: 1px solid #C7C7C7;
  font-size: 24px;
  font-weight: bold;
}
.mapArea dl {
  font-size: 18px;
  line-height: 1;
  margin-bottom: 40px;
}
.mapArea dl dt {
  float: left;
  clear: left;
  width: 120px;
  border-right: 1px solid #C7C7C7;
  margin-right: 20px;
  margin-bottom: 10px;
}
.mapArea dl dd {margin-bottom: 20px;}
.mapArea .map {height: 250px;}
.mapArea .map iframe {
  width: 100%;
  height: 100%;
}
.flexend {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 30px;
}
.flexend a.btn2 {
  display: inline-block;
  margin-left: 10px;
  font-size: 15px;
  padding: 4px 20px;
}
.ocBtn {
  color: #333;
  background: white;
  border: 1px solid #707070;
  border-bottom: 4px solid #D91617;
  font-family: "Hiragino Mincho ProN W6", "ヒラギノ明朝 ProN W6", "Hiragino Mincho ProN","游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  text-align: center;
  display: block;
  font-size: 20px;
  padding: 10px;
  width: 320px;
  margin: 0 auto 40px;
}
.lineBtn {
  text-align: center;
  font-size: 16px;
}
.lineBtn a {
  display: block;
  margin: 10px auto;
  width: 130px
}
.lineBtn a img {width: 100%;}
#snsFrame {height: auto;}
/* もっと見るボタン【開催内容】 */
.showmore_list {
  overflow: hidden;
  font-size: 16px;
  line-height: 28px;
  transition: all .5s ease-in;
}
.list_toggle a.open_link:before {
  content: "もっと見る";
  color: #3e5299;
  font-size: 15px;
  display: inline;
  margin-left: 35px;
}
.list_toggle {
  margin-left: 275px;
  margin-top: 20px;
}
.yazirushi::after { /* 記号(もっと見る) */
  content: "";
  position: absolute;
  width: 8px;
  height: 8px;
  border-left: 1px solid #3e5299;
  border-bottom: 1px solid #3e5299;
  transform: rotate(-45deg);
  margin: 3px -101px;
}
.yazirushi::before { /* 円(もっと見る) */
  content: "";
  position: absolute;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  border: 1px solid #3e5299;
  margin-left: -110px;
  margin-top: -3px;
}
a.close_link .yazirushi:before{ /* 円(閉じる) */
  margin-left: -80px;
}
a.close_link .yazirushi:after{ /* 記号(閉じる) */
  transform: rotate(135deg);
  margin: 8px -72px;
}
.list_toggle a.close_link:before {
  content: "閉じる";
  color: #3e5299;
  font-size: 15px;
  display: inline;
  margin-left: 35px;
}
.sch_img_wrap img {
  max-width: 280px;
  vertical-align: top;
}
.sch_img_wrap img:nth-child(odd) {margin-right: 10px;}
.oc_entry_btn {text-align: center;}
.oc_entry_btn a.ocBtn {
	width: 340px;
	height: 70px;
	padding-top: 20px;
	font-size: 22px;
	font-weight: bold;
}
/*============================================================
Top
============================================================*/
.major {
  border-left: 8px solid #3e5299;
  font-size: 24px;
  margin: 40px 0 25px;
  padding: 5px 0 0 12px;
  font-weight: bold;
  line-height: 35px;
}
.copy + .major {margin-top: 20px !important;}
article a.major {margin-top: 40px;}
.major#sen {
  color: #3e5299;
  height: 41px;
}
.major#sen::after {
  content: "";
  width: 8px;
  height: 8px;
  border-right: 2px solid #3e5299;
  border-bottom: 2px solid #3e5299;
  display: block;
  position: relative;
  bottom: 15px;
  right: 0;
  transform: rotate(-45deg);
  margin-left: 100%;
}
a.major2 {
  border-bottom: 1px solid #C7C7C7;
  display: block;
  padding: 0 0 18px;
  margin: 18px 0 18px 30px;
  position: relative;
  color: #3e5299;
  font-size: 16px;
  font-weight: bold;
}
p.major2 {
  margin-left: 30px;
  border-bottom: 1px solid #C7C7C7;
  display: block;
  padding: 18px 0;
  color: #333;
  font-size: 16px;
  font-weight: bold;
}
a.major2:hover {color: #3e5299;}
a.major2::after {
  content: "";
  width: 8px;
  height: 8px;
  border-right: 2px solid #3e5299;
  border-bottom: 2px solid #3e5299;
  display: block;
  position: absolute;
  bottom: 15px;
  right: -10px;
  transform: rotate(-45deg);
}
.major2 {
  margin: 18px 0 18px 30px;
  font-size: 16px;
}
.major3 {
  margin: 20px 0 15px 70px;
  font-size: 16px;
}
ul.major3 li {
  font-size: 16px;
  margin-bottom: 14px;
}
.condition {
  font-size: 14px;
  margin-top: 25px;
}
ul.senior {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  font-family: "Hiragino Mincho ProN W6", "ヒラギノ明朝 ProN W6", "Hiragino Mincho ProN","游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
ul.senior li {
  width: calc(50% - 15px);
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
}
ul.senior a {
  display: flex;
}
ul.senior figure {
  width: 220px;
  height: 160px;
  margin-right: 20px;
}
ul.senior img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
ul.senior .txt {
  flex: 1;
}
ul.senior .bdrttl {
  border: 1px solid #C7C7C7;
  width: 110px;
  text-align: center;
  padding: 6px 0;
  font-size: 14px;
  margin-bottom: 40px;
}
ul.senior .omit {
  font-size: 16px;
}
.movie {
  display: flex;
  justify-content: space-between;
  margin-bottom: 40px;
}
.movie > div {width: 50%;}
.movie .txtArea {padding-left: 30px;}
.movie .txtArea p {margin-bottom: 15px;}
.movie .movie_img{position: relative;}
.movie .movie_img::before{
  content:"";
	-webkit-transform: translateY(-50%)translateX(-50%);
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: white;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  opacity: 0.8;
}
.movie .movie_img::after{
  content:"";
  -webkit-transform: translateY(-50%)translateX(-25%);
  width: 0px;
  height: 0px;
  border: 10px solid transparent;
  border-left: 15px solid gray;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  opacity: 0.8;
}
.movie_thumbnail .movie_img a::before{
  content:"";
	-webkit-transform: translateY(-50%)translateX(-50%);
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: white;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  opacity: 0.8;
}
.movie_thumbnail .movie_img a::after{
  content:"";
  -webkit-transform: translateY(-50%)translateX(-25%);
  width: 0px;
  height: 0px;
  border: 10px solid transparent;
  border-left: 15px solid gray;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  opacity: 0.8;
}
.photos {
  display: flex;
  flex-wrap: wrap;
}
.photos a {
  width: calc(33.33% - 12px);
  margin-right: 18px;
  margin-bottom: 20px;
}
.photos a:nth-child(3n) {margin-right: 0;}
.photos a p {font-size: 15px;}
.photos a:hover p {color: #F1881A;}
.photos figure {
  height: 160px;
  margin-bottom: 12px;
}
.photos img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.photos figcaption {
  margin-top: 15px;
}
.ocInfo {
  display: block;
  text-align: center;
}
.ocInfo a {
  width: 200px;
  float: left;
  margin-right:45px;
}
.ocInfo img {width: 100%;}
.ocInfo p {margin-top: 20px;}
.ocInfo .clearfix {
  content:"";
  display:block;
  clear:both;
}
.examInfo {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.examInfo a {
  width: calc(50% - 10px);
  border: 1px solid #C7C7C7;
  padding: 15px;
  text-align: center;
  margin-bottom: 20px;
  font-size: 16px;
}
.flexWrap {display: flex;}
.specialNews figure {
  width: 215px;
  margin-right: 40px;
}

.specialNews figure img {width: 100%;}
.specialNews .newstxt {flex: 1;}
.specialNews .newstxt p {font-size: 16px;}
.specialNews .newstxt .newsttl {
  font-size: 20px;
  margin-bottom: 30px;
  font-weight: bold;
}
dl.certification dt {
  border-left: 8px solid #3e5299;
  font-size: 20px;
  margin-bottom: 20px;
  height: 26px;
  padding: 5px 0 0 15px;
}
dl.certification dd + dt {margin-top: 40px;}
dl.certification dd a {
  color: #3e5299;
  font-size: 16px;
}
dl.squareList {
  line-height: 28px;
  font-size: 16px;
}
dl.squareList + dl.squareList {margin-top: 30px;}
dl.squareList dt::before {content: "■";}
.aboutFee {
  font-size: 16px;
  line-height: 28px;
}
/*============================================================
スポーツ施設
============================================================*/
.leftL {
  display: flex;
  font-size: 16px;
  margin-bottom: 70px;
  line-height: 28px;
}
.leftL > figure {
  width: 480px;
  height: 360px;
  margin-right: 25px;
}
.leftL > div {flex: 1;}
.leftL .r figure {height: 170px;}
.leftL > figure img,
.leftL .r img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.leftL .r figure + figure {margin-top: 17px;}
/*============================================================
パウダールーム
============================================================*/
main.powder .leftL {margin-bottom: 30px;}
.photosList {
  display: flex;
  flex-wrap: wrap;
}
.photosList li {
  width: calc(33.33333333% - 14px);
  margin: 0 20px 30px 0;
}
.photosList li:nth-child(3n) {margin-right: 0;}
.photosList li figure {height: 180px;}
.photosList li img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.photosList li p {
  font-size: 15px;
  margin-top: 20px;
}
/*============================================================

学園祭

============================================================*/
.noteList {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 10px;
}
.noteList li {
  border: 1px solid #3e5299;
  color: #3e5299;
  padding: 2px 0;
  width: 110px;
  text-align: center;
  margin-right: 10px;
  margin-bottom: 10px;
}
.eventCont {font-size: 16px;}
.eventCont dt {
  float: left;
  clear: left;
  width: 7em;
  margin-bottom: 30px;
}
.eventCont dd {
  padding-left: 8em;
  margin-bottom: 30px;
}
main.gakuensai .photosList li {margin-bottom: 0;}
main.gakuensai .photosList {margin-bottom: 70px;}
main.gakuensai .photosList li:nth-child(n+4) {margin-top: 20px;}
main.gakuensai .eventCont dt{font-weight: bold;}
/*============================================================
学食
============================================================*/
main.gakushoku .scl_name {
  margin-top: 40px;
  font-size: 15px;
}
.canteenName {
  font-size: 18px;
  margin-top: 8px;
  margin-bottom: 25px;
}
main.gakushoku .copy2 {font-size: 20px;}
.canteenMap {
  border: 1px solid #C7C7C7;
  padding: 10px;
  height: 250px;
}
.photosList2 {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 40px;
}
.photosList2 li {
  width: calc(25% - 8px);
  margin-right: 10px;
}
.photosList2 li:nth-child(4n) {
  margin-right: 0;
}
.photosList2 li img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.canteen {justify-content: space-between;}
.canteen > div {
  background: #edf1fd;
  width: calc(50% - 10px);
  padding: 20px;
}
.canteen p {
  font-size: 16px;
  margin-bottom: 15px;
}
.canteen dt,
.canteen dd {margin-bottom: 10px;}
.canteen dt {float: left;clear: left;}
.canteen .menu dd {padding-left: 15em;}
.canteen .data dd {padding-left: 5em;}
/*============================================================
施設・環境
============================================================*/
main.kankyou .photosList img {cursor: pointer;}
/*============================================================
図書館
============================================================*/
.photosList3 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.photosList3 li {
  width: calc(50% - 5px);
  margin-bottom: 40px;
}
.photosList3 li .title {
  font-size: 16px;
  padding-bottom: 10px;
  margin-bottom: 20px;
  border-bottom: 1px solid #C7C7C7;
  font-family: "Hiragino Mincho ProN W6", "ヒラギノ明朝 ProN W6", "Hiragino Mincho ProN","游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.photosList3 li figure {height: 260px;}
.photosList3 li img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.photosList3 li p:not(.title) {margin-top: 15px;}
.photosList3 .movie_img_cover {position:relative;}
.photosList3 li .movie_img::before {
  transform: translateY(-50%)translateX(-50%);
  -webkit-transform: translateY(-50%)translateX(-50%);
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: white;
  content: "";
  position: absolute;
  display: block;
  top: 50%;
  left: 50%;
  opacity: 0.8;
}
.photosList3 li .movie_img::after {
  transform: translateY(-50%)translateX(-25%);
  -webkit-transform: translateY(-50%)translateX(-25%);
  width: 0px;
  height: 0px;
  border: 10px solid transparent;
  border-left: 15px solid gray;
  content: "";
  position: absolute;
  display: block;
  top: 50%;
  left: 50%;
  opacity: 0.8;
}
/*============================================================
専門学校共通Photo (イベント,卒業作品展,海外・国内研修旅行,施設・設備,講師)
============================================================*/
main.sen_photo .leftL {margin-bottom: 30px;}
main.sen_photo .photosList img {cursor: pointer;}
/*============================================================
動画
============================================================*/
.menuCate {
  border: 1px solid #3e5299;
  color: #3e5299;
  padding: 2px 0;
  width: 200px;
  text-align: center;
  margin-bottom: 20px;
}
.movieL {
  width: 500px;
  margin-bottom: 70px;
}
.movieL video,
.otherVideos img {
  width: 100%;
}
.otherVideos {
  display: flex;
  flex-wrap: wrap;
}
.otherVideos li {
  width: calc(33.33333333% - 14px);
  margin-right: 20px;
  margin-top: 50px;
  font-size: 15px;
}
.otherVideos li:nth-child(-n+3) {margin-top: 0;}
.otherVideos li:nth-child(3n) {margin-right: 0;}
.otherVideos figure {margin-bottom: 20px;}
.otherVideos li .menuCate {width: 100%;}
/*============================================================
就職・資格
============================================================*/
.workDetail {
  line-height: 1.8;
  font-size: 16px;
}
.workDetail p {margin-bottom: 1em;}
.workDetail dd + dt {margin-top: 1.5em;}
/*============================================================
専門　クラブ・サークル
============================================================*/
.photosList4 {
  display: flex;
  flex-wrap: wrap;
}
.photosList4 li {
  width: calc(33.33333333% - 28px);
  margin: 0 40px 40px 0;
}
.photosList4 li:nth-child(3n) {margin-right: 0;}
.photosList4 figure {height: 220px;}
.photosList4 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.photosList4 p {font-size: 16px;}
.photosList4 .name {
  margin: 20px 0;
  font-weight: bold;
}
.listbox {
  display: flex;
  flex-wrap: wrap;
  margin-left: 70px;
}
.listbox li {
  width: 33.3333%;
  font-size: 16px;
  margin-bottom: 20px;
}
.clubmenu {font-size: 15px;}
/*============================================================
大学　研究授業内容紹介
============================================================*/
.kenkyuDetail {
  display: flex;
  justify-content: space-between;
}
.kenkyuDetail .figArea {
  width: 220px;
  margin-right: 30px;
}
.kenkyuDetail figure {height: 220px;}
.kenkyuDetail img {width: 100%;}
.kenkyuDetail .figArea p {
  font-size: 12px;
  margin-top: 20px;
}
.kenkyuDetail .cnt {flex: 1;}
.kenkyuDetail .cnt p {font-size: 16px;}
.kenkyuDetail .cnt p.lead {
  font-size: 20px;
  margin-bottom: 25px;
  font-weight: bold;
}
.kenkyuDetail .cnt p + p.lead {margin-top: 45px;}
.kenkyuDetail .figArea.row2 .fig2 {
  display: flex;
  justify-content: space-between;
  margin-top: 10px;
}
.kenkyuDetail .figArea.row2 .fig2 img {width: calc(50% - 5px);}
/*============================================================
専門　学校独自の奨学金制度
============================================================*/
.scho_anchor {
  display: flex;
  margin-bottom: 70px;
}
.scho_anchor li {
  position: relative;
  padding-left: 20px;
  font-size: 14px;
}
.scho_anchor li::before {
  content: "";
  width: 8px;
  height: 8px;
  border-left: 1px solid #3e5299;
  border-bottom: 1px solid #3e5299;
  position: absolute;
  left: 3px;
  top: 2px;
  transform: rotate(-45deg);
}
.scho_anchor li + li {margin-left: 50px;}
.scho_anchor a,
.scho_anchor a:hover {color: #3e5299;}
.scholarship .noteList li {
  width: auto;
  padding: 2px 30px;
}
main.scholarship table {
  width: 100%;
  border: 1px solid #C7C7C7;
}
main.scholarship table tr {
  border-bottom: 1px solid #C7C7C7; 
}
main.scholarship table th {
  font-weight: normal;
  border-right: 1px solid #C7C7C7; 
  background: #f1f1f1;
  vertical-align: middle;
  width: 8em;
}
main.scholarship table th,
main.scholarship table td {
  padding: 12px;
  font-size: 14px;
}
main.scholarship table img {
  display: block;
  margin-top: 10px;
  border: 1px solid #C7C7C7; 
  padding: 10px;
  max-width: 100%
}
/*============================================================
今注目の新設学科
============================================================*/
main.focus {width: 800px;}
main.focus section p:not(.ttl) {font-size: 20px;}
.focusTop {
  background: #F4F4F4;
  padding: 30px 40px;
  font-family: "Hiragino Mincho ProN W6", "ヒラギノ明朝 ProN W6", "Hiragino Mincho ProN","游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-weight: bold;
  height: 170px;
  margin-bottom: 50px;
}
.focusTop p {
  background: white;
  text-align: center;
  font-size: 30px;
  position: relative;
  height: 107px;
  line-height: 107px;
}
.focusTop p span {
  display: inline-block;
  background: #FFF148;
  font-size: 24px;
  width: 180px;
  height: 52px;
  line-height: 52px;
  position: absolute;
  left: 34px;
  top: 28px;
}
main.focus .sclNameTop .name a:not(:hover) {color: #3C58A2;}
main.focus .ttl .info {
  font-size: 12px;
  display: block;
  font-family: initial;
  font-weight: normal;
  margin-bottom: -10px;
  color: #464646;
}

main.focus .flexWrap figure {width: 400px;}
main.focus .flexWrap .txt {flex: 1;}
main.focus .box + .box {margin-top: 70px;}
main.focus .flexWrap img {width: 100%;}
main.focus .flexWrap .txt.right {padding-left: 40px;}
main.focus .flexWrap .txt.left {padding-right: 40px;}
main.focus .flexWrap .txt p {font-size: 15px;  line-height: 26px;}
main.focus .flexWrap .txt p + p {margin-top: 1em;}
main.focus .flexWrap .txt p.copy,
main.focus p.boldCopy {
  font-size: 16px;
  line-height: 28px;
  font-weight: bold;
  margin-bottom: 50px;
}
main.focus .flexWrap.sFig figure {width: 200px;}
main.focus figcaption {
  font-size: 12px;
  margin-top: 10px;
}
.largeLeftfig {
  display: flex;
  margin-bottom: 20px;
}
.largeLeftfig figure {
  width: 600px;
  margin-right: 20px;
}
.largeLeftfig img {
  width: 100%;
}
.largeLeftfig > div {
  flex: 1;
  display: flex;
  flex-flow: column;
  justify-content:space-between;
}
section.about {
  margin-bottom: 120px;
}
section.about dl dt {
  float: left;
  clear: left;
  width: 5em;
  font-size: 16px;
  margin-bottom: 1px;
}
section.about dl dd {
  padding-left: 4em;
  font-size: 16px;
}
section.about2 .flexWrap figure {
  width: 200px;
  height: 200px;
}
section.about2 .tx {
  padding-left: 30px;
  font-size: 12px;
  flex: 1;
}
section.about2 .tx .schoolName {
  color: #3C58A2;
  font-size: 30px;
  font-family: "Hiragino Mincho ProN W6", "ヒラギノ明朝 ProN W6", "Hiragino Mincho ProN","游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-weight: bold;
}
section.about2 .tx .info {
  font-size: 12px;
  color: #464646;
}
.btnAreaBtm {
  width: 690px;
  margin: 50px auto 70px;
}
.btnAreaBtm a.btn {
  width: 340px;
  padding: 15px;
  font-size: 22px;
  font-weight: bold;
  box-sizing: border-box;
  box-shadow: none;
  border: 1px solid #707070;
  border-bottom: 4px solid #D91617;
}
.btnAreaBtm .left {float: left;}
.btnAreaBtm .right {float: right;}
.note_free {
  padding-top:5px;
  font-size: 12px;
  color: #464646;
  width: 340px;
}
/*============================================================
新しい学部・学科・コース
============================================================*/
main.extension img {
  width: 100%;
  height:100%;
}
main.extension .subtitle {
  margin-bottom: 50px;
}
.extmajor {
  background: #F1FFF5;
  font-size: 20px;
  font-weight: bold;
  padding: 21px 25px;
  margin-bottom: 50px;
}
.extFig {
  display: flex;
  margin-bottom: 70px;
}
.extFig figure {
  width: 455px;
  height: 208px;
  margin-right: 40px;
}
.extFig .tx {
  flex: 1;
  font-size: 16px;
  line-height: 28px;
  padding-left: 0;
}
.catch {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 24px;
}
.extFig2 {
  display: flex;
  margin-bottom: 70px;
}
.extFig2:last-of-type {
  margin-bottom: 120px;
}
.extFig2 .tx {
  flex: 1;
  font-size: 16px;
  line-height: 28px;
  padding-right: 0;
}
.extFig2 .tx p + p {
  margin-top: 30px;
}
.extFig2 figure {
  width: 200px;
  height: 200px;
}
/*============================================================
オープンキャンパスビジュアル
============================================================*/
#ocVisual {margin-bottom: 50px;}
#ocVisual section {margin-bottom: 70px;}
main.evisual img {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  display: block;
  margin-left: auto;
  margin-right: auto 
}
.eventSub {
  font-size: 20px;
  line-height: 28px;
  margin-bottom: 46px;
}
ul.ocVisualList {
  display: flex;
  flex-wrap: wrap;
}
ul.ocVisualList li {
  width: 200px;
  margin-right: 72px;
  margin-top: 40px;
}
ul.ocVisualList li:nth-child(-n+3) {margin-top: 0;}
ul.ocVisualList li:nth-child(3n) {margin-right: 0;}
ul.ocVisualList li figure {height: 200px;}
ul.ocVisualList p {font-size: 15px;}
ul.ocVisualList p.name {
  font-size: 16px;
  font-weight: bold;
  margin: 18px 0;
}
section.oc_sec {margin-bottom: 172px;}
section.oc_sec .subTtl {font-family: initial;}
.oc_box {
  font-size: 16px;
  line-height: 28px;
}
.oc_box p + p {margin-top: 30px;}
.oc_box .attn {
  padding: 0 32px;
  margin: 20px 0 10px;
}
.oc_box .attn span {
  background: #3C58A2;
  color: white;
  text-align: center;
  display: inline-block;
  padding: 2px 25px 0;
  font-size: 15px;
  border-radius: 3px;
  margin-right: 10px;
}
.oc_box .days {
  background: #7DC3E21A;
  padding: 13px 32px 24px;
}
/*============================================================
夜間部
============================================================*/
#yakandetail {margin-bottom: 50px;}
#yakandetail section {margin-bottom: 70px;}
#yakandetail .depart {
  background: #F1FFF5;
  font-weight: bold;
  padding: 20px 25px;
  margin-bottom: 50px;
}
#yakandetail .depart li {
  margin-bottom: 10px;
  font-size: 20px;
}
#yakandetail .depart li:last-child {margin-bottom: 0;}
#yakandetail .btnAreaInfo {display: flex;}
#yakandetail .mailBtn {
  border: 1px solid #4767BD;
  color: #4767BD;
  padding: 5px;
  display: inline-block;
  margin: 20px 5px;
  width: 180px;
  text-align: center;
}
#yakandetail .hpBtn {
  border: 1px solid #4767BD;
  color: #4767BD;
  padding: 5px;
  display: inline-block;
  margin: 20px 5px;
  width: 180px;
  text-align: center;
}
#yakandetail .btnAreaBtm {
  padding-top: 20px;
  padding-bottom: 20px;
  background: #E6E6FA;
  text-align: center;
}
#yakandetail .boxcontainer {
  border-bottom: 1px solid #C7C7C7;
  padding: 20px 0;
}
#yakandetail .btnAreaBtm .copy {font-size: 24px;}
#yakandetail .btnAreaBtm .note_free {margin: 0 auto;}
#yakandetail .btnAreaBtm .left {float: left;}
#yakandetail .btnAreaBtm .right {float: right;}
#yakandetail .boxcontainer {display: flex;}
#yakandetail .boxcontainer .btnArea {margin: 0 0 0 auto;}
#yakandetail .mapBtn {
  border: 1px solid #4767BD;
  color: #4767BD;
  padding: 5px;
  display: inline-block;
  width: 110px;
  text-align: center;
  margin-bottom: 5px;
}
#yakandetail .routeBtn {
  border: 1px solid #4767BD;
  color: #4767BD;
  padding: 5px;
  display: inline-block;
  width: 110px;
  text-align: center;
}
#yakandetail .copy {
  font-size: 16px;
  line-height: 28px;
  font-weight: bold;
  margin-bottom: 50px;
}
#yakandetail p.copy.topcopy {font-size: 20px;}
#yakandetail .flexWrap figure {width: 50%;}
#yakandetail .flexWrap .txt {flex: 1;}
#yakandetail .flexWrap + .flexWrap {margin-top: 70px;}
#yakandetail .flexWrap img {width: 100%;}
#yakandetail .flexWrap .txt.right {padding-left: 40px;}
#yakandetail .flexWrap .txt.left {padding-right: 40px;}
#yakandetail .flexWrap .txt p {
  font-size: 16px;
  line-height: 26px;
}
#yakandetail .flexWrap .txt p + p {margin-top: 1em;}
#yakandetail .flexWrap .txt p.copy,
#yakandetail p.boldCopy {
  font-size: 16px;
  line-height: 28px;
  font-weight: bold;
  margin-bottom: 50px;
}
#yakandetail .flexWrap.sFig figure {width: 200px;}
#yakandetail .flexWrap.sFig figcaption {
  font-size: 12px;
  margin-top: 10px;
}
#yakandetail .flexWrap figure {
  width: 200px;
  height: 200px;
}
/*============================================================
巻頭特集
============================================================*/
main.themes img {width: 100%;}
.themeWrap {
  display: flex;
  flex-wrap: wrap;
}
.themeWrap .themeCell {
  width: calc(50% - 20px);
  display: flex;
  border: 1px solid #464646;
  margin: 0 20px 40px 0;
}
.themeWrap .themeCell:nth-child(3n) {border-right: 1px solid #464646;}
.themeWrap .themeCell .left {
  width: 50px;
  padding: 15px;
  background: #F6F6F6;
  display: flex;
  align-items: center;
}
.themeWrap .themeCell .left input {
  cursor: pointer;
  transform: scale(1.2);
}
.themeWrap .themeCell .right {
  padding: 20px;
  position: relative;
}
.themeWrap .themeCell .right .figBox {
  margin-bottom: 30px;
  display: flex;
}
.themeWrap .themeCell .right .figBox figure {
  width: 120px;
  margin-right: 6px;
}
.themeWrap .themeCell .right .figBox div {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  flex: 1;
}
.themeWrap .themeCell .right .figBox div img {
  width: calc(50% - 3px);
  height: auto;
  margin-top: 8px;
}
.themeWrap .themeCell .right .figBox div img:nth-child(-n+2) {margin-top: 0;}
.themeWrap .themeCell .right .themeCatch {
  font-size: 16px;
  font-weight: bold;
  min-height: 4.5em;
}
.themeWrap .themeCell .right .themep {
  min-height: 220px;
  margin-bottom: 20px;
}
.themeWrap .themeCell .right .infBox {height: 9em;}
.themeWrap .themeCell .right .scName {
  height: 50px;
  margin-bottom: 8px;
  font-size: 18px;
  font-family: "Hiragino Mincho ProN W6", "ヒラギノ明朝 ProN W6", "Hiragino Mincho ProN","游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.themeWrap .themeCell .right .inf1 {
  font-size: 12px;
  height: 40px;;
}
.themeWrap .themeCell .right a.link1 {
  color: #00C2FF;
  position: absolute;
  bottom: 20px;
  right: 20px;
}
.themeWrap .themeCell .right a.link1:hover {color: #00C2FF;}
/*============================================================
グループ校特集
============================================================*/
main.group img {width: 100%;}
main.group section {margin-bottom: 120px;}
.groupTopTtl {
  font-size: 36px;
  text-align: center;
  font-family: "Hiragino Mincho ProN W6", "ヒラギノ明朝 ProN W6", "Hiragino Mincho ProN","游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  margin-bottom: 64px;
  margin-top: 61px;
  font-weight: bold;
}
.group_mv {margin-bottom: 70px;}
.groupTtl {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 70px;
}
.sctnTtl {
  font-size: 20px;
  margin-bottom: 30px;
  font-weight: bold;
}
.groupCell {display: flex;}
.groupCell figure {
  width: 230px;
  margin-right: 30px;
}
.groupCell .tx {
  flex: 1;
  font-size: 16px;
  line-height: 28px;
}
.groupCell + .sctnTtl {margin-top: 70px;}
.groupList {
  display: flex;
  margin-bottom: 30px;
}
.groupList figure {
  width: 182px;
  margin-right: 30px;
}
.groupList .tx {flex: 1;}
.g_scl_name {
  color: #3C58A2;
  font-size: 30px;
  font-family: "Hiragino Mincho ProN W6", "ヒラギノ明朝 ProN W6", "Hiragino Mincho ProN","游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-weight: bold;
  margin-bottom: 50px;
}
.g_scl_name a {color: #3C58A2;}
.groupList .tx .btns {overflow: hidden;}
.groupList .tx .btns .left {float: left;}
.groupList .tx .btns .right {float: right;}
main.group a.btn {
  width: 260px;
  font-size: 20px;
  padding: 12px 0;
  font-weight: bold;
}
main.group .note {
  width: 260px;
  color: #464646;
  font-size: 12px;
  margin-top: 5px;
}
main.group .expl {
  font-size: 16px;
  line-height: 28px;
}
main.group .expl + .groupList,
main.group .expl + .subTtl,
main.group .groupList_min + .subTtl {margin-top: 70px;}
.groupList_min {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
}
.groupList_min .g_scl_name {flex: 1;}
.groupList_min .min_btn {width: 260px;}
.asideBox.grp .ttl2 {font-size: 14px;}
.asideBox.grp .bdr_l {
  font-size: 16px;
  font-weight: bold;
  border-left: 5px solid #3C58A2;
  padding-left: 8px;
  margin-top: 30px;
}
.asideBox.grp .box .name {
  color: #3C58A2;
  font-size: 14px;
  margin-bottom: 15px;
}
/*============================================================
学部・学科・コース詳細（大学専門共通）
============================================================*/
main.course .info {
  font-size: 12px;
  display: block;
  font-family: initial;
  font-weight: normal;
  margin-bottom: -10px;
  color: #464646;
}
main.course .copy2 {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 40px;
}
dl.feature_list {
  margin-bottom: 46px;
}
dl.feature_list dt.c_ttl {
  border-left: 8px solid #3C58A2;
  padding-left: 10px;
  margin-bottom: 25px;
  font-size: 16px;
}
dl.feature_list .detail_p {
  line-height: 28px;
  font-size: 16px;
  overflow: hidden;
}
a.btn.interest {
  padding: 15px 52px;
  font-size: 22px;
  font-weight: bold;
  border-bottom-width: 6px;
}
a.btn.interest span {
  font-size: 18px;
  display: block;
}
.summaryBox {
  display: flex;
  margin-bottom: 30px;
  font-size: 16px;
}
.summaryBox figure {
  width: 160px;
  height: 160px;
  margin-right: 32px;
}
.summaryBox img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.summaryBox .tx {
  flex: 1;
}
.summaryBox .tx li {
  font-size: 16px;
  margin-bottom: 5px;
}
.summaryBox .tx li span {
  display: inline-block;
  width: 5em;
  font-weight: bold;
}
.summaryTtl {
  border-left: 8px solid #3C58A2;
  padding-left: 10px;
  font-size: 16px;
  margin-bottom: 25px;
}
ul.course_list li {
  font-size: 16px;
  margin-bottom: 5px;
}
main.course ul.senior figure {
  width: 212px;
  height: 160px;
}
main.course ul.senior .bdrttl {
  width: 120px;
  padding: 3px 0;
  font-size: 15px;
  margin-bottom: 40px;
}
ul.columns3,
ul.columns2 {
  display: flex;
  flex-wrap: wrap;
}
ul.columns3 li {
  width: 33.333%;
  font-size: 15px;
  margin-bottom: 5px;
}
ul.columns2 li {
  width: 50%;
  font-size: 15px;
  margin-bottom: 5px;
}
/*============================================================
入試
============================================================*/
ul.exam_tab {
  display: flex;
  margin-bottom: 40px;
}
ul.exam_tab li {
  width: 25%;
  text-align: center;
  cursor: pointer;
  padding: 10px 10px 5px 10px;
  border-bottom: 2px solid #C1C1C1;
  margin-bottom: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}
ul.exam_tab li.on {
  border-bottom: 3px solid #3e5299;
  position: relative;
}
ul.exam_tab li a {font-size: 15px;}
ul.exam_tab li.on a {
  color: #3e5299;
  font-weight: bold;
}
ul.exam_tab li.on::after {
  content: "";
  display: block;
  position: absolute;
  bottom: -26px;
  left: calc(50% - 6px);
  width: 0;
  height: 0;
  border: 12px solid transparent;
  border-top-color: #3e5299;
  border-left-width: 8px;
  border-right-width: 8px;
}
ul.exam_tab li a:hover {color: #3e5299;}
.exam_cell {display: none;}
.exam_cell.show {display: block;}
.course_nm {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 15px;
}
.exam_type {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 30px;
  padding-bottom: 15px;
  border-bottom: 1px solid #C7C7C7;
}
.examTbl {
  width:100%;
  font-size: 15px;
  border: 1px solid #C1C1C1;
}
.examTbl tr {border-bottom: 1px solid #C1C1C1;}
.examTbl th,
.examTbl td {padding: 10px 15px;}
.examTbl th {
  background: #f1f1f1;
  font-weight: normal;
  border-right: 1px solid #C1C1C1;
}
.examTbl th.th118 {width: 118px;}
.tableData th {
  width: 108px;
  vertical-align: middle;
}
.grayBr {
  background: #f1f1f1;
  border-left: 1px solid #C1C1C1;
  border-right: 1px solid #C1C1C1;
  width: 108px;
}
.width2 {width: 230px;}
.horizontalTable {margin-top: 30px;}
.horizontalTable th:nth-child(2) {width: 240px;}
.horizontalTable th:nth-child(n+3) {width: 150px;}
.horizontalTable td {
  border-right: 1px solid #C1C1C1;
  font-size: 14px;
}
main.exam .tbl_note {
  font-size: 12px;
  margin-bottom: 30px;
  margin-top: 10px;
}
.smallTitle {
  border-left: 8px solid #2D77C2;
  padding-left: 10px;
  margin-bottom: 30px;
  font-size: 20px;
  font-weight: bold;
}
.examFlowArea {
  font-size: 15px;
  box-sizing: border-box;
}
.examFlowArea .examFlow {
  display: flex;
  border-left: 1px solid #C1C1C1;
  border-right: 1px solid #C1C1C1;
  margin-bottom: 30px;
}
.examFlowArea .examFlow div {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 0;
}
.examFlowArea .examFlow:first-child .stp {border-top: 1px solid #C1C1C1;}
.examFlowArea .examFlow .stp {
  background: #b8c7f2;
  width: 110px;
  text-align: center;
  position: relative;
}
.examFlowArea .examFlow:not(:first-child) .stp::before,
.examFlowArea .examFlow .stp::after,
.examFlowArea .examFlow:not(:first-child) .stp div::before,
.examFlowArea .examFlow .stp div::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: 20px solid transparent;
  position: absolute;
  left: -1px;
  border-left-width: 57px;
  border-right-width: 57px;
}
.examFlowArea .examFlow:not(:first-child) .stp::before {
  border-top-color: #C1C1C1;
  top: 1px;
}
.examFlowArea .examFlow .stp::after {
  border-top-color: #b8c7f2;
  top: calc(100% - 1px);
}
.examFlowArea .examFlow .stp div {
  position: relative;
  width: 100%;
  height: 100%;
  padding-top: 30px;
}
.examFlowArea .examFlow:first-child .stp div {
  padding-top: 10px;
}
.examFlowArea .examFlow:not(:first-child) .stp div::before {
  border-top-color: white;
  top: 0;
}
.examFlowArea .examFlow .stp div::after {
  border-top-color: #C1C1C1;
  top: 100%;
}
.examFlowArea .examFlow .txt1 {
  width: 200px;
  border: 1px solid #C1C1C1;
  padding: 20px 10px;
  font-size: 14px;
}
.examFlowArea .examFlow .txt2 {
  flex: 1;
  border-top: 1px solid #C1C1C1;
  border-bottom: 1px solid #C1C1C1;
  padding: 20px 10px;
  font-size: 14px;
}
/*============================================================
大学 クラブ活動情報
============================================================*/
main.dai_club .photosList {margin-top: 40px;}
/*============================================================
テーマ別トピックス（大学専門共通）
============================================================*/
.topi_mv {margin-bottom: 35px;}
.topiCell {
  border: 1px solid #3C58A2;
  padding: 30px 30px 20px;
  display: flex;
}
.topiCell + .topiCell{border-top: none;}
.topiCell .fig {
  width: 200px;
  margin-right: 30px;
}
.topiCell .fig .scl_nm {
  color: #464646;
  font-size: 12px;
  margin-top: 20px;
}
.topiCell .fig .scl_nm a {
  color: #3C58A2;
  font-size: 20px;
  font-family: "Hiragino Mincho ProN W6", "ヒラギノ明朝 ProN W6", "Hiragino Mincho ProN","游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-weight: bold;
}
.topiCell .tx {
  flex: 1;
  font-size: 15px;
}
.topiCell .tx .topi_copy {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 25px;
}
.topiCell .tx .cnt p + p {margin-top: 1em;}
.topiCell .tx .link_r {text-align: right;}
.topiCell .tx .link_r a {
  position: relative;
  color: #00C2FF;
  font-size: 14px;
}
.topiCell .tx .link_r a::before {
  content: "";
  display: inline-block;
  position: absolute;
  left: -15px;
  top: 3px;
  border: 9px solid transparent;
  border-top-width: 7px;
  border-bottom-width: 7px;
  border-left-color: #00C2FF;
}
.topiCell .tx .btn_area {
  text-align: right;
  margin-top: 10px;
}
.topiCell .tx .btn_area a.btn {
  width: 280px;
  font-size: 20px;
  font-weight: bold;
  padding: 5px;
}
/*============================================================
その他教育機関の広告 トップ
============================================================*/
main.edu section.about3 p:not(.ttl) {
  font-size: 16px;
  line-height: 28px;
}
/*============================================================
パワーアップ　先輩の声　一覧
============================================================*/
.voiceBox {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.voiceCell {
  width: calc(50% - 20px);
  font-size: 14px;
}
.voiceCell .abv {
  display: flex;
  margin-bottom: 10px;
}
.voiceCell .fig {
  margin-right: 20px;
}
.voiceCell .fig figure {
  width: 210px;
  height: 160px;
  margin-bottom: 20px;
}
.voiceCell .fig figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.voiceCell .fig .name span {
  font-size: 22px;
  font-weight: bold;
  margin-right: 10px;
}
a.stText {
  display: block;
  border: 1px solid #c7c7c7;
  padding: 12px 0 12px 90px;
  position: relative;
}
a.stText::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: calc(50% - 5px);
  right: 30px;
  width: 10px;
  height: 10px;
  border-bottom: 3px solid #6c87c7;
  border-right: 3px solid #6c87c7;
  transform: rotate(-45deg);
}
a.stText:hover {color: #333;}
/*============================================================
パワーアップ　先輩の声（在校生）
============================================================*/
main.powerup2 img {width: 100%;}
.contentTitle {
  display: flex;
  justify-content: space-between;
  margin-bottom: 120px;
}
.contentTitle > p {
  display: block;
  flex-direction: column;
  margin-top: auto;
}
.contentTitle .leftTitle {
  font-size: 20px;
  border: 2px solid #333;
  padding: 8px;
  text-align: center;
  width: 185px;
  height: 50px;
  font-weight: bold;
}
.contentTitle .midTitle {
  font-size: 52px;
  color: #00a9eb;
  letter-spacing: 3px;
  text-align: center;
  font-weight: bold;
}
.contentTitle .midTitle span {
  position: relative;
  display: block;
  color: #00a9eb;
  font-size: 20px;
}
.contentTitle .midTitle span::before,
.contentTitle .midTitle span::after {
  content: "";
  border-top: 1px solid #00a9eb;
  display: inline-block;
  width: 30px;
  top: 4%;
  padding-bottom: 6px;
}
.contentTitle .midTitle span::before {margin-right: 10px;}
.contentTitle .midTitle span::after {margin-left: 10px;}
.contentTitle .rightTitle {
  color: #464646;
  font-size: 20px;
}
.contentTitle .rightTitle img {
  width: 120px;
  vertical-align: baseline;
}
.titleCollege {
  display: flex;
  justify-content: space-between;
  margin-bottom: 70px;
}
.titleCollege .left {
  font-size: 30px;
  font-weight: bold;
}
.informationSchool {
  font-size: 20px;
  padding: 12px 20px;
  background: #ff8700;
  color: white;
  border-radius: 4px;
  font-weight: bold;
}
.planSchool {
  font-size: 23px;
  font-weight: bold;
  margin-bottom: 40px;
}
.secretaryOffice {
  display:  flex;
  justify-content: space-between;
  margin-bottom: 70px;
}
.secretaryOffice > div {
  width: calc(50% - 20px);
  display: flex;
  margin-top: auto;
}
.secretaryOffice .left {position: relative;}
.secretaryOffice .left img {width: calc(100% - 20px);}
.secretaryOffice .left::before {
  content: "";
  position: absolute;
  left: 20px;
  top: 20px;
  background: #8dd0f8;
  width: calc(100% - 20px);
  height: 100%;
  z-index: -1;
}
.secretaryOffice .right .centerContent {
  font-size: 18px;
  padding: 20px 40px;
  background: #e8f5fe;
  width: 100%;
}
.secretaryOffice .right .hightlightContent {font-weight: bold;}
.secretaryOffice .right .hightlightContent span {
  font-size: 28px;
  margin-right: 10px;
}
.comContent {margin-bottom: 70px;}
.itemContentLogo {
  color: #2196f3;
  font-size: 22px;
  padding-left: 40px;
  font-weight: bold;
  margin-bottom: 30px;
}
.logoHeart {background: url(icon1.png) no-repeat left center/30px auto;}
.itemContainVote {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.itemContainVote .voteCell {
  width: 50%;
  display: flex;
}
.txt_vote  {
  font-size: 20px;
  display: inline-flex;
  font-weight: bold;
  width: 130px;
}
.itemPoint {
  font-size: 20px;
  color: red;
  font-weight: bold;
  padding: 4px 60px 0px 60px;
}
.votestars {position: relative;}
.votestars::before,
.votestars::after {
  content: "★★★★★";
  display: inline-block;
  font-size: 32px;
  line-height: 1;
}
.votestars::before {color: #ccc;}
.votestars::after {
  position: absolute;
  left: 0;
  top: 0;
  color: #FFA500;
}
.votestars.stars4::after {content: "★★★★";}
.votestars.stars3::after {content: "★★★";}
.votestars.stars2::after {content: "★★";}
.votestars.stars2::after {content: "★";}
.logoHappy {background: url(icon2.png) no-repeat left center/30px auto;}
.itemContainImg {display: flex;}
.itemContainImg figure {
  width: 300px;
  height: 200px;
  margin-right: 30px;
}
.itemContainImg .itemContainText {
  flex: 1;
  font-size: 16px;
}
main.powerup2 table.timetable {  
  border: 1px solid #C7C7C7;
  border-collapse: collapse;
}
main.powerup2 table.timetable th,
main.powerup2 table.timetable td {  
  border-right: 1px solid #C7C7C7;
  border-bottom: 1px solid #C7C7C7;
  text-align: center;
  vertical-align: middle;
  font-size: 16px;
  padding: 12px 0;
}
main.powerup2 table.timetable .th_horizontal {
  background : #d1ecfd;   
  width: 150px;
}
main.powerup2 table.timetable .th_vertical {
  background: #f5f5f5;
  width: 100px;
}
.logoPhoto {background: url(icon3.png) no-repeat left center/30px auto;}
.camLife figure {margin-right: 0;}
.item_photo_txt {
  width: calc(33.333% - 15px);
  margin-right: 30px;
}
.item_photo_txt:nth-child(3) {margin-right: 0;}
.photo_txt {
  margin-top: 10px;
  font-size: 16px;
}
.footerUnderBorder {
  font-size: 20px;
  background: #fff7e6;
  text-align: center;
  padding: 75px 0;
  font-weight: bold;
  margin-bottom: 50px;
}
.footerUnderBorder .sc_nm {
  font-size: 22px;
  margin-bottom: 10px;
}
.footerUnderBorder .sc_nm span {
  font-size: 32px;
  display: block;
}
.footerUnderBorder a {
  background: #ff8700;
  font-size: 30px;
  color: white;
  display: block;
  width: 700px;
  padding: 25px 0;
  margin: 0 auto;
  border-radius: 5px;
}
/*============================================================
パワーアップ　先輩の声（卒業生）
============================================================*/
.secretaryOffice .right .tag {
  color: #2196f3;
  border: 1px solid #2196f3;
  background: white;
  padding: 2px 5px;
  font-size: 12px;
  display: inline-block;
  font-weight: bold;
  margin-bottom: 10px;
}
.comContent.profile {
  background: #e8f5fe;
  padding: 30px;
}
.comContent.profile .prof_ttl {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 20px;
}
.comContent.profile .cnt {
  display: flex;
}
.comContent.profile .cnt figure {
  width: 90px;
  overflow: hidden;
  border-radius: 50%;
  margin-right: 30px;
}
.comContent.profile .cnt p {
  flex: 1;
  font-size: 16px;
}
/*============================================================
パワーアップ　先輩の声（合格者）
============================================================*/
main.powerup3 .contentTitle .midTitle,
main.powerup3 .contentTitle .midTitle span {color: #009900;}
main.powerup3 .contentTitle .midTitle span::before,
main.powerup3 .contentTitle .midTitle span::after {border-top: 1px solid #009900;}
.titleCollege2 {margin-bottom: 40px;}
.titleCollege2 .colg_name {
  font-size: 28px;
  color: #009900;
  font-weight: bold;
  margin-bottom: 10px;
}
.titleCollege2 .colg_name span {
  font-size: 36px;
  color: #009900;
  margin-right: 10px;
}
.titleCollege2 .dtl_btn {
  background: linear-gradient(to right,#009900, #6bc46b);
  display: inline-block;
  color: white;
  font-size: 18px;
  padding: 5px 60px 5px 50px;
  position: relative;
}
.titleCollege2 .dtl_btn::before,
.titleCollege2 .dtl_btn::after {
  content: "";
  display: inline-block;
  position: absolute;
  right: 15px;
  border-bottom: 2px solid white;
}
.titleCollege2 .dtl_btn::before {
  bottom: 15px;
  width: 30px;
}
.titleCollege2 .dtl_btn::after {
  bottom: 19px;
  width: 10px;
  transform: rotate(45deg);
}
main.powerup3 .ob_copy {
  font-weight: bold;
  font-size: 25px;
  margin-bottom: 40px;
}
main.powerup3 .obBox {
  display: flex;
  justify-content: space-between;
}
main.powerup3 .obBox > * {width: calc(50% - 20px);}
main.powerup3 .obBox figure img {width: 100%;}
main.powerup3 .obBox .tx {
  background: linear-gradient(to right,#009900, #6bc46b);
  padding: 30px 30px 20px;
  color: white;
  flex-direction: column;
  margin-top: auto;
  font-size: 18px;
}
main.powerup3 .obBox .tx p,
main.powerup3 .obBox .tx p span {color: white;}
main.powerup3 .obBox .tx .obNm {font-weight: bold;}
main.powerup3 .obBox .tx .obNm span {
  font-size: 28px;
  margin-right: 10px;
}
.qaBox .q_toOb {
  font-size: 24px;
  color: #009900;
  font-family: "Hiragino Mincho ProN W6", "ヒラギノ明朝 ProN W6", "Hiragino Mincho ProN","游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-weight: bold;
  margin-bottom: 15px;
}
.qaBox .ans {
  font-size: 16px;
  line-height: 1.8
}
.footerUnderBorder2 {
  text-align: center;
  font-weight: bold;
  margin-bottom: 50px;
}
.footerUnderBorder2 .scl {
  font-family: "Hiragino Mincho ProN W6", "ヒラギノ明朝 ProN W6", "Hiragino Mincho ProN","游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size: 24px;
  margin-bottom: 40px;
}
.footerUnderBorder2 .scl2 {
  background: #ebf7eb;
  padding: 50px;
  font-size: 26px;
}
.footerUnderBorder2 .scl2 a {
  display: block;
  border: 1px solid #000;
  background: white;
  padding: 35px;
  position: relative;
}
.footerUnderBorder2 .scl2 a:hover {color: #333;}
.footerUnderBorder2 .scl2 a::after {
  content: "";
  width: 10px;
  height: 10px;
  position: absolute;
  top: calc(50% - 5px);
  right: 25px;
  border-bottom: 2px solid #009900;
  border-right: 2px solid #009900;
  transform: rotate(-45deg);
}
/*============================================================
先輩の声
============================================================*/
.obog_list {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.obog_block {width: 48%;}
.obog_block * {font-size: 14px;}
.obog_block figure {
  float: left;
  margin-right: 10px;
}
.depart {margin-top: 15px;}
.profilename {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 40px;
}
.profilename::after {
  font-size: 12px;
  font-weight: normal;
  content: " さん";
}
/*============================================================
写真・動画
============================================================*/
.media_page .subttl{
  padding-bottom:24px; 
  margin-bottom:25px;
}
.photosList3 li figure.movie_img {height: auto;}
/*============================================================
右カラム
============================================================*/
.asideBox .ttl2  {
  color: #666;
  font-size: 13px;
}
.asideBox .ttl2 span {
  font-size: 20px;
  font-family: "Hiragino Mincho ProN W6", "ヒラギノ明朝 ProN W6", "Hiragino Mincho ProN","游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-weight: bold;
  display: block;
  color: #333;
}
.asideBox .box {padding: 15px 0;}
.asideBox.info .box {border-bottom: 1px solid #C7C7C7;}
.asideBox .box figure {margin: 0 0 10px 0 !important;}
.asideBox .box figure img {width: 100%;}
.asideBox .box .name {
  font-size: 13px;
  margin-bottom: 10px;
}
.asideBox .box .btn {
  width: 100%;
  margin-top: 10px;
  box-sizing: border-box;
}
.more2 {
  text-align: right;
  display: block;
  margin: 15px 40px 0 0;
  position: relative;
  padding-right: 25px;
  font-size: 12px;
}
.more2:hover {color: #333;}
.more2::before {
  content: "";
  width: 20px;
  border-bottom: 1px solid #C7C7C7;
  display: block;
  position: absolute;
  right: 0;
  bottom: 6px;
}
.more2::after {
  content: "";
  width: 6px;
  border-bottom: 1px solid #C7C7C7;
  display: block;
  position: absolute;
  right: 0;
  bottom: 8px;
  transform: rotate(45deg);
}
.more2 + .ttl2 {margin-top: 30px;}