@charset "UTF-8"; @media (max-width: 768px) {
    /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
	汎用
	━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */.grid {
    }

    p.cmn_btn {
    }

    p.cmn_btn a {
        font-size: 3rem;
        width: 44rem;
        height: 12rem;
        border-radius: 7.5px;
    }

    a.arrow {
    }

    a.arrow::after {
        width: 3rem;
        height: 3rem;
    }

    p.cmn_lead {
        font-size: 3.6rem;
        line-height: 1.5;
        text-align: center;
        padding: .8rem 2.5rem;
    }

    p.cmn_color_green {
    }

    p.cmn_color_orange {
    }

    p.cmn_color_blue {
    }

    p.cmn_color_purple {
    }

    h2.cmn_ttl {
    }

    h2.cmn_ttl span {
    }

    h2.cmn_ttl span.ja {
        font-size: 8rem;
    }

    h2.cmn_color_green span.ja {
    }

    h2.cmn_color_white span.ja {
    }

    h2.cmn_color_orange span.ja {
    }

    h2.cmn_color_purple span.ja {
    }

    h2.cmn_ttl span.en {
    }

    h2.cmn_color_green span.en {
    }

    /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
	プロモ
	━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
    .promo_frame {
        min-height: 112rem;
    }

    .promo_frame .promo_inner {
        display: flex;
        flex-direction: column;
    }

    .promo_frame .promo_img {
        width: 72rem;
    }

    .promo_frame .promo_fade {
        aspect-ratio: 720 / 400;
    }

    .promo_frame .promo_fade picture {
    }

    .promo_frame .promo_fade picture.is-show {
    }

    .promo_frame .promo_img.left {
        top: 0;
        bottom: auto;
        left: auto;
        right: 0;
    }

    .promo_frame .promo_img.right {
        top: auto;
        bottom: 0;
        right: auto;
        left: 0;
    }

    .promo_frame .promo_circle_bg {
        width: 54.2rem;
        height: 54.2rem;
        position: absolute;
        top: 50%;
        transform: translate(-50% , -50%);
        left: 50%;
    }

    .promo_frame .promo_circle_bg::after {
    }

    .promo_frame .promo_circle_bg h2.promo_ttl {
        width: 59rem;
    }

    /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
	メッセージ
	━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
    #home_message {
        padding-top: 20rem;
        padding-bottom: 8rem;
    }

    #home_message .bg {
        padding: 21rem 0 10rem;
        position: relative;
        z-index: 0;
    }

    #home_message .circle_sp_left {
        -webkit-background-size: 56rem 56rem;
        top: -11rem;
        left: -31rem;
        background: url("../images/home/message_left_circle.png") no-repeat left 06% top 0% / 56rem 56rem;
        width: 56rem;
        height: 56rem;
        position: absolute;
    }

    #home_message .circle_sp_right {
        right: -30rem;
        top: -4.5rem;
        background: url("../images/home/message_right_circle.png") no-repeat left 0% bottom 0 / 53rem 53rem;
        padding-bottom: 7rem;
        width: 53rem;
        height: 53rem;
        position: absolute;
        z-index: -1;
    }

    #home_message .main_img {
        position: static;
    }

    #home_message .main_img.top {
    }

    #home_message .main_img.top p.img.img01 {
        width: 44.2rem;
        position: absolute;
        top: -13rem;
        left: -7rem;
        image-rendering: -webkit-optimize-contrast;
    }

    #home_message .main_img.top p.img.img02 {
        width: 31rem;
        position: absolute;
        top: -4rem;
        right: 1rem;
        z-index: 1;
    }

    #home_message .main_img.top p.img.img03 {
        width: 20rem;
        position: absolute;
        top: -17rem;
        right: 10rem;
    }

    #home_message .bese_width {
    }

    #home_message .inner {
    }

    #home_message .inner h2.main_ttl {
        width: 61.6rem;
        left: -1rem;
        margin-bottom: 4rem;
    }

    #home_message .inner p.main_txt {
        font-size: 3rem;
        padding: 0 13rem;
        text-align: left;
        margin-bottom: 5rem;
        line-height: 1.75;
    }

    #home_message .inner p.btn {
    }

    #home_message .inner p.btn a {
    }

    #home_message .main_img.bottom {
    }

    #home_message .main_img.bottom p.img.img01 {
        width: 22rem;
        position: absolute;
        bottom: 7rem;
        left: -4rem;
    }

    #home_message .main_img.bottom p.img.img02 {
        width: 15.7rem;
        position: absolute;
        bottom: -4rem;
        right: 0;
    }

    /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
	働く人
	━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
    #home_people {
        padding-top: 9rem;
        padding-bottom: 10rem;
    }

    #home_people p.cmn_lead {
    }

    #home_people h2.cmn_ttl {
        margin-bottom: 9rem;
    }

    #home_people h2.cmn_ttl span.ja {
    }

    #home_people h2.cmn_ttl span.en {
    }

    #home_people .swiper {
        width: 50rem;
        margin: 0 auto 9rem;
    }

    #home_people ul.cmn_people_list {
        display: flex;
        margin: 0 auto;
        gap: 0;
    }

    #home_people ul.cmn_people_list li {
        display: block;
    }

    #home_people p.btn {
    }

    #home_people p.btn a {
        padding-right: 14rem;
    }

    #home_people p.btn a span {
        font-size: 3.6rem;
        padding-bottom: 2rem;
    }

    #home_people p.btn a::after {
        width: 9rem;
        height: 9rem;
        background-size: 2.2rem;
        top: calc(50% - 1rem);
    }

    /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
	スライダー
	━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
	.slider-wrap {
	  height: 56.4rem; 
	}

	.slider-bg {
	  width: calc(368.5rem * 2); 
	  background-image: url("../images/home/slider_sp.webp");
	  background-size: 368.5rem 56.4rem;
	}

	@keyframes slide {
	  from {
		transform: translateX(0);
	  }
	  to {
		transform: translateX(-368.5rem);
	  }
	}

    /*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
	会社を知る
	━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
    #home_company {
        margin-top: 15rem;
        padding-top: 15rem;
        padding-bottom: 25.5rem;
    }

    #home_company .com_deco {
    }

    #home_company .com_deco .deco {
    }

    #home_company .com_deco .deco.deco01 {
        --w: 23.1rem;
        --h: 23.1rem;
        --x: 23rem;
        --y: -12rem;
        background-image: url("../images/home/company-gallery-01.webp");
    }

    #home_company .com_deco .deco.deco02 {
        --w: 16rem;
        --h: 16rem;
        --x: 3rem;
        --y: -3.5rem;
        background-image: url("../images/home/company-gallery-02.webp");
    }

    #home_company .com_deco .deco.deco03 {
        --w: 25.4rem;
        --h: 25.4rem;
        --x: -3rem;
        --y: 5rem;
        background-image: url("../images/home/company-gallery-03.webp");
    }

    #home_company .com_deco .deco.deco04 {
        --w: 33.5rem;
        --h: 22rem;
        --x: -5rem;
        --y: -5rem;
        background-image: url("../images/home/company-gallery-04.webp");
    }

    #home_company .com_deco .deco.deco05 {
        --w: 22rem;
        --h: 22rem;
        --x: 27rem;
        --y: -6rem;
        background-image: url("../images/home/company-gallery-05.webp");
    }

    #home_company .com_deco .deco.deco06 {
        --w: 18.3rem;
        --h: 18.3rem;
        --x: 5rem;
        --y: 3rem;
        background-image: url("../images/home/company-gallery-06.webp");
    }

    #home_company .com_deco .deco.w_h {
    }

    #home_company .com_deco .deco.left {
    }

    #home_company .com_deco .deco.right {
    }

    #home_company .com_deco .deco.top {
    }

    #home_company .com_deco .deco.bottom {
    }

    #home_company .com_deco .deco.sp_bottom {
        bottom: var(--y);
        top: auto;
    }

    #home_company p.cmn_lead {
    }

    #home_company h2.cmn_ttl {
        margin-bottom: 6rem;
    }

    #home_company h2.cmn_ttl span.ja {
    }

    #home_company .works_wrap {
        width: 100%;
    }

    #home_company .works_wrap .inner {
        display: block;
        padding: 6.5rem 5.5rem 2rem;
        border-radius: 25px;
        margin-bottom: 5.5rem;
    }

    #home_company .works_wrap .inner::after {
        right: 2.5rem;
        bottom: 2.5rem;
    }

    #home_company .works_wrap .inner .txt_area {
        margin: 0 0 0rem;
    }

    #home_company .works_wrap .inner .txt_area h3.ttl {
        margin-bottom: 3rem;
    }

    #home_company .works_wrap .inner .txt_area h3.ttl a {
        font-size: 5.8rem;
    }

    #home_company .works_wrap .inner .txt_area p.txt {
        font-size: 3rem;
        padding: 0 1rem;
    }

    #home_company .works_wrap .inner p.img {
        margin: 0;
        width: 63rem;
    }

    #home_company .works_wrap ul.items {
        display: grid;
        grid-template-columns: 1fr;
        gap: 5rem;
    }

    #home_company .works_wrap ul.items li {
        position: relative;
        padding: 7rem 6rem 7rem 22rem;
        border-radius: 12.5px;
    }

    #home_company .works_wrap ul.items li::after {
        width: 6rem;
        height: 6rem;
        background-size: 1.8rem;
    }

    #home_company .works_wrap ul.items li p.icon {
        position: absolute;
        top: 5rem;
        left: 2.5rem;
        width: 16rem;
    }

    #home_company .works_wrap ul.items li h3.ttl {
        margin-bottom: 2.5rem;
    }

    #home_company .works_wrap ul.items li h3.ttl a {
        font-size: 4.8rem;
        text-align: left;
    }

    #home_company .works_wrap ul.items li p.txt {
        font-size: 2.6rem;
        text-align: left;
    }

    /*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
	働く人を知る
	━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
    #home_job {
        padding-top: 15rem;
    }

    #home_job .content_wrap {
    }

    #home_job .content_wrap p.cmn_lead {
    }

    #home_job .content_wrap h2 {
        margin-bottom: 5.5rem;
    }

    #home_job .content_wrap p.main_txt {
        width: 84%;
        margin: 0 auto 35rem;
        font-size: 3rem;
        text-align: left;
        line-height: 1.75;
    }

    #home_job .content_wrap .content_img {
    }

    #home_job .content_wrap .content_img p.img {
    }

    #home_job .content_wrap .content_img.left {
        left: 0;
        width: 36.6rem;
        top: 66rem;
    }

    #home_job .content_wrap .content_img.left p.img01 {
        width: 17.4rem;
    }

    #home_job .content_wrap .content_img.left p.img02 {
        width: 17.4rem;
    }

    #home_job .content_wrap .content_img.right {
        right: 0;
        width: 36.6rem;
        top: 63rem;
    }

    #home_job .content_wrap .content_img.right p.img01 {
        width: 17.4rem;
    }

    #home_job .content_wrap .content_img.right p.img02 {
        width: 17.4rem;
        margin-top: 6rem;
    }

    /* ===== スクロール切り替えエリア ===== */
    .scroll-section {
        height: 400vh;
    }

    .scroll-section .scroll-inner {
    }

    /* ===== パネル ===== */
    .scroll-section .panel {
        height: 126rem;
    }

    .scroll-section .panel.is-active {
    }

    /* ===== 背景 ===== */
    .scroll-section .panel .scroll_bg {
        height: 126rem;
        background-size: 69rem 126rem;
        width: 69rem;
        position: relative;
    }

    .scroll-section .panel .scroll_bg::after {
        border-width: 5px;
    }


	.scroll-section .panel-1 .scroll_bg {
		background-image: url("../images/home/works_slide01_sp.jpg");
	}

	.scroll-section .panel-2 .scroll_bg {
		background-image: url(../images/home/works_slide02_sp.jpg);
	}

	.scroll-section .panel-3 .scroll_bg {
		background-image: url(../images/home/works_slide03_sp.jpg);
	}

	.scroll-section .panel-4 .scroll_bg {
		background-image: url(../images/home/works_slide04_sp.jpg);
	}

    .scroll-section .scroll-pagination {
        right: 6rem;
        top: 46.5%;
    }

    .scroll-section .scroll-pagination .dot {
        width: 2rem;
        height: 2rem;
    }

    .scroll-section .scroll-pagination .dot.is-active {
    }

	#home_job p.job_en_ttl {
		left: -3rem;
		
	}

	#home_job .panel-3 p.job_en_ttl{
		
	}

	#home_job .panel-4 p.job_en_ttl{
		left: -2.5rem;
	}
    #home_job p.job_en_ttl img {
    }

    #home_job p.job_ja_ttl {
        writing-mode: inherit;
        font-size: 6.2rem;
        top: 20.5rem;
		left: 7rem;
        transform: none;
    }

    #home_job .txt_wrap {
        width: 100%;
        margin-top: 41rem;
        padding: 0 4rem;
		position: relative;
    }

    #home_job .txt_wrap h2.ttl {
        font-size: 4.8rem;
        line-height: 1.5;
    }

    #home_job .txt_wrap p.txt {
        font-size: 3rem;
        line-height: 1.75;
        margin-bottom: 8rem;
    }

    #home_job .txt_wrap p.btn {
    }

    #home_job .txt_wrap p.btn a {
        font-size: 3rem;
        padding-right: 15rem;
    }

    #home_job .txt_wrap p.btn a::after {
        width: 9rem;
        height: 9rem;
        background-size: 2.25rem 2rem;
    }

    #home_job .txt_wrap p.btn a span {
    }

    /*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
	働く魅力を知る
	━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
    #home_charm {
        padding-top: 0;
        padding-left: 0;
    }

    #home_charm .inner {
        display: flex;
        flex-direction: column;
    }

    #home_charm .inner .txt_area {
        width: 100%;
        margin: 0;
        display: contents;
    }

    #home_charm .inner .txt_area .content_wrap {
        order: 1;
        margin-bottom: 7rem;
    }

    #home_charm .inner .txt_area .content_wrap p.cmn_lead {
        margin: 0 auto 2rem;
    }

    #home_charm .inner .txt_area .content_wrap h2.cmn_ttl {
        margin-bottom: 5rem;
    }

    #home_charm .inner .txt_area .content_wrap h2.cmn_ttl span.ja {
        margin: 0 auto;
    }

    #home_charm .inner .txt_area .content_wrap p.main_txt {
        font-size: 3rem;
        line-height: 1.75;
        padding: 0 4rem 0 5rem;
    }

    #home_charm .inner .txt_area ul.items {
        order: 3;
        width: 65rem;
        margin: -8rem auto 0;
        padding: 0 5rem 0;
    }

    #home_charm .inner .txt_area ul.items > li {
        align-items: flex-start;
        gap: 2rem;
        padding: 5rem 0 6rem 0rem;
        grid-template-columns: 1fr 19rem;
    }

    #home_charm .inner .txt_area ul.items > li:not(:last-child) {
    }

    #home_charm .inner .txt_area ul.items > li::after {
        width: 6rem;
        height: 6rem;
        background-size: 2rem;
        bottom: 5rem;
    }

    #home_charm .inner .txt_area ul.items > li .content_area {
    }

    #home_charm .inner .txt_area ul.items > li .content_area h3.ttl {
    }

    #home_charm .inner .txt_area ul.items > li .content_area h3.ttl a {
        font-size: 4.8rem;
    }

    #home_charm .inner .txt_area ul.items > li .content_area p.txt {
        font-size: 2.6rem;
    }

    #home_charm .inner .txt_area ul.items >li .content_area ul.tag {
        display: block;
        line-height: 1.2;
    }

    #home_charm .inner .txt_area ul.items >li .content_area ul.tag li {
        font-size: 2.4rem;
        display: inline-block;
    }

    #home_charm .inner .txt_area ul.items > li p.icon {
        width: 19rem;
        position: relative;
        top: -2rem;
        right: -2rem;
    }

    #home_charm .inner .txt_area ul.items > li p.icon img {
    }

    #home_charm .inner p.main_img {
        order: 2;
        width: 72rem;
        margin: 0;
        margin-left: auto;
    }

    #home_charm .inner p.main_img img {
    }

    /*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
	ニュース
	━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
    #home_news {
		padding-top: 15rem;
		padding-bottom: 9rem;
	}

    #home_news .inner {
        grid-template-columns: 1fr;
        gap: 1.5rem;
    }

    #home_news .inner .contents_wrap {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    #home_news .inner .contents_wrap h2.main_ttl {
    }

    #home_news .inner .contents_wrap h2.main_ttl span {
    }

    #home_news .inner .contents_wrap h2.main_ttl span.en {
        width: 26.2rem;
        margin-bottom: 2rem;
    }

    #home_news .inner .contents_wrap h2.main_ttl span.en img {
    }

    #home_news .inner .contents_wrap h2.main_ttl span.ja {
        font-size: 3rem;
        padding-left: 6rem;
    }

    #home_news .inner .contents_wrap p.btn {
        margin-right: 2rem;
    }

    #home_news .inner .contents_wrap p.btn a {
        font-size: 3rem;
        padding-left: 10rem;
    }

    #home_news .inner .contents_wrap p.btn a::before {
        width: 6rem;
        height: 6rem;
        background-size: 1.8rem;
    }

    #home_news .inner .post_wrap {
        padding: 0 2rem;
    }

    #home_news .inner .post_wrap p {
    }
}
}

/*FINISH*/