*:focus {
    outline: none
}

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline
}

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

body {
    line-height: 1;
    position: relative
}

ol,ul {
    list-style: none
}

blockquote,q {
    quotes: none
}

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

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

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

html {
    font-size: 62.5%
}

body {
    word-break: break-all;
    -webkit-text-size-adjust: 100%
}

dt,dd,ul,li {
    list-style: none
}

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

input,select {
    vertical-align: middle
}

a {
    text-decoration: none;
    color: #000
}

a:link,a:visited,a:hover,a:active {
    text-decoration: none
}

* {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box
}

*:before,*:after {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box
}

input[type="button"],input[type="text"],input[type="email"],input[type="submit"],input[type="tel"] {
    border-radius: 0;
    -webkit-appearance: none
}

img {
    max-width: 100%;
    height: auto;
    border: none;
    vertical-align: bottom;
    font-size: 0;
    line-height: 0
}

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

#container {
    overflow: hidden;
    position: relative
}

@media screen and (min-width: 1025px) {
    #container {
        overflow:hidden;
        position: relative;
        min-width: 1025px
    }
}

@media screen and (min-width: 1025px) {
    a[href^="tel:"] {
        pointer-events:none;
        pointer-events: none;
        cursor: default;
        text-decoration: none
    }
}

input,button,select,textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent;
    border: none;
    border-radius: 0;
    font: inherit;
    outline: none
}

textarea {
    resize: vertical
}

input[type='checkbox'],input[type='radio'] {
    display: none
}

input[type='submit'],input[type='button'],label,button,select {
    cursor: pointer
}

select::-ms-expand {
    display: none
}

#not-found {
    padding: 16.6664% 0 25%
}

#not-found .img-box {
    width: 55%;
    margin: auto;
    position: relative;
    left: 2%
}

#not-found .not-found-text {
    text-align: center;
    line-height: 1.75;
    letter-spacing: 0.05em;
    margin-top: 3.3335%
}

#not-found .top-btn {
    display: block;
    width: 58.334%;
    margin: 11.666% auto 0;
    background: #00aec4;
    color: #fff;
    letter-spacing: 0.1em;
    padding: 3.084% 0 3.084% 8.6%;
    border-radius: 4em;
    border: 1px solid #00aec4;
    position: relative;
    -webkit-transition: 0.3s;
    transition: 0.3s
}

#not-found .top-btn::before {
    content: "";
    position: absolute;
    right: 5%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 5.143vw;
    height: 1.4vw;
    background: url(/wp-content/themes/rezil/assets/sol_images/page/form/form_arrow.png) no-repeat center/cover;
    z-index: 1;
    -webkit-transition: 0.3s;
    transition: 0.3s
}

#not-found .top-btn:hover {
    background: #fff;
    color: #00aec4;
    -webkit-transition: 0.3s;
    transition: 0.3s
}

#not-found .top-btn:hover::before {
    background: url(/wp-content/themes/rezil/assets/sol_images/page/form/form_arrow_act_orange.png) no-repeat center/cover;
    -webkit-transition: 0.3s;
    transition: 0.3s
}

@media screen and (min-width: 1025px) {
    #not-found {
        padding:150px 0 140px
    }

    #not-found .img-box {
        width: 333px;
        left: 8px
    }

    #not-found .not-found-text {
        font-size: 1.6rem;
        line-height: 24px;
        margin-top: 22px
    }

    #not-found .top-btn {
        width: 228px;
        margin: 80px auto 0;
        padding: 12px 0 12px 30px;
        font-size: 1.6rem;
        border-radius: 20px
    }

    #not-found .top-btn::before {
        right: 12px;
        width: 24px;
        height: 7px
    }
}

.sp {
    display: block
}

.pc {
    display: none
}

.sp-inline {
    display: inline-block
}

.pc-inline {
    display: none
}

@media screen and (min-width: 1025px) {
    .sp {
        display:none
    }

    .pc {
        display: block
    }

    .pc-inline {
        display: inline-block
    }

    .sp-inline {
        display: none
    }
}

.slick-slider {
    position: relative;
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: none
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-track,.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.slick-track:before,.slick-track:after {
    content: "";
    display: table
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none
}

[dir="rtl"] .slick-slide {
    float: right
}

.slick-slide img {
    display: block;
    width: 100%
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

.sub-slider .slick-slide {
    padding: 0 0.2em
}

.sub-slider .slider {
    border-radius: 0.4em;
    overflow: hidden;
    cursor: pointer;
    -webkit-transition: 0.3s;
    transition: 0.3s
}

.sub-slider .slider:hover {
    opacity: 0.6;
    -webkit-transition: 0.3s;
    transition: 0.3s
}

@media screen and (min-width: 1025px) {
    .sub-slider .slick-slide {
        padding:0 5px
    }

    .sub-slider .slider {
        border-radius: 10px;
        overflow: hidden
    }
}

#header {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    padding: 4.355% 2.571428% 4.355% 5.142857%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background: #fff;
    z-index: 9
}

#header .logo {
    width: 50%
}

#header .logo a {
    display: block;
    width: 79%
}

#header .customer-login {
    width: 30.96%;
    border-radius: 0.4em;
    border: 1px solid #00aec4;
    overflow: hidden
}

#header .customer-login a,#header .customer-login span {
    display: block
}

#header .customer-login span {
    font-size: 2vw;
    text-align: center
}

#header .customer-login .btn-top {
    color: #fff;
    background: #00aec4;
    padding: 4.592% 0
}

#header .customer-login .btn-btm {
    color: #00aec4;
    letter-spacing: 0.05em;
    padding: 4.592% 0
}

#header .menu-btn {
    width: 11.71%;
    cursor: pointer
}

#header .menu-btn .img-box {
    width: 68.75%;
    margin: auto;
    -webkit-transition: 0.4s;
    transition: 0.4s
}

#header .menu-btn .menu-text {
    font-size: 2vw;
    display: block;
    text-align: center;
    font-weight: bold;
    margin-top: 18%;
    letter-spacing: 0.05em
}

#header .menu-btn:hover .img-box {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transition: 0.4s;
    transition: 0.4s
}

#header.no-fixed {
    position: absolute
}

@media screen and (min-width: 1025px) {
    #header {
        padding:30px 62px
    }

    #header .logo {
        width: 140px
    }

    #header .logo a {
        width: 100%
    }

    #header .menu-btn {
        width: 45px
    }

    #header .menu-btn .img-box {
        width: 37px
    }

    #header .menu-btn .menu-text {
        font-size: 1.4rem;
        margin-top: 10px
    }
}

.recruit-header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: url(/wp-content/themes/rezil/assets/sol_images/page/recruit/common/menu-bg_sp.jpg) no-repeat bottom/cover;
    padding: 3.572% 0;
    z-index: 9
}

.recruit-header .recruit-header-inner .pc-box {
    display: none
}

.recruit-header .recruit-header-inner .sp-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.recruit-header .recruit-header-inner .sp-box .recruit-header-ttl {
    font-size: 4vw;
    letter-spacing: 0.1em;
    color: #fff
}

.recruit-header .recruit-header-inner .sp-box .recruit-header-btn {
    cursor: pointer;
    width: 10%
}

.recruit-header.fixed {
    position: fixed
}

@media screen and (min-width: 1025px) {
    .recruit-header {
        position:fixed;
        top: 0;
        left: 0;
        width: 100%;
        background: url(/wp-content/themes/rezil/assets/sol_images/page/recruit/common/menu-bg_sp.jpg) no-repeat bottom/cover;
        padding: 0
    }

    .recruit-header .recruit-header-inner .pc-box {
        display: block
    }

    .recruit-header .recruit-header-inner .pc-box .recruit-list {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .recruit-header .recruit-header-inner .pc-box .recruit-list li {
        width: 167px
    }

    .recruit-header .recruit-header-inner .pc-box .recruit-list li a {
        display: block;
        text-align: center;
        padding: 22px 0;
        position: relative
    }

    .recruit-header .recruit-header-inner .pc-box .recruit-list li a::before {
        content: "";
        position: absolute;
        left: 50%;
        bottom: 0;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        width: 120px;
        height: 1px;
        background: #fff;
        -webkit-transition: 0.4s;
        transition: 0.4s
    }

    .recruit-header .recruit-header-inner .pc-box .recruit-list li a:hover::before {
        width: 0px;
        -webkit-transition: 0.4s;
        transition: 0.4s
    }

    .recruit-header .recruit-header-inner .pc-box .recruit-list li a span {
        display: block;
        color: #fff
    }

    .recruit-header .recruit-header-inner .pc-box .recruit-list li a .jp {
        font-size: 1.6rem;
        letter-spacing: 0.075em
    }

    .recruit-header .recruit-header-inner .pc-box .recruit-list li a .en {
        font-size: 1rem;
        letter-spacing: 0.1em;
        margin-top: 7px
    }

    .recruit-header .recruit-header-inner .sp-box {
        display: none
    }
}

#footer {
    padding-top: 7.142857%;
    border-top: 2px solid #d5d7d9
}

#footer .footer-cont .footer-cont-inner {
    position: relative
}

#footer .footer-cont .footer-cont-inner .footer-logo {
    width: 38.334%;
    margin: auto
}

#footer .footer-cont .footer-cont-inner .footer-logo a {
    display: block
}

#footer .footer-cont .footer-cont-inner .footer-logo.none {
    display: none
}

#footer .copywriter {
    text-align: center;
    font-size: 2.57143vw;
    letter-spacing: 0.1em;
    color: #595856;
    padding: 6.42857% 0 5%
}

@media screen and (min-width: 1025px) {
    #footer {
        padding-top:0
    }

    #footer .footer-cont {
        background: #dae0e4;
        padding: 70px 0
    }

    #footer .footer-cont .footer-cont-inner {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    #footer .footer-cont .footer-cont-inner .footer-logo {
        width: 140px;
        margin: 0;
        padding-top: 17px
    }

    #footer .footer-cont .footer-cont-inner .footer-navi {
        width: 720px
    }

    #footer .footer-cont .footer-cont-inner .footer-navi .footer-navi-list {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: stretch;
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    #footer .footer-cont .footer-cont-inner .footer-navi .footer-navi-list li {
        border-left: 1px solid #000
    }

    #footer .footer-cont .footer-cont-inner .footer-navi .footer-navi-list li:last-child ul li {
        padding-right: 0
    }

    #footer .footer-cont .footer-cont-inner .footer-navi .footer-navi-list li ul {
        padding: 22px 0
    }

    #footer .footer-cont .footer-cont-inner .footer-navi .footer-navi-list li ul li {
        border-left: none;
        padding: 0 45px 0 20px;
        margin-top: 11px
    }

    #footer .footer-cont .footer-cont-inner .footer-navi .footer-navi-list li ul li.navi-ttl {
        font-size: 1.6rem;
        letter-spacing: 0.1em;
        margin: 0 0 15px
    }

    #footer .footer-cont .footer-cont-inner .footer-navi .footer-navi-list li ul li.recruit-btn {
        margin-top: 15px
    }

    #footer .footer-cont .footer-cont-inner .footer-navi .footer-navi-list li ul li.recruit-btn a {
        background: #00aec4;
        width: 180px;
        border-radius: 18px;
        color: #fff;
        letter-spacing: 0.05em;
        text-align: center;
        padding: 11px 0 10px;
        font-weight: 400;
        position: relative;
        -webkit-transition: all 0.4s ease;
        transition: all 0.4s ease
    }

    #footer .footer-cont .footer-cont-inner .footer-navi .footer-navi-list li ul li.recruit-btn a::before {
        content: "";
        position: absolute;
        right: 0;
        bottom: 0;
        width: 0;
        height: 100%;
        background: #fff;
        border-radius: 30px;
        -webkit-transition: all 0.4s ease;
        transition: all 0.4s ease
    }

    #footer .footer-cont .footer-cont-inner .footer-navi .footer-navi-list li ul li.recruit-btn a:hover {
        color: #00aec4;
        -webkit-transition: all 0.4s ease;
        transition: all 0.4s ease
    }

    #footer .footer-cont .footer-cont-inner .footer-navi .footer-navi-list li ul li.recruit-btn a:hover .arrow {
        right: -13px;
        -webkit-transition: all 0.4s ease;
        transition: all 0.4s ease
    }

    #footer .footer-cont .footer-cont-inner .footer-navi .footer-navi-list li ul li.recruit-btn a:hover::before {
        left: 0;
        width: 100%;
        -webkit-transition: all 0.4s ease;
        transition: all 0.4s ease
    }

    #footer .footer-cont .footer-cont-inner .footer-navi .footer-navi-list li ul li.recruit-btn a .text {
        position: relative
    }

    #footer .footer-cont .footer-cont-inner .footer-navi .footer-navi-list li ul li.recruit-btn a .arrow {
        position: absolute;
        top: 50%;
        right: -9px;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        display: block;
        width: 20px;
        -webkit-transition: 0.4s;
        transition: 0.4s
    }

    #footer .footer-cont .footer-cont-inner .footer-navi .footer-navi-list li ul li.recruit-btn a .arrow::before,#footer .footer-cont .footer-cont-inner .footer-navi .footer-navi-list li ul li.recruit-btn a .arrow::after {
        content: "";
        position: absolute;
        right: 0;
        top: 50%
    }

    #footer .footer-cont .footer-cont-inner .footer-navi .footer-navi-list li ul li.recruit-btn a .arrow::before {
        right: 0;
        width: 100%;
        height: 1px;
        background: #000;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    #footer .footer-cont .footer-cont-inner .footer-navi .footer-navi-list li ul li.recruit-btn a .arrow::after {
        right: 0;
        top: 50%;
        width: 4px;
        height: 4px;
        border-top: 1px solid #000;
        border-right: 1px solid #000;
        -webkit-transform: translateY(-50%) rotate(45deg);
        transform: translateY(-50%) rotate(45deg)
    }

    #footer .footer-cont .footer-cont-inner .footer-navi .footer-navi-list li ul li a {
        display: inline-block;
        letter-spacing: 0.1em;
        font-weight: 300;
        -webkit-transition: all 0.4s ease;
        transition: all 0.4s ease
    }

    #footer .footer-cont .footer-cont-inner .footer-navi .footer-navi-list li ul li a:hover {
        opacity: 0.5;
        -webkit-transition: all 0.4s ease;
        transition: all 0.4s ease
    }

    #footer .copywriter {
        font-size: 1.4rem;
        padding: 28px 0;
        text-align: center
    }
}

.act-view01 {
    position: relative;
    top: 50px;
    opacity: 0;
    -webkit-transition: 1s;
    transition: 1s
}

.act-view01.fadeInDown {
    top: 0;
    opacity: 1;
    -webkit-transition: 1s;
    transition: 1s;
    -webkit-transition-delay: 0.6s;
    transition-delay: 0.6s
}

.act-view02 {
    position: relative;
    right: 50px;
    opacity: 0;
    -webkit-transition: 1s;
    transition: 1s
}

.act-view02.fadeInLeft {
    right: 0;
    opacity: 1;
    -webkit-transition: 1s;
    transition: 1s;
    -webkit-transition-delay: 0.6s;
    transition-delay: 0.6s
}

.act-view03 {
    position: relative;
    left: 50px;
    opacity: 0;
    -webkit-transition: 1s;
    transition: 1s
}

.act-view03.fadeInRight {
    left: 0;
    opacity: 1;
    -webkit-transition: 1s;
    transition: 1s;
    -webkit-transition-delay: 0.6s;
    transition-delay: 0.6s
}

.act-view04 {
    position: relative;
    bottom: 50px;
    opacity: 0;
    -webkit-transition: 1s;
    transition: 1s
}

.act-view04.fadeInTop {
    bottom: 0;
    opacity: 1;
    -webkit-transition: 1s;
    transition: 1s;
    -webkit-transition-delay: 0.6s;
    transition-delay: 0.6s
}

.act-view05 {
    position: relative;
    opacity: 0;
    -webkit-transition: 1s;
    transition: 1s
}

.act-view05.fadeInStay {
    opacity: 1;
    -webkit-transition: 1s;
    transition: 1s;
    -webkit-transition-delay: 0.6s;
    transition-delay: 0.6s
}

.electrical-sec-ttl span {
    display: block
}

.electrical-sec-ttl .jp {
    padding-bottom: 5%;
    font-size: 5.14286vw;
    position: relative
}

.electrical-sec-ttl .jp::before,.electrical-sec-ttl .jp::after {
    content: "";
    position: absolute;
    bottom: 0;
    width: 4.167%;
    height: 2px
}

.electrical-sec-ttl .jp::before {
    background: #000;
    left: 0
}

.electrical-sec-ttl .jp::after {
    background: #00aec4;
    left: 4.167%
}

.electrical-sec-ttl .en {
    color: #00aec4;
    letter-spacing: 0.125em;
    line-height: 1.3;
    margin-top: 5%
}

.electrical-sec-ttl.center span {
    text-align: center
}

.electrical-sec-ttl.center .jp::before,.electrical-sec-ttl.center .jp::after {
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.electrical-sec-ttl.center .jp::before {
    left: calc(50% - 4.167%)
}

.electrical-sec-ttl.center .jp::after {
    left: auto;
    right: calc(50% - 4.167%)
}

@media screen and (min-width: 1025px) {
    .electrical-sec-ttl span {
        display:inline-block;
        vertical-align: middle
    }

    .electrical-sec-ttl .jp {
        padding-bottom: 0;
        padding-right: 60px;
        margin-right: 22px;
        font-size: 3.2rem
    }

    .electrical-sec-ttl .jp::before,.electrical-sec-ttl .jp::after {
        bottom: auto;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 15px;
        height: 2px
    }

    .electrical-sec-ttl .jp::before {
        background: #000;
        left: auto;
        right: 15px
    }

    .electrical-sec-ttl .jp::after {
        background: #00aec4;
        left: auto;
        right: 0
    }

    .electrical-sec-ttl .en {
        margin-top: 0
    }

    .electrical-sec-ttl.center span {
        text-align: left
    }

    .electrical-sec-ttl.center .jp::before,.electrical-sec-ttl.center .jp::after {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    .electrical-sec-ttl.center .jp::before {
        left: auto;
        right: 0
    }

    .electrical-sec-ttl.center .jp::after {
        left: auto;
        right: 15px
    }
}

.opacity {
    -webkit-transition: 0.3s;
    transition: 0.3s
}

.opacity:hover {
    -webkit-transition: 0.3s;
    transition: 0.3s;
    opacity: 0.7
}

.text_link {
    position: relative;
    padding-bottom: 4px
}

.text_link::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    background: #00aec4;
    left: 0;
    bottom: -4px;
    opacity: 0;
    -webkit-transition: 0.3s;
    transition: 0.3s
}

.text_link:hover::before {
    bottom: 0;
    opacity: 1;
    -webkit-transition: 0.3s;
    transition: 0.3s
}

.common-btn {
    display: block;
    width: 37.5%;
    background: #00aec4;
    color: #fff;
    letter-spacing: 0.1em;
    text-align: center;
    border-radius: 30px;
    padding: 3% 0;
    border: 1px solid #00aec4;
    position: relative;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease
}

.common-btn::before {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 0;
    height: 100%;
    background: #fff;
    border-radius: 30px;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease
}

.common-btn:hover {
    color: #00aec4;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease
}

.common-btn:hover .arrow {
    right: -10%;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease
}

.common-btn:hover::before {
    left: 0;
    width: 100%;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease
}

.common-btn .text {
    position: relative
}

.common-btn .arrow {
    position: absolute;
    top: 50%;
    right: -6%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    display: block;
    width: 14%;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease
}

.common-btn .arrow::before,.common-btn .arrow::after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%
}

.common-btn .arrow::before {
    right: 0;
    width: 100%;
    height: 0.0834em;
    background: #000;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.common-btn .arrow::after {
    right: 0;
    top: 50%;
    width: 0.3em;
    height: 0.3em;
    border-top: 0.0834em solid #000;
    border-right: 0.0834em solid #000;
    -webkit-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg)
}

.common-btn.center {
    margin: auto
}

.common-btn.c-blue {
    background: #00aec4;
    border: 1px solid #fff
}

.common-btn.c-blue .arrow::before {
    background: #fff
}

.common-btn.c-blue .arrow::after {
    border-top: 0.0834em solid #fff;
    border-right: 0.0834em solid #fff
}

.common-btn.c-blue:hover {
    color: #00aec4
}

@media screen and (min-width: 1025px) {
    .common-btn {
        font-size:1.6rem;
        width: 150px;
        border-radius: 30px;
        padding: 12px 0
    }

    .common-btn:hover .arrow {
        right: -17px
    }

    .common-btn .arrow {
        right: -9px;
        width: 20px
    }

    .common-btn .arrow::before {
        height: 1px
    }

    .common-btn .arrow::after {
        width: 4px;
        height: 4px;
        border-top: 1px solid #000;
        border-right: 1px solid #000
    }

    .common-btn.center {
        margin: auto
    }

    .common-btn:hover {
        width: 200px
    }
}

#page-mv {
    height: 13.3334em;
    position: relative
}

#page-mv .page-mv-inner {
    position: absolute;
    height: 100%;
    left: 50%;
    top: 0;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

#page-mv .img-box {
    width: 71.43%;
    height: 100%;
    margin-left: auto
}

#page-mv .page-mv-copy {
    position: absolute;
    background: #fff;
    left: 0;
    top: 50%;
    width: 46.43%;
    padding: 12.672% 3% 12.672% 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    border-right: 0.21em solid #00aec4;
    z-index: 0
}

#page-mv .page-mv-copy span {
    display: block
}

#page-mv .page-mv-copy .sub {
    font-size: 2vw;
    letter-spacing: 0.05em;
    color: #ff5622;
    margin-bottom: 3.9%
}

#page-mv .page-mv-copy .jp {
    font-size: 5.14286vw;
    letter-spacing: 0.05em
}

#page-mv .page-mv-copy .en {
    width: 83.341%;
    font-size: 2vw;
    letter-spacing: 0.075em;
    background: #00aec4;
    color: #fff;
    padding: 3.92% 7.5%;
    margin-top: 7.5%
}

#page-mv.page-case_archive .img-box {
    background: url(/wp-content/themes/rezil/assets/sol_images/page/electrical_construction/case/mv_sp.jpg) no-repeat top/cover
}

#page-mv.outsourcing .img-box {
    background: url(/wp-content/themes/rezil/assets/sol_images/page/outsourcing/case/mv_sp.jpg) no-repeat top/cover
}

#page-mv.outsourcing .page-mv-copy {
    border-right: 0.21em solid #ff5622
}

#page-mv.outsourcing .page-mv-copy .en {
    background: #ff5622
}

@media screen and (min-width: 1025px) {
    #page-mv {
        height:350px
    }

    #page-mv .img-box {
        width: 70.313%
    }

    #page-mv .page-mv-copy {
        width: 340px;
        padding: 77px 15px 77px 0;
        border-right: 5px solid #00aec4
    }

    #page-mv .page-mv-copy .sub {
        font-size: 1.4rem;
        margin-bottom: 10px
    }

    #page-mv .page-mv-copy .jp {
        font-size: 3.6rem;
        letter-spacing: 0.05em
    }

    #page-mv .page-mv-copy .en {
        width: 290px;
        font-size: 2rem;
        padding: 10px 20px;
        margin-top: 20px
    }

    #page-mv.page-case_archive .img-box {
        background: url(/wp-content/themes/rezil/assets/sol_images/page/electrical_construction/case/mv_pc.jpg) no-repeat bottom/cover
    }

    #page-mv.outsourcing .img-box {
        background: url(/wp-content/themes/rezil/assets/sol_images/page/outsourcing/case/mv_pc.jpg) no-repeat bottom/cover
    }

    #page-mv.outsourcing .page-mv-copy {
        border-right: 5px solid #ff5622
    }
}

#recruit-mv .recruit-mv-text-box {
    width: 93.334%;
    margin: auto;
    position: relative;
    padding: 14.166% 0 12%;
    z-index: 0
}

#recruit-mv .recruit-mv-text-box::before {
    content: "";
    position: absolute;
    right: 0;
    top: 20px;
    width: 100vw;
    height: 124%;
    background: #00aec4;
    z-index: -1
}

#recruit-mv .recruit-mv-text-box .en {
    display: inline-block;
    color: #00aec4;
    letter-spacing: 0.1em;
    padding: 2.322% 5.5% 2.322% 1.25em;
    position: relative;
    z-index: 0
}

#recruit-mv .recruit-mv-text-box .en::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 100vw;
    height: 100%;
    background: #fff;
    z-index: -1
}

#recruit-mv .recruit-mv-text-box .en::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 0.8334em;
    height: 0.1251em;
    background: #00aec4
}

#recruit-mv .recruit-mv-text-box .recruit-mv-ttl {
    font-size: 5.71429vw;
    letter-spacing: 0.1em;
    color: #fff;
    margin-top: 8.928571%
}

#recruit-mv .recruit-mv-text-box .recruit-mv-text {
    width: 84.286%;
    line-height: 1.7;
    letter-spacing: 0.1em;
    color: #fff;
    font-weight: 300;
    margin-top: 5.35714%
}

#recruit-mv .recruit-mv-img {
    width: 108.334%;
    height: 64.286vw;
    position: relative
}

#recruit-mv .bg-text {
    width: 500vw;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: -10.8%;
    margin-left: -5.5%;
    position: relative;
    opacity: 0.2
}

#recruit-mv .bg-text .text {
    width: 100%;
    color: #00aec4;
    font-size: 20vw;
    font-weight: 200
}

#recruit-mv .bg-text .text:first-child {
    -webkit-animation: loop 50s -25s linear infinite;
    animation: loop 50s -25s linear infinite
}

#recruit-mv .bg-text .text:last-child {
    -webkit-animation: loop2 50s linear infinite;
    animation: loop2 50s linear infinite
}

#recruit-mv.business_content .recruit-mv-img {
    background: url(/wp-content/themes/rezil/assets/sol_images/page/recruit/business_content/mv_sp.jpg) no-repeat center/cover
}

#recruit-mv.merit .recruit-mv-img {
    background: url(/wp-content/themes/rezil/assets/sol_images/page/recruit/merit/mv_sp.jpg) no-repeat center/cover
}

#recruit-mv.merit .bg-text {
    width: 650vw
}

#recruit-mv.merit .bg-text .text:first-child {
    -webkit-animation: loop 60s -25s linear infinite;
    animation: loop 60s -25s linear infinite
}

#recruit-mv.merit .bg-text .text:last-child {
    -webkit-animation: loop2 60s linear infinite;
    animation: loop2 60s linear infinite
}

#recruit-mv.training_system .recruit-mv-img {
    background: url(/wp-content/themes/rezil/assets/sol_images/page/recruit/training_system/mv_sp.jpg) no-repeat center/cover
}

#recruit-mv.information .recruit-mv-img {
    background: url(/wp-content/themes/rezil/assets/sol_images/page/recruit/information/mv_sp.jpg) no-repeat center/cover
}

#recruit-mv.information .bg-text {
    width: 750vw
}

#recruit-mv.information .bg-text .text:first-child {
    -webkit-animation: loop 65s -33s linear infinite;
    animation: loop 65s -33s linear infinite
}

#recruit-mv.information .bg-text .text:last-child {
    -webkit-animation: loop2 65s linear infinite;
    animation: loop2 65s linear infinite
}

#recruit-mv.interview .recruit-mv-inner::before {
    top: 0
}

#recruit-mv.interview .recruit-mv-text-box {
    width: 100%
}

#recruit-mv.interview .recruit-mv-text-box::before {
    height: 222%
}

#recruit-mv.interview .recruit-mv-text-box .recruit-mv-ttl {
    margin-top: 0;
    padding-left: 8.3332%;
    position: relative
}

#recruit-mv.interview .recruit-mv-text-box .recruit-mv-ttl::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 0.25em;
    height: 100%;
    background: #fff
}

#recruit-mv.interview .recruit-mv-text-box .recruit-mv-ttl span {
    display: block;
    color: #fff
}

#recruit-mv.interview .recruit-mv-text-box .recruit-mv-ttl .en {
    color: #fff;
    padding: 0;
    font-size: 3.42857vw;
    margin-top: 4.5%
}

#recruit-mv.interview .recruit-mv-text-box .recruit-mv-ttl .en::before,#recruit-mv.interview .recruit-mv-text-box .recruit-mv-ttl .en::after {
    content: none
}

#recruit-mv.interview .recruit-mv-text-box .recruit-mv-text {
    margin-top: 8.3332%
}

#recruit-mv.interview .recruit-mv-img {
    background: url(/wp-content/themes/rezil/assets/sol_images/page/recruit/interview/mv_sp.png) no-repeat center/cover;
    width: 116.667%;
    height: 105.286vw;
    margin-left: -8.3332%
}

@media screen and (min-width: 1025px) {
    #recruit-mv {
        padding-top:70px
    }

    #recruit-mv .recruit-mv-inner {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        position: relative
    }

    #recruit-mv .recruit-mv-text-box {
        width: 360px;
        margin: 0;
        padding: 0
    }

    #recruit-mv .recruit-mv-text-box::before {
        content: none
    }

    #recruit-mv .recruit-mv-text-box .en {
        display: block;
        font-size: 2rem;
        width: 100%;
        line-height: 24px;
        padding: 0 0 0 30px
    }

    #recruit-mv .recruit-mv-text-box .en::before {
        content: none
    }

    #recruit-mv .recruit-mv-text-box .en::after {
        width: 20px;
        height: 3px;
        top: 10px;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    #recruit-mv .recruit-mv-text-box .recruit-mv-ttl {
        font-size: 3.6rem;
        color: #000;
        margin-top: 64px
    }

    #recruit-mv .recruit-mv-text-box .recruit-mv-text {
        width: 250px;
        line-height: 24px;
        color: #000;
        margin-top: 34px
    }

    #recruit-mv .recruit-mv-img {
        width: 780px;
        height: 450px;
        margin-right: -140px
    }

    #recruit-mv .bg-text {
        position: absolute;
        left: -148px;
        bottom: -70px;
        width: 300vw;
        margin-top: 0;
        margin-left: 0
    }

    #recruit-mv .bg-text .text {
        font-size: 14rem
    }

    #recruit-mv.business_content .recruit-mv-img {
        background: url(/wp-content/themes/rezil/assets/sol_images/page/recruit/business_content/mv_pc.jpg) no-repeat center/cover
    }

    #recruit-mv.merit .recruit-mv-img {
        background: url(/wp-content/themes/rezil/assets/sol_images/page/recruit/merit/mv_pc.jpg) no-repeat center/cover
    }

    #recruit-mv.merit .bg-text {
        width: 380vw
    }

    #recruit-mv.merit .bg-text .text:first-child {
        -webkit-animation: loop 60s -30s linear infinite;
        animation: loop 60s -30s linear infinite
    }

    #recruit-mv.merit .bg-text .text:last-child {
        -webkit-animation: loop2 60s linear infinite;
        animation: loop2 60s linear infinite
    }

    #recruit-mv.training_system .recruit-mv-img {
        background: url(/wp-content/themes/rezil/assets/sol_images/page/recruit/training_system/mv_pc.jpg) no-repeat center/cover
    }

    #recruit-mv.information .recruit-mv-img {
        background: url(/wp-content/themes/rezil/assets/sol_images/page/recruit/information/mv_pc.jpg) no-repeat center/cover
    }

    #recruit-mv.information .bg-text {
        width: 420vw
    }

    #recruit-mv.information .bg-text .text:first-child {
        -webkit-animation: loop 75s -38s linear infinite;
        animation: loop 75s -38s linear infinite
    }

    #recruit-mv.information .bg-text .text:last-child {
        -webkit-animation: loop2 75s linear infinite;
        animation: loop2 75s linear infinite
    }

    #recruit-mv.interview {
        padding-top: 0
    }

    #recruit-mv.interview .recruit-mv-inner {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding-bottom: 67px;
        z-index: 0
    }

    #recruit-mv.interview .recruit-mv-inner::before {
        content: "";
        position: absolute;
        right: 0;
        width: 100vw;
        height: 100%;
        background: #00aec4;
        z-index: -1
    }

    #recruit-mv.interview .recruit-mv-text-box {
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2;
        width: 860px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin: 65px auto 0
    }

    #recruit-mv.interview .recruit-mv-text-box::before {
        height: 222%
    }

    #recruit-mv.interview .recruit-mv-text-box .recruit-mv-ttl {
        margin-top: 0;
        padding-left: 40px
    }

    #recruit-mv.interview .recruit-mv-text-box .recruit-mv-ttl::before {
        width: 10px;
        height: 110px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    #recruit-mv.interview .recruit-mv-text-box .recruit-mv-ttl .en {
        padding: 0;
        font-size: 2rem;
        margin-top: 15px
    }

    #recruit-mv.interview .recruit-mv-text-box .recruit-mv-ttl .en::before,#recruit-mv.interview .recruit-mv-text-box .recruit-mv-ttl .en::after {
        content: none
    }

    #recruit-mv.interview .recruit-mv-text-box .recruit-mv-text {
        color: #fff;
        width: 452px;
        margin-top: 0
    }

    #recruit-mv.interview .recruit-mv-img {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
        background: url(/wp-content/themes/rezil/assets/sol_images/page/recruit/interview/mv_pc.png) no-repeat center/cover;
        width: 1239px;
        height: 487px;
        margin-left: -99px
    }
}

@-webkit-keyframes loop {
    0% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }

    to {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }
}

@keyframes loop {
    0% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }

    to {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }
}

@-webkit-keyframes loop2 {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    to {
        -webkit-transform: translateX(-200%);
        transform: translateX(-200%)
    }
}

@keyframes loop2 {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    to {
        -webkit-transform: translateX(-200%);
        transform: translateX(-200%)
    }
}

.wp-pagenavi {
    width: 100%;
    display: table;
    margin: 0px
}

.wp-pagenavi .pages {
    display: none !important
}

.wp-pagenavi a,.wp-pagenavi span {
    padding: 0 !important
}

.wp-pagenavi a {
    display: inline-block;
    vertical-align: middle
}

.wp-pagenavi a.previouspostslink,.wp-pagenavi a.nextpostslink {
    background: none;
    vertical-align: middle;
    text-indent: -999999px
}

.wp-pagenavi span {
    display: inline-block;
    vertical-align: middle
}

.wp-pagenavi span.current {
    border: none !important
}

.magazine-pagenavi {
    margin-top: 8.4%
}

.magazine-pagenavi .wp-pagenavi {
    text-align: center
}

.magazine-pagenavi .wp-pagenavi a,.magazine-pagenavi .wp-pagenavi span {
    width: 2.4em;
    text-align: center;
    line-height: 2.4em;
    margin: 0 1.2%;
    font-size: 3.57143vw;
    border-radius: 50%;
    font-family: commuters-sans, sans-serif;
    font-weight: bold
}

.magazine-pagenavi .wp-pagenavi a.previouspostslink,.magazine-pagenavi .wp-pagenavi a.nextpostslink {
    height: 2.4em;
    background: #fff;
    border: 1px solid #00aec4;
    position: relative
}

.magazine-pagenavi .wp-pagenavi a.previouspostslink::before,.magazine-pagenavi .wp-pagenavi a.nextpostslink::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 0.56em;
    height: 0.76em;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.magazine-pagenavi .wp-pagenavi a.previouspostslink::before {
    background: url(/wp-content/themes/rezil/assets/sol_images/common/navi_arrow_prev.png) no-repeat center/cover
}

.magazine-pagenavi .wp-pagenavi a.nextpostslink::before {
    background: url(/wp-content/themes/rezil/assets/sol_images/common/navi_arrow_next.png) no-repeat center/cover
}

.magazine-pagenavi .wp-pagenavi span.current {
    background: #00aec4;
    color: #fff
}

@media screen and (min-width: 1025px) {
    .magazine-pagenavi {
        margin-top:50px
    }

    .magazine-pagenavi .wp-pagenavi a,.magazine-pagenavi .wp-pagenavi span {
        width: 44px;
        line-height: 44px;
        margin: 0 8px;
        font-size: 1.8rem
    }

    .magazine-pagenavi .wp-pagenavi a {
        -webkit-transition: 0.3s;
        transition: 0.3s
    }

    .magazine-pagenavi .wp-pagenavi a.previouspostslink,.magazine-pagenavi .wp-pagenavi a.nextpostslink {
        height: 44px
    }

    .magazine-pagenavi .wp-pagenavi a.previouspostslink::before,.magazine-pagenavi .wp-pagenavi a.nextpostslink::before {
        width: 10px;
        height: 14px;
        -webkit-transition: 0.3s;
        transition: 0.3s
    }

    .magazine-pagenavi .wp-pagenavi a.previouspostslink:hover::before {
        background: url(/wp-content/themes/rezil/assets/sol_images/common/navi_arrow_prev_white.png) no-repeat center/cover;
        -webkit-transition: 0.3s;
        transition: 0.3s
    }

    .magazine-pagenavi .wp-pagenavi a.nextpostslink:hover::before {
        background: url(/wp-content/themes/rezil/assets/sol_images/common/navi_arrow_next_white.png) no-repeat center/cover;
        -webkit-transition: 0.3s;
        transition: 0.3s
    }

    .magazine-pagenavi .wp-pagenavi a:hover {
        background: #00aec4;
        color: #fff;
        -webkit-transition: 0.3s;
        transition: 0.3s
    }
}

.electrical-link-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -1px;
    margin-bottom: -1px
}

.electrical-link-list li {
    width: 50%;
    padding-left: 1px;
    padding-bottom: 1px
}

.electrical-link-list li .list-inner {
    display: block;
    position: relative
}

.electrical-link-list li .list-inner::before {
    content: "";
    position: absolute;
    width: 2.0834em;
    height: 2.0834em;
    left: 0;
    top: 0;
    background: -webkit-gradient(linear, right bottom, left top, color-stop(50%, rgba(255,255,255,0)), color-stop(50.5%, #fff)) no-repeat top left/100% 100%;
    background: -webkit-linear-gradient(bottom right, rgba(255,255,255,0) 50%, #fff 50.5%) no-repeat top left/100% 100%;
    background: linear-gradient(to top left, rgba(255,255,255,0) 50%, #fff 50.5%) no-repeat top left/100% 100%;
    z-index: 1
}

.electrical-link-list li .img-box {
    width: 100%;
    height: 16.6667em;
    position: relative;
    z-index: 0
}

.electrical-link-list li .img-box::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.5;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    z-index: -1
}

.electrical-link-list li .list-text-box {
    position: absolute;
    width: 100%;
    left: 0;
    top: 25%
}

.electrical-link-list li .list-text-box .list-ttl,.electrical-link-list li .list-text-box .en {
    color: #fff;
    text-align: center
}

.electrical-link-list li .list-text-box .list-ttl {
    width: 77.254%;
    font-size: 4.57143vw;
    letter-spacing: 0.125em;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    padding: 6.482% 0;
    margin: auto
}

.electrical-link-list li .list-text-box .en {
    font-size: 2vw;
    letter-spacing: 0.125em;
    line-height: 1.4;
    margin-top: 4.8%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.electrical-link-list li .list-btn {
    position: absolute;
    color: #fff;
    text-align: center;
    display: block;
    background: #00aec4;
    letter-spacing: 0.1em;
    width: 51.503%;
    padding: 4.865% 0;
    bottom: 7.3%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.electrical-link-list li .list-btn::before {
    content: "";
    position: absolute;
    right: 12%;
    top: 40%;
    -webkit-transform: rotate(45deg) translateY(-50%);
    transform: rotate(45deg) translateY(-50%);
    width: 0.5834em;
    height: 0.5834em;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff
}

.electrical-link-list li:nth-child(1) .img-box {
    background: url(/wp-content/themes/rezil/assets/sol_images/page/electrical_construction/electrical_link_list_img01_sp.jpg) no-repeat center/cover
}

.electrical-link-list li:nth-child(2) .img-box {
    background: url(/wp-content/themes/rezil/assets/sol_images/page/electrical_construction/electrical_link_list_img02_sp.jpg) no-repeat center/cover
}

.electrical-link-list li:nth-child(3) .img-box {
    background: url(/wp-content/themes/rezil/assets/sol_images/page/electrical_construction/electrical_link_list_img03_sp.jpg) no-repeat center/cover
}

.electrical-link-list li:nth-child(4) .img-box {
    background: url(/wp-content/themes/rezil/assets/sol_images/page/electrical_construction/electrical_link_list_img04_sp.jpg) no-repeat center/cover
}

.electrical-link-list li a:hover .img-box::before {
    opacity: 0;
    -webkit-transition: 0.4s;
    transition: 0.4s
}

@media screen and (min-width: 1025px) {
    .electrical-link-list {
        margin-left:-3px;
        margin-bottom: -3px
    }

    .electrical-link-list li {
        width: 25%;
        padding-left: 3px;
        padding-bottom: 3px
    }

    .electrical-link-list li .list-inner::before {
        width: 50px;
        height: 50px
    }

    .electrical-link-list li .img-box {
        width: 100%;
        height: 400px
    }

    .electrical-link-list li .list-text-box {
        position: absolute;
        width: 100%;
        left: 0;
        top: 54%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .electrical-link-list li .list-text-box .list-ttl {
        width: 200px;
        font-size: 2.4rem;
        padding: 12px 0
    }

    .electrical-link-list li .list-text-box .en {
        font-size: 1.2rem;
        line-height: 18px;
        margin-top: 16px
    }

    .electrical-link-list li .list-btn {
        font-size: 2rem;
        width: 180px;
        left: auto;
        right: 0;
        bottom: -20px;
        -webkit-transform: translateX(0);
        transform: translateX(0);
        padding: 10px 0;
        background: #fff;
        color: #00aec4;
        -webkit-transition: 0.4s;
        transition: 0.4s
    }

    .electrical-link-list li .list-btn::before {
        right: 21px;
        top: 42%;
        width: 9px;
        height: 9px;
        border-right: 1px solid #00aec4;
        border-bottom: 1px solid #00aec4;
        -webkit-transition: 0.4s;
        transition: 0.4s
    }

    .electrical-link-list li:nth-child(1) .img-box {
        background: url(/wp-content/themes/rezil/assets/sol_images/page/electrical_construction/electrical_link_list_img01_pc.jpg) no-repeat center/cover
    }

    .electrical-link-list li:nth-child(2) .img-box {
        background: url(/wp-content/themes/rezil/assets/sol_images/page/electrical_construction/electrical_link_list_img02_pc.jpg) no-repeat center/cover
    }

    .electrical-link-list li:nth-child(3) .img-box {
        background: url(/wp-content/themes/rezil/assets/sol_images/page/electrical_construction/electrical_link_list_img03_pc.jpg) no-repeat center/cover
    }

    .electrical-link-list li:nth-child(4) .img-box {
        background: url(/wp-content/themes/rezil/assets/sol_images/page/electrical_construction/electrical_link_list_img04_pc.jpg) no-repeat center/cover
    }

    .electrical-link-list li a:hover .list-btn {
        background: #00aec4;
        color: #fff;
        -webkit-transition: 0.4s;
        transition: 0.4s
    }

    .electrical-link-list li a:hover .list-btn::before {
        right: 21px;
        top: 42%;
        width: 9px;
        height: 9px;
        border-right: 1px solid #fff;
        border-bottom: 1px solid #fff;
        -webkit-transition: 0.4s;
        transition: 0.4s
    }
}

.top-electrical-case-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -6.6667% 0 0
}

.top-electrical-case-list li {
    width: 43.75%;
    margin-bottom: 10%;
    margin-right: 6.6667%;
    position: relative
}

.top-electrical-case-list li::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 214.29%;
    height: 1px;
    background: #aaa
}

.top-electrical-case-list li:nth-child(2n) {
    margin-right: 0
}

.top-electrical-case-list li:nth-child(2n)::before {
    content: none
}

.top-electrical-case-list li:last-child,.top-electrical-case-list li:nth-last-child(2) {
    margin-bottom: 0
}

.top-electrical-case-list li:last-child a,.top-electrical-case-list li:nth-last-child(2) a {
    padding-bottom: 0
}

.top-electrical-case-list li:last-child::before,.top-electrical-case-list li:nth-last-child(2)::before {
    content: none
}

.top-electrical-case-list li a {
    display: block;
    padding-bottom: 17.66%
}

.top-electrical-case-list li a:hover .img-box {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
    -webkit-transition: 0.4s;
    transition: 0.4s
}

.top-electrical-case-list li a:hover .list-ttl {
    color: #00aec4;
    -webkit-transition: 0.4s;
    transition: 0.4s
}

.top-electrical-case-list li .img-box {
    height: 9.167em;
    -webkit-transition: 0.4s;
    transition: 0.4s
}

.top-electrical-case-list li .list-cat-box {
    margin-top: 11%
}

.top-electrical-case-list li .list-cat-box .list-cat {
    display: inline-block;
    background: #00aec4;
    color: #fff;
    letter-spacing: 0.05em;
    text-align: center;
    padding: 4.69% 9%;
    position: relative;
    -webkit-transition: 0.4s;
    transition: 0.4s
}

.top-electrical-case-list li .list-cat-box .list-cat::before {
    content: "";
    position: absolute;
    width: 0.667em;
    height: 0.667em;
    left: 0;
    top: 0;
    background: -webkit-gradient(linear, right bottom, left top, color-stop(50%, rgba(255,255,255,0)), color-stop(50.5%, #fff)) no-repeat top left/100% 100%;
    background: -webkit-linear-gradient(bottom right, rgba(255,255,255,0) 50%, #fff 50.5%) no-repeat top left/100% 100%;
    background: linear-gradient(to top left, rgba(255,255,255,0) 50%, #fff 50.5%) no-repeat top left/100% 100%;
    z-index: 1
}

.top-electrical-case-list li .list-ttl {
    line-height: 1.6;
    letter-spacing: 0.05em;
    margin-top: 6%;
    -webkit-transition: 0.4s;
    transition: 0.4s
}

.top-electrical-case-list.outsourcing li .list-cat-box .list-cat {
    background: #ff5622
}

.top-electrical-case-list.outsourcing li a:hover .list-ttl {
    color: #ff5622
}

@media screen and (min-width: 1025px) {
    .top-electrical-case-list {
        margin:0
    }

    .top-electrical-case-list li {
        width: 300px;
        margin-bottom: 63px;
        margin-right: 50px
    }

    .top-electrical-case-list li::before {
        content: none
    }

    .top-electrical-case-list li:nth-child(2n) {
        margin-right: 50px
    }

    .top-electrical-case-list li:nth-child(3n) {
        margin-right: 0
    }

    .top-electrical-case-list li:last-child,.top-electrical-case-list li:nth-last-child(2),.top-electrical-case-list li:nth-last-child(3) {
        margin-bottom: 0
    }

    .top-electrical-case-list li a {
        padding-bottom: 0
    }

    .top-electrical-case-list li .img-box {
        height: 240px
    }

    .top-electrical-case-list li .list-cat-box {
        margin-top: 25px
    }

    .top-electrical-case-list li .list-cat-box .list-ttl {
        width: 150px;
        padding: 10px
    }

    .top-electrical-case-list li .list-cat-box .list-ttl::before {
        width: 10px;
        height: 10px
    }

    .top-electrical-case-list li .list-ttl {
        font-size: 1.6rem;
        line-height: 28px;
        margin-top: 8px
    }
}

.electrical-case-category-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -3.3335%;
    margin-bottom: -3.3335%
}

.electrical-case-category-list li {
    width: 50%;
    padding-left: 3.3335%;
    padding-bottom: 3.3335%
}

.electrical-case-category-list li a {
    display: block;
    position: relative;
    text-align: center;
    background: #eceff1;
    letter-spacing: 0.075em;
    padding: 9.82% 10.4%;
    -webkit-transition: 0.4s;
    transition: 0.4s
}

.electrical-case-category-list li a::before {
    content: "";
    position: absolute;
    width: 1.167em;
    height: 1.167em;
    left: 0;
    top: 0;
    background: -webkit-gradient(linear, right bottom, left top, color-stop(50%, rgba(255,255,255,0)), color-stop(50.5%, #fff)) no-repeat top left/100% 100%;
    background: -webkit-linear-gradient(bottom right, rgba(255,255,255,0) 50%, #fff 50.5%) no-repeat top left/100% 100%;
    background: linear-gradient(to top left, rgba(255,255,255,0) 50%, #fff 50.5%) no-repeat top left/100% 100%;
    z-index: 1
}

.electrical-case-category-list li a::after {
    content: "";
    position: absolute;
    width: 0.8751em;
    height: 0.667em;
    right: 10.4%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background: url(/wp-content/themes/rezil/assets/sol_images/page/electrical_construction/case/arrow_icon.png) no-repeat center/cover;
    -webkit-transition: 0.4s;
    transition: 0.4s
}

.electrical-case-category-list li a:hover {
    opacity: 0.6;
    -webkit-transition: 0.4s;
    transition: 0.4s
}

.electrical-case-category-list li a:hover::after {
    -webkit-transform: translateY(-50%) rotate(-90deg);
    transform: translateY(-50%) rotate(-90deg);
    -webkit-transition: 0.4s;
    transition: 0.4s
}

.electrical-case-category-list li.current {
    pointer-events: none
}

.electrical-case-category-list li.current a {
    color: #fff;
    background: #00aec4
}

.electrical-case-category-list li.current a::after {
    content: none
}

.electrical-case-category-list.outsourcing li.current a {
    background: #ff5622
}

@media screen and (min-width: 1025px) {
    .electrical-case-category-list {
        margin-left:-3px;
        margin-bottom: -3px
    }

    .electrical-case-category-list li {
        width: 25%;
        padding-left: 3px;
        padding-bottom: 3px
    }

    .electrical-case-category-list li a {
        letter-spacing: 0;
        padding: 9.82% 10.4%
    }

    .electrical-case-category-list li a::before {
        width: 20px;
        height: 20px
    }

    .electrical-case-category-list li a::after {
        width: 15px;
        height: 12px;
        right: 30px
    }
}

.electrical-case-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -6.45% 0 0
}

.electrical-case-list li {
    width: 43.75%;
    margin-bottom: 9.4%;
    margin-right: 6.45%;
    position: relative
}

.electrical-case-list li::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 214.29%;
    height: 1px;
    background: #aaa
}

.electrical-case-list li:nth-child(2n) {
    margin-right: 0
}

.electrical-case-list li:nth-child(2n)::before {
    content: none
}

.electrical-case-list li:last-child,.electrical-case-list li:nth-last-child(2) {
    margin-bottom: 0
}

.electrical-case-list li:last-child a,.electrical-case-list li:nth-last-child(2) a {
    padding-bottom: 0
}

.electrical-case-list li:last-child::before,.electrical-case-list li:nth-last-child(2)::before {
    content: none
}

.electrical-case-list li .img-box {
    height: 9.167em;
    -webkit-transition: 0.4s;
    transition: 0.4s
}

.electrical-case-list li .list-cat-box {
    margin-top: 11%
}

.electrical-case-list li .list-cat-box .list-cat {
    display: inline-block;
    background: #00aec4;
    color: #fff;
    letter-spacing: 0.05em;
    text-align: center;
    padding: 4.69% 9%;
    position: relative;
    -webkit-transition: 0.4s;
    transition: 0.4s
}

.electrical-case-list li .list-cat-box .list-cat::before {
    content: "";
    position: absolute;
    width: 0.667em;
    height: 0.667em;
    left: 0;
    top: 0;
    background: -webkit-gradient(linear, right bottom, left top, color-stop(50%, rgba(255,255,255,0)), color-stop(50.5%, #fff)) no-repeat top left/100% 100%;
    background: -webkit-linear-gradient(bottom right, rgba(255,255,255,0) 50%, #fff 50.5%) no-repeat top left/100% 100%;
    background: linear-gradient(to top left, rgba(255,255,255,0) 50%, #fff 50.5%) no-repeat top left/100% 100%;
    z-index: 1
}

.electrical-case-list li .list-ttl {
    line-height: 1.6;
    letter-spacing: 0.05em;
    margin-top: 6%;
    -webkit-transition: 0.4s;
    transition: 0.4s
}

.electrical-case-list li .list-btn {
    width: 80.36%;
    margin-top: 13.21428%;
    background: #fff;
    color: #000;
    letter-spacing: 0.1em;
    text-align: center;
    border-radius: 30px;
    padding: 6.072% 0;
    border: 1px solid #000;
    position: relative;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease
}

.electrical-case-list li .list-btn::before {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 0;
    height: 100%;
    background: #00aec4;
    border-radius: 30px;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease
}

.electrical-case-list li .list-btn .text {
    position: relative
}

.electrical-case-list li .list-btn .arrow {
    position: absolute;
    top: 50%;
    right: -6%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    display: block;
    width: 14%;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease
}

.electrical-case-list li .list-btn .arrow::before,.electrical-case-list li .list-btn .arrow::after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%
}

.electrical-case-list li .list-btn .arrow::before {
    right: 0;
    width: 100%;
    height: 0.0834em;
    background: #000;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.electrical-case-list li .list-btn .arrow::after {
    right: 0;
    top: 50%;
    width: 0.3em;
    height: 0.3em;
    border-top: 0.0834em solid #000;
    border-right: 0.0834em solid #000;
    -webkit-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg)
}

.electrical-case-list li a {
    display: block;
    padding-bottom: 21.6%
}

.electrical-case-list li a:hover .img-box {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
    -webkit-transition: 0.4s;
    transition: 0.4s
}

.electrical-case-list li a:hover .list-text {
    color: #00aec4;
    -webkit-transition: 0.4s;
    transition: 0.4s
}

.electrical-case-list li a:hover .list-btn {
    color: #fff;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease
}

.electrical-case-list li a:hover .list-btn .arrow {
    right: -10%;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease
}

.electrical-case-list li a:hover .list-btn::before {
    left: 0;
    width: 100%;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease
}

.electrical-case-list.outsourcing li .list-cat-box .list-cat {
    background: #ff5622
}

.electrical-case-list.outsourcing li .list-btn::before {
    background: #ff5622
}

.electrical-case-list.outsourcing li a:hover .list-text {
    color: #ff5622
}

@media screen and (min-width: 1025px) {
    .electrical-case-list {
        margin:0
    }

    .electrical-case-list li {
        width: 300px;
        margin-bottom: 90px;
        margin-right: 50px
    }

    .electrical-case-list li::before {
        width: 1000px
    }

    .electrical-case-list li:nth-child(2n) {
        margin-right: 50px
    }

    .electrical-case-list li:nth-child(2n)::before {
        content: none
    }

    .electrical-case-list li:nth-child(3n) {
        margin-right: 0
    }

    .electrical-case-list li:nth-child(odd)::before {
        content: none
    }

    .electrical-case-list li:nth-child(3n+1)::before {
        content: ""
    }

    .electrical-case-list li:nth-child(1)::before {
        content: ""
    }

    .electrical-case-list li:last-child,.electrical-case-list li:nth-last-child(2),.electrical-case-list li:nth-last-child(3) {
        margin-bottom: 0
    }

    .electrical-case-list li:last-child a,.electrical-case-list li:nth-last-child(2) a,.electrical-case-list li:nth-last-child(3) a {
        padding-bottom: 0
    }

    .electrical-case-list li:last-child::before,.electrical-case-list li:nth-last-child(2)::before,.electrical-case-list li:nth-last-child(3)::before {
        content: none
    }

    .electrical-case-list li a {
        padding-bottom: 90px
    }

    .electrical-case-list li .img-box {
        height: 240px
    }

    .electrical-case-list li .list-cat-box {
        margin-top: 25px
    }

    .electrical-case-list li .list-cat-box .list-cat {
        width: 150px;
        padding: 10px
    }

    .electrical-case-list li .list-cat-box .list-cat::before {
        width: 10px;
        height: 10px
    }

    .electrical-case-list li .list-ttl {
        font-size: 1.6rem;
        line-height: 28px;
        margin-top: 8px
    }

    .electrical-case-list li .list-btn {
        width: 150px;
        margin-top: 43px;
        font-size: 1.6rem;
        padding: 11px 0
    }

    .electrical-case-list li .list-btn .arrow {
        right: -10px;
        width: 20px
    }

    .electrical-case-list li .list-btn .arrow::before {
        height: 1px
    }

    .electrical-case-list li .list-btn .arrow::after {
        width: 4px;
        height: 4px;
        border-top: 1px solid #000;
        border-right: 1px solid #000
    }
}

#form input,#form textarea {
    border: 1px solid #727171;
    font-size: 1.6rem;
    padding: 2.787vw;
    width: 100%;
    background: #fff
}

#form input::-webkit-input-placeholder,#form textarea::-webkit-input-placeholder {
    color: #bbb;
    letter-spacing: 0.1em
}

#form input:-ms-input-placeholder,#form textarea:-ms-input-placeholder {
    color: #bbb;
    letter-spacing: 0.1em
}

#form input::-ms-input-placeholder,#form textarea::-ms-input-placeholder {
    color: #bbb;
    letter-spacing: 0.1em
}

#form input::placeholder,#form textarea::placeholder {
    color: #bbb;
    letter-spacing: 0.1em
}

#form input.w117,#form textarea.w117 {
    width: 19%
}

#form input.w150,#form textarea.w150 {
    width: 25%
}

#form input.half,#form textarea.half {
    width: 50%
}

#form .form-btn {
    position: relative
}

#form .form-btn::before {
    content: "";
    position: absolute;
    right: 6.5%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 8.43vw;
    height: 2.43vw;
    background: url(/wp-content/themes/rezil/assets/sol_images/page/form/form_arrow.png) no-repeat center/cover;
    z-index: 1
}

#form .form-btn input {
    background: #cccccc;
    color: #fff;
    text-align: center;
    letter-spacing: 0.1em;
    font-size: 4.57143vw;
    border: 1px solid #cccccc;
    border-radius: 50px;
    padding: 6% 0;
    -webkit-transition: 0.3s;
    transition: 0.3s
}

#form .form-btn:hover::before {
    background: url(/wp-content/themes/rezil/assets/sol_images/page/form/form_arrow_act.png) no-repeat center/cover;
    -webkit-transition: 0.3s;
    transition: 0.3s
}

#form .form-btn:hover input {
    background: #fff;
    color: #cccccc;
    -webkit-transition: 0.3s;
    transition: 0.3s
}

#form .form-btn.no-act {
    pointer-events: none;
    opacity: 0.6
}

#form .back-btn {
    position: relative
}

#form .back-btn::before {
    content: "";
    position: absolute;
    left: 6.5%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 8.43vw;
    height: 2.43vw;
    background: url(/wp-content/themes/rezil/assets/sol_images/page/form/form_arrow_back.png) no-repeat center/cover
}

#form .back-btn input {
    background: #9c9d98;
    color: #fff;
    text-align: center;
    letter-spacing: 0.1em;
    font-size: 4.57143vw;
    border: 1px solid #9c9d98;
    border-radius: 50px;
    padding: 6% 0;
    -webkit-transition: 0.3s;
    transition: 0.3s
}

#form .back-btn:hover::before {
    background: url(/wp-content/themes/rezil/assets/sol_images/page/form/form_arrow_back_act.png) no-repeat center/cover;
    -webkit-transition: 0.3s;
    transition: 0.3s
}

#form .back-btn:hover input {
    background: #fff;
    color: #9c9d98;
    -webkit-transition: 0.3s;
    transition: 0.3s
}

#form textarea {
    line-height: 1.6;
    height: 57vw
}

#form textarea::-webkit-input-placeholder {
    line-height: 1.6
}

#form textarea:-ms-input-placeholder {
    line-height: 1.6
}

#form textarea::-ms-input-placeholder {
    line-height: 1.6
}

#form textarea::placeholder {
    line-height: 1.6
}

#form input[type=file] {
    color: #bbb;
    letter-spacing: 0.1em
}

#form .inline-text {
    margin-left: 3.3335%;
    display: inline-block
}

#form .inline-box {
    display: inline
}

#form .notes {
    font-size: 2vw;
    letter-spacing: 0.1em;
    color: #00aec4;
    margin: 5% 0 3.3335%
}

#form .postal-code dd {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

#form .postal-code dd .postal-code-box {
    width: 50%;
    position: relative
}

#form .postal-code dd .postal-code-box .error {
    position: absolute;
    left: 0;
    bottom: -46%
}

#form .postal-code dd .zipButton-box {
    width: 43.334%
}

#form .postal-code dd .zipButton-box button {
    width: 100%;
    padding: 2.858vw 0;
    color: #fff;
    letter-spacing: 0.05em;
    text-align: center;
    background: #00aec4;
    border: 1px solid #00aec4;
    font-size: 3.42857vw;
    height: 100%;
    position: relative;
    -webkit-transition: 0.3s;
    transition: 0.3s
}

#form .postal-code dd .zipButton-box button::before {
    content: "";
    position: absolute;
    left: 2.5%;
    top: 7.5%;
    width: 95%;
    height: 85%;
    border: 1px solid #fff;
    -webkit-transition: 0.3s;
    transition: 0.3s
}

#form .postal-code dd .zipButton-box button:hover::before {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -webkit-transition: 0.3s;
    transition: 0.3s
}

#form .radio-btn .radio-box {
    margin-bottom: -3.5%
}

#form .radio-btn .radio-box .inputBox {
    display: block;
    padding-left: 6.286vw;
    padding-bottom: 3.5%
}

#form .radio-btn .radio-box .inputBox input {
    display: block;
    position: absolute;
    left: -6.286vw;
    top: 0;
    width: 4.286vw;
    height: 4.286vw;
    opacity: 0;
    border-radius: 0;
    margin: 0;
    padding: 0;
    cursor: pointer
}

#form .radio-btn .radio-box label {
    position: relative
}

#form .radio-btn .radio-box label::before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: -6.286vw;
    width: 4.286vw;
    height: 4.286vw;
    border: 1px solid #bbb;
    background: #f5f5f5;
    border-radius: 50%
}

#form .radio-btn .radio-box label input:checked+span::after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: -5.2vw;
    width: 2.143vw;
    height: 2.143vw;
    border-radius: 50%;
    background: #00aec4
}

#form .radio-btn input[type=text] {
    margin-top: 5%
}

#form .radio-btn.sp_yoko2 .inputBox {
    display: inline-block;
    width: 49%
}

#form .radio-btn.sp_yoko3 .inputBox {
    display: inline-block;
    width: 32%
}

#form .checkbox .checkbox-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

#form .checkbox .checkbox-box .inputBox {
    margin-bottom: 3.3335%;
    width: 50%
}

#form .checkbox .checkbox-box .inputBox:nth-child(2n) {
    padding-right: 0
}

#form .checkbox .checkbox-box .inputBox:last-child,#form .checkbox .checkbox-box .inputBox:nth-last-child(2) {
    margin-bottom: 0
}

#form .checkbox .checkbox-box label {
    position: relative;
    padding-right: 2%;
    padding-left: 16%;
    display: block;
    line-height: 1.5
}

#form .checkbox .checkbox-box label::before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    width: 4.286vw;
    height: 4.286vw;
    border: 1px solid #bbb;
    background: #fff
}

#form .checkbox .checkbox-box label input:checked+span::after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0.7vw;
    width: 2.286vw;
    height: 1.715vw;
    background: url(/wp-content/themes/rezil/assets/sol_images/page/form/checkbox_icon.png) no-repeat center/cover
}

#form .checkbox .checkbox-box input {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 4.286vw;
    height: 4.286vw;
    opacity: 0;
    border-radius: 0;
    margin: 0;
    padding: 0;
    cursor: pointer
}

#form .photo-box {
    position: relative
}

#form .photo-box .mwform-file-delete {
    position: absolute;
    left: -6%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

#form .birthday input {
    margin-left: 4%
}

#form .birthday input:first-child {
    margin-left: 0
}

#form .birthday .inline-text {
    margin-left: 1%
}

#form.outsourcing .notes {
    color: #ff5622
}

#form.outsourcing .radio-btn .radio-box label input:checked+span::after {
    background: #ff5622
}

@media screen and (min-width: 1025px) {
    #form input,#form textarea {
        padding:13px 20px
    }

    #form input.w117,#form textarea.w117 {
        width: 117px
    }

    #form input.w150,#form textarea.w150 {
        width: 150px
    }

    #form .form-btn-box {
        text-align: center
    }

    #form .form-btn {
        width: 400px;
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2
    }

    #form .form-btn::before {
        right: 25px;
        width: 40px;
        height: 11px
    }

    #form .form-btn input {
        font-size: 2.8rem;
        border-radius: 35px;
        padding: 20px 25px 20px 0
    }

    #form .back-btn {
        width: 200px;
        margin-top: 0;
        margin-right: 50px;
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1
    }

    #form .back-btn::before {
        left: 25px;
        width: 40px;
        height: 11px
    }

    #form .back-btn input {
        font-size: 2.8rem;
        border-radius: 35px;
        padding: 20px 0 20px 40px
    }

    #form textarea {
        height: 180px
    }

    #form .inline-text {
        margin-left: 10px
    }

    #form .notes {
        font-size: 1.6rem;
        margin: 30px 0 20px
    }

    #form .postal-code dd {
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    #form .postal-code dd .postal-code-box {
        width: 200px
    }

    #form .postal-code dd .zipButton-box {
        width: 180px
    }

    #form .postal-code dd .zipButton-box button {
        font-size: 1.6rem;
        margin-left: 35px;
        padding: 14px 0 13px;
        height: auto
    }

    #form .postal-code dd .zipButton-box button::before {
        left: 4px;
        top: 4px;
        width: 170px;
        height: 47px
    }

    #form .radio-btn .radio-box {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-bottom: -14px
    }

    #form .radio-btn .radio-box .inputBox {
        display: block;
        padding-left: 30px;
        padding-right: 50px;
        padding-bottom: 14px
    }

    #form .radio-btn .radio-box .inputBox input {
        left: -30px;
        width: 20px;
        height: 20px
    }

    #form .radio-btn .radio-box .inputBox input {
        left: -30px;
        width: 20px;
        height: 20px
    }

    #form .radio-btn .radio-box label {
        position: relative
    }

    #form .radio-btn .radio-box label::before {
        width: 20px;
        height: 20px;
        left: -30px
    }

    #form .radio-btn .radio-box label input:checked+span::after {
        left: -25px;
        width: 10px;
        height: 10px
    }

    #form .radio-btn.sp_yoko2 .inputBox {
        display: inline-block;
        width: auto
    }

    #form .radio-btn.sp_yoko3 .inputBox {
        display: inline-block;
        width: auto
    }

    #form .checkbox .checkbox-box .inputBox {
        margin-right: 48px;
        margin-bottom: 25px;
        width: auto
    }

    #form .checkbox .checkbox-box label {
        padding-right: 0;
        padding-left: 29px;
        line-height: 1.5
    }

    #form .checkbox .checkbox-box label::before {
        left: 0;
        width: 20px;
        height: 20px
    }

    #form .checkbox .checkbox-box label input:checked+span::after {
        left: 2px;
        width: 15px;
        height: 10px
    }

    #form .checkbox .checkbox-box input {
        width: 20px;
        height: 20px
    }

    #form .checkbox .checkbox-box.agree-box label {
        font-size: 1.6rem
    }

    #form .photo-box {
        position: relative
    }

    #form .photo-box .mwform-file-delete {
        left: -20px
    }

    #form .birthday input {
        margin-left: 28px
    }

    #form .birthday .inline-text {
        margin-left: 7px
    }
}

.mw_wp_form_input #form .back-btn {
    display: none
}

.mw_wp_form_confirm #form dl dt {
    padding-top: 0
}

.mw_wp_form_confirm #form .conf-none {
    display: none
}

.mw_wp_form_confirm #form .radio-btn .radio-box .inputBox {
    width: 100%;
    padding-left: 0;
    margin-bottom: 0
}

.mw_wp_form_confirm #form .radio-btn .radio-box .inputBox::before {
    content: none
}

.mw_wp_form_confirm #form .radio-btn .radio-box input:checked+label::after {
    content: none
}

.mw_wp_form_confirm #form .radio-btn input[type=text] {
    margin-top: 0
}

.mw_wp_form_confirm #form .checkbox .checkbox-box .inputBox {
    padding-right: 0;
    margin-bottom: 0;
    width: 100%
}

.mw_wp_form_confirm #form .checkbox .checkbox-box .inputBox::before {
    content: none
}

.mw_wp_form_confirm #form .checkbox .checkbox-box label {
    padding-left: 0
}

.mw_wp_form_confirm #form .checkbox .checkbox-box input:checked+label::after {
    content: none
}

.mw_wp_form_confirm #form .postal-code button {
    display: none
}

.mw_wp_form_confirm #form.recruit-form .inline-text {
    margin-left: 0;
    margin-right: 3.3335%
}

@media screen and (min-width: 1025px) {
    .mw_wp_form_confirm #form dl dt {
        padding-top:0
    }

    .mw_wp_form_confirm #form .conf-none {
        display: none
    }

    .mw_wp_form_confirm #form .radio-btn .radio-box .inputBox {
        width: 100%;
        padding-left: 0;
        margin-bottom: 0
    }

    .mw_wp_form_confirm #form .radio-btn .radio-box .inputBox::before {
        content: none
    }

    .mw_wp_form_confirm #form .radio-btn .radio-box input:checked+label::after {
        content: none
    }

    .mw_wp_form_confirm #form .radio-btn input[type=text] {
        margin-top: 0
    }

    .mw_wp_form_confirm #form .checkbox .checkbox-box .inputBox {
        padding-right: 0;
        margin-bottom: 0;
        width: 100%
    }

    .mw_wp_form_confirm #form .checkbox .checkbox-box .inputBox::before {
        content: none
    }

    .mw_wp_form_confirm #form .checkbox .checkbox-box label {
        padding-left: 0
    }

    .mw_wp_form_confirm #form .checkbox .checkbox-box input:checked+label::after {
        content: none
    }

    .mw_wp_form_confirm #form .postal-code button {
        display: none
    }

    .mw_wp_form_confirm #form.recruit-form .inline-text {
        margin-left: 0;
        margin-right: 7px
    }
}

.loading-box {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    background: url(/wp-content/themes/rezil/assets/sol_images/index/main_mv_pc.jpg) no-repeat center/cover;
    z-index: 99;
    -webkit-transition: 1s;
    transition: 1s
}

.loading-box .main-mv-inner {
    position: relative;
    height: 100%
}

.loading-box .loading-cont {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 60%
}

.loading-box .loading-copy {
    opacity: 0;
    width: 100%;
    margin: auto
}

.loading-box .loading-logo {
    opacity: 0;
    width: 69.405%;
    margin: 20.6% auto 0
}

.loading-box.loading-show .loading-copy {
    opacity: 1;
    -webkit-transition: 1s;
    transition: 1s;
    -webkit-transition-delay: 1s;
    transition-delay: 1s
}

.loading-box.loading-show .loading-logo {
    opacity: 1;
    -webkit-transition: 1s;
    transition: 1s;
    -webkit-transition-delay: 2.4s;
    transition-delay: 2.4s
}

.loading-box.loading-hide {
    opacity: 0;
    -webkit-transition: 1s;
    transition: 1s
}

.loading-box.loading-none {
    display: none
}

@media screen and (min-width: 1025px) {
    .loading-box .loading-copy {
        width:425px
    }

    .loading-box .loading-logo {
        width: 313px;
        margin-top: 70px
    }
}

.wrap {
    width: 85.715%;
    margin: 0 auto
}

@media screen and (min-width: 1025px) {
    .wrap {
        width:100%
    }
}

br.smp {
    display: none
}

.f-vdl {
    font-family: vdl-v7gothic, sans-serif;
    font-style: normal;
    font-weight: 500
}

.f-vdl.weight-l {
    font-weight: 300
}

.f-vdl.weight-m {
    font-weight: 500
}

.f-vdl.weight-b {
    font-weight: 700
}

.f-vdl.weight-eb {
    font-weight: 800
}

.f-int {
    font-family: interstate, sans-serif;
    font-style: normal;
    font-weight: 400
}

.f-int.weight-el {
    font-weight: 300
}

.f-int.weight-l {
    font-weight: 400
}

.f-int.weight-i_l {
    font-weight: 400;
    font-style: italic
}

.f-int.weight-r {
    font-weight: 500
}

.f-int.weight-b {
    font-weight: 700
}

.f-int.weight-black {
    font-weight: 800
}

html.scroll-prevent {
    position: fixed;
    z-index: -1;
    width: 100%;
    height: 100%
}

body {
    font-family: vdl-v7gothic, sans-serif;
    font-style: normal;
    font-weight: 500;
    color: #221815;
    font-size: 3.42857vw;
    line-height: 1
}

@media screen and (min-width: 1025px) {
    body {
        font-size:1.4rem
    }
}

.page-top {
    display: block;
    position: fixed;
    width: 4.167em;
    height: 4.167em;
    right: 0;
    bottom: 0;
    background: #55ae5a;
    z-index: 8
}

.page-top a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%
}

.page-top .icon {
    color: #fff;
    letter-spacing: 0.1em;
    width: 100%;
    height: 74%;
    text-align: center
}

.page-top .icon span {
    display: block;
    width: 21%;
    margin: 0 auto 14%
}

.page-top:hover {
    opacity: 0.7;
    -webkit-transition: 0.4s;
    transition: 0.4s
}

@media screen and (min-width: 1025px) {
    .page-top {
        width:100px;
        height: 100px
    }

    .page-top a {
        font-size: 1.6rem
    }

    .page-top .icon {
        height: auto
    }

    .page-top .icon span {
        width: 21px;
        margin: 0 auto 10px
    }
}

.menu-box {
    position: fixed;
    right: -100%;
    top: 0;
    background: #fff;
    width: 92.858%;
    height: 100%;
    padding: 87px 0 23.71428%;
    overflow: scroll;
    z-index: 11;
    -webkit-transition: 0.6s;
    transition: 0.6s
}

.menu-box.show {
    right: 0;
    -webkit-transition: 0.6s;
    transition: 0.6s
}

.menu-box::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 0.167em;
    height: 76vh;
    background: #00aec4
}

.menu-box .menu-btn {
    position: absolute;
    width: 8.924%;
    top: 2em;
    right: 1.5em
}

.menu-box .menu-inner {
    width: 80%;
    margin: auto
}

.menu-box .menu-ttl {
    display: block;
    color: #00aec4;
    padding-bottom: 15.4%
}

.menu-box .menu-block-ttl {
    color: #00aec4;
    letter-spacing: 0.05em;
    font-size: 4.57143vw;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    border-bottom: 1px solid #888;
    padding-bottom: 5.7%;
    position: relative
}

.menu-box .menu-block-ttl::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 50%;
    height: 1px;
    background: #00aec4
}

.menu-box .menu-block-ttl span {
    display: block
}

.menu-box .menu-block-ttl .icon {
    margin-right: 1.5%
}

.menu-box .menu-list {
    margin-top: 9.6%
}

.menu-box .menu-list li {
    margin-bottom: 7.1%
}

.menu-box .menu-list li:last-child {
    margin-bottom: 0
}

.menu-box .menu-list li a {
    font-size: 4vw;
    letter-spacing: 0.05em;
    padding-bottom: 2%;
    display: inline-block;
    position: relative
}

.menu-box .menu-list li a::before {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 0;
    height: 2px;
    background: #00aec4;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease
}

.menu-box .menu-list li a:hover::before {
    left: 0;
    width: 100%;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease
}

.menu-box .menu-recruit-btn {
    display: block;
    background: #00aec4;
    text-align: center;
    color: #fff;
    border-radius: 30px;
    letter-spacing: 0.05em;
    font-size: 4vw;
    padding: 3.077% 0;
    margin-top: 7.7%;
    border: 1px solid #00aec4;
    position: relative
}

.menu-box .menu-recruit-btn .text {
    position: relative
}

.menu-box .menu-recruit-btn::before {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 0;
    height: 100%;
    background: #fff;
    border-radius: 30px;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease
}

.menu-box .menu-recruit-btn:hover {
    color: #00aec4
}

.menu-box .menu-recruit-btn:hover .arrow {
    right: -6.5%;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease
}

.menu-box .menu-recruit-btn:hover::before {
    left: 0;
    width: 100%;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease
}

.menu-box .menu-recruit-btn .arrow {
    position: absolute;
    top: 50%;
    right: -3.5%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    display: block;
    width: 8%;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease
}

.menu-box .menu-recruit-btn .arrow::before,.menu-box .menu-recruit-btn .arrow::after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%
}

.menu-box .menu-recruit-btn .arrow::before {
    right: 0;
    width: 100%;
    height: 0.0715em;
    background: #000;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.menu-box .menu-recruit-btn .arrow::after {
    right: 0;
    top: 50%;
    width: 0.3em;
    height: 0.3em;
    border-top: 0.0715em solid #000;
    border-right: 0.0715em solid #000;
    -webkit-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg)
}

.menu-box .menu-block.denkihoan-block .menu-block-ttl .icon {
    width: 7.31%
}

.menu-box .menu-block.denkihoan-block .menu-block-ttl .text {
    width: calc(100% - 7.31% - 1.5%)
}

.menu-box .menu-block.denkikouji-block {
    margin-top: 14.4%
}

.menu-box .menu-block.denkikouji-block .menu-block-ttl .icon {
    width: 6.54%
}

.menu-box .menu-block.denkikouji-block .menu-block-ttl .text {
    width: calc(100% - 6.54% - 1.5%)
}

.menu-box .menu-block.outsourcing-block {
    margin-top: 14.4%
}

.menu-box .menu-block.outsourcing-block .menu-block-ttl .icon {
    width: 4.81%
}

.menu-box .menu-block.outsourcing-block .menu-block-ttl .text {
    width: calc(100% - 4.81% - 1.5%)
}

.menu-bg {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.5;
    z-index: 10
}

@media screen and (min-width: 1025px) {
    .menu-box {
        right:0;
        top: -100%;
        width: 100%;
        height: auto;
        padding: 163px 0 93px;
        border: none
    }

    .menu-box::before {
        top: auto;
        bottom: 0;
        width: 50%;
        height: 1px
    }

    .menu-box.show {
        top: 0
    }

    .menu-box .menu-logo {
        width: 140px;
        position: absolute;
        left: 62px;
        top: 44px
    }

    .menu-box .menu-btn {
        width: 38px;
        top: 42px;
        right: 65px;
        cursor: pointer
    }

    .menu-box .menu-inner {
        width: 1000px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .menu-box .menu-ttl {
        display: none
    }

    .menu-box .menu-block-ttl {
        font-size: 2rem;
        padding-bottom: 0;
        border-bottom: none;
        position: relative
    }

    .menu-box .menu-block-ttl::after {
        content: "";
        position: absolute;
        left: 0;
        width: 100%;
        height: 1px;
        background: #888;
        z-index: -1
    }

    .menu-box .menu-block-ttl::before,.menu-box .menu-block-ttl::after {
        bottom: -30px
    }

    .menu-box .menu-block-ttl .icon {
        margin-right: 0;
        position: absolute;
        left: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .menu-box .menu-list {
        margin-top: 30px;
        padding-top: 34px
    }

    .menu-box .menu-list li {
        margin-bottom: 34px
    }

    .menu-box .menu-list li a {
        font-size: 1.6rem;
        padding-bottom: 5px
    }

    .menu-box .menu-recruit-btn {
        width: 270px;
        border-radius: 20px;
        font-size: 1.6rem;
        padding: 12px 0;
        margin-top: 22px
    }

    .menu-box .menu-recruit-btn:hover .arrow {
        right: -17px
    }

    .menu-box .menu-recruit-btn .arrow {
        right: -9px;
        width: 20px
    }

    .menu-box .menu-recruit-btn .arrow::before {
        width: 100%;
        height: 1px
    }

    .menu-box .menu-recruit-btn .arrow::after {
        width: 4px;
        height: 4px;
        border-top: 1px solid #000;
        border-right: 1px solid #000
    }

    .menu-box .menu-block {
        width: 290px
    }

    .menu-box .menu-block.denkihoan-block .menu-block-ttl .icon {
        width: 26px
    }

    .menu-box .menu-block.denkihoan-block .menu-block-ttl .text {
        width: calc(100% - 26px - 10px);
        margin-left: 36px
    }

    .menu-box .menu-block.denkikouji-block {
        margin-top: 0
    }

    .menu-box .menu-block.denkikouji-block .menu-block-ttl .icon {
        width: 26px
    }

    .menu-box .menu-block.denkikouji-block .menu-block-ttl .text {
        width: calc(100% - 26px - 10px);
        margin-left: 36px
    }

    .menu-box .menu-block.outsourcing-block {
        margin-top: 0
    }

    .menu-box .menu-block.outsourcing-block .menu-block-ttl .icon {
        width: 22px
    }

    .menu-box .menu-block.outsourcing-block .menu-block-ttl .text {
        width: calc(100% - 22px - 10px);
        margin-left: 32px
    }
}

.recruit-menu-box {
    position: fixed;
    right: -100%;
    top: 0;
    background: #00aec4;
    background-image: url(/wp-content/themes/rezil/assets/sol_images/page/recruit/common/menu_bg.png);
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: cover;
    width: 100%;
    height: 100%;
    padding: 6.42857% 0 23.71428%;
    overflow: scroll;
    z-index: 11;
    -webkit-transition: 0.6s;
    transition: 0.6s
}

.recruit-menu-box.show {
    right: 0;
    -webkit-transition: 0.6s;
    transition: 0.6s
}

.recruit-menu-box .recruit-header-btn {
    position: absolute;
    width: 8.924%;
    top: 1em;
    right: 1.5em
}

.recruit-menu-box .menu-ttl {
    display: block;
    color: #fff;
    font-size: 4vw;
    letter-spacing: 0.1em;
    padding-bottom: 16.6664%
}

.recruit-menu-box .menu-list li {
    margin-bottom: 7.8334%;
    position: relative
}

.recruit-menu-box .menu-list li::before {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 33.334%;
    height: 1px;
    background: #fff
}

.recruit-menu-box .menu-list li:last-child {
    margin-bottom: 0
}

.recruit-menu-box .menu-list li:last-child::before {
    content: none
}

.recruit-menu-box .menu-list li:last-child a {
    padding-bottom: 0
}

.recruit-menu-box .menu-list li a {
    display: block;
    text-align: center;
    padding-bottom: 7.8334%
}

.recruit-menu-box .menu-list li a span {
    display: block;
    color: #fff
}

.recruit-menu-box .menu-list li a .jp {
    font-size: 4.57143vw;
    letter-spacing: 0.075em
}

.recruit-menu-box .menu-list li a .en {
    letter-spacing: 0.1em;
    margin-top: 2.833%
}

.contact-fixed-btn {
    position: fixed;
    left: 0;
    bottom: 0;
    width: calc(100% - 4.167em);
    height: 4.167em;
    z-index: 8
}

.contact-fixed-btn a {
    display: block;
    background: #cccccc;
    height: 100%;
    -webkit-transition: 0.4s;
    transition: 0.4s
}

.contact-fixed-btn a .contact-fixed-btn-inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    height: 100%;
    padding-left: 8.4%
}

.contact-fixed-btn a span {
    display: inline-block;
    vertical-align: middle;
    color: #fff
}

.contact-fixed-btn a .sp {
    width: 100%
}

.contact-fixed-btn a .jp {
    letter-spacing: 0.08em;
    margin-right: 2.7%;
    margin-top: 1%
}

.contact-fixed-btn a .en {
    font-size: 7.14286vw;
    letter-spacing: 0.05em;
    font-weight: 500
}

.contact-fixed-btn a .arrow {
    position: absolute;
    top: 50%;
    right: 7%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    display: block;
    width: 7.67%;
    -webkit-transition: 0.4s;
    transition: 0.4s
}

.contact-fixed-btn a .arrow::before,.contact-fixed-btn a .arrow::after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%
}

.contact-fixed-btn a .arrow::before {
    right: 0;
    width: 100%;
    height: 0.0834em;
    background: #fff;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.contact-fixed-btn a .arrow::after {
    right: 0;
    top: 50%;
    width: 0.3em;
    height: 0.3em;
    border-top: 0.0834em solid #fff;
    border-right: 0.0834em solid #fff;
    -webkit-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg)
}

.contact-fixed-btn a:hover {
    opacity: 0.7;
    -webkit-transition: 0.4s;
    transition: 0.4s
}

.contact-fixed-btn.security_management-btn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.contact-fixed-btn.security_management-btn a {
    width: 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.contact-fixed-btn.security_management-btn a .contact-fixed-btn-inner {
    display: block;
    text-align: center;
    height: auto;
    padding: 0
}

.contact-fixed-btn.security_management-btn a .en {
    font-size: 4.14286vw;
    letter-spacing: 0.1em;
    font-weight: 500
}

.contact-fixed-btn.security_management-btn a .jp {
    font-size: 2vw;
    letter-spacing: 0.025em;
    margin-right: 0;
    margin-top: 1%
}

.contact-fixed-btn.security_management-btn a:nth-child(2) {
    background: #00aec4
}

.contact-fixed-btn.entry-btn a .jp {
    margin-right: 4.7%
}

.contact-fixed-btn.entry-btn a .en {
    letter-spacing: 0.15em
}

@media screen and (min-width: 1025px) {
    .contact-fixed-btn {
        left:auto;
        right: 100px;
        width: 300px;
        height: 100px
    }

    .contact-fixed-btn a {
        text-align: center
    }

    .contact-fixed-btn a .contact-fixed-btn-inner {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding-left: 0
    }

    .contact-fixed-btn a span {
        display: block;
        width: 100%
    }

    .contact-fixed-btn a .jp {
        font-size: 1.2rem;
        letter-spacing: 0.025em;
        margin-right: 0;
        margin-top: 6px
    }

    .contact-fixed-btn a .en {
        font-size: 2.4rem;
        letter-spacing: 0.1em
    }

    .contact-fixed-btn a .arrow {
        display: none
    }

    .contact-fixed-btn.security_management-btn {
        width: 360px
    }

    .contact-fixed-btn.security_management-btn a {
        width: 50%;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .contact-fixed-btn.security_management-btn a .contact-fixed-btn-inner {
        display: block;
        text-align: center;
        height: auto;
        padding: 0
    }

    .contact-fixed-btn.security_management-btn a .en {
        font-size: 2.4rem
    }

    .contact-fixed-btn.security_management-btn a .jp {
        font-size: 1.2rem;
        margin-top: 6px
    }

    .contact-fixed-btn.entry-btn a .jp {
        display: none
    }

    .contact-fixed-btn.entry-btn a .en {
        font-size: 2.8rem
    }
}

@media screen and (min-width: 1025px) {
    .customer-fixed-login {
        position:fixed;
        right: 0;
        top: 240px;
        width: 150px;
        background: #00aec4;
        padding: 12px 12px 20px;
        border-radius: 10px 0 0 10px
    }

    .customer-fixed-login .img-box {
        width: 50px;
        margin-left: 42px
    }

    .customer-fixed-login .text {
        text-align: center;
        margin-top: 10px
    }

    .customer-fixed-login .text span {
        display: block;
        color: #fff
    }

    .customer-fixed-login .text .en {
        font-size: 1rem;
        letter-spacing: 0.125em;
        margin-top: 3px
    }

    .customer-fixed-login a {
        display: block;
        width: 110px;
        text-align: center;
        background: #fff;
        color: #00aec4;
        border: 1px solid #fff;
        font-size: 1.2rem;
        letter-spacing: 0.125em;
        border-radius: 5px;
        padding: 4px 0 5px;
        margin: 10px auto 0;
        -webkit-transition: 0.4s;
        transition: 0.4s
    }

    .customer-fixed-login a:hover {
        background: #00aec4;
        color: #fff;
        -webkit-transition: 0.4s;
        transition: 0.4s
    }
}

@media screen and (min-width: 1025px) {
    .btm-contact-box-wrap {
        background:#cccccc;
        padding: 90px 0 80px
    }

    .btm-contact-box-wrap .btm-contact-ttl {
        text-align: center
    }

    .btm-contact-box-wrap .btm-contact-ttl span {
        display: block;
        color: #fff
    }

    .btm-contact-box-wrap .btm-contact-ttl .jp {
        font-size: 3.2rem;
        letter-spacing: 0.1em;
        margin-top: 0
    }

    .btm-contact-box-wrap .btm-contact-ttl .en {
        letter-spacing: 0.1em;
        margin-top: 16px
    }

    .btm-contact-box-wrap .btm-contact-btn {
        display: block;
        width: 450px;
        margin: 45px auto 0;
        border: 1px solid #fff;
        border-radius: 33px;
        color: #fff;
        font-weight: bold;
        letter-spacing: 0.1em;
        font-size: 2.0rem;
        text-align: center;
        padding: 17px 0 18px;
        -webkit-transition: all 0.4s ease;
        transition: all 0.4s ease
    }

    .btm-contact-box-wrap .btm-contact-btn:hover {
        letter-spacing: 0.2em;
        opacity: 0.6;
        -webkit-transition: all 0.4s ease;
        transition: all 0.4s ease
    }
}

.btm-session-box-wrap {
    padding: 14.28571% 0
}

.btm-session-box-wrap .btm-session-ttl {
    font-size: 5.71429vw;
    letter-spacing: 0.1em;
    text-align: center;
    color: #cccccc;
    border-bottom: 1px solid #cccccc;
    padding-bottom: 5.5%
}

.btm-session-box-wrap .btm-session-cont {
    margin-top: 11.3332%
}

.btm-session-box-wrap .btm-session-cont .tel-box .tel-box-item {
    margin-bottom: 10.3334%
}

.btm-session-box-wrap .btm-session-cont .tel-box .tel-box-item:last-child {
    margin-bottom: 0
}

.btm-session-box-wrap .btm-session-cont .tel-box .tel-box-item:last-child .tel-box-ttl {
    background: #cccccc;
    color: #fff
}

.btm-session-box-wrap .btm-session-cont .tel-box .tel-box-ttl {
    width: 60%;
    font-size: 4vw;
    letter-spacing: 0.1em;
    text-align: center;
    color: #cccccc;
    margin: auto;
    border: 1px solid #cccccc;
    border-radius: 4em;
    padding: 2.5% 0
}

.btm-session-box-wrap .btm-session-cont .tel-box a {
    display: block
}

.btm-session-box-wrap .btm-session-cont .tel-box a {
    font-size: 8.85714vw;
    color: #cccccc;
    text-align: center;
    font-weight: 500;
    margin-top: 3.333%
}

.btm-session-box-wrap .btm-session-cont .tel-box .business-hours {
    letter-spacing: 0.1em;
    text-align: center;
    margin-top: 6.1667%;
    line-height: 1.6
}

@media screen and (min-width: 1025px) {
    .btm-session-box-wrap {
        padding:100px 0
    }

    .btm-session-box-wrap .btm-session-ttl {
        font-size: 3.2rem;
        border-bottom: none;
        padding-bottom: 0
    }

    .btm-session-box-wrap .btm-session-cont {
        margin-top: 3px
    }

    .btm-session-box-wrap .btm-session-cont .tel-box {
        width: 100%;
        border-right: none;
        padding: 37px 0
    }

    .btm-session-box-wrap .btm-session-cont .tel-box .tel-box-inner {
        width: 100%;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: stretch;
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .btm-session-box-wrap .btm-session-cont .tel-box .tel-box-item {
        width: 50%;
        padding: 24px 0;
        margin-bottom: 0
    }

    .btm-session-box-wrap .btm-session-cont .tel-box .tel-box-item:nth-child(1) {
        border-right: 1px solid #cccccc
    }

    .btm-session-box-wrap .btm-session-cont .tel-box .tel-box-ttl {
        font-size: 2rem;
        width: 300px;
        padding: 9px 0
    }

    .btm-session-box-wrap .btm-session-cont .tel-box a {
        font-size: 4.8rem;
        margin-top: 20px
    }

    .btm-session-box-wrap .btm-session-cont .tel-box span {
        font-size: 1.4rem;
        margin-top: 9px
    }

    .btm-session-box-wrap .btm-session-cont .tel-box .business-hours {
        margin-top: 20px
    }

    .btm-session-box-wrap .btm-session-cont .contact-box {
        width: 100%;
        border: 1px solid #cccccc;
        border-left: none;
        background: #cccccc;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding: 37px 0
    }

    .btm-session-box-wrap .btm-session-cont .contact-box .contact-box-inner {
        width: 100%
    }

    .btm-session-box-wrap .btm-session-cont .contact-box .contact-box-ttl {
        letter-spacing: 0.1em;
        text-align: center;
        font-size: 2rem;
        color: #fff
    }

    .btm-session-box-wrap .btm-session-cont .contact-box a {
        display: block;
        text-align: center;
        letter-spacing: 0.1em;
        color: #fff;
        font-size: 2.8rem;
        border: 1px solid #fff;
        width: 400px;
        margin: 30px auto 0;
        padding: 17px 0;
        -webkit-transition: 0.4s;
        transition: 0.4s
    }

    .btm-session-box-wrap .btm-session-cont .contact-box a:hover {
        background: #fff;
        color: #cccccc;
        -webkit-transition: 0.4s;
        transition: 0.4s
    }
}

.pagenavi {
    text-align: center
}

.pagenavi a,.pagenavi .current {
    font-size: 4.5vw;
    width: 1.3334em;
    height: 1.3334em;
    border-radius: 50%;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    font-family: interstate, sans-serif;
    font-weight: 400;
    margin: 0 2%;
    -webkit-transition: 0.3s;
    transition: 0.3s
}

.pagenavi a span,.pagenavi .current span {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%
}

.pagenavi a:hover {
    background: #00aec4;
    color: #fff;
    -webkit-transition: 0.3s;
    transition: 0.3s
}

.pagenavi .prev,.pagenavi .next {
    width: 0.5em;
    height: 0.5em;
    border-radius: 0;
    position: relative;
    -webkit-transition: 0.3s;
    transition: 0.3s
}

.pagenavi .prev::before,.pagenavi .next::before {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    border-right: 1px solid #000;
    border-top: 1px solid #000
}

.pagenavi .prev:hover,.pagenavi .next:hover {
    background: none;
    opacity: 0.5;
    -webkit-transition: 0.3s;
    transition: 0.3s
}

.pagenavi .prev {
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg)
}

.pagenavi .next {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.pagenavi .current {
    background: #00aec4;
    color: #fff
}

.outsourcing-pagenavi .pagenavi a:hover {
    background: #ff5622
}

.outsourcing-pagenavi .pagenavi .current {
    background: #ff5622
}

.outsourcing-pagenavi .pagenavi .prev:hover,.outsourcing-pagenavi .pagenavi .next:hover {
    background: none
}

@media screen and (min-width: 1025px) {
    .pagenavi a,.pagenavi .current {
        font-size:1.8rem;
        width: 24px;
        height: 24px;
        margin: 0 14px
    }

    .pagenavi .prev,.pagenavi .next {
        width: 11px;
        height: 11px
    }
}

/*# sourceMappingURL=common.css.map */
#security_management-mv {
    background: url(/wp-content/themes/rezil/assets/sol_images/page/security_management/index/mv_sp.jpg) no-repeat center/cover;
    height: 20.8334em
}

#security_management-mv .security_management-mv-inner {
    position: relative;
    height: 100%
}

#security_management-mv .security_management-mv-copy {
    position: absolute;
    width: 60.667%;
    bottom: 0;
    right: 0;
    padding: 6.3% 0 0 6%;
    z-index: 0
}

#security_management-mv .security_management-mv-copy::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100vw;
    height: 100%;
    background: #fff;
    z-index: -1
}

#security_management-mv .security_management-mv-copy::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 0.715vw;
    height: 100%;
    background: #00aec4
}

#security_management-mv .security_management-mv-copy span {
    display: block
}

#security_management-mv .security_management-mv-copy .jp {
    font-size: 5.14286vw;
    letter-spacing: 0.1em
}

#security_management-mv .security_management-mv-copy .en {
    font-size: 2vw;
    letter-spacing: 0.1em;
    margin-top: 7%
}

@media screen and (min-width: 1025px) {
    #security_management-mv {
        background:url(/wp-content/themes/rezil/assets/sol_images/page/security_management/index/mv_pc.jpg) no-repeat center/cover;
        height: 500px
    }

    #security_management-mv .security_management-mv-copy {
        width: 360px;
        padding: 34px 0 0 40px
    }

    #security_management-mv .security_management-mv-copy::after {
        width: 5px
    }

    #security_management-mv .security_management-mv-copy .jp {
        font-size: 3.6rem;
        letter-spacing: 0.05em
    }

    #security_management-mv .security_management-mv-copy .en {
        font-size: 1.7rem;
        letter-spacing: 0.075em;
        margin-top: 13px
    }
}

#index-security_management01 {
    position: relative;
    padding: 18.57142% 0 14.28571%
}

#index-security_management01::before {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 85.715%;
    height: 1px;
    background: #eceff1
}

#index-security_management01 .security_management01-inner {
    margin-bottom: 11.42857%;
    position: relative;
    z-index: 0
}

#index-security_management01 .security_management01-inner:last-child {
    margin-bottom: 0
}

#index-security_management01 .security_management01-inner::before {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 50%;
    height: 82.077%;
    background: #eceff1;
    z-index: -1
}

#index-security_management01 .security_management01-inner .security_management01-cont .img-box {
    width: 91.667%;
    margin-left: auto
}

#index-security_management01 .security_management01-inner .security_management01-cont .text-box {
    width: 91.667%;
    margin-top: -8.3332%;
    padding: 10% 15% 6.6667% 0;
    background: #fff;
    position: relative
}

#index-security_management01 .security_management01-inner .security_management01-cont .text-box::before,#index-security_management01 .security_management01-inner .security_management01-cont .text-box::after {
    content: "";
    position: absolute;
    right: 5.5%;
    width: 0.417em;
    top: 4%
}

#index-security_management01 .security_management01-inner .security_management01-cont .text-box::before {
    height: 4.5001em;
    background: #00aec4;
    z-index: 2
}

#index-security_management01 .security_management01-inner .security_management01-cont .text-box::after {
    height: 85.55%;
    background: #f7f7f7;
    z-index: 1
}

#index-security_management01 .security_management01-inner .security_management01-cont .text-box .ttl span {
    display: block
}

#index-security_management01 .security_management01-inner .security_management01-cont .text-box .ttl .jp {
    font-size: 4.57143vw;
    letter-spacing: 0.05em
}

#index-security_management01 .security_management01-inner .security_management01-cont .text-box .ttl .en {
    font-size: 2vw;
    letter-spacing: 0.125em;
    margin-top: 7%
}

#index-security_management01 .security_management01-inner .security_management01-cont .text-box .text {
    letter-spacing: 0.1em;
    line-height: 1.7;
    font-weight: 300;
    margin-top: 10.86956%
}

#index-security_management01 .security_management01-inner.reverse::before {
    left: 0
}

#index-security_management01 .security_management01-inner.reverse .security_management01-cont .img-box {
    margin-left: 0
}

#index-security_management01 .security_management01-inner.reverse .security_management01-cont .text-box {
    margin-left: auto;
    padding: 10% 0 6.6667% 15%
}

#index-security_management01 .security_management01-inner.reverse .security_management01-cont .text-box::before,#index-security_management01 .security_management01-inner.reverse .security_management01-cont .text-box::after {
    right: auto;
    left: 5.5%
}

#index-security_management01 .security_management01-inner.reverse .security_management01-cont .text-box::after {
    height: 88%
}

@media screen and (min-width: 1025px) {
    #index-security_management01 {
        padding:150px 0 116px
    }

    #index-security_management01::before {
        content: none
    }

    #index-security_management01 .security_management01-inner {
        margin-bottom: 100px
    }

    #index-security_management01 .security_management01-inner::before {
        width: calc(50% + 140px);
        height: 426px
    }

    #index-security_management01 .security_management01-inner .security_management01-cont {
        padding-bottom: 100px;
        position: relative
    }

    #index-security_management01 .security_management01-inner .security_management01-cont .img-box {
        width: 840px
    }

    #index-security_management01 .security_management01-inner .security_management01-cont .text-box {
        width: 360px;
        margin-top: 0;
        padding: 70px 80px 66px 0;
        position: absolute;
        left: 0;
        bottom: 0
    }

    #index-security_management01 .security_management01-inner .security_management01-cont .text-box::before,#index-security_management01 .security_management01-inner .security_management01-cont .text-box::after {
        right: 30px;
        width: 10px;
        top: 30px
    }

    #index-security_management01 .security_management01-inner .security_management01-cont .text-box::before {
        height: 95px
    }

    #index-security_management01 .security_management01-inner .security_management01-cont .text-box::after {
        height: calc(85% - 30px)
    }

    #index-security_management01 .security_management01-inner .security_management01-cont .text-box .ttl .jp {
        font-size: 3.2rem
    }

    #index-security_management01 .security_management01-inner .security_management01-cont .text-box .ttl .en {
        font-size: 1.4rem;
        margin-top: 12px
    }

    #index-security_management01 .security_management01-inner .security_management01-cont .text-box .text {
        line-height: 24px;
        margin-top: 45px;
        font-size: 14px;
    }

    #index-security_management01 .security_management01-inner.reverse .security_management01-cont .text-box {
        left: auto;
        right: 0;
        padding: 70px 0 66px 80px
    }

    #index-security_management01 .security_management01-inner.reverse .security_management01-cont .text-box::before,#index-security_management01 .security_management01-inner.reverse .security_management01-cont .text-box::after {
        right: auto;
        left: 30px
    }
}

#index-security_management02 {
    padding: 13.428571% 0 13%
}

#index-security_management02 .security_management02-ttl-box {
    padding: 6% 0 0 10%;
    position: relative
}

#index-security_management02 .security_management02-ttl-box::before,#index-security_management02 .security_management02-ttl-box::after {
    content: "";
    position: absolute;
    left: 0;
    width: 0.417em;
    top: 0
}

#index-security_management02 .security_management02-ttl-box::before {
    height: 4.5001em;
    background: #00aec4;
    z-index: 2
}

#index-security_management02 .security_management02-ttl-box::after {
    height: 98%;
    background: #f7f7f7;
    z-index: 1
}

#index-security_management02 .security_management02-ttl-box .ttl span {
    display: block
}

#index-security_management02 .security_management02-ttl-box .ttl .jp {
    font-size: 4.57143vw;
    letter-spacing: 0.05em
}

#index-security_management02 .security_management02-ttl-box .ttl .en {
    font-size: 2vw;
    letter-spacing: 0.125em;
    margin-top: 7%
}

#index-security_management02 .security_management02-ttl-box .text {
    letter-spacing: 0.1em;
    line-height: 1.7;
    font-weight: 300;
    margin-top: 8.5%
}

#index-security_management02 .security_management02-cont-wrap {
    padding-top: 10%
}

#index-security_management02 .security_management02-cont {
    margin-bottom: 11.666%;
    position: relative;
    z-index: 0
}

#index-security_management02 .security_management02-cont:last-child {
    margin-bottom: 0
}

#index-security_management02 .security_management02-cont .bg-item {
    position: absolute;
    left: -8.3332%;
    top: 0;
    width: 55%;
    height: 29em;
    background: #eceff1;
    z-index: -1
}

#index-security_management02 .security_management02-cont .bg-item::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 50%;
    height: 0.1251em;
    background: #00aec4
}

#index-security_management02 .security_management02-cont .ttl-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-top: 12.3334%
}

#index-security_management02 .security_management02-cont .ttl-box .ttl {
    font-size: 4.57143vw;
    letter-spacing: 0.05em
}

#index-security_management02 .security_management02-cont .ttl-box .number {
    width: 34.667%;
    background: #00aec4;
    color: #fff;
    padding: 1.303% 3% 0.7%
}

#index-security_management02 .security_management02-cont .img-box {
    margin-top: 8.3332%
}

#index-security_management02 .security_management02-cont .text {
    line-height: 1.7;
    letter-spacing: 0.1em;
    font-weight: 300;
    margin-top: 6.6667%
}

@media screen and (min-width: 1025px) {
    #index-security_management02 {
        padding:90px 0 95px
    }

    #index-security_management02 .security_management02-ttl-box {
        width: 50%;
        padding: 40px 0 0 50px
    }

    #index-security_management02 .security_management02-ttl-box::before,#index-security_management02 .security_management02-ttl-box::after {
        width: 10px
    }

    #index-security_management02 .security_management02-ttl-box::before {
        height: 95px
    }

    #index-security_management02 .security_management02-ttl-box::after {
        height: 242px
    }

    #index-security_management02 .security_management02-ttl-box .ttl .jp {
        font-size: 3.2rem
    }

    #index-security_management02 .security_management02-ttl-box .ttl .en {
        font-size: 1.4rem;
        margin-top: 12px
    }

    #index-security_management02 .security_management02-ttl-box .text {
        width: 86%;
        line-height: 24px;
        margin-top: 28px;
        font-size: 14px;
    }

    #index-security_management02 .security_management02-cont-wrap {
        padding-top: 64px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    #index-security_management02 .security_management02-cont {
        width: 50%;
        padding-left: 50px;
        margin-bottom: 65px
    }

    #index-security_management02 .security_management02-cont .bg-item {
        left: 0;
        width: 240px;
        height: 500px
    }

    #index-security_management02 .security_management02-cont .bg-item::before {
        height: 1px
    }

    #index-security_management02 .security_management02-cont .ttl-box {
        padding-top: 74px
    }

    #index-security_management02 .security_management02-cont .ttl-box .ttl {
        font-size: 2.4rem
    }

    #index-security_management02 .security_management02-cont .ttl-box .number {
        width: 130px;
        font-size: 1.6rem;
        padding: 5px 0 3px 11px
    }

    #index-security_management02 .security_management02-cont .img-box {
        margin-top: 40px
    }

    #index-security_management02 .security_management02-cont .text {
        width: 89%;
        line-height: 24px;
        margin-top: 25px;
        font-size: 14px;
    }

    #index-security_management02 .security_management02-cont:nth-child(2) {
        margin-top: -173px
    }

    #index-security_management02 .security_management02-cont:nth-child(3) {
        margin-bottom: 0
    }

    #index-security_management02 .security_management02-cont:nth-child(4) {
        margin-top: -145px
    }
}

#index-security_management03 {
    background: #f7f7f7;
    padding: 0 0 14.28571%
}

#index-security_management03 .security_management03-ttl {
    font-size: 5.71429vw;
    text-align: center;
    letter-spacing: 0.1em
}

#index-security_management03 .security_management03-text {
    letter-spacing: 0.1em;
    line-height: 1.7;
    font-weight: 300;
    margin-top: 11.666%
}

#index-security_management03 .security_management03-inner {
    padding-top: 16.6664%;
    position: relative;
    z-index: 0
}

#index-security_management03 .bg-copy {
    color: #fff;
    font-size: 14.28571vw;
    font-weight: 500;
    position: absolute;
    left: -10%;
    top: -0.18em;
    z-index: -1
}

#index-security_management03 .security_management03-box-wrap {
    margin-top: 12%
}

#index-security_management03 .security_management03-box {
    margin-bottom: 13.3334%
}

#index-security_management03 .security_management03-box:last-child {
    margin-bottom: 0
}

#index-security_management03 .security_management03-box .img-box {
    width: 116.6667%;
    margin-left: -8.3332%
}

#index-security_management03 .security_management03-box .text-box {
    background: #fff;
    margin-top: -16.6664%;
    padding: 8.3332%;
    position: relative
}

#index-security_management03 .security_management03-box .text-box .icon {
    display: block;
    width: 6%;
    margin: auto;
    padding-bottom: 8%;
    position: relative
}

#index-security_management03 .security_management03-box .text-box .icon::before {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 1px;
    height: 42.66%;
    background: #00aec4
}

#index-security_management03 .security_management03-box .text-box .ttl {
    font-size: 4.57143vw;
    text-align: center;
    color: #00aec4;
    letter-spacing: 0.2em;
    margin-top: 5%
}

#index-security_management03 .security_management03-box .text-box .text {
    line-height: 1.7;
    letter-spacing: 0.1em;
    font-weight: 300;
    margin-top: 5%;
    padding-bottom: 8%;
    position: relative
}

#index-security_management03 .security_management03-box .text-box .text::before,#index-security_management03 .security_management03-box .text-box .text::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 5px
}

#index-security_management03 .security_management03-box .text-box .text::before {
    width: 50%;
    background: #00aec4;
    z-index: 1
}

#index-security_management03 .security_management03-box .text-box .text::after {
    width: 100%;
    background: #f7f7f7;
    z-index: 0
}

@media screen and (min-width: 1025px) {
    #index-security_management03 {
        padding:0 0 100px
    }

    #index-security_management03 .security_management03-ttl {
        font-size: 3.2rem;
        letter-spacing: 0.05em
    }

    #index-security_management03 .security_management03-text {
        width: 700px;
        margin: 45px auto 0;
        line-height: 24px;
        font-size: 14px;
    }

    #index-security_management03 .security_management03-inner {
        padding-top: 100px
    }

    #index-security_management03 .bg-copy {
        font-size: 10rem;
        left: auto;
        right: -145px;
        top: -17px
    }

    #index-security_management03 .security_management03-box-wrap {
        margin-top: 65px
    }

    #index-security_management03 .security_management03-box {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: end;
        -webkit-align-items: flex-end;
        -ms-flex-align: end;
        align-items: flex-end;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-bottom: 70px
    }

    #index-security_management03 .security_management03-box .img-box {
        width: 840px;
        margin-left: 0;
        position: relative
    }

    #index-security_management03 .security_management03-box .text-box {
        background: #fff;
        margin-top: 0;
        padding: 60px 70px 50px;
        position: relative
    }

    #index-security_management03 .security_management03-box .text-box .icon {
        width: 24px;
        padding-bottom: 40px
    }

    #index-security_management03 .security_management03-box .text-box .icon::before {
        height: 30px
    }

    #index-security_management03 .security_management03-box .text-box .ttl {
        font-size: 2.4rem;
        margin-top: 25px
    }

    #index-security_management03 .security_management03-box .text-box .text {
        line-height: 24px;
        font-weight: 300;
        margin-top: 35px;
        padding-bottom: 50px;
        font-size: 14px;
    }

    #index-security_management03 .security_management03-box:nth-child(1) .img-box {
        margin-left: -100px;
        right: -100px;
        margin-bottom: 65px
    }

    #index-security_management03 .security_management03-box:nth-child(1) .text-box {
        width: 400px
    }

    #index-security_management03 .security_management03-box:nth-child(2) .img-box {
        margin-right: -240px;
        left: -100px;
        margin-bottom: 88px;
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2
    }

    #index-security_management03 .security_management03-box:nth-child(2) .text-box {
        width: 600px;
        margin-left: -200px;
        right: -140px;
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1
    }

    #index-security_management03 .security_management03-box:nth-child(3) .img-box {
        margin-left: -340px;
        right: -200px;
        margin-bottom: 111px
    }

    #index-security_management03 .security_management03-box:nth-child(3) .text-box {
        width: 500px;
        margin-right: -50px
    }
}

#index-security_management04 {
    padding: 14.28571% 0
}

#index-security_management04 .security_management04-ttl-box .box-inner {
    padding-left: 7.666%;
    position: relative
}

#index-security_management04 .security_management04-ttl-box .box-inner::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 0.6251em;
    height: 100%;
    background: #00aec4
}

#index-security_management04 .security_management04-ttl-box .ttl {
    width: 81.948%
}

#index-security_management04 .security_management04-ttl-box .text {
    line-height: 1.7;
    letter-spacing: 0.1em;
    font-weight: 300;
    margin-top: 7%
}

#index-security_management04 .security_management04-ttl-box .btn-box {
    width: 75%;
    margin: 15.1668% auto 0
}

#index-security_management04 .security_management04-ttl-box .btn-box a {
    display: block;
    color: #fff;
    background: #595757;
    letter-spacing: 0.1em;
    text-align: center;
    border-radius: 32px;
    padding: 4.334%;
    position: relative
}

#index-security_management04 .security_management04-ttl-box .btn-box a::before {
    content: "";
    position: absolute;
    right: 7.5%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background: url(/wp-content/themes/rezil/assets/sol_images/page/security_management/index/pdf_icon_white.svg) no-repeat center/cover;
    width: 1.9em;
    height: 1.2084em
}

@media screen and (min-width: 1025px) {
    #index-security_management04 {
        padding:100px 0
    }

    #index-security_management04 .security_management04-ttl-box .box-inner {
        padding-left: 45px
    }

    #index-security_management04 .security_management04-ttl-box .box-inner::before {
        width: 15px
    }

    #index-security_management04 .security_management04-ttl-box .ttl {
        width: 297px
    }

    #index-security_management04 .security_management04-ttl-box .text {
        width: 68%;
        line-height: 24px;
        margin-top: 35px;
        font-size: 14px;
    }

    #index-security_management04 .security_management04-cont {
        position: relative;
        margin-top: 65px
    }

    #index-security_management04 .security_management04-cont a {
        position: absolute;
        display: block;
        width: 140px;
        color: #fff;
        background: #595757;
        font-size: 1.2rem;
        letter-spacing: 0.1em;
        text-align: center;
        border-radius: 15px;
        padding: 8px 0;
        border: 1px solid #595757;
        -webkit-transition: 0.4s;
        transition: 0.4s
    }

    #index-security_management04 .security_management04-cont a:hover {
        color: #595757;
        background: #fff;
        -webkit-transition: 0.4s;
        transition: 0.4s
    }

    #index-security_management04 .security_management04-cont .chuodenryoku-link {
        left: 234px;
        top: 43px
    }

    #index-security_management04 .security_management04-cont .solution-link {
        right: 50px;
        top: 35px
    }

    #index-security_management04 .security_management04-cont .hoan-link {
        right: 50px;
        top: 86px
    }
}

#index-security_management05 {
    background: #f7f7f7;
    padding: 14.28571% 0
}

#index-security_management05 .security_management05-ttl span {
    display: block;
    text-align: center
}

#index-security_management05 .security_management05-ttl .jp {
    font-size: 5.14286vw;
    letter-spacing: 0.05em;
    position: relative
}

#index-security_management05 .security_management05-ttl .en {
    letter-spacing: 0.125em;
    margin-top: 4.3334%
}

#index-security_management05 .area-box-wrap {
    margin-top: 13.3334%
}

#index-security_management05 .area-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

#index-security_management05 .area-box .text-box {
    width: 38.3334%;
    padding-top: 13.3334%
}

#index-security_management05 .area-box .text-box .area-ttl {
    width: 78.261%;
    letter-spacing: 0.05em;
    color: #fff;
    background: #00aec4;
    text-align: center;
    padding: 8% 0
}

#index-security_management05 .area-box .text-box .area-text {
    line-height: 1.7;
    letter-spacing: 0.05em;
    margin-top: 9.13043%
}

#index-security_management05 .area-box .img-box {
    position: relative;
    width: 63.3334%
}

#index-security_management05 .area-box .img-box span {
    position: absolute;
    font-size: 2vw;
    color: #fff;
    letter-spacing: 0.05em
}

#index-security_management05 .area-box .img-box .saitama {
    left: 31%;
    top: 47%
}

#index-security_management05 .area-box .img-box .tokyo {
    left: 38%;
    top: 61%
}

#index-security_management05 .area-box .img-box .kanagawa {
    left: 30%;
    bottom: 21%
}

#index-security_management05 .area-box .img-box .chiba {
    right: 26%;
    bottom: 16%
}

#index-security_management05 .area-box .img-box .hyogo {
    left: 17%;
    top: 31%
}

#index-security_management05 .area-box .img-box .kyoto {
    left: 51%;
    top: 22%
}

#index-security_management05 .area-box .img-box .shiga {
    right: 9%;
    top: 23%
}

#index-security_management05 .area-box .img-box .osaka {
    left: 55%;
    top: 44%
}

#index-security_management05 .area-box .img-box .nara {
    right: 21%;
    bottom: 33%
}

#index-security_management05 .area-box .img-box .wakayama {
    right: 25%;
    bottom: 6%
}

#index-security_management05 .area-box:nth-child(1) .text-box .area-ttl {
    background: #00aec4
}

#index-security_management05 .area-box:nth-child(1) .img-box {
    margin-left: -2%
}

#index-security_management05 .area-box:nth-child(2) {
    margin-top: 8.3332%
}

#index-security_management05 .area-box:nth-child(2) .img-box {
    width: 55.167%
}

#index-security_management05 .area-notes {
    text-align: center;
    font-size: 2vw;
    letter-spacing: 0.05em;
    font-weight: 300;
    margin-top: 8.3332%
}

@media screen and (min-width: 1025px) {
    #index-security_management05 {
        padding:100px 0
    }

    #index-security_management05 .security_management05-ttl .jp {
        font-size: 3.2rem
    }

    #index-security_management05 .security_management05-ttl .en {
        margin-top: 17px
    }

    #index-security_management05 .area-box-wrap {
        margin-top: 60px;
        padding:10px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    #index-security_management05 .area-box .text-box {
        width: 135px;
        padding-top: 22px
    }

    #index-security_management05 .area-box .text-box .area-ttl {
        width: 120px;
        font-size: 1.6rem;
        padding: 12px 0
    }

    #index-security_management05 .area-box .text-box .area-text {
        line-height: 24px;
        margin-top: 21px
    }

    #index-security_management05 .area-box .img-box {
        width: 63.3334%
    }

    #index-security_management05 .area-box .img-box span {
        font-size: 1.4rem
    }

    #index-security_management05 .area-box .img-box .osaka {
        left: 54%;
        top: 45%
    }

    #index-security_management05 .area-box:nth-child(1) {
        width: 470px
    }

    #index-security_management05 .area-box:nth-child(1) .img-box {
        width: 321px;
        margin-left: 0
    }

    #index-security_management05 .area-box:nth-child(2) {
        width: 440px;
        margin-top: 0
    }

    #index-security_management05 .area-box:nth-child(2) .img-box {
        width: 280px
    }

    #index-security_management05 .area-notes {
        font-size: 1.2rem;
        margin-top: 57px
    }
}

#index-security_management06 {
    background: #00aec4;
    padding: 0 0 60px 0;
}

#index-security_management06 .security_management06-ttl {
    width: 82.334%;
    margin: auto
}

#index-security_management06 .img-box {
    #width: 108.334%;
    #margin-top: 13.3334%
}

#index-security_management06 .text-box-wrap {
    width: 85%;
    margin: 40px auto 0
}

#index-security_management06 .text-box .sttl {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

#index-security_management06 .text-box .sttl span {
    display: block
}

#index-security_management06 .text-box .sttl .jp {
    font-size: 7.42857vw;
    line-height: 1.32;
    letter-spacing: 0.1em;
    color: #fff;
    font-weight: 500;
    margin-right: 3%;
    width: 100%
}

#index-security_management06 .text-box .sttl .en {
    letter-spacing: 0.1em;
    color: #fff;
    line-height: 1.6;
    width: 37%
}

#index-security_management06 .text-box .text {
    line-height: 1.7;
    letter-spacing: 0.1em;
    color: #fff;
    font-weight: 300;
    margin-top: 6.274509%
}

#index-security_management06 .common-btn {
    margin-top: 9.8039%;
    width: 44.12%
}

@media screen and (min-width: 1025px) {
    #index-security_management06 .security_management06-ttl {
        width: 494px
    }

    #index-security_management06 .img-box {
        #width: 1140px;
        #margin-top: 50px
    }

    #index-security_management06 .text-box-wrap {
        #width: 860px;
        #margin: 40px auto 0;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: end;
        -webkit-align-items: flex-end;
        -ms-flex-align: end;
        align-items: flex-end;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    #index-security_management06 .text-box {
        width: 500px
    }

    #index-security_management06 .text-box .sttl {
        display: block
    }

    #index-security_management06 .text-box .sttl .jp {
        font-size: 3.2rem;
        line-height: 1;
        margin-right: 0;
        width: 100%
    }

    #index-security_management06 .text-box .sttl .en {
        line-height: 1;
        width: 100%;
        margin-top: 13px
    }

    #index-security_management06 .text-box .text {
        line-height: 24px;
        margin-top: 33px
    }

    #index-security_management06 .common-btn {
        width: 150px;
        margin-top: 0;
        margin-bottom: 20px
    }

    #index-security_management06 .common-btn:hover {
        width: 150px
    }
}

@media screen and (min-width: 1025px) {
    .section-contact-box .section-contact-box-inner {
        display:-webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 88px 0 87px 90px;
        position: relative;
        z-index: 0
    }

    .section-contact-box .section-contact-box-inner::before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 100vw;
        height: 100%;
        background: #cccccc;
        z-index: -1
    }

    .section-contact-box .box_l {
        width: 500px
    }

    .section-contact-box .section-contact-ttl span {
        display: block;
        color: #fff;
        letter-spacing: 0.1em
    }

    .section-contact-box .section-contact-ttl .jp {
        font-size: 3.2rem
    }

    .section-contact-box .section-contact-ttl .en {
        margin-top: 17px
    }

    .section-contact-box .box_r {
        width: 400px
    }

    .section-contact-box .box_r a {
        display: block;
        border: 1px solid #fff;
        color: #fff;
        border-radius: 33px;
        text-align: center;
        font-size: 2.0rem;
        letter-spacing: 0.1em;
        font-weight: bold;
        padding: 17px 17px 18px;
        -webkit-transition: 0.4s;
        transition: 0.4s
    }

    .section-contact-box .box_r a:hover {
        background: #fff;
        color: #cccccc;
        -webkit-transition: 0.4s;
        transition: 0.4s
    }
}


/* Recruit */
#page-information01 {
    padding-top: 12%;
    position: relative;
    z-index: 1
}

#page-information01 .information01-inner {
    padding: 0 0 0 14.28571%;
    position: relative;
    z-index: 0
}

#page-information01 .information01-inner::before,#page-information01 .information01-inner::after {
    content: "";
    position: absolute
}

#page-information01 .information01-inner::before {
    left: 0;
    top: 0;
    width: 100vw;
    height: 100%;
    background: #00aec4;
    z-index: -2
}

#page-information01 .information01-inner::after {
    left: 0.4em;
    top: 0.4em;
    width: 100vw;
    height: calc(100% - 0.4em);
    border-left: 1px solid #fff;
    border-top: 1px solid #fff;
    z-index: -1
}

#page-information01 .ttl {
    font-size: 5.71429vw;
    letter-spacing: 0.1em;
    color: #fff;
    position: relative
}

#page-information01 .ttl::before {
    content: "";
    position: absolute;
    left: 63%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100vw;
    height: 100%;
    border: 1px solid #fff;
    border-right: none
}

#page-information01 .point-box-wrap {
    padding-top: 11.2%
}

#page-information01 .point-box {
    color: #fff;
    padding-bottom: 10.2%;
    margin-bottom: 10.8%;
    position: relative
}

#page-information01 .point-box::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 38%;
    height: 1px;
    background: #fff
}

#page-information01 .point-box .box-ttl {
    font-size: 5.14286vw;
    letter-spacing: 0.1em;
    padding-bottom: 3.4%;
    margin-bottom: 3.8%;
    position: relative
}

#page-information01 .point-box .box-ttl::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 6%;
    height: 1px;
    background: #fff
}

#page-information01 .point-box .box-text {
    font-size: 4vw;
    line-height: 1.7;
    letter-spacing: 0.05em
}

#page-information01 .point-box:last-child {
    padding-bottom: 0;
    margin-bottom: 0
}

#page-information01 .point-box:last-child::before {
    content: none
}

@media screen and (min-width: 1025px) {
    #page-information01 {
        padding-top:152px
    }

    #page-information01 .information01-inner {
        padding: 60px 0
    }

    #page-information01 .information01-inner::after {
        left: 10px;
        top: 10px;
        height: calc(100% - 10px)
    }

    #page-information01 .ttl {
        font-size: 3.2rem;
        padding-left: 60px
    }

    #page-information01 .ttl::before {
        left: 32%
    }

    #page-information01 .point-box-wrap {
        padding-top: 60px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: stretch;
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    #page-information01 .point-box {
        width: 333px;
        padding-bottom: 0;
        margin-bottom: 0;
        text-align: center;
        border-right: 1px solid #fff;
        padding: 15px 60px;
        position: relative
    }

    #page-information01 .point-box::before {
        content: none
    }

    #page-information01 .point-box .box-ttl {
        font-size: 3.2rem;
        padding-bottom: 20px;
        margin-bottom: 13px
    }

    #page-information01 .point-box .box-ttl::before {
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        width: 30px
    }

    #page-information01 .point-box .box-text {
        font-size: 2rem;
        line-height: 32px;
        letter-spacing: 0.05em;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

#page-information02 {
    padding: 14.28571% 0;
    position: relative;
    z-index: 0
}

#page-information02::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0em;
    width: 100%;
    height: calc(100% + 30.4em);
    background: #ffffff;
    z-index: -1
}

#page-information02 .ttl {
    color: #00aec4;
    text-align: center
}

#page-information02 .ttl span {
    display: block
}

#page-information02 .ttl .jp {
    font-size: 5.71429vw;
    letter-spacing: 0.1em
}

#page-information02 .ttl .en {
    letter-spacing: 0.1em;
    margin-top: 2.6667%
}

#page-information02 .text {
    text-align: center;
    font-size: 4vw;
    letter-spacing: 0.1em;
    line-height: 1.5;
    margin-top: 11.666%
}

#page-information02 .information-box-wrap {
    margin-top: 8.3332%
}

#page-information02 .information-box {
    padding: 8.3332% 0 7.333% 19.2%;
    margin-bottom: 8.3332%;
    position: relative;
    z-index: 0
}

#page-information02 .information-box:last-child {
    margin-bottom: 0
}

#page-information02 .information-box::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100vw;
    height: 100%;
    background: #fff;
    z-index: -1
}

#page-information02 .information-box .venue {
    position: absolute;
    left: 5%;
    top: 0;
    letter-spacing: 0.1em;
    color: #fff;
    background: #00aec4;
    width: 10%;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 6.037% 0
}

#page-information02 .information-box .information-cont dl {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    border-bottom: 1px solid #ccc;
    padding-bottom: 5%;
    margin-bottom: 5%
}

#page-information02 .information-box .information-cont dl:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: none
}

#page-information02 .information-box .information-cont dl dt,#page-information02 .information-box .information-cont dl dd {
    line-height: 1.7
}

#page-information02 .information-box .information-cont dl dt {
    width: 22.45%;
    padding-right: 3%
}

#page-information02 .information-box .information-cont dl dd {
    width: 77.25%
}

#page-information02 .information-box .notes {
    font-size: 2.85714vw;
    letter-spacing: 0.05em;
    line-height: 1.6;
    margin-top: 2.7%
}

@media screen and (min-width: 1025px) {
    #page-information02 {
        padding:100px 0
    }

    #page-information02::before {
        top: 0px;
        height: calc(100% + 200px)
    }

    #page-information02 .ttl .jp {
        font-size: 3.2rem
    }

    #page-information02 .ttl .en {
        margin-top: 18px
    }

    #page-information02 .text {
        font-size: 2rem;
        line-height: 32px;
        margin-top: 43px
    }

    #page-information02 .information-box-wrap {
        margin-top: 64px
    }

    #page-information02 .information-box {
        padding: 45px 70px 15px 150px;
        margin-bottom: 20px
    }

    #page-information02 .information-box::before {
        width: 100%
    }

    #page-information02 .information-box .venue {
        left: 50px;
        font-size: 1.6rem;
        width: 40px;
        padding: 25px 0
    }

    #page-information02 .information-box .information-cont dl {
        padding-bottom: 15px;
        margin-bottom: 15px
    }

    #page-information02 .information-box .information-cont dl dt,#page-information02 .information-box .information-cont dl dd {
        line-height: 24px
    }

    #page-information02 .information-box .information-cont dl dt {
        width: 30%;
        padding-right: 3%
    }

    #page-information02 .information-box .information-cont dl dd {
        width: 77%
    }

    #page-information02 .information-box .notes {
        font-size: 1.2rem;
        line-height: 24px;
        margin-top: 24px;
        text-align: right
    }
}

#page-information03 {
    padding-bottom: 14.28571%;
    position: relative;
    z-index: 0
}

#page-information03::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #ffffff;
    z-index: -1
}

#page-information03 .ttl {
    text-align: center
}

#page-information03 .ttl span {
    display: block
}

#page-information03 .ttl .jp {
    font-size: 5.71429vw;
    letter-spacing: 0.1em
}

#page-information03 .ttl .en {
    letter-spacing: 0.1em;
    margin-top: 2.6667%
}

#page-information03 .voice-box-wrap {
    margin-top: 13.3334%
}

#page-information03 .voice-box {
    padding-bottom: 13.3334%;
    margin-bottom: 13.3334%;
    border-bottom: 1px solid #aaa
}

#page-information03 .voice-box:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: none
}

#page-information03 .voice-box .img-box {
    width: 50%;
    margin: auto
}

#page-information03 .voice-box .text-box {
    width: 90%;
    margin: 6.1667% auto 0
}

#page-information03 .voice-box .text-box .box-ttl {
    font-size: 4.57143vw;
    letter-spacing: 0.1em;
    text-align: center;
    color: #00aec4;
    line-height: 1.7
}

#page-information03 .voice-box .text-box .box-text {
    line-height: 1.7;
    letter-spacing: 0.1em
}

#page-information03 .voice-box .text-box .age-gender {
    margin-top: 3.148%
}

#page-information03 .voice-box .text-box .age-gender span {
    display: inline-block;
    vertical-align: middle;
    font-weight: 300
}

@media screen and (min-width: 1025px) {
    #page-information03 {
        padding-bottom:40px
    }

    #page-information03 .ttl {
        text-align: left
    }

    #page-information03 .ttl span {
        display: inline-block;
        vertical-align: baseline
    }

    #page-information03 .ttl .jp {
        font-size: 3.2rem
    }

    #page-information03 .ttl .en {
        margin-top: 0;
        margin-left: 34px
    }

    #page-information03 .voice-box-wrap {
        margin-top: 70px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: stretch;
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    #page-information03 .voice-box {
        width: 50%;
        padding: 0 50px 50px;
        margin: 0 0 50px 0;
        border-bottom: none;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        position: relative
    }

    #page-information03 .voice-box::before {
        content: "";
        position: absolute;
        right: 0;
        top: 0;
        width: 1px;
        height: 82.61%;
        background: #aaa
    }

    #page-information03 .voice-box::after {
        content: "";
        position: absolute;
        left: 0;
        bottom: 0;
        width: 470px;
        height: 1px;
        background: #aaa
    }

    #page-information03 .voice-box:nth-last-child(1),#page-information03 .voice-box:nth-last-child(2) {
        margin-bottom: 0
    }

    #page-information03 .voice-box:nth-last-child(1)::after,#page-information03 .voice-box:nth-last-child(2)::after {
        content: none
    }

    #page-information03 .voice-box:nth-child(odd) {
        padding-right: 60px;
        padding-left: 0
    }

    #page-information03 .voice-box:nth-child(even) {
        padding-left: 60px;
        padding-right: 0
    }

    #page-information03 .voice-box:nth-child(even)::before {
        content: none
    }

    #page-information03 .voice-box:nth-child(even)::after {
        left: auto;
        right: 0
    }

    #page-information03 .voice-box .img-box {
        width: 150px;
        margin: 0 32px 0 0
    }

    #page-information03 .voice-box .text-box {
        width: 258px;
        margin: 0
    }

    #page-information03 .voice-box .text-box .box-ttl {
        font-size: 2rem;
        text-align: left;
        line-height: 24px
    }

    #page-information03 .voice-box .text-box .box-text {
        line-height: 24px
    }

    #page-information03 .voice-box .text-box .age-gender {
        margin-top: 25px
    }
}


/* SOL Navi */
.solnavi {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-content: space-between;
  margin-bottom:20px;
  width:100%;
}

.solnaviItem1 { flex-basis: 240px; }
.solnaviItem2 { flex-basis: auto;
margin-left:20px;
padding-top:3px;
}
.solnaviItem3 { flex-basis: auto;
margin-left:20px;
padding-top:3px;
}
.solnaviItem4 { flex-basis: auto;
margin-left:20px;
padding-top:3px;
}
.solnaviItem5 { flex-basis: auto;
margin-left:20px;
padding-top:3px;
}
.solnaviItem6 { flex-basis: auto;
margin-left:20px;
padding-top:3px;
}

.solnaviActive {
border-bottom:3px solid #00aec4;
}

.solnaviText a {
color:#595757;
font:bold 14px / 1.5 "Helvetica Neue", arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", meiryo, sans-serif;
}

.solnaviText a:hover {
color: #00aec4;
}


@media screen and (max-width: 1024px) {
.page-sustainability .heading04 {
margin-left: 18px !imporatnt;
}

/* SOL Navi SP*/
.solnavi {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: space-between;
  align-content: space-between;
  margin-bottom:20px;
  width:100%;
}

.solnaviItem1 {
flex-basis: 30px;
}

.solnaviItem2 {
margin-left:28px;
margin-top:8px;
}
.solnaviItem3 {
margin-left:28px;
margin-top:8px;
}
.solnaviItem4 {
margin-left:28px;
margin-top:8px;
}
.solnaviItem5 {
margin-left:28px;
margin-top:8px;
}
.solnaviItem6 {
margin-left:28px;
margin-top:8px;
}
}


#top > section > div.section__inner > h2 {
display:none;
}


.sol-img-pc {
    display: none !important;
}

@media screen and (min-width: 1025px) {
    .sol-img-sp {
        display: none !important;
    }

    .sol-img-pc {
        display: block!important;
    }
}