@charset "utf-8";
/*
Theme Name:     daikichi
Description:    child of sole
Author:         nanairo
Template:       sole

(optional values you can add: Theme URI, Author URI, Version, License, License URI, Tags, Text Domain)
*/
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP:400,900&display=swap&subset=japanese');

@font-face {
    font-family: 'mons';
    src: url('./assets/library/font/Montserrat-Bold.eot');
    src: url('./assets/library/font/Montserrat-Bold.eot?#iefix') format('embedded-opentype'),
        url('./assets/library/font/Montserrat-Bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

a {
    text-decoration: none;
    cursor: pointer;
    transition: .5s;
    display: inline-block;
}

a img,
a img:hover {
    transition: .5s;
}

#test {
    position: fixed;
    font-size: 14px;
    line-height: 1;
    background: #fff;
    z-index: 9999;
    color: #000;
    display: none;
}

#overlay {
    position: fixed;
    z-index: 999;
    width: 100%;
    height: 100%;
    background: #fff;
}

/*commonSet*/
.brPc {
    display: inline;
}

/*PCでは改行され、SPではされない*/
.brSp {
    display: none;
}

/*SPでは改行され、PCではされない*/
.bold {
    font-weight: bold;
}

:before,
:after {
    font-family: 'Font Awesome 5 Free';
    font-size: 100%;
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    font-weight: bolder;
    position: relative;
}

.red {
    color: #e03636;
}

.eng {
    font-family: 'mons', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', sans-serif;
    letter-spacing: .05rem;
}

.note {
    color: #777;
}


/*Loading*/
#loading {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: #ffffff;
    z-index: 9999;
}

#loading .logo {
    position: absolute;
    width: 80px;
    top: calc(50% - 30px);
    left: calc(50% - 40px);
    z-index: 1;
}

#loading #gauge {
    position: absolute;
    top: calc(50% + 40px);
    left: 0;
    z-index: 0;
    width: 0px;
    height: 3px;
    background: #d9f2fa;
}

/*===============================
container
===============================*/
#container {
    width: 100%;
    position: relative;
}

/*===============================
header
===============================*/
header {
    width: 100%;
    position: absolute;
    z-index: 99;
}

.page-d_support-child header {
    position: relative;
}

@media screen and (max-width:768px) {

    .page-d_support header,
    .page-d_support-child header {
        position: fixed;
        top: 0;
    }

}

header img {
    width: 100%;
}

header .header {
    background: #fff;
    width: 100%;
    box-shadow: 0 3px 5px rgba(0, 0, 0, .2);
    position: relative;
    z-index: 2;
}

header .inner {
    width: 100%;
    max-width: 1000px;
    padding: 1rem;
    margin: 0 auto;
}

header .inner:after {
    content: ".";
    display: block;
    visibility: hidden;
    height: 0.1px;
    font-size: 0.1em;
    line-height: 0;
    clear: both;
}

header h1 {
    width: 214px;
    float: left;
    margin: 0;
}

header div,
header p {
    letter-spacing: 0;
    line-height: 1.1;
}

header #header-content {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    float: right;
    position: relative;
}

header #header-content .telblock {
    border: 1px solid #cdcdcd;
    padding: .625rem;
    border-radius: .5rem;
    font-size: .875rem;
    margin: 0 .5rem 0 0;
    line-height: 1.1;
}

header #header-content .tel {
    margin: 0 1.2rem 0 0;
    position: relative;
    top: -2px;
}

header #header-content .tel span.number {
    font-size: 2.375rem;
    letter-spacing: 0;
    line-height: 1;
}

header #header-content .tel span {
    display: block;
    font-size: .875rem;
    letter-spacing: .05rem;
    line-height: 1;
}

header #header-content .contact-btn a {
    background: rgba(255, 0, 0, 1);
    display: block;
    padding: 1rem 2.5rem;
    border-radius: 10rem;
    color: #fff;
    position: relative;
    font-weight: 700;
    font-size: 1rem;
    transition: .5s;
}

header #header-content .contact-btn a:hover {
    background: rgba(255, 0, 0, .65);
}

header #header-content .contact-btn a:before {
    content: '\f0e0';
    top: -2px;
    margin: 0 .875rem 0 0;
}

header #header-content .contact-btn a:after {
    content: '\f054';
    top: -2px;
    margin: 0 0 0 1.75rem;
}

/*===============================
nav
===============================*/
#spMenu {
    display: none;
}

nav {
    background: #00a024;
    position: relative;
    z-index: 1;
    box-shadow: 0 3px 5px rgba(0, 0, 0, .3);
}

nav ul {
    width: 100%;
    max-width: 1024px;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    line-height: 1;
}

nav li {
    width: 20%;
    padding: .875rem 0;
    transition: .5s;
    position: relative;
    cursor: pointer;
}

nav li:hover {
    background: #008824;
}

nav li p,
nav li a {
    display: block;
    color: #fff;
    text-align: center;
    padding: .5rem 0;
    border-right: 1px solid #fff;
    letter-spacing: 3px;
}

nav li:last-child p,
nav li:last-child a {
    border: none;
}

nav a[href],
nav a[href]:hover {
    color: #ffffff;
}

nav .menu-image-title {
    color: inherit;
}

nav.D-Support ul {
    justify-content: space-around;
    line-height: 1.2;
}

nav.D-Support li {
    padding: 0.5rem 0;
    /* opacity:0; */
    width: auto;
    border: transparent;
}

nav.D-Support li a {
    padding: 0 1rem;
}

nav.D-Support li a {
    padding: 0 0.5rem;
    height: 2.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border: transparent;
}

@media screen and (max-width:768px) {
    nav.D-Support li br {
        display: none;
    }
}

header .DheaderNone {
    display: none;
}

/*dropDown*/
nav li ul {
    width: 100%;
    background: rgba(255, 255, 255, .9);
    position: absolute;
    flex-direction: column;
    display: none;
    z-index: 1;
}

nav li ul li {
    width: 100%;
    padding: 0;
    transition: .3s;
}

nav li ul li.forSP {
    display: none;
}

nav li ul li:hover {
    background: none;
}

nav li ul li a {
    font-size: .875rem;
    font-weight: 700;
    display: block;
    padding: 1rem .5rem;
    border: none;
}

nav li ul li a span {
    color: #169e2d !important;
}

nav li ul li a:hover {
    background: #008824;
}

nav li ul li a:hover span {
    color: #fff !important;
}

/*Dサポート*/
#spMenu.D-Support {
    display: none;
}

nav#grobal-nav.D-Support {
    background: #009add;
    position: relative;
    z-index: 10;
    box-shadow: 0 3px 5px rgba(0, 0, 0, .3);
}

nav#grobal-nav.D-Support li:hover {
    background: #1490c5;
}

nav#grobal-nav.D-Support li ul li a {
    font-size: .875rem;
    color: #009add;
    font-weight: 700;
    display: block;
    padding: 1rem .5rem;
    border: none;
}

nav#grobal-nav.D-Support li ul li a:hover {
    background: #1490c5;
    color: #fff;
}

/*===============================
contents
===============================*/
#contents {
    background: #fff;
    position: relative;
    z-index: 0;
}

#sampleContentList li {
    background: rgba(210, 255, 182, 1.00);
    text-align: center;
    padding: 14rem 1rem;
    color: #000;
}

#sampleContentList li:nth-child(2n) {
    background: rgba(141, 210, 255, 1.00);
    color: #fff;
}

/*===============================
footer
===============================*/
#flogo {
    text-align: center;
    margin: 2rem 0;
}

footer {
    background: #1BC1A1;
    color: #fff;
    position: relative;
    z-index: 10;
}

footer a>span {
    color: inherit;
}

footer ul.sns a {
    color: #fff;
}

footer ul.sns {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: stretch;
}

footer .sns li {
    /* margin: 0 .625rem; */
}

footer .sns li:first-child {
    /* margin: 0 .625rem; */
}

footer .sns li:first-child a {
    font-size: 1.75rem;
}

footer .footerMenuBox .sns li a {
    font-size: 1.75rem;
    padding: 0;
}

.Pc footer .footerMenuBox .sns li a:hover {
    color: #ccc
}

footer .sns li.instagram a:before {
    font-family: 'Font Awesome\ 5 Brands';
    content: '\f16d';
    font-weight: lighter;
}

footer .sns li.twitter a:before {
    font-family: 'Font Awesome\ 5 Brands';
    content: '\f099';
    font-weight: lighter;
}

footer .sns li.facebook a:before {
    font-family: 'Font Awesome\ 5 Brands';
    content: '\f082';
    font-weight: lighter;
}

footer .footerMenuBox .sns li a {
    display: flex;
    align-items: center;
}

footer .footerMenuBox .sns li a span {
    font-size: 0.8rem;
    letter-spacing: 0;
    line-height: 1;
    margin-left: 0.5rem;
}

@media screen and (max-width:768px) {
    footer .footerMenuBox .sns li a {
        padding: 1rem;
    }
}

/*Dサポート*/
footer#D-Support-footer {
    background: #019add;
    color: #fff;
    position: relative;
    z-index: 1;
}

#D-Support-footer #copyright {
    width: 100%;
    font-size: .625rem;
    text-align: center;
    border-top: 2px solid #fff;
    padding: 1.75rem 0;
    margin: 1rem 0 0;
    color: #fff;
    font-weight: bold;
}

/*リクルート*/
.wpb_column.toRikunavi,
.wpb_column.toCareer,
.wpb_column.toDaikichi {
    padding: 0 !important;
}

.toRikunavi .vc_btn3-container,
.toCareer .vc_btn3-container,
.toDaikichi .vc_btn3-container {
    margin-bottom: 0 !important;
}

.toRikunavi .vc_btn3 {
    background-color: #fe0000 !important;
    color: #fff !important;
    font-size: 1.25rem !important;
    padding: 2rem 0 !important;
}

.toCareer .vc_btn3 {
    background-color: #000000 !important;
    color: #fff !important;
    font-size: 1.25rem !important;
    padding: 2rem 0 !important;
}

.toDaikichi .vc_btn3 {
    background-color: #019f22 !important;
    color: #fff !important;
    font-size: 1.25rem !important;
    padding: 2rem 0 !important;
}

.toRikunavi .vc_btn3:hover,
.toCareer .vc_btn3:hover,
.toDaikichi .vc_btn3:hover {
    opacity: 0.85;
    transition: 0.3s;
}

.toRikunavi i,
.toCareer i,
.toDaikichi i {
    color: #fff;
}

footer#Recruit-footer {
    background: #505050;
    color: #fff;
    position: relative;
    z-index: 1;
}

#Recruit-footer #copyright {
    width: 100%;
    font-size: .625rem;
    text-align: center;
    border-top: 2px solid #fff;
    padding: 1.75rem 0;
    margin: 1rem 0 0;
    color: #fff;
    font-weight: bold;
}

@media screen and (max-width:768px) {
    body {
        width: 100%;
    }

    .brPc {
        display: none;
    }

    /*PCでは改行され、SPではされない*/
    .brSp {
        display: inline;
    }

    /*SPでは改行され、PCではされない*/



    #main-nav>li {
        padding: .5rem 0;
        text-align: left;
    }

    ul.sub-menu {
        display: flex;
        flex-wrap: wrap;
        padding: 0 0.5rem;
    }



    ul.sub-menu li {
        width: 50%;

    }


    #main-nav>li>a span {
        padding: 0;
        font-weight: bold;
        color: #1CC1A1 !important;
    }

    #main-nav>li>a {
        font-weight: bold;
        color: #1CC1A1 !important;
    }

    #main-nav .sub-menu>li>a {
        color: #444444;
    }

    [class*="page-staff_interview"] #main-nav>li>a span,
    .page-recruit #main-nav>li>a span,
    .page-recruit-child #main-nav>li>a span {
        padding: 0;
        font-weight: bold;
        color: #c10000 !important;
    }

    .recruitnews .imageLinksFixed {}

    /*===============================
  header
  ===============================*/
    header {
        background: #fff;
        width: 100%;
        position: fixed;
        top: 0;
        left: 0;
    }


    /*===============================
  contents
  ===============================*/
    #contents {
        background: #fff;
        padding-top: calc(91px - 2rem);
    }

    /*padding-topはヘッダー高調整のため必須*/
    /*===============================
  footer
  ===============================*/
    #flogo {
        background: #fff;
        display: block;
        text-align: center;
        padding: 2rem;
    }

    #flogo img {
        width: 214px;
        display: inline-block;
        margin: 0 auto;
    }

    #pageTopBtn {
        position: absolute;
        top: 0;
        right: 0;
    }

    #pageTopBtn:before {
        content: '\f077';
        font-family: 'Font Awesome 5 Free';
    }


    #copyright {
        width: 100%;
        font-size: 1rem;
        border-top: none;
        padding: 1.5rem 0;
        margin: 0;
        text-align: center;
    }

    /*Dサポート*/
    #D-Support-footer #copyright {
        width: 100%;
        font-size: 1rem;
        border-top: none;
        padding: 0.5rem 0;
        margin: 0;
    }

    /*max-width:768px END*/
}

@media screen and (max-width:768px) {
    .header_inner {
        background-color: rgba(255, 255, 255, 1);
    }
}

@media screen and (max-width:480px) {

    /*===============================
  header
  ===============================*/
    header .inner {
        width: 100%;
        padding: .625rem 1rem;
        min-height: calc(60px - 1.3rem);
        box-sizing: content-box;
    }

    header h1 {
        width: 140px;
        float: left;
        font-size: 0;
    }

    #fcoPage header #header-content {
        top: 4px;
        float: left;
        margin: 0 0 0 1.125rem;
    }

    #fcoPage header #header-content h2 {
        font-size: 0.75rem;
    }

    /*===============================
  contents
  ===============================*/
    #contents {
        padding-top: calc(59px - 1.3rem);
    }

    /*padding-topはヘッダー高調整のため必須*/
    /*===============================
  footer
  ===============================*/
    #flogo {
        padding: 1.5rem;
    }

    #flogo img {
        width: 140px;
    }

    /*   footer li:first-child a{ display: block; font-size: 0.875rem; text-align: center; padding: 1rem 0;} */

    #copyright {
        font-size: .75rem;
        padding: .875rem 0;
        text-align: center;
    }

}

@media screen and (max-width:360px) {
    /*max-width:360px END*/
}












/*A01*/
.A01.coverall h2,
.A01.coverall h2.style02,
.A01 h2,
.A01 h2.style02,
.A01_inner h2.style02 {
    font-size: 2rem;
    font-weight: bold;
    letter-spacing: 0.3rem;
    margin-bottom: 1rem;
    color: #1BC1A1;
    text-align: center;
    font-family: 'Muli', 'Noto Sans JP', 'メイリオ', Meiryo, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.A01 h2.style02::before {
    content: "";
    height: 24px;
    width: 1px;
    background-color: #1bc1a1;
    display: inline-block;
    transform: translateY(-3px) skew(-45deg);
    margin-right: 2rem;
}

.A01 h2.style02::after {
    content: "";
    height: 24px;
    width: 1px;
    background-color: #1bc1a1;
    display: inline-block;
    transform: translateY(-3px) skew(-45deg);
    margin-left: 2rem;
}




/*A02*/

.A02 h3.style02:after,
.A02_inner h3.style02:after {
    content: "";
    width: 1rem;
    height: .4rem;
    background-color: #0a9379;
    position: absolute;
    left: 0;
    top: calc(1.9rem - 1px);
}

.A02 h3.style02:before,
.A02_inner h3.style02:before {
    content: "";
    width: 1rem;
    height: .4rem;
    position: absolute;
    left: 0;
    top: calc(1.4rem - 2px);
    background-color: #1bc1a1;
}

.A02 h3.style02,
.A02_inner h3.style02 {
    color: #0a9379;
    font-weight: 700;
    font-size: 1.25rem;
    border-bottom: .125rem solid #0a9379;
    padding: .8rem 0;
    margin-bottom: 1rem;
    position: relative;
    padding-left: 1.4rem
}

.A02 h3.style02 a,
.A02_inner h3.style02 a {
    color: #0a9379;
    padding: 0 .3em;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 50%, rgb(27, 193, 161) 50%);
    background-position: 0 0;
    background-size: 200% auto;
    transition: .3s;
}


.IE .A02 h3.style02 a,
.IE .A02_inner h3.style02 a {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 51%, rgb(27, 193, 161) 50%);
}

.A02 h3.style02 a:after,
.A02_inner h3.style02 a:after {
    content: "";
    display: inline-block;
    width: 3rem;
    height: .2rem;
    border-bottom: 1px solid #1bc1a1;
    border-right: 1px solid #1bc1a1;
    margin-left: 0.5rem;
    transform: skew(50deg);
    transition: border-color 0.3s ease;
    margin-top: 10px;
    margin-right: 0.3rem;
}

.A02 h3.style02 a:hover,
.A02_inner h3.style02 a:hover {
    background-position: -100% 0;
    color: #fff;
    font-weight: normal
}

.IE .A02 h3.style02 a:hover,
.IE .A02_inner h3.style02 a:hover {
    background-position: -98% 0;
}

.A02 h3.style02 a:hover:after,
.A02_inner h3.style02 a:hover:after {
    border-bottom: 1px solid #fff;
    border-right: 1px solid #fff;
}

/*A02-01*/
.A02-01.coverall h4.style02,
.A02-01_inner h4.style02 {
    color: #FF9248;
    padding: .5rem 0;
    font-weight: bold;
    font-size: 1.1rem;
}


.page-d_support-child .eyecatchWrapper .h1.withEyecatch h1 span::before {
    background-color: #2C71AD;
}

.page-d_support-child .A02 h3.style02,
.page-d_support-child .A02_inner h3.style02 {
    color: #2C71AD;
    border-bottom: .125rem solid #2C71AD;
}

.page-d_support-child .A02 h3.style02:before,
.page-d_support-child .A02_inner h3.style02:before {
    background-color: #73C5DF;
}

.page-d_support-child .A02 h3.style02:after,
.page-d_support-child .A02_inner h3.style02:after {
    background-color: #2C71AD;
}

.page-d_support-child .A01 h2.style02::before,
.page-d_support-child .A01 h2.style02::after {
    background-color: #019add;
}




/*a09*/

.A09 .tablepress thead th {
    background: #d8faf4;
    border: 1px solid #c3c3c3;
    text-align: center;
    padding: 0.875rem;
}

.A09 .tablepress td.column-1 {
    background: #d8faf4;
    text-align: center;
    width: 25rem;
}

.A09 .tablepress td {
    border: 1px solid #c3c3c3;
    padding: 1rem;
    text-align: center;
}


.A15-01 h3.style02:after,
.A15-01_inner h3.style02:after {
    content: "";
    width: 1rem;
    height: .4rem;
    background-color: #0a9379;
    position: absolute;
    left: 0;
    top: calc(1.9rem - 1px);
}

.A15-01 h3.style02:before,
.A15-01_inner h3.style02:before {
    content: "";
    width: 1rem;
    height: .4rem;
    position: absolute;
    left: 0;
    top: calc(1.4rem - 2px);
    background-color: #1bc1a1;
}

.A15-01 h3.style02,
.A15-01_inner h3.style02 {
    color: #0a9379;
    font-weight: 700;
    font-size: 1.25rem;
    border-bottom: .125rem solid #0a9379;
    padding: .8rem 0;
    margin-bottom: 1rem;
    position: relative;
    padding-left: 1.4rem
}

.A15-01 h3.style02 a,
.A15-01_inner h3.style02 a {
    color: #0a9379;
    padding: 0 .5rem;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 50.1%, rgb(27, 193, 161) 50%);
    background-position: 0 0;
    background-size: 200% auto;
    transition: .3s;
}

.A15-01 h3.style02 a:after,
.A15-01_inner h3.style02 a:after {
    content: "";
    display: inline-block;
    width: 3rem;
    height: .2rem;
    border-bottom: 1px solid #1bc1a1;
    border-right: 1px solid #1bc1a1;
    margin-left: 0.5rem;
    transform: skew(50deg);
    transition: border-color 0.3s ease;
    margin-top: 10px;
    margin-right: 0.3rem;
}

@media screen and (max-width:480px) {

    .A15-01 h3.style02 a:after,
    .A15-01_inner h3.style02 a:after {
        width: 1rem;
    }
}

.A15-01 h3.style02 a:hover,
.A15-01_inner h3.style02 a:hover {
    background-position: -99.9% 0;
    color: #fff;
    font-weight: normal
}

.A15-01 h3.style02 a:hover:after,
.A15-01_inner h3.style02 a:hover:after {
    border-bottom: 1px solid #fff;
    border-right: 1px solid #fff;
}


.A17 p.question {
    color: #34ace9;
    font-size: 1rem;
    font-weight: 700;
    padding: 1rem 2rem;
}

@media screen and (max-width:768px) {
    .page-faq .A17 p.question {
        min-height: 4rem;
    }
}

.A17 .q p {
    color: #3B4043;
    font-size: 1rem;
    font-weight: normal;
    padding: 1rem 2rem;
}

.A17 .q .wpb_wrapper:before {
    content: "Q";
    font-size: 1rem;
    letter-spacing: 0.5px;
    width: 2rem;
    background: #1bc1a1;
    height: 2rem;
    display: inline-block;
    text-align: center;
    margin: 1rem 1rem 1rem 2rem;
    color: #fff;
    line-height: 2;
    border-radius: 50%;
    float: left;
}

.A17 .a .wpb_wrapper:before {
    content: "A";
    font-size: 1rem;
    letter-spacing: 0.5px;
    width: 2rem;
    background: #ff9149;
    height: 2rem;
    display: inline-block;
    text-align: center;
    margin: 1rem 1rem 1rem 2rem;
    color: #fff;
    line-height: 2;
    border-radius: 50%;
    float: left;
}




.single h2:after {
    content: "";
    width: 1rem;
    height: .4rem;
    background-color: #0a9379;
    position: absolute;
    left: 0;
    top: calc(1.9rem - 1px);
}

.single h2:before {
    content: "";
    width: 1rem;
    height: .4rem;
    position: absolute;
    left: 0;
    top: calc(1.4rem - 2px);
    background-color: #1bc1a1;
}

.single h2 {
    color: #0a9379 !important;
    font-weight: 700;
    font-size: 1.25rem;
    border-bottom: .125rem solid #0a9379;
    padding: .8rem 0;
    margin-bottom: 1rem;
    position: relative;
    padding-left: 1.4rem
}






/*Auto Estimation Button*/
.autoEstBtn a.vc_btn3.vc_btn3-color-grey,
.autoEstBtn button.vc_btn3.vc_btn3-color-grey,
.skn_consentBtn,
.skn_sendBtn {
    background-color: #00a024;
    color: #ffffff;
    border-radius: 0;
}


.contactBtn a.vc_btn3.vc_btn3-color-grey,
.contactBtn button.vc_btn3.vc_btn3-color-grey {
    background-color: #ff0000;
    color: #ffffff;
    border-radius: 0;
}


/*CTA*/


/*contectInfo */
.contectInfo {
    justify-content: center;
    max-width: 958px;
}

.contectInfo>div {
    padding: 0;
}

.contectInfo>.contectInfo_left {
    text-align: right;
    width: auto;
    margin-top: auto;
}

.contectInfo>.contectInfo_right {
    position: relative;
    width: auto;
    padding: 0;
}

/*.contectInfo>.contectInfo_right:after {
    position: absolute;
    z-index: 1;
    left: 0;
    top: 80%;
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0.5rem 0 0.5rem 0.7rem;
    border-color: transparent transparent transparent #DFF4E5;
}*/

@media screen and (max-width:768px) {

    p,
    ol,
    ul {
        line-height: 1.5;
        font-size: 1rem;
        letter-spacing: 1px;
        text-align: left;
    }

    .page-d_support-child ol,
    .page-d_support ol,
    .page-d_support-child ul,
    .page-d_support ul {
        text-align: left;
    }

    .A02 h3.style02,
    .A02_inner h3.style02 {
        color: #0a9379;
        font-weight: 700;
        font-size: 1.15rem;
        border-bottom: .125rem solid #0a9379;
        padding: .8rem 0;
        margin-bottom: 1rem;
        position: relative;
        padding-left: 1.4rem;
        letter-spacing: 1px;
    }


    .A01 h2,
    .A01 h2.style02,
    .A01_inner h2.style02 {
        font-size: 1.5rem;
        font-weight: bold;
        letter-spacing: 0;
        margin-bottom: 0.4rem;
        color: #1BC1A1;
        text-align: center;
        font-family: 'Muli', 'Noto Sans JP', 'メイリオ', Meiryo, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    }

}

@media screen and (max-width:480px) {
    .eyecatchAndBreadcrumb {
        margin-top: 2px;
    }

    .contectInfo {
        display: block;
        padding: 0;
    }

    .contectInfo>.contectInfo_left {
        width: 100%;
    }

    /*
    .contectInfo>.contectInfo_right:after {
        top: 0;
        left: 0;
        right: 0;
        margin: 0 auto;
        border-width: 0.7rem 0.5rem 0 0.5rem;
        border-color: #DFF4E5 transparent transparent transparent;
    }*/

    .A01 h2,
    .A01 h2.style02,
    .A01_inner h2.style02 {
        font-size: 1.3rem;
        font-weight: bold;
        letter-spacing: 0;
        margin-bottom: 0.4rem;
        color: #1BC1A1;
        text-align: center;
        font-family: 'Muli', 'Noto Sans JP', 'メイリオ', Meiryo, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    }

    .A01_inner+.wpb_text_column.wpb_content_element p.center {
        text-align: left;
    }

    .A01 h2.style02::before {
        content: none;
    }

    .A01 h2.style02::after {
        content: none;
    }
}

section#CTA {
    background-color: #f6fffb;
    padding: 2rem 0 1rem;
    margin-top: 2rem;
    border-top: 1px solid #1bc1a1;
    border-bottom: 1px solid #1bc1a1;
}

.cubeblock .cube>div a {
    pointer-events: auto;
}


.contectInfo>.contectInfo_left {
    text-align: right;
    width: auto;
    margin-top: auto;
    padding: 0;
    background-color: #dff4e5;
}

@media screen and (min-width:481px) {
    .IE .contectInfo {
        max-width: 958px;
        margin: 0 auto;
    }

    .IE .contectInfo>.contectInfo_left {
        width: 44%;
        flex: none;
    }

    .IE .contectInfo>.contectInfo_right {
        width: 56%;
        flex: none;
    }
}




/*service*/
section#contactCTA {
    margin: 3rem 0 5rem;
    padding: 1rem 0 0;
    border: 1px solid #1bc1a1;
    background-color: #f6fffb;
}


/*swiper*/

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") !important;
    background-color: #1bc1a1;
    border-radius: 50%;
    left: 0 !important;
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") !important;
    background-color: #1bc1a1;
    border-radius: 50%;
    right: 0 !important;
}

.page-report-child .wpb_text_column.wpb_content_element p {
    text-align: justify;
}

.eyecatchWrapper .h1.withEyecatch h1 span {
    letter-spacing: 0.2rem;
}

.eyecatchWrapper .h1.withEyecatch h1 span,
.eyecatchWrapper .h1.withEyecatch h1 {
    letter-spacing: 0.1rem;
    text-shadow: 0px 0 14px rgb(0 0 0 / 48%);
}

@media screen and (min-width:769px) {
    .cube>.vc_column-inner>.wpb_wrapper {
        position: relative;
    }

    .cubeblock {
        justify-content: center;
        position: relative;
        z-index: 1;
    }

    /*cta 2019/10/13*/

    /* .cubeblock .cube{
    width:388px;
    height:154px;
    position: relative;
    z-index: -1;
    }*/

    .cubeblock .cube {
        width: 600px;
        height: 154px;
        position: relative;
        z-index: -1;
    }

    .cubeblock .cube>div {
        pointer-events: none;
    }

    .cubeblock .cube>div a {
        pointer-events: auto;
    }

    .cube>.vc_column-inner>.wpb_wrapper>div {
        display: block;
        position: absolute;
        top: 0;
        z-index: 0;
        width: 100%;
        /* height:214px; */
        /* border: 2px solid #333; */
        text-align: center;
        /* line-height: 56px; */
        box-sizing: border-box;
        transition: all .3s;
        pointer-events: none;
    }

    .cube>.vc_column-inner>.wpb_wrapper>div:nth-child(1) {
        /*     background-color: #333; */
        color: #fff;
        transform: rotateX(90deg);
        transform-origin: 50% 50% -50px;
    }

    .cube>.vc_column-inner>.wpb_wrapper>div:nth-child(2) {
        /*     background-color: #fff; */
        color: #333;
        transform: rotateX(0deg);
        transform-origin: 50% 50% -50px;
    }

    .cube:hover>.vc_column-inner>.wpb_wrapper>div:nth-child(1) {
        transform: rotateX(0deg);
    }

    .cube:hover>.vc_column-inner>.wpb_wrapper>div:nth-child(2) {
        /*     background-color: #333; */
        transform: rotateX(-90deg);
        opacity: 0;
    }
}

@media screen and (max-width:768px) {
    .cube_back {
        display: none;
    }
}

@media screen and (max-width:480px) {
    .cube_back {
        display: none;
    }

    .cubeblock {
        display: block;
    }

    .cube {
        width: 100%;
        padding: 0;
    }
}


.page-recruit-child .eyecatchWrapper {
    /*display: none;*/
}

[class*="page-staff_interview"] #interviews {
    padding-top: 2rem;
}

[class*="page-staff_interview"] #interviews,
[class*="page-staff_interview"] .vc_row.vc_row-flex.A12.slider1 {
    /*background: #deffff;
  background-image:
    -webkit-gradient(linear, 0 0, 100% 100%,color-stop(.25, #cff5f5), color-stop(.25, transparent),color-stop(.5, transparent), color-stop(.5, #cff5f5),color-stop(.75, #cff5f5), color-stop(.75, transparent),to(transparent));
  -webkit-background-size: 0.75rem 0.75rem;*/
    /*   background: linear-gradient(     -45deg,     #deffff 25%, #cff5f5 25%,     #cff5f5 50%, #deffff 50%,     #deffff 75%, #cff5f5 75%,     #cff5f5   ); */
    background-size: 1rem 1rem;
    background-color: #d2e0dd;
    background-image: none;
}

[class*="page-staff_interview"] section.vc_section.maxWidth.voiceImage,

[class*="page-staff_interview"] section.vc_section.maxWidth.voiceImage *,
.page-recruit-child section.vc_section.maxWidth.voiceImage,

.page-recruit-child section.vc_section.maxWidth.voiceImage * {
    padding: 0;
}

.page-recruit-child .topImage * {
    padding: 0;
}

.page-recruit-child .maxWidth768 {
    width: 100%;
    max-width: 768px;
    margin: 0 auto 0rem;
    padding: 0 1rem;
}

.page-recruit-child .imageLinkDefault,
[class*="page-staff_interview"] .imageLinkDefault {
    display: none;
}

[class*="page-staff_interview"] .maxWidth,

.page-recruit-child .maxWidth {
    width: 100%;
    max-width: 1100px !important;
    margin: auto;
}

.page-recruit-child .entryBtn {
    /*display: none;*/
}


.page-recruit-child .imageLinksFixed {
    display: none;
}


.page-recruit-child .imageLinkDefault {
    display: none;
}




.interviewer .co1::after {
    border-color: transparent transparent transparent #ff9800;
}

.interviewer .co1>.vc_column-inner {
    background: #FF9800;
}

.interviewer .co1>.vc_column-inner p {
    color: #fff;
}

.interviewee .co2::before {
    border-color: transparent #ff9090 transparent transparent;
}

.interviewee .co2>.vc_column-inner {
    background: #ff9090;
}



.vc_row.wpb_row.vc_row-fluid.interviewee,
.vc_row.wpb_row.vc_row-fluid.interviewer {
    margin-bottom: 2rem;
}


@media screen and (max-width: 480px) {



    .interviewer .co1::before {

        border-color: transparent #ff9800;

    }

    [class*="page-staff_interview"] .eyecatchWrapper .h1.withEyecatch h1 span,

    .page-recruit-child .eyecatchWrapper .h1.withEyecatch h1 {
        letter-spacing: 0.1rem;
        font-size: 1.4rem
    }

    .page-recruit-child .eyecatchWrapper .h1.withEyecatch h1 span,
    .eyecatchWrapper .h1.withEyecatch h1 {
        letter-spacing: 0;
        font-size: 1rem;
    }
}




#VoiceOfSeniors .number {
    color: #ff0000;
    font-size: 6.25rem;
    font-family: "mons", "Myriad Pro", "メイリオ", Meiryo, sans-serif;
    font-weight: normal;
    font-style: italic;
    position: absolute;
    top: -5rem;
    left: 2rem;
}



.page-recruit-child .A01 h2,
.page-recruit-child .A01 h2.style02,
.page-recruit-child .A01_inner h2.style02 {
    color: #b40202;
}

.page-recruit-child .A01 h2.style02::before,
.page-recruit-child .A01_inner h2.style02::before,
.page-recruit-child .A01 h2.style02::after,
.page-recruit-child .A01_inner h2.style02::after {
    background-color: #b40202;
}


.page-recruit-child .A02 h3.style02,
.page-recruit-child .A02_inner h3.style02 {
    border-bottom: .125rem solid #b40202;
    color: #b40202;
}

.page-recruit-child .A02 h3.style02:before,
.page-recruit-child .A02_inner h3.style02:before {
    background-color: #e76d6d;
}

.page-recruit-child .A02 h3.style02:after,
.page-recruit-child .A02_inner h3.style02:after {
    background-color: #b40202;
}




/*@media screen and (min-width: 950px) {
  [class*="page-staff_interview"] .A15 .A15Inner_row>div,
  .page-recruit .A15 .A15Inner_row>div

  {
    width: calc((100% / 3) * 1 - 0.01px);
  }
}


@media screen and (max-width: 949px) {
  [class*="page-staff_interview"] .A15 .A15Inner_row>div ,
  .page-recruit-child  .A15 .A15Inner_row>div {
    width: 50%;
  }
}
*/
[class*="page-staff_interview"] .name,
.page-recruit-child .name {}


/*   #main-nav > li > a, */
#main-nav>li>a span {
    font-size: 0.8rem;
    padding: 0 0.3rem;
}

@media screen and (max-width: 1100px) {

    /*   #main-nav > li > a, */
    #main-nav>li>a span {
        font-size: 0.9rem;
        padding: 0 .4rem;
    }
}

@media screen and (max-width:810px) {

    /*   #main-nav > li > a, */
    #main-nav>li>a span {
        font-size: .85rem;
        padding: 0 .25rem;
    }
}

@media screen and (max-width:768px) {
    [class*="page-staff_interview"] .menuBtn {
        border: none;
    }

    [class*="page-staff_interview"] .menuBtnInner>div {
        background-color: #ff0000;
    }
}

#VoiceOfSeniors .contactBtn a.vc_btn3.vc_btn3-color-grey::before,
.contactBtn button.vc_btn3.vc_btn3-color-grey::before {
    content: none;
}

#VoiceOfSeniors .name {
    width: 7em;
}

.toRikunavi>div,
.toCareer>div {
    display: none;
}

@media screen and (max-width:768px) {
    #VoiceOfSeniors p.catch {
        letter-spacing: 0;
        font-size: 0.9rem;
    }

    #VoiceOfSeniors .vc_row.wpb_row.vc_row-fluid.maxWidth.A15 {
        padding: 0;
    }

    #VoiceOfSeniors .number {
        font-size: 3rem;
        top: -2rem;
        left: 1rem;
    }

}




header .d-support .inner {
    padding: 0.5rem 1rem;
}

header .d-support #header-content h1.sub {
    font-size: 0.9rem;
    line-height: 1.4;
    width: auto;
    margin-right: auto;
    color: #009ADD;
}

header .d-support h1 {
    width: 3.1rem;
}

header .d-support .imageLinkDefault,
header .d-support .imageLinksFixed {
    display: none;
}

header .d-support #ttl .wpb_single_image .vc_single_image-wrapper {
    display: inline-block;
    vertical-align: top;
    max-width: 100%;
    transform: translateY(-30px);
}

header .d-support #header-content .telblock {
    border: transparent;
    border-radius: 0rem;
    font-size: 1rem;
    margin: 0 0rem 0 0;
    line-height: 1.1;
}

header .d-support #header-content .telblock {
    display: inline-block;
    font-size: .75rem;
    padding: 0rem;
}

header .d-support #header-content .telblock a {
    font-size: .75rem;
    padding: .625rem;
    display: inline-block;
    color: #000;
    border: 1px solid #cdcdcd;
    border-radius: .5rem;
    transition: color .4s ease, background-color .4s ease;
}

header .d-support #header-content .telblock a:hover {
    background-color: #333;
    color: #fff;
    border: 1px solid #fff;
    border-radius: .5rem;
}



.page-d_support-child .imageBox p.upper,
.page-d_support .imageBox p.upper {
    font-size: 1.2rem;
    font-weight: bold;
    letter-spacing: 0;
    color: #fff;
    line-height: 1;
    margin-top: .5rem;
}

.page-d_support-child .imageBox p,
.page-d_support .imageBox p {
    font-size: 1.7rem;
    font-weight: bold;
    letter-spacing: 3px;
    color: #fff;
}

.page-d_support-child .imageBox i,
.page-d_support .imageBox i {
    font-size: 1.7rem;
    font-weight: bold;
    letter-spacing: 3px;
    color: #fff;
}


@media screen and (max-width:480px) {

    .page-d_support-child .imageBox p.upper,
    .page-d_support .imageBox p.upper {
        display: none;
    }

    .page-d_support-child .imageBox p,
    .page-d_support .imageBox p {
        display: none;
    }

    .page-d_support-child .imageLinkDefault,
    .page-d_support-child .imageBox i,
    .page-d_support .imageBox i {
        display: none;
    }


}


body[class*="page-recruit/interviews-child"] .moveTop,
.page-recruit-child .moveTop {
    background-image: url(/wp-content/uploads/top_button_R.png);
}



@media screen and (max-width:480px) {

    .page-service_02 .lead .center,
    .page-service_01 .lead .center {
        text-align: left;
    }

    .page-service_02 .lead .center br,
    .page-service_01 .lead .center br {
        display: none;
    }
}


.d_supportFooterText {
    text-align: center;
    color: #fff;
    font-size: 0.8rem;
    letter-spacing: 0.1rem;
}

@media screen and (max-width:768px) {
    .d_supportFooterText {
        margin-top: 1.5rem;
        /* margin-bottom: 3rem; */
    }
}

@media screen and (max-width:850px) {
    header .d-support #header-content h1.sub {
        letter-spacing: 0;
    }
}

@media screen and (max-width:768px) {
    header #header-content {
        float: none;
    }

    header .d-support #header-content {
        width: auto;
        margin: 0;
    }

    header .d-support .inner {
        display: flex;
        padding: 0;
    }

    header .d-support h1 {
        width: 5rem;
        margin-right: auto;
        margin-left: 1rem;
        padding: 0.5rem;
        float: none;
    }

    header .d-support a {
        display: block;
    }

    #spMenu {
        width: 5rem;
        display: block;
        background-color: #019ADD;
        position: relative;
        cursor: pointer;
    }

    #spMenu:hover {
        background-color: #0090cf;
    }

    #spMenu>span {
        display: block;
        height: 0.3rem;
        width: 50%;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
    }

    #spMenu>span:before {
        content: "";
        display: block;
        width: 100%;
        height: 100%;
        background-color: #fff;
        transition: transform 0.3s ease, width 0.3s ease;
    }

    #spMenu>span:nth-child(1):before {
        transform: translateY(-0.8rem);
    }

    #spMenu>span:nth-child(2):before {
        margin: auto;
        width: 100%;
    }

    #spMenu>span:nth-child(3):before {
        transform: translateY(0.8rem);
    }


    .open #spMenu>span:nth-child(1):before {
        transform: translateY(0rem) rotate(45deg);
    }

    .open #spMenu>span:nth-child(2):before {
        width: 0%;
    }

    .open #spMenu>span:nth-child(3):before {
        transform: translateY(0rem) rotate(-45deg);
    }


    nav#grobal-nav.D-Support {
        position: relative;
        z-index: 100;
        display: none;
    }

    nav#grobal-nav.D-Support ul {
        display: block;
    }

    nav#grobal-nav.D-Support ul>li {
        width: 100%;
        transition: none;
    }

    nav#grobal-nav.D-Support ul>li+li {
        border-top: 1px solid #fff;
    }

    nav#grobal-nav.D-Support ul>li a {
        text-align: left;
        border-right: none;
        padding: 0.5rem 1rem;
    }

    header .d-support #header-content h1.sub {
        display: none;
    }

    header .d-support #header-content .telblock a:hover,
    header .d-support #header-content .telblock a {
        background-color: #FF9800;
        color: #fff;
        border-radius: 0;
        border: none;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 100%;
        padding: 0 0.5rem;
        font-size: 1rem;
        letter-spacing: 0;
        transition: background-color 0.2s ease;
    }

    header .d-support #header-content .telblock a:hover {
        background-color: #ec8d00;
    }

    header .d-support #header-content .telblock,
    header .d-support #header-content #contact {
        height: 100%;
        display: flex;
        margin: 0;

    }

    header .d-support #header-content .tel {
        top: auto;
        margin: 0;
        height: 100%;
    }

    header .d-support #header-content .tel>a:hover,
    header .d-support #header-content .tel>a {
        background-color: #4F7503;
        color: #fff;
        padding: 0 0.5rem;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        transition: background-color 0.2s ease;
    }

    header .d-support #header-content .tel>a:hover {
        background-color: #456601;
    }

    header .d-support #header-content .tel>a span {
        color: inherit;
        min-height: 0%;
        padding: 0.1rem 0;
    }

    header .d-support #header-content .tel span.number {
        font-size: 1rem;
    }


    header .inner:after {
        content: none;
    }
}


.single .maxWidth article .wpb_column {
    padding: 0;
}

.single .A02 h2.style02:after,
.single .A02 h2.style02:before,
.single .A02_inner h2.style02:after,
.single .A02_inner h2.style02:before、 .single .A02 h3.style02:after,
.single .A02 h3.style02:before,
.single .A02_inner h3.style02:after,
.single .A02_inner h3.style02:before {
    content: none;
}

.single .A02 h2.style02,
.single .A02_inner h2.style02,
.single .A02 h3.style02,
.single .A02_inner h3.style02 {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
}


.single .A02 {
    margin-top: 2rem;
}

.single #wholeContents.pc_cv h2.blog_h2 {
    color: #217db7 !important;
    font-weight: 500;
    font-size: 1.25rem;
    border-bottom: 0.125rem solid #217db7;
    padding: 0.8rem 0.5rem;
    margin-bottom: 1rem;
}


.single h2.blog_h2:before,
.single .A02 h2.style02:before,
.single .A02_inner h2.style02:before,
.single .A02 h3.style02:before,
.single .A02_inner h3.style02:before {
    content: "▼";
    background-color: transparent;
    position: static;
    width: auto;
    height: auto;
    transform: translate(-6px, -4px) rotate(-90deg);
}

.single h2.blog_h2:after,
.single .A02 h2.style02:after,
.single .A02_inner h2.style02:after,
.single .A02 h3.style02:after,
.single .A02_inner h3.style02:after {
    content: none;
}



.single .blog_h3 h3 {
    font-size: 1.185rem;
    padding: 0.25rem 1rem;
    background: transparent;
    border-left: solid .5rem #249378;
    border-bottom: solid 1px #249378;
    color: #249378;
    margin-bottom: 1rem;
}


.single #wholeContents.pc_cv h3.blog_h3 {
    font-size: 1.185rem;
    padding: 0.25rem 1rem;
    background: transparent;
    border-left: solid .5rem #217db7;
    border-bottom: solid 1px #217db7;
    color: #217db7;
    margin-bottom: 1rem;
}


.single .blog_h4 h4 {
    font-size: 1.1rem;
    color: #249378;
    margin-bottom: 1rem;

}


.single #wholeContents.pc_cv h4.blog_h4 {
    font-size: 1.1rem;
    color: #217db7;
}

.single #wholeContents.pc_cv h4.blog_h4:before,
.single .blog_h4 h4:before {
    content: "◆";
    margin-right: 0.2rem;
    transform: translateY(-1px);
}


.single .blog_h5 h5 {
    font-size: 1.05rem;
    color: #249378;
    margin-bottom: 1rem;

}

.single #wholeContents.pc_cv h5.blog_h5 {
    font-size: 1.05rem;
    color: #217db7;
    margin-bottom: 1rem;

}

.single #wholeContents.pc_cv h5.blog_h5:before,
.single .blog_h5 h5:before {
    content: "・";
    margin-right: 0.2rem;
    transform: translateY(-1px);
}




/* #news */
#proposal .news_row:nth-child(odd),
#proposal .news_row:nth-child(even),
#case .news_row:nth-child(odd),
#case .news_row:nth-child(even),
#news .news_row:nth-child(odd),
#news .news_row:nth-child(even) {
    background-color: transparent;
    border-bottom: 1px solid #D2D2D2;
}

@media screen and (min-width:769px) {

    #proposal .news_row:nth-child(odd),
    #proposal .news_row:nth-child(even),
    #case .news_row:nth-child(odd),
    #case .news_row:nth-child(even) {
        padding: 0.8rem .5rem;
    }

    #proposal .news_date,
    #case .news_date {
        padding-left: 0;
    }

    #news .news_row:nth-child(odd),
    #news .news_row:nth-child(even) {
        padding: 0.8rem 2rem;
    }
}

@media screen and (max-width:768px) {

    #case .news_row:nth-child(odd),
    #case .news_row:nth-child(even),
    #news .news_row:nth-child(odd),
    #news .news_row:nth-child(even) {
        display: flex;
        padding: 0.5rem 0 1rem;
        align-items: center;
        margin-bottom: .5rem;
    }

    .news_title {
        width: 100%;
    }

    .news_date {
        display: block;
        text-align: left;
        padding: 0;
        /* margin-bottom: 0.5rem; */
    }
}






.vc_btn3-container.ty_topPage {
    display: block;
    margin: 0;
}

.ty_topPage .vc_btn3-color-grey {
    display: inline-flex;
    justify-content: center;
    align-items: flex-end;
    border: 1px solid transparent;
    padding: 0;
    padding: 1rem 0;
    line-height: 1;
    width: 100%;
    transition: background 0.3s ease, color 0.3s ease, border-color 0.3s ease;
    letter-spacing: 0;

}

.ty_link .vc_btn3-color-grey:after,
.ty_topPage .vc_btn3-color-grey:after {
    content: "";
    display: block;
    width: 1.3rem;
    height: 0.2rem;
    border-bottom: 1px solid transparent;
    border-right: 1px solid transparent;
    margin-left: 0.5rem;
    transform: skew(50deg);
    transition: border-color 0.3s ease;
}



/*btn skn*/
.skn_detailBtnTop .vc_btn3-color-grey:focus,
.skn_detailBtnTop .vc_btn3-color-grey {
    background: rgba(0, 0, 0, 0.4);
    color: #fff;
    border-color: #fff;
}

@media screen and (min-width:769px) {

    .skn_detailBtnTop .vc_btn3-color-grey:focus,
    .skn_detailBtnTop .vc_btn3-color-grey {
        width: 15rem;
    }
}

.skn_detailBtnTop .vc_btn3-color-grey:focus:after,
.skn_detailBtnTop .vc_btn3-color-grey:after {
    border-bottom-color: #fff;
    border-right-color: #fff;
}

/*hover*/
.Pc .skn_detailBtnTop .vc_btn3-color-grey:hover {
    background: #fff;
    color: #000;
}

.Pc .skn_detailBtnTop .vc_btn3-color-grey:hover:after {
    border-bottom-color: #000;
    border-right: 1px solid #000;
}


/*btn skn*/
.skn_detailBtnTopBlack .vc_btn3-color-grey:focus,
.skn_detailBtnTopBlack .vc_btn3-color-grey {
    background: #fff;
    color: #000;
    border-color: #000;
    width: 15rem;
}

@media screen and (min-width:769px) {

    .skn_detailBtnTopBlack .vc_btn3-color-grey:focus,
    .skn_detailBtnTopBlack .vc_btn3-color-grey {
        width: 15rem;
    }
}

.skn_detailBtnTopBlack .vc_btn3-color-grey:focus:after,
.skn_detailBtnTopBlack .vc_btn3-color-grey:after {
    border-bottom-color: #000;
    border-right-color: #000;
}

/*hover*/
.Pc .skn_detailBtnTopBlack .vc_btn3-color-grey:hover {
    background: #000;
    color: #fff;
}

.Pc .skn_detailBtnTopBlack .vc_btn3-color-grey:hover:after {
    border-bottom-color: #fff;
    border-right: 1px solid #fff;
}


/*btn skn*/
.skn_detailBtnTopWhite .vc_btn3-color-grey:focus,
.skn_detailBtnTopWhite .vc_btn3-color-grey {
    background: rgba(255, 255, 255, 0.3);
    color: #fff;
    border-color: #fff;
    width: 15rem;
}

@media screen and (min-width:769px) {

    .skn_detailBtnTopWhite .vc_btn3-color-grey:focus,
    .skn_detailBtnTopWhite .vc_btn3-color-grey {
        width: 15rem;
    }
}

.skn_detailBtnTopWhite .vc_btn3-color-grey:focus:after,
.skn_detailBtnTopWhite .vc_btn3-color-grey:after {
    border-bottom-color: #fff;
    border-right-color: #fff;
}

/*hover*/
.Pc .skn_detailBtnTopWhite .vc_btn3-color-grey:hover {
    background: #000;
    color: #fff;
}

.Pc .skn_detailBtnTopWhite .vc_btn3-color-grey:hover:after {
    border-bottom-color: #fff;
    border-right: 1px solid #fff;
}


/*btn skn*/
.skn_detailBtnTopGreen .vc_btn3-color-grey:focus,
.skn_detailBtnTopGreen .vc_btn3-color-grey {
    background: #1BC1A1;
    color: #fff;
    border-color: #1BC1A1;
    width: 15rem;
}

@media screen and (min-width:769px) {

    .skn_detailBtnTopGreen .vc_btn3-color-grey:focus,
    .skn_detailBtnTopGreen .vc_btn3-color-grey {
        width: 15rem;
    }
}

.skn_detailBtnTopGreen .vc_btn3-color-grey:focus:after,
.skn_detailBtnTopGreen .vc_btn3-color-grey:after {
    border-bottom-color: #fff;
    border-right-color: #fff;
}

/*hover*/
.Pc .skn_detailBtnTopGreen .vc_btn3-color-grey:hover {
    background: #fff;
    color: #1BC1A1;
    border-color: #1BC1A1;
}

.Pc .skn_detailBtnTopGreen .vc_btn3-color-grey:hover:after {
    border-bottom-color: #1BC1A1;
    border-right: 1px solid #1BC1A1;
}

.bp_center {
    text-align: center;
}


#case.proposal .co1 {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: start;
    flex-wrap: wrap;
}




/*tags*/
.postcontents.listpage ul.tag-list {
    display: flex;
    flex-wrap: wrap;
    letter-spacing: 1px;
    /*     line-height: 1.3; */
    margin-top: 0.2rem;
}

h4.subtitle {
    font-size: .9rem;
    letter-spacing: 0;
}

.postcontents ul.tag-list li {
    display: inline-block;
    width: auto;
    /* margin-right:.5rem; */
    /* padding-right:.5rem; */
    margin-bottom: .25rem;
    margin-right: .5rem;
}


.postcontents ul.tag-list li a {
    padding: .1rem .8rem .2rem;
    background-color: #def4e7;
    color: #0a9379;
    border-radius: 1rem;
}

@media screen and (max-width: 480px) {
    .postcontents ul.tag-list li a {
        letter-spacing: 0px;
    }

    .postcontents ul.tag-list li a {
        padding: .3rem .8rem .5rem;

    }

    ul.tag-list li {
        margin-bottom: .5rem;
    }
}



.eyecatchWrapper .h1.withEyecatch p {
    font-size: 3.125rem;
    letter-spacing: .3rem;
    color: #fff;
    font-family: Muli, Noto Sans JP, メイリオ, Meiryo, ヒラギノ角ゴシック Pro, Hiragino Kaku Gothic Pro, 游ゴシック体, Yu Gothic, YuGothic, Osaka, ＭＳ\ Ｐゴシック, MS PGothic, sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    display: block;
    position: relative;
    line-height: 2;
    margin-top: 1.5rem;
}

.eyecatchWrapper .h1.withEyecatch p:before {
    content: '';
    position: absolute;
    bottom: 0;
    display: inline-block;
    width: 3.25rem;
    height: .3215rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: #1bc1a1;
}

.eyecatchWrapper .h1.withEyecatch .h1_div span.page,
.eyecatchWrapper .h1.withEyecatch h1 span.page {
    font-size: 1.3rem;
    display: block;
    letter-spacing: 0;
    line-height: 1.1;
    margin: auto;
    margin-top: 0.5rem;
    font-weight: 500;
}

.eyecatchWrapper .h1.withEyecatch .h1_div span.page:before,
.eyecatchWrapper .h1.withEyecatch h1 span.page:before {
    content: none;
}

@media screen and (max-width: 480px) {
    .eyecatchWrapper .h1.withEyecatch p {
        font-size: 2rem;
    }

    .eyecatchWrapper .h1.withEyecatch .h1_div span.page,
    .eyecatchWrapper .h1.withEyecatch h1 span.page {
        font-size: 1.125rem;
        padding: 0 1rem;
    }


}





/*tags*/
.postcontents.listpage ul.tag-list {
    display: flex;
    flex-wrap: wrap;
    letter-spacing: 1px;
    /*     line-height: 1.3; */
    margin-top: 1rem;
}

.postcontents.listpage ul.tag-list li {
    display: block;
    width: auto;
    /* margin-right:.5rem; */
    /* padding-right:.5rem; */
    margin-bottom: .25rem;
    margin-right: .3rem;
}



.postcontents.listpage ul.tag-list li a {
    padding: .1rem .5rem .2rem;
    background-color: #def4e7;
    color: #0a9379;
    border-radius: 1rem;
    font-size: .75rem;
}

@media screen and (max-width: 480px) {
    .postcontents.listpage ul.tag-list li a {
        letter-spacing: 0px;
        padding: .3rem .8rem .5rem;

    }

    .postcontents.listpage ul.tag-list li {
        margin-bottom: .5rem;
    }
}


section#newsWrap_voc .thumbnail.image img {
    width: 240px;
    height: 160px;
    object-fit: cover;
}

.tab_content_description {}

@media screen and (max-width: 768px) {

    .tag #mainContents .tab_content_description .main-content#main_voc {
        flex-basis: 100%;
    }

    section#newsWrap_voc .thumbnail.image img {
        height: 140px;
        object-fit: cover;
    }
}

@media screen and (max-width: 480px) {

    section#newsWrap_voc .thumbnail.image img {
        width: 480px;
        height: 240px;
        object-fit: cover;
    }

}



@media screen and (max-width:768px) {
    body.page-template-page-ca #firstView .firstSlider {
        height: calc(100vh - 3.5rem)
    }
}

@media screen and (max-width:768px) {
    body.page-template-page-ca #firstView .firstSlider .swiper-slide {
        height: 400px;
        width: 100% !important;
        padding: 1rem 1rem;
        padding-bottom: 7rem
    }
}