@charset "UTF-8"; /*! de-style.css v1.0.5 | MIT License | https://github.com/nicolas-cusan/destyle.css */
* {
    box-sizing: border-box
}
:after,:before {
    box-sizing: inherit
}
html {
    -webkit-tap-highlight-color: transparent;
    -webkit-text-size-adjust: 100%;
    line-height: 1.15
}
body {
    margin: 0
}
main {
    display: block
}
address,
blockquote,
dl,
figure,
form,
iframe,
p,
pre,
table {
    margin: 0
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    margin: 0
}
h1.company{
	font-size: 24px;
	color: #0082C1;
	font-weight: 600;
}
ol,
ul {
    list-style: none;
    margin: 0;
    padding: 0
}
dt {
    font-weight: 700
}
dd {
    margin-left: 0
}
hr {
    border: 0;
    border-top: 1px solid;
    box-sizing: content-box;
    clear: both;
    height: 0;
    margin: 0;
    overflow: visible
}
pre {
    font-family: monospace, monospace;
    font-size: inherit
}
address {
    font-style: inherit
}
a {
    background-color: transparent;
    color: inherit;
    text-decoration: none
}
abbr[title] {
    -webkit-text-decoration: underline dotted;
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted
}
b,
strong {
    font-weight: bolder
}
code,
kbd,
samp {
    font-family: monospace, monospace;
    font-size: inherit
}
small {
    font-size: 80%
}
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}
sub {
    bottom: -0.25em
}
sup {
    top: -0.5em
}
img {
    border-style: none;
    vertical-align: bottom;
	max-width: 100%;
}
embed,
iframe,
object {
    border: 0;
    vertical-align: bottom
}
button,
input,
optgroup,
select,
textarea {
    background: 0 0;
    border: 0;
    color: inherit;
    font: inherit;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: middle
}
select {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    border-radius: 0
}
button,
input {
    overflow: visible
}
button,
select {
    text-transform: none
}
[type=button],
[type=reset],
[type=submit],
button {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    cursor: pointer
}
[type=button][disabled],
[type=reset][disabled],
[type=submit][disabled],
button[disabled] {
    cursor: default
}
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
    border-style: none;
    padding: 0
}
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
    outline: 1px dotted ButtonText
}
fieldset {
    border: 0;
    margin: 0;
    min-width: 0;
    padding: 0
}
legend {
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}
progress {
    vertical-align: baseline
}
textarea {
    overflow: auto
}
[type=checkbox],
[type=radio] {
    box-sizing: border-box;
    padding: 0
}
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
    height: auto
}
[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}
[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}
::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}
::-webkit-input-placeholder {
    font: inherit
}
:-ms-input-placeholder {
    font: inherit
}
::-ms-input-placeholder {
    font: inherit
}
::-moz-placeholder {
    font: inherit
}
::-webkit-input-placeholder {
    font: inherit
}
:-ms-input-placeholder {
    font: inherit
}
::placeholder {
    font: inherit
}
label[for] {
    cursor: pointer
}
details {
    display: block
}
summary {
    display: list-item
}
table {
    border-collapse: collapse;
    border-spacing: 0
}
caption {
    text-align: left
}
td,
th {
    vertical-align: top
}
th {
    font-weight: 700;
    text-align: left
}
template {
    display: none
}
[hidden] {
    display: none
}
body {
    -moz-font-feature-settings: "palt";
    -webkit-font-feature-settings: "palt";
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
    font-feature-settings: "palt";
    font-weight: 500;
    line-height: 1.8
}
html {
    font-size: 62.5%;
    height: 100%
}
body {
    -moz-osx-font-smoothing: grayscale;
    -ms-overflow-style: none;
    -webkit-font-smoothing: antialiased;
    background-color: #fefefe;
    color: #111;
    line-height: 1.6;
    min-height: 100%;
    /*overflow: -moz-scrollbars-none;*/
    overflow-y: scroll
}
* {
    box-sizing: border-box
}
:after,:before {
    box-sizing: border-box
}
img,
svg {
    display: block;
    height: 100%;
    object-fit: cover;
    vertical-align: top;
    width: 100%
}
figure {
    height: 100%
}
a {
    text-decoration: none
}
button {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background: 0 0;
    background-image: none;
    border: 0;
    cursor: pointer
}
input,
option,
select,
textarea {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-image: none;
    border: 0;
    border-radius: 0
}
input[type=checkbox],
input[type=radio] {
    display: none
}
::-webkit-scrollbar {
    display: none
}
input:focus {
    border: #19a4b9 1px solid;
    box-shadow: 0 0 7px #19a4b9
}
.text-hidden {
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap
}
.text-upper {
    text-transform: uppercase
}
.pc-only {
    display: block
}
.tab-only {
    display: none
}
.tab-none {
    display: block
}
.sp-only {
    display: none
}
.swiper-container {
    list-style: none;
    margin: 0 auto;
    overflow: hidden;
    padding: 0;
    position: relative;
    z-index: 1
}
.swiper-container-no-flexbox .swiper-slide {
    float: left
}
.swiper-container-vertical > .swiper-wrapper {
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column
}
.swiper-wrapper {
    box-sizing: content-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    height: 100%;
    position: relative;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    width: 100%;
    z-index: 1
}
.swiper-container-android .swiper-slide,
.swiper-wrapper {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}
.swiper-container-multirow > .swiper-wrapper {
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap
}
.swiper-container-free-mode > .swiper-wrapper {
    margin: 0 auto;
    transition-timing-function: ease-out
}
.swiper-slide {
    -ms-flex-negative: 0;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    height: 100%;
    position: relative;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    width: 100%
}
.swiper-slide-invisible-blank {
    visibility: hidden
}
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
    height: auto
}
.swiper-container-autoheight .swiper-wrapper {
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    transition-property: height, -webkit-transform;
    transition-property: transform, height;
    transition-property: transform, height, -webkit-transform
}
.swiper-container-3d {
    -webkit-perspective: 1200px;
    perspective: 1200px
}
.swiper-container-3d .swiper-cube-shadow,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-wrapper {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top {
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10
}
.swiper-container-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))
}
.swiper-container-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))
}
.swiper-container-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))
}
.swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))
}
.swiper-container-wp8-horizontal,
.swiper-container-wp8-horizontal > .swiper-wrapper {
    -ms-touch-action: pan-y;
    touch-action: pan-y
}
.swiper-container-wp8-vertical,
.swiper-container-wp8-vertical > .swiper-wrapper {
    -ms-touch-action: pan-x;
    touch-action: pan-x
}
.swiper-button-next,
.swiper-button-prev {
    background-position: center;
    background-repeat: no-repeat;
    background-size: 27px 44px;
    cursor: pointer;
    height: 44px;
    margin-top: -22px;
    position: absolute;
    top: 50%;
    width: 27px;
    z-index: 10
}
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    cursor: auto;
    opacity: .35;
    pointer-events: none
}
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    left: 10px;
    right: auto
}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    left: auto;
    right: 10px
}
.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}
.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}
.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}
.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}
.swiper-button-lock {
    display: none
}
.swiper-pagination {
    -webkit-transform: translate3d(0, 0, 0);
    position: absolute;
    text-align: center;
    transform: translate3d(0, 0, 0);
    transition: 0.3s opacity;
    z-index: 10
}
.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}
.swiper-container-horizontal > .swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%
}
.swiper-pagination-bullets-dynamic {
    font-size: 0;
    overflow: hidden
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transform: scale(0.33);
    position: relative;
    transform: scale(0.33)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
    -webkit-transform: scale(1);
    transform: scale(1)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    -webkit-transform: scale(1);
    transform: scale(1)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    -webkit-transform: scale(0.66);
    transform: scale(0.66)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    -webkit-transform: scale(0.33);
    transform: scale(0.33)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    -webkit-transform: scale(0.66);
    transform: scale(0.66)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    -webkit-transform: scale(0.33);
    transform: scale(0.33)
}
.swiper-pagination-bullet {
    background: #000;
    border-radius: 100%;
    display: inline-block;
    height: 8px;
    opacity: .2;
    width: 8px
}
button.swiper-pagination-bullet {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    border: none;
    box-shadow: none;
    margin: 0;
    padding: 0
}
.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}
.swiper-pagination-bullet-active {
    background: #007aff;
    opacity: 1
}
.swiper-container-vertical > .swiper-pagination-bullets {
    -webkit-transform: translate3d(0, -50%, 0);
    right: 10px;
    top: 50%;
    transform: translate3d(0, -50%, 0)
}
.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
    display: block;
    margin: 6px 0
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    -webkit-transform: translateY(-50%);
    top: 50%;
    transform: translateY(-50%);
    width: 8px
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    transition: 0.2s top, 0.2s -webkit-transform;
    transition: 0.2s transform, 0.2s top;
    transition: 0.2s transform, 0.2s top, 0.2s -webkit-transform
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 4px
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    -webkit-transform: translateX(-50%);
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: 0.2s left, 0.2s -webkit-transform;
    transition: 0.2s transform, 0.2s left;
    transition: 0.2s transform, 0.2s left, 0.2s -webkit-transform
}
.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: 0.2s right, 0.2s -webkit-transform;
    transition: 0.2s transform, 0.2s right;
    transition: 0.2s transform, 0.2s right, 0.2s -webkit-transform
}
.swiper-pagination-progressbar {
    background: rgba(0, 0, 0, .25);
    position: absolute
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    -webkit-transform: scale(0);
    -webkit-transform-origin: left top;
    background: #007aff;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transform: scale(0);
    transform-origin: left top;
    width: 100%
}
.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    -webkit-transform-origin: right top;
    transform-origin: right top
}
.swiper-container-horizontal > .swiper-pagination-progressbar,
.swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    height: 4px;
    left: 0;
    top: 0;
    width: 100%
}
.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-container-vertical > .swiper-pagination-progressbar {
    height: 100%;
    left: 0;
    top: 0;
    width: 4px
}
.swiper-pagination-white .swiper-pagination-bullet-active {
    background: #fff
}
.swiper-pagination-progressbar.swiper-pagination-white {
    background: rgba(255, 255, 255, .25)
}
.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
    background: #fff
}
.swiper-pagination-black .swiper-pagination-bullet-active {
    background: #000
}
.swiper-pagination-progressbar.swiper-pagination-black {
    background: rgba(0, 0, 0, .25)
}
.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
    background: #000
}
.swiper-pagination-lock {
    display: none
}
.swiper-scrollbar {
    -ms-touch-action: none;
    background: rgba(0, 0, 0, .1);
    border-radius: 10px;
    position: relative
}
.swiper-container-horizontal > .swiper-scrollbar {
    bottom: 3px;
    height: 5px;
    left: 1%;
    position: absolute;
    width: 98%;
    z-index: 50
}
.swiper-container-vertical > .swiper-scrollbar {
    height: 98%;
    position: absolute;
    right: 3px;
    top: 1%;
    width: 5px;
    z-index: 50
}
.swiper-scrollbar-drag {
    background: rgba(0, 0, 0, .5);
    border-radius: 10px;
    height: 100%;
    left: 0;
    position: relative;
    top: 0;
    width: 100%
}
.swiper-scrollbar-cursor-drag {
    cursor: move
}
.swiper-scrollbar-lock {
    display: none
}
.swiper-zoom-container {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    -webkit-justify-content: center;
    align-items: center;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    height: 100%;
    justify-content: center;
    text-align: center;
    width: 100%
}
.swiper-zoom-container > canvas,
.swiper-zoom-container>img,
.swiper-zoom-container > svg {
    max-height: 100%;
    max-width: 100%;
    object-fit: contain
}
.swiper-slide-zoomed {
    cursor: move
}
.swiper-lazy-preloader {
    -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
    -webkit-transform-origin: 50%;
    animation: swiper-preloader-spin 1s steps(12, end) infinite;
    height: 42px;
    left: 50%;
    margin-left: -21px;
    margin-top: -21px;
    position: absolute;
    top: 50%;
    transform-origin: 50%;
    width: 42px;
    z-index: 10
}
.swiper-lazy-preloader:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100%;
    content: '';
    display: block;
    height: 100%;
    width: 100%
}
.swiper-lazy-preloader-white:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}
@-webkit-keyframes swiper-preloader-spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}
@keyframes swiper-preloader-spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}
.swiper-container .swiper-notification {
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    z-index: -1000
}
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    transition-timing-function: ease-out
}
.swiper-container-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity
}
.swiper-container-fade .swiper-slide .swiper-slide {
    pointer-events: none
}
.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}
.swiper-container-cube {
    overflow: visible
}
.swiper-container-cube .swiper-slide {
    -webkit-backface-visibility: hidden;
    -webkit-transform-origin: 0 0;
    backface-visibility: hidden;
    height: 100%;
    pointer-events: none;
    transform-origin: 0 0;
    visibility: hidden;
    width: 100%;
    z-index: 1
}
.swiper-container-cube .swiper-slide .swiper-slide {
    pointer-events: none
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-next+.swiper-slide,
.swiper-container-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible
}
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right,
.swiper-container-cube .swiper-slide-shadow-top {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 0
}
.swiper-container-cube .swiper-cube-shadow {
    -webkit-filter:blur(50px);
    background: #000;
    bottom: 0;
    filter:url('data:image/svg+xml;charset=utf-8, <svg xmlns="http://www.w3.org / 2000/svg"><filter id="filter"><feGaussianBlur stdDeviation="50" /></filter></svg>#filter');
    filter:blur(50px);
    height: 100%;
    left: 0;
    opacity: .6;
    position: absolute;
    width: 100%;
    z-index: 0
}
.swiper-container-flip {
    overflow: visible
}
.swiper-container-flip .swiper-slide {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    pointer-events: none;
    z-index: 1
}
.swiper-container-flip .swiper-slide .swiper-slide {
    pointer-events: none
}
.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right,
.swiper-container-flip .swiper-slide-shadow-top {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 0
}
.swiper-container-coverflow .swiper-wrapper {
    -ms-perspective: 1200px
} /*! state */
.is-hidden {
    display: none !important
}
.is-select-hidden {
    display: none
} /*! end */
.container {
    margin: 0 auto;
    max-width: 1040px;
    width: 100%
} /*! button  */
.button:not(root) {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    -webkit-justify-content: center;
    align-items: center;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    font-weight: 500;
    font-weight: 600;
    justify-content: center;
    letter-spacing: 1.5px;
    min-inline-size: 70px
}
.button.button_color_blue {
    background: #1e5799;
    background: linear-gradient(to right,#1e5799 0,#1e5799 12%,#1d7896 100%);
    color: #fff
}
.button.button_color_return {
    border: 1px solid #919191;
    color: #919191;
    font-size: 20px;
    font-size: 20px;
    font-size: 2rem;
    height: 70px;
    min-width: 200px;
    padding: 0 30px
}
.button.button_size_defalut {
    font-size: 22px;
    font-size: 22px;
    font-size: 2.2rem;
    height: 70px;
    min-width: 346px;
    padding: 0 30px
}
.button[disabled] {
    background: #bbb;
    cursor: not-allowed
} /*! end */ /*! radius-button  */
.radius-button {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    -webkit-justify-content: center;
    align-items: center;
    border-radius: 100px;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    font-weight: 600;
    justify-content: center;
    letter-spacing: 1px
}
.radius-button.radius-button2{
	border-radius: 30px;
}
.radius-button span {
    padding-left: 20px;
    position: relative
}
.radius-button span:before {
    -webkit-transform: translateY(-50%);
    content: "";
    height: 28px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 28px
}
.radius-button.-color-white {
    background-color: #fff;
    color: #000
}
.radius-button.-color-blue {
    background: linear-gradient(to right,#1e5799 0,#1e5799 12%,#1d7896 100%);
    color: #fff
}
.radius-button.-color-gold {
    background-color: #baa656;
    color: #fff
}
.radius-button.-size-small {
    font-size: 15px;
    font-size: 1.5rem;
    height: 40px;
    width: 120px
}
@media(max-width:768px) {
	.radius-button.-size-small{
		font-size: 13px;
    font-size: 1.3rem;
		width: 110px
	}
}
.radius-button.-size-medium {
    font-size: 16px;
    font-size: 1.6rem;
    height: 50px;
    min-width: 200px
}
.radius-button.-size-large {
    font-size: 18px;
    font-size: 1.8rem;
    height: 60px;
    min-width: 280px
}
.radius-button.-entry span:before {
    background: url('../images/commons/icons/icon_entry_black.svg') no-repeat center;
    background-size: contain;
    left: -18px
}
.radius-button.-entry.-color-gold span:before {
    background: url('../images/commons/icons/icon_entry.svg') no-repeat center;
    background-size: contain;
    left: -18px
}
.radius-button.-follow.-color-white span:before {
    background: url('../images/commons/icons/icon_plus_black.svg') no-repeat center;
    background-size: contain;
    left: -20px
}
.radius-button.-follow span:before {
    background: url('../images/commons/icons/icon_plus.svg') no-repeat center;
    background-size: contain;
    left: -18px
}
.radius-button.-guidance span:before {
    background: url('../images/commons/icons/icon_note_white.svg') no-repeat center;
    background-size: contain;
    left: -20px
}
.radius-button.-description-party span:before {
    background: url('../images/commons/icons/icon_calender.svg') no-repeat center;
    background-size: contain;
    left: -20px
} /*! end */ /*! back-to-top */
.back-to-top {
    padding: 10px 0;
    text-align: center;
    width: 100%
} /*! end */
.flash-hyphen {
    color: #e3535d;
    display: none;
    margin-top: 5px
}
.flash {
    display: none;
    font-size: 10px;
    font-size: 10px;
    font-size: 1rem;
    font-weight: 600;
    margin-top: 8px;
    text-align: center
}
.flash.is-active {
    display: block
}
.flash_require {
    color: #e3535d
}
.flash_form_error {
    color: #e3535d
} /*!
  hamburger
*/
.hamburger .hamburger__area {
    cursor: pointer;
    height: 23px;
    position: relative;
    width: 30px
}
.hamburger .hamburger__line {
    background-color: #111;
    display: block;
    height: 2px;
    position: absolute;
    width: 100%
}
.hamburger .hamburger__line:nth-of-type(1) {
    top: 0
}
.hamburger .hamburger__line:nth-of-type(2) {
    top: 10px
}
.hamburger .hamburger__line:nth-of-type(3) {
    top: 20px
}
.heading:not(:root) {
    margin: 20px 0
}
.heading .heading__name {
    font-size: 28px;
    font-size: 28px;
    font-size: 2.8rem;
    font-weight: 600;
    letter-spacing: 1px
} /*!
  header
*/
.header {
    -ms-flex-align: center;
    -ms-flex-pack: justify;
    -webkit-align-items: center;
    -webkit-justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #ddd;
    height: 80px;
    justify-content: space-between;
    padding: 0 20px;
	max-width: 100%;
}
.header .header__inner {
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    height: 100%;
    position: relative
}
.header__logo {max-width: 150px;}
.header .header__logo {
    display: block;
    line-height: 1;
    margin-right: 30px;
    max-width: 150px
}
@media(max-width:768px) {
.header__logo {
    max-width: 140px
}
}
.header .header__search {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}
.header .header__search-input {
    border-bottom: 1px solid #aaa;
    border-left: 1px solid #aaa;
    border-top: 1px solid #aaa;
    color: #aaa;
    font-size: 14px;
    font-size: 14px;
    font-size: 1.4rem;
    height: 50px;
    letter-spacing: 1px;
    padding-left: 15px;
    width: 350px
}
.header .header__search-button {
    border-bottom: 1px solid #aaa;
    border-right: 1px solid #aaa;
    border-top: 1px solid #aaa;
    width: 50px
}
.header .header__search-button:before {
    color: #aaa;
    content: "\f002";
    display: inline-block;
    font-family: "Font Awesome 5 Free";
    font-size: 14px;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 900
}
.header .header__nav-area {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}
.header .header__nav-item {
    height: 100%
}
.header .header__nav-item:not(:last-child) {
    margin-right: 20px
}
.header .header__nav-link {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    -webkit-justify-content: center;
    align-items: center;
    border-bottom: 4px solid transparent;
    color: #111;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    font-size: 14px;
    font-size: 14px;
    font-size: 1.4rem;
    height: 100%;
    justify-content: center;
    letter-spacing: 1px;
    padding: 0 10px;
    position: relative;
    transition: 0.3s
}
.header .header__nav-link:hover {
    border-bottom: 4px solid #125390;
    opacity: .8
}
.header .header__nav-link:before {
    -webkit-transform: translateY(-50%);
    content: "";
    left: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}
.header .header__nav-link_rookie:before {
    background: url('../images/commons/icons/rookie.svg') no-repeat 100% 100%;
    background-size: contain;
    height: 20px;
    left: -28px;
    width: 20px
}
.header .header__nav-link_signin:before {
    color: #4b4b4b;
    content: "\f0e0";
    display: inline-block;
    font-family: "Font Awesome 5 Free";
    font-size: 20px;
    font-size: 20px;
    font-size: 2rem;
    font-weight: 900;
    left: -30px
}
.header .header__nav-link_signup:before {
    background: url('../images/commons/icons/user.svg') no-repeat 100% 100%;
    background-size: contain;
    height: 20px;
    left: -28px;
    width: 20px
}
.header__state-area {
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    height: 100%;
    justify-content: space-between;
    width: 100%
}
.header__nav,
.header__nav-area {
    height: 100%
}
.header__nav-icon {
    margin-right: 10px;
    width: 20px
}
.header__icon-area {
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}
.header__icon-item:not(:last-child) {
    margin-right: 20px
}
.header__icon-pic {
    cursor: pointer;
    display: block;
    width: 30px
} /*! breadcrumb */
.breadcrumb:not(root) {
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    margin: 0 auto;
    max-width: 1220px;
    padding: 15px
}
.breadcrumb .breadcrumb__item {
    color: #111;
    font-size: 14px;
    font-size: 14px;
    font-size: 1.4rem;
    letter-spacing: 1px
}
.breadcrumb .breadcrumb__item:not(:last-child) {
    margin-right: 30px;
    position: relative
}
.breadcrumb .breadcrumb__item:not(:last-child):after {
    -webkit-transform: translateY(-50%) rotate(-45deg);
    border-bottom: 1px solid #111;
    border-right: 1px solid #111;
    content: "";
    height: 10px;
    position: absolute;
    right: -15px;
    top: 50%;
    transform: translateY(-50%) rotate(-45deg);
    width: 10px
}
.breadcrumb .breadcrumb__link {
    color: #125390;
    font-size: 14px;
    font-size: 14px;
    font-size: 1.4rem;
    letter-spacing: 1px;
    text-decoration: underline;
    transition: 0.25s
}
.breadcrumb .breadcrumb__link:hover {
    opacity: .5
} /*! end */ /*! signin */
.signin {
    margin-bottom: 80px
}
.signin__link-area {
    text-align: center
}
.signin__link {
    color: #19a4b9;
    font-size: 14px;
    font-size: 14px;
    font-size: 1.4rem;
    text-decoration: underline
}
.signin__forgot {
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    margin: 10px 0 15px
}
.signin__heading-area {
    margin: 20px 0
}
.signin__heading {
    font-size: 28px;
    font-size: 28px;
    font-size: 2.8rem;
    font-weight: 600;
    letter-spacing: 1px
}
.signin__form-area {
    margin-bottom: 40px
}
.signin__input-item {
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    background-color: #f5f5f5;
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    min-height: 90px
}
.signin__input-item:first-child {
    border-top: 1px solid #ddd
}
.signin__input-head {
    -ms-flex-align: center;
    -ms-flex-pack: justify;
    -webkit-align-items: center;
    -webkit-justify-content: space-between;
    align-items: center;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    height: 100%;
    justify-content: space-between;
    letter-spacing: 1px;
    padding: 0 20px;
    width: 35%
}
.signin__input-head-name {
    color: #626262;
    font-size: 16px;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 600
}
.signin__input-body {
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    background-color: #fff;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    height: 100%;
    min-height: 90px;
    padding: 25px 20px;
    width: 65%
}
.signin__input-body.-col {
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column
}
.signin__input-outer {
    width: 100%
}
.signin__input-outer:not(:last-child) {
    margin-right: 15px
}
.signin__input {
    border: 1px solid #ddd;
    border-radius: 3px;
    font-size: 14px;
    font-size: 14px;
    font-size: 1.4rem;
    height: 100%;
    letter-spacing: 1.5px;
    padding: 10px 15px;
    width: 100%
}
.signin__input[disabled] {
    background-color: #eee;
    cursor: not-allowed
}
.signin__button-area {
    -ms-flex-align: center;
    -ms-flex-direction: column;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    -webkit-flex-direction: column;
    -webkit-justify-content: center;
    align-items: center;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-bottom: 80px
}
.signin__check-area {
    -ms-flex-align: center;
    -ms-flex-direction: column;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    -webkit-flex-direction: column;
    -webkit-justify-content: center;
    align-items: center;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-bottom: 40px
}
.signin__check-input:checked+.signin__check-outer:before {
    opacity: 1
}
.signin .signin__check-outer {
    box-sizing: border-box;
    color: #626262;
    cursor: pointer;
    display: inline-block;
    font-size: 16px;
    font-size: 16px;
    font-size: 1.6rem;
    letter-spacing: 1px;
    position: relative;
    vertical-align: middle
}
.signin .signin__check-outer:after {
    -webkit-transform: translateY(-50%);
    border: 1px solid #888;
    content: '';
    display: block;
    height: 25px;
    left: -30px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    transition: border-color 0.2s linear;
    width: 25px
}
.signin .signin__check-outer:before {
    -webkit-transform: translateY(-50%) rotate(45deg);
    border-bottom: 2px solid #888;
    border-right: 2px solid #888;
    content: '';
    height: 11px;
    left: -21px;
    opacity: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%) rotate(45deg);
    transition: opacity 0.2s linear;
    width: 7px
} /*! end */
.form__input-group .form__school-unit.-vocational.display_none {
    display: none
}
.form__input-group .form__school-unit.-default.display_none {
    display: none
}
.form__input-group .form__school-unit.-vocational {
    display: block
}
.terms {
    margin-bottom: 80px
}
.terms__heading-area {
    margin: 20px 0
}
.terms__heading {
    font-size: 28px;
    font-size: 28px;
    font-size: 2.8rem;
    font-weight: 600;
    letter-spacing: 1px
}
.terms__text-area {
    background-color: #f8f8f8;
    margin-bottom: 60px;
    padding: 40px
}
.terms__text {
    font-size: 12px;
    font-size: 12px;
    font-size: 1.2rem;
    letter-spacing: 1px;
    line-height: 2
}
.terms__text span {
    display: block
}
.terms__strong {
    display: block;
    font-size: 18px;
    font-size: 18px;
    font-size: 1.8rem;
    margin: 10px 0
} /*! form */
.form_registration .form__button-area {
    margin-bottom: 0
}
.form .form__container {
    margin: 0 auto;
    max-width: 900px
}
.form .form__step-area {
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    margin: 80px 0 30px
}
.form .form__step-item {
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    border: 1px solid #ddd;
    color: #626262;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    font-size: 14px;
    font-size: 14px;
    font-size: 1.4rem;
    height: 54px;
    letter-spacing: 1px;
    min-width: 30.333%;
    position: relative;
    width: 30.333%
}
.form .form__step-item:not(:last-child):after {
    -webkit-transform: translateY(-50%);
    background: url('../images/commons/icons/arrow-right-line.svg') #fff no-repeat 100% 100%;
    background-size: contain;
    content: "";
    height: 20px;
    position: absolute;
    right: -33px;
    top: 50%;
    transform: translateY(-50%);
    width: 20px
}
.form .form__step-item_current {
    border: 2px solid #125390;
    font-weight: 600
}
.form .form__step-item_current .form__step-number {
    background-color: #125390;
    color: #fff;
    margin-right: 20px;
    padding-right: 15px;
    position: relative
}
.form .form__step-item_current .form__step-number:after {
    -webkit-transform: translateY(-50%) rotate(45deg);
    background-color: #125390;
    content: "";
    height: 10px;
    position: absolute;
    right: -4px;
    top: 50%;
    transform: translateY(-50%) rotate(45deg);
    width: 10px
}
.form .form__step-item_current .form__step-text {
    color: #125390
}
.form .form__step-number {
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    color: #2f2f2f;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    height: 100%;
    margin-right: 30px;
    padding-left: 15px
}
.form .form__paragraph {
    color: #626262;
    font-size: 16px;
    font-size: 16px;
    font-size: 1.6rem;
    letter-spacing: 1px
}
.form .form__link {
    color: #19a4b9;
    font-size: 14px;
    font-size: 14px;
    font-size: 1.4rem;
    text-decoration: underline
}
.form .form__link_col {
    position: relative
}
.form .form__back-link {
    -webkit-transform: translateY(-50%);
    font-size: 14px;
    font-size: 14px;
    font-size: 1.4rem;
    left: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}
.form .form__input-group {
    margin: 30px 0 60px
}
.form .form__input-group .form__paragraph-area {
    margin-bottom: 30px
}
.form .form__input-inner:not(:last-child) {
    margin-bottom: 60px
}
.form .form__input-area {
    margin-bottom: 30px
}
.form .form__input-area.-elm-center {
    text-align: center
}
.form .form__input-item {
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    background-color: #f5f5f5;
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    min-height: 90px
}
.form .form__input-item:first-child {
    border-top: 1px solid #ddd
}
.form .form__input-head {
    -ms-flex-align: center;
    -ms-flex-pack: justify;
    -webkit-align-items: center;
    -webkit-justify-content: space-between;
    align-items: center;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    height: 100%;
    justify-content: space-between;
    letter-spacing: 1px;
    padding: 0 20px;
    width: 35%
}
.form .form__input-head_col {
    -ms-flex-align: start;
    -ms-flex-direction: column;
    -ms-flex-pack: center;
    -webkit-align-items: flex-start;
    -webkit-flex-direction: column;
    -webkit-justify-content: center;
    align-items: flex-start;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    justify-content: center
}
.form .form__input-head-child {
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    width: 100%
}
.form .form__input-head-name {
    color: #626262;
    font-size: 16px;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 600
}
.form .form__input-head-required {
    background-color: #fff;
    border: 1px solid #be0000;
    border-radius: 3px;
    color: #be0000;
    font-size: 12px;
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: 500;
    padding: 3px 6px
}
.form .form__input-body {
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    background-color: #fff;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    height: 100%;
    min-height: 90px;
    padding: 25px 20px;
    width: 65%
}
.form .form__input-body_col {
    -ms-flex-align: start;
    -ms-flex-direction: column;
    -ms-flex-pack: center;
    -webkit-align-items: flex-start;
    -webkit-flex-direction: column;
    -webkit-justify-content: center;
    align-items: flex-start;
    flex-direction: column;
    justify-content: center
}
.form .form__input-outer:not(:last-child) {
    margin-right: 15px
}
.form .form__input-outer_tag_select {
    position: relative
}
.form .form__input-outer_tag_select:after {
    -webkit-transform: translateY(-50%) rotate(45deg);
    border-bottom: 1px solid #4b4b4b;
    border-right: 1px solid #4b4b4b;
    content: "";
    height: 10px;
    margin-top: -2px;
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%) rotate(45deg);
    width: 10px
}
.form .form__input-outer_tag_checkradio {
    -ms-flex-direction: column;
    -ms-flex-pack: center;
    -webkit-flex-direction: column;
    -webkit-justify-content: center;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%
}
.form .form__input-outer_size_small {
    width: 50%
}
.form .form__input-outer_size_default {
    width: 100%
}
.form .form__input {
    border: 1px solid #ddd;
    border-radius: 3px;
    font-size: 14px;
    font-size: 14px;
    font-size: 1.4rem;
    height: 100%;
    letter-spacing: 1.5px;
    padding: 10px 15px;
    width: 100%
}
.form .form__input_select {
    border-radius: 3px
}
.form .form__input_checkbox {
    border: 0;
    margin: 0;
    padding: 0
}
.form .form__input_checkbox:checked+.form__input-side-text:before {
    background-color: #125390;
    border-color: #125390
}
.form .form__input_checkbox:checked+.form__input-side-text:after {
    -webkit-transform: rotate(40deg);
    border-bottom: 2px solid #fff;
    border-right: 2px solid #fff;
    content: "";
    display: block;
    height: 9px;
    left: 7px;
    position: absolute;
    top: 4px;
    transform: rotate(40deg);
    width: 5px
}
.form .form__input[disabled] {
    background-color: #eee;
    cursor: not-allowed
}
.form .form__input-side-text {
    cursor: pointer;
    font-size: 14px;
    font-size: 14px;
    font-size: 1.4rem;
    padding-left: 32px;
    position: relative
}
.form .form__input-side-text:before {
    border: 1px solid #999;
    border-radius: 2px;
    content: "";
    display: block;
    height: 20px;
    left: 0;
    position: absolute;
    top: 0;
    width: 20px
}
.form .form__agreement-area {
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center
}
.form .form__agreement-input:checked+.form__agreement-outer:before {
    opacity: 1
}
.form .form__agreement-outer {
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    position: relative;
    vertical-align: middle
}
.form .form__agreement-outer:after {
    -webkit-transform: translateY(-50%);
    border: 1px solid #888;
    content: '';
    display: block;
    height: 25px;
    left: -40px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    transition: border-color 0.2s linear;
    width: 25px
}
.form .form__agreement-outer:before {
    -webkit-transform: translateY(-50%) rotate(45deg);
    border-bottom: 2px solid #888;
    border-right: 2px solid #888;
    content: '';
    height: 11px;
    left: -31px;
    opacity: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%) rotate(45deg);
    transition: opacity 0.2s linear;
    width: 7px
}
.form .form__button-area {
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    margin-top: 40px;
    position: relative
}
.form .form__button-area.-col {
    -ms-flex-align: center;
    -ms-flex-direction: column;
    -webkit-align-items: center;
    -webkit-flex-direction: column;
    align-items: center;
    flex-direction: column
}
.form .form__mail-info-area {
    background-color: #f8f8f8;
    font-size: 14px;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.8;
    margin: 50px 0 80px;
    padding: 30px
}
.form .form__breadcrumb-area {
    margin-bottom: 100px
}
.form .form__complete-area {
    -ms-flex-direction: column;
    -ms-flex-pack: center;
    -webkit-flex-direction: column;
    -webkit-justify-content: center;
    background-color: #f0f0f0;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-bottom: 60px;
    padding: 80px
}
.form .form__complete-area .form__paragraph-area {
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center
}
.form .form__complete-area .form__paragraph {
    font-size: 18px;
    font-size: 18px;
    font-size: 1.8rem
}
.form .form__send-mail-area {
    -ms-flex-align: center;
    -ms-flex-direction: column;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    -webkit-flex-direction: column;
    -webkit-justify-content: center;
    align-items: center;
    background-color: #f8f8f8;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-bottom: 80px;
    min-height: 450px;
    padding: 80px 80px 0;
    text-align: center
}
.form .form__send-mail-heading {
    font-size: 24px;
    font-size: 24px;
    font-size: 2.4rem;
    font-weight: 600;
    letter-spacing: 1px;
    margin-bottom: 20px
}
.form .form__comfirm-head {
    font-size: 24px;
    font-size: 24px;
    font-size: 2.4rem;
    font-weight: 600;
    margin: 60px 0 30px;
    text-align: center
}
.form .form__comfirm-group {
    margin-bottom: 80px
}
.form .form__comfirm-area {
    margin-bottom: 60px
}
.form .form__comfirm-item {
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    font-size: 16px;
    font-size: 16px;
    font-size: 1.6rem;
    height: 70px
}
.form .form__comfirm-item:last-child .form__comfirm-content,
.form .form__comfirm-item:last-child .form__comfirm-label {
    border-bottom: 1px solid #ddd
}
.form .form__comfirm-label {
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    background-color: #f6f6f6;
    border-left: 1px solid #ddd;
    border-top: 1px solid #ddd;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    height: 100%;
    padding-left: 30px;
    width: 30%
}
.form .form__comfirm-content {
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    border-right: 1px solid #ddd;
    border-top: 1px solid #ddd;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    height: 100%;
    padding-left: 30px;
    width: 70%
}
.form .form__icon_obj {
    padding-right: 20px;
    position: relative
}
.form .form__icon_new-window {
    -webkit-transform: translateY(-50%);
    position: absolute;
    right: 2px;
    top: 50%;
    transform: translateY(-50%);
    width: 15px
}
::-webkit-input-placeholder {
    color: #aaa
}
::-moz-placeholder {
    color: #aaa
}
::-ms-input-placeholder {
    color: #aaa
}
::-webkit-input-placeholder {
    color: #aaa
}
::-moz-placeholder {
    color: #aaa
}
:-ms-input-placeholder {
    color: #aaa
}
::placeholder {
    color: #aaa
}
.form__msa-text {
    font-size: 14px;
    font-size: 14px;
    font-size: 1.4rem
}
.form__msa-text:not(:last-child) {
    margin-right: 10px
}
.form__msa-link-unit.-right {
    text-align: right
}
.form__msa-link-unit .form__link {
    display: block
}
.form__msa-link-unit .form__link:not(:last-of-type) {
    margin-bottom: 10px
}
.form__button-area {
    margin-bottom: 80px
}
.form__inner-input-body {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    width: 100%
}
.form__inner-input-body.-col {
    -ms-flex-align: center;
    -ms-flex-direction: column;
    -webkit-align-items: center;
    -webkit-flex-direction: column;
    align-items: center;
    flex-direction: column
}
.form__link-unit {
    margin: 10px 0
}
.form__input-head-info {
    color: #be0000
}
.form__school-unit.-vocational {
    display: none
}
.form__school-unit .form__input-item:first-of-type {
    border-top: 0
}
.form__school-list {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}
.form__school-wrap {
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    width: 100%
}
.form__schoolname-switch {
    background: linear-gradient(to right,#1e5799 0,#1e5799 12%,#1d7896 100%);
    border-radius: 3px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 16px;
    font-size: 16px;
    font-size: 1.6rem;
    margin-bottom: 30px;
    padding: 12px 20px
}
.form__schoolname-switch {
    font-size: 16px;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 600;
    letter-spacing: 1px
}
.form__schoolname-switch.disabled {
    background: #eee;
    border: 1px solid #ddd;
    color: #101010;
    cursor: default;
    font-weight: 300
}
.form__school-list {
    margin-right: 20px;
    width: 50%
}
.form__school-list-unit {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}
.hidden-input,
.hidden-input-junior {
    display: none;
    opacity: 0;
    visibility: hidden
}
.select-modal {
    display: none;
    height: 100vh;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999
}
.select-modal__overlay {
    background-color: rgba(0, 0, 0, .5);
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: 0
}
.select-modal__inner {
    -webkit-transform: translate(-50%, -50%);
    background-color: #fff;
    height: 500px;
    left: 50%;
    max-height: 500px;
    max-width: 850px;
    min-width: 700px;
    overflow: scroll;
    padding: 60px;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 1
}
.select-modal__hiragana-unit {
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}
.select-modal__text {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    -webkit-justify-content: center;
    align-items: center;
    background-color: #eee;
    border-radius: 3px;
    cursor: pointer;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    font-size: 20px;
    font-size: 20px;
    font-size: 2rem;
    font-weight: 600;
    height: 70px;
    justify-content: center;
    margin-bottom: 20px;
    padding: 4px;
    transition: 0.325s;
    width: 70px
}
.select-modal__text:hover {
    opacity: .6
}
.select-modal__text:not(:last-child) {
    margin-right: 40px
}
.select-modal__text.disabled {
    background-color: #fefefe;
    color: #eee
} /*! end */ /*! members-terms */
.members-terms {
    font-size: 14px;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.8;
    margin: 100px auto;
    max-width: 1040px
}
.members-terms .members-terms__button-area {
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    margin: 60px auto
}
.members-terms__strong {
    display: block;
    font-size: 18px;
    font-size: 18px;
    font-size: 1.8rem;
    margin: 10px 0
} /*! end */ /*! unsubscribe */
.unsubscribe {
    margin-bottom: 80px
}
.unsubscribe__link {
    color: #19a4b9;
    text-decoration: underline
}
.unsubscribe__heading-area {
    margin: 20px 0
}
.unsubscribe__heading {
    font-size: 28px;
    font-size: 28px;
    font-size: 2.8rem;
    font-weight: 600;
    letter-spacing: 1px
}
.unsubscribe__area {
    -ms-flex-align: center;
    -ms-flex-direction: column;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    -webkit-flex-direction: column;
    -webkit-justify-content: center;
    align-items: center;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    justify-content: center;
    letter-spacing: 1px;
    margin-top: 60px;
    text-align: center
}
.unsubscribe__head-text {
    font-size: 24px;
    font-size: 24px;
    font-size: 2.4rem;
    font-weight: 700;
    margin-bottom: 20px
}
.unsubscribe__text-area {
    background-color: #f8f8f8;
    padding: 40px 30px
}
.unsubscribe__text {
    font-size: 14px;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 1.8
}
.unsubscribe__form-area,
.unsubscribe__underside,
.unsubscribe__upperside {
    margin: 0 auto;
    max-width: 800px;
    width: 100%
}
.unsubscribe__upperside {
    margin-bottom: 40px
}
.unsubscribe__form-heading {
    font-size: 18px;
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: 600;
    margin-bottom: 20px
}
.unsubscribe__input-item {
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    background-color: #f5f5f5;
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    min-height: 90px
}
.unsubscribe__input-item:first-child {
    border-top: 1px solid #ddd
}
.unsubscribe__input-head {
    -ms-flex-align: center;
    -ms-flex-pack: justify;
    -webkit-align-items: center;
    -webkit-justify-content: space-between;
    align-items: center;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    height: 100%;
    justify-content: space-between;
    letter-spacing: 1px;
    padding: 0 20px;
    width: 35%
}
.unsubscribe__input-head-name {
    color: #626262;
    font-size: 16px;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 600
}
.unsubscribe__input-body {
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    background-color: #fff;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    height: 100%;
    min-height: 90px;
    padding: 25px 20px;
    width: 65%
}
.unsubscribe__input-body.-col {
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column
}
.unsubscribe__input-outer {
    width: 100%
}
.unsubscribe__input-outer:not(:last-child) {
    margin-right: 15px
}
.unsubscribe__input {
    border: 1px solid #ddd;
    border-radius: 3px;
    font-size: 14px;
    font-size: 14px;
    font-size: 1.4rem;
    height: 100%;
    letter-spacing: 1.5px;
    padding: 10px 15px;
    width: 100%
}
.unsubscribe__input[disabled] {
    background-color: #eee;
    cursor: not-allowed
}
.unsubscribe__button-area {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    -webkit-justify-content: center;
    align-items: center;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    margin: 60px 0 100px
} /*! end */ /*! faq */
.faq {
    margin-bottom: 80px
}
.faq__link {
    color: #19a4b9;
    text-decoration: underline
}
.faq__heading-area {
    margin: 20px 0
}
.faq__heading {
    font-size: 28px;
    font-size: 28px;
    font-size: 2.8rem;
    font-weight: 600;
    letter-spacing: 1px
}
.faq__area {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}
.faq__item:nth-of-type(1) {
    position: relative;
    width: 25%
}
.faq__item:nth-of-type(2) {
    width: 75%
}
.faq__category-heading {
    font-size: 20px;
    font-size: 20px;
    font-size: 2rem;
    font-weight: 600;
    letter-spacing: 1px;
    margin-bottom: 20px
}
.faq__category-area {
    padding-right: 50px;
    z-index: 3
}
.faq__category-item {
    background-color: #fff;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-top: 1px solid #ddd;
    transition: 0.2s
}
.faq__category-item:last-child {
    border-bottom: 1px solid #ddd
}
.faq__category-item:hover {
    background-color: #ddd
}
.faq__category-index-heading {
    display: block;
    font-size: 14px;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 600;
    padding: 15px
}
.faq__contents-item {
    letter-spacing: 1px;
    padding-left: 30px
}
.faq__contents-item:not(:last-child) {
    margin-bottom: 40px
}
.faq__contents-area:not(:last-child) {
    margin-bottom: 60px
}
.faq__contents-label {
    font-size: 22px;
    font-size: 22px;
    font-size: 2.2rem;
    font-weight: 600;
    letter-spacing: 1px;
    line-height: 1.5;
    margin-bottom: 40px;
    padding-left: 20px;
    position: relative
}
.faq__contents-label:before {
    background: linear-gradient(to right,#1e5799 0,#1e5799 12%,#1d7896 100%);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 4px
}
.faq__contents-heading {
    font-size: 18px;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.4;
    margin-bottom: 20px;
    position: relative
}
.faq__contents-heading:before {
    content: "Q";
    font-size: 22px;
    font-size: 22px;
    font-size: 2.2rem;
    font-weight: 600;
    left: -35px;
    position: absolute;
    top: -3px
}
.faq__contents-desc {
    line-height: 1.8;
    position: relative
}
.faq__contents-desc:before {
    -webkit-transform: translateY(-50%);
    content: "A";
    font-size: 22px;
    font-size: 22px;
    font-size: 2.2rem;
    font-weight: 600;
    left: -35px;
    position: absolute;
    top: 12px;
    transform: translateY(-50%)
}
.faq__contents-text {
    font-size: 14px;
    font-size: 14px;
    font-size: 1.4rem
}
.faq__contents-text:not(:last-child) {
    margin-bottom: 10px
} /*! end */ /*! reminder */
.reminder {
    margin-bottom: 80px
}
.reminder__link {
    color: #19a4b9;
    text-decoration: underline
}
.reminder__heading-area {
    margin: 20px 0
}
.reminder__heading {
    font-size: 28px;
    font-size: 28px;
    font-size: 2.8rem;
    font-weight: 600;
    letter-spacing: 1px
}
.reminder__area {
    margin: 80px auto 0;
    max-width: 800px
}
.reminder__form {
    width: 100%
}
.reminder__form-heading {
    font-size: 18px;
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: 600;
    margin-bottom: 20px
}
.reminder__input-item {
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    background-color: #f5f5f5;
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}
.reminder__input-item:first-child {
    border-top: 1px solid #ddd
}
.reminder__input-head {
    -ms-flex-align: center;
    -ms-flex-pack: justify;
    -webkit-align-items: center;
    -webkit-justify-content: space-between;
    align-items: center;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    height: 100%;
    justify-content: space-between;
    letter-spacing: 1px;
    padding: 0 20px;
    width: 35%
}
.reminder__input-head-name {
    color: #626262;
    font-size: 16px;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 600
}
.reminder__input-body {
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    background-color: #fff;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    height: 100%;
    padding: 25px 20px;
    width: 65%
}
.reminder__input-body.-col {
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column
}
.reminder__input-outer {
    width: 100%
}
.reminder__input-outer:not(:last-child) {
    margin-right: 15px
}
.reminder__input {
    border: 1px solid #ddd;
    border-radius: 3px;
    font-size: 14px;
    font-size: 14px;
    font-size: 1.4rem;
    height: 100%;
    letter-spacing: 1.5px;
    padding: 10px 15px;
    width: 100%
}
.reminder__input[disabled] {
    background-color: #eee;
    cursor: not-allowed
}
.reminder__button-area {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    -webkit-justify-content: center;
    align-items: center;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    margin: 60px 0
}
.reminder__info-area {
    margin: 60px 0 40px;
    text-align: center
}
.reminder__info-text {
    font-size: 18px;
    font-size: 18px;
    font-size: 1.8rem;
    margin-bottom: 10px
}
.reminder__info-text.-block {
    margin: 40px 0 10px
}
.reminder__head-text {
    font-size: 20px;
    font-size: 20px;
    font-size: 2rem;
    font-weight: 700;
    margin-bottom: 20px
}
.reminder__text-area {
    background-color: #f8f8f8;
    padding: 40px 30px
}
.reminder__text-area.-center {
    -ms-flex-align: center;
    -ms-flex-direction: column;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    -webkit-flex-direction: column;
    -webkit-justify-content: center;
    align-items: center;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    justify-content: center
}
.reminder__text {
    font-size: 18px;
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: 500;
    letter-spacing: 1px;
    line-height: 2;
    margin: 40px 0;
    text-align: center
}
.reminder__mail-text {
    font-size: 12px;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 2;
    text-align: left
} /*! end */ /*! event */
.event {
    margin-top: 80px
}
.event__done-heading-area,
.event__heading-area {
    letter-spacing: 1px;
    margin-bottom: 60px;
    text-align: center
}
.event__heading,
.student-company__top-contents-heading {
    -ms-flex-align: center;
    -ms-flex-direction: column;
    -webkit-align-items: center;
    -webkit-flex-direction: column;
    align-items: center;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    margin-bottom: 30px;
    position: relative
}
.event__heading:after,
.student-company__top-contents-heading:after {
    -webkit-transform: translateX(-50%);
    background-color: #000;
    bottom: -15px;
    content: "";
    height: 1px;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    width: 30px
}
.event__heading-ja,
.student-company__top-contents-heading-ja {
    font-size: 30px;
    font-size: 30px;
    font-size: 3rem;
    font-weight: 600;
    margin-bottom: 8px
}
.event__heading-en,
.student-company__top-contents-heading-en {
    color: #bfbfbf;
    font-size: 12px;
    font-size: 12px;
    font-size: 1.2rem;
    margin-bottom: 8px
}
.event__head-text {
    font-size: 16px;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 2
}
.event__tab-area {
    margin-bottom: 60px
}
.event__elm-area {
    margin-bottom: 80px
}
.event__elm-item {
    position: relative
}
.event__elm-item:not(:last-child) {
    margin-bottom: 60px
}
.event__elm-date-area {
    background: linear-gradient(to right,#1e5799 0,#1e5799 12%,#1d7896 100%);
    color: #fff;
    left: -10px;
    padding: 4px 10px;
    position: absolute;
    top: 10px
}
.event__elm-date-area:before {
    border-color: transparent #000 transparent transparent;
    border-style: solid;
    border-width: 0 10px 10px 0;
    bottom: -10px;
    content: "";
    height: 0;
    left: 0;
    position: absolute;
    width: 0
}
.event__elm-date {
    font-size: 12px;
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: 600;
    letter-spacing: 1px
}
.event__elm-image {
    height: 350px
}
.event__elm-contents {
    background-color: #fff;
    letter-spacing: 1px;
    margin: -60px auto 0;
    padding: 20px 40px;
    position: relative;
    width: 80%
}
.event__elm-heading {
    font-size: 22px;
    font-size: 22px;
    font-size: 2.2rem;
    font-weight: 600;
    letter-spacing: 1.5px;
    margin-bottom: 20px;
    padding-right: 50px
}
.event__elm-category-area {
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    margin-bottom: 40px;
    position: relative
}
.event__elm-category-area:after {
    background: #000;
    bottom: -25px;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    width: 20px
}
.event__elm-category-item {
    color: #fff;
    font-size: 12px;
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: 600;
    min-width: 80px;
    padding: 2px 10px;
    text-align: center
}
.event__elm-category-item:not(:last-child) {
    margin-right: 10px
}
.event__elm-category-item.-humanities {
    background-color: #9e3c2a
}
.event__elm-category-item.-science {
    background-color: #0b3b72
}
.event__elm-category-item.-all {
    background-color: #ffeb01;
    color: #111
}
.event__elm-desc {
    font-size: 14px;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 2
}
.event__reserve-area {
    letter-spacing: 1.5px;
    margin: 40px 0 0
}
.event__reserve-confirm {
    font-size: 20px;
    font-size: 20px;
    font-size: 2rem;
    font-weight: 600;
    margin-bottom: 30px;
    position: relative;
    text-align: center
}
.event__reserve-confirm:after,
.event__reserve-confirm:before {
    -webkit-transform: translateY(-50%);
    background-color: #000;
    content: "";
    height: 1px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 33%
}
.event__reserve-confirm:before {
    left: 0
}
.event__reserve-confirm:after {
    right: 0
}
.event__reserve-info {
    font-size: 12px;
    font-size: 12px;
    font-size: 1.2rem;
    margin-bottom: 30px
}
.event__reserve-head {
    font-size: 20px;
    font-size: 20px;
    font-size: 2rem;
    font-weight: 600;
    line-height: 1.4;
    margin-bottom: 20px;
    padding-left: 20px;
    position: relative
}
.event__reserve-head:before {
    background: linear-gradient(to right,#1e5799 0,#1e5799 12%,#1d7896 100%);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 4px
}
.event__reserve-elm-area {
    margin-bottom: 40px
}
.event__reserve-elm-item {
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    border-bottom: 1px solid #daddde;
    border-left: 1px solid #daddde;
    border-right: 1px solid #daddde;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}
.event__reserve-elm-item:first-child {
    border-top: 1px solid #daddde
}
.event__reserve-elm-heading {
    background-color: #eceef0;
    border-right: 1px solid #daddde;
    font-size: 16px;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 600;
    padding: 20px;
    width: 25%
}
.event__reserve-elm-desc {
    font-size: 14px;
    font-size: 14px;
    font-size: 1.4rem;
    padding-left: 20px;
    width: 75%
}
.event__reserve-button-area {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    -webkit-justify-content: center;
    align-items: center;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center
}
.event__elm-limitdays-3 {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    -webkit-justify-content: center;
    align-items: center;
    background-color: #fff;
    border: 3px solid #b14f3a;
    border-radius: 100px;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    height: 100px;
    justify-content: center;
    position: absolute;
    right: -30px;
    text-align: center;
    top: -30px;
    width: 100px
}
.event__elm-limitdays-3-text {
    color: #b14f3a;
    font-size: 14px;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 600;
    line-height: 1.4;
    margin: 1px 0 0 1px
}
.event__elm-limitdays-3-large {
    font-size: 18px;
    font-size: 18px;
    font-size: 1.8rem
}
.event__done-area {
    margin-bottom: 80px
}
.event__done-heading-area {
    margin-bottom: 40px
}
.event__done-heading {
    font-size: 30px;
    font-size: 30px;
    font-size: 3rem;
    font-weight: 600
}
.event__done-text {
    font-size: 14px;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 2;
    margin-bottom: 60px;
    text-align: center
} /*! end */ /*! event-lp */
.event-lp {
    overflow-x: hidden
}
.event-lp__bg-change-area {
    background-color: #f5f5f5;
    margin: 0 calc(50% - 50vw);
    width: 100vw
}
.event-lp__mv {
    height: 70vh;
    margin: 0 calc(50% 40px 50vw);
    width: 100vw
}
.event-lp__mv-unit {
    height: 100%;
    width: 100%
}
.event-lp__mv-image {
    display: block;
    height: 100%;
    width: 100%
}
.event-lp__summary-head-unit {
    -ms-flex-align: center;
    -ms-flex-direction: column;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    -webkit-flex-direction: column;
    -webkit-justify-content: center;
    align-items: center;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    justify-content: center
}
.event-lp__summary-target {
    font-size: 20px;
    font-size: 20px;
    font-size: 2rem;
    font-weight: 600;
    letter-spacing: 1px;
    margin-bottom: 20px
}
.event-lp__summary-title {
    font-size: 36px;
    font-size: 36px;
    font-size: 3.6rem;
    font-weight: 600;
    letter-spacing: 1px;
    margin-bottom: 20px
}
.event-lp__summary-category-unit {
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    margin-bottom: 80px;
    position: relative
}
.event-lp__summary-category-unit:after {
    -webkit-transform: translateX(-50%);
    background-color: #000;
    bottom: -40px;
    content: "";
    height: 1px;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    width: 40px
}
.event-lp__summary-category {
    background-color: #f1f1f1;
    border: 1px solid #000;
    border-radius: 3px;
    font-size: 16px;
    font-size: 16px;
    font-size: 1.6rem;
    letter-spacing: 1px;
    min-width: 150px;
    padding: 8px 20px;
    text-align: center
}
.event-lp__summary-category:not(:last-of-type) {
    margin-right: 30px
}
.event-lp__summary-textarea {
    font-size: 14px;
    font-size: 14px;
    font-size: 1.4rem;
    letter-spacing: 1px;
    line-height: 2;
    margin-bottom: 80px
}
.event-lp__summary-textarea p:not(:last-of-type) {
    margin-bottom: 10px
}
.event-lp__summary-bus-value-link,
.event-lp__summary-place-map {
    color: #19a4b9;
    font-size: 14px;
    font-size: 14px;
    font-size: 1.4rem;
    padding-left: 25px;
    position: relative;
    text-decoration: underline
}
.event-lp__summary-bus-value-link:before,
.event-lp__summary-place-map:before {
    -webkit-transform: translateY(-50%);
    background: url('../images/commons/icons/icon_pin_black.svg') no-repeat 100% 100%;
    background-size: contain;
    content: "";
    height: 20px;
    left: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 20px
}
.event-lp__summary-access-unit {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    margin: 0 auto 30px;
    max-width: 1000px;
    position: relative;
    top: -30px
}
.event-lp__summary-data-unit,
.event-lp__summary-place-unit {
    -ms-flex-align: center;
    -ms-flex-direction: column;
    -webkit-align-items: center;
    -webkit-flex-direction: column;
    align-items: center;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    width: 50%
}
.event-lp__summary-balloon {
    height: 80px
}
.event-lp__summary-balloon img {
    object-fit: contain
}
.event-lp__summary-data-text,
.event-lp__summary-place-text {
    font-size: 20px;
    font-size: 20px;
    font-size: 2rem;
    font-weight: 600;
    letter-spacing: 1px;
    padding: 20px
}
.event-lp__summary-data-text a,
.event-lp__summary-place-text a {
    display: block;
    margin-top: 12px
}
.event-lp__summary-res-unit {
    background: url('../images/commons/bgs/bg_eventlp_res.jpg') no-repeat 100% 100%;
    background-size: cover;
    height: 150px;
    margin-bottom: 100px
}
.event-lp__summary-res-button-unit {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    -webkit-justify-content: center;
    align-items: center;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    height: 100%;
    justify-content: center;
    width: 100%
}
.event-lp__summary-res-button {
    background-color: #fff;
    border-bottom: 2px solid #333;
    border-radius: 3px;
    color: #000;
    font-size: 22px;
    font-size: 22px;
    font-size: 2.2rem;
    font-weight: 600;
    letter-spacing: 1px;
    min-width: 300px;
    padding: 10px 20px;
    text-align: center
}
.event-lp__summary-res-button:not(:last-of-type) {
    margin-right: 30px
}
.event-lp__summary-res-button.-res {
    background-color: #cd0606;
    border-color: #6b0000;
    color: #fff;
    position: relative
}
.event-lp__summary-res-button.-res:before {
    background: url('../images/commons/objects/obj_res_balloon.png') no-repeat 100% 100%;
    background-size: contain;
    content: "";
    height: 100%;
    left: -100px;
    position: absolute;
    top: -65px;
    width: 100%
}
.event-lp__summary-companylist-unit {
    margin: 0 auto 80px;
    max-width: 1000px
}
.event-lp__information-heading-unit,
.event-lp__summary-bus-heading-unit,
.event-lp__summary-companylist-heading-unit,
.event-step-heading-unit {
    -ms-flex-align: center;
    -ms-flex-direction: column;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    -webkit-flex-direction: column;
    -webkit-justify-content: center;
    align-items: center;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-bottom: 80px;
    position: relative
}
.event-lp__information-heading-unit:before,
.event-lp__summary-bus-heading-unit:before,
.event-lp__summary-companylist-heading-unit:before,
.event-step-heading-unit:before {
    -webkit-transform: translateX(-50%);
    background-color: #bfbfbf;
    bottom: -45px;
    content: "";
    height: 30px;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    width: 1px
}
.event-lp__information-heading.-ja,
.event-lp__summary-bus-heading.-ja,
.event-lp__summary-companylist-heading.-ja,
.event-step-heading.-ja {
    font-size: 30px;
    font-size: 30px;
    font-size: 3rem;
    font-weight: 600
}
.event-lp__information-heading.-en,
.event-lp__summary-bus-heading.-en,
.event-lp__summary-companylist-heading.-en,
.event-step-heading.-en {
    color: #bfbfbf;
    font-size: 12px;
    font-size: 12px;
    font-size: 1.2rem
}
.event-lp__summary-companylist-list {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}
.event-lp__summary-companylist-item {
    width: 50%
}
.event-lp__summary-companylist-item:not(:last-of-type) {
    margin-right: 20px
}
.event-lp__summary-companylist-thead {
    background-color: #ebebeb
}
.event-lp__summary-companylist-thead-heading {
    font-size: 16px;
    font-size: 16px;
    font-size: 1.6rem;
    padding: 16px;
}
.event-lp__summary-companylist-tbody-list {
    border-bottom: 1px solid #d4d4d4
}
.event-lp__summary-companylist-tbody-list:nth-of-type(odd) {
    background-color: #fafafa
}
.event-lp__summary-companylist-tbody-desc {
    font-size: 16px;
    font-size: 16px;
    font-size: 1.6rem;
    padding: 18px
}
.event-lp__summary-companylist-tbody-link {
    color: #19a4b9;
    text-decoration: underline
}
.event-lp__summary-bus-unit {
    padding-bottom: 80px
}
.event-lp__summary-bus-text {
    font-size: 20px;
    font-size: 20px;
    font-size: 2rem;
    font-weight: 600;
    letter-spacing: 1px;
    margin-bottom: 20px;
    text-align: center
}
.event-lp__summary-bus-scrill-wrap {
    overflow-x: scroll
}
.event-lp__summary-bus-list {
    border-left: 1px solid #d4d4d4;
    border-right: 1px solid #d4d4d4;
    margin: 0 auto;
    max-width: 1000px
}
.event-lp__summary-bus-head-item {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    min-height: 80px
}
.event-lp__summary-bus-head-list {
    border-top: 1px solid #d4d4d4;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    width: 100%
}
.event-lp__summary-bus-head-col {
    -ms-flex-align: center;
    -ms-flex-direction: column;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    -webkit-flex-direction: column;
    -webkit-justify-content: center;
    align-items: center;
    background-color: #ebebeb;
    border-top: 1px solid #d4d4d4;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    font-weight: 600;
    justify-content: center;
    text-align: center;
    width: 25%
}
.event-lp__summary-bus-head-col:not(:last-of-type) {
    border-right: 1px solid #d4d4d4
}
.event-lp__summary-bus-head-title {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    -webkit-justify-content: center;
    align-items: center;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    font-size: 14px;
    font-size: 14px;
    font-size: 1.4rem;
    height: 100%;
    justify-content: center;
    padding: 14px;
    width: 100%
}
.event-lp__summary-bus-head-text {
    padding: 8px;
    width: 33.33333%
}
.event-lp__summary-bus-head-text:not(:last-of-type) {
    border-right: 1px solid #d4d4d4
}
.event-lp__summary-bus-item {
    border-bottom: 1px solid #d4d4d4;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}
.event-lp__summary-bus-item:nth-of-type(even) {
    background-color: #fafafa
}
.event-lp__summary-bus-value-list {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    height: 100%;
    width: 100%
}
.event-lp__summary-bus-value-item {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    -webkit-justify-content: center;
    align-items: center;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    min-height: 70px;
    width: 25%
}
.event-lp__summary-bus-value-item:not(:last-of-type) {
    border-right: 1px solid #d4d4d4
}
.event-lp__summary-bus-value-list .event-lp__summary-bus-value {
    width: 33.33333%
}
.event-lp__summary-bus-value-list .event-lp__summary-bus-value:not(:last-of-type) {
    border-right: 1px solid #d4d4d4
}
.event-lp__summary-bus-value {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    -webkit-justify-content: center;
    align-items: center;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    font-size: 12px;
    font-size: 12px;
    font-size: 1.2rem;
    justify-content: center;
    text-align: center
}
.event-lp__information,
.event-lp__step {
    background-color: #f7f7f7;
    padding: 80px 0
}
.event-lp__information-inner,
.event-lp__step-inner {
    margin: 0 auto;
    max-width: 1000px
}
.event-lp__information-list {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}
.event-lp__information-item {
    background-color: #fff;
    box-shadow: 0 0 15px rgba(0, 0, 0, .1);
    position: relative;
    width: 50%
}
.event-lp__information-item:not(:last-of-type) {
    margin-right: 30px
}
.event-lp__information-unit {
    padding: 32px 20px
}
.event-lp__information-label {
    background-color: #1d789c;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: 600;
    padding: 4px;
    position: absolute;
    top: 235px
}
.event-lp__information-image {
    display: block;
    height: 250px
}
.event-lp__information-catch {
    font-size: 20px;
    font-size: 20px;
    font-size: 2rem;
    font-weight: 600;
    letter-spacing: 1px;
    margin-bottom: 10px
}
.event-lp__information-date {
    font-size: 12px;
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: 600;
    letter-spacing: 1px;
    margin-bottom: 20px;
    padding-left: 20px;
    position: relative
}
.event-lp__information-date:before {
    -webkit-transform: translateY(-50%);
    background: url('../images/commons/icons/icon_clock.svg') no-repeat center;
    background-size: contain;
    content: "";
    height: 16px;
    left: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 16px
}
.event-lp__information-category {
    border: 1px solid #000;
    display: inline-block;
    font-size: 12px;
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: 600;
    margin-bottom: 8px;
    padding: 2px 6px
}
.event-lp__information-title {
    font-size: 14px;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 600;
    letter-spacing: 1px;
    margin-bottom: 10px
}
.event-lp__information-desc {
    font-size: 12px;
    font-size: 12px;
    font-size: 1.2rem;
    letter-spacing: 1px;
    line-height: 2
}
.event-lp__step-list {
    margin-top: 140px
}
.event-lp__step-item {
    position: relative
}
.event-lp__step-item:not(:last-of-type) {
    margin-bottom: 100px
}
.event-lp__step-item.-left .event-lp__step-image {
    left: 0
}
.event-lp__step-item.-left .event-lp__step-desc-unit {
    margin-left: auto;
    padding-left: 300px
}
.event-lp__step-item.-right .event-lp__step-image {
    right: 0
}
.event-lp__step-item.-right .event-lp__step-desc-unit {
    padding-right: 300px
}
.event-lp__step-desc-unit {
    background-color: #fff;
    padding: 40px;
    width: 800px
}
.event-lp__step-balloon {
    display: block;
    margin-bottom: 10px;
    width: 120px
}
.event-lp__step-title {
    font-size: 20px;
    font-size: 20px;
    font-size: 2rem;
    font-weight: 600;
    letter-spacing: 1px;
    margin-bottom: 20px
}
.event-lp__step-text {
    font-size: 12px;
    font-size: 12px;
    font-size: 1.2rem;
    letter-spacing: 1px;
    line-height: 1.8
}
.event-lp__step-image {
    position: absolute;
    top: -40px;
    width: 450px
} /*! end */ /*! feed  */
.feed__item {
    background-color: #f1f3f3;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    padding: 40px;
    position: relative
}
.feed__item:not(:last-of-type) {
    margin-bottom: 30px
}
.feed__visual-unit {
    width: 60%
}
.feed__visual-thumbnail {
    height: auto
}
.feed__visual-button-unit {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    -webkit-justify-content: center;
    align-items: center;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    height: 60px;
    justify-content: center;
    margin: -25px auto 0;
    width: 70%
}
.feed__visual-button {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    -webkit-justify-content: center;
    align-items: center;
    background-color: #fff;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    font-size: 18px;
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: 600;
    height: 100%;
    justify-content: center;
    line-height: 1;
    padding: 14px 20px;
    transition: 0.325s;
    width: 100%
}
.feed__visual-button:before {
    content: "";
    margin-right: 12px;
    transition: 0.325s
}
.feed__visual-button.-entry {
    border-radius: 100px 0 0 100px;
    border-right: 1px solid #dcdcdc
}
.feed__visual-button.-entry:before {
    background: url('../images/commons/icons/icon_entry_black.svg') no-repeat 100% 100%;
    background-size: contain;
    height: 25px;
    width: 25px
}
.feed__visual-button.-reservation {
    border-radius: 0 100px 100px 0
}
.feed__visual-button.-reservation:before {
    background: url('../images/commons/icons/icon_note.svg') no-repeat 100% 100%;
    background-size: contain;
    height: 25px;
    width: 25px
}
.feed__visual-button:hover {
    background: linear-gradient(to right,#1e5799 0,#1e5799 12%,#1d7896 100%);
    color: #fff
}
.feed__visual-button:hover.-entry:before {
    background: url('../images/commons/icons/icon_entry.svg') no-repeat 100% 100%;
    background-size: contain
}
.feed__visual-button:hover.-reservation:before {
    background: url('../images/commons/icons/icon_note_white.svg') no-repeat 100% 100%;
    background-size: contain
}
.feed__desc-unit {
    background-color: #fff;
    bottom: 40px;
    padding: 30px;
    position: absolute;
    right: 40px;
    width: 40%
}
.feed__company-name-unit {
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    margin-bottom: 20px
}
.feed__essentialpoint {
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column
}
.feed__essentialpoint-title {
    font-size: 18px;
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: 600;
    letter-spacing: 1px;
    margin-bottom: 16px
}
.feed__essentialpoint-desc {
    font-size: 12px;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.8;
    margin-bottom: 20px
}
.feed__continuation {
    -ms-flex-item-align: end;
    -webkit-align-self: flex-end;
    align-self: flex-end;
    color: #19a4b9;
    cursor: pointer;
    font-size: 10px;
    font-size: 10px;
    font-size: 1rem;
    text-align: right
}
.feed__company-name {
    font-size: 16px;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 600;
    letter-spacing: 1px;
    line-height: 1;
    margin-bottom: 12px
}
.feed__company-category-list {
    -ms-flex-align: center;
    -ms-flex-wrap: wrap;
    -webkit-align-items: center;
    -webkit-flex-wrap: wrap;
    align-items: center;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap
}
.feed__company-category-item {
    border: 1px solid #000;
    border-radius: 3px;
    font-size: 10px;
    font-size: 10px;
    font-size: 1rem;
    padding: 2px 12px
}
.feed__company-logo {
    border: 1px solid #dcdcdc;
    display: block;
    height: 50px;
    margin-right: 12px;
    width: 50px
}
.feed__company-address-unit {
    padding-left: 25px
}
.feed__company-tag-list {
    -ms-flex-align: center;
    -ms-flex-wrap: wrap;
    -webkit-align-items: center;
    -webkit-flex-wrap: wrap;
    align-items: center;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    position: relative
}
.feed__company-tag-list:before {
    -webkit-transform: translateY(-50%);
    background: url('../images/commons/icons/icon_tag.svg') no-repeat 100% 100%;
    background-size: contain;
    content: "";
    height: 18px;
    left: -25px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 18px
}
.feed__company-address {
    font-size: 12px;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1;
    margin-bottom: 12px;
    position: relative
}
.feed__company-address:before {
    -webkit-transform: translateY(-50%);
    background: url('../images/commons/icons/icon_pin.svg') no-repeat 100% 100%;
    background-size: contain;
    content: "";
    height: 20px;
    left: -25px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 20px
}
.feed__company-tag-item {
    border: 2px solid #dcdcdc;
    border-radius: 100px;
    font-size: 12px;
    font-size: 12px;
    font-size: 1.2rem;
    padding: 2px 12px
}
.feed__company-tag-item:not(:last-of-type) {
    margin-right: 4px
}
.feed__follow {
    background: linear-gradient(to right,#1e5799 0,#1e5799 12%,#1d7896 100%);
    height: 60px;
    position: absolute;
    right: 40px;
    top: -20px;
    width: 35px
}
.feed__follow.-followed {
    background: #ab9749
}
.feed__follow-unit {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    -webkit-justify-content: center;
    align-items: center;
    cursor: pointer;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    height: 100%;
    justify-content: center;
    overflow: hidden;
    position: relative;
    width: 100%
}
.feed__follow-unit:after {
    -webkit-transform: rotate(45deg);
    background: #f1f3f3;
    bottom: -25px;
    content: "";
    height: 35px;
    left: 0;
    position: absolute;
    transform: rotate(45deg);
    width: 35px
}
.feed__follow-icon {
    height: 25px;
    margin-top: -15px;
    width: 25px
}
.feed__follow-balloon {
    -webkit-filter:drop-shadow(1px 1px 3px rgba(0, 0, 0, 0.2));
    -webkit-transform: translateX(-50%);
    display: none;
    filter:url('data:image/svg+xml;charset=utf-8, <svg xmlns="http://www.w3.org / 2000/svg"><filter id="filter"><feGaussianBlur in="SourceAlpha" stdDeviation="3" /><feOffset dx="2" dy="2" result="offsetblur" /><feFlood flood-color="rgba(0, 0, 0, 0.2)" /><feComposite in2="offsetblur" operator="in" /><feMerge><feMergeNode /><feMergeNode in="SourceGraphic" /></feMerge></filter></svg>#filter');
    filter:drop-shadow(1px 1px 3px rgba(0, 0, 0, 0.2));
    left: 50%;
    position: absolute;
    top: -20px;
    transform: translateX(-50%);
    width: 60px
} /*! end  */ /*! tab */
.tab__area {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    -webkit-justify-content: center;
    align-items: center;
    background-color: #f9fafa;
    border-bottom: 1px solid #eee;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center
}
.tab__item {
    background-color: #f9fafa;
    cursor: pointer;
    font-size: 16px;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 600;
    letter-spacing: 1px;
    padding: 20px 40px
}
.tab__item.is-current {
    border-bottom: 2px solid #000
} /*! end */ /*! student-top */
.student-top {
    overflow: hidden
}
.student-top__mv-slider {
    margin: 20px 0
}
.is-mv-slider-trigger.swiper-container {
    overflow: visible
}
.is-mv-slider-trigger .swiper-slide {
    height: 500px;
    margin: 0 auto;
    max-width: 1000px
} /*! end */ /*! student-request */
.student-request {
    margin-bottom: 80px
}
.student-request__heading-area {
    margin: 20px 0
}
.student-request__heading {
    font-size: 28px;
    font-size: 28px;
    font-size: 2.8rem;
    font-weight: 600;
    letter-spacing: 1px
}
.student-request__heading-required {
    color: #b14f3a;
    font-size: 18px;
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: 600;
    letter-spacing: 1px
}
.student-request__elm-independent-area {
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    margin: 0 auto;
    max-width: 700px
}
.student-request__elm-independent-item {
    margin-bottom: 30px;
    width: 50%
}
.student-request__elm-item_half {
    margin-bottom: 30px;
    width: 49%
}
.student-request__elm-heading {
    background-color: #f5f5f5;
    display: block;
    font-size: 18px;
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: 600;
    padding: 15px;
    width: 100%
}
.student-request__elm-area {
    -ms-flex-pack: justify;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -webkit-justify-content: space-between;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 40px
}
.student-request__elm-checkbox-area {
    padding: 20px 40px
}
.student-request__elm-checkbox-item:not(:last-child) {
    margin-bottom: 20px
}
.student-request__button-area {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    -webkit-justify-content: center;
    align-items: center;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    margin-bottom: 80px
}
.student-request__button-area .button:not(:last-child) {
    margin-right: 30px
}
.checkbox-default-area {
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -ms-inline-flexbox;
    display: -webkit-inline-flex;
    display: inline-flex
}
.checkbox-default-input:checked+.checkbox-default-text:after {
    border-color: #fff
}
.checkbox-default-input:checked+.checkbox-default-text:before {
    background-color: #19a4b9;
    border-color: #19a4b9
}
.checkbox-default-text {
    font-size: 14px;
    font-size: 14px;
    font-size: 1.4rem;
    padding-left: 30px;
    position: relative
}
.checkbox-default-text:after,
.checkbox-default-text:before {
    -webkit-transform: translateY(-50%);
    content: "";
    display: block;
    left: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}
.checkbox-default-text:after {
    -webkit-transform: rotate(40deg);
    border-bottom: 2px solid #d5d5d5;
    border-right: 2px solid #d5d5d5;
    height: 9px;
    left: 7px;
    top: 5px;
    transform: rotate(40deg);
    width: 5px
}
.checkbox-default-text:before {
    border: 1px solid #999;
    border-radius: 2px;
    height: 20px;
    width: 20px
} /*! end */ /*! student-modal */
.student-modal {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    -webkit-justify-content: center;
    align-items: center;
    display: none;
    height: 100vh;
    justify-content: center;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1
}
.student-modal_show {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}
.student-modal_close {
    display: none
}
.student-modal .swiper-wrapper {
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center
}
.student-modal__hash {
    display: block;
    transition: 0.25s
}
.student-modal__hash:hover {
    opacity: .7
}
.student-modal__overlay {
    background-color: rgba(0, 0, 0, .7);
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0
}
.student-modal__area {
    background-color: #fff;
    letter-spacing: 1px;
    margin: 0 auto;
    max-width: 500px;
    min-height: 350px;
    min-width: 40%;
    overflow: hidden;
    padding: 60px 40px;
    position: relative;
    z-index: 1
}
.student-modal__area.-elm-center {
    -ms-flex-align: center;
    -ms-flex-direction: column;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    -webkit-flex-direction: column;
    -webkit-justify-content: center;
    align-items: center;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center
}
.student-modal__heading {
    font-size: 20px;
    font-size: 20px;
    font-size: 2rem;
    font-weight: 600;
    margin-bottom: 30px
}
.student-modal__text {
    font-size: 14px;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 2
}
.student-modal__button-area {
    margin-top: 40px
}
.student-modal__cloce-button {
    cursor: pointer;
    height: 25px;
    position: absolute;
    right: 20px;
    top: 15px;
    width: 25px
}
.student-modal__cloce-button:after,
.student-modal__cloce-button:before {
    background-color: #000;
    content: "";
    display: block;
    height: 1px;
    position: absolute;
    width: 100%
}
.student-modal__cloce-button:before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}
.student-modal__cloce-button:after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}
.student-modal__event-push-heading-unit {
    margin: 10px 0 20px
}
.student-modal__event-push-image {
    height: 200px;
    max-height: 200px
}
.student-modal__event-push-title {
    font-size: 20px;
    font-size: 20px;
    font-size: 2rem;
    font-weight: 600;
    margin-bottom: 10px
}
.student-modal__event-push-category-unit {
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}
.student-modal__event-push-category {
    color: #fff;
    font-size: 12px;
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: 600;
    min-width: 80px;
    padding: 2px 10px;
    text-align: center
}
.student-modal__event-push-category:not(:last-child) {
    margin-right: 10px
}
.student-modal__event-push-category.-humanities {
    background-color: #9e3c2a
}
.student-modal__event-push-category.-science {
    background-color: #0b3b72
}
.student-modal__event-push-category.-all {
    background-color: #ffeb01;
    color: #111
}
.student-modal__event-push-dateunit {
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}
.student-modal__event-push-limitdays3 {
    border: 1px solid #d9d9d9;
    font-size: 12px;
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: 600;
    margin-right: 20px;
    padding: 4px 15px
}
.student-modal__event-push-date {
    font-size: 16px;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 600
}
.student-modal__tutorial-balloon {
    border: 2px solid #222;
    display: inline-block;
    font-size: 12px;
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: 600;
    line-height: 1;
    margin-bottom: 12px;
    padding: 6px 15px
}
.student-modal__tutorial-head {
    font-size: 20px;
    font-size: 20px;
    font-size: 2rem;
    font-weight: 600;
    margin-bottom: 20px
}
.swiper-pagination-bullet-active {
    background-color: #222
}
.student-modal__tutorial-image {
    margin: 0 auto;
    width: 90%
} /*! end */ /*! student-search */
.student-search__head-unit {
    background-color: #e7eaeb
}
.student-search__tab-posting-balloon {
    background-color: #fff;
    border: 2px solid #111;
    border-radius: 10px;
    font-size: 16px;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 600;
    left: -150px;
    letter-spacing: 1px;
    line-height: 1;
    padding: 12px 20px;
    position: absolute;
    top: -30px;
    z-index: 1
}
.student-search__tab-posting-balloon:after,
.student-search__tab-posting-balloon:before {
    -webkit-transform: translateX(-50%);
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    content: '';
    height: 0;
    left: 50%;
    margin-left: 20px;
    position: absolute;
    transform: translateX(-50%);
    width: 0
}
.student-search__tab-posting-balloon:before {
    border-top: 10px solid #111;
    bottom: -12px;
    z-index: 0
}
.student-search__tab-posting-balloon:after {
    border-top: 10px solid #fff;
    bottom: -9px
}
.student-search__tab-posting-balloon-number {
    color: #b14f3a;
    font-size: 30px;
    font-size: 30px;
    font-size: 3rem
}
.student-search__tab-unit {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    -webkit-justify-content: center;
    align-items: center;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    margin: 0 auto;
    max-width: 1040px;
    padding: 20px 0;
    position: relative
}
.student-search__tab-item {
    width: 200px
}
.student-search__tab-item:hover > .student-search__tab-label {
    background-color: #fff
}
.student-search__tab-item:not(:last-of-type) {
    margin-right: 30px
}
.student-search__tab-label {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    -webkit-justify-content: center;
    align-items: center;
    border-radius: 5px;
    display: block;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    font-size: 16px;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 600;
    height: 100%;
    justify-content: center;
    letter-spacing: 1px;
    padding: 16px 0;
    text-align: center;
    transition: 0.325s
}
.student-search__tab-radio:checked+.student-search__tab-label {
    background-color: #fff
}
.student-search__input-unit {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    margin: 0 auto;
    max-width: 1440px;
    padding: 40px 10%
}
.student-search__input-box {
    border: 1px solid #ccc;
    border-radius: 3px
}
.student-search__input-area {
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    margin-right: 40px;
    width: 80%
}
.student-search__submit-area {
    margin-top: 32px;
    width: 20%
}
.student-search__input-label {
    font-size: 16px;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 600;
    margin-bottom: 8px
}
.student-search__input-item {
    margin-bottom: 20px
}
.student-search__input-item.-close {
    margin-right: 60px
}
.student-search__input-item.-close .student-search__input-box {
    position: relative
}
.student-search__input-item.-close .student-search__input-box:after,
.student-search__input-item.-close .student-search__input-box:before {
    background-color: #636366;
    content: "";
    height: 1px;
    position: absolute;
    right: -40px;
    top: 50%;
    width: 20px
}
.student-search__input-item.-close .student-search__input-box:before {
    -webkit-transform: translateY(-50%) rotate(-45deg);
    transform: translateY(-50%) rotate(-45deg)
}
.student-search__input-item.-close .student-search__input-box:after {
    -webkit-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg)
}
.student-search__input-item.-defalut {
    width: calc(33.333% - 40px)
}
.student-search__input-item.-full {
    width: 100%
}
.student-search__input-placeholder {
    color: #636363;
    font-size: 14px;
    font-size: 14px;
    font-size: 1.4rem;
    padding: 8px 12px
}
.student-search__input {
    height: 100%;
    min-height: 40px;
    padding: 8px 12px;
    width: 100%
}
.student-search__submit-button {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    -webkit-justify-content: center;
    align-items: center;
    background: linear-gradient(to right,#1e5799 0,#1e5799 12%,#1d7896 100%);
    border-radius: 3px;
    color: #fff;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    font-size: 28px;
    font-size: 28px;
    font-size: 2.8rem;
    font-weight: 600;
    height: calc(100% - 20px);
    justify-content: center;
    padding-left: 20px;
    position: relative;
    width: 100%
}
.student-search__submit-button:before {
    -webkit-transform: translateY(-50%);
    color: #fff;
    content: "\f002";
    display: inline-block;
    font-family: "Font Awesome 5 Free";
    font-size: 24px;
    font-size: 24px;
    font-size: 2.4rem;
    font-weight: 600;
    left: 30px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}
.student-search__modal-heading {
    border-bottom: 1px solid #eee;
    font-size: 20px;
    font-size: 20px;
    font-size: 2rem;
    font-weight: 600;
    padding-bottom: 20px;
    text-align: center;
    width: 100%
} /*! end */ /*! student-company */
.student-company {
    margin-bottom: 120px;
    overflow: hidden
}
.student-company__strap-button-list {
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}
.student-company__strap-button-list .radius-button:not(:last-of-type) {
    margin-right: 30px
}
.student-company__link {
    color: #19a4b9;
    text-decoration: underline
}
.student-company__mv {
    position: relative
}
.student-company__mvbg {
    height: 60vh;
    margin: 0 calc(50% - 50vw);
    width: 100vw
}
.student-company__firmsummary-inner {
    background-color: #111e30;
    margin: 0 calc(50% - 50vw);
    width: 100vw
}
.student-company__firmsummary-container {
    color: #fff;
    margin: 0 auto;
    max-width: 1080px;
    padding: 40px;
    position: relative
}
.student-company__firmsummary-logo {
    height: 100px;
    left: 0;
    position: absolute;
    top: -50px;
    width: 100px
}
.student-company__firmsummary-address {
    padding-left: 10%
}
.student-company__firmsummary-name {
    font-size: 28px;
    font-size: 28px;
    font-size: 2.8rem;
    font-weight: 600;
    letter-spacing: 1px;
    line-height: 1;
    margin-bottom: 20px
}
.student-company__firmsummary-category-list {
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 10px
}
.student-company__firmsummary-category-item {
    border: 1px solid #fff;
    display: inline-block;
    font-size: 14px;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 600;
    letter-spacing: 1px;
    margin-bottom: 12px;
    margin-right: 12px;
    padding: 6px 16px
}
.student-company__firmsummary-desc {
    font-size: 14px;
    font-size: 14px;
    font-size: 1.4rem;
    letter-spacing: 1px;
    line-height: 1.8;
    margin-bottom: 30px
}
.student-company__firmsummary-access {
    font-size: 14px;
    font-size: 14px;
    font-size: 1.4rem;
    letter-spacing: 1px;
    line-height: 1;
    margin-bottom: 20px;
    padding-left: 24px;
    position: relative
}
.student-company__firmsummary-access:before {
    -webkit-transform: translateY(-50%);
    background: url('../images/commons/icons/icon_pin_white.svg') no-repeat 100% 100%;
    background-size: contain;
    content: "";
    height: 20px;
    left: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 20px
}
.student-company__firmsummary-tag-list {
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: -12px;
    margin-right: -12px;
    padding-left: 32px;
    position: relative
}
.student-company__firmsummary-tag-list:before {
    -webkit-transform: translateY(-50%);
    background: url('../images/commons/icons/icon_tag_white.svg') no-repeat 100% 100%;
    background-size: contain;
    content: "";
    height: 20px;
    left: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 20px
}
.student-company__firmsummary-tag-item {
    border: 1px solid #fff;
    border-radius: 100px;
    display: inline-block;
    font-size: 12px;
    font-size: 12px;
    font-size: 1.2rem;
    letter-spacing: 1px;
    margin: 0 12px 12px 0;
    padding: 6px 16px
}
.student-company__firmsummary-button {
    position: absolute;
    right: 0;
    top: -30px
}
.student-company__strap {
    background-color: #e7eaeb;
    height: 80px;
    margin: 0 calc(50% - 50vw);
    width: 100vw
}
.student-company__strap-unit {
    -ms-flex-align: center;
    -ms-flex-pack: justify;
    -webkit-align-items: center;
    -webkit-justify-content: space-between;
    align-items: center;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    height: 100%;
    justify-content: space-between;
    margin: 0 auto;
    max-width: 1200px
}
.student-company__strap-list {
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}
.student-company__strap-item:not(:last-of-type) {
    margin-right: 30px
}
.student-company__strap-link {
    border-radius: 3px;
    display: block;
    font-size: 14px;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 600;
    letter-spacing: 1px;
    line-height: 1;
    padding: 14px 30px;
    transition: 0.325s
}
.student-company__strap-link.-current {
    background-color: #fff
}
.student-company__strap-link:hover {
    background-color: #fff
}
.student-company__top {
    background-color: #e7eaeb;
    margin: 0 calc(50% - 50vw);
    padding: 60px 0 0;
    width: 100vw
}
.student-company__top-contents-container {
    margin: 0 auto;
    max-width: 1200px
}
.student-company__top-contents {
    background: #e7eaeb;
    background: linear-gradient(to bottom,#e7eaeb 0,#fefefe 100%);
    padding-bottom: 60px
}
.student-company__top-contents:not(:last-of-type) {
    margin-bottom: 60px
}
.student-company__top-contents-unit {
    margin-top: 60px
}
.student-company__top-contents-image {
    height: 450px
}
.student-company__top-contents-box {
    background-color: #fff;
    margin: -50px auto 0;
    padding: 50px 40px;
    position: relative;
    width: 90%
}
.student-company__top-contents-title {
    font-size: 24px;
    font-size: 24px;
    font-size: 2.4rem;
    font-weight: 600;
    margin-bottom: 20px
}
.student-company__top-contents-text {
    font-size: 14px;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 2
}
.student-company__top-contents-data-desc {
    background-color: #fff
}
.student-company__top-contents-data-map {
    height: 60vh;
    margin: 0 calc(50% - 50vw);
    overflow: hidden;
    width: 100vw
}
.student-company__top-contents-data-map .-map {
    background-color: #000;
    height: 100%;
    width: 100%
}
.student-company__recruit-group {
    background-color: #e8ebec;
    margin: 0 calc(50% - 50vw);
    position: relative;
    width: 100vw
}
.student-company__recruit-group:before {
    background-color: #fff;
    content: "";
    height: 380px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0
}
.student-company__recruit-section {
    padding: 60px 0;
    position: relative
}
.student-company__recruit-section:not(:last-child) {
    padding-bottom: 0
}
.student-company__recruit-heading-unit {
    -ms-flex-align: center;
    -ms-flex-direction: column;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    -webkit-flex-direction: column;
    -webkit-justify-content: center;
    align-items: center;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-bottom: 80px;
    position: relative
}
.student-company__recruit-heading-unit:before {
    -webkit-transform: translateX(-50%);
    background-color: #bfbfbf;
    bottom: -15px;
    content: "";
    height: 1px;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    width: 30px
}
.student-company__recruit-heading.-ja {
    font-size: 30px;
    font-size: 30px;
    font-size: 3rem;
    font-weight: 600;
    margin-bottom: 10px
}
.student-company__recruit-heading.-en {
    color: #bfbfbf;
    font-size: 12px;
    font-size: 12px;
    font-size: 1.2rem
}
.student-company__recruit-image {
    height: 400px
}
.student-company__recruit-base-desc {
    background-color: #fff;
    margin: -60px auto 0;
    padding: 60px;
    padding: 60px;
    width: 90%
}
.student-company__recruit-base-catch {
    font-size: 24px;
    font-size: 24px;
    font-size: 2.4rem;
    font-weight: 600;
    letter-spacing: 1px;
    margin-bottom: 20px
}
.student-company__recruit-base-text {
    font-size: 14px;
    font-size: 14px;
    font-size: 1.4rem;
    letter-spacing: 1px;
    line-height: 2
}
.student-company__recruit-point-item {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}
.student-company__recruit-point-item:first-child .student-company__recruit-point-heading {
    border-top: 1px solid #daddde
}
.student-company__recruit-point-item:first-child .student-company__recruit-point-desc {
    border-top: 1px solid #daddde
}
.student-company__recruit-point-heading {
    background-color: #eceef0;
    border-bottom: 1px solid #daddde;
    border-left: 1px solid #daddde;
    border-right: 1px solid #daddde;
    font-size: 14px;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 600;
    padding: 20px;
    width: 25%
}
.student-company__recruit-point-desc {
    background-color: #fff;
    border-bottom: 1px solid #daddde;
    border-right: 1px solid #daddde;
    font-size: 14px;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 2;
    padding: 20px;
    width: 80%
}
.student-company__recruit-point-address {
    background-color: #f6f7f8;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    margin-top: 40px
}
.student-company__recruit-point-address-heading {
    font-size: 14px;
    font-size: 14px;
    font-size: 1.4rem;
    padding: 20px;
    width: 25%
}
.student-company__recruit-point-address-value {
    font-size: 14px;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 2;
    padding: 20px;
    width: 75%
}
.student-company__recommend {
    -ms-flex-align: center;
    -ms-flex-direction: column;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    -webkit-flex-direction: column;
    -webkit-justify-content: center;
    align-items: center;
    background-color: #f6f7f8;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 200px calc(50% - 50vw);
    padding-bottom: 80px;
    position: relative;
    text-align: center;
    width: 100%;
    width: 100vw
}
.student-company__recommend-icon-unit {
    -ms-flex-align: center;
    -ms-flex-direction: column;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    -webkit-flex-direction: column;
    -webkit-justify-content: center;
    align-items: center;
    background-color: #fff;
    border-radius: 5px;
    display: -ms-inline-flexbox;
    display: -webkit-inline-flex;
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    margin: -90px 0 30px;
    padding: 40px;
    text-align: center
}
.student-company__recommend-icon-text {
    font-size: 14px;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 600;
    letter-spacing: 1px;
    line-height: 1;
    margin-bottom: 12px
}
.student-company__recommend-icon-image {
    padding-left: 10px;
    width: 80px
}
.student-company__recommend-heading {
    font-size: 20px;
    font-size: 20px;
    font-size: 2rem;
    font-weight: 600;
    letter-spacing: 1px;
    margin-bottom: 60px;
    position: relative
}
.student-company__recommend-heading:after {
    -webkit-transform: translate(-50%);
    border: 1px solid #000;
    bottom: -25px;
    content: "";
    height: 1px;
    left: 50%;
    position: absolute;
    transform: translate(-50%);
    width: 20px
}
.student-company__recommend-slide-unit {
    overflow: hidden;
    width: 100%
}
.student-company__recommend-slide-container {
    overflow: visible
}
.student-company__recommend-slide-link {
    display: block;
    height: 100%;
    position: relative
}
.student-company__recommend-slide-link:after {
    background: linear-gradient(180deg,rgba(255,255,255,0) 0,rgba(0,0,0,.83) 100%);
    bottom: 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: -1
}
.student-company__recommend-slide-firms {
    bottom: 14px;
    color: #fff;
    font-weight: 600;
    left: 14px;
    position: absolute;
    text-align: left
}
.student-company__recommend-slide-firmscategory {
    border: 1px solid #fff;
    display: inline-block;
    font-size: 12px;
    font-size: 12px;
    font-size: 1.2rem;
    margin-bottom: 6px;
    padding: 4px 20px
}
.student-company__recommend-slide-firmsname {
    font-size: 16px;
    font-size: 16px;
    font-size: 1.6rem;
    letter-spacing: 1px
}
.student-company__recommend-slide {
    height: 250px;
    overflow: hidden;
    transition: 0.325s;
    width: 400px !important
}
.student-company__recommend-slide .-image {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transition: 0.325s;
    width: 100%;
    z-index: -1
}
.student-company__recommend-slide .-logo {
    height: 60px;
    position: absolute;
    right: 14px;
    top: 14px;
    width: 60px
}
.student-company__recommend-slide:hover {
    opacity: .6
}
.student-company__recommend-slide:hover .-image {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}
.student-company__follow-strap {
    background-color: #f6f7f8;
    margin: 0 calc(50% - 50vw);
    padding: 40px 0;
    width: 100vw
}
.student-company__follow-strap-inner {
    -ms-flex-align: center;
    -ms-flex-pack: end;
    -webkit-align-items: center;
    -webkit-justify-content: flex-end;
    align-items: center;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: flex-end;
    position: relative
}
.student-company__follow-strap-inner .radius-button:not(:last-of-type) {
    margin-right: 20px
}
.student-company__follow-strap-balloon {
    left: 0;
    position: absolute;
    top: -50px;
    width: 250px
}
.student-company__guidance {
    margin: 0 calc(50% - 50vw);
    width: 100vw
}
.student-company__guidance-section {
    background-color: #f1f3f3;
    margin: 0 calc(50% - 50vw);
    padding: 40px;
    width: 100vw
}
.student-company__guidance-section:not(:last-of-type) {
    margin-bottom: 10px
}
.student-company__guidance-container {
    margin: 0 auto;
    max-width: 1200px
}
.student-company__guidance-upperside {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    margin-bottom: 40px
}
.student-company__guidance-image-unit,
.student-guidance__feed-image {
    width: 60%
}
.student-company__guidance-summary-unit,
.student-guidance__feed-item {
    -ms-flex-direction: column;
    -ms-flex-pack: center;
    -webkit-flex-direction: column;
    -webkit-justify-content: center;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 40px 0 0 -40px;
    position: relative;
    width: calc(40% + 40px)
}
.student-company__guidance-image-unit,
.student-guidance__feed-image {
    -ms-flex-align: center;
    -ms-flex-direction: column;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    -webkit-flex-direction: column;
    -webkit-justify-content: center;
    align-items: center;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    justify-content: center
}
.student-company__guidance-summary-unit,
.student-guidance__feed-item {
    background-color: #fff;
    padding: 40px
}
.student-company__guidance-image {
    height: 380px;
    width: 100%
}
.student-company__guidance-button {
    display: inline-block;
    margin-top: -30px
}
.student-company__guidance-summary-heading {
    font-size: 20px;
    font-size: 20px;
    font-size: 2rem;
    font-weight: 600;
    letter-spacing: 1px;
    margin-bottom: 30px
}
.student-company__guidance-summary-text {
    font-size: 14px;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 2
}
.student-company__guidance-date-list {
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    background-color: #fff;
    display: -ms-inline-flexbox;
    display: -webkit-inline-flex;
    display: inline-flex;
    padding: 20px;
    width: 100%
}
.student-company__guidance-date-item {
    -ms-flex-align: center;
    -ms-flex-direction: column;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    -webkit-flex-direction: column;
    -webkit-justify-content: center;
    align-items: center;
    background-color: #fff;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    justify-content: center;
    letter-spacing: 1px;
    padding: 20px;
    text-align: center;
    width: 14.28571%
}
.student-company__guidance-date-item:not(:last-of-type) {
    border-right: 1px solid #eee
}
.student-company__guidance-date-item .-date {
    font-size: 14px;
    font-size: 14px;
    font-size: 1.4rem;
    margin-bottom: 20px
}
.student-company__guidance-date-item .-date.-saturday {
    color: #083ac9
}
.student-company__guidance-date-item .-date.-sundae {
    color: #cc171c
}
.student-company__guidance-date-item .-action {
    font-size: 18px;
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: 600;
    margin-bottom: 20px
}
.student-company__guidance-date-item .-place {
    font-size: 12px;
    font-size: 12px;
    font-size: 1.2rem
}
.student-company__feed-new-label {
    height: 70px;
    left: -20px;
    position: absolute;
    top: -20px;
    width: 70px;
    z-index: 1
}
.student-company__feed-list {
    -ms-flex-pack: justify;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -webkit-justify-content: space-between;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 40px 40px 0
}
.student-company__feed-item {
    margin-bottom: 60px;
    position: relative;
    width: calc(50% - 30px)
}
.student-company__feed-article-link {
    display: block;
    transition: 0.325s
}
.student-company__feed-article-link:hover {
    opacity: .7
}
.student-company__feed-article-label {
    border: 1px solid #4b4b4b;
    border-radius: 3px;
    color: #4b4b4b;
    display: inline-block;
    font-size: 10px;
    font-size: 10px;
    font-size: 1rem;
    font-weight: 600;
    letter-spacing: 1px;
    margin-bottom: 10px;
    padding: 4px 20px
}
.student-company__feed-article-image {
    height: 300px;
    margin-bottom: 30px
}
.student-company__feed-article-title {
    font-size: 20px;
    font-size: 20px;
    font-size: 2rem;
    font-weight: 600;
    letter-spacing: 1px;
    margin-bottom: 14px
}
.student-company__feed-article-text {
    font-size: 12px;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 2
}
.student-company__feed-detail {
    background-color: #e8ebec;
    margin: 0 calc(50% - 50vw);
    width: 100vw
}
.student-company__feed-detail .student-company__firmsummary-logo {
    left: 0;
    top: auto
}
.student-company__feed-detail-section {
    position: relative
}
.student-company__feed-detail-section:before {
    background-color: #fff;
    content: "";
    height: 400px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0
}
.student-company__feed-detail-container {
    padding-bottom: 60px;
    position: relative;
    z-index: 1
}
.student-company__feed-detail-head {
    margin-bottom: 20px;
    padding-top: 40px;
    position: relative
}
.student-company__feed-detail-heading {
    font-size: 30px;
    font-size: 30px;
    font-size: 3rem;
    font-weight: 600;
    letter-spacing: 1px;
    margin-bottom: 20px
}
.student-company__feed-detail-firms {
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}
.student-company__feed-detail-logo {
    height: 60px;
    margin-right: 14px;
    width: 60px
}
.student-company__feed-detail-firms-name {
    font-size: 16px;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 600;
    margin-bottom: 1px
}
.student-company__feed-detail-firms-date {
    color: #6e6e6e;
    font-size: 10px;
    font-size: 10px;
    font-size: 1rem
}
.student-company__feed-detail-image {
    height: 450px
}
.student-company__feed-detail-contents {
    background-color: #fff;
    margin: -100px auto 0;
    padding: 60px;
    position: relative;
    width: 90%
}
.student-company__feed-detail-contents img {
    display: block;
    height: 350px;
    margin-bottom: 40px;
    width: 100%
}
.student-company__feed-detail-contents h2 {
    font-size: 22px;
    font-size: 22px;
    font-size: 2.2rem;
    font-weight: 600;
    letter-spacing: 1px;
    margin-bottom: 30px;
}

.student-company__feed-detail-contents p {
    font-size: 13px;
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 2
}
.student-company__feed-detail-contents p:not(:last-of-type) {
    margin-bottom: 40px
}
.student-company__slide-article {
    padding: 60px 0
}
.student-company__slide-article-head {
    -ms-flex-align: center;
    -ms-flex-pack: justify;
    -webkit-align-items: center;
    -webkit-justify-content: space-between;
    align-items: center;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    margin-bottom: 40px
}
.student-company__slide-article-button {
    border: 1px solid #000;
    border-radius: 3px;
    font-size: 16px;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 600;
    min-width: 180px;
    padding: 8px 30px 8px 20px;
    position: relative;
    text-align: center
}
.student-company__slide-article-button:after {
    -webkit-transform: translateY(-50%) rotate(-45deg);
    border-bottom: 2px solid #000;
    border-right: 2px solid #000;
    content: "";
    height: 10px;
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%) rotate(-45deg);
    width: 10px
}
.student-company__slide-article-heading {
    font-size: 24px;
    font-size: 24px;
    font-size: 2.4rem;
    font-weight: 600;
    letter-spacing: 1px;
    line-height: 1;
    margin-bottom: 8px
}
.student-company__slide-article-label {
    color: #bfbfbf;
    font-size: 12px;
    font-size: 12px;
    font-size: 1.2rem;
    padding-left: 20px;
    position: relative
}
.student-company__slide-article-label:before {
    -webkit-transform: translateY(-50%);
    background-color: #bfbfbf;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 15px
}
.student-company__slide-article-slide {
    height: 250px;
    width: 400px
}
.student-company__slide-article-slide-link {
    color: #fff;
    display: block;
    height: 250px;
    overflow: hidden;
    position: relative;
    transition: 0.325s;
    width: 400px
}
.student-company__slide-article-slide-link:after {
    background: linear-gradient(180deg,rgba(255,255,255,0) 0,rgba(0,0,0,.83) 100%);
    bottom: 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 0
}
.student-company__slide-article-slide-link:hover {
    opacity: .7
}
.student-company__slide-article-slide-link:hover .student-company__slide-article-slide-image {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}
.student-company__slide-article-slide-image {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transition: 0.325s;
    width: 100%
}
.student-company__slide-article-slide-contents {
    bottom: 0;
    left: 0;
    padding: 14px;
    position: absolute;
    width: 100%;
    z-index: 1
}
.student-company__slide-article-slide-heading {
    font-size: 16px;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 600;
    letter-spacing: 1px;
    margin-bottom: 8px
}
.student-company__slide-article-slide-text {
    font-size: 10px;
    font-size: 10px;
    font-size: 1rem;
    line-height: 2
}
.student-company__slide-article-container {
    overflow: visible
} /*! end */ /*! guidance */
.student-guidance {
    margin-bottom: 80px
}
.student-guidance__container {
    margin: 0 auto;
    max-width: 1200px
}
.student-guidance__contents-container {
    margin: 0 auto;
    max-width: 960px
}
.student-guidance__head {
    background-color: #f1f3f3;
    padding: 60px
}
.student-guidance__feed {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}
.student-guidance__feed-image {
    height: 380px
}
.student-guidance__feed-item {
    margin: 0 0 0 -40px;
    top: 40px
}
.student-guidance__feed-logo {
    -ms-flex: none;
    -webkit-flex: none;
    flex: none;
    height: 60px;
    margin-right: 12px;
    width: 60px
}
.student-guidance__feed-title {
    font-size: 24px;
    font-size: 24px;
    font-size: 2.4rem;
    font-weight: 600;
    margin-bottom: 14px
}
.student-guidance__feed-text {
    font-size: 14px;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.7;
    margin-bottom: 16px
}
.student-guidance__feed-firms {
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    margin-bottom: 30px
}
.student-guidance__feed-firms-name {
    font-size: 20px;
    font-size: 20px;
    font-size: 2rem;
    font-weight: 600;
    letter-spacing: 1px;
    line-height: 1;
    margin-bottom: 12px
}
.student-guidance__feed-firms-category-list {
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap
}
.student-guidance__feed-firms-category-list {
    margin-bottom: -8px
}
.student-guidance__feed-firms-category-item {
    border: 1px solid #aaa;
    border-radius: 3px;
    display: inline-block;
    font-size: 10px;
    font-size: 10px;
    font-size: 1rem;
    line-height: 1;
    margin-bottom: 8px;
    padding: 6px 12px
}
.student-guidance__feed-firms-category-item:not(:last-of-type) {
    margin-right: 8px
}
.student-guidance__feed-firms-access {
    font-size: 12px;
    font-size: 12px;
    font-size: 1.2rem;
    margin-bottom: 12px;
    padding-left: 30px;
    position: relative
}
.student-guidance__feed-firms-access:before {
    -webkit-transform: translateY(-50%);
    background: url('../images/commons/icons/icon_pin.svg') no-repeat 100% 100%;
    background-size: contain;
    content: "";
    height: 20px;
    left: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 20px
}
.student-guidance__feed-firms-tag-list {
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: -8px;
    padding-left: 30px;
    position: relative
}
.student-guidance__feed-firms-tag-list:before {
    -webkit-transform: translateY(-50%);
    background: url('../images/commons/icons/icon_tag.svg') no-repeat 100% 100%;
    background-size: contain;
    content: "";
    height: 20px;
    left: 0;
    margin-top: -4px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 20px
}
.student-guidance__feed-firms-tag-item {
    border: 1px solid #aaa;
    border-radius: 100px;
    font-size: 10px;
    font-size: 10px;
    font-size: 1rem;
    line-height: 1;
    margin-bottom: 8px;
    padding: 6px 12px
}
.student-guidance__feed-firms-tag-item:not(:last-of-type) {
    margin-right: 8px
}
.student-guidance__entry {
    padding: 80px 0
}
.student-guidance__entry-heading {
    font-size: 30px;
    font-size: 30px;
    font-size: 3rem;
    font-weight: 600;
    letter-spacing: 1px;
    margin-bottom: 30px;
    position: relative;
    text-align: center
}
.student-guidance__entry-heading:after,
.student-guidance__entry-heading:before {
    background-color: #000;
    content: "";
    height: 2px;
    position: absolute;
    top: 50%;
    width: 8vw
}
.student-guidance__entry-heading:before {
    left: 0
}
.student-guidance__entry-heading:after {
    right: 0
}
.student-guidance__entry-text {
    font-size: 14px;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 2;
    margin-bottom: 60px
}
.student-guidance__entry-contents-heading,
.student-guidance__summary-contents-heading {
    font-size: 22px;
    font-size: 22px;
    font-size: 2.2rem;
    font-weight: 600;
    letter-spacing: 1px;
    margin-bottom: 30px;
    padding-left: 20px;
    position: relative
}
.student-guidance__entry-contents-heading:before,
.student-guidance__summary-contents-heading:before {
    background: linear-gradient(to right,#1e5799 0,#1e5799 12%,#1d7896 100%);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 4px
}
.student-company__top-contents-data-list,
.student-guidance__entry-list,
.student-guidance__summary-list {
    margin-bottom: 60px
}
.student-company__top-contents-data-item,
.student-guidance__entry-item,
.student-guidance__summary-item {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}
.student-company__top-contents-data-item:first-of-type .student-company__top-contents-data-desc,
.student-company__top-contents-data-item:first-of-type .student-company__top-contents-data-heading,
.student-company__top-contents-data-item:first-of-type .student-guidance__entry-item-desc,
.student-company__top-contents-data-item:first-of-type .student-guidance__entry-item-heading,
.student-company__top-contents-data-item:first-of-type .student-guidance__summary-item-desc,
.student-company__top-contents-data-item:first-of-type .student-guidance__summary-item-heading,
.student-guidance__entry-item:first-of-type .student-company__top-contents-data-desc,
.student-guidance__entry-item:first-of-type .student-company__top-contents-data-heading,
.student-guidance__entry-item:first-of-type .student-guidance__entry-item-desc,
.student-guidance__entry-item:first-of-type .student-guidance__entry-item-heading,
.student-guidance__entry-item:first-of-type .student-guidance__summary-item-desc,
.student-guidance__entry-item:first-of-type .student-guidance__summary-item-heading,
.student-guidance__summary-item:first-of-type .student-company__top-contents-data-desc,
.student-guidance__summary-item:first-of-type .student-company__top-contents-data-heading,
.student-guidance__summary-item:first-of-type .student-guidance__entry-item-desc,
.student-guidance__summary-item:first-of-type .student-guidance__entry-item-heading,
.student-guidance__summary-item:first-of-type .student-guidance__summary-item-desc,
.student-guidance__summary-item:first-of-type .student-guidance__summary-item-heading {
    border-top: 1px solid #ddd
}
.student-company__top-contents-data-heading,
.student-guidance__entry-item-heading,
.student-guidance__summary-item-heading {
    background-color: #eceef0;
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd;
    font-size: 16px;
    font-size: 16px;
    font-size: 1.6rem;
    padding: 30px;
    width: 20%
}
.student-company__top-contents-data-desc,
.student-guidance__entry-item-desc,
.student-guidance__summary-item-desc {
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    font-size: 16px;
    font-size: 16px;
    font-size: 1.6rem;
    padding: 30px;
    width: 80%
}
.student-guidance__entry-button-unit {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    -webkit-justify-content: center;
    align-items: center;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    width: 100%
}
.student-guidance__summary {
    margin-bottom: 80px
}
.student-guidance__summary-item-desc {
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}
.student-guidance__link {
    color: #19a4b9;
    text-decoration: underline
}
.student-guidance__summary-button-unit {
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center
}
.student-guidance__summary-button-unit .button:not(:last-of-type) {
    margin-right: 40px
}
.student-company__intern-guidance-info {
    background-color: #fff;
    margin: 0 auto;
    max-width: 960px;
    padding: 40px
}
.student-company__intern-guidance-info-item {
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}
.student-company__intern-guidance-info-item:not(:last-of-type) {
    margin-bottom: 20px
}
.student-company__intern-guidance-info-label {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    -webkit-justify-content: center;
    align-items: center;
    background: #fff;
    border: 1px solid #444;
    border-radius: 3px;
    color: #444;
    display: inline-block;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    font-size: 12px;
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: 600;
    height: 40px;
    justify-content: center;
    line-height: 1;
    margin-right: 40px;
    padding: 6px 12px;
    width: 15%
}
.student-company__intern-guidance-info-text {
    font-size: 14px;
    font-size: 14px;
    font-size: 1.4rem;
    width: 80%
} /*! end */ /*! news-cord */
.news-card {
    background-color: #fff;
    border: 1px solid #e5eaee;
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(9, 38, 61, .08);
    padding: 12px 16px;
    position: absolute;
    right: calc(100% - 35px);
    top: calc(100% - 8px);
    width: 450px;
    z-index: 1
}
.news-card:after {
    background: url('../images/commons/icons/news_cord_arrow.svg') no-repeat 100% 100%;
    background-size: 100% 100%;
    bottom: calc(100% - 1px);
    content: "";
    height: 12px;
    line-height: 1;
    position: absolute;
    right: 11px;
    width: 17px
}
.news-card__item {
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    padding: 12px 0;
    position: relative;
    transition: opacity 0.2s
}
.news-card__item:not(:last-of-type) {
    border-bottom: 1px solid #e5eaee
}
.news-card__item:hover {
    opacity: .7
}
.news-card__item:after {
    -webkit-transform: translateY(-50%);
    -webkit-transform: rotate(45deg);
    border-right: 1px solid #000;
    border-top: 1px solid #000;
    content: "";
    height: 10px;
    margin-top: -8px;
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
    transform: rotate(45deg);
    width: 10px
}
.news-card__image-unit {
    margin-right: 20px
}
.news-card__image {
    display: block;
    height: 60px;
    width: 60px
}
.news-card__text-unit {
    letter-spacing: 1px
}
.news-card__title {
    font-size: 14px;
    font-size: 14px;
    font-size: 1.4rem;
    padding-right: 30px
}
.news-card__date {
    color: #a2a2a2;
    font-size: 10px;
    font-size: 10px;
    font-size: 1rem
} /*! end */ /*! menu-card */
.menu-card {
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    background-color: #fff;
    border: 1px solid #e5eaee;
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(9, 38, 61, .08);
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    padding: 50px 0;
    position: absolute;
    right: calc(100% - 90px);
    top: calc(100% - 8px);
    width: 800px;
    z-index: 1
}
.menu-card:after {
    background: url('../images/commons/icons/news_cord_arrow.svg') no-repeat 100% 100%;
    background-size: 100% 100%;
    bottom: calc(100% - 1px);
    content: "";
    height: 12px;
    line-height: 1;
    position: absolute;
    right: 15px;
    width: 17px
}
.menu-card__profile-item {
    margin-right: 50px
}
.menu-card__profile {
    -ms-flex-align: center;
    -ms-flex-direction: column;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    -webkit-flex-direction: column;
    -webkit-justify-content: center;
    align-items: center;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    justify-content: center
}
.menu-card__profile-image {
    border-radius: 100px;
    height: 100px;
    width: 100px
}
.menu-card__profile-link {
    background-color: #fff;
    border: 1px solid #888;
    font-size: 10px;
    font-size: 10px;
    font-size: 1rem;
    margin-bottom: 20px;
    margin-top: -20px;
    padding: 4px 20px
}
.menu-card__profile-name {
    font-size: 16px;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 600;
    margin-bottom: 10px
}
.menu-card__profile-school {
    color: #a2a2a2
}
.menu-card__item {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}
.menu-card__list-unit {
    border-left: 1px solid #ededed
}
.menu-card__list-unit:not(:last-child) {
    padding: 0 50px
}
.menu-card__list-unit:last-child {
    padding-left: 50px
}
.menu-card__liet-name {
    font-size: 20px;
    font-size: 20px;
    font-size: 2rem;
    font-weight: 600;
    margin-bottom: 20px;
    padding-top: 8px
}
.menu-card__list-item:not(:last-of-type) {
    margin-bottom: 12px
}
.menu-card__list-link {
    font-size: 12px;
    font-size: 12px;
    font-size: 1.2rem;
    transition: 0.2s
}
.menu-card__list-link:hover {
    border-bottom: 1px solid #000;
    opacity: .8
}
.menu-card__button {
    border: 1px solid #6c6c6c;
    border-radius: 3px;
    display: block;
    margin-top: 12px;
    padding: 4px 12px;
    text-align: center
} /*! end */ /*! feature */
.feature {
    margin: 80px 0
}
.feature__heading-area {
    letter-spacing: 1px;
    margin-bottom: 60px;
    text-align: center
}
.feature__heading {
    -ms-flex-align: center;
    -ms-flex-direction: column;
    -webkit-align-items: center;
    -webkit-flex-direction: column;
    align-items: center;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    margin-bottom: 30px;
    position: relative
}
.feature__heading:after {
    -webkit-transform: translateX(-50%);
    background-color: #000;
    bottom: -15px;
    content: "";
    height: 1px;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    width: 30px
}
.feature__heading_ja {
    font-size: 30px;
    font-size: 30px;
    font-size: 3rem;
    font-weight: 600
}
.feature__heading_en {
    color: #bfbfbf;
    font-size: 12px;
    font-size: 12px;
    font-size: 1.2rem
}
.feature__head-text {
    font-size: 16px;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 2
}
.feature__list {
    margin-bottom: 80px
}
.feature__article {
    position: relative
}
.feature__article:after {
    background-color: #f3f3f3;
    bottom: 0;
    content: "";
    height: 80%;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: -1
}
.feature__article:not(:last-child) {
    margin-bottom: 60px
}
.feature__article:nth-of-type(odd) .feature__article-image {
    margin-left: auto
}
.feature__article:nth-of-type(even) .feature__article-textarea {
    right: 0
}
.feature__article-inner {
    position: relative
}
.feature__article-textarea {
    background-color: #fff;
    bottom: 40px;
    max-width: 500px;
    min-height: 200px;
    padding: 40px 30px;
    position: absolute;
    width: 50%
}
.feature__article-image {
    min-height: 520px;
    width: 70%
}
.feature__article-heading {
    font-size: 20px;
    font-size: 20px;
    font-size: 2rem;
    font-weight: 600;
    letter-spacing: 1px;
    line-height: 1;
    margin-bottom: 20px
}
.feature__article-text {
    font-size: 12px;
    font-size: 12px;
    font-size: 1.2rem;
    letter-spacing: 1px;
    line-height: 2;
    margin-bottom: 30px
}
.feature__article-link {
    border: 1px solid #54403b;
    border-radius: 3px;
    font-size: 14px;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 600;
    letter-spacing: 2px;
    padding: 8px 20px
} /*! end */ /*! feature_detail  */
.feature-detail {
    margin-bottom: 80px
}
.feature-detail__mv-image {
    height: 50vh
}
.feature-detail__mv-unit {
    background-color: #fff;
    padding: 60px 40px 40px;
    position: relative
}
.feature-detail__mv-catch {
    background: linear-gradient(to right,#1e5799 0,#1e5799 12%,#1d7896 100%);
    color: #fff;
    display: inline-block;
    font-size: 28px;
    font-size: 28px;
    font-size: 2.8rem;
    font-weight: 600;
    left: 40px;
    letter-spacing: 2px;
    line-height: 1;
    padding: 14px 20px;
    position: absolute;
    top: -30px
}
.feature-detail__mv-title {
    font-size: 26px;
    font-size: 26px;
    font-size: 2.6rem;
    font-weight: 600;
    letter-spacing: 1px;
    margin-bottom: 20px
}
.feature-detail__mv-desc {
    font-size: 14px;
    font-size: 14px;
    font-size: 1.4rem;
    letter-spacing: 1px;
    line-height: 2
}
.feature-detail__feed-unit {
    margin-bottom: 80px
} /*! end  */ /*! signup-banner */
.signup-banner {
    -ms-flex-align: center;
    -ms-flex-direction: column;
    -ms-flex-pack: center;

    -webkit-align-items: center;
    -webkit-flex-direction: column;
    -webkit-justify-content: center;
    align-items: center;
    background: url('../images/commons/bgs/signup_banner.jpg') no-repeat 100% 100%;
    background-size: 100% 100%;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    height: 50vh;
    justify-content: center;
    min-height: 500px
}
.signup-banner__heading {
    font-size: 38px;
    font-size: 38px;
    font-size: 3.8rem;
    font-weight: 600;
    letter-spacing: 2px;
    line-height: 1;
    margin-bottom: 60px
}
.signup-banner__sub-heading {
    font-size: 30px;
    font-size: 30px;
    font-size: 3rem;
    font-weight: 600;
    letter-spacing: 2px;
    line-height: 1;
    margin-bottom: 40px
}
.signup-banner__text {
    font-size: 16px;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 600;
    letter-spacing: 1px;
    line-height: 2;
    text-align: center
}
.signup-banner__button-area {
    margin-top: 30px
}
.signup-banner__button {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    -webkit-justify-content: center;
    align-items: center;
    display: -ms-inline-flexbox;
    display: -webkit-inline-flex;
    display: inline-flex;
    font-size: 20px;
    font-size: 20px;
    font-size: 2rem;
    font-weight: 600;
    height: 70px;
    justify-content: center;
    letter-spacing: 1px;
    line-height: 1;
    min-width: 280px;
    position: relative;
    transition: 0.325s
}
.signup-banner__button:hover {
    opacity: .7
}
.signup-banner__button:before {
    content: "";
    margin-right: 20px
}
.signup-banner__button:not(:last-of-type) {
    margin-right: 20px
}
.signup-banner__button.-signup {
    background: linear-gradient(to right,#1e5799 0,#1e5799 12%,#1d7896 100%);
    color: #fff
}
.signup-banner__button.-signup:before {
    background: url('../images/commons/icons/icon_user_white.svg') no-repeat 100% 100%;
    background-size: 100% 100%;
    height: 35px;
    width: 30px
}
.signup-banner__button.-signin {
    border: 2px solid #000
}
.signup-banner__button.-signin:before {
    background: url('../images/commons/icons/icon_signin.svg') no-repeat 100% 100%;
    background-size: 100% 100%;
    height: 35px;
    width: 30px
} /*! end */ /*! msa-header */
.msa-header {
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    background-color: #eaeaea;
    height: 70px;
    padding: 0 30px;
	max-width: 100%;
	 display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
	text-align: center;
}
.msa-header__heading {
    display: block;
    font-size: 20px;
    font-size: 20px;
    font-size: 2rem;
    font-weight: 600;
    letter-spacing: 1px
} /*! end */ /*! msa */
.msa {
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    min-height: 100vh
}
.msa .breadcrumb {
    margin-bottom: 80px
}
.msa .signin {
    margin-bottom: 0
}
.msa.-top {
    margin: 100px 0
}
.mas-signin-id-text {
    color: red;
    margin-left: 20px
}
.msa__link {
    color: #19a4b9;
    text-decoration: underline
}
.msa__heading-area {
    margin: 20px 0
}
.msa__heading {
    font-size: 28px;
    font-size: 28px;
    font-size: 2.8rem;
    font-weight: 600;
    letter-spacing: 1px
}
.msa__area {
    letter-spacing: 1px;
    margin-top: 60px
}
.msa__head-text {
    font-size: 24px;
    font-size: 24px;
    font-size: 2.4rem;
    font-weight: 700;
    margin-bottom: 20px
}
.msa__text-area {
    background-color: #f8f8f8;
    padding: 40px 30px
}
.msa__text {
    font-size: 14px;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 1.8
}
.msa__button-area {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    -webkit-justify-content: center;
    align-items: center;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    margin: 60px 0 100px
}
.msa__button-area .button:not(:last-child) {
    margin-right: 30px
}
.msa__registered-area {
    text-align: center
}
.msa__event-area {
    border-bottom: 1px solid #e6e6e6;
    margin-bottom: 60px
}
.msa__event-button-area {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    -webkit-justify-content: center;
    align-items: center;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    margin-bottom: 60px
}
.msa__event-reservation-group {
    margin-bottom: 60px
}
.msa__event-reservation-heading,
.msa__profile-heading {
    font-size: 26px;
    font-size: 26px;
    font-size: 2.6rem;
    font-weight: 600;
    letter-spacing: 1px;
    line-height: 1.5;
    margin-bottom: 40px;
    padding-left: 20px;
    position: relative
}
.msa__event-reservation-heading:before,
.msa__profile-heading:before {
    background: linear-gradient(to right,#1e5799 0,#1e5799 12%,#1d7896 100%);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 5px
}
.msa__event-reservation-item:not(:last-child) {
    margin-bottom: 20px
}
.msa__event-reservation-link {
    color: #19a4b9;
    font-size: 12px;
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: 600;
    text-decoration: underline
}
.msa__profile-area {
    margin: 0 auto;
    max-width: 850px
}
.msa__profile-inner-heading {
    font-size: 18px;
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: 600;
    margin-bottom: 12px
}
.msa__profile-exit-link {
    display: block;
    font-size: 14px;
    font-size: 14px;
    font-size: 1.4rem;
    margin-bottom: 30px;
    text-align: right
}
.msa__reserve-fair-area {
    margin: 0 auto 60px;
    max-width: 800px
}
.msa__reserve-fair-image {
    margin: 0 auto;
    width: 200px
}
.msa__reserve-fair-id {
    font-size: 14px;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 600;
    margin-bottom: 60px;
    text-align: center
}
.msa__reserve-fair-summary-item:not(:last-child) {
    margin-bottom: 30px
}
.msa__reserve-fair-summary-heading {
    font-size: 16px;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 600;
    margin-bottom: 10px
}
.msa__reserve-fair-summary-text {
    font-size: 14px;
    font-size: 14px;
    font-size: 1.4rem
}
.msa__reserve-fair-definition-list {
    font-size: 12px;
    font-size: 12px;
    font-size: 1.2rem
}
.msa__reserve-fair-definition-list:not(:last-child) {
    margin-bottom: 20px
}
.mas__passward-change-head {
    font-size: 26px;
    font-size: 26px;
    font-size: 2.6rem;
    font-weight: 600;
    letter-spacing: 1px;
    margin-bottom: 10px;
    text-align: center
}
.mas__passward-change-text {
    font-size: 16px;
    font-size: 16px;
    font-size: 1.6rem;
    letter-spacing: 1px;
    text-align: center
}
.msa__top-heading {
    font-size: 32px;
    font-size: 32px;
    font-size: 3.2rem;
    font-weight: 600;
    letter-spacing: 1px;
    line-height: 1;
    margin-bottom: 30px
}
.msa__top-banner-unit {
    margin-top: 80px
}
.msa__top-banner-list {
    -ms-flex-negative: 1;
    -ms-flex-pack: justify;
    -ms-flex-wrap: wrap;
    -webkit-flex-shrink: 1;
    -webkit-flex-wrap: wrap;
    -webkit-justify-content: space-between;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-shrink: 1;
    flex-wrap: wrap;
    justify-content: space-between
}
.msa__top-text {
    font-size: 16px;
    font-size: 16px;
    font-size: 1.6rem;
    letter-spacing: 1px;
    line-height: 2;
    margin-bottom: 60px
}
.msa__top-banner-link {
    display: block
}
.msa__top-banner-item {
    margin-bottom: 10px;
    transition: 0.25s;
    width: calc(50% - 5px)
}
.msa__top-banner-item:hover {
    -webkit-transform: scale(0.995);
    opacity: .75;
    transform: scale(0.995)
}
.msa__top-button {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    -webkit-justify-content: center;
    align-items: center;
    background: #1e5799;
    background: linear-gradient(to right,#1e5799 0,#1e5799 12%,#1d7896 100%);
    border-radius: 5px;
    color: #fff;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    font-size: 30px;
    font-size: 30px;
    font-size: 3rem;
    font-weight: 600;
    justify-content: center;
    letter-spacing: 2px;
    margin: 0 auto;
    padding: 30px 0;
    transition: 0.25s;
    width: 80%
}
.msa__top-button:hover {
    -webkit-transform: scale(0.995);
    opacity: .75;
    transform: scale(0.995)
} /*! end */ /*! msa-footer */
.msa-footer {
    margin-top: auto
}
.msa-footer__upperside {
    -ms-flex-align: center;
    -ms-flex-pack: justify;
    -webkit-align-items: center;
    -webkit-justify-content: space-between;
    align-items: center;
    background-color: #eaeaea;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    padding: 20px 30px
}
.msa-footer__underside {
    background-color: #222
}
.msa-footer__copyright {
    color: #fff;
    font-size: 10px;
    font-size: 10px;
    font-size: 1rem;
    padding: 20px 0;
    text-align: center
}
.msa-footer__logo {
    display: block;
    width: 200px
}
.msa-footer__nav-area {
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}
.msa-footer__nav-item:not(:last-child) {
    margin-right: 14px
}
.msa-footer__nav-link {
    font-size: 14px;
    font-size: 14px;
    font-size: 1.4rem;
    letter-spacing: 1px;
    text-decoration: underline
} /*! end */ /*! footer  */
.footer {
    background: #f3f3f3;
    padding: 60px 0 40px
}
.footer .footer__upperside {
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    border-bottom: 1px solid #ddd;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    margin-bottom: 30px;
    padding-bottom: 30px
}
.footer .footer__underside .footer__item {
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between
}
.footer .footer__underside .footer__nav-area {
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}
.footer .footer__underside .footer__link {
    color: #2f2f2f
}
.footer .footer__parent {
    padding: 0 50px
}
.footer .footer__logo {
    display: block;
    margin-bottom: 25px;
    width: 250px
}
.footer .footer__paragraph {
    color: #2a2a2a;
    font-size: 14px;
    font-size: 14px;
    font-size: 1.4rem;
    letter-spacing: 1px
}
.footer .footer__outer-item:nth-of-type(2) {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}
.footer .footer__outer-item:nth-of-type(2) .footer__link {
    color: #2f2f2f;
    font-size: 12px;
    font-size: 12px;
    font-size: 1.2rem;
    letter-spacing: 1px;
    position: relative;
    text-decoration: underline
}
.footer .footer__outer-item:nth-of-type(2) .footer__link:before {
    -webkit-transform: translateY(-50%) rotate(-45deg);
    border-bottom: 1px solid #555;
    border-right: 1px solid #555;
    content: "";
    height: 8px;
    left: -20px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%) rotate(-45deg);
    width: 8px
}
.footer .footer__outer-item:nth-of-type(2) .footer__link_facebook:before,
.footer .footer__outer-item:nth-of-type(2) .footer__link_instagram:before,
.footer .footer__outer-item:nth-of-type(2) .footer__link_twitter:before {
    display: none
}
.footer .footer__outer-item:nth-of-type(2) .footer__link_facebook:after,
.footer .footer__outer-item:nth-of-type(2) .footer__link_instagram:after,
.footer .footer__outer-item:nth-of-type(2) .footer__link_twitter:after {
    content: "";
    height: 100%;
    position: absolute;
    top: 0;
    width: 20px
}
.footer .footer__outer-item:nth-of-type(2) .footer__link_twitter:after {
    background: url('../images/commons/footer/twitter.png') no-repeat 100% 100%;
    background-size: contain;
    left: -27px
}
.footer .footer__outer-item:nth-of-type(2) .footer__link_facebook:after {
    background: url('../images/commons/footer/fb.png') no-repeat 100% 100%;
    background-size: contain;
    left: -34px
}
.footer .footer__outer-item:nth-of-type(2) .footer__link_instagram:after {
    background: url('../images/commons/footer/instagram.png') no-repeat 100% 100%;
    background-size: contain;
    left: -30px
}
.footer .footer__outer-item:nth-of-type(2) .footer__item:not(:last-child) {
    margin-bottom: 8px
}
.footer .footer__outer-item:nth-of-type(2) .footer__nav-group {
    border-left: 1px solid #ddd;
    padding-left: 40px;
    padding-right: 80px
}
.footer .footer__outer-item:nth-of-type(2) .footer__nav-group:last-child {
    border-right: 1px solid #ddd
}
.footer .footer__tel {
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
    color: #2f2f2f;
    font-size: 12px;
    font-size: 12px;
    font-size: 1.2rem;
    letter-spacing: 1px;
    margin: 13px 0;
    padding: 4px 10px
}
.footer .footer__object {
    height: auto;
    width: 250px
}
.footer .footer__button {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    -webkit-justify-content: center;
    align-items: center;
    background: #1e5799;
    background: linear-gradient(to right,#1e5799 0,#1e5799 12%,#1d7896 100%);
    border-radius: 3px;
    color: #fff;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    font-size: 16px;
    font-size: 16px;
    font-size: 1.6rem;
    justify-content: center;
    letter-spacing: 1px;
    padding: 13px 0 13px 30px;
    position: relative;
    width: 100%
}
.footer .footer__button:before {
    -webkit-transform: translateY(-50%);
    color: #fff;
    content: "\f0e0";
    display: inline-block;
    font-family: "Font Awesome 5 Free";
    font-size: 22px;
    font-size: 22px;
    font-size: 2.2rem;
    font-weight: 900;
    left: 15px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}
.footer .footer__banner-area {
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    border-bottom: 1px solid #ddd;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    margin-bottom: 30px;
    padding: 0 60px 30px;
}
.footer .footer__banner-item {
    background-color: #aaa;
    height: 80px;
    width: 25%
}
.footer .footer__banner-item:not(:last-child) {
    margin-right: 30px
}
.footer .footer__banner-link {
    display: block;
    height: 100%;
    width: 100%
}
.footer__nav-item:not(:last-child) {
    margin-right: 20px
}
@media(max-width:768px) {
    .pc-only {
        display: none
    }
    .sp-only {
        display: block
    }
    .event-lp .container {
        padding: 0
    }
    .event-lp__mv {
        height: 50vh;
        margin-bottom: 20px;
        max-height: 300px
    }
    .event-lp__summary-unit {
        padding: 0 20px
    }
    .event-lp__summary-title {
        font-size: 2.4rem
    }
    .event-lp__summary-category-unit {
        -ms-flex-align: center;
        -ms-flex-pack: justify;
        -webkit-align-items: center;
        -webkit-justify-content: space-between;
        align-items: center;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        justify-content: space-between;
        margin-bottom: 40px;
        position: relative;
        width: 100%
    }
    .event-lp__summary-category-unit:after {
        display: none
    }
    .event-lp__summary-category:not(:last-of-type) {
        margin-right: 0
    }
    .event-lp__summary-category {
        background-color: #f1f1f1;
        border: 1px solid #000;
        border-radius: 3px;
        font-size: 1rem;
        letter-spacing: 1px;
        min-width: 0;
        min-width: initial;
        padding: 8px;
        text-align: center;
        width: calc(33.33333% - 10px)
    }
    .event-lp__summary-textarea {
        margin-bottom: 40px
    }
    .event-lp__summary-access-unit {
        -ms-flex-direction: column;
        -webkit-flex-direction: column;
        flex-direction: column;
        margin-bottom: 0;
        padding: 40px 20px;
        top: 0
    }
    .event-lp__summary-data-unit,
    .event-lp__summary-place-unit {
        width: 100%
    }
    .event-lp__summary-data-text,
    .event-lp__summary-place-text {
        font-size: 1.6rem;
        padding: 16px
    }
    .event-lp__summary-res-unit {
        height: 100px;
        margin-bottom: 40px
    }
    .event-lp__summary-res-button-unit {
        -ms-flex-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        padding: 0 20px
    }
    .event-lp__summary-res-button {
        background-color: #fff;
        border-bottom: 2px solid #333;
        border-radius: 3px;
        color: #000;
        font-size: 1.4rem;
        font-weight: 600;
        letter-spacing: 1px;
        min-width: 0;
        min-width: initial;
        padding: 12px 4px;
        text-align: center;
        width: calc(50% - 10px)
    }
    .event-lp__summary-res-button:not(:last-of-type) {
        margin-right: 0
    }
    .event-lp__summary-res-button.-res {
        background-color: #cd0606;
        border-color: #6b0000;
        color: #fff;
        position: relative
    }
    .event-lp__summary-res-button.-res:before {
        background: url('../images/commons/objects/obj_res_balloon.png') no-repeat 100% 100%;
        background-size: contain;
        content: "";
        height: 100%;
        left: 0;
        position: absolute;
        top: -50px;
        width: 100%
    }
    .event-lp__summary-companylist-unit {
        margin-bottom: 40px
    }
    .event-lp__summary-companylist-table {
        width: 100%
    }
    .event-lp__information-heading.-ja,
    .event-lp__summary-bus-heading.-ja,
    .event-lp__summary-companylist-heading.-ja,
    .event-step-heading.-ja {
        font-size: 2.4rem
    }
    .event-lp__summary-companylist-list {
        -ms-flex-direction: column;
        -webkit-flex-direction: column;
        flex-direction: column;
        padding: 0 20px
    }
    .event-lp__summary-companylist-item {
        width: 100%
    }
    .event-lp__summary-companylist-item:not(:last-of-type) {
        margin-bottom: 30px;
        margin-right: 0
    }
    .event-lp__summary-bus-unit {
        padding: 0 20px
    }
    .event-lp__summary-bus-text {
        font-size: 1.6rem
    }
    .event-lp__summary-bus-list {
        border-left: 1px solid #d4d4d4;
        border-right: 1px solid #d4d4d4;
        margin: 0 auto;
        min-width: 800px;
        overflow: scroll
    }
    .event-lp__summary-bus-head-list {
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        border-top: 1px solid #d4d4d4;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        height: 60px;
        width: 100%
    }
    .event-lp__summary-bus-head-title {
        padding: 12px;
        width: auto
    }
    .event-lp__summary-bus-head-text {
        -ms-flex-align: center;
        -ms-flex-pack: center;
        -webkit-align-items: center;
        -webkit-justify-content: center;
        align-items: center;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        justify-content: center;
        padding: 0
    }
    .event-lp__summary-bus-value.-large {
        font-size: 1.6rem;
        font-weight: 600
    }
    .event-lp__information,
    .event-lp__step {
        padding: 20px 0 30px
    }
    .event-lp__information-inner,
    .event-lp__step-inner {
        padding: 0 20px
    }
    .event-lp__information-list {
        -ms-flex-direction: column;
        -webkit-flex-direction: column;
        flex-direction: column
    }
    .event-lp__information-item {
        width: 100%
    }
    .event-lp__information-item:not(:last-of-type) {
        margin-bottom: 30px;
        margin-right: 0
    }
    .event-lp__information-label {
        top: 185px
    }
    .event-lp__information-image {
        height: 200px
    }
    .event-lp__information-catch {
        font-size: 1.6rem
    }
    .event-lp__step-list {
        margin-top: 60px
    }
    .event-lp__step-item {
        -ms-flex-direction: column-reverse;
        -webkit-flex-direction: column-reverse;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-direction: column-reverse
    }
    .event-lp__step-item:not(:last-of-type) {
        margin-bottom: 40px
    }
    .event-lp__step-item.-left .event-lp__step-image {
        margin-left: -20px;
        margin-right: 20px
    }
    .event-lp__step-item.-left .event-lp__step-desc-unit {
        padding-left: 20px
    }
    .event-lp__step-item.-right .event-lp__step-image {
        margin-left: 20px;
        margin-right: -20px
    }
    .event-lp__step-item.-right .event-lp__step-desc-unit {
        padding-right: 20px
    }
    .event-lp__step-desc-unit {
        padding: 150px 20px 40px;
        width: auto
    }
    .event-lp__step-title {
        font-size: 1.6rem
    }
    .event-lp__step-image {
        height: 220px;
        margin-bottom: -110px;
        position: static;
        width: 100%
    }
}
@media(max-width:1019px) {
    .tab-only {
        display: block
    }
    .tab-none {
        display: none
    }
}

.prjct {
  font-weight:normal;
}

.prjct > span {
  display:inline-block;
  background-color:#000;
  color: #fff;
  font-size:1.8em;
  font-weight:bold;
  padding-right:1.0em;
  padding-left:1.0em;
  margin-bottom:30px;
}

.prjct h2 {
  width:100%;
  height:auto;
  margin-bottom:10px;
}

.prjct h2 img {
  width:100%;
  height:auto;
}

.prjct h2+p {
  font-size:2.2em;
  font-weight:bold;
  margin-bottom:10px;
  line-height:1.4;
}

.prjct p {
  font-size:1.8em;
  margin-bottom:30px;
}

.prjct p:last-of-type {
  font-size:1.6em;
}

.prjct ul li {
  width:96%;
  font-size:1.8em;
  font-weight:bold;
  text-align:center;
  margin:0 auto 30px;
}

.prjct ul li a {
  display:block;
  padding-top:6px;
  padding-bottom:6px;
  border: #f39800 solid 2px;
  color: #f39800;
}

.prjct ul li a:hover {
  background-color:#f39800;
  color: #fff;
}