@charset "UTF-8";
@font-face {
    font-family: StudySapuriNumber;
    src: url("/css/s/fonts/StudySapuri_Numbers-Regular.woff2") format("woff2"), url("/css/s/fonts/StudySapuri_Numbers-Regular.woff") format("woff"), url("/css/s/fonts/StudySapuri_Numbers-Regular.otf") format("otf");
}

/*
color scheme

markup:
<style>
  .l-row {
    font-size: 10px;
  }
  .col-1 {
    padding: 5px;
    border-radius: 3px;
    box-shadow: 0 0 1px rgba(0, 0, 0, .5);
  }
</style>
<div class="l-group">
  <p>$ monochrome</p>
  <div class="l-row">
    <div class="col-1" style="background: #000; color: #fff;">1, #000</div>
    <div class="col-1" style="background: #333; color: #fff;">2, #333</div>
    <div class="col-1" style="background: #666; color: #fff;">3, #666</div>
    <div class="col-1" style="background: #999; color: #fff;">4, #999</div>
    <div class="col-1" style="background: #ccc;">5, #ccc</div>
    <div class="col-1" style="background: #e5e5e5;">6, #e5e5e5</div>
    <div class="col-1" style="background: #f5f5f5;">7, #f5f5f5</div>
    <div class="col-1" style="background: #fff;">8, #fff</div>
  </div>
  <p>$ blue</p>
  <div class="l-row">
    <div class="col-1" style="background: #0066cf; color: #fff;">1, #0066cf</div>
  </div>
  <p>$ orange</p>
  <div class="l-row">
    <div class="col-1" style="background: #fe6105; color: #fff;">1, #fe6105</div>
    <div class="col-1" style="background: #ffab22;">2, #ffab22</div>
  </div>
  <p>$ red</p>
  <div class="l-row">
    <div class="col-1" style="background: #b40000; color: #fff;">1, #b40000</div>
  </div>
  <p>$ yellow</p>
  <div class="l-row">
    <div class="col-1" style="background: #ff0;">1, #ff0</div>
    <div class="col-1" style="background: #fefcc9;">2, #fefcc9</div>
  </div>
  <p>$ green</p>
  <div class="l-row">
    <div class="col-1" style="background: #00a30a; color: #fff;">1, #00a30a</div>
    <div class="col-1" style="background: #e2f6cc;">2, #e2f6cc</div>
  </div>
  <p>$ purple</p>
  <div class="l-row">
    <div class="col-1" style="background: #8e61b7; color: #fff;">1, #8e61b7</div>
  </div>
</div>

<div class="l-group">
</div>

Styleguide 1.0
*/
@font-face {
    font-family: StudySapuriNumber;
    src: url("/css/s/fonts/StudySapuri_Numbers-Regular.woff2") format("woff2"), url("/css/s/fonts/StudySapuri_Numbers-Regular.woff") format("woff"), url("/css/s/fonts/StudySapuri_Numbers-Regular.otf") format("otf");
}

/*
color scheme

markup:
<style>
  .l-row {
    font-size: 10px;
  }
  .col-1 {
    padding: 5px;
    border-radius: 3px;
    box-shadow: 0 0 1px rgba(0, 0, 0, .5);
  }
</style>
<div class="l-group">
  <p>$ monochrome</p>
  <div class="l-row">
    <div class="col-1" style="background: #000; color: #fff;">1, #000</div>
    <div class="col-1" style="background: #333; color: #fff;">2, #333</div>
    <div class="col-1" style="background: #666; color: #fff;">3, #666</div>
    <div class="col-1" style="background: #999; color: #fff;">4, #999</div>
    <div class="col-1" style="background: #ccc;">5, #ccc</div>
    <div class="col-1" style="background: #e5e5e5;">6, #e5e5e5</div>
    <div class="col-1" style="background: #f5f5f5;">7, #f5f5f5</div>
    <div class="col-1" style="background: #fff;">8, #fff</div>
  </div>
  <p>$ blue</p>
  <div class="l-row">
    <div class="col-1" style="background: #0066cf; color: #fff;">1, #0066cf</div>
  </div>
  <p>$ orange</p>
  <div class="l-row">
    <div class="col-1" style="background: #fe6105; color: #fff;">1, #fe6105</div>
    <div class="col-1" style="background: #ffab22;">2, #ffab22</div>
  </div>
  <p>$ red</p>
  <div class="l-row">
    <div class="col-1" style="background: #b40000; color: #fff;">1, #b40000</div>
  </div>
  <p>$ yellow</p>
  <div class="l-row">
    <div class="col-1" style="background: #ff0;">1, #ff0</div>
    <div class="col-1" style="background: #fefcc9;">2, #fefcc9</div>
  </div>
  <p>$ green</p>
  <div class="l-row">
    <div class="col-1" style="background: #00a30a; color: #fff;">1, #00a30a</div>
    <div class="col-1" style="background: #e2f6cc;">2, #e2f6cc</div>
  </div>
  <p>$ purple</p>
  <div class="l-row">
    <div class="col-1" style="background: #8e61b7; color: #fff;">1, #8e61b7</div>
  </div>
</div>

<div class="l-group">
</div>

Styleguide 1.0
*/
/*
Button

Styleguide 4.0
*/
/*
button

default - normal
.sub - sub
.search - search
.action - action
.action.is-disabled - disabled

markup:
<a href="#" class="m-button {$modifiers}">ボタン＆タブ</a>

Styleguide 4.1
*/
.m-button {
    font-weight: bold;
    font-size: 14px;
    line-height: 1;
    display: inline-block;
    padding: 10px 10px;
    border-radius: 3px;
    border: 1px solid #ccc;
    background: #f5f5f5;
    color: #333;
}

.m-button:hover {
    font-weight: bold;
    background: #e5e5e5;
    text-decoration: none;
}

.m-button.m-button--sub {
    font-weight: bold;
    border-color: #00a30a;
    background: #fff;
}

.m-button.m-button--sub:hover {
    color: #00a30a;
}

.m-button.m-button--search {
    border-color: #e2f6cc;
    background: #00a30a;
    color: #fff;
}

.m-button.m-button--search:hover {
    border-color: #00a30a;
    background-image: -webkit-linear-gradient(bottom, #15A748 0%, #03C70F 100%);
    background-image: linear-gradient(0deg, #15A748 0%, #03C70F 100%);
}

.m-button.m-button--action {
    border-color: #ffab22;
    background-image: -webkit-linear-gradient(top, #F7BF6D 0%, #F7951F 100%);
    background-image: linear-gradient(-180deg, #F7BF6D 0%, #F7951F 100%);
    color: #fff;
}

.m-button.m-button--action:hover {
    background-image: -webkit-linear-gradient(top, #FEA053 0%, #FE6205 100%);
    background-image: linear-gradient(-180deg, #FEA053 0%, #FE6205 100%);
}

.m-button.m-button--action.is-disabled {
    color: #999;
    border: 1px solid #ccc;
    background: #e5e5e5;
}

.snsLinkButtons a {
    display: block;
    width: 100%;
    height: 100%;
    text-indent: -9999px;
}

.snsLinkButtons .Facebook {
    background: url(/images/index/btn_facebook.gif) no-repeat left top;
}

.snsLinkButtons .mixi {
    background: url(/images/index/btn_mixi.gif) no-repeat left top;
}

.snsLinkButtons .Twitter {
    background: url(/images/index/btn_twitter.gif) no-repeat left top;
}

.m-kosyaButton {
    font-weight: bold;
    font-size: 14px;
    line-height: 1;
    padding: 10px;
    border-radius: 3px;
    border: 1px solid #ccc;
    background: #fff;
    color: #333;
    height: 70px;
    box-sizing: border-box;
    vertical-align: middle;
    text-align: center;
}

.m-kosyaButton:hover {
    background: #FF6D04;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzFlNTc5OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZmY2ZjE2IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmMTUwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3ZGI5ZTgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -webkit-linear-gradient(top, #1e5799 0%, #ff6f16 0%, #ff1500 100%, #7db9e8 100%);
    background: linear-gradient(to bottom, #1e5799 0%, #ff6f16 0%, #ff1500 100%, #7db9e8 100%);
}

.m-kosyaButton:hover .i-gansyoShort {
    background-image: url(/images/common/gansyoShortHover.svg);
}

.m-kosyaButton:hover .i-opencampusShort {
    background-image: url(/images/common/opencampusShortHover.svg);
}

.m-kosyaButton:hover .i-pamphWhite {
    opacity: 0.7;
}

.m-kosyaButton:hover .i-panganShortWhite {
    background-image: url(/images/common/panganShort.svg);
}

.m-kosyaButton:hover .i-addList {
    background-image: url(/images/common/addList_hover.svg);
}

.m-kosyaButton.m-kosyaButton--opencampus {
    padding-left: 2px;
    padding-right: 2px;
}

.m-kosyaButton.m-kosyaButton--slim {
    height: 60px;
}

.m-kosyaButton.m-kosyaButton--action {
    border-color: #ffab22;
    background: #1e5799;
    /* Old browsers */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzFlNTc5OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZmZiOTUwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmNjkwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -webkit-linear-gradient(top, #ffb950 0%, #ff6900 100%);
    background: linear-gradient(to bottom, #ffb950 0%, #ff6900 100%);
    color: #fff;
}

.m-kosyaButton.m-kosyaButton--action:hover {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzFlNTc5OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZmY2ZjE2IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmMTUwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3ZGI5ZTgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -webkit-linear-gradient(top, #1e5799 0%, #ff6f16 0%, #ff1500 100%, #7db9e8 100%);
    background: linear-gradient(to bottom, #1e5799 0%, #ff6f16 0%, #ff1500 100%, #7db9e8 100%);
}

.m-kosyaButton.m-kosyaButton--action.is-disabled {
    color: #999;
    border: 1px solid #ccc;
    background: #e5e5e5;
}

.m-kosyaButton.m-kosyaButton--sub {
    border: 1px solid #FF6900;
    color: #FF6900;
}

.m-kosyaButton.m-addListButton:hover {
    background: #E4E4E4;
}

.m-kosyaButton.m-kosyaButton--event:hover {
    background-color: #f5f5f5;
    text-decoration: none;
}

.shiryoSeikyuFormOne__questionTitle {
    margin: 30px 0 20px;
    font-size: 22px;
    font-weight: bold;
    color: #333;
}

.shiryoSeikyuFormOneSelectBlockWrapper .shiryoSeikyuFormOneSelectBlock {
    padding-bottom: 19px;
    border-top: 1px solid #ccc;
}

.shiryoSeikyuFormOneSelectBlockWrapper .shiryoSeikyuFormOneSelectBlock:last-child {
    border-bottom: 1px solid #ccc;
}

.shiryoSeikyuFormOneSelectTitle {
    margin-top: 13px;
}

.shiryoSeikyuFormOneSchoolBlock__nameBlock__name {
    display: table-cell;
    position: relative;
    padding-left: 40px;
    font-size: 18px;
    padding-top: 5px;
}

.shiryoSeikyuFormOneSchoolBlock__nameBlock__name input {
    opacity: 0;
    position: absolute;
    left: 3px;
}

.shiryoSeikyuFormOneSchoolBlock__nameBlock__name input:checked + .shiryoSeikyuFormOneSchoolBlock__nameBlock__name__check {
    background: url(/images/pamph/check_on.png) no-repeat 0 0;
    background-size: 100%;
    width: 23px;
    height: 23px;
}

.shiryoSeikyuFormOneSchoolBlock__nameBlock__name__check {
    position: absolute;
    top: 6px;
    background: url(/images/pamph/check_off.png) no-repeat 0 0;
    background-size: 100%;
    display: inline-block;
    width: 20px;
    height: 20px;
    position: absolute;
    left: 10px;
}

.shiryoSeikyuFormOneSchoolBlock__nameBlock__name__check--checkedOnly {
    position: absolute;
    display: inline-block;
    top: 13px;
    left: 13px;
    width: 19px;
    height: 17px;
    background: url(/images/pamph/check_on.png) no-repeat 0 0;
    background-size: 100%;
}

.shiryoSeikyuFormOneSchoolBlock__nameBlock__name--large {
    display: table-cell;
    position: relative;
    padding: 7px 0 7px 40px;
    font-size: 20px;
}

.shiryoSeikyuFormOneSchoolBlock__shiryoBlock__attention {
    color: #d0021b;
    font-size: 11px;
    position: relative;
    margin-bottom: 0;
    padding-top: 7px;
    padding-left: 25px;
    left: 0;
}

.shiryoSeikyuFormOneSchoolBlock__nameBlock__shiryoCount {
    vertical-align: middle;
    position: relative;
    display: table-cell;
    width: 97px;
    color: #0066cf;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 12px;
    text-align: right;
}

.shiryoSeikyuFormOneSchoolBlock__nameBlock__shiryoCount::before {
    content: '';
    display: inline-block;
    position: relative;
    top: 2px;
    width: 6px;
    height: 6px;
    -webkit-transform: rotate(-135deg);
        -ms-transform: rotate(-135deg);
            transform: rotate(-135deg);
    border-top: 1px solid #043f94;
    border-left: 1px solid #043f94;
    float: left;
}

.shiryoSeikyuFormOneSchoolBlock__nameBlock__shiryoCount.is-open::before {
    top: 6px;
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
}

.shiryoSeikyuFormOneSchoolBlock__shiryoBlock__parent {
    position: relative;
}

.shiryoSeikyuFormOneSchoolBlock__shiryoBlock--border {
    position: relative;
    width: 100%;
    overflow-y: scroll;
    overflow-x: hidden;
    box-sizing: border-box;
    padding-right: 6px;
    overflow-y: hidden;
}

.shiryoSeikyuFormOneSchoolBlock__shiryoBlock--border:after {
    display: block;
    content: '';
    width: 1px;
    height: 4px;
}

.shiryoSeikyuFormOneSchoolBlock__shiryoBlock--border .shiryoSeikyuFormOneSchoolBlock__shiryoBlock__item:last-child {
    padding-bottom: 1px;
}

.shiryoSeikyuFormOneSchoolBlock__shiryoBlock--border .shiryoSeikyuFormOneSchoolBlock__shiryoBlock__item:last-child .shiryoSeikyuFormOneSchoolBlock__shiryoBlock__item__description {
    padding-bottom: 0;
    margin-top: 5px;
}

.shiryoSeikyuFormOneSchoolBlock__shiryoBlock__description {
    color: #666666;
    font-size: 10px;
    padding-top: 5px;
    margin-bottom: 10px;
}

.shiryoSeikyuFormOneSchoolBlock__shiryoBlock__description__topic {
    margin-right: 10px;
    display: block;
    padding: 2px 0 0;
    font-size: 10px;
    color: #666;
}

.shiryoSeikyuFormOneSchoolBlock__shiryoBlock__description__label {
    font-weight: bold;
}

.shiryoSeikyuFormOneSchoolBlock__shiryoBlock__item {
    position: relative;
    padding: 10px 0 0;
}

.shiryoSeikyuFormOneSchoolBlock__shiryoBlock__item:not(:last-of-type) {
    border-bottom: none;
}

.shiryoSeikyuFormOneSchoolBlock__shiryoBlock__item__inner {
    padding-left: 56px;
    box-sizing: border-box;
}

.shiryoSeikyuFormOneSchoolBlock__shiryoBlock__item__inner:last-child.shiryoSeikyuFormOneSchoolBlock__shiryoBlock__item__description {
    padding-bottom: 0;
}

.shiryoSeikyuFormOneSchoolBlock__shiryoBlock__item__more {
    position: absolute;
    font-size: 10px;
    top: 15px;
    right: 5px;
}

.shiryoSeikyuFormOneSchoolBlock__shiryoBlock__item__more > a {
    color: #999 !important;
}

.shiryoSeikyuFormOneSchoolBlock__shiryoBlock__item__more:before {
    content: '';
    display: inline-block;
    position: absolute;
    top: 50%;
    width: 4px;
    height: 4px;
    -webkit-transform: rotate(-135deg);
        -ms-transform: rotate(-135deg);
            transform: rotate(-135deg);
    -webkit-transform-origin: 50%;
        -ms-transform-origin: 50%;
            transform-origin: 50%;
    border-top: 1px solid #999;
    border-left: 1px solid #999;
    left: -10px;
    margin-top: -4px;
}

.shiryoSeikyuFormOneSchoolBlock__shiryoBlock__item__more > a:hover {
    text-decoration: none;
}

.shiryoSeikyuFormOneSchoolBlock__shiryoBlock__item__more:before {
    content: '';
    display: inline-block;
    position: absolute;
    top: 50%;
    width: 4px;
    height: 4px;
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
    -webkit-transform-origin: 50%;
        -ms-transform-origin: 50%;
            transform-origin: 50%;
    border-top: 1px solid #999;
    border-left: 1px solid #999;
    left: -10px;
    margin-top: -1px;
}

.shiryoSeikyuFormOneSchoolBlock__shiryoBlock__item input {
    opacity: 0;
    position: absolute;
}

.shiryoSeikyuFormOneSchoolBlock__shiryoBlock__item input:checked + .shiryoSeikyuFormOneSchoolBlock__shiryoBlock__item__check {
    background: url(/images/common/checkBox-on.png) no-repeat 0 0;
    background-size: 100%;
    width: 19px;
    height: 17px;
}

.shiryoSeikyuFormOneSchoolBlock__shiryoBlock__item__name {
    font-size: 16px;
}

.shiryoSeikyuFormOneSchoolBlock__shiryoBlock__item__name--wrap {
    display: inline-block;
    font-size: 14px;
    max-width: 550px;
}

.shiryoSeikyuFormOneSchoolBlock__shiryoBlock__item__description {
    font-size: 12px;
    padding-bottom: 5px;
}

.shiryoSeikyuFormOneSchoolBlock__shiryoBlock__item__check {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 26px;
    bottom: 0;
    width: 24px;
    height: 21px;
    margin: 10px 0 0;
    background: url(/images/common/checkBox-off.png) no-repeat 0 0;
}

.shiryoSeikyuFormOneSchoolBlock__shiryoBlock__item__label {
    width: 28px !important;
    line-height: 1.6;
    vertical-align: 1px;
}

.shiryoSeikyuFormOneSchoolBlock__shiryoBlock__item__label--free {
    border: 1px solid #4a90e2;
    color: #4a90e2;
}

.shiryoSeikyuFormOneSchoolBlock__shiryoBlock__item__label--paid {
    border: 1px solid #ff5c5c;
    color: #ff5c5c;
}

.shiryoSeikyuFormOneSchoolBlock__nameBlock {
    display: table;
    width: 100%;
    background-color: #f5f5f5;
    font-size: 14px;
    padding: 5px 0;
    background-color: #fff;
}

.shiryoSeikyuFormOne__checkStateWrapper {
    position: relative;
    padding-top: 51px;
    width: 360px;
    margin: 0 auto;
}

.shiryoSeikyuFormOne__checkState__checkState {
    box-sizing: border-box;
    position: absolute;
    top: 20px;
    right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 26px;
    padding: 5px 8px;
    font-size: 12px;
    color: #fff;
    background-color: #808d96;
    border-radius: 3px;
    line-height: 1;
    min-width: 54px;
    padding: 5px 11px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

/* enter、 leave アニメーションで異なる間隔やタイミング関数を利用することができます */
.slide-fade-enter-active {
    -webkit-transition: all .7s ease;
    transition: all .7s ease;
}

.slide-fade-enter {
    -webkit-transform: translateX(10px);
        -ms-transform: translateX(10px);
            transform: translateX(10px);
    opacity: 0;
}

.shiryoSeikyuFormErrorBlock--center {
    text-align: center;
    margin-top: 10px;
}

/* 23RM-11 会員化 ログイン時資料選択画面対応 */
/***************/
/* ブランドカラー */
/***************/
/*****************/
/* アクションカラー */
/*****************/
/***************/
/* テキストカラー */
/***************/
/***************/
/* font-weight */
/***************/
/***************/
/* font-size */
/***************/
/***************/
/* line-height */
/***************/
/*********/
/* 背景カラー */
/*********/
/*********/
/* borderカラー */
/*********/
.l-commonHeader {
    background-color: #ffffff;
    width: 100%;
}

.l-commonHeader .l-commonHeader__logo {
    height: 40px;
    margin: 0 auto;
    padding: 16px 0;
    width: 960px;
}

.l-commonHeader .l-commonHeader__logo img {
    height: auto;
    width: 180px;
}

/***************/
/* ブランドカラー */
/***************/
/*****************/
/* アクションカラー */
/*****************/
/***************/
/* テキストカラー */
/***************/
/***************/
/* font-weight */
/***************/
/***************/
/* font-size */
/***************/
/***************/
/* line-height */
/***************/
/*********/
/* 背景カラー */
/*********/
/*********/
/* borderカラー */
/*********/
.contentsFooter {
    margin: 0 auto;
    width: 960px;
}

.contentsFooter .pagetop {
    font-size: 13px;
    padding: 24px 0;
    text-align: right;
}

.contentsFooter .pagetop a {
    color: #0b41a0;
    position: relative;
}

.contentsFooter .pagetop a::before {
    border-left: 1px solid #043f94;
    border-top: 1px solid #043f94;
    content: '';
    display: inline-block;
    height: 6px;
    margin-top: -1px;
    left: -15px;
    position: absolute;
    top: 50%;
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
    -webkit-transform-origin: 50%;
        -ms-transform-origin: 50%;
            transform-origin: 50%;
    width: 6px;
}

.commonFooter {
    background: #f8f9f9;
    position: absolute;
    width: 100%;
}

.commonFooter .commonFooter__inner {
    margin: 0 auto;
    padding: 0 0 25px;
    width: 960px;
}

.commonFooter .commonFooter__inner .footerContents {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

.commonFooter .commonFooter__inner .footerContents .l_footerLogo {
    margin-top: 32px;
}

.commonFooter .commonFooter__inner .footerContents .r_footerLink {
    margin-top: 28px;
}

.commonFooter .commonFooter__inner .footerContents .r_footerLink .linkList {
    float: right;
    height: 15px;
    margin-bottom: 14px;
}

.commonFooter .commonFooter__inner .footerContents .r_footerLink .linkList ul {
    margin: 0;
}

.commonFooter .commonFooter__inner .footerContents .r_footerLink .linkList ul li {
    color: #d3d4d4;
    float: left;
    list-style: none;
}

.commonFooter .commonFooter__inner .footerContents .r_footerLink .linkList ul li a {
    color: #24243f;
    font-size: 12px;
    line-height: 1.5;
    padding: 0 2px;
}

.commonFooter .commonFooter__inner .footerContents .r_footerLink .linkList ul li:first-of-type {
    border-left: none;
}

.commonFooter .commonFooter__inner .footerContents .r_footerLink .linkList:last-of-type {
    margin-bottom: 40px;
}

.commonFooter .commonFooter__inner {
    padding-bottom: 0;
}

.is-login {
    background: #f8f9f9;
}

.is-login .l-commonHeader {
    margin-bottom: 32px;
}

.is-login #contents h1 {
    margin-top: 0;
}

.is-login #ocuniversity2 {
    padding-bottom: 16px;
}

.is-login .shiryoSeikyuFormOne__checkStateWrapper {
    padding-top: 0;
}

.is-login .shiryoSeikyuFormOne__checkState__checkState {
    top: auto;
    bottom: 4px;
    min-width: 45px;
    padding: 5px 8px;
}

.is-login .shiryoSeikyuFormOne__actionButton {
    margin-top: 0;
}

.is-login .shiryoSeikyuFormOne__actionButton a {
    background: #ff8700;
    border-radius: 4px;
    line-height: 2.7;
}

.is-login .ocProTbl06 {
    margin: 0;
}

.shiryoSeikyuFormOne__actionBlock {
    margin-top: 64px;
}