@charset "utf-8";
/* ***************************************************************************** 
 ***************************************************************************** */ :root {
      --bg-gray: #F0F0F0;
      --bg-purple: #F8F7FA;
      --major-economics: #eeac6a;
      --major-business: #e198a6;
      --major-law: #a8b092;
      --major-english: #7484c1;
      --major-history: #bd8b5e;
      --major-japanese: #e35450;
      --major-sports: #5ab26e;
      --major-liberalarts: #989fcf;
      font-feature-settings: "palt";
}
.bg-purple {
      background: #E3E1EE;
}
.t_center_spleft {
      text-align: center !important;
}
.flexCont {
      display: flex;
      justify-content: space-between;
}
.flexCont_2column div, .flexCont_2column li, .flexCont_2column dl {
      width: 48%;
}
.flexCont_3column div, .flexCont_3column li, .flexCont_3column dl {
      width: 33.333%;
}
.flexCont_4column div, .flexCont_4column li, .flexCont_4column dl {
      width: 24%;
}
.flexCont_5column div, .flexCont_5column li, .flexCont_5column dl {
      width: 19%;
}
.flexCont_6column div, .flexCont_6column li, .flexCont_6column dl {
      width: 16%;
}
.flexCont_rev {
      display: flex;
      justify-content: space-between;
      flex-direction: row-reverse;
}
.bg_baseRight, .bg_baseLeft {
      position: relative;
      margin: 0 0 120px !important;
}
.bg_baseRight + .bg_baseLeft {
      margin: 120px 0 0;
}
.bg_baseLeft:before {
      content: '';
      background: #F8F7FA;
      width: 50%;
      height: 100%;
      position: absolute;
      top: 60px;
      right: 0;
      z-index: -1;
}
.bg_baseRight:before {
      content: '';
      background: #F8F7FA;
      width: 50%;
      height: 100%;
      position: absolute;
      top: 60px;
      left: 0;
      z-index: -1;
}
.bg_baseRight .section-inner, .bg_baseLeft .section-inner {
      position: relative;
      padding-top: 0 !important;
}
.bg_baseLeft .section-inner:before {
      content: '';
      background: #F8F7FA;
      width: calc(100% - 110px);
      height: 100%;
      position: absolute;
      top: 60px;
      right: 0;
      z-index: -1;
}
.bg_baseRight .section-inner:before {
      content: '';
      background: #F8F7FA;
      width: calc(100% - 110px);
      height: 100%;
      position: absolute;
      top: 60px;
      left: 0;
      z-index: -1;
}
.bg_baseRight .section-inner .sec-conBox, .bg_baseLeft .section-inner .sec-conBox {
      width: 48%;
}
.bg_baseRight .section-inner .sec-conBox .secBox-img, .bg_baseLeft .section-inner .sec-conBox .secBox-img {
      width: 100%;
      text-align: center !important;
}
.bg_baseRight .sec-conBox .section-title {
      display: flex;
      justify-content: flex-end;
}
.bg_baseLeft .sec-conBox .section-title {
      display: flex;
      justify-content: flex-start;
}
.sec-conBox .section-title-inn {
      position: relative;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      width: 210px;
      height: 105px;
      font-weight: 700;
      text-align: left;
      color: #FFF;
      text-align: center;
      box-sizing: border-box;
      padding: 20px 15px 0 0;
      margin: 0 0 90px;
}
.sec-conBox .section-title-inn:before {
      content: '';
      clip-path: polygon(0 0, 100% 0, 83% 89%, 0 67%);
      background: #87509C;
      width: 210px;
      height: 175px;
      z-index: -1;
      position: absolute;
      left: 0;
      top: 0;
}
.sec-conBox .section-title p {
      font-family: "Montserrat", sans-serif;
      text-align: center !important;
      font-size: 12px !important;
      margin: 0 !important;
}
.sec-conBox .section-title p span {
      display: inline-block;
      padding: 0 0 0 5px;
}
.sec-conBox .section-title h2 {
      font-size: 15px;
      letter-spacing: 0.05em;
      line-height: 1.2em;
      margin: 0 !important;
      padding: 0 !important;
}
.sec-conBox h3 {
      font-size: 32px;
      color: #222;
      line-height: 1.3em;
      text-align: left;
      letter-spacing: 0.05em;
      margin: 0 0 30px;
}
.sec-conBox h3 span {
      color: #87509C;
}
.sec-conBox p {
      margin: 5px 0 !important;
}
.sec-conBox .secBox-img {
      padding: 110px 0 0;
}
.page-transition {
      display: flex;
      justify-content: flex-start;
      flex-wrap: wrap;
      margin: 50px 0 0;
}
.page-transition .link-item {
      width: 285px;
      background: #FFF;
      box-shadow: 0px 0px 8px -4px rgba(0, 0, 0, 0.6);
      text-align: center;
      margin-bottom: 20px;
}
.page-transition .link-item + .link-item {
      margin-left: 20px;
}
.page-transition .link-item:nth-child(5), .page-transition .link-item:nth-child(9) {
      margin-left: 0;
}
.page-transition .link-item a {
      padding: 0 34px;
      display: block;
}
.page-transition .link-item a img {
      width: 100%;
}
.page-transition .link-item a h4 {
      border-top: solid 5px #87509C;
      padding: 14px 0;
      line-height: 1.2em;
      color: #87509C;
      font-size: 16px;
}
.page-transition .link-item a h4 span {
      line-height: 1.2em;
      color: #EBB231;
      font-size: 12px;
      display: block;
}
dl.programlink {
      margin: 160px 40px 0 0;
      text-align: left;
}
dl.programlink dt {
      display: inline-block;
      border-top-left-radius: 8px;
      border-top-right-radius: 8px;
      background: #FFF;
      padding: 12px 25px 2px;
      font-size: 18px;
      font-weight: 700;
      letter-spacing: 0.08em;
      color: #87509C;
}
dl.programlink dd {
      background: #FFF;
      padding: 25px 25px;
      border-bottom-left-radius: 8px;
      border-bottom-right-radius: 8px;
      border-top-right-radius: 8px;
}
dl.programlink dd ul {
      border-top: solid 1px #86519C;
      margin: 15px 0;
}
dl.programlink dd ul li {
      border-bottom: solid 1px #86519C;
}
dl.programlink dd ul li a {
      display: block;
      padding: 18px 10px !important;
      margin: 0 !important;
      font-size: 15px;
      color: #222;
      font-weight: 700;
      letter-spacing: 0.05em;
      position: relative;
}
dl.programlink dd ul li a::before {
      content: "";
      position: absolute;
      right: 10px;
      top: calc(50% - 3px);
      transform: translateY(-50%);
      display: block;
      width: 6px;
      height: 6px;
      border-top: 2px solid #86519C;
      border-right: 2px solid #86519C;
      transform: rotate(45deg);
}
#al05 ul.disc li span {
      color: #86519C;
      display: inline-block;
      margin: 0 5px 0 0;
      font-size: 85%;
}
dl.point {
      background: #FFF;
      border: solid 1px #85519B;
      margin: 20px 0;
}
dl.point dt {
      background: #85519B;
      text-align: center;
      color: #FFF;
      font-weight: 700;
      font-size: 1.3em;
      padding: 5px 0;
      margin: 0 0 10px;
}
dl.point dd {
      text-align: left;
      padding: 0 20px 10px;
}
dl.point dd ul.disc {
      margin: 15px 0;
      width: 48%;
}
.secBox-img-full {
      margin: 0 0 50px !important;
}
.img-w-full {
      margin: 60px 0 !important;
}
.secBox-img-full img, .img-w-full img {
      width: 100% !important;
}
.student-comment {
      border: solid 1px #85519B;
      background: #FFF;
      padding: 40px !important;
      display: flex;
      justify-content: space-between;
}
.student-comment.rev {
      flex-direction: row-reverse;
}
.student-comment figure {
      width: 320px;
      margin: 0 !important;
}
.student-comment figure img {
      width: 100%;
}
.student-comment dl.comment-text {
      width: calc(100% - 400px);
      text-align: left;
}
.student-comment dl.comment-text dt {
      color: #85519B;
      font-weight: 700;
      font-size: 24px;
      line-height: 1.4em;
      margin: 0 0 15px;
}
dl.comment-text ul.selectMajor {
      display: flex;
      margin: 30px 0 5px;
}
dl.comment-text ul.selectMajor li {
      font-size: 18px;
      font-weight: 700;
      display: flex;
      align-items: center;
}
dl.comment-text ul.selectMajor span {
      display: inline-block;
      background: #E8E8E8;
      line-height: 1em;
      padding: 4px 8px;
      margin-right: 10px;
      font-size: 13px;
}
dl.comment-text ul.selectMajor li .icon-plus, dl.comment-text ul.selectMajor li .icon-arrow {
      color: #333;
      width: 16px;
      height: 16px;
      position: relative;
      margin: 0 20px;
}
dl.comment-text ul.selectMajor li .icon-plus:before, dl.comment-text ul.selectMajor li .icon-plus:after {
      content: "";
      position: absolute;
      top: 8px;
      width: 16px;
      height: 2px;
      background-color: currentColor;
}
dl.comment-text ul.selectMajor li .icon-plus:after {
      -webkit-transform: rotate(90deg);
      transform: rotate(90deg);
}
dl.comment-text ul.selectMajor li .icon-arrow:before {
      content: "";
      position: absolute;
      top: 4px;
      display: inline-block;
      width: 8px;
      height: 8px;
      border: #000 solid;
      border-width: 2px 2px 0 0;
      background: linear-gradient(to bottom right, transparent, transparent 40%, #000 40%, #000 60%, transparent 60%, transparent 100%);
      transform: rotate(45deg);
}
/* numberbox */
#contents-area > section .numberbox .inner .subtitle {
      margin: 0 !important;
}
#contents-area > section .numberbox .inner .subtitle::after {
      display: none;
}
#contents-area > section .numberbox .inner .subtitle::before {
      background-color: #85519B;
}
#contents-area > section .numberbox .inner .text {
      font-size: 1.07em;
      line-height: 1.7;
      padding: 25px 30px;
      margin: 0 !important;
}
#contents-area > section .numberbox .inner .text ul {
      margin: 5px 0 0;
}
#contents-area > section .numberbox .inner .text ul li {
      text-align: left;
      margin: 0;
      font-size: 90%;
      position: relative;
}
#contents-area > section .numberbox .inner .text ul li:before {
      content: "";
      width: 4px;
      height: 4px;
      display: inline-block;
      background-color: #333;
      border-radius: 50%;
      position: relative;
      top: -1px;
      margin-right: 10px;
}
.accordion-contents-list dt {
      background: #85519B;
      color: #FFF;
      padding: 15px;
      font-weight: 700;
}
.accordion-contents-list dd {
      background: #FFF;
      padding: 15px;
}
.accordion-contents-list dd {
      background: #FFF;
      padding: 15px;
}
.accordion-line-linkbox {
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;
      width: 100%;
}
.accordion-line-linkbox li {
      width: 48.5%;
      margin: 5px 0;
}
.accordion-line-linkbox li:before {
      display: none;
}
.accordion-line-linkbox li a {
      display: block;
      font-size: 1.07em;
      font-weight: normal;
      padding: 12px 35px 10px 35px;
      background: #fff;
      border: solid 1px #85519B;
      box-sizing: border-box;
      display: flex;
      align-items: center;
      justify-content: center;
      position: relative;
}
.accordion-line-linkbox li a:before {
      content: "";
      position: absolute;
      right: 15px;
      top: calc(50% - 3px);
      transform: translateY(-50%);
      display: block;
      width: 6px;
      height: 6px;
      border-top: 2px solid #333;
      border-right: 2px solid #333;
      transform: rotate(45deg);
}
.img-in-contents {
      display: flex;
      flex-direction: row-reverse;
      justify-content: space-between;
      align-items: flex-start;
}
.img-in-contents img {
      width: 240px;
}
.img-in-contents .text {
      width: calc(100% - 280px);
}
.departmentlist {
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;
      align-items: stretch !important;
}
.department-list-box {
      width: 23.2%;
      margin: 13px 0;
      display: flex;
      flex-direction: column;
      position: relative;
}
.department-list-box.economics {
      background: var(--major-economics);
}
.department-list-box.business {
      background: var(--major-business);
}
.department-list-box.law {
      background: var(--major-law);
}
.department-list-box.english {
      background: var(--major-english);
}
.department-list-box.history {
      background: var(--major-history);
}
.department-list-box.japanese {
      background: var(--major-japanese);
}
.department-list-box.sports {
      background: var(--major-sports);
}
.department-list-box.liberalarts {
      background: var(--major-liberalarts);
}
.department-list-box a {
      margin: 0 25px 10px;
      padding: 6px 0;
      display: block;
      background: #FFF;
      background: url(/common/img/ico_arrow_navy.svg) 95% 50% no-repeat #FFF;
      background-size: 10px auto;
}
.department-list-box h5 {
      font-weight: 700;
      font-size: 1.5em;
      line-height: 1.2em;
      margin: 25px 0 0;
      color: #FFF;
}
.departmentbox-inn {
      text-align: center;
      padding: 25px 0 15px;
      color: #FFF;
      line-height: 1.4em;
      display: flex;
      flex-direction: column;
      flex-grow: 1;
}
.departmentbox-inn-body {
      flex-grow: 1;
      margin: 0 0 10px;
}
.departmentbox-inn p {
      text-align: justify;
      padding: 0 25px;
      margin: 0 important;
}
.departmentbox-inn dl {
      padding: 0 25px;
      margin: 28px 0 0;
}
.departmentbox-inn dl dt {
      border: solid 1px #FFF;
}
.departmentbox-inn dl dd {
      text-align: justify;
      margin: 8px 0;
}
.supportstep {
      padding: 30px;
      margin: 30px 0 0;
}
.supportstep dl {
      width: 23%;
      text-align: left;
}
.supportstep dl dt {
      color: #87509C;
      font-weight: 700;
      font-size: 18px;
      display: flex;
}
.supportstep dl dt span {
      background: #87509C;
      color: #FFF;
      font-weight: 700;
      font-size: 13px;
      display: flex;
      align-items: center;
      justify-content: center;
      width: 30px;
      height: 30px;
      margin: 0 15px 5px 0;
}
.supportstep dl dd h3 {
      color: #87509C;
      margin: 10px 0 0;
      line-height: 1.4em;
}
.supportstep dl dd p {
      margin: 0 !important;
}
.line-listLinkbox {
      margin: 50px 0 0;
}
.line-listLinkbox ul {
      display: flex;
      justify-content: flex-start;
      flex-wrap: wrap;
}
.line-listLinkbox ul li {
      width: 33.333%;
      box-sizing: border-box;
      border: solid 1px #87509C;
      background: #FFF;
      padding: 1em 1.6em;
      text-align: left;
      margin-bottom: -1px;
      margin-right: -1px;
}
.line-listLinkbox ul li a {
      display: block;
      position: relative;
}
.line-listLinkbox ul li a:before {
      content: "";
      position: absolute;
      right: 0;
      top: calc(50% - 3px);
      transform: translateY(-50%);
      display: block;
      width: 6px;
      height: 6px;
      border-top: 2px solid #86519C;
      border-right: 2px solid #86519C;
      transform: rotate(45deg);
}
.line-listLinkbox ul li {
      width: 33.333%
}
.area-information {
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;
      width: 70%;
      margin: 30px auto 0;
}
.area-information li {
      width: 16%;
      text-align: center;
      background: #FFF;
      border: solid 1px #87509C;
      padding: 15px 0;
      box-sizing: border-box;
      /*	border-radius: 4px;
	box-shadow: 0px 0px 8px -4px rgba(0,0,0,0.6);*/
}
.area-information li img {
      width: 45%;
      margin: 0 auto;
}
.area-information li h3 {
      font-size: 14px;
      color: #87509C;
      margin: 5px 0 0 !important;
}
.area-information li p {
      text-align: center !important;
      font-weight: 700;
      margin: 0 0 !important;
      font-size: 16px !important;
}
.area-information li p span {
      font-size: 20px;
      font-family: Arvo, sans-serif;
      color: #87509C;
      display: inline-block;
      margin-right: 5px;
}
.living-expenses {
      width: 88%;
      margin: 50px auto 30px;
}
.living-expenses li img {
      width: 100%;
}
.sd_2ndgmap {
      margin: 40px auto 30px;
}
.sd_2ndgmap iframe {
      height: 300px;
}
.student-dormitory {
      border: solid 1px #85519B;
      background: #FFF;
      padding: 30px !important;
      margin: 20px auto 10px;
}
.student-dormitory h4 {
      font-size: 18px;
      margin: 0 0 10px !important;
      background-color: #D7D1EA;
      padding: 10px 15px;
      text-align: left;
}
.student-dormitory h4 span {
      display: inline-block;
      border: solid 1px #373637;
      padding: 0 10px;
      margin-left: 10px;
      font-size: 14px;
}
.student-dormitory-info {
      display: flex;
      justify-content: space-between;
      padding: 20px 10px 0 10px !important;
}
.student-dormitory dl {
      width: 300px;
      text-align: left;
}
.student-dormitory dl dt {
      font-size: 18px;
      font-weight: bold;
      text-align: left !important;
      box-sizing: border-box;
      margin: 0 0 15px;
}
.student-dormitory dl dt span {
      display: inline-block;
      margin-right: 10px;
      color: #85519B;
      font-size: 75%;
}
.student-dormitory dl dd p {
      margin: 0 !important;
}
.student-dormitory-img {
      width: calc(100% - 310px);
      display: flex;
      justify-content: space-between;
}
.student-dormitory-img01 {
      width: 35% !important;
}
.student-dormitory-img02 {
      width: 65% !important;
}
.connect-img {
      margin-top: 30px;
}
.connect-img-box {
      width: 100%;
}
.connect-img-box img {
      width: 100%;
}
/* pickup-cont */
.pickup-cont {
      margin-top: 20px;
      position: relative;
      text-align: left;
}
.pickup-cont .cont-ttl {
      display: inline-block;
      /*background: rgba(135, 80, 156, 0.7);*/
      padding: 8px 35px 0 20px;
      margin-bottom: 0;
      text-align: left;
      color: rgba(135, 80, 156, 1);
      font-weight: 700;
      position: relative;
}
.pickup-cont .cont-ttl:before {
      content: '';
      position: absolute;
      z-index: -1;
      top: 0;
      left: 0;
      background: #F5F1DF;
      min-width: 190px;
      height: 52px;
      clip-path: polygon(0 0, 80% 0%, 100% 100%, 0 100%);
}
.pickup-cont .cont-ttl-inn {
      display: flex;
      align-items: center;
}
.pickup-cont .cont-ttl img {
      width: 15px !important;
      margin-right: 10px;
      margin-bottom: 0;
}
.pickup-inn {
      padding: 40px 45px;
      background: #F5F1DF;
}
.pickup-inn.flexbox {
      display: flex;
      justify-content: space-between;
      align-items: flex-start;
}
.pickup-inn.flexbox.rev {
      flex-direction: row-reverse;
}
.pickup-inn.flexbox.algnCnt {
      align-items: center;
}
.pickup-inn .text {
      flex: 1;
      margin-right: 30px;
}
.pickup-inn.flexbox.rev .text {
      margin-left: 30px;
}
.pickup-inn h4 {
      color: #87509C;
}
.pickup-inn p {
      display: inline-block;
      margin: 10px 0 0 !important;
}
.pickup-inn-img.img240 {
      width: 240px;
}
.pickup-inn-img.img320 {
      width: 320px;
}
.pickup-inn-img.img420 {
      width: 420px;
}
.pickup-inn-img.img550 {
      width: 550px;
}
.pickup-inn img {
      width: 100%;
}
/*feature　特殊対応*/
@media screen and (min-width:770px) and (max-width:1260px) {
      .fcol_4.page-transition .link-item {
            width: 23%;
      }
}
@media screen and (max-width: 769px) {
      .flexCont_3column, .flexCont_4column, .flexCont_5column, .flexCont_6column {
            flex-wrap: wrap;
      }
      .flexCont_3column div, .flexCont_3column li, .flexCont_3column dl, .flexCont_4column div, .flexCont_4column li, .flexCont_4column dl, .flexCont_5column div, .flexCont_5column li, .flexCont_5column dl, .flexCont_6column div, .flexCont_6column li, .flexCont_6column dl {
            width: 48%;
      }
      .sd_2ndgmap iframe {
            height: 200px;
      }
      .flexCont {
            flex-direction: column;
      }
      .flexCont_rev {
            flex-direction: column;
      }
      .bg_baseRight, .bg_baseLeft {
            position: relative;
            margin: 0 0 60px !important;
      }
      .bg_baseRight + .bg_baseLeft {
            margin: 30px 0 0;
      }
      .bg_baseRight:before {
            width: 100%;
            height: calc(100% - 20px);
            top: 60px;
      }
      .bg_baseLeft:before {
            width: 100%;
            height: calc(100% - 20px);
            top: 60px;
      }
      .bg_baseRight .section-inner, .bg_baseLeft .section-inner {
            position: inherit;
            padding-top: 20px !important;
      }
      .bg_baseRight .section-inner:before {
            display: none;
      }
      .bg_baseLeft .section-inner:before {
            display: none;
      }
      .bg_baseRight .section-inner .sec-conBox, .bg_baseLeft .section-inner .sec-conBox {
            width: 100%;
      }
      .bg_baseRight .section-inner .sec-conBox .secBox-img, .bg_baseLeft .section-inner .sec-conBox .secBox-img {
            width: 100%;
            margin: 0 auto !important;
            text-align: center !important;
      }
      .bg_baseRight .sec-conBox .section-title, .bg_baseLeft .sec-conBox .section-title {
            display: flex;
            justify-content: flex-start;
      }
      .sec-conBox .section-title-inn {
            position: relative;
            display: flex;
            flex-direction: row;
            align-items: center;
            justify-content: left;
            width: 100%;
            height: 60px;
            font-weight: 700;
            text-align: center;
            color: #FFF;
            box-sizing: border-box;
            padding: 0 0 0 20px;
            margin: 0 auto 35px;
      }
      .sec-conBox .section-title-inn:before {
            content: '';
            clip-path: polygon(0 0, 96% 0, 100% 17%, 100% 100%, 0 100%, 0 50%);
            background: #87509C;
            width: 100%;
            height: 60px;
            z-index: -1;
            position: absolute;
            top: 0;
            left: 0;
            /*
		left: 50%;
		transform: translateX(-50%);
		*/
      }
      .sec-conBox .section-title p {
            font-size: 10px !important;
            text-align: left !important;
            padding: 0 15px 0 0;
      }
      .sec-conBox .section-title h2 {
            font-size: 12px !important;
            letter-spacing: 0;
      }
      .sec-conBox h3 {
            font-size: 18px;
            margin: 0 0 20px;
      }
      .sec-conBox .secBox-img {
            padding: 20px 0 0;
      }
      .page-transition {
            display: flex;
            justify-content: flex-start;
            flex-wrap: wrap;
            margin: 30px 0 0;
      }
      .page-transition .link-item {
            width: 46%;
            background: #FFF;
            box-shadow: 0px 0px 8px -4px rgba(0, 0, 0, 0.6);
            text-align: center;
            margin: 10px auto;
      }
      .page-transition .link-item + .link-item {
            margin: 10px auto;
      }
      .page-transition .link-item a {
            padding: 0 10px;
            display: block;
      }
      .page-transition .link-item a img {
            width: 100%;
      }
      .page-transition .link-item a h4 {
            font-size: 13px;
      }
      .page-transition .link-item a h4 span {
            font-size: 11px;
      }
      dl.programlink {
            margin: 30px 0 0;
            text-align: left;
            box-sizing: border-box;
      }
      dl.programlink dt {
            display: inline-block;
            border-top-left-radius: 6px;
            border-top-right-radius: 6px;
            background: #FFF;
            padding: 6px 15px 2px;
            font-size: 14px;
      }
      dl.programlink dd {
            padding: 15px;
            border-bottom-left-radius: 6px;
            border-bottom-right-radius: 6px;
            border-top-right-radius: 6px;
      }
      dl.programlink dd ul {
            border-top: solid 1px #86519C;
            margin: 6px 0;
      }
      dl.programlink dd ul li {
            border-bottom: solid 1px #86519C;
      }
      dl.programlink dd ul li a {
            padding: 12px 10px !important;
            font-size: 13px;
      }
      .departmentlist {
            display: block;
      }
      .department-list-box {
            width: 100%;
            margin: 8px 0;
            display: flex;
            flex-direction: column;
            position: relative;
      }
      .departmentbox-inn {
            display: none;
      }
      .department-list-box h5 {
            font-weight: 700;
            font-size: 1.2em;
            line-height: 1.2em;
            margin: 15px 0;
            color: #FFF;
            text-align: left;
            padding: 0 0 0 40px;
            position: relative;
      }
      .department-list-box h5::before {
            position: absolute;
            left: 15px;
            top: 5px;
            content: "";
            display: inline-block;
            vertical-align: middle;
            color: #FFF;
            line-height: 1;
            width: 8px;
            height: 8px;
            border: 0.15em solid currentColor;
            border-left: 0;
            border-bottom: 0;
            box-sizing: border-box;
            transform: translateY(-25%) rotate(135deg);
      }
      .secBox-img-full {
            margin: 0 0 30px !important;
      }
      .img-w-full {
            margin: 20px 0 !important;
      }
      .student-comment {
            padding: 20px !important;
            flex-direction: column;
            margin: 10px auto;
            width: 88%;
            box-sizing: border-box;
      }
      .student-comment.rev {
            flex-direction: column;
      }
      .student-comment figure {
            width: 100%;
            margin: 0 0 10px !important;
      }
      .student-comment dl.comment-text {
            width: 100%;
            text-align: left;
      }
      .student-comment dl.comment-text dt {
            font-size: 15px;
            margin: 0 0 10px;
      }
      dl.comment-text ul.selectMajor {
            margin: 15px 0 5px;
            flex-direction: column;
      }
      dl.comment-text ul.selectMajor li {
            font-size: 14px;
      }
      dl.comment-text ul.selectMajor li + li {
            margin: 4px 0;
      }
      dl.comment-text ul.selectMajor span {
            display: inline-block;
            background: #E8E8E8;
            line-height: 1em;
            padding: 4px 8px;
            margin-right: 10px;
            font-size: 12px;
      }
      dl.comment-text ul.selectMajor li .icon-plus, dl.comment-text ul.selectMajor li .icon-arrow {
            color: #333;
            width: 13px;
            height: 13px;
            position: relative;
            margin: 0 16px;
      }
      dl.comment-text ul.selectMajor li .icon-plus:before, dl.comment-text ul.selectMajor li .icon-plus:after {
            content: "";
            position: absolute;
            top: 8px;
            width: 16px;
            height: 2px;
            background-color: currentColor;
      }
      dl.comment-text ul.selectMajor li .icon-plus:after {
            -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
      }
      dl.comment-text ul.selectMajor li .icon-arrow:before {
            content: '';
            width: 0.65em;
            height: 0.65em;
            border: 0.15em solid currentColor;
            border-top: 0;
            border-right: 0;
            transform: rotate(-45deg);
            transform-origin: bottom left;
            position: absolute;
            left: 50%;
            bottom: -0.05em;
            box-sizing: border-box;
      }
      dl.point dt {
            font-size: 1em;
      }
      .supportstep {
            padding: 20px;
      }
      .supportstep dl {
            width: 100%;
            text-align: left;
            overflow: hidden;
      }
      .supportstep dl + dl {
            margin: 10px 0 0;
      }
      .supportstep dl dt {
            font-size: 17px;
      }
      .supportstep dl dd:nth-child(even) {
            width: 100px;
            float: left;
            margin: 5px 15px 15px 0;
      }
      .supportstep dl dd:last-of-type {
            width: 100%;
      }
      .supportstep dl dd h3 {
            margin: 0;
            padding: 0;
            color: #333;
      }
      .supportstep dl dd p {
            margin: 0 !important;
      }
      dl.point dd ul.disc {
            margin: 15px 0 0;
            width: 100%;
      }
      dl.point dd ul.disc:nth-child(2) {
            margin: 0 0 15px;
            width: 100%;
      }
      .line-listLinkbox {
            margin: 30px 0 0;
      }
      .accordion-line-linkbox li {
            width: 100%;
            padding: 0 !important;
            margin: 5px 0 !important;
      }
      .accordion-panel.panel-purple {
            width: 100% !important;
      }
      .area-information {
            width: 88%;
      }
      .area-information li {
            width: 32%;
            margin: 5px 0;
      }
      .area-information li h3 {
            font-size: 14px;
            margin: 3px 0 0 !important;
      }
      .area-information li img {
            width: 40% !important;
      }
      .student-dormitory-info {
            flex-wrap: wrap;
            flex-direction: column;
      }
      .student-dormitory dl {
            width: 100%;
            margin: 0 0 10px;
      }
      .student-dormitory-img {
            width: 100%;
      }
      .living-expenses {
            width: 88%;
            margin: 20px auto 20px;
            justify-content: center;
            flex-direction: row;
      }
      .living-expenses li {
            width: 49%;
      }
      .connect-img {
            margin-top: 20px;
      }
      .connect-img-box {
            width: 1000px !important;
      }
      .img-in-contents img {
            width: 35% !important;
            height: auto !important;
      }
      .img-in-contents .text {
            width: 60% !important;
      }
      /* pickup-cont */
      .pickup-inn {
            padding: 25px 35px;
            background: #F5F1DF;
      }
      .pickup-inn.flexbox {
            display: block;
      }
      .pickup-inn .text {
            flex: 1;
            margin-right: 0;
            margin-bottom: 15px;
            width: 100%;
      }
      .pickup-inn.flexbox.rev .text {
            margin-left: 0;
      }
      .pickup-inn h4 {
            color: #87509C;
      }
      .pickup-inn p {
            display: inline-block;
            margin: 10px 0 0 !important;
      }
      .pickup-inn-img.img240 {
            width: 100%;
      }
      .pickup-inn-img.img320 {
            width: 100%;
      }
      .pickup-inn-img.img420 {
            width: 100%;
      }
      .pickup-inn-img.img550 {
            width: 100%;
      }
}
@media screen and (max-width: 480px) {
      .line-listLinkbox {
            margin: 20px 0 0;
      }
      .line-listLinkbox ul li {
            width: 50%;
            padding: 0 1.6em 0 0.8em;
            min-height: 52px;
            display: flex;
            align-items: center;
      }
      .line-listLinkbox ul li a {
            width: 100%;
            display: block;
      }
      .line-listLinkbox ul li a:before {
            right: -12px;
      }
      .t_center_spleft {
            text-align: left !important;
      }
      .area-information {
            width: 100%;
            margin: 10px 0 0;
      }
      .area-information li {
            padding: 0 0 8px;
      }
      .area-information li h3 {
            font-size: 13px;
            margin: 5px 0 0 !important;
      }
      .area-information li img {
            width: 60% !important;
      }
      .student-dormitory {
            padding: 20px !important;
      }
      .student-dormitory h4 {
            margin: 0 !important;
      }
      .student-dormitory-img {
            flex-direction: column-reverse;
      }
      .student-dormitory-img01 {
            width: 100% !important;
      }
      .student-dormitory-img02 {
            width: 100% !important;
            margin: 0 0 15px;
      }
      .living-expenses {
            width: 88%;
            margin: 0 auto 20px;
            justify-content: center;
            flex-direction: column;
      }
      .living-expenses li {
            width: 100%;
            margin: 40px 0 0;
      }
      .living-expenses li img {
            width: 100% !important;
      }
      .img-in-contents {
            flex-direction: column-reverse;
            align-items: flex-start;
      }
      .img-in-contents img {
            width: 100% !important;
            height: auto !important;
      }
      .img-in-contents .text {
            width: 100% !important;
            margin-bottom: 15px;
      }
      .pickup-inn {
            padding: 25px 25px;
            background: #F5F1DF;
      }
}
@media screen and (max-width: 321px) {}
/*各カテゴリの足球即时比分,比分直播表示
---------------------------------------------------------------------------*/
.pickup-news-cont {
      max-width: 1200px;
      margin: auto;
     padding: 2em 0 4em 0;
      font-size: 1.2em;
}
.style-pnews .inner article > * {
      display: flex;
      gap: 0 1em;
      padding: 0.5em 0;
}
.style-pnews .inner article > * .date {
      width: 110px;
      margin: 0 0 0 !important;
}
.style-pnews .inner article > * h3 {
      width: calc(100% - (110px + 1em));
}
   .style-pnews .inner article > * h3 {
          font-weight: normal!important;
      }
@media screen and (max-width: 1300px) {
      .pickup-news-cont {
            max-width: 90%;
      }
}
@media screen and (max-width: 769px) {
	.pickup-news-cont{
	  font-size: 1.0em;
	}
      .style-pnews .inner article > * {
            display: block;
      }
      .style-pnews .inner article > * .date {
            width: auto;
      }
      .style-pnews .inner article > * h3 {
            width: auto;
      }
}