/*
Theme Name: Lightning Child
Theme URI:
Template: lightning
Description:
Author:
Tags:
Version: 0.6.1
*/


/* TOP */

html {
    scroll-behavior: smooth;
}

[id] {
    scroll-margin-top: 100px;
    /* 固定ヘッダーに合わせて調整 */
}

h2,
h3,
h4,
h5 {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

h2 {
    font-size: 50px;
}

ol,
ul {
    padding-left: 0;
}

@media (max-width: 991.98px) {

    h2 {
        font-size: 30px;
    }
}

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

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

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

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

.bg_gray {
    background: #CDD6DD;
}

.bg_darkgray {
    background: #3B4043;
}

.bg_darkgray h2 {
    color: #fff;
}

.bg_lightgray {
    background: #F0F3F5;
}

.bg_footergray {
    background: #878E93;
}

.bg_footergray a {
    color: #fff;
    /*border-bottom: 1px dotted #fff;*/
}

.bg_usgray {
    background: #3B4043;
    margin: -15px;
    border-top-left-radius: 50px;
    border-top-right-radius: 50px;
}

.bg_usgray h2 {
    color: #fff;
}

.breadcrumb-list {
    margin: 20px auto;
    padding: 0;
    width: 1170px;
}

.header_scrolled .site-header-logo,
.header_scrolled .site-header-sub,
.header_scrolled {
    display: block;
}

/* スクロール前はスクロールロゴを強制的に非表示にする */
.site-logo-wrap .scroll-logo {
    display: none !important;
}

/* スクロール後だけ表示（.header_scrolled が body に付与された時） */
body.header_scrolled .site-logo-wrap .top-logo {
    display: none !important;
}

body.header_scrolled .site-logo-wrap .scroll-logo {
    display: block !important;
}



/*アイキャッチ画像無効化*/
.veu_autoEyeCatchBox {
    display: none !important;
}

@media (min-width: 1200px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        max-width: 100%;
        padding-left: 0;
        padding-right: 0;
    }

    .top_container,
    .post-type-post .main-section,
    .magazine {
        max-width: 1140px;
        margin: 0 auto;
    }

    .post-type-post .main-section {
        margin-bottom: 100px;
    }

    .page-id-142 #site-header .nav_con {
        width: 300px;
        font-size: 12px;
        font-weight: bold;
        margin: 30px auto;
        color: #fff;
        border: solid 2px #fff;
        background: #0081C0;
        border-radius: 30px;
        padding: 11px 5px 5px 5px;
        text-align: center;
    }

    body #site-header .nav_con {
        width: 300px;
        font-size: 12px;
        font-weight: bold;
        margin: 30px auto;
        color: #0081C0;
        border: solid 2px #0081C0;
        background: none;
        border-radius: 30px;
        padding: 11px 5px 5px 5px;
        text-align: center;
    }

    body #site-header .nav_sns {
        margin: 30px 5px;
        max-width: 40px;
        min-width: 40px;
    }

    body.header_scrolled #site-header a {
        color: #3B4043;
    }

    body.header_scrolled #site-header .nav_con {
        width: 300px;
        margin: auto 0;
        color: #0081C0;
        border: solid 2px #0081C0;
        background: none;
        border-radius: 30px;
        padding: 10px 15px 10px 15px;
    }

    body.header_scrolled #site-header .nav_sns {
        width: 50px;
    }
}


/* 背景を2色に分ける */
.two-column-section {
    background: linear-gradient(to right, #3B4043 50%, #98A6B5 50%);
    margin: -15px;
    padding: 20px;
}

.two-column-section h2 {
    color: #fff;
}

.two-column-section h3 {
    font-size: 18px;
    color: #3B4043;
    padding: 10px;
}

.mix-column {
    display: flex;
}

.left-column,
.right-column {
    width: 50%;
}

.right-column {
    margin-left: 30px;
}

.post-list,
.magazine-list {
    width: 100%;
    padding: 10px;
    display: flex;
}

.post-item,
.magazine-item {
    margin-bottom: 20px;
    background-color: #fff;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    width: 50%;
    margin-right: 20px;
}

.post-image,
.magazine-image {
    position: relative;
    margin-bottom: 10px;
}

.category-icon {
    position: absolute;
    top: 10px;
    left: 10px;
    padding: 5px 10px;
    border-radius: 15px;
    font-size: 14px;
    color: white;
    background-color: #ff6347;
    /* カテゴリアイコンの色 */
}



.next-prev .vk_post.card {
    display: none;
}

.st-h-copy-toc,
.st-h-copy {
    display: block !important;
    font-size: 30%;
    line-height: 1.4;
    color: #0081C0;
}

.ltg-slide-text-title {
    font-size: clamp(16px, 3dvw, 60px);
    letter-spacing: 0.16em;
}

.site-header {
    width: 100%;
    height: 100px;
    overflow: visible;
    z-index: 1000;
    position: relative;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .05);
    background: #000;
    color: #fff;
}

.site-header::after {
    content: "";
    clear: both;
    display: block;
    background: #fff;
    color: #3B4043;
}

.site-header-container {
    height: 100px;
    padding: 0 15px;
}

.site-footer {
    content-visibility: visible;
    overflow: visible;
    background: #3B4043;
}

.site-footer-copyright {
    max-width: 1140px;
    margin: -60px auto 0;
    color: #fff;
}

.site-body {
    padding: 0;
}

#post-142 {
    margin-top: -125px;
}

#post-142 h5 {
    margin-top: -20px;
}

.page-id-142 #site-header a {
    color: #fff;
}

/*body #site-header a {
    color: #fff;
}*/

.video-background {
    position: unset;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    /* 動画が前面に来るように */
}

.video-background video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.video-text {
    position: absolute;
    top: 12%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    color: white;
    /* 文字色を白に */
    z-index: 1;
    /* テキストを動画の前面に表示 */
    font-family: "TBUDゴシック R", "メイリオ", Meiryo, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
}

.video-text p {
    font-size: 3em;
    margin: 0;
}

@media (min-width: 992px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm {
        max-width: 100%;
    }

    .site-header--layout--nav-float .site-header-logo {
        margin-right: 0;
    }

    .header_scrolled .site-header .global-nav {
        margin-right: 0;
    }

    .global-nav--layout--float-right {
        width: auto;
        height: 100px;
        margin-left: auto;
    }

}

@media (min-width: 768px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm {
        max-width: 100%;
    }
}

.wp-block-image.aligncenter {
    margin-top: 120px;
}

.left_box {
    position: relative;
    z-index: 1;
    height: 650px;
    background-image: url("https://nemy.co.jp/renew/wp-content/uploads/2025/02/about_nemy_icon.png");
    background-size: cover;
    background-position: top;
}

.left_box img {
    position: absolute;
    z-index: 3;
    top: 160px;
    left: 20%;
    width: 700px;
}

.left_box .tex_box {
    position: absolute;
    top: 250px;
    right: 20%;
    width: 450px;
    background: #fff;
    padding: 30px 50px;
    box-shadow: 0 0 5px #999;
    line-height: 24px;
    z-index: 4;
}

.left_box div p {
    font-size: 16px;
}

.right_box {
    position: relative;
    z-index: 1;
    height: 600px;
    background-image: url("https://nemy.co.jp/renew/wp-content/uploads/2025/02/about_nemy_icon.png");
    background-size: contain;
    background-position: 70%;
    background-repeat: no-repeat;
}

.right_box img {
    position: absolute;
    z-index: 3;
    top: 100px;
    right: -15px;
    width: 700px;
}

.right_box .tex_box {
    position: absolute;
    top: 20px;
    left: 20%;
    width: 800px;
    background: #fff;
    padding: 30px 80px;
    box-shadow: 0 0 5px #999;
    line-height: 24px;
    z-index: 4;
}

.right_box div p {
    font-size: 16px;
}

.sky_right_box {
    position: relative;
    z-index: 1;
    height: 600px;
    background-size: contain;
    background-position: 70%;
    background-repeat: no-repeat;
}

.sky_right_box img {
    position: absolute;
    z-index: 4;
    top: 100px;
    right: 0;
    width: 700px;
}

.sky_right_box .tex_box {
    position: absolute;
    top: 20px;
    left: 0;
    width: 900px;
    background: #BBEBD1;
    border-top-right-radius: 30px;
    padding: 100px 120px 100px 80px;
    line-height: 24px;
    z-index: 3;
}

.sky_right_box .tex_box p {
    width: 500px;
}

.vib_right_box {
    position: relative;
    z-index: 1;
    height: 600px;
    background-size: contain;
    background-position: 70%;
    background-repeat: no-repeat;
    color: #fff;
}

.vib_right_box img {
    position: absolute;
    z-index: 4;
    top: 100px;
    right: 50px;
}

.vib_right_box .tex_box {
    position: absolute;
    top: 20px;
    left: 0;
    width: 800px;
    background: #98A6B5;
    padding: 80px 80px;
    line-height: 24px;
    z-index: 3;
}

.vib_right_box div p {
    font-size: 16px;
}

.vib_img {
    display: flex;
}

.vib_img img {
    width: 530px;
    margin-right: 30px;
}

.snow_bg {
    background: url(https://nemy.co.jp/renew/wp-content/uploads/2025/07/snow_bg.png) no-repeat 50% center;
    background-size: cover;
    height: 430px;
}

.snow_box {
    display: flex;
    justify-content: space-around;
    text-align: left;
}

.item_box {
    display: flex;
    justify-content: space-around;
    text-align: center;
}

.item_box h3 {
    color: #0081C0;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
}

.item_box h4 {
    text-align: center;
    font-size: 90%;
    margin-top: -30px;
}

.sns_box {
    display: flex;
    justify-content: space-around;
    text-align: center;
}

.email_icon p {
    color: #fff;
    border: 1px solid #fff;
    padding: 30px;
    margin-top: 20px;
}

.phone_icon p {
    color: #fff;
    border: 1px solid #fff;
    padding: 15px 30px;
    margin-top: 10px;
}

.email_icon p span,
.phone_icon p span {
    font-size: 30px;
}

.b_non {
    border: none !important;
}

.footer_box {
    display: flex;
    color: #fff;
}

.footer_box div {
    flex: 1;
}

.footer_box div:nth-child(2) {
    padding-left: 50px;
}

.footer_box h2 {
    font-size: 24px;
}

.footer_box h3 {
    font-size: 18px;
}

.footer_box ul {
    margin-left: 50px;
}

.footer_box ul li {
    list-style: none;
}

/*.footer_box .g-cert {
    width: 35%;
}*/

.moreLinkText {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    font-weight: bold;
}

/*ホバーしたときに下線矢印も同時に色を変える*/
.moreLinkText:hover .lineArrow {
    border-bottom: 2px solid #0081C0;
    border-right: 2px solid #0081C0;
}

.moreLinkText:hover {
    color: #0081C0;
}

.lineArrow {
    width: 90%;
    height: 15px;
    border-bottom: 2px solid #0081C0;
    border-right: 2px solid #0081C0;
    /*傾きを調節*/
    transform: skew(45deg);
    /*下線矢印をテキストに合わせてうまい具合にはめる*/
    margin: -10px 0 30px 10px;
}

.snow_left {
    width: 50%;
    color: #0081C0;
}

.snow_right {
    width: 50%;
}

.blut_tit {
    position: relative;
    padding: 3rem 1rem;
    border-bottom: 1px solid #98A6B5;
    color: #0081C0;
    font-size: 30px;
}

.blut_tit:before {
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 70%;
    height: 1px;
    content: '';
    background: #ccc;
}

tr {
    position: relative;
    border-bottom: 2px solid #ccc;
}

tr:before {
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 15%;
    height: 2px;
    content: '';
    background: #0081C0;
}

.wp-block-table td,
.wp-block-table th {
    border: 0px none;
    padding: 2rem 1rem;
}

#business_box,
#message_box {
    padding: 80px 0 50px 0;
}

#message_box .tex_box {
    display: flex;
    margin: 0 10%;
}

#message_box .item1 {
    width: 50%;
    margin-right: 50px;
}

#message_box .item2 {
    width: 50%;
}

#message_box strong {
    margin-right: 0;
    text-align: right;
}

/*posts*/
.entry-meta-data-list dt {
    display: none;
}

.entry-meta-data-list dd a {
    color: #fff;
    line-height: 1.1em;
    padding: 4px 8px;
    font-weight: lighter;
    margin-right: 10px;
    min-width: 10em;
    text-align: center;
    border-radius: 15px;
    font-size: 12px;
    border: none;
}

.entry-meta-item-author {
    display: none;
}

.category-notice .entry-meta-data-list dd a {
    background-color: #0BC5FD;
}

.category-press-release .entry-meta-data-list dd a {
    background-color: #4525F2;
}

.category-topics .entry-meta-data-list dd a {
    background-color: #00CE5F;
}

.category-important .entry-meta-data-list dd a {
    background-color: #F2253D;
}


.news_box li {
    display: flex;
    border-bottom: solid 1px #707070;
    margin: 30px 0 0 0;
}

.news_box li p {
    margin-right: 20px;
}

.cate a {
    color: #fff;
    line-height: 1.1em;
    padding: 4px 8px;
    font-weight: lighter;
    min-width: 10em;
    text-align: center;
    border-radius: 15px;
    font-size: 12px;
    border: none;
}

.news_box a {
    text-decoration: none;
}

.notice a {
    background-color: #0BC5FD;
}

.press-release a {
    background-color: #4525F2;
}

.topics a {
    background-color: #00CE5F;
}

.important a {
    background-color: #F2253D;
}



/*.notice {
    background-color: #0BC5FD;
    border-radius: 15px;
}

.press-release {
    background-color: #4525F2;
    border-radius: 15px;
}

.topics {
    background-color: #00CE5F;
    border-radius: 15px;
}

.important {
    background-color: #F2253D;
    border-radius: 15px;
}*/

/* header透過 */

body #site-header {
    background-color: rgba(255, 255, 255, 0.2);
}

body.header_scrolled #site-header {
    background-color: rgba(255, 255, 255, 0.9);
}

body:not(.header_scrolled) #site-header {
    position: absolute;
}

body .page-header {
    min-height: min(360px, 50vw);
}

/* header画像 */
.page-header {
    /* 文字色 */
    color: #ffffff;
    /* 背景画像 */
    background: url(https://nemy.co.jp/renew/wp-content/uploads/2025/02/header_tit_bg.png) no-repeat 50% center;
    background-size: cover;
    min-height: 9rem;
    /*font-family: Hiragino Mincho ProN,"游明朝",serif;*/
}

.page-header-title,
h1.page-header-title {
    font-size: 30px;
}

.page-id-174 h1.page-header-title,
.page-id-567 h1.page-header-title,
.page-id-617 h1.page-header-title,
.page-id-615 h1.page-header-title,
.page-id-808 h1.page-header-title,
.page-id-1225 h1.page-header-title,
.page-id-1281 h1.page-header-title {
    display: none;
}

/*.page-header::before {
    /* 背景画像に黒を被せる */
/*content: "";
    position: absolute;
    top: 0;
    left: 0;
    background-color: #000000;
    opacity: 0.25;
    width: 100%;
    height: 100%;
}*/

body .page-header {
    margin-top: 100px;
}

/*nav*/
.nav_box ul {
    display: flex;
}

.nav_box ul li {
    list-style: none;
    margin-right: 5%;

}

.wh_box {
    margin-top: -100px !important;
}

.wh_box ul {
    display: flex;
    justify-content: flex-end;
}

.wh_box ul li {
    list-style: none;
    margin-left: 5%;

}

/* ドロップダウンメニューの文字色を白にする */
.global-nav-list li ul.sub-menu li a {
    color: #fff !important;
}

/* ホバー時の色（お好みで変更可能） */
.global-nav-list li ul.sub-menu li a:hover {
    color: #ddd !important;
}

/*mk*/
.mk_cta {
    display: flex;
    padding: 20px 0;
}

.mk_cta li {
    list-style: none;
}

.Home_top_introeffect_lineup__OE2rn {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.Home_top_introeffect_lineup_detail__dH_C5 {
    width: 48%;
    text-align: left;
    box-shadow: 1px 1px 10px 0 #0000003d;
    margin-bottom: 25px;
    padding-bottom: 10px;
}

.Home_top_introeffect_lineup_detail_width__udWxo {
    width: 85%;
    margin: 0 auto;
}

.Home_top_introeffect_lineup_detail_width__udWxo h3 {
    border-bottom: 2px dashed #999;
    padding-top: 0;
    font-size: 20px;
    padding-bottom: 15px;
    font-weight: 500;
}

/*tech*/
.tech-section {
    padding: 60px 20px;
}

.tech-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 30px;
    max-width: 1200px;
    margin: 0 auto;
}

.tech-item {
    text-align: center;
    background-color: #fff;
}

.tech-caption {
    background-color: #005bac;
    color: #fff;
    font-size: 16px;
    padding: 12px;
    font-weight: 500;
    position: relative;
    border-radius: 6px 6px 0 0;
}

.tech-caption::after {
    content: "";
    position: absolute;
    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #005bac;
    /* キャプションと同じ色 */
}

.tech-item img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 0 0 6px 6px;
}




/*会社概要*/
.page-id-174 table {
    font-size: 16px;
    line-height: 1.4em;
}

/*沿革*/
.timeline {
    position: relative;
    padding-left: 20px;
}

.timeline dt {
    font-size: 20px;
    font-weight: bold;
    color: #555;
    margin-bottom: 8px
}

.timeline dt:before {
    display: block;
    position: absolute;
    background: #0081C0;
    width: 16px;
    height: 16px;
    content: '';
    top: 3px;
    left: 0px;
    border-radius: 50%;
}

.timeline dt:after {
    display: block;
    content: '';
    height: 60px;
    width: 1px;
    position: absolute;
    top: 20px;
    left: 8px;
    background: #aaa;
}

/*QA*/
#qa {
    border-bottom: 1px solid #98A6B5;
    margin-bottom: 0;
}

.vk_faq {
    display: block;
    overflow: hidden;
    border-bottom: none;
    padding: 0 0 50px 0;
    margin: 0 auto;
    width: 100%;
    position: relative;
}

.vk_faq .vk_faq_title {
    border: none;
    padding: .8rem .8rem .8rem 5rem;
    margin: 0;
    position: relative;
    font-weight: 300;
    font-size: 18px;
    border-bottom: none;
}

.vk_faq .vk_faq_title:before {
    content: var(--q-number, "Q");
    color: #3B4043;
    font-weight: 100;
    margin-right: 0.5em;
    white-space: nowrap;
    /* 横並び強制 */
    display: inline-block;
}


.vk_faq .vk_faq_title {
    counter-reset: q-counter;
}

.vk_faq .vk_faq_title[data-q-number]:after {
    content: attr(data-q-number);
    color: #3B4043;
    font-weight: 100;
    margin-left: 0.2em;
}


.vk_faq .vk_faq_content:before {
    content: "";
    color: #3B4043;
}

.vk_faq .vk_faq_content {
    border: none;
    padding: .8rem .8rem .8rem 5rem;
    margin: 0;
    position: relative;
    font-weight: normal;
    -webkit-transition: .25s;
    transition: .25s;
    border-bottom: 1px dotted var(--vk-color-border);
    font-size: 14px;
}

/*矢印*/
.arrow {
    position: relative;
    display: inline-block;
    padding: 0 20px 0 0;
    color: #000;
    vertical-align: middle;
    text-decoration: none;
    font-size: 15px;
}

.arrow::before,
.arrow::after {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    content: "";
    vertical-align: middle;
}

.CircleArrow::before {
    width: 15px;
    height: 15px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #0081C0;
}

.CircleArrow::after {
    right: 0;
    box-sizing: border-box;
    width: 5px;
    height: 5px;
    border: 5px solid transparent;
    border-left: 5px solid #fff;
}

/*posts*/
.category-notice .entry-meta-data-list dd a {
    background-color: #0BC5FD;
}

.category-press-release .entry-meta-data-list dd a {
    background-color: #4525F2;
}

.category-topics .entry-meta-data-list dd a {
    background-color: #00CE5F;
}

.category-important .entry-meta-data-list dd a {
    background-color: #F2253D;
}


/*横スクロール画像*/
.infinite-scroll-wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 30px;
}

/* 画像サイズと間隔 */
:root {
    --img-width: 208px;
    --img-gap: 20px;
    --img-count: 5;
    --visible-width: calc((var(--img-width) + var(--img-gap)) * var(--img-count));
}

/* 表示エリア：5枚分 */
.scroll-row {
    width: var(--visible-width);
    overflow: hidden;
}

/* 画像列全体（10枚：5×2） */
.scroll-track {
    display: flex;
    width: calc((var(--img-width) + var(--img-gap)) * 10);
    /* 10枚分 */
}

/* 各画像にマージン */
.scroll-track img {
    width: var(--img-width);
    height: auto;
    margin-right: var(--img-gap);
    flex-shrink: 0;
}

/* 上段：右スクロール */
.top-row .scroll-track {
    animation: scroll-right 15s linear infinite;
}

/* 下段：左スクロール */
.bottom-row .scroll-track {
    animation: scroll-left 15s linear infinite;
}

/* アニメーション：右へ */
@keyframes scroll-right {
    0% {
        transform: translateX(calc(-1 * var(--visible-width)));
    }

    100% {
        transform: translateX(0);
    }
}

/* アニメーション：左へ */
@keyframes scroll-left {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(calc(-1 * var(--visible-width)));
    }
}

/*コピーライト*/
.site-footer-copyright p {
    font-size: 12px !important;
    /* ← お好みのサイズに変更 */
}

.site-footer-copyright a {
    color: #fff;
    text-decoration: underline;
}

.site-footer-copyright a:hover {
    color: #fff;
}


/*search*/

.search-box {
    width: calc(100% - 60px);
    /*position: absolute;*/
    background: #1a237e;
    /*top: 480px;
    left: 30px;*/
    padding: 30px;
    z-index: 5;
}

.search-title {
    position: relative;
    color: #fff;
    font-size: 24px;
    margin-bottom: 20px;
    padding-left: 10px;
}

.search-title:before {
    display: block;
    position: absolute;
    top: 0px;
    left: 0;
    height: 30px;
    width: 2px;
    content: '';
    background: #ffffff;
}

.search-box input {
    background: #fff;
    padding: 5px;
    border: 1px solid #fff;
    box-shadow: unset;
}

.search-box .btn {
    height: 42px;
    line-height: 42px;
    width: 100%;
    font-size: 1.6rem;
    color: #1a237e;
    background: #ffffff;
    border: 1px solid #ffffff;
}

.select-wrapper {
    position: relative;
}

.select-wrapper input.select-dropdown {
    position: relative;
    cursor: pointer;
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #9e9e9e;
    outline: none;
    height: 3rem;
    line-height: 3rem;
    width: 100%;
    font-size: 16px;
    margin: 0 0 8px 0;
    padding: 0;
    display: block;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 1;
}

.dropdown-content {
    background-color: #fff;
    margin: 0;
    display: none;
    min-width: 100px;
    overflow-y: auto;
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 9999;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
}

.dropdown-content li {
    clear: both;
    color: rgba(0, 0, 0, 0.87);
    cursor: pointer;
    min-height: 50px;
    line-height: 1.5rem;
    width: 100%;
    text-align: left;
}

.select-dropdown.dropdown-content li.selected {
    background-color: rgba(0, 0, 0, 0.03);
}

.dropdown-content li>a,
.dropdown-content li>span {
    font-size: 16px;
    color: #26a69a;
    display: block;
    line-height: 22px;
    padding: 14px 16px;
}

/*contact*/
.recruit-box {
    width: 70%;
}

.recruit-box {
    width: 50%;
    margin: 30px auto;
    background: #fff;
    padding: 30px;
}

.recruit-box tr:before {
    width: 27.3%;
}

.recruit-box th,
.recruit-box td {
    font-size: 14px;
}

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
    margin: 50px auto 100px;
    width: 48%;
    color: red;
}

.wpcf7-form .select-wrapper,
.wpcf7-form .select-dropdown {
    display: none !important;
}

.wpcf7-form select {
    display: block !important;
    appearance: auto !important;
    position: static !important;
    border: 1px #ccc solid;
    border-radius: 5px;
}


/*画像切り替え*/
.image-switcher {
    text-align: center;
    margin: 20px auto;
}

.image-container {
    margin-bottom: 20px;
}

.switchable-image {
    width: 100%;
    max-width: 600px;
    /* 画像の最大幅を設定 */
    display: block;
    margin: 0 auto;
}

.button-container {
    display: flex;
    justify-content: center;
    gap: 10px;
    background: #fff;
    border: 2px solid #fff;
    width: 340px;
    margin: 20px auto;
    border-radius: 30px;
}

.image-btn {
    padding: 10px 20px;
    background-color: white;
    /* 白い背景 */
    color: #333;
    /* ボタンの文字色 */
    border: 2px solid #fff;
    /* 薄いグレーの枠 */
    border-radius: 30px;
    /* 角丸にする */
    cursor: pointer;
    transition: background-color 0.3s ease, border 0.3s ease;
    /* ホバー時やクリック時にスムーズな変化を追加 */
}

.image-btn:hover {
    background-color: #f0f0f0;
    /* ホバー時に薄い灰色に */
}

.image-btn.active {
    background-color: #98A6B5;
    /* クリックされたボタンの背景色 */
    color: white;
    /* クリックされたボタンの文字色 */
    border: 2px solid #98A6B5;
    /* クリックされたボタンの枠色を変更 */
}

.image-btn:focus {
    outline: none;
    /* フォーカス時の枠線を削除 */
}


.wh_tex {
    color: #fff;
}

.red-text {
    color: red;
}

/* 画像のフェードイン・アニメーション */
.fade-in-up {
    opacity: 0;
    /* 初期状態で透明 */
    transform: translateY(20px);
    /* 初期状態で少し下に配置 */
    transition: opacity 1s ease-out, transform 1s ease-out;
}

/* 画像が表示されたときに適用されるクラス */
.fade-in-up.visible {
    opacity: 1;
    /* アニメーション後は不透明に */
    transform: translateY(0);
    /* 元の位置に戻る */
}

/*logistic*/
.logistic_gray {
    background: #F0F3F5;
    margin: -15px 0;
}

.logistic_step {
    position: relative;
    top: -100px;
}

.logistic_step ul {
    display: flex;
}

.logistic_step li {
    flex: 1;
    list-style: none;
}

.logistic_step p {
    text-align: center;
}

.logistic_bg {
    height: 345px;
    background-image: url("https://nemy.co.jp/renew/wp-content/uploads/2025/07/logistic_bg.png");
    background-size: cover;
    background-position: top;
    color: #fff;
    text-align: center;
}

.square_tit {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    margin: 0 auto 50px;
    padding: 30px 0 0px;
    width: 600px;
    border: none;
    background-color: #3b4043;
    transform: skewX(-25deg);
}

.square_tit h2 {
    color: #fff;
    font-size: 30px;
    transform: skewX(25deg);
}

.service_box {
    width: 550px;
    background-color: rgba(255, 255, 255, 0.8);
    padding: 20px;
}

#logistic_service h2,
#logistic_case h2,
#logistic_faq h2 {
    color: #40CAD0;
}

#logistic_service h3,
#logistic_case h3,
#logistic_faq h3,
#logistic_contact h3 {
    font-size: 30px;
}

.logistic_support h2 {
    font-size: 20px;
}

.logistic_support h3 {
    font-size: 20px;
    color: #40CAD0;
    padding-top: 20px;
}

.logistic_support ul {
    display: flex;
}

.logistic_support li {
    flex: 1;
    list-style: none;
}

.down_arrow {
    background-image: url("https://nemy.co.jp/renew/wp-content/uploads/2025/07/down_arrow.png");
    background-position: top;
    background-repeat: no-repeat;
}

.service01 {
    background-image: url("https://nemy.co.jp/renew/wp-content/uploads/2025/07/service01_img.png");
    background-position: right;
    background-repeat: no-repeat;
    padding-left: 0;
}

.service02 {
    background-image: url("https://nemy.co.jp/renew/wp-content/uploads/2025/07/service02_img.png");
    background-position: left;
    background-repeat: no-repeat;
    padding-left: 52%;
}

.service03 {
    background-image: url("https://nemy.co.jp/renew/wp-content/uploads/2025/07/service03_img.png");
    background-position: right;
    background-repeat: no-repeat;
    padding-left: 0;
}

.service04 {
    background-image: url("https://nemy.co.jp/renew/wp-content/uploads/2025/07/service04_img.png");
    background-position: left;
    background-repeat: no-repeat;
    padding-left: 52%;
}

#logistic_service_content h3 {
    font-size: 24px;
    width: 600px;
}

#logistic_service_content p {
    width: 600px;
}

.case_box {
    background: #fff;
}

.case_in {
    width: 83%;
    margin: 0 auto;
    text-align: left;
}

.case_in h3 {
    font-size: 20px !important;
    border-bottom: 2px solid #40CAD0;
}

.case_in h4 {
    background: #40CAD0;
    color: #fff;
    font-size: 15px;
    width: 80px;
    padding: 5px 15px;
    margin-top: 30px;
}

.case_in h5 {
    color: #40CAD0;
    font-size: 20px;
}

.case_in ol,
.case_in ul {
    list-style-type: none;
}

#logistic_faq {
    background-image: url("https://nemy.co.jp/renew/wp-content/uploads/2025/07/logistic_faq_bg.png");
    background-position: right;
    background-repeat: no-repeat;
    margin-top: 15px;

}

#logistic_contact {
    background: #40CAD0;
    margin-bottom: -20px;
}

#logistic_contact h2 {
    color: #fff;
}

#logistic_contact button {
    width: 80%;
    padding: 50px;
    font-size: 30px;
    border: 2px solid #fff;
    color: #fff;
    background: none;
}




/*SP*/
@media (max-width: 991.98px) {

    .container {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .mt100 {
        margin-top: 30px !important;
    }

    .breadcrumb-list {
        width: 100%;
    }

    .site-header {
        height: 70px;
    }

    .site-header-container {
        height: 70px;
    }

    body .page-header {
        margin-top: 70px;
    }

    #post-142 {
        margin-top: -50px;
    }

    .video-background {
        height: 400px;
    }

    .video-text {
        top: 4%;
        left: 35%;
    }

    .video-text p {
        font-size: 2em;
        width: 150%;
    }

    .two-column-section {
        background: linear-gradient(to bottom, #3B4043 50%, #98A6B5 50%);
        padding: 20px;
    }

    .mix-column {
        flex-direction: column;
    }

    .left-column,
    .right-column {
        width: 200%;
    }

    .right-column {
        margin-left: 0;
    }

    .post-list,
    .magazine-list {
        width: 100%;
        padding: 10px;
        flex-direction: column;
    }

    .wp-block-image.aligncenter {
        margin-top: 65px;
    }

    .left_box {
        height: 700px;
    }

    .left_box div {
        position: absolute;
        top: 250px;
        left: 0px;
        width: 100%;
        background: #fff;
        padding: 30px 20px;
        box-shadow: none;
        line-height: 24px;
        z-index: 1;
    }

    .left_box .tex_box {
        position: absolute;
        top: -110px;
        left: 13%;
        width: 100%;
        background: #fff;
        padding: 30px 25px;
        box-shadow: 0 0 5px #999;
        line-height: 24px;
        z-index: 4;
    }

    .left_box img {
        position: absolute;
        top: 160px;
        left: 13%;
        width: 100%;
        z-index: 5;
    }

    .right_box {
        height: 500px;
    }

    .right_box .tex_box {
        position: absolute;
        top: 20px;
        left: 0;
        width: 100%;
        background: #fff;
        padding: 30px 20px;
        box-shadow: 0 0 5px #999;
        line-height: 24px;
        z-index: 4;
    }


    .right_box img {
        position: absolute;
        top: 250px;
        left: 0px;
        width: 100%;
        z-index: 5;
    }

    .right_box div {
        position: absolute;
        top: 250px;
        left: 0px;
        width: 100%;
        background: #fff;
        padding: 30px 20px;
        box-shadow: 0 0 5px #999;
        line-height: 24px;
        z-index: 1;
    }

    .sky_right_box {
        position: relative;
        z-index: 1;
        height: 600px;
        background-size: contain;
        background-position: 70%;
        background-repeat: no-repeat;
    }

    .sky_right_box img {
        position: absolute;
        z-index: 4;
        top: 350px;
        right: 0;
        width: 100%;
    }

    .sky_right_box .tex_box {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        background: #BBEBD1;
        border-top-right-radius: 30px;
        padding: 30px 20px;
        line-height: 24px;
        z-index: 3;
    }

    .vib_right_box {
        position: relative;
        z-index: 1;
        height: 600px;
        background-size: contain;
        background-position: 70%;
        background-repeat: no-repeat;
        color: #fff;
    }

    .vib_right_box img {
        position: absolute;
        z-index: 4;
        top: 300px;
        right: 0px;
        width: 55%;
    }

    .vib_right_box .tex_box {
        position: absolute;
        top: 0px;
        left: -20px;
        width: 390px;
        background: #98A6B5;
        padding: 30px 35px;
        line-height: 24px;
        z-index: 3;
    }

    .vib_right_box div p {
        font-size: 16px;
    }

    .vib_img {
        display: flex;
    }

    .vib_img img {
        width: 530px;
        margin-right: 30px;
    }

    .news_box {
        width: 100%;
    }

    .news_box li p {
        margin-right: 15px;
    }

    .cate {
        width: 150px;
    }

    .cate a {
        padding: 4px 4px;
        font-size: 10px;
    }

    #message_box .tex_box {
        display: flex;
        flex-direction: column;
        margin: 0 5%;
    }

    #message_box .item1 {
        width: 100%;
        margin-right: 5%;
    }

    #message_box .item2 {
        width: 100%;
    }

    .wp-block-image {
        max-width: 80%;
        margin: 0 auto;
    }

    .snow_box,
    .item_box {
        display: flex;
        flex-direction: column;
        width: 100%;
        text-align: center;
    }

    .snow_left {
        width: 100%;
        color: #0081C0;
    }

    .snow_right {
        width: 100%;
    }

    .blut_tit {
        font-size: 18px;
    }

    .blut_box02 {
        display: flex;
        flex-direction: column-reverse;
    }

    .bg_usgray h2 {
        text-align: center;
    }

    /*mk*/
    .Home_top_introeffect_lineup__OE2rn {
        flex-direction: column;
    }

    .Home_top_introeffect_lineup_detail__dH_C5 {
        width: 100%;
        text-align: left;
        box-shadow: 1px 1px 10px 0 #0000003d;
        margin-bottom: 25px;
        padding-bottom: 10px;
    }

    /*footer*/
    .footer_box {
        width: 90%;
        flex-wrap: wrap;
    }

    .footer_box div {
        flex: 0 0 50%;
        /* 2列（幅50%） */
    }

    .footer_box div:nth-child(2) {
        padding-left: 20px;
    }

    .footer_box ul {
        margin-left: 0px;
    }

    .footer_box h2 {
        font-size: 20px;
    }

    /*search-box*/
    .search-box {
        width: 100%;
    }

    /*contact*/

    .recruit-box {
        width: 100%;
        max-width: 100% !important;
        margin: 0 auto;
        background: #fff;
        padding: 30px;
    }

    .recruit-box tr:before {
        width: 31%;
    }

    .wh_box {
        margin-top: -10px !important;
    }

    .wh_box ul {
        display: flex;
        justify-content: flex-start;
        flex-wrap: wrap;
    }

    .top_container,
    .post-type-post .main-section {
        max-width: 80%;
        margin: 0 auto;
    }

    /*logistic*/
    .main_visual img {
        margin-top: 40px;
    }

    .logistic_gray {
        background: #F0F3F5;
        margin: -15px 0;
    }

    .logistic_step {
        position: relative;
        top: 0;
    }

    .logistic_step ul {
        width: 100%;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .logistic_step li {
        flex: 0 0 48% !important;
        /* 2列（幅50%） */
    }

    .logistic_step p {
        text-align: center;
    }

    .logistic_bg {
        height: 345px;
        background-image: url("https://nemy.co.jp/renew/wp-content/uploads/2025/07/logistic_bg.png");
        background-size: cover;
        background-position: top;
        color: #fff;
        text-align: center;
    }

    .square_tit {
        width: 100%;
    }

    .square_tit h2 {
        font-size: 24px;
    }

    .service_box {
        width: 100%;
        background-color: transparent;
        padding: 0;
    }

    #logistic_service h3,
    #logistic_case h3,
    #logistic_faq h3,
    #logistic_contact h3 {
        font-size: 20px;
    }

    #logistic_service h2 {
        color: #40CAD0;
    }

    #logistic_service h3 {
        font-size: 30px;
    }

    .logistic_support h2 {
        font-size: 20px;
    }

    .logistic_support h3 {
        font-size: 20px;
        color: #40CAD0;
        padding-top: 20px;
    }

    .logistic_support ul {
        flex-direction: column;
    }

    .logistic_support li {}

    .down_arrow {
        background-size: 50%;
    }

    .service01 {
        background-image: url("https://nemy.co.jp/renew/wp-content/uploads/2025/07/service01_img.png");
        background-position: top;
        background-repeat: no-repeat;
        padding-left: 0;
    }

    .service02 {
        background-image: url("https://nemy.co.jp/renew/wp-content/uploads/2025/07/service02_img.png");
        background-position: top;
        background-repeat: no-repeat;
        padding-left: 0;
    }

    .service03 {
        background-image: url("https://nemy.co.jp/renew/wp-content/uploads/2025/07/service03_img.png");
        background-position: top;
        background-repeat: no-repeat;
        padding-left: 0;
    }

    .service04 {
        background-image: url("https://nemy.co.jp/renew/wp-content/uploads/2025/07/service04_img.png");
        background-position: top;
        background-repeat: no-repeat;
        padding-left: 0;
    }

    .service01 .top_container,
    .service02 .top_container,
    .service03 .top_container,
    .service04 .top_container {
        background-color: rgba(255, 255, 255, 0.8);
        padding: 20px;
    }

    #logistic_service_content h3 {
        font-size: 18px;
        width: 100%;
    }

    #logistic_service_content p {
        width: 100%;
    }

    .case_in h5 {
        font-size: 18px;
    }

    #logistic_contact button {
        width: 100%;
        padding: 30px;
        font-size: 20px;
    }

}


/* PC専用 */
.pc {
    display: block;
}

.sp {
    display: none;
}

/* スマホ専用 */
@media screen and (max-width:1200px) {
    .pc {
        display: none;
    }

    .sp {
        display: block;
    }
}