@charset "utf-8";
/* CSS Document */

/* ----------------------------- 以下SP ------------------------------- */
@media screen and (max-width:999px) {

.pc {
    display: none;
}

}
   

/* ========================
ファーストビュー
==========================*/
@media screen and (max-width:999px) {
    .FV {
        height: clamp(700px,calc(100vw / 0.7),750px);
    }

    .FV_img01 {
    background-image: url(../images/KV_img_sp_01.webp);
    opacity: 1;
}

    .FV_img02 {
        background-image: url(../images/KV_img_sp_02.webp);
    }

    .FV_img03 {
        background-image: url(../images/KV_img_sp_03.webp);
    }


    .FV_content {
        padding-top: min(calc(100vh / 9), 130px);
        margin-left: 3%;
    }

    .FV h1 {
        font-size: clamp(40px, calc(100vw / 640 * 40), 72px);
        line-height: 1.7;
        color: #fff;
        font-weight: 700;
    }
        
    .FV h1 rt {
        font-size: 1.4vw;
        margin-bottom: 0%;
    }

    .FV_content p {
        font-size: clamp(14px, calc(100vw / 900 * 16), 18px);
        color: #fff;
        line-height: 2;
        margin-top: min(calc(100vh / 25), 30px);
    }

    .FV_flex {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        margin-top: min(calc(100vh / 23), 40px);
        align-items: flex-start;
    }

    .FV_news {
        /* margin-top: calc(100vh / 20); */
        width: max(350px, calc(100vw / 2));
        background-color: #fff;
        padding: 10px 5% 10px 3%;
        border-radius: 0px 100px 100px 0;
        min-width: 0;
    }

    .FV_newsTitle {
        position: relative;
    }

    .FV_newsTitle::after {
        content: '';
        display: block;
        border: solid 1px var(--primary-blue);
        width: 108%;
        position: absolute;
        top: 30px;
        left: -35px;
    }

    .FV_news_content {
        margin-top: 3%;
    }
    
    .FV_news_content a{
        flex-direction: column;
    }

    .FV_news_content p {
        font-weight: 700;
    }

    .FV_news_date {
        color: var(--primary-blue);
        margin-right: 55px;
    }

    .top_service_banner {
        width: max(250px, calc(100vw / 4));
        margin-right: 0;
        margin-top: min(calc(100vh / 25), 55px);
        margin-left: 3%;
    }

}

/* @media screen and (min-width:765px) and (max-width:999px) {
    .FV_flex {
        display: flex;
        flex-direction: unset;
        justify-content: space-between;
        margin-top: 4%;
        align-items: center;
    }
    .top_service_banner {
        width: max(300px,calc(100vw / 4));
        margin-right: 2%;
        margin-top: 0;
    }
} */

/* ========================
実証現場動画スライド
==========================*/
@media screen and (max-width:999px) {
    .slide_item {
        width: 100%;
        height: 100%;
        padding: 75px 0 40px;
    }

    .slide_item .slick-slide {
    /* padding: 0 20px; */
    }

    .slick-initialized .slick-slide{
        display: flex;
    }

    .slide_item li {
        width: 200px;
        /* height: clamp(170px, 27vw, 200px); */
        display: flex;
        border-radius: 20px;
        align-items: center;
        justify-content: center;
        text-align: center;
    }

    .slide_item iframe {
        border-radius: 20px;
        width: clamp(300px, 60vw, 500px);
        height: clamp(200px, 35vw, 300px);
    }

    .slide_item .slick-slide {
        transform: scale(0.8);
        opacity: 0.5;
        transition: all 0.3s;
    }

    .slide_item .slick-center {
        transform: scale(1);
        opacity: 1;
    }

    .arrow_box {
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
		
    }

    .prev-arrow,
    .next-arrow {
        display: block;
        width: 35px;
        height: 35px;
        border:solid 2px var(--primary-blue);
        border-radius: 50%;
        position: relative;
		cursor: pointer;
    }
	
	.prev-arrow:hover,.next-arrow:hover {
		cursor: pointer!important;
    }

    .prev-arrow {
        transform: rotate(180deg);
        margin-right: 30px;
    }

    .prev-arrow::before,
    .next-arrow::before{
        position:absolute;
        content: "";
        width:5px;
        height:5px;
        border-right: 2px solid var(--primary-blue);
        border-top: 2px solid var(--primary-blue);
        top:0;
        bottom:0;
        left:0;
        right:0;
        margin:auto;
        transform:rotate(45deg);
    }

}

/* ========================
先進モビリティとは
==========================*/
@media screen and (max-width:999px) {

    .mc_right_band_top{
        background-image: url(../images/top_img01_sp.webp);
    }
    .section_topAboutUs {
        margin-bottom: 20%;
        margin-top: 20%;
    }

    .aboutUs_content {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 5vh;
		width: 80%;
		margin-left: auto;
		margin-right: auto;
    }
	
    .aboutUs_content div {
        width: 100%;
    }
	
    .aboutUs_content div:first-child{
        margin-right: 0%;
        margin-bottom: 10px;
    }

    .reverse {
        flex-direction: column;
        justify-content: flex-start;
    }

    .aboutUS_txt {
        line-height: 2;
        width: auto;	
    }

    .bgTxt {
    font-size: clamp(80px, 8vw, 145px);
    font-weight: 700;
    color: rgba(15, 120, 185, 0.2);
    position: absolute;
    left: auto;
	bottom: 0%;
	right: 0px;
    }

    .TrPr_top {
        margin-top: 100px;
    }

    .TrPr_top_title {
        background-image: url(../images/aboutUs_img04_sp.webp);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        height: clamp(260px, 49vw, 500px);
        border-radius: 30px;
    }

    .TrPr_top_container {
        display: flex;
        flex-direction: column;
        gap: 3vh;
        margin-top: 8%;
    }

    .TrPr_top_content {
        display: flex;
        padding: 20px 6.1% 30px;
        background-color: var(--background-blue);
        border-radius: 10px;
        flex: 1;
    }

    .TrPr_top_number {
        font-size: var(--fontSize-24px);
        font-family: "Outfit", sans-serif;
        font-weight: 700;
        color: var(--primary-blue);
    }

    .TrPr_top_icon1 {
        width: clamp(80px, 4.9vw, 95px);
    }

    .TrPr_top_icon2 {
        width: clamp(150px, 8.7vw,170px);
    }

    .TrPr_top_content div:first-of-type {
        margin: 10px auto 20px;
        display: flex;
        flex-direction: column;
        justify-content: space-around;
    }

    .TrPr_top_contentTxt {
        font-size: var(--fontSize-20px);
        margin-top: 5px;
        text-align: center;
    }

    .TrPr_top_txt{
        margin-top: 15%;
        line-height: 2;
    }

    .btn_topTrPr {
        margin-top: 15%;
    }

}

/* ===================================
先進モビリティの自動運転技術・ソリューション
=====================================*/
@media screen and (max-width:999px) {
    .mc_right_band_topAS{
        background-image: url(../images/top_AS_img01_sp.webp);
    }

    .section_topAS {
        background-color: var(--background-blue);
        padding-top: 20%;
        padding-bottom: 25%;
    }

    .topAS_feature_container {
        display: block;
        flex-direction: column;
        gap: 50px;
    }
	
	.topAS_feature_block{
		width: 100%;
	}
	
	.topAS_feature_block:first-child{
		margin-bottom: 20px;
	}

    .topAS_feature_item {
        display: flex;
        flex-direction: column;
        justify-content: center;
        margin: 0 auto;
    }

    .topAS_feature_item div {
        display: flex;
        /* justify-content: center; */
        margin-top: 20px;
    }

    .topAS_feature_item div:first-of-type {
        margin-top: 0;
    }

    .topAS_feature_number {
        font-size: var(--fontSize-20px);
        color: var(--primary-blue);
        font-family: "Outfit", sans-serif;
        font-weight: 700;
        margin-right: 3%;
    }

    .topAS_feature_txt {
        font-size: var(--fontSize-16px);
        font-weight: 700;
    }

    .topAS_feature_txt span {
        display: block;
        font-size: var(--fontSize-16px);
        font-weight: 400;
    }

    .topAS_feature_lastTxt {
        line-height: 2;
    }

    .topAS_btnBox {
        display: flex;
        flex-direction: column;
    }
    
    .btn_topAS {
        margin-top: 15%;
    }
}

    

/* ===================================
全国で技術実証と社会実装推進
=====================================*/
@media screen and (max-width:999px) {
    .section_DE{
    margin-top: 50px;
    }
    
    .topDE_mc_right_txt {
        background-color: transparent;
        position: static;
        padding: 3% 0;
    }

    .topDE_mc_right_txt p {
        width: 100%;
        line-height: 2;
    }

    .section_DE .slick-slide {
    height: auto;
    }
    
    .DE_smallTitle {
        font-size: var(--fontSize-18px)!important;
        font-weight: 400!important;
        color: black!important;
    }
    
    .DETop {
        background-image: none;
        height: auto;
    }

    .DETop_band {
        height: auto;
    }
    
    
    .DE_slider_item {
        width: 80vw!important;
        /* height: 730px; */
        /* overflow: hidden; */
        position: relative;
        margin-right: 30px;
    }
    
    .DE_slider p {
        position: absolute;
        top: -1px;
        right: -1px;
        font-size: var(--fontSize-20px);
        font-weight: 700;
        background-color: #fff;
        border-radius: 0 0 0 20px;
        padding: 20px 10%;
    
    }
    
    .DE_slider .slick-slide {
        display: block;
    }
    
    .DE_btn {
        width: 88%;
        margin: 100px auto 0;
    }
    
    .DETop {
        position: relative;
    }
    
    .DE_slider .slide-dots {
        justify-content: center;
        width: 100%;
        margin-top: 5%;
    }

    .DE_slider .slide-dots li {
        width: 10px;
        height: 10px;
    }

}
	

/* ===================================
企業情報
=====================================*/
@media screen and (max-width:999px) {
    .section_topCompany {
        margin-top: 50px;
    }
    
    .topCompany_container {
        width: 90%;
        margin: 0 auto;
        flex-direction: column-reverse;
        gap: 30px;
    }

    .topCompany_img {
        width: 100%;
		max-width: 480px;
		margin-left: auto;
		margin-right: auto;
        margin-top: 20px;
    }

    .topCompany_content {
        width: 100%;
        margin: 15px auto 0;
    }

    .topCompany_content p {
        margin-top: 20px;
    }

    .topCompany_btn a {
        width: 100%;
    }
	
	
	.historyRow {
		display: grid;
		grid-template-columns: 90px 1fr;
		min-height: 86px;
	}

	.historyBlock {
		display: contents;
	}

	.historyBlock:empty {
		display: none;
	}

	.historyCenter {
		grid-column: 1 / 2;
		grid-row: 1;
		width: 90px;
		position: relative;
	}

	.historyCenter::before {
		left: 32px;
		transform: none;
	}

	.historyCenter::after {
		left: 32px;
		transform: translate(-50%, -50%);
	}

	.historyCenter {
		background:
      repeating-linear-gradient(
        to right,
        #0071bc 0 4px,
        transparent 4px 8px
      )
      32px 50% / 80px 1px no-repeat !important;
	}

	.historyBlock_left,.historyBlock_right {
		grid-column: 2 / 3;
		grid-row: 1;
		display: flex;
		align-items: center;
		justify-content: flex-start;
	}

	.historyYear {
		width: 120px;
		font-size: 42px;
	}

	.historyText {
		font-size: 15px;
		line-height: 1.6;
	}

}

/* ===================================
お知らせ
=====================================*/
@media screen and (max-width:999px) {
    .section_topNews {
        justify-content: start;
    }

    .title_flex {
        flex-direction: column;
    }

    .topNews_container {
        flex-direction: column;
        align-items: center;
        margin: 20px auto;
        gap: 25px;
    }

    .topNews_content {
        flex: 1;
        min-width: 0;
        width: 100%;
    }

    .topNews_content div {
        width: clamp(250px, 87.3vw, 500px);
        height: clamp(200px, 50vh, 300px);
        background-color: #999999;
        border-radius: 20px;
    }

    .topNews_title {
        width: auto;
        overflow-wrap: break-word;
    }

    .topNews_date {
        font-family: "Outfit", sans-serif;
        font-weight: 700;
        margin: 25px 2% 0;
    }

    .topNews_date span {
        font-family: "Noto Sans JP", sans-serif;
        font-weight: 400;
        color: var(--primary-blue);
        margin-left: 10%;
    }

    .topNews_title {
        margin: 20px 2%;
    }

    .topNews_btn {
        width: 90%;
        margin: 20px auto 0;
    }

}

/* ===================================
採用
=====================================*/
@media screen and (max-width:999px) {
    .top_recruit_container {
        margin-top: 150px;
        margin-bottom: 150px;
        display: flex;
        flex-direction: column;
        position: relative;
        gap: 30px;
    }

    .top_recruit_img {
        width: 91.4vw;
    }

    .top_recruit_img img {
        height: calc(100vh / 4);
    }

    .top_recruit_content {
        width: 90%;
        padding: 0;
        margin: 0 auto;
    }

    .top_recruit_title {
       writing-mode: inherit;
        font-weight: 700;
        margin: 0 auto;
    }

    .top_recruit_txt {
        margin-top: 20px;
    }

    .top_btn_recruit {
        margin-top: 40px;
    }

    .top_btn_recruit a {
        width: 100%;
    }

    .top_recruit_container::after {
        content: '';
        display: block;
        width: clamp(1000px, 100vw, 1520px);
        height: 715px;
        background-color: var(--background-blue);
        position: absolute;
        top: 50%;
        right: -28%;
        transform: translateY(-50%);
        z-index: -1;
    }

    .top_recruit::after {
        display: none;
    }

    .about_h3 {
    font-size: var(--fontSize-24px);
    font-weight: 700;
    color: var(--primary-blue);
}

    .abotSection_topTitle p {
        margin-top: 2%;
        line-height: 2;
    }

}


/* --------------------------- 企業理念ページ ------------------------ */

/* ===================================
企業理念　共通
=====================================*/

@media screen and (max-width:999px) {
    .about_FV {
        background-image: url(../images/about_topImg_sp.webp);
    }
    
    .about_h3 {
        font-weight: 600;
        color: var(--primary-blue);
    }
    
    .abotSection_topTitle {
        margin-top: 5%;
    }
    
    .abotSection_topTitle p {
        margin-top: 4%;
        line-height: 2;
    }

}

/* ===================================
企業理念　先進モビリティの理念
=====================================*/
@media screen and (max-width:999px) {
    .MVV_container .pc {
        display: none;
    }

    .section_op {
        margin-top: 13%;
    }
    
    .MVV {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 20px;
        margin-top: 10%;
    }
    
    .MVV div {
        width: 100%;
        height: auto;
        padding: 15px;
        background-color: var(--primary-blue);
        border-radius: 15px;
        display: flex;
        justify-content: center;
        align-items: center;
        color: #fff;
        font-size: 18px;
    }
    
    .MVV p {
		font-size: 18px;
        font-weight: 600;
        background-color: transparent;
        border-radius: 0;
        text-align: center;
    }
    
    .MVV_mg {
        margin-left: 0;
    }
    
    .MVV ul {
        width: 100%;
        display: grid;
        gap: 15px;
        grid-template-columns: 1fr;
        grid-template-rows: auto auto auto auto;
        margin: 0 auto;
    }
    
    .MVV li {
        background-color: #fff;
        border-radius: 15px;
        color: var(--primary-blue);
        font-weight: 600;
        text-align: center;
		font-size: 18px;
    }
    
    .MVV li span {
        display: block;
        font-weight: 400;
        color: #000;
        margin-top: 1%;
		font-size: 16px;
    }
    
    .MVV_container {
        display: block;
    }
    
    .MVV_container img {
        position: static;
        width: 100%;
        margin-bottom: 10%;
        margin-top: 10%;
    }
	
	.mvv_left{
		width: 100%;
		margin-right: 0%;
	}

	.mvv_right{
		width: 100%;
	}

}

/* @media screen and (min-width:800px) and (max-width:1300px) {
.MVV {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 20px;
}
.MVV div {
    width: 120px;
    height: 120px;
    font-size: clamp(16px, 5.8vw, 22px);
    flex-shrink: 0;
}
.MVV ul {
    width: 100%;
    display: grid;
    gap: 10px;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto auto;
}
.MVV li {
    padding: 3% 5%;
    background-color: #fff;
    border-radius: 15px;
    color: var(--primary-blue);
    font-weight: 600;
    margin: 0 0;
}
.MVV li span {
    display: block;
    font-weight: 400;
    color: #000;
    margin-top: 1%;
}
.MVV_container img {
    position: absolute;
    width: clamp(300px,30.8vw,810px);
    top: calc(100vw / 100);
    right: -5%;
    z-index: -1;
}   
} */



/* ===================================
企業理念　日本の「移動」が今抱えている交通課題
=====================================*/
@media screen and (max-width:999px) {
    .mc_left_band_TP01 {
        background-image: url(../images/Transportation_Problems_top01_sp.webp);
        height: 30vh;
    }
    
    .mc_left_txt_blue p,
    .mc_right_txt_blue p {
        color: var(--primary-blue);
        font-weight: 700;
    }
    
    .TP_sectionTxt {
        line-height: 2;
    }
    
    .TP_container {
        margin: 10% 0 5%;
    }
    
    .TP_container ul {
        display: flex;
        flex-direction: column;
        justify-content: center;
        margin-top: 3%;
        margin-bottom: 30%;    
    }
    
    .TP_container img {
        height: calc(100vh / 4);
        object-fit: contain;
    }
    
    .TP_container li {
        margin-top: 10%;
    }
    
    .TP_container li:first-of-type {
        margin-top: 0;
    }
    
    .TP_container li p {
        color: var(--primary-blue);
        text-align: center;
        margin-top: 2%;
    }
    
    .mc_right_band_TP02 {
        background-image: url(../images/Transportation_Problems_top02.webp);
        height: 30vh;
    }
    
    .TP_lastBox {
        margin-top: 10%;
        margin-bottom: 10%;
    }
    
    .TP_lastBox p {
        font-size: var(--fontSize-22px);
        text-align: center;
    }
    
    .TP_lastBox ul {
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: auto auto auto auto;
        gap: 20px;
        margin-top: 5%;
    }
    
    .TP_lastBox li {
        background-color: var(--background-blue);
        padding: 3% 5%;
        text-align: center;
        border-radius: 8px;
    }

}


/* ===================================
企業理念　目指す未来
=====================================*/
@media screen and (max-width:999px) {
    .section_future {
        padding-top: 20%;
        padding-bottom: 20%;
        background-color: var(--background-blue);
    }
    
    .future_container {
        display: flex;
        flex-direction: column;
        justify-content: space-betwee;
        align-items: flex-start;
        gap: 20px;
        margin-top: 10%;
    }
    
    .future_container_reverse {
        flex-direction: column-reverse;
        margin-right: 0;
    }
    
    .future_container_top {
        align-items: flex-start;
        margin-top: 0;
    }
    
    .future_container div {
        flex-shrink: 0;
        width: 100%;
        /* padding: 0 calc(100vw / 28); */
    }
    
    .future_container_top p {
        margin-top: 3%;
    }
    
    .future_container img {
        width: clamp(200px, 92.2vw, 640px);
        border-radius: 15px;
    }
    
    .solution_btn {
        background-image: url(../images/about_lastBtn_img.webp);
    }

}



/* -------------------- 自動運転・システムページ -------------------- */

/* =======================================
システム　共通
=========================================*/

@media screen and (max-width:999px) {
    .system_FV {
        background-image: url(../images/system_FV_sp.webp);
    }
    
    .system_h3 {
        color: var(--primary-blue);
        font-weight: 700;
    }
}


/* =======================================
システム　先進モビリティの自動運転技術の4つの特長
=========================================*/
@media screen and (max-width:999px) {
    .system_h2 {
        padding-right: 3%;
    }
    
    .section_FoADT {
        margin-top: 10%;
        margin-bottom: 15%;
    }
    
    .systemSection_topTitle p {
        line-height: 2;
        margin-top: 5%;
    }
    
    .FoADT_container {
        display: flex;
        flex-direction: column;
        margin-top: 20%;
        align-items: center;
    }
    
    .FoADT_container_revers {
        flex-direction: column;
    }
    
    .FoADT_txtbox {
        margin-right: 0;
    }
    
    .FoADT_container_revers .FoADT_txtbox {
        margin-left: 0;
        margin-right: 0;
    }
    
    .system_h3_border {
        padding-bottom: 2%;
        border-bottom: solid 1px var(--primary-blue);
    }
    
    .FoADT_title {
        margin-top: 3%;
        font-weight: 700;
    }
    
    .FoADT_txt {
        margin-top: 3%;
        line-height: 2;
    }
    
    .FoADT_Bullet_point {
        line-height: 2;
        margin-top: 3%;
    }
    
    .FoADT_container img {
        object-fit: contain;
        max-width: 500px;
        margin-top: 10%;
        width: 100%;
    }

}

/* =======================================
システム　レベル4自動運転の解説
=========================================*/
@media screen and (max-width:999px) {
    .mc_right_title h2 span {
        text-orientation: upright;
    }
    
    .section_level4 {
        padding-top: 20%;
        padding-bottom: 20%;
        background-color: var(--background-blue);
    }
    
    .systemSection_topTitle span {
        display: block;
        margin-top: 3%;
    }
    
    .level4_container {
        margin-top: 10%;
    }
    
    .level4_container ul {
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: auto auto auto auto;
        gap: 15px;
        margin-top: 5%;
    }
    
    .level4_container li {
        background-color: #fff;
        padding: 5% 5%;
        border-radius: 8px;
        text-align: center;
    }
    
    .level4_chart_container {
        margin-top: 15%;
    }
    
    .system_scroll {
        overflow-x: auto;
        padding-bottom: 5%;
        -webkit-overflow-scrolling: touch;   
    }
    
    /*スクロールバー全体の高さ*/
    .system_scroll::-webkit-scrollbar {
      height: 4px;
    }
    /*スクロールバー全体の背景*/
    .system_scroll::-webkit-scrollbar-track {
      background: #eee;
    }
    /*スクロールバーの動く部分*/
    .system_scroll::-webkit-scrollbar-thumb {
      background: #aaa;
      border: none;
    }
    /*スクロールバーの動く部分のホバー（マウスオーバー）*/
    .system_scroll::-webkit-scrollbar-thumb:hover {
      background: #999;
    }
    
    .level4_chart_container img {
        display: block;
        width: 800px;
        margin: 5% auto;
    }

}

/* =======================================
システム　先進モビリティはソフト×ハード、両対応
=========================================*/
@media screen and (max-width:999px) {

    .section_softHard {
        margin-top: 20%;
    }
    
    .mc_right_band_soft {
        background-image: url(../images/soft_hard_img01.webp);
        margin-top: 10%;
        height: 30vh;
    }
    
    .mc_left_band_hard {
        background-image: url(../images/soft_hard_img02.webp);
        height: 30vh;
    }
    
    .softHard_txtBox_mgTop {
        margin-top: 5%;
    }
    
    .softHard_top_txt {
        line-height: 2;
        margin-right: 3%;
    }
    
    .softHard_txtBox {
        margin-top: 5%;
    }
    
    .softHard_title {
        font-size: var(--fontSize-22px);
        font-weight: 700;
    }
    
    .softHard_title_subTxt {
        margin-top: 2%;
        line-height: 2;
    }
    
    .softHard_BulletPoint_box {
        margin-top: 10%;
    }
    
    .softHard_BulletPoint_txtBox {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        margin-top: 2%;
        margin-bottom: 10%;
    }
    
    .softHard_BulletPoint_txtBox li {
        line-height: 2;
    }
    
    
    .softHard_area {
        margin-top: 15%;
    }
    
    .softHard_area img {
        /* display: block; */
        margin-top: 5%;
    }
    
    .softHard_lastTxt {
        padding: 3% 3%;
        background-color: var(--background-blue);
        border-radius: 15px;
        font-weight: 700;
        text-align: center;
        margin-top: 15%;
        margin-bottom: 10%;
        line-height: 2;
    }
}

/* -------------------- 企業情報 -------------------- */

/* =======================================
企業情報　共通
=========================================*/

@media screen and (max-width:999px) {
    .company_FV {
        background-image: url(../images/company_FV.webp);
    }
    
    .company_h3 {
        color: var(--primary-blue);
        font-weight: 700;
        margin-top: 10%;
    }
    
    .company_h3_center {
        text-align: center;
    }
}

/* =======================================
企業情報　東京大学発の強み
=========================================*/
@media screen and (max-width:999px) {
    .section_AoTUoT {
        margin-top: 10%;
        margin-bottom: 10%;
    }
    
    .circle_itemBox {
        margin-top: 10%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 20px;
    }
    
    .circle_item {
        width: clamp(200px, 65vw, 345px);
        height: clamp(200px, 65vw, 345px);
        border: solid 1px var(--primary-blue);
        border-radius: 50%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    
    .circle_itemTitle {
        text-align: center;
        font-weight: 700;
        color: var(--primary-blue);
    }
    
    .circle_itemTxt {
        text-align: center;
        margin-top: 3%;
    }
    
    .advantage_lastTxt {
        margin-top: 10%;
        line-height: 2;
    }

}


@media screen and (min-width:600px) and (max-width:999px) {
    .circle_itemBox {
    margin-top: 10%;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 0 35px;
    }
    
    .circle_item {
    width: clamp(250px, 30vw, 345px);
    height: clamp(250px, 30vw, 345px);
    border: solid 1px var(--primary-blue);
    border-radius: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    }
}


/* =======================================
企業情報　代表・経営陣の声
=========================================*/
@media screen and (max-width:999px) {
    .section_MFM {
        padding-top: 10%;
        padding-bottom: 20%;
        background-color: var(--background-blue);
    }
    
    .MFM_container {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
        margin-top: 5%;
    }
    
    
    .MFM_img {
        width: 60%;
		max-width: 320px;
        flex-shrink: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-right: 0;
    }
    
    .MFM_txt {
        line-height: 2.3;
        margin-top: 5%;
    }
    
    .MFM_sign {
        text-align: end;
        margin-top: 5%;
    }
    
    .MFM_sign span {
        margin-right: 2%;
    }
	
	.MFM_name_item {
    display:block;
    align-items: center;
    padding: 2% 2%;
    border-top: solid 1px var(--primary-blue);
    gap: 1vw;
	}
	
	.MFM_position{
		margin-bottom: 5px;
	}
	
	.MFM_name_subTxt{
		margin-top: 5px;
	}
   


}



/* =======================================
企業情報　会社概要・沿革
=========================================*/
@media screen and (max-width:999px) {
    .section_COandH {
        margin-top: 20%;
        margin-bottom: 20%;
    }
    
    .COandH_container {
        margin: 10% 2% 0;
    }
    
    .COandH_item {
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: calc(100vh / 30) calc(100vh / 10);
        padding: 6% 2% 2%;
        border-top: solid 1px var(--primary-blue);
        align-items: center;
    }
    
    .COandH_item:last-of-type {
        border-bottom: solid 1px var(--primary-blue);
    }
    
    .COandH_border {
        display: none;
    }
    
    
    .COandH_txt {
        line-height: 2;
    }
    
    .history_container {
        margin-top: 20%;
    }
    
    .company_scroll {
        overflow-x: auto;
        padding-bottom: 5%;
        -webkit-overflow-scrolling: touch;   
    }
    
    /*スクロールバー全体の高さ*/
    .company_scroll::-webkit-scrollbar {
      height: 4px;
    }
    /*スクロールバー全体の背景*/
    .company_scroll::-webkit-scrollbar-track {
      background: #eee;
    }
    /*スクロールバーの動く部分*/
    .company_scroll::-webkit-scrollbar-thumb {
      background: #aaa;
      border: none;
    }
    /*スクロールバーの動く部分のホバー（マウスオーバー）*/
    .company_scroll::-webkit-scrollbar-thumb:hover {
      background: #999;
    }
	
	/* -------- 会社沿革SP -------- */
    
    .history_container img {
        margin-top: 10%;
        width: 800px;
    }
    
    .access_container {
        margin-top: 25%;
    }
    
    .access_itemBox {
        margin-top: 5%;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }
    
    .access_item {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        flex: 1;
    }
    
    .access_item:first-of-type {
        margin-right: 0;
    }
    
    .access_item:last-of-type {
        margin-top: 20%;
    }
    
    .access_item div {
        margin-bottom: 5%;
    }
    
    .access_item iframe {
        height: 350px;
    }
    
    .access_item_title {
        font-weight: 700;
        text-align: center;
        padding: 2% 3%;
        background-color: var(--background-blue);
        border-radius: 8px;
    }
    
    .access_item_txt {
        margin-top: 5%;
        padding: 0 3%;
        line-height: 2;
    }
    
    .access_item_detail {
        margin-top: 5%;
        padding: 0 3%;
        line-height: 2;
    }

}


/* -------------------- 採用情報 -------------------- */

@media screen and (max-width:999px) {
    .recruit_FV {
        background-image: url(../images/recruit_FV_sp.webp?0604);
    }
    .recruit_h3 {
        color: var(--primary-blue);
        font-weight: 700;
        line-height: 2;
    }
}

/* =======================================
採用情報　採用メッセージ
=========================================*/
@media screen and (max-width:999px) {
    .section_recruitMessage {
        margin-top: 10%;
        margin-bottom: 10%;
    }
    
    .recruitMessage_txtBox p {
        line-height: 2;
        margin-top: 5%;
        margin-bottom: 10%;
    }
}

/* =======================================
採用情報　社員インタビュー
=========================================*/
@media screen and (max-width:999px) {
    .section_recruitInterview {
        overflow: hidden;
    }
    
    .recruitInterview_txtBox p {
        line-height: 2;
        width: auto;
    }
    
    .recruitInterview_txtBox {
        position: static;
        display: block;
    }
    
    .recruitInterview_txtBox::after {
        content: '';
        display: block;
        background-image: url(../images/recruit_interview_img01.webp);
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        width: 100%;
        height: clamp(200px, 41vh, 500px);
        position: static;
        z-index: -1;
        margin-top: 5%;
    }
    
    .recruit_interview_container {
        margin-top: 10%;
        margin-bottom: 80px;
    }
    
    .tab_container {
        display: flex;
        flex-wrap: unset;
        flex-direction: column;
        gap: 15px;
        width: auto;
    }
    
    .tab_content_container {
        margin-top: 15%;
    }
    
    .tab_item {
        background-color: #e6e6e6;
        width: 100%;
        height: auto;
        padding: 3% 2%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        color: var(--primary-blue);
        border-radius: 8px;
        transition: all 0.4s ease;
    }
    
    .tab_item.active {
        background-color: #bed8eb;  
    }
    
    .tab_item::after {
        content: '';
        display: block;
        width: 10px;
        height: 5px;
        background-color: var(--primary-blue);
        clip-path: polygon(0 0, 100% 0, 50% 100%);
        margin-top: 3%;
    }
    
    .tab_item:hover {
        opacity: 0.7;
    }
    
    .tab_content {
        display: none;
    }
    
    .tab_content.show {
        display: block;
    }
    
    .interview_name {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        border-bottom: solid 1px var(--primary-blue);
        padding-bottom: 2%;
    }
    
    .interview_name p {
        margin-left: 0;
    }
    
    .interview_content {
        margin-top: 10%;
        display: flex;
        flex-direction: column;
    }
    
    .interview_txtBox {
        margin-top: 10%;
    }

    .interview_txtBox_mt {
        margin-top: 5%;
    }
    
    .interview_title {
        font-weight: 700;
    }
    
    .interview_txt {
        margin-top: 1%;
        line-height: 2;
    }
    
    .interview_imgBox {
        flex-direction: column;
    }

    .schedule {
        margin-top: 10%;
    }
    
    .schedule p {
        padding: 2% 3%;
        background-color: var(--primary-blue);
        color: #fff;
        font-weight: 700;
        border-radius: 15px 15px 0 0;
        text-align: center;
    }
    
    .schedule img {
        margin-top: 0;
    }
	
	.interview_imgBox {
    display: block;
    justify-content: space-between;
}

.interview_photo{
	display: flex;
	flex: initial;
	justify-content: space-between;
	margin-right: 0px;
}

.interview_photo img {
    width: 48%;
	max-width: 400px;
    border-radius: 10px;
	margin-bottom: 15px;
}

.interview_txtBox {
    margin-top: 5%;
}

.interview_title {
    font-size: var(--fontSize-24px);
    font-weight: 600;
}

.interview_txt {
    margin-top: 1%;
    line-height: 1.7;
}

.schedule{
	width: 100%;
	max-width: 700px;
	flex: initial;
	margin-bottom: 30px;
}

.schedule img {
    margin-top: 0%;
	width: 100%;
}
	
	
	
	
	
}


@media screen and (min-width:1000px) and (max-width:1300px) {
    .tab_container {
        display: flex;
        flex-wrap: unset;
        flex-direction: column;
        gap: 10px;
        width: 50%;
        margin-top: 5%;
    }
    
    .tab_content_container {
        margin-top: 10%;
    }
    
    .tab_item {
        background-color: #e6e6e6;
        width: 100%;
        height: auto;
        padding: 3% 2%;
        display: flex;
        justify-content: center;
        align-items: center;
        color: var(--primary-blue);
        border-radius: 8px;
        font-size: var(--fontSize-18px);
        transition: all 0.4s ease;
    }

    .recruitInterview_txtBox::after {
        width: min(30vw, 400px);
        height: 25vw;
        position: absolute;
        top: calc(100vw / 100);
        right: calc(100vw / -17);
    }
}

@media screen and (min-width:500px) and (max-width:999px) {
    .schedule .pc {
        display: block;
    }
    .schedule .sp {
        display: none;
    }
}

/* =======================================
採用情報　働く環境
=========================================*/
@media screen and (max-width:999px) {
    .section_WE {
        background-color: var(--background-blue);
        padding-top: 15%;
        padding-bottom: 10%;
    }
    
    .WE_container {
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: auto auto auto auto;
        gap: 20px;
        margin-top: 5%;
    }
    
    .WE_content {
        padding: 5% 2%;
        background-color: #fff;
        border-radius: 15px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
    }
    
    .WE_content ul {
        margin-top: 3%;
        flex: 1;
    }
    
    .WE_content li {
        text-indent: -0.9rem;
        margin-left: 0.9rem;
        white-space:unset;
        margin-top: 2%;
        width: 98%;
    }
    
    .WE_content li:first-of-type {
        margin-top: 0;
    }
    
    .WE_content li::before {
        content: '';
        display: inline-block;
        width: 8px;
        height: 8px;
        background-color: var(--primary-blue);
        border-radius: 50%;
        transform: translateY(-35%);
        margin-right: 2%;
    }
    
    .WE_content img {
        width: 80%;
    }
    
    .section_WE .btn_Box {
        margin: 15% auto 0;
    }
}


/* =======================================
採用情報　求める人物像・福利厚生
=========================================*/
@media screen and (max-width:999px) {
    .section_recruitICPandEB {
        margin-top: 15%;
        margin-bottom: 15%;
    }
    
    .recruitICP_container .recruit_h3,
    .recruitEB_container .recruit_h3 {
        text-align: center;
    }
    
    .recruitICP_container {
        margin-top: 5%;
    }

    .recruitICP_content {
        margin-top: 5%;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
    }
    
    .recruitICP_content img {
        width: clamp(200px, 92.9vw, 600px);
    }
    
    .recruitICP_content ul {
        margin-top: 10%;
    }
    
    .recruitICP_content li {
        margin-top: 8%;
    }
    
    .recruitICP_content li:first-of-type {
        margin-top: 0;
    }
    
    .recruitICP_content p {
        line-height: 2;
    }
    
    .recruitICP_content span {
		font-size: 18px;
        display: block;
        padding-bottom: 2%;
        margin-bottom: 3%;
        border-bottom: solid 1px var(--primary-blue);
        font-weight: 700;
    }
    
    .recruitEB_container {
        margin-top: 15%;
        margin-bottom: 10%;
    }
    
    .recruitEB_container ul {
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: auto auto auto auto;
        gap: 5vh 10vw;
        margin-top: 8%;
    }
    
    .recruitEB_container li {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
    }
    
    .recruitEB_container img {
        width: clamp(80px, 31.2vw, 150px);
        height: clamp(80px, 31.2vw, 150px);
    }
    
    .recruitEB_container p:first-of-type {
        font-size: var(--fontSize-20px);
        font-weight: 700;
        margin-top: 5%;
    }
    
    .recruitEB_container p:last-of-type {
        line-height: 2;
        margin-top: 3%;
    }

    .section_recruitICPandEB .btn_Box {
        margin-top: 20%;
    }
}


/* -------------------- 募集要項 -------------------- */


/* =======================================
募集要項　中途採用求人・募集要項　
=========================================*/
@media screen and (max-width:999px) {
    .jobDescription_FV {
        background-image: url(../images/jobDescription_FV_sp.webp?0612_2);
    }
    .section_MCRandJD {
        margin-top: 10%;
        margin-bottom: 20%;
    }
    
    .MCRandJD_container .tab_container {
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: auto;
        width: 100%;
        margin-top: 10%;
    }
    
    .MCRandJD_container .tab_item {
        width: auto;
        height: auto;
    }
    
    .JD_item {
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: auto;
        padding: 1% 3%;
        border-top: solid 1px var(--primary-blue);
    }
    
    .JD_item:last-of-type {
        border-bottom: solid 1px var(--primary-blue);
    }
    
    .JD_border {
        display: none;
    }
    

    .JD_title {
        padding: 4% 0;
        font-weight: 700;
    }

    .JD_txt  {
        padding: 3% 0 6%;
        line-height: 2;
    }
}

/* =======================================
募集要項　応募・選考プロセス　
=========================================*/
@media screen and (max-width:999px) {
    .section_AandSP {
        background-color: var(--background-blue);
        padding-top: 15%;
        padding-bottom: 15%;
    }
    
    .AandSP_container ul {
        margin-top: 0;
    }
    
    .AandSP_container li {
        display: grid;
        grid-template-columns: 1fr 2fr;
        grid-template-rows: auto;
        margin-bottom: 8%;
        margin-top: 5%;
        gap: 2vw 5vw;
    }
    
    .AandSP_stepBox {
        background-image: url(../images/jobDescription_stepBg.svg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;    
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 100%;
    }
    
    .AandSP_step {
        margin-top: 0px;
        text-align: center;
        font-size: clamp(30px, 2.3vw, 45px);
        color: var(--primary-blue);
        line-height: 1;
        padding: 5% 2% 10%;
    }
    
    .AandSP_step span {
        display: block;
        font-size: var(--fontSize-20px);
    }
    
    .AandSP_contentTitle {
        font-size: var(--fontSize-20px);
        font-weight: 700;
    }

    .AandSP_contentTxt {
        grid-column: 1 / 3;
    }
    
    .AandSP_remarksBox {
        margin-top: 15%;
    }
    
    .AandSP_remarksTopWh {
        display: flex;
        flex-direction: column;
        justify-content: center;
        gap: 4vw;
    }
    
    .AandSP_remarksTopWh p {
        padding: 3% 3%;
        background-color: #fff;
        border-radius: 8px;
        text-align: center;
    }
    
    .AandSP_remarksTop {
        margin-top: 5%;
        display: flex;
        flex-direction: column;
        gap: 4vw;
        justify-content: center;
        align-items: center;
    }
    
    
}


/* -------------------- プライバシーポリシー -------------------- */

@media screen and (max-width:999px) {
    .privacyPolicy_h3 {
        margin-bottom: 5%;
    }
    
    .section_privacyPolicy {
        margin-top: 10%;
        margin-bottom: 10%;
    }
    
    .privacyPolicy_content1,
    .privacyPolicy_content2,
    .privacyPolicy_content3 {
        margin-top: 15%;
    }
    
    .section_privacyPolicy p {
        line-height: 2;
    }
    
    .privacyPolicy_content3 div {
        margin-top: 10%;
    }
    
    .privacyPolicy_content3 a {
        color: var(--primary-blue);
        text-decoration: underline;
        transition: 0.4s;
    }
    
    .privacyPolicy_content3 a:hover {
        opacity: 0.7;
    }
}

/* -------------------- ニュース詳細ページ -------------------- */

/* =======================================
ニュース詳細
=========================================*/
@media screen and (max-width:999px) {
    .notice {
        background-color: var(--background-blue);
        padding-top: calc(100vh / 15);
        padding-bottom: 15%;
    }
    
    .notice_bgWh {
        margin: 5% auto 0;
        padding: 5% 3%;
        background-color: #fff;
    }
    
    .notice_title {
        padding-bottom: 2%;
        border-bottom: solid 1px var(--primary-blue);
    }
    
    .notice_title span {
        font-family: "Outfit", sans-serif;
        color: #000;
        margin-right: 2%;
    }
    
    .notice_content {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        gap: 2vw;
        margin-top: 5%;
    }
    
    .notice_content p {
        line-height: 2;
        margin-top: 3%;
    }
    
    .notice_content a {
        display: block;
        color: var(--primary-blue);
        text-decoration: underline;
        cursor: pointer;
        transition: 0.4s;
    }
    
    .notice_content a:hover {
        opacity: 0.65;
    }
    
    .notice_img {
        width: clamp(200px, 85vw, 600px);
        height: clamp(200px, 15vw, 300px);
        background-color: #999999;
        border-radius: 10px;
        flex-shrink: 0;
    }
    
    .notice_btn {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 5vw;
        margin-top: 10%;
    }
    
    .notice_newsArchiveList_btn a {
        display: block;
        padding: 5% 5%;
        background-color: var(--primary-blue);
        border-radius: 8px;
        color: #fff;
        width: 35vw;
        text-align: center;
    }
    
    .notice_prevBtn,
    .notice_nextBtn {
        width: 55px;
        height: 55px;
        border: solid 1px var(--primary-blue);
        border-radius: 50%;
        position: relative;
        transition: 0.4s;
        cursor: pointer;
    }
    
    .notice_prevBtn::before {
        content: '';
        display: block;
        width: 8px;
        height: 8px;
        border-top: solid 1px var(--primary-blue);
        border-left: solid 1px var(--primary-blue);
        transform: rotate(-45deg) translateY(-50%);
        position: absolute;
        top: 50%;
        left: 50%;
        transition: 0.4s;
    }
    
    
    .notice_nextBtn::before {
        content: '';
        display: block;
        width: 8px;
        height: 8px;
        border-top: solid 1px var(--primary-blue);
        border-right: solid 1px var(--primary-blue);
        transform: rotate(45deg) translateX(-50%);
        position: absolute;
        top: 50%;
        left: 50%;
        transition: 0.4s;
    }
    
    
    .notice_prevBtn:hover,
    .notice_nextBtn:hover {
        background-color: var(--primary-blue);
    }
    
    .notice_prevBtn:hover::before,
    .notice_nextBtn:hover::before {
        border-top:solid 1px #fff;
    }
    
    .notice_prevBtn:hover::before {
        border-left:solid 1px #fff;
    }
    
    .notice_nextBtn:hover::before {
        border-right:solid 1px #fff;
    }
}


/* -------------------- 先進モビリティサービス概要ページ -------------------- */

/* =======================================
サービス概要
=========================================*/
@media screen and (max-width:999px) {
    .service {
        background-color: var(--background-blue);
        padding-top: calc(100vh / 15);
        padding-bottom: 15%;
    }
    
    .service_bgWh {
        background-color: #fff;
        padding: 5% 3%;
        margin-top: 5%;
    }
    
    .service_title {
        padding-bottom: 2%;
        border-bottom: solid 1px var(--primary-blue);
    }
    
    .service_title p {
        font-size: var(--fontSize-24px);
        font-weight: 600;
    }
    
    .service_content {
        margin-top: 5%;
    }
    
    .service_content {
        display: flex;
        align-items: baseline;
    }
    
    .service_content:nth-of-type(3) {
        margin-top: 10%;
    }
    
    .service_content::before {
        content: '';
        display: block;
        width: 12px;
        height: 12px;
        background-color: var(--primary-blue);
        border-radius: 50%;
        margin-right: 2%;
        flex-shrink: 0;
    }
    
    .service_content div {
        flex: 1;
    }

    .service_content span {
        margin-top: 2%;
    }
    
    .service_content ul {
        display: flex;
        flex-direction: column;
        gap: calc(100vh / 70);
        justify-content: center;
        align-items: center;
        margin-top: 10%;
        padding: 0;
    }
    
    .service_content li {
        padding: 1% 5%;
        background-color: var(--background-blue);
        border-radius: 8px;
        flex: 1;
        text-align: center;
        width: min(80vw, 300px);
    }
    
    .service_img {
        width: 100%;
        margin: 5% auto 0;
        max-width: 400px;
    }
    
    .service .btn_Box {
        margin-top: 15%;
    }
}