@charset "UTF-8";
/* 目次
***************************************
01. max-width: 767px
02. max-width: 576px

*****************************************/
/****************************************
01. max-width: 768px
*****************************************/
@media screen and (max-width: 767px) {
    /* 枠 */
    html:before {
        height: 4px;
    }
    html:after,
    body:after {
        width: 4px;
    }
    body:before {
        height: 6px;
    }
    html { font-size: 3.125vw; }
    br.pc {
        display: none;
    }
    /* header ***********/
    .header { height: 16vw; padding: 0 var(--moble-content-padding); }
    .logo { width: 28vw; height: 2.8vw; }
    .menu-btn {
        height: 100%;
        width: 17.4vw;
    }
    .menu-btn span.menu-btn-title {
        font-size: 3vw;
        top: 0;
    }
    .header_nav-item_text { font-size: 2rem; }
    li[class^="header_nav-list-"] {
        font-size: 2rem;
        padding: 4.7rem 0 0 0 !important;
    }
    li .header_nav-whitepaper::before,
    .header_nav-list li.whitepaper a .header_nav-whitepaper::before,
    li:hover .header_nav-whitepaper::before,
    li .header_nav-contacts::before,
    .header_nav-list li.contacts a .header_nav-contacts::before,
    li:hover .header_nav-contacts::before  {
        width: 6vw;
        height: 4.2vw;
        margin-right: 1rem;
        top: 0.6vw;
    }
    .header_nav-list li.whitepaper,
    .header_nav-list li.contacts { margin: 6rem 0 0 0; }
    .header_nav-list li.whitepaper a.header_nav-whitepaper,
    .header_nav-list li.contacts a.header_nav-contacts { font-size: 4.4vw; }
    .header_nav-list li.whitepaper a.header_nav-whitepaper:hover,
    .header_nav-list li.contacts a.header_nav-contacts:hover { border-radius: 3rem; }
    li[class^="header_nav-list-"] span::after {
        display: block;
        font-size: .7rem;
        margin-left: 0;
    }
    .header_nav-list .header_nav_local li a {
        padding: 1rem 0;
        font-size: .8rem;
    }
    .header_nav-list .header_nav_local {
        margin: 3rem 0 0;
    }
    .header_nav-list li > .header_nav_local .normalBtn::before {
        width: 8%;
    }
    .header_nav-list li > .header_nav_local .normalBtn::after, .header_nav-list li > .header_nav_local .normalBtn:hover::after {
        width: 1.7rem;
        right: 0.5rem;
    }
    .header_nav-list li > .header_nav_local .normalBtn:hover::after {
        right: 2.2rem;
    }
    .header_nav-list li:hover > ul > li a.normalBtn:hover {
        font-size: .7rem !important;
    }
    .header_nav-list li > ul > li a:hover {
        padding: 1.2rem 1.7rem;
    }
    /* footer ***********/
    .pageTop a span {
        font-size: .8rem;
    }
    .footer {
        background-image: url(../img/footer_bg-sp.png);
        background-size: contain;
    }
    .footer_menu-logo {
        width: 40vw;
        height: auto;
        margin-top: 7vw;
    }
    .footer_menu-logo a,
    .footer_menu-logo img { width: 100%; }
    .footer_menu-logo a { padding: 10vw 0 7vw; }
    .footer_contacts {
        width: calc(100% - 4rem);
        margin: 0 auto 3rem;
    }
    .footer_contacts a { margin-bottom: 10vw; }
    .footer_contacts-title {
        font-size: 3.4rem;
        line-height: 1.3;
    }
    .footer_contacts-main p {
        font-size: .9rem;
    }
    .footer_menu-innner {
        justify-content: space-between;
        width: 90%;
        flex-direction: column;
        align-items: center;
    }
    .footer_menu-address { width: 90%; padding: 0 0 6vw; }
    .footer_menu-address p {
        font-size: .9rem;
        padding: 0;
        text-align: center;
    }
    .footer_menu-snsIcon {
        width: 100%;
        justify-content: center;
    }
    .footer_menu-nav {
        width: 90%;
        text-align: center;
        padding: 4vw 0 0;
    }
    .footer_nav-list {
        text-align: center;
    }
    .footer_nav-list li {
        margin-bottom: 2vw;
    }
    .footer_nav-list li a {
        font-size: 1.1rem;
        line-height: 1;
    }
    .footer_nav-privacy {
        font-size: .9rem;
    }
    .footer_copyright p {
        font-size: .8rem;
    }
    .wrapper_firstView {
        width: 100vw;
        height: 118vw;
        margin-top: 0;
        top: 8vw;
        margin-bottom: -14vw;
    }
    .firstView_img {
        width: 100vw;
        height: 195vw;
    }
    .firstView_img::after {
        width: 29vw;
        height: 55vw;
        top: 133vw;
        left: 19vw;
    }
    /* TOPのファーストビューのキャッチコピー */
    .catchphrase {
        padding-left: 3rem;
        position: relative;
        top: 40px;
        margin-bottom: -56vw;
        text-align: left;
        z-index: 1;
    }
    .catchphrase span {
        display: block;
        overflow: hidden;
    }
    .catchphrase > span {
        width: 39vw;
    }
    .catchphrase > span + span {
        width: 81vw;
        position: relative;
        top: 3.5vw;
    }
    .catchphrase span img {
        width: 100%;
        height: auto;
    }
    .catchphrase-en {
        background: url(../img/catchphrase-en-sp.svg) no-repeat;
        width: 38vw;
        height: 3vw;
        background-size: contain;
        color: transparent;
    }
    .catchphrase-ja {
        background: url(../img/catchphrase-ja.svg) no-repeat;
        width: 79vw;
        height: 29vw;
        background-size: contain;
        color: transparent;
    }

    /* TOPのファーストビューの背景 */
    .firstView-background-1 {
        background: url(../img/firstView-bg-1-sp.png) no-repeat;
        background-size: contain;
        display: block;
        width: calc(100% + 600px);
        height: calc(100% + 600px);
        position: absolute;
        top: 60%;
        left: 50%;
        transform: translate(-50%, -50%);
        opacity: .8;
    }
    .firstView-background-2 {
        background: url(../img/firstView-bg-2-sp.png) no-repeat;
        background-size: contain;
        display: block;
        width: calc(100% + 100px);
        height: calc(100% + 10px);
        position: absolute;
        top: 85.44%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    .firstView-background-3 {
        background: url(../img/firstView-bg-3-sp.png) no-repeat;
        background-size: contain;
        display: block;
        width: calc(100% + 10px);
        height: calc(100% + 10px);
        position: absolute;
        top: 92.5%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    .scrolldown {
        position: absolute;
        right: calc(50% - 4vw);
        top: 70vw;
        z-index: 0;
        opacity: .7;
    }
    .scrolldown span {
        font-size: 3vw;
        color: transparent !important;
    }
    .home .scrolldown:before {
        top: -3vh;
        right: .5vw;
        width: 1.2vw;
        height: 1.2vw;
        border: 0.2px solid #fff;
        background-color: #fff;
        animation:
        circlemove 2.6s ease-in-out infinite,
        cirlemovehide 2.6s ease-out infinite;
    }
    @keyframes circlemove {
        0% { top: 0;}
        100% { top: 10vw;}
    }
    .scrolldown:after {
        top: -1vh;
        right: 1vw;
        width: 1px;
        height: 7vh;
        background: #DEDEDE;
    }
    .home .scrolldown:after {
        background-color: #fff;
    }
    .firstView-news {
        right: initial;
        bottom: initial;
        left: 10vw;
        top: -30vw;
        padding: 4vw 0;
        width: 80%;
        /*background-color: var(--body-bg-color);*/
        position: relative !important;
        opacity: .8;
        z-index: 0;
    }
    .firstView-newsTitle {
        display: none;
    }
    .firstView-news:hover a {
        background: transparent;
        box-shadow: none;

    }
    .firstView-news a {
        width: 80vw;
        padding: 0;
        background-color: var(--body-bg-color);
    }
    .firstView-newsDate {
        font-size: .8rem;
        margin-bottom: 2.6vw;
        color: var(--sub-color-bule);
    }
    .firstView-newsName {
        font-size: .9rem;
        line-height: 1.6;
        color: var(--sub-color-bule);;
    }
    .home .wrapper.about {
        margin-top: 72vw;
        padding: 17vw 10vw 10vw 10vw;
        background-size: auto 180px;
    }
    .home .wrapper .areaName {
        font: 6vw zen-maru-gothic, sans-serif;
    }
    .home [class$="_body"]:not(.service_body) {
        flex-direction: column-reverse;
        flex-wrap: nowrap;
        justify-content: center;
        align-items: flex-start;
        width: 100%;
        position: relative;
        top: -10vw;
    }
    .home .about_body .inner-right,
    .home .about_body .inner-left {
        width: 100%;
    }
    .home .about_body .inner-left {
        margin-top: 6vw;
    }
    [class*="-catchcopy"] {
        font-size: 7.2vw;
        line-height: 1.6;
        margin-top: 0vw;
        margin-bottom: 6vw;
    }
    body.home [class*="-catchcopy"] {
        top: 85vw;
    }
    [class*="-catchcopy"] .color-fvOrange {
        font-size: 7vw;
        top: 0.6vw;
    }
    .home .wrapper .areaName {
        margin-bottom: 0;
    }
    .home .wrapper.about .areaName {
        position: relative;
        top: -4.5rem;
    }
    .home .wrapper.news {
        margin-bottom: 8rem;
    }
    .about_body .area-text {
        margin: 10rem 0 2rem;
    }
    .about section[class^="sectionBlock-"] {
        padding: 5rem 2.2rem;
    }
    .area-text p { font-size: 3vw; }
    .normalBtn {
        width: 33vw;
        height: 11vw !important;
        font-size: 4vw;
    }
    .normalBtn:hover { font-size: 3.5vw !important; }
    .normalBtn::before {
        width: 8vw;
        height: 8vw;
    }
    .normalBtn::after {
        width: 9vw;
        height: 2.1vw;
        right: 2.6vw;
    }
    .normalBtn:hover::after {
        width: 9vw;
        height: 2.1vw;
        right: 2.6vw;
    }
    .home .wrapper.service {
        padding: 10vw 0 10vw 0;
        background-size: auto 160px;
    }
    .top_productService-carousel-description p {
        font-size: .8rem;
    }
    body.service .section_header {
        justify-content: space-between;
        align-items: flex-start;
        flex-direction: column;
        padding: 0;
    }
    body.home .section_header {
        flex-direction: column;
    }
    .home .wrapper.service .section_leftArea p {
        font-size: 4vw;
        line-height: 2;
    }
    .home .wrapper.service .section_leftArea {
        width: 100%;
        margin: 5vw 0;
    }
    .home .wrapper.service .normalBtn {
        margin-top: 4vw;
        width: 36vw;
    }
    .service_body.pc {
        display: none;
    }
    .service_body.sp .side-scroll-item {
        margin-bottom: 3rem;
    }
    .service_body.sp .side-scroll-item:nth-child(odd) {
        top: 0;
    }
    .home .wrapper.productService {
        padding: 8vw 0 14vw 0;
        background-size: auto 200px;
    }
    .home .wrapper .ps_body {
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        top: 0;
        margin-top: 9vw;
        position: relative;
    }
    .home .wrapper .ps_body .inner-left,
    .home .wrapper .ps_body .inner-right {
        width: 100%;
    }
    .home .wrapper .ps_body .inner-right {
        margin-bottom: 24vw;
    }
    .top_productService-description h3 {
        width: 100%;
        height: 21vw;
        padding-top: 30vw;
        margin: 3vw 0 6vw;
    }
    .top_productService-description p {
        padding-right: 0;
        font-size: 3.4vw;
        margin-bottom: 10vw;
    }
    .home .wrapper.productService .normalBtn {
        position: absolute;
        width: 53vw;
        bottom: 3vw;
    }
    .slick-prev { left: -5.8vw; }
    .slick-next { right: -1.8vw; }
    .slick-prev:before, .slick-next:before {
        font-size: 10vw !important;
    }
    .home .wrapper.product {
        margin: 4rem 0 6rem;
    }
    .home .wrapper.product .areaName {
        font-size: 4vw;
        font-weight: 500;
        margin: 0 auto 2rem;
    }
    .home .product-inner {
        width: 200vw;
        height: 21vw;
    }
    .home .product-inner:first-of-type {
        margin-top: 5vw;
    }
    .home .product-inner:last-child {
        margin-bottom: 5vw;
    }
    .home .product .product-inner ul li {
        width: 28vw;
        height: 26vw;
        padding: 3vw;
    }
    .home .product .product-inner li img {
        max-height: 70%;
    }
    .top_productService-carousel-description {
        padding: 1.8vw;
    }
    .home [class*="-area"] [class*="-title"] {
        font-size: 10vw;
    }
    .works_block {
        margin-bottom: 10vw;
    }
    .home .wrapper.works {
        padding: 4rem 0 6rem;
    }
    .home .works .works_block ul {
        display: flex;
        align-items: flex-start;
        margin: 6vw 12vw 0;
        padding: 0;
        width: calc(100% - 24vw);
        flex-wrap: wrap;
    }
    .home .works .works_block li:nth-child(-n+5) {
        padding: 0;
        margin: 0;
        width: 100%;
        height: auto;
        top: 0;
        margin-bottom: 8vw;
        background-color: #fff;
        -webkit-box-shadow: 1rem 1rem 1.5rem rgb(0 0 0 / 7%);
        box-shadow: 1rem 1rem 1.5rem rgb(0 0 0 / 7%);
    }
    .home .works .works_block li:nth-child(-n+5) img {
        width: 100%;
        height: 45vw;
    }
    .home .works .works_block li:nth-child(1) em, .home .works .works_block li:nth-child(1) .works_li-categoryName_wrp {
        margin: 0;
    }
    .home .works .works_block li:nth-child(-n+5) .works_li-worksName {
        font-size: 1.8rem;
        letter-spacing: .18rem;
        line-height: 1.5;
        font-weight: 500;
        padding: 1rem 1.2rem 0;
        margin-left: 0;
    }
    .home .works .works_block li:nth-child(-n+5) .works-serviceName_wrapper,
    .works_block ul li .works-serviceName_wrapper {
        margin-left: 0;
        padding: .6rem 1.6rem 0 1rem;
    }
    .works_block ul li .works-serviceName_wrapper .works-serviceName {
        padding: 0.1rem .6rem;
        font-size: 1.7vw;
        background-color: #fff;
    }
    .home .works .works_block li:nth-child(-n+5) .works_li-categoryName_wrp,
    .works_block ul li .works_li-categoryName_wrp {
        margin: 0 1.6rem 1.2rem 1rem;
    }
    .home .works .btnWrap {
        width: 40%;
        bottom: -12vw;
        right: 12vw;
    }
    .home .works .normalBtn {
        position: relative;
        top: 0;
        right: 0;
        text-align: left;
        width: 100%;
    }
    .news_block {
        margin: 7vw 0 20vw;
    }
    .home .news-area .news-title {
        padding: 0 2rem;
    }
    .home .wrapper.news .news_block {
        padding: 0 2rem;
    }
    .home .wrapper.news .news_block .btnWrap {
        position: relative;
        top: 0;
        right: 0;
        width: 100%;
        margin: 1vw 0 3vw;
    }
    .home .wrapper.news .news_block ul li {
        margin-bottom: 9vw;
    }
    .wrapper div[class*="-area"] > [class$="Title"] {
        margin-top: 3rem;
    }
    .newsList .news_block ul li > a {
        padding: 2rem;
        font-size: 1.2rem;
        line-height: 1.4;
        letter-spacing: .29rem;
        font-size: 1.4rem;
    }
    .news_block ul li div, .newsDetail .articleDetail_data {
        margin-bottom: 4vw;
    }
    .news_block-tag {
        text-align: right;
    }
    .news_block-date {
        font-size: 2.4vw;
    }
    .news_block-category {
        position: absolute;
        top: -2.5rem;
        right: -1rem;
    }
    .home .wrapper.news .news_block .btnWrap .normalBtn {
        width: 50%;
        position: absolute;
        right: 0;
    }
    .top_productService-carousel-description a {
        width: 37%;
        font-size: 1rem;
        padding: .4rem .6rem;
        margin-left: .5rem;
    }
    [class*="categoryTilte"] {
        font-size: 2rem;
    }
    .works-categoryTilte {
        margin: 0 0 3rem;
    }
    .news-categoryTilte {
        margin: 0;
        line-height: 1;
    }
    .news_block-parts {
        margin-bottom: 4.6rem;
    }

    /***********************************
    17. about
    ***********************************/
    .about .wrapper > .page-bg {
        top: -63vh;
        margin-bottom: -63vh;
    }
    .about section.sectionBlock-corporatePhilosophy {
        margin-top: 3rem;
    }
    .about .sectionTitle-corporatePhilosophy {
        margin: 3rem auto 5rem;
    }
    .wrapper div[class*="-area"] > [class$="Title"] {
        font-size: 2.5rem;
        line-height: 1;
    }
    .wrapper div[class*="-area"] > [class$="Title"] > em {
        top: 4vw !important;
        font-size: 3vw;
    }
    body.service:not(.index) .scrolldown {
        right: calc(50% - 4vw);
        top: 19rem !important;
    }
    body.about .scrolldown {
        top: 43rem !important;
        right: calc(50% - 4vw);
    }
    body.about .scrolldown:before,
    body.service:not(.index) .scrolldown:before {
        right: 2.8vw;
        animation:
        circlemove2 1.6s ease-in-out infinite,
        cirlemovehide 1.6s ease-out infinite;
    }
    /*下からの距離が変化して丸の全体が上から下に動く*/
    @keyframes circlemove2 {
        0% { top: 22vw;}
        100% { top: 42vw;}
    }
    body.about .scrolldown:after,
    body.service:not(.index) .scrolldown:after {
        top: 21vw;
        right: 4vw;
        height: 24vw;
    }
    .about .localNav {
        position: relative;
        top: inherit;
        left: inherit;
        transform: inherit;
        -webkit-transform: inherit;
        margin: 8vw 0;
    }
    .about .localNav ul {
        width: 100%;
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        flex-wrap: wrap;
        padding: 0 2rem;
        margin-top: 2rem;
    }
    .about .localNav li {
        width: calc(100% / 2 - 4vw);
        margin: 0 2vw;
        padding: 3vw 2vw;
        margin-bottom: 4vw;
        border: solid 1px #fff;
        text-align: center;
        -webkit-box-shadow: 1rem 1rem 2rem rgb(0 0 0 / 20%);
        box-shadow: 1rem 1rem 2rem rgb(0 0 0 / 15%);
    }
    .about .wrapper .about-area > .aboutTitle em {
        font-size: 3vw;
    }
    .about .localNav li a {
        font-size: 1.2rem;
        padding: 0;
    }
    .about .localNav li.current a::before {
        display: none;
    }
    .about section.sectionBlock-corporatePhilosophy div {
        padding: 0;
    }
    .about section.sectionBlock-corporatePhilosophy div p {
        font-size: 1.2rem;
        margin-bottom: 3rem;
    }
    .about .sectionBlock-presidentMessage p {
        margin-bottom: 6vw;
    }
    .about section[class^="sectionBlock-"] p, .about section[class^="sectionBlock-"] .data_inner *,
    .data-text {
        font-size: 1.1rem;
    }
    .localNav li a:hover, .localNav li.current a {
        color: #313131;
        font-weight: normal;
    }
    .data-list {
        flex-direction: column;
        padding: 1.4rem 0;
    }
    .data-title,
    .data-text {
        width: 100%;
    }
    .data-text {
        margin-left: 0;
        margin-top: 1rem;
    }
    .about [class^="sectionTitle-"] {
        margin: 0 auto 5rem;
        width: 46vw;
        height: 15vw;
        background-size: contain;
    }
    .sectionBlock-access {
        margin-bottom: 0;
    }

    /***********************************
    17. privacypolicy
    ***********************************/
    .privacypolicy-area .privacypolicy_block .paragraph-title {
        font-size: 4vw;
        line-height: 1.8;
        margin-bottom: 3.6vw;
    }
    .privacypolicy-area .privacypolicy_block p,
    .security_policy li {
        font-size: 3vw;
        line-height: 1.8;
    }
    .security_policy li {
        text-indent: -1.8em;
        padding-left: 1.8em;
    }

    /***********************************
    17. Works, News
    ***********************************/
    .toggleNav_button_title {
        font-size: 1rem;
    }
    .toggleNav-toggleButton {
        padding: 1.6rem 0;
    }
    .works_block ul .works_li {
        width: 100%;
        margin-bottom: 12vw;
        background-color: #FDFCFC;
        -webkit-box-shadow: 1rem 1rem 1.5rem rgb(0 0 0 / 7%);
        box-shadow: 1rem 1rem 1.5rem rgb(0 0 0 / 7%);
        padding: 0;
        border-radius: 1rem 1rem 0 0;
    }
    .works_block img {
        /*height: 41.5vw;*/
    }
    .works_block ul li .works_li-worksName {
        font-size: 1.8rem;
        letter-spacing: .18rem;
        line-height: 1.4;
        font-weight: 500;
        padding: 1rem 1.2rem 0;
        font-weight: 500;
    }
    .works_block ul li span.works-categoryName {
        font-size: 1rem;
    }
    .toggleNav {
        margin: 17vw 0 3vw;
        background-position: bottom;
    }
    .toggleNav-toggleButton::before, .toggleNav-toggleButton::after {
        top: 2.2rem;
    }
    .toggleNav_taxonomy_area {
        display: block;
    }
    .toggleNav_wrapper {
        padding: 4vw 0;
    }
    .toggleNav_taxonomy-title {
        font-size: 3.2vw;
        margin-bottom: 6vw;
        position: relative;
    }
    .toggleNav_taxonomy-title::before {
        content: "";
        display: block;
        width: calc(100% - 18vw);
        border-bottom: 0.7px solid #fff;
        position: absolute;
        top: 2.5vw;
        right: 0;
    }
    .toggleNav_taxonomy-listArea_li_inner {
        background: #fff;
        color: #FA9812;
    }
    .toggleNav_taxonomy-listArea_li_inner:hover, .toggleNav_taxonomy-listArea_li_inner.current {
        background: var(--main-color-fvOrange);
        color: #fff;
    }
    .home .wrapper .areaName::after, .home .wrapper [class*="-area"] [class*="-title"]::after {
        display: block;
        font-size: .7rem;
    }
    .works_block ul {
        margin: 0 auto;
    }
    .works_block ul li .works-serviceName_wrapper .works-serviceName {
        font-size: .7rem;
        font-weight: 600;
    }
    .nav-back-list { display: none; }
    .nav-share {
        position: relative;
        top: 0;
        right: inherit;
        width: calc(100% - 4rem);
        background: #EDEDED;
        padding: .4rem 2rem 2rem;
        border-radius: 1rem;
    }
    .nav-share_title {
        background-image: url(../img/nav-share_title.svg);
        width: 100%;
        height: 1.2rem;
        background-size: contain;
        margin-bottom: 0;
        position: relative;
        top: -5rem;
        margin-bottom:  -3.5rem;
    }
    .nav-share ul {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
    }
    .nav-share .share li {
        margin-right: 1rem;
        padding-bottom: 0;
        width: calc(100% / 5);
        height: 9.5vw;
    }
    .nav-share .share li:last-child {
        margin-right: 0;
    }
    .nav-share .share li a {
        width: 3rem;
        height: 3rem;
        margin: 0 auto;
        background-color: #fff;
    }
    .nav-share .share li.facebooklink a {
        opacity: .9;
    }
    .nav-share .share li.tweet a {
        opacity: .9;
    }
    .nav-share .share li.line a {
        background-position-y: .5rem;
        opacity: .8;
    }
    .nav-share .share li.pocket a {
        background-position-y: .9rem;
        opacity: .9;
    }
    .nav-share .share li.hatena a {
        opacity: .8;
    }
    .service:not(.index)　.wrapper div[class*="-area"] > [class$="Title"] {
        margin-top: 34rem;
    }
    .wrapper div[class*="-area"] > [class$="Title"],
    .articleDetail-data-wrapper,
    .wrapper div[class*="-area"] > [class$="Title"], .newsDetail .wrapper .articleDetail-area .articleDetail-Title {
        padding: 0 2rem;
    }
    section[class^="articleDetail-column"] {
        padding: 0;
    }
    [class^="articleDetail-column-"] {
        margin-top: 4rem;
    }
    section[class^="articleDetail-column"]:not(:last-child) {
        margin-bottom: 4rem;
    }
    .worksDetail .wrapper .articleDetail-area .articleDetail-Title,
    .newsDetail .wrapper .articleDetail-area .articleDetail-Title,
    .whitepaperDetail .wrapper .articleDetail-area .articleDetail-Title {
        font-size: 2.5rem;
        line-height: 1.4;
        margin-bottom: 2rem;
    }
    .articleDetail_block {
        margin: 2rem 0;
        max-width: 100%;
        padding: 0;
    }
    .articleDetail_group_inner {
        margin-bottom: 2rem;
    }
    .articleDetail-data-serviceName,
    .articleDetail-data-skillName {
        font-size: .9rem;
        margin: 0 0.6rem 3rem 0;
        padding: 0.3rem 0.8rem;
    }
    .articleDetail-data-skillName {
        margin: 0 0.4rem 10px 0;
    }
    section[class^="articleDetail"] * {
        font-size: 1.2rem !important;
        line-height: 1.7 !important;
    }
    .newsDetail .news_block-tag a {
        font-size: .8rem;
    }
    .worksDetail-mainPicture img {
        width: 100%;
        min-height: auto;
    }
    section[class^="articleDetail"] .data-list {
        padding: 1rem 0;
    }
    section[class^="articleDetail-column"] img {
        margin: 1rem 0;
    }
    section[class^="articleDetail"] h3.articleDetail_group-subTitle {
        font-size: 1.4rem !important;
        padding: 1rem;
        margin-bottom: 2rem;
    }
    [class^="articleDetail-sectionTitle-"] {
        margin: 10rem auto 4rem;
    }
    .articleDetail_group-content {
        padding: 0;
    }
    .articleDetail_group .articleDetail_group-content h4 {
        font-size: 1.3rem !important;
        margin: 4rem 0 2.6rem;
    }
    .articleDetail_group .articleDetail_group-content h4:first-child {
        margin: 3rem 0 2rem;
    }
    .articleDetail_group .articleDetail_group-content h5 {
        margin: 2.6rem 0 2rem;
        font-size: 1.2rem;
    }
    .downloadItem_list a {
        padding: 0.6rem 1rem !important;
        margin-bottom: 1rem;
    }
    .indexIcon_inner {
        padding: 1rem 1rem 0.9rem 1rem;
        margin-bottom: 0.3rem;
        font-weight: bold;
    }
    .articleNav {
        margin: 0;
    }
    .articleNav.prev {
        padding-left: 3rem;
    }
    .articleNav.next {
        padding-right: 3rem;
    }
    .articleNav.index {
        flex-basis: 0;
        margin: 0 1rem;
    }
    .articleNav.index a {
        font-size: .6rem;
        height: 3.4rem;
        overflow: hidden;
    }
    .articleNav a {
        line-height: 1rem;
        font-size: .8rem;
    }
    .indexIcon .indexIcon_inner i {
        width: 20px;
    }
    .indexIcon .indexIcon_inner i span {
        width: 4px;
        height: 4px;
        border-radius: 2px;
        margin-right: 3px;
        margin-bottom: 3px;
    }
    .articleFooter {
        padding: 0;
        margin: 4rem 0 10rem;
    }
    .articleFooter-inner {
        max-width: 100%;
        padding: 0 2rem;
    }
    .articleNav a [class^="icon-"] {
        width: 20px;
    }
    .icon-prev {
        left: -30px;
    }
    .icon-next {
        right: -30px;
    }
    .toggleNav {
        margin: 5rem 0 4rem;
        padding: 0px 2rem;
    }
    .newsList .news_block {
        margin: 4rem 0 0;
    }
    .newsList .section-wrapper {
        padding: 0 2rem;
    }
    .news_block-date,
    .news_block-category span {
        font-size: 1rem;
    }
    .newsList .news_block-category span {
        font-size: .8rem;
    }
    .newsDetail .news_block-category span a {
        text-decoration: none;
        font-size: .8rem;
    }
    .news_block-tag span {
        font-size: .8rem;
        letter-spacing: .001rem;
        font-family: zen-maru-gothic, sans-serif;
        font-weight: 500;
        position: relative;
        top: -0.3rem;
    }
    .newsDetail .wrapper .articleDetail-area .articleDetail-Title {
        margin-top: 14rem;
    }
    .newsDetail .articleDetail_data {
        margin: 0;
        width: 100%;
    }
    .newsDetail .news_block-category {
        right: 0;
    }
    .newsDetail .articleDetail_block {
        margin: 1rem 0 0;
    }
    .newsDetail .articleDetail_group-content_inner {
        margin-top: 3rem;
    }
    .newsDetail .articleDetail-column.addText .articleDetail_group-content_inner {
        align-items: flex-start;
        justify-content: space-between;
        flex-direction: column;
    }
    .newsDetail .articleDetail-column.addText .articleDetail_group-content_inner img {
        width: 100%;
        clip-path: circle(13rem at 50% 50%);
        margin-right: 0;
    }
    .newsDetail .articleDetail-column.addText .articleDetail_group-content_inner img + .articleDetail_group-text {
        width: 100%;
        margin-top: 5rem;
    }
    .newsDetail .articleDetail-column.addText > .articleDetail_group-content_inner img:only-child {
        margin: 1rem 0;
    }
    .newsDetail h2.articleDetail_group-subTitle {
        margin: 6rem 0 3rem;
    }
    .newsDetail .articleDetail-column.addText > .articleDetail_group-content_inner + .articleDetail_group-content_inner .articleDetail_group-text:only-child {
        top: 0;
        margin-bottom: 0;
    }
    .newsDetail section[class^="articleDetail"] h3.articleDetail_group-subTitle {
        padding: 0
    }
    .newsDetail h2.articleDetail_group-subTitle {
        font-size: 1.6rem !important;
        padding: 0 0 0 1rem !important;
    }
    .newsDetail .articleDetail-column:last-of-type {
        margin: 4rem 0;
    }
    section[class^="articleDetail-column"] ul, section[class^="articleDetail-column"] .dl-default {
        padding: 2rem 1rem;
    }
    section[class^="articleDetail-column"] .dl-default dt,
    section[class^="articleDetail-column"] .dl-default dd {
        width: 100%;
        top: 0;
        left: 0;
        text-align: left;
    }
    section[class^="articleDetail-column"] .dl-default dd {
        top: 0;
        margin-bottom: 2rem;
        padding: 0 0 2rem 0;
    }
    ul.page-numbers {
        margin-bottom: 3rem;
    }
    ul.page-numbers li .prev {
        margin-right: 0;
    }
    ul.page-numbers li .next {
        margin-left: 0;
    }
    ul.page-numbers li .page-numbers {
        width: 2.8rem;
        font-size: 1rem;
        padding: 0.4rem 0;
    }
    ul.page-numbers li .prev, ul.page-numbers li .next {
        background-position: calc(50% - 0px) calc(100% - 1rem);
        width: 1.8rem !important;
    }
    .newsList .section-wrapper:last-of-type {
        margin-bottom: 0;
    }
    .newsDetail .news_freeitem > *:first-child {
        margin-top: 3rem;
    }
    .newsDetail .news_freeitem * {
        font-size: 1.2rem;
    }
    .newsDetail h2.articleDetail_group-subTitle,
    .newsDetail .news_freeitem h2 {
        border-left: 0.42rem solid #333130;
    }
    .newsDetail .news_freeitem h2 {
        margin: 6rem 0 3rem !important;
        padding: .4rem 0 .4rem 1.2rem;
        font-size: 1.6rem !important;
        font-family: zen-maru-gothic, sans-serif;
    }
    .newsDetail .news_freeitem h3,
    .newsDetail .news_freeitem h4 {
        margin: 5rem 0 3rem !important;
        font-size: 1.4rem !important;
        font-family: zen-maru-gothic, sans-serif;
    }
    .newsDetail .news_freeitem img,
    .newsDetail .news_freeitem ul,
    .newsDetail .news_freeitem ol,
    .newsDetail .news_freeitem pre {
        margin-bottom: 2rem;
    }
    section[class^="articleDetail-column"] li,
    .data-text ul li {
        left: 1rem;
        margin-bottom: 1rem;
    }
    section[class^="articleDetail-column"] ul li::before, .data-text ul li::before {
        margin-right: .6rem;
    }
    .newsDetail .news_freeitem blockquote {
        margin: 2rem 0;
        padding: 1rem 1rem 1rem 4rem;
    }
    .newsDetail .news_freeitem blockquote:before {
        width: 30px;
        font-size: 14px;
    }
    .newsDetail .news_freeitem blockquote:after {
        border-left: 15px solid var(--main-color-fvOrange);
        border-right: 15px solid var(--main-color-fvOrange);
    }


    /***********************************
    productService
    ***********************************/
    .productService-List .ps_wrapper {
        margin: 7rem 0 10rem;
    }
    .ps_item-thumbnail {
        margin-bottom: .4rem;
    }
    .ps_item,
    body.productService-List .ps_item {
        margin-bottom: 6rem;
    }
    .ps_item-text p {
        font-size: 1.1rem;
    }
    .ps_item-productName {
        font-size: 1.6rem !important;
        margin: .6rem 0;
        line-height: 1.6;
    }
    .ps_item-explanatorytext-short {
        font-size: 1.2rem;
    }

    /***********************************
    17. service
    ***********************************/
    .service.index {
        background-position-y: 27rem;
        background-size: contain;
    }
    .service.index .wrapper div[class*="-area"] {
        margin: -23rem 0 0;
    }
    .service.index .scrolldown {
        display: none;
    }
    .service.index [class*="-catchcopy"] {
        font-size: 2.1rem;
        letter-spacing: .3rem;
        line-height: 1.5;
    }
    .service.index [class*="-catchcopy"] .color-fvOrange {
        font-size: 2.45rem;
        top: .2rem;
    }
    body.service .serviceTop {
        margin: 6rem auto 4rem;
    }
    .serviceTop .page-text {
        font-size: 1.3rem;
        margin-top: 0;
    }
    .serviceTop .service-img {
        margin: 4vw auto 0 0;
        width: 100vw;
        height: 44rem;
        background: url(../img/Illust-service-top.png) no-repeat;
        background-size: 144%;
        background-position: center;
        position: relative;
        left: -4rem;
    }
    .serviceTop .service-img img {
        display: none;
    }
    .serviceTop .service-catchcopy {
        font-size: 5.5rem;
    }
    .serviceTop .service-catchcopy .color-fvOrange {
        font-size: 5.8rem;
    }
    .section_header .sectionTitle {
        font-size: 3.6rem;
    }
    .section_header p {
        font-size: .8rem;
        margin-top: 1.3rem;
    }
    .service section.list-productService {
        margin: 6rem 0 0;
    }
    body.service .section_header .section_leftArea {
        width: 100%;
        margin-bottom: 1rem;
    }
    body.service .ps_item {
        min-width: 78%;
        margin-left: 2rem;
        margin-right: 0;
        margin-bottom: 5rem;
    }
    body.service .ps_item:last-child {
        margin-right: 3rem !important;
    }
    body.service ul.service-carousel-sliderFor .ps_item {
        margin-right: 4vw !important;
        margin-left: 0;
        padding: 0;
    }
    .ps_item-explanatorytext-short {
        margin-bottom: 0;
        font-size: 1rem;
        letter-spacing: .1rem;
        line-height: 1.6;
    }
    body.service .ps_item .ps_item-productName {
        font-size: 1.5rem !important;
        line-height: 2.1rem;
        margin-top: .8rem;
        margin-bottom: 2rem;
        letter-spacing: .29rem;
    }
    body.service .ps_item-thumbnail {
        margin-bottom: 0.4rem;
    }
    .ps_item-explanatorytext::after {
        width: 60%;
        padding: 0.6rem;
        margin: 1.8rem auto 0;
        font-size: 1rem;
    }
    body.service .section_header {
        flex-direction: column;
        flex-wrap: nowrap;
        align-items: stretch;
        margin-bottom: 2rem;
        padding: 0 2rem;
    }
    body.service.index .section_header {
        padding: 0 2rem;
    }
    body.service.index .list-productService, body.service.index .list-works {
        padding: 0;
    }
    body.service .section_header .section_rightArea {
        width: 10rem;
        margin: 0 0 0 auto;
    }
    body.service .normalBtn {
        font-size: 1rem;
    }
    body.service .normalBtn:hover {
        font-size: 1.1rem !important;
    }
    body.service .normalBtn::before {
        width: 3rem;
        height: 3rem;
    }
    body.service .normalBtn::after {
        width: 3rem;
        height: 1rem;
        right: 0.8rem;
    }
    body.service .normalBtn:hover::after {
        width: 1.3rem !important;
    }
    body.service .list-works {
        margin: 6rem 0;
    }
    body.service .works_block ul .works_li {
        min-width: 24rem;
        margin-left: 0.5rem;
        margin-right: 0.5rem;
        margin-bottom: 4rem;
    }
    .productService-List .ps_wrapper,
    .pagination,
    .service .content_block {
        padding: 0 2rem;
    }
    .pagination {
        margin: 0rem 0 2rem;
    }
    body.worksList .pagination {
        padding: 0 2rem;
    }
    .content_block .content_textArea {
        width: 100%;
        margin-top: -2rem;
    }
    .content_textArea .content_title {
        line-height: 1.6;
    }
    .service:not(.index) .page-bg {
        width: 89vw;
        top: 5rem;
    }
    [class$="Title"] + [class$="Common_area"] {
        padding: 0 2rem;
        margin-top: 11rem;
    }
    .serviceLocalNav {
        margin-left: 1rem;
        width: 90%;
    }
    .serviceLocalNav li {
        font-size: 1rem;
        margin-bottom: .4rem;
    }
    .serviceLocalNav li a {
        padding: 1rem 1rem 1rem 2.2rem;
    }
    .serviceLocalNav li:before {
        padding: 1rem 0.8rem;
        left: -1.8rem;
        top: .3rem;
    }
    .scrolldown {
        top: 19rem !important;
        right: 2rem;
    }
    .service:not(.index) [class$="Title"] + [class$="Common_area"] {
        margin-top: 1rem;
    }
    .service:not(.index) .wrapper div[class*="-area"] > [class$="Title"] {
        margin-top: 33rem;
        font-size: 4rem;
        line-height: 1.3;
    }
    .service:not(.index) .content_textArea .content_title {
        font: 600 2rem dnp-shuei-mgothic-std, sans-serif;
        line-height: 1.6
    }
    .service.vr .wrapper div[class*="-area"] > [class$="Title"] > em {
        font-size: 1.7rem;
        top: .5rem;
    }
    .service .serviceCommon_area {
        margin: 4rem 0 6rem;
    }
    body.service:not(.index) .content_textArea-text * {
        font-size: 1.1rem;
        line-height: 1.8;
    }
    body.service:not(.index) .content_textArea-wrapper .content_textArea_title {
        font-size: 1.3rem;
        padding: 0 1.3rem;
        margin-bottom: 2rem;
    }
    body.service:not(.index) .serviceCommon_area-left .page-text p,
    .service.insourcing .content_block.prologue .content_textArea-text p {
        font-size: 1.1rem !important;
        line-height: 2.2 !important;
    }
    .service:not(.index) .content_block {
        margin: 0 auto 6rem;
    }
    .service:not(.index) .list-works, .service:not(.index) .list-productService {
        margin-top: 10rem;
        padding: 0;
        width: 100vw;
    }
    .content_textArea .content_title {
        margin-bottom: 3rem;
    }
    .service:not(.index) .serviceCommon_area .serviceCommon_area-left {
        margin: 4rem 0 0;
    }
    .service .serviceCommon_area .serviceCommon_area-right {
        margin-top: 3rem;
        width: 100%;
    }
    .serviceTitle .en-size {
        font: 300 4.2rem zen-maru-gothic, sans-serif;
    }
    .service:not(.index) .content_block.longText {
        margin: 0 auto 8rem;
    }
    .service:not(.index) .content_block.noImg {
        margin-top: 14rem;
    }
    .content_textArea-block .block_inner {
        flex-direction: column;
        align-items: center;
    }
    .content_textArea-block .block_inner figure,
    .content_textArea-block .block_inner .block_item {
        width: 100%;
        margin: 2rem 0 0;
    }
    .content_textArea-block .block_inner figure {
        text-align: center;
    }
    figure[class*="software-"] img {
        width: 76%;
    }
    .block_item h3 {
        font: 600 1.6rem dnp-shuei-mgothic-std, sans-serif;
        margin-bottom: 2rem;
    }
    .block_item p {
        font-size: 1.1rem;
        line-height: 2;
    }
    .content_textArea img {
        margin-top: 0;
    }
    .content_textArea-text .content_textArea_img {
        margin-bottom: 0 !important;
    }
    .content_textArea-wrapper li {
        padding-left: 1rem;
        margin-bottom: 0.8rem !important;
    }
    .content_textArea-wrapper li::before {
        left: -1rem;
    }
    .content_textArea-wrapper:not(:first-of-type) {
        margin-top: 4rem;
    }
    .service.product .content_block {
        margin: 0 auto 10rem;
    }
    body.service .works_block ul {
        width: 102vw;
        padding: 0 2rem 0 1rem;
    }
    .service.insourcing .content_block.prologue {
        padding: 0 2rem;
    }
    .content_textArea .content_title .content_title-repletion {
        font: 600 2rem dnp-shuei-mgothic-std, sans-serif;
        line-height: 1.6;
    }
    .service .localNav {
        margin: 6rem 0 9rem;
    }
    .service .localNav ul {
        padding: 0;
        gap: 0 1.5rem;
    }
    .service .localNav li a::before {
        width: 6rem;
        height: 6rem;
        margin: 0 auto .5rem;
        border: 2px solid var(--body-bg-color);
    }
    .service.aws .serviceCommon_area {
        margin: 4rem 0 13rem;
    }
    .header_nav-list li > .header_nav_local .normalBtn::before {
        width: 7.7%;
    }
    body.service .list-productService_block::before,
    body.service .works_block::before {
        width: 3rem;
        left: 0;
    }
    body.service .list-productService_block::after, body.service .works_block::after {
        width: 3rem;
        right: -.4rem;
    }
    body.service .ps_block {
        /* width: 102vw; */
        padding: 6vw 0 0 1rem !important;
    }
    body.service .list-productService_block ul.service-carousel-sliderFor {
        padding: 6vw 0 0 0 !important;
    }
    body.service .works_block ul.service-carousel-sliderFor {
        margin-top: 0;
        padding-top: 6vw;
    }
    body.service ul.service-carousel-sliderFor img.slide-arrow {
        width: 2vw;
    }
    body.service ul.service-carousel-sliderFor img.prev-arrow {
        left: 2rem;
    }
    body.service ul.service-carousel-sliderFor img.next-arrow {
        right: 2rem;
    }
    body.service ul.service-carousel-sliderFor ul.slick-dots {
        padding: 0;
        width: 100%;
    }
    .l-hero {
        overflow: inherit;
        position: inherit;
        padding-top: 2rem !important;
    }
    .side-scroll {
        display: block;
        width: 100%;
        height: auto;
    }
    .l-hero-wrapper,
    .l-hero-panel {
        width: 100%;
        height: auto;
    }
    .l-hero-wrapper {
        flex-direction: column;
        align-content: center;
        justify-content: flex-start;
    }
    .l-hero-panel:nth-child(odd) .l-hero-panel__contents {
        margin-top: 0;
    }
    .l-hero-panel-01,
    .home .l-hero-panel-01 {
        margin-left: 0;
    }
    .l-hero-panel__contents {
        width: calc(100% - 8rem);
        height: 95vw;
        margin: 0 auto 4rem;
    }
    .l-hero-panel__contents_banner {
        padding: 1rem 0;
    }
    .l-hero-panel__contents em {
        bottom: 2.8rem;
        font: 500 1.4rem zen-maru-gothic, sans-serif;
    }
    .side-scroll {
        padding-top: 0 !important;
    }
    .l-hero.pc {
        display: none;
    }
    body.service ul.service-carousel-sliderFor .slick-prev:before, body.service ul.service-carousel-sliderFor .slick-next:before {
        font-size: 7vw !important;
    }
    body.service ul.service-carousel-sliderFor .slick-prev {
        left: -5vw;
    }
    body.service ul.service-carousel-sliderFor .slick-next {
        right: -2.8vw;
    }


    /***********************************
    17. Contacts
    ***********************************/
    body[class*="contact-"] [class$="Title"] + [class$="Common_area"] .page-text,
    body[class*="recruit-entry"] .recruit-entry-text,
    body.recruit-entry-Comp .contctsCommon_area .recruit-entry-Comp_inner p {
        font-size: 1.1rem;
        line-height: 2;
        font-weight: 400;
    }
    .contact-area .section-wrapper {
        margin: 4rem;
    }
    body[class*="contact-"] .content_block {
        padding: 0 2rem;
        font-size: 1.1rem;
    }
    body[class*="contact-"] .content_block p,
    body[class*="recruit-entry"] .content_block * {
        line-height: 1.8;
    }
    .contactform_column-2 p {
        flex-direction: column;
    }
    .contactform_column-2>p [class*="contactform-"] {
        width: 100%;
    }
    .contactform_column-2>p [class*="contactform-"]:nth-child(2) .contactform-text,
    .contactform_column-2>p [class*="contactform-"]:nth-child(2) .titleLabel-sub {
        margin-left: 0;
    }
    .contactform_column-2>p [class*="contactform-"]:nth-child(2) .titleLabel-sub {
        margin-top: .5rem;
    }
    .contactform-submit,
    .contact-form-buttons .contact-form-btn--submit,
    .contact-form-buttons .contact-form-btn--edit {
        font-size: 1.3rem;
        padding: 1.2rem 3rem;
        margin: 4rem auto;
    }
    .contactform_area {
        margin-top: 0;
    }
    .contacts-comfirm .contactform_area {
        margin-top: 2rem;
    }
    .contactform_area .titleLabel,
    .contacts-comfirm .contactform_area .titleLabel,
    .contacts-comfirm .contactform_area .titleLabel,
    .recruit-entry-Confirm .contactform_area .titleLabel {
        font-size: 1.2rem;
        margin-bottom: .5rem;
    }
    .contactform_area .required::after {
        padding: 0 .6rem;
        font-size: .8rem;
        border-radius: 27px;
        line-height: 2.6;
        top: -3px;
    }
    .contactform_area li .contactform-select span select {
        padding: 1rem;
    }
    .contactform_area li [class*="contactform-"] > span input,
    .contactform_area li [class*="contactform-"] > span select,
    .contactform_area li [class*="contactform-"] > span textarea,
    .recruit-entry-Confirm span[class*="contactform"] {
        font-size: 1.1rem;
        padding: 1rem;
        line-height: 1.8;
    }
    .contactform_area .note {
        font-size: 1rem;
        line-height: 1.8;
    }
    .contactform_area li:not(:last-child) {
        margin-bottom: 2rem;
    }
    .contactform-name [class^="titleLabel-"] {
        font-size: 1.2rem;
        line-height: 1.6;
    }
    .contactform_area li.longText .longText-text {
        padding: 1rem;
    }
    .contactform_area li.longText .longText-text p {
        font-size: 1.1rem;
        line-height: 1.8;
    }
    .contactform_area .longText em:first-child {
        margin: 1rem 0 .6rem;
    }
    .contactform-agreese {
        margin: 4rem auto 2rem;
    }
    .contactform-agreese input[name="acceptance"] + span {
        padding-left: 3rem;
        font-size: 1.4rem;
    }
    .contactform-agreese input[name="acceptance"] + span::before,
    .contactform-agreese input[name="acceptance"]:checked + span::after {
        top: 0.8rem;
        background-size: 2rem 2rem;
        width: 2rem;
        height: 2rem;
    }
    body[class*="contact"] .container {
        padding-bottom: 0;
    }
    [class$="Title"] + [class$="Common_area"] {
        align-items: flex-start;
    }
    body.contact-Form .wrapper div[class*="-area"] {
        margin-top: 311px;
    }
    body.contact-Form.confirm .wrapper div[class*="-area"] {
        margin-top: 515px;
    }
    .wrapper > .page-bg {
        top: -24vw;
        margin-bottom: -24vw;
    }    
    body.contact-Form .wrapper > .page-bg {
        top: -39vw;
        margin-bottom: -39vw;
    }
    body.contact-Form .wrapper > .page-bg {
        top: -39vw;
        margin-bottom: -39vw;
    }
    body.contact-Comp .container {
        padding-bottom: 0;
    }
    body.contact-Comp .wrapper div[class*="-area"] > [class$="Title"] {
        top: -800px;
        margin-bottom: -714px;
    }
    .contactform_area .has-error>.error-msg {
        font-size: 1.1rem;
        line-height: 1.5;
        margin-top: .7rem;
    }
    .contact-form-acceptance {
        font-size: 1.3rem;
        margin: 4rem auto 3rem;
    }
    .contact-form-acceptance input[name="acceptance"]+span::before,
    .contact-form-acceptance input[name="acceptance"]:checked+span::after {
        background-size: 30px 30px;
        width: 30px;
        height: 30px;
    }
    .contact-form-acceptance input[name="acceptance"]+span {
        padding-left: 3.5rem;
    }
    .contact-form-acceptance input[name="acceptance"]+span::before,
    .contact-form-acceptance input[name="acceptance"]:checked+span::after {
        top: 7px;
    }
    body.contact-Comp button.normalBtn,
    body.recruit-entry-Comp .contctsCommon_area .recruit-entry-Comp_inner button.normalBtn {
        font-size: 1rem;
        width: 10rem;
        margin-top: 2rem;
    }
    body.contact-Comp button.normalBtn:hover,
    body.recruit-entry-Comp .contctsCommon_area .recruit-entry-Comp_inner button.normalBtn:hover {
        font-size: 1.1rem !important;
    }
    body.contact-Comp button.normalBtn::before,
    body.recruit-entry-Comp .contctsCommon_area .recruit-entry-Comp_inner button.normalBtn::before {
        width: 2rem;
        height: 2rem;
    }
    body.contact-Comp button.normalBtn::after,
    body.recruit-entry-Comp .contctsCommon_area .recruit-entry-Comp_inner button.normalBtn::after {
        width: 2rem;
        height: 0.7rem;
        right: 0.6rem;
    }
    body.contact-Comp button.normalBtn:hover::after,
    body.recruit-entry-Comp .contctsCommon_area .recruit-entry-Comp_inner button.normalBtn:hover::after {
        width: 1rem;
    }
    form.wpcf7cp-form-hide .wrapper {
        height: 17rem;
    }
    .contactform_area li .contactform-select span.menu::after {
        top: 10%;
    }
    .service .localNav li a {
        font-size: 1rem;
    }
    body.error404 {
        background-image: url(../img/img_404-sp.png);
        background-position: center 4rem;
        background-size: contain;
    }
    body.error404 .container {
        padding: 14rem 2rem 0;
        margin-bottom: 8rem;
    }
    body.error404 p {
        font-size: .9rem;
    }
    body.error404 .message-1 {
        font-size: 1.2rem;
        font-weight: bold;
        letter-spacing: .3rem;
        margin-bottom: 1.6rem;
    }
    body.error404 .container .normalBtn {
        width: 34vw;
        font-size: 3vw;
    }
    body.error404 .container .normalBtn::before {
        width: 28%;
        height: 86%;
    }
    body.error404 .container .normalBtn::after {
        width: 28%;
        height: 0.8rem;
        right: 1rem;
    }
    body.error404 .container .normalBtn:hover {
        font-size: 3.1vw !important;
    }
    body.error404 .container .normalBtn:hover::after {
        width: 1.2rem;
    }
    body[class*="contact"] .contacts-comfirm div[class*="-area"] > [class$="Title"] {
        top: -488px;
        margin-bottom: -488px;
    }
    .contacts-comfirm .contact-form-control {
        font-size: 1.4rem;
        padding: 1rem;
        line-height: 1.6;
    }
    .contactform_area .titleLabel, .contacts-comfirm .contactform_area .titleLabel {
        margin-bottom: 0;
    }
    .recruit-entry-Form .contact-form-control {
        padding: 1rem;
        font-size: 1.2rem;
    }
    .contacts-comfirm .contact-form-buttons,
    .recruit-entry-Form .contact-form-buttons {
        margin: 0;
        padding: 1rem;
        min-width: 15rem;
        font-size: 1.3rem;
        flex-direction: column-reverse;
        align-items: center;
    }
    .contacts-comfirm .contact-form-buttons .contact-form-btn--submit {
        padding: .8rem 2.8rem;
        font-size: 1.3rem;
    }
    .contacts-comfirm .contact-form-buttons .contact-form-btn--edit,
    .recruit-entry-Form .contact-form-buttons .contact-form-btn--edit {
        font-size: 1.3rem;
        width: auto;
        margin: -1.5rem auto 4rem;
    }
    
    /***********************************
    whitepaper
    ***********************************/
    .whitepaper_block {
        margin-bottom: 10vw;
    }
    .whitepaper_block ul li {
        width: 100%;
        margin-bottom: 12vw;
    }
    .whitepaper_categoryName {
        font-size: 1rem;
    }
    .whitepaper_Name {
        font-size: 1.6rem;
        padding: 1rem 0 1.4rem;
        line-height: 1.4;
    }
    .whitepaper_block li .whitepaperBtn {
        font-size: 1rem;
    }
    .whitepaperDetail .articleDetail_block .articleDetail_block-left {
        margin-bottom: 8rem;
    }
    .whitepaperDetail .articleDetail_block [class*="articleDetail_block-"] .whitepaper_thumbnail {
        padding: 2rem;
    }
    [class*="whitepaper_text"] {
        margin-top: 4rem;
    }
    .whitepaper_text-1 .textArea {
        padding: 2rem;
    }
    .whitepaperDetail .articleDetail_block .articleDetail_block-left .whitepaper_text-2 {
        margin-top: 2rem;
    }
    [class*="whitepaper_text"] .textArea p,
    .articleDetail_block-right p,
    .f70ldd_error > ul > li,
    .f70ldd_entry form .error,
    body.whitepaperDownload .container p {
        font-size: 1.2rem !important;
        line-height: 1.7 !important;
    }
    .whitepaperDetail .articleDetail_block .articleDetail_block-right {
        padding: 2rem;
        margin-bottom: 5rem;
    }
    .whitepaperDetail .articleDetail_block .articleDetail_block-right .f70ldd_entry label {
        font-size: 1.3rem;
    }
    .whitepaperDetail .articleDetail_block .articleDetail_block-right .f70ldd_entry label::after {
        font-size: 0.8rem;
        padding: 0.2rem 0.5rem;
    }
    .whitepaperDetail .articleDetail_block .articleDetail_block-left .whitepaper_text-1 .textArea {
        margin-bottom: -5rem;
    }
    .f70ldd_entry .submit input {
        font-size: 1.4rem;
        margin-left: 0;
    }
    .f70ldd_entry .submit {
        flex-direction: column-reverse;
        justify-content: space-around;
        align-items: center;
        flex-wrap: wrap;
        margin-top: 0 !important;
    }
    .error-msg,
    .confirm-value {
        font-size: 1.2rem;
    }
    .whitepaper-btn--edit {
        text-align: center !important;
        margin-top: 2rem;
    }
    .whitepaper-thanks__title {
        font-size: 1.4rem;
    }
    .whitepaperDetail .articleDetail_block .nav-share {
        width: 100%;
        margin-bottom: 10rem;
    }
    .whitepaperDetail .articleDetail_block .nav-share a {
        text-decoration: none;
    }
    body.whitepaperDownload .container {
        margin-top: 5rem;
        padding: 0 2rem;
    }
    body.whitepaperDownload .container .f70ldd_download_files {
        width: 100%;
    }
    body.whitepaperDownload .container .f70ldd_download_files .file-thumbnail {
        width: 100%;
        height: auto;
        padding: 0 !important;
    }
    body.whitepaperDownload .container .f70ldd_download_files .file-size {
        margin-bottom: 2rem !important;
    }
    body.whitepaperDownload .container .f70ldd_download_files .wp-block-button a {
        font-size: 1.2rem;
    }

    /***********************************
    Recruit
    ***********************************/
    body[class*="recruit"] .wrapper div[class*="-area"] {
        margin: 0;
    }
    body[class*="recruit"] .scrolldown {
        right: 46%;
        position: absolute;
    }
    body[class*="recruit"] .scrolldown span {
        font-size: 3rem;
    }
    body[class*="recruit"] .scrolldown:before {
        top: 7.2rem;
        right: 0;
    }
    body[class*="recruit"] .recruit_firstView {
        justify-content: flex-end;
    }
    .recruit_firstView .recruit_firstView-slideBox {
        width: 92%;
        height: 20rem;
        min-height: 20rem;
        margin: 0 0 0 auto;
    }
    .wrapper div[class*="-area"] > [class$="Title"],
    body[class*="recruit"] .wrapper div[class*="-area"] section [class$="-inner"] > [class$="Title"] {
        font-size: 3.6rem !important;
    }
    .whitepaperDetail .wrapper div[class*="-area"] > [class$="Title"] {
        font-size: 2.5rem !important;
    }
    body[class*="recruit"] .wrapper div[class*="-area"] section [class$="-inner"] > [class$="Title"] > em {
        font-size: .8rem;
        top: -5.4rem;
    }
    .recruit_firstView-inner p {
        font-size: .9rem;
    }
    .recruit_firstView-inner > * {
        width: 100% !important;
    }
    body[class*="recruit"] .recruit_firstView {
        height: auto;
        margin-bottom: 5rem;
    }
    body[class*="recruit"] .localNav-recruit {
        margin-top: 2rem;
        border-radius: 2rem;
        padding: .6rem .7rem .3rem;
    }
    body[class*="recruit"] .localNav-recruit li:not(:last-child)::before {
        font-size: .8rem;
    }
    body[class*="recruit"] .localNav-recruit ul {
        flex-wrap: wrap;
    }
    body[class*="recruit"] .localNav-recruit li {
        margin-right: 0.6rem;
        margin-left: 0.6rem;
    }
    body[class*="recruit"] .localNav-recruit li a,
    .recruit_people-inner div p, .recruit_culture-inner div p,
    section [class*="interview-"] h3,
    .recruit_recruiting-inner .section_rightArea {
        font-size: 1rem;
    }
    body[class*="recruit"] .localNav-recruit li:last-child {
        margin: 0.9rem auto .6rem;
    }
    body.recruit .localNav-recruit li:last-child a {
        padding: 0;
        width: 21rem;
        text-align: center;
    }
    .recruitInterview .interview  .localNav-recruit li:last-child a {
        padding: 0.6rem 1rem;
        width: 7.6rem;
        text-align: center;
    }

    body[class*="recruit"] .localNav-recruit li:not(:last-child)::before {
        font-size: .3rem;
    }
    .recruit_company-inner div {
        width: 100%;
        padding: 0 2rem;
        margin: 1rem auto;
    }
    .wrapper div[class*="-area"] > [class$="Title"], body[class*="recruit"] .wrapper div[class*="-area"] section [class$="-inner"] > [class$="Title"]:not(.recruitTitle),
    body[class*="recruit"] .wrapper div[class*="-area"] > [class$="Title"],
    body[class*="recruit"] .wrapper div[class*="-area"] section[class*="recruit_"] [class*="recruit_"] div [class$="Title"],
    body[class*="recruit"] .wrapper div[class*="-area"] section.recruit_qa .recruit_qa-inner > [class$="Title"]  {
        font-size: 2.6rem;
        margin-bottom: 1rem;
    }
    .about .wrapper div[class*="-area"] {
        margin: -24rem 0 0;
    }
    .about section.sectionBlock-corporatePhilosophy {
        margin-top: 10rem;
    }
    .wrapper div[class*="-area"] > [class$="Title"] {
        margin-top: 17rem;
    }
    body[class*="recruit"] .wrapper div[class*="-area"] section [class$="-inner"] > [class$="Title"]:not(.recruitTitle) {
        margin-top: 4rem;
    }
    .contacts-comfirm > div[class*="-area"] > [class$="Title"] {
        margin-top: 0;
    }
    body.recruit .wrapper div[class*="-area"] section .recruit_company-inner > .sectionTitle > em {
        top: -6.2rem;
    }
    body[class*="recruit"] .wrapper div[class*="-area"] > [class$="Title"], body[class*="recruit"] .wrapper div[class*="-area"] section[class*="recruit_"] [class*="recruit_"] div [class$="Title"] em,
    body[class*="recruit"] .wrapper div[class*="-area"] section.recruit_qa .recruit_qa-inner > [class$="Title"] em {
        font-size: .8rem;
        top: -5rem;
    }
    .recruit_company-inner div p,
    body[class*="recruit"] section div .normalBtn { font-size: 1rem; }
    body[class*="recruit"] section div .normalBtn {
        width: 22.6rem;
        margin: 3rem auto 0;
    }
    body[class*="recruit"] .recruit_service .normalBtn {
        width: 18rem;
        margin: 0 auto 3rem;
    }
    body[class*="recruit"] section div .normalBtn::before {
        width: 2.2rem;
        height: 2.2rem;
    }
    body[class*="recruit"] div .normalBtn::after {
        width: 2.6rem;
        height: .6rem;
        right: .7rem;
    }
    body[class*="recruit"] div .normalBtn:hover {
        font-size: 1.04rem !important;
    }
    body[class*="recruit"] div .normalBtn:hover::after {
        width: 2rem;
    }
    .recruit_company .section_header {
        flex-direction: column;
    }
    .recruit_company-inner {
        padding: 0 0 4rem 0;
    }
    .recruit_company .section_header .section_leftArea,
    .recruit_company .section_header .section_rightArea {
        width: 100%;

    }
    body[class*="recruit"] .wrapper .recruit_company .section_header .section_leftArea .sectionTitle {
        font-size: 2.2rem !important;
        text-align: center;
    }
    body[class*="recruit"] .wrapper .recruit_company .section_header .section_rightArea {
        margin: 1rem 0;
    }
    .recruit_company .section_rightArea p {
        text-align: center;
        font-size: 1rem;
    }
    .recruit_people {
        border-radius: 8rem 0 0 0;
    }
    section [class*="interview-"] h3, .recruit_people-inner {
        width: 100vw;
    }
    .recruit_people { padding: 2rem 0 !important; }
    .recruit_people-inner > div, .recruit_culture-inner > div, .recruit_recruiting-inner > div {
        width: 100%;
        min-width: 100%;
        margin-bottom: 1rem;
    }
    .recruit_people-inner div:first-child {
        padding: 0 4rem !important;
    }
    section [class*="interview-"] {
        margin-top: 3rem;
    }
    section [class*="interview-"] h3::before {
        font-size: .8rem;
    }
    .recruit_carousel-header {
        top: 0.4rem;
        width: 39rem;
    }
    .interview-blog .recruit_carousel-header {
        width: 89rem;
    }
    .recruit_carousel-header .slick-prev:before, .recruit_carousel-header .slick-next:before {
        width: 1.7rem !important;
        height: 1rem !important;
    }
    .recruit_carousel-header_wrap {
        width: 75vw;
        height: 3.8rem;
    }
    .recruit_carousel-header .slick-prev,
    .recruit_carousel-header .slick-next {
        width: 2rem;
    }
    .recruit_carousel-header-dots .slick-dots {
        width: 58%;
        height: 3rem;
    }
    .recruit_carousel-header-dots .slick-dots li {
        width: 1.3rem;
        height: 1.3rem;
    }
    .recruit-carousel-sliderFor li div, .recruit-carousel-sliderFor li div img {
        border-radius: 4rem;
    }
    .recruit-carousel-sliderFor li div p em.recruit_category {
        top: 0.8rem;
        font-size: .5rem;
    }
    .recruit-carousel-sliderFor li div p {
        bottom: -1rem;
        right: -0.5rem;
    }
    .recruit-carousel-sliderFor p[class*="_title"] {
        font-size: 1.2rem;
        padding: 1.6rem 1rem 1rem;
    }
    .recruit-carousel-sliderFor p[class*="_name"] {
        font-size: .7rem;
    }
    .recruit-carousel-sliderFor li {
        margin: 0px 1rem;
    }
    .recruit-carousel-sliderFor li div, .recruit-carousel-sliderFor li div img {
        height: 28rem;
        min-height: 28rem;
    }
    .interview-blog .recruit-carousel-sliderFor li div, .interview-blog .recruit-carousel-sliderFor li div img {
        height: 15rem;
        min-height: 15rem;
    }
    .interview-blog {
        margin: 4rem auto 0 !important;
    }
    body.recruit section.recruit_culture {
        margin-bottom: 4rem;
    }
    .recruit_culture h3 {
        width: 72vw;
        font-size: 1rem;
    }
    .recruit_culture-inner div:first-child {
        padding: 0 4rem;
    }
    .culture-list {
        gap: 2rem;
    }
    .recruit_culture ul {
        padding: 0 5rem 3rem 4rem;
    }
    .culture-list li {
        width: 61vw;
        min-width: 61vw;
        padding: 2rem 2rem 2rem;
    }
    .culture-list li p.culture-title {
        font-size: 1.2rem;
        margin-bottom: 1.5rem;
    }
    .culture-list li .culture-text {
        font-size: .8rem;
        line-height: 1.7;
    }
    .culture-list li p.culture-category {
        font-size: .6rem;
        margin-bottom: .5rem;
    }
    .culture-photo_item {
        width: calc(100vw / 1);
    }
    .culture-photo_item span {
        padding: 1em 1.8rem;
        font-size: .6rem;
    }
    .recruit_recruiting > div {
        margin: 5rem auto 0;
    }
    .recruit_recruiting-inner .section_leftArea {
        width: 100vw;
    }
    .recruit_recruiting-item {
        padding: 3rem;
        border-radius: 2rem;
    }
    .recruit_recruiting-item .item_title {
        font-size: 1.2rem;
        margin-bottom: 2rem;
    }
    .recruit_recruiting-item p {
        font-size: 1rem;
        line-height: 1.9;
    }
    .process-list {
        gap: 1.4rem;
        margin-top: 3rem;
        height: auto;
    }
    .process-list li {
        padding: 4rem 1.5rem 1.5rem;
        height: auto;
        min-height: 120px;
    }
    .process-list li p {
        font-size: .8rem;
        margin-top: 1rem;
        margin-left: 0;
        max-width: 100%;
        width: 100%;
        text-align: left;
    }
    .process-list li p:first-child {
        font-size: 1rem;
        text-align: center;
    }
    .process-list li::after {
        font-size: 2rem;
        top: 26px;
        left: 49%;
        transform: translate(-50%, -50%);
    }
    .recruit_recruiting {
        padding: 0 0 5rem !important;
    }
    body.recruit .recruit_recruiting-item .recruitmentType_type_block-parts,
    .recruitmentType .recruitmentType_type .recruitmentType_type_block-parts {
        margin-bottom: 1.5rem;
    }
    body.recruit .recruit_recruiting-item .recruitmentType_type_block-parts,
    .recruitmentType .recruitmentType_type .recruitmentType_type_block ul li {
        border-radius: 20px;
    }
    body.recruit .recruit_recruiting-item .recruitmentType_type_block ul li a {
        padding: 0 1rem;
    }
    body.recruit .recruit_recruiting-item .recruitmentType_type_block ul li a div:last-child {
        margin-left: 1rem;
        max-width: 70%;
    }
    body.recruit .recruit_recruiting-item .recruitmentType_type_block ul li a div .recruitment_num {
        font-size: 2.5rem;
    }
    body.recruit .recruit_recruiting-item .recruitmentType_type_block ul li a div .recruitment_type {
        font-size: 1rem;
        line-height: 1.2rem;
        margin-bottom: 0.8rem;
    }
    body.recruit .recruit_recruiting-item .recruitmentType_type_block ul li a div .recruitment_department {
        font-size: 0.6rem;
        line-height: 0.8rem;
    }
    .recruit_news {
        margin: 5rem 0 0 !important;
    }
    .recruit_news,
    .recruit_qa,
    .recruitmentType_type {
        width: 100vw !important;
        padding: 0 !important;
    }
    .recruit_news .news_block,
    .recruitmentType .recruitmentType_type .recruitmentType_type_block,
    .recruit_qa .qa_block,
    #qa-list .qa_block {
        margin: 2rem auto 8rem;
    }
    .recruit_news-inner,
    .recruit_qa-inner {
        justify-content: space-between;
        flex-direction: column;
    }
    .recruit_news-inner .section_leftArea .sectionTitle {
        margin: 0 !important;
    }
    .recruit_news-inner .section_rightArea,
    .recruit_qa-inner .section_rightArea {
        width: 100%;
        text-align: right;
        margin-top: -1rem;
    }
    .recruit_news-inner .section_rightArea .normalBtn,
    .recruit_qa-inner .section_rightArea .normalBtn {
        width: 12rem;
        margin: 0 0 0 auto;
    }
    .recruit_news .news_block ul li > a,
    .recruit_qa .qa_block ul li {
        font-size: 1.2rem;
        padding: 1rem 2rem 2rem 1.6rem;
        letter-spacing: .2rem;
        line-height: 1.4;
    }
    .recruit_news .news_block-date, .recruit_news .news_block-tag span {
        font-size: .8rem;
    }
    .recruit_news .news_block-parts,
    .recruit_qa .qa_block-parts {
        margin-bottom: 1rem;
    }
    .recruit-carousel-sliderFor li div p {
        right: 0;
    }
    .recruit-carousel-sliderFor li div p em.interview_num {
        font-size: 6rem;
    }
    .recruit-carousel-sliderFor li div p em.recruit_category {
        top: 2rem;
        font-size: .9rem;
    }
    /* Q&A */
    .qa_block ul li p:last-child {
        font-size: 1rem;
        margin-top: 4vw;
        margin-left: 0;
    }
    /* インタビュー */
    .interviewImages img {
        object-position: left 50% top -120%;
    }
    .recruitInterview .interview .localNav-recruit {
        width: 85vw;
        right: 1.6rem;
        top: 5rem;
        padding: 0;
        margin: 0;
        margin-top: 23rem;
        margin-bottom: -19.5rem;
    }
    .recruitInterview .interview .localNav-recruit li a {
        font-size: .8rem;
    }
    body.recruit .localNav-recruit li {
        margin-right: .4rem;
        margin-left: .4rem;
        padding: .7rem 0;
    }
    body.recruitInterview .localNav-recruit li {
        margin-right: 0.5rem;
        margin-left: 0.5rem;
        margin-top: -0.5rem;
    }
    body[class*="recruit"] .localNav-recruit li:last-child {
        margin: 0.3rem auto 0.3rem;
    }
    .recruitInterview .interviewImages {
        height: 38rem;
    }
    .recruitInterview .interview_wrap,
    .recruitmentType .recruitmentType_wrap {
        margin-bottom: -14rem;
    }
    .recruitmentType .recruitmentType_wrap {
        margin-top: 0;
    }
    .recruitInterview .interview_wrap_contents > div,
    .recruitmentType .recruitmentType_wrap_contents > div {
        padding: 2rem 4rem 4rem;
        min-height: auto;
    }
    .recruitmentType .recruitmentType_wrap_contents > div {
        padding-top: 6rem;
    }
    .recruitmentType .recruitmentType_firstView {
        margin-top: -16vw;
    }
    .recruitInterview .interview_firstView .interview_num,
    .recruitmentType .recruitmentType_firstView .recruitmentType_num {
        font-size: 2rem;
        left: 5rem;
        top: 1rem;
        margin-top: 1rem;
        padding-left: 1.3rem;
        width: 19rem;
    }
    .recruitmentType .recruitmentType_firstView .recruitmentType_num {
        left: 7rem;
    }
    .recruitInterview .interview_firstView .interview_num::before,
    .recruitmentType .recruitmentType_firstView .recruitmentType_num::before {
        font-size: 1rem;
        top: 0.9rem;
        left: -4.8rem;
    }
    .recruitmentType .recruitmentType_firstView .recruitmentType_num::before {
        left: -6.8rem;
    }
    .recruitInterview .interview_firstView .interview_title,
    .recruitmentType .recruitmentType_firstView .recruitmentType_title {
        font-size: 2.2rem;
    }
    .recruitInterview .interview_firstView .interview_profile,
    .recruitmentType .recruitmentType_firstView .recruitmentType_information {
        padding: 2rem;
        margin-top: 5rem;
    }
    .recruitInterview .interview_firstView .interview_profile-inner > div,
    .recruitmentType .recruitmentType_firstView .recruitmentType_information-inner > div,
    .recruitmentType .recruitmentType_firstView .recruitmentType_information-inner .recruitmentType_information-top > div {
        margin: 3rem 0;
    }
    .recruitmentType .recruitmentType_firstView .recruitmentType_information-inner .recruitmentType_information-top > div:first-child {
        margin-top: 0;
    }
    .recruitmentType .recruitmentType_firstView .recruitmentType_information-inner .recruitmentType_information-top {
        margin-top: 0;
    }
    .recruitInterview .interview_firstView .interview_profile > p,
    .recruitmentType .recruitmentType_firstView .recruitmentType_information-inner .recruitmentType_information-top > div p {
        font-size: 1rem;
    }
    .recruitInterview .interview_firstView .interview_profile-inner .profile_name,
    .recruitmentType .recruitmentType_firstView .recruitmentType_information-inner h2 {
        font-size: 1.4rem;
    }
    .recruitmentType .recruitmentType_firstView .recruitmentType_information-inner h2 {
        margin-bottom: 0.8rem;
    }
    .recruitInterview .interview_firstView .interview_profile-inner p {
        font-size: .9rem;
    }
    section [class*="interview-"] {
        margin-top: 4rem;
    }
    .recruitInterview .recruit_people {
        padding: 0 0 2rem !important;
    }
    .recruitInterview .interview_01 {
        margin-top: 4rem;
    }
    .recruitInterview [class*="interview_0"] h2 {
        font-size: 1.4rem;
        margin-bottom: 2rem;
    }
    .recruitInterview [class*="interview_0"] p {
        font-size: 1rem;
        line-height: 1.9;
    }
    .recruit_recruiting-transitionArea {
        flex-direction: column;
        margin-bottom: 5rem;
    }
    .recruitInterview .recruit_recruiting-transitionArea div {
        width: 100%;
    }
    .localNav-recruit,
    body[class*="recruit"] ul.recruit_entry {
        display: none;
    }
    body.recruitInterview .post_date {
        margin-top: 50px;
    }
    /* 募集職種ページ */
    .recruitmentType .recruitmentType_firstView .recruitmentType_information-inner .recruitmentType_information-bottom > div {
        display: block;
        padding: 1rem;
        margin: 2rem 0;
    }
    .recruitmentType_information-bottom p.information_title {
        font-size: 1rem;
        width: 100%;
        margin-bottom: 1rem;
    }
    .recruitmentType_information-bottom p:last-child {
        font-size: 0.9rem;
        width: 100%;
    }
    .recruitmentType .recruit_recruiting-transitionArea {
        margin-top: 14rem;
    }
    .recruitmentType_type {
        margin: 0 !important;
    }
    .recruitmentType .recruitmentType_type h2 {
        font-size: 1.6rem;
    }
    .recruitmentType .recruitmentType_type .recruitmentType_type_block ul li a {
        padding: 0 1.6rem;
    }
    .recruitmentType .recruitmentType_type .recruitmentType_type_block ul li a div:last-child {
        margin-left: 1.6rem;
        max-width: 70%;
    }
    .recruitmentType .recruitmentType_type .recruitmentType_type_block ul li a div .recruitment_num {
        font-size: 3rem;
    }
    .recruitmentType .recruitmentType_type .recruitmentType_type_block ul li a div .recruitment_type {
        font-size: 1.2rem;
        line-height: 1.2rem;
        margin-bottom: 1rem;
    }
    .recruitmentType .recruitmentType_type .recruitmentType_type_block ul li a div .recruitment_department {
        font-size: 0.8rem;
        line-height: 1rem;
    }
    /* 採用募集エントリー */
    body[class*="recruit-entry"] .wrapper div[class*="-area"] {
        margin: 1rem;
    }
     body[class*="recruit-entry"] .contact-area .section-wrapper {
        margin: -1.5rem auto 4rem;
    }
    body[class*="recruit-entry"] .recruit-entry .contctsTitle,
    body[class*="recruit-entry"] .section-wrapper {
        padding: 0 2rem !important;
    }
    .recruit-entry-block {
        padding: 2rem;
    }
    body[class*="recruit-entry"] .recruit-entry-text {
        margin-bottom: 4rem;
    }
    body[class*="recruit-entry"] .recruit-entry-text span {
        line-height: 2rem !important;
    }
    body.recruit-entry-Form .agreese-text {
        font-size: 1.1rem;
    }
    body.recruit-entry-Form form.wpcf7cp-form-hide + #wpcf7cpcnf {
        margin: 8rem 2rem 0 2rem !important;
        width: calc(100% - 4rem) !important;
        padding: 2rem !important;
    }
    body.recruit-entry-Form span.salary::after,
    body.recruit-entry-Form span.age::after {
    top: 1rem;
    right: 1rem;
    font-size: 1.1rem;
    line-height: 1.8;
    }
    body.recruit-entry-Form span.salary input::placeholder,
    body.recruit-entry-Form span.age input::placeholder {
        font-size: 0.8rem;
    }
    body.recruit-entry-Form #wpcf7cpcnf table tr:nth-child(2) td p::after,
    body.recruit-entry-Form #wpcf7cpcnf table tr:nth-child(5) td p::after {
    right: 3rem;
    }
    body.recruit-entry-Comp .contctsCommon_area .recruit-entry-Comp_inner p {
        margin: 0;
    }

    .recruitInterview .interview_firstView .interview_profile,
    .recruitmentType .recruitmentType_firstView .recruitmentType_information,
    .recruit-entry-block,
    body.recruit-entry-Comp .contctsCommon_area .recruit-entry-Comp_inner {
        border-radius: 16px;
    }

}

/****************************************
18. max-width: 576px
*****************************************/
/* スマートフォン */
@media screen and (max-width: 576px) {
    .service .localNav li {
        width: calc(100% / 3);
    }
    .contactform-agreese input[name="acceptance"] + span::before,
    .contactform-agreese input[name="acceptance"]:checked + span::after {
        top: .7rem;
    }
    .about .wrapper > .page-bg {
        top: -120vw;
        margin-bottom: -120vw;
    }
    .firstView-background-1 {
        top: 56%;
    }
    .firstView-background-2 {
        top: 73.44%;
    }
    .firstView-background-3 {
        top: 82.5%;
    }
    .firstView_img::after {
        top: 118vw;
    }
    .firstView-news {
        top: -46vw;
    }
    .text-1_balloon {
        width: 100%;
        background-size: contain;
    }
    /* お問い合わせ */
    [class$="Title"] + [class$="Common_area"] {
        margin-top: 5rem;
    }
    .contact-form .contact-form-control {
        font-size: 1.1rem;
        padding: 1rem;
        line-height: 1.6;
    }
    /* お問い合わせ 確認画面 */
    .container .contact-form .contact-area .section-wrapper .content_block {
        padding: 0 3rem !important;
    }
    .whitepaperDetail .wrapper .articleDetail-area .articleDetail-Title {
        margin-top: 15rem;
    }

}

@media screen and (max-width: 412px) {
    .firstView-background-3 {
        top: 84%;
    }
    .articleNav.index a {
        height: 4rem;
    }
    .localNav-recruit {
        display: none;
    }
    .interviewImages img {
        object-position: left 50% top 40vw;
    }
}