@charset "UTF-8";
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video,input,select,textarea {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    font-style: normal;
    font-weight: 400;
    vertical-align: bottom;
    background: transparent
}

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

html {
    font-size: 62.5%
}

body {
    font-family: sans-serif;
    line-height: 1
}

ul,ol {
    list-style: none
}

blockquote,q {
    quotes: none
}

blockquote:before,blockquote:after,q:before,q:after {
    content: '';
    content: none
}

a {
    margin: 0;
    padding: 0;
    vertical-align: bottom;
    background: transparent;
    outline: none
}

img {
    vertical-align: bottom
}

ins {
    background-color: #ff9;
    color: #000;
    text-decoration: none
}

mark {
    background-color: #ff9;
    color: #000;
    font-style: italic;
    font-weight: bold
}

del {
    text-decoration: line-through
}

abbr[title],dfn[title] {
    border-bottom: 1px dotted;
    cursor: help
}

table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%
}

th,td {
    text-align: left;
    vertical-align: top
}

input,select,textarea {
    font-family: inherit
}

input[type="submit"] {
    cursor: pointer
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0
}

html {
    overflow: auto
}

body {
    min-width: 320px;
    font-family: "Noto Sans JP", "ヒラギノ角ゴ ProN W3", Meiryo, sans-serif;
    color: #1a1a1a;
    font-size: 1.4rem;
    line-height: 1.85;
    letter-spacing: .05em;
    overflow: hidden;
    -webkit-text-size-adjust: 100%
}

@media all and (min-width: 600px) {
    body {
        font-size:1.6rem;
        line-height: 2.1875;
        min-width: 1200px
    }
}

body.sg {
    height: auto
}

a {
    color: inherit;
    text-decoration: none
}

span {
    font-weight: inherit
}

strong {
    font-weight: 700
}

img {
    width: 100%;
    height: auto
}

::selection {
    background: #f5f5f5
}

::-moz-selection {
    background: #f5f5f5
}

.l-wrapper {
    position: relative
}

@media all and (min-width: 600px) {
    .l-container.col2 {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        width: 1200px;
        margin: 0 auto
    }

    .l-container.col2 .l-contents {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        width: calc(100% - 250px - 20px)
    }

    .l-container.col2 .l-sidebar {
        width: 250px
    }
}

.u-media-query {
    display: none;
    font-family: 'sp'
}

@media all and (min-width: 600px) {
    .u-media-query {
        font-family:'pc'
    }
}

@media all and (max-width: 599px) {
    .u-view-pc {
        display:none !important
    }
}

@media all and (min-width: 600px) {
    .u-view-sp {
        display:none !important
    }
}

.u-alpha {
    display: block;
    text-decoration: none
}

@media all and (min-width: 600px) {
    .u-alpha {
        -webkit-transition:all .3s ease;
        transition: all .3s ease
    }

    .u-alpha:hover {
        opacity: .7
    }
}

.u-cf:after {
    content: "";
    display: block;
    clear: both
}

.u-inner {
    box-sizing: border-box
}

@media all and (max-width: 599px) {
    .u-inner {
        padding-left:25px;
        padding-right: 25px
    }
}

@media all and (min-width: 600px) {
    .u-inner {
        width:100%;
        max-width: 1200px;
        margin: auto;
        padding-left: 50px;
        padding-right: 50px
    }
}

.u-montserrat {
    font-family: 'Montserrat', sans-serif;
    letter-spacing: .3em;
    font-weight: 600
}

.u-stroke {
    color: #fff;
    text-stroke: 1px #242c40;
    -webkit-text-stroke: 1px #242c40
}

@media all and (-ms-high-contrast: none) {
    .u-stroke {
        text-shadow: 1px 1px 0 #242c40,-1px 1px 0 #242c40,1px -1px 0 #242c40,-1px -1px 0 #242c40
    }
}

.u-medium {
    font-weight: 500
}

.c-archive01-wrap {
    margin-bottom: 30px
}

@media all and (min-width: 600px) {
    .c-archive01-wrap {
        margin-bottom:75px
    }
}

.c-archive01__label {
    margin-bottom: 5px !important
}

@media all and (min-width: 600px) {
    .c-archive01__label {
        margin-bottom:12px !important
    }
}

.c-archive01__item+.c-archive01__item {
    border-top: 1px solid #e5e5e5
}

.c-archive01__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 20px 0
}

@media all and (min-width: 600px) {
    .c-archive01__link {
        padding:30px 0
    }

    .c-archive01__link:hover .c-archive01__head {
        text-decoration: underline
    }
}

.c-archive01__cat {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 85px;
    flex: 0 0 85px;
    margin-right: 13px;
    padding: 8px 11px;
    text-align: center;
    background: #242c40;
    color: #fff;
    line-height: 1;
    font-size: 1.2rem;
    font-weight: 500
}

@media all and (min-width: 600px) {
    .c-archive01__cat {
        -webkit-box-flex:0;
        -ms-flex: 0 0 115px;
        flex: 0 0 115px;
        margin-right: 30px;
        padding: 10px 20px;
        font-size: 1.4rem;
        text-align: center;
        box-sizing: border-box
    }
}

.c-archive01__cat.is-wide {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 125px;
    flex: 0 0 125px
}

@media all and (min-width: 600px) {
    .c-archive01__cat.is-wide {
        -webkit-box-flex:0;
        -ms-flex: 0 0 185px;
        flex: 0 0 185px
    }
}

.c-archive01__date {
    -webkit-box-flex: 2;
    -ms-flex: 2 0 50%;
    flex: 2 0 50%;
    color: #999
}

@media all and (min-width: 600px) {
    .c-archive01__date {
        -webkit-box-flex:0;
        -ms-flex: 0 0 105px;
        flex: 0 0 105px
    }
}

.c-archive01__head {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    margin-top: 10px;
    font-weight: 500
}

@media all and (min-width: 600px) {
    .c-archive01__head {
        -webkit-box-flex:2;
        -ms-flex: 2 0 500px;
        flex: 2 0 500px;
        margin-top: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }
}

.c-bg01 {
    position: relative
}

.c-bg01:before {
    width: calc(100% + 50px);
    position: absolute;
    z-index: -2;
    content: '';
    display: block;
    top: 0;
    left: -25px;
    bottom: 0;
    background: #f5f5f5
}

@media all and (min-width: 600px) {
    .c-bg01:before {
        width:1920px;
        left: 50%;
        right: auto;
        margin-left: -860px
    }
}

.c-bg02 {
    position: relative
}

.c-bg02:before {
    width: calc(100% + 50px);
    position: absolute;
    z-index: -2;
    content: '';
    display: block;
    top: 0;
    left: -25px;
    bottom: 0;
    background: #f5f5f5
}

@media all and (min-width: 600px) {
    .c-bg02:before {
        width:1920px;
        left: 50%;
        right: auto;
        margin-left: -1060px
    }
}

.c-bg-gray {
    background: #f5f5f5
}

.c-bnr01 {
    background: #242c40
}

.c-bnr01__inner {
    padding-top: 60px;
    padding-bottom: 60px
}

@media all and (min-width: 600px) {
    .c-bnr01__inner {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding-top: 90px;
        padding-bottom: 90px
    }
}

.c-bnr01-item:nth-of-type(2) {
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s
}

@media all and (max-width: 599px) {
    .c-bnr01-item+.c-bnr01-item {
        margin-top:20px
    }
}

@media all and (min-width: 600px) {
    .c-bnr01-item {
        -webkit-box-flex:0;
        -ms-flex: 0 0 520px;
        flex: 0 0 520px
    }
}

.c-bnr01-item__link {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 125px;
    background: #fff
}

@media all and (min-width: 600px) {
    .c-bnr01-item__link {
        height:200px
    }

    .c-bnr01-item__link:hover .c-bnr01-item__img img {
        -webkit-transform: translateX(-50%) scale(1.1);
        -ms-transform: translateX(-50%) scale(1.1);
        transform: translateX(-50%) scale(1.1)
    }

    .c-bnr01-item__link:hover .c-bnr01-item__ico {
        margin-right: -10px
    }
}

.c-bnr01-item__link.is-mask:before {
    position: absolute;
    content: '';
    display: block;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #18191d;
    opacity: 0.5;
    z-index: 2
}

.c-bnr01-item__img {
    margin-right: 100px;
    height: 100%;
    overflow: hidden
}

@media all and (min-width: 600px) {
    .c-bnr01-item__img {
        margin-right:120px
    }
}

.c-bnr01-item__img img {
    display: block;
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: auto;
    height: 100%
}

@media all and (min-width: 600px) {
    .c-bnr01-item__img img {
        -webkit-transition:-webkit-transform .3s ease;
        transition: -webkit-transform .3s ease;
        transition: transform .3s ease;
        transition: transform .3s ease, -webkit-transform .3s ease
    }
}

.c-bnr01-item__txt {
    position: absolute;
    top: 50%;
    right: 30px;
    min-width: 210px;
    padding: 10px 15px 11px;
    background: #40495f;
    color: #fff;
    font-weight: 500;
    letter-spacing: 0.1em;
    line-height: 1;
    text-align: center;
    box-sizing: border-box;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media all and (min-width: 600px) {
    .c-bnr01-item__txt {
        min-width:260px;
        right: 50px;
        padding: 15px 15px;
        font-size: 2rem
    }
}

.c-bnr01-item__txt.is-short {
    min-width: 133px
}

.c-bnr01-item__ico {
    position: absolute !important;
    right: 15px;
    bottom: 3px;
    width: 27px;
    height: 4px
}

@media all and (min-width: 600px) {
    .c-bnr01-item__ico {
        right:20px;
        bottom: 5px;
        -webkit-transition: margin .3s ease;
        transition: margin .3s ease
    }
}

.c-btn01 {
    max-width: 250px;
    text-align: center
}

@media all and (min-width: 600px) {
    .c-btn01 {
        max-width:300px
    }
}

.c-btn01__link {
    position: relative;
    display: block;
    padding: 12px 0;
    text-decoration: none;
    background: #242c40;
    font-weight: 500;
    border: 1px solid #242c40
}

@media all and (min-width: 600px) {
    .c-btn01__link:before {
        position:absolute;
        content: '';
        display: block;
        top: 0;
        left: 0;
        width: 0;
        height: 100%;
        background: #f5f5f5;
        -webkit-transition: width .3s ease;
        transition: width .3s ease
    }

    .c-btn01__link:hover:before {
        width: 100%
    }

    .c-btn01__link:hover .c-btn01__txt {
        color: #242c40
    }

    .c-btn01__link:hover .icon {
        margin-right: -10px
    }

    .c-btn01__link:hover .icon:before {
        background-size: auto 100%;
        background-repeat: no-repeat;
        background-position: 100% 50%;
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2268px%22%20height%3D%226px%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20fill%3D%22%23242c40%22%20d%3D%22M67.979%2C5.490%20L-0.008%2C5.490%20L-0.008%2C4.516%20L65.550%2C4.516%20L62.050%2C1.127%20L62.761%2C0.438%20L67.979%2C5.490%20Z%22%2F%3E%3C%2Fsvg%3E")
    }
}

.c-btn01__link .icon {
    position: absolute;
    width: 27px;
    height: 4px;
    top: 50%;
    right: 15px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    pointer-events: none
}

@media all and (min-width: 600px) {
    .c-btn01__link .icon {
        right:25px;
        -webkit-transition: margin .3s ease;
        transition: margin .3s ease
    }

    .c-btn01__link .icon:before {
        -webkit-transition: background .3s ease;
        transition: background .3s ease
    }
}

.c-btn01__txt {
    color: #fff
}

@media all and (min-width: 600px) {
    .c-btn01__txt {
        position:relative;
        z-index: 1;
        -webkit-transition: color .3s ease;
        transition: color .3s ease
    }
}

.c-btn01.is-white .c-btn01__link {
    background: #fff
}

@media all and (min-width: 600px) {
    .c-btn01.is-white .c-btn01__link:before {
        background:#242c40
    }

    .c-btn01.is-white .c-btn01__link:hover .c-btn01__txt {
        color: #fff
    }

    .c-btn01.is-white .c-btn01__link:hover .icon:before {
        background-size: auto 100%;
        background-repeat: no-repeat;
        background-position: 100% 50%;
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2268px%22%20height%3D%226px%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20fill%3D%22%23fff%22%20d%3D%22M67.979%2C5.490%20L-0.008%2C5.490%20L-0.008%2C4.516%20L65.550%2C4.516%20L62.050%2C1.127%20L62.761%2C0.438%20L67.979%2C5.490%20Z%22%2F%3E%3C%2Fsvg%3E")
    }
}

.c-btn01.is-white .c-btn01__txt {
    color: #242c40
}

@media all and (min-width: 600px) {
    .c-btn01.is-link .c-btn01__link:hover .c-btn01__txt {
        background-image:url("../img/common/ico_link01.png")
    }
}

.c-btn01.is-link .c-btn01__txt {
    padding: 0 13px 0 0;
    background: url("../img/common/ico_link02.png") no-repeat right center;
    background-size: 11px
}

@media all and (min-width: 600px) {
    .c-btn01.is-link .c-btn01__txt {
        padding-right:21px;
        background-size: 12px;
        -webkit-transition: all .3s ease;
        transition: all .3s ease
    }
}

.c-btn01.is-down .c-btn01__link .icon {
    right: 8px;
    -webkit-transform: translateY(-50%) rotate(90deg);
    -ms-transform: translateY(-50%) rotate(90deg);
    transform: translateY(-50%) rotate(90deg);
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

@media all and (min-width: 600px) {
    .c-btn01.is-down .c-btn01__link:hover .icon {
        margin-right:0;
        -webkit-transform: translateY(5px) rotate(90deg);
        -ms-transform: translateY(5px) rotate(90deg);
        transform: translateY(5px) rotate(90deg)
    }
}

.c-btn01.is-back .c-btn01__link {
    background: #999;
    border-color: #999
}

@media all and (min-width: 600px) {
    .c-btn01.is-back .c-btn01__link:hover .c-btn01__txt {
        color:#242c40
    }

    .c-btn01.is-back .c-btn01__link:hover .icon {
        margin-left: -10px
    }
}

.c-btn01.is-back .c-btn01__link .icon {
    right: auto;
    left: 15px;
    -webkit-transform: translateY(-50%) scale(-1, 1);
    -ms-transform: translateY(-50%) scale(-1, 1);
    transform: translateY(-50%) scale(-1, 1)
}

@media all and (min-width: 600px) {
    .c-btn01.is-back .c-btn01__link .icon {
        left:25px
    }
}

.c-card-service01 {
    text-align: center;
    color: #fff
}

.c-card-service01__link {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 210px
}
.mb2{
margin-bottom:2px;
}
.mt20{
margin-top:20px;
}
@media all and (min-width: 600px) {
    .c-card-service01__link {
        height:540px;
        overflow: hidden
    }
    .c-card-service01__fiberunity {
        height:540px;
        overflow: hidden
    }
    .c-card-service01__link:hover .c-card-service01__img {
        -webkit-transform: scale(1.1) translate(-50%, -50%);
        -ms-transform: scale(1.1) translate(-50%, -50%);
        transform: scale(1.1) translate(-50%, -50%)
    }

    .c-card-service01__link:hover:before {
        opacity: .3
    }
}

.c-card-service01__link:before {
    position: absolute;
    content: '';
    display: block;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #18191d;
    opacity: .6
}

@media all and (min-width: 600px) {
    .c-card-service01__link:before {
        -webkit-transition:opacity .3s ease;
        transition: opacity .3s ease
    }
}

.c-card-service01__info {
    position: relative;
    z-index: 1
}

.c-card-service01__en {
    font-size: 2.5rem;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1.2
}

@media all and (min-width: 600px) {
    .c-card-service01__en {
        margin-top:15px;
        font-size: 4rem
    }
}

.c-card-service01__ja {
    letter-spacing: .1em
}

@media all and (min-width: 600px) {
    .c-card-service01__ja {
        font-size:2.3rem
    }
}

.c-card-service01__txt {
    position: relative;
    font-size: 1.2rem
}

@media all and (min-width: 600px) {
    .c-card-service01__txt {
        font-size:1.5rem
    }
}

.c-card-service01__txt:before {
    content: '';
    display: block;
    margin: 5px auto 3px;
    width: 1px;
    height: 15px;
    background: #fff
}

@media all and (min-width: 600px) {
    .c-card-service01__txt:before {
        margin:15px auto 12px;
        height: 30px
    }
}

.c-card-service01__img {
    position: absolute;
    z-index: -1;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    transform-origin: left top;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background: no-repeat 50% 50%;
    background-size: cover
}

.c-card-service01__img.img-construction {
    background-image: url(../img/bg_services01.jpg)
}

.c-card-service01__img.img-network {
    background-image: url(../img/bg_services02.jpg)
}

.c-card-service01__img.img-monitoring {
    background-image: url(../img/bg_services03.jpg)
}

.c-card-service01__img.img-security {
    background-image: url(../img/bg_services04.jpg)
}

.c-card-service01__img.img-office {
    background-image: url(../img/bg_services05.jpg)
}

.c-card-service01__img.img-design {
    background-image: url(../img/bg_services06.jpg)
}

@media all and (min-width: 600px) {
    .c-card-service01__img {
        -webkit-transition:-webkit-transform .3s ease;
        transition: -webkit-transform .3s ease;
        transition: transform .3s ease;
        transition: transform .3s ease, -webkit-transform .3s ease
    }
}

.c-card-work01 {
    background: #fff
}

.c-card-work01__link {
    display: block
}

@media all and (min-width: 600px) {
    .c-card-work01__link:hover .c-card-work01__thumb img {
        -webkit-transform:translateX(-50%) scale(1.1);
        -ms-transform: translateX(-50%) scale(1.1);
        transform: translateX(-50%) scale(1.1)
    }
}

@media all and (min-width: 600px) {
    .c-card-work01__thumb {
        overflow:hidden
    }

    .c-card-work01__thumb img {
        position: relative;
        display: block;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        -webkit-transition: -webkit-transform .3s ease;
        transition: -webkit-transform .3s ease;
        transition: transform .3s ease;
        transition: transform .3s ease, -webkit-transform .3s ease
    }
}

.c-card-work01__content {
    position: relative;
    padding: 20px 25px
}

@media all and (min-width: 600px) {
    .c-card-work01__content {
        padding:25px
    }
}

.c-card-work01__cat {
    position: absolute;
    z-index: 1;
    left: 0;
    bottom: 100%;
    min-width: 125px;
    padding: 10px 15px;
    background: #242c40;
    text-align: center;
    line-height: 1;
    color: #fff;
    font-size: 1.2rem;
    font-weight: 500
}

.c-card-work01__company {
    color: #242c40;
    font-weight: 500;
    font-size: 1.5rem
}

.c-card-work01__notes {
    color: #999;
    font-size: 1.2rem
}

.c-card-work02 {
    background: #fff
}

.c-card-work02+.c-card-work02 {
    margin-top: 20px
}

.c-card-work02__link {
    display: block
}

@media all and (min-width: 600px) {
    .c-card-work02__link:hover .c-card-work02__thumb img {
        -webkit-transform:translateX(-50%) scale(1.1);
        -ms-transform: translateX(-50%) scale(1.1);
        transform: translateX(-50%) scale(1.1)
    }
}

@media all and (min-width: 600px) {
    .c-card-work02__thumb {
        overflow:hidden
    }

    .c-card-work02__thumb img {
        position: relative;
        display: block;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        -webkit-transition: -webkit-transform .3s ease;
        transition: -webkit-transform .3s ease;
        transition: transform .3s ease;
        transition: transform .3s ease, -webkit-transform .3s ease
    }
}

.c-card-work02__content {
    position: relative;
    padding: 20px 0
}

@media all and (min-width: 600px) {
    .c-card-work02__content {
        padding:29px 0
    }
}

.c-card-work02__cat {
    position: absolute;
    z-index: 1;
    left: 0;
    bottom: 100%;
    min-width: 125px;
    padding: 10px 5px;
    background: #242c40;
    text-align: center;
    line-height: 1;
    color: #fff;
    font-size: 1.2rem;
    font-weight: 500;
    box-sizing: border-box
}

@media all and (min-width: 600px) {
    .c-card-work02__cat {
        min-width:150px;
        font-size: 1.4rem;
        padding: 12px 5px
    }
}

.c-card-work02__company {
    color: #242c40;
    font-weight: 500;
    font-size: 1.5rem;
    line-height: 1.4;
    margin-bottom: 7px
}

@media all and (min-width: 600px) {
    .c-card-work02__company {
        font-size:2rem;
        margin-bottom: 9px
    }
}

.c-card-work02__notes {
    color: #999;
    font-size: 1.2rem;
    line-height: 1.4
}

@media all and (min-width: 600px) {
    .c-card-work02__notes {
        font-size:1.4rem
    }
}

.c-card-leaflet {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media all and (min-width: 600px) {
    .c-card-leaflet {
        -webkit-box-pack:start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

.c-card-leaflet__item {
    width: calc(50% - 12px);
    margin-bottom: 24px;
    border: 1px solid #f5f5f5;
    box-sizing: border-box
}

@media all and (min-width: 600px) {
    .c-card-leaflet__item {
        width:24.5%;
        margin: 0 13.25% 60px 0
    }

    .c-card-leaflet__item:nth-child(3n) {
        margin-right: 0
    }
}

.c-card-leaflet__link {
    display: block
}

@media all and (min-width: 600px) {
    .c-card-leaflet__link:hover .c-card-leaflet__thumb img {
        -webkit-transform:translateX(-50%) scale(1.1);
        -ms-transform: translateX(-50%) scale(1.1);
        transform: translateX(-50%) scale(1.1)
    }
}

@media all and (min-width: 600px) {
    .c-card-leaflet__thumb {
        overflow:hidden
    }

    .c-card-leaflet__thumb img {
        position: relative;
        display: block;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        -webkit-transition: -webkit-transform .3s ease;
        transition: -webkit-transform .3s ease;
        transition: transform .3s ease;
        transition: transform .3s ease, -webkit-transform .3s ease
    }
}

.c-card-leaflet__content {
    position: relative;
    padding: 14px 8px 13px
}

@media all and (min-width: 600px) {
    .c-card-leaflet__content {
        padding:20px 20px 21px
    }
}

.c-card-leaflet__cat {
    position: absolute;
    z-index: 1;
    left: 0;
    bottom: 100%;
    padding: 6px 5px 6px 14px;
    background: #242c40 url("../img/common/ico_dl01.png") no-repeat right 15px center;
    background-size: 12px;
    min-width: 85px;
    line-height: 1;
    color: #fff;
    font-size: 1.2rem;
    font-weight: 500;
    box-sizing: border-box
}

@media all and (min-width: 600px) {
    .c-card-leaflet__cat {
        min-width:130px;
        font-size: 1.6rem;
        padding: 12px 5px 12px 25px;
        background-size: 18px;
        background-position: right 25px center
    }
}

.c-card-leaflet__head {
    font-weight: 500;
    font-size: 1.3rem;
    line-height: 1.4;
    margin-bottom: 4px
}

@media all and (min-width: 600px) {
    .c-card-leaflet__head {
        font-size:1.8rem;
        margin-bottom: 8px
    }
}

.c-card-leaflet__notes {
    color: #999;
    font-size: 1.2rem;
    line-height: 1.4
}

@media all and (min-width: 600px) {
    .c-card-leaflet__notes {
        font-size:1.5rem
    }
}

.c-case01 {
    margin-top: 45px
}

.c-case01.is-bg .c-case01__con {
    background: #f5f5f5
}

@media all and (min-width: 600px) {
    .c-case01 {
        margin-top:70px
    }
}

.c-case01-header {
    position: relative;
    margin-bottom: -16px;
    text-align: center
}

.c-case01-header__en {
    color: #242c40;
    font-size: 1.2rem;
    text-transform: uppercase;
    line-height: 1.5
}

.c-case01-header__ja {
    font-size: 2.4rem;
    letter-spacing: .15em;
    line-height: 1.5;
    font-weight: 500
}

@media all and (min-width: 600px) {
    .c-case01-header {
        margin-bottom:-20px
    }

    .c-case01-header__en {
        font-size: 1.5rem
    }

    .c-case01-header__ja {
        margin-top: 5px;
        font-size: 3rem
    }
}

.c-case01__con {
    padding: 40px 25px 25px;
    background: #fff
}

@media all and (min-width: 600px) {
    .c-case01__con {
        padding:54px 60px 52px
    }
}

.c-case01-list__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.c-case01-list__item+.c-case01-list__item {
    margin-top: 12px
}

.c-case01-list__header {
    width: 82px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.c-case01-list__ico {
    width: 35px
}

.c-case01-list__head {
    font-size: 1.8rem;
    font-weight: 500
}

.c-case01-list__area-txt {
    width: calc(100% - 113px);
    padding: 5px 0 0
}

@media all and (min-width: 600px) {
    .c-case01-list__item+.c-case01-list__item {
        margin-top:14px
    }

    .c-case01-list__header {
        width: 120px
    }

    .c-case01-list__ico {
        width: 50px
    }

    .c-case01-list__head {
        font-size: 2.4rem;
        line-height: 1.5
    }

    .c-case01-list__area-txt {
        width: calc(100% - 158px);
        padding: 8px 0 0
    }
}

.c-company01.is-gray {
    background: #f5f5f5
}

.c-company01.is-project .c-company01__inner {
    padding-top: 0 !important
}

.c-company01__inner {
    padding-top: 60px;
    padding-bottom: 65px
}

@media all and (min-width: 600px) {
    .c-company01__inner {
        padding-top:115px;
        padding-bottom: 100px
    }
}

.c-company01__head.is-left {
    text-align: left
}

@media all and (min-width: 600px) {
    .c-company01__head.is-left {
        text-align:center
    }
}

.c-company01__head.is-left:before {
    left: 5px;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
}

@media all and (min-width: 600px) {
    .c-company01__head.is-left:before {
        left:50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%)
    }
}

.c-company01__content {
    margin-top: 40px
}

@media all and (min-width: 600px) {
    .c-company01__content {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

@media all and (min-width: 600px) {
    .c-company01__content.is-center {
        -webkit-box-pack:center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .c-company01__content.is-center .c-company01__txt {
        text-align: center
    }
}

@media all and (min-width: 600px) {
    .c-company01-wrap {
        width:800px
    }
}

.c-company01-wrap__head {
    margin-bottom: 20px;
    padding-left: 20px;
    font-size: 1.8rem;
    font-weight: 500;
    border-left: 1px solid #242c40;
    line-height: 1.6
}

@media all and (min-width: 600px) {
    .c-company01-wrap__head {
        font-size:2.4rem
    }
}

.c-company01-wrap__sub {
    position: relative;
    margin-top: 15px;
    padding-left: 18px;
    font-weight: 500
}

@media all and (min-width: 600px) {
    .c-company01-wrap__sub {
        padding-left:30px
    }
}

.c-company01-wrap__sub:before {
    position: absolute;
    content: '';
    display: block;
    top: 8px;
    left: 0;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #242c40
}

@media all and (min-width: 600px) {
    .c-company01-wrap__sub:before {
        top:13px
    }
}

.c-company01-wrap__link {
    position: relative;
    padding-left: 18px
}

@media all and (min-width: 600px) {
    .c-company01-wrap__link {
        padding-left:30px
    }
}

.c-company01-wrap__link:before {
    content: '';
    position: absolute;
    background: url(../img/well-being/ico_link01.png) no-repeat;
    background-size: contain;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: -15px;
    width: 11px;
    height: 11px
}

@media all and (min-width: 600px) {
    .c-company01__imgarea {
        -webkit-box-ordinal-group:0;
        -ms-flex-order: -1;
        order: -1
    }
}

.c-company01__img {
    margin: 20px auto 0;
    width: 180px
}

@media all and (min-width: 600px) {
    .c-company01__img {
        margin-top:0;
        margin-right: 50px;
        width: 245px;
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1
    }
}

.c-company01__logo {
    margin: 20px auto 0;
    width: 180px
}

@media all and (min-width: 600px) {
    .c-company01__logo {
        margin-top:0;
        margin-right: 50px;
        width: 245px
    }
}

.c-company01__list {
    margin: 35px -25px 1px
}

@media all and (min-width: 600px) {
    .c-company01__list {
        -ms-flex-wrap:wrap;
        flex-wrap: wrap;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin: 65px 0 2px
    }
}

@media all and (max-width: 599px) {
    .c-company01__list .card+.card {
        margin-top:1px
    }
}

@media all and (min-width: 600px) {
    .c-company01__list .card {
        -webkit-box-flex:0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        position: relative
    }

    .c-company01__list .card:before {
        position: absolute;
        z-index: 1;
        content: '';
        display: block;
        top: 0;
        bottom: 0;
        width: 1px;
        background: #fff
    }

    .c-company01__list .card:nth-of-type(odd):before {
        right: 0
    }

    .c-company01__list .card:nth-of-type(even):before {
        left: 0
    }

    .c-company01__list .card:nth-of-type(n+3) {
        margin-top: 2px
    }
}

.c-contact01 {
    background: url(../img/common/bg_contact01.jpg) 50% 50%;
    background-size: cover
}

.c-contact01__inner {
    padding-top: 55px;
    padding-bottom: 55px
}

@media all and (min-width: 600px) {
    .c-contact01__inner {
        padding-top:125px;
        padding-bottom: 125px
    }
}

.c-contact01-btn__link {
    position: relative;
    display: block;
    padding: 25px 10px;
    border: 1px solid #fff;
    text-align: center
}

@media all and (min-width: 600px) {
    .c-contact01-btn__link {
        padding:36px
    }

    .c-contact01-btn__link:before {
        position: absolute;
        content: '';
        display: block;
        top: 0;
        left: 0;
        width: 0;
        height: 100%;
        background: #fff;
        -webkit-transition: width .3s ease;
        transition: width .3s ease
    }

    .c-contact01-btn__link:hover:before {
        width: 100%
    }

    .c-contact01-btn__link:hover .c-contact01-btn__txt {
        color: #242c40
    }

    .c-contact01-btn__link:hover .c-contact01-btn__ico {
        margin-right: -10px
    }

    .c-contact01-btn__link:hover .c-contact01-btn__ico:before {
        background-size: auto 100%;
        background-repeat: no-repeat;
        background-position: 100% 50%;
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2268px%22%20height%3D%226px%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20fill%3D%22%23242c40%22%20d%3D%22M67.979%2C5.490%20L-0.008%2C5.490%20L-0.008%2C4.516%20L65.550%2C4.516%20L62.050%2C1.127%20L62.761%2C0.438%20L67.979%2C5.490%20Z%22%2F%3E%3C%2Fsvg%3E")
    }
}

.c-contact01-btn__txt {
    color: #fff;
    font-size: 2rem;
    text-transform: uppercase
}

@media all and (min-width: 600px) {
    .c-contact01-btn__txt {
        position:relative;
        z-index: 1;
        font-size: 3.5rem;
        -webkit-transition: color .3s ease;
        transition: color .3s ease
    }
}

.c-contact01-btn__ico {
    position: absolute !important;
    top: 50%;
    right: 15px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media all and (min-width: 600px) {
    .c-contact01-btn__ico {
        right:40px;
        width: 68px !important;
        height: 6px;
        -webkit-transition: margin .3s ease;
        transition: margin .3s ease
    }

    .c-contact01-btn__ico:before {
        width: 68px !important;
        height: 6px;
        -webkit-transition: background .3s ease;
        transition: background .3s ease
    }
}

.c-contact02 {
    margin: 0 -25px 60px;
    background: url(../img/common/bg_contact02_sp.png) no-repeat 50% 50%/cover
}

.c-contact02.is-wide {
    margin: 0
}

@media all and (min-width: 600px) {
    .c-contact02 {
        position:relative;
        left: 50%;
        width: 1920px;
        height: 571px;
        margin: 0 0 110px;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        text-align: center;
        background-image: url(../img/common/bg_contact02_pc.png);
        background-size: 1920px
    }
}

.c-contact02__inner {
    padding: 52px 25px 60px;
    color: #fff
}

@media all and (min-width: 600px) {
    .c-contact02__inner {
        padding:100px 0 110px
    }
}

.c-contact02__head {
    margin-bottom: 32px
}

.c-contact02__head:before {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2270px%22%20height%3D%2210px%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20fill%3D%22%23ffffff%22%20d%3D%22M60.000%2C10.000%20L60.000%2C6.000%20L10.000%2C6.000%20L10.000%2C10.000%20L-0.000%2C10.000%20L-0.000%2C-0.000%20L10.000%2C-0.000%20L10.000%2C4.000%20L60.000%2C4.000%20L60.000%2C-0.000%20L70.000%2C-0.000%20L70.000%2C10.000%20L60.000%2C10.000%20Z%22%2F%3E%3C%2Fsvg%3E") !important
}

@media all and (min-width: 600px) {
    .c-contact02__head {
        margin-bottom:46px
    }
}

.c-contact02__head-en {
    color: #fff !important
}

.c-contact02__head-ja {
    color: #fff !important
}

.c-contact02-btn {
    width: 250px;
    margin: 27px auto 0
}

@media all and (min-width: 600px) {
    .c-contact02-btn {
        width:430px;
        margin: 50px auto 0
    }
}

.c-contact02-btn__link {
    position: relative;
    display: block;
    background: #40495f;
    padding: 12px 10px;
    text-align: center
}

@media all and (min-width: 600px) {
    .c-contact02-btn__link {
        padding:22px 0 23px
    }

    .c-contact02-btn__link:before {
        position: absolute;
        content: '';
        display: block;
        top: 0;
        left: 0;
        width: 0;
        height: 100%;
        background: #fff;
        -webkit-transition: width .3s ease;
        transition: width .3s ease
    }

    .c-contact02-btn__link:hover:before {
        width: 100%
    }

    .c-contact02-btn__link:hover .c-contact02-btn__txt {
        color: #242c40
    }

    .c-contact02-btn__link:hover .c-contact02-btn__ico {
        margin-right: -10px
    }

    .c-contact02-btn__link:hover .c-contact02-btn__ico:before {
        background-size: auto 100%;
        background-repeat: no-repeat;
        background-position: 100% 50%;
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2268px%22%20height%3D%226px%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20fill%3D%22%23242c40%22%20d%3D%22M67.979%2C5.490%20L-0.008%2C5.490%20L-0.008%2C4.516%20L65.550%2C4.516%20L62.050%2C1.127%20L62.761%2C0.438%20L67.979%2C5.490%20Z%22%2F%3E%3C%2Fsvg%3E")
    }
}

.c-contact02-btn__txt {
    color: #fff;
    text-transform: uppercase;
    letter-spacing: .05em
}

@media all and (min-width: 600px) {
    .c-contact02-btn__txt {
        position:relative;
        z-index: 1;
        -webkit-transition: color .3s ease;
        transition: color .3s ease;
        letter-spacing: .1em
    }
}

.c-contact02-btn__ico {
    position: absolute !important;
    top: 50%;
    right: 15px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media all and (min-width: 600px) {
    .c-contact02-btn__ico {
        right:40px;
        width: 37px !important;
        height: 6px;
        -webkit-transition: margin .3s ease;
        transition: margin .3s ease
    }

    .c-contact02-btn__ico:before {
        width: 37px !important;
        height: 6px;
        -webkit-transition: background .3s ease;
        transition: background .3s ease
    }
}

.c-form01 input[type="text"],.c-form01 input[type="email"],.c-form01 input[type="tel"],.c-form01 textarea,.c-form01 select {
    width: 100%;
    height: 43px;
    font-family: inherit;
    font-size: 1.4rem;
    padding: 10px 15px;
    border: none;
    background: #e5e5e5;
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    box-sizing: border-box
}

.c-form01 input[type="text"]:-ms-input-placeholder,.c-form01 input[type="email"]:-ms-input-placeholder,.c-form01 input[type="tel"]:-ms-input-placeholder,.c-form01 textarea:-ms-input-placeholder,.c-form01 select:-ms-input-placeholder {
    color: #999
}

.c-form01 input[type="text"]::-webkit-input-placeholder,.c-form01 input[type="email"]::-webkit-input-placeholder,.c-form01 input[type="tel"]::-webkit-input-placeholder,.c-form01 textarea::-webkit-input-placeholder,.c-form01 select::-webkit-input-placeholder {
    color: #999
}

.c-form01 input[type="text"]::-moz-placeholder,.c-form01 input[type="email"]::-moz-placeholder,.c-form01 input[type="tel"]::-moz-placeholder,.c-form01 textarea::-moz-placeholder,.c-form01 select::-moz-placeholder {
    color: #999
}

.c-form01 select {
    cursor: pointer;
    height: 43px;
    font-size: 1.3rem;
    padding: 10px 35px 10px 15px;
    background: #fff url("../img/common/ico_select01.png") no-repeat right 18px center;
    background-size: 13px;
    border: 1px solid #242c40
}

.c-form01 select::-ms-expand {
    display: none
}

.c-form01 .mwform-checkbox-field label {
    cursor: pointer;
    display: block;
    box-sizing: border-box
}

.c-form01 .mwform-checkbox-field input {
    display: none
}

.c-form01 .mwform-checkbox-field .mwform-checkbox-field-text {
    display: block;
    font-size: 1.5rem;
    line-height: 1.7;
    padding: 5px 0 5px 25px;
    position: relative
}

.c-form01 .mwform-checkbox-field .mwform-checkbox-field-text:before,.c-form01 .mwform-checkbox-field .mwform-checkbox-field-text:after {
    content: "";
    display: block;
    position: absolute
}

.c-form01 .mwform-checkbox-field .mwform-checkbox-field-text:before {
    width: 13px;
    height: 13px;
    top: 10px;
    left: 0;
    border: 1px solid #ddd
}

.c-form01 .mwform-checkbox-field .mwform-checkbox-field-text:after {
    top: 14px;
    left: 3px;
    width: 9px;
    height: 7px;
    background: url("../img/common/ico_check01.png") no-repeat center;
    background-size: contain;
    display: none
}

.c-form01 .mwform-checkbox-field input[type="checkbox"]:checked+.mwform-checkbox-field-text:after {
    display: block
}

.c-form01-file {
    margin: 10px auto 0
}

.c-form01-file.is-checked .c-form01-file__label .icon {
    opacity: 0
}

.c-form01-file__name {
    color: #242c40;
    font-size: 1.4rem;
    line-height: 1.5
}

.c-form01-file__label {
    cursor: pointer;
    color: #242c40;
    width: 100%;
    height: 43px;
    font-size: 1.4rem;
    font-weight: 500;
    margin: 0 auto 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #242c40
}

.c-form01-file input[type="file"] {
    display: none
}

.c-form01 textarea {
    padding: 15px;
    height: 100% !important
}

.c-form01-btn-area .c-form01-btn {
    width: 100%;
    max-width: none;
    cursor: pointer;
    display: block;
    font-size: 1.4rem;
    font-weight: 500;
    font-family: inherit;
    padding: 0;
    margin: 0 auto;
    border: none
}

@media all and (max-width: 599px) {
    .c-form01-btn-area .c-form01-btn+.c-form01-btn {
        margin-top:15px
    }
}

.c-form01-btn-area .c-form01-btn__link {
    padding: 20px 0
}

@media all and (min-width: 600px) {
    .c-form01 input[type="text"],.c-form01 input[type="email"],.c-form01 input[type="tel"],.c-form01 textarea,.c-form01 select {
        height:46px;
        font-size: 1.6rem;
        padding: 10px 30px
    }

    .c-form01 select {
        width: 420px;
        padding: 10px 40px 10px 30px;
        background-size: 14px;
        background-position: right 20px center
    }

    .c-form01 .mwform-checkbox-field .mwform-checkbox-field-text {
        font-size: 1.8rem
    }

    .c-form01 .mwform-checkbox-field .mwform-checkbox-field-text:before {
        width: 19px;
        height: 19px;
        top: 9px
    }

    .c-form01 .mwform-checkbox-field .mwform-checkbox-field-text:after {
        width: 13px;
        height: 9px;
        top: 15px;
        left: 4px
    }

    .c-form01-file {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-top: 22px
    }

    .c-form01-file__name {
        font-size: 1.6rem
    }

    .c-form01-file__label {
        width: 230px;
        height: 46px;
        font-size: 1.6rem;
        margin: 0 19px 0 0
    }

    .c-form01-btn-area {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .c-form01-btn-area .c-form01-btn {
        width: 300px;
        font-size: 1.5rem;
        margin: 0 15px
    }

    .c-form01-btn-area .c-form01-btn:hover .c-form01-btn__link:before {
        width: 100%
    }

    .c-form01-btn-area .c-form01-btn:hover .c-form-btn__txt {
        color: #242c40
    }

    .c-form01-btn-area .c-form01-btn:hover .icon {
        margin-right: -10px
    }

    .c-form01-btn-area .c-form01-btn:hover .icon:before {
        background-size: auto 100%;
        background-repeat: no-repeat;
        background-position: 100% 50%;
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2268px%22%20height%3D%226px%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20fill%3D%22%23242c40%22%20d%3D%22M67.979%2C5.490%20L-0.008%2C5.490%20L-0.008%2C4.516%20L65.550%2C4.516%20L62.050%2C1.127%20L62.761%2C0.438%20L67.979%2C5.490%20Z%22%2F%3E%3C%2Fsvg%3E")
    }

    .c-form01-btn-area .c-form01-btn__link {
        padding: 18px 0
    }
}

.c-form01__inner {
    padding-top: 69px;
    padding-bottom: 75px
}

.c-form01__head {
    margin-bottom: 33px
}

.c-form01__lead {
    margin-bottom: 46px
}

.c-form01-input-area {
    margin: 0 auto 25px
}

.c-form01-table {
    margin-bottom: 18px
}

.c-form01-ico {
    color: #fff;
    display: inline-block;
    width: 35px;
    height: 19px;
    line-height: 19px;
    font-size: 1.2rem;
    font-weight: 500;
    text-align: center;
    vertical-align: 1px;
    float: right;
    margin: 4px 0 0 auto
}

.c-form01-ico.is-required {
    background: #242c40
}

.c-form01-ico.is-option {
    color: #999;
    background: #e5e5e5
}

.c-form01-privacy__head {
    color: #242c40;
    font-weight: 500;
    font-size: 1.5rem;
    margin-bottom: 3px
}

.c-form01-privacy__link {
    display: inline-block;
    padding: 0 16px 0 0;
    background: url("../img/common/ico_link01.png") no-repeat right center;
    background-size: 11px
}

@media all and (min-width: 600px) {
    .c-form01__inner {
        padding-top:118px;
        padding-bottom: 110px
    }

    .c-form01__head {
        margin-bottom: 50px
    }

    .c-form01__lead {
        text-align: center;
        margin-bottom: 70px
    }

    .c-form01__lead.is-left {
        text-align: left
    }

    .c-form01-input-area {
        margin-bottom: 50px
    }

    .c-form01-table {
        margin-bottom: 37px
    }

    .c-form01-ico {
        font-size: 1.3rem;
        width: 46px;
        height: 23px;
        line-height: 23px
    }

    .c-form01-privacy__head {
        text-align: center;
        font-size: 2rem;
        margin-bottom: 0
    }

    .c-form01-privacy__link {
        padding-right: 25px;
        background-size: 15px
    }

    .c-form01-privacy__link:hover {
        text-decoration: underline
    }

    .c-form01-privacy-checkbox {
        display: table;
        margin: 0 auto
    }
}

.c-form01 .mw_wp_form input[type="file"] {
    display: none
}

.mw_wp_form .mw-wp-form_file+.c-form01-file__def,.mw_wp_form .mw-wp-form_file+input+.c-form01-file__def {
    display: none
}

.c-form01-file.has-file .c-form01-file__name {
    display: none
}

.c-head01 {
    position: relative;
    text-align: center;
    padding-bottom: 29px
}

@media all and (max-width: 599px) {
    .c-head01.is-sp-left {
        text-align:left
    }

    .c-head01.is-sp-left:before {
        left: 15px
    }
}

@media all and (min-width: 600px) {
    .c-head01 {
        padding-bottom:43px
    }
}

.c-head01:before {
    position: absolute;
    content: '';
    display: block;
    bottom: 0;
    left: 50%;
    width: 35px;
    height: 5px;
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: 100% 50%;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2270px%22%20height%3D%2210px%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20fill%3D%22%23242c40%22%20d%3D%22M60.000%2C10.000%20L60.000%2C6.000%20L10.000%2C6.000%20L10.000%2C10.000%20L-0.000%2C10.000%20L-0.000%2C-0.000%20L10.000%2C-0.000%20L10.000%2C4.000%20L60.000%2C4.000%20L60.000%2C-0.000%20L70.000%2C-0.000%20L70.000%2C10.000%20L60.000%2C10.000%20Z%22%2F%3E%3C%2Fsvg%3E");
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.c-head01__en {
    font-size: 1.2rem;
    font-weight: 700;
    text-transform: uppercase;
    color: #242c40;
    letter-spacing: 0.2em
}

@media all and (min-width: 600px) {
    .c-head01__en {
        font-size:1.5rem
    }
}

.c-head01__en.is-big {
    font-size: 2.4rem
}

@media all and (min-width: 600px) {
    .c-head01__en.is-big {
        font-size:3.8rem
    }
}

.c-head01__ja {
    margin-top: 7px;
    letter-spacing: 0.15em;
    font-size: 2.4rem;
    font-weight: 500;
    color: #242c40;
    line-height: 1.6
}

@media all and (min-width: 600px) {
    .c-head01__ja {
        margin-top:12px;
        font-size: 3.8rem;
        line-height: 1.7
    }
}

.c-head01__ja.is-pc-small {
    font-size: 2.4rem
}

.c-head01.is-white:before {
    position: absolute;
    content: '';
    display: block;
    bottom: 0;
    left: 50%;
    width: 35px;
    height: 5px;
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: 100% 50%;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2270px%22%20height%3D%2210px%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20fill%3D%22%23fff%22%20d%3D%22M60.000%2C10.000%20L60.000%2C6.000%20L10.000%2C6.000%20L10.000%2C10.000%20L-0.000%2C10.000%20L-0.000%2C-0.000%20L10.000%2C-0.000%20L10.000%2C4.000%20L60.000%2C4.000%20L60.000%2C-0.000%20L70.000%2C-0.000%20L70.000%2C10.000%20L60.000%2C10.000%20Z%22%2F%3E%3C%2Fsvg%3E");
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.c-head01.is-white .c-head01__ja {
    color: #fff
}

.c-head01.is-white .c-head01__en {
    color: #fff
}

.c-head02 {
    margin-bottom: 30px
}

.c-head02__en {
    font-size: 1.2rem;
    font-weight: 700;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: #242c40;
    line-height: 1.5
}

.c-head02__ja {
    font-weight: 500;
    font-size: 2.1rem;
    letter-spacing: 0.15em;
    color: #242c40;
    line-height: 1.7
}

.c-head02.is-center {
    text-align: center
}

.c-head02.is-white .c-head02__en,.c-head02.is-white .c-head02__ja {
    color: #fff
}

.c-head02.is-large .c-head02__ja {
    font-size: 2.3rem
}

@media all and (min-width: 600px) {
    .c-head02__en {
        font-size:1.5rem;
        line-height: 1
    }

    .c-head02__ja {
        font-size: 3rem
    }

    .c-head02.is-center {
        text-align: center
    }

    .c-head02.is-large .c-head02__ja {
        font-size: 3.4rem
    }
}

.c-head03 {
    margin-bottom: 20px;
    padding-left: 10px;
    font-size: 1.8rem;
    font-weight: 500;
    border-left: 1px solid #242c40;
    line-height: 1.6;
    letter-spacing: 0.15em
}

@media all and (min-width: 600px) {
    .c-head03 {
        font-size:2.4rem;
        padding-left: 21px;
        margin-bottom: 25px
    }
}

.c-head04 {
    position: relative;
    padding-left: 18px;
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 1.6
}

@media all and (min-width: 600px) {
    .c-head04 {
        padding-left:30px;
        font-size: 2.2rem
    }
}

.c-head04:before {
    position: absolute;
    content: '';
    display: block;
    top: 7px;
    left: 0;
    width: 11px;
    height: 11px;
    background: #242c40
}

@media all and (min-width: 600px) {
    .c-head04:before {
        width:13px;
        height: 13px;
        top: 12px
    }
}

.c-head05__en {
    color: #fff;
    text-stroke: 1px #242c40;
    -webkit-text-stroke: 1px #242c40;
    letter-spacing: 0.2em;
    font-size: 4rem;
    text-transform: uppercase;
    line-height: 1.2
}

@media all and (min-width: 600px) {
    .c-head05__en {
        font-size:8rem
    }
}

@media all and (min-width: 600px) and (-ms-high-contrast: none) {
    .c-head05__en {
        text-shadow:1px 1px 0 #242c40,-1px 1px 0 #242c40,1px -1px 0 #242c40,-1px -1px 0 #242c40
    }
}

.c-head05__ja {
    font-size: 1.3rem;
    font-weight: 500;
    letter-spacing: 0.15em
}

@media all and (min-width: 600px) {
    .c-head05__ja {
        font-size:2rem
    }
}

.c-icon-arw01 {
    position: relative;
    display: block;
    width: 27px;
    height: 27px
}

@media all and (min-width: 600px) {
    .c-icon-arw01 {
        width:37px;
        height: 37px
    }
}

.c-icon-arw01:before {
    position: absolute;
    display: block;
    content: "";
    top: 50%;
    left: 50%;
    width: 27px;
    height: 4px;
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: 100% 50%;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2268px%22%20height%3D%226px%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20fill%3D%22%23242c40%22%20d%3D%22M67.979%2C5.490%20L-0.008%2C5.490%20L-0.008%2C4.516%20L65.550%2C4.516%20L62.050%2C1.127%20L62.761%2C0.438%20L67.979%2C5.490%20Z%22%2F%3E%3C%2Fsvg%3E");
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

@media all and (min-width: 600px) {
    .c-icon-arw01:before {
        width:37px;
        height: 6px
    }
}

.c-icon-arw01.icon-white:before {
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: 100% 50%;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2268px%22%20height%3D%226px%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20fill%3D%22%23fff%22%20d%3D%22M67.979%2C5.490%20L-0.008%2C5.490%20L-0.008%2C4.516%20L65.550%2C4.516%20L62.050%2C1.127%20L62.761%2C0.438%20L67.979%2C5.490%20Z%22%2F%3E%3C%2Fsvg%3E")
}

@media all and (min-width: 600px) {
    .c-img01 {
        height:400px
    }

    .c-img01__img {
        max-width: none;
        width: 1920px;
        left: 50%;
        -webkit-transform: translateX(-960px);
        -ms-transform: translateX(-960px);
        transform: translateX(-960px);
        position: relative
    }
}

.c-list01__item {
    padding: 0 0 0 18px;
    position: relative
}

.c-list01__item:before {
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #242c40;
    position: absolute;
    top: 9px;
    left: 0
}

@media all and (min-width: 600px) {
    .c-list01__item {
        padding-left:24px
    }

    .c-list01__item:before {
        top: 14px
    }
}

.c-list02__item {
    font-size: 1.3rem;
    padding: 0 0 0 8px;
    position: relative
}

.c-list02__item:before {
    content: "";
    display: block;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background: #242c40;
    position: absolute;
    top: 11px;
    left: 0
}

@media all and (min-width: 600px) {
    .c-list02__item {
        font-size:1.5rem;
        padding-left: 9px
    }

    .c-list02__item:before {
        top: 15px
    }
}

.c-list03 {
    counter-reset: number
}

.c-list03__item {
    padding: 0 0 0 25px;
    margin-bottom: 11px;
    position: relative
}

.c-list03__item:last-of-type {
    margin-bottom: 0
}

.c-list03__item:before {
    content: "";
    display: block;
    color: #242c40;
    font-weight: 500;
    counter-increment: number;
    content: counter(number) ".";
    position: absolute;
    top: 0;
    left: 0
}

@media all and (min-width: 600px) {
    .c-list03__item {
        padding-left:28px;
        margin-bottom: 10px
    }
}

.c-lnav01__item {
    width: 100%;
    max-width: 250px;
    margin: 0 auto 13px
}

.c-lnav01__item:last-of-type {
    margin-bottom: 0
}

.c-lnav01__item.is-active .c-btn01__link {
    background: #242c40
}

.c-lnav01__item.is-active .c-btn01__txt {
    color: #fff
}

.c-lnav01__item.is-active .icon:before {
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: 100% 50%;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2268px%22%20height%3D%226px%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20fill%3D%22%23fff%22%20d%3D%22M67.979%2C5.490%20L-0.008%2C5.490%20L-0.008%2C4.516%20L65.550%2C4.516%20L62.050%2C1.127%20L62.761%2C0.438%20L67.979%2C5.490%20Z%22%2F%3E%3C%2Fsvg%3E")
}

@media all and (min-width: 600px) {
    .c-lnav01 {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .c-lnav01__item {
        max-width: none;
        font-size: 1.5rem;
        margin-bottom: 30px
    }

    .c-lnav01__item .icon {
        right: 10px
    }

    .c-lnav01__item .icon:before {
        width: 20px;
        height: 4px
    }

    .c-lnav01.is-col5 .c-lnav01__item {
        width: 17.5%;
        margin-right: 3.125%
    }

    .c-lnav01.is-col5 .c-lnav01__item:nth-of-type(5n) {
        margin-right: 0
    }
}

.c-pager01 {
    text-align: center;
    letter-spacing: -.5em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.c-pager01 li {
    margin: 0 4px;
    letter-spacing: 0;
    width: 35px
}

@media all and (max-width: 340px) {
    .c-pager01 li {
        margin:0 2px
    }
}

@media all and (min-width: 600px) {
    .c-pager01 li {
        width:50px;
        margin: 0 10px
    }
}

.c-pager01 li a,.c-pager01 li span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 35px;
    box-sizing: border-box;
    padding-top: 1px;
    border: 1px solid #242c40;
    text-decoration: none;
    font-weight: 700;
    color: #242c40
}

@media all and (min-width: 600px) {
    .c-pager01 li a,.c-pager01 li span {
        height:50px;
        font-size: 1.8rem
    }
}

@media all and (min-width: 600px) {
    .c-pager01 li a {
        -webkit-transition:all .3s ease;
        transition: all .3s ease;
        -webkit-transition-property: background, color;
        transition-property: background, color
    }

    .c-pager01 li a:hover {
        color: #fff;
        background: #242c40
    }
}

.c-pager01 li.current span {
    color: #fff;
    background: #242c40
}

.c-pager01 li.previous a,.c-pager01 li.next a {
    position: relative;
    border: 0;
    font-size: 0
}

.c-pager01 li.previous a:before,.c-pager01 li.next a:before {
    position: absolute;
    content: '';
    display: block;
    top: 50%;
    left: 50%;
    width: 27px;
    height: 4px;
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: 100% 50%;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2268px%22%20height%3D%226px%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20fill%3D%22%23242c40%22%20d%3D%22M67.979%2C5.490%20L-0.008%2C5.490%20L-0.008%2C4.516%20L65.550%2C4.516%20L62.050%2C1.127%20L62.761%2C0.438%20L67.979%2C5.490%20Z%22%2F%3E%3C%2Fsvg%3E");
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

@media all and (min-width: 600px) {
    .c-pager01 li.previous a:before,.c-pager01 li.next a:before {
        width:37px;
        height: 6px;
        -webkit-transition: margin .3s ease;
        transition: margin .3s ease
    }
}

@media all and (min-width: 600px) {
    .c-pager01 li.previous a:hover,.c-pager01 li.next a:hover {
        background:transparent
    }
}

.c-pager01 li.previous {
    margin-left: 0
}

.c-pager01 li.previous a:before {
    -webkit-transform: translate(-50%, -50%) scale(-1, 1);
    -ms-transform: translate(-50%, -50%) scale(-1, 1);
    transform: translate(-50%, -50%) scale(-1, 1)
}

@media all and (min-width: 600px) {
    .c-pager01 li.previous {
        margin-right:13px
    }

    .c-pager01 li.previous a:hover:before {
        margin-left: -10px
    }
}

.c-pager01 li.next {
    margin-right: 0
}

@media all and (min-width: 600px) {
    .c-pager01 li.next {
        margin-left:13px
    }

    .c-pager01 li.next a:hover:before {
        margin-left: 10px
    }
}

.c-pager02 {
    padding: 0 35px;
    position: relative
}

@media all and (min-width: 600px) {
    .c-pager02 {
        padding:0 50px
    }
}

.c-pager02__all {
    width: 180px;
    margin: 0 auto;
    text-align: center
}

@media all and (min-width: 600px) {
    .c-pager02__all {
        width:260px
    }
}

.c-pager02__link {
    position: relative;
    display: block;
    color: #242c40;
    height: 35px;
    font-size: 1.3rem;
    font-weight: 500;
    padding: 5px 0;
    border: 1px solid #242c40;
    box-sizing: border-box
}

@media all and (min-width: 600px) {
    .c-pager02__link {
        padding:9px;
        height: 50px;
        font-size: 1.5rem;
        -webkit-transition: all .3s ease;
        transition: all .3s ease
    }

    .c-pager02__link:hover {
        background: #242c40;
        color: #fff
    }
}

.c-pager02__previous,.c-pager02__next {
    width: 35px;
    position: absolute;
    font-size: 0;
    top: 0
}

@media all and (min-width: 600px) {
    .c-pager02__previous,.c-pager02__next {
        width:50px
    }

    .c-pager02__previous a:hover:before,.c-pager02__next a:hover:before {
        background-size: auto 100%;
        background-repeat: no-repeat;
        background-position: 100% 50%;
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2268px%22%20height%3D%226px%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20fill%3D%22%23fff%22%20d%3D%22M67.979%2C5.490%20L-0.008%2C5.490%20L-0.008%2C4.516%20L65.550%2C4.516%20L62.050%2C1.127%20L62.761%2C0.438%20L67.979%2C5.490%20Z%22%2F%3E%3C%2Fsvg%3E")
    }
}

.c-pager02__previous a:before,.c-pager02__next a:before {
    position: absolute;
    content: '';
    display: block;
    top: 50%;
    left: 50%;
    width: 22px;
    height: 4px;
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: 100% 50%;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2268px%22%20height%3D%226px%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20fill%3D%22%23242c40%22%20d%3D%22M67.979%2C5.490%20L-0.008%2C5.490%20L-0.008%2C4.516%20L65.550%2C4.516%20L62.050%2C1.127%20L62.761%2C0.438%20L67.979%2C5.490%20Z%22%2F%3E%3C%2Fsvg%3E");
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: background .3s ease;
    transition: background .3s ease
}

.c-pager02__previous {
    left: 0
}

.c-pager02__previous a:before {
    -webkit-transform: translate(-50%, -50%) scale(-1, 1);
    -ms-transform: translate(-50%, -50%) scale(-1, 1);
    transform: translate(-50%, -50%) scale(-1, 1)
}

.c-pager02__next {
    right: 0
}

.c-point01 {
    position: relative
}

.c-point01:before {
    position: absolute;
    z-index: -1;
    content: '';
    display: block;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: #f5f5f5
}

@media all and (min-width: 600px) {
    .c-point01:before {
        width:1920px;
        left: 50%;
        right: auto;
        margin-left: -1160px
    }
}

.c-point01__inner {
    padding-top: 31px;
    padding-bottom: 35px
}

@media all and (min-width: 600px) {
    .c-point01__inner {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding-top: 125px;
        padding-bottom: 110px
    }
}

.c-point01__head {
    color: #242c40;
    text-transform: uppercase;
    font-size: 1.5rem;
    font-weight: 700
}

@media all and (min-width: 600px) {
    .c-point01__head {
        padding-right:50px;
        border-right: 1px solid #242c40;
        font-size: 2rem;
        line-height: 1.3
    }
}

.c-point01__content {
    margin-top: 5px
}

@media all and (min-width: 600px) {
    .c-point01__content {
        margin-top:-5px;
        padding-left: 60px;
        box-sizing: border-box
    }
}

.c-policy-info__inner {
    padding-top: 75px;
    padding-bottom: 75px
}

.c-policy-info__head {
    margin-bottom: 17px
}

.c-policy-info-list {
    padding: 18px 25px;
    margin: 15px -25px 16px;
    background: #f5f5f5
}

.c-policy-info__name {
    text-align: right;
    font-size: 1.3rem
}

@media all and (min-width: 600px) {
    .c-policy-info__inner {
        padding-top:130px;
        padding-bottom: 127px
    }

    .c-policy-info__head {
        margin-bottom: 27px
    }

    .c-policy-info-list {
        padding: 20px 31px 23px;
        margin: 20px auto 22px
    }

    .c-policy-info__name {
        font-size: 1.5rem
    }
}

.c-recruit01 {
    position: relative;
    background: #f5f5f5
}

.c-recruit01:before {
    position: absolute;
    z-index: 0;
    content: '';
    display: block;
    top: 85px;
    left: 0;
    right: 50px;
    bottom: 0;
    background: #fff
}

@media all and (min-width: 600px) {
    .c-recruit01:before {
        top:160px;
        left: 50%;
        right: auto;
        width: 1920px;
        margin-left: -1250px
    }
}

.c-recruit01__inner {
    position: relative;
    z-index: 1;
    padding-top: 55px;
    padding-bottom: 75px
}

@media all and (min-width: 600px) {
    .c-recruit01__inner {
        padding-top:70px;
        padding-bottom: 180px
    }
}

.c-recruit01__head {
    position: relative;
    text-align: center;
    text-transform: uppercase;
    font-size: 4rem;
    font-weight: 700
}

@media all and (min-width: 600px) {
    .c-recruit01__head {
        font-size:8rem
    }
}

.c-recruit01__head:before {
    position: absolute;
    content: '';
    display: block;
    top: 0;
    left: 50%;
    width: 81px;
    height: 45px;
    background: url(../img/common/txt_recruit01.png);
    background-size: cover;
    margin: 30px 0 0 85px
}

@media all and (min-width: 600px) {
    .c-recruit01__head:before {
        width:163px;
        height: 90px;
        margin: 70px 0 0 172px
    }
}

.c-recruit01__lead {
    margin: 12px 25px 0
}

@media all and (min-width: 600px) {
    .c-recruit01__lead {
        margin:0;
        text-align: center
    }
}

.c-recruit01__content {
    margin-top: 50px
}

@media all and (min-width: 600px) {
    .c-recruit01__content {
        margin-top:70px
    }
}

@media all and (min-width: 600px) {
    .c-recruit01__list {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin: 0 100px
    }
}

.c-recruit01-item:nth-of-type(2) {
    -webkit-transition-delay: .1s;
    transition-delay: .1s
}

@media all and (max-width: 599px) {
    .c-recruit01-item+.c-recruit01-item {
        margin-top:30px
    }
}

@media all and (min-width: 600px) {
    .c-recruit01-item {
        -webkit-box-flex:0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        box-sizing: border-box;
        padding-right: 60px
    }
}

@media all and (min-width: 600px) and (-ms-high-contrast: none) {
    .c-recruit01-item {
        -webkit-box-flex:0;
        -ms-flex: 0 0 46%;
        flex: 0 0 46%;
        padding-right: 4%
    }
}

@media all and (min-width: 600px) {
    .c-recruit01-item:nth-of-type(2) {
        padding-right:0;
        padding-left: 60px
    }
}

@media all and (min-width: 600px) and (-ms-high-contrast: none) {
    .c-recruit01-item:nth-of-type(2) {
        padding-left:4%
    }
}

.c-recruit01-item__link {
    display: block
}

@media all and (min-width: 600px) {
    .c-recruit01-item__link {
        position:relative
    }

    .c-recruit01-item__link:hover .c-recruit01-item__img img {
        -webkit-transform: translateX(-50%) scale(1.1);
        -ms-transform: translateX(-50%) scale(1.1);
        transform: translateX(-50%) scale(1.1)
    }

    .c-recruit01-item__link:hover .c-recruit01-item__info {
        background: #40495f
    }

    .c-recruit01-item__link:hover .c-recruit01-item__ico {
        margin-right: -8px
    }
}

.c-recruit01-item__img {
    margin-left: 25px
}

@media all and (min-width: 600px) {
    .c-recruit01-item__img {
        position:relative;
        margin: 0;
        width: 100%;
        height: 450px;
        overflow: hidden
    }

    .c-recruit01-item__img img {
        position: absolute;
        display: block;
        top: 0;
        left: 50%;
        width: 800px;
        height: 100%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        -webkit-transition: -webkit-transform .3s ease;
        transition: -webkit-transform .3s ease;
        transition: transform .3s ease;
        transition: transform .3s ease, -webkit-transform .3s ease
    }
}

.c-recruit01-item__info {
    position: relative;
    z-index: 1;
    width: 235px;
    margin-top: -70px;
    padding: 25px 10px 30px 25px;
    background: #242c40;
    color: #fff;
    box-sizing: border-box
}

@media all and (min-width: 600px) {
    .c-recruit01-item__info {
        position:absolute;
        left: -50px;
        bottom: -50px;
        width: 400px;
        margin: 0;
        padding: 45px 60px 50px;
        -webkit-transition: background .3s ease;
        transition: background .3s ease
    }
}

.c-recruit01-item__head {
    font-size: 1.8rem;
    letter-spacing: .1em
}

@media all and (min-width: 600px) {
    .c-recruit01-item__head {
        font-size:2.5rem
    }
}

.c-recruit01-item__txt {
    font-size: 1.2rem
}

@media all and (min-width: 600px) {
    .c-recruit01-item__txt {
        margin-top:8px;
        font-size: 1.5rem
    }
}

.c-recruit01-item__ico {
    position: absolute;
    right: 15px;
    bottom: 3px
}

@media all and (min-width: 600px) {
    .c-recruit01-item__ico {
        -webkit-transition:margin .3s ease;
        transition: margin .3s ease
    }
}

.c-recruit-guideline__inner {
    padding-top: 68px;
    padding-bottom: 50px
}

.c-recruit-guideline__head {
    margin-bottom: 14px
}

.c-recruit-guideline-data-block {
    margin-bottom: 27px
}

.c-recruit-guideline-data-block:last-of-type {
    margin-bottom: 0
}

.c-recruit-guideline-data-block .is-big {
    font-weight: 500
}

.c-recruit-guideline-data-block .c-recruit-guidline-data-list {
    margin-top: 10px
}

.c-recruit-guideline-data-list__item {
    font-size: 1.4rem
}

@media all and (min-width: 600px) {
    .c-recruit-guideline__inner {
        padding-top:120px;
        padding-bottom: 95px
    }

    .c-recruit-guideline__head {
        margin-bottom: 16px
    }

    .c-recruit-guideline-data th {
        width: 210px
    }

    .c-recruit-guideline-data-block {
        margin-bottom: 35px
    }

    .c-recruit-guideline-data-block .is-big {
        font-size: 1.8rem
    }

    .c-recruit-guideline-data-list__item {
        font-size: 1.6rem;
        margin-bottom: 10px
    }

    .c-recruit-guideline-data-list__item:last-of-type {
        margin-bottom: 0
    }
}

.c-recruit-flow__inner {
    padding-top: 70px;
    padding-bottom: 70px
}

.c-recruit-flow__head {
    margin-bottom: 40px
}

.c-recruit-flow-list__item {
    text-align: center;
    padding-bottom: 50px;
    margin-bottom: 30px;
    position: relative
}

.c-recruit-flow-list__item:last-of-type {
    padding-bottom: 0;
    margin-bottom: 0
}

.c-recruit-flow-list__img {
    display: block;
    width: 90px;
    margin: 0 auto 10px
}

.c-recruit-flow-list__txt {
    font-size: 1.7rem;
    font-weight: 500
}

.c-recruit-flow-list-ico {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto
}

@media all and (max-width: 599px) {
    .c-recruit-flow-list-ico {
        -webkit-transform:rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg)
    }
}

@media all and (min-width: 600px) {
    .c-recruit-flow__inner {
        padding-top:120px;
        padding-bottom: 119px
    }

    .c-recruit-flow__head {
        margin-bottom: 60px
    }

    .c-recruit-flow-list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .c-recruit-flow-list__item {
        width: 11%;
        padding: 0;
        margin: 0
    }

    .c-recruit-flow-list__img {
        width: 76px;
        margin-bottom: 27px
    }

    .c-recruit-flow-list__txt {
        font-size: 2.2rem
    }

    .c-recruit-flow-list-ico {
        top: 28px;
        bottom: auto;
        left: auto;
        right: -38px
    }

    .c-recruit-flow-list-ico:before {
        width: 29px;
        height: 6px
    }

    .c-recruit-flow-list.is-col6 .c-recruit-flow-list-ico {
        right: -54px
    }
}

.c-recruit-contact__inner {
    padding-top: 53px;
    padding-bottom: 54px
}

.c-recruit-contact__head {
    margin-bottom: 34px
}

.c-recruit-contact__txt {
    font-size: 1.5rem;
    margin-bottom: 10px
}

.c-recruit-contact__txt:last-of-type {
    margin-bottom: 0
}

.c-recruit-contact__txt .is-big {
    font-size: 1.6rem;
    font-weight: 500
}

.c-recruit-contact__txt.is-small {
    font-size: 1.4rem
}

@media all and (min-width: 600px) {
    .c-recruit-contact__inner {
        padding-top:100px;
        padding-bottom: 95px
    }

    .c-recruit-contact__head {
        margin-bottom: 46px
    }

    .c-recruit-contact__txt {
        text-align: center;
        font-size: 1.8rem;
        margin-bottom: 20px
    }

    .c-recruit-contact__txt .is-big {
        font-size: 2rem
    }

    .c-recruit-contact__txt.is-small {
        font-size: 1.6rem
    }
}

.c-services01__inner {
    padding-top: 70px
}

@media all and (min-width: 600px) {
    .c-services01__inner {
        padding-top:120px
    }
}

.c-services01__content {
    margin-top: 40px
}

.c-services01__list {
    margin: 35px -25px 1px
}

@media all and (min-width: 600px) {
    .c-services01__list {
        -ms-flex-wrap:wrap;
        flex-wrap: wrap;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin: 65px 0 2px;
        flex-direction: column;
    }
}

@media all and (max-width: 599px) {
    .c-services01__list .card+.card {
        margin-top:1px
    }
}

@media all and (min-width: 600px) {
    .c-services01__list .card {
        -webkit-box-flex:0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        position: relative
    }

    .c-services01__list .card:before {
        position: absolute;
        z-index: 1;
        content: '';
        display: block;
        top: 0;
        bottom: 0;
        width: 1px;
        background: #fff
    }

    .c-services01__list .card:nth-of-type(odd):before {
        right: 0
    }

    .c-services01__list .card:nth-of-type(even):before {
        left: 0
    }

    .c-services01__list .card:nth-of-type(n+3) {
        margin-top: 2px
    }
}

.c-set01-txt-area {
    margin-bottom: 20px
}

.c-set01__head {
    margin-bottom: 25px
}

.c-set01__txt+.c-set01__txt {
    margin-top: 12px
}

.c-set01__txt.is-mg {
    margin: -20px auto 30px
}

@media all and (min-width: 600px) {
    .c-set01 {
        min-height:455px;
        position: relative
    }

    .c-set01-txt-area {
        width: 51%;
        margin: 0 0 0 auto
    }

    .c-set01__head {
        margin-bottom: 40px
    }

    .c-set01__txt+.c-set01__txt {
        margin-top: 20px
    }

    .c-set01__txt.is-mg {
        margin: -37px auto 55px
    }

    .c-set01-pic-area {
        width: 800px;
        position: absolute;
        top: 5px;
        left: calc(50% - 860px)
    }

    .c-set01__pic {
        width: 100%
    }

    .c-set01.is-left .c-set01-txt-area {
        margin: 0 auto 0 0
    }

    .c-set01.is-left .c-set01-pic-area {
        left: auto;
        right: calc(50% - 860px)
    }

    .c-set01.is-single {
        min-height: auto
    }

    .c-set01.is-single .c-set01-txt-area {
        width: 100%;
        margin: 0 auto
    }
}

.c-single01__head {
    padding-bottom: 16px;
    margin-bottom: 25px;
    border-bottom: 1px solid #f5f5f5
}

.c-single01__head h1 {
    color: #242c40;
    font-size: 2.1rem;
    font-weight: 700;
    letter-spacing: .06em;
    line-height: 1.8
}

.c-single01__head__meta {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.c-single01-tag {
    margin-right: 5px
}

.c-single01-tag__item {
    color: #fff;
    font-size: 1.2rem;
    display: inline-block;
    padding: 2px 13px;
    margin: 0 5px 5px 0;
    background: #242c40
}

.c-single01-date {
    color: #999;
    margin-bottom: 5px
}

.c-single01__content *:first-child {
    margin-top: 0
}

.c-single01__content *:last-child {
    margin-bottom: 0
}

.c-single01__content img {
    max-width: 100%;
    width: auto;
    height: auto
}

.c-single01__content p {
    margin: 15px 0
}

.c-single01__content p a {
    color: #242c40;
    border-bottom: 1px solid #242c40
}

.c-single01__content h2 {
    font-size: 1.8rem;
    line-height: 1.5;
    padding: 0 0 0 10px;
    margin-bottom: 15px;
    border-left: 1px solid #242c40
}

.c-single01__content h3 {
    font-size: 1.8rem;
    line-height: 1.5;
    padding: 7px 15px;
    margin: 30px auto 15px;
    background: #f5f5f5
}

.c-single01__content h4 {
    font-size: 1.6rem;
    line-height: 1.5;
    padding-bottom: 9px;
    margin: 22px auto 15px;
    border-bottom: 1px solid #f5f5f5
}

.c-single01__content ul,.c-single01__content ol {
    margin: 15px auto
}

.c-single01__content ul li,.c-single01__content ol li {
    position: relative;
    padding: 0 0 0 23px
}

.c-single01__content ul li:before,.c-single01__content ol li:before {
    content: "";
    display: block;
    position: absolute
}

.c-single01__content ul li:before {
    content: "";
    display: block;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background: #242c40;
    position: absolute;
    top: 12px;
    left: 3px
}

.c-single01__content ol {
    counter-reset: number
}

.c-single01__content ol li:before {
    counter-increment: number;
    content: counter(number) ".";
    top: 0;
    left: 0
}

@media all and (min-width: 600px) {
    .c-single01__head {
        padding-bottom:17px;
        margin-bottom: 48px
    }

    .c-single01__head h1 {
        font-size: 3rem
    }

    .c-single01__head__meta {
        margin-bottom: 10px
    }

    .c-single01-tag__item {
        font-size: 1.4rem;
        padding: 2px 26px
    }

    .c-single01__content p {
        margin: 20px 0
    }

    .c-single01__content p a {
        -webkit-transition: all .3s ease;
        transition: all .3s ease
    }

    .c-single01__content p a:hover {
        opacity: .7
    }

    .c-single01__content h2 {
        font-size: 2.4rem;
        padding-left: 18px;
        margin-bottom: 20px
    }

    .c-single01__content h3 {
        font-size: 2rem;
        padding: 13px 20px;
        margin: 40px auto 20px
    }

    .c-single01__content h4 {
        font-size: 2rem;
        padding-bottom: 15px;
        margin: 35px auto 20px
    }

    .c-single01__content ul,.c-single01__content ol {
        margin: 20px auto
    }

    .c-single01__content ul li:before {
        width: 4px;
        height: 4px;
        top: 17px
    }
}

.c-single-works__head {
    padding-bottom: 6px;
    margin-bottom: 9px;
    border-bottom: 1px solid #f5f5f5
}

.c-single-works__head-area {
    margin-bottom: 20px
}

.c-single-works__head-lead {
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 1.5;
    margin-bottom: 5px
}

.c-single-works__head h1 {
    color: #242c40;
    font-size: 2.1rem;
    font-weight: 700;
    letter-spacing: .06em;
    line-height: 1.8
}

.c-single-works__head__meta {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.c-single-works-tag {
    margin-right: 5px
}

.c-single-works-tag__item {
    color: #fff;
    font-size: 1.2rem;
    display: inline-block;
    padding: 2px 13px;
    margin: 0 5px 5px 0;
    background: #242c40
}

.c-single-works__content h2 {
    font-size: 1.8rem;
    line-height: 1.5;
    padding: 7px 15px;
    margin: 0 auto 20px;
    background: #f5f5f5
}

.c-single-works__content img {
    max-width: 100%;
    width: auto;
    height: auto
}

.c-single-works__content dl {
    margin-bottom: 45px
}

.c-single-works__content dl dt {
    font-size: 1.6rem;
    font-weight: 500;
    margin-bottom: 5px
}

.c-single-works__content dl dd {
    padding-bottom: 20px;
    margin-bottom: 16px;
    border-bottom: 1px solid #f5f5f5
}

.c-single-works__content dl dd:last-of-type {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: none
}

.c-single-works__detail,.c-single-works__free {
    margin-bottom: 20px
}

.c-single-works-slider01 {
    margin-bottom: 15px
}

.c-single-works-slider01>.slick-arrow {
    position: absolute;
    bottom: 0;
    background: transparent;
    border: none;
    outline: none;
    font-size: 0;
    cursor: pointer;
    width: 35px;
    height: 35px;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: 2;
    background-color: rgba(36,44,64,0.8)
}

.c-single-works-slider01>.slick-arrow:before {
    position: absolute;
    content: '';
    display: block;
    top: 50%;
    left: 50%;
    width: 22px;
    height: 4px;
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: 100% 50%;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2268px%22%20height%3D%226px%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20fill%3D%22%23fff%22%20d%3D%22M67.979%2C5.490%20L-0.008%2C5.490%20L-0.008%2C4.516%20L65.550%2C4.516%20L62.050%2C1.127%20L62.761%2C0.438%20L67.979%2C5.490%20Z%22%2F%3E%3C%2Fsvg%3E");
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: margin .3s ease;
    transition: margin .3s ease
}

.c-single-works-slider01>.slick-arrow.slick-next {
    right: -15px
}

.c-single-works-slider01>.slick-arrow.slick-prev {
    left: -15px
}

.c-single-works-slider01>.slick-arrow.slick-prev:before {
    -webkit-transform: translate(-50%, -50%) scale(-1, 1);
    -ms-transform: translate(-50%, -50%) scale(-1, 1);
    transform: translate(-50%, -50%) scale(-1, 1)
}

.c-single-works-slider01-area {
    margin-bottom: 40px
}

.c-single-works-slider01-nav__item {
    width: 115px !important;
    margin: 0 15px 0 0
}

.c-single-works-slider01-nav__item img {
    width: 100%
}

.c-single-works-slider01-nav .slick-arrow {
    position: absolute;
    bottom: 0;
    background: transparent;
    border: 1px solid #242c40;
    outline: none;
    font-size: 0;
    cursor: pointer;
    width: 35px;
    height: 35px;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: 2;
    background-color: rgba(255,255,255,0.4)
}

.c-single-works-slider01-nav .slick-arrow:before {
    position: absolute;
    content: '';
    display: block;
    top: 50%;
    left: 50%;
    width: 22px;
    height: 4px;
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: 100% 50%;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2268px%22%20height%3D%226px%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20fill%3D%22%23242c40%22%20d%3D%22M67.979%2C5.490%20L-0.008%2C5.490%20L-0.008%2C4.516%20L65.550%2C4.516%20L62.050%2C1.127%20L62.761%2C0.438%20L67.979%2C5.490%20Z%22%2F%3E%3C%2Fsvg%3E");
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: margin .3s ease;
    transition: margin .3s ease
}

.c-single-works-slider01-nav .slick-arrow.slick-next {
    right: -15px
}

.c-single-works-slider01-nav .slick-arrow.slick-prev {
    left: -15px
}

.c-single-works-slider01-nav .slick-arrow.slick-prev:before {
    -webkit-transform: translate(-50%, -50%) scale(-1, 1);
    -ms-transform: translate(-50%, -50%) scale(-1, 1);
    transform: translate(-50%, -50%) scale(-1, 1)
}

.c-single-works-slider02 {
    margin-bottom: 30px
}

@media all and (min-width: 600px) {
    .c-single-works__head {
        -ms-flex-negative:0;
        flex-shrink: 0;
        padding: 0 28px 0 0;
        margin: 0 40px 0 0;
        border-bottom: none;
        border-right: 1px solid #f5f5f5
    }

    .c-single-works__head-area {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-bottom: 28px
    }

    .c-single-works__head h1 {
        font-size: 3rem
    }

    .c-single-works__head__meta {
        margin-bottom: -4px
    }

    .c-single-works__head-lead {
        font-size: 1.8rem;
        margin: 10px 0 0
    }

    .c-single-works-tag__item {
        font-size: 1.4rem;
        padding: 2px 26px
    }

    .c-single-works__content h2 {
        font-size: 2rem;
        padding: 13px 20px;
        margin: 0 auto 40px
    }

    .c-single-works__content dl {
        margin: 0 auto 65px;
        overflow: hidden
    }

    .c-single-works__content dl dt {
        width: 145px;
        float: left;
        font-size: 1.8rem
    }

    .c-single-works__content dl dd {
        padding: 0 0 33px 155px;
        margin-bottom: 31px
    }

    .c-single-works__detail,.c-single-works__free {
        margin-bottom: 40px
    }

    .c-single-works-slider01 {
        margin-bottom: 30px
    }

    .c-single-works-slider01>.slick-arrow {
        width: 40px;
        height: 40px
    }

    .c-single-works-slider01>.slick-arrow.slick-next {
        right: 0
    }

    .c-single-works-slider01>.slick-arrow.slick-next:hover:before {
        margin-left: 6px
    }

    .c-single-works-slider01>.slick-arrow.slick-prev {
        left: 0
    }

    .c-single-works-slider01>.slick-arrow.slick-prev:hover:before {
        margin-left: -6px
    }

    .c-single-works-slider01-area {
        margin-bottom: 80px
    }

    .c-single-works-slider01-nav__item {
        width: 228px !important;
        margin: 0 30px 0 0;
        opacity: 0.6;
        -webkit-transition: opacity .3s ease;
        transition: opacity .3s ease
    }

    .slick-current .c-single-works-slider01-nav__item {
        opacity: 1
    }

    .c-single-works-slider01-nav .slick-arrow {
        width: 40px;
        height: 40px
    }

    .c-single-works-slider01-nav .slick-arrow.slick-next {
        right: -72px
    }

    .c-single-works-slider01-nav .slick-arrow.slick-next:hover:before {
        margin-left: 6px
    }

    .c-single-works-slider01-nav .slick-arrow.slick-prev {
        left: -72px
    }

    .c-single-works-slider01-nav .slick-arrow.slick-prev:hover:before {
        margin-left: -6px
    }

    .c-single-works-slider02 {
        margin-bottom: 45px
    }

    .c-single-works-slider02__item {
        width: 335px !important;
        margin: 0 47px 0 0 !important
    }

    .c-single-works-slider02 .slick-arrow {
        position: absolute;
        bottom: 0;
        background: transparent;
        border: 1px solid #242c40;
        outline: none;
        font-size: 0;
        cursor: pointer;
        width: 40px;
        height: 40px;
        top: 100px;
        z-index: 2;
        background-color: rgba(255,255,255,0.4)
    }

    .c-single-works-slider02 .slick-arrow:before {
        position: absolute;
        content: '';
        display: block;
        top: 50%;
        left: 50%;
        width: 22px;
        height: 4px;
        background-size: auto 100%;
        background-repeat: no-repeat;
        background-position: 100% 50%;
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2268px%22%20height%3D%226px%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20fill%3D%22%23242c40%22%20d%3D%22M67.979%2C5.490%20L-0.008%2C5.490%20L-0.008%2C4.516%20L65.550%2C4.516%20L62.050%2C1.127%20L62.761%2C0.438%20L67.979%2C5.490%20Z%22%2F%3E%3C%2Fsvg%3E");
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        -webkit-transition: margin .3s ease;
        transition: margin .3s ease
    }

    .c-single-works-slider02 .slick-arrow.slick-next {
        right: -72px
    }

    .c-single-works-slider02 .slick-arrow.slick-next:hover:before {
        margin-left: 6px
    }

    .c-single-works-slider02 .slick-arrow.slick-prev {
        left: -72px
    }

    .c-single-works-slider02 .slick-arrow.slick-prev:before {
        -webkit-transform: translate(-50%, -50%) scale(-1, 1);
        -ms-transform: translate(-50%, -50%) scale(-1, 1);
        transform: translate(-50%, -50%) scale(-1, 1)
    }

    .c-single-works-slider02 .slick-arrow.slick-prev:hover:before {
        margin-left: -6px
    }
}

.c-slider01 {
    padding-bottom: 50px
}

.c-slider01__item {
    width: 290px !important;
    margin: 0 15px
}

.c-slider01 .slick-arrow {
    position: absolute;
    bottom: 0;
    background: transparent;
    border: 1px solid #242c40;
    outline: none;
    font-size: 0;
    cursor: pointer;
    width: 35px;
    height: 35px
}

.c-slider01 .slick-arrow:before {
    position: absolute;
    content: '';
    display: block;
    top: 50%;
    left: 50%;
    width: 22px;
    height: 4px;
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: 100% 50%;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2268px%22%20height%3D%226px%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20fill%3D%22%23242c40%22%20d%3D%22M67.979%2C5.490%20L-0.008%2C5.490%20L-0.008%2C4.516%20L65.550%2C4.516%20L62.050%2C1.127%20L62.761%2C0.438%20L67.979%2C5.490%20Z%22%2F%3E%3C%2Fsvg%3E");
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: margin .3s ease;
    transition: margin .3s ease
}

.c-slider01 .slick-arrow.slick-next {
    right: 15px
}

.c-slider01 .slick-arrow.slick-prev {
    left: 15px
}

.c-slider01 .slick-arrow.slick-prev:before {
    -webkit-transform: translate(-50%, -50%) scale(-1, 1);
    -ms-transform: translate(-50%, -50%) scale(-1, 1);
    transform: translate(-50%, -50%) scale(-1, 1)
}

@media all and (min-width: 600px) {
    .c-slider01 {
        padding-bottom:120px
    }

    .c-slider01__item {
        width: 420px !important;
        margin: 0 25px
    }

    .c-slider01 .slick-arrow {
        width: 70px;
        height: 70px
    }

    .c-slider01 .slick-arrow:before {
        width: 37px;
        height: 6px
    }

    .c-slider01 .slick-arrow.slick-next {
        right: 30px
    }

    .c-slider01 .slick-arrow.slick-next:hover:before {
        margin-left: 6px
    }

    .c-slider01 .slick-arrow.slick-prev {
        left: 30px
    }

    .c-slider01 .slick-arrow.slick-prev:hover:before {
        margin-left: -6px
    }
}

@media all and (max-width: 599px) {
    .c-table01 table,.c-table01 thead,.c-table01 tbody,.c-table01 tr,.c-table01 th,.c-table01 td {
        display:block;
        box-sizing: border-box
    }

    .c-table01 tr+tr {
        position: relative;
        border-top: 1px solid #e5e5e5
    }

    .c-table01 tr+tr:before {
        position: absolute;
        content: '';
        display: block;
        top: -1px;
        left: 0;
        width: 125px;
        height: 1px;
        background: #242c40
    }

    .c-table01 th {
        padding: 20px 15px 0;
        font-weight: 500
    }

    .c-table01 td {
        padding: 8px 15px 20px
    }
}

@media all and (min-width: 600px) {
    .c-table01 tr+tr th,.c-table01 tr+tr td {
        border-top:1px solid #242c40
    }

    .c-table01 tr+tr td {
        border-color: #e5e5e5
    }

    .c-table01 th,.c-table01 td {
        box-sizing: border-box
    }

    .c-table01 th {
        width: 210px;
        padding: 30px 15px 29px 30px;
        font-weight: 500
    }

    .c-table01 td {
        padding: 30px 0 29px 30px
    }
}

.c-table02 {
    border-top: 1px solid #f5f5f5
}

.c-table02 tr {
    border-bottom: 1px solid #f5f5f5
}

.c-table02 th,.c-table02 td {
    box-sizing: border-box
}

@media all and (max-width: 599px) {
    .c-table02 th,.c-table02 td {
        display:block;
        width: 100%
    }
}

.c-table02 th {
    font-weight: 500;
    font-size: 1.5rem;
    padding: 16px 10px 11px
}

.c-table02 td {
    font-size: 1.2rem;
    padding: 0 10px 20px
}

@media all and (min-width: 600px) {
    .c-table02 th {
        width:256px;
        padding: 37px 0 30px 29px
    }

    .c-table02 td {
        font-size: 1.6rem;
        padding: 30px 30px 30px 100px
    }
}

.c-voice-list__link {
    display: block
}

.c-voice-list-pic-area {
    margin-bottom: 20px;
    position: relative
}

.c-voice-list__txt {
    font-size: 1.2rem;
    font-weight: 500;
    margin-left: 70px;
    padding: 13px 15px;
    background: rgba(255,255,255,0.8);
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 2
}

.c-voice-list__tag {
    display: table;
    color: #fff;
    text-align: center;
    font-size: 1.1rem;
    font-weight: 500;
    padding: 1px 14px;
    background: #242c40
}

.c-voice-list__tag.is-freshers {
    background: #438fc9
}

@media all and (min-width: 600px) {
    .c-voice-list__link:hover .c-voice-list-pic-area img {
        -webkit-transform:translateX(-50%) scale(1.1);
        -ms-transform: translateX(-50%) scale(1.1);
        transform: translateX(-50%) scale(1.1)
    }

    .c-voice-list-pic-area {
        margin-bottom: 30px;
        overflow: hidden
    }

    .c-voice-list-pic-area img {
        position: relative;
        display: block;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        -webkit-transition: -webkit-transform .3s ease;
        transition: -webkit-transform .3s ease;
        transition: transform .3s ease;
        transition: transform .3s ease, -webkit-transform .3s ease
    }

    .c-voice-list__txt {
        margin-left: 100px;
        font-size: 1.7rem;
        padding: 10px 30px
    }

    .c-voice-list__tag {
        font-size: 1.4rem;
        padding: 0 25px
    }
}

.c-works01 {
    background: #f5f5f5
}

@media all and (min-width: 600px) {
    .c-works01 {
        background:url(../img/common/bg_works01.jpg) no-repeat 50% 100% #f5f5f5;
        background-size: 1920px auto
    }
}

.c-works01__inner {
    padding: 68px 25px 55px
}

@media all and (min-width: 600px) {
    .c-works01__inner {
        padding:115px 0 80px
    }
}

.c-works01__head {
    text-align: center;
    text-transform: uppercase;
    color: #242c40;
    font-size: 3rem
}

@media all and (min-width: 600px) {
    .c-works01__head {
        font-size:5rem
    }
}

.c-works01__lead {
    margin-top: 15px;
    line-height: 1.9
}

@media all and (min-width: 600px) {
    .c-works01__lead {
        margin-top:20px;
        line-height: 2.1875;
        text-align: center
    }
}

.c-works01__content {
    margin-top: 40px
}

@media all and (min-width: 600px) {
    .c-works01__content {
        position:relative;
        margin-top: 60px
    }
}

.c-works01__list .card+.card {
    margin-top: 15px
}

@media all and (max-width: 599px) {
    .c-works01__list .card:nth-of-type(n+4) {
        display:none
    }
}

@media all and (min-width: 600px) {
    .c-works01__list {
        position:relative;
        width: 1360px;
        margin: auto
    }

    .c-works01__list .slick-list {
        overflow: visible
    }

    .c-works01__list .slick-slide {
        width: 420px;
        margin: 0 25px
    }
}

@media all and (max-width: 599px) {
    .c-works01__arrwos {
        display:none
    }
}

@media all and (min-width: 600px) {
    .c-works01__arrwos {
        position:absolute;
        left: 0;
        bottom: -123px;
        width: 100%;
        border: 1px solid #000
    }

    .c-works01 .slick-arrow {
        position: absolute;
        bottom: 0;
        background: transparent;
        border: 1px solid #242c40;
        outline: none;
        font-size: 0;
        width: 70px;
        height: 70px;
        cursor: pointer
    }

    .c-works01 .slick-arrow:before {
        position: absolute;
        content: '';
        display: block;
        top: 50%;
        left: 50%;
        width: 37px;
        height: 6px;
        background-size: auto 100%;
        background-repeat: no-repeat;
        background-position: 100% 50%;
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2268px%22%20height%3D%226px%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20fill%3D%22%23242c40%22%20d%3D%22M67.979%2C5.490%20L-0.008%2C5.490%20L-0.008%2C4.516%20L65.550%2C4.516%20L62.050%2C1.127%20L62.761%2C0.438%20L67.979%2C5.490%20Z%22%2F%3E%3C%2Fsvg%3E");
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        -webkit-transition: margin .3s ease;
        transition: margin .3s ease
    }

    .c-works01 .slick-arrow.slick-next {
        right: 30px
    }

    .c-works01 .slick-arrow.slick-next:hover:before {
        margin-left: 6px
    }

    .c-works01 .slick-arrow.slick-prev {
        left: 30px
    }

    .c-works01 .slick-arrow.slick-prev:before {
        -webkit-transform: translate(-50%, -50%) scale(-1, 1);
        -ms-transform: translate(-50%, -50%) scale(-1, 1);
        transform: translate(-50%, -50%) scale(-1, 1)
    }

    .c-works01 .slick-arrow.slick-prev:hover:before {
        margin-left: -6px
    }
}

.c-works01__btn {
    margin: 35px auto 0
}

@media all and (min-width: 600px) {
    .c-works01__btn {
        margin-top:60px
    }
}

.l-breadcrumb .breadcrumb-list {
    position: relative;
    z-index: 1;
    height: 100px;
    margin-bottom: -100px
}

.l-breadcrumb .breadcrumb-list__item {
    display: inline-block;
    font-size: 1.4rem;
    color: #999
}

.l-breadcrumb .breadcrumb-list__item+.breadcrumb-list__item {
    padding-left: 5px
}

.l-breadcrumb .breadcrumb-list__item+.breadcrumb-list__item:before {
    content: "/";
    color: #242c40;
    margin-right: 4px
}

.l-breadcrumb .breadcrumb-list__link {
    color: #242c40
}

.l-footer {
    position: relative;
    padding: 50px 25px 40px;
    background: #f5f5f5
}

@media all and (min-width: 600px) {
    .l-footer {
        padding:120px 0 100px
    }
}

@media all and (min-width: 600px) {
    .l-footer__inner {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        max-width: 1100px;
        margin: auto
    }
}

@media all and (max-width: 599px) {
    .sub-ft-nav__item {
        margin-top:10px
    }

    .sub-ft-nav__item+.sub-ft-nav__item {
        margin-top: 0
    }

    .sub-ft-nav__link {
        color: #999;
        font-size: 1.2rem
    }

    .sub-ft-nav__link:hover {
        text-decoration: underline
    }
}

@media all and (min-width: 600px) {
    .ft-nav {
        -webkit-box-flex:2;
        -ms-flex: 2 0 500px;
        flex: 2 0 500px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-top: -10px;
        margin-left: 75px
    }

    .ft-nav__item+.ft-nav__item {
        margin-top: 13px
    }

    .ft-nav__txt {
        font-weight: 500;
        font-size: 1.5rem
    }

    .ft-nav__link:hover {
        text-decoration: underline
    }

    .ft-nav-child__list {
        margin-top: 5px
    }

    .ft-nav-child__link {
        display: block;
        color: #999;
        font-size: 1.4rem
    }

    .ft-nav-child__link:hover {
        text-decoration: underline
    }

    .sub-ft-nav__item {
        margin-top: 50px
    }

    .sub-ft-nav__item+.sub-ft-nav__item {
        margin-top: 0
    }

    .sub-ft-nav__link {
        color: #999;
        font-size: 1.4rem
    }

    .sub-ft-nav__link:hover {
        text-decoration: underline
    }
}

@media all and (min-width: 600px) {
    .ft-info {
        -webkit-box-flex:0;
        -ms-flex: 0 0 330px;
        flex: 0 0 330px
    }
}

.ft-info-logo {
    width: 123px
}

@media all and (min-width: 600px) {
    .ft-info-logo {
        width:186px
    }
}

.ft-info-logo__link {
    display: block
}

.ft-info__company {
    margin-top: 20px;
    font-weight: 500;
    font-size: 1.3rem
}

@media all and (min-width: 600px) {
    .ft-info__company {
        margin-top:50px;
        font-size: 1.5rem
    }
}

.ft-info__address {
    margin-top: 5px;
    font-size: 1.3rem;
    line-height: 1.53846
}

@media all and (min-width: 600px) {
    .ft-info__address {
        font-size:1.4rem;
        line-height: 1.78571
    }
}

.ft-cr {
    margin-top: 10px;
    font-size: 1.2rem;
    color: #999
}

@media all and (min-width: 600px) {
    .ft-cr {
        width:1100px;
        margin: -25px auto 0;
        font-size: 1.3rem
    }
}

@media all and (max-width: 599px) {
    .ft-pagetop {
        position:absolute;
        right: 0;
        top: 0
    }
}

.ft-pagetop__link {
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    background: #1a1a1a;
    width: 50px;
    height: 50px
}

.ft-pagetop__ico {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

@media all and (min-width: 600px) {
    .ft-pagetop__ico {
        -webkit-transition:margin .3s ease;
        transition: margin .3s ease
    }
}

@media all and (min-width: 600px) {
    .ft-pagetop {
        opacity:0;
        visibility: hidden;
        position: fixed;
        z-index: 999;
        right: 0;
        bottom: 0;
        margin: 0 30px 30px 0;
        -webkit-transition: opacity .3s ease;
        transition: opacity .3s ease
    }

    .ft-pagetop.is-view {
        opacity: 1;
        visibility: visible
    }

    .ft-pagetop__link {
        width: 70px;
        height: 70px
    }

    .ft-pagetop__link:hover .ft-pagetop__ico {
        margin-top: -10px
    }
}

.l-header {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    min-width: 320px;
    z-index: 2000;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    -webkit-transition-property: margin, -webkit-transform;
    transition-property: margin, -webkit-transform;
    transition-property: margin, transform;
    transition-property: margin, transform, -webkit-transform
}

@media all and (min-width: 600px) {
    .l-header {
        width:100%;
        min-width: 1200px
    }
}

.l-header.is-set {
    margin-top: -110px
}

@media all and (max-width: 599px) {
    .l-header.is-set .nav-btn {
        margin-top:-110px
    }
}

.l-header.is-fixed {
    position: fixed;
    margin-top: 0
}

@media all and (max-width: 599px) {
    .l-header.is-fixed .nav-btn {
        position:fixed;
        margin-top: 0
    }
}

@media all and (min-width: 600px) {
    .l-header.is-fixed {
        min-width:1200px
    }
}

.l-header.is-return {
    margin-top: -110px
}

@media all and (max-width: 599px) {
    .l-header.is-return .nav-btn {
        margin-top:-110px
    }
}

.l-header.is-set .l-header .hd-info__logo-link img:nth-of-type(1) {
    opacity: 0
}

.l-header.is-set .l-header .hd-info__logo-link img:nth-of-type(2) {
    opacity: 1
}

.l-header.is-fixed .hd-info__logo-link img:nth-of-type(2) {
    opacity: 1
}

.l-header.is-fixed .hd-info {
    background: #fff
}

@media all and (min-width: 600px) {
    .l-header.is-fixed .hd-info__logo {
        margin-top:0
    }

    .l-header.is-fixed .nav-list__txt span:before {
        background: #242c40
    }

    .l-header.is-fixed .nav-list__txt,.l-header.is-fixed .nav-list__link {
        color: #242c40
    }

    .l-header.is-fixed .nav-list-btn__link {
        border-color: #242c40;
        color: #242c40
    }

    .l-header.is-fixed .nav-list-btn__link:before {
        background: #242c40
    }

    .l-header.is-fixed .nav-list-btn__link:hover {
        color: #fff
    }
}

.l-header .hd-info {
    position: relative;
    z-index: 3;
    height: 55px
}

@media all and (min-width: 600px) {
    .l-header .hd-info {
        height:110px
    }
}

.l-header .hd-info__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media all and (max-width: 599px) {
    .l-header .hd-info__inner.is-open {
        background:#242c40;
        border-bottom: 1px solid #242c40
    }
}

@media all and (min-width: 600px) {
    .l-header .hd-info__inner {
        height:100%
    }
}

.l-header .hd-info__logo {
    width: 88px;
    padding: 15px
}

@media all and (min-width: 600px) {
    .l-header .hd-info__logo {
        -webkit-box-flex:0;
        -ms-flex: 0 0 136px;
        flex: 0 0 136px;
        width: 136px;
        margin: 10px 0 0 50px;
        padding: 0
    }
}

.l-header .hd-info__logo img:nth-of-type(2) {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease
}

.l-header .hd-info__logo-link {
    position: relative;
    display: block
}

.l-header .nav-btn {
    position: absolute;
    top: 0;
    right: 0;
    width: 55px;
    height: 55px;
    background: #fff;
    cursor: pointer;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.l-header .nav-btn__line {
    position: absolute;
    left: 14px;
    width: 27px;
    height: 1px;
    content: '';
    background: #242c40;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.l-header .nav-btn__line:nth-child(1) {
    top: 23px
}

.l-header .nav-btn__line:nth-child(2) {
    top: 31px
}

.l-header .nav-btn.is-open {
    background: #242c40
}

.l-header .nav-btn.is-open .nav-btn__line {
    background: #fff
}

.l-header .nav-btn.is-open .nav-btn__line:nth-child(1) {
    top: 27px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.l-header .nav-btn.is-open .nav-btn__line:nth-child(2) {
    top: 27px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.l-header .nav-btn__chara {
    position: absolute;
    left: 0;
    bottom: 3px;
    width: 100%;
    font-size: 1rem;
    line-height: 1.2;
    text-align: center
}

@media all and (max-width: 599px) {
    .l-nav {
        overflow:auto;
        position: absolute;
        top: 55px;
        left: 0;
        z-index: 2;
        width: 100%;
        max-height: calc(100vh - 55px);
        min-width: 320px;
        padding: 0 0 55px;
        background: #242c40;
        box-sizing: border-box;
        -webkit-overflow-scrolling: touch;
        visibility: hidden;
        opacity: 0
    }

    .l-nav::-webkit-scrollbar {
        display: none
    }

    .l-nav.is-close {
        opacity: 0;
        visibility: hidden;
        -webkit-transition: opacity .3s ease, visibility 0s ease .3s;
        transition: opacity .3s ease, visibility 0s ease .3s
    }

    .l-nav.is-open {
        opacity: 1;
        visibility: visible;
        -webkit-transition: opacity .3s ease, visibility 0s ease;
        transition: opacity .3s ease, visibility 0s ease
    }
}

@media all and (max-width: 599px) {
    .nav-list {
        border-top:1px solid #1b2130
    }

    .nav-list__item {
        border-bottom: 1px solid #1b2130
    }

    .nav-list__txt,.nav-list__link {
        position: relative;
        display: block;
        padding: 10px 25px;
        color: #fff;
        font-size: 1.5rem
    }

    .nav-list__txt:before,.nav-list__txt:after {
        position: absolute;
        content: '';
        display: block;
        top: 50%;
        right: 19px;
        width: 18px;
        height: 1px;
        background: #fff;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .nav-list__txt:after {
        opacity: 1;
        -webkit-transform: translateY(-50%) rotate(90deg);
        -ms-transform: translateY(-50%) rotate(90deg);
        transform: translateY(-50%) rotate(90deg);
        -webkit-transition: all .3s ease;
        transition: all .3s ease
    }

    .nav-list__txt.is-active:after {
        opacity: 0;
        -webkit-transform: translateY(-50%) rotate(270deg);
        -ms-transform: translateY(-50%) rotate(270deg);
        transform: translateY(-50%) rotate(270deg)
    }

    .nav-list__link:before {
        position: absolute;
        content: '';
        top: 50%;
        right: 13px;
        display: block;
        width: 27px;
        height: 4px;
        background-size: auto 100%;
        background-repeat: no-repeat;
        background-position: 100% 50%;
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2268px%22%20height%3D%226px%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20fill%3D%22%23fff%22%20d%3D%22M67.979%2C5.490%20L-0.008%2C5.490%20L-0.008%2C4.516%20L65.550%2C4.516%20L62.050%2C1.127%20L62.761%2C0.438%20L67.979%2C5.490%20Z%22%2F%3E%3C%2Fsvg%3E");
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .nav-list-btn {
        margin: 25px 25px 0
    }

    .nav-list-btn__link {
        position: relative;
        display: block;
        padding: 10px 15px;
        border: 1px solid #fff;
        text-align: center;
        color: #fff;
        box-sizing: border-box
    }

    .nav-list-btn__link:before {
        position: absolute;
        content: '';
        top: 50%;
        right: 13px;
        display: block;
        width: 27px;
        height: 4px;
        background-size: auto 100%;
        background-repeat: no-repeat;
        background-position: 100% 50%;
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2268px%22%20height%3D%226px%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20fill%3D%22%23fff%22%20d%3D%22M67.979%2C5.490%20L-0.008%2C5.490%20L-0.008%2C4.516%20L65.550%2C4.516%20L62.050%2C1.127%20L62.761%2C0.438%20L67.979%2C5.490%20Z%22%2F%3E%3C%2Fsvg%3E");
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .nav-list-btn__txt {
        margin: auto;
        text-transform: uppercase;
        font-size: 2rem;
        color: #fff
    }

    .nav-child-list {
        display: none;
        padding: 12px 0;
        background: #1b2130
    }

    .nav-child-list__link {
        display: block;
        padding: 8px 25px;
        color: #fff;
        font-size: 1.3rem
    }

    .sub-nav-list {
        margin: 25px 25px 0
    }

    .sub-nav-list__link {
        display: block;
        padding: 5px 0;
        color: #fff
    }
}

@media all and (min-width: 600px) {
    .nav-list {
        position:relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-right: 50px
    }

    .nav-list__item {
        position: relative;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .nav-list__item.item-child {
        position: relative
    }

    .nav-list__item.item-child:before {
        position: absolute;
        content: '';
        display: block;
        top: 0;
        right: 0;
        left: 0;
        bottom: -40px
    }

    .nav-list__item.item-child:hover .nav-list__txt+.nav-child-list {
        opacity: 1;
        visibility: visible;
        -webkit-transition: opacity .3s ease, visibility 0s;
        transition: opacity .3s ease, visibility 0s
    }

    .nav-list__item.item-child:hover .nav-list__txt span:before {
        width: 100%
    }

    .nav-list__txt {
        position: relative;
        cursor: default
    }

    .nav-list__txt,.nav-list__link {
        display: block;
        padding: 0 20px;
        color: #fff;
        font-size: 1.5rem;
        font-weight: 500
    }

    .nav-list__txt span,.nav-list__link span {
        position: relative
    }

    .nav-list__txt span:before,.nav-list__link span:before {
        position: absolute;
        content: '';
        display: block;
        bottom: -10px;
        left: 0;
        width: 0;
        height: 2px;
        background: #fff;
        -webkit-transition: width .3s ease;
        transition: width .3s ease
    }

    .nav-list__link:hover span:before {
        width: 100%
    }

    .nav-child-list {
        position: absolute;
        opacity: 0;
        visibility: hidden;
        background: #242c40;
        top: 65px;
        left: 20px;
        padding: 20px 30px;
        -webkit-transition: opacity .3s ease, visibility 0s ease .3s;
        transition: opacity .3s ease, visibility 0s ease .3s
    }

    .nav-child-list__link {
        display: block;
        padding: 5px 0;
        color: #fff;
        font-size: 1.4rem
    }

    .nav-child-list__link:hover {
        text-decoration: underline
    }

    .nav-child-list.list-services {
        width: 200px
    }

    .nav-child-list.list-company {
        width: 200px
    }

    .nav-child-list.list-recruit {
        width: 170px
    }

    .nav-list-btn {
        margin-left: 20px
    }

    .nav-list-btn__link {
        position: relative;
        display: block;
        width: 140px;
        padding: 5px;
        border: 1px solid #fff;
        font-size: 1.5rem;
        text-align: center;
        color: #fff;
        -webkit-transition: color .3s ease;
        transition: color .3s ease
    }

    .nav-list-btn__link:before {
        position: absolute;
        z-index: 0;
        content: '';
        display: block;
        top: 0;
        left: 0;
        width: 0;
        height: 100%;
        background: #fff;
        -webkit-transition: width .3s ease;
        transition: width .3s ease
    }

    .nav-list-btn__link:hover {
        color: #242c40
    }

    .nav-list-btn__link:hover:before {
        width: 100%
    }

    .nav-list-btn__txt {
        position: relative;
        z-index: 1
    }
}

@media all and (min-width: 600px) and (max-width: 1400px) {
    .l-header .hd-info__logo {
        margin-left:25px
    }

    .nav-list {
        margin-right: 25px
    }

    .nav-list__txt,.nav-list__link {
        padding: 0 10px
    }

    .nav-child-list {
        left: 10px
    }
}

@-webkit-keyframes scrollAnim {
    0% {
        -webkit-transform: scale(1, 0);
        transform: scale(1, 0);
        -webkit-transform-origin: left top;
        transform-origin: left top
    }

    40% {
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
        -webkit-transform-origin: left top;
        transform-origin: left top
    }

    50% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom
    }

    80% {
        -webkit-transform: scale(1, 0);
        transform: scale(1, 0);
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom
    }

    100% {
        -webkit-transform: scale(1, 0);
        transform: scale(1, 0);
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom
    }
}

@keyframes scrollAnim {
    0% {
        -webkit-transform: scale(1, 0);
        transform: scale(1, 0);
        -webkit-transform-origin: left top;
        transform-origin: left top
    }

    40% {
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
        -webkit-transform-origin: left top;
        transform-origin: left top
    }

    50% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom
    }

    80% {
        -webkit-transform: scale(1, 0);
        transform: scale(1, 0);
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom
    }

    100% {
        -webkit-transform: scale(1, 0);
        transform: scale(1, 0);
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom
    }
}

.l-main-img {
    position: relative;
    box-sizing: border-box;
    height: 100vh
}

.l-main-img-copy {
    position: absolute;
    display: block;
    left: 50%;
    top: 50%;
    width: 100%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    color: #fff
}

.l-main-img-copy__en {
    margin: 0 -10px;
    letter-spacing: 0.3em;
    font-size: 2rem;
    text-transform: uppercase;
    text-align: center;
    opacity: 0;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease
}

@media all and (max-width: 340px) {
    .l-main-img-copy__en {
        font-size:1.8rem
    }
}

@media all and (min-width: 600px) {
    .l-main-img-copy__en {
        margin:0;
        font-size: 5rem
    }
}

.l-main-img-copy__ja {
    margin-top: 10px;
    letter-spacing: 0.25em;
    font-size: 1.2rem;
    text-align: center;
    opacity: 0;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease
}

@media all and (min-width: 600px) {
    .l-main-img-copy__ja {
        margin-top:0;
        font-size: 2rem
    }
}

.l-main-img-slider {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease;
    -webkit-transition-duration: 0.9s;
    transition-duration: 0.9s
}

.l-main-img-slider .slick-list,.l-main-img-slider .slick-track,.l-main-img-slider .slick-slide>div {
    width: 100%;
    height: 100%
}

.l-main-img-slider__slide {
    width: 100%;
    height: 100%;
    background: no-repeat 50% 50%;
    background-size: cover
}

.l-main-img-slider__slide.slide-item01 {
    background-image: url(../img/home/mainimg01_sp.jpg)
}

@media all and (min-width: 600px) {
    .l-main-img-slider__slide.slide-item01 {
        background-image:url(../img/home/mainimg01_pc.jpg)
    }
}

.l-main-img-slider__slide.slide-item02 {
    background-image: url(../img/home/mainimg02_sp.jpg)
}

@media all and (min-width: 600px) {
    .l-main-img-slider__slide.slide-item02 {
        background-image:url(../img/home/mainimg02_pc.jpg)
    }
}

.l-main-img-slider__slide.slide-item03 {
    background-image: url(../img/home/mainimg03_sp.jpg)
}

@media all and (min-width: 600px) {
    .l-main-img-slider__slide.slide-item03 {
        background-image:url(../img/home/mainimg03_pc.jpg)
    }
}

@media all and (min-width: 600px) {
    .l-main-img-scroll {
        position:absolute;
        left: 35px;
        bottom: 30px
    }

    .l-main-img-scroll__txt {
        display: block;
        -webkit-writing-mode: vertical-lr;
        -ms-writing-mode: tb-lr;
        writing-mode: vertical-lr;
        color: #fff;
        font-size: 1.3rem;
        font-weight: 400;
        text-transform: uppercase;
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
        letter-spacing: 0.2em
    }

    .l-main-img-scroll__line {
        position: relative;
        left: 13px;
        margin-top: 10px;
        width: 1px;
        height: 100px;
        overflow: hidden
    }

    .l-main-img-scroll__line:before {
        position: absolute;
        content: '';
        display: block;
        bottom: 0;
        left: 0;
        width: 1px;
        height: 100%;
        background: #fff;
        -webkit-animation: scrollAnim 1.7s cubic-bezier(0.9, 0.1, 0.3, 0.9) infinite;
        animation: scrollAnim 1.7s cubic-bezier(0.9, 0.1, 0.3, 0.9) infinite;
        -webkit-transform: scale(1, 0);
        -ms-transform: scale(1, 0);
        transform: scale(1, 0)
    }
}

.l-main-img.is-active .l-main-img-slider.slick-initialized {
    opacity: 1
}

.l-main-img.is-active .l-main-img-copy__en,.l-main-img.is-active .l-main-img-copy__ja {
    opacity: 1;
    -webkit-transition-duration: 1.5s;
    transition-duration: 1.5s
}

.l-main-img.is-active .l-main-img-copy__en {
    -webkit-transition-delay: 1.2s;
    transition-delay: 1.2s
}

.l-main-img.is-active .l-main-img-copy__ja {
    -webkit-transition-delay: 2.1s;
    transition-delay: 2.1s
}

.l-sub-img {
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    height: 360px;
    background: no-repeat 50% 50%;
    background-size: cover;
    text-align: center;
    color: #fff
}

@media all and (min-width: 600px) {
    .l-sub-img {
        height:500px
    }
}

.l-sub-img-head__en {
    text-transform: uppercase;
    font-size: 1.2rem;
    letter-spacing: 0.2em
}

@media all and (min-width: 600px) {
    .l-sub-img-head__en {
        margin-top:20px;
        font-size: 2rem
    }

    .l-sub-img-head__en.is-small {
        font-size: 1.6rem
    }
}

.l-sub-img-head__ja {
    font-size: 2.7rem;
    font-weight: 500;
    letter-spacing: 0.1em;
    line-height: 1.4;
    margin: 6px 0
}

@media all and (min-width: 600px) {
    .l-sub-img-head__ja {
        font-size:4.2rem;
        margin: 11px 0 17px
    }
}

@media all and (max-width: 599px) {
    #construction .l-sub-img {
        background-image:url(../img/bg_mainimg01_sp.jpg)
    }

    #network .l-sub-img {
        background-image: url(../img/bg_mainimg01_sp.jpg)
    }

    #monitoring .l-sub-img {
        background-image: url(../img/bg_mainimg01_sp.jpg)
    }

    #security .l-sub-img {
        background-image: url(../img/bg_mainimg01_sp.jpg)
    }

    #office .l-sub-img {
        background-image: url(../img/bg_mainimg01_sp.jpg)
    }

    #officedesign .l-sub-img {
        background-image: url(../img/bg_mainimg01_sp.jpg)
    }

    #safety .l-sub-img {
        background-image: url(../img/bg_mainimg01_sp.jpg)
    }

    #cs .l-sub-img {
        background-image: url(../img/bg_mainimg01_sp.jpg)
    }

    #works .l-sub-img {
        background-image: url(../img/bg_mainimg01_sp.jpg)
    }

    #message .l-sub-img {
        background-image: url(../img/bg_mainimg02_sp.jpg)
    }

    #organization .l-sub-img {
        background-image: url(../img/bg_mainimg01_sp.jpg)
    }

    #well-being .l-sub-img {
        background-image: url(../img/bg_mainimg01_sp.jpg)
    }

    #philosophy .l-sub-img {
        background-image: url(../img/bg_mainimg01_sp.jpg)
    }

    #number .l-sub-img {
        background-image: url(../img/bg_mainimg01_sp.jpg)
    }

    #partner .l-sub-img {
        background-image: url(../img/bg_mainimg01_sp.jpg)
    }

    #recruit .l-sub-img {
        background-image: url(../img/bg_mainimg01_sp.jpg)
    }

    #fresher .l-sub-img {
        background-image: url(../img/bg_mainimg01_sp.jpg)
    }

    #career .l-sub-img {
        background-image: url(../img/bg_mainimg01_sp.jpg)
    }

    #the-voice .l-sub-img {
        background-image: url(../img/bg_mainimg01_sp.jpg)
    }

    #contact .l-sub-img {
        background-image: url(../img/bg_mainimg01_sp.jpg)
    }

    #privacy .l-sub-img {
        background-image: url(../img/bg_mainimg01_sp.jpg)
    }

    #security-policy .l-sub-img {
        background-image: url(../img/bg_mainimg01_sp.jpg)
    }

    #mailmagazine .l-sub-img {
        background-image: url(../img/bg_mainimg01_sp.jpg)
    }

    #news .l-sub-img {
        background-image: url(../img/bg_mainimg01_sp.jpg)
    }

    #thanks .l-sub-img {
        background-image: url(../img/bg_mainimg01_sp.jpg)
    }

    #eagleeye .l-sub-img {
        background-image: url(../img/bg_mainimg01_sp.jpg)
    }

    #campaign .l-sub-img {
        background-image: url(../img/bg_mainimg01_sp.jpg)
    }
}

@media all and (min-width: 600px) {
    #construction .l-sub-img {
        background-image: url(../img/bg_mainimg01_pc.jpg)
    }

    #network .l-sub-img {
        background-image: url(../img/bg_mainimg01_pc.jpg)
    }

    #monitoring .l-sub-img {
        background-image: url(../img/bg_mainimg01_pc.jpg)
    }

    #security .l-sub-img {
        background-image: url(../img/bg_mainimg01_pc.jpg)
    }

    #office .l-sub-img {
        background-image: url(../img/bg_mainimg01_pc.jpg)
    }

    #officedesign .l-sub-img {
        background-image: url(../img/bg_mainimg01_pc.jpg)
    }

    #safety .l-sub-img {
        background-image: url(../img/bg_mainimg01_pc.jpg)
    }

    #cs .l-sub-img {
        background-image: url(../img/bg_mainimg01_pc.jpg)
    }

    #works .l-sub-img {
        background-image: url(../img/bg_mainimg01_pc.jpg)
    }

    #message .l-sub-img {
        background-image: url(../img/bg_mainimg02_pc.jpg)
    }

    #organization .l-sub-img {
        background-image: url(../img/bg_mainimg01_pc.jpg)
    }

    #well-being .l-sub-img {
        background-image: url(../img/bg_mainimg01_pc.jpg)
    }

    #philosophy .l-sub-img {
        background-image: url(../img/bg_mainimg01_pc.jpg)
    }

    #number .l-sub-img {
        background-image: url(../img/bg_mainimg01_pc.jpg)
    }

    #partner .l-sub-img {
        background-image: url(../img/bg_mainimg01_pc.jpg)
    }

    #recruit .l-sub-img {
        background-image: url(../img/bg_mainimg01_pc.jpg)
    }

    #fresher .l-sub-img {
        background-image: url(../img/bg_mainimg01_pc.jpg)
    }

    #career .l-sub-img {
        background-image: url(../img/bg_mainimg01_pc.jpg)
    }

    #the-voice .l-sub-img {
        background-image: url(../img/bg_mainimg01_pc.jpg)
    }

    #contact .l-sub-img {
        background-image: url(../img/bg_mainimg01_pc.jpg)
    }

    #privacy .l-sub-img {
        background-image: url(../img/bg_mainimg01_pc.jpg)
    }

    #security-policy .l-sub-img {
        background-image: url(../img/bg_mainimg01_pc.jpg)
    }

    #mailmagazine .l-sub-img {
        background-image: url(../img/bg_mainimg01_pc.jpg)
    }

    #news .l-sub-img {
        background-image: url(../img/bg_mainimg01_pc.jpg)
    }

    #thanks .l-sub-img {
        background-image: url(../img/bg_mainimg01_pc.jpg)
    }

    #eagleeye .l-sub-img {
        background-image: url(../img/bg_mainimg01_pc.jpg)
    }

    #campaign .l-sub-img {
        background-image: url(../img/bg_mainimg01_pc.jpg)
    }
}

[data-anim="slideUp"] {
    opacity: 0;
    -webkit-transform: translateY(25px);
    -ms-transform: translateY(25px);
    transform: translateY(25px);
    -webkit-transition: opacity 0.9s cubic-bezier(0.08, 0.5, 0, 1),-webkit-transform 0.9s cubic-bezier(0.08, 0.5, 0, 1);
    transition: opacity 0.9s cubic-bezier(0.08, 0.5, 0, 1),-webkit-transform 0.9s cubic-bezier(0.08, 0.5, 0, 1);
    transition: opacity 0.9s cubic-bezier(0.08, 0.5, 0, 1),transform 0.9s cubic-bezier(0.08, 0.5, 0, 1);
    transition: opacity 0.9s cubic-bezier(0.08, 0.5, 0, 1),transform 0.9s cubic-bezier(0.08, 0.5, 0, 1),-webkit-transform 0.9s cubic-bezier(0.08, 0.5, 0, 1)
}

@media all and (min-width: 600px) {
    [data-anim="slideUp"] {
        -webkit-transform:translateY(50px);
        -ms-transform: translateY(50px);
        transform: translateY(50px);
        -webkit-transition: opacity 1.2s cubic-bezier(0.08, 0.5, 0, 1),-webkit-transform 1.2s cubic-bezier(0.08, 0.5, 0, 1);
        transition: opacity 1.2s cubic-bezier(0.08, 0.5, 0, 1),-webkit-transform 1.2s cubic-bezier(0.08, 0.5, 0, 1);
        transition: opacity 1.2s cubic-bezier(0.08, 0.5, 0, 1),transform 1.2s cubic-bezier(0.08, 0.5, 0, 1);
        transition: opacity 1.2s cubic-bezier(0.08, 0.5, 0, 1),transform 1.2s cubic-bezier(0.08, 0.5, 0, 1),-webkit-transform 1.2s cubic-bezier(0.08, 0.5, 0, 1)
    }
}

[data-anim="slideUp"].is-active {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

[data-anim-parent].is-active [data-anim="slideUp"] {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.js-switch-tab {
    cursor: pointer
}

.js-switch-content {
    display: none
}

.js-switch-content.is-active {
    display: block
}

.js-toggle-trigger {
    cursor: pointer
}

.js-toggle-content {
    display: none
}

@media all and (min-width: 600px) {
    .js-toggle-trigger-sp {
        pointer-events:none
    }
}

#campaign .l-sub-img-head__sub {
    width: 140px;
    box-sizing: border-box;
    border: 4px solid #fff;
    background: #242c40;
    padding: 7px 50px;
    line-height: 1.5;
    position: relative;
    margin: 20px auto 0;
    letter-spacing: .05em;
    font-size: 1.5rem
}

@media all and (min-width: 600px) {
    #campaign .l-sub-img-head__sub {
        width:220px;
        padding: 13px 50px;
        margin: 40px auto 0;
        font-size: 2.4rem
    }
}

.campaign-cv {
    background: url(../img/campaign/bg_cv01_sp.png) no-repeat 0 100%/cover
}

.campaign-cv__inner {
    color: #fff;
    padding-top: 50px;
    padding-bottom: 50px
}

.campaign-cv__txt {
    margin-top: 20px;
    font-size: 1.3rem
}

.campaign-cv__txt a {
    text-decoration: underline
}

.campaign-cv__btn {
    margin: 0 auto;
    position: relative
}

.campaign-cv__btn .c-btn01__link {
    padding: 17px 0
}

.campaign-cv__btn-txt {
    background: #6a86af;
    font-size: 1.3rem;
    width: 40px;
    height: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 6px;
    position: absolute;
    top: 10px;
    left: 10px
}

@media all and (min-width: 600px) {
    .campaign-cv {
        margin-top:40px;
        background: url(../img/campaign/bg_cv01_pc.png) no-repeat 0 100%/cover
    }

    .campaign-cv__inner {
        padding-top: 100px;
        padding-bottom: 100px
    }

    .campaign-cv__txt {
        text-align: center;
        font-size: 1.4rem
    }

    .campaign-cv__txt a:hover {
        text-decoration: none
    }

    .campaign-cv__btn {
        max-width: 580px
    }

    .campaign-cv__btn .c-btn01__link {
        font-size: 1.8rem;
        padding: 20px 0
    }

    .campaign-cv__btn-txt {
        width: 60px;
        height: 60px;
        font-size: 2rem
    }
}

.campaign-about__inner {
    padding-top: 65px;
    padding-bottom: 65px
}

.campaign-about__img {
    width: 243px;
    text-align: center;
    margin: 0 auto 20px
}

.campaign-about__note {
    font-size: 1.3rem;
    color: #999
}

@media all and (min-width: 600px) {
    .campaign-about__inner {
        padding-top:110px;
        padding-bottom: 100px;
        width: 960px
    }

    .campaign-about__img {
        width: 622px;
        margin-bottom: 50px
    }

    .campaign-about__note {
        font-size: 1.4rem
    }
}

.campaign-case {
    position: relative
}

.campaign-case:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: #f5f5f5;
    top: 0;
    left: 0
}

.campaign-case__inner {
    padding-top: 65px;
    padding-bottom: 65px;
    position: relative
}

.campaign-case__img {
    width: 251px;
    text-align: center;
    margin: 0 auto
}

@media all and (min-width: 600px) {
    .campaign-case:before {
        width:1820px
    }

    .campaign-case__inner {
        padding-top: 100px;
        padding-bottom: 110px
    }

    .campaign-case__img {
        width: 786px
    }
}

.campaign-point__inner {
    padding-top: 65px;
    padding-bottom: 54px
}

.campaign-point-detail {
    margin-top: 50px
}

.campaign-point-sub04 {
    margin-top: 29px
}

.campaign-point-sub04__head {
    margin-bottom: 21px
}

.campaign-point-sub04-logo-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 12px
}

.campaign-point-sub04-logo__item {
    width: 50%;
    vertical-align: top;
    text-align: center;
    font-size: 1.1rem;
    line-height: 1.5
}

.campaign-point-sub04-logo__item:nth-child(n+3) {
    margin-top: 20px
}

.campaign-point-sub04-logo__img {
    height: 39px;
    width: auto;
    display: block;
    margin: 0 auto 5px
}

.campaign-point-sub04__caution {
    color: #999;
    text-align: right;
    font-size: 1.2rem
}

@media all and (min-width: 600px) {
    .campaign-point__inner {
        padding-top:110px;
        padding-bottom: 124px
    }

    .campaign-point-detail .c-set01-txt-area {
        padding-top: 110px
    }

    .campaign-point-detail+.campaign-point-detail {
        margin-top: 80px
    }

    .campaign-point-sub04 {
        margin-top: 60px
    }

    .campaign-point-sub04__head {
        margin-bottom: 50px
    }

    .campaign-point-sub04-logo-list {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        margin-bottom: -4px
    }

    .campaign-point-sub04-logo__item {
        width: 25%;
        font-size: 1.4rem;
        margin: 0 !important
    }

    .campaign-point-sub04-logo__item:nth-of-type(n+5) {
        margin-top: 35px !important
    }

    .campaign-point-sub04-logo__img {
        height: 75px;
        margin-bottom: 13px
    }

    .campaign-point-sub04__caution {
        font-size: 1.4rem
    }
}

.campaign-note__inner {
    padding-bottom: 50px
}

.campaign-note__head {
    font-size: 2rem
}

.campaign-note-list__item {
    font-size: 1.5rem;
    padding-left: 1em;
    position: relative
}

.campaign-note-list__item:before {
    position: absolute;
    content: "";
    width: 3px;
    height: 3px;
    background: #333;
    border-radius: 50%;
    top: 13px;
    left: 5px
}

@media all and (min-width: 600px) {
    .campaign-note__inner {
        padding-bottom:60px
    }

    .campaign-note__head {
        font-size: 2.8rem
    }

    .campaign-note-list__item {
        font-size: 1.8rem
    }

    .campaign-note-list__item:before {
        top: 18px
    }
}

.career-entry__inner {
    padding-top: 54px;
    padding-bottom: 60px
}

.career-entry__head {
    margin-bottom: 33px
}

.career-entry__txt {
    margin-bottom: 16px
}

.career-entry__txt:last-of-type {
    margin-bottom: 0
}

.career-entry__txt .is-big {
    font-weight: 500
}

.career-entry-btn {
    max-width: 270px;
    margin: 30px auto 0
}

.career-entry-btn__link {
    padding: 3px 0
}

.career-entry-btn__txt {
    display: table;
    line-height: 1.5;
    padding: 0 32px 0 0;
    margin: 0 auto;
    background: url("../img/common/ico_dl01.png") no-repeat right center;
    background-size: 23px
}

@media all and (min-width: 600px) {
    .career-entry__inner {
        padding-top:97px;
        padding-bottom: 110px
    }

    .career-entry__head {
        margin-bottom: 47px
    }

    .career-entry__txt {
        margin-bottom: 21px
    }

    .career-entry__txt .is-big {
        font-size: 1.8rem
    }

    .career-entry-btn {
        max-width: 320px;
        margin-top: 41px
    }

    .career-entry-btn__link {
        padding: 17px 0
    }

    .career-entry-btn__link:hover .career-entry-btn__txt {
        background-image: url("../img/common/ico_dl02.png")
    }

    .career-entry-btn__txt {
        font-size: 1.5rem;
        padding-right: 26px;
        background-size: 18px
    }
}

.construction-service__inner {
    padding-top: 71px
}

.construction-service__head {
    margin-bottom: 33px
}

.construction-service-box {
    padding-top: 54px;
    padding-bottom: 55px
}

.construction-service-box:first-of-type {
    padding-top: 38px
}

.construction-service-sub01 {
    margin-bottom: 37px
}

.construction-service-sub02__head {
    margin-bottom: 10px
}

.construction-service-sub02-logo-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 18px
}

.construction-service-sub02-logo__item {
    width: 30%;
    vertical-align: top;
    text-align: center;
    font-size: 1.1rem;
    line-height: 1.5
}

.construction-service-sub02-logo__item:nth-child(1) {
    width: 25%;
    margin-left: auto;
    margin-right: 10px
}

.construction-service-sub02-logo__item:nth-child(2) {
    width: 50%;
    margin-right: auto;
    margin-left: 10px;
    padding-top: 16px
}

.construction-service-sub02-logo__item:nth-child(2) img {
    margin-bottom: 24px;
    height: 17px
}

.construction-service-sub02-logo__item:nth-child(3) {
    width: 33%
}

.construction-service-sub02-logo__item:nth-child(4) {
    width: 26%
}

.construction-service-sub02-logo__item:nth-child(5) {
    width: 28%
}

.construction-service-sub02-logo__item:nth-child(n+3) {
    margin-top: 18px
}

.construction-service-sub02-logo__img {
    height: 46px;
    width: auto;
    display: block;
    margin: 0 auto 5px
}

.construction-service-sub02__caution {
    color: #999;
    text-align: right;
    font-size: 1.2rem
}

.construction-service-sub03__head {
    margin-bottom: 15px
}

.construction-service-sub03-logo__item:nth-child(1) {
    width: 84px;
    margin: 0 auto 5px
}

.construction-service-sub03-logo__img {
    width: auto;
    max-width: 100%;
    display: block;
    margin: 0 auto
}

.construction-service-sub04__head {
    margin-bottom: 10px
}

.construction-service-sub04-logo-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.construction-service-sub04-logo__item {
    width: 48%
}

.construction-service-sub04-logo__item:nth-child(1) {
    width: 53%;
    margin: 0 auto
}

.construction-service-sub04__caution {
    color: #999;
    text-align: right;
    font-size: 1.2rem
}

@media all and (min-width: 600px) {
    .construction-service__inner {
        padding-top:120px
    }

    .construction-service__head {
        margin-bottom: 50px
    }

    .construction-service__lead {
        text-align: center
    }

    .construction-service-box {
        padding-top: 105px;
        padding-bottom: 105px
    }

    .construction-service-box:first-of-type {
        padding-top: 56px
    }

    .construction-service-sub01 {
        margin-bottom: 63px
    }

    .construction-service-sub02__head {
        margin-bottom: 16px
    }

    .construction-service-sub02-logo-list {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-bottom: 17px
    }

    .construction-service-sub02-logo__item {
        font-size: 1.4rem;
        margin: 0 !important
    }

    .construction-service-sub02-logo__item:nth-child(1) {
        width: 13%
    }

    .construction-service-sub02-logo__item:nth-child(2) {
        width: 24%;
        padding-top: 30px
    }

    .construction-service-sub02-logo__item:nth-child(2) img {
        margin-bottom: 45px;
        height: auto
    }

    .construction-service-sub02-logo__item:nth-child(3) {
        width: 19%
    }

    .construction-service-sub02-logo__item:nth-child(4) {
        width: 15%
    }

    .construction-service-sub02-logo__item:nth-child(5) {
        width: 13%
    }

    .construction-service-sub02-logo__img {
        height: auto;
        width: 100%;
        margin-bottom: 13px
    }

    .construction-service-sub02__caution {
        font-size: 1.4rem
    }

    .construction-service-sub03__head {
        margin-bottom: 30px
    }

    .construction-service-sub03-logo-list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .construction-service-sub03-logo__item:nth-child(1) {
        width: 185px;
        margin: 60px 0 0 56px
    }

    .construction-service-sub03-logo__item:nth-child(2) {
        margin: 0 58px 0 0
    }

    .construction-service-sub04__head {
        margin-bottom: 35px
    }

    .construction-service-sub04-logo-list {
        padding: 0 35px;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .construction-service-sub04-logo__item {
        width: 31% !important;
        margin: 0 !important
    }

    .construction-service-sub04__caution {
        font-size: 1.4rem
    }
}

.contact-message {
    padding: 30px 0
}

.contact-message__txt {
    margin-top: 30px
}

.contact-message__btn {
    margin: 30px auto
}

@media all and (min-width: 600px) {
    .contact-message {
        padding:90px 0;
        text-align: center
    }
}

#cs .l-sub-img {
    background-image: url(../img/cs/bg_subimg01_sp.jpg)
}

@media all and (min-width: 600px) {
    #cs .l-sub-img {
        background-image:url(../img/cs/bg_subimg01_pc.jpg)
    }
}

.cs-sustainability {
    padding-top: 70px
}

.cs-sustainability__head {
    margin-bottom: 40px
}

.cs-sustainability__txt {
    margin-top: 20px
}

.cs-sustainability-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-top: 22px
}

.cs-sustainability-wrap__box {
    width: 48%
}

.cs-sustainability-wrap__img {
    padding-bottom: 4px
}

.cs-sustainability-wrap__img img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
    width: auto
}

.cs-sustainability-wrap__txt {
    text-align: center;
    font-weight: 500;
    font-size: 1.3rem
}

.cs-sustainability-list__item {
    position: relative;
    padding-bottom: 75px
}

.cs-sustainability-list__item+.cs-sustainability-list__item {
    padding-top: 60px
}

.cs-sustainability-list__item:nth-child(even) {
    padding-top: 52px;
    padding-bottom: 40px
}

.cs-sustainability-list__item:nth-child(even):before {
    position: absolute;
    z-index: -1;
    content: '';
    display: block;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: #f5f5f5
}

.cs-sustainability-list__item:nth-child(even) .cs-sustainability-list__medium {
    margin-bottom: 27px
}

.cs-sustainability-list__item:nth-child(even) .cs-sustainability-list__img {
    margin: 20px 0
}

.cs-sustainability-list__medium {
    margin-bottom: 16px
}

.cs-sustainability-list__content {
    padding: 0 25px
}

.cs-sustainability-list__img {
    margin: 0 -25px 33px
}

.cs-sustainability-list__textarea.is-white {
    background: #fff
}

.cs-sustainability-list__lead {
    margin-bottom: 0;
    letter-spacing: 0.15em
}

.cs-sustainability-list__sub {
    padding-top: 20px;
    font-weight: 500;
    font-size: 1.5rem
}

.cs-sustainability-list-chart {
    margin-top: 30px
}

.cs-sustainability-list-chart__head {
    position: relative;
    margin-bottom: 20px;
    padding-left: 20px;
    font-weight: 500;
    font-size: 1.6rem
}

.cs-sustainability-list-chart__head:before {
    position: absolute;
    content: '';
    background: #242c40;
    width: 10px;
    height: 10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0
}

@media all and (min-width: 600px) {
    .cs-sustainability {
        padding-top:116px
    }

    .cs-sustainability__head {
        margin-bottom: 50px
    }

    .cs-sustainability__txt {
        margin-top: 60px;
        font-size: 1.5rem;
        text-align: center
    }

    .cs-sustainability-wrap {
        padding-top: 46px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .cs-sustainability-wrap__box {
        width: 41%
    }

    .cs-sustainability-wrap__img {
        padding-bottom: 12px
    }

    .cs-sustainability-list {
        margin-bottom: 130px
    }

    .cs-sustainability-list__item {
        padding-bottom: 110px
    }

    .cs-sustainability-list__item:nth-child(even) {
        padding-top: 85px;
        padding-bottom: 100px
    }

    .cs-sustainability-list__item:nth-child(even):before {
        width: 1920px;
        left: 50%;
        right: auto;
        margin-left: -1060px
    }

    .cs-sustainability-list__item:nth-child(even) .cs-sustainability-list__textarea {
        margin-top: 16px;
        padding-right: 210px;
        max-width: 779px
    }

    .cs-sustainability-list__item:nth-child(even) .cs-sustainability-list__medium {
        margin-bottom: 43px;
        text-align: left
    }

    .cs-sustainability-list__item:nth-child(even) .cs-sustainability-list__en {
        margin-bottom: -5px
    }

    .cs-sustainability-list__item:nth-child(even) .cs-sustainability-list__lead {
        padding-left: 18px
    }

    .cs-sustainability-list__item:nth-child(even) .cs-sustainability-list__sub {
        padding-top: 21px
    }

    .cs-sustainability-list__item:nth-child(even) .cs-sustainability-list__content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .cs-sustainability-list__item:nth-child(even) .cs-sustainability-list__img {
        padding-right: 50px;
        padding-left: 72px;
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1
    }

    .cs-sustainability-list__content {
        padding: 0
    }

    .cs-sustainability-list__medium {
        text-align: center;
        margin-bottom: 40px
    }

    .cs-sustainability-list__en {
        font-size: 1.5rem
    }

    .cs-sustainability-list__ja {
        font-size: 3rem
    }

    .cs-sustainability-list__textarea.is-white {
        position: relative;
        display: block;
        margin: -133px auto 0;
        padding: 57px 62px;
        width: 1000px;
        box-sizing: border-box
    }

    .cs-sustainability-list__lead {
        font-size: 2.4rem
    }

    .cs-sustainability-list__sub {
        padding-top: 38px;
        font-size: 1.8rem
    }

    .cs-sustainability-list-chart {
        margin-top: 5px;
        margin-left: 52px
    }

    .cs-sustainability-list-chart__head {
        margin-bottom: 37px;
        padding-left: 28px;
        font-size: 2.2rem
    }

    .cs-sustainability-list-chart__head:before {
        width: 13px;
        height: 13px
    }

    .cs-sustainability-list-chart__img img {
        width: auto
    }
}

.eagleeye-news {
    position: relative
}

.eagleeye-news:before {
    width: calc(100% + 50px);
    position: absolute;
    z-index: -2;
    content: '';
    display: block;
    top: 212px;
    left: -25px;
    bottom: 0;
    background: #f5f5f5
}

.eagleeye-news__inner {
    padding-top: 64px;
    padding-bottom: 55px
}

.eagleeye-news__img {
    margin: 0 auto 15px;
    width: 98%
}

.eagleeye-news__area-txt {
    background: #fff;
    padding: 16px 24px 20px 23px
}

.eagleeye-news__head {
    margin-bottom: 7px;
    font-weight: 700;
    font-size: 1.8rem;
    text-transform: uppercase;
    letter-spacing: 0.2em
}

.eagleeye-news__date {
    color: #999
}

@media all and (min-width: 600px) {
    .eagleeye-news:before {
        top:404px;
        right: 50%;
        left: auto;
        margin-right: -1060px;
        width: 1920px
    }

    .eagleeye-news__inner {
        padding-top: 130px;
        padding-bottom: 110px
    }

    .eagleeye-news__img {
        margin-bottom: 25px;
        width: 1063px;
        -webkit-transform: translateX(-12px);
        -ms-transform: translateX(-12px);
        transform: translateX(-12px)
    }

    .eagleeye-news__area-txt {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin: 0 50px;
        padding: 32px 57px 47px
    }

    .eagleeye-news__head {
        margin-right: 42px;
        font-size: 2.6rem
    }

    .eagleeye-news__meta {
        margin-top: 6px
    }

    .eagleeye-news__txt {
        line-height: 1.9
    }

    .eagleeye-news__txt-link:hover {
        text-decoration: underline
    }
}

.eagleeye-service {
    padding-top: 58px
}

@media all and (min-width: 600px) {
    .eagleeye-service {
        padding-top:100px
    }
}

.eagleeye-service-set {
    position: relative
}

.eagleeye-service-set.is-gray:before {
    width: calc(100% + 50px);
    position: absolute;
    z-index: -2;
    content: '';
    display: block;
    top: 0;
    left: -25px;
    bottom: 0;
    background: #f5f5f5
}

.eagleeye-service-set.is-gray .eagleeye-service-set__inner {
    padding-top: 55px;
    padding-bottom: 60px
}

.eagleeye-service-set.is-gray .eagleeye-service-set__area-txt {
    margin-bottom: 23px
}

.eagleeye-service-set__inner {
    padding-top: 35px;
    padding-bottom: 45px
}

.eagleeye-service-set__area-txt {
    margin-bottom: 6px
}

.eagleeye-service-set-list__item+.eagleeye-service-set-list__item {
    margin-top: 25px;
    padding-top: 20px;
    border-top: 1px solid #e5e5e5
}

.eagleeye-service-set-list__head-num {
    margin-right: 6px
}

.eagleeye-service-set-list-child {
    margin-top: 13px
}

.eagleeye-service-set-list-child__item {
    position: relative;
    padding-left: 14px
}

.eagleeye-service-set-list-child__item:before {
    position: absolute;
    content: '';
    top: 11px;
    left: 5px;
    width: 3px;
    height: 3px;
    background: #333;
    border-radius: 50%
}

@media all and (min-width: 600px) {
    .eagleeye-service-set__inner {
        padding-top:52px;
        padding-bottom: 98px
    }

    .eagleeye-service-set-list__item+.eagleeye-service-set-list__item {
        margin-top: 31px;
        padding-top: 32px
    }

    .eagleeye-service-set-list__head {
        letter-spacing: 0.15em
    }

    .eagleeye-service-set-list-child {
        margin-top: 25px
    }

    .eagleeye-service-set-list-child__item {
        padding-left: 10px;
        font-size: 1.5rem
    }

    .eagleeye-service-set-list-child__item:before {
        top: 15px;
        left: 0
    }

    .eagleeye-service-set-list-child__item+.eagleeye-service-set-list-child__item {
        margin-top: -2px
    }

    .eagleeye-service-set.is-gray:before {
        right: 50%;
        left: auto;
        margin-right: -1060px;
        width: 1920px
    }

    .eagleeye-service-set.is-gray .eagleeye-service-set__inner {
        padding-top: 102px;
        padding-bottom: 81px
    }
}

.eagleeye-about__inner {
    padding-top: 58px;
    padding-bottom: 60px
}

.eagleeye-about__content {
    margin-top: 34px
}

.eagleeye-about__img {
    margin-top: 22px
}

@media all and (min-width: 600px) {
    .eagleeye-about__inner {
        padding-top:99px;
        padding-bottom: 110px
    }

    .eagleeye-about__content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-top: 50px
    }

    .eagleeye-about__area-txt {
        width: 571px
    }

    .eagleeye-about__img {
        margin-top: 12px;
        width: 480px;
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1
    }
}

.eagleeye-contact {
    background: url(../img/eagleeye/bg_contact01_sp.jpg) no-repeat center/cover;
    color: #fff
}

.eagleeye-contact__inner {
    padding-top: 54px;
    padding-bottom: 60px
}

.eagleeye-contact__head {
    margin-bottom: 34px
}

.eagleeye-contact__btn {
    margin: 32px auto 0
}

.eagleeye-contact__btn-link {
    background: #40495f
}

@media all and (min-width: 600px) {
    .eagleeye-contact__inner {
        padding-top:95px;
        padding-bottom: 109px
    }

    .eagleeye-contact__head {
        padding-bottom: 48px
    }

    .eagleeye-contact__txt {
        text-align: center
    }

    .eagleeye-contact__btn {
        margin-top: 51px;
        max-width: 430px
    }

    .eagleeye-contact__btn-link {
        padding: 22px 0 23px
    }
}

#error .l-sub-img {
    background-image: url(img/bg_mainimg01_sp.jpg)
}

@media all and (min-width: 600px) {
    #error .l-sub-img {
        background-image:url(../img/bg_mainimg01_pc.jpg)
    }
}

.error-page404 {
    padding: 30px 0;
    text-align: center
}

.error-page404__txt {
    margin: 20px 0
}

.error-page404__btn {
    margin: auto
}

@media all and (min-width: 600px) {
    .error-page404 {
        padding:90px 0
    }
}

.fresher-entry__inner {
    padding-top: 54px;
    padding-bottom: 60px
}

.fresher-entry__head {
    margin-bottom: 40px
}

.fresher-entry-btn {
    max-width: none;
    margin: 0 auto 25px
}

.fresher-entry-btn:last-of-type {
    margin-bottom: 0
}

.fresher-entry-btn__link {
    padding: 16px 0
}

@media all and (min-width: 600px) {
    .fresher-entry__inner {
        padding-top:97px;
        padding-bottom: 110px
    }

    .fresher-entry__head {
        margin-bottom: 60px
    }

    .fresher-entry-btn-area {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .fresher-entry-btn {
        width: 430px;
        margin: 0 15px
    }

    .fresher-entry-btn__link {
        padding: 21px 0
    }
}

#home .l-container {
    padding-top: 0
}

.home-topics {
    position: relative;
    height: 60px;
    margin: -60px 0 0 50px
}

@media all and (min-width: 600px) {
    .home-topics {
        width:800px;
        height: 100px;
        margin: -100px 0 0 auto
    }
}

.home-topics:before {
    position: absolute;
    z-index: 0;
    content: '';
    display: block;
    top: -20px;
    left: 0;
    right: 0;
    bottom: 0;
    background: #fff
}

@media all and (min-width: 600px) {
    .home-topics:before {
        top:0
    }
}

.home-topics__inner {
    position: relative;
    z-index: 1;
    padding-left: 25px;
    padding-right: 25px
}

@media all and (min-width: 600px) {
    .home-topics__inner {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        height: 100%;
        padding-right: 100px;
        padding-left: 50px
    }
}

.home-topics__head {
    color: #242c40;
    font-size: 1.5rem;
    text-transform: uppercase;
    letter-spacing: .2em
}

@media all and (min-width: 600px) {
    .home-topics__head {
        -webkit-box-flex:0;
        -ms-flex: 0 0 120px;
        flex: 0 0 120px;
        font-size: 2rem
    }
}

.home-topics-post__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: 1.3rem
}

@media all and (min-width: 600px) {
    .home-topics-post__link {
        font-size:1.5rem;
        overflow: hidden;
        width: 100%
    }

    .home-topics-post__link:hover .home-topics-post__tit {
        text-decoration: underline
    }

    .home-topics-post__link:hover .home-topics-post__ico {
        margin-right: -10px
    }
}

.home-topics-post__time {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    color: #999
}

.home-topics-post__tit {
    -webkit-box-flex: 2;
    -ms-flex: 2 0 50%;
    flex: 2 0 50%;
    margin-left: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

@media all and (min-width: 600px) {
    .home-topics-post__tit {
        -webkit-box-flex:0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 420px
    }
}

.home-topics-post__ico {
    position: absolute;
    top: 0;
    right: 25px
}

@media all and (min-width: 600px) {
    .home-topics-post__ico {
        top:50%;
        right: 50px;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        -webkit-transition: margin .3s ease;
        transition: margin .3s ease
    }
}

.home-topics__img {
    width: 320px;
    position: absolute;
    top: 0;
    right: 0
}

.home-bnr {
    position: absolute;
    bottom: 90px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.home-bnr__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.home-bnr__img {
    width: 40%
}

.home-bnr__img+.home-bnr__img {
    margin-left: 10px
}

@media all and (min-width: 600px) {
    .home-bnr {
        bottom:140px;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .home-bnr__inner {
        padding-right: 40px
    }

    .home-bnr__img {
        width: 190px
    }

    .home-bnr__img+.home-bnr__img {
        margin-left: 20px
    }
}

.home-services__inner {
    padding-top: 60px
}

@media all and (min-width: 600px) {
    .home-services__inner {
        padding-top:110px
    }
}

.home-services__head {
    text-align: center;
    color: #242c40;
    font-size: 3rem;
    text-transform: uppercase
}

@media all and (min-width: 600px) {
    .home-services__head {
        font-size:5rem
    }
}

.home-services__content {
    margin-top: 20px
}

.home-services__lead {
    padding: 0 25px
}

@media all and (min-width: 600px) {
    .home-services__lead {
        padding:0;
        text-align: center
    }
}

.home-services__list {
    margin: 45px -25px 0
}

@media all and (min-width: 600px) {
    .home-services__list {
        -ms-flex-wrap:wrap;
        flex-wrap: wrap;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin: 65px 0 0
    }
}

@media all and (max-width: 599px) {
    .home-services__list .card+.card {
        margin-top:1px
    }
}

@media all and (min-width: 600px) {
    .home-services__list .card {
        -webkit-box-flex:0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        position: relative
    }

    .home-services__list .card:before {
        position: absolute;
        z-index: 1;
        content: '';
        display: block;
        top: 0;
        bottom: 0;
        width: 1px;
        background: #fff
    }

    .home-services__list .card:nth-of-type(odd):before {
        right: 0
    }

    .home-services__list .card:nth-of-type(even):before {
        left: 0
    }

    .home-services__list .card:nth-of-type(n+3) {
        margin-top: 2px
    }
}

.home-bnr .bnr {
    position: relative;
    background: transparent
}

.home-bnr .bnr:before,.home-bnr .bnr:after {
    position: absolute;
    z-index: 0;
    content: '';
    display: block;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.home-bnr .bnr:before {
    right: 50px;
    background: #242c40
}

@media all and (min-width: 600px) {
    .home-bnr .bnr:before {
        left:50%;
        right: auto;
        width: 1920px;
        margin-left: -1160px
    }
}

.home-bnr .bnr:after {
    z-index: -2;
    background: #f5f5f5
}

@media all and (min-width: 600px) {
    .home-works {
        position:relative;
        background: transparent
    }

    .home-works:before {
        position: absolute;
        z-index: -1;
        content: '';
        display: block;
        top: -80px;
        left: 0;
        right: 0;
        bottom: 0;
        background: url(../img/common/bg_works01.jpg) no-repeat 50% 100% #f5f5f5
    }
}

.home-news__inner {
    position: relative;
    padding-top: 60px;
    padding-bottom: 50px
}

@media all and (min-width: 600px) {
    .home-news__inner {
        padding-top:100px;
        padding-bottom: 100px
    }
}

.home-news__head {
    font-size: 2.5rem;
    text-transform: uppercase;
    color: #242c40
}

@media all and (min-width: 600px) {
    .home-news__head {
        font-size:4rem
    }
}

.home-news-btn {
    position: absolute;
    top: 70px;
    right: 25px
}

@media all and (min-width: 600px) {
    .home-news-btn {
        top:127px;
        right: 50px
    }
}

.home-news-btn__link {
    position: relative;
    display: block;
    padding-right: 35px;
    font-weight: 500
}

@media all and (min-width: 600px) {
    .home-news-btn__link {
        padding-right:50px;
        font-size: 1.5rem
    }

    .home-news-btn__link:hover .home-news-btn__ico {
        margin-right: -10px
    }
}

.home-news-btn__ico {
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media all and (min-width: 600px) {
    .home-news-btn__ico {
        -webkit-transition:margin .3s ease;
        transition: margin .3s ease
    }
}

.home-news__content {
    margin-top: 15px
}

@media all and (min-width: 600px) {
    .home-news__content {
        margin-top:0
    }
}

.home-about {
    background: #242c40
}

@media all and (min-width: 600px) {
    .home-about {
        position:relative;
        background: transparent
    }

    .home-about:before {
        position: absolute;
        z-index: -1;
        content: '';
        display: block;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: #f5f5f5
    }
}

.home-about__bg {
    height: 60vw;
    background: url(../img/home/bg_about01.jpg) 50% 50%;
    background-size: cover
}

@media all and (min-width: 600px) {
    .home-about__bg {
        position:relative;
        z-index: -1;
        height: 700px
    }
}

.home-about__inner {
    padding-bottom: 65px
}

@media all and (min-width: 600px) {
    .home-about__inner {
        position:relative;
        margin-top: -250px;
        padding-bottom: 110px
    }

    .home-about__inner:before {
        position: absolute;
        z-index: 0;
        content: '';
        display: block;
        top: 0;
        left: -120px;
        bottom: 0;
        right: -32%;
        background: #242c40
    }
}

.home-about__head {
    margin-bottom: -15px;
    color: #fff;
    font-size: 3rem;
    text-align: center;
    text-transform: uppercase;
    line-height: 1;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media all and (min-width: 600px) {
    .home-about__head {
        margin-bottom:-25px;
        font-size: 5rem
    }
}

.home-about__content {
    position: relative;
    z-index: 1;
    color: #fff;
    margin-top: 45px
}

@media all and (min-width: 600px) {
    .home-about__content {
        margin-top:80px
    }
}

.home-about__lead {
    line-height: 1.9
}

@media all and (min-width: 600px) {
    .home-about__lead {
        line-height:2.1875;
        text-align: center;
        color: #fff
    }
}

.home-about__list {
    margin-top: 45px
}

@media all and (min-width: 600px) {
    .home-about__list {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        width: 890px;
        margin: 60px auto 0
    }
}

@media all and (max-width: 599px) {
    .home-about__item+.home-about__item {
        margin-top:15px
    }
}

@media all and (min-width: 600px) {
    .home-about__item {
        -webkit-box-flex:0;
        -ms-flex: 0 0 430px;
        flex: 0 0 430px
    }

    .home-about__item:nth-of-type(n+3) {
        margin-top: 30px
    }
}

.home-about__link {
    position: relative;
    display: block;
    padding: 17px 10px;
    background: #40495f;
    text-align: center;
    font-weight: 500
}

@media all and (min-width: 600px) {
    .home-about__link {
        padding:22px 0;
        border: 1px solid #40495f;
        -webkit-transition: border .3s ease;
        transition: border .3s ease
    }

    .home-about__link:before {
        position: absolute;
        content: '';
        display: block;
        top: 0;
        left: 0;
        width: 0;
        height: 100%;
        background: #242c40;
        -webkit-transition: width .3s ease;
        transition: width .3s ease
    }

    .home-about__link:hover {
        border-color: #fff
    }

    .home-about__link:hover:before {
        width: 100%
    }

    .home-about__link:hover .home-about__ico {
        margin-right: -10px
    }
}

.home-about__txt {
    position: relative;
    z-index: 1;
    color: #fff
}

.home-about__ico {
    position: absolute;
    top: 50%;
    right: 15px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media all and (min-width: 600px) {
    .home-about__ico {
        right:20px;
        -webkit-transition: margin .3s ease;
        transition: margin .3s ease
    }
}

.mailmagazine-about {
    margin-top: 75px
}

.mailmagazine-about__inner {
    padding-top: 53px;
    padding-bottom: 55px
}

.mailmagazine-about__head {
    margin-bottom: 44px
}

.mailmagazine-about__txt+.mailmagazine-about__txt {
    margin-top: 12px
}

.mailmagazine-about__txt.is-small {
    font-size: 1.2rem
}

.mailmagazine-about__link {
    display: table;
    color: #242c40;
    font-weight: 500;
    padding: 0 13px 0 0;
    background: url("../img/common/ico_link01.png") no-repeat right center;
    background-size: 11px
}

@media all and (min-width: 600px) {
    .mailmagazine-about {
        margin-top:130px
    }

    .mailmagazine-about__inner {
        padding-top: 98px;
        padding-bottom: 100px
    }

    .mailmagazine-about__head {
        margin-bottom: 50px
    }

    .mailmagazine-about__txt+.mailmagazine-about__txt {
        margin-top: 9px
    }

    .mailmagazine-about__txt.is-small {
        font-size: 1.5rem
    }

    .mailmagazine-about__link {
        padding-right: 18px;
        background-size: 12px
    }

    .mailmagazine-about__link:hover {
        text-decoration: underline
    }
}

.mailmagazine-archive__inner {
    padding-top: 70px;
    padding-bottom: 75px
}

.mailmagazine-archive__head {
    margin-bottom: 50px
}

@media all and (min-width: 600px) {
    .mailmagazine-archive__inner {
        padding-top:120px;
        padding-bottom: 130px
    }

    .mailmagazine-archive__head {
        margin-bottom: 55px !important
    }
}

.mailmagazine-single__inner {
    padding-top: 75px;
    padding-bottom: 75px
}

.mailmagazine-single-pager {
    margin-top: 55px
}

@media all and (min-width: 600px) {
    .mailmagazine-single__inner {
        padding-top:130px;
        padding-bottom: 130px
    }

    .mailmagazine-single-pager {
        margin-top: 100px
    }
}

@media all and (max-width: 599px) {
    .message-info__inner {
        padding:67px 0 0
    }
}

.message-info__head {
    margin-bottom: 40px
}

.message-info-pic-area {
    margin: 0 -67px
}

.message-info-txt-area {
    padding: 30px 25px;
    margin-top: -50px;
    background: #fff;
    position: relative;
    z-index: 2
}

.message-info__lead {
    text-align: center;
    font-weight: 500;
    font-size: 1.8rem;
    line-height: 1.7;
    margin: 0 auto 21px
}

.message-info__txt {
    margin-bottom: 27px
}

.message-info__txt:last-of-type {
    margin-bottom: 0
}

.message-info__txt.is-name {
    text-align: right;
    font-weight: 500;
    font-size: 1.6rem
}

@media all and (min-width: 600px) {
    .message-info__inner {
        padding-top:110px
    }

    .message-info__head {
        margin-bottom: 60px
    }

    .message-info-pic-area {
        margin: 0 auto
    }

    .message-info-txt-area {
        width: calc(100% - 100px);
        padding: 50px 60px;
        margin: -65px auto 0;
        box-sizing: border-box
    }

    .message-info__lead {
        font-size: 3rem;
        margin-bottom: 36px
    }

    .message-info__txt {
        margin-bottom: 35px
    }

    .message-info__txt.is-name {
        font-size: 1.8rem
    }
}

.message-guideline__inner {
    padding-top: 33px;
    padding-bottom: 55px
}

.message-guideline__head {
    margin-bottom: 12px
}

.message-guideline-data__link {
    display: inline-block;
    padding: 0 23px 0 0;
    background: url("../img/common/ico_link01.png") no-repeat right center;
    background-size: 12px
}

.message-guideline-data__link.is-organizaion {
    background: none
}

.message-guideline-data-logo-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.message-guideline-data__logo01 {
    width: 93px
}

.message-guideline-data__logo02 {
    width: 61px;
    margin-left: 25px
}

@media all and (min-width: 600px) {
    .message-guideline__inner {
        padding-top:50px;
        padding-bottom: 102px
    }

    .message-guideline__head {
        margin-bottom: 20px
    }

    .message-guideline-data__link:hover {
        text-decoration: underline
    }

    .message-guideline-data-logo-area {
        margin-top: 10px
    }

    .message-guideline-data__logo01 {
        width: 186px
    }

    .message-guideline-data__logo02 {
        width: 122px;
        margin-left: 50px
    }
}

.message-licence__inner {
    padding-top: 53px;
    padding-bottom: 37px
}

.message-licence__head {
    margin-bottom: 14px
}

.message-licence-data__logo01 {
    width: 140px;
    display: block;
    margin: 6px auto 9px 0
}

.message-licence-data-list {
    margin: 10px auto 0 7px
}

.message-licence-data-list__item {
    font-size: 1.4rem;
    padding-left: 12px;
    margin-bottom: 10px
}

.message-licence-data-list__item:last-of-type {
    margin-bottom: 0
}

@media all and (min-width: 600px) {
    .message-licence__inner {
        padding-top:118px;
        padding-bottom: 93px
    }

    .message-licence__head {
        margin-bottom: 32px
    }

    .message-licence-data__logo01 {
        width: 134px;
        display: inline-block;
        margin: 0 23px 0 0;
        vertical-align: -16px
    }

    .message-licence-data-list {
        margin: 34px auto 0 4px
    }

    .message-licence-data-list__item {
        font-size: 1.6rem;
        margin-bottom: 35px
    }
}

.message-history__inner {
    padding-top: 68px;
    padding-bottom: 50px
}

.message-history__head {
    margin-bottom: 10px
}

.message-history-data tr:first-of-type th {
    border-left: none
}

.message-history-data tr:first-of-type td .message-history-data-detail:first-of-type:before {
    top: 10px
}

.message-history-data tr:last-of-type td .message-history-data-detail:last-of-type:before {
    content: none
}

.message-history-data th {
    text-align: center;
    font-size: 1.8rem;
    font-weight: 500;
    padding-bottom: 18px
}

.message-history-data td {
    padding-top: 0;
    padding-bottom: 0
}

.message-history-data-detail {
    padding: 0 0 20px 4px;
    position: relative
}

.message-history-data-detail:last-of-type:before {
    height: calc(100% + 80px)
}

.message-history-data-detail:before {
    content: '';
    display: block;
    width: 1px;
    height: calc(100% + 10px);
    background: #242c40;
    position: absolute;
    top: 0;
    left: -15px
}

.message-history-data-detail__head {
    width: 80px;
    color: #fff;
    font-weight: 500;
    font-size: 1.3rem;
    text-align: center;
    line-height: 1;
    padding: 3px;
    margin: 0 auto 10px 0;
    background: #242c40;
    box-sizing: border-box;
    position: relative
}

.message-history-data-detail__head:before {
    content: '';
    display: block;
    width: 9px;
    height: 9px;
    background: #242c40;
    border-radius: 50%;
    position: absolute;
    top: 6px;
    left: -23px
}

.message-history-data-detail__txt {
    margin-bottom: 7px
}

.message-history-data-detail__txt:last-of-type {
    margin-bottom: 0
}

@media all and (min-width: 600px) {
    .message-history__inner {
        padding-top:113px;
        padding-bottom: 90px
    }

    .message-history__head {
        margin-bottom: 19px
    }

    .message-history-data tr:first-of-type td .message-history-data-detail:first-of-type:before {
        top: 20px
    }

    .message-history-data th {
        text-align: left;
        padding: 35px 0 0 30px;
        font-size: 1.6rem;
        border-left: none
    }

    .message-history-data td {
        padding: 35px 0 10px
    }

    .message-history-data-detail {
        padding: 0 0 26px 157px
    }

    .message-history-data-detail:before {
        left: 0;
        top: -36px;
        height: calc(100% + 50px)
    }

    .message-history-data-detail__head {
        width: 110px;
        padding: 6px;
        font-size: 1.4rem;
        position: absolute;
        top: 5px;
        left: 27px;
        margin: 0
    }

    .message-history-data-detail__head:before {
        left: -31px;
        top: 9px
    }
}

.monitoring-service__inner {
    padding-top: 68px
}

.monitoring-service__head {
    margin-bottom: 33px
}

.monitoring-service__lead {
    margin-bottom: 46px
}

.monitoring-service-box01-area {
    margin-bottom: 75px
}

.monitoring-service-box01 {
    margin-bottom: 40px
}

.monitoring-service-box01:last-of-type {
    margin-bottom: 0
}

.monitoring-service-box01-txt-area {
    margin-bottom: 25px
}

.monitoring-service-box01__head {
    margin-bottom: 27px
}

.monitoring-service-box01__head .is-small {
    display: block;
    font-weight: normal;
    font-size: 1.4rem;
    margin-top: 5px
}

.monitoring-service-box01-list__item {
    text-align: center;
    padding: 12px;
    margin-bottom: 24px;
    border: 1px solid #242c40;
    position: relative
}

.monitoring-service-box01-list__item:last-of-type {
    margin-bottom: 0
}

.monitoring-service-box01-list__item .is-small {
    color: #999;
    font-size: 1.3rem
}

.monitoring-service-box01-list-ico {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    position: absolute;
    left: 0;
    right: 0;
    bottom: -19px;
    margin: auto
}

.monitoring-service-box02 {
    padding-top: 55px;
    padding-bottom: 55px
}

.monitoring-service-box02__lead {
    margin-bottom: 32px
}

.monitoring-service-box02-list {
    margin-bottom: 20px
}

.monitoring-service-box02-list__item {
    color: #fff;
    width: 260px;
    height: 260px;
    text-align: center;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 50%;
    background: #242c40;
    position: relative
}

.monitoring-service-box02-list__item:before {
    content: "";
    display: block;
    width: 40px;
    height: 80px;
    background: #e5e5e5;
    position: absolute;
    left: 0;
    right: 0;
    top: 95%;
    margin: auto;
    z-index: -1
}

.monitoring-service-box02-list__item+.monitoring-service-box02-list__item {
    margin-top: 40px
}

.monitoring-service-box02-list__item:nth-last-of-type(2):before {
    height: 55px
}

.monitoring-service-box02-list__item:nth-last-of-type(2):after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 40px 30px 0 30px;
    border-color: #e5e5e5 transparent transparent transparent;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -75px;
    margin: auto;
    z-index: 1
}

.monitoring-service-box02-list__item:last-of-type {
    margin-top: 95px
}

.monitoring-service-box02-list__item:last-of-type:before {
    content: none
}

.monitoring-service-box02-list__item .is-small {
    font-size: 1.2rem
}

.monitoring-service-box02-list-in {
    margin-top: -25px
}

.monitoring-service-box02-list__head {
    font-weight: 500;
    font-size: 2.3rem;
    padding: 0 0 18px;
    margin-bottom: 10px;
    position: relative
}

.monitoring-service-box02-list__head:before {
    content: "";
    display: block;
    width: 1px;
    height: 15px;
    background: #fff;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto
}

.monitoring-service-box02__caution {
    font-size: 1.2rem
}

.monitoring-service-box03 {
    padding-top: 60px;
    padding-bottom: 70px
}

.monitoring-service-box03__head {
    margin-bottom: 20px
}

.monitoring-service-box03__txt {
    margin-bottom: 13px
}

.monitoring-service-box03__txt:last-of-type {
    margin-bottom: 0
}

@media all and (min-width: 600px) {
    .monitoring-service__inner {
        padding-top:120px
    }

    .monitoring-service__head {
        margin-bottom: 47px
    }

    .monitoring-service__lead {
        text-align: center;
        margin-bottom: 60px
    }

    .monitoring-service-box01-area {
        margin-bottom: 130px
    }

    .monitoring-service-box01 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        margin-bottom: 80px
    }

    .monitoring-service-box01:nth-of-type(odd) .monitoring-service-box01-txt-area {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .monitoring-service-box01-txt-area {
        width: 52%;
        margin: 0
    }

    .monitoring-service-box01__head {
        font-size: 2.4rem;
        padding-left: 21px;
        margin-bottom: 36px
    }

    .monitoring-service-box01__head .is-small {
        font-size: 1.6rem
    }

    .monitoring-service-box01-list__item {
        padding: 11px;
        margin-bottom: 40px
    }

    .monitoring-service-box01-list__item .is-small {
        font-size: 1.5rem
    }

    .monitoring-service-box01-list-ico {
        bottom: -29px
    }

    .monitoring-service-box01-pic-area {
        width: 44%
    }

    .monitoring-service-box02 {
        padding-top: 106px;
        padding-bottom: 105px
    }

    .monitoring-service-box02__head {
        margin-bottom: 45px
    }

    .monitoring-service-box02__head__en {
        font-size: 1.5rem
    }

    .monitoring-service-box02__head__ja {
        font-size: 3rem
    }

    .monitoring-service-box02__lead {
        font-size: 2.4rem;
        padding-left: 21px;
        margin-bottom: 82px
    }

    .monitoring-service-box02-list {
        width: 955px;
        height: 950px;
        margin: 0 auto 42px;
        position: relative;
        background: url("../img/monitoring/img_arrow01.png") no-repeat center
    }

    .monitoring-service-box02-list__item {
        width: 310px;
        height: 310px
    }

    .monitoring-service-box02-list__item:before {
        content: none
    }

    .monitoring-service-box02-list__item+.monitoring-service-box02-list__item {
        margin-top: 0
    }

    .monitoring-service-box02-list__item:nth-last-of-type(2):after {
        content: none
    }

    .monitoring-service-box02-list__item:last-of-type {
        margin-top: 0;
        float: left
    }

    .monitoring-service-box02-list__item .is-small {
        font-size: 1.4rem
    }

    .monitoring-service-box02-list__item:nth-of-type(2) {
        float: right
    }

    .monitoring-service-box02-list__item:nth-of-type(3) {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto
    }

    .monitoring-service-box02-list-in {
        margin-top: -28px
    }

    .monitoring-service-box02-list__head {
        font-size: 3rem
    }

    .monitoring-service-box02-list__head:before {
        height: 18px
    }

    .monitoring-service-box02__caution {
        font-size: 1.5rem
    }

    .monitoring-service-box03 {
        padding-top: 102px;
        padding-bottom: 120px
    }

    .monitoring-service-box03__head {
        margin-bottom: 36px
    }

    .monitoring-service-box03__txt {
        margin-bottom: 22px
    }
}

.network-movie__inner {
    padding-top: 55px
}

.network-movie__head {
    margin-bottom: 33px
}

.network-movie__movie {
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 56.25%;
    margin-top: 20px
}

.network-movie__movie iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

@media all and (min-width: 600px) {
    .network-movie__inner {
        padding-top:120px
    }

    .network-movie__head {
        margin-bottom: 50px
    }

    .network-movie__movie {
        margin-top: 30px
    }
}

.network-service__inner {
    padding-top: 69px
}

.network-service__head {
    margin-bottom: 33px
}

.network-service-box {
    padding-top: 56px;
    padding-bottom: 60px;
    position: relative
}

.network-service-box:first-of-type {
    margin-top: 45px
}

.network-service-sub02 {
    margin-top: 34px
}

.network-service-sub02__head {
    margin-bottom: 17px
}

.network-service-sub02-logo-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 12px
}

.network-service-sub02-logo__item {
    width: 50%;
    vertical-align: top;
    text-align: center;
    font-size: 1.1rem;
    line-height: 1.5
}

.network-service-sub02-logo__item:nth-child(n+3) {
    margin-top: 20px
}

.network-service-sub02-logo__img {
    height: 46px;
    width: auto;
    display: block;
    margin: 0 auto 5px
}

.network-service-sub02__caution {
    color: #999;
    text-align: right;
    font-size: 1.2rem
}

.network-service-sub03 {
    width: 83%;
    margin: 25px auto 0
}

.network-service-sub03__item {
    text-align: center;
    font-size: 1.3rem;
    margin-bottom: 15px
}

.network-service-sub03__item:last-of-type {
    margin-bottom: 0
}

.network-service-sub03__img {
    margin-bottom: 7px
}

.network-service-sub04 {
    margin-top: 29px
}

.network-service-sub04__head {
    margin-bottom: 21px
}

.network-service-sub04-logo-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 12px
}

.network-service-sub04-logo__item {
    width: 50%;
    vertical-align: top;
    text-align: center;
    font-size: 1.1rem;
    line-height: 1.5
}

.network-service-sub04-logo__item:nth-child(n+3) {
    margin-top: 20px
}

.network-service-sub04-logo__img {
    height: 39px;
    width: auto;
    display: block;
    margin: 0 auto 5px
}

.network-service-sub04__caution {
    color: #999;
    text-align: right;
    font-size: 1.2rem
}

@media all and (min-width: 600px) {
    .network-service__inner {
        padding-top:124px
    }

    .network-service__head {
        margin-bottom: 50px
    }

    .network-service__lead {
        text-align: center
    }

    .network-service-box {
        padding-top: 132px;
        padding-bottom: 105px
    }

    .network-service-box:first-of-type {
        padding-top: 102px;
        padding-bottom: 130px;
        margin-top: 62px
    }

    .network-service-sub02 {
        margin-top: 94px
    }

    .network-service-sub02__head {
        margin-bottom: 44px
    }

    .network-service-sub02-logo-list {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        margin-bottom: -4px
    }

    .network-service-sub02-logo__item {
        width: 25%;
        font-size: 1.4rem;
        margin: 0 !important
    }

    .network-service-sub02-logo__item:nth-of-type(n+5) {
        margin-top: 27px !important
    }

    .network-service-sub02-logo__img {
        height: 90px;
        margin-bottom: 16px
    }

    .network-service-sub02__caution {
        font-size: 1.4rem
    }

    .network-service-sub03 {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-top: 70px
    }

    .network-service-sub03__item {
        font-size: 1.5rem;
        margin-bottom: 0
    }

    .network-service-sub03__item:nth-child(1) {
        width: 38%
    }

    .network-service-sub03__item:nth-child(2) {
        width: 44%;
        margin: 0 37px 0 auto
    }

    .network-service-sub04 {
        margin-top: 60px
    }

    .network-service-sub04__head {
        margin-bottom: 50px
    }

    .network-service-sub04-logo-list {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        margin-bottom: -4px
    }

    .network-service-sub04-logo__item {
        width: 25%;
        font-size: 1.4rem;
        margin: 0 !important
    }

    .network-service-sub04-logo__item:nth-of-type(n+5) {
        margin-top: 35px !important
    }

    .network-service-sub04-logo__img {
        height: 75px;
        margin-bottom: 13px
    }

    .network-service-sub04__caution {
        font-size: 1.4rem
    }
}

.news-archive__inner {
    padding-top: 70px;
    padding-bottom: 75px
}

@media all and (min-width: 600px) {
    .news-archive__inner {
        padding-top:125px;
        padding-bottom: 130px
    }
}

.news-single__inner {
    padding-top: 75px;
    padding-bottom: 75px
}

.news-single-pager {
    margin-top: 55px
}

@media all and (min-width: 600px) {
    .news-single__inner {
        padding-top:130px;
        padding-bottom: 130px
    }

    .news-single-pager {
        margin-top: 100px
    }
}

.number-info__inner {
    padding-top: 30px;
    padding-bottom: 60px
}

.number-info__content {
    margin-top: 20px
}

@media all and (min-width: 600px) {
    .number-info__content {
        margin-top:25px
    }
}

.number-info__list {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.number-info__item {
    position: relative;
    min-height: 106px;
    box-sizing: border-box;
    text-align: center;
    color: #242c40;
    background: #fff;
    overflow: hidden
}

.number-info__item:before {
    position: absolute;
    content: '';
    display: block;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border: 3px solid #242c40;
    pointer-events: none
}

@media all and (max-width: 599px) {
    .number-info__item {
        margin-top:6px;
        margin-bottom: 6px;
        padding: 8px 0
    }

    .number-info__item.item-clm-1-sp {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(50% - 6px);
        flex: 0 0 calc(50% - 6px)
    }

    .number-info__item.item-clm-2-sp {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%
    }
}

@media all and (min-width: 600px) {
    .number-info__item {
        min-height:280px;
        margin-top: 15px;
        margin-bottom: 15px;
        padding: 18px 0 10px
    }

    .number-info__item.item-clm-1-pc {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 344px;
        flex: 0 0 344px
    }

    .number-info__item.item-clm-2-pc {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 722px;
        flex: 0 0 722px
    }

    .number-info__item.item-clm-quarter-pc {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 256px;
        flex: 0 0 256px
    }

    .number-info__item.item-clm-half-pc {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 533px;
        flex: 0 0 533px
    }

    .number-info__item.item-clm-full-pc {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%
    }
}

.number-info__item.is-active .number-info__img.img-default[data-anim="slideUp"] {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.number-info__item.is-active .number-info__img.img-circle img {
    opacity: 1;
    -webkit-transition-delay: .3s;
    transition-delay: .3s
}

.number-info__label {
    font-size: 1.3rem;
    font-weight: 700;
    letter-spacing: .15em
}

@media all and (min-width: 600px) {
    .number-info__label {
        font-size:2.4rem
    }
}

.number-info__img.img-default {
    margin-top: -5px;
    margin-bottom: -5px
}

.number-info__img.img-default[data-anim="slideUp"] {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    -webkit-transition-duration: .9s;
    transition-duration: .9s
}

.number-info__img.img-default img {
    display: block;
    width: auto;
    height: 70px;
    margin: auto
}

@media all and (min-width: 600px) {
    .number-info__img.img-default img {
        height:130px
    }
}

.number-info__img.img-comp {
    margin-top: 0
}

@media all and (min-width: 600px) {
    .number-info__img.img-comp img {
        height:140px
    }
}

.number-info__img.img-circle {
    position: relative;
    z-index: 1;
    margin: 10px 0
}

.number-info__img.img-circle img {
    display: block;
    opacity: 0;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.number-info__img.img-bg {
    position: absolute;
    z-index: 0;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.number-info__img.img-bg img {
    width: auto;
    height: 70px
}

@media all and (min-width: 600px) {
    .number-info__img.img-bg img {
        height:140px
    }
}

.number-info__pie {
    position: absolute;
    z-index: 0;
    top: 50%;
    left: 50%;
    width: 27.5vw;
    height: 27.5vw;
    margin-top: 2.1vw;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

@media all and (min-width: 600px) {
    .number-info__pie {
        width:200px;
        height: 200px;
        margin: 25px 0 0
    }
}

.number-info__pie:before {
    position: absolute;
    z-index: 0;
    content: '';
    display: block;
    top: 50%;
    left: 50%;
    width: 7vw;
    height: 7vw;
    border-radius: 50%;
    background: #fff;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    margin-top: -2vw
}

@media all and (min-width: 600px) {
    .number-info__pie:before {
        margin-top:-18px;
        width: 49px;
        height: 49px
    }
}

.number-info__data {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    line-height: 1
}

.number-info__data [data-format="year"] .odometer-formatting-mark {
    display: none
}

.number-info__data.data-only .data-num {
    font-size: 4.3rem
}

@media all and (max-width: 340px) {
    .number-info__data.data-only .data-num {
        font-size:3.6rem
    }
}

@media all and (min-width: 600px) {
    .number-info__data.data-only .data-num {
        font-size:7rem
    }
}

.number-info__data.data-only .data-num div,.number-info__data.data-only .data-num span {
    font-family: "Montserrat",sans-serif !important;
    font-weight: 700 !important
}

.number-info__data.data-only .data-unit {
    font-size: 1.7rem
}

@media all and (max-width: 340px) {
    .number-info__data.data-only .data-unit {
        font-size:1.5rem
    }
}

@media all and (min-width: 600px) {
    .number-info__data.data-only .data-unit {
        font-size:2.8rem
    }
}

.number-info__data .data-lead {
    position: absolute;
    display: inline-block;
    top: 0;
    left: 8px;
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
    font-size: 1rem
}

@media all and (max-width: 340px) {
    .number-info__data .data-lead {
        left:5px
    }
}

@media all and (min-width: 600px) {
    .number-info__data .data-lead {
        left:50%;
        margin-left: -128px;
        font-size: 1.8rem;
        font-weight: 500
    }
}

.number-info__data .data-num {
    letter-spacing: -0.01em;
    font-size: 3.5rem;
    font-weight: 700;
    line-height: 1
}

.number-info__data .data-num div,.number-info__data .data-num span {
    font-family: "Montserrat",sans-serif !important;
    font-weight: 700 !important;
    letter-spacing: -0.01em
}

@media all and (max-width: 340px) {
    .number-info__data .data-num {
        font-size:3rem
    }
}

@media all and (min-width: 600px) {
    .number-info__data .data-num {
        font-size:7rem
    }
}

.number-info__data .data-unit {
    margin: 0 3px;
    line-height: 1.75;
    font-weight: 700
}

@media all and (max-width: 340px) {
    .number-info__data .data-unit {
        margin:0 2px;
        font-size: 1.2rem
    }
}

@media all and (min-width: 600px) {
    .number-info__data .data-unit {
        font-size:2.8rem
    }
}

.number-info__data .data-notes {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    margin-top: 3px;
    text-align: center;
    font-size: 1rem
}

@media all and (min-width: 600px) {
    .number-info__data .data-notes {
        font-size:1.5rem
    }
}

.number-info__data.data-percent {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.number-info__data.data-percent .percent-middle {
    font-size: 3rem;
    font-weight: 700;
    letter-spacing: -0.01em;
    line-height: 1;
    margin: 0 2px
}

@media all and (min-width: 600px) {
    .number-info__data.data-percent .percent-middle {
        position:relative;
        top: -5px;
        font-size: 6rem;
        margin: 0 8px 0 5px
    }
}

.number-info__data.data-percent .percent-small div,.number-info__data.data-percent .percent-small span,.number-info__data.data-percent .percent-large div,.number-info__data.data-percent .percent-large span {
    font-family: "Montserrat",sans-serif !important;
    font-weight: 700 !important
}

.number-info__data.data-percent .percent-small {
    position: relative;
    top: -3px
}

.number-info__data.data-percent .percent-small .percent-num {
    font-weight: 700;
    letter-spacing: -0.01em;
    font-size: 2.1rem;
    line-height: 1
}

@media all and (min-width: 600px) {
    .number-info__data.data-percent .percent-small .percent-num {
        font-size:4.8rem
    }
}

.number-info__data.data-percent .percent-small .percent-unit {
    font-size: 1.2rem;
    line-height: 1.2
}

@media all and (min-width: 600px) {
    .number-info__data.data-percent .percent-small .percent-unit {
        font-size:2.4rem;
        font-weight: 700
    }
}

@media all and (min-width: 600px) {
    .number-info__data.data-percent .percent-large {
        position:relative;
        top: 3px
    }
}

.number-info__data.data-percent .percent-large .percent-num {
    font-weight: 700;
    letter-spacing: -0.01em;
    font-size: 2.8rem;
    line-height: 1
}

@media all and (min-width: 600px) {
    .number-info__data.data-percent .percent-large .percent-num {
        font-size:6.4rem
    }
}

.number-info__data.data-percent .percent-large .percent-unit {
    font-size: 1.2rem;
    line-height: 1.75
}

@media all and (min-width: 600px) {
    .number-info__data.data-percent .percent-large .percent-unit {
        font-size:2.4rem;
        font-weight: 700
    }
}

@media all and (min-width: 600px) {
    .number-info.info-item01 .number-info__inner {
        padding-top:100px
    }
}

@media all and (min-width: 600px) {
    .number-info.info-item01 .item-01-03 .number-info__data {
        margin-top:-20px
    }
}

@media all and (min-width: 600px) {
    .number-info.info-item01 .item-01-04 .number-info__data {
        margin-top:-15px
    }
}

.number-info.info-item01 .item-01-05 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding-right: 15px;
    padding-left: 15px
}

.number-info.info-item01 .item-01-05.is-active .number-info__img {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.number-info.info-item01 .item-01-05.is-active .number-info__img .img-fukidashi {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition-delay: .6s;
    transition-delay: .6s
}

@media all and (-ms-high-contrast: none) {
    .number-info.info-item01 .item-01-05 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 692px;
        flex: 0 0 692px
    }
}

.number-info.info-item01 .item-01-05 .number-info__label {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    margin-bottom: 10px
}

.number-info.info-item01 .item-01-05 .number-info__img {
    position: relative;
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(50% + 20px);
    flex: 0 0 calc(50% + 20px);
    margin: 15px 0 0 -20px;
    opacity: 0;
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    -webkit-transition-duration: .9s;
    transition-duration: .9s
}

@media all and (min-width: 600px) {
    .number-info.info-item01 .item-01-05 .number-info__img {
        -webkit-box-flex:0;
        -ms-flex: 0 0 322px;
        flex: 0 0 322px;
        margin: -45px 0 10px 25px
    }
}

.number-info.info-item01 .item-01-05 .number-info__img .img-fukidashi {
    position: absolute;
    display: block;
    top: 0;
    left: 9vw;
    width: 16vw;
    opacity: 0;
    -webkit-transform: scale(0.5);
    -ms-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    -webkit-transition-duration: .6s;
    transition-duration: .6s
}

@media all and (min-width: 600px) {
    .number-info.info-item01 .item-01-05 .number-info__img .img-fukidashi {
        width:121px;
        left: 50px
    }
}

.number-info.info-item01 .item-01-05 .number-info__base {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    padding: 5px 3px;
    text-align: center;
    background: rgba(36,44,64,0.15);
    box-sizing: border-box
}

@media all and (min-width: 600px) {
    .number-info.info-item01 .item-01-05 .number-info__base {
        -webkit-box-flex:0;
        -ms-flex: 0 0 288px;
        flex: 0 0 288px;
        padding: 10px 20px;
        line-height: 2
    }
}

.number-info.info-item01 .item-01-05 .number-info__base li {
    font-size: 1.1rem;
    font-weight: 500;
    color: #242c40;
    margin: 0 3px
}

@media all and (max-width: 340px) {
    .number-info.info-item01 .item-01-05 .number-info__base li {
        font-size:1rem;
        margin: 0 1px
    }
}

@media all and (min-width: 600px) {
    .number-info.info-item01 .item-01-05 .number-info__base li {
        margin:0 5px;
        font-size: 1.8rem
    }
}

.number-info.info-item01 .item-01-05 .number-info__base li.base-full {
    width: 100%;
    text-align: center
}

@media all and (min-width: 600px) {
    .number-info.info-item01 .item-01-08 .number-info__img {
        width:312px;
        margin: 5px auto 0
    }
}

.number-info.info-item01 .item-01-08 .number-info__pie {
    position: absolute;
    z-index: 0;
    top: 50%;
    left: 50%;
    width: 20vw;
    height: 20vw;
    margin-top: 2.1vw;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

@media all and (min-width: 600px) {
    .number-info.info-item01 .item-01-08 .number-info__pie {
        width:145px;
        height: 145px;
        margin: 25px 0 0 5px
    }
}

.number-info.info-item01 .item-01-08 .number-info__pie:before {
    top: 50%;
    width: 5vw;
    height: 5vw;
    margin-top: -1.05vw
}

@media all and (min-width: 600px) {
    .number-info.info-item01 .item-01-08 .number-info__pie:before {
        margin-top:-18px;
        width: 49px;
        height: 49px
    }
}

.number-info.info-item01 .item-01-09 .data-percent .percent-small .percent-num {
    font-size: 2.7rem
}

@media all and (min-width: 600px) {
    .number-info.info-item01 .item-01-09 .data-percent .percent-small .percent-num {
        font-size:5.4rem
    }
}

.number-info.info-item01 .item-01-09 .data-percent .percent-small .percent-unit {
    line-height: 1.6
}

.number-info.info-item01 .item-01-09 .data-percent .percent-large .percent-num {
    font-size: 3.5rem
}

@media all and (min-width: 600px) {
    .number-info.info-item01 .item-01-09 .data-percent .percent-large .percent-num {
        font-size:7rem
    }
}

@media all and (min-width: 600px) {
    .number-info.info-item01 .item-01-12,.number-info.info-item01 .item-01-13,.number-info.info-item01 .item-01-14,.number-info.info-item01 .item-01-15 {
        min-height:208px
    }

    .number-info.info-item01 .item-01-12 .number-info__data,.number-info.info-item01 .item-01-13 .number-info__data,.number-info.info-item01 .item-01-14 .number-info__data,.number-info.info-item01 .item-01-15 .number-info__data {
        margin-top: 10px
    }
}

.number-info.info-item01 .item-01-13 .number-info__data,.number-info.info-item01 .item-01-14 .number-info__data,.number-info.info-item01 .item-01-15 .number-info__data {
    margin-top: 5px
}

@media all and (min-width: 600px) {
    .number-info.info-item01 .item-01-13 .number-info__data,.number-info.info-item01 .item-01-14 .number-info__data,.number-info.info-item01 .item-01-15 .number-info__data {
        margin-top:15px
    }
}

.number-info.info-item02 {
    position: relative
}

@media all and (min-width: 600px) {
    .number-info.info-item02 .number-info__inner {
        padding-bottom:115px
    }
}

.number-info.info-item02:before {
    position: absolute;
    z-index: -2;
    content: '';
    display: block;
    top: 75px;
    left: 0;
    right: 0;
    bottom: 0;
    background: #f5f5f5
}

@media all and (min-width: 600px) {
    .number-info.info-item02:before {
        top:80px
    }
}

.number-info.info-item02 .item-02-01.is-active .number-info__graph .graph-list .list-bar .bar-data {
    opacity: 1;
    -webkit-transition-delay: .6s;
    transition-delay: .6s
}

.number-info.info-item02 .item-02-01.is-active .number-info__graph .graph-list .list-bar.bar-item01 .bar {
    height: 65px
}

@media all and (min-width: 600px) {
    .number-info.info-item02 .item-02-01.is-active .number-info__graph .graph-list .list-bar.bar-item01 .bar {
        height:159px
    }
}

.number-info.info-item02 .item-02-01.is-active .number-info__graph .graph-list .list-bar.bar-item02 .bar {
    height: 28px
}

@media all and (min-width: 600px) {
    .number-info.info-item02 .item-02-01.is-active .number-info__graph .graph-list .list-bar.bar-item02 .bar {
        height:81px
    }
}

.number-info.info-item02 .item-02-01.is-active .number-info__graph .graph-list .list-bar.bar-item03 .bar {
    height: 12px
}

@media all and (min-width: 600px) {
    .number-info.info-item02 .item-02-01.is-active .number-info__graph .graph-list .list-bar.bar-item03 .bar {
        height:33px
    }
}

.number-info.info-item02 .item-02-01.is-active .number-info__graph .graph-list .list-bar.bar-item04 .bar {
    height: 10px
}

@media all and (min-width: 600px) {
    .number-info.info-item02 .item-02-01.is-active .number-info__graph .graph-list .list-bar.bar-item04 .bar {
        height:27px
    }
}

@media all and (min-width: 600px) {
    .number-info.info-item02 .item-02-01 {
        height:365px
    }
}

.number-info.info-item02 .item-02-01 .number-info__graph {
    padding: 0 15px
}

@media all and (min-width: 600px) {
    .number-info.info-item02 .item-02-01 .number-info__graph {
        margin-top:10px;
        padding: 0 90px
    }
}

.number-info.info-item02 .item-02-01 .number-info__graph .graph-list {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.number-info.info-item02 .item-02-01 .number-info__graph .graph-list .list-bar {
    position: relative;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    height: 100px;
    box-sizing: border-box
}

@media all and (min-width: 600px) {
    .number-info.info-item02 .item-02-01 .number-info__graph .graph-list .list-bar {
        height:225px
    }
}

.number-info.info-item02 .item-02-01 .number-info__graph .graph-list .list-bar .bar-data {
    position: absolute;
    top: 0;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    width: 100%;
    opacity: 0;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.number-info.info-item02 .item-02-01 .number-info__graph .graph-list .list-bar .bar-data .data-num {
    letter-spacing: -0.01em;
    font-weight: 700;
    line-height: 1
}

.number-info.info-item02 .item-02-01 .number-info__graph .graph-list .list-bar .bar-data .data-unit {
    line-height: 1.8;
    font-size: 1.5rem;
    font-weight: 700
}

@media all and (min-width: 600px) {
    .number-info.info-item02 .item-02-01 .number-info__graph .graph-list .list-bar .bar-data .data-unit {
        font-size:2.8rem
    }
}

.number-info.info-item02 .item-02-01 .number-info__graph .graph-list .list-bar .bar {
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 80%;
    height: 0;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    -webkit-transition-duration: .9s;
    transition-duration: .9s
}

@media all and (min-width: 600px) {
    .number-info.info-item02 .item-02-01 .number-info__graph .graph-list .list-bar .bar {
        width:108px
    }
}

.number-info.info-item02 .item-02-01 .number-info__graph .graph-list .list-bar.bar-item01 .bar {
    background: url(../img/number/bg_pattern01.png);
    background-size: 6px
}

@media all and (min-width: 600px) {
    .number-info.info-item02 .item-02-01 .number-info__graph .graph-list .list-bar.bar-item01 .bar {
        background-size:12px
    }
}

.number-info.info-item02 .item-02-01 .number-info__graph .graph-list .list-bar.bar-item01 .data-num {
    font-size: 3.5rem
}

@media all and (min-width: 600px) {
    .number-info.info-item02 .item-02-01 .number-info__graph .graph-list .list-bar.bar-item01 .data-num {
        font-size:6.4rem
    }
}

.number-info.info-item02 .item-02-01 .number-info__graph .graph-list .list-bar.bar-item02 .bar {
    background: #6a86af
}

.number-info.info-item02 .item-02-01 .number-info__graph .graph-list .list-bar.bar-item02 .bar-data {
    top: 40px
}

@media all and (min-width: 600px) {
    .number-info.info-item02 .item-02-01 .number-info__graph .graph-list .list-bar.bar-item02 .bar-data {
        top:85px
    }
}

.number-info.info-item02 .item-02-01 .number-info__graph .graph-list .list-bar.bar-item02 .data-num {
    font-size: 3.2rem
}

@media all and (min-width: 600px) {
    .number-info.info-item02 .item-02-01 .number-info__graph .graph-list .list-bar.bar-item02 .data-num {
        font-size:6rem
    }
}

.number-info.info-item02 .item-02-01 .number-info__graph .graph-list .list-bar.bar-item03 .bar {
    background: #c3cfdf
}

.number-info.info-item02 .item-02-01 .number-info__graph .graph-list .list-bar.bar-item03 .bar-data {
    top: 60px
}

@media all and (min-width: 600px) {
    .number-info.info-item02 .item-02-01 .number-info__graph .graph-list .list-bar.bar-item03 .bar-data {
        top:142px
    }
}

.number-info.info-item02 .item-02-01 .number-info__graph .graph-list .list-bar.bar-item03 .data-num {
    font-size: 2.7rem
}

@media all and (min-width: 600px) {
    .number-info.info-item02 .item-02-01 .number-info__graph .graph-list .list-bar.bar-item03 .data-num {
        font-size:5rem
    }
}

.number-info.info-item02 .item-02-01 .number-info__graph .graph-list .list-bar.bar-item04 .bar {
    background: #dee0e3
}

.number-info.info-item02 .item-02-01 .number-info__graph .graph-list .list-bar.bar-item04 .bar-data {
    top: 64px
}

@media all and (min-width: 600px) {
    .number-info.info-item02 .item-02-01 .number-info__graph .graph-list .list-bar.bar-item04 .bar-data {
        top:148px
    }
}

.number-info.info-item02 .item-02-01 .number-info__graph .graph-list .list-bar.bar-item04 .data-num {
    font-size: 2.7rem
}

@media all and (min-width: 600px) {
    .number-info.info-item02 .item-02-01 .number-info__graph .graph-list .list-bar.bar-item04 .data-num {
        font-size:5rem
    }
}

.number-info.info-item02 .item-02-01 .number-info__graph .graph-txt {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-top: 2px solid #242c40
}

@media all and (min-width: 600px) {
    .number-info.info-item02 .item-02-01 .number-info__graph .graph-txt {
        border-width:3px
    }
}

.number-info.info-item02 .item-02-01 .number-info__graph .graph-txt .txt-label {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    text-align: center;
    font-size: 1.1rem;
    font-weight: 500
}

@media all and (min-width: 600px) {
    .number-info.info-item02 .item-02-01 .number-info__graph .graph-txt .txt-label {
        font-size:1.8rem
    }
}

.number-info.info-item02 .item-02-02 .number-info__data {
    margin-top: 5px
}

@media all and (min-width: 600px) {
    .number-info.info-item02 .item-02-02 {
        position:absolute;
        right: 0;
        top: 0;
        min-height: 170px;
        width: 344px
    }
}

@media all and (min-width: 600px) {
    .number-info.info-item02 .item-02-03 {
        min-height:170px;
        margin-top: 200px
    }
}

.number-info.info-item02 .item-02-05 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.number-info.info-item02 .item-02-05 .number-info__label {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%
}

.number-info.info-item02 .item-02-05 .number-info__img {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-right: 20px
}

.number-info.info-item02 .item-02-05 .number-info__data {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.number-info.info-item02 .item-02-05 .number-info__qt {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    text-align: left;
    padding: 0 15px;
    box-sizing: border-box;
    line-height: 1.53846
}

@media all and (min-width: 600px) {
    .number-info.info-item02 .item-02-05 .number-info__qt {
        margin-top:-10px;
        padding: 0 35px;
        line-height: 1.85714
    }
}

@media all and (min-width: 600px) and (-ms-high-contrast: none) {
    .number-info.info-item02 .item-02-05 .number-info__qt {
        -webkit-box-flex:0;
        -ms-flex: 0 0 652px;
        flex: 0 0 652px
    }
}

.number-info.info-item02 .item-02-05 .number-info__qt li {
    display: inline;
    font-size: 1.3rem;
    font-weight: 500;
    word-break: break-all
}

@media all and (min-width: 600px) {
    .number-info.info-item02 .item-02-05 .number-info__qt li {
        font-size:1.4rem
    }
}

.number-info.info-item02 .item-02-05 .number-info__qt li+li:before {
    content: "/"
}

.number-info.info-item02 .item-02-05 .number-info__notes {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    padding: 0 15px;
    font-size: 1rem;
    text-align: left;
    box-sizing: border-box
}

@media all and (min-width: 600px) {
    .number-info.info-item02 .item-02-05 .number-info__notes {
        padding:0 35px;
        font-size: 1.4rem
    }
}

.number-info.info-item02 .item-02-05 .number-info__notes a {
    text-decoration: underline
}

@media all and (min-width: 600px) {
    .number-info.info-item02 .item-02-05 .number-info__notes a:hover {
        text-decoration:none
    }
}

@media all and (min-width: 600px) {
    .number-info.info-item02 .item-02-06 .number-info__img {
        margin:0 -40px
    }
}

@media all and (min-width: 600px) {
    .number-info.info-item02 .item-02-07 .number-info__img {
        margin:0 -40px
    }
}

.number-info.info-item03 .number-info__inner {
    padding-top: 80px
}

@media all and (min-width: 600px) {
    .number-info.info-item03 .number-info__inner {
        padding-top:110px;
        padding-bottom: 110px
    }
}

.number-info.info-item03 .item-03-01.is-active .number-info__img {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.number-info.info-item03 .item-03-01.is-active .number-info__img .img-fukidashi {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition-delay: .6s;
    transition-delay: .6s
}

.number-info.info-item03 .item-03-01 .number-info__img {
    margin: 10px 20px 5px;
    opacity: 0;
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    -webkit-transition-duration: .9s;
    transition-duration: .9s
}

@media all and (min-width: 600px) {
    .number-info.info-item03 .item-03-01 .number-info__img {
        margin:0 auto;
        width: 617px
    }
}

.number-info.info-item03 .item-03-01 .number-info__img .img-fukidashi {
    position: absolute;
    width: 20vw;
    right: 0;
    bottom: 3vw;
    opacity: 0;
    -webkit-transform: scale(0.5);
    -ms-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

@media all and (min-width: 600px) {
    .number-info.info-item03 .item-03-01 .number-info__img .img-fukidashi {
        width:155px;
        bottom: 30px
    }
}

.number-info.info-item03 .item-03-02.is-active .number-info__graph .graph-list .list-bar .bar-data {
    opacity: 1;
    -webkit-transition-delay: .6s;
    transition-delay: .6s
}

.number-info.info-item03 .item-03-02.is-active .number-info__graph .graph-list .list-bar.bar-item01 .bar {
    width: 77px
}

@media all and (min-width: 600px) {
    .number-info.info-item03 .item-03-02.is-active .number-info__graph .graph-list .list-bar.bar-item01 .bar {
        width:90px
    }
}

.number-info.info-item03 .item-03-02.is-active .number-info__graph .graph-list .list-bar.bar-item02 .bar {
    width: 66px
}

@media all and (min-width: 600px) {
    .number-info.info-item03 .item-03-02.is-active .number-info__graph .graph-list .list-bar.bar-item02 .bar {
        width:70px
    }
}

.number-info.info-item03 .item-03-02.is-active .number-info__graph .graph-list .list-bar.bar-item03 .bar {
    width: 22px
}

@media all and (min-width: 600px) {
    .number-info.info-item03 .item-03-02.is-active .number-info__graph .graph-list .list-bar.bar-item03 .bar {
        width:25px
    }
}

.number-info.info-item03 .item-03-02.is-active .number-info__graph .graph-list .list-bar.bar-item04 .bar {
    width: 78px
}

@media all and (min-width: 600px) {
    .number-info.info-item03 .item-03-02.is-active .number-info__graph .graph-list .list-bar.bar-item04 .bar {
        width:92px
    }
}

.number-info.info-item03 .item-03-02.is-active .number-info__graph .graph-list .list-bar.bar-item05 .bar {
    width: 2px
}

@media all and (min-width: 600px) {
    .number-info.info-item03 .item-03-02.is-active .number-info__graph .graph-list .list-bar.bar-item05 .bar {
        width:4px
    }
}

.number-info.info-item03 .item-03-02 .number-info__graph {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 5px
}

.number-info.info-item03 .item-03-02 .number-info__graph .graph-txt {
    position: relative;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50px;
    flex: 0 0 50px
}

@media all and (min-width: 600px) {
    .number-info.info-item03 .item-03-02 .number-info__graph .graph-txt {
        -webkit-box-flex:0;
        -ms-flex: 0 0 66px;
        flex: 0 0 66px
    }
}

.number-info.info-item03 .item-03-02 .number-info__graph .graph-txt:before {
    position: absolute;
    content: '';
    display: block;
    top: 10px;
    right: 0;
    bottom: 10px;
    width: 1px;
    background: #242c40
}

.number-info.info-item03 .item-03-02 .number-info__graph .graph-txt .txt-label {
    height: 36px;
    padding-top: 6px;
    font-weight: 500;
    text-align: left;
    box-sizing: border-box
}

@media all and (min-width: 600px) {
    .number-info.info-item03 .item-03-02 .number-info__graph .graph-txt .txt-label {
        height:46px
    }
}

.number-info.info-item03 .item-03-02 .number-info__graph .graph-list {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 150px;
    flex: 0 0 150px
}

@media all and (min-width: 600px) {
    .number-info.info-item03 .item-03-02 .number-info__graph .graph-list {
        -webkit-box-flex:0;
        -ms-flex: 0 0 175px;
        flex: 0 0 175px
    }
}

.number-info.info-item03 .item-03-02 .number-info__graph .graph-list .list-bar {
    position: relative;
    height: 36px
}

@media all and (min-width: 600px) {
    .number-info.info-item03 .item-03-02 .number-info__graph .graph-list .list-bar {
        height:46px
    }
}

.number-info.info-item03 .item-03-02 .number-info__graph .graph-list .list-bar .bar {
    position: absolute;
    top: 50%;
    left: 0;
    width: 0;
    height: 15px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    -webkit-transition-duration: .9s;
    transition-duration: .9s
}

@media all and (min-width: 600px) {
    .number-info.info-item03 .item-03-02 .number-info__graph .graph-list .list-bar .bar {
        height:19px
    }
}

.number-info.info-item03 .item-03-02 .number-info__graph .graph-list .list-bar .bar-data {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: 0;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.number-info.info-item03 .item-03-02 .number-info__graph .graph-list .list-bar .bar-data .data-num {
    font-weight: 700;
    letter-spacing: -0.01em;
    font-size: 2.7rem;
    line-height: 1
}

@media all and (min-width: 600px) {
    .number-info.info-item03 .item-03-02 .number-info__graph .graph-list .list-bar .bar-data .data-num {
        font-size:3.4rem
    }
}

.number-info.info-item03 .item-03-02 .number-info__graph .graph-list .list-bar .bar-data .data-unit {
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 1.8;
    margin-left: 3px
}

@media all and (min-width: 600px) {
    .number-info.info-item03 .item-03-02 .number-info__graph .graph-list .list-bar .bar-data .data-unit {
        font-size:2rem
    }
}

.number-info.info-item03 .item-03-02 .number-info__graph .graph-list .list-bar.bar-item01 .bar {
    background: #242c40
}

.number-info.info-item03 .item-03-02 .number-info__graph .graph-list .list-bar.bar-item01 .bar-data {
    right: 10px
}

.number-info.info-item03 .item-03-02 .number-info__graph .graph-list .list-bar.bar-item02 .bar {
    background: #555f76
}

.number-info.info-item03 .item-03-02 .number-info__graph .graph-list .list-bar.bar-item02 .bar-data {
    right: 20px
}

@media all and (min-width: 600px) {
    .number-info.info-item03 .item-03-02 .number-info__graph .graph-list .list-bar.bar-item02 .bar-data {
        right:30px
    }
}

.number-info.info-item03 .item-03-02 .number-info__graph .graph-list .list-bar.bar-item03 .bar {
    background: #6a86af
}

.number-info.info-item03 .item-03-02 .number-info__graph .graph-list .list-bar.bar-item03 .bar-data {
    right: 83px
}

@media all and (min-width: 600px) {
    .number-info.info-item03 .item-03-02 .number-info__graph .graph-list .list-bar.bar-item03 .bar-data {
        right:95px
    }
}

.number-info.info-item03 .item-03-02 .number-info__graph .graph-list .list-bar.bar-item04 .bar {
    background: #c3cfdf
}

.number-info.info-item03 .item-03-02 .number-info__graph .graph-list .list-bar.bar-item04 .data-num {
    font-size: 3.2rem
}

@media all and (min-width: 600px) {
    .number-info.info-item03 .item-03-02 .number-info__graph .graph-list .list-bar.bar-item04 .data-num {
        font-size:4rem
    }
}

.number-info.info-item03 .item-03-02 .number-info__graph .graph-list .list-bar.bar-item05 .bar {
    background: #dee0e3
}

.number-info.info-item03 .item-03-02 .number-info__graph .graph-list .list-bar.bar-item05 .bar-data {
    right: 110px
}

@media all and (min-width: 600px) {
    .number-info.info-item03 .item-03-02 .number-info__graph .graph-list .list-bar.bar-item05 .bar-data {
        right:125px
    }
}

.number-info.info-item03 .item-03-02 .number-info__graph .graph-list .list-bar.bar-item05 .data-num {
    font-size: 2.2rem
}

@media all and (min-width: 600px) {
    .number-info.info-item03 .item-03-02 .number-info__graph .graph-list .list-bar.bar-item05 .data-num {
        font-size:2.8rem
    }
}

.number-info.info-item03 .item-03-02 .number-info__graph .graph-list .list-bar.bar-item05 .data-unit {
    line-height: 1.3
}

.number-info.info-item03 .item-03-02 .number-info__img {
    text-align: center;
    margin: 15px 0 -7px
}

@media all and (min-width: 600px) {
    .number-info.info-item03 .item-03-02 .number-info__img {
        margin:20px 0 -10px
    }
}

.number-info.info-item03 .item-03-02 .number-info__img img {
    width: auto;
    height: 112px
}

@media all and (min-width: 600px) {
    .number-info.info-item03 .item-03-02 .number-info__img img {
        height:175px
    }
}

.number-info.info-item03 .item-03-03.is-active .number-info__graph .graph-list .list-bar .bar {
    width: 100%
}

.number-info.info-item03 .item-03-03.is-active .number-info__graph .graph-list .list-bar.bar-item02 .bar {
    -webkit-transition-delay: .2s;
    transition-delay: .2s
}

.number-info.info-item03 .item-03-03.is-active .number-info__graph .graph-list .list-bar.bar-item03 .bar {
    -webkit-transition-delay: .4s;
    transition-delay: .4s
}

@media all and (min-width: 600px) {
    .number-info.info-item03 .item-03-03 {
        min-height:226px
    }
}

.number-info.info-item03 .item-03-03 .number-info__graph {
    margin: 10px 15px 0
}

@media all and (min-width: 600px) {
    .number-info.info-item03 .item-03-03 .number-info__graph {
        margin:15px 75px 0
    }
}

.number-info.info-item03 .item-03-03 .number-info__graph .graph-list,.number-info.info-item03 .item-03-03 .number-info__graph .graph-txt {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    text-align: center
}

.number-info.info-item03 .item-03-03 .number-info__graph .graph-list .list-bar {
    position: relative;
    height: 40px
}

@media all and (min-width: 600px) {
    .number-info.info-item03 .item-03-03 .number-info__graph .graph-list .list-bar {
        height:80px
    }
}

.number-info.info-item03 .item-03-03 .number-info__graph .graph-list .list-bar.bar-item01 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 32%;
    flex: 0 0 32%
}

.number-info.info-item03 .item-03-03 .number-info__graph .graph-list .list-bar.bar-item01 .bar {
    background: #242c40
}

.number-info.info-item03 .item-03-03 .number-info__graph .graph-list .list-bar.bar-item02 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 55%;
    flex: 0 0 55%
}

.number-info.info-item03 .item-03-03 .number-info__graph .graph-list .list-bar.bar-item02 .bar {
    background: #555f76
}

.number-info.info-item03 .item-03-03 .number-info__graph .graph-list .list-bar.bar-item03 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 13%;
    flex: 0 0 13%
}

.number-info.info-item03 .item-03-03 .number-info__graph .graph-list .list-bar.bar-item03 .bar {
    background: #6a86af
}

.number-info.info-item03 .item-03-03 .number-info__graph .graph-list .list-bar.bar-item03 .bar-data {
    width: 120%
}

@media all and (min-width: 600px) {
    .number-info.info-item03 .item-03-03 .number-info__graph .graph-list .list-bar.bar-item03 .bar-data {
        width:100%
    }
}

.number-info.info-item03 .item-03-03 .number-info__graph .graph-list .list-bar.bar-item03 .bar-data .data-num {
    font-size: 1rem;
    line-height: 0.8
}

@media all and (min-width: 600px) {
    .number-info.info-item03 .item-03-03 .number-info__graph .graph-list .list-bar.bar-item03 .bar-data .data-num {
        font-size:3rem
    }
}

.number-info.info-item03 .item-03-03 .number-info__graph .graph-list .list-bar.bar-item03 .bar-data .data-unit {
    line-height: .8
}

@media all and (min-width: 600px) {
    .number-info.info-item03 .item-03-03 .number-info__graph .graph-list .list-bar.bar-item03 .bar-data .data-unit {
        font-size:2rem;
        line-height: 1.2
    }
}

.number-info.info-item03 .item-03-03 .number-info__graph .graph-list .list-bar .bar {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    -webkit-transition-duration: .2s;
    transition-duration: .2s
}

.number-info.info-item03 .item-03-03 .number-info__graph .graph-list .list-bar .bar-data {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    top: 50%;
    left: 0;
    width: 100%;
    text-align: center;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #fff
}

@media all and (min-width: 600px) {
    .number-info.info-item03 .item-03-03 .number-info__graph .graph-list .list-bar .bar-data {
        -webkit-box-align:end;
        -ms-flex-align: end;
        align-items: flex-end
    }
}

.number-info.info-item03 .item-03-03 .number-info__graph .graph-list .list-bar .bar-data .data-num {
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 1;
    letter-spacing: -0.01em
}

@media all and (min-width: 600px) {
    .number-info.info-item03 .item-03-03 .number-info__graph .graph-list .list-bar .bar-data .data-num {
        font-size:6rem
    }
}

.number-info.info-item03 .item-03-03 .number-info__graph .graph-list .list-bar .bar-data .data-unit {
    font-size: 1rem;
    font-weight: 700;
    line-height: 2;
    margin-left: 3px
}

@media all and (min-width: 600px) {
    .number-info.info-item03 .item-03-03 .number-info__graph .graph-list .list-bar .bar-data .data-unit {
        font-size:2.8rem;
        line-height: 1.6
    }
}

.number-info.info-item03 .item-03-03 .number-info__graph .graph-txt .txt-label {
    font-size: 1.1rem
}

@media all and (min-width: 600px) {
    .number-info.info-item03 .item-03-03 .number-info__graph .graph-txt .txt-label {
        font-size:2.2rem
    }
}

.number-info.info-item03 .item-03-03 .number-info__graph .graph-txt .txt-label:nth-of-type(1) {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 32%;
    flex: 0 0 32%
}

.number-info.info-item03 .item-03-03 .number-info__graph .graph-txt .txt-label:nth-of-type(2) {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 55%;
    flex: 0 0 55%
}

.number-info.info-item03 .item-03-03 .number-info__graph .graph-txt .txt-label:nth-of-type(3) {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 15%;
    flex: 0 0 15%;
    margin-left: -5%
}

@media all and (min-width: 600px) {
    .number-info.info-item03 .item-03-04 .number-info__img {
        margin:-20px -45px 0
    }
}

.number-info.info-item03 .item-03-05.is-active .number-info__holiday .holiday-item {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.number-info.info-item03 .item-03-05 .number-info__holiday {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0 15px
}

@media all and (min-width: 600px) {
    .number-info.info-item03 .item-03-05 .number-info__holiday {
        margin:10px 40px 0
    }
}

.number-info.info-item03 .item-03-05 .number-info__holiday .holiday-item {
    position: relative;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(50% - 5px);
    flex: 0 0 calc(50% - 5px);
    text-align: center;
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

@media all and (min-width: 600px) {
    .number-info.info-item03 .item-03-05 .number-info__holiday .holiday-item {
        -webkit-box-flex:0;
        -ms-flex: 0 0 205px;
        flex: 0 0 205px
    }
}

.number-info.info-item03 .item-03-05 .number-info__holiday .holiday-item:before {
    position: absolute;
    content: '';
    display: block;
    bottom: -15px;
    left: 50%;
    width: 14px;
    height: 10px;
    background: url(../img/number/bg_fukidashi01.png);
    background-size: cover;
    margin-left: 10px
}

@media all and (min-width: 600px) {
    .number-info.info-item03 .item-03-05 .number-info__holiday .holiday-item:before {
        left:auto;
        right: 20px;
        bottom: -25px;
        width: 18px;
        height: 13px;
        margin: 0
    }
}

.number-info.info-item03 .item-03-05 .number-info__holiday .holiday-item:nth-of-type(1):before {
    -webkit-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    transform: scale(-1, 1);
    margin-left: -20px
}

@media all and (min-width: 600px) {
    .number-info.info-item03 .item-03-05 .number-info__holiday .holiday-item:nth-of-type(1):before {
        margin-left:0;
        right: auto;
        left: 20px
    }
}

.number-info.info-item03 .item-03-05 .number-info__holiday .item-head {
    position: relative;
    z-index: 1;
    display: inline-block;
    padding: 2px 8px;
    color: #fff;
    background: #242c40;
    text-align: center;
    line-height: 1;
    font-size: 1.3rem;
    font-weight: 500;
    border-radius: 10px
}

@media all and (min-width: 600px) {
    .number-info.info-item03 .item-03-05 .number-info__holiday .item-head {
        padding:5px 15px;
        font-size: 1.8rem;
        border-radius: 15px
    }
}

.number-info.info-item03 .item-03-05 .number-info__holiday .item-txt {
    margin-top: -10px;
    padding: 15px 0 10px;
    line-height: 1.5;
    border-radius: 5px;
    background: rgba(36,44,64,0.15);
    font-size: 1.2rem
}

@media all and (max-width: 340px) {
    .number-info.info-item03 .item-03-05 .number-info__holiday .item-txt {
        font-size:1rem
    }
}

@media all and (min-width: 600px) {
    .number-info.info-item03 .item-03-05 .number-info__holiday .item-txt {
        padding:20px 0 15px;
        font-size: 1.8rem;
        border-radius: 10px
    }
}

.number-info.info-item03 .item-03-05 .number-info__data {
    margin-top: 10px
}

@media all and (min-width: 600px) {
    .number-info.info-item03 .item-03-05 .number-info__data {
        margin:5px 0 20px
    }
}

.number-info.info-item03 .item-03-05 .number-info__data .percent-small {
    padding: 0 20px
}

@media all and (min-width: 600px) {
    .number-info.info-item03 .item-03-05 .number-info__data .percent-small {
        padding:0 50px
    }
}

.number-info.info-item03 .item-03-05 .number-info__data .percent-small .percent-num {
    font-size: 2.7rem
}

@media all and (min-width: 600px) {
    .number-info.info-item03 .item-03-05 .number-info__data .percent-small .percent-num {
        font-size:5.4rem
    }
}

.number-info.info-item03 .item-03-05 .number-info__data .percent-large {
    padding: 0 20px
}

@media all and (min-width: 600px) {
    .number-info.info-item03 .item-03-05 .number-info__data .percent-large {
        padding:0 50px
    }
}

.number-info.info-item03 .item-03-05 .number-info__data .percent-large .percent-num {
    font-size: 3.5rem
}

@media all and (min-width: 600px) {
    .number-info.info-item03 .item-03-05 .number-info__data .percent-large .percent-num {
        font-size:7rem
    }
}

.number-info.info-item03 .item-03-06.is-active .number-info__spend .spend-ico img {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.number-info.info-item03 .item-03-06.is-active .spend-item:nth-of-type(2) img {
    -webkit-transition-delay: .05s;
    transition-delay: .05s
}

.number-info.info-item03 .item-03-06.is-active .spend-item:nth-of-type(3) img {
    -webkit-transition-delay: .1s;
    transition-delay: .1s
}

.number-info.info-item03 .item-03-06.is-active .spend-item:nth-of-type(4) img {
    -webkit-transition-delay: .15s;
    transition-delay: .15s
}

.number-info.info-item03 .item-03-06.is-active .spend-item:nth-of-type(5) img {
    -webkit-transition-delay: .2s;
    transition-delay: .2s
}

.number-info.info-item03 .item-03-06.is-active .spend-item:nth-of-type(6) img {
    -webkit-transition-delay: .25s;
    transition-delay: .25s
}

.number-info.info-item03 .item-03-06.is-active .spend-item:nth-of-type(7) img {
    -webkit-transition-delay: .3s;
    transition-delay: .3s
}

.number-info.info-item03 .item-03-06.is-active .spend-item:nth-of-type(8) img {
    -webkit-transition-delay: .35s;
    transition-delay: .35s
}

.number-info.info-item03 .item-03-06.is-active .spend-item:nth-of-type(9) img {
    -webkit-transition-delay: .4s;
    transition-delay: .4s
}

.number-info.info-item03 .item-03-06.is-active .spend-item:nth-of-type(10) img {
    -webkit-transition-delay: .45s;
    transition-delay: .45s
}

.number-info.info-item03 .item-03-06.is-active .spend-item:nth-of-type(11) img {
    -webkit-transition-delay: .5s;
    transition-delay: .5s
}

.number-info.info-item03 .item-03-06 .number-info__spend {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 10px 15px 0
}

@media all and (min-width: 600px) {
    .number-info.info-item03 .item-03-06 .number-info__spend {
        margin:15px 28px 20px;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

.number-info.info-item03 .item-03-06 .number-info__spend .spend-item {
    position: relative;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(50% - 2px);
    flex: 0 0 calc(50% - 2px);
    background: #f5f5f5;
    padding: 7px 10px 7px 50px;
    box-sizing: border-box;
    text-align: left
}

@media all and (max-width: 599px) {
    .number-info.info-item03 .item-03-06 .number-info__spend .spend-item:nth-of-type(4) {
        padding-top:15px
    }
}

@media all and (max-width: 599px) and (max-width: 340px) {
    .number-info.info-item03 .item-03-06 .number-info__spend .spend-item:nth-of-type(4) {
        padding-top:7px
    }
}

@media all and (max-width: 599px) {
    .number-info.info-item03 .item-03-06 .number-info__spend .spend-item:nth-of-type(n+3) {
        margin-top:5px
    }
}

@media all and (min-width: 600px) {
    .number-info.info-item03 .item-03-06 .number-info__spend .spend-item {
        -webkit-box-flex:0;
        -ms-flex: 0 0 246px;
        flex: 0 0 246px;
        margin-right: 20px;
        padding: 10px 10px 10px 75px
    }

    .number-info.info-item03 .item-03-06 .number-info__spend .spend-item:nth-of-type(4n) {
        margin-right: 0
    }

    .number-info.info-item03 .item-03-06 .number-info__spend .spend-item:nth-of-type(n+5) {
        margin-top: 20px
    }
}

@media all and (min-width: 600px) and (-ms-high-contrast: none) {
    .number-info.info-item03 .item-03-06 .number-info__spend .spend-item {
        -webkit-box-flex:0;
        -ms-flex: 0 0 161px;
        flex: 0 0 161px
    }
}

.number-info.info-item03 .item-03-06 .number-info__spend .spend-ico {
    position: absolute;
    top: 50%;
    left: 10px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 30px
}

@media all and (min-width: 600px) {
    .number-info.info-item03 .item-03-06 .number-info__spend .spend-ico {
        width:50px
    }
}

.number-info.info-item03 .item-03-06 .number-info__spend .spend-ico img {
    display: block;
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.number-info.info-item03 .item-03-06 .number-info__spend .spend-txt {
    font-size: 1.1rem;
    font-weight: 500;
    line-height: 1.5
}

@media all and (min-width: 600px) {
    .number-info.info-item03 .item-03-06 .number-info__spend .spend-txt {
        font-size:1.8rem
    }
}

.number-info.info-item03 .item-03-06 .number-info__spend .spend-data {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.number-info.info-item03 .item-03-06 .number-info__spend .spend-data .data-num {
    font-size: 2.7rem;
    font-weight: 700;
    letter-spacing: -0.01em;
    line-height: 1
}

@media all and (max-width: 340px) {
    .number-info.info-item03 .item-03-06 .number-info__spend .spend-data .data-num {
        font-size:2.5rem
    }
}

@media all and (min-width: 600px) {
    .number-info.info-item03 .item-03-06 .number-info__spend .spend-data .data-num {
        font-size:4.4rem
    }
}

.number-info.info-item03 .item-03-06 .number-info__spend .spend-data .data-unit {
    margin-left: 3px;
    font-weight: 700;
    line-height: 1.8
}

@media all and (min-width: 600px) {
    .number-info.info-item03 .item-03-06 .number-info__spend .spend-data .data-unit {
        font-size:2.8rem;
        line-height: 1.3
    }
}

.number-info.info-item03 .item-03-07.is-active .number-info__graph .graph-list .list-bar .bar-data {
    opacity: 1;
    -webkit-transition-delay: .3s;
    transition-delay: .3s
}

.number-info.info-item03 .item-03-07.is-active .number-info__graph .graph-list .list-bar.bar-item01 .bar {
    width: 50px
}

@media all and (min-width: 600px) {
    .number-info.info-item03 .item-03-07.is-active .number-info__graph .graph-list .list-bar.bar-item01 .bar {
        width:70px
    }
}

.number-info.info-item03 .item-03-07.is-active .number-info__graph .graph-list .list-bar.bar-item02 .bar {
    width: 35px
}

@media all and (min-width: 600px) {
    .number-info.info-item03 .item-03-07.is-active .number-info__graph .graph-list .list-bar.bar-item02 .bar {
        width:60px
    }
}

.number-info.info-item03 .item-03-07.is-active .number-info__graph .graph-list .list-bar.bar-item03 .bar {
    width: 7px
}

@media all and (min-width: 600px) {
    .number-info.info-item03 .item-03-07.is-active .number-info__graph .graph-list .list-bar.bar-item03 .bar {
        width:13px
    }
}

.number-info.info-item03 .item-03-07.is-active .number-info__graph .graph-list .list-bar.bar-item04 .bar {
    width: 2px
}

@media all and (min-width: 600px) {
    .number-info.info-item03 .item-03-07.is-active .number-info__graph .graph-list .list-bar.bar-item04 .bar {
        width:3px
    }
}

.number-info.info-item03 .item-03-07.is-active .number-info__graph .graph-list .list-bar.bar-item05 .bar {
    width: 2px
}

@media all and (min-width: 600px) {
    .number-info.info-item03 .item-03-07.is-active .number-info__graph .graph-list .list-bar.bar-item05 .bar {
        width:3px
    }
}

.number-info.info-item03 .item-03-07.is-active .number-info__graph .graph-list .list-bar.bar-item06 .bar {
    width: 3px
}

@media all and (min-width: 600px) {
    .number-info.info-item03 .item-03-07.is-active .number-info__graph .graph-list .list-bar.bar-item06 .bar {
        width:4px
    }
}

.number-info.info-item03 .item-03-07 .number-info__graph {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 5px
}

@media all and (min-width: 600px) {
    .number-info.info-item03 .item-03-07 .number-info__graph {
        margin-bottom:10px
    }
}

.number-info.info-item03 .item-03-07 .number-info__graph .graph-txt {
    position: relative;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100px;
    flex: 0 0 100px
}

@media all and (min-width: 600px) {
    .number-info.info-item03 .item-03-07 .number-info__graph .graph-txt {
        -webkit-box-flex:0;
        -ms-flex: 0 0 135px;
        flex: 0 0 135px
    }
}

.number-info.info-item03 .item-03-07 .number-info__graph .graph-txt:before {
    position: absolute;
    content: '';
    display: block;
    top: 10px;
    right: 0;
    bottom: 10px;
    width: 1px;
    background: #242c40
}

.number-info.info-item03 .item-03-07 .number-info__graph .graph-txt .txt-label {
    height: 36px;
    padding-top: 6px;
    font-weight: 500;
    text-align: left;
    box-sizing: border-box
}

@media all and (min-width: 600px) {
    .number-info.info-item03 .item-03-07 .number-info__graph .graph-txt .txt-label {
        height:46px;
        font-size: 1.8rem
    }
}

.number-info.info-item03 .item-03-07 .number-info__graph .graph-list {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 115px;
    flex: 0 0 115px
}

@media all and (min-width: 600px) {
    .number-info.info-item03 .item-03-07 .number-info__graph .graph-list {
        -webkit-box-flex:0;
        -ms-flex: 0 0 150px;
        flex: 0 0 150px
    }
}

.number-info.info-item03 .item-03-07 .number-info__graph .graph-list .list-bar {
    position: relative;
    height: 36px
}

@media all and (min-width: 600px) {
    .number-info.info-item03 .item-03-07 .number-info__graph .graph-list .list-bar {
        height:46px
    }
}

.number-info.info-item03 .item-03-07 .number-info__graph .graph-list .list-bar .bar {
    position: absolute;
    top: 50%;
    left: 0;
    width: 0;
    height: 15px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

@media all and (min-width: 600px) {
    .number-info.info-item03 .item-03-07 .number-info__graph .graph-list .list-bar .bar {
        height:19px
    }
}

.number-info.info-item03 .item-03-07 .number-info__graph .graph-list .list-bar .bar-data {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: 0;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.number-info.info-item03 .item-03-07 .number-info__graph .graph-list .list-bar .bar-data .data-num {
    font-weight: 700;
    letter-spacing: -0.01em;
    font-size: 2.7rem;
    line-height: 1
}

@media all and (min-width: 600px) {
    .number-info.info-item03 .item-03-07 .number-info__graph .graph-list .list-bar .bar-data .data-num {
        font-size:3.4rem
    }
}

.number-info.info-item03 .item-03-07 .number-info__graph .graph-list .list-bar .bar-data .data-unit {
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 1.8;
    margin-left: 3px
}

@media all and (min-width: 600px) {
    .number-info.info-item03 .item-03-07 .number-info__graph .graph-list .list-bar .bar-data .data-unit {
        font-size:2rem
    }
}

.number-info.info-item03 .item-03-07 .number-info__graph .graph-list .list-bar.bar-item01 .bar {
    background: #242c40
}

.number-info.info-item03 .item-03-07 .number-info__graph .graph-list .list-bar.bar-item01 .bar-data {
    right: -5px
}

.number-info.info-item03 .item-03-07 .number-info__graph .graph-list .list-bar.bar-item01 .data-num {
    font-size: 3rem
}

@media all and (min-width: 600px) {
    .number-info.info-item03 .item-03-07 .number-info__graph .graph-list .list-bar.bar-item01 .data-num {
        font-size:4rem
    }
}

.number-info.info-item03 .item-03-07 .number-info__graph .graph-list .list-bar.bar-item02 .bar {
    background: #555f76
}

.number-info.info-item03 .item-03-07 .number-info__graph .graph-list .list-bar.bar-item02 .bar-data {
    right: 20px
}

@media all and (min-width: 600px) {
    .number-info.info-item03 .item-03-07 .number-info__graph .graph-list .list-bar.bar-item02 .bar-data {
        right:20px
    }
}

.number-info.info-item03 .item-03-07 .number-info__graph .graph-list .list-bar.bar-item03 .bar {
    background: #6a86af
}

.number-info.info-item03 .item-03-07 .number-info__graph .graph-list .list-bar.bar-item03 .bar-data {
    right: 50px
}

@media all and (min-width: 600px) {
    .number-info.info-item03 .item-03-07 .number-info__graph .graph-list .list-bar.bar-item03 .bar-data {
        right:70px
    }
}

.number-info.info-item03 .item-03-07 .number-info__graph .graph-list .list-bar.bar-item04 .bar-data,.number-info.info-item03 .item-03-07 .number-info__graph .graph-list .list-bar.bar-item05 .bar-data,.number-info.info-item03 .item-03-07 .number-info__graph .graph-list .list-bar.bar-item06 .bar-data {
    right: 65px
}

@media all and (min-width: 600px) {
    .number-info.info-item03 .item-03-07 .number-info__graph .graph-list .list-bar.bar-item04 .bar-data,.number-info.info-item03 .item-03-07 .number-info__graph .graph-list .list-bar.bar-item05 .bar-data,.number-info.info-item03 .item-03-07 .number-info__graph .graph-list .list-bar.bar-item06 .bar-data {
        right:95px
    }
}

.number-info.info-item03 .item-03-07 .number-info__graph .graph-list .list-bar.bar-item04 .bar {
    background: #c3cfdf
}

.number-info.info-item03 .item-03-07 .number-info__graph .graph-list .list-bar.bar-item05 .bar {
    background: #dae5f4
}

.number-info.info-item03 .item-03-07 .number-info__graph .graph-list .list-bar.bar-item06 .bar {
    background: #dee0e3
}

.number-info.info-item03 .item-03-08.is-active .number-info__graph .graph-list .list-bar .bar-data {
    opacity: 1;
    -webkit-transition-delay: .3s;
    transition-delay: .3s
}

.number-info.info-item03 .item-03-08.is-active .number-info__graph .graph-list .list-bar.bar-item01 .bar {
    width: 33px
}

@media all and (min-width: 600px) {
    .number-info.info-item03 .item-03-08.is-active .number-info__graph .graph-list .list-bar.bar-item01 .bar {
        width:35px
    }
}

.number-info.info-item03 .item-03-08.is-active .number-info__graph .graph-list .list-bar.bar-item02 .bar {
    width: 25px
}

@media all and (min-width: 600px) {
    .number-info.info-item03 .item-03-08.is-active .number-info__graph .graph-list .list-bar.bar-item02 .bar {
        width:30px
    }
}

.number-info.info-item03 .item-03-08.is-active .number-info__graph .graph-list .list-bar.bar-item03 .bar {
    width: 15px
}

@media all and (min-width: 600px) {
    .number-info.info-item03 .item-03-08.is-active .number-info__graph .graph-list .list-bar.bar-item03 .bar {
        width:15px
    }
}

.number-info.info-item03 .item-03-08.is-active .number-info__graph .graph-list .list-bar.bar-item04 .bar {
    width: 16px
}

@media all and (min-width: 600px) {
    .number-info.info-item03 .item-03-08.is-active .number-info__graph .graph-list .list-bar.bar-item04 .bar {
        width:16px
    }
}

.number-info.info-item03 .item-03-08.is-active .number-info__graph .graph-list .list-bar.bar-item05 .bar {
    width: 9px
}

@media all and (min-width: 600px) {
    .number-info.info-item03 .item-03-08.is-active .number-info__graph .graph-list .list-bar.bar-item05 .bar {
        width:10px
    }
}

.number-info.info-item03 .item-03-08.is-active .number-info__graph .graph-list .list-bar.bar-item06 .bar {
    width: 3px
}

@media all and (min-width: 600px) {
    .number-info.info-item03 .item-03-08.is-active .number-info__graph .graph-list .list-bar.bar-item06 .bar {
        width:4px
    }
}

.number-info.info-item03 .item-03-08 .number-info__graph {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 5px
}

.number-info.info-item03 .item-03-08 .number-info__graph .graph-txt {
    position: relative;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 110px;
    flex: 0 0 110px
}

@media all and (min-width: 600px) {
    .number-info.info-item03 .item-03-08 .number-info__graph .graph-txt {
        -webkit-box-flex:0;
        -ms-flex: 0 0 143px;
        flex: 0 0 143px
    }
}

.number-info.info-item03 .item-03-08 .number-info__graph .graph-txt:before {
    position: absolute;
    content: '';
    display: block;
    top: 10px;
    right: 0;
    bottom: 10px;
    width: 1px;
    background: #242c40
}

.number-info.info-item03 .item-03-08 .number-info__graph .graph-txt .txt-label {
    height: 36px;
    padding-top: 6px;
    font-weight: 500;
    text-align: left;
    box-sizing: border-box
}

@media all and (min-width: 600px) {
    .number-info.info-item03 .item-03-08 .number-info__graph .graph-txt .txt-label {
        height:46px;
        font-size: 1.8rem
    }
}

.number-info.info-item03 .item-03-08 .number-info__graph .graph-list {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 90px;
    flex: 0 0 90px
}

@media all and (min-width: 600px) {
    .number-info.info-item03 .item-03-08 .number-info__graph .graph-list {
        -webkit-box-flex:0;
        -ms-flex: 0 0 110px;
        flex: 0 0 110px
    }
}

.number-info.info-item03 .item-03-08 .number-info__graph .graph-list .list-bar {
    position: relative;
    height: 36px
}

@media all and (min-width: 600px) {
    .number-info.info-item03 .item-03-08 .number-info__graph .graph-list .list-bar {
        height:46px
    }
}

.number-info.info-item03 .item-03-08 .number-info__graph .graph-list .list-bar .bar {
    position: absolute;
    top: 50%;
    left: 0;
    width: 0;
    height: 15px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

@media all and (min-width: 600px) {
    .number-info.info-item03 .item-03-08 .number-info__graph .graph-list .list-bar .bar {
        height:19px
    }
}

.number-info.info-item03 .item-03-08 .number-info__graph .graph-list .list-bar .bar-data {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: 0;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.number-info.info-item03 .item-03-08 .number-info__graph .graph-list .list-bar .bar-data .data-num {
    font-weight: 700;
    letter-spacing: -0.01em;
    font-size: 2.7rem;
    line-height: 1
}

@media all and (min-width: 600px) {
    .number-info.info-item03 .item-03-08 .number-info__graph .graph-list .list-bar .bar-data .data-num {
        font-size:3.4rem
    }
}

.number-info.info-item03 .item-03-08 .number-info__graph .graph-list .list-bar .bar-data .data-unit {
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 1.8;
    margin-left: 3px
}

@media all and (min-width: 600px) {
    .number-info.info-item03 .item-03-08 .number-info__graph .graph-list .list-bar .bar-data .data-unit {
        font-size:2rem
    }
}

.number-info.info-item03 .item-03-08 .number-info__graph .graph-list .list-bar.bar-item01 .bar {
    background: #242c40
}

.number-info.info-item03 .item-03-08 .number-info__graph .graph-list .list-bar.bar-item01 .data-num {
    font-size: 3rem
}

@media all and (min-width: 600px) {
    .number-info.info-item03 .item-03-08 .number-info__graph .graph-list .list-bar.bar-item01 .data-num {
        font-size:4rem
    }
}

.number-info.info-item03 .item-03-08 .number-info__graph .graph-list .list-bar.bar-item02 .bar {
    background: #555f76
}

.number-info.info-item03 .item-03-08 .number-info__graph .graph-list .list-bar.bar-item02 .bar-data {
    right: 5px
}

.number-info.info-item03 .item-03-08 .number-info__graph .graph-list .list-bar.bar-item03 .bar {
    background: #6a86af
}

.number-info.info-item03 .item-03-08 .number-info__graph .graph-list .list-bar.bar-item03 .bar-data {
    right: 20px
}

.number-info.info-item03 .item-03-08 .number-info__graph .graph-list .list-bar.bar-item04 .bar {
    background: #c3cfdf
}

.number-info.info-item03 .item-03-08 .number-info__graph .graph-list .list-bar.bar-item04 .bar-data {
    right: 20px
}

.number-info.info-item03 .item-03-08 .number-info__graph .graph-list .list-bar.bar-item05 .bar {
    background: #dae5f4
}

.number-info.info-item03 .item-03-08 .number-info__graph .graph-list .list-bar.bar-item05 .bar-data {
    right: 25px
}

.number-info.info-item03 .item-03-08 .number-info__graph .graph-list .list-bar.bar-item06 .bar {
    background: #dee0e3
}

.number-info.info-item03 .item-03-08 .number-info__graph .graph-list .list-bar.bar-item06 .bar-data {
    right: 45px
}

@media all and (min-width: 600px) {
    .number-info.info-item03 .item-03-08 .number-info__graph .graph-list .list-bar.bar-item06 .bar-data {
        right:50px
    }
}

@media all and (min-width: 600px) {
    .number-info.info-item03 .item-03-10 .number-info__img {
        margin:0 -30px
    }
}

.number-info.info-item03 .item-03-11.is-active .number-info__alcohol .item-img img {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.number-info.info-item03 .item-03-11.is-active .alcohol-item:nth-of-type(2) img {
    -webkit-transition-delay: .05s;
    transition-delay: .05s
}

.number-info.info-item03 .item-03-11.is-active .alcohol-item:nth-of-type(3) img {
    -webkit-transition-delay: .1s;
    transition-delay: .1s
}

.number-info.info-item03 .item-03-11.is-active .alcohol-item:nth-of-type(4) img {
    -webkit-transition-delay: .15s;
    transition-delay: .15s
}

.number-info.info-item03 .item-03-11.is-active .alcohol-item:nth-of-type(5) img {
    -webkit-transition-delay: .2s;
    transition-delay: .2s
}

.number-info.info-item03 .item-03-11.is-active .alcohol-item:nth-of-type(6) img {
    -webkit-transition-delay: .25s;
    transition-delay: .25s
}

.number-info.info-item03 .item-03-11.is-active .alcohol-item:nth-of-type(7) img {
    -webkit-transition-delay: .3s;
    transition-delay: .3s
}

.number-info.info-item03 .item-03-11.is-active .alcohol-item:nth-of-type(8) img {
    -webkit-transition-delay: .35s;
    transition-delay: .35s
}

.number-info.info-item03 .item-03-11 .number-info__alcohol {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin: 0 15px;
    margin: 10px 18px
}

@media all and (min-width: 600px) {
    .number-info.info-item03 .item-03-11 .number-info__alcohol {
        margin:10px 34px
    }
}

.number-info.info-item03 .item-03-11 .number-info__alcohol .alcohol-item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33%;
    flex: 0 0 33%
}

@media all and (max-width: 599px) {
    .number-info.info-item03 .item-03-11 .number-info__alcohol .alcohol-item {
        margin-top:10px
    }
}

@media all and (min-width: 600px) {
    .number-info.info-item03 .item-03-11 .number-info__alcohol .alcohol-item {
        -webkit-box-flex:0;
        -ms-flex: 0 0 116px;
        flex: 0 0 116px
    }

    .number-info.info-item03 .item-03-11 .number-info__alcohol .alcohol-item:nth-of-type(n+5) {
        margin-top: 10px
    }
}

.number-info.info-item03 .item-03-11 .number-info__alcohol .item-img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 76px;
    height: 76px;
    margin: auto;
    border-radius: 50%;
    background: #c3cfdf;
    text-align: center
}

@media all and (max-width: 340px) {
    .number-info.info-item03 .item-03-11 .number-info__alcohol .item-img {
        width:70px;
        height: 70px
    }
}

@media all and (min-width: 600px) {
    .number-info.info-item03 .item-03-11 .number-info__alcohol .item-img {
        width:96px;
        height: 96px
    }
}

.number-info.info-item03 .item-03-11 .number-info__alcohol .item-img img {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 35px;
    flex: 0 0 35px;
    display: block;
    width: 35px;
    margin: -5px auto 0;
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

@media all and (max-width: 340px) {
    .number-info.info-item03 .item-03-11 .number-info__alcohol .item-img img {
        -webkit-box-flex:0;
        -ms-flex: 0 0 30px;
        flex: 0 0 30px;
        width: 30px
    }
}

@media all and (min-width: 600px) {
    .number-info.info-item03 .item-03-11 .number-info__alcohol .item-img img {
        -webkit-box-flex:0;
        -ms-flex: 0 0 45px;
        flex: 0 0 45px;
        width: 45px;
        margin-top: 0
    }
}

@media all and (min-width: 600px) and (-ms-high-contrast: none) {
    .number-info.info-item03 .item-03-11 .number-info__alcohol .item-img img {
        margin-left:0
    }
}

.number-info.info-item03 .item-03-11 .number-info__alcohol .item-data {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    text-align: center;
    line-height: 1;
    margin-top: -20px
}

.number-info.info-item03 .item-03-11 .number-info__alcohol .item-data .data-num {
    letter-spacing: -.01em;
    font-size: 2.8rem;
    font-weight: 700
}

@media all and (max-width: 340px) {
    .number-info.info-item03 .item-03-11 .number-info__alcohol .item-data .data-num {
        font-size:2.5rem
    }
}

@media all and (min-width: 600px) {
    .number-info.info-item03 .item-03-11 .number-info__alcohol .item-data .data-num {
        font-size:3.4rem
    }
}

.number-info.info-item03 .item-03-11 .number-info__alcohol .item-data .data-unit {
    position: relative;
    top: -5px;
    margin-left: 2px;
    font-weight: 700;
    font-size: 1.6rem
}

@media all and (min-width: 600px) {
    .number-info.info-item03 .item-03-11 .number-info__alcohol .item-data .data-unit {
        font-size:2rem
    }
}

.number-info.info-item03 .item-03-11 .number-info__alcohol .item-label {
    font-size: 1.1rem;
    font-weight: 500;
    text-align: center
}

@media all and (min-width: 600px) {
    .number-info.info-item03 .item-03-11 .number-info__alcohol .item-label {
        margin-top:-3px;
        font-size: 1.8rem
    }
}

.office-service__inner {
    padding-top: 70px
}

.office-service__head {
    margin-bottom: 35px
}

.office-service-box {
    padding-top: 55px;
    padding-bottom: 60px
}

.office-service-box:first-of-type {
    padding-top: 40px
}

.office-service-sub03 {
    margin-top: 37px
}

.office-service-sub03-list__item {
    margin-bottom: 30px
}

.office-service-sub03-list__item:last-of-type {
    margin-bottom: 0
}

.office-service-sub03-list__head {
    margin-bottom: 5px
}

.office-service-sub03-list__head .is-num {
    margin: 0 10px 0 0
}

.office-service-sub03-list__txt {
    margin-bottom: 10px
}

.office-service-sub03-list-detail {
    padding: 20px 27px;
    background: #f5f5f5
}

@media all and (min-width: 600px) {
    .office-service__inner {
        padding-top:118px
    }

    .office-service__head {
        margin-bottom: 48px
    }

    .office-service__lead {
        text-align: center
    }

    .office-service-box {
        padding-top: 100px;
        padding-bottom: 100px
    }

    .office-service-box:first-of-type {
        padding-top: 55px;
        padding-bottom: 120px
    }

    .office-service-sub02 {
        margin-top: 70px
    }

    .office-service-sub02-list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .office-service-sub02-list__item {
        width: 12%;
        position: relative
    }

    .office-service-sub02-list-ico {
        position: absolute;
        top: 30px;
        right: -72px
    }

    .office-service-sub02-list-ico:before {
        width: 29px;
        height: 6px
    }

    .office-service-sub02-list__img {
        display: block;
        width: auto;
        margin: 0 auto 22px
    }

    .office-service-sub02-list__txt {
        color: #242c40;
        font-size: 1.8rem;
        font-weight: bold;
        text-align: center;
        position: relative
    }

    .office-service-sub02-list__txt .is-num {
        font-size: 2.2rem;
        vertical-align: -1px
    }

    .office-service-sub03 {
        margin-top: 88px
    }

    .office-service-sub03-list__item {
        margin-bottom: 42px
    }

    .office-service-sub03-list__head {
        margin-bottom: 23px
    }

    .office-service-sub03-list__head .is-num {
        margin-right: 5px;
        vertical-align: 0px
    }

    .office-service-sub03-list-detail {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 20px 35px
    }

    .office-service-sub03-list-detail__item {
        width: 33.3%;
        box-sizing: border-box
    }
}

.office-carpet {
    padding-bottom: 25px
}

.office-carpet__head {
    margin-bottom: 40px
}

.office-carpet__lead {
    margin-bottom: 16px
}

.office-carpet__name {
    width: 130px;
    display: block;
    margin: 13px 0 0 auto
}

.office-carpet-slider {
    margin-top: 40px
}

@media all and (min-width: 600px) {
    .office-carpet {
        padding-bottom:130px
    }

    .office-carpet__inner {
        padding-top: 20px
    }

    .office-carpet__head {
        margin-bottom: 57px
    }

    .office-carpet__lead {
        font-size: 2.4rem;
        padding-left: 21px;
        margin-bottom: 30px
    }

    .office-carpet__name {
        width: 203px
    }

    .office-carpet-slider {
        margin-top: 47px
    }
}

.officedesign-service__inner {
    padding-top: 69px
}

.officedesign-service__head {
    margin-bottom: 33px
}

.officedesign-service-box {
    padding-top: 54px;
    padding-bottom: 60px
}

.officedesign-service-box:first-of-type {
    padding-top: 15px
}

@media all and (min-width: 600px) {
    .officedesign-service__inner {
        padding-top:120px
    }

    .officedesign-service__head {
        margin-bottom: 50px
    }

    .officedesign-service__lead {
        text-align: center
    }

    .officedesign-service-box {
        padding-top: 100px;
        padding-bottom: 110px
    }

    .officedesign-service-box:first-of-type {
        padding-top: 50px;
        padding-bottom: 120px
    }
}

.officedesign-case__inner {
    padding-top: 70px
}

.officedesign-case__head {
    margin-bottom: 33px
}

.officedesign-case-slider {
    margin-top: 35px
}

@media all and (min-width: 600px) {
    .officedesign-case__inner {
        padding-top:118px
    }

    .officedesign-case__head {
        margin-bottom: 48px
    }

    .officedesign-case-slider {
        margin-top: 70px
    }
}

.officedesign-works {
    margin-top: 40px
}

@media all and (min-width: 600px) {
    .officedesign-works {
        margin-top:130px
    }
}

.organization-info__inner {
    padding-top: 69px
}

.organization-info__head {
    margin-bottom: 39px
}

.organization-info-txt-area {
    margin: 0 auto 20px
}

@media all and (min-width: 600px) {
    .organization-info__inner {
        padding-top:119px
    }

    .organization-info__head {
        margin-bottom: 59px
    }

    .organization-info-txt-area {
        width: calc(100% - 100px);
        padding: 60px;
        margin: -100px auto 0;
        background: #fff;
        box-sizing: border-box;
        position: relative;
        z-index: 2
    }
}

.organization-chart__inner {
    padding-top: 55px;
    padding-bottom: 60px
}

.organization-chart__head {
    margin-bottom: 27px
}

@media all and (min-width: 600px) {
    .organization-chart__inner {
        padding-top:45px;
        padding-bottom: 130px
    }

    .organization-chart__head {
        margin-bottom: 50px
    }

    .organization-chart-box {
        text-align: center
    }

    .organization-chart-box__img {
        width: auto
    }
}

.organization-business__inner {
    padding-top: 54px;
    padding-bottom: 55px
}

.organization-business__txt {
    margin-bottom: 35px
}

.organization-business__txt:last-of-type {
    margin-bottom: 0
}

@media all and (min-width: 600px) {
    .organization-business__inner {
        padding-top:105px;
        padding-bottom: 100px
    }

    .organization-business__head {
        margin-bottom: 50px
    }

    .organization-business__txt {
        margin-bottom: 40px
    }
}

.organization-base__inner {
    padding-top: 70px
}

.organization-base__head {
    margin-bottom: 40px
}

.organization-base-box-txt-area {
    margin: 0 auto 20px
}

@media all and (min-width: 600px) {
    .organization-base__inner {
        padding-top:120px
    }

    .organization-base__head {
        margin-bottom: 60px
    }

    .organization-base-box {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .organization-base-box-txt-area {
        width: 51%;
        margin: 0
    }

    .organization-base-box-img-area {
        width: 46.5%
    }
}

.organization-access {
    padding-top: 55px
}

.organization-access-map {
    height: 200px
}

.organization-access-map iframe {
    width: 100%;
    height: 100%;
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="0.2126 0.7152 0.0722 0 0 0.2126 0.7152 0.0722 0 0 0.2126 0.7152 0.0722 0 0 0 0 0 1 0" /></filter></svg>#filter');
    filter: grayscale(100%)
}

.organization-access__inner {
    padding-bottom: 75px
}

.organization-access-address {
    padding-top: 15px;
    padding-bottom: 23px
}

.organization-access-address__head {
    font-weight: 500;
    font-size: 1.8rem;
    margin-bottom: 16px
}

.organization-access-address-list__item {
    padding: 0 0 0 10px;
    margin-bottom: 22px;
    border-left: 1px solid #242c40
}

.organization-access-address-list__item:last-of-type {
    margin-bottom: 0
}

.organization-access-address-list__item .is-big {
    font-weight: 500;
    font-size: 1.5rem
}

.organization-access-list__item {
    padding: 17px 10px 25px;
    border-bottom: 1px solid #f5f5f5
}

.organization-access-list__item:last-of-type {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: none
}

.organization-access-list__name {
    font-size: 1.7rem;
    font-weight: 500;
    margin-bottom: 6px
}

.organization-access-btn {
    width: 100%;
    max-width: 250px;
    text-align: center;
    margin: 23px auto 0
}

.organization-access-btn__link {
    height: 43px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-decoration: none;
    font-weight: 500;
    border: 1px solid #242c40
}

.organization-access-btn__txt {
    position: relative;
    z-index: 1;
    padding: 0 15px 0 0;
    background: url("../img/common/ico_link01.png") no-repeat right center;
    background-size: 11px
}

@media all and (min-width: 600px) {
    .organization-access {
        padding-top:110px
    }

    .organization-access__head {
        margin-bottom: 50px
    }

    .organization-access-map {
        height: 400px
    }

    .organization-access__inner {
        padding-bottom: 120px
    }

    .organization-access-address {
        padding-top: 35px;
        padding-bottom: 60px
    }

    .organization-access-address__head {
        font-size: 2.4rem;
        margin-bottom: 25px
    }

    .organization-access-address-list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .organization-access-address-list__item {
        width: 50%;
        padding: 0 0 6px 30px;
        margin: 0
    }

    .organization-access-address-list__item .is-big {
        font-size: 1.8rem
    }

    .organization-access-list__item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 30px 28px
    }

    .organization-access-list__name {
        width: 213px;
        font-size: 2rem;
        margin: -65px 0 0
    }

    .organization-access-btn {
        width: 180px;
        margin: 0 0 0 auto
    }

    .organization-access-btn__link {
        height: 38px;
        position: relative
    }

    .organization-access-btn__link:before {
        position: absolute;
        content: '';
        display: block;
        top: 0;
        left: 0;
        width: 0;
        height: 100%;
        background: #242c40;
        -webkit-transition: width .3s ease;
        transition: width .3s ease
    }

    .organization-access-btn__link:hover:before {
        width: 100%
    }

    .organization-access-btn__link:hover .organization-access-btn__txt {
        color: #fff;
        background-image: url("../img/common/ico_link02.png")
    }

    .organization-access-btn__txt {
        font-size: 1.4rem;
        padding: 0 20px 0 0;
        background-size: 12px;
        -webkit-transition: all .3s ease;
        transition: all .3s ease
    }
}

#partner .l-sub-img {
    background-image: url(../img/partner/bg_subimg01_sp.jpg)
}

@media all and (min-width: 600px) {
    #partner .l-sub-img {
        background-image:url(../img/partner/bg_subimg01_pc.jpg)
    }
}

.partner-recruit {
    padding-top: 34px
}

.partner-recruit__list {
    padding-top: 30px
}

.partner-recruit__item {
    position: relative;
    padding-bottom: 60px
}

.partner-recruit__item+.partner-recruit__item {
    padding-top: 55px
}

.partner-recruit__item:nth-child(even) .partner-recruit__content:before {
    position: absolute;
    z-index: -1;
    content: '';
    display: block;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: #f5f5f5
}

.partner-recruit__content {
    padding: 0 25px
}

.partner-recruit__sub {
    margin-bottom: 21px
}

.partner-recruit__lead {
    margin-bottom: 20px;
    font-weight: 500;
    font-size: 1.8rem;
    letter-spacing: 0.14em
}

.partner-recruit__txt {
    padding-bottom: 20px;
    line-height: 1.9
}

.partner-recruit-download {
    padding-top: 40px;
    padding-bottom: 60px;
    background: #f5f5f5
}

.partner-recruit-download__item+.partner-recruit-download__item {
    padding-top: 50px
}

.partner-recruit-download__head {
    margin-bottom: 16px;
    letter-spacing: 0.14em
}

.partner-recruit-download__txt {
    line-height: 1.9
}

.partner-recruit-download-btn {
    margin: 30px auto 0
}

.partner-recruit-download-btn__txt {
    position: relative;
    padding-right: 20px
}

.partner-recruit-download-btn__txt:before {
    position: absolute;
    content: '';
    background: url(../img/partner/ico_link01.png) no-repeat;
    background-size: contain;
    top: 4px;
    right: 0px;
    width: 13px;
    height: 16px
}

.partner-recruit-download__note {
    padding-left: 15px;
    text-indent: -1em;
    color: #999;
    font-size: 1.3rem
}

@media all and (min-width: 600px) {
    .partner-recruit {
        padding-top:108px
    }

    .partner-recruit__list {
        padding-top: 57px;
        padding-bottom: 25px
    }

    .partner-recruit__item {
        margin: 0;
        padding-bottom: 85px
    }

    .partner-recruit__item+.partner-recruit__item {
        padding-top: 110px
    }

    .partner-recruit__item:nth-child(even) .partner-recruit__content {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        margin-right: 10px;
        margin-left: auto
    }

    .partner-recruit__item:nth-child(even) .partner-recruit__content:before {
        width: 1920px;
        right: 50%;
        left: auto;
        margin-right: -1085px
    }

    .partner-recruit__item:nth-child(odd) .partner-recruit__img {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
        padding-right: 52px;
        padding-left: 0
    }

    .partner-recruit__content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        max-width: 1720px;
        margin: auto;
        box-sizing: border-box
    }

    .partner-recruit__textarea {
        margin-top: -9px;
        width: 570px
    }

    .partner-recruit__sub {
        margin-bottom: 43px
    }

    .partner-recruit__en {
        font-size: 1.5rem
    }

    .partner-recruit__ja {
        margin-top: -5px;
        font-size: 3rem
    }

    .partner-recruit__lead {
        margin-bottom: 24px;
        padding-left: 18px;
        font-size: 2.4rem
    }

    .partner-recruit__txt {
        line-height: 2.2
    }

    .partner-recruit__img {
        padding-left: 42px;
        width: 800px
    }

    .partner-recruit-download {
        padding-top: 108px
    }

    .partner-recruit-download__inner {
        padding-left: 75px;
        padding-right: 20px
    }

    .partner-recruit-download__list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .partner-recruit-download__item {
        width: 505px
    }

    .partner-recruit-download__item+.partner-recruit-download__item {
        padding-top: 0
    }

    .partner-recruit-download__head {
        margin-bottom: 32px;
        padding-left: 16px;
        font-size: 2.4rem
    }

    .partner-recruit-download__txt {
        line-height: 2.2;
        letter-spacing: 0.06em
    }

    .partner-recruit-download__note {
        font-size: 1.6rem
    }

    .partner-recruit-download-btn {
        margin: 40px 0 50px
    }

    .partner-recruit-download-btn__link:hover .partner-recruit-download-btn__txt:before {
        background-image: url(../img/partner/ico_link01_black.png)
    }

    .partner-recruit-download-btn__txt {
        padding-right: 26px;
        font-size: 1.5rem
    }

    .partner-recruit-download-btn__txt:before {
        width: 18px;
        height: 21px;
        top: 0px
    }
}

#philosophy .l-sub-img {
    background-image: url(../img/philosophy/bg_subimg01_sp.jpg)
}

@media all and (min-width: 600px) {
    #philosophy .l-sub-img {
        background-image:url(../img/philosophy/bg_subimg01_pc.jpg)
    }
}

.philosophy-info__item {
    padding-top: 67px
}

.philosophy-info__en {
    font-weight: bold;
    font-size: 3rem;
    text-transform: uppercase;
    line-height: 1.4
}

.philosophy-info__img {
    margin: 35px 0 0
}

.philosophy-info__textarea {
    padding: 25px 25px 55px;
    background: #f5f5f5
}

.philosophy-info__textarea.is-white {
    background: #fff;
    padding-bottom: 30px
}

.philosophy-info__lead {
    position: relative;
    font-weight: 500;
    font-size: 1.8rem;
    line-height: 1.6;
    letter-spacing: 0.15em
}

.philosophy-info__lead:before {
    position: absolute;
    content: '';
    display: block;
    bottom: -30px;
    left: 0;
    width: 1px;
    height: 20px;
    background: #242c40
}

.philosophy-info__txt {
    margin-top: 45px;
    letter-spacing: 0.05em;
    line-height: 1.8
}

@media all and (min-width: 600px) {
    .philosophy-info__item {
        padding-top:110px;
        text-align: center
    }

    .philosophy-info__en {
        font-size: 2rem
    }

    .philosophy-info__head {
        font-size: 3rem
    }

    .philosophy-info__textarea {
        margin-top: -210px;
        padding-bottom: 100px
    }

    .philosophy-info__textarea.is-white {
        padding-bottom: 0
    }

    .philosophy-info__lead {
        padding-top: 225px;
        font-size: 2.4rem;
        line-height: 1.8
    }

    .philosophy-info__lead:before {
        bottom: -50px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        height: 30px
    }

    .philosophy-info__txt {
        margin-top: 70px;
        font-size: 1.6rem;
        line-height: 2.2
    }
}

.policy-pmark__logo {
    width: 60px;
    margin-bottom: 20px
}

@media all and (min-width: 600px) {
    .policy-pmark__content {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .policy-pmark__logo {
        width: 80px;
        margin: 0 50px 0 0;
        -ms-flex-negative: 0;
        flex-shrink: 0
    }
}

.policy-about__inner {
    padding-top: 65px;
    padding-bottom: 75px
}

.policy-about-list {
    counter-reset: number-top
}

.policy-about-list__item {
    position: relative;
    margin-bottom: 32px
}

.policy-about-list__item:last-of-type {
    margin-bottom: 0
}

.policy-about-list__item:before {
    content: "";
    display: block;
    color: #242c40;
    font-size: 1.6rem;
    font-weight: 500;
    counter-increment: number-top;
    content: counter(number-top) ".";
    position: absolute;
    top: 0;
    left: 0
}

.policy-about-list__item-list {
    counter-reset: number-middle
}

.policy-about-list__item-list__item {
    position: relative
}

.policy-about-list__item-list__item:before {
    content: "";
    display: block;
    counter-increment: number-middle;
    content: "(" counter(number-middle) ")";
    position: absolute;
    top: 0;
    left: 0
}

.policy-about-list__item-list__head {
    padding: 0 0 0 28px;
    margin-bottom: 10px
}

.policy-about-list__head {
    font-size: 1.6rem;
    font-weight: 500;
    padding: 0 0 0 25px;
    margin-bottom: 10px
}

.policy-about-list__txt {
    margin-bottom: 18px
}

.policy-about-list-box {
    margin: 0 -25px;
    padding: 20px 25px;
    background: #f5f5f5
}

.policy-about-list-box__txt {
    margin-bottom: 16px
}

.policy-about-list-box__txt:last-of-type {
    margin-bottom: 0
}

.policy-about-list-box__txt .is-big {
    font-weight: 500;
    font-size: 1.5rem
}

.policy-about-data {
    margin-bottom: 18px
}

.policy-about-data th,.policy-about-data td {
    width: 50%;
    font-size: 1.3rem
}

.policy-about-data th {
    text-align: center;
    font-weight: 500;
    padding: 8px 0;
    background: #f5f5f5;
    border-right: 1px solid #fff
}

.policy-about-data th:last-of-type {
    border-right: 1px solid #f5f5f5
}

.policy-about-data td {
    padding: 10px 15px;
    border: 1px solid #f5f5f5
}

@media all and (min-width: 600px) {
    .policy-about__inner {
        padding-top:126px;
        padding-bottom: 130px
    }

    .policy-about-list__item {
        margin-bottom: 67px
    }

    .policy-about-list__item:before {
        font-size: 2rem
    }

    .policy-about-list__item-list__head {
        padding-left: 32px
    }

    .policy-about-list__head {
        font-size: 2rem;
        padding-left: 34px;
        margin-bottom: 20px
    }

    .policy-about-list-box {
        padding: 19px 29px 24px;
        margin: 0 auto
    }

    .policy-about-list-box__txt {
        margin-bottom: 11px
    }

    .policy-about-list-box__txt .is-big {
        font-size: 1.8rem
    }

    .policy-about-data {
        margin-bottom: 22px
    }

    .policy-about-data th,.policy-about-data td {
        font-size: 1.6rem
    }

    .policy-about-data td {
        padding: 9px 30px
    }
}

.recruit-number__inner {
    padding-top: 66px
}

@media all and (min-width: 600px) {
    .recruit-number__inner {
        padding-top:112px
    }
}

.recruit-number__head {
    margin-bottom: 25px
}

@media all and (min-width: 600px) {
    .recruit-number__head {
        margin-bottom:45px
    }
}

.recruit-number__list {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.recruit-number__item {
    height: 40vw;
    position: relative;
    box-sizing: border-box;
    text-align: center;
    color: #242c40;
    background: #fff;
    overflow: hidden
}

.recruit-number__item:before {
    position: absolute;
    content: '';
    display: block;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border: 3px solid #242c40;
    pointer-events: none
}

@media all and (max-width: 599px) {
    .recruit-number__item {
        margin-top:7px;
        margin-bottom: 7px;
        padding: 11vw 0 0
    }

    .recruit-number__item.item-clm-1-sp {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(50% - 6px);
        flex: 0 0 calc(50% - 6px)
    }

    .recruit-number__item.item-clm-2-sp {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%
    }
}

@media all and (min-width: 600px) {
    .recruit-number__item {
        width:19%;
        height: 206px;
        padding: 63px 0 10px
    }
}

.recruit-number__label {
    font-size: 1.3rem;
    font-weight: 700;
    letter-spacing: .15em
}

@media all and (min-width: 600px) {
    .recruit-number__label {
        font-size:1.8rem;
        line-height: 1
    }
}

.recruit-number__img.img-bg {
    position: absolute;
    z-index: 0;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.recruit-number__img.img-bg img {
    width: auto;
    height: 120px
}

@media all and (min-width: 600px) {
    .recruit-number__img.img-bg img {
        height:165px
    }
}

.recruit-number__data {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    line-height: 1
}

.recruit-number__data [data-format="year"] .odometer-formatting-mark {
    display: none
}

.recruit-number__data .data-num {
    letter-spacing: -0.01em;
    font-size: 5.3rem;
    font-weight: 700;
    line-height: 1
}

.recruit-number__data .data-num div,.recruit-number__data .data-num span {
    font-family: "Montserrat",sans-serif !important;
    font-weight: 700 !important
}

@media all and (max-width: 340px) {
    .recruit-number__data .data-num {
        font-size:5rem
    }
}

@media all and (min-width: 600px) {
    .recruit-number__data .data-num {
        font-size:7rem
    }
}

.recruit-number__data .data-unit {
    margin: 0 3px;
    line-height: 1.75;
    font-weight: 700;
    font-size: 1.8rem;
    -webkit-transform: translateY(-7px);
    -ms-transform: translateY(-7px);
    transform: translateY(-7px)
}

@media all and (min-width: 600px) {
    .recruit-number__data .data-unit {
        font-size:2.4rem
    }
}

.recruit-number__data.data-percent {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.recruit-number__data.data-percent .percent-middle {
    font-size: 3rem;
    font-weight: 700;
    letter-spacing: -0.01em;
    line-height: 1;
    margin: 0 2px
}

@media all and (min-width: 600px) {
    .recruit-number__data.data-percent .percent-middle {
        position:relative;
        top: -5px;
        font-size: 6rem;
        margin: 0 8px 0 5px
    }
}

.recruit-number__data.data-percent .percent-small div,.recruit-number__data.data-percent .percent-small span,.recruit-number__data.data-percent .percent-large div,.recruit-number__data.data-percent .percent-large span {
    font-family: "Montserrat",sans-serif !important;
    font-weight: 700 !important
}

.recruit-number__data.data-percent .percent-small {
    position: relative;
    top: -3px
}

.recruit-number__data.data-percent .percent-small .percent-num {
    font-weight: 700;
    letter-spacing: -0.01em;
    font-size: 3.3rem;
    line-height: 1
}

@media all and (min-width: 600px) {
    .recruit-number__data.data-percent .percent-small .percent-num {
        font-size:4.4rem
    }
}

.recruit-number__data.data-percent .percent-small .percent-unit {
    font-size: 1.2rem;
    line-height: 1.2
}

@media all and (min-width: 600px) {
    .recruit-number__data.data-percent .percent-small .percent-unit {
        font-size:2.4rem;
        font-weight: 700
    }
}

@media all and (min-width: 600px) {
    .recruit-number__data.data-percent .percent-large {
        position:relative;
        top: 3px
    }
}

.recruit-number__data.data-percent .percent-large .percent-num {
    font-weight: 700;
    letter-spacing: -0.01em;
    font-size: 4rem;
    line-height: 1
}

@media all and (min-width: 600px) {
    .recruit-number__data.data-percent .percent-large .percent-num {
        font-size:5.3rem
    }
}

.recruit-number__data.data-percent .percent-large .percent-unit {
    font-size: 1.2rem;
    line-height: 1.75
}

@media all and (min-width: 600px) {
    .recruit-number__data.data-percent .percent-large .percent-unit {
        font-size:2.4rem;
        font-weight: 700
    }
}

.recruit-number__btn {
    margin: 30px auto 0
}

@media all and (min-width: 600px) {
    .recruit-number__btn {
        margin-top:60px
    }
}

.recruit-message {
    padding-top: 63px
}

.recruit-message__inner {
    padding-bottom: 82px
}

.recruit-message__head {
    margin-bottom: 30px
}

.recruit-message-pic-area {
    margin: 0 auto 37px
}

.recruit-message__txt {
    margin-bottom: 27px
}

.recruit-message__txt:last-of-type {
    margin-bottom: 0
}

@media all and (min-width: 600px) {
    .recruit-message {
        padding-top:110px
    }

    .recruit-message__inner {
        padding-bottom: 97px
    }

    .recruit-message__head {
        margin-bottom: 45px
    }

    .recruit-message-pic-area {
        height: 480px;
        margin-bottom: 0
    }

    .recruit-message-txt-area {
        width: calc(100% - 100px);
        padding: 55px 60px;
        margin: -100px auto 0;
        background: #fff;
        box-sizing: border-box;
        position: relative;
        z-index: 2
    }

    .recruit-message__txt {
        margin-bottom: 36px
    }
}

.recruit-about__inner {
    padding-bottom: 50px
}

.recruit-about__head {
    margin-bottom: 10px;
    -webkit-transform: translateY(-22px);
    -ms-transform: translateY(-22px);
    transform: translateY(-22px)
}

.recruit-about-btn {
    margin-bottom: 15px
}

.recruit-about-btn:last-of-type {
    margin-bottom: 0
}

.recruit-about-btn__link {
    display: block;
    position: relative
}

.recruit-about-btn__txt {
    position: absolute;
    color: #fff;
    font-weight: 500;
    font-size: 1.8rem;
    line-height: 1;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: 2
}

@media all and (min-width: 600px) {
    .recruit-about__inner {
        padding-bottom:130px
    }

    .recruit-about__head {
        -webkit-transform: translateY(-50px);
        -ms-transform: translateY(-50px);
        transform: translateY(-50px);
        margin-bottom: -8px
    }

    .recruit-about-btn-area {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .recruit-about-btn {
        width: 48.2%;
        margin: 0
    }

    .recruit-about-btn__link {
        height: 220px;
        overflow: hidden
    }

    .recruit-about-btn__link:hover .recruit-about-btn__img img {
        -webkit-transform: translateX(-60px) scale(1.1);
        -ms-transform: translateX(-60px) scale(1.1);
        transform: translateX(-60px) scale(1.1)
    }

    .recruit-about-btn__img {
        height: 100%
    }

    .recruit-about-btn__img img {
        width: auto;
        height: 100%;
        -webkit-transform: translateX(-60px);
        -ms-transform: translateX(-60px);
        transform: translateX(-60px);
        -webkit-transition: -webkit-transform .3s ease;
        transition: -webkit-transform .3s ease;
        transition: transform .3s ease;
        transition: transform .3s ease, -webkit-transform .3s ease
    }

    .recruit-about-btn__txt {
        font-size: 2.5rem
    }
}

.recruit-voice {
    padding-top: 65px;
    padding-bottom: 37px
}

.recruit-voice__head {
    margin-bottom: 30px
}

@media all and (min-width: 600px) {
    .recruit-voice {
        padding-top:112px;
        padding-bottom: 160px
    }

    .recruit-voice__head {
        margin-bottom: 45px
    }
}

.recruit-welfare__inner {
    padding-bottom: 50px
}

.recruit-welfare__head {
    -webkit-transform: translateY(-23px);
    -ms-transform: translateY(-23px);
    transform: translateY(-23px);
    margin-bottom: 10px
}

.recruit-welfare-box {
    margin-bottom: 45px
}

.recruit-welfare-box:last-of-type {
    margin-bottom: 0
}

@media all and (min-width: 600px) {
    .recruit-welfare__inner {
        padding-bottom:125px
    }

    .recruit-welfare__head {
        -webkit-transform: translateY(-46px);
        -ms-transform: translateY(-46px);
        transform: translateY(-46px);
        margin-bottom: -5px
    }

    .recruit-welfare-box {
        margin-bottom: 80px
    }
}

.recruit-lnav__inner {
    padding-top: 66px;
    padding-bottom: 75px
}

.recruit-lnav__head {
    margin-bottom: 33px
}

.recruit-lnav-btn {
    margin: 0 auto 15px
}

.recruit-lnav-btn:last-of-type {
    margin-bottom: 0
}

@media all and (min-width: 600px) {
    .recruit-lnav__inner {
        padding-top:109px;
        padding-bottom: 130px
    }

    .recruit-lnav__head {
        margin-bottom: 46px
    }

    .recruit-lnav-btn-area {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .recruit-lnav-btn {
        width: 430px;
        max-width: none;
        margin: 0 15px
    }

    .recruit-lnav-btn__link {
        padding: 21px 0
    }
}

.safety-sustainability__inner {
    padding-top: 68px
}

.safety-sustainability__head {
    margin-bottom: 33px
}

.safety-sustainability__lead {
    margin-bottom: 40px
}

.safety-sustainability-box {
    margin-bottom: 50px
}

.safety-sustainability-box01 {
    padding-bottom: 70px
}

.safety-sustainability-box01-pic-area {
    margin: -9px -25px 35px
}

.safety-sustainability-box01__txt .is-big {
    font-size: 1.5rem
}

.safety-sustainability-box01-list {
    margin: 10px auto 17px
}

.safety-sustainability-box01-list__item {
    margin-bottom: 12px
}

.safety-sustainability-box01-list__item:last-of-type {
    margin-bottom: 0
}

.safety-sustainability-box02 {
    padding-top: 57px;
    padding-bottom: 60px
}

.safety-sustainability-box02 .safety-sustainability-box02-pic-area.is-multi {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.safety-sustainability-box02 .safety-sustainability-box02-pic-area.is-multi .safety-sustainability-box02-pic-area__item {
    width: 48%;
    font-size: 1.3rem;
    text-align: center
}

.safety-sustainability-box02 .safety-sustainability-box02-pic-area.is-multi .safety-sustainability-box02-pic-area__item img {
    margin-bottom: 4px
}

.safety-sustainability-box02.is-service02 .safety-sustainability-box02-pic-area {
    max-width: 193px;
    margin: 0 auto
}

.safety-sustainability-box02.is-service05 {
    padding-bottom: 50px
}

@media all and (min-width: 600px) {
    .safety-sustainability__inner {
        padding-top:120px
    }

    .safety-sustainability__head {
        margin-bottom: 48px
    }

    .safety-sustainability__lead {
        text-align: center;
        margin-bottom: 58px
    }

    .safety-sustainability-box {
        margin-bottom: 80px
    }

    .safety-sustainability-box-wrap {
        margin: 0 auto;
        width: 80%
    }

    .safety-sustainability-box01 {
        padding-bottom: 120px
    }

    .safety-sustainability-box01-pic-area {
        margin: 0 auto
    }

    .safety-sustainability-box01-txt-area {
        width: calc(100% - 100px);
        padding: 53px 60px 0;
        margin: -100px auto 0;
        background: #fff;
        position: relative;
        z-index: 2;
        box-sizing: border-box
    }

    .safety-sustainability-box01__txt .is-big {
        font-size: 1.8rem
    }

    .safety-sustainability-box01-list {
        margin-bottom: 33px
    }

    .safety-sustainability-box02 {
        padding-top: 105px;
        padding-bottom: 100px
    }

    .safety-sustainability-box02-sub01 {
        min-height: auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .safety-sustainability-box02 .safety-sustainability-box02-txt-area {
        width: 65.5%;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        margin: 0 !important
    }

    .safety-sustainability-box02 .safety-sustainability-box02-pic-area {
        width: 333px;
        position: static;
        margin: 7px 0 0
    }

    .safety-sustainability-box02 .safety-sustainability-box02-pic-area.is-multi {
        display: block
    }

    .safety-sustainability-box02 .safety-sustainability-box02-pic-area.is-multi .safety-sustainability-box02-pic-area__item {
        width: 100%;
        font-size: 1.5rem;
        margin-bottom: 33px
    }

    .safety-sustainability-box02 .safety-sustainability-box02-pic-area.is-multi .safety-sustainability-box02-pic-area__item:last-of-type {
        margin-bottom: 0
    }

    .safety-sustainability-box02 .safety-sustainability-box02-pic-area.is-multi .safety-sustainability-box02-pic-area__item img {
        margin-bottom: 10px
    }

    .safety-sustainability-box02.is-service02 .safety-sustainability-box02-txt-area {
        width: 68.5%
    }

    .safety-sustainability-box02.is-service02 .safety-sustainability-box02-pic-area {
        width: 300px;
        max-width: none;
        margin: 92px auto 0 0
    }

    .safety-sustainability-box02.is-service03 .safety-sustainability-box02-pic-area {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .safety-sustainability-box02.is-service05 {
        padding-bottom: 70px
    }

    .safety-sustainability-box02.is-service05 .safety-sustainability-box02-sub01 {
        display: block;
        margin-bottom: 70px
    }
}

.security-movie__inner {
    padding-top: 55px
}

.security-movie__head {
    margin-bottom: 33px
}

.security-movie__movie {
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 56.25%;
    margin-top: 20px
}

.security-movie__movie iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

@media all and (min-width: 600px) {
    .security-movie__inner {
        padding-top:120px
    }

    .security-movie__head {
        margin-bottom: 50px
    }

    .security-movie__movie {
        margin-top: 30px
    }
}

.security-service__inner {
    padding-top: 55px
}

.security-service__head {
    margin-bottom: 35px
}

.security-service__lead {
    margin-bottom: 45px
}

.security-service-box01 {
    padding-top: 53px;
    padding-bottom: 60px
}

.security-service-box01:last-of-type {
    margin-bottom: 60px
}

.security-service-sub02 {
    margin-top: 32px
}

.security-service-sub02__head {
    margin-bottom: 13px
}

.security-service-sub02__txt {
    margin-bottom: 22px
}

.security-service-sub02__img {
    max-width: 224px;
    display: block;
    margin: 0 auto
}

.security-service-sub03 {
    margin-top: 37px
}

.security-service-sub03__head {
    margin-bottom: 20px
}

.security-service__btn {
    margin: 35px auto 0
}

@media all and (min-width: 600px) {
    .security-service__inner {
        padding-top:118px
    }

    .security-service__head {
        margin-bottom: 48px
    }

    .security-service__lead {
        text-align: center;
        margin-bottom: 60px
    }

    .security-service-box01 {
        padding-top: 103px;
        padding-bottom: 120px
    }

    .security-service-box01:last-of-type {
        padding-bottom: 110px;
        margin-bottom: 130px
    }

    .security-service-box01__btn {
        margin-top: 50px !important
    }

    .security-service-sub01.is-height-auto {
        min-height: 378px
    }

    .security-service-sub02 {
        margin-top: 70px
    }

    .security-service-sub02__head {
        margin-bottom: 30px
    }

    .security-service-sub02__txt {
        margin-bottom: 30px
    }

    .security-service-sub02__img {
        max-width: none;
        width: 332px;
        margin: 0 auto 0 0
    }

    .security-service-sub03 {
        margin-top: 0
    }

    .security-service-sub03__head {
        margin-bottom: 45px
    }

    .security-service__btn {
        margin: 0
    }
}

.security-flow__inner {
    padding: 55px 0 73px
}

.security-flow-header {
    margin-bottom: 32px;
    text-align: center
}

.security-flow-header__en {
    font-size: 1.2rem;
    text-transform: uppercase;
    letter-spacing: .2em
}

.security-flow-header__ja {
    margin-top: 5px;
    font-size: 2.4rem;
    font-weight: 500;
    letter-spacing: .15em;
    line-height: 1.6
}

.security-flow__img {
    width: 267px;
    margin: auto
}

@media all and (min-width: 600px) {
    .security-flow__inner {
        padding:100px 0 110px
    }

    .security-flow-header {
        margin-bottom: 70px
    }

    .security-flow-header__en {
        font-size: 1.5rem
    }

    .security-flow-header__ja {
        margin-top: 0;
        font-size: 3rem
    }

    .security-flow__img {
        width: 100%
    }
}

#the-voice .js-mv {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

#the-voice .js-mv .l-sub-img-head {
    padding: 0 25px 25px
}

#the-voice .js-mv .l-sub-img-head__en {
    text-align: left
}

#the-voice .js-mv .l-sub-img-head__ja {
    text-align: left;
    font-size: 2rem
}

@media all and (min-width: 600px) {
    #the-voice .js-mv .l-sub-img-head {
        width:1100px;
        margin: 0 auto;
        padding: 0 0 70px
    }

    #the-voice .js-mv .l-sub-img-head__en {
        font-size: 1.6rem;
        margin: 0 0 16px
    }

    #the-voice .js-mv .l-sub-img-head__ja {
        padding-right: 511px;
        font-size: 3rem;
        line-height: 1.6
    }
}

.voice-person__inner {
    padding-top: 40px;
    padding-bottom: 43px
}

.voice-person-prof {
    margin-bottom: 50px
}

.voice-person-prof__name {
    font-size: 1.8rem;
    font-weight: 500;
    padding: 0 0 0 50px;
    margin-bottom: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative
}

.voice-person-prof__name:before {
    content: "";
    display: block;
    width: 68px;
    height: 50px;
    background: url("../img/the-voice/txt_voice01.png") no-repeat center;
    background-size: contain;
    position: absolute;
    top: 3px;
    left: 4px
}

.voice-person-prof__name .is-num {
    font-size: 5.7rem;
    line-height: 1;
    letter-spacing: 0;
    margin: 0 16px 0 0
}

.voice-person-prof-bio {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 6px
}

.voice-person-prof-bio__head {
    width: 95px;
    color: #242c40;
    font-size: 1.5rem;
    font-weight: 500
}

.voice-person-prof-bio__txt {
    width: calc(100% - 95px);
    margin-bottom: 13px
}

@media all and (min-width: 600px) {
    .voice-person__inner {
        padding-top:88px;
        padding-bottom: 100px
    }

    .voice-person-prof {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        margin-bottom: 72px
    }

    .voice-person-prof-name-area {
        width: 50.5%;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .voice-person-prof__name {
        font-size: 2.6rem;
        padding-left: 55px;
        margin-bottom: 25px
    }

    .voice-person-prof__name:before {
        width: 95px;
        height: 70px;
        left: -12px
    }

    .voice-person-prof__name .is-num {
        font-size: 8rem;
        margin-right: 21px
    }

    .voice-person-prof-bio {
        margin-bottom: 0
    }

    .voice-person-prof-bio__head {
        font-size: 1.6rem
    }

    .voice-person-prof-bio__txt {
        margin-bottom: 10px
    }

    .voice-person-prof-pic-area {
        width: 44.5%;
        margin: 31px 0 0
    }

    .voice-person-comment {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .voice-person-comment__head {
        width: 30%
    }

    .voice-person-comment__txt {
        width: 67%
    }
}

.voice-column__item {
    position: relative;
    padding-top: 50px;
    padding-bottom: 60px
}

.voice-column__item:last-of-type {
    padding-bottom: 50px
}

.voice-column__item:nth-child(odd) .voice-column__content:before {
    position: absolute;
    z-index: -1;
    content: '';
    display: block;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: #f5f5f5
}

.voice-column__content {
    padding: 0 25px
}

.voice-column__lead {
    margin-bottom: 20px;
    font-weight: 500;
    font-size: 1.8rem;
    letter-spacing: 0.14em
}

.voice-column__txt {
    padding-bottom: 20px;
    line-height: 1.9
}

.voice-column-last__inner {
    padding-top: 50px;
    padding-bottom: 50px
}

@media all and (min-width: 600px) {
    .voice-column {
        padding-bottom:140px
    }

    .voice-column__list {
        margin-bottom: 60px
    }

    .voice-column__item {
        margin: 0;
        padding-top: 110px;
        padding-bottom: 110px
    }

    .voice-column__item:nth-child(odd) .voice-column__content:before {
        width: 1920px;
        right: 50%;
        left: auto;
        margin-right: -1085px
    }

    .voice-column__item:nth-child(odd) .voice-column__content .voice-column__textarea {
        padding-right: 60px
    }

    .voice-column__item:nth-child(odd) .voice-column__content .voice-column__lead,.voice-column__item:nth-child(odd) .voice-column__content .voice-column__txt {
        margin-right: 0;
        margin-left: auto
    }

    .voice-column__item:nth-child(even) .voice-column__content .voice-column__textarea {
        padding-left: 60px
    }

    .voice-column__item:nth-child(even) .voice-column__content .voice-column__lead,.voice-column__item:nth-child(even) .voice-column__content .voice-column__txt {
        margin-left: 0;
        margin-right: auto
    }

    .voice-column__item:nth-child(even) .voice-column__img {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1
    }

    .voice-column__content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        max-width: 1720px;
        margin: auto;
        box-sizing: border-box;
        padding: 0
    }

    .voice-column__textarea {
        width: 51%
    }

    .voice-column__lead,.voice-column__txt {
        max-width: 555px;
        box-sizing: border-box
    }

    .voice-column__lead {
        margin-bottom: 24px;
        padding-left: 18px;
        font-size: 2.4rem
    }

    .voice-column__txt {
        line-height: 2.2
    }

    .voice-column__img {
        width: 47%
    }

    .voice-column__img img {
        width: 100%;
        max-width: none
    }

    .voice-column-last__inner {
        padding-top: 102px;
        padding-bottom: 100px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .voice-column-last__head {
        width: 30%
    }

    .voice-column-last__txt {
        width: 67%
    }
}

.voice-schedule__inner {
    padding-top: 65px;
    padding-bottom: 35px
}

.voice-schedule__head {
    margin-bottom: 30px
}

@media all and (max-width: 599px) {
    .voice-schedule-list:last-of-type .voice-schedule-list__item:last-of-type:after {
        content:none
    }
}

.voice-schedule-list__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 0 0 10px 18px;
    position: relative
}

.voice-schedule-list__item:before {
    content: "";
    display: block;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: #242c40;
    position: absolute;
    top: 8px;
    left: -1px
}

.voice-schedule-list__item:after {
    content: "";
    display: block;
    width: 1px;
    height: 100%;
    background: #242c40;
    position: absolute;
    top: 10px;
    left: 3px
}

.voice-schedule-list__time {
    width: 60px;
    color: #fff;
    text-align: center;
    font-size: 1.3rem;
    font-weight: 500;
    line-height: 1;
    padding: 3px 0;
    margin: 3px 14px 0 0;
    background: #242c40;
    box-sizing: border-box;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

@media all and (min-width: 600px) {
    .voice-schedule {
        background:url("../img/the-voice/bg_schedule01.jpg") no-repeat center;
        background-size: cover
    }

    .voice-schedule__inner {
        padding-top: 0;
        padding-bottom: 85px
    }

    .voice-schedule__head {
        -webkit-transform: translateY(-50px);
        -ms-transform: translateY(-50px);
        transform: translateY(-50px);
        margin-bottom: -10px
    }

    .voice-schedule-list {
        width: 25%
    }

    .voice-schedule-list-area {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .voice-schedule-list__item {
        padding: 0 0 21px 29px
    }

    .voice-schedule-list__item:last-of-type:after {
        content: none
    }

    .voice-schedule-list__item:before {
        top: 14px
    }

    .voice-schedule-list__item:after {
        top: 17px
    }

    .voice-schedule-list__time {
        font-size: 1.4rem;
        width: 90px;
        padding: 6px 0;
        margin: 5px 21px 0 0
    }
}

.voice-point-pic-area {
    margin: 0 -25px 35px
}

@media all and (min-width: 600px) {
    .voice-point__inner {
        padding-top:110px
    }

    .voice-point-pic-area {
        margin: 0 auto
    }

    .voice-point-txt-area {
        width: calc(100% - 100px);
        padding: 55px 60px;
        margin: -100px auto 0;
        background: #fff;
        position: relative;
        z-index: 2;
        box-sizing: border-box
    }
}

.voice-other {
    padding-bottom: 25px
}

.voice-other__inner {
    padding-top: 63px
}

.voice-other__head {
    margin-bottom: 40px
}

@media all and (min-width: 600px) {
    .voice-other {
        padding-bottom:130px
    }

    .voice-other__inner {
        padding-top: 53px
    }

    .voice-other__head {
        margin-bottom: 60px
    }
}

#well-being .l-sub-img {
    background-image: url(../img/well-being/bg_subimg01_sp.jpg)
}

@media all and (min-width: 600px) {
    #well-being .l-sub-img {
        background-image:url(../img/well-being/bg_subimg01_pc.jpg)
    }
}

.well-being-about__inner {
    margin-top: 35px
}

.well-being-about__txt {
    line-height: 1.9
}

.well-being-about__img {
    margin: 0 -25px 28px
}

.well-being-about__creation {
    margin-top: 30px;
    text-align: right
}

@media all and (min-width: 600px) {
    .well-being-about__textarea {
        margin:-128px 50px 0;
        padding: 49px 62px;
        position: relative;
        background: #fff
    }

    .well-being-about__img {
        margin-left: 0;
        margin-right: 0
    }
}

.works-archive__inner {
    padding-bottom: 75px
}

.works-archive-lnav {
    padding-top: 40px;
    padding-bottom: 60px
}

.works-archive-list {
    margin-bottom: 13px
}

@media all and (min-width: 600px) {
    .works-archive__inner {
        padding-bottom:130px
    }

    .works-archive-lnav {
        padding-top: 120px;
        padding-bottom: 70px
    }

    .works-archive-list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-bottom: 48px
    }

    .works-archive-list__item {
        width: 30.5%;
        margin-top: 0 !important;
        margin-right: 4.25%
    }

    .works-archive-list__item:nth-of-type(3n) {
        margin-right: 0
    }

    .works-archive-list__item:nth-of-type(n+4) {
        margin-top: 80px !important
    }
}

.works-single__inner {
    padding-top: 40px;
    padding-bottom: 75px
}

@media all and (min-width: 600px) {
    .works-single__inner {
        padding-top:120px;
        padding-bottom: 100px
    }
}

@media all and (max-width: 599px) {
    .works-single01-lnav {
        margin-bottom:20px
    }
}
span.fu-btn {
    padding: 10px 40px;
    background-color: antiquewhite;
    border-radius: 15px;
    font-weight: 600;
    color: chocolate;
}