@charset "UTF-8";
/*
#header 200
foot-ao 200
headbtmrightmenu 201
mimi 10001
topslider 100-
modal_block 12000
#lean_overlay 11999
open campus img 110, 111
*/
/*SP*/
@font-face {
  font-family: 'webfontRegular';
  src: url("oswald-regular-webfont.eot");
  src: url("oswald-regular-webfont.eot?#iefix") format("embedded-opentype"), url("oswald-regular-webfont.woff") format("woff"), url("oswald-regular-webfont.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }

html {
  width: 100%;
  height: 100%;
  overflow: auto; }

body {
  font-family: '-apple-system', 'BlinkMacSystemFont','Yu Gothic Medium', '游ゴシック Medium', YuGothic, 'Hiragino Sans','Hiragino Kaku Gothic ProN', '游ゴシック体',"segoe ui",'メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
  font-size: 62.5%;
  line-height: 1.8;
  position: relative;
  overflow: hidden;
  min-width: 1100px; }

.grecaptcha-badge {
  visibility: hidden; }

img {
  vertical-align: bottom; }

.ctr {
  text-align: center; }

.brsp {
  display: none; }

.brpc {
  display: block; }

.clearfix::after, .topmenu::after, .topmenu2::after, .topmenuspecial::after, #toparea #topics .topics-list::after, #toparea #topgakka::after, #featureschool .featurebox1::after, #featureschool .featurebox2::after, #featureschool .featurebox3::after, #featureschool .supportul li::after, #featureschool .step li::after, #featureschool .supstepul li::after, #featureschool .lfbox::after, #featureschool .diffbox::after, #featureschool .paisenbox .inner::after, #aboutschool .rinenul li::after, #aboutschool .history dl::after, #aboutschool .access .mapbox::after, #sagyo .department dl::after, #sagyo .pol li::after, #sagyo .chk ol::after, #sagyo .paisenbox .inner::after, #sagyo .aboutworkbox::after, #rigaku .department dl::after, #rigaku .pol li::after, #rigaku .paisenbox .inner::after, .zokubox1 fieldset li::after, .zokubox2 .senpai1::after, .zokubox3 li::after, .zokubox4 .senpai1::after, .societyaccess .mapbox::after {
  content: "";
  clear: both;
  display: table; }

.cautionclr {
  color: #f00; }

a {
  text-decoration: none; }

a:hover {
  text-decoration: underline; }

a.btngra {
  color: #15b676;
  background: linear-gradient(90deg, #00ab9d, #1faedf);
  border-radius: 30px;
  padding: 3px;
  width: 100%;
  display: block; }
  a.btngra span {
    background: #fff;
    border-radius: 30px;
    text-align: center;
    display: block;
    vertical-align: middle;
    padding: 10px 0;
    transition: all 0.2s ease; }

a.btngra:hover {
  text-decoration: none; }
  a.btngra:hover span {
    background: rgba(255, 255, 255, 0.9); }

#complete {
  text-align: center;
  margin: 0 auto; }
  #complete .head {
    font-size: 40px;
    padding-top: 60px;
    margin-bottom: 60px; }
  #complete .text {
    font-size: 25px; }
  #complete .btnlink {
    width: 300px;
    font-size: 15px;
    margin: 30px auto; }
  #complete .nlink {
    font-size: 15px; }

.sb-slidebar.sb-active {
  display: none; }

#overlay {
  display: none;
  background: rgba(0, 0, 0, 0.6);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10000; }

#lean_overlay {
  position: fixed;
  z-index: 11999;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  background: #000;
  display: none; }

#modal_block {
  display: block;
  position: fixed;
  opacity: 0;
  z-index: 12000;
  left: 50%;
  margin-left: -147px;
  top: 100px;
  width: 320px;
  height: 320px; }
  #modal_block img {
    width: 100%; }

.modal_close {
  /*
	position: absolute;
	top: 12px;
	right: 12px;
	display: block; 
	width: 14px;
	height: 14px; 
	background: url(../img/modal_close.png);
	z-index: 2;
*/ }

.video-container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden; }

.video-container iframe, .video-container object, .video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.rinzi {
  font-size: 30px;
  text-align: center;
  font-weight: bold;
  color: #f00;
  margin-bottom: 40px;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif; }

.rinzi2 {
  font-size: 30px;
  text-align: center;
  font-weight: bold;
  color: #f00;
  margin-bottom: 40px;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif; }

.rinzi a, .rinzi2 a {
  color: #f00; }

.contentinner {
  width: 1100px;
  margin: 0 auto; }

#mimi {
  position: fixed;
  right: 0;
  bottom: 5%;
  z-index: 10001; }
  #mimi div, #mimi #aboutschool .teachersul li .picbox h3, #aboutschool .teachersul li .picbox #mimi h3 {
    margin-bottom: 10px;
    text-align: right; }
  #mimi a img {
    width: 80px;
    height: auto;
    box-shadow: -3px 3px 4px 0px rgba(0, 0, 0, 0.2); }
  #mimi .ic100 {
    width: 180px;
    text-align: left; }
    #mimi .ic100 a img {
      width: 168px;
      box-shadow: none;
      box-shadow: -3px 3px 4px 0px rgba(0, 0, 0, 0.2); }

.btn-menu, .icon-oc, .icon-req, .foot-ao, .foot-ic100 {
  display: none; }

.topscroll {
  text-align: center;
  padding: 40px 0; }
  .topscroll img {
    width: 35px;
    height: auto; }

#header {
  background: #fff; }
  #header .headtop {
    border-bottom: 1px solid #000;
    padding: 12px 0;
    width: 100%; }
    #header .headtop .inner {
      width: 1100px;
      margin: 0 auto;
      font-size: 12px; }
    #header .headtop .headtoprightmenu {
      float: right; }
    #header .headtop h1 {
      font-weight: normal;
      padding: 0;
      margin: 0;
      float: left; }
    #header .headtop ul {
      padding: 0;
      margin: 0; }
      #header .headtop ul li {
        float: left;
        margin-left: 30px; }
  #header .headbtm {
    padding: 35px 0;
    width: 100%;
    clear: both; }
    #header .headbtm .inner {
      width: 1100px;
      margin: 0 auto; }
    #header .headbtm .inner::after {
      content: "";
      clear: both;
      display: table; }
    #header .headbtm .headbtmrightmenu {
      float: right; }
    #header .headbtm #logo {
      float: left; }
    #header .headbtm ul {
      padding: 0;
      margin: 0;
      font-size: 16px;
      font-weight: bold; }
      #header .headbtm ul li {
        float: left;
        margin-left: 30px;
        list-style: none; }
    #header .headbtm #spfootmenu {
      display: none; }

#telmail {
  width: 100%;
  line-height: 1; }
  #telmail ul {
    width: 100%;
    display: flex;
    margin: 0;
    font-size: 18px; }
  #telmail li {
    width: 50%;
    font-size: 17px;
    text-align: center;
    display: inline-flex; }
  #telmail li:first-child {
    background: #f5f5f5; }
    #telmail li:first-child .telbox {
      width: 550px;
      margin-left: auto;
      padding: 40px 0; }
      #telmail li:first-child .telbox img {
        width: 50px;
        height: auto;
        padding-right: 10px; }
      #telmail li:first-child .telbox div, #telmail #aboutschool .teachersul li:first-child .telbox .picbox h3, #aboutschool .teachersul #telmail li:first-child .telbox .picbox h3, #telmail #aboutschool .teachersul li:first-child .picbox .telbox h3, #aboutschool .teachersul #telmail li:first-child .picbox .telbox h3 {
        display: inline-block;
        text-align: left; }
        #telmail li:first-child .telbox div span, #telmail #aboutschool .teachersul li:first-child .telbox .picbox h3 span, #aboutschool .teachersul #telmail li:first-child .telbox .picbox h3 span, #telmail #aboutschool .teachersul li:first-child .picbox .telbox h3 span, #aboutschool .teachersul #telmail li:first-child .picbox .telbox h3 span {
          font-family: 'webfontRegular', Arial, sans-serif;
          font-size: 40px; }
  #telmail li:last-child {
    background: linear-gradient(to right, #8adaba 0%, #8fd6ee 100%); }
    #telmail li:last-child div, #telmail #aboutschool .teachersul li:last-child .picbox h3, #aboutschool .teachersul #telmail li:last-child .picbox h3 {
      width: 550px;
      margin-right: auto; }
      #telmail li:last-child div img, #telmail #aboutschool .teachersul li:last-child .picbox h3 img, #aboutschool .teachersul #telmail li:last-child .picbox h3 img {
        width: 62px;
        height: auto;
        vertical-align: middle;
        padding-right: 10px; }
      #telmail li:last-child div a, #telmail #aboutschool .teachersul li:last-child .picbox h3 a, #aboutschool .teachersul #telmail li:last-child .picbox h3 a {
        padding: 45px 0;
        display: block;
        color: #fff; }
      #telmail li:last-child div a:hover, #telmail #aboutschool .teachersul li:last-child .picbox h3 a:hover, #aboutschool .teachersul #telmail li:last-child .picbox h3 a:hover {
        text-decoration: none; }

#btmconv {
  margin-top: 750px;
  width: 1100px;
  margin: 100px auto;
  display: flex;
  justify-content: space-between; }
  #btmconv li {
    display: inline-flex;
    list-style: none; }
  #btmconv img {
    box-shadow: 8px 8px 10px 0px #bababa; }

#snsarea {
  background: #e6e6e6;
  text-align: center;
  padding: 50px 0; }
  #snsarea ul {
    width: 596px;
    display: flex;
    justify-content: space-between;
    margin: 0 auto; }
  #snsarea img {
    width: 50px;
    height: auto; }

#footernavi {
  width: 1100px;
  margin: 0 auto;
  padding: 100px 0 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  line-height: 1; }
  #footernavi ul {
    width: 275px;
    padding-bottom: 65px; }
  #footernavi li:first-child {
    font-size: 15px;
    font-weight: bold; }
  #footernavi li {
    font-size: 13px;
    list-style: none;
    padding-bottom: 25px; }
  #footernavi .zokutitle {
    display: block;
    padding-top: 30px;
    font-size: 15px;
    font-weight: bold; }

#footernavisub {
  background: #b3b3b3;
  padding: 40px 0; }
  #footernavisub ul {
    width: 1100px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap; }
  #footernavisub li {
    display: inline-flex;
    list-style: none;
    font-size: 14px;
    padding: 10px 20px; }

#groupbox {
  padding: 35px 0;
  text-align: center; }
  #groupbox p {
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 20px; }
  #groupbox ul {
    width: 1100px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between; }
  #groupbox li {
    display: inline-flex;
    list-style: none;
    font-size: 14px; }

#pagetopsp {
  display: none; }

#footer {
  background: #b3b3b3;
  text-align: center;
  font-size: 12px;
  padding: 10px; }

.tbl1 {
  width: 100%;
  margin-bottom: 10px; }
  .tbl1 table {
    width: 100%;
    border: 1px solid #999; }
  .tbl1 th {
    text-align: center;
    background: #e0ecfc;
    font-weight: bold;
    vertical-align: top;
    border: 1px solid #999;
    font-size: 14px;
    padding: 10px;
    box-sizing: border-box; }
  .tbl1 td {
    text-align: center;
    vertical-align: top;
    border: 1px solid #999;
    font-size: 14px;
    padding: 10px;
    box-sizing: border-box; }
  .tbl1 .clr1 {
    background: #fffd40; }

.planetitle {
  font-size: 30px;
  margin-bottom: 25px;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  border-bottom: 1px solid #000; }

.planetitle + p {
  font-size: 12px;
  margin-bottom: 50px; }

.planetitle + p.f15 {
  font-size: 15px;
  margin-bottom: 30px; }

#topmain {
  position: relative;
  width: 100%;
  height: 750px; }
  #topmain div, #topmain #aboutschool .teachersul li .picbox h3, #aboutschool .teachersul li .picbox #topmain h3 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 750px; }
    #topmain div a, #topmain #aboutschool .teachersul li .picbox h3 a, #aboutschool .teachersul li .picbox #topmain h3 a {
      display: block;
      width: 100%;
      height: 100%; }
  #topmain .pcview {
    display: block; }
  #topmain .spview {
    display: none; }

#panlist1 {
  text-align: right;
  padding-top: 420px;
  font-size: 15px; }

#panlist2 {
  width: 1100px;
  margin: 0 auto 130px auto;
  text-align: right;
  padding-top: 15px;
  font-size: 15px; }

#panlist3 {
  text-align: right;
  padding-top: 670px;
  font-size: 15px; }

#panlist4 {
  text-align: right;
  padding-top: 520px;
  font-size: 15px; }

#panlist5 {
  width: 1100px;
  margin: 0 auto 30px auto;
  text-align: right;
  font-size: 15px; }

#aboutmain,
#featuremain, #featuremain1, #featuremain2, #featuremain3, #featuremain4, #featuremain5,
#sagyomain, #sagyomain1, #sagyomain2, #sagyomain3,
#rigakumain, #rigakumain1, #rigakumain2, #rigakumain3,
#campuslifemain, #eventconsultationmain,
#specialmain {
  width: 100%;
  height: 400px;
  margin-bottom: 185px; }
  #aboutmain .inner,
  #featuremain .inner, #featuremain1 .inner, #featuremain2 .inner, #featuremain3 .inner, #featuremain4 .inner, #featuremain5 .inner,
  #sagyomain .inner, #sagyomain1 .inner, #sagyomain2 .inner, #sagyomain3 .inner,
  #rigakumain .inner, #rigakumain1 .inner, #rigakumain2 .inner, #rigakumain3 .inner,
  #campuslifemain .inner, #eventconsultationmain .inner,
  #specialmain .inner {
    width: 1100px;
    margin: 0 auto;
    position: relative; }

#campuslifemain1 {
  width: 100%;
  height: 650px;
  margin-bottom: 185px; }
  #campuslifemain1 .inner {
    width: 1100px;
    margin: 0 auto;
    position: relative; }

#eventlistmain {
  width: 100%;
  margin-bottom: 185px; }
  #eventlistmain .inner {
    width: 1100px;
    margin: 0 auto;
    position: relative; }

#aboutmain {
  background: url(../images/about-school/tobiramain.jpg) no-repeat center top;
  background-size: cover; }
  #aboutmain h2 {
    position: absolute;
    left: 36px;
    top: 190px; }

#featuremain {
  background: url(../images/feature-school/tobiramain.jpg) no-repeat center top;
  background-size: cover; }
  #featuremain h2 {
    position: absolute;
    left: 36px;
    top: 80px; }

#featuremain1 {
  background: url(../images/feature-school/tobiramain1.jpg) no-repeat center top;
  background-size: cover; }
  #featuremain1 h2 {
    position: absolute;
    left: 36px;
    top: 60px; }

#featuremain2 {
  background: url(../images/feature-school/tobiramain2.jpg) no-repeat center top;
  background-size: cover; }
  #featuremain2 h2 {
    position: absolute;
    left: 36px;
    top: 60px; }

#featuremain3 {
  background: url(../images/feature-school/tobiramain3.jpg) no-repeat center top;
  background-size: cover; }
  #featuremain3 h2 {
    position: absolute;
    left: 36px;
    top: 60px; }

#featuremain4 {
  background: url(../images/feature-school/tobiramain4.jpg) no-repeat center top;
  background-size: cover; }
  #featuremain4 h2 {
    position: absolute;
    left: 36px;
    top: 60px; }

#featuremain5 {
  background: url(../images/feature-school/tobiramain5.jpg) no-repeat center top;
  background-size: cover; }
  #featuremain5 h2 {
    position: absolute;
    left: 36px;
    top: 60px; }

#sagyomain {
  background: url(../images/gakka-sagyo/tobiramain.jpg) no-repeat center top;
  background-size: cover; }
  #sagyomain h2 {
    position: absolute;
    left: 36px;
    top: 80px; }

#sagyomain1 {
  background: url(../images/gakka-sagyo/tobiramain1.jpg) no-repeat center top;
  background-size: cover; }
  #sagyomain1 h2 {
    position: absolute;
    left: 36px;
    top: 60px; }

#sagyomain2 {
  background: url(../images/gakka-sagyo/tobiramain2.jpg) no-repeat center top;
  background-size: cover; }
  #sagyomain2 h2 {
    position: absolute;
    left: 36px;
    top: 60px; }

#sagyomain3 {
  background: url(../images/gakka-sagyo/tobiramain3.jpg) no-repeat center top;
  background-size: cover; }
  #sagyomain3 h2 {
    position: absolute;
    left: 36px;
    top: 60px; }

#rigakumain {
  background: url(../images/gakka-rigaku/tobiramain.jpg) no-repeat center top;
  background-size: cover; }
  #rigakumain h2 {
    position: absolute;
    left: 36px;
    top: 80px; }

#rigakumain1 {
  background: url(../images/gakka-rigaku/tobiramain1.jpg) no-repeat center top;
  background-size: cover; }
  #rigakumain1 h2 {
    position: absolute;
    left: 36px;
    top: 60px; }

#rigakumain2 {
  background: url(../images/gakka-rigaku/tobiramain2.jpg) no-repeat center top;
  background-size: cover; }
  #rigakumain2 h2 {
    position: absolute;
    left: 36px;
    top: 60px; }

#rigakumain3 {
  background: url(../images/gakka-rigaku/tobiramain3.jpg) no-repeat center top;
  background-size: cover; }
  #rigakumain3 h2 {
    position: absolute;
    left: 36px;
    top: 60px; }

#campuslifemain {
  background: url(../images/campus-life/tobiramain.jpg) no-repeat center top;
  background-size: cover; }
  #campuslifemain h2 {
    position: absolute;
    left: 36px;
    top: 60px; }

#campuslifemain1 {
  background: url(../images/campus-life/tobiramain1.jpg) no-repeat center top;
  background-size: cover; }
  #campuslifemain1 h2 {
    position: absolute;
    left: 0;
    right: 0;
    top: 160px;
    text-align: center; }

#eventlistmain {
  background: url(../images/eventlist/tobiramain.jpg) no-repeat center top;
  background-size: cover;
  height: 500px; }
  #eventlistmain h2 {
    position: absolute;
    left: 0;
    right: 0;
    top: 90px;
    text-align: center; }

#eventconsultationmain {
  background: url(../images/event-consultation/tobiramain.jpg) no-repeat center top;
  background-size: cover; }
  #eventconsultationmain h2 {
    position: absolute;
    left: 36px;
    top: 65px; }

#specialmain {
  background: url(../images/special/tobiramain.jpg) no-repeat center top;
  background-size: cover; }
  #specialmain h2 {
    position: absolute;
    left: 36px;
    top: 60px; }

.topmenu, .topmenu2, .topmenuspecial {
  width: 1100px;
  margin: 0 auto; }

.topmenu2 {
  margin-top: 125px; }

.topmenu li, .topmenu2 li, .topmenuspecial li {
  width: 366px;
  float: left;
  list-style: none;
  font-size: 15px;
  margin: 0;
  margin-bottom: 100px;
  padding: 0; }
  .topmenu li a, .topmenu2 li a, .topmenuspecial li a {
    display: block; }
  .topmenu li a:hover, .topmenu2 li a:hover, .topmenuspecial li a:hover {
    text-decoration: none; }
  .topmenu li span, .topmenu2 li span, .topmenuspecial li span {
    display: block;
    padding: 20px 0;
    position: relative; }
    .topmenu li span i, .topmenu2 li span i, .topmenuspecial li span i {
      background: #15b676;
      display: inline-block;
      padding: 0 4px;
      border-radius: 2px;
      font-size: 12px;
      font-weight: bold;
      color: #fff; }
  .topmenu li span:before, .topmenu2 li span:before, .topmenuspecial li span:before {
    content: '▶';
    color: #22b473; }
  .topmenu li img, .topmenu2 li img, .topmenuspecial li img {
    width: 100%;
    height: auto; }

.topmenu2 li {
  margin-bottom: 60px; }

.topmenu li:nth-child(1), .topmenu li:nth-child(2), .topmenu li:nth-child(3), .topmenuspecial li {
  text-align: center; }
  .topmenu li:nth-child(1) span:after, .topmenu li:nth-child(2) span:after, .topmenu li:nth-child(3) span:after, .topmenuspecial li span:after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: 0;
    display: inline-block;
    width: 60px;
    height: 1px;
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: #8e8e8e;
    border-radius: 2px; }

.topmenu li, .topmenu2 li {
  text-align: left; }
  .topmenu li span:after, .topmenu2 li span:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    display: inline-block;
    width: 320px;
    height: 1px;
    -moz-transform: translateX(0%);
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
    background-color: #8e8e8e;
    border-radius: 2px; }

#titlearea {
  width: 100%;
  background: #eee;
  padding: 75px 0 45px 0;
  text-align: center;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif; }
  #titlearea h2 {
    font-size: 45px;
    letter-spacing: .2em;
    background: #fff;
    display: inline-block;
    padding: 2px 80px;
    min-width: 500px;
    box-sizing: border-box; }
  #titlearea p {
    font-size: 20px;
    letter-spacing: .2em;
    margin-top: 10px; }

.fh2, .fh2_2, .fh2_3 {
  text-align: center;
  font-size: 30px;
  text-decoration: underline;
  margin-bottom: 130px; }

.fh2_2 {
  margin-bottom: 50px; }

.fh2_2 .gr {
  color: #15b676; }

.fh2_2 .rd {
  color: #f00; }

.fh2_2 + p {
  margin-bottom: 130px;
  text-align: center;
  font-size: 20px; }

.fh2_3 {
  margin-bottom: 50px; }

.fh2_3 + p {
  margin-bottom: 130px;
  text-align: center;
  font-size: 20px; }

.fh3 {
  text-align: center;
  font-size: 20px;
  margin-bottom: 130px; }

.fh3_2 {
  text-align: center;
  font-size: 20px;
  margin-bottom: 50px; }

.fh3 .gr,
.fh3_2 .gr {
  color: #15b676; }

.fh4 {
  text-align: center;
  font-size: 25px;
  margin-bottom: 130px; }

.fh4_2 {
  text-align: center;
  font-size: 25px;
  margin-bottom: 40px; }

.fh4 .gr,
.fh4_2 .gr {
  color: #15b676; }

.greenlabel {
  text-align: center;
  letter-spacing: .4em;
  margin-bottom: 80px; }
  .greenlabel dt {
    font-size: 20px;
    color: #15b676;
    padding-bottom: 10px; }
  .greenlabel dd {
    display: inline-block;
    font-size: 30px;
    background: #15b676;
    color: #fff;
    min-width: 520px;
    padding: 10px;
    box-sizing: border-box; }

.greenlabel2 {
  text-align: center;
  letter-spacing: .4em;
  margin-bottom: 40px; }
  .greenlabel2 dt {
    font-size: 20px;
    color: #15b676;
    padding-bottom: 10px; }
  .greenlabel2 dd {
    display: inline-block;
    font-size: 30px;
    background: #15b676;
    color: #fff;
    min-width: 520px;
    padding: 10px;
    box-sizing: border-box; }

.greenlabel2 + p {
  text-align: center;
  font-size: 18px;
  margin-bottom: 80px; }

#contact {
  width: 800px;
  margin: 0 auto 150px auto; }
  #contact .formcurrent {
    text-align: center;
    margin-bottom: 15px; }
    #contact .formcurrent .covid19form {
      font-size: 20px;
      font-weight: bold;
      color: #15b676;
      padding-bottom: 15px; }
  #contact table {
    border: 2px solid #4d4d4d;
    border-left: 5px solid #4d4d4d;
    width: 100%;
    font-size: 15px;
    margin-bottom: 45px; }
    #contact table input[type="text"], #contact table input[type="email"], #contact table input[type="tel"], #contact table input[type="date"], #contact table select, #contact table textarea {
      border: 1px solid #4d4d4d;
      border-radius: 4px;
      padding: 6px;
      margin-bottom: 5px; }
    #contact table input, #contact table textarea {
      font-size: 15px; }
  #contact th, #contact td {
    border-bottom: 1px solid #4d4d4d;
    padding: 8px;
    vertical-align: top; }
  #contact td {
    width: 70%;
    background: #e6e6e6; }
  #contact .caption {
    font-size: 12px;
    line-height: 1.4; }
  #contact .hissu:after {
    display: inline-block;
    content: "";
    width: 40px;
    height: 15px;
    background: url(../images/common/hissu.gif) 90% 50% no-repeat;
    background-size: auto 100%;
    vertical-align: middle; }
  #contact .btncontact {
    font-size: 20px;
    text-align: center;
    color: #fff;
    background: linear-gradient(90deg, #00ab9d, #1faedf);
    border-radius: 30px;
    padding: 3px;
    width: 300px;
    display: block;
    margin: 0 auto; }
  #contact .btncontact2 {
    display: flex;
    justify-content: space-around;
    width: 600px;
    margin: 0 auto; }
    #contact .btncontact2 .btncontact {
      font-size: 20px;
      text-align: center;
      color: #fff;
      background: linear-gradient(90deg, #00ab9d, #1faedf);
      border-radius: 30px;
      padding: 3px;
      width: 200px;
      margin: 0 auto; }
  #contact #contacttel {
    text-align: center;
    font-size: 16px;
    margin-bottom: 30px; }
    #contact #contacttel .tel {
      font-size: 30px;
      color: #15b676;
      margin-bottom: 50px; }

#toparea {
  /*
	#topspecial {
		background: #f1f1f1;
		padding: 40px 0;
		h2 {
			font-size: $f30px;
			text-align: center;
			margin-bottom: 15px;
		}
		h3 {
			font-size: 15px;
			text-align: center;
			margin-bottom: 40px;
		}
		#specialcard {
			width: 1026px;
			margin: 0 auto;
			.swiper-slide-next, .swiper-slide-prev {
				opacity: .5;
			}
			.swiper-button-next {
				position: absolute;
				top: 50%;
				right: 320px;
				width: 30px;
				height: 30px;
				margin-top: -15px;
				z-index: 10;
				cursor: pointer;
				background-image: url(../images/common/bx_slide_right.gif);
				background-size: 30px 30px;
				background-position: center;
				background-repeat: no-repeat;
			}
			.swiper-button-prev {
				position: absolute;
				top: 50%;
				left: 320px;
				width: 30px;
				height: 30px;
				margin-top: -15px;
				z-index: 10;
				cursor: pointer;
				background-image: url(../images/common/bx_slide_left.gif);
				background-size: 30px 30px;
				background-position: center;
				background-repeat: no-repeat;
			}
			.swiper-slide a span {
				display: none;
			}
		}

		.btnlink {
			margin-top: 302px;
			width: 300px;
			margin: 30px auto 0 auto;
			a {
				font-size: $f20px;
				text-align: center;
				color: #fff;
				background: linear-gradient(90deg,#00ab9d,#1faedf);
				border-radius: 30px;
				padding: 3px;
				width: 100%;
				display: block;
			}
			a:hover {
				text-decoration: none;
			}
		}
	}



	#oclist {
		background: #f1f1f1;
		padding: 40px 0;
		h2 {
			font-size: $f30px;
			text-align: center;
			margin-bottom: 15px;
		}
		h3 {
			font-size: $f15px;
			text-align: center;
			margin-bottom: 80px;
		}
		ul {
			width: $width1;
			margin: 0 auto;
			display: flex;
			justify-content: space-between;
		}
		li {
			width: 250px;
			background: #fff;
			position: relative;
			font-size: $f16px;
			a {
				display: block;
			}
			a:hover {
				text-decoration: none;
			}
			.thum {
				position: absolute;
				top: -35px;
				right: 0;
				z-index: 110;
				img {
					width: 190px;
					height: auto;
				}
			}
			span {
				width: 100px;
				text-align: center;
				position: absolute;
				top: 75px;
				left: 15px;
				background: #000;
				color: #fff;
				z-index: 111;
			}
			.experience {background: #bcd729;}
			.holidays {background: #ff0019;}
			.weekday_night {background: #0020f9;}
			.weekday_daytime {background: #f2512f;}
			.public_holiday {background: #ff0019;}
			.online {background: #58b2ff;}
			.limited {background: #ffae00;}
			.kouni {background: #ff77fa;}
			.title {
				padding-top: 120px;
				padding-left: 15px;
				padding-right: 15px;
				font-size: $f18px;
				font-weight: bold;
				line-height: 1.2;
			}
			.date {
				padding-left: 15px;
				font-size: $f16px;
				font-weight: bold;
				color: $color2;
			}
			.term {
				padding-left: 15px;
				font-size: $f16px;
				font-weight: bold;
			}
			.para {
				padding: 10px 15px;
			}
			.viewmore {
				text-align: right;
				padding-right: 15px;
				color: $color2;
			}
		}
		.btnlink {
			width: 300px;
			margin: 30px auto 0 auto;
			a {
				font-size: $f20px;
				text-align: center;
				color: #fff;
				background: linear-gradient(90deg,#00ab9d,#1faedf);
				border-radius: 30px;
				padding: 3px;
				width: 100%;
				display: block;
			}
			a:hover {
				text-decoration: none;
			}
		}
	}
*/ }
  #toparea #topics {
    font-size: 16px;
    margin-top: 100px;
    margin-bottom: 100px; }
    #toparea #topics .content-inner {
      width: 1100px;
      margin: 0 auto; }
    #toparea #topics .topics-list {
      margin-bottom: 20px; }
      #toparea #topics .topics-list .date {
        float: left;
        width: 150px;
        margin-right: 10px; }
      #toparea #topics .topics-list .tag {
        float: left;
        display: inline-block;
        width: 180px;
        height: 20px;
        line-height: 20px;
        margin-right: 15px;
        font-size: 13px;
        text-align: center;
        border: 1px solid #000;
        padding: 6px 0; }
      #toparea #topics .topics-list .text {
        float: right;
        width: 680px; }
    #toparea #topics .tab-content {
      display: none; }
    #toparea #topics .btnlink {
      width: 300px;
      margin: 30px auto 0 auto; }
      #toparea #topics .btnlink a {
        font-size: 20px;
        text-align: center;
        color: #fff;
        background: linear-gradient(90deg, #00ab9d, #1faedf);
        border-radius: 30px;
        padding: 3px;
        width: 100%;
        display: block; }
      #toparea #topics .btnlink a:hover {
        text-decoration: none; }
  #toparea #topgakka {
    margin-bottom: 250px; }
    #toparea #topgakka .sagyo {
      background: url(../images/top/sagyobg.jpg) no-repeat;
      background-size: cover;
      float: left;
      width: 50%;
      min-height: 590px; }
      #toparea #topgakka .sagyo .inner {
        width: 520px;
        height: 100%;
        margin: 0 30px 0 auto;
        position: relative;
        padding-top: 345px;
        box-sizing: border-box; }
        #toparea #topgakka .sagyo .inner h2 {
          position: absolute;
          top: 95px;
          left: 35px; }
        #toparea #topgakka .sagyo .inner .plate {
          width: 100%;
          bottom: 0; }
    #toparea #topgakka .rigaku {
      background: url(../images/top/rigakubg.jpg) no-repeat;
      background-size: cover;
      float: right;
      width: 50%;
      min-height: 590px; }
      #toparea #topgakka .rigaku .inner {
        width: 520px;
        margin: 0 auto 0 30px;
        position: relative;
        padding-top: 345px;
        box-sizing: border-box; }
        #toparea #topgakka .rigaku .inner h2 {
          position: absolute;
          top: 95px;
          left: 35px; }
    #toparea #topgakka .plate {
      width: 100%;
      background: #fff;
      padding: 55px 60px 0 160px;
      box-sizing: border-box;
      font-size: 16px; }
      #toparea #topgakka .plate p {
        display: none; }
      #toparea #topgakka .plate ul {
        border-top: 2px solid #000; }
      #toparea #topgakka .plate li {
        border-bottom: 1px solid #000;
        padding: 20px 0; }
  #toparea #topscholarship {
    border-top: 20px solid #f1f1f1;
    background: #fff;
    padding: 40px 0; }
    #toparea #topscholarship h2 {
      font-size: 30px;
      text-align: center;
      margin-bottom: 15px; }
    #toparea #topscholarship h3 {
      font-size: 15px;
      text-align: center;
      margin-bottom: 40px; }
    #toparea #topscholarship ul {
      width: 1100px;
      margin: 0 auto;
      display: flex;
      justify-content: space-between; }
  #toparea #covid19 {
    text-align: center;
    font-size: 16px;
    padding-bottom: 2em; }
    #toparea #covid19 h2 {
      font-size: 30px;
      padding-bottom: 1em;
      color: #15b676;
      font-weight: bold;
      letter-spacing: .1em; }
    #toparea #covid19 ul {
      padding-top: 2em;
      font-size: 25px;
      font-weight: bold; }
      #toparea #covid19 ul li {
        padding-bottom: 1em; }
        #toparea #covid19 ul li a {
          color: #15b676;
          text-decoration: underline; }
  #toparea #netsu {
    background: url(../images/top/netsubg_pc.jpg) no-repeat;
    background-size: cover;
    text-align: center;
    width: 100%;
    height: 200px;
    margin-bottom: 100px; }
    #toparea #netsu a {
      display: block;
      width: 100%;
      height: 100%;
      position: relative; }
      #toparea #netsu a .netsutext {
        position: absolute;
        bottom: 20px;
        left: 0;
        right: 0; }
    #toparea #netsu .btnview {
      display: none; }
  #toparea #zoku {
    padding: 40px 0 85px 0;
    position: relative;
    margin-bottom: 100px; }
    #toparea #zoku h2 {
      font-size: 30px;
      text-align: center;
      margin-bottom: 15px; }
    #toparea #zoku h3 {
      font-size: 15px;
      text-align: center;
      margin-bottom: 80px; }
    #toparea #zoku ul {
      width: 1030px;
      margin: 0 auto;
      display: flex;
      justify-content: space-between; }
  #toparea #zoku:after {
    position: absolute;
    background: #f1f1f1;
    width: 100%;
    height: 200px;
    display: block;
    bottom: 0;
    content: '';
    z-index: -2; }
  #toparea #topaccess {
    padding: 40px 0 85px 0;
    position: relative; }
    #toparea #topaccess h2 {
      font-size: 30px;
      text-align: center;
      margin-bottom: 15px; }
    #toparea #topaccess h3 {
      font-size: 15px;
      text-align: center;
      margin-bottom: 80px; }
    #toparea #topaccess .schoolbg {
      background: url(../images/common/topaccessbg_pc.jpg) no-repeat center top;
      padding-top: 115px; }
      #toparea #topaccess .schoolbg a {
        display: block;
        width: 520px;
        text-align: center;
        background: #fff;
        padding: 50px 0;
        box-sizing: border-box;
        margin: 0 auto;
        box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.2); }
        #toparea #topaccess .schoolbg a .title {
          font-size: 25px;
          font-weight: bold;
          margin-bottom: 35px; }
        #toparea #topaccess .schoolbg a .add {
          font-size: 20px;
          margin-bottom: 35px; }
        #toparea #topaccess .schoolbg a .btn {
          font-size: 20px;
          display: inline-block;
          background: #37b9b3;
          color: #fff;
          padding: 0 20px; }
      #toparea #topaccess .schoolbg a:hover {
        text-decoration: none;
        background: #f1f1f1; }
  #toparea #topaccess:after {
    position: absolute;
    background: #f1f1f1;
    width: 100%;
    height: 270px;
    display: block;
    bottom: 0;
    content: '';
    z-index: -2; }

#base {
  margin-bottom: 150px; }
  #base .planeul {
    margin-left: 1em; }
    #base .planeul li {
      list-style: disc; }
  #base .planeolnum {
    margin-left: 1em; }
    #base .planeolnum li {
      list-style: decimal; }
  #base .cred {
    color: #f00; }
  #base .lefttitle {
    margin-bottom: 100px;
    font-size: 15px;
    display: flex;
    flex-wrap: wrap;
    line-height: 1.4; }
    #base .lefttitle dt {
      font-size: 20px;
      font-weight: bold;
      width: 370px;
      padding-bottom: 35px;
      padding-right: 20px;
      box-sizing: border-box; }
      #base .lefttitle dt h3 {
        font-weight: bold; }
      #base .lefttitle dt .caution {
        font-weight: normal;
        font-size: 13px; }
    #base .lefttitle dd {
      padding-bottom: 35px;
      width: 730px; }
    #base .lefttitle dd.innertbl .innertbl .bigprice {
      font-size: 50px; }
    #base .lefttitle .btnlink {
      width: 300px;
      margin-top: 20px; }
  #base .lefttitle2 {
    margin-bottom: 100px;
    font-size: 15px;
    display: flex;
    flex-wrap: wrap; }
    #base .lefttitle2 dt {
      font-size: 20px;
      font-weight: bold;
      width: 370px;
      padding-bottom: 35px; }
    #base .lefttitle2 dd {
      padding-bottom: 35px;
      width: 730px; }
  #base .lefttitle3 {
    margin-bottom: 100px;
    font-size: 15px;
    display: flex;
    flex-wrap: wrap;
    line-height: 1.4; }
    #base .lefttitle3 dt {
      font-size: 20px;
      font-weight: bold;
      width: 370px;
      padding-bottom: 35px;
      padding-right: 20px;
      box-sizing: border-box; }
      #base .lefttitle3 dt .htxt {
        font-size: 15px;
        display: block;
        margin-top: 20px; }
    #base .lefttitle3 .btnlink {
      font-size: 15px;
      width: 300px;
      font-weight: normal;
      margin-top: 20px; }
    #base .lefttitle3 .btnlink2 {
      display: none; }
    #base .lefttitle3 dd {
      padding-bottom: 35px;
      width: 730px; }
      #base .lefttitle3 dd dl.dlwidth1, #base .lefttitle3 dd dl.dlwidth2 {
        margin-bottom: 40px;
        font-size: 15px;
        display: flex;
        flex-wrap: wrap; }
        #base .lefttitle3 dd dl.dlwidth1 dt.firstchild, #base .lefttitle3 dd dl.dlwidth2 dt.firstchild {
          font-size: 20px;
          width: 100%; }
        #base .lefttitle3 dd dl.dlwidth1 dt, #base .lefttitle3 dd dl.dlwidth2 dt {
          width: 100px;
          font-size: 15px; }
        #base .lefttitle3 dd dl.dlwidth1 dd, #base .lefttitle3 dd dl.dlwidth2 dd {
          width: 550px; }
      #base .lefttitle3 dd dl.dlwidth2 dt {
        width: 150px;
        font-size: 15px; }
      #base .lefttitle3 dd dl.dlwidth2 dd {
        width: 550px; }
      #base .lefttitle3 dd .dlwidth3 dt {
        font-weight: bold;
        padding-bottom: 10px;
        font-size: 15px; }
      #base .lefttitle3 dd .shienkin {
        font-size: 20px;
        font-weight: bold; }
        #base .lefttitle3 dd .shienkin strong {
          color: #f00;
          font-size: 30px; }
  #base .lefttitle4 {
    margin-bottom: 30px;
    font-size: 15px; }
    #base .lefttitle4 dt {
      font-size: 20px;
      font-weight: bold;
      padding-bottom: 15px; }
    #base .lefttitle4 dd {
      padding-bottom: 70px; }
      #base .lefttitle4 dd .price {
        text-align: center; }
        #base .lefttitle4 dd .price strong {
          font-size: 40px;
          color: #f00; }
    #base .lefttitle4 .lastchild {
      text-align: center;
      font-size: 20px;
      font-weight: bold; }
  #base .pcbox {
    margin-bottom: 100px; }
  #base .spbox {
    display: none; }
  #base .parabox1 {
    margin-bottom: 100px;
    margin-left: 370px;
    font-size: 15px; }
  #base .para {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 70px; }
  #base .para2 {
    font-size: 15px;
    margin-bottom: 30px; }
  #base .para3 {
    font-size: 15px; }
  #base .iconcheck {
    margin-bottom: 50px; }
    #base .iconcheck img {
      width: 120px;
      height: auto; }
  #base .price {
    font-size: 20px;
    font-weight: bold; }
  #base .daynight {
    display: flex;
    flex-wrap: wrap;
    width: 600px; }
    #base .daynight dt {
      width: 200px; }
    #base .daynight dd {
      width: 200px; }
  #base .ocbox .experience, #base .ocbox .holidays, #base .ocbox .weekday_night, #base .ocbox .weekday_daytime, #base .ocbox .public_holiday, #base .ocbox .online, #base .ocbox .limited, #base .ocbox .kouni {
    color: #fff;
    font-weight: normal;
    font-size: 14px;
    min-width: 100px;
    display: inline-block;
    padding: 4px 0;
    text-align: center;
    margin-bottom: 5px; }
  #base .ocbox .experience {
    background: #bcd729; }
  #base .ocbox .holidays {
    background: #ff0019; }
  #base .ocbox .weekday_night {
    background: #0020f9; }
  #base .ocbox .weekday_daytime {
    background: #f2512f; }
  #base .ocbox .public_holiday {
    background: #ff0019; }
  #base .ocbox .online {
    background: #58b2ff; }
  #base .ocbox .limited {
    background: #ffae00; }
  #base .ocbox .kouni {
    background: #ff77fa; }
  #base .ocbox .event-detail {
    display: none;
    background: #eee;
    padding: 40px; }
    #base .ocbox .event-detail .head {
      padding-bottom: 1.5em; }
  #base .ocbox .eventlistbtn {
    width: 640px;
    display: flex;
    justify-content: space-between;
    margin: 40px 0; }
    #base .ocbox .eventlistbtn li {
      width: 300px; }
      #base .ocbox .eventlistbtn li .disenable {
        font-size: 15px;
        text-align: center;
        color: #666;
        background: #ccc;
        border-radius: 30px;
        padding: 12px;
        width: 100%;
        display: block; }
    #base .ocbox .eventlistbtn li:last-child a {
      font-size: 15px;
      text-align: center;
      color: #fff;
      background: linear-gradient(90deg, #00ab9d, #1faedf);
      border-radius: 30px;
      padding: 12px;
      width: 100%;
      display: block; }
  #base .forrecruiter li {
    padding-bottom: 2em; }
  #base .evaluation {
    font-size: 15px;
    margin-bottom: 75px; }
    #base .evaluation p {
      margin-bottom: 1em; }
  #base .disc-list li {
    margin-bottom: 10px; }
  #base .recruiterdownload dl {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    #base .recruiterdownload dl dt {
      font-size: 15px;
      width: 380px;
      padding-top: 20px; }
    #base .recruiterdownload dl dd {
      vertical-align: middle;
      width: 300px; }
      #base .recruiterdownload dl dd .btnlink {
        margin-top: 0; }
  #base .parents ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap; }
  #base .parents li {
    width: 520px;
    font-size: 15px;
    margin-bottom: 85px; }
  #base .parents h3 {
    font-size: 20px;
    font-weight: bold; }
  #base .parents p {
    margin-bottom: 1em; }
  #base .parents .caution {
    color: #f00;
    font-size: 15px;
    font-weight: bold;
    padding-top: 1em; }
  #base .parents .ctr {
    font-size: 20px;
    font-weight: bold; }

/*// base //*/
#faq {
  font-size: 15px; }
  #faq .accordion-title {
    cursor: pointer;
    font-weight: bold;
    background: url(../images/common/icon_open.gif) no-repeat right center;
    background-size: 20px auto; }
  #faq .accordion-title.open {
    background: url(../images/common/icon_close.gif) no-repeat right center;
    background-size: 20px auto; }
  #faq .accordion-title em {
    background: url(../images/common/icon_q.gif) #13b676 no-repeat center center;
    width: 80px;
    height: 80px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 20px; }
  #faq .accordion-content {
    display: none;
    background: url(../images/common/icon_a.gif) #eee no-repeat 70px center;
    padding: 50px 20px 50px 200px; }
  #faq .section {
    margin-bottom: 100px; }
  #faq .accordion-block {
    margin-bottom: 40px; }



.eventlist .occat {
  background: url(../images/eventlist/topbg1.gif) no-repeat center top;
  text-align: center;
  padding-top: 50px;
  padding-bottom: 130px; }
  .eventlist .occat h2 {
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
    font-size: 28px;
    letter-spacing: .4em;
    margin-bottom: 60px; }
    .eventlist .occat h2 img {
      display: none; }
  .eventlist .occat p {
    padding-bottom: 1.4em;
    font-size: 18px;
    line-height: 2.2;
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif; }

.eventlist .ocpoint {
  background: url(../images/eventlist/topbg2_pc.gif) no-repeat center 250px;
  padding: 130px 0;
  text-align: center; }
  .eventlist .ocpoint .yellowtitle {
    display: inline-block;
    background: #fffd40;
    font-size: 30px;
    padding: 0 60px;
    letter-spacing: .6em; }
  .eventlist .ocpoint .yellowtitle + p {
    font-size: 28px;
    margin-bottom: 70px;
    letter-spacing: .3em;
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif; }
  .eventlist .ocpoint ol {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap; }
    .eventlist .ocpoint ol li {
      width: 520px;
      border: 1px solid #000;
      padding: 20px 40px;
      margin-bottom: 50px;
      box-sizing: border-box; }
      .eventlist .ocpoint ol li strong {
        font-size: 30px;
        font-weight: normal;
        color: #f00;
        letter-spacing: .2em; }
      .eventlist .ocpoint ol li .pointtitle {
        font-size: 30px;
        text-align: center;
        font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif; }
      .eventlist .ocpoint ol li p {
        font-size: 25px;
        text-align: left;
        font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif; }
    .eventlist .ocpoint ol li:first-child {
      background: #fff; }

.eventlist .qa {
  padding: 130px 0;
  text-align: center; }
  .eventlist .qa .yellowtitle {
    display: inline-block;
    background: #fffd40;
    font-size: 30px;
    padding: 0 60px;
    letter-spacing: .6em; }
  .eventlist .qa .yellowtitle + p {
    font-size: 28px;
    margin-bottom: 70px;
    letter-spacing: .3em;
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif; }
  .eventlist .qa .accordion-title {
    text-align: left;
    font-size: 15px;
    cursor: pointer;
    font-weight: bold;
    background: url(../images/common/icon_open.gif) no-repeat right center;
    background-size: 20px auto; }
  .eventlist .qa .accordion-title.open {
    background: url(../images/common/icon_close.gif) no-repeat right center;
    background-size: 20px auto; }
  .eventlist .qa .accordion-title em {
    background: url(../images/common/icon_q.gif) #13b676 no-repeat center center;
    width: 80px;
    height: 80px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 20px; }
  .eventlist .qa .accordion-content {
    text-align: left;
    font-size: 15px;
    display: none;
    background: url(../images/common/icon_a.gif) #eee no-repeat 70px center;
    padding: 50px 20px 50px 200px; }
  .eventlist .qa .section {
    margin-bottom: 100px; }
  .eventlist .qa .accordion-block {
    margin-bottom: 40px; }

.eventlist + .timg img {
  width: 100%;
  height: auto; }

.scheduleglay {
  background: #f1f1f1;
  padding: 50px 0; }
  .scheduleglay .inner {
    width: 1100px;
    margin: 0 auto;
    text-align: center; }
  .scheduleglay .yellowtitle {
    display: inline-block;
    background: #fffd40;
    font-size: 30px;
    padding: 0 60px;
    letter-spacing: .4em; }
  .scheduleglay .yellowtitle + p {
    font-size: 28px;
    margin-bottom: 70px;
    letter-spacing: .8em;
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif; }
  .scheduleglay ul {
    width: 1100px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    text-align: left; }
  .scheduleglay li {
    width: 250px;
    background: #fff;
    position: relative;
    font-size: 16px; }
    .scheduleglay li a {
      display: block; }
    .scheduleglay li a:hover {
      text-decoration: none; }
    .scheduleglay li .thum {
      position: absolute;
      top: -35px;
      right: 0;
      z-index: 110; }
      .scheduleglay li .thum img {
        width: 190px;
        height: auto; }
    .scheduleglay li span {
      width: 100px;
      text-align: center;
      position: absolute;
      top: 75px;
      left: 15px;
      background: #000;
      color: #fff;
      z-index: 111; }
    .scheduleglay li .experience {
      background: #bcd729; }
    .scheduleglay li .holidays {
      background: #ff0019; }
    .scheduleglay li .weekday_night {
      background: #0020f9; }
    .scheduleglay li .weekday_daytime {
      background: #f2512f; }
    .scheduleglay li .public_holiday {
      background: #ff0019; }
    .scheduleglay li .online {
      background: #58b2ff; }
    .scheduleglay li .limited {
      background: #ffae00; }
    .scheduleglay li .kouni {
      background: #ff77fa; }
    .scheduleglay li .title {
      padding-top: 120px;
      padding-left: 15px;
      padding-right: 15px;
      font-size: 18px;
      font-weight: bold;
      line-height: 1.2; }
    .scheduleglay li .date {
      padding-left: 15px;
      font-size: 16px;
      font-weight: bold;
      color: #22b473; }
    .scheduleglay li .term {
      padding-left: 15px;
      font-size: 16px;
      font-weight: bold; }
    .scheduleglay li .para {
      padding: 10px 15px; }
    .scheduleglay li .viewmore {
      text-align: right;
      padding-right: 15px;
      color: #22b473; }
  .scheduleglay .btnlink {
    width: 300px;
    margin: 30px auto 0 auto; }
    .scheduleglay .btnlink a {
      font-size: 20px;
      text-align: center;
      color: #fff;
      background: linear-gradient(90deg, #00ab9d, #1faedf);
      border-radius: 30px;
      padding: 3px;
      width: 100%;
      display: block; }
    .scheduleglay .btnlink a:hover {
      text-decoration: none; }

/*// featureschool //*/
#featureschool {
  margin-bottom: 150px; }
  #featureschool .featurebox1 {
    margin-bottom: 100px;
    font-size: 20px; }
    #featureschool .featurebox1 h3 {
      margin-bottom: 30px;
      font-weight: bold; }
    #featureschool .featurebox1 .imgpc {
      display: block;
      float: left;
      width: 520px; }
    #featureschool .featurebox1 .textright {
      float: right;
      width: 520px; }
      #featureschool .featurebox1 .textright p {
        font-size: 15px; }
    #featureschool .featurebox1 .imgsp {
      display: none; }
  #featureschool .featurebox2 {
    margin-bottom: 100px;
    font-size: 20px; }
    #featureschool .featurebox2 h3 {
      margin-bottom: 30px;
      font-weight: bold; }
    #featureschool .featurebox2 .imgpc {
      display: block;
      float: right;
      width: 520px; }
    #featureschool .featurebox2 .textright {
      float: left;
      width: 520px;
      padding-left: 110px;
      box-sizing: border-box; }
      #featureschool .featurebox2 .textright p {
        font-size: 15px; }
    #featureschool .featurebox2 .imgsp {
      display: none; }
  #featureschool .featurebox3 {
    margin-bottom: 100px;
    font-size: 20px; }
    #featureschool .featurebox3 h3 {
      margin-bottom: 20px;
      font-weight: bold; }
    #featureschool .featurebox3 .imgpc {
      display: block;
      float: left;
      width: 520px; }
    #featureschool .featurebox3 .textright {
      float: right;
      width: 520px; }
      #featureschool .featurebox3 .textright p {
        font-size: 20px;
        font-weight: bold; }
        #featureschool .featurebox3 .textright p span {
          font-weight: normal; }
    #featureschool .featurebox3 .passrate {
      text-align: center;
      font-weight: bold; }
      #featureschool .featurebox3 .passrate .graph {
        margin-bottom: 50px; }
      #featureschool .featurebox3 .passrate p {
        padding-bottom: 2em; }
      #featureschool .featurebox3 .passrate strong {
        color: #15b676; }
      #featureschool .featurebox3 .passrate .largelet {
        font-size: 60px; }
  #featureschool .supportul {
    margin-bottom: 70px; }
    #featureschool .supportul li {
      margin-bottom: 70px;
      padding-left: 190px;
      box-sizing: border-box;
      font-size: 15px; }
      #featureschool .supportul li .textleft {
        float: left;
        width: 360px; }
      #featureschool .supportul li .imgright {
        float: right; }
      #featureschool .supportul li .imgsp {
        display: none; }
      #featureschool .supportul li .befaft {
        font-size: 28px;
        font-weight: bold;
        text-decoration: underline;
        margin-bottom: 30px; }
      #featureschool .supportul li h3 {
        font-size: 20px;
        font-weight: bold;
        margin-bottom: 15px; }
      #featureschool .supportul li .parabtn {
        margin-top: 15px;
        width: 300px; }
    #featureschool .supportul li:nth-child(1) {
      background: url(../images/feature-school/icon_before_pc.gif) no-repeat left top; }
    #featureschool .supportul li:nth-child(2) {
      background: url(../images/feature-school/icon_practice_pc.gif) no-repeat left top; }
    #featureschool .supportul li:nth-child(3) {
      background: url(../images/feature-school/icon_after_pc.gif) no-repeat left top; }
  #featureschool .chkul {
    margin-bottom: 70px;
    font-size: 20px;
    font-weight: bold; }
    #featureschool .chkul li {
      text-align: center;
      margin-bottom: 40px;
      padding-top: 70px; }
      #featureschool .chkul li h3 {
        font-size: 25px;
        font-weight: bold;
        text-decoration: underline;
        margin-bottom: 45px; }
      #featureschool .chkul li .caution {
        font-size: 15px;
        font-weight: normal; }
      #featureschool .chkul li .price {
        font-size: 20px; }
        #featureschool .chkul li .price strong {
          font-size: 40px;
          color: #f00; }
      #featureschool .chkul li .tbl1 td {
        font-size: 15px;
        font-weight: normal;
        width: 20%; }
    #featureschool .chkul li:nth-child(1) {
      background: url(../images/feature-school/icon_check1.gif) no-repeat center top;
      background-size: 150px auto; }
    #featureschool .chkul li:nth-child(2) {
      background: url(../images/feature-school/icon_check2.gif) no-repeat center top;
      background-size: 150px auto; }
    #featureschool .chkul li:nth-child(3) {
      background: url(../images/feature-school/icon_check3.gif) no-repeat center top;
      background-size: 150px auto; }
    #featureschool .chkul li:nth-child(4) {
      background: url(../images/feature-school/icon_check4.gif) no-repeat center top;
      background-size: 150px auto; }
  #featureschool .lasttext {
    font-size: 20px;
    font-weight: bold;
    text-decoration: underline;
    color: #22b473;
    text-align: center;
    letter-spacing: .2em; }
  #featureschool .lastbtn {
    font-size: 15px;
    width: 300px;
    margin: 35px auto 0 auto; }
  #featureschool .tuto {
    text-align: center;
    margin-bottom: 90px; }
    #featureschool .tuto h3 {
      font-size: 20px;
      font-weight: bold;
      margin-bottom: 20px; }
    #featureschool .tuto p {
      font-size: 15px; }
  #featureschool .step {
    margin-bottom: 140px; }
    #featureschool .step .imgsp {
      display: none; }
    #featureschool .step li {
      margin-bottom: 80px;
      font-size: 15px; }
      #featureschool .step li h3 {
        font-size: 20px;
        margin-bottom: 10px;
        font-weight: bold; }
      #featureschool .step li p {
        margin-bottom: 10px; }
    #featureschool .step li:nth-child(1) {
      background: url(../images/feature-school/icon_step1.gif) no-repeat 580px top; }
    #featureschool .step li:nth-child(2) {
      background: url(../images/feature-school/icon_step2.gif) no-repeat 90px top; }
    #featureschool .step li:nth-child(3) {
      background: url(../images/feature-school/icon_step3.gif) no-repeat 580px top; }
    #featureschool .step li:nth-child(4) {
      background: url(../images/feature-school/icon_step4.gif) no-repeat 90px top; }
    #featureschool .step li:nth-child(5) {
      background: url(../images/feature-school/icon_step5.gif) no-repeat 580px top; }
    #featureschool .step li:nth-child(6) {
      background: url(../images/feature-school/icon_step6.gif) no-repeat 90px top; }
    #featureschool .step li:nth-child(7) {
      background: url(../images/feature-school/icon_step7.gif) no-repeat 580px top; }
    #featureschool .step li:nth-child(1) .textright, #featureschool .step li:nth-child(3) .textright, #featureschool .step li:nth-child(5) .textright, #featureschool .step li:nth-child(7) .textright {
      float: right;
      padding-top: 140px;
      width: 520px; }
    #featureschool .step li:nth-child(1) .imgpc, #featureschool .step li:nth-child(3) .imgpc, #featureschool .step li:nth-child(5) .imgpc, #featureschool .step li:nth-child(7) .imgpc {
      float: left; }
    #featureschool .step li:nth-child(2) .textright, #featureschool .step li:nth-child(4) .textright, #featureschool .step li:nth-child(6) .textright {
      float: left;
      padding-left: 90px;
      padding-top: 140px;
      box-sizing: border-box; }
    #featureschool .step li:nth-child(2) .imgpc, #featureschool .step li:nth-child(4) .imgpc, #featureschool .step li:nth-child(6) .imgpc {
      float: right; }
  #featureschool .supstepul {
    margin-bottom: 140px; }
    #featureschool .supstepul .imgsp {
      display: none; }
    #featureschool .supstepul li {
      margin-bottom: 80px;
      font-size: 15px; }
      #featureschool .supstepul li h3 {
        font-size: 20px;
        margin-bottom: 10px;
        font-weight: bold; }
    #featureschool .supstepul li:nth-child(1) {
      background: url(../images/feature-school/icon_support1.gif) no-repeat 580px top; }
    #featureschool .supstepul li:nth-child(2) {
      background: url(../images/feature-school/icon_support2.gif) no-repeat 90px top; }
    #featureschool .supstepul li:nth-child(3) {
      background: url(../images/feature-school/icon_support3.gif) no-repeat 580px top; }
    #featureschool .supstepul li:nth-child(4) {
      background: url(../images/feature-school/icon_support4.gif) no-repeat 90px top; }
    #featureschool .supstepul li:nth-child(1) .textright, #featureschool .supstepul li:nth-child(3) .textright {
      float: right;
      padding-top: 140px;
      width: 520px; }
    #featureschool .supstepul li:nth-child(1) .imgpc, #featureschool .supstepul li:nth-child(3) .imgpc {
      float: left; }
    #featureschool .supstepul li:nth-child(2) .textright, #featureschool .supstepul li:nth-child(4) .textright {
      float: left;
      padding-left: 90px;
      padding-top: 140px;
      box-sizing: border-box; }
    #featureschool .supstepul li:nth-child(2) .imgpc, #featureschool .supstepul li:nth-child(4) .imgpc {
      float: right; }
  #featureschool .pointol {
    font-size: 15px;
    text-align: center; }
    #featureschool .pointol li {
      padding-top: 150px;
      padding-bottom: 100px; }
    #featureschool .pointol li:nth-child(1) {
      background: url(../images/common/point1_pc.gif) no-repeat center top; }
    #featureschool .pointol li:nth-child(2) {
      background: url(../images/common/point2_pc.gif) no-repeat center top; }
    #featureschool .pointol li:nth-child(3) {
      background: url(../images/common/point3_pc.gif) no-repeat center top; }
    #featureschool .pointol h3 {
      font-size: 20px;
      font-weight: bold; }
  #featureschool .challengesup {
    margin-bottom: 100px;
    font-size: 15px;
    text-align: center; }
    #featureschool .challengesup h3 {
      font-size: 20px;
      font-weight: bold; }
  #featureschool .lfbox {
    margin-bottom: 100px;
    font-size: 15px; }
    #featureschool .lfbox .greenlabel {
      margin-bottom: 45px; }
      #featureschool .lfbox .greenlabel dt {
        letter-spacing: .1em;
        margin-bottom: 0;
        font-weight: normal; }
    #featureschool .lfbox h3 {
      font-size: 20px;
      font-weight: bold;
      text-align: center; }
    #featureschool .lfbox .imgpic {
      margin: 20px 0; }
    #featureschool .lfbox .imgpc {
      margin-bottom: 30px; }
    #featureschool .lfbox .imgsp {
      display: none; }
    #featureschool .lfbox .boxleft {
      width: 520px;
      float: left; }
    #featureschool .lfbox .boxright {
      width: 520px;
      float: right; }
    #featureschool .lfbox dt {
      font-weight: bold;
      margin-bottom: 40px; }
    #featureschool .lfbox .btnlink {
      width: 300px;
      margin: 40px auto 0 auto; }
  #featureschool .diffbox {
    margin-bottom: 100px;
    font-size: 20px; }
    #featureschool .diffbox h3 {
      margin-bottom: 30px;
      font-weight: bold; }
    #featureschool .diffbox .imgpc {
      display: block;
      float: right;
      width: 520px; }
    #featureschool .diffbox .textleft {
      float: left;
      width: 540px;
      padding-left: 120px;
      box-sizing: border-box; }
      #featureschool .diffbox .textleft p {
        font-size: 15px; }
    #featureschool .diffbox .imgsp {
      display: none; }
  #featureschool .paisenbox {
    margin-bottom: 100px;
    font-size: 20px; }
    #featureschool .paisenbox .inner {
      margin-bottom: 70px; }
    #featureschool .paisenbox h3 {
      margin-bottom: 30px;
      font-weight: bold; }
    #featureschool .paisenbox .imgpc {
      display: block;
      float: left;
      width: 520px; }
    #featureschool .paisenbox .textright {
      float: right;
      width: 520px; }
      #featureschool .paisenbox .textright p {
        font-size: 15px; }
    #featureschool .paisenbox .imgsp {
      display: none; }
    #featureschool .paisenbox .btnlink {
      clear: both;
      width: 300px;
      font-size: 15px;
      margin: 0 auto; }
  #featureschool .recruitlist {
    font-size: 20px; }
    #featureschool .recruitlist p {
      font-weight: bold;
      border-bottom: 1px solid #000; }
    #featureschool .recruitlist ul {
      margin-bottom: 70px;
      display: flex;
      flex-wrap: wrap; }
    #featureschool .recruitlist li {
      width: 50%; }

/*// featureschool //*/
/*// aboutschool //*/
#aboutschool {
  margin-bottom: 85px; }
  #aboutschool .rinen {
    margin-bottom: 150px; }
  #aboutschool .rinenul h2 {
    width: 360px;
    text-align: center;
    float: left; }
  #aboutschool .rinenul h2 span {
    display: none; }
  #aboutschool .rinenul li {
    margin-bottom: 60px;
    font-size: 15px; }
  #aboutschool .rinenul .message {
    float: right;
    width: 730px; }
  #aboutschool .rinenul h3 {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 15px; }
  #aboutschool .rinenul p {
    margin-bottom: 40px; }
  #aboutschool .rinenul .btnlink {
    width: 300px;
    margin-bottom: 40px; }
  #aboutschool .teacher {
    font-size: 30px;
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
    letter-spacing: .2em;
    margin-bottom: 50px;
    position: relative; }
    #aboutschool .teacher strong {
      display: block;
      font-weight: normal;
      position: relative; }
    #aboutschool .teacher strong:after {
      content: '';
      position: absolute;
      left: 0;
      bottom: 0;
      display: inline-block;
      width: 31.82%;
      height: 3px;
      -moz-transform: translateX(0%);
      -webkit-transform: translateX(0%);
      -ms-transform: translateX(0%);
      transform: translateX(0%);
      background: #000; }
  #aboutschool .teacher:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    display: inline-block;
    width: 100%;
    height: 1px;
    -moz-transform: translateX(0%);
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
    background: #000; }
  #aboutschool .teachersul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 90px; }
    #aboutschool .teachersul li {
      width: 520px;
      font-size: 15px;
      margin-bottom: 60px; }
      #aboutschool .teachersul li .picbox {
        display: table;
        margin-bottom: 25px; }
        #aboutschool .teachersul li .picbox div, #aboutschool .teachersul li .picbox h3 {
          display: table-cell;
          vertical-align: middle; }
        #aboutschool .teachersul li .picbox h3 {
          font-size: 18px;
          font-weight: bold;
          padding-left: 15px; }
          #aboutschool .teachersul li .picbox h3 span {
            font-size: 15px; }
      #aboutschool .teachersul li img {
        width: 200px;
        height: auto; }
      #aboutschool .teachersul li dt {
        font-weight: bold;
        width: 6em;
        float: left; }
      #aboutschool .teachersul li dd {
        margin-left: 6em; }
  #aboutschool .policy {
    background: url(../images/about-school/title_policy_pc.gif) no-repeat 150px top; }
    #aboutschool .policy h2 {
      display: none; }
    #aboutschool .policy h3 {
      font-size: 20px;
      font-weight: bold;
      margin-top: 40px;
      padding-bottom: 55px;
      padding-left: 370px; }
    #aboutschool .policy p {
      font-size: 20px;
      font-weight: bold;
      margin-bottom: 10px;
      padding-left: 370px; }
  #aboutschool .facility .head {
    background: url(../images/about-school/title_facilities.gif) no-repeat 150px top;
    height: 310px;
    border-bottom: 1px solid #000;
    margin-bottom: 50px; }
    #aboutschool .facility .head h2 {
      display: none; }
    #aboutschool .facility .head h3 {
      padding-top: 75px;
      font-size: 20px;
      font-weight: bold;
      padding-bottom: 15px;
      padding-left: 370px; }
    #aboutschool .facility .head p {
      font-size: 15px;
      padding-left: 370px; }
  #aboutschool .facility ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
  #aboutschool .facility li {
    width: 340px;
    margin-bottom: 85px;
    font-size: 15px; }
    #aboutschool .facility li h4 {
      font-size: 20px;
      font-weight: bold;
      margin-top: 20px;
      margin-bottom: 10px; }
  #aboutschool .history {
    background: url(../images/about-school/title_history.gif) no-repeat 130px 575px; }
    #aboutschool .history .historyimg {
      margin-bottom: 150px; }
    #aboutschool .history h2 {
      display: none; }
    #aboutschool .history h3 {
      font-size: 20px;
      font-weight: bold;
      margin-left: 370px; }
    #aboutschool .history p {
      font-size: 15px;
      margin-left: 370px; }
    #aboutschool .history dl {
      margin-top: 70px;
      margin-left: 370px; }
    #aboutschool .history dt {
      color: #22b473;
      font-size: 20px;
      width: 210px;
      float: left; }
      #aboutschool .history dt span {
        font-size: 15px;
        display: inline-block;
        padding-left: 25px; }
    #aboutschool .history dd {
      margin-left: 220px;
      font-size: 15px;
      margin-bottom: 45px; }
      #aboutschool .history dd h4 {
        font-size: 20px;
        font-weight: bold;
        margin-bottom: 10px; }
      #aboutschool .history dd p {
        margin-left: 0; }
  #aboutschool .access .accessinner {
    width: 1100px;
    margin: 0 auto; }
  #aboutschool .access .minchotitle {
    font-size: 30px;
    margin-bottom: 25px;
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
    border-bottom: 1px solid #000; }
  #aboutschool .access .minchotitle + p {
    font-size: 12px;
    margin-bottom: 50px; }
  #aboutschool .access .mapbox {
    margin-bottom: 160px;
    padding-top: 145px;
    font-size: 18px;
    background: url(../images/about-school/mapbg_pc.jpg) no-repeat center top;
    background-size: 100% auto; }
    #aboutschool .access .mapbox p {
      padding-top: 35px;
      float: left; }
      #aboutschool .access .mapbox p a {
        color: #15b676; }
    #aboutschool .access .mapbox .btnlink {
      float: right;
      width: 300px;
      margin-top: 30px; }
      #aboutschool .access .mapbox .btnlink a {
        font-size: 20px;
        text-align: center;
        color: #fff;
        background: linear-gradient(90deg, #00ab9d, #1faedf);
        border-radius: 30px;
        padding: 3px;
        width: 100%;
        display: block; }
      #aboutschool .access .mapbox .btnlink a:hover {
        text-decoration: none; }
  #aboutschool .access .fromstation {
    margin-bottom: 150px;
    font-size: 18px; }
    #aboutschool .access .fromstation .mincho {
      font-size: 30px;
      font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
      letter-spacing: 1em;
      margin-bottom: 45px; }
  #aboutschool .access .fromkanto {
    margin-bottom: 150px; }
    #aboutschool .access .fromkanto .mincho {
      font-size: 30px;
      font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
      letter-spacing: 1em;
      margin-bottom: 50px; }
    #aboutschool .access .fromkanto div, #aboutschool .access .fromkanto .teachersul li .picbox h3, #aboutschool .teachersul li .picbox .access .fromkanto h3 {
      width: 926px;
      margin: 0 auto; }
  #aboutschool .access .yellowtitle {
    display: inline-block;
    background: #fffd40;
    font-size: 30px;
    padding: 0 60px;
    letter-spacing: .4em; }
  #aboutschool .access .yellowtitle + p {
    font-size: 28px;
    margin-bottom: 70px;
    letter-spacing: .8em;
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif; }

#sagyo {
  margin-bottom: 85px; }
  #sagyo .department {
    margin-bottom: 130px;
    font-size: 15px; }
    #sagyo .department .btnright {
      float: right;
      width: 300px; }
    #sagyo .department .dep1, #sagyo .department .dep2 {
      width: 520px;
      float: left;
      text-align: center; }
    #sagyo .department .dep2 {
      float: right; }
    #sagyo .department .dep1 dt, #sagyo .department .dep2 dt, #sagyo .department .dep2 dt {
      font-size: 20px;
      font-weight: bold;
      border-top: 1px solid #000;
      border-bottom: 1px solid #000;
      padding: 35px 0; }
    #sagyo .department .dep1 dd, #sagyo .department .dep2 dd, #sagyo .department .dep2 dd {
      padding: 35px 0; }
    #sagyo .department .dep3, #sagyo .department .dep6 {
      clear: both;
      border-top: 1px solid #000;
      border-bottom: 1px solid #000;
      width: 100%;
      padding: 30px 0;
      display: table; }
      #sagyo .department .dep3 dt, #sagyo .department .dep6 dt {
        display: table-cell;
        vertical-align: middle;
        width: 530px;
        font-size: 20px;
        font-weight: bold; }
      #sagyo .department .dep3 dd, #sagyo .department .dep6 dd {
        display: table-cell; }
        #sagyo .department .dep3 dd dl:first-child, #sagyo .department .dep6 dd dl:first-child {
          float: left; }
        #sagyo .department .dep3 dd dl:first-child, #sagyo .department .dep6 dd dl:first-child {
          padding-bottom: 20px; }
        #sagyo .department .dep3 dd dl, #sagyo .department .dep6 dd dl {
          clear: both;
          display: block; }
          #sagyo .department .dep3 dd dl dt, #sagyo .department .dep6 dd dl dt {
            font-size: 15px;
            font-weight: normal;
            display: block;
            width: 90px;
            float: left;
            clear: both; }
          #sagyo .department .dep3 dd dl dd, #sagyo .department .dep6 dd dl dd {
            font-weight: bold;
            display: block;
            margin-left: 130px; }
          #sagyo .department .dep3 dd dl dt:first-child, #sagyo .department .dep6 dd dl dt:first-child, #sagyo .department .dep3 dd dl dt:first-child + dd, #sagyo .department .dep6 dd dl dt:first-child + dd {
            padding-bottom: 20px; }
    #sagyo .department .dep4, #sagyo .department .dep7 {
      border-bottom: 1px solid #000;
      width: 100%;
      padding: 30px 0;
      display: table; }
      #sagyo .department .dep4 dt, #sagyo .department .dep7 dt {
        display: table-cell;
        vertical-align: middle;
        width: 530px;
        font-size: 20px;
        font-weight: bold; }
      #sagyo .department .dep4 dd, #sagyo .department .dep7 dd {
        display: table-cell; }
        #sagyo .department .dep4 dd dl, #sagyo .department .dep7 dd dl {
          display: block;
          float: left; }
          #sagyo .department .dep4 dd dl dt, #sagyo .department .dep7 dd dl dt {
            font-size: 15px;
            font-weight: normal;
            display: block;
            width: 90px;
            float: left; }
          #sagyo .department .dep4 dd dl dd, #sagyo .department .dep7 dd dl dd {
            font-weight: bold;
            display: block;
            margin-left: 130px; }
          #sagyo .department .dep4 dd dl dt:first-child, #sagyo .department .dep7 dd dl dt:first-child, #sagyo .department .dep4 dd dl dt:first-child + dd, #sagyo .department .dep7 dd dl dt:first-child + dd {
            padding-bottom: 20px; }
    #sagyo .department .dep5 {
      border-top: 1px solid #000;
      width: 100%;
      padding: 0;
      display: table; }
      #sagyo .department .dep5 dt {
        display: table-cell;
        vertical-align: middle;
        width: 370px;
        font-size: 20px;
        font-weight: bold; }
        #sagyo .department .dep5 dt span {
          font-size: 15px;
          font-weight: normal; }
      #sagyo .department .dep5 dd {
        display: table-cell; }
        #sagyo .department .dep5 dd p {
          float: left;
          width: 450px;
          padding-top: 40px; }
        #sagyo .department .dep5 dd .teacherimg {
          float: right; }
    #sagyo .department .dep6 dt {
      width: 370px; }
    #sagyo .department .dep7 dt {
      width: 370px; }
    #sagyo .department .dep7 dd p {
      float: left; }
  #sagyo .pol {
    font-size: 15px;
    margin-bottom: 130px; }
    #sagyo .pol li:first-child {
      padding-top: 0; }
    #sagyo .pol li {
      border-bottom: 1px solid #000;
      padding: 60px 0;
      box-sizing: border-box; }
      #sagyo .pol li .textbox {
        float: left; }
      #sagyo .pol li .pointrightpara {
        width: 526px;
        float: right; }
      #sagyo .pol li .pointrightimg {
        float: left;
        margin-bottom: 30px; }
      #sagyo .pol li .parabtn {
        width: 300px;
        margin-left: auto;
        margin-top: 20px;
        padding-top: 25px; }
      #sagyo .pol li .parabtn2 {
        width: 300px;
        margin-right: auto;
        margin-top: 20px;
        padding-top: 25px; }
    #sagyo .pol h3 {
      font-size: 20px;
      font-weight: bold;
      padding-top: 55px;
      padding-bottom: 20px; }
    #sagyo .pol h4 {
      font-weight: bold; }
    #sagyo .pol li:nth-child(1) {
      background: url(../images/common/point1_pc.gif) no-repeat right top; }
      #sagyo .pol li:nth-child(1) dl {
        clear: both;
        line-height: 1.2; }
      #sagyo .pol li:nth-child(1) dt {
        float: left;
        width: 250px;
        padding: 10px 0; }
      #sagyo .pol li:nth-child(1) dd {
        margin-left: 250px;
        padding: 10px 0; }
    #sagyo .pol li:nth-child(2) {
      background: url(../images/common/point2_pc.gif) no-repeat left 60px;
      padding-left: 160px; }
      #sagyo .pol li:nth-child(2) .imgbox {
        float: right; }
    #sagyo .pol li:nth-child(3) {
      background: url(../images/common/point3_pc.gif) no-repeat right 60px; }
      #sagyo .pol li:nth-child(3) h3 {
        padding-top: 10px; }
      #sagyo .pol li:nth-child(3) p:last-child {
        width: 300px;
        margin-top: 20px; }
    #sagyo .pol li:nth-child(4) {
      background: url(../images/common/point4_pc.gif) no-repeat left 60px;
      padding-left: 160px; }
      #sagyo .pol li:nth-child(4) .imgbox {
        float: right; }
    #sagyo .pol li:nth-child(5) {
      background: url(../images/common/point5_pc.gif) no-repeat right 60px; }
    #sagyo .pol li:nth-child(6) {
      background: url(../images/common/point6_pc.gif) no-repeat left 60px;
      padding-left: 160px; }
      #sagyo .pol li:nth-child(6) .imgbox {
        float: right; }
  #sagyo .sol {
    font-size: 15px;
    text-align: center; }
    #sagyo .sol li {
      padding-top: 160px;
      padding-bottom: 100px; }
    #sagyo .sol li:nth-child(1) {
      background: url(../images/common/annual1.gif) no-repeat center top; }
    #sagyo .sol li:nth-child(2) {
      background: url(../images/common/annual2.gif) no-repeat center top; }
    #sagyo .sol li:nth-child(3) {
      background: url(../images/common/annual3.gif) no-repeat center top; }
    #sagyo .sol li:nth-child(4) {
      background: url(../images/common/annual4.gif) no-repeat center top; }
    #sagyo .sol h3 {
      font-size: 20px;
      font-weight: bold; }
  #sagyo .scholarbox {
    text-align: center;
    font-size: 30px;
    color: #15b676; }
    #sagyo .scholarbox h2 {
      font-size: 20px;
      font-weight: bold;
      color: #000;
      margin-bottom: 60px; }
  #sagyo .chk {
    border-bottom: 1px solid #000;
    margin-bottom: 80px; }
    #sagyo .chk ol {
      width: 1100px;
      margin: 0 auto;
      padding-bottom: 50px; }
    #sagyo .chk li {
      float: left;
      width: 520px;
      background: url(../images/common/check1_pc.gif) no-repeat left 330px; }
      #sagyo .chk li h3 {
        font-size: 20px;
        font-weight: bold;
        margin-left: 200px;
        padding: 30px 0;
        line-height: 1.4; }
      #sagyo .chk li p {
        font-size: 15px;
        margin-left: 200px; }
      #sagyo .chk li .spimg {
        display: none; }
    #sagyo .chk li:last-child {
      float: right;
      background: url(../images/common/check2_pc.gif) no-repeat left 330px; }
  #sagyo .studentsbox {
    margin-bottom: 100px;
    text-align: center;
    font-size: 20px; }
    #sagyo .studentsbox p {
      margin-bottom: 30px; }
    #sagyo .studentsbox div, #sagyo .studentsbox #aboutschool .teachersul li .picbox h3, #aboutschool .teachersul li .picbox #sagyo .studentsbox h3 {
      width: 300px;
      font-size: 15px;
      margin: 0 auto; }
  #sagyo .dayschdulebox {
    margin-bottom: 100px;
    text-align: center;
    font-size: 20px; }
    #sagyo .dayschdulebox p {
      margin-bottom: 30px; }
    #sagyo .dayschdulebox strong {
      display: block;
      color: #22b473; }
  #sagyo .fornightbox {
    margin-bottom: 100px;
    text-align: center;
    font-size: 20px; }
    #sagyo .fornightbox h3 {
      font-size: 20px;
      font-weight: bold;
      text-align: center;
      margin-bottom: 40px; }
    #sagyo .fornightbox p {
      margin-bottom: 75px; }
    #sagyo .fornightbox .btnlink {
      width: 300px;
      font-size: 15px;
      margin: 0 auto; }
  #sagyo .shienbox {
    margin-bottom: 100px;
    text-align: center;
    font-size: 20px; }
    #sagyo .shienbox h3 {
      font-weight: bold; }
    #sagyo .shienbox p {
      padding-bottom: 50px; }
    #sagyo .shienbox strong {
      display: block;
      font-weight: bold;
      color: #22b473; }
    #sagyo .shienbox div, #sagyo .shienbox #aboutschool .teachersul li .picbox h3, #aboutschool .teachersul li .picbox #sagyo .shienbox h3 {
      width: 300px;
      font-size: 15px;
      margin: 0 auto; }
  #sagyo .paisenbox {
    margin-bottom: 100px;
    font-size: 20px; }
    #sagyo .paisenbox .inner {
      margin-bottom: 70px; }
    #sagyo .paisenbox h3 {
      margin-bottom: 30px;
      font-weight: bold; }
    #sagyo .paisenbox .imgpc {
      display: block;
      float: left;
      width: 520px; }
    #sagyo .paisenbox .textright {
      float: right;
      width: 520px; }
      #sagyo .paisenbox .textright p {
        font-size: 15px; }
    #sagyo .paisenbox .imgsp {
      display: none; }
    #sagyo .paisenbox .btnlink {
      clear: both;
      width: 300px;
      font-size: 15px;
      margin: 0 auto; }
    #sagyo .paisenbox .btnlink2 {
      clear: both;
      width: 300px;
      font-size: 15px;
      margin-top: 40px; }
  #sagyo .aboutworkbox {
    margin-bottom: 100px;
    font-size: 20px; }
    #sagyo .aboutworkbox h3 {
      margin-bottom: 30px;
      font-weight: bold; }
    #sagyo .aboutworkbox .imgpc {
      display: block;
      float: right;
      width: 520px; }
    #sagyo .aboutworkbox .textleft {
      float: left;
      width: 540px;
      padding-left: 120px;
      box-sizing: border-box; }
      #sagyo .aboutworkbox .textleft p {
        font-size: 15px; }
    #sagyo .aboutworkbox .imgsp {
      display: none; }
    #sagyo .aboutworkbox .btnlink {
      width: 300px;
      font-size: 15px;
      margin-top: 40px; }
  #sagyo .illust, #sagyo .illust2 {
    text-align: center; }
  #sagyo .tohaul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    text-align: center;
    font-size: 15px;
    margin-bottom: 40px; }
    #sagyo .tohaul h3 {
      font-size: 30px; }
    #sagyo .tohaul h4 {
      font-size: 25px; }
    #sagyo .tohaul li {
      width: 50%; }
      #sagyo .tohaul li ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between; }
        #sagyo .tohaul li ul li {
          width: 50%; }
  #sagyo .tohaul2 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    text-align: center;
    font-size: 20px;
    margin-bottom: 40px; }
    #sagyo .tohaul2 h4 {
      font-size: 25px; }
    #sagyo .tohaul2 li {
      width: 33%; }
  #sagyo .tohaul3 {
    text-align: center;
    font-size: 20px;
    margin-bottom: 40px; }
    #sagyo .tohaul3 li:first-child {
      font-size: 25px; }
    #sagyo .tohaul3 li:last-child {
      padding-top: 1em;
      font-size: 30px;
      color: #15b676; }
  #sagyo .parabtntoha {
    width: 300px;
    margin: 0 auto 100px auto;
    font-size: 15px; }
  #sagyo .pointh3 {
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    padding-bottom: 20px; }
  #sagyo .pointh3 + p {
    text-align: center;
    padding-bottom: 55px;
    font-size: 15px; }
  #sagyo .addpoint {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 50px; }
    #sagyo .addpoint li:nth-child(1), #sagyo .addpoint li:nth-child(2), #sagyo .addpoint li:nth-child(3), #sagyo .addpoint li:nth-child(4) {
      background: none !important;
      padding: 0;
      border: none;
      width: 520px;
      margin-bottom: 65px; }
      #sagyo .addpoint li:nth-child(1) h4, #sagyo .addpoint li:nth-child(2) h4, #sagyo .addpoint li:nth-child(3) h4, #sagyo .addpoint li:nth-child(4) h4 {
        text-align: center;
        font-size: 20px;
        margin-top: 25px; }
      #sagyo .addpoint li:nth-child(1) .imgsp, #sagyo .addpoint li:nth-child(2) .imgsp, #sagyo .addpoint li:nth-child(3) .imgsp, #sagyo .addpoint li:nth-child(4) .imgsp {
        display: none; }

/*// sagyo //*/
#rigaku {
  margin-bottom: 85px; }
  #rigaku .department {
    margin-bottom: 130px;
    font-size: 15px; }
    #rigaku .department .btnright {
      float: right;
      width: 300px; }
    #rigaku .department .dep1, #rigaku .department .dep2 {
      width: 520px;
      float: left;
      text-align: center; }
    #rigaku .department .dep2 {
      float: right; }
    #rigaku .department .dep1 dt, #rigaku .department .dep2 dt, #rigaku .department .dep2 dt {
      font-size: 20px;
      font-weight: bold;
      border-top: 1px solid #000;
      border-bottom: 1px solid #000;
      padding: 35px 0; }
    #rigaku .department .dep1 dd, #rigaku .department .dep2 dd, #rigaku .department .dep2 dd {
      padding: 35px 0; }
    #rigaku .department .dep3, #rigaku .department .dep6 {
      clear: both;
      border-top: 1px solid #000;
      border-bottom: 1px solid #000;
      width: 100%;
      padding: 30px 0;
      display: table; }
      #rigaku .department .dep3 dt, #rigaku .department .dep6 dt {
        display: table-cell;
        vertical-align: middle;
        width: 530px;
        font-size: 20px;
        font-weight: bold; }
      #rigaku .department .dep3 dd, #rigaku .department .dep6 dd {
        display: table-cell; }
        #rigaku .department .dep3 dd dl:first-child, #rigaku .department .dep6 dd dl:first-child {
          float: left; }
        #rigaku .department .dep3 dd dl:first-child, #rigaku .department .dep6 dd dl:first-child {
          padding-bottom: 20px; }
        #rigaku .department .dep3 dd dl, #rigaku .department .dep6 dd dl {
          clear: both;
          display: block; }
          #rigaku .department .dep3 dd dl dt, #rigaku .department .dep6 dd dl dt {
            font-size: 15px;
            font-weight: normal;
            display: block;
            width: 90px;
            float: left;
            clear: both; }
          #rigaku .department .dep3 dd dl dd, #rigaku .department .dep6 dd dl dd {
            font-weight: bold;
            display: block;
            margin-left: 130px; }
          #rigaku .department .dep3 dd dl dt:first-child, #rigaku .department .dep6 dd dl dt:first-child, #rigaku .department .dep3 dd dl dt:first-child + dd, #rigaku .department .dep6 dd dl dt:first-child + dd {
            padding-bottom: 20px; }
    #rigaku .department .dep4, #rigaku #sagyo .department .dep7, #sagyo #rigaku .department .dep7 {
      border-bottom: 1px solid #000;
      width: 100%;
      padding: 30px 0;
      display: table; }
      #rigaku .department .dep4 dt, #rigaku #sagyo .department .dep7 dt, #sagyo #rigaku .department .dep7 dt {
        display: table-cell;
        vertical-align: middle;
        width: 530px;
        font-size: 20px;
        font-weight: bold; }
      #rigaku .department .dep4 dd, #rigaku #sagyo .department .dep7 dd, #sagyo #rigaku .department .dep7 dd {
        display: table-cell; }
        #rigaku .department .dep4 dd dl, #rigaku #sagyo .department .dep7 dd dl, #sagyo #rigaku .department .dep7 dd dl {
          display: block;
          float: left; }
          #rigaku .department .dep4 dd dl dt, #rigaku #sagyo .department .dep7 dd dl dt, #sagyo #rigaku .department .dep7 dd dl dt {
            font-size: 15px;
            font-weight: normal;
            display: block;
            width: 90px;
            float: left; }
          #rigaku .department .dep4 dd dl dd, #rigaku #sagyo .department .dep7 dd dl dd, #sagyo #rigaku .department .dep7 dd dl dd {
            font-weight: bold;
            display: block;
            margin-left: 130px; }
          #rigaku .department .dep4 dd dl dt:first-child, #rigaku #sagyo .department .dep7 dd dl dt:first-child, #sagyo #rigaku .department .dep7 dd dl dt:first-child, #rigaku .department .dep4 dd dl dt:first-child + dd, #rigaku #sagyo .department .dep7 dd dl dt:first-child + dd, #sagyo #rigaku .department .dep7 dd dl dt:first-child + dd {
            padding-bottom: 20px; }
    #rigaku .department .dep5 {
      border-top: 1px solid #000;
      width: 100%;
      padding: 0;
      display: table; }
      #rigaku .department .dep5 dt {
        display: table-cell;
        vertical-align: middle;
        width: 370px;
        font-size: 20px;
        font-weight: bold; }
        #rigaku .department .dep5 dt span {
          font-size: 15px;
          font-weight: normal; }
      #rigaku .department .dep5 dd {
        display: table-cell; }
        #rigaku .department .dep5 dd p {
          float: left;
          width: 450px;
          padding-top: 40px; }
        #rigaku .department .dep5 dd .teacherimg {
          float: right; }
    #rigaku .department .dep6 dt {
      width: 370px; }
  #rigaku .pol {
    font-size: 15px;
    margin-bottom: 130px; }
    #rigaku .pol li:first-child {
      padding-top: 0; }
    #rigaku .pol li {
      border-bottom: 1px solid #000;
      padding: 60px 0;
      box-sizing: border-box; }
      #rigaku .pol li .textbox {
        float: left;
        width: 380px; }
      #rigaku .pol li .parabtn {
        width: 300px;
        margin-top: 20px;
        padding-top: 25px; }
      #rigaku .pol li .parabtn2 {
        width: 300px;
        margin: 0 auto; }
    #rigaku .pol h3 {
      font-size: 20px;
      font-weight: bold;
      padding-top: 55px;
      padding-bottom: 20px; }
    #rigaku .pol h4 {
      font-weight: bold; }
    #rigaku .pol li:nth-child(1) {
      background: url(../images/common/point1_pc.gif) no-repeat center top;
      text-align: center;
      padding-top: 80px; }
      #rigaku .pol li:nth-child(1) ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        margin-top: 50px; }
        #rigaku .pol li:nth-child(1) ul li {
          background: no-repeat;
          padding: 0;
          border: none;
          width: 520px;
          margin-bottom: 65px;
          text-align: left; }
          #rigaku .pol li:nth-child(1) ul li h4 {
            font-size: 20px;
            text-align: center;
            font-weight: bold;
            margin-top: 25px; }
          #rigaku .pol li:nth-child(1) ul li .imgpc {
            display: block; }
          #rigaku .pol li:nth-child(1) ul li .imgsp {
            display: none; }
    #rigaku .pol li:nth-child(2) {
      background: url(../images/common/point2_pc.gif) no-repeat left 60px;
      padding-left: 160px; }
      #rigaku .pol li:nth-child(2) .imgbox {
        float: right; }
    #rigaku .pol li:nth-child(3) {
      background: url(../images/common/point3_pc.gif) no-repeat left 60px;
      padding-left: 160px; }
      #rigaku .pol li:nth-child(3) .imgbox {
        float: right; }
    #rigaku .pol li:nth-child(4) {
      background: url(../images/common/point4_pc.gif) no-repeat left 60px;
      padding-left: 160px; }
      #rigaku .pol li:nth-child(4) .imgbox {
        float: right; }
  #rigaku .sol {
    font-size: 15px;
    text-align: center; }
    #rigaku .sol li {
      padding-top: 160px;
      padding-bottom: 100px; }
    #rigaku .sol li:nth-child(1) {
      background: url(../images/common/annual1.gif) no-repeat center top; }
    #rigaku .sol li:nth-child(2) {
      background: url(../images/common/annual2.gif) no-repeat center top; }
    #rigaku .sol li:nth-child(3) {
      background: url(../images/common/annual3.gif) no-repeat center top; }
    #rigaku .sol li:nth-child(4) {
      background: url(../images/common/annual4.gif) no-repeat center top; }
    #rigaku .sol h3 {
      font-size: 20px;
      font-weight: bold; }
  #rigaku .scholarbox {
    text-align: center;
    font-size: 30px;
    color: #15b676; }
    #rigaku .scholarbox h2 {
      font-size: 20px;
      font-weight: bold;
      color: #000;
      margin-bottom: 60px; }
  #rigaku .studentsbox {
    margin-bottom: 100px;
    text-align: center;
    font-size: 20px; }
    #rigaku .studentsbox p {
      margin-bottom: 30px; }
    #rigaku .studentsbox div, #rigaku .studentsbox #aboutschool .teachersul li .picbox h3, #aboutschool .teachersul li .picbox #rigaku .studentsbox h3 {
      width: 300px;
      font-size: 15px;
      margin: 0 auto; }
  #rigaku .dayschdulebox {
    margin-bottom: 100px;
    text-align: center;
    font-size: 20px; }
    #rigaku .dayschdulebox p {
      margin-bottom: 30px; }
    #rigaku .dayschdulebox strong {
      display: block;
      color: #22b473; }
  #rigaku .fornightbox {
    margin-bottom: 100px;
    text-align: center;
    font-size: 15px; }
    #rigaku .fornightbox h3 {
      font-size: 20px;
      font-weight: bold;
      text-align: center;
      margin-bottom: 40px; }
    #rigaku .fornightbox p {
      margin-bottom: 75px; }
    #rigaku .fornightbox .btnlink {
      width: 300px;
      font-size: 15px;
      margin: 0 auto; }
  #rigaku .shienbox {
    margin-bottom: 100px;
    text-align: center;
    font-size: 15px; }
    #rigaku .shienbox h3 {
      font-size: 20px;
      font-weight: bold; }
    #rigaku .shienbox p {
      padding-bottom: 50px; }
    #rigaku .shienbox strong {
      display: block;
      font-weight: bold;
      color: #22b473; }
    #rigaku .shienbox div, #rigaku .shienbox #aboutschool .teachersul li .picbox h3, #aboutschool .teachersul li .picbox #rigaku .shienbox h3 {
      width: 300px;
      font-size: 15px;
      margin: 0 auto; }
  #rigaku .paisenbox {
    margin-bottom: 100px;
    font-size: 15px; }
    #rigaku .paisenbox .inner {
      margin-bottom: 70px; }
    #rigaku .paisenbox h3 {
      font-size: 20px;
      margin-bottom: 30px;
      font-weight: bold; }
    #rigaku .paisenbox h4 {
      margin-top: 30px;
      font-weight: bold;
      text-decoration: underline; }
    #rigaku .paisenbox .imgpc {
      display: block;
      float: left;
      width: 520px; }
    #rigaku .paisenbox .textright {
      float: right;
      width: 520px; }
      #rigaku .paisenbox .textright p {
        font-size: 15px; }
    #rigaku .paisenbox .imgsp {
      display: none; }
    #rigaku .paisenbox .btnlink {
      clear: both;
      width: 300px;
      font-size: 15px;
      margin: 0 auto; }
    #rigaku .paisenbox .btnlink2 {
      clear: both;
      width: 300px;
      font-size: 15px;
      margin-top: 40px; }
  #rigaku .teragoyabox {
    margin-bottom: 100px;
    font-size: 15px; }
    #rigaku .teragoyabox h3 {
      font-size: 20px;
      margin-bottom: 30px;
      font-weight: bold; }
    #rigaku .teragoyabox .imgright {
      float: right;
      width: 520px; }
    #rigaku .teragoyabox .textleft {
      float: left;
      width: 550px;
      padding-left: 40px;
      box-sizing: border-box; }
      #rigaku .teragoyabox .textleft p {
        font-size: 15px; }
  #rigaku .connectbox {
    margin-bottom: 100px;
    font-size: 15px; }
    #rigaku .connectbox ul {
      display: flex;
      justify-content: space-between; }
    #rigaku .connectbox li {
      width: 520px; }
    #rigaku .connectbox h3 {
      font-size: 20px;
      margin-top: 50px;
      margin-bottom: 20px;
      font-weight: bold; }
    #rigaku .connectbox p {
      font-size: 15px; }
    #rigaku .connectbox .imgpc {
      display: block; }
    #rigaku .connectbox .imgsp {
      display: none; }

/*// rigaku //*/
.catbtmlink {
  background: #f1f1f1;
  padding: 45px 0; }
  .catbtmlink h3 {
    font-size: 28px; }
  .catbtmlink .inner {
    width: 1100px;
    margin: 0 auto; }
    .catbtmlink .inner ul {
      width: 1030px;
      margin: 0 auto;
      display: flex;
      flex-wrap: wrap; }
    .catbtmlink .inner li {
      display: inline-flex;
      width: 343px; }
      .catbtmlink .inner li a {
        display: block;
        text-decoration: none;
        color: #555;
        font-size: 15px; }
        .catbtmlink .inner li a span {
          display: block;
          padding: 20px 0;
          position: relative; }
        .catbtmlink .inner li a span:before {
          content: '▶';
          color: #22b473; }
        .catbtmlink .inner li a span:after {
          content: '';
          position: absolute;
          left: 0;
          bottom: 0;
          display: inline-block;
          width: 320px;
          height: 1px;
          -moz-transform: translateX(0%);
          -webkit-transform: translateX(0%);
          -ms-transform: translateX(0%);
          transform: translateX(0%);
          background-color: #8e8e8e;
          border-radius: 2px; }

#eventconsultation .pointol {
  font-size: 15px;
  text-align: center; }
  #eventconsultation .pointol li {
    padding-top: 150px;
    padding-bottom: 100px; }
  #eventconsultation .pointol li:nth-child(1) {
    background: url(../images/common/point1_pc.gif) no-repeat center top; }
  #eventconsultation .pointol li:nth-child(2) {
    background: url(../images/common/point2_pc.gif) no-repeat center top; }
  #eventconsultation .pointol li:nth-child(3) {
    background: url(../images/common/point3_pc.gif) no-repeat center top; }
  #eventconsultation .pointol h3 {
    font-size: 20px;
    font-weight: bold; }

#eventconsultation .yoyaku {
  text-align: center;
  font-size: 20px; }
  #eventconsultation .yoyaku p {
    text-decoration: underline; }
  #eventconsultation .yoyaku .title {
    font-size: 30px; }

#eventconsultation .telgra {
  width: 630px;
  margin: 85px auto 20px auto;
  background: linear-gradient(to right, #8adaba 0%, #8fd6ee 100%);
  font-size: 17px;
  line-height: 1.4;
  text-align: center;
  letter-spacing: .4em; }
  #eventconsultation .telgra .telbox {
    display: inline-block;
    padding: 26px 0; }
    #eventconsultation .telgra .telbox img {
      width: 80px;
      height: auto;
      padding-right: 10px; }
    #eventconsultation .telgra .telbox div, #eventconsultation .telgra .telbox #aboutschool .teachersul li .picbox h3, #aboutschool .teachersul li .picbox #eventconsultation .telgra .telbox h3 {
      display: inline-block;
      text-align: left; }
      #eventconsultation .telgra .telbox div span, #eventconsultation .telgra .telbox #aboutschool .teachersul li .picbox h3 span, #aboutschool .teachersul li .picbox #eventconsultation .telgra .telbox h3 span {
        font-family: 'webfontRegular', Arial, sans-serif;
        font-size: 40px; }

#eventconsultation .time {
  text-align: center;
  font-size: 25px;
  font-weight: bold; }
  #eventconsultation .time span {
    color: #f00; }

#eventconsultation .menuanc {
  display: flex;
  justify-content: space-between;
  margin-bottom: 75px; }

#eventconsultation .titlebox {
  font-size: 25px;
  color: #13b576;
  border: 2px solid #13b576;
  text-align: center;
  font-weight: bold;
  margin-bottom: 55px; }

#eventconsultation .telform {
  display: flex;
  justify-content: space-between;
  margin: 50px 0 100px 0; }

#eventconsultation .para {
  font-size: 20px;
  width: 1026px;
  margin: 0 auto 60px auto; }

#eventconsultation .btnbox {
  text-align: center;
  margin-bottom: 150px; }

#eventconsultation .onlinecurrent {
  display: flex;
  justify-content: space-between;
  margin-bottom: 60px;
  border-bottom: 2px solid #13b576;
  font-size: 20px; }
  #eventconsultation .onlinecurrent .leftbox,
  #eventconsultation .onlinecurrent .rightbox {
    width: 520px; }
  #eventconsultation .onlinecurrent h3 {
    border: 2px solid #13b576;
    text-align: center;
    padding: 10px 0; }
    #eventconsultation .onlinecurrent h3 img {
      width: 142px; }
  #eventconsultation .onlinecurrent li {
    border-bottom: 2px solid #13b576;
    padding: 20px 0 20px 80px; }
  #eventconsultation .onlinecurrent li:nth-child(1) {
    background: url(../images/event-consultation/step1.gif) no-repeat 0 20px; }
  #eventconsultation .onlinecurrent li:nth-child(2) {
    background: url(../images/event-consultation/step2.gif) no-repeat 0 20px; }
  #eventconsultation .onlinecurrent li:nth-child(3) {
    background: url(../images/event-consultation/step3.gif) no-repeat 0 20px; }
  #eventconsultation .onlinecurrent li:nth-child(4) {
    background: url(../images/event-consultation/step4.gif) no-repeat 0 20px; }
  #eventconsultation .onlinecurrent li:last-child {
    border-bottom: none; }
  #eventconsultation .onlinecurrent li.nostep {
    background: none;
    padding: 20px 0; }
  #eventconsultation .onlinecurrent h4 {
    font-size: 25px;
    font-weight: bold;
    color: #22b473; }
  #eventconsultation .onlinecurrent .applink {
    margin: 10px 0; }
    #eventconsultation .onlinecurrent .applink img {
      margin-right: 5px; }

#categoryblogslist {
  font-size: 16px; }
  #categoryblogslist li {
    margin-bottom: 26px; }
  #categoryblogslist .date {
    display: inline-block;
    width: 150px; }
  #categoryblogslist .tag {
    display: inline-block;
    border: 1px solid #000;
    text-align: center;
    width: 140px;
    padding: 2px 0;
    margin-right: 40px; }
  #categoryblogslist .text {
    display: inline-block;
    width: 750px; }
  #categoryblogslist .pagination {
    text-align: center; }
    #categoryblogslist .pagination .current {
      background: #fff;
      border: 1px solid #ff9da5;
      display: inline-block;
      margin: 0 5px;
      color: #ff9da5;
      min-width: 32px; }
    #categoryblogslist .pagination a {
      background: #ff9da5;
      border: 1px solid #ff9da5;
      display: inline-block;
      margin: 0 5px;
      color: #fff;
      min-width: 32px; }

#categoryblogs .planetitle + p {
  position: relative; }
  #categoryblogs .planetitle + p .tag {
    position: absolute;
    right: 0;
    top: 0;
    border: 1px solid #000;
    font-size: 15px;
    padding: 2px 10px; }

#categoryblogs .lefttitle {
  margin-bottom: 100px;
  font-size: 15px;
  display: flex;
  flex-wrap: wrap;
  letter-spacing: .2em;
  border-bottom: 1px solid #000; }
  #categoryblogs .lefttitle dt {
    font-size: 20px;
    font-weight: bold;
    width: 370px;
    padding-bottom: 35px;
    padding-right: 20px;
    box-sizing: border-box;
    letter-spacing: .4em; }
  #categoryblogs .lefttitle dd {
    padding-bottom: 35px;
    width: 730px; }

#categoryblogs .paging {
  text-align: center; }
  #categoryblogs .paging .prev, #categoryblogs .paging .next {
    font-size: 20px;
    display: inline-block; }

#categoryblogs em {
  font-style: italic; }

#categoryblogs ul {
  list-style: disc;
  margin-left: 1.6em; }

#categoryblogs ol {
  list-style: decimal;
  margin-left: 1.6em; }

#categoryblogs blockquote {
  color: #666;
  border-left: 4px solid #ccc;
  padding-left: 1em;
  font-style: italic; }

#categoryblogs h3 {
  font-size: 40px;
  line-height: 1.6; }

#categoryblogs h4 {
  font-size: 30px;
  line-height: 1.6; }

#categoryblogs h5 {
  font-size: 25px;
  line-height: 1.6; }

#categoryblogs h6 {
  font-size: 20px;
  line-height: 1.6; }

#categoryblogs .marker {
  background: linear-gradient(transparent 0%, #ff0 0%);
  font-weight: bold; }

#job-introduction .lefttitle {
  margin-bottom: 100px;
  font-size: 15px;
  display: flex;
  flex-wrap: wrap;
  line-height: 1.8; }
  #job-introduction .lefttitle dt {
    font-size: 20px;
    font-weight: bold;
    width: 370px;
    padding-bottom: 35px;
    padding-right: 20px;
    box-sizing: border-box;
    text-align: center; }
    #job-introduction .lefttitle dt span {
      display: none; }
    #job-introduction .lefttitle dt .caution {
      font-weight: normal;
      font-size: 13px; }
  #job-introduction .lefttitle dd {
    padding-bottom: 35px;
    width: 730px; }
    #job-introduction .lefttitle dd h4 {
      font-size: 20px;
      font-weight: bold;
      margin-bottom: 1em; }
    #job-introduction .lefttitle dd .imgdiff {
      margin: 45px 0; }
    #job-introduction .lefttitle dd .btntwin {
      display: flex; }
      #job-introduction .lefttitle dd .btntwin li {
        width: 350px; }
    #job-introduction .lefttitle dd p {
      margin-bottom: 1em; }
    #job-introduction .lefttitle dd .diff th, #job-introduction .lefttitle dd .diff td {
      border: 2px solid #fff;
      padding: 10px;
      background: #f5f5f5; }
    #job-introduction .lefttitle dd .diff td {
      width: 45%; }
    #job-introduction .lefttitle dd .diff th {
      text-align: center;
      background: #eee;
      font-weight: bold; }
    #job-introduction .lefttitle dd .diff .head1 {
      background: #47a7d9;
      color: #fff; }
    #job-introduction .lefttitle dd .diff .head2 {
      background: #88c564;
      color: #fff; }
  #job-introduction .lefttitle .btnlink {
    width: 300px;
    margin-top: 20px;
    margin-bottom: 90px; }

#job-introduction .innertbl .tdleft {
  text-align: left; }

#campuslife #schedulebg {
  background: url(../images/campus-life/sch_line.gif) repeat-y; }
  #campuslife #schedulebg li {
    padding-bottom: 50px; }
  #campuslife #schedulebg li:nth-child(1) {
    background: url(../images/campus-life/m_04_pc.gif) no-repeat; }
  #campuslife #schedulebg li:nth-child(2) {
    background: url(../images/campus-life/m_05_pc.gif) no-repeat; }
  #campuslife #schedulebg li:nth-child(3) {
    background: url(../images/campus-life/m_06_pc.gif) no-repeat; }
  #campuslife #schedulebg li:nth-child(4) {
    background: url(../images/campus-life/m_07_pc.gif) no-repeat; }
  #campuslife #schedulebg li:nth-child(5) {
    background: url(../images/campus-life/m_08_pc.gif) no-repeat; }
  #campuslife #schedulebg li:nth-child(6) {
    background: url(../images/campus-life/m_09_pc.gif) no-repeat; }
  #campuslife #schedulebg li:nth-child(7) {
    background: url(../images/campus-life/m_10_pc.gif) no-repeat; }
  #campuslife #schedulebg li:nth-child(8) {
    background: url(../images/campus-life/m_11_pc.gif) no-repeat; }
  #campuslife #schedulebg li:nth-child(9) {
    background: url(../images/campus-life/m_12_pc.gif) no-repeat; }
  #campuslife #schedulebg li:nth-child(10) {
    background: url(../images/campus-life/m_01_pc.gif) no-repeat; }
  #campuslife #schedulebg li:nth-child(11) {
    background: url(../images/campus-life/m_02_pc.gif) no-repeat; }
  #campuslife #schedulebg li:nth-child(12) {
    background: url(../images/campus-life/m_03_pc.gif) no-repeat; }
  #campuslife #schedulebg dl {
    display: flex;
    flex-wrap: wrap; }
  #campuslife #schedulebg dt {
    padding: 150px 0 0 70px;
    box-sizing: border-box;
    width: 280px;
    font-size: 15px; }
  #campuslife #schedulebg dd {
    width: 820px; }

#campuslife #clubul {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap; }
  #campuslife #clubul li {
    width: 340px;
    margin-bottom: 100px;
    font-size: 15px; }
    #campuslife #clubul li .title {
      font-size: 20px;
      font-weight: bold; }

.zokubox1 {
  margin-top: 80px; }
  .zokubox1 fieldset {
    border-left: none;
    border-right: none;
    border-bottom: none;
    border-top: 1px solid #8e8c8d;
    padding-top: 35px;
    margin-bottom: 100px;
    font-size: 15px; }
    .zokubox1 fieldset ul {
      display: flex;
      justify-content: space-between; }
    .zokubox1 fieldset li {
      width: 520px; }
      .zokubox1 fieldset li p {
        float: right;
        width: 150px; }
      .zokubox1 fieldset li div, .zokubox1 fieldset #aboutschool .teachersul li .picbox h3, #aboutschool .teachersul .zokubox1 fieldset li .picbox h3 {
        float: left; }
  .zokubox1 legend {
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    background: #fff;
    padding: 0 20px; }

.zokubox2 {
  margin-top: 80px; }
  .zokubox2 fieldset {
    border-left: none;
    border-right: none;
    border-bottom: none;
    border-top: 1px solid #8e8c8d;
    padding-top: 35px;
    margin-bottom: 100px;
    font-size: 15px; }
  .zokubox2 legend {
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    background: #fff;
    padding: 0 20px; }
  .zokubox2 h4 {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 20px; }
  .zokubox2 .senpai1 .img {
    float: right; }
  .zokubox2 .senpai1 .desc {
    float: left;
    width: 650px; }
    .zokubox2 .senpai1 .desc .btnlink {
      width: 300px;
      margin-top: 20px; }

.zokubox3 {
  margin-top: 80px; }
  .zokubox3 li {
    margin-bottom: 65px;
    font-size: 15px; }
  .zokubox3 .img {
    float: left;
    width: 320px; }
  .zokubox3 .desc {
    float: right;
    width: 730px; }
  .zokubox3 .btnlink {
    width: 300px;
    margin-top: 20px; }

.zokubox4 {
  margin-top: 80px; }
  .zokubox4 fieldset {
    border-left: none;
    border-right: none;
    border-bottom: none;
    border-top: 1px solid #8e8c8d;
    padding-top: 35px;
    margin-bottom: 100px;
    font-size: 15px; }
  .zokubox4 legend {
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    background: #fff;
    position: relative;
    padding: 0 20px; }
  .zokubox4 h4 {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 20px; }
  .zokubox4 .senpai1 .img {
    float: left; }
  .zokubox4 .senpai1 .desc {
    float: right;
    width: 650px; }
    .zokubox4 .senpai1 .desc .btnlink {
      width: 300px;
      margin-top: 20px; }

.societyaccess .mapbox {
  margin-bottom: 160px;
  padding-top: 45px;
  font-size: 18px;
  background-size: 100% auto; }
  .societyaccess .mapbox p {
    padding-top: 35px;
    float: left; }
  .societyaccess .mapbox .btnlink {
    float: right;
    width: 300px;
    margin-top: 30px; }
    .societyaccess .mapbox .btnlink a {
      font-size: 20px;
      text-align: center;
      color: #fff;
      background: linear-gradient(90deg, #00ab9d, #1faedf);
      border-radius: 30px;
      padding: 3px;
      width: 100%;
      display: block; }
    .societyaccess .mapbox .btnlink a:hover {
      text-decoration: none; }

.societyaccess .fromstation {
  margin-bottom: 150px;
  font-size: 18px; }
  .societyaccess .fromstation .mincho {
    font-size: 30px;
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
    letter-spacing: 1em;
    margin-bottom: 45px; }

.societyaccess .fromkanto {
  margin-bottom: 150px; }
  .societyaccess .fromkanto .mincho {
    font-size: 30px;
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
    letter-spacing: 1em;
    margin-bottom: 50px; }
  .societyaccess .fromkanto div, .societyaccess .fromkanto #aboutschool .teachersul li .picbox h3, #aboutschool .teachersul li .picbox .societyaccess .fromkanto h3 {
    width: 926px;
    margin: 0 auto; }

.pcaddbnrarea {
  display: block;
  text-align: center;
  margin-bottom: 100px;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
  padding: 60px; }

.pcaddbnrarea div, .pcaddbnrarea #aboutschool .teachersul li .picbox h3, #aboutschool .teachersul li .picbox .pcaddbnrarea h3 {
  display: inline-block;
  padding: 0 10px; }

.spaddbnrarea {
  display: none;
  text-align: center; }

.thanksbox {
  text-align: center; }

.thanks_txt01 {
  font-size: 30px;
  margin-top: 60px;
  margin-bottom: 100px; }

.thanksbox #submit {
  font-size: 20px; }

div.wpcf7-validation-errors, #aboutschool .teachersul li .picbox h3.wpcf7-validation-errors, div.wpcf7-acceptance-missing, #aboutschool .teachersul li .picbox h3.wpcf7-acceptance-missing {
  border: none;
  font-size: 16px;
  color: #f00; }

.gakkotitle {
  text-align: center;
  margin-top: 50px;
  margin-bottom: 50px; }

.thanksback {
  text-align: center;
  font-size: 16px; }

#topcovid {
  margin: 80px 0; }

#topcovid a {
  display: block;
  text-align: center;
  font-size: 20px;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  border-top: 6px solid #e6e6e6;
  border-bottom: 6px solid #e6e6e6;
  padding: 24px 0;
  background: #fff;
  transition: all 0.2s ease; }

#topcovid a:hover {
  text-decoration: none;
  background: #e6e6e6; }

#topmov video {
  width: 100%; }

#snsleft {
  position: fixed;
  left: 0;
  bottom: 5%;
  z-index: 10001; }

#snsleft .inner {
  position: relative; }

#snsleft .inner div, #snsleft .inner #aboutschool .teachersul li .picbox h3, #aboutschool .teachersul li .picbox #snsleft .inner h3 {
  position: absolute;
  left: 0; }

#snsleft .inner ul {
  display: flex;
  margin-left: 60px;
  background: rgba(255, 255, 255, 0.4);
  padding: 0 10px; }

#linefriend img {
  width: 100%; }

.youtubeiframe {
  margin-bottom: 160px; }

#digitalb {
  width: 800px;
  margin: 0 auto 100px auto;
  text-align: center;
  font-size: 25px;
  font-weight: bold;
  line-height: 1.8; }

#digitalb p {
  margin-bottom: 80px; }

#digitalb ul {
  display: flex;
  justify-content: space-around; }

/*/////////////////// SP ///////////////////*/
@media screen and (max-width: 768px) {
  body {
    min-width: 100%; }
  #modal_block {
    display: block;
    position: fixed;
    opacity: 0;
    z-index: 12000;
    left: 50%;
    margin-left: -40%;
    top: 100px;
    width: 70%;
    height: auto; }
  .rinzi {
    font-size: 4.6875vw;
    margin-bottom: 10%; }
  .rinzi2 {
    font-size: 4.6875vw;
    margin-bottom: 10%; }
  .sb-slidebar.sb-active {
    display: block; }
  .sb-slidebar {
    width: 100%;
    background: #000; }
  .sb-close {
    text-align: right; }
  #sidebar-nav {
    font-size: 4.3478vw;
    color: #fff; }
    #sidebar-nav p {
      font-weight: bold;
      padding: 3.333% 0;
      border-bottom: 2px solid #fff; }
    #sidebar-nav ul {
      width: 93.3333%;
      margin: 0 auto; }
      #sidebar-nav ul .sub {
        display: none;
        width: 93.3333%;
        margin: 0 auto; }
        #sidebar-nav ul .sub a {
          padding: 3.333% 0;
          border-bottom: 1px dotted #fff; }
  #sidebar-nav p {
    display: block; }
  #sidebar-nav a {
    color: #fff;
    display: block; }
  a.btngra {
    padding: 3px;
    width: 100%;
    display: block; }
    a.btngra span {
      padding: 2.3438% 0; }
  #complete {
    width: 93.3333%; }
    #complete .head {
      font-size: 6.25vw;
      padding-top: 5.3333%;
      margin-bottom: 5.3333%; }
    #complete .text {
      font-size: 4.6875vw; }
    #complete .btnlink {
      width: 90%;
      font-size: 4vw;
      margin: 5.3333% auto; }
    #complete .nlink {
      font-size: 4vw; }
  .content {
    margin-top: 50px; }
  .btn-menu {
    display: block;
    background: #000;
    /*
	cursor: pointer;
	width: 50px;
	height: 50px;

	position: absolute;
	right: 0;
	top: 0;

	img {
		width: 50px;
		height: auto;
	}
*/ }
  .sb-close img {
    width: 50px;
    height: auto; }
  .icon-oc {
    display: block;
    width: 50px;
    height: 50px;
    /*
	position: absolute;
	right: 50px;
	top: 0;
*/ }
  .icon-req {
    display: block;
    /*
	width: 50px;
	height: 50px;
	position: absolute;
	right: 100px;
	top: 0;
*/ }
  .foot-ic100 {
    display: none;
    position: fixed;
    bottom: 14%;
    right: 5%;
    z-index: 200;
    text-align: right; }
  .foot-ic100 img {
    width: 40%;
    box-shadow: 0px -7px 9px -10px rgba(0, 0, 0, 0.6); }
  .foot-ao {
    display: none;
    position: fixed;
    bottom: 0;
    z-index: 200; }
  .foot-ao img {
    width: 50%; }
  .brsp {
    display: block; }
  .brpc {
    display: none; }
  img {
    width: 100%;
    height: auto; }
  .planetitle {
    font-size: 6.25vw;
    letter-spacing: .05em;
    margin-bottom: 4.6667%; }
  .planetitle + p {
    font-size: 2.6666vw;
    margin-bottom: 10%; }
  .planetitle + p.f15 {
    font-size: 4vw;
    margin-bottom: 10%; }
  #topmain {
    height: 350px; }
    #topmain div, #topmain #aboutschool .teachersul li .picbox h3, #aboutschool .teachersul li .picbox #topmain h3 {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 350px; }
    #topmain .pcview {
      display: none; }
    #topmain .spview {
      display: block; }
  .contentinner {
    width: 85.3333%;
    margin: 0 auto; }
  #header .headtop, #footernavi, #footernavisub {
    display: none; }
  #mimi {
    display: none;
    width: 12.53333%;
    top: auto;
    bottom: 2%; }
    #mimi div, #mimi #aboutschool .teachersul li .picbox h3, #aboutschool .teachersul li .picbox #mimi h3 {
      margin-bottom: 10.3333%; }
    #mimi a img {
      width: 100%; }
  .topscroll {
    padding: 7.3333% 0; }
    .topscroll img {
      width: 9.3333%; }
  #header {
    background: rgba(255, 255, 255, 0.9);
    position: fixed;
    width: 100%;
    height: 50px;
    top: 0;
    z-index: 200; }
    #header .headbtm {
      padding: 0; }
    #header .headbtm .inner {
      width: 100%;
      position: relative; }
      #header .headbtm .inner #logo {
        margin-left: 4%;
        padding-top: 18px;
        float: none;
        text-align: center; }
        #header .headbtm .inner #logo img {
          width: 182px; }
      #header .headbtm .inner #spfootmenu {
        display: block;
        position: fixed;
        left: 0;
        bottom: 0;
        z-index: 9998; }
      #header .headbtm .inner #spfootmenu {
        display: flex;
        justify-content: space-between;
        width: 100%;
        box-shadow: 0px -7px 9px -10px rgba(0, 0, 0, 0.6); }
        #header .headbtm .inner #spfootmenu li:first-child {
          width: 75px; }
        #header .headbtm .inner #spfootmenu .icon-req1 {
          background: url(../images/common/r_docreq2bg.png) repeat-x;
          background-size: auto 85px;
          width: 50%;
          text-align: center; }
        #header .headbtm .inner #spfootmenu .icon-req2 {
          background: url(../images/common/r_sc2bg.png) repeat-x;
          background-size: auto 85px;
          width: 50%;
          text-align: center; }
      #header .headbtm .inner #spfootmenu li {
        float: left;
        margin: 0 !important; }
        #header .headbtm .inner #spfootmenu li img {
          width: auto;
          height: 80px; }
        #header .headbtm .inner #spfootmenu li .icon-oc {
          position: relative; }
  #header .headbtm .headbtmrightmenu {
    display: none;
    float: none;
    width: 100%;
    height: 100%;
    z-index: 201; }
    #header .headbtm .headbtmrightmenu ul {
      color: #fff; }
      #header .headbtm .headbtmrightmenu ul li {
        float: none; }
      #header .headbtm .headbtmrightmenu ul a {
        display: block;
        color: #fff; }
  #btmconv {
    width: 93.3333%;
    margin: 14.4927% auto;
    margin-top: 20px;
    display: block; }
    #btmconv li {
      display: block;
      margin-bottom: 5.7971%; }
    #btmconv img {
      box-shadow: 4px 4px 5px 0px #bababa; }
  #snsarea {
    padding: 7.3333% 0; }
    #snsarea ul {
      width: 92%; }
    #snsarea img {
      width: 48.6047%; }
  #panlist1 {
    padding-top: 69.333%;
    width: 93.3333%;
    font-size: 2.6666vw;
    box-sizing: border-box;
    margin: 0 auto; }
  #panlist2, #panlist5 {
    width: 93.3333%;
    margin: 0 auto 18.6667% auto;
    text-align: right;
    padding-top: 2.6667%;
    font-size: 2.6666vw; }
  #panlist3 {
    width: 93.3333%;
    margin: 0 auto 18.6667% auto;
    text-align: right;
    padding-top: 2.6667%;
    font-size: 2.6666vw; }
  #panlist4 {
    width: 93.3333%;
    margin: 0 auto 18.6667% auto;
    text-align: right;
    padding-top: 2.6667%;
    font-size: 2.6666vw; }
  #aboutmain,
  #featuremain, #featuremain1, #featuremain2, #featuremain3, #featuremain4, #featuremain5,
  #sagyomain, #sagyomain1, #sagyomain2, #sagyomain3,
  #rigakumain, #rigakumain1, #rigakumain2, #rigakumain3,
  #campuslifemain, #campuslifemain1, #eventlistmain, #eventconsultationmain,
  #specialmain {
    width: 100%;
    height: auto;
    margin-bottom: 20%; }
    #aboutmain .inner,
    #featuremain .inner, #featuremain1 .inner, #featuremain2 .inner, #featuremain3 .inner, #featuremain4 .inner, #featuremain5 .inner,
    #sagyomain .inner, #sagyomain1 .inner, #sagyomain2 .inner, #sagyomain3 .inner,
    #rigakumain .inner, #rigakumain1 .inner, #rigakumain2 .inner, #rigakumain3 .inner,
    #campuslifemain .inner, #campuslifemain1 .inner, #eventlistmain .inner, #eventconsultationmain .inner,
    #specialmain .inner {
      width: 100%; }
  #featuremain {
    background: url(../images/feature-school/tobiramain_sp.jpg) no-repeat center top;
    background-size: cover; }
    #featuremain h2 {
      position: absolute;
      top: 7.4666%;
      width: 12.4%;
      left: 12.4%;
      box-sizing: border-box; }
  #featuremain1 {
    background: url(../images/feature-school/tobiramain1_sp.jpg) no-repeat center top;
    background-size: cover; }
    #featuremain1 h2 {
      position: absolute;
      top: 7.4666%;
      width: 12.4%;
      left: 12.4%;
      box-sizing: border-box; }
  #featuremain2 {
    background: url(../images/feature-school/tobiramain2_sp.jpg) no-repeat center top;
    background-size: cover; }
    #featuremain2 h2 {
      position: absolute;
      top: 18.2667%;
      width: 17.7333%;
      left: 12.4%;
      box-sizing: border-box; }
  #featuremain3 {
    background: url(../images/feature-school/tobiramain3_sp.jpg) no-repeat center top;
    background-size: cover; }
    #featuremain3 h2 {
      position: absolute;
      top: 7.4666%;
      width: 12.4%;
      left: 12.4%;
      box-sizing: border-box; }
  #featuremain4 {
    background: url(../images/feature-school/tobiramain4_sp.jpg) no-repeat center top;
    background-size: cover; }
    #featuremain4 h2 {
      position: absolute;
      top: 7.4666%;
      width: 12.4%;
      left: 12.4%;
      box-sizing: border-box; }
  #featuremain5 {
    background: url(../images/feature-school/tobiramain5_sp.jpg) no-repeat center top;
    background-size: cover; }
    #featuremain5 h2 {
      position: absolute;
      top: 7.4666%;
      width: 12.4%;
      left: 12.4%;
      box-sizing: border-box; }
  #aboutmain {
    background: url(../images/about-school/tobiramain_sp.jpg) no-repeat center top;
    background-size: cover; }
    #aboutmain h2 {
      position: absolute;
      top: 7.4666%;
      width: 12.4%;
      left: 12.4%;
      box-sizing: border-box; }
  #sagyomain {
    background: url(../images/gakka-sagyo/tobiramain_sp.jpg) no-repeat center top;
    background-size: cover; }
    #sagyomain h2 {
      position: absolute;
      top: 7.4666%;
      width: 12.4%;
      left: 12.4%;
      box-sizing: border-box; }
  #sagyomain1 {
    background: url(../images/gakka-sagyo/tobiramain1_sp.jpg) no-repeat center top;
    background-size: cover; }
    #sagyomain1 h2 {
      position: absolute;
      top: 14.6667%;
      width: 12.4%;
      left: 12.4%;
      box-sizing: border-box; }
  #sagyomain2 {
    background: url(../images/gakka-sagyo/tobiramain2_sp.jpg) no-repeat center top;
    background-size: cover; }
    #sagyomain2 h2 {
      position: absolute;
      top: 12%;
      width: 12.4%;
      left: 12.4%;
      box-sizing: border-box; }
  #sagyomain3 {
    background: url(../images/gakka-sagyo/tobiramain3_sp.jpg) no-repeat center top;
    background-size: cover; }
    #sagyomain3 h2 {
      position: absolute;
      top: 12%;
      width: 12.4%;
      left: 12.4%;
      box-sizing: border-box; }
  #rigakumain {
    background: url(../images/gakka-rigaku/tobiramain_sp.jpg) no-repeat center top;
    background-size: cover; }
    #rigakumain h2 {
      position: absolute;
      top: 7.4666%;
      width: 12.4%;
      left: 12.4%;
      box-sizing: border-box; }
  #rigakumain1 {
    background: url(../images/gakka-rigaku/tobiramain1_sp.jpg) no-repeat center top;
    background-size: cover; }
    #rigakumain1 h2 {
      position: absolute;
      top: 13.3333%;
      width: 12.4%;
      left: 12.4%;
      box-sizing: border-box; }
  #rigakumain2 {
    background: url(../images/gakka-rigaku/tobiramain2_sp.jpg) no-repeat center top;
    background-size: cover; }
    #rigakumain2 h2 {
      position: absolute;
      top: 11.3333%;
      width: 12.4%;
      left: 12.4%;
      box-sizing: border-box; }
  #rigakumain3 {
    background: url(../images/gakka-rigaku/tobiramain3_sp.jpg) no-repeat center top;
    background-size: cover; }
    #rigakumain3 h2 {
      position: absolute;
      top: 7.3333%;
      width: 12.4%;
      left: 12.4%;
      box-sizing: border-box; }
  #campuslifemain {
    background: url(../images/campus-life/tobiramain_sp.jpg) no-repeat center top;
    background-size: cover; }
    #campuslifemain h2 {
      position: absolute;
      top: 24%;
      width: 12.4%;
      left: 12.4%;
      box-sizing: border-box; }
  #campuslifemain1 {
    background: url(../images/campus-life/tobiramain1_sp.jpg) no-repeat center top;
    background-size: cover; }
    #campuslifemain1 h2 {
      position: static;
      top: 15.3333%;
      width: 80%;
      margin: 0 auto;
      padding-top: 17.3333%;
      padding-bottom: 17.3333%; }
  #eventlistmain {
    background: url(../images/eventlist/tobiramain_sp.jpg) no-repeat center top;
    background-size: cover; }
    #eventlistmain h2 {
      position: static;
      top: 15.3333%;
      width: 80%;
      margin: 0 auto;
      padding-top: 17.3333%;
      padding-bottom: 17.3333%; }
  #eventconsultationmain {
    background: url(../images/event-consultation/tobiramain_sp.jpg) no-repeat center top;
    background-size: cover; }
    #eventconsultationmain h2 {
      position: absolute;
      top: 15.3333%;
      width: 12.4%;
      left: 12.4%;
      box-sizing: border-box; }
  #specialmain {
    background: url(../images/special/tobiramain_sp.jpg) no-repeat center top;
    background-size: cover; }
    #specialmain h2 {
      position: absolute;
      top: 7.4666%;
      width: 12.4%;
      left: 12.4%;
      box-sizing: border-box; }
  .topmenu, .topmenu2, .topmenuspecial {
    width: 93.3333%; }
  .topmenu li, .topmenu2 li {
    width: 100%;
    font-size: 4vw;
    margin-bottom: 10.1449%; }
    .topmenu li span, .topmenu2 li span {
      padding: 4% 0; }
    .topmenu li span:after, .topmenu2 li span:after {
      width: 100%; }
  .topmenu li:nth-child(1), .topmenu li:nth-child(2), .topmenu li:nth-child(3), .topmenuspecial li {
    width: 50%; }
  .topmenuspecial li span small {
    display: inline-block;
    line-height: 1.2;
    padding: 0 2%;
    box-sizing: border-box; }
  #titlearea {
    padding: 20% 0 14% 0;
    text-align: center;
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif; }
    #titlearea h2 {
      font-size: 6.25vw;
      letter-spacing: .2em;
      padding: 0 8.6667%;
      min-width: auto;
      max-width: 93.3333%;
      line-height: 1.2em; }
    #titlearea p {
      font-size: 4vw;
      letter-spacing: .2em;
      margin-top: 10px; }
  #groupbox {
    padding: 4% 0 6.6666% 0; }
    #groupbox p {
      font-size: 3.3333vw;
      margin-bottom: 0; }
    #groupbox ul {
      width: 93.3333%;
      flex-wrap: wrap;
      border-top: 1px solid #8d8d8d;
      border-bottom: 1px solid #8d8d8d;
      margin-top: 4%; }
    #groupbox li {
      width: 50%;
      border-bottom: 1px solid #8d8d8d;
      box-sizing: border-box; }
    #groupbox li:nth-child(odd) {
      border-right: 1px solid #8d8d8d; }
    #groupbox li:last-child {
      border-bottom: none; }
    #groupbox a {
      display: block;
      text-align: center;
      padding: 4% 0;
      width: 100%; }
  #pagetopsp {
    display: block;
    background: #e5e5e5;
    text-align: center;
    padding: 4% 0; }
    #pagetopsp img {
      width: 7.2%;
      height: auto; }
  #footer {
    background: #fff;
    font-size: 3.4666%;
    padding: 4.8% 0 20% 0; }
  .tbloutter {
    overflow-x: scroll;
    overflow-y: hidden; }
  .tbl1 {
    margin-bottom: 4%; }
    .tbl1 th {
      font-size: 4vw;
      padding: 10px;
      box-sizing: border-box; }
    .tbl1 td {
      font-size: 4vw; }
  #telmail {
    width: 100%; }
    #telmail ul {
      width: 100%;
      display: block; }
    #telmail li {
      display: block;
      width: 100%;
      text-align: left;
      font-size: 3.3333vw; }
    #telmail li:first-child {
      border-top: 1px solid #8d8d8d;
      background: #fff; }
      #telmail li:first-child .telbox {
        width: 85.3333%;
        padding: 6% 0;
        margin: 0 auto; }
        #telmail li:first-child .telbox img {
          width: 14.4%;
          padding-right: 4.8%; }
        #telmail li:first-child .telbox div span, #telmail #aboutschool .teachersul li:first-child .telbox .picbox h3 span, #aboutschool .teachersul #telmail li:first-child .telbox .picbox h3 span, #telmail #aboutschool .teachersul li:first-child .picbox .telbox h3 span, #aboutschool .teachersul #telmail li:first-child .picbox .telbox h3 span {
          font-size: 10.6666vw;
          letter-spacing: .03em; }
    #telmail li:last-child div, #telmail #aboutschool .teachersul li:last-child .picbox h3, #aboutschool .teachersul #telmail li:last-child .picbox h3 {
      width: 85.3333%;
      margin: 0 auto; }
      #telmail li:last-child div img, #telmail #aboutschool .teachersul li:last-child .picbox h3 img, #aboutschool .teachersul #telmail li:last-child .picbox h3 img {
        width: 14.4%;
        padding-right: 4.8%; }
      #telmail li:last-child div a, #telmail #aboutschool .teachersul li:last-child .picbox h3 a, #aboutschool .teachersul #telmail li:last-child .picbox h3 a {
        padding: 6% 0; }
  .fh2, .fh2_2, .fh2_3 {
    font-size: 5.4688vw;
    margin-bottom: 14.6666%; }
  .fh2_2 {
    font-size: 5.4688vw;
    margin-bottom: 13.3333%; }
  .fh2_2 + p {
    margin-bottom: 18%;
    text-align: left;
    font-size: 4vw; }
  .fh3 {
    font-size: 4vw;
    margin-bottom: 18%; }
  .fh4 {
    font-size: 4vw;
    margin-bottom: 18%; }
  .fh3_2 {
    font-size: 4vw;
    margin-bottom: 13.3333%; }
  .greenlabel {
    letter-spacing: .05em;
    margin-bottom: 9.3333%; }
    .greenlabel dt {
      font-size: 4vw;
      padding-bottom: 2.6667%; }
    .greenlabel dd {
      font-size: 6.25vw;
      min-width: auto;
      width: 100%;
      padding: 0; }
  .greenlabel2 {
    letter-spacing: .05em;
    margin-bottom: 9.3333%; }
    .greenlabel2 dt {
      font-size: 4vw;
      padding-bottom: 1.6667%; }
    .greenlabel2 dd {
      font-size: 6.25vw;
      min-width: auto;
      width: 100%;
      padding: 0;
      line-height: 1.2;
      padding: 1.3333% 0; }
  .greenlabel2 + p {
    font-size: 4vw;
    text-align: left; }
  #contact {
    width: 100%;
    margin-bottom: 26.6666%; }
    #contact .formcurrent {
      margin: 0 auto 13.3333% auto;
      width: 93.3333%; }
      #contact .formcurrent .covid19form {
        font-size: 4vw;
        text-align: left;
        padding-bottom: 13.3333%; }
    #contact table {
      border: none;
      border-left: none;
      font-size: 4.6875vw;
      margin-bottom: 10%; }
      #contact table input[type="text"], #contact table input[type="email"], #contact table input[type="tel"], #contact table textarea {
        padding: 2%;
        margin-bottom: 0;
        width: 100%;
        box-sizing: border-box; }
      #contact table input, #contact table textarea {
        font-size: 4.6875vw; }
    #contact th, #contact td {
      border-bottom: none;
      padding: 3.3333%;
      box-sizing: border-box;
      display: block; }
    #contact td {
      width: 100%;
      background: #e6e6e6; }
    #contact .caption {
      font-size: 4vw;
      line-height: 1.4; }
    #contact .hissu:after {
      display: inline-block;
      content: "";
      width: 40px;
      height: 15px;
      background: url(../images/common/hissu.gif) 90% 50% no-repeat;
      background-size: auto 100%;
      vertical-align: middle; }
    #contact .btncontact {
      font-size: 4.6875vw;
      text-align: center;
      color: #fff;
      background: linear-gradient(90deg, #00ab9d, #1faedf);
      border-radius: 30px;
      padding: 1.3333% 0;
      width: 84%;
      display: block;
      margin: 0 auto; }
    #contact .btncontact2 {
      display: block;
      width: 100%;
      margin: 0 auto; }
      #contact .btncontact2 .btncontact {
        font-size: 4.6875vw;
        text-align: center;
        color: #fff;
        background: linear-gradient(90deg, #00ab9d, #1faedf);
        border-radius: 30px;
        padding: 3px;
        width: 84%;
        margin: 0 auto 1.3333% auto; }
      #contact .btncontact2 span {
        display: block; }
    #contact #contacttel {
      font-size: 4vw;
      margin-bottom: 13.3333%; }
      #contact #contacttel .tel {
        font-size: 7.3333vw;
        margin-bottom: 13.3333%; }
        #contact #contacttel .tel a {
          color: #15b676; }
  #toparea #topics {
    font-size: 4vw;
    margin-top: 12%;
    margin-bottom: 12%; }
    #toparea #topics .content-inner {
      width: 93.3333%; }
    #toparea #topics .title {
      margin-bottom: 50px; }
      #toparea #topics .title h2 {
        font-size: 6.25vw;
        margin-bottom: 8.6667%; }
      #toparea #topics .title #tabs {
        position: static;
        width: 100%; }
        #toparea #topics .title #tabs li {
          width: 25%;
          padding: 2.1333% 0; }
    #toparea #topics .topics-list {
      margin-bottom: 8.6667%; }
      #toparea #topics .topics-list .date {
        float: left;
        width: 30.6667%; }
      #toparea #topics .topics-list .tag {
        float: left;
        display: inline-block;
        width: 26.6667%;
        height: auto;
        margin-right: 0;
        font-size: 4vw;
        padding: 0.6667% 0; }
      #toparea #topics .topics-list .text {
        clear: both;
        float: none;
        width: 100%;
        padding-top: 6%; }
        #toparea #topics .topics-list .text a {
          display: block; }
    #toparea #topics .btnlink {
      width: 90%;
      margin: 0 auto; }
      #toparea #topics .btnlink a {
        width: 90%;
        font-size: 4.6875vw;
        padding: 4%; }
  #toparea #topgakka {
    margin-bottom: 12%; }
    #toparea #topgakka .sagyo {
      background: url(../images/top/sagyobg.jpg) no-repeat;
      background-size: 100% auto;
      float: none;
      width: 100%;
      min-height: 0;
      margin-bottom: 13.3333%; }
      #toparea #topgakka .sagyo .inner {
        width: 85.3333%;
        margin: 0 auto;
        padding-top: 62%; }
        #toparea #topgakka .sagyo .inner h2 {
          width: 9.3333%;
          top: 13.3333%;
          left: 6%; }
    #toparea #topgakka .rigaku {
      background: url(../images/top/rigakubg.jpg) no-repeat;
      background-size: 100% auto;
      float: none;
      width: 100%;
      min-height: 0;
      margin-bottom: 13.3333%; }
      #toparea #topgakka .rigaku .inner {
        width: 85.3333%;
        margin: 0 auto;
        padding-top: 62%; }
        #toparea #topgakka .rigaku .inner h2 {
          width: 9.3333%;
          top: 13.3333%;
          left: 6%; }
    #toparea #topgakka .plate {
      padding: 6.6667% 6.6667% 0 6.6667%;
      font-size: 4vw; }
      #toparea #topgakka .plate p {
        display: block;
        text-align: right;
        font-size: 2.6666vw;
        padding: 5.3333% 0;
        letter-spacing: .4em; }
      #toparea #topgakka .plate ul {
        letter-spacing: .4em; }
      #toparea #topgakka .plate li {
        padding: 0; }
      #toparea #topgakka .plate li a {
        display: block;
        padding: 5.3333% 0; }
  #toparea #topscholarship {
    padding: 12% 0; }
    #toparea #topscholarship h2 {
      font-size: 6.25vw;
      margin-bottom: 3.6667%; }
    #toparea #topscholarship h3 {
      font-size: 4vw;
      margin-bottom: 8.6667%; }
    #toparea #topscholarship ul {
      width: 80%;
      display: block; }
    #toparea #topscholarship li {
      margin-bottom: 10%; }
  #toparea #covid19 {
    text-align: center;
    font-size: 4vw;
    padding-bottom: 2em;
    width: 92%;
    margin: 0 auto;
    text-align: left; }
    #toparea #covid19 h2 {
      font-size: 6.25vw;
      padding-bottom: 1em;
      font-weight: bold;
      letter-spacing: .1em;
      text-align: center; }
    #toparea #covid19 ul {
      padding-top: 2em;
      font-size: 4.6875vw; }
      #toparea #covid19 ul li {
        padding-bottom: 1em;
        text-align: center; }
  #toparea #topspecial {
    padding: 12% 0;
    margin-bottom: 12%; }
    #toparea #topspecial h2 {
      font-size: 6.25vw;
      margin-bottom: 3.6667%; }
    #toparea #topspecial h3 {
      font-size: 4vw;
      margin-bottom: 8.6667%; }
    #toparea #topspecial #specialcard {
      width: 100%; }
      #toparea #topspecial #specialcard .swiper-button-next {
        position: absolute;
        top: 50%;
        right: 20%;
        width: 6.6667%;
        height: 0;
        padding-top: 6.6667%;
        margin-top: -3.3334%;
        z-index: 10;
        cursor: pointer;
        background-image: url(../images/common/bx_slide_right.gif);
        background-size: 100% auto;
        background-position: center;
        background-repeat: no-repeat; }
      #toparea #topspecial #specialcard .swiper-button-prev {
        position: absolute;
        top: 50%;
        left: 20%;
        width: 6.6667%;
        height: 0;
        padding-top: 6.6667%;
        margin-top: -3.3334%;
        z-index: 10;
        cursor: pointer;
        background-image: url(../images/common/bx_slide_left.gif);
        background-size: 100% auto;
        background-position: center;
        background-repeat: no-repeat; }
      #toparea #topspecial #specialcard .swiper-slide a {
        display: block;
        background: #fff; }
        #toparea #topspecial #specialcard .swiper-slide a span {
          font-size: 4vw;
          line-height: 1.4;
          display: inline-block;
          padding: 8%; }
          #toparea #topspecial #specialcard .swiper-slide a span em {
            display: block;
            padding-top: 8%;
            color: #00f; }
            #toparea #topspecial #specialcard .swiper-slide a span em img {
              width: 31.6667%;
              vertical-align: middle; }
    #toparea #topspecial .btnlink {
      width: 90%;
      margin: 10% auto 0 auto; }
      #toparea #topspecial .btnlink a {
        width: 90%;
        font-size: 4.6875vw;
        padding: 4%; }
  #toparea #oclist {
    padding: 12% 0; }
    #toparea #oclist h2 {
      font-size: 6.25vw;
      margin-bottom: 3.6667%; }
    #toparea #oclist h3 {
      font-size: 4vw;
      margin-bottom: 8.6667%; }
    #toparea #oclist ul {
      width: 93.3333%;
      display: block; }
    #toparea #oclist li {
      width: 100%;
      font-size: 4vw;
      padding: 4.6667% 3.3333%;
      box-sizing: border-box;
      margin-bottom: 8.6667%; }
      #toparea #oclist li a {
        display: flex; }
      #toparea #oclist li .thum {
        position: static;
        width: 40%; }
        #toparea #oclist li .thum img {
          width: 100%; }
      #toparea #oclist li .thum + div, #toparea #oclist #aboutschool .teachersul li .picbox .thum + h3, #aboutschool .teachersul #toparea #oclist li .picbox .thum + h3 {
        width: 60%;
        padding-left: 3.3333%;
        box-sizing: border-box; }
      #toparea #oclist li span {
        display: block;
        font-size: 2.6666vw;
        /*				width: 25%;*/
        position: static;
        background: #000;
        box-sizing: border-box;
        margin-bottom: 1.3333%; }
      #toparea #oclist li .title {
        padding-top: 0;
        padding-left: 0;
        padding-right: 0;
        font-size: 4vw; }
      #toparea #oclist li .date {
        padding-left: 0;
        font-size: 2.6666vw;
        float: left; }
      #toparea #oclist li .term {
        padding-left: 0;
        font-size: 2.6666vw; }
      #toparea #oclist li .para {
        padding: 0;
        padding-left: 0;
        line-height: 1.2em; }
      #toparea #oclist li .viewmore {
        display: none;
        padding-right: 0; }
    #toparea #oclist .btnlink {
      width: 90%;
      margin: 0 auto; }
      #toparea #oclist .btnlink a {
        width: 90%;
        font-size: 4.6875vw;
        padding: 4%; }
  #toparea #netsu {
    background: url(../images/top/netsubg_sp.jpg) no-repeat center top;
    background-size: cover;
    text-align: center;
    height: 421px;
    margin-bottom: 0; }
    #toparea #netsu a .netsutext {
      position: static;
      text-align: center;
      width: 28.2667%;
      margin: 0 auto;
      padding: 8% 0 8.2% 0; }
    #toparea #netsu .btnview {
      display: block;
      font-size: 4vw;
      background: linear-gradient(90deg, #f78d1d, #ff0000);
      border-radius: 30px;
      padding: 2px;
      width: 50%;
      display: block;
      margin: 0 auto; }
      #toparea #netsu .btnview span {
        letter-spacing: .2em;
        background: #fff;
        border-radius: 30px;
        text-align: center;
        display: block;
        vertical-align: middle;
        padding: 6.3438% 0; }
  #toparea #zoku {
    padding: 12% 0 4% 0;
    margin-bottom: 0; }
    #toparea #zoku h2 {
      font-size: 6.25vw;
      margin-bottom: 3.6667%; }
    #toparea #zoku h3 {
      font-size: 4vw;
      margin-bottom: 8.6667%; }
    #toparea #zoku ul {
      width: 100%;
      display: block; }
  #toparea #zoku:after {
    height: 40px; }
  #toparea #topaccess {
    padding: 12% 0 12% 0; }
    #toparea #topaccess h2 {
      font-size: 6.25vw;
      margin-bottom: 3.6667%; }
    #toparea #topaccess h3 {
      font-size: 4vw;
      margin-bottom: 8.6667%; }
    #toparea #topaccess .schoolbg {
      background: url(../images/common/topaccessbg_sp.jpg) no-repeat;
      background-size: 100% auto;
      padding-top: 30%; }
      #toparea #topaccess .schoolbg a {
        width: 69.3333%;
        padding: 6% 0; }
        #toparea #topaccess .schoolbg a .title {
          font-size: 4vw;
          font-weight: bold;
          margin-bottom: 4.6667%; }
        #toparea #topaccess .schoolbg a .add {
          font-size: 2.6666vw;
          margin-bottom: 4.6667%; }
        #toparea #topaccess .schoolbg a .btn {
          font-size: 4vw;
          padding: 0 2%; }
  #toparea #topaccess:after {
    height: 200px; }
  #base {
    margin-bottom: 26.6666%; }
    #base dd.innertbl .innertbl {
      width: 100%;
      overflow-x: scroll; }
      #base dd.innertbl .innertbl .tbl1 {
        width: 200%; }
      #base dd.innertbl .innertbl .bigprice {
        font-size: 7.3333vw; }
    #base .lefttitle {
      margin-bottom: 16.6667%;
      font-size: 4vw;
      display: block; }
      #base .lefttitle dt {
        font-size: 4.6875vw;
        width: 100%;
        padding-bottom: 4.6667%;
        padding-right: 0; }
      #base .lefttitle dd {
        width: 100%;
        overflow-x: scroll; }
        #base .lefttitle dd .tbl1 {
          width: 150%; }
      #base .lefttitle .btnlink {
        width: 90%;
        margin: 4% auto 0 auto; }
    #base .lefttitle2 {
      margin-bottom: 16.6667%;
      font-size: 4.6875vw; }
      #base .lefttitle2 dt {
        font-size: 4.6875vw;
        width: 40%;
        padding-bottom: 4.6667%;
        padding-bottom: 6%; }
      #base .lefttitle2 dd {
        width: 60%;
        padding-bottom: 6%; }
    #base .lefttitle3 {
      margin-bottom: 16.6667%;
      font-size: 4vw;
      display: block; }
      #base .lefttitle3 dt {
        font-size: 4.6875vw;
        width: 100%;
        padding-bottom: 4.6667%; }
        #base .lefttitle3 dt .htxt {
          font-size: 4vw;
          font-weight: normal;
          margin: 4.6667% 0; }
      #base .lefttitle3 .btnlink {
        display: none; }
      #base .lefttitle3 .btnlink2 {
        display: block;
        font-size: 4vw;
        width: 90%;
        margin: 0 auto 10.6667% auto; }
      #base .lefttitle3 dd {
        padding-bottom: 4.6667%;
        width: 100%; }
        #base .lefttitle3 dd dl.dlwidth1, #base .lefttitle3 dd dl.dlwidth2 {
          padding-bottom: 4.6667%;
          margin-bottom: 0;
          font-size: 4vw; }
          #base .lefttitle3 dd dl.dlwidth1 dt.firstchild, #base .lefttitle3 dd dl.dlwidth2 dt.firstchild {
            font-size: 4.6875vw;
            width: 100%; }
          #base .lefttitle3 dd dl.dlwidth1 dt, #base .lefttitle3 dd dl.dlwidth2 dt {
            width: 100%;
            font-size: 4vw; }
          #base .lefttitle3 dd dl.dlwidth1 dd, #base .lefttitle3 dd dl.dlwidth2 dd {
            width: 100%;
            margin-bottom: 4.6667%; }
        #base .lefttitle3 dd dl.dlwidth2 {
          padding-bottom: 4.6667%;
          font-size: 4vw; }
          #base .lefttitle3 dd dl.dlwidth2 dt {
            width: 100%;
            font-size: 4vw; }
          #base .lefttitle3 dd dl.dlwidth2 dd {
            width: 100%; }
    #base .lefttitle4 {
      margin-bottom: 16.6667%;
      font-size: 4vw; }
      #base .lefttitle4 dt {
        font-size: 4.6875vw;
        padding-bottom: 4.6667%; }
      #base .lefttitle4 dd {
        padding-bottom: 70px; }
        #base .lefttitle4 dd .price {
          text-align: center; }
          #base .lefttitle4 dd .price strong {
            font-size: 6.25vw; }
      #base .lefttitle4 .tbl1 {
        width: 200%; }
      #base .lefttitle4 .lastchild {
        text-align: left;
        font-size: 4vw; }
    #base .pcbox {
      display: none; }
    #base .spbox {
      display: block;
      margin-bottom: 16.6667%; }
    #base .parabox1 {
      margin-bottom: 16.6667%;
      margin-left: 0;
      font-size: 4vw; }
    #base .flowhidden {
      font-size: 4vw; }
      #base .flowhidden p {
        margin-bottom: 5.3333%; }
      #base .flowhidden ol {
        padding-left: 4%;
        font-size: 4.6875vw;
        font-weight: bold;
        margin-bottom: 10%;
        border-left: 1px dotted #000; }
      #base .flowhidden li {
        margin-bottom: 4%; }
      #base .flowhidden .dayflow {
        display: flex;
        flex-wrap: wrap; }
        #base .flowhidden .dayflow dt {
          width: 30%;
          font-size: 4vw;
          margin-bottom: 4.8%; }
        #base .flowhidden .dayflow dd {
          width: 70%;
          font-size: 4.6875vw;
          font-weight: bold;
          margin-bottom: 4.8%; }
    #base .para {
      font-size: 4.6875vw;
      font-weight: bold;
      margin-bottom: 4.8%; }
    #base .para2 {
      font-size: 4.6875vw;
      margin-bottom: 4.8%; }
    #base .para3 {
      font-size: 4vw; }
    #base .iconcheck {
      display: none; }
    #base .price {
      font-size: 4.6875vw; }
    #base .daynight {
      width: 100%; }
      #base .daynight dt {
        width: 30%;
        padding-bottom: 4.8%; }
      #base .daynight dd {
        width: 35%;
        padding-bottom: 4.8%; }
    #base .ocbox .experience, #base .ocbox .holidays, #base .ocbox .weekday_night, #base .ocbox .weekday_daytime, #base .ocbox .public_holiday, #base .ocbox .online, #base .ocbox .limited, #base .ocbox .kouni {
      font-size: 4vw;
      width: 15.625%;
      display: inline-block;
      padding: 2% 0;
      margin-bottom: 2%; }
    #base .ocbox .event-detail {
      padding: 3.3333%; }
    #base .ocbox .eventlistbtn {
      width: 100%;
      margin: 5.3333% 0;
      display: block; }
      #base .ocbox .eventlistbtn li {
        width: 90%;
        margin: 0 auto 5% auto; }
        #base .ocbox .eventlistbtn li .disenable {
          font-size: 4vw;
          padding: 3.3438% 0;
          width: 100%;
          margin: 0 auto 5% auto; }
      #base .ocbox .eventlistbtn li a {
        width: 98%; }
      #base .ocbox .eventlistbtn li:last-child a {
        font-size: 4vw;
        padding: 3.3438% 0;
        width: 100%;
        margin: 0 auto 5% auto; }
    #base .evaluation {
      font-size: 4vw;
      margin-bottom: 10%; }
      #base .evaluation p {
        margin-bottom: 1em; }
    #base .disc-list li {
      margin-bottom: 1.3333%; }
    #base .recruiterdownload dl dt {
      font-size: 4vw;
      width: 100%;
      padding-top: 0; }
    #base .recruiterdownload dl dd {
      vertical-align: middle;
      width: 100%; }
      #base .recruiterdownload dl dd .btnlink {
        margin-top: 0; }
    #base .parents li {
      width: 100%;
      font-size: 4vw;
      margin-bottom: 19.8413%; }
    #base .parents h3 {
      font-size: 4.6875vw; }
    #base .parents p {
      margin-bottom: 3.3492%; }
    #base .parents .caution {
      font-size: 4vw; }
    #base .parents .ctr {
      font-size: 4.6875vw; }
  /*// base //*/
  #faq .accordion-title {
    font-size: 5.4688vw;
    font-weight: bold;
    background: url(../images/common/icon_open.gif) no-repeat right center;
    background-size: 3.7333% auto;
    padding-right: 7.3333%;
    box-sizing: border-box;
    line-height: 1.2;
    display: flex; }
  #faq .accordion-title.open {
    background: url(../images/common/icon_close.gif) no-repeat right center;
    background-size: 3.7333% auto; }
  #faq .accordion-title em {
    background: url(../images/common/icon_q.gif) #13b676 no-repeat center center;
    background-size: 50% auto;
    width: 9.375%;
    height: auto;
    vertical-align: middle;
    margin-right: 2.3438%; }
  #faq .accordion-title span {
    width: 90%;
    vertical-align: middle; }
  #faq .accordion-content {
    font-size: 4.6875vw;
    display: none;
    background: url(../images/common/icon_a.gif) #eee no-repeat center 6.6667%;
    background-size: 10% auto;
    padding: 23.3333% 8.5938% 8.5938% 8.5938%; }
  #eventconsultation {
    margin-bottom: 26.6666%; }
  .eventlist .occat {
    background: url(../images/eventlist/topbg1.gif) no-repeat center 26.6667%;
    background-size: 69.3333% auto;
    padding-top: 0;
    padding-bottom: 9.3333%; }
    .eventlist .occat h2 {
      margin: 0 auto 20.6667% auto;
      text-align: center; }
      .eventlist .occat h2 span {
        display: none; }
      .eventlist .occat h2 img {
        display: inline;
        width: 36%; }
    .eventlist .occat p {
      padding-bottom: 1em;
      font-size: 4vw;
      line-height: 1.8; }
  .eventlist .ocpoint {
    background: url(../images/eventlist/topbg2_sp.gif) no-repeat center 40%;
    background-size: 100% auto;
    padding: 24% 0; }
    .eventlist .ocpoint .yellowtitle {
      font-size: 5.4688vw;
      padding: 0 10.6667%; }
    .eventlist .ocpoint .yellowtitle + p {
      font-size: 4.6875vw;
      margin-bottom: 13.3333%; }
    .eventlist .ocpoint ol {
      display: block; }
      .eventlist .ocpoint ol li {
        width: 100%;
        padding: 6% 6.6667%;
        margin-bottom: 14%; }
        .eventlist .ocpoint ol li strong {
          font-size: 4.6875vw; }
        .eventlist .ocpoint ol li .pointtitle {
          font-size: 4.6875vw; }
        .eventlist .ocpoint ol li p {
          font-size: 4vw; }
      .eventlist .ocpoint ol li:first-child {
        background: none; }
  .eventlist .qa {
    padding: 24% 0; }
    .eventlist .qa .yellowtitle {
      font-size: 5.4688vw;
      padding: 0 10.6667%; }
    .eventlist .qa .yellowtitle + p {
      font-size: 4.6875vw;
      margin-bottom: 13.3333%; }
    .eventlist .qa .accordion-title {
      font-size: 5.4688vw;
      font-weight: bold;
      background: url(../images/common/icon_open.gif) no-repeat right center;
      background-size: 3.7333% auto;
      padding-right: 7.3333%;
      box-sizing: border-box;
      line-height: 1.2;
      display: flex; }
    .eventlist .qa .accordion-title.open {
      background: url(../images/common/icon_close.gif) no-repeat right center;
      background-size: 3.7333% auto; }
    .eventlist .qa .accordion-title em {
      background: url(../images/common/icon_q.gif) #13b676 no-repeat center center;
      background-size: 50% auto;
      width: 9.375%;
      height: auto;
      vertical-align: middle;
      margin-right: 2.3438%; }
    .eventlist .qa .accordion-title span {
      width: 90%;
      vertical-align: middle; }
    .eventlist .qa .accordion-content {
      font-size: 4.6875vw;
      display: none;
      background: url(../images/common/icon_a.gif) #eee no-repeat center 16.6667%;
      background-size: 10% auto;
      padding: 23.3333% 8.5938% 8.5938% 8.5938%; }
  .scheduleglay {
    padding: 10.6667% 0; }
    .scheduleglay .inner {
      width: 93.3333%; }
    .scheduleglay .yellowtitle {
      font-size: 5.4688vw;
      padding: 0 10.6667%; }
    .scheduleglay .yellowtitle + p {
      font-size: 4.6875vw;
      margin-bottom: 13.3333%; }
    .scheduleglay ul {
      width: 93.3333%;
      display: block; }
    .scheduleglay li {
      width: 100%;
      font-size: 4vw;
      padding: 4.6667% 3.3333%;
      box-sizing: border-box;
      margin-bottom: 8.6667%; }
      .scheduleglay li a {
        display: flex; }
      .scheduleglay li .thum {
        position: static;
        width: 40%; }
        .scheduleglay li .thum img {
          width: 100%; }
      .scheduleglay li .thum + div, .scheduleglay #aboutschool .teachersul li .picbox .thum + h3, #aboutschool .teachersul .scheduleglay li .picbox .thum + h3 {
        width: 60%;
        padding-left: 3.3333%;
        box-sizing: border-box; }
      .scheduleglay li span {
        display: block;
        font-size: 2.6666vw;
        width: 40%;
        position: static;
        background: #000;
        box-sizing: border-box;
        margin-bottom: 1.3333%; }
      .scheduleglay li .title {
        padding-top: 0;
        padding-left: 0;
        padding-right: 0;
        font-size: 4vw; }
      .scheduleglay li .date {
        padding-left: 0;
        font-size: 2.6666vw;
        float: left; }
      .scheduleglay li .term {
        padding-left: 0;
        font-size: 2.6666vw; }
      .scheduleglay li .para {
        padding: 0;
        padding-left: 0;
        line-height: 1.2em; }
      .scheduleglay li .viewmore {
        display: none;
        padding-right: 0; }
    .scheduleglay .btnlink {
      width: 90%;
      margin: 0 auto; }
      .scheduleglay .btnlink a {
        width: 90%;
        font-size: 4.6875vw;
        padding: 4%; }
  /*// featureschool //*/
  #featureschool {
    margin-bottom: 26.6666%; }
    #featureschool .featurebox1 {
      margin-bottom: 16%;
      font-size: 2.6666vw; }
      #featureschool .featurebox1 h3 {
        margin-bottom: 8%;
        text-align: center;
        font-size: 4.6875vw; }
      #featureschool .featurebox1 .imgpc {
        display: none; }
      #featureschool .featurebox1 .textright {
        float: none;
        width: 100%; }
        #featureschool .featurebox1 .textright p {
          font-size: 4vw; }
      #featureschool .featurebox1 .imgsp {
        display: block;
        margin-bottom: 8%; }
    #featureschool .featurebox2 {
      margin-bottom: 16%;
      font-size: 2.6666vw; }
      #featureschool .featurebox2 h3 {
        margin-bottom: 8%;
        text-align: center;
        font-size: 4.6875vw; }
      #featureschool .featurebox2 .imgpc {
        display: none; }
      #featureschool .featurebox2 .textright {
        float: none;
        width: 100%;
        padding-left: 0; }
        #featureschool .featurebox2 .textright p {
          font-size: 15px; }
      #featureschool .featurebox2 .imgsp {
        margin: 8% 0;
        display: block; }
        #featureschool .featurebox2 .imgsp h4 {
          font-size: 15px;
          font-weight: bold;
          text-decoration: underline;
          margin-bottom: 8%; }
    #featureschool .featurebox3 {
      margin-bottom: 16%;
      font-size: 4.6875vw; }
      #featureschool .featurebox3 h3 {
        margin-bottom: 8%;
        font-weight: normal; }
      #featureschool .featurebox3 .imgpc {
        float: none;
        width: 100%;
        margin: 8% 0; }
      #featureschool .featurebox3 .textright {
        float: none;
        width: 100%; }
        #featureschool .featurebox3 .textright p {
          text-align: center; }
      #featureschool .featurebox3 .passrate .graph {
        margin-bottom: 9.3333%; }
      #featureschool .featurebox3 .passrate .largelet {
        font-size: 13.3333vw; }
    #featureschool .supportul {
      margin-bottom: 16%; }
      #featureschool .supportul li {
        padding-top: 34.6667%;
        margin-bottom: 21.3333%;
        padding-left: 0;
        font-size: 4vw; }
        #featureschool .supportul li .textleft {
          float: none;
          width: 100%; }
        #featureschool .supportul li .imgright {
          margin-top: 8%;
          float: none; }
        #featureschool .supportul li .imgsp {
          display: none; }
        #featureschool .supportul li .befaft {
          display: none; }
        #featureschool .supportul li h3 {
          font-size: 4.6875vw;
          font-weight: bold;
          margin-bottom: 4%;
          text-align: center; }
        #featureschool .supportul li .parabtn {
          margin-top: 4%;
          width: 100%; }
      #featureschool .supportul li:nth-child(1) {
        background: url(../images/feature-school/icon_before_sp.gif) no-repeat center top;
        background-size: 41.3333% auto; }
      #featureschool .supportul li:nth-child(2) {
        background: url(../images/feature-school/icon_practice_sp.gif) no-repeat center top;
        background-size: 41.3333% auto; }
        #featureschool .supportul li:nth-child(2) .imgsp {
          display: block;
          margin: 8% 0; }
        #featureschool .supportul li:nth-child(2) .imgright {
          display: none; }
      #featureschool .supportul li:nth-child(3) {
        background: url(../images/feature-school/icon_after_sp.gif) no-repeat center top;
        background-size: 41.3333% auto; }
    #featureschool .chkul {
      margin-bottom: 16%;
      font-size: 4vw; }
      #featureschool .chkul li {
        margin-bottom: 12%;
        padding-top: 16%; }
        #featureschool .chkul li h3 {
          font-size: 4.6875vw;
          margin-bottom: 9.3333%; }
        #featureschool .chkul li .caution {
          font-size: 2.6666vw; }
        #featureschool .chkul li .price {
          font-size: 4vw; }
          #featureschool .chkul li .price strong {
            font-size: 6.25vw; }
        #featureschool .chkul li .tbl1 {
          width: 200%; }
        #featureschool .chkul li .tbl1 td {
          font-size: 4vw;
          width: 20%; }
      #featureschool .chkul li:nth-child(1) {
        background: url(../images/feature-school/icon_check1.gif) no-repeat center top;
        background-size: 32% auto; }
      #featureschool .chkul li:nth-child(2) {
        background: url(../images/feature-school/icon_check2.gif) no-repeat center top;
        background-size: 32% auto; }
      #featureschool .chkul li:nth-child(3) {
        background: url(../images/feature-school/icon_check3.gif) no-repeat center top;
        background-size: 32% auto; }
      #featureschool .chkul li:nth-child(4) {
        background: url(../images/feature-school/icon_check4.gif) no-repeat center top;
        background-size: 32% auto; }
    #featureschool .lasttext {
      font-size: 4.6875vw;
      letter-spacing: 0; }
    #featureschool .lastbtn {
      font-size: 4vw;
      width: 100%;
      margin: 9.3333% auto 0 auto; }
    #featureschool .tuto {
      margin-bottom: 8.6667%; }
      #featureschool .tuto h3 {
        font-size: 4.6875vw;
        margin-bottom: 5.3333%; }
      #featureschool .tuto p {
        font-size: 4vw;
        text-align: left; }
    #featureschool .step {
      margin-bottom: 16%; }
      #featureschool .step .imgsp {
        display: block;
        margin: 6% 0; }
      #featureschool .step .imgpc {
        display: none; }
      #featureschool .step li {
        padding-top: 20%;
        margin-bottom: 11.3333%;
        font-size: 4vw; }
        #featureschool .step li h3 {
          font-size: 4.6875vw;
          margin-bottom: 0;
          text-align: center; }
        #featureschool .step li p {
          margin-bottom: 6%; }
      #featureschool .step li:nth-child(1) {
        background: url(../images/feature-school/icon_step1.gif) no-repeat center top;
        background-size: 10.1333% auto; }
      #featureschool .step li:nth-child(2) {
        background: url(../images/feature-school/icon_step2.gif) no-repeat center top;
        background-size: 10.1333% auto; }
      #featureschool .step li:nth-child(3) {
        background: url(../images/feature-school/icon_step3.gif) no-repeat center top;
        background-size: 10.1333% auto; }
      #featureschool .step li:nth-child(4) {
        background: url(../images/feature-school/icon_step4.gif) no-repeat center top;
        background-size: 10.1333% auto; }
      #featureschool .step li:nth-child(5) {
        background: url(../images/feature-school/icon_step5.gif) no-repeat center top;
        background-size: 10.1333% auto; }
      #featureschool .step li:nth-child(6) {
        background: url(../images/feature-school/icon_step6.gif) no-repeat center top;
        background-size: 10.1333% auto; }
      #featureschool .step li:nth-child(7) {
        background: url(../images/feature-school/icon_step7.gif) no-repeat center top;
        background-size: 10.1333% auto; }
      #featureschool .step li:nth-child(1) .textright, #featureschool .step li:nth-child(3) .textright, #featureschool .step li:nth-child(5) .textright, #featureschool .step li:nth-child(7) .textright {
        float: none;
        padding-top: 0;
        width: 100%; }
      #featureschool .step li:nth-child(1) .imgpc, #featureschool .step li:nth-child(3) .imgpc, #featureschool .step li:nth-child(5) .imgpc, #featureschool .step li:nth-child(7) .imgpc {
        float: none; }
      #featureschool .step li:nth-child(2) .textright, #featureschool .step li:nth-child(4) .textright, #featureschool .step li:nth-child(6) .textright {
        float: none;
        padding-left: 0;
        padding-top: 0; }
      #featureschool .step li:nth-child(2) .imgpc, #featureschool .step li:nth-child(4) .imgpc, #featureschool .step li:nth-child(6) .imgpc {
        float: none; }
    #featureschool .supstepul {
      margin-bottom: 16%; }
      #featureschool .supstepul .imgsp {
        display: block;
        margin: 6% 0; }
      #featureschool .supstepul .imgpc {
        display: none; }
      #featureschool .supstepul li {
        padding-top: 20%;
        margin-bottom: 11.3333%;
        font-size: 4vw; }
        #featureschool .supstepul li h3 {
          font-size: 4.6875vw;
          margin-bottom: 0;
          text-align: center; }
      #featureschool .supstepul li:nth-child(1) {
        background: url(../images/feature-school/icon_support1.gif) no-repeat center top;
        background-size: 10.1333% auto; }
      #featureschool .supstepul li:nth-child(2) {
        background: url(../images/feature-school/icon_support2.gif) no-repeat center top;
        background-size: 10.1333% auto; }
      #featureschool .supstepul li:nth-child(3) {
        background: url(../images/feature-school/icon_support3.gif) no-repeat center top;
        background-size: 10.1333% auto; }
      #featureschool .supstepul li:nth-child(4) {
        background: url(../images/feature-school/icon_support4.gif) no-repeat center top;
        background-size: 10.1333% auto; }
      #featureschool .supstepul li:nth-child(1) .textright, #featureschool .supstepul li:nth-child(3) .textright {
        float: none;
        padding-top: 0;
        width: 100%; }
      #featureschool .supstepul li:nth-child(1) .imgpc, #featureschool .supstepul li:nth-child(3) .imgpc {
        float: none; }
      #featureschool .supstepul li:nth-child(2) .textright, #featureschool .supstepul li:nth-child(4) .textright {
        float: none;
        padding-left: 0;
        padding-top: 0; }
      #featureschool .supstepul li:nth-child(2) .imgpc, #featureschool .supstepul li:nth-child(4) .imgpc {
        float: none; }
    #featureschool .pointol {
      font-size: 4vw; }
      #featureschool .pointol li {
        padding-top: 21.3333%;
        padding-bottom: 23.4375%; }
        #featureschool .pointol li p {
          text-align: left; }
      #featureschool .pointol li:nth-child(1) {
        background: url(../images/common/point1_pc.gif) no-repeat center top;
        background-size: 14.0625% auto; }
      #featureschool .pointol li:nth-child(2) {
        background: url(../images/common/point2_pc.gif) no-repeat center top;
        background-size: 14.0625% auto; }
      #featureschool .pointol li:nth-child(3) {
        background: url(../images/common/point3_pc.gif) no-repeat center top;
        background-size: 14.0625% auto; }
      #featureschool .pointol h3 {
        font-size: 4.6875vw;
        margin-bottom: 5.3333%; }
    #featureschool .challengesup {
      margin-bottom: 0;
      font-size: 4vw; }
      #featureschool .challengesup h3 {
        font-size: 4.6875vw;
        margin-bottom: 5.3333%; }
      #featureschool .challengesup p {
        text-align: left; }
    #featureschool .lfbox {
      margin-bottom: 0;
      font-size: 4vw; }
      #featureschool .lfbox .greenlabel {
        margin-bottom: 8%; }
        #featureschool .lfbox .greenlabel dt {
          letter-spacing: .05em; }
      #featureschool .lfbox h3 {
        font-size: 4.6875vw; }
      #featureschool .lfbox .imgpic {
        margin: 5.3333% 0; }
      #featureschool .lfbox .imgpc {
        display: none; }
      #featureschool .lfbox .imgsp {
        display: block;
        margin: 7.3333% 0 18.6667% 0; }
      #featureschool .lfbox .boxleft {
        width: 100%;
        float: none;
        margin-bottom: 25.3333%; }
      #featureschool .lfbox .boxright {
        width: 100%;
        float: none; }
      #featureschool .lfbox dt {
        font-weight: bold;
        margin-bottom: 8%; }
      #featureschool .lfbox .btnlink {
        width: 100%; }
    #featureschool .diffbox {
      margin-bottom: 16%;
      font-size: 4vw; }
      #featureschool .diffbox h3 {
        font-size: 4.6875vw;
        margin-bottom: 3.3333%;
        font-weight: bold;
        text-align: center; }
      #featureschool .diffbox .imgpc {
        display: none; }
      #featureschool .diffbox .textleft {
        float: none;
        width: 100%;
        padding-left: 0; }
        #featureschool .diffbox .textleft p {
          font-size: 4vw; }
      #featureschool .diffbox .imgsp {
        display: block; }
    #featureschool .paisenbox {
      margin-bottom: 16%;
      font-size: 4.6875vw; }
      #featureschool .paisenbox .inner {
        margin-bottom: 0; }
      #featureschool .paisenbox h3 {
        margin-bottom: 5.3333%;
        text-align: center; }
      #featureschool .paisenbox .imgpc {
        display: none; }
      #featureschool .paisenbox .textright {
        float: none;
        width: 100%; }
        #featureschool .paisenbox .textright p {
          font-size: 4vw;
          margin-bottom: 5.3333%; }
      #featureschool .paisenbox .imgsp {
        display: block;
        margin-bottom: 6.6667%; }
      #featureschool .paisenbox .btnlink {
        width: 100%;
        font-size: 4vw; }
    #featureschool .recruitlist {
      font-size: 4vw; }
      #featureschool .recruitlist p {
        text-align: center; }
      #featureschool .recruitlist ul {
        margin-bottom: 8.6667%; }
      #featureschool .recruitlist li {
        width: 100%; }
  /*// featureschool //*/
  /*// aboutschool //*/
  #aboutschool {
    margin-bottom: 26.6666%; }
    #aboutschool .rinen {
      margin-bottom: 18%; }
    #aboutschool .rinenul h2 {
      width: 100%;
      text-align: left;
      float: none;
      font-size: 6.25vw;
      font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
      margin-bottom: 10.6667%; }
    #aboutschool .rinenul h2 img {
      display: none; }
    #aboutschool .rinenul h2 span {
      display: block; }
    #aboutschool .rinenul li {
      margin-bottom: 19.3333%;
      font-size: 4vw; }
    #aboutschool .rinenul .message {
      float: none;
      width: 100%; }
    #aboutschool .rinenul h3 {
      font-size: 4.6875vw;
      margin-bottom: 5.3333%; }
    #aboutschool .rinenul p {
      margin-bottom: 5.3333%; }
    #aboutschool .rinenul .btnlink {
      font-size: 4.6875vw;
      width: 100%;
      margin-bottom: 5.3333%; }
    #aboutschool .teacher {
      font-size: 6.25vw;
      margin-bottom: 8.6667%;
      letter-spacing: .1em; }
      #aboutschool .teacher strong:after {
        width: 60%;
        height: 3px; }
      #aboutschool .teacher strong:after {
        height: 2px; }
    #aboutschool .teachersul {
      display: block;
      margin-bottom: 25.3333%; }
      #aboutschool .teachersul li {
        width: 100%;
        font-size: 4vw;
        margin-bottom: 5.3333%; }
        #aboutschool .teachersul li .picbox {
          margin-bottom: 7.3333%; }
          #aboutschool .teachersul li .picbox div, #aboutschool .teachersul li .picbox h3 {
            width: 40%; }
          #aboutschool .teachersul li .picbox h3 {
            font-size: 4.6875vw;
            padding-left: 10.6667%;
            line-height: 1.2; }
            #aboutschool .teachersul li .picbox h3 span {
              font-size: 4vw; }
        #aboutschool .teachersul li img {
          width: 100%;
          height: auto; }
        #aboutschool .teachersul li dt {
          font-weight: bold;
          width: 6em;
          float: left; }
        #aboutschool .teachersul li dd {
          margin-left: 6em; }
    #aboutschool .policy {
      background: none; }
      #aboutschool .policy h2 {
        display: block;
        font-size: 6.25vw;
        font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif; }
        #aboutschool .policy h2 span {
          display: block;
          font-size: 4vw;
          margin-bottom: 6.6667%; }
      #aboutschool .policy h3 {
        font-size: 5.4688vw;
        margin-top: 0;
        padding-bottom: 10%;
        padding-left: 0; }
      #aboutschool .policy p {
        font-size: 4vw;
        font-weight: normal;
        margin-bottom: 6%;
        padding-left: 0; }
    #aboutschool .facility .head {
      background: none;
      height: auto;
      border-bottom: 1px solid #000;
      margin-bottom: 8.6667%; }
      #aboutschool .facility .head h2 {
        display: block;
        font-size: 6.25vw;
        font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif; }
        #aboutschool .facility .head h2 span {
          display: block;
          font-size: 4vw;
          margin-bottom: 6.6667%; }
      #aboutschool .facility .head h3 {
        font-size: 5.4688vw;
        margin-top: 0;
        padding-top: 10%;
        padding-bottom: 10%;
        padding-left: 0;
        letter-spacing: -0.03em; }
      #aboutschool .facility .head p {
        font-size: 4vw;
        font-weight: normal;
        margin-bottom: 6%;
        padding-left: 0; }
    #aboutschool .facility ul {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between; }
    #aboutschool .facility li {
      width: 100%;
      margin-bottom: 11.3333%;
      font-size: 4vw; }
      #aboutschool .facility li h4 {
        font-size: 4.6875vw;
        margin-top: 3.3333%;
        margin-bottom: 2.6667%; }
    #aboutschool .history {
      background: none; }
      #aboutschool .history .historyimg {
        display: none; }
      #aboutschool .history h2 {
        display: block;
        font-size: 6.25vw;
        font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif; }
        #aboutschool .history h2 span {
          display: block;
          font-size: 4vw;
          margin-bottom: 15.3333%; }
      #aboutschool .history h3 {
        font-size: 4.6875vw;
        margin-left: 0; }
      #aboutschool .history p {
        font-size: 4vw;
        margin-left: 0; }
      #aboutschool .history dl {
        margin-top: 10.6667%;
        margin-left: 0;
        width: 100%; }
      #aboutschool .history dt {
        width: 4em;
        font-size: 4.6875vw; }
        #aboutschool .history dt span {
          display: block;
          padding-left: 0;
          font-size: 2.6666vw; }
      #aboutschool .history dd {
        margin-left: 5.5em;
        font-size: 4vw;
        margin-bottom: 8.6667%; }
        #aboutschool .history dd h4 {
          font-size: 4.6875vw;
          margin-bottom: 0; }
    #aboutschool .access .accessinner {
      width: 85.3333%; }
    #aboutschool .access .minchotitle {
      font-size: 6.25vw;
      letter-spacing: .5em;
      margin-bottom: 4.6667%; }
    #aboutschool .access .minchotitle + p {
      font-size: 2.6666vw;
      margin-bottom: 50px; }
    #aboutschool .access .mapbox {
      margin-bottom: 13.3333%;
      padding-top: 8.6667%;
      font-size: 4vw; }
      #aboutschool .access .mapbox .accessinner {
        width: 100%; }
      #aboutschool .access .mapbox p {
        display: none; }
      #aboutschool .access .mapbox .btnlink {
        float: none;
        width: 66.6667%;
        margin: 10% auto 0 auto; }
        #aboutschool .access .mapbox .btnlink a {
          font-size: 4.6875vw;
          padding: 3.6%; }
    #aboutschool .access .fromstation {
      margin-bottom: 13.3333%;
      font-size: 2.6666vw; }
      #aboutschool .access .fromstation .mincho {
        font-size: 4.6875vw;
        letter-spacing: .5em;
        margin-bottom: 4.6667%;
        text-align: center; }
    #aboutschool .access .fromkanto {
      margin-bottom: 13.3333%; }
      #aboutschool .access .fromkanto .mincho {
        font-size: 4.6875vw;
        letter-spacing: .5em;
        margin-bottom: 4.6667%;
        text-align: center; }
      #aboutschool .access .fromkanto div, #aboutschool .access .fromkanto .teachersul li .picbox h3, #aboutschool .teachersul li .picbox .access .fromkanto h3 {
        width: 100%; }
    #aboutschool .access .yellowtitle {
      font-size: 5.4688vw;
      padding: 0 10.6667%; }
    #aboutschool .access .yellowtitle + p {
      font-size: 4.6875vw;
      margin-bottom: 13.3333%; }
  /*// aboutschool //*/
  /*// sagyo //*/
  #sagyo {
    margin-bottom: 26.6666%; }
    #sagyo .department {
      margin-bottom: 31.25%;
      font-size: 4.6875vw; }
      #sagyo .department .btnright {
        float: none;
        width: auto;
        text-align: center;
        margin: 10.9375% auto;
        font-size: 4.6875vw; }
      #sagyo .department .dep1, #sagyo .department .dep2 {
        width: 100%;
        float: none; }
      #sagyo .department .dep2 {
        width: 100%;
        float: none; }
      #sagyo .department .dep1 dt, #sagyo .department .dep2 dt, #sagyo .department .dep2 dt {
        font-size: 5.4688vw;
        border: none;
        padding: 0; }
      #sagyo .department .dep1 dd, #sagyo .department .dep2 dd, #sagyo .department .dep2 dd {
        padding: 0;
        margin-bottom: 10.9375%; }
      #sagyo .department .dep3, #sagyo .department .dep6 {
        border: none;
        padding: 0;
        display: block;
        text-align: center; }
        #sagyo .department .dep3 dt, #sagyo .department .dep6 dt {
          display: block;
          width: 100%;
          font-size: 5.4688vw; }
        #sagyo .department .dep3 dd, #sagyo .department .dep6 dd {
          display: block; }
          #sagyo .department .dep3 dd dl:first-child, #sagyo .department .dep6 dd dl:first-child {
            float: none; }
          #sagyo .department .dep3 dd dl:first-child, #sagyo .department .dep6 dd dl:first-child {
            padding-bottom: 0; }
          #sagyo .department .dep3 dd dl dt, #sagyo .department .dep6 dd dl dt {
            text-decoration: underline;
            width: 100%;
            float: none;
            font-size: 4.6875vw; }
          #sagyo .department .dep3 dd dl dd, #sagyo .department .dep6 dd dl dd {
            margin-left: 0;
            font-weight: normal; }
          #sagyo .department .dep3 dd dl dt:first-child, #sagyo .department .dep6 dd dl dt:first-child, #sagyo .department .dep3 dd dl dt:first-child + dd, #sagyo .department .dep6 dd dl dt:first-child + dd {
            padding-bottom: 0;
            font-weight: normal; }
      #sagyo .department .dep4, #sagyo .department .dep7 {
        border-bottom: none;
        padding: 0;
        display: block;
        text-align: center; }
        #sagyo .department .dep4 dt, #sagyo .department .dep7 dt {
          display: block;
          width: 100%;
          font-size: 5.4688vw; }
        #sagyo .department .dep4 dd, #sagyo .department .dep7 dd {
          display: block; }
          #sagyo .department .dep4 dd dl, #sagyo .department .dep7 dd dl {
            float: none; }
            #sagyo .department .dep4 dd dl dt, #sagyo .department .dep7 dd dl dt {
              text-decoration: underline;
              width: 100%;
              float: none;
              font-size: 4.6875vw; }
            #sagyo .department .dep4 dd dl dd, #sagyo .department .dep7 dd dl dd {
              margin-left: 0;
              font-weight: normal; }
            #sagyo .department .dep4 dd dl dt:first-child, #sagyo .department .dep7 dd dl dt:first-child, #sagyo .department .dep4 dd dl dt:first-child + dd, #sagyo .department .dep7 dd dl dt:first-child + dd {
              padding-bottom: 0;
              font-weight: normal; }
      #sagyo .department .dep5 {
        border-top: none;
        width: 100%;
        padding: 0;
        display: block;
        margin-bottom: 13.3333%; }
        #sagyo .department .dep5 dt {
          display: block;
          width: 100%;
          font-size: 5.4688vw;
          text-align: center; }
          #sagyo .department .dep5 dt span {
            font-size: 4.6875vw;
            font-weight: normal; }
        #sagyo .department .dep5 dd {
          display: block; }
          #sagyo .department .dep5 dd p {
            float: none;
            width: 100%;
            padding-top: 5.3333%; }
          #sagyo .department .dep5 dd .teacherimg {
            float: none;
            margin-top: 10%; }
      #sagyo .department .dep6 {
        margin-bottom: 13.3333%; }
        #sagyo .department .dep6 dt {
          width: 100%; }
      #sagyo .department .dep7 dt {
        width: 100%; }
      #sagyo .department .dep7 dd {
        text-align: left; }
        #sagyo .department .dep7 dd p {
          float: none; }
    #sagyo .pol {
      font-size: 4.6875vw;
      margin-bottom: 10%; }
      #sagyo .pol li:first-child {
        padding-top: 0; }
      #sagyo .pol li {
        border: none;
        padding: 11.7188% 0; }
        #sagyo .pol li .textbox {
          float: none; }
        #sagyo .pol li .pointrightpara {
          width: 100%;
          float: none; }
        #sagyo .pol li .pointrightimg {
          float: none;
          margin-bottom: 0; }
        #sagyo .pol li .parabtn {
          padding: 0 0 11.7188% 0;
          width: 100%;
          margin: 0; }
        #sagyo .pol li .parabtn2 {
          padding: 0 0 11.7188% 0;
          width: 100%;
          margin: 0; }
        #sagyo .pol li p {
          padding-bottom: 9.3333%; }
      #sagyo .pol h3 {
        font-size: 5.4688vw;
        padding-top: 0;
        padding-bottom: 9.3333%;
        text-align: center; }
      #sagyo .pol li:nth-child(1) {
        background: url(../images/common/point1_pc.gif) no-repeat center top;
        background-size: 10.6667% auto;
        padding-top: 19.3333%; }
        #sagyo .pol li:nth-child(1) dt {
          float: none;
          width: 250px;
          padding: 10px 0; }
        #sagyo .pol li:nth-child(1) dd {
          margin-left: 0;
          padding: 10px 0; }
      #sagyo .pol li:nth-child(2) {
        background: url(../images/common/point2_pc.gif) no-repeat center top;
        background-size: 10.6667% auto;
        padding-top: 19.3333%;
        padding-left: 0; }
        #sagyo .pol li:nth-child(2) .imgbox {
          float: none; }
      #sagyo .pol li:nth-child(3) {
        background: url(../images/common/point3_pc.gif) no-repeat center top;
        background-size: 10.6667% auto;
        padding-top: 19.3333%; }
        #sagyo .pol li:nth-child(3) h3 {
          padding-top: 0; }
        #sagyo .pol li:nth-child(3) div, #sagyo .pol #aboutschool .teachersul li:nth-child(3) .picbox h3, #aboutschool .teachersul #sagyo .pol li:nth-child(3) .picbox h3 {
          float: none;
          margin-right: 0;
          margin-bottom: 0; }
        #sagyo .pol li:nth-child(3) p:last-child {
          width: 100%;
          margin-left: auto;
          margin-top: 0; }
      #sagyo .pol li:nth-child(4) {
        background: url(../images/common/point4_pc.gif) no-repeat center top;
        background-size: 10.6667% auto;
        padding-top: 19.3333%;
        padding-left: 0; }
        #sagyo .pol li:nth-child(4) .imgbox {
          float: none; }
      #sagyo .pol li:nth-child(5) {
        background: url(../images/common/point5_pc.gif) no-repeat center top;
        background-size: 10.6667% auto;
        padding-top: 19.3333%; }
        #sagyo .pol li:nth-child(5) div, #sagyo .pol #aboutschool .teachersul li:nth-child(5) .picbox h3, #aboutschool .teachersul #sagyo .pol li:nth-child(5) .picbox h3 {
          float: none;
          margin-right: 0;
          margin-bottom: 0; }
        #sagyo .pol li:nth-child(5) p:last-child {
          width: 100%;
          margin-left: auto;
          margin-top: 0; }
      #sagyo .pol li:nth-child(6) {
        background: url(../images/common/point6_pc.gif) no-repeat center top;
        background-size: 10.6667% auto;
        padding-top: 19.3333%;
        padding-left: 0; }
        #sagyo .pol li:nth-child(6) .imgbox {
          float: none; }
    #sagyo .sol {
      font-size: 4.6875vw;
      text-align: left; }
      #sagyo .sol li {
        padding-top: 0;
        padding-bottom: 23.4375%;
        padding-left: 23.4375%; }
      #sagyo .sol li:nth-child(1) {
        background: url(../images/common/annual1.gif) no-repeat left top;
        background-size: 14.0625% auto; }
      #sagyo .sol li:nth-child(2) {
        background: url(../images/common/annual2.gif) no-repeat left top;
        background-size: 14.0625% auto; }
      #sagyo .sol li:nth-child(3) {
        background: url(../images/common/annual3.gif) no-repeat left top;
        background-size: 14.0625% auto; }
      #sagyo .sol li:nth-child(4) {
        background: url(../images/common/annual4.gif) no-repeat left top;
        background-size: 14.0625% auto; }
      #sagyo .sol h3 {
        font-size: 5.4688vw; }
    #sagyo .scholarbox {
      font-size: 4.6875vw; }
      #sagyo .scholarbox h2 {
        font-size: 5.4688vw;
        margin-bottom: 10.9375%; }
    #sagyo .chk {
      border-bottom: none;
      margin-bottom: 20%; }
      #sagyo .chk ol {
        width: 100%;
        padding-bottom: 0; }
      #sagyo .chk li {
        float: none;
        width: 100%;
        background: url(../images/common/check1_pc.gif) no-repeat center top;
        background-size: 25.3333% auto;
        margin-bottom: 9.3333%; }
        #sagyo .chk li h3 {
          font-size: 5.4688vw;
          margin-left: 0;
          padding: 16% 0 9.3333% 0;
          text-align: center; }
        #sagyo .chk li p {
          font-size: 4.6875vw;
          margin-left: 0;
          padding-bottom: 9.3333%; }
        #sagyo .chk li .spimg {
          display: block; }
        #sagyo .chk li .chkimg {
          display: none; }
      #sagyo .chk li:last-child {
        float: none;
        background: url(../images/common/check2_pc.gif) no-repeat center top;
        background-size: 25.3333% auto; }
    #sagyo .studentsbox {
      margin-bottom: 16%;
      text-align: left;
      font-size: 4.6875vw; }
      #sagyo .studentsbox p {
        margin-bottom: 10%; }
    #sagyo .dayschdulebox {
      margin-bottom: 16%;
      text-align: center;
      font-size: 4.6875vw; }
      #sagyo .dayschdulebox p:first-child {
        text-align: left; }
      #sagyo .dayschdulebox p {
        margin-bottom: 10%; }
    #sagyo .fornightbox {
      margin-bottom: 16%;
      text-align: left;
      font-size: 4.6875vw; }
      #sagyo .fornightbox h3 {
        font-size: 4.6875vw;
        margin-bottom: 5.3333; }
      #sagyo .fornightbox p {
        margin-bottom: 10%; }
      #sagyo .fornightbox div, #sagyo .fornightbox #aboutschool .teachersul li .picbox h3, #aboutschool .teachersul li .picbox #sagyo .fornightbox h3, #sagyo .fornightbox .btnlink {
        width: 100%;
        font-size: 4.6875vw; }
    #sagyo .shienbox {
      margin-bottom: 16%;
      text-align: center;
      font-size: 4.6875vw; }
      #sagyo .shienbox p {
        margin-bottom: 10%;
        padding-bottom: 0; }
      #sagyo .shienbox div, #sagyo .shienbox #aboutschool .teachersul li .picbox h3, #aboutschool .teachersul li .picbox #sagyo .shienbox h3 {
        width: 100%;
        font-size: 4.6875vw; }
    #sagyo .paisenbox {
      margin-bottom: 16%;
      font-size: 2.6666vw; }
      #sagyo .paisenbox .inner {
        margin-bottom: 10%; }
      #sagyo .paisenbox h3 {
        margin-bottom: 8%;
        text-align: center;
        font-size: 4.6875vw; }
      #sagyo .paisenbox .imgpc {
        display: none; }
      #sagyo .paisenbox .textright {
        float: none;
        width: 100%; }
        #sagyo .paisenbox .textright p {
          font-size: 4.6875vw; }
      #sagyo .paisenbox .btnlink, #sagyo .paisenbox .btnlink2 {
        width: 100%;
        font-size: 4.6875vw; }
      #sagyo .paisenbox .imgsp {
        display: block;
        margin-bottom: 8%; }
    #sagyo .aboutworkbox {
      margin-bottom: 16%;
      font-size: 4.6875vw; }
      #sagyo .aboutworkbox h3 {
        margin-bottom: 8%;
        text-align: center;
        font-size: 4.6875vw; }
      #sagyo .aboutworkbox .imgpc {
        display: none;
        width: 100%; }
      #sagyo .aboutworkbox .textleft {
        float: none;
        width: 100%;
        padding-left: 0; }
        #sagyo .aboutworkbox .textleft p {
          font-size: 4.6875vw; }
      #sagyo .aboutworkbox .imgsp {
        display: block; }
      #sagyo .aboutworkbox .btnlink {
        width: 100%;
        font-size: 4.6875vw; }
    #sagyo .illust2 img {
      width: 50%; }
    #sagyo .tohaul {
      display: block;
      font-size: 4vw;
      margin-bottom: 18%; }
      #sagyo .tohaul h3 {
        font-size: 4.6875vw;
        color: #15b676; }
      #sagyo .tohaul h4 {
        font-size: 4.6875vw; }
      #sagyo .tohaul li {
        width: 100%; }
        #sagyo .tohaul li img {
          width: 50%; }
        #sagyo .tohaul li ul {
          display: block; }
          #sagyo .tohaul li ul li {
            width: 100%;
            margin-bottom: 10%; }
    #sagyo .tohaul2 {
      display: block;
      font-size: 4vw;
      margin-bottom: 18%; }
      #sagyo .tohaul2 h4 {
        font-size: 4.6875vw; }
      #sagyo .tohaul2 li {
        width: 100%;
        margin-bottom: 10%; }
        #sagyo .tohaul2 li img {
          width: 50%; }
    #sagyo .tohaul3 {
      font-size: 4vw;
      margin-bottom: 18%; }
      #sagyo .tohaul3 li:first-child {
        font-size: 4.6875vw;
        color: #15b676; }
      #sagyo .tohaul3 li:last-child {
        font-size: 4vw; }
    #sagyo .pointh3 {
      font-size: 5.4688vw;
      padding-bottom: 9.3333%; }
    #sagyo .pointh3 + p {
      padding-bottom: 10%;
      font-size: 4.6875vw;
      text-align: left; }
    #sagyo .addpoint {
      margin-top: 50px; }
      #sagyo .addpoint li:nth-child(1), #sagyo .addpoint li:nth-child(2), #sagyo .addpoint li:nth-child(3), #sagyo .addpoint li:nth-child(4) {
        width: 100%;
        padding: 0;
        margin-bottom: 12%; }
        #sagyo .addpoint li:nth-child(1) h4, #sagyo .addpoint li:nth-child(2) h4, #sagyo .addpoint li:nth-child(3) h4, #sagyo .addpoint li:nth-child(4) h4 {
          text-align: left;
          font-size: 5.4688vw;
          margin-top: 0; }
        #sagyo .addpoint li:nth-child(1) p, #sagyo .addpoint li:nth-child(2) p, #sagyo .addpoint li:nth-child(3) p, #sagyo .addpoint li:nth-child(4) p {
          padding-bottom: 0; }
        #sagyo .addpoint li:nth-child(1) .imgpc, #sagyo .addpoint li:nth-child(2) .imgpc, #sagyo .addpoint li:nth-child(3) .imgpc, #sagyo .addpoint li:nth-child(4) .imgpc {
          display: none; }
        #sagyo .addpoint li:nth-child(1) .imgsp, #sagyo .addpoint li:nth-child(2) .imgsp, #sagyo .addpoint li:nth-child(3) .imgsp, #sagyo .addpoint li:nth-child(4) .imgsp {
          display: block; }
  /*// sagyo //*/
  #rigaku {
    margin-bottom: 26.6666%; }
    #rigaku .department {
      margin-bottom: 31.25%;
      font-size: 4.6875vw; }
      #rigaku .department .btnright {
        float: none;
        width: auto;
        text-align: center;
        margin: 10.9375% auto;
        font-size: 4.6875vw; }
      #rigaku .department .dep1, #rigaku .department .dep2 {
        width: 100%;
        float: none; }
      #rigaku .department .dep2 {
        width: 100%;
        float: none; }
      #rigaku .department .dep1 dt, #rigaku .department .dep2 dt, #rigaku .department .dep2 dt {
        font-size: 5.4688vw;
        border: none;
        padding: 0; }
      #rigaku .department .dep1 dd, #rigaku .department .dep2 dd, #rigaku .department .dep2 dd {
        padding: 0;
        margin-bottom: 10.9375%; }
      #rigaku .department .dep3, #rigaku .department .dep6 {
        border: none;
        padding: 0;
        display: block;
        text-align: center; }
        #rigaku .department .dep3 dt, #rigaku .department .dep6 dt {
          display: block;
          width: 100%;
          font-size: 5.4688vw; }
        #rigaku .department .dep3 dd, #rigaku .department .dep6 dd {
          display: block; }
          #rigaku .department .dep3 dd dl:first-child, #rigaku .department .dep6 dd dl:first-child {
            float: none; }
          #rigaku .department .dep3 dd dl:first-child, #rigaku .department .dep6 dd dl:first-child {
            padding-bottom: 0; }
          #rigaku .department .dep3 dd dl dt, #rigaku .department .dep6 dd dl dt {
            text-decoration: underline;
            width: 100%;
            float: none;
            font-size: 4.6875vw; }
          #rigaku .department .dep3 dd dl dd, #rigaku .department .dep6 dd dl dd {
            margin-left: 0;
            font-weight: normal; }
          #rigaku .department .dep3 dd dl dt:first-child, #rigaku .department .dep6 dd dl dt:first-child, #rigaku .department .dep3 dd dl dt:first-child + dd, #rigaku .department .dep6 dd dl dt:first-child + dd {
            padding-bottom: 0;
            font-weight: normal; }
      #rigaku .department .dep4, #rigaku #sagyo .department .dep7, #sagyo #rigaku .department .dep7 {
        border-bottom: none;
        padding: 0;
        display: block;
        text-align: center; }
        #rigaku .department .dep4 dt, #rigaku #sagyo .department .dep7 dt, #sagyo #rigaku .department .dep7 dt {
          display: block;
          width: 100%;
          font-size: 5.4688vw; }
        #rigaku .department .dep4 dd, #rigaku #sagyo .department .dep7 dd, #sagyo #rigaku .department .dep7 dd {
          display: block; }
          #rigaku .department .dep4 dd dl, #rigaku #sagyo .department .dep7 dd dl, #sagyo #rigaku .department .dep7 dd dl {
            float: none; }
            #rigaku .department .dep4 dd dl dt, #rigaku #sagyo .department .dep7 dd dl dt, #sagyo #rigaku .department .dep7 dd dl dt {
              text-decoration: underline;
              width: 100%;
              float: none;
              font-size: 4.6875vw; }
            #rigaku .department .dep4 dd dl dd, #rigaku #sagyo .department .dep7 dd dl dd, #sagyo #rigaku .department .dep7 dd dl dd {
              margin-left: 0;
              font-weight: normal; }
            #rigaku .department .dep4 dd dl dt:first-child, #rigaku #sagyo .department .dep7 dd dl dt:first-child, #sagyo #rigaku .department .dep7 dd dl dt:first-child, #rigaku .department .dep4 dd dl dt:first-child + dd, #rigaku #sagyo .department .dep7 dd dl dt:first-child + dd, #sagyo #rigaku .department .dep7 dd dl dt:first-child + dd {
              padding-bottom: 0;
              font-weight: normal; }
      #rigaku .department .dep5 {
        border-top: none;
        width: 100%;
        padding: 0;
        display: block;
        margin-bottom: 13.3333%; }
        #rigaku .department .dep5 dt {
          display: block;
          width: 100%;
          font-size: 5.4688vw;
          text-align: center; }
          #rigaku .department .dep5 dt span {
            font-size: 4.6875vw;
            font-weight: normal; }
        #rigaku .department .dep5 dd {
          display: block; }
          #rigaku .department .dep5 dd p {
            float: none;
            width: 100%;
            padding-top: 5.3333%; }
          #rigaku .department .dep5 dd .teacherimg {
            float: none;
            margin-top: 10%; }
      #rigaku .department .dep6 {
        margin-bottom: 13.3333%; }
        #rigaku .department .dep6 dt {
          width: 100%; }
    #rigaku .pol {
      font-size: 4.6875vw;
      margin-bottom: 10%; }
      #rigaku .pol li:first-child {
        padding-top: 0; }
      #rigaku .pol li {
        border: none;
        padding: 11.7188% 0;
        text-align: left; }
        #rigaku .pol li .textbox {
          width: 100%;
          float: none; }
        #rigaku .pol li .parabtn {
          width: 100%;
          padding: 0 0 11.7188% 0; }
        #rigaku .pol li .parabtn2 {
          width: 100%;
          padding: 0 0 11.7188% 0; }
      #rigaku .pol h3 {
        font-size: 5.4688vw;
        padding-top: 0;
        padding-bottom: 9.3333%;
        text-align: center; }
      #rigaku .pol h4 {
        font-weight: bold; }
      #rigaku .pol li:nth-child(1) {
        background: url(../images/common/point1_pc.gif) no-repeat center top;
        background-size: 10.6667% auto;
        padding-top: 19.3333%;
        text-align: left; }
        #rigaku .pol li:nth-child(1) ul {
          margin-top: 9.3333%; }
          #rigaku .pol li:nth-child(1) ul li {
            width: 100%;
            margin-bottom: 12%; }
            #rigaku .pol li:nth-child(1) ul li h4 {
              font-size: 5.4688vw;
              text-align: left;
              margin-top: 0; }
            #rigaku .pol li:nth-child(1) ul li .imgpc {
              display: none; }
            #rigaku .pol li:nth-child(1) ul li .imgsp {
              display: block; }
      #rigaku .pol li:nth-child(2) {
        background: url(../images/common/point2_pc.gif) no-repeat center top;
        background-size: 10.6667% auto;
        padding-top: 19.3333%;
        padding-left: 0; }
        #rigaku .pol li:nth-child(2) .imgbox {
          float: none; }
      #rigaku .pol li:nth-child(3) {
        background: url(../images/common/point3_pc.gif) no-repeat center top;
        background-size: 10.6667% auto;
        padding-top: 19.3333%;
        padding-left: 0; }
        #rigaku .pol li:nth-child(3) .imgbox {
          float: none; }
      #rigaku .pol li:nth-child(4) {
        background: url(../images/common/point4_pc.gif) no-repeat center top;
        background-size: 10.6667% auto;
        padding-top: 19.3333%;
        padding-left: 0; }
        #rigaku .pol li:nth-child(4) .imgbox {
          float: none; }
    #rigaku .sol {
      font-size: 4.6875vw;
      text-align: left; }
      #rigaku .sol li {
        padding-top: 0;
        padding-bottom: 23.4375%;
        padding-left: 23.4375%; }
      #rigaku .sol li:nth-child(1) {
        background: url(../images/common/annual1.gif) no-repeat left top;
        background-size: 14.0625% auto; }
      #rigaku .sol li:nth-child(2) {
        background: url(../images/common/annual2.gif) no-repeat left top;
        background-size: 14.0625% auto; }
      #rigaku .sol li:nth-child(3) {
        background: url(../images/common/annual3.gif) no-repeat left top;
        background-size: 14.0625% auto; }
      #rigaku .sol li:nth-child(4) {
        background: url(../images/common/annual4.gif) no-repeat left top;
        background-size: 14.0625% auto; }
      #rigaku .sol h3 {
        font-size: 5.4688vw; }
    #rigaku .scholarbox {
      font-size: 4.6875vw; }
      #rigaku .scholarbox h2 {
        font-size: 5.4688vw;
        margin-bottom: 10.9375%; }
    #rigaku .studentsbox {
      margin-bottom: 16%;
      text-align: left;
      font-size: 4.6875vw; }
      #rigaku .studentsbox p {
        margin-bottom: 10%; }
    #rigaku .dayschdulebox {
      margin-bottom: 16%;
      text-align: center;
      font-size: 4.6875vw; }
      #rigaku .dayschdulebox p:first-child {
        text-align: left; }
      #rigaku .dayschdulebox p {
        margin-bottom: 10%; }
    #rigaku .fornightbox {
      margin-bottom: 16%;
      text-align: left;
      font-size: 4.6875vw; }
      #rigaku .fornightbox h3 {
        font-size: 4.6875vw;
        margin-bottom: 5.3333; }
      #rigaku .fornightbox p {
        margin-bottom: 10%; }
      #rigaku .fornightbox div, #rigaku .fornightbox #aboutschool .teachersul li .picbox h3, #aboutschool .teachersul li .picbox #rigaku .fornightbox h3, #rigaku .fornightbox .btnlink {
        width: 100%;
        font-size: 4.6875vw; }
    #rigaku .shienbox {
      margin-bottom: 16%;
      text-align: center;
      font-size: 4.6875vw; }
      #rigaku .shienbox p {
        margin-bottom: 10%;
        padding-bottom: 0; }
      #rigaku .shienbox div, #rigaku .shienbox #aboutschool .teachersul li .picbox h3, #aboutschool .teachersul li .picbox #rigaku .shienbox h3 {
        width: 100%;
        font-size: 4.6875vw; }
    #rigaku .paisenbox {
      margin-bottom: 16%;
      font-size: 2.6666vw; }
      #rigaku .paisenbox .inner {
        margin-bottom: 10%; }
      #rigaku .paisenbox h3 {
        margin-bottom: 8%;
        text-align: center;
        font-size: 4.6875vw; }
      #rigaku .paisenbox h4 {
        margin-top: 8%;
        font-size: 4.6875vw; }
      #rigaku .paisenbox .imgpc {
        display: none; }
      #rigaku .paisenbox .textright {
        float: none;
        width: 100%; }
        #rigaku .paisenbox .textright p {
          font-size: 4.6875vw; }
      #rigaku .paisenbox .imgsp {
        display: block; }
      #rigaku .paisenbox .btnlink {
        clear: both;
        width: 100%;
        font-size: 4.6875vw;
        margin: 0 auto; }
      #rigaku .paisenbox .btnlink2 {
        clear: both;
        width: 100%;
        font-size: 2.6666vw;
        margin-top: 40px; }
    #rigaku .teragoyabox {
      margin-bottom: 16%;
      font-size: 4.6875vw; }
      #rigaku .teragoyabox h3 {
        margin-bottom: 8%;
        text-align: center;
        font-size: 4.6875vw; }
      #rigaku .teragoyabox .imgright {
        float: none;
        width: 100%; }
      #rigaku .teragoyabox .textleft {
        float: none;
        width: 100%;
        padding-left: 0; }
        #rigaku .teragoyabox .textleft p {
          font-size: 4.6875vw; }
    #rigaku .connectbox {
      margin-bottom: 16%;
      font-size: 4.6875vw; }
      #rigaku .connectbox ul {
        display: block; }
      #rigaku .connectbox li {
        width: 100%; }
      #rigaku .connectbox h3 {
        margin-bottom: 8%;
        text-align: center;
        font-size: 4.6875vw; }
      #rigaku .connectbox p {
        font-size: 4.6875vw; }
      #rigaku .connectbox .imgpc {
        display: none; }
      #rigaku .connectbox .imgsp {
        display: block; }
  /*// rigaku //*/
  .catbtmlink {
    padding: 6% 0 0 0;
    margin-bottom: 12%; }
    .catbtmlink h3 {
      font-size: 5.4688vw;
      padding-bottom: 5.3333%; }
    .catbtmlink .inner {
      width: 93.3333%;
      margin: 0 auto; }
      .catbtmlink .inner ul {
        width: 100%;
        margin: 0 auto;
        display: block;
        background: #fff; }
      .catbtmlink .inner li {
        display: block;
        width: 93.3333%;
        margin: 0 auto; }
        .catbtmlink .inner li a {
          font-size: 4vw; }
          .catbtmlink .inner li a span {
            padding: 7.1875% 0; }
          .catbtmlink .inner li a span:after {
            content: '';
            position: absolute;
            left: 0;
            bottom: 0;
            display: inline-block;
            width: 100%;
            height: 1px;
            -moz-transform: translateX(0%);
            -webkit-transform: translateX(0%);
            -ms-transform: translateX(0%);
            transform: translateX(0%);
            background-color: #8e8e8e;
            border-radius: 2px; }
  #eventconsultation .pointol {
    font-size: 4vw; }
    #eventconsultation .pointol li {
      padding-top: 21.3333%;
      padding-bottom: 23.4375%; }
    #eventconsultation .pointol li:nth-child(1) {
      background: url(../images/common/point1_pc.gif) no-repeat center top;
      background-size: 14.0625% auto; }
    #eventconsultation .pointol li:nth-child(2) {
      background: url(../images/common/point2_pc.gif) no-repeat center top;
      background-size: 14.0625% auto; }
    #eventconsultation .pointol li:nth-child(3) {
      background: url(../images/common/point3_pc.gif) no-repeat center top;
      background-size: 14.0625% auto; }
    #eventconsultation .pointol h3 {
      font-size: 4.6875vw;
      margin-bottom: 5.3333%; }
  #eventconsultation .yoyaku {
    font-size: 4vw; }
    #eventconsultation .yoyaku .title {
      font-size: 5.4688vw; }
  #eventconsultation .telgra {
    width: 100%;
    margin: 6.6667% auto 4% auto;
    font-size: 4vw;
    letter-spacing: .03em;
    line-height: 1.2; }
    #eventconsultation .telgra .telbox {
      padding: 2.6667% 0; }
      #eventconsultation .telgra .telbox img {
        width: 18.4%;
        padding-right: 4.8%; }
      #eventconsultation .telgra .telbox div span, #eventconsultation .telgra .telbox #aboutschool .teachersul li .picbox h3 span, #aboutschool .teachersul li .picbox #eventconsultation .telgra .telbox h3 span {
        font-size: 8vw;
        letter-spacing: .03em; }
  #eventconsultation .time {
    font-size: 4.6875vw; }
  #eventconsultation .menuanc {
    display: block;
    width: 81.25%;
    margin: 0 auto;
    padding-bottom: 18%; }
    #eventconsultation .menuanc li {
      margin-bottom: 14%; }
  #eventconsultation .titlebox {
    font-size: 3.9062vw;
    margin-bottom: 10%; }
  #eventconsultation .telform {
    width: 81.25%;
    margin: 10% auto 20% auto;
    display: block; }
    #eventconsultation .telform li {
      margin-bottom: 14%; }
  #eventconsultation .time {
    display: block;
    padding-top: 5%;
    font-size: 3.2062vw; }
  #eventconsultation .para {
    font-size: 3.90625vw;
    width: 100%;
    margin: 0 auto 10% auto; }
  #eventconsultation .btnbox {
    margin-bottom: 30%; }
  #eventconsultation .onlinecurrent {
    display: block;
    margin-bottom: 30%;
    font-size: 3.90625vw; }
    #eventconsultation .onlinecurrent .leftbox,
    #eventconsultation .onlinecurrent .rightbox {
      width: 100%; }
    #eventconsultation .onlinecurrent h3 {
      border: none;
      border-bottom: 2px solid #13b576;
      padding: 5% 0; }
      #eventconsultation .onlinecurrent h3 img {
        width: 38.125%; }
    #eventconsultation .onlinecurrent li {
      border-bottom: 2px solid #13b576;
      padding: 5% 0 5% 12%; }
    #eventconsultation .onlinecurrent li:nth-child(1) {
      background: url(../images/event-consultation/step1.gif) no-repeat 0 20px;
      background-size: 9.375%; }
    #eventconsultation .onlinecurrent li:nth-child(2) {
      background: url(../images/event-consultation/step2.gif) no-repeat 0 20px;
      background-size: 9.375%; }
    #eventconsultation .onlinecurrent li:nth-child(3) {
      background: url(../images/event-consultation/step3.gif) no-repeat 0 20px;
      background-size: 9.375%; }
    #eventconsultation .onlinecurrent li:nth-child(4) {
      background: url(../images/event-consultation/step4.gif) no-repeat 0 20px;
      background-size: 9.375%; }
    #eventconsultation .onlinecurrent li.nostep {
      background: none;
      padding: 5% 0; }
    #eventconsultation .onlinecurrent h4 {
      font-size: 5.4687vw; }
    #eventconsultation .onlinecurrent .applink {
      margin: 5% 0; }
      #eventconsultation .onlinecurrent .applink img {
        width: 40%;
        margin-left: 3%;
        margin-right: 3%; }
  #categoryblogslist {
    font-size: 4vw;
    margin-bottom: 12%; }
    #categoryblogslist li {
      margin-bottom: 26px; }
    #categoryblogslist .date {
      float: left;
      width: 30.6667%; }
    #categoryblogslist .tag {
      font-size: 4vw;
      display: inline-block;
      border: 1px solid #000;
      text-align: center;
      width: 26.6667%;
      height: auto;
      padding: 0.6667% 0;
      margin-right: 0;
      float: left; }
    #categoryblogslist .text {
      display: inline-block;
      width: 100%; }
    #categoryblogslist .pagination {
      text-align: center; }
      #categoryblogslist .pagination .current {
        background: #fff;
        border: 1px solid #ff9da5;
        display: inline-block;
        margin: 0 5px;
        color: #ff9da5;
        min-width: 32px; }
      #categoryblogslist .pagination a {
        background: #ff9da5;
        border: 1px solid #ff9da5;
        display: inline-block;
        margin: 0 5px;
        color: #fff;
        min-width: 32px; }
  #categoryblogs .planetitle + p {
    position: relative; }
    #categoryblogs .planetitle + p .tag {
      position: absolute;
      right: 0;
      top: 0;
      border: 1px solid #000;
      font-size: 4vw;
      padding: 2px 10px; }
  #categoryblogs .lefttitle {
    margin-bottom: 100px;
    font-size: 4vw;
    display: flex;
    flex-wrap: wrap;
    letter-spacing: .2em;
    border-bottom: 1px solid #000; }
    #categoryblogs .lefttitle dt {
      font-size: 4.6875vw;
      font-weight: bold;
      width: 370px;
      padding-bottom: 35px;
      padding-right: 20px;
      box-sizing: border-box;
      letter-spacing: .4em; }
    #categoryblogs .lefttitle dd {
      padding-bottom: 35px;
      width: 730px; }
  #categoryblogs .paging {
    text-align: center; }
    #categoryblogs .paging .prev, #categoryblogs .paging .next {
      font-size: 4.6875vw;
      display: inline-block; }
  #categoryblogs h3 {
    font-size: 7.3333vw; }
  #categoryblogs h4 {
    font-size: 6.25vw; }
  #categoryblogs h5 {
    font-size: 5.4688vw; }
  #categoryblogs h6 {
    font-size: 4.6875vw; }
  #job-introduction .lefttitle {
    margin-bottom: 16.6667%;
    font-size: 4vw;
    display: block; }
    #job-introduction .lefttitle dt {
      font-size: 6.25vw;
      width: 100%;
      padding-bottom: 4.6667%;
      font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
      text-align: left;
      padding-right: 0; }
      #job-introduction .lefttitle dt span {
        display: block; }
      #job-introduction .lefttitle dt img {
        display: none; }
    #job-introduction .lefttitle dd {
      width: 100%; }
      #job-introduction .lefttitle dd h4 {
        font-size: 4.6875vw; }
      #job-introduction .lefttitle dd .btntwin {
        display: block; }
        #job-introduction .lefttitle dd .btntwin li {
          width: 100%; }
          #job-introduction .lefttitle dd .btntwin li .btnlink {
            margin-bottom: 4.6667%; }
    #job-introduction .lefttitle .btnlink {
      width: 90%;
      margin: 4% auto 24% auto; }
  #job-introduction .innertbl {
    overflow-x: scroll; }
    #job-introduction .innertbl .tbl1 {
      width: 200%; }
  #campuslife #schedulebg {
    background: none; }
    #campuslife #schedulebg li {
      padding-bottom: 24%; }
    #campuslife #schedulebg li:nth-child(1) {
      background: url(../images/campus-life/m_04_sp.gif) no-repeat;
      background-size: auto 100px; }
    #campuslife #schedulebg li:nth-child(2) {
      background: url(../images/campus-life/m_05_sp.gif) no-repeat;
      background-size: auto 100px; }
    #campuslife #schedulebg li:nth-child(3) {
      background: url(../images/campus-life/m_06_sp.gif) no-repeat;
      background-size: auto 100px; }
    #campuslife #schedulebg li:nth-child(4) {
      background: url(../images/campus-life/m_07_sp.gif) no-repeat;
      background-size: auto 100px; }
    #campuslife #schedulebg li:nth-child(5) {
      background: url(../images/campus-life/m_08_sp.gif) no-repeat;
      background-size: auto 100px; }
    #campuslife #schedulebg li:nth-child(6) {
      background: url(../images/campus-life/m_09_sp.gif) no-repeat;
      background-size: auto 100px; }
    #campuslife #schedulebg li:nth-child(7) {
      background: url(../images/campus-life/m_10_sp.gif) no-repeat;
      background-size: auto 100px; }
    #campuslife #schedulebg li:nth-child(8) {
      background: url(../images/campus-life/m_11_sp.gif) no-repeat;
      background-size: auto 100px; }
    #campuslife #schedulebg li:nth-child(9) {
      background: url(../images/campus-life/m_12_sp.gif) no-repeat;
      background-size: auto 100px; }
    #campuslife #schedulebg li:nth-child(10) {
      background: url(../images/campus-life/m_01_sp.gif) no-repeat;
      background-size: auto 100px; }
    #campuslife #schedulebg li:nth-child(11) {
      background: url(../images/campus-life/m_02_sp.gif) no-repeat;
      background-size: auto 100px; }
    #campuslife #schedulebg li:nth-child(12) {
      background: url(../images/campus-life/m_03_sp.gif) no-repeat;
      background-size: auto 100px; }
    #campuslife #schedulebg dl {
      display: block; }
    #campuslife #schedulebg dt {
      padding: 0 0 0 33.3333%;
      width: 100%;
      font-size: 4vw;
      min-height: 21.8841vh;
      box-sizing: border-box; }
    #campuslife #schedulebg dd {
      width: 100%; }
  #campuslife #clubul {
    display: block; }
    #campuslife #clubul li {
      width: 100%;
      margin-bottom: 14.6667%;
      font-size: 4vw; }
      #campuslife #clubul li .title {
        font-size: 4.6875vw; }
  .zokubox1 {
    margin-top: 16.6667%; }
    .zokubox1 fieldset {
      padding-top: 8.6667%;
      margin-bottom: 16.6667%;
      font-size: 4vw; }
      .zokubox1 fieldset ul {
        display: block; }
      .zokubox1 fieldset li {
        width: 100%;
        margin-bottom: 16%; }
        .zokubox1 fieldset li p {
          float: none;
          width: 100%; }
        .zokubox1 fieldset li div, .zokubox1 fieldset #aboutschool .teachersul li .picbox h3, #aboutschool .teachersul .zokubox1 fieldset li .picbox h3 {
          float: none; }
    .zokubox1 legend {
      font-size: 4.6875vw;
      text-align: left;
      padding: 0; }
  .zokubox2 {
    margin-top: 16.6667%; }
    .zokubox2 fieldset {
      padding-top: 8.6667%;
      margin-bottom: 16.6667%;
      font-size: 4vw; }
    .zokubox2 legend {
      font-size: 4.6875vw;
      text-align: left;
      padding: 0; }
    .zokubox2 h4 {
      font-size: 4.6875vw;
      margin-bottom: 4%; }
    .zokubox2 .senpai1 .img {
      float: none;
      margin-bottom: 4%; }
    .zokubox2 .senpai1 .desc {
      float: none;
      width: 100%; }
      .zokubox2 .senpai1 .desc .btnlink {
        width: 90%;
        margin: 4% auto 0 auto; }
  .zokubox3 {
    margin-top: 16.6667%; }
    .zokubox3 li {
      margin-bottom: 20%;
      font-size: 4vw; }
    .zokubox3 .img {
      float: none;
      width: 100%;
      margin-bottom: 4%; }
    .zokubox3 .desc {
      float: none;
      width: 100%; }
    .zokubox3 .btnlink {
      width: 90%;
      margin: 4% auto 0 auto; }
  .zokubox4 {
    margin-top: 16.6667%; }
    .zokubox4 fieldset {
      padding-top: 8.6667%;
      margin-bottom: 16.6667%;
      font-size: 4vw; }
    .zokubox4 legend {
      font-size: 4.6875vw;
      text-align: left;
      padding: 0; }
    .zokubox4 h4 {
      font-size: 4.6875vw;
      margin-bottom: 4%; }
    .zokubox4 .senpai1 .img {
      float: none;
      margin-bottom: 4%; }
    .zokubox4 .senpai1 .desc {
      float: none;
      width: 100%; }
      .zokubox4 .senpai1 .desc .btnlink {
        width: 90%;
        margin: 4% auto 0 auto; }
  .societyaccess .mapbox {
    margin-bottom: 13.3333%;
    padding-top: 8.6667%;
    font-size: 4vw; }
    .societyaccess .mapbox .accessinner {
      width: 100%; }
    .societyaccess .mapbox p {
      display: none; }
    .societyaccess .mapbox .btnlink {
      float: none;
      width: 66.6667%;
      margin: 10% auto 0 auto; }
      .societyaccess .mapbox .btnlink a {
        font-size: 4.6875vw;
        padding: 3.6%; }
  .societyaccess .fromstation {
    margin-bottom: 13.3333%;
    font-size: 2.6666vw; }
    .societyaccess .fromstation .mincho {
      font-size: 4.6875vw;
      letter-spacing: .5em;
      margin-bottom: 4.6667%;
      text-align: center; }
  .societyaccess .fromkanto {
    margin-bottom: 13.3333%; }
    .societyaccess .fromkanto .mincho {
      font-size: 4.6875vw;
      letter-spacing: .5em;
      margin-bottom: 4.6667%;
      text-align: center; }
    .societyaccess .fromkanto div, .societyaccess .fromkanto #aboutschool .teachersul li .picbox h3, #aboutschool .teachersul li .picbox .societyaccess .fromkanto h3 {
      width: 100%; }
  .pcaddbnrarea {
    display: none; }
  .spaddbnrarea {
    display: block;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    padding: 10% 0;
    margin-bottom: 16.6667%; }
  .thanks_txt01 {
    font-size: 6.6667vw;
    margin-top: 28.3333%;
    margin-bottom: 13.3333%; }
  .thanksbox #submit {
    font-size: 4vw; }
  .gakkotitle {
    margin-top: 6.6667%;
    margin-bottom: 6.6667%; }
  .thanksback {
    font-size: 4.6875vw; }
  #topcovid {
    margin: 8% 0; }
  #topcovid a {
    font-size: 4vw;
    padding: 4% 0; }
  #snsleft {
    display: none; }
  .youtubeiframe {
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 56.25%;
    margin-bottom: 20%; }
  .youtubeiframe iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
  #digitalb {
    width: 100%;
    margin: 0 auto 10% auto;
    font-size: 4vw; }
  #digitalb p {
    margin-bottom: 2em; }
  #digitalb img {
    width: 90%; } }