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

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

html {
    font-size: 62.5%
}

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

ul,
ol {
    list-style: none
}

blockquote,
q {
    quotes: none
}

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

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

img {
    vertical-align: bottom
}

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

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

del {
    text-decoration: line-through
}

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

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

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

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

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

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

html {
    overflow: auto
}

body {
    min-width: 320px;
    font-family: -apple-system, Montserrat, "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic Medium", "Yu Gothic", Meiryo, sans-serif;
    font-family: Montserrat, "Yu Gothic Medium", "貂ｸ繧ｴ繧ｷ繝�け Medium", YuGothic, "貂ｸ繧ｴ繧ｷ繝�け菴�", "繝偵Λ繧ｮ繝手ｧ偵ざ Pro W3", "繝｡繧､繝ｪ繧ｪ", sans-serif;
    color: #000;
    font-size: 1.4rem;
    line-height: 1.8;
    letter-spacing: 0;
}

@media all and (min-width: 600px) {
    body {
        min-width: 1000px;
        font-size: 1.4rem;
        line-height: calc(24/14)
    }
}

body.sg {
    height: auto
}

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

@media all and (min-width: 600px) {
    a:hover {
        text-decoration: none
    }
}

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

strong,
strong span {
    font-weight: 600
}

.l-wrapper {
    position: relative
}

.l-container {
    padding: 0
}

@media all and (min-width: 600px) {
    .only-pc {
        display: block
    }

    .only-sp {
        display: none;
    }
}

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

    .only-sp {
        display: block;
    }
}

/*** content-download ***/
.content-download__wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 auto;
    text-align: center;
}

.content-download__box {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 25vw;
    width: 50%;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
}

.content-download__document {
    background: #000;
}

.content-download__contact {
    background: #F3B832;
}

.content-download__txt p {
    margin-bottom: 42px;
}

.content-download__txt a {
    display: inline-block;
    text-decoration: none;
    font-size: 22px;
    border: 2px solid #fff;
    padding: 20px 48px;
    transition: .8s;
    width: 420px;
    position: relative;
}

.content-download__txt a:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 2.5px 0 2.5px 12px;
    border-color: transparent transparent transparent #ffffff;
}

a.content-download-document__btn:hover {
    color: #000;
    background: #fff;
    transition: .8s;
}

a.content-download-document__btn:hover:after {
    border-color: transparent transparent transparent #000;
    transition: .8s;
}

a.content-download-content__btn:hover {
    color: #F3B832;
    background: #fff;
    transition: .8s;
}

a.content-download-content__btn:hover:after {
    border-color: transparent transparent transparent #f3b832;
    transition: .8s;
}

@media all and (max-width: 599px) {
    .content-download__wrapper {
        flex-direction: column;
    }

    .content-download__box {
        width: 100%;
        height: auto;
        padding: 42px 0;
    }

    .content-download__txt p {
        margin-bottom: 24px;
    }

    .content-download__txt a {
        width: 100%;
        padding: 18px 0;
        font-size: 20px;
    }
}

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

    .l-container .l-main {
        margin-top: 28px
    }

    .l-container.col2 .l-contents {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        width: 1200px;
        margin: 0 auto
    }

    .l-container.col2 .l-main {
        width: calc(100% - 300px - 20px)
    }

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

.l-inner-box {
    background: #fff
}

@media all and (min-width: 600px) {
    .l-inner-box {
        padding: 0 50px 100px
    }
}

@media all and (max-width: 599px) {
    .l-inner-box {
        padding: 0 10px 50px
    }
}

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

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

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

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

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

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

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

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

.u-inner {
    box-sizing: border-box;
    padding-left: 20px;
    padding-right: 20px;
}

@media all and (max-width: 599px) {
    .u-inner {
        padding: 0 20px;
    }
}

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

    .about-mission .u-inner {
        position: absolute;
        left: 0;
        right: 0;
        top: 80px;
    }
}

.aligncenter {
    display: block;
    margin: 0 auto;
    text-align: center
}

.alignright {
    float: right
}

.alignleft {
    float: left
}

img.aligncenter {
    display: block;
    margin: auto
}

p+figure img.aligncenter,
figure+* {
    margin-top: 2em
}

img.alignright {
    margin: auto 0 1em 1em
}

img.alignleft {
    margin: auto 1em 1em 0
}

.page-template-default .l-contents p+p {
    margin-top: 2em
}

.l-inner-box>section+section {
    margin-top: 50px
}

.l-footer {
    position: relative;
    background: #FAF6E0;
    margin-top: 60px;
}

.l-footer .footer__inner {
    position: relative
}

.l-footer .pagetop {
    position: absolute;
    top: -38px;
    right: 0px;
    width: 88px
}

.l-footer .footer__cr {
    font-size: 1.1rem;
    text-align: center;
    letter-spacing: 0.08em;
    color: #F3B832
}

.l-footer .footer__menu02 a {
    display: inline-block;
    font-size: 1.2rem;
    color: #707070;
    text-decoration: none;
    border: 1px solid transparent;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.l-footer .footer__menu02 a:hover {
    border-bottom: 1px solid #707070
}

.privacy_link {
    margin-bottom: 12px;
}

.privacy_link img {
    width: 40px;
    margin-right: 12px;
}

.privacy_link a {
    display: flex;
    align-items: center;
    text-decoration: none;
}
.privacy_link a:hover {
    text-decoration: underline;
}

@media all and (max-width: 599px) {
    .l-footer .footer__inner {
        padding: 30px 0 55px
    }

    .l-footer .footer__logo {
        width: 132px
    }

    .l-footer .footer__menu-list {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-top: 20px;
        margin-bottom: 24px
    }

    .l-footer .footer__menu-list li a {
        padding: 8px 0 7px 0;
        font-size: 1.2rem;
        font-weight: 700;
        letter-spacing: 0.1em
    }

    .l-footer .footer__menu-list li:nth-child(2) .c-nav01__link01 {
        position: relative
    }

    .l-footer .footer__menu-list li:nth-child(2) .c-nav01__link01:after {
        position: absolute;
        display: block;
        content: "";
        top: 16px;
        left: 73px;
        border: 4px solid transparent;
        border-top: 5px solid #000
    }

    .l-footer .footer__cr {
        position: absolute;
        left: 0;
        bottom: 35px
    }

    .l-footer .footer__child {
        padding-left: 10px
    }

    .l-footer .footer__child .c-nav01__link02 {
        padding-left: 15px
    }
}

@media all and (min-width: 600px) {
    .l-footer .footer__inner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        height: 279px
    }

    .l-footer .footer__inner:before {
        position: absolute;
        display: block;
        content: "";
        top: -47px;
        left: calc(50% - 640px);
        width: 383px;
        height: 326px;
        background: url(../img/common/footer__bg01.png) top left/383px no-repeat
    }

    .l-footer .pagetop {
        top: -47px;
        right: 0;
        width: 108px
    }

    .l-footer .footer__left {
        width: 365px;
        padding-bottom: 30px
    }

    .l-footer .footer__head {
        position: relative;
        padding-left: 30px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .l-footer .footer__cr {
        position: absolute;
        bottom: -40px;
        left: 0;
        width: 250px;
        font-size: 1.2rem;
        letter-spacing: 0.1em;
        text-algn: center
    }

    .l-footer .footer__logo {
        width: 182px
    }

    .l-footer .footer__right {
        width: calc(100% - 365px)
    }

    .l-footer .footer__menu-list {
        margin: 35px 0 0 -20px
    }

    .l-footer .footer__menu02 {
        margin: 20px 0 0 5px;
        padding-bottom: 2px
    }
}

@media (min-width: 1280px) {
    .l-footer .pagetop {
        right: -45px
    }
}

.l-footer .c-nav01__item01.is-parent:hover .c-nav01__child {
    margin-top: 0px
}

.footerBtm {
    background: #d3d3d3;
    padding: 12px 0;
    font-size: 1rem;
    color: #fff
}

@media all and (min-width: 600px) {
    .footerBtm {
        padding: 19px 0 22px;
        font-size: 1.1rem
    }
}

.l-header {
    position: relative;
    min-width: 320px;
    width: 111.11vw;
}

@media all and (max-width: 599px) {
    .l-header .u-inner {
        padding: 0
    }
}

@media all and (min-width: 600px) {
    .l-header {
        background: #fff
    }

    .l-header__inner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        height: 108px
    }
}

.l-header .hd-info {
    position: relative;
    z-index: 50
}

@media all and (max-width: 599px) {
    .l-header .hd-info {
        width: calc(100% - 120px);
        height: 60px;
        background: #fff
    }

    .l-header .hd-info__logo {
        padding: 0 0 0 20px;
        width: 120px
    }
}

@media all and (min-width: 600px) {
    .l-header .hd-info {
        width: 200px;
        padding: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .l-header .h1logo-text {
        position: absolute;
        top: 16px;
        left: 44px;
        width: 400px;
        font-size: 10px;
        color: #888888;
    }

    .l-header .hd-info__logo {
        margin-left: 43px;
        width: 130px
    }
}

.l-header .nav-btn {
    position: absolute;
    top: 0;
    right: 0;
    width: 60px;
    height: 60px;
    background: #F3B832;
    cursor: pointer;
    z-index: 99999
}

.l-header .nav-btn__line {
    position: absolute;
    left: 17px;
    width: 28px;
    height: 2px;
    content: '';
    background: #fff;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

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

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

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

.l-header .nav-btn__txt {
    position: absolute;
    bottom: 10px;
    left: 0;
    width: 100%;
    padding-left: 0.2em;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0.2em;
    text-align: center;
    color: #fff;
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
    box-sizing: border-box
}

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

.l-header .nav-btn.is-open .nav-btn__line:nth-child(2) {
    opacity: 0
}

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

.l-header__inner {
    position: relative
}

.l-header__inner .nav__btn {
    position: absolute;
    top: 0;
    right: 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 60px;
    height: 60px
}

.l-header__inner .nav__btn-link {
    width: 60px;
    height: 60px;
    color: #fff;
    text-decoration: none;
    background: #000;
    box-sizing: border-box;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.l-header__inner .nav__btn-link img {
    display: block;
    margin: 15px auto 8px;
    width: 26px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.l-header__inner .nav__btn-link:hover img {
    opacity: 0.7
}

.l-header__inner .nav__btn-txt {
    display: block;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0.1em;
    text-align: center;
    color: #fff
}

@media all and (max-width: 599px) {
    .l-header__inner .nav__btn-txt {
        font-size: 1rem;
        -webkit-transform: scale(0.8);
        -ms-transform: scale(0.8);
        transform: scale(0.8)
    }

    .h1logo-text {
        font-size: 10px;
        margin-left: 16px;
    }
}

@media all and (min-width: 600px) {
    .l-header__inner .hd-nav-main-recruit {
        margin-right: 212px !important;
    }

    .l-header__inner .nav__btn {
        right: 0px;
        width: 108px;
        height: 108px
    }

    .l-header__inner .nav__btn-link {
        position: relative;
        display: block;
        width: 108px;
        height: 108px
    }

    .l-header__inner .nav__btn-link img {
        position: absolute;
        top: 16px;
        left: calc(50% - 19px);
        width: 38px
    }

    .l-header__inner .nav__btn-txt {
        padding-top: 72px;
        font-size: 1.4rem
    }

    .l-header__inner .nav__btn-oubo {
        right: 108px;
        width: 140px;
    }

    .l-header__inner .nav__btn-oubo a {
        background: #FA9100;
        width: 140px;
    }

    .l-header__inner .nav__btn-oubo a:hover {
        background: #ffaf41;
    }

    .l-header__inner .nav__btn-oubo a span {
        padding-top: 50px;
        font-size: 1.6rem;
    }

    .l-header__inner .nav__sns {
        width: 52px;
        height: 52px;
        position: absolute;
        top: calc(50% - 26px);
        right: 280px;
    }

    .l-header__inner .nav__sns a:hover {
        opacity: .9;
    }
}

@media all and (min-width: 600px) {
    .l-header__inner .hd-nav {
        width: calc(100% - 250px);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .l-header__inner .hd-nav-main {
        margin-right: 125px
    }
}

@media all and (max-width: 599px) {
    .l-nav {
        position: absolute;
        display: none;
        top: 60px;
        left: 0;
        z-index: 50;
        width: 100%;
        max-height: calc(100vh - 60px);
        min-width: 320px;
        box-sizing: border-box;
        text-align: center;
        -webkit-overflow-scrolling: touch;
        max-height: auto;
        overflow: auto;
        -webkit-transition: all .3s ease;
        transition: all .3s ease
    }

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

    .l-nav.is-open {
        display: block;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }

    .l-nav__close {
        color: #fff;
        background: #d3d3d3;
        padding: 8px 0 9px;
        text-align: center
    }

    .l-nav__close-txt:before,
    .l-nav__close-txt:after {
        content: "";
        display: block;
        position: absolute;
        top: 50%;
        left: 0;
        width: 8px;
        height: 1px;
        background: #fff
    }

    .l-nav__close-txt:before {
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg)
    }

    .l-nav__close-txt:after {
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    .l-nav .hd-nav-list {
        margin-left: 40%;
        width: 60%;
        padding-top: 50px
    }

    .l-nav .hd-nav-list__link01 {
        position: relative;
        padding: 7px 36px;
        letter-spacing: 0.1em;
        font-size: 1.4rem;
        font-weight: 600;
        text-align: left;
        color: #000
    }
}

@media all and (min-width: 600px) {
    .l-nav {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .l-nav .hd-nav-list {
        margin-right: 30px
    }

    .l-nav .hd-nav-list__link01 {
        height: 90px
    }

    .l-nav .hd-nav-list .is-parent .hd-nav-list__link01:after {
        top: 42px
    }
}

.l-sub {
    margin-top: 55px
}

.l-sub__head-en {
    font-size: 3.2rem;
    font-weight: 600;
    letter-spacing: 0.2em;
    line-height: 1.3;
    background: #fff
}

.l-sub__head-jp {
    margin-top: 8px;
    font-size: 1.4rem;
    font-weight: 600;
    letter-spacing: 0;
    /* background: #fff */
}

@media all and (min-width: 600px) {
    .l-sub {
        margin-top: 80px;
        padding-left: 40px
    }

    .l-sub__head-en {
        font-size: 4.6rem
    }

    .l-sub__head-jp {
        font-size: 1.4rem
    }
}

@media (min-width: 1240px) {
    .l-sub {
        padding-left: 0
    }
}

.nav-overlay {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    width: 60%;
    height: 100vh;
    background: #fff;
    z-index: 10;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

@media all and (min-width: 600px) {
    .nav-overlay {
        display: none !important
    }
}

@media all and (max-width: 599px) {
    body.is-fixed {
        /* position: fixed; */
        overflow: hidden
    }
}

.breadcrumbs {
    background: #F4F4F4;
    padding: 2px 0;
}

.breadcrumb-list {
    width: 1200px;
    max-width: 100%;
    margin: 0 auto 70px
}

.breadcrumb-list li {
    display: inline-block;
    font-size: 1.1rem;
    letter-spacing: 0.01em;
    line-height: 1;
    vertical-align: middle
}

.breadcrumb-list li+li {
    padding-left: 20px;
    position: relative
}

.breadcrumb-list li+li:before {
    position: absolute;
    content: '';
    width: 5px;
    height: 5px;
    top: calc(50% - 3px);
    left: 3px;
    border: 0px;
    border-top: solid 1px #333;
    border-right: solid 1px #333;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.breadcrumb-list a {
    text-decoration: none
}

@media all and (max-width: 599px) {
    .sidebar {
        padding: 0 20px
    }
}

.sidebar .sd-head {
    font-size: 1.7rem;
    font-weight: 600;
    letter-spacing: 0.1em;
    color: #d3d3d3
}

.sidebar .sd-post {
    border-bottom: 1px solid #D1D3D5
}

.sidebar .sd-post__link01 {
    padding: 10px 0 13px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-decoration: none
}

.sidebar .sd-post__img {
    padding-top: 3px;
    width: 73px;
    height: 73px;
    overflow: hidden;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start
}

.sidebar .sd-post__text {
    padding-left: 15px;
    width: calc(100% - 73px);
    box-sizing: border-box
}

.sidebar .sd-post__title {
    font-size: 1.6rem;
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: 0.1em
}

.sidebar .sd-post__txt {
    font-size: 1.4rem;
    line-height: calc(24/14);
    color: #3A3A3A
}

@media all and (max-width: 599px) {
    .sidebar .sd__list {
        margin-bottom: 30px
    }

    .sidebar .sd-cat {
        margin-top: 10px
    }

    .sidebar .sd-cat .sd-cat__item {
        margin: 0 16px 13px 0
    }

    .sidebar .sd-cat .sd-cat__item a {
        padding: 4px 11px;
        font-size: 1rem
    }
}

@media all and (max-width: 599px) {
    .sidebar .sd-post:first-of-type .sd-post__link01 {
        padding-top: 0
    }
}

@media all and (min-width: 600px) {
    .sidebar .sd-post__link01 {
        padding: 12px 0 15px
    }

    .sidebar .sd-head {
        font-size: 2rem
    }

    .sidebar .sd-post__title {
        font-size: 1.8rem
    }

    .sidebar .sd__list {
        margin-bottom: 35px
    }

    .sidebar .sd-cat {
        margin-top: 10px
    }

    .sidebar .sd-cat .sd-cat__item {
        margin: 0 16px 13px 0
    }

    .sidebar .sd-cat .sd-cat__item a {
        padding: 6px 15px;
        font-size: 1.3rem
    }
}

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

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

.c-head01-en {
    margin-bottom: 4px;
    font-size: 2.4rem;
    font-weight: 600;
    line-height: 1;
    letter-spacing: 0.15em
}

.c-head01-en .is-lines {
    position: relative;
    margin-top: -5px;
    font-weight: 600;
    display: block;
    line-height: 1.1
}

.c-head01-en .is-lines+.is-lines {
    margin-top: 8px
}

.c-head01-en-jp {
    font-weight: 700
}

.c-head01-jp {
    font-size: 1.1rem;
    font-weight: 600
}

.c-head01-num {
    margin-bottom: 15px;
    display: block;
    font-size: 2.4rem;
    font-weight: 600;
    line-height: 1;
    letter-spacing: 0.2em
}

@media all and (max-width: 599px) {
    .c-head01-en-jp {
        font-size: 2rem;
        line-height: 1.2
    }
}

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

    .c-head01-en {
        margin-bottom: 8px;
        font-size: 3.6rem
    }

    .c-head01-en .is-lines {
        margin-top: -10px;
        line-height: 1.8
    }

    .c-head01-en .is-lines .c-head01-en-jp {
        font-size: 3.6rem
    }

    .c-head01-en .is-lines+.is-lines {
        margin-top: 0
    }

    .c-head01-en-jp {
        font-size: 3.2rem
    }

    .c-head01-jp {
        font-size: 1.4rem
    }

    .c-head01-num {
        margin-bottom: 35px;
        font-size: 3.6rem
    }
}

.c-head02 {
    margin-bottom: 15px;
    font-size: 1.6rem;
    font-weight: 600;
    line-height: calc(27/16);
    letter-spacing: 0.1em
}

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

@media all and (min-width: 600px) {
    .c-head02 {
        margin-bottom: 0;
        font-size: 2.4rem;
        line-height: calc(41/24)
    }
}

.c-head03 {
    margin-bottom: 10px;
    font-size: 2rem;
    font-weight: 700;
    line-height: calc(27/16);
    letter-spacing: 0.1em
}

.c-head03-num {
    margin-bottom: 20px;
    display: block;
    font-size: 2.4rem;
    font-weight: 600;
    line-height: 1;
    letter-spacing: 0.2em
}

.c-head03-en {
    font-weight: 600;
    font-size: 3.6rem;
    letter-spacing: 0.15em
}

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

@media all and (min-width: 600px) {
    .c-head03 {
        margin-bottom: 25px;
        font-size: 3.2rem;
        line-height: calc(41/24)
    }

    .c-head03-num {
        margin-bottom: 30px;
        font-size: 3.6rem
    }
}

.c-head04 {
    position: relative;
    padding-left: 20px;
    font-size: 2rem;
    font-weight: 600;
    letter-spacing: 0.1em;
    line-height: 1;
    background: #fff
}

.c-head04:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    bottom: 0;
    width: 8px;
    background: #FDD000
}

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

    .c-head04:before {
        width: 11px
    }
}

.c-btn01 {
    text-align: center
}

.c-btn01.is-center {
    margin-left: auto;
    margin-right: auto
}

.c-btn01__link {
    position: relative;
    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;
    padding: 5px 60px;
    height: 50px;
    font-size: 1.4rem;
    font-weight: 700;
    text-decoration: none;
    text-align: center;
    letter-spacing: 0.1em;
    background: #000;
    color: #fff;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    box-sizing: border-box
}

.c-btn01__link:after {
    content: '';
    width: 0;
    height: 0;
    border: 2px solid transparent;
    border-left: 12px solid #fff;
    position: absolute;
    top: 50%;
    right: 20px;
    margin-top: -3px
}

.c-btn01.is-back .c-btn01__link:after {
    border: 2px solid transparent;
    border-right: 12px solid #fff;
    position: absolute;
    top: 50%;
    left: 20px;
    margin-top: -3px
}

@media all and (max-width: 599px) {
    .c-btn01 {
        margin-top: 30px;
        max-width: 232px
    }
}

@media all and (min-width: 600px) {
    .c-btn01 {
        margin-top: 50px;
        max-width: 294px
    }

    .c-btn01__link {
        height: 58px
    }
}

.c-btn01__link {
    overflow: hidden
}

.c-btn01__link:before {
    position: absolute;
    display: block;
    content: '';
    top: 0;
    left: 0;
    width: 120%;
    height: 100%;
    background: rgba(255, 255, 255, 0.3);
    -webkit-transform-origin: right top;
    -ms-transform-origin: right top;
    transform-origin: right top;
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    transform-origin: left top;
    -webkit-transform: skewX(-30deg) scale(0, 1);
    -ms-transform: skewX(-30deg) scale(0, 1);
    transform: skewX(-30deg) scale(0, 1);
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.c-btn01__link:hover:before {
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    transform-origin: left top;
    -webkit-transform: skewX(-30deg) scale(1, 1);
    -ms-transform: skewX(-30deg) scale(1, 1);
    transform: skewX(-30deg) scale(1, 1);
    background: rgba(255, 255, 255, 0.3);
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.c-btn02 {
    position: relative
}

.c-btn02__link {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: calc(31/20);
    width: 100%;
    height: 60px;
    padding-left: 70px;
    font-size: 1.5rem !important;
    text-decoration: none;
    color: #fff !important;
    background: #000 url(../img/common/btn02.png) 10px center/50px no-repeat;
    box-sizing: border-box;
    overflow: hidden
}

.c-btn02__link:after {
    position: absolute;
    display: block;
    content: "";
    top: calc(50% - 2px);
    right: 22px;
    width: 0;
    height: 0;
    border: 4px solid transparent;
    border-left: 15px solid #fff
}

@media all and (min-width: 600px) {
    .c-btn02 {
        width: 513px;
        height: 122px;
        overflow: hidden
    }

    .c-btn02__link {
        padding-left: 140px;
        width: 513px;
        height: 122px;
        font-size: 2rem !important;
        background: #000 url(../img/common/btn02.png) 20px center/95px no-repeat
    }
}

.c-btn02__link {
    overflow: hidden
}

.c-btn02__link:before {
    position: absolute;
    display: block;
    content: '';
    top: 0;
    left: 0;
    width: 120%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    background: rgba(255, 255, 255, 0.2);
    -webkit-transform-origin: right top;
    -ms-transform-origin: right top;
    transform-origin: right top;
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    transform-origin: left top;
    -webkit-transform: skewX(-30deg) scale(0, 1);
    -ms-transform: skewX(-30deg) scale(0, 1);
    transform: skewX(-30deg) scale(0, 1);
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.c-btn02__link:hover:before {
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    transform-origin: left top;
    -webkit-transform: skewX(-30deg) scale(1, 1);
    -ms-transform: skewX(-30deg) scale(1, 1);
    transform: skewX(-30deg) scale(1, 1);
    background: rgba(255, 255, 255, 0.2);
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.c-cv01 {
    background-color: #fff
}

.c-cv01__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
}

.c-cv01__link {
    position: relative;
    color: #fff;
    text-decoration: none;
    overflow: hidden;
    background: url(../img/common/cv_btn01_pc.png) center no-repeat;
    display: inline-block;
    background-size: contain;
    height: 210px;
    transition: .5s;
}

.c-cv01__link:hover {
    display: inline-block;
    background: url(../img/common/cv_btn01_pc_h.png) center no-repeat;
    background-size: contain;
    height: 210px;
}

/* .c-cv01__link:before {
    position: absolute;
    display: block;
    content: "";
    top: 0;
    bottom: 0;
    left: -10%;
    width: 75%;
    -webkit-transform: skewX(-30deg);
    -ms-transform: skewX(-30deg);
    transform: skewX(-30deg);
    background: rgba(0, 0, 0, 0.8);
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.c-cv01__link:hover:before {
    width: 80%;
    width: 120%
}

.c-cv01__link:after {
    position: absolute;
    display: block;
    content: "";
    top: calc(50% - 2px);
    left: 22px;
    width: 0;
    height: 0;
    border: 4px solid transparent;
    border-left: 15px solid #fff
} */

.c-cv01__head {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.c-cv01__head-en {
    position: relative;
    font-size: 2rem;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: 0.2em;
    z-index: +1
}

.c-cv01__head-jp {
    position: relative;
    font-size: 1.2rem;
    font-weight: 600;
    letter-spacing: 0.03em
}

@media all and (max-width: 599px) {
    .c-cv01 {
        padding: 0;
    }

    .c-cv01__inner {
        margin: 0 20px 0
    }

    .c-cv01__link {
        width: 100%
    }

    .c-cv01__head {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 10% 0 10% 17%
    }

    .c-cv01__head span {
        width: 100%;
        display: block
    }
}

@media all and (min-width: 600px) {
    .c-cv01 {
        padding: 60px 0 130px
    }

    .c-cv01__inner {
        margin: 90px auto 175px;
        margin: auto;
        width: 1200px;
        max-width: 100%
    }

    .c-cv01__head {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 0 0 0 10%
    }

    .c-cv01__head-en {
        font-size: 3.6rem
    }

    .c-cv01__head-jp {
        margin-left: 5px;
        font-size: 1.4rem
    }

    .c-cv01__link {
        width: 100%
    }

    .c-cv01__link:before {
        width: 58%
    }

    .c-cv01__link:after {
        left: 64px;
        border: 7px solid transparent;
        border-left: 35px solid #fff
    }
}

.c-nav01__link01 {
    position: relative;
    text-decoration: none;
    display: block
}

.c-nav01__link01:after {
    display: block;
    position: absolute;
    content: "";
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.c-nav01__item01.is-parent .c-nav01__link01 {
    color: #000
}

.c-nav01__item01.is-parent .c-nav01__link01:after {
    position: absolute;
    display: block;
    content: "";
    border: 4px solid transparent;
    border-top: 5px solid #000;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.c-nav01__item01.is-parent:hover .c-nav01__child {
    display: block
}

.c-nav01__link02 {
    display: block;
    padding: 5px;
    font-weight: 600;
    text-decoration: none;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

@media all and (max-width: 599px) {
    .c-nav01__item01.is-parent .c-nav01__link01:after {
        top: 17px;
        left: 115px
    }

    .c-nav01__item01.is-logo {
        margin-top: calc(100vh - 450px);
        margin-top: 150px;
        /* width: 66%; */
    }

    .c-nav01__child {
        padding-left: 40px
    }

    .c-nav01__link02 {
        position: relative;
        display: block;
        padding-left: 15px;
        text-align: left
    }

    .c-nav01__link02:before {
        position: absolute;
        content: "";
        top: 50%;
        left: 0;
        width: 7px;
        height: 1px;
        background: #000
    }
}

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

    .c-nav01__link01 {
        margin: 0 0 0 10px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 0 15px;
        font-size: 1.4rem;
        font-weight: 700;
        letter-spacing: 0.1em;
        text-decoration: none;
        box-sizing: border-box;
        -webkit-transition: all .3s ease;
        transition: all .3s ease
    }

    .c-nav01__link01:hover {
        color: #d3d3d3
    }

    .c-nav01__item01.is-parent .c-nav01__link01 {
        position: relative;
        padding: 0 30px 0 15px
    }

    .c-nav01__item01.is-parent .c-nav01__link01:after {
        top: 8px;
        right: 17px
    }

    .c-nav01__child {
        position: absolute;
        opacity: 0;
        display: none;
        -webkit-transition: all .3s ease;
        transition: all .3s ease
    }

    .c-nav01__item01.is-parent:hover .c-nav01__child {
        margin-top: -30px;
        display: block;
        padding: 2px;
        opacity: 1;
        background: #000;
        -webkit-transition: all .3s ease;
        transition: all .3s ease
    }

    .c-nav01__item01.is-parent:hover .c-nav01__link02 {
        display: block;
        padding: 5px;
        text-align: center;
        background: #fff;
        -webkit-transition: all .3s ease;
        transition: all .3s ease
    }

    .c-nav01__item01.is-parent:hover .c-nav01__link02:hover {
        color: #fff;
        background: #000
    }
}

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

textarea {
    resize: vertical
}

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

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

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

.c-form01 th {
    font-weight: 600;
    line-height: 1
}

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

.c-form01 .required {
    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;
    position: relative;
    font-size: 1rem;
    line-height: 1;
    letter-spacing: 0.1em;
    color: #fff;
    background: #F3B832;
    border-radius: 12px;
    white-space: nowrap;
    min-width: 65px;
    width: 65px;
    height: 24px;
    box-sizing: border-box
}

.c-form01 input::-webkit-input-placeholder {
    color: #d3d3d3
}

.c-form01 input:-ms-input-placeholder {
    color: #d3d3d3
}

.c-form01 input::placeholder {
    color: #d3d3d3
}

.c-form01 input:-ms-input-placeholder {
    color: #d3d3d3
}

.c-form01 input::-ms-input-placeholder {
    color: #d3d3d3
}

.c-form01 textarea::-webkit-input-placeholder {
    color: #d3d3d3
}

.c-form01 textarea:-ms-input-placeholder {
    color: #d3d3d3
}

.c-form01 textarea::placeholder {
    color: #d3d3d3
}

.c-form01 textarea:-ms-textarea-placeholder {
    color: #d3d3d3
}

.c-form01 textarea::-ms-textarea-placeholder {
    color: #d3d3d3
}

.c-form01 .c-form01__agree {
    margin-bottom: 30px;
    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-form01 .c-form01__area-btn {
    margin-bottom: 40px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.c-form01 .c-form01__area-btn:after {
    content: '';
    width: 0;
    height: 0;
    border: 2px solid transparent;
    border-left: 12px solid #fff;
    position: absolute;
    top: 50%;
    margin-top: -3px
}

.c-form01 .c-form01__area-btn input[type=submit] {
    position: relative;
    padding-right: 40px;
    width: 264px;
    height: 60px;
    font-size: 1.3rem;
    color: #fff;
    background: #021933;
    box-sizing: border-box
}

.c-form01__select {
    position: relative;
    background: #F4F4F4;
    width: 100%;
    height: 60px;
    overflow: hidden
}

.c-form01__select:before {
    display: block;
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    right: 17px;
    top: 26px;
    border: 8px solid transparent;
    border-top: 8px solid #151515
}

.c-form01__select select {
    width: calc(100% + 50px);
    height: 60px;
    padding: 10px;
    color: #000
}

.c-form01__select select:invalid option {
    color: #000
}

.c-form01 .mwform-radio-field input[type=radio] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: none
}

.c-form01 .mwform-radio-field input[type=radio]+span {
    position: relative;
    cursor: pointer;
    padding-left: 25px
}

.c-form01 .mwform-radio-field input[type=radio]+span:before {
    position: absolute;
    display: block;
    content: "";
    top: 4px;
    left: 0;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    border: 2px solid #000
}

.c-form01 .mwform-radio-field input[type=radio]:checked+span:before {
    background: url(../img/contact/contact__btn-checed.png) center center/18px no-repeat
}

.c-form01 table {
    margin: auto;
    width: 100%
}

.c-form01 textarea,
.c-form01 input[type="email"],
.c-form01 input[type="date"],
.c-form01 input[type="text"] {
    width: 100%;
    height: 46px;
    font-size: 1.4rem;
    padding: 6px;
    background: #F4F4F4;
    box-sizing: border-box
}

@media all and (max-width: 599px) {

    .c-form01 th,
    .c-form01 td {
        display: block
    }

    .c-form01 .required {
        margin-left: 10px;
        display: inline-block;
        font-size: 1rem;
        text-align: center;
        min-width: 45px;
        padding-top: 4px;
        width: 45px;
        height: 16px;
        border-radius: 8px
    }

    .c-form01 th {
        padding: 0;
        font-size: 1.3rem
    }

    .c-form01 td {
        padding: 13px 0 26px
    }

    .c-form01__select {
        width: 100%;
        height: 46px
    }

    .c-form01__select:before {
        top: 20px
    }

    .c-form01__select select {
        height: 46px;
        padding: 0 10px
    }

    .c-form01 textarea,
    .c-form01 input[type="email"],
    .c-form01 input[type="date"],
    .c-form01 input[type="text"] {
        padding: 10px;
        font-size: 1.6rem
    }

    .c-form01 textarea {
        font-size: 1.6rem;
        height: 160px
    }

    .c-form01 .mwform-radio-field {
        font-size: 1.6rem
    }

    .c-form01 .c-form01__area-btn {
        margin-top: 25px
    }

    .c-form01 .c-form01__area-btn:after {
        top: calc(50% + 2px);
        left: calc(50% + 90px)
    }

    .c-form01 .c-form01__area-btn input[type=submit] {
        padding-right: 0;
        width: 232px;
        height: 50px;
        font-size: 1.3rem
    }
}

.contact-form__inner td input {
    background: #F4F4F4 !important;
}

.contact-form__inner td textarea {
    background: #F4F4F4 !important;
}

@media all and (min-width: 600px) {
    .c-form01 .contact-form__inner {
        width: 800px
    }

    .c-form01 .required {
        padding: 5px;
        font-size: 1.2rem;
        min-width: 65px;
        width: 65px;
        height: 24px;
        border-radius: 12px
    }

    .c-form01 th {
        padding: 21px 0 27px;
        width: 210px;
        font-size: 1.5rem
    }

    .c-form01 th .required {
        float: right;
        top: -5px
    }

    .c-form01 td {
        padding: 0px 0 40px 40px;
        width: 560px
    }

    .c-form01 textarea,
    .c-form01 input[type="email"],
    .c-form01 input[type="text"] {
        width: 520px;
        padding: 9px;
        font-size: 1.5rem;
        box-sizing: border-box
    }

    .c-form01 input[type="email"],
    .c-form01 input[type="text"] {
        height: 60px
    }

    .c-form01 textarea {
        height: 161px
    }

    .c-form01 .c-form01__area-btn:after {
        left: calc(50% + 95px)
    }

    .c-form01 .c-form01__area-btn input[type=submit] {
        padding-right: 0;
        width: 260px;
        height: 60px;
        font-size: 1.4rem
    }

    .c-form01 .mwform-radio-field input[type=radio]+span:before {
        top: 4px;
        left: 0;
        width: 16px;
        height: 16px
    }

    .c-form01 .mwform-radio-field input[type=radio]:checked+span:before {
        background: url(../img/contact/contact__btn-checed.png) center center/18px no-repeat
    }
}

.mwform-checkbox-field label,
.mwform-radio-field label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.mw_wp_form table {
    background: #fff
}

input[type="checkbox"] {
    display: none
}

.mwform-checkbox-field-text {
    display: inline-block;
    position: relative;
    padding: 0 10px 0 36px;
    background: #fff
}

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

.mwform-checkbox-field-text:before {
    background: #fff;
    border: 2px solid #ccc;
    border-radius: 2px;
    width: 20px;
    height: 20px;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.mwform-checkbox-field-text:after {
    border-width: 4px;
    border-color: transparent transparent #F3B832 #F3B832;
    border-style: solid;
    width: 15px;
    height: 10px;
    top: calc(50% - 15px);
    left: 0;
    -webkit-transform: rotate(-50deg);
    -ms-transform: rotate(-50deg);
    transform: rotate(-50deg);
    opacity: 0
}

input[type="checkbox"]:checked+.mwform-checkbox-field-text:after {
    opacity: 1
}

.mw_wp_form.mw_wp_form_confirm.mw_wp_form_preview .c-form01__select {
    border: 0px;
    width: auto;
    height: auto
}

.mw_wp_form.mw_wp_form_confirm.mw_wp_form_preview .c-form01__select {
    background: transparent
}

.mw_wp_form.mw_wp_form_confirm.mw_wp_form_preview .c-form01__select:before {
    display: none
}

.c-form01 .mw_wp_form.mw_wp_form_confirm td {
    padding-left: 20px
}

@media all and (min-width: 600px) {
    .c-form01 .mw_wp_form.mw_wp_form_confirm td {
        padding: 15px 0 27px 40px
    }
}

@media all and (max-width: 599px) {
    .c-form01 .mw_wp_form.mw_wp_form_confirm td {
        padding-left: 0;
    }
}

.mw_wp_form.mw_wp_form_confirm .c-form01 td {
    padding-left: 20px
}

@media all and (min-width: 600px) {
    .mw_wp_form.mw_wp_form_confirm .c-form01 td {
        padding: 10px 0 27px 40px
    }
}

.mwform-tel-field {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.mwform-tel-field>input[type=text] {
    margin-right: 10px;
    width: 70px !important
}

.mwform-tel-field>*+input[type=text] {
    margin-left: 10px
}

.c-set01 {
    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-set01 .c-set01__txt p {
    font-weight: 600
}

.c-set01-text {
    background: #fff
}

@media all and (max-width: 599px) {
    .c-set01 {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .c-set01 .c-set01-img {
        margin: 30px 0 0 -30px;
        width: calc(100% + 10px);
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .c-set01 .c-set01-text {
        width: 100%;
        padding-left: 10px;
        padding-right: 10px;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .c-set01 .c-set01__head {
        margin-bottom: 15px
    }

    .c-set01 .c-set01__txt p {
        font-size: 1.3rem
    }

    .c-set01__btn01 {
        margin-top: 20px
    }

    .c-set01.is-reverse .c-set01-img {
        margin: 30px -30px 0 0;
        width: calc(100% + 10px)
    }

    .c-set01.is-normal .c-set01-img {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        margin-bottom: 30px
    }

    .c-set01.is-normal .c-set01-text {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }
}

@media all and (min-width: 600px) {
    .c-set01 {
        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;
        margin-bottom: 120px;
        width: 100%
    }

    .c-set01-img {
        min-width: 460px;
        box-sizing: border-box
    }

    .c-set01-text {
        padding: 20px 10px 20px 40px;
        min-width: 580px;
        box-sizing: border-box
    }

    .c-set01__txt {
        width: 450px
    }

    .c-set01__txt p {
        font-size: 1.6rem;
        letter-spacing: 0.03em
    }

    .c-set01__btn01 {
        margin-top: 70px
    }

    .c-set01.is-reverse .c-set01-img {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        margin-right: 0
    }

    .c-set01.is-reverse .c-set01-text {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }
}

@media all and (min-width: 1180px) {
    .c-set01.is-reverse .c-set01-text {
        margin-right: 78px
    }
}

.c-set02 {
    background: #fff
}

.c-set02__point {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start
}

.c-set02__point dt {
    font-weight: 600;
    line-height: 1.2;
    text-align: center;
    color: #fff;
    letter-spacing: 0.1em;
    box-sizing: border-box
}

.c-set02__point dt span {
    display: block;
    font-weight: 600
}

.c-set02__point-head {
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: 0.2em
}

.c-set02__point p {
    font-weight: 600
}

@media all and (max-width: 599px) {
    .c-set02 {
        margin: 70px 0
    }

    .c-set02__point dt {
        margin-top: 8px;
        margin-right: 8px;
        width: 88px;
        min-width: 88px;
        height: 77px;
        padding-top: 18px;
        font-size: 1.2rem;
        background: url(../img/common/honeycomb-yellow_bg01.png) 0 0/88px no-repeat
    }

    .c-set02__point dt span {
        font-size: 2.5rem
    }

    .c-set02__point-head {
        margin-bottom: 3px;
        font-size: 1.7rem
    }

    .c-set02__point p {
        font-size: 1.3rem;
        line-height: calc(19/11)
    }

    .c-set02__point+.c-set02__point {
        margin-top: 40px
    }
}

@media all and (min-width: 600px) {
    .c-set02__point dt {
        margin-right: 40px;
        width: 125px;
        min-width: 125px;
        height: 106px;
        padding-top: 22px;
        font-size: 2rem;
        background: url(../img/common/honeycomb-yellow_bg01.png) 0 0/125px no-repeat
    }

    .c-set02__point dt span {
        font-size: 4.1rem
    }

    .c-set02__point-head {
        margin-bottom: 13px;
        font-size: 2.4rem;
        letter-spacing: 0.1em
    }

    .c-set02__point p {
        font-size: 1.6rem
    }

    .c-set02__point+.c-set02__point {
        margin-top: 50px
    }
}

.c-set03 {
    position: relative
}

.c-set03:before {
    position: absolute;
    display: block;
    content: "";
    bottom: 0;
    left: 0;
    width: 100%
}

.c-set03__list {
    position: relative
}

.c-set03__item {
    background: #fff;
    box-shadow: 0 0 20px 0px rgba(195, 147, 39, 0.16);
    box-sizing: border-box
}

.c-set03__item-ico {
    margin: auto auto 20px;
    width: 90px;
    text-align: center
}

.c-set03__item-txt01 {
    margin-bottom: 7px;
    font-size: 1.3rem
}

.c-set03__item-txt02 {
    font-size: 1.2rem
}

.c-set03__item p {
    font-weight: 600
}

@media all and (max-width: 599px) {
    .c-set03 {
        padding-bottom: 20px
    }

    .c-set03:before {
        top: 100px;
        background: url(../img/common/case_bg01_sp.png) bottom center/100% no-repeat
    }

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

    .c-set03__item {
        margin: 0 0 62px;
        margin: 0 0 20px;
        padding: 37px 58px;
        padding: 20px 58px 35px
    }

    .c-set03__item-ico {
        width: auto
    }

    .c-set03__item-ico img {
        max-height: 60px
    }
}

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

    .c-set03:before {
        height: 359px;
        height: 300px;
        background: url(../img/common/case_bg01_pc.png) bottom center/100% no-repeat
    }

    .c-set03__list {
        margin-top: 80px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .c-set03__list.is-col4 .c-set03__item {
        margin: 0 10px
    }

    .c-set03__list.is-col4 .c-set03__item:first-child {
        margin-left: 0
    }

    .c-set03__list.is-col4 .c-set03__item:last-child {
        margin-right: 0
    }

    .c-set03__item {
        margin: 0 20px;
        padding: 50px;
        width: 370px;
        min-height: 310px
    }

    .c-set03__item:first-child {
        margin-left: 0
    }

    .c-set03__item:last-child {
        margin-right: 0
    }

    .c-set03__item-ico {
        margin-bottom: 25px;
        width: auto;
        height: 80px
    }

    .c-set03__item-ico img {
        width: auto;
        max-height: 80px
    }

    .c-set03__item-txt01 {
        font-size: 1.5rem
    }

    .c-set03__item-txt02 {
        font-size: 1.4rem
    }
}

.c-set04 {
    background: #fff
}

.c-set04__item {
    border-bottom: 1px solid #E8E8E8
}

.c-set04__item-link {
    position: relative;
    padding: 20px 0 37px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    text-decoration: none;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.c-set04__item-link:after {
    position: absolute;
    display: block;
    content: "";
    top: calc(50% - 10px);
    right: 10px;
    width: 10px;
    height: 10px;
    background: transparent;
    border: 1px solid #000;
    border-width: 1px 1px 0 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.c-set04__item-link:hover {
    background: #F4F4F4
}

.c-set04__item-link:hover:after {
    border: 1px solid #000;
    border-width: 3px 3px 0 0
}

.c-set04__date {
    position: relative;
    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;
    color: #fff;
    width: 64px;
    height: 54px;
    background: url(../img/common/news_bg01.png) center center/100% no-repeat
}

.c-set04__date-inner {
    width: 64px
}

.c-set04__date01,
.c-set04__date02 {
    width: 100%;
    display: block;
    font-weight: 600;
    letter-spacing: 0.1em;
    text-align: center;
    line-height: 1;
    padding-left: 0.1em
}

.c-set04__date01 {
    margin-top: 3px;
    font-size: 1rem
}

.c-set04__date02 {
    margin-top: 2px;
    font-size: 2.1rem
}

.c-set04__txt {
    font-weight: 600
}

.c-set04__cat {
    font-weight: 600;
    text-align: center;
    letter-spacing: 0.2em;
    color: #d3d3d3
}

@media all and (max-width: 599px) {
    .c-set04 {
        margin-top: -20px;
        margin-left: -5px;
        margin-right: -5px
    }

    .c-set04__cat {
        position: absolute;
        font-size: 1rem;
        line-height: 1.4;
        border-bottom: 3px solid #d3d3d3;
        top: 84px;
        left: 0;
        letter-spacing: 0.1em;
        padding: 0;
        min-width: 56px;
    }

    .c-set04__date01 {
        -webkit-transform: scale(0.7);
        -ms-transform: scale(0.7);
        transform: scale(0.7)
    }

    .c-set04__txt {
        padding: 0 30px 0 15px;
        font-size: 1.5rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        min-height: 54px;
        box-sizing: border-box
    }
}

@media all and (min-width: 600px) {
    .c-set04__item-link {
        padding: 16px 14px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: 100%;
        box-sizing: border-box
    }

    .c-set04__item-link:after {
        right: 23px
    }

    .c-set04__date {
        margin-right: 24px;
        width: 84px;
        height: 71px;
        background: url(../img/common/news_bg01.png) center center/84px no-repeat
    }

    .c-set04__date-inner {
        width: 84px
    }

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

    .c-set04__date02 {
        margin-top: 5px;
        font-size: 2.8rem
    }

    .c-set04__cat {
        width: 75px;
        min-width: 75px;
        margin-right: 24px;
        margin-bottom: 10px;
        padding-bottom: 3px;
        font-size: 1.4rem;
        border-bottom: 4px solid #d3d3d3
    }

    .c-set04__txt {
        padding-left: 50px;
        padding-right: 90px
    }
}

@media all and (min-width: 1180px) {
    .c-set04__item-link {
        width: 832px;
        min-width: 832px
    }
}

.c-link01 {
    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-link01 .c-link01__item {
    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;
    box-sizing: border-box
}

.c-link01__link {
    position: relative;
    color: #fff;
    text-decoration: none;
    overflow: hidden
}

.c-link01__link:before {
    position: absolute;
    display: block;
    content: "";
    top: 0;
    bottom: 0;
    left: -10%;
    width: 75%;
    -webkit-transform: skewX(-30deg);
    -ms-transform: skewX(-30deg);
    transform: skewX(-30deg);
    background: rgba(0, 0, 0, 0.8);
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.c-link01__link:after {
    position: absolute;
    display: block;
    content: "";
    width: 0;
    height: 0
}

.c-link01__link:hover:before {
    width: 80%;
    width: 120%
}

.c-link01__head {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.c-link01__head-jp {
    position: relative;
    font-size: 1.4rem;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: 0.2em;
    z-index: +1
}

.c-link01__head-en {
    position: relative;
    font-size: 1rem;
    font-weight: 600;
    letter-spacing: 0.03em
}

@media all and (max-width: 599px) {
    .c-link01 {
        margin: 60px auto -60px;
        max-width: 100%
    }

    .c-link01__item {
        margin-bottom: 10px;
        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;
        box-sizing: border-box
    }

    .c-link01__link {
        position: relative;
        color: #fff;
        text-decoration: none;
        overflow: hidden
    }

    .c-link01__link:before {
        left: -10%;
        width: 75%;
        background: rgba(0, 0, 0, 0.8);
        -webkit-transition: all .3s ease;
        transition: all .3s ease
    }

    .c-link01__link:hover:before {
        width: 80%;
        width: 120%
    }

    .c-link01__link:after {
        top: calc(50% - 7px);
        left: 22px;
        border: 4px solid transparent;
        border-left: 15px solid #fff
    }

    .c-link01__head {
        padding-left: 17%
    }

    .c-link01__head-jp {
        font-size: 1.8rem;
        letter-spacing: 0.05em
    }

    .c-link01__head-en {
        font-size: 1rem
    }
}

@media all and (min-width: 600px) {
    .c-link01 {
        margin: 128px auto
    }

    .c-link01 .c-link01__item {
        width: 590px;
        height: 164px
    }

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

    .c-link01__head-jp {
        font-size: 2.7rem;
        line-height: 1.2
    }

    .c-link01__head-en {
        position: relative;
        font-size: 1.2rem;
        letter-spacing: 0.1em
    }

    .c-link01 .c-link01__item.item01 .c-link01__head {
        padding-left: 120px
    }

    .c-link01 .c-link01__item.item02 .c-link01__head {
        padding-left: 100px
    }

    .c-link01__link {
        width: 100%
    }

    .c-link01__link:before {
        width: 58%
    }

    .c-link01__link:after {
        top: calc(50% - 5px);
        left: 64px;
        border: 7px solid transparent;
        border-left: 35px solid #fff
    }

    .c-link01 .c-link01__item.item02 .c-link01__link:after {
        left: 42px
    }
}

.c-link02 .c-link02__item {
    margin-bottom: 10px;
    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;
    box-sizing: border-box
}

.c-link02__link {
    position: relative;
    color: #fff;
    text-decoration: none;
    overflow: hidden
}

.c-link02__link:before {
    position: absolute;
    display: block;
    content: "";
    top: 0;
    bottom: 0;
    left: -10%;
    width: 75%;
    -webkit-transform: skewX(-20deg);
    -ms-transform: skewX(-20deg);
    transform: skewX(-20deg);
    background: rgba(0, 0, 0, 0.8);
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.c-link02__link:hover:before {
    width: 80%;
    width: 120%
}

.c-link02__head {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    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;
    padding-left: 85px
}

.c-link02__head-jp {
    position: relative;
    padding-top: 10px;
    font-size: 2.5rem;
    line-height: 1.2;
    font-weight: 600;
    letter-spacing: 0.1em;
    z-index: +1
}

.c-link02__head-en {
    position: relative;
    font-size: 1.2rem;
    font-weight: 600;
    letter-spacing: 0.1em
}

.c-link02__link {
    width: 100%
}

.c-link02__link:before {
    width: 58%
}

.c-link02__link:after {
    position: absolute;
    display: block;
    content: "";
    top: calc(50% - 10px);
    left: 45px;
    width: 0;
    height: 0;
    border: 7px solid transparent;
    border-left: 20px solid #fff
}

@media all and (max-width: 599px) {
    .c-link02 {
        margin: 60px auto 0;
        width: 300px;
        max-width: 100%
    }

    .c-link02 .c-link02__item {
        margin: 0 0 15px
    }

    .c-link02__head-jp {
        font-size: 1.9rem
    }

    .c-link02__head-en {
        font-size: 1rem
    }
}

@media all and (min-width: 600px) {
    .c-link02 {
        margin: 128px auto;
        margin: 80px auto;
        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-link02 .c-link02__item {
        margin-left: 10px;
        width: 390px;
        height: 164px
    }

    .c-link02 .c-link02__item:first-child {
        margin-left: 0
    }
}

.c-table01 {
    margin: auto;
    width: auto;
    width: 100%;
    border-collapse: separate;
    border-spacing: 0 15px;
    background: #fff
}

.c-table01 th {
    font-weight: 600;
    white-space: nowrap;
    background: rgba(253, 208, 0, 0.1);
    vertical-align: top;
    box-sizing: border-box
}

@media all and (max-width: 599px) {
    .c-table01 {
        margin-top: 50px
    }

    .c-table01 th {
        padding: 15px;
        font-size: 1.2rem
    }

    .c-table01 td {
        padding: 15px 0 15px 15px;
        font-size: 1.2rem
    }
}

@media all and (min-width: 600px) {
    .c-table01 {
        width: 30px auto auto;
        width: 100%;
        border-collapse: separate;
        border-spacing: 23px
    }

    .c-table01 th {
        width: 191px;
        padding: 21px 25px
    }

    .c-table01 td {
        padding: 22px 12px;
        vertical-align: middle
    }

    .c-table01 td p+p {
        margin-top: 20px
    }
}

@media all and (max-width: 599px) {
    .c-navi01 {
        margin: 60px auto 0
    }
}

@media all and (min-width: 600px) {
    .c-navi01 {
        margin: 60px auto 0
    }
}

.wp-pagenavi,
.pagenation {
    clear: both;
    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;
    margin: auto
}

.wp-pagenavi a,
.wp-pagenavi span,
.pagenation a,
.pagenation span {
    margin: 0 8px;
    width: 26px;
    padding: 6px 0;
    font-size: 1.4rem;
    line-height: 1;
    font-weight: 600;
    text-align: center;
    text-decoration: none;
    color: #d3d3d3;
    box-sizing: border-box;
    background: #fff
}

.wp-pagenavi a,
.pagenation a {
    background: #fff;
    border-bottom: 1px solid transparent;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.wp-pagenavi a:hover,
.pagenation a:hover {
    color: #000
}

.wp-pagenavi span,
.pagenation span {
    color: #000;
    border-bottom: 1px solid #000
}

.wp-pagenavi .pages,
.pagenation .pages {
    display: none
}

.wp-pagenavi .prev.page-numbers,
.wp-pagenavi .next.page-numbers,
.wp-pagenavi .previouspostslink,
.wp-pagenavi .nextpostslink,
.pagenation .prev.page-numbers,
.pagenation .next.page-numbers,
.pagenation .previouspostslink,
.pagenation .nextpostslink {
    position: relative;
    text-indent: -9999px
}

.wp-pagenavi .prev.page-numbers:before,
.wp-pagenavi .prev.page-numbers:after,
.wp-pagenavi .next.page-numbers:before,
.wp-pagenavi .next.page-numbers:after,
.wp-pagenavi .previouspostslink:before,
.wp-pagenavi .previouspostslink:after,
.wp-pagenavi .nextpostslink:before,
.wp-pagenavi .nextpostslink:after,
.pagenation .prev.page-numbers:before,
.pagenation .prev.page-numbers:after,
.pagenation .next.page-numbers:before,
.pagenation .next.page-numbers:after,
.pagenation .previouspostslink:before,
.pagenation .previouspostslink:after,
.pagenation .nextpostslink:before,
.pagenation .nextpostslink:after {
    position: absolute;
    display: block;
    content: "";
    width: 9px;
    height: 2px
}

.wp-pagenavi .prev.page-numbers:before,
.wp-pagenavi .next.page-numbers:before,
.wp-pagenavi .previouspostslink:before,
.wp-pagenavi .nextpostslink:before,
.pagenation .prev.page-numbers:before,
.pagenation .next.page-numbers:before,
.pagenation .previouspostslink:before,
.pagenation .nextpostslink:before {
    background: #d3d3d3
}

.wp-pagenavi .prev.page-numbers:after,
.wp-pagenavi .next.page-numbers:after,
.wp-pagenavi .previouspostslink:after,
.wp-pagenavi .nextpostslink:after,
.pagenation .prev.page-numbers:after,
.pagenation .next.page-numbers:after,
.pagenation .previouspostslink:after,
.pagenation .nextpostslink:after {
    background: #d3d3d3
}

.wp-pagenavi .prev.page-numbers:before,
.wp-pagenavi .previouspostslink:before,
.pagenation .prev.page-numbers:before,
.pagenation .previouspostslink:before {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: calc(50% - 4px);
    left: calc(50% - 6px)
}

.wp-pagenavi .prev.page-numbers:after,
.wp-pagenavi .previouspostslink:after,
.pagenation .prev.page-numbers:after,
.pagenation .previouspostslink:after {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    top: calc(50% + 2px);
    left: calc(50% - 6px)
}

.wp-pagenavi .next.page-numbers:before,
.wp-pagenavi .nextpostslink:before,
.pagenation .next.page-numbers:before,
.pagenation .nextpostslink:before {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    top: calc(50% - 4px);
    left: calc(50% - 4px)
}

.wp-pagenavi .next.page-numbers:after,
.wp-pagenavi .nextpostslink:after,
.pagenation .next.page-numbers:after,
.pagenation .nextpostslink:after {
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
    top: calc(50% + 2px);
    left: calc(50% - 4px)
}

.pagenation02 {
    margin: 50px 0 70px
}

.pagenation02-links {
    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
}

.pagenation02-links a {
    position: relative;
    display: block;
    font-size: 1.3rem;
    font-weight: 600;
    line-height: 1;
    letter-spacing: 0.1em;
    text-decoration: none
}

.pagenation02-previous a:before,
.pagenation02-previous a:after,
.pagenation02-next a:before,
.pagenation02-next a:after {
    position: absolute;
    display: block;
    content: "";
    width: 9px;
    height: 2px;
    background: #d3d3d3
}

.pagenation02-list a {
    margin: 0 4vw
}

.pagenation02-previous a {
    margin-right: 3vw;
    padding-left: 8vw
}

.pagenation02-next a {
    margin-left: 3vw;
    padding-right: 8vw
}

.pagenation02-previous a:before {
    top: 9px;
    left: 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.pagenation02-previous a:after {
    top: 3px;
    left: 0;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.pagenation02-next a:before {
    top: 9px;
    right: 0;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.pagenation02-next a:after {
    top: 3px;
    right: 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.pagenation02-list {
    position: relative
}

.pagenation02-list:before,
.pagenation02-list:after {
    position: absolute;
    display: block;
    content: "";
    width: 1px;
    top: 0;
    bottom: 0px;
    background: #D1D3D5
}

.pagenation02-list:before {
    left: 0
}

.pagenation02-list:after {
    right: 0
}

@media all and (min-width: 600px) {
    .pagenation02-links a {
        margin: 0 32px;
        padding-bottom: 5px;
        font-size: 2rem;
        border-bottom: 1px solid transparent;
        -webkit-transition: all .3s ease;
        transition: all .3s ease
    }

    .pagenation02-links a:hover {
        border-bottom: 1px solid #000
    }

    .pagenation02-previous a:before,
    .pagenation02-previous a:after,
    .pagenation02-next a:before,
    .pagenation02-next a:after {
        width: 13px;
        height: 2px;
        background: #d3d3d3
    }

    .pagenation02-previous a {
        padding-left: 45px
    }

    .pagenation02-next a {
        padding-right: 45px
    }

    .pagenation02-previous a:before,
    .pagenation02-next a:before {
        top: 14px
    }

    .pagenation02-previous a:after,
    .pagenation02-next a:after {
        top: 6px
    }

    .pagenation02-list {
        position: relative
    }

    .pagenation02-list:before,
    .pagenation02-list:after {
        bottom: 5px
    }
}

.c-post01__header {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #fff
}

.c-post01__head {
    font-size: 1.6rem;
    font-weight: 600
}

@media all and (max-width: 599px) {
    .c-post01 {
        margin-top: 60px
    }

    .c-post01__header {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: start;
        min-height: 95px
    }

    .c-post01__head {
        margin-left: 15px;
        line-height: calc(24/14);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        min-height: 54px
    }

    .c-post01 .c-set04__cat {
        top: 62px
    }
}

@media all and (min-width: 600px) {
    .c-post01 {
        margin-top: 32px;
        padding: 0 88px 80px
    }

    .c-post01__head {
        width: 100%;
        font-size: 2.2rem;
        letter-spacing: 0.1em;
        box-sizing: border-box
    }
}

.c-post01__body {
    margin: 20px 0 -30px;
    font-size: 1.2rem;
    line-height: calc(24/14);
    min-height: 100px;
    font-weight: 600;
    background: #fff
}

.c-post01__body p {
    font-weight: 600
}

.c-post01__body p+p {
    margin-top: 1.3em
}

.c-post01__body a {
    color: #F3B832;
    font-weight: 600
}

.c-post01__body h2 {
    font-size: 1.4rem;
    font-weight: 600;
    line-height: 1.5;
    background: #F0F3F5
}

.c-post01__body h3 {
    position: relative;
    margin-top: 2em;
    margin-bottom: 20px;
    padding-left: 18px;
    font-size: 1.4rem;
    font-weight: 600
}

.c-post01__body h3:before {
    position: absolute;
    display: block;
    content: "";
    top: 3px;
    bottom: 3px;
    left: 0;
    width: 8px;
    background: #000
}

.c-post01__body strong {
    position: relative;
    font-weight: 600;
    background: rgba(0, 0, 0, 0) -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(0%, rgba(253, 208, 0, 0.23))) repeat scroll 0 0;
    background: rgba(0, 0, 0, 0) linear-gradient(transparent 60%, rgba(253, 208, 0, 0.23) 0%) repeat scroll 0 0
}

.c-post01__body ul {
    margin-top: 7px
}

.c-post01__body ul li {
    position: relative;
    padding-left: 17px;
    font-weight: 600
}

.c-post01__body ul li:before {
    position: absolute;
    display: block;
    content: "";
    top: 6px;
    left: 7px;
    width: 5px;
    height: 5px;
    background: #d3d3d3
}

.c-post01__body ol {
    margin-top: 7px;
    counter-reset: item
}

.c-post01__body ol li {
    position: relative;
    padding-left: 20px;
    font-weight: 600
}

.c-post01__body ol li:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 15px;
    text-align: center;
    counter-increment: item;
    content: counter(item) "."
}

@media all and (min-width: 600px) {
    .c-post01__body ol {
        margin-top: 10px;
        margin-bottom: 15px
    }
}

@media all and (max-width: 599px) {
    .c-post01__body {
        margin-left: 5px;
        margin-right: 5px
    }

    .c-post01__body h2 {
        margin: 20px -10px 20px -10px;
        padding: 11px 26px
    }
}

@media all and (min-width: 600px) {
    .c-post01__body {
        margin-top: 30px;
        margin-left: 220px;
        font-size: 1.4rem;
        line-height: calc(34/14)
    }

    .c-post01__body h2 {
        margin: 30px 0 20px 0;
        padding: 11px 27px;
        font-size: 2.2rem
    }

    .c-post01__body h3 {
        padding-left: 30px;
        font-size: 2.2rem;
        line-height: calc(37/22)
    }

    .c-post01__body h3:before {
        top: 3px;
        bottom: 3px;
        width: 11px
    }

    .c-post01__body ul li {
        line-height: calc(27/14);
        padding-left: 27px
    }

    .c-post01__body ul li:before {
        top: 8px;
        width: 10px;
        height: 10px
    }

    .c-post01__body ol li {
        padding-left: 20px
    }

    .c-post01__body p {
        font-weight: 600
    }

    .c-post01__body strong {
        font-size: 1.6rem
    }

    .c-post01__body a {
        font-size: 1.6rem
    }
}

.js-switch-tab {
    cursor: pointer
}

.js-switch-content {
    display: none
}

.js-switch-content.is-active {
    display: block
}

.js-toggle-trigger {
    cursor: pointer
}

.js-toggle-content {
    display: none
}

#particles-js {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-color: #fff
}

@media all and (min-width: 600px) {
    #home .l-wrapper {
        background: url(../img/home/home-mv01_pc.png) center 80px/1440px no-repeat
    }
}

@media all and (min-width: 1280px) {
    #home .l-wrapper {
        background: url(../img/home/home-mv01_pc.png) center 80px/100% 415px no-repeat
    }
}

.home-mv__text {
    position: relative;
    letter-spacing: 0.2em
}

.home-mv__head {
    font-weight: 600;
}

.home-mv__txt01 {
    margin-top: 10px;
    font-size: 1.4rem;
    font-size: 3.4vw;
}

.home-mv__txt02 {
    font-weight: 600;
    font-family: "Montserrat";
}

@media all and (max-width: 599px) {
    .home-mv__text {
        position: relative
    }

    .home-mv__img {
        position: relative;
        padding-bottom: 90px
    }

    .home-mv__head {
        margin-top: 105px;
        font-size: 3.6rem;
        font-size: 3rem;
        line-height: calc(61/36)
    }

    .home-mv__txt02 {
        position: absolute;
        font-size: 1.4rem;
        letter-spacing: 0.1em;
        right: -10px;
        bottom: -46vw;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg)
    }
}

@media all and (min-width: 600px) {
    .home-mv {
        height: 460px
    }

    .home-mv__inner {
        height: 100%;
    }

    .home-mv__inner .u-inner {
        height: 100%;
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        -webkit-align-items: flex-end;
        align-items: flex-end;
        padding-bottom: 90px;
    }

    .home-mv__text {
        margin-left: auto;
    }

    .home-mv__head {
        font-size: 4.6rem;
        line-height: calc(72/46)
    }

    .home-mv__txt01 {
        margin-top: 25px;
        font-size: 1.7rem;
        line-height: 2
    }

    .home-mv__txt02 {
        position: absolute;
        bottom: -15px;
        right: 0;
        right: -20px;
        text-align: right;
        font-size: 1.4rem;
        letter-spacing: 0.1em;
        line-height: 1
    }

    .home-mv__txt02:after {
        position: absolute;
        display: block;
        content: "";
        right: 20px;
        bottom: -170px;
        width: 1px;
        height: 165px;
        background: #F3B832;
        z-index: 999
    }
}

.home-slider {
    padding-top: 24px;
    background: #fff;
}

.home-push {
    background-color: #FDC300;
}

.home-push__img {
    position: relative;
}

.home-push__img img {
    width: 100%;
    position: absolute;
    bottom: 20px;
    left: 0;
}

.home-push__btn {
    font-weight: bold;
    text-decoration: none;
    background-color: #fff;
    position: relative;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    position: relative;
    transition: opacity .3s ease;
}

.home-push__btn:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 2.5px 0 2.5px 12px;
    border-color: transparent transparent transparent #fdc200;
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
}

.home-push__btn:hover {
    opacity: .6;
}


@media all and (max-width: 599px) {
    .home-push__inner {
        display: block;
        padding-bottom: 20px;
    }

    .home-push__img {
        padding-top: 24%;
    }

    .home-push__btn {
        letter-spacing: 2px;
        font-size: 1.4rem;
        width: 100%;
        height: 40px;
    }
}

@media all and (min-width: 600px) {
    .home-push__inner {
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        -webkit-align-items: center;
        align-items: center;
    }

    .home-push__img {
        width: 63%;
        height: 136px;
    }

    .home-push__img img {
        width: 100%;
        position: absolute;
        bottom: 20px;
        left: 0;
    }

    .home-push__btn {
        letter-spacing: 2px;
        font-size: 2rem;
        width: calc(37% - 24px);
        height: 60px;
    }
}

.home-service {
    margin-top: 40px;
}

.home-service__inner {
    padding-top: 20px;
}

.home-flex__wrapper>a {
    position: relative;
}

/*** 20240326-update ***/

.home_fixed-button {
    position: fixed;
    bottom: 40px;
    right: 12px;
    z-index: 9999;
}
.home_fixed-button a {
    display: block;
    width: 180px;
    margin-bottom: 4px;
}

.home-service__flex {
    width: 100%;
    display: flex;
}

@media all and (max-width: 599px) {
    .home-service__flex {
        flex-direction: column;
    }

    .home_fixed-button_sp {
        display: flex;
        z-index: 9999;
        position: fixed;
        bottom: 0;
        right: 0;
        padding: 0;
    }
}

.home-service__flex a {
    display: inline-block;
    width: 100%;
}

.home-service__flex img {
    width: 100%;
}

.home-service__signage img {
    width: 100%;
}

.btnshine{
    /*繧ｭ繝ｩ繝�→蜈峨ｋ蝓ｺ轤ｹ縺ｨ縺吶ｋ縺溘ａrelative繧呈欠螳�*/
  position: relative;
  overflow: hidden;
}

/*繧ｭ繝ｩ繝�→蜈峨ｋ*/
.btnshine::before {
  content: '';
    /*邨ｶ蟇ｾ驟咲ｽｮ縺ｧ繧ｭ繝ｩ繝�→蜈峨ｋ縺ｮ菴咲ｽｮ繧呈ｱｺ繧√ｋ*/
  position: absolute;
  top: 0;
  left: -75%;
    /*繧ｭ繝ｩ繝�→蜈峨ｋ蠖｢迥ｶ*/
    width: 50%;
  height: 100%;
  background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
  transform: skewX(-25deg);
}

/*hover縺励◆髫帙�遘ｻ蜍輔�繧｢繝九Γ繝ｼ繧ｷ繝ｧ繝ｳ*/
.btnshine:hover::before {
  animation: shine 0.7s;
}

@keyframes shine {
  100% {
    left: 125%;
  }
}

/* .home-service_img01::before,
.home-service_img02::before,
.home-service_img03::before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background-color: #00000080;
}

.home-service_img01 {
    background: url(../img/home/home-service_img01.png) center center;
    background-size: cover;
}

.home-service_img01::after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background: url(../img/home/home-service_img01_overray.png) center center;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    opacity: 0;
    transition: opacity .3s ease;
}

.home-service_img02 {
    background: url(../img/home/home-service_img02.png) center center;
    background-size: cover;
}

.home-service_img02::after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background: url(../img/home/home-service_img02_overray.png) center center;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    opacity: 0;
    transition: opacity .3s ease;
}

.home-service_img03 {
    background: url(../img/home/home-service_img03.png) center center;
    background-size: cover;
}

.home-service_img03::after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background: url(../img/home/home-service_img03_overray.png) center center;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    opacity: 0;
    transition: opacity .3s ease;
} */

.home-flex__text {
    position: absolute;
    width: 100%;
    top: 50%;
    left: 0;
    z-index: 1;
    padding: 0 14px;
    transform: translateY(-50%);
    box-sizing: border-box;
    color: #ffffff;
    font-weight: bold;
    text-align: center;
    transition: color .3s ease;
}

.home-service_img01:hover .home-flex__text,
.home-service_img02:hover .home-flex__text,
.home-service_img03:hover .home-flex__text {
    color: #000000;
}

.home-service_img01:hover:after,
.home-service_img02:hover:after,
.home-service_img03:hover:after {
    opacity: 1;
}

@media all and (max-width: 599px) {

    .home-service__head01 {
        font-size: 2.3rem;
        font-size: 6.5vw
    }

    .home-flex__wrapper>a,
    .home-flex__wrapper>div {
        display: block;
        height: 400px;
        margin-top: 20px;
    }

    .home-flex__text {
        font-size: 1.8rem;
    }
}

@media all and (min-width: 600px) {
    .home-service {
        margin-top: 40px
    }

    .home-flex__wrapper {
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: space-between;
        justify-content: space-between;
    }

    .home-flex__wrapper>a,
    .home-flex__wrapper>div {
        width: calc(100% / 3 - 20px);
        height: 300px;
    }

    .home-flex__text {
        font-size: 2.4rem;
    }
}



.home-chart {
    background-color: #FAF6E0;
}



@media all and (max-width: 599px) {
    .home-chart {
        margin-top: 60px;
    }

    .home-chart .c-head01 {
        transform: translateY(-12px);
        margin-bottom: 0;
    }

    .home-chart__img {
        padding-bottom: 20px;
    }

}

@media all and (min-width: 600px) {
    .home-chart {
        margin-top: 100px;
    }

    .home-chart .c-head01 {
        transform: translateY(-16px);
        margin-bottom: 22px;
    }

    .home-chart__img {
        padding-bottom: 60px;
    }

}

.difference-text__wrap {
    display: flex;
    justify-content: space-between;
}

.difference-text__box {
    font-weight: bold;
    width: calc(33% - 20px);
    display: flex;
    align-items: center;
}

.difference-text__point {
    padding: 8px 14px;
    border-right: 1px solid #FDC300;
    text-align: center;
    color: #FDC300;
    font-weight: bold;
    max-width: 64px;
}

.difference-text__point span {
    font-weight: bold;
    font-size: 28px;
    letter-spacing: 0.2em;
}

.difference-text__box {
    border: 2px solid #FDC300;
    min-height: 120px;
}

.difference-text__desc {
    margin: 14px;
    font-weight: bold;
    flex: 1;
}

@media all and (max-width: 599px) {
    .difference-text__wrap {
        flex-direction: column;
    }

    .difference-text__box {
        width: 100%;
        margin-bottom: 24px;
    }

    .difference-text__desc {
        font-weight: normal;
    }
}

@media all and (max-width: 599px) {
    .home-order {
        margin-top: 60px;
        background: #fff;
    }

    .home-order .c-head01 {
        transform: translateY(-12px);
        margin-bottom: 0;
    }

    .home-order__img {
        padding-bottom: 20px;
    }

    .home-order__txt {
        font-size: 1.4rem;
        line-height: calc(24 / 14);
        padding-bottom: 30px;
    }

}

@media all and (min-width: 600px) {
    .home-order {
        margin-top: 100px;
        padding-top: 50px;
        background: #fff;
    }

    .home-order .c-head01 {
        transform: translateY(-16px);
        margin-bottom: 22px;
    }

    .home-order__img {
        padding-bottom: 60px;
    }

    .home-order__txt {
        font-size: 18px;
        line-height: calc(24 / 14);
        padding-bottom: 60px;
    }

}

.home-achievement {
    background-color: #FAF6E0;
}

.home-achievement h3 {
    position: relative;
    color: #F3B832;
    font-style: italic;
    text-align: center;
    font-size: 30px;
    font-weight: bold;
    letter-spacing: 4px;
    line-height: 1;
}

.home-achievement h3::before {
    content: '';
    display: block;
    height: 1px;
    background: #F3B832;
    position: absolute;
    top: calc(50% + 4px);
    left: 0;
}

.home-achievement h3::after {
    content: '';
    display: block;
    height: 1px;
    background: #F3B832;
    position: absolute;
    top: calc(50% + 4px);
    right: 0;
}

.home-achievement h3 span {
    font-style: italic;
    font-weight: bold;
    letter-spacing: 4px;
}

.home-achievement__list {
    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;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.home-achievement__list-item {
    box-sizing: border-box;
}

.home-achievement__list-item img {
    width: 100%;
    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;
    box-shadow: 0px 0px 6px rgba(188, 162, 18, 0.16)
}

.home-achievement a {
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    display: block
}

.home-achievement a:hover {
    opacity: .5
}

@media all and (max-width: 599px) {
    .home-achievement {
        margin-top: 60px;
        padding-bottom: 26px;
    }

    .home-achievement .c-head01 {
        transform: translateY(-12px);
        margin-bottom: 0;
    }

    .home-achievement h3::before,
    .home-achievement h3::after {
        width: calc(50% - 110px);
    }

    .home-achievement h3 {
        font-size: 1.6rem;
        margin-bottom: 30px;
        line-height: 1;
    }

    .home-achievement h3>span {
        font-size: 1.8rem;
    }

    .home-achievement h3>span span {
        font-size: 2.6rem;
        position: relative;
        top: 2px;
    }

    .home-achievement__head {
        font-size: 2.8rem
    }

    .home-achievement__list {
        margin-left: -10px;
        margin-right: -10px
    }

    .home-achievement__list-item {
        width: 50%;
        padding: 0 5px 12px;
    }
}

@media all and (min-width: 600px) {

    .home-achievement {
        margin-top: 150px;
        padding-bottom: 56px;
    }

    .home-achievement .c-head01 {
        transform: translateY(-16px);
        margin-bottom: 22px;
    }

    .home-achievement h3::before,
    .home-achievement h3::after {
        width: calc(50% - 200px);
    }


    .home-achievement h3 {
        font-size: 30px;
        margin-bottom: 60px;
        line-height: 1;
    }

    .home-achievement h3>span {
        font-size: 36px;
    }

    .home-achievement h3>span span {
        font-size: 52px;
        position: relative;
        top: 2px;
    }

    .home-achievement__list-item {
        width: 25%;
        padding: 0 14px 24px;
    }
}

.home-company {
    padding-top: 45px;
    background: #fff url(../img/home/home-company_bg01_sp.png) center top/100% no-repeat
}

.home-company__inner {
    padding-top: 40px;
    padding-bottom: 40px;
    background: #F4F4F4
}

.home-company__txt01 {
    width: calc(100% - 20px);
    margin: -15px auto 0;
    font-size: 1.1rem;
    text-align: center;
    color: #707070
}

@media all and (min-width: 600px) {
    .home-company {
        padding-top: 160px;
        background: #fff url(../img/home/home-company_bg01_pc.png) center top/100% no-repeat
    }

    .home-company__inner {
        padding-top: 60px;
        padding-bottom: 76px;
        width: 1024px;
        max-width: 100%;
        margin: auto
    }

    .home-company__txt01 {
        margin: auto auto 50px;
        font-size: 1.6rem
    }
}


@media all and (max-width: 599px) {
    .home-event {
        margin-top: 60px;
    }

    .home-event .c-head01 {
        transform: translateY(-12px);
        margin-bottom: 0;
    }

    .home-event__img {
        padding-bottom: 20px;
    }

    .home-event__txt {
        font-size: 1.4rem;
        line-height: calc(24 / 14);
        padding-bottom: 30px;
    }

}

@media all and (min-width: 600px) {
    .home-event {
        margin-top: 100px;
        padding-top: 50px;
        background: #fff;
    }

    .home-event .c-head01 {
        transform: translateY(-16px);
        margin-bottom: 22px;
    }

    .home-event__img {
        padding-bottom: 60px;
    }

    .home-event__txt {
        font-size: 2.4rem;
        line-height: calc(24 / 14);
        padding-bottom: 60px;
    }

}

.home-news {
    background-color: #fff;
    padding-top: 90px
}

@media all and (max-width: 599px) {
    .home-news .news__btn01 {
        margin-left: auto;
        margin-right: auto
    }
}

@media all and (min-width: 600px) {
    .home-news {
        padding-top: 173px;
        padding-bottom: 120px
    }

    .home-news__wrap {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%
    }

    .home-news__col01 {
        width: calc(17% + 40px);
        padding-left: 40px;
        box-sizing: border-box
    }

    .home-news__col02 {
        margin-right: 83px;
        margin-top: -13px
    }
}

@media (min-width: 1280px) {
    .home-news__col01 {
        width: calc(100% - 832px)
    }

    .home-news__col02 {
        width: 832px
    }
}

.home-about {
    margin-top: 60px;
    background: url(../img/home/home-about_bg.png);
    background-size: cover;
}

.home-about__text {
    text-align: center;
    font-weight: bold;
}

.home-about .home-flex__wrapper>div {
    background: #ffffff;
    height: auto;
    box-sizing: border-box;
}

.home-about .home-flex__wrapper h3 {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
}

.home-about .home-flex__wrapper h3 div {
    text-align: center;
    font-weight: bold;
    line-height: 1.4;
}

.home-about .home-flex__wrapper>div:nth-child(1) .home-about__btn_wrapper {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.home-about__btn_wrapper a {
    color: #ffffff;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    text-decoration: none;
    transition: opacity .3s ease;
}

.home-about__btn_wrapper a:hover {
    opacity: .6;
}

.home-about .home-flex__wrapper>div:nth-child(1) .home-about__btn_wrapper a:nth-child(1) {
    background: #209FF3;
}

.home-about .home-flex__wrapper>div:nth-child(1) .home-about__btn_wrapper a:nth-child(2) {
    background: #1C73F2;
}

.home-about .home-flex__wrapper>div:nth-child(2) .home-about__btn_wrapper a {
    background: #000000;
}

.home-about .home-flex__wrapper>div:nth-child(3) .home-about__btn_wrapper a {
    background: #707070;
    pointer-events: none;
}



@media all and (max-width: 599px) {
    .home-about {
        padding: 40px 0;
    }

    .home-about__text {
        font-size: 18px;
    }

    .home-about .home-flex__wrapper>div {
        padding: 20px;
    }

    .home-about .home-flex__wrapper h3 {
        margin-bottom: 20px;
    }

    .home-about .home-flex__wrapper h3 div {
        font-size: 18px;
    }

    .home-about .home-flex__wrapper p {
        font-size: 16px;
    }

    .home-about .home-flex__wrapper>div:nth-child(1) .home-about__btn_wrapper a {
        width: 100%;
        font-size: 12px;
    }

    .home-about__btn_wrapper a {
        margin-top: 30px;
        height: 50px;
        font-size: 16px;
    }

}

@media all and (min-width: 600px) {
    .home-about {
        padding: 80px 0;
        margin-bottom: 90px;
    }

    .home-about__text {
        font-size: 24px;
        padding-bottom: 40px;
    }

    .home-about .home-flex__wrapper>div {
        padding: 30px;
    }

    .home-about .home-flex__wrapper h3 {
        height: 62px;
        margin-bottom: 30px;
    }

    .home-about .home-flex__wrapper h3 div {
        font-size: 22px;
    }

    .home-about .home-flex__wrapper p {
        font-size: 16px;
    }

    .home-about .home-flex__wrapper>div:nth-child(1) .home-about__btn_wrapper a {
        width: 100%;
        font-size: 14px;
    }

    .home-about__btn_wrapper a {
        margin-top: 30px;
        height: 50px;
        font-size: 20px;
    }

}


.home__set01-txt {
    font-weight: 600;
    color: #707070
}

.home__set01-txt p {
    font-size: 1.4rem !important
}

.home__set01+.home__set01 {
    margin-top: 25px
}

@media all and (min-width: 600px) {
    .home__set01 {
        margin-bottom: 80px
    }

    .home__set01-txt {
        font-size: 1.6rem
    }

    .home__set01-txt p {
        font-size: 1.6rem !important
    }
}

.contact-form {
    background: #fff
}

.contact-form__error input[type="text"],
.contact-form__error input[type="email"],
.contact-form__error textarea,
.contact-form__error select {
    background: #fff4f4
}

@media all and (max-width: 599px) {
    .contact-form {
        padding-top: 50px;
        padding-bottom: 70px
    }
}

@media all and (min-width: 600px) {
    .contact-form {
        padding-top: 50px;
        padding-bottom: 120px
    }

    .contact-form__inner {
        margin: auto;
        width: 1000px
    }
}

.contact-thanks {
    background: #fff
}

.contact-thanks__inner {
    text-align: center;
    background: #fff
}

.contact-thanks__txt01 {
    margin: 20px 15px;
    position: relative;
    font-size: 2rem;
    font-weight: 500;
    color: #F3B832;
    letter-spacing: 0.2em
}

.contact-thanks__txt01:before,
.contact-thanks__txt01:after {
    position: absolute;
    display: block;
    content: "";
    top: 50%;
    width: 20px;
    height: 1px;
    background: #F3B832
}

.contact-thanks__txt01:before {
    left: calc(50% - 110px);
    -webkit-transform: rotate(65deg);
    -ms-transform: rotate(65deg);
    transform: rotate(65deg)
}

.contact-thanks__txt01:after {
    left: calc(50% + 85px);
    -webkit-transform: rotate(-65deg);
    -ms-transform: rotate(-65deg);
    transform: rotate(-65deg)
}

@media all and (max-width: 599px) {
    .contact-thanks {
        padding-top: 60px;
        padding-bottom: 100px
    }

    .contact-thanks__img {
        margin: auto;
        width: 87px
    }

    .contact-thanks__txt02 {
        margin: 0 6px;
        font-size: 1.2rem;
        font-weight: 600
    }

    .contact-thanks__btn01 {
        margin-top: 40px;
        width: 232px;
        height: 50px
    }

    .contact-thanks__btn01 .c-btn01__link {
        font-size: 1.3rem
    }
}

@media all and (min-width: 600px) {
    .contact-thanks {
        padding-bottom: 190px
    }

    .contact-thanks__inner {
        margin: auto;
        width: 1000px
    }

    .contact-thanks__txt01 {
        margin: 15px;
        font-size: 2.8rem
    }

    .contact-thanks__txt01:before,
    .contact-thanks__txt01:after {
        width: 25px
    }

    .contact-thanks__txt01:before {
        left: calc(50% - 140px)
    }

    .contact-thanks__txt01:after {
        left: calc(50% + 115px)
    }

    .contact-thanks__txt02 {
        margin: 40px auto 100px;
        width: 650px;
        font-weight: 600
    }

    .contact-thanks__img {
        margin: auto;
        width: 109px
    }

    .contact-thanks__btn01 {
        width: 264px
    }
}

.company-outline {
    background: #fff;
    padding: 60px 0;
}

.company-outline__table td {
    font-size: 1.4rem
}

@media all and (min-width: 600px) {
    .company-outline__inner {
        margin-bottom: 50px
    }

    .company-outline__table {
        width: 690px;
        font-size: 1.6rem
    }
}

.company-map {
    background: #FAF6E0;
    padding: 80px 0;
}

.company-map__h2 {
    text-align: center;
    margin-top: -96px;
    font-size: 3.6rem;
    font-weight: 600;
    line-height: 1;
    letter-spacing: 0.15em;
    margin-bottom: 60px;
}

.company-map__flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.company-map__txt h3 {
    font-weight: bold;
    font-size: 18px;
    margin-bottom: 16px;
}

.company-map__txt p {
    font-size: 16px;
    margin-bottom: 36px;
}

.company-map__txt a {
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
}

.company-map__jump {
    border: 2px solid #F3B832;
    text-align: center;
    min-width: 300px;
    max-width: 100%;
    padding: 22px 60px;
    font-weight: bold;
    letter-spacing: .05em;
    position: relative;
}

.company-map__jump:after {
    content: "";
    width: 16px;
    height: 16px;
    display: inline-block;
    margin-left: 8px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    background: url(../img/company/company-map__jump.png) center center/contain no-repeat
}

.company-map__jump:hover {
    /* color: #fff; */
    background: #F3B832;
    transition: .8s;
}

@media all and (max-width: 599px) {
    .company-map__flex {
        flex-direction: column;
    }

    .company-map__txt {
        width: 100%;
    }

    .company-map__txt a {
        display: inline-block;
        font-size: 16px;
        font-weight: bold;
        text-decoration: none;
        width: 100%;
        margin-bottom: 36px;
    }

    .company-map__jump {
        max-width: 100%;
        min-width: 100%;
        display: block;
        width: 100%;
        padding: 18px 0;
    }
}

.c-table__info {
    font-size: 16px;
}

.c-table__info tr {
    border-bottom: 1px solid #E8E8E8;
}

.c-table__info tr:first-child {
    border-top: 1px solid #E8E8E8;
}

.c-table__info th {
    font-weight: bold;
    padding: 20px 0;
}

.c-table__info td {
    padding: 20px 0;
}

#maps {
    width: 100%;
    max-width: 600px;
    height: 400px;
}

.about-mission {
    position: relative;
    background: #fff
}

.about-mission__bg {
    position: absolute;
    background: #e8e8e8;
    width: 100%;
    height: 356px;
    z-index: 0;
    background: url(../img/about/about-mission_bg-new.png) top center/cover no-repeat
}

.about-mission__txt {
    font-weight: 600;
    color: #707070;
    padding-top: 16px;
}

.about-mission__inner-box {
    max-width: 900px;
    width: 100%;
    background: #fff;
    padding: 80px 24px;
    margin: 0 auto;
    box-shadow: 0 0 20px rgb(195 147 39 / 30%);
}

@media all and (max-width: 599px) {
    .about-mission {
        margin-top: 30px;
        height: 356px;
    }

    .about-missin__inner {
        padding: 40px 25px 0;
        position: absolute;
        left: 0;
        right: 0;
        /* background: url(../img/about/about-mission_bg01.png) center center/auto 100% no-repeat */
    }

    .about-mission__inner-box {
        width: auto;
        background: #fff;
        padding: 24px;
        margin: 0 auto;
        box-shadow: 0 0 20px rgb(195 147 39 / 30%);
    }

    .about-mission__txt {
        font-size: 1.2rem
    }
}

@media all and (min-width: 600px) {
    .about-mission {
        margin-top: 100px;
        height: 580px;
    }

    .about-mission__inner {
        margin: 0 auto;
        text-align: center;
        /* padding: 0 85px;
        height: 576px;
        background: url(../img/about/about-mission_bg01.png) center center/1200px no-repeat */
    }
}


.about-vision {
    background: #fff
}

@media all and (max-width: 599px) {
    .about-vision {
        padding-top: 45px;
        margin-top: 45px
    }

    .about-vision__img {
        margin-left: -20px;
        margin-right: -20px;
        width: calc(100% + 40px)
    }
}

@media all and (min-width: 600px) {
    .about-vision {
        margin-top: 75px;
        padding-top: 75px;
        padding-bottom: 40px
    }

    .about-vision__head {
        margin-bottom: 20px
    }

    .about-vision__head02 {
        margin-bottom: 40px
    }
}

.about-value {
    background: #FAF6E0;
    position: relative;
    height: 350px;
    display: flex;
    align-items: center;
}

.about-value__txt p {
    font-weight: 600
}

@media all and (max-width: 599px) {
    .about-value {
        padding-top: 0px;
        margin-top: 0px;
        justify-content: center;
    }

    .about-value__head02 {
        margin-right: -20px
    }

    .about-value__txt p {
        font-size: 1.2rem
    }
}

@media all and (min-width: 600px) {
    .about-value {
        margin-top: 110px;
        margin-bottom: 240px;
    }

    .about-value:after {
        position: absolute;
        content: "";
        right: calc(50% - 600px);
        width: 560px;
        height: 560px;
        background: url(../img/about/about-value-img.png) center center/contain no-repeat;
    }

    .about-value__head {
        position: absolute;
        top: -18px;
    }

    .about-value__txt {
        width: 450px
    }

    .about-value__txt p {
        letter-spacing: 0.03em
    }
}

.about-message {
    background: #F2F2F2;
}

.about-message__txt p {
    font-weight: 600
}

.about-message__txt02 {
    text-align: left;
    line-height: 1
}

.about-message__txt02-large {
    font-weight: 600;
    line-height: 1;
    letter-spacing: 0.1em
}

@media all and (max-width: 599px) {
    .about-message {
        padding-top: 20px;
        margin-top: 50px
    }

    .about-message__txt02 {
        margin-top: 15px
    }

    .about-message__txt p {
        font-size: 1.2rem
    }

    .about-message__txt02 {
        font-size: 1.2rem
    }

    .about-message_img {
        width: 70%;
        margin: 0 auto;
    }

    .about-message__txt02-large {
        font-size: 1.6rem
    }

    .about-message__txt a {
        display: inline-block;
        margin-bottom: 24px;
    }
}

@media all and (min-width: 600px) {
    .about-message {
        margin-top: 132px;
        margin-bottom: 150px;
        height: 420px;
        display: flex;
    }

    .about-message__inner {
        display: flex;
        justify-content: end;
    }

    .about-message__box {
        width: 480px;
    }

    .about-message__txt {}

    .about-message__txt p {
        letter-spacing: 0.03em;
    }

    .about-message__txt02 {
        margin-top: 0;
    }

    .about-message__txt02-large {
        font-size: 20px;
    }
}

.sd-sec {
    background: #fff;
    margin-top: 20px;
}

.sd-sec+.sd-sec {
    margin-top: 30px;
}

@media all and (min-width: 600px) {
    .sd-sec {
        margin-top: 100px;
    }

    .sd-sec+.sd-sec {
        margin-top: 133px
    }

    .sd-sec:last-of-type {
        margin-bottom: 200px
    }
}

@media all and (max-width: 599px) {
    #cost .l-sub__head-en {
        font-size: 2.8rem
    }
}

.cost-skill {
    position: relative;
    background: #fff
}

.cost-skill:before {
    position: absolute;
    display: block;
    content: "";
    top: 0;
    left: 0;
    width: 100%
}

.cost-skill__inner {
    position: relative;
    background: #F4F4F4
}

.cost-skill__item {
    font-weight: 600
}

.cost-skill__item .cost-skill__logo,
.cost-skill__item .cost-skill__txt {
    display: inline-block;
    vertical-align: middle
}

@media all and (max-width: 599px) {
    .cost-skill {
        margin-top: 80px;
        padding-top: 45px
    }

    .cost-skill:before {
        height: 272px;
        background: url(../img/common/case_bg01_sp.png) top center/100% no-repeat
    }

    .cost-skill__inner {
        padding: 35px 0 25px
    }

    .cost-skill__list {
        margin: 10px auto;
        display: table
    }

    .cost-skill__item {
        margin-bottom: 10px;
        font-size: 1.4rem;
        line-height: calc(24/14)
    }

    .cost-skill__item .cost-skill__logo img {
        margin-right: 5px;
        width: 30px
    }

    .cost-skill__txtarea {
        margin: 20px auto 0;
        display: table
    }
}

@media all and (min-width: 600px) {
    .cost-skill {
        padding-top: 160px;
        padding-top: 120px
    }

    .cost-skill:before {
        height: 376px;
        background: url(../img/common/case_bg01_pc.png) top center/100% no-repeat
    }

    .cost-skill__inner {
        padding: 50px 0 45px
    }

    .cost-skill__list {
        margin: auto;
        width: 760px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: start
    }

    .cost-skill__item {
        width: 370px;
        font-size: 1.8rem;
        box-sizing: border-box
    }

    .cost-skill__item:nth-child(2n-1) {
        margin: 10px 10px 30px 0
    }

    .cost-skill__item:nth-child(2n) {
        margin: 10px 0px 30px 10px
    }

    .cost-skill__item .cost-skill__logo img {
        margin-right: 10px;
        width: 50px
    }

    .cost-skill__txtarea {
        margin: 20px auto 0;
        width: 760px
    }
}

.cost-works {
    background: #fff
}

.cost-works__set {
    background: #F4F4F4
}

.cost-works table {
    border-top: 1px solid #ccc
}

.cost-works th {
    font-weight: 600;
    line-height: calc(24/14);
    background: rgba(255, 255, 255, 0.5);
    box-sizing: border-box
}

.cost-works__text ul,
.cost-works__text ol {
    margin-left: 20px
}

.cost-works__text ul li,
.cost-works__text ol li {
    font-weight: 600
}

@media all and (max-width: 599px) {
    .cost-works {
        margin-top: 60px;
        padding-top: 20px
    }

    .cost-works__set+.cost-works__set {
        margin-top: 20px
    }

    .cost-works__text {
        padding: 20px 26px 20px
    }

    .cost-works__text th,
    .cost-works__text td {
        display: block;
        font-size: 1.3rem;
        font-weight: 600
    }

    .cost-works__text th {
        padding: 5px;
        border-bottom: 1px solid #ccc
    }

    .cost-works__text td {
        padding: 5px 5px 10px;
        line-height: calc(20/12);
        border-bottom: 1px solid #ccc
    }
}

@media all and (min-width: 600px) {
    .cost-works {
        margin-top: 200px;
        margin-top: 110px;
        padding-top: 20px
    }

    .cost-works__set {
        margin: 40px auto auto;
        width: 962px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .cost-works__set+.cost-works__set {
        margin-top: 20px
    }

    .cost-works__img {
        width: 302px;
        min-width: 302px
    }

    .cost-works__text {
        padding: 20px 20px 20px 50px
    }

    .cost-works th,
    .cost-works td {
        padding: 11px 10px;
        vertical-align: top;
        font-weight: 600;
        border-bottom: 1px solid #ccc
    }

    .cost-works th {
        width: 170px;
        white-space: nowrap
    }
}

.cost-project {
    background: #fff
}

.cost-project .cost-step__head {
    font-weight: 600;
    text-align: center
}

.cost-project .cost-step__head .num {
    margin-left: 5px;
    font-weight: 500
}

.cost-project .cost-step__text ul,
.cost-project .cost-step__text ol {
    padding-left: 20px
}

.cost-project .cost-step__text ul li,
.cost-project .cost-step__text ol li {
    font-weight: 600
}

.cost-project .cost-step__item {
    position: relative
}

.cost-project .cost-step__item:before {
    position: absolute;
    bottom: 13px;
    right: 10px;
    font-size: 4rem;
    font-weight: 600;
    line-height: 1;
    letter-spacing: 0.1em;
    color: rgba(243, 184, 50, 0.26)
}

.cost-project .cost-step__item:nth-child(1):before {
    content: "01"
}

.cost-project .cost-step__item:nth-child(2):before {
    content: "02"
}

.cost-project .cost-step__item:nth-child(3):before {
    content: "03"
}

.cost-project .cost-step__item:nth-child(4):before {
    content: "04"
}

.cost-project .cost-step__item:nth-child(5):before {
    content: "05"
}

.cost-project .cost-step__item:nth-child(6):before {
    content: "06"
}

.cost-project .cost-step__item:nth-child(7):before {
    content: "07"
}

@media all and (max-width: 599px) {
    .cost-project {
        margin-top: 60px;
        padding-top: 20px
    }

    .cost-project .c-set03__list {
        margin-top: 20px
    }

    .cost-project .cost-step {
        padding-bottom: 50px
    }

    .cost-project .cost-step:before {
        background: url(../img/digitalmarketing/cost/cost-project_bg01_sp.png) bottom center/100% no-repeat
    }

    .cost-project .cost-step__head {
        margin-bottom: 10px;
        font-size: 1.6rem
    }

    .cost-project .cost-step__head .num {
        font-size: 1.8rem;
        line-height: 1.7
    }

    .cost-project .cost-step__item {
        padding: 38px 24px 35px;
        margin-bottom: 38px
    }
}

@media all and (min-width: 600px) {
    .cost-project {
        margin-top: 220px;
        margin-top: 120px;
        padding-top: 30px;
        margin-bottom: 130px;
        padding-bottom: 25px
    }

    .cost-project .c-set03__list {
        margin-top: 40px
    }

    .cost-project .cost-step {
        padding-bottom: 115px
    }

    .cost-project .cost-step:before {
        background: url(../img/digitalmarketing/cost/cost-project_bg01_pc.png) bottom center/auto 100% no-repeat
    }

    .cost-project .cost-step__head {
        margin-bottom: 10px;
        font-size: 2.4rem
    }

    .cost-project .cost-step__head .num {
        font-size: 2.6rem;
        line-height: 1.6
    }

    .cost-project .cost-step__item {
        padding: 65px 30px 90px
    }

    .cost-project .cost-step__item:before {
        bottom: 13px;
        right: 20px;
        font-size: 6.9rem
    }
}

@media all and (max-width: 599px) {
    #cost .l-sub__head-en {
        font-size: 2.8rem
    }
}

.bi-main__head {
    margin-bottom: 10px;
    font-size: 1.6rem;
    font-weight: 600;
    line-height: ccl(27/16)
}

.bi-main p {
    font-weight: 600
}

@media all and (max-width: 599px) {
    .bi-main {
        margin-top: 50px
    }

    .bi-main__inner {
        margin-right: -40px
    }
}

@media all and (min-width: 600px) {
    .bi-main {
        margin-top: 100px
    }

    .bi-main__head {
        margin-bottom: 30px;
        font-size: 3.2rem;
        white-space: nowrap;
        letter-spacing: 0.05em
    }
}

.bi-main .bi-main__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media all and (max-width: 599px) {
    .bi-main .bi-main__header {
        padding: 0 90px 0 0;
        background: url(../img/systemdevelopment/bi/bi-main_bg01_sp.png) calc(100% - 25px) center/300px no-repeat;
        height: 344px
    }

    .bi-main .bi-main__header p {
        font-size: 1.2rem;
        font-weight: 600
    }
}

@media all and (min-width: 600px) {
    .bi-main .bi-main__header {
        background: url(../img/systemdevelopment/bi/bi-main_bg01_pc.png) center right/839px no-repeat;
        height: 382px
    }

    .bi-main .bi-main__header-inner {
        margin-left: 45px;
        width: 650px
    }
}

.bi-advantage {
    margin-top: 85px
}

@media all and (max-width: 599px) {
    .bi-advantage__head01 {
        margin-bottom: -12px;
        text-align: left !important
    }

    .bi-advantage__head02 {
        margin-bottom: 5px
    }

    .bi-advantage__set {
        margin-top: 90px
    }

    .bi-advantage .bi-advantage__txt p {
        font-size: 1.2rem;
        font-weight: 600
    }
}

@media all and (min-width: 600px) {
    .bi-advantage {
        margin-top: 190px
    }

    .bi-advantage__head01 {
        margin-bottom: 80px
    }

    .bi-advantage__set {
        margin-top: 133px
    }

    .bi-advantage__head {
        text-align: left
    }
}

.bi-service+.bi-service {
    margin-top: 50px
}

.bi-service__inner {
    margin-top: -15px
}

.bi-service__btn01 {
    margin-top: 15px
}

@media all and (min-width: 600px) {
    .bi-service+.bi-service {
        margin-top: 130px
    }

    .bi-service__inner {
        margin-top: 70px
    }

    .bi-service__head01 {
        text-align: center
    }

    .bi-service__btn01 {
        margin-top: 70px
    }
}

.bi-skill {
    position: relative
}

.bi-skill:before {
    position: absolute;
    display: block;
    content: "";
    top: 0;
    left: 0;
    width: 100%
}

.bi-skill__inner {
    position: relative;
    background: #F4F4F4
}

.bi-skill__item {
    font-weight: 600
}

@media all and (max-width: 599px) {
    .bi-skill {
        padding-top: 45px
    }

    .bi-skill:before {
        height: 272px;
        background: url(../img/systemdevelopment/bi/bi-skill_bg01_sp.png) top center/100% no-repeat
    }

    .bi-skill__inner {
        padding: 35px 0 25px
    }

    .bi-skill__list {
        margin: 10px auto;
        width: auto;
        width: 211px
    }

    .bi-skill__item {
        padding-left: 25px;
        margin-bottom: 10px;
        font-size: 1.4rem;
        line-height: calc(24/14);
        background: url(../img/systemdevelopment/bi/bi-skill__ico.png) 0 4px/15px no-repeat
    }
}

@media all and (min-width: 600px) {
    .bi-skill {
        padding-top: 160px
    }

    .bi-skill:before {
        height: 376px;
        background: url(../img/common/case_bg01_pc.png) top center/100% no-repeat
    }

    .bi-skill__inner {
        padding: 50px 0 45px
    }

    .bi-skill__list {
        margin: auto;
        width: 760px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: start
    }

    .bi-skill__item {
        width: 370px;
        padding-left: 30px;
        font-size: 1.8rem;
        background: url(../img/systemdevelopment/bi/bi-skill__ico.png) 0 4px/22px no-repeat;
        box-sizing: border-box
    }

    .bi-skill__item:nth-child(2n-1) {
        margin: 10px 10px 30px 0
    }

    .bi-skill__item:nth-child(2n) {
        margin: 10px 0px 30px 10px
    }
}

.bi-works__set {
    background: #F4F4F4
}

.bi-works th {
    font-weight: 600;
    line-height: calc(24/14)
}

@media all and (max-width: 599px) {
    .bi-works__set+.bi-works__set {
        margin-top: 20px
    }

    .bi-works__text {
        padding: 20px 26px 10px
    }

    .bi-works__text th,
    .bi-works__text td {
        display: block;
        font-size: 1.2rem
    }

    .bi-works__text td {
        padding: 3px 0 10px;
        line-height: calc(20/12)
    }
}

@media all and (min-width: 600px) {
    .bi-works {
        margin-top: 200px
    }

    .bi-works__set {
        margin: 40px auto auto;
        width: 962px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .bi-works__set+.bi-works__set {
        margin-top: 20px
    }

    .bi-works__img {
        width: 302px;
        min-width: 302px
    }

    .bi-works__text {
        padding: 0 20px 0 50px
    }

    .bi-works th,
    .bi-works td {
        padding: 11px 0;
        vertical-align: top;
        font-weight: 600
    }

    .bi-works th {
        width: 170px
    }
}

.bi-project .bi-step__head {
    font-weight: 600;
    text-align: center
}

.bi-project .bi-step__head .num {
    margin-left: 5px;
    font-weight: 500
}

.bi-project .bi-step__item {
    position: relative
}

.bi-project .bi-step__item:before {
    position: absolute;
    bottom: 13px;
    right: 10px;
    font-size: 4rem;
    font-weight: 600;
    line-height: 1;
    letter-spacing: 0.1em;
    color: rgba(243, 184, 50, 0.26)
}

.bi-project .bi-step__item:nth-child(1):before {
    content: "01"
}

.bi-project .bi-step__item:nth-child(2):before {
    content: "02"
}

.bi-project .bi-step__item:nth-child(3):before {
    content: "03"
}

.bi-project .bi-step__item:nth-child(4):before {
    content: "04"
}

@media all and (max-width: 599px) {
    .bi-project {
        margin-top: 80px
    }

    .bi-project .c-set03__list {
        margin-top: 20px
    }

    .bi-project .bi-step {
        padding-bottom: 50px
    }

    .bi-project .bi-step:before {
        background: url(../img/systemdevelopment/bi/bi-project_bg01_sp.png) bottom center/100% no-repeat
    }

    .bi-project .bi-step__head {
        margin-bottom: 10px;
        font-size: 1.6rem
    }

    .bi-project .bi-step__head .num {
        font-size: 1.8rem;
        line-height: 1.7
    }

    .bi-project .bi-step__item {
        padding: 38px 24px 35px;
        margin-bottom: 38px
    }
}

@media all and (min-width: 600px) {
    .bi-project {
        margin-top: 220px;
        margin-bottom: 155px
    }

    .bi-project .c-set03__list {
        margin-top: 40px
    }

    .bi-project .bi-step {
        padding-bottom: 115px
    }

    .bi-project .bi-step:before {
        background: url(../img/systemdevelopment/bi/bi-project_bg01_pc.png) bottom center/auto 100% no-repeat
    }

    .bi-project .bi-step__head {
        margin-bottom: 10px;
        font-size: 2.4rem
    }

    .bi-project .bi-step__head .num {
        font-size: 2.6rem;
        line-height: 1.6
    }

    .bi-project .bi-step__item {
        padding: 65px 30px 90px
    }

    .bi-project .bi-step__item:before {
        bottom: 13px;
        right: 20px;
        font-size: 6.9rem
    }
}

#recruit .l-sub {
    padding: 70px 0 130px;
    margin-top: 28px;
    background: url(../img/recruit/recruit-bg.png) center center no-repeat;
    background-size: 105% 105%;
}

#recruit .l-sub__head-en {
    background: none;
}

#recruit .l-main {
    margin-top: 0;
}

.recruit-type__head {
    font-weight: 600
}

.recruit-type__item-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 600;
    text-decoration: none;
    letter-spacing: 0.03em;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

@media all and (max-width: 599px) {
    .recruit-type {
        margin-top: 60px
    }

    .recruit-type__head {
        margin-top: 40px;
        margin-bottom: 8px;
        font-size: 1.6rem
    }

    .recruit-type__item-link {
        height: 90px;
        padding-left: 140px;
        font-size: 1.4rem;
        background: #FDD000 url(../img/recruit/recruit_img01.png) 10px 0/auto 100% no-repeat
    }

    .recruit-type__item+.recruit-type__item {
        margin-top: 16px
    }
}

@media all and (min-width: 600px) {
    .recruit-type {
        margin-top: 90px
    }

    .recruit-type__inner {
        padding: 50px 40px 0
    }

    .recruit-type__head {
        margin-top: 40px;
        margin-bottom: 15px;
        font-size: 2.8rem
    }

    .recruit-type__list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .recruit-type__item {
        margin-bottom: 20px;
        width: 50%;
        box-sizing: border-box
    }

    .recruit-type__item:nth-child(2n-1) {
        padding-right: 10px
    }

    .recruit-type__item:nth-child(2n) {
        padding-left: 10px
    }

    .recruit-type__item-link {
        height: 140px;
        padding-left: 196px;
        font-size: 1.9rem;
        background: #FDD000 url(../img/recruit/recruit_img01.png) 20px 0/auto 100% no-repeat
    }
}

@media all and (max-width: 599px) {
    .recruit-details {
        margin-top: 90px;
        margin-top: 40px
    }

    .recruit-details__table {
        margin-top: 30px
    }
}

@media all and (min-width: 600px) {
    .recruit-details {
        margin-top: 224px;
        margin-top: 100px
    }

    .recruit-details__inner {
        padding: 22px 40px
    }

    .recruit-details__table th {
        width: 164px;
        padding: 16px 20px
    }

    .recruit-details__table td {
        padding: 12px 12px
    }
}

.recruit-flow__item {
    position: relative;
    background: #fff
}

.recruit-flow__item dt {
    font-weight: 600;
    letter-spacing: 0.1em
}

.recruit-flow__item dd {
    position: relative;
    font-weight: 600
}

.recruit-flow__item+.recruit-flow__item:before {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    top: -30px;
    left: 5px;
    border: 7px solid transparent;
    border-top: 7px solid #000
}

@media all and (max-width: 599px) {
    .recruit-flow {
        margin-top: 70px
    }

    .recruit-flow__inner {
        padding-top: 40px
    }

    .recruit-flow__item+.recruit-flow__item {
        margin-top: 50px
    }

    .recruit-flow__item dt {
        font-size: 1.4rem;
        border-bottom: 3px solid #FDD000
    }

    .recruit-flow__item dd {
        padding-top: 10px;
        font-size: 1.2rem
    }
}

@media all and (min-width: 600px) {
    .recruit-flow {
        margin-top: 170px
    }

    .recruit-flow__inner {
        padding: 75px 30px 60px
    }

    .recruit-flow__item {
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: start;
        min-height: 75px
    }

    .recruit-flow__item dt {
        width: 275px;
        min-width: 275px;
        font-size: 2.4rem;
        text-align: center
    }

    .recruit-flow__item dd {
        padding: 5px 0 0 42px
    }

    .recruit-flow__item dd:before {
        position: absolute;
        content: "";
        width: 11px;
        height: 33px;
        top: 5px;
        left: 0;
        background: #FDD000
    }

    .recruit-flow__item+.recruit-flow__item {
        margin-top: 55px
    }

    .recruit-flow__item+.recruit-flow__item:before {
        position: absolute;
        content: "";
        width: 0;
        height: 0;
        top: -50px;
        left: 125px;
        border: 8px solid transparent;
        border-top: 8px solid #000
    }
}

.news-archive {
    background: #fff
}

@media all and (max-width: 599px) {
    .news-archive__inner {
        margin-top: 55px;
        margin-bottom: -30px
    }
}

@media all and (min-width: 600px) {
    .news-archive__inner {
        margin: 80px auto 140px;
        width: 832px
    }
}

.news-single {
    background: #fff
}

.template01-main {
    background: #fff
}

.template01-main__head {
    margin-bottom: 10px;
    font-size: 1.6rem;
    font-weight: 600;
    line-height: calc(27/16)
}

@media all and (max-width: 599px) {
    .template01-main {
        margin-top: 50px
    }

    .template01-main__inner {
        margin-right: -50px
    }
}

@media all and (min-width: 600px) {
    .template01-main__head {
        margin-bottom: 30px;
        font-size: 2.4rem;
        letter-spacing: 0.05em
    }
}

.template01-main .template01-main__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff
}

@media all and (max-width: 599px) {
    .template01-main .template01-main__header {
        padding: 0 50px 0 0;
        background: calc(100% - 25px) center/300px no-repeat;
        height: 300px
    }

    .template01-main .template01-main__header p {
        font-size: 1.4rem;
        font-weight: 600
    }
}

@media all and (min-width: 600px) {
    .template01-main .template01-main__header {
        background: #fff center right/839px no-repeat;
        height: 286px
    }

    .template01-main .template01-main__header-inner {
        margin-left: 45px;
        width: 650px
    }

    .template01-main .template01-main__header-inner p {
        font-size: 1.6rem
    }
}

.template01-advantage {
    background: #fff;
    margin-top: 85px;
    margin-top: 45px;
    margin-top: 15px
}

@media all and (max-width: 599px) {
    .template01-advantage .template01-advantage__head-en span {
        font-size: 2rem
    }

    .template01-advantage .template01-advantage__txt p {
        font-size: 1.2rem;
        font-weight: 600
    }

    .template01-advantage .c-set02 {
        margin-bottom: 0
    }
}

@media all and (min-width: 600px) {
    .template01-advantage {
        margin-top: 200px;
        margin-top: 120px
    }
}

.template01-case {
    background: #fff;
    margin-top: 65px;
    padding-top: 20px
}

@media all and (min-width: 600px) {
    .template01-case {
        padding-top: 20px;
        margin-top: 40px
    }
}

@media all and (min-width: 600px) {
    .single-digital-marketing .template01-case {
        margin-bottom: 130px
    }
}

.privacy {
    background: #fff
}

@media all and (max-width: 599px) {
    .privacy__inner {
        padding: 50px 20px 0
    }
    .privacy__wrap {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .privacy__wrap img {
        margin-right: 0;
        margin-bottom: 24px;
    }
}

@media all and (min-width: 600px) {
    .privacy__inner {
        padding-top: 15px;
        padding-bottom: 90px;
        margin: auto;
        width: 1200px;
        max-width: 100%
    }
    .privacy__wrap {
        display: flex;
        align-items: center;
    }
    .privacy__wrap img {
        width: 400px;
    }
    .privacy__wrap div {
        margin-left: 24px;
    }
}

.privacy__txt01 {
    font-size: 1.6rem;
    font-weight: 600;
    letter-spacing: 0.1em;
    line-height: calc(34/20)
}

.privacy__txt011 {
    margin-top: 1em !important;
}

@media all and (min-width: 600px) {
    .privacy__txt01 {
        font-size: 2rem;
        font-weight: 600
    }
}

.privacy__head02 {
    position: relative;
    padding-left: 18px;
    font-size: 1.6rem;
    font-weight: 600
}

.privacy__head02:before {
    position: absolute;
    display: block;
    content: "";
    top: 7px;
    left: 0;
    width: 12px;
    height: 12px;
    background: #000
}

@media all and (min-width: 600px) {
    .privacy__head02 {
        padding-left: 20px;
        font-size: 2rem;
        letter-spacing: 0.08em
    }

    .privacy__head02:before {
        top: 8px;
        width: 15px;
        height: 15px
    }
}

.privacy__text {
    margin-top: 3px;
    margin-bottom: 35px;
    font-size: 1.4rem;
    line-height: calc(24/14)
}

.privacy__text:first-of-type {
    margin-bottom: 40px
}

@media all and (min-width: 600px) {
    .privacy__text {
        margin-top: 5px;
        margin-bottom: 50px;
        font-size: 1.6rem;
        line-height: calc(27/16)
    }

    .privacy__text:first-of-type {
        margin-bottom: 60px
    }
}

ol.privacy-list01 {
    margin-top: 0.5em;
    counter-reset: item
}

ol.privacy-list01 li {
    position: relative;
    padding-left: 20px
}

ol.privacy-list01 li:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 15px;
    text-align: center;
    counter-increment: item;
    content: counter(item) "."
}

ol.privacy-list01 ol.privacy-list01 {
    margin-top: 7px;
    margin-bottom: 10px;
    margin-left: 20px
}

@media all and (min-width: 600px) {
    ol.privacy-list01 ol.privacy-list01 {
        margin-left: 40px;
        margin-top: 10px;
        margin-bottom: 15px
    }
}

.privacy-company {
    margin-top: 10px
}

.privacy-company__txt {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start
}

.privacy-company__txt dt,
.privacy-company__txt dd {
    font-weight: 600
}

.slick-track {
    display: flex;
    align-items: center;
}

/*** message ***/
section.ceo-message {
    height: 900px;
    margin-bottom: 64px;
    display: flex;
    background: #fff;
}

.ceo-img {
    width: 50%;
}

.ceo-img img {
    width: 100%;
}

.ceo-text {
    margin-top: 40px;
    margin-left: -100px;
    width: 50%;
}

.ceo-text p {
    font-size: 16px;
    line-height: 1.8;
    letter-spacing: .05em;
}

.ceo-text .ceo-name {
    font-size: 18px;
    font-weight: bold;
    margin: 32px 0;
    text-align: right;
}

.ceo-text .ceo-desc {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 28px;
}

.message-about {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}

.message-about-list ul {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.bg-yellow {
    background: #FAF6E0;
    position: relative;
    display: flex;
    align-items: center;
    padding: 64px 0;
}

@media all and (max-width: 599px) {
    section.ceo-message {
        height: auto;
    }

    .ceo-img {
        width: 100%;
        margin: 24px 0;
    }

    .ceo-text {
        position: static;
        top: 0;
        width: auto;
        left: 0;
        padding: 0 24px;
        margin: 0 auto;
    }

    .message-about {
        padding: 0 24px;
    }
}

/*** recruit ***/
.recruit-mission {
    background: url(../img/recruit/recruit-mission-bg.png);
    height: 28vw;
    background-size: cover;
    padding: 100px 0;
    background-repeat: no-repeat;
}

.recruit-mission-content {
    line-height: 2;
}

.recruit-news-container {
    background: #fff;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    margin-bottom: 80px;
    padding: 30px;
    box-shadow: 0px 0px 20px rgb(195 147 39 / 30%);
}

.recruit-mission-content h3 {
    font-size: 34px;
    font-weight: bold;
    letter-spacing: .2em;
    margin-bottom: 20px;
}

.recruit-mission-content h4 {
    letter-spacing: .1em;
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 20px;
}

.recruit-mission-content p {
    font-size: 16px;
    font-weight: bold;
}

section.recruit-value {
    background: #fff;
}

.recruit-value-wrapper {
    padding: 100px 0;
}

.recruit-value-wrapper header {
    text-align: center;
    margin-bottom: 64px;
}

.recruit-value-content {
    display: flex;
    justify-content: space-between;
    vertical-align: middle;
    align-items: center;
}

.value-box {
    width: 19%;
}

.value-box img {
    margin-bottom: 20px;
}

.value-box p {
    margin-top: 0;
    font-weight: bold;
    font-size: 16px;
}

section.recruit-phirosophy {
    background: #fde700;
    background: -moz-linear-gradient(top, #fde700 0%, #fdc300 100%);
    background: -webkit-linear-gradient(top, #fde700 0%, #fdc300 100%);
    background: linear-gradient(to bottom, #fde700 0%, #fdc300 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fde700', endColorstr='#fdc300', GradientType=0);
    text-align: center;
    padding-bottom: 100px;
}

.recruit-phirosophy-wrapper header {
    position: relative;
    top: -20px;
}

h3.phirosophy-phrase {
    font-size: 28px;
    font-weight: bold;
    letter-spacing: .1em;
    line-height: 2;
    font-family: serif;
}

.recruit-marketing {
    background: #FAF6E0;
    margin: 200px 0 100px;
    padding-bottom: 18px;
}

.recruit-marketing-wrapper {
    position: relative;
    top: -18px;
}

.recruit-marketing_txt h3 {
    letter-spacing: .1em;
    font-size: 24px;
    margin-bottom: 20px;
    font-weight: bold;
}

.recruit-marketing p {
    font-size: 16px;
    font-weight: bold;
}

.recruit-marketing-wrapper img {
    position: absolute;
    top: calc(18px - 50%);
    right: 0;
    width: 600px;
}


section.recruit-flowstep {
    background: #fff;
}

.recruit-flowstep-wrapper {
    padding: 100px 0 60px;
}

.recruit-flowstep-wrapper header {
    text-align: center;
    margin-bottom: 130px;
}

.recruit-flowstep-content {
    display: flex;
    justify-content: space-between;
    vertical-align: middle;
    align-items: center;
}

.flowstep-box {
    box-sizing: border-box;
    width: calc(100% / 3 - 20px);
    padding: 30px;
    font-size: 16px;
    background: #FFFFFF;
    box-shadow: 0px 0px 16px -6px #C39327;
    position: relative;
}

.flowstep-num {
    position: absolute;
    top: 0;
    left: 50%;
    width: 111px;
    height: 94px;
    background: url(../img/recruit/flowstep-num.png);
    transform: translate(-50%, -50%);
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    color: #FFFFFF;
    font-size: 36px;
    font-weight: bold;
    letter-spacing: 5px;
}

.flowstep-box img {
    display: block;
    width: 100%;
    max-width: 220px;
    margin: 60px auto 0;
}

.flowstep-box h3 {
    font-size: 22px;
    font-weight: bold;
    text-align: center;
    padding: 20px 0;
    height: 76px;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
}


.recruit-development {
    background: #FAF6E0;
    margin: 60px 0 100px;
    padding-bottom: 18px;
}

.recruit-development-wrapper {
    position: relative;
    top: -18px;
}

.recruit-development-inner {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.recruit-development_txt {
    width: 460px;
}

.recruit-development_txt h3 {
    letter-spacing: .1em;
    font-size: 24px;
    margin-bottom: 20px;
    font-weight: bold;
}

.recruit-development p {
    font-size: 18px;
    font-weight: bold;
}

.recruit-development-wrapper img {
    width: calc(100% - 480px);
}


section.recruit-difference {
    background: #fff;
}

.recruit-difference-wrapper {
    padding: 100px 0 60px;
}

.recruit-difference-wrapper header {
    text-align: center;
    margin-bottom: 50px;
}

.recruit-difference-wrapper img {
    margin-bottom: 50px;
}

.recruit-difference-inner {
    display: flex;
    justify-content: space-between;
}

.difference-box {
    box-sizing: border-box;
    width: calc(100% / 3 - 20px);
    padding: 20px 20px 20px 0;
    font-size: 16px;
    border: 2px solid #FDC300;
    border-radius: 4px;
    display: flex;
    justify-content: space-between;
}

.difference-num {
    width: 98px;
    color: #FDC300;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    border-right: 2px solid #FDC300;
    ;
}

.difference-num div {
    font-size: 36px;
    font-weight: bold;
    letter-spacing: 5px;
    text-align: center;
    line-height: 1.2;
}

@media all and (max-width: 599px) {
    .difference-num div {
        font-size: 28px;
    }
    .difference-num span {
        letter-spacing: 2px;
    }
}

.difference-num span {
    display: block;
    font-weight: bold;
    font-size: 14px;
}

.difference-box p {
    width: calc(100% - 118px);
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
}


.recruit-team {
    background: url(../img/recruit/team-bg.png);
    background-size: cover;
    margin: 60px 0;
    padding: 80px 0 100px;
}

.recruit-team-wrapper {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: center;
    align-items: center;
}

.recruit-team_txt {
    width: 600px;
    color: #FFFFFF;
}

.recruit-team_txt h3 {
    letter-spacing: .1em;
    font-size: 24px;
    margin-bottom: 20px;
    font-weight: bold;
}

.recruit-team p {
    font-size: 18px;
    font-weight: bold;
    padding-top: 40px;
}

.recruit-team-wrapper img {
    width: calc(100% - 620px);
}

.recruit-btn {
    padding: 60px 0;
}

.recruit-team-wrapper {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.recruit-team-wrapper a {
    position: relative;
    padding: 30px 100px 30px 40px;
    color: #FFFFFF;
    display: block;
    width: calc(50% - 20px);
    text-decoration: none;
    box-sizing: border-box;
    font-size: 18px;
}

.recruit-team-wrapper a p {
    font-size: 24px;
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #FFFFFF;
    line-height: 1.4;
}

.recruit-team-wrapper a::after {
    content: '';
    display: block;
    width: 28px;
    height: 12px;
    background: url('../img/recruit/btn-arrow.png');
    background-size: 100% 100%;
    position: absolute;
    top: 50%;
    right: 50px;
    transform: translate(50%, -50%);
}

.recruit-btn-event {
    background: #000000;
}

.recruit-btn-recruit {
    background: #FA9100;
}


.recruit-interview {
    background: #FAF6E0;
    margin-top: 60px;
    padding-bottom: 80px;
}

.recruit-interview-wrapper {
    position: relative;
    top: -18px;
}

.recruit-interview-wrapper header {
    text-align: center;
}

.recruit-interview-inner {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.recruit-interview-inner>div {
    width: calc(100% / 3);
}

.recruit-interview-inner img {
    width: 100%;
    display: block;
}

.recruit-interview-more {
    padding-top: 20px;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
}

.recruit-interview-more a {
    width: 294px;
    height: 58px;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    color: #FFFFFF;
    background: #000000;
    text-decoration: none;
    position: relative;
    letter-spacing: 2px;
}

.recruit-interview-more a::after {
    content: '';
    display: block;
    width: 12px;
    height: 5px;
    background: url('../img/recruit/btn-arrow.png');
    background-size: 100% 100%;
    position: absolute;
    top: 50%;
    right: 30px;
    transform: translate(50%, -50%);
}

section.recruit-atmosphere {
    background: #fff;
}

.recruit-atmosphere-wrapper {
    padding: 100px 0 60px;
}

.recruit-atmosphere-wrapper header {
    margin-bottom: 80px;
}

.recruit-atmosphere-inner {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.recruit-atmosphere-wrapper img {
    width: calc(25% - 19px);
    margin-bottom: 26px;
}


section.recruit-commnunication {
    background: #fff;
    padding-bottom: 100px;
}

.recruit-commnunication-wrapper {
    background: #F4F4F4;
    padding: 100px 0 80px;
}

.recruit-commnunication-wrapper header {
    margin-bottom: 80px;
    text-align: center;
}

.recruit-commnunication-wrapper p {
    text-align: center;
    font-size: 18px;
    padding-bottom: 60px;
}

.recruit-commnunication-inner {
    display: flex;
    justify-content: center;
    align-items: center;
}

.recruit-commnunication-inner img {
    height: 89px;
    margin: 0 40px;
}

.recruit-message {
    background: #F2F2F2;
}

.recruit-message-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.recruit-message-wrapper img {
    width: 500px;
}

.recruit-message-inner {
    width: calc(100% - 540px);
}

.recruit-message-inner h3 {
    font-size: 32px;
    font-weight: bold;
    padding-bottom: 40px;
}

.recruit-message-inner p {
    font-size: 24px;
    font-weight: bold;
}

.recruit-message-inner div {
    padding-top: 50px;
    font-size: 22px;
    font-weight: bold;
    text-align: right;
}


section.recruit-welfare {
    background: #fff;
}

.recruit-welfare-wrapper {
    padding: 100px 0 60px;
}

.recruit-welfare-wrapper header {
    text-align: center;
    margin-bottom: 50px;
}

.recruit-welfare-content {
    display: flex;
    justify-content: space-between;
}

.welfare-box {
    width: calc(100% / 3 - 20px);
    padding: 40px;
    position: relative;
    box-sizing: border-box;
}

.welfare-box:before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 60px 60px 0;
    border-color: transparent #ffffff transparent transparent;
    position: absolute;
    top: 0;
    right: 0;
}

.welfare-box:nth-child(1) {
    background: #FDD700;
}

.welfare-box:nth-child(2) {
    background: #FCCC00;
}

.welfare-box:nth-child(3) {
    background: #FBB100;
}

.welfare-title {
    font-size: 22px;
    font-weight: bold;
    padding-bottom: 120px;
    text-align: center;
    position: relative;
}

.welfare-title::after {
    content: '';
    display: block;
    width: 12px;
    height: 80px;
    background: url('../img/recruit/welfare-img.png');
    background-size: 100% 100%;
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
}

.welfare-box p {
    font-size: 18px;
    font-weight: bold;
}

.page-template-default .l-contents .welfare-box p+p {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #000000;
}

.recruit-info-btn {
    margin: 72px 0;
}

.recruit-info-btn a {
    display: block;
    position: relative;
    width: 80%;
    margin: 0 auto;
}

.recruit-info-btn-hover {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}

.recruit-info-btn a:hover .recruit-info-btn-hover {
    opacity: 1;
}

dl.news {
    display: flex;
    padding: 14px 0 12px;
    border-bottom: 1px solid #E8E8E8;
    letter-spacing: .15em;
}

dd.news-date {
    width: 180px;
    font-weight: bold;
}

dt.news-title {
    font-size: 16px;
    font-weight: bold;
}

.news-title a {
    text-decoration: none;
}

.news-title a:hover {
    text-decoration: underline;
}



/* recruit info */

.recruit-info_jump {
    display: flex;
    justify-content: space-between;
}

.recruit-info_jump>a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc(50% - 20px);
    height: 60px;
    background: #FDC300;
    color: #FFFFFF;
    font-size: 22px;
    font-weight: bold;
    text-decoration: none;
}

.recruit-info_jump>a img {
    width: 6px;
    margin-left: 30px;
}

.recruit-info_fulltime {
    padding-top: 100px;
}

.recruit-info_subcontractor {
    padding-top: 40px;
    padding-bottom: 60px;
}

.recruit-info_h2 {
    font-size: 32px;
    font-weight: bold;
    line-height: 1;
}

.recruit-info_h2 span {
    font-size: 14px;
    font-weight: bold;
    margin-left: 20px;
}

.recruit-info_list {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding-top: 60px;
}

.c-set04__item-link-info {
    width: calc(50% - 20px);
    height: 115px;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #E3E3E3;
    padding: 0 90px 0 30px;
    margin-bottom: 40px;
    position: relative;
    text-decoration: none;
}

.c-set04__item-link-info p {
    height: 60px;
    font-size: 18px;
    font-weight: bold;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.c-set04__item-link-info:after {
    content: '';
    display: block;
    width: 22px;
    height: 6px;
    background: url('../img/recruit/recruit-arrow-r.png');
    background-size: 100% 100%;
    position: absolute;
    top: 50%;
    right: 30px;
}

.c-set04__item-link-info:hover {
    background: #E6E6E6
}

.c-set04__item-link-info:hover p,
.c-set04__item-link-info:after {
    opacity: .3;
}

.recruit-info_qa {
    padding: 80px 0 40px;
    background: #F4F4F4;
}


.recruit-info_qa .c-head01 {
    text-align: center;
}

.recruit-info_qa-wrap{
    padding-top: 40px;
}

.recruit-info_qa-wrap dl{
    padding: 40px 0;
    border-bottom: 1px solid #AAAAAA;
}

.recruit-info_qa-wrap dl:last-child{
    border-bottom: none;
}

.recruit-info_qa-wrap dl img{
    width: 50px;
    height: 50px;
}

.recruit-info_qa-wrap dt{
    font-size: 22px;
    font-weight: bold;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 30px;
}

.recruit-info_qa-wrap dd{
    font-size: 16px;
    display: flex;
    justify-content: space-between;
}

.recruit-info_qa-wrap dt p{
    font-weight: bold;
    width: calc(100% - 80px);
}

.recruit-info_qa-wrap dd p{
    width: calc(100% - 80px);
}