/* 
Theme Name: KISEISHA
Author: KISEISHA.Inc
Version: 1.0
Description: 株式会社希世舎コーポレートサイト
*/

@charset "UTF-8";
@-webkit-keyframes scroll_bar {
    0% {
        -webkit-transform: scaleY(0);
        transform: scaleY(0);
        -webkit-transform-origin: top center;
        transform-origin:top center
    }

    to {
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
        -webkit-transform-origin: top center;
        transform-origin:top center
    }
}

@keyframes scroll_bar {
    0% {
        -webkit-transform: scaleY(0);
        transform: scaleY(0);
        -webkit-transform-origin: top center;
        transform-origin:top center
    }

    to {
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
        -webkit-transform-origin: top center;
        transform-origin:top center
    }
}

@-webkit-keyframes furry_anim {
    0% {
        -webkit-transform: translateY(-5px);
        transform:translateY(-5px)
    }

    to {
        -webkit-transform: translateY(0);
        transform:translateY(0)
    }
}

@keyframes furry_anim {
    0% {
        -webkit-transform: translateY(-5px);
        transform:translateY(-5px)
    }

    to {
        -webkit-transform: translateY(0);
        transform:translateY(0)
    }
}

@-webkit-keyframes furry_anim_small {
    0% {
        -webkit-transform: translateY(-1px);
        transform:translateY(-1px)
    }

    to {
        -webkit-transform: translateY(0);
        transform:translateY(0)
    }
}

@keyframes furry_anim_small {
    0% {
        -webkit-transform: translateY(-1px);
        transform:translateY(-1px)
    }

    to {
        -webkit-transform: translateY(0);
        transform:translateY(0)
    }
}

@-webkit-keyframes scale_anim {
    0% {
        -webkit-transform: scaleX(1);
        transform:scaleX(1)
    }

    to {
        -webkit-transform: scaleX(.8);
        transform:scaleX(.8)
    }
}

@keyframes scale_anim {
    0% {
        -webkit-transform: scaleX(1);
        transform:scaleX(1)
    }

    to {
        -webkit-transform: scaleX(.8);
        transform:scaleX(.8)
    }
}

@-webkit-keyframes flash_anim {
    0% {
        opacity:.5
    }

    to {
        opacity:1
    }
}

@keyframes flash_anim {
    0% {
        opacity:.5
    }

    to {
        opacity:1
    }
}

@-webkit-keyframes updown {
    0%, to {
        -webkit-transform: translateY(0);
        transform:translateY(0)
    }

    50% {
        -webkit-transform: translateY(1em);
        transform:translateY(1em)
    }
}

@keyframes updown {
    0%, to {
        -webkit-transform: translateY(0);
        transform:translateY(0)
    }

    50% {
        -webkit-transform: translateY(1em);
        transform:translateY(1em)
    }
}

html {
    overflow-y:scroll
}

body {
    line-height:1
}

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

abbr, address, article, aside, audio, b, blockquote, body, canvas, caption, cite, code, dd, del, details, dfn, div, dl, dt, em, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, ins, kbd, legend, li, mark, menu, nav, object, ol, pre, q, samp, section, small, span, strong, sub, summary, sup, tbody, tfoot, thead, time, tr, ul, var, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    vertical-align: baseline;
    background:0 0
}

label, p, table {
    padding: 0;
    border: 0;
    outline: 0;
    vertical-align: baseline;
    background:0 0
}

img {
    border:0
}

img, td, th {
    outline:0
}

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

ul {
    list-style:none
}

blockquote, q {
    quotes:none
}

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

a, hr, img {
    padding:0
}

a, img, td, th {
    margin: 0;
    background:0 0
}

a {
    vertical-align:baseline
}

ins, mark {
    background-color: #ff9;
    color:#000
}

mark {
    font-style: italic;
    font-weight:700
}

del {
    text-decoration:line-through
}

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

table {
    border-spacing: 0;
    font: 100%;
    width: 100%;
    margin: 0 auto 20px;
    border-collapse:collapse
}

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

input, select {
    vertical-align:middle
}

body {
    font: 13px/1.231 arial, helvetica, clean, sans-serif;
    font:x-small;
    background: #fff;
    color: #444;
    font-family: "游ゴシック", "YuGothic", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
    -webkit-text-size-adjust: 100%;
    font-size: calc(.2449vw + 1.20816rem);
    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt";
    letter-spacing: .05em;
    text-indent:calc(0vw + 0rem)
}

button, input, select, textarea {
    font:99% arial, helvetica, clean, sans-serif
}

code, kbd, pre, samp, tt {
    font-family: monospace;
    font-size:108%;
    line-height:100%
}

.u-mt0 {
    margin-top:0 !important
}

.u-mb0 {
    margin-bottom:0 !important
}

.u-pt0 {
    padding-top:0 !important
}

.u-pb0 {
    padding-bottom:0 !important
}

.u-mt5 {
    margin-top:5px !important
}

.u-mb5 {
    margin-bottom:5px !important
}

.u-pt5 {
    padding-top:5px !important
}

.u-pb5 {
    padding-bottom:5px !important
}

.u-mt10 {
    margin-top:10px !important
}

.u-mb10 {
    margin-bottom:10px !important
}

.u-pt10 {
    padding-top:10px !important
}

.u-pb10 {
    padding-bottom:10px !important
}

.u-mt15 {
    margin-top:15px !important
}

.u-mb15 {
    margin-bottom:15px !important
}

.u-pt15 {
    padding-top:15px !important
}

.u-pb15 {
    padding-bottom:15px !important
}

.u-mt20 {
    margin-top:20px !important
}

.u-mb20 {
    margin-bottom:20px !important
}

.u-pt20 {
    padding-top:20px !important
}

.u-pb20 {
    padding-bottom:20px !important
}

.u-mt25 {
    margin-top:25px !important
}

.u-mb25 {
    margin-bottom:25px !important
}

.u-pt25 {
    padding-top:25px !important
}

.u-pb25 {
    padding-bottom:25px !important
}

.u-mt30 {
    margin-top:30px !important
}

.u-mb30 {
    margin-bottom:30px !important
}

.u-pt30 {
    padding-top:30px !important
}

.u-pb30 {
    padding-bottom:30px !important
}

.u-mt35 {
    margin-top:35px !important
}

.u-mb35 {
    margin-bottom:35px !important
}

.u-pt35 {
    padding-top:35px !important
}

.u-pb35 {
    padding-bottom:35px !important
}

.u-mt40 {
    margin-top:40px !important
}

.u-mb40 {
    margin-bottom:40px !important
}

.u-pt40 {
    padding-top:40px !important
}

.u-pb40 {
    padding-bottom:40px !important
}

.u-mt45 {
    margin-top:45px !important
}

.u-mb45 {
    margin-bottom:45px !important
}

.u-pt45 {
    padding-top:45px !important
}

.u-pb45 {
    padding-bottom:45px !important
}

.u-mt50 {
    margin-top:50px !important
}

.u-mb50 {
    margin-bottom:50px !important
}

.u-pt50 {
    padding-top:50px !important
}

.u-pb50 {
    padding-bottom:50px !important
}

.u-mt55 {
    margin-top:55px !important
}

.u-mb55 {
    margin-bottom:55px !important
}

.u-pt55 {
    padding-top:55px !important
}

.u-pb55 {
    padding-bottom:55px !important
}

.u-mt60 {
    margin-top:60px !important
}

.u-mb60 {
    margin-bottom:60px !important
}

.u-pt60 {
    padding-top:60px !important
}

.u-pb60 {
    padding-bottom:60px !important
}

.u-mt65 {
    margin-top:65px !important
}

.u-mb65 {
    margin-bottom:65px !important
}

.u-pt65 {
    padding-top:65px !important
}

.u-pb65 {
    padding-bottom:65px !important
}

.u-mt70 {
    margin-top:70px !important
}

.u-mb70 {
    margin-bottom:70px !important
}

.u-pt70 {
    padding-top:70px !important
}

.u-pb70 {
    padding-bottom:70px !important
}

.u-mt75 {
    margin-top:75px !important
}

.u-mb75 {
    margin-bottom:75px !important
}

.u-pt75 {
    padding-top:75px !important
}

.u-pb75 {
    padding-bottom:75px !important
}

.u-mt80 {
    margin-top:80px !important
}

.u-mb80 {
    margin-bottom:80px !important
}

.u-pt80 {
    padding-top:80px !important
}

.u-pb80 {
    padding-bottom:80px !important
}

.u-mt85 {
    margin-top:85px !important
}

.u-mb85 {
    margin-bottom:85px !important
}

.u-pt85 {
    padding-top:85px !important
}

.u-pb85 {
    padding-bottom:85px !important
}

.u-mt90 {
    margin-top:90px !important
}

.u-mb90 {
    margin-bottom:90px !important
}

.u-pt90 {
    padding-top:90px !important
}

.u-pb90 {
    padding-bottom:90px !important
}

.u-mt95 {
    margin-top:95px !important
}

.u-mb95 {
    margin-bottom:95px !important
}

.u-pt95 {
    padding-top:95px !important
}

.u-pb95 {
    padding-bottom:95px !important
}

.u-mt100 {
    margin-top:100px !important
}

.u-mb100 {
    margin-bottom:100px !important
}

.u-pt100 {
    padding-top:100px !important
}

.u-pb100 {
    padding-bottom:100px !important
}

.p-message_head__image, .p-partner__image, .p-staff__item__image {
    position: relative;
    display: block;
    width:100%
}

.p-message_head__image::before, .p-partner__image::before, .p-staff__item__image::before {
    content: '';
    display:block
}

.p-message_head__image img, .p-partner__image img, .p-staff__item__image img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height:100%
}

html {
    font-size:62.5%
}

#page, body.is-fixed, html.is-fixed {
    overflow:hidden
}

#page {
    position: relative;
    font-weight: 500;
}

a:link, ins {
    text-decoration:none
}

.is-pc .wp-pagenavi a.page:hover, a:active, a:hover, a:link, a:visited {
    color:#1f3174
}

img, td, th {
    vertical-align:top
}

img {
    line-height: 1;
    height: auto;
    max-width:100%
}

img.js-svg {
    opacity:1
}

.c-contact_row .link_box a.is-hover::after, img.js-svg.-ie {
    opacity:1
}

img.lazyload, picture.lazyload img {
    opacity: 0;
    -webkit-transform: scale(.5);
    transform: scale(.5);
    -webkit-transition: .6s opacity, .6s -webkit-transform cubic-bezier(.175, .885, .32, 1.275);
    transition: .6s opacity, .6s transform cubic-bezier(.175, .885, .32, 1.275);
    transition:.6s opacity, .6s transform cubic-bezier(.175, .885, .32, 1.275), .6s -webkit-transform cubic-bezier(.175, .885, .32, 1.275)
}

picture.lazyload img.swiper-lazy-loaded {
    opacity: 1 !important;
    -webkit-transform: scale(1);
    transform:scale(1)
}

img.lazyload.isLoaded, picture.lazyload img.isLoaded {
    opacity: 1;
    -webkit-transform: scale(1);
    transform:scale(1)
}

td, th {
    padding: 10px;
    border:1px solid #ccc
}

p {
    margin:0 0 20px;
    color: #000;
}

ol {
    padding-left:25px
}

input {
    border:1px solid #a7a6aa
}

input, textarea {
    padding: 5px 7px;
    border-radius: 2px;
    margin: 0;
    background-color:#fff
}

input[type=text], textarea {
    outline: 0;
    border: 1px solid #aaa;
    -webkit-transition: all .3s ease;
    transition:all .3s ease
}

input[type=text]:focus, textarea:focus {
    -webkit-box-shadow: 0 0 7px #52a8ec;
    box-shadow: 0 0 7px #52a8ec;
    border:1px solid #52a8ec
}

input[type=checkbox], input[type=radio] {
    margin-right: 5px;
    vertical-align: baseline;
    border-style:none
}

label {
    margin:0 15px 0 0
}

input[type=submit] {
    -webkit-appearance:none
}

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

input[type=checkbox] + label, input[type=radio] + label {
    padding-left: 25px;
    position:relative
}

input[type=radio] + label::before {
    content: "";
    width: 18px;
    height: 18px;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    left: 0;
    -webkit-appearance: button;
    appearance: button;
    -moz-appearance: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff;
    border: 1px solid #999;
    border-radius: 50%;
    -webkit-box-shadow: inset 4px 4px 10px rgba(0, 0, 0, .2);
    box-shadow: inset 4px 4px 10px rgba(0, 0, 0, .2);
    vertical-align: middle;
    cursor: pointer;
    padding:5px
}

input[type=checkbox]:disabled + label, input[type=radio]:disabled + label {
    color:#bbb
}

input[type=radio]:disabled + label::before {
    background-color: #ddd;
    border-color:#ddd
}

.p-form_input .mwform-radio-field input[type=radio]:checked + .mwform-radio-field-text::after, input[type=radio]:checked + label::after {
    display: block;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    left: 6px;
    content: "";
    width: 6px;
    height: 6px;
    background: #1f3174;
    border-radius:50%
}

input[type=checkbox] + label::before {
    content: '';
    width: 20px;
    height: 20px;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    left: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: button;
    appearance: button;
    -moz-appearance: none;
    border: 1px solid #999;
    background-color: #fff;
    vertical-align: middle;
    padding: 5px;
    border-radius:2px
}

input[type=checkbox]:disabled + label::before {
    background-color: #ddd;
    border-color:#ddd
}

.top_banner{
    width: 100%;
    padding: 20px 0;
}
.top_banner .banner_content{
    width: calc(61.22449vw + 210.40816px);
    margin: 0 auto;
}
.top_banner .banner_content img{
    width: 100%;
}

.p-form_input .mwform-checkbox-field input[type=checkbox]:checked + .mwform-checkbox-field-text::after, input[type=checkbox]:checked + label::after {
    content: "";
    position: absolute;
    top: calc(50% - 4px);
    left: 0;
    width: 6px;
    height: 10px;
    border-right: 4px solid #1f3174;
    border-bottom: 4px solid #1f3174;
    -webkit-transform: rotate(45deg) translateY(-50%);
    transform:rotate(45deg) translateY(-50%)
}

.l-footer {
    width: 100%;
    background-color: #1f3174;
    padding:calc(1.63265vw + 23.87755px) 0 calc(.97959vw + 6.32653px)
}

.l-footer .privacy .bar {
    width: 1px;
    background-color: rgba(255, 255, 255, .5);
    margin-right: 1em;
    margin-left:1em
}

.l-footer__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin:0 auto
}

.l-footer__info .tel a, .l-footer__info .tel span, .l-footer__inner a {
    color:#fff
}

.l-footer__info .privacy {
    display: none;
    margin-top: 2em;
    margin-bottom:2em
}

.l-footer__info .logo {
    margin-bottom:calc(1.22449vw + 10.40816px)
}

.l-footer__info address {
    color: #fff;
    font-style: normal;
    font-size:calc(.16327vw + 1.13878rem)
}

.l-footer__info .contact_btn a i .js-svg, .l-footer__info .contact_btn a i img, .l-footer__info .contact_btn a i svg, .l-footer__info address .js-svg, .l-footer__info address svg {
    width: 1em;
    height:1em
}

.l-footer__info .contact_btn a, .l-footer__info .tel, .l-footer__info .tel i {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items:center
}

.l-footer__info .tel, .l-footer__info address {
    margin-bottom:calc(.81633vw + 11.93878px)
}

.l-footer__info .contact_btn a, .l-footer__info .tel i {
    border: 1px solid #fff;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content:center
}

.l-footer__info .tel i {
    width: 3em;
    height: 3em;
    border-radius: 9999px;
    margin-right:1em
}

.l-footer__info .tel i .js-svg, .l-footer__info .tel i svg {
    margin-right: 0;
    width: 1em;
    height:1em
}

.l-footer__info .tel .js-svg, .l-footer__info .tel svg {
    width: 1em;
    height: 1em;
    margin-right: .5em;
    display: inline-block;
    color:#fff
}

.l-footer__info .contact_btn a {
    padding: calc(.16327vw + 17.38776px) calc(1.63265vw + 33.87755px);
    border-radius: 35px;
    -webkit-transition: all .3s ease;
    transition:all .3s ease
}

.l-footer__info .contact_btn a > span, .l-footer__menu .column .item .parent {
    font-family: Kanit;
    -webkit-transform: translateY(.2em);
    transform:translateY(.2em)
}

.l-footer__info .contact_btn a i, .l-footer__menu .column .item dd .child a {
    display: inline-block;
    -webkit-transition: all .3s ease;
    transition:all .3s ease
}

.l-footer__info .contact_btn a i {
    margin-left:20px
}

.c-btn01.-green a.is-hover, .l-footer__info .contact_btn a.is-hover {
    background-color: #fff;
    color:#1f3174
}

.l-footer__info .contact_btn a.is-hover i {
    -webkit-transform: translateX(5px);
    transform:translateX(5px)
}

.l-footer__menu {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    font-size: calc(.16327vw + 1.13878rem);
    padding-left: calc(3.26531vw + 27.7551px);
    margin-bottom:calc(1.63265vw + 13.87755px)
}

.l-footer__menu .column {
    width:50%
}

.l-footer__menu .column + .column {
    margin-left:calc(3.26531vw + -12.2449px)
}

.l-footer__menu, .l-footer__menu .column .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items:flex-start
}

.l-footer__menu .column .item {
    margin-bottom:calc(.16327vw + 19.38776px)
}

.l-footer__menu .column .item .parent {
    color: #fff;
    width: 6em;
    line-height: 1;
    padding-top:5px
}

.l-footer__menu .column .item .brother {
    color: #fff;
    padding: 5px;
    margin-bottom:5px
}

.l-footer__menu .column .item dd .child {
    margin-bottom: 5px;
    display:block
}

.l-footer__menu .column .item dd .child a {
    padding:5px
}

.l-footer__menu .column .item dd .child a::before {
    content: '-';
    display: inline-block;
    padding-right: 10px;
    -webkit-transition: all .3s ease;
    transition:all .3s ease
}

.l-footer__menu .column .item dd .child a::after {
    content: '';
    display: block;
    width: 0%;
    height: 1px;
    background-color: #fff;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    margin-left:auto
}

.l-footer__menu .column .item dd .child a.is-hover::after {
    width: 100%;
    margin-left:0
}

.l-footer__menu .column.-works .item dd > * {
    margin-bottom:1.5em
}

.c-check_list li:last-child, .c-line_row li:last-child, .l-footer__menu .column.-works .item dd > :last-child {
    margin-bottom:0
}

.l-footer__bottom {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    color: #fff;
    margin-bottom: 2em;
    font-size:calc(.16327vw + 1.13878rem)
}

.l-footer__bottom a {
    color: #fff;
    display:block
}

.l-footer__bottom, .l-footer__bottom .privacy {
    display: -webkit-box;
    display: -ms-flexbox;
    display:flex
}

.l-header {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    padding-left: calc(-8.68056vw + 166.66667px);
    z-index: 100;
    height:calc(4.89796vw + 41.63265px)
}

.l-header .text {
    font-family: Kanit;
    -webkit-transform: translateY(.2em);
    transform: translateY(.2em);
    font-size: calc(.55306vw + .6551rem);
    color:#fff
}

.l-header .c-container, .l-header__contact, .l-header__contact a {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items:center
}

.l-header .c-container {
    padding-top: 5px;
    padding-bottom: 5px;
    height:100%
}

.l-header__contact, .l-header__contact a {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content:center
}

.l-header__contact {
    position: absolute;
    right: calc(3.26531vw + 47.7551px);
    height: 100%;
    top:0
}

.l-header__contact a {
    background-color: #00ca92;
    color: #fff;
    border-radius: 9999px;
    padding:1em 2em
}

.l-header .c-container, .l-header__contact, .l-header__contact a, .l-header__contact a > * {
    display: -webkit-box;
    display: -ms-flexbox;
    display:flex
}

.l-header__contact a .js-svg, .l-header__contact a svg {
    display: block;
    width: 1em;
    height: 1em;
    margin-right:1em
}

.c-btn01 a.is-hover, .l-header__contact.-recruit a {
    background-color:#1f3174
}

.l-header__contact.-recruit a .js-svg, .l-header__contact.-recruit a svg {
    margin-right: 0;
    margin-left:1em
}

.l-header__logo {
    width: 100%;
    max-width:325px
}

.l-header__logo a {
    display: block;
    width:100%
}

.l-header__logo a img {
    width: 90%;
    height:calc(3.26531vw + 17.7551px)
}

.l-header__contact a > *, .l-header__hamburger {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content:center
}

.l-header__hamburger {
    display: none;
    width: calc(4.89796vw + 41.63265px);
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(4.89796vw + 41.63265px);
    flex:0 0 calc(4.89796vw + 41.63265px)
}
/* 追加 */
.l-footer__menu .column + .column {
    margin-left:0
}

.l-header {
    max-height: 80px;
    padding-left: 0;
    background-color: #1f3174;
    position:fixed
}

.l-header .c-container {
    width: 100%;
    padding-right:0
}

.l-header__contact {
    height: auto;
    width: calc(4.89796vw + 41.63265px);
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(4.89796vw + 41.63265px);
    flex: 0 0 calc(4.89796vw + 41.63265px);
    right: 0;
    position: relative;
    margin-left: auto;
    border-left:1px solid #fff
}

.l-header__contact a {
    padding: 0;
    background-color:transparent
}

.l-header__contact a > * {
    display:block
}

.l-header__contact a .js-svg, .l-header__contact a svg {
    margin: 0 auto;
    width: 1.5em;
    height:calc(1.63265vw + 23.87755px)
}

.l-header__contact.-recruit a .js-svg, .l-header__contact.-recruit a svg {
    margin:0 auto
}

.l-header__hamburger {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-align: center;
    border-left:1px solid #fff
}

.l-main {
    line-height: 180%;
    word-break: normal;
    word-wrap:break-word
}

.l-main > .c-container, .u-list02 li {
    position:relative
}

.d-n-max, .d-n-md, .d-n-min, .d-n-sp, .d-n-spmin {
    display:none
}

.p-kv_lower {
    background-color: #faf7f3;
    height: calc(17.95918vw + 112.65306px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    margin-bottom: calc(1.22449vw + 10.40816px);
    margin-top:calc(4.89796vw + 41.63265px)
}

.p-kv_lower__ttl {
    text-align:center
}

.p-kv_lower__ttl .main {
    font-family: Kanit;
    -webkit-transform: translateY(.2em);
    transform: translateY(.2em);
    letter-spacing: .1em;
    font-size: calc(2.44898vw + 2.08163rem);
    font-weight: 400;
    margin-bottom: calc(1.22449vw + 1.04082rem);
    line-height: 1;
    text-transform:uppercase
}

.p-kv_lower__ttl .sub {
    color: #1f3174;
    font-size: calc(.16327vw + 1.33878rem);
    font-weight:700
}

.p-kv_lower__triangle {
    position: absolute;
    left: 50%;
    bottom: 20%;
    margin-left: -1em;
    width: 2em;
    height: 2em;
    -webkit-animation-name: updown;
    animation-name: updown;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count:infinite
}

.p-kv_lower__triangle img {
    width: 100%;
    height:100%
}

.p-kv_lower__morphing {
    position: absolute;
    bottom: calc(-3.26531vw + -27.7551px);
    right: calc(-7.7551vw + -65.91837px);
    width: calc(24.81633vw + 132.93878px);
    height:calc(14.69388vw + 84.89796px)
}

.c-contact__morphing .js-svg path, .c-contact__morphing svg path, .p-index_about__morphing .js-svg path, .p-index_about__morphing svg path, .p-index_concept__morphing .js-svg path, .p-index_concept__morphing svg path, .p-index_counseling____morphing .js-svg path, .p-index_counseling____morphing svg path, .p-index_kv__morphing path, .p-kv_lower__morphing .js-svg path, .p-kv_lower__morphing svg path {
    fill: #1f3174;
    color:#1f3174
}

.p-solution_lower .p-kv_lower__morphing .js-svg path, .p-solution_lower .p-kv_lower__morphing svg path {
    fill: #f6f3ef;
    color:#f6f3ef
}

.p-kv_lower__morphing .obj {
    position: absolute;
    right: calc(5.30612vw + 50.10204px);
    bottom: calc(-3.42857vw + -9.14286px);
    width:calc(12.2449vw + 64.08163px)
}

.u-list {
    padding-left: 20px;
    list-style-type:disc
}

.u-list02 li {
    padding-left:20px
}

.u-list02 li::before {
    content: "・";
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform:translateY(-50%)
}

.c-post_body h2.-center, .u-center {
    text-align:center
}

.u-block_center {
    display: block;
    margin-left: auto;
    margin-right:auto
}

.u-right {
    text-align:right
}

.c-hamburger span.hidden, .is-act .c-hamburger span, .u-none, .u-visible_sp {
    display:none
}

.u-visible_pc {
    display:block
}

.u-font_orange {
    color:#00ca92
}

.c-btn01 a, .c-btn01 a i {
    -webkit-transition: all .3s ease;
    transition:all .3s ease
}

.c-btn01 a {
    display: block;
    width: calc(9.79592vw + 143.26531px);
    margin: 0 auto;
    background-color: #fff;
    color: #1f3174;
    border: 1px solid #1f3174;
    text-align: center;
    border-radius: 30px;
    padding: 13px;
    font-size: calc(.16327vw + 1.13878rem);
    font-weight: 700;
    letter-spacing:.1em
}

.c-btn01 a i {
    display: inline-block;
    margin-left:1.25vw
}

.c-btn01 a i .js-svg, .c-btn01 a i img, .c-btn01 a i svg {
    width: 1em;
    height: 1em;
    vertical-align:middle
}

.c-btn01 a.is-hover {
    color:#fff
}

.c-btn01 a.is-hover i {
    -webkit-transform: translateX(10px);
    transform:translateX(10px)
}

.c-btn01.-right a {
    margin-right:0
}

.c-btn01.-left a {
    margin-left:0
}

.c-btn01.-large a {
    padding: calc(.08163vw + 18.69388px);
    border-radius: 40px;
    width:calc(15.5102vw + 291.83673px)
}

.c-btn01.-small a {
    width:calc(7.34694vw + 72.44898px)
}

.c-btn01.-green a {
    background-color: #1f3174;
    color:#fff
}

.c-loading {
    position: fixed;
    top: -100vw;
    right: -100vw;
    width: 300vw;
    height: 300vw;
    border-radius: 50%;
    z-index: 9999;
    background-color: #1f3174;
    -webkit-transition: all 2.2s cubic-bezier(.215, .61, .355, 1);
    transition: all 2.2s cubic-bezier(.215, .61, .355, 1);
    -webkit-transform-origin: top right;
    transform-origin: top right;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content:center
}

.c-loading.is-act {
    -webkit-transform: scale(0, 0);
    transform: scale(0, 0);
    pointer-events:none
}

.c-pointer {
    position: fixed;
    top: -10px;
    left: 0;
    z-index: 10000;
    pointer-events:none
}

.c-pointer::before {
    content: '';
    display: block;
    width: 10px;
    height: 10px;
    position: absolute;
    top: calc(50% + 5px);
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border-radius: 50%;
    background: rgba(31, 49, 116, .7);
    -webkit-transition: all .2s ease;
    transition:all .2s ease
}

.c-pointer.is-act::before {
    width: 80px;
    height:80px
}

.c-pointer.is-more01::before {
    width: 80px;
    height: 80px;
    background-color:rgba(255, 255, 255, .3)
}

.c-fixed_menu {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: calc(3.26531vw + 47.7551px);
    background-color: #1f3174;
    z-index:100
}

.c-fixed_menu__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100vh;
    cursor:pointer
}

.c-fixed_menu .text, .c-news_list li a .cat {
    color: #fff;
    font-size:calc(.16327vw + 1.13878rem)
}

.c-crumbs {
    color: #444;
    margin:calc(.81633vw + 11.93878px) 0 calc(2.04082vw + 22.34694px)
}

.c-crumbs p {
    margin-bottom:0
}

.c-crumbs #breadcrumbs > *, .c-crumbs #breadcrumbs > * > * {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items:center
}

.c-crumbs #breadcrumbs > * > *, .c-crumbs #breadcrumbs > * > * > * {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex:0 0 auto
}

.c-crumbs i {
    display: inline-block;
    vertical-align: middle;
    margin:0 calc(1.30612vw + 3.10204px)
}

.c-crumbs i .js-svg, .c-crumbs i img, .c-crumbs i svg {
    color: #444;
    width: 1em;
    height:1.5em
}

.c-pagetop {
    position: fixed;
    right: calc(.81633vw + 6.93878px);
    bottom: calc(.81633vw + 6.93878px);
    z-index: 100;
    width:calc(3.26531vw + 47.7551px)
}

.c-pagetop a.is-hover {
    opacity: .9;
    -webkit-transform: scale(.95);
    transform:scale(.95)
}

.c-lower_btn .btn.-partner, .c-pagetop img {
    width:100%
}

.c-news_list li {
    margin-bottom:8px
}

.c-blog_list .item a .thumb img, .c-news_list li a, .c-pagetop a {
    -webkit-transition: all .3s ease;
    transition:all .3s ease
}

.c-news_list li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-color: #fff;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 2px solid #fff;
    padding:calc(.81633vw + 6.93878px) calc(1.71429vw + 7.57143px)
}

.c-news_list li a.is-hover {
    border-color:#1f3174
}

.c-blog_list .item a .thumb .date time, .c-news_list li a time {
    font-family: Kanit;
    -webkit-transform: translateY(.2em);
    transform:translateY(.2em)
}

.c-news_list li a time {
    color: #1f3174;
    font-size:calc(.32653vw + 1.07755rem)
}

.c-news_list li a .cat {
    background-color: #444;
    display: inline-block;
    line-height: 1;
    padding: calc(.32653vw + .27755rem) calc(1.06122vw + .30204rem);
    border-radius: 20px;
    width: calc(5.85714vw + 54.28571px);
    white-space: nowrap;
    min-width: 100px;
    text-align: center;
    margin:0 calc(1.22449vw + .40816px)
}

.c-blog_list .item a.is-hover .thumb .date, .c-news_list li a .cat.-solution {
    background-color:#00ca92
}

.c-news_list li a > p {
    color: #444;
    white-space: nowrap;
    overflow: hidden;
    text-overflow:ellipsis;
    padding-left: 30px;
}

.c-blog_list, .c-line_row {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -15px;
    margin-right:-15px
}

.c-blog_list .item {
    width: calc(100%/3);
    padding-left: 15px;
    padding-right:15px
}

.c-blog_list .item a, .c-pagetop a {
    display:block
}

.c-blog_list .item a .thumb {
    width: 100%;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    z-index: 1;
    margin-bottom:calc(.81633vw + 6.93878px)
}

.c-blog_list .item a .thumb img {
    display: block;
    width:100%
}

.c-blog_list, .c-blog_list .item a .thumb .date, .c-check_list li, .c-line_row {
    display: -webkit-box;
    display: -ms-flexbox;
    display:flex
}

.c-blog_list .item a .thumb .date {
    background-color: #444;
    color: #fff;
    height: calc(2.44898vw + 40.81633px);
    position: absolute;
    bottom: 0;
    left: 0;
    line-height: 1.1;
    padding: 0 calc(.40816vw + 3.46939px);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 2;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    letter-spacing:.1em
}

.c-blog_list .item a .thumb .date time {
    display:block
}

.c-blog_list .item a .thumb .date em {
    font-style: normal;
    font-size:calc(.4898vw + 1.41633rem)
}

.c-blog_list .item a .ttl {
    color: #444;
    line-height: 1.6;
    margin-bottom:0
}

.c-blog_list .item a.is-hover .thumb img {
    -webkit-transform: scale(1.05);
    transform:scale(1.05)
}

.c-check_list li {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom:calc(.32653vw + 4.77551px)
}

.c-check_list li::before {
    content: '';
    display: block;
    line-height: 1;
    width: calc(.16327vw + 2.38776px);
    height: calc(.32653vw + 6.77551px);
    border-right: 2px solid #1f3174;
    border-bottom: 2px solid #1f3174;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    margin-right: calc(.97959vw + 6.32653px);
    margin-top:calc(.4898vw + 3.16327px)
}

.c-line_row li, .c-lower_btn .btn {
    padding-left: 15px;
    padding-right:15px
}

.c-line_row li {
    width: 100%;
    max-width: 33.33333%;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom:calc(.32653vw + 4.77551px)
}

.c-line_row li::before {
    content: '-';
    display: block;
    color: #1f3174;
    line-height: 1;
    margin-right: calc(.32653vw + 4.77551px);
    margin-top:calc(.16327vw + 2.38776px)
}

.c-beige_box {
    background-color: #faf7f3;
    padding:calc(1.46939vw + 10.4898px) calc(1.22449vw + 10.40816px)
}

.c-line_row li, .c-lower_btn, .c-lower_btn .btn a {
    display: -webkit-box;
    display: -ms-flexbox;
    display:flex
}

.c-lower_btn {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -15px;
    margin-right:-15px
}

.c-lower_btn .btn {
    width: 50%;
    margin-bottom:calc(1.63265vw + 3.87755px)
}

.c-lower_btn .btn a {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    height: calc(6.53061vw + 45.5102px);
    padding: 0 calc(3.67347vw + 6.22449px);
    border-radius: 10px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    position: relative;
    -webkit-transition: all .3s ease;
    transition:all .3s ease
}

.c-lower_btn .btn a .ttl {
    font-size: calc(.89796vw + 1.36327rem);
    font-weight:700
}

.c-lower_btn .btn a .en {
    font-family: Kanit;
    -webkit-transform: translateY(.2em);
    transform: translateY(.2em);
    display: inline-block;
    margin-left: 15px;
    font-size:calc(.32653vw + 1.07755rem)
}

.c-lower_btn .btn a .arrow {
    position: absolute;
    right: calc(3.26531vw + 12.7551px);
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform:translateY(-50%)
}

.c-lower_btn .btn a .arrow .js-svg, .c-lower_btn .btn a .arrow img, .c-lower_btn .btn a .arrow svg, .c-table_sidehead table td .map_marker .js-svg, .c-table_sidehead table td .map_marker img, .c-table_sidehead table td .map_marker svg {
    width: 1em;
    height:1em
}

.c-lower_btn .btn a:hover {
    -webkit-transform: scale(.97);
    transform:scale(.97)
}

.c-lower_btn .btn.-partner a {
    height:calc(.81633vw + 136.93878px)
}

.c-table_sidehead, .c-table_sidehead table {
    max-width:100%
}

.c-table_sidehead table td, .c-table_sidehead table th {
    border: 0;
    padding: calc(.81633vw + 6.93878px);
    max-width:100%
}

.c-table_sidehead table th {
    color: #1f3174;
    vertical-align: middle;
    font-weight: 700;
    border-bottom: 3px solid #1f3174;
    width: calc(6.53061vw + 55.5102px);
    border-right: 4px solid transparent;
    white-space:nowrap
}

.c-table_sidehead table td {
    border-bottom:1px solid #b3bab8
}

.c-table_sidehead table td .map_marker {
    display: inline-block;
    vertical-align: middle;
    padding-left:calc(.81633vw + 6.93878px)
}

.c-hamburger {
    width: calc(1.63265vw + 23.87755px);
    height: calc(1.63265vw + 23.87755px);
    position: relative;
    cursor:pointer
}

.c-hamburger span, .c-hamburger::after, .c-hamburger::before {
    height: 2px;
    width: 80%;
    position: absolute;
    left: 50%;
    margin-left: -40%;
    background-color: #fff;
    -webkit-transition: all 0 .3s ease;
    transition:all 0 .3s ease
}

.c-hamburger span {
    top: 50%;
    margin-top: -1px;
    text-indent:-9999px
}

.c-hamburger::after, .c-hamburger::before {
    content: ""
}

.c-hamburger::before {
    top:25%
}

.c-hamburger::after {
    bottom:25%
}

.c-hamburger .text, .is-pc .p-blog_single__navigation__item.-center a:hover .js-svg {
    color:#fff
}

.is-act .c-hamburger:before {
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    top:45%
}

.is-act .c-hamburger:after {
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
    top:45%
}

.c-tab_menu {
    margin-top: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-bottom:1px solid #fff
}

.c-tab_menu li {
    background: #333;
    color: #fff;
    width: 50%;
    text-align:center
}

.c-tab_menu li a {
    padding: 10px;
    color: #fff;
    text-decoration: none;
    display:block
}

.c-tab_menu li a.is-act {
    color: #333;
    background:#ddd
}

.c-tab_content {
    margin-bottom: 50px;
    background: #ddd;
    padding: 30px;
    position:relative
}

.-confirm .c-form__select label, .c-tab_content .c-tab_body {
    display:none
}

.c-tab_content .c-tab_body:first-child {
    display:block
}

.c-anchor {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-left: -5px;
    margin-right: -5px;
    margin-bottom: calc(2.04082vw + 22.34694px);
    -ms-flex-wrap: wrap;
    flex-wrap:wrap
}

.c-anchor_item {
    min-width: calc(6.53061vw + 55.5102px);
    margin:0 5px .5em;
    list-style: none;
}

.c-anchor_item .link, .c-anchor_item a {
    display: block;
    padding: calc(.32653vw + 6.77551px);
    color: #444;
    font-weight: 700;
    text-align: center;
    border-bottom: 2px solid #1f3174;
    position: relative;
    line-height:1.2
}

.c-anchor_item .link::after {
    content: '';
    display: block;
    position: absolute;
    bottom: calc(-.2449vw + -7.08163px);
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: calc(.2449vw + 7.08163px) calc(.12245vw + 4.54082px) 0;
    border-color:#1f3174 transparent transparent
}

.c-contact {
    padding-bottom: calc(3.26531vw + 47.7551px);
    position: relative;
    z-index: 1;
    margin-top:calc(5.30612vw + 40.10204px)
}

.c-contact.-index {
    margin-top:0
}

.c-contact__morphing, .c-contact__morphing .obj {
    position:absolute
}

.c-contact__morphing.-no01 {
    top: calc(-6.93878vw + 61.02041px);
    right: calc(-4.81633vw + -67.93878px);
    width:calc(26.04082vw + 128.34694px)
}

.c-contact__morphing.-no01 .obj {
    right: calc(-2.04082vw + 52.65306px);
    bottom: calc(-3.42857vw + -9.14286px);
    width:calc(14.36735vw + 56.12245px)
}

.c-contact__morphing.-no02 {
    bottom: calc(2.85714vw + 14.28571px);
    left: calc(-11.42857vw + -14.14286px);
    width:calc(27.34694vw + 107.44898px)
}

.c-contact__morphing.-no02 .obj {
    left: calc(6.61224vw + 4.20408px);
    top: calc(-6.53061vw + 74.4898px);
    width:calc(14.36735vw + 56.12245px)
}

.c-contact::before {
    content: '';
    position: absolute;
    z-index: -1;
    left: 0;
    top: calc(.97959vw + 24.32653px);
    bottom: 0;
    background-color:#e8f4f6
}

.c-contact_ttl {
    text-align: center;
    margin-bottom:calc(2.85714vw + 19.28571px)
}

.c-contact_row .link_box__ttl .en, .c-contact_ttl .main {
    font-family: Kanit;
    -webkit-transform: translateY(.2em);
    transform: translateY(.2em);
    color:#1f3174
}

.c-contact_ttl .main {
    font-size: calc(2.44898vw + 4.08163rem);
    font-weight: 400;
    line-height: 1;
    margin-bottom:calc(.81633vw + 11.93878px)
}

.c-contact_ttl .sub {
    font-size: calc(.57143vw + 1.08571rem);
    font-weight:700
}

.c-contact_row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: -15px;
    margin-right:-15px
}

.c-contact_row .link_box {
    width: 50%;
    padding-left: 15px;
    padding-right:15px
}

.c-contact_row .link_box a {
    display: block;
    border-radius: 10px;
    border: 3px solid #1f3174;
    background-size: cover;
    background-repeat: no-repeat;
    padding: calc(3.26531vw + 32.7551px) calc(1.87755vw + 17.95918px) calc(2.69388vw + 24.89796px);
    position: relative;
    z-index: 1;
    height:100%
}

.c-contact_row .link_box a::after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background-color: rgba(65, 169, 165, .3);
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    z-index:1
}

.c-contact_row .link_box__ttl {
    margin-bottom: calc(2.04082vw + 47.34694px);
    position: relative;
    z-index:2
}

.c-contact_row .link_box__ttl .en {
    display: block;
    margin-bottom:calc(.65306vw + 7.55102px)
}

.c-contact_row .link_box__text, .c-contact_row .link_box__ttl .main {
    color: #444;
    font-size: calc(.97959vw + 1.63265rem);
    font-weight: 700;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items:center
}

.c-contact_row .link_box__ttl .main img {
    width: 1.5em;
    font-size: inherit;
    height: .75em;
    margin-left:.75em
}

.c-contact_row .link_box__text {
    color: #1f3174;
    font-size: calc(.08163vw + 1.26939rem);
    position: relative;
    z-index:2
}

.c-contact_row .link_box__text i {
    margin-left: .5em;
    vertical-align:middle
}

.c-contact_row .link_box__text i .js-svg, .c-contact_row .link_box__text i img, .c-contact_row .link_box__text i svg {
    height: 1em;
    width:1em
}

.c-contact_row .link_box__illust {
    position: absolute;
    bottom: calc(-2.44898vw + -20.81633px);
    right: calc(.81633vw + 6.93878px);
    z-index:2
}

.c-contact_row .link_box.js-anim_elm, .c-contact_row .link_box.js-anim_elm .link_box__illust {
    opacity: 0;
    -webkit-transform: scale(.5);
    transform: scale(.5);
    -webkit-transition: all .3s cubic-bezier(.175, .885, .32, 1.275);
    transition:all .3s cubic-bezier(.175, .885, .32, 1.275)
}

.c-contact_row .link_box.js-anim_elm .link_box__illust {
    -webkit-transition: all .3s cubic-bezier(.175, .885, .32, 1.275) .3s;
    transition:all .3s cubic-bezier(.175, .885, .32, 1.275) .3s
}

.c-contact_row .link_box.js-anim_elm.is-act, .c-contact_row .link_box.js-anim_elm.is-act .link_box__illust {
    opacity: 1;
    -webkit-transform: scale(1);
    transform:scale(1)
}

.c-container {
    width:calc(61.22449vw + 210.40816px)
}

.c-container, .c-fluid {
    margin: 0 auto;
    padding:0 calc(1.63265vw + 13.87755px)
}

.c-drawer {
    position: fixed;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    z-index: 9000;
    background-color: #1f3174;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-right: calc(4.89796vw + -18.36735px);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: calc(.16327vw + 1.33878rem);
    opacity: 0;
    -webkit-transition: 0s left .3s, .3s opacity;
    transition:0s left .3s, .3s opacity
}

.c-drawer.is-act {
    left: 0;
    opacity: 1;
    -webkit-transition: .3s opacity;
    transition:.3s opacity
}

.c-drawer__container {
    width: 100%;
    margin: auto;
    max-height: 100%;
    overflow-y:auto
}

.c-drawer__inner {
    padding-top: calc(5.71429vw + -1.42857px);
    padding-bottom: calc(3.26531vw + 37.7551px);
    display: -webkit-box;
    display: -ms-flexbox;
    display:flex
}

.c-drawer__head {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(28.57143vw + 12.85714px);
    flex: 0 0 calc(28.57143vw + 12.85714px);
    width: 100%;
    max-width: calc(28.57143vw + 12.85714px);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    background-image:url(../../img/common/parts/drawer_pic.jpg)
}

.c-drawer__body {
    width: 100%;
    padding-left:calc(2.44898vw + -9.18367px)
}

.c-drawer__body__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom:2em
}

.c-drawer__body__info .close-button {
    display: block;
    height: calc(.81633vw + 36.93878px);
    width: calc(.81633vw + 36.93878px);
    position: relative;
    cursor:pointer
}

.c-drawer__body__info .close-button::after, .c-drawer__body__info .close-button::before {
    content: '';
    display: block;
    height: 2px;
    position: absolute;
    top: 50%;
    margin-top: -1px;
    background-color: #fff;
    left: 20%;
    width:60%
}

.c-drawer__body__info .close-button::before {
    -webkit-transform: rotate(45deg);
    transform:rotate(45deg)
}

.c-drawer__body__info .close-button::after {
    -webkit-transform: rotate(-45deg);
    transform:rotate(-45deg)
}

.c-drawer__body__button, .c-drawer__body__logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items:center
}

.c-drawer__body__logo {
    width:100%
}

.c-contact::before, .c-drawer__body__logo a, .c-form__item__body input {
    width: 100%;
    display:block
}

.c-drawer__body__logo a img {
    height:calc(1.38776vw + 24.79592px)
}

.c-drawer__body__button {
    border-radius: 9999px;
    justify-content: space-around;
    margin-left: auto;
    background-color: #fff;
    padding: 0 calc(4.89796vw + 1.63265px);
    margin-right:2em
}

.c-drawer__body__button .js-svg {
    width: 1.4em;
    height: 1em;
    margin-right:.5em
}

.c-drawer__body__button > span {
    font-family: Kanit;
    display: contents;
    -webkit-transform: translateY(.2em);
    transform:translateY(.2em)
}

.c-drawer .c-accordion {
    margin-bottom:1em
}

.c-drawer .c-accordion:last-child {
    margin-bottom:0
}

.c-drawer .c-accordion__head {
    color: #fec800;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 1em;
    padding:.5em
}

.c-drawer .c-accordion__head .en {
    font-family: Kanit;
    -webkit-transform: translateY(.2em);
    transform: translateY(.2em);
    font-size:calc(-.32653vw + 2.12245rem)
}

.c-drawer .c-accordion__head .js-svg {
    width: 1em;
    height: 1em;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 1em;
    flex: 0 0 1em;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    display: none;
    -webkit-transition: .3s -webkit-transform;
    transition: .3s transform;
    transition:.3s transform, .3s -webkit-transform
}

.c-drawer .c-accordion.is-act > .c-accordion__head .js-svg {
    -webkit-transform: rotate(180deg);
    transform:rotate(180deg)
}

.c-drawer .c-accordion__body {
    overflow:hidden
}

.c-drawer .c-accordion__body .inner .c-accordion__head {
    color: #fff;
    font-weight: 700;
    border: 0;
    padding-bottom: 0;
    margin-bottom:1em
}

.c-drawer__menu, .c-drawer__menu .list .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display:flex
}

.c-drawer__menu {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction:row-reverse
}

.c-drawer__menu__left {
    width: 100%;
    max-width:33.33333%
}

.c-drawer__menu__right {
    width: 100%;
    max-width:66.66667%
}

.c-drawer__menu .list {
    padding-right:1em
}

.c-drawer__menu .list .item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom:1em
}

.c-drawer__menu .list .item:last-child, .c-drawer__menu .works-container > :last-child {
    margin-bottom:0
}

.c-drawer__menu .list .item::before {
    content: '';
    display: block;
    width: .5em;
    height: 1px;
    background-color: #fff;
    margin-right:1em
}

.c-drawer__menu a {
    color:inherit
}

.c-drawer__menu .works-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap:wrap
}

.c-drawer__menu .works-container > * {
    width: 100%;
    max-width: 50%;
    margin-bottom:1em
}

.c-form input, .c-form select, .c-form textarea {
    font-size: inherit;
    line-height: inherit;
    font-family: inherit;
    letter-spacing: inherit;
    padding: 1em;
    border-radius: .5em;
    border: 0 !important;
    outline: 0;
    background-color: #e8eaf6;
    width:100%
}

.wp-pagenavi, .wp-pagenavi > * {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content:center
}

.wp-pagenavi {
    margin-top: calc(1.63265vw + 33.87755px);
    font-weight: 700;
    line-height: 1;
    font-size: calc(.65306vw + .9551rem);
    letter-spacing:0
}

.wp-pagenavi > * {
    font-family: Kanit;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    padding-top: .25em;
    height: calc(2.85714vw + 24.28571px);
    width: calc(2.85714vw + 24.28571px);
    border-radius: 9999px;
    position: relative;
    margin-right:calc(1.22449vw + .40816px)
}

.wp-pagenavi > :last-child {
    margin-right:0
}

.wp-pagenavi > .slash::after {
    content: '/';
    position: absolute;
    top: 50%;
    margin-top: -.5em;
    color: #444;
    right: calc(-.81633vw + -2.93878px);
    font-family: "URWDIN-Medium", sans-serif;
    -webkit-transform: translateY(.1em);
    transform:translateY(.1em)
}

.p-blog_single__navigation__item.-left a, .wp-pagenavi a {
    color:#444
}

.is-pc .p-blog_single__navigation__item.-center a .js-svg, .is-pc .p-blog_single__navigation__item.-left a, .is-pc .wp-pagenavi a.page {
    -webkit-transition: .3s color;
    transition:.3s color
}

.is-pc .wp-pagenavi .first, .is-pc .wp-pagenavi .last, .is-pc .wp-pagenavi .nextpostslink, .is-pc .wp-pagenavi .previouspostslink {
    -webkit-transition: .3s background-color;
    transition:.3s background-color
}

.is-pc .wp-pagenavi .first:hover, .is-pc .wp-pagenavi .last:hover, .is-pc .wp-pagenavi .nextpostslink:hover, .is-pc .wp-pagenavi .previouspostslink:hover {
    background-color:rgba(65, 169, 165, .5)
}

.is-pc .p-blog_single__navigation__item.-left a:hover, .wp-pagenavi .current {
    color:#1f3174
}

.p-index_works__row .works_box dd ul li a.is-hover, .wp-pagenavi .first, .wp-pagenavi .last, .wp-pagenavi .nextpostslink, .wp-pagenavi .previouspostslink {
    color: #fff;
    background-color:#1f3174
}

.wp-pagenavi .first::after, .wp-pagenavi .last::after, .wp-pagenavi .nextpostslink::after, .wp-pagenavi .previouspostslink::after {
    display:none
}

.c-post {
    background-color: #fff;
    padding:calc(2.77551vw + 19.59184px)
}

.c-post.-common {
    padding-left: 0;
    padding-right:0
}

.c-post_head {
    margin-bottom:calc(.81633vw + 16.93878px)
}

.c-post_head__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom:calc(1.22449vw + 5.40816px)
}

.c-post_head__info time {
    font-family: Kanit;
    -webkit-transform: translateY(.2em);
    transform: translateY(.2em);
    color:#1f3174
}

.c-post_head__info .cat {
    background-color: #444;
    color: #fff;
    display: inline-block;
    line-height: 1;
    padding: calc(.16327vw + .73878rem) calc(.40816vw + 1.34694rem);
    border-radius: 20px;
    white-space: nowrap;
    text-align: center;
    font-size: calc(.16327vw + 1.13878rem);
    margin:0 calc(1.22449vw + .40816px)
}

.c-post_head__info .cat.-solution {
    background-color:#00ca92
}

.c-post_head__ttl {
    font-size: calc(.32653vw + 1.67755rem);
    font-weight: 700;
    padding-bottom: calc(.40816vw + 8.46939px);
    border-bottom:1px solid #444
}

.c-post_body {
    font-size:calc(.16327vw + 1.33878rem)
}

.c-post_body > * {
    margin-bottom:1.5em
}

.c-post_body > :first-child {
    margin-top:0
}

.c-post_body > :last-child {
    margin-bottom:0
}

.c-post_body h1, .c-post_body h2, .c-post_body h3, .c-post_body h4, .c-post_body h5, .c-post_body h6 {
    margin-top:2.5em
}

.c-post_body h2, .c-post_body h3 {
    color: #1f3174;
    font-size: calc(.32653vw + 1.47755rem);
    margin-bottom: calc(.81633vw + 16.93878px);
    font-weight:700
}

.c-post_body h2::after, .c-ttl02::after {
    content: '';
    display: block;
    width: calc(2.04082vw + 17.34694px);
    height: 3px;
    background-color: #1f3174;
    margin-top:calc(.40816vw + 3.46939px)
}

.c-post_body h2.-center::after {
    margin-left: auto;
    margin-right:auto
}

.c-post_body h3 {
    background-color: #faf7f3;
    color: #444;
    font-size: calc(.2449vw + 1.40816rem);
    border-left: 5px solid #00ca92;
    padding:calc(.2449vw + 6.08163px) calc(.73469vw + 12.2449px)
}

.c-post_body p, .c-txt-1.-ja {
    -webkit-font-feature-settings: normal;
    font-feature-settings: normal;
    letter-spacing:0
}

.c-txt-1 {
    font-size: calc(.16327vw + 1.33878rem);
    line-height: 2;
    margin-bottom:0
}

.c-radius {
    border-radius:10px
}

.c-ttl-1 {
    line-height: 1.47059;
    font-size: calc(.97959vw + 1.83265rem);
    letter-spacing: .1em;
    padding-left:.1em
}

.c-strong {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255, 230, 93, 0)), color-stop(70%, rgba(255, 230, 93, 0)), color-stop(70%, #ffe65d), to(#ffe65d));
    background-image:linear-gradient(to bottom, rgba(255, 230, 93, 0) 0, rgba(255, 230, 93, 0) 70%, #ffe65d 70%, #ffe65d 100%)
}

.c-ttl01 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    margin-bottom:calc(2.69388vw + 21.89796px)
}

.c-ttl01 .main {
    font-family: Kanit;
    -webkit-transform: translateY(.2em);
    transform: translateY(.2em);
    font-size: calc(2.44898vw + 4.08163rem);
    font-weight: 400;
    letter-spacing: .1em;
    position: relative;
    line-height:1
}

.c-ttl01 .main::after, .c-ttl01 .main::before {
    font-family: "游ゴシック", "YuGothic", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
    color: #f6f3ef;
    letter-spacing: .1em;
    font-size: calc(5.71429vw + 4.85714rem);
    display: block;
    position: absolute;
    top:-1.5625vw
}

.c-ttl01 .main::before {
    content: '“';
    left:-3.75vw
}

.c-ttl01 .main::after {
    content: '”';
    right:-3.75vw
}

.c-ttl01 .sub {
    color: #1f3174;
    font-size: calc(.57143vw + 1.08571rem);
    margin-left:1.5625vw
}

.c-ttl02, .c-ttl03 {
    color: #1f3174;
    font-size: calc(.32653vw + 1.47755rem);
    margin-bottom: calc(.81633vw + 16.93878px);
    font-weight:700
}

.c-ttl02.-center {
    text-align:center
}

.c-ttl02.-center::after {
    margin-left: auto;
    margin-right:auto
}

.c-ttl03 {
    background-color: #faf7f3;
    color: #444;
    font-size: calc(.2449vw + 1.40816rem);
    border-left: 5px solid #00ca92;
    padding:calc(.2449vw + 6.08163px) calc(.73469vw + 12.2449px)
}

.p-blog_archive .c-blog_list {
    margin-bottom:-2em
}

.p-blog_archive .c-blog_list .item {
    width: 100%;
    max-width: calc(100%/3);
    margin-bottom:2em
}

.p-blog_single__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display:flex
}

.p-blog_single__main {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(57.55102vw + -95.81633px);
    flex: 0 0 calc(57.55102vw + -95.81633px);
    max-width:calc(57.55102vw + -95.81633px)
}

.p-blog_single__main .c-post {
    padding-left: 0;
    padding-right:0
}

.p-blog_single__eyecatch {
    display: block;
    position:relative
}

.p-blog_single__eyecatch::before {
    content: '';
    display: block;
    padding-top:54.54545%
}

.p-blog_single__eyecatch img {
    border-radius: 10px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height:100%
}

.p-blog_single__side {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding-left:calc(2.44898vw + 20.81633px)
}

.p-blog_single__side__list {
    font-size:calc(.16327vw + 1.13878rem)
}

.p-blog_single__side__item .link, .p-blog_single__side__item a {
    padding: 1em 1em 1em 0;
    border-bottom: 2px solid #1f3174;
    display: block;
    color: #1f3174;
    position:relative
}

.p-blog_single__side__item .link i, .p-blog_single__side__item a i {
    position: absolute;
    width: 1em;
    height: 1em;
    right: 0;
    top: 50%;
    margin-top: -.5em;
    display:block
}

.p-blog_single__side__item .link i .js-svg, .p-blog_single__side__item a i .js-svg {
    display: block;
    width: 100%;
    height:100%
}

.p-blog_single__navigation {
    margin-top:calc(1.63265vw + 13.87755px)
}

.p-blog_single__navigation__list {
    font-size:calc(.16327vw + 1.13878rem)
}

.p-blog_single__navigation__item a, .p-blog_single__navigation__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content:center
}

.p-blog_single__navigation__item a .js-svg {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 1.25em;
    flex: 0 0 1.25em;
    width: 1.25em;
    height: 1.25em;
    color:#1f3174
}

.p-blog_single__navigation__item.-left {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    padding-right:calc(8.16327vw + -30.61224px)
}

.p-blog_single__navigation__item.-left a .js-svg {
    margin-right: 1em;
    -webkit-transform: rotate(180deg);
    transform:rotate(180deg)
}

.p-blog_single__navigation__item.-center {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(8.16327vw + 69.38776px);
    flex: 0 0 calc(8.16327vw + 69.38776px);
    max-width: calc(8.16327vw + 69.38776px);
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order:2
}

.p-blog_single__navigation__item.-center a {
    border-radius: 9999px;
    border: 1px solid #1f3174;
    font-weight: 700;
    padding-top: 1.5em;
    padding-bottom: 1.5em;
    line-height: 1.4;
    background-color:#fff
}

.p-blog_single__navigation__item.-center a .js-svg, .p-blog_single__navigation__item.-right a .js-svg {
    margin-left:1em
}

.is-pc .p-blog_single__navigation__item.-center a {
    -webkit-transition: .3s background-color, .3s color;
    transition:.3s background-color, .3s color
}

.is-pc .p-blog_single__navigation__item.-center a:hover {
    background-color: #1f3174;
    color:#fff
}

.p-blog_single__navigation__item.-right {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
    padding-left:calc(8.16327vw + -30.61224px)
}

.p-blog_single__navigation__item.-right a {
    color:#444
}

.is-pc .p-blog_single__navigation__item.-right a {
    -webkit-transition: .3s color;
    transition:.3s color
}

.is-pc .p-blog_single__navigation__item.-right a:hover {
    color:#1f3174
}

.p-case_single {
    background-color: #faf7f3;
    padding-top: calc(3.26531vw + 27.7551px);
    padding-bottom:calc(3.26531vw + 27.7551px)
}

.p-case_single__container {
    background-color: #fff;
    padding:calc(3.26531vw + 27.7551px) calc(3.26531vw + 7.7551px)
}

.p-case_single .c-container .c-btn01 {
    margin-top:calc(3.26531vw + 27.7551px)
}

.p-case_single__ttl {
    border-top: 2px solid;
    border-bottom: 2px solid;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 1em;
    line-height: 1.4;
    padding-bottom: 1em;
    font-size:calc(.65306vw + 1.9551rem);
    margin-bottom: 40px;
}

.p-case_single__ttl .label {
    display: inline-block;
    border-radius: 9999px;
    line-height: 1;
    padding: .75em 1.5em;
    color: #fff;
    font-weight: 700;
    font-size: calc(.32653vw + .87755rem);
    margin-right:2em
}

.p-case_single__ttl h1 {
    font-size:inherit
}

.-web .p-case_single__ttl .label {
    background-color:#00ca92
}

.-app .p-case_single__ttl .label {
    background-color:#fec800
}

.-control .p-case_single__ttl .label {
    background-color:#889dd9
}

.-maintenance .p-case_single__ttl .label {
    background-color:#3490d1
}

.p-case__single_section {
    margin-bottom:calc(1.63265vw + 33.87755px)
}

.p-case__single_section .comment > :last-child, .p-case__single_section:last-child {
    margin-bottom:0
}

.p-case__single_section .comment .ttl, .p-case__single_section .ul-container .ttl, .p-case__single_section h2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items:center
}

.p-case__single_section h2 {
    font-size: calc(.32653vw + 1.67755rem);
    line-height: 1.4;
    border-radius: 10px;
    position: relative;
    margin-bottom: calc(1.63265vw + 13.87755px);
    padding: 1em calc(.81633vw + 16.93878px);
    color:#fff
}

.p-case__single_section h2::after {
    content: '';
    display: block;
    position: absolute;
    width: 1em;
    height: 1em;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    bottom: -.25em;
    left:4em
}

.p-case__single_section h2 .strong {
    margin-right: 1em;
    display:block
}

.p-case__single_section h2 .small {
    display: block;
    font-size: .63636em;
    font-family: Kanit;
    -webkit-transform: translateY(.2em);
    transform:translateY(.2em)
}

.p-case__single_section h3 {
    font-size: calc(.4898vw + 1.41633rem);
    line-height: 1.72727;
    margin-bottom:1em
}

.p-case__single_section p, .p-case_single_info p {
    margin-bottom:2em
}

.p-case__single_section .c-strong {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 230, 93, 0)), color-stop(70%, rgba(255, 230, 93, 0)), color-stop(70%, #ffe65d), to(#ffe65d));
    background-image:linear-gradient(to bottom, rgba(255, 230, 93, 0) 0, rgba(255, 230, 93, 0) 70%, #ffe65d 70%, #ffe65d 100%)
}

.p-case__single_section .comment {
    border:2px solid
}

.p-case__single_section .comment .ttl, .p-case__single_section .ul-container .ttl {
    font-weight: 700;
    margin-bottom: 1em;
    font-size:calc(.32653vw + 1.47755rem)
}

.p-case__single_section .comment .ttl .js-svg, .p-case__single_section .ul-container .ttl .js-svg {
    width: 1em;
    height: 1em;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 1em;
    flex: 0 0 1em;
    margin-right:.5em
}

.p-case__single_section .comment, .p-case__single_section .ul-container {
    padding: calc(.81633vw + 16.93878px) calc(3.26531vw + 7.7551px);
    margin-bottom:2em
}

.p-case__single_section .ul-container .list {
    font-size: calc(.16327vw + 1.33878rem);
    line-height:1.4
}

.p-case__single_section .ul-container .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom:1em
}

.p-case__single_section .ol-container .list .item:last-child, .p-case__single_section .ul-container .item:last-child {
    margin-bottom:0
}

.p-case__single_section .ul-container .item .js-svg {
    width: 1em;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 1em;
    flex: 0 0 1em;
    height: 1em;
    margin-right:.5em
}

.p-case__single_section .ol-container {
    padding: calc(.81633vw + 16.93878px) calc(3.26531vw + 7.7551px);
    margin-bottom: 2em;
    border:2px solid
}

.p-case__single_section .ol-container .list {
    padding-left: 0;
    counter-reset: ol-number;
    font-size:calc(.16327vw + 1.33878rem)
}

.p-case__single_section .ol-container .list .item, .p-case__single_section .ol-container .list .item::before {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items:center
}

.p-case__single_section .ol-container .list .item {
    counter-increment: ol-number;
    margin-bottom:1em
}

.p-case__single_section .ol-container .list .item::before {
    content: counter(ol-number);
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 2.5em;
    margin-right: .5em;
    height: 2.5em;
    color: #fff;
    font-family: Kanit;
    -webkit-transform: translateY(.2em);
    transform: translateY(.2em);
    -webkit-box-flex: 0;
    -ms-flex: 0 0 2.5em;
    flex: 0 0 2.5em;
    border-radius:9999px
}

.p-case_single_info {
    padding-top:calc(1.63265vw + 13.87755px)
}

.p-case_single_info dl:last-child, .p-case_single_info > :last-child {
    margin-bottom:0
}

.p-case_single_info dl dd, .p-case_single_info dl dt, .p-case_single_info h4 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items:center
}

.p-case_single_info h4 {
    margin-bottom: 1em;
    line-height: 1.4;
    font-size:calc(.32653vw + 1.47755rem)
}

.p-case_single_info h4::before {
    content: '';
    height: 2px;
    width: 1em;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 1em;
    flex: 0 0 1em;
    margin-right: .5em;
    background-color:#fec800
}

.p-case_single_info dl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: calc(.16327vw + 1.33878rem);
    line-height: 1.4;
    margin-bottom:10px
}

.p-case_single_info dl dd, .p-case_single_info dl dt {
    width:100%
}

.p-case_single_info dl dt {
    font-weight: 700;
    max-width: calc(12.65306vw + 82.55102px);
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(12.65306vw + 82.55102px);
    flex: 0 0 calc(12.65306vw + 82.55102px);
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 1.25em 20px;
    background-color:#faf7f3
}

.p-case_single_info dl dd {
    padding: 1em 20px;
    margin-left: 10px;
    border-bottom:1px solid
}

.p-case_single_problem h2, .p-case_single_problem h2::after {
    background-color:#3490d1
}

.p-case_single_problem .ul-container .list .item .js-svg, .p-case_single_problem .ul-container .ttl, .p-case_single_problem h3 {
    color:#3490d1
}

.p-case_single_problem .ul-container {
    background-color:#e8f4f6
}

.p-case_single_suggestion {
    counter-reset:case-suggestion-section
}

.p-case_single_suggestion .ol-container .list .item::before, .p-case_single_suggestion h2, .p-case_single_suggestion h2::after {
    background-color:#1f3174
}

.p-case_single_suggestion .ol-container {
    border-color:#1f3174
}

.p-case_single_suggestion__section {
    counter-increment: case-suggestion-section;
    margin-bottom:calc(1.63265vw + 13.87755px)
}

.p-case .p-index_works__case .case_slider .swiper-wrapper .swiper-slide:last-child, .p-case_single_suggestion__section:last-child {
    margin-bottom:0
}

.p-case_single_suggestion__ttl {
    font-size: calc(.32653vw + 1.47755rem);
    line-height: 1.4;
    font-weight: 700;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items:center
}

.p-case_single_suggestion__ttl::before {
    content: counter(case-suggestion-section) ".";
    margin-right: .5em;
    color:#1f3174
}

.p-case_single_result h2, .p-case_single_result h2::after {
    background-color:#00ca92
}

.p-case, .p-case_single_result .ul-container {
    background-color:#faf7f3
}

.p-case_single_result .comment .ttl, .p-case_single_result .ul-container .list .item .js-svg {
    color:#00ca92
}

.p-case_single_result .comment {
    border-color:#00ca92
}

.p-case {
    padding-top: calc(2.44898vw + 30.81633px);
    padding-bottom:calc(2.44898vw + 30.81633px)
}

.p-case .p-index_works__case .case_slider .swiper-wrapper {
    display: block;
    margin: 0 auto;
    width:calc(42.85714vw + 174.28571px)
}

.p-case .p-index_works__case .case_slider .swiper-wrapper .swiper-slide {
    margin-bottom:calc(1.63265vw + 13.87755px)
}

.p-case_nav {
    margin-bottom:2em
}

.p-case_nav__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: -15px;
    margin-right: -15px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    line-height:1.2
}

.p-case_nav__item {
    padding-left: 15px;
    padding-right: 15px;
    font-size: calc(.40816vw + 1.14694rem);
    margin-bottom: 1.5em;
    max-width: 33.33333%;
    width:100%
}

.p-case_nav__item a {
    border-radius: 10px;
    background-color: #fff;
    padding: 1em;
    color: #444;
    font-weight:700
}

.p-case_nav__item .link, .p-case_nav__item a, .p-contact_nav__item > a, .p-contact_nav__item > span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items:center
}

.p-case_nav__item .link {
    border-radius: 10px;
    background-color: #fff;
    padding: 1em;
    font-weight: 700;
    color:#fff
}

.p-case_nav__item .link .js-svg, .p-case_nav__item a .js-svg {
    width: 1em;
    margin-left: auto;
    height:1em
}

.p-case_nav__item .link .js-svg.icon, .p-case_nav__item a .js-svg.icon {
    width: 2em;
    height: 2em;
    font-size: inherit;
    margin-right: 1em;
    margin-left:0
}

.p-case_nav__item.-business a .icon .st0 {
    stroke: #1f3174;
    color:#1f3174
}

.p-case_nav__item.-business .link {
    background-color:#1f3174
}

.is-pc .p-case_nav__item.-app a:hover .icon .st0, .is-pc .p-case_nav__item.-business a:hover .icon .st0, .is-pc .p-case_nav__item.-control a:hover .icon .st0, .is-pc .p-case_nav__item.-maintenance a:hover .icon .st0, .is-pc .p-case_nav__item.-web a:hover .icon .st0, .p-case_nav__item.-app .link .icon .st0, .p-case_nav__item.-business .link .icon .st0, .p-case_nav__item.-control .link .icon .st0, .p-case_nav__item.-maintenance .link .icon .st0, .p-case_nav__item.-web .link .icon .st0 {
    stroke: #fff;
    color:#fff
}

.p-case_nav__item.-web a .icon .st0 {
    stroke: #00ca92;
    color:#00ca92
}

.p-case_nav__item.-web .link {
    background-color:#00ca92
}

.p-case_nav__item.-app a .icon .st0 {
    stroke: #fec800;
    color:#fec800
}

.p-case_nav__item.-app .link {
    background-color:#fec800
}

.p-case_nav__item.-control a .icon .st0 {
    stroke: #889dd9;
    color:#889dd9
}

.p-case_nav__item.-control .link {
    background-color:#889dd9
}

.p-case_nav__item.-maintenance a .icon .st0 {
    stroke: #3490d1;
    color:#3490d1
}

.p-case_nav__item.-maintenance .link {
    background-color:#3490d1
}

.is-pc .p-case_nav__item a {
    -webkit-transition: .3s background-color;
    transition:.3s background-color
}

.is-pc .p-case_nav__item a .icon .st0 {
    -webkit-transition: .3s stroke, .3s color;
    transition:.3s stroke, .3s color
}

.is-pc .p-case_nav__item.-business a:hover, .p-contact_nav__item.is-act > a, .p-contact_nav__item.is-act > span {
    background-color: #1f3174;
    color:#fff
}

.is-pc .p-case_nav__item.-web a:hover {
    background-color: #00ca92;
    color:#fff
}

.is-pc .p-case_nav__item.-app a:hover {
    background-color: #fec800;
    color:#fff
}

.is-pc .p-case_nav__item.-control a:hover {
    background-color: #fc802c;
    color:#fff
}

.is-pc .p-case_nav__item.-maintenance a:hover {
    background-color: #3490d1;
    color:#fff
}

.p-contact_nav {
    font-size: calc(.2449vw + 1.20816rem);
    line-height:1.4
}

.p-contact_nav__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: -5px;
    margin-right:-5px
}

.p-contact_nav__item {
    padding-left: 5px;
    padding-right: 5px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    width: 100%;
    font-weight:700
}

.p-contact_nav__item > a, .p-contact_nav__item > span {
    color: #1f3174;
    border: 1px solid #1f3174;
    border-top-left-radius: .5em;
    padding: calc(.81633vw + 11.93878px) calc(.81633vw + 6.93878px);
    height: 100%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    border-top-right-radius: .5em;
    -webkit-transition: .3s color, .3s background-color;
    transition:.3s color, .3s background-color
}

.p-contact_nav__item > a .ja, .p-contact_nav__item > span .ja {
    margin-right:1em
}

.p-contact_nav__item > a .en, .p-contact_nav__item > span .en {
    font-family: Kanit;
    -webkit-transform: translateY(.2em);
    transform: translateY(.2em);
    font-size:.85em
}

.is-pc .p-contact_nav__item:not(.is-act) > a, .is-pc .p-contact_nav__item:not(.is-act) > span {
    -webkit-transition: .3s background-color;
    transition: .3s background-color;
    cursor:pointer
}

.is-pc .p-contact_nav__item:not(.is-act) > a:hover, .is-pc .p-contact_nav__item:not(.is-act) > span:hover {
    background-color:#e8f4f6
}

.p-contact_nav__item:not(.is-act) {
    cursor:pointer
}

.p-contact_main {
    padding-top: calc(2.44898vw + 20.81633px);
    padding-bottom:calc(4.08163vw + 34.69388px)
}

.p-contact_main__item {
    display: none;
    opacity:0
}

.p-form_tel {
    max-width: 898px;
    outline: solid 1px #ddd;
    border: 9px solid #1f3174;
    margin: 30px auto;
    padding: 20px;
    text-align:center
}

.p-form_notice p, .p-form_tel p {
    margin:0
}

.p-form_tel .number {
    font-size: 2.4rem;
    font-weight: 700;
    margin:15px 0
}

.mw_wp_form_confirm .form_tel, .p-form_input .mwform-checkbox-field input[type=checkbox], .p-form_input .mwform-radio-field input[type=radio] {
    display:none
}

.p-form_guide {
    max-width: 960px;
    margin:0 auto
}

.p-form_confirm {
    text-align: center;
    margin-bottom:40px
}

.p-form_input {
    max-width: 960px;
    margin:0 auto
}

.p-form_input td, .p-form_input th {
    border-style: none;
    padding: 10px 0;
    vertical-align:top
}

.p-form_input th {
    padding-right:20px
}

.p-form_input .require {
    background-color: #c33;
    padding: 3px 4px;
    color: #fafafa;
    font-size: 1.1rem;
    letter-spacing: 1px;
    margin: 0 0 0 10px;
    line-height: 1;
    border-radius: 3px;
    font-family: "游ゴシック", "YuGothic", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif
}

.p-form_input .mwform-checkbox-field .mwform-checkbox-field-text, .p-form_input .mwform-radio-field .mwform-radio-field-text {
    padding-left: 25px;
    position:relative
}

.p-form_input .mwform-checkbox-field .mwform-checkbox-field-text::before, .p-form_input .mwform-radio-field .mwform-radio-field-text::before {
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    left: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -moz-appearance: none;
    border: 1px solid #999;
    background-color: #fff;
    vertical-align: middle;
    padding:5px
}

.p-form_input .mwform-radio-field .mwform-radio-field-text::before {
    content: "";
    width: 18px;
    height: 18px;
    border-radius: 50%;
    -webkit-box-shadow: inset 4px 4px 10px rgba(0, 0, 0, .2);
    box-shadow: inset 4px 4px 10px rgba(0, 0, 0, .2);
    cursor:pointer
}

.p-form_input .mwform-checkbox-field .mwform-checkbox-field-text::before {
    content: '';
    width: 20px;
    height: 20px;
    border-radius:2px
}

.p-form_input .c-btn_area {
    text-align: center;
    margin-bottom: 40px;
    overflow:hidden
}

.p-form_input .c-btn_area input {
    margin:0 20px
}

.p-form_input input[name=submitConfirm] {
    background: #1f3174;
    color: #fff;
    padding: 0;
    width: 185px;
    height: 45px;
    border: 0;
    display: block;
    margin: 20px auto;
    cursor:pointer
}

.p-form_input input[name=submitBack]:hover, .p-form_input input[name=submitConfirm]:hover, .p-form_input input[name=submitSubmit]:hover {
    opacity:.8
}

.p-form_input input[name=submitBack] {
    background: #ddd;
    padding: 0;
    height: 45px;
    border: 0;
    cursor: pointer;
    float: left;
    margin: 1%;
    width:48%
}

.p-form_input input[name=submitSubmit] {
    background: #1f3174;
    color: #fff;
    height: 45px;
    border: 0;
    cursor: pointer;
    float: left;
    margin: 1%;
    width:48%
}

.p-form_notice {
    max-width: 920px;
    border: 1px solid #ddd;
    border-radius: 2px;
    padding: 20px;
    margin:20px auto
}

.p-form_notice .ttl {
    background: #faf7f3;
    color: #444;
    padding: 5px 20px;
    margin:-20px -20px 20px
}

.p-news_archive, .p-news_post {
    background-color: #faf7f3;
    padding: calc(2.12245vw + 22.04082px) 0;
    margin-bottom:calc(4.08163vw + 14.69388px)
}

.p-partner__image::before {
    padding-top:45.04505%
}

.p-partner__ttl {
    margin-top: 2.5em;
    color: #1f3174;
    margin-bottom:1.5em
}

.p-partner__ttl, .p-partner__txt {
    text-align:center
}

.p-partner_main {
    padding-bottom:calc(4.08163vw + 34.69388px)
}

.p-partner_result {
    border: 2px solid #1f3174;
    margin-top: calc(1.63265vw + 23.87755px);
    padding:calc(.81633vw + 26.93878px) calc(4.08163vw + 4.69388px)
}

.p-partner_result__ttl {
    line-height: 1.4;
    color: #1f3174;
    font-weight: 700;
    font-size: calc(.32653vw + 1.67755rem);
    text-align: center;
    margin-bottom:1em
}

.p-partner_result__item, .p-partner_result__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display:flex
}

.p-partner_result__list {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    line-height: 1.4;
    font-size:calc(.2449vw + 1.20816rem)
}

.p-partner_result__item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
    width: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom:1em
}

.p-partner_result__item .js-svg {
    width: 1em;
    height: 1em;
    margin-right: .5em;
    color: #1f3174;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 1em;
    flex:0 0 1em
}

.p-partner_contact {
    background-color: #faf7f3;
    padding:calc(4.08163vw + 34.69388px) 0
}

.p-partner_contact__ttl {
    text-align: center;
    color: #1f3174;
    margin-bottom:1em
}

.p-partner_contact__txt {
    text-align:center
}

.p-partner_contact .c-form {
    margin-top:calc(1.63265vw + 23.87755px)
}

.p-partner_contact .c-form input, .p-partner_contact .c-form textarea {
    background-color:#fff
}

.p-recruit_entry .c-ttl01, .p-recruit_information .c-ttl01, .p-recruit_message .c-ttl01, .p-recruit_works .c-ttl01 {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap:wrap
}

.p-recruit_entry .c-ttl01 .sub, .p-recruit_information .c-ttl01 .sub, .p-recruit_message .c-ttl01 .sub, .p-recruit_works .c-ttl01 .sub {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    margin-left: 0;
    margin-top: 1em;
    width: 100%;
    text-align:center
}

.p-recruit_kv {
    overflow: hidden;
    padding-top: calc(3.26531vw + 27.7551px);
    padding-bottom:calc(3.26531vw + 27.7551px)
}

.p-recruit_kv, .p-recruit_kv .c-container {
    position:relative
}

.p-recruit_kv__shape {
    position:absolute
}

.p-recruit_kv__shape img {
    width: 100%;
    height:100%
}

.p-recruit_kv__shape.-first {
    left: calc(0vw + -50px);
    bottom: calc(10.20408vw + 36.73469px);
    width: calc(28.57143vw + 92.85714px);
    height:calc(12.2449vw + 4.08163px)
}

.p-recruit_kv__shape.-second {
    right: calc(-8.16327vw + -19.38776px);
    top: calc(-8.16327vw + -19.38776px);
    width: calc(32.65306vw + 77.55102px);
    height:calc(16.32653vw + -11.22449px)
}

.p-recruit_kv__image {
    width: 82.5%;
    position: relative;
    margin-left: calc(16.32653vw + -11.22449px);
    height:calc(38.36735vw + 136.12245px)
}

.p-recruit_kv__illust .js-svg, .p-recruit_kv__illust svg, .p-recruit_kv__image > *, .p-recruit_kv__image > * > svg {
    width: 100%;
    height:100%
}

.p-recruit_kv__image img {
    width:100%
}

.p-recruit_kv__illust {
    position: absolute;
    bottom: calc(8.16327vw + -30.61224px);
    left: calc(30.61224vw + -114.79592px);
    width: calc(10.77551vw + 159.59184px);
    height:calc(6.53061vw + 125.5102px)
}

.p-recruit_kv__container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: calc(3.26531vw + 27.7551px);
    padding-bottom:calc(3.26531vw + 27.7551px)
}

.p-recruit_kv__container > * {
    width: 100%;
    margin-bottom:calc(-8.16327vw + 230.61224px)
}

.p-recruit_kv__label {
    display: inline-block;
    border: 1px solid;
    padding: .3em .5em;
    line-height: 1;
    font-weight: 700;
    font-size: calc(.32653vw + 1.27755rem);
    margin-bottom:.75em
}

.p-recruit_kv__ttl {
    font-size: calc(1.95918vw + 2.86531rem);
    line-height: 1.4;
    letter-spacing: .1em;
    margin-left:-.05em
}

.p-recruit_kv__ttl > span {
    color:#1f3174
}

.p-recruit_kv__subttl {
    margin-top: .25em;
    font-family: Kanit;
    -webkit-transform: translateY(.2em);
    transform: translateY(.2em);
    color: #1f3174;
    font-size:calc(.32653vw + 1.47755rem)
}

.p-recruit_message {
    color: #fff;
    padding-top: calc(4.08163vw + 34.69388px);
    padding-bottom: calc(4.08163vw + 34.69388px);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url(../../img/recruit/message_bg.jpg);
    text-align:center
}

.p-recruit_message .c-ttl01 {
    margin-bottom:0
}

.p-recruit_message .c-ttl01 .sub {
    color:#fff
}

.p-recruit_message .c-container {
    position:relative
}

.p-recruit_message__kakko {
    position: absolute;
    top: 0;
    height: 100%;
    width:8em
}

.p-recruit_message__kakko.-left {
    left:0
}

.p-recruit_message__kakko.-right {
    right: 0;
    -webkit-transform: rotate(180deg);
    transform:rotate(180deg)
}

.p-recruit_entry .c-container .illust img, .p-recruit_information .c-container .illust img, .p-recruit_message__kakko img, .p-recruit_works .c-container .illust img, .p-recruit_works__item__shape img {
    width: 100%;
    height:100%
}

.p-recruit_message__ttl {
    font-size: calc(.65306vw + 1.9551rem);
    line-height: 1.53333;
    letter-spacing: .1em;
    padding-left: .1em;
    margin-top: 1.5em;
    margin-bottom:1.5em
}

.p-recruit_message__ttl > span {
    display: inline-block;
    background: #fff;
    color: #1f3174;
    margin: .15em .25em;
    padding:0 .25em
}

.p-recruit_works {
    padding-top: calc(1.63265vw + 53.87755px);
    padding-bottom:calc(3.26531vw + 27.7551px)
}

.p-recruit_works .c-ttl01 .main::after, .p-recruit_works .c-ttl01 .main::before {
    color:#1f3174 !important
}

.p-recruit_works .c-container, .p-recruit_works__item__head .image {
    position:relative
}

.p-recruit_works .c-container .illust {
    position: absolute;
    right: calc(1.22449vw + -19.59184px);
    top: calc(12.2449vw + -195.91837px);
    width: calc(6.12245vw + 102.04082px);
    height:calc(6.12245vw + 102.04082px)
}

.p-recruit_works__item {
    margin-bottom: calc(4.89796vw + 41.63265px);
    position:relative
}

.p-recruit_works__item__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: -15px;
    margin-right: -15px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items:center
}

.p-recruit_works__item:nth-of-type(even) .p-recruit_works__item__container {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction:row-reverse
}

.p-recruit_works__item__dot {
    position: absolute;
    width: calc(11.42857vw + 57.14286px);
    bottom:calc(-12.2449vw + 45.91837px)
}

.p-recruit_works__item:nth-of-type(odd) .p-recruit_works__item__dot {
    left:calc(0vw + -50px)
}

.p-recruit_works__item:nth-of-type(even) .p-recruit_works__item__dot {
    right:calc(0vw + -50px)
}

.p-recruit_works__item__shape {
    position: absolute;
    bottom: calc(-8.16327vw + 30.61224px);
    width:calc(62.85714vw + -85.71429px)
}

.p-recruit_works__item:nth-of-type(odd) .p-recruit_works__item__shape {
    left:calc(-8.16327vw + -69.38776px)
}

.p-recruit_works__item:nth-of-type(even) .p-recruit_works__item__shape {
    right: calc(0vw + -100px);
    -webkit-transform: scaleX(-1);
    transform:scaleX(-1)
}

.p-recruit_works__item__body, .p-recruit_works__item__head {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    width:100%
}

.p-recruit_works__item__head {
    padding-left: 15px;
    padding-right:15px
}

.p-recruit_works__item__head .image::before {
    content: '';
    display: block;
    padding-top:74.07407%
}

.p-company_pic .image img, .p-recruit_works__item__head .image img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height:100%;
    border: 2px solid rgb(205 205 205 / 70%);
    border-radius: 30px;
}

.p-recruit_works__item__body {
    position:relative
}

.p-recruit_works__item:nth-of-type(odd) .p-recruit_works__item__body {
    padding-right: 15px;
    padding-left:30px
}

.p-recruit_works__item:nth-of-type(even) .p-recruit_works__item__body {
    padding-right: 30px;
    padding-left:15px
}

.p-recruit_works__item__label {
    display: inline-block;
    border-radius: 9999px;
    color: #fff;
    font-size: calc(.32653vw + .87755rem);
    line-height: 1;
    padding: .75em 1.25em;
    font-weight:700
}

.-business .p-recruit_works__item__label {
    background-color:#1f3174
}

.-web .p-recruit_works__item__label {
    background-color:#00ca92
}

.-app .p-recruit_works__item__label {
    background-color:#fec800
}

.-control .p-recruit_works__item__label {
    background-color:#889dd9
}

.-maintenance .p-recruit_works__item__label {
    background-color:#3490d1
}

.p-recruit_works__item__ttl {
    font-size: calc(.32653vw + 1.67755rem);
    line-height: 1.72727;
    margin-top:.5em
}

.-business .p-recruit_works__item__ttl {
    color:#1f3174
}

.-web .p-recruit_works__item__ttl, .p-index_concept__row .item .ttl .main .orange {
    color:#00ca92
}

.-app .p-recruit_works__item__ttl {
    color:#fec800
}

.-control .p-recruit_works__item__ttl {
    color:#889dd9
}

.-maintenance .p-recruit_works__item__ttl {
    color:#3490d1
}

.p-recruit_works__item__txt {
    margin-bottom: 0;
    margin-top: 1em;
    position:relative
}

.p-recruit_information {
    background-color: #e8f4f6;
    padding-top: calc(3.26531vw + 47.7551px);
    padding-bottom: calc(4.08163vw + 34.69388px);
    position:relative
}

.p-recruit_information .c-container {
    position:relative
}

.p-recruit_information .c-container .illust {
    position: absolute;
    left: calc(1.22449vw + -19.59184px);
    top: calc(10.20408vw + -163.26531px);
    width: calc(8.16327vw + 69.38776px);
    height:calc(8.16327vw + 69.38776px)
}

.p-recruit_information__item {
    margin-bottom:1em
}

.p-recruit_information__item:last-child, .p-recruit_information__item__body .list .item:last-child, .p-recruit_information__item__body dl:last-child {
    margin-bottom:0
}

.p-recruit_information__item__body dl dt, .p-recruit_information__item__head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight:700
}

.p-recruit_information__item__head {
    line-height: 1.4;
    font-size: calc(.32653vw + 1.47755rem);
    background-color: #1f3174;
    color: #fff;
    padding: 1em calc(.81633vw + 16.93878px);
    position: relative;
    cursor:pointer
}

.p-recruit_information__item__head .small {
    font-size: .7em;
    margin-left:2em
}

.is-over .p-recruit_information__item__head {
    background-color: #b3bab8;
    cursor:default
}

.is-over .p-recruit_information__item__head::after, .is-over .p-recruit_information__item__head::before {
    display:none
}

.p-recruit_information__item__head::after, .p-recruit_information__item__head::before {
    content: '';
    display: block;
    width: 1em;
    height: 2px;
    background-color: #fff;
    position: absolute;
    top: 50%;
    margin-top: -1px;
    right: 1em;
    -webkit-transition: .3s opacity, .3s -webkit-transform;
    transition: .3s transform, .3s opacity;
    transition:.3s transform, .3s opacity, .3s -webkit-transform
}

.p-recruit_information__item__head::before {
    -webkit-transform: rotate(90deg);
    transform:rotate(90deg)
}

.is-act .p-recruit_information__item__head::before {
    -webkit-transform: rotate(0deg);
    transform:rotate(0deg)
}

.is-act .p-recruit_information__item__head::after {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity:0
}

.p-recruit_information__item__body {
    background-color: #fff;
    font-size: calc(.16327vw + 1.33878rem);
    line-height: 1.75;
    height: 0;
    overflow:hidden
}

.p-recruit_information__item__body .inner {
    padding:calc(1.63265vw + 23.87755px) calc(.81633vw + 16.93878px)
}

.p-recruit_information__item__body .list .item, .p-recruit_information__item__body dl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom:1em
}

.p-recruit_information__item__body dl dt {
    background-color: #e8f4f6;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 21.42857%;
    flex: 0 0 21.42857%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color:#1f3174
}

.p-recruit_information__item__body dl dd {
    padding-left: calc(.81633vw + 16.93878px);
    padding-top: 1em;
    padding-bottom: 1em;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 78.57143%;
    flex:0 0 78.57143%
}

.p-recruit_information__item__body .list .item {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items:flex-start
}

.p-recruit_information__item__body .list .item::before {
    content: '';
    display: block;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 .25em;
    flex: 0 0 .25em;
    border-radius: 50%;
    background-color: #00ca92;
    width: .25em;
    height: .25em;
    margin-right: .5em;
    margin-top:.75em
}

.p-recruit_entry {
    padding-top: calc(4.08163vw + 34.69388px);
    margin-bottom:calc(4.08163vw + 34.69388px)
}

.p-recruit_entry .c-ttl01 .main::after, .p-recruit_entry .c-ttl01 .main::before {
    color:#1f3174 !important
}

.p-recruit_entry, .p-recruit_entry .c-container {
    position:relative
}

.p-recruit_entry .c-container .illust {
    position: absolute;
    right: calc(1.22449vw + -19.59184px);
    top: calc(10.20408vw + -163.26531px);
    width: calc(8.16327vw + 69.38776px);
    height:calc(8.16327vw + 69.38776px)
}

.p-recruit_entry .c-txt-1 {
    text-align:center
}

.p-recruit_entry .c-form {
    margin-top:calc(1.63265vw + 23.87755px)
}

.p-recruit_entry .c-form input, .p-recruit_entry .c-form select, .p-recruit_entry .c-form textarea {
    background-color:#faf7f3
}

.p-recruit_entry__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -15px;
    margin-right:-15px
}

.p-recruit_entry__item {
    max-width: 50%;
    width: 100%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom:1.5em
}

.p-recruit_entry__item:last-child {
    margin-bottom:0
}

.p-recruit_entry__item.-textarea {
    max-width: 100%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex:0 0 100%
}

.p-recruit_entry__item__head {
    font-weight:700
}

.p-recruit_entry__item__body {
    margin-top:.5em
}

.p-company_pic {
    margin-bottom:calc(4.89796vw + 1.63265px)
}

.p-company_pic .image, .p-staff__item a {
    display: block;
    position: relative;
    overflow: hidden;
    z-index: 1;
    border-radius:10px
}

.p-company_pic .image::before {
    content: '';
    display: block;
    padding-top:45.04505%
}

.p-company_pic img, .p-message_body img {
    width:100%
}

.p-company_map, .p-company_overview {
    margin-bottom:calc(4.08163vw + 24.69388px)
}

.p-company_map {
    height: calc(8.16327vw + 169.38776px);
    width:100%
}

.p-message_container {
    padding-left: calc(8.16327vw + -30.61224px);
    padding-right:calc(8.16327vw + -30.61224px)
}

.p-message_head {
    position: relative;
    padding-bottom:calc(-8.16327vw + 130.61224px)
}

.p-message_head__image {
    width:100%;
}

.p-message_head__image::before {
    padding-top:70.86614%
}

.p-message_head__list {
    z-index: 2;
    line-height: 1.2;
    font-weight: 700;
    color: #fff;
    position: absolute;
    left: calc(44.08163vw + -165.30612px);
    font-size: calc(1.38776vw + 1.37959rem);
    bottom: calc(11.02041vw + -41.32653px);
    white-space:nowrap
}

.p-message_head__item {
    margin-bottom:.25em
}

.p-message_head__item:last-child {
    margin-bottom:0
}

.p-message_head__item > * {
    padding: .25em;
    background-color: #1f3174;
    display:inline-block
}

.p-message_body {
    margin-top: calc(1.63265vw + 33.87755px);
    margin-bottom:calc(1.63265vw + 33.87755px)
}

.p-message_body > * {
    margin-bottom:1.5em
}

.p-message_body > :first-child {
    margin-top:0
}

.p-message_body > :last-child, .p-philosophy_section .c-container > :last-child {
    margin-bottom:0
}

.p-message_body h2 {
    font-size: calc(.32653vw + 1.47755rem);
    line-height: 1.4;
    margin-top: 2.5em;
    color:#1f3174
}

.p-message_body > figure, .p-message_body > img, .p-message_body > picture {
    margin-top: 2.5em;
    margin-bottom:2.5em
}

.p-message_body .sign {
    text-align:right
}

.p-message_body .strong {
    font-size: 1.25em;
    font-weight: 700;
    display: inline-block;
    margin-left:1em
}

.p-philosophy_section {
    margin-bottom:calc(1.63265vw + 53.87755px)
}

.p-philosophy_section__subttl {
    color: #b3bab8;
    font-weight: 700;
    text-align: center;
    font-size: calc(.16327vw + 1.33878rem);
    margin-bottom: 1.5em;
    line-height:1
}

.p-philosophy_section__subttl > * {
    display:inline-block
}

.p-philosophy_section__subttl > ::after {
    content: '';
    display: block;
    width: 100%;
    background-color: #b3bab8;
    height: 1px;
    margin-top:.5em
}

.js-anim_elm .p-philosophy_section__subttl > ::after {
    width: 0;
    height: 10px;
    margin-bottom: -9px;
    -webkit-transition: .6s width, .6s height, .6s margin-bottom;
    transition:.6s width, .6s height, .6s margin-bottom
}

.js-anim_elm.is-act .p-philosophy_section__subttl > ::after {
    width: 100%;
    height: 1px;
    margin-bottom:0
}

.p-philosophy_section__ttl {
    color: #1f3174;
    font-weight: 700;
    letter-spacing: .1em;
    font-size: calc(0.4898vw + 1.61633rem);
    line-height: 1.4;
    text-align: center;
    margin-bottom:1.5em
}

.p-philosophy_section__txt {
    text-align: center;
    font-size: calc(.16327vw + 1.33878rem);
    line-height: 2;
    letter-spacing: 0;
    -webkit-font-feature-settings: normal;
    font-feature-settings: normal;
    margin-bottom:2em
}

.is-pc .p-staff__item__container, .p-staff__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display:flex
}

.p-staff__list {
    margin-left: -15px;
    margin-right: -15px;
    -ms-flex-wrap: wrap;
    flex-wrap:wrap
}

.p-staff__item {
    margin-bottom: 30px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
    padding-left: 15px;
    padding-right:15px
}

.p-staff__item__image::before {
    padding-top:100%
}

.p-staff__item__container {
    line-height: 1;
    background-color: rgba(65, 169, 165, .7);
    color: #fff;
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 1em;
    border-top-right-radius:1em
}

.is-pc .p-staff__item__container {
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    opacity: 0;
    -webkit-transition: .3s opacity;
    transition:.3s opacity
}

.is-pc .p-staff__item__container > * {
    -webkit-transform: translateY(2em);
    transform: translateY(2em);
    -webkit-transition: .3s -webkit-transform;
    transition: .3s transform;
    transition:.3s transform, .3s -webkit-transform
}

.is-pc .p-staff__item a:hover .p-staff__item__container {
    opacity:1
}

.is-pc .p-staff__item a:hover .p-staff__item__container > * {
    -webkit-transform: translateY(0);
    transform:translateY(0)
}

.p-staff__item__section {
    font-size: calc(.16327vw + .93878rem);
    margin:0 0 .75em
}

.p-staff__item__position {
    font-size: calc(.32653vw + .87755rem);
    margin-bottom:0
}

.p-staff__item__position + .p-staff__item__name {
    margin-top:.5em
}

.is-pc .p-staff__item__position + .p-staff__item__name {
    margin-top:1em
}

.p-staff__item__name {
    font-weight: 700;
    font-size: calc(.32653vw + 1.27755rem);
    margin-bottom:.5em
}

.is-pc .p-staff__item__name {
    margin-bottom:1em
}

.p-staff__item__en {
    font-size: calc(.32653vw + .87755rem);
    margin-bottom: 0;
    font-family: "URWDIN-Medium", sans-serif;
    -webkit-transform: translateY(.2em);
    transform: translateY(.2em);
    text-transform:uppercase
}

.p-staff_single {
    margin-bottom:calc(4.89796vw + 41.63265px)
}

.p-staff_single__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items:flex-start
}

.p-staff_single__head {
    display: block;
    overflow: hidden;
    border-radius: 10px;
    position: relative;
    z-index: 1;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(13.38776vw + 229.79592px);
    flex: 0 0 calc(13.38776vw + 229.79592px);
    max-width: calc(13.38776vw + 229.79592px);
    width:100%
}

.p-staff_single__head::before {
    content: '';
    display: block;
    padding-top:100%
}

.p-staff_single__head img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height:100%
}

.p-staff_single__body {
    position: relative;
    z-index: 1;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 100%;
    margin-left: calc(-2.61224vw + -22.20408px);
    margin-top: calc(2.61224vw + 22.20408px);
    padding: calc(2.61224vw + 22.20408px) 0 calc(2.61224vw + 22.20408px) calc(2.61224vw + 22.20408px);
    background-color:#fff
}

.p-staff_single__info__position {
    color: #1f3174;
    margin-bottom: 1em;
    line-height: 1.4;
    font-size:calc(.16327vw + 1.33878rem)
}

.p-staff_single__info__name {
    line-height: 1.4;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-size: calc(.32653vw + 16.77551px);
    margin-bottom:1.5em
}

.p-staff_single__info__name .ja {
    margin-right:1em
}

.p-staff_single__info__name .en {
    display: inline-block;
    font-family: "URWDIN-Medium", sans-serif;
    -webkit-transform: translateY(.2em);
    transform: translateY(.2em);
    font-size: calc(.32653vw + 8.77551px);
    text-transform: uppercase;
    letter-spacing: .1em;
    color:#b3bab8
}

.p-staff_single__info__section {
    font-size: calc(.16327vw + .93878rem);
    margin: 0 0 .75em;
    color:#b3bab8
}

.p-staff_blog {
    background-color: #faf7f3;
    position: relative;
    padding-top: calc(.81633vw + 16.93878px);
    padding-bottom:calc(2.44898vw + 20.81633px)
}

.p-staff_blog__ttl {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: calc(.4898vw + 20.16327px);
    color:#1f3174
}

.p-staff_blog__subttl {
    text-align: center;
    color: #b3bab8;
    font-family: Kanit;
    -webkit-transform: translateY(.2em);
    transform: translateY(.2em);
    line-height: 1;
    margin-bottom:2em
}

.p-index_about {
    position: relative;
    z-index: 1;
    margin-bottom:calc(2.69388vw + 44.89796px)
}

.p-index_about__morphing {
    position: absolute;
    z-index:-1
}

.p-index_about__morphing .obj {
    position:absolute
}

.p-index_about__morphing.-no01 {
    top: calc(7.34694vw + 32.44898px);
    left: calc(-27.42857vw + 262.85714px);
    width:calc(26.36735vw + 224.12245px)
}

.p-index_about__morphing.-no01 .obj {
    bottom: calc(-4.89796vw + -21.63265px);
    left: calc(8.65306vw + 61.55102px);
    width:calc(17.79592vw + 79.26531px)
}

.p-index_about__morphing.-no02 {
    bottom: calc(-1.22449vw + 169.59184px);
    right: calc(-13.87755vw + -97.95918px);
    width:calc(41.06122vw + 173.02041px)
}

.p-index_about__morphing.-no02 .obj {
    bottom: calc(-12.08163vw + 113.30612px);
    right: calc(15.5102vw + 66.83673px);
    width:calc(17.79592vw + 79.26531px)
}

.p-index_about__morphing.-no03 {
    top: calc(48.97959vw + 616.32653px);
    left: calc(-7.02041vw + -63.67347px);
    width: calc(26.36735vw + 224.12245px);
    -webkit-transform: scale(-1, 1);
    transform:scale(-1, 1)
}

.p-index_about__morphing.-no03 .obj {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    top: calc(-4.08163vw + -14.69388px);
    left: calc(-5.30612vw + 139.89796px);
    width:calc(17.79592vw + 79.26531px)
}

.p-index_about__btnarea, .p-index_about__message {
    display: -webkit-box;
    display: -ms-flexbox;
    display:flex
}

.p-index_about__message {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom:calc(3.67347vw + 16.22449px)
}

.p-index_about__message .pic {
    width: calc(28.57143vw + 177.85714px);
    height: auto;
    overflow:hidden
}

.p-index_about__message .pic img {
    height: auto;
    border-radius: 10px;
    width: calc(28.57143vw + 177.85714px);
    width:100%
}

.p-index_about__message .textarea {
    margin-left: -1.5625vw;
    margin-top: 3.125vw;
    position:relative
}

.p-index_about__message .textarea .en {
    font-family: Kanit;
    -webkit-transform: translateY(.2em);
    transform: translateY(.2em);
    color: #b3bab8;
    letter-spacing: .2em;
    line-height: 1;
    margin-bottom: 1.5625vw;
    margin-bottom: calc(1.22449vw + .54082rem);
    font-size:calc(.32653vw + 1.07755rem)
}

.p-index_about__message .textarea .message {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom:calc(1.63265vw + 18.87755px)
}

.p-index_about__message .textarea .message span {
    background-color: #1f3174;
    color: #fff;
    font-weight: 700;
    display: inline-block;
    font-size: calc(1.46939vw + 1.24898rem);
    line-height: 1;
    padding: calc(.2449vw + 6.08163px);
    margin-bottom:calc(.57143vw + .85714px)
}

.p-index_about__btnarea {
    margin-left: -15px;
    margin-right: -15px;
    margin-bottom:calc(4.08163vw + 14.69388px)
}

.p-index_about__btnarea .btn {
    padding-left: 15px;
    padding-right: 15px;
    width:50%
}

.p-index_about__btnarea .btn a, .p-index_about__common {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items:center
}

.p-index_about__btnarea .btn a {
    color: #fff;
    height: calc(4.89796vw + 71.63265px);
    padding: 0 calc(3.67347vw + 6.22449px);
    border-radius: 10px;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    -webkit-transition: all .3s ease;
    transition:all .3s ease
}

.p-index_about__btnarea .btn a .ttl {
    font-size: calc(.89796vw + 1.36327rem);
    font-weight:700
}

.p-index_about__btnarea .btn a .en {
    font-family: Kanit;
    -webkit-transform: translateY(.2em);
    transform: translateY(.2em);
    display: inline-block;
    margin-left: 15px;
    font-size:calc(.32653vw + 1.07755rem)
}

.p-index_about__btnarea .btn a .arrow {
    position: absolute;
    right: calc(3.26531vw + 12.7551px);
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform:translateY(-50%)
}

.p-index_about__btnarea .btn a .arrow .js-svg, .p-index_about__btnarea .btn a .arrow img, .p-index_about__btnarea .btn a .arrow svg, .p-index_works__case .case_slider .case_box a .content .link i .js-svg, .p-index_works__case .case_slider .case_box a .content .link i img, .p-index_works__case .case_slider .case_box a .content .link i svg, .p-index_works__row .works_box .ttl .in .arrow .js-svg, .p-index_works__row .works_box .ttl .in .arrow img, .p-index_works__row .works_box .ttl .in .arrow svg, .p-index_works__row .works_box dd ul li a i .js-svg, .p-index_works__row .works_box dd ul li a i img, .p-index_works__row .works_box dd ul li a i svg {
    width: 1em;
    height:1em
}

.p-index_about__btnarea .btn a:hover {
    -webkit-transform: scale(.97);
    transform:scale(.97)
}

.p-index_about__common {
    margin-bottom: calc(3.26531vw + 27.7551px);
    margin-left: -15px;
    margin-right:-15px
}

.p-index_about__common.-reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction:row-reverse
}

.p-index_about__common .pic, .p-index_about__common .textarea {
    width: 60%;
    padding-left: 15px;
    padding-right:15px
}

.p-index_about__common .pic img {
    width:100%
}

.p-index_about__common .textarea {
    width:40%
}

.p-index_about__common .textarea .ttl {
    margin-bottom:calc(1.63265vw + 11.87755px)
}

.p-index_about__common .textarea .ttl .main {
    font-size: calc(.97959vw + 1.23265rem);
    color: #1f3174;
    line-height: 1;
    margin-bottom:calc(.40816vw + 8.46939px)
}

.p-index_about__common .textarea .ttl .en {
    color: #b3bab8;
    font-family: Kanit;
    -webkit-transform: translateY(.2em);
    transform: translateY(.2em);
    line-height: 1;
    font-size:calc(.32653vw + 1.07755rem)
}

.p-index_about__common .textarea > p {
    line-height: 2;
    margin-bottom:calc(1.79592vw + 21.26531px)
}

.p-index_about__common.js-anim_elm .pic {
    opacity: 0;
    -webkit-filter: blur(10px);
    filter: blur(10px);
    -webkit-transition: all .3s ease;
    transition:all .3s ease
}

.p-index_about__common.js-anim_elm .textarea * {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
    -webkit-transition: all .3s cubic-bezier(.785, .135, .15, .86) .2s;
    transition:all .3s cubic-bezier(.785, .135, .15, .86) .2s
}

.p-index_about__common.js-anim_elm.is-act .pic {
    opacity: 1;
    -webkit-filter: blur(0);
    filter:blur(0)
}

.p-index_about__common.js-anim_elm.is-act .textarea *, .p-index_concept__row .item.js-anim_elm.is-act .comment_fukidashi {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform:translateY(0)
}

.p-index_blog {
    margin-bottom: calc(2.04082vw + 47.34694px);
    position:relative
}

.p-index_blog__head {
    margin-bottom: calc(2.61224vw + 22.20408px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items:flex-start
}

.p-index_blog__head .c-ttl01 {
    margin-bottom:0
}

.p-index_blog__body {
    overflow:visible !important
}

.p-index_blog__body .c-blog_list .item, .p-index_concept__slider .pic img {
    width:100%
}

.p-index_blog__btn {
    margin-left:auto
}

.p-index_concept {
    padding-top: 5.875vw;
    padding-top: calc(2.53061vw + 53.5102px);
    margin-bottom: calc(.40816vw + 63.46939px);
    position: relative;
    z-index:1
}

.p-index_concept__morphing {
    position: absolute;
    top: 0;
    right: -17.5vw;
    z-index: -1;
    width: calc(56.16327vw + 211.38776px);
    height:calc(38.36735vw + 106.12245px)
}

.p-index_concept__morphing .obj {
    position: absolute;
    top: calc(15.91837vw + 45.30612px);
    right: calc(7.67347vw + -2.77551px);
    width:calc(25.55102vw + 111.18367px)
}

.p-index_concept__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: -15px;
    margin-right:-15px
}

.p-index_concept__row .item {
    width: 50%;
    padding: 0 15px;
    position:relative
}

.p-index_concept__row .item.textarea {
    padding-right: calc(5.30612vw + -4.89796px);
    padding-top:calc(1.46939vw + 14.4898px)
}

.p-index_concept__row .item .ttl {
    margin-bottom:calc(1.22449vw + 10.40816px)
}

.p-index_concept__row .item .ttl .en {
    display: block;
    color: #b3bab8;
    font-family: Kanit;
    -webkit-transform: translateY(.2em);
    transform: translateY(.2em);
    letter-spacing: .2em;
    line-height: 1;
    font-size: calc(.32653vw + .87755rem);
    margin-bottom:calc(.2449vw + .90816rem)
}

.p-index_concept__row .item .ttl .main {
    font-size: calc(.97959vw + 1.43265rem);
    letter-spacing: .1em;
    font-weight: 700;
    line-height: 1.8;
    white-space:nowrap
}

.p-index_concept__row .item .ttl .main::after {
    content: '';
    width: calc(1.22449vw + 10.40816px);
    height: calc(.08163vw + 1.69388px);
    background-color: #1f3174;
    display: block;
    margin-top:calc(.81633vw + 6.93878px)
}

.p-index_concept__row .item .text {
    letter-spacing: .01em;
    margin-bottom:calc(1.38776vw + 19.79592px)
}

.p-index_concept__row .item .comment {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-top: -2.8125vw;
    margin-left: calc(5.30612vw + -19.89796px);
    position: relative;
    z-index:1
}

.p-index_concept__row .item .comment_fukidashi {
    background-color: #00ca92;
    color: #fff;
    width: calc(10.61224vw + 160.20408px);
    border-radius: 10px;
    font-weight: 700;
    text-align: center;
    font-size: calc(.4898vw + .81633rem);
    line-height: 1.8;
    letter-spacing: .1em;
    padding: calc(1.63265vw + 3.87755px) 0;
    position:relative
}

.p-index_concept__row .item .comment_fukidashi::after {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: calc(.36735vw + 2.62245px) 0 calc(.36735vw + 2.62245px) calc(.81633vw + 6.93878px);
    border-color: transparent transparent transparent #00ca92;
    right:calc(-.81633vw + -6.93878px)
}

.p-index_concept__row .item .comment_illust {
    padding-top: 1.5625vw;
    padding-left: 2.1875vw;
    width:calc(9.38776vw + 39.79592px)
}

.p-index_concept__row .item.js-anim_elm .comment_fukidashi, .p-index_concept__row .item.js-anim_elm .comment_illust {
    opacity: 0;
    -webkit-transition: all .3s cubic-bezier(.175, .885, .32, 1.275);
    transition:all .3s cubic-bezier(.175, .885, .32, 1.275)
}

.p-index_concept__row .item.js-anim_elm .comment_fukidashi {
    -webkit-transform: translateY(20px);
    transform:translateY(20px)
}

.p-index_concept__row .item.js-anim_elm .comment_illust {
    -webkit-transform: scale(.6);
    transform:scale(.6)
}

.p-index_concept__row .item.js-anim_elm.is-act .comment_illust {
    opacity: 1;
    -webkit-transform: scale(1);
    transform:scale(1)
}

.p-index_concept__slider {
    position: relative;
    width: calc(23.67347vw + 161.22449px);
    margin-left: 0;
    margin-right:0
}

.p-index_concept__slider .pic {
    border-radius: 10px;
    overflow:hidden
}

.p-index_concept__dots {
    position: absolute;
    top: 20px;
    right: calc(1.20192vw + -59.23077px);
    bottom: auto;
    left: auto;
    z-index:2
}

.p-index_concept__dots .swiper-pagination-bullet {
    display: block;
    width: auto;
    height: auto;
    opacity: 1;
    background: 0 0;
    border-radius: 0;
    color: #fff;
    position: relative;
    padding-left: calc(2.40385vw + 21.53846px);
    font-family: Kanit;
    -webkit-transform: translateY(.2em);
    transform: translateY(.2em);
    line-height: 1;
    margin-bottom:10px
}

.p-index_concept__dots .swiper-pagination-bullet::before, .p-index_concept__row .item .comment_fukidashi::after, .p-index_counseling::before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform:translateY(-50%)
}

.p-index_concept__dots .swiper-pagination-bullet::before {
    width: 0;
    height: 1px;
    background-color: #fff;
    left: 0;
    -webkit-transition: all .3s ease;
    transition:all .3s ease
}

.p-index_concept__dots .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
    width:calc(2.40385vw + 11.53846px)
}

.p-index_counseling {
    position: relative;
    z-index: 1;
    margin-bottom:calc(4.08163vw + 44.69388px)
}

.p-index_counseling::before {
    width: 100%;
    background-color: #e8f4f6;
    height: 90%;
    z-index:-1
}

.p-index_counseling____morphing {
    width: calc(18.36735vw + 91.12245px);
    position:absolute
}

.p-index_counseling____morphing .obj {
    position:absolute
}

.p-index_counseling____morphing.-right {
    right: calc(-9.79592vw + -43.26531px);
    top:calc(-5.63265vw + -33.87755px)
}

.p-index_counseling____morphing.-right .obj {
    top: calc(5.71429vw + 28.57143px);
    left: calc(.4898vw + 8.16327px);
    width:calc(8.81633vw + 40.93878px)
}

.p-index_counseling____morphing.-left {
    bottom: calc(-6.44898vw + -20.81633px);
    left: calc(-9.79592vw + -43.26531px);
    -webkit-transform: scale(-1, -1);
    transform:scale(-1, -1)
}

.p-index_counseling____morphing.-left .obj {
    top: calc(-2.04082vw + 32.65306px);
    right: calc(16.32653vw + 38.77551px);
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    width:calc(8.81633vw + 40.93878px)
}

.p-recruit_entry .p-index_counseling____morphing, .p-recruit_information .p-index_counseling____morphing {
    width:calc(21.63265vw + 38.87755px)
}

.p-recruit_information .p-index_counseling____morphing.-right {
    right: auto;
    left:calc(-3.26531vw + -47.7551px)
}

.p-recruit_information .p-index_counseling____morphing.-right .obj {
    left:50%
}

.p-recruit_information .p-index_counseling____morphing.-left {
    left: auto;
    right: calc(-11.42857vw + -17.14286px);
    -webkit-transform: scale(1, 1);
    transform:scale(1, 1)
}

.p-recruit_information .p-index_counseling____morphing.-left .obj {
    right:50%
}

.p-recruit_information .p-index_counseling____morphing.-left .js-svg, .p-recruit_information .p-index_counseling____morphing.-left svg {
    -webkit-transform: scaleX(-1);
    transform:scaleX(-1)
}

.p-recruit_entry .p-index_counseling____morphing.-left {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    left:calc(-3.26531vw + -47.7551px)
}

.p-recruit_entry .p-index_counseling____morphing.-left .obj {
    left:50%
}

.p-index_counseling__ttl {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom:calc(1.63265vw + 11.87755px)
}

.p-index_counseling__ttl .fukidashi {
    background-color: #fc802c;
    color: #fff;
    display: inline-block;
    font-size: calc(.57143vw + 1.28571rem);
    font-weight: 700;
    letter-spacing: .1em;
    padding: calc(.73469vw + 6.2449px) calc(1.63265vw + 13.87755px) calc(.57143vw + 4.85714px);
    border-radius: 30px;
    line-height: 1;
    position: relative;
    margin-bottom:calc(1.95918vw + 18.65306px)
}

.p-index_counseling .obj img{
    width: 80%;
}

.p-index_counseling__ttl .fukidashi::after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: calc(.4898vw + 5.16327px) calc(.32653vw + 2.77551px) 0;
    border-color: #fc802c transparent transparent;
    position: absolute;
    bottom: calc(-.4898vw + -5.16327px);
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform:translateX(-50%)
}

.p-index_counseling__ttl .main {
    font-size: calc(1.06122vw + 1.10204rem);
    letter-spacing: .1em;
    position:relative
}

.p-index_counseling__ttl .main::before {
    content: '';
    display: block;
    background-image: url(../../img/index/counseling_ttl_obj.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: calc(1.14286vw + 15.71429px);
    height: calc(1.22449vw + 15.40816px);
    position: absolute;
    top: calc(-1.63265vw + -9.87755px);
    left:calc(-1.79592vw + -11.26531px)
}

.p-index_counseling__ttl .main .green {
    color: #1f3174;
    font-size:calc(1.30612vw + 1.3102rem)
}

.p-index_counseling__ttl.js-anim_elm .fukidashi, .p-index_counseling__ttl.js-anim_elm .main::before {
    opacity: 0;
    -webkit-transition: all .3s cubic-bezier(.785, .135, .15, .86);
    transition:all .3s cubic-bezier(.785, .135, .15, .86)
}

.p-index_counseling__ttl.js-anim_elm .fukidashi {
    -webkit-transform: translateY(20px);
    transform:translateY(20px)
}

.p-index_counseling__ttl.js-anim_elm .main::before {
    -webkit-transform: scale(.5) translate(10px, 10px);
    transform: scale(.5) translate(10px, 10px);
    -webkit-transition-delay: .3s;
    transition-delay:.3s
}

.p-index_counseling__ttl.js-anim_elm.is-act .fukidashi {
    opacity: 1;
    -webkit-transform: translate(0);
    transform:translate(0)
}

.p-index_counseling__ttl.js-anim_elm.is-act .main::before, .p-index_solution__row .item.js-anim_elm.is-act .num {
    opacity: 1;
    -webkit-transform: scale(1) translateY(0);
    transform:scale(1) translateY(0)
}

.p-index_counseling__lead {
    text-align: center;
    letter-spacing: .1em;
    line-height: 2;
    margin-bottom:calc(2.61224vw + 18.20408px)
}

.p-index_counseling__slider {
    margin-bottom: calc(3.26531vw + 47.7551px);
    overflow:visible !important
}

.p-index_counseling__slider .item {
    position:relative
}

.p-index_counseling__slider .item .box {
    width: 20vw;
    border-radius: 10px;
    background-color: #fff;
    padding: calc(.81633vw + 16.93878px) calc(2.85714vw + 34.28571px) calc(.81633vw + 16.93878px) calc(.81633vw + 16.93878px);
    line-height: 1.75;
    letter-spacing:.1em
}

.p-index_counseling__slider .item .illust {
    position: absolute;
    top: 0;
    right:calc(1.22449vw + -19.59184px)
}

.p-index_counseling__slider.js-anim_elm {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
    -webkit-transition: all .4s ease;
    transition:all .4s ease
}

.p-index_counseling__slider.js-anim_elm.is-act {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform:translateY(0)
}

.p-index_counseling__dots {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom:calc(1.22449vw + 30.40816px)
}

.p-index_counseling__dots .swiper-pagination-bullet {
    border: 1px solid #1f3174;
    opacity: 1;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #fff;
    padding: 0;
    margin:0 5px
}

.p-index_counseling__dots .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color:#1f3174
}

.p-index_counseling__dots.js-anim_elm {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
    -webkit-transition: all .4s ease;
    transition:all .4s ease
}

.p-index_counseling__dots.js-anim_elm.is-act {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform:translateY(0)
}

.p-index_kv {
    position: relative;
    padding-top:20vw
}

.p-index_kv__morphing {
    position: absolute;
    top: -6.875vw;
    right: 26.875vw;
    width:32.125vw
}

.p-index_kv__morphing .obj {
    position: absolute;
    top: 9.0625vw;
    left:-5vw
}

.p-index_kv__pic {
    position: absolute;
    top: calc(-3.26531vw + -27.7551px);
    right:calc(1.46939vw + -133.5102px)
}

.p-index_kv__pic .js-svg, .p-index_kv__pic svg {
    width: calc(41.22449vw + 287.40816px);
    height:calc(36.97959vw + 271.32653px)
}

.p-index_kv__illust {
    position: absolute;
    bottom: .625vw;
    right:11.875vw
}

.p-index_kv__illust img, .p-index_kv__illust svg {
    width:35.625vw
}

.p-index_kv__illust .document01 {
    -webkit-animation: furry_anim .8s ease-in-out infinite alternate;
    animation:furry_anim .8s ease-in-out infinite alternate
}

.p-index_kv__illust .lupe_anim {
    -webkit-animation: furry_anim 1.4s ease-in-out infinite alternate;
    animation:furry_anim 1.4s ease-in-out infinite alternate
}

.p-index_kv__illust .woman_arm {
    -webkit-animation: furry_anim_small .3s ease-in-out infinite alternate;
    animation:furry_anim_small .3s ease-in-out infinite alternate
}

.p-index_kv__illust .obj {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
    opacity: 0;
    -webkit-transition: all .5s ease;
    transition:all .5s ease
}

.p-index_kv__illust .obj:nth-child(0) {
    -webkit-transition-delay: 0ms;
    transition-delay:0ms
}

.p-index_kv__illust .obj:nth-child(1) {
    -webkit-transition-delay: 30ms;
    transition-delay:30ms
}

.p-index_kv__illust .obj:nth-child(2) {
    -webkit-transition-delay: 60ms;
    transition-delay:60ms
}

.p-index_kv__illust .obj:nth-child(3) {
    -webkit-transition-delay: 90ms;
    transition-delay:90ms
}

.p-index_kv__illust .obj:nth-child(4) {
    -webkit-transition-delay: 120ms;
    transition-delay:120ms
}

.p-index_kv__illust .obj:nth-child(5) {
    -webkit-transition-delay: 150ms;
    transition-delay:150ms
}

.p-index_kv__illust .obj:nth-child(6) {
    -webkit-transition-delay: 180ms;
    transition-delay:180ms
}

.p-index_kv__illust .obj:nth-child(7) {
    -webkit-transition-delay: 210ms;
    transition-delay:210ms
}

.p-index_kv__illust .obj:nth-child(8) {
    -webkit-transition-delay: 240ms;
    transition-delay:240ms
}

.p-index_kv__illust .obj:nth-child(9) {
    -webkit-transition-delay: 270ms;
    transition-delay:270ms
}

.p-index_kv__illust .obj:nth-child(10) {
    -webkit-transition-delay: 300ms;
    transition-delay:300ms
}

.p-index_kv__illust.is-act .obj, .p-index_solution__row .item.js-anim_elm.is-act .illust svg .obj01, .p-index_solution__row .item.js-anim_elm.is-act .illust svg .obj02, .p-index_solution__row .item.js-anim_elm.is-act .illust svg .obj03 {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform:translateY(0)
}

.p-index_kv__copy {
    margin-bottom: 4.125vw;
    position: relative;
    z-index:2
}

.p-index_kv__copy .main {
    font-size: calc(1.95918vw + 16.65306px);
    font-weight: 700;
    color: grey;
    letter-spacing: .1em;
    line-height:1.5
}

.p-index_kv__copy .main .green {
    color:#1f3174
}

.p-index_kv__copy .en {
    color: #00ca92;
    font-size: calc(.2449vw + 10.08163px);
    font-family: Kanit;
    -webkit-transform: translateY(.2em);
    transform: translateY(.2em);
    letter-spacing:.2em
}

.p-index_kv__pickup {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    position: relative;
    z-index:1
}

.p-index_kv__pickup .obj {
    position: absolute;
    top: 2vw;
    left: -4vw;
    z-index: -1;
    width: 9.625vw;
    max-width:154px
}

.p-index_kv__pickup, .p-index_kv__pickup .ttl {
    display: -webkit-box;
    display: -ms-flexbox;
    display:flex
}

.p-index_kv__pickup .ttl {
    width: calc(2.44898vw + 60.81633px);
    min-width: 70px;
    height: calc(2.44898vw + 60.81633px);
    min-height: 70px;
    border-radius: 50%;
    background-color: #faf7f3;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-right: 1.25vw;
    font-size:calc(.32653vw + 1.07755rem)
}

.p-index_kv__pickup .ttl i {
    display: block;
    margin-bottom:8px
}

.p-index_kv__pickup .ttl i img, .p-index_kv__pickup .ttl i svg {
    display: block;
    margin: 0 auto;
    width: 19px;
    height:16px
}

.p-index_kv__pickup .content a time, .p-index_kv__pickup .ttl > span, .p-index_kv__scroll {
    font-family: Kanit;
    -webkit-transform: translateY(.2em);
    transform:translateY(.2em)
}

.p-index_kv__pickup .ttl > span {
    display: block;
    line-height:1
}

.p-index_kv__pickup .content {
    padding-top:calc(.65306vw + 7.55102px)
}

.p-index_kv__pickup .content a {
    display: block;
    position: relative;
    padding-bottom: calc(.2449vw + 6.08163px);
    padding-right:calc(1.63265vw + 3.87755px)
}

.p-index_kv__pickup .content a::after {
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    background-color: #b3bab8;
    position: absolute;
    bottom: 0;
    left:0
}

.p-index_kv__pickup .content a time, .p-index_kv__scroll {
    color:#1f3174
}

.p-index_kv__pickup .content a time {
    font-size: calc(.32653vw + 1.07755rem);
    line-height: 1;
    letter-spacing: .1em;
    display: block;
    margin-bottom:calc(.32653vw + .37755rem)
}

.p-index_kv__pickup .content a .post_ttl {
    color: #444;
    letter-spacing: .1em;
    font-size: calc(.32653vw + 1.07755rem);
    margin-bottom:0
}

.p-index_kv__scroll {
    letter-spacing: .2em;
    -webkit-writing-mode: vertical-lr;
    -ms-writing-mode: tb-lr;
    writing-mode: vertical-lr;
    margin-top: 5.625vw;
    padding-left: 3.125vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    max-height:150px
}

.p-index_kv__scroll::after {
    content: '';
    display: block;
    width: 1px;
    height: 5vw;
    background-color: #1f3174;
    margin-top: .625vw;
    -webkit-animation: scroll_bar 1s linear infinite;
    animation:scroll_bar 1s linear infinite
}

.p-index_news {
    position: relative;
    z-index: 1;
    margin-bottom: calc(.97959vw + 64.32653px);
    padding-bottom:calc(-.81633vw + 53.06122px)
}

.p-index_news::after, .p-index_works__inner::after {
    content: '';
    display: block;
    position: absolute;
    z-index: -1;
    background-color:#faf7f3
}

.p-index_news::after {
    width: 93%;
    height: calc(2.20408vw + 291.73469px);
    left: 0;
    bottom:0
}

.p-index_news__dot {
    position: absolute;
    right: -8.125vw;
    top: 1.875vw;
    width:calc(15.26531vw + 67.7551px)
}

.p-index_news__head {
    margin-bottom: calc(4.08163vw + 34.69388px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items:flex-start
}

.p-index_news__head .c-ttl01 {
    margin-bottom:0
}

.p-index_news__btn {
    margin-left:auto
}

.p-index_news .c-news_list {
    width:57.5vw
}

.p-index_news__illust {
    position: absolute;
    bottom: -20px;
    right: 10.4375vw;
    bottom:calc(1.63265vw + -46.12245px)
}

.p-index_solution {
    position: relative;
    z-index:1
}

.p-index_solution__morphing {
    position: absolute;
    z-index: -1;
    width: calc(56.16327vw + 586.38776px);
    height:calc(30.77551vw + 321.59184px)
}

.p-index_solution__morphing .js-svg path, .p-index_solution__morphing svg path {
    fill: #faf7f3;
    color:#faf7f3
}

.p-index_solution__morphing .obj {
    position: absolute;
    width:calc(16.32653vw + 138.77551px)
}

.p-index_solution__morphing.-no01 {
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform:translate(-50%, -50%)
}

.p-index_solution__morphing.-no01 .obj {
    bottom: 0;
    left:-3.125vw
}

.p-index_solution__row {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -15px;
    margin-right:-15px
}

.p-index_solution__row .item {
    width: calc(100%/3);
    padding: 0 15px;
    margin-bottom: 4.0625vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction:column
}

.p-index_solution__row .item .num {
    font-size: calc(5.14286vw + 5.77143rem);
    line-height: 1;
    font-family: Kanit;
    -webkit-transform: translateY(.2em);
    transform: translateY(.2em);
    text-align: center;
    display:block
}

.p-index_solution__row, .p-index_solution__row .item .illust {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content:center
}

.p-index_solution__row .item .illust {
    position: relative;
    z-index: 3;
    margin-top: -3.125vw;
    margin-bottom: 1.875vw;
    height: 13.375vw;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items:flex-end
}

.p-index_solution__row .item .illust img, .p-index_solution__row .item .illust svg {
    width:13.125vw
}

.p-index_solution__row .item .textarea {
    letter-spacing:.1em
}

.p-index_solution__row .item .textarea .ttl {
    font-size: calc(.81633vw + 1.29388rem);
    text-align: center;
    margin-bottom:1.25vw
}

.p-index_solution__row .item .c-btn01 {
    margin-top:auto
}

.p-index_solution__row .item .c-btn01 a {
    max-width: calc(9.79592vw + 143.26531px);
    width:100%
}

.p-index_solution__row .item.-business .num, .p-index_works__case .case_slider .case_box a .content .link i {
    color:#1f3174
}

.p-index_solution__row .item.-web .num {
    color:#00ca92
}

.p-index_solution__row .item.-app .num {
    color:#fec800
}

.p-index_solution__row .item.-control .num {
    color:#fc802c
}

.p-index_solution__row .item.-maintenance .num {
    color:#3490d1
}

.p-index_solution__row .item.js-anim_elm .num {
    -webkit-transform: scale(.5) translateY(10px);
    transform: scale(.5) translateY(10px);
    opacity: 0;
    -webkit-transition: all .3s cubic-bezier(.175, .885, .32, 1.275) .5s;
    transition:all .3s cubic-bezier(.175, .885, .32, 1.275) .5s
}

.p-index_solution__row .item.js-anim_elm .illust svg .obj01 {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
    -webkit-transition: all .3s ease-in;
    transition:all .3s ease-in
}

.p-index_solution__row .item.js-anim_elm .illust svg .obj02, .p-index_solution__row .item.js-anim_elm .illust svg .obj03 {
    opacity: 0;
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
    -webkit-transition: all .3s ease-in .2s;
    transition:all .3s ease-in .2s
}

.p-index_solution__row .item.js-anim_elm .illust svg .obj03 {
    -webkit-transition: all .3s ease-in .4s;
    transition:all .3s ease-in .4s
}

.p-index_solution__row .item.js-anim_elm.is-act .illust svg .furry {
    -webkit-animation: furry_anim .8s ease-in-out infinite alternate;
    animation:furry_anim .8s ease-in-out infinite alternate
}

.p-index_solution__row .item.js-anim_elm.is-act .illust svg .furry_small {
    -webkit-animation: furry_anim_small 1s ease-in-out infinite alternate;
    animation:furry_anim_small 1s ease-in-out infinite alternate
}

.p-index_solution__row .item.js-anim_elm.is-act .illust svg .flash {
    -webkit-animation: flash_anim .3s ease-in-out infinite alternate;
    animation:flash_anim .3s ease-in-out infinite alternate
}

.p-index_solution__row .item.js-anim_elm.is-act .illust svg .flash_reverse {
    animation:flash_anim .3s ease-in-out infinite alternate-reverse
}

.p-index_solution__row .item.-web.is-act .illust svg .document_anim {
    -webkit-animation: furry_anim .8s ease-in-out infinite alternate;
    animation:furry_anim .8s ease-in-out infinite alternate
}

.swiper-slide .item .illust img{
    width: 90px;
}

.p-index_works {
    margin-bottom:calc(3.26531vw + 27.7551px)
}

.p-index_works__inner {
    padding-bottom: calc(4.08163vw + 34.69388px);
    padding-top: calc(2.85714vw + 24.28571px);
    position: relative;
    z-index:1
}

.p-index_works__inner::after {
    width: 96%;
    height: 100%;
    top: 0;
    right:0
}

.p-index_works__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -15px;
    margin-right: -15px;
    padding-bottom: calc(8.16327vw + -10.61224px);
    position:relative
}

.p-index_works__row .works_box {
    padding-left: 15px;
    padding-right: 15px;
    width: calc(100%/3);
    margin-bottom:1.75vw
}

.p-index_works__row .works_box .ttl {
    margin-bottom:1.25vw
}

.p-index_works__row .works_box .ttl .in, .p-index_works__row .works_box .ttl .in .icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items:center
}

.p-index_works__row .works_box .ttl .in {
    color: #444;
    padding-right:1.25vw
}

.p-index_works__row .works_box .ttl .in .icon {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    margin-right:calc(.57143vw + 5.85714px)
}

.p-index_works__row .works_box .ttl .in .text {
    margin-bottom: 0;
    font-weight:700
}

.p-index_works__row .works_box .ttl .in .arrow, .p-index_works__row .works_box dd ul li a i {
    margin-left:auto
}

.p-index_works__row .works_box .ttl .in .circle {
    margin-left: auto;
    width: 5.33333vw;
    height: 5.33333vw;
    border: 2px solid #1f3174;
    border-radius: 50%;
    line-height: 1;
    position: relative;
    -webkit-transition: all .3s ease;
    transition:all .3s ease
}

.p-index_works__row .works_box .ttl .in .circle::after, .p-index_works__row .works_box .ttl .in .circle::before {
    content: '';
    font-weight: 700;
    background-color: #1f3174;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform:translate(-50%, -50%)
}

.p-index_works__row .works_box .ttl .in .circle::before {
    width: 2.66667vw;
    height:2px
}

.p-index_works__row .works_box .ttl .in .circle::after {
    width: 2px;
    height: 2.66667vw;
    -webkit-transition: all .3s ease;
    transition:all .3s ease
}

.p-index_works__row .works_box .ttl.is-opened .in .circle {
    -webkit-transform: rotate(180deg);
    transform:rotate(180deg)
}

.p-index_works__row .works_box .ttl.is-opened .in .circle::after {
    height:0
}

.p-index_works__case .case_slider .case_box.-business a.is-hover, .p-index_works__row .works_box .ttl.-business .in .circle {
    border-color:#1f3174
}

.p-index_works__case .case_slider .case_box.-web a.is-hover, .p-index_works__row .works_box .ttl.-web .in .circle {
    border-color:#00ca92
}

.p-index_works__case .case_slider .case_box.-app a.is-hover, .p-index_works__row .works_box .ttl.-app .in .circle {
    border-color:#fec800
}

.p-index_works__case .case_slider .case_box.-control a.is-hover, .p-index_works__row .works_box .ttl.-control .in .circle {
    border-color:#889dd9
}

.p-index_works__case .case_slider .case_box.-maintenance a.is-hover, .p-index_works__row .works_box .ttl.-maintenance .in .circle {
    border-color:#3490d1
}

.p-index_works__row .works_box dd ul li {
    margin-bottom:10px
}

.p-index_works__row .works_box dd ul li a {
    background-color: #fff;
    color: #1f3174;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    font-weight: 700;
    padding:16px calc(.40816vw + 13.46939px)
}

.p-index_works__row .illust {
    position: absolute;
    right: 0;
    bottom:calc(-2.93878vw + -8.97959px)
}

.p-index_works__row .illust.js-anim_elm {
    -webkit-transition: all .3s cubic-bezier(.175, .885, .32, 1.275);
    transition: all .3s cubic-bezier(.175, .885, .32, 1.275);
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, transform;
    transition-property: opacity, transform, -webkit-transform;
    opacity: 0;
    -webkit-transform: scale(.5);
    transform: scale(.5);
    -webkit-transform-origin: center center;
    transform-origin:center center
}

.p-index_works__row .illust.js-anim_elm.is-act {
    opacity: 1;
    -webkit-transform: scale(1);
    transform:scale(1)
}

.p-index_works__case {
    position:relative
}

.p-index_works__case .case_ttl, .p-index_works__row .works_box dd ul li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items:center
}

.p-index_works__case .case_ttl {
    width: 39.375vw;
    width: calc(29.79592vw + 153.26531px);
    padding: 10px calc(.81633vw + 6.93878px) 20px calc(18.36735vw + -43.87755px);
    background-color: #1f3174;
    color: #fff;
    margin-bottom:calc(2.44898vw + 20.81633px)
}

.p-index_works__case .case_ttl .main {
    font-family: Kanit;
    -webkit-transform: translateY(.2em);
    transform: translateY(.2em);
    font-size: calc(1vw + 2.38776rem);
    font-weight: 600;
    line-height:1
}

.p-index_works__case .case_ttl .sub {
    font-size: calc(.40816vw + 1.14694rem);
    font-weight: 700;
    margin-left:calc(.65306vw + 7.55102px)
}

.p-index_works__case .case_slider {
    margin-bottom: calc(2.53061vw + 16.5102px);
    overflow:visible
}

.p-index_works__case .case_slider .case_box {
    background-color: #fff;
    border-radius:10px
}

.p-index_works__case .case_slider .case_box a {
    display: block;
    padding: calc(1.63265vw + 13.87755px) calc(4.08163vw + 1.69388px);
    border: 3px solid #fff;
    border-radius: 10px;
    -webkit-transition: all .3s ease;
    transition:all .3s ease
}

.p-index_works__case .case_slider .case_box a .head {
    margin-bottom:calc(.40816vw + 8.46939px)
}

.p-index_works__case .case_slider .case_box a .head .cat {
    background-color: #1f3174;
    color: #fff;
    display: inline-block;
    font-weight: 700;
    font-size: calc(.32653vw + .87755rem);
    line-height: 1;
    padding: calc(.40816vw + 3.46939px) calc(.81633vw + 6.93878px);
    border-radius: 9999px;
    margin-bottom:calc(1.38776vw + 2.79592px)
}

.p-index_works__case .case_slider .case_box a .head .ttl {
    font-size: calc(.4898vw + 1.41633rem);
    color:#444
}

.p-index_works__case .case_slider .case_box a .content .information {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom:calc(.4898vw + 12.16327px)
}

.p-index_works__case .case_slider .case_box a .content .information dl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #444;
    width: 80%;
    line-height: 25px;
    font-size:calc(.16327vw + 1.13878rem)
}

.p-index_works__case .case_slider .case_box a .content .information dl dt {
    background-color: #444;
    color: #fff;
    font-weight: 700;
    min-width: 5vw;
    text-align: center;
    margin-right:10px
}

.p-index_works__case .case_slider .case_box a .content .text {
    color: #444;
    margin-bottom:0
}

.p-index_works__case .case_control, .p-index_works__case .case_slider .case_box a .content .link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items:center
}

.p-index_works__case .case_slider .case_box a .content .link {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    font-weight: 700;
    font-size:calc(.16327vw + 1.13878rem)
}

.p-index_works__case .case_slider .case_box.-business a .head .cat {
    background-color:#1f3174
}

.p-index_works__case .case_slider .case_box.-web a .head .cat {
    background-color:#00ca92
}

.p-index_works__case .case_slider .case_box.-app a .head .cat {
    background-color:#fec800
}

.p-index_works__case .case_slider .case_box.-control a .head .cat {
    background-color:#889dd9
}

.p-index_works__case .case_slider .case_box.-maintenance a .head .cat {
    background-color:#3490d1
}

.p-index_works__case .case_control {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    top: 0;
    right:15.625vw
}

.p-index_works__case .case_control_pager {
    width: auto;
    font-family: Kanit;
    -webkit-transform: translateY(.2em);
    transform: translateY(.2em);
    padding: 0 calc(-1.22449vw + 69.59184px);
    font-size:calc(.2449vw + 1.40816rem)
}

.p-index_works__case .case_control_btn {
    width: calc(.81633vw + 46.93878px);
    height: calc(.81633vw + 46.93878px);
    min-width: 60px;
    background-color: #1f3174;
    border: 2px solid #1f3174;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: all .3s ease;
    transition:all .3s ease
}

.p-index_works__case .case_control_btn i {
    line-height:1
}

.p-index_works__case .case_control_btn i .js-svg, .p-index_works__case .case_control_btn i img, .p-index_works__case .case_control_btn i svg {
    width: 1em;
    height:1em
}

.p-index_works__case .case_control_btn.is-hover {
    border-color: #1f3174;
    color:#1f3174
}

.p-index_works__case .case_control_btn.-prev i .js-svg, .p-index_works__case .case_control_btn.-prev i img, .p-index_works__case .case_control_btn.-prev i svg {
    -webkit-transform: scaleX(-1);
    transform:scaleX(-1)
}

.p-solution_single_about__container {
    position: relative;
    padding-top: calc(3.26531vw + 27.7551px);
    padding-bottom:calc(3.26531vw + 27.7551px)
}

.p-solution_single_about__container .bg {
    position: absolute;
    top: 0;
    left: calc(8.16327vw + -130.61224px);
    right: calc(8.16327vw + -130.61224px);
    height: 100%;
    max-width: 9999px;
    width: auto;
    display:block
}

.p-solution_single_about__container .dot {
    position: absolute;
    right: 0;
    top: 0;
    width:calc(11.42857vw + 57.14286px)
}

.p-solution_single_about__container .image {
    position: relative;
    display: block;
    margin: 0 auto;
    width: calc(1.63265vw + 63.87755px);
    height:calc(1.63265vw + 63.87755px)
}

.p-solution_single_about__container .list-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content:center
}

.p-solution_single_about__ttl {
    position: relative;
    text-align: center;
    color: #1f3174;
    font-size: calc(.81633vw + 1.69388rem);
    line-height: 1.4;
    margin-bottom:1em
}

.p-solution_single_about__ttl > span {
    display: inline;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(60%, rgba(255, 255, 255, 0)), color-stop(60%, #fff), to(#fff));
    background-image:linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0) 60%, #fff 60%, #fff 100%)
}

.p-solution_single_about__list {
    position:relative
}

.p-solution_single_about__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 1.5em;
    font-weight: 700;
    max-width: 100%;
    font-size: calc(.16327vw + 1.53878rem);
    white-space:nowrap
}

.p-solution_single_about__item:last-child {
    margin-bottom:0
}

.p-solution_single_about__item .circle {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 2.5em;
    flex: 0 0 2.5em;
    max-width: 2.5em;
    height: 2.5em;
    width: 100%;
    margin-right: 1em;
    border-radius: 9999px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items:center
}

.p-solution_single_about__item .circle .js-svg {
    width: 1em;
    height: 1em;
    color:#fff
}

.-app .p-solution_single_about__item .circle, .-business .p-solution_single_about__item .circle, .-web .p-solution_single_about__item .circle {
    background-color:#1f3174
}

.-control .p-solution_single_about__item .circle {
    background-color:#3490d1
}

.-maintenance .p-solution_single_about__item .circle {
    background-color:#889dd9
}

.p-solution_single_environment {
    padding-top:calc(4.89796vw + 41.63265px)
}

.p-solution_single_environment .p-solution_single__ttl::before, .p-solution_single_example .p-solution_single__ttl::before {
    color:#fff
}

.p-solution_single_environment__container {
    background-color: #faf7f3;
    padding-top: calc(3.26531vw + 27.7551px);
    width: calc(83.67347vw + 61.22449px);
    padding-bottom: calc(3.26531vw + 27.7551px);
    margin:0 auto
}

.p-solution_single_environment__list {
    line-height: 2;
    font-size:calc(.16327vw + 1.33878rem)
}

.p-solution_single_environment__item {
    margin-bottom: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display:flex
}

.p-solution_single_environment__item__head {
    text-align: center;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(10.61224vw + 85.20408px);
    flex: 0 0 calc(10.61224vw + 85.20408px);
    width: 100%;
    max-width: calc(10.61224vw + 85.20408px);
    background: #1f3174;
    color: #fff;
    padding: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items:center
}

.p-solution_single_environment__item__body {
    padding: 20px;
    background-color: #fff;
    width:100%
}

.p-solution_single_environment__item__body .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap:wrap
}

.p-solution_single_environment__item__body .list .item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
    width:100%
}

.p-solution_single_environment__item__body .list .item::before {
    content: '-　';
    color:#1f3174
}

.p-solution_single_example {
    background-color: #e8f4f6;
    padding-top: calc(2.44898vw + 30.81633px);
    padding-bottom:calc(2.44898vw + 30.81633px)
}

.p-solution_single_example .c-container {
    position:relative
}

.p-solution_single_example .c-container .illust {
    position: absolute;
    right: calc(0vw + 0px);
    top: calc(-4.08163vw + -84.69388px);
    width: calc(4.08163vw + 134.69388px);
    height:calc(4.08163vw + 134.69388px)
}

.p-solution_single_example .c-container .illust img {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    width: 100%;
    height:100%
}

.p-solution_single_example__list {
    margin-left: calc(-1.22449vw + -10.40816px);
    margin-right: calc(-1.22449vw + -10.40816px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap:wrap
}

.p-solution_single_example__item {
    padding-left: calc(1.22449vw + 10.40816px);
    padding-right: calc(1.22449vw + 10.40816px);
    width: 100%;
    max-width: 50%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    margin-bottom:calc(2.44898vw + 30.81633px)
}

.p-solution_single_example__item .data .list .item:last-child, .p-solution_single_example__item:last-child {
    margin-bottom:0
}

.p-solution_single_example__item .link, .p-solution_single_example__item a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    font-weight: 700;
    font-size: calc(.4898vw + 1.41633rem);
    padding: 1em 20px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content:space-between
}

.p-solution_single_example__item .link .js-svg, .p-solution_single_example__item a .js-svg {
    width: 1em;
    height: 1em;
    margin-left:1em
}

.-business .p-solution_single_example__item .link, .-business .p-solution_single_example__item a {
    background-color:#1f3174
}

.-web .p-solution_single_example__item .link, .-web .p-solution_single_example__item a {
    background-color:#00ca92
}

.-app .p-solution_single_example__item .link, .-app .p-solution_single_example__item a {
    background-color:#fec800
}

.-control .p-solution_single_example__item .link, .-control .p-solution_single_example__item a {
    background-color:#889dd9
}

.-maintenance .p-solution_single_example__item .link, .-maintenance .p-solution_single_example__item a {
    background-color:#3490d1
}

.p-solution_single_example__item .txt {
    font-size: calc(.16327vw + 1.33878rem);
    line-height: 2;
    margin:1.25em 0
}

.p-solution_single_example__item .data {
    background-color: #fff;
    padding: calc(.81633vw + 16.93878px);
    border-radius:10px
}

.p-solution_single_example__item .data .ttl {
    font-size: calc(.16327vw + 1.53878rem);
    line-height: 1.4;
    color: #1f3174;
    font-weight: 700;
    margin-bottom:1em
}

.-app .p-solution_single_example__item .data .ttl {
    color:#00ca92
}

.-control .p-solution_single_example__item .data .ttl {
    color:#3490d1
}

.-maintenance .p-solution_single_example__item .data .ttl {
    color:#889dd9
}

.p-solution_single_example__item .data .list .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 1.4;
    margin-bottom:.5em
}

.p-solution_single_example__item .data .list .item .js-svg {
    width: 1em;
    height: 1em;
    color: #fec800;
    margin-right:1em
}

.p-solution_single_flow {
    padding-top: calc(3.26531vw + 67.7551px);
    padding-bottom:calc(3.26531vw + 47.7551px)
}

.p-solution_single_flow .c-container {
    position:relative
}

.p-solution_single_flow .c-container .illust {
    position: absolute;
    right: calc(6.12245vw + -97.95918px);
    top: calc(0vw + -100px);
    width: calc(8.16327vw + 169.38776px);
    height:calc(8.16327vw + 169.38776px)
}

.p-solution_single_flow .c-container .illust img {
    width: 100%;
    height:100%
}

.p-solution_single_flow .c-container .dot {
    position: absolute;
    top: 0;
    right: calc(-16.32653vw + 11.22449px);
    width:calc(20.40816vw + 23.46939px)
}

.p-solution_post_development .dot img, .p-solution_single_flow .c-container .dot img {
    width:100%
}

.p-solution_single_flow__list {
    counter-reset: solution-flow;
    position:relative
}

.p-solution_single_flow__list::before {
    content: '';
    display: block;
    top: calc(1.63265vw + 13.87755px);
    bottom: calc(3.26531vw + 27.7551px);
    width: 2px;
    margin-left: -1px;
    position: absolute;
    background-color: #1f3174;
    left:calc(3.26531vw + 27.7551px)
}

.p-solution_single_flow__item {
    counter-increment: solution-flow;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom:calc(-.81633vw + 33.06122px)
}

.p-solution_single_flow__item:last-child {
    margin-bottom:0
}

.p-solution_single_flow__item__head {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(6.53061vw + 55.5102px);
    flex: 0 0 calc(6.53061vw + 55.5102px);
    width: 100%;
    max-width: calc(6.53061vw + 55.5102px);
    text-align: center;
    position: relative;
    color:#fff
}

.p-solution_single_flow__item__head::before {
    content: '';
    display: block;
    padding-top:100%
}

.p-solution_single_flow__item__head .inner {
    position: absolute;
    top: calc(.81633vw + -3.06122px);
    left: calc(.81633vw + -3.06122px);
    right: calc(.81633vw + -3.06122px);
    bottom: calc(.81633vw + -3.06122px);
    border-radius: 9999px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.p-solution_single_flow__item__head .step {
    font-size: calc(.32653vw + 1.07755rem);
    font-family: Kanit;
    -webkit-transform: translateY(0);
    transform:translateY(0)
}

.p-solution_single_flow__item__head .step::after {
    font-size: calc(1.30612vw + 1.9102rem);
    content: "0" counter(solution-flow);
    display: block;
    margin-top:.25em
}

.p-solution_single_flow__item__body {
    width: 100%;
    padding-left:calc(.81633vw + 16.93878px)
}

.p-solution_single_flow__item__body .ttl {
    font-size: calc(.4898vw + 1.41633rem);
    line-height: 1.4;
    color: #1f3174;
    font-weight:700
}

.p-solution_single_flow__item__body .txt {
    margin-top: .5em;
    line-height: 2;
    font-size: calc(.16327vw + 1.33878rem);
    margin-bottom:0
}

.p-solution_single_kv {
    margin-top: calc(4.89796vw + 41.63265px);
    margin-bottom:calc(4.89796vw + 1.63265px)
}

.p-solution_single_kv__container {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: calc(8.16327vw + -10.61224px);
    padding-bottom: calc(3.26531vw + 67.7551px);
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items:center
}

.p-solution_single_kv__container .js-svg, .p-solution_single_kv__container .svg {
    position: absolute;
    top: 0;
    left: -10%;
    right: -10%;
    width: 120%;
    height:100%
}

.p-solution_single_kv__head {
    position: relative;
    width: 100%;
    max-width: 50%;
    padding-left:10%
}

.p-solution_single_kv__head .image {
    display: block;
    margin: 0 auto;
    width: calc(24.4898vw + 108.16327px);
    height:calc(24.4898vw + 108.16327px)
}

.p-solution_single_kv__body {
    position: relative;
    width: 100%;
    max-width: 50%;
    padding-left: calc(8.16327vw + -30.61224px);
    color: #fff;
    margin-top:calc(-8.16327vw + 30.61224px)
}

.p-solution_single_kv__body p{
    font-weight:700;
    color: #fff;
}

.p-solution_single_kv__ttl {
    font-size: calc(2.04082vw + 2.23469rem);
    line-height: 1.2;
    margin-top: .5em;
    margin-bottom: .5em;
    white-space:nowrap
}


.p-solution_single_kv__number {
    font-size: calc(8.16327vw + 6.93878rem);
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items:center
}

.p-solution_single_kv__number .en, .p-solution_single_kv__number .number {
    font-family: Kanit;
    -webkit-transform: translateY(.2em);
    transform:translateY(.2em)
}

.p-solution_single_kv__number .en {
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    font-size: .17em;
    top: 0;
    margin-top: .25em;
    margin-right:1em
}

.p-solution_single_kv__number .number {
    line-height:1
}

.p-solution_single_point {
    padding:calc(0vw + 120px) 0 calc(4.89796vw + 41.63265px)
}

.p-solution_single_point .c-container {
    position:relative
}

.p-solution_single_point .c-container .illust {
    position: absolute;
    right: calc(4.08163vw + -65.30612px);
    top: calc(4.08163vw + -165.30612px);
    width: calc(4.08163vw + 134.69388px);
    height:calc(4.08163vw + 134.69388px)
}

.p-solution_single_point .c-container .illust img {
    width: 100%;
    height:100%
}

.p-solution_single_point__list {
    counter-reset:solution-point
}

.p-solution_single_point__item {
    counter-increment: solution-point;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom:calc(1.63265vw + 33.87755px)
}

.p-solution_single_point__item:nth-of-type(odd) {
    margin-right:calc(4.08163vw + 34.69388px)
}

.p-solution_single_point__item:nth-of-type(even) {
    margin-left:calc(4.08163vw + 34.69388px)
}

.p-solution_single_point__item:last-child {
    margin-bottom:0
}

.p-solution_single_point__item__head {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(8.16327vw + 219.38776px);
    flex: 0 0 calc(8.16327vw + 219.38776px);
    width: 100%;
    max-width: calc(8.16327vw + 219.38776px);
    position:relative
}

.p-solution_single_point__item__head::before {
    content: '';
    display: block;
    padding-top:62.85714%
}

.p-solution_single_point__item__head img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height:100%
}

.p-solution_single_point__item__body {
    padding-left:calc(.81633vw + 16.93878px);
    width: 100%;
}

.p-solution_single_point__item__body .ttl {
    font-size: calc(.32653vw + 1.67755rem);
    line-height: 1.4;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items:center
}

.p-solution_single_point__item__body .flex{
    display: flex;
}

.p-solution_single_point__item__body .flex h3{
    width: 80%;
}
.p-solution_single_point__item__body .flex p{
    width: 20%;
}
.p-solution_single_point__item__body .number {
    line-height: 1;
    font-size: calc(1.63265vw + 5.38776rem);
    -webkit-transform: translateY(.1em);
    transform: translateY(.1em);
    margin-right:.25em;
    font-family: Kanit;
}



.p-solution_single_point__item__body .c-txt-1 {
    margin-top:1em
}

.p-solution_post .p-solution_single__ttl {
    font-size:calc(.32653vw + 2.07755rem)
}

.-business .p-solution_post_about__container .subttl, .p-solution_post.-business .p-solution_single__ttl::before {
    color:#1f3174
}

.-web .p-solution_post_about__container .subttl, .p-solution_post.-web .p-solution_single__ttl::before {
    color:#00ca92
}

.-app .p-solution_post_about__container .subttl, .p-solution_post.-app .p-solution_single__ttl::before {
    color:#fec800
}

.-control .p-solution_post_about__container .subttl, .p-solution_post.-control .p-solution_single__ttl::before {
    color:#889dd9
}

.-maintenance .p-solution_post_about__container .subttl, .p-solution_post.-maintenance .p-solution_single__ttl::before {
    color:#3490d1
}

.p-solution_post_about {
    padding-top: calc(1.63265vw + 13.87755px);
    padding-bottom:calc(1.63265vw + 33.87755px)
}

.p-solution_post_about__container {
    border: 2px solid #1f3174;
    border-radius: 10px;
    padding: calc(1.63265vw + 23.87755px) calc(6.53061vw + -4.4898px);
    position:relative
}

.-business .p-solution_post_about__container {
    border-color:#1f3174
}

.-web .p-solution_post_about__container {
    border-color:#00ca92
}

.-app .p-solution_post_about__container {
    border-color:#fec800
}

.-control .p-solution_post_about__container {
    border-color:#889dd9
}

.-maintenance .p-solution_post_about__container {
    border-color:#3490d1
}

.p-solution_post_about__container .subttl {
    position: absolute;
    top: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    left: 0;
    width: 100%;
    height: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: calc(.16327vw + 1.33878rem);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color:#1f3174
}

.p-solution_post_about__container .subttl > span {
    font-family: Kanit;
    -webkit-transform: translateY(.2em);
    transform: translateY(.2em);
    padding: 1em;
    background-color:#fff
}

.p-solution_post_about__ttl {
    text-align: center;
    line-height: 1.61538;
    margin-bottom: 1em;
    font-size:calc(.32653vw + 2.07755rem)
}

.p-solution_post_industry {
    padding-top: calc(1.63265vw + 33.87755px);
    padding-bottom:calc(1.63265vw + 33.87755px)
}

.p-solution_post_industry__list {
    margin-left: -15px;
    margin-right: -15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: calc(.16327vw + 1.33878rem);
    line-height: 1.4;
    -ms-flex-wrap: wrap;
    flex-wrap:wrap
}

.p-solution_post_industry__item {
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
    max-width: 33.33333%;
    margin-bottom:1em
}

.p-solution_post_industry__item > div {
    background-color: #f6f3ef;
    border-radius: 10px;
    padding:1em
}

.p-solution_post_development {
    background-color: #f6f3ef;
    padding-top: calc(3.26531vw + 27.7551px);
    padding-bottom: calc(3.26531vw + 27.7551px);
    position:relative
}

.p-solution_post_development .dot {
    position: absolute;
    width:calc(10.44898vw + 88.81633px)
}

.p-solution_post_development .dot.-left {
    top: calc(-5.22449vw + -44.40816px);
    left:calc(-5.22449vw + -44.40816px)
}

.p-solution_post_development .dot.-right {
    bottom: calc(-5.22449vw + -44.40816px);
    right:calc(-5.22449vw + -44.40816px)
}

.p-solution_post_development__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom:calc(1.63265vw + 23.87755px)
}

.p-solution_post_development__item:last-child {
    margin-bottom:0
}

.p-solution_post_development__item .image {
    width: 100%;
    max-width: calc(6.93878vw + 308.97959px);
    position:relative
}

.p-solution_post_development__item .image img {
    width: 100%;
    border-radius:10px
}

.p-solution_post_development__item .body {
    width: 100%;
    padding-left:calc(2.44898vw + 20.81633px)
}

.p-solution_post_development__item .body .ttl {
    line-height: 1.4;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #1f3174;
    font-size: calc(.32653vw + 1.67755rem);
    font-weight: 700;
    margin-bottom:1em
}

.p-solution_post_development__item .body .ttl::before {
    content: '';
    display: block;
    width: 1em;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 1em;
    flex: 0 0 1em;
    margin-right: .5em;
    background-color: #00ca92;
    height:2px
}

.p-solution_post_flow {
    padding-top: calc(1.63265vw + 33.87755px);
    padding-bottom:calc(4.89796vw + 41.63265px)
}

.p-solution_post_flow__list {
    position:relative
}

.p-solution_post_flow__list::before {
    content: '';
    display: block;
    top: 2em;
    bottom: 2em;
    left: .5em;
    height: auto;
    position: absolute;
    border-left:1px dashed #00ca92
}

.p-solution_post_flow__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: calc(.81633vw + 26.93878px);
    position:relative
}

.p-solution_post_flow__item:last-child {
    margin-bottom:0
}

.p-solution_post_flow__item .head {
    width: 100%;
    max-width: calc(11.02041vw + 108.67347px);
    color: #1f3174;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight:700
}

.p-solution_post_flow__item .head::before {
    content: '';
    display: block;
    width: 1em;
    height: 1em;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 1em;
    flex: 0 0 1em;
    border-radius: 50%;
    margin-right: 2em;
    background-color:#00ca92
}

.p-solution_post_flow__item .body {
    width:100%
}

.p-solution__list {
    counter-reset: solution;
    width:100%
}

.p-solution__item {
    counter-increment: solution;
    margin-bottom:calc(1.63265vw + 43.87755px)
}

.p-solution__item:last-child {
    margin-bottom:0
}

.p-solution__item a {
    color: inherit;
    display: -webkit-box;
    display: -ms-flexbox;
    display:flex
}

.p-solution__item:nth-of-type(odd) {
    margin-right:calc(22.85714vw + -85.71429px)
}

.p-solution__item:nth-of-type(even) {
    margin-left:calc(22.85714vw + -85.71429px)
}

.p-solution__item__head {
    width: 100%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(4.57143vw + 182.85714px);
    flex: 0 0 calc(4.57143vw + 182.85714px);
    max-width: calc(4.57143vw + 182.85714px);
    position:relative
}

.-business .p-solution__item__head .cls-1 {
    fill: #1f3174;
    color:#1f3174
}

.-web .p-solution__item__head .cls-1 {
    fill: #00ca92;
    color:#00ca92
}

.-app .p-solution__item__head .cls-1 {
    fill: #fec800;
    color:#fec800
}

.-control .p-solution__item__head .cls-1 {
    fill: #889dd9;
    color:#889dd9
}

.-maintenance .p-solution__item__head .cls-1 {
    fill: #3490d1;
    color:#3490d1
}

.p-solution__item__head .js-morphing {
    width: 120%;
    height: 65%;
    position: relative;
    left: -10%;
    top:0
}

.p-solution__item__head .image .js-svg, .p-solution__item__head .js-morphing .js-svg, .p-solution__item__head .js-morphing svg {
    width: 100%;
    height:100%
}

.p-solution__item__head .dot {
    position: absolute;
    top: 25%;
    left: -25%;
    width:100%
}

.p-solution__item__head .image {
    display: block;
    position: absolute;
    width: 100%;
    height: 80%;
    top: 0;
    left:0
}

.-business .p-solution__item__head .cls-2 {
    display:none
}

.-business .p-solution__item__head .js-morphing {
    top: 35%;
    left:-20%
}

.-web .p-solution__item__head .dot {
    left: 40%;
    top:10%
}

.-web .p-solution__item__head .image {
    top:20%
}

.-web .p-solution__item__head .stage {
    display:none
}

.-app .p-solution__item__head .dot {
    left: 40%;
    top:20%
}

.-app .p-solution__item__head .stage {
    display:none
}

.-app .p-solution__item__head .js-morphing {
    top: 35%;
    left:-20%
}

.-control .p-solution__item__head .cls-2 {
    display:none
}

.-control .p-solution__item__head .js-morphing {
    top: 35%;
    left:-20%
}

.-maintenance .p-solution__item__head .js-morphing {
    left:-25%
}

.-maintenance .p-solution__item__head .image {
    top:20%
}

.-maintenance .p-solution__item__head .stage {
    display:none
}

.p-solution__item__body {
    width:100%
}

.p-solution__item__ttl, .p-solution__item__ttl .arrow {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items:center
}

.p-solution__item__ttl {
    font-size:calc(.32653vw + 2.07755rem)
}

.p-solution__item__ttl .arrow {
    width: 1.5em;
    height: 1.5em;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 1.5em;
    flex: 0 0 1.5em;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-left: .5em;
    border-radius:9999px
}

.p-solution__item__ttl .arrow .js-svg {
    color: #fff;
    width: .75em;
    height:.75em
}

.p-solution__item__body > p {
    margin-top: 1em;
    margin-bottom:0;
    font-size: calc(.16327vw + 1.33878rem);
    line-height: 2;
}

.p-solution__item.js-anim_elm .num {
    -webkit-transform: scale(.5) translateY(10px);
    transform: scale(.5) translateY(10px);
    opacity: 0;
    -webkit-transition: all .3s cubic-bezier(.175, .885, .32, 1.275) .5s;
    transition:all .3s cubic-bezier(.175, .885, .32, 1.275) .5s
}

.p-solution__item.js-anim_elm .js-svg .obj01 {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
    -webkit-transition: all .3s ease-in;
    transition:all .3s ease-in
}

.p-solution__item.js-anim_elm .js-svg .obj02, .p-solution__item.js-anim_elm .js-svg .obj03 {
    opacity: 0;
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
    -webkit-transition: all .3s ease-in .2s;
    transition:all .3s ease-in .2s
}

.p-solution__item.js-anim_elm .js-svg .obj03 {
    -webkit-transition: all .3s ease-in .4s;
    transition:all .3s ease-in .4s
}

.p-solution__item.js-anim_elm.is-act .num {
    opacity: 1;
    -webkit-transform: scale(1) translateY(0);
    transform:scale(1) translateY(0);
    font-size: calc(4.32653vw + 2.07755rem);
    font-family: Kanit;
    padding-right: 2vw;
}

.p-solution__item.js-anim_elm.is-act .js-svg .obj01, .p-solution__item.js-anim_elm.is-act .js-svg .obj02, .p-solution__item.js-anim_elm.is-act .js-svg .obj03 {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform:translateY(0)
}

.p-solution__item.js-anim_elm.is-act .js-svg .furry {
    -webkit-animation: furry_anim .8s ease-in-out infinite alternate;
    animation:furry_anim .8s ease-in-out infinite alternate
}

.p-solution__item.js-anim_elm.is-act .js-svg .furry_small {
    -webkit-animation: furry_anim_small 1s ease-in-out infinite alternate;
    animation:furry_anim_small 1s ease-in-out infinite alternate
}

.p-solution__item.js-anim_elm.is-act .js-svg .flash {
    -webkit-animation: flash_anim .3s ease-in-out infinite alternate;
    animation:flash_anim .3s ease-in-out infinite alternate
}

.p-solution__item.js-anim_elm.is-act .js-svg .flash_reverse {
    animation:flash_anim .3s ease-in-out infinite alternate-reverse
}

.p-solution__item.-web.is-act .js-svg .document_anim {
    -webkit-animation: furry_anim .8s ease-in-out infinite alternate;
    animation:furry_anim .8s ease-in-out infinite alternate
}

.p-solution_lower {
    color: #fff;
    text-align: center;
    height: calc(16.32653vw + 138.77551px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: calc(4.89796vw + 41.63265px);
    position:relative
}

.p-solution_lower.-business {
    background-color:#1f3174
}

.p-solution_lower.-business::before {
    background-image:url(../../img/solution/post/kv_business.jpg)
}

.p-solution_lower.-web {
    background-color:#00ca92
}

.p-solution_lower.-web::before {
    background-image:url(../../img/solution/post/kv_web.jpg)
}

.p-solution_lower.-app {
    background-color:#fec800
}

.p-solution_lower.-app::before {
    background-image:url(../../img/solution/post/kv_app.jpg)
}

.p-solution_lower.-control {
    background-color:#889dd9
}

.p-solution_lower.-control::before {
    background-image:url(../../img/solution/post/kv_control.jpg)
}

.p-solution_lower.-maintenance {
    background-color:#3490d1
}

.p-solution_lower.-maintenance::before {
    background-image:url(../../img/solution/post/kv_maintenance.jpg)
}

.p-solution_lower::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    background-image:url(../../img/solution/post/kv.jpg)
}

.p-solution_lower__container {
    line-height: 1.4;
    position:relative
}

.p-solution_lower__ttl {
    font-size: calc(1.14286vw + 1.97143rem);
    letter-spacing: .1em;
    padding-left:.1em
}

.p-solution_lower__subttl {
    font-family: Kanit;
    -webkit-transform: translateY(.2em);
    transform: translateY(.2em);
    font-size: calc(.32653vw + 1.07755rem);
    margin-top:1em
}

.p-solution_single .p-index_works__case {
    padding-top: calc(4.08163vw + 24.69388px);
    padding-bottom: calc(4.08163vw + 24.69388px);
    background-color:#faf7f3
}

.p-solution_single__ttl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    font-size: calc(.97959vw + 1.83265rem);
    margin-bottom:calc(2.44898vw + 20.81633px)
}

.p-solution_single__ttl::before {
    content: '“';
    font-size: 3.5em;
    color: #f6f3ef;
    position: absolute;
    top: .25em;
    left:-.5em
}

.p-solution_single__ttl .strong {
    line-height: 1.4;
    margin-right:.5em
}

.p-solution_single__ttl .small {
    color: #b3bab8;
    font-size: .47059em;
    font-family: Kanit;
    -webkit-transform: translateY(.2em);
    transform:translateY(.2em)
}

.p-solution_single_case {
    position:relative
}

@media only screen and (max-width: 3840px) and(min-width: 320px) and(min-device-pixel-ratio: 1.5),(-o-min-device-pixel-ratio: 1.5),(-webkit-min-device-pixel-ratio: 1.5),(min-device-pixel-ratio: 1.5) {
    .c-drawer__head {
        background-image:url(img/parts/drawer.jpg)
    }
}

@media only screen and (max-width: 1599px) {
    .d-b-max {
        display:none
    }

    .d-n-max {
        display:block
    }

    .d-n-max.-inline {
        display:inline
    }
}

@media only screen and (max-width: 1440px) {
    .l-footer__inner {
        display:block
    }

    .l-footer__info__head {
        width:50%
    }

    .l-footer__info {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items:center
    }

    .l-footer__menu {
        padding-left: 0;
        padding-top:calc(1.63265vw + 13.87755px)
    }

    .d-b-md {
        display:none
    }

    .d-n-md {
        display:block
    }

    .d-n-md.-inline {
        display:inline
    }

    .c-drawer__menu__left, .c-drawer__menu__right {
        max-width:50%
    }

    .c-drawer__menu .works-container {
        display:block
    }

    .c-drawer__menu .works-container > * {
        max-width:100%
    }

    .p-staff__item {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width:33.33333%
    }
}

@media only screen and (max-width: 1023px) {
    #page {
        padding-top: calc(4.89796vw + 41.63265px);
        padding-left:0
    }

    .d-b-tab {
        display:none
    }

    .d-n-tab {
        display:block
    }

    .d-n-tab.-inline {
        display:inline
    }

    .p-kv_lower {
        margin-top:0
    }

    .p-kv_lower__triangle {
        width: 1.5em;
        height:1.5em
    }

    .c-fixed_menu {
        display: none;
        width: 100%;
        height: auto;
        max-width:100%
    }

    .c-fixed_menu__inner {
        height:auto
    }

    .c-drawer__inner {
        display:block
    }

    .c-drawer__menu__left {
        max-width:33.33333%
    }

    .c-drawer__menu__right {
        max-width:66.66667%
    }

    .c-drawer__menu .works-container {
        display: -webkit-box;
        display: -ms-flexbox;
        display:flex
    }

    .c-drawer__menu .works-container > * {
        max-width:50%
    }

    .c-form__item__head {
        max-width: 40.54054%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 40.54054%;
        flex:0 0 40.54054%
    }

    .c-form__item__body {
        max-width: 59.45946%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 59.45946%;
        flex:0 0 59.45946%
    }

    .p-blog_archive .c-blog_list .item {
        max-width:calc(100%/2)
    }

    .p-blog_single__container {
        display:block
    }

    .p-blog_single__main {
        max-width:100%
    }

    .p-blog_single__side {
        padding-left:0
    }

    .p-blog_single__side__list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-left: -15px;
        margin-right: -15px;
        -ms-flex-wrap: wrap;
        flex-wrap:wrap
    }

    .p-blog_single__navigation__item.-left, .p-blog_single__side__item {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        padding-right:15px
    }

    .p-blog_single__side__item {
        padding-left:15px
    }

    .p-blog_single__navigation {
        margin-top: calc(1.63265vw + 33.87755px);
        padding: calc(1.63265vw + 13.87755px);
    }

    .p-blog_single__navigation__list {
        -ms-flex-wrap: wrap;
        flex-wrap:wrap
    }

    .p-blog_single__navigation__item.-left {
        margin-bottom:2em
    }

    .p-blog_single__navigation__item.-center {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4;
        max-width: 100%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex:0 0 100%
    }

    .p-blog_single__navigation__item.-center a {
        background-color:#fff
    }

    .p-blog_single__navigation__item.-right {
        padding-left: 15px;
        margin-bottom:2em
    }

    .p-partner__txt {
        text-align:left
    }

    .p-blog_single__navigation__item.-right, .p-partner_result__item {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width:50%
    }

    .p-recruit_message__kakko.-left {
        left:-4em
    }

    .p-recruit_message__kakko.-right {
        right:-4em
    }

    .p-recruit_works__item__container {
        -ms-flex-wrap: wrap;
        flex-wrap:wrap
    }

    .p-recruit_works__item__container > .p-recruit_works__item__txt {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        padding-left: 15px;
        padding-right:15px
    }

    .p-philosophy_section__txt {
        text-align:left
    }

    .p-staff__item {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width:50%
    }

    .p-staff__item.js-anim_elm {
        opacity: 0;
        -webkit-transform: scale(.5);
        transform: scale(.5);
        -webkit-transition: .6s opacity cubic-bezier(.175, .885, .32, 1.275), .6s -webkit-transform cubic-bezier(.175, .885, .32, 1.275);
        transition: .6s opacity cubic-bezier(.175, .885, .32, 1.275), .6s transform cubic-bezier(.175, .885, .32, 1.275);
        transition:.6s opacity cubic-bezier(.175, .885, .32, 1.275), .6s transform cubic-bezier(.175, .885, .32, 1.275), .6s -webkit-transform cubic-bezier(.175, .885, .32, 1.275)
    }

    .p-staff__item.js-anim_elm.is-act {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity:1
    }

    .p-staff_single__container {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items:flex-end
    }

    .p-staff_single__body {
        margin-top: 0;
        margin-bottom:calc(2.61224vw + 22.20408px)
    }

    .p-staff_single__body__txt {
        margin-top:2em
    }

    .p-staff_single__info__name {
        margin-bottom:0
    }

    .p-solution_single_kv {
        margin-top:0
    }

    .p-solution_single_point__item {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items:flex-start
    }

    .p-solution_single_point__item:nth-of-type(odd) {
        margin-right:0
    }

    .p-solution_single_point__item:nth-of-type(even) {
        margin-left:0
    }

    .p-solution_lower {
        margin-top:0
    }
    .p-solution_single_point__item__body .number {
        line-height: 1;
        font-size: calc(1.3265vw + 4.08776rem);
        -webkit-transform: translateY(0.1em);
        transform: translateY(0.1em);
        margin-right: 0.25em;
        font-family: Kanit;
    }
}

@media only screen and (max-width: 767px) {
    .l-footer__info__head, .p-form_input td.radio input, .p-form_input td.tel input, .p-form_input td.zip input {
        width:auto
    }

    .l-footer__info .contact_btn a {
        width: 100%;
        padding: calc(.16327vw + 17.38776px) calc(.81633vw + 16.93878px);
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content:center
    }

    .d-b-sp {
        display:none
    }

    .d-n-sp, .u-visible_sp {
        display:block
    }

    .d-n-sp.-inline {
        display:inline
    }

    .u-visible_pc {
        display:none
    }

    .c-btn01 a, .c-btn01.-large a, .c-lower_btn .btn, .p-form_input td input, .p-form_input td textarea {
        width:100%
    }

    .js-aco_sp_content {
        height: 0;
        overflow: hidden;
        -webkit-transition: all .3s ease;
        transition:all .3s ease
    }

    .c-table-responsive {
        width: 100%;
        margin-bottom: 15px;
        overflow-y: hidden;
        overflow-x:scroll
    }

    .c-table-responsive tbody {
        width: auto;
        position: relative;
        overflow-x: auto;
        white-space:nowrap
    }

    .c-table-responsive tr {
        vertical-align:top
    }

    .c-crumbs {
        overflow-x: scroll;
        white-space:nowrap
    }

    .c-news_list li a {
        -ms-flex-wrap: wrap;
        flex-wrap:wrap
    }

    .c-news_list li a .cat {
        border-radius: 20px;
        min-width: 65px;
        width: calc(10.85714vw + 54.28571px);
    }

    .c-news_list li a > p {
        width: 100%;
        margin-top: 2vw;
        line-height:1
    }

    .c-lower_btn, .c-table-responsive2 td, .c-table-responsive2 th, .c-table-responsive2 tr {
        display:block
    }

    .c-table_sidehead table td, .c-table_sidehead table th {
        width: 100%;
        display:block
    }

    .c-table_sidehead table th {
        border-width: 2px;
        text-align:left
    }

    .c-contact_row, .c-line_row {
        margin-left: 0;
        margin-right:0
    }

    .c-contact_row .link_box, .c-line_row li {
        width: 100%;
        padding-left: 0;
        padding-right:0
    }

    .c-contact_row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction:column
    }

    .c-contact_row .link_box:first-child {
        margin-bottom:13.33333vw
    }

    .c-contact_row .link_box__illust {
        width:22.66667vw
    }

    .c-contact_row .link_box__text {
        margin-bottom:0
    }

    .c-drawer {
        top: calc(4.89796vw + 41.63265px);
        bottom: 0;
        height:auto
    }

    .c-drawer__body__info {
        display:none
    }

    .c-drawer__menu__left, .c-drawer__menu__right {
        max-width:50%
    }

    .c-drawer__menu .works-container {
        display:block
    }

    .c-drawer__menu .works-container > * {
        max-width:100%
    }

    .c-form__item {
        display: block;
        margin-bottom:2em
    }

    .-checkbox .c-form__item__body, .-checkbox .c-form__item__head, .-textarea .c-form__item__head {
        padding-top:0
    }

    .c-form__item__head {
        max-width: 100%;
        margin-bottom:1em
    }

    .c-form__item__head::after {
        margin-left:1em
    }

    .c-form__item__body {
        max-width:100%
    }

    .c-form input[type=checkbox] + .mwform-checkbox-field-text::before {
        border:1px solid #1f3174
    }

    .c-ttl01 {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-left:-3.33333vw
    }

    .c-ttl01 .main {
        padding: 0 8vw;
        margin-bottom:3.2vw
    }

    .c-ttl01 .main::before {
        left:0
    }

    .c-ttl01 .main::after {
        right:0
    }

    .c-ttl01 .sub {
        margin-left: 8vw;
        line-height:1
    }

    .p-blog_archive .c-blog_list {
        margin-left: -10px;
        margin-right:-10px
    }

    .p-blog_archive .c-blog_list .item {
        padding-left: 10px;
        padding-right:10px
    }

    .p-case_nav__item {
        max-width:50%
    }

    .p-form_input td, .p-form_input th {
        display: block;
        font-size:1.6rem
    }

    .p-form_input input[type=radio] {
        position: relative;
        -moz-appearance: none;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 18px;
        height: 18px;
        content: "";
        background-color: #fff;
        border: 1px solid #999;
        border-radius: 24px;
        -webkit-box-shadow: inset 4px 4px 10px rgba(0, 0, 0, .2);
        box-shadow: inset 4px 4px 10px rgba(0, 0, 0, .2);
        vertical-align: middle;
        cursor: pointer;
        padding:5px
    }

    .p-form_input input[type=radio]:checked:after {
        display: block;
        position: absolute;
        top: 5px;
        left: 5px;
        content: "";
        width: 6px;
        height: 6px;
        background: #1f3174;
        border-radius:12px
    }

    .p-form_input input[type=checkbox] {
        display: inline-block;
        position: relative;
        margin-right: 5px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -moz-appearance: none;
        width: 20px;
        height: 20px;
        border: 1px solid #999;
        vertical-align: middle;
        padding:5px
    }

    .p-form_input input[type=checkbox]:checked::after {
        position: absolute;
        content: "";
        top: -3px;
        left: 3px;
        width: 8px;
        height: 14px;
        border-right: 4px solid #1f3174;
        border-bottom: 4px solid #1f3174;
        -webkit-transform: rotate(45deg);
        transform:rotate(45deg)
    }

    .p-recruit_entry .c-ttl01, .p-recruit_information .c-ttl01, .p-recruit_message .c-ttl01, .p-recruit_works .c-ttl01 {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-left: 0;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction:row
    }

    .p-recruit_kv {
        padding-top: calc(4.89796vw + 41.63265px);
        padding-bottom:calc(4.89796vw + 41.63265px)
    }

    .p-recruit_kv__image {
        width:100%
    }

    .p-recruit_kv__container {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items:flex-start
    }

    .p-recruit_kv__container > * {
        margin-bottom:0
    }

    .p-recruit_message__kakko {
        display:none
    }

    .p-recruit_message .c-txt-1 {
        text-align:left
    }

    .p-recruit_works__item__container {
        display: block;
        margin-left: auto;
        margin-right: auto;
        width:75%
    }

    .p-recruit_works__item:nth-of-type(even) .p-recruit_works__item__container {
        margin-left: auto;
        margin-right:auto
    }

    .p-recruit_works__item__shape {
        bottom: 40%;
        width:calc(50.61224vw + 110.20408px)
    }

    .p-recruit_works__item:nth-of-type(odd) .p-recruit_works__item__shape {
        left: auto;
        right:calc(-12.2449vw + -4.08163px)
    }

    .p-recruit_works__item:nth-of-type(even) .p-recruit_works__item__shape {
        left: calc(-4.08163vw + -34.69388px);
        right:auto
    }

    .p-recruit_works__item__head {
        max-width: 100%;
        padding-left: 0;
        padding-right:0
    }

    .p-recruit_works__item:nth-of-type(even) .p-recruit_works__item__body, .p-recruit_works__item:nth-of-type(odd) .p-recruit_works__item__body {
        padding-left: 0;
        padding-right:0
    }

    .p-recruit_works__item__body {
        max-width:100%
    }

    .p-recruit_works__item__label {
        margin-top:1.5em
    }

    .p-message_container, .p-recruit_works__item__container > .p-recruit_works__item__txt {
        padding-left: 0;
        padding-right:0
    }

    .p-staff__list {
        margin-left: -10px;
        margin-right:-10px
    }

    .p-staff__item {
        padding-left: 10px;
        padding-right: 10px;
        margin-bottom:20px
    }

    .p-index_about__morphing.-no01 {
        -webkit-transform: scaleX(-1);
        transform:scaleX(-1)
    }

    .p-index_about__message {
        display:block
    }

    .p-index_about__message .pic {
        margin-bottom:5.33333vw
    }

    .p-index_about__common.-reverse .pic, .p-index_about__message .textarea {
        margin-left:0
    }

    .p-index_about__btnarea, .p-index_about__common {
        margin-left: 0;
        margin-right: 0;
        display:block
    }

    .p-index_about__btnarea .btn {
        padding-left: 0;
        padding-right: 0;
        width: 100%;
        margin-bottom:4.8vw
    }

    .p-index_about__btnarea .btn a {
        border-radius:5px
    }

    .p-index_about__common {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items:flex-start
    }

    .p-index_about__common.-reverse {
        display:block
    }

    .p-index_about__common .pic {
        width: 76vw;
        padding-left: 0;
        padding-right: 0;
        margin-bottom: 6.66667vw;
        margin-left:auto
    }

    .p-index_about__common .textarea {
        padding-left: 0;
        padding-right: 0;
        width:100%
    }

    .p-index_blog {
        position:relative
    }

    .p-index_blog__body {
        overflow:visible
    }

    .p-index_blog__body .c-blog_list {
        margin-left: 0;
        margin-right: 0;
        -ms-flex-wrap: nowrap;
        flex-wrap:nowrap
    }

    .p-index_blog__body .c-blog_list .item {
        padding-left: 0;
        padding-right:0
    }

    .p-index_blog__body .c-blog_list .item a .thumb .date {
        width: 17.33333vw;
        height: 17.33333vw;
        font-size:get_font(28, 750)
    }

    .p-index_blog__body .c-blog_list .item a .thumb .date em {
        font-size:get_font(45, 750)
    }

    .p-index_blog__body .c-blog_list .item a .ttl {
        font-size: get_font(26, 750);
        line-height:1.7
    }

    .p-index_blog__control .control_btn {
        width: 11.2vw;
        height: 11.2vw;
        min-width: 42px;
        background-color: #1f3174;
        border-radius: 50%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-transition: all .3s ease;
        transition: all .3s ease;
        color: #fff;
        position: absolute;
        top: 48vw;
        z-index:3
    }

    .p-index_blog__control .control_btn i {
        line-height:1
    }

    .p-index_blog__control .control_btn i .js-svg, .p-index_blog__control .control_btn i img, .p-index_blog__control .control_btn i svg {
        width: 1em;
        height:1em
    }

    .p-index_blog__control .control_btn.-prev {
        left:4.66667vw
    }

    .p-index_blog__control .control_btn.-prev i .js-svg, .p-index_blog__control .control_btn.-prev i img, .p-index_blog__control .control_btn.-prev i svg {
        -webkit-transform: scaleX(-1);
        transform:scaleX(-1)
    }

    .p-index_blog__control .control_btn.-next {
        right:4.66667vw
    }

    .p-index_concept__dots {
        top: 60px;
        right:calc(25.44529vw + -75.41985px)
    }

    .p-index_concept__dots .swiper-pagination-bullet {
        padding-left:calc(2.54453vw + 40.45802px)
    }

    .p-index_concept__dots .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
        width:calc(2.54453vw + 30.45802px)
    }

    .p-index_concept__morphing {
        top: 6.66667vw;
        right:-32vw
    }

    .p-index_concept__row, .p-index_works__case .case_slider .case_box a .content .information {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction:column-reverse
    }

    .p-index_concept__row .item {
        width:100%
    }

    .p-index_concept__row .item .comment {
        margin-left:6.66667vw
    }

    .p-index_counseling {
        padding-bottom:12.93333vw
    }

    .p-index_counseling::before {
        top: 4.66667vw;
        -webkit-transform: translateY(0);
        transform: translateY(0);
        height:100%
    }

    .p-index_counseling .item {
        max-width:inherit
    }

    .p-index_counseling .item .box, .p-index_kv__pickup .content, .p-index_solution__row .item .c-btn01 a {
        width:100%
    }

    .p-index_counseling .item .illust {
        width:18.66667vw
    }

    .p-index_kv {
        padding-top:calc(6.53061vw + 375.5102px)
    }

    .p-index_kv__illust {
        bottom: auto;
        top: calc(-9.79592vw + 276.73469px);
        right: auto;
        left:calc(1.63265vw + 13.87755px)
    }

    .p-index_kv__illust img, .p-index_kv__illust svg {
        width:calc(22.85714vw + 114.28571px)
    }

    .p-index_news::after {
        left: auto;
        right: 0;
        width:97%
    }

    .p-index_news__dot {
        right: auto;
        left: -10.13333vw;
        top: auto;
        bottom:-10vw
    }

    .p-index_news__illust {
        width:26vw
    }

    .p-index_news .c-news_list {
        width: 100%;
        position: relative;
        z-index:2
    }

    .p-index_solution {
        margin-bottom:7.33333vw
    }

    .p-index_solution__morphing.-no01 {
        top: 33.06667vw;
        -webkit-transform: translateX(-50%);
        transform:translateX(-50%)
    }

    .p-index_solution__morphing.-no01 .obj {
        left: auto;
        bottom: auto;
        top: 53.33333vw;
        right:20vw
    }

    .p-index_solution__morphing.-no02 {
        bottom: 34.66667vw;
        left: 50%;
        -webkit-transform: translateX(-50%) scaleX(-1);
        transform:translateX(-50%) scaleX(-1)
    }

    .p-index_solution__morphing.-no02 .obj {
        top: 73.33333vw;
        right:20vw
    }

    .p-index_solution__row {
        display: block;
        margin-left: 0;
        margin-right:0
    }

    .p-index_solution__row .item {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 0;
        margin-bottom:10vw
    }

    .p-index_solution__row .item:nth-child(2n) {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction:row-reverse
    }

    .p-index_solution__row .item:nth-child(2n) .head {
        padding-right: 0;
        padding-left:5.33333vw
    }

    .p-index_solution__row .item .head {
        width: 40%;
        padding-right:5.33333vw
    }

    .p-index_solution__row .item .head .illust {
        margin-top: -5.33333vw;
        height: auto;
        margin-bottom:0
    }

    .p-index_solution__row .item .head .illust img, .p-index_solution__row .item .head .illust svg {
        width:61.33333vw
    }

    .p-index_solution__row .item .textarea {
        width: 60%;
        padding-top:5.06667vw
    }

    .p-index_solution__row .item .textarea .ttl {
        text-align:left
    }

    .p-index_solution__row .item .textarea p {
        line-height:1.7
    }

    .p-index_solution__row .item .c-btn01 {
        width: 100%;
        margin-top:4vw
    }

    .p-index_works__inner::after {
        width:100%
    }

    .p-index_works__row {
        display:block
    }

    .p-index_works__row .works_box {
        width: 100%;
        margin-bottom:4.66667vw
    }

    .p-index_works__row .works_box .ttl .in .arrow {
        width: 2em;
        height: 2em;
        border: 1px solid;
        border-radius: 9999px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        background-color: #fff;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 2em;
        flex:0 0 2em
    }

    .p-index_works__row .works_box .ttl.-business .in .arrow {
        border-color: #1f3174;
        color:#1f3174
    }

    .p-index_works__row .works_box .ttl.-web .in .arrow {
        border-color: #00ca92;
        color:#00ca92
    }

    .p-index_works__row .works_box .ttl.-app .in .arrow {
        border-color: #fec800;
        color:#fec800
    }

    .p-index_works__row .works_box .ttl.-control .in .arrow {
        border-color: #889dd9;
        color:#889dd9
    }

    .p-index_works__row .works_box .ttl.-maintenance .in .arrow {
        border-color: #3490d1;
        color:#3490d1
    }

    .p-index_works__row .works_box dd ul {
        padding-top:5.33333vw
    }

    .p-index_works__row .illust {
        width: 25.33333vw;
        bottom: auto;
        top:-28.53333vw
    }

    .p-index_works__case .case_ttl {
        width:50vw
    }

    .p-index_works__case .case_slider .case_box a .content .information dl {
        width: 100%;
        margin-bottom:5px
    }

    .p-index_works__case .case_slider .case_box a .content .information dl dt {
        min-width:17.33333vw
    }

    .p-index_works__case .case_control {
        position: static;
        margin-bottom:6.93333vw
    }

    .p-index_works__case .case_control_btn {
        background-color: #1f3174;
        border-color: #1f3174;
        min-width:50px
    }

    .p-index_works__case .case_control_btn i {
        color:#fff
    }

    .p-solution_single_about__item {
        white-space:normal
    }

    .p-solution_single_environment__item__body .list .item {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width:50%
    }

    .p-solution_single_example__list {
        display: block;
        margin-left: 0;
        margin-right:0
    }

    .p-solution_single_example__item {
        max-width: 100%;
        padding-left: 0;
        padding-right:0
    }

    .p-solution_single_flow__item {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items:flex-start
    }

    .p-solution_post_about__container {
        padding-left: 20px;
        padding-right:20px
    }

    .p-solution_post_about__ttl {
        text-align:left
    }

    .p-solution_post_industry__list {
        margin-right: -5px;
        margin-left:-5px
    }

    .p-solution_post_industry__item {
        padding-left: 5px;
        padding-right: 5px;
        max-width:50%
    }

    .p-solution_post_development__item {
        display: block;
        width: 75%;
        margin:0 auto calc(1.63265vw + 23.87755px)
    }

    .p-solution_post_development__item .image {
        max-width:100%
    }

    .p-solution_post_development__item .body {
        padding-left: 0;
        margin-top:2em
    }

    .p-solution__item:nth-of-type(odd) {
        margin-right:0
    }

    .p-solution__item:nth-of-type(even) {
        margin-left:0
    }

    .p-solution__item:nth-of-type(even) a {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction:row-reverse
    }

    .p-solution_lower.-business::before {
        background-image:url(../../img/solution/post/kv_business_sp.jpg)
    }

    .p-solution_lower.-web::before {
        background-image:url(../../img/solution/post/kv_web_sp.jpg)
    }

    .p-solution_lower.-app::before {
        background-image:url(../../img/solution/post/kv_app_sp.jpg)
    }

    .p-solution_lower.-control::before {
        background-image:url(../../img/solution/post/kv_control_sp.jpg)
    }

    .p-solution_lower.-maintenance::before {
        background-image:url(../../img/solution/post/kv_maintenance_sp.jpg)
    }

    .p-solution_lower::before {
        background-image:url(../../img/solution/post/kv_sp.jpg)
    }

    .p-solution_single__ttl::before {
        position: relative;
        left: 0;
        top: 0;
        margin-bottom: -.5em;
        margin-right:.1em
    }
}

@media only screen and (max-width: 567px) and(max-width: 567px) {
    .p-solution_single_kv__head {
        padding-left:35%
    }
}

@media only screen and (max-width: 567px) {
    .l-footer__info .privacy {
        display: -webkit-box;
        display: -ms-flexbox;
        display:flex
    }

    .l-footer__info, .l-footer__menu {
        display:block
    }

    .l-footer__menu .column {
        width:100%
    }

    .l-footer__bottom {
        display: block;
        text-align:center
    }

    .d-b-spmin, .l-footer__bottom .privacy {
        display:none
    }

    .d-n-spmin {
        display:block
    }

    .d-n-spmin.-inline {
        display:inline
    }

    .p-kv_lower__triangle {
        bottom:7.5%
    }

    .c-container, .p-case .p-index_works__case .case_slider .swiper-wrapper {
        width:100%
    }

    .c-drawer__head {
        height: calc(16.32653vw + 138.77551px);
        max-width: 100%;
        margin-right: 20px;
        margin-left: -20px;
        margin-bottom:2em
    }

    .c-drawer .c-accordion__head .js-svg {
        display: block;
        margin-left:auto
    }

    .c-drawer .c-accordion__head .icon {
        margin-left:auto
    }

    .c-drawer .c-accordion__head {
        border-bottom:1px solid #fff
    }

    .c-drawer .c-accordion__body {
        height:0
    }

    .c-drawer__menu {
        display:block
    }

    .c-drawer__menu__left {
        max-width: 100%;
        margin-top:1em
    }

    .c-drawer__menu__right {
        max-width:100%
    }

    .p-blog_archive .c-blog_list {
        margin-left: 0;
        margin-right:0
    }

    .p-blog_archive .c-blog_list .item {
        padding-right: 0;
        padding-left: 0;
        max-width:100%
    }

    .p-blog_single__side__list {
        margin-left: -10px;
        margin-right:-10px
    }

    .p-blog_single__side__item {
        padding-right: 10px;
        padding-left:10px
    }

    .p-blog_single__navigation__list {
        display:block
    }

    .p-blog_single__navigation__item.-left {
        margin-right: 15%;
        max-width:100%
    }

    .p-blog_single__navigation__item.-right {
        max-width: 100%;
        margin-left:15%
    }

    .p-case_single__container {
        padding-left: 20px;
        padding-right: 20px;
        margin-left: -10px;
        margin-right:-10px
    }

    .p-case_single__ttl {
        display:block
    }

    .p-case_single__ttl .label {
        margin-bottom:1em
    }

    .p-case__single_section .ol-container, .p-case__single_section .ul-container {
        padding-left: 20px;
        padding-right:20px
    }

    .p-case_single_info dl dt {
        padding-left: 10px;
        padding-right:10px
    }

    .p-case_nav__list {
        margin-left: -5px;
        margin-right:-5px
    }

    .p-case_nav__item {
        padding-left: 5px;
        padding-right: 5px;
        margin-bottom:.5em
    }

    .p-case_nav__item .link, .p-case_nav__item a {
        padding:.75em;
        font-size: 11px;
    }

    .p-case_nav__item .link .js-svg.icon, .p-case_nav__item a .js-svg.icon {
        margin-right:.5em
    }

    .p-partner__ttl {
        text-align:left
    }

    .p-partner_result, .p-recruit_information__item__body .inner {
        padding-left: 20px;
        padding-right:20px
    }

    .p-recruit_kv {
        padding-top: calc(3.26531vw + 67.7551px);
        padding-bottom:calc(3.26531vw + 67.7551px)
    }

    .p-recruit_works .c-container .illust {
        position: relative;
        right: 0;
        left: 0;
        top: 0;
        width: calc(3.26531vw + 147.7551px);
        height: calc(3.26531vw + 147.7551px);
        margin:-2em auto 2em
    }

    .p-recruit_works__item__container {
        width: 100%;
        margin-right:0
    }

    .p-recruit_works__item:nth-of-type(even) .p-recruit_works__item__container {
        margin-left:0
    }

    .p-recruit_information .c-ttl01 .main {
        font-size:calc(12.09677vw + -.87097rem)
    }

    .p-recruit_entry .c-container .illust, .p-recruit_information .c-container .illust {
        position: relative;
        right: 0;
        left: 0;
        top: 0;
        width: calc(3.26531vw + 147.7551px);
        height: calc(3.26531vw + 147.7551px);
        margin:-2em auto 2em
    }

    .p-recruit_information__item__body dl {
        display: block;
        margin-bottom:2em
    }

    .p-recruit_information__item__body dl dt {
        padding:1em 20px
    }

    .p-recruit_information__item__body dl dd {
        padding:1em 0
    }

    .p-recruit_entry .c-txt-1 {
        text-align:left
    }

    .p-recruit_entry__list {
        display: block;
        margin-left: 0;
        margin-right:0
    }

    .p-recruit_entry__item {
        max-width: 100%;
        padding-left: 0;
        padding-right:0
    }

    .p-message_head {
        padding-bottom:0
    }

    .p-message_head__image {
        max-width: 100%;
        width: auto;
        margin-left:20px
    }

    .p-message_head__list {
        position: relative;
        left: 0;
        padding-left: 0;
        margin-top:-40px
    }

    .p-staff__list {
        display: block;
        margin-left: 0;
        margin-right:0
    }

    .p-staff__item {
        padding-left: 0;
        padding-right: 0;
        max-width:100%
    }

    .p-staff_single__container {
        display:block
    }

    .p-staff_single__head {
        margin-right:calc(2.61224vw + 22.20408px)
    }

    .p-staff_single__body {
        margin-left: calc(2.61224vw + 22.20408px);
        margin-top: calc(-2.61224vw + -22.20408px);
        margin-bottom: 0;
        padding-bottom:0
    }

    .p-index_kv__pic {
        right:calc(-2.44898vw + -70.81633px)
    }

    .p-solution_single_environment__container {
        width:100%
    }

    .p-solution_single_environment__item {
        display: block;
        margin-bottom:10px
    }

    .p-solution_single_environment__item__head {
        max-width: 100%;
        padding:10px
    }

    .p-solution_single_kv__container {
        display:block
    }

    .p-solution_single_kv__container .js-svg, .p-solution_single_kv__container .svg {
        top: -10%;
        height: 110%;
        right: -30%;
        left: -20%;
        width:150%
    }

    .p-solution_single_kv__body, .p-solution_single_kv__head {
        max-width:100%
    }

    .p-solution_single_point__item {
        display:block
    }

    .p-solution_single_point__item__head {
        max-width:100%
    }

    .p-solution_single_point__item__body {
        padding-left:0
    }

    .p-solution_post_development__item {
        width:100%
    }

    .p-solution_post_flow__list::before {
        top:1.5em
    }

    .p-solution__item a, .p-solution_post_flow__item {
        display:block
    }

    .p-solution_post_flow__item .body {
        padding-left: 3em;
        margin-top:1em
    }

    .p-solution__item__head {
        max-width: 100%;
        width: 50%;
        margin-left:50%
    }

    .p-solution__item__head::before {
        content: '';
        display: block;
        padding-top:100%
    }

    .p-solution__item__head .js-morphing {
        position:absolute
    }

    .p-solution__item__head .image {
        height:100%
    }

    .-maintenance .p-solution__item__head .image, .-web .p-solution__item__head .image {
        top:0
    }

    .p-solution__item__ttl {
        -ms-flex-wrap: wrap;
        flex-wrap:wrap
    }

    .p-solution__item__ttl::before {
        margin-top: -1em;
        margin-bottom: .25em;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex:0 0 100%
    }

    .p-solution_single__ttl {
        margin-bottom:calc(.81633vw + 46.93878px)
    }

    .p-solution_single__ttl .small {
        position: absolute;
        bottom: -3em;
        left:4.5em
    }
    .c-line_row li {
        max-width: 49.33333%;
    }
}

@media only screen and (max-width: 374px) {
    .d-b-min {
        display:none
    }

    .d-n-min {
        display:block
    }

    .d-n-min.-inline {
        display:inline
    }

    .c-container, .c-fluid {
        padding-left: 20px;
        padding-right:20px
    }
}

@media only screen and (max-width: 767px) and(max-width: 3840px) and(min-width: 320px) and(min-device-pixel-ratio: 1.5), only screen and(max-width: 767px) and(-o-min-device-pixel-ratio: 1.5), only screen and(max-width: 767px) and(-webkit-min-device-pixel-ratio: 1.5), only screen and(max-width: 767px) and(min-device-pixel-ratio: 1.5) {
    .p-recruit_message {
        background-image:url(../../img/recruit/message_bg.jpg)
    }

    .p-solution_lower.-business::before {
        background-image:url(../../img/solution/post/kv_business_sp@2x.jpg)
    }

    .p-solution_lower.-web::before {
        background-image:url(../../img/solution/post/kv_web_sp@2x.jpg)
    }

    .p-solution_lower.-app::before {
        background-image:url(../../img/solution/post/kv_app_sp@2x.jpg)
    }

    .p-solution_lower.-control::before {
        background-image:url(../../img/solution/post/kv_control_sp@2x.jpg)
    }

    .p-solution_lower.-maintenance::before {
        background-image:url(../../img/solution/post/kv_maintenance_sp@2x.jpg)
    }

    .p-solution_lower::before {
        background-image:url(../../img/solution/post/kv_sp@2x.jpg)
    }
}

@media only screen and (min-width: 768px) and(max-width: 1440px) {
    .p-index_about__message .textarea .message span {
        font-size: 2.08333vw;
        white-space:nowrap
    }
}

@media only screen and (min-width: 768px) {
    .p-index_blog__body .c-blog_list .swiper-slide {
        width:calc(100%/3)
    }

    .p-index_blog__body .c-blog_list .item {
        width:100%
    }
}

@media only screen and (min-width: 1024px) {
    .p-staff__list.js-anim_elm .p-staff__item {
        opacity: 0;
        -webkit-transform: scale(.5);
        transform:scale(.5)
    }

    .p-staff__list.js-anim_elm .p-staff__item:nth-of-type(1) {
        -webkit-transition: .6s opacity cubic-bezier(.175, .885, .32, 1.275) 0s, .6s -webkit-transform cubic-bezier(.175, .885, .32, 1.275) 0s;
        transition: .6s opacity cubic-bezier(.175, .885, .32, 1.275) 0s, .6s transform cubic-bezier(.175, .885, .32, 1.275) 0s;
        transition:.6s opacity cubic-bezier(.175, .885, .32, 1.275) 0s, .6s transform cubic-bezier(.175, .885, .32, 1.275) 0s, .6s -webkit-transform cubic-bezier(.175, .885, .32, 1.275) 0s
    }

    .p-staff__list.js-anim_elm .p-staff__item:nth-of-type(2) {
        -webkit-transition: .6s opacity cubic-bezier(.175, .885, .32, 1.275) .15s, .6s -webkit-transform cubic-bezier(.175, .885, .32, 1.275) .15s;
        transition: .6s opacity cubic-bezier(.175, .885, .32, 1.275) .15s, .6s transform cubic-bezier(.175, .885, .32, 1.275) .15s;
        transition:.6s opacity cubic-bezier(.175, .885, .32, 1.275) .15s, .6s transform cubic-bezier(.175, .885, .32, 1.275) .15s, .6s -webkit-transform cubic-bezier(.175, .885, .32, 1.275) .15s
    }

    .p-staff__list.js-anim_elm .p-staff__item:nth-of-type(3) {
        -webkit-transition: .6s opacity cubic-bezier(.175, .885, .32, 1.275) .3s, .6s -webkit-transform cubic-bezier(.175, .885, .32, 1.275) .3s;
        transition: .6s opacity cubic-bezier(.175, .885, .32, 1.275) .3s, .6s transform cubic-bezier(.175, .885, .32, 1.275) .3s;
        transition:.6s opacity cubic-bezier(.175, .885, .32, 1.275) .3s, .6s transform cubic-bezier(.175, .885, .32, 1.275) .3s, .6s -webkit-transform cubic-bezier(.175, .885, .32, 1.275) .3s
    }

    .p-staff__list.js-anim_elm .p-staff__item:nth-of-type(4) {
        -webkit-transition: .6s opacity cubic-bezier(.175, .885, .32, 1.275) .45s, .6s -webkit-transform cubic-bezier(.175, .885, .32, 1.275) .45s;
        transition: .6s opacity cubic-bezier(.175, .885, .32, 1.275) .45s, .6s transform cubic-bezier(.175, .885, .32, 1.275) .45s;
        transition:.6s opacity cubic-bezier(.175, .885, .32, 1.275) .45s, .6s transform cubic-bezier(.175, .885, .32, 1.275) .45s, .6s -webkit-transform cubic-bezier(.175, .885, .32, 1.275) .45s
    }

    .p-staff__list.js-anim_elm .p-staff__item:nth-of-type(5) {
        -webkit-transition: .6s opacity cubic-bezier(.175, .885, .32, 1.275) .6s, .6s -webkit-transform cubic-bezier(.175, .885, .32, 1.275) .6s;
        transition: .6s opacity cubic-bezier(.175, .885, .32, 1.275) .6s, .6s transform cubic-bezier(.175, .885, .32, 1.275) .6s;
        transition:.6s opacity cubic-bezier(.175, .885, .32, 1.275) .6s, .6s transform cubic-bezier(.175, .885, .32, 1.275) .6s, .6s -webkit-transform cubic-bezier(.175, .885, .32, 1.275) .6s
    }

    .p-staff__list.js-anim_elm .p-staff__item:nth-of-type(6) {
        -webkit-transition: .6s opacity cubic-bezier(.175, .885, .32, 1.275) .75s, .6s -webkit-transform cubic-bezier(.175, .885, .32, 1.275) .75s;
        transition: .6s opacity cubic-bezier(.175, .885, .32, 1.275) .75s, .6s transform cubic-bezier(.175, .885, .32, 1.275) .75s;
        transition:.6s opacity cubic-bezier(.175, .885, .32, 1.275) .75s, .6s transform cubic-bezier(.175, .885, .32, 1.275) .75s, .6s -webkit-transform cubic-bezier(.175, .885, .32, 1.275) .75s
    }

    .p-staff__list.js-anim_elm .p-staff__item:nth-of-type(7) {
        -webkit-transition: .6s opacity cubic-bezier(.175, .885, .32, 1.275) .9s, .6s -webkit-transform cubic-bezier(.175, .885, .32, 1.275) .9s;
        transition: .6s opacity cubic-bezier(.175, .885, .32, 1.275) .9s, .6s transform cubic-bezier(.175, .885, .32, 1.275) .9s;
        transition:.6s opacity cubic-bezier(.175, .885, .32, 1.275) .9s, .6s transform cubic-bezier(.175, .885, .32, 1.275) .9s, .6s -webkit-transform cubic-bezier(.175, .885, .32, 1.275) .9s
    }

    .p-staff__list.js-anim_elm .p-staff__item:nth-of-type(8) {
        -webkit-transition: .6s opacity cubic-bezier(.175, .885, .32, 1.275) 1.05s, .6s -webkit-transform cubic-bezier(.175, .885, .32, 1.275) 1.05s;
        transition: .6s opacity cubic-bezier(.175, .885, .32, 1.275) 1.05s, .6s transform cubic-bezier(.175, .885, .32, 1.275) 1.05s;
        transition:.6s opacity cubic-bezier(.175, .885, .32, 1.275) 1.05s, .6s transform cubic-bezier(.175, .885, .32, 1.275) 1.05s, .6s -webkit-transform cubic-bezier(.175, .885, .32, 1.275) 1.05s
    }

    .p-staff__list.js-anim_elm .p-staff__item:nth-of-type(9) {
        -webkit-transition: .6s opacity cubic-bezier(.175, .885, .32, 1.275) 1.2s, .6s -webkit-transform cubic-bezier(.175, .885, .32, 1.275) 1.2s;
        transition: .6s opacity cubic-bezier(.175, .885, .32, 1.275) 1.2s, .6s transform cubic-bezier(.175, .885, .32, 1.275) 1.2s;
        transition:.6s opacity cubic-bezier(.175, .885, .32, 1.275) 1.2s, .6s transform cubic-bezier(.175, .885, .32, 1.275) 1.2s, .6s -webkit-transform cubic-bezier(.175, .885, .32, 1.275) 1.2s
    }

    .p-staff__list.js-anim_elm .p-staff__item:nth-of-type(10) {
        -webkit-transition: .6s opacity cubic-bezier(.175, .885, .32, 1.275) 1.35s, .6s -webkit-transform cubic-bezier(.175, .885, .32, 1.275) 1.35s;
        transition: .6s opacity cubic-bezier(.175, .885, .32, 1.275) 1.35s, .6s transform cubic-bezier(.175, .885, .32, 1.275) 1.35s;
        transition:.6s opacity cubic-bezier(.175, .885, .32, 1.275) 1.35s, .6s transform cubic-bezier(.175, .885, .32, 1.275) 1.35s, .6s -webkit-transform cubic-bezier(.175, .885, .32, 1.275) 1.35s
    }

    .p-staff__list.js-anim_elm .p-staff__item:nth-of-type(11) {
        -webkit-transition: .6s opacity cubic-bezier(.175, .885, .32, 1.275) 1.5s, .6s -webkit-transform cubic-bezier(.175, .885, .32, 1.275) 1.5s;
        transition: .6s opacity cubic-bezier(.175, .885, .32, 1.275) 1.5s, .6s transform cubic-bezier(.175, .885, .32, 1.275) 1.5s;
        transition:.6s opacity cubic-bezier(.175, .885, .32, 1.275) 1.5s, .6s transform cubic-bezier(.175, .885, .32, 1.275) 1.5s, .6s -webkit-transform cubic-bezier(.175, .885, .32, 1.275) 1.5s
    }

    .p-staff__list.js-anim_elm .p-staff__item:nth-of-type(12) {
        -webkit-transition: .6s opacity cubic-bezier(.175, .885, .32, 1.275) 1.65s, .6s -webkit-transform cubic-bezier(.175, .885, .32, 1.275) 1.65s;
        transition: .6s opacity cubic-bezier(.175, .885, .32, 1.275) 1.65s, .6s transform cubic-bezier(.175, .885, .32, 1.275) 1.65s;
        transition:.6s opacity cubic-bezier(.175, .885, .32, 1.275) 1.65s, .6s transform cubic-bezier(.175, .885, .32, 1.275) 1.65s, .6s -webkit-transform cubic-bezier(.175, .885, .32, 1.275) 1.65s
    }

    .p-staff__list.js-anim_elm .p-staff__item:nth-of-type(13) {
        -webkit-transition: .6s opacity cubic-bezier(.175, .885, .32, 1.275) 1.8s, .6s -webkit-transform cubic-bezier(.175, .885, .32, 1.275) 1.8s;
        transition: .6s opacity cubic-bezier(.175, .885, .32, 1.275) 1.8s, .6s transform cubic-bezier(.175, .885, .32, 1.275) 1.8s;
        transition:.6s opacity cubic-bezier(.175, .885, .32, 1.275) 1.8s, .6s transform cubic-bezier(.175, .885, .32, 1.275) 1.8s, .6s -webkit-transform cubic-bezier(.175, .885, .32, 1.275) 1.8s
    }

    .p-staff__list.js-anim_elm .p-staff__item:nth-of-type(14) {
        -webkit-transition: .6s opacity cubic-bezier(.175, .885, .32, 1.275) 1.95s, .6s -webkit-transform cubic-bezier(.175, .885, .32, 1.275) 1.95s;
        transition: .6s opacity cubic-bezier(.175, .885, .32, 1.275) 1.95s, .6s transform cubic-bezier(.175, .885, .32, 1.275) 1.95s;
        transition:.6s opacity cubic-bezier(.175, .885, .32, 1.275) 1.95s, .6s transform cubic-bezier(.175, .885, .32, 1.275) 1.95s, .6s -webkit-transform cubic-bezier(.175, .885, .32, 1.275) 1.95s
    }

    .p-staff__list.js-anim_elm .p-staff__item:nth-of-type(15) {
        -webkit-transition: .6s opacity cubic-bezier(.175, .885, .32, 1.275) 2.1s, .6s -webkit-transform cubic-bezier(.175, .885, .32, 1.275) 2.1s;
        transition: .6s opacity cubic-bezier(.175, .885, .32, 1.275) 2.1s, .6s transform cubic-bezier(.175, .885, .32, 1.275) 2.1s;
        transition:.6s opacity cubic-bezier(.175, .885, .32, 1.275) 2.1s, .6s transform cubic-bezier(.175, .885, .32, 1.275) 2.1s, .6s -webkit-transform cubic-bezier(.175, .885, .32, 1.275) 2.1s
    }

    .p-staff__list.js-anim_elm .p-staff__item:nth-of-type(16) {
        -webkit-transition: .6s opacity cubic-bezier(.175, .885, .32, 1.275) 2.25s, .6s -webkit-transform cubic-bezier(.175, .885, .32, 1.275) 2.25s;
        transition: .6s opacity cubic-bezier(.175, .885, .32, 1.275) 2.25s, .6s transform cubic-bezier(.175, .885, .32, 1.275) 2.25s;
        transition:.6s opacity cubic-bezier(.175, .885, .32, 1.275) 2.25s, .6s transform cubic-bezier(.175, .885, .32, 1.275) 2.25s, .6s -webkit-transform cubic-bezier(.175, .885, .32, 1.275) 2.25s
    }

    .p-staff__list.js-anim_elm .p-staff__item:nth-of-type(17) {
        -webkit-transition: .6s opacity cubic-bezier(.175, .885, .32, 1.275) 2.4s, .6s -webkit-transform cubic-bezier(.175, .885, .32, 1.275) 2.4s;
        transition: .6s opacity cubic-bezier(.175, .885, .32, 1.275) 2.4s, .6s transform cubic-bezier(.175, .885, .32, 1.275) 2.4s;
        transition:.6s opacity cubic-bezier(.175, .885, .32, 1.275) 2.4s, .6s transform cubic-bezier(.175, .885, .32, 1.275) 2.4s, .6s -webkit-transform cubic-bezier(.175, .885, .32, 1.275) 2.4s
    }

    .p-staff__list.js-anim_elm .p-staff__item:nth-of-type(18) {
        -webkit-transition: .6s opacity cubic-bezier(.175, .885, .32, 1.275) 2.55s, .6s -webkit-transform cubic-bezier(.175, .885, .32, 1.275) 2.55s;
        transition: .6s opacity cubic-bezier(.175, .885, .32, 1.275) 2.55s, .6s transform cubic-bezier(.175, .885, .32, 1.275) 2.55s;
        transition:.6s opacity cubic-bezier(.175, .885, .32, 1.275) 2.55s, .6s transform cubic-bezier(.175, .885, .32, 1.275) 2.55s, .6s -webkit-transform cubic-bezier(.175, .885, .32, 1.275) 2.55s
    }

    .p-staff__list.js-anim_elm .p-staff__item:nth-of-type(19) {
        -webkit-transition: .6s opacity cubic-bezier(.175, .885, .32, 1.275) 2.7s, .6s -webkit-transform cubic-bezier(.175, .885, .32, 1.275) 2.7s;
        transition: .6s opacity cubic-bezier(.175, .885, .32, 1.275) 2.7s, .6s transform cubic-bezier(.175, .885, .32, 1.275) 2.7s;
        transition:.6s opacity cubic-bezier(.175, .885, .32, 1.275) 2.7s, .6s transform cubic-bezier(.175, .885, .32, 1.275) 2.7s, .6s -webkit-transform cubic-bezier(.175, .885, .32, 1.275) 2.7s
    }

    .p-staff__list.js-anim_elm .p-staff__item:nth-of-type(20) {
        -webkit-transition: .6s opacity cubic-bezier(.175, .885, .32, 1.275) 2.85s, .6s -webkit-transform cubic-bezier(.175, .885, .32, 1.275) 2.85s;
        transition: .6s opacity cubic-bezier(.175, .885, .32, 1.275) 2.85s, .6s transform cubic-bezier(.175, .885, .32, 1.275) 2.85s;
        transition:.6s opacity cubic-bezier(.175, .885, .32, 1.275) 2.85s, .6s transform cubic-bezier(.175, .885, .32, 1.275) 2.85s, .6s -webkit-transform cubic-bezier(.175, .885, .32, 1.275) 2.85s
    }

    .p-staff__list.js-anim_elm.is-act .p-staff__item {
        opacity: 1;
        -webkit-transform: scale(1);
        transform:scale(1)
    }
}

@media all and (-ms-high-contrast: none) {
    .c-pointer::before {
        background-color:#1f3174
    }

    .c-pointer.is-act::before {
        border-color:#1f3174
    }

    .c-drawer__body__button {
        width:400px
    }

    .c-blog_list .item a .thumb .date time, .c-contact_row .link_box__ttl .en, .c-contact_ttl .main, .c-drawer .c-accordion__head .en, .c-drawer__body__button > span, .c-lower_btn .btn a .en, .c-news_list li a time, .c-post_head__info time, .c-ttl01 .main, .l-footer__info .contact_btn a > span, .l-footer__menu .column .item .parent, .l-header .text, .p-kv_lower__ttl .main, .wp-pagenavi > *, .wp-pagenavi > .slash::after {
        -webkit-transform: translateY(0);
        transform:translateY(0)
    }

    .c-ttl01 .main::after, .c-ttl01 .main::before {
        -webkit-transform: translateY(.25em);
        transform:translateY(.25em)
    }

    .p-case__single_section .ol-container .list .item::before, .p-case__single_section h2 .small, .p-contact_nav__item > a .en, .p-contact_nav__item > span .en, .p-index_about__btnarea .btn a .en, .p-index_about__common .textarea .ttl .en, .p-index_about__message .textarea .en, .p-index_concept__dots .swiper-pagination-bullet, .p-index_concept__row .item .ttl .en, .p-index_kv__copy .en, .p-index_kv__pickup .content a time, .p-index_kv__pickup .ttl > span, .p-index_kv__scroll, .p-index_solution__row .item .num, .p-index_works__case .case_control_pager, .p-index_works__case .case_ttl .main, .p-recruit_kv__subttl, .p-solution__item__ttl::before, .p-solution_lower__subttl, .p-solution_post_about__container .subttl > span, .p-solution_single__ttl .small, .p-solution_single_flow__item__head .step, .p-solution_single_kv__number .en, .p-solution_single_kv__number .number, .p-solution_single_point__item__body .ttl::before, .p-staff__item__en, .p-staff_blog__subttl, .p-staff_single__info__name .en {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

table.CF7_table{
	width:100%;
	margin:0 auto;
}

.single .entry-content table.CF7_table,
.page .entry-content table.CF7_table{
	display:table;
}

table.CF7_table tr th{
    text-align: left;
    vertical-align: middle;
}

table.CF7_table tr th, td{
    border: initial;
}

.CF7_table input, .CF7_table textarea {
	border: 1px solid #d8d8d8;
}

.CF7_table ::placeholder {
	color:#797979;
}

.CF7_req{
	font-size:.9em;
	padding: 5px;
	background: #fc802c;
	color: #fff;
	border-radius: 3px;
	margin-right:1em;
}

.CF7_unreq{
	font-size:.9em;
	padding: 5px;
	background: #1f3174;
	color: #fff;
	border-radius: 3px;
	margin-right:1em;
}

@media screen and (min-width: 768px){
	.CF7_table th{
	width:25%;
	}
}

@media screen and (max-width: 768px){
	table.CF7_table{
	width:95%;
	}
	.CF7_table tr, .CF7_table td, .CF7_table th{
	display: block;
	width: 100%;
    line-height:1em;
    padding: 10px 0;
	}
}

.wpcf7 input.wpcf7-submit {
	background-color:#1f3174;
	border:0;
	color:#fff;
	font-size:1.2em;
	font-weight:bold;
	margin:0 auto;
}

.CF7_btn{
	text-align:center;
	margin-top:20px;
}

.wpcf7-spinner{
	width:0;
	margin:0;
}

input[type=checkbox]{
    display: initial;
}