@charset "UTF-8";@import url(//fonts.googleapis.com/earlyaccess/notosansjapanese.css); /*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary {
    display: block
}

audio,canvas,progress,video {
    display: inline-block;
    vertical-align: baseline
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden],template {
    display: none
}

a {
    background-color: transparent
}

a:active,a:hover {
    outline: 0
}

abbr[title] {
    border-bottom: 1px dotted
}

.archive-link a,b,strong {
    font-weight: 700
}

dfn {
    font-style: italic
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

mark {
    background: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub,sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

img {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 1em 40px
}

hr {
    box-sizing: content-box;
    height: 0
}

pre {
    overflow: auto
}

code,kbd,pre,samp {
    font-family: monospace,monospace;
    font-size: 1em
}

button,input,optgroup,select,textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

button {
    overflow: visible
}

button,select {
    text-transform: none
}

button,html input[type=button],input[type=reset],input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled],html input[disabled] {
    cursor: not-allowed
}

button::-moz-focus-inner,input::-moz-focus-inner {
    border: 0;
    padding: 0
}

input {
    line-height: normal
}

input[type=checkbox],input[type=radio] {
    box-sizing: border-box;
    padding: 0
}

input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button {
    height: auto
}

input[type=search] {
    -webkit-appearance: textfield;
    box-sizing: content-box
}

input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

legend {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: 700
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

td,th {
    padding: 0
}

.foundation-mq {
    font-family: "small=0em&medium=40em&large=64em&xlarge=75em&xxlarge=90em"
}

html {
    font-size: 100%;
    box-sizing: border-box
}

*,:after,:before {
    box-sizing: inherit
}

body {
    padding: 0;
    margin: 0;
    font-family: Noto Sans Japanese,Arial,Helvetica,sans-serif;
    font-weight: normal;
    line-height: 1.5;
    color: #000000;
    background: #fff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

img {
    max-width: 100%;
    height: auto;
    -ms-interpolation-mode: bicubic;
    display: inline-block;
    vertical-align: middle
}

textarea {
    height: auto;
    min-height: 50px;
    border-radius: 0
}

select {
    width: 100%;
    border-radius: 0
}

#map_canvas embed,#map_canvas img,#map_canvas object,.map_canvas embed,.map_canvas img,.map_canvas object,.mqa-display embed,.mqa-display img,.mqa-display object {
    max-width: none!important
}

button {
    -webkit-appearance: none;
    -moz-appearance: none;
    background: transparent;
    padding: 0;
    border: 0;
    border-radius: 0;
    line-height: 1
}

[data-whatinput=mouse] button {
    outline: 0
}

.is-visible {
    display: block!important
}

.is-hidden {
    display: none!important
}

.row {
    padding-left: 15px;
    padding-right: 15px;
    max-width: 73.125rem;
    margin-left: auto;
    margin-right: auto
}

.row:after,.row:before {
    content: ' ';
    display: table
}

.row:after {
    clear: both
}

.row.collapse>.column,.row.collapse>.columns {
    padding-left: 0;
    padding-right: 0
}
.row.collapse {
    padding-left: 0;
    padding-right: 0
}

.row .row {
    max-width: none;
    margin-left: -.9375rem;
    margin-right: -.9375rem
}

@media screen and (min-width: 40em) {
    .row .row {
        margin-left:-1.5625rem;
        margin-right: -1.5625rem
    }
}

.row .row.collapse {
    margin-left: 0;
    margin-right: 0
}

.row.expanded {
    max-width: none
}

.row.expanded .row {
    margin-left: auto;
    margin-right: auto
}

.column,.columns {
    width: 100%;
    float: left;
    padding-left: 0;
    padding-right: 0
}

@media screen and (min-width: 40em) {
    .column,.columns {
        padding-left:0;
        padding-right:0
    }
}

.column:last-child:not(:first-child),.columns:last-child:not(:first-child) {
    float: right
}

.column.end:last-child:last-child,.end.columns:last-child:last-child {
    float: left
}

.column.row.row,.row.row.columns {
    float: none
}

.row .column.row.row,.row .row.row.columns {
    padding-left: 0;
    padding-right: 0;
    margin-left: 0;
    margin-right: 0
}

.small-1 {
    width: 8.33333%
}

.small-push-1 {
    position: relative;
    left: 8.33333%
}

.small-pull-1 {
    position: relative;
    left: -8.33333%
}

.small-offset-0 {
    margin-left: 0
}

.small-2 {
    width: 16.66667%
}

.small-push-2 {
    position: relative;
    left: 16.66667%
}

.small-pull-2 {
    position: relative;
    left: -16.66667%
}

.small-offset-1 {
    margin-left: 8.33333%
}

.small-3 {
    width: 25%
}

.small-push-3 {
    position: relative;
    left: 25%
}

.small-pull-3 {
    position: relative;
    left: -25%
}

.small-offset-2 {
    margin-left: 16.66667%
}

.small-4 {
    width: 33.33333%
}

.small-push-4 {
    position: relative;
    left: 33.33333%
}

.small-pull-4 {
    position: relative;
    left: -33.33333%
}

.small-offset-3 {
    margin-left: 25%
}

.small-5 {
    width: 41.66667%
}

.small-push-5 {
    position: relative;
    left: 41.66667%
}

.small-pull-5 {
    position: relative;
    left: -41.66667%
}

.small-offset-4 {
    margin-left: 33.33333%
}

.small-6 {
    width: 50%
}

.small-push-6 {
    position: relative;
    left: 50%
}

.small-pull-6 {
    position: relative;
    left: -50%
}

.small-offset-5 {
    margin-left: 41.66667%
}

.small-7 {
    width: 58.33333%
}

.small-push-7 {
    position: relative;
    left: 58.33333%
}

.small-pull-7 {
    position: relative;
    left: -58.33333%
}

.small-offset-6 {
    margin-left: 50%
}

.small-8 {
    width: 66.66667%
}

.small-push-8 {
    position: relative;
    left: 66.66667%
}

.small-pull-8 {
    position: relative;
    left: -66.66667%
}

.small-offset-7 {
    margin-left: 58.33333%
}

.small-9 {
    width: 75%
}

.small-push-9 {
    position: relative;
    left: 75%
}

.small-pull-9 {
    position: relative;
    left: -75%
}

.small-offset-8 {
    margin-left: 66.66667%
}

.small-10 {
    width: 83.33333%
}

.small-push-10 {
    position: relative;
    left: 83.33333%
}

.small-pull-10 {
    position: relative;
    left: -83.33333%
}

.small-offset-9 {
    margin-left: 75%
}

.small-11 {
    width: 91.66667%
}

.small-push-11 {
    position: relative;
    left: 91.66667%
}

.small-pull-11 {
    position: relative;
    left: -91.66667%
}

.small-offset-10 {
    margin-left: 83.33333%
}

.small-12 {
    width: 100%
}

.small-offset-11 {
    margin-left: 91.66667%
}

.small-up-1>.column,.small-up-1>.columns {
    width: 100%;
    float: left
}

.small-up-1>.column:nth-of-type(1n),.small-up-1>.columns:nth-of-type(1n) {
    clear: none
}

.small-up-1>.column:nth-of-type(1n+1),.small-up-1>.columns:nth-of-type(1n+1) {
    clear: both
}

.small-up-1>.column:last-child,.small-up-1>.columns:last-child {
    float: left
}

.small-up-2>.column,.small-up-2>.columns {
    width: 50%;
    float: left
}

.small-up-2>.column:nth-of-type(1n),.small-up-2>.columns:nth-of-type(1n) {
    clear: none
}

.small-up-2>.column:nth-of-type(2n+1),.small-up-2>.columns:nth-of-type(2n+1) {
    clear: both
}

.small-up-2>.column:last-child,.small-up-2>.columns:last-child {
    float: left
}

.small-up-3>.column,.small-up-3>.columns {
    width: 33.33333%;
    float: left
}

.small-up-3>.column:nth-of-type(1n),.small-up-3>.columns:nth-of-type(1n) {
    clear: none
}

.small-up-3>.column:nth-of-type(3n+1),.small-up-3>.columns:nth-of-type(3n+1) {
    clear: both
}

.small-up-3>.column:last-child,.small-up-3>.columns:last-child {
    float: left
}

.small-up-4>.column,.small-up-4>.columns {
    width: 25%;
    float: left
}

.small-up-4>.column:nth-of-type(1n),.small-up-4>.columns:nth-of-type(1n) {
    clear: none
}

.small-up-4>.column:nth-of-type(4n+1),.small-up-4>.columns:nth-of-type(4n+1) {
    clear: both
}

.small-up-4>.column:last-child,.small-up-4>.columns:last-child {
    float: left
}

.small-up-5>.column,.small-up-5>.columns {
    width: 20%;
    float: left
}

.small-up-5>.column:nth-of-type(1n),.small-up-5>.columns:nth-of-type(1n) {
    clear: none
}

.small-up-5>.column:nth-of-type(5n+1),.small-up-5>.columns:nth-of-type(5n+1) {
    clear: both
}

.small-up-5>.column:last-child,.small-up-5>.columns:last-child {
    float: left
}

.small-up-6>.column,.small-up-6>.columns {
    width: 16.66667%;
    float: left
}

.small-up-6>.column:nth-of-type(1n),.small-up-6>.columns:nth-of-type(1n) {
    clear: none
}

.small-up-6>.column:nth-of-type(6n+1),.small-up-6>.columns:nth-of-type(6n+1) {
    clear: both
}

.small-up-6>.column:last-child,.small-up-6>.columns:last-child {
    float: left
}

.small-up-7>.column,.small-up-7>.columns {
    width: 14.28571%;
    float: left
}

.small-up-7>.column:nth-of-type(1n),.small-up-7>.columns:nth-of-type(1n) {
    clear: none
}

.small-up-7>.column:nth-of-type(7n+1),.small-up-7>.columns:nth-of-type(7n+1) {
    clear: both
}

.small-up-7>.column:last-child,.small-up-7>.columns:last-child {
    float: left
}

.small-up-8>.column,.small-up-8>.columns {
    width: 12.5%;
    float: left
}

.small-up-8>.column:nth-of-type(1n),.small-up-8>.columns:nth-of-type(1n) {
    clear: none
}

.small-up-8>.column:nth-of-type(8n+1),.small-up-8>.columns:nth-of-type(8n+1) {
    clear: both
}

.small-up-8>.column:last-child,.small-up-8>.columns:last-child {
    float: left
}

.small-collapse>.column,.small-collapse>.columns {
    padding-left: 0;
    padding-right: 0
}

.expanded.row .small-collapse.row,.small-collapse .row {
    margin-left: 0;
    margin-right: 0
}

.small-uncollapse>.column,.small-uncollapse>.columns {
    padding-left: .9375rem;
    padding-right: .9375rem
}

.small-centered {
    float: none;
    margin-left: auto;
    margin-right: auto
}

.small-pull-0,.small-push-0,.small-uncentered {
    position: static;
    margin-left: 0;
    margin-right: 0;
    float: left
}

@media screen and (min-width: 40em) {
    .medium-1 {
        width:8.33333%
    }

    .medium-push-1 {
        position: relative;
        left: 8.33333%
    }

    .medium-pull-1 {
        position: relative;
        left: -8.33333%
    }

    .medium-offset-0 {
        margin-left: 0
    }

    .medium-2 {
        width: 16.66667%
    }

    .medium-push-2 {
        position: relative;
        left: 16.66667%
    }

    .medium-pull-2 {
        position: relative;
        left: -16.66667%
    }

    .medium-offset-1 {
        margin-left: 8.33333%
    }

    .medium-3 {
        width: 25%
    }

    .medium-push-3 {
        position: relative;
        left: 25%
    }

    .medium-pull-3 {
        position: relative;
        left: -25%
    }

    .medium-offset-2 {
        margin-left: 16.66667%
    }

    .medium-4 {
        width: 33.33333%
    }

    .medium-push-4 {
        position: relative;
        left: 33.33333%
    }

    .medium-pull-4 {
        position: relative;
        left: -33.33333%
    }

    .medium-offset-3 {
        margin-left: 25%
    }

    .medium-5 {
        width: 41.66667%
    }

    .medium-push-5 {
        position: relative;
        left: 41.66667%
    }

    .medium-pull-5 {
        position: relative;
        left: -41.66667%
    }

    .medium-offset-4 {
        margin-left: 33.33333%
    }

    .medium-6 {
        width: 50%
    }

    .medium-push-6 {
        position: relative;
        left: 50%
    }

    .medium-pull-6 {
        position: relative;
        left: -50%
    }

    .medium-offset-5 {
        margin-left: 41.66667%
    }

    .medium-7 {
        width: 58.33333%
    }

    .medium-push-7 {
        position: relative;
        left: 58.33333%
    }

    .medium-pull-7 {
        position: relative;
        left: -58.33333%
    }

    .medium-offset-6 {
        margin-left: 50%
    }

    .medium-8 {
        width: 66.66667%
    }

    .medium-push-8 {
        position: relative;
        left: 66.66667%
    }

    .medium-pull-8 {
        position: relative;
        left: -66.66667%
    }

    .medium-offset-7 {
        margin-left: 58.33333%
    }

    .medium-9 {
        width: 75%
    }

    .medium-push-9 {
        position: relative;
        left: 75%
    }

    .medium-pull-9 {
        position: relative;
        left: -75%
    }

    .medium-offset-8 {
        margin-left: 66.66667%
    }

    .medium-10 {
        width: 83.33333%
    }

    .medium-push-10 {
        position: relative;
        left: 83.33333%
    }

    .medium-pull-10 {
        position: relative;
        left: -83.33333%
    }

    .medium-offset-9 {
        margin-left: 75%
    }

    .medium-11 {
        width: 91.66667%
    }

    .medium-push-11 {
        position: relative;
        left: 91.66667%
    }

    .medium-pull-11 {
        position: relative;
        left: -91.66667%
    }

    .medium-offset-10 {
        margin-left: 83.33333%
    }

    .medium-12 {
        width: 100%
    }

    .medium-offset-11 {
        margin-left: 91.66667%
    }

    .medium-up-1>.column,.medium-up-1>.columns {
        width: 100%;
        float: left
    }

    .medium-up-1>.column:nth-of-type(1n),.medium-up-1>.columns:nth-of-type(1n) {
        clear: none
    }

    .medium-up-1>.column:nth-of-type(1n+1),.medium-up-1>.columns:nth-of-type(1n+1) {
        clear: both
    }

    .medium-up-1>.column:last-child,.medium-up-1>.columns:last-child {
        float: left
    }

    .medium-up-2>.column,.medium-up-2>.columns {
        width: 50%;
        float: left
    }

    .medium-up-2>.column:nth-of-type(1n),.medium-up-2>.columns:nth-of-type(1n) {
        clear: none
    }

    .medium-up-2>.column:nth-of-type(2n+1),.medium-up-2>.columns:nth-of-type(2n+1) {
        clear: both
    }

    .medium-up-2>.column:last-child,.medium-up-2>.columns:last-child {
        float: left
    }

    .medium-up-3>.column,.medium-up-3>.columns {
        width: 33.33333%;
        float: left
    }

    .medium-up-3>.column:nth-of-type(1n),.medium-up-3>.columns:nth-of-type(1n) {
        clear: none
    }

    .medium-up-3>.column:nth-of-type(3n+1),.medium-up-3>.columns:nth-of-type(3n+1) {
        clear: both
    }

    .medium-up-3>.column:last-child,.medium-up-3>.columns:last-child {
        float: left
    }

    .medium-up-4>.column,.medium-up-4>.columns {
        width: 25%;
        float: left
    }

    .medium-up-4>.column:nth-of-type(1n),.medium-up-4>.columns:nth-of-type(1n) {
        clear: none
    }

    .medium-up-4>.column:nth-of-type(4n+1),.medium-up-4>.columns:nth-of-type(4n+1) {
        clear: both
    }

    .medium-up-4>.column:last-child,.medium-up-4>.columns:last-child {
        float: left
    }

    .medium-up-5>.column,.medium-up-5>.columns {
        width: 20%;
        float: left
    }

    .medium-up-5>.column:nth-of-type(1n),.medium-up-5>.columns:nth-of-type(1n) {
        clear: none
    }

    .medium-up-5>.column:nth-of-type(5n+1),.medium-up-5>.columns:nth-of-type(5n+1) {
        clear: both
    }

    .medium-up-5>.column:last-child,.medium-up-5>.columns:last-child {
        float: left
    }

    .medium-up-6>.column,.medium-up-6>.columns {
        width: 16.66667%;
        float: left
    }

    .medium-up-6>.column:nth-of-type(1n),.medium-up-6>.columns:nth-of-type(1n) {
        clear: none
    }

    .medium-up-6>.column:nth-of-type(6n+1),.medium-up-6>.columns:nth-of-type(6n+1) {
        clear: both
    }

    .medium-up-6>.column:last-child,.medium-up-6>.columns:last-child {
        float: left
    }

    .medium-up-7>.column,.medium-up-7>.columns {
        width: 14.28571%;
        float: left
    }

    .medium-up-7>.column:nth-of-type(1n),.medium-up-7>.columns:nth-of-type(1n) {
        clear: none
    }

    .medium-up-7>.column:nth-of-type(7n+1),.medium-up-7>.columns:nth-of-type(7n+1) {
        clear: both
    }

    .medium-up-7>.column:last-child,.medium-up-7>.columns:last-child {
        float: left
    }

    .medium-up-8>.column,.medium-up-8>.columns {
        width: 12.5%;
        float: left
    }

    .medium-up-8>.column:nth-of-type(1n),.medium-up-8>.columns:nth-of-type(1n) {
        clear: none
    }

    .medium-up-8>.column:nth-of-type(8n+1),.medium-up-8>.columns:nth-of-type(8n+1) {
        clear: both
    }

    .medium-up-8>.column:last-child,.medium-up-8>.columns:last-child {
        float: left
    }

    .medium-collapse>.column,.medium-collapse>.columns {
        padding-left: 0;
        padding-right: 0
    }

    .expanded.row .medium-collapse.row,.medium-collapse .row {
        margin-left: 0;
        margin-right: 0
    }

    .medium-uncollapse>.column,.medium-uncollapse>.columns {
        padding-left: 1.5625rem;
        padding-right: 1.5625rem
    }

    .medium-centered {
        float: none;
        margin-left: auto;
        margin-right: auto
    }

    .medium-pull-0,.medium-push-0,.medium-uncentered {
        position: static;
        margin-left: 0;
        margin-right: 0;
        float: left
    }
}

@media screen and (min-width: 64em) {
    .large-1 {
        width:8.33333%
    }

    .large-push-1 {
        position: relative;
        left: 8.33333%
    }

    .large-pull-1 {
        position: relative;
        left: -8.33333%
    }

    .large-offset-0 {
        margin-left: 0
    }

    .large-2 {
        width: 16.66667%
    }

    .large-push-2 {
        position: relative;
        left: 16.66667%
    }

    .large-pull-2 {
        position: relative;
        left: -16.66667%
    }

    .large-offset-1 {
        margin-left: 8.33333%
    }

    .large-3 {
        width: 25%
    }

    .large-push-3 {
        position: relative;
        left: 25%
    }

    .large-pull-3 {
        position: relative;
        left: -25%
    }

    .large-offset-2 {
        margin-left: 16.66667%
    }

    .large-4 {
        width: 33.33333%
    }

    .large-push-4 {
        position: relative;
        left: 33.33333%
    }

    .large-pull-4 {
        position: relative;
        left: -33.33333%
    }

    .large-offset-3 {
        margin-left: 25%
    }

    .large-5 {
        width: 41.66667%
    }

    .large-push-5 {
        position: relative;
        left: 41.66667%
    }

    .large-pull-5 {
        position: relative;
        left: -41.66667%
    }

    .large-offset-4 {
        margin-left: 33.33333%
    }

    .large-6 {
        width: 50%
    }

    .large-push-6 {
        position: relative;
        left: 50%
    }

    .large-pull-6 {
        position: relative;
        left: -50%
    }

    .large-offset-5 {
        margin-left: 41.66667%
    }

    .large-7 {
        width: 58.33333%
    }

    .large-push-7 {
        position: relative;
        left: 58.33333%
    }

    .large-pull-7 {
        position: relative;
        left: -58.33333%
    }

    .large-offset-6 {
        margin-left: 50%
    }

    .large-8 {
        width: 66.66667%
    }

    .large-push-8 {
        position: relative;
        left: 66.66667%
    }

    .large-pull-8 {
        position: relative;
        left: -66.66667%
    }

    .large-offset-7 {
        margin-left: 58.33333%
    }

    .large-9 {
        width: 75%
    }

    .large-push-9 {
        position: relative;
        left: 75%
    }

    .large-pull-9 {
        position: relative;
        left: -75%
    }

    .large-offset-8 {
        margin-left: 66.66667%
    }

    .large-10 {
        width: 83.33333%
    }

    .large-push-10 {
        position: relative;
        left: 83.33333%
    }

    .large-pull-10 {
        position: relative;
        left: -83.33333%
    }

    .large-offset-9 {
        margin-left: 75%
    }

    .large-11 {
        width: 91.66667%
    }

    .large-push-11 {
        position: relative;
        left: 91.66667%
    }

    .large-pull-11 {
        position: relative;
        left: -91.66667%
    }

    .large-offset-10 {
        margin-left: 83.33333%
    }

    .large-12 {
        width: 100%
    }

    .large-offset-11 {
        margin-left: 91.66667%
    }

    .large-up-1>.column,.large-up-1>.columns {
        width: 100%;
        float: left
    }

    .large-up-1>.column:nth-of-type(1n),.large-up-1>.columns:nth-of-type(1n) {
        clear: none
    }

    .large-up-1>.column:nth-of-type(1n+1),.large-up-1>.columns:nth-of-type(1n+1) {
        clear: both
    }

    .large-up-1>.column:last-child,.large-up-1>.columns:last-child {
        float: left
    }

    .large-up-2>.column,.large-up-2>.columns {
        width: 50%;
        float: left
    }

    .large-up-2>.column:nth-of-type(1n),.large-up-2>.columns:nth-of-type(1n) {
        clear: none
    }

    .large-up-2>.column:nth-of-type(2n+1),.large-up-2>.columns:nth-of-type(2n+1) {
        clear: both
    }

    .large-up-2>.column:last-child,.large-up-2>.columns:last-child {
        float: left
    }

    .large-up-3>.column,.large-up-3>.columns {
        width: 33.33333%;
        float: left
    }

    .large-up-3>.column:nth-of-type(1n),.large-up-3>.columns:nth-of-type(1n) {
        clear: none
    }

    .large-up-3>.column:nth-of-type(3n+1),.large-up-3>.columns:nth-of-type(3n+1) {
        clear: both
    }

    .large-up-3>.column:last-child,.large-up-3>.columns:last-child {
        float: left
    }

    .large-up-4>.column,.large-up-4>.columns {
        width: 25%;
        float: left
    }

    .large-up-4>.column:nth-of-type(1n),.large-up-4>.columns:nth-of-type(1n) {
        clear: none
    }

    .large-up-4>.column:nth-of-type(4n+1),.large-up-4>.columns:nth-of-type(4n+1) {
        clear: both
    }

    .large-up-4>.column:last-child,.large-up-4>.columns:last-child {
        float: left
    }

    .large-up-5>.column,.large-up-5>.columns {
        width: 20%;
        float: left
    }

    .large-up-5>.column:nth-of-type(1n),.large-up-5>.columns:nth-of-type(1n) {
        clear: none
    }

    .large-up-5>.column:nth-of-type(5n+1),.large-up-5>.columns:nth-of-type(5n+1) {
        clear: both
    }

    .large-up-5>.column:last-child,.large-up-5>.columns:last-child {
        float: left
    }

    .large-up-6>.column,.large-up-6>.columns {
        width: 16.66667%;
        float: left
    }

    .large-up-6>.column:nth-of-type(1n),.large-up-6>.columns:nth-of-type(1n) {
        clear: none
    }

    .large-up-6>.column:nth-of-type(6n+1),.large-up-6>.columns:nth-of-type(6n+1) {
        clear: both
    }

    .large-up-6>.column:last-child,.large-up-6>.columns:last-child {
        float: left
    }

    .large-up-7>.column,.large-up-7>.columns {
        width: 14.28571%;
        float: left
    }

    .large-up-7>.column:nth-of-type(1n),.large-up-7>.columns:nth-of-type(1n) {
        clear: none
    }

    .large-up-7>.column:nth-of-type(7n+1),.large-up-7>.columns:nth-of-type(7n+1) {
        clear: both
    }

    .large-up-7>.column:last-child,.large-up-7>.columns:last-child {
        float: left
    }

    .large-up-8>.column,.large-up-8>.columns {
        width: 12.5%;
        float: left
    }

    .large-up-8>.column:nth-of-type(1n),.large-up-8>.columns:nth-of-type(1n) {
        clear: none
    }

    .large-up-8>.column:nth-of-type(8n+1),.large-up-8>.columns:nth-of-type(8n+1) {
        clear: both
    }

    .large-up-8>.column:last-child,.large-up-8>.columns:last-child {
        float: left
    }

    .large-collapse>.column,.large-collapse>.columns {
        padding-left: 0;
        padding-right: 0
    }

    .expanded.row .large-collapse.row,.large-collapse .row {
        margin-left: 0;
        margin-right: 0
    }

    .large-uncollapse>.column,.large-uncollapse>.columns {
        padding-left: 1.5625rem;
        padding-right: 1.5625rem
    }

    .large-centered {
        float: none;
        margin-left: auto;
        margin-right: auto
    }

    .large-pull-0,.large-push-0,.large-uncentered {
        position: static;
        margin-left: 0;
        margin-right: 0;
        float: left
    }
}

blockquote,dd,div,dl,dt,form,h1,h2,h3,h4,h5,h6,li,ol,p,pre,td,th,ul {
    margin: 0;
    padding: 0
}

p {
    font-size: inherit;
    line-height: 1.6;
    margin-bottom: 1rem;
    text-rendering: optimizeLegibility
}

em,i {
    font-style: italic;
    line-height: inherit
}

.archive-link a,b,strong {
    font-weight: 700;
    line-height: inherit
}

small {
    font-size: 80%;
    line-height: inherit
}

h1,h2,h3,h4,h5,h6 {
    font-family: Noto Sans Japanese,Arial,Helvetica,sans-serif;
    font-weight: 700;
    font-style: normal;
    color: #00316c;
    text-rendering: optimizeLegibility;
    margin-top: 0;
    margin-bottom: 0;
    line-height: 1.4
}

h1 small,h2 small,h3 small,h4 small,h5 small,h6 small {
    color: #cacaca;
    line-height: 0
}

h1 {
    font-size: 1.5rem
}

h2 {
    font-size: 1.625rem
}

h3 {
    font-size: 1.1875rem
}

h4 {
    font-size: 1.125rem
}

h5 {
    font-size: 1.0625rem
}

h6 {
    font-size: 1rem
}

@media screen and (min-width: 40em) {
    h1 {
        font-size:3rem
    }

    h2 {
        font-size: 1.875rem
    }

    h3 {
        font-size: 1.9375rem
    }

    h4 {
        font-size: 1.5625rem
    }

    h5 {
        font-size: 1.25rem
    }

    h6 {
        font-size: 1rem
    }
}

@media screen and (min-width: 64em) {
    h1 {
        font-size:3rem
    }

    h2 {
        font-size: 1.875rem
    }

    h3 {
        font-size: 1.9375rem
    }

    h4 {
        font-size: 1.5625rem
    }

    h5 {
        font-size: 1.25rem
    }

    h6 {
        font-size: 1rem
    }
}

a {
    color: #fff;
    text-decoration: none;
    line-height: inherit;
    cursor: pointer
}

a:focus,a:hover {
    color: #dbdbdb
}

a img {
    border: 0
}

hr {
    max-width: 73.125rem;
    height: 0;
    border-right: 0;
    border-top: 0;
    border-bottom: 1px solid #cacaca;
    border-left: 0;
    margin: 1.25rem auto;
    clear: both
}

dl,ol,ul {
    line-height: 1.6;
    margin-bottom: 1rem;
    list-style-position: outside
}

li {
    font-size: inherit
}

ul {
    list-style-type: disc
}

ol,ul {
    margin-left: 1.25rem
}

ol ol,ol ul,ul ol,ul ul {
    margin-left: 1.25rem;
    margin-bottom: 0
}

dl {
    margin-bottom: 1rem
}

dl dt {
    margin-bottom: .3rem;
    font-weight: 700
}

blockquote {
    margin: 0 0 1rem;
    padding: .5625rem 1.25rem 0 1.1875rem;
    border-left: 1px solid #cacaca
}

blockquote,blockquote p {
    line-height: 1.6;
    color: #8a8a8a
}

cite {
    display: block;
    font-size: .8125rem;
    color: #8a8a8a
}

cite:before {
    content: '\2014 \0020'
}

abbr {
    color: #595757;
    cursor: help;
    border-bottom: 1px dotted #595757
}

code {
    font-weight: 400;
    border: 1px solid #cacaca;
    padding: .125rem .3125rem .0625rem
}

code,kbd {
    font-family: Consolas,Liberation Mono,Courier,monospace;
    color: #595757;
    background-color: #9fa0a0
}

kbd {
    padding: .125rem .25rem 0;
    margin: 0
}

.subheader {
    margin-top: .2rem;
    margin-bottom: .5rem;
    font-weight: 400;
    line-height: 1.4;
    color: #8a8a8a
}

.lead {
    font-size: 125%;
    line-height: 1.6
}

.stat {
    font-size: 2.5rem;
    line-height: 1
}

p+.stat {
    margin-top: -1rem
}

.no-bullet {
    margin-left: 0;
    list-style: none
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.text-center {
    text-align: center
}

.text-justify {
    text-align: justify
}

@media screen and (min-width: 40em) {
    .medium-text-left {
        text-align:left
    }

    .medium-text-right {
        text-align: right
    }

    .medium-text-center {
        text-align: center
    }

    .medium-text-justify {
        text-align: justify
    }
}

@media screen and (min-width: 64em) {
    .large-text-left {
        text-align:left
    }

    .large-text-right {
        text-align: right
    }

    .large-text-center {
        text-align: center
    }

    .large-text-justify {
        text-align: justify
    }
}

.show-for-print {
    display: none!important
}

@media print {
    * {
        background: transparent!important;
        color: #000!important;
        box-shadow: none!important;
        text-shadow: none!important
    }

    .show-for-print {
        display: block!important
    }

    .hide-for-print {
        display: none!important
    }

    table.show-for-print {
        display: table!important
    }

    thead.show-for-print {
        display: table-header-group!important
    }

    tbody.show-for-print {
        display: table-row-group!important
    }

    tr.show-for-print {
        display: table-row!important
    }

    td.show-for-print,th.show-for-print {
        display: table-cell!important
    }

    a,a:visited {
        text-decoration: underline
    }

    a[href]:after {
        content: " (" attr(href) ")"
    }

    .ir a:after,a[href^='#']:after,a[href^='javascript:']:after {
        content: ''
    }

    abbr[title]:after {
        content: " (" attr(title) ")"
    }

    blockquote,pre {
        border: 1px solid #8a8a8a;
        page-break-inside: avoid
    }

    thead {
        display: table-header-group
    }

    img,tr {
        page-break-inside: avoid
    }

    img {
        max-width: 100%!important
    }

    @page {
        margin: .5cm
    }

    h2,h3,p {
        orphans: 3;
        widows: 3
    }

    h2,h3 {
        page-break-after: avoid
    }
}

.button {
    display: inline-block;
    text-align: center;
    line-height: 1;
    cursor: pointer;
    -webkit-appearance: none;
    transition: background-color .25s ease-out,color .25s ease-out;
    vertical-align: middle;
    border: 1px solid transparent;
    border-radius: 0;
    padding: .7em 2em;
    margin: 0;
    font-size: 1.1rem;
    background-color: hsla(0,0%,100%,.6);
    color: #595757
}

[data-whatinput=mouse] .button {
    outline: 0
}

.button:focus,.button:hover {
    background-color: #fff;
    color: #595757
}

.button.tiny {
    font-size: .6rem
}

.button.small {
    font-size: .75rem
}

.button.large {
    font-size: 1.25rem
}

.button.expanded {
    display: block;
    width: 100%;
    margin-left: 0;
    margin-right: 0
}

.button.primary {
    background-color: #00316c;
    color: #595757
}

.button.primary:focus,.button.primary:hover {
    background-color: #002756;
    color: #595757
}

.button.secondary {
    background-color: #777;
    color: #595757
}

.button.secondary:focus,.button.secondary:hover {
    background-color: #5f5f5f;
    color: #595757
}

.button.success {
    background-color: #3adb76;
    color: #595757
}

.button.success:focus,.button.success:hover {
    background-color: #22bb5b;
    color: #595757
}

.button.warning {
    background-color: #ffae00;
    color: #595757
}

.button.warning:focus,.button.warning:hover {
    background-color: #cc8b00;
    color: #595757
}

.button.alert {
    background-color: #ec5840;
    color: #595757
}

.button.alert:focus,.button.alert:hover {
    background-color: #da3116;
    color: #595757
}

.button.hollow {
    border: 1px solid #00316c;
    color: #00316c
}

.button.hollow,.button.hollow:focus,.button.hollow:hover {
    background-color: transparent
}

.button.hollow:focus,.button.hollow:hover {
    border-color: #001936;
    color: #001936
}

.button.hollow.primary {
    border: 1px solid #00316c;
    color: #00316c
}

.button.hollow.primary:focus,.button.hollow.primary:hover {
    border-color: #001936;
    color: #001936
}

.button.hollow.secondary {
    border: 1px solid #777;
    color: #777
}

.button.hollow.secondary:focus,.button.hollow.secondary:hover {
    border-color: #3c3c3c;
    color: #3c3c3c
}

.button.hollow.success {
    border: 1px solid #3adb76;
    color: #3adb76
}

.button.hollow.success:focus,.button.hollow.success:hover {
    border-color: #157539;
    color: #157539
}

.button.hollow.warning {
    border: 1px solid #ffae00;
    color: #ffae00
}

.button.hollow.warning:focus,.button.hollow.warning:hover {
    border-color: #805700;
    color: #805700
}

.button.hollow.alert {
    border: 1px solid #ec5840;
    color: #ec5840
}

.button.hollow.alert:focus,.button.hollow.alert:hover {
    border-color: #881f0e;
    color: #881f0e
}

.button.disabled,.button[disabled] {
    opacity: .25;
    cursor: not-allowed
}

.button.disabled:focus,.button.disabled:hover,.button[disabled]:focus,.button[disabled]:hover {
    background-color: hsla(0,0%,100%,.6);
    color: #595757
}

.button.dropdown:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border: .4em inset;
    border-color: #fff transparent transparent;
    border-top-style: solid;
    border-bottom-width: 0;
    position: relative;
    top: .4em;
    float: right;
    margin-left: 2em;
    display: inline-block
}

.button.arrow-only:after {
    margin-left: 0;
    float: none;
    top: -.1em
}

.accordion {
    list-style-type: none;
    background: transparent;
    margin-left: 0
}

.accordion-item:first-child>:first-child,.accordion-item:last-child>:last-child {
    border-radius: 0 0 0 0
}

.accordion-title {
    display: block;
    padding: 0;
    line-height: 1;
    font-size: .75rem;
    color: #595757;
    position: relative;
    border: none;
    border-bottom: 0
}

:last-child:not(.is-active)>.accordion-title {
    border-radius: 0 0 0 0;
    border-bottom: none
}

.accordion-title:focus,.accordion-title:hover {
    background-color: transparent
}

.accordion-title:before {
    content: '+';
    position: absolute;
    right: 1rem;
    top: 50%;
    margin-top: -.5rem
}

.is-active>.accordion-title:before {
    content: '–'
}

.accordion-content {
    padding: 0;
    display: none;
    border: none;
    border-bottom: 0;
    background-color: transparent;
    color: #595757
}

:last-child>.accordion-content:last-child {
    border-bottom: none
}

.breadcrumbs {
    list-style: none;
    margin: 0
}

.breadcrumbs:after,.breadcrumbs:before {
    content: ' ';
    display: table
}

.breadcrumbs:after {
    clear: both
}

.breadcrumbs li {
    float: left;
    color: #595757;
    font-size: 13px;
    cursor: default
}

/*.breadcrumbs li:not(:last-child):after {
    color: #cacaca;
    content: "/";
    margin: 0 5px 0 0;
    position: relative;
    top: 1px;
    opacity: 1
}*/

.breadcrumbs a {
    color: #595757
}

.breadcrumbs a:hover {
    text-decoration: underline
}

.breadcrumbs .disabled {
    color: #cacaca;
    cursor: not-allowed
}

.menu {
    margin: 0;
    list-style-type: none
}

.menu>li {
    display: table-cell;
    vertical-align: middle;
    position: relative;
}

[data-whatinput=mouse] .menu>li {
    outline: 0
}

.menu>li>a {
    display: block;
    padding: .7rem 1rem;
    line-height: 1
}
.menu.foot_nav >li>a:hover {
    text-decoration: underline;
    color: #fff;
}
@media screen and (min-width: 40em) {
  .menu.foot_nav >li {
      font-size: 12px;
  }
  .menu.foot_nav >li>a {
      padding: 0 30px;
  }
}

.menu a,.menu button,.menu input {
    margin-bottom: 0
}

.menu>li>a i,.menu>li>a i+span,.menu>li>a img,.menu>li>a img+span,.menu>li>a svg,.menu>li>a svg+span {
    vertical-align: middle
}

.menu>li>a i,.menu>li>a img,.menu>li>a svg {
    margin-right: .25rem;
    display: inline-block
}

.menu>li {
    display: table-cell
}

.menu.vertical>li {
    display: block
}

.menu>li>a i {
  vertical-align: baseline;
}

@media screen and (min-width: 40em) {
    .menu.medium-horizontal>li {
        display:table-cell
    }

    .menu.medium-vertical>li {
        display: block
    }
}

@media screen and (min-width: 64em) {
    .menu.large-horizontal>li {
        display:table-cell
    }

    .menu.large-vertical>li {
        display: block
    }
}

.menu.simple li {
    line-height: 1;
    display: inline-block;
    margin-right: 1rem
}

.menu.simple a {
    padding: 0
}

.menu.align-right:after,.menu.align-right:before {
    content: ' ';
    display: table
}

.menu.align-right:after {
    clear: both
}

.menu.align-right>li {
    float: right
}

.menu.expanded {
    width: 100%;
    display: table;
    table-layout: fixed
}

.menu.expanded>li:first-child:last-child {
    width: 100%
}

.menu.icon-top>li>a {
    text-align: center
}

.menu.icon-top>li>a i,.menu.icon-top>li>a img,.menu.icon-top>li>a svg {
    display: block;
    margin: 0 auto .25rem
}

.menu.nested {
    margin-left: 1rem
}

.menu .active>a {
    color: #fff;
    background: #00316c
}

.top-bar ul.menu li.mypage {
    font-weight: 700;
    padding: 8px 0;
}
.menu .mypage a{
    background: #FFEE00;
    color: #00376D;
/*2行調整のため
    padding:10px 2.5rem;
*/
    padding:14px 0.25rem;
    height :auto;
}
@media screen and (min-width: 64em) {
  .menu .mypage a{
    height :43px;
  }
}
@media screen and (max-width: 63.9375em) {
    .menu .mypage {
        border-left: 20px solid #004f9b;
        border-right: 20px solid #004f9b;
    }
}

@media screen and (max-width: 39.9375em) {
    .menu .mypage {
        border-left: 5px solid #004f9b;;
/*
        border-left: 0;
*/
        border-right: 0;
    }
    .top-bar ul.menu li.mypage a{
      padding: .3rem 0.25rem;
/*2行調整のため
      padding: .3rem 1rem;
      padding: .7rem 1rem;
*/
    }
}

@media screen and (max-width: 480px) {
    .top-bar ul.menu li.mypage a{
      width: 9em;
      font-size: 10px;
    }

}

@media screen and (max-width: 380px) {
    .top-bar ul.menu li.mypage a{
	width: 8.25em;
	font-size: 7.5px;
    }

}


@media screen and (min-width: 64em) {
    .top-bar ul.menu li.mypage {
/*
      padding-left: 20px;
*/
      padding-right: 15px;
    }
}

.menu-text {
    font-weight: 700;
    color: inherit;
    line-height: 1;
    padding-top: 0;
    padding-bottom: 0;
    padding: .7rem 1rem
}

.menu-centered,footer .footer {
    text-align: center
}

.menu-centered>.menu,footer .footer>.menu {
    display: inline-block
}

.no-js [data-responsive-menu] ul {
    display: none
}

/* fix */
/*.top-bar {
    padding: 13px 31px 9px 43px
}*/

.top-bar:after,.top-bar:before {
    content: ' ';
    display: table
}

.top-bar:after {
    clear: both
}

.top-bar,.top-bar ul {
    background-color: none
}

.top-bar input {
    max-width: 200px;
    margin-right: 1rem
}

.top-bar .input-group-field {
    width: 100%;
    margin-right: 0
}

.top-bar input.button {
    width: auto
}

.top-bar .top-bar-left,.top-bar .top-bar-right {
    width: 100%
}

@media screen and (min-width: 40em) {
    .top-bar .top-bar-left,.top-bar .top-bar-right {
        width:auto
    }
}

@media screen and (max-width: 63.9375em) {
    .top-bar.stacked-for-medium .top-bar-left,.top-bar.stacked-for-medium .top-bar-right {
        width:100%
    }
}

@media screen and (max-width: 74.9375em) {
    .top-bar.stacked-for-large .top-bar-left,.top-bar.stacked-for-large .top-bar-right {
        width:100%
    }
}

.top-bar-title {
    float: left;
    margin-right: 1rem
}

.top-bar-left {
    float: left
}

.top-bar-right {
    float: right
}

.hide {
    display: none!important
}

.invisible {
    visibility: hidden
}

@media screen and (max-width: 39.9375em) {
    .hide-for-small-only {
        display:none!important
    }
}

@media screen and (max-width: 0em),screen and (min-width:40em) {
    .show-for-small-only {
        display:none!important
    }
}

@media screen and (min-width: 40em) {
    .hide-for-medium {
        display:none!important
    }
}

@media screen and (max-width: 39.9375em) {
    .show-for-medium {
        display:none!important
    }
}

@media screen and (min-width: 40em) and (max-width:63.9375em) {
    .hide-for-medium-only {
        display:none!important
    }
}

@media screen and (max-width: 39.9375em),screen and (min-width:64em) {
    .show-for-medium-only {
        display:none!important
    }
}

@media screen and (min-width: 64em) {
    .hide-for-large {
        display:none!important
    }
}

@media screen and (max-width: 68.9375em) {
/*
@media screen and (max-width: 63.9375em) {
*/
    .show-for-large {
        display:none!important
    }
}

@media screen and (min-width: 69em) and (max-width:74.9375em) {
/*
@media screen and (min-width: 64em) and (max-width:74.9375em) {
*/
    .hide-for-large-only {
        display:none!important
    }
}

@media screen and (max-width: 68.9375em),screen and (min-width:75em) {
/*
@media screen and (max-width: 63.9375em),screen and (min-width:75em) {
*/
    .show-for-large-only {
        display:none!important
    }
}

.sp {
  display: block;
}
.pc {
  display: none;
}
@media screen and (min-width: 64em) {
  .sp {
    display: none;
  }
  .pc {
    display: block;
  }
}

.show-for-sr,.show-on-focus {
    position: absolute!important;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0,0,0,0)
}

.show-on-focus:active,.show-on-focus:focus {
    position: static!important;
    height: auto;
    width: auto;
    overflow: visible;
    clip: auto
}

.hide-for-portrait,.show-for-landscape {
    display: block!important
}

@media screen and (orientation: landscape) {
    .hide-for-portrait,.show-for-landscape {
        display:block!important
    }
}

@media screen and (orientation: portrait) {
    .hide-for-portrait,.show-for-landscape {
        display:none!important
    }
}

.hide-for-landscape,.show-for-portrait {
    display: none!important
}

@media screen and (orientation: landscape) {
    .hide-for-landscape,.show-for-portrait {
        display:none!important
    }
}

@media screen and (orientation: portrait) {
    .hide-for-landscape,.show-for-portrait {
        display:block!important
    }
}

.float-left {
    float: left!important
}

.float-right {
    float: right!important
}

.float-center {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.clearfix:after,.clearfix:before {
    content: ' ';
    display: table
}

.clearfix:after {
    clear: both
}

.slide-in-down.mui-enter {
    transition-duration: .5s;
    transition-timing-function: linear;
    transform: translateY(-100%);
    transition-property: transform,opacity;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.slide-in-down.mui-enter.mui-enter-active {
    transform: translateY(0)
}

.slide-in-left.mui-enter {
    transition-duration: .5s;
    transition-timing-function: linear;
    transform: translateX(-100%);
    transition-property: transform,opacity;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.slide-in-left.mui-enter.mui-enter-active {
    transform: translateX(0)
}

.slide-in-up.mui-enter {
    transition-duration: .5s;
    transition-timing-function: linear;
    transform: translateY(100%);
    transition-property: transform,opacity;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.slide-in-up.mui-enter.mui-enter-active {
    transform: translateY(0)
}

.slide-in-right.mui-enter {
    transition-duration: .5s;
    transition-timing-function: linear;
    transform: translateX(100%);
    transition-property: transform,opacity;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.slide-in-right.mui-enter.mui-enter-active {
    transform: translateX(0)
}

.slide-out-down.mui-leave {
    transition-duration: .5s;
    transition-timing-function: linear;
    transform: translateY(0);
    transition-property: transform,opacity;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.slide-out-down.mui-leave.mui-leave-active {
    transform: translateY(100%)
}

.slide-out-right.mui-leave {
    transition-duration: .5s;
    transition-timing-function: linear;
    transform: translateX(0);
    transition-property: transform,opacity;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.slide-out-right.mui-leave.mui-leave-active {
    transform: translateX(100%)
}

.slide-out-up.mui-leave {
    transition-duration: .5s;
    transition-timing-function: linear;
    transform: translateY(0);
    transition-property: transform,opacity;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.slide-out-up.mui-leave.mui-leave-active {
    transform: translateY(-100%)
}

.slide-out-left.mui-leave {
    transition-duration: .5s;
    transition-timing-function: linear;
    transform: translateX(0);
    transition-property: transform,opacity;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.slide-out-left.mui-leave.mui-leave-active {
    transform: translateX(-100%)
}

.fade-in.mui-enter {
    transition-duration: .5s;
    transition-timing-function: linear;
    opacity: 0;
    transition-property: opacity
}

.fade-in.mui-enter.mui-enter-active {
    opacity: 1
}

.fade-out.mui-leave {
    transition-duration: .5s;
    transition-timing-function: linear;
    opacity: 1;
    transition-property: opacity
}

.fade-out.mui-leave.mui-leave-active {
    opacity: 0
}

.hinge-in-from-top.mui-enter {
    transition-duration: .5s;
    transition-timing-function: linear;
    transform: perspective(2000px) rotateX(-90deg);
    transform-origin: top;
    transition-property: transform,opacity;
    opacity: 0
}

.hinge-in-from-top.mui-enter.mui-enter-active {
    transform: perspective(2000px) rotate(0deg);
    opacity: 1
}

.hinge-in-from-right.mui-enter {
    transition-duration: .5s;
    transition-timing-function: linear;
    transform: perspective(2000px) rotateY(-90deg);
    transform-origin: right;
    transition-property: transform,opacity;
    opacity: 0
}

.hinge-in-from-right.mui-enter.mui-enter-active {
    transform: perspective(2000px) rotate(0deg);
    opacity: 1
}

.hinge-in-from-bottom.mui-enter {
    transition-duration: .5s;
    transition-timing-function: linear;
    transform: perspective(2000px) rotateX(90deg);
    transform-origin: bottom;
    transition-property: transform,opacity;
    opacity: 0
}

.hinge-in-from-bottom.mui-enter.mui-enter-active {
    transform: perspective(2000px) rotate(0deg);
    opacity: 1
}

.hinge-in-from-left.mui-enter {
    transition-duration: .5s;
    transition-timing-function: linear;
    transform: perspective(2000px) rotateY(90deg);
    transform-origin: left;
    transition-property: transform,opacity;
    opacity: 0
}

.hinge-in-from-left.mui-enter.mui-enter-active {
    transform: perspective(2000px) rotate(0deg);
    opacity: 1
}

.hinge-in-from-middle-x.mui-enter {
    transition-duration: .5s;
    transition-timing-function: linear;
    transform: perspective(2000px) rotateX(-90deg);
    transform-origin: center;
    transition-property: transform,opacity;
    opacity: 0
}

.hinge-in-from-middle-x.mui-enter.mui-enter-active {
    transform: perspective(2000px) rotate(0deg);
    opacity: 1
}

.hinge-in-from-middle-y.mui-enter {
    transition-duration: .5s;
    transition-timing-function: linear;
    transform: perspective(2000px) rotateY(-90deg);
    transform-origin: center;
    transition-property: transform,opacity;
    opacity: 0
}

.hinge-in-from-middle-y.mui-enter.mui-enter-active,.hinge-out-from-top.mui-leave {
    transform: perspective(2000px) rotate(0deg);
    opacity: 1
}

.hinge-out-from-top.mui-leave {
    transition-duration: .5s;
    transition-timing-function: linear;
    transform-origin: top;
    transition-property: transform,opacity
}

.hinge-out-from-top.mui-leave.mui-leave-active {
    transform: perspective(2000px) rotateX(-90deg);
    opacity: 0
}

.hinge-out-from-right.mui-leave {
    transition-duration: .5s;
    transition-timing-function: linear;
    transform: perspective(2000px) rotate(0deg);
    transform-origin: right;
    transition-property: transform,opacity;
    opacity: 1
}

.hinge-out-from-right.mui-leave.mui-leave-active {
    transform: perspective(2000px) rotateY(-90deg);
    opacity: 0
}

.hinge-out-from-bottom.mui-leave {
    transition-duration: .5s;
    transition-timing-function: linear;
    transform: perspective(2000px) rotate(0deg);
    transform-origin: bottom;
    transition-property: transform,opacity;
    opacity: 1
}

.hinge-out-from-bottom.mui-leave.mui-leave-active {
    transform: perspective(2000px) rotateX(90deg);
    opacity: 0
}

.hinge-out-from-left.mui-leave {
    transition-duration: .5s;
    transition-timing-function: linear;
    transform: perspective(2000px) rotate(0deg);
    transform-origin: left;
    transition-property: transform,opacity;
    opacity: 1
}

.hinge-out-from-left.mui-leave.mui-leave-active {
    transform: perspective(2000px) rotateY(90deg);
    opacity: 0
}

.hinge-out-from-middle-x.mui-leave {
    transition-duration: .5s;
    transition-timing-function: linear;
    transform: perspective(2000px) rotate(0deg);
    transform-origin: center;
    transition-property: transform,opacity;
    opacity: 1
}

.hinge-out-from-middle-x.mui-leave.mui-leave-active {
    transform: perspective(2000px) rotateX(-90deg);
    opacity: 0
}

.hinge-out-from-middle-y.mui-leave {
    transition-duration: .5s;
    transition-timing-function: linear;
    transform: perspective(2000px) rotate(0deg);
    transform-origin: center;
    transition-property: transform,opacity;
    opacity: 1
}

.hinge-out-from-middle-y.mui-leave.mui-leave-active {
    transform: perspective(2000px) rotateY(-90deg);
    opacity: 0
}

.scale-in-up.mui-enter {
    transition-duration: .5s;
    transition-timing-function: linear;
    transform: scale(.5);
    transition-property: transform,opacity;
    opacity: 0
}

.scale-in-up.mui-enter.mui-enter-active {
    transform: scale(1);
    opacity: 1
}

.scale-in-down.mui-enter {
    transition-duration: .5s;
    transition-timing-function: linear;
    transform: scale(1.5);
    transition-property: transform,opacity;
    opacity: 0
}

.scale-in-down.mui-enter.mui-enter-active,.scale-out-up.mui-leave {
    transform: scale(1);
    opacity: 1
}

.scale-out-up.mui-leave {
    transition-duration: .5s;
    transition-timing-function: linear;
    transition-property: transform,opacity
}

.scale-out-up.mui-leave.mui-leave-active {
    transform: scale(1.5);
    opacity: 0
}

.scale-out-down.mui-leave {
    transition-duration: .5s;
    transition-timing-function: linear;
    transform: scale(1);
    transition-property: transform,opacity;
    opacity: 1
}

.scale-out-down.mui-leave.mui-leave-active {
    transform: scale(.5);
    opacity: 0
}

.spin-in.mui-enter {
    transition-duration: .5s;
    transition-timing-function: linear;
    transform: rotate(-270deg);
    transition-property: transform,opacity;
    opacity: 0
}

.spin-in.mui-enter.mui-enter-active,.spin-out.mui-leave {
    transform: rotate(0);
    opacity: 1
}

.spin-out.mui-leave {
    transition-duration: .5s;
    transition-timing-function: linear;
    transition-property: transform,opacity
}

.spin-in-ccw.mui-enter,.spin-out.mui-leave.mui-leave-active {
    transform: rotate(270deg);
    opacity: 0
}

.spin-in-ccw.mui-enter {
    transition-duration: .5s;
    transition-timing-function: linear;
    transition-property: transform,opacity
}

.spin-in-ccw.mui-enter.mui-enter-active,.spin-out-ccw.mui-leave {
    transform: rotate(0);
    opacity: 1
}

.spin-out-ccw.mui-leave {
    transition-duration: .5s;
    transition-timing-function: linear;
    transition-property: transform,opacity
}

.spin-out-ccw.mui-leave.mui-leave-active {
    transform: rotate(-270deg);
    opacity: 0
}

.slow {
    transition-duration: .75s!important
}

.fast {
    transition-duration: .25s!important
}

.linear {
    transition-timing-function: linear!important
}

.ease {
    transition-timing-function: ease!important
}

.ease-in {
    transition-timing-function: ease-in!important
}

.ease-out {
    transition-timing-function: ease-out!important
}

.ease-in-out {
    transition-timing-function: ease-in-out!important
}

.bounce-in {
    transition-timing-function: cubic-bezier(.485,.155,.24,1.245)!important
}

.bounce-out {
    transition-timing-function: cubic-bezier(.485,.155,.515,.845)!important
}

.bounce-in-out {
    transition-timing-function: cubic-bezier(.76,-.245,.24,1.245)!important
}

.short-delay {
    transition-delay: .3s!important
}

.long-delay {
    transition-delay: .7s!important
}

.shake {
    animation-name: a
}

@keyframes a {
    0%,10%,20%,30%,40%,50%,60%,70%,80%,90% {
        transform: translateX(7%)
    }

    5%,15%,25%,35%,45%,55%,65%,75%,85%,95% {
        transform: translateX(-7%)
    }
}

.spin-ccw,.spin-cw {
    animation-name: b
}

@keyframes b {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(1turn)
    }
}

.wiggle {
    animation-name: c
}

@keyframes c {
    40%,50%,60% {
        transform: rotate(7deg)
    }

    35%,45%,55%,65% {
        transform: rotate(-7deg)
    }

    0%,30%,70%,to {
        transform: rotate(0)
    }
}

.shake,.spin-ccw,.spin-cw,.wiggle {
    animation-duration: .5s
}

.infinite {
    animation-iteration-count: infinite
}

.slow {
    animation-duration: .75s!important
}

.fast {
    animation-duration: .25s!important
}

.linear {
    animation-timing-function: linear!important
}

.ease {
    animation-timing-function: ease!important
}

.ease-in {
    animation-timing-function: ease-in!important
}

.ease-out {
    animation-timing-function: ease-out!important
}

.ease-in-out {
    animation-timing-function: ease-in-out!important
}

.bounce-in {
    animation-timing-function: cubic-bezier(.485,.155,.24,1.245)!important
}

.bounce-out {
    animation-timing-function: cubic-bezier(.485,.155,.515,.845)!important
}

.bounce-in-out {
    animation-timing-function: cubic-bezier(.76,-.245,.24,1.245)!important
}

.short-delay {
    animation-delay: .3s!important
}

.long-delay {
    animation-delay: .7s!important
}

/*!
 *  Font Awesome 4.6.3 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.fa-lg {
    font-size: 1.33333em;
    line-height: .75em;
    vertical-align: -15%
}

.fa-2x {
    font-size: 2em
}

.fa-3x {
    font-size: 3em
}

.fa-4x {
    font-size: 4em
}

.fa-5x {
    font-size: 5em
}

.fa-fw {
    width: 1.28571em;
    text-align: center
}

.fa-ul {
    padding-left: 0;
    margin-left: 2.14286em;
    list-style-type: none
}

.fa-ul>li {
    position: relative
}

.fa-li {
    position: absolute;
    left: -2.14286em;
    width: 2.14286em;
    top: .14286em;
    text-align: center
}

.fa-li.fa-lg {
    left: -1.85714em
}

.fa-border {
    padding: .2em .25em .15em;
    border: .08em solid #eee;
    border-radius: .1em
}

.fa-pull-left {
    float: left
}

.fa-pull-right {
    float: right
}

.fa.fa-pull-left {
    margin-right: .3em
}

.fa.fa-pull-right {
    margin-left: .3em
}

.pull-right {
    float: right
}

.pull-left {
    float: left
}

.fa.pull-left {
    margin-right: .3em
}

.fa.pull-right {
    margin-left: .3em
}

.fa-spin {
    animation: d 2s infinite linear
}

.fa-pulse {
    animation: d 1s infinite steps(8)
}

@keyframes d {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(359deg)
    }
}

.fa-rotate-90 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
    transform: rotate(90deg)
}

.fa-rotate-180 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
    transform: rotate(180deg)
}

.fa-rotate-270 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
    transform: rotate(270deg)
}

.fa-flip-horizontal {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
    transform: scaleX(-1)
}

.fa-flip-vertical {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
    transform: scaleY(-1)
}

:root .fa-flip-horizontal,:root .fa-flip-vertical,:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270 {
    -webkit-filter: none;
    filter: none
}

.fa-stack {
    position: relative;
    display: inline-block;
    width: 2em;
    height: 2em;
    line-height: 2em;
    vertical-align: middle
}

.fa-stack-1x,.fa-stack-2x {
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center
}

.fa-stack-1x {
    line-height: inherit
}

.fa-stack-2x {
    font-size: 2em
}

.fa-inverse {
    color: #fff
}

.fa-glass:before {
    content: ""
}

.fa-music:before {
    content: ""
}

.fa-search:before {
    content: ""
}

.fa-envelope-o:before {
    content: ""
}

.fa-heart:before {
    content: ""
}

.fa-star:before {
    content: ""
}

.fa-star-o:before {
    content: ""
}

.fa-user:before {
    content: ""
}

.fa-film:before {
    content: ""
}

.fa-th-large:before {
    content: ""
}

.fa-th:before {
    content: ""
}

.fa-th-list:before {
    content: ""
}

.fa-check:before {
    content: ""
}

.fa-close:before,.fa-remove:before,.fa-times:before {
    content: ""
}

.fa-search-plus:before {
    content: ""
}

.fa-search-minus:before {
    content: ""
}

.fa-power-off:before {
    content: ""
}

.fa-signal:before {
    content: ""
}

.fa-cog:before,.fa-gear:before {
    content: ""
}

.fa-trash-o:before {
    content: ""
}

.fa-home:before {
    content: ""
}

.fa-file-o:before {
    content: ""
}

.fa-clock-o:before {
    content: ""
}

.fa-road:before {
    content: ""
}

.fa-download:before {
    content: ""
}

.fa-arrow-circle-o-down:before {
    content: ""
}

.fa-arrow-circle-o-up:before {
    content: ""
}

.fa-inbox:before {
    content: ""
}

.fa-play-circle-o:before {
    content: ""
}

.fa-repeat:before,.fa-rotate-right:before {
    content: ""
}

.fa-refresh:before {
    content: ""
}

.fa-list-alt:before {
    content: ""
}

.fa-lock:before {
    content: ""
}

.fa-flag:before {
    content: ""
}

.fa-headphones:before {
    content: ""
}

.fa-volume-off:before {
    content: ""
}

.fa-volume-down:before {
    content: ""
}

.fa-volume-up:before {
    content: ""
}

.fa-qrcode:before {
    content: ""
}

.fa-barcode:before {
    content: ""
}

.fa-tag:before {
    content: ""
}

.fa-tags:before {
    content: ""
}

.fa-book:before {
    content: ""
}

.fa-bookmark:before {
    content: ""
}

.fa-print:before {
    content: ""
}

.fa-camera:before {
    content: ""
}

.fa-font:before {
    content: ""
}

.fa-bold:before {
    content: ""
}

.fa-italic:before {
    content: ""
}

.fa-text-height:before {
    content: ""
}

.fa-text-width:before {
    content: ""
}

.fa-align-left:before {
    content: ""
}

.fa-align-center:before {
    content: ""
}

.fa-align-right:before {
    content: ""
}

.fa-align-justify:before {
    content: ""
}

.fa-list:before {
    content: ""
}

.fa-dedent:before,.fa-outdent:before {
    content: ""
}

.fa-indent:before {
    content: ""
}

.fa-video-camera:before {
    content: ""
}

.fa-image:before,.fa-photo:before,.fa-picture-o:before {
    content: ""
}

.fa-pencil:before {
    content: ""
}

.fa-map-marker:before {
    content: ""
}

.fa-adjust:before {
    content: ""
}

.fa-tint:before {
    content: ""
}

.fa-edit:before,.fa-pencil-square-o:before {
    content: ""
}

.fa-share-square-o:before {
    content: ""
}

.fa-check-square-o:before {
    content: ""
}

.fa-arrows:before {
    content: ""
}

.fa-step-backward:before {
    content: ""
}

.fa-fast-backward:before {
    content: ""
}

.fa-backward:before {
    content: ""
}

.fa-play:before {
    content: ""
}

.fa-pause:before {
    content: ""
}

.fa-stop:before {
    content: ""
}

.fa-forward:before {
    content: ""
}

.fa-fast-forward:before {
    content: ""
}

.fa-step-forward:before {
    content: ""
}

.fa-eject:before {
    content: ""
}

.fa-chevron-left:before {
    content: ""
}

.fa-chevron-right:before {
    content: ""
}

.fa-plus-circle:before {
    content: ""
}

.fa-minus-circle:before {
    content: ""
}

.fa-times-circle:before {
    content: ""
}

.fa-check-circle:before {
    content: ""
}

.fa-question-circle:before {
    content: ""
}

.fa-info-circle:before {
    content: ""
}

.fa-crosshairs:before {
    content: ""
}

.fa-times-circle-o:before {
    content: ""
}

.fa-check-circle-o:before {
    content: ""
}

.fa-ban:before {
    content: ""
}

.fa-arrow-left:before {
    content: ""
}

.fa-arrow-right:before {
    content: ""
}

.fa-arrow-up:before {
    content: ""
}

.fa-arrow-down:before {
    content: ""
}

.fa-mail-forward:before,.fa-share:before {
    content: ""
}

.fa-expand:before {
    content: ""
}

.fa-compress:before {
    content: ""
}

.fa-plus:before {
    content: ""
}

.fa-minus:before {
    content: ""
}

.fa-asterisk:before {
    content: ""
}

.fa-exclamation-circle:before {
    content: ""
}

.fa-gift:before {
    content: ""
}

.fa-leaf:before {
    content: ""
}

.fa-fire:before {
    content: ""
}

.fa-eye:before {
    content: ""
}

.fa-eye-slash:before {
    content: ""
}

.fa-exclamation-triangle:before,.fa-warning:before {
    content: ""
}

.fa-plane:before {
    content: ""
}

.fa-calendar:before {
    content: ""
}

.fa-random:before {
    content: ""
}

.fa-comment:before {
    content: ""
}

.fa-magnet:before {
    content: ""
}

.fa-chevron-up:before {
    content: ""
}

.fa-chevron-down:before {
    content: ""
}

.fa-retweet:before {
    content: ""
}

.fa-shopping-cart:before {
    content: ""
}

.fa-folder:before {
    content: ""
}

.fa-folder-open:before {
    content: ""
}

.fa-arrows-v:before {
    content: ""
}

.fa-arrows-h:before {
    content: ""
}

.fa-bar-chart-o:before,.fa-bar-chart:before {
    content: ""
}

.fa-twitter-square:before {
    content: ""
}

.fa-facebook-square:before {
    content: ""
}

.fa-camera-retro:before {
    content: ""
}

.fa-key:before {
    content: ""
}

.fa-cogs:before,.fa-gears:before {
    content: ""
}

.fa-comments:before {
    content: ""
}

.fa-thumbs-o-up:before {
    content: ""
}

.fa-thumbs-o-down:before {
    content: ""
}

.fa-star-half:before {
    content: ""
}

.fa-heart-o:before {
    content: ""
}

.fa-sign-out:before {
    content: ""
}

.fa-linkedin-square:before {
    content: ""
}

.fa-thumb-tack:before {
    content: ""
}

.fa-external-link:before {
    content: ""
}

.fa-sign-in:before {
    content: ""
}

.fa-trophy:before {
    content: ""
}

.fa-github-square:before {
    content: ""
}

.fa-upload:before {
    content: ""
}

.fa-lemon-o:before {
    content: ""
}

.fa-phone:before {
    content: ""
}

.fa-square-o:before {
    content: ""
}

.fa-bookmark-o:before {
    content: ""
}

.fa-phone-square:before {
    content: ""
}

.fa-twitter:before {
    content: ""
}

.fa-facebook-f:before,.fa-facebook:before {
    content: ""
}

.fa-github:before {
    content: ""
}

.fa-unlock:before {
    content: ""
}

.fa-credit-card:before {
    content: ""
}

.fa-feed:before,.fa-rss:before {
    content: ""
}

.fa-hdd-o:before {
    content: ""
}

.fa-bullhorn:before {
    content: ""
}

.fa-bell:before {
    content: ""
}

.fa-certificate:before {
    content: ""
}

.fa-hand-o-right:before {
    content: ""
}

.fa-hand-o-left:before {
    content: ""
}

.fa-hand-o-up:before {
    content: ""
}

.fa-hand-o-down:before {
    content: ""
}

.fa-arrow-circle-left:before {
    content: ""
}

.fa-arrow-circle-right:before {
    content: ""
}

.fa-arrow-circle-up:before {
    content: ""
}

.fa-arrow-circle-down:before {
    content: ""
}

.fa-globe:before {
    content: ""
}

.fa-wrench:before {
    content: ""
}

.fa-tasks:before {
    content: ""
}

.fa-filter:before {
    content: ""
}

.fa-briefcase:before {
    content: ""
}

.fa-arrows-alt:before {
    content: ""
}

.fa-group:before,.fa-users:before {
    content: ""
}

.fa-chain:before,.fa-link:before {
    content: ""
}

.fa-cloud:before {
    content: ""
}

.fa-flask:before {
    content: ""
}

.fa-cut:before,.fa-scissors:before {
    content: ""
}

.fa-copy:before,.fa-files-o:before {
    content: ""
}

.fa-paperclip:before {
    content: ""
}

.fa-floppy-o:before,.fa-save:before {
    content: ""
}

.fa-square:before {
    content: ""
}

.fa-bars:before,.fa-navicon:before,.fa-reorder:before {
    content: ""
}

.fa-list-ul:before {
    content: ""
}

.fa-list-ol:before {
    content: ""
}

.fa-strikethrough:before {
    content: ""
}

.fa-underline:before {
    content: ""
}

.fa-table:before {
    content: ""
}

.fa-magic:before {
    content: ""
}

.fa-truck:before {
    content: ""
}

.fa-pinterest:before {
    content: ""
}

.fa-pinterest-square:before {
    content: ""
}

.fa-google-plus-square:before {
    content: ""
}

.fa-google-plus:before {
    content: ""
}

.fa-money:before {
    content: ""
}

.fa-caret-down:before {
    content: ""
}

.fa-caret-up:before {
    content: ""
}

.fa-caret-left:before {
    content: ""
}

.fa-caret-right:before {
    content: ""
}

.fa-columns:before {
    content: ""
}

.fa-sort:before,.fa-unsorted:before {
    content: ""
}

.fa-sort-desc:before,.fa-sort-down:before {
    content: ""
}

.fa-sort-asc:before,.fa-sort-up:before {
    content: ""
}

.fa-envelope:before {
    content: ""
}

.fa-linkedin:before {
    content: ""
}

.fa-rotate-left:before,.fa-undo:before {
    content: ""
}

.fa-gavel:before,.fa-legal:before {
    content: ""
}

.fa-dashboard:before,.fa-tachometer:before {
    content: ""
}

.fa-comment-o:before {
    content: ""
}

.fa-comments-o:before {
    content: ""
}

.fa-bolt:before,.fa-flash:before {
    content: ""
}

.fa-sitemap:before {
    content: ""
}

.fa-umbrella:before {
    content: ""
}

.fa-clipboard:before,.fa-paste:before {
    content: ""
}

.fa-lightbulb-o:before {
    content: ""
}

.fa-exchange:before {
    content: ""
}

.fa-cloud-download:before {
    content: ""
}

.fa-cloud-upload:before {
    content: ""
}

.fa-user-md:before {
    content: ""
}

.fa-stethoscope:before {
    content: ""
}

.fa-suitcase:before {
    content: ""
}

.fa-bell-o:before {
    content: ""
}

.fa-coffee:before {
    content: ""
}

.fa-cutlery:before {
    content: ""
}

.fa-file-text-o:before {
    content: ""
}

.fa-building-o:before {
    content: ""
}

.fa-hospital-o:before {
    content: ""
}

.fa-ambulance:before {
    content: ""
}

.fa-medkit:before {
    content: ""
}

.fa-fighter-jet:before {
    content: ""
}

.fa-beer:before {
    content: ""
}

.fa-h-square:before {
    content: ""
}

.fa-plus-square:before {
    content: ""
}

.fa-angle-double-left:before {
    content: ""
}

.fa-angle-double-right:before {
    content: ""
}

.fa-angle-double-up:before {
    content: ""
}

.fa-angle-double-down:before {
    content: ""
}

.fa-angle-left:before {
    content: ""
}

.fa-angle-right:before {
    content: ""
}

.fa-angle-up:before {
    content: ""
}

.fa-angle-down:before {
    content: ""
}

.fa-desktop:before {
    content: ""
}

.fa-laptop:before {
    content: ""
}

.fa-tablet:before {
    content: ""
}

.fa-mobile-phone:before,.fa-mobile:before {
    content: ""
}

.fa-circle-o:before {
    content: ""
}

.fa-quote-left:before {
    content: ""
}

.fa-quote-right:before {
    content: ""
}

.fa-spinner:before {
    content: ""
}

.fa-circle:before {
    content: ""
}

.fa-mail-reply:before,.fa-reply:before {
    content: ""
}

.fa-github-alt:before {
    content: ""
}

.fa-folder-o:before {
    content: ""
}

.fa-folder-open-o:before {
    content: ""
}

.fa-smile-o:before {
    content: ""
}

.fa-frown-o:before {
    content: ""
}

.fa-meh-o:before {
    content: ""
}

.fa-gamepad:before {
    content: ""
}

.fa-keyboard-o:before {
    content: ""
}

.fa-flag-o:before {
    content: ""
}

.fa-flag-checkered:before {
    content: ""
}

.fa-terminal:before {
    content: ""
}

.fa-code:before {
    content: ""
}

.fa-mail-reply-all:before,.fa-reply-all:before {
    content: ""
}

.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before {
    content: ""
}

.fa-location-arrow:before {
    content: ""
}

.fa-crop:before {
    content: ""
}

.fa-code-fork:before {
    content: ""
}

.fa-chain-broken:before,.fa-unlink:before {
    content: ""
}

.fa-question:before {
    content: ""
}

.fa-info:before {
    content: ""
}

.fa-exclamation:before {
    content: ""
}

.fa-superscript:before {
    content: ""
}

.fa-subscript:before {
    content: ""
}

.fa-eraser:before {
    content: ""
}

.fa-puzzle-piece:before {
    content: ""
}

.fa-microphone:before {
    content: ""
}

.fa-microphone-slash:before {
    content: ""
}

.fa-shield:before {
    content: ""
}

.fa-calendar-o:before {
    content: ""
}

.fa-fire-extinguisher:before {
    content: ""
}

.fa-rocket:before {
    content: ""
}

.fa-maxcdn:before {
    content: ""
}

.fa-chevron-circle-left:before {
    content: ""
}

.fa-chevron-circle-right:before {
    content: ""
}

.fa-chevron-circle-up:before {
    content: ""
}

.fa-chevron-circle-down:before {
    content: ""
}

.fa-html5:before {
    content: ""
}

.fa-css3:before {
    content: ""
}

.fa-anchor:before {
    content: ""
}

.fa-unlock-alt:before {
    content: ""
}

.fa-bullseye:before {
    content: ""
}

.fa-ellipsis-h:before {
    content: ""
}

.fa-ellipsis-v:before {
    content: ""
}

.fa-rss-square:before {
    content: ""
}

.fa-play-circle:before {
    content: ""
}

.fa-ticket:before {
    content: ""
}

.fa-minus-square:before {
    content: ""
}

.fa-minus-square-o:before {
    content: ""
}

.fa-level-up:before {
    content: ""
}

.fa-level-down:before {
    content: ""
}

.fa-check-square:before {
    content: ""
}

.fa-pencil-square:before {
    content: ""
}

.fa-external-link-square:before {
    content: ""
}

.fa-share-square:before {
    content: ""
}

.fa-compass:before {
    content: ""
}

.fa-caret-square-o-down:before,.fa-toggle-down:before {
    content: ""
}

.fa-caret-square-o-up:before,.fa-toggle-up:before {
    content: ""
}

.fa-caret-square-o-right:before,.fa-toggle-right:before {
    content: ""
}

.fa-eur:before,.fa-euro:before {
    content: ""
}

.fa-gbp:before {
    content: ""
}

.fa-dollar:before,.fa-usd:before {
    content: ""
}

.fa-inr:before,.fa-rupee:before {
    content: ""
}

.fa-cny:before,.fa-jpy:before,.fa-rmb:before,.fa-yen:before {
    content: ""
}

.fa-rouble:before,.fa-rub:before,.fa-ruble:before {
    content: ""
}

.fa-krw:before,.fa-won:before {
    content: ""
}

.fa-bitcoin:before,.fa-btc:before {
    content: ""
}

.fa-file:before {
    content: ""
}

.fa-file-text:before {
    content: ""
}

.fa-sort-alpha-asc:before {
    content: ""
}

.fa-sort-alpha-desc:before {
    content: ""
}

.fa-sort-amount-asc:before {
    content: ""
}

.fa-sort-amount-desc:before {
    content: ""
}

.fa-sort-numeric-asc:before {
    content: ""
}

.fa-sort-numeric-desc:before {
    content: ""
}

.fa-thumbs-up:before {
    content: ""
}

.fa-thumbs-down:before {
    content: ""
}

.fa-youtube-square:before {
    content: ""
}

.fa-youtube:before {
    content: ""
}

.fa-xing:before {
    content: ""
}

.fa-xing-square:before {
    content: ""
}

.fa-youtube-play:before {
    content: ""
}

.fa-dropbox:before {
    content: ""
}

.fa-stack-overflow:before {
    content: ""
}

.fa-instagram:before {
    content: ""
}

.fa-flickr:before {
    content: ""
}

.fa-adn:before {
    content: ""
}

.fa-bitbucket:before {
    content: ""
}

.fa-bitbucket-square:before {
    content: ""
}

.fa-tumblr:before {
    content: ""
}

.fa-tumblr-square:before {
    content: ""
}

.fa-long-arrow-down:before {
    content: ""
}

.fa-long-arrow-up:before {
    content: ""
}

.fa-long-arrow-left:before {
    content: ""
}

.fa-long-arrow-right:before {
    content: ""
}

.fa-apple:before {
    content: ""
}

.fa-windows:before {
    content: ""
}

.fa-android:before {
    content: ""
}

.fa-linux:before {
    content: ""
}

.fa-dribbble:before {
    content: ""
}

.fa-skype:before {
    content: ""
}

.fa-foursquare:before {
    content: ""
}

.fa-trello:before {
    content: ""
}

.fa-female:before {
    content: ""
}

.fa-male:before {
    content: ""
}

.fa-gittip:before,.fa-gratipay:before {
    content: ""
}

.fa-sun-o:before {
    content: ""
}

.fa-moon-o:before {
    content: ""
}

.fa-archive:before {
    content: ""
}

.fa-bug:before {
    content: ""
}

.fa-vk:before {
    content: ""
}

.fa-weibo:before {
    content: ""
}

.fa-renren:before {
    content: ""
}

.fa-pagelines:before {
    content: ""
}

.fa-stack-exchange:before {
    content: ""
}

.fa-arrow-circle-o-right:before {
    content: ""
}

.fa-arrow-circle-o-left:before {
    content: ""
}

.fa-caret-square-o-left:before,.fa-toggle-left:before {
    content: ""
}

.fa-dot-circle-o:before {
    content: ""
}

.fa-wheelchair:before {
    content: ""
}

.fa-vimeo-square:before {
    content: ""
}

.fa-try:before,.fa-turkish-lira:before {
    content: ""
}

.fa-plus-square-o:before {
    content: ""
}

.fa-space-shuttle:before {
    content: ""
}

.fa-slack:before {
    content: ""
}

.fa-envelope-square:before {
    content: ""
}

.fa-wordpress:before {
    content: ""
}

.fa-openid:before {
    content: ""
}

.fa-bank:before,.fa-institution:before,.fa-university:before {
    content: ""
}

.fa-graduation-cap:before,.fa-mortar-board:before {
    content: ""
}

.fa-yahoo:before {
    content: ""
}

.fa-google:before {
    content: ""
}

.fa-reddit:before {
    content: ""
}

.fa-reddit-square:before {
    content: ""
}

.fa-stumbleupon-circle:before {
    content: ""
}

.fa-stumbleupon:before {
    content: ""
}

.fa-delicious:before {
    content: ""
}

.fa-digg:before {
    content: ""
}

.fa-pied-piper-pp:before {
    content: ""
}

.fa-pied-piper-alt:before {
    content: ""
}

.fa-drupal:before {
    content: ""
}

.fa-joomla:before {
    content: ""
}

.fa-language:before {
    content: ""
}

.fa-fax:before {
    content: ""
}

.fa-building:before {
    content: ""
}

.fa-child:before {
    content: ""
}

.fa-paw:before {
    content: ""
}

.fa-spoon:before {
    content: ""
}

.fa-cube:before {
    content: ""
}

.fa-cubes:before {
    content: ""
}

.fa-behance:before {
    content: ""
}

.fa-behance-square:before {
    content: ""
}

.fa-steam:before {
    content: ""
}

.fa-steam-square:before {
    content: ""
}

.fa-recycle:before {
    content: ""
}

.fa-automobile:before,.fa-car:before {
    content: ""
}

.fa-cab:before,.fa-taxi:before {
    content: ""
}

.fa-tree:before {
    content: ""
}

.fa-spotify:before {
    content: ""
}

.fa-deviantart:before {
    content: ""
}

.fa-soundcloud:before {
    content: ""
}

.fa-database:before {
    content: ""
}

.fa-file-pdf-o:before {
    content: ""
}

.fa-file-word-o:before {
    content: ""
}

.fa-file-excel-o:before {
    content: ""
}

.fa-file-powerpoint-o:before {
    content: ""
}

.fa-file-image-o:before,.fa-file-photo-o:before,.fa-file-picture-o:before {
    content: ""
}

.fa-file-archive-o:before,.fa-file-zip-o:before {
    content: ""
}

.fa-file-audio-o:before,.fa-file-sound-o:before {
    content: ""
}

.fa-file-movie-o:before,.fa-file-video-o:before {
    content: ""
}

.fa-file-code-o:before {
    content: ""
}

.fa-vine:before {
    content: ""
}

.fa-codepen:before {
    content: ""
}

.fa-jsfiddle:before {
    content: ""
}

.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-ring:before,.fa-life-saver:before,.fa-support:before {
    content: ""
}

.fa-circle-o-notch:before {
    content: ""
}

.fa-ra:before,.fa-rebel:before,.fa-resistance:before {
    content: ""
}

.fa-empire:before,.fa-ge:before {
    content: ""
}

.fa-git-square:before {
    content: ""
}

.fa-git:before {
    content: ""
}

.fa-hacker-news:before,.fa-y-combinator-square:before,.fa-yc-square:before {
    content: ""
}

.fa-tencent-weibo:before {
    content: ""
}

.fa-qq:before {
    content: ""
}

.fa-wechat:before,.fa-weixin:before {
    content: ""
}

.fa-paper-plane:before,.fa-send:before {
    content: ""
}

.fa-paper-plane-o:before,.fa-send-o:before {
    content: ""
}

.fa-history:before {
    content: ""
}

.fa-circle-thin:before {
    content: ""
}

.fa-header:before {
    content: ""
}

.fa-paragraph:before {
    content: ""
}

.fa-sliders:before {
    content: ""
}

.fa-share-alt:before {
    content: ""
}

.fa-share-alt-square:before {
    content: ""
}

.fa-bomb:before {
    content: ""
}

.fa-futbol-o:before,.fa-soccer-ball-o:before {
    content: ""
}

.fa-tty:before {
    content: ""
}

.fa-binoculars:before {
    content: ""
}

.fa-plug:before {
    content: ""
}

.fa-slideshare:before {
    content: ""
}

.fa-twitch:before {
    content: ""
}

.fa-yelp:before {
    content: ""
}

.fa-newspaper-o:before {
    content: ""
}

.fa-wifi:before {
    content: ""
}

.fa-calculator:before {
    content: ""
}

.fa-paypal:before {
    content: ""
}

.fa-google-wallet:before {
    content: ""
}

.fa-cc-visa:before {
    content: ""
}

.fa-cc-mastercard:before {
    content: ""
}

.fa-cc-discover:before {
    content: ""
}

.fa-cc-amex:before {
    content: ""
}

.fa-cc-paypal:before {
    content: ""
}

.fa-cc-stripe:before {
    content: ""
}

.fa-bell-slash:before {
    content: ""
}

.fa-bell-slash-o:before {
    content: ""
}

.fa-trash:before {
    content: ""
}

.fa-copyright:before {
    content: ""
}

.fa-at:before {
    content: ""
}

.fa-eyedropper:before {
    content: ""
}

.fa-paint-brush:before {
    content: ""
}

.fa-birthday-cake:before {
    content: ""
}

.fa-area-chart:before {
    content: ""
}

.fa-pie-chart:before {
    content: ""
}

.fa-line-chart:before {
    content: ""
}

.fa-lastfm:before {
    content: ""
}

.fa-lastfm-square:before {
    content: ""
}

.fa-toggle-off:before {
    content: ""
}

.fa-toggle-on:before {
    content: ""
}

.fa-bicycle:before {
    content: ""
}

.fa-bus:before {
    content: ""
}

.fa-ioxhost:before {
    content: ""
}

.fa-angellist:before {
    content: ""
}

.fa-cc:before {
    content: ""
}

.fa-ils:before,.fa-shekel:before,.fa-sheqel:before {
    content: ""
}

.fa-meanpath:before {
    content: ""
}

.fa-buysellads:before {
    content: ""
}

.fa-connectdevelop:before {
    content: ""
}

.fa-dashcube:before {
    content: ""
}

.fa-forumbee:before {
    content: ""
}

.fa-leanpub:before {
    content: ""
}

.fa-sellsy:before {
    content: ""
}

.fa-shirtsinbulk:before {
    content: ""
}

.fa-simplybuilt:before {
    content: ""
}

.fa-skyatlas:before {
    content: ""
}

.fa-cart-plus:before {
    content: ""
}

.fa-cart-arrow-down:before {
    content: ""
}

.fa-diamond:before {
    content: ""
}

.fa-ship:before {
    content: ""
}

.fa-user-secret:before {
    content: ""
}

.fa-motorcycle:before {
    content: ""
}

.fa-street-view:before {
    content: ""
}

.fa-heartbeat:before {
    content: ""
}

.fa-venus:before {
    content: ""
}

.fa-mars:before {
    content: ""
}

.fa-mercury:before {
    content: ""
}

.fa-intersex:before,.fa-transgender:before {
    content: ""
}

.fa-transgender-alt:before {
    content: ""
}

.fa-venus-double:before {
    content: ""
}

.fa-mars-double:before {
    content: ""
}

.fa-venus-mars:before {
    content: ""
}

.fa-mars-stroke:before {
    content: ""
}

.fa-mars-stroke-v:before {
    content: ""
}

.fa-mars-stroke-h:before {
    content: ""
}

.fa-neuter:before {
    content: ""
}

.fa-genderless:before {
    content: ""
}

.fa-facebook-official:before {
    content: ""
}

.fa-pinterest-p:before {
    content: ""
}

.fa-whatsapp:before {
    content: ""
}

.fa-server:before {
    content: ""
}

.fa-user-plus:before {
    content: ""
}

.fa-user-times:before {
    content: ""
}

.fa-bed:before,.fa-hotel:before {
    content: ""
}

.fa-viacoin:before {
    content: ""
}

.fa-train:before {
    content: ""
}

.fa-subway:before {
    content: ""
}

.fa-medium:before {
    content: ""
}

.fa-y-combinator:before,.fa-yc:before {
    content: ""
}

.fa-optin-monster:before {
    content: ""
}

.fa-opencart:before {
    content: ""
}

.fa-expeditedssl:before {
    content: ""
}

.fa-battery-4:before,.fa-battery-full:before {
    content: ""
}

.fa-battery-3:before,.fa-battery-three-quarters:before {
    content: ""
}

.fa-battery-2:before,.fa-battery-half:before {
    content: ""
}

.fa-battery-1:before,.fa-battery-quarter:before {
    content: ""
}

.fa-battery-0:before,.fa-battery-empty:before {
    content: ""
}

.fa-mouse-pointer:before {
    content: ""
}

.fa-i-cursor:before {
    content: ""
}

.fa-object-group:before {
    content: ""
}

.fa-object-ungroup:before {
    content: ""
}

.fa-sticky-note:before {
    content: ""
}

.fa-sticky-note-o:before {
    content: ""
}

.fa-cc-jcb:before {
    content: ""
}

.fa-cc-diners-club:before {
    content: ""
}

.fa-clone:before {
    content: ""
}

.fa-balance-scale:before {
    content: ""
}

.fa-hourglass-o:before {
    content: ""
}

.fa-hourglass-1:before,.fa-hourglass-start:before {
    content: ""
}

.fa-hourglass-2:before,.fa-hourglass-half:before {
    content: ""
}

.fa-hourglass-3:before,.fa-hourglass-end:before {
    content: ""
}

.fa-hourglass:before {
    content: ""
}

.fa-hand-grab-o:before,.fa-hand-rock-o:before {
    content: ""
}

.fa-hand-paper-o:before,.fa-hand-stop-o:before {
    content: ""
}

.fa-hand-scissors-o:before {
    content: ""
}

.fa-hand-lizard-o:before {
    content: ""
}

.fa-hand-spock-o:before {
    content: ""
}

.fa-hand-pointer-o:before {
    content: ""
}

.fa-hand-peace-o:before {
    content: ""
}

.fa-trademark:before {
    content: ""
}

.fa-registered:before {
    content: ""
}

.fa-creative-commons:before {
    content: ""
}

.fa-gg:before {
    content: ""
}

.fa-gg-circle:before {
    content: ""
}

.fa-tripadvisor:before {
    content: ""
}

.fa-odnoklassniki:before {
    content: ""
}

.fa-odnoklassniki-square:before {
    content: ""
}

.fa-get-pocket:before {
    content: ""
}

.fa-wikipedia-w:before {
    content: ""
}

.fa-safari:before {
    content: ""
}

.fa-chrome:before {
    content: ""
}

.fa-firefox:before {
    content: ""
}

.fa-opera:before {
    content: ""
}

.fa-internet-explorer:before {
    content: ""
}

.fa-television:before,.fa-tv:before {
    content: ""
}

.fa-contao:before {
    content: ""
}

.fa-500px:before {
    content: ""
}

.fa-amazon:before {
    content: ""
}

.fa-calendar-plus-o:before {
    content: ""
}

.fa-calendar-minus-o:before {
    content: ""
}

.fa-calendar-times-o:before {
    content: ""
}

.fa-calendar-check-o:before {
    content: ""
}

.fa-industry:before {
    content: ""
}

.fa-map-pin:before {
    content: ""
}

.fa-map-signs:before {
    content: ""
}

.fa-map-o:before {
    content: ""
}

.fa-map:before {
    content: ""
}

.fa-commenting:before {
    content: ""
}

.fa-commenting-o:before {
    content: ""
}

.fa-houzz:before {
    content: ""
}

.fa-vimeo:before {
    content: ""
}

.fa-black-tie:before {
    content: ""
}

.fa-fonticons:before {
    content: ""
}

.fa-reddit-alien:before {
    content: ""
}

.fa-edge:before {
    content: ""
}

.fa-credit-card-alt:before {
    content: ""
}

.fa-codiepie:before {
    content: ""
}

.fa-modx:before {
    content: ""
}

.fa-fort-awesome:before {
    content: ""
}

.fa-usb:before {
    content: ""
}

.fa-product-hunt:before {
    content: ""
}

.fa-mixcloud:before {
    content: ""
}

.fa-scribd:before {
    content: ""
}

.fa-pause-circle:before {
    content: ""
}

.fa-pause-circle-o:before {
    content: ""
}

.fa-stop-circle:before {
    content: ""
}

.fa-stop-circle-o:before {
    content: ""
}

.fa-shopping-bag:before {
    content: ""
}

.fa-shopping-basket:before {
    content: ""
}

.fa-hashtag:before {
    content: ""
}

.fa-bluetooth:before {
    content: ""
}

.fa-bluetooth-b:before {
    content: ""
}

.fa-percent:before {
    content: ""
}

.fa-gitlab:before {
    content: ""
}

.fa-wpbeginner:before {
    content: ""
}

.fa-wpforms:before {
    content: ""
}

.fa-envira:before {
    content: ""
}

.fa-universal-access:before {
    content: ""
}

.fa-wheelchair-alt:before {
    content: ""
}

.fa-question-circle-o:before {
    content: ""
}

.fa-blind:before {
    content: ""
}

.fa-audio-description:before {
    content: ""
}

.fa-volume-control-phone:before {
    content: ""
}

.fa-braille:before {
    content: ""
}

.fa-assistive-listening-systems:before {
    content: ""
}

.fa-american-sign-language-interpreting:before,.fa-asl-interpreting:before {
    content: ""
}

.fa-deaf:before,.fa-deafness:before,.fa-hard-of-hearing:before {
    content: ""
}

.fa-glide:before {
    content: ""
}

.fa-glide-g:before {
    content: ""
}

.fa-sign-language:before,.fa-signing:before {
    content: ""
}

.fa-low-vision:before {
    content: ""
}

.fa-viadeo:before {
    content: ""
}

.fa-viadeo-square:before {
    content: ""
}

.fa-snapchat:before {
    content: ""
}

.fa-snapchat-ghost:before {
    content: ""
}

.fa-snapchat-square:before {
    content: ""
}

.fa-pied-piper:before {
    content: ""
}

.fa-first-order:before {
    content: ""
}

.fa-yoast:before {
    content: ""
}

.fa-themeisle:before {
    content: ""
}

.fa-google-plus-circle:before,.fa-google-plus-official:before {
    content: ""
}

.fa-fa:before,.fa-font-awesome:before {
    content: ""
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0
}

.sr-only-focusable:active,.sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto
}

/*==========================================*/
/* COMMON                                   */
/*==========================================*/
.emphasis { font-weight: bold; }
.width33 { width: 32.5%; }
.width22 { width: 22.666%; }

.width16 { width: 16.5%; }
.width83 { width: 83.5%; }

.note{
  color: #606f7c;
  text-indent: -1rem;
  padding-left: 1rem;
}

@font-face {
    font-family: FontAwesome;
    src: url(../fonts/fontawesome-webfont.eot?v=4.6.3);
    src: url(../fonts/fontawesome-webfont.eot?#iefix&v=4.6.3) format("embedded-opentype"),url(../fonts/fontawesome-webfont.woff2?v=4.6.3) format("woff2"),url(../fonts/fontawesome-webfont.woff?v=4.6.3) format("woff"),url(../fonts/fontawesome-webfont.ttf?v=4.6.3) format("truetype"),url(../fonts/fontawesome-webfont.svg?v=4.6.3#fontawesomeregular) format("svg");
    font-weight: 400;
    font-style: normal
}

.noto {
    font-family: Noto Sans Japanese,Arial,Helvetica,sans-serif;
}

.fa.fa-angle-right {
  padding-left: 0.5rem;
}
.fa.fa-angle-left {
  padding-right: 0.5rem;
}
a.hollow:hover i.ext,
a.hollow:active i.ext {
  background: url(/recruit/freshers/common/images/icon-ext-w.png) no-repeat right center;
  transition: background .25s ease-out,color .25s ease-out;
}
a.button i.ext{
  margin-left: 10px;
}
i.ext {
  content: '';
  background: url(/recruit/freshers/common/images/icon-ext.png) no-repeat right center;
  width: 13px;
  height: 11px;
  display: inline-block;
  margin-left: 5px;
}

strong {
  font-weight: 700;
  color: #00316c;
}
/* 選考プロセス*/
.process {
  list-style-type: none;
  margin-left: 0;
  width: 100%;
}
.process li {
  padding-left: 0;
  width: 100%;
  font-size: .8125rem;
  display: table;
  text-indent: 0;
}
.process li + li {
  margin-top: 30px;
}
.process li+li .name:not(.empty):before {
  position: absolute;
  display: block;
  content: '';
  top: -20px;
  left: 0;
  width: 100%;
  height: 8px;
  background: url(/recruit/freshers/common/images/next.png) no-repeat 50% 50%;
  background-size: contain;
}
.process li.empty+li .name:first-child:before {
  content: none;
}
.process .name {
  padding: .8125rem;
  position: relative;
  display: table-cell;
  font-weight: bold;
  line-height: 1rem;
  background: #00316c;
  color: #fff;
  padding: 14px;
  text-align: center;
  vertical-align: middle;
  width: 25%;
}
.process .name+.name {
  border-left: 3px solid #fff;
}
.process.office .name,
.process .name.col2 {
  width: 50%;
}
@media screen and (min-width: 40em) {
  .process .name,
  .process.office .name {
    width: 20%;
  }
  .process .name.col2 {
    width: 40%;
  }
}
.process .text {
  padding: 14px 7%;
  display: table-cell;
  line-height: 1rem;
  width: 50%;
  background: #dce3e7;
  text-align: left;
  vertical-align: middle;
}
.process .empty {
  background: transparent;
}
@media screen and (min-width: 40em) {
  .process .text {
    padding: 14px 0;
    width: 60%;
  }
  .process.office .text {
    width: 80%;
  }
}
.process .text > div {
  width: 100%;
  display: table;
}
.process .text .caption{
  display: table-cell;
  padding: 0;
  font-weight: bold;
  display: block;
  text-align: left;
  vertical-align: middle;
}
.process .text .caption + .description{
  margin-top: 13px;
}
@media screen and (min-width: 40em) {
  .process .text .caption{
    padding-left: 5%;
    padding-right: 15px;
    font-size: 14px;
    display: table-cell;
    width: 28%;
    text-align: left;
    vertical-align: middle;
  }
}
.process .text .description{
  padding: 0;
  display: block;
  text-align: left;
  vertical-align: middle;
  width: 100%;
}
@media screen and (min-width: 40em) {
  .process .text .description{
    padding-left: 15px;
    padding-right: 5%;
    font-size: 14px;
    display: table-cell;
    text-align: left;
    vertical-align: middle;
  }
}



header a:hover i.ext,
a:active i.ext {
  background: url(/recruit/freshers/common/images/icon-ext-g.png) no-repeat right center;
}
header i.ext {
  background: url(/recruit/freshers/common/images/icon-ext-w.png) no-repeat right center;
}

body,html {
    min-width: 320px;
    overflow-x: hidden
}

#wrap {
    position: relative
}

.button,button {
    text-transform: uppercase;
    font-weight: 700
}

@media screen and (max-width: 39.9375em) {
    .button,button {
        padding:.5em 1.1em;
        font-size: 8px
    }
}

.button.hollow,button.hollow {
    border: 1px solid #fff;
    color: #fff
}

@media screen and (max-width: 39.9375em) {
    .button.hollow,button.hollow {
        border-width:1px
    }
}

.button.hollow:focus,.button.hollow:hover,button.hollow:focus,button.hollow:hover {
    background: #fff;
    border-color: #fff;
    color: #004f9b;
}

a,a img {
    transition-duration: .5s;
    -webkit-backface-visibility:hidden;
    backface-visibility: hidden;
}

a:hover img {
    opacity: .7
}

@media screen and (max-width: 63.9375em) {
    .top-bar {
        padding:0 1rem 0 0
    }
}

@media screen and (max-width: 39.9375em) {
    .top-bar {
        padding:0;
    }
}

.top-bar ul.menu li {
    padding: 0
}

span.bk_bold {
    font-weight: 700
}

.r-img {
    width: 100%;
    height: auto
}

/* copied form foundaton 6.4.2 custom */
table {
  font-size: .8125rem;
  line-height: 1rem;
  color: #000;
  border-collapse: collapse;
  width: 100%;
  margin-bottom: 1rem;
  border-radius: 3px; }
  table thead,
  table tbody,
  table tfoot {
    background-color: #fff; }
  table caption {
    padding: 0.5rem 0.625rem 0.625rem;
    font-weight: bold; }
  table thead {
    background: #dce3e7;
    color: #00316c; }
  table th {
    color: #00316c; }
  table tfoot {
    background: #f1f1f1;
    color: #00316c; }
  table thead tr,
  table tfoot tr {
    background: transparent; }
  table thead th,
  table thead td,
  table tfoot th,
  table tfoot td {
    padding: 0.25rem;
    font-weight: 700;
    font-size: 12px;
    text-align: center; }
  table tbody th,
  table tbody td {
    text-align: center;
    padding: 1rem 0.625rem 1rem; }
  table tbody tr:first-child {
    border-top: 1px solid #dee5e9;
  }
  table tbody tr:nth-child(even) {
    border-bottom: 1px solid #dee5e9;
    background-color: #f2f5f6; }
  table tbody tr:nth-child(odd) {
    border-bottom: 1px solid #dee5e9;}
  table.unstriped tbody {
    background-color: #fefefe; }
    table.unstriped tbody tr {
      border-bottom: 0;
      border-bottom: 1px solid #f1f1f1;
      background-color: #fefefe; }

  table.no-header tbody tr:nth-child(even) {
    background-color: #fff; }
  table.no-header tbody tr:nth-child(odd) {
    background-color: #f2f5f6; }

  table.no-bg tbody tr:nth-child(even) {
    background-color: #fff; }
  table.no-bg tbody tr:nth-child(odd) {
    background-color: #fff; }

    table.no-header tbody .even {
      background-color: #fff !important;
    }
    table.no-header tbody .odd {
      background-color: #f2f5f6 !important;
    }
@media screen and (min-width: 40em) {
  table {
    font-size: .875rem;
  }
}

@media screen and (max-width: 63.9375em) {
  table.stack thead {
    display: none; }
  table.stack tfoot {
    display: none; }
  table.stack tr,
  table.stack th,
  table.stack td {
    display: block; }
  table.stack td {
    border-top: 0; } }

table.scroll {
  display: block;
  width: 100%;
  overflow-x: auto; }

table.hover thead tr:hover {
  background-color: #f3f3f3; }

table.hover tfoot tr:hover {
  background-color: #ececec; }

table.hover tbody tr:hover {
  background-color: #f9f9f9; }

table.hover:not(.unstriped) tr:nth-of-type(even):hover {
  background-color: #ececec; }

.google-map {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
    margin-bottom: 20px;
    overflow: hidden;
}
.google-map iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/*==========================================*/
/* header                                   */
/*==========================================*/
header {
    background: #004f9b
}
/* PC表示のみ */
header #pc-header {
  background: #2f2f2f;
  font-size: 12px;
}
header #pc-header .menu > li > a{
  padding: 10px 0
}
header #pc-header .menu > li + li {
  padding-right: 29px
}
header img.logo {
  max-width:150px
}
@media screen and (max-width: 39.9375em) {
    header img.logo {
        max-width:95px
    }
}

header img.open {
    transition-duration: .5s
}

@media screen and (max-width: 39.9375em) {
    header img.open {
        margin-right:18px;
        width: 17px;
        height: auto
    }
}
@media screen and (max-width: 380px) {
    header img.open {
        margin-right:9px;
    }
}

header img.open:hover {
    opacity: .7;
    cursor: pointer
}

header .hamburger li {
    font-size: 11px;
    font-weight: 500
}

@media screen and (min-width: 40em) {
    header .hamburger li {
        font-size:12px
/*
        font-size:14px
*/
    }
}

header .hamburger li:first-child a {
    opacity: 1;
    position: relative
}

/* fix */
/*header .hamburger li:first-child a:after {
    content: " / ";
    position: absolute;
    right: -2px;
    color: #fff
}*/

header .hamburger li:last-child {
    padding-left: 18px;
    min-width: 30px;
}
@media screen and (min-width: 40em) {
  header .hamburger li:last-child {
      padding-left: inherit;
      min-width: inherit
  }
}

@media screen and (max-width: 39.9375em) {
    header .hamburger li a {
        padding:16px 1rem
    }
}

@media screen and (min-width: 40em) {
    header .hamburger li a {
        padding:27px 1rem
    }
}

@media screen and (min-width: 64em) {
    header .hamburger li a {
        padding:27px 20px
    }
    header .hamburger li:first-child a {
        padding-left: 0;
    }
}

header .hamburger li a img {
    margin: 0
}

@media screen and (max-width: 39.9375em) {
    header .hamburger li a img {
        max-width:17px
    }
}

header .top-bar .top-bar-left,header .top-bar .top-bar-right {
    width: auto
}


#hamburger-menu {
    width: 263px;
    height: 100%;
    position: fixed;
    top: 0;
    right: 0;
    z-index: 5;
    background: #2F2F2F;
    display: none;
    overflow-y: hidden;
}

@media screen and (min-width: 40em) {
    #hamburger-menu {
        width:410px
    }
}

#hamburger-menu img.close {
    position: absolute;
    top: 19px;
    right: 20px;
    transition-duration: .5s
}

@media screen and (max-width: 39.9375em) {
    #hamburger-menu img.close {
        width:14px;
        height: auto
    }
}

@media screen and (min-width: 40em) {
    #hamburger-menu img.close {
        top:20px;
        right: 27px
    }
}

@media screen and (min-width: 64em) {
    #hamburger-menu img.close {
/* fix */
        /*top:30px*/
    }
}

/* 固定ヘッダ対応*/
header {
  position: fixed;
  width: 100%;
  z-index: 3;
}
#header-placeholder {
  height: 49px;
  background: #004f9b;
}
@media screen and (min-width: 40em) {
  #header-placeholder {
    height: 95px;
  }
}
@media screen and (min-width: 64em) {
  #header-placeholder {
    height: 100px;
  }
}

#hamburger-menu img.close:hover {
    opacity: .7;
    cursor: pointer
}

#hamburger-menu ul {
    margin: 0;
    list-style: none;
/* fix */
    /*font-weight: 700*/
}

#hamburger-menu ul a {
    color: #fff
}

#hamburger-menu ul a:hover {
    opacity: .7
}

#hamburger-menu ul.contents {
/* fix */
    /*margin-top: 53px;*/
    font-size: 12px
}

#hamburger-menu ul li.main-li {
    background: #004f9b;
}

#hamburger-menu ul li.main-li.last {
    padding-bottom: 10px;
}

@media screen and (min-width: 40em) {
  #hamburger-menu ul li.main-li.last {
      padding-bottom: 10px;
  }
}

#hamburger-menu ul li.mypage {
    background: #FFEE00;
}
#hamburger-menu ul li.mypage a{
    color: #00376D;
}

@media screen and (min-width: 40em) {
    #hamburger-menu ul.contents {
/* fix */
        /*margin-top:69px;*/
        font-size: 18px
    }
}

@media screen and (min-width: 64em) {
    #hamburger-menu ul.contents {
/* fix */
        /*margin-top:91px*/
    }
}

/* fix */
/*#hamburger-menu ul.contents li {
    border-bottom: 1px dashed #fff
}*/
#hamburger-menu ul li.placeholder {
    background: #004F9B;
    height: 47px;
}
@media screen and (min-width: 40em) {
  #hamburger-menu ul li.placeholder {
      height: 68px;
  }
}

#hamburger-menu ul.contents li a {
    padding: 14px 20px;
    display: block;
    font-size: 1rem;
}

@media screen and (min-width: 40em) {
    #hamburger-menu ul.contents li a {
        padding:20px 37px
    }
}

#hamburger-menu ul li.sub-li a {
  padding: 6px 20px
}

@media screen and (min-width: 40em) {
    #hamburger-menu ul li.sub-li a {
        padding:10px 37px
    }
}

#hamburger-menu ul li.sub-li.first a {
  padding-top: 24px;
}

@media screen and (min-width: 40em) {
    #hamburger-menu ul li.sub-li.first a {
        padding-top:24px;
    }
}

#hamburger-menu ul.sns {
    padding: 14px 37px
}

@media screen and (min-width: 40em) {
    #hamburger-menu ul.sns {
        padding:20px 37px
    }
}

#hamburger-menu ul.sns li {
    display: inline
}

#hamburger-menu ul.sns li a img {
    margin-right: 15px
}

#kv{
    position: relative;
    overflow: hidden;
}

#kv .grid,#kv .grid span {
  height: 100%;
  width: 100%;
  position: absolute;
  top: -5vw;
  left: 0;
}
@media screen and (min-width: 40em) {
#kv .grid,#kv .grid span {
  top: -2.5vw;
}
}

#kv .grid span,#monthly .monthly-article .grid span {
  text-align: left
}

#kv .grid img,#monthly .monthly-article .grid img {
  width: 58%;
  height: auto;
  opacity: 0
}

@media screen and (min-width: 40em) {
  #kv .grid img,#monthly .monthly-article .grid img {
      width:29%
  }
}


#kv .text-box .text-box-inner{
  margin-left: 13%;
}

@media screen and (min-width: 40em) {
  #kv .text-box .text-box-inner{
    margin-left: 13.5%;
    width: 100%;
  }
}

#kv .text-box {
    width: 100%;
    left: 0;
    position: absolute;
    opacity: 0;
    top: 0;
    height: 100%;
    display: flex;
    align-items: center;
}


#kv .text-box img.kv-title {
    max-width: 80%;
    margin-top: 8px;
}

@media screen and (min-width: 40em) {
    #kv .text-box img.kv-title {
        width:30vw;
        margin-top: 30px;
    }
}

@media screen and (max-width: 39.9375em) {
    #kv .text-box img.kv-title {
        width: 60vw;
    }
}

#kv .text-box p {
    margin: 0
}
#kv .text-box p.title {
  font-size: 9.6vw;
  font-weight: bold;
  line-height: 1.2;
  color: #004f9b;
}
@media screen and (min-width: 40em) {
  #kv .text-box p.title {
    font-size: 5vw;
  }
}
@media screen and (min-width: 1366px) {
  #kv .text-box p.title {
    font-size: 67px!important;
  }
  #kv .text-box img.kv-title {
    width: 400px!important;
  }
  #kv .text-box p.txt {
    font-size: 22px!important;
  }
}
#kv .text-box p.txt {
    font-family: Noto Sans Japanese,Arial,Helvetica,sans-serif;
    margin-top: 2.25vw;
    margin-bottom: 0;
    padding: 0;
    font-weight: bold;
    color: #000;
    text-shadow: 0 0 10px rgba(0,0,0,.1)
}
@media screen and (max-width: 29.5em) {
    #kv .text-box p.txt,#monthly .monthly-article .text-box p.txt {
        margin-top:2.1vw;
        line-height: 1.3;
    }
}
@media screen and (max-width: 24.5em) {
    #kv .text-box p.txt,#monthly .monthly-article .text-box p.txt {
        line-height: 1.3;
        font-size: 0.82em;
    }
}

@media screen and (min-width: 40em) {
    #kv .text-box p.txt,#monthly .monthly-article .text-box p.txt {
        margin-top:1vw;
        font-size: 1.6vw;
    }
}
@media screen and (min-width: 50em) {
    #kv .text-box p.txt,#monthly .monthly-article .text-box p.txt {
        margin-top:1vw;
    }
}

@media screen and (max-width: 39.9375em) {
    #kv .text-box img.arrow,#monthly .monthly-article .text-box img.arrow {
        width:15px
    }
}
@media screen and (max-width: 39.9375em) {
  #kv .text-box_challenged {
    top: 10%!important;
  }
}

.link-buttons-wrap {
  padding: 20px;
  background: #dce3e7;
}
@media screen and (min-width: 40em) {
  .link-buttons-wrap {
    padding: 40px 0;
  }
}
.link-buttons {
  /*padding: 40px 0;*/
}
.button {
  font-size: 1rem;
  padding: 16px 0;
  width: 100%;
  color: #fff;
  font-weight: 500;
}
@media screen and (min-width: 40em) {
  .button {
    padding: 20px 0;
    font-size: 0.65rem;
/* 2019.02.27 Change
    font-size: 0.8rem;
*/
  }
}
@media screen and (min-width: 64em) {
  .button {
    font-size: 1rem;
  }
}

.link-buttons .link-buttons-inner .columns{
  padding: 0;
}
.link-buttons .link-buttons-inner .columns + .columns{
  margin-top: 15px;
}
@media screen and (min-width: 40em) {
  .link-buttons .link-buttons-inner .columns{
    padding-left: 15px;
    padding-right: 15px;
  }
  .link-buttons .link-buttons-inner .columns + .columns{
    padding-left: 15px;
    padding-right: 15px;
    margin-top: 0;
  }
}

.bottom {
  font-size: 3vw;
  padding: 3vw;
}
@media screen and (min-width: 64em) {
  .bottom {
    padding: 40px;
  }
}

.button.information,
.button.seminar{
  background: #6683a7;
}
.button.information:focus,
.button.information:hover,
.button.seminar:focus,
.button.seminar:hover{
  background: #859CB9;
  color: #fff;
}
.button.mypage{
  background: #ffee00;
  color: #00316c;
}
.mypage a:focus,.mypage a:hover,
.button.mypage:focus,.button.mypage:hover {
    background-color: #FFF133;
    color: #395E87;
}
.button.mypage{
  background: #ffee00;
  color: #00316c;
}

/* H2見出し */
.row h2 {
    font-size: 1.625rem;
    margin-bottom: 25px;
    text-align: center;
}
@media screen and (min-width: 40em) {
    .row h2 {
        font-size: 1.875rem;
        margin-bottom:40px
    }
}

/*==========================================*/
/* container                                */
/*==========================================*/
.container {
  margin: 80px 0;
}
@media screen and (min-width: 40em) {
  .container {
    margin: 120px 0;
  }
}
@media screen and (max-width: 39.9375em) {
.columns-wrap:after {
    clear: both;
    content: '';
    display: table;
}
}
.container .columns-wrap{
  margin: 0 -15px;
  padding: 0;
}
.container .columns-wrap .columns-wrap{
  margin: 0 -30px;
  padding: 0;
}
.container .row > .column {
  margin-left: -15px;
  margin-right: -15px;
}
.container .row{
  padding: 0 15px;
  margin-top: 40px;
  margin-bottom: 40px;
}
.container .row .row{
  margin-top: 20px;
}
.container .row .column {
  padding: 0;
}
.container .row .columns{
  padding: 0 15px;
}
.container > .row > .columns + .columns,
.container > .row .columns-wrap + .columns-wrap,
.container > .row .columns-wrap > .columns + .columns{
  margin-top: 40px;
}
.container > .row .row .columns-wrap > .columns + .columns{
  margin-top: 0;
}
@media screen and (min-width: 40em) {
  .container > .row .columns-wrap + .columns-wrap,
  .container > .row > .columns-wrap > .columns + .columns{
    margin-top: 0;
  }
}
.title.row p,
.container p {
  font-size: .8125rem;
  margin-bottom: 0;
}
.title.row p {
  margin-top: 20px;
}
@media screen and (min-width: 40em) {
  .title.row p,
  .container p{
    font-size: .875rem;
  }
}
.title.row p + p,
.container p + p {
  margin-top: 0;
}
.title.row p.caption,
.container p.caption {
  font-weight: bold;
  margin-top: 20px;
  margin-bottom: 20px;
}
.title.row p.caption.img,
.container p.caption.img {
  font-weight: normal;
}
.container >.row > p + div {
  margin-top: 20px;
}
.container .heading {
  font-weight: bold;
}
.container .heading + p{
  margin-top: 20px;
}
.container p + .note {
  margin-top: 16px;
}

.container .button.hollow {
  border: 1px solid #00316c;
  color: #00316c;
}
.container .button.hollow:active,
.container .button.hollow:hover {
  background: #004f9b;
  color: #fff;
  text-decoration: none;
}
.container h1 {
  font-size: 30px;
}
.title.row {
  margin-top: 80px;
}
.title.row h1 {
  font-size: 30px;
}
  .title.row h1 {
    font-size: 23px;
  }
@media screen and (min-width: 40em) {
  .title.row h1 {
    font-size: 30px;
  }
}
.container h2{
  text-align: left;
  font-size: 1.125rem;
  line-height: 1.25rem;
  margin-bottom: 2.5rem;
  padding-top:50px;
  margin-top:-50px;
  z-index: -1;
}
@media screen and (min-width: 40em) {
  .container h2{
    font-size: 1.5rem;
    line-height: 1.5rem;
    margin-bottom: 40px;
    padding-top:100px;
    margin-top:-100px;
  }
}
.container h3{
  font-size: .875rem;
  line-height: .875rem;
  margin-bottom: 20px;
  padding-top:60px;
  margin-top:-60px;
  z-index: -2;
}
@media screen and (min-width: 40em) {
 .container h3{
    font-size: 1.125rem;
    line-height: 1.125rem;
    padding-top:110px;
    margin-top:-110px;
  }
}
.container h2,
.container h3 {
  padding-left: 1.25rem;
  position: relative;
  vertical-align: middle;
}
.container h2:before,
.container h3:before {
  content:"";
  display:block;
  position: absolute;
  height: 1em;
  left: 0;
  border-left:solid 6px #00316c;
}
.container dl.text-item dt {
  float: left;
  margin: 0;
}
.container dl.text-item dd {
  margin-left: 70px;
}
.container dl.text-item dt:after{
  content: '';
  display: table;
  clear: both;
}

/* fag */
.container dl {
  font-size: .8125rem;
}
@media screen and (min-width: 40em) {
  .container dl {
    font-size: .875rem;
  }
}
.container dl.faq dt:before {
  background: url(/recruit/freshers/faq/images/Q.png);
  background-size: contain;
}
.container dl.faq dd:before {
  background: url(/recruit/freshers/faq/images/A.png);
  background-size: contain;
}
.container dl.faq dt:before,
.container dl.faq dd:before {
  display: inline-block;
  content: '';
  vertical-align: middle;
  width: 19px;
  height: 19px;
  margin-right: 11px;
}
@media screen and (min-width: 40em) {
  .container dl.faq dt:before,
  .container dl.faq dd:before {
    width: 26px;
    height: 26px;
    margin-right: 16px;
  }
}
.container dl.faq dt,
.container dl.faq dd {
  padding-left: 30px;
  text-indent: -30px;
}
.container dl.faq dt {
  margin-bottom: 20px;
}
.container dl.faq dd {
  margin-bottom: 40px;
}
@media screen and (min-width: 40em) {
  .container dl.faq dt,
  .container dl.faq dd {
    padding-left: 42px;
    text-indent: -42px;
  }
}
.container dl.faq dd + dt {
  margin-top: 40px;
}

.container ul.simple,
main ul.simple {
    list-style: none;
}
.container ul.simple li:before,
main ul.simple li:before {
  content: none;
}
.container p + ul,
main p + ul {
  margin-top: 20px;
}
.container ul:last-child {
  margin-bottom: 0;
}

/* normal list */
.container ul,
.container .normal,
main .normal {
    font-size: .8125rem;
    list-style: none;
    padding: 0;
    margin: 20px 0;
}
.container ul:first-child,
.container .normal:first-child,
main .normal:first-child {
  margin-top: 0;
}
.container ul:last-child,
.container .normal:last-child,
main .normal:last-child {
  margin-bottom: 0;
}
@media screen and (min-width: 40em) {
  .container ul,
  .container .normal,
  main .normal {
      font-size: .875rem;
  }
}
.container ul > li,
.container .normal > li,
main .normal > li {
    padding-left: 1em;
    text-indent: -0.725em;
}
.container ul > li:before,
.container .normal > li:before,
main .normal > li:before {
    font-size: 4px;
    padding-right: 10px;
    content: "";
    background: url(/recruit/freshers/common/images/dot.gif) no-repeat left 40%;
    vertical-align: middle;
}
/* simple list */
main .simple{
  font-size: .8125rem;
  margin-left: 0;
  list-style :none
}
@media screen and (min-width: 40em) {
  main ul.simple{
    font-size: .875rem;
  }
}

.container a {
  color: #00316c;
}
.container a .fa{
  padding-right: 0.5rem;
}
.container a:active,
.container a:hover {
  text-decoration: underline;
}

.container .m03-03a {
  background: #dce3e7;
  padding: 20px 0;
}
.container .m03-03a .row{
  margin: 0;
}
.container table tbody th {
  vertical-align: top;
  text-align: left;
  padding: 1rem 0.5rem 1rem 1rem;
}
@media screen and (min-width: 40em) {
  .container table tbody th {
    text-align: left;
    padding: 1rem 1.25rem 1rem 2.5rem;
  }
}
.container table.vAm th {
  vertical-align: middle;
}

.container table tbody td {
  vertical-align: top;
  text-align: left;
  padding: 1rem  0.5rem 1rem 0.5rem;
}
.container table tbody td:last-child {
  text-align: left;
  padding: 1rem  1rem 1rem 0.5rem;
}
.container table.vAm td {
  vertical-align: middle;
}
@media screen and (min-width: 40em) {
  .container table tbody td {
    text-align: left;
    padding: 1rem  1.25rem 1rem 1.25rem;
  }
  .container table tbody td:last-child {
    text-align: left;
    padding: 1rem  2.5rem 1rem 1.25rem;
  }
}
/* 中央寄せテーブル */
.container table.center-table thead th:first-child{
  padding: 0.25rem 0.5rem 0.25rem 1rem;
}
.container table.center-table thead th:last-child{
  padding: 0.25rem 1rem 0.25rem 0.5rem;
}
.container table.center-table tbody th,
.container table.center-table tbody td{
  text-align: center;
}
@media screen and (min-width: 40em) {
  .container table.center-table thead th:first-child{
    padding: 0.25rem 1.25rem 0.25rem 2.5rem;
  }
  .container table.center-table thead th:last-child{
    padding: 0.25rem  2.5rem 0.25rem 1.25rem;
  }
}


/* 2カラムテーブル */
.container table.two-cols .first-col{
  width: 45%;
}
.container table.two-cols .second-col{
  width: 55%;
}
@media screen and (min-width: 40em) {
  .container table.two-cols .first-col{
    width: 30%;
  }
  .container table.two-cols .second-col{
    width: 70%;
  }
}
@media screen and (min-width: 64em) {
  .container table.two-cols .first-col{
    width: 20%;
  }
  .container table.two-cols .second-col{
    width: 80%;
  }
}

/* 3カラムテーブル */
.container table.three-cols .first-col{
  width: 25%;
}
.container table.three-cols .second-col{
  width: 25%;
}
.container table.three-cols .third-col{
  width: 50%;
}
@media screen and (min-width: 64em) {
  .container table.three-cols .first-col{
    width: 20%;
  }
  .container table.three-cols .second-col{
    width: 25%;
  }
  .container table.three-cols .third-col{
    width: 55%;
  }
}

/* 4カラムテーブル */
.container table.four-cols .first-col{
  width: 27%;
}
.container table.four-cols .second-col{
  width: 33%;
}
.container table.four-cols .third-col{
  width: 24%;
}
.container table.four-cols .four-col{
  width: 16%;
}


/*==========================================*/
/* INFORMATION                              */
/*==========================================*/
#information-page-only table {
  font-size: .75rem;
}
#information-page-only section h2,
#information-page-only section h3 {
  padding-left: .875rem;
  text-align: left;
}

#information-page-only .title.row h2{
  font-size: 1.4375rem;
  margin-bottom: 0;
}
#information-page-only section {
  margin: 80px 0;
}
#information-page-only section > .row {
  padding: 0 .9375rem;
}
#information-page-only section > .row > .columns {
  padding-right: 0;
}
#information-page-only section > .row > .columns + .columns {
  padding-left: 0;
}
#information-page-only section > .row > .columns:last-child {
  padding-right: 0;
}
#information-page-only section p{
  font-size: .75rem;
  margin-top: 1rem;
  margin-bottom: 1rem;
}
#information-page-only section p:last-child{
  margin-bottom: 0;
}
#information-page-only section h2{
  text-align: left;
  font-size: 1.125rem;
  line-height: 1.125rem;
  border-left: 6px solid #00316c;
  margin-bottom: 2.5rem;
}
#information-page-only section h3{
  border-left: 6px solid #00316c;
  font-size: .875rem;
  line-height: .875rem;
  margin-bottom: 20px;
}
#information-page-only section .emphasis{
  color: #000;
  font-size: .75rem;
  font-weight: 700;
  margin-top: 2.4375rem;
  margin-bottom: 1.125rem;
}
#information-page-only section p.emphasis:first-child{
  margin-top: 0;
}
#information-page-only section > .row {
  margin-top: 2.40625rem;
}
#information-page-only section >.row > .columns + .columns {
  margin-top: 2.40625rem;
}
#information-page-only .link-buttons .link-buttons-inner .columns + .columns{
  margin-top: 20px;
}


@media screen and (min-width: 40em) {
  /*#information-page-only section {
    margin-top: 120px;
    margin-bottom: 120px;
  }*/
  #information-page-only section:last-child {
    margin-bottom: 160px;
  }
  #information-page-only section > .row {
    padding: 0 .9375rem;
  }
  #information-page-only section h2,
  #information-page-only section h3 {
    /*margin-left: .9375rem;*/
    padding-left: .875rem;
  }
  #information-page-only section p{
    font-size: .875rem;
  }
  #information-page-only section h2{
    font-size: 1.5rem;
    line-height: 1.5rem;
    margin-bottom: 40px;
  }
  #information-page-only section .emphasis{
    font-size: .875rem;
    line-height: .875rem;
  }
  #information-page-only section h3{
    font-size: 1.125rem;
    line-height: 1.125rem;
  }
  #information-page-only section > .row {
    margin-top: 0;
  }
  #information-page-only section > .row > .columns {
    padding-right: 30px;
  }
  #information-page-only section > .row > .columns + .columns {
    padding-left: 30px;
    margin-top: 0;
  }
  #information-page-only .link-buttons .link-buttons-inner .columns + .columns{
    margin-top: 0;
    margin-bottom: 0;
  }
}

  #wrap > .information {
    margin-top: 40px;
    margin-bottom: 40px;
  }
  @media screen and (min-width: 40em) {
    #wrap > .information {
      margin-top: 80px;
      margin-bottom: 80px;
    }
  }
  .information.row p {
      margin: 0;
      font-size: .8125rem;
      line-height: 16px
  }
  @media screen and (min-width: 40em) {
      .information.row p {
          font-size:16px;
          line-height: 1.5rem;
      }
  }
  .information.row ul{
    list-style-type: none;
  }
  .information.row ul a{
    color: #00376d;
  }
  .information.row ul a:hover{
    text-decoration: underline;
  }
  .information.row ul .date-label{
    color: #000;
    font-size: 14px;
    float: none;
    width: inherit;
    margin-bottom: 9px;
  line-height: 22px;
}
.information.row ul time{
  display: inline-block;
  font-weight: 700;
  min-width: 60px;
  margin-right: 15px;
}
@media screen and (min-width: 40em) {
  .information.row ul .date-label{
    color: #000;
    width: 230px;
    float: left;
  }
  .information.row ul .label{
    font-size: 9px;
  }
}
.information.row ul li {
  margin-right: 16px;
  margin-bottom: 16px;
}
.information.row ul li + li {
  border-top: 1px solid #dee5e9;
  padding-top: 16px;
  margin-bottom: 16px;

}
.information.row ul li:before{
  content: '';
  display: table;
  clear: both;
}

.information.row ul .label{
  display: inline-block;
  text-align: center;
  color: #fff;
  font-size: 12px;
  background: #00316c;
  height: 20px;
  line-height: 20px;
  min-width: 110px;
}

.information.row ul .detail{
  margin-left: 0;
}
@media screen and (min-width: 40em) {
  .information.row ul .detail{
    margin-left: 230px;
  }
}

/*==========================================*/
/* BRANDING                                 */
/*==========================================*/
.branding {
  background: #004f9b;
  margin-bottom: 9vw;
}
@media screen and (min-width: 64em) {
  .branding {
    margin-bottom: 60px;
  }
}
.branding .first-wrap,
.branding .third-wrap,
.branding .row.first,
.branding .row.third {
  background: #4278af;
}
.branding .row.second,
.branding .row.bottom {
  background: #004f9b;
}
@media screen and (min-width: 87.5em) {
  .branding .row > .row {
    width: 1400px;
  }
}
@media screen and (min-width: 40em) {
  .branding .row ul .detail{
    margin-left: 207px;
  }
}
.branding .row .columns {
  position: relative;
}
@media screen and (min-width: 64em) {
  .branding .row .columns {
    height: 20.25vw;
  }
}
@media screen and (min-width: 87.5em) {
  .branding .row .columns {
    height: 280px;
    overflow: hidden; /* 画像トリミング */
  }
}
.branding .first > .columns:last-child,
.branding .second > .columns:last-child,
.branding .third > .columns:last-child {
    padding-bottom: 6vw;
}
@media screen and (min-width: 64em) {
  .branding .first > .columns:last-child,
  .branding .second > .columns:last-child,
  .branding .third > .columns:last-child {
      padding-bottom: 0;
  }
}
.branding .text {
  padding: 6vw 6vw 0;
}
@media screen and (min-width: 64em) {
  .branding .text {
    padding: 19px;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    transform: translate(-50%, -50%);
  }
}
.branding .keyword {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: auto;
  transform: translate(-50%,-50%);
  color: #fff;
  font-size: 36px;
  font-size: 10vw;
}
@media screen and (min-width: 40em) {
  .branding .keyword {
  }
}
@media screen and (min-width: 64em) {
  .branding .keyword {
    font-size: 40px;
  }
}

.branding .caption {
  font-size: 4.5vw;
  font-weight: 700;
  margin-bottom: 1vw;
  color: #fff;
  text-align: center;
}
.branding .description {
  font-size: .8125rem;
  font-weight: 500;
  margin: 0;
  color: #fff;
  text-align: left;
}
@media screen and (min-width: 64em) {
  .branding .text {
    padding: 0 40px;
  }
  .branding .caption {
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 16px;
  }
  .branding .description {
    font-size: 14px;
  }
}
.bottom .about {
  padding: 0px;
}
@media screen and (min-width: 64em) {
  #top-page-only .person .bottom .voice,
  .bottom .about {
    padding: 0 1.5%;
  }
  .bottom .button {
    font-size: 1rem;
  }
}

/*==========================================*/
/* LOCAL                                    */
/*==========================================*/

.local {
  background: #fff;
  margin-bottom: 9vw;
}
@media screen and (min-width: 64em) {
  .local {
    margin-bottom: 60px;
  }

@media screen and (min-width: 87.5em) {
  .local .row > .row {
    width: 1400px;
  }
}
@media screen and (min-width: 40em) {
  .local .row ul .detail{
    margin-left: 207px;
  }
}
.local .row .columns {
  position: relative;
}
@media screen and (min-width: 64em) {
  .local .row .columns {
    height: 20.25vw;
  }
}
@media screen and (min-width: 87.5em) {
  .local .row .columns {
    height: 280px;
    overflow: hidden; /* 画像トリミング */
  }
}
.local .first > .columns:last-child,
.local .second > .columns:last-child,
.local .third > .columns:last-child {
    padding-bottom: 6vw;
}
@media screen and (min-width: 64em) {
  .local .first > .columns:last-child,
  .local .second > .columns:last-child,
  .local .third > .columns:last-child {
      padding-bottom: 0;
  }
}
.local .text {
  padding: 6vw 6vw 0;
}
@media screen and (min-width: 64em) {
  .local .text {
    padding: 19px;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    transform: translate(-50%, -50%);
  }
}
.local .keyword {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: auto;
  transform: translate(-50%,-50%);
  color: #fff;
  font-size: 36px;
  font-size: 10vw;
}
@media screen and (min-width: 40em) {
  .local .keyword {
  }
}
@media screen and (min-width: 64em) {
  .local .keyword {
    font-size: 40px;
  }
}

.local .caption {
  font-size: 4.5vw;
  font-weight: 700;
  margin-bottom: 1vw;
  color: #fff;
  text-align: center;
}
.local .description {
  font-size: .8125rem;
  font-weight: 500;
  margin: 0;
  color: #fff;
  text-align: left;
}
@media screen and (min-width: 64em) {
  .local .text {
    padding: 0 40px;
  }
  .local .caption {
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 16px;
  }
  .local .description {
    font-size: 14px;
  }
}
.bottom .about {
  padding: 0px;
}
@media screen and (min-width: 64em) {
  #top-page-only .person .bottom .voice,
  .bottom .about {
    padding: 0 1.5%;
  }
  .bottom .button {
    font-size: 1rem;
  }
}


/*==========================================*/
/* PERSON / PERSON page                     */
/*==========================================*/
.person {
  margin-top: 60px;
  margin-bottom: 60px;
}
#person-page-only .person {
  margin-top: 60px;
  margin-bottom: 0;
}
@media screen and (min-width: 64em) {
  .person {
    margin-bottom: 60px;
    margin-bottom: 40px;
  }
  #person-page-only .person {
    margin-top: 80px;
    margin-bottom: 80px;
  }
}
#top-page-only .person .row {
  max-width: 1500px;
}
.person .person-slider {
  margin: 0;
}
.person .stuff {
  width: 270px;
}
.person .stuff .img-wrap {
  overflow:  hidden;
}
.person .stuff .img-wrap img {
  width: 100%; /* IE11 max-width issue*/
}
.person .stuff img:hover {
  transform: scale(1.05);
}
#person-page-only .person .stuff {
  display: table;
  width: 100%;
  margin-bottom: 1px;
}
#person-page-only .person .stuff img {
  display: table-cell;
}
#person-page-only .person .stuff .description {
  display: table-cell;
  width: 71.4%;
  vertical-align: middle;
  padding: 0 5%;
  background: #fff;
}
#person-page-only .person .stuff .description .title {
  text-align: left;
  margin-bottom: 4%;
}
#person-page-only .person .stuff .description .message{
  text-align: left;
}
/* over 640px */
@media screen and (min-width: 40em) {
  #person-page-only .person .stuff {
    max-width: 270px;
    width: 100%;
    margin-bottom: 0;
  }
  #person-page-only .person .stuff img {
    display: inline-block;
    width: 100%; /* for IE11 max-witdh issue*/
  }
  #person-page-only .person .stuff .description {
    display: block;
    width: 100%;
  }
  /* XXX: Override definition of foundation's 'medium-3' */
  #person-page-only .person .row .medium-3 {
    width: 23.1%;
  }
  #person-page-only .person .row .columns + .columns {
    margin-left: 2.5%;
  }
  #person-page-only .person .row + .row {
    margin-top: 2.25%;
  }
  #person-page-only .person .stuff .description {
    background: #dce3e7;
    height: 10.5vw;
    padding: 7%;
  }
  #person-page-only .person .stuff .description .title{
    text-align: center;
    font-size: 1.5vw;
    margin-bottom: 4%;
  }
  #person-page-only .person .stuff .description .message{
    text-align: center;
    font-size: 1.2vw;
  }
}
/* over 1024 */
@media screen and (min-width: 64em) {
  #person-page-only .person .stuff .description {
    height: 127px;
    padding: 28px;
  }
  #person-page-only .person .stuff .description .title{
    font-size: 18px;
    margin-bottom: 15px;
  }
  #person-page-only .person .stuff .description .message{
    font-size: 14px;
  }
  #person-page-only .person .row + .row {
    margin-top: 30px;
  }
}

.person .stuff .description {
  background: #dce3e7;
}
#person-page-only .person .stuff .description img{
  max-width: inherit;
}
.person .stuff .description .title{
  text-align: center;
  margin-bottom: 15px;
  color: #00316c;
  font-weight: 700;
  font-size: 18px;
  line-height: 1rem;
}
.person .stuff .description .message{
  text-align: center;
  margin-bottom: 0;
  color: #000;
  font-weight: 500;
  font-size: 14px;
}
/* top ページのみ常に同じレウアウト */
#top-page-only .person .stuff .description {
  height: 127px;
  background: #dce3e7;
  padding: 30px;
}
#top-page-only .person .stuff .description .title{
  text-align: center;
  margin-bottom: 10px;
  color: #00316c;
  font-weight: 700;
  font-size: 18px;
  line-height: 1rem;
}
#top-page-only .person .stuff .description .message{
  text-align: center;
  color: #000;
  font-weight: 500;
  font-size: 14px;
}
#top-page-only .person .voice {
  padding: 0px;
}
#top-page-only .person .slick-slide {
  margin: 0 15px;
}

/*==========================================*/
/* ENVIRONMENT                              */
/*==========================================*/
.environment {
  background: #004f9b;
}
/* 全てのカラム */
.environment .row .columns {
  position: relative;
}
.environment .columns{
  color: #fff;
  height: 40vw;
  background: #4278af;
}
.environment .description {
  font-size: 3.2vw;
  font-weight: 500;
  margin: 0;
  color: #fff;
  text-align: center;
}
@media screen and (min-width: 64em) {
  .environment .columns {
    height: 236px;
  }
  .environment .description {
    font-size: 14px;
  }
}
.environment .heading.columns{
  color: #00316c;
  background: #ccd6e2;
}
.environment .heading.columns .description{
  color: #00316c;
  text-align: left;
}
.environment .life.columns,
.environment .carrier.columns,
.environment .facility.columns,
.environment .club.columns {
  background: #004f9b;
}
@media screen and (min-width: 64em) {
  .environment .life.columns,
  .environment .work-childcare.columns,
  .environment .female.columns,
  .environment .club.columns {
    background: #004f9b;
  }
  .environment .carrier.columns,
  .environment .facility.columns,
  .environment .saving.columns {
    background: #4278af;
  }
}
.environment .pannel {
  position: absolute;
  padding: 10%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}
@media screen and (min-width: 40em) {
  .environment .pannel {
    position: absolute;
    padding: 12%;
  }
}
.environment h2 {
  font-size: 5vw;
  margin-bottom: 0.5vw;
  width: 100%;
}
.environment .icon {
  display: block;
  margin: 0 auto;
  height: 16vw;
}
@media screen and (min-width: 64em) {
  .environment .icon {
    max-height: 110px;
  }
}
.environment .caption {
  font-size: 3.5vw;
  font-weight: 700;
  margin-top: 3.5vw;
  color: #fff;
  text-align: center;
}
@media screen and (min-width: 64em) {
  .environment .caption {
    font-size: 18px;
    margin-top: 27px;
    margin-bottom: 0;
  }
}

@media screen and (min-width: 64em) {
  .environment .pannel h2 {
    font-size: 1.875rem;
    margin-bottom: 20px;
  }
}

/*==========================================*/
/* INQUIRY                                  */
/*==========================================*/
.inquiry {
  margin-bottom: 90px;
}
@media screen and (min-width: 64em) {
  .inquiry {
    margin: 40px 0;
  }
}
.inquiry .columns + .columns{
  margin-top: 15px;
}
@media screen and (min-width: 64em) {
  .inquiry .columns + .columns{
    margin-top: 0;
  }
}
.inquiry .faq,
.inquiry .contact {
  padding: 0px;
}
@media screen and (min-width: 64em) {
  .inquiry .faq,
  .inquiry .contact {
    padding-left: 15px;
    padding-right: 15px;
  }
}

.freshers.button.hollow {
  border: 1px solid #00316c;
  color: #00316c;
}
.freshers.button.hollow:active,
.freshers.button.hollow:hover {
  background: #004f9b;
  color: #fff;
}

/*==========================================*/
/* fotter                                   */
/*==========================================*/
footer {
    padding: 30px 0 80px;
    font-size: 13px;
    background: #2f2f2f;
}

@media screen and (max-width: 39.9375em) {
    footer {
        padding:18px 0 32px;
        font-size: 11px
    }
}

footer .footer {
    position: relative
}

footer ul.foot_nav {
    margin-left: -5px
}
@media screen and (max-width: 39.9375em) {
    footer ul.foot_nav {
        margin-top: 10px;
        margin-bottom: 10px
    }
}


@media screen and (max-width: 63.9375em) {
    footer ul.foot_nav li {
        display:inline;
        float: left
    }

    footer ul.foot_nav li a {
        font-size: 10px;
        padding: 4px 8px
    }
}

footer ul.foot_nav li a {
    position: relative
}

footer ul.foot_nav li + li:before {
    content: " | ";
    position: absolute;
    left: -2px;
    bottom: 0;
    color: #fff;
    line-height: 18px;
}
@media screen and (min-width: 40em) {
  footer ul.foot_nav li + li:before {
      line-height: 10px;
  }
}

footer ul.sns {
    position: absolute;
    right: 0;
    bottom: -60px
}

footer ul.sns i {
    font-size: 18px
}

@media screen and (min-width: 40em) {
    footer ul.sns {
        right:50px;
        bottom: -120px
    }
}

@media screen and (min-width: 64em) {
    footer ul.sns {
        bottom:0
    }
}

footer ul.sns li a {
    font-size: 22px;
    padding: .5rem .4rem
}

footer ul.sns li a img {
    margin: 0
}

footer .copy-right {
    margin-top: 0
}

@media screen and (min-width: 40em) {
    footer .copy-right {
        margin-top:20px
    }
}

footer .copy-right p {
    padding: 0 10px;
    text-align: center;
    color: #fff
}

#breadcrumbs {
  background: #f2f5f6;
}

#breadcrumbs > .row {
  padding: 14px;
}

.breadcrumbs li {
  line-height: 14px;
  font-weight: 500;
}
@media screen and (min-width: 40em) {
  .breadcrumbs li {
    line-height: 16px;
  }
}
.breadcrumbs li:not(:last-child):after {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    color: #00316c;
    width: 10px;
    margin-top: -1px;
}
.breadcrumbs li.current:before {
    color: #000
}

.breadcrumbs a {
    transition: none;
    font-size: 10px;
    margin-right: 14px;
    position: relative;
    text-decoration: none;
    color: #00316c
}
@media screen and (min-width: 40em) {
  .breadcrumbs a {
      font-size: 12px;
      margin-right: 32px;
  }
}
.breadcrumbs .current a {
	display: inline-block;
	pointer-events: none;
}
.breadcrumbs .current span {
    color: #000;
    font-size: 10px;
}
@media screen and (min-width: 40em) {
  .breadcrumbs .current span {
    font-size: 12px;
  }
}

/*.breadcrumbs a:after {
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    position: absolute;
    bottom: -3px;
    background: #595757
}*/

.breadcrumbs a:hover {
    text-decoration: underline
}

.page-top {
    position: fixed;
    bottom: 30px;
    right: 0;
    opacity: 0
}
.page-top a > img {
    width: 100%;
}

#or {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 4;
    display: none;
    opacity: 0;
    background: #000
}

#or:hover {
    cursor: pointer
}

.strong a {
    color: #00316c;
    text-decoration: underline
}

.strong a:hover {
    text-decoration: none
}

/*==========================================*/
/* Interview page                           */
/*==========================================*/
/* キービジュアル */
#interview-page-only section {
  margin: 0;
}
#interview-page-only p:last-child {
  margin-bottom: 0;
}
#interview-page-only #kv .text{
  padding-right: 20px;
  position: absolute;
  top: 45%;
  left: 50%;
  transform: translateY(-50%);
}
@media screen and (min-width: 40em){
  #interview-page-only #kv .text{
    left: 45%;
  transform: translateY(-55%);
  }
}
@media screen and (min-width: 64em) {
  #interview-page-only #kv .text{
    top: 50%;
    left: 45%;
  transform: translateY(-50%);
  }
}

#interview-page-only #kv .label {
  margin-bottom: 10px;
}
@media screen and (min-width: 40em) {
  #interview-page-only #kv .label {
    margin-bottom: 15px;
  }
}
#interview-page-only #kv .label span{
  background: #000;
  color:  #fff;
  font-size: 2vw;
  font-weight: bold;
  text-align: center;
  padding: 3px 15px;
  margin-bottom: 2.5%;
}
@media all and (-ms-high-contrast:none){
  *::-ms-backdrop, #ie-font {font-family: "メイリオ", "Meiryo", sans-serif;}
}
@media screen and (min-width: 40em) {
  #interview-page-only #kv .label span{
    font-size: 0.8vw;
    padding: 6px 30px;
  }
}
#interview-page-only #kv .message{
  font-size: 3.6vw;
  color: #000;
  line-height: 1.3;
  font-weight: bold;
  text-align: left;
  margin-bottom: 15px;
}
@media screen and (min-width: 40em) {
  #interview-page-only #kv .message{
    font-size: 2.7vw;
    margin-bottom: 20px;
  }
}
#interview-page-only #kv .title{
  font-size: 12px;
  color: #000;
}
@media screen and (min-width: 40em) {
#interview-page-only #kv .title{
  font-size: 1rem;
}
}
#interview-page-only .expanded {
  padding: 0;
}
/********* PROFILE ************/
@media screen and (min-width: 40em) {
  #my-profile {
    padding-bottom: 60px;
  }
}
#my-profile {
  padding-bottom: 60px;
  color: #000;
  background: #dce3e7;
  position: relative;
}
@media screen and (min-width: 40em) {
  #my-profile {
    padding-bottom: 80px;
  }
}
#my-profile .profile{
  position: relative;
  left: 50%;
  transform: translate(-50%, -8%);
  margin: 0 0 10px 0;
}
@media screen and (min-width: 64em) {
  #my-profile .profile{
    transform: translate(-50%, -15%);
  }
}
#my-profile .profile .row{
  background: #fff;
  position: relative;
  padding: 0 26px;
}
#my-profile .profile .profile-inner{
  padding: 10% 5%;
}
#my-profile .profile .profile-inner h2{
  font-size: 23px;
  margin-bottom: 27px;
}
@media screen and (min-width: 40em) {
  #my-profile .profile .profile-inner h2{
    font-size: 1.875rem;
    margin-bottom: 35px;
  }
}
#my-profile .profile .profile-inner .row{
  padding: 0 26px;
}
#my-profile .profile .profile-inner .item-name{
  font-size: .8125rem;
  font-weight: bold;
  padding-right: 4%;
}
@media screen and (min-width: 40em) {
  #my-profile .profile .profile-inner .item-name{
    font-size: 1rem; /* 16px */
    padding-right: 3%;
  }
}
#my-profile .profile .profile-inner .item-value{
  font-size: .8125rem;
}
@media screen and (min-width: 40em) {
  #my-profile .profile .profile-inner .item-value{
    font-size: 1rem; /* 16px */
  }
}
/* 種別と値を分割する縦線表示のためのhax */
#my-profile .profile .profile-inner .columns + .columns{
  padding-left: 7%;
  border-left: 1px solid #dce3e7;

}
#my-profile .profile .profile-inner .row:first-of-type .columns{
  padding-bottom: 17px;
}
@media screen and (min-width: 40em) {
    #my-profile .profile .profile-inner .row:first-of-type .columns{
        padding-bottom: 25px;
    }
}
#my-profile .text .columns {
  text-align: left;
  font-size: .8125rem;
}
#my-profile .text .columns + .columns {
    margin-top: 60px;
}
@media screen and (min-width: 40em) {
  #my-profile .text .columns:first-child {
      padding-right: 30px;
  }
  #my-profile .text .columns + .columns {
      padding-left: 30px;
      margin-top: 0;
  }
}
#my-profile .text .columns h3{
  font-size: 19px;
  text-align: center;
  margin-bottom: 24px;
}
@media screen and (min-width: 40em) {
  #my-profile .text .columns h3{
    font-size: 24px;
    margin-bottom: 30px;
  }
}
#my-profile .text .columns p.emphasis{
  font-size: 15px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 18px;
}
@media screen and (min-width: 40em) {
  #my-profile .text .columns p.emphasis{
    font-size: 16px;
  }
}
#my-profile .text .columns p{
  text-align: left;
  font-size: .8125rem;
}
@media screen and (min-width: 40em) {
  #my-profile .text .columns p{
    font-size: .875rem;
  }
}


#my-profile .description{
  background: #dce3e7;
}


#my-schedule {
  background: #fff;
  padding: 60px 0
}

@media screen and (min-width: 40em) {
  #my-schedule {
    background: #fff;
    padding: 80px
  }
}

#my-schedule .my-schedule-inner {
  text-align: center;
}

/* It's MY ACTION */
#its-my-action {
  background: #004f9b;
}
#its-my-action .text{
  padding: 60px 20px;
  background: #004f9b;
}
@media screen and (min-width: 64em) {
  #its-my-action .text{
    padding: 80px 80px 80px 15px;
    line-height: 1;
  }
}
#its-my-action .text h3,
#its-my-action .text p{
  color: #fff;
}
#its-my-action .text h3{
  font-size: 23px; /* 30px / 1366px */
  margin-bottom: 30px;
  text-align: center;
}
@media screen and (min-width: 40em) {
  #its-my-action .text h3{
    font-size: 1.875rem;
  }
}
@media screen and (min-width: 64em) {
  #its-my-action .text h3{
    font-size: 1.875rem;
    margin-bottom: 40px;
    text-align: left;
  }
}
#its-my-action .text p{
  font-size: .8125rem;
}
@media screen and (min-width: 40em) {
  #its-my-action .text p{
    font-size: .875rem;
  }
}
#its-my-action .interview {
  background: #fff;
}
#its-my-action .interview {
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  height: 90vw;
}
#its-my-action .interview.action01 {
  background-image: url(/recruit/freshers/person/images/my_action01.png);
}
#its-my-action .interview.action02 {
  background-image: url(/recruit/freshers/person/images/my_action02.png);
}
#its-my-action .interview.action03 {
  background-image: url(/recruit/freshers/person/images/my_action03.png);
}
#its-my-action .interview.action04 {
  background-image: url(/recruit/freshers/person/images/my_action04.png);
}
#its-my-action .interview.action05 {
  background-image: url(/recruit/freshers/person/images/my_action05.png);
}
#its-my-action .interview.action06 {
  background-image: url(/recruit/freshers/person/images/my_action06.png);
}
#its-my-action .interview.action07 {
  background-image: url(/recruit/freshers/person/images/my_action07.png);
}
#its-my-action .interview.action08 {
  background-image: url(/recruit/freshers/person/images/my_action08.png);
}
#its-my-action .interview.action09 {
  background-image: url(/recruit/freshers/person/images/my_action09.png);
}
#its-my-action .interview.action10 {
  background-image: url(/recruit/freshers/person/images/my_action10.png);
}
@media screen and (min-width: 64em) {
  #its-my-action .expanded{
    margin-right: 0;
    margin-left: auto;
  }
  #its-my-action .columns{
    display: table-cell;
    float: none;
    vertical-align: top;
  }
  #its-my-action .interview {
    height: auto;
  }
}
@media screen and (min-width: 75em) {
  #its-my-action .expanded{
    width: 1200px;
    width: calc(1200px + (50% - 630px));
  }
  #its-my-action .text{
    padding: 80px 80px 80px 0px;
  }
}
@media screen and (min-width: 87.5em) {
  #its-my-action .expanded{
    display: table;
    table-layout: auto;
    width: 1300px;
    width: calc(1200px + (50% - 630px));
  }
  #its-my-action .text{
    width: 792px;
  }
  #its-my-action .interview{
    width: auto;
  }
}

#on-and-off {
  padding: 60px 10px;
  background: #dce3e7;
}
@media screen and (min-width: 40em) {
  #on-and-off {
    padding: 80px 5.85%;
  }
}
#on-and-off .text{
  font-size: .8125rem;
  padding: 19px;
  height: auto;
}
@media screen and (min-width: 40em) {
  #on-and-off .text{
    font-size: .875rem;
    padding: 4%;
  }
}
#on-and-off img{
  width: 100%;
}
#on-and-off .text{
  background: #fff;
}
#on-and-off .pict-on {
  padding-bottom: 30px;
}
#on-and-off .pict-off {
  padding-top: 30px;
  position:relative;
}
@media screen and (min-width: 40em) {
  #on-and-off .pict-on {
    padding-bottom: 0;
    padding-right: 30px;
  }
  #on-and-off .pict-off {
    padding-top: 0;
    padding-left: 30px;
    position:relative;
  }
}
#interview-page-only #other-person {
  margin-top: 80px;
  margin-bottom: 40px;
}
#navigation span,
#navigation a,
#other-person span,
#other-person a{
  color: #00316c;
  font-size: 16px;
}
#other-person .pagination{
  margin-bottom: 40px;
}
#other-person .pagination .page a{
  color: #6683a7;
}
#other-person .pagination a:hover{
  text-decoration: underline;
}
#other-person .pagination .current{
  color: #00316c;
  text-decoration: underline;
}
#other-person .pagination .prev {
  padding-right: 30px;
  text-align: right;
}
#other-person .pagination .prev.empty-block {
  min-height: 1px;
}
#other-person .pagination .next {
  padding-left: 30px;
  text-align: left;
}
#other-person .pagination .page {
  display: table;
}
#other-person .pagination .page span,
#other-person .pagination .page a{
  width: 10%;
  display: table-cell;
  text-align: center;
}
#navigation .navigation-menu-list-wrap,
#other-person .person-list-wrap {
  position: relative;
}
#navigation .navigation-menu-list-wrap a:hover,
#navigation .navigation-menu-list-wrap a:hover span,
#other-person .person-list-wrap a:hover,
#other-person .person-list-wrap a:hover span{
  color: #fff;
}
@media screen and (min-width: 40em) {
  #navigation .navigation-menu-list-wrap,
  #other-person .person-list-wrap {
    width: 334px;
    text-align: center;
  }
}
#navigation .navigation-menu-list,
#other-person .person-list {
  display: none;
  z-index: 2;
}
#navigation ul,
#other-person ul {
  bottom: auto;
  top: 0;
  background: #fff;
  position: absolute;
  width: 100%;
  margin: 0;
  border: 1px solid #00316c;
  text-align: center;
  list-style: none;
}
@media screen and (min-width: 40em) {
  #other-person ul {
    top: auto;
    bottom: 0;
  }
}
#navigation li,
#other-person li {
  line-height: 16px;
}
#navigation li:hover,
#other-person li:hover {
  background: #004f9b;
  transition: background-color .25s ease-out,color .25s ease-out;
}
#other-person li:last-child {
  border-top: 1px solid #00316c;
}
#navigation li a,
#other-person li a {
  display:inline-block;
  width: 100%;
  padding: 0 20px;
  line-height: 16px;
}
#other-person li:last-child a {
  padding: 20px;
}
#navigation li a span,
#other-person li a span {
  display:block;
  padding: 20px 0;
}
#navigation li+li a span,
#other-person li+li a span {
  border-top: 1px solid #dce3e7;
}
#navigation li:first-child+li a span{
  border-top: 1px solid #00316c;
}
#navigation li:hover+li a span,
#other-person li:hover+li a span {
  border-top: 1px solid transparent;
}
#navigation li:not(:first-child):hover a span,
#other-person li:hover a span {
  border-top: 1px solid #00316c;
}
#navigation li a span i{
  margin: 0 0 0 0.5rem;
}
#navigation {
  padding-top: 30px;
}
#kv+#navigation {
  padding-top: 60px;
}
#navigation ul{
  z-index: 2;
}

@media screen and (max-width: 63.9375em) {
  #navigation li a span br{
    display: none;
  }
}
@media screen and (min-width: 64em) {
  #navigation .navigation-menu-list-wrap{
    width: 100%;
  }
  #navigation .close-navigation-menu,
  #navigation .open-navigation-menu{
    display: none;
  }
  #navigation ul {
    border: none;
    position: static;
  }
  #navigation ul.col7 li:not(:first-child) {
    width: 14.285%;
  }
  #navigation ul.col6 li:not(:first-child) {
    width: 16.666%;
  }
  #navigation ul.col5 li:not(:first-child) {
    width: 20%;
  }
  #navigation ul.col4 li:not(:first-child) {
    width: 25%;
  }
  #navigation ul.col3 li:not(:first-child) {
    width: 33.333%;
  }
  #navigation li:not(:first-child) {
    display: table-cell;
    vertical-align: middle;
    border-left: 1px solid #00316c;
  }
  #navigation li:last-child {
    border-right: 1px solid #00316c;
  }
  #navigation li:not(:first-child) a {
    padding: 10px 0 5px 0;
  }
  #navigation li a span{
    padding: 0;
  }
  #navigation li a span i{
    margin: 0.5rem 0 0 0;
  }
  #navigation .navigation-menu-list-wrap ul li a span{
    border-top: none;
  }
  #navigation .navigation-menu-list-wrap ul li:hover a span{
    border-top: none;
  }
}
.ml20{
  margin-left: 20px;
}

/* off-season */
.top-bar ul.menu li.mypage span{
  display: none;
}
body.off-season .top-bar ul.menu li.mypage a{
  display: none;
}
body.off-season .top-bar ul.menu li.mypage span{
  display: block;
  color: #00376d;
  background-color: #ebeff2;
  padding: .2rem 1rem;
  height: auto;
  line-height: 1.3;
  text-align: center;
}
@media screen and (min-width: 40em) {
  body.off-season .top-bar ul.menu li.mypage span{
    padding: 5px 2.5rem;
  }
}
@media screen and (min-width: 64em) {
  body.off-season .top-bar ul.menu li.mypage span{
    padding: 8px 2.5rem;
  }
}

body.off-season #hamburger-menu ul li.mypage{
  display: none;
}
body.off-season .link-buttons-wrap{
  display: none;
}