@charset "UTF-8";@import url(https://fonts.googleapis.com/css?family=Roboto:400,500,700);@import url(https://fonts.googleapis.com/css?family=Roboto:400,500,700);@media screen and (min-width: 778px) {
  * {
      margin:0;
      padding: 0
  }

  html {
      height: 100%;
      overflow-y: scroll
  }

  body {
      min-width: 1030px;
      position: relative;
      line-height: 1.7;
      text-align: center;
      color: #333;
      letter-spacing: 0;
      background: #fff;
      font-family: "ヒラギノ角ゴシック Pro","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"游ゴシック体","Yu Gothic",YuGothic,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
      margin: 0;
      padding: 0;
      -webkit-text-size-adjust: 100%
  }

  body.responsive {
      min-width: auto
  }

  br {
      letter-spacing: 0
  }

  img {
      border: 0 none
  }

  button,input,select,textarea {
      vertical-align: middle;
      color: #333
  }

  textarea {
      padding: 1px;
      color: #333
  }

  table,td,th {
      color: #333;
      padding: 0;
      border: none;
      border-collapse: separate
  }

  li,ol,ul {
      list-style: none
  }

  a {
      outline: 0
  }

  em {
      font-style: normal!important
  }

  body {
      font-size: 14px
  }

  * html body {
      font-size: 74%
  }

  body * {
      font-size: 100%
  }

  img {
      max-width: 100%;
      max-width: none;
      vertical-align: bottom
  }

  a,a * {
      cursor: pointer
  }

  a {
      text-decoration: underline;
      color: #333
  }

  a:active,a:hover {
      text-decoration: none;
      color: #0091d7
  }

  body {
      background-color: #fff;
      font-size: 14px;
      line-height: 1.7em;
      letter-spacing: 0;
      color: #333;
      font-family: "ヒラギノ角ゴシック Pro","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"游ゴシック体","Yu Gothic",YuGothic,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
      -webkit-text-size-adjust: 100%;
      -webkit-font-smoothing: antialiased;
      -moz-font-smoothing: antialiased;
      -ms-font-smoothing: antialiased;
      -o-font-smoothing: antialiased;
      font-smoothing: antialiased;
      position: relative;
      word-break: break-all;
      max-width: 100%;
      overflow-x: hidden
  }

  a {
      cursor: pointer;
      color: #333;
      transition: .2s ease-in-out;
      text-decoration: underline
  }

  a:hover {
      text-decoration: none;
      color: #0091d7
  }

  a img {
      transition: .2s ease-in-out
  }

  a:hover img {
      opacity: .6
  }

  figure figcaption {
      font-size: 12px;
      margin-top: 8px;
      line-height: 1.42
  }

  img {
      vertical-align: middle;
      border: 0;
      max-width: 100%;
      height: auto
  }

  button:focus,input:focus,textarea:focus {
      outline: 0
  }

  #wrapper {
      text-align: left
  }

  #contents {
      width: 1030px;
      zoom:1;overflow: hidden;
      margin: 0 auto;
      position: relative;
      min-height: 100%;
      text-align: left;
      padding: 15px 0 70px
  }

  * html body #container {
      height: 99.9%
  }

  #contents:after {
      display: block;
      height: 0;
      clear: both;
      visibility: hidden
  }

  #contents {
      display: inline-table;
      min-height: 1%
  }

  html #contents {
      height: 1%
  }

  #contents {
      display: block
  }

  .search_head {
      height: auto;
      margin-bottom: 10px
  }

  .search_head .abroad_univ {
      float: left;
      margin-left: 10px;
      padding-bottom: 10px
  }

  .search_head .abroad_univ:hover {
      -ms-filter: "alpha(opacity=60)";
      -moz-opacity: .6;
      -khtml-opacity: .6;
      opacity: .6
  }

  .search_head_clear {
      clear: both
  }

  .mb0 {
      margin-bottom: 0!important
  }

  .pt0 {
      padding-top: 0!important
  }

  .pt5 {
      padding-top: 5px!important
  }

  .pb0 {
      padding-bottom: 0!important
  }

  .pl10 {
      padding-left: 10px!important
  }

  .pr10 {
      padding-right: 10px!important
  }

  .taR {
      text-align: right!important
  }

  .taC {
      text-align: center!important
  }

  .clearfix:after {
      content: "";
      clear: both;
      display: block;
      height: 0
  }

  .hideTxt {
      overflow: hidden;
      text-indent: 100%;
      white-space: nowrap
  }

  .fcAtt {
      color: #e2551e!important
  }

  .hideWide {
      display: none
  }

  h3.hTxt {
      padding: 3px 0 3px 16px;
      font-size: 18px;
      color: #293b60;
      line-height: 1.4;
      position: relative;
      margin-bottom: 28px
  }

  h3.hTxt:before {
      content: "";
      display: block;
      width: 6px;
      height: 30px;
      background: #293b60;
      border-radius: 3px;
      position: absolute;
      top: 0;
      left: 0
  }

  h3.hTxt a {
      font-weight: 700;
      color: #293b60
  }

  h3.hImg {
      margin-bottom: 28px
  }

  h3.hImg span {
      display: block;
      zoom:1;white-space: nowrap;
      text-indent: 100%;
      overflow: hidden
  }

  input,textarea {
      font-size: 14px
  }

  section {
      float: none;
      clear: both;
      padding: 0 0 15px
  }

  .slick-slider {
      position: relative;
      display: block;
      box-sizing: border-box;
      -webkit-touch-callout: none;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      touch-action: pan-y;
      -webkit-tap-highlight-color: transparent
  }

  .slick-list {
      position: relative;
      overflow: hidden;
      display: block;
      margin: 0;
      padding: 0
  }

  .slick-list:focus {
      outline: 0
  }

  .slick-list.dragging {
      cursor: pointer;
      cursor: hand
  }

  .slick-slider .slick-list,.slick-slider .slick-track {
      transform: translate3d(0,0,0)
  }

  .slick-track {
      position: relative;
      left: 0;
      top: 0;
      display: block;
      margin-left: auto;
      margin-right: auto
  }

  .slick-track:after,.slick-track:before {
      content: "";
      display: table
  }

  .slick-track:after {
      clear: both
  }

  .slick-loading .slick-track {
      visibility: hidden
  }

  .slick-slide {
      float: left;
      height: 100%;
      min-height: 1px;
      display: none
  }

  [dir=rtl] .slick-slide {
      float: right
  }

  .slick-slide img {
      display: block
  }

  .slick-slide.slick-loading img {
      display: none
  }

  .slick-slide.dragging img {
      pointer-events: none
  }

  .slick-initialized .slick-slide {
      display: block
  }

  .slick-loading .slick-slide {
      visibility: hidden
  }

  .slick-vertical .slick-slide {
      display: block;
      height: auto;
      border: 1px solid transparent
  }

  .slick-arrow.slick-hidden {
      display: none
  }

  body {
      overflow-x: visible
  }

  .blueBtn {
      background: url(https://manabi-contents.benesse.ne.jp/noauth/resources/img/ico-arrow_white_001.png?20220425) right 12px center no-repeat #293b60;
      background-size: 9px auto;
      text-align: center;
      color: #fff;
      font-weight: 700;
      display: block;
      border: none;
      box-shadow: none;
      border-radius: 3px;
      cursor: pointer;
      text-decoration: none
  }

  .blueBtn:hover {
      color: #fff;
      opacity: .7
  }

  .midashiA {
      color: #293b60
  }

  .midashiA:before {
      content: "";
      display: block;
      background: #293b60;
      width: 100%;
      height: 4px;
      border-radius: 4px 4px 0 0
  }

  #content {
      width: auto;
      padding: 0;
      background: #f1f1f1
  }

  #content .notice p {
      margin: 0 auto
  }

  #content .notice p a {
      text-decoration: none;
      padding-left: 16px;
      display: inline-block;
      background: url(https://manabi-contents.benesse.ne.jp/noauth/_sharedZ_New/img/ico-arrow_blue_001.png) left center no-repeat;
      background-size: 7px auto
  }

  #content .notice p a:hover {
      color: #333;
      text-decoration: underline
  }

  #content .slide .item {
      display: none
  }

  #content .searchBox .lookingFor h3 {
      line-height: 1;
      text-align: center;
      background: url(https://manabi-contents.benesse.ne.jp/noauth/resources/img/bgi-lookingFor_001.jpg?20220425) left top
  }

  #content .searchBox .lookingFor h3 span {
      display: inline-block;
      color: #fff;
      background: url(https://manabi-contents.benesse.ne.jp/noauth/resources/img/ico-lookingFor_001.png?20220425) left center no-repeat
  }

  #content .searchBox .lookingFor ul {
      background: #fff;
      border: 1px solid #ddd;
      border-top: none;
      letter-spacing: -.4em;
      line-height: 1
  }

  #content .searchBox .lookingFor ul li {
      display: inline-block;
      letter-spacing: 0
  }

  #content .searchBox .lookingFor ul li a {
      display: table;
      text-decoration: none;
      background-color: #eee!important;
      border-radius: 3px;
      box-shadow: inset 0 -2px 0 0 rgba(0,0,0,.2);
      position: relative
  }

  #content .searchBox .lookingFor ul li a span {
      display: table-cell;
      vertical-align: middle;
      text-align: center;
      line-height: 1.2;
      font-weight: 700
  }

  #content .searchBox .lookingFor ul li .recommend:after {
      content: "オススメ";
      position: absolute;
      color: #fff;
      line-height: 1;
      background: #e2551e;
      top: 0;
      left: 0;
      font-weight: 700;
      border-radius: 3px 0 3px 0
  }

  #content .searchBox .bnrBox.bottom li {
      text-align: center
  }

  body header {
      margin-bottom: 0
  }

  #content.patternB {
      padding-bottom: 0
  }

  #content.patternB .tagCont.manabiHomeTaglist dd,#content.patternB .tagCont.manabiHomeTaglist dt {
      float: left
  }

  #content.patternB .tagCont.manabiHomeTaglist dt {
      clear: left;
      background: url(https://manabi-contents.benesse.ne.jp/noauth/resources/img/ico-tag_002.png?20220425) left center no-repeat;
      box-sizing: border-box;
      font-weight: 700;
      color: #888
  }

  #content.patternB .tagCont.manabiHomeTaglist dt a {
      text-decoration: none;
      color: #888
  }

  #content.patternB .tagCont.manabiHomeTaglist dd ul {
      letter-spacing: -.4em
  }

  #content.patternB .tagCont.manabiHomeTaglist dd ul li {
      letter-spacing: 0;
      display: inline-block
  }

  #content.patternB .tagCont.manabiHomeTaglist dd ul li:last-child {
      margin-right: 0
  }

  #content.patternB .tagCont.manabiHomeTaglist dd ul li a {
      text-decoration: none;
      color: #888
  }

  #content.patternB .sideSnsBox .innerBox ul {
      letter-spacing: -.4em
  }

  #content.patternB .sideSnsBox .innerBox ul li {
      letter-spacing: 0;
      display: inline-block
  }

  #content.patternB .sideSnsBox .innerBox ul li:last-child {
      margin-right: 0
  }

  #content.patternB .bottomContBox {
      background: #fff
  }

  .blueBtn {
      height: 50px;
      line-height: 50px;
      font-size: 20px;
      width: 317px
  }

  #content {
      padding-bottom: 100px;
      max-width: 100%;
      overflow: hidden
  }

  #content .notice p {
      width: 1030px;
      padding: 10px 0;
      font-size: 15px
  }

  #content .searchBox {
      width: 1030px;
      margin: 0 auto;
      padding: 0 0 60px
  }

  #content .searchBox .sideBox {
      width: 300px;
      float: right
  }

  #content .searchBox .sideBox .bx-wrapper {
      margin-bottom: 20px
  }

  #content .searchBox .sideBox .bx-wrapper .bx-controls {
      display: none
  }

  #content .searchBox .sideBox .inputBox h3 span {
      font-size: 18px;
      background-size: 24px 24px;
      padding: 20px 0 17px 30px
  }

  #content .searchBox .sideBox .inputBox .tab .tabMenu {
      padding: 8px 9px 0
  }

  #content .searchBox .sideBox .inputBox .tab .tabMenu li {
      font-size: 15px;
      padding: 14px 0;
      width: calc(50% - 2px)
  }

  #content .searchBox .sideBox .inputBox .tab .tabCont>div {
      padding: 24px 16px 30px
  }

  #content .searchBox .sideBox .inputBox .tab .tabCont>div input {
      display: block;
      height: 48px;
      line-height: 48px;
      width: calc(100% - 32px);
      padding: 0 15px;
      font-size: 16px;
      margin-bottom: 10px;
      border-radius: 3px
  }

  #content .searchBox .sideBox .inputBox .tab .tabCont>div button {
      width: 100%;
      font-size: 16px;
      height: 42px;
      line-height: 42px
  }

  #content .searchBox .bnrBox.bottom {
      margin-top: 60px
  }

  #content .rightNow ul {
      width: 1030px;
      margin: 0 auto -26px;
      letter-spacing: -.4em;
      line-height: 1
  }

  #content .rightNow ul li {
      letter-spacing: 0;
      display: inline-block;
      width: 326px;
      margin: 0 26px 26px 0
  }

  #content .rightNow ul li a {
      min-height: 130px
  }

  #content .rightNow ul li a figure {
      width: 130px;
      text-align: center;
      vertical-align: middle
  }

  #content .rightNow ul li:nth-child(3n) {
      margin-right: 0
  }

  #content .rightNow .blueBtn {
      margin: 40px auto 0
  }

  #content .schoolNews {
      padding-bottom: 88px;
      width: 1030px;
      margin: 0 auto
  }

  #content .schoolNews .tab {
      background: #fff;
      border: 1px solid #ddd;
      margin-bottom: 60px
  }

  #content .schoolNews .tab .tabMenu {
      display: flex;
      justify-content: center;
      padding: 22px 0 0;
      line-height: 1
  }

  #content .schoolNews .tab .tabMenu li {
      width: 148px
  }

  #content .schoolNews .tab .tabMenu li span {
      height: 51px;
      line-height: 51px;
      font-size: 20px;
      padding-top: 3px
  }

  #content .schoolNews .tab .tabMenu .on {
      background: #fff;
      border-top: 1px solid #fff;
      border-bottom: 1px solid #fff
  }

  #content .schoolNews .tab .tabCont .areaTab {
      display: table;
      table-layout: fixed;
      width: 100%;
      border-radius: 3px;
      overflow: hidden
  }

  #content .schoolNews .tab .tabCont .areaTab .areaTabMenu {
      display: table-cell;
      width: 220px;
      vertical-align: top;
      border-right: 1px solid #ddd;
      background: #f8f8f8
  }

  #content .schoolNews .tab .tabCont .areaTab .areaTabMenu li {
      border-bottom: 1px solid #ddd;
      line-height: 1;
      padding: 10px 20px;
      font-weight: 700;
      cursor: pointer;
      font-size: .875rem
  }

  #content .schoolNews .tab .tabCont .areaTab .areaTabMenu li:last-child {
      border-bottom: none
  }

  #content .schoolNews .tab .tabCont .areaTab .areaTabMenu li:hover {
      color: #0091d7
  }

  #content .schoolNews .tab .tabCont .areaTab .areaTabMenu .on {
      background: #0794d8;
      color: #fff!important
  }

  #content .schoolNews .tab .tabCont .areaTab .areaTabCont>div {
      display: none
  }

  #content .schoolNews .tab .tabCont .areaTab .areaTabCont>div dl {
      padding: 0 25px;
      min-height: 243px
  }

  #content .schoolNews .tab .tabCont .areaTab .areaTabCont>div dl dt {
      float: left;
      clear: left;
      width: 130px;
      height: 60px;
      line-height: 60px;
      font-size: 13px;
      font-weight: 700;
      border-top: 1px solid #ddd;
      padding-left: 10px
  }

  #content .schoolNews .tab .tabCont .areaTab .areaTabCont>div dl dd {
      float: left;
      width: 100%;
      padding: 0 25px;
      box-sizing: border-box;
      height: 44px;
      line-height: 42px;
      font-size: .875rem;
      border-top: 1px solid #ddd;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
      position: relative
  }

  #content .schoolNews .tab .tabCont .areaTab .areaTabCont>div dl dd::before {
      content: "";
      position: absolute;
      right: 15px;
      top: 0;
      bottom: 0;
      margin: auto;
      width: 8px;
      height: 8px;
      box-sizing: border-box;
      border-top: 2px solid #0091d7;
      border-right: 2px solid #0091d7;
      transform: rotate(45deg)
  }

  #content .schoolNews .tab .tabCont .areaTab .areaTabCont>div dl dd a {
      display: block;
      text-decoration: none;
      width: 100%;
      box-sizing: border-box;
      position: relative;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap
  }

  #content .schoolNews .tab .tabCont .areaTab .areaTabCont>div dl dd:nth-child(1),#content .schoolNews .tab .tabCont .areaTab .areaTabCont>div dl dt:first-child {
      border-top: none
  }

  #content .schoolNews .tab .tabCont .areaTab .areaTabCont>div .moreBtn {
      border-top: 1px solid #ddd;
      padding: 18px 30px;
      text-align: right
  }

  #content .schoolNews .tab .tabCont .areaTab .areaTabCont>div.on {
      display: block
  }

  #content .schoolNews .btnList li {
      float: left;
      width: 326px;
      margin-right: 26px;
      box-sizing: border-box
  }

  #content .schoolNews .btnList li:last-child {
      margin-right: 0
  }

  #content .schoolNews .btnList li a {
      padding: 20px 0 20px 100px
  }

  #content .schoolNews .btnList li a dl dt {
      font-size: 13px;
      margin-bottom: 9px
  }

  #content .schoolNews .btnList li a dl dd {
      font-size: 18px
  }

  #content .schoolNews .btnList li:last-child {
      margin-bottom: 0
  }

  #content .schoolNews .btnList li:hover {
      opacity: .7
  }

  #content .schoolNews .btnList .ambivalence a {
      padding: 17px 0 17px 97px;
      background: url(https://manabi-contents.benesse.ne.jp/noauth/resources/img/ico-btnList_001.png?20220425) 25px center no-repeat,url(https://manabi-contents.benesse.ne.jp/noauth/_sharedZ_New/img/ico-arrow_blue_001.png) right 17px center no-repeat;
      background-size: auto auto,7px auto
  }

  #content .schoolNews .btnList .twitter a {
      background: url(https://manabi-contents.benesse.ne.jp/noauth/resources/img/ico-btnList_002.png?20220425) 20px center no-repeat,url(https://manabi-contents.benesse.ne.jp/noauth/_sharedZ_New/img/ico-arrow_white_001.png) right 17px center no-repeat;
      background-size: auto auto,7px auto
  }

  #content .schoolNews .btnList .line a {
      background: url(https://manabi-contents.benesse.ne.jp/noauth/resources/img/ico-btnList_003.png?20220425) 20px center no-repeat,url(https://manabi-contents.benesse.ne.jp/noauth/_sharedZ_New/img/ico-arrow_white_001.png) right 17px center no-repeat;
      background-size: auto auto,7px auto
  }

  #content .schoolNews .onePoint {
      width: 676px;
      height: 258px;
      float: right;
      display: table;
      border: 1px solid #ddd;
      table-layout: fixed
  }

  #content .schoolNews .onePoint .ttl {
      display: table-cell;
      vertical-align: middle;
      width: 276px;
      border-right: 1px solid #ddd
  }

  #content .schoolNews .onePoint .ttl h4 {
      margin-bottom: 20px
  }

  #content .schoolNews .onePoint .txt {
      display: table-cell;
      vertical-align: middle;
      padding: 0 20px
  }

  #content .schoolNews .onePoint .txt .phrase {
      background: #f7f7f7;
      padding: 5px 20px 0;
      font-size: 13px
  }

  #content .schoolNews .onePoint .txt .phrase h5 {
      height: 30px;
      line-height: 30px;
      padding: 0 10px;
      top: -25px;
      left: -10px
  }

  #content .schoolNews .onePoint .txt .phrase p {
      padding: 13px 0
  }

  #content .schoolNews .onePoint .txt .share {
      margin-top: 3px
  }

  #content .schoolNews .onePoint .txt .share li a {
      height: 32px;
      line-height: 32px;
      font-size: 11px
  }

  #content .function {
      padding: 60px 0
  }

  #content .function dl dd .txt {
      margin-bottom: 15px
  }

  #content .function dl dd .link {
      margin-bottom: 15px
  }

  #content .function dl dd .orangeBtn {
      width: 170px;
      height: 36px;
      line-height: 36px;
      font-size: 16px;
      border-radius: 3px;
      padding-right: 10px;
      position: absolute;
      left: 50%;
      bottom: 26px;
      margin-left: -85px
  }

  #content .function dl dd input[type=password],#content .function dl dd input[type=text] {
      height: 34px;
      line-height: 34px;
      font-size: 14px;
      padding: 0 15px
  }

  #content .function .boxIn {
      width: 1030px;
      margin: 0 auto
  }

  #content .function .boxIn .box {
      width: 326px;
      height: 300px;
      float: left;
      margin-right: 26px
  }

  #content .function .boxIn .box dt {
      height: 103px;
      border-bottom: 1px solid #ddd
  }

  #content .function .boxIn .box dd {
      padding: 15px 20px;
      height: 166px
  }

  #content .function .boxIn .box:last-child {
      margin-right: 0
  }

  #content .function .boxIn .parent dt {
      background: url(https://manabi-contents.benesse.ne.jp/noauth/resources/img/ttl-function_001.jpg?20220425) center center no-repeat
  }

  #content .function .boxIn .performance dt {
      background: url(https://manabi-contents.benesse.ne.jp/noauth/resources/img/ttl-function_002.jpg?20220425) 35px center no-repeat;
      background-size: 233px 48px
  }

  #content .function .boxIn .performance dd .accessKey {
      text-align: center;
      font-size: 13px;
      margin-top: -7px
  }

  #content .function .boxIn .performance dd input {
      width: 40px;
      height: 28px;
      line-height: 28px;
      padding: 0 5px;
      text-align: center
  }

  #content .function .boxIn .support dt {
      background: url(https://manabi-contents.benesse.ne.jp/noauth/resources/img/ttl-function_003.jpg?20220425) center center no-repeat
  }

  #content .bnrList {
      width: 940px;
      margin: 0 auto;
      padding: 60px 0 0;
      letter-spacing: -.4em
  }

  #content .bnrList li {
      display: inline-block;
      letter-spacing: 0;
      margin: 0 20px 20px 0;
      width: 300px
  }

  #content .bnrList li img {
      width: 300px;
      height: auto
  }

  #content .bnrList li:nth-child(3n) {
      margin-right: 0
  }

  #content .infoBox {
      width: 705px;
      margin: 50px auto 0;
      border: 1px solid #293b60;
      background: #fff;
      padding: 15px 20px
  }

  #content .infoBox li {
      line-height: 1.4;
      margin-bottom: 5px
  }

  #content .infoBox li a {
      padding-left: 15px;
      background: url(https://manabi-contents.benesse.ne.jp/noauth/_sharedZ_New/img/ico-arrow_blue_001.png) left 4px no-repeat;
      background-size: 7px auto;
      display: inline-block;
      text-decoration: none
  }

  #content .infoBox li a:hover {
      text-decoration: underline
  }

  #content .infoBox li:last-child {
      margin-bottom: 0
  }

  .manabiuniv_frame.DMPbannerImg img {
      padding-top: 30px
  }

  .manabiuniv_frame.DMPbannerImglast img {
      padding: 30px 0
  }

  .topAdBnrArea {
      margin: -20px 0 40px
  }

  #content .recommendArticle .articleBox .item .univName2 {
      position: absolute;
      left: 718px;
      top: 424px;
      line-height: 33px;
      display: block;
      height: 33px;
      padding: 0 16px;
      color: #fff;
      font-size: 14px;
      font-weight: 700;
      background: rgba(0,81,120,.5);
      width: 30.7%;
      box-sizing: border-box
  }

  .manabiuniv_frame ul li {
      margin-bottom: 15px!important
  }

  .dmp_pb {
      padding-bottom: 30px!important
  }

  .dmp_mt {
      margin-top: 30px!important
  }

  .dmp_pt {
      padding-top: 30px!important
  }

  #content.patternB .searchTagBox .searchCont .inputWrap {
      box-sizing: border-box;
      display: inline-block;
      background-size: 13px 13px
  }

  #content.patternB .searchTagBox .searchCont .inputWrap input {
      height: 38px;
      font-size: 12px
  }

  #content.patternB .tagCont.manabiHomeTaglist {
      width: 1030px;
      margin: 10px auto;
      display: block;
      padding-left: 20px
  }

  #content.patternB .tagCont.manabiHomeTaglist dd,#content.patternB .tagCont.manabiHomeTaglist dt {
      font-size: 12px
  }

  #content.patternB .tagCont.manabiHomeTaglist dt {
      width: 95px;
      background-size: 17px 17px;
      padding-left: 24px
  }

  #content.patternB .tagCont.manabiHomeTaglist dd ul li {
      margin-right: 12px
  }

  #content.patternB .sideSnsBox h3 {
      text-align: center;
      background: #425478;
      color: #fff;
      font-size: 18px
  }

  #content.patternB .sideSnsBox h3 span {
      font-weight: 700;
      display: inline-block;
      padding-left: 25px;
      background: url(https://manabi-contents.benesse.ne.jp/noauth/resources/img/ico-sns_ttl_001.png?20220425) left center no-repeat;
      height: 60px;
      line-height: 60px
  }

  #content.patternB .sideSnsBox .innerBox {
      background: #fff;
      border: 1px solid #ddd;
      border-top: none;
      padding: 26px 0 23px
  }

  #content.patternB .sideSnsBox .innerBox p {
      padding-bottom: 0!important;
      font-weight: 700;
      text-align: center;
      color: #293b60;
      line-height: 1;
      margin-bottom: 22px
  }

  #content.patternB .sideSnsBox .innerBox ul {
      text-align: center
  }

  #content.patternB .sideSnsBox .innerBox ul li {
      width: 56px;
      margin-right: 24px
  }

  #content.patternB .featureArea {
      padding: 60px 0 40px
  }

  #content.patternB .featureArea ul {
      width: 1030px;
      margin: 0 auto 30px
  }

  #content.patternB .featureArea ul li a {
      padding: 16px 0
  }

  #content.patternB .featureArea ul li a .picArea {
      width: 240px
  }

  #content.patternB .featureArea ul li a .picArea figure {
      height: 142px
  }

  #content.patternB .featureArea ul li a .txtArea {
      padding-left: 20px
  }

  #content.patternB .featureArea ul li a .txtArea .ttl {
      font-size: 18px;
      margin-bottom: 5px
  }

  #content.patternB .featureArea ul li a .txtArea .univ {
      font-size: 16px;
      margin-bottom: 10px
  }

  #content.patternB .featureArea ul li a .txtArea .day {
      font-size: 14px
  }

  #content.patternB .featureArea ul li a.pr .day:before {
      font-size: 12px;
      padding: 0 10px;
      margin-right: 10px
  }

  #content.patternB .featureArea .blueBtn {
      width: 400px
  }

  #content.patternB .middleNewsArea dl {
      width: 1030px;
      padding: 15px 0;
      line-height: 1.1
  }

  #content.patternB .middleNewsArea dl dt {
      width: 60px
  }

  #content.patternB .middleNewsArea dl dd {
      float: left
  }

  #content.patternB .middleNewsArea dl dd a {
      background: url(https://manabi-contents.benesse.ne.jp/noauth/_sharedZ_New/img/ico-arrow_blue_001.png) right center no-repeat;
      background-size: 7px 11px;
      padding-right: 15px
  }

  #content.patternB .lookingFor {
      border-top: 6px solid #425478
  }

  #content.patternB .schoolNews .tab {
      width: 1030px
  }

  #content.patternB .function p {
      width: 326px;
      margin-right: 26px
  }

  #content.patternB .function p a {
      height: 104px
  }

  #content.patternB .function .lab a {
      background: url(https://manabi-contents.benesse.ne.jp/noauth/resources/img/banner_PC_261_72.jpg?20220425) center center no-repeat
  }

  #content.patternB .function .performance a {
      background: url(https://manabi-contents.benesse.ne.jp/noauth/resources/img/ttl-function_002.jpg?20220425) center center no-repeat;
      background-size: 233px 48px
  }

  #content.patternB .function .support a {
      background: url(https://manabi-contents.benesse.ne.jp/noauth/resources/img/ttl-function_003.jpg?20220425) center center no-repeat
  }

  #content.patternB .bottomContBox {
      padding-bottom: 60px
  }

  #content.patternB #RecommendBanner {
      padding-top: 60px
  }

  .adsenseWrap {
      position: fixed;
      bottom: 0;
      width: 100%;
      z-index: 100
  }

  .adsense {
      bottom: 0;
      width: 100%;
      background: rgba(0,0,0,.5);
      opacity: 0;
      transition: .2s;
      z-index: 100
  }

  .adsense.show {
      opacity: 1
  }

  .adsense .inner {
      text-align: center
  }

  .adsense .closeAdBnr {
      position: absolute;
      top: 50%;
      right: 5px;
      margin-top: -10px
  }

  .adsense .closeAdBnr img {
      vertical-align: top
  }

  .adsense .banner {
      z-index: 5;
      text-align: center;
      padding: 5px 30px;
      display: none
  }

  .adsense.show .banner {
      display: block
  }

  .randomDigimoWrap {
      z-index: 5;
      display: none;
      line-height: 0;
      position: absolute;
      bottom: 100%
  }

  .limitedAdsenseWrap {
      position: fixed;
      bottom: 0;
      width: 100%;
      z-index: 100
  }

  #pageTop {
      background: 0 0!important
  }

  .tagBox {
      display: table;
      table-layout: fixed;
      width: 100%;
      margin-bottom: 20px
  }

  .tagBox dt {
      background: #293b60;
      color: #fff;
      width: 170px;
      text-align: center;
      display: table-cell;
      vertical-align: middle
  }

  .tagBox dt span {
      display: inline-block;
      font-weight: 700;
      font-size: 16px;
      font-weight: 700;
      padding-left: 30px;
      background: url(https://manabi-contents.benesse.ne.jp/noauth/resources/img/ico-tag_ttl_001.png?20220425) left center no-repeat;
      background-size: 18px 18px
  }

  .tagBox dd {
      display: table-cell;
      vertical-align: middle;
      background: #fff;
      border: 1px solid #ddd;
      padding: 15px 20px 5px
  }

  .tagBox dd ul {
      letter-spacing: -.4em
  }

  .tagBox dd ul li {
      display: inline-block;
      letter-spacing: 0;
      margin: 0 10px 10px 11px;
      position: relative
  }

  .tagBox dd ul li a {
      display: block;
      background: #f1f1f1;
      min-width: 80px;
      text-align: center;
      box-sizing: border-box;
      padding: 0 20px;
      height: 31px;
      line-height: 31px;
      font-weight: 700;
      text-decoration: none;
      font-size: 13px;
      color: #0792d7;
      box-shadow: 0 1px 0 0 #ddd
  }

  .tagBox dd ul li:before {
      display: block;
      content: "";
      background: url(https://manabi-contents.benesse.ne.jp/noauth/resources/img/ico-tag_001.png?20220425) left center no-repeat;
      background-size: contain;
      width: 17px;
      height: 32px;
      position: absolute;
      left: -11px;
      top: 0
  }

  .tagBox dd ul li:hover {
      opacity: .7
  }

  .hashTag li {
      display: inline-block;
      padding-right: 3px;
      font-size: 11px
  }

  .hashTag a {
      text-decoration: none;
      position: relative;
      z-index: 1
  }

  .hashTag a:hover {
      opacity: .7
  }

  .hashTag [data-tagColor=univ] {
      color: #52a4d6;
      border-color: #52a4d6
  }

  .hashTag [data-tagColor=vocat] {
      color: #f1b90e;
      border-color: #f1b90e
  }

  .hashTag [data-tagColor=job] {
      color: #ff755f;
      border-color: #ff755f
  }

  .hashTag [data-tagColor=learn] {
      color: #21c3b2;
      border-color: #21c3b2
  }

  .hashTag [data-tagColor=exam] {
      color: #ca70da;
      border-color: #ca70da
  }

  .hashTag [data-tagColor=other] {
      color: #fa8a20;
      border-color: #fa8a20
  }

  .articleItemWrapper {
      margin-top: 25px
  }

  .articleItemTtl {
      font-size: 32px;
      font-weight: 700;
      color: #364668;
      text-align: center;
      line-height: 1.2
  }

  .articleItemTtl span {
      font-size: 18px;
      font-weight: 400;
      display: block
  }

  .articleItem {
      display: flex;
      flex-wrap: wrap;
      justify-content: center
  }

  .articleItem>li {
      width: 331px;
      border: 0;
      padding-bottom: 90px;
      background-color: #fff;
      border: solid 1px #d3d3d3;
      position: relative
  }

  .articleItem>li:before {
      content: "";
      display: block;
      width: 100%;
      height: 4px;
      position: absolute;
      top: -1px;
      left: 0;
      z-index: 1
  }

  .articleItem>li[data-CategoryColor=univ]:before {
      background-color: #52a4d6
  }

  .articleItem>li[data-CategoryColor=vocat]:before {
      background-color: #f1b90e
  }

  .articleItem>li[data-CategoryColor=job]:before {
      background-color: #ff755f
  }

  .articleItem>li[data-CategoryColor=learn]:before {
      background-color: #21c3b2
  }

  .articleItem>li[data-CategoryColor=exam]:before {
      background-color: #ca70da
  }

  .articleItem>li[data-CategoryColor=other]:before {
      background-color: #fa8a20
  }

  .articleItem>li:nth-child(1),.articleItem>li:nth-child(2),.articleItem>li:nth-child(4),.articleItem>li:nth-child(6) {
      margin-right: 16px
  }

  .articleItem>li:nth-child(n-3) {
      margin-top: 16px
  }

  .articleItem a {
      display: block;
      height: 100%;
      text-decoration: none
  }

  .articleItemImg {
      height: 219px;
      overflow: hidden;
      position: relative
  }

  .articleItemImg img {
      display: block;
      height: 100%;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%,-50%);
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden
  }

  .articleItemTxt {
      padding: 13px 20px 0;
      font-size: 18px;
      font-weight: 700;
      line-height: 1.5;
      position: relative
  }

  .articleItemTxt .univName {
      position: absolute;
      left: 0;
      top: -33px;
      line-height: 33px;
      display: block;
      height: 33px;
      padding: 0 16px;
      color: #fff;
      font-size: 14px;
      font-weight: 700;
      background: rgba(0,81,120,.5);
      width: 100%;
      box-sizing: border-box
  }

  .articleListLinkWrapper {
      width: 100%;
      padding: 20px 0;
      position: absolute;
      bottom: 0
  }

  .articleListLink {
      width: 290px;
      line-height: 48px;
      margin: 0 auto;
      font-size: 16px;
      font-weight: 700;
      color: #364668;
      text-align: center;
      position: relative;
      background-color: #eaf3f5
  }

  .articleListLink span {
      position: relative
  }

  .articleListLink span:after {
      content: "";
      display: inline-block;
      width: 8px;
      height: 13px;
      padding-left: 10px;
      background-image: url(https://manabi-contents.benesse.ne.jp/noauth/resources/img/icon-arrowRight_sp.png?20220425);
      background-size: 8px auto;
      background-repeat: no-repeat;
      background-position: center;
      margin: auto
  }

  .contentsTtl {
      display: flex;
      align-items: center;
      font-size: 2rem;
      font-weight: 700;
      color: #fff;
      text-align: center;
      justify-content: center
  }

  .contentsTtl:before {
      content: "";
      display: inline-block;
      width: 49px;
      height: 49px;
      margin-right: 15px;
      border-radius: 50%;
      border: solid 1px #fff;
      background-repeat: no-repeat;
      background-position: center
  }

  .tagListWrapper {
      margin-top: 30px;
      padding: 20px;
      position: relative
  }

  .tagListTtl {
      font-size: 18px;
      font-weight: 700;
      text-align: center;
      color: #364668
  }

  .tagList {
      margin-top: 15px
  }

  .tagList li {
      display: inline-block;
      margin-bottom: 6px
  }

  .tagList a {
      display: inline-block;
      text-decoration: none
  }

  .hide {
      display: none!important
  }

  .pcNone {
      display: none!important
  }

  .pageWrapper {
      position: relative
  }

  .inner {
      position: relative;
      width: 1030px;
      margin: 0 auto
  }

  .inner:after {
      content: "";
      display: block;
      clear: both
  }

  .innerSp {
      position: relative
  }

  .innerSp:after {
      content: "";
      display: block;
      clear: both
  }

  #content * {
      box-sizing: border-box
  }

  #content .keyVisual {
      margin-bottom: 10px
  }

  #content .keyVisualSlider {
      position: relative;
      display: none
  }

  #content .keyVisualSlider .slick-arrow {
      width: 36px;
      height: 67px;
      background-color: rgba(0,0,0,.6);
      position: absolute;
      top: 0;
      bottom: 0;
      margin: auto;
      font-size: 0;
      border: 0;
      cursor: pointer;
      background-position: center;
      background-repeat: no-repeat;
      z-index: 1
  }

  #content .keyVisualSlider .slick-next {
      border-radius: 0 5px 5px 0;
      background-image: url(https://manabi-contents.benesse.ne.jp/noauth/resources/img/ico-next_001.png?20220425);
      right: calc(20vw - 39.5px)
  }

  #content .keyVisualSlider .slick-prev {
      border-radius: 5px 0 0 5px;
      background-image: url(https://manabi-contents.benesse.ne.jp/noauth/resources/img/ico-prev_001.png?20220425);
      left: calc(20vw - 39.5px)
  }

  #content .keyVisualSlider .slick-dots {
      margin-top: 0;
      text-align: center
  }

  #content .keyVisualSlider .slick-dots li {
      display: inline-block;
      margin-right: 20px;
      position: relative
  }

  #content .keyVisualSlider .slick-dots li:last-child {
      margin-right: 0
  }

  #content .keyVisualSlider .slick-dots li button {
      display: block;
      width: 10px;
      height: 10px;
      border-radius: 50%;
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      border: 0;
      padding: 0;
      font-size: 0;
      background-color: #a9c1ca;
      outline: 0;
      cursor: pointer;
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      margin: auto
  }

  #content .keyVisualSlider .slick-dots li.slick-active button {
      background-color: #0380c8
  }

  #content .keyVisualSlider.slick-initialized {
      display: block!important
  }

  #content .keyVisualSliderItem {
      margin: 0 10px;
      position: relative
  }

  #content .keyVisualSliderItem:before {
      content: "";
      display: block;
      width: 100%;
      height: 4px;
      position: absolute;
      top: -1px;
      left: 0;
      z-index: 1
  }

  #content .keyVisualSliderItem a {
      text-decoration: none
  }

  #content .keyVisualSliderItem .hashTag {
      margin-top: 5px;
      padding: 0 30px
  }

  #content .keyVisualSliderImg {
      width: 100%;
      height: 29.6vw;
      overflow: hidden;
      position: relative
  }

  #content .keyVisualSliderImg img {
      display: block;
      width: auto;
      max-width: initial;
      height: 100%;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%,-50%)
  }

  #content .keyVisualSliderTxt {
      margin-top: 13px;
      padding: 0 30px;
      font-weight: 700;
      font-size: 20px;
      line-height: 1.5
  }

  #content .recommend {
      background-color: #fff;
      padding: 24px 0 60px
  }

  #content .recommend .inner {
      display: flex;
      justify-content: space-between
  }

  #content .recommendMain {
      width: 690px
  }

  #content .recommendSub {
      width: 300px
  }

  #content .dmpFrameWhite {
      background-color: #fff;
      padding: 15px 0!important
  }

  #content .noticeWrapper {
      padding: 15px 20px;
      background-color: #fff3f3;
      margin-bottom: 20px
  }

  #content .infoWrapper {
      padding: 15px 20px;
      background-color: #fff;
      border: thin solid grey;
      margin-bottom: 20px
  }

  #content .noticeTxt,#content .noticeTxt:visited {
      display: block;
      font-size: 14px;
      color: #cf1010;
      text-decoration: none;
      font-weight: 700;
      line-height: 1.5;
      position: relative
  }

  #content .noticeTxt::after,#content .noticeTxt:visited::after {
      content: "";
      width: 7px;
      height: 11px;
      background-image: url(https://manabi-contents.benesse.ne.jp/noauth/resources/img/icon-arrowRight_sp.png?20220425);
      background-size: 7px 11px;
      background-repeat: no-repeat;
      background-position: center;
      position: absolute;
      top: 0;
      bottom: 0;
      right: 0;
      margin: auto
  }

  #content .serviceA {
      display: flex;
      justify-content: space-between;
      margin-bottom: 10px
  }

  #content .serviceA a {
      display: block;
      height: 76px;
      background-color: #d9ecf4;
      text-decoration: none;
      font-size: 18px;
      line-height: 1.5;
      font-weight: 700;
      color: #364668;
      text-align: center;
      box-shadow: 3px 3px 0 0 rgba(118,134,132,.41);
      border-radius: 3px;
      transition: .3s opacity ease-in-out
  }

  #content .serviceA a:hover {
      opacity: .7
  }

  #content .serviceA li {
      width: 339px
  }

  #content .serviceA li:nth-child(1) p {
      display: flex;
      align-items: center;
      height: 100%;
      padding-left: 80px;
      background-image: url(https://manabi-contents.benesse.ne.jp/noauth/resources/img/icon-portfolio.png?20220425);
      background-size: 37px 34px;
      background-repeat: no-repeat;
      background-position: 16px center
  }

  #content .serviceA li:nth-child(1) p br {
      display: none
  }

  #content .serviceA li:nth-child(2) a {
      display: flex;
      align-items: center;
      padding-left: 160px;
      background-image: url(https://manabi-contents.benesse.ne.jp/noauth/resources/img/logo-shinkenMoshi.png?20220425);
      background-size: 104px 18px;
      background-repeat: no-repeat;
      background-position: 38px center
  }

  #content .serviceB {
      display: flex;
      justify-content: space-between;
      background-color: #d9ecf4;
      padding: 8px 11px 11px;
      border-radius: 5px;
      margin-bottom: 8px
  }

  #content .serviceB a {
      display: block;
      height: 76px;
      background-color: #fff;
      text-decoration: none;
      font-size: 18px;
      line-height: 1.5;
      font-weight: 700;
      color: #364668;
      text-align: center;
      box-shadow: 3px 3px 0 0 rgba(118,134,132,.41);
      border-radius: 3px;
      transition: .3s opacity ease-in-out
  }

  #content .serviceB a:hover {
      opacity: .7
  }

  #content .serviceB li {
      width: 328px
  }

  #content .serviceB li:nth-child(1) a {
      display: flex;
      align-items: center;
      height: 100%;
      padding-left: 80px;
      background-image: url(https://manabi-contents.benesse.ne.jp/noauth/resources/img/icon-portfolio.png?20220425);
      background-size: 37px 34px;
      background-repeat: no-repeat;
      background-position: 16px center
  }

  #content .serviceB li:nth-child(2) a {
      display: flex;
      align-items: center;
      padding-left: 160px;
      background-image: url(https://manabi-contents.benesse.ne.jp/noauth/resources/img/logo-shinkenMoshi.png?20220425);
      background-size: 104px 18px;
      background-repeat: no-repeat;
      background-position: 38px center
  }

  #content .serviceC {
      display: flex;
      justify-content: space-between;
      background-color: #d9ecf4;
      padding: 8px 11px 11px;
      border-radius: 5px;
      margin-top: 15px
  }

  #content .serviceC a {
      display: block;
      height: 126px;
      background-color: #fff;
      text-decoration: none;
      padding: 0 14px 0 17px;
      font-size: 18px;
      line-height: 1.5;
      font-weight: 700;
      color: #364668;
      text-align: center;
      box-shadow: 3px 3px 0 0 rgba(118,134,132,.41);
      border-radius: 3px;
      transition: .3s opacity ease-in-out
  }

  #content .serviceC a:hover {
      opacity: .7
  }

  #content .serviceC .serviceCTxt {
      padding: 10px 3px 15px;
      color: #000;
      font-size: 14px;
      text-align: left
  }

  #content .serviceC .serviceCTtl {
      display: flex;
      align-items: center;
      height: 60px;
      background-repeat: no-repeat;
      border-bottom: solid 1px #d9d9d6
  }

  #content .serviceC li {
      width: 328px
  }

  #content .serviceC li:nth-child(1) .serviceCTtl {
      padding-left: 60px;
      background-image: url(https://manabi-contents.benesse.ne.jp/noauth/resources/img/icon-portfolio.png?20220425);
      background-size: 37px 34px;
      background-position: 5px center
  }

  #content .serviceC li:nth-child(2) .serviceCTtl {
      padding-left: 130px;
      background-image: url(https://manabi-contents.benesse.ne.jp/noauth/resources/img/logo-shinkenMoshi.png?20220425);
      background-size: 104px 18px;
      background-position: 15px center
  }

  #content .tileMenu {
      display: flex;
      justify-content: space-between;
      box-sizing: border-box
  }

  #content .tileMenu li {
      width: 166px;
      height: 105px;
      background-position: 10px center;
      background-repeat: no-repeat;
      box-shadow: 3px 3px 0 0 rgba(118,134,132,.48);
      border-radius: 3px;
      overflow: hidden;
      transition: .3s opacity ease-in-out
  }

  #content .tileMenu li:hover {
      opacity: .7
  }

  #content .tileMenu li:nth-child(1) {
      background-color: #52a4d6;
      background-image: url(https://manabi-contents.benesse.ne.jp/noauth/resources/img/icon-university_sp.png?20220425);
      background-size: 43px auto
  }

  #content .tileMenu li:nth-child(1) a {
      padding-top: 32px
  }

  #content .tileMenu li:nth-child(2) {
      background-color: #f1b90e;
      background-image: url(https://manabi-contents.benesse.ne.jp/noauth/resources/img/icon-vocational_sp.png?20220425);
      background-size: 43px auto
  }

  #content .tileMenu li:nth-child(2) a {
      padding-top: 32px
  }

  #content .tileMenu li:nth-child(3) {
      background-color: #ff755f;
      background-image: url(https://manabi-contents.benesse.ne.jp/noauth/resources/img/icon-profession_sp.png?20220425);
      background-size: 41px auto
  }

  #content .tileMenu li:nth-child(3) a {
      padding-top: 42px
  }

  #content .tileMenu li:nth-child(4) {
      background-color: #21c3b2;
      background-image: url(https://manabi-contents.benesse.ne.jp/noauth/resources/img/icon-learning_sp.png?20220425);
      background-size: 55px auto;
      position: relative
  }

  #content .tileMenu li:nth-child(4) a {
      padding-top: 42px
  }

  #content .tileMenu li:nth-child(4):before {
      content: "";
      display: block;
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 6px 6px 0 6px;
      border-color: #fff transparent transparent transparent;
      position: absolute;
      bottom: 6px;
      left: 0;
      right: 0;
      margin: auto;
      z-index: 1
  }

  #content .tileMenu li:nth-child(4):after {
      content: "";
      display: block;
      width: 100%;
      height: 19px;
      background-color: #26bdab;
      position: absolute;
      bottom: 0;
      left: 0
  }

  #content .tileMenu li a {
      display: block;
      width: 100%;
      height: 100%;
      color: #fff;
      padding-left: 70px;
      font-size: 18px;
      box-sizing: border-box;
      text-decoration: none;
      line-height: 1.2;
      font-weight: 700
  }

  #content .pickup {
      margin-top: 36px
  }

  #content .pickupItem {
      display: flex;
      justify-content: space-between
  }

  #content .pickupItem a {
      text-decoration: none
  }

  #content .pickupItemImg {
      height: 220px;
      position: relative;
      overflow: hidden
  }

  #content .pickupItemImg img {
      display: block;
      width: auto;
      max-width: initial;
      height: 100%;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%,-50%)
  }

  #content .pickupItem>li {
      width: 330px;
      height: 310px;
      border: solid 1px #d3d3d3;
      position: relative;
      box-sizing: border-box
  }

  #content .pickupItem>li:before {
      content: "";
      display: block;
      width: 100%;
      height: 4px;
      position: absolute;
      top: -1px;
      left: 0;
      z-index: 1
  }

  #content .pickupItem>li[data-CategoryColor=univ]:before {
      background-color: #52a4d6
  }

  #content .pickupItem>li[data-CategoryColor=vocat]:before {
      background-color: #f1b90e
  }

  #content .pickupItem>li[data-CategoryColor=job]:before {
      background-color: #ff755f
  }

  #content .pickupItem>li[data-CategoryColor=learn]:before {
      background-color: #21c3b2
  }

  #content .pickupItem>li[data-CategoryColor=exam]:before {
      background-color: #ca70da
  }

  #content .pickupItem>li[data-CategoryColor=other]:before {
      background-color: #fa8a20
  }

  #content .pickupItemTxt {
      margin-top: 15px;
      padding: 0 11px;
      font-size: 18px;
      font-weight: 700;
      line-height: 1.5
  }

  #content .pickupItemTag {
      padding: 0 6px;
      position: absolute;
      left: 24px;
      bottom: 18px
  }

  #content .recommendSub .searchTagBox {
      margin: 30px 0 40px
  }

  #content .recommendSub .searchCont {
      border-bottom: solid 2px #079ddc;
      padding: 0 0 5px 45px;
      background-image: url(https://manabi-contents.benesse.ne.jp/noauth/resources/img/icon-search_sp.png?20220425);
      background-size: 25px 24px;
      background-repeat: no-repeat;
      background-position: 10px center
  }

  #content .recommendSub .hideNarrow {
      display: flex;
      justify-content: space-between;
      line-height: 32px
  }

  #content .recommendSub .hideNarrow button {
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      border: none;
      padding: 0;
      display: block;
      background-color: #079ddc;
      color: #fff;
      appearance: none;
      width: 66px;
      height: 32px;
      text-align: center
  }

  #content .recommendSub .inputWrap {
      display: block;
      padding: 0 10px;
      width: 100%
  }

  #content .recommendSub .inputWrap input {
      width: calc(100% - 10px);
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      border: none;
      padding: 0 0 0;
      font-size: 16px
  }

  #content .recommendSub .inputWrap input:-moz-placeholder-shown {
      color: #079ddc;
      text-align: center
  }

  #content .recommendSub .inputWrap input:-ms-input-placeholder {
      color: #079ddc;
      text-align: center
  }

  #content .recommendSub .inputWrap input:placeholder-shown {
      color: #079ddc;
      text-align: center
  }

  #content .recommendSub .inputWrap input::-webkit-input-placeholder {
      color: #079ddc;
      text-align: center
  }

  #content .recommendSub .inputWrap input:-moz-placeholder {
      opacity: 1;
      color: #079ddc;
      text-align: center
  }

  #content .recommendSub .inputWrap input::-moz-placeholder {
      opacity: 1;
      color: #079ddc;
      text-align: center
  }

  #content .recommendSub .inputWrap input:-ms-input-placeholder {
      color: #079ddc;
      text-align: center
  }

  #content .documentListArea {
      background-color: #d9ecf4;
      padding: 35px 0
  }

  #content .documentListArea a {
      text-decoration: none
  }

  #content .documentListArea ul {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      margin-top: 22px
  }

  #content .documentListArea ul li {
      width: 504px;
      height: 64px;
      padding: 21px 25px;
      background-color: #fff;
      transition: .3s opacity ease-in-out
  }

  #content .documentListArea ul li:hover {
      opacity: .8
  }

  #content .documentListArea ul li:nth-child(n+3) {
      margin-top: 22px
  }

  #content .documentListArea .txtArea {
      display: flex;
      align-items: center
  }

  #content .documentListArea .txtArea dt {
      min-width: 150px;
      color: #364668;
      font-weight: 700;
      padding-left: 40px;
      background-image: url(https://manabi-contents.benesse.ne.jp/noauth/resources/img/icon-pageBlack_sp.png?20220425);
      background-size: 18px 20px;
      background-repeat: no-repeat;
      background-position: center left;
      font-size: 16px
  }

  #content .documentListArea .txtArea dd {
      width: calc(100% - 150px);
      font-size: 14px;
      position: relative;
      padding-right: 20px;
      color: #000;
      line-height: 1.5
  }

  #content .documentListArea .txtArea dd br {
      display: none
  }

  #content .documentListArea .txtArea dd:after {
      content: "";
      width: 7px;
      height: 11px;
      background-image: url(https://manabi-contents.benesse.ne.jp/noauth/resources/img/icon-arrowRight_sp.png?20220425);
      background-size: 7px 11px;
      background-repeat: no-repeat;
      background-position: center;
      position: absolute;
      top: 0;
      bottom: 0;
      right: 5px;
      margin: auto
  }

  #content .midashiA {
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 32px;
      color: #333;
      position: relative;
      text-align: center
  }

  #content .midashiA:before {
      content: "";
      width: 49px;
      height: 49px;
      margin-right: 12px;
      background-color: #0794d8;
      border-radius: 50%;
      background-image: url(https://manabi-contents.benesse.ne.jp/noauth/resources/img/icon-page_sp.png?20220425);
      background-size: 14px 19px;
      background-repeat: no-repeat;
      background-position: center
  }

  #content .pr {
      background-color: #f8f7e9;
      padding: 35px 0 55px
  }

  #content .pr .inner {
      display: flex;
      justify-content: space-between
  }

  #content .prTag {
      margin: 15px 0 20px;
      padding-left: 55px;
      padding-right: 20px;
      font-size: 11px;
      position: relative
  }

  #content .prTag:before {
      content: "PR";
      width: 28px;
      line-height: 18px;
      position: absolute;
      top: 2px;
      left: 20px;
      background-color: #fff;
      border: solid 1px #999898;
      text-align: center
  }

  #content .prTag a {
      display: inline-block;
      background-color: #fff;
      line-height: 20px;
      padding: 0 5px
  }

  #content .prMain {
      width: 675px
  }

  #content .prMain .articleItem {
      justify-content: space-between
  }

  #content .prMain .articleItem li {
      width: 330px;
      background-color: #fff;
      border: solid 1px #d3d3d3;
      margin: 0;
      padding-bottom: 0
  }

  #content .prMain .articleItem li[data-randamName=pr]:not(:nth-child(1)) {
      display: none
  }

  #content .prMain .articleItem li a {
      display: block;
      border: 0
  }

  #content .prMain .articleItemImg img {
      display: block;
      width: 100%;
      height: auto
  }

  #content .prMain .articleItemTxt {
      font-size: 18px
  }

  #content .prSub {
      width: 330px
  }

  #content .prSub .articleItem>li {
      margin: 0;
      border: 0;
      padding-bottom: 0;
      width: 100%;
      min-height: 115px;
      position: relative;
      padding-left: 145px;
      background-color: transparent
  }

  #content .prSub .articleItem>li a {
      border: 0;
      display: block
  }

  #content .prSub .articleItem>li:before {
      content: "";
      display: block;
      width: 100%;
      height: 4px;
      position: absolute;
      top: -1px;
      left: 0;
      z-index: 1
  }

  #content .prSub .articleItem>li[data-CategoryColor=univ]:before {
      background-color: #52a4d6
  }

  #content .prSub .articleItem>li[data-CategoryColor=vocat]:before {
      background-color: #f1b90e
  }

  #content .prSub .articleItem>li[data-CategoryColor=job]:before {
      background-color: #ff755f
  }

  #content .prSub .articleItem>li[data-CategoryColor=learn]:before {
      background-color: #21c3b2
  }

  #content .prSub .articleItem>li[data-CategoryColor=exam]:before {
      background-color: #ca70da
  }

  #content .prSub .articleItem>li[data-CategoryColor=other]:before {
      background-color: #fa8a20
  }

  #content .prSub .articleItem>li:before {
      width: 136px;
      top: 0;
      z-index: 1
  }

  #content .prSub .articleItemImg {
      width: 136px;
      height: 90px;
      position: absolute;
      top: 4px;
      left: 0
  }

  #content .prSub .articleItemTxt {
      font-size: 13px;
      padding: 0;
      margin: 0
  }

  #content .prSub .prTag {
      padding: 0;
      margin: 5px 0 0
  }

  #content .prSub .prTag li {
      display: inline-block;
      width: auto;
      margin-bottom: 3px
  }

  #content .prSub .prTag li span {
      display: block;
      height: 100%
  }

  #content .prSub .prTag:before {
      display: none
  }

  #content .school {
      padding-bottom: 60px;
      background-color: #fff
  }

  #content .school .contentsTtl:before {
      background-image: url(https://manabi-contents.benesse.ne.jp/noauth/resources/img/icon-university_sp.png?20220425);
      background-position: center 7px;
      background-size: 35px auto
  }

  #content .school .tagListWrapper {
      background-color: rgba(0,145,215,.1)
  }

  #content .schoolHead {
      display: flex;
      justify-content: center;
      align-items: center;
      height: 80px;
      background-color: #0091d7
  }

  #content .schoolInvestigate {
      display: flex;
      justify-content: space-between;
      margin-top: 23px
  }

  #content .schoolInvestigate li {
      width: 322px;
      height: 57px;
      background-color: #fff
  }

  #content .schoolInvestigate li:nth-child(1) a {
      padding-left: 135px;
      background-image: url(https://manabi-contents.benesse.ne.jp/noauth/resources/img/icon-universityNavy_sp.png?20220425);
      background-size: 48px auto;
      background-repeat: no-repeat;
      background-position: 71px center
  }

  #content .schoolInvestigate li:nth-child(2) a {
      padding-left: 122px;
      background-image: url(https://manabi-contents.benesse.ne.jp/noauth/resources/img/icon-vocationalNavy_sp.png?20220425);
      background-size: 46px auto;
      background-repeat: no-repeat;
      background-position: 57px center
  }

  #content .schoolInvestigate a {
      display: block;
      height: 100%;
      text-decoration: none;
      color: #364668;
      font-weight: 700;
      font-size: 18px;
      line-height: 57px;
      transition: .3s opacity ease-in-out
  }

  #content .schoolInvestigate a:hover {
      opacity: .8
  }

  #content .schoolInterview {
      display: flex;
      justify-content: space-between;
      margin-top: 20px
  }

  #content .schoolInterview li {
      width: 505px;
      background-color: #fff;
      position: relative
  }

  #content .schoolInterview li:before {
      content: "";
      display: block;
      width: 100%;
      height: 4px;
      position: absolute;
      top: -1px;
      left: 0;
      z-index: 1
  }

  #content .schoolInterview li[data-CategoryColor=univ]:before {
      background-color: #52a4d6
  }

  #content .schoolInterview li[data-CategoryColor=vocat]:before {
      background-color: #f1b90e
  }

  #content .schoolInterview li[data-CategoryColor=job]:before {
      background-color: #ff755f
  }

  #content .schoolInterview li[data-CategoryColor=learn]:before {
      background-color: #21c3b2
  }

  #content .schoolInterview li[data-CategoryColor=exam]:before {
      background-color: #ca70da
  }

  #content .schoolInterview li[data-CategoryColor=other]:before {
      background-color: #fa8a20
  }

  #content .schoolInterview a {
      display: flex;
      text-decoration: none
  }

  #content .schoolInterviewImg {
      width: 86px;
      height: 102px;
      position: relative;
      overflow: hidden
  }

  #content .schoolInterviewImg img {
      display: block;
      width: 100%;
      height: auto;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%,-50%)
  }

  #content .schoolInterviewTxt {
      display: flex;
      align-items: center;
      padding: 0 20px;
      font-size: 18px;
      font-weight: 700
  }

  #content .profession {
      background-color: #fff;
      padding-bottom: 50px
  }

  #content .profession .professionHead {
      display: flex;
      justify-content: center;
      align-items: center;
      height: 80px;
      background-color: #0091d7
  }

  #content .profession .contentsTtl:before {
      background-image: url(https://manabi-contents.benesse.ne.jp/noauth/resources/img/icon-profession_sp.png?20220425);
      background-position: center;
      background-size: 31px auto
  }

  #content .profession .tagListWrapper {
      margin-top: 30px;
      padding: 20px;
      position: relative;
      background-color: rgba(0,145,215,.1)
  }

  #content .profession .articleItem {
      justify-content: center
  }

  #content .profession .articleItem li[data-randamName=interview]:not(:nth-child(1)) {
      display: none
  }

  #content .professionComicItem {
      margin-top: 25px;
      display: none
  }

  #content .professionComicItem.slick-initialized {
      display: block
  }

  #content .professionComicItem a {
      text-decoration: none
  }

  #content .professionComicItem li {
      width: 243px;
      margin-right: 20px
  }

  #content .professionComicItemImg {
      height: 190px;
      position: relative;
      overflow: hidden;
      background-color: #fff;
      border-left: solid 1px #ddd;
      border-right: solid 1px #ddd;
      border-bottom: solid 1px #ddd
  }

  #content .professionComicItemImg img {
      display: block;
      height: auto;
      width: 100%;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%,-50%);
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden
  }

  #content .professionComicItemName {
      display: block;
      line-height: 30px;
      font-size: 1rem;
      font-weight: 700;
      text-align: center;
      color: #fff;
      background-color: #0091d7
  }

  #content .professionComicList span {
      position: relative
  }

  #content .learning {
      padding: 0 0 50px;
      background-color: #fff
  }

  #content .learning .contentsTtl:before {
      background-image: url(https://manabi-contents.benesse.ne.jp/noauth/resources/img/icon-learning_sp.png?20220425);
      background-position: center;
      background-size: 44px auto
  }

  #content .learning .articleItem {
      margin-top: 15px
  }

  #content .learning .articleItem li[data-randamName=industry]:not(:nth-child(1)) {
      display: none
  }

  #content .learning .articleItem li[data-randamName=learn]:not(:nth-child(7)) {
      display: none
  }

  #content .learningHead {
      display: flex;
      justify-content: center;
      align-items: center;
      height: 80px;
      background-color: #ff5f92
  }

  #content .learning .tagListWrapper {
      margin-top: 30px;
      padding: 20px;
      position: relative;
      background-color: rgba(255,95,146,.1)
  }

  #content .learningService {
      display: flex;
      justify-content: space-between;
      margin-top: 23px
  }

  #content .learningService li {
      width: 329px;
      height: 57px;
      background-color: #fff
  }

  #content .learningService li:nth-child(1) a {
      padding-left: 145px;
      text-align: left;
      background-image: url(https://manabi-contents.benesse.ne.jp/noauth/resources/img/logo-shinkenMoshi_blue.png?20220425);
      background-size: 100px auto;
      background-repeat: no-repeat;
      background-position: 33px center
  }

  #content .learningService a {
      display: block;
      height: 100%;
      text-decoration: none;
      color: #079ddc;
      font-weight: 700;
      font-size: 18px;
      line-height: 57px;
      text-align: center;
      transition: .3s opacity ease-in-out
  }

  #content .learningService a:hover {
      opacity: .8
  }

  #content .learningService a br {
      display: none
  }

  #content .nyushi {
      padding-bottom: 60px;
      background-color: #fff
  }

  #content .nyushi .contentsTtl:before {
      background-image: url(https://manabi-contents.benesse.ne.jp/noauth/resources/img/icon-university_sp.png?20220425);
      background-position: center 7px;
      background-size: 35px auto
  }

  #content .nyushiHead {
      display: flex;
      justify-content: center;
      align-items: center;
      height: 80px;
      background-color: #0091d7
  }
}

@media screen and (max-width: 777px) {
  * {
      margin:0;
      padding: 0;
      font-family: sans-serif
  }

  html {
      -webkit-text-size-adjust: none
  }

  body {
      position: relative;
      line-height: 1.42;
      text-align: center;
      height: 100%;
      color: #333;
      letter-spacing: 0;
      background: #fff;
      margin: 0;
      padding: 0;
      min-width: 320px;
      -webkit-text-size-adjust: none
  }

  input,select,textarea {
      vertical-align: middle;
      color: #333
  }

  body,button,input,option,select,textarea {
      font-size: 16px;
      -webkit-text-size-adjust: none;
      text-align: left
  }

  img {
      max-width: 100%;
      vertical-align: bottom
  }

  a:visited {
      text-decoration: underline;
      color: #333
  }

  #contents {
      margin: 0 auto;
      max-width: 640px;
      padding: 10px 10px 30px;
      position: relative;
      text-align: left;
      overflow: hidden
  }

  #breadClumb {
      letter-spacing: -.4em;
      margin: 0 0 20px
  }

  #breadClumb li {
      display: inline-block;
      letter-spacing: 0;
      list-style: none;
      font-size: 10px
  }

  #main,#sub {
      margin: 0 15px
  }

  .search_head {
      margin-top: 10px
  }

  .search_head .japan_univ {
      float: left;
      width: 32%
  }

  .search_head .abroad_univ {
      float: left;
      width: 32%;
      margin-left: 5px
  }

  .search_head .abroad_univ:hover {
      -ms-filter: "alpha(opacity=60)";
      -moz-opacity: .6;
      -khtml-opacity: .6;
      opacity: .6
  }

  .hideNarrow {
      display: none!important
  }

  h3.hImg,h3.hTxt {
      padding: 0 0 0 16px;
      font-size: 18px;
      color: #293b60;
      position: relative;
      margin-bottom: 28px
  }

  h3.hImg a,h3.hImg span,h3.hTxt a,h3.hTxt span {
      font-weight: 700;
      color: #293b60
  }

  h3.hImg:before,h3.hTxt:before {
      content: "";
      display: block;
      width: 6px;
      height: 30px;
      background: #293b60;
      border-radius: 3px;
      position: absolute;
      top: -5px;
      left: 0
  }

  img.iconL {
      display: inline!important;
      vertical-align: middle;
      margin: 0 5px 0 0!important
  }

  img.iconR {
      display: inline!important;
      vertical-align: middle;
      margin: 0 0 0 5px!important
  }

  img.icon {
      display: inline!important;
      vertical-align: middle;
      margin: 0 5px!important
  }

  input,textarea {
      font-size: 14px
  }

  input:focus,select:focus,textarea:focus {
      outline: 0
  }

  .slick-slider {
      position: relative;
      display: block;
      box-sizing: border-box;
      -webkit-touch-callout: none;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      touch-action: pan-y;
      -webkit-tap-highlight-color: transparent
  }

  .slick-list {
      position: relative;
      overflow: hidden;
      display: block;
      margin: 0;
      padding: 0
  }

  .slick-list:focus {
      outline: 0
  }

  .slick-list.dragging {
      cursor: pointer;
      cursor: hand
  }

  .slick-slider .slick-list,.slick-slider .slick-track {
      transform: translate3d(0,0,0)
  }

  .slick-track {
      position: relative;
      left: 0;
      top: 0;
      display: block;
      margin-left: auto;
      margin-right: auto
  }

  .slick-track:after,.slick-track:before {
      content: "";
      display: table
  }

  .slick-track:after {
      clear: both
  }

  .slick-loading .slick-track {
      visibility: hidden
  }

  .slick-slide {
      float: left;
      height: 100%;
      min-height: 1px;
      display: none
  }

  [dir=rtl] .slick-slide {
      float: right
  }

  .slick-slide img {
      display: block
  }

  .slick-slide.slick-loading img {
      display: none
  }

  .slick-slide.dragging img {
      pointer-events: none
  }

  .slick-initialized .slick-slide {
      display: block
  }

  .slick-loading .slick-slide {
      visibility: hidden
  }

  .slick-vertical .slick-slide {
      display: block;
      height: auto;
      border: 1px solid transparent
  }

  .slick-arrow.slick-hidden {
      display: none
  }

  body {
      overflow-x: visible
  }

  .blueBtn {
      background: url(https://manabi-contents.benesse.ne.jp/noauth/resources/img/ico-arrow_white_001.png?20220425) right 12px center no-repeat #293b60;
      background-size: 9px auto;
      text-align: center;
      color: #fff;
      font-weight: 700;
      display: block;
      border: none;
      box-shadow: none;
      border-radius: 3px;
      cursor: pointer;
      text-decoration: none
  }

  .blueBtn:hover {
      color: #fff;
      opacity: .7
  }

  .midashiA {
      color: #333;
      font-size: 1.375rem;
      text-align: center
  }

  .midashiA:before {
      content: "";
      display: block;
      background: #0794d8;
      width: 100%;
      height: 4px;
      border-radius: 4px 4px 0 0
  }

  .tab .tabMenu li {
      cursor: pointer
  }

  .tab .tabCont>div {
      display: none
  }

  .tab .tabCont>div.on {
      display: block
  }

  #content {
      width: auto;
      padding: 0;
      background: #f1f1f1
  }

  #content .notice p {
      margin: 0 auto
  }

  #content .notice p a {
      text-decoration: none;
      padding-left: 16px;
      display: inline-block;
      background: url(https://manabi-contents.benesse.ne.jp/noauth/_sharedZ_New/img/ico-arrow_blue_001.png) left center no-repeat;
      background-size: 7px auto
  }

  #content .notice p a:hover {
      color: #333;
      text-decoration: underline
  }

  #content .slideAll .slideWrap .bx-wrapper .slide .item {
      overflow: hidden
  }

  #content .slideAll .slideWrap .bx-wrapper .slide .item a {
      display: table;
      position: relative;
      overflow: hidden;
      text-decoration: none
  }

  #content .slideAll .slideWrap .bx-wrapper .slide .item a img {
      position: absolute;
      height: auto;
      top: 50%;
      left: 50%;
      transform: translate(-50%,-50%);
      transition: transform .2s linear;
      -webkit-transform: translate(-50%,-50%);
      -webkit-transition: transform .2s linear;
      -moz-transform: translate(-50%,-50%);
      -moz-transition: transform .2s linear;
      -ms-transform: translate(-50%,-50%);
      -ms-transition: transform .2s linear
  }

  #content .slideAll .slideWrap .bx-wrapper .slide .item a p {
      display: table-cell;
      vertical-align: bottom;
      position: relative;
      z-index: 2;
      color: #fff;
      font-weight: 700;
      line-height: 1.3;
      text-shadow: 0 0 5px rgba(0,0,0,.5);
      background: -webkit-linear-gradient(top,transparent 0,rgba(255,255,255,0) 50%,rgba(0,0,0,.5) 100%)
  }

  #content .slideAll .slideWrap .bx-wrapper .slide .item a:hover img {
      opacity: 1;
      transform: translate(-50%,-50%) scale(1.1,1.1)
  }

  #content .slideAll .slideWrap .bx-wrapper .slide .item a:after {
      position: absolute;
      display: block;
      top: 0;
      right: 0;
      line-height: 1;
      color: #fff;
      font-weight: 700;
      text-align: center
  }

  #content .slideAll .slideWrap .bx-wrapper .slide .item .recommend:after {
      content: "オススメ";
      background: #c13333
  }

  #content .slideAll .slideWrap .bx-wrapper .slide .item .campaign:after {
      content: "キャンペーン";
      background: #a5632c
  }

  #content .slideAll .slideWrap .bx-wrapper .slide .item .job:after {
      content: "職業・学問";
      background: #ea5e60
  }

  #content .slideAll .slideWrap .bx-wrapper .slide .item .univ:after {
      content: "大学情報";
      background: #00c5e4
  }

  #content .slideAll .slideWrap .bx-wrapper .slide .item .expart:after {
      content: "専門学校";
      background: #e7b900
  }

  #content .slideAll .slideWrap .bx-wrapper .slide .item .exam:after {
      content: "入試情報";
      background: #ca70da
  }

  #content .slideAll .slideWrap .bx-wrapper .slide .item .learn:after {
      content: "学習";
      background: #21c3b2
  }

  #content .slideAll .slideWrap .bx-wrapper .slide .item .life:after {
      content: "高校生活";
      background: #fa8a20
  }

  #content .slideAll .slideWrap .bx-wrapper .slide .item .topic:after {
      content: "トピックス";
      background: #2b9ce0
  }

  #content .slideAll .slideWrap .bx-wrapper .bx-pager a {
      background: #d4d4d4
  }

  #content .slideAll .slideWrap .bx-wrapper .bx-pager a.active,#content .slideAll .slideWrap .bx-wrapper .bx-pager a:hover {
      background: #0091d7
  }

  #content .slide .item {
      display: none
  }

  #content .searchBox .lookingFor h3 {
      line-height: 1;
      text-align: center;
      background: url(https://manabi-contents.benesse.ne.jp/noauth/resources/img/bgi-lookingFor_001.jpg?20220425) left top
  }

  #content .searchBox .lookingFor h3 span {
      display: inline-block;
      color: #fff;
      background: url(https://manabi-contents.benesse.ne.jp/noauth/resources/img/ico-lookingFor_001.png?20220425) left center no-repeat
  }

  #content .searchBox .lookingFor ul {
      background: #fff;
      border: 1px solid #ddd;
      border-top: none;
      letter-spacing: -.4em;
      line-height: 1
  }

  #content .searchBox .lookingFor ul li {
      display: inline-block;
      letter-spacing: 0
  }

  #content .searchBox .lookingFor ul li a {
      display: table;
      text-decoration: none;
      background-color: #eee!important;
      border-radius: 3px;
      box-shadow: inset 0 -2px 0 0 rgba(0,0,0,.2);
      position: relative
  }

  #content .searchBox .lookingFor ul li a span {
      display: table-cell;
      vertical-align: middle;
      text-align: center;
      line-height: 1.2;
      font-weight: 700
  }

  #content .searchBox .lookingFor ul li .recommend:after {
      content: "オススメ";
      position: absolute;
      color: #fff;
      line-height: 1;
      background: #e2551e;
      top: 0;
      left: 0;
      font-weight: 700;
      border-radius: 3px 0 3px 0
  }

  #content .searchBox .bnrBox.bottom li {
      text-align: center
  }

  #content .sideBox .inputBox {
      background: #293b60;
      padding: 0 4px 4px
  }

  #content .sideBox .inputBox h3 {
      text-align: center
  }

  #content .sideBox .inputBox h3 span {
      display: inline-block;
      line-height: 1;
      font-weight: 700;
      color: #fff;
      background: url(https://manabi-contents.benesse.ne.jp/noauth/resources/img/ico-inputBox_001.png?20220425) left center no-repeat
  }

  #content .sideBox .inputBox .tab {
      background: #fff
  }

  #content .sideBox .inputBox .tab .tabMenu {
      letter-spacing: -1em;
      border-bottom: 1px solid #ddd
  }

  #content .sideBox .inputBox .tab .tabMenu li {
      display: inline-block;
      letter-spacing: 0;
      width: 50%;
      box-sizing: border-box;
      line-height: 1;
      text-align: center;
      font-weight: 700;
      background: #f1f1f1;
      border-radius: 3px 3px 0 0;
      border: 1px solid #ddd;
      margin: 0 1px -1px;
      cursor: pointer
  }

  #content .sideBox .inputBox .tab .tabMenu .on {
      color: #fff;
      background: #e2551e;
      border-color: #e2551e
  }

  #content .sideBox .inputBox .tab .tabCont>div input {
      background: #f1f1f1;
      border: 1px solid #ddd
  }

  #content .recommendArticle {
      background: #fff
  }

  #content .recommendArticle .articleBox .item {
      border: 1px solid #ddd;
      position: relative
  }

  #content .recommendArticle .articleBox .item .number {
      display: block;
      line-height: 1;
      font-family: "Open Sans",sans-serif;
      font-weight: 600;
      position: absolute;
      width: 30px;
      border-radius: 30px;
      height: 30px;
      line-height: 30px;
      top: -12px;
      left: -12px;
      z-index: 10;
      text-align: center;
      border: 2px solid #fff;
      background: #ebebeb;
      color: #9a9a9a
  }

  #content .recommendArticle .articleBox .item .number.first {
      background: #d1b362;
      color: #fff
  }

  #content .recommendArticle .articleBox .item .number.second {
      background: #a8bbc8;
      color: #fff
  }

  #content .recommendArticle .articleBox .item .number.third {
      background: #ae926e;
      color: #fff
  }

  #content .recommendArticle .articleBox .randomItem {
      display: none
  }

  #content .recommendArticle .articleBox .randomItem2 {
      display: none
  }

  #content .recommendArticle .articleBox .randomItem3 {
      display: none
  }

  #content .recommendArticle .articleBox .item a {
      display: block;
      text-decoration: none
  }

  #content .recommendArticle .articleBox .item a figure {
      overflow: hidden;
      position: relative
  }

  #content .recommendArticle .articleBox .item a figure img {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%,-50%);
      -webkit-transform: translate(-50%,-50%);
      -moz-transform: translate(-50%,-50%);
      -ms-transform: translate(-50%,-50%)
  }

  #content .recommendArticle .articleBox .item a dl dt {
      line-height: 1.27;
      font-weight: 700
  }

  #content .recommendArticle .articleBox .item a dl dd {
      color: #666;
      letter-spacing: -1em;
      line-height: 1
  }

  #content .recommendArticle .articleBox .item a dl dd span {
      display: inline-block;
      letter-spacing: 0
  }

  #content .recommendArticle .articleBox .item a dl dd .pr {
      border: 1px solid #ddd;
      border-radius: 3px
  }

  #content .recommendArticle .articleBox .item a:hover figure img {
      opacity: 1;
      transform: translate(-50%,-50%) scale(1.1,1.1);
      -webkit-transform: translate(-50%,-50%) scale(1.1,1.1);
      -ms-transform: translate(-50%,-50%) scale(1.1,1.1);
      -moz-transform: translate(-50%,-50%) scale(1.1,1.1)
  }

  #content .manabiNews dl {
      background: #fff;
      border: 1px solid #ddd
  }

  #content .manabiNews dl dt {
      font-weight: 700
  }

  #content .manabiNews dl dd a {
      text-decoration: none;
      padding-left: 15px;
      background: url(https://manabi-contents.benesse.ne.jp/noauth/_sharedZ_New/img/ico-arrow_blue_001.png) left center no-repeat;
      background-size: 7px auto
  }

  #content .rightNow {
      background: #fff
  }

  #content .rightNow ul li {
      line-height: 1.4
  }

  #content .rightNow ul li a {
      display: table;
      table-layout: fixed;
      width: 100%;
      box-sizing: border-box;
      border: 1px solid #ddd;
      text-decoration: none
  }

  #content .rightNow ul li a figure {
      display: table-cell;
      vertical-align: middle;
      background: #f9f9f9
  }

  #content .rightNow ul li a dl {
      display: table-cell;
      vertical-align: middle;
      padding: 0 15px;
      color: #333
  }

  #content .rightNow ul li a dl dt {
      font-weight: 700;
      margin-bottom: 5px
  }

  #content .rightNow ul li a:hover {
      background: #fff
  }

  #content .rightNow ul li a:hover figure img {
      opacity: 1
  }

  #content .rightNow ul li a:hover dl dt {
      color: #0091d7
  }

  #content .schoolNews {
      box-sizing: content-box
  }

  #content .schoolNews * {
      box-sizing: content-box
  }

  #content .schoolNews .tab .tabMenu {
      border-bottom: 1px solid #ddd;
      letter-spacing: -1em;
      line-height: 1
  }

  #content .schoolNews .tab .tabMenu li {
      letter-spacing: 0;
      display: inline-block;
      text-align: center;
      position: relative
  }

  #content .schoolNews .tab .tabMenu li span {
      display: inline-block;
      font-weight: 700
  }

  #content .schoolNews .tab .tabMenu .on {
      border-radius: 0
  }

  #content .schoolNews .tab .tabMenu .on span {
      color: #333
  }

  #content .schoolNews .tab .tabMenu .on:before {
      content: "";
      width: calc(100% + 2px);
      height: 3px;
      background: #0794d8;
      position: absolute;
      bottom: 0;
      left: -1px
  }

  #content .schoolNews .btnList li {
      margin-bottom: 10px
  }

  #content .schoolNews .btnList li a {
      display: block;
      line-height: 1;
      color: #fff;
      text-decoration: none
  }

  #content .schoolNews .btnList li a dl dt {
      font-weight: 700
  }

  #content .schoolNews .btnList li a dl dd {
      font-weight: 700
  }

  #content .schoolNews .btnList li:hover {
      opacity: .7
  }

  #content .schoolNews .btnList .ambivalence {
      border: 3px solid #293b60;
      background: url(https://manabi-contents.benesse.ne.jp/noauth/resources/img/bgi-btnList_001.jpg?20220425)
  }

  #content .schoolNews .btnList .ambivalence a {
      color: #293b60
  }

  #content .schoolNews .btnList .twitter {
      background: #00aced
  }

  #content .schoolNews .btnList .line {
      background: #00c300
  }

  #content .schoolNews .onePoint {
      background: #fff
  }

  #content .schoolNews .onePoint .ttl h4 {
      text-align: center
  }

  #content .schoolNews .onePoint .ttl p {
      text-align: center;
      line-height: 1;
      font-size: 10px;
      color: #666
  }

  #content .schoolNews .onePoint .ttl p a {
      font-style: italic;
      color: #666
  }

  #content .schoolNews .onePoint .txt .phrase {
      line-height: 1.5;
      position: relative
  }

  #content .schoolNews .onePoint .txt .phrase h5 {
      position: absolute;
      color: #fff;
      background: #293b60
  }

  #content .schoolNews .onePoint .txt .phrase h5:after {
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 0 6px 6px 0;
      border-color: transparent #293b60 transparent transparent;
      content: "";
      display: block;
      position: absolute;
      bottom: -6px;
      left: 20px
  }

  #content .schoolNews .onePoint .txt .phrase p {
      border-bottom: 1px dashed #ddd
  }

  #content .schoolNews .onePoint .txt .phrase p:last-child {
      border-bottom: none
  }

  #content .schoolNews .onePoint .txt .share {
      letter-spacing: -1em
  }

  #content .schoolNews .onePoint .txt .share li {
      letter-spacing: 0;
      display: inline-block;
      width: calc(50% - 1px)
  }

  #content .schoolNews .onePoint .txt .share li a {
      display: block;
      text-align: center;
      color: #fff;
      font-weight: 700;
      text-decoration: none
  }

  #content .schoolNews .onePoint .txt .share li:first-child {
      margin-right: 2px
  }

  #content .schoolNews .onePoint .txt .share .facebook a {
      background: #4267b2
  }

  #content .schoolNews .onePoint .txt .share .twitter a {
      background: #1da1f2
  }

  #content .function {
      background: #68bbdf
  }

  #content .function dl {
      background: #fff
  }

  #content .function dl dd {
      position: relative
  }

  #content .function dl dd .txt {
      line-height: 1.7
  }

  #content .function dl dd .link a {
      display: inline-block;
      padding-left: 18px;
      background: url(https://manabi-contents.benesse.ne.jp/noauth/_sharedZ_New/img/ico-arrow_blue_001.png) left 4px no-repeat;
      background-size: 7px auto
  }

  #content .function dl dd .orangeBtn {
      display: block;
      color: #fff;
      text-align: center;
      background: url(https://manabi-contents.benesse.ne.jp/noauth/_sharedZ_New/img/ico-arrow_white_001.png) right 10px center no-repeat #e2551e;
      background-size: 7px auto;
      text-decoration: none;
      font-weight: 700;
      border-radius: 3px
  }

  #content .function dl dd .orangeBtn:hover {
      opacity: .7
  }

  #content .function dl dd input[type=password],#content .function dl dd input[type=text] {
      background: #f6f6f6;
      border: 1px solid #ddd;
      border-radius: 3px
  }

  #content .function .boxIn .performance dd .txt a {
      color: #0091d7
  }

  #content .function .boxIn .performance dd .accessKey {
      text-align: center
  }

  #content .function .boxIn .performance dd input {
      width: 40px;
      padding: 0 5px;
      text-align: center
  }

  #content .function .boxIn .performance dd span {
      padding: 0 6px
  }

  body header {
      margin-bottom: 0
  }

  #content.patternB {
      padding-bottom: 0
  }

  #content.patternB .tagCont.manabiHomeTaglist dd,#content.patternB .tagCont.manabiHomeTaglist dt {
      float: left
  }

  #content.patternB .tagCont.manabiHomeTaglist dt {
      clear: left;
      background: url(https://manabi-contents.benesse.ne.jp/noauth/resources/img/ico-tag_002.png?20220425) left center no-repeat;
      box-sizing: border-box;
      font-weight: 700;
      color: #888
  }

  #content.patternB .tagCont.manabiHomeTaglist dt a {
      text-decoration: none;
      color: #888
  }

  #content.patternB .tagCont.manabiHomeTaglist dd ul {
      letter-spacing: -.4em
  }

  #content.patternB .tagCont.manabiHomeTaglist dd ul li {
      letter-spacing: 0;
      display: inline-block
  }

  #content.patternB .tagCont.manabiHomeTaglist dd ul li:last-child {
      margin-right: 0
  }

  #content.patternB .tagCont.manabiHomeTaglist dd ul li a {
      text-decoration: none;
      color: #888
  }

  #content.patternB .sideSnsBox .innerBox ul {
      letter-spacing: -.4em
  }

  #content.patternB .sideSnsBox .innerBox ul li {
      letter-spacing: 0;
      display: inline-block
  }

  #content.patternB .sideSnsBox .innerBox ul li:last-child {
      margin-right: 0
  }

  #content.patternB .featureArea {
      background: #fff
  }

  #content.patternB .featureArea ul {
      border-top: 1px solid #ddd
  }

  #content.patternB .featureArea ul li {
      border-bottom: 1px solid #ddd
  }

  #content.patternB .featureArea ul li a {
      display: table;
      table-layout: fixed;
      text-decoration: none;
      width: 100%
  }

  #content.patternB .featureArea ul li a .picArea,#content.patternB .featureArea ul li a .txtArea {
      display: table-cell;
      vertical-align: middle
  }

  #content.patternB .featureArea ul li a .picArea figure {
      position: relative;
      overflow: hidden
  }

  #content.patternB .featureArea ul li a .picArea figure img {
      position: absolute;
      height: auto;
      width: 100%;
      top: 50%;
      left: 50%;
      transform: translate(-50%,-50%);
      -webkit-transform: translate(-50%,-50%)
  }

  #content.patternB .featureArea ul li a .txtArea {
      line-height: 1.3
  }

  #content.patternB .featureArea ul li a .txtArea p {
      padding-bottom: 0;
      line-height: 1.5
  }

  #content.patternB .featureArea ul li a .txtArea .ttl {
      font-weight: 700
  }

  #content.patternB .featureArea ul li a .txtArea .univ {
      font-weight: 700;
      color: #0091d7
  }

  #content.patternB .featureArea ul li a .txtArea .day {
      color: #666
  }

  #content.patternB .featureArea ul li a.pr .day:before {
      content: "PR";
      display: inline-block;
      border: 1px solid #ddd;
      border-radius: 5px
  }

  #content.patternB .featureArea .blueBtn {
      margin: 0 auto
  }

  #content.patternB .middleNewsArea {
      border-top: 1px solid #ccc;
      border-bottom: 1px solid #ccc
  }

  #content.patternB .middleNewsArea dl {
      margin: 0 auto;
      line-height: 1
  }

  #content.patternB .middleNewsArea dl dt {
      float: left;
      clear: left;
      color: #0091d7
  }

  #content.patternB .middleNewsArea dl dt a {
      color: #0091d7;
      text-decoration: none
  }

  #content.patternB .middleNewsArea dl dd {
      float: left
  }

  #content.patternB .middleNewsArea dl dd a {
      display: inline-block;
      text-decoration: none;
      background: url(https://manabi-contents.benesse.ne.jp/noauth/_sharedZ_New/img/ico-arrow_blue_001.png) right center no-repeat;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis
  }

  #content.patternB .schoolNews {
      width: auto;
      background: #fff
  }

  #content.patternB .schoolNews .tab {
      margin: 0 auto
  }

  #content.patternB .function p {
      float: left;
      background: #fff
  }

  #content.patternB .function p a {
      display: block;
      text-indent: -9999px
  }

  #content.patternB .bottomContBox {
      background: #fff
  }

  .blueBtn {
      width: 225px;
      height: 38px;
      line-height: 38px;
      margin: 20px auto 0;
      font-size: 14px
  }

  #content {
      max-width: 100%;
      overflow: hidden;
  }

  #content .notice {
      padding: 9px
  }

  #content .notice p {
      text-align: center;
      font-size: 12px
  }

  #content.patternB .notice p {
      font-size: 10px
  }

  #content .slideAll {
      width: 250px;
      margin: 0 auto 50px;
      height: 250px;
      position: relative
  }

  #content .slideAll .slideWrap {
      width: 750px;
      position: absolute;
      left: 50%;
      margin-left: -375px
  }

  #content .slideAll .slideWrap .bx-wrapper {
      max-width: none!important
  }

  #content .slideAll .slideWrap .bx-wrapper .slide {
      width: 100%
  }

  #content .slideAll .slideWrap .bx-wrapper .slide .item {
      width: 250px!important;
      height: 250px!important;
      margin: 0 2px
  }

  #content .slideAll .slideWrap .bx-wrapper .slide .item a {
      width: 250px;
      height: 250px
  }

  #content .slideAll .slideWrap .bx-wrapper .slide .item a img {
      height: 100%;
      width: auto;
      max-width: none
  }

  #content .slideAll .slideWrap .bx-wrapper .slide .item a p {
      font-size: 15px;
      padding: 20px
  }

  #content .slideAll .slideWrap .bx-wrapper .slide .item a:after {
      font-size: 10px;
      padding: 7px 10px
  }

  #content .slideAll .slideWrap .bx-wrapper .bx-pager {
      bottom: -35px
  }

  #content .slideAll .slideWrap .bx-wrapper .bx-pager a {
      width: 7px;
      height: 7px;
      border-radius: 10px;
      margin: 0 3.5px
  }

  #content .searchBox .lookingFor {
      margin: 0 15px 30px
  }

  #content .searchBox .lookingFor h3 {
      font-size: 14px
  }

  #content .searchBox .lookingFor h3 span {
      padding: 12px 0 12px 25px;
      background-size: 19px 19px
  }

  #content .searchBox .lookingFor .listIn {
      background: #fff;
      border: 1px solid #ddd;
      border-top: none
  }

  #content .searchBox .lookingFor ul {
      border: none;
      width: 276px;
      margin: 0 auto;
      padding: 10px 0 2px 8px
  }

  #content .searchBox .lookingFor ul li {
      width: 84px;
      margin: 0 8px 8px 0;
      display: block;
      float: left
  }

  #content .searchBox .lookingFor ul li a {
      width: 84px;
      height: 84px;
      font-size: 10px
  }

  #content .searchBox .lookingFor ul li a span {
      padding: 45px 0 0;
      letter-spacing: -.05em
  }

  #content .searchBox .lookingFor ul li .recommend:after {
      width: 64px;
      font-size: 14px;
      transform: scale3d(.5,.5,1);
      transform-origin: 0 0;
      -webkit-transform: scale3d(.5,.5,1);
      -webkit-transform-origin: 0 0;
      -ms-transform: scale3d(.5,.5,1);
      -ms-transform-origin: 0 0;
      text-align: center;
      padding: 4px 0
  }

  #content .searchBox .lookingFor ul .job a {
      background: url(https://manabi-contents.benesse.ne.jp/noauth/resources/img/ico-lookingFor_box_001.png?20220425) center 16px no-repeat;
      background-size: 27px auto
  }

  #content .searchBox .lookingFor ul .learn a {
      background: url(https://manabi-contents.benesse.ne.jp/noauth/resources/img/ico-lookingFor_box_002.png?20220425) center 20px no-repeat;
      background-size: 25px auto
  }

  #content .searchBox .lookingFor ul .future a {
      background: url(https://manabi-contents.benesse.ne.jp/noauth/resources/img/ico-lookingFor_box_003.png?20220425) center 18px no-repeat;
      background-size: 19px auto
  }

  #content .searchBox .lookingFor ul .univ a {
      background: url(https://manabi-contents.benesse.ne.jp/noauth/resources/img/ico-lookingFor_box_004.png?20220425) center 18px no-repeat;
      background-size: 33px auto
  }

  #content .searchBox .lookingFor ul .expart a {
      background: url(https://manabi-contents.benesse.ne.jp/noauth/resources/img/ico-lookingFor_box_005.png?20220425) center 20px no-repeat;
      background-size: 31px auto
  }

  #content .searchBox .lookingFor ul .exam a {
      background: url(https://manabi-contents.benesse.ne.jp/noauth/resources/img/ico-lookingFor_box_006.png?20220425) center 22px no-repeat;
      background-size: 26px auto
  }

  #content .searchBox .lookingFor ul .digital a {
      background: url(https://manabi-contents.benesse.ne.jp/noauth/resources/img/ico-lookingFor_box_007.png?20220425) center 30px no-repeat;
      background-size: 60px auto
  }

  #content .searchBox .lookingFor ul .voice a {
      background: url(https://manabi-contents.benesse.ne.jp/noauth/resources/img/ico-lookingFor_box_008.png?20220425) center 20px no-repeat;
      background-size: 25px auto
  }

  #content.patternB .searchBox .lookingFor ul .plus.parent a {
      background: url(https://manabi-contents.benesse.ne.jp/noauth/resources/img/ico-lookingFor_box_011.png?20220425) center 20px no-repeat;
      background-size: 25px auto
  }

  #content .searchBox .lookingFor ul .document a {
      background: url(https://manabi-contents.benesse.ne.jp/noauth/resources/img/ico-lookingFor_box_009.png?20220425) center 17px no-repeat;
      background-size: 33px auto
  }

  #content .searchBox .lookingFor ul .kaigai a {
      background: url(https://manabi-contents.benesse.ne.jp/noauth/resources/img/ico-lookingFor_box_010.png?20220425) center 14px no-repeat;
      background-size: 31px auto
  }

  #content .searchBox .lookingFor ul .portfolio a {
      background: url(https://manabi-contents.benesse.ne.jp/noauth/resources/img/ico-lookingFor_box_012.png?20220425) center 15px no-repeat;
      background-size: 30px auto
  }

  #content .searchBox .bnrBox.bottom {
      padding: 0 15px 15px
  }

  #content .searchBox .bnrBox.bottom li {
      margin-bottom: 15px
  }

  #content .sideBox {
      padding: 20px 15px 40px
  }

  #content.patternB .searchBox .sideBox.spBoxPd {
      padding: 0 15px
  }

  #content .sideBox .inputBox {
      margin-bottom: 30px
  }

  #content .sideBox .inputBox h3 {
      font-size: 17px
  }

  #content .sideBox .inputBox h3 span {
      padding-left: 32px;
      height: 53px;
      line-height: 53px;
      background-size: 23px 23px
  }

  #content .sideBox .inputBox .tab .tabMenu {
      padding: 9px 9px 0;
      line-height: 1
  }

  #content .sideBox .inputBox .tab .tabMenu li {
      font-size: 14px;
      height: 39px;
      line-height: 39px;
      width: calc(50% - 2px);
      display: block;
      float: left
  }

  #content .sideBox .inputBox .tab .tabCont>div {
      padding: 20px 0;
      text-align: center;
      letter-spacing: -.5em
  }

  #content .sideBox .inputBox .tab .tabCont>div input {
      display: inline-block;
      letter-spacing: 0;
      height: 43px;
      line-height: 43px;
      padding: 0 8px;
      font-size: 13px;
      width: 164px;
      text-align: left;
      box-sizing: border-box;
      margin-top: -3px;
      border-radius: 3px 0 0 3px
  }

  #content .sideBox .inputBox .tab .tabCont>div button {
      display: inline-block;
      margin: 0;
      width: 86px;
      letter-spacing: 0;
      height: 43px;
      line-height: 43px;
      background-image: none;
      border-radius: 0 3px 3px 0
  }

  #content .sideBox .bx-wrapper {
      width: 300px;
      margin: 0 auto
  }

  #content .sideBox .bx-wrapper .bx-controls {
      display: none!important
  }

  #content .recommendArticle {
      padding: 20px 15px 30px
  }

  #content .recommendArticle .blueBtn {
      color: #fff!important
  }

  #content .recommendArticle .articleBox .item {
      margin-bottom: 10px
  }

  #content .recommendArticle .articleBox .item .number {
      width: 24px;
      border-radius: 24px;
      height: 24px;
      line-height: 24px;
      top: -5px;
      left: -12px
  }

  #content .recommendArticle .articleBox .item a {
      display: table;
      table-layout: fixed
  }

  #content .recommendArticle .articleBox .item a figure {
      display: table-cell;
      width: 110px;
      height: 85px
  }

  #content .recommendArticle .articleBox .item a figure img {
      width: auto;
      height: 85px;
      max-width: none;
      -ms-transform: translate(-50%,0)
  }

  #content .recommendArticle .articleBox .item a:hover figure img {
      -ms-transform: translate(-50%,0) scale(1.1,1.1)
  }

  #content .recommendArticle .articleBox .item a dl {
      display: table-cell;
      vertical-align: middle;
      padding: 0 15px
  }

  #content .recommendArticle .articleBox .item a dl dt {
      font-size: 12px;
      margin-bottom: 6px
  }

  #content .recommendArticle .articleBox .item a dl dd span {
      font-size: 10px
  }

  #content .recommendArticle .articleBox .item a dl dd .pr {
      padding: 2px 5px;
      margin-right: 5px
  }

  #content .recommendArticle .articleBox .item .univName {
      font-size: 11px;
      font-weight: 700;
      color: #0091d7;
      display: block;
      margin-top: 4px
  }

  #content .manabiNews {
      padding: 0 15px 30px
  }

  #content .manabiNews dl {
      padding: 5px 15px
  }

  #content .manabiNews dl dt {
      padding: 10px 0 3px;
      font-size: 10px;
      line-height: 1.4
  }

  #content .manabiNews dl dd {
      padding: 0 0 10px;
      font-size: 12px;
      border-bottom: 1px dotted #ddd;
      line-height: 1.4
  }

  #content .manabiNews dl dd a {
      display: inline-block;
      background-position: left 2px
  }

  #content .manabiNews dl dd:last-child {
      border-bottom: none
  }

  #content .rightNow {
      padding: 30px 15px
  }

  #content .rightNow ul li {
      margin-bottom: 10px
  }

  #content .rightNow ul li a figure {
      width: 130px;
      vertical-align: middle;
      text-align: center;
      padding: 15px 0
  }

  #content .rightNow ul li a figure img {
      width: 100px;
      height: 100px
  }

  #content .rightNow ul li a dl {
      padding: 10px 15px
  }

  #content .rightNow ul li a dl dt {
      font-size: 12px
  }

  #content .rightNow ul li a dl dd {
      font-size: 11px
  }

  #content .schoolNews {
      padding: 30px 0
  }

  #content .schoolNews .tab {
      margin-bottom: 40px
  }

  #content .schoolNews .tab .tabMenu {
      padding: 0 14px;
      display: flex;
      justify-content: center
  }

  #content .schoolNews .tab .tabMenu li {
      width: 80px;
      height: 30px;
      line-height: 30px;
      font-size: .875rem
  }

  #content .schoolNews .tab .tabMenu li:first-child {
      margin-right: 20px
  }

  #content .schoolNews .tab .areaTab .areaTabMenu {
      display: none
  }

  #content .schoolNews .tab .areaTab .areaTabCont h4 {
      color: #333;
      height: 40px;
      line-height: 40px;
      font-size: .875rem;
      position: relative;
      padding-left: 14px
  }

  #content .schoolNews .tab .areaTab .areaTabCont h4:after {
      content: "";
      position: absolute;
      right: 13px;
      top: 0;
      bottom: 0;
      margin: auto;
      width: 8px;
      height: 8px;
      box-sizing: border-box;
      border-bottom: 2px solid #0091d7;
      border-right: 2px solid #0091d7;
      transform: rotate(45deg);
      transition: transform ease .3s
  }

  #content .schoolNews .tab .areaTab .areaTabCont h4.open:after {
      transform: rotate(-135deg)
  }

  #content .schoolNews .tab .areaTab .areaTabCont>div {
      border-bottom: 1px solid #ddd
  }

  #content .schoolNews .tab .areaTab .areaTabCont .contBox {
      background: #fff;
      display: none
  }

  #content .schoolNews .tab .areaTab .areaTabCont .contBox dl {
      border-top: solid 1px #ddd
  }

  #content .schoolNews .tab .areaTab .areaTabCont .contBox dl dt {
      font-size: 10px;
      color: #666;
      margin-bottom: 5px
  }

  #content .schoolNews .tab .areaTab .areaTabCont .contBox dl dd {
      font-size: .75rem;
      line-height: 1.5em;
      border-bottom: solid 1px #ddd
  }

  #content .schoolNews .tab .areaTab .areaTabCont .contBox dl dd a {
      display: block;
      text-decoration: none!important;
      padding: 7px 40px 7px 14px;
      position: relative
  }

  #content .schoolNews .tab .areaTab .areaTabCont .contBox dl dd a:after {
      content: "";
      position: absolute;
      right: 15px;
      top: 0;
      bottom: 0;
      margin: auto;
      width: 6px;
      height: 6px;
      box-sizing: border-box;
      border-top: 1px solid #000;
      border-right: 1px solid #000;
      transform: rotate(45deg)
  }

  #content .schoolNews .tab .areaTab .areaTabCont .contBox .moreBtn {
      padding: 15px 4px;
      text-align: right
  }

  #content .schoolNews .tab .areaTab .areaTabCont .contBox:before {
      content: "";
      display: block;
      position: absolute;
      background: url(https://manabi-contents.benesse.ne.jp/noauth/resources/img/ico-schoolNews_arrow_001.png?20220425) left top no-repeat;
      background-size: contain;
      width: 20px;
      height: 22px;
      top: -2px;
      left: 12px;
      z-index: 1
  }

  #content .schoolNews .btnList {
      margin: 0 15px
  }

  #content .schoolNews .btnList li {
      margin: 0 0 10px
  }

  #content .schoolNews .btnList li a {
      padding: 20px 0 20px 87px
  }

  #content .schoolNews .btnList li a dl dt {
      font-size: 11px;
      margin-bottom: 5px
  }

  #content .schoolNews .btnList li a dl dd {
      font-size: 16px
  }

  #content .schoolNews .btnList .ambivalence a {
      padding: 17px 0 17px 84px;
      background: url(https://manabi-contents.benesse.ne.jp/noauth/resources/img/ico-btnList_sp_001.png?20220425) 21px center no-repeat,url(https://manabi-contents.benesse.ne.jp/noauth/_sharedZ_New/img/ico-arrow_blue_001.png) right 17px center no-repeat;
      background-size: 38px auto,7px auto
  }

  #content .schoolNews .btnList .twitter a {
      background: url(https://manabi-contents.benesse.ne.jp/noauth/resources/img/ico-btnList_sp_002.png?20220425) 15px center no-repeat,url(https://manabi-contents.benesse.ne.jp/noauth/_sharedZ_New/img/ico-arrow_white_001.png) right 17px center no-repeat;
      background-size: 54px auto,7px auto
  }

  #content .schoolNews .btnList .line a {
      background: url(https://manabi-contents.benesse.ne.jp/noauth/resources/img/ico-btnList_sp_003.png?20220425) 15px center no-repeat,url(https://manabi-contents.benesse.ne.jp/noauth/_sharedZ_New/img/ico-arrow_white_001.png) right 17px center no-repeat;
      background-size: 63px auto,7px auto
  }

  #content .schoolNews .onePoint {
      margin: 0 15px 30px
  }

  #content .schoolNews .onePoint .ttl {
      padding: 18px 0 15px;
      border-bottom: 1px solid #ddd
  }

  #content .schoolNews .onePoint .ttl h4 {
      margin-bottom: 13px
  }

  #content .schoolNews .onePoint .txt {
      padding: 30px 15px 20px
  }

  #content .schoolNews .onePoint .txt .phrase {
      background: #f1f1f1;
      padding: 0 15px
  }

  #content .schoolNews .onePoint .txt .phrase h5 {
      top: -20px;
      left: -10px;
      font-size: 11px;
      padding: 6px 8px
  }

  #content .schoolNews .onePoint .txt .phrase h5:after {
      left: 5px
  }

  #content .schoolNews .onePoint .txt .phrase p {
      font-size: 11px;
      line-height: 1.4;
      padding: 15px 0
  }

  #content .schoolNews .onePoint .txt .phrase p:nth-child(2) {
      font-size: 11.5px
  }

  #content .schoolNews .onePoint .txt .share {
      margin-top: 2px
  }

  #content .schoolNews .onePoint .txt .share li a {
      font-size: 10px;
      height: 25px;
      line-height: 25px
  }

  #content .function {
      padding: 30px 15px
  }

  #content .function dl {
      margin-bottom: 10px
  }

  #content .function dl dt {
      height: 95px;
      background: url(https://manabi-contents.benesse.ne.jp/noauth/resources/img/bgi-loginBox_sp_001.jpg?20220425);
      background-size: 94px auto;
      position: relative;
      overflow: hidden;
      padding-right: 42px
  }

  #content .function dl dt:after {
      content: "";
      display: block;
      background: url(https://manabi-contents.benesse.ne.jp/noauth/resources/img/ico-down_001.png?20220425) center center no-repeat #f1f1f1;
      background-size: 15px auto;
      width: 28px;
      height: 28px;
      border-radius: 14px;
      position: absolute;
      top: 50%;
      margin-top: -14px;
      right: 15px
  }

  #content .function dl dt.open:after {
      background: url(https://manabi-contents.benesse.ne.jp/noauth/resources/img/ico-up_001.png?20220425) center center no-repeat #f1f1f1;
      background-size: 14px auto
  }

  #content .function dl dd {
      font-size: 12px;
      line-height: 1.5;
      padding: 15px 15px 20px;
      display: none
  }

  #content .function dl dd .txt {
      margin-bottom: 5px
  }

  #content .function dl dd .orangeBtn {
      width: 200px;
      font-size: 13px;
      height: 33px;
      line-height: 33px;
      margin: 15px auto 0
  }

  #content .function .boxIn .box dt span {
      display: block;
      width: 100%;
      height: 95px
  }

  #content .function .boxIn .box dd {
      border-top: 1px solid #ddd
  }

  #content .function .boxIn .parent dt {
      background: 0 0
  }

  #content .function .boxIn .parent dt span {
      background: url(https://manabi-contents.benesse.ne.jp/noauth/resources/img/ttl-function_sp_001.jpg?20220425) center center no-repeat;
      background-size: 217px auto
  }

  #content .function .boxIn .performance dt {
      background: 0 0
  }

  #content .function .boxIn .performance dt span {
      background: url(https://manabi-contents.benesse.ne.jp/noauth/resources/img/ttl-function_002.jpg?20220425) center center no-repeat;
      background-size: 210px auto
  }

  #content .function .boxIn .performance dd .accessKey {
      line-height: 1.7
  }

  #content .function .boxIn .performance dd input {
      height: 30px;
      line-height: 30px
  }

  #content .function .boxIn .support {
      margin-bottom: 0
  }

  #content .function .boxIn .support dt {
      background: 0 0
  }

  #content .function .boxIn .support dt span {
      background: url(https://manabi-contents.benesse.ne.jp/noauth/resources/img/ttl-function_sp_003.jpg?20220425) center center no-repeat;
      background-size: 167px auto
  }

  #content .bnrList {
      padding: 40px 15px 0
  }

  #content .bnrList li {
      margin-bottom: 10px;
      text-align: center
  }

  #content .infoBox {
      margin: 40px 15px 0;
      border: 1px solid #293b60;
      background: #fff;
      padding: 15px 20px
  }

  #content .infoBox li {
      line-height: 1.4;
      margin-bottom: 5px;
      font-size: 13px
  }

  #content .infoBox li a {
      padding-left: 15px;
      background: url(https://manabi-contents.benesse.ne.jp/noauth/_sharedZ_New/img/ico-arrow_blue_001.png) left 3px no-repeat;
      background-size: 7px auto;
      display: inline-block;
      text-decoration: none
  }

  .manabiuniv_frame.DMPbannerImg img {
      padding-bottom: 30px
  }

  .manabiuniv_frame.DMPbannerImgSpp img {
      padding: 30px 0
  }

  .manabiuniv_frame.DMPbannerImglast div:first-child {
      padding: 30px 15px
  }

  .topAdBnrArea {
      margin: 0 15px 20px
  }

  #wrapper footer .footerList .list>li small {
      font-size: 10px;
      display: inline-block;
      padding-left: 10px
  }

  #wrapper footer .footerList .list>li>p a {
      padding: 23px 45px 23px 15px
  }

  #wrapper footer .footerList .list li .child {
      background: #092244;
      padding: 5px 0 15px;
      display: none
  }

  #wrapper footer .footerList .list li .child:last-child {
      border-bottom: 1px solid #586891
  }

  #content .recommendArticle .articleBox .item .univName2 {
      font-size: 11px;
      font-weight: 700;
      color: #0091d7;
      display: block;
      margin-top: 4px
  }

  .manabiuniv_frame ul li {
      margin-bottom: 10px!important
  }

  .dmp_mb {
      margin-bottom: 20px!important
  }

  .dmp_pb {
      padding-bottom: 20px!important
  }

  .dmp_mt {
      margin-top: 20px!important
  }

  .dmp_pt {
      padding-top: 20px!important
  }

  .dmp_mb_in {
      margin-bottom: -20px!important
  }

  #content.patternB {
      background: #fff
  }

  #content.patternB .slideAll .slideWrap .bx-wrapper .slide .item {
      height: 167px!important
  }

  #content.patternB .slideAll .slideWrap .bx-wrapper .slide .item a {
      height: 167px
  }

  #content.patternB .slideAll {
      height: 167px!important
  }

  #content.patternB .searchTagBox {
      padding: 10px 15px
  }

  #content.patternB .searchTagBox .searchCont {
      vertical-align: bottom;
      white-space: nowrap
  }

  #content.patternB .searchTagBox .searchCont button {
      margin-left: -7px;
      font-size: 14px;
      height: 40px;
      line-height: 40px;
      width: 60px
  }

  #content.patternB .tagCont.manabiHomeTaglist {
      padding-top: 10px;
      margin: 10px 15px
  }

  #content.patternB .tagCont.manabiHomeTaglist dd,#content.patternB .tagCont.manabiHomeTaglist dt {
      font-size: 10px
  }

  #content.patternB .tagCont.manabiHomeTaglist dt {
      width: 90px;
      background-size: 15px 15px;
      padding-left: 20px
  }

  #content.patternB .tagCont.manabiHomeTaglist dd ul li {
      margin-right: 12px
  }

  #content.patternB .tagCont.manabiHomeTaglist dd ul li:nth-child(n+4) {
      display: none
  }

  #content.patternB .sideSnsBox {
      margin: 20px -15px 0;
      background: #f1f1f1;
      border-top: 1px solid #ddd;
      border-bottom: 1px solid #ddd;
      display: table;
      table-layout: fixed;
      width: 100%;
      padding: 10px 15px
  }

  #content.patternB .sideSnsBox .innerBox,#content.patternB .sideSnsBox h3 {
      display: table-cell;
      vertical-align: middle
  }

  #content.patternB .sideSnsBox h3 {
      font-size: 14px;
      color: #293b60;
      width: 220px
  }

  #content.patternB .sideSnsBox h3 span {
      font-weight: 700;
      display: inline-block;
      padding-left: 20px;
      background: url(https://manabi-contents.benesse.ne.jp/noauth/resources/img/ico-sns_ttl_sp_001.png?20220425) left center no-repeat;
      background-size: 12px auto
  }

  #content.patternB .sideSnsBox .innerBox ul {
      text-align: right
  }

  #content.patternB .sideSnsBox .innerBox ul li {
      width: 30px;
      margin-right: 10px
  }

  #content.patternB .featureArea {
      margin: 0 15px;
      padding-top: 20px
  }

  #content.patternB .featureArea ul li a {
      padding: 14px 0
  }

  #content.patternB .featureArea ul li a .picArea {
      width: 110px
  }

  #content.patternB .featureArea ul li a .picArea figure {
      height: 85px
  }

  #content.patternB .featureArea ul li a .txtArea {
      padding-left: 15px
  }

  #content.patternB .featureArea ul li a .txtArea .ttl {
      font-size: 12px;
      margin-bottom: 5px
  }

  #content.patternB .featureArea ul li a .txtArea .univ {
      font-size: 11px;
      margin-bottom: 5px
  }

  #content.patternB .featureArea ul li a .txtArea .day {
      font-size: 10px
  }

  #content.patternB .featureArea ul li a.pr .day:before {
      font-size: 10px;
      padding: 0 7px;
      margin-right: 5px
  }

  #content.patternB .featureArea .blueBtn {
      width: auto;
      max-width: 280px;
      color: #fff;
      margin-top: 20px
  }

  #content.patternB .middleNewsArea {
      background: #f1f1f1;
      padding: 15px
  }

  #content.patternB .middleNewsArea dl {
      line-height: 1
  }

  #content.patternB .middleNewsArea dl dt {
      width: 50px
  }

  #content.patternB .middleNewsArea dl dd {
      width: calc(100% - 50px);
      font-size: 12px;
      background: url(https://manabi-contents.benesse.ne.jp/noauth/_sharedZ_New/img/ico-arrow_blue_001.png) right center no-repeat;
      background-size: 7px 11px
  }

  #content.patternB .middleNewsArea dl dd a {
      display: block;
      box-sizing: border-box;
      padding-right: 15px;
      background: 0 0
  }

  #content.patternB .lookingFor {
      border-top: 3px solid #425478;
      margin-bottom: 0
  }

  #content.patternB .schoolNews {
      margin-bottom: 20px!important
  }

  #content.patternB .schoolNews .tab {
      margin-top: 12px;
      padding: 0 3.125%
  }

  #content.patternB .function {
      text-align: center;
      letter-spacing: -.4em;
      white-space: nowrap
  }

  #content.patternB .function p {
      width: 90px;
      position: relative;
      float: none;
      display: inline-block;
      letter-spacing: 0;
      margin-right: 10px
  }

  #content.patternB .function p:before {
      content: "";
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 15px 15px 0 0;
      border-color: #68bbdf transparent transparent transparent
  }

  #content.patternB .function p a {
      height: 90px
  }

  #content.patternB .function .lab a {
      background: url(https://manabi-contents.benesse.ne.jp/noauth/resources/img/banner_SP_140_148.jpg?20220425) center center no-repeat;
      background-size: 70px auto
  }

  #content.patternB .function .performance a {
      background: url(https://manabi-contents.benesse.ne.jp/noauth/resources/img/ttl-function_b_sp_002.jpg?20220425) center center no-repeat;
      background-size: 64px auto
  }

  #content.patternB .function .support a {
      background: url(https://manabi-contents.benesse.ne.jp/noauth/resources/img/ttl-function_b_sp_003.jpg?20220425) center center no-repeat;
      background-size: 69px auto
  }

  #content.patternB .bottomContBox {
      padding: 0 0 15px
  }

  #content.patternB #RecommendBanner {
      padding-top: 30px
  }

  #content.patternB #spTopBanner {
      max-width: 300px;
      margin: 0 auto
  }

  #content.patternB #spTopBanner.bx-wrapper {
      width: 300px;
      margin: 0 auto
  }

  #content.patternB #spTopBanne.bx-wrapper .bx-controls {
      display: none!important
  }

  #content.patternB .infoBox {
      margin-top: 30px
  }

  .col2Box .article .box {
      border: 1px solid #ddd;
      box-sizing: border-box
  }

  .col2Box .article .box .ttl {
      background: #f1f1f1;
      border-bottom: 1px solid #ddd;
      padding: 15px 20px
  }

  .col2Box .article .box .ttl h3 {
      margin-bottom: 0;
      font-size: 15px
  }

  .col2Box .article .box .ttl h3 br {
      display: none
  }

  .col2Box .article .box .inner {
      padding: 20px
  }

  .col2Box .article .rankBox_job {
      margin-bottom: 30px
  }

  .col2Box .article .rankBox_job ul li {
      padding-left: 25px;
      background: url(https://manabi-contents.benesse.ne.jp/noauth/resources/img/ico-rank_002.png?20220425) left center no-repeat;
      background-size: 12px 12px;
      line-height: 1.2;
      margin-bottom: 20px
  }

  .col2Box .article .rankBox_job ul li span {
      display: inline-block;
      color: #293b60;
      font-weight: 700;
      padding-right: 10px
  }

  .col2Box .article .rankBox_job ul li.first {
      background: url(https://manabi-contents.benesse.ne.jp/noauth/resources/img/ico-rank_001.png?20220425) left center no-repeat;
      background-size: 16px 11px
  }

  .col2Box .article .rankBox_job ul li.up {
      background: url(https://manabi-contents.benesse.ne.jp/noauth/resources/img/ico-rank_003.png?20220425) left center no-repeat;
      background-size: 12px 12px
  }

  .col2Box .article .rankBox_job ul li.down {
      background: url(https://manabi-contents.benesse.ne.jp/noauth/resources/img/ico-rank_004.png?20220425) left center no-repeat;
      background-size: 12px 12px
  }

  .col2Box .article .rankBox_job .rankToggle {
      border-top: 1px solid #ddd;
      padding: 15px 0 0
  }

  .col2Box .article .rankBox_job .rankToggle span {
      cursor: pointer;
      text-decoration: underline
  }

  .col2Box .article .rankBox_job .rankToggle span:hover {
      text-decoration: none
  }

  .col2Box .article .rankBox_learn {
      margin-bottom: 30px
  }

  .col2Box .article .rankBox_learn ul li {
      padding-left: 25px;
      background: url(https://manabi-contents.benesse.ne.jp/noauth/resources/img/ico-rank_002.png?20220425) left center no-repeat;
      background-size: 12px 12px;
      line-height: 1.2;
      margin-bottom: 20px
  }

  .col2Box .article .rankBox_learn ul li span {
      display: inline-block;
      color: #293b60;
      font-weight: 700;
      padding-right: 10px
  }

  .col2Box .article .rankBox_learn ul li.first {
      background: url(https://manabi-contents.benesse.ne.jp/noauth/resources/img/ico-rank_001.png?20220425) left center no-repeat;
      background-size: 16px 11px
  }

  .col2Box .article .rankBox_learn ul li.up {
      background: url(https://manabi-contents.benesse.ne.jp/noauth/resources/img/ico-rank_003.png?20220425) left center no-repeat;
      background-size: 12px 12px
  }

  .col2Box .article .rankBox_learn ul li.down {
      background: url(https://manabi-contents.benesse.ne.jp/noauth/resources/img/ico-rank_004.png?20220425) left center no-repeat;
      background-size: 12px 12px
  }

  .col2Box .article .rankBox_learn .rankToggle {
      border-top: 1px solid #ddd;
      padding: 15px 0 0
  }

  .col2Box .article .rankBox_learn .rankToggle span {
      cursor: pointer;
      text-decoration: underline
  }

  .col2Box .article .rankBox_learn .rankToggle span:hover {
      text-decoration: none
  }

  .adsense .closeAdBnr {
      position: absolute;
      bottom: 12px;
      right: 5px;
      margin-top: -10px
  }

  .randomDigimoWrap {
      z-index: 5;
      display: none;
      line-height: 0;
      position: absolute;
      bottom: 100%
  }

  #pageTop {
      background: 0 0!important
  }

  .tagBox {
      margin: 0 15px 20px
  }

  .tagBox dt {
      background: #293b60;
      color: #fff;
      padding: 10px;
      text-align: center
  }

  .tagBox dt span {
      display: inline-block;
      font-weight: 700;
      font-size: 14px;
      font-weight: 700;
      padding-left: 25px;
      background: url(https://manabi-contents.benesse.ne.jp/noauth/resources/img/ico-tag_ttl_001.png?20220425) left center no-repeat;
      background-size: 18px 18px
  }

  .tagBox dd {
      background: #fff;
      border: 1px solid #ddd;
      border-top: none;
      padding: 10px 10px 5px
  }

  .hashTag a {
      text-decoration: none
  }

  .hashTag [data-tagColor=univ] {
      color: #52a4d6;
      border-color: #52a4d6
  }

  .hashTag [data-tagColor=vocat] {
      color: #f1b90e;
      border-color: #f1b90e
  }

  .hashTag [data-tagColor=job] {
      color: #ff755f;
      border-color: #ff755f
  }

  .hashTag [data-tagColor=learn] {
      color: #21c3b2;
      border-color: #21c3b2
  }

  .hashTag [data-tagColor=exam] {
      color: #ca70da;
      border-color: #ca70da
  }

  .hashTag [data-tagColor=other] {
      color: #fa8a20;
      border-color: #fa8a20
  }

  .articleItemWrapper {
      margin-top: 20px
  }

  .articleItemTtl {
      font-size: 20px;
      font-weight: 700;
      color: #364668;
      text-align: center;
      line-height: 1.2
  }

  .articleItemTtl span {
      font-size: 14px;
      font-weight: 400;
      display: block
  }

  .articleItem {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between
  }

  .articleItem li {
      width: calc(50% - 1px);
      position: relative
  }

  .articleItem li:before {
      content: "";
      display: block;
      width: 100%;
      height: 4px;
      position: absolute;
      top: -1px;
      left: 0;
      z-index: 1
  }

  .articleItem li[data-CategoryColor=univ]:before {
      background-color: #52a4d6
  }

  .articleItem li[data-CategoryColor=vocat]:before {
      background-color: #f1b90e
  }

  .articleItem li[data-CategoryColor=job]:before {
      background-color: #ff755f
  }

  .articleItem li[data-CategoryColor=learn]:before {
      background-color: #21c3b2
  }

  .articleItem li[data-CategoryColor=exam]:before {
      background-color: #ca70da
  }

  .articleItem li[data-CategoryColor=other]:before {
      background-color: #fa8a20
  }

  .articleItem a {
      display: block;
      text-decoration: none
  }

  .articleItemImg {
      height: 32vw;
      overflow: hidden;
      position: relative
  }

  .articleItemImg img {
      display: block;
      height: auto;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%,-50%)
  }

  .articleItemTxt {
      padding: 8px 11px 0;
      margin-bottom: 50px;
      font-size: 12px;
      font-weight: 700;
      line-height: 1.5;
      position: relative
  }

  .articleItemTxt .univName {
      position: absolute;
      left: 0;
      top: -23px;
      line-height: 23px;
      display: block;
      height: 23px;
      padding: 0 16px;
      color: #fff;
      font-size: 8px;
      font-weight: 700;
      background: rgba(0,81,120,.5);
      width: 100%;
      box-sizing: border-box
  }

  .articleListLink {
      font-size: 11px;
      font-weight: 700;
      color: #364668;
      text-align: right;
      padding-left: 11px;
      padding-right: 20px;
      position: absolute;
      bottom: 20px;
      right: 10px;
      line-height: 1
  }

  .articleListLink span {
      display: block;
      text-align: left
  }

  .articleListLink:after {
      content: "";
      width: 7px;
      height: 11px;
      background-image: url(https://manabi-contents.benesse.ne.jp/noauth/resources/img/icon-arrowRight_sp.png?20220425);
      background-size: 7px 11px;
      background-repeat: no-repeat;
      background-position: center;
      position: absolute;
      top: 0;
      bottom: 0;
      right: 8px;
      margin: auto
  }

  .contentsTtl {
      display: flex;
      align-items: center;
      font-size: 1.375rem;
      font-weight: 700;
      color: #fff;
      text-align: center;
      justify-content: center
  }

  .contentsTtl:before {
      content: "";
      display: inline-block;
      width: 49px;
      height: 49px;
      margin-right: 15px;
      background-color: transparent;
      border: solid 1px #fff;
      border-radius: 50%;
      background-repeat: no-repeat;
      background-position: center
  }

  .tagListWrapper {
      padding: 15px 7.5% 12px;
      position: relative;
      overflow: hidden
  }

  .tagListTtl {
      font-size: 14px;
      font-weight: 700;
      text-align: center;
      color: #364668
  }

  .tagList {
      margin-top: 9px
  }

  .tagList li {
      display: inline-block;
      margin-bottom: 6px
  }

  .tagList li:nth-child(n+7) {
      display: none
  }

  .tagList a {
      display: inline-block;
      text-decoration: none;
      padding: 0 5px;
      font-size: 11px;
      background-color: #fff
  }

  .hide {
      display: none!important
  }

  .spNone {
      display: none!important
  }

  .pageWrapper {
      position: relative;
      width: 100%;
      overflow: hidden
  }

  .main {
      overflow: hidden
  }

  .innerSp {
      position: relative;
      width: 100%;
      padding: 0 15px
  }

  .innerSp:after {
      content: "";
      display: block;
      clear: both
  }

  #content * {
      box-sizing: border-box
  }

  #content .keyVisual {
      background-color: #fff;
      position: relative
  }

  #content .keyVisualSlider {
      position: relative;
      display: none;
      padding-bottom: 20px
  }

  #content .keyVisualSlider .slick-dots {
      margin: 0 auto;
      text-align: center;
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0
  }

  #content .keyVisualSlider .slick-dots li {
      display: inline-block;
      margin-right: 15px;
      position: relative
  }

  #content .keyVisualSlider .slick-dots li:last-child {
      margin-right: 0
  }

  #content .keyVisualSlider .slick-dots li button {
      display: block;
      width: 6px;
      height: 6px;
      border-radius: 50%;
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      border: 0;
      padding: 0;
      font-size: 0;
      background-color: #a9c1ca;
      outline: 0;
      cursor: pointer;
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      margin: auto
  }

  #content .keyVisualSlider .slick-dots li.slick-active button {
      background-color: #0380c8
  }

  #content .keyVisualSlider.slick-initialized {
      display: block
  }

  #content .keyVisualSliderItem {
      position: relative;
      margin: 0 4.5px
  }

  #content .keyVisualSliderItem a {
      text-decoration: none
  }

  #content .keyVisualSliderItem:before {
      content: "";
      display: block;
      width: 100%;
      height: 4px;
      position: absolute;
      top: -1px;
      left: 0;
      z-index: 1
  }

  #content .keyVisualSliderItem .hashTag {
      margin-top: 5px;
      padding: 0 10px
  }

  #content .keyVisualSliderImg {
      width: 100%;
      height: 42vw;
      overflow: hidden;
      position: relative
  }

  #content .keyVisualSliderImg img {
      display: block;
      width: auto;
      max-width: initial;
      height: 100%;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%,-50%)
  }

  #content .keyVisualSliderTxt {
      margin-top: 10px;
      padding: 0 10px;
      font-weight: 700;
      font-size: 14px;
      line-height: 1.5
  }

  #content .noticeWrapper {
      padding: 12.5px 25px 12.5px 11px;
      background-color: #fff3f3
  }

  #content .infoWrapper {
      padding: 15px 25px 15px 11px;
      background-color: #fff;
      border: thin solid grey
  }

  #content .noticeTxt,#content .noticeTxt:visited {
      display: block;
      font-size: 10px;
      color: #cf1010;
      text-decoration: none;
      line-height: 1.5;
      position: relative
  }

  #content .noticeTxt::after,#content .noticeTxt:visited::after {
      content: "";
      width: 7px;
      height: 11px;
      background-image: url(https://manabi-contents.benesse.ne.jp/noauth/resources/img/icon-arrowRight_sp.png?20220425);
      background-size: 7px 11px;
      background-repeat: no-repeat;
      background-position: center;
      position: absolute;
      top: 0;
      bottom: 0;
      right: -18px;
      margin: auto
  }

  #content .serviceA {
      display: flex;
      justify-content: space-between;
      background-color: #d9ecf4;
      padding: 8px 11px
  }

  #content .serviceA a {
      display: block;
      height: 56px;
      background-color: #fff;
      text-decoration: none;
      font-size: 13px;
      line-height: 1.5;
      font-weight: 700;
      color: #079ddc;
      text-align: center
  }

  #content .serviceA li {
      width: calc(50% - 4px);
      box-shadow: 3px 3px 0 0 rgba(118,134,132,.41);
      border-radius: 3px
  }

  #content .serviceA li:nth-child(1) p {
      display: flex;
      align-items: center;
      max-width: 160px;
      height: 100%;
      margin: 0 auto;
      padding-left: 35px;
      background-image: url(https://manabi-contents.benesse.ne.jp/noauth/resources/img/icon-portfolio_blue.png?20220425);
      background-size: 26px 24px;
      background-repeat: no-repeat;
      background-position: 5px center
  }

  #content .serviceA li:nth-child(2) a {
      padding: 30px 0 0;
      background-image: url(https://manabi-contents.benesse.ne.jp/noauth/resources/img/logo-shinkenMoshi_blue.png?20220425);
      background-size: 74px 13px;
      background-repeat: no-repeat;
      background-position: center 12px
  }

  #content .serviceB {
      display: flex;
      justify-content: space-between;
      background-color: #d9ecf4;
      padding: 8px 11px
  }

  #content .serviceB a {
      display: block;
      padding: 45px 0 0;
      height: 72px;
      background-color: #fff;
      text-decoration: none;
      font-size: 11px;
      line-height: 1.5;
      font-weight: 700;
      color: #364668;
      text-align: center
  }

  #content .serviceB li {
      width: calc(50% - 4px);
      box-shadow: 3px 3px 0 0 rgba(118,134,132,.41);
      border-radius: 3px
  }

  #content .serviceB li:nth-child(1) a {
      margin: 0 auto;
      background-image: url(https://manabi-contents.benesse.ne.jp/noauth/resources/img/icon-portfolio.png?20220425);
      background-size: 32px auto;
      background-repeat: no-repeat;
      background-position: center 12px
  }

  #content .serviceB li:nth-child(2) a {
      background-image: url(https://manabi-contents.benesse.ne.jp/noauth/resources/img/logo-shinkenMoshi.png?20220425);
      background-size: 100px auto;
      background-repeat: no-repeat;
      background-position: center 20px
  }

  #content .serviceC {
      display: flex;
      justify-content: space-between;
      background-color: #d9ecf4;
      padding: 8px 11px;
      margin: 10px 0 -10px
  }

  #content .serviceC a {
      display: block;
      text-decoration: none;
      font-size: 11px;
      line-height: 1.5;
      font-weight: 700;
      color: #364668;
      text-align: center
  }

  #content .serviceC .serviceCTtl {
      height: 75px;
      padding: 45px 0 0;
      background-color: #fff;
      box-shadow: 3px 3px 0 0 rgba(118,134,132,.41);
      border-radius: 3px
  }

  #content .serviceC .serviceCTxt {
      color: #000;
      font-size: 10px;
      text-align: left;
      padding: 5px
  }

  #content .serviceC li {
      width: calc(50% - 4px)
  }

  #content .serviceC li:nth-child(1) .serviceCTtl {
      margin: 0 auto;
      background-image: url(https://manabi-contents.benesse.ne.jp/noauth/resources/img/icon-portfolio.png?20220425);
      background-size: 32px auto;
      background-repeat: no-repeat;
      background-position: center 12px
  }

  #content .serviceC li:nth-child(2) .serviceCTtl {
      background-image: url(https://manabi-contents.benesse.ne.jp/noauth/resources/img/logo-shinkenMoshi.png?20220425);
      background-size: 100px auto;
      background-repeat: no-repeat;
      background-position: center 20px
  }

  #content .tileMenu {
      display: flex;
      justify-content: space-between;
      margin-top: 10px;
      padding: 0 11px;
      box-sizing: border-box
  }

  #content .tileMenu li {
      width: calc(25% - 4.5px);
      height: 73px;
      background-position: center 8px;
      background-repeat: no-repeat;
      box-shadow: 3px 3px 0 0 rgba(118,134,132,.41);
      border-radius: 3px
  }

  #content .tileMenu li:nth-child(1) {
      background-color: #52a4d6;
      background-image: url(https://manabi-contents.benesse.ne.jp/noauth/resources/img/icon-university_sp.png?20220425);
      background-size: 29px 24px
  }

  #content .tileMenu li:nth-child(2) {
      background-color: #f1b90e;
      background-image: url(https://manabi-contents.benesse.ne.jp/noauth/resources/img/icon-vocational_sp.png?20220425);
      background-size: 27px 20px
  }

  #content .tileMenu li:nth-child(3) {
      background-color: #ff755f;
      background-image: url(https://manabi-contents.benesse.ne.jp/noauth/resources/img/icon-profession_sp.png?20220425);
      background-size: 23px 25px
  }

  #content .tileMenu li:nth-child(3) a {
      padding-top: 45px
  }

  #content .tileMenu li:nth-child(4) {
      background-color: #21c3b2;
      background-image: url(https://manabi-contents.benesse.ne.jp/noauth/resources/img/icon-learning_sp.png?20220425);
      background-size: 48px 21px;
      position: relative
  }

  #content .tileMenu li:nth-child(4):before {
      content: "";
      display: block;
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 5px 4px 0 4px;
      border-color: #fff transparent transparent transparent;
      position: absolute;
      bottom: 4px;
      left: 0;
      right: 0;
      margin: auto;
      z-index: 1
  }

  #content .tileMenu li:nth-child(4):after {
      content: "";
      display: block;
      width: 100%;
      height: 14px;
      background-color: #26bdab;
      position: absolute;
      bottom: 0;
      left: 0
  }

  #content .tileMenu li a {
      display: block;
      width: 100%;
      height: 100%;
      color: #fff;
      padding-top: 38px;
      font-size: 11px;
      box-sizing: border-box;
      text-decoration: none;
      text-align: center;
      line-height: 1.2;
      font-weight: 700
  }

  #content .tileMenu li span {
      font-size: 13px
  }

  #content .pickup {
      margin-top: 14px
  }

  #content .pickupItem {
      display: flex;
      justify-content: space-between
  }

  #content .pickupItem>li {
      width: calc(50% - 7px)
  }

  #content .pickupItem a {
      text-decoration: none
  }

  #content .pickupItemImg {
      height: 29.7vw;
      position: relative;
      overflow: hidden
  }

  #content .pickupItemImg img {
      display: block;
      width: auto;
      max-width: initial;
      height: 100%;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%,-50%)
  }

  #content .pickupItemTxt {
      margin-top: 8px;
      padding: 0;
      font-size: 10px;
      font-weight: 700;
      line-height: 1.6
  }

  #content .pickupItemTag {
      margin-top: 8px;
      padding: 0 6px;
      line-height: 1.5
  }

  #content .pickupTag {
      margin-top: 20px;
      padding: 0 7.5%
  }

  #content .searchTagBox {
      padding: 0 11px;
      margin-bottom: 10px
  }

  #content .recommendSub {
      margin-top: 20px
  }

  #content .searchTagBox .searchFormSp {
      display: flex;
      justify-content: space-between;
      line-height: 32px
  }

  #content .searchTagBox .searchBtnSp {
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      border: none;
      padding: 0;
      display: block;
      background-color: #079ddc;
      color: #fff;
      appearance: none;
      width: 66px;
      height: 32px;
      text-align: center
  }

  #content .searchCont {
      border-bottom: solid 2px #079ddc;
      padding: 0 0 5px 45px;
      background-image: url(https://manabi-contents.benesse.ne.jp/noauth/resources/img/icon-search_sp.png?20220425);
      background-size: 25px 24px;
      background-repeat: no-repeat;
      background-position: 10px center
  }

  #content .inputWrap {
      display: block;
      width: 100%;
      padding: 0 10px;
      box-sizing: border-box
  }

  #content .inputWrap input {
      display: block;
      width: calc(100% - 10px)!important;
      height: 100%;
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      border: none;
      padding: 0 0 0;
      font-size: 16px
  }

  #content .inputWrap input:-moz-placeholder-shown {
      color: #289ddc;
      text-align: center
  }

  #content .inputWrap input:-ms-input-placeholder {
      color: #289ddc;
      text-align: center
  }

  #content .inputWrap input:placeholder-shown {
      color: #289ddc;
      text-align: center
  }

  #content .inputWrap input::-webkit-input-placeholder {
      color: #289ddc;
      text-align: center
  }

  #content .inputWrap input:-moz-placeholder {
      opacity: 1;
      color: #289ddc;
      text-align: center
  }

  #content .inputWrap input::-moz-placeholder {
      opacity: 1;
      color: #289ddc;
      text-align: center
  }

  #content .inputWrap input:-ms-input-placeholder {
      color: #289ddc;
      text-align: center
  }

  #content .bannerSp .bx-wrapper {
      margin: auto
  }

  #content .documentListArea {
      background-color: #d9ecf4;
      padding: 11px 11px 15px;
      margin-top: 20px
  }

  #content .documentListArea a {
      text-decoration: none
  }

  #content .documentListArea ul {
      background-color: #fff;
      padding: 10px;
      margin-top: 12px
  }

  #content .documentListArea ul li:not(:first-child) {
      border-top: solid 1px #d9d9d6;
      padding-top: 13px;
      margin-top: 11px
  }

  #content .documentListArea .txtArea dt {
      min-height: 20px;
      color: #364668;
      font-weight: 700;
      padding-left: 28px;
      background-image: url(https://manabi-contents.benesse.ne.jp/noauth/resources/img/icon-pageBlack_sp.png?20220425);
      background-size: 18px 20px;
      background-repeat: no-repeat;
      background-position: center left
  }

  #content .documentListArea .txtArea dd {
      margin-top: 7px;
      font-size: 11px;
      position: relative;
      padding-right: 20px;
      color: #000;
      line-height: 1.5
  }

  #content .documentListArea .txtArea dd:after {
      content: "";
      width: 7px;
      height: 11px;
      background-image: url(https://manabi-contents.benesse.ne.jp/noauth/resources/img/icon-arrowRight_sp.png?20220425);
      background-size: 7px 11px;
      background-repeat: no-repeat;
      background-position: center;
      position: absolute;
      top: 0;
      bottom: 0;
      right: 5px;
      margin: auto
  }

  #content .midashiA {
      display: flex;
      justify-content: center;
      align-items: center;
      font-size: 1.375rem;
      color: #333;
      position: relative
  }

  #content .midashiA:before {
      content: "";
      width: 49px;
      height: 49px;
      background-color: #0794d8;
      border-radius: 50%;
      background-image: url(https://manabi-contents.benesse.ne.jp/noauth/resources/img/icon-page_sp.png?20220425);
      background-size: 14px 19px;
      background-repeat: no-repeat;
      background-position: center;
      margin-right: 13px
  }

  #content .pr {
      background-color: #f8f7e9
  }

  #content .pr .articleItemTxt {
      font-size: 14px
  }

  #content .prTag {
      padding-left: 40px;
      padding-right: 11px;
      font-size: 11px;
      position: absolute;
      bottom: 10px;
      left: 0
  }

  #content .prTag:before {
      content: "PR";
      width: 28px;
      line-height: 18px;
      position: absolute;
      top: 2px;
      left: 11px;
      background-color: #fff;
      border: solid 1px #999898;
      text-align: center
  }

  #content .prTag li {
      width: 100%;
      border: 0;
      margin-bottom: 3px;
      text-align: left
  }

  #content .prTag span {
      display: inline-block;
      line-height: 1.5;
      padding: 0 5px;
      text-align: left
  }

  #content .prMain .articleItem li[data-randamName=pr]:not(:nth-child(1)) {
      display: none
  }

  #content .prSub {
      margin-top: 20px
  }

  #content .prSub .articleItem>li {
      width: calc(33.33% - 2px)
  }

  #content .prSub .articleItemImg {
      height: 21vw
  }

  #content .prSub .articleItemTxt {
      font-size: 13px;
      padding-bottom: 30px
  }

  #content .prSub .prTag {
      padding: 0 0 0 10px;
      text-align: center
  }

  #content .prSub .prTag:before {
      display: none
  }

  #content .school {
      background-color: #fff
  }

  #content .school .contentsTtl:before {
      background-image: url(https://manabi-contents.benesse.ne.jp/noauth/resources/img/icon-university_sp.png?20220425);
      background-position: center 7px;
      background-size: 35px auto
  }

  #content .school .tagListWrapper {
      background-color: rgba(0,145,215,.1)
  }

  #content .school .articleItem li:first-child {
      width: 100%
  }

  #content .school .articleItem li:first-child .articleItemImg {
      height: 42vw
  }

  #content .school .articleItem li:first-child .articleItemTxt {
      font-size: 14px
  }

  #content .schoolHead {
      padding: 13px 0 12px;
      background-color: #0091d7
  }

  #content .schoolInvestigate {
      display: flex;
      justify-content: space-between;
      padding: 0 11px;
      margin-top: 15px
  }

  #content .schoolInvestigate li {
      width: calc(50% - 5px);
      height: 44px;
      background-color: #fff
  }

  #content .schoolInvestigate li:nth-child(1) span {
      padding-left: 40px;
      background-image: url(https://manabi-contents.benesse.ne.jp/noauth/resources/img/icon-universityNavy_sp.png?20220425);
      background-size: 31px 29px;
      background-repeat: no-repeat;
      background-position: 0 center
  }

  #content .schoolInvestigate li:nth-child(2) span {
      padding-left: 35px;
      background-image: url(https://manabi-contents.benesse.ne.jp/noauth/resources/img/icon-vocationalNavy_sp.png?20220425);
      background-size: 29px 22px;
      background-repeat: no-repeat;
      background-position: 0 center
  }

  #content .schoolInvestigate a {
      display: block;
      height: 100%;
      text-decoration: none;
      color: #364668;
      font-weight: 700;
      font-size: 12px;
      line-height: 44px;
      text-align: center
  }

  #content .schoolInvestigate span {
      display: inline-block
  }

  #content .schoolInterview {
      margin-top: 20px
  }

  #content .schoolInterview li {
      background-color: #fff;
      position: relative
  }

  #content .schoolInterview li:before {
      content: "";
      display: block;
      width: 100%;
      height: 4px;
      position: absolute;
      top: -1px;
      left: 0;
      z-index: 1
  }

  #content .schoolInterview li[data-CategoryColor=univ]:before {
      background-color: #52a4d6
  }

  #content .schoolInterview li[data-CategoryColor=vocat]:before {
      background-color: #f1b90e
  }

  #content .schoolInterview li[data-CategoryColor=job]:before {
      background-color: #ff755f
  }

  #content .schoolInterview li[data-CategoryColor=learn]:before {
      background-color: #21c3b2
  }

  #content .schoolInterview li[data-CategoryColor=exam]:before {
      background-color: #ca70da
  }

  #content .schoolInterview li[data-CategoryColor=other]:before {
      background-color: #fa8a20
  }

  #content .schoolInterview a {
      display: flex;
      text-decoration: none
  }

  #content .schoolInterviewImg {
      min-width: 86px;
      height: 102px;
      position: relative;
      overflow: hidden
  }

  #content .schoolInterviewImg img {
      display: block;
      width: 100%;
      height: auto;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%,-50%)
  }

  #content .schoolInterviewTxt {
      display: flex;
      align-items: center;
      padding: 0 10px;
      font-size: 14px;
      font-weight: 700
  }

  #content .profession {
      padding-top: 20px;
      background-color: #fff
  }

  #content .professionHead {
      padding: 13px 0 12px;
      background-color: #0091d7
  }

  #content .profession .contentsTtl:before {
      background-image: url(https://manabi-contents.benesse.ne.jp/noauth/resources/img/icon-profession_sp.png?20220425);
      background-position: center;
      background-size: 31px auto
  }

  #content .profession .tagListWrapper {
      background-color: rgba(0,145,215,.1)
  }

  #content .profession .articleItem li[data-randamName=interview]:not(:nth-child(1)) {
      display: none
  }

  #content .professionComicItem {
      margin-top: 10px;
      margin-left: 3.4%
  }

  #content .professionComicItem a {
      text-decoration: none
  }

  #content .professionComicItem li {
      width: 43.8vw;
      margin-right: 9px
  }

  #content .professionComicItemName {
      display: block;
      line-height: 25px;
      font-size: .875rem;
      font-weight: 700;
      text-align: center;
      color: #fff;
      background-color: #0091d7
  }

  #content .professionComicItemImg {
      border-right: solid 1px #ddd;
      border-bottom: solid 1px #ddd;
      border-left: solid 1px #ddd
  }

  #content .professionComicList {
      margin: 20px 0 30px;
      text-align: right;
      padding-right: 20px;
      position: relative
  }

  #content .professionComicList a {
      font-size: 11px;
      line-height: 1;
      font-weight: 700;
      color: #364668;
      text-decoration: none
  }

  #content .professionComicList a:after {
      content: "";
      width: 7px;
      height: 11px;
      background-image: url(https://manabi-contents.benesse.ne.jp/noauth/resources/img/icon-arrowRight_sp.png?20220425);
      background-size: 7px 11px;
      background-repeat: no-repeat;
      background-position: center;
      position: absolute;
      top: 0;
      bottom: 0;
      right: 8px;
      margin: auto
  }

  #content .learning {
      padding-top: 20px;
      background-color: #fff
  }

  #content .learning .contentsTtl:before {
      background-image: url(https://manabi-contents.benesse.ne.jp/noauth/resources/img/icon-learning_sp.png?20220425);
      background-position: center;
      background-size: 44px auto
  }

  #content .learning .tagListWrapper {
      background-color: rgba(255,95,146,.1)
  }

  #content .learning .articleItem {
      margin-top: 10px
  }

  #content .learning .articleItem li:first-child {
      width: 100%
  }

  #content .learning .articleItem li:first-child .articleItemImg {
      height: 42vw
  }

  #content .learning .articleItem li:first-child .articleItemTxt {
      font-size: 14px
  }

  #content .learning .articleItem li[data-randamName=industry]:not(:nth-child(1)) {
      display: none
  }

  #content .learning .articleItem li[data-randamName=learn]:not(:nth-child(7)) {
      display: none
  }

  #content .learningHead {
      padding: 13px 0 12px;
      background-color: #ff5f92
  }

  #content .learningService {
      display: flex;
      justify-content: space-between;
      padding: 0 11px;
      margin-top: 18px
  }

  #content .learningService li {
      width: calc(33.33% - 2px);
      height: 43px;
      background-color: #fff
  }

  #content .learningService li:nth-child(1) a {
      font-size: 11px;
      padding-top: 18px;
      background-image: url(https://manabi-contents.benesse.ne.jp/noauth/resources/img/logo-shinkenMoshi_blue.png?20220425);
      background-size: 80px 14px;
      background-repeat: no-repeat;
      background-position: center 8px
  }

  #content .learningService a {
      display: flex;
      justify-content: center;
      align-items: center;
      height: 100%;
      text-decoration: none;
      color: #079ddc;
      font-weight: 700;
      font-size: 13px;
      line-height: 1.2;
      text-align: center
  }

  #content .nyushi {
      padding-top: 20px;
      background-color: #fff
  }

  #content .nyushi .contentsTtl:before {
      background-image: url(https://manabi-contents.benesse.ne.jp/noauth/resources/img/icon-university_sp.png?20220425);
      background-position: center 7px;
      background-size: 35px auto
  }

  #content .nyushiHead {
      padding: 13px 0 12px;
      background-color: #0091d7
  }
}

#content .keyVisualSliderImgTxtContainer {
  display: flex;
  align-items: center;
  width: 100%;
  height: 48px;
  overflow: hidden;
  padding: 0 10px;
  box-sizing: border-box;
  background-color: rgba(255,255,255,.7);
  position: absolute;
  bottom: 0;
  left: 0
}

@media screen and (max-width: 777px) {
  #content .keyVisualSliderImgTxtContainer {
      height:auto;
      padding: 6px 10px
  }
}

#content .keyVisualSliderImgTxt {
  font-size: 1rem;
  font-weight: 700;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

@media screen and (max-width: 777px) {
  #content .keyVisualSliderImgTxt {
      font-size:.625rem;
      line-height: 1.4em;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
      white-space: normal
  }
}

#content .benesseLogo {
  width: 60px;
  height: 15px;
  position: absolute;
  bottom: 0;
  right: 10px
}

#content .benesseLogo img {
  display: block;
  width: 100%;
  height: auto
}

#content .serviceB_1 {
  display: flex;
  justify-content: space-between;
  background-color: #d9ecf4;
  padding: 8px 11px 11px;
  border-radius: 5px;
  margin-bottom: 8px
}

@media screen and (max-width: 777px) {
  #content .serviceB_1 {
      display:flex;
      background-color: #d9ecf4;
      padding: 8px 11px
  }
}

#content .serviceB_1 li {
  width: 215px
}

@media screen and (max-width: 777px) {
  #content .serviceB_1 li {
      width:calc(33.33% - 5px)
  }
}

#content .serviceB_1 li:nth-child(1) a img {
  height: auto;
  width: 158px
}

@media screen and (max-width: 777px) {
  #content .serviceB_1 li:nth-child(1) a img {
      width:82.97872%;
      max-width: 126px
  }
}

#content .serviceB_1 li:nth-child(2) a img {
  height: auto;
  width: 133px
}

@media screen and (max-width: 777px) {
  #content .serviceB_1 li:nth-child(2) a img {
      width:82.97872%;
      max-width: 126px
  }
}

#content .serviceB_1 li:nth-child(3) a img {
  height: auto;
  width: 125px
}

@media screen and (max-width: 777px) {
  #content .serviceB_1 li:nth-child(3) a img {
      width:78.7234%;
      max-width: 119px
  }
}

#content .serviceB_1 a {
  height: 76px;
  background-color: #fff;
  text-decoration: none;
  box-shadow: 3px 3px 0 0 rgba(118,134,132,.51);
  border-radius: 3px;
  transition: .3s opacity ease-in-out;
  display: flex;
  align-items: center;
  justify-content: center
}

@media screen and (max-width: 777px) {
  #content .serviceB_1 a {
      height:64px
  }
}

#content .serviceB_1 a:hover {
  opacity: .7
}

#content .serviceB_2 {
  display: flex;
  justify-content: space-between;
  background-color: #d9ecf4;
  padding: 8px 11px 11px;
  border-radius: 5px;
  margin-bottom: 8px
}

@media screen and (max-width: 777px) {
  #content .serviceB_2 {
      display:flex;
      justify-content: space-between;
      background-color: #d9ecf4;
      padding: 8px 11px
  }
}

#content .serviceB_2 li {
  width: 328px
}

@media screen and (max-width: 777px) {
  #content .serviceB_2 li {
      width:calc(50% - 4px)
  }
}

#content .serviceB_2 li:nth-child(1) a img {
  height: auto;
  width: 158px
}

@media screen and (max-width: 777px) {
  #content .serviceB_2 li:nth-child(1) a img {
      width:80%;
      max-width: 140px
  }
}

#content .serviceB_2 li:nth-child(2) a img {
  height: auto;
  width: 133px
}

@media screen and (max-width: 777px) {
  #content .serviceB_2 li:nth-child(2) a img {
      width:71.72414%;
      max-width: 114px
  }
}

#content .serviceB_2 a {
  height: 76px;
  background-color: #fff;
  text-decoration: none;
  box-shadow: 3px 3px 0 0 rgba(118,134,132,.51);
  border-radius: 3px;
  transition: .3s opacity ease-in-out;
  display: flex;
  align-items: center;
  justify-content: center
}

@media screen and (max-width: 777px) {
  #content .serviceB_2 a {
      height:64px
  }
}

#content .serviceB_2 a:hover {
  opacity: .7
}

#content .serviceB_3 {
  display: flex;
  justify-content: space-between;
  background-color: #d9ecf4;
  padding: 8px 11px 11px;
  border-radius: 5px;
  margin-bottom: 8px
}

@media screen and (max-width: 777px) {
  #content .serviceB_3 {
      display:flex;
      background-color: #d9ecf4;
      padding: 8px 11px
  }
}

#content .serviceB_3 li {
  width: 215px
}

@media screen and (max-width: 777px) {
  #content .serviceB_3 li {
      width:calc(33.33% - 5px)
  }
}

#content .serviceB_3 li:nth-child(1) a img {
  height: auto;
  width: 158px
}

@media screen and (max-width: 777px) {
  #content .serviceB_3 li:nth-child(1) a img {
      width:82.97872%;
      max-width: 126px
  }
}

#content .serviceB_3 li:nth-child(2) a img {
  height: auto;
  width: 133px
}

@media screen and (max-width: 777px) {
  #content .serviceB_3 li:nth-child(2) a img {
      width:82.97872%;
      max-width: 126px
  }
}

#content .serviceB_3 li:nth-child(3) a img {
  height: auto;
  width: 125px
}

@media screen and (max-width: 777px) {
  #content .serviceB_3 li:nth-child(3) a img {
      width:78.7234%;
      max-width: 119px
  }
}

#content .serviceB_3 a {
  height: 76px;
  background-color: #fff;
  text-decoration: none;
  box-shadow: 3px 3px 0 0 rgba(118,134,132,.51);
  border-radius: 3px;
  transition: .3s opacity ease-in-out;
  display: flex;
  align-items: center;
  justify-content: center
}

@media screen and (max-width: 777px) {
  #content .serviceB_3 a {
      height:64px
  }
}

#content .serviceB_3 a:hover {
  opacity: .7
}

@media screen and (max-width: 777px) {
  #content .recommend {
      padding-bottom:25px
  }
}

#content .recommend .mod-contentsInner {
  display: flex;
  justify-content: space-between
}

@media screen and (max-width: 777px) {
  #content .recommend .mod-contentsInner {
      display:block
  }
}

@media screen and (min-width: 778px) {
  #content .recommend .pickup .slick-arrow {
      top:98px;
      bottom: auto
  }
}

@media screen and (min-width: 778px) {
  #content .recommend .pickup .prt-articleSlideItem {
      margin-right:26px
  }
}

#content .recommend .pickupTag {
  margin-top: 20px
}

@media screen and (max-width: 777px) {
  #content .recommendTile {
      padding:0 20px
  }
}

#content .recommendTile>li:not(:first-child) {
  margin-top: 10px
}

#content .recommendTileTtl {
  font-size: .875rem;
  font-weight: 700
}

#content .recommendTileTtlSuppl {
  font-size: .75rem;
  font-weight: 400
}

@media screen and (max-width: 777px) {
  #content .recommendTileTtl {
      font-size:.75rem
  }
}

#content .recommendTileItem {
  display: flex;
  justify-content: space-between
}

#content .recommendTileItem .recommendTileItemBtn {
  width: 163px
}

@media screen and (max-width: 777px) {
  #content .recommendTileItem .recommendTileItemBtn {
      width:21.5%
  }

  #content .recommendTileItem .recommendTileItemBtn:nth-child(2) {
      width: 27.5%
  }
}

#content .recommendTileItem2Col {
  display: flex;
  margin-bottom: 15px;
  justify-content: space-between;
  flex-wrap: wrap
}

#content .recommendTileItem2Col .recommendTileItemBtn {
  width: 339px
}

#content .recommendTileItem2Col .recommendTileItemBtn:nth-child(n+3) {
  margin-top: 19px
}

@media screen and (max-width: 777px) {
  #content .recommendTileItem2Col .recommendTileItemBtn:nth-child(n+3) {
      margin-top:10px
  }
}

@media screen and (max-width: 777px) {
  #content .recommendTileItem2Col .recommendTileItemBtn {
      width:48.50299%
  }
}

#content .recommendTileItem2Col #seisekiRenkeiBtn_kou1,#content .recommendTileItem2Col #seisekiRenkeiBtn_kou2,#content .recommendTileItem2Col #seisekiRenkeiBtn_kou3,#content .recommendTileItem2Col #seisekiRenkeiBtn_noLogin {
  display: none;
  margin-top: 0;
  text-align: center
}

#content .recommendTileItemBtn {
  height: 76px;
  border-radius: 4px
}

@media screen and (max-width: 777px) {
  #content .recommendTileItemBtn {
      height:56px
  }
}

#content .recommendTileItemBtn[data-color=blue] {
  border: 1px solid #0091d7;
  box-shadow: 1px 1px 0 0 #0091d7
}

#content .recommendTileItemBtn[data-color=pink] {
  border: 1px solid #ff5f92;
  box-shadow: 1px 1px 0 0 #ff5f92
}

#content .recommendTileItemBtn[data-color=yellow] {
  border: 1px solid #ebbb00;
  box-shadow: 1px 1px 0 0 #ebbb00
}

#content .recommendTileItemBtn[data-color=navy] {
  border: 1px solid #364668;
  box-shadow: 1px 1px 0 0 #364668
}

#content .recommendTileItemBtn a {
  display: flex;
  width: 100%;
  height: 100%;
  text-decoration: none;
  justify-content: center;
  font-size: 1.25rem;
  font-weight: 700;
  transition: .2s ease-in-out
}

#content .recommendTileItemBtn a:hover {
  color: #333!important;
  opacity: .7
}

@media screen and (max-width: 777px) {
  #content .recommendTileItemBtn a {
      padding:0 5px;
      line-height: 1.2em;
      font-size: .875rem
  }
}

#content .recommendTileItemBtn a span {
  display: flex;
  height: 100%;
  background-repeat: no-repeat;
  background-position: left center;
  flex-wrap: wrap;
  align-items: center
}

#content .recommendTileItemBtnTest {
  height: auto;
  min-height: 74px
}

@media screen and (max-width: 777px) {
  #content .recommendTileItemBtnTest {
      min-height:56px
  }
}

#content .recommendTileItemBtnTest a {
  flex-wrap: wrap
}

@media screen and (max-width: 777px) {
  #content .recommendTileItemBtnTest a {
      padding:0 14px
  }
}

#content .recommendTileItemBtnTest a.is_tested span {
  height: 55px
}

@media screen and (max-width: 777px) {
  #content .recommendTileItemBtnTest a.is_tested span {
      height:40px
  }
}

#content .recommendTileItemBtnTest a span {
  height: 74px
}

@media screen and (max-width: 777px) {
  #content .recommendTileItemBtnTest a span {
      height:56px
  }
}

#content .recommendTileItemBtnTest a ul {
  height: 36px
}

@media screen and (max-width: 777px) {
  #content .recommendTileItemBtnTest a ul {
      height:auto;
      padding: 6px 0
  }
}

#content .recommendTileItemUniv {
  padding-left: 58px;
  background-image: url(https://manabi-contents.benesse.ne.jp/noauth/_sharedZ_New/img/icon/ico-university.svg);
  background-size: 45px auto
}

@media screen and (max-width: 777px) {
  #content .recommendTileItemUniv {
      padding-left:32px;
      background-size: 27px auto
  }
}

#content .recommendTileItemVocation {
  padding-left: 53px;
  background-image: url(https://manabi-contents.benesse.ne.jp/noauth/_sharedZ_New/img/icon/ico-specialty.svg);
  background-size: 43px auto
}

@media screen and (max-width: 777px) {
  #content .recommendTileItemVocation {
      padding-left:32px;
      background-size: 27px auto
  }
}

#content .recommendTileItemJob {
  padding-left: 49px;
  background-image: url(https://manabi-contents.benesse.ne.jp/noauth/_sharedZ_New/img/icon/ico-job.svg);
  background-size: auto 36px
}

@media screen and (max-width: 777px) {
  #content .recommendTileItemJob {
      padding-left:30px;
      background-size: 25px auto
  }
}

#content .recommendTileItemLearning {
  padding-left: 49px;
  background-image: url(https://manabi-contents.benesse.ne.jp/noauth/_sharedZ_New/img/icon/ico-learning.svg);
  background-size: auto 36px
}

@media screen and (max-width: 777px) {
  #content .recommendTileItemLearning {
      padding-left:30px;
      background-size: 25px auto
  }
}

#content .recommendTileItemMoshi {
  padding-top: 35px;
  justify-content: center;
  font-size: 1rem;
  background-image: url(https://manabi-contents.benesse.ne.jp/noauth/resources/img/logo-moshi.svg?20220425);
  background-size: 122px auto;
  background-position: center 15px!important
}

@media screen and (max-width: 777px) {
  #content .recommendTileItemMoshi {
      padding:30px 0 0;
      background-size: 70px auto;
      font-size: .625rem!important;
      align-items: flex-start!important
  }
}

#content .recommendTileItemTest {
  padding-left: 52px;
  background-image: url(https://manabi-contents.benesse.ne.jp/noauth/_sharedZ_New/img/icon/ico-graph.svg);
  background-size: 38px auto
}

@media screen and (max-width: 777px) {
  #content .recommendTileItemTest {
      padding-left:33px;
      background-size: 26px auto
  }
}

#content .recommendTileItemTestItem {
  display: block;
  width: 100%;
  margin: 2px 14px 0;
  padding: 2px 0 0 0;
  border-top: 1px solid #ff5f92;
  text-align: center
}

@media screen and (max-width: 777px) {
  #content .recommendTileItemTestItem {
      margin:2px 0 0
  }
}

#content .recommendTileItemTestItem li {
  display: none;
  font-size: .875rem!important
}

@media screen and (max-width: 777px) {
  #content .recommendTileItemTestItem li {
      font-size:.625rem!important
  }
}

#content .recommendTileItemTestItem li.is_show {
  display: inline-block
}

#content .recommendTileItemTestItem li.is_show::after {
  display: inline-block;
  content: "/";
  font-size: .875rem!important
}

@media screen and (max-width: 777px) {
  #content .recommendTileItemTestItem li.is_show::after {
      font-size:.625rem!important
  }
}

#content .recommendTileItemTestItem li.is_show.is_last::after {
  display: none
}

#content .recommendTileItemLearn {
  padding-left: 57px;
  background-image: url(https://manabi-contents.benesse.ne.jp/noauth/_sharedZ_New/img/icon/ico-studycontent.svg);
  background-size: 44px auto
}

@media screen and (max-width: 777px) {
  #content .recommendTileItemLearn {
      padding-left:37px;
      background-size: 32px auto
  }
}

#content .recommendTileItemPortfolio {
  background-image: url(https://manabi-contents.benesse.ne.jp/noauth/resources/img/logo-portforio.svg?20220425);
  background-size: 137px auto;
  background-position: center;
  background-repeat: no-repeat
}

@media screen and (max-width: 777px) {
  #content .recommendTileItemPortfolio {
      background-size:85px auto
  }
}

#content .recommendTileItemSTP {
  background-image: url(https://manabi-contents.benesse.ne.jp/noauth/resources/img/STP_logo.jpg?20220425);
  background-size: 160px auto;
  background-position: center;
  background-repeat: no-repeat
}

@media screen and (max-width: 777px) {
  #content .recommendTileItemSTP {
      background-size:100px auto
  }
}

#content .recommendTileItemshinrokarte {
  background-image: url(https://manabi-contents.benesse.ne.jp/noauth/resources/img/maintitle.png?20220425);
  background-size: 160px auto;
  background-position: center;
  background-repeat: no-repeat
}

@media screen and (max-width: 777px) {
  #content .recommendTileItemshinrokarte {
      background-size:100px auto
  }
}

#content .recommendTileItemGtec {
  padding-left: 68px;
  background-image: url(https://manabi-contents.benesse.ne.jp/noauth/resources/img/logo-gtec.svg?20220425);
  background-size: 62px auto;
  background-position: center;
  background-repeat: no-repeat;
  font-size: 11px;
  font-weight: 400
}

.sp_br {
  display: none
}

#content .recommendTileItemGtec:after {
  display: inline-block;
  margin-left: 5px;
  width: 12px;
  height: 11px;
  background-image: url(https://manabi-contents.benesse.ne.jp/noauth/resources/img/icon-blank.svg?20220425);
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
  content: ""
}

@media screen and (max-width: 777px) {
  #content .recommendTileItemGtec {
      padding-left:54px;
      background-size: 47px auto;
      font-size: 11px;
      font-weight: 400
  }

  .sp_br {
      display: inline-block
  }
}

#content .recommendBanner {
  width: 100%;
  margin-top: 15px
}

@media screen and (max-width: 777px) {
  #content .recommendBanner {
      margin-top:10px;
      padding: 0 20px
  }
}

@media screen and (min-width: 778px) {
  #content .recommendSub {
      padding-top:52px
  }
}

#content .message {
  margin-top: 20px;
  font-size: .75rem;
  line-height: 1.5em;
  border-top: solid 1px #ddd;
  border-bottom: solid 1px #ddd;
  padding: 12px 20px
}

@media screen and (max-width: 777px) {
  #content .message {
      padding:11px 6.25%;
      font-size: .625rem
  }
}

#content .news {
  margin: 10px 0
}

@media screen and (max-width: 777px) {
  #content .news {
      padding:0 3.125%
  }
}

#content .newsTtl {
  font-size: .75rem;
  font-weight: 700
}

@media screen and (max-width: 777px) {
  #content .newsTtl {
      padding:0 8px
  }
}

#content .newsItem {
  font-size: .75rem;
  line-height: 1.5em
}

#content .newsItem li {
  border-bottom: solid 1px #f6f6f6
}

@media screen and (max-width: 777px) {
  #content .newsItem li {
      padding:0 8px
  }
}

#content .newsItem a {
  display: block;
  padding: 11px 20px 11px 0;
  text-decoration: none;
  color: #333!important;
  transition: opacity ease-in-out .7
}

@media screen and (max-width: 777px) {
  #content .newsItem a {
      font-size:.625rem
  }
}

@media screen and (max-width: 777px) {
  #content .newsItem .newsMessage {
      font-size:.625rem
  }
}

#content .newsItem a:hover {
  opacity: .7
}

#content .school .mod-article5 {
  margin-top: 30px
}

#content .profession .mod-article5 {
  margin-top: 30px
}

#content .learning .mod-article5 {
  margin-top: 30px
}

#content .learning .mod-article5 li[data-randamName=industry]:not(:nth-child(1)) {
  display: none
}

#content .nyushi .mod-article5 {
  margin-top: 30px
}

.dot_frame {
  display: inline-block;
  height: 16px;
  width: 100%
}

.slick-initialized+.dot_frame {
  display: none
}

.owl-carousel .animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both
}

.owl-carousel .owl-animated-in {
  z-index: 0
}

.owl-carousel .owl-animated-out {
  z-index: 1
}

.owl-carousel .fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut
}

@-webkit-keyframes fadeOut {
  0% {
      opacity: 1
  }

  100% {
      opacity: 0
  }
}

@keyframes fadeOut {
  0% {
      opacity: 1
  }

  100% {
      opacity: 0
  }
}

.owl-height {
  transition: height .5s ease-in-out
}

.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  position: relative;
  z-index: 1
}

.owl-carousel .owl-stage {
  position: relative;
  -ms-touch-action: pan-Y
}

.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0
}

.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  -webkit-transform: translate3d(0,0,0)
}

.owl-carousel .owl-controls .owl-dot,.owl-carousel .owl-controls .owl-nav .owl-next,.owl-carousel .owl-controls .owl-nav .owl-prev {
  cursor: pointer;
  cursor: hand;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.owl-carousel.owl-loaded {
  display: block
}

.owl-carousel.owl-loading {
  opacity: 0;
  display: block
}

.owl-carousel.owl-hidden {
  opacity: 0
}

.owl-carousel .owl-refresh .owl-item {
  display: none
}

.owl-carousel .owl-item {
  position: relative;
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.owl-carousel .owl-item img {
  display: block;
  width: 100%;
  -webkit-transform-style: preserve-3d
}

.owl-carousel.owl-text-select-on .owl-item {
  -webkit-user-select: auto;
  -moz-user-select: auto;
  -ms-user-select: auto;
  user-select: auto
}

.owl-carousel .owl-grab {
  cursor: move;
  cursor: -webkit-grab;
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: grab
}

.owl-carousel.owl-rtl {
  direction: rtl
}

.owl-carousel.owl-rtl .owl-item {
  float: right
}

.no-js .owl-carousel {
  display: block
}

.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  transition: opacity .4s ease
}

.owl-carousel .owl-item img {
  transform-style: preserve-3d
}

.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000
}

.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url(owl.video.play.png) no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  transition: scale .1s ease
}

.owl-carousel .owl-video-play-icon:hover {
  transition: scale(1.3,1.3)
}

.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn {
  display: none
}

.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: opacity .4s ease
}

.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1
}

article .box {
  border: 1px solid #ddd;
  box-sizing: border-box;
  min-height: 304px
}

article .box .ttl {
  background: #f1f1f1;
  border-bottom: 1px solid #ddd;
  padding: 10px 20px
}

article .box .ttl h3 {
  margin-bottom: 0;
  font-weight: 400
}

article .box h3.hTxt:before {
  background: #0291d7
}

article .box .inner {
  padding: 20px;
  width: 330px
}

article .ShokugakuRanking {
  display: flex;
  justify-content: center;
  align-items: flex-start
}

article .ShokugakuRanking .rankBox_job ul li,article .ShokugakuRanking .rankBox_job2 ul li {
  padding-left: 25px;
  background: url(https://manabi.benesse.ne.jp/shokugaku/resources/img/ico-rank_002.png) left center no-repeat;
  background-size: 12px 12px;
  line-height: 1.2;
  margin-bottom: 20px
}

article .ShokugakuRanking .rankBox_job ul li span,article .ShokugakuRanking .rankBox_job2 ul li span {
  display: inline-block;
  color: #293b60;
  font-weight: 700;
  padding-right: 10px
}

article .ShokugakuRanking .rankBox_job ul li.first,article .ShokugakuRanking .rankBox_job2 ul li.first {
  background: url(https://manabi.benesse.ne.jp/shokugaku/resources/img/ico-rank_001.png) left center no-repeat;
  background-size: 16px 11px
}

article .ShokugakuRanking .rankBox_job ul li.up,article .ShokugakuRanking .rankBox_job2 ul li.up {
  background: url(https://manabi.benesse.ne.jp/shokugaku/resources/img/ico-rank_003.png) left center no-repeat;
  background-size: 12px 12px
}

article .ShokugakuRanking .rankBox_job ul li.down,article .ShokugakuRanking .rankBox_job2 ul li.down {
  background: url(https://manabi.benesse.ne.jp/shokugaku/resources/img/ico-rank_004.png) left center no-repeat;
  background-size: 12px 12px
}

article .ShokugakuRanking .rankBox_job .rankToggle,article .ShokugakuRanking .rankBox_job2 .rankToggle {
  border-top: 1px solid #ddd;
  padding: 15px 0 0
}

article .ShokugakuRanking .rankBox_job2 .rankToggle span {
  cursor: pointer;
  text-decoration: underline
}

article .ShokugakuRanking .rankBox_job .rankToggle span:hover,article .ShokugakuRanking .rankBox_job2 .rankToggle span:hover {
  text-decoration: none
}

@media screen and (max-width: 777px) {
  article .box {
      width:100%
  }

  article .box .ttl {
      padding: 15px 20px
  }

  article .box .ttl h3 {
      font-size: 15px
  }

  article .box .ttl h3.hTxt span {
      font-weight: 400
  }

  article .box .ttl h3 br {
      display: none
  }

  article .box .inner {
      padding: 20px;
      width: auto
  }

  article .ShokugakuRanking .rankBox_job,article .ShokugakuRanking .rankBox_job2 {
      margin-bottom: 30px
  }

  .mod-article5Item article .ShokugakuRanking .rankBox_job a,.mod-article5Item article .ShokugakuRanking .rankBox_job2 a {
      display: inline
  }
}

.manabiuniv_frame .manabiTextP {
  margin-bottom: 15px
}

@media screen and (min-width: 778px) {
  .mod-article5>li:nth-child(1).ShokuRan,.mod-article5>li:nth-child(2).ShokuRan {
      width:497px;
      margin-bottom: 20px
  }

  article .ShokugakuRanking .rankBox_job,article .ShokugakuRanking .rankBox_job2 {
      width: 100%;
      min-height: 200px
  }

  article .ShokugakuRanking .rankBox_job div.inner,article .ShokugakuRanking .rankBox_job2 div.inner {
      width: 100%;
      display: flex;
      padding: 20px 20px 10px 20px
  }

  article .ShokugakuRanking .rankBox_job div.inner ul:nth-child(1),article .ShokugakuRanking .rankBox_job2 div.inner ul:nth-child(1) {
      border-right: 1px solid #ddd
  }

  article .ShokugakuRanking .rankBox_job div.inner ul:nth-child(2),article .ShokugakuRanking .rankBox_job2 div.inner ul:nth-child(2) {
      padding-left: 20px
  }

  article .ShokugakuRanking .rankBox_job div.inner ul,article .ShokugakuRanking .rankBox_job2 div.inner ul {
      width: 50%
  }
}

body.responsive {
  min-width: auto
}

body.responsive #breadClumb,body.responsive #content .function .boxIn,body.responsive #content .manabiNews,body.responsive #content .notice p,body.responsive #content .rightNow ul,body.responsive #content .schoolNews,body.responsive #content .searchBox,body.responsive #content .slideAll,body.responsive #content.patternB .featureArea ul,body.responsive #content.patternB .middleNewsArea dl,body.responsive #content.patternB .schoolNews .tab,body.responsive #content.patternB .tagCont.manabiHomeTaglist,body.responsive .inner {
  width: 100%
}

body.responsive * {
  font-family: Hiragino Kaku Gothic ProN,ヒラギノ角ゴ ProN,"ヒラギノ角ゴシック Pro","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"游ゴシック体","Yu Gothic",YuGothic,"ＭＳ Ｐゴシック","MS PGothic",sans-serif
}

body.responsive #content .superBanner {
  display: none;
  width: 100%
}

@media (max-width: 777px) {
  body.responsive #content .superBanner {
      padding:0 20px;
      margin-top: 20px
  }
}

@media (min-width: 778px) {
  body.responsive #content .superBanner {
      max-width:510px;
      padding: 0 10px;
      margin: 40px auto 0
  }
}

body.responsive #content .superBanner.-show {
  display: block;
  visibility: hidden;
  opacity: 0
}

body.responsive #content .superBanner.-show.slick-initialized {
  visibility: visible;
  opacity: 1
}

@media (min-width: 778px) {
  body.responsive #content .superBanner .slick-slide {
      margin:0 5px
  }
}

@media (max-width: 777px) {
  body.responsive #content #superBannerArea {
      text-align:center;
      margin: 40px auto;
      width: 335px
  }

  body.responsive #content #superBannerArea ul {
      padding: 10px
  }
}

@media (min-width: 778px) {
  body.responsive #content #superBannerArea {
      text-align:center;
      margin: 40px auto;
      max-width: 1050px;
      display: flex
  }

  body.responsive #content #superBannerArea ul {
      width: 50%;
      padding: 20px;
      margin: 0 auto
  }
}

body.responsive #content .topBannerArea {
  display: none;
  width: 100%
}

@media (max-width: 777px) {
  body.responsive #content .topBannerArea {
      padding:0 20px;
      margin-top: 20px
  }
}

@media (min-width: 778px) {
  body.responsive #content .topBannerArea {
      max-width:510px;
      padding: 0 10px;
      margin: 40px auto 0
  }
}

body.responsive #content .topBannerArea.-show {
  display: block;
  visibility: hidden;
  opacity: 0
}

body.responsive #content .topBannerArea.-show.slick-initialized {
  visibility: visible;
  opacity: 1
}

@media (min-width: 778px) {
  body.responsive #content .topBannerArea .slick-slide {
      margin:0 5px
  }
}

body.responsive #content .topBottomBannerArea {
  width: 100%
}

@media (max-width: 777px) {
  body.responsive #content .topBottomBannerArea {
      margin:60px 0
  }
}

@media (min-width: 778px) {
  body.responsive #content .topBottomBannerArea {
      margin:80px 0
  }
}

@media (min-width: 778px) {
  body.responsive #content .topBottomBannerArea .topBottomBannerArea-inner {
      max-width:1050px;
      padding: 0 10px;
      margin: 0 auto
  }
}

body.responsive #content .topBottomBannerArea .panelButton {
  background-color: #e5f8fd;
  width: 100%
}

@media (min-width: 778px) {
  body.responsive #content .topBottomBannerArea .panelButton {
      display:flex;
      justify-content: space-between;
      padding: 42px 30px 30px;
      border-radius: 6px
  }
}

@media (min-width: 778px) {
  body.responsive #content .topBottomBannerArea .panelButton:hover {
      opacity:.7;
      transition: .3s;
      cursor: pointer
  }

  body.responsive #content .topBottomBannerArea .panelButton:hover a {
      text-decoration: none
  }
}

@media (max-width: 777px) {
  body.responsive #content .topBottomBannerArea .panelButton figure {
      width:100%
  }
}

@media (min-width: 778px) {
  body.responsive #content .topBottomBannerArea .panelButton figure {
      transform:translateY(-62px);
      width: 38%;
      border-radius: 6px;
      overflow: hidden;
      margin-bottom: -62px
  }
}

body.responsive #content .topBottomBannerArea .panelButton figure img {
  width: 100%
}

@media (min-width: 778px) {
  body.responsive #content .topBottomBannerArea .panelButton figure img {
      border-radius:6px
  }
}

@media (max-width: 777px) {
  body.responsive #content .topBottomBannerArea .panelButton .panelButton-body {
      padding:30px 28px
  }
}

@media (min-width: 778px) {
  body.responsive #content .topBottomBannerArea .panelButton .panelButton-body {
      width:54%
  }
}

body.responsive #content .topBottomBannerArea .panelButton .panelButton-lead {
  display: flex;
  align-items: flex-end
}

@media (max-width: 777px) {
  body.responsive #content .topBottomBannerArea .panelButton .panelButton-lead {
      justify-content:center
  }
}

@media (max-width: 777px) {
  body.responsive #content .topBottomBannerArea .panelButton .panelButton-lead .-logo {
      width:61%;
      max-width: 197px;
      margin-right: 5%
  }
}

@media (min-width: 778px) {
  body.responsive #content .topBottomBannerArea .panelButton .panelButton-lead .-logo {
      width:49%;
      max-width: 258px;
      margin-right: 5%
  }
}

body.responsive #content .topBottomBannerArea .panelButton .panelButton-lead .-text {
  font-weight: 700;
  color: #333
}

@media (max-width: 777px) {
  body.responsive #content .topBottomBannerArea .panelButton .panelButton-lead .-text {
      font-size:18px
  }
}

@media (min-width: 778px) {
  body.responsive #content .topBottomBannerArea .panelButton .panelButton-lead .-text {
      font-size:27px
  }
}

@media (min-width: 778px) and (max-width:980px) {
  body.responsive #content .topBottomBannerArea .panelButton .panelButton-lead .-text {
      font-size:18px
  }
}

body.responsive #content .topBottomBannerArea .panelButton p {
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5
}

@media (max-width: 777px) {
  body.responsive #content .topBottomBannerArea .panelButton p {
      margin-top:20px
  }
}

@media (min-width: 778px) {
  body.responsive #content .topBottomBannerArea .panelButton p {
      margin-top:22.6px
  }
}

body.responsive #content .topBottomBannerArea .panelButton .panelButton-link {
  margin: 25px 0 0;
  text-align: right
}

body.responsive #content .topBottomBannerArea .panelButton .panelButton-link a:before {
  content: none
}

@media (max-width: 777px) {
  body.responsive #content .topBottomBannerArea .topBottomBannerArea-apliButton {
      padding:0 20px;
      margin: 60px 0 0
  }
}

@media (min-width: 778px) {
  body.responsive #content .topBottomBannerArea .topBottomBannerArea-apliButton {
      max-width:1050px;
      padding: 0 10px;
      margin: 80px 0 0;
      display: flex;
      justify-content: space-between
  }
}

@media (min-width: 778px) {
  body.responsive #content .topBottomBannerArea .topBottomBannerArea-apliButton .topBottomBannerArea-sns {
      width:38%;
      display: flex;
      flex-direction: column;
      justify-content: space-between
  }
}

body.responsive #content .topBottomBannerArea .topBottomBannerArea-apliButton .storeLink {
  border-radius: 10px;
  background: linear-gradient(to right,#33b5fd,#c4f0ab);
  padding: 6px
}

@media (min-width: 778px) {
  body.responsive #content .topBottomBannerArea .topBottomBannerArea-apliButton .storeLink {
      width:58%
  }
}

body.responsive #content .topBottomBannerArea .topBottomBannerArea-apliButton .storeLink .storeLink-inner {
  border-radius: 10px
}

@media (max-width: 777px) {
  body.responsive #content .topBottomBannerArea .topBottomBannerArea-apliButton .storeLink .storeLink-inner {
      padding:28px 15px 20px;
      background: #fff url(https://manabi-contents.benesse.ne.jp/noauth/resources/img/comp/bg-apli.png?20220425) no-repeat right 17px top 12px;
      background-size: 109px 135px
  }
}

@media (min-width: 778px) {
  body.responsive #content .topBottomBannerArea .topBottomBannerArea-apliButton .storeLink .storeLink-inner {
      border-radius:6px;
      padding: 39px 0 33px 5%;
      background: #fff url(https://manabi-contents.benesse.ne.jp/noauth/resources/img/comp/bg-apli.png?20220425) no-repeat right 5% top 30px;
      background-size: 29% auto
  }
}

@media (max-width: 777px) {
  body.responsive #content .topBottomBannerArea .topBottomBannerArea-apliButton .storeLink .storeLink-head {
      width:57%
  }
}

@media (min-width: 778px) {
  body.responsive #content .topBottomBannerArea .topBottomBannerArea-apliButton .storeLink .storeLink-head {
      width:58%
  }
}

body.responsive #content .topBottomBannerArea .topBottomBannerArea-apliButton .storeLink .storeLink-head .storeLink-icon {
  display: flex;
  align-items: center
}

body.responsive #content .topBottomBannerArea .topBottomBannerArea-apliButton .storeLink .storeLink-head .storeLink-icon span {
  display: block;
  line-height: 1.5;
  font-size: 18px;
  font-weight: 700;
  margin-right: 5px
}

@media (min-width: 778px) {
  body.responsive #content .topBottomBannerArea .topBottomBannerArea-apliButton .storeLink .storeLink-head .storeLink-icon span {
      font-size:22px
  }
}

body.responsive #content .topBottomBannerArea .topBottomBannerArea-apliButton .storeLink .storeLink-head .storeLink-icon img {
  width: 45px
}

@media (min-width: 778px) {
  body.responsive #content .topBottomBannerArea .topBottomBannerArea-apliButton .storeLink .storeLink-head .storeLink-icon img {
      width:17%
  }
}

body.responsive #content .topBottomBannerArea .topBottomBannerArea-apliButton .storeLink .storeLink-head p {
  margin-top: 15px;
  font-size: 12px;
  line-height: 1.5
}

@media (min-width: 778px) {
  body.responsive #content .topBottomBannerArea .topBottomBannerArea-apliButton .storeLink .storeLink-head p {
      margin-top:17px;
      font-size: 16px;
      font-weight: 700
  }
}

body.responsive #content .topBottomBannerArea .topBottomBannerArea-apliButton .storeLink .storeLink-body {
  display: flex;
  justify-content: space-between
}

@media (max-width: 777px) {
  body.responsive #content .topBottomBannerArea .topBottomBannerArea-apliButton .storeLink .storeLink-body {
      margin-top:15px
  }
}

@media (min-width: 778px) {
  body.responsive #content .topBottomBannerArea .topBottomBannerArea-apliButton .storeLink .storeLink-body {
      width:58%;
      margin-top: 25px
  }
}

body.responsive #content .topBottomBannerArea .topBottomBannerArea-apliButton .storeLink .storeLink-body a:nth-child(1) {
  width: 43%
}

body.responsive #content .topBottomBannerArea .topBottomBannerArea-apliButton .storeLink .storeLink-body a:nth-child(2) {
  width: 54%
}

body.responsive #content .topBottomBannerArea .topBottomBannerArea-apliButton .storeLink .storeLink-body a img {
  width: 100%
}

@media (min-width: 778px) {
  body.responsive #content .topBottomBannerArea .topBottomBannerArea-apliButton .storeLink .storeLink-body a:hover {
      opacity:.7;
      transition: .3s
  }
}

body.responsive #content .topBottomBannerArea .topBottomBannerArea-apliButton .lineLink {
  text-decoration: none;
  display: block;
  background-color: #4cc764;
  border-radius: 6px;
  padding: 19px 6px 6px
}

@media (max-width: 777px) {
  body.responsive #content .topBottomBannerArea .topBottomBannerArea-apliButton .lineLink {
      margin-top:20px
  }
}

@media (min-width: 778px) {
  body.responsive #content .topBottomBannerArea .topBottomBannerArea-apliButton .lineLink {
      padding:20px 6px 6px
  }
}

@media (min-width: 778px) {
  body.responsive #content .topBottomBannerArea .topBottomBannerArea-apliButton .lineLink:hover {
      opacity:.7;
      transition: .3s
  }
}

body.responsive #content .topBottomBannerArea .topBottomBannerArea-apliButton .lineLink .lineLink-lead {
  position: relative;
  text-align: center;
  font-size: 16px;
  font-weight: 700;
  color: #fff;
  line-height: 1
}

@media (min-width: 778px) {
  body.responsive #content .topBottomBannerArea .topBottomBannerArea-apliButton .lineLink .lineLink-lead {
      font-size:18px
  }
}

@media (min-width: 778px) and (max-width:980px) {
  body.responsive #content .topBottomBannerArea .topBottomBannerArea-apliButton .lineLink .lineLink-lead {
      font-size:14px
  }
}

body.responsive #content .topBottomBannerArea .topBottomBannerArea-apliButton .lineLink .lineLink-lead:before {
  content: "";
  position: absolute;
  width: 60px;
  height: 60px;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  background: url(https://manabi-contents.benesse.ne.jp/noauth/resources/img/comp/ico-line.png?20220425) no-repeat center;
  background-size: contain
}

@media (min-width: 778px) and (max-width:980px) {
  body.responsive #content .topBottomBannerArea .topBottomBannerArea-apliButton .lineLink .lineLink-lead:before {
      width:40px;
      height: 40px
  }
}

body.responsive #content .topBottomBannerArea .topBottomBannerArea-apliButton .lineLink .lineLink-lead:after {
  content: "";
  position: absolute;
  width: 12px;
  height: 12px;
  right: 5px;
  top: 50%;
  transform: translateY(-50%);
  background: url(https://manabi-contents.benesse.ne.jp/noauth/_sharedZ_New/img/icon/ico-arrow-white.svg) no-repeat center;
  background-size: contain
}

body.responsive #content .topBottomBannerArea .topBottomBannerArea-apliButton .lineLink .lineLink-lead span {
  display: block;
  margin-top: 8px;
  font-size: 12px
}

@media (min-width: 778px) {
  body.responsive #content .topBottomBannerArea .topBottomBannerArea-apliButton .lineLink .lineLink-lead span {
      font-size:14px
  }
}

@media (min-width: 778px) and (max-width:980px) {
  body.responsive #content .topBottomBannerArea .topBottomBannerArea-apliButton .lineLink .lineLink-lead span {
      font-size:10px
  }
}

body.responsive #content .topBottomBannerArea .topBottomBannerArea-apliButton .lineLink .lineLink-listWrap {
  background-color: #fff;
  border-radius: 10px;
  text-align: center
}

@media (max-width: 777px) {
  body.responsive #content .topBottomBannerArea .topBottomBannerArea-apliButton .lineLink .lineLink-listWrap {
      margin-top:15px;
      padding: 15px 0
  }
}

@media (min-width: 778px) {
  body.responsive #content .topBottomBannerArea .topBottomBannerArea-apliButton .lineLink .lineLink-listWrap {
      margin-top:13px;
      padding: 16px 0
  }
}

body.responsive #content .topBottomBannerArea .topBottomBannerArea-apliButton .lineLink .lineLink-listWrap .lineLink-list {
  display: inline-block;
  margin: 0 auto;
  text-align: left
}

body.responsive #content .topBottomBannerArea .topBottomBannerArea-apliButton .lineLink .lineLink-listWrap .lineLink-list li {
  position: relative;
  color: #333;
  font-size: 14px;
  font-weight: 700;
  padding-left: 27px
}

body.responsive #content .topBottomBannerArea .topBottomBannerArea-apliButton .lineLink .lineLink-listWrap .lineLink-list li+li {
  margin-top: 6px
}

body.responsive #content .topBottomBannerArea .topBottomBannerArea-apliButton .lineLink .lineLink-listWrap .lineLink-list li:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 19px;
  height: 19px;
  border-radius: 50%;
  background-color: #f5f550;
  transform: translateY(-50%)
}

body.responsive #content .topBottomBannerArea .topBottomBannerArea-apliButton .lineLink .lineLink-listWrap .lineLink-list li:after {
  color: #4cc764;
  font-family: Roboto,sans-serif;
  position: absolute;
  top: 50%;
  left: 0;
  width: 19px;
  height: 19px;
  text-align: center;
  transform: translateY(-51%)
}

body.responsive #content .topBottomBannerArea .topBottomBannerArea-apliButton .lineLink .lineLink-listWrap .lineLink-list li:nth-child(1):after {
  content: "1"
}

body.responsive #content .topBottomBannerArea .topBottomBannerArea-apliButton .lineLink .lineLink-listWrap .lineLink-list li:nth-child(2):after {
  content: "2"
}

body.responsive #content .topBottomBannerArea .topBottomBannerArea-apliButton .lineLink .lineLink-listWrap .lineLink-list li:nth-child(3):after {
  content: "3"
}

body.responsive #content .topBottomBannerArea .topBottomBannerArea-apliButton .twitterLink {
  position: relative;
  display: block;
  width: 100%;
  background-color: #1d9bf0;
  text-decoration: none;
  border-radius: 6px
}

@media (max-width: 777px) {
  body.responsive #content .topBottomBannerArea .topBottomBannerArea-apliButton .twitterLink {
      margin-top:20px;
      padding: 18px 0 16px
  }
}

@media (min-width: 778px) {
  body.responsive #content .topBottomBannerArea .topBottomBannerArea-apliButton .twitterLink {
      padding:16px 0 15px
  }
}

@media (min-width: 778px) {
  body.responsive #content .topBottomBannerArea .topBottomBannerArea-apliButton .twitterLink:hover {
      opacity:.7;
      transition: .3s
  }
}

body.responsive #content .topBottomBannerArea .topBottomBannerArea-apliButton .twitterLink:before {
  content: "";
  position: absolute;
  width: 44px;
  height: 44px;
  left: 19px;
  top: 50%;
  transform: translateY(-50%);
  background: url(https://manabi-contents.benesse.ne.jp/noauth/resources/img/comp/ico-twitter.png?20220425) no-repeat center;
  background-size: contain
}

@media (min-width: 778px) and (max-width:980px) {
  body.responsive #content .topBottomBannerArea .topBottomBannerArea-apliButton .twitterLink:before {
      width:30px;
      height: 30px;
      left: 10px
  }
}

body.responsive #content .topBottomBannerArea .topBottomBannerArea-apliButton .twitterLink:after {
  content: "";
  position: absolute;
  width: 12px;
  height: 12px;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  background: url(https://manabi-contents.benesse.ne.jp/noauth/_sharedZ_New/img/icon/ico-arrow-white.svg) no-repeat center;
  background-size: contain
}

body.responsive #content .topBottomBannerArea .topBottomBannerArea-apliButton .twitterLink span {
  display: block;
  color: #fff;
  font-weight: 700;
  text-align: center;
  line-height: 1
}

@media (max-width: 777px) {
  body.responsive #content .topBottomBannerArea .topBottomBannerArea-apliButton .twitterLink span {
      font-size:16px
  }
}

@media (min-width: 778px) {
  body.responsive #content .topBottomBannerArea .topBottomBannerArea-apliButton .twitterLink span {
      font-size:18px
  }
}

@media (min-width: 778px) and (max-width:980px) {
  body.responsive #content .topBottomBannerArea .topBottomBannerArea-apliButton .twitterLink span {
      font-size:14px
  }
}

body.responsive #content .topBottomBannerArea .topBottomBannerArea-apliButton .twitterLink span.-small {
  margin-top: 7px
}

@media (max-width: 777px) {
  body.responsive #content .topBottomBannerArea .topBottomBannerArea-apliButton .twitterLink span.-small {
      font-size:12px
  }
}

@media (min-width: 778px) {
  body.responsive #content .topBottomBannerArea .topBottomBannerArea-apliButton .twitterLink span.-small {
      font-size:14px
  }
}

@media (min-width: 778px) and (max-width:980px) {
  body.responsive #content .topBottomBannerArea .topBottomBannerArea-apliButton .twitterLink span.-small {
      font-size:10px
  }
}

@media (max-width: 777px) {
  body.responsive #content .topBottomCarouselArea {
      margin:60px auto 0
  }
}

@media (min-width: 778px) {
  body.responsive #content .topBottomCarouselArea {
      max-width:1050px;
      padding: 0 10px;
      margin: 80px auto 0
  }
}

body.responsive #content .topBottomCarouselArea .infoTitle {
  margin: 0 auto
}

@media (max-width: 777px) {
  body.responsive #content .topBottomCarouselArea .infoTitle {
      width:47.46%;
      max-width: 178px
  }
}

@media (min-width: 778px) {
  body.responsive #content .topBottomCarouselArea .infoTitle {
      width:21.16%;
      max-width: 218px
  }
}

body.responsive #content .topBottomCarouselArea .infoTitle img {
  width: 100%
}

@media (max-width: 777px) {
  body.responsive #content .topBottomCarouselArea .topBottomCarouselArea-list {
      padding:0;
      margin-top: 30px
  }

  body.responsive #content .topBottomCarouselArea .topBottomCarouselArea-list li {
      margin-left: 20px
  }

  body.responsive #content .topBottomCarouselArea .topBottomCarouselArea-list .slick-list {
      padding: 0 40% 0 0
  }
}

@media (min-width: 778px) {
  body.responsive #content .topBottomCarouselArea .topBottomCarouselArea-list {
      margin-top:40px
  }

  body.responsive #content .topBottomCarouselArea .topBottomCarouselArea-list li {
      width: 260px;
      flex: 0 0 auto
  }

  body.responsive #content .topBottomCarouselArea .topBottomCarouselArea-list li+li {
      margin-left: 18px
  }

  body.responsive #content .topBottomCarouselArea .topBottomCarouselArea-list .slick-list {
      padding: 0 18% 0 0
  }
}

@media (max-width: 777px) {
  body.responsive #content .topBottomCarouselArea .topBottomCarouselArea-list+.infoList {
      margin-top:30px
  }
}

@media (min-width: 778px) {
  body.responsive #content .topBottomCarouselArea .topBottomCarouselArea-list+.infoList {
      margin-top:60px
  }
}

body.responsive #content .topBottomCarouselArea .topBottomCarouselArea-list ul {
  visibility: hidden;
  opacity: 0
}

body.responsive #content .topBottomCarouselArea .topBottomCarouselArea-list ul a {
  display: block
}

body.responsive #content .topBottomCarouselArea .topBottomCarouselArea-list ul.slick-initialized {
  visibility: visible;
  opacity: 1
}

body.responsive #content .topBottomCarouselArea .topBottomCarouselArea-list.-flex li:first-child {
  margin-left: 0
}

@media (max-width: 777px) {
  body.responsive #content .topBottomCarouselArea .topBottomCarouselArea-list.-flex {
      padding:0 20px;
      width: 100%
  }

  body.responsive #content .topBottomCarouselArea .topBottomCarouselArea-list.-flex li {
      width: 48%
  }
}

@media (min-width: 778px) {
  body.responsive #content .topBottomCarouselArea .topBottomCarouselArea-list.-flex {
      width:100%
  }

  body.responsive #content .topBottomCarouselArea .topBottomCarouselArea-list.-flex li {
      width: calc((100% - 36px)/ 3)
  }

  body.responsive #content .topBottomCarouselArea .topBottomCarouselArea-list.-flex li+li {
      margin-left: 18px
  }
}

body.responsive #content .topBottomCarouselArea .topBottomCarouselArea-list.-flex ul {
  display: flex;
  visibility: visible;
  opacity: 1
}

@media (min-width: 778px) {
  body.responsive #content .topBottomCarouselArea .topBottomCarouselArea-list.-flex ul {
      width:calc(82% - 18px)
  }
}

body.responsive #content .topButtonArea {
  width: 100%
}

@media (max-width: 777px) {
  body.responsive #content .topButtonArea {
      padding:0 20px;
      margin-top: 40px
  }
}

@media (min-width: 778px) {
  body.responsive #content .topButtonArea {
      margin:60px auto 0
  }
}

body.responsive #content .topButtonArea .topButtonArea-list {
  background-color: #e5f8fd;
  display: flex
}

@media (max-width: 777px) {
  body.responsive #content .topButtonArea .topButtonArea-list {
      padding:20px;
      flex-wrap: wrap
  }
}

@media (min-width: 778px) {
  body.responsive #content .topButtonArea .topButtonArea-list {
      max-width:1050px;
      padding: 30px 10px;
      margin: 0 auto;
      justify-content: center
  }
}

@media (max-width: 777px) {
  body.responsive #content .topButtonArea .topButtonArea-list li {
      width:49%
  }

  body.responsive #content .topButtonArea .topButtonArea-list li:nth-child(even) {
      margin-left: 2%
  }

  body.responsive #content .topButtonArea .topButtonArea-list li:nth-child(n+3) {
      margin-top: 15px
  }
}

@media (min-width: 778px) {
  body.responsive #content .topButtonArea .topButtonArea-list li {
      width:20%
  }

  body.responsive #content .topButtonArea .topButtonArea-list li+li {
      margin-left: 2%
  }
}

body.responsive #content .topButtonArea .topButtonArea-list li a {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  text-align: center;
  background-color: #009dff;
  color: #fff;
  font-weight: 700;
  width: 100%;
  line-height: 1.5;
  border-radius: 6px;
  box-shadow: 0 3px 0 rgba(0,0,0,.1)
}

@media (max-width: 777px) {
  body.responsive #content .topButtonArea .topButtonArea-list li a {
      font-size:14px;
      height: 80px
  }
}

@media (min-width: 778px) {
  body.responsive #content .topButtonArea .topButtonArea-list li a {
      font-size:18px;
      transition: .3s;
      height: 73px
  }
}

@media (min-width: 778px) and (max-width:980px) {
  body.responsive #content .topButtonArea .topButtonArea-list li a {
      font-size:14px;
      transition: .3s;
      height: 73px
  }
}

@media (min-width: 778px) {
  body.responsive #content .topButtonArea .topButtonArea-list li a:hover {
      transform:translateY(3px);
      box-shadow: 0 0 0 rgba(0,0,0,.1);
      color: #fff
  }
}

body.responsive #content .topButtonArea .topButtonArea-list li a.-blank:after {
  content: "";
  position: absolute;
  width: 11px;
  height: 12px;
  background: url(https://manabi-contents.benesse.ne.jp/noauth/_sharedZ_New/img/icon/ico-blank-white.svg) center no-repeat;
  background-size: contain
}

@media (max-width: 777px) {
  body.responsive #content .topButtonArea .topButtonArea-list li a.-blank:after {
      right:8px;
      top: 7px
  }
}

@media (min-width: 778px) {
  body.responsive #content .topButtonArea .topButtonArea-list li a.-blank:after {
      right:10px;
      top: 10px
  }
}

body.responsive #content .topButtonArea .topButtonArea-banner {
  width: 100%
}

@media (max-width: 777px) {
  body.responsive #content .topButtonArea .topButtonArea-banner {
      padding:0;
      margin-top: 40px
  }
}

@media (min-width: 778px) {
  body.responsive #content .topButtonArea .topButtonArea-banner {
      max-width:1050px;
      padding: 0 10px;
      margin: 60px auto 0
  }
}

body.responsive #content .topButtonArea .topButtonArea-banner .topButtonArea-textBanner {
  position: relative;
  text-decoration: none;
  background-color: #fff;
  border: 2px solid #aadaf8;
  border-radius: 6px;
  color: #333;
  width: 100%;
  line-height: 1.5;
  border-radius: 6px;
  box-shadow: 0 3px 0 rgba(0,0,0,.1)
}

@media (max-width: 777px) {
  body.responsive #content .topButtonArea .topButtonArea-banner .topButtonArea-textBanner {
      display:block;
      padding: 20px
  }
}

@media (min-width: 778px) {
  body.responsive #content .topButtonArea .topButtonArea-banner .topButtonArea-textBanner {
      display:flex;
      align-items: center;
      justify-content: center;
      transition: .3s;
      padding: 30px 10px;
      max-width: 800px;
      margin: 0 auto
  }
}

body.responsive #content .topButtonArea .topButtonArea-banner .topButtonArea-textBanner span {
  font-weight: 700
}

@media (max-width: 777px) {
  body.responsive #content .topButtonArea .topButtonArea-banner .topButtonArea-textBanner span {
      font-size:18px
  }
}

@media (min-width: 778px) {
  body.responsive #content .topButtonArea .topButtonArea-banner .topButtonArea-textBanner span {
      font-size:22px;
      width: 140px
  }
}

body.responsive #content .topButtonArea .topButtonArea-banner .topButtonArea-textBanner p {
  font-size: 16px
}

@media (max-width: 777px) {
  body.responsive #content .topButtonArea .topButtonArea-banner .topButtonArea-textBanner p {
      margin-top:10px
  }
}

@media (min-width: 778px) {
  body.responsive #content .topButtonArea .topButtonArea-banner .topButtonArea-textBanner p {
      width:calc(100% - 140px);
      max-width: 554px
  }
}

@media (min-width: 778px) {
  body.responsive #content .topButtonArea .topButtonArea-banner .topButtonArea-textBanner:hover {
      transform:translateY(3px);
      box-shadow: 0 0 0 rgba(0,0,0,.1)
  }
}

@media (max-width: 777px) {
  body.responsive #content .topButtonArea .topButtonArea-banner .topButtonArea-textBanner:after {
      right:18px;
      top: 12px
  }
}

@media (min-width: 778px) {
  body.responsive #content .topButtonArea .topButtonArea-banner .topButtonArea-textBanner:after {
      right:10px;
      top: 10px
  }
}

body.responsive #content .topDiscoveryContainer {
  background-color: #e5f8fd
}

@media (max-width: 777px) {
  body.responsive #content .topDiscoveryContainer {
      padding:60px 0
  }
}

@media (min-width: 778px) {
  body.responsive #content .topDiscoveryContainer {
      padding:80px 0
  }
}

@media (max-width: 777px) {
  body.responsive #content .topDiscoveryContainer .topDiscoveryContainer-inner {
      padding:0 20px
  }
}

@media (min-width: 778px) {
  body.responsive #content .topDiscoveryContainer .topDiscoveryContainer-inner {
      margin:0 auto;
      max-width: 1050px;
      padding: 0 10px
  }
}

body.responsive #content .topDiscoveryContainer .discoveryTitle {
  margin: 0 auto
}

@media (max-width: 777px) {
  body.responsive #content .topDiscoveryContainer .discoveryTitle {
      width:82.38%;
      max-width: 276px
  }
}

@media (min-width: 778px) {
  body.responsive #content .topDiscoveryContainer .discoveryTitle {
      width:30.58%;
      max-width: 315px
  }
}

body.responsive #content .topDiscoveryContainer .discoveryTitle img {
  width: 100%
}

@media (max-width: 777px) {
  body.responsive #content .topDiscoveryContainer .discoveryTitle+p {
      margin-top:31px
  }
}

@media (min-width: 778px) {
  body.responsive #content .topDiscoveryContainer .discoveryTitle+p {
      margin-top:40px
  }
}

body.responsive #content .topDiscoveryContainer .panel {
  width: 100%;
  background-color: #fff;
  border-radius: 6px
}

@media (max-width: 777px) {
  body.responsive #content .topDiscoveryContainer .panel {
      padding:0 20px 30px;
      margin-top: 69px
  }
}

@media (min-width: 778px) {
  body.responsive #content .topDiscoveryContainer .panel {
      padding:54.7px 20px 30px;
      margin-top: 74px
  }
}

@media (min-width: 778px) and (max-width:980px) {
  body.responsive #content .topDiscoveryContainer .panel {
      padding:10px 20px 30px
  }
}

@media (min-width: 778px) {
  body.responsive #content .topDiscoveryContainer .panel .panel-heading {
      display:flex
  }
}

body.responsive #content .topDiscoveryContainer .panel .panel-heading picture {
  display: block;
  width: 100%
}

@media (max-width: 777px) {
  body.responsive #content .topDiscoveryContainer .panel .panel-heading picture {
      transform:translateY(-39px);
      margin-bottom: -39px
  }
}

@media (min-width: 778px) {
  body.responsive #content .topDiscoveryContainer .panel .panel-heading picture {
      width:46%;
      max-width: 460px;
      margin-right: 3.5%;
      transform: translateY(-88px);
      margin-bottom: -88px
  }
}

@media (min-width: 778px) and (max-width:980px) {
  body.responsive #content .topDiscoveryContainer .panel .panel-heading picture {
      transform:translateY(-38px);
      margin-bottom: -38px
  }
}

body.responsive #content .topDiscoveryContainer .panel .panel-heading picture img {
  width: 100%
}

body.responsive #content .topDiscoveryContainer .panel .panel-heading p {
  font-size: 18px;
  font-weight: 700;
  line-height: 38px
}

@media (max-width: 777px) {
  body.responsive #content .topDiscoveryContainer .panel .panel-heading p {
      margin-top:37.2px;
      background: url(https://manabi-contents.benesse.ne.jp/noauth/resources/img/comp/bg-dot_sp.png?20220425) repeat left top;
      background-size: 40px 38px
  }
}

@media (min-width: 778px) {
  body.responsive #content .topDiscoveryContainer .panel .panel-heading p {
      font-size:20px;
      line-height: 40px;
      width: 50%
  }
}

@media (min-width: 778px) and (max-width:980px) {
  body.responsive #content .topDiscoveryContainer .panel .panel-heading p {
      font-size:14px
  }
}

@media (min-width: 778px) {
  body.responsive #content .topDiscoveryContainer .panel .panel-heading p span {
      display:inline-block;
      background: url(https://manabi-contents.benesse.ne.jp/noauth/resources/img/comp/bg-dot_sp.png?20220425) repeat left top;
      background-size: 40px 40px
  }
}

@media (max-width: 777px) {
  body.responsive #content .topDiscoveryContainer .panel .panel-body {
      margin-top:37.5px
  }
}

@media (min-width: 778px) {
  body.responsive #content .topDiscoveryContainer .panel .panel-body {
      margin-top:30px
  }
}

@media (min-width: 778px) {
  body.responsive #content .topDiscoveryContainer .panel .panel-body.-flex {
      display:flex;
      justify-content: space-between;
      margin-top: 30px
  }
}

body.responsive #content .topDiscoveryContainer .panel .panel-body .panel-contents {
  width: 100%
}

@media (min-width: 778px) {
  body.responsive #content .topDiscoveryContainer .panel .panel-body .panel-contents {
      width:46%;
      display: flex;
      flex-direction: column;
      justify-content: space-between
  }
}

@media (max-width: 777px) {
  body.responsive #content .topDiscoveryContainer .panel .panel-body .panel-contents+.panel-contents {
      margin-top:40px;
      padding-top: 40px;
      border-top: #e5f8fd 2px solid
  }
}

body.responsive #content .topDiscoveryContainer .panel .panel-body .panel-contents .panel-detail {
  display: flex;
  justify-content: space-between
}

@media (min-width: 778px) {
  body.responsive #content .topDiscoveryContainer .panel .panel-body .panel-contents .panel-detail {
      align-items:center
  }
}

body.responsive #content .topDiscoveryContainer .panel .panel-body .panel-contents .panel-detail .panel-icon {
  display: block;
  width: 37%
}

@media (min-width: 778px) {
  body.responsive #content .topDiscoveryContainer .panel .panel-body .panel-contents .panel-detail .panel-icon {
      width:27%
  }
}

body.responsive #content .topDiscoveryContainer .panel .panel-body .panel-contents .panel-detail p {
  width: 57%
}

@media (min-width: 778px) {
  body.responsive #content .topDiscoveryContainer .panel .panel-body .panel-contents .panel-detail p {
      width:68%
  }
}

body.responsive #content .topDiscoveryContainer .panel .panel-body .panel-contents a {
  margin: 30px auto 0
}

@media (min-width: 778px) {
  body.responsive #content .topDiscoveryContainer .panel.-simple {
      width:49%
  }
}

@media (min-width: 778px) {
  body.responsive #content .topDiscoveryContainer .panel.-simple .panel-heading picture {
      width:100%;
      max-width: none;
      margin-right: 0
  }
}

@media (min-width: 778px) {
  body.responsive #content .topDiscoveryContainer .panel.-simple .panel-body .panel-contents {
      width:100%;
      display: block
  }
}

body.responsive #content .topDiscoveryContainer .panel.-simple .panel-body .panel-detail {
  display: block
}

body.responsive #content .topDiscoveryContainer .panel.-simple .panel-body .panel-detail p {
  width: 100%
}

@media (min-width: 778px) {
  body.responsive #content .topDiscoveryContainer .panel.-simple .panel-body .panel-detail p {
      width:100%;
      text-align: center
  }
}

@media (min-width: 778px) {
  body.responsive #content .topDiscoveryContainer .panelWrap {
      display:flex;
      justify-content: space-between
  }
}

@media (max-width: 777px) {
  body.responsive #content .topInfoContainer {
      margin:60px auto
  }
}

@media (min-width: 778px) {
  body.responsive #content .topInfoContainer {
      max-width:1050px;
      padding: 0 10px;
      margin: 80px auto
  }
}

body.responsive #content .topInfoContainer .infoTitle {
  margin: 0 auto
}

@media (max-width: 777px) {
  body.responsive #content .topInfoContainer .infoTitle {
      width:47.46%;
      max-width: 178px
  }
}

@media (min-width: 778px) {
  body.responsive #content .topInfoContainer .infoTitle {
      width:21.16%;
      max-width: 218px
  }
}

body.responsive #content .topInfoContainer .infoTitle img {
  width: 100%
}

body.responsive #content .topInfoContainer .topInfoContainer-bnr {
  margin: 60px auto 0
}

@media (max-width: 777px) {
  body.responsive #content .topInfoContainer .topInfoContainer-bnr {
      padding:0 20px;
      width: 100%
  }
}

@media (min-width: 778px) {
  body.responsive #content .topInfoContainer .topInfoContainer-bnr {
      width:510px
  }
}

body.responsive #content .topInfoContainer .topInfoContainer-bnr a {
  width: 100%
}

body.responsive #content .topInfoContainer .topInfoContainer-bnr img {
  width: 100%
}

@media (max-width: 777px) {
  body.responsive #content .topInfoContainer .infoList {
      padding:0;
      margin-top: 30px
  }

  body.responsive #content .topInfoContainer .infoList li {
      margin-left: 12px
  }

  body.responsive #content .topInfoContainer .infoList .slick-list {
      padding: 0 40% 0 0
  }
}

@media (min-width: 778px) {
  body.responsive #content .topInfoContainer .infoList {
      margin-top:40px
  }

  body.responsive #content .topInfoContainer .infoList li {
      width: 260px;
      flex: 0 0 auto
  }

  body.responsive #content .topInfoContainer .infoList li+li {
      margin-left: 18px
  }

  body.responsive #content .topInfoContainer .infoList .slick-list {
      padding: 0 18% 0 0
  }
}

@media (max-width: 777px) {
  body.responsive #content .topInfoContainer .infoList+.infoList {
      margin-top:30px
  }
}

@media (min-width: 778px) {
  body.responsive #content .topInfoContainer .infoList+.infoList {
      margin-top:60px
  }
}

body.responsive #content .topInfoContainer .infoList ul {
  visibility: hidden;
  opacity: 0
}

body.responsive #content .topInfoContainer .infoList ul a {
  display: block
}

body.responsive #content .topInfoContainer .infoList ul.slick-initialized {
  visibility: visible;
  opacity: 1
}

body.responsive #content .topInfoContainer .infoList.-flex li:first-child {
  margin-left: 0
}

@media screen and (max-width: 777px) {
  body.responsive #content .topInfoContainer .infoList.-flex li:first-child {
      margin-left:auto
  }
}

@media (max-width: 777px) {
  body.responsive #content .topInfoContainer .infoList.-flex {
      padding:0 20px;
      width: 100%
  }

  body.responsive #content .topInfoContainer .infoList.-flex li {
      width: 255px;
      margin: 0 auto
  }
}

@media (min-width: 778px) {
  body.responsive #content .topInfoContainer .infoList.-flex {
      width:100%
  }

  body.responsive #content .topInfoContainer .infoList.-flex li {
      width: 292px
  }

  body.responsive #content .topInfoContainer .infoList.-flex li+li {
      margin-left: 18px
  }
}

body.responsive #content .topInfoContainer .infoList.-flex ul {
  display: flex;
  visibility: visible;
  opacity: 1
}

@media (min-width: 778px) {
  body.responsive #content .topInfoContainer .infoList.-flex ul {
      width:calc(82% - 18px)
  }
}

body.responsive #content .topInformationContainer {
  width: 100%
}

@media (max-width: 777px) {
  body.responsive #content .topInformationContainer {
      margin-top:60px;
      padding: 0 20px
  }
}

@media (min-width: 778px) {
  body.responsive #content .topInformationContainer {
      margin:80px auto 0;
      max-width: 1050px;
      padding: 0 10px
  }
}

body.responsive #content .topInformationContainer .informationTitle {
  font-size: 22px;
  font-weight: 700;
  text-align: center
}

body.responsive #content .topInformationContainer .informationTab {
  display: flex;
  margin-top: 30px;
  border-bottom: 2px solid #d6dbe2
}

@media (max-width: 777px) {
  body.responsive #content .topInformationContainer .informationTab {
      justify-content:space-between
  }
}

@media (min-width: 778px) {
  body.responsive #content .topInformationContainer .informationTab {
      justify-content:center
  }
}

body.responsive #content .topInformationContainer .informationTab button {
  color: #009dff;
  font-size: 20px;
  text-align: center;
  position: relative
}

@media (max-width: 777px) {
  body.responsive #content .topInformationContainer .informationTab button {
      width:33%;
      padding-bottom: 14px
  }
}

@media (min-width: 778px) {
  body.responsive #content .topInformationContainer .informationTab button {
      width:260px;
      padding-bottom: 10px
  }
}

@media (min-width: 778px) and (max-width:980px) {
  body.responsive #content .topInformationContainer .informationTab button {
      width:33.3333333333%;
      padding-bottom: 10px
  }
}

body.responsive #content .topInformationContainer .informationTab button.-active {
  font-weight: 700
}

body.responsive #content .topInformationContainer .informationTab button.-active:after {
  content: "";
  width: 100%;
  height: 4px;
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #009dff;
  border-radius: 4px
}

@media (min-width: 778px) {
  body.responsive #content .topInformationContainer .informationTab button:hover {
      opacity:.7;
      transition: .3s
  }
}

body.responsive #content .topInformationContainer .informationNewsList li.-hide {
  display: none
}

body.responsive #content .topInformationContainer .informationNewsList a {
  position: relative;
  text-decoration: none;
  border-bottom: 1px solid #d6dbe2
}

@media (max-width: 777px) {
  body.responsive #content .topInformationContainer .informationNewsList a {
      display:block;
      padding: 14px 10px 14px 0
  }
}

@media (min-width: 778px) {
  body.responsive #content .topInformationContainer .informationNewsList a {
      display:flex;
      align-items: center;
      width: 100%;
      padding: 20px 20px 20px 10px
  }
}

body.responsive #content .topInformationContainer .informationNewsList a:after {
  content: "";
  position: absolute;
  width: 12px;
  height: 10px;
  right: 0;
  top: 50%;
  transform: translateY(-50%) rotate(-90deg);
  background: url(https://manabi-contents.benesse.ne.jp/noauth/_sharedZ_New/img/icon/ico-arrow-blue.svg) center no-repeat;
  background-size: contain
}

@media (min-width: 778px) {
  body.responsive #content .topInformationContainer .informationNewsList a:after {
      width:15px;
      height: 15px;
      right: 12px
  }
}

body.responsive #content .topInformationContainer .informationNewsList a:hover p {
  transition: .3s;
  color: #009dff;
  text-decoration: underline
}

body.responsive #content .topInformationContainer .informationNewsList a span {
  font-family: Roboto,sans-serif;
  color: #009dff;
  font-weight: 700;
  font-size: 14px;
  line-height: 1.3
}

@media (min-width: 778px) {
  body.responsive #content .topInformationContainer .informationNewsList a span {
      width:89px
  }
}

body.responsive #content .topInformationContainer .informationNewsList a p {
  line-height: 1.3;
  font-size: 14px;
  color: #333
}

@media (max-width: 777px) {
  body.responsive #content .topInformationContainer .informationNewsList a p {
      margin-top:5px;
      max-width: calc(100% - 89px)
  }
}

body.responsive #content .topInformationContainer .topInformationContainer-moreBtn {
  margin-top: 30px;
  text-align: right
}

body.responsive #content .topListContainer {
  width: 100%;
  padding: 0
}

@media (max-width: 777px) {
  body.responsive #content .topListContainer {
      margin-top:60px
  }
}

@media (min-width: 778px) {
  body.responsive #content .topListContainer {
      margin-top:80px
  }
}

body.responsive #content .topListContainer+.topListContainer {
  margin-top: 60px
}

@media (min-width: 778px) {
  body.responsive #content .topListContainer .topListContainer-inner {
      width:100%;
      max-width: 1050px;
      padding: 0 10px;
      margin: 0 auto
  }
}

@media (max-width: 777px) {
  body.responsive #content .topListContainer .topListContainer-heading {
      padding:0 20px
  }
}

@media (min-width: 778px) {
  body.responsive #content .topListContainer .topListContainer-heading {
      width:100%;
      display: flex;
      justify-content: space-between;
      margin-bottom: 40px
  }
}

@media (max-width: 777px) {
  body.responsive #content .topListContainer .topListContainer-heading .columnTitle {
      width:52.95%;
      max-width: 188px
  }
}

@media (min-width: 778px) {
  body.responsive #content .topListContainer .topListContainer-heading .columnTitle {
      width:21.65%;
      max-width: 223px
  }
}

body.responsive #content .topListContainer .topListContainer-heading .columnTitle img {
  width: 100%
}

@media (max-width: 777px) {
  body.responsive #content .topListContainer .topListContainer-heading .pickupTitle {
      width:50.74%;
      max-width: 170px
  }
}

@media (min-width: 778px) {
  body.responsive #content .topListContainer .topListContainer-heading .pickupTitle {
      width:19.51%;
      min-width: 201px;
      margin-right: 20px
  }
}

body.responsive #content .topListContainer .topListContainer-heading .pickupTitle img {
  width: 100%
}

body.responsive #content .topListContainer .topListContainer-button {
  margin: 30px 0 0
}

@media (min-width: 778px) {
  body.responsive #content .topListContainer .topListContainer-button {
      text-align:right
  }
}

@media (max-width: 777px) {
  body.responsive #content .topListContainer .topListContainer-button .secondaryBtn {
      display:block;
      margin: 0 auto
  }
}

@media (max-width: 777px) {
  body.responsive #content .topListContainer .topListContainer-button .secondaryBtn {
      display:block;
      margin: 0 auto
  }
}

@media (min-width: 778px) {
  body.responsive #content .topListContainer .topListContainer-button .secondaryBtn {
      display:inline-block;
      max-width: 250px
  }
}

body.responsive #content .topListContainer .columnButtonList {
  display: flex;
  flex-wrap: wrap
}

@media (max-width: 777px) {
  body.responsive #content .topListContainer .columnButtonList {
      margin:30px 0 20px
  }
}

@media (min-width: 778px) {
  body.responsive #content .topListContainer .columnButtonList {
      align-items:end;
      width: 75%;
      justify-content: flex-end
  }
}

body.responsive #content .topListContainer .columnButtonList button {
  font-weight: 700;
  color: #333;
  border: 2px solid #d6dbe2;
  padding: 10px 9px;
  border-radius: 22px;
  line-height: 1
}

@media (max-width: 777px) {
  body.responsive #content .topListContainer .columnButtonList button {
      font-size:12px;
      margin: 0 4px 10px 0;
      padding: 10px 7px
  }
}

@media (min-width: 778px) {
  body.responsive #content .topListContainer .columnButtonList button {
      font-size:14px;
      margin: 0 5px 5px 0
  }
}

@media (min-width: 778px) {
  body.responsive #content .topListContainer .columnButtonList button:hover {
      transition:.3s ease;
      opacity: .7
  }
}

body.responsive #content .topListContainer .columnButtonList button.-active {
  border: #009dff 2px solid;
  color: #009dff
}

@media (min-width: 778px) {
  body.responsive #content .topListContainer-slider {
      width:100%
  }
}

body.responsive #content .topListContainer-slider ul li {
  display: none
}

body.responsive #content .topListContainer-slider ul li.-show {
  display: block
}

body.responsive #content .topListContainer-slider ul .thumbnailLink {
  max-width: 260px
}

body.responsive #content .topListContainer-slider ul a {
  display: block;
  text-decoration: none
}

@media (max-width: 777px) {
  body.responsive #content .topListContainer-slider ul a {
      width:100%
  }
}

@media (min-width: 778px) {
  body.responsive #content .topListContainer-slider ul a {
      margin-bottom:25px
  }
}

@media (max-width: 777px) {
  body.responsive #content .topListContainer-slider ul {
      visibility:hidden;
      opacity: 0
  }
}

@media (min-width: 778px) {
  body.responsive #content .topListContainer-slider ul {
      visibility:visible;
      opacity: 1;
      display: flex
  }
}

body.responsive #content .topListContainer-slider ul.slick-initialized {
  visibility: visible;
  opacity: 1
}

@media (max-width: 777px) {
  body.responsive #content .topListContainer-slider {
      padding:0;
      margin-top: 30px
  }

  body.responsive #content .topListContainer-slider li {
      margin-left: 20px
  }

  body.responsive #content .topListContainer-slider .slick-list {
      padding: 0 40% 0 0
  }

  body.responsive #content .topListContainer-slider .slick-list a {
      max-width: none
  }
}

@media (min-width: 778px) {
  body.responsive #content .topListContainer-slider {
      margin-top:40px
  }

  body.responsive #content .topListContainer-slider li {
      width: 260px;
      flex: 0 0 auto
  }

  body.responsive #content .topListContainer-slider li+li {
      margin-left: 18px
  }

  body.responsive #content .topListContainer-slider .slick-list {
      padding: 0 18% 0 0
  }
}

body.responsive #content .topListContainer-slider figure {
  position: relative
}

body.responsive #content .topListContainer-slider figure:after {
  content: "";
  position: absolute;
  width: 24px;
  height: 24px;
  right: 10px;
  top: 10px;
  background: url(https://manabi-contents.benesse.ne.jp/noauth/resources/img/comp/ico-column-blank.png?20220425) no-repeat center;
  background-size: contain
}

@media (max-width: 777px) {
  body.responsive #content .topListContainer-slider.-flex {
      padding:0 20px
  }
}

body.responsive #content .topListContainer-slider.-flex ul {
  visibility: visible;
  opacity: 1
}

@media (min-width: 778px) {
  body.responsive #content .topListContainer-slider.-flex ul li.-show:nth-child(1) {
      margin-left:0!important
  }
}

@media (min-width: 778px) {
  body.responsive #content .topListContainer-slider.-flex ul {
      width:calc(82% - 18px)
  }
}

@media (max-width: 777px) {
  body.responsive #content .topListContainer-slider.-flex {
      width:100%
  }

  body.responsive #content .topListContainer-slider.-flex li {
      width: 48%;
      margin-left: 0
  }

  body.responsive #content .topListContainer-slider.-flex li+li {
      margin-left: 20px
  }
}

@media (min-width: 778px) {
  body.responsive #content .topListContainer-slider.-flex {
      width:100%
  }

  body.responsive #content .topListContainer-slider.-flex li {
      width: calc((100% - 36px)/ 3)
  }

  body.responsive #content .topListContainer-slider.-flex li+li {
      margin-left: 18px
  }
}

body.responsive #content .topListContainer-slider li.-hide {
  display: none
}

body.responsive #content .topListContainer-pickupSlider ul a {
  display: block;
  max-width: none
}

@media (min-width: 778px) {
  body.responsive #content .topListContainer-pickupSlider ul a {
      margin-bottom:25px
  }
}

@media (max-width: 777px) {
  body.responsive #content .topListContainer-pickupSlider ul {
      visibility:hidden;
      opacity: 0
  }
}

@media (min-width: 778px) {
  body.responsive #content .topListContainer-pickupSlider ul {
      visibility:visible;
      opacity: 1;
      display: flex;
      overflow-x: auto
  }
}

body.responsive #content .topListContainer-pickupSlider ul.slick-initialized {
  visibility: visible;
  opacity: 1
}

body.responsive #content .topListContainer-pickupSlider ul img {
  border: 1px solid #d6dbe2
}

@media (max-width: 777px) {
  body.responsive #content .topListContainer-pickupSlider {
      padding:0;
      margin-top: 30px
  }

  body.responsive #content .topListContainer-pickupSlider li {
      margin-left: 20px
  }

  body.responsive #content .topListContainer-pickupSlider .slick-list {
      padding: 0 40% 0 0
  }
}

@media (min-width: 778px) {
  body.responsive #content .topListContainer-pickupSlider {
      margin-top:40px
  }

  body.responsive #content .topListContainer-pickupSlider li {
      width: 23.5%;
      flex: 0 0 auto
  }

  body.responsive #content .topListContainer-pickupSlider li+li {
      margin-left: 18px
  }
}

@media (max-width: 777px) {
  body.responsive #content .topListContainer-pickupSlider.-flex {
      padding:0 20px
  }
}

body.responsive #content .topListContainer-pickupSlider.-flex ul {
  visibility: visible;
  opacity: 1
}

@media (max-width: 777px) {
  body.responsive #content .topListContainer-pickupSlider.-flex {
      width:100%
  }

  body.responsive #content .topListContainer-pickupSlider.-flex li {
      width: 48%
  }

  body.responsive #content .topListContainer-pickupSlider.-flex li:first-child {
      margin-left: 0
  }
}

body.responsive #content .topMainVisual {
  width: 100%
}

@media (max-width: 777px) {
  body.responsive #content .topMainVisual {
      background:url(/op/marketing/lp/_common/img/head.png) top left no-repeat;
      background-size: 100% 10%;
  }
}

@media (min-width: 778px) {
  body.responsive #content .topMainVisual {
      background:url(/op/marketing/lp/_common/img/head.png) center no-repeat;
      background-size: 400% 20%;
  }
}

body.responsive #content .topMainVisual .topMainVisual-inner {
  width: 100%
}

@media (max-width: 777px) {
  body.responsive #content .topMainVisual .topMainVisual-inner {
      /*padding:30px 20px 0*/
  }
}

@media (min-width: 778px) {
  body.responsive #content .topMainVisual .topMainVisual-inner {
      /*padding:2px 20px 0;*/
  }
}

@media (min-width: 778px) {
  body.responsive #content .topMainVisual .topMainVisual-inner>div:nth-child(1) {
      /*width:54.66%;*/
      max-width: 563px;
      margin: 0 auto;
  }
}

@media (min-width: 778px) {
  body.responsive #content .topMainVisual .topMainVisual-inner>section {
      width:60%;
      max-width: 400px
  }
}

body.responsive #content .topMainVisual .topMainVisual-heading {
  position: relative
}

@media (max-width: 777px) {
  body.responsive #content .topMainVisual .topMainVisual-lead {
      width:100%
  }
}

@media (min-width: 778px) {
  body.responsive #content .topMainVisual .topMainVisual-lead {
      width:100%;
      /*max-width: 340.12px*/
  }
}

body.responsive #content .topMainVisual .topMainVisual-lead img {
  width: 100%
}

body.responsive #content .topMainVisual .topMainVisual-step {
  position: absolute
}

@media (max-width: 777px) {
  body.responsive #content .topMainVisual .topMainVisual-step {
      right:-14.1px;
      top: -19.2px
  }
}

@media (min-width: 778px) {
  body.responsive #content .topMainVisual .topMainVisual-step {
      right:0;
      top: -31px
  }
}

body.responsive #content .topMainVisual .topMainVisual-stepBg {
  position: relative;
  background: url(https://manabi-contents.benesse.ne.jp/noauth/resources/img/comp/bg-step-seed.png?20220425) no-repeat right bottom;
  background-size: 82.71%
}

@media (max-width: 777px) {
  body.responsive #content .topMainVisual .topMainVisual-stepBg {
      width:43.2vw;
      height: 36.8vw
  }
}

@media (min-width: 778px) {
  body.responsive #content .topMainVisual .topMainVisual-stepBg {
      width:226.8px;
      height: 193.2px
  }
}

@media (min-width: 778px) and (max-width:980px) {
  body.responsive #content .topMainVisual .topMainVisual-stepBg {
      width:162px;
      height: 138px
  }
}

body.responsive #content .topMainVisual .topMainVisual-stepImg {
  display: none;
  position: relative;
  width: 100%;
  height: 100%
}

body.responsive #content .topMainVisual .topMainVisual-stepImg.-show {
  display: block
}

body.responsive #content .topMainVisual .topMainVisual-stepImg.-show .dot {
  display: block;
  opacity: 1
}

body.responsive #content .topMainVisual .topMainVisual-stepImg.-show .anime {
  -webkit-animation: show .3s linear 0s;
  animation: show .3s linear 0s
}

body.responsive #content .topMainVisual .topMainVisual-stepImg .img01 {
  position: absolute;
  width: 18%;
  left: 46%;
  bottom: 54%
}

body.responsive #content .topMainVisual .topMainVisual-stepImg .text01 {
  position: absolute;
  width: 45%;
  left: 33%;
  bottom: 26%
}

body.responsive #content .topMainVisual .topMainVisual-stepImg .dot {
  position: absolute;
  width: 19.75%;
  left: 46%;
  bottom: 15%
}

body.responsive #content .topMainVisual .topMainVisual-stepImg .img02 {
  position: absolute;
  width: 32%;
  left: 33%;
  bottom: 54%
}

body.responsive #content .topMainVisual .topMainVisual-stepImg .text02 {
  position: absolute;
  width: 61%;
  left: 25%;
  bottom: 26%
}

body.responsive #content .topMainVisual .topMainVisual-stepImg .img03 {
  position: absolute;
  width: 46%;
  left: 32%;
  bottom: 54%
}

body.responsive #content .topMainVisual .topMainVisual-stepImg .text03 {
  position: absolute;
  width: 77%;
  left: 0;
  bottom: 21%
}

body.responsive #content .topMainVisual .topMainVisual-bottom {
  position: relative;
  margin-top: 7.2vw;
  width: 100%;
  background-color: #e5f8fd;
  text-align: center;
  border-radius: 6px;
  padding: 14px 20px
}

@media (min-width: 778px) {
  body.responsive #content .topMainVisual .topMainVisual-bottom {
      max-width:559px;
      margin-top: 58.3px;
      padding: 20px;
      display: flex;
      justify-content: space-between;
      align-items: center
  }
}

body.responsive #content .topMainVisual .topMainVisual-bottom>a {
  margin: 0 auto
}

@media (min-width: 778px) {
  body.responsive #content .topMainVisual .topMainVisual-bottom>a {
      width:53.94%;
      max-width: 250px;
      margin: 0 5px 0 0;
      padding: 10px 20px
  }
}

@media (max-width: 777px) {
  body.responsive #content .topMainVisual .topMainVisual-bottom>p {
      margin-top:15px
  }
}

body.responsive #content .topMainVisual .topMainVisual-search {
  padding: 0
}

@media (max-width: 777px) {
  body.responsive #content .topMainVisual .topMainVisual-search {
      margin-top:15px
  }
}

body.responsive #content .topMainVisual .topMainVisual-searchTitle {
  width: 100%;
  margin: 0 auto
}

@media (min-width: 778px) {
  body.responsive #content .topMainVisual .topMainVisual-searchTitle {
      max-width:350px
  }
}

body.responsive #content .topMainVisual .topMainVisual-searchTitle img {
  width: 45%
}

@-webkit-keyframes show {
  from {
      opacity: 0
  }

  to {
      opacity: 1
  }
}

@keyframes show {
  from {
      opacity: 0
  }

  to {
      opacity: 1
  }
}

body.responsive #content .topNewsArea {
  width: 100%;
  background-color: #f4f7f7
}

body.responsive #content .topNewsArea .topNewsArea-list {
  text-align: center
}

@media (max-width: 777px) {
  body.responsive #content .topNewsArea .topNewsArea-list {
      padding:15px 20px;
      margin-top: 30px
  }
}

@media (min-width: 778px) {
  body.responsive #content .topNewsArea .topNewsArea-list {
      max-width:1050px;
      padding: 14px 10px;
      margin: 40px auto 0
  }
}

body.responsive #content .topNewsArea .topNewsArea-list li+li {
  margin-top: 5px
}

@media (max-width: 777px) {
  body.responsive #content .topPanelContainer {
      padding:0;
      margin: 60px auto 0
  }
}

@media (min-width: 778px) {
  body.responsive #content .topPanelContainer {
      max-width:1050px;
      padding: 0;
      margin: 80px auto 0
  }
}

body.responsive #content .topPanelContainer .findTitle {
  margin: 0 auto
}

@media (max-width: 777px) {
  body.responsive #content .topPanelContainer .findTitle {
      width:90.74%;
      max-width: 304px
  }
}

@media (min-width: 778px) {
  body.responsive #content .topPanelContainer .findTitle {
      width:34.95%;
      max-width: 360px
  }
}

body.responsive #content .topPanelContainer .findTitle img {
  width: 100%
}

body.responsive #content .topBannerFindUniv {
  width: 100%;
  display: flex;
  flex-wrap: wrap
}

@media (max-width: 777px) {
  body.responsive #content .topBannerFindUniv {
      margin-top:30px
  }
}

@media (min-width: 778px) {
  body.responsive #content .topBannerFindUniv {
      margin-top:40px
  }
}

@media (max-width: 777px) {
  body.responsive #content .topBannerFindUniv li {
      width:49%
  }

  body.responsive #content .topBannerFindUniv li:nth-child(even) {
      margin-left: 2%
  }

  body.responsive #content .topBannerFindUniv li:nth-child(n+3) {
      margin-top: 30px
  }
}

@media (min-width: 778px) {
  body.responsive #content .topBannerFindUniv li {
      width:23.5%
  }

  body.responsive #content .topBannerFindUniv li:nth-child(n+2) {
      margin-left: 2%
  }
}

body.responsive #content .topBannerFindUniv li a {
  width: 100%;
  max-width: none
}

body.responsive #content .topBannerFindUniv li img {
  border: 1px solid #d6dbe2
}

@media (max-width: 777px) {
  body.responsive #content .topBannerFindUniv li p {
      font-size:14px
  }
}

body.responsive #contents.topSearch {
  background-color: inherit
}

@media (max-width: 777px) {
  body.responsive #contents.topSearch {
      margin:5.91vw auto 0;
      max-width: auto;
      padding: 0;
      position: relative;
      text-align: left;
      overflow: hidden
  }
}

@media (min-width: 778px) {
  body.responsive #contents.topSearch {
      max-width:100%;
      height: auto;
      padding: 0
  }
}

@media (min-width: 778px) {
  #contents.topSearch .univSearchBoxIn .univSearchBox .searchBox.detailSearchBox {
      background-color:initial;
      padding: 0;
      margin: 22px 0 19.5px
  }
}

@media (min-width: 778px) {
  #contents.topSearch .univSearchBoxIn .univSearchBox .detailSearchBox .detailSearchBoxItem {
      width:100%
  }
}

#contents.topSearch .top .hide {
  display: none
}

#contents.topSearch #screen_main .univSearchBoxIn .univSearchBox .searchBox.detailSearchBox .btnArea {
  margin: 0
}

@media (min-width: 778px) {
  #contents.topSearch #screen_main .univSearchBoxIn .univSearchBox .searchBox.detailSearchBox .btnArea .searchBtnList li {
      width:100%
  }
}

.image-area {
    margin: 20px auto 40px;
    text-align: center;
    background-color: #f1eeee;
}
.image-area__others {
    text-align: left;
}
.link {
    color: #2970bc;
    transition: opacity 0.2s cubic-bezier(0.25, 0.1, 0.25, 1);
}
.link--download::before {
    content: "";
    display: inline-block;
    background-image: url(/op/marketing/lp/_common/img/icon_download.svg);
    background-repeat: no-repeat;
    background-size: 100% auto;
    vertical-align: middle;
    width: 18px;
    height: 18px;
    margin-right: 6px;
    transform: translateY(-2px);
}

.link--pdf::after {
    content: "";
    display: inline-block;
    background-image: url(/op/marketing/lp/_common/img/icon_pdf.svg);
    background-repeat: no-repeat;
    background-size: 100% auto;
    vertical-align: middle;
    width: 18px;
    height: 21px;
    margin-left: 6px;
    transform: translateY(-2px);
}
a {
    text-decoration: none;
}

.sp_br {
    display: none;
  }
  @media screen and (max-width: 777px) {
    .sp_br {
      display: block;
    }
  }
  
.pc_br {
display: none;
}
@media screen and (min-width: 1200px) {
.pc_br {
    display: block;
}
}

@media screen and (min-width: 778px) {
    .anotation3 {
        text-align: center;
        margin: 10px auto;
        max-width: 700px;
    }
    .anotation4 {
        text-align: center;
        margin: 10px auto;
        /*max-width: 700px;*/
    }
}
@media screen and (min-width:500px) and ( max-width:777px) {
    .anotation3 {
        text-align: center;
        margin: 10px auto;
        max-width: 450px;
    }
    .anotation4 {
        text-align: center;
        margin: 10px auto;
        max-width: 450px;
    }
}
@media screen and (max-width: 500px) {
    .anotation3 {
        text-align: center;
        margin: 10px auto;
        max-width: 300px;
    }
    .anotation4 {
        text-align: center;
        margin: 10px auto;
        max-width: 400px;
    }
}

@media screen and (min-width: 778px) {
    .anotation3 p {
        text-align: center;
        color: white;
        box-shadow: 5px 5px 5px 0 rgba(0,0,0,0.3);
        background-color: #45aeef;
        width: 50%;
        font-size: 12px;
        line-height: 140%;
        display: inline-block;
        font-weight: 540;
        border-radius: 10px;
        padding: 10px;
    }
    .anotation4 p {
        text-align: left;
        font-size: 12px;
        line-height: 140%;
        display: inline-block;
        font-weight: 540;
        border-radius: 10px;
        /*padding: 10px 10px 0px 10px;*/
    }
}
@media screen and (max-width: 777px) {
    .anotation3 p {
        text-align: center;
        color: white;
        box-shadow: 5px 5px 5px 0 rgba(0,0,0,0.3);
        background-color: #45aeef;
        width: 70%;
        font-size: 12px;
        line-height: 140%;
        display: inline-block;
        font-weight: 540;
        border-radius: 10px;
        padding: 10px;
    }
    .anotation4 p {
        text-align: left;
        width: 70%;
        font-size: 12px;
        line-height: 140%;
        display: inline-block;
        font-weight: 540;
        border-radius: 10px;
        padding: 10px;
    }
}

.anotation3 p a {
    color: white;
}

.compasslogo{
    margin-top: 2px;
}

.telop{
    margin-top: 2px;
}

@media screen and (min-width: 778px) {
    .contents {
        width: 100%;
        max-width: 1050px;
        margin: 0 auto;
        padding: 0 10px;
        text-align: left;
    }
}

@media screen and (min-width: 778px) {
    .contents1 {
        display: grid;
        margin: 0px auto;
        padding: 0 10px;
        max-width: 1000px;
    }
}
@media screen and (min-width:500px) and ( max-width:777px) {
    .contents1 {
        margin: 50px auto 10px auto;
        max-width: 420px;
    }
}
@media screen and (max-width: 500px) {
    .contents1 {
        margin: 0px auto 10px auto;
        max-width: 320px;
    }
}

@media screen and (min-width: 778px) {
    .nyushi_img {
        display: grid;
        margin: 0px auto;
        padding: 0 10px;
        max-width: 1000px;
    }
}
@media screen and (min-width:500px) and ( max-width:777px) {
    .nyushi_img {
        margin: 0px auto 10px auto;
        max-width: 420px;
    }
}
@media screen and (max-width: 500px) {
    .nyushi_img {
        margin: 0px auto 10px auto;
        max-width: 320px;
    }
}

@media screen and (min-width: 778px) {
    .image-area {
        margin: 0px 15%;
        max-width: 1000px;
    }
}
@media screen and (min-width:500px) and ( max-width:777px) {
    .image-area {
        margin: 0px 10%;
        max-width: 420px;
    }
}
@media screen and (max-width: 500px) {
    .image-area {
        margin: 0px 10%;
        max-width: 320px;
    }
}
@media screen and (min-width: 778px) {
    .teacherimg {
        width: 100%;
        margin: 0px 0px auto 0px;
        /*background-color: #D9D9D9;*/
    }
}

@media screen and (max-width: 777px) {
    .teacherimg {
        width: 100%;
        margin: auto 0px auto 0px;
        background-color: white;
    }
}

@media screen and (min-width: 778px) {
    .teacherimg img {
        width: 100%;
    }
}

@media screen and (max-width: 777px) {
    .teacherimg img {
        text-align: left;display: inline-block;
    }
}

.teacherimg p {
    font-size: 12px;
}

@media screen and (min-width: 778px) {
    .teacherimg2 {
        width: 100%;
        margin: 20px 0px 20px 0px;
    }
}
@media screen and (min-width: 778px) {
    .teacherimg2 img {
        width: 110px;
        margin-left: 30px;
    }
}
@media screen and (max-width: 777px) {
    .teacherimg2 img {
        text-align: left;display: inline-block;
        /*padding: 20px 20px 20px 10px;*/
    }
}

@media screen and (min-width: 778px) {
    .anotation .teacher {
        width: 110px;
        margin-left: 30px;
    }
}
@media screen and (max-width: 777px) {
    .anotation .teacher {
        text-align: left;display: inline-block;
        /*padding: 20px 10px 20px 20px;*/
    }
}

@media screen and (max-width: 777px) {
    .teacherimg2 .text {
        float: right;
    }
}

@media screen and (min-width: 777px) {
    .teacherimg2 .text {
        float: left;
    }
}

@media screen and (max-width: 777px) {
    .teacherimg2 p {
        font-size: 12px;
    }
}

@media screen and (min-width: 778px) {
    .teacherimg3 {
        /*width: 50%;*/
        margin: auto 0px auto 0px;
    }
}
@media screen and (min-width: 778px) {
    .teacherimg3 img {
        width: 100%;
    }
}
@media screen and (max-width: 777px) {
    .teacherimg3 img {
        text-align: left;display: inline-block;
    }
}

@media screen and (max-width: 777px) {
    .teacherimg3 .text {
        float: left;
    }
}

@media screen and (min-width: 778px) {
    .teacherimg3 p {
        font-size: 12px;
        /*background-color: #D9D9D9;*/
        padding: 20px 20px 20px 0px;
    }
}

@media screen and (max-width: 777px) {
    .teacherimg3 p {
        font-size: 12px;
        background-color: white;
    }
}

@media screen and (min-width: 778px) {
    .teacherimg .text {
        float: left;
        padding: 20px 20px 20px 0px;
    }
}

@media screen and (max-width: 777px) {
    .teacherimg .text {
        float: left;
    }
}

@media screen and (max-width: 777px) {
    .anotation .text {
        float: left;
    }
}

@media screen and (max-width: 777px) {
    .anotation #txt {
        width: 70%;
    }
}

@media screen and (min-width: 778px) {
    .anotation #txt {
        width: 85%;
    }
}

@media screen and (max-width: 777px) {
    .anotation #png {
        width: 30%;
        padding: 20px 0px 0px 0px;
    }
}

@media screen and (min-width: 778px) {
    .anotation #png {
        width: 15%;
    }
}

@media screen and (max-width: 777px) {
    .teacherimg2 #txt {
        width: 70%;
    }
}

@media screen and (min-width: 778px) {
    .teacherimg2 #txt {
        width: 85%;
    }
}

@media screen and (max-width: 777px) {
    .teacherimg2 #png {
        width: 30%;
        padding: 20px 5px 0px 0px;
    }
}

@media screen and (min-width: 778px) {
    .teacherimg2 #png {
        width: 15%;
    }
}

@media screen and (min-width: 778px) {
    .teacherimg2 p {
        font-size: 12px;
    }
}

@media screen and (min-width: 778px) {
    .text {
        float: left;
    }
}

@media screen and (min-width: 778px) {
    .anotation {
        width: 100%;
        margin: auto 0px auto 0px;
    }
}

@media screen and (min-width: 778px) {
    .anotation_graph {
        width: 80%;
        margin: auto 0px auto 0px;
    }
}

@media screen and (min-width: 778px) {
    .anotation p {
        font-size: 12px;
        line-height: 140%;
        text-align: left;
        font-weight: 540;
    }
}
.teacherimg3 span {
    font-size: 12px;
    line-height: 140%;
    text-align: left;
    font-weight: 540;
}

@media screen and (min-width: 778px) {
    .teacherimg3 span {
        font-size: 12px;
        line-height: 140%;
        text-align: left;
        font-weight: 540;
    }
}
@media screen and (max-width: 777px) {
    .teacherimg3 span {
        font-size: 12px;
        line-height: 140%;
        text-align: left;
        font-weight: 540;
    }
}

@media screen and (min-width: 778px) {
    .anotation .imgtag {
        display: inline-flex;
    }
}
@media screen and (max-width: 777px) {
    .anotation p {
        /*margin: 15px 0px 0px 0px;*/
        font-size: 12px;
        line-height: 140%;
        text-align: left;
        display: inline-block;
        font-weight: 540;
    }
}

@media screen and (max-width: 777px) {
    .topMainVisual-lead p {
        font-size: 35px;
        line-height: 140%;
        text-align: left;
        color: aliceblue;
        display: inline-block;
        font-weight: 540;
    }
}

@media screen and (max-width: 400px) {
    .topMainVisual-lead p {
        font-size: 26px;
        line-height: 140%;
        text-align: left;
        color: aliceblue;
        display: inline-block;
        font-weight: 540;
    }
}

@media screen and (min-width: 1000px) {
    .topMainVisual-lead p {
        font-size: 35px;
        line-height: 140%;
        text-align: left;
        color: aliceblue;
        display: inline-block;
        font-weight: 540;
    }
}

@media screen and (min-width:800px) and ( max-width:1000px) {
    .topMainVisual-lead p {
        font-size: 32px;
        line-height: 140%;
        text-align: left;
        color: aliceblue;
        display: inline-block;
        font-weight: 540;
    }
}
@media screen and (min-width:777px) and ( max-width:800px) {
    .topMainVisual-lead p {
        font-size: 27px;
        line-height: 140%;
        text-align: left;
        color: aliceblue;
        display: inline-block;
        font-weight: 540;
    }
}
@media screen and (min-width:400px) and ( max-width:777px) {
    .topMainVisual-lead p {
        font-size: 30px;
        line-height: 140%;
        text-align: left;
        color: aliceblue;
        display: inline-block;
        font-weight: 540;
    }
}

@media screen and (min-width: 778px) {
    .anotation1 {
        text-align: center;
    }
}
@media screen and (min-width:500px) and ( max-width:777px) {
    .anotation1 {
        margin: 0px auto;
        max-width: 350px;
    }
}
@media screen and (max-width: 500px) {
    .anotation1 {
        margin: 0px auto;
        max-width: 250px;
    }
}

@media screen and (min-width: 778px) {
    .anotation2 {
        text-align: center;
    }
}

@media screen and (min-width:500px) and ( max-width:777px) {
    .anotation2 {
        margin: 0px auto;
        max-width: 350px;
    }
}
@media screen and (max-width: 500px) {
    .anotation2 {
        margin: 0px auto;
        max-width: 250px;
    }
}

.anotation1 p {
    width: 100%;
    font-size: 10px;
    line-height: 140%;
    text-align: left;
    display: inline-block;
}

.anotation2 p {
    width: 100%;
    font-size: 10px;
    line-height: 140%;
    text-align: left;
    display: inline-block;
}

.anotation_graph .graph {
    border: solid 1px #777777;
}



@media screen and (min-width: 778px) {
    .footer_top{
        border-top: solid 3px #2970BC;
    }
}

@media screen and (max-width: 777px) {
    .footer_top{
        display: none;
    }
}

@media screen and (min-width: 777px) {
    .news1{
        text-align: center;
        /*max-width: 900px;*/
    }
}

@media screen and (min-width:500px) and ( max-width:777px) {
    .news1{
        text-align: center;
        max-width: 550px;
        padding-left: 30px;
        padding-right: 30px;
    }
}

@media screen and (max-width: 500px) {
    .news1{
        text-align: center;
        max-width: 360px;
        padding-left: 30px;
        padding-right: 30px;
    }
}

.news1 p {
    width: 100%;
    font-size: 12px;
    line-height: 140%;
    text-align: left;
    display: inline-block;
    font-weight: 540;
    margin: 0% 0% 0% 0px;
    padding: 5px;
}

.news1 span {
    width: 98%;
    font-size: 12px;
    line-height: 140%;
    text-align: left;
    display: inline-block;
    font-weight: 540;
    margin: 0% 0% 0% 5px;
    padding: 5px;
}

.news2 span {
    width: 98%;
    font-size: 12px;
    line-height: 140%;
    text-align: left;
    display: inline-block;
    font-weight: 540;
    margin: 0% 0% 0% 5px;
    padding: 5px;
}

.news1 a {
    text-decoration: underline;
    font-size: 12px;
    color: #00a1ff;
}

.news2 a {
    text-decoration: underline;
    font-size: 12px;
    color: #00a1ff;
}

@media screen and (max-width: 777px) {
    .logo2{
        text-align: center;
        margin: 0px auto;
        max-width: 450px;
    }
}
@media screen and (min-width: 778px) {
    .logo2{
        text-align: center;
        margin: 0px auto;
        max-width: 350px;
    }
}
@media screen and (min-width: 900px) {
    .logo2{
        text-align: center;
        margin: 0px auto;
        max-width: 350px;
    }
}

hr {
    border: none;
    border-top: 1px dashed blue;
}

@media screen and (min-width: 778px) {
    hr {
        display: flex;
        margin: 50px 10% 20px 10%;
        max-width: 1000px;
    }
}
@media screen and (min-width:500px) and ( max-width:777px) {
    hr {
        margin: 50px auto 10px auto;
        max-width: 420px;
    }
}
@media screen and (max-width: 500px) {
    hr {
        margin: 50px auto 10px auto;
        max-width: 320px;
    }
}

.dlnone{
    width: calc(90% + 30px);
    max-width: 500px;
}

@media screen and (min-width:1600px) {
    .dlnone {
        max-width: 500px;
    }
}

@media screen and (min-width:500px)  and ( max-width:1599px) {
    .dlnone {
        max-width: 370px;
    }
}
@media screen and (max-width: 500px) {
    .dlnone {
        width: calc(90% + 30px);
        max-width: 500px;
    }
}

@media screen and (max-width: 777px) {
    .menu {
       padding-left: 30px;
    }
}

@media screen and (max-width: 777px) {
    .compasslogo {
       padding-left: 30px;
    }
}

@media screen and (max-width: 777px) {
    .telop {
       padding-left: 30px;
       padding-right: 30px;
    }
}

@media screen and (max-width: 777px) {
    .nyushi_ {
        /*display: flex;*/
    }
}

@media screen and (min-width: 778px) {
    .nyushi_ {
        display: flex;
        align-items: flex-end;
    }
}

@media screen and (max-width: 777px) {
    .nyushi_ #txt {
        width: 100%;
    }
}

@media screen and (min-width: 778px) {
    .nyushi_ #txt {
        width: 70%;
    }
}

@media screen and (max-width: 777px) {
    .nyushi_ #png {
        width: 90%;
        font-size: 10px;
        line-height: 140%;
        padding-top: 10px;
    }
}

@media screen and (min-width: 778px) {
    .nyushi_ #png {
        width: 30%;
        font-size: 12px;
        line-height: 140%;
        padding-left: 20px;
    }
}