@charset "UTF-8";

/* 共通部分 */
* {
    margin: 0;
    padding: 0;
}

:root {
    --blue: #066bfc;
    --gray: #f2f2f2;
    --yellow: #eea02e;
    --black: #222222;
    --gradation: linear-gradient(150deg, rgba(116, 188, 229, 1), rgba(6, 107, 248, 1) 100%, rgba(30, 152, 211, 1) 44%, rgba(8, 109, 233, 1) 84%);
}

.top_main,
.top_video_wrapper p,
.subtitle_wh,
.subitem_wh,
.text_wh,
.subtitle_bl,
.subitem_bl,
h4 {
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-weight: 700;
    font-style: normal;
}

.subtitle_wh,
.subitem_wh,
.subitem_wh,
h3 {
    color: var(--blue);
    text-align: center;
}

.text_wh {
    color: var(--black);
    text-align: center;
}

.subtitle_bl,
.subitem_bl {
    color: var(--blue);
    text-align: center;
}

.subitem_wh,
.subitem_bl {
    font-size: clamp(2.5rem, 2.106rem + 1.75vw, 3.2rem);
    margin-top: -10px;
}

p,
li,
li a,
th,
td {
    font-size: clamp(0.9rem, 0.787rem + 0.5vw, 1.1rem);
    font-family: "Source Han Code", "源ノ角ゴシック Code", sans-serif;
}

/* js CSS */
/* fadeIn */
.fadeIn {
    animation-name: fadeInAnime;
    animation-duration: 2s;
    animation-fill-mode: forwards;
    opacity: 0;
}

@keyframes fadeInAnime {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

/* スクロールをしたら出現する要素にはじめに透過0を指定　*/

.fadeInTrigger {
    opacity: 0;
}

/* HEADER-ここから--------------------------- */
header {
    background: #fff;
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 1000;
}

.header_logo_wrapper {
    max-width: 1100px;
    margin: 0 auto;
    height: 85px;
}

h1 a img {
    height: 40px;
    margin: 22px 0 20px 5%;
}

.header_wrapper {
    background-color: var(--blue);
}

nav ul {
    max-width: 1100px;
    height: 70px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    list-style: none;
}
nav ul li{
    width: calc(100% / 5);
}
nav ul li a {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 70px;
    color: #fff;
    padding: 0 10px 0;
    text-decoration: none;
    font-size: clamp(1rem, 0.366rem + 1.29vw, 1.25rem);
    font-weight: bold;
    
}

nav ul li:hover {
    background: #568eff;
}
/* HEADER-ここまで--------------------------- */

/* top-ここから--------------------------- */
.top_video_container {
    width: 100%;
    margin-top: 155px;
    background-color: var(--gray);
    position: relative;
}

.top_video_container .top_video_filter video {
    vertical-align: bottom;
    width: 100%;
}

.top_video_wrapper {
    max-width: 1100px;
    margin: 0 auto;
    position: absolute;
    top: 40%;
    right: 10%;
}

.top_main {
    font-size: clamp(2.5rem, 1.656rem + 3.75vw, 4rem);
    color: #fff;
}

.top_main span {
    font-size: clamp(1.7rem, 0.969rem + 3.25vw, 3rem);
}

.top_about_container {
    background: var(--gradation);
    width: 100%;
    position: relative;
}

.top_about_wrapper {
    max-width: 1100px;
    height: 550px;
    margin: 0 auto 0 auto;
}

.top_about_wrapper_sub {
    position: relative;
    z-index: 20;
}

.top_about_wrapper_sub p.subtitle_wh {
    padding-top: 50px;
    box-sizing: border-box;
    color: #fff;
}

.top_about_wrapper_sub .subitem_wh {
    color: #fff;
}

.top_about_wrapper_sub h3 {
    margin-top: 45px;
    color: #fff;
}

.top_about_wrapper_sub h3.pc span {
    font-size: clamp(1.7rem, 1.363rem + 1.5vw, 2.3rem);
    background: linear-gradient(transparent 80%, #eea02e 50%);
}

.top_about_wrapper_sub h3.sp {
    display: none;
}

.top_about_wrapper_sub p.text_wh {
    margin-top: 40px;
    line-height: 2rem;
    color: #fff;
}


.top_about_wrapper img {
    height: 500px;
    position: absolute;
    top: 30%;
    left: 8%;
    z-index: 15;
}

.btn {
    display: flex;
    justify-content: flex-end;
    margin: 50px 100px 50px 0;
}

.btn_wh {
    display: inline-block;
    width: 100%;
    max-width: 150px;
    /* ボタン幅 */
    position: relative;
    background: #fff;
    /* 背景色 */
    padding: 1em 2em;
    color: var(--blue);
    /* 文字色 */
    text-decoration: none;
    text-align: center;
    transition-duration: 0.3s;
    border-radius: 100vh;
    box-shadow: 0px 2px 7px 0px rgba(0, 0, 0, 0.3);
}

.btn_wh:hover {
    filter: brightness(0.8);
}

.btn a {
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-weight: 700;
    font-style: normal;
}

.top_reason_container {
    width: 100%;
    height: 600px;
    background-color: var(--gray);
    position: relative;
    background-image: url(../image/top-reason-left.png), url(../image/top-reason-right2.png);
    background-repeat: no-repeat, no-repeat;
    background-position: bottom 50px left, bottom right;
    background-size: 50%, 60%;
}

.top_reason_wrapper {
    height: 930px;
    max-width: 1100px;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    margin: 0 auto;
    z-index: 20;
}

.top_reason_wrapper p.subtitle_bl {
    padding-top: 100px;
    box-sizing: border-box;
}

.top_reason_wrapper h3 {
    margin-top: 50px;
    font-size: 1.5rem;
    color: var(--black);
}

.top_reason_wrapper p.top_reason_text {
    font-family: "Source Han Code", "源ノ角ゴシック Code", sans-serif;
    font-size: 1rem;
    text-align: center;
    color: var(--black);
}

.top_reason_wrapper .btn {
    display: flex;
    justify-content: flex-end;
    margin-top: 50px;
    margin-right: 100px;
}

.btn_bl {
    display: inline-block;
    width: 100%;
    max-width: 150px;
    /* ボタン幅 */
    position: relative;
    background: var(--gradation);
    /* 背景色 */
    padding: 1em 2em;
    color: #fff;
    /* 文字色 */
    text-decoration: none;
    text-align: center;
    transition-duration: 0.3s;
    border-radius: 100vh;
    box-shadow: 0px 2px 7px 0px rgba(0, 0, 0, 0.3);
}

.btn_bl:hover {
    filter: brightness(0.8);
}

.top_business_container {
    width: 100%;
    height: 1350px;
    position: relative;
    background: linear-gradient(rgb(242, 242, 242), rgb(37, 89, 165), rgb(242, 242, 242));
}

.top_business_container img {
    width: 100%;
}

.top_business_wrapper p.text_wh {
    margin: 5% 15%;
}

.top_business_wrapper {
    max-width: 1100px;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    margin: 0 auto;
}

.top_business_wrapper p.subtitle_wh {
    padding-top: 150px;
    box-sizing: border-box;
    line-height: 2.4rem;
}

.top_business_cloud1 {
    position: absolute;
    top: 20%;
}

.top_business_cloud2 {
    position: absolute;
    top: 50%;
    right: 1%;
}

.top_business_cloud1 img {
    width: 80%;
}

.top_business_cloud2 img {
    width: 90%;
}

.top_business_outer {
    background-color: rgba(255, 255, 255, 0.2);
    margin: 70px;
    padding: 10px 0 40px 0;
}

.top_business_wrapper ul {
    margin: 10% 8% 0 8%;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    justify-items: center;
}

.top_business_wrapper ul li {
    list-style: none;
    max-width: 370px;
    position: relative;
}

.top_business_outer ul li {
    width: 100%
}

.top_business_outer ul li:hover {
    filter: brightness(120%);
}

.top_business_wrapper ul li dl {
    text-align: left;
    position: absolute;
    bottom: 2%;
    margin: 7%;
}

.top_business_wrapper ul li dl dt {
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: clamp(1.5rem, 1.05rem + 2vw, 2.3rem);
    color: var(--yellow);
    text-shadow: 1px 1px 2px black;
}

.top_business_wrapper ul li dl dd {
    font-size: 0.85rem;
    color: #fff;
    text-shadow: 2px 2px 4px black;

}

.top_recruit_container {
    width: 100%;
    height: 660px;
    background-color: var(--gray);
    background-image: url(../image/top-recruit.png);
    background-repeat: no-repeat;
    background-position: bottom right;
    background-size: 60%;
}

.top_recruit_wrapper {
    max-width: 1100px;
    margin: 0 auto;
}

.top_recruit_wrapper .subtitle_bl {
    padding-top: 13%;
}

.top_recruit_wrapper .item2 {
    margin: 8% 0 0 8%;
    line-height: 2rem;
}

.top_recruit_wrapper .item2 p {
    font-size: clamp(0.9rem, 0.787rem + 0.5vw, 1.1rem);
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-weight: 700;
    font-style: normal;
    color: var(--black);
}

.top_recruit_wrapper .item2 p span,
.top_recruit_wrapper .item3 p {
    font-size: clamp(1.3rem, 1.188rem + 0.5vw, 1.5rem);
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-weight: 700;
    font-style: normal;
    color: var(--black);
}

.top_recruit_wrapper .item3 {
    margin: 5% 0 0 8%;
}

.top_recruit_wrapper .item3 p span {
    background: linear-gradient(transparent 80%, #eea02e 50%);
}

.top_recruit_wrapper .btn {
    display: flex;
    justify-content: start;
    margin-top: 50px;
    margin-left: 12%;
}

.top_about_wrapper_sub p.text_wh_sp,
.top_business_wrapper p.text_wh_sp,
.top_business_wrapper .top_business_ul_sp,
figure.sp img,
.footnav_sp_wrapper,
.top_video_filter_768,
.top_video_filter_sp,
.page-top_sp {
    display: none;
}

/* top-ここまで--------------------------- */

/* 企業情報-ここから--------------------------- */
.com_info1_wrapper {
    margin: 185px 0 2% 0;
}


.com_top_container {
    max-width: 100%;
    position: relative;
    background-image: url(../image/company-top3.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    height: 550px;
    background-position: bottom right;
}

.com_top-wrapper {
    max-width: 750px;
    padding-left: 8%;
}

.com_top_p {
    position: absolute;
    top: 100px;
    color: #f2f2f2;
    line-height: 2rem;
    font-size: clamp(1rem, 0.425rem + 0.8vw, 1.375rem);
    font-family: serif;
    font-weight: 400;
    font-style: normal;
    height: 15%;
    background-image: linear-gradient(90deg, rgba(117, 255, 218, 0.15), rgba(255, 255, 255, 0));
    padding: 30px 20px 30px 200px;
    left: 0;
    width: 40%;
    text-align: left;
}

.com_top_p2 {
    display: none;
}

.com_philosophy_container {
    background-color: var(--gray);
}

.com_philosophy_wrapper {
    max-width: 1000px;
    margin: 0 auto;
    padding-top: 100px;
    padding-bottom: 100px;
}

.com_philosophy_box1 {
    text-align: center;
    padding-bottom: 50px;
    line-height: 2em;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-weight: bold;
    color: var(--black);
}

.com_philosophy_box1_p2 {
    display: none;
}

.com_top_fukuoka {
    display: none;
}

.com_philosophy_box2 {
    margin: 0 auto;
    background-color: #fff;
    width: 700px;
    box-shadow: 2px 2px 4px;
    padding: 20px;
}

.com_philosophy_box2_1 {
    margin: 0 auto;
    text-align: center;
    padding-top: 20px;
    padding-bottom: 25px;
    font-size: 1.5rem;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-weight: bold;
    width: 80%;
    border-bottom: #222222 1px solid;

}

.com_philosophy_box2 .com_philosophy_box2_2 {
    text-align: center;
    color: #066bfc;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-weight: bold;
    padding-bottom: 10px;
    padding-top: 20px;
}

.com_philosophy_box2_2sp {
    display: none;
}

.com_philosophy_box2_3 {
    text-align: center;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-weight: 400;
    font-style: normal;
    padding-bottom: 30px;
    color: #000;
}

.com_philosophy_box2_3sp {
    display: none;
}

.com_introduction_container {
    background-color: var(--gray);
}

.com_introduction_bg {
    background-image: url(../image/company_top_sp2.jpg);
    background-size: cover;
    background-position: left top;
    width: 100%;
    height: 600px;
    margin-top: 40px;
}

.com_introduction_wrapper {
    position: relative;
    max-width: 1100px;
    margin: 0 auto;
}

.com_introduction_p {
    position: absolute;
    right: 10px;
    top: 100px;
    color: #fff;
    line-height: 2.5rem;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 1.2rem;
}

.com_introduction_p2 {
    display: none;
}

/* --------- ↓ COMPANY PROFILE --------- */

.com_prof_container {
    /* background-image: url(../image/recruit-job-img.png); */
    background: linear-gradient(rgb(242, 242, 242), rgba(37, 89, 165, 0.5), rgba(37, 89, 165, 0.8), rgba(37, 89, 165, 0.9), rgba(37, 89, 165, 0.8), rgba(37, 89, 165, 0.5), rgb(255, 255, 255));
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 100px;
    padding-bottom: 8%;
}

.com_info_wrapper {
    margin: 0 auto;
    padding: 0;
}

.com_pfof_table {
    background-color: #fff;
    margin: 20px auto 0 auto;
    width: 600px;
    padding: 1rem;
}

.com_pfof_table table {
    width: 100%;
}

.com_pfof_table th {
    background: #d5daec;
    text-align: center;
    font-size: 15px;
    font-weight: bold;
    padding: 1rem;
    color: var(--black);
}

.com_pfof_table td {
    border-bottom: solid 1px #0c0b0b;
    font-size: 14px;
    padding: 1rem;
    color: var(--black);
}


/* --------ACCESSについて----------------- */

.com_map_wrapper {
    max-width: 1000px;
    margin: 0 auto;
    height: 30%;
    padding: 3rem 4%;
}

.com_map_wrapper .subitem_bl {
    margin-bottom: 30px;
}

.location_map {
    text-align: center;
    padding: 2rem 0;
}

.location_map iframe {
    width: 100%;
    height: 500px;
}

.map_text {
    font-size: 1.5rem;
    color: var(--blue);
    border-bottom: solid;
    border-color: var(--blue);
    /* var(--blue) */
}

.map_text_comname {
    border-bottom: #000;
    font-size: 1.5rem;
    font-weight: bold;
    padding-bottom: 1rem;
}

.access_route {
    font-size: 1.5rem;
    text-align: center;
    padding-top: 3rem;
    padding-bottom: 1.2rem;
}

.com_access_container img {
    width: 100%;
}

.com_map_wrapper ul {
    margin-top: 2rem;
}

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

.com_carmap1 {
    display: flex;
    flex-direction: row;
}

.com_carmap1 ul {
    flex-grow: 2;
}

.com_carmap1 img {
    margin-top: 30px;
    padding-left: 100px;
    width: 70%;
}

.com_carmap1_sub {
    width: 80%;
}

.com_carmap1_sub ol{
    list-style-position: inside;
}
/* 企業情報-ここまで--------------------------- */

/* 事業内容-ここから--------------------------- */
/* お困りごと */
.business_top_container {
    max-width: 1000px;
    margin: 0 auto;
    padding-top: 50px;
}

.business_top_item1 {
    text-align: center;
    font-size: clamp(1.875rem, 1.355rem + 2.31vw, 2.8rem);
    margin-top: 175px;
    font-family: "Zen Kaku Gothic New", sans-serif;
    color: var(--black);
}

.business_top_list {
    margin-top: 100px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
}

.business_top_list img {
    width: 80%;
    margin-left: 8%;
}

.business_top_list figcaption {
    text-align: center;
    color: var(--black);
    font-family: "Source Han Code", "源ノ角ゴシック Code", sans-serif;
    font-size: clamp(0.875rem, 0.664rem + 0.94vw, 1.25rem);
}

.business_top_item2 {
    text-align: center;
    margin-top: 80px;
    font-size: clamp(1.6rem, 1.375rem + 1vw, 2rem);
    font-family: "Zen Kaku Gothic New", sans-serif;
    color: var(--black);
}

/* 事業内容 */
.business_container {
    width: 100%;
    margin-top: 100px;
    background: linear-gradient(rgb(255, 255, 255), rgb(37, 89, 165), rgb(255, 255, 255));
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.business_business_wrapper {
    max-width: 1000px;
    width: 90%;
    margin: 0 auto;
}

.text_wh {
    margin-top: 50px;
    margin-bottom: 10px;
}

.business_bg {
    background-color: rgba(255, 255, 255, 0.2);
}

.business_business_wrapper>.subtitle_wh {
    padding-top: 100px;
}

.business_business_1,
.business_business_2,
.business_business_3,
.business_business_4 {
    display: flex;
    flex-direction: row;
    margin-top: 5%;
    position: relative;
    width: 80%;
    padding-left: 10%;
}

.business_business_1 {
    padding-top: 5%;
}

.business_business_4 {
    padding-bottom: 5%;
}

.business_business_1 img,
.business_business_2 img,
.business_business_3 img,
.business_business_4 img {
    width: 30%;
    object-fit: cover;
    object-position: left;
}

.business_text {
    width: 100%;
    display: inline-block;
    line-height: 2em;
    padding: 30px;
    background-color: #ffffff;
    color: var(--black);
}

.business_subtext_1 {
    font-size: 130%;
    font-weight: bold;
}

.business_subtext_2 {
    font-size: 90%;
}

.business_subtext_3 {
    font-size: 70%;
}

.sp_bus {
    display: none;
}

/* 雲 */
.cloud {
    position: absolute;
}

.cloud_1 {
    width: 70%;
    margin: 400px 10% 30% -30%;
}

.cloud_2 {
    width: 60%;
    margin: 0 0 40% 40%;
}

/* 矢印 */
.business_ya {
    text-align: center;
    margin-bottom: 100px;
    margin-top: 100px;
}

/* 効果・流れ */
.business_epi,
.business_schedule {
    max-width: 1100px;
    margin: 0 auto;
    text-align: center;
}

.business_text_item {
    margin-bottom: 50px;
    font-size: clamp(1.6rem, 1.375rem + 1vw, 2rem);
    font-family: "Zen Kaku Gothic New", sans-serif;
}

.business_text_item span {
    color: var(--black);
    background: linear-gradient(transparent 60%, #eea02e 60%);
}

.business_epi_wrapper img.pc_epi {
    width: 90%;
    margin-bottom: 10%;
}

.business_schedule_wrapper img {
    width: 90%;
    margin-bottom: 10%;
}

.sp_epi,
.sp_sche {
    display: none;
}

/* 詳しいシステム導入の流れはこちらから */
.business_schedule_window {
    margin: 0 auto 10%;
}

.business_schedule_window a {
    font-family: "Source Han Code", "源ノ角ゴシック Code", sans-serif;
    font-weight: bold;
    font-size: 18px;
    color: var(--black);
}

.business_schedule_window a::after {
    content: '';
    /*何も入れない*/
    display: inline-block;
    width: 16px;
    /*画像の幅*/
    height: 16px;
    /*画像の高さ*/
    background-image: url(../image/icon.png);
    background-size: contain;
}

/* 事業内容-ここまで--------------------------- */


/* 選ばれる理由-ここから--------------------------- */
.reason_top_container {
    background-color: #587dc8;
    padding-bottom: 50px;
    margin-top: 145px;
}

.reason_top_wrapper {
    max-width: 1100px;
    margin: 0 auto;
}

.reason_top_text0 {
    height: 50px;
}
.reason_top_text{
    color: #fff;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size:clamp(1.563rem, 1.131rem + 2.16vw, 2.75rem);
    text-align: left;
    margin-left: 50px;
    max-width: 800px;
    line-height: 5rem;
}


.reason_top_text .reason_top_text1:nth-child(3),.reason_top_text .reason_top_text1:nth-child(4),.reason_top_text .reason_top_text1:nth-child(2){
    /* color: var(--yellow); */
text-decoration: underline 8px #eea02e;
    line-height: 4.5rem;
}

.reason_top_text .reason_top_text1:nth-child(1),.reason_top_text .reason_top_text1:nth-child(5){
font-size: clamp(1rem, 0.682rem + 1.59vw, 1.875rem);
}
.reason_top_text2 {
    color: #fff;
    font-size: 2rem;
    margin-top: 150px;
    margin-bottom: 40px;
    text-align: center;

}

.reason_top_numbers {
    background: linear-gradient(transparent 80%, #eea02e 10%);
}

.reason_top_numbers>span {
    font-size: 2rem;
}

/* セクション------------------ */
.reason_top_section {
    max-width: 1100px;
    margin: 0 auto;
    padding-left: 25px;
    padding-right: 35px;
    display: grid;
    grid-template-rows: repeat(3);
    gap: 50px;
}


/* 傾聴力 */


.reason_top_section .reason_top_section2:nth-child(1) {
    position: relative;
    margin-top: 50px;

}

.reason_top_section .reason_top_section2:nth-child(1) .reason_top_img1 {
    position: absolute;
    top: 30px;
    left: 50px;
}

.reason_top_section .reason_top_section2:nth-child(1) .reason_top_img2 {
    position: absolute;
    top: 100px;
    left: 550px;
}

.reason_top_section .reason_top_section2:nth-child(1) .reason_top_img1 img {
    width: 90px;
}

.reason_top_section .reason_top_section2:nth-child(1) .reason_top_img2 img {
    width: 90px;
}

/* 技術力 */
.reason_top_section .reason_top_section2:nth-child(2) {
    position: relative;
    justify-self: end;

}

.reason_top_section .reason_top_section2:nth-child(2) .reason_top_img1 {
    position: absolute;
    top: 30px;
    left: 50px;
}

.reason_top_section .reason_top_section2:nth-child(2) .reason_top_img2 {
    position: absolute;
    top: 100px;
    right: 30px;
}

.reason_top_section .reason_top_section2:nth-child(2) .reason_top_img1 img {
    width: 110px;
}

.reason_top_section .reason_top_section2:nth-child(2) .reason_top_img2 img {
    width: 130px;
}

/* 挑戦力 */
.reason_top_section .reason_top_section2:nth-child(3) {
    position: relative;
    padding-bottom: 150px;

}

.reason_top_section .reason_top_section2:nth-child(3) .reason_top_img1 {
    position: absolute;
    top: 30px;
    left: 50px;
}

.reason_top_section .reason_top_section2:nth-child(3) .reason_top_img2 {
    position: absolute;
    top: 113px;
    left: 510px;
}

.reason_top_section .reason_top_section2:nth-child(3) .reason_top_img1 img {
    width: 110px;
}

.reason_top_section .reason_top_section2:nth-child(3) .reason_top_img2 img {
    width: 180px;
}


/* 　details */
details {
    cursor: pointer;
    text-align: center;
    width: 700px;
    border-radius: 50px;
    background: #587dc8;
    border-radius: 50px;
    background: #587dc8;
    box-shadow: -20px 20px 60px #4b6aaa, 20px -20px 60px #6590e6;
}

details:hover {
    background-color: rgba(131, 202, 231, 0.2);
}

summary {
    text-align: center;
    list-style: none;
    position: relative;
    color: #fff;
}

summary span {
    display: block;
}

details summary::before {
    content: "+";

    position: absolute;
    text-align: center;
    bottom: -80px;
    font-size: 50px;
    color: #fff;
    font-weight: bold;
    transition: 0.2s linear;
    border-radius: 50%;
}

details[open] summary::before {
    transform: rotate(135deg);
}


summary .reason_top_item1 {
    color: #eea02e;
    font-size: 50px;
    font-family: "Source Han Code", "源ノ角ゴシック Code", sans-serif;
    padding-top: 53px;
    padding-bottom: 30px;
    text-align: center;
}

.reason_top_explanation1 {
    line-height: 2rem;
    font-size: 20px;
    text-align: center;
    margin-bottom: 100px;
    padding-left: 30px;
    padding-right: 30px;

}

.reason_top_explanation2 {
    color: #fff;
    padding: 30px 50px 80px 50px;
    line-height: 2rem;
    font-weight: lighter;

}

/* システム内容 */

.reason_achieve_container {
    background-image: url(../image/sora_haikei_2.jpg);
    background-size: cover;
    background-blend-mode: color-dodge;
}

.reason_achieve_wrapper {
    margin: 0 auto;
    max-width: 1100px;
}

/* 企業実績コンテナ */
.reason_achieve_item1 {
    font-size: 3rem;
    font-family: "Zen Kaku Gothic New", sans-serif;
    text-align: center;
    padding-top: 50px;
    padding-bottom: 30px;
    color: var(--black);

}

/*共通 */
.reason_achieve_grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 10px;
    margin-right: 20px;
    margin-left: 20px;
}

.reason_achieve_item2_1 {
    font-size: 1.75rem;
    color: #fff;
    background-color: #066bfc;
    text-align: center;
    font-family: "Zen Kaku Gothic New", sans-serif;
    margin-bottom: 0px;
    margin-top: 50px;
    padding: 10px;
    align-self: end;
}

.reason_achieve_item2 {
    margin-left: 20px;
    margin-right: 20px;
    list-style-type: none;
    /* margin: 0 auto; */
    padding-top: 10px;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 10px;
    /* min-width: 1100px; */
    color: var(--black);
}

.reason_achieve_item3_1 {
    font-size: 1.5rem;
    font-weight: bold;
    padding-top: 20px;
    padding-bottom: 10px;
    color: #066bfc;
}

.reason_achieve_item3 li {
    font-size: 1rem;
}

/* スクロール ここから*/
.reason_achieve_item3::-webkit-scrollbar {
    width: 16px;
}

.reason_achieve_item3::-webkit-scrollbar-thumb {
    border-radius: 20px;
    background-color: #587dc8;
}

.reason_achieve_item3::-webkit-scrollbar-thumb:hover {
    background-color: #5495ba;
}

.reason_achieve_item3 {
    list-style-type: none;
    height: 300px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    /* スクロール */
    height: 100px;
    overflow: scroll;
    overflow-x: hidden;
}

/* 項目ごと */
.reason_achieve_item2>li {
    padding: 10px;
    background-color: rgba(255, 255, 255, 0.5);
}

.reason_achieve_wrapper .reason_achieve_item2:nth-child(3) li .reason_achieve_item3_1 {
    font-size: 1.5rem;
    font-weight: bold;
    padding-top: 20px;
    padding-left: 20px;
    padding-bottom: 10px;
    color: #066bfc;
}

.reason_achieve_wrapper ul:nth-child(5)>.reason_achieve_item2 ul {
    background-color: rgba(255, 255, 255, 0.5);
}

.reason_achieve_wrapper .reason_achieve_item2:nth-child(7) li .reason_achieve_item3_1 {
    font-size: 1.5rem;
    font-weight: bold;
    padding-top: 20px;
    padding-left: 20px;
    padding-bottom: 10px;
    color: #066bfc;
}

.reason_achieve_wrapper .reason_achieve_item2:nth-child(7) {
    padding-bottom: 200px;
}

.reason_achieve_wrapper .reason_achieve_item2:nth-child(3) li:nth-child(2) .reason_achieve_item3::-webkit-scrollbar-track {
    border-radius: 20px;
    background-color: rgba(154, 166, 194, 0.5);
}

.reason_achieve_wrapper .reason_achieve_item2:nth-child(3) li:nth-child(3) .reason_achieve_item3::-webkit-scrollbar-track {
    border-radius: 20px;
    background-color: rgba(154, 166, 194, 0.5);
}

.reason_achieve_wrapper .reason_achieve_item2:nth-child(3) li:nth-child(4) .reason_achieve_item3::-webkit-scrollbar-track {
    border-radius: 20px;
    background-color: rgba(154, 166, 194, 0.5);
}

.reason_achieve_wrapper .reason_achieve_item2:nth-child(7) li:nth-child(2) .reason_achieve_item3::-webkit-scrollbar-track {
    border-radius: 20px;
    background-color: rgba(154, 166, 194, 0.5);
}

.reason_achieve_wrapper .reason_achieve_item2:nth-child(7) li:nth-child(3) .reason_achieve_item3::-webkit-scrollbar-track {
    border-radius: 20px;
    background-color: rgba(154, 166, 194, 0.5);
}

.reason_achieve_wrapper .reason_achieve_item2:nth-child(7) li:nth-child(4) .reason_achieve_item3::-webkit-scrollbar-track {
    border-radius: 20px;
    background-color: rgba(154, 166, 194, 0.5);
}

/* 選ばれる理由-ここまで--------------------------- */

/* 採用情報-ここから--------------------------- */
.recruit_container {
    max-width: 100%;
    padding-top: 50px;
}

.recruit_wrapper {
    max-width: 1000px;
}

.recruit_wrapper p.subtitle_bl {
    margin-top: 175px;
    box-sizing: border-box;
}

.recruit_wrapper p.recruit_text {
    margin-top: 50px;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 1.5rem;
    font-weight: 700;
    font-style: normal;
    color: var(--black);
}

.recruit_wrapper .recruit_about {
    margin-top: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.recruit_wrapper .recruit_about img {
    width: 50%;
    margin-bottom: 50px;
}

.recruit_img {
    display: flex;
    justify-content: center;

}

.recruit_wrapper .recruit_img img {
    width: 80%;
}

.recruit_wrapper {
    max-width: 1100px;
    /* height: 950px; */
    margin: 0 auto;
}

.recruit_text {
    text-align: center;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-weight: 700;
    font-size: 2rem;
    font-style: normal;
}


.job_container {
    position: relative;
    height: 1300px;
    width: 100%;
    padding-top: 100px;
    background: linear-gradient(rgb(255, 255, 255), rgb(37, 89, 165), rgb(242, 242, 242));
}

.job_wrapper {
    width: 80%;
    margin: 0 auto;
}
.subtitle_norecruit{
    color: red;
    height: 30px;
    text-align: center;

}
.job_wrapper .subtitle_norecruit{
    margin: 0 auto;
    font-size: 1rem;
}

.job_wrapper table {
    position: absolute;
    z-index: 20;
    top: 100px;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 75%;
    max-width: 800px;
    padding: 30px;
    background-color: #fff;
}

.job_wrapper table th {
    text-align: left;
    font-size: 15px;
    padding: 10px;
    background-color: #d5daec;
    color: var(--black);
}

.job_wrapper table td {
    font-size: 14px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 5px;
    border-bottom: 1px solid #000;
    color: var(--black);
}

.job_container_cloud_1 {
    position: absolute;
    top: 10%;
    left: 30px;
    z-index: 1;
}

.job_container_cloud_1 img {
    width: 500px;
}

.job_container_cloud_2 {
    position: absolute;
    top: 30%;
    left: 50%;
    z-index: 1;
}

.job_container_cloud_2 img {
    width: 600px;
}

.job_container_cloud_3 {
    position: absolute;
    top: 70%;
    left: 50px;
    z-index: 1;
}

.job_container_cloud_3 img {
    width: 500px;
}
/* キャリアサポート */
.supporttop_container {
    background-color: var(--gray);
    padding: 80px 0 80px;
    margin-top: 145px;
}

.supporttop_container .supporttop_about {
    display: flex;
    justify-content: center;
    margin-top: 50px;
}

.supporttop_container .supporttop_about img {
    width: 500px;
}

.supporttop_container .supporttop_img {
    display: flex;
    justify-content: center;
    height: 200px;
}

.supporttop_container p.supporttop_text {
    text-align: center;
    padding-top: 20px;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-weight: 700;
    font-style: normal;
    color: var(--black);
}



.support_wrapper {
    background-color: var(--gray);
    width: 100%;
    margin: 0 auto;
}

.support_wrapper .support_carrier_1 {
    margin: 0 auto;
    width: 600px;
    background-color: #fff;
    padding: 40px;
    border-radius: 5vh;
    box-shadow: 10px 5px 5px rgba(0, 0, 0, 0.4);
}

p.support_item1 {
    line-height: 90px;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 800%;
    color: rgba(0, 0, 0, 0);
    -webkit-text-stroke: 2px #066bfc;
}

.support_carrier_1 .support_carrier_outer,
.support_carrier_2 .support_carrier_outer,
.support_carrier_4 .support_carrier_outer,
.support_carrier_5 .support_carrier_outer {
    display: flex;
    align-items: baseline;
}

.support_carrier_3 .support_carrier_outer {
    display: flex;
}

.support_span {
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-weight: 700;
    font-size: 240%;
    font-style: normal;
    color: var(--black);
    text-decoration: underline 8px #eea02e;
    text-underline-offset: -5px;
    -webkit-text-stroke: 0px;
    text-align: center;
}

p.support_item2 {
    font-family: "Source Han Code", "源ノ角ゴシック Code", sans-serif;
    font-size: 14px;
    font-weight: 700;
    padding: 20px 15px 0 15px;
    color: var(--black);
}

.support_wrapper {
    padding-bottom: 50px;
}

.support_carrier_1 p.support_item3 {
    font-family: "Source Han Code", "源ノ角ゴシック Code", sans-serif;
    font-size: 14px;
    font-weight: 700;
    color: red;
    padding: 20px 10px 0 10px;
}

.support_wrapper .support_carrier_2 {
    margin: 100px auto 0 auto;
    width: 600px;
    background-color: #fff;
    padding: 40px;
    border-radius: 5vh;
    box-shadow: 10px 5px 5px rgba(0, 0, 0, 0.4);
}

.support_wrapper .support_carrier_3 {
    margin: 100px auto 0 auto;
    width: 600px;
    background-color: #fff;
    padding: 40px;
    border-radius: 5vh;
    box-shadow: 10px 5px 5px rgba(0, 0, 0, 0.4);
}


.support_carrier_3 .support_carrier_outer .support_span {
    margin-left: 10px;
    padding: 10px 0 0 0;
    font-size: 200%;
}

.support_carrier_3 table {
    margin-left: 20%;
    padding-top: 30px;
    text-align: left;
}

.support_carrier_3 td {
    /* padding: 10px; */
    padding-left: 10px;
    font-family: "Source Han Code", "源ノ角ゴシック Code", sans-serif;
    font-size: 14px;
    font-weight: 700;
    vertical-align: text-top;
    color: var(--black);
}

.support_wrapper .support_carrier_4 {
    margin: 100px auto 0 auto;
    width: 600px;
    background-color: #fff;
    padding: 40px;
    border-radius: 5vh;
    box-shadow: 10px 5px 5px rgba(0, 0, 0, 0.4);
}

.support_carrier_4 .support_item2 span {
    color: #066bfc;
}

.support_carrier_4 img {
    width: 80%;
    display: block;
    margin: 30px auto 0 auto;
}

p.support_item4 {
    font-family: "Source Han Code", "源ノ角ゴシック Code", sans-serif;
    font-size: 25px;
    font-weight: 700;
    color: #066bfc;
    padding: 20px 10px 0 10px;
}

.support_carrier_2 img {
    width: 40%;
    display: block;
    margin: 20px auto 0 auto;
}

.interview_container {
    width: 100%;
}
.support_carrier_usa{
    font-size: 12px;
    font-family: "Source Han Code", "源ノ角ゴシック Code", sans-serif;
    text-align: center;
    font-weight: bold;
    color: var(--black);
    margin-top: 5px;
}
.interview_text {
    margin: 0 5%;
    padding-top: 30px;
    margin-bottom: 80px;
    text-align: center;
    font-family: "Source Han Code", "源ノ角ゴシック Code", sans-serif;
    font-weight: 700;
    font-size: 1.2rem;
    line-height: 2.5rem;
    font-style: normal;
    text-decoration: underline 8px #eea02e;
    text-underline-offset: -5px;
    -webkit-text-stroke: 0px;
    color: var(--black);
}
.interview_wrapper{
    max-width: 1100px;
    margin: 0 auto;
    padding: 0 20px;
}

.interview_wrapper .subitem_bl {
    padding-top: 100px;
}
.interview_wrapper .interview_img{
    text-align: center;
    margin-top: 50px;
}

.interview_wrapper .interview_img:nth-child(3){
    border-bottom: 2px solid var(--blue);
}
.interview_wrapper .interview_img img {
    max-width: 95%;
    padding-bottom: 50px;
}

.interview_wrapper .interview_img_sp {
    display: none;
}
.interview_wrapper .interview_img_sp2 {
    display: none;
}
/* 採用情報-ここまで--------------------------- */

/* footer-ここから--------------------------- */
/* トップへ戻るボタン***/
.page-top_container a img {
    width: 35%;
}

.page-top {
    position: fixed;
    right: -2%;
    bottom: 85px;
    height: 50px;
    z-index: 10;
}

/***トップへ戻るボタンここまで***/
footer {
    background-color: var(--blue);
    width: 100%;
}

.footer_wrapper {
    max-width: 1100px;
    margin: 0 auto;
    height: 280px;
}

.footer_wrapper img {
    height: 30px;
    margin-top: 40px;
    margin-left: 5%;
}

.footer_wrapper p {
    color: #fff;
    font-size: 16px;
    margin-left: 5%;
}

.footer_outer {
    display: flex;
    flex-direction: row;
    list-style: none;
    margin-top: 30px;
}

.footer_outer ul {
    flex-grow: 1;
}

.footer_outer ul li {
    margin-right: 100px;
    color: #fff;
    list-style: none;
    margin-left: 8%;
}

.footer_outer ul li a {
    color: #fff;
    text-decoration: none;
    margin-left: -180px;
}

.footer_outer ul li a:hover {
    text-decoration: underline;
}

footer li,
footer li a {
    font-family: "Source Han Code", "源ノ角ゴシック Code", sans-serif;
    font-size: 1rem;
}

/* footer-ここまで--------------------------- */

/* モバイル版--------------------------- */
@media screen and (max-width: 1150px) {

    /* 企業情報 */
    .com_info2_container .com_info1_form {
        font-size: 1.35rem;
        margin-top: -50px;
    }

    .com_top_p {
        text-align: start;
        width: 700px;
        padding: 30px 20px 30px 20px;
    }
}


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

    /* トップページ ---------------------------------------*/
    .top_video_wrapper,
    .top_about_wrapper,
    .top_reason_wrapper,
    .top_recruit_wrapper {
        width: 85%;
        margin: 0 auto;
    }

    .header_wrapper,
    footer,
    .top_about_wrapper_sub p.text_wh,
    .page-top,
    .top_video_filter {
        display: none;
    }

    h1 a img {
        height: 40px;
        margin: 22px 0px 20px 30px;
    }

    .top_video_container {
        margin-top: 70px;
    }

    .top_video_container .top_video_filter_768 {
        display: block;
    }

    .top_video_container .top_video_filter_768 video {
        width: 100%;
        vertical-align: bottom;
    }

    .top_video_wrapper {
        position: absolute;
        top: 30%;
        right: 5%;
    }

    .top_main {
        padding: 0;
    }

    .top_about_wrapper_sub h3 {
        margin-top: 3%;
    }

    .top_about_wrapper_sub p.text_wh_sp {
        display: block;
        text-align: center;
        font-family: "Zen Kaku Gothic New", sans-serif;
        font-weight: 700;
        font-size: clamp(0.8rem, 0.691rem + 0.55vw, 1.1rem);
        color: #fff;
        margin-top: 5%;
        line-height: 1.8rem;
    }

    .top_reason_container {
        background-size: 70%, 80%;
    }

    .top_business_wrapper p.text_wh {
        text-align: center;
        line-height: 1.8rem;
        margin-top: 5%;
    }

    .top_business_wrapper ul {
        margin: 0 3%;
    }

    .top_business_wrapper ul li {
        max-width: 743px;
    }

    .top_business_outer {
        margin: 3%;
        padding: 15px 0 20px 0;
    }

    .top_about_wrapper img {
        height: 80%;
    }

    .top_about_wrapper_sub .btn,
    .top_reason_wrapper .btn {
        display: flex;
        justify-content: flex-end;
        margin-top: 50px;
        margin-right: 30px;
        width: 80%;
    }

    .top_reason_wrapper h3 {
        margin: 50px 0 0 20px;
        font-size: 1.3rem;
        text-align: left;
    }

    .top_reason_wrapper p.top_reason_text {
        font-family: "Source Han Code", "源ノ角ゴシック Code", sans-serif;
        font-size: 1rem;
        text-align: left;
        text-indent: 0%;
        margin-left: 20px;
    }

    .top_business_wrapper p.text_wh {
        margin: 5% 6%;
    }

    .top_business_container {
        height: 1200px;
    }

    .top_business_cloud1 img {
        width: 60%;
        margin: 50% 1% 0 0;

    }

    .top_business_cloud2 img {
        width: 60%;
        margin: 30% 0 0 40%;
    }

    figure.pc img {
        display: none;
    }

    figure.sp img {
        display: block;
        width: 100%;
    }

    .top_business_wrapper ul {
        display: grid;
        grid-template-columns: 1fr;
        margin-top: 5%;
    }

    .top_business_wrapper ul li {
        max-width: 498px;
    }

    .top_business_wrapper ul li dl {
        text-align: left;
        position: absolute;
        bottom: 2%;
        left: 0;
        margin: 3%;
    }

    .top_recruit_container {
        width: 100%;
        height: 600px;
        background-size: 100%;
        margin-bottom: 90px;
    }

    .top_recruit_wrapper .btn {
        display: flex;
        justify-content: start;
        margin-top: 50px;
        margin-left: 7%;
    }

    /* 企業情報 --------------------------------------------*/
    .com_info1_wrapper {
        margin-top: 80px;
    }

    .com_top_container {
        background-position: center bottom;
    }

    .com_top_fukuoka {
        display: block;
        background-color: #f2f2f2;
        width: 100%;
        color: var(--black);
        text-align: right;
        margin-right: 20px;
    }

    .com_top_p {
        display: none;
    }

    .com_top_p2 {
        display: block;
        position: absolute;
        top: 100px;
        color: #f2f2f2;
        line-height: 2rem;
        font-size: 1rem;
        font-family: serif;
        font-weight: 400;
        font-style: normal;
        width: 70%;
        background-image: linear-gradient(90deg, rgba(117, 255, 218, 0.15), rgba(255, 255, 255, 0));
        padding: 30px 40px 30px 20px;
        left: 0;
    }

    .com_philosophy_wrapper {
        max-width: 767px;
    }

    .com_philosophy_box1 {
        padding: 10px;
    }

    .com_philosophy_box1_p {
        display: none;
    }

    .com_philosophy_box1_p2 {
        display: block;
        padding-bottom: 20px;
        width: 80%;
        margin: 0 auto;
    }

    .com_philosophy_box2 {
        width: 85%;
    }

    .com_philosophy_box2_2 {
        display: none;
    }

    .com_philosophy_box2_2sp {
        display: block;
        text-align: center;
        color: #066bfc;
        font-family: "Zen Kaku Gothic New", sans-serif;
        font-weight: bold;
        margin: 0 auto;
        width: 90%;
        padding-top: 20px;
    }

    .com_philosophy_box2_3 {
        display: none;
    }

    .com_philosophy_box2_3sp {
        display: block;
        text-align: center;
        font-family: "Zen Kaku Gothic New", sans-serif;
        padding-bottom: 30px;
        margin: 0 auto;
        width: 80%;
        padding-top: 20px;
    }

    .com_introduction_bg {
        background-image: url(../image/company_top_sp.jpg);
        background-position: left;
    }

    .com_introduction_p {
        display: none;
    }

    .com_introduction_p2 {
        display: block;
        padding-top: 100px;
        text-align: center;
        color: #fff;
        line-height: 2rem;
        width: 75%;
        font-family: "Zen Kaku Gothic New", sans-serif;
        font-weight: 400;
        font-style: normal;
        margin: 0 auto;
    }

    .com_carmap1 {
        display: flex;
        flex-direction: column;
        margin-bottom: 60px;
    }

    .com_carmap1 img {
        width: 80%;
        margin-left: -10%;
    }

    .com_pfof_table {
        width: 80%;
    }

    /* 事業内容 --------------------------------------------*/
    .business_top_container {
        padding-top: 0;
    }
    .business_top_wrapper {
        margin: 0 3%;
    }

    .business_business_1 img,
    .business_business_2 img,
    .business_business_3 img,
    .business_business_4 img {
        display: none;
    }

    .business_business_wrapper {
        width: 80%;
        margin: 0 auto;
    }

    .business_top_list img {
        margin-left: 10px;
    }

    .sp_bus {
        display: block;
        background-color: #4275ff;
        color: #fff;
        padding-left: 5%;
        width: 50%;
    }

    .business_bg {
        margin-left: -5%;
    }

    .business_business_1,
    .business_business_2,
    .business_business_3,
    .business_business_4 {
        display: flex;
        flex-direction: column;
        margin-top: 10%;
        box-shadow: none;
    }

    .business_text {
        width: 90%;
        box-shadow: 4px 5px 7px 0px rgba(0, 0, 0, 0.4);
    }

    .business_ya img {
        width: 10%;
    }

    .pc_sche {
        display: none;
    }

    .business_bg {
        background: none;
    }

    .sp_sche {
        display: block;
        margin-left: 13%;
    }

    #page-top {
        bottom: 155px;
        right: -10px;
    }

    .business_schedule_wrapper img {
        margin-bottom: -20px;
    }

    .business_schedule_window {
        margin: 0 0 110px 0;
    }

    .business_schedule_window a {
        font-size: clamp(0.875rem, 0.654rem + 0.98vw, 1.125rem);
    }

    /* 選ばれる理由 --------------------------------------------*/
    .reason_top_container {
        margin-top: 60px;
    }



    .reason_top_text{
        font-size: clamp(1rem, 0.913rem + 0.43vw, 1.125rem);
        line-height: 3rem;
    }
    
    .reason_top_text .reason_top_text1:nth-child(3),.reason_top_text .reason_top_text1:nth-child(4),.reason_top_text .reason_top_text1:nth-child(2){
        font-size: clamp(1rem, 0.826rem + 0.87vw, 1.25rem);
        line-height: 3rem;
    }
    .reason_top_text .reason_top_text1:nth-child(1),.reason_top_text .reason_top_text1:nth-child(5){
        font-size: clamp(1rem, 0.913rem + 0.43vw, 1.125rem);
    }


.reason_top_text2{
    font-size:clamp(1rem, 0.391rem + 3.04vw, 1.875rem) ;
    margin-top: 100px;
}
    .reason_top_numbers {
        background: linear-gradient(transparent 80%, #eea02e 10%);
    }

    .reason_top_numbers>span {
        font-size: 2rem;
    }

    details {
        max-width: 320px;
        margin: 0 auto;
    }

    summary .reason_top_item1 {
        text-align: center;
        font-size: 40px;
        padding-top: 30px;
    }

    .reason_top_section {
        width: 350px;
        margin: 0 auto;
        padding-left: 20px;
        padding-right: 20px;
        display: flex;
        flex-direction: column;
        justify-content: center;

    }

    details summary::before {
        left: 140px;
    }


    .reason_top_explanation1 {
        font-size: clamp(0.8rem, 0.691rem + 0.55vw, 1.1rem);
    }

    .reason_top_explanation2 {
        padding-top: 0px;
    }

    .reason_top_section .reason_top_section2:nth-child(1) {
        position: relative;
        margin-top: 50px;

    }

    .reason_top_section .reason_top_section2:nth-child(1) .reason_top_img1 {
        position: absolute;
        top: 30px;
        left: 30px;
    }

    .reason_top_section .reason_top_section2:nth-child(1) .reason_top_img2 {
        position: absolute;
        top: 20px;
        left: 250px;
    }

    .reason_top_section .reason_top_section2:nth-child(1) .reason_top_img1 img {
        width: 60px;
    }

    .reason_top_section .reason_top_section2:nth-child(1) .reason_top_img2 img {
        width: 70px;
    }

    /* 技術力 */
    .reason_top_section .reason_top_section2:nth-child(2) {
        position: relative;
        justify-self: end;

    }

    .reason_top_section .reason_top_section2:nth-child(2) .reason_top_img1 {
        position: absolute;
        top: 30px;
        left: 35px;
    }

    .reason_top_section .reason_top_section2:nth-child(2) .reason_top_img2 {
        position: absolute;
        top: 20px;
        right: 15px;
    }

    .reason_top_section .reason_top_section2:nth-child(2) .reason_top_img1 img {
        width: 70px;
    }

    .reason_top_section .reason_top_section2:nth-child(2) .reason_top_img2 img {
        width: 100px;
    }

    /* 挑戦力 */
    .reason_top_section .reason_top_section2:nth-child(3) {
        position: relative;
        padding-bottom: 150px;

    }

    .reason_top_section .reason_top_section2:nth-child(3) .reason_top_img1 {
        position: absolute;
        top: 30px;
        left: 30px;
    }

    .reason_top_section .reason_top_section2:nth-child(3) .reason_top_img2 {
        position: absolute;
        top: 20px;
        left: 250px;
    }

    .reason_top_section .reason_top_section2:nth-child(3) .reason_top_img1 img {
        width: 70px;
    }

    .reason_top_section .reason_top_section2:nth-child(3) .reason_top_img2 img {
        width: 100px;
    }

    .reason_achieve_item1 {
        font-size: 2.5rem;
    }

    /* 採用情報ここから----- */
    .recruit_wrapper p.subtitle_bl {
        margin-top: 100px;
        box-sizing: border-box;
        font-size: 1rem;
    }

    .recruit_wrapper p.recruit_text {
        margin-top: 30px;
        font-family: "Zen Kaku Gothic New", sans-serif;
        font-size: clamp(0.7rem, 0.414rem + 1.22vw, 1rem);
        font-weight: 700;
        font-style: normal;
    }

    .recruit_wrapper .recruit_about {
        margin-top: 30px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .recruit_wrapper .recruit_about img {
        width: 65%;
        margin-bottom: 30px;
    }

    .recruit_img {
        display: flex;
        justify-content: center;

    }

    .recruit_wrapper .recruit_img img {
        width: 80%;
    }

    .recruit_wrapper {
        max-width: 700px;
        margin: 0 auto;
    }

    .recruit_text {
        text-align: center;
        font-family: "Zen Kaku Gothic New", sans-serif;
        font-weight: 700;
        font-size: 2rem;
        font-style: normal;
    }


    .job_container {
        width: 100%;
        height: 1500px;
        max-width: 770px;
        padding-top: 0px;
        background: linear-gradient(rgb(255, 255, 255), rgb(37, 89, 165), rgb(242, 242, 242));
    }

    .job_wrapper {
        margin: 0 auto;
        width: 80%;
        box-sizing: border-box;
    }
    .job_wrapper .subtitle_wh{
        margin-top: 30px;
    }
    .job_wrapper .subtitle_norecruit{
        margin: 0 auto;
        font-size: 1rem;
    }


    .job_wrapper .subitem_wh {
        padding-top: 10px;
    }

    .job_wrapper table {
        width: 81%;
        min-width: 300px;
        padding: 25px;
        background-color: #fff;
        margin: 50px auto 0 auto;
    }

    .job_wrapper table th {
        text-align: left;
        padding: 10px;
        background-color: #d5daec;
    }

    .job_wrapper table td {
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 5px;
        border-bottom: 1px solid #000;
    }

    .supporttop_container {
        width: 100%;
        background-color: var(--gray);
        padding-top:95px;
        margin-top: 0;
    }

    .supporttop_wrapper {
        width: 80%;
        min-width: 300px;
        margin: 0 auto;
    }

    .support_span {
        font-size: 200%;
    }

    .support_carrier_3 .support_carrier_outer .support_span {
        font-size: 200%;
    }

    .supporttop_container .supporttop_about {
        margin-top: 30px;
    }

    .supporttop_container .supporttop_about img {
        width: 95%;
    }

    .supporttop_container .supporttop_img {
        width: 50%;
        margin: 0 auto;
    }

    .supporttop_container p.supporttop_text {
        text-align: center;
        padding-top: 20px;
        font-family: "Zen Kaku Gothic New", sans-serif;
        font-weight: 700;
        font-style: normal;
    }


    .support_container {
        width: 100%;
        background-color: var(--gray);
        margin-bottom: 90px;
    }

    .support_wrapper {
        width: 80%;
        min-width: 300px;
        margin: 0 auto;
        box-sizing: border-box;
    }

    .support_wrapper .support_carrier_1 {
        margin: 0 auto;
        background-color: #fff;
        width: 100%;
        padding: 40px;
        border-radius: 5vh;
        box-shadow: 10px 5px 5px rgba(0, 0, 0, 0.4);
        box-sizing: border-box;
    }

    p.support_item1 {
        line-height: 1rem;
        font-family: "Zen Kaku Gothic New", sans-serif;
        font-weight: 700;
        font-style: normal;
        font-size: 500%;
        color: rgba(0, 0, 0, 0);
        -webkit-text-stroke: 2px #066bfc;
    }

    .support_item1 span {
        padding-left: 15px;
        font-family: "Zen Kaku Gothic New", sans-serif;
        font-weight: 700;
        font-size: 30%;
        font-style: normal;
        color: #000000;
        text-decoration: underline 8px #eea02e;
        text-underline-offset: -5px;
        -webkit-text-stroke: 0px;
    }

    p.support_item2 {
        font-family: "Source Han Code", "源ノ角ゴシック Code", sans-serif;
        font-size: 14px;
        font-weight: 700;
        padding: 20px 10px 0 10px;
    }

    .support_wrapper {
        padding-bottom: 50px;
    }

    .support_carrier_1 p.support_item3 {
        font-family: "Source Han Code", "源ノ角ゴシック Code", sans-serif;
        font-size: 14px;
        font-weight: 700;
        color: red;
        padding: 20px 10px 0 10px;
    }

    .support_wrapper .support_carrier_2 {
        margin: 50px auto 0 auto;
        background-color: #fff;
        width: 100%;
        padding: 40px;
        border-radius: 5vh;
        box-shadow: 10px 5px 5px rgba(0, 0, 0, 0.4);
        box-sizing: border-box;
    }

    .support_wrapper .support_carrier_3 {
        margin: 50px auto 0 auto;
        background-color: #fff;
        width: 100%;
        padding: 40px;
        border-radius: 5vh;
        box-shadow: 10px 5px 5px rgba(0, 0, 0, 0.4);
        box-sizing: border-box;
    }

    .support_carrier_3 .support_item1 {
        margin-top: 20px;
        display: flex;
        line-height: 2.5rem;
    }

    .support_carrier_3 .support_item1 span {
        margin-left: 10px;
        padding: 0;
        font-size: clamp(1.125rem, 0.5rem + 3.13vw, 2rem);
        font-size: 24px;
    }

    .support_carrier_3 table {
        margin: 0 auto;
        padding: 30px 0 0 20px;
        text-align: left;

    }

    .support_carrier_3 td {
        font-family: "Source Han Code", "源ノ角ゴシック Code", sans-serif;
        font-size: 14px;
        font-weight: 700;
        padding: 0;
        vertical-align: text-top;
    }

    .support_wrapper .support_carrier_4 {
        margin: 50px auto 0 auto;
        background-color: #fff;
        width: 100%;
        padding: 40px;
        border-radius: 5vh;
        box-shadow: 10px 5px 5px rgba(0, 0, 0, 0.4);
        box-sizing: border-box;
    }

    .support_carrier_4 .support_item2 span {
        color: #066bfc;
    }

    .support_carrier_4 img {
        width: 80%;
        display: block;
        margin: 30px auto 0 auto;
    }

    .support_carrier_1 .support_carrier_outer,
    .support_carrier_2 .support_carrier_outer,
    .support_carrier_3 .support_carrier_outer,
    .support_carrier_4 .support_carrier_outer,
    .support_carrier_5 .support_carrier_outer {
        display: block;
    }

    .support_wrapper .support_carrier_1,
    .support_wrapper .support_carrier_2,
    .support_wrapper .support_carrier_3,
    .support_wrapper .support_carrier_4,
    .support_wrapper .support_carrier_5 {
        padding: 30px;
    }

    .support_item1 {
        text-align: center;
        padding: 8% 0 10% 0;
    }

    .support_carrier_3 .support_item1 {
        justify-content: center;
        margin-top: -10px;
    }

    p.support_item4 {
        font-family: "Source Han Code", "源ノ角ゴシック Code", sans-serif;
        font-size: 25px;
        font-weight: 700;
        color: #066bfc;
        padding: 20px 10px 0 10px;
    }

    .support_carrier_2 img {
        width: 40%;
        display: block;
        margin: 20px auto 0 auto;
    }

    .interview_container {
        width: 100%;
    }

    .interview_wrapper {
        width: 80%;
        margin: 0 auto;
        padding: 0 10px;
    }

    .interview_text {
        font-size: clamp(0.75rem, 0.482rem + 1.34vw, 1.125rem);
    }
    .interview_wrapper .subitem_bl {
        padding-top: 100px;
    }
    .interview_wrapper .interview_img_sp:nth-child(4){
        border-bottom: 2px solid var(--blue);
    }
    .interview_wrapper .interview_img{
        display: none;
    }
    .interview_wrapper .interview_img_sp{
        display: block;
        text-align: center;
        margin-bottom: 50px;
    }
    .interview_wrapper .interview_img_sp img{
        width: 90%;
    }

    /* 採用情報ここまでーーー */
    
    /* ページトップへ戻る --------------------------------------------*/
    .page-top_container a img {
        width: 80%;
    }

    .page-top_sp {
        display: block;
        position: fixed;
        right: 1%;
        bottom: 100px;
        height: 50px;
        z-index: 5000;
    }

    /* 下固定ナビゲーション --------------------------------------------*/
    .footnav_sp_wrapper {
        display: block;
        position: fixed;
        left: 0;
        bottom: 0;
        width: 100%;
        z-index: 10000;
    }

    ul.footnav_sp {
        display: flex;
        margin: 0 auto;
        padding-inline-start: 0px
    }

    .footnav_sp li {
        width: calc(100% / 5);
        background: var(--gray);
        display: flex;
        align-items: center;
        justify-content: center;
        list-style: none;
        height: 80px;
        background-color: var(--blue);
        padding-bottom: 10px;
        border-left: 1px solid #fff;
    }

    .footnav_sp li:nth-child(1) {
        border-left: none;
    }

    .footnav_sp li a {
        list-style: none;
        text-decoration: none;
        color: #ffffffbb;
        font-size: clamp(0.625rem, 0.429rem + 0.98vw, 0.9rem);
        display: block;
        height: 100%;
        width: 100%;
        text-align: center;
    }

    .footnav_sp li img {
        display: block;
        max-width: 30px;
        margin: auto;
        margin-top: 10px;
    }
}

.footnav_sp li:nth-child(-n+5) span{
    display: block;
    margin: 0px 2px 0 2px;
    padding-top:11px;
    font-family: "Source Han Code", "源ノ角ゴシック Code", sans-serif;
}
.footnav_sp li:nth-last-child span {
    padding-top: 3px;
}
.footnav_sp li:hover {
    display: block;
    background-color: #568eff;
    /* border-left: none; */
}

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

    /* トップページ ---------------------------------------*/
    .top_about_wrapper_sub h3.pc {
        display: none;
    }

    .top_about_wrapper_sub h3.sp {
        display: block;
        
    }
    .top_about_wrapper_sub h3.sp span{
        font-size: 1.7rem;
        text-decoration: underline 8px #e6e500;
        text-underline-offset: -2px;
        -webkit-text-stroke: 0px;
    }
    /* 事業内容 ---------------------------------------*/
    .business_top_list {
        margin-top: 50px;
        display: flex;
        flex-direction: column;
    }

    .business_top_list figure {
        margin-top: 4%;
    }

    .business_top_list img {
        width: 50%;
        margin-left: 25%;
    }

    .business_epi_wrapper img.pc_epi {
        display: none;
    }

    .sp_epi {
        display: block;
        width: 100%;
    }

    .business_top_list figcaption {
        margin-left: 0;
    }

    .business_schedule_wrapper .business_text_item {
        margin: 10% 0 5% 0;
    }

    /* 採用情報 */
    .job_container {
        height: 1700px;
    }

    .supporttop_container .supporttop_img {
        height: 137px;
    }

    .recruit_wrapper .recruit_about img {
        width: 70%;
    }

    .recruit_wrapper .recruit_img img {
        width: 100%;
    }

    .job_wrapper table {
        padding: 15px;
        background-color: #fff;
        margin: 100px auto 0 auto;
    }

    .interview_wrapper .interview_img {
        margin-top: 0;
    }

    .interview_wrapper .interview_img img {
        display: none;
    }

    .interview_wrapper .interview_img_sp img {
        display: block;
        width: 75%;
        margin: 7% auto;
        padding-bottom: 90px;
    }

}

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

    /* トップページ ---------------------------------------*/
    .top_video_filter,
    .top_video_container .top_video_filter_768 {
        display: none;
    }

    .top_video_container .top_video_filter_sp {
        display: block;
    }

    .top_video_container .top_video_filter_sp video {
        width: 100%;
        vertical-align: bottom;
    }
}

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

    /* トップページ ---------------------------------------*/
    .top_business_wrapper ul li dl dd {
        display: none;
    }

    .top_business_container {
        height: 1050px;
    }

    .top_reason_container {
        background-size: 80%, 90%;
    }

    .top_recruit_wrapper .btn {
        display: flex;
        justify-content: flex-end;
        margin: 50px 30px 50px 0;
    }

    /* 企業情報 ---------------------------------------*/
    .com_carmap1 img {
        width: 80%;
        margin-left: -30%;
    }
/* 採用情報 ---------------------------------------*/

.interview_text {
    font-size: clamp(0.75rem, 0.482rem + 1.34vw, 1.125rem);
}

.interview_wrapper .interview_img_sp2:nth-child(5){
    border-bottom: 2px solid var(--blue);
}
.interview_wrapper .interview_img_sp{
    display: none;
}
.interview_wrapper .interview_img_sp2{
    display: block;
    text-align: center;
    margin-bottom: 50px;
}
.interview_wrapper .interview_img_sp2 img{
    width: 90%;
}
}