@charset "UTF-8";
@import "fonts.css";

html {
    -webkit-text-size-adjust: 100%;
    box-sizing: border-box;
    tab-size: 4;
    word-break: normal
}

*,
:after,
:before {
    background-repeat: no-repeat;
    box-sizing: inherit
}

:after,
:before {
    text-decoration: inherit;
    vertical-align: inherit
}

* {
    margin: 0;
    padding: 0
}

hr {
    color: inherit;
    height: 0;
    overflow: visible
}

details,
main {
    display: block
}

summary {
    display: list-item
}

small {
    font-size: 80%
}

[hidden] {
    display: none
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

a {
    background-color: initial
}

a:active,
a:hover {
    outline-width: 0
}

code,
kbd,
pre,
samp {
    font-family: monospace, monospace
}

pre {
    font-size: 1em
}

b,
strong {
    font-weight: bolder
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: initial
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

table {
    border-color: inherit;
    text-indent: 0
}

iframe {
    border-style: none
}

input {
    border-radius: 0
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

textarea {
    overflow: auto;
    resize: vertical
}

button,
input,
optgroup,
select,
textarea {
    font: inherit
}

optgroup {
    font-weight: 700
}

button {
    overflow: visible
}

button,
select {
    text-transform: none
}

[role=button],
[type=button],
[type=reset],
[type=submit],
button {
    cursor: pointer
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
    border-style: none;
    padding: 0
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button:-moz-focusring {
    outline: 1px dotted ButtonText
}

[type=reset],
[type=submit],
button,
html [type=button] {
    -webkit-appearance: button
}

button,
input,
select,
textarea {
    background-color: initial;
    border-style: none
}

a:focus,
button:focus,
input:focus,
select:focus,
textarea:focus {
    outline-width: 0
}

select {
    -moz-appearance: none;
    -webkit-appearance: none
}

select::-ms-expand {
    display: none
}

select::-ms-value {
    color: currentColor
}

legend {
    border: 0;
    color: inherit;
    display: table;
    max-width: 100%;
    white-space: normal
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    color: inherit;
    font: inherit
}

[disabled] {
    cursor: default
}

img {
    border-style: none
}

progress {
    vertical-align: initial
}

[aria-busy=true] {
    cursor: progress
}

[aria-controls] {
    cursor: pointer
}

[aria-disabled=true] {
    cursor: default
}

:root {
    --color: #313945;
    --color-white: #fff;
    --color-primary: #b3243e;
    --color-primary-hover: #7c1527;
    --color-secondary: #3b4c67;
    --color-secondary-hover: #1a2a45;
    --color-secondary-bdr: #3b4c674d;
    --color-secondary-lighter: #c3ccd9;
    --color-secondary-lightest: #f2f3f4;
    --color-warning: #e04;
    --color-bg: #fff;
    --color-bg-black: #000;
    --color-link: currentColor;
    --color-link-hover: currentColor;
    --font-size-base: 1rem;
    --line-height-base: 1.6;
    --letter-spacing-mid: 0;
    --letter-spacing-base: 0.004em;
    --width-content: 1200px;
    --width-content-pc: 1080px;
    --width-content-pc-lg: 1160px;
    --width-design-pc: 1280px;
    --widtht-design-sp: 375px;
    --width-side-pc: 60px;
    --width-side-sp: 20px;
    --width-side-sp-lg: 34px;
    --z-index-header: 300;
    --z-index-footer: 200;
    --z-index-main: 100;
    --family-nts: 'Noto Sans JP', Arial, sans-serif;
    --family-nts-W4: 'Noto Sans JP W4', Arial, sans-serif;
    --family-nts-bold:'Noto Sans JP W7', Arial, sans-serif;
    --family-rbt-regular: 'Roboto-Regular', Arial;
    --family-rbt-bold: 'Roboto-Bold', Arial;
    --rbt: 'Roboto', Arial;
    --ease-in-sine: cubic-bezier(0.47, 0, 0.745, 0.715);
    --ease-in-quad: cubic-bezier(0.55, 0.085, 0.68, 0.53);
    --ease-in-cubic: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    --ease-in-quart: cubic-bezier(0.895, 0.03, 0.685, 0.22);
    --ease-in-quint: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    --ease-in-expo: cubic-bezier(0.95, 0.05, 0.795, 0.035);
    --ease-in-circ: cubic-bezier(0.6, 0.04, 0.98, 0.335);
    --ease-in-back: cubic-bezier(0.6, -0.28, 0.735, 0.045);
    --ease-out-sine: cubic-bezier(0.39, 0.575, 0.565, 1);
    --ease-out-quad: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    --ease-out-cubic: cubic-bezier(0.215, 0.61, 0.355, 1);
    --ease-out-quart: cubic-bezier(0.165, 0.84, 0.44, 1);
    --ease-out-quint: cubic-bezier(0.23, 1, 0.32, 1);
    --ease-out-expo: cubic-bezier(0.19, 1, 0.22, 1);
    --ease-out-circ: cubic-bezier(0.075, 0.82, 0.165, 1);
    --ease-out-back: cubic-bezier(0.175, 0.885, 0.32, 1.275);
    --ease-in-out-sine: cubic-bezier(0.445, 0.05, 0.55, 0.95);
    --ease-in-out-quad: cubic-bezier(0.455, 0.03, 0.515, 0.955);
    --ease-in-out-cubic: cubic-bezier(0.645, 0.045, 0.355, 1);
    --ease-in-out-quart: cubic-bezier(0.77, 0, 0.175, 1);
    --ease-in-out-quint: cubic-bezier(0.86, 0, 0.07, 1);
    --ease-in-out-expo: cubic-bezier(1, 0, 0, 1);
    --ease-in-out-circ: cubic-bezier(0.785, 0.135, 0.15, 0.86);
    --ease-in-out-back: cubic-bezier(0.68, -0.55, 0.265, 1.55);
    --icon-arrow-thin: "";
    --icon-arrow: "";
    --icon-balloon: "";
    --icon-close: "";
    --icon-document: "";
    --icon-favorite: "";
    --icon-list: "";
    --icon-mail: "";
    --icon-play: "";
    --icon-plus: "";
    --icon-sns-facebook: "";
    --icon-sns-instagram: "";
    --icon-sns-line: "";
    --icon-sns-twitter: "";
    --icon-sns-youtube: ""
}

@font-face {
    font-display: block;
    font-family: iconfont;
    font-style: normal;
    font-weight: 400;
    src: url("data:font/woff2;base64,d09GMgABAAAAAAoMAAsAAAAAE7gAAAm7AAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHIMqBmAAhx4KkSyOdQtQAAE2AiQDgRwEIAWEFgeCIhtqEVGUctLsyH4e2Ma0BxvKEENwG73tmkWv1r4S9YIbflvEg3DkP+73em6SB0AfuIC6Y1BVA0JXoQasxnpCj51ehNn/4bv1f6apRdOSYQFfhhXCQmHCOmjZ3Ovq0q7p2X8CAXHqZ4KElmE8F8BNSSdhzwtaKlCvXFyApVCAt7/xBCY6kImHSRAYJp7/td+rfSczN7iBAjr6qIrGVcga3TnZzL7Zvxt6v4Sg2ggXYyvUvhKAApbkqiJsp85UygqluyxnkErKKbS+jRrLVF5ncGa/JQhgWrYZq0+9EPyXyzAC0QQAAAgut6TlVknBBxNCaYj0NxTsz1duKyEZnd/IptJyjKpGTIFAKBJLpDI5RulIIwKn8ZWA0OdXu2uETC1ZklcM02tNNbJtYrtOup0duVosC8MJ30jA12GBCXfu8lUaxbxXD7msq4slIplEohHwwiEDofbYbYWGQ/flMmY2aG2glyozOm35Wu6sE3yZkkOlN70nRJ8tIZ1R+QxCyUdvVuTTa9Qx3VfgvVVqLR1dfSJ4a3UK8Ot4Dnha/Hz6Ww10gFEiyJ4/OvMUcNvJzRMAcCzujgIgLB8OQHH1HDAPEEBPBAC+4wj6cGYv4dXtunSM6iSNMWbWzZtOwUlSg3Q6aD+YTlw1pGVidSYQbyNDhmj86Ix40KFSRy7UF6gl2noiA4Thd1Y70RlM1lH/R7s8oBTyv4CYn1etpjtKMwyLTh72EVRJuxdhgNXY+tLb6hHgpEAsp+HLGRRyFpWcQ0vOo5EL6MpFjOQSUrmMTK5iKNdQynV05AZyuYlQbqEvdxDIXdRyD4ncR1seoCcPEcnjaKAkAUoyQEkOKCkAJRVASRVQUgOU1AElDUBJE1DSApS0ASUdQEkXUNIDFgIYAw6P3Qd2C/yFU0AbqSoOmtAUKsIgX02H0xbCDcW9CLVYib20Vx3PuOBQdiAzIrU4AcXEKqUEz5ZN2IUuV3SJYBO5Rdszjyfu35B04JKnwo05JB4PG0iISfL2JtIVylRckabCM5RBgb4BwPAKoIlni4b8gAEBJk4rwSh0tfJo9lsxiRAekTvcVpLVH300/W0jWdczP+6ZliNpuKrKNwSCmdcZBWvPxRLiHWxUzsdVc1X2jRsRlDjm2AIUiXjj1m2HwkQbNof2r+9bQQu+VkUXMEeKR9KKrNt0i12cOaLuHMbEJiR+8wQDpVMY4EfBUL8tZHBJXXQEQwgP5ig6ECak21MPA1iFa9/UNiRgOzH4oOjCm7gd7B2wwxargrtjt78uPM89Tz9vL2bBh8UX38bv5OxEdhJMFt7H3PWu5JLgEnZJYi9kJZccUbgdttvibHFuva7TLjhKoOSBkSW7kF1EPBFPThNfpPNlYHe5bGbraF9GkGS7PbJEZR36NEBskNZlu+G4Rdy0X5/wJyRAxQQLwAShoe3o7ZHK68Ln9c8T94dvjIjZFr0xmSRJZAecvZ9uXw+wsQHDHJsQhNiI6d3Ww5PbZovCwvoSIT1tpdOnhiHo5blunRoKGDcPQqqyn2OhRGo2PFvmEl7zMP3pN0mXvAw2+YX4tsvd8LAWbG437z7/DCxzuej2ZNxhYidZTMpI+rE6A/e8K/a9jh3uogcit0g0n1TBJQ/zQwsqbWpsPC2Zpf4/xV2d3ulwOnW64SMafAXLYLI6ae+yjPasLnwgvz+3q4P3cyB3pOfkXHaBptAxXmA3GwdrEvcst08Fc47JsVlfD+agP3J/kPuntw4tLZC+9suy97dZlzxatml0/bqqdaPrKtdBya+ozQWbz3zlv/6Cc/nnTIa3uzjzcjuFlidnjQFSTCGcU1TI/+7q79FH31bsqJDUFvN8erFD66SCjJY/00+Y1nVen/QC+NP0wP6gkbH4OuDDD+HDmoRLNSM1JaqNRVfVwdzAb+Boojc55b2EAZH/GC2elcvUm5K/kG06RFyOPZR4e1HDB+relK7kFSuSu1J61SgQVWOVwyreAH+GgQRGnJ3GBgQqXsVw1RgQqCqlN7mLRCLJYa+FjyY0VcrKSmWV5reYOQcc7fo3sSXMoSi3bn0eLwJWDIuKnFHqo5suHS4ZuL/KEgL4gvULtH1qVUfC/tbPYWpOZnsop39l+Doz4JbgBysJC8qGp9WLrnD+gVKBxffLcuP36EZiOGe+SYmOR++j8dEp39zmMEZ0e+Jz73f3OcOJuVRpl7yZuUdAUaU0NqaoKIJoJu0hjRldcoQ1trB10R5m80Pj+KQ2NKRuI/9TYOHzLStj5h0rxTb8M9mNWVmN3UBw3TAjG7Jx0YFrUQUyBPkD4FbiFRV4pceQ14dWao8y9G1+cpejdG5B9cMWzfKOoqym3Dn1FyT0lcKmmdrWfH7u/LYUcdozUZowJeJl4BbE8EJ0L1qAFigoF565LOyvVQTdRrnT56PRXav7a+RBub3zf11WTaCPnmRZEARxDegxkpm+QncMVKNsRHf3ZXP1YlQQK8CvVBADzmOr5y2slI52qfIW5cwsDKfXFxc08pn1Pubymo/qMiVBAwNpYzS8mNsZPvpom3e4U2qJQhZWGA2fD6NVRQM9Ndd2HkUFzdKsfm7R/lIJ88v20ifl0LGw/xaP+xM/GPGaQfXjsBLR0NZ5Z/7E476q6lOhl1ze33HrvDS0VQiQu1VenlfWj1zey5OUvv7w0sSHYNoFchZrphaRwf7PZ/4X6/VZ4K0wWAmlMsriI1Mzn49QEUBqGls8D6bn9jMV/f8zoJBUrgABCN4Vo6WTAZW/bgkAtP+c7zbASauZ/rerDUDHgGyWZ+8GInl3RPbCWMIaseIciMuSUwHeBkoWxIPjJxyTKVp/muNfC1lNisa+QHUyBjCZgClf7fuLaKt1AIVW00yY4XQehGQZhaWdUelmM6Y5q+e3RI5DUWyA+G6xDOPayHC+JxDyPqNIfcuofL8zpnWuFZZRMPuUW7sEzKf0xiIujHt+Tt7icn2/V1xsqDep8g0GpZO9xDdoa1f8IwzGtdl2oUtbB44CGnKjRiizX2nQCqdiNERKBwfWRxfD6ehpDp9lxaJlAgR+hFQoZYBT3P8ZVix3majku8dAieUCnVHDWHZPNx03pFaOYrnVfbQBODmDbJemYMf0ckteVxeoPnv5i4ZRyHEwfdDjgBEnQQqppJFOBplkkU0OueSRLxCKxBKpTK5QqtQaLW0dXT19A0MjY5PM7tWNmrMMas0IbdDm7Tz2NLtGu4+9pd3H2eGoLhRHtQQ5qiOkOd3SqGfoH32Ws8/5XcffLGf+/4vzCbTVxGGlsZC1iBnWUaPr6VYQKZ1RZn0M1DRGyAyR0+u+EgWjYUomY6wGqQIAAA==") format("woff2")
}

.iconfont,
i[class*=" icon-"],
i[class^=icon-] {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-feature-settings: "liga";
    font-family: iconfont !important;
    font-style: normal !important;
    font-variant: normal;
    font-variant-ligatures: discretionary-ligatures;
    font-weight: 400 !important;
    letter-spacing: 0;
    line-height: 1;
    text-transform: none
}

.icon-arrow-thin:before {
    content: var(--icon-arrow-thin)
}

.icon-arrow:before {
    content: var(--icon-arrow)
}

.icon-balloon:before {
    content: var(--icon-balloon)
}

.icon-close:before {
    content: var(--icon-close)
}

.icon-document:before {
    content: var(--icon-document)
}

.icon-favorite:before {
    content: var(--icon-favorite)
}

.icon-list:before {
    content: var(--icon-list)
}

.icon-mail:before {
    content: var(--icon-mail)
}

.icon-play:before {
    content: var(--icon-play)
}

.icon-plus:before {
    content: var(--icon-plus)
}

.icon-sns-facebook:before {
    content: var(--icon-sns-facebook)
}

.icon-sns-instagram:before {
    content: var(--icon-sns-instagram)
}

.icon-sns-line:before {
    content: var(--icon-sns-line)
}

.icon-sns-twitter:before {
    content: var(--icon-sns-twitter)
}

.icon-sns-youtube:before {
    content: var(--icon-sns-youtube)
}

p {
    margin-bottom: 1rem
}

p:last-child {
    margin-bottom: 0
}

nav ul,
ul[class] {
    list-style-type: none
}

html {
    font-family: var(--family-nts);
    height: 100%
}

body {
    -webkit-font-smoothing: antialiased;
    background: var(--color-bg);
    color: var(--color);
    font-size: 4.2666666667vw;
    letter-spacing: var(--letter-spacing-base);
    line-height: var(--line-height-base);
    min-height: 100%
}

body.is-preload * {
    transition: none !important
}

a {
    color: var(--color-link);
    text-decoration: underline
}

html.hover a:hover {
    color: var(--color-link-hover);
    text-decoration: none
}

h1,
h2,
h3,
h4,
h5,
h6 {
    line-height: 1.3
}

img {
    height: auto;
    max-width: 100%;
    vertical-align: top
}

b {
    font-family: var(--family-nts-bold)
}

.tns-outer {
    padding: 0 !important
}

.tns-outer [hidden] {
    display: none !important
}

.tns-outer [aria-controls],
.tns-outer [data-action] {
    cursor: pointer
}

.tns-slider {
    transition: all 0s
}

.tns-slider>.tns-item {
    box-sizing: border-box
}

.tns-horizontal.tns-subpixel {
    white-space: nowrap
}

.tns-horizontal.tns-subpixel>.tns-item {
    display: inline-block;
    vertical-align: top;
    white-space: normal
}

.tns-horizontal.tns-no-subpixel:after {
    clear: both;
    content: "";
    display: table
}

.tns-horizontal.tns-no-subpixel>.tns-item {
    float: left
}

.tns-horizontal.tns-carousel.tns-no-subpixel>.tns-item {
    margin-right: -100%
}

.tns-gallery,
.tns-no-calc {
    left: 0;
    position: relative
}

.tns-gallery {
    min-height: 1px
}

.tns-gallery>.tns-item {
    left: -100%;
    position: absolute;
    transition: transform 0s, opacity 0s
}

.tns-gallery>.tns-slide-active {
    left: auto !important;
    position: relative
}

.tns-gallery>.tns-moving {
    transition: all .25s
}

.tns-autowidth {
    display: inline-block
}

.tns-lazy-img {
    opacity: .6;
    transition: opacity .6s
}

.tns-lazy-img.tns-complete {
    opacity: 1
}

.tns-ah {
    transition: height 0s
}

.tns-ovh {
    overflow: hidden
}

.tns-visually-hidden {
    left: -10000em;
    position: absolute
}

.tns-transparent {
    opacity: 0;
    visibility: hidden
}

.tns-fadeIn {
    filter: alpha(opacity=100);
    opacity: 1;
    z-index: 0
}

.tns-fadeOut,
.tns-normal {
    filter: alpha(opacity=0);
    opacity: 0;
    z-index: -1
}

.tns-vpfix {
    white-space: nowrap
}

.tns-vpfix>div,
.tns-vpfix>li {
    display: inline-block
}

.tns-t-subp2 {
    height: 10px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    width: 310px
}

.tns-t-ct {
    position: absolute;
    right: 0;
    width: 2333.3333333333%;
    width: 2333.33333%
}

.tns-t-ct:after {
    clear: both;
    content: "";
    display: table
}

.tns-t-ct>div {
    float: left;
    height: 10px;
    width: 1.4285714286%;
    width: 1.42857%
}

.tns-outer * {
    outline: none
}

.tns-nav {
    align-items: center;
    display: flex;
    gap: 3.2vw;
    justify-content: center;
    width: 100%
}

.tns-nav button {
    background-color: var(--color-primary);
    border-radius: 50%;
    height: 2.1333333333vw;
    opacity: .32;
    outline: none;
    transition: opacity .25s ease;
    width: 2.1333333333vw
}

.tns-nav button.tns-nav-active {
    opacity: 1
}

.slider-action button[data-controls=next],
.slider-action button[data-controls=prev],
.tns-controls button[data-controls=next],
.tns-controls button[data-controls=prev] {
    align-items: center;
    background-color: var(--color-secondary);
    border-radius: 50%;
    color: #0000;
    display: flex;
    font-size: 0;
    height: 6.9333333333vw;
    justify-content: center;
    transition: opacity .5s ease;
    width: 6.9333333333vw
}

.slider-action button[data-controls=next]:after,
.slider-action button[data-controls=prev]:after,
.tns-controls button[data-controls=next]:after,
.tns-controls button[data-controls=prev]:after {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-feature-settings: "liga";
    color: #fff;
    content: var(--icon-arrow);
    display: inline-block;
    font-family: iconfont !important;
    font-size: 2.6666666667vw;
    font-style: normal !important;
    font-variant: normal;
    font-variant-ligatures: discretionary-ligatures;
    font-weight: 400 !important;
    letter-spacing: 0;
    line-height: 1;
    text-transform: none
}

.slider-action button[data-controls=next]:disabled,
.slider-action button[data-controls=prev]:disabled,
.tns-controls button[data-controls=next]:disabled,
.tns-controls button[data-controls=prev]:disabled {
    opacity: .5;
    pointer-events: none
}

.slider-action button[data-controls=prev]:after,
.tns-controls button[data-controls=prev]:after {
    transform: scaleX(-1) translateX(.1em)
}

.slider-action button[data-controls=next]:after,
.tns-controls button[data-controls=next]:after {
    transform: translateX(.1em)
}

.slider-action {
    align-items: center;
    display: flex;
    gap: 4.8vw;
    justify-content: center;
    margin-top: 6.6666666667vw;
    outline: none
}

.slider-action button[data-controls=prev] {
    order: 0
}

.slider-action .slider-dots {
    order: 1
}

.slider-action button[data-controls=next] {
    order: 2
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes slideIn {
    0% {
        transform: translateY(15%)
    }

    to {
        transform: translateY(0)
    }
}

@keyframes slideOut {
    0% {
        transform: translateY(0)
    }

    to {
        transform: translateY(-10%)
    }
}

.micromodal {
    display: none;
    position: relative;
    z-index: 310
}

.micromodal .modal-overlay {
    background: #0000;
    bottom: 0;
    display: flex;
    left: 0;
    overflow: auto;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 310
}

.micromodal .modal-container {
    background-color: #fffffff5;
    height: 100%;
    overflow-y: scroll;
    width: 100%
}

.micromodal .modal-content {
    padding: 26.6666666667vw 9.0666666667vw 10.6666666667vw
}

.micromodal .modal-close {
    color: #333;
    font-size: 8.8vw;
    line-height: 1;
    outline: none;
    position: absolute;
    right: 5.3333333333vw;
    top: 5.3333333333vw
}

.micromodal.is-open {
    display: block
}

.micromodal[aria-hidden=false] {
    animation: fadeIn .3s ease
}

.micromodal[aria-hidden=true] {
    animation: fadeOut .3s ease
}

.vidbg-container {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    bottom: 0;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1
}

.vidbg-container video {
    left: 50%;
    margin: 0;
    max-width: none;
    opacity: 0;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: opacity .25s ease-in-out
}

.vidbg-overlay {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.u-hide {
    display: none !important
}

.u-mb-5,
.u-mt-5 {
    margin-bottom: 5px !important
}

.u-mb-10,
.u-mt-10 {
    margin-bottom: 10px !important
}

.u-mb-15,
.u-mt-15 {
    margin-bottom: 15px !important
}

.u-mb-20,
.u-mt-20 {
    margin-bottom: 20px !important
}

.u-mb-25,
.u-mt-25 {
    margin-bottom: 25px !important
}

.u-mb-30,
.u-mt-30 {
    margin-bottom: 30px !important
}

.u-mb-35,
.u-mt-35 {
    margin-bottom: 35px !important
}

.u-mb-40,
.u-mt-40 {
    margin-bottom: 40px !important
}

.u-mb-45,
.u-mt-45 {
    margin-bottom: 45px !important
}

.u-mb-50,
.u-mt-50 {
    margin-bottom: 50px !important
}

.u-mb-55,
.u-mt-55 {
    margin-bottom: 55px !important
}

.u-mb-60,
.u-mt-60 {
    margin-bottom: 60px !important
}

.u-mb-65,
.u-mt-65 {
    margin-bottom: 65px !important
}

.u-mb-70,
.u-mt-70 {
    margin-bottom: 70px !important
}

.u-mb-75,
.u-mt-75 {
    margin-bottom: 75px !important
}

.u-mb-80,
.u-mt-80 {
    margin-bottom: 80px !important
}

.u-mb-85,
.u-mt-85 {
    margin-bottom: 85px !important
}

.u-mb-90,
.u-mt-90 {
    margin-bottom: 90px !important
}

.u-mb-95,
.u-mt-95 {
    margin-bottom: 95px !important
}

.u-mb-100,
.u-mt-100 {
    margin-bottom: 100px !important
}

.u-mt-0 {
    margin-top: 0 !important
}

.u-mt-05em {
    margin-top: .5em !important
}

.u-mt-1em {
    margin-top: 1em !important
}

.u-mb-0 {
    margin-bottom: 0 !important
}

.u-mb-05em {
    margin-bottom: .5em !important
}

.u-mb-1em {
    margin-bottom: 1em !important
}

.u-text-primary {
    color: var(--color-primary) !important
}

.u-text-secondary {
    color: var(--color-secondary) !important
}

.u-text-black {
    color: var(--color) !important
}

.u-text-center {
    text-align: center !important
}

.u-delay-1 {
    transition-delay: .1s !important
}

.u-delay-2 {
    transition-delay: .2s !important
}

.u-delay-3 {
    transition-delay: .3s !important
}

.u-delay-4 {
    transition-delay: .4s !important
}

.u-delay-5 {
    transition-delay: .5s !important
}

.u-delay-6 {
    transition-delay: .6s !important
}

.u-delay-7 {
    transition-delay: .7s !important
}

.u-delay-8 {
    transition-delay: .8s !important
}

.u-delay-9 {
    transition-delay: .9s !important
}

.u-delay-10 {
    transition-delay: 1s !important
}

.u-delay-11 {
    transition-delay: 1.1s !important
}

.u-delay-12 {
    transition-delay: 1.2s !important
}

.u-delay-13 {
    transition-delay: 1.3s !important
}

.u-delay-14 {
    transition-delay: 1.4s !important
}

.u-delay-15 {
    transition-delay: 1.5s !important
}

.u-delay-16 {
    transition-delay: 1.6s !important
}

.u-delay-17 {
    transition-delay: 1.7s !important
}

.u-delay-18 {
    transition-delay: 1.8s !important
}

.u-delay-19 {
    transition-delay: 1.9s !important
}

.u-delay-20 {
    transition-delay: 2s !important
}

.c-clip-in {
    -webkit-clip-path: inset(0 100% 0 0);
    clip-path: inset(0 100% 0 0);
    transition: all .5s var(--ease-out-quart)
}

.c-clip-in.label {
    display: inline-block
}

.is-inview .c-clip-in {
    -webkit-clip-path: inset(0 0 0 0);
    clip-path: inset(0 0 0 0);
    transform: translateX(0)
}

.c-fade-in {
    opacity: 0;
    transition: opacity 1s ease
}

.is-inview .c-fade-in {
    opacity: 1
}

.c-button {
    align-items: center;
    -webkit-appearance: none;
    appearance: none;
    border: 0;
    box-shadow: none;
    color: var(--color-white);
    cursor: pointer;
    display: inline-flex;
    justify-content: center;
    line-height: 1.3;
    margin: 0;
    outline: none;
    padding: 0;
    position: relative;
    transition: background .25s, color .25s ease, border .25s ease;
    vertical-align: middle
}

.c-button,
html.hover .c-button:hover {
    text-decoration: none
}

.c-button.is-disabled,
.c-button:disabled,
.c-button[aria-disabled],
.c-button[disabled] {
    opacity: .5;
    pointer-events: none
}

.c-button :first-child {
    margin-left: 30px
}

.c-button :last-child {
    margin-right: 30px
}

.c-button .label {
    text-align: center;
    word-break: break-word
}

.c-button i {
    font-style: normal
}

.c-button .label+i,
.c-button i+.label {
    margin-left: 15px
}

.c-button.is-block {
    display: flex
}

.c-button.is-rounded {
    border-radius: 2em;
    box-shadow: 0 0 6px #00000029
}

.c-button.is-rounded.is-md {
    border-radius: 6.4vw;
    font-size: 3.7333333333vw;
    min-height: 12.8vw
}

.c-button.is-rounded.is-md .label {
    padding-left: 6.4vw;
    padding-right: 6.4vw
}

.c-button.is-rounded.is-lg {
    border-radius: 6.6666666667vw;
    font-size: 4vw;
    min-height: 13.3333333333vw
}

.c-button.is-rounded.is-xl {
    border-radius: 35px;
    min-height: 70px
}

.c-button.is-square {
    border-radius: 1.0666666667vw;
    box-shadow: 0 0 6px #00000029
}

.c-button.is-square.is-md {
    min-height: 11.7333333333vw
}

.c-button.is-bg-primary {
    background-color: var(--color-primary);
    color: #fff
}

html.hover .c-button.is-bg-primary:hover {
    background-color: var(--color-primary-hover);
    color: #fff
}

.c-button.is-bg-secondary {
    background-color: var(--color-secondary);
    color: #fff
}

html.hover .c-button.is-bg-secondary:hover {
    background-color: var(--color-secondary-hover);
    color: #fff
}

.c-button.is-bdr-primary {
    border: 1px solid;
    border-color: var(--color-primary);
    color: var(--color-primary)
}

html.hover .c-button.is-bdr-primary:hover {
    background-color: var(--color-primary-hover);
    border-color: var(--color-primary-hover);
    color: #fff
}

.c-button.is-bdr-secondary {
    border: 1px solid;
    border-color: var(--color-secondary);
    color: var(--color-secondary)
}

html.hover .c-button.is-bdr-secondary:hover {
    background-color: var(--color-secondary-hover);
    border-color: var(--color-secondary-hover);
    color: #fff
}

.c-button.is-bdr-white {
    border: 1px solid #ffffff80;
    color: #fff
}

html.hover .c-button.is-bdr-white:hover {
    color: #fff
}

.c-buttons {
    align-items: center;
    display: flex;
    justify-content: center
}

.c-buttons:not(:first-child) {
    margin-top: 8vw
}

.c-buttons:not(:last-child) {
    margin-bottom: 8vw
}

.c-heading {
    display: block
}

.c-heading.is-normal {
    font-family: var(--family-nts-W4);
    font-size: 4.8vw;
    font-weight: 400;
    text-align: center
}

.c-heading.is-outline {
    -webkit-text-stroke: 1px var(--color);
    color: #0000;
    font-size: 4.8vw;
    margin-bottom: .3em;
    opacity: .5;
    text-align: center
}

.c-heading.is-outline.is-primary {
    -webkit-text-stroke: 1px var(--color-primary)
}

.c-heading.is-outline.is-secondary {
    -webkit-text-stroke: 1px var(--color-secondary)
}

.c-heading.is-outline.is-white {
    -webkit-text-stroke: 1px #fff
}

.c-heading.is-outline.is-en {
    font-family: var(--family-rbt-bold);
    letter-spacing: 0.25rem;
}

.c-heading.is-underline {
    border-bottom: .5333333333vw solid var(--color-primary);
    font-family: var(--family-nts-W4);
    font-size: 5.3333333333vw;
    font-weight: 400;
    margin: 18.6666666667vw 0 5.3333333333vw;
    padding-bottom: .35em
}

.c-heading.is-tag {
    margin-bottom: 2.6666666667vw
}

.c-heading.is-tag .label {
    border: 1px solid var(--color-secondary);
    color: var(--color-secondary);
    display: inline-block;
    font-family: var(--family-nts-bold);
    font-size: 2.9333333333vw;
    padding: .4em 1em .35em
}

.c-heading.is-tag.is-bg-secondary .label {
    background-color: var(--color-secondary);
    color: #fff
}

.c-heading.is-tag.is-radius .label {
    border-radius: 2px
}

.c-heading.is-bg {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    gap: 1.3333333333vw;
    margin-bottom: 5.3333333333vw
}

.c-heading.is-bg .label {
    display: inline-block;
    font-family: var(--family-nts-W4);
    font-weight: 400;
    padding: 0 .2em
}

.c-heading.is-bg.is-bg-primary .label {
    background-color: var(--color-primary);
    color: #fff
}

.c-heading.is-bg.is-bg-secondary .label {
    background-color: var(--color-secondary);
    color: #fff
}

.c-lead {
    font-size: 4vw
}

@keyframes line-hover {
    0% {
        opacity: 0;
        width: 0
    }

    30% {
        opacity: .5;
        width: 0
    }

    to {
        opacity: .5;
        width: 100%
    }
}

.c-link.is-underline {
    display: inline-block;
    padding-bottom: .5em;
    position: relative;
    text-decoration: none
}

.c-link.is-underline:after {
    background-color: currentColor;
    bottom: 0;
    content: "";
    display: block;
    height: .2666666667vw;
    left: 0;
    opacity: .5;
    position: absolute;
    width: 100%
}

html.hover .c-link.is-underline:hover:after {
    animation: line-hover .5s var(--ease-out-circ)
}

.c-list {
    margin-bottom: 1em
}

.c-list:last-child {
    margin-bottom: 0
}

.c-list.is-bullet {
    font-size: 3.7333333333vw
}

.c-list.is-bullet>li {
    padding-left: 1em;
    position: relative
}

.c-list.is-bullet>li:before {
    content: "・";
    left: 0;
    position: absolute;
    top: 0
}

.c-list.is-bullet.is-lg {
    font-family: var(--family-nts-bold);
    font-size: 4.2666666667vw
}

.c-tab-accordion .tab-navs {
    display: flex;
    width: 100%;
    margin-bottom: 40px;
    gap:20px
}

.c-tab-accordion .tab-navs .tab-nav {
    align-items: center;
    border-radius: 4px;
    border: 2px solid #313945;
    border-bottom-width: 6px;
    display: flex;
    flex: 1;
    font-family: var(--family-nts-bold);
    justify-content: center;
    text-decoration: none;
    transition: background-color .25s ease, color .25s ease;
    background: url('../img/robot/t-sort/ic_bot_bl.png') no-repeat center bottom 10px /13px #FFF;
}

.c-tab-accordion .tab-navs .tab-nav.is-current {
     background: url('../img/robot/t-sort/ic_bot_wh.png') no-repeat center bottom 10px /13px  var(--color);
    color: #fff
}

.header {
    left: 0;
    position: sticky;
    top: 0;
    width: 100%;
    z-index: var(--z-index-header)
}

.header a {
    cursor: pointer;
    text-decoration: none
}

.header a:not(.c-button) {
    transition: opacity .25s ease
}

html.hover .header a:not(.c-button):hover {
    opacity: .7
}

.header .inner {
    align-items: center;
    background-color: #fff;
    display: flex;
    height: 16vw;
    padding: 0 5.3333333333vw;
    position: relative
}

.header .logo {
    margin-right: auto;
    /* margin-top: 10px; */
}
/*
.header .logo img {
    height: 5.8666666667vw
} */

.header .gnav-trigger .icon {
    display: block;
    height: 12.8vw;
    position: relative;
    width: 12.8vw
}
.header .gnav-trigger .icon:after,
.header .gnav-trigger .icon:before {
    background-color: var(--color);
    content: "";
    display: block;
    /* height: 0.01em; */
    height: 1px ;
    left: calc(50% - 6.4vw) ;
    position: absolute;
    top: 50%;
    transition: top .25s ease, transform .25s ease ;
    width: 100% ;
}

.header .gnav-trigger .icon:before {
    top: calc(50% - 1.06667vw)
}

.header .gnav-trigger .icon:after {
    top: calc(50% + 1.06667vw)
}

.header .gnav-trigger.is-close .icon:before {
    top: 50%;
    transform: rotate(25deg)
}

.header .gnav-trigger.is-close .icon:after {
    top: 50%;
    transform: rotate(-25deg)
}

.header .gnav-inner {
    margin: 12vw 5.3333333333vw;
    position: relative
}

.header .lang-nav {
    position: absolute;
    right: 22px;
    top: 5px;
}
.lang-nav li:not(:last-child){font-family: var(--family-nts);font-weight: 400;}

.header .action-nav {
    margin-top: 13.3333333333vw
}
.header-lang-nav {
    position: fixed;
    right: 44px;
    top: 150px;
    z-index: 299;
    transition: all 0.3s;
}
.header.active + .header-lang-nav {position: absolute;}

#robots .header-lang-nav .lang-nav{color: var(--color-secondary);}
#home .header-lang-nav .lang-nav,
body[id^=robot] .header-lang-nav .lang-nav {
    color: #fff
}

.footer {
    background-color: var(--color-secondary);
    color: var(--color-white);
    padding: 10.6666666667vw 5.3333333333vw 29.3333333333vw;
    position: relative;
    z-index: var(--z-index-footer)
}

.footer a {
    text-decoration: none
}

.footer a:not(.c-button) {
    transition: opacity .25s ease
}

html.hover .footer a:not(.c-button):hover {
    opacity: .7
}

.footer .site-map {
    position: relative
}

.footer .lang-nav {
    position: absolute;
    right: 0;
    top: 0
}

.footer .lang-nav,
.footer .site-nav {
    font-size: 3.7333333333vw
}

.footer .site-nav .nav-children-trigger,
.footer .site-nav .nav-consulting {
    display: none
}
.footer .site-nav .nav-children > li:not(:last-child){margin-bottom: 13px;}
.footer .site-nav .nav-children {
    display: flex;
    flex-direction: column;
    gap: 1.3333333333vw;
    margin-left: auto;
    width: calc(100% - 8em)
}

.footer .site-nav .nav-children a {
    color: var(--color-secondary-lighter)
}

.footer .action-nav {
    display: flex;
    flex-direction: column;
    gap: 3.7333333333vw;
    margin-top: 16vw
}

.footer .action-nav .button {
    border: 1px solid #ffffff80;
    border-radius: 1.0666666667vw;
    min-height: 13.0666666667vw;
    min-width: 100%
}

html.hover .footer .action-nav .button:hover {
    background-color: var(--color-secondary-hover);
    border-color: var(--color-secondary-hover)
}

.footer .company-info {
    margin-top: 18.6666666667vw;
    text-align: center
}

.footer .company {
    margin-right: auto
}

.footer .company .logo {
    margin-bottom: 6.6666666667vw
}

.footer .company .logo a {
    display: inline-block
}

.footer .company .logo svg {
    height: 6.9333333333vw;
    width: auto
}

.footer .company .logo svg ellipse,
.footer .company .logo svg path,
.footer .company .logo svg rect {
    fill: #fff
}

.footer .company .info {
    color: var(--color-secondary-lighter);
    font-size: 3.7333333333vw;
    line-height: 1.8571428571em
}

.footer .company .sns-nav {
    align-items: center;
    display: flex;
    gap: 5.3333333333vw;
    justify-content: center;
    line-height: 0;
    margin-top: 8vw
}

.footer .company .sns-nav a {
    display: inline-block
}

.footer .company .sns-nav i {
    vertical-align: top
}

.footer .company .sns-nav .icon-sns-facebook {
    font-size: 6.6666666667vw
}

.footer .company .sns-nav .icon-sns-youtube {
    font-size: 5.3333333333vw
}

.footer .shareholders {
    margin-top: 15vw
}

.footer .shareholders .heading {
    font-family: var(--family-rbt-bold);
    font-size: 3.7333333333vw;
    margin: 0
}

.footer .shareholders .heading:after {
    background-color: #ffffff4d;
    content: "";
    display: block;
    height: 1px;
    margin: 5.3333333333vw auto 6.6666666667vw;
    width: 17.0666666667vw
}

.footer .shareholders .links {
    align-items: center;
    display: flex;
    gap: 8vw;
    justify-content: center
}

.footer .legal-info {
    text-align: center
}

.footer .policy-nav {
    display: flex;
    flex-direction: column;
    font-size: 3.7333333333vw;
    gap: 5px
}

.footer .copyright {
    color: var(--color-secondary-lighter);
    font-size: 3.2vw;
    margin-top: 18px;
}

.headline-topics {
    align-items: center;
    background-color: var(--color-primary);
    color: #fff;
    display: flex;
    height: 6.4vw;
    justify-content: center;
    left: 0;
    padding:0 6.3333333333vw 0 5.3333333333vw;
    position: fixed;
    top: -6.4vw;
    transition: top .25s ease 1.85s;
    width: 100%;
    z-index: 301
}

.headline-topics .topic-list {
    font-size: 3.2vw;
    transition: opacity .25s ease;
    width: 100%
}

.headline-topics .topic-list>li {
    align-items: center;
    display: flex;
    justify-content: center
}

.headline-topics .topic-list p {
    margin-bottom: 0
}

.headline-topics .topic-list a {
    text-decoration: none;
}

.headline-topics .topic-list .date {
    margin-right: 1em;
    transform: translateY(1px);
    flex-shrink: 0;
}

.headline-topics .topic-list .title {
    font-family: var(--family-nts-W4);
    max-width: 100%; display: inline-block;  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}

.headline-topics .close {
    color: #fff;
    font-size: 3.2vw;
    line-height: 1;
    position: absolute;
    right: 16px;
    top: calc(50% - 1.6vw);
    transition: opacity .25s ease
}

.headline-topics+.header {
    top: 6.4vw
}

.headline-topics.is-close .close,
.headline-topics.is-close .topic-list {
    opacity: 0
}

.headline-topics.is-close+.header,
/* body.is-animate .headline-topics, */
body .headline-topics {
    top: 0;
}
.induction-nav {
    color: #fff;
    display: flex;
    flex-direction: column;
    gap: 1px 0
}

.induction-nav .nav {
    align-items: center;
    display: flex;
    flex: none;
    justify-content: center;
    min-height: 80vw;
    position: relative;
    text-align: center;
    text-decoration: none;
    transition: background-color .25s ease
}

html.hover .induction-nav .nav:hover {
    color: currentColor
}

.induction-nav .nav.is-bg-primary {
    background-color: var(--color-primary)
}

html.hover .induction-nav .nav.is-bg-primary:hover {
    background-color: var(--color-primary-hover)
}

html.hover .induction-nav .nav.is-bg-primary:hover .button,
html.hover .induction-nav .nav.is-bg-primary:hover .icon i {
    background-color: #fff;
    color: var(--color-primary-hover)
}

.induction-nav .nav.is-bg-secondary {
    background-color: var(--color-secondary)
}

html.hover .induction-nav .nav.is-bg-secondary:hover {
    background-color: var(--color-secondary-hover)
}

html.hover .induction-nav .nav.is-bg-secondary:hover .button,
html.hover .induction-nav .nav.is-bg-secondary:hover .icon i {
    background-color: #fff;
    color: var(--color-secondary-hover)
}

.induction-nav .nav.is-photo {
    min-height: 85.3333333333vw;
    overflow: hidden
}

.induction-nav .nav.is-photo .photo {
    background: 50% no-repeat;
    background-size: cover;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transition: transform .25s var(--ease-in-out-sine);
    width: 100%;
    z-index: 0
}

.induction-nav .nav.is-photo .photo.is-recruit {
    background-image: url(../img/common/induction-recruit@2x.jpg?rev=4146655a)
}

.induction-nav .nav.is-photo .photo.is-contact {
    background-image: url(../img/common/induction-contact@2x.jpg?rev=c38b4c67)
}

.induction-nav .nav.is-photo .photo:before {
    background-color: #3b4c67bf;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transition: background-color .5s ease;
    width: 100%;
    z-index: 1
}

html.hover .induction-nav .nav.is-photo:hover .photo {
    transform: scale(1.05)
}

html.hover .induction-nav .nav.is-photo:hover .photo:before {
    background-color: #1a2a45b3
}

.induction-nav .nav.is-comingsoon {
    pointer-events: none
}

.induction-nav .nav.is-comingsoon .text-wrap:after {
    border: 1px solid #ffffff80;
    border-radius: 2em;
    color: #ffffff80;
    content: "準備中";
    font-size: 3.7333333333vw;
    margin-top: 5.3333333333vw;
    padding: .5em 2em
}

.induction-nav .nav.is-comingsoon .icon {
    display: none
}

.induction-nav .text-wrap {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    text-align: center;
    z-index: 1
}

.induction-nav .headings {
    margin-bottom: 5.3333333333vw
}

.induction-nav .heading-en {
    -webkit-text-stroke: 1px #ffffff80;
    font-family: var(--family-rbt-bold);
    font-size: 4.8vw
}

.induction-nav .heading,
.induction-nav .heading-ja {
    font-size: 5.3333333333vw
}

.induction-nav .heading {
    border-bottom: 1px solid #fff;
    margin-bottom: 8vw;
    padding-bottom: .8vw
}

.induction-nav .desc {
    font-size: 3.7333333333vw;
    line-height: 1.7857142857em;
    margin-bottom: 0
}

.induction-nav .button {
    border: 1px solid #fff;
    font-size: 3.7333333333vw;
    margin-top: 5.3333333333vw;
    min-height: 12.8vw;
    min-width: 58.6666666667vw
}

.induction-nav .button .icon-document {
    font-size: 4.8vw
}

.induction-nav .button .icon-mail {
    font-size: 3.7333333333vw
}

.induction-nav .icon {
    margin-top: 5.3333333333vw
}

.induction-nav .icon i {
    align-items: center;
    border: 1px solid #fff;
    border-radius: 50%;
    color: #fff;
    display: inline-flex;
    font-size: 3.2vw;
    height: 9.6vw;
    justify-content: center;
    transition: background-color .25s ease, color .25s ease;
    width: 9.6vw
}


.lang-nav {
    align-items: center;
    display: flex;
    font-family: var(--family-rbt-regular);
    font-size: 4.8vw;
    justify-content: flex-end
}

.lang-nav>li+li:before {
    content: "";
    margin: 0 1.5em;
    width: 1px;
    height: 15px;
    background-color: var(--color);
    display: inline-block;
    transform: translateY(3px);
}
.lang-nav>li+li a[target="_blank"]{position: relative;padding-right: 20px;}
.lang-nav>li+li a[target="_blank"]::after{content: "";position: absolute; width: 16px; height: 13px;background: url('../img/common/ic_link_out.svg') no-repeat center /cover; right: 0; top:3px;}
footer .lang-nav>li+li a[target="_blank"]::after{background: url('../img/common/ic_link_out_wh.svg') no-repeat center /cover; }
footer .lang-nav>li+li:before{background-color: #fff;}
.lang-nav a {
    text-decoration: none;
    transition: opacity .25s ease;
}

/* #home .lang-nav a{color: #fff;} */

html.hover .lang-nav a:hover {
    opacity: .4 !important
}


.lang-nav a.is-current {
    opacity: 1
}

html.hover .lang-nav a.is-current:hover {
    opacity: .7 !important
}

.side-sticky-nav {
    display: none;
    left: calc(100% - 60px);
    position: fixed;
    top: calc(50% - 30px);
    z-index: 290;
}

.side-sticky-nav.is-show .button {
    transform: translateX(calc(-100% + 60px))
}

.side-sticky-nav .button {
    font-size: 1.125rem;
    justify-content: flex-start;
    min-height: 60px;
    transition: transform .25s ease;
    white-space: nowrap
}

.side-sticky-nav .button :first-child {
    margin-left: 21px
}

.side-sticky-nav .button .icon-document {
    font-size: 1.5rem
}

.side-sticky-nav .button .label {
    margin-left: 21px
}

.space-nav {
    background: url(../img/home/space-bg-sp-pb.jpg?rev=7c60ddef) 50% no-repeat;
    background-size: cover;
    padding: 22.6666666667vw 9.0666666667vw;
    text-align: center;
    background-position:  center bottom !important;
}

.space-nav .box {
    background: #ffffffe6;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 0 auto;
    padding: 10.6666666667vw 5.3333333333vw 5.3333333333vw;
    text-align: center;
    text-decoration: none;
    transition: all .25s ease
}

html.hover .space-nav .box:hover {
    outline: 4px solid var(--color-primary-hover)
}

html.hover .space-nav .box:hover .icon-arrow {
    background-color: var(--color-primary-hover);
    color: #fff
}

.space-nav .shoulder {
    color: var(--color-primary);
    font-size: 4.8vw;
    margin-bottom: 2.6666666667vw
}

.space-nav .logo {
    margin-bottom: 5.3333333333vw
}

.space-nav .desc {
    font-size: 4vw;
    margin-bottom: 8vw
}

.space-nav .icon-arrow {
    align-items: center;
    border: 1px solid var(--color-primary);
    border-radius: 50%;
    color: var(--color-primary);
    display: inline-flex;
    font-size: 2.6666666667vw;
    height: 9.6vw;
    justify-content: center;
    transition: background-color .25s ease, color .25s ease;
    width: 9.6vw
}

.feature-list {
    align-items: stretch;
    gap: 4.2666666667vw 0
}

.feature-list,
.feature-list .inner {
    display: flex;
    flex-direction: column
}

.feature-list .inner {
    background-color: #fff;
    border-radius: 1.0666666667vw;
    box-shadow: 0 0 0 1px inset var(--color-secondary-bdr);
    height: 100%;
    padding: 6.6666666667vw 7.7333333333vw;
    text-decoration: none
}

.feature-list .link {
    transition: all .25s ease
}

.feature-list .link:after {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-feature-settings: "liga";
    align-items: center;
    background-color: #fff;
    border: .2666666667vw solid #b3243e;
    border-radius: 50%;
    color: #b3243e;
    content: var(--icon-arrow);
    display: flex;
    font-family: iconfont !important;
    font-size: 3.2vw;
    font-style: normal !important;
    font-variant: normal;
    font-variant-ligatures: discretionary-ligatures;
    font-weight: 400 !important;
    height: 9.6vw;
    justify-content: center;
    letter-spacing: 0;
    line-height: 1;
    margin: 6.6666666667vw 0 0 auto;
    text-transform: none;
    transition: border .25s ease, background-color .25s ease, color .25s ease;
    width: 9.6vw
}

html.hover .feature-list .link:hover {
    box-shadow: 0 0 0 3px inset var(--color-primary-hover)
}

html.hover .feature-list .link:hover:after {
    background-color: var(--color-primary-hover);
    border-color: var(--color-primary-hover);
    color: #fff
}

.feature-list .pict {
    align-items: center;
    display: flex;
    justify-content: center;
    min-height: 24vw
}

.feature-list .pict img {
    height: auto;
    width: 23.4666666667vw
}

.feature-list .heading {
    color: var(--color-primary);
    font-size: 5.3333333333vw;
    font-weight: 400;
    line-height: 1.35em;
    margin-bottom: 5.3333333333vw;
    text-align: center
}

.feature-list .desc {
    font-size: 4vw;
    line-height: 1.6666666667em;
    margin-bottom: auto
}

.feature-list .data {
    align-items: center;
    color: var(--color-primary);
    display: flex;
    flex-direction: column;
    margin: 2.6666666667vw 0 6.6666666667vw;
    text-align: center
}

.feature-list .data dt {
    border: 1px solid var(--color-primary);
    border-radius: 2em;
    margin-bottom: 4vw;
    min-width: 34.6666666667vw;
    padding: .8vw 0
}

.feature-list .data dd {
    font-family: var(--family-nts-bold);
    font-size: 4vw
}

.feature-list .data dd .lg {
    font-size: 10.6666666667vw;
    line-height: 1;
    margin-right: .1em
}

.feature-list .download-banner .desc {
    font-size: 4.8vw;
    margin-bottom: 5.3333333333vw;
    text-align: center
}

.feature-list .download-banner .buttons {
    margin-top: 0;
    width: 100%
}

.feature-list .download-banner .button {
    font-size: 4vw;
    min-height: 13.3333333333vw;
    min-width: 100%
}

.feature-list .download-banner .button .icon-document {
    font-size: 4.2666666667vw
}

.plan-list-container .tns-ovh {
    overflow: visible
}

.plan-list-container .tns-slider {
    display: flex
}

.plan-list:not(.js-plan-slider) {
    display: flex;
    flex-direction: column;
    gap: 3.7333333333vw 0
}

.plan-list .inner {
    background-color: #f2f3f4;
    border-radius: 1.0666666667vw;
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 5.3333333333vw 5.3333333333vw 4vw
}

.plan-list .sub-name {
    color: var(--color-primary);
    font-size: 4.8vw;
    text-align: left
}

.plan-list .desc,
.plan-list .sub-name {
    font-family: var(--family-nts-bold);
    margin-bottom: 2.6666666667vw
}

.plan-list .desc {
    font-size: 3.7333333333vw
}

.plan-list .data {
    align-items: center;
    color: #313945b3;
    display: flex;
    font-family: var(--family-nts-bold);
    line-height: 1.3;
    margin-bottom: 2.6666666667vw
}

.plan-list .data dt {
    align-items: center;
    border: 1px solid #707070b3;
    border-radius: 1px;
    display: flex;
    font-size: 3.2vw;
    justify-content: center;
    margin-right: 1em;
    min-height: 7.4666666667vw;
    padding: 0 .6em
}

.plan-list .data dd {
    font-size: 4.2666666667vw
}

.plan-list .wrap {
    align-items: center;
    display: flex
}

.plan-list .more {
    margin: 0
}

.plan-list .more .link {
    align-items: center;
    color: var(--color-primary);
    display: inline-flex;
    font-size: 4vw;
    text-decoration: none;
    transition: opacity .25s ease
}

html.hover .plan-list .more .link:hover {
    opacity: .7
}

.plan-list .more .link .icon-arrow {
    align-items: center;
    background-color: var(--color-primary);
    border-radius: 50%;
    color: #fff;
    display: inline-flex;
    font-size: 2.6666666667vw;
    height: 6.9333333333vw;
    justify-content: center;
    margin-left: 1.3333333333vw;
    width: 6.9333333333vw
}

.plan-list .thumb {
    align-items: center;
    display: flex;
    height: 16vw;
    justify-content: center;
    margin-left: 5.3333333333vw;
    width: 16vw
}

.plan-list .thumb img {
    height: auto;
    width: 100%
}

#home {
    --delay: 2s;
    --duration: 0.5s
}
/* #home .header,
#home .header-lang-nav {
    opacity: 1;
    transform: translateY(-200px);
    transition: opacity var(--duration) ease var(--delay), transform var(--duration) ease var(--delay), top .25s ease
} */

#home .header{transition: all ease 0.3s;}

/* #home .side-sticky-nav {
    opacity: 0;
    transform: translateX(70px);
    transition: opacity var(--duration) ease var(--delay), transform var(--duration) ease var(--delay), right .25s ease
} */

#home.is-animate .header,
#home.is-animate .header-lang-nav {
    opacity: 1;
    transform: translateY(0)
}

#home.is-animate .side-sticky-nav {
    opacity: 1;
    transform: translateX(0)
}

.home-hero {
    --easing: var(--ease-out-quart);
    --duration: 1s;
    align-items: center;
    background-color: var(--color-primary);
    background-size: cover;
    color: #fff;
    display: flex;
    height: 100vh;
    justify-content: flex-start;
    overflow: hidden;
    position: relative;
    transform: translateZ(0)
}

.home-hero .bg,
.home-hero .bg:after,
.home-hero .loading,
.home-hero .overlay {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.home-hero .bg .video {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    position: absolute;
    visibility: hidden;
    z-index: -1
}

.home-hero .bg:after {
    background-color: #2e3540b3;
    content: "";
    display: block;
    z-index: 0
}

.home-hero .loading {
    background-color: var(--color-primary);
    left: auto;
    right: 0;
    transition: all var(--duration) var(--easing) .8s;
    will-change: width;
    z-index: 4
}

.home-hero .loading .logo {
    bottom: 20px;
    -webkit-clip-path: inset(0 0 0 0);
    clip-path: inset(0 0 0 0);
    left: 20px;
    position: fixed;
    transition: all var(--duration) var(--easing) .7s
}

.home-hero .loading .logo svg {
    height: auto;
    width: 53.3333333333vw
}

.home-hero .loading .logo ellipse,
.home-hero .loading .logo path,
.home-hero .loading .logo rect {
    fill: #fff
}

.home-hero .overlay {
    background: url(../img/home/hero-logo.svg?rev=e6240ec6) 50% no-repeat;
    background-size: 110% auto;
    mix-blend-mode: overlay;
    transform: scale(1.4);
    transform-origin: center center;
    transition: transform 6s linear;
    z-index: 5
}

body.is-ready .home-hero .overlay {
    transform: scale(1)
}

body.is-animate .home-hero .bg .video {
    visibility: visible;
    z-index: 0
}

body.is-animate .home-hero .loading {
    width: 0
}

body.is-animate .home-hero .loading .logo {
    -webkit-clip-path: inset(0 0 0 100%);
    clip-path: inset(0 0 0 100%);
    opacity: 0;
    transform: translateX(26.6666666667vw)
}

body.is-animate .home-hero .catch,
body.is-animate .home-hero .desc,
body.is-animate .home-hero .more {
    -webkit-clip-path: inset(0 0 0 0);
    clip-path: inset(0 0 0 0);
    transform: translateX(0)
}

body.is-animate .home-hero .content {
    z-index: 6
}

body.is-animate-end .home-hero :not(.overlay) {
    transition-delay: 0s !important
}

.home-hero .content {
    margin: 0 5.3333333333vw;
    position: relative;
    z-index: 3
}

.home-hero .catch {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    font-family: var(--family-nts-bold);
    font-size: 6.4vw;
    letter-spacing: .06em;
    line-height: 1.5416666667em;
    transition: all var(--duration) var(--easing) 1.3s
}

.home-hero .catch,
.home-hero .desc {
    -webkit-clip-path: inset(0 100% 0 0);
    clip-path: inset(0 100% 0 0);
    transform: translateX(-13.3333333333vw)
}

.home-hero .desc {
    font-size: 3.4666666667vw;
    line-height: 1.8461538462em;
    margin-top: 5.3333333333vw;
    max-width: 86%;
    transition: all var(--duration) var(--easing) 1.35s
}

.home-hero .more {
    -webkit-clip-path: inset(0 100% 0 0);
    clip-path: inset(0 100% 0 0);
    margin-top: 6.1333333333vw;
    transform: translateX(-13.3333333333vw);
    transition: all var(--duration) var(--easing) 1.4s
}

.home-hero .more .button {
    font-size: 4vw;
    min-height: 13.3333333333vw;
    min-width: 57.6vw
}

.home-hero .more .button .icon-document {
    font-size: 4.2666666667vw
}

.home-solution {
    overflow: hidden;
    padding-top: 14.4vw
}

.solution-feature .text-wrap {
    position: relative;
    z-index: 1
}

.solution-feature .heading {
    margin-bottom: 5.3333333333vw
}

.solution-feature .catch {
    font-family: var(--family-nts-W4);
    font-size: 5.3333333333vw;
    line-height: 1.8em;
    margin-bottom: 8vw;
    text-align: center;
    transition-delay: .1s
}

.solution-feature .catch .line {
    background-color: #ffffffb3;
    display: inline-block;
    padding-right: .5em;
    position: relative
}

.solution-feature .catch .line.is-lg {
    margin-bottom: 5px
}

.solution-feature .catch .line.is-sm {
    font-size: 4.2666666667vw
}

.solution-feature .more {
    text-align: center;
    transition-delay: .2s
}

.solution-feature .more .button {
    font-size: 3.7333333333vw;
    min-height: 12.8vw;
    min-width: 60.8vw
}

.solution-feature .visual {
    margin-top: 14.6666666667vw;
    opacity: 0;
    position: relative;
    transition: transform .5s ease, opacity 1s ease;
    z-index: 0
}

.solution-feature .visual img {
    height: auto;
    max-width: 100%
}

.solution-feature.is-inview .visual {
    opacity: 1;
    transform: translateX(0)
}

.solution-reason {
    overflow: hidden;
    position: relative
}

.solution-reason:before {
    background-color: var(--color-primary);
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0
}

.solution-reason .heading {
    color: #fff;
    font-family: var(--family-nts-W4);
    font-size: 4.8vw;
    font-weight: 400;
    position: relative;
    text-align: center;
    z-index: 1
}

.reason-list {
    display: flex;
    flex-direction: column;
    transition-duration: .5s
}

.reason-list .item {
    color: #fff;
    flex: 1;
    padding: 10.6666666667vw 0;
    position: relative
}

.reason-list .item:before {
    background-color: #fff;
    bottom: 0;
    content: "";
    display: block;
    height: 33.0666666667vw;
    left: -9.0666666667vw;
    position: absolute;
    width: calc(100% + 18.13333vw);
    z-index: 0
}

.reason-list .link {
    background-color: var(--color-secondary);
    border-bottom: 3.2vw solid var(--color-primary);
    display: block;
    position: relative;
    text-decoration: none;
    transition: background-color .25s ease;
    z-index: 1
}

html.hover .reason-list .link:hover {
    background-color: var(--color-secondary-hover)
}

html.hover .reason-list .link:hover .icon-arrow {
    background-color: var(--color-primary-hover);
    color: #fff
}

.reason-list .thumb {
    margin-bottom: 0
}

.reason-list .thumb img {
    height: auto;
    width: 100%
}

.reason-list .text-wrap {
    padding: 6.6666666667vw 6.6666666667vw 10.6666666667vw
}

.reason-list .sub-heading {
    font-size: 4.8vw;
    text-align: left
}

.reason-list .desc {
    font-size: 4vw
}

.reason-list .icon-arrow {
    align-items: center;
    background-color: #fff;
    border-radius: 50%;
    bottom: -8vw;
    box-shadow: 0 0 10px #00000029;
    color: var(--color-primary);
    display: flex;
    font-size: 4.8vw;
    height: 14.4vw;
    justify-content: center;
    position: absolute;
    right: 2.6666666667vw;
    transition: background-color .25s ease, color .25s ease;
    width: 14.4vw
}

.home-slider {
    overflow: hidden
}

.home-slider .tns-outer {
    opacity: 0;
    transform: translateX(13.3333333333vw);
    transition: opacity .5s ease .3s, transform .4s ease .3s
}

.home-slider .tns-ovh {
    overflow: visible
}

.home-slider .tns-slider {
    display: flex
}

.home-slider.is-inview .tns-outer {
    opacity: 1;
    transform: translateX(0)
}

.home-slider .slider-inner {
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    width: 100vw
}

.slider-nav {
    gap: 0 3.7333333333vw;
    margin-top: 6.4vw;
    outline: none
}

.slider-nav,
.slider-nav .nav {
    align-items: center;
    display: flex;
    justify-content: center
}

.slider-nav .nav {
    background-color: #fff;
    border-radius: 50%;
    box-shadow: 0 0 6px #00000029;
    color: var(--color-primary);
    cursor: pointer;
    font-size: 3.7333333333vw;
    height: 12.2666666667vw;
    transition: opacity .2s ease, background-color .25s, color .25s ease;
    width: 12.2666666667vw
}

html.hover .slider-nav .nav:hover {
    background-color: var(--color-primary-hover);
    color: #fff
}

.slider-nav .nav.is-prev {
    transform: scaleX(-1)
}

.slider-nav .nav:disabled {
    cursor: default;
    opacity: .5;
    pointer-events: none
}

.slider-nav.is-bdr-primary .nav {
    border: 1px solid var(--color-primary);
    box-shadow: none
}

html.hover .slider-nav.is-bdr-primary .nav:hover {
    border-color: var(--color-primary-hover)
}

.home-robot {
    background: var(--color-secondary);
    color: #fff;
    overflow: hidden;
    padding: 15.4666666667vw 0;
    position: relative
}

.home-robot .bg {
    background: url(../img/home/robot-bg-sp-pb.svg?rev=14599a38) calc(50% - 50px) calc(50% - 20px) no-repeat;
    height: 100%;
    left: 0;
    mix-blend-mode: multiply;
    opacity: .15;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0
}

.home-robot .inner {
    position: relative;
    z-index: 1
}

.home-robot .consulting {
    font-size: 4.2666666667vw;
    margin-top: 2em;
    text-align: center
}

.robot-list .thumb {
    margin-bottom: 8vw;
    text-align: center
}

.robot-list .thumb img {
    max-width: none;
    width: 61.3333333333vw
}

.robot-list .name {
    font-size: 5.3333333333vw;
    margin-bottom: 2.6666666667vw
}

.robot-list .desc {
    font-size: 3.7333333333vw;
    margin-bottom: 5.3333333333vw
}

.robot-list .more {
    margin-top: auto
}

.robot-list .more .button {
    font-size: 4.2666666667vw;
    min-height: 11.7333333333vw;
    min-width: 100%
}

html.hover .robot-list .more .button:hover {
    background-color: var(--color-secondary-hover);
    border-color: var(--color-secondary-hover)
}

.home-case {
    overflow: hidden;
    padding: 18.6666666667vw 0 14.6666666667vw
}

.home-case .slider-nav .nav {
    border: 1px solid var(--color-primary)
}

.home-case .logos {
    border-top: 1px solid var(--color-secondary-bdr);
    margin-top: 10.6666666667vw;
    padding-top: 5.3333333333vw;
    text-align: center
}

.home-case .logos img {
    height: auto;
    max-width: 100%
}

.home-case .more {
    margin-top: 8vw;
    text-align: center
}

.home-case .more .button {
    min-height: 15.4666666667vw;
    min-width: 100%
}

.home-case .more .button,
.home-case .more .button .icon-document {
    font-size: 4.2666666667vw
}

.home-case .more .button+.button {
    margin-top: 20px
}

.home-case .tns-ovh {
    overflow: visible
}

.case-list {
    align-self: stretch;
    display: flex !important
}

.case-list .item {
    display: inline-flex !important
}

.case-list .link {
    background-color: #fff;
    border-radius: 1.0666666667vw;
    box-shadow: 0 0 0 1px inset var(--color-secondary-bdr);
    display: block;
    padding: 5.8666666667vw;
    text-decoration: none;
    transition: all .25s ease
}

html.hover .case-list .link:hover {
    box-shadow: 0 0 0 3px inset var(--color-primary-hover)
}

.case-list .thumb {
    position: relative
}

.case-list .thumb img {
    height: auto;
    width: 100%
}

.case-list .type {
    background-color: var(--color-primary);
    color: #fff;
    font-size: 3.7333333333vw;
    left: 0;
    padding: 5px 15px 4px;
    position: absolute;
    top: 0;
    z-index: 1
}

.case-list .title {
    font-family: var(--family-nts-bold);
    font-size: 4vw
}

.home-plan {
    background-color: var(--color-primary);
    color: #fff;
    overflow: hidden;
    padding: 12vw 0 17.8666666667vw
}

.home-plan .headings {
    margin-bottom: 10.6666666667vw
}

.home-plan .index {
    margin-top: 8vw
}

.home-plan .index .button {
    min-height: 15.4666666667vw;
    min-width: 100%
}

.home-plan .index .button,
.home-plan .index .button .icon-document,
.home-plan .index .button .icon-list {
    font-size: 4.2666666667vw
}

.plan-type {
    background-color: #fff;
    color: var(--color)
}

.plan-type+.plan-type {
    margin-top: 5.3333333333vw
}

.plan-type .text-wrap {
    padding: 7.4666666667vw 6.6666666667vw
}

.plan-type .visual img {
    height: auto;
    object-fit: cover;
    width: 100%
}

.plan-type .name {
    color: var(--color-primary);
    margin-bottom: 5.3333333333vw;
    text-align: center
}

.plan-type .name .label-en,
.plan-type .name .label-ja {
    display: block
}

.plan-type .name .label-ja {
    border-bottom: 1px solid var(--color-primary);
    font-family: var(--family-nts-bold);
    font-size: 5.3333333333vw;
    margin-bottom: 2.6666666667vw;
    padding-bottom: 2.6666666667vw
}

.plan-type .name .label-en {
    font-family: var(--family-rbt-bold);
    font-size: 4.5333333333vw
}

.plan-type .lead {
    font-family: var(--family-nts-bold);
    font-size: 4vw;
    text-align: center
}

.plan-type .more .button {
    font-size: 4.2666666667vw;
    min-height: 14.6666666667vw;
    min-width: 100%
}

.home-company {
    background-color: var(--color-primary);
    color: #fff;
    overflow: hidden;
    padding-top: 14.6666666667vw
}

.home-company .text-wrap {
    margin-left: 9.0666666667vw;
    margin-right: 9.0666666667vw;
    padding-bottom: 28.2666666667vw
}

.home-company .headings {
    margin-bottom: 13.3333333333vw
}

.home-company .heading-en,
.home-company .heading-ja {
    text-align: left
}

.home-company .heading-en {
    margin-bottom: 1em
}

.home-company .desc {
    font-size: 4.2666666667vw;
    line-height: 2
}

.home-company .desc p {
    margin-bottom: 2em
}

.home-company .more {
    text-align: center
}

.home-company .more .button {
    border-color: #fff;
    font-size: 4vw;
    min-height: 13.6vw;
    min-width: 59.2vw
}

html.hover .home-company .more .button:hover {
    background-color: #fff;
    color: var(--color-primary)
}

.home-company .bg {
    background: url(../img/home/company-bg@2x.jpg?rev=b337e394) 50% no-repeat;
    background-size: cover;
    height: 123.4666666667vw;
    position: relative;
    width: 100%
}

.home-company .logo {
    left: calc(50% - 34.66667vw);
    position: absolute;
    top: -7.4666666667vw
}

.home-company .logo svg {
    height: auto;
    width: 69.3333333333vw
}

.home-company .logo ellipse,
.home-company .logo path,
.home-company .logo rect {
    fill: #fff
}

.home-topics {
    overflow: hidden;
    padding: 13.3333333333vw 0
}

.home-topics .heading {
    margin-bottom: 8vw
}

.home-topics .backnumber {
    margin-top: 8vw;
    text-align: center
}

.home-topics .backnumber .link {
    align-items: center;
    display: inline-flex;
    font-size: 4vw;
    text-decoration: none;
    transition: opacity .25s ease
}

html.hover .home-topics .backnumber .link:hover {
    opacity: .7
}

.home-topics .backnumber .link .icon-arrow {
    align-items: center;
    background-color: var(--color-secondary);
    border-radius: 50%;
    color: #fff;
    display: inline-flex;
    font-size: 3.7333333333vw;
    height: 9.6vw;
    justify-content: center;
    transform: scale(.5);
    width: 9.6vw
}

.home-topics .topic-list {
    border-top: 1px solid #434a554d
}

.home-topics .topic-list>li {
    align-items: center;
    border-bottom: 1px solid #434a554d;
    display: flex;
    padding: 5.3333333333vw 0
}

.home-topics .topic-list p {
    margin-bottom: 0
}

.home-topics .topic-list .date {
    flex: none;
    font-size: 3.4666666667vw;
    width: 6em
}

.home-topics .topic-list .category {
    color: #313945b3;
    flex: none;
    font-size: 3.4666666667vw
}

.home-topics .topic-list .title {
    font-size: 4vw;
    margin-top: 1.3333333333vw
}

.home-topics .topic-list a {
    text-decoration: none;
    transition: color .25s ease;
    position: relative;
    display: inline-block;position: relative;
}
.home-topics .topic-list .item.event .pdf::after{content: ''; position: relative; background: url("../../images/icon_pdf.png") no-repeat center center/ contain; width: 16px; height: 19px; transition: all 0.3s; margin-left: 10px; flex-shrink: 0; transform: translateY(3px);display: inline-block;}
.home-topics .topic-list .item.is_video a::after{display: inline-block;background: url('../../images/icon_video.png') no-repeat center /cover; width: 22px; height: 18px;margin: 0 7px;content: "";transform: translateY(2px);}


@media screen and (min-width: 768px){
    .home-topics .topic-list a{white-space: nowrap;}
}
html.hover .home-topics .topic-list a:hover {
    color: var(--color-primary-hover)
}

.home-feature h3 {
    font-family: var(--family-nts-bold);
    font-size: 4.8vw;
    line-height: 1.5384615385em;
    margin-bottom: 6.4vw
}

.home-feature h3 span {
    color: var(--color-primary)
}

.home-feature .desc {
    font-size: 4vw;
    line-height: 1.875em;
    margin: 0 auto;
    max-width: 640px
}

.home-feature .figure {
    display: block;
    margin-top: 8vw;
    text-align: center
}

.home-feature .figure img {
    height: auto;
    max-width: 100%
}

.plan-header .shoulder {
    font-family: var(--family-nts-W4);
    font-size: 4.8vw;
    line-height: 1.3888888889em;
    margin-bottom: 0
}

.plan-header .headings {
    margin-bottom: 4vw
}

.plan-header .heading-ja {
    color: var(--color-primary);
    font-family: var(--family-nts-W4);
    font-size: 6.9333333333vw;
    letter-spacing: 0.2rem;
    font-weight: bold;
}
.plan-header .heading-ja.left{text-align: left;}

.plan-header .heading-en {
    font-size: 4.8vw;
    margin-top: .25em;
    text-align: left
}

.plan-header .desc {
    font-size: 4vw;
    line-height: 1.6666666667em
}

.plan-header .buttons {
    margin-top: 4vw
}

.plan-header .button {
    font-size: 4vw;
    min-height: 13.3333333333vw;
    min-width: 60vw
}

.plan-header .button .icon-document {
    font-size: 4.2666666667vw
}

.plan-header .visual {
    opacity: 0;
    transition: opacity .5s ease, transform .5s ease
}

.plan-header.is-inview .visual {
    opacity: 1;
    transform: translateX(0)
}

.plan-header.is-standard {
    background-color: var(--color-secondary-lightest);
    display: flex;
    flex-direction: column-reverse;
    overflow: hidden;
    padding-bottom: 13.3333333333vw
}

.plan-header.is-standard .text-wrap {
    margin-left: 5.3333333333vw;
    margin-right: 5.3333333333vw;
    margin-top: 8.5333333333vw
}

.plan-header.is-standard .visual img {
    height: auto;
    width: 100%
}

.plan-header.is-tsort-light-apparel {
    background-color: var(--color-secondary-lightest);
    position: relative
}

.plan-header.is-tsort-light-apparel .text-wrap {
    margin: 0 5.3333333333vw;
    position: relative;
    z-index: 1
}

.plan-header.is-tsort-light-apparel .visual {
    margin-bottom: 10.6666666667vw;
    text-align: right
}

.plan-header.is-tsort-light-apparel .visual img {
    height: auto;
    margin-top: -5.3333333333vw;
    width: 90%
}

.plan-intro {
    padding-top: 13.3333333333vw
}

.plan-intro .container {
    display: flex;
    flex-direction: column
}

.plan-intro .section-heading {
    color: var(--color-primary);
    font-family: var(--family-nts-W4);
    font-size: 5.0666666667vw;
    font-weight: 400;
    line-height: 1.6842105263em;
    margin-bottom: 8vw
}
.plan-intro .section-heading.txt_black{color: var(--color);}

.plan-intro .desc {
    font-size: 4.2666666667vw;
    line-height: 2em
}

.plan-intro .figure {
    text-align: center
}

.home-plan-case {
    padding: 0
}

.home-plan-case .buttons .button {
    font-size: 4.2666666667vw;
    min-height: 14.6666666667vw;
    min-width: 100%
}

.plan-case {
    padding-bottom: 18vw;
    overflow: hidden;
    position: relative;
}

.plan-case .tns-outer {
    opacity: 0;
    transform: translateX(13.3333333333vw);
    transition: opacity .5s ease .5s, transform .4s ease .5s
}

.plan-case .tns-ovh {
    overflow: visible
}

.plan-case .tns-slider {
    display: flex
}

.plan-case.is-inview .tns-outer {
    opacity: 1;
    transform: translateX(0)
}

.plan-case .buttons .button {
    font-size: 4.2666666667vw;
    min-height: 14.6666666667vw;
    min-width: calc(100% - 28px)
}

.case-detail-list .item-inner {
    border: 1px solid #3139454d;
    border-radius: 1.0666666667vw;
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 5.3333333333vw 5.3333333333vw 8vw
}

.case-detail-list .name {
    color: var(--color-primary);
    font-family: var(--family-nts-W4);
    font-size: 5.3333333333vw;
    font-weight: 400;
    margin-bottom: 4vw
}

.case-detail-list .thumb img {
    max-width: none;
    width: 100%
}

.case-detail-list .more {
    margin-left: auto;
    margin-top: 5.3333333333vw
}

.case-detail-list .more .button {
    font-size: 3.7333333333vw;
    min-height: 12vw;
    min-width: 49.3333333333vw
}

.case-detail-list .more .button .icon-play {
    font-size: 4.8vw;
    margin-left: 12px
}

.plan-robot .link-nav {
    text-align: center
}

.plan-robot .buttons .button,
.robot-movie .buttons .button
{
    font-size: 4.2666666667vw;
    min-height: 14.6666666667vw;
    min-width: calc(100% - 28px)
}

.robot-detail-list {
    display: flex;
    flex-direction: column;
    gap: 4.2666666667vw
}

.robot-detail-list .inner {
    border-radius: 1.0666666667vw;
    box-shadow: 0 0 0 1px inset var(--color-secondary-bdr);
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 5.3333333333vw 5.3333333333vw 8vw;
    text-align: center;
    text-decoration: none
}

.robot-detail-list .inner.is-comingsoon {
    position: relative
}

.robot-detail-list .inner.is-comingsoon:after {
    bottom: 14px;
    content: "詳細ページ準備中";
    font-size: 2.9333333333vw;
    opacity: .5;
    position: absolute;
    right: 14px
}

.robot-detail-list .link {
    transition: all .25s ease
}

html.hover .robot-detail-list .link:hover {
    box-shadow: 0 0 0 3px inset var(--color-primary-hover)
}

.robot-detail-list .container:after {
    display: none
}

.robot-detail-list .thumb {
    margin-bottom: 8vw;
    text-align: center
}

.robot-detail-list .thumb img {
    max-width: none;
    width: 61.3333333333vw
}

.robot-detail-list .name {
    font-size: 6.9333333333vw;
    font-weight: 400;
    margin-bottom: 2.6666666667vw
}

.robot-detail-list .desc {
    font-size: 4vw
}

.robot-detail-list .tag-list {
    align-items: flex-start;
    display: flex;
    flex-wrap: wrap;
    gap: 2.6666666667vw 4.2666666667vw;
    justify-content: center
}

.robot-detail-list .tag-list>li {
    background-color: #6a6a6a;
    border-radius: 1em;
    color: #fff;
    font-size: 3.4666666667vw;
    line-height: 1;
    padding: .5em 1.2em
}

.plan-flow {
    margin-bottom: 18.6666666667vw
}

.plan-others {
    background-color: var(--color-secondary-lightest);
    overflow: hidden;
    padding: 14.6666666667vw 0
}

.plan-others .plan-list .item .inner {
    background-color: #fff
}

.plan-layout .figure {
    border: 1px solid var(--color-secondary-bdr);
    border-radius: 1.0666666667vw;
    display: block;
    padding: 6.4vw;
    position: relative;
    text-align: center
}

.plan-layout .figure img {
    height: auto;
    max-width: 714px
}

.plan-layout .tag {
    border: 1px solid var(--color);
    border-radius: .5333333333vw;
    font-size: 2.9333333333vw;
    margin-bottom: 0;
    padding: .55em 1.2em .45em;
    position: absolute;
    right: 6.4vw;
    top: 6.4vw;
    z-index: 1
}

.plan-support {
    background-color: var(--color-secondary-lightest);
    margin-top: 18.6666666667vw;
    padding: 1px 0 21.3333333333vw
}
.plan-support.bg_grey,.robot-plan.bg_grey{
    background-color: rgb(242, 243, 244,.5);
}

.robot-header {
    background-color: var(--color-secondary);
    color: #fff;
    display: flex;
    flex-direction: column-reverse;
    overflow: hidden;
    padding-bottom: 13.3333333333vw
}

.robot-header .text-wrap {
    margin-left: 5.3333333333vw;
    margin-right: 5.3333333333vw;
    margin-top: 8.5333333333vw
}

.robot-header .visual img {
    height: auto;
    width: 100%
}

.robot-header .category {
    font-size: 4.8vw;
    margin-bottom: 0;
    text-align: left
}

.robot-header .shoulder {
    font-family: var(--family-nts-W4);
    font-size: 4.2666666667vw;
    line-height: 1.3888888889em;
    margin-bottom: 2.6666666667vw
}

.robot-header .name {
    font-family: var(--family-nts-bold);
    font-size: 6.9333333333vw;
    margin-bottom: 2.6666666667vw
}

.robot-header .desc {
    font-size: 4vw;
    line-height: 1.6666666667em
}

.robot-header .buttons {
    margin-top: 4vw
}

.robot-header .button {
    font-size: 4vw;
    min-height: 13.3333333333vw;
    min-width: 60vw
}

.robot-header .button .icon-document {
    font-size: 4.2666666667vw
}

.robot-header .visual {
    opacity: 0;
    transition: opacity .5s ease, transform .5s ease
}

.robot-header.is-inview .visual {
    opacity: 1;
    transform: translateX(0)
}

.robot-intro, .robot-movie
{
    padding-top: 13.3333333333vw
}

.robot-intro .container {
    display: flex;
    flex-direction: column
}

.robot-intro .section-heading {
    font-family: var(--family-nts-W4);
    /* font-size: 5.0666666667vw; */
    font-size: 4.7vw;
    font-weight: 400;
    line-height: 1.6842105263em;
    margin-bottom: 6.6666666667vw
}

.robot-intro .desc {
    font-size: 4.2666666667vw;
    line-height: 2em
}

.robot-intro .desc p {
    margin-bottom: 2em
}

.robot-intro .desc p:last-child {
    margin-bottom: 0
}

.robot-intro .desc .note {
    font-size: 3.2vw;
    line-height: 1.75em
}

.robot-intro .figure {
    text-align: center
}

.example-detail .layout .desc {
    font-size: 3.7333333333vw;
    margin-bottom: 1.3333333333vw
}

.example-detail .layout .fig img {
    height: auto;
    max-width: 100%
}

.example-detail .image {
    margin-bottom: 4vw
}

.example-detail .data dt {
    color: var(--color-primary);
    font-family: var(--family-nts-bold);
    line-height: 1.6666666667em
}

.example-detail .data dd,
.example-detail .data dt {
    font-size: 3.7333333333vw
}

.example-detail .data dd+dt {
    margin-top: 1em
}

.robot-lineup {
    padding-bottom: 18.6666666667vw
}

.robot-lineup .link-nav {
    margin-top: 8vw;
    text-align: center
}

.robot-lineup-list {
    display: flex;
    flex-direction: column;
    gap: 4.2666666667vw 0
}

.robot-lineup-list .item {
    overflow: hidden;
    position: relative
}

.robot-lineup-list .name {
    font-family: var(--family-rbt-regular);
    font-weight: 400
}

.robot-lineup-list .inner {
    background-color: #fff;
    border-radius: 1.0666666667vw;
    box-shadow: 0 0 0 1px inset var(--color-secondary-bdr);
    height: 100%;
    justify-content: center;
    padding: 10.6666666667vw 5.3333333333vw;
    position: relative;
    text-decoration: none;
    z-index: 1
}

.robot-lineup-list .inner,
.robot-lineup-list .inner .text-wrap {
    display: flex;
    flex-direction: column;
    text-align: center
}

.robot-lineup-list .inner .text-wrap .button {
    max-height: 48px;
    max-width: 100%
}

.robot-lineup-list .inner .name {
    font-size: 6.9333333333vw;
    margin-bottom: 4vw
}

.robot-lineup-list .inner .thumb {
    margin-bottom: 4vw
}

.robot-lineup-list .inner .thumb img {
    max-width: 53.3333333333vw
}

.robot-lineup-list .inner .desc {
    font-size: 4vw
}

.robot-lineup-list .inner .open .button {
    box-shadow: none;
    font-size: 4.2666666667vw;
    min-height: 9.6vw;
    min-width: 26.6666666667vw
}

.robot-lineup-list .inner .open .button .label {
    margin: 0
}

.robot-lineup-list .inner .open .button .icon-plus {
    font-size: 2.6666666667vw;
    margin: 0 0 0 2.1333333333vw
}

.robot-lineup-list .inner .more .button {
    box-shadow: none;
    font-size: 3.7333333333vw;
    min-height: 12.8vw;
    min-width: calc(100% - 5.33333vw)
}

.robot-lineup-list .cover {
    padding: 13.3333333333vw 5.3333333333vw
}

.robot-lineup-list .spec {
    background-color: #3b4c67f7;
    border-radius: 1.3333333333vw;
    color: #fff;
    display: flex;
    flex-direction: column;
    height: 100%;
    left: 0;
    opacity: 0;
    padding: 5.3333333333vw;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0
}

.robot-lineup-list .spec .name {
    font-size: 5.3333333333vw;
    margin-bottom: 1.3333333333vw;
    text-align: center
}

.robot-lineup-list .spec .data-container {
    flex-grow: 1;
    overflow-y: scroll;
    padding: 0 2.6666666667vw
}

.robot-lineup-list .spec .data {
    border-bottom: 1px solid #fff3;
    font-size: 3.7333333333vw;
    width: 100%
}

.robot-lineup-list .spec .data dt {
    border-top: 1px solid #fff3;
    font-family: var(--family-nts-bold);
    padding-top: 1.8666666667vw
}

.robot-lineup-list .spec .data dd {
    padding-bottom: 1.8666666667vw
}

.robot-lineup-list .spec .close {
    margin-top: 4vw;
    text-align: center
}

.robot-lineup-list .spec .close .button {
    align-items: center;
    color: #fff;
    display: inline-flex;
    font-family: var(--family-rbt-regular);
    font-size: 3.7333333333vw;
    justify-content: center
}

.robot-lineup-list .spec .close .button .icon-plus {
    font-size: 2.6666666667vw;
    margin-left: 1.3333333333vw;
    transform: rotate(-45deg)
}

.robot-plan {
    /* background-color: var(--color-secondary-lightest); */
    overflow: hidden;
    padding: 14.6666666667vw 0 3px;
}
.robot-plan .plan-list .inner {
    background-color: #fff
}

.robot-space {
    margin-bottom: 1px
}

@media screen and (min-width:375px) and (max-width:575.98px) {
    .u-hide-only-xs {
        display: none !important
    }
}

@media screen and (min-width:375px) and (max-width:767.98px) {
    .u-hide-between-xs-sm {
        display: none !important
    }
}

@media screen and (min-width:375px) and (max-width:991.98px) {
    .u-hide-between-xs-md {
        display: none !important
    }
}

@media screen and (min-width:576px) and (max-width:767.98px) {
    .u-hide-only-sm {
        display: none !important
    }
}

@media screen and (min-width:576px) and (max-width:991.98px) {
    .u-hide-between-sm-md {
        display: none !important
    }
}

@media screen and (min-width:768px) and (max-width:991.98px) {
    .u-hide-only-md {
        display: none !important
    }
}

@media screen and (min-width:769px) and (max-width:1280px) {
    .solution-reason:before {
        left: 200px !important
    }
}

@media screen and (max-width:991.98px) {
    .u-hide-down-md {
        display: none !important
    }
}

@media screen and (max-width:767.98px) {
    .lang-nav a{color: #fff;}
    .u-hide-down-sm {
        display: none !important
    }


    .c-button.is-sp-block {
        min-width: 100%
    }

    .c-inner {
        margin-left: 5.3333333333vw;
        margin-right: 5.3333333333vw
    }

    .c-inner.is-sp-narrow {
        margin-left: 9.0666666667vw;
        margin-right: 9.0666666667vw
    }

    .c-tab-accordion .tab-navs {
        display: none
    }

    .c-tab-accordion .accordion-nav {
        align-items: center;
        background-color: var(--color-secondary);
        color: #fff;
        display: flex;
        font-family: var(--family-nts-bold);
        font-size: 4.8vw;
        height: 16vw;
        justify-content: flex-start;
        margin-bottom: 1px;
        padding: 2.6666666667vw 5.0666666667vw;
        position: relative;
        width: 100%
    }

    .c-tab-accordion .accordion-nav:after {
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-feature-settings: "liga";
        content: var(--icon-arrow-thin);
        font-family: iconfont !important;
        font-size: 4.8vw;
        font-style: normal !important;
        font-variant: normal;
        font-variant-ligatures: discretionary-ligatures;
        font-weight: 400 !important;
        letter-spacing: 0;
        line-height: 1;
        position: absolute;
        right: 5.3333333333vw;
        text-transform: none;
        top: 50%;
        transform: translateY(-50%) rotate(90deg);
        transition: transform .25s ease
    }

    .c-tab-accordion .accordion-nav.is-current {
        margin-bottom: 0
    }

    .c-tab-accordion .accordion-nav.is-current:after {
        transform: translateY(-50%) rotate(270deg)
    }

    .c-tab-accordion .accordion-content {
        border: 1px solid var(--color-secondary-bdr);
        display: none;
        padding: 5.0666666667vw
    }

    .c-tab-accordion .accordion-content.is-current {
        display: block
    }

    #home .header {
        position: fixed;
    }

    .header .gnav {
        background-color: var(--color-secondary);
        color: #fff;
        display: none;
        height: calc(var(--vh) - 16vw);
        left: 0;
        overflow-y: scroll;
        position: fixed;
        top: 16vw;
        width: 100%
    }

    .header .gnav.is-open {
        display: block
    }

    .header .site-nav {
        display: flex;
        flex-direction: column;
        font-size: 5.0666666667vw;
        gap: 7vw 0
    }

    .header .site-nav>li.is-open.nav-parent>a:after,.header .site-nav>li.is-open.nav-parent>span:after {
        opacity: 1;
        transform: rotate(-90deg)
    }

    .header .site-nav .nav-parent>a:after,.header .site-nav .nav-parent>span:after {
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-feature-settings: "liga";
        color: #fff;
        content: var(--icon-arrow);
        display: inline-block;
        font-family: iconfont !important;
        font-size: 3.7333333333vw;
        font-style: normal !important;
        font-variant: normal;
        font-variant-ligatures: discretionary-ligatures;
        font-weight: 400 !important;
        letter-spacing: 0;
        line-height: 1;
        margin-left: 5.3333333333vw;
        opacity: .5;
        text-transform: none;
        transform: rotate(90deg);
        transform-origin: center centerx
    }

    .header .site-nav .nav-children {
        display: none;
        flex-direction: column;
        padding: 2.6666666667vw 0 0 3.7333333333vw
    }
    .header .site-nav .nav-children2 {
        display: none;
        flex-direction: column;
        padding: 2.6666666667vw 0 0 3.7333333333vw
    }

    .header .site-nav .nav-group+.nav-group {
        margin-top: 1.3333333333vw
    }

    .header .site-nav .nav-category{display: flex;align-items: center; }
    .header .site-nav .nav-category span{padding-right: 15px;}
    .header .site-nav .nav-category:after {
        background-color: #ffffff4d;
        content: "";
        display: block;
        flex-grow: 1;
        height: 1px;
        width: auto
    }

    .header .site-nav .nav-items {
        color: var(--color-secondary-lighter);
        display: flex;
        flex-direction: column;
        font-size: 4vw;
        gap: 1.3333333333vw;
        vertical-align: top
    }
    .header .site-nav .nav-items li{margin-bottom: 10px;}

    .header .action-nav .button {
        background-color: var(--color-primary);
        border-radius: 999px;
        color: #fff;
        font-size: 5vw;
        min-height: 17.8666666667vw;
        min-width: 100%
    }

    .header-lang-nav {
        display: none
    }

    .footer .site-nav>li {
        border-bottom: 1px solid #ffffff26;
        display: flex;
        padding: 5.3333333333vw 0
    }

    .footer .site-nav>li:first-child {
        padding-top: 0
    }

    .footer .site-nav>li>a {
        flex: none
    }

    .footer .shareholders .links .logo-mitsui {
        height: 12.2666666667vw
    }

    .footer .shareholders .links .logo-glp {
        height: 6.1333333333vw
    }

    .footer .shareholders .links .logo-toyota {
        height: 10.6666666667vw
    }

    .headline-topics .topic-list .title {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .side-sticky-nav {
        display: none
    }

    .space-nav .logo img {
        height: auto;
        width: 51.7333333333vw
    }

    .plan-list .item.is-comingsoon {
        display: none
    }

    .solution-reason {
        margin: 0;
        padding-top: 13.3333333333vw
    }

    .home-slider .inner {
        display: flex;
        flex-direction: column
    }

    .home-slider .headings {
        margin-bottom: 8vw;
        order: 0
    }

    .home-slider .slider-container {
        order: 1
    }

    .home-slider .slider-nav-container {
        order: 2
    }

    .home-slider .index {
        margin-bottom: 0;
        margin-top: 9.6vw;
        order: 3
    }

    .home-slider .index .button {
        font-size: 4.2666666667vw;
        min-height: 14.6666666667vw;
        min-width: 100%
    }

    .home-slider .consulting,
    .home-slider .logos {
        order: 4
    }

    .home-slider .more {
        order: 5
    }

    .home-topics .topic-list>li {
        display: grid;
        grid-template-columns: 6em auto;
        grid-template-rows: auto auto
    }

    .home-topics .topic-list>li .title {
        grid-column: 1/3
    }

    .plan-header.is-tsort-light-apparel {
        display: flex;
        flex-direction: column-reverse;
        padding-bottom: 20vw
    }

    .plan-intro .figure {
        margin-top: 10.6666666667vw
    }

    .plan-intro .figure img {
        width: 81.8666666667vw
    }

    .home-plan-case .headings {
        margin-left: -4vw;
        margin-right: -4vw
    }

    .home-plan-case .more {
        margin-top: 5.3333333333vw
    }

    .plan-case .container {
        padding-bottom: 18.6666666667vw;
        position: relative
    }

    .plan-case .slider-nav-container {
        bottom: 0;
        left: 50%;
        position: absolute;
        transform: translateX(-50%);
        z-index: 5;
    }

    .robot-detail-list .container .desc {
        text-align: left
    }

    .robot-detail-list .container .thumb img {
        height: auto;
        width: 70%
    }

    .plan-flow .figure {
        margin-left: -20px;
        margin-right: -20px;
        margin-top: 8vw;
        overflow-y: scroll;
        padding-bottom: 20px
    }

    .plan-flow .figure img {
        display: block;
        height: 60vw;
        margin-left: 20px;
        margin-right: 20px;
        max-width: none;
        width: auto
    }

    .robot-intro .figure {
        margin: 10.6666666667vw -4vw 0
    }

    .example-detail {
        margin-bottom: 2.6666666667vw
    }

    .example-detail .wrap-sub {
        margin-top: 4vw
    }
    .home-topics .topic-list .item.pdf.event a::after{transform: translateY(3px); width: 13px;height: 16px;}
}

@media screen and (max-width:575.98px) {
    .u-hide-down-xs {
        display: none !important
    }
}

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

    .u-hide-down-xxs,
    .u-hide-only-xxs {
        display: none !important
    }
}

@media print {
    body {
        color-adjust: exact;
        min-height: auto;
        -webkit-print-color-adjust: exact
    }

    .u-hide-print {
        display: none !important
    }
}

@media print,
screen and (max-width:1199.98px) {
    .u-hide-down-lg {
        display: none !important
    }
}

@media print,
screen and (max-width:1399.98px) {
    .u-hide-down-xl {
        display: none !important
    }
}

@media print,
screen and (min-width:1200px) and (max-width:1399.98px) {
    .u-hide-only-xl {
        display: none !important
    }
}

@media print,
screen and (min-width:1200px) {
    .u-hide-up-xl {
        display: none !important
    }
}

@media print,
screen and (min-width:1400px) {

    .u-hide-only-xxl,
    .u-hide-up-xxl {
        display: none !important
    }
}

@media print,
screen and (min-width:375px) and (max-width:1199.98px) {
    .u-hide-between-xs-lg {
        display: none !important
    }
}

@media print,
screen and (min-width:375px) and (max-width:1399.98px) {
    .u-hide-between-xs-xl {
        display: none !important
    }
}

@media print,
screen and (min-width:375px) {
    .u-hide-up-xs {
        display: none !important
    }
}

@media print,
screen and (min-width:576px) and (max-width:1199.98px) {
    .u-hide-between-sm-lg {
        display: none !important
    }
}

@media print,
screen and (min-width:576px) and (max-width:1399.98px) {
    .u-hide-between-sm-xl {
        display: none !important
    }
}

@media print,
screen and (min-width:576px) {
    .u-hide-up-sm {
        display: none !important
    }
}

@media print,
screen and (min-width:768px) and (max-width:1199.98px) {
    .u-hide-between-md-lg {
        display: none !important
    }
}

@media print,
screen and (min-width:768px) and (max-width:1399.98px) {
    .u-hide-between-md-xl {
        display: none !important
    }
}

.header .site-nav .nav-robot-items > li {
    background: #fff;
    border-top: 1px solid #d4d4d4;
}
.header .site-nav .nav-robot-parent {
    cursor: pointer;
}
.header .site-nav .nav-robot-parent .nav-robot-inner {
    position: relative;
}
.header .site-nav .nav-robot-parent .nav-robot-inner::before, .header .site-nav .nav-robot-parent .nav-robot-inner::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 22px;
    transform: translateY(-50%);
    width: 16px;
    height: 1px;
    background: #707070;
    transition: transform .3s;
}
.header .site-nav .nav-robot-parent .nav-robot-inner::after {
    transform: translateY(-50%) rotateZ(90deg);
}
.header .site-nav .nav-robot-parent.is-open .nav-robot-inner::after {
    transform: translateY(-50%) rotateZ(0);
}
.header .site-nav .nav-robot-inner {
    display: flex;
    align-items: center;
    padding: 20px;
    gap: 0 10px;
}
.header .site-nav .nav-robot-items_img {
    flex: 0 0 80px;
}
.header .site-nav .nav-robot-ttl {
    flex: 1;
    font-size: 18px;
}
.header .site-nav .nav-robot-child {
    background: var(--color-secondary);
    height: 0;
    transition: height 0.4s ease;
    overflow: hidden;
}
.header .site-nav .nav-robot-child-list {
    padding: 10px 20px;
}

@media print, screen and (min-width:768px) {
    #home .header.move.active{top:0;padding-top: 0}
    #home .header.move{padding-top: 0;}
    body {
        font-size: var(--font-size-base)
    }

    .tns-nav {
        gap: 12px
    }

    .tns-nav button {
        height: 8px;
        width: 8px
    }

    .slider-action button[data-controls=next],
    .slider-action button[data-controls=prev],
    .tns-controls button[data-controls=next],
    .tns-controls button[data-controls=prev] {
        height: 26px;
        width: 26px
    }

    .slider-action button[data-controls=next]:after,
    .slider-action button[data-controls=prev]:after,
    .tns-controls button[data-controls=next]:after,
    .tns-controls button[data-controls=prev]:after {
        font-size: .625rem
    }

    .slider-action {
        gap: 18px;
        margin-top: 35px
    }

    .micromodal .modal-container {
        align-items: center;
        display: flex;
        justify-content: center
    }

    .micromodal .modal-content {
        max-width: 880px;
        padding: 40px
    }

    .micromodal .modal-close {
        font-size: 2.0625rem;
        right: 40px;
        top: 40px
    }

    .u-hide-up-md {
        display: none !important
    }

    .c-clip-in {
        transform: translateX(-50px)
    }

    .c-button.is-rounded.is-md {
        border-radius: 28px;
        font-size: 1rem;
        min-height: 55px
    }

    .c-button.is-rounded.is-md .label {
        padding-left: 28px;
        padding-right: 28px
    }

    .c-button.is-rounded.is-lg {
        border-radius: 33px;
        font-size: 1.125rem;
        min-height: 65px
    }

    .c-button.is-square {
        border-radius: 4px
    }

    .c-button.is-square.is-md {
        min-height: 44px
    }

    .c-buttons:not(:first-child) {
        margin-top: 50px
    }

    .c-buttons:not(:last-child) {
        margin-bottom: 50px
    }

    .c-heading.is-normal {
        font-size: 1.625rem;
        text-align: left
    }

    .c-heading.is-outline {
        font-size: 1.5rem;
        text-align: left
    }

    .c-heading.is-underline {
        border-bottom-width: 2px;
        font-size: 1.625rem;
        margin: 140px 0 40px
    }
    .c-heading.is-underline.mt0{margin-top: 0;}

    .c-heading.is-tag {
        margin-bottom: 10px
    }

    .c-heading.is-tag .label {
        font-size: .875rem
    }

    .c-heading.is-bg {
        flex-direction: row;
        flex-wrap: wrap;
        gap: 0;
        margin-bottom: 30px
    }

    .c-heading.is-bg .label {
        padding: .2em .5em
    }

    .c-lead {
        font-size: 1.125rem;
        line-height: 1.6666666667em;
        margin-bottom: 40px
    }

    .c-inner {
        margin-left: auto;
        margin-right: auto;
        max-width: 1200px;
        padding-left: var(--width-side-pc);
        padding-right: var(--width-side-pc)
    }

    .c-inner.is-pc-wide {
        max-width: 1280px
    }

    .c-link.is-underline:after {
        height: 1px
    }

    .c-list.is-bullet {
        font-size: .9375rem
    }

    .c-list.is-bullet.is-lg {
        font-size: 1.125rem
    }

    .c-tab-accordion {
        /* border: 1px solid var(--color-secondary-bdr); */
        border-radius: 4px;
        overflow: hidden
    }

    .c-tab-accordion .tab-navs .tab-nav {
        font-size: 1.25rem;
        height: 90px;
        padding: 10px;
        color: #313945;
        font-weight: 600;
    }

    .c-tab-accordion .tab-content {
        display: none;
         border: 1px solid var(--color-secondary-bdr);
        padding: 39px
    }

    .c-tab-accordion .tab-content.is-current {
        display: block
    }

    .c-tab-accordion .accordion-nav {
        display: none
    }

    .header {
        /* padding: 30px 15px; */
        padding: 0;
        position: fixed
    }

    .header .inner {
        box-shadow: 0 0 10px #00000029;
        gap: 0 30px;
        height: 90px;
        padding: 0 21px 0 40px;
    }

    /* .header .logo img {
        height: 33px;
        transform: translateY(-3px)
    } */

    .header .gnav-trigger {
        display: none
    }

    .header .gnav {
        display: block !important;
        opacity: 1 !important
    }

    .header .gnav-inner {
        align-items: center;
        display: flex;
        margin: 0;
        padding-top: 25px;
        position: static;
    }
/*
    .header .lang-nav {
        display: none
    } */

    .header .site-nav {
        align-items: center;
        display: flex;
        gap: 5px 40px;
        height: 60px;
        line-height: 1.3
    }

    .header .site-nav>li {
        align-items: center;
        display: flex;
        height: 100%
    }

    .header .site-nav>li>a {
        position: relative;
        z-index: 1;
    }
    .header .site-nav>li.is-open .nav-trigger{color:#fff;position: relative;z-index: 2;}

    .header .site-nav>li>a:after {
        background-color: currentColor;
        content: "";
        display: block;
        height: 1px;
        left: 0;
        position: absolute;
        top: calc(100% + 8px);
        transition: width .25s ease;
        width: 0
    }

    html.hover .header .site-nav>li>a:hover:after {
        width: 100%
    }

    .header .site-nav .nav-home {
        display: none
    }

    .header .site-nav .nav-parent {
        position: relative
    }

    .header .site-nav .nav-parent:before {
        background-color: var(--color-secondary);
        bottom: 0;
        content: "";
        display: block;
        /* height: calc(100% - 20px); */
        height: 100%;
        left: -18px;
        opacity: 0;
        position: absolute;
        transition: opacity .3s ease, height .2s ease;
        width: calc(100% + 36px);
        z-index: 0
    }

    .header .site-nav .nav-parent.is-open:before {
        opacity: 1
    }

    .header .site-nav .nav-parent.is-open>a {
        color: #fff;
        opacity: 1 !important
    }

    .header .site-nav .nav-parent.is-open>a:after {
        width: 100%
    }

    .header .site-nav .nav-children {
        align-items: flex-start;
        background-color: var(--color-secondary);
        display: none;
        gap: 0 25px;
        left: -18px;
        padding: 25px 20px;
        position: absolute;
        top: calc(100% - 2px)
    }
    .header .site-nav .nav-children2 {
        align-items: flex-start;
        background-color: var(--color-secondary);
        display: none;
        left: -18px;
        padding: 20px 0 0;
        position: absolute;
        top: calc(100% - 2px);
        box-shadow: 0 5px 10px rgba(0,0,0,.1);
    }

    .header .site-nav .nav-category {
        align-items: center;
        color: #fff;
        display: flex;
        position: relative
    }

    .header .site-nav .nav-category .label {
        margin-right: 5px
    }

    .header .site-nav .nav-category:after {
        background-color: #ffffff4d;
        content: "";
        display: block;
        flex-grow: 1;
        height: 1px;
        width: auto
    }

    .header .site-nav .nav-items {
        display: flex;
        flex-direction: column;
        gap: 8px
    }

    .header .site-nav .nav-robot-items {
        display: flex;
        flex-direction: column;
    }
    .header .site-nav .nav-robot-items > li {
        min-width: 350px;
    }

    .header .site-nav .nav-items a {
        align-items: center;
        background-color: #fff;
        border-radius: 4px;
        display: flex;
        font-size: .875rem;
        justify-content: flex-start;
        min-height: 49px;
        min-width: 258px;
        padding: 0 10px ;
    }

    .header .site-nav .nav-items a:before {
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-feature-settings: "liga";
        align-items: center;
        background-color: var(--color-primary);
        border-radius: 50%;
        color: #fff;
        content: var(--icon-arrow);
        display: flex;
        font-family: iconfont !important;
        font-size: .75rem;
        font-style: normal !important;
        font-variant: normal;
        font-variant-ligatures: discretionary-ligatures;
        font-weight: 400 !important;
        height: 36px;
        justify-content: center;
        letter-spacing: 0;
        line-height: 1;
        margin-right: -9px;
        text-transform: none;
        transform: scale(.5);
        transform-origin: left center;
        width: 36px;

    }

    .header .action-nav {
        margin-left: 2.1vw;
        margin-top: 0;
        display: flex;
    }
    .header .action-nav li:not(:last-child){margin-right: 10px;}

    .header .action-nav .button {
        background-color: var(--color-primary);
        /* background-color: var(--color-secondary); */
        border-radius: 30px;
        color: #fff;
        min-height: 45px;
        min-width: 188px;
        transition: background-color .25s ease;
        font-size: 0.9375vw;
    }

    html.hover .header .action-nav .button:hover {
        background-color: var(--color-primary-hover)
        /* background-color: var(--color-secondary-hover) */
    }

    .footer {
        padding: 47px 52px;
    }

    .footer .site-map {
        align-items: flex-start;
        display: flex;
        gap: 40px
    }

    .footer .lang-nav {
        bottom: calc(100% + 30px);
        font-size: 1.125rem;
        /* top: 119px; */
        top: 3px;
        flex-wrap: wrap;
        max-width: 210px;
    }
    .footer .lang-nav li a{font-size: 0.875rem;}
    .footer .lang-nav li.big{margin-bottom: 5px;}
    .footer .lang-nav li:nth-of-type(2)::before{opacity: 0;visibility: hidden;}

    .footer .site-nav {
        align-items: flex-start;
        display: flex;
        flex-wrap: wrap;
        font-size: .875rem;
        gap: 41px;
        margin-right: auto
    }

    .footer .site-nav .nav-home {
        margin-right: 13px;
    }

    .footer .site-nav .nav-children {
        gap: 5px;
        margin-left: 0;
        margin-top: 17px;
        width: auto
    }

    .footer .action-nav {
        gap: 14px;
        /* margin-top: 158px; */
        margin-top: 73px;
    }

    .footer .action-nav .button {
        border-radius: 4px;
        min-height: 49px;
        min-width: 208px;
        width: 100%;
    }

    .footer .company-info {
        align-items: flex-start;
        border-top: 1px solid #ffffff40;
        display: flex;
        margin-top: 77px;
        padding-top: 40px;
        text-align: left
    }

    .footer .company .logo {
        margin-bottom: 25px
    }

    .footer .company .logo svg {
        height: 25px
    }

    .footer .company .info {
        font-size: .875rem
    }

    .footer .company .sns-nav {
        gap: 20px;
        justify-content: flex-start;
        margin: 30px 0 -25px
    }

    .footer .company .sns-nav .icon-sns-facebook {
        font-size: 1.5625rem
    }

    .footer .company .sns-nav .icon-sns-youtube {
        font-size: 1.25rem
    }

    .footer .shareholders {
        align-items: center;
        display: flex;
        margin-top: 5px
    }

    .footer .shareholders .heading {
        font-size: .875rem
    }

    .footer .shareholders .heading:after {
        display: none
    }

    .footer .shareholders .links {
        border-left: 1px solid #ffffff40;
        gap: 35px;
        justify-content: flex-start;
        margin-left: 20px;
        padding-left: 30px
    }

    .footer .legal-info {
        text-align: right
    }

    .footer .policy-nav {
        align-items: flex-end;
        font-size: .875rem
    }

    .footer .copyright {
        font-size: .75rem
    }

    .headline-topics {
        height: 40px;
        padding: 0 60px;
        top: -40px
    }

    .headline-topics .topic-list {
        font-size: .9375rem
    }

    .headline-topics .topic-list>li {
        justify-content: center
    }

    .headline-topics .close {
        font-size: .875rem;
        top: calc(50% - 7px)
    }

    .headline-topics+.header {
        top: 40px
    }

    .headline-topics+.header+.header-lang-nav {
        top: 180px
    }

    .headline-topics.is-close+.header+.header-lang-nav {
        top: 150px
    }

    .induction-nav {
        flex-direction: row;
        gap: 0 1px;
        margin-bottom: 1px
    }

    .induction-nav .nav {
        flex: 1;
        min-height: 382px
    }

    .induction-nav .nav.is-pc-low {
        min-height: 340px
    }

    .induction-nav .nav.is-photo {
        min-height: 440px
    }

    .induction-nav .nav.is-comingsoon .text-wrap:after {
        font-size: .875rem;
        margin-top: 20px
    }

    .induction-nav .headings {
        margin-bottom: 1.25rem
    }

    .induction-nav .heading-en {
        font-size: 1.5rem;
        text-align: center
    }

    .induction-nav .heading-ja {
        font-size: 1.625rem
    }

    .induction-nav .heading {
        border-bottom: none;
        font-size: 1.5rem;
        margin-bottom: 45px;
        padding-bottom: 0
    }

    .induction-nav .desc {
        font-size: 1rem
    }

    .induction-nav .button {
        font-size: .875rem;
        margin-top: 30px;
        min-height: 48px;
        min-width: 220px
    }

    .induction-nav .button .icon-document {
        font-size: 1.125rem
    }

    .induction-nav .button .icon-mail {
        font-size: .875rem
    }

    .induction-nav .icon {
        margin-top: 26px
    }

    .induction-nav .icon i {
        font-size: 12px;
        height: 36px;
        width: 36px
    }

    .lang-nav {
        font-size: 1.125rem;
        line-height: 1.3;
    }

    .space-nav {
        background-image: url(../img/home/space-bg-tb-pc.jpg?rev=51952697);
        padding: 50px var(--width-side-pc)
    }
    .lang-nav>li+li:before,.lang-nav a{font-size: 0.8125rem;line-height: 1.6;}
    .header .site-nav>li>a{font-size: 1rem;line-height: 1.6;}

    .space-nav .box {
        height: 378px;
        padding: 0;
        width: 378px
    }

    .space-nav .shoulder {
        font-size: 1.125rem;
        margin-bottom: 10px
    }

    .space-nav .logo {
        margin-bottom: 20px
    }

    .space-nav .desc {
        font-size: .9375rem;
        margin-bottom: 30px
    }

    .space-nav .icon-arrow {
        font-size: 10px;
        height: 36px;
        width: 36px
    }

    .feature-list {
        align-items: stretch;
        flex-direction: row;
        flex-wrap: wrap;
        gap: 20px
    }

    .feature-list .item {
        flex: none;
        width: calc(33.33333% - 13.33333px)
    }

    .feature-list .item.is-full {
        width: 100% !important
    }

    .feature-list.is-column-2 .item {
        width: calc(50% - 10px)
    }

    .feature-list .inner {
        border-radius: 4px;
        padding: 35px 30px 25px
    }

    .feature-list .link:after {
        border-width: 1px;
        font-size: .75rem;
        height: 2.25rem;
        margin-top: 20px;
        width: 2.25rem
    }

    .feature-list .pict {
        min-height: 90px
    }

    .feature-list .pict img {
        width: auto
    }

    .feature-list .heading {
        font-size: 1.25rem;
        margin-bottom: 20px
    }

    .feature-list .desc {
        font-size: .9375rem
    }

    .feature-list .data {
        margin: 10px 0 20px
    }

    .feature-list .data dt {
        margin-bottom: 15px;
        min-width: 130px;
        padding: 3px 0
    }

    .feature-list .data dd {
        font-size: .9375rem
    }

    .feature-list .data dd .lg {
        font-size: 2.5rem
    }

    .feature-list .download-banner .inner {
        align-items: center;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        padding: 49px 69px
    }

    .feature-list .download-banner .desc {
        font-size: 1.125rem;
        margin-bottom: 0;
        text-align: left
    }

    .feature-list .download-banner .buttons {
        width: calc(50% - 69px)
    }

    .feature-list .download-banner .button {
        font-size: 1.125rem;
        min-height: 65px;
        min-width: 100%
    }

    .feature-list .download-banner .button .icon-document {
        font-size: 1.125rem
    }

    .plan-list:not(.js-plan-slider) {
        flex-direction: row;
        gap: 0 14px;
        margin-top: 20px
    }

    .plan-list:not(.js-plan-slider) .item {
        flex: none;
        width: calc(25% - 10.5px)
    }

    .plan-list .item.is-comingsoon .inner {
        align-items: center;
        font-size: .9375rem;
        justify-content: center;
        opacity: .7
    }

    .plan-list .inner {
        border-radius: 4px;
        padding: 20px
    }

    .plan-list .sub-name {
        font-size: 1.125rem;
        margin-bottom: 14px
    }
    .plan-list .sub-name.min{font-size: 0.92rem;}
    .plan-list .desc {
        font-size: 1rem;
        margin-bottom: 14px
    }

    .plan-list .data {
        margin-bottom: 10px
    }

    .plan-list .data dt {
        font-size: .75rem;
        min-height: 28px
    }

    .plan-list .data dd {
        font-size: 1rem
    }

    .plan-list .more .link {
        font-size: .9375rem
    }

    .plan-list .more .link .icon-arrow {
        font-size: 10px;
        height: 26px;
        margin-left: 5px;
        width: 26px
    }

    .plan-list .thumb {
        height: 60px;
        margin-left: auto;
        width: 60px
    }

    .home-hero .loading .logo {
        bottom: 40px;
        left: 40px
    }

    .home-hero .loading .logo svg {
        width: 380px
    }

    .home-hero .overlay {
        background-size: cover
    }

    body.is-animate .home-hero .loading .logo {
        transform: translateX(7.8125vw)
    }

    .home-hero .content {
        margin: 0 10.15625vw;
        transform: translateY(10%)
    }

    .home-hero .catch {
        font-size: 3.90625vw;
        transform: translateX(-3.90625vw)
    }

    .home-hero .desc {
        font-size: 1.40625vw;
        line-height: 1.6666666667em;
        margin-top: 2.34375vw;
        max-width: none;
        transform: translateX(-3.90625vw)
    }

    .home-hero .more {
        margin-top: 3.125vw;
        transform: translateX(-3.90625vw)
    }

    .home-hero .more .button {
        min-height: 5.078125vw;
        min-width: 20.078125vw
    }

    .home-hero .more .button,
    .home-hero .more .button .icon-document {
        font-size: 1.40625vw
    }

    .home-solution {
        padding-top: 138px
    }

    .solution-feature {
        /* align-items: center;
        display: flex; */
        margin-left: auto;
        margin-right: auto;
        /* max-width: var(--width-design-pc) */
        max-width: 1080px;
    }

    .solution-feature .text-wrap {
        margin-left: 32px;
        margin-right: 0;
        padding: 0;
    }

    .solution-feature .heading {
        margin-bottom: 35px
    }

    .solution-feature .heading span {
        transition-delay: .5s
    }

    .solution-feature .catch {
        align-items: flex-start;
        display: flex;
        flex-direction: column;
        font-size: 2.0625rem;
        line-height: 1.7;
        margin-bottom: 21px;
        text-align: left;
        transition-delay: .6s
    }


    .solution-feature .catch .line.is-lg {
        margin-bottom: 20px
    }

    .solution-feature .catch .line.is-sm {
        /* font-size: 1.625rem; */
        font-size: 1.25rem;
        margin-bottom: 5px
    }

    .solution-feature .more {
        text-align: left;
        transition-delay: .7s
    }

    .solution-feature .more .button {
        font-size: 1rem;
        min-height: 55px;
        min-width: 270px
    }

    .solution-feature .visual {
        margin: 0 0 0 auto;
        transform: translateX(100px)
    }

    .solution-feature .visual img {
        max-height: 40.546875vw
    }

    .solution-reason {
        background-color: initial;
        margin-top: 176px;
        padding-bottom: 124px;
        padding-top: 50px
    }

    .solution-reason:before {
        height: calc(100% - 224px);
        left: calc(50% - 440px)
    }

    .solution-reason .heading {
        align-items: center;
        display: flex;
        font-size: 2rem;
        font-weight: bold;
        font-family: var(--family-nts-bold);
        margin: 0 0 55px 78px;
        text-align: left
    }

    .solution-reason .heading:before {
        background: linear-gradient(90deg, #b3243e, #b3243e 50%, #fff 0, #fff);
        content: "";
        display: block;
        height: 1px;
        margin-right: 20px;
        width: 124px
    }

    .reason-list {
        align-items: stretch;
        flex-direction: row;
        gap: 39px
    }

    .reason-list .item {
        padding: 0
    }

    .reason-list .item:before {
        display: none
    }

    .reason-list .link {
        border-bottom-width: 12px;
        display: flex;
        flex-direction: column;
        height: 100%
    }




    .home-slider .tns-outer {
        max-width: var(--width-content-pc);
        transform: translateX(50px)
    }

    .home-slider .inner {
        display: grid;
        gap: 0 30px;
        grid-template-columns: 1fr 106px 190px;
        grid-template-rows: auto
    }

    .home-slider .tns-outer {
        grid-column: 1/4
    }

    .home-slider .tns-ovh {
        overflow: visible
    }

    .home-slider .headings,
    .home-slider .index,
    .home-slider .slider-nav-container {
        align-items: flex-end;
        margin: auto 0 0
    }

    .home-slider .index .button {
        font-size: 1rem;
        min-height: 55px;
        min-width: 176px
    }

    .home-slider .slider-container {
        grid-column: 1/4
    }

    .home-slider .slider {
        align-items: stretch;
        display: flex;
        margin-top: 50px
    }

    .home-slider .slider .item {
        display: flex !important;
        flex-direction: column
    }

    .home-slider .consulting,
    .home-slider .logos,
    .home-slider .more {
        grid-column: 1/4
    }

    .slider-nav {
        gap: 0 14px;
        margin-top: 0;
        transform: translateY(-4px)
    }

    .slider-nav .nav {
        font-size: .875rem;
        height: 46px;
        width: 46px
    }

    .home-robot {
        padding: 85px 0 70px
    }

    .home-robot .bg {
        background: url(../img/home/robot-bg-tb-pc.svg?rev=2abd1bd8) calc(50% - 120px) calc(50% - 50px) no-repeat
    }

    .home-robot .consulting {
        font-size: 1.125rem;
        margin-top: 70px;
        text-align: left
    }

    .robot-list .thumb {
        margin-bottom: 30px
    }

    .robot-list .thumb img {
        width: auto
    }

    .robot-list .name {
        font-size: 1.625rem;
        margin-bottom: 15px
    }

    .robot-list .desc {
        font-size: .9375rem;
        margin-bottom: 30px
    }

    .robot-list .more .button {
        font-size: .9375rem;
        min-height: 44px;
        min-width: 184px
    }

    .home-case {
        padding: 128px 0 106px
    }

    .home-case .logos {
        margin-top: 73px;
        padding-top: 33px
    }

    .home-case .more {
        margin-top: 43px
    }

    .home-case .more .button {
        font-size: 1.125rem;
        min-height: 70px;
        min-width: 320px
    }

    .home-case .more .button .icon-document {
        font-size: 1.125rem
    }

    .home-case .more .button+.button {
        margin-left: 40px;
        margin-top: 0
    }

    .case-list .link {
        align-items: center;
        border-radius: 4px;
        display: flex;
        flex-direction: column;
        height: 100%;
        padding: 24px
    }

    .case-list .type {
        font-size: .875rem
    }

    .case-list .title {
        font-size: .9375rem
    }

    .home-plan {
        padding: 65px 0 102px
    }

    .home-plan .headings {
        margin-bottom: 35px
    }

    .home-plan .index {
        margin-top: 43px;
        text-align: center
    }

    .home-plan .index .button {
        font-size: 1.125rem;
        min-height: 70px;
        min-width: 400px
    }

    .home-plan .index .button .icon-document,
    .home-plan .index .button .icon-list {
        font-size: 1.40625vw
    }

    .plan-type {
        display: flex;
        flex-direction: row-reverse
    }

    .plan-type+.plan-type {
        margin-top: 30px
    }

    .plan-type .text-wrap {
        flex-grow: 1;
        padding: 35px 40px 40px
    }

    .plan-type .visual {
        flex: none;
        width: 467px
    }

    .plan-type .name {
        align-items: center;
        border-bottom: 1px solid var(--color-primary);
        display: flex;
        margin-bottom: 20px;
        padding-bottom: 10px;
        width: 100%
    }

    .plan-type .name .label-ja {
        border-bottom: none;
        font-size: 2.0625rem;
        margin-bottom: 0;
        padding-bottom: 0
    }

    .plan-type .name .label-en {
        font-size: 1.25rem;
        margin-left: auto
    }

    .plan-type .lead {
        font-size: 1.125rem;
        text-align: left
    }

    .plan-type .more .button {
        font-size: 1rem;
        min-height: 55px;
        min-width: 100%
    }

    .home-company {
        display: flex;
        padding-top: 0
    }

    .home-company .bg,
    .home-company .text-wrap {
        flex: none;
        width: 50%
    }

    .home-company .text-wrap {
        align-items: flex-start;
        display: flex;
        flex-direction: column;
        justify-content: center;
        margin: 0;
        padding: 80px 6.25vw 150px
    }

    .home-company .headings {
        margin-bottom: 70px
    }

    .home-company .desc {
        font-size: 1.1875rem
    }

    .home-company .more {
        text-align: left
    }

    .home-company .more .button {
        font-size: 1rem;
        min-height: 55px;
        min-width: 190px
    }

    .home-company .bg {
        height: auto
    }

    .home-company .logo {
        left: -164px;
        top: 108px
    }

    .home-company .logo svg {
        width: 328px
    }

    .home-topics {
        padding: 80px 0 120px
    }

    .home-topics .inner {
        display: grid;
        grid-template-columns: auto auto;
        grid-template-rows: auto auto
    }

    .home-topics .inner .headings {
        order: 0
    }

    .home-topics .inner .backnumber {
        margin-left: auto;
        order: 1
    }

    .home-topics .inner .topic-list {
        grid-column: 1/3;
        order: 2
    }

    .home-topics .heading {
        margin-bottom: 20px
    }

    .home-topics .backnumber {
        margin-top: 0
    }

    .home-topics .backnumber .link {
        font-size: .9375rem
    }

    .home-topics .backnumber .link .icon-arrow {
        font-size: .875rem;
        height: 36px;
        width: 36px
    }

    .home-topics .topic-list>li {
        padding: 20px 0
    }

    .home-topics .topic-list .date {
        font-size: .8125rem;
        width: 8em
    }

    .home-topics .topic-list .category {
        font-size: .8125rem;
        width: 10em
    }

    .home-topics .topic-list .title {
        font-size: .9375rem;
        margin-top: 0
    }

    .home-feature h3 {
        font-size: 1.625rem;
        margin-bottom: 35px;
        text-align: center
    }

    .home-feature .desc {
        font-size: 1rem
    }

    .home-feature .figure {
        margin-top: 55px
    }

    .plan-header {
        padding-top: 225px
    }

    .plan-header .shoulder {
        font-size: 2.03125vw
    }

    .plan-header .headings,
    .plan-header .shoulder {
        margin-bottom: 1.953125vw
    }

    .plan-header .heading-ja {
        font-size: 2.5vw;

    }

    .plan-header .heading-en {
        font-size: 1.354166vw
    }

    .plan-header .desc {
        font-size: 1.40625vw
    }

    .plan-header .buttons {
        margin-top: 2.734375vw
    }

    .plan-header .button {
        min-height: 5.078125vw;
        min-width: 21.09375vw
    }

    .plan-header .button,
    .plan-header .button .icon-document {
        font-size: 1.40625vw
    }

    .plan-header .visual {
        transform: translateX(100px)
    }

    .plan-header.is-standard {
        align-items: center;
        flex-direction: row;
        padding-bottom: 5vw
    }

    .plan-header.is-standard .text-wrap {
        margin: 0 auto
    }

    .plan-header.is-standard .visual {
        margin-left: auto
    }

    .plan-header.is-standard .visual img {
        width: 50vw
    }

    .plan-header.is-tsort-light-apparel {
        height: calc(225px + 39.45313vw)
    }

    .plan-header.is-tsort-light-apparel .text-wrap {
        margin: 0 4.6875vw;
        padding-top: 1.5625vw
    }

    .plan-header.is-tsort-light-apparel .visual {
        align-items: flex-end;
        bottom: 3.90625vw;
        display: flex;
        height: 100%;
        margin-bottom: 0;
        position: absolute;
        right: 0;
        z-index: 0
    }

    .plan-header.is-tsort-light-apparel .visual img {
        margin: 0;
        width: 57.65625vw
    }

    .plan-intro {
        padding-top: 110px
    }

    .plan-intro .container {
        align-items: center;
        flex-direction: row
    }

    .plan-intro .text-wrap {
        flex: 1
    }

    .plan-intro .section-heading {
        font-size: 2.0625rem;
        margin-bottom: 3.4375rem
    }

    .plan-intro .desc {
        font-size: 1.1875rem;
        line-height: 2.1052631579em;
    }

    .plan-intro .figure {
        flex: 1
    }

    .home-plan-case {
        margin-top: -40px;
        padding-bottom: 0;
        padding-top: 40px
    }

    .home-plan-case .buttons .button {
        font-size: 1rem;
        min-height: 55px;
        min-width: 158px
    }

    .plan-case .wrap {
        align-items: flex-end;
        display: flex;
        margin-bottom: 40px
    }

    .plan-case .wrap .slider-nav-container {
        margin-left: auto
    }

    .plan-case .wrap p {
        margin-bottom: 0
    }

    .plan-case .tns-outer {
        transform: translateX(50px)
    }

    .plan-case .buttons .button {
        font-size: 1rem;
        min-height: 55px;
        min-width: 158px
    }

    .case-detail-list .item-inner {
        align-items: center;
        border-radius: 4px;
        flex-direction: row;
        gap: 0 55px;
        padding: 25px
    }

    .case-detail-list .text-wrap {
        align-items: flex-start;
        display: flex;
        flex: none;
        flex-direction: column;
        flex-grow: 1;
        flex-shrink: 1;
        justify-content: center
    }

    .case-detail-list .name {
        font-size: 1.625rem;
        margin-bottom: 20px
    }

    .case-detail-list .thumb {
        flex: none;
        margin-bottom: 0;
        width: 50%
    }

    .case-detail-list .more {
        margin-top: 10px
    }

    .case-detail-list .more .button {
        font-size: .875rem;
        min-height: 45px;
        min-width: 185px
    }

    .case-detail-list .more .button .icon-play,
    .plan-robot .link-nav a {
        font-size: 1.125rem
    }

    .plan-robot .buttons .button,
    .robot-movie .buttons .button
     {
        font-size: 1rem;
        min-height: 55px;
        min-width: 158px
    }

    .robot-detail-list:not(.is-horizontal) {
        flex-direction: row;
        flex-wrap: wrap;
        gap: 20px
    }

    .robot-detail-list:not(.is-horizontal) .item {
        flex: none;
        width: calc(33.33333% - 13.33333px)
    }

    .robot-detail-list .inner {
        border-radius: 4px;
        padding: 40px
    }

    .robot-detail-list .inner.is-comingsoon:after {
        font-size: .6875rem
    }

    .robot-detail-list .container {
        flex-direction: row-reverse;
        justify-content: space-between;
        padding: 50px 60px
    }

    .robot-detail-list .container .text-wrap {
        flex-grow: 1;
        max-width: 600px;
        text-align: left
    }

    .robot-detail-list .container .desc {
        font-size: 1.125rem
    }

    .robot-detail-list .container .buttons {
        justify-content: flex-start;
        margin-top: 30px
    }

    .robot-detail-list .container .button {
        font-size: .875rem;
        min-height: 48px;
        min-width: 160px
    }

    .robot-detail-list .container .thumb {
        align-items: center;
        flex-shrink: 0;
        margin-bottom: 0
    }

    .robot-detail-list .thumb {
        margin-bottom: 30px
    }

    .robot-detail-list .thumb img {
        width: auto;
        max-width: 100%;
    }

    .robot-detail-list .name {
        font-size: 1.625rem;
        margin-bottom: 10px
    }

    .robot-detail-list .desc {
        font-size: .9375rem
    }

    .robot-detail-list .tag-list {
        gap: 10px 16px
    }

    .robot-detail-list .tag-list>li {
        font-size: .8125rem
    }

    .plan-flow {
        margin-bottom: 140px
    }

    .plan-flow .figure {
        margin-top: 45px
    }

    .plan-others {
        padding: 80px 0 95px
    }

    .plan-layout .figure {
        border-radius: 4px;
        padding: 30px
    }

    .plan-layout .tag {
        border-radius: 2px;
        font-size: 1rem;
        right: 30px;
        top: 30px
    }

    .plan-support {
        margin-top: 140px;
        padding: 1px 0 140px
    }

    .robot-header {
        align-items: center;
        flex-direction: row;
        padding-bottom: 5vw;
        padding-top: 225px
    }

    .robot-header .text-wrap {
        margin: 0 auto
    }

    .robot-header .visual {
        margin-left: auto
    }

    .robot-header .visual img {
        width: 50vw
    }

    .robot-header .category {
        font-size: 1.875vw
    }

    .robot-header .shoulder {
        font-size: 2.03125vw;
        margin-bottom: 1.953125vw
    }

    .robot-header .name {
        font-size: 3.28125vw;
        margin-bottom: 1.953125vw
    }

    .robot-header .desc {
        font-size: 1.40625vw
    }

    .robot-header .buttons {
        margin-top: 2.734375vw
    }

    .robot-header .button {
        min-height: 5.078125vw;
        min-width: 21.09375vw
    }

    .robot-header .button,
    .robot-header .button .icon-document {
        font-size: 1.40625vw
    }

    .robot-header .visual {
        transform: translateX(100px)
    }

    .robot-intro,
    .robot-mivie,
    .robot-movie
    {
        padding-top: 110px
    }

    .robot-intro .container {
        align-items: center;
        flex-direction: row;
        justify-content: space-between;
    }

    .robot-intro .text-wrap {
        white-space: nowrap
    }

    .robot-intro .section-heading {
        font-size: 1.625rem;
        margin-bottom: 25px
    }

    .robot-intro .desc {
        font-size: 1.125rem;
        line-height: 1.8888888889em
    }

    .robot-intro .desc .note {
        font-size: .8125rem
    }

    .example-detail {
        display: flex
    }

    .example-detail .wrap-main {
        flex-grow: 1;
        margin-right: auto
    }

    .example-detail .wrap-sub {
        border-left: 1px solid var(--color-secondary-bdr);
        flex: none;
        margin-left: 40px;
        max-width: 421px;
        padding-left: 40px;
        width: 32.890625vw
    }

    .example-detail .layout .desc {
        font-size: .9375rem;
        margin-bottom: 1em
    }

    .example-detail .image {
        margin-bottom: 30px
    }

    .example-detail .data dt {
        font-size: .875rem
    }

    .example-detail .data dd {
        font-size: .9375rem
    }

    .example-detail .data dd+dt {
        margin-top: 1.75em
    }

    .robot-lineup {
        padding-bottom: 150px
    }

    .robot-lineup .link-nav {
        margin-top: 40px
    }

    .robot-lineup .link-nav a {
        font-size: 1.125rem
    }

    .robot-lineup-list {
        flex-direction: row;
        flex-wrap: wrap;
        gap: 20px
    }

    .robot-lineup-list .item {
        flex: none;
        width: calc(50% - 10px)
    }

    .robot-lineup-list .item.is-full {
        width: 100% !important
    }

    .robot-lineup-list .item.is-full .inner {
        align-items: center;
        flex-direction: row-reverse
    }

    .robot-lineup-list .item.is-full .inner .thumb {
        margin-bottom: 0
    }

    .robot-lineup-list .name {
        margin-bottom: 20px
    }

    .robot-lineup-list .inner {
        border-radius: 4px;
        padding: 40px 45px
    }

    .robot-lineup-list .inner .text-wrap {
        margin-right: 7.8125vw;
        text-align: left
    }

    .robot-lineup-list .inner .name {
        font-size: 1.625rem;
        margin-bottom: 20px
    }

    .robot-lineup-list .inner .thumb {
        margin-bottom: 15px
    }

    .robot-lineup-list .inner .thumb img {
        max-width: 250px
    }

    .robot-lineup-list .inner .desc {
        font-size: 1.125rem
    }

    .robot-lineup-list .inner .open .button {
        font-size: 16px;
        min-height: 36px;
        min-width: 100px
    }

    .robot-lineup-list .inner .open .button .icon-plus {
        font-size: .625rem;
        margin-left: 8px
    }

    .robot-lineup-list .inner .more .button {
        font-size: 14px;
        min-height: 48px;
        min-width: 160px
    }

    .robot-lineup-list .cover {
        padding: 40px 45px 45px
    }

    .robot-lineup-list .spec {
        border-radius: 5px;
        padding: 15px 30px
    }

    .robot-lineup-list .spec .name {
        font-size: 1.625rem;
        margin-bottom: 5px
    }

    .robot-lineup-list .spec .data-container {
        padding: 0 15px
    }

    .robot-lineup-list .spec .data {
        display: grid;
        font-size: .9375rem;
        grid-template-columns: auto 1fr;
        margin-bottom: auto;
        width: 100%
    }

    .robot-lineup-list .spec .data dt {
        padding: 5px 30px 5px 0
    }

    .robot-lineup-list .spec .data dd {
        border-top: 1px solid #fff3;
        padding: 5px 0
    }

    .robot-lineup-list .spec .close {
        margin-top: 10px
    }

    .robot-lineup-list .spec .close .button {
        font-size: .875rem
    }

    .robot-lineup-list .spec .close .button .icon-plus {
        font-size: .625rem;
        margin-left: 5px
    }

    .robot-plan {
        padding: 80px 0 3px
    }
}

@media screen and (max-width:767.98px) {
    .header .site-nav .nav-robot-items > li {
        background: none;
    }
    .header .site-nav .nav-robot-parent .nav-robot-inner {
        background: #fff;
        padding: 10px 20px;
    }
    .header .site-nav .nav-robot-items_img {
        flex: 0 0 50px;
    }
    .header .site-nav .nav-robot-ttl {
        font-size: 16px;
        color: #000;
    }
}

@media print,
screen and (min-width:992px) and (max-width:1199.98px) {
    .u-hide-only-lg {
        display: none !important
    }
}

@media print,
screen and (min-width:992px) and (max-width:1399.98px) {
    .u-hide-between-lg-xl {
        display: none !important
    }
}

@media print,
screen and (min-width:992px) {
    .u-hide-up-lg {
        display: none !important
    }
}

main{position: relative;overflow: hidden;}
.header{transition: all ease 0.3s;}
#home .header.active,
.header.active{padding: 0;border-radius: 0;}
.header.active .inner{border-radius: 0;}

.mb-140{margin-bottom: 140px;}
.topic-list__heading li:not(:first-child){display: none;}

.induction-nav.wp{font-size: 62.5%;}
.induction-nav.wp .c-heading.is-outline{opacity: 1;}
.induction-nav.wp .nav.is-photo{position: relative;}
.induction-nav.wp .headings{margin-bottom: 18px;}
.induction-nav.wp .heading-en{margin-bottom:30px;}
.induction-nav.wp .heading-ja{font-size: 2.6em;}
.induction-nav.wp .desc{font-family: var(--family-nts);font-size: 1.6em;margin-bottom: 22px;}
.induction-nav.wp .cta{text-align: center;height: 54px;border: 1px solid #FFF;border-radius: 999px;display: flex;align-items: center;justify-content: center;padding: 10px 30px;font-size: 1.6em;}
.induction-nav.wp .nav .photo { background: 50% no-repeat; background-size: cover; height: 100%; left: 0; position: absolute; top: 0; transition: transform .25s var(--ease-in-out-sine); width: 100%; z-index: 0 }

.induction-nav.wp .nav.is-photo .photo.is-faq{background: url('../../assets/img/common/ft_img1.jpg') no-repeat center /cover;padding-top: 0;}
.induction-nav.wp .nav.is-photo .photo.is-contact{background: url('../../assets/img/common/ft_img2.jpg') no-repeat center /cover;}
.induction-nav.wp .nav.is-photo .photo::before{content: ""; display: block; height: 100%; left: 0; position: absolute; top: 0; transition: background-color .5s ease; width: 100%; z-index:0; mix-blend-mode:multiply}
.induction-nav.wp .nav.is-photo .photo.is-faq::before { background-color: #3B4C67 !important;}
.induction-nav.wp .nav.is-photo .photo.is-contact::before { background-color: rgba(125, 21, 40, 0.8) !important; }

.induction-nav.wp.no_photo a{padding-bottom: 20px;}




/* TOPIC_PATH */
#topic_path ul{display: flex; align-items: center;}
#topic_path li{display:inline;position: relative;font-size:.875rem;white-space: nowrap;}
#topic_path li:not(:last-child){padding-right: 35px;}
#topic_path li:not(:last-child)::after{content:"";position:absolute;width:6px;height:10px;background:url('../../assets/img/common/topic_path_ic.png') no-repeat center /cover;display: inline-block;pointer-events: none;right: 15px; top: calc(50% - 5px);}
#topic_path li a{color: var(--color-primary); text-decoration: underline;}


/* TOP Animation*/
#home.top .headline-topics,#home.top.is-animate .header, #home.top.is-animate .header-lang-nav{transition-delay: 0.8s;}
#home.top .home-hero .content *{transition-delay:  0.2s !important;}
#home.top.is-animate .home-hero .loading{width: 100%;opacity: 0; transition: all 0.3s !important;}
#home.top.is-animate.home-hero .bg:after{display: block;}


.reason-list{gap: 32px;}
.reason-list .text-wrap {padding: 30px 20px 20px;}
.reason-list .text-wrap:not(:first-child){padding: 20px 20px 26px;}
.reason-list .step{font-size: 0.875rem;width: 80px; height: 27px;background-color: #FFF;display: flex; justify-content: center;align-items: center;color: #3B4C67;font-family: var(--family-nts-W4); position: relative;margin-bottom: 15px;clip-path: polygon(calc(100% - 10px) 0, 0 0, 0 100%, calc(100% - 10px) 100%, 100% 50%);padding-right: 10px;}
.reason-list .sub-heading{font-size: 1.25rem;}
.reason-list .desc {font-size: .9375rem}
.reason-list .arrow{position: relative; text-align: right; padding-right: 40px;}
.reason-list .icon-arrow { bottom: 2px; font-size: 0.765rem; height: 26px; right: 0; width: 26px }
.solution-feature.is-inview .visual{margin: -40px 0 0 30%}

.solution-result{margin-bottom: 108px;}
.solution-result.is-inview .visual{margin:24px -55px 0 0;}
.solution-result .heading{margin-bottom: 13px;}

#plan-standard .plan-others .tns-controls,
#plan-standard .plan-others .tns-nav{display: none !important;}




.headline-topics .topic-list .cate{font-size: 1.2rem;display: inline-block;padding: 3px 10px 4px;line-height: 1.2;border-radius: 999px;flex-shrink: 0;margin-right: 24px;border: 1px solid #FFF;}
.headline-topics .topic-list .title{font-size: 1.6rem;font-weight: 500;}


.ft_contact{padding: 100px 0 104px;position:relative; z-index: 5;}
.ft_contact::before{/*background-color: #313945;*/ background-color: #545e6d; content: ""; display: block; height: 100%; left: 0; position: absolute; top: 0; transition: all .5s ease; width: 100%; z-index: 1;/*opacity: 0.8;*/mix-blend-mode: multiply;}
.ft_contact::after{content: "";position: absolute;background:url('../../assets/img/common/ft_contact_bg.jpg') no-repeat center /cover; height: 100%; left: 0; position: absolute; top: 0; transition: all 0.3s; width: 100%; z-index: 0;}
.ft_contact *{color: #FFF !important;}
.ft_contact .c-inner{z-index: 3; position: relative;}
.ft_contact_des{font-size: 1.0416666vw;margin-bottom: 50px;text-align: center;}
.ft_contact_h2{font-family: var(--family-nts); text-align: center; margin-bottom: 35px; letter-spacing: 0;line-height: 1.5;font-weight: 500;}
.ft_contact .btn a{width: 22.969vw;height: 4.167vw;font-size: 1.145833vw;display: flex;justify-content: center;align-items: center;border-radius: 999px;box-shadow: 0 0 6px rgba(0, 0, 0, 0.16);text-decoration: none;}
.btn_red a{background-color: var(--color-primary)}
.btn_blue a{background-color: #3B4C67;}
.top_mv_btn .btn a span{padding: 0;}
.top_mv_btn .btn a span::after{display: none;}
.header .action-nav .button span{padding: 0;margin: 0;}
.footer .action-nav .button span{margin: 0;}
.ft_contact_btn .btn a span{padding: 0;}
.ft_contact_btn .btn a span::after{display: none;}

.center{text-align: center;}
.top_sec6_l{padding: 63px 20px 66px;display: flex;justify-content: center;align-items: center;background-color: #F2F3F4;}
.top_sec6_cta{background-color: #FFF;padding: 42px 20px 0;width: 542px;cursor: pointer;}
.top_sec6_cta .img{margin-bottom: 17px;}
.top_sec6_cta .desc{line-height: 1.9;position: relative;margin-bottom: 20px;}
.top_sec6_cta .desc::after{content: ""; display:block; width: 64px; height: 64px;background: url('../img/home/top_sec6_cta_ic.svg') no-repeat center /cover; margin: 0 auto;}


.list01:not(:last-child){margin-bottom: 15px;}
.list01 li{padding-left: 17px;position: relative;line-height: 1.9;}
.list01 li::before{content: "";position: absolute;width: 4px;height: 4px;background-color: var(--color-primary);border-radius:50%;left: 6px;top: 14px;}

.qa_module{max-width: 850px; margin: 0 auto;}
.qa_module:not(:last-child){margin-bottom: 40px;}
.qa_module dl{border-bottom: 1px solid #707070;}
.qa_module dl:first-child{border-top: 1px solid #707070;}
.qa_module dl dt,.qa_module dl dd{position: relative;display: flex;font-size: 1.125rem;padding: 22px 0 18px;transition: all 0.3s;line-height: 1.6;align-items: center;}
.qa_module dl dt span,.qa_module dl dd span{width: 42px;height: 42px;display: flex;justify-content: center;align-items: center;color: #FFF;font-size: 1.25rem;border-radius: 50%;flex-shrink: 0;margin-right: 22px;margin-bottom: auto;}
.qa_module dl dt span{background-color:#3B4C67;}
.qa_module dl dd span{background-color: var(--color-primary);}
.qa_module dl:not(.active) dd{height: 0;padding-top: 0;padding-bottom: 0;}
.qa_module dl dt{cursor: pointer;letter-spacing: 0.05rem;padding: 21px 40px 19px 0;}
.qa_module dl.active dt::after{transform: rotate(-90deg);opacity: 0;}
.qa_module dl dt::before,.qa_module dl dt::after{content: "";position: absolute; background-color: #222323;transition: all 0.3s;}
.qa_module dl dt::before{right: 20px; top: calc(50% - 1px);width: 15px; height: 2px; }
.qa_module dl dt::after{right: 26px; top: calc(50% - 7px);height: 15px; width: 2px;}
.qa_module dl dd{overflow: hidden;padding-top: 20px;padding-bottom: 15px;}
.qa_module dl dd::before{content: ""; position: absolute; width: 100%; height: 1px;background: url('../img/qa_line.png') repeat; top: 0; left: 0;}
.robot_issues_col li{border-radius: 4px;padding: 35px 30px 25px;background-color: #FFF;box-shadow:0 0 0 1px inset var(--color-secondary-bdr)}
.robot_issues_col li .tt{font-size: 120%;}
.robot_issues_col li .box .img{flex-shrink: 0; width: 200px;display: flex; justify-content: center;align-items: center;}
#robot-tsort-mas .norm-spec table{width: 100%;}


.cube_3col{display: grid;grid-template-columns: repeat(3,1fr);grid-gap: 20px;margin-top: 30px;}
.cube_3col li{background-color: #fff; border-radius: 6px; box-shadow: 0 0 0 1px inset var(--color-secondary-bdr); text-decoration: none}
.cube_3col li .box{padding: 9px 29px 18px;}
.cube_3col li .box .tt{font-size: 1.25rem;font-weight: 500;color: var(--color-primary);margin-bottom: 13px;line-height: 1.5;min-height: 40px;}
.cube_3col li .box .des{line-height: 2.05;font-size: 0.9375rem;}

.cube_sort_cat{display: flex;justify-content: center;align-items: center;padding: 20px 15px;background-color: rgb(184, 184, 184,.1);margin: 29px 0 40px;}
.cube_sort_cat li{background-color: #FFF;font-size: 1.25rem;font-weight: 500;text-align: center;box-shadow: 0 10px 20px rgba(0, 0, 0, 0.04);width: 210px;padding: 10px 10px 8px;border-radius: 6px;cursor: pointer;position: relative;}
.cube_sort_cat li:not(:last-child){margin-right: 22px;}
.cube_sort_cat li img{display: block;margin: 0 auto 10px;}
.cube_sort_cat li.active{box-shadow: 0 0 0 2px inset var(--color-primary);color: var(--color-primary);}
.cube_sort_cat li.active::after{content: "";position: absolute;width: 24px;height: 24px;background: url('../../assets/img/cube/cube_check.svg') no-repeat center /cover;z-index: 1;top: 12px;left: 12px;border-radius: 50%;background-color: #FFF;}

.cube_sort_list{display: grid;grid-template-columns: repeat(3,1fr);grid-gap: 30px;margin-bottom: 50px;}
.cube_sort_list dl{background-color: #fff;border-radius: 4px;box-shadow: 0 0 0 1px inset var(--color-secondary-bdr);}
.cube_sort_list dl .cat{font-size: 0.875rem;display: inline-block;padding: 0px 14px;border: 1px solid var(--color-primary);margin-bottom: 5px;color: var(--color-primary);}
.cube_sort_list dl .tt{font-size:1.25rem;font-weight: bold;margin-bottom: 10px;color: #000000;}
.cube_sort_list dl .des{font-size: 0.9375rem;line-height: 1.4;}
.cube_sort_list dl dd{padding: 0.5vw 1vw 1vw;}

.cube_2col{display: grid;grid-template-columns: repeat(2,1fr);grid-gap: 40px;width: 100%;margin-bottom: 50px;}
.cube_2col dl {
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 0;
}
.cube_2col dt {
  margin: 0;
  padding: 0;
  margin-bottom: 25px;
  display: flex;
  align-items: flex-start;
}
.cube_2col dt .dt_content {
  width: 100%;
  display: block;
}
.cube_2col dd {
  margin: 0;
  padding: 0;
}
.cube_2col dl dd.bor{border: 1px solid var(--color-secondary-bdr);overflow: hidden;}
/* .cube_2col dl dd iframe{margin-bottom: -6px;width: 100%;} */

.cube_2col dd img,
.cube_2col dd iframe {
  width: 100%;
  aspect-ratio: 4 / 3; 
  height: 100%;   
  display: block;
  object-fit: cover; 
}

.cube_application{margin-bottom: 100px;}
.cube_application .des{font-size: 1.25rem;}

.mb5{margin-bottom: 5px;}
.cube_2col .list01 li{line-height: 1.4;}
.cube_video video{width: 100%;height: auto;max-width: 900px;margin: 0 auto;}

.cube_sort_list dl dt{position: relative;}
.cube_sort_list dl .img1,.cube_sort_list dl .img2{transition: all 0.3s;}
.cube_sort_list dl .img2{opacity: 0;position: absolute;top: 0;left: 0;}


/* airRob */
.f11{font-size: 0.6875rem;}
.f15{font-size: 0.9375rem;}
.f18{font-size: 1.125rem;}
.f20{font-size: 1.25rem;}
.f22{font-size: 1.375rem}
.f23{font-size: 1.4375rem;}
.f28{font-size: 1.4375rem;}

.mw444_pc{max-width: 444px;}


.icon-media{background: url('../../assets/img/robot/airrob/icon-media.svg') no-repeat center /cover;width: 29px;height: 24px;}
.airrob_usage .list01 li::before{background-color: var(--color);top: 11px;}
.airrob_usage table{border-collapse: collapse;border-spacing: 0;border: none;text-align: center;max-width: 1060px;margin: 0 auto;}
.airrob_usage table th,
.airrob_usage table td{border:1px solid #707070;padding: 11px 8px;font-weight: 600;line-height: 1.4;}
.airrob_usage table th{font-size: 1rem;font-weight: 600;background-color: rgba(187, 18, 51,0.2);}

.airrob_usage table .sm{font-size: 0.9375rem;font-weight: 500;}
.airrob_usage table .sm1{font-weight: 500;}
.airrob_usage table .min{font-size:0.6875rem;}
.airrob_usage table .tt{font-size: 1.4375rem;font-weight: 600;text-align: center;line-height: 1.6;}
.airrob_usage table .num{font-size: 1.125rem;font-weight: bold;}
.airrob_usage table th{width: 210px;}
.airrob_usage table td{width: 170px;}
.airrob_usage table th .img{margin-bottom: 5px;}
.airrob_usage table tr.ver_top td{vertical-align: top;text-align: left;}
.airrob_usage table .list01 li{font-weight: 500;line-height: 1.5;}
.airrob_usage .des{margin-bottom: 35px;}

.airrob_workstation_2col{display: grid;grid-template-columns: repeat(2,1fr);grid-gap: 20px;}
.airrob_workstation_2col dl{border-radius: 4px;border: 1px solid #3B4C67;}
.airrob_workstation_2col dl dt{color: #FFf;font-weight: bold;font-size: 1.375rem;background-color: var(--color);text-align: center;padding: 8px 10px;}
.airrob_workstation_2col dl dd{padding: 3vw 1vw 1.3vw;}
.airrob_workstation_2col dl dd .img{margin-bottom: 23px;}
.airrob_workstation_2col dl dd .list01{padding-left: 10px;}
.airrob_workstation_2col dl dd .list01 li:not(:last-child){margin-bottom: 4px;}
.airrob_video_box{display: flex;justify-content: center;}
.airrob_video_box iframe{aspect-ratio: 16/9;width: 100%;height: auto;max-width: 880px;}
.airrob_bnn .c-button{margin: 40px auto 0 auto;display: flex;width: 440px;height: 80px;border-radius: 999px;max-width: 100%;font-size: 1.375rem;padding-bottom: 4px;}
.airrob_workstation .c-heading{margin-bottom: 20px;}

.feature-list .item .imgfix{height: 160px;display: flex;justify-content: center;align-items: flex-end;}
.feature-list.feature-list02 .heading{color: var(--color);}

.tsort_mas_pick{outline: 1px solid rgba(59, 76, 103,0.4);outline-offset: -1px;border-radius: 4px;overflow: hidden;width: max-content;margin: 0 auto;max-width: 100%;}
.tsort_mas_pick:not(:last-child){margin-bottom: 40px;}
.tsort_mas_tt{font-size: 1.25rem;margin-bottom: 10px;font-weight: 600;line-height: 1.4;}
.robot_flow_note{font-size: 0.75rem;font-weight: 500;text-align: right;margin-top: 2px;}
.plan-flow.mb0{margin-bottom: 0 !important;}

.robot-ytb{display: flex;justify-content: center;}
.robot-ytb:not(:last-child){margin-bottom: 30px;}
.robot-ytb iframe{aspect-ratio: 16/9;width: 100%;height: auto;max-width: 880px;}
.robot-ytb.full iframe{max-width: 100%;}

.tsort3d_ttl1{font-size: 1.5rem;color: #313945;font-weight: 600;text-align: center;position: relative;padding-bottom: 41px;margin-bottom: 19px;}
.tsort3d_ttl1::after{content: "";position: absolute;width: 100%;height: 23px;background: url('../img/robot/t-sort-3d/tsort3d_ttl1_line.svg') no-repeat top center;bottom: 0;left: 0;}
.tsort3d_ttl1 span{display: inline-block;padding: 6px 7px 7px;border:2px solid var(--color);border-radius: 4px;margin-right: 8px;font-weight: bold;}

.airrob_workstation_2col:not(:last-child){margin-bottom: 70px;}
.airrob_workstation_2col .box-flex .img{width: 200px;flex-shrink: 0;margin: 0 20px 0 0}
.airrob_workstation_2col.fw500 *{font-weight: 500;}
.airrob_workstation_2col.tsort3d dl dd .list01{padding-left: 0;}
.airrob_workstation_2col.tsort3d dl dd .box-flex .list01:not(:last-child){margin-bottom: 8px;}
.airrob_workstation_2col.tsort3d dl dd .list01:not(:last-child){margin-bottom: 20px;}
.airrob_workstation_2col.tsort3d dl dd .list01 li{line-height: 1.6;}
.airrob_workstation_2col.tsort3d dl dd .list01 li::before{background: var(--color);top: 11px;}
.airrob_workstation_2col.tsort3d dl dd{padding: 1.55vw;}
.red{color: var(--color-primary);}
.txt-note{position: relative;padding-left: 20px;font-size: 12px;font-weight: 500;line-height: 1.4;}
.txt-note::before{content: '※';position: absolute;width: 20px;top: 0;left: 0;}
.btn_primary a{width: 160px;height: 48px;display: flex;justify-content: center;align-items: center;border-radius: 999px;background-color: var(--color-primary);color: #FFF !important;text-align: center;padding: 10px 20px;text-decoration: none;}
.btn_primary a:hover{background-color: var(--color-primary-hover);}
.btn_primary.center a{margin-left: auto;margin-right: auto;}
.img-center:not(:last-child){margin-bottom: 30px;text-align: center;}

table { border-collapse: collapse; border-spacing: 0; border: none; }
.tsort3d_table_box{margin-bottom: 5px;}
.tsort3d_table{max-width: 800px;margin: 0 auto 100px;}
.tsort3d_table table{border-collapse: unset;border: 0; overflow: hidden;width: 100%;border: 1px solid var(--color);border-radius: 4px;}
.tsort3d_table table:not(:last-child){margin-bottom:20px;}
.tsort3d_table table th.w22{width: 22.5%;min-width: 225px;}
.tsort3d_table table th{background:var(--color);color: #FFF;border-color: #D4D4D4;font-weight: 600;}
.tsort3d_table table td{border:1px solid #D4D4D4;background:#fff;font-weight: 500;}
.tsort3d_table table th,.tsort3d_table table td{padding: 15px 20px;vertical-align: middle;}
.tsort3d_table table .bg02{background-color: #F2F3F4;color: var(--color);}
.tsort3d_table table.td_top td{vertical-align:top}
.tsort3d_table table.tb_fix{ table-layout: fixed;}
.tsort3d_table table img{display:block;margin:auto;}
.tsort3d_table table tr th:first-child{border-left-color: #707070;}
.tsort3d_table table tr th:last-child{border-right-color: #707070;}
.tsort3d_table table tr td:not(:last-child){border-right: 0;}
.tsort3d_table table tr td:last-child{border-right: 0;}
.tsort3d_table table tr:last-child td,.tsort3d_table table tr:last-child th{border-bottom: 0;}
.tsort3d_table table tr:not(:last-child) th,.tsort3d_table table tr:not(:last-child) td{border-bottom: 0;}
.tsort3d_table table tr th:not(:last-child){border-right: 1px solid #FFF;}
.tsort3d_table table tr th.bg02{border-color: var(--color);}
.tsort3d_table table tr th.bg02 + td{border-left: 0;}
.tsort3d_table table tr:not(:first-child) th.bg02{border-top: 1px solid #d4d4d4;}
.tsort3d_table table tr:nth-child(2) th.bg02{border-top: 0;}
.tsort3d_table .note{font-size: 0.75rem;text-align: right;}
.tsort3d_table .note .min{font-size: 70%;display: inline-block;transform: translateY(-5px);}
.txt_note{font-size: 0.75rem;text-align: right;}
.img-center.mb10{margin-bottom: 10px;}
.tsort3d_table .sys_note{font-size: 0.625rem;display: inline-block;transform: translateY(-8px);margin-left: 3px;}
.footer .shareholders{display: none !important;}

.header .site-nav .nav-items a .ja{font-size: 12px;font-weight: 500;display: block;line-height: 1.6;color: rgb(49, 57, 69,.5);}
.header .site-nav .nav-items a .en{font-size: 18px;font-weight: 600;display: block;line-height: 1.6;color: #313945;}
.header .site-nav .nav-items02 a .ja{color: rgb(49, 57, 69,.5) !important;}
.header .site-nav .nav-items02 a .en{color: #313945 !important;}
.header .site-nav .nav-items02 a{min-width: 290px;min-height: 64px;background-color: #FFF; }
.header .site-nav .nav-items_img{margin-right: 10px;}
.header .site-nav .nav-items02 a::before{display: none;}
.faq_more{text-align: center;font-size: 1.125rem;padding-left: 35px;position: relative;width: fit-content;margin: 0 auto;cursor: pointer;}
.faq_more::before{content: "";position: absolute;width: 24px;height: 24px;background: url('../img/common/faq_more_ic.png') no-repeat center top 5px/10px;border-radius: 50%;border:1px solid #313945;left: 0;top: calc(50% - 12px);}


.study_result_list{display: flex; flex-wrap: wrap;justify-content: center;}
.study_result_list:not(:last-child){margin-bottom: 40px;}
.study_result_list dl{border: 1px solid rgba(49, 57, 69, 0.3);border-radius: 4px;overflow: hidden;transition: all 0.3s;position: relative;}
.study_result_list dt{width: 100%; height: 195px;display: flex; justify-content: center; align-items: center; overflow: hidden;background-color: var(--scolor);position: relative;}
.study_result_list dt img{display: block; max-width: 100%;transition: all 0.3s;}
.study_result_list dd{padding: 14px 21px 16px;background-color: #FFF;}
.study_result_list dd .tt{font-size: 0.9375rem;margin-bottom: 15px;text-overflow:ellipsis;overflow:hidden;display: -webkit-box;-webkit-line-clamp:1;-webkit-box-orient: vertical;}
.study_result_list dd .des{font-size: 1.25rem;line-height: 1.6;margin-bottom:7px;text-overflow:ellipsis; overflow:hidden;  display: -webkit-box; -webkit-line-clamp:3; -webkit-box-orient: vertical;font-weight: 500;}
.study_result_list dl .btn a{max-width: calc(100% - 20px);}

.top_sec4_list:not(:last-child){margin-bottom: 40px;}
.top_sec4_list dl{position: relative;z-index: 2;padding-bottom: 0 !important;min-height: auto !important;}
.top_sec4_list dl::after{content: "";position: absolute; width: 100%; height: calc(100% - 229px);bottom: 0;left: 0;background-color: #FFF; z-index: -1;}
.top_sec4_list dl dd{padding-bottom: 30px;}
.top_sec4_list dl dd .ico{background-color: #FFF;width: 120px;height: 80px;display: flex;justify-content: center;align-items: center;padding: 2px;margin-top: -54px;box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 10px 0px;margin-bottom: 15px;position: relative;z-index: 2;}
.top_sec4_list dl dd .ico img{max-width: 90%;}
.top_sec4_list dl dd .tt{font-size: 1.125rem;font-weight: 500;margin-bottom:13px;}
.top_sec4_list dl dd .des{font-weight: 400;font-family: var(--family-nts);line-height: 1.6;font-size: 0.9375rem;margin-bottom: 0;}
.top_sec4_list dl dd .study_cate{display: flex;flex-wrap: wrap;}
.top_sec4_list .study_cate > li{margin:2px 2px 3px;font-size: 0.6875rem;}
.robot-lineup-list{margin-bottom:50px;}

.robot_video_frame{background-color: #F2F3F4;}
.robot_video_frame .box_l{padding: 28px 6%;background-color: #FFF;position: relative;}
.robot_video_frame .box_l a::after{content: "";display: block;width: 32px;height: 32px;border-radius: 50%;background: url('../../assets/img/robot/t-sort/ic_arrow_wh.png') no-repeat center /contain  var(--color-primary);margin: 0 auto;}
.robot_video_frame .tt{font-size: 2rem;font-weight: bold;color: var(--color-primary);text-align: center;margin-bottom: 13px;}
.robot_video_frame .des{font-weight: 500;text-align: center;margin-bottom: 10px;line-height: 2;}
.robot_video_frame > div{width: 46%;max-width: 460px;}
.robot_video_frame a{text-decoration: none;}


.list01_2col{display: grid;grid-template-columns: repeat(2,1fr);grid-gap: 2px;}
.list01_2col li{text-align: left;}
.plan-robot table .list01_2col li{letter-spacing: -.05rem;white-space: nowrap;}
.plan-robot table .list01_2col li::before{background-color: var(--color);}
.plan-robot table,.u_table{margin-bottom: 10px;}
.plan-robot table td,.u_table td{background:#fff;}
.plan-robot table th,.u_table th,
.plan-robot table td,.u_table td{border: 1px solid #C1C0C0;line-height: 1.4;}
.plan-robot table td,.u_table td{padding: 5px 5px !important;text-align: center !important;}
.plan-robot table img,.u_table img{display:block;margin:auto;}
.plan-robot table .tt1,.plan-robot table .tt2{background-color: var(--color);color:#FFF;font-size: 1.25rem;font-weight: 600;padding: 7px 5px;border-bottom: 0;}
.plan-robot table .tt2{background-color: #5b606a;line-height: 1.4;border-top: 0;}
.plan-robot table .tt3{background-color: #f2f3f4;line-height: 1.4;}
.plan-robot table tr td:first-child:not(.center){text-align: left;padding: 10px;}
.plan-robot table .note{font-size: 0.625rem; transform: translateY(-8px); display: inline-block; }
.plan-robot table .img{padding:10px 5px}
.plan-robot table .nowrap{white-space: nowrap;}
.plan-robot-note{font-size: 0.75rem;}
.w330{width: 330px;}
.w250{width: 250px;}
.w220{width: 220px;}
.w200{width: 200px;}
.robot-plan .plan-list .inner{background-color: #FFF;box-shadow: 0 0px 3px rgba(0, 0, 0, 0.16);}
.plan-list{width: 100%;}
.tabs_tt{color: #FFF;font-weight: bold;text-align: center;padding: 10px 20px;background-color: var(--color-primary);margin-bottom: 0;border-radius: 3px 3px 0 0;}
.sys_star{font-size: 70%;display: inline-block;transform: translateY(-10px);}
.feature-list:not(:last-child){margin-bottom: 10px;}
.u_table{width: 100%;max-width: 800px;margin-left: auto;margin-right: auto;}
.u_table th{background-color: #F2F3F4;color: var(--color);}
.u_table .w25{width: 25%;}
.u_table .w35{width: 35%;}
.u_table .w45{width: 45%;}
.u_table .w40{width: 40%;}
/* DEV PC */

@media screen and (min-width: 768px) {
    .sp{display: none !important;}
    .induction-nav.wp .nav.is-photo:hover .photo.is-contact::before,.induction-nav.wp .nav.is-photo:hover .photo.is-faq::before{opacity: 0.84;}
    .induction-nav.wp .nav.is-photo a:hover .cta,.induction-nav.wp.no_photo a:hover .cta{background-color: #fff; color: var(--color-primary-hover);}
    .induction-nav.wp .nav.is-photo:hover .cta{background-color: #fff; color: var(--color-primary);}
    .induction-nav.wp .nav.is-photo:nth-of-type(1):hover .cta{color: var(--color-secondary-hover);}

    #topic_path{margin-bottom: 37px;}
    #topic_path ul{padding: 0 40px}
    #topic_path li a:hover{text-decoration: none;}
    .topic_path_html{position: absolute; left: 0; top: 140px; width: 100vw; z-index: 2;}

    #topic_path.white li,#topic_path.white li a{color: #FFF;}
    #topic_path.white li:not(:last-child)::after{background:url('../../assets/img/common/topic_path_ic_w.png') no-repeat center /cover;}

    .header .action-nav .nav-download .button{background-color: #3B4C67;min-width: 224px;}
    html.hover .header .action-nav .nav-download .button:hover{background-color: var(--color-secondary-hover);}

    /* 230829 */
    .reason-list .sub-heading.letter_min{letter-spacing: -0.1rem;}


    .solution-result .catch{margin-bottom: 35px; font-size: 1.8125rem; line-height: 1.65;}
    .solution-result .c-inner{display: flex;justify-content: space-between;padding-right: 20px;}
    .f-leter-1{letter-spacing: -.1rem !important;}


    .ft_contact_btn{display: flex; justify-content: center; align-items: center;}
    .ft_contact_btn > .btn:not(:last-child){margin-right: 42px;margin-bottom: 0;}


    .btn a[target="_blank"]{color: #FFF !important;}
    .btn a:hover,.info_detail .btn a:hover{background:var(--color-primary-hover); color: #FFF;}
    .btn_blue a:hover{background-color: var(--color-secondary-hover) !important;}
    .headline-topics .topic-list a:not([targert="_blank"]):hover{text-decoration: underline;}
    .top_sec6_box{display: flex; justify-content: space-between;}
    .top_sec6_r{order: 2;background: url('../img/home/top_sec6_img1.jpg') no-repeat center bottom /cover;}
    .top_sec6_l{order: 1;}
    .top_sec6_l,.top_sec6_r{width: 50%;}
    .top_sec6_cta{transition: all 0.2s;position: relative;}
    .top_sec6_cta::before,
    .top_sec6_cta::after{content:"";position: absolute;background:var(--color-primary);width: 0;height:2px;transition: all 0.2s linear;}
    .top_sec6_cta::before{right: 0;bottom: 0;}
    .top_sec6_cta::after{left: 0;top: 0;}
    .top_sec6_cta .top_sec6_cta_box::before,
    .top_sec6_cta .top_sec6_cta_box::after{content:"";position: absolute;background: var(--color-primary);width:2px;height:0;transition: all 0.1s linear;}
    .top_sec6_cta .top_sec6_cta_box::before{left: 0;bottom: 0;}
    .top_sec6_cta .top_sec6_cta_box::after{right: 0;top: 0;}
    .top_sec6_cta:hover::before,
    .top_sec6_cta:hover::after{width: 100%;}
    .top_sec6_cta:hover::after{transition-delay: 0s;}
    .top_sec6_cta:hover::before{transition-delay: 0.3s;}
    .top_sec6_cta:hover .top_sec6_cta_box::before,
    .top_sec6_cta:hover .top_sec6_cta_box::after{height: 100%;}
    .top_sec6_cta:hover .top_sec6_cta_box::before{transition-delay: 0.5s;}
    .top_sec6_cta:hover .top_sec6_cta_box::after{transition-delay: 0.2s;}

    .ft_contact_h2{font-size: 1.666666vw;}
    #topic_path li:last-child{max-width: 100%; display: inline-block; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

    /* .robot_mv{display: flex;align-items: center; justify-content: center;max-width: 90vw;}
    .robot_mv_content{margin-right: 5%;flex-shrink: 0;max-width: 50%;}
    .robot-intro_des{max-width: 400px;} */

    .robot_issues_col{display: grid;grid-template-columns: repeat(2,1fr);grid-gap: 20px;}
    .robot_issues_col li .box{display: flex;}
    .img_note{font-size: 0.8125rem;margin-top: 10px;}
    #robot-tsort-mas .robot-detail-list .container .text-wrap.w500{max-width: 500px;}
    .qa_module dl dt:hover{opacity: 0.7;}
    #robot-tsort-mas .robot-header .visual img{width: auto;}
    .plan-intro .section-heading{margin-bottom: 30px;}
    #robot-tsort-mas .robot-intro .figure{max-width: 49%;}
    .robot_issues_col li .tt{min-height: 61px;}
    #robot-tsort-mas .robot-header .text-wrap{margin-left: 106px;}
    #robot-tsort-mas .robot-header .visual{max-width: 53%;}
    .mw380_pc{max-width: 380px;}
    .norm-layout-cus{padding-top: 36px;}

    #cube .c-heading.is-underline{margin: 80px 0 29px;}
    #cube .cube_application .c-heading.is-underline{margin-top: 130px;}
    .cube_application .img{margin-bottom: 40px;}
    .cube_sort_cat li:hover{opacity: 0.7;}
    .cube_sort_list dl:hover .img2{opacity: 1;z-index: 2;}
    .cube_2col dl:nth-of-type(1) dt,
    .cube_2col dl:nth-of-type(2) dt{height: 90px;}
    .cube_2col dl:nth-of-type(3) dt,
    .cube_2col dl:nth-of-type(4) dt{height: 45px;margin-bottom: 15px;align-items: end;}
    .cube_application .img a:hover{opacity: 0.7;}

    .center_pc{text-align: center;}
    .feature-list.feature-list02 .inner{padding: 30px 19px 20px 22px;}
    .feature-list.feature-list02 .des{min-height: 76px;}
    .mb40pc{margin-bottom: 40px !important;}
    .l600r_video .list01 li{font-size:1.125rem;}
    .feature-list.feature-list02 .des{margin-bottom: -5px;}
    .feature-list.feature-list02 .heading{font-size: 1.375rem;margin-bottom: 10px;}
    .robot_flow_img0{margin-top: -18px;}
    .airrob_workstation_2col .box-flex{display: flex;}
    .norm-box .norm-left{padding-right: 15px;}
    .norm-box .norm-right{padding-left: 15px;}
    #robot-tsort-3d .robot-header .visual img{transform: translateX(-4vw);}
    .airrob_workstation_2colbtn dl{position: relative;padding-bottom: 50px;}
    .airrob_workstation_2colbtn .btn_primary{position: absolute;bottom: 30px;left: calc(50% - 80px);}
    .footer .legal-info{margin-top: 70px;}
    .header .site-nav .nav-items_box{min-height: 64px;display: flex;flex-direction: column;justify-content: center;padding-top: 5px;}
    .header .site-nav .nav-items02 a:hover{opacity: 0.7;}
    /* .header .site-nav .nav-items02 a:hover .ja{color: rgba(255, 255, 255, 0.5);}
    .header .site-nav .nav-items02 a:hover .en{color: #FFF;} */

    .study_result_list dl{max-width: calc((100% - 42px)/3);width: 346px;min-height: 434px;}
    .study_result_list dl:not(:nth-of-type(3n)){margin-right: 21px;}
    .study_result_list dl:not(:nth-of-type(-n + 3)){margin-top: 40px;}
    .study_result_list dl:hover .btn a{background:var(--color-primary-hover); color: #FFF;}
    .study_result_list dl:hover{box-shadow: 0 5px 10px rgba(0, 0, 0, 0.16); cursor: pointer;}
    .study_result_list dl:hover dt img{transform: scale(1.05);}
    .faq_more:hover{opacity: 0.7;}
    .robot_video_frame{display: flex;justify-content: space-between;padding: 40px;}
    .robot_video_frame .box_r{order: 2;}
    .robot_video_frame .box_l{order: 1;cursor: pointer;transition: all 0.2s;position: relative;}
    .robot_video_frame .box_l::before,
    .robot_video_frame .box_l::after{content:"";position: absolute;background:var(--color-primary);width: 0;height:2px;transition: all 0.2s linear;}
    .robot_video_frame .box_l::before{right: 0;bottom: 0;}
    .robot_video_frame .box_l::after{left: 0;top: 0;}
    .robot_video_frame .box_l .box::before,
    .robot_video_frame .box_l .box::after{content:"";position: absolute;background: var(--color-primary);width:2px;height:0;transition: all 0.1s linear;}
    .robot_video_frame .box_l .box::before{left: 0;bottom: 0;}
    .robot_video_frame .box_l .box::after{right: 0;top: 0;}
    .robot_video_frame .box_l:hover::before,
    .robot_video_frame .box_l:hover::after{width: 100%;}
    .robot_video_frame .box_l:hover::after{transition-delay: 0s;}
    .robot_video_frame .box_l:hover::before{transition-delay: 0.3s;}
    .robot_video_frame .box_l:hover .box::before,
    .robot_video_frame .box_l:hover .box::after{height: 100%;}
    .robot_video_frame .box_l:hover .box::before{transition-delay: 0.5s;}
    .robot_video_frame .box_l:hover .box::after{transition-delay: 0.2s;}
    #tns1{width: 100% !important;}
    #tns1 > .tns-item{cursor: pointer;}
    #tns1 > .tns-item:hover .more .link{opacity: 0.7;}
    /* DEV TABLET */
}
@media screen and (min-width: 768px) and (max-width: 1024px){
    .top_sec4_list dl dt{height: 17vw;}
    .top_sec4_list dl::after{height: calc(100% - 17vw);}
    .top_sec4_list dl dd .ico{width: 80px; height: 60px;margin-top: -40px;}


}
@media screen and (max-width: 1200px){
    .plan-robot-table .sticky{ position: sticky; left: 0px; background: white; z-index: 1;  box-shadow: inset 1px 0 0 #C1C0C0, inset -1px 0 0 #C1C0C0;border-left: 0;border-right: 0;width: 150px;}
    .plan-robot-table{overflow: scroll;}
}

@media print, screen and (min-width: 768px) and (max-width:1550px) {
    .header .logo{width:15vw;}
    .header .logo img{height: auto;transform: translateY(2px);vertical-align: top;}
    .header .inner{padding: 0 2vw;justify-content: space-between;}
    .header .action-nav .button{font-size: 1vw !important; min-width: 85px !important; min-height: 40px; width:10vw; white-space: nowrap;}
    .header .action-nav .button .label{margin: 0 0.5vw;}
    .header .site-nav{gap: 5px 2vw;}
    .header .action-nav{margin-left: 2vw;}
    .header .action-nav li span{margin: 0 auto;}

    /* 230829 */
    .reason-list .link{justify-content: flex-end;}
    .reason-list .text-wrap:nth-child(1){margin-bottom: auto;}
    .headline-topics .topic-list .title{font-size: 1.4rem;}
    .ft_contact_des{font-size: 1.4vw ;}
    #robot-tsort-mas .robot-header .text-wrap{margin-left: auto;}
    .header .site-nav .nav-items_img{width: 40px;}
    .header .site-nav .nav-items_box{padding-top: 2px;}
    .header .site-nav .nav-items_box,.header .site-nav .nav-items02 a{min-height: 50px;}
}

@media screen and (min-width: 768px) and (max-width: 1024px){
    .ft_contact .top_ttl_h2{font-size: 2.5vw;}
    .ft_contact .btn a{width: 300px; height: 60px;font-size: 1.8vw;}
    .header .site-nav>li>a{font-size:0.8125rem !important;white-space: nowrap;}
    .ft_contact_des{font-size: 1.6vw;}

    .cube_3col li .box .tt{font-size: 1.65vw;}
    .cube_3col li .box .des{font-size: 1.5vw;}
    .cube_sort_list{grid-gap: 2vw;}
    .cube_sort_list dl dd{padding: 2vw;}
    .cube_2col dl dd iframe{height: 33.3vw;}
    .cube_application .des{font-size: 1.85vw;}
    .cube_sort_list dl .tt{font-size: 2vw;}
    .cube_3col li .box{padding: 1vw 1.5vw 1.5vw;}

    .lang-nav>li+li:before, .lang-nav a{font-size: 0.75rem;}
    .header .site-nav>li>a{font-size: 0.8125rem;}

    .header .site-nav .nav-items a .ja{font-size: 12px;}
    .header .site-nav .nav-items a .en{font-size: 16px;}
}

@media print, screen and (min-width: 768px) and (max-width:900px) {
    .header .action-nav .button{font-size: 1.2vw; width: 9.5vw;}
    .header .action-nav li:not(:last-child){margin-right: 5px;}
    .header .site-nav{gap: 5px 1.5vw;}
    .header .site-nav .nav-parent:before{width: calc(100% + 20px); left: -10px;}
    .header .site-nav .nav-children{left: -10px;}
    .header .site-nav .nav-children2{left: -10px;}
    .header .logo img{transform: translateY(6px);}
    .header .logo{margin-right: -15px;}

    /* 230829 */
    .home-hero .desc{font-size: 2.5vw;}
    .solution-reason .heading{margin-left: 0;margin-bottom: 30px;}
    .reason-list .sub-heading{font-size: 2vw;min-height: 6.5vw;}
    .reason-list .text-wrap:not(:first-child){height: 100%; display: flex; flex-direction: column; justify-content: space-between;}
    .solution-reason:before{left: calc(50% - 410px);}
    .solution-result.is-inview .visual{margin: 0 auto;}
    .solution-result .c-inner{flex-direction: column; }

    .robot_issues_col li .box,#robot-tsort-mas .robot-detail-list .container,.airrob_workstation_2col .box-flex{display: block;}
    .robot_issues_col li .box .img{margin: 0 auto;}
    .airrob_workstation_2col .box-flex .img{margin: 0 auto 10px;}

    #robot-tsort-mas .norm-box{display: block;}
    #robot-tsort-mas .norm-layout{margin: 0 auto 30px auto;text-align: center;}
    #robot-tsort-mas .norm-spec,
    #robot-tsort-mas .norm-spec table{margin: 0 auto;}
    .sp_900{display: block !important;}
    .none_900{display: none !important;}
    #robot-tsort-mas .norm-spec{padding-left: 0;}
    #robot-tsort-3d .norm-spec th{min-width: 140px;flex-shrink: 0;}
    .norm-area-2col .norm-box{grid-template-columns: repeat(1,1fr);}
    .norm-area-2col .norm-box .norm-spec:not(:last-child){margin-bottom: 33px;}
    .norm-area-2col .norm-box .norm-spec table{width: calc(100% - 33px) !important;}
    /* .header .site-nav>li>a, .lang-nav>li+li:before, .lang-nav a{font-size: 0.9375rem !important} */
    .robot_issues_col li{padding-left: 20px;padding-right: 20px;}
    .airrob_workstation_2colbtn .btn_primary{bottom: 20px;}
}

@media screen and (max-width: 767px) {
    .pc{display: none !important;}
    .header{box-shadow:0 0 10px 0 rgba(0, 0, 0, 0.16);}
    .header .inner{width: 100vw;}
    .mb-140{margin-bottom:70px;}
    .induction-nav.wp{margin-top: 0;}
    .induction-nav.wp .nav.is-photo{min-height: 300px;}
    .induction-nav.wp .heading-en{transform: scale(0.7);margin-bottom: 0;}
    .induction-nav.wp .heading-ja{font-size: 19px;}
    .induction-nav.wp .desc{font-size: 13px;margin-bottom: 23px;}
    .induction-nav.wp .cta{width: 225px;font-size: 16px;}
    .induction-nav.wp .nav.is-photo .photo.is-faq{background: url('../../assets/img/common/ft_img1_sp.png') no-repeat center /cover;padding-top: 0;}
    .induction-nav.wp .nav.is-photo .photo.is-contact{background: url('../../assets/img/common/ft_img2_sp.png') no-repeat center /cover;}

    #topic_path{padding:0 20px;margin-bottom: 10px;}
    #topic_path.topic_path_html{margin: 2vw 0 12px 0;}
    #topic_path li{font-size: 0.75rem;}
    #topic_path li:not(:last-child){padding-right: 20px;}
    #topic_path li:not(:last-child)::after{right: 8px;}
    #cube .plan-header.is-tsort-light-apparel{margin-top: 10vw;}
    .header .action-nav .nav-download .button{background-color: #313945;margin-bottom: 15px;}
    /* 230829 */
    .home-hero .desc{max-width: 100%;}
    .solution-feature .visual{margin-bottom: 14.6666666667vw;text-align: center;}
    .solution-reason{overflow: initial;}
    .solution-reason::after{ background: linear-gradient(0deg, #FFF 50%, #b3243e 50%); content: "";top: -7.5vw; left: calc(50% - 1px); position: absolute; width: 1px; height: 15vw;}
    .reason-list .item{padding-top: 5vw;}
    .reason-list .arrow{font-size: 1rem;}
    .reason-list .sub-heading{font-size: 1.125rem;}
    .solution-feature.is-inview .visual{margin: 30px 20px 40px;}
    .solution-feature .catch .line.is-lg{margin-bottom: 10px;}
    .solution-feature .catch .line.is-sm{font-size: 0.9375rem;}

    .solution-result{margin-bottom: 70px;}
    .solution-result .catch{margin-bottom: 4vw;}
    .solution-result.is-inview .visual{margin: 0;}

    .headline-topics{padding-right: 9vw;height: 8.4vw;}
    .headline-topics+.header{top: 8.4vw;}
    .headline-topics .topic-list .cate{font-size: 1.1rem;}
    .headline-topics .topic-list .title{font-size: 1.2rem;}
    .headline-topics .topic-list .cate{margin-right: 8px;}


    .ft_contact{padding:50px 0;}
    .ft_contact_des{font-size: 3.73333vw;text-align: left !important;line-height: 1.7;margin-bottom: 27px;}
    /* .ft_contact_h2 {font-size: 5.55555vw !important;margin-bottom: 17px;} */
    .ft_contact_h2 {font-size: 5.4vw !important;margin-bottom: 17px; white-space: nowrap;}
    .ft_contact_btn .btn a{margin: 0 auto;width: 78.67vw;height: 14.67vw;font-size: 4.44444vw;}
    .ft_contact_btn .btn:not(:last-child){margin-bottom: 3vw;}
    .header .logo img{height: 5.8666666667vw;}
    .header .lang-nav{top: inherit;bottom:42vw; left: 50%; transform: translateX(-50%); width: 100%; display: flex; justify-content: center; align-items: center;flex-wrap: wrap;}


    .lang-nav>li+li:before{background: #707a8d;}
    .header .site-nav{border-bottom: 1px solid #707a8d;padding-bottom:8vw;}
    .header .site-nav:last-child{border-bottom: 0;}
    .lang-nav>li+li a[target="_blank"]::after{background: url('../img/common/ic_link_out_wh.svg') no-repeat center /cover;top: calc(50% - 7px);}
    .header .site-nav li a{font-size: 4.8vw;}
    .lang-nav>li+li:before, .lang-nav a{font-size: 4.26666vw;}
    .header .gnav-inner{margin: 9vw 5.3333333333vw;}
    .header .site-nav:first-child li{margin-left: 3vw;}
    .footer .site-nav>li{display: block;}
    .footer .site-nav .nav-children{margin-left:3vw;margin-top: 4vw;}
    /* .footer .site-nav>li span.nav-parent{display: none;} */
    /* .footer .site-nav>li span.nav-parent + .nav-children{margin-top: 0;} */
    .footer .lang-nav{top: inherit;bottom: 35vw; left: 50%; transform: translateX(-50%); width: 100%; display: flex; justify-content: center; align-items: center;}
    .footer .action-nav{margin-top: 25vw;}
    .header .action-nav{margin-top: 28vw;}
    .header .gnav{position: absolute !important;}
    .ft_contact::after{background: url('../../assets/img/common/ft_contact_bg_sp.png') no-repeat center /cover;}
    .plan-header .heading-ja{font-size: 6.4vw;}
    .plan-header .heading-en{font-size: 3.46666vw;}

    .top_sec6_l{padding: 40px 20px;}
    .top_sec6_cta{padding: 30px 20px 10px;}
    .top_sec6_cta .desc{font-size: 3.73333vw;text-align: left;line-height: 1.7;margin-bottom: 0;}
    .top_sec6_cta .img{margin-bottom: 11px;}
    .top_sec6_cta .img img{width: 170px;}

    #topic_path ul{overflow-x: scroll;}
    .header .lang-nav li:nth-of-type(1){width: 100%;text-align: center;}
    .header .lang-nav li:nth-of-type(2):before{display: none;}

    .under .qa_module{max-width: 860px;}
    .under .qa_module dl dt::before{right: 25px;}
    .under .qa_module dl dt::after{right: 31px;}
    .under .u_box_tt.plan_h2_3:not(:last-child){margin-bottom: 40px;}
    .under .qa_module dt,.under .qa_module dd{padding-left: 6px;letter-spacing: 0;}
    .under .qa_module dd{padding-right: 70px;}

    .robot_mv{display: flex;flex-direction: column;}
    .robot_mv .visual{order: 1;margin-bottom: 8vw;}
    .robot_mv_content{order: 2;}
    .robot_issues_col li:not(:last-child){margin-bottom: 8vw;}
    .robot_issues_col li .box .img{margin: 0 auto;}
    #robot-tsort-mas .norm-spec table{margin-top: 8vw;}
    /* #robot-tsort-mas .robot-detail-list .thumb{order: 2;} */
    #robot-tsort-mas .robot-detail-list .container .thumb img{width: auto;height: auto;max-width: 100%;}
    .qa_module dl dt span, .qa_module dl dd span{width: 24px; height: 24px;font-size: 0.875rem;margin-right: 8px;padding: 0 1px 2px 0;}
    .qa_module dl dt{align-items: center;}
    .qa_module dl dt,.qa_module dl dd{font-size: 0.875rem;padding: 16px 25px 15px 3px;letter-spacing: -.05rem}
    .qa_module dl dt span{padding-bottom: 4px;}
    .qa_module dl dt::before,.qa_module dl dt::after{background-color: #707070;}
    .qa_module dl dt::after{height: 12px;top: calc(50% - 6px);right: 15px;}
    .qa_module dl dt::before{width: 12px;top: calc(50% - 1px);right: 10px;}
    .qa_module dl dd span{margin-top: 2px;}
    .gmap{margin-bottom: 15px;}

    .cube_3col,.cube_sort_list,.cube_2col{grid-template-columns:repeat(1,1fr);grid-gap: 30px;}
    .cube_3col li .box .tt{font-size: 5vw;min-height: inherit;}
    .cube_3col li .box,.cube_sort_list dl dd{padding: 3vw;}
    .cube_3col li .img{margin-bottom: 0;}
    .cube_sort_cat li:not(:last-child){margin-right: 2vw;}
    .cube_sort_cat li{font-size: 0.875rem;display: flex;flex-direction: column;justify-content: center;height: 30vw;line-height: 1.4;}
    .cube_sort_cat li img{max-height: 13vw;}
    .cube_sort_cat li.active::after{width: 4vw;height: 4vw;top: 2vw;left: 2vw;}
    .cube_3col li .box .des,.cube_application .des{font-size: 1rem;}
    .cube_2col dl dd iframe{height: 76vw;}
    .cube_2col dt {min-height: auto;padding-bottom: 0px;margin-bottom: 10px;}

    /* airRob */
    .icon-media{width: 19px;height: 16px;}
    .f11_sp{font-size: 0.6875rem;}
    .f14_sp{font-size: 0.875rem;}
    .f15_sp{font-size: 0.9375rem;}
    .f18_sp{font-size: 1.125rem;}
    .f20_sp{font-size: 1.25rem;}
    .f22_sp{font-size: 1.375rem}
    .airrob_usage table{width: calc(100% + 14px);margin-left: -7px;}
    .airrob_usage table .tt{font-size: 4vw;}
    .airrob_usage table th, .airrob_usage table td{padding: 1vw;}
    .airrob_usage table td{font-size: 2.666666vw;}
    .airrob_usage table th{font-size: 2.8vw;width: 19%;}
    .airrob_usage table td{width: 16.2%;}
    .airrob_usage table .ver_top td{padding: 1vw 0.5vw;letter-spacing: -.05rem;}
    .airrob_usage table .num{font-size: 2.666666vw;}
    .airrob_usage table .list01 li{padding-left: 1vw;}
    .airrob_usage table .list01 li::before{width: 0.6vw;height: 0.6vw;top: 2vw;left: 0;}
    .airrob_usage table .f15,.airrob_usage table .sm{font-size: 2.75vw;}
    .airrob_usage table .min,.airrob_usage table .sm1{font-size: 2.133333vw;}
    .airrob_usage table th .img1{width: 19px;margin: 0 auto;}
    .airrob_usage table th .img2{width: 25px;margin: 0 auto;}
    .airrob_usage table .leter006_sp{letter-spacing: -.06rem;}
    .airrob_usage table .leter003_sp{letter-spacing: -.03rem;}
    .airrob_usage table th.pd0_sp{padding: 1vw 0;}
    .airrob_configuration_img img,.airrob_workstation_img img{width: 100%;}
    .airrob_bnn .c-button{font-size: 1.125rem;height: 56px;width: 320px;margin-top: 20px;}
    .airrob_workstation_2col{grid-template-columns: repeat(1,1fr);}
    .airrob_workstation_img {margin-bottom:6vw;}
    .airrob_workstation_2col dl dt{font-size: 5.33333vw;}
    .airrob_workstation_2col dl dd{font-size: 0.9375rem;padding: 9vw 2vw 5.5vw;}
    .airrob_workstation_2col dl dd .img{max-width: 82%;margin-left: auto;margin-right: auto;}
    .feature-list02 .item .des{font-size: 0.9375rem;}
    .feature-list .inner{padding: 5.5vw;}
    .feature-list .item .imgfix{height: auto;}
    .feature-list .list01 li{font-size: 0.9375rem;}
    #robot-tsort-mas.juc-l600r .robot-header .text-wrap{margin-right: 2vw;}
    body.luc-l1500v .robot-header.is-inview .visual{padding-top: 30px;}
    .robot_flow_note{font-size: 0.625rem;text-align: left;}
    .tsort_mas_tt{font-size: 1rem;}
    .robot_flow .plan-flow .figure{margin-top: 2vw;}
    .robot_flow .plan-flow .figure img{height: 344px;}
    .robot_flow .robot_flow_img0{margin-bottom: 20px;}

    .raas2_sec3_scroll{text-align: right;}
    .raas2_sec3_scroll span{display: inline-block;position: relative;padding-left: 25px;}
    .raas2_sec3_scroll span::after{content:""; position: absolute; width: 20px; height: 20px;left: 0; top: calc(50% - 10px);background: url('../../assets/img/common/raas2_sec3_scroll.svg') no-repeat center /cover;}
    .airrob_workstation_2col.tsort3d dl dd{padding: 5vw 4vw;}
    .airrob_workstation_2col .box-flex .img{margin: 0 auto 20px;}
    .airrob_workstation_2col dl .btn_primary a{margin:0 auto;}
    .norm-spec:not(:last-child) table{margin-bottom: 30px;}
    .airrob_workstation_img  .figure{width: calc(100% + 19px);margin-left: -10px;}

    .tsort3d_table_box {overflow-x: scroll;padding-bottom: 20px;}
    .tsort3d_table_box table{width: 800px;}
    .tsort3d_table{margin-bottom: 50px;}
    .tsort3d_table table th.w22{min-width: 275px;}
    .move_gallery iframe{max-width: 100%; height: auto;aspect-ratio: 16/9;}

    .header .site-nav .nav-items a .ja,.header .site-nav .nav-items a .en{color: var(--color-link-hover);}
    .header .site-nav .nav-items02 a{display: flex;align-items: center;padding:3px 10px;}
    .header .site-nav .nav-items a .en{font-size: 16px;}
    .header .site-nav .nav-items a .ja{font-size: 11px;}


    .study_result_list dd .des{font-size: 1.125rem;}
    .study_result_list dl{max-width: 346px; width: calc(50% - 10px);}
    .study_result_list dl:nth-of-type(odd){margin-right: 20px;}
    .study_result_list dl:not(:last-child){margin-bottom: 25px;}

    .top_sec4_list dl dd .ico{width: 100px; height: 66px;margin-top: -50px;}
    .top_sec4_list dl dd .tt{font-size: 1.0625rem;}
    .top_sec4_list dt{height: 180px;}
    .top_sec4_list dl::after{height: calc(100% - 180px);}
    .top_sec4_list:not(:last-child){margin-bottom: 30px;}

    .robot_video_frame{padding: 30px 20px;}
    .robot_video_frame .box_l{padding:20px 15px;}
    .robot_video_frame > div{width: 100%;margin-left: auto;margin-right: auto;}
    .robot_video_frame .tt{font-size: 1.5rem;}
    .plan-robot table td,.u_table td{font-size: 0.8rem;}
    #robot-tsort-mas .u_table th{font-size: 0.8rem;min-width: 80px;}
    footer .lang-nav a{font-size: 2.8vw;}
    .plan-robot-table .sticky{ width: 80px;}

    /* DEV SP */
}

@media screen and (max-width: 640px) {
    .study_result_list dl{
        width: 100%;
        margin-left: auto;
        margin-right: auto !important;
    }
}

@media screen and (max-width: 440px) {
    .top_sec6_cta{max-width: 300px;margin: 0 auto;}
    .tsort3d_table table th.w22{min-width: 225px;}
}


/* comment button */
.header .action-nav .nav-download{display: none;}
@media screen and (max-width: 767px) {
    .header .lang-nav{bottom: 22vw;}
    .footer .lang-nav{bottom: 20vw;}
}