/* Reset CSS
---------------------------------------------------*/
html, body, div, span, h1, h2, h3, h4, h5, h6, p, a, address, img, dl, dt, dd, ol, ul, li, form, label, legend, table, caption, tbody, tr, th, td, article, aside, footer, header, nav, section {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline;
}
footer, header, menu, nav, section {
    display: block;
}
ol, ul, dl {
    list-style: none;
}
img {
    vertical-align: bottom;
    max-width: 100%;
    height: auto;
}
a,button {
    text-decoration: none;
    cursor: pointer;
    color: #1C1A24;
}
.bold {
    font-weight: bold;
}
.red {
    color: #841A1A;
}
/* Fonts
---------------------------------------------------*/
body {
    font-family:'メイリオ', 'Meiryo','ＭＳ ゴシック','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',sans-serif;
}
/* ALL
---------------------------------------------------*/
html {
    background-color: #F2F1F6;
    color: #1C1A24;
    overflow-y: scroll;
    height: 100vh;
}
body {    
    margin: 0 auto;
    width: 100%;
    line-height: 1.6;
    overflow: hidden;
    max-width: 1920px;
    position: relative;
}
a:hover {
    color: #1532A7;
    opacity: 0.7;
}
.spOnly {
    display: none;
}
h2 {
    font-size: 50px;
    text-align: center;
}
section {
    padding: 50px 0;
}
.inner {
    max-width: 90%;
    margin: 0 auto;
}
/* nav
---------------------------------------------------*/
#home {
    background-color: #2D274D;
    min-height: 60px;
    position: relative;
}
.navArea {
    position: fixed;
    width: 100%;
    z-index: 100;
}
.navArea_inner {
    display: flex;
    justify-content: space-between;
    min-height: 70px;
    align-items: center;
}
#nav-toggle {
    display: inline-block;
    height: 32px;
    cursor: pointer;
}
#nav-toggle div {
    position: relative;
    width: 36px;
}
#nav-toggle span {
    width: 100%;
    height: 3px;
    left: 0;
    display: block;
    background: #97AAF5;
    position: absolute;
    transition: transform .6s ease-in-out, top .5s ease;
} 
span:nth-child(1) {
    top: 0;
}
span:nth-child(2) {
    top: 14px;
}
span:nth-child(3) {
    top: 28px;
}
span:hover span:nth-child(1) {
    top: 4px;
}
span:hover span:nth-child(3) {
    top: 23px;
}
.open #nav-toggle span {
    background: #97AAF5;
}
.open #nav-toggle span:nth-child(1) {
    top: 15px;
    transform: rotate(45deg);
}
.open #nav-toggle span:nth-child(2) {
    top: 15px;
    width: 0;
    left: 50%;
}
.open #nav-toggle span:nth-child(3) {
    top: 15px;
    transform: rotate(-45deg);
}
#nav-toggle {
    z-index: 1000;
    position: absolute;
    right: 30px;
    top: 10px;
}
#container {
    z-index: 900;
}
#gloval-nav {
    background: rgba(45,39,77,0.8);
    color: #fff;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 990;
    text-align: center;
    display: flex;
    visibility: hidden;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-size: 24px;
    opacity: 0;
    transition: opacity .3s ease, visibility .3s ease;
    font-weight: bold;
}
#gloval-nav a {
    display: block;
    color: #F4F4F4;
    text-decoration: none;
    padding: 10px 0;
    transition: color .6s ease;
}
#gloval-nav a:hover {
    color: #1532A7;
}
#gloval-nav  ul {
    list-style: none;
}
#gloval-nav  ul li {
    opacity: 0;
    transform: translateX(200px);
    transition:  transform .6s ease, opacity .2s ease;
}
#gloval-nav  ul li:nth-child(2) {
    transition-delay: .1s;
}
#gloval-nav  ul li:nth-child(3) {
    transition-delay: .1s;
}
#gloval-nav  ul li:nth-child(4) {
    transition-delay: .22s;
}
#gloval-nav  ul li:nth-child(5) {
    transition-delay: .3s;
}
#gloval-nav  ul li:nth-child(6) {
    transition-delay: .32s;
}
#gloval-nav  ul li:nth-child(7) {
    transition-delay: .4s;
} 
/* open */
.open {
    overflow: hidden;
}
.open #gloval-nav {
    visibility: visible;
    opacity: 1;
}
.open #gloval-nav li {
    opacity: 1;
    transform: translateX(0);
    transition:  transform 1s ease, opacity .9s ease;
}
/* top
---------------------------------------------------*/
#top {
    background-color: #2D274D;
}
.topInner {
    width: 95%;
    margin: 0 auto;
    border-radius: 50px;
    background-color: #ccc;
    position: relative;
    overflow: hidden;
    height: 100%;
}
.top-movieWrap {
    height: 600px;
}
video {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    min-width: 100%;
    min-height: 100%;
}
.topLogo {
    width: 1200px;
    text-align: center;
    font-size: 94px;
    color: #fff;
    font-weight: bold;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    -webkit- transform: translateY(-50%) translateX(-50%);
}
.topImg {
    width: 300px;
}
.c-text {
  overflow: hidden;
  display: flex;
  width: 100vw;
  margin-inline: calc(50% - 50vw);
}
.c-text__item {
  flex-shrink: 0;
  white-space: nowrap;
  font-size: 80px;
  padding-right: 1em;
  color: #fff;
  font-weight: bold;
}
.c-text__item:nth-child(odd) {
    animation: MoveLeft 24s -12s infinite linear;
}
.c-text__item:nth-child(even) {
    animation: MoveLeft2 24s infinite linear;
}
@keyframes MoveLeft {
  from {
    transform: translateX(100%);
  }
  to {
    transform: translateX(-100%);
  }
}
@keyframes MoveLeft2 {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-200%);
  }
}
/*after-top
---------------------------------------------------*/
.after-topInner {
    background: url(images/after-mainvisual.png) no-repeat;
    background-size: cover;
    position: relative;
    overflow: hidden;
    height: 100%;
}
.top-afterWrap {
    background-color: rgba(77,39,76,38%);
    min-height: 1200px;
}

/* finish
---------------------------------------------------*/
.finish {
    background: #A668C1;
    color: #fff;
    text-align: center;
    padding-bottom: 150px;
}
.scoreArea {
    border: 5px solid #fff;
    padding: 20px;
    margin: 20px auto;
}
.score-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.score-listItem {
    width: 400px;
    padding: 1em 0.5em;
    border-radius: 12px;
    font-size: 24px;
    margin: 10px 20px;
    cursor: pointer;
}
.score-listItem a {
    color: #fff;
    display: block;
}
.score-remoteSekko {
    background-color: #1532A6;
}
.score-remoteKosei {
    background-color: #3B5EEB;
}
.score-schoolSekko {
    background-color: #9B0A6B;
}
.score-schoolKosei {
    background-color: #ED3B99;
}
/* message
---------------------------------------------------*/
.youtube-wrap {
    width: 60%;
    margin: 30px auto;
    text-align: center;
}
.youtube {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
}
.youtube iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.message-outline {
    padding: 30px 0;
    width: 80%;
    margin: 0 auto;
    font-size: 1.2rem;
    text-align: left;
}
.message-outline p {
    margin-bottom: 1em;
}
/* news
---------------------------------------------------*/
#news {
    background-color: #E0E0E4;
}
.newsList {
    width: 80%;
    margin: 50px auto;
    border-bottom: 1px solid #C7C5D3;
}
.newsList th,
.newsList td {
    padding: 0.5em 1em;
    border-top: 1px solid #C7C5D3;
}
/* part
---------------------------------------------------*/
.part-headTxt {
    font-size: 1.4rem;
    font-weight: bold;
    width: 80%;
    margin: 30px auto;
}
.partList {
    display: flex;
    justify-content: center;
    margin: 50px 0;
}
.part-remorte-list {
    border: 10px solid #009FF1;
    padding: 40px 60px;
    margin: 0 10px;
}
.part-school-list {
    border: 10px solid #CC226C;
    padding: 40px 60px;
    margin: 0 10px;
}
.part-remorte-ttl {
    font-size: 45px;
    font-weight: bold;
    color: #009FF1;
    text-align: center;
    margin-bottom: 0.5em;
}
.part-school-ttl {
    font-size: 45px;
    font-weight: bold;
    color: #CC226C;
    text-align: center;
    margin-bottom: 0.5em;
}
.partList-item {
    font-weight: bold;
    font-size: 26px;
}
#schedule img {
    margin: 20px auto;
}

/* application
---------------------------------------------------*/
.apply-tablink {
    display: flex;
    justify-content: center;
}
.apply-tablinkItem a {
    color: #fff;
    font-size: 20px;
    display: block;
    width: 200px;
    padding: 0.5em 1em 0;
}
.apply-tablinkItem {
    border-radius: 5px;
    margin: 20px;
    text-align: center;
}
.apply-tablinkItem:after {
    content: '';
    display: inline-block;
    width: 1em;
    height: 1em;
    background: url(images/icon_arrow.png) no-repeat;
    background-size: contain;
    vertical-align: middle;
}
.linkItem-remorte {
    background-color: #009FF1;
}
.linkItem-school {
    background-color: #CC226C;
}
.linkItem-group {
    background-color: #22CC29;
}
.apply-inner-remorte {
    border: 10px solid #009FF1;
    margin: 30px auto;
    background-color: #fff;
}
.apply-inner-school {
    border: 10px solid #cc226c;
    margin: 30px auto;
    background-color: #fff;
}
h3 {
    font-size: 36px;
    padding: 0.5em 1em;
    display: inline-block;
    color: #fff;
}
.apply-inner-remorte h3 {
    background-color: #009FF1;
}
.apply-inner-school h3 {
    background-color: #cc226c;
}
.apply-stepList {
    padding: 0 30px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}
.apply-stepListItem {
    width: 28%;
    margin-bottom: 2em;
}
.step-ttl {
    font-weight: bold;
    font-size: 20px;
}
.step-ttl .step-no {
    font-size: 36px;
}
.step-img {
    border: 2px solid #707070;
    margin-bottom: 0.5em;
    text-align: center;
    height: 150px;
    position: relative;
}
.step-img img{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit- transform: translateY(-50%) translateX(-50%);
}
.apply-detail_remorteSekko,
.apply-detail_remorteKosei {
    border-top: 1px solid #009FF1;
    padding: 30px 0;
    width: 90%;
    margin: 0 auto;
}
.apply-detail_schoolSekko,
.apply-detail_schoolKosei {
    border-top: 1px solid #CC226C;
    padding: 30px 0;
    width: 90%;
    margin: 0 auto;
}
.apply-detail_remorteSekko h4 {
    font-size: 28px;
    color: #1532A7;
}
.apply-detail_remorteKosei h4 {
    font-size: 28px;
    color: #3B5EEC;
}
.apply-detail_schoolSekko h4 {
    font-size: 28px;
    color: #9B096A;
}
.apply-detail_schoolKosei h4 {
    font-size: 28px;
    color: #EC3B99;
}
.apply-detailList {
    margin: 30px 0;
}
.apply-link {
    display: flex;
    justify-content: center;
}
.apply-linkItem {
    width: 340px;
    border-radius: 65px;
    padding: 0.5em 1em;
    margin: 10px;
    text-align: center;
    box-sizing: border-box;
}
.apply-linkItem a {
    color: #fff;
    font-weight: bold;
    display: block;
}
.apply-linkItem_remorteSekko {
    background-color: #1532A7;
} 
.apply-linkItem_remorteSekko-exam {
    background-color: #fff;
    border: 1px solid #1532A7;
}
.apply-linkItem_remorteSekko-exam a {
    color: #1532A7;
}
.apply-linkItem_remorteKosei {
    background-color: #3B5EEC;
}
.apply-linkItem_remorteKosei-exam {
    background-color: #fff;
    border: 1px solid #3B5EEC;
}
.apply-linkItem_remorteKosei-exam a {
    color: #3B5EEC;
}
.apply-linkItem_schoolSekko {
    background-color: #9B096A;
} 
.apply-linkItem_schoolSekko-exam {
    background-color: #fff;
    border: 1px solid #9B096A;
}
.apply-linkItem_schoolSekko-exam a {
    color: #9B096A;
}
.apply-linkItem_schoolKosei {
    background-color: #EC3B99;
}
.apply-linkItem_schoolKosei-exam {
    background-color: #fff;
    border: 1px solid #EC3B99;
}
.apply-linkItem_schoolKosei-exam a {
    color: #EC3B99;
}
.apply-inner-group {
    border: 10px solid #22CC29;
    background-color: #fff;
    margin: 30px auto;
    text-align: center;
    padding: 30px;
}
.group-headLine {
    font-size: 28px;
    font-weight: bold;
    margin-bottom: 30px;
}
.group-headTxt {
    margin-bottom: 1em;
}
.groupLinkArea {
    background-color: #E9FFEB;
    border-radius: 10px;
    padding: 40px 0 30px;
    margin-top: 30px;
}
.groupLinkArea p {
    font-size: 18px;
    font-weight: bold;
}
.group-linkItem {
    color: #fff;
    background-color: #22CC29;
    padding: 1em 1.3em;
    text-align: center;
    display: block;
    width: 300px;
    border-radius: 10px;
    margin: 30px auto 0;
    font-weight: bold;
}
/* live
---------------------------------------------------*/
#live {
    text-align: center;
}
/*#live h2 {
    color: #9B096A;
}*/
#live .inner {
    border: 6px solid #9B096A;
    border-radius: 30px;
    padding: 50px 0;
}
.live-boldtxt {
    font-size: 1.6rem;
    font-weight: bold;
    color: #9B096A;
}
.icon-insta {
    width: 100px;
    text-align: center;
    margin: 10px auto;
}
.instaLink {
    color: #fff;
    background-color: #9B096A;
    padding: 1em 1.3em;
    text-align: center;
    display: block;
    width: 300px;
    border-radius: 10px;
    margin: 0 auto 30px;
    font-weight: bold;
}
/* award
---------------------------------------------------*/
.award-contents {
    display: flex;
    justify-content: center;
}
.award-item {
    padding: 30px;
    margin: 20px 10px;
    width: 450px;
    background-color: #fff;
    border-radius: 30px;
}
.award_remorte {
    border: 3px solid #009FF1;
}
.award_school {
    border: 3px solid #cc226c;
}
.award-ttl {
    color: #fff;
    padding: 0.5em 1em;
    font-size: 2rem;
    margin: 20px auto;
    width: 200px;
    text-align: center;
}
.award-ttl_remorte {
    background-color: #009FF1;
}
.award-ttl_school {
    background-color: #cc226c;
}
.award-table {
    margin: 20px auto;
    width: 95%;
}
.award-table th {
    font-size: 1.6rem;
    width: 30%;
}
.award-item-bg {
    font-size: 1.3rem;
    font-weight: bold;
}
/* event
---------------------------------------------------*/
#event {
    background-color: #DCE4EF;
}
.event-table-row {
    background-color: #fff;
}
.event-table {
    border-spacing: 5px;
    width: 80%;
    margin: 30px auto;
}
.event-table th {
    border-radius: 10px 0 0 10px;
    padding: 1em 1em;
    width: 20%;
}
.event-table td {
    border-radius: 0 10px 10px 0;
    padding: 1em 1em;
}
.after-site {
    text-align: center;
}

/* access
---------------------------------------------------*/
.map-wrap {
    width: 80%;
    margin: 30px auto;
    text-align: center;
}
.map {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 75%;
}
.map iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#access h4 {
    font-size: 22px;
}
#access .maplink {
    text-decoration: underline;
    padding-left: 1em;
}
#access .maplink:after {
    content: '';
    display: inline-block;
    width: 1em;
    height: 1em;
    background: url(images/jumplink.svg) no-repeat;
    background-size: contain;
    vertical-align: middle;
    margin-left: 0.3em;
}
.address {
    padding-top: 1em;
}
.parking-list {
    font-size: 20px;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin-top: 20px;
}
.parking-list li {
    margin: 0.2em 1em;
}
.parking-list .parking-car:before {
    content: '';
    display: inline-block;
    width: 2em;
    height: 2em;
    background: url(images/icon_parking.png) no-repeat;
    background-size: contain;
    vertical-align: middle;
    margin-right: 0.5em;
}
.parking-list .parking-cycle:before {
    content: '';
    display: inline-block;
    width: 2em;
    height: 2em;
    background: url(images/icon_cycle.png) no-repeat;
    background-size: contain;
    vertical-align: middle;
    margin-right: 0.5em;
}
.busArea {
    display: flex;
    justify-content: center;
}
.busArea img {
    width: 43%;
    margin: 30px 10px;
}

/* faq
---------------------------------------------------*/
.faqList {
    width: 90%;
    margin: 30px auto;
}
.faqList-itemdtl {
    margin: 1em;
}
.faq-q {
    background-color: #fff;
    padding: 1em;
    border-bottom: 1px solid #2D274D;
}
.faq-a {
    background-color: #DCE4EF;
    padding: 1em;
}
.faq-icon {
    font-size: 30px;
    font-weight: bold;
    padding-right: 0.5em;
    color: #707070;
}
/* exam
---------------------------------------------------*/
#exam {
    background-color: #fff;
    text-align: center;
}
.exam-headTxt {
    font-size: 1.3rem;
    font-weight: bold;
    margin-top: 30px;
}
.exam-subTxt {
    font-size: 1.1rem;
    margin: 1em 0;
}
.exam-list {
    display: flex;
    justify-content: center;
}
.exam-listItem {
    width: 28%;
}
.exam-applyItem {
    border: 3px solid #2D274D;
    border-radius: 5px;
    padding: 20px 10px;
    margin: 10px;
}
.exam-applyItem-ttl {
    padding-bottom: 1em;
    font-weight: bold;
    border-bottom: 1px solid #2D274D;
}
.exam-applyItem-dtl {
    padding-top: 1em;
}
.examLink {
    color: #fff;
    background-color: #2D274D;
    padding: 1em 1.3em;
    text-align: center;
    display: block;
    width: 300px;
    border-radius: 10px;
    margin: 0 auto 30px;
    font-weight: bold;
    font-size: 1.2rem;
}
/* contact
---------------------------------------------------*/
#contact {
    text-align: center;
}
.contactTxt {
    font-weight: bold;
    font-size: 1.4rem;
    margin: 30px auto;
}
.contact-item {
    background-color: #2D274D;
    color: #fff;
    padding: 1em 2em;
    width: 360px;
    margin: 20px auto;
    font-size: 1.4rem;
}
.contact-item img {
    margin-right: 1em;
    vertical-align: middle;
}
/* gallery
---------------------------------------------------*/
.gallery-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.gallery-listItem {
    width: 24.5%;
    margin: 0.3em 0;
}
/* sponsorship
---------------------------------------------------*/
#sponsorship {
    background-color: #fff;
}
.spnsrList {
    margin: 1em auto;
/*    display: flex;*/
}
.spnsr-ttl {
    font-size: 1.2em;
    font-weight: bold;
}
.spnsrItem {
    margin: 0 1em;
    display: inline-block;
}
/* archive
---------------------------------------------------*/

.archive-list {
    width: 90%;
    margin: 50px auto 20px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.archive-item img {
    width: 200px;
    margin: 1em;
}
.buaSns-list {
    width: 90%;
    margin: 0 auto;
    display: flex;
    justify-content: center;
}
.buaSns-item {
    margin: 1em;
}
/* footer
---------------------------------------------------*/
footer {
    background-color: #2D274D;
    text-align: center;
    color: #fff;
    position: relative;
}
.totop {
    position: absolute;
    right: 50px;
    bottom: 30px;
    pointer-events: cursor;
}
/* prize
---------------------------------------------------*/
.prize {
    margin-top: -100px;
}
.prize-rmt-inner {
    background-color: #009FF1;
    border-radius: 50px 50px 0 0;
}
.prize-schl-inner {
    background-color: #CC226C;
    border-radius: 50px 50px 0 0;
}
.prize-white-inner:last-child {
    padding-bottom: 150px;
}
.prize-h2 {
    color: #fff;
    padding: 30px 0;
}
.prize-white-inner {
    background-color: #fff;
    padding: 50px 0;
    text-align: center;
    margin-bottom: 0.5em;
}
.prize-wrap {
    display: flex;
    justify-content: center;
    align-items: center;
}
.prize-img {
    width: 450px;
}
.prize-dtl {
    width: 45%;
    padding: 0 2em;
}
.prize-ttl {
    font-size: 50px;
    font-weight: bold;
}
.prize-name {
    font-size: 20px;
}
.prize-comment {
    font-size: 18px;
    margin-top: 30px;
    text-align: left;
}
.prize-teacher {
    margin-top: 0.5em;
    text-align: right;
}
.schl-prize-white-inner {
    background-color: #fff;
    padding: 50px 0;
    text-align: center;
    margin-bottom: 0.5em;
    display: flex;
    justify-content: center;
}
.schl-prize-wrap {
    width: 25%;
    margin: 0 1em;
}
.schl-kosei-prize-wrap {
    width: 35%;
    margin: 0 1em;
}
.schl-prize-ttl {
    font-size: 30px;
    font-weight: bold;
}
.schl-prize-comment {
    font-size: 14px;
    margin-top: 1em;
    text-align: left;
}
.schl-prize-teacher {
    font-size: 14px;
    text-align: right;
    margin-top: 0.5em;
}
.schl-prize-dtl {
    padding: 1em 0.5em;
}
/* responsive
---------------------------------------------------*/
@media screen and ( min-width:1366px) {
    .inner {
        width: 1336px;
        margin: 0 auto;
    }
}
@media screen and (max-width: 768px){
    section {
        padding: 30px 0;
    }
    .pcOnly {
        display: none;
    }
    .spOnly {
        display: block;
    }
    h2 {
        font-size: 28px;
        margin-bottom: 20px;
    }
    /* responsive header
    ---------------------------------------------------*/
    .nav-link {
        display:none;
        width: 90%;
        padding: 1em;
        display: ;
        justify-content: center;
        align-items: center;
    }
    .nav-linkItem a {
        color: #F4F4F4;
        padding: 0 1em;
    }
    /* top
    ---------------------------------------------------*/
    .topInner {
        border-radius: 30px;
    }
    .top-movieWrap {
        height: 200px;
    }
    .topLogo {
        width: 90%;
        font-size: 26px;
    }
    .topImg {
        width: 100px;
    }
    .c-text__item {
        font-size: 40px;
    }
    video {
        width: 100%;
    }
    /* responsive finish
    ---------------------------------------------------*/
    .score-list {
        display: block;
    }
    .score-listItem {
        width: 90%;
        padding: 1em 0.5em;
        border-radius: 12px;
        font-size: 14px;
        margin: 10px 0;
    }
    /* responsive message
    ---------------------------------------------------*/
    .youtube-wrap {
        width: 90%;
        margin: 20px auto;
    }
    .message-outline {
        padding: 20px 0;
        width: 90%;
        margin: 0 auto;
        font-size: 1rem;
    }
    /* responsive news
    ---------------------------------------------------*/
    .newsList {
        width: 100%;
        text-align: left;
    }
    /* responsive part
    ---------------------------------------------------*/
    .part-headTxt {
        font-size: 1.2rem;
        width: 100%;
    }
    .partList {
        display: block;
    }
    .part-remorte-list {
        border: 10px solid #009FF1;
        padding: 20px 30px 40px;
        margin: 10px;
    }
    .part-school-list {
        border: 10px solid #CC226C;
        padding: 20px 30px 40px;
        margin: 10px;
    }
    .part-remorte-ttl {
        font-size: 2rem;
    }
    .part-school-ttl {
        font-size: 2rem;
    }
    .partList-item {
        font-size: 1.3rem;
    }
    /* responsive application
    ---------------------------------------------------*/
    .apply-tablinkItem {
        margin: 5px;
    }
    .apply-tablinkItem a {
        font-size: 12px;
        width: 90px;
    }
    .apply-inner-remorte {
        margin: 20px auto;
    }
    .apply-inner-school {
        border: 10px solid #cc226c;
        margin: 30px auto;
        background-color: #fff;
    }
    h3 {
        font-size: 20px;
    }
    .apply-stepList {
        padding: 0 30px;
        display: block;
    }
    .apply-stepListItem {
        width: 90%;
        margin: 0 auto 2em;
    }
    .step-ttl {
        font-size: 1rem
    }
    .step-ttl .step-no {
        font-size: 20px;
    }
    .apply-detail_remorteSekko h4,
    .apply-detail_remorteKosei h4,
    .apply-detail_schoolSekko h4,
    .apply-detail_schoolKosei h4 {
        font-size: 18px;
    }
    .apply-link {
        display: block;
    }
    .apply-linkItem {
        width: 280px;
        margin: 10px auto;
    }
    .apply-inner-group {
        text-align: left;
    }
    .group-headLine {
        font-size: 20px;
        text-align: center;
    }
    .groupLinkArea {
        padding: 20px 10px;
        width: 100%;
    }
    .groupLinkArea p {
        font-size: 14px;
    }
    .group-linkItem {
        width: 200px;
        margin: 30px auto 0;
    }
    /* responsive award
    ---------------------------------------------------*/
    .award-contents {
        display: block;
    }
    .award-item {
        padding: 30px 5px;
        margin: 20px 0;
        width: 100%;
        box-sizing: border-box;
    }
    .award-ttl {
        font-size: 1.8rem;
    }
    .award-table th {
        font-size: 1.4rem;
    }
    .award-item-bg {
        font-size: 1.2rem;
    }
    /* responsive event
    ---------------------------------------------------*/
    .event-table {
        width: 100%;
    }
    .event-table th {
        width: 30%;
    }
    .event-table td {
        font-size:0.9rem;
    }
    /* responsive event
    ---------------------------------------------------*/
    .busArea {
        display: block;
        text-align: center;
    }
    .busArea img {
        width: 90%;
        margin: 10px auto;
    }
    /* responsive faq
    ---------------------------------------------------*/
    .faqList {
        width: 100%;
    }
    .faq-icon {
        font-size: 24px;
    }
    /* responsive exam
    ---------------------------------------------------*/
    .exam-list {
        display: block;
    }
    .exam-listItem {
        width: 90%;
        margin: 0.5em auto;
    }
    /* responsive contact
    ---------------------------------------------------*/
    .contact-item {
        width: 280px;
        font-size: 1rem;
    }
    /* responsive gallery
    ---------------------------------------------------*/
    .gallery-listItem {
        width: 30%;
    }
    /* respnsive footer
    ---------------------------------------------------*/
    .totop {
        position: absolute;
        right: 20px;
        bottom: 30px;
    }
    /* responsive after-top
    ---------------------------------------------------*/
    .top-afterWrap {
        min-height: 350px;
    }
    /* responsive prize
    ---------------------------------------------------*/
    .prize-h2 {
        padding: 20px 0 10px;
    }
    .prize-wrap {
        display: block;
    }
    .prize-img {
        width: 90%;
    }
    .prize-dtl {
        width: 90%;
        margin: 0 auto;
        padding: 1em 0;
    }
    .prize-ttl {
        font-size: 30px;
    }
    .prize-comment {
        font-size: 16px;
        margin-top: 1em;
    }
    .schl-prize-white-inner {
        display: block;
    }
    .schl-prize-wrap {
        width: 90%;
        margin: 0 auto;
    }
    .schl-kosei-prize-wrap {
        width: 90%;
        margin: 0 auto;
    }
    .schl-prize-ttl {
        font-size: 20px;
    }
}