/* 製品情報ページ：7個ナビ対応（デフォルトは6個想定のため上書き） */
.product .head .nav_m { width: 870px; }
.product .head .nav li a { width: 94px; font-size: 13px; }
.product .head .nav li { margin-left: 2px; }

@media screen and (max-width:1220px){
    .i_m, .foot{width:960px;}
    .head .nav_m{ width:720px;}
    .head .nav li a{ width:94px;}
    .head .nav li{ margin-left:0;}
    .tu, .tu img{ width:310px; }
    .service .tu, .service .tu img { width:310px;}
    /* 製品情報：7個ナビ */
    .product .head .nav_m { width: 720px; }
    .product .head .nav li a { width: 80px; font-size: 12px; }
}

@media screen and (max-width:990px){
    .i_m, .foot{width:740px;}
    .head .nav_m{ width:530px;}
    .head .nav li a{ font-size:16px;}
    .nav_m .n_icon{ display:block;}
    .nav_m .nav{ width:740px; position:absolute; right:0; top:90px; background:#EEEEEE; display:none;}
    .head .nav li a{ width:100px;}
    .tu, .tu img { width:240px; }
    .service .tu, .service .tu img { width:240px; }
}

@media screen and (max-width:770px) {
    .i_m, .foot{width:480px;}
    .head .nav_m,.nav_m .nav{ width:100%;}
    .head .nav li{ height:auto;}
    .head .nav li a{ margin:10px 0;}
    /*主画面*/
    .mainbox h2 { font-size: 2rem; }
    .mainbox h3 { font-size: 1.6rem; }
    /*主画面*/
    /*Service画面*/
    .flex_3 { flex-direction: column; }
    .flex_2 { flex-direction: column; }
    .service .tu, .service .tu img{ width:480px; }
    .service .tu .title { margin-top:32px; margin-bottom: 24px; }
    .flex_2 .tu{ width: 100%; }
    /*Service画面*/
    /*チーム*/
    .team .p_img img { width: 180px; height: 180px; }
    /*チーム*/
    /*採用情報画面用*/
    .join .tu, .join .tu img{ width:480px; }
    /*採用情報画面用*/
}

@media screen and (max-width:770px) and (orientation: portrait) {
    /*Service画面*/
    .part1, .part2{ flex-direction: column; }
    .info, .imgs { width: unset; text-align: center;}
    .banner_content .info h1 { font-size: 4vmin; }
    .banner_content .info p { font-size: 3vmin; line-height: 4vmin;}
    .info button { font-size: 2vmin; margin: 8px 0; }
    .imgs { width: 80%; padding-top: 64px;}
    .service .tu { padding-bottom: 32px; }
    /*Service画面*/
}

@media screen and (max-width:510px) {
    .i_m, .foot{ width:90%; padding-left: 5%; padding-right: 5%; }
    .service .banner { flex-direction: column; height: 200vh; flex: 1; }
    .service .banner_fg { width: unset; }
    .service .banner .i_m:hover { flex: 1; }
    .head .nav li a{ width:74px; font-size:15px;}
    .tu, .tu img{ width:100%; }
    .join .tu, .join .tu img{ width:100%; }
    /*Service画面*/
    .service .tu, .service .tu img{ width:100%; }
    .service .arraw1 { display: block; }
    .service .arraw { margin-left: unset; margin-bottom: -20px; }
    /*Service画面*/
    /*チーム*/
    .team .flex_onehand { align-items: center; }
    .team .flex_onehand .tu { flex-direction: column; }
    .team .p_note { align-items: center; }
    .team hr { margin: 12px auto;}
    .team .p_note .name { font-size: 6vmin; }
    .team .p_note .title { font-size: 4vmin; }
    /*チーム*/
}

/* Partners：md(768px)以上一行排列 */
@media screen and (min-width: 768px) {
    .partners_logos { flex-wrap: nowrap; gap: 0; }
    .partners_item { width: auto; flex: 1; }
}