abbr, address, article, aside, audio, b, blockquote, body, canvas, caption, cite, code, dd, del, details, dfn, div, dl, dt, em, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, p, pre, q, samp, section, small, span, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, ul, var, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline
}

body {
    line-height: 1
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block
}

nav ul {
    list-style: none
}

blockquote, q {
    quotes: none
}

blockquote:after, blockquote:before, q:after, q:before {
    content: "";
    content: none
}

a {
    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: rgba(0, 0, 0, 0)
}

ins {
    text-decoration: none
}

ins, mark {
    background-color: #ff9;
    color: #000
}

mark {
    font-style: italic;
    font-weight: 700
}

del {
    text-decoration: line-through
}

abbr[title], dfn[title] {
    border-bottom: 1px dotted;
    cursor: help
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0
}

table {
    font-size: inherit
}

pre, code, kbd, samp, tt {
    font-family: monospace;
    *font-size: 100%;
    font: 115% monospace;
    line-height: 150%
}

h1, h2, h3, h4, h5, h6 {
    font-weight: normal
}

.clear {
    clear: both
}

br.clear {
    font-size: 1px;
    line-height: 100%;
    clear: both
}

div.clear {
    line-height: 100%;
    clear: both
}

.clearfix:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.clearfix {
    zoom: 1
}

* html .clearfix {
    height: 1%
}

.clearfix {
    display: block
}

.imgfix {
    font-size: 1px;
    line-height: 1px
}

html {
    font-size: 2.666vw
}

@media (min-width: 768px) {
    html {
        font-size: 125%
    }
}

body {
    font-family: "SSTJapanese W55 Regular", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    color: #000;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 0px;
    -webkit-text-size-adjust: 100%
}

[lang=en] body {
    font-family: "SST W20 Roman", "Helvetica Neue", Helvetica, Arial, sans-serif
}

[lang=zh-CN] body {
    font-family: "SST W20 Roman", "Hiragino Kaku Gothic ProN", "Heiti TC", Roboto, Droid, "Helvetica Neue", Helvetica, Arial, sans-serif
}

@media (min-width: 768px) {
    body {
        font-size: 16px
    }
}

*, *::after, *::before {
    box-sizing: border-box
}

ol, ul {
    list-style: none
}

img {
    max-width: 100%;
    height: auto;
    vertical-align: bottom;
    image-rendering: -webkit-optimize-contrast
}

button, input[type=button], input[type=submit] {
    -webkit-appearance: none;
    appearance: none
}

a {
    color: #000;
    text-decoration: none
}

a:hover {
    color: #3269ff;
    text-decoration: none
}

main {
    display: block
}

p, dt, dd, li {
    line-height: 1.6
}

th, td {
    line-height: 1.42
}

sup {
    font-size: 70%;
    vertical-align: top
}

[tabindex]:focus {
    outline: 1px solid #000
}

[href][target=_blank] {
    word-break: break-word
}

.l-footer__bg {
    background-color: #6aa6f4;
    color: #fff
}

.l-footer.recruit-footer {
    position: relative
}

.l-footer__copyright {
    display: block;
    padding: 15px 0;
    border-top: 1px solid rgba(218, 219, 222, .3);
    color: #fff;
    line-height: 1.66;
    text-align: center;
    font-size: 9px
}

@media (min-width: 992px) {
    .l-footer__copyright {
        margin-top: auto;
        border-top: none;
        font-size: 14px;
        text-align: left
    }

    .l-footer__copyright .copyright {
        font-size: 13px
    }
}

.l-footer__container {
    padding: 20px 0 25px
}

@media (min-width: 992px) {
    .l-footer__container {
        display: flex;
        padding: 40px 0
    }
}

@media (min-width: 768px) {
    .l-footer__container-left {
        display: flex;
        flex-direction: column;
        flex: 0 0 400px;
        min-width: 280px
    }
}

@media (min-width: 768px) {
    .l-footer__container-right {
        flex: 1 0 auto
    }
}

.l-footer__external {
    margin: 0 0 25px;
    padding: 0 10px
}

@media (min-width: 992px) {
    .l-footer__external {
        width: 280px;
        margin: 0;
        padding: 0
    }
}

.l-footer__button {
    display: flex;
    justify-content: center;
    align-items: center;
    transition: color .3s, background-color .3s, border .3s;
    height: 40px;
    border: 1px solid #fff;
    color: #fff;
    font-size: 13px;
    text-align: center;
    text-decoration: none
}

.l-footer__button:hover {
    color: #fff;
    background-color: #3269ff
}

.l-footer__button:hover {
    color: inherit;
    border-color: rgba(0, 0, 0, 0)
}

.l-footer__button .u-link-arrow::after {
    margin-left: 5px
}

.l-footer__button + .l-footer__button {
    margin-top: 20px
}

.l-footer__button .icon_twitter {
    width: 20px;
    margin-right: 10px
}

@media (min-width: 768px) {
    .l-footer__internal {
        display: flex
    }

    .l-footer__internal ul {
        flex: 1 1 auto
    }
}

.l-footer__internal .child {
    margin-top: 5px
}

.l-footer__internal li {
    padding: 5px 10px;
    font-size: 13px
}

.l-footer__internal li a {
    color: #fff;
    text-decoration: none
}

.l-footer__internal li a:hover {
    color: #3269ff
}

.l-footer__internal li.margin {
    margin-top: 30px
}

.l-header {
    position: relative;
    z-index: 101
}

@media (max-width: 767px) {
    .l-header {
        height: 45px;
        background-color: #000
    }
}

.l-header__bg {
    position: static;
    top: 0;
    left: 0;
    right: 0;
    z-index: 10000;
    background: #6aa6f4;
    color: #fff;
    transition: .5s
}

.l-header__bg a {
    color: #fff
}

@media (max-width: 767px) {
    .l-header__bg.show {
        position: fixed
    }
}

@media (max-width: 767px) {
    .l-header__bg.hide {
        position: fixed;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }
}

.l-header__content {
    display: flex;
    align-items: center;
    height: 45px
}

@media (min-width: 768px) {
    .l-header__content {
        height: 70px
    }
}

.l-header__logo {
    flex: 0 0 auto
}

.l-header__logo .logo {
    width: 70px;
    height: auto
}

@media (min-width: 768px) {
    .l-header__logo .logo {
        width: 100px
    }
}

.l-header__description {
    margin-left: auto;
    font-size: 10px
}

@media (min-width: 768px) {
    .l-header__description {
        font-size: 14px
    }
}

.l-header__menuButton {
    margin-right: -1rem
}

@media (min-width: 768px) {
    .l-header__menuButton {
        display: none
    }
}

.l-navigation_fix {
    position: static;
    z-index: 10000;
    top: 0;
    left: 0;
    right: 0;
    background-color: #fff;
    transition: .5s
}

.l-navigation_fix.show {
    position: fixed
}

.l-navigation_fix.hide {
    position: fixed;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
}

.l-navigation {
    position: relative;
    z-index: 101;
    background-color: #fff
}

@media (min-width: 768px) {
    .l-navigation {
        height: 60px
    }
}

@media (max-width: 767px) {
    .l-navigation {
        display: none
    }
}

.l-navigation__container {
    display: flex;
    justify-content: space-between;
    height: 60px;
    font-size: 14px
}

.l-navigation__menu .site-menu {
    display: flex;
    align-items: center;
    height: 100%
}

.l-navigation__menu .site-menu-item {
    height: inherit
}

.l-navigation__menu .site-menu-item > a {
    display: flex;
    justify-content: center;
    align-items: center;
    height: inherit;
    color: #000
}

.l-navigation__menu .site-menu-item > a > span {
    padding: 0 16px
}

@media (min-width: 768px)and (max-width: 992px) {
    .l-navigation__menu .site-menu-item > a > span {
        padding: 0 8px;
        font-size: 12px
    }
}

@media (min-width: 768px)and (max-width: 1040px) {
    .l-navigation__menu .site-menu-item > a > span {
        padding: 0 10px
    }
}

.l-navigation__menu .site-menu-item:not(:first-child) > a > span {
    border-left: 1px solid #e0e1e4
}

.l-navigation__menu .site-menu-item:hover > a {
    background-color: #6aa6f4;
    color: #fff
}

.l-navigation__menu .site-menu-item:hover > a > span {
    border-left: none !important
}

.l-navigation__utility {
    display: flex;
    height: 100%
}

.l-navigation__utility > ul {
    display: flex;
    height: inherit;
    margin-right: 16px
}

.l-navigation__utility > ul > li {
    height: inherit
}

.l-navigation__utility > ul > li > a {
    display: flex;
    justify-content: center;
    align-items: center;
    height: inherit;
    padding: 0 16px;
    color: #000
}

@media (min-width: 768px)and (max-width: 992px) {
    .l-navigation__utility > ul > li > a {
        font-size: 12px
    }
}

@media (min-width: 768px)and (max-width: 1040px) {
    .l-navigation__utility > ul > li > a {
        padding: 0 10px
    }
}

.l-navigation__utility > ul > li > a:hover {
    background-color: #000;
    color: #fff
}

.l-navigation__utility-select-language {
    display: flex;
    align-self: center;
    margin-right: 32px;
    border: 1px solid #e0e1e4
}

.l-navigation__utility-select-language a {
    padding: 4px 15px;
    color: #000;
    cursor: pointer
}

@media (min-width: 768px)and (max-width: 992px) {
    .l-navigation__utility-select-language a {
        font-size: 12px
    }
}

.l-navigation__utility-select-language a + a {
    border-left: 1px solid #e0e1e4
}

.l-navigation__utility-select-language a:hover {
    background: #6aa6f4;
    color: #fff
}

.l-navigation__utility-search {
    align-self: center;
    position: relative;
    margin-right: 20px
}

.l-navigation__utility-search .search-form-open, .l-navigation__utility-search .search-form-submit {
    display: block;
    height: 30px;
    width: 30px;
    border: none;
    text-indent: -9999px;
    overflow: hidden;
    cursor: pointer;
    background: url(../image/icon-search.svg) no-repeat center center/20px 19px
}

.l-navigation__utility-search .search-form-overlay {
    position: fixed;
    z-index: -1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .6);
    transition: .3s;
    visibility: hidden;
    opacity: 0;
    overflow: hidden;
    text-indent: -9999px
}

.l-navigation__utility-search .search-form-area {
    position: absolute;
    z-index: 9999;
    right: 0;
    top: -10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, .1);
    transition: .3s;
    visibility: hidden;
    opacity: 0
}

.l-navigation__utility-search .search-form-area__inner {
    display: flex
}

.l-navigation__utility-search .search-form-close {
    position: absolute;
    top: -20px;
    right: -20px;
    height: 20px;
    width: 20px;
    background: none;
    border: none;
    overflow: hidden;
    text-indent: -9999px;
    cursor: pointer
}

.l-navigation__utility-search .search-form-close::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: #fff;
    font-size: 20px;
    text-indent: 0;
    content: "×"
}

.l-navigation__utility-search .search-form-input {
    padding: 4px;
    height: 50px;
    width: 360px;
    transition: .3s;
    -webkit-transform: scale(0, 0);
    transform: scale(0, 0);
    -webkit-transform-origin: bottom right;
    transform-origin: bottom right
}

.l-navigation__utility-search .search-form-submit {
    height: 50px;
    width: 50px;
    border: none;
    background-color: #000;
    background-image: url(../image/icon-search-white.svg)
}

.l-navigation__utility-search #search-form {
    display: none
}

.l-navigation__utility-search #search-form:checked ~ .search-form-overlay {
    z-index: 9998;
    visibility: visible;
    opacity: 1
}

.l-navigation__utility-search #search-form:checked ~ .search-form-area {
    visibility: visible;
    opacity: 1
}

.l-navigation__utility-search #search-form:checked ~ .search-form-area .search-form-input {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1)
}

.l-mega-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    background-color: #6aa6f4;
    color: #fff;
    width: 100%;
    font-size: 14px;
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
    transition: opacity .2s .2s, visibility .2s .2s
}

@media (min-width: 768px)and (max-width: 992px) {
    .l-mega-menu {
        font-size: 12px
    }
}

a:focus ~ .l-mega-menu, li.hover .l-mega-menu, li:hover .l-mega-menu {
    visibility: visible;
    opacity: 1;
    pointer-events: auto
}

@supports selector(*:focus-within) {
    .site-menu-item:focus-within .l-mega-menu {
        visibility: visible;
        opacity: 1;
        pointer-events: auto
    }
}

.site-menu-item.focus-within .l-mega-menu {
    visibility: visible;
    opacity: 1;
    pointer-events: auto
}

.l-mega-menu a:not(:hover) {
    color: inherit
}

.l-mega-menu__container {
    display: flex;
    position: relative
}

.l-mega-menu__container .js-megaMenuAccordion-trigger {
    position: relative
}

.l-mega-menu__container .js-megaMenuAccordion-trigger::before, .l-mega-menu__container .js-megaMenuAccordion-trigger::after {
    position: absolute;
    top: 50%;
    right: 30px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 13px;
    height: 0;
    border-top: 1px solid #e0e1e4;
    content: ""
}

.l-mega-menu__container .js-megaMenuAccordion-trigger::after {
    -webkit-transform: translateY(-50%) rotate(90deg);
    transform: translateY(-50%) rotate(90deg)
}

.l-mega-menu__container .js-megaMenuAccordion-trigger.current::after {
    display: none
}

.l-mega-menu__list-container {
    position: absolute;
    top: 0;
    left: 100%;
    width: 740px;
    min-height: 100%;
    background-color: #042161
}

.is-products .l-mega-menu__list-container {
    display: flex;
    max-width: 370px;
    width: 81%;
    width: calc((61vw - 30px) / 2);
    background: none
}

@media (min-width: 768px)and (max-width: 1040px) {
    .l-mega-menu__list-container {
        width: 100%;
        width: calc(61vw - 30px)
    }
}

@media (min-width: 768px)and (max-width: 992px) {
    .is-products .l-mega-menu__list-container {
        width: 100%
    }
}

.l-mega-menu__list-parent {
    position: relative;
    z-index: 100;
    max-width: 460px;
    width: 39%;
    padding-bottom: 50px;
    background-color: #6aa6f4
}

@media (min-width: 768px)and (max-width: 992px) {
    .is-products .l-mega-menu__list-parent {
        max-width: 33.3333%
    }
}

.is-products .l-mega-menu__list-parent > li:not(.to-category-top) {
    margin-bottom: 8px
}

@media all and (-ms-high-contrast: none) {
    .is-products .l-mega-menu__list-parent > li:not(.to-category-top) a {
        height: 60px
    }
}

.l-mega-menu__list-parent > li:not(.to-category-top) > a {
    display: flex;
    align-items: center;
    min-height: 50px;
    padding-right: 50px
}

@media all and (-ms-high-contrast: none) {
    .l-mega-menu__list-parent > li:not(.to-category-top) > a {
        height: 50px
    }
}

.l-mega-menu__list-parent > li:not(.to-category-top) > a.current {
    background-color: #6aa6f4
}

.l-mega-menu__list-parent > li:not(.to-category-top) > a:hover {
    background-color: #042161
}

.l-mega-menu__list-parent > li:not(.to-category-top) > a img {
    height: 60px;
    width: auto
}

.l-mega-menu__list-parent > li:not(.to-category-top) > a span {
    flex: 0 0 120px
}

.l-mega-menu__list-parent > li:not(.to-category-top) > a .title {
    flex: 1 1 auto;
    display: flex;
    align-items: center;
    position: relative;
    padding: 0 0px 0 20px
}

.l-mega-menu__list-parent > li:not(.to-category-top) > a.u-link-arrow::after {
    position: absolute;
    right: 35px;
    top: 50%;
    margin-top: -4px;
    height: 8px;
    width: 8px
}

.l-mega-menu__list-parent > li:not(.to-category-top) .u-icon-external-link::after {
    position: absolute;
    right: 26px;
    top: 50%;
    margin-top: -7px
}

.l-mega-menu__list-parent > li.to-category-top {
    padding: 15px 0;
    height: 50px
}

.l-mega-menu__list-parent > li.to-category-top a:not(:hover) {
    color: #fff
}

.l-mega-menu__list-parent > li.to-category-top a:before {
    content: "> "
}

.l-mega-menu__list-child {
    display: flex;
    flex-wrap: wrap;
    z-index: 99;
    width: 100%;
    padding: 50px 30px 25px 0
}

.l-mega-menu__list-child > li {
    width: 50%;
    padding-left: 30px
}

.l-mega-menu__list-child > li > a {
    display: block;
    padding: 15px 30px 15px 0;
    border-bottom: 1px solid #717171
}

.is-products .l-mega-menu__list-child {
    display: block;
    flex: 0 0 auto;
    min-height: 100%;
    width: 100%;
    padding-right: 0;
    background-color: #042161
}

.is-products .l-mega-menu__list-child > li {
    height: 60px;
    width: auto;
    padding-left: 0px
}

.is-products .l-mega-menu__list-child > li > a {
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
    padding: 0 40px 0 25px;
    border-bottom: none
}

.is-products .l-mega-menu__list-child > li > a.current {
    background-color: #021130
}

.is-products .l-mega-menu__list-child > li:not(.to-content-top) > a {
    padding-left: 50px
}

.is-products .l-mega-menu__list-child > li:not(.to-content-top) > a:hover {
    background-color: #021130
}

.is-products .l-mega-menu__list-child > li:not(.to-content-top) .u-link-arrow::after {
    right: 36px
}

.is-products .l-mega-menu__list-child > li.to-content-top {
    display: flex;
    align-items: center;
    padding: 0 22px 0 24px
}

.is-products .l-mega-menu__list-child > li.to-content-top a {
    display: block;
    width: 330px;
    height: auto;
    border: 1px solid #fff
}

.is-products .l-mega-menu__list-child > li.to-content-top a span {
    width: 100%;
    padding: 0;
    line-height: 36px
}

.is-products .l-mega-menu__list-child > li.to-content-top .u-link-arrow::after {
    right: 14px
}

.is-products .l-mega-menu__list-child .u-link-arrow::after {
    right: 40px
}

.is-products .l-mega-menu__list-child .u-icon-external-link::after {
    position: absolute;
    right: 34px
}

.l-mega-menu__list-child .u-link-arrow::after {
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -4px
}

.l-mega-menu__list-grandchild {
    width: 100%;
    min-height: 100%;
    padding: 50px 0px 25px;
    background-color: #021130
}

.l-mega-menu__list-grandchild > li > a {
    display: block;
    padding: 16px 50px 16px 30px
}

.l-mega-menu__list-grandchild > li > a:hover .label {
    color: #fff
}

.l-mega-menu__list-grandchild > li.to-content-top {
    position: relative;
    display: flex;
    align-items: center;
    min-height: 60px;
    padding: 0
}

.l-mega-menu__list-grandchild > li.to-content-top > a {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    padding: 3px 0;
    min-height: 36px;
    flex: 1 1 auto;
    width: 330px;
    text-decoration: none
}

.l-mega-menu__list-grandchild > li.to-content-top > a span {
    display: block;
    width: 100%;
    padding: 0 40px 0 24px;
    line-height: 1.3
}

.l-mega-menu__list-grandchild > li:not(.to-content-top):hover {
    background-color: #323232
}

.l-mega-menu__list-grandchild .title {
    display: block
}

.l-mega-menu__list-grandchild .label {
    display: inline-block;
    padding: 4px 10px;
    margin-bottom: 6px;
    background-color: #65717d;
    line-height: 1
}

.l-mega-menu__list-grandchild .u-link-arrow::after {
    position: absolute;
    right: 20px;
    top: 50%;
    margin-top: -5px
}

.js-megaMenuAccordion-target {
    -webkit-transform: translateX(-50px);
    transform: translateX(-50px);
    visibility: hidden;
    opacity: 0
}

.js-megaMenuAccordion-target:not(.active) {
    position: absolute
}

.js-megaMenuAccordion-target.active {
    transition: opacity .6s, -webkit-transform .6s;
    transition: opacity .6s, transform .6s;
    transition: opacity .6s, transform .6s, -webkit-transform .6s;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    visibility: visible;
    opacity: 1
}

.l-job-header {
    position: relative;
    z-index: 101
}

@media (max-width: 767px) {
    .l-job-header {
        height: 45px;
        background-color: #000
    }
}

.l-job-header__bg {
    position: static;
    top: 0;
    left: 0;
    right: 0;
    z-index: 10000;
    background: #000;
    color: #fff;
    transition: .5s
}

.l-job-header__bg a {
    color: #fff
}

@media (max-width: 767px) {
    .l-job-header__bg.show {
        position: fixed
    }
}

@media (max-width: 767px) {
    .l-job-header__bg.hide {
        position: fixed;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }
}

.l-job-header__content {
    display: flex;
    align-items: center;
    height: 45px
}

@media (min-width: 768px) {
    .l-job-header__content {
        height: 70px
    }
}

.l-job-header__logo {
    flex: 0 0 auto
}

.l-job-header__logo .logo {
    width: 70px;
    height: auto
}

@media (min-width: 768px) {
    .l-job-header__logo .logo {
        width: 100px
    }
}

.l-job-header__description {
    margin-left: auto;
    font-size: 10px;
    text-align: right
}

@media (min-width: 768px) {
    .l-job-header__description {
        font-size: 14px
    }
}

.l-job-header__menuButton {
    margin-right: -1rem
}

@media (min-width: 768px) {
    .l-job-header__menuButton {
        display: none
    }
}

.l-job-navigation_fix {
    position: static;
    z-index: 10000;
    top: 0;
    left: 0;
    right: 0;
    background-color: #dfe1e4;
    transition: .5s
}

.l-job-navigation_fix.show {
    position: fixed
}

.l-job-navigation_fix.hide {
    position: fixed;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
}

.l-job-navigation_fix.fixed {
    position: fixed
}

.l-job-navigation {
    position: relative;
    z-index: 101;
    background-color: #fff
}

@media (min-width: 768px) {
    .l-job-navigation {
        height: 60px
    }
}

@media (max-width: 767px) {
    .l-job-navigation {
        display: none
    }
}

.l-job-navigation__container {
    display: flex;
    justify-content: space-between;
    height: 60px;
    font-size: 14px
}

.l-job-navigation__menu .site-menu {
    display: flex;
    align-items: center;
    height: 100%
}

.l-job-navigation__menu .site-menu .u-link-arrow.pc-nav-menu::after {
    display: inline-block;
    height: 10px;
    width: 10px;
    margin: -5px 10px 0 -7px;
    border-style: solid;
    border-color: inherit;
    border-width: 1px 1px 0 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(135deg);
    vertical-align: .1em;
    transition: border .1s;
    content: ""
}

.l-job-navigation__menu .site-menu-item {
    height: inherit
}

.l-job-navigation__menu .site-menu-item > a {
    display: flex;
    justify-content: center;
    align-items: center;
    height: inherit;
    color: #000
}

.l-job-navigation__menu .site-menu-item > a > span {
    padding: 0 16px
}

@media (min-width: 768px)and (max-width: 992px) {
    .l-job-navigation__menu .site-menu-item > a > span {
        padding: 0 8px;
        font-size: 12px
    }
}

.l-job-navigation__menu .site-menu-item:not(:first-child) > a > span {
    border-left: 1px solid #e0e1e4
}

.l-job-navigation__menu .site-menu-item:hover > a {
    background-color: #000;
    color: #fff
}

.l-job-navigation__menu .site-menu-item:hover > a > span {
    border-left: none !important
}

.l-job-navigation__utility {
    display: flex;
    height: 100%
}

@media (max-width: 767px) {
    .l-job-navigation__utility {
        justify-content: center
    }
}

.l-job-navigation__utility > ul {
    display: flex;
    height: inherit;
    align-items: center
}

.l-job-navigation__utility > ul > li {
    height: inherit;
    display: flex;
    align-items: center;
    margin: 0 20px 0 0;
    max-width: 290px;
    height: 40px;
    line-height: 1.1
}

.l-job-navigation__utility > ul > li:last-child {
    margin: 0;
    position: relative
}

.l-job-navigation__utility > ul > li > a {
    display: flex;
    justify-content: center;
    align-items: center;
    height: inherit;
    padding: 0 16px;
    color: #fff;
    font-size: 12px;
    text-align: center
}

@media (min-width: 768px)and (max-width: 992px) {
    .l-job-navigation__utility > ul > li > a {
        font-size: 10px
    }
}

.l-job-navigation__utility > ul > li > a.light-blue-btn {
    background: #00b0f0
}

.l-job-navigation__utility > ul > li > a.blue-btn {
    background: #0781f3
}

.l-job-navigation__utility > ul > li > a.green-btn {
    background: #009193
}

@media (max-width: 767px) {
    .l-job-navigation__utility > ul > li {
        margin-right: 5px;
        height: 30px
    }

    .l-job-navigation__utility > ul > li > a {
        font-size: 8px;
        padding: 0 10px
    }
}

.l-job-navigation__utility-select-language {
    display: flex;
    align-self: center;
    margin-right: 32px;
    border: 1px solid #e0e1e4
}

.l-job-navigation__utility-select-language a {
    padding: 4px 15px;
    cursor: pointer
}

@media (min-width: 768px)and (max-width: 992px) {
    .l-job-navigation__utility-select-language a {
        font-size: 12px
    }
}

.l-job-navigation__utility-select-language a + a {
    border-left: 1px solid #e0e1e4
}

.l-job-navigation__utility-select-language a:hover {
    background: #000;
    color: #fff
}

.l-job-navigation__utility-search {
    align-self: center;
    position: relative;
    margin-right: 20px
}

.l-job-navigation__utility-search .search-form-open, .l-job-navigation__utility-search .search-form-submit {
    display: block;
    height: 30px;
    width: 30px;
    text-indent: -9999px;
    overflow: hidden;
    cursor: pointer;
    background: url(../image/icon-search.svg) no-repeat center center/20px 19px
}

.l-job-navigation__utility-search .search-form-overlay {
    position: fixed;
    z-index: -1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .6);
    transition: .3s;
    visibility: hidden;
    opacity: 0
}

.l-job-navigation__utility-search .search-form-area {
    position: absolute;
    z-index: 9999;
    right: 0;
    top: -10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, .1);
    transition: .3s;
    visibility: hidden;
    opacity: 0
}

.l-job-navigation__utility-search .search-form-area__inner {
    display: flex
}

.l-job-navigation__utility-search .search-form-close {
    position: absolute;
    top: -20px;
    right: -20px;
    height: 20px;
    width: 20px;
    cursor: pointer
}

.l-job-navigation__utility-search .search-form-close::before {
    position: absolute;
    top: 0;
    left: 0;
    color: #fff;
    content: "×"
}

.l-job-navigation__utility-search .search-form-input {
    padding: 4px;
    height: 50px;
    width: 360px;
    transition: .3s;
    -webkit-transform: scale(0, 0);
    transform: scale(0, 0);
    -webkit-transform-origin: bottom right;
    transform-origin: bottom right
}

.l-job-navigation__utility-search .search-form-submit {
    height: 50px;
    width: 50px;
    border: none;
    background-color: #000;
    background-image: url(../image/icon-search-white.svg)
}

.l-job-navigation__utility-search #search-form {
    display: none
}

.l-job-navigation__utility-search #search-form:checked ~ .search-form-overlay {
    z-index: 9998;
    visibility: visible;
    opacity: 1
}

.l-job-navigation__utility-search #search-form:checked ~ .search-form-area {
    visibility: visible;
    opacity: 1
}

.l-job-navigation__utility-search #search-form:checked ~ .search-form-area .search-form-input {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1)
}

.l-job-mega-menu {
    position: absolute;
    top: 100%;
    z-index: 1000;
    color: #fff;
    width: auto;
    font-size: 14px;
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
    transition: opacity .2s .2s, visibility .2s .2s
}

@media (min-width: 768px)and (max-width: 992px) {
    .l-job-mega-menu {
        font-size: 12px
    }
}

a:focus ~ .l-job-mega-menu, li.hover .l-job-mega-menu, li:hover .l-job-mega-menu {
    visibility: visible;
    opacity: 1;
    pointer-events: auto
}

@supports selector(*:focus-within) {
    .site-menu-item:focus-within .l-job-mega-menu {
        visibility: visible;
        opacity: 1;
        pointer-events: auto
    }
}

.site-menu-item.focus-within .l-job-mega-menu {
    visibility: visible;
    opacity: 1;
    pointer-events: auto
}

.l-job-mega-menu a:not(:hover) {
    color: inherit
}

.l-job-mega-menu.nav-utility {
    top: 100%;
    right: 0
}

.l-job-mega-menu.nav-recruit {
    max-width: 100%;
    width: 1200px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.l-job-mega-menu__container {
    display: flex;
    position: relative;
    width: 100%
}

.l-job-mega-menu__container .js-megaMenuAccordion-trigger {
    position: relative
}

.l-job-mega-menu__container .js-megaMenuAccordion-trigger::before, .l-job-mega-menu__container .js-megaMenuAccordion-trigger::after {
    position: absolute;
    top: 50%;
    right: 30px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 13px;
    height: 0;
    border-top: 1px solid #e0e1e4;
    content: ""
}

.l-job-mega-menu__container .js-megaMenuAccordion-trigger::after {
    -webkit-transform: translateY(-50%) rotate(90deg);
    transform: translateY(-50%) rotate(90deg)
}

.l-job-mega-menu__container .js-megaMenuAccordion-trigger.current::after {
    display: none
}

.l-job-mega-menu__list-container {
    position: absolute;
    top: 0;
    left: 100%;
    width: 740px;
    min-height: 100%;
    background-color: #191919
}

.is-products .l-job-mega-menu__list-container {
    display: flex;
    max-width: 370px;
    width: 81%;
    width: calc((61vw - 30px) / 2);
    background: none
}

@media (min-width: 768px)and (max-width: 1040px) {
    .l-job-mega-menu__list-container {
        width: 100%;
        width: calc(61vw - 30px)
    }
}

@media (min-width: 768px)and (max-width: 992px) {
    .is-products .l-job-mega-menu__list-container {
        width: 100%
    }
}

.l-job-mega-menu__list-parent {
    position: relative;
    z-index: 100;
    width: 100%;
    padding-bottom: 50px;
    background-color: #000
}

.l-job-mega-menu__list-parent > li {
    padding: 20px 0;
    border-bottom: solid 1px #717171
}

.l-job-mega-menu__list-parent > li:last-child {
    padding: 20px 0 0;
    border-bottom: none
}

.l-job-mega-menu__list-parent.nav-utility-parent {
    min-width: 240px;
    padding: 0 20px 20px
}

@media (max-width: 767px) {
    .l-job-mega-menu__list-parent.nav-utility-parent {
        min-width: 210px
    }
}

.l-job-mega-menu__list-parent.nav-utility-parent > li:not(.to-category-top) > a.u-link-arrow::after {
    position: absolute;
    right: 35px;
    top: 50%;
    margin-top: 8px;
    height: 8px;
    width: 8px
}

.l-job-mega-menu__list-parent.nav-job_introduction-parent {
    min-width: 176px;
    padding: 0 20px 20px
}

.l-job-mega-menu__list-parent.nav-environment-parent {
    padding: 20px 40px 35px;
    min-width: 518px
}

.l-job-mega-menu__list-parent.nav-environment-parent > li.to-category-top {
    border-bottom: none
}

.l-job-mega-menu__list-parent.nav-environment-parent .environment-list {
    display: flex;
    padding-bottom: 20px;
    border-bottom: solid 1px #717171
}

.l-job-mega-menu__list-parent.nav-environment-parent .environment-list:last-child {
    padding-bottom: 0;
    border-bottom: none
}

.l-job-mega-menu__list-parent.nav-environment-parent .environment-list > li {
    margin-right: 55px
}

.l-job-mega-menu__list-parent.nav-recruit-parent {
    min-width: 176px;
    padding: 20px 40px 35px
}

.l-job-mega-menu__list-parent.nav-recruit-parent > li.to-category-top {
    border-bottom: none
}

.l-job-mega-menu__list-parent.nav-recruit-parent .recruit-list {
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 20px;
    border-bottom: solid 1px #717171
}

.l-job-mega-menu__list-parent.nav-recruit-parent .recruit-list:last-child {
    padding-bottom: 0;
    border-bottom: none
}

.l-job-mega-menu__list-parent.nav-recruit-parent .recruit-list > li {
    margin-right: 35px;
    margin-bottom: 10px
}

@media (min-width: 768px)and (max-width: 992px) {
    .is-products .l-job-mega-menu__list-parent {
        max-width: 33.3333%
    }
}

.is-products .l-job-mega-menu__list-parent > li:not(.to-category-top) {
    margin-bottom: 8px
}

@media all and (-ms-high-contrast: none) {
    .is-products .l-job-mega-menu__list-parent > li:not(.to-category-top) a {
        height: 60px
    }
}

.l-job-mega-menu__list-parent > li:not(.to-category-top) > a {
    display: flex;
    align-items: center;
    min-height: 50px
}

@media (max-width: 767px) {
    .l-job-mega-menu__list-parent > li:not(.to-category-top) > a {
        min-height: 30px;
        font-size: 12px
    }
}

@media all and (-ms-high-contrast: none) {
    .l-job-mega-menu__list-parent > li:not(.to-category-top) > a {
        height: 50px
    }
}

.l-job-mega-menu__list-parent > li:not(.to-category-top) > a.current {
    background-color: #191919
}

.l-job-mega-menu__list-parent > li:not(.to-category-top) > a:hover {
    background-color: #191919
}

.l-job-mega-menu__list-parent > li:not(.to-category-top) > a img {
    height: 60px;
    width: auto
}

.l-job-mega-menu__list-parent > li:not(.to-category-top) > a span {
    flex: 0 0 auto
}

.l-job-mega-menu__list-parent > li:not(.to-category-top) > a .title {
    flex: 1 1 auto;
    display: flex;
    align-items: center;
    position: relative;
    padding: 0 50px 0 20px
}

.l-job-mega-menu__list-parent > li:not(.to-category-top) > a.u-link-arrow::after {
    position: absolute;
    right: 35px;
    top: 50%;
    margin-top: -4px;
    height: 8px;
    width: 8px
}

.l-job-mega-menu__list-parent > li:not(.to-category-top) .u-icon-external-link::after {
    flex: 0 0 auto
}

.l-job-mega-menu__list-parent > li.to-category-top {
    padding: 15px 0;
    height: 50px
}

.l-job-mega-menu__list-parent > li.to-category-top a:not(:hover) {
    color: #fff
}

.l-job-mega-menu__list-child {
    display: flex;
    flex-wrap: wrap;
    z-index: 99;
    width: 100%;
    padding: 50px 30px 25px 0
}

.l-job-mega-menu__list-child > li {
    width: 50%;
    padding-left: 30px
}

.l-job-mega-menu__list-child > li > a {
    display: block;
    padding: 15px 30px 15px 0;
    border-bottom: 1px solid #717171
}

.is-products .l-job-mega-menu__list-child {
    display: block;
    flex: 0 0 auto;
    min-height: 100%;
    width: 100%;
    padding-right: 0;
    background-color: #191919
}

.is-products .l-job-mega-menu__list-child > li {
    height: 60px;
    width: auto;
    padding-left: 0px
}

.is-products .l-job-mega-menu__list-child > li > a {
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
    padding: 0 40px 0 25px;
    border-bottom: none
}

.is-products .l-job-mega-menu__list-child > li > a.current {
    background-color: #323232
}

.is-products .l-job-mega-menu__list-child > li:not(.to-content-top) > a {
    padding-left: 50px
}

.is-products .l-job-mega-menu__list-child > li:not(.to-content-top) > a:hover {
    background-color: #323232
}

.is-products .l-job-mega-menu__list-child > li:not(.to-content-top) .u-link-arrow::after {
    right: 36px
}

.is-products .l-job-mega-menu__list-child > li.to-content-top {
    display: flex;
    align-items: center;
    padding: 0 22px 0 24px
}

.is-products .l-job-mega-menu__list-child > li.to-content-top a {
    display: block;
    width: 330px;
    height: auto;
    border: 1px solid #fff
}

.is-products .l-job-mega-menu__list-child > li.to-content-top a span {
    width: 100%;
    padding: 0;
    line-height: 36px
}

.is-products .l-job-mega-menu__list-child > li.to-content-top .u-link-arrow::after {
    right: 14px
}

.is-products .l-job-mega-menu__list-child .u-link-arrow::after {
    right: 40px
}

.is-products .l-job-mega-menu__list-child .u-icon-external-link::after {
    position: absolute;
    right: 34px
}

.l-job-mega-menu__list-child .u-link-arrow::after {
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -4px
}

.l-job-mega-menu__list-grandchild {
    width: 100%;
    min-height: 100%;
    padding: 50px 0px 25px;
    background-color: #323232
}

.l-job-mega-menu__list-grandchild > li > a {
    display: block;
    padding: 16px 50px 16px 30px
}

.l-job-mega-menu__list-grandchild > li > a:hover .label {
    color: #fff
}

.l-job-mega-menu__list-grandchild > li.to-content-top {
    position: relative;
    display: flex;
    align-items: center;
    min-height: 60px;
    padding: 0
}

.l-job-mega-menu__list-grandchild > li.to-content-top > a {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    padding: 3px 0;
    min-height: 36px;
    flex: 1 1 auto;
    width: 330px;
    text-decoration: none
}

.l-job-mega-menu__list-grandchild > li.to-content-top > a span {
    display: block;
    width: 100%;
    padding: 0 40px 0 24px;
    line-height: 1.3
}

.l-job-mega-menu__list-grandchild > li:not(.to-content-top):hover {
    background-color: #323232
}

.l-job-mega-menu__list-grandchild .title {
    display: block
}

.l-job-mega-menu__list-grandchild .label {
    display: inline-block;
    padding: 4px 10px;
    margin-bottom: 6px;
    background-color: #65717d;
    line-height: 1
}

.l-job-mega-menu__list-grandchild .u-link-arrow::after {
    position: absolute;
    right: 20px;
    top: 50%;
    margin-top: -5px
}

.l-wrapper {
    overflow: hidden
}

.l-container {
    margin-right: 10px;
    margin-left: 10px
}

@media (min-width: 768px) {
    .l-container {
        max-width: 1230px;
        margin-right: auto;
        margin-left: auto;
        padding-right: 15px;
        padding-left: 15px
    }
}

.c-accordion {
    position: relative;
    margin-bottom: 1rem
}

.c-accordion__toggle {
    background-color: #000;
    color: #fff;
    display: flex;
    position: relative
}

.c-accordion__toggle .num {
    flex: 0 0 3rem;
    display: flex;
    align-items: center;
    justify-content: center
}

.c-accordion__toggle .txt {
    flex: 1 1 auto;
    padding: 15px
}

.c-accordion__toggle::after {
    position: absolute;
    top: 50%;
    right: 1rem;
    margin-top: -0.75rem;
    width: 1rem;
    height: 1rem;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    content: ""
}

.open .c-accordion__toggle::after {
    margin-top: -0.25rem;
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg)
}

.c-accordion__content {
    padding: 15px
}

.c-accordion__btn {
    margin: 0 auto;
    height: 3rem;
    width: 250px;
    border: 1px solid #000;
    background-color: #aaa;
    display: flex;
    align-items: center;
    justify-content: center
}

.c-accordion__btn::before {
    content: "開く"
}

.open .c-accordion__btn::before {
    content: "閉じる"
}

.c-anchor-link-list {
    font-family: "SSTJapanese W55 Regular", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 10px
}

[lang=en] .c-anchor-link-list {
    font-family: "SST W20 Roman", "Helvetica Neue", Helvetica, Arial, sans-serif
}

[lang=zh-CN] .c-anchor-link-list {
    font-family: "SST W20 Roman", "Hiragino Kaku Gothic ProN", "Heiti TC", Roboto, Droid, "Helvetica Neue", Helvetica, Arial, sans-serif
}

.c-anchor-link-list a {
    display: flex;
    align-items: center;
    height: 100%;
    min-height: 40px;
    position: relative;
    padding: 0 20px 0 10px;
    border: 1px solid #dedfe2
}

.c-anchor-link-list a::after {
    display: inline-block;
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -5px;
    height: 6px;
    width: 6px;
    border: solid #000;
    border-width: 1px 1px 0 0;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    content: ""
}

.c-anchor-link-list a:hover::after {
    border-color: #3269ff
}

@media (max-width: 767px) {
    .c-anchor-link-list {
        display: flex;
        flex-wrap: wrap
    }

    .c-anchor-link-list li {
        width: 50%;
        margin-bottom: -1px
    }

    .c-anchor-link-list li:nth-child(even) {
        margin-left: -1px
    }
}

@media (min-width: 768px) {
    .c-anchor-link-list {
        display: flex;
        flex-wrap: wrap;
        font-size: 16px
    }

    .c-anchor-link-list > li {
        margin-bottom: 10px
    }

    .c-anchor-link-list a {
        padding: 12px 40px 12px 20px
    }

    .c-anchor-link-list a::after {
        right: 25px;
        margin-top: -8px;
        height: 9px;
        width: 9px
    }
}

@media (min-width: 768px)and (min-width: 768px)and (max-width: 992px) {
    .c-anchor-link-list a::after {
        right: 15px
    }
}

@media (min-width: 768px) {
    .c-anchor-link-list.column-2 > li {
        width: calc(50% - 15px)
    }

    .c-anchor-link-list.column-2 > li:not(:nth-child(2n+1)) {
        margin-left: 30px
    }
}

@media (min-width: 768px) {
    .c-anchor-link-list.column-3 > li {
        width: calc((100% - 60px) / 3)
    }

    .c-anchor-link-list.column-3 > li:not(:nth-child(3n+1)) {
        margin-left: 30px
    }
}

.c-product-category-anchor-list > li {
    margin-bottom: 15px
}

.c-product-category-anchor-list > li > p {
    margin: 15px 0
}

.c-product-category-anchor-list a {
    position: relative;
    display: block;
    padding: 10px 20px;
    height: 100%;
    width: 100%;
    background-color: #dedfe2;
    transition: color .3s, background-color .3s, border .3s
}

.c-product-category-anchor-list a:hover {
    color: #fff;
    background-color: #3269ff
}

.c-product-category-anchor-list a:hover .label {
    color: #3269ff
}

.c-product-category-anchor-list .label {
    display: inline-block;
    margin-bottom: 4px;
    padding: 2px 10px;
    background-color: #fff;
    font-family: "SST W55 Light", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 10px;
    line-height: 1
}

[lang=en] .c-product-category-anchor-list .label {
    font-family: "SST W20 Light", sans-serif
}

[lang=zh-CN] .c-product-category-anchor-list .label {
    font-family: "SST W20 Light", sans-serif
}

.c-product-category-anchor-list .title {
    display: block
}

.c-product-category-anchor-list .u-link-arrow::after {
    position: absolute;
    top: 50%;
    right: 25px;
    margin-top: -3px
}

.c-product-category-anchor-list .u-icon-external-link-blue::after {
    position: absolute;
    top: 50%;
    right: 22px;
    margin-top: -3px
}

@media (min-width: 768px) {
    .c-product-category-anchor-list {
        display: flex;
        flex-wrap: wrap
    }

    .c-product-category-anchor-list.column-2 {
        align-items: flex-start
    }

    .c-product-category-anchor-list.column-2 > li {
        max-width: calc(50% - 15px);
        flex-basis: calc(50% - 15px);
        flex-direction: column
    }

    .c-product-category-anchor-list.column-2 > li:nth-child(even) {
        margin-left: 30px
    }

    .c-product-category-anchor-list > li {
        flex: 1 1 100%;
        display: flex;
        align-items: flex-start;
        min-height: 70px;
        margin-bottom: 30px;
        line-height: 1.3
    }

    .c-product-category-anchor-list > li > p {
        margin: 15px 0 30px;
        padding: 0 30px;
        max-width: 100%
    }

    .c-product-category-anchor-list a {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        padding: 10px 60px 10px 30px
    }

    .c-product-category-anchor-list a.u-icon-external-link-blue:hover::after {
        background-image: url(../image/icon-external-link_blue_hover.svg)
    }

    .c-product-category-anchor-list .label {
        margin: 10px 0 0;
        padding: 4px 15px;
        font-size: 12px
    }

    .c-product-category-anchor-list .title {
        font-size: 18px;
        margin: 6px 0
    }

    .c-product-category-anchor-list .u-link-arrow::after {
        right: 45px;
        margin-top: -5px
    }
}

@media (min-width: 768px)and (min-width: 768px)and (max-width: 992px) {
    .c-product-category-anchor-list .u-link-arrow::after {
        right: 15px
    }
}

@media (min-width: 768px) {
    .c-product-category-anchor-list .u-icon-external-link-blue::after {
        right: 39px;
        margin-top: -7px
    }
}

@media (min-width: 768px)and (min-width: 768px)and (max-width: 992px) {
    .c-product-category-anchor-list .u-icon-external-link-blue::after {
        right: 15px
    }
}

.c-anchor-underline {
    margin: 25px 0 0
}

@media (min-width: 768px) {
    .c-anchor-underline {
        margin: 50px auto 0;
        max-width: 790px
    }
}

.c-anchor-underline ul {
    display: flex;
    flex-wrap: wrap
}

.c-anchor-underline ul.is-center {
    justify-content: center
}

.c-anchor-underline li {
    font-size: 12px;
    line-height: 1.28;
    margin-bottom: -1px
}

@media (max-width: 767px) {
    .c-anchor-underline li {
        width: calc(50% - 15px)
    }

    .c-anchor-underline li:nth-child(even) {
        margin-left: 30px
    }
}

@media (min-width: 768px) {
    .c-anchor-underline li {
        font-size: 16px;
        margin-left: 30px
    }
}

@media (min-width: 768px) {
    .c-anchor-underline .column-2 li {
        width: calc((100% - 30px) / 2)
    }

    .c-anchor-underline .column-2 li:nth-child(2n+1) {
        margin-left: 0
    }

    .c-anchor-underline .column-3 li {
        width: calc((100% - 60px) / 3)
    }

    .c-anchor-underline .column-3 li:nth-child(3n+1) {
        margin-left: 0
    }

    .c-anchor-underline .column-4 li {
        width: calc((100% - 90px) / 4)
    }

    .c-anchor-underline .column-4 li:nth-child(4n+1) {
        margin-left: 0
    }

    .c-anchor-underline .column-5 li {
        width: calc((100% - 120px) / 5);
        font-size: 14px
    }

    .c-anchor-underline .column-5 li:nth-child(5n+1) {
        margin-left: 0
    }
}

.c-anchor-underline a {
    display: flex;
    align-items: center;
    min-height: 45px;
    position: relative;
    width: 100%;
    padding: 0 20px 0 0;
    border-bottom: 1px solid #d6d7da
}

@media (min-width: 768px) {
    .c-anchor-underline a {
        min-height: 70px
    }
}

.c-anchor-underline .u-link-arrow::after {
    position: absolute;
    right: 10px;
    top: 50%
}

@media (min-width: 768px) {
    .c-anchor-underline .u-link-arrow:after {
        right: 3px;
        margin-top: -5px
    }
}

.c-anchor-box {
    margin: 25px 0 0;
    padding: 0 10px
}

@media (min-width: 768px) {
    .c-anchor-box {
        display: flex;
        flex-wrap: wrap;
        max-width: 996px;
        width: 95%;
        margin: 0 auto;
        padding: 0
    }
}

@media (min-width: 768px) {
    .c-anchor-box__item {
        margin-left: 60px
    }

    .column-2 .c-anchor-box__item {
        width: calc((100% - 60px) / 2)
    }

    .column-2 .c-anchor-box__item:nth-child(2n+1) {
        margin-left: 0
    }

    .column-3 .c-anchor-box__item {
        width: calc((100% - 120px) / 3)
    }

    .column-3 .c-anchor-box__item:nth-child(3n+1) {
        margin-left: 0
    }

    .column-4 .c-anchor-box__item {
        width: calc((100% - 180px) / 4)
    }

    .column-4 .c-anchor-box__item:nth-child(4n+1) {
        margin-left: 0
    }
}

.c-anchor-box__item a {
    display: flex;
    align-items: center;
    min-height: 45px;
    position: relative;
    width: 100%;
    padding: 0 20px 0 0;
    border-bottom: 1px solid #d6d7da
}

.c-anchor-box__item p {
    margin: 15px auto 40px
}

.c-anchor-box__item .u-link-arrow::after {
    position: absolute;
    right: 10px
}

.c-button {
    transition: color .3s, background-color .3s, border .3s
}

.c-button:hover {
    color: #fff;
    background-color: #3269ff
}

.c-button-square {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    min-width: 250px;
    height: 50px;
    padding: 0 60px;
    border: 1px solid #4d5b6e;
    background-color: #fff;
    color: #000
}

@media (min-width: 768px) {
    .c-button-square {
        font-size: 18px
    }
}

.c-button-square:hover {
    border-color: #3269ff
}

.c-button-blue {
    border: none;
    background-color: #375b95;
    color: #fff
}

.c-button-blue:hover {
    background-color: #3269ff;
    color: #fff
}

.c-button-white {
    background-color: #fff;
    color: #525b6d
}

.c-scroll-top {
    position: fixed;
    right: 0px;
    bottom: 50px
}

.c-scroll-top a {
    display: block;
    position: relative;
    height: 30px;
    width: 30px;
    color: #fff;
    background-color: #4d5b6e;
    text-decoration: none;
    cursor: pointer;
    text-indent: -9999px;
    overflow: hidden;
    transition: color .3s, background-color .3s, border .3s
}

.c-scroll-top a:hover {
    color: #fff;
    background-color: #3269ff
}

.c-scroll-top a::before {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -3px;
    margin-left: -5px;
    height: 10px;
    width: 10px;
    border: solid #fff;
    border-width: 1px 1px 0 0;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    content: ""
}

@media (min-width: 768px) {
    .c-scroll-top a {
        height: 50px;
        width: 50px
    }

    .c-scroll-top a::before {
        height: 20px;
        width: 20px;
        margin-left: -10px
    }
}

.c-casestudy__all-clear-button {
    display: block;
    margin: 0 auto;
    padding: 10px 30px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    background-color: #dddfe2;
    border: none;
    font-size: 12px;
    cursor: pointer
}

.c-casestudy__all-clear-button:hover {
    opacity: .7
}

@media (min-width: 768px) {
    .c-casestudy__all-clear-button {
        margin: 0 0 0 auto;
        font-size: 14px
    }
}

.c-casestudy__all-clear-button svg {
    margin-left: 10px;
    width: 8px;
    height: 8px;
    vertical-align: middle
}

@media (min-width: 768px) {
    .c-casestudy__all-clear-button svg {
        width: 12px;
        height: 12px;
        vertical-align: -1px
    }
}

.c-casestudy__button-area-sp {
    text-align: center
}

.c-casestudy__container {
    margin-bottom: 50px;
    font-size: 80%
}

.c-casestudy__container h4 {
    margin: 1em 0 .5em;
    font-weight: bold
}

.c-casestudy__checkbox-container {
    margin-bottom: 30px
}

.c-casestudy__checkbox-container label {
    cursor: pointer
}

.c-casestudy__checkbox-container label:hover {
    opacity: .7
}

.c-casestudy__checkbox-container label input {
    cursor: inherit
}

.c-casestudy__checkbox-section {
    margin-top: 20px;
    padding: 10px 20px 14px;
    background-color: #dddfe2
}

@media (min-width: 768px) {
    .c-casestudy__checkbox-section {
        padding: 0;
        background: #fff;
        border: 1px solid #dedfe2
    }
}

.c-casestudy__checkbox-section .section-title {
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #4a494a;
    font-size: 12px
}

@media (min-width: 768px) {
    .c-casestudy__checkbox-section .section-title {
        margin: 0;
        padding: 15px;
        background-color: #dedfe2;
        border-bottom: none;
        font-size: 16px;
        text-align: center
    }
}

@media (min-width: 768px) {
    .c-casestudy__checkbox-wrap {
        padding: 10px 20px 14px
    }
}

.c-casestudy__checkbox-list {
    font-size: 12px
}

@media (min-width: 768px) {
    .c-casestudy__checkbox-list {
        display: flex;
        flex-wrap: wrap;
        gap: 0 50px;
        padding-left: 30px;
        font-size: 13px
    }
}

.c-casestudy__checkbox-list + .c-casestudy__checkbox-list {
    margin-top: 4px;
    padding-top: 4px
}

@media (min-width: 768px) {
    .c-casestudy__checkbox-list + .c-casestudy__checkbox-list {
        margin-top: 8px;
        padding-top: 8px;
        border-top: 1px solid #dfe1e4
    }
}

.c-casestudy__checkbox-list:not(:has(li:not(.hide))) {
    display: none
}

.c-casestudy__checkbox-list li.hide {
    display: none
}

.c-casestudy__checkbox-list input {
    margin: 0 .4em 0 0
}

.c-casestudy__checkbox-list label {
    display: inline-block;
    position: relative;
    padding: 6px 0 6px 0
}

@media (min-width: 768px) {
    .c-casestudy__checkbox-list label {
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content
    }
}

.c-casestudy__checkbox-list .sub-select {
    margin-left: 1.5em
}

@media (min-width: 768px) {
    .c-casestudy__checkbox-list-child {
        display: flex;
        flex-wrap: wrap;
        gap: 0 50px
    }
}

.c-casestudy__keyword-container {
    margin-bottom: 15px
}

.c-casestudy__keyword-section {
    padding: 15px 10px
}

.c-casestudy__keyword-input {
    position: relative;
    display: flex
}

@media (min-width: 768px) {
    .c-casestudy__keyword-input {
        width: 450px;
        margin: 0 auto
    }
}

.c-casestudy__keyword-input > input {
    flex: 1 0 auto;
    padding: 10px;
    border: 1px solid #dcdde0;
    color: #767576;
    font-size: 12px
}

@media (min-width: 768px) {
    .c-casestudy__keyword-input > input {
        padding: 0 20px;
        height: 50px;
        font-size: 18px
    }
}

.c-casestudy__keyword-input .search-button {
    flex: 0 0 auto;
    width: 36px;
    height: 36px;
    background: #000 url(../image/icon-search-white.svg) no-repeat center center/20px auto;
    border: none;
    color: rgba(0, 0, 0, 0);
    font-size: 0;
    cursor: pointer
}

.c-casestudy__keyword-input .search-button:hover {
    opacity: .7
}

@media (min-width: 768px) {
    .c-casestudy__keyword-input .search-button {
        width: 50px;
        height: 50px
    }
}

.c-casestudy__keyword-input .clear-button {
    position: absolute;
    right: 46px;
    top: 50%;
    margin-top: -10px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #bebebe;
    border: none;
    color: rgba(0, 0, 0, 0);
    font-size: 0;
    cursor: pointer
}

.c-casestudy__keyword-input .clear-button:hover {
    opacity: .7
}

@media (min-width: 768px) {
    .c-casestudy__keyword-input .clear-button {
        right: 65px;
        width: 28px;
        height: 28px;
        margin-top: -14px
    }
}

.c-casestudy__keyword-input .clear-button::after, .c-casestudy__keyword-input .clear-button::before {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 10px;
    height: 2px;
    background-color: #fff;
    content: ""
}

.c-casestudy__keyword-input .clear-button::before {
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg)
}

.c-casestudy__keyword-input .clear-button:after {
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
    transform: translate(-50%, -50%) rotate(-45deg)
}

.c-casestudy__header {
    margin-bottom: 20px
}

@media (min-width: 768px) {
    .c-casestudy__header {
        display: flex;
        align-items: center;
        gap: 50px;
        margin-bottom: 30px
    }
}

@media (min-width: 768px) {
    .c-casestudy__header p {
        font-size: 18px
    }
}

.c-casestudy__header-title {
    margin-bottom: 1em;
    font-size: 18px
}

@media (min-width: 768px) {
    .c-casestudy__header-title {
        margin: 0;
        font-size: 32px
    }
}

.c-casestudy__header-title-result {
    font-size: 18px
}

@media (min-width: 768px) {
    .c-casestudy__header-title-result {
        font-size: 32px
    }
}

.c-casestudy__label-check-all {
    position: relative;
    margin-bottom: 8px;
    border-bottom: 1px solid #4a494a;
    font-size: 12px;
    font-weight: bold
}

@media (min-width: 768px) {
    .c-casestudy__label-check-all {
        display: inline-block;
        margin-bottom: 4px;
        font-size: 14px;
        border-bottom: none
    }
}

.c-casestudy__label-check-all input {
    margin: 0 .4em 0 0
}

.c-casestudy__label-check-all label {
    display: inline-block;
    padding: 10px 0 10px 0
}

.c-casestudy__result-container {
    margin: 70px 0
}

.c-casestudy__result-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-bottom: 18px
}

@media (min-width: 768px) {
    .c-casestudy__result-header {
        justify-content: start;
        gap: 50px
    }
}

.c-casestudy__result-header > p {
    font-size: 12px;
    line-height: 1
}

@media (min-width: 768px) {
    .c-casestudy__result-header > p {
        font-size: 18px
    }
}

.c-casestudy__result-header .result-count {
    font-size: 18px
}

@media (min-width: 768px) {
    .c-casestudy__result-header .result-count {
        font-size: 30px
    }
}

@media (min-width: 768px) {
    .c-casestudy__search-result {
        display: flex;
        flex-wrap: wrap;
        gap: 30px
    }
}

.c-casestudy__search-result > li {
    margin-bottom: 20px
}

@media (min-width: 768px) {
    .c-casestudy__search-result > li {
        margin: 0;
        width: calc((100% - 90px) / 4)
    }
}

.c-casestudy__search-result > li > a {
    height: 100%;
    background-color: #f7f8f3
}

.c-casestudy__search-result > li .cate {
    padding: 5px 8px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    background-color: #697f75;
    color: #fff;
    font-size: 15px
}

@media (min-width: 768px) {
    .c-casestudy__search-result > li .cate {
        font-size: 12px
    }
}

.c-casestudy__search-result > li .cate.--cate-1 {
    background-color: #687f75
}

.c-casestudy__search-result > li .cate.--cate-2 {
    background-color: #807378
}

.c-casestudy__search-result > li .keyword {
    font-size: 15px;
    line-height: 1.6666666667
}

@media (min-width: 768px) {
    .c-casestudy__search-result > li .keyword {
        font-size: 12px
    }
}

.c-casestudy__search-result > li .title {
    font-size: 20px;
    line-height: 1.625;
    margin: .6em 0
}

@media (min-width: 768px) {
    .c-casestudy__search-result > li .title {
        font-size: 16px
    }
}

.c-casestudy__search-result > li .thumb {
    position: relative;
    overflow: hidden;
    aspect-ratio: 16/9
}

.c-casestudy__search-result > li .thumb img {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 100%
}

.c-casestudy__search-result > li .body {
    padding: 15px
}

.c-casestudy__search-result > li a {
    display: block
}

.c-casestudy__heading {
    display: block;
    padding: 15px 20px;
    background-color: #dddfe2;
    font-size: 14px;
    text-align: left
}

@media (min-width: 768px) {
    .c-casestudy__heading {
        font-size: 16px;
        text-align: center
    }
}

.c-casestudy__heading-toggle-button {
    display: block;
    position: relative;
    padding: 15px 20px;
    width: 100%;
    background-color: #dddfe2;
    border: none;
    font-size: 14px;
    text-align: left;
    cursor: pointer
}

@media (min-width: 768px) {
    .c-casestudy__heading-toggle-button {
        font-size: 18px;
        text-align: center
    }
}

.c-casestudy__heading-toggle-button:hover {
    opacity: .7
}

.c-casestudy__heading-toggle-button.js-accordionToggle::after, .c-casestudy__heading-toggle-button.js-accordionToggle::before {
    position: absolute;
    right: 20px;
    top: 50%;
    height: 15px;
    margin-top: -7px;
    content: ""
}

.c-contact-us {
    padding: 45px 0 75px;
    background-color: #f5f5f3
}

@media (min-width: 768px) {
    .c-contact-us {
        padding: 90px 0 110px
    }
}

.c-contact-us__container {
    padding: 0 10px
}

@media (min-width: 768px) {
    .c-contact-us__container {
        max-width: 995px;
        margin: 0 auto;
        padding: 0
    }
}

.c-contact-us__title {
    margin: 0 0 20px;
    text-align: center
}

@media (min-width: 768px) {
    .c-contact-us__title {
        margin-bottom: 40px
    }
}

.c-contact-us__text {
    margin-bottom: 30px
}

.c-contact-us__button {
    margin-bottom: 15px;
    text-align: center
}

@media (max-width: 767px) {
    .c-contact-us__button .c-button {
        display: flex;
        padding: 0 20px
    }
}

@media (min-width: 768px) {
    .c-contact-us__button .c-button {
        height: 60px;
        font-size: 18px
    }
}

.c-contact-us__notice {
    font-size: 10px
}

@media (min-width: 768px) {
    .c-contact-us__notice {
        text-align: center;
        font-size: 11px
    }
}

.c-contact-us__text-order {
    margin-bottom: 10px;
    color: #375b95;
    font-size: 15px;
    text-align: center
}

@media (min-width: 768px) {
    .c-contact-us__text-order {
        font-size: 18px
    }
}

.c-download {
    background-color: #dcdde0;
    padding: 75px 0
}

@media (min-width: 768px) {
    .c-download {
        padding: 100px 0
    }
}

.c-download__title {
    font-size: 25px;
    text-align: center;
    margin-bottom: 50px
}

@media (min-width: 768px) {
    .c-download__title {
        font-size: 40px;
        margin-bottom: 80px
    }
}

.c-download__whitebg {
    background-color: #fff;
    padding: 50px 15px;
    margin: 0 10px
}

@media (min-width: 768px) {
    .c-download__whitebg {
        padding: 50px 85px;
        margin: 0 auto;
        max-width: 995px
    }
}

.c-download__whitebg__child + .c-download__whitebg__child {
    margin-top: 60px
}

@media (min-width: 768px) {
    .c-download__whitebg__child__wrap {
        display: flex;
        align-content: center
    }
}

@media (min-width: 768px) {
    .c-download__whitebg__child__text {
        flex: 1 1 auto;
        max-width: 550px
    }
}

.c-download__whitebg__child__thumbnail {
    float: left;
    width: 15%;
    margin: 0 1em 1em 0
}

@media (min-width: 768px) {
    .c-download__whitebg__child__thumbnail {
        width: 85px
    }
}

.c-download__whitebg__child__title {
    font-size: 18px;
    line-height: 30px;
    margin-bottom: 20px
}

.c-download__whitebg__child__button {
    margin: 30px auto 0;
    padding: 0;
    text-align: center;
    clear: both
}

.c-download__whitebg__child__button .c-button {
    padding: 0
}

@media (min-width: 768px) {
    .c-download__whitebg__child__button {
        flex: 0 0 auto;
        margin: 0 0 0 20px
    }
}

.c-group-information {
    padding: 70px 0
}

@media (min-width: 768px) {
    .c-group-information {
        padding: 95px 0
    }
}

.c-group-information__title {
    margin-bottom: 35px;
    text-align: center
}

@media (min-width: 768px) {
    .c-group-information__title {
        margin-bottom: 75px
    }
}

.c-group-information__list {
    display: flex;
    flex-wrap: wrap
}

@media (max-width: 767px) {
    .c-group-information__list {
        justify-content: space-between
    }
}

.c-group-information__list-item {
    margin-bottom: 15px;
    background-color: #fff;
    font-family: "SST W55 Bold", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif
}

[lang=en] .c-group-information__list-item {
    font-family: "SST W20 Bold", sans-serif
}

[lang=zh-CN] .c-group-information__list-item {
    font-family: "SST W20 Bold", sans-serif;
    font-weight: bold
}

@media (max-width: 767px) {
    .c-group-information__list-item {
        width: calc(50% - 5px)
    }
}

@media (min-width: 768px) {
    .c-group-information__list-item {
        margin-bottom: 30px;
        width: calc((100% - 90px) / 4)
    }

    .c-group-information__list-item:not(:nth-child(4n+1)) {
        margin-left: 30px
    }
}

.c-group-information__list-item.is-simple {
    background: none
}

.c-group-information__list-title {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 70px;
    font-size: 14px;
    line-height: 1.42;
    text-align: center
}

@media (min-width: 768px) {
    .c-group-information__list-title {
        height: 115px;
        font-size: 20px
    }
}

.is-simple .c-group-information__list-title {
    height: 100%
}

#js-toggleMenu {
    left: 0;
    bottom: 100%;
    position: fixed;
    z-index: 100
}

@media (min-width: 768px) {
    #js-toggleMenu {
        position: static
    }
}

#js-toggleMenu-container {
    height: calc(100vh - 45px);
    width: 100vw;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s
}

.open #js-toggleMenu-container {
    position: relative;
    top: 45px;
    -webkit-transform: translateY(100%);
    transform: translateY(100%)
}

@media (min-width: 768px) {
    #js-toggleMenu-container {
        -webkit-transform: none;
        transform: none;
        position: static;
        height: auto;
        width: auto;
        overflow: visible
    }
}

.js-accordionToggle {
    position: relative
}

.js-accordionToggle::before {
    display: inline-block;
    position: absolute;
    top: 50%;
    right: 35px;
    margin-top: -3px;
    height: 7px;
    border: solid #4a494a;
    border-width: 1px 1px 0 0;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    content: ""
}

.js-accordionToggle::after {
    display: inline-block;
    position: absolute;
    top: 50%;
    right: 35px;
    margin-top: -3px;
    height: 7px;
    border: solid #4a494a;
    border-width: 1px 1px 0 0;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    content: ""
}

.open > .js-accordionToggle::after {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.c-job-menu-sp .js-accordionToggle::after, .c-job-menu-sp .js-accordionToggle::before, .c-menu-sp .js-accordionToggle::after, .c-menu-sp .js-accordionToggle::before {
    border-color: #fff
}

.toggleMenu-button {
    background-color: #042161;
    display: block;
    width: 45px;
    height: 45px;
    border: none;
    position: relative;
    z-index: 10000
}

.toggleMenu-button .icon-menu {
    width: 20px
}

.toggleMenu-button:not(.open) .is-open {
    display: none
}

.toggleMenu-button.open .is-close {
    display: none
}

.toggleMenu-overlay {
    display: none !important;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    position: fixed;
    z-index: 99;
    background-color: rgba(0, 0, 0, .8)
}

@media (min-width: 768px) {
    .c-menu-sp {
        display: none
    }
}

.c-menu-sp a {
    color: inherit
}

.c-menu-sp .l-container {
    margin: 0
}

.c-menu-sp__container {
    background: #6aa6f4;
    color: #fff
}

.c-menu-sp__search {
    margin: 10px;
    position: relative
}

.c-menu-sp__search::before {
    position: absolute;
    left: 10px;
    top: 50%;
    height: 18px;
    width: 18px;
    margin-top: -9px;
    content: "";
    background: url(../image/icon-search-white.svg) no-repeat 0/contain
}

.c-menu-sp__search input {
    background-color: #323232;
    color: #fff;
    padding-left: 36px;
    height: 30px;
    width: 100%;
    border: none
}

.c-menu-sp__search input::-webkit-input-placeholder {
    color: #9e9e9e
}

.c-menu-sp__search input:-ms-input-placeholder {
    color: #9e9e9e
}

.c-menu-sp__search input::-ms-input-placeholder {
    color: #9e9e9e
}

.c-menu-sp__search input::placeholder {
    color: #9e9e9e
}

.c-menu-sp__language {
    display: flex;
    justify-content: center;
    padding: 10px;
    border-top: 1px solid #494849
}

.c-menu-sp__language a {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 30px;
    width: 125px;
    border: 1px solid #e0e1e4
}

.c-menu-sp__language a + a {
    margin-left: -1px
}

.c-menu-sp__list {
    padding-bottom: 60px
}

.c-menu-sp__list a {
    display: block
}

.c-menu-sp__list > li {
    border-top: 1px solid #494849
}

.c-menu-sp__list > li > a {
    padding: 15px 25px
}

.c-menu-sp__list .u-link-arrow::after {
    position: absolute;
    right: 34px;
    top: 50%;
    margin-top: -3px
}

.c-menu-sp__list .u-icon-external-link::after {
    position: absolute;
    right: 28px;
    top: 50%;
    margin-top: -5px;
    width: 13px;
    height: 9px
}

.c-menu-sp__list-parent {
    font-size: 10px
}

.c-menu-sp__list-parent > li > a {
    padding: 0 50px 0 30px;
    display: flex;
    align-items: center;
    height: 35px
}

.c-menu-sp__list-parent > li .thumb {
    flex: 0 0 70px;
    height: 35px;
    margin-right: 15px
}

.c-menu-sp__list-parent > li .title {
    display: block;
    position: relative;
    flex: 1 0 auto
}

.c-menu-sp__list-parent > li.to-category-top {
    padding-left: 30px;
    border-top: 1px solid #494849;
    background-color: #042161
}

.c-menu-sp__list-parent > li.to-category-top > a {
    display: inline-block;
    padding: 10px 0;
    margin: 0
}

.c-menu-sp__list-parent > li.to-category-top > a::before {
    content: "> "
}

.c-menu-sp__list-parent > li.open {
    background-color: #042161
}

.c-menu-sp__list-parent > li.open > a > .u-link-arrow-down::after {
    -webkit-transform: rotateX(180deg) rotateZ(135deg) translateY(3px);
    transform: rotateX(180deg) rotateZ(135deg) translateY(3px)
}

.is-products .c-menu-sp__list-parent > li {
    margin-bottom: 10px
}

.is-products .c-menu-sp__list-parent > li.to-category-top {
    margin: 0
}

.c-menu-sp__list-child {
    padding: 0 20px
}

.c-menu-sp__list-child > li {
    border-top: 1px solid #494849
}

.c-menu-sp__list-child > li > a {
    padding: 10px 20px
}

.c-menu-sp__list-child > li.to-category-top {
    padding: 10px 20px 10px 50px
}

.c-menu-sp__list-child > li.to-category-top a {
    position: relative;
    padding: 5px 10px;
    border: 1px solid #fff
}

.c-menu-sp__list-child > li.to-category-top .u-link-arrow::after {
    right: 13px
}

.c-menu-sp__list-child > li.open {
    background-color: #021130
}

.c-menu-sp__list-child > li.open > a > .u-link-arrow-down::after {
    -webkit-transform: rotateX(180deg) rotateZ(135deg) translateY(3px);
    transform: rotateX(180deg) rotateZ(135deg) translateY(3px)
}

.c-menu-sp__list-child .u-link-arrow::after {
    right: 14px
}

.is-products .c-menu-sp__list-child {
    padding: 0
}

.is-products .c-menu-sp__list-child > li {
    border-top: none
}

.is-products .c-menu-sp__list-child > li > a {
    padding: 10px 50px 10px 40px;
    text-decoration: none
}

.is-products .c-menu-sp__list-child > li:not(.to-category-top) > a {
    padding-left: 60px
}

.is-products .c-menu-sp__list-child > li:not(.to-category-top) > a.u-link-arrow::after {
    right: 34px
}

.is-products .c-menu-sp__list-child > li.to-category-top a {
    padding: 5px 10px
}

.c-menu-sp__list-grandchild {
    margin: 0 20px
}

.c-menu-sp__list-grandchild > li {
    border-top: 1px solid #717171
}

.c-menu-sp__list-grandchild > li > a {
    padding: 10px 30px 10px 50px
}

.c-menu-sp__list-grandchild > li .label {
    display: inline-block;
    margin-bottom: 4px;
    padding: 2px 10px;
    background-color: #65717d;
    line-height: 1
}

.c-menu-sp__list-grandchild > li .title {
    display: block
}

.c-menu-sp__list-grandchild > li .u-link-arrow::after {
    right: 14px
}

.c-menu-sp__list-grandchild > li.to-category-top {
    padding: 15px 0 15px 40px
}

.c-menu-sp__list-grandchild > li.to-category-top a {
    position: relative;
    padding: 5px 10px;
    border: 1px solid #fff;
    text-decoration: none
}

.c-menu-sp__list-grandchild > li.to-category-top .u-link-arrow::after {
    right: 13px
}

@media (min-width: 768px) {
    .c-job-menu-sp {
        display: none
    }
}

.c-job-menu-sp a {
    color: inherit
}

.c-job-menu-sp .l-container {
    margin: 0
}

.c-job-menu-sp__container {
    background: #000;
    color: #fff
}

.c-job-menu-sp__search {
    margin: 10px;
    position: relative
}

.c-job-menu-sp__search::before {
    position: absolute;
    left: 10px;
    top: 50%;
    height: 18px;
    width: 18px;
    margin-top: -9px;
    content: "";
    background: url(../image/icon-search-white.svg) no-repeat 0/contain
}

.c-job-menu-sp__search input {
    background-color: #323232;
    color: #fff;
    padding-left: 36px;
    height: 30px;
    width: 100%;
    border: none
}

.c-job-menu-sp__language {
    display: flex;
    justify-content: center;
    padding: 10px;
    border-top: 1px solid #494849
}

.c-job-menu-sp__language a {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 30px;
    width: 125px;
    border: 1px solid #e0e1e4
}

.c-job-menu-sp__language a + a {
    margin-left: -1px
}

.c-job-menu-sp__list {
    padding-bottom: 60px
}

.c-job-menu-sp__list a {
    display: block
}

.c-job-menu-sp__list > li {
    border-top: 1px solid #494849
}

.c-job-menu-sp__list > li > a {
    padding: 15px 25px
}

.c-job-menu-sp__list .u-link-arrow::after {
    position: absolute;
    right: 34px;
    top: 50%;
    margin-top: -3px
}

.c-job-menu-sp__list .u-link-arrow.sp-nav-menu::after {
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg)
}

.c-job-menu-sp__list .u-icon-external-link::after {
    position: absolute;
    right: 28px;
    top: 50%;
    margin-top: -5px;
    width: 13px;
    height: 9px
}

.c-job-menu-sp__list-parent {
    font-size: 10px
}

.c-job-menu-sp__list-parent > li {
    margin-bottom: 10px
}

.c-job-menu-sp__list-parent > li > a {
    padding: 0 50px 0 30px;
    display: flex;
    align-items: center;
    height: 35px
}

.c-job-menu-sp__list-parent > li .thumb {
    height: 35px;
    margin-right: 15px
}

.c-job-menu-sp__list-parent > li .title {
    display: block;
    position: relative;
    flex: 1 0 auto
}

.c-job-menu-sp__list-parent > li.to-category-top {
    margin: 0 25px;
    border-top: 1px solid #494849;
    background-color: #000
}

.c-job-menu-sp__list-parent > li.to-category-top > a {
    display: inline-block;
    padding: 10px 0;
    margin: 0
}

.c-job-menu-sp__list-parent > li.to-category-top > a::before {
    content: "> "
}

.c-job-menu-sp__list-parent > li.to-category-top > p {
    padding: 10px 0
}

.c-job-menu-sp__list-parent > li.open {
    background-color: #191919
}

.c-job-menu-sp__list-parent > li.open > a > .u-link-arrow-down::after {
    -webkit-transform: rotateX(180deg) rotateZ(135deg) translateY(3px);
    transform: rotateX(180deg) rotateZ(135deg) translateY(3px)
}

.c-modal {
    display: none;
    position: fixed;
    z-index: 10010;
    top: 0;
    background-color: #fff;
    width: 100%;
    max-height: 100%;
    overflow: auto;
    pointer-events: none
}

.c-modal > * {
    pointer-events: auto
}

.c-modal.bg-gray {
    background-color: #f1f1eb
}

@media (max-width: 767px) {
    .c-modal {
        height: 100%
    }
}

@media (min-width: 768px) {
    .c-modal {
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        width: 1000px;
        max-height: 95%
    }
}

.c-modal.--center {
    max-width: 585px
}

@media (max-width: 767px) {
    .c-modal.--center {
        background: none
    }
}

.c-modal__overlay {
    display: none;
    position: fixed;
    z-index: 10009;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .3)
}

.c-modal__close-button {
    position: absolute;
    z-index: 50;
    right: 20px;
    top: 20px;
    width: 22px;
    padding: 0;
    margin: 0;
    border: none;
    background: none;
    cursor: pointer
}

@media (min-width: 768px) {
    [id^=modal--help] .c-modal__close-button {
        display: none
    }
}

.c-modal__container {
    padding: 70px 20px;
    width: 100vw;
    max-width: 100%
}

@media (min-width: 768px) {
    .c-modal__container {
        padding: 70px 40px
    }
}

@media (max-width: 767px) {
    .--center .c-modal__container {
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        background-color: #f8f7f5
    }
}

.c-newsmail {
    margin: 40px 0 0;
    padding: 50px 35px;
    background: #fff
}

@media (min-width: 768px) {
    .c-newsmail {
        margin: 80px auto 0
    }
}

@media (min-width: 768px) {
    .c-newsmail__content p {
        text-align: center
    }
}

.c-newsmail__title {
    margin: 0 0 20px;
    font-family: "SST W55 Bold", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 25px;
    line-height: 1.4;
    text-align: center
}

[lang=en] .c-newsmail__title {
    font-family: "SST W20 Bold", sans-serif
}

[lang=zh-CN] .c-newsmail__title {
    font-family: "SST W20 Bold", sans-serif;
    font-weight: bold
}

@media (min-width: 768px) {
    .c-newsmail__title {
        font-size: 40px
    }
}

.c-newsmail__button {
    margin: 25px auto 0;
    text-align: center
}

@media (min-width: 768px) {
    .c-newsmail__button {
        margin: 30px auto 0
    }
}

@media (min-width: 768px) {
    .c-newsmail .c-button {
        width: 315px;
        height: 60px;
        padding: 0 10px;
        font-size: 18px
    }

    .c-contact-us__container .c-contact-us__notice + .c-newsmail .c-button {
        min-width: 451px
    }
}

.bx-wrapper {
    position: relative
}

.bx-controls-direction a {
    top: 50%;
    position: absolute;
    margin-top: -1.5rem;
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    background-color: rgba(0, 0, 0, .5);
    display: inline-block;
    position: absolute;
    text-indent: -9999px
}

.bx-controls-direction a::before {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -0.5rem 0 0 -0.5rem;
    height: 1rem;
    width: 1rem;
    display: block;
    border: solid #fff;
    border-width: 2px 2px 0 0;
    content: ""
}

.bx-controls-direction .bx-prev {
    left: -1.5rem
}

.bx-controls-direction .bx-prev::before {
    margin-left: -6px;
    -webkit-transform: rotateZ(-135deg);
    transform: rotateZ(-135deg)
}

.bx-controls-direction .bx-next {
    right: -1.5rem
}

.bx-controls-direction .bx-next::before {
    margin-left: -12px;
    -webkit-transform: rotateZ(45deg);
    transform: rotateZ(45deg)
}

.bx-pager {
    width: 100%;
    text-align: center
}

.bx-pager .bx-pager-item {
    display: inline-block
}

.bx-pager .bx-pager-item a {
    margin: 0 .4rem;
    height: .9rem;
    width: .9rem;
    border-radius: 50%;
    background-color: #6b8fc8;
    border: .2rem solid #fff;
    display: inline-block;
    text-indent: -9999px;
    overflow: hidden
}

.bx-pager .bx-pager-item a:hover, .bx-pager .bx-pager-item a.active {
    background-color: #003180
}

.c-recruitment-information {
    padding: 70px 0
}

@media (min-width: 768px) {
    .c-recruitment-information {
        padding: 100px 0 120px
    }
}

.c-recruitment-information__bg {
    padding: 45px 0;
    background: url(../image/recruitment-info_sp.jpg) no-repeat center center/cover;
    color: #fff
}

@media (min-width: 768px) {
    .c-recruitment-information__bg {
        padding: 75px 0;
        background: url(../image/recruitment-info_pc.jpg) no-repeat center center/cover
    }
}

@media (min-width: 768px)and (max-width: 992px) {
    .c-recruitment-information__bg {
        padding: 30px 0
    }
}

.c-recruitment-information__title {
    margin-bottom: 25px;
    text-align: center
}

@media (min-width: 768px) {
    .c-recruitment-information__title {
        margin-bottom: 50px
    }
}

@media (min-width: 768px) {
    .c-recruitment-information__container {
        display: flex
    }
}

.c-recruitment-information__content .main-copy {
    margin-bottom: 25px;
    line-height: 1.5;
    padding-left: 10px
}

@media (min-width: 768px) {
    .c-recruitment-information__content .main-copy {
        padding-left: 0
    }
}

.c-recruitment-information__content .body-copy {
    line-height: 1.68;
    padding: 0 10px
}

@media (min-width: 768px) {
    .c-recruitment-information__content .body-copy {
        padding: 0
    }
}

.c-recruitment-information__content .c-button {
    margin: 0 auto
}

@media (min-width: 768px) {
    .c-recruitment-information__content {
        flex: 0 0 50%;
        margin-left: 50%;
        padding: 0 30px 0 150px
    }

    .c-recruitment-information__content .to-detail {
        margin: 40px 0 0
    }
}

@media (min-width: 768px)and (max-width: 992px) {
    .c-recruitment-information__content {
        padding: 0 30px
    }
}

.c-recruitment-information__image {
    margin: 45px -10px 0
}

@media (min-width: 768px) {
    .c-recruitment-information__image {
        flex: 0 0 50%;
        margin: 0
    }
}

.c-recruitment-information__link {
    margin-top: 45px;
    text-align: center
}

.c-recruitment-information__link .c-button {
    margin: 0 auto
}

.c-related-contents {
    padding: 30px 0
}

.c-related-contents__block {
    padding: 0 20px
}

@media (min-width: 768px) {
    .c-related-contents__block {
        display: flex;
        justify-content: center;
        margin: 0 auto 0
    }
}

@media (min-width: 768px) {
    .c-related-contents__block__text {
        padding: 0;
        max-width: 730px;
        flex: 1 1 100%
    }
}

.c-related-contents__block__text__annotation {
    margin-top: 15px
}

.c-related-contents__block__photo {
    margin: 30px -10px 0
}

@media (min-width: 768px) {
    .c-related-contents__block__photo {
        flex: 0 0 auto;
        margin: 0 0 0 55px;
        width: 380px
    }
}

@media (min-width: 768px)and (max-width: 1040px) {
    .c-related-contents__block__photo {
        margin-left: 30px;
        width: 50%
    }
}

.c-related-contents__block__subtitle {
    padding: 0 20px;
    font-size: 18px;
    line-height: 25px;
    margin-bottom: 15px
}

@media (min-width: 768px) {
    .c-related-contents__block__subtitle {
        margin-bottom: 30px;
        font-size: 28px;
        line-height: 40px
    }
}

.c-related-contents__block__link {
    position: relative;
    margin: 50px auto 0;
    text-align: center
}

@media (min-width: 768px) {
    .c-related-contents__block__link {
        text-align: left
    }
}

.c-productSelector__section {
    margin: 35px 10px;
    padding: 0
}

.c-productSelector__section:first-child {
    margin-top: 0
}

@media (min-width: 768px) {
    .c-productSelector__section {
        margin: 50px 0;
        padding: 0
    }
}

@media (max-width: 767px) {
    .c-productSelector__section-bg {
        padding: 30px 20px;
        background-color: #e0e1e5
    }
}

.c-productSelector__section-heading {
    margin-bottom: 20px
}

.c-productSelector__section-heading .main-txt {
    display: block;
    margin-bottom: 15px;
    font-family: "SST W55 Bold", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 18px
}

[lang=en] .c-productSelector__section-heading .main-txt {
    font-family: "SST W20 Bold", sans-serif
}

[lang=zh-CN] .c-productSelector__section-heading .main-txt {
    font-family: "SST W20 Bold", sans-serif;
    font-weight: bold
}

.c-productSelector__section-heading .sub-txt {
    display: block;
    font-size: 14px
}

.c-productSelector__section-heading .filter-count {
    font-size: 150%;
    font-weight: bold
}

@media (min-width: 768px) {
    .c-productSelector__section-heading {
        display: flex;
        align-items: center;
        margin-bottom: 40px
    }

    .c-productSelector__section-heading .main-txt {
        display: inline;
        margin: 0 50px 0 0;
        font-size: 32px
    }

    .c-productSelector__section-heading .sub-txt {
        display: inline;
        font-size: 20px
    }

    .c-productSelector__section-heading button {
        margin-left: auto
    }
}

@media (min-width: 768px) {
    .c-productSelector__filter-row {
        display: flex;
        margin-bottom: 30px
    }
}

.c-productSelector__filter-column {
    flex: 1 1 100%
}

@media (min-width: 768px) {
    .c-productSelector__filter-column {
        border: 1px solid #e0e1e5
    }

    .c-productSelector__filter-column + .c-productSelector__filter-column {
        border-left: none
    }

    .c-productSelector__filter-column dt {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 55px;
        background-color: #eeeff1;
        line-height: 1;
        font-size: 14px;
        text-align: center;
        pointer-events: none
    }

    .c-productSelector__filter-column dt::after, .c-productSelector__filter-column dt::before {
        display: none
    }

    .c-productSelector__filter-column dd {
        display: flex !important;
        flex-wrap: wrap;
        padding: 14px;
        font-size: 13px
    }

    .c-productSelector__filter-column dd label input {
        position: absolute;
        top: 1px;
        left: 0;
        margin: 0;
        width: 11px
    }

    .c-productSelector__filter-column dd label i {
        position: absolute;
        top: 1px;
        left: 0;
        display: inline-block;
        height: 11px;
        width: 11px;
        border: 1px solid #333;
        content: ""
    }

    .c-productSelector__filter-column dd label i::after {
        position: absolute;
        top: -1px;
        left: -2px;
        display: block;
        height: 3px;
        width: 6px;
        margin: 3px;
        border-style: solid;
        border-color: #fff;
        border-width: 0 0 1px 1px;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        content: ""
    }

    .c-productSelector__filter-column dd label input:checked ~ i {
        background-color: #355c95
    }

    .c-productSelector__filter-column dd.column-2 label {
        width: 50%
    }
}

@media (max-width: 767px) {
    .c-productSelector__filter-column dt {
        position: relative;
        padding: 20px 0;
        border-bottom: 1px solid #6f6f71
    }

    .c-productSelector__filter-column dt.js-accordionToggle::after, .c-productSelector__filter-column dt.js-accordionToggle::before {
        right: 12px;
        border-color: #000
    }

    .c-productSelector__filter-column dd {
        padding: 20px 0
    }
}

.c-productSelector__filter-column dd.is-type-of-image-sensor {
    justify-content: space-between
}

.c-productSelector__filter-column dd.is-type-of-image-sensor > div {
    display: flex;
    gap: 3px;
    position: relative
}

.c-productSelector__filter-column dd.is-type-of-image-sensor > div label {
    flex: 1 1 auto;
    min-width: 0;
    width: auto
}

.c-productSelector__filter-column label {
    display: block;
    position: relative;
    padding: 4px 0;
    transition: opacity 300ms
}

.c-productSelector__filter-column label:hover {
    opacity: .7
}

@media (min-width: 768px) {
    .c-productSelector__filter-column label {
        min-width: 50%;
        width: 100%;
        padding: 0 0 0 14px;
        margin-bottom: 8px;
        line-height: 1;
        text-align: left;
        cursor: pointer
    }
}

.c-productSelector__filter-column label .sub-txt {
    display: block;
    margin-top: 8px;
    font-size: 12px
}

@media (max-width: 767px) {
    .c-productSelector__filter-column label .sub-txt {
        padding-left: 2em
    }
}

@media (min-width: 768px) {
    .c-productSelector__filter-column .icon-help {
        margin-top: -8px
    }
}

.c-productSelector__filter-column .icon-help a {
    display: inline-block;
    padding: 3px
}

.c-productSelector__filter-column .icon-help a > span {
    display: inline-block;
    width: 16px;
    height: 16px;
    font-size: 12px;
    line-height: 16px;
    background-color: #4c5b6e;
    border-radius: 50%;
    color: #fff;
    text-align: center;
    font-family: sans-serif
}

.c-productSelector__filter-column label[style*=display] + .icon-help {
    display: none
}

.c-productSelector__filter-button-area {
    margin-top: 30px;
    text-align: center
}

.c-productSelector__filter-button-clear {
    width: 160px;
    height: 40px;
    background-color: #e0e1e5;
    border: none;
    cursor: pointer;
    transition: opacity 300ms
}

.c-productSelector__filter-button-clear:hover {
    opacity: .7
}

.c-productSelector__filter-count-sp {
    position: fixed;
    top: 0px;
    left: 0;
    z-index: 105;
    width: 100%;
    background-color: #65717d;
    color: #fff;
    font-size: 18px;
    text-align: center
}

.c-productSelector__filter-count-sp .filter-count {
    font-size: 22px
}

.c-productSelector__filter-count-sp a {
    display: inline-block;
    padding: 10px;
    color: #fff;
    text-decoration: none
}

.c-productSelector__filter-count-sp a::after {
    display: inline-block;
    margin-bottom: 6px;
    margin-left: 15px;
    height: 15px;
    width: 15px;
    border: solid #fff;
    border-width: 0 0 1px 1px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    content: ""
}

@media (min-width: 768px) {
    .c-productSelector__filter-count-sp {
        display: none !important
    }
}

.c-productSelector__filter-result-target {
    margin-top: -45px;
    padding-top: 45px
}

.c-productSelector__table {
    min-height: 300px
}

@media (max-width: 767px) {
    .c-productSelector__table {
        overflow: auto
    }
}

.c-productSelector__table [data-csv=security] table .Model_Name {
    width: 110px
}

.c-productSelector__table [data-csv=security] table .Description {
    width: 120px
}

.c-productSelector__table [data-csv=security] table .Pixel_Size {
    width: 74px
}

[lang=zh-CN] .c-productSelector__table [data-csv=security] table .Pixel_Size .head-inner span {
    width: 58px
}

[lang=zh-CN] .c-productSelector__table [data-csv=security] table .Color_Mono .head-inner span {
    width: 40px
}

[lang=zh-CN] .c-productSelector__table [data-csv=security] table .Image_Size .head-inner span {
    width: 34px
}

.c-productSelector__table [data-csv=industory] table .Model_Name {
    width: 110px
}

.c-productSelector__table [data-csv=industory] table .Description {
    width: 150px
}

.c-productSelector__table [data-csv=industory] table th.Pixel_Size {
    white-space: nowrap
}

.c-productSelector__table table {
    width: 100%;
    font-size: 12px;
    line-height: 1.3
}

.c-productSelector__table table .head-inner {
    word-break: normal;
    word-wrap: normal;
    -ms-hyphens: auto;
    hyphens: auto
}

.c-productSelector__table table .tr-header th {
    padding: 6px 6px;
    background-color: #eeeff1;
    border: 1px solid #dedfe4;
    font-weight: normal;
    text-align: center;
    vertical-align: middle
}

.c-productSelector__table table .tr-header .input-container {
    display: flex;
    margin-top: 8px
}

.c-productSelector__table table .tr-header .input-container input[type=text] {
    width: calc(100% - 40px);
    border: 1px solid #e0e1e4
}

.c-productSelector__table table .tr-header .input-container button {
    flex: 0 0 40px;
    border: 0;
    padding: 4px 0px;
    border: 1px solid #4c5b6e;
    background-color: #4c5b6e;
    color: #fff;
    text-align: center;
    cursor: pointer
}

.c-productSelector__table table .Brand {
    width: 90px
}

.c-productSelector__table table .Notes_on_Resolution {
    width: 80px
}

.c-productSelector__table table .Technology {
    width: 80px
}

.c-productSelector__table table .icon-tech {
    height: 18px;
    max-width: none
}

.c-productSelector__table td {
    padding: 8px;
    border: 1px solid #dedfe4;
    vertical-align: middle;
    text-align: center
}

.c-productSelector__table td label {
    cursor: pointer
}

.c-productSelector__table td.Check {
    padding: 0;
    text-align: center
}

.c-productSelector__table td.Check label {
    display: block;
    padding: 10px
}

.c-productSelector__table td.Model_Name {
    font-weight: bold;
    text-align: left;
    white-space: nowrap
}

.c-productSelector__table td.Description {
    text-align: left
}

.c-productSelector__table td[class^=PDF] {
    padding: 8px 2px
}

.c-productSelector__table .is-new td.Model_Name::before {
    display: block;
    color: #e60002;
    font-size: 8px;
    content: "NEW"
}

.c-productSelector__table .label-new {
    position: absolute;
    left: 50%;
    top: 5px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    display: block;
    padding: 0;
    margin: 0 auto;
    width: 35px;
    background-color: #e60002;
    color: #fff;
    font-size: 8px
}

.c-productSelector__table-icon-preview {
    display: block;
    text-align: center;
    font-size: 10px
}

.c-productSelector__table-icon-preview i {
    display: block;
    margin: 5px auto;
    width: 17px;
    height: 17px;
    line-height: 17px;
    background-color: #4e5b6e
}

.c-productSelector__table-icon-preview i::after {
    margin-left: -4px;
    border-color: #fff
}

@media (min-width: 768px) {
    .c-productSelector__table-icon-preview i {
        width: 20px;
        height: 20px;
        line-height: 20px
    }

    .c-productSelector__table-icon-preview i::after {
        width: 6px;
        height: 6px
    }
}

.c-productSelector__notice {
    margin-top: 10px
}

.c-productSelector__button-area {
    margin-top: 60px;
    text-align: center
}

.c-productSelector__button-area-text {
    margin-bottom: 15px;
    text-align: center
}

.c-productSelector__button-compare {
    width: 200px;
    height: 40px;
    border: none
}

.c-productSelector__button-compare:not(:disabled) {
    background-color: #4e5b6e;
    color: #fff;
    cursor: pointer;
    transition: opacity 300ms
}

.c-productSelector__button-compare:not(:disabled):hover {
    opacity: .7
}

.c-productSelector__button-compare:disabled {
    background-color: #e0e1e5
}

.c-productSelector__detail {
    position: relative;
    width: 100%;
    background-color: #fff
}

.c-productSelector__detail dl {
    display: flex;
    font-size: 12px
}

.c-productSelector__detail dl.Model_Name {
    width: 100%
}

@media (max-width: 767px) {
    .c-productSelector__detail dl.Model_Name {
        position: sticky;
        top: 0
    }
}

.c-productSelector__detail dl.Model_Name dt {
    display: none
}

.c-productSelector__detail dl.Model_Name dd {
    padding: 15px;
    background-color: #65717d;
    color: #fff;
    border: none;
    font-size: 16px;
    font-weight: bold
}

@media (min-width: 768px) {
    .c-productSelector__detail dl.Model_Name dd {
        padding: 20px 35px;
        font-size: 20px
    }
}

.c-productSelector__detail dt {
    flex: 1 1 auto;
    width: 40%;
    padding: 10px 15px;
    background-color: #eeeff1;
    border-bottom: 1px solid #dfdee3
}

.c-productSelector__detail dd {
    flex: 1 1 auto;
    width: 60%;
    padding: 10px 10px;
    border-bottom: 1px solid #dfdee3
}

.c-productSelector__detail .icon-tech {
    height: 18px
}

@media (min-width: 768px) {
    .c-productSelector__detail {
        display: flex;
        flex-wrap: wrap;
        max-width: 1000px
    }

    .c-productSelector__detail dl {
        width: 50%
    }
}

.c-productSelector__detail__close-button {
    position: absolute;
    right: 10px;
    top: 10px;
    width: 30px;
    padding-top: 26px;
    font-size: 10px;
    color: #fff;
    text-align: center;
    cursor: pointer
}

@media (min-width: 768px) {
    .c-productSelector__detail__close-button {
        top: 15px;
        right: 25px;
        padding-top: 35px
    }
}

@media (max-width: 767px) {
    .c-productSelector__detail__close-button {
        position: fixed
    }
}

.c-productSelector__detail__close-button::after, .c-productSelector__detail__close-button::before {
    display: block;
    position: absolute;
    top: 33%;
    left: 0;
    height: 2px;
    width: 100%;
    background-color: #fff;
    content: ""
}

.c-productSelector__detail__close-button::after {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.c-productSelector__detail__close-button::before {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

#table_selector_table tr.hidden {
    display: none
}

#table_selector_table tr.odd {
    background-color: #f5f5f7
}

#table_compare_table {
    font-size: 13px
}

#table_compare_table td {
    text-align: left
}

#table_compare_table td.Model_Name {
    position: relative;
    text-align: center
}

#table_lineup_table .tr-header th {
    vertical-align: top
}

#table_lineup_table .tr-header .head-inner {
    position: relative
}

#table_lineup_table .tr-header .head-inner > span {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 52px
}

#table_lineup_table tr:nth-child(odd) {
    background-color: #f5f5f7
}

#table_lineup_table td.Brand {
    text-align: left
}

#table_lineup_table td.Output_Interface {
    white-space: nowrap
}

#table_lineup_table th.AR_Coat, #table_lineup_table th.DOL_HDR, #table_lineup_table th.Clear_HDR, #table_lineup_table th.NIR_Enhanced {
    width: 70px
}

#table_selector tr > .PDF_J:not(.show-lang-ja), #table_selector tr > .PDF_E:not(.show-lang-en), #table_selector tr > .PDF_C:not(.show-lang-cn), #table_selector tr > .New, #table_selector tr > .Type_of_Image_Sensor, #table_selector tr > .Description, #table_selector tr > .Effective_Pixels, #table_selector tr > .Diagonal_Size, #table_selector tr > .Power_Supply, #table_selector tr > .Input_Clock_Frequency, #table_selector tr > .Control_Interface, #table_selector tr > .Output_Rate, #table_selector tr > .Readout_Mode, #table_selector tr > .Power_Consumption, #table_selector tr > .Gain_Control, #table_selector tr > .Package, #table_selector tr > .Technology, #table_selector tr > .Max_Frame_Rate__detail_only, #table_selector tr > .Output_Interface__detail_only, #table_selector tr > .Image_Size_calc {
    display: none
}

#table_compare .PDF_J, #table_compare .PDF_E, #table_compare .PDF_C, #table_compare .New, #table_compare .Description, #table_compare .Max_Frame_Rate, #table_compare .Output_Interface {
    display: none
}

#table_compare tr.odd th {
    background-color: #e9eaec
}

#table_compare tr.odd td {
    background-color: #f5f5f7
}

#table_lineup tr > .PDF_J:not(.show-lang-ja), #table_lineup tr > .PDF_E:not(.show-lang-en), #table_lineup tr > .PDF_C:not(.show-lang-cn), #table_lineup tr > .New, #table_lineup tr > .Type_of_Image_Sensor, #table_lineup tr > .Max_Frame_Rate__detail_only, #table_lineup tr > .Output_Interface__detail_only, #table_lineup tr > .Diagonal_Size, #table_lineup tr > .Shutter_Type, #table_lineup tr > .Power_Supply, #table_lineup tr > .Input_Clock_Frequency, #table_lineup tr > .Control_Interface, #table_lineup tr > .Output_Rate, #table_lineup tr > .Readout_Mode, #table_lineup tr > .Power_Consumption, #table_lineup tr > .Gain_Control, #table_lineup tr > .Package, #table_lineup tr > .Image_Size_calc {
    display: none
}

[data-lineup_sp_table] > .Model_Name, [data-lineup_sp_table] > .PDF_J:not(.show-lang-ja), [data-lineup_sp_table] > .PDF_E:not(.show-lang-en), [data-lineup_sp_table] > .PDF_C:not(.show-lang-cn), [data-lineup_sp_table] > .New, [data-lineup_sp_table] > .Type_of_Image_Sensor, [data-lineup_sp_table] > .Description, [data-lineup_sp_table] > .Max_Frame_Rate__detail_only, [data-lineup_sp_table] > .Output_Interface__detail_only, [data-lineup_sp_table] > .Diagonal_Size, [data-lineup_sp_table] > .Power_Supply, [data-lineup_sp_table] > .Input_Clock_Frequency, [data-lineup_sp_table] > .Control_Interface, [data-lineup_sp_table] > .Output_Rate, [data-lineup_sp_table] > .Readout_Mode, [data-lineup_sp_table] > .Power_Consumption, [data-lineup_sp_table] > .Gain_Control, [data-lineup_sp_table] > .Package, [data-lineup_sp_table] > .Image_Size_calc {
    display: none
}

#productSelectorModalContents .New, #productSelectorModalContents .PDF_C, #productSelectorModalContents .PDF_E, #productSelectorModalContents .PDF_J, #productSelectorModalContents .Description, #productSelectorModalContents .Max_Frame_Rate, #productSelectorModalContents .Output_Interface, #productSelectorModalContents .Image_Size_calc {
    display: none
}

@media (max-width: 767px) {
    #productSelectorModalContents .Resolution dt, #productSelectorModalContents .Image_Size dt, #productSelectorModalContents .Aspect_Ratio dt, #productSelectorModalContents .Max_Frame_Rate__detail_only dt, #productSelectorModalContents .Shutter_Type dt, #productSelectorModalContents .Input_Clock_Frequency dt, #productSelectorModalContents .Output_Interface__detail_only dt, #productSelectorModalContents .Readout_Mode dt, #productSelectorModalContents .Gain_Control dt, #productSelectorModalContents .Technology dt {
        background-color: #e9eaec
    }

    #productSelectorModalContents .Resolution dd, #productSelectorModalContents .Image_Size dd, #productSelectorModalContents .Aspect_Ratio dd, #productSelectorModalContents .Max_Frame_Rate__detail_only dd, #productSelectorModalContents .Shutter_Type dd, #productSelectorModalContents .Input_Clock_Frequency dd, #productSelectorModalContents .Output_Interface__detail_only dd, #productSelectorModalContents .Readout_Mode dd, #productSelectorModalContents .Gain_Control dd, #productSelectorModalContents .Technology dd {
        background-color: #f5f5f7
    }
}

@media (min-width: 768px) {
    #productSelectorModalContents .Effective_Pixels dt, #productSelectorModalContents .Image_Size dt, #productSelectorModalContents .Pixel_Size dt, #productSelectorModalContents .Max_Frame_Rate__detail_only dt, #productSelectorModalContents .Power_Supply dt, #productSelectorModalContents .Input_Clock_Frequency dt, #productSelectorModalContents .Output_Rate dt, #productSelectorModalContents .Readout_Mode dt, #productSelectorModalContents .Package dt, #productSelectorModalContents .Technology dt {
        background-color: #e9eaec
    }

    #productSelectorModalContents .Effective_Pixels dd, #productSelectorModalContents .Image_Size dd, #productSelectorModalContents .Pixel_Size dd, #productSelectorModalContents .Max_Frame_Rate__detail_only dd, #productSelectorModalContents .Power_Supply dd, #productSelectorModalContents .Input_Clock_Frequency dd, #productSelectorModalContents .Output_Rate dd, #productSelectorModalContents .Readout_Mode dd, #productSelectorModalContents .Package dd, #productSelectorModalContents .Technology dd {
        background-color: #f5f5f7
    }
}

.c-product-lineup__filter {
    display: flex
}

.c-product-lineup__filter-list {
    position: relative;
    margin-top: 8px;
    font-size: 11px
}

.c-product-lineup__filter-list dt label {
    display: block;
    padding: 4px 6px;
    border: 1px solid #ccc;
    background-color: #fff;
    text-align: center;
    cursor: pointer
}

.c-product-lineup__filter-list.selected dt label {
    background-color: #4e5b6e;
    color: #fff
}

.c-product-lineup__filter-list dd {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    padding: 2px 0 0;
    background-color: #fff;
    box-shadow: 0 0 4px rgba(0, 0, 0, .2)
}

.c-product-lineup__filter-list dd label {
    position: relative;
    display: block;
    padding: 4px 6px 4px 18px;
    line-height: 1;
    text-align: left;
    cursor: pointer;
    transition: opacity 300ms
}

.c-product-lineup__filter-list dd label:hover {
    opacity: .7
}

.c-product-lineup__filter-list dd label i {
    position: absolute;
    top: 5px;
    left: 6px;
    display: inline-block;
    height: 9px;
    width: 9px;
    border: 1px solid #333;
    content: ""
}

.c-product-lineup__filter-list dd label i::after {
    position: absolute;
    top: -2px;
    left: -2px;
    display: block;
    height: 3px;
    width: 6px;
    margin: 3px;
    border-style: solid;
    border-color: #fff;
    border-width: 0 0 1px 1px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    content: ""
}

.c-product-lineup__filter-list dd .confirm-button {
    padding: 4px 6px 6px
}

.c-product-lineup__filter-list dd button {
    width: 100%;
    padding: 4px;
    border: none;
    background-color: #4c5b6e;
    color: #fff;
    cursor: pointer
}

.c-product-lineup__filter-list .list-open-flg {
    display: none
}

.c-product-lineup__filter-list .list-open-flg:not(:checked) ~ dd {
    display: none
}

.c-product-lineup__filter-release-button button {
    height: 28px;
    padding: 4px 8px;
    background-color: #4e5b6e;
    color: #fff;
    border: none;
    cursor: pointer
}

.c-product-lineup__filter-release-button button::after {
    content: " x"
}

.c-product-lineup__filter-display-count {
    margin-left: auto
}

.c-product-lineup-sp__container {
    margin-bottom: 45px
}

.c-product-lineup-sp__header {
    margin-bottom: 20px;
    font-size: 15px
}

.c-product-lineup-sp__header p {
    font-family: "SST W55 Bold", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif
}

[lang=en] .c-product-lineup-sp__header p {
    font-family: "SST W20 Bold", sans-serif
}

[lang=zh-CN] .c-product-lineup-sp__header p {
    font-family: "SST W20 Bold", sans-serif;
    font-weight: bold
}

.c-product-lineup-sp__header small {
    display: block;
    margin-bottom: 8px;
    font-size: 10px;
    font-family: "SST W55 Light", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif
}

[lang=en] .c-product-lineup-sp__header small {
    font-family: "SST W20 Light", sans-serif
}

[lang=zh-CN] .c-product-lineup-sp__header small {
    font-family: "SST W20 Light", sans-serif
}

.c-product-lineup-sp__filter > p {
    font-size: 11px
}

.c-product-lineup-sp__filter-block {
    margin: 15px 0;
    font-size: 11px
}

.c-product-lineup-sp__filter-block.disabled {
    display: none;
    pointer-events: none;
    background-color: #e0e1e5
}

.c-product-lineup-sp__filter-block.disabled::after, .c-product-lineup-sp__filter-block.disabled::before {
    display: none
}

.c-product-lineup-sp__filter-block > dt {
    padding: 10px 20px;
    background-color: #fff;
    border: 1px solid #dedfe3
}

.c-product-lineup-sp__filter-block > dt::after, .c-product-lineup-sp__filter-block > dt::before {
    right: 25px
}

.c-product-lineup-sp__filter-block > dd {
    padding: 15px 10px;
    background-color: #e0e1e5
}

.c-product-lineup-sp__filter-block.open > dt {
    background-color: #65717d;
    color: #fff
}

.c-product-lineup-sp__filter-block.open > dt::after {
    border-color: #fff
}

.c-product-lineup-sp__model-name-search {
    margin-bottom: 15px
}

.c-product-lineup-sp__model-name-search .heading {
    font-size: 16px
}

.c-product-lineup-sp__model-name-search .search-box {
    display: flex;
    margin-bottom: 20px
}

.c-product-lineup-sp__model-name-search .search-box .heading {
    align-self: center;
    margin-right: 5px
}

.c-product-lineup-sp__model-name-search .search-box input {
    flex: 1 1 auto;
    border: 1px solid #e0e1e4
}

.c-product-lineup-sp__model-name-search .search-box button {
    padding: 5px 15px;
    border: 1px solid #4c5b6e;
    background-color: #4c5b6e;
    color: #fff;
    font-size: 12px;
    text-align: center
}

.c-product-lineup-sp__model-name-search .search-result {
    margin-bottom: 35px
}

.c-product-lineup-sp__product-detail + .c-product-lineup-sp__product-detail {
    margin-top: 15px
}

.c-product-lineup-sp__product-detail > dt {
    padding: 10px 20px;
    background-color: #fff
}

.c-product-lineup-sp__product-detail > dt b {
    font-family: "SST W55 Bold", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 12px
}

[lang=en] .c-product-lineup-sp__product-detail > dt b {
    font-family: "SST W20 Bold", sans-serif
}

[lang=zh-CN] .c-product-lineup-sp__product-detail > dt b {
    font-family: "SST W20 Bold", sans-serif;
    font-weight: bold
}

.c-product-lineup-sp__product-detail > dt small {
    display: block;
    margin-top: 4px;
    font-size: 10px;
    font-family: "SST W55 Light", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif
}

[lang=en] .c-product-lineup-sp__product-detail > dt small {
    font-family: "SST W20 Light", sans-serif
}

[lang=zh-CN] .c-product-lineup-sp__product-detail > dt small {
    font-family: "SST W20 Light", sans-serif
}

.c-product-lineup-sp__product-detail > dt::after, .c-product-lineup-sp__product-detail > dt::before {
    right: 15px
}

.c-product-lineup-sp__product-detail .label-new {
    display: inline-block;
    padding: 0 4px;
    margin-left: 8px;
    background-color: #e60002;
    color: #fff;
    font-size: 8px
}

.c-product-lineup-sp__product-detail.open > dt {
    background-color: #65717d;
    color: #fff
}

.c-product-lineup-sp__product-detail.open > dt::after {
    border-color: #fff
}

.c-product-lineup-sp__product-detail-table > dl {
    display: flex;
    margin-bottom: 1px
}

.c-product-lineup-sp__product-detail-table dt, .c-product-lineup-sp__product-detail-table dd {
    display: flex;
    align-items: center;
    padding: 10px;
    background-color: #fff;
    text-align: left
}

.c-product-lineup-sp__product-detail-table dt {
    width: calc(50% - 1px);
    margin-right: 1px
}

.c-product-lineup-sp__product-detail-table dd {
    width: 50%
}

.c-product-lineup-sp__product-detail-table .icon-tech {
    width: 80px
}

.c-product-lineup-sp__product-detail-table .link {
    padding: 10px;
    background-color: #fff;
    text-align: left
}

input#filter1:checked ~ #table_lineup label[for=filter1] i {
    background-color: #355c95
}

input#filter2:checked ~ #table_lineup label[for=filter2] i {
    background-color: #355c95
}

input#filter3:checked ~ #table_lineup label[for=filter3] i {
    background-color: #355c95
}

input#filter4:checked ~ #table_lineup label[for=filter4] i {
    background-color: #355c95
}

input#filter5:checked ~ #table_lineup label[for=filter5] i {
    background-color: #355c95
}

input#filter6:checked ~ #table_lineup label[for=filter6] i {
    background-color: #355c95
}

input#filter7:checked ~ #table_lineup label[for=filter7] i {
    background-color: #355c95
}

input#filter8:checked ~ #table_lineup label[for=filter8] i {
    background-color: #355c95
}

input#filter9:checked ~ #table_lineup label[for=filter9] i {
    background-color: #355c95
}

input#filter10:checked ~ #table_lineup label[for=filter10] i {
    background-color: #355c95
}

input#filter11:checked ~ #table_lineup label[for=filter11] i {
    background-color: #355c95
}

input#filter12:checked ~ #table_lineup label[for=filter12] i {
    background-color: #355c95
}

input#filter13:checked ~ #table_lineup label[for=filter13] i {
    background-color: #355c95
}

input#filter14:checked ~ #table_lineup label[for=filter14] i {
    background-color: #355c95
}

input#filter15:checked ~ #table_lineup label[for=filter15] i {
    background-color: #355c95
}

input#filter16:checked ~ #table_lineup label[for=filter16] i {
    background-color: #355c95
}

input#filter17:checked ~ #table_lineup label[for=filter17] i {
    background-color: #355c95
}

input#filter18:checked ~ #table_lineup label[for=filter18] i {
    background-color: #355c95
}

input#filter19:checked ~ #table_lineup label[for=filter19] i {
    background-color: #355c95
}

input#filter20:checked ~ #table_lineup label[for=filter20] i {
    background-color: #355c95
}

input#filter21:checked ~ #table_lineup label[for=filter21] i {
    background-color: #355c95
}

input#filter22:checked ~ #table_lineup label[for=filter22] i {
    background-color: #355c95
}

input#filter23:checked ~ #table_lineup label[for=filter23] i {
    background-color: #355c95
}

input#filter24:checked ~ #table_lineup label[for=filter24] i {
    background-color: #355c95
}

input#filter25:checked ~ #table_lineup label[for=filter25] i {
    background-color: #355c95
}

input#filter26:checked ~ #table_lineup label[for=filter26] i {
    background-color: #355c95
}

input#filter27:checked ~ #table_lineup label[for=filter27] i {
    background-color: #355c95
}

input#filter28:checked ~ #table_lineup label[for=filter28] i {
    background-color: #355c95
}

input#filter29:checked ~ #table_lineup label[for=filter29] i {
    background-color: #355c95
}

input#filter30:checked ~ #table_lineup label[for=filter30] i {
    background-color: #355c95
}

input#filter31:checked ~ #table_lineup label[for=filter31] i {
    background-color: #355c95
}

input#filter32:checked ~ #table_lineup label[for=filter32] i {
    background-color: #355c95
}

input#filter33:checked ~ #table_lineup label[for=filter33] i {
    background-color: #355c95
}

input#filter34:checked ~ #table_lineup label[for=filter34] i {
    background-color: #355c95
}

input#filter35:checked ~ #table_lineup label[for=filter35] i {
    background-color: #355c95
}

input#filter36:checked ~ #table_lineup label[for=filter36] i {
    background-color: #355c95
}

input#filter37:checked ~ #table_lineup label[for=filter37] i {
    background-color: #355c95
}

input#filter38:checked ~ #table_lineup label[for=filter38] i {
    background-color: #355c95
}

input#filter39:checked ~ #table_lineup label[for=filter39] i {
    background-color: #355c95
}

input#filter40:checked ~ #table_lineup label[for=filter40] i {
    background-color: #355c95
}

input#filter41:checked ~ #table_lineup label[for=filter41] i {
    background-color: #355c95
}

input#filter42:checked ~ #table_lineup label[for=filter42] i {
    background-color: #355c95
}

input#filter43:checked ~ #table_lineup label[for=filter43] i {
    background-color: #355c95
}

input#filter44:checked ~ #table_lineup label[for=filter44] i {
    background-color: #355c95
}

input#filter45:checked ~ #table_lineup label[for=filter45] i {
    background-color: #355c95
}

input#filter46:checked ~ #table_lineup label[for=filter46] i {
    background-color: #355c95
}

input#filter47:checked ~ #table_lineup label[for=filter47] i {
    background-color: #355c95
}

input#filter48:checked ~ #table_lineup label[for=filter48] i {
    background-color: #355c95
}

input#filter49:checked ~ #table_lineup label[for=filter49] i {
    background-color: #355c95
}

input#filter50:checked ~ #table_lineup label[for=filter50] i {
    background-color: #355c95
}

input#filter51:checked ~ #table_lineup label[for=filter51] i {
    background-color: #355c95
}

input#filter52:checked ~ #table_lineup label[for=filter52] i {
    background-color: #355c95
}

input#filter53:checked ~ #table_lineup label[for=filter53] i {
    background-color: #355c95
}

input#filter54:checked ~ #table_lineup label[for=filter54] i {
    background-color: #355c95
}

input#filter55:checked ~ #table_lineup label[for=filter55] i {
    background-color: #355c95
}

input#filter56:checked ~ #table_lineup label[for=filter56] i {
    background-color: #355c95
}

input#filter57:checked ~ #table_lineup label[for=filter57] i {
    background-color: #355c95
}

input#filter58:checked ~ #table_lineup label[for=filter58] i {
    background-color: #355c95
}

input#filter59:checked ~ #table_lineup label[for=filter59] i {
    background-color: #355c95
}

input#filter60:checked ~ #table_lineup label[for=filter60] i {
    background-color: #355c95
}

input#filter61:checked ~ #table_lineup label[for=filter61] i {
    background-color: #355c95
}

input#filter62:checked ~ #table_lineup label[for=filter62] i {
    background-color: #355c95
}

input#filter63:checked ~ #table_lineup label[for=filter63] i {
    background-color: #355c95
}

input#filter64:checked ~ #table_lineup label[for=filter64] i {
    background-color: #355c95
}

input#filter65:checked ~ #table_lineup label[for=filter65] i {
    background-color: #355c95
}

input#filter66:checked ~ #table_lineup label[for=filter66] i {
    background-color: #355c95
}

input#filter67:checked ~ #table_lineup label[for=filter67] i {
    background-color: #355c95
}

input#filter68:checked ~ #table_lineup label[for=filter68] i {
    background-color: #355c95
}

input#filter69:checked ~ #table_lineup label[for=filter69] i {
    background-color: #355c95
}

input#filter70:checked ~ #table_lineup label[for=filter70] i {
    background-color: #355c95
}

input#filter71:checked ~ #table_lineup label[for=filter71] i {
    background-color: #355c95
}

input#filter72:checked ~ #table_lineup label[for=filter72] i {
    background-color: #355c95
}

input#filter73:checked ~ #table_lineup label[for=filter73] i {
    background-color: #355c95
}

input#filter74:checked ~ #table_lineup label[for=filter74] i {
    background-color: #355c95
}

input#filter75:checked ~ #table_lineup label[for=filter75] i {
    background-color: #355c95
}

input#filter76:checked ~ #table_lineup label[for=filter76] i {
    background-color: #355c95
}

input#filter77:checked ~ #table_lineup label[for=filter77] i {
    background-color: #355c95
}

input#filter78:checked ~ #table_lineup label[for=filter78] i {
    background-color: #355c95
}

input#filter79:checked ~ #table_lineup label[for=filter79] i {
    background-color: #355c95
}

input#filter80:checked ~ #table_lineup label[for=filter80] i {
    background-color: #355c95
}

input#filter81:checked ~ #table_lineup label[for=filter81] i {
    background-color: #355c95
}

input#filter82:checked ~ #table_lineup label[for=filter82] i {
    background-color: #355c95
}

input#filter83:checked ~ #table_lineup label[for=filter83] i {
    background-color: #355c95
}

input#filter84:checked ~ #table_lineup label[for=filter84] i {
    background-color: #355c95
}

input#filter85:checked ~ #table_lineup label[for=filter85] i {
    background-color: #355c95
}

input#filter86:checked ~ #table_lineup label[for=filter86] i {
    background-color: #355c95
}

input#filter87:checked ~ #table_lineup label[for=filter87] i {
    background-color: #355c95
}

input#filter88:checked ~ #table_lineup label[for=filter88] i {
    background-color: #355c95
}

input#filter89:checked ~ #table_lineup label[for=filter89] i {
    background-color: #355c95
}

input#filter90:checked ~ #table_lineup label[for=filter90] i {
    background-color: #355c95
}

input#filter91:checked ~ #table_lineup label[for=filter91] i {
    background-color: #355c95
}

input#filter92:checked ~ #table_lineup label[for=filter92] i {
    background-color: #355c95
}

input#filter93:checked ~ #table_lineup label[for=filter93] i {
    background-color: #355c95
}

input#filter94:checked ~ #table_lineup label[for=filter94] i {
    background-color: #355c95
}

input#filter95:checked ~ #table_lineup label[for=filter95] i {
    background-color: #355c95
}

input#filter96:checked ~ #table_lineup label[for=filter96] i {
    background-color: #355c95
}

input#filter97:checked ~ #table_lineup label[for=filter97] i {
    background-color: #355c95
}

input#filter98:checked ~ #table_lineup label[for=filter98] i {
    background-color: #355c95
}

input#filter99:checked ~ #table_lineup label[for=filter99] i {
    background-color: #355c95
}

.js-lineupFilter {
    display: none
}

[data-ui-tab] > li {
    cursor: pointer
}

[data-ui-tab] + div {
    position: relative
}

[data-ui-tab] + div > div {
    transition: .3s;
    opacity: 0;
    height: 0;
    overflow: hidden
}

[data-ui-tab] + div > div.current {
    opacity: 1;
    width: auto;
    height: auto
}

.c-tab__header {
    display: flex
}

.c-tab__button {
    flex: 1 1 auto;
    margin-bottom: -1px;
    padding: 15px;
    background-color: #eee;
    border-top: 4px solid #bfc0c0;
    border-left: 1px solid #bfc0c0;
    text-align: center;
    text-decoration: none
}

.c-tab__button.current {
    border-top: 4px solid #22b573;
    background-color: #fff;
    position: relative;
    z-index: 1
}

.c-tab__contents {
    border-top: 1px solid #22b573;
    background-color: #fff;
    clear: both
}

.c-tab__contents .inner {
    padding: 30px
}

.js-position {
    position: fixed;
    z-index: 100;
    right: 0;
    top: 50%
}

.js-position .active {
    color: #000
}

.p-about__header__bg {
    color: #fff;
    background: url("../image/c-2_4_mv_sp.jpg") no-repeat center center;
    background-size: cover
}

@media (min-width: 768px) {
    .p-about__header__bg {
        background: url("../image/c-2_4_mv_pc.jpg") no-repeat center center;
        background-size: cover
    }
}

.p-about-location-anchor {
    padding: 45px 0 25px
}

@media (min-width: 768px) {
    .p-about-location-anchor {
        padding: 100px 0
    }
}

@media (min-width: 768px) {
    .p-about-location-anchor__container {
        display: flex;
        justify-content: space-between
    }
}

@media (max-width: 767px) {
    .p-about-location-anchor__column + .p-about-location-anchor__column {
        margin-top: 35px
    }
}

@media (min-width: 768px) {
    .p-about-location-anchor__column {
        width: 585px
    }

    .p-about-location-anchor__column + .p-about-location-anchor__column {
        margin-left: 15px
    }
}

.p-about-location-anchor__head {
    margin-bottom: 10px;
    font-family: "SSTJapanese W55 Regular", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 15px;
    letter-spacing: 1em
}

[lang=en] .p-about-location-anchor__head {
    font-family: "SST W20 Roman", "Helvetica Neue", Helvetica, Arial, sans-serif
}

[lang=zh-CN] .p-about-location-anchor__head {
    font-family: "SST W20 Roman", "Hiragino Kaku Gothic ProN", "Heiti TC", Roboto, Droid, "Helvetica Neue", Helvetica, Arial, sans-serif
}

@media (min-width: 768px) {
    .p-about-location-anchor__head {
        margin-bottom: 20px;
        font-size: 20px;
        text-align: center
    }
}

[lang=en] .p-about-location-anchor__head {
    letter-spacing: normal
}

.p-about-location-anchor__link-list {
    font-family: "SSTJapanese W55 Regular", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 10px
}

[lang=en] .p-about-location-anchor__link-list {
    font-family: "SST W20 Roman", "Helvetica Neue", Helvetica, Arial, sans-serif
}

[lang=zh-CN] .p-about-location-anchor__link-list {
    font-family: "SST W20 Roman", "Hiragino Kaku Gothic ProN", "Heiti TC", Roboto, Droid, "Helvetica Neue", Helvetica, Arial, sans-serif
}

.p-about-location-anchor__link-list a {
    display: flex;
    align-items: center;
    height: 40px;
    position: relative;
    padding: 0 10px;
    border: 1px solid #dedfe2
}

.p-about-location-anchor__link-list a::after {
    display: inline-block;
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -5px;
    height: 6px;
    width: 6px;
    border: solid #000;
    border-width: 1px 1px 0 0;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    content: ""
}

.p-about-location-anchor__link-list a:hover::after {
    border-color: #3269ff
}

@media (max-width: 767px) {
    .p-about-location-anchor__link-list {
        display: flex;
        flex-wrap: wrap
    }

    .p-about-location-anchor__link-list li {
        width: 50%;
        margin-bottom: -1px
    }

    .p-about-location-anchor__link-list li:nth-child(even) {
        margin-left: -1px
    }
}

@media (min-width: 768px) {
    .p-about-location-anchor__link-list {
        font-size: 16px
    }

    .p-about-location-anchor__link-list li {
        margin-bottom: 10px
    }

    .p-about-location-anchor__link-list a {
        padding: 12px 30px;
        height: auto
    }

    .p-about-location-anchor__link-list a::after {
        right: 30px;
        margin-top: -8px;
        height: 9px;
        width: 9px
    }
}

@media (min-width: 768px)and (min-width: 768px)and (max-width: 992px) {
    .p-about-location-anchor__link-list a::after {
        right: 20px
    }
}

.p-about-location-detail {
    padding: 50px 0
}

@media (min-width: 768px) {
    .p-about-location-detail {
        padding: 100px 0
    }
}

.p-about-location-detail__photo {
    margin: 0 0 45px
}

@media (min-width: 768px) {
    .p-about-location-detail__photo {
        margin-bottom: 80px
    }
}

.p-about-location-detail__name {
    margin: 0 0 25px;
    font-family: "SST W55 Bold", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 15px;
    text-align: center;
    line-height: 1.33
}

[lang=en] .p-about-location-detail__name {
    font-family: "SST W20 Bold", sans-serif
}

[lang=zh-CN] .p-about-location-detail__name {
    font-family: "SST W20 Bold", sans-serif;
    font-weight: bold
}

@media (min-width: 768px) {
    .p-about-location-detail__name {
        margin-bottom: 50px;
        font-size: 24px
    }
}

.p-about-location-detail__table {
    width: 95%;
    margin: 0 10px;
    border-top: 1px solid #dedfe2;
    font-family: "SST W55 Light", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 13px;
    line-height: 1.4
}

[lang=en] .p-about-location-detail__table {
    font-family: "SST W20 Light", sans-serif
}

[lang=zh-CN] .p-about-location-detail__table {
    font-family: "SST W20 Light", sans-serif
}

.p-about-location-detail__table tr {
    border-bottom: 1px solid #dedfe2
}

.p-about-location-detail__table th {
    padding: 15px 0;
    width: 85px;
    vertical-align: middle;
    font-weight: normal;
    text-align: left
}

.p-about-location-detail__table td {
    padding: 15px 0
}

@media (min-width: 768px) {
    .p-about-location-detail__table {
        margin: 0 100px;
        font-size: 16px;
        max-width: 995px
    }

    .p-about-location-detail__table th {
        width: 25%
    }
}

@media (min-width: 768px)and (max-width: 992px) {
    .p-about-location-detail__table {
        margin: 0 auto
    }
}

.p-attempt__header__bg {
    color: #fff;
    background: url("../image/c-2_3_1_mv_sp.jpg") no-repeat center center;
    background-size: cover
}

@media (min-width: 768px) {
    .p-attempt__header__bg {
        background: url("../image/c-2_3_1_mv_pc.jpg") no-repeat center center;
        background-size: cover
    }
}

.p-attempt__title {
    font-size: 30px;
    line-height: 43px;
    margin-top: 80px;
    margin-bottom: 75px;
    padding-left: 10px
}

@media (min-width: 768px) {
    .p-attempt__title {
        font-size: 50px;
        line-height: 70px;
        margin-top: 120px;
        margin-bottom: 75px;
        padding-left: 0;
        text-align: center
    }
}

.p-attempt__title .bluetext {
    color: #0f5b99
}

.p-attempt__step, .p-attempt__step__thereafter {
    margin-top: 75px;
    margin-bottom: 75px;
    position: relative
}

@media (min-width: 768px) {
    .p-attempt__step, .p-attempt__step__thereafter {
        max-width: 1100px;
        margin: 75px auto
    }
}

.p-attempt__step__top__content-top, .p-attempt__step__thereafter__top__content-top {
    display: flex;
    align-items: flex-start
}

@media (min-width: 768px) {
    .p-attempt__step__top__content-top, .p-attempt__step__thereafter__top__content-top {
        justify-content: space-between
    }
}

.p-attempt__step__top__content, .p-attempt__step__thereafter__top__content {
    display: flex;
    align-items: flex-start
}

@media (min-width: 768px) {
    .p-attempt__step__top__content, .p-attempt__step__thereafter__top__content {
        justify-content: space-between
    }
}

.p-attempt__step__top__content:nth-of-type(2), .p-attempt__step__thereafter__top__content:nth-of-type(2) {
    padding-bottom: 75px
}

@media (max-width: 767px) {
    .p-attempt__step__top__content > div, .p-attempt__step__thereafter__top__content > div {
        width: 50%
    }
}

.p-attempt__step__top__content__child01, .p-attempt__step__thereafter__top__content__child01 {
    position: relative
}

.p-attempt__step__top__content__child01::after, .p-attempt__step__thereafter__top__content__child01::after {
    content: "";
    background-image: url("../image/c-2_3_1_arrow.png");
    display: block;
    width: 30px;
    height: 29px;
    margin: 0 auto;
    background-size: contain
}

@media (min-width: 768px) {
    .p-attempt__step__top__content__child01, .p-attempt__step__thereafter__top__content__child01 {
        max-width: 380px;
        width: 48%
    }
}

.p-attempt__step__top__content__child02::after, .p-attempt__step__thereafter__top__content__child02::after {
    content: "";
    display: block;
    width: 1px;
    height: 29px;
    background-color: #0f5b99;
    margin: 0 auto;
    background-size: contain
}

@media (min-width: 768px) {
    .p-attempt__step__top__content__child02::after, .p-attempt__step__thereafter__top__content__child02::after {
        height: 90px
    }
}

@media (min-width: 768px) {
    .p-attempt__step__top__content__child02, .p-attempt__step__thereafter__top__content__child02 {
        max-width: 380px;
        width: 48%;
        margin-right: 50px
    }
}

@media (min-width: 768px)and (max-width: 992px) {
    .p-attempt__step__top__content__child02, .p-attempt__step__thereafter__top__content__child02 {
        margin-right: 0px
    }
}

.p-attempt__step__top__content__child03, .p-attempt__step__thereafter__top__content__child03 {
    position: relative
}

.p-attempt__step__top__content__child03::after, .p-attempt__step__thereafter__top__content__child03::after {
    content: "";
    background-image: url("../image/c-2_3_1_arrow.png");
    display: block;
    width: 30px;
    height: 29px;
    margin: 0 auto;
    background-size: contain;
    position: absolute;
    bottom: -65px;
    left: 0;
    right: 0
}

@media (min-width: 768px) {
    .p-attempt__step__top__content__child03::after, .p-attempt__step__thereafter__top__content__child03::after {
        bottom: -70px
    }
}

@media (min-width: 768px) {
    .p-attempt__step__top__content__child03, .p-attempt__step__thereafter__top__content__child03 {
        max-width: 380px;
        width: 48%
    }
}

.p-attempt__step__top__content__child04, .p-attempt__step__thereafter__top__content__child04 {
    border: solid 1px #0f5b99;
    padding: 20px 18px;
    position: relative
}

@media (min-width: 768px) {
    .p-attempt__step__top__content__child04, .p-attempt__step__thereafter__top__content__child04 {
        max-width: 483px;
        width: 48%;
        padding: 35px
    }
}

.p-attempt__step__top__content__child04::after, .p-attempt__step__thereafter__top__content__child04::after {
    content: "";
    background-image: url("../image/c-2_3_1_arrow.png");
    display: block;
    width: 30px;
    height: 29px;
    margin: 0 auto;
    background-size: contain;
    position: absolute;
    bottom: -29px;
    left: 0;
    right: 0
}

@media (min-width: 768px) {
    .p-attempt__step__top__content__child04::after, .p-attempt__step__thereafter__top__content__child04::after {
        background-image: url("../image/c-2_3_1_arrow_lomg.png");
        width: 30px;
        height: 58px;
        bottom: -58px
    }
}

.p-attempt__step__title, .p-attempt__step__thereafter__title {
    font-size: 18px;
    margin: 0 10px 15px;
    padding: 0 0 15px;
    border-bottom: solid 1px #e0e1e4
}

.p-attempt__step__title > span, .p-attempt__step__thereafter__title > span {
    margin-right: 1em
}

@media (min-width: 768px) {
    .p-attempt__step__title, .p-attempt__step__thereafter__title {
        font-size: 32px;
        margin: 0 0 25px
    }
}

.p-attempt__step .bluetext, .p-attempt__step__thereafter .bluetext {
    color: #0f5b99
}

.p-attempt__step__text, .p-attempt__step__thereafter__text {
    font-size: 13px;
    margin: 0 10px 30px
}

@media (min-width: 768px) {
    .p-attempt__step__text, .p-attempt__step__thereafter__text {
        font-size: 16px
    }
}

.p-attempt__step__thereafter::before {
    content: "";
    background-image: url("../image/c-2_3_1_arrow.png");
    display: block;
    width: 30px;
    height: 29px;
    margin: 0 auto 45px;
    background-size: contain
}

@media (min-width: 768px) {
    .p-attempt__step__thereafter::before {
        margin: 0 auto 95px
    }
}

@media (min-width: 768px) {
    .p-attempt__step__thereafter__content {
        display: flex;
        align-items: center;
        margin-bottom: 50px
    }
}

.p-attempt__step__thereafter__title {
    font-size: 18px;
    margin: 0 10px 15px;
    padding: 0 0 15px;
    border-bottom: solid 1px #e0e1e4
}

@media (min-width: 768px) {
    .p-attempt__step__thereafter__title {
        flex: 0 0 auto;
        font-size: 32px;
        border-bottom: none;
        border-right: solid 1px #e0e1e4;
        padding: 0 60px 0 0;
        margin: 0
    }
}

@media (min-width: 768px)and (max-width: 992px) {
    .p-attempt__step__thereafter__title {
        padding: 0 20px 0 0
    }
}

.p-attempt__step__thereafter .bluetext {
    color: #0f5b99
}

.p-attempt__step__thereafter__text {
    font-size: 13px;
    margin: 0 10px 30px
}

@media (min-width: 768px) {
    .p-attempt__step__thereafter__text {
        flex: 0 1 auto;
        font-size: 16px;
        margin: 0 0 0 60px
    }
}

@media (min-width: 768px)and (max-width: 992px) {
    .p-attempt__step__thereafter__text {
        padding-left: 10px;
        width: 70%
    }
}

.p-attempt__step__thereafter__button {
    max-width: 580px;
    margin: 0 auto
}

.p-attempt__ploduct-information-link {
    padding: 45px 0 75px;
    background-color: #f5f5f3;
    margin-top: 100px
}

@media (min-width: 768px) {
    .p-attempt__ploduct-information-link {
        padding: 110px 0
    }
}

.p-attempt__ploduct-information-link__block {
    margin-bottom: 60px
}

@media (min-width: 768px) {
    .p-attempt__ploduct-information-link__block {
        margin-bottom: 80px
    }
}

.p-attempt__ploduct-information-link__title {
    margin-bottom: 20px;
    text-align: center
}

@media (min-width: 768px) {
    .p-attempt__ploduct-information-link__title {
        margin-bottom: 40px
    }
}

.p-attempt__ploduct-information-link__text {
    padding: 0 10px
}

@media (min-width: 768px) {
    .p-attempt__ploduct-information-link__text {
        padding: 0
    }
}

.p-attempt__ploduct-information-link__button {
    margin: 40px auto 0;
    text-align: center
}

@media (min-width: 768px) {
    .p-attempt__ploduct-information-link__button .c-button {
        height: 60px;
        font-size: 20px
    }
}

.p-attempt-md-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .7;
    z-index: 19999
}

.p-attempt__wafer-flow {
    margin: 30px 0 60px
}

@media (min-width: 768px) {
    .p-attempt__wafer-flow {
        margin: 60px 0 120px
    }
}

.p-attempt__wafer-flow__block {
    margin-bottom: 10px
}

.p-attempt__wafer-flow__block__image.img01 {
    margin: 0 0 50px
}

.p-attempt__wafer-flow__block__image.img02 {
    margin: 0 0 0 auto;
    width: 110px
}

@media (min-width: 768px) {
    .p-attempt__wafer-flow__block__image.img01 {
        max-width: 640px;
        margin: 0 auto 60px
    }

    .p-attempt__wafer-flow__block__image.img02 {
        margin-right: 80px;
        width: 200px
    }
}

.p-attempt__wafer-flow__block__row {
    margin-bottom: 20px
}

@media (min-width: 768px) {
    .p-attempt__wafer-flow__block__row {
        display: flex;
        align-items: center
    }
}

.p-attempt__wafer-flow__block__col {
    position: relative;
    padding: 0 10px;
    min-height: 30px
}

@media (min-width: 768px) {
    .p-attempt__wafer-flow__block__col {
        flex: 1 1 auto;
        width: 100%;
        min-height: 50px;
        margin-right: 15px
    }

    .p-attempt__wafer-flow__block__col:nth-child(2) {
        margin-left: 15px
    }
}

.p-attempt__wafer-flow__block__title {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    height: 90px;
    margin-bottom: 8px;
    font-size: 24px;
    line-height: 1.16;
    text-align: center;
    font-family: "SST W55 Bold", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif
}

[lang=en] .p-attempt__wafer-flow__block__title {
    font-family: "SST W20 Bold", sans-serif
}

[lang=zh-CN] .p-attempt__wafer-flow__block__title {
    font-family: "SST W20 Bold", sans-serif;
    font-weight: bold
}

@media (max-width: 767px) {
    .p-attempt__wafer-flow__block__title {
        margin: 0 -10px 8px;
        height: 32px;
        font-size: 14px
    }
}

.p-attempt__wafer-flow__block__arrow {
    position: absolute;
    bottom: 10px;
    left: 50%;
    margin-left: -10px;
    width: 20px
}

@media (min-width: 768px) {
    .p-attempt__wafer-flow__block__arrow {
        width: 35px;
        left: 165px;
        margin-left: 0
    }
}

.p-attempt-md-inner {
    padding: 120px 100px 140px;
    background: #dfe1e4;
    height: auto;
    position: relative
}

@media (max-width: 767px) {
    .p-attempt-md-inner {
        padding: 100px 20px
    }
}

.p-attempt-md-inner__title {
    margin-bottom: 80px;
    font-size: 28px;
    line-height: 28px;
    font-family: "SST W55 Bold", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    text-align: center
}

[lang=en] .p-attempt-md-inner__title {
    font-family: "SST W20 Bold", sans-serif
}

[lang=zh-CN] .p-attempt-md-inner__title {
    font-family: "SST W20 Bold", sans-serif;
    font-weight: bold
}

@media (max-width: 767px) {
    .p-attempt-md-inner__title {
        margin-bottom: 40px;
        font-size: 18px;
        line-height: 22px
    }
}

.p-attempt-md-inner__topblock {
    margin-top: 80px;
    display: flex;
    justify-content: space-between
}

@media (max-width: 767px) {
    .p-attempt-md-inner__topblock {
        margin-top: 40px
    }
}

.p-attempt-md-inner__topblock__child {
    width: 380px
}

@media (max-width: 767px) {
    .p-attempt-md-inner__topblock__child {
        width: 48%
    }
}

.p-attempt-md-inner__topblock__child__title {
    font-size: 32px;
    line-height: 32px;
    text-align: center;
    color: #0f5b99;
    font-family: "SST W55 Bold", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    margin-bottom: 40px
}

[lang=en] .p-attempt-md-inner__topblock__child__title {
    font-family: "SST W20 Bold", sans-serif
}

[lang=zh-CN] .p-attempt-md-inner__topblock__child__title {
    font-family: "SST W20 Bold", sans-serif;
    font-weight: bold
}

@media (max-width: 767px) {
    .p-attempt-md-inner__topblock__child__title {
        font-size: 16px;
        line-height: 16px;
        margin-bottom: 15px
    }
}

.p-attempt-md-inner__topblock__child__flow {
    background-color: #fff;
    height: 90px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 24px;
    line-height: 24px;
    font-family: "SST W55 Bold", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif
}

[lang=en] .p-attempt-md-inner__topblock__child__flow {
    font-family: "SST W20 Bold", sans-serif
}

[lang=zh-CN] .p-attempt-md-inner__topblock__child__flow {
    font-family: "SST W20 Bold", sans-serif;
    font-weight: bold
}

@media (max-width: 767px) {
    .p-attempt-md-inner__topblock__child__flow {
        height: 40px;
        font-size: 14px;
        line-height: 14px
    }
}

.p-attempt-md-inner__topblock__child__detail {
    padding: 20px 20px 0;
    font-size: 16px;
    font-family: "SST W55 Light", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif
}

[lang=en] .p-attempt-md-inner__topblock__child__detail {
    font-family: "SST W20 Light", sans-serif
}

[lang=zh-CN] .p-attempt-md-inner__topblock__child__detail {
    font-family: "SST W20 Light", sans-serif
}

@media (max-width: 767px) {
    .p-attempt-md-inner__topblock__child__detail {
        padding: 10px 10px 0;
        font-size: 10px
    }
}

.p-attempt-md-inner__block-wrap {
    position: relative
}

.p-attempt-md-inner__block {
    margin-top: 40px;
    display: flex;
    justify-content: space-between
}

@media (max-width: 767px) {
    .p-attempt-md-inner__block {
        margin-top: 20px
    }
}

.p-attempt-md-inner__block__child {
    width: 380px
}

@media (max-width: 767px) {
    .p-attempt-md-inner__block__child {
        width: 48%
    }
}

.p-attempt-md-inner__block__child__arrow {
    display: block;
    width: 32px;
    margin: 0 auto 45px
}

@media (max-width: 767px) {
    .p-attempt-md-inner__block__child__arrow {
        margin: 0 auto 25px
    }
}

.p-attempt-md-inner__block__child__flow {
    background-color: #fff;
    height: 90px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 24px;
    line-height: 24px;
    text-align: center;
    font-family: "SST W55 Bold", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif
}

[lang=en] .p-attempt-md-inner__block__child__flow {
    font-family: "SST W20 Bold", sans-serif
}

[lang=zh-CN] .p-attempt-md-inner__block__child__flow {
    font-family: "SST W20 Bold", sans-serif;
    font-weight: bold
}

@media (max-width: 767px) {
    .p-attempt-md-inner__block__child__flow {
        height: 55px;
        font-size: 14px;
        line-height: 14px;
        padding: 10px 0
    }
}

.p-attempt-md-inner__block__child__detail {
    padding: 20px 0 0 20px;
    font-size: 16px;
    letter-spacing: -0.07em;
    font-family: "SST W55 Light", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif
}

[lang=en] .p-attempt-md-inner__block__child__detail {
    font-family: "SST W20 Light", sans-serif
}

[lang=zh-CN] .p-attempt-md-inner__block__child__detail {
    font-family: "SST W20 Light", sans-serif
}

@media (max-width: 767px) {
    .p-attempt-md-inner__block__child__detail {
        padding: 10px 10px 0;
        font-size: 10px
    }
}

.p-attempt-md-inner__block-last__flow {
    background-color: #fff;
    height: 90px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 24px;
    line-height: 24px;
    font-family: "SST W55 Bold", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif
}

[lang=en] .p-attempt-md-inner__block-last__flow {
    font-family: "SST W20 Bold", sans-serif
}

[lang=zh-CN] .p-attempt-md-inner__block-last__flow {
    font-family: "SST W20 Bold", sans-serif;
    font-weight: bold
}

@media (max-width: 767px) {
    .p-attempt-md-inner__block-last__flow {
        height: 40px;
        font-size: 14px;
        line-height: 14px
    }
}

.p-attempt-md-inner__block-last__detail {
    padding: 20px 20px 0;
    font-size: 16px;
    font-family: "SST W55 Light", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif
}

[lang=en] .p-attempt-md-inner__block-last__detail {
    font-family: "SST W20 Light", sans-serif
}

[lang=zh-CN] .p-attempt-md-inner__block-last__detail {
    font-family: "SST W20 Light", sans-serif
}

@media (max-width: 767px) {
    .p-attempt-md-inner__block-last__detail {
        padding: 10px 10px 0;
        font-size: 10px
    }
}

.p-attempt-md-inner__block-last__arrowleft {
    position: absolute;
    top: 0;
    left: -37px
}

@media (max-width: 767px) {
    .p-attempt-md-inner__block-last__arrowleft {
        left: -14px
    }
}

.p-attempt-md-inner__block-last__arrowright {
    position: absolute;
    top: 0;
    right: -40px
}

@media (max-width: 767px) {
    .p-attempt-md-inner__block-last__arrowright {
        right: -14px
    }
}

.p-attempt-md-xmark {
    position: absolute;
    top: 34px;
    right: 20px;
    width: 25px;
    height: 22px;
    z-index: 9999;
    cursor: pointer
}

.p-page-header {
    margin-bottom: 60px
}

.p-page-header__bg {
    background-color: #e3e4e7;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center
}

@media (min-width: 768px) {
    .p-page-header__bg {
        max-height: 450px
    }
}

.p-page-header__container {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 10px 10px 45px;
    height: 350px
}

@media (min-width: 768px) {
    .p-page-header__container {
        height: 380px;
        padding: 45px 60px 45px
    }
}

@media (min-width: 768px)and (max-width: 1040px) {
    .p-page-header__container {
        font-size: 14px
    }
}

.is-notab .p-page-header__container {
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

.is-small .p-page-header__container {
    padding-top: 0
}

@media (max-width: 767px) {
    .is-small .p-page-header__container {
        height: 100px;
        padding-bottom: 35px
    }
}

@media (min-width: 768px) {
    .is-small .p-page-header__container {
        height: 200px
    }
}

@media (max-width: 767px) {
    .is-product-detail .p-page-header__container {
        height: auto
    }
}

@media (min-width: 768px)and (max-width: 1040px) {
    .is-product-detail .p-page-header__container {
        width: 50%;
        padding-left: 0;
        padding-right: 0
    }
}

.p-page-header__bread {
    font-family: "SST W55 Light", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    margin-top: 18px;
    font-size: 10px;
    text-align: right;
    font-size: 12px
}

[lang=en] .p-page-header__bread {
    font-family: "SST W20 Light", sans-serif
}

[lang=zh-CN] .p-page-header__bread {
    font-family: "SST W20 Light", sans-serif
}

.p-page-header__bread ul, .p-page-header__bread li {
    display: inline
}

.p-page-header__bread li {
    display: inline
}

.p-page-header__bread li:not(:first-child)::before {
    margin: 0 .4em;
    content: ">"
}

@media (max-width: 767px) {
    .p-page-header__bread {
        display: none
    }
}

.p-page-header__heading {
    margin: auto 0 15px;
    font-family: "SST W55 Bold", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 25px;
    line-height: 1.44;
    text-align: center
}

[lang=en] .p-page-header__heading {
    font-family: "SST W20 Bold", sans-serif
}

[lang=zh-CN] .p-page-header__heading {
    font-family: "SST W20 Bold", sans-serif;
    font-weight: bold
}

@media (min-width: 768px) {
    .p-page-header__heading {
        margin: 0 0 25px;
        font-size: 40px;
        text-align: left
    }
}

@media (min-width: 768px)and (max-width: 1040px) {
    .p-page-header__heading {
        font-size: 36px
    }
}

.is-small .p-page-header__heading {
    margin: 0
}

.p-page-header__sub-heading {
    font-size: 16px;
    font-family: "SSTJapanese W55 Regular", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif
}

[lang=en] .p-page-header__sub-heading {
    font-family: "SST W20 Roman", "Helvetica Neue", Helvetica, Arial, sans-serif
}

[lang=zh-CN] .p-page-header__sub-heading {
    font-family: "SST W20 Roman", "Hiragino Kaku Gothic ProN", "Heiti TC", Roboto, Droid, "Helvetica Neue", Helvetica, Arial, sans-serif
}

@media (max-width: 767px) {
    .p-page-header__sub-heading {
        font-size: 13px;
        text-align: center
    }
}

.p-page-header__body {
    font-size: 14px;
    line-height: 1.6
}

@media (min-width: 768px) {
    .p-page-header__body {
        max-width: 465px
    }
}

@media (min-width: 768px)and (max-width: 1040px) {
    .p-page-header__body {
        font-size: 12px
    }
}

.p-page-header__tab {
    display: flex;
    justify-content: center;
    position: relative;
    height: 70px;
    margin-top: -35px
}

@media (min-width: 768px) {
    .p-page-header__tab {
        height: 90px;
        margin-bottom: 20px;
        margin-top: -45px;
        justify-content: flex-start
    }
}

.p-page-header__tab .tab {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    flex: 0 1 150px;
    padding: 0 10px;
    background-color: #fff;
    line-height: 1.44;
    text-align: center
}

.p-page-header__tab .tab:not(.current) + .tab:not(.current)::before {
    display: block;
    position: absolute;
    left: 0;
    height: 20px;
    width: 0;
    border-left: 1px solid #dedfe2;
    content: ""
}

@media (min-width: 768px) {
    .p-page-header__tab .tab:not(.current) + .tab:not(.current)::before {
        height: 30px
    }
}

.p-page-header__tab .tab.current {
    border-color: #4d5b6e;
    background-color: #4d5b6e;
    color: #fff
}

.p-page-header__tab .tab.current::before {
    content: none
}

@media (min-width: 768px) {
    .p-page-header__tab .tab {
        flex: 0 0 auto;
        padding: 0 45px
    }
}

@media (min-width: 768px)and (max-width: 992px) {
    .p-page-header__tab .tab {
        padding: 0 25px
    }
}

.p-page-header__tab.tabItem-2 .tab {
    width: 260px
}

.p-page-header__tab.tabItem-3 .tab {
    width: 220px
}

.c-glay_link-w {
    background-color: #dedfe2;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding: 10px 20px;
    position: relative
}

@media (min-width: 768px) {
    .c-glay_link-w {
        width: 585px;
        height: 90px;
        padding: 20px;
        font-size: 18px
    }
}

.c-glay_link-w::after {
    display: inline-block;
    position: absolute;
    right: 20px;
    top: 50%;
    margin-top: -3px;
    height: 6px;
    width: 6px;
    border: solid #000;
    border-width: 1px 1px 0 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    content: ""
}

@media (min-width: 768px) {
    .c-glay_link-w::after {
        right: 50px;
        margin-top: -5px;
        height: 13px;
        width: 13px
    }
}

.c-glay_link-w__whitearea {
    background-color: #fff;
    font-size: 10px;
    padding: 0 9px;
    margin-bottom: 5px
}

@media (min-width: 768px) {
    .c-glay_link-w__whitearea {
        font-size: 12px
    }
}

.c-glay_link {
    background-color: #dedfe2;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding: 10px 20px;
    position: relative
}

@media (min-width: 768px) {
    .c-glay_link {
        width: 585px;
        height: 70px;
        padding: 20px;
        font-size: 18px
    }
}

.c-glay_link::after {
    display: inline-block;
    position: absolute;
    right: 20px;
    top: 50%;
    margin-top: -3px;
    height: 6px;
    width: 6px;
    border: solid #000;
    border-width: 1px 1px 0 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    content: ""
}

@media (min-width: 768px) {
    .c-glay_link::after {
        right: 50px;
        margin-top: -5px;
        height: 13px;
        width: 13px
    }
}

.p-company-base__header__bg {
    color: #fff;
    background: url("../image/c-2_5_mv_sp.jpg") no-repeat center center;
    background-size: cover
}

@media (min-width: 768px) {
    .p-company-base__header__bg {
        background: url("../image/c-2_5_mv_pc.jpg") no-repeat center center;
        background-size: cover
    }
}

.p-company-base-anchor {
    padding: 45px 0 70px
}

@media (min-width: 768px) {
    .p-company-base-anchor {
        padding: 90px 0 120px
    }
}

.p-company-base-anchor__column + .p-company-base-anchor__column {
    margin-top: 40px
}

@media (min-width: 768px) {
    .p-company-base-anchor__column + .p-company-base-anchor__column {
        margin-top: 60px
    }
}

.p-company-base-anchor__head {
    margin-bottom: 10px;
    padding-left: 10px;
    font-family: "SST W55 Bold", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 15px;
    line-height: 1.33
}

[lang=en] .p-company-base-anchor__head {
    font-family: "SST W20 Bold", sans-serif
}

[lang=zh-CN] .p-company-base-anchor__head {
    font-family: "SST W20 Bold", sans-serif;
    font-weight: bold
}

@media (min-width: 768px) {
    .p-company-base-anchor__head {
        margin-bottom: 20px;
        padding-left: 20px;
        font-size: 20px
    }
}

.p-company-base-list {
    padding: 65px 0
}

@media (min-width: 768px) {
    .p-company-base-list {
        padding: 90px 0 120px
    }
}

@media (min-width: 768px) {
    .p-company-base-list.overseas {
        padding: 150px 0 120px
    }
}

.p-company-base-list__heading {
    margin-bottom: 50px;
    font-family: "SST W55 Bold", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 15px;
    text-align: center
}

[lang=en] .p-company-base-list__heading {
    font-family: "SST W20 Bold", sans-serif
}

[lang=zh-CN] .p-company-base-list__heading {
    font-family: "SST W20 Bold", sans-serif;
    font-weight: bold
}

@media (min-width: 768px) {
    .p-company-base-list__heading {
        margin-bottom: 70px;
        font-size: 24px
    }
}

.p-company-base-list__container {
    padding: 0 10px
}

@media (min-width: 768px) {
    .p-company-base-list__container {
        padding: 0 100px
    }
}

.p-company-base-list__table {
    width: 100%;
    font-family: "SSTJapanese W55 Regular", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    line-height: 1.5
}

[lang=en] .p-company-base-list__table {
    font-family: "SST W20 Roman", "Helvetica Neue", Helvetica, Arial, sans-serif
}

[lang=zh-CN] .p-company-base-list__table {
    font-family: "SST W20 Roman", "Hiragino Kaku Gothic ProN", "Heiti TC", Roboto, Droid, "Helvetica Neue", Helvetica, Arial, sans-serif
}

.p-company-base-list__table + .p-company-base-list__table {
    margin-top: 50px
}

.p-company-base-list__table tbody {
    font-family: "SST W55 Light", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif
}

[lang=en] .p-company-base-list__table tbody {
    font-family: "SST W20 Light", sans-serif
}

[lang=zh-CN] .p-company-base-list__table tbody {
    font-family: "SST W20 Light", sans-serif
}

.p-company-base-list__table tr {
    border-bottom: 1px solid #dedfe2
}

.p-company-base-list__table th {
    padding: 15px 0;
    width: 85px;
    vertical-align: middle;
    font-weight: normal;
    text-align: left
}

.p-company-base-list__table td {
    padding: 15px 0;
    font-size: 12px
}

.p-company-base-list__table tr:first-of-type th {
    position: relative
}

.p-company-base-list__table .label {
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    display: block;
    width: 115px;
    font-size: 13px;
    text-align: center
}

@media (min-width: 768px) {
    .p-company-base-list__table + .p-company-base-list__table {
        margin-top: 70px
    }

    .p-company-base-list__table th {
        width: 33%
    }

    .p-company-base-list__table td {
        font-size: 16px
    }

    .p-company-base-list__table .label {
        width: 150px;
        font-size: 16px
    }

    .p-company-base-list__table .u-link {
        font-size: 14px
    }
}

.p-company-base-list__access li {
    margin-left: 1em;
    text-indent: -1em
}

.p-csr-heading, .p-csr-eco-policy__heading, .p-csr-top__heading {
    font-family: "SST W55 Bold", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 30px;
    line-height: 1.333
}

[lang=en] .p-csr-heading, [lang=en] .p-csr-eco-policy__heading, [lang=en] .p-csr-top__heading {
    font-family: "SST W20 Bold", sans-serif
}

[lang=zh-CN] .p-csr-heading, [lang=zh-CN] .p-csr-eco-policy__heading, [lang=zh-CN] .p-csr-top__heading {
    font-family: "SST W20 Bold", sans-serif;
    font-weight: bold
}

@media (min-width: 768px) {
    .p-csr-heading, .p-csr-eco-policy__heading, .p-csr-top__heading {
        font-size: 50px
    }
}

.p-csr__header__bg {
    color: #fff;
    background: url("../image/c-2_6_mv_sp.jpg") no-repeat center center;
    background-size: cover
}

@media (min-width: 768px) {
    .p-csr__header__bg {
        background: url("../image/c-2_6_mv_pc.jpg") no-repeat center center;
        background-size: cover
    }
}

.p-csr-quality__header__bg {
    color: #fff;
    background: url("../image/c-2_6_3_mv_sp.jpg") no-repeat center center;
    background-size: cover
}

@media (min-width: 768px) {
    .p-csr-quality__header__bg {
        background: url("../image/c-2_6_3_mv_pc.jpg") no-repeat center center;
        background-size: cover
    }
}

.p-csr-social__header__bg {
    color: #fff;
    background: url("../image/c-2_6_2_mv_sp.jpg") no-repeat center center;
    background-size: cover
}

@media (min-width: 768px) {
    .p-csr-social__header__bg {
        background: url("../image/c-2_6_2_mv_pc.jpg") no-repeat center center;
        background-size: cover
    }
}

.p-csr-related-link {
    padding: 75px 0
}

@media (min-width: 768px) {
    .p-csr-related-link {
        padding: 70px 0 100px
    }
}

.p-csr-related-link__heading {
    margin-bottom: 25px;
    font-family: "SST W55 Bold", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 25px;
    text-align: center
}

[lang=en] .p-csr-related-link__heading {
    font-family: "SST W20 Bold", sans-serif
}

[lang=zh-CN] .p-csr-related-link__heading {
    font-family: "SST W20 Bold", sans-serif;
    font-weight: bold
}

@media (min-width: 768px) {
    .p-csr-related-link__heading {
        margin-bottom: 50px;
        font-size: 50px
    }
}

.p-csr-related-link__list li {
    text-align: center
}

.p-csr-related-link__list a {
    background-color: #f5f5f5;
    display: block
}

@media (min-width: 768px) {
    .p-csr-related-link__list {
        display: flex;
        justify-content: center
    }

    .p-csr-related-link__list li {
        margin: 0 15px
    }
}

@media (max-width: 767px) {
    .p-csr-related-link__list li + li {
        margin-top: 20px
    }
}

@media (max-width: 767px) {
    [lang=en] .p-csr-related-link__list li img, [lang=zh-CN] .p-csr-related-link__list li img {
        max-height: 150px
    }
}

@media (min-width: 768px) {
    [lang=en] .p-csr-related-link__list li, [lang=zh-CN] .p-csr-related-link__list li {
        width: 50%;
        max-width: 380px
    }

    [lang=en] .p-csr-related-link__list li img, [lang=zh-CN] .p-csr-related-link__list li img {
        max-height: 135px
    }
}

.p-csr-top__section {
    padding: 70px 10px
}

.p-csr-top__section:nth-child(even) {
    background-color: #f5f5f3
}

@media (min-width: 768px) {
    .p-csr-top__section {
        padding: 100px 0
    }
}

@media (min-width: 768px) {
    .p-csr-top__header {
        margin: 0 100px
    }
}

.p-csr-top__heading {
    margin-bottom: 25px
}

@media (min-width: 768px) {
    .p-csr-top__heading {
        margin-bottom: 40px;
        text-align: center
    }
}

.p-csr-top__container {
    margin: 20px 0 0
}

@media (min-width: 768px) {
    .p-csr-top__container {
        margin-top: 50px
    }
}

.p-csr-top__image {
    margin: 0 -10px
}

.p-csr-top__content {
    margin-top: 25px
}

@media (min-width: 768px) {
    .p-csr-top__content {
        margin-top: 0;
        padding-left: 15px
    }
}

.p-csr-top__content-heading {
    margin-top: 15px;
    margin-bottom: 15px;
    font-family: "SST W55 Bold", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 18px
}

[lang=en] .p-csr-top__content-heading {
    font-family: "SST W20 Bold", sans-serif
}

[lang=zh-CN] .p-csr-top__content-heading {
    font-family: "SST W20 Bold", sans-serif;
    font-weight: bold
}

@media (min-width: 768px) {
    .p-csr-top__content-heading {
        margin-top: 30px;
        margin-bottom: 30px;
        font-size: 24px
    }
}

.p-csr-top__content-heading:first-child {
    margin-top: 0
}

.p-csr-top__content-list > li {
    list-style-type: square;
    margin-bottom: 10px;
    margin-left: 1.5em;
    line-height: 1.375
}

@media (min-width: 768px) {
    .p-csr-top__content-list {
        display: flex;
        flex-wrap: wrap
    }

    .p-csr-top__content-list > li {
        margin-bottom: 15px;
        width: calc(50% - 1.5em)
    }
}

.p-csr-top__to-detail {
    margin-top: 35px
}

.p-csr-top__to-detail .c-button {
    margin: 0 auto 0
}

@media (min-width: 768px) {
    .p-csr-top__to-detail {
        margin-top: 50px
    }

    .p-csr-top__to-detail .c-button {
        margin-left: 0
    }
}

.p-csr-top__bcm p + p {
    margin-top: 1.6em
}

.p-csr-eco__header__bg {
    color: #fff;
    background: url("../image/c-2_6_1_mv_sp.jpg") no-repeat center center;
    background-size: cover
}

@media (min-width: 768px) {
    .p-csr-eco__header__bg {
        background: url("../image/c-2_6_1_mv_pc.jpg") no-repeat center center;
        background-size: cover
    }
}

.p-csr-eco-anchor {
    padding: 80px 0 0
}

@media (min-width: 768px) {
    .p-csr-eco-anchor {
        padding: 140px 0 0
    }
}

.p-csr-eco-policy {
    padding: 75px 0
}

@media (min-width: 768px) {
    .p-csr-eco-policy {
        padding: 100px 0 50px
    }
}

.p-csr-eco-policy__heading {
    margin-bottom: 20px;
    padding: 0 10px
}

@media (min-width: 768px) {
    .p-csr-eco-policy__heading {
        margin-bottom: 90px;
        text-align: center
    }
}

@media (max-width: 767px) {
    .p-csr-eco-policy__outline {
        margin-right: calc(50% - 50vw);
        margin-left: calc(50% - 50vw);
        padding: 25px 25px
    }
}

.p-csr-eco-policy__outline .heading {
    margin-bottom: 25px;
    font-family: "SST W55 Bold", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 20px;
    text-align: center
}

[lang=en] .p-csr-eco-policy__outline .heading {
    font-family: "SST W20 Bold", sans-serif
}

[lang=zh-CN] .p-csr-eco-policy__outline .heading {
    font-family: "SST W20 Bold", sans-serif;
    font-weight: bold
}

.p-csr-eco-policy__outline .txt-medium {
    font-family: "SST W55 Bold", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 17px
}

[lang=en] .p-csr-eco-policy__outline .txt-medium {
    font-family: "SST W20 Bold", sans-serif
}

[lang=zh-CN] .p-csr-eco-policy__outline .txt-medium {
    font-family: "SST W20 Bold", sans-serif;
    font-weight: bold
}

.p-csr-eco-policy__outline .signature {
    margin-top: 60px
}

@media (min-width: 768px) {
    .p-csr-eco-policy__outline {
        padding: 90px 100px
    }

    .p-csr-eco-policy__outline .heading {
        margin-bottom: 50px;
        font-size: 40px
    }

    .p-csr-eco-policy__outline .txt-medium {
        font-size: 32px;
        line-height: 1.82;
        text-align: center
    }

    .p-csr-eco-policy__outline .signature {
        margin-top: 40px;
        text-align: right
    }

    .p-csr-eco-policy__outline .signature dt {
        margin-bottom: 10px
    }
}

.p-csr-eco-policy__footer {
    margin-top: 25px;
    padding: 0 10px
}

.p-csr-eco-policy__footer p + p {
    margin-top: 1.6em
}

.p-csr-eco-policy__footer ul {
    margin-top: 1.6em
}

@media (min-width: 768px) {
    .p-csr-eco-policy__footer {
        margin-top: 40px
    }
}

.p-csr-eco-effort-section {
    padding: 65px 0
}

.p-csr-eco-effort-section__heading {
    margin-bottom: 15px;
    padding-bottom: 15px;
    font-family: "SST W55 Bold", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 25px;
    line-height: 1.4;
    border-bottom: 1px solid #dedfe2
}

[lang=en] .p-csr-eco-effort-section__heading {
    font-family: "SST W20 Bold", sans-serif
}

[lang=zh-CN] .p-csr-eco-effort-section__heading {
    font-family: "SST W20 Bold", sans-serif;
    font-weight: bold
}

@media (min-width: 768px) {
    .p-csr-eco-effort-section__heading {
        margin-bottom: 25px;
        font-size: 40px;
        text-align: center
    }
}

.p-csr-eco-effort-section__sub-head {
    margin-bottom: 15px;
    font-family: "SST W55 Bold", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 17px;
    line-height: 1.37;
    padding-left: 10px
}

[lang=en] .p-csr-eco-effort-section__sub-head {
    font-family: "SST W20 Bold", sans-serif
}

[lang=zh-CN] .p-csr-eco-effort-section__sub-head {
    font-family: "SST W20 Bold", sans-serif;
    font-weight: bold
}

@media (min-width: 768px) {
    .p-csr-eco-effort-section__sub-head {
        font-size: 28px;
        padding-left: 0
    }
}

.p-csr-eco-effort-section__introduction {
    margin-bottom: 15px;
    padding: 0 10px
}

@media (min-width: 768px) {
    .p-csr-eco-effort-section__introduction {
        max-width: 1000px;
        margin: 0 auto 50px;
        padding: 0
    }
}

.p-csr-eco-effort-section__content {
    padding: 35px 0
}

.p-csr-eco-effort-section__content p {
    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt";
    padding: 0 10px
}

@media (min-width: 768px) {
    .p-csr-eco-effort-section__content p {
        padding: 0
    }
}

.p-csr-eco-effort-section__content p + p {
    margin-top: 1.6em
}

.p-csr-eco-effort-section__content .c-button-round {
    margin: 25px auto 0
}

@media (min-width: 768px) {
    .p-csr-eco-effort-section__content {
        padding: 50px 0
    }
}

@media (max-width: 767px) {
    .p-csr-eco-effort-section__content .u-grid-col + .u-grid-col {
        margin-top: 25px
    }
}

.p-csr-eco-effort {
    padding: 65px 0
}

@media (min-width: 768px) {
    .p-csr-eco-effort {
        padding: 100px 0
    }
}

.p-csr-eco-effort__container {
    padding: 0 10px
}

@media (min-width: 768px) {
    .p-csr-eco-effort__container {
        max-width: 1000px;
        margin: 0 auto
    }
}

.p-csr-eco-effort__heading {
    margin-bottom: 20px;
    font-family: "SST W55 Bold", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 30px;
    line-height: 1.3
}

[lang=en] .p-csr-eco-effort__heading {
    font-family: "SST W20 Bold", sans-serif
}

[lang=zh-CN] .p-csr-eco-effort__heading {
    font-family: "SST W20 Bold", sans-serif;
    font-weight: bold
}

@media (min-width: 768px) {
    .p-csr-eco-effort__heading {
        margin-bottom: 50px;
        font-size: 50px;
        text-align: center
    }
}

.p-csr-eco-effort__anchor {
    margin: 25px 0 0
}

@media (min-width: 768px) {
    .p-csr-eco-effort__anchor {
        margin: 50px auto 0;
        max-width: 790px
    }
}

.p-csr-eco-effort__anchor ul {
    display: flex;
    flex-wrap: wrap
}

.p-csr-eco-effort__anchor ul.is-center {
    justify-content: center
}

.p-csr-eco-effort__anchor li {
    font-size: 12px;
    line-height: 1.28;
    margin-bottom: -1px
}

@media (max-width: 767px) {
    .p-csr-eco-effort__anchor li {
        width: calc(50% - 15px)
    }

    .p-csr-eco-effort__anchor li:nth-child(even) {
        margin-left: 30px
    }
}

@media (min-width: 768px) {
    .p-csr-eco-effort__anchor li {
        width: calc((100% - 90px) / 4);
        font-size: 16px
    }

    .p-csr-eco-effort__anchor li:not(:nth-child(4n+1)) {
        margin-left: 30px
    }
}

.p-csr-eco-effort__anchor a {
    display: flex;
    align-items: center;
    min-height: 45px;
    position: relative;
    width: 100%;
    padding: 0 20px 0 0;
    border-bottom: 1px solid #d6d7da
}

@media (min-width: 768px) {
    .p-csr-eco-effort__anchor a {
        min-height: 70px
    }
}

.p-csr-eco-effort__anchor .u-link-arrow::after {
    position: absolute;
    right: 10px;
    top: 50%
}

@media (min-width: 768px) {
    .p-csr-eco-effort__anchor .u-link-arrow:after {
        right: 3px;
        margin-top: -5px
    }
}

.p-csr-eco-effort__image {
    margin-top: 45px
}

@media (min-width: 768px) {
    .p-csr-eco-effort__image {
        margin-top: 90px
    }
}

.p-csr-eco-greeting {
    padding: 70px 0;
    font-family: "SST W55 Light", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif
}

[lang=en] .p-csr-eco-greeting {
    font-family: "SST W20 Light", sans-serif
}

[lang=zh-CN] .p-csr-eco-greeting {
    font-family: "SST W20 Light", sans-serif
}

@media (min-width: 768px) {
    .p-csr-eco-greeting {
        padding: 90px 0
    }
}

.p-csr-eco-greeting__heading {
    margin-bottom: 45px;
    font-family: "SST W55 Bold", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 30px;
    padding-left: 10px
}

[lang=en] .p-csr-eco-greeting__heading {
    font-family: "SST W20 Bold", sans-serif
}

[lang=zh-CN] .p-csr-eco-greeting__heading {
    font-family: "SST W20 Bold", sans-serif;
    font-weight: bold
}

@media (min-width: 768px) {
    .p-csr-eco-greeting__heading {
        margin-bottom: 80px;
        font-size: 50px;
        text-align: center;
        padding-left: 0
    }
}

@media (min-width: 768px) {
    .p-csr-eco-greeting__container {
        padding: 0 50px
    }
}

.p-csr-eco-greeting__block {
    margin-bottom: 45px;
    padding: 0 10px 45px;
    padding-bottom: 45px;
    border-bottom: 1px solid #dedfe2
}

.p-csr-eco-greeting__block .signature {
    margin-top: 25px
}

.p-csr-eco-greeting__block:last-of-type {
    margin-bottom: 0
}

@media (min-width: 768px) {
    .p-csr-eco-greeting__block .signature {
        margin-top: 100px;
        text-align: right
    }
}

.p-csr-eco-document {
    padding: 50px 0
}

.p-csr-eco-document__container {
    position: relative
}

.p-csr-eco-document__download {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding-bottom: 25px;
    text-align: center
}

.p-csr-eco-document__download .title {
    margin-bottom: 25px;
    color: #fff
}

.p-csr-eco-document__download .c-button {
    margin: 0 auto
}

@media (min-width: 768px) {
    .p-csr-eco-document__download {
        top: 50%;
        bottom: auto;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        max-width: 450px;
        width: 35%;
        padding: 0;
        margin-left: 50%
    }

    .p-csr-eco-document__download .title {
        font-size: 28px
    }
}

.p-csr-eco-winning-history {
    padding: 0 0 75px
}

.p-csr-eco-winning-history__container {
    padding: 70px 10px 50px
}

@media (min-width: 768px) {
    .p-csr-eco-winning-history__container {
        padding: 80px 100px 100px
    }
}

@media (min-width: 768px)and (max-width: 992px) {
    .p-csr-eco-winning-history__container {
        padding: 80px 20px 100px
    }
}

.p-csr-eco-winning-history__heading {
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #dedfe2;
    font-family: "SST W55 Bold", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 25px;
    text-align: center
}

[lang=en] .p-csr-eco-winning-history__heading {
    font-family: "SST W20 Bold", sans-serif
}

[lang=zh-CN] .p-csr-eco-winning-history__heading {
    font-family: "SST W20 Bold", sans-serif;
    font-weight: bold
}

@media (min-width: 768px) {
    .p-csr-eco-winning-history__heading {
        margin-bottom: 25px;
        padding-bottom: 20px;
        font-size: 40px
    }
}

.p-csr-eco-winning-history__lead {
    margin-bottom: 60px;
    font-size: 17px;
    text-align: center
}

@media (min-width: 768px) {
    .p-csr-eco-winning-history__lead {
        font-size: 24px
    }
}

.p-csr-eco-winning-history__table {
    width: 100%;
    font-family: "SST W55 Light", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 10px
}

[lang=en] .p-csr-eco-winning-history__table {
    font-family: "SST W20 Light", sans-serif
}

[lang=zh-CN] .p-csr-eco-winning-history__table {
    font-family: "SST W20 Light", sans-serif
}

.p-csr-eco-winning-history__table th, .p-csr-eco-winning-history__table td {
    padding: 8px;
    border-bottom: 1px solid #dedfe2;
    line-height: 1.37;
    font-weight: normal;
    text-align: left;
    vertical-align: middle
}

.p-csr-eco-winning-history__table .col-1 {
    width: 75px
}

.p-csr-eco-winning-history__table .col-3 {
    width: 85px
}

@media (min-width: 768px) {
    .p-csr-eco-winning-history__table {
        font-size: 16px
    }

    .p-csr-eco-winning-history__table th, .p-csr-eco-winning-history__table td {
        padding: 14px
    }

    .p-csr-eco-winning-history__table .col-1 {
        width: 228px
    }

    .p-csr-eco-winning-history__table .col-3 {
        width: 228px
    }
}

@media (min-width: 768px)and (max-width: 992px) {
    .p-csr-eco-winning-history__table td:nth-of-type(1) {
        width: 500px
    }
}

.p-csr-social-contributions-section {
    padding: 65px 0
}

.p-csr-social-contributions-section.contributions_top {
    margin-top: 100px
}

.p-csr-social-contributions-section__heading {
    margin-bottom: 15px;
    padding-bottom: 15px;
    font-family: "SST W55 Bold", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 25px;
    line-height: 1.4;
    border-bottom: 1px solid #dedfe2
}

[lang=en] .p-csr-social-contributions-section__heading {
    font-family: "SST W20 Bold", sans-serif
}

[lang=zh-CN] .p-csr-social-contributions-section__heading {
    font-family: "SST W20 Bold", sans-serif;
    font-weight: bold
}

@media (min-width: 768px) {
    .p-csr-social-contributions-section__heading {
        margin-bottom: 25px;
        font-size: 40px;
        text-align: center
    }
}

.p-csr-social-contributions-section__sub-head {
    margin-bottom: 15px;
    font-family: "SST W55 Bold", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 17px;
    line-height: 1.37;
    padding-left: 10px
}

[lang=en] .p-csr-social-contributions-section__sub-head {
    font-family: "SST W20 Bold", sans-serif
}

[lang=zh-CN] .p-csr-social-contributions-section__sub-head {
    font-family: "SST W20 Bold", sans-serif;
    font-weight: bold
}

@media (min-width: 768px) {
    .p-csr-social-contributions-section__sub-head {
        font-size: 28px;
        padding-left: 0
    }
}

.p-csr-social-contributions-section__introduction {
    margin-bottom: 15px;
    padding: 0 10px
}

@media (min-width: 768px) {
    .p-csr-social-contributions-section__introduction {
        max-width: 1000px;
        margin: 0 auto 50px;
        padding: 0
    }
}

.p-csr-social-contributions-section__content {
    padding: 35px 0
}

.p-csr-social-contributions-section__content p {
    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt";
    padding: 0 10px
}

@media (min-width: 768px) {
    .p-csr-social-contributions-section__content p {
        padding: 0
    }
}

.p-csr-social-contributions-section__content p + p {
    margin-top: 1.6em
}

.p-csr-social-contributions-section__content img {
    width: 100%
}

.p-csr-social-contributions-section__content .c-button-round {
    margin: 25px auto 0
}

@media (min-width: 768px) {
    .p-csr-social-contributions-section__content {
        padding: 50px 0
    }
}

@media (max-width: 767px) {
    .p-csr-social-contributions-section__content .u-grid-col + .u-grid-col {
        margin-top: 25px
    }
}

.p-error {
    margin: 45px 0 58px
}

@media (min-width: 768px) {
    .p-error {
        margin: 40px 0 80px
    }
}

.p-error:last-child {
    margin: 45px 0 75px
}

@media (min-width: 768px) {
    .p-error:last-child {
        margin: 40px 0 180px
    }
}

.p-error__head {
    background-color: rgba(255, 255, 255, .85);
    padding: 30px;
    min-height: 150px;
    border-bottom: solid 1px #e0e1e4
}

@media (max-width: 767px) {
    .p-error__head {
        justify-content: center;
        align-items: center
    }
}

@media (min-width: 768px) {
    .p-error__head {
        padding: 100px 60px
    }
}

.p-error__head__bg {
    background-color: #fff
}

.p-error__head__heading {
    margin: 0
}

.p-error__head__bread {
    margin-top: 110px
}

.p-error__text {
    padding: 0 10px;
    font-family: "SST W55 Light", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif
}

[lang=en] .p-error__text {
    font-family: "SST W20 Light", sans-serif
}

[lang=zh-CN] .p-error__text {
    font-family: "SST W20 Light", sans-serif
}

@media (min-width: 768px) {
    .p-error__text {
        padding: 0
    }
}

.p-error__button {
    margin: 40px auto 0;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    max-width: 200px
}

@media (min-width: 768px) {
    .p-error__button {
        max-width: 250px;
        padding: 0;
        margin: 40px auto 0 0
    }
}

.p-feature__index__content {
    padding: 40px 0 30px;
    margin-right: 10px;
    margin-left: 10px
}

@media (min-width: 768px) {
    .p-feature__index__content {
        padding: 45px 0 50px;
        width: 100%;
        max-width: 1230px;
        margin: 0 auto
    }
}

.p-feature__index__content__title {
    font-family: "SSTJapanese W55 Regular", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    text-align: center;
    font-size: 20px;
    margin: 0 0 20px
}

[lang=en] .p-feature__index__content__title {
    font-family: "SST W20 Roman", "Helvetica Neue", Helvetica, Arial, sans-serif
}

[lang=zh-CN] .p-feature__index__content__title {
    font-family: "SST W20 Roman", "Hiragino Kaku Gothic ProN", "Heiti TC", Roboto, Droid, "Helvetica Neue", Helvetica, Arial, sans-serif
}

@media (min-width: 768px) {
    .p-feature__index__content__title {
        font-size: 32px;
        margin: 0 0 40px
    }
}

.p-feature__index__content .wrap {
    width: 100%;
    margin: 0 auto
}

.p-feature__index__content .wrap .demo01 {
    margin: 0 auto
}

.p-feature__index__content .wrap .demo01 .item {
    width: 100%;
    margin-bottom: 10px
}

@media (min-width: 768px) {
    .p-feature__index__content .wrap .demo01 .item {
        width: 270px;
        margin-bottom: 30px;
        margin-right: 30px
    }
}

@media (min-width: 768px) {
    .p-feature__index__content .wrap .demo01 .item.item-big {
        width: 570px
    }
}

.p-feature__index__content .wrap .demo01 .item img {
    width: 100%
}

.p-feature__index__content__article-link {
    width: 100%;
    margin: 0 auto
}

@media (min-width: 768px) {
    .p-feature__index__content__article-link {
        max-width: 1200px
    }
}

.p-feature__index__content__article-link__child {
    margin: 0 auto
}

.p-feature__index__content__article-link__child__links {
    display: block;
    position: relative;
    width: 100%;
    margin-bottom: 10px;
    overflow: hidden
}

.p-feature__index__content__article-link__child__links__textbg {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0.5) 50%, rgba(0, 0, 0, 0.7));
    z-index: 1
}

.p-feature__index__content__article-link__child__links__text {
    position: absolute;
    left: 10px;
    right: 10px;
    bottom: 10px;
    z-index: 2
}

.p-feature__index__content__article-link__child__links__text__date {
    font-family: "SSTJapanese W55 Regular", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    color: #fff;
    font-size: 12px;
    margin: 0 0 7px
}

[lang=en] .p-feature__index__content__article-link__child__links__text__date {
    font-family: "SST W20 Roman", "Helvetica Neue", Helvetica, Arial, sans-serif
}

[lang=zh-CN] .p-feature__index__content__article-link__child__links__text__date {
    font-family: "SST W20 Roman", "Hiragino Kaku Gothic ProN", "Heiti TC", Roboto, Droid, "Helvetica Neue", Helvetica, Arial, sans-serif
}

.p-feature__index__content__article-link__child__links__text__title {
    font-family: "SSTJapanese W55 Regular", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    color: #fff;
    font-size: 20px;
    line-height: 25px;
    margin: 0 0 20px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden
}

[lang=en] .p-feature__index__content__article-link__child__links__text__title {
    font-family: "SST W20 Roman", "Helvetica Neue", Helvetica, Arial, sans-serif
}

[lang=zh-CN] .p-feature__index__content__article-link__child__links__text__title {
    font-family: "SST W20 Roman", "Hiragino Kaku Gothic ProN", "Heiti TC", Roboto, Droid, "Helvetica Neue", Helvetica, Arial, sans-serif
}

.p-feature__index__content__article-link__child__links__text__category {
    display: flex
}

.p-feature__index__content__article-link__child__links__text__category__icon {
    padding: 3px 12px;
    margin: 0 10px 0 0;
    font-size: 10px;
    font-family: "SSTJapanese W55 Regular", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif
}

[lang=en] .p-feature__index__content__article-link__child__links__text__category__icon {
    font-family: "SST W20 Roman", "Helvetica Neue", Helvetica, Arial, sans-serif
}

[lang=zh-CN] .p-feature__index__content__article-link__child__links__text__category__icon {
    font-family: "SST W20 Roman", "Hiragino Kaku Gothic ProN", "Heiti TC", Roboto, Droid, "Helvetica Neue", Helvetica, Arial, sans-serif
}

.p-feature__index__content__article-link__child__links__text__category__icon:last-child {
    margin: 0
}

.p-feature__index__content__article-link__child__links__text__category__icon.industrial {
    background-color: #b7c069;
    color: #fff
}

.p-feature__index__content__article-link__child__links__text__category__icon.imagesensor {
    background-color: #4e5961;
    color: #fff
}

.p-feature__index__content__article-link__child__links__text__category__icon.robotarm {
    background-color: #4e5961;
    color: #fff
}

@media (min-width: 768px) {
    .p-feature__index__content__article-link__child__links {
        width: 270px;
        margin-bottom: 30px
    }

    .p-feature__index__content__article-link__child__links__text {
        position: absolute;
        left: 15px;
        right: 15px;
        bottom: 15px;
        z-index: 2
    }

    .p-feature__index__content__article-link__child__links__text__date {
        font-family: "SSTJapanese W55 Regular", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
        color: #fff;
        font-size: 12px;
        margin: 0 0 5px
    }

    [lang=en] .p-feature__index__content__article-link__child__links__text__date {
        font-family: "SST W20 Roman", "Helvetica Neue", Helvetica, Arial, sans-serif
    }

    [lang=zh-CN] .p-feature__index__content__article-link__child__links__text__date {
        font-family: "SST W20 Roman", "Hiragino Kaku Gothic ProN", "Heiti TC", Roboto, Droid, "Helvetica Neue", Helvetica, Arial, sans-serif
    }

    .p-feature__index__content__article-link__child__links__text__title {
        font-family: "SSTJapanese W55 Regular", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
        color: #fff;
        font-size: 14px;
        line-height: 20px;
        margin: 0 0 15px;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden
    }

    [lang=en] .p-feature__index__content__article-link__child__links__text__title {
        font-family: "SST W20 Roman", "Helvetica Neue", Helvetica, Arial, sans-serif
    }

    [lang=zh-CN] .p-feature__index__content__article-link__child__links__text__title {
        font-family: "SST W20 Roman", "Hiragino Kaku Gothic ProN", "Heiti TC", Roboto, Droid, "Helvetica Neue", Helvetica, Arial, sans-serif
    }

    .p-feature__index__content__article-link__child__links__text__category {
        display: flex
    }

    .p-feature__index__content__article-link__child__links__text__category__icon {
        padding: 3px 12px;
        margin: 0 10px 0 0;
        font-size: 10px;
        font-family: "SSTJapanese W55 Regular", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif
    }

    [lang=en] .p-feature__index__content__article-link__child__links__text__category__icon {
        font-family: "SST W20 Roman", "Helvetica Neue", Helvetica, Arial, sans-serif
    }

    [lang=zh-CN] .p-feature__index__content__article-link__child__links__text__category__icon {
        font-family: "SST W20 Roman", "Hiragino Kaku Gothic ProN", "Heiti TC", Roboto, Droid, "Helvetica Neue", Helvetica, Arial, sans-serif
    }

    .p-feature__index__content__article-link__child__links__text__category__icon:last-child {
        margin: 0
    }

    .p-feature__index__content__article-link__child__links__text__category__icon.industrial {
        background-color: #737a33;
        color: #fff
    }

    .p-feature__index__content__article-link__child__links__text__category__icon.imagesensor {
        background-color: #4e5961;
        color: #fff
    }

    .p-feature__index__content__article-link__child__links__text__category__icon.robotarm {
        background-color: #4e5961;
        color: #fff
    }

    .p-feature__index__content__article-link__child__links.is-feature-big {
        width: 570px;
        margin-bottom: 30px
    }

    .p-feature__index__content__article-link__child__links.is-feature-big .p-feature__index__content__article-link__child__links__text {
        position: absolute;
        left: 15px;
        right: 15px;
        bottom: 15px;
        z-index: 2
    }

    .p-feature__index__content__article-link__child__links.is-feature-big .p-feature__index__content__article-link__child__links__text__date {
        font-family: "SSTJapanese W55 Regular", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
        color: #fff;
        font-size: 16px;
        margin: 0 0 8px
    }

    [lang=en] .p-feature__index__content__article-link__child__links.is-feature-big .p-feature__index__content__article-link__child__links__text__date {
        font-family: "SST W20 Roman", "Helvetica Neue", Helvetica, Arial, sans-serif
    }

    [lang=zh-CN] .p-feature__index__content__article-link__child__links.is-feature-big .p-feature__index__content__article-link__child__links__text__date {
        font-family: "SST W20 Roman", "Hiragino Kaku Gothic ProN", "Heiti TC", Roboto, Droid, "Helvetica Neue", Helvetica, Arial, sans-serif
    }

    .p-feature__index__content__article-link__child__links.is-feature-big .p-feature__index__content__article-link__child__links__text__title {
        font-family: "SSTJapanese W55 Regular", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
        color: #fff;
        font-size: 20px;
        line-height: 32px;
        margin: 0 0 20px;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden
    }

    [lang=en] .p-feature__index__content__article-link__child__links.is-feature-big .p-feature__index__content__article-link__child__links__text__title {
        font-family: "SST W20 Roman", "Helvetica Neue", Helvetica, Arial, sans-serif
    }

    [lang=zh-CN] .p-feature__index__content__article-link__child__links.is-feature-big .p-feature__index__content__article-link__child__links__text__title {
        font-family: "SST W20 Roman", "Hiragino Kaku Gothic ProN", "Heiti TC", Roboto, Droid, "Helvetica Neue", Helvetica, Arial, sans-serif
    }

    .p-feature__index__content__article-link__child__links.is-feature-big .p-feature__index__content__article-link__child__links__text__category {
        display: flex
    }

    .p-feature__index__content__article-link__child__links.is-feature-big .p-feature__index__content__article-link__child__links__text__category__icon {
        padding: 3px 16px;
        margin: 0 15px 0 0;
        font-size: 16px;
        font-family: "SSTJapanese W55 Regular", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif
    }

    [lang=en] .p-feature__index__content__article-link__child__links.is-feature-big .p-feature__index__content__article-link__child__links__text__category__icon {
        font-family: "SST W20 Roman", "Helvetica Neue", Helvetica, Arial, sans-serif
    }

    [lang=zh-CN] .p-feature__index__content__article-link__child__links.is-feature-big .p-feature__index__content__article-link__child__links__text__category__icon {
        font-family: "SST W20 Roman", "Hiragino Kaku Gothic ProN", "Heiti TC", Roboto, Droid, "Helvetica Neue", Helvetica, Arial, sans-serif
    }

    .p-feature__index__content__article-link__child__links.is-feature-big .p-feature__index__content__article-link__child__links__text__category__icon:last-child {
        margin: 0
    }

    .p-feature__index__content__article-link__child__links.is-feature-big .p-feature__index__content__article-link__child__links__text__category__icon.industrial {
        background-color: #737a33;
        color: #fff
    }

    .p-feature__index__content__article-link__child__links.is-feature-big .p-feature__index__content__article-link__child__links__text__category__icon.imagesensor {
        background-color: #4e5961;
        color: #fff
    }

    .p-feature__index__content__article-link__child__links.is-feature-big .p-feature__index__content__article-link__child__links__text__category__icon.robotarm {
        background-color: #4e5961;
        color: #fff
    }
}

.p-feature__article {
    background-color: #efefef
}

@media (min-width: 768px) {
    .p-feature__article__wrap {
        display: flex;
        justify-content: center;
        max-width: 1130px;
        width: 100%;
        margin: 0 auto;
        padding: 0 15px;
        position: relative
    }
}

@media (min-width: 768px)and (max-width: 1040px) {
    .p-feature__article__wrap {
        justify-content: normal
    }
}

.p-feature__article__image-sp__photo {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.p-feature__article__image-sp .swiper-container {
    height: 475px;
    padding-bottom: 30px
}

.p-feature__article__image-sp .swiper-container .swiper-pagination-bullets {
    bottom: 1px;
    left: 0;
    width: 100%;
    text-align: center
}

.p-feature__article__image-sp .swiper-container .swiper-pagination-bullet {
    position: relative;
    background: rgba(0, 0, 0, 0);
    border: 1px solid rgba(0, 0, 0, 0);
    width: 18px;
    height: 18px;
    opacity: 1;
    color: rgba(0, 0, 0, 0)
}

.p-feature__article__image-sp .swiper-container .swiper-pagination-bullet::before {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    display: inline-block;
    height: 3px;
    width: 3px;
    border-radius: 50%;
    background-color: #747474;
    vertical-align: middle;
    content: ""
}

.p-feature__article__image-sp .swiper-container .swiper-pagination-bullet-active {
    border-color: #000
}

.p-feature__article__image-sp .swiper-container .swiper-pagination-bullet-active::before {
    height: 7px;
    width: 7px;
    background-color: #000
}

@media (min-width: 768px) {
    .p-feature__article__image-pc {
        max-width: 470px;
        width: 50%;
        height: 100vh;
        position: fixed;
        z-index: 1;
        overflow: hidden;
        bottom: 0;
        -webkit-transform: translateX(-67%);
        transform: translateX(-67%)
    }

    .p-feature__article__image-pc__main-photo {
        max-width: 470px;
        width: 100%;
        height: 100vh;
        -o-object-fit: cover;
        object-fit: cover
    }
}

@media (min-width: 768px)and (min-width: 1001px)and (max-width: 1100px) {
    .p-feature__article__image-pc {
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
        left: 0
    }
}

@media (min-width: 768px)and (min-width: 768px)and (max-width: 1040px) {
    .p-feature__article__image-pc {
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
        left: 0;
        max-width: 415px
    }
}

@media (min-width: 768px) {
    .p-feature__article__image-pc__photo__image-wrap {
        position: absolute;
        top: 0;
        z-index: 2;
        height: 100%;
        width: 100%
    }

    .p-feature__article__image-pc__photo__image-wrap > img {
        opacity: 0;
        transition: .7s;
        position: absolute;
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover
    }

    .p-feature__article__image-pc__photo__image-wrap > img.feature-show-photo {
        opacity: 1
    }
}

.p-feature__article__caption {
    width: 100%;
    margin: 8px 0;
    font-size: 14px;
    text-align: center
}

.p-feature__article__caption.align-left {
    text-align: left
}

.p-feature__article__caption.bg-white {
    padding: 4px;
    background-color: #fff;
    font-size: 11px
}

.p-feature__article__column-section {
    display: flex;
    flex-wrap: wrap;
    gap: 16px
}

.p-feature__article__column-section.col-2 > div {
    width: calc(50% - 8px)
}

.p-feature__article__column-border {
    padding: 16px;
    border: 1px solid #b1b1b1;
    font-size: 12px;
    text-align: left
}

.p-feature__article__column-border p {
    margin: 8px 0
}

.p-feature__article__text {
    padding: 25px 0 50px
}

@media (min-width: 768px) {
    .p-feature__article__text {
        padding: 50px 0;
        max-width: 570px;
        width: 60%;
        margin: 0 0 0 auto
    }
}

@media (min-width: 768px)and (max-width: 1040px) {
    .p-feature__article__text {
        margin: 0 0 0 475px
    }
}

.p-feature__article__text__top {
    padding: 0 20px
}

@media (min-width: 768px) {
    .p-feature__article__text__top {
        padding: 0 0 0 30px
    }
}

@media (min-width: 768px)and (max-width: 1040px) {
    .p-feature__article__text__top {
        padding: 0
    }
}

.p-feature__article__text__top__category {
    display: flex;
    margin: 0 0 20px
}

.p-feature__article__text__top__category__icon {
    padding: 6px 12px;
    margin: 0 10px 0 0;
    font-size: 6px;
    font-family: "SSTJapanese W55 Regular", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif
}

[lang=en] .p-feature__article__text__top__category__icon {
    font-family: "SST W20 Roman", "Helvetica Neue", Helvetica, Arial, sans-serif
}

[lang=zh-CN] .p-feature__article__text__top__category__icon {
    font-family: "SST W20 Roman", "Hiragino Kaku Gothic ProN", "Heiti TC", Roboto, Droid, "Helvetica Neue", Helvetica, Arial, sans-serif
}

@media (min-width: 768px) {
    .p-feature__article__text__top__category__icon {
        padding: 3px 16px;
        margin: 0 15px 0 0;
        font-size: 16px
    }
}

.p-feature__article__text__top__category__icon:last-child {
    margin: 0
}

.p-feature__article__text__top__category__icon.industrial {
    background-color: #737a33;
    color: #fff
}

.p-feature__article__text__top__category__icon.imagesensor {
    background-color: #4e5961;
    color: #fff
}

.p-feature__article__text__top__category__icon.robotarm {
    background-color: #4e5961;
    color: #fff
}

.p-feature__article__text__top__title {
    font-family: "SSTJapanese W55 Regular", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 20px;
    line-height: 27px;
    margin: 0 0 27px
}

[lang=en] .p-feature__article__text__top__title {
    font-family: "SST W20 Roman", "Helvetica Neue", Helvetica, Arial, sans-serif
}

[lang=zh-CN] .p-feature__article__text__top__title {
    font-family: "SST W20 Roman", "Hiragino Kaku Gothic ProN", "Heiti TC", Roboto, Droid, "Helvetica Neue", Helvetica, Arial, sans-serif
}

@media (min-width: 768px) {
    .p-feature__article__text__top__title {
        font-size: 32px;
        line-height: 42px;
        margin: 0 0 33px
    }
}

.p-feature__article__text__top__date {
    font-family: "SSTJapanese W55 Regular", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 12px
}

[lang=en] .p-feature__article__text__top__date {
    font-family: "SST W20 Roman", "Helvetica Neue", Helvetica, Arial, sans-serif
}

[lang=zh-CN] .p-feature__article__text__top__date {
    font-family: "SST W20 Roman", "Hiragino Kaku Gothic ProN", "Heiti TC", Roboto, Droid, "Helvetica Neue", Helvetica, Arial, sans-serif
}

@media (min-width: 768px) {
    .p-feature__article__text__top__date {
        font-size: 16px
    }
}

.p-feature__article__text__top__detail {
    font-family: "SST W55 Light", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 12px;
    line-height: 25px;
    margin: 41px 0 0
}

[lang=en] .p-feature__article__text__top__detail {
    font-family: "SST W20 Light", sans-serif
}

[lang=zh-CN] .p-feature__article__text__top__detail {
    font-family: "SST W20 Light", sans-serif
}

@media (min-width: 768px) {
    .p-feature__article__text__top__detail {
        font-size: 16px;
        line-height: 30px;
        margin: 34px 0 0 60px
    }
}

@media (min-width: 768px)and (max-width: 1040px) {
    .p-feature__article__text__top__detail {
        margin: 34px 0 0 0
    }
}

.p-feature__article__text__top__detail__text-annotation {
    font-family: "SST W55 Light", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 11px;
    line-height: 18px;
    margin: 10px 0 0
}

[lang=en] .p-feature__article__text__top__detail__text-annotation {
    font-family: "SST W20 Light", sans-serif
}

[lang=zh-CN] .p-feature__article__text__top__detail__text-annotation {
    font-family: "SST W20 Light", sans-serif
}

@media (min-width: 768px) {
    .p-feature__article__text__top__detail__text-annotation {
        margin: 10px 0 0 60px
    }
}

.p-feature__article__text__member {
    margin: 42px 10px 0;
    padding: 20px 0 25px 30px;
    background-color: #f5f5f6;
    border-top: 3px solid #000
}

@media (min-width: 768px) {
    .p-feature__article__text__member {
        margin: 50px 0 0 40px;
        padding: 15px 15px 0;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between
    }
}

@media (min-width: 768px)and (max-width: 1040px) {
    .p-feature__article__text__member {
        margin: 50px 0 0 0
    }
}

.p-feature__article__text__member__detail {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin: 0 0 20px
}

@media (min-width: 768px) {
    .p-feature__article__text__member__detail {
        align-items: flex-start
    }
}

.p-feature__article__text__member__detail:last-child {
    margin: 0
}

@media (min-width: 768px) {
    .p-feature__article__text__member__detail {
        max-width: 243px;
        width: 50%
    }
}

.p-feature__article__text__member__detail__photo {
    max-width: 56px;
    margin: 0 12px 0 0
}

.p-feature__article__text__member__detail__profile {
    width: 255px
}

@media (min-width: 768px) {
    .p-feature__article__text__member__detail__profile {
        max-width: 168px
    }
}

.p-feature__article__text__member__detail__profile__name {
    font-family: "SSTJapanese W55 Regular", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 15px
}

[lang=en] .p-feature__article__text__member__detail__profile__name {
    font-family: "SST W20 Roman", "Helvetica Neue", Helvetica, Arial, sans-serif
}

[lang=zh-CN] .p-feature__article__text__member__detail__profile__name {
    font-family: "SST W20 Roman", "Hiragino Kaku Gothic ProN", "Heiti TC", Roboto, Droid, "Helvetica Neue", Helvetica, Arial, sans-serif
}

@media (min-width: 768px) {
    .p-feature__article__text__member__detail__profile__name {
        font-size: 11px
    }
}

.p-feature__article__text__member__detail__profile__department {
    font-family: "SST W55 Light", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 11px
}

[lang=en] .p-feature__article__text__member__detail__profile__department {
    font-family: "SST W20 Light", sans-serif
}

[lang=zh-CN] .p-feature__article__text__member__detail__profile__department {
    font-family: "SST W20 Light", sans-serif
}

.p-feature__article__text__member__annotation {
    margin: 12px 10px 0;
    font-family: "SST W55 Light", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 12px
}

[lang=en] .p-feature__article__text__member__annotation {
    font-family: "SST W20 Light", sans-serif
}

[lang=zh-CN] .p-feature__article__text__member__annotation {
    font-family: "SST W20 Light", sans-serif
}

@media (min-width: 768px) {
    .p-feature__article__text__member__annotation {
        margin: 12px 0 0 40px;
        font-size: 11px
    }
}

.p-feature__article__text__content {
    padding: 0 20px;
    margin: 60px 0 0
}

.p-feature__article__text__content.text-content-top {
    margin: 45px 0 0
}

@media (min-width: 768px) {
    .p-feature__article__text__content {
        padding: 0;
        margin: 90px 0 0
    }

    .p-feature__article__text__content.text-content-top {
        margin: 108px 0 0
    }
}

.p-feature__article__text__content__title {
    background-color: #fff;
    margin: 0 calc(50% - 50vw);
    padding: 15px calc(50vw - 50%);
    font-family: "SST W55 Bold", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 17px;
    line-height: 25px
}

[lang=en] .p-feature__article__text__content__title {
    font-family: "SST W20 Bold", sans-serif
}

[lang=zh-CN] .p-feature__article__text__content__title {
    font-family: "SST W20 Bold", sans-serif;
    font-weight: bold
}

@media (min-width: 768px) {
    .p-feature__article__text__content__title {
        margin: 0;
        padding: 20px 40px 20px;
        font-size: 24px;
        line-height: 38px
    }
}

@media (min-width: 768px)and (max-width: 1040px) {
    .p-feature__article__text__content__title {
        margin: 0
    }
}

.p-feature__article__text__content__question {
    font-family: "SSTJapanese W55 Regular", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 15px;
    line-height: 25px;
    margin: 40px 0 0
}

[lang=en] .p-feature__article__text__content__question {
    font-family: "SST W20 Roman", "Helvetica Neue", Helvetica, Arial, sans-serif
}

[lang=zh-CN] .p-feature__article__text__content__question {
    font-family: "SST W20 Roman", "Hiragino Kaku Gothic ProN", "Heiti TC", Roboto, Droid, "Helvetica Neue", Helvetica, Arial, sans-serif
}

@media (min-width: 768px) {
    .p-feature__article__text__content__question {
        font-size: 20px;
        line-height: 30px;
        margin: 40px 0 0 100px
    }

    .p-feature__article__text__content__question.question_top {
        margin: 80px 0 0 100px
    }
}

@media (min-width: 768px)and (max-width: 1040px) {
    .p-feature__article__text__content__question {
        margin: 40px 0 0 0
    }

    .p-feature__article__text__content__question.question_top {
        margin: 80px 0 0 0
    }
}

.p-feature__article__text__content__detail {
    font-family: "SST W55 Light", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 12px;
    line-height: 25px;
    margin: 37px 0 0
}

[lang=en] .p-feature__article__text__content__detail {
    font-family: "SST W20 Light", sans-serif
}

[lang=zh-CN] .p-feature__article__text__content__detail {
    font-family: "SST W20 Light", sans-serif
}

@media (min-width: 768px) {
    .p-feature__article__text__content__detail {
        font-size: 16px;
        line-height: 30px;
        margin: 30px 0 0 100px
    }
}

@media (min-width: 768px)and (max-width: 1040px) {
    .p-feature__article__text__content__detail {
        margin: 30px 0 0 0
    }
}

.p-feature__article__text__content__detail b {
    font-weight: normal
}

.p-feature__article__text__content__photo {
    margin: 35px 0 0;
    text-align: center
}

@media (min-width: 768px) {
    .p-feature__article__text__content__photo {
        margin: 35px 0 0 100px
    }

    .p-feature__article__text__content__photo > img {
        width: auto;
        -o-object-fit: contain;
        object-fit: contain
    }
}

@media (min-width: 768px)and (max-width: 1040px) {
    .p-feature__article__text__content__photo {
        margin: 35px 0 0 0
    }
}

.p-feature__article__text__content__item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 35px 0 0 100px;
    background-color: #fff;
    padding: 40px 10px 40px 30px
}

@media (min-width: 768px) {
    .p-feature__article__text__content__item {
        margin: 35px 0 0 100px
    }
}

@media (min-width: 768px)and (max-width: 1040px) {
    .p-feature__article__text__content__item {
        margin: 35px 0 0 0
    }
}

.p-feature__article__text__content__item__child {
    width: 48%
}

.p-feature__article__text__content__item__child__text {
    font-size: 13px;
    margin: 5px 0 0;
    text-align: center
}

.p-feature__article__text__content__video {
    margin: 35px 0 0
}

@media (min-width: 768px) {
    .p-feature__article__text__content__video {
        margin: 35px 0 0 100px
    }
}

@media (min-width: 768px)and (max-width: 1040px) {
    .p-feature__article__text__content__video {
        margin: 35px 0 0 0
    }
}

.p-feature__article__text__content__question-annotation {
    font-family: "SST W55 Light", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 11px;
    line-height: 18px;
    margin: 13px 0 0
}

[lang=en] .p-feature__article__text__content__question-annotation {
    font-family: "SST W20 Light", sans-serif
}

[lang=zh-CN] .p-feature__article__text__content__question-annotation {
    font-family: "SST W20 Light", sans-serif
}

@media (min-width: 768px) {
    .p-feature__article__text__content__question-annotation {
        margin: 15px 0 0 100px
    }
}

@media (min-width: 768px)and (max-width: 1040px) {
    .p-feature__article__text__content__question-annotation {
        margin: 15px 0 0 0
    }
}

.p-feature__article__text__content__text-annotation {
    font-family: "SST W55 Light", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 11px;
    line-height: 18px;
    margin: 25px 0 0
}

[lang=en] .p-feature__article__text__content__text-annotation {
    font-family: "SST W20 Light", sans-serif
}

[lang=zh-CN] .p-feature__article__text__content__text-annotation {
    font-family: "SST W20 Light", sans-serif
}

@media (min-width: 768px) {
    .p-feature__article__text__content__text-annotation {
        margin: 15px 0 0 100px
    }
}

@media (min-width: 768px)and (max-width: 1040px) {
    .p-feature__article__text__content__text-annotation {
        margin: 15px 0 0 0
    }
}

.p-feature__article__text__content__link {
    margin: 35px 0 0
}

@media (min-width: 768px) {
    .p-feature__article__text__content__link {
        margin: 35px 0 0 100px
    }
}

@media (min-width: 768px)and (max-width: 1040px) {
    .p-feature__article__text__content__link {
        margin: 35px 0 0 0
    }
}

.p-feature__article__text__content__link__title {
    font-family: "SSTJapanese W55 Regular", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 12px;
    margin: 0 0 11px
}

[lang=en] .p-feature__article__text__content__link__title {
    font-family: "SST W20 Roman", "Helvetica Neue", Helvetica, Arial, sans-serif
}

[lang=zh-CN] .p-feature__article__text__content__link__title {
    font-family: "SST W20 Roman", "Hiragino Kaku Gothic ProN", "Heiti TC", Roboto, Droid, "Helvetica Neue", Helvetica, Arial, sans-serif
}

@media (min-width: 768px) {
    .p-feature__article__text__content__link__title {
        font-size: 16px;
        margin: 0 0 30px
    }
}

.p-feature__article__text__link {
    margin: 50px 20px 0
}

@media (min-width: 768px) {
    .p-feature__article__text__link {
        margin: 67px 0 0 40px
    }
}

@media (min-width: 768px)and (max-width: 1040px) {
    .p-feature__article__text__link {
        margin: 67px 0 0 0
    }
}

.p-feature__article__text__link__copy {
    margin-bottom: 10px
}

.p-feature__article__text__link__title {
    font-family: "SSTJapanese W55 Regular", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 12px;
    margin: 0 0 11px
}

[lang=en] .p-feature__article__text__link__title {
    font-family: "SST W20 Roman", "Helvetica Neue", Helvetica, Arial, sans-serif
}

[lang=zh-CN] .p-feature__article__text__link__title {
    font-family: "SST W20 Roman", "Hiragino Kaku Gothic ProN", "Heiti TC", Roboto, Droid, "Helvetica Neue", Helvetica, Arial, sans-serif
}

@media (min-width: 768px) {
    .p-feature__article__text__link__title {
        font-size: 16px;
        margin: 0 0 13px
    }
}

.p-feature__article__text__link__list {
    display: flex;
    flex-direction: column
}

.p-feature__article__text__link__list > li {
    margin-bottom: 15px
}

@media (min-width: 768px) {
    .p-feature__article__text__link__list > li {
        flex: 1 1 auto;
        display: flex;
        align-items: center;
        min-height: 70px;
        margin-bottom: 30px;
        line-height: 1.3
    }
}

.p-feature__article__text__link__list a {
    position: relative;
    display: block;
    padding: 10px 20px;
    height: 100%;
    width: 100%;
    background-color: #dedfe2;
    transition: color .3s, background-color .3s, border .3s
}

.p-feature__article__text__link__list a:hover {
    color: #fff;
    background-color: #54bcff
}

@media (min-width: 768px) {
    .p-feature__article__text__link__list a {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        padding: 10px 60px 10px 30px;
        min-height: 70px
    }
}

.p-feature__article__text__link__list .title {
    display: block
}

@media (min-width: 768px) {
    .p-feature__article__text__link__list .title {
        font-size: 18px;
        margin: 6px 0
    }
}

.p-feature__article__text__link__list .u-link-arrow::after {
    position: absolute;
    top: 50%;
    right: 25px;
    margin-top: -3px
}

@media (min-width: 768px) {
    .p-feature__article__text__link__list .u-link-arrow::after {
        right: 45px;
        margin-top: -5px
    }
}

.p-feature__article__text__link-box {
    display: flex;
    margin: 50px 20px 0;
    background-color: #fff;
    padding: 16px
}

@media (min-width: 768px) {
    .p-feature__article__text__link-box {
        margin: 67px 0 0 40px;
        padding: 23px
    }
}

@media (min-width: 768px)and (max-width: 1040px) {
    .p-feature__article__text__link-box {
        margin-left: 0
    }
}

.p-feature__article__text__link-box-image {
    width: 55px;
    margin: 0 20px 0 0
}

@media (min-width: 768px) {
    .p-feature__article__text__link-box-image {
        width: 110px;
        margin: 0 25px 0 0
    }
}

.p-feature__article__text__link-box__child {
    width: calc(100% - 75px)
}

@media (min-width: 768px) {
    .p-feature__article__text__link-box__child {
        width: calc(100% - 135px)
    }
}

.p-feature__article__text__link-box__child__title {
    font-family: "SSTJapanese W55 Regular", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 13px;
    margin: 0 0 14px
}

[lang=en] .p-feature__article__text__link-box__child__title {
    font-family: "SST W20 Roman", "Helvetica Neue", Helvetica, Arial, sans-serif
}

[lang=zh-CN] .p-feature__article__text__link-box__child__title {
    font-family: "SST W20 Roman", "Hiragino Kaku Gothic ProN", "Heiti TC", Roboto, Droid, "Helvetica Neue", Helvetica, Arial, sans-serif
}

@media (min-width: 768px) {
    .p-feature__article__text__link-box__child__title {
        font-size: 16px;
        margin: 0 0 13px
    }
}

.p-feature__article__text__link-box__child__copy {
    margin-bottom: 10px;
    line-height: 2
}

@media (min-width: 768px) {
    .p-feature__article__text__link-box__child__copy {
        line-height: 30px
    }
}

.p-feature__article__text__link-box__list {
    display: flex;
    flex-direction: column
}

@media (min-width: 768px) {
    .p-feature__article__text__link-box__list > li {
        flex: 1 1 auto;
        display: flex;
        align-items: center;
        min-height: 56px;
        line-height: 1.3
    }
}

.p-feature__article__text__link-box__list a {
    position: relative;
    display: block;
    padding: 10px 20px;
    height: 100%;
    width: 100%;
    background-color: #dedfe2;
    transition: color .3s, background-color .3s, border .3s
}

.p-feature__article__text__link-box__list a:hover {
    color: #fff;
    background-color: #54bcff
}

@media (min-width: 768px) {
    .p-feature__article__text__link-box__list a {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        padding: 10px 60px 10px 30px;
        min-height: 56px
    }
}

.p-feature__article__text__link-box__list .title {
    display: block
}

@media (min-width: 768px) {
    .p-feature__article__text__link-box__list .title {
        font-size: 18px;
        margin: 6px 0
    }
}

.p-feature__article__text__link-box__list .u-link-download {
    position: relative
}

.p-feature__article__text__link-box__list .u-link-download::after {
    content: "";
    display: inline-block;
    position: absolute;
    top: 50%;
    right: 25px;
    margin-top: -5px;
    width: 11px;
    height: 12px;
    border: none;
    background: url("../image/fe04_link-box_download.png") no-repeat center center;
    background-size: contain
}

@media (min-width: 768px) {
    .p-feature__article__text__link-box__list .u-link-download::after {
        right: 45px;
        margin-top: -10px;
        width: 17px;
        height: 18px
    }
}

.p-feature__article__profile {
    padding: 20px 20px;
    margin: 30px 20px 0;
    background-color: #fff;
    position: relative
}

@media (min-width: 768px) {
    .p-feature__article__profile {
        margin: 60px 0 0 100px
    }
}

@media (min-width: 768px)and (max-width: 1040px) {
    .p-feature__article__profile {
        margin: 30px 0 0 0
    }
}

.p-feature__article__profile::before {
    content: "";
    background-image: linear-gradient(to right, #707070, #707070 5px, transparent 5px, transparent 12px), linear-gradient(to right, #707070, #707070 5px, transparent 5px, transparent 12px), linear-gradient(to bottom, #707070, #707070 5px, transparent 5px, transparent 12px), linear-gradient(to bottom, #707070, #707070 5px, transparent 5px, transparent 12px);
    background-size: 11px 1px, 11px 1px, 1px 11px, 1px 11px;
    background-position: left top, left bottom, left top, right top;
    background-repeat: repeat-x, repeat-x, repeat-y, repeat-y;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    pointer-events: none
}

.p-feature__article__profile__detail {
    display: flex;
    margin: 0 0 25px
}

.p-feature__article__profile__detail:last-child {
    margin: 0
}

.p-feature__article__profile__detail__child:nth-of-type(1) {
    width: 30%;
    margin: 0 10px 0 0
}

@media (min-width: 768px) {
    .p-feature__article__profile__detail__child:nth-of-type(1) {
        margin: 0 20px 0 0
    }
}

.p-feature__article__profile__detail__child:nth-of-type(2) {
    width: 70%
}

.p-feature__article__profile__detail__child__name {
    font-family: "SST W55 Bold", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 14px;
    margin: 0 0 8px
}

[lang=en] .p-feature__article__profile__detail__child__name {
    font-family: "SST W20 Bold", sans-serif
}

[lang=zh-CN] .p-feature__article__profile__detail__child__name {
    font-family: "SST W20 Bold", sans-serif;
    font-weight: bold
}

@media (min-width: 768px) {
    .p-feature__article__profile__detail__child__name {
        font-size: 18px
    }
}

.p-feature__article__profile__detail__child__department {
    font-family: "SSTJapanese W55 Regular", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    color: #5d5d5d;
    font-size: 12px;
    margin: 0 0 8px
}

[lang=en] .p-feature__article__profile__detail__child__department {
    font-family: "SST W20 Roman", "Helvetica Neue", Helvetica, Arial, sans-serif
}

[lang=zh-CN] .p-feature__article__profile__detail__child__department {
    font-family: "SST W20 Roman", "Hiragino Kaku Gothic ProN", "Heiti TC", Roboto, Droid, "Helvetica Neue", Helvetica, Arial, sans-serif
}

.p-feature__article__profile__detail__child__detail {
    font-family: "SST W55 Light", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 12px
}

[lang=en] .p-feature__article__profile__detail__child__detail {
    font-family: "SST W20 Light", sans-serif
}

[lang=zh-CN] .p-feature__article__profile__detail__child__detail {
    font-family: "SST W20 Light", sans-serif
}

.p-field-detail-full {
    padding: 30px 0
}

@media (min-width: 768px) {
    .p-field-detail-full {
        padding: 50px 0
    }
}

.p-field-detail-full#PLD01 {
    padding-top: 75px
}

@media (min-width: 768px) {
    .p-field-detail-full#PLD01 {
        padding-top: 156px
    }
}

.p-field-detail-full__header__bg {
    color: #fff;
    background: url("../image/c-3_2_1_mv_sp.jpg") no-repeat center center;
    background-size: cover
}

@media (min-width: 768px) {
    .p-field-detail-full__header__bg {
        background: url("../image/c-3_2_1_mv_pc.jpg") no-repeat center center;
        background-size: cover
    }
}

.p-field-detail-full__headicon {
    margin: 175px auto 10px;
    color: #fff;
    background-color: #000;
    padding: 3px 20px
}

@media (min-width: 768px) {
    .p-field-detail-full__headicon {
        margin: 0 auto 0 0
    }
}

.p-field-detail-full__headtitle {
    margin: 10px 0 15px
}

.p-field-detail-full__slectwrap {
    margin: 25px auto 6px
}

@media (min-width: 768px) {
    .p-field-detail-full__slectwrap {
        margin: 25px 0 6px
    }
}

.p-field-detail-full__slect {
    border: solid 1px #4d5b6e;
    margin: -2px;
    padding: 5px 25px 5px 20px;
    position: relative
}

.p-field-detail-full__slect::after {
    display: inline-block;
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -3px;
    height: 6px;
    width: 6px;
    border: solid #4d5b6e;
    border-width: 1px 1px 0 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    content: ""
}

.p-field-detail-full__slect.current {
    background-color: #4d5b6e !important;
    color: #fff !important
}

.p-field-detail-full__slect.current::after {
    display: inline-block;
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -3px;
    height: 6px;
    width: 6px;
    border: solid #fff;
    border-width: 1px 1px 0 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    content: ""
}

@media (min-width: 768px) {
    .p-field-detail-full__slect {
        margin: -3px;
        padding: 5px 35px 5px 30px
    }
}

.p-field-detail-full__manufacturer {
    margin: 18px auto 0;
    font-size: 13px;
    position: relative
}

.p-field-detail-full__manufacturer::after {
    display: inline-block;
    position: absolute;
    top: 50%;
    margin-top: -3px;
    height: 6px;
    width: 6px;
    border: solid #000;
    border-width: 1px 1px 0 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    content: ""
}

@media (min-width: 768px) {
    .p-field-detail-full__manufacturer::after {
        height: 10px;
        width: 10px
    }
}

@media (min-width: 768px) {
    .p-field-detail-full__manufacturer {
        margin: 40px 0 0;
        font-size: 16px;
        position: relative
    }
}

.p-field-detail-full__contactwrap {
    width: 1200px;
    margin: 0 auto
}

.p-field-detail-full__contactwrap-child {
    border-top: solid 1px #dedfe2;
    border-bottom: solid 1px #dedfe2;
    background-color: #fff;
    justify-content: flex-start;
    align-items: center;
    margin: 0 calc(50% - 50vw);
    padding: 0 calc(50vw - 50%);
    margin-bottom: 20px
}

.p-field-detail-full__contactwrap-child .tab {
    flex: 0 0 auto;
    padding: 0 30px
}

@media (min-width: 768px)and (max-width: 992px) {
    .p-field-detail-full__contactwrap-child {
        margin: 0 0 20px 0
    }
}

.p-field-detail-full__contact {
    margin: 25px auto 0;
    width: 100%
}

@media (min-width: 768px) {
    .p-field-detail-full__contact {
        margin: 0 auto;
        padding: 0 15px;
        font-size: 14px;
        margin-left: 30px
    }
}

.p-field-detail-full__contentmenu {
    margin-top: 50px
}

.p-field-detail-full__contentmenu__toggle {
    display: flex;
    background-color: #fff;
    border: solid 1px #494749;
    position: relative
}

.p-field-detail-full__contentmenu__toggle .txt {
    flex: 1 1 auto;
    padding: 15px
}

.p-field-detail-full__contentmenu__content {
    padding: 15px;
    border-bottom: solid 1px #dedfe2
}

.p-field-detail-full__title {
    font-size: 30px;
    margin-bottom: 30px;
    margin-left: 10px
}

@media (min-width: 768px) {
    .p-field-detail-full__title {
        margin: 0 auto 60px;
        text-align: center;
        font-size: 40px
    }
}

.p-field-detail-full__read {
    padding: 0 10px
}

@media (min-width: 768px) {
    .p-field-detail-full__read {
        margin-bottom: 70px
    }
}

.p-field-detail-full__subtitle {
    font-size: 18px;
    line-height: 25px;
    margin-bottom: 15px
}

@media (min-width: 768px) {
    .p-field-detail-full__subtitle {
        font-size: 28px;
        line-height: 40px
    }
}

.p-field-detail-full__content {
    margin-top: 30px
}

@media (min-width: 768px) {
    .p-field-detail-full__content {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        margin: 0 auto
    }
}

.p-field-detail-full__content__text {
    padding: 0 20px
}

@media (min-width: 768px) {
    .p-field-detail-full__content__text {
        padding: 0;
        margin: 0 auto
    }
}

.p-field-detail-full__content__text__annotation {
    margin-top: 15px
}

@media (min-width: 768px) {
    .p-field-detail-full__content__text__annotation {
        margin-top: 20px
    }
}

.p-field-detail-full__content__photo {
    margin: 30px 10px 0
}

@media (min-width: 768px) {
    .p-field-detail-full__content__photo {
        margin: 100px auto 0;
        max-width: 790px
    }
}

.p-field-detail-full__casestudy__title {
    background-color: #dedfe2;
    font-size: 18px;
    padding: 14px 20px;
    margin: 0 auto 50px
}

.p-field-detail-full__casestudy__wrap {
    display: flex;
    flex-direction: column;
    margin-bottom: 50px
}

@media (min-width: 768px) {
    .p-field-detail-full__casestudy__wrap {
        flex-direction: row;
        margin-bottom: 100px
    }
}

.p-field-detail-full__casestudy__wrap__photoarea {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    margin: 50px 0
}

@media (min-width: 768px) {
    .p-field-detail-full__casestudy__wrap__photoarea {
        flex-direction: row
    }
}

@media (max-width: 767px) {
    .p-field-detail-full__casestudy__wrap__photoarea__photo:nth-of-type(2) {
        margin-top: 20px
    }
}

@media (min-width: 768px) {
    .p-field-detail-full__casestudy__wrap__photoarea__photo {
        width: 50%
    }

    .p-field-detail-full__casestudy__wrap__photoarea__photo:nth-of-type(1) {
        padding-right: 15px
    }

    .p-field-detail-full__casestudy__wrap__photoarea__photo:nth-of-type(2) {
        padding-left: 15px
    }
}

.p-field-detail-full__casestudy__wrap__text {
    padding: 0 10px;
    margin-bottom: 30px
}

@media (min-width: 768px) {
    .p-field-detail-full__casestudy__wrap__text {
        padding: 0;
        margin-bottom: 0;
        flex: 1 1 auto
    }
}

@media (min-width: 768px)and (max-width: 992px) {
    .p-field-detail-full__casestudy__wrap__text {
        margin-right: 20px
    }
}

.p-field-detail-full__casestudy__wrap a {
    text-decoration: underline
}

@media (min-width: 768px) {
    .p-field-detail-full__casestudy__wrap__photo {
        flex: 0 0 50%;
        max-width: 585px;
        margin-left: 130px
    }
}

@media (min-width: 768px)and (max-width: 1040px) {
    .p-field-detail-full__casestudy__wrap__photo {
        margin-left: 15px
    }
}

@media (min-width: 768px) {
    .p-field-detail-full__casestudy__wrap__photo.max450 {
        max-width: 450px
    }
}

.p-field-detail-full__casestudy__wrap__sub {
    display: flex;
    flex-direction: column
}

@media (min-width: 768px) {
    .p-field-detail-full__casestudy__wrap__sub {
        flex-direction: row
    }
}

.p-field-detail-full__casestudy__wrap__sub__text {
    padding: 0 10px;
    margin-bottom: 30px
}

@media (min-width: 768px) {
    .p-field-detail-full__casestudy__wrap__sub__text {
        padding: 0;
        max-width: 690px;
        width: 60%;
        margin-bottom: 0
    }
}

.p-field-detail-full__casestudy__wrap__sub__picanotation {
    padding: 10px 10px 0
}

.p-field-detail-full__casestudy__wrap__sub a {
    text-decoration: underline
}

@media (min-width: 768px) {
    .p-field-detail-full__casestudy__wrap__sub__photo {
        max-width: 380px;
        width: 40%;
        margin-left: 130px
    }
}

@media (min-width: 768px)and (max-width: 992px) {
    .p-field-detail-full__casestudy__wrap__sub__photo {
        margin-left: 20px
    }
}

.p-field-detail-full__download {
    margin-top: 100px;
    background-color: #dcdde0;
    padding: 75px 0
}

@media (min-width: 768px) {
    .p-field-detail-full__download {
        padding: 100px 0
    }
}

.p-field-detail-full__download__title {
    font-size: 25px;
    text-align: center;
    margin-bottom: 50px
}

@media (min-width: 768px) {
    .p-field-detail-full__download__title {
        font-size: 40px;
        margin-bottom: 80px
    }
}

.p-field-detail-full__download__whitebg {
    background-color: #fff;
    padding: 50px 15px;
    margin: 0 10px
}

@media (min-width: 768px) {
    .p-field-detail-full__download__whitebg {
        padding: 50px 85px;
        margin: 0 auto;
        max-width: 995px
    }
}

.p-field-detail-full__download__whitebg__child {
    margin-top: 75px
}

.p-field-detail-full__download__whitebg__child:nth-of-type(1) {
    margin-top: 0
}

@media (min-width: 768px) {
    .p-field-detail-full__download__whitebg__child {
        display: flex;
        align-content: center;
        justify-content: space-between;
        align-items: center
    }
}

@media (min-width: 768px) {
    .p-field-detail-full__download__whitebg__child__text {
        max-width: 570px;
        width: 100%
    }
}

@media (min-width: 768px)and (max-width: 992px) {
    .p-field-detail-full__download__whitebg__child__text {
        margin-right: 20px
    }
}

.p-field-detail-full__download__whitebg__child__title {
    font-size: 18px;
    line-height: 30px;
    margin-bottom: 20px
}

.p-field-detail-full__download__whitebg__child__dlbutton {
    margin: 30px auto 0
}

.p-field-detail-full__product-container__title {
    font-size: 25px;
    margin-bottom: 15px;
    text-align: center
}

@media (min-width: 768px) {
    .p-field-detail-full__product-container__title {
        font-size: 40px;
        padding-bottom: 20px
    }
}

.p-field-index__header-bg {
    color: #fff;
    background-image: url(../image/application_index_kv_sp.jpg)
}

@media (min-width: 768px) {
    .p-field-index__header-bg {
        background-image: url(../image/application_index_kv_pc.jpg)
    }
}

.p-field-wrap {
    display: flex;
    flex-direction: column
}

@media (min-width: 768px) {
    .p-field-wrap {
        max-width: 1200px;
        min-width: 95%;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
        margin: 0 auto
    }
}

@media (min-width: 768px) {
    .p-field-wrap::after {
        content: "";
        display: block;
        width: 380px
    }
}

.p-field-content {
    margin-bottom: 100px;
    padding: 0 10px
}

@media (min-width: 768px) {
    .p-field-content {
        margin-bottom: 150px;
        padding: 0;
        max-width: 380px;
        width: 48%
    }
}

.p-field-content__photo {
    margin: 0 0 30px
}

@media (min-width: 768px) {
    .p-field-content__photo {
        margin: 0
    }
}

.p-field-content__explanation {
    padding: 0 10px
}

@media (min-width: 768px) {
    .p-field-content__explanation {
        padding: 55px 0 0
    }
}

.p-field-content__name {
    margin: 0 0 20px;
    font-size: 18px;
    text-align: left;
    line-height: 1.33;
    border-bottom: solid 1px #dedfe2;
    padding-bottom: 15px
}

@media (min-width: 768px) {
    .p-field-content__name {
        margin-bottom: 30px;
        font-size: 24px
    }
}

.p-field-content__wrap {
    margin: 50px 0 0
}

@media (min-width: 768px) {
    .p-field-content__wrap {
        margin: 60px 0 0
    }
}

.p-field-content__linklist {
    padding: 0 0 0 25px;
    margin-top: 40px
}

@media (min-width: 768px) {
    .p-field-content__linklist {
        padding: 0 0 0 45px
    }
}

.p-field-content__linklist li {
    margin-bottom: 20px;
    list-style: square
}

.p-field-content__linklist li:last-child {
    margin-bottom: 0
}

.p-field-content__linklist a {
    font-size: 15px;
    position: relative
}

.p-field-content__linklist a::after {
    display: inline-block;
    position: absolute;
    right: -20px;
    top: 50%;
    margin-top: -3px;
    height: 8px;
    width: 8px;
    border: solid;
    border-width: 1px 1px 0 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    content: ""
}

.p-group_info {
    padding: 75px 0 70px
}

@media (min-width: 768px) {
    .p-group_info {
        padding: 80px 0 125px
    }
}

.p-group_info__bg {
    background-color: #f8f7f5
}

.p-group_info__header__bg {
    background: url("../image/c-2_mv_sp.jpg") no-repeat center center;
    background-size: cover
}

@media (min-width: 768px) {
    .p-group_info__header__bg {
        background: url("../image/c-2_mv_pc.jpg") no-repeat center center;
        background-size: cover
    }
}

.p-group_info__title {
    font-size: 25px;
    line-height: 33px;
    padding-left: 10px;
    margin-bottom: 35px
}

@media (min-width: 768px) {
    .p-group_info__title {
        font-size: 40px;
        line-height: 64px;
        padding-left: 0;
        text-align: center
    }
}

.p-group_info__text {
    padding: 0 10px
}

@media (min-width: 768px) {
    .p-group_info__text {
        text-align: center
    }
}

.p-group_info__wrap {
    display: flex;
    flex-direction: column;
    margin-top: 75px;
    padding: 0 10px
}

@media (min-width: 768px) {
    .p-group_info__wrap {
        flex-direction: row;
        justify-content: space-between;
        margin-top: 110px;
        padding: 0
    }
}

.p-group_info__wrap__child {
    padding: 25px 0;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 22px;
    background-color: #fff
}

@media (max-width: 767px) {
    .p-group_info__wrap__child:first-child {
        padding: 35px 0 10px
    }
}

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

@media (min-width: 768px) {
    .p-group_info__wrap__child {
        margin-bottom: 0;
        flex-direction: column;
        justify-content: flex-start;
        width: 380px;
        height: 540px;
        padding: 55px 0 0
    }
}

.p-group_info__wrap__child__photo img {
    width: 100px;
    margin-right: 45px
}

@media (min-width: 768px) {
    .p-group_info__wrap__child__photo img {
        width: 150px;
        margin-right: 0
    }
}

@media (min-width: 768px) {
    .p-group_info__wrap__child__photo {
        order: 2
    }
}

.p-group_info__wrap__child__text {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 130px
}

@media (min-width: 768px) {
    .p-group_info__wrap__child__text {
        order: 1;
        width: auto
    }

    .p-group_info__wrap__child__text::after {
        content: "";
        background-image: url("../image/c-2_arrow.png");
        background-repeat: no-repeat;
        display: block;
        width: 100px;
        height: 11px;
        margin: 13px auto 17px;
        background-size: contain
    }
}

.p-group_info__wrap__child__text__title {
    font-size: 13px;
    text-align: center
}

@media (min-width: 768px) {
    .p-group_info__wrap__child__text__title {
        font-size: 20px;
        line-height: 30px;
        height: 68px;
        display: flex;
        flex-direction: column;
        justify-content: center
    }
}

.p-group_info__wrap__child__text__title::after {
    content: "";
    background-image: url("../image/c-2_arrow.png");
    background-repeat: no-repeat;
    display: block;
    width: 85px;
    height: 9px;
    margin: 13px auto 17px;
    background-size: contain
}

@media (min-width: 768px) {
    .p-group_info__wrap__child__text__title::after {
        content: none
    }
}

.p-group_info__wrap__child__text__detail {
    font-size: 18px;
    line-height: 24px;
    text-align: center
}

@media (min-width: 768px) {
    .p-group_info__wrap__child__text__detail {
        order: 3;
        font-size: 28px;
        line-height: 40px;
        margin-top: 35px
    }
}

.p-group_info__wrap__child__text__detail__annotation {
    font-size: 12px;
    display: block
}

@media (min-width: 768px) {
    .p-group_info__wrap__child__text__detail__annotation {
        margin-top: -10px
    }
}

.p-group_info__recommend__content_title {
    font-size: 20px;
    padding: 0 10px
}

@media (min-width: 768px) {
    .p-group_info__recommend__content_title {
        font-size: 32px;
        text-align: center
    }
}

.p-group_info__recommend__wrap {
    display: flex;
    flex-direction: column
}

@media (min-width: 768px) {
    .p-group_info__recommend__wrap {
        flex-direction: row;
        justify-content: space-between;
        flex-wrap: wrap;
        max-width: 792px;
        width: 100%;
        margin: 0 auto
    }
}

.p-group_info__recommend__wrap__child {
    margin: 30px 0
}

@media (min-width: 768px) {
    .p-group_info__recommend__wrap__child {
        max-width: 380px;
        width: 49%;
        margin: 70px 0 0
    }
}

.p-group_info__recommend__wrap__child__title {
    padding: 15px 10px 15px;
    font-size: 18px;
    display: block;
    position: relative
}

@media (min-width: 768px) {
    .p-group_info__recommend__wrap__child__title {
        padding: 15px 0 15px;
        font-size: 24px
    }
}

.p-group_info__recommend__wrap__child__title.u-link-arrow::after {
    position: absolute;
    top: 50%;
    margin-top: -5px;
    margin-left: 5px
}

.p-group_info__recommend__wrap__child__text {
    font-size: 13px;
    padding: 0 10px
}

@media (min-width: 768px) {
    .p-group_info__recommend__wrap__child__text {
        font-size: 16px;
        padding: 0
    }
}

.p-groupgraph {
    padding: 35px 0
}

@media (min-width: 768px) {
    .p-groupgraph {
        padding: 90px 0
    }
}

@media (min-width: 768px) {
    .p-page-header + .p-groupgraph {
        padding-top: 80px
    }
}

.p-groupgraph__head {
    background-color: #fff;
    padding: 20px 15px 0;
    margin: 0 10px
}

.p-groupgraph__head .p-page-header__heading {
    font-size: 35px;
    text-align: center
}

@media (min-width: 768px) {
    .p-groupgraph__head .p-page-header__heading {
        font-size: 60px
    }
}

@media (max-width: 767px) {
    .p-groupgraph__head {
        min-height: 0;
        height: auto
    }
}

@media (min-width: 768px) {
    .p-groupgraph__head {
        align-items: center;
        padding: 60px 60px 0;
        max-width: 1000px;
        min-height: 280px;
        margin: 0 auto
    }
}

.p-groupgraph__head__bg {
    padding-top: 70px;
    background: url("../image/c-2_3_mv_sp.jpg") no-repeat center center;
    background-size: cover
}

@media (min-width: 768px) {
    .p-groupgraph__head__bg {
        background: url("../image/c-2_3_mv_pc.jpg") no-repeat center center;
        background-size: cover
    }
}

@media (min-width: 768px) {
    .p-groupgraph__head__body {
        max-width: 900px;
        text-align: center
    }
}

.p-groupgraph__head__subtitle {
    font-size: 15px;
    text-align: center;
    padding-bottom: 25px
}

@media (min-width: 768px) {
    .p-groupgraph__head__subtitle {
        font-size: 32px
    }
}

.p-groupgraph__content {
    padding: 0 10px
}

.p-groupgraph__content__title {
    display: block;
    font-size: 30px;
    text-align: center;
    margin-bottom: 20px
}

@media (min-width: 768px) {
    .p-groupgraph__content__title {
        font-size: 60px
    }
}

.p-groupgraph__content__title-company {
    display: block;
    font-size: 14px;
    margin-bottom: 20px;
    text-align: center
}

@media (min-width: 768px) {
    .p-groupgraph__content__title-company {
        font-size: 28px
    }
}

.p-groupgraph__content__subtitle {
    display: block;
    font-size: 30px;
    text-align: center;
    margin-bottom: 30px;
    line-height: 1.1
}

@media (min-width: 768px) {
    .p-groupgraph__content__subtitle {
        font-size: 60px
    }
}

.p-groupgraph__content__subtitle .subtitle-big {
    font-size: 50px
}

@media (min-width: 768px) {
    .p-groupgraph__content__subtitle .subtitle-big {
        font-size: 120px
    }
}

.p-groupgraph__content__text {
    text-align: center
}

.p-groupgraph__content__header {
    text-align: center
}

.p-groupgraph__content__header::after {
    content: "";
    background-image: url("../image/c-2_3_hukidashi.png");
    background-repeat: no-repeat;
    display: block;
    width: 324px;
    height: 13px;
    margin: 30px auto 73px;
    background-size: contain
}

@media (min-width: 768px) {
    .p-groupgraph__content__header::after {
        background-image: url("../image/c-2_3_hukidashi.png");
        width: 789px;
        height: 33px
    }
}

@media (min-width: 768px)and (max-width: 992px) {
    .p-groupgraph__content__header::after {
        width: 733px;
        height: 30px
    }
}

.p-groupgraph__content__world-map {
    position: relative
}

@media (min-width: 768px) {
    .p-groupgraph__content__world-map .world-map-image {
        position: absolute;
        right: 0;
        width: 1200px;
        max-width: 1200px
    }
}

.p-groupgraph__content__world-map input[name=pin] {
    display: none
}

.p-groupgraph__content__world-map__inner {
    position: relative
}

@media (min-width: 768px) {
    .p-groupgraph__content__world-map__inner {
        height: 633px
    }
}

.p-groupgraph__content__world-map__pin {
    position: absolute;
    display: block;
    width: 30px;
    height: 40px;
    padding: 0;
    margin: 0;
    background: url(../image/company_world_pin.svg) no-repeat center center/20px 30px;
    border: none;
    text-indent: -9999px;
    overflow: hidden;
    cursor: pointer
}

.p-groupgraph__content__world-map__pin.company_base_1 {
    right: 166px;
    top: 214px
}

.p-groupgraph__content__world-map__pin.company_base_2 {
    right: 185px;
    top: 233px
}

.p-groupgraph__content__world-map__pin.company_base_3 {
    right: 610px;
    top: 165px
}

.p-groupgraph__content__world-map__pin.company_base_4 {
    right: 461px;
    top: 241px
}

.p-groupgraph__content__world-map__pin.company_base_5 {
    right: 630px;
    top: 215px
}

.p-groupgraph__content__world-map__pin.company_base_6 {
    right: 589px;
    top: 181px
}

.p-groupgraph__content__world-map__pin.company_base_7 {
    right: 285px;
    top: 304px
}

.p-groupgraph__content__world-map__pin.company_base_8 {
    right: 246px;
    top: 264px
}

@media (max-width: 767px) {
    .p-groupgraph__content__world-map__pin {
        display: none
    }
}

@media (min-width: 768px) {
    .p-groupgraph__content__world-map input#company_base_1:checked ~ div label[for=company_base_1] {
        background-image: url(../image/company_world_pin_active.svg);
        background-size: contain
    }

    .p-groupgraph__content__world-map input#company_base_1:not(:checked) ~ ul li[data-id=company_base_1] {
        display: none
    }

    .p-groupgraph__content__world-map input#company_base_2:checked ~ div label[for=company_base_2] {
        background-image: url(../image/company_world_pin_active.svg);
        background-size: contain
    }

    .p-groupgraph__content__world-map input#company_base_2:not(:checked) ~ ul li[data-id=company_base_2] {
        display: none
    }

    .p-groupgraph__content__world-map input#company_base_3:checked ~ div label[for=company_base_3] {
        background-image: url(../image/company_world_pin_active.svg);
        background-size: contain
    }

    .p-groupgraph__content__world-map input#company_base_3:not(:checked) ~ ul li[data-id=company_base_3] {
        display: none
    }

    .p-groupgraph__content__world-map input#company_base_4:checked ~ div label[for=company_base_4] {
        background-image: url(../image/company_world_pin_active.svg);
        background-size: contain
    }

    .p-groupgraph__content__world-map input#company_base_4:not(:checked) ~ ul li[data-id=company_base_4] {
        display: none
    }

    .p-groupgraph__content__world-map input#company_base_5:checked ~ div label[for=company_base_5] {
        background-image: url(../image/company_world_pin_active.svg);
        background-size: contain
    }

    .p-groupgraph__content__world-map input#company_base_5:not(:checked) ~ ul li[data-id=company_base_5] {
        display: none
    }

    .p-groupgraph__content__world-map input#company_base_6:checked ~ div label[for=company_base_6] {
        background-image: url(../image/company_world_pin_active.svg);
        background-size: contain
    }

    .p-groupgraph__content__world-map input#company_base_6:not(:checked) ~ ul li[data-id=company_base_6] {
        display: none
    }

    .p-groupgraph__content__world-map input#company_base_7:checked ~ div label[for=company_base_7] {
        background-image: url(../image/company_world_pin_active.svg);
        background-size: contain
    }

    .p-groupgraph__content__world-map input#company_base_7:not(:checked) ~ ul li[data-id=company_base_7] {
        display: none
    }

    .p-groupgraph__content__world-map input#company_base_8:checked ~ div label[for=company_base_8] {
        background-image: url(../image/company_world_pin_active.svg);
        background-size: contain
    }

    .p-groupgraph__content__world-map input#company_base_8:not(:checked) ~ ul li[data-id=company_base_8] {
        display: none
    }

    .p-groupgraph__content__world-map input#company_base_9:checked ~ div label[for=company_base_9] {
        background-image: url(../image/company_world_pin_active.svg);
        background-size: contain
    }

    .p-groupgraph__content__world-map input#company_base_9:not(:checked) ~ ul li[data-id=company_base_9] {
        display: none
    }

    .p-groupgraph__content__world-map input#company_base_10:checked ~ div label[for=company_base_10] {
        background-image: url(../image/company_world_pin_active.svg);
        background-size: contain
    }

    .p-groupgraph__content__world-map input#company_base_10:not(:checked) ~ ul li[data-id=company_base_10] {
        display: none
    }
}

.p-groupgraph__content__area {
    margin: -60px 10px 0;
    position: relative
}

@media (min-width: 768px) {
    .p-groupgraph__content__area {
        margin: -200px auto 0;
        width: 380px
    }
}

.p-groupgraph__content__area__item {
    background-color: rgba(77, 92, 110, .85);
    padding: 5px 30px 30px
}

.p-groupgraph__content__area__item:first-child {
    padding-top: 30px
}

@media (min-width: 768px) {
    .p-groupgraph__content__area__item {
        padding: 35px
    }
}

.p-groupgraph__content__area__title {
    margin-bottom: 15px;
    overflow: hidden
}

.p-groupgraph__content__area__title span {
    display: inline-block;
    position: relative
}

.p-groupgraph__content__area__title span::after {
    position: absolute;
    top: 50%;
    left: 100%;
    width: 100vw;
    height: 1px;
    margin-left: 15px;
    background-color: #fff;
    content: ""
}

.p-groupgraph__content__area p, .p-groupgraph__content__area a {
    color: #fff
}

.p-groupgraph__content__area__detail {
    display: flex;
    align-items: center;
    padding-bottom: 15px
}

@media (min-width: 768px) {
    .p-groupgraph__content__area__detail {
        align-items: flex-start;
        padding-bottom: 30px;
        flex-direction: column
    }
}

.p-groupgraph__content__area__detail:last-child {
    padding-bottom: 0px
}

.p-groupgraph__content__area__detail__prefecture {
    width: 22%;
    padding-right: 18px
}

@media (min-width: 768px) {
    .p-groupgraph__content__area__detail__prefecture {
        width: 100%;
        padding-right: 0;
        padding-bottom: 30px;
        position: relative
    }
}

@media (min-width: 768px) {
    .p-groupgraph__content__area__detail__prefecture::after {
        content: "";
        height: 1px;
        width: 81%;
        background-color: #fff;
        display: block;
        background-size: contain;
        position: absolute;
        top: 12px;
        right: 0
    }
}

.p-groupgraph__content__area__detail__link a {
    display: block;
    margin-bottom: 10px;
    position: relative
}

@media (min-width: 768px) {
    .p-groupgraph__content__area__detail__link a {
        margin-bottom: 30px
    }
}

.p-groupgraph__content__area__detail__link a:last-child {
    margin-bottom: 0
}

.p-groupgraph__content__area__detail__link a.u-link-arrow::after {
    margin-left: 4px
}

.p-groupgraph__content__three-no1 {
    padding: 50px 10px
}

@media (min-width: 768px) {
    .p-groupgraph__content__three-no1 {
        padding: 90px 0
    }
}

.p-groupgraph__content__three-no1__title {
    display: flex;
    align-items: center;
    margin-bottom: 25px
}

@media (min-width: 768px) {
    .p-groupgraph__content__three-no1__title {
        justify-content: center
    }
}

.p-groupgraph__content__three-no1__title__number {
    font-size: 30px;
    line-height: 30px;
    padding-right: 20px;
    border-right: solid 1px #4d5b6e
}

@media (min-width: 768px) {
    .p-groupgraph__content__three-no1__title__number {
        font-size: 40px;
        line-height: 40px;
        padding-right: 45px
    }
}

.p-groupgraph__content__three-no1__title__detail {
    padding-left: 20px;
    line-height: 1.6
}

.p-groupgraph__content__three-no1__title__detail .large {
    font-size: 170%
}

@media (min-width: 768px) {
    .p-groupgraph__content__three-no1__title__detail {
        padding-left: 45px
    }
}

@media (min-width: 768px) {
    .p-groupgraph__content__three-no1__title__detail__title01 {
        font-size: 24px
    }
}

.p-groupgraph__content__three-no1__title__detail__title02 {
    font-size: 18px
}

@media (min-width: 768px) {
    .p-groupgraph__content__three-no1__title__detail__title02 {
        font-size: 32px
    }
}

.p-groupgraph__content__three-no1__button {
    margin: 50px 0;
    text-align: center
}

.p-groupgraph__content__three-no1__button .c-button {
    display: flex;
    margin: 0 10px;
    padding: 0 10px
}

@media (min-width: 768px) {
    .p-groupgraph__content__three-no1__button .c-button {
        display: inline-flex;
        min-width: 400px;
        margin: 0 auto
    }
}

.p-groupgraph__content__three-no1__text {
    margin-bottom: 40px
}

.p-groupgraph__content__three-no1__image {
    margin-bottom: 60px;
    padding: 0 10px;
    text-align: center
}

.p-groupgraph__content__three-no1__image .image01 {
    width: 190px;
    margin-left: 50px
}

@media (min-width: 768px) {
    .p-groupgraph__content__three-no1__image .image01 {
        width: 273px
    }

    .p-groupgraph__content__three-no1__image .image03 {
        width: 600px
    }
}

.p-groupgraph__content__three-no1__image-label {
    margin-bottom: 25px;
    text-align: left
}

.p-groupgraph__content__three-no1__image-label .label {
    display: inline-block;
    padding: 5px 10px;
    border: 1px solid #494849
}

.p-groupgraph__content__three-no1__development-process {
    margin-bottom: 40px
}

@media (min-width: 768px) {
    .p-groupgraph__content__three-no1__development-process {
        margin-top: 70px
    }
}

@media (max-width: 767px) {
    .p-groupgraph__content__three-no1__development-process .u-grid-col {
        width: 50%
    }

    .p-groupgraph__content__three-no1__development-process .u-grid-row {
        display: flex
    }
}

.p-groupgraph__content__three-no1__development-process .head {
    margin-bottom: 10px;
    text-align: center
}

.p-groupgraph__content__three-no1__development-process dt {
    position: relative;
    margin-right: 10px;
    padding: 0 10px;
    height: 25px;
    line-height: 25px;
    text-align: center
}

.p-groupgraph__content__three-no1__development-process dt::after, .p-groupgraph__content__three-no1__development-process dt::before {
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 12.5px 0 12.5px 10px;
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #365b95;
    content: ""
}

.p-groupgraph__content__three-no1__development-process dt::before {
    left: 0;
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #fff
}

.p-groupgraph__content__three-no1__development-process dt::after {
    left: 100%
}

.p-groupgraph__content__three-no1__development-process dd {
    margin-top: 25px;
    padding: 0 10px 0 0;
    text-indent: -1em;
    margin-left: 1em
}

.p-groupgraph__content__three-no1__development-process dd::before {
    content: "・"
}

@media (min-width: 768px) {
    .p-groupgraph__content__three-no1__development-process .head {
        margin-bottom: 20px;
        font-size: 28px
    }

    .p-groupgraph__content__three-no1__development-process dt {
        height: 50px;
        line-height: 50px;
        font-size: 24px
    }

    .p-groupgraph__content__three-no1__development-process dt::after, .p-groupgraph__content__three-no1__development-process dt::before {
        border-width: 25px 0 25px 16px
    }

    .p-groupgraph__content__three-no1__development-process dd {
        padding: 0 40px 0 30px
    }
}

.p-groupgraph__content__three-no1__development-process .design dt {
    background-color: #c6d3e9
}

.p-groupgraph__content__three-no1__development-process .design dt::after {
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #c6d3e9
}

.p-groupgraph__content__three-no1__development-process .develop dt {
    background-color: #365b95;
    color: #fff
}

.p-groupgraph__content__numbers-graph {
    display: flex;
    flex-direction: column
}

.p-groupgraph__content__numbers-graph .small-cell {
    width: 49%;
    margin: 0 0 10px
}

@media (min-width: 768px) {
    .p-groupgraph__content__numbers-graph .small-cell {
        max-width: 380px;
        width: 100%;
        margin: 0 0 30px
    }
}

@media (min-width: 768px)and (max-width: 992px) {
    .p-groupgraph__content__numbers-graph .small-cell {
        width: 95%
    }
}

.p-groupgraph__content__numbers-graph .middle-cell {
    width: 49%;
    margin: 0 0 10px
}

@media (min-width: 768px) {
    .p-groupgraph__content__numbers-graph .middle-cell {
        max-width: 380px;
        width: 100%;
        margin: 0 0 30px
    }
}

@media (min-width: 768px)and (max-width: 992px) {
    .p-groupgraph__content__numbers-graph .middle-cell {
        width: 95%
    }
}

.p-groupgraph__content__numbers-graph .big-cell {
    width: 100%;
    margin: 0 0 10px
}

@media (min-width: 768px) {
    .p-groupgraph__content__numbers-graph .big-cell {
        max-width: 790px;
        width: 100%;
        margin: 0 0 30px
    }
}

@media (min-width: 768px)and (max-width: 992px) {
    .p-groupgraph__content__numbers-graph .big-cell {
        width: 95%
    }
}

.p-groupgraph__content__numbers-graph__row1 {
    display: flex;
    flex-direction: column
}

@media (min-width: 768px) {
    .p-groupgraph__content__numbers-graph__row1 {
        flex-direction: row;
        justify-content: space-between
    }
}

.p-groupgraph__content__numbers-graph__row1__cellrow {
    display: flex;
    justify-content: space-between
}

@media (min-width: 768px) {
    .p-groupgraph__content__numbers-graph__row1__cellrow {
        flex-direction: column;
        margin-right: 30px
    }
}

@media (min-width: 768px)and (max-width: 992px) {
    .p-groupgraph__content__numbers-graph__row1__cellrow .small-cell {
        width: 89%
    }
}

.p-groupgraph__content__numbers-graph__row2 {
    display: flex;
    flex-direction: column
}

@media (min-width: 768px) {
    .p-groupgraph__content__numbers-graph__row2 {
        flex-direction: row;
        justify-content: space-between
    }
}

.p-groupgraph__content__numbers-graph__row2__cellrow {
    display: flex;
    justify-content: space-between
}

@media (min-width: 768px) {
    .p-groupgraph__content__numbers-graph__row2__cellrow > .middle-cell:nth-of-type(2) {
        margin-left: 30px
    }
}

.p-groupgraph__content__numbers-graph__row2__smallbox {
    display: flex;
    justify-content: space-between
}

@media (min-width: 768px) {
    .p-groupgraph__content__numbers-graph__row2__smallbox {
        margin-left: 30px
    }
}

.p-groupgraph__content__numbers-graph__row2__smallbox .small-cell {
    width: 98%
}

@media (min-width: 768px)and (max-width: 992px) {
    .p-groupgraph__content__numbers-graph__row2__smallbox .small-cell:nth-of-type(1) {
        margin: 0 0 15px
    }
}

.p-groupgraph__content__numbers-graph__row2__smallbox .middle-cell {
    width: 98%;
    margin: 0 0 10px auto
}

.p-groupgraph__content__numbers-graph__row3 {
    display: flex;
    flex-direction: column;
    position: relative
}

@media (min-width: 768px) {
    .p-groupgraph__content__numbers-graph__row3 {
        flex-direction: row;
        justify-content: space-between
    }
}

@media (min-width: 768px) {
    .p-groupgraph__content__numbers-graph__row3__position {
        margin-right: 30px !important
    }
}

@media (min-width: 768px)and (max-width: 992px) {
    .p-groupgraph__content__numbers-graph__row3 .middle-cell {
        width: 31%
    }
}

@media (min-width: 768px)and (max-width: 992px) {
    .p-groupgraph__content__numbers-graph__row3 .big-cell {
        width: 65%
    }
}

.p-groupgraph__content__numbers-graph__row4 {
    display: flex;
    flex-direction: column
}

@media (min-width: 768px) {
    .p-groupgraph__content__numbers-graph__row4 {
        flex-direction: row;
        justify-content: space-between
    }
}

.p-groupgraph__content__numbers-graph__row4__cellrow {
    display: flex;
    justify-content: space-between
}

@media (min-width: 768px) {
    .p-groupgraph__content__numbers-graph__row4__cellrow {
        flex-direction: column;
        margin-right: 30px
    }
}

.p-groupgraph__content__numbers-graph__row4__cellrow02 {
    display: flex;
    justify-content: space-between
}

@media (min-width: 768px)and (max-width: 992px) {
    .p-groupgraph__content__numbers-graph__row4__cellrow02 .small-cell {
        width: 45%;
        margin-left: 20px
    }
}

.p-groupgraph__content__numbers-graph__row4__cellrow02 .small-cell:nth-of-type(1) {
    margin-right: 30px
}

@media (min-width: 768px)and (max-width: 992px) {
    .p-groupgraph__content__numbers-graph__row4 .big-cell {
        width: 96%;
        margin-left: auto
    }
}

.p-groupgraph__grid .container {
    display: grid;
    grid-template-columns:1fr 1fr 1fr;
    grid-template-rows:auto auto auto auto auto auto auto auto auto;
    gap: 30px 30px;
    grid-auto-flow: row;
    grid-template-areas:"year sales sales" "employee sales sales" "ip ip base" "invention ookouchi ookouchi" "walter walter imageSensor" "monodukuri semiconductorYear imageSensor" "otherReward semiconductorYear MMIC" "opticalPickup highFrequencySwitch laser" "handball handball handball"
}

@media (max-width: 767px) {
    .p-groupgraph__grid .container {
        grid-template-columns:50% 50%;
        grid-template-rows:auto auto auto auto auto auto auto auto auto auto auto;
        gap: 15px 15px;
        grid-auto-flow: row;
        grid-template-areas:"year employee" "sales sales" "ip ip" "base invention" "ookouchi ookouchi" "walter walter" "monodukuri semiconductorYear" "otherReward semiconductorYear" "imageSensor MMIC" "imageSensor laser" "opticalPickup highFrequencySwitch" "handball handball"
    }
}

.p-groupgraph__grid .year {
    grid-area: year
}

.p-groupgraph__grid .employee {
    grid-area: employee
}

.p-groupgraph__grid .sales {
    grid-area: sales
}

.p-groupgraph__grid .ip {
    grid-area: ip
}

.p-groupgraph__grid .base {
    grid-area: base
}

.p-groupgraph__grid .invention {
    grid-area: invention
}

.p-groupgraph__grid .ookouchi {
    grid-area: ookouchi
}

.p-groupgraph__grid .walter {
    grid-area: walter
}

.p-groupgraph__grid .imageSensor {
    grid-area: imageSensor
}

.p-groupgraph__grid .monodukuri {
    grid-area: monodukuri
}

.p-groupgraph__grid .otherReward {
    grid-area: otherReward
}

.p-groupgraph__grid .semiconductorYear {
    grid-area: semiconductorYear
}

.p-groupgraph__grid .MMIC {
    grid-area: MMIC
}

.p-groupgraph__grid .handball {
    grid-area: handball
}

.p-groupgraph__grid .laser {
    grid-area: laser
}

.p-groupgraph__grid .opticalPickup {
    grid-area: opticalPickup
}

.p-groupgraph__grid .highFrequencySwitch {
    grid-area: highFrequencySwitch
}

.p-groupgraph__grid .container > div {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background-color: #f1f1f3
}

@media (max-width: 767px) {
    .p-groupgraph__grid .container > div {
        min-height: 15rem
    }
}

.p-groupgraph__grid .container .invention, .p-groupgraph__grid .container .ookouchi, .p-groupgraph__grid .container .walter, .p-groupgraph__grid .container .monodukuri, .p-groupgraph__grid .container .semiconductorYear, .p-groupgraph__grid .container .otherReward {
    background-color: #f1f1eb
}

.p-groupgraph__grid .container .imageSensor, .p-groupgraph__grid .container .MMIC, .p-groupgraph__grid .container .laser, .p-groupgraph__grid .container .opticalPickup, .p-groupgraph__grid .container .highFrequencySwitch {
    background-color: #e9efef
}

.p-groupgraph__grid .container .handball {
    background-color: #f0ebf0
}

@media (max-width: 767px) {
    .p-groupgraph__grid .container .sales, .p-groupgraph__grid .container .ip, .p-groupgraph__grid .container .invention, .p-groupgraph__grid .container .ookouchi, .p-groupgraph__grid .container .semiconductorYear, .p-groupgraph__grid .container .imageSensor {
        min-height: 33rem
    }
}

@media (min-width: 768px) {
    .p-groupgraph__grid .container .sales, .p-groupgraph__grid .container .base, .p-groupgraph__grid .container .ookouchi, .p-groupgraph__grid .container .imageSensor, .p-groupgraph__grid .container .semiconductorYear {
        min-height: 470px
    }
}

.p-groupgraph__grid .grid-content {
    flex: 1 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px;
    font-family: "SST W55 Bold", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif
}

[lang=en] .p-groupgraph__grid .grid-content {
    font-family: "SST W20 Bold", sans-serif
}

[lang=zh-CN] .p-groupgraph__grid .grid-content {
    font-family: "SST W20 Bold", sans-serif;
    font-weight: bold
}

.p-groupgraph__grid .grid-notes {
    margin-top: auto;
    display: block;
    padding: 0 15px 15px;
    font-family: "SST W55 Light", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 11px;
    line-height: 1.4
}

[lang=en] .p-groupgraph__grid .grid-notes {
    font-family: "SST W20 Light", sans-serif
}

[lang=zh-CN] .p-groupgraph__grid .grid-notes {
    font-family: "SST W20 Light", sans-serif
}

.p-groupgraph__grid .grid-notes span {
    display: block;
    text-indent: -1em;
    margin-left: 1em
}

.p-groupgraph__grid .grid-notes span::before {
    content: "・"
}

.p-groupgraph__grid .icon01 {
    width: 80px
}

.p-groupgraph__grid .icon02 {
    width: 90px
}

.p-groupgraph__grid .icon03 {
    width: 80px
}

.p-groupgraph__grid .icon04 {
    width: 67px
}

.p-groupgraph__grid .icon05 {
    width: 56px
}

.p-groupgraph__grid .icon06 {
    width: 90px
}

.p-groupgraph__grid .icon07 {
    width: 96px
}

.p-groupgraph__grid .icon08 {
    width: 100px
}

.p-groupgraph__grid .icon09 {
    width: 80px
}

.p-groupgraph__grid .icon10 {
    width: 60px
}

.p-groupgraph__grid .icon11 {
    width: 80px
}

.p-groupgraph__grid .icon12 {
    width: 76px
}

.p-groupgraph__grid .icon13 {
    width: 66px
}

@media (max-width: 767px) {
    .p-groupgraph__grid .grid-content {
        padding: 10px
    }

    .p-groupgraph__grid .grid-notes {
        padding: 0 10px 10px;
        font-size: 7px
    }

    .p-groupgraph__grid .icon01 {
        width: 36px
    }

    .p-groupgraph__grid .icon02 {
        width: 36px
    }

    .p-groupgraph__grid .icon03 {
        width: 41px
    }

    .p-groupgraph__grid .icon04 {
        width: 33px
    }

    .p-groupgraph__grid .icon05 {
        width: 32px
    }

    .p-groupgraph__grid .icon06 {
        width: 45px
    }

    .p-groupgraph__grid .icon07 {
        width: 44px
    }

    .p-groupgraph__grid .icon08 {
        width: 50px
    }

    .p-groupgraph__grid .icon09 {
        width: 37px
    }

    .p-groupgraph__grid .icon10 {
        width: 30px
    }

    .p-groupgraph__grid .icon11 {
        width: 42px
    }

    .p-groupgraph__grid .icon12 {
        width: 36px
    }

    .p-groupgraph__grid .icon13 {
        width: 30px
    }
}

.p-groupgraph__grid__year {
    display: flex;
    align-items: center
}

.p-groupgraph__grid__year .icon {
    margin-right: 50px
}

.p-groupgraph__grid__year .txt1 {
    font-size: 28px
}

.p-groupgraph__grid__year .value {
    font-size: 80px
}

.p-groupgraph__grid__year .value span.unit {
    font-size: 40%
}

@media (max-width: 767px) {
    .p-groupgraph__grid__year {
        display: block
    }

    .p-groupgraph__grid__year .icon {
        margin-right: 10px
    }

    .p-groupgraph__grid__year .txt1 {
        display: inline;
        font-size: 12px
    }

    .p-groupgraph__grid__year .value {
        margin-top: 15px;
        font-size: 35px;
        clear: both;
        text-align: center
    }
}

@media (min-width: 768px) {
    [lang=en] .p-groupgraph__grid__employee {
        width: 300px
    }
}

.p-groupgraph__grid__employee .head {
    display: flex;
    align-items: center;
    justify-content: center
}

.p-groupgraph__grid__employee .icon {
    margin-right: 30px
}

.p-groupgraph__grid__employee .txt1 {
    line-height: 1;
    font-size: 28px
}

.p-groupgraph__grid__employee .value {
    font-size: 60px
}

[lang=en] .p-groupgraph__grid__employee .value {
    text-align: center
}

.p-groupgraph__grid__employee .value span.unit {
    font-size: 40%
}

@media (max-width: 767px) {
    .p-groupgraph__grid__employee .head {
        margin-bottom: 20px
    }

    .p-groupgraph__grid__employee .icon {
        margin-right: 10px
    }

    .p-groupgraph__grid__employee .txt1 {
        font-size: 12px
    }

    .p-groupgraph__grid__employee .value {
        font-size: 27px
    }
}

.p-groupgraph__grid__sales .head {
    display: flex;
    align-items: center;
    justify-content: center
}

.p-groupgraph__grid__sales .value {
    font-size: 120px;
    text-align: center
}

.p-groupgraph__grid__sales .value span.unit {
    font-size: 30%;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl
}

[lang=en] .p-groupgraph__grid__sales .value span.unit {
    -webkit-writing-mode: horizontal-tb;
    -ms-writing-mode: lr-tb;
    writing-mode: horizontal-tb
}

.p-groupgraph__grid__sales .icon {
    margin-right: 50px
}

.p-groupgraph__grid__sales .txt1 {
    font-size: 40px
}

@media (max-width: 767px) {
    .p-groupgraph__grid__sales .head {
        margin-bottom: 20px
    }

    .p-groupgraph__grid__sales .icon {
        margin-right: 15px
    }

    .p-groupgraph__grid__sales .txt1 {
        font-size: 20px
    }

    .p-groupgraph__grid__sales .value {
        font-size: 55px
    }
}

.p-groupgraph__grid__ip .head {
    display: flex;
    align-items: center;
    justify-content: center
}

.p-groupgraph__grid__ip .icon {
    margin-right: 40px
}

.p-groupgraph__grid__ip .value01 {
    margin-bottom: 35px;
    border-bottom: 1px solid #4d5b6e;
    font-size: 90px;
    text-align: center
}

.p-groupgraph__grid__ip .value01 span.unit {
    font-size: 50%
}

.p-groupgraph__grid__ip .value01 span {
    vertical-align: middle
}

.p-groupgraph__grid__ip .value02 {
    display: flex;
    font-size: 60px
}

.p-groupgraph__grid__ip .value02 p {
    padding: 0 30px
}

.p-groupgraph__grid__ip .value02 > p + p {
    border-left: 1px solid #4d5b6e
}

.p-groupgraph__grid__ip .value02 span.unit {
    font-size: 50%
}

.p-groupgraph__grid__ip .value02 span {
    vertical-align: middle
}

.p-groupgraph__grid__ip .txt1 {
    font-size: 28px
}

.p-groupgraph__grid__ip .txt2 {
    font-size: 24px
}

@media (max-width: 767px) {
    .p-groupgraph__grid__ip .icon {
        margin-right: 20px
    }

    .p-groupgraph__grid__ip .txt1 {
        font-size: 20px
    }

    .p-groupgraph__grid__ip .txt2 {
        font-size: 15px
    }

    .p-groupgraph__grid__ip .value01 {
        margin-bottom: 20px;
        font-size: 40px
    }

    .p-groupgraph__grid__ip .value02 {
        font-size: 32px
    }

    .p-groupgraph__grid__ip .value02 p {
        padding: 0 15px
    }
}

.p-groupgraph__grid__base .head {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row-reverse
}

.p-groupgraph__grid__base .icon {
    margin-right: 35px
}

.p-groupgraph__grid__base .txt1 {
    font-size: 28px
}

.p-groupgraph__grid__base .value {
    font-size: 80px;
    text-align: center
}

.p-groupgraph__grid__base .value span.unit {
    font-size: 40%
}

.p-groupgraph__grid__base .value p + p {
    border-top: 1px solid #4d5b6e
}

@media (max-width: 767px) {
    .p-groupgraph__grid__base .head {
        display: block;
        text-align: center
    }

    .p-groupgraph__grid__base .icon {
        display: block;
        margin: 15px 0
    }

    .p-groupgraph__grid__base .txt1 {
        font-size: 15px
    }

    .p-groupgraph__grid__base .value {
        font-size: 45px
    }
}

.p-groupgraph__grid__invention .value-wrap {
    display: flex;
    align-items: center;
    justify-content: center
}

.p-groupgraph__grid__invention .value {
    font-size: 100px
}

.p-groupgraph__grid__invention .value span.unit {
    font-size: 50%
}

.p-groupgraph__grid__invention .icon {
    margin-right: 25px
}

.p-groupgraph__grid__invention .txt1 {
    font-size: 28px
}

.p-groupgraph__grid__invention .txt2 {
    font-size: 14px
}

.p-groupgraph__grid__invention .head {
    margin-bottom: 40px;
    text-align: center
}

@media (max-width: 767px) {
    .p-groupgraph__grid__invention .icon {
        display: block;
        margin: 15px 0
    }

    .p-groupgraph__grid__invention .txt1 {
        font-size: 15px
    }

    .p-groupgraph__grid__invention .txt2 {
        font-size: 10px
    }

    .p-groupgraph__grid__invention .value-wrap {
        display: block;
        text-align: center
    }

    .p-groupgraph__grid__invention .value {
        font-size: 45px
    }

    .p-groupgraph__grid__invention .head {
        margin-bottom: 10px
    }
}

.p-groupgraph__grid__ookouchi .value-wrap {
    display: flex;
    align-items: center;
    justify-content: center
}

.p-groupgraph__grid__ookouchi .value {
    font-size: 140px
}

.p-groupgraph__grid__ookouchi .value span.unit {
    font-size: 50%
}

.p-groupgraph__grid__ookouchi .icon {
    margin-right: 30px
}

.p-groupgraph__grid__ookouchi .txt1 {
    font-size: 40px
}

.p-groupgraph__grid__ookouchi .txt2 {
    font-size: 17px
}

.p-groupgraph__grid__ookouchi .head {
    margin-bottom: 40px;
    text-align: center
}

@media (max-width: 767px) {
    .p-groupgraph__grid__ookouchi .value {
        font-size: 65px
    }

    .p-groupgraph__grid__ookouchi .icon {
        margin-right: 15px
    }

    .p-groupgraph__grid__ookouchi .txt1 {
        font-size: 20px
    }

    .p-groupgraph__grid__ookouchi .txt2 {
        font-size: 12px
    }
}

.p-groupgraph__grid__walter .value-wrap {
    display: flex;
    align-items: center;
    justify-content: center
}

.p-groupgraph__grid__walter .value {
    font-size: 100px
}

[lang=en] .p-groupgraph__grid__walter .value {
    font-size: 75px;
    margin-left: 20px
}

.p-groupgraph__grid__walter .value span.unit {
    font-size: 50%
}

.p-groupgraph__grid__walter .icon07 {
    width: 73px;
    margin-right: 20px
}

.p-groupgraph__grid__walter .txt1 {
    margin-right: 80px;
    font-size: 28px
}

@media (max-width: 767px) {
    .p-groupgraph__grid__walter .value {
        font-size: 45px
    }

    .p-groupgraph__grid__walter .icon07 {
        width: 33px;
        margin-right: 15px
    }

    .p-groupgraph__grid__walter .txt1 {
        margin-right: 15px;
        font-size: 15px
    }
}

.p-groupgraph__grid__imageSensor .txt1 {
    font-size: 28px
}

.p-groupgraph__grid__imageSensor .txt2 {
    font-size: 14px
}

.p-groupgraph__grid__imageSensor .head {
    margin-bottom: 30px;
    text-align: center
}

.p-groupgraph__grid__imageSensor .icon {
    margin-bottom: 40px;
    text-align: center
}

.p-groupgraph__grid__imageSensor .value {
    font-size: 100px
}

.p-groupgraph__grid__imageSensor .value span.unit {
    font-size: 30%;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl
}

[lang=en] .p-groupgraph__grid__imageSensor .value span.unit {
    -webkit-writing-mode: horizontal-tb;
    -ms-writing-mode: lr-tb;
    writing-mode: horizontal-tb
}

@media (max-width: 767px) {
    .p-groupgraph__grid__imageSensor .txt1 {
        font-size: 15px
    }

    .p-groupgraph__grid__imageSensor .txt2 {
        font-size: 12px
    }

    .p-groupgraph__grid__imageSensor .value {
        font-size: 50px;
        text-align: center
    }
}

.p-groupgraph__grid__monodukuri .head {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 15px
}

.p-groupgraph__grid__monodukuri .txt1 {
    margin-right: 15px;
    font-size: 24px
}

.p-groupgraph__grid__monodukuri .txt2 {
    font-size: 11px
}

.p-groupgraph__grid__monodukuri .value-wrap {
    display: flex;
    align-items: center;
    justify-content: center
}

.p-groupgraph__grid__monodukuri .value {
    font-size: 60px
}

.p-groupgraph__grid__monodukuri .value span.unit {
    font-size: 50%
}

.p-groupgraph__grid__monodukuri .icon {
    margin-right: 20px
}

.p-groupgraph__grid__monodukuri .icon07 {
    width: 45px
}

@media (max-width: 767px) {
    .p-groupgraph__grid__monodukuri .head {
        display: block
    }

    .p-groupgraph__grid__monodukuri .txt1 {
        margin: 0;
        font-size: 12px
    }

    .p-groupgraph__grid__monodukuri .txt2 {
        font-size: 10px
    }

    .p-groupgraph__grid__monodukuri .value {
        font-size: 32px
    }

    .p-groupgraph__grid__monodukuri .icon {
        margin-right: 10px
    }

    .p-groupgraph__grid__monodukuri .icon07 {
        width: 23px
    }
}

.p-groupgraph__grid__otherReward {
    text-align: center
}

.p-groupgraph__grid__otherReward .txt1 {
    margin-bottom: 15px;
    font-size: 24px;
    text-align: center
}

.p-groupgraph__grid__otherReward .large {
    font-size: 30px
}

@media (max-width: 767px) {
    .p-groupgraph__grid__otherReward .txt1 {
        margin-bottom: 25px;
        font-size: 12px
    }

    .p-groupgraph__grid__otherReward .large {
        font-size: 16px
    }

    .p-groupgraph__grid__otherReward .c-button {
        display: flex;
        min-width: 0;
        padding: 0
    }
}

.p-groupgraph__grid__semiconductorYear .value-wrap {
    display: flex;
    align-items: center;
    justify-content: center
}

.p-groupgraph__grid__semiconductorYear .value {
    font-size: 100px
}

.p-groupgraph__grid__semiconductorYear .value span.unit {
    font-size: 50%
}

.p-groupgraph__grid__semiconductorYear .icon {
    margin-right: 25px
}

.p-groupgraph__grid__semiconductorYear .txt1 {
    margin-bottom: 30px;
    font-size: 24px;
    text-align: center
}

@media (max-width: 767px) {
    .p-groupgraph__grid__semiconductorYear .txt1 {
        font-size: 12px
    }

    .p-groupgraph__grid__semiconductorYear .value {
        font-size: 45px
    }
}

.p-groupgraph__grid__MMIC .value-wrap {
    display: flex;
    align-items: center;
    justify-content: center
}

.p-groupgraph__grid__MMIC .value {
    margin-top: 15px;
    font-size: 70px
}

.p-groupgraph__grid__MMIC .value span.unit {
    font-size: 30%;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl
}

[lang=en] .p-groupgraph__grid__MMIC .value span.unit {
    -webkit-writing-mode: horizontal-tb;
    -ms-writing-mode: lr-tb;
    writing-mode: horizontal-tb
}

.p-groupgraph__grid__MMIC .icon {
    margin-right: 25px
}

.p-groupgraph__grid__MMIC .head {
    text-align: center
}

.p-groupgraph__grid__MMIC .txt1 {
    font-size: 24px
}

.p-groupgraph__grid__MMIC .txt2 {
    font-size: 11px
}

@media (max-width: 767px) {
    .p-groupgraph__grid__MMIC .icon {
        margin-right: 20px
    }

    .p-groupgraph__grid__MMIC .txt1 {
        font-size: 12px
    }

    .p-groupgraph__grid__MMIC .txt2 {
        font-size: 10px
    }

    .p-groupgraph__grid__MMIC .value {
        font-size: 32px
    }
}

@media (min-width: 768px) {
    .p-groupgraph__grid__handball {
        padding: 20px 0
    }
}

.p-groupgraph__grid__handball .txt1 {
    margin-bottom: 15px;
    font-size: 21px;
    text-align: center
}

.p-groupgraph__grid__handball .txt2 {
    font-size: 24px
}

.p-groupgraph__grid__handball .txt3 {
    font-size: 10px
}

.p-groupgraph__grid__handball .txt3 b {
    font-size: 16px
}

.p-groupgraph__grid__handball .wrap {
    display: flex;
    align-items: center;
    justify-content: center
}

.p-groupgraph__grid__handball .icon {
    margin-right: 60px
}

.p-groupgraph__grid__handball .value-wrap {
    display: flex;
    align-items: flex-end;
    justify-content: center
}

.p-groupgraph__grid__handball .value-wrap dl {
    padding: 0 25px;
    text-align: center
}

.p-groupgraph__grid__handball .value-wrap dl + dl {
    position: relative
}

.p-groupgraph__grid__handball .value-wrap dl + dl::before {
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -30px;
    height: 60px;
    width: 1px;
    background-color: #455b6f;
    content: ""
}

@media (min-width: 768px) {
    .p-groupgraph__grid__handball .value-wrap dl {
        display: flex;
        align-items: center
    }

    .p-groupgraph__grid__handball .value-wrap dt {
        margin-right: 15px
    }
}

.p-groupgraph__grid__handball .value {
    font-size: 50px
}

.p-groupgraph__grid__handball .value span.unit {
    font-size: 50%
}

@media (max-width: 767px) {
    .p-groupgraph__grid__handball .txt1 {
        margin-left: -52px;
        font-size: 12px
    }

    .p-groupgraph__grid__handball .txt2 {
        font-size: 12px
    }

    .p-groupgraph__grid__handball .txt3 {
        font-size: 7px
    }

    .p-groupgraph__grid__handball .txt3 b {
        font-size: 10px
    }

    .p-groupgraph__grid__handball .icon {
        margin-right: 10px
    }

    .p-groupgraph__grid__handball .value-wrap dl {
        padding: 0 10px
    }

    .p-groupgraph__grid__handball .value-wrap dl + dl::before {
        margin-top: -18px;
        height: 35px
    }

    .p-groupgraph__grid__handball .value {
        font-size: 25px
    }
}

.p-groupgraph__grid__laser .value-wrap {
    display: flex;
    align-items: center;
    justify-content: center
}

.p-groupgraph__grid__laser .value {
    margin-top: 15px;
    font-size: 70px
}

.p-groupgraph__grid__laser .value span.unit {
    font-size: 30%;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl
}

[lang=en] .p-groupgraph__grid__laser .value span.unit {
    -webkit-writing-mode: horizontal-tb;
    -ms-writing-mode: lr-tb;
    writing-mode: horizontal-tb
}

.p-groupgraph__grid__laser .icon {
    margin-right: 25px
}

.p-groupgraph__grid__laser .head {
    text-align: center
}

.p-groupgraph__grid__laser .txt1 {
    font-size: 24px
}

.p-groupgraph__grid__laser .txt2 {
    font-size: 11px
}

@media (max-width: 767px) {
    .p-groupgraph__grid__laser .icon {
        margin-right: 10px
    }

    .p-groupgraph__grid__laser .txt1 {
        font-size: 12px
    }

    .p-groupgraph__grid__laser .txt2 {
        font-size: 10px
    }

    .p-groupgraph__grid__laser .value {
        font-size: 32px
    }
}

.p-groupgraph__grid__highFrequencySwitch .value-wrap {
    display: flex;
    align-items: center;
    justify-content: center
}

.p-groupgraph__grid__highFrequencySwitch .value {
    margin-top: 15px;
    font-size: 70px
}

.p-groupgraph__grid__highFrequencySwitch .value span.unit {
    font-size: 30%;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl
}

[lang=en] .p-groupgraph__grid__highFrequencySwitch .value span.unit {
    -webkit-writing-mode: horizontal-tb;
    -ms-writing-mode: lr-tb;
    writing-mode: horizontal-tb
}

.p-groupgraph__grid__highFrequencySwitch .icon {
    margin-right: 25px
}

[lang=en] .p-groupgraph__grid__highFrequencySwitch .icon {
    margin-right: 10px;
    margin-left: 10px;
    flex: 0 0 auto
}

.p-groupgraph__grid__highFrequencySwitch .head {
    text-align: center
}

.p-groupgraph__grid__highFrequencySwitch .txt1 {
    font-size: 20px
}

.p-groupgraph__grid__highFrequencySwitch .txt2 {
    font-size: 11px
}

@media (max-width: 767px) {
    .p-groupgraph__grid__highFrequencySwitch .icon {
        margin-right: 10px
    }

    .p-groupgraph__grid__highFrequencySwitch .txt1 {
        font-size: 12px
    }

    .p-groupgraph__grid__highFrequencySwitch .txt2 {
        font-size: 10px
    }

    .p-groupgraph__grid__highFrequencySwitch .value {
        font-size: 32px
    }
}

@media (min-width: 768px) {
    .p-groupgraph__modal.c-modal {
        width: 585px
    }
}

.p-groupgraph__modal__head {
    margin-bottom: 35px;
    font-family: "SST W55 Bold", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 17px;
    text-align: center
}

[lang=en] .p-groupgraph__modal__head {
    font-family: "SST W20 Bold", sans-serif
}

[lang=zh-CN] .p-groupgraph__modal__head {
    font-family: "SST W20 Bold", sans-serif;
    font-weight: bold
}

@media (min-width: 768px) {
    .p-groupgraph__modal__head {
        font-size: 35px
    }
}

.p-groupgraph__modal__company-base .head {
    margin: 15px 0;
    font-size: 15px;
    text-align: center
}

.p-groupgraph__modal__company-base .more-button {
    margin-top: 15px;
    text-align: center
}

.p-groupgraph__modal__company-base iframe {
    width: 100%;
    height: 320px
}

@media (min-width: 768px) {
    .p-groupgraph__modal__company-base p {
        padding: 0 20px
    }

    .p-groupgraph__modal__company-base .head {
        font-size: 20px
    }

    .p-groupgraph__modal__company-base .more-button {
        margin-top: 30px
    }
}

.p-groupgraph__other-reward-list li {
    padding: 15px 0;
    border-bottom: 1px solid #e0e1e4;
    line-height: 1.6
}

.p-groupgraph__other-reward-list .txt1 {
    display: block;
    font-size: 10px
}

.p-groupgraph__other-reward-list .txt2 {
    display: block;
    font-size: 15px
}

.p-groupgraph__other-reward-list .txt3 {
    display: block;
    font-size: 10px
}

@media (min-width: 768px) {
    .p-groupgraph__other-reward-list .txt1 {
        display: block;
        font-size: 13px
    }

    .p-groupgraph__other-reward-list .txt2 {
        display: block;
        font-size: 30px
    }

    .p-groupgraph__other-reward-list .txt3 {
        display: block;
        font-size: 13px
    }
}

.p-ayumi__header__bg {
    background: url("../image/c-2_7_mv_sp.jpg") no-repeat center center;
    background-size: cover
}

@media (min-width: 768px) {
    .p-ayumi__header__bg {
        background: url("../image/c-2_7_mv_pc.jpg") no-repeat center center;
        background-size: cover
    }
}

.p-ayumi-sony-semiconductor {
    padding: 20px 0;
    background-color: #fff
}

.p-ayumi-sony-semiconductor__title {
    font-size: 25px;
    line-height: 33px;
    padding: 0 10px;
    font-family: "SST W55 Bold", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif
}

[lang=en] .p-ayumi-sony-semiconductor__title {
    font-family: "SST W20 Bold", sans-serif
}

[lang=zh-CN] .p-ayumi-sony-semiconductor__title {
    font-family: "SST W20 Bold", sans-serif;
    font-weight: bold
}

@media (min-width: 768px) {
    .p-ayumi-sony-semiconductor__title {
        font-size: 40px;
        padding: 0;
        text-align: center
    }
}

.p-ayumi-sony-semiconductor__section {
    position: relative;
    margin: 80px 10px 120px;
    transition: none;
    opacity: 1
}

@media (min-width: 768px) {
    .p-ayumi-sony-semiconductor__section {
        margin: 220px 100px 120px;
        width: 1000px
    }

    .p-ayumi-sony-semiconductor__section:nth-of-type(1) {
        margin: 120px 100px
    }
}

@media (min-width: 768px) {
    .p-ayumi-sony-semiconductor__section.is-1970 {
        margin: 150px 100px 120px;
        width: 1000px
    }
}

@media (min-width: 768px) {
    .p-ayumi-sony-semiconductor__section.is-2004 {
        margin: 320px 100px 120px;
        width: 1000px
    }
}

@media (min-width: 768px) {
    .p-ayumi-sony-semiconductor__section.is-2011 {
        margin: 120px 100px 120px;
        width: 1000px
    }
}

@media (min-width: 768px) {
    .p-ayumi-sony-semiconductor__section.is-2022 {
        margin: 220px 100px 200px;
        width: 1000px
    }
}

.p-ayumi-sony-semiconductor__section__bottom {
    margin: -70px 0 100px
}

@media (min-width: 768px) {
    .p-ayumi-sony-semiconductor__section__bottom {
        margin: -70px auto 150px;
        width: 995px
    }

    .p-ayumi-sony-semiconductor__section__bottom > img {
        width: 100%
    }
}

.p-ayumi-sony-semiconductor__content {
    position: relative;
    z-index: 1
}

.p-ayumi-sony-semiconductor__content .Animation-year {
    display: block;
    position: relative;
    width: 120px;
    margin-bottom: 10px;
    padding-top: 20px;
    color: #000;
    text-align: center;
    white-space: nowrap;
    font-family: "SSTJapanese W55 Regular", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 55px
}

[lang=en] .p-ayumi-sony-semiconductor__content .Animation-year {
    font-family: "SST W20 Roman", "Helvetica Neue", Helvetica, Arial, sans-serif
}

[lang=zh-CN] .p-ayumi-sony-semiconductor__content .Animation-year {
    font-family: "SST W20 Roman", "Hiragino Kaku Gothic ProN", "Heiti TC", Roboto, Droid, "Helvetica Neue", Helvetica, Arial, sans-serif
}

.p-ayumi-sony-semiconductor__content .Animation-year.small {
    width: 90px;
    font-size: 35px
}

.p-ayumi-sony-semiconductor__content .Animation-year::after {
    position: absolute;
    left: 50%;
    top: -70px;
    height: 60px;
    width: 0;
    border-left: 1px solid #000;
    content: ""
}

.p-ayumi-sony-semiconductor__content .Animation-lead {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 40px;
    padding: 15px;
    background-color: rgba(0, 0, 0, 0);
    color: #000;
    position: relative;
    overflow: hidden;
    font-family: "SST W55 Bold", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif
}

[lang=en] .p-ayumi-sony-semiconductor__content .Animation-lead {
    font-family: "SST W20 Bold", sans-serif
}

[lang=zh-CN] .p-ayumi-sony-semiconductor__content .Animation-lead {
    font-family: "SST W20 Bold", sans-serif;
    font-weight: bold
}

.p-ayumi-sony-semiconductor__content .Animation-lead.history-active::before {
    display: block;
    -webkit-filter: drop-shadow(0px 0px 3px rgba(0, 0, 0, 0.2));
    filter: drop-shadow(0px 0px 3px rgba(0, 0, 0, 0.2))
}

@media (min-width: 768px) {
    .p-ayumi-sony-semiconductor__content .Animation-lead.history-active::before {
        -webkit-filter: drop-shadow(0px 0px 8px rgba(0, 0, 0, 0.2));
        filter: drop-shadow(0px 0px 8px rgba(0, 0, 0, 0.2))
    }
}

.p-ayumi-sony-semiconductor__content .Animation-lead p {
    line-height: 1.26;
    position: relative
}

.p-ayumi-sony-semiconductor__content .Animation-lead .text-large {
    font-size: 17px;
    line-height: 1.8;
    letter-spacing: .05em
}

.p-ayumi-sony-semiconductor__content .Animation-lead .text-medium {
    font-size: 15px;
    letter-spacing: .05em
}

.p-ayumi-sony-semiconductor__content .Animation-body {
    position: relative;
    font-size: 11px;
    font-family: "SST W55 Light", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif
}

[lang=en] .p-ayumi-sony-semiconductor__content .Animation-body {
    font-family: "SST W20 Light", sans-serif
}

[lang=zh-CN] .p-ayumi-sony-semiconductor__content .Animation-body {
    font-family: "SST W20 Light", sans-serif
}

@media (min-width: 768px) {
    .p-ayumi-sony-semiconductor__content .Animation-year {
        width: 330px;
        font-size: 140px
    }

    .p-ayumi-sony-semiconductor__content .Animation-year.small {
        width: 240px;
        font-size: 100px
    }

    .p-ayumi-sony-semiconductor__content .Animation-year::after {
        top: -180px;
        height: 150px
    }

    .p-ayumi-sony-semiconductor__content .Animation-lead {
        margin-bottom: 20px;
        padding: 40px;
        font-size: 28px
    }

    .p-ayumi-sony-semiconductor__content .Animation-lead .text-large {
        font-size: 40px
    }

    .p-ayumi-sony-semiconductor__content .Animation-lead .text-medium {
        font-size: 32px
    }

    .p-ayumi-sony-semiconductor__content .Animation-body {
        font-size: 14px
    }
}

@-webkit-keyframes anm-year {
    0% {
        bottom: -20px;
        opacity: 0
    }
    100% {
        bottom: 0;
        opacity: 1
    }
}

@keyframes anm-year {
    0% {
        bottom: -20px;
        opacity: 0
    }
    100% {
        bottom: 0;
        opacity: 1
    }
}

@-webkit-keyframes anm-leadtext {
    0% {
        bottom: -20px;
        opacity: 0
    }
    100% {
        bottom: 0;
        opacity: 1
    }
}

@keyframes anm-leadtext {
    0% {
        bottom: -20px;
        opacity: 0
    }
    100% {
        bottom: 0;
        opacity: 1
    }
}

@-webkit-keyframes anm-body {
    0% {
        bottom: -20px;
        opacity: 0
    }
    100% {
        bottom: 0;
        opacity: 1
    }
}

@keyframes anm-body {
    0% {
        bottom: -20px;
        opacity: 0
    }
    100% {
        bottom: 0;
        opacity: 1
    }
}

.is-1953 .p-ayumi-sony-semiconductor__content .js-scrollAnimation-year::after {
    display: none
}

.is-1953 .p-ayumi-sony-semiconductor__content .js-scrollAnimation-lead {
    width: 240px;
    height: 112px;
    margin-left: -10px
}

.is-1953 .p-ayumi-sony-semiconductor__content .js-scrollAnimation-year {
    opacity: 0;
    font-size: 40px;
    padding-top: 0
}

.is-1953 .p-ayumi-sony-semiconductor__content .js-scrollAnimation-year.history-active {
    -webkit-animation: anm-year .5s ease-in-out 0s forwards;
    animation: anm-year .5s ease-in-out 0s forwards
}

.is-1953 .p-ayumi-sony-semiconductor__content .js-scrollAnimation-lead::before {
    content: "";
    position: absolute;
    width: 220px;
    height: 92px;
    background: #fff;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    transition: .7s
}

.is-1953 .p-ayumi-sony-semiconductor__content .js-scrollAnimation-lead.history-active::before {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    transition-delay: 1s
}

.is-1953 .p-ayumi-sony-semiconductor__content .js-scrollAnimation-lead p {
    opacity: 0
}

.is-1953 .p-ayumi-sony-semiconductor__content .js-scrollAnimation-lead.history-active p {
    -webkit-animation: anm-leadtext .5s ease-in-out 1.5s forwards;
    animation: anm-leadtext .5s ease-in-out 1.5s forwards
}

.is-1953 .p-ayumi-sony-semiconductor__content .js-scrollAnimation-body {
    opacity: 0
}

.is-1953 .p-ayumi-sony-semiconductor__content .js-scrollAnimation-body.history-active {
    -webkit-animation: anm-body .5s ease-in-out 2s forwards;
    animation: anm-body .5s ease-in-out 2s forwards
}

@media (min-width: 768px) {
    .is-1953 .p-ayumi-sony-semiconductor__content .js-scrollAnimation-year {
        font-size: 110px
    }

    .is-1953 .p-ayumi-sony-semiconductor__content .js-scrollAnimation-lead {
        margin-left: -40px;
        margin-top: 30px;
        margin-bottom: 30px;
        padding: 40px;
        width: 647px;
        height: 280px
    }

    .is-1953 .p-ayumi-sony-semiconductor__content .js-scrollAnimation-lead p {
        font-size: 32px
    }

    .is-1953 .p-ayumi-sony-semiconductor__content .js-scrollAnimation-lead::before {
        width: 627px;
        height: 260px
    }

    .is-1953 .p-ayumi-sony-semiconductor__content .js-scrollAnimation-body {
        width: 485px
    }
}

.is-1960 .p-ayumi-sony-semiconductor__content .js-scrollAnimation-year {
    margin-left: auto
}

.is-1960 .p-ayumi-sony-semiconductor__content .js-scrollAnimation-lead {
    justify-content: flex-end;
    align-items: center;
    padding: 0 15px 0 27px;
    width: 274px;
    height: 71px;
    margin-right: 0;
    margin-left: auto;
    text-align: center
}

.is-1960 .p-ayumi-sony-semiconductor__content .js-scrollAnimation-year {
    opacity: 0
}

.is-1960 .p-ayumi-sony-semiconductor__content .js-scrollAnimation-year.history-active {
    -webkit-animation: anm-year .5s ease-in-out 0s forwards;
    animation: anm-year .5s ease-in-out 0s forwards
}

.is-1960 .p-ayumi-sony-semiconductor__content .js-scrollAnimation-lead::before {
    content: "";
    position: absolute;
    width: 263px;
    height: 68px;
    right: -10px;
    background: #fff;
    -webkit-transform: translate3d(-150%, 0, 0);
    transform: translate3d(-150%, 0, 0);
    transition: .7s;
    top: 0
}

.is-1960 .p-ayumi-sony-semiconductor__content .js-scrollAnimation-lead.history-active::before {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    transition-delay: 1s
}

.is-1960 .p-ayumi-sony-semiconductor__content .js-scrollAnimation-lead p {
    opacity: 0;
    text-align: right
}

.is-1960 .p-ayumi-sony-semiconductor__content .js-scrollAnimation-lead.history-active p {
    -webkit-animation: anm-leadtext .5s ease-in-out 1.5s forwards;
    animation: anm-leadtext .5s ease-in-out 1.5s forwards
}

.is-1960 .p-ayumi-sony-semiconductor__content .js-scrollAnimation-body {
    opacity: 0
}

.is-1960 .p-ayumi-sony-semiconductor__content .js-scrollAnimation-body.history-active {
    -webkit-animation: anm-body .5s ease-in-out 2s forwards;
    animation: anm-body .5s ease-in-out 2s forwards
}

@media (min-width: 768px) {
    .is-1960 .p-ayumi-sony-semiconductor__content .js-scrollAnimation-year::after {
        top: -330px;
        height: 310px
    }

    .is-1960 .p-ayumi-sony-semiconductor__content .js-scrollAnimation-lead {
        width: 605px;
        height: 170px;
        display: flex;
        align-items: center;
        justify-content: center
    }

    .is-1960 .p-ayumi-sony-semiconductor__content .js-scrollAnimation-lead p {
        font-size: 24px
    }

    .is-1960 .p-ayumi-sony-semiconductor__content .js-scrollAnimation-lead::before {
        width: 585px;
        height: 150px
    }

    .is-1960 .p-ayumi-sony-semiconductor__content .js-scrollAnimation-body {
        margin-left: 50%
    }
}

.is-1970 .p-ayumi-sony-semiconductor__content .js-scrollAnimation-lead {
    width: 270px;
    height: 78px;
    margin-left: -10px
}

.is-1970 .p-ayumi-sony-semiconductor__content .js-scrollAnimation-year {
    opacity: 0;
    font-size: 40px
}

.is-1970 .p-ayumi-sony-semiconductor__content .js-scrollAnimation-year.history-active {
    -webkit-animation: anm-year .5s ease-in-out 0s forwards;
    animation: anm-year .5s ease-in-out 0s forwards
}

.is-1970 .p-ayumi-sony-semiconductor__content .js-scrollAnimation-lead::before {
    content: "";
    position: absolute;
    width: 250px;
    height: 58px;
    background: #fff;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    transition: .7s
}

.is-1970 .p-ayumi-sony-semiconductor__content .js-scrollAnimation-lead.history-active::before {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    transition-delay: 1s
}

.is-1970 .p-ayumi-sony-semiconductor__content .js-scrollAnimation-lead p {
    opacity: 0;
    font-size: 17px
}

.is-1970 .p-ayumi-sony-semiconductor__content .js-scrollAnimation-lead.history-active p {
    -webkit-animation: anm-leadtext .5s ease-in-out 1.5s forwards;
    animation: anm-leadtext .5s ease-in-out 1.5s forwards
}

.is-1970 .p-ayumi-sony-semiconductor__content .js-scrollAnimation-body {
    opacity: 0;
    padding: 20px 0 0
}

.is-1970 .p-ayumi-sony-semiconductor__content .js-scrollAnimation-body.history-active {
    -webkit-animation: anm-body .5s ease-in-out 2s forwards;
    animation: anm-body .5s ease-in-out 2s forwards
}

@media (min-width: 768px) {
    .is-1970 .p-ayumi-sony-semiconductor__content .js-scrollAnimation-lead {
        margin-left: -40px;
        width: 731px;
        height: 220px;
        padding: 40px
    }

    .is-1970 .p-ayumi-sony-semiconductor__content .js-scrollAnimation-lead p {
        font-size: 40px
    }

    .is-1970 .p-ayumi-sony-semiconductor__content .js-scrollAnimation-year {
        font-size: 110px
    }

    .is-1970 .p-ayumi-sony-semiconductor__content .js-scrollAnimation-lead::before {
        width: 711px;
        height: 200px
    }

    .is-1970 .p-ayumi-sony-semiconductor__content .js-scrollAnimation-body {
        width: 584px
    }
}

.is-1980 .p-ayumi-sony-semiconductor__content .js-scrollAnimation-lead {
    width: 267px;
    height: 94px;
    margin-left: auto;
    margin-bottom: 75px;
    margin-right: -20px
}

.is-1980 .p-ayumi-sony-semiconductor__content .js-scrollAnimation-year {
    opacity: 0;
    margin-left: auto
}

.is-1980 .p-ayumi-sony-semiconductor__content .js-scrollAnimation-year.history-active {
    -webkit-animation: anm-year .5s ease-in-out 0s forwards;
    animation: anm-year .5s ease-in-out 0s forwards
}

.is-1980 .p-ayumi-sony-semiconductor__content .js-scrollAnimation-lead::before {
    content: "";
    position: absolute;
    background: #fff;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    transition: .7s;
    width: 247px;
    height: 74px
}

.is-1980 .p-ayumi-sony-semiconductor__content .js-scrollAnimation-lead.history-active::before {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    transition-delay: 1s
}

.is-1980 .p-ayumi-sony-semiconductor__content .js-scrollAnimation-lead p {
    opacity: 0;
    text-align: right;
    font-size: 14px
}

.is-1980 .p-ayumi-sony-semiconductor__content .js-scrollAnimation-lead.history-active p {
    -webkit-animation: anm-leadtext .5s ease-in-out 1.5s forwards;
    animation: anm-leadtext .5s ease-in-out 1.5s forwards
}

.is-1980 .p-ayumi-sony-semiconductor__content .js-scrollAnimation-body {
    opacity: 0
}

.is-1980 .p-ayumi-sony-semiconductor__content .js-scrollAnimation-body.history-active {
    -webkit-animation: anm-body .5s ease-in-out 1.8s forwards;
    animation: anm-body .5s ease-in-out 1.8s forwards
}

@media (min-width: 768px) {
    .is-1980 .p-ayumi-sony-semiconductor__content .js-scrollAnimation-lead {
        margin: 30px -40px 40px auto;
        width: 646px;
        height: 230px
    }

    .is-1980 .p-ayumi-sony-semiconductor__content .js-scrollAnimation-lead p {
        font-size: 32px
    }

    .is-1980 .p-ayumi-sony-semiconductor__content .js-scrollAnimation-lead::before {
        width: 626px;
        height: 210px
    }

    .is-1980 .p-ayumi-sony-semiconductor__content .js-scrollAnimation-body {
        width: 483px;
        margin-left: auto
    }
}

.is-1986 .p-ayumi-sony-semiconductor__content .js-scrollAnimation-year {
    margin-right: auto
}

.is-1986 .p-ayumi-sony-semiconductor__content .js-scrollAnimation-lead {
    width: 227px;
    height: 106px;
    margin-bottom: 70px
}

.is-1986 .p-ayumi-sony-semiconductor__content .js-scrollAnimation-year {
    opacity: 0;
    font-size: 30px
}

.is-1986 .p-ayumi-sony-semiconductor__content .js-scrollAnimation-year.history-active {
    -webkit-animation: anm-year .5s ease-in-out 0s forwards;
    animation: anm-year .5s ease-in-out 0s forwards
}

.is-1986 .p-ayumi-sony-semiconductor__content .js-scrollAnimation-lead::before {
    content: "";
    position: absolute;
    background: #fff;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    transition: .7s;
    width: 217px;
    height: 86px
}

.is-1986 .p-ayumi-sony-semiconductor__content .js-scrollAnimation-lead.history-active::before {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    transition-delay: 1s
}

.is-1986 .p-ayumi-sony-semiconductor__content .js-scrollAnimation-lead p {
    opacity: 0
}

.is-1986 .p-ayumi-sony-semiconductor__content .js-scrollAnimation-lead.history-active p {
    -webkit-animation: anm-leadtext .5s ease-in-out 1.5s forwards;
    animation: anm-leadtext .5s ease-in-out 1.5s forwards
}

.is-1986 .p-ayumi-sony-semiconductor__content .js-scrollAnimation-body {
    opacity: 0;
    padding: 90px 0 0
}

.is-1986 .p-ayumi-sony-semiconductor__content .js-scrollAnimation-body.row2 {
    padding-top: 20px
}

.is-1986 .p-ayumi-sony-semiconductor__content .js-scrollAnimation-body.history-active {
    -webkit-animation: anm-body .5s ease-in-out 2s forwards;
    animation: anm-body .5s ease-in-out 2s forwards
}

@media (min-width: 768px) {
    .is-1986 .p-ayumi-sony-semiconductor__content .js-scrollAnimation-year {
        margin-right: 30px
    }

    .is-1986 .p-ayumi-sony-semiconductor__content .js-scrollAnimation-year {
        font-size: 80px
    }

    .is-1986 .p-ayumi-sony-semiconductor__content .js-scrollAnimation-lead {
        width: 544px;
        height: 220px;
        margin: 30px 0 30px -40px
    }

    .is-1986 .p-ayumi-sony-semiconductor__content .js-scrollAnimation-lead::before {
        width: 524px;
        height: 200px
    }

    .is-1986 .p-ayumi-sony-semiconductor__content .js-scrollAnimation-body {
        width: 483px;
        padding: 0
    }

    .is-1986 .p-ayumi-sony-semiconductor__content .js-scrollAnimation-body.row2 {
        margin-top: 20px;
        width: 100%
    }
}

.is-2001 .p-ayumi-sony-semiconductor__content .js-scrollAnimation-year {
    margin-left: auto
}

.is-2001 .p-ayumi-sony-semiconductor__content .js-scrollAnimation-lead {
    margin-top: -50px;
    margin-bottom: 30px;
    margin-left: -20px;
    width: 248px;
    height: 137px
}

@media (max-width: 767px) {
    .is-2001 .p-ayumi-sony-semiconductor__content .js-scrollAnimation-lead.en_lead {
        height: 168px;
        padding: 25px
    }
}

.is-2001 .p-ayumi-sony-semiconductor__content .js-scrollAnimation-year {
    opacity: 0;
    font-size: 40px
}

.is-2001 .p-ayumi-sony-semiconductor__content .js-scrollAnimation-year.history-active {
    -webkit-animation: anm-year .5s ease-in-out 0s forwards;
    animation: anm-year .5s ease-in-out 0s forwards
}

.is-2001 .p-ayumi-sony-semiconductor__content .js-scrollAnimation-lead::before {
    content: "";
    position: absolute;
    background: #fff;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    transition: .7s;
    width: 228px;
    height: 117px
}

@media (max-width: 767px) {
    .is-2001 .p-ayumi-sony-semiconductor__content .js-scrollAnimation-lead.en_lead::before {
        height: 157px
    }
}

.is-2001 .p-ayumi-sony-semiconductor__content .js-scrollAnimation-lead.history-active::before {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    transition-delay: 1s
}

.is-2001 .p-ayumi-sony-semiconductor__content .js-scrollAnimation-lead p {
    opacity: 0
}

.is-2001 .p-ayumi-sony-semiconductor__content .js-scrollAnimation-lead.history-active p {
    -webkit-animation: anm-leadtext .5s ease-in-out 1.5s forwards;
    animation: anm-leadtext .5s ease-in-out 1.5s forwards
}

.is-2001 .p-ayumi-sony-semiconductor__content .js-scrollAnimation-body {
    opacity: 0;
    padding: 20px 0 0
}

.is-2001 .p-ayumi-sony-semiconductor__content .js-scrollAnimation-body.history-active {
    -webkit-animation: anm-body .5s ease-in-out 2s forwards;
    animation: anm-body .5s ease-in-out 2s forwards
}

@media (min-width: 768px) {
    .is-2001 .p-ayumi-sony-semiconductor__content .js-scrollAnimation-lead {
        width: 615px;
        height: 359px;
        margin: -210px 0 10px -50px
    }

    .is-2001 .p-ayumi-sony-semiconductor__content .js-scrollAnimation-lead {
        font-size: 40px
    }

    .is-2001 .p-ayumi-sony-semiconductor__content .js-scrollAnimation-year {
        font-size: 110px
    }

    .is-2001 .p-ayumi-sony-semiconductor__content .js-scrollAnimation-lead::before {
        width: 595px;
        height: 339px
    }

    .is-2001 .p-ayumi-sony-semiconductor__content .js-scrollAnimation-body {
        width: 480px
    }

    .is-2001 .p-ayumi-sony-semiconductor__content .js-scrollAnimation-body.row2 {
        margin-top: 20px;
        width: 100%
    }
}

.is-2004 .p-ayumi-sony-semiconductor__content .js-scrollAnimation-lead {
    margin-top: 10px;
    margin-left: -10px;
    margin-bottom: 20px;
    width: 217px;
    height: 87px
}

.is-2004 .p-ayumi-sony-semiconductor__content .js-scrollAnimation-year {
    opacity: 0;
    font-size: 30px
}

.is-2004 .p-ayumi-sony-semiconductor__content .js-scrollAnimation-year.history-active {
    -webkit-animation: anm-year .5s ease-in-out 0s forwards;
    animation: anm-year .5s ease-in-out 0s forwards
}

.is-2004 .p-ayumi-sony-semiconductor__content .js-scrollAnimation-lead::before {
    content: "";
    position: absolute;
    background: #fff;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    transition: .7s;
    width: 197px;
    height: 67px
}

.is-2004 .p-ayumi-sony-semiconductor__content .js-scrollAnimation-lead.history-active::before {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    transition-delay: 1s
}

.is-2004 .p-ayumi-sony-semiconductor__content .js-scrollAnimation-lead p {
    opacity: 0
}

.is-2004 .p-ayumi-sony-semiconductor__content .js-scrollAnimation-lead.history-active p {
    -webkit-animation: anm-leadtext .5s ease-in-out 1.5s forwards;
    animation: anm-leadtext .5s ease-in-out 1.5s forwards
}

.is-2004 .p-ayumi-sony-semiconductor__content .js-scrollAnimation-body {
    opacity: 0
}

.is-2004 .p-ayumi-sony-semiconductor__content .js-scrollAnimation-body.history-active {
    -webkit-animation: anm-body .5s ease-in-out 2s forwards;
    animation: anm-body .5s ease-in-out 2s forwards
}

@media (min-width: 768px) {
    .is-2004 .p-ayumi-sony-semiconductor__content .js-scrollAnimation-year {
        font-size: 80px
    }

    .is-2004 .p-ayumi-sony-semiconductor__content .js-scrollAnimation-year::after {
        top: -260px;
        height: 236px
    }

    .is-2004 .p-ayumi-sony-semiconductor__content .js-scrollAnimation-lead {
        width: 631px;
        height: 180px;
        margin-top: 30px;
        margin-bottom: 40px
    }

    .is-2004 .p-ayumi-sony-semiconductor__content .js-scrollAnimation-lead::before {
        width: 611px;
        height: 160px
    }

    .is-2004 .p-ayumi-sony-semiconductor__content .js-scrollAnimation-body {
        width: 995px;
        margin: 0 auto
    }
}

.is-2006 .p-ayumi-sony-semiconductor__content .js-scrollAnimation-year {
    margin-left: auto
}

.is-2006 .p-ayumi-sony-semiconductor__content .js-scrollAnimation-lead {
    margin-bottom: 25px;
    margin-left: auto;
    width: 280px;
    height: 103px;
    padding: 15px 25px
}

.is-2006 .p-ayumi-sony-semiconductor__content .js-scrollAnimation-year {
    opacity: 0;
    font-size: 30px
}

.is-2006 .p-ayumi-sony-semiconductor__content .js-scrollAnimation-year.history-active {
    -webkit-animation: anm-year .5s ease-in-out 0s forwards;
    animation: anm-year .5s ease-in-out 0s forwards
}

.is-2006 .p-ayumi-sony-semiconductor__content .js-scrollAnimation-lead::before {
    content: "";
    position: absolute;
    background: #fff;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    transition: .7s;
    width: 260px;
    height: 83px
}

.is-2006 .p-ayumi-sony-semiconductor__content .js-scrollAnimation-lead.history-active::before {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    transition-delay: 1s
}

.is-2006 .p-ayumi-sony-semiconductor__content .js-scrollAnimation-lead p {
    opacity: 0;
    font-size: 17px;
    text-align: right
}

.is-2006 .p-ayumi-sony-semiconductor__content .js-scrollAnimation-lead.history-active p {
    -webkit-animation: anm-leadtext .5s ease-in-out 1.5s forwards;
    animation: anm-leadtext .5s ease-in-out 1.5s forwards
}

.is-2006 .p-ayumi-sony-semiconductor__content .js-scrollAnimation-body {
    opacity: 0
}

.is-2006 .p-ayumi-sony-semiconductor__content .js-scrollAnimation-body.history-active {
    -webkit-animation: anm-body .5s ease-in-out 2s forwards;
    animation: anm-body .5s ease-in-out 2s forwards
}

@media (min-width: 768px) {
    .is-2006 .p-ayumi-sony-semiconductor__content .js-scrollAnimation-year {
        font-size: 80px;
        padding-top: 50px
    }

    .is-2006 .p-ayumi-sony-semiconductor__content .js-scrollAnimation-year::after {
        top: -100px;
        height: 91px
    }

    .is-2006 .p-ayumi-sony-semiconductor__content .js-scrollAnimation-lead {
        width: 750px;
        height: 228px;
        margin: 30px -50px 50px auto;
        padding: 15px 60px
    }

    .is-2006 .p-ayumi-sony-semiconductor__content .js-scrollAnimation-lead p {
        font-size: 40px
    }

    .is-2006 .p-ayumi-sony-semiconductor__content .js-scrollAnimation-lead::before {
        width: 730px;
        height: 208px
    }

    .is-2006 .p-ayumi-sony-semiconductor__content .js-scrollAnimation-body {
        width: 587px;
        margin-left: auto
    }
}

.is-2011 .p-ayumi-sony-semiconductor__content .js-scrollAnimation-lead {
    width: 205px;
    height: 117px;
    margin-bottom: 30px;
    margin-left: -10px
}

.is-2011 .p-ayumi-sony-semiconductor__content .js-scrollAnimation-year {
    opacity: 0
}

.is-2011 .p-ayumi-sony-semiconductor__content .js-scrollAnimation-year.history-active {
    -webkit-animation: anm-year .5s ease-in-out 0s forwards;
    animation: anm-year .5s ease-in-out 0s forwards
}

.is-2011 .p-ayumi-sony-semiconductor__content .js-scrollAnimation-lead::before {
    content: "";
    position: absolute;
    background: #fff;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    transition: .7s;
    width: 185px;
    height: 97px
}

.is-2011 .p-ayumi-sony-semiconductor__content .js-scrollAnimation-lead.history-active::before {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    transition-delay: 1s
}

.is-2011 .p-ayumi-sony-semiconductor__content .js-scrollAnimation-lead p {
    opacity: 0
}

.is-2011 .p-ayumi-sony-semiconductor__content .js-scrollAnimation-lead.history-active p {
    -webkit-animation: anm-leadtext .5s ease-in-out 1.5s forwards;
    animation: anm-leadtext .5s ease-in-out 1.5s forwards
}

.is-2011 .p-ayumi-sony-semiconductor__content .js-scrollAnimation-body {
    opacity: 0
}

.is-2011 .p-ayumi-sony-semiconductor__content .js-scrollAnimation-body.history-active {
    -webkit-animation: anm-body .5s ease-in-out 2s forwards;
    animation: anm-body .5s ease-in-out 2s forwards
}

@media (min-width: 768px) {
    .is-2011 .p-ayumi-sony-semiconductor__content .js-scrollAnimation-year {
        margin-left: 40px
    }

    .is-2011 .p-ayumi-sony-semiconductor__content .js-scrollAnimation-lead {
        width: 514px;
        height: 284px;
        margin: 30px 0 70px -30px
    }

    .is-2011 .p-ayumi-sony-semiconductor__content .js-scrollAnimation-lead::before {
        width: 494px;
        height: 264px
    }

    .is-2011 .p-ayumi-sony-semiconductor__content .js-scrollAnimation-body {
        width: 995px;
        margin: 0 auto
    }
}

.is-2016 .p-ayumi-sony-semiconductor__content .js-scrollAnimation-lead {
    width: 180px;
    height: 163px;
    margin-left: auto;
    left: 10px;
    margin-bottom: 20px
}

.is-2016 .p-ayumi-sony-semiconductor__content .js-scrollAnimation-year {
    opacity: 0;
    margin-left: auto;
    font-size: 30px
}

.is-2016 .p-ayumi-sony-semiconductor__content .js-scrollAnimation-year.history-active {
    -webkit-animation: anm-year .5s ease-in-out 0s forwards;
    animation: anm-year .5s ease-in-out 0s forwards
}

.is-2016 .p-ayumi-sony-semiconductor__content .js-scrollAnimation-lead::before {
    content: "";
    position: absolute;
    background: #fff;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    transition: .7s;
    width: 160px;
    height: 143px
}

.is-2016 .p-ayumi-sony-semiconductor__content .js-scrollAnimation-lead.history-active::before {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    transition-delay: 1s
}

.is-2016 .p-ayumi-sony-semiconductor__content .js-scrollAnimation-lead p {
    opacity: 0;
    text-align: center
}

.is-2016 .p-ayumi-sony-semiconductor__content .js-scrollAnimation-lead.history-active p {
    -webkit-animation: anm-leadtext .5s ease-in-out 1.5s forwards;
    animation: anm-leadtext .5s ease-in-out 1.5s forwards
}

.is-2016 .p-ayumi-sony-semiconductor__content .js-scrollAnimation-body {
    opacity: 0
}

.is-2016 .p-ayumi-sony-semiconductor__content .js-scrollAnimation-body.history-active {
    -webkit-animation: anm-body .5s ease-in-out 2s forwards;
    animation: anm-body .5s ease-in-out 2s forwards
}

@media (min-width: 768px) {
    .is-2016 .p-ayumi-sony-semiconductor__content .js-scrollAnimation-year {
        margin-left: -40px
    }

    .is-2016 .p-ayumi-sony-semiconductor__content .js-scrollAnimation-year {
        margin-left: auto;
        font-size: 80px
    }

    .is-2016 .p-ayumi-sony-semiconductor__content .js-scrollAnimation-year::after {
        top: -150px;
        height: 91px
    }

    .is-2016 .p-ayumi-sony-semiconductor__content .js-scrollAnimation-lead {
        width: 380px;
        height: 361px;
        margin-top: 20px;
        margin-bottom: 40px;
        margin-left: auto;
        margin-right: 120px
    }

    .is-2016 .p-ayumi-sony-semiconductor__content .js-scrollAnimation-lead::before {
        width: 360px;
        height: 341px
    }

    .is-2016 .p-ayumi-sony-semiconductor__content .js-scrollAnimation-body {
        width: 995px
    }
}

.is-2022 .p-ayumi-sony-semiconductor__content .js-scrollAnimation-year {
    margin: 0 auto
}

.is-2022 .p-ayumi-sony-semiconductor__content .js-scrollAnimation-lead {
    width: 220px;
    height: 205px;
    margin: 10px auto 250px
}

.is-2022 .p-ayumi-sony-semiconductor__content .js-scrollAnimation-year {
    opacity: 0;
    font-size: 50px
}

.is-2022 .p-ayumi-sony-semiconductor__content .js-scrollAnimation-year.history-active {
    -webkit-animation: anm-year .5s ease-in-out 0s forwards;
    animation: anm-year .5s ease-in-out 0s forwards
}

.is-2022 .p-ayumi-sony-semiconductor__content .js-scrollAnimation-lead::before {
    content: "";
    position: absolute;
    background: #fff;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    transition: .7s;
    width: 200px;
    height: 185px
}

.is-2022 .p-ayumi-sony-semiconductor__content .js-scrollAnimation-lead.history-active::before {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    transition-delay: 1s
}

.is-2022 .p-ayumi-sony-semiconductor__content .js-scrollAnimation-lead p {
    opacity: 0;
    font-size: 17px;
    line-height: 27px
}

.is-2022 .p-ayumi-sony-semiconductor__content .js-scrollAnimation-lead.history-active p {
    -webkit-animation: anm-leadtext .5s ease-in-out 1.5s forwards;
    animation: anm-leadtext .5s ease-in-out 1.5s forwards
}

.is-2022 .p-ayumi-sony-semiconductor__content .js-scrollAnimation-body {
    opacity: 0
}

.is-2022 .p-ayumi-sony-semiconductor__content .js-scrollAnimation-body.history-active {
    -webkit-animation: anm-body .5s ease-in-out 1.8s forwards;
    animation: anm-body .5s ease-in-out 1.8s forwards
}

@media (min-width: 768px) {
    .is-2022 .p-ayumi-sony-semiconductor__content .js-scrollAnimation-year {
        margin-left: 0;
        font-size: 140px
    }

    .is-2022 .p-ayumi-sony-semiconductor__content .js-scrollAnimation-year::after {
        top: -150px;
        height: 91px
    }

    .is-2022 .p-ayumi-sony-semiconductor__content .js-scrollAnimation-lead {
        width: 497px;
        height: 462px;
        margin: 30px 0 0 -40px
    }

    .is-2022 .p-ayumi-sony-semiconductor__content .js-scrollAnimation-lead p {
        font-size: 40px;
        line-height: 70px
    }

    .is-2022 .p-ayumi-sony-semiconductor__content .js-scrollAnimation-lead::before {
        width: 477px;
        height: 442px
    }

    .is-2022 .p-ayumi-sony-semiconductor__content .js-scrollAnimation-body {
        width: 482px;
        margin-left: auto;
        margin-top: -220px
    }
}

.p-ayumi-sony-semiconductor__image {
    position: absolute
}

.p-ayumi-sony-semiconductor__image .history-image {
    position: relative;
    overflow: hidden
}

.p-ayumi-sony-semiconductor__image .history-image > img {
    position: relative;
    width: 100%;
    height: auto;
    opacity: 0;
    left: -100%;
    transition: .7s
}

.p-ayumi-sony-semiconductor__image .history-image.history-active img {
    opacity: 1;
    left: 0
}

.is-1953 .p-ayumi-sony-semiconductor__image {
    top: 20px;
    right: -10px;
    width: 187px
}

.is-1953 .p-ayumi-sony-semiconductor__image .history-image.history-active img {
    transition-delay: .5s
}

@media (min-width: 768px) {
    .is-1953 .p-ayumi-sony-semiconductor__image {
        top: 40px;
        right: -90px;
        width: 585px
    }
}

.is-1960 .p-ayumi-sony-semiconductor__image {
    top: 40px;
    left: -10px;
    width: 175px
}

.is-1960 .p-ayumi-sony-semiconductor__image .history-image.history-active img {
    transition-delay: .5s
}

@media (min-width: 768px) {
    .is-1960 .p-ayumi-sony-semiconductor__image {
        top: 40px;
        left: -110px;
        width: 585px
    }
}

.is-1970 .p-ayumi-sony-semiconductor__image {
    top: 50px;
    right: -10px;
    width: 163px
}

.is-1970 .p-ayumi-sony-semiconductor__image .history-image.history-active img {
    transition-delay: .5s
}

@media (min-width: 768px) {
    .is-1970 .p-ayumi-sony-semiconductor__image {
        top: 240px;
        right: -100px;
        width: 482px
    }
}

.is-1980 .p-ayumi-sony-semiconductor__image {
    top: 40px;
    left: -10px;
    width: 186px
}

.is-1980 .p-ayumi-sony-semiconductor__image .history-image.history-active img {
    transition-delay: .5s
}

@media (min-width: 768px) {
    .is-1980 .p-ayumi-sony-semiconductor__image {
        top: 60px;
        left: -110px;
        width: 585px
    }
}

.is-1986 .p-ayumi-sony-semiconductor__image {
    top: 145px;
    right: 0;
    left: 0;
    margin: 0 auto;
    width: 186px
}

.is-1986 .p-ayumi-sony-semiconductor__image .history-image.history-active img {
    transition-delay: .5s
}

@media (min-width: 768px) {
    .is-1986 .p-ayumi-sony-semiconductor__image {
        top: 60px;
        width: 585px;
        right: -80px;
        margin: 0 0 0 auto
    }
}

.is-2001 .p-ayumi-sony-semiconductor__image {
    top: 70px;
    right: -10px;
    width: 186px
}

.is-2001 .p-ayumi-sony-semiconductor__image .history-image.history-active img {
    transition-delay: .5s
}

@media (min-width: 768px) {
    .is-2001 .p-ayumi-sony-semiconductor__image {
        top: 160px;
        right: -100px;
        width: 585px
    }
}

.is-2004 .p-ayumi-sony-semiconductor__image {
    top: -20px;
    right: -10px;
    width: 186px
}

.is-2004 .p-ayumi-sony-semiconductor__image .history-image.history-active img {
    transition-delay: .5s
}

@media (min-width: 768px) {
    .is-2004 .p-ayumi-sony-semiconductor__image {
        top: -130px;
        right: -130px;
        width: 585px
    }
}

.is-2006 .p-ayumi-sony-semiconductor__image {
    top: 0px;
    left: 0;
    width: 160px;
    z-index: 1
}

.is-2006 .p-ayumi-sony-semiconductor__image .history-image.history-active img {
    transition-delay: .5s
}

@media (min-width: 768px) {
    .is-2006 .p-ayumi-sony-semiconductor__image {
        top: 90px;
        left: -70px;
        width: 585px
    }

    .is-2006 .p-ayumi-sony-semiconductor__image.translation_page {
        left: -90px
    }
}

.is-2011 .p-ayumi-sony-semiconductor__image {
    top: 85px;
    right: -10px;
    width: 205px
}

.is-2011 .p-ayumi-sony-semiconductor__image .history-image.history-active img {
    transition-delay: .5s
}

@media (min-width: 768px) {
    .is-2011 .p-ayumi-sony-semiconductor__image {
        top: 150px;
        right: 0;
        width: 585px
    }
}

.is-2016 .p-ayumi-sony-semiconductor__image {
    top: 30px;
    left: -10px;
    width: 239px
}

.is-2016 .p-ayumi-sony-semiconductor__image .history-image.history-active img {
    transition-delay: .5s
}

@media (min-width: 768px) {
    .is-2016 .p-ayumi-sony-semiconductor__image {
        top: 60px;
        left: 0;
        width: 585px
    }
}

.is-2022 .p-ayumi-sony-semiconductor__image {
    top: 290px;
    right: 0;
    left: 0;
    margin: 0 auto;
    width: 100%
}

.is-2022 .p-ayumi-sony-semiconductor__image .history-image.history-active img {
    transition-delay: .5s
}

@media (min-width: 768px) {
    .is-2022 .p-ayumi-sony-semiconductor__image {
        top: 80px;
        width: 482px;
        margin: 0 0 0 auto
    }
}

.p-homepage {
    padding: 100px 0
}

@media (max-width: 767px) {
    .p-homepage {
        padding: 75px 0
    }
}

.p-homepage-mv__item {
    background-position: center center;
    background-size: cover
}

.p-homepage-mv__item.swiper-slide {
    height: 600px
}

@media (max-width: 767px) {
    .p-homepage-mv__item {
        min-height: 0%;
        height: calc(94vw - 45px) !important
    }
}

.p-homepage-mv__main-copy .logo {
    display: block;
    width: 65%;
    margin: 0 auto 10px
}

@media (min-width: 768px) {
    .p-homepage-mv__main-copy .logo {
        width: 472px;
        margin-bottom: 30px
    }
}

.p-homepage-mv__view-more {
    position: absolute;
    right: 0;
    left: 0;
    margin: 0 auto;
    z-index: 10;
    bottom: 15px
}

@media (min-width: 768px) {
    .p-homepage-mv__view-more {
        bottom: 40px
    }
}

.p-homepage-mv__view-more .c-button {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 120px;
    height: 25px;
    margin: 0 auto;
    color: #fff;
    font-size: 10px;
    border: solid 1px #fff;
    font-family: "SSTJapanese W55 Regular", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif
}

[lang=en] .p-homepage-mv__view-more .c-button {
    font-family: "SST W20 Roman", "Helvetica Neue", Helvetica, Arial, sans-serif
}

[lang=zh-CN] .p-homepage-mv__view-more .c-button {
    font-family: "SST W20 Roman", "Hiragino Kaku Gothic ProN", "Heiti TC", Roboto, Droid, "Helvetica Neue", Helvetica, Arial, sans-serif
}

@media (min-width: 768px) {
    .p-homepage-mv__view-more .c-button {
        width: 150px;
        height: 30px
    }
}

.p-homepage-mv__view-more .u-link-arrow::after {
    height: 6px;
    width: 6px;
    margin-left: 10px
}

.p-homepage-mv .swiper-pagination {
    position: static;
    padding: 0 16px;
    color: #fff;
    text-align: right
}

.p-homepage-mv .swiper-controler {
    display: flex;
    align-items: center;
    position: absolute;
    z-index: 10;
    right: 16px;
    bottom: 16px;
    color: #fff
}

@media (max-width: 767px) {
    .p-homepage-mv .swiper-controler {
        right: 8px;
        bottom: 8px
    }
}

.p-homepage-mv .swiper-controler > button {
    display: flex;
    align-items: center;
    padding: 0 4px;
    height: 20px;
    width: 20px;
    background: none;
    border: none;
    font-size: 1px;
    color: rgba(0, 0, 0, 0);
    white-space: nowrap;
    cursor: pointer
}

.p-homepage-mv .swiper-controler .active {
    color: #fff
}

.p-homepage-mv .swiper-controler .play::before {
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 0 5px 10px;
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #fff;
    content: ""
}

.p-homepage-mv .swiper-controler .stop::before {
    display: block;
    font-size: 20px;
    content: "=";
    color: #fff;
    vertical-align: middle
}

.p-homepage__title {
    margin-bottom: 25px;
    font-size: 25px;
    line-height: 43px;
    line-height: 1.2;
    text-align: center
}

@media (min-width: 768px) {
    .p-homepage__title {
        margin-bottom: 40px;
        font-size: 40px
    }
}

@media (min-width: 768px) {
    .p-homepage__topics {
        display: flex;
        flex-wrap: wrap
    }
}

.p-homepage__topics__child {
    margin: 0px 0 60px
}

@media (min-width: 768px) {
    .p-homepage__topics__child {
        width: calc((100% - 60px) / 3);
        margin-left: 30px
    }

    .p-homepage__topics__child:nth-child(3n+1) {
        margin-left: 0
    }
}

.p-homepage__topics__child__photo {
    margin-bottom: 20px
}

.p-homepage__topics__child__content {
    display: flex;
    flex-direction: column;
    padding: 0 10px
}

.p-homepage__topics__child__content__tagdate {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-bottom: 15px;
    color: #000
}

.p-homepage__topics__child__content__tagdate-tag {
    background-color: #c8d5eb;
    padding: 3px;
    min-width: 130px;
    text-align: center
}

.p-homepage__topics__child__content__tagdate-tag.is-product {
    background-color: #cbe3e4
}

.p-homepage__topics__child__content__tagdate-tag.is-field {
    background-color: #cee2d4
}

.p-homepage__topics__child__content__tagdate-tag.is-technology {
    background-color: #ddd1e4
}

.p-homepage__topics__child__content__tagdate-tag.is-group {
    background-color: #c3d5eb
}

.p-homepage__topics__child__content__tagdate-tag.is-feature {
    background-color: #efd9e0
}

.p-homepage__topics__child__content__tagdate-tag.is-news {
    background-color: #f6e2d4
}

.p-homepage__topics__child__content__tagdate-tag.is-recruit {
    background-color: #f0f0d3
}

.p-homepage__topics__child__content__tagdate-tag.is-others {
    background-color: #dfe1e4
}

.p-homepage__topics__child__content__tagdate-date {
    margin-left: 18px
}

.p-homepage__topics__child__content__corp {
    margin-bottom: 15px
}

.p-homepage__topics__child__content__title {
    font-size: 18px
}

.p-homepage__feature {
    position: relative;
    background: url("../image/home_feature_bg_sp.jpg") no-repeat center center;
    background-size: cover;
    color: #fff
}

.p-homepage__feature .l-container {
    position: relative;
    z-index: 1
}

@media (min-width: 768px) {
    .p-homepage__feature {
        background-image: url("../image/home_feature_bg.jpg")
    }
}

.p-homepage__feature__container {
    display: flex;
    align-items: center;
    padding: 30px 15px
}

@media (min-width: 768px) {
    .p-homepage__feature__container {
        height: 480px;
        padding: 0
    }
}

.p-homepage__feature__title01 {
    text-align: center;
    font-size: 25px;
    margin-bottom: 30px
}

@media (min-width: 768px) {
    .p-homepage__feature__title01 {
        font-size: 40px;
        text-align: left
    }
}

.p-homepage__feature__title02 {
    font-size: 17px;
    line-height: 1.43;
    margin-bottom: 10px
}

.p-homepage__feature__title02::after {
    display: inline-block;
    margin-left: 10px;
    height: 12px;
    width: 12px;
    border: solid #fff;
    border-width: 2px 2px 0 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    content: ""
}

@media (min-width: 768px) {
    .p-homepage__feature__title02 {
        max-width: 780px;
        margin-bottom: 30px;
        font-size: 32px
    }

    .p-homepage__feature__title02::after {
        margin-left: 20px;
        height: 20px;
        width: 20px;
        border-width: 4px 4px 0 0
    }
}

@media (min-width: 768px) {
    .p-homepage__feature__text {
        max-width: 780px;
        font-size: 18px
    }
}

.p-homepage__feature__detailbtn {
    margin: 20px auto 0;
    display: flex;
    width: 200px
}

@media (min-width: 768px) {
    .p-homepage__feature__detailbtn {
        width: 250px;
        margin: 30px 0 0 0
    }
}

.p-homepage__product__imagecontent {
    display: flex;
    flex-direction: column;
    align-items: center
}

.p-homepage__product__imagecontent img {
    width: auto;
    height: 160px
}

@media (min-width: 768px) {
    .p-homepage__product__imagecontent img {
        height: 300px
    }
}

.p-homepage__product__textcontent {
    padding: 0 20px
}

.p-homepage__product__textcontent .c-button {
    margin: 25px auto
}

@media (min-width: 768px) {
    .p-homepage__product__textcontent .c-button {
        margin-top: 40px
    }
}

.p-homepage__product__textcontent__title {
    font-family: "SST W55 Bold", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 18px;
    margin: 20px 0
}

[lang=en] .p-homepage__product__textcontent__title {
    font-family: "SST W20 Bold", sans-serif
}

[lang=zh-CN] .p-homepage__product__textcontent__title {
    font-family: "SST W20 Bold", sans-serif;
    font-weight: bold
}

@media (min-width: 768px) {
    .p-homepage__product__textcontent__title {
        font-size: 36px;
        text-align: center;
        margin: 35px 0
    }
}

.p-homepage__product__textcontent__text {
    font-family: "SST W55 Light", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif
}

[lang=en] .p-homepage__product__textcontent__text {
    font-family: "SST W20 Light", sans-serif
}

[lang=zh-CN] .p-homepage__product__textcontent__text {
    font-family: "SST W20 Light", sans-serif
}

@media (min-width: 768px) {
    .p-homepage__product__textcontent__text {
        font-size: 16px;
        height: auto;
        max-width: 750px
    }
}

@media (min-width: 768px) {
    .p-homepage-product-information .slide-top-wrap {
        background-color: #fafafa;
        margin: 0 calc(50% - 50vw)
    }
}

.p-homepage-product-information .swiper-container.slider {
    height: auto;
    background-color: #fafafa;
    margin: 22px calc(50% - 50vw) 0;
    padding: 50px calc(50vw - 50%) 30px;
    position: relative;
    z-index: 0
}

@media (min-width: 768px) {
    .p-homepage-product-information .swiper-container.slider {
        max-width: 982px;
        width: 100%;
        padding: 30px 0 40px;
        margin: 40px auto 30px
    }
}

@media (min-width: 768px) {
    .p-homepage-product-information .swiper-container.slider .swiper-wrapper {
        max-width: 982px
    }
}

.p-homepage-product-information .swiper-container.slider .swiper-slide {
    display: flex;
    flex-direction: column;
    align-items: center
}

.p-homepage-product-information .swiper-container.slider .swiper-slide:not(.swiper-slide-active) a {
    display: none
}

.p-homepage-product-information .swiper-container.slider .swiper-button-next, .p-homepage-product-information .swiper-container.slider .swiper-button-prev {
    top: 25%;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border: none;
    border-radius: 50%;
    background-image: none;
    background-color: #485d6e;
    transition: color .3s, background-color .3s
}

.p-homepage-product-information .swiper-container.slider .swiper-button-next:hover, .p-homepage-product-information .swiper-container.slider .swiper-button-prev:hover {
    background-color: #3269ff
}

.p-homepage-product-information .swiper-container.slider .swiper-button-next:hover::before, .p-homepage-product-information .swiper-container.slider .swiper-button-prev:hover::before {
    color: #3269ff
}

.p-homepage-product-information .swiper-container.slider .swiper-button-next::after, .p-homepage-product-information .swiper-container.slider .swiper-button-prev::after {
    font-size: 16px;
    color: #fff
}

.p-homepage-product-information .swiper-container.slider .swiper-button-next .label, .p-homepage-product-information .swiper-container.slider .swiper-button-next::before, .p-homepage-product-information .swiper-container.slider .swiper-button-prev .label, .p-homepage-product-information .swiper-container.slider .swiper-button-prev::before {
    position: absolute;
    top: 100%;
    color: #485d6e;
    margin-top: 4px
}

@media (min-width: 768px) {
    .p-homepage-product-information .swiper-container.slider .swiper-button-next, .p-homepage-product-information .swiper-container.slider .swiper-button-prev {
        top: 55%;
        width: 60px;
        height: 60px;
        background-size: 60px 90px
    }

    .p-homepage-product-information .swiper-container.slider .swiper-button-next::after, .p-homepage-product-information .swiper-container.slider .swiper-button-prev::after {
        font-size: 30px
    }
}

.p-homepage-product-information .swiper-container.slider .swiper-button-next::after {
    margin-left: 40%;
    content: "〉"
}

.p-homepage-product-information .swiper-container.slider .swiper-button-prev::after {
    margin-right: 40%;
    content: "〈"
}

.p-homepage-product-information .swiper-container.slider-thumbnail {
    height: auto;
    margin-top: 30px;
    z-index: 0
}

@media (max-width: 767px) {
    .p-homepage-product-information .swiper-container.slider-thumbnail .swiper-wrapper::after {
        content: "";
        display: block;
        width: 115px
    }
}

.p-homepage-product-information .swiper-container.slider-thumbnail .swiper-wrapper .swiper-slide {
    padding: 1px 0;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    cursor: pointer
}

.p-homepage-product-information .swiper-container.slider-thumbnail .swiper-wrapper .swiper-slide p {
    margin: 10px 0 0px
}

.p-homepage-product-information .swiper-container.slider-thumbnail .swiper-wrapper .swiper-slide.swiper-slide-thumb-active img {
    border: solid 1px #365b97
}

.p-homepage-product-information .swiper-container.slider-thumbnail .swiper-wrapper .swiper-slide.swiper-slide-thumb-active p {
    color: #365b97
}

.p-homepage-product-information .swiper-container.slider-thumbnail .swiper-wrapper .p-homepage-thumbnail {
    height: 80px;
    display: flex;
    justify-content: center;
    align-items: center
}

.p-homepage-product-information .swiper-container.slider-thumbnail .swiper-wrapper .p-homepage-thumbnail img {
    height: 80px;
    -o-object-fit: contain;
    object-fit: contain
}

.p-homepage__recruit {
    background: #f5f5f3 url(../image/home_saiyo_bg_sp.jpg) no-repeat center center/cover;
    color: #fff
}

.p-homepage__recruit .c-button {
    margin: 0 auto
}

@media (min-width: 768px) {
    .p-homepage__recruit {
        background-image: url(../image/home_saiyo_bg1.jpg)
    }
}

.p-homepage__recruit__container {
    padding: 45px 0
}

@media (min-width: 768px) {
    .p-homepage__recruit__container {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 480px
    }
}

.p-homepage__recruit__textcontent {
    margin-bottom: 30px;
    padding: 0 10px
}

.p-homepage__recruit__textcontent__title {
    font-family: "SST W55 Bold", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 17px;
    margin-bottom: 10px
}

[lang=en] .p-homepage__recruit__textcontent__title {
    font-family: "SST W20 Bold", sans-serif
}

[lang=zh-CN] .p-homepage__recruit__textcontent__title {
    font-family: "SST W20 Bold", sans-serif;
    font-weight: bold
}

@media (min-width: 768px) {
    .p-homepage__recruit__textcontent__title {
        margin-bottom: 20px;
        font-size: 32px;
        text-align: center
    }
}

.p-homepage__recruit__textcontent__text {
    font-family: "SST W55 Light", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif
}

[lang=en] .p-homepage__recruit__textcontent__text {
    font-family: "SST W20 Light", sans-serif
}

[lang=zh-CN] .p-homepage__recruit__textcontent__text {
    font-family: "SST W20 Light", sans-serif
}

@media (min-width: 768px) {
    .p-homepage__recruit__textcontent__text {
        font-size: 18px;
        text-align: center
    }
}

.p-homepage__recruit__photo {
    margin: 0 calc(50% - 50vw) 50px;
    display: block
}

.p-homepage__recruit__photo img {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.p-homepage__news {
    padding: 0 10px 0
}

.p-homepage__news__child {
    display: flex;
    flex-direction: column;
    border-top: solid 1px #e8e8e8;
    padding: 15px 5px
}

@media (min-width: 768px) {
    .p-homepage__news__child {
        flex-direction: row;
        align-items: center;
        border-top: none;
        border-bottom: solid 1px #e8e8e8;
        padding: 20px 10px
    }
}

.p-homepage__news__child:last-child {
    border-bottom: solid 1px #e8e8e8
}

.p-homepage__news__child__date {
    font-family: "SST W55 Light", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    margin-bottom: 10px
}

[lang=en] .p-homepage__news__child__date {
    font-family: "SST W20 Light", sans-serif
}

[lang=zh-CN] .p-homepage__news__child__date {
    font-family: "SST W20 Light", sans-serif
}

@media (min-width: 768px) {
    .p-homepage__news__child__date {
        margin-bottom: 0;
        margin-right: 10px;
        min-width: 150px
    }
}

.p-homepage__news__child__title {
    font-family: "SST W55 Light", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    position: relative;
    display: inline-block;
    font-size: 13px;
    line-height: 20px
}

[lang=en] .p-homepage__news__child__title {
    font-family: "SST W20 Light", sans-serif
}

[lang=zh-CN] .p-homepage__news__child__title {
    font-family: "SST W20 Light", sans-serif
}

@media (min-width: 768px) {
    .p-homepage__news__child__title {
        font-size: 16px
    }
}

.p-inquiry {
    padding: 35px 0
}

@media (min-width: 768px) {
    .p-inquiry {
        padding: 50px 0
    }
}

@media (min-width: 768px) {
    .p-inquiry:last-child {
        margin-bottom: 100px
    }
}

@media (max-width: 767px) {
    .p-inquiry__agreement a.c-button {
        width: 100%
    }
}

.p-inquiry__head {
    background-color: rgba(255, 255, 255, .85);
    padding: 30px;
    min-height: 150px;
    border-bottom: solid 1px #e0e1e4
}

@media (max-width: 767px) {
    .p-inquiry__head {
        justify-content: center;
        align-items: center
    }
}

@media (min-width: 768px) {
    .p-inquiry__head {
        padding: 100px 60px
    }
}

.p-inquiry__head__bg {
    background-color: #fff
}

.p-inquiry__head__heading {
    margin: 0
}

.p-inquiry__head__bread {
    margin-top: 110px
}

.p-inquiry__content__title {
    line-height: 25px
}

@media (min-width: 768px) {
    .p-inquiry__content__title {
        font-family: "SST W55 Bold", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
        font-size: 24px;
        line-height: 28px;
        margin-bottom: 20px
    }

    [lang=en] .p-inquiry__content__title {
        font-family: "SST W20 Bold", sans-serif
    }

    [lang=zh-CN] .p-inquiry__content__title {
        font-family: "SST W20 Bold", sans-serif;
        font-weight: bold
    }

    [lang=en] .p-inquiry__content__title {
        font-size: 18px
    }
}

@media (max-width: 767px) {
    .p-inquiry__content__title {
        font-family: "SST W55 Light", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
        padding: 0 20px
    }

    [lang=en] .p-inquiry__content__title {
        font-family: "SST W20 Light", sans-serif
    }

    [lang=zh-CN] .p-inquiry__content__title {
        font-family: "SST W20 Light", sans-serif
    }
}

.p-inquiry__content__text {
    margin: 1.8em 0;
    line-height: 25px;
    font-family: "SST W55 Light", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif
}

[lang=en] .p-inquiry__content__text {
    font-family: "SST W20 Light", sans-serif
}

[lang=zh-CN] .p-inquiry__content__text {
    font-family: "SST W20 Light", sans-serif
}

@media (max-width: 767px) {
    .p-inquiry__content__text {
        padding: 0 20px
    }
}

.p-inquiry__content__text.en_indent {
    text-indent: -1em;
    padding: 0 0 0 1em
}

.p-inquiry__content__text--align-right {
    margin: 1.8em 0;
    line-height: 25px;
    font-family: "SST W55 Light", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    text-align: right
}

[lang=en] .p-inquiry__content__text--align-right {
    font-family: "SST W20 Light", sans-serif
}

[lang=zh-CN] .p-inquiry__content__text--align-right {
    font-family: "SST W20 Light", sans-serif
}

@media (max-width: 767px) {
    .p-inquiry__content__text--align-right {
        padding: 0 20px
    }
}

.p-inquiry__content__text--align-center {
    margin: 1.8em 0;
    line-height: 25px;
    font-family: "SST W55 Light", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    text-align: center
}

[lang=en] .p-inquiry__content__text--align-center {
    font-family: "SST W20 Light", sans-serif
}

[lang=zh-CN] .p-inquiry__content__text--align-center {
    font-family: "SST W20 Light", sans-serif
}

@media (max-width: 767px) {
    .p-inquiry__content__text--align-center {
        padding: 0 20px
    }
}

.p-inquiry__content__link {
    position: relative;
    text-decoration: underline;
    color: #375b95
}

.p-inquiry__content__link::after {
    content: "";
    display: inline-block;
    width: 16px;
    height: 12px;
    background: url(../image/icon-external-link_blue.svg) no-repeat 0/contain;
    position: absolute;
    top: 50%;
    margin-top: -5px
}

@media (min-width: 768px) {
    .p-inquiry__content__link::after {
        width: 18px;
        height: 13px
    }
}

.p-inquiry__content__list {
    padding: 0 20px;
    margin: 1.8em 0
}

.p-inquiry__content__list.list--decimal {
    list-style-type: decimal
}

.p-inquiry__content__list.list--upper-roman {
    list-style-type: upper-roman;
    padding-left: 1em
}

@media (min-width: 768px) {
    .p-inquiry__content__list {
        padding: 0 40px
    }
}

.p-inquiry__content__list > li {
    margin: 1.8em 0;
    font-family: "SST W55 Light", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif
}

[lang=en] .p-inquiry__content__list > li {
    font-family: "SST W20 Light", sans-serif
}

[lang=zh-CN] .p-inquiry__content__list > li {
    font-family: "SST W20 Light", sans-serif
}

.p-inquiry__content__list > li a {
    text-decoration: underline
}

.p-inquiry__content__list > li h5 {
    font-size: 18px;
    font-weight: bold
}

.p-inquiry__content__list ol, .p-inquiry__content__list ul {
    margin: 1em 0 1em 1em
}

.p-inquiry__content__btnwrap {
    display: flex;
    flex-direction: column
}

@media (min-width: 768px) {
    .p-inquiry__content__btnwrap {
        flex-direction: row
    }
}

.p-inquiry__content__button {
    margin: 10px auto 0;
    padding: 0;
    text-align: center
}

[lang=en] .p-inquiry__content__button {
    width: 47%
}

.p-inquiry__table {
    border-collapse: collapse;
    width: 100%;
    text-indent: 0
}

.p-inquiry__table td, .p-inquiry__table th {
    border: 1px solid #dfdedd;
    text-align: center;
    vertical-align: middle;
    padding: 5px;
    line-height: 1.875
}

.p-inquiry__table th {
    background-color: #dfdedd
}

[lang=en] .p-inquiry__subtitle__item {
    font-weight: 18px;
    font-weight: bold
}

.list__item--dot::before {
    content: "・"
}

.list__item--dash::before {
    content: "-"
}

.list__item--diam::before {
    content: "♦"
}

.list__item--arrow::before {
    content: ">"
}

.list__item--indent1 {
    text-indent: -0.5em;
    padding-left: 1em
}

.list__item--indent2 {
    text-indent: -1.5em;
    padding-left: 2em
}

.list__item--indent3 {
    text-indent: -2.5em;
    padding-left: 3em
}

.p-job {
    background-color: #fff;
    position: relative
}

.p-job-page-header {
    height: 100%
}

@media (min-width: 768px) {
    .p-job-page-header {
        height: 1050px
    }
}

.p-job-page-header + section {
    padding-top: 0
}

.p-job-page-header__video {
    width: 100%;
    height: 100vh;
    -o-object-fit: cover;
    object-fit: cover;
    position: fixed;
    top: 0;
    z-index: -1
}

.p-job-page-header__bg {
    position: relative;
    margin: 7px auto 45px
}

@media (min-width: 768px) {
    .p-job-page-header__bg {
        margin: 182px auto 0
    }
}

.p-job-page-header__container {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0 10px;
    margin-top: 61px
}

@media (min-width: 768px) {
    .p-job-page-header__container {
        padding: 0;
        margin-top: 0
    }
}

.p-job-page-header__heading {
    font-family: "SST W55 Bold", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    color: #fff;
    text-align: center;
    font-size: 25px;
    line-height: 1.44;
    margin: 0 0 80px;
    position: relative
}

[lang=en] .p-job-page-header__heading {
    font-family: "SST W20 Bold", sans-serif
}

[lang=zh-CN] .p-job-page-header__heading {
    font-family: "SST W20 Bold", sans-serif;
    font-weight: bold
}

@media (min-width: 768px) {
    .p-job-page-header__heading {
        margin: 0 0 240px;
        font-size: 60px
    }
}

.p-job-page-header__heading::after {
    content: ""
}

.p-job-page-header__sub-heading {
    font-size: 16px;
    font-family: "SSTJapanese W55 Regular", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif
}

[lang=en] .p-job-page-header__sub-heading {
    font-family: "SST W20 Roman", "Helvetica Neue", Helvetica, Arial, sans-serif
}

[lang=zh-CN] .p-job-page-header__sub-heading {
    font-family: "SST W20 Roman", "Hiragino Kaku Gothic ProN", "Heiti TC", Roboto, Droid, "Helvetica Neue", Helvetica, Arial, sans-serif
}

@media (max-width: 767px) {
    .p-job-page-header__sub-heading {
        font-size: 13px;
        text-align: center
    }
}

.p-job-page-header__body {
    font-family: "SST W55 Light", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    text-align: center;
    color: #fff;
    font-size: 12px;
    line-height: 35px
}

[lang=en] .p-job-page-header__body {
    font-family: "SST W20 Light", sans-serif
}

[lang=zh-CN] .p-job-page-header__body {
    font-family: "SST W20 Light", sans-serif
}

@media (min-width: 768px) {
    .p-job-page-header__body {
        font-size: 18px;
        line-height: 40px
    }
}

.p-job__topbg {
    margin: 70px auto 0
}

@media (min-width: 768px) {
    .p-job__topbg {
        margin: 110px auto 0
    }
}

.p-job__topbg__title {
    font-family: "SST W55 Bold", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    text-align: center;
    color: #fff;
    font-size: 15px;
    margin: 0 0 13px
}

[lang=en] .p-job__topbg__title {
    font-family: "SST W20 Bold", sans-serif
}

[lang=zh-CN] .p-job__topbg__title {
    font-family: "SST W20 Bold", sans-serif;
    font-weight: bold
}

@media (min-width: 768px) {
    .p-job__topbg__title {
        font-size: 24px;
        margin: 0 0 20px
    }
}

.p-job__topbg__video {
    width: 250px;
    margin: 0 auto
}

@media (min-width: 768px) {
    .p-job__topbg__video {
        width: 380px
    }
}

.p-job__group_info {
    padding: 100px 0 0
}

@media (min-width: 768px) {
    .p-job__group_info {
        padding: 120px 0 60px
    }
}

@media (max-width: 767px) {
    .p-job__group_info {
        margin: 0 20px
    }
}

.p-job__group_info__title {
    font-family: "SST W55 Bold", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 30px;
    margin: 0 0 30px;
    position: relative
}

[lang=en] .p-job__group_info__title {
    font-family: "SST W20 Bold", sans-serif
}

[lang=zh-CN] .p-job__group_info__title {
    font-family: "SST W20 Bold", sans-serif;
    font-weight: bold
}

@media (min-width: 768px) {
    .p-job__group_info__title {
        font-size: 40px;
        margin: 0 0 40px
    }
}

.p-job__group_info__title::after {
    content: "";
    display: block;
    width: 100px;
    height: 1px;
    background-color: #4a494a;
    position: absolute;
    top: 50%;
    left: 190px
}

@media (min-width: 768px) {
    .p-job__group_info__title::after {
        width: 200px;
        left: 260px
    }
}

.p-job__group_info__text {
    font-family: "SST W55 Light", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 12px
}

[lang=en] .p-job__group_info__text {
    font-family: "SST W20 Light", sans-serif
}

[lang=zh-CN] .p-job__group_info__text {
    font-family: "SST W20 Light", sans-serif
}

@media (min-width: 768px) {
    .p-job__group_info__text {
        font-size: 16px
    }
}

@media (min-width: 768px) {
    .p-job__group_info__wrap {
        display: flex;
        align-items: flex-start
    }
}

@media (min-width: 768px) {
    .p-job__group_info__wrap__child:nth-of-type(1) {
        padding: 0;
        margin: 0 150px 0 0
    }
}

.p-job__group_info__wrap__child:nth-of-type(2) {
    margin: 50px 0 0
}

@media (min-width: 768px) {
    .p-job__group_info__wrap__child:nth-of-type(2) {
        margin: 0
    }
}

.p-job__group_info__wrap__child__video-title {
    font-family: "SST W55 Bold", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 17px;
    line-height: 27px;
    margin: 0 0 25px
}

[lang=en] .p-job__group_info__wrap__child__video-title {
    font-family: "SST W20 Bold", sans-serif
}

[lang=zh-CN] .p-job__group_info__wrap__child__video-title {
    font-family: "SST W20 Bold", sans-serif;
    font-weight: bold
}

@media (min-width: 768px) {
    .p-job__group_info__wrap__child__video-title {
        padding: 0
    }
}

.p-job__group_info__content {
    margin: 75px 0 0
}

@media (min-width: 768px) {
    .p-job__group_info__content {
        margin: 170px 0 0
    }
}

.p-job__group_info__content__title {
    font-family: "SST W55 Bold", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 17px;
    margin: 0 0 20px
}

[lang=en] .p-job__group_info__content__title {
    font-family: "SST W20 Bold", sans-serif
}

[lang=zh-CN] .p-job__group_info__content__title {
    font-family: "SST W20 Bold", sans-serif;
    font-weight: bold
}

@media (min-width: 768px) {
    .p-job__group_info__content__title {
        font-size: 28px;
        padding: 0;
        margin: 0 0 30px;
        text-align: center
    }
}

.p-job__group_info__content__text {
    font-family: "SST W55 Light", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 12px;
    margin: 0 0 50px
}

[lang=en] .p-job__group_info__content__text {
    font-family: "SST W20 Light", sans-serif
}

[lang=zh-CN] .p-job__group_info__content__text {
    font-family: "SST W20 Light", sans-serif
}

@media (min-width: 768px) {
    .p-job__group_info__content__text {
        font-size: 16px;
        padding: 0;
        margin: 0 auto 60px;
        width: 995px
    }
}

@media (min-width: 768px) {
    .p-job__group_info__content__photo {
        display: block;
        width: 995px;
        margin: 0 auto
    }
}

.p-job__group_info__content__annotation {
    font-family: "SST W55 Light", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 10px;
    margin: 11px 10px 0;
    letter-spacing: -0.07em
}

[lang=en] .p-job__group_info__content__annotation {
    font-family: "SST W20 Light", sans-serif
}

[lang=zh-CN] .p-job__group_info__content__annotation {
    font-family: "SST W20 Light", sans-serif
}

@media (min-width: 768px) {
    .p-job__group_info__content__annotation {
        font-size: 14px;
        margin: 20px auto 0;
        padding: 0 0 0 20px;
        width: 995px
    }
}

.p-job__business {
    padding: 125px 0
}

@media (min-width: 768px) {
    .p-job__business {
        padding: 120px 0 60px
    }
}

@media (max-width: 767px) {
    .p-job__business {
        margin: 0 20px
    }
}

.p-job__business__title {
    font-family: "SST W55 Bold", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 30px;
    margin: 0 0 30px;
    position: relative
}

[lang=en] .p-job__business__title {
    font-family: "SST W20 Bold", sans-serif
}

[lang=zh-CN] .p-job__business__title {
    font-family: "SST W20 Bold", sans-serif;
    font-weight: bold
}

@media (min-width: 768px) {
    .p-job__business__title {
        font-size: 40px;
        margin: 0 0 40px;
        padding: 0
    }
}

.p-job__business__title::after {
    content: "";
    display: block;
    width: 100px;
    height: 1px;
    background-color: #4a494a;
    position: absolute;
    top: 50%;
    left: 160px
}

@media (min-width: 768px) {
    .p-job__business__title::after {
        width: 200px;
        left: 180px
    }
}

.p-job__business__text {
    font-family: "SST W55 Light", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 12px
}

[lang=en] .p-job__business__text {
    font-family: "SST W20 Light", sans-serif
}

[lang=zh-CN] .p-job__business__text {
    font-family: "SST W20 Light", sans-serif
}

@media (min-width: 768px) {
    .p-job__business__text {
        font-size: 16px;
        padding: 0
    }
}

.p-job__business__content {
    margin: 50px -10px 0
}

@media (min-width: 768px) {
    .p-job__business__content {
        margin: 95px 0 0
    }
}

.p-job__business__content__title {
    font-family: "SST W55 Bold", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 17px;
    padding: 0 0 0 10px;
    margin: 0 0 20px
}

[lang=en] .p-job__business__content__title {
    font-family: "SST W20 Bold", sans-serif
}

[lang=zh-CN] .p-job__business__content__title {
    font-family: "SST W20 Bold", sans-serif;
    font-weight: bold
}

@media (min-width: 768px) {
    .p-job__business__content__title {
        font-size: 28px;
        padding: 0;
        margin: 0 auto 20px;
        width: 993px
    }
}

.p-job__business__content__project-story {
    display: flex;
    flex-direction: column
}

@media (min-width: 768px) {
    .p-job__business__content__project-story {
        flex-direction: row;
        margin: 0 auto;
        width: 993px;
        position: relative
    }
}

.p-job__business__content__project-story__child:nth-of-type(1) {
    width: 238px
}

@media (min-width: 768px) {
    .p-job__business__content__project-story__child:nth-of-type(1) {
        width: 585px
    }
}

.p-job__business__content__project-story__child:nth-of-type(2) {
    width: 300px;
    background-color: #65717d;
    padding: 37px 40px 42px;
    margin: -17px 10px 0 auto
}

@media (min-width: 768px) {
    .p-job__business__content__project-story__child:nth-of-type(2) {
        width: 482px;
        height: 410px;
        padding: 40px 80px;
        margin: 0 auto;
        position: absolute;
        top: -130px;
        right: 0
    }
}

.p-job__business__content__project-story__child__title {
    font-family: "SST W55 Bold", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    color: #fff;
    font-size: 20px;
    line-height: 28px;
    margin: 0 0 20px
}

[lang=en] .p-job__business__content__project-story__child__title {
    font-family: "SST W20 Bold", sans-serif
}

[lang=zh-CN] .p-job__business__content__project-story__child__title {
    font-family: "SST W20 Bold", sans-serif;
    font-weight: bold
}

@media (min-width: 768px) {
    .p-job__business__content__project-story__child__title {
        font-size: 28px;
        line-height: 40px;
        margin: 0 0 25px
    }
}

.p-job__business__content__project-story__child__text {
    font-family: "SST W55 Light", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    color: #fff;
    font-size: 12px;
    line-height: 20px;
    letter-spacing: -0.04em;
    margin: 0 0 10px
}

[lang=en] .p-job__business__content__project-story__child__text {
    font-family: "SST W20 Light", sans-serif
}

[lang=zh-CN] .p-job__business__content__project-story__child__text {
    font-family: "SST W20 Light", sans-serif
}

@media (min-width: 768px) {
    .p-job__business__content__project-story__child__text {
        font-size: 16px;
        line-height: 28px;
        margin: 0 0 20px
    }
}

.p-job__business__content__project-story__child__link {
    margin: 0 auto;
    display: flex;
    width: 100%;
    min-width: 100%
}

@media (max-width: 767px) {
    .p-job__business__content__project-story__child__link {
        min-width: 100%
    }
}

@media (min-width: 768px) {
    .p-job__business__content__project-story__child__link {
        width: 250px
    }
}

.p-job__business__link {
    margin: 75px 0 0
}

.p-job__business__link__title {
    font-family: "SST W55 Bold", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 17px;
    margin: 0 0 40px
}

[lang=en] .p-job__business__link__title {
    font-family: "SST W20 Bold", sans-serif
}

[lang=zh-CN] .p-job__business__link__title {
    font-family: "SST W20 Bold", sans-serif;
    font-weight: bold
}

@media (min-width: 768px) {
    .p-job__business__link__title {
        font-size: 28px;
        width: 995px;
        margin: 0 auto 40px;
        padding: 0
    }
}

@media (min-width: 768px) {
    .p-job__business__link__list {
        width: 995px;
        padding: 0;
        margin: 0 auto;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap
    }
}

.p-job__business__link__list > li {
    margin: 0 0 25px
}

@media (min-width: 768px) {
    .p-job__business__link__list > li {
        margin: 0 0 28px
    }

    .p-job__business__link__list > li:nth-child(odd) {
        width: 70%
    }

    .p-job__business__link__list > li:nth-child(even) {
        width: 30%
    }
}

.p-job__business__link__list > li:last-child {
    margin: 0
}

.p-job__business__link__list > li > a {
    font-size: 12px;
    text-decoration: underline
}

@media (min-width: 768px) {
    .p-job__business__link__list > li > a {
        font-size: 18px
    }
}

.p-job__job-introduction {
    padding: 60px 0 60px
}

@media (min-width: 768px) {
    .p-job__job-introduction {
        padding: 120px 0 60px
    }
}

@media (max-width: 767px) {
    .p-job__job-introduction {
        margin: 0 20px
    }
}

.p-job__job-introduction__title {
    font-family: "SST W55 Bold", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 30px;
    margin: 0 0 30px;
    position: relative
}

[lang=en] .p-job__job-introduction__title {
    font-family: "SST W20 Bold", sans-serif
}

[lang=zh-CN] .p-job__job-introduction__title {
    font-family: "SST W20 Bold", sans-serif;
    font-weight: bold
}

@media (min-width: 768px) {
    .p-job__job-introduction__title {
        font-size: 40px;
        margin: 0 0 40px
    }
}

.p-job__job-introduction__title::after {
    content: "";
    display: block;
    width: 100px;
    height: 1px;
    background-color: #4a494a;
    position: absolute;
    top: 50%;
    left: 140px
}

@media (min-width: 768px) {
    .p-job__job-introduction__title::after {
        width: 200px;
        left: 190px
    }
}

.p-job__job-introduction__text {
    font-family: "SST W55 Light", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 12px
}

[lang=en] .p-job__job-introduction__text {
    font-family: "SST W20 Light", sans-serif
}

[lang=zh-CN] .p-job__job-introduction__text {
    font-family: "SST W20 Light", sans-serif
}

@media (min-width: 768px) {
    .p-job__job-introduction__text {
        font-size: 16px
    }
}

.p-job__job-introduction__linkbtn {
    display: flex;
    width: 299px;
    margin: 0 auto
}

@media (min-width: 768px) {
    .p-job__job-introduction__linkbtn {
        width: 449px;
        margin: 0 auto 10px
    }
}

@media (min-width: 768px) {
    .p-job__job-introduction__wrap {
        display: flex;
        align-items: flex-end
    }
}

@media (min-width: 768px) {
    .p-job__job-introduction__wrap__child:nth-of-type(1) {
        padding: 0;
        margin: 0 150px 0 0
    }
}

.p-job__job-introduction__wrap__child:nth-of-type(2) {
    margin: 50px 0 0
}

@media (min-width: 768px) {
    .p-job__job-introduction__wrap__child:nth-of-type(2) {
        margin: 0
    }
}

.p-job__job-introduction__content {
    margin: 0 calc(50% - 50vw)
}

.p-job__job-introduction__content__bg {
    background: url("../image/jo1_job-introduction_bg_sp.jpg") no-repeat center center;
    background-size: cover;
    width: 100%;
    height: 552px;
    margin: 50px 0 0;
    padding: 100px 5px;
    position: relative
}

@media (min-width: 768px) {
    .p-job__job-introduction__content__bg {
        padding: 60px 0;
        background: url("../image/jo1_job-introduction_bg_pc.jpg") no-repeat center center;
        background-size: cover
    }
}

.p-job__job-introduction__content__bg__gray {
    margin: 0 10px;
    position: relative
}

@media (min-width: 768px) {
    .p-job__job-introduction__content__bg__gray {
        width: 720px;
        margin: 0
    }
}

.p-job__job-introduction__content__bg__gray::before {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-color: #65717d;
    mix-blend-mode: multiply
}

.p-job__job-introduction__content__bg__inner {
    position: relative;
    z-index: 1;
    padding: 40px 20px
}

@media (min-width: 768px) {
    .p-job__job-introduction__content__bg__inner {
        padding: 50px
    }
}

.p-job__job-introduction__content__bg__inner__category {
    font-family: "SST W55 Bold", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    color: #fff;
    font-size: 16px;
    margin: 0 0 16px
}

[lang=en] .p-job__job-introduction__content__bg__inner__category {
    font-family: "SST W20 Bold", sans-serif
}

[lang=zh-CN] .p-job__job-introduction__content__bg__inner__category {
    font-family: "SST W20 Bold", sans-serif;
    font-weight: bold
}

@media (min-width: 768px) {
    .p-job__job-introduction__content__bg__inner__category {
        font-size: 27px;
        margin: 0 0 28px
    }
}

.p-job__job-introduction__content__bg__inner__title {
    font-family: "SST W55 Bold", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    color: #fff;
    font-size: 3rem;
    line-height: 42px;
    margin: 0 0 26px;
    white-space: nowrap
}

[lang=en] .p-job__job-introduction__content__bg__inner__title {
    font-family: "SST W20 Bold", sans-serif
}

[lang=zh-CN] .p-job__job-introduction__content__bg__inner__title {
    font-family: "SST W20 Bold", sans-serif;
    font-weight: bold
}

@media (min-width: 768px) {
    .p-job__job-introduction__content__bg__inner__title {
        font-size: 40px;
        line-height: 55px;
        margin: 0 0 26px
    }
}

.p-job__job-introduction__content__bg__inner__text {
    font-family: "SST W55 Light", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    color: #fff;
    font-size: 12px;
    line-height: 20px;
    margin: 0 0 26px
}

[lang=en] .p-job__job-introduction__content__bg__inner__text {
    font-family: "SST W20 Light", sans-serif
}

[lang=zh-CN] .p-job__job-introduction__content__bg__inner__text {
    font-family: "SST W20 Light", sans-serif
}

@media (min-width: 768px) {
    .p-job__job-introduction__content__bg__inner__text {
        font-size: 20px;
        line-height: 30px;
        margin: 0 0 25px
    }
}

.p-job__job-introduction__content__bg__inner__link {
    min-width: 175px;
    height: 35px;
    padding: 0
}

@media (min-width: 768px) {
    .p-job__job-introduction__content__bg__inner__link {
        min-width: 250px;
        height: 50px;
        padding: 0
    }
}

.p-job__environment {
    padding: 60px 0
}

@media (min-width: 768px) {
    .p-job__environment {
        padding: 120px 0 60px
    }
}

@media (max-width: 767px) {
    .p-job__environment {
        margin: 0 20px
    }
}

.p-job__environment__title {
    font-family: "SST W55 Bold", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 30px;
    margin: 0 0 30px;
    position: relative
}

[lang=en] .p-job__environment__title {
    font-family: "SST W20 Bold", sans-serif
}

[lang=zh-CN] .p-job__environment__title {
    font-family: "SST W20 Bold", sans-serif;
    font-weight: bold
}

@media (min-width: 768px) {
    .p-job__environment__title {
        font-size: 40px;
        margin: 0 0 40px
    }
}

.p-job__environment__title::after {
    content: "";
    display: block;
    width: 100px;
    height: 1px;
    background-color: #4a494a;
    position: absolute;
    top: 50%;
    left: 170px
}

@media (min-width: 768px) {
    .p-job__environment__title::after {
        width: 200px;
        left: 190px
    }
}

.p-job__environment__text {
    font-family: "SST W55 Light", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 12px;
    margin: 0 0 30px
}

[lang=en] .p-job__environment__text {
    font-family: "SST W20 Light", sans-serif
}

[lang=zh-CN] .p-job__environment__text {
    font-family: "SST W20 Light", sans-serif
}

@media (min-width: 768px) {
    .p-job__environment__text {
        font-size: 16px
    }
}

.p-job__environment__content {
    margin: 0 calc(50% - 50vw);
    background: linear-gradient(90deg, #e6f1f2 0%, #e6f1f2 50%, #e6f1e9 50%, #e6f1e9 100%);
    padding: 50px 20px
}

.p-job__environment__content__box {
    display: flex
}

@media (min-width: 768px) {
    .p-job__environment__content__box {
        justify-content: space-between;
        width: 920px;
        margin: 0 auto
    }
}

.p-job__environment__content__box__child {
    width: 50%;
    padding: 0 10px;
    max-width: 420px
}

.p-job__environment__content__box__child__title {
    font-family: "SSTJapanese W55 Regular", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 10px;
    line-height: 18px;
    text-align: center;
    margin: 0 -10px 15px
}

[lang=en] .p-job__environment__content__box__child__title {
    font-family: "SST W20 Roman", "Helvetica Neue", Helvetica, Arial, sans-serif
}

[lang=zh-CN] .p-job__environment__content__box__child__title {
    font-family: "SST W20 Roman", "Hiragino Kaku Gothic ProN", "Heiti TC", Roboto, Droid, "Helvetica Neue", Helvetica, Arial, sans-serif
}

@media (min-width: 768px) {
    .p-job__environment__content__box__child__title {
        font-size: 19px;
        line-height: 30px;
        margin: 0 0 30px
    }
}

.p-job__environment__content__box__child .c-button {
    display: flex;
    min-width: 0;
    padding: 0;
    margin: 0 0 10px;
    border: none;
    font-size: 11px;
    line-height: 17px
}

@media (min-width: 768px) {
    .p-job__environment__content__box__child .c-button {
        height: 70px;
        margin: 0 0 20px;
        font-size: 18px;
        line-height: 30px
    }
}

.p-job__recruit {
    padding: 50px 0
}

@media (min-width: 768px) {
    .p-job__recruit {
        padding: 100px 0
    }
}

@media (max-width: 767px) {
    .p-job__recruit {
        margin: 0 20px
    }
}

.last .p-job__recruit {
    padding-bottom: 0
}

.p-job__recruit__title {
    font-family: "SST W55 Bold", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 30px;
    margin: 0 0 30px;
    position: relative
}

[lang=en] .p-job__recruit__title {
    font-family: "SST W20 Bold", sans-serif
}

[lang=zh-CN] .p-job__recruit__title {
    font-family: "SST W20 Bold", sans-serif;
    font-weight: bold
}

@media (min-width: 768px) {
    .p-job__recruit__title {
        font-size: 40px;
        margin: 0 0 40px
    }
}

.p-job__recruit__title::after {
    content: "";
    display: block;
    width: 100px;
    height: 1px;
    background-color: #4a494a;
    position: absolute;
    top: 50%;
    left: 170px
}

@media (min-width: 768px) {
    .p-job__recruit__title::after {
        width: 200px;
        left: 190px
    }
}

.p-job__recruit__text {
    font-family: "SST W55 Light", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 12px;
    margin: 0 0 30px
}

[lang=en] .p-job__recruit__text {
    font-family: "SST W20 Light", sans-serif
}

[lang=zh-CN] .p-job__recruit__text {
    font-family: "SST W20 Light", sans-serif
}

@media (min-width: 768px) {
    .p-job__recruit__text {
        font-size: 16px
    }
}

.p-job__recruit__content {
    margin: 0 calc(50% - 50vw);
    background: linear-gradient(90deg, #e6f1f2 0%, #e6f1f2 50%, #e6f1e9 50%, #e6f1e9 100%);
    padding: 50px 20px 100px
}

.p-job__recruit__content__box {
    display: flex
}

@media (min-width: 768px) {
    .p-job__recruit__content__box {
        justify-content: space-between;
        width: 920px;
        margin: 0 auto
    }
}

.p-job__recruit__content__box__child {
    position: relative;
    width: 50%;
    padding: 0 10px;
    max-width: 420px
}

.p-job__recruit__content__box__child__title {
    font-family: "SSTJapanese W55 Regular", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 10px;
    line-height: 18px;
    text-align: center;
    margin: 0 -10px 15px
}

[lang=en] .p-job__recruit__content__box__child__title {
    font-family: "SST W20 Roman", "Helvetica Neue", Helvetica, Arial, sans-serif
}

[lang=zh-CN] .p-job__recruit__content__box__child__title {
    font-family: "SST W20 Roman", "Hiragino Kaku Gothic ProN", "Heiti TC", Roboto, Droid, "Helvetica Neue", Helvetica, Arial, sans-serif
}

@media (min-width: 768px) {
    .p-job__recruit__content__box__child__title {
        font-size: 19px;
        line-height: 30px;
        margin: 0 0 30px
    }
}

.p-job__recruit__content__box__child .c-button {
    display: flex;
    min-width: 0;
    padding: 0;
    margin: 0 0 10px;
    border: none;
    font-size: 11px;
    line-height: 17px
}

@media (min-width: 768px) {
    .p-job__recruit__content__box__child .c-button {
        height: 70px;
        margin: 0 0 20px;
        font-size: 18px;
        line-height: 30px
    }
}

.p-job__recruit__content__text-photo_01 {
    position: absolute;
    top: 193px;
    left: -14px;
    width: 7px
}

@media (max-width: 767px) {
    .p-job__recruit__content__text-photo_01 {
        display: none
    }
}

@media (min-width: 768px) {
    .p-job__recruit__content__text-photo_01 {
        width: 15px;
        left: -86px;
        top: 239px
    }
}

.p-job__recruit__content__text-photo_02 {
    position: absolute;
    top: 178px;
    right: -14px;
    width: 7px
}

@media (max-width: 767px) {
    .p-job__recruit__content__text-photo_02 {
        display: none
    }
}

@media (min-width: 768px) {
    .p-job__recruit__content__text-photo_02 {
        width: 15px;
        right: -86px;
        top: 213px
    }
}

.p-news-release {
    padding: 50px 0;
    line-height: 1.6
}

@media (min-width: 768px) {
    .p-news-release {
        padding: 95px 0
    }
}

.p-news-release__pager {
    display: flex;
    margin-bottom: 30px
}

.p-news-release__pager > li {
    position: relative;
    width: 25%
}

.p-news-release__pager > li a {
    display: block;
    text-align: center
}

.p-news-release__pager > li.current a {
    background-color: #4d5b6e;
    color: #fff;
    pointer-events: none
}

.p-news-release__pager > li:not(.current) + li:not(.current)::before {
    display: block;
    position: absolute;
    left: 0;
    height: 20px;
    width: 0;
    border-left: 1px solid #dedfe2;
    content: ""
}

@media (min-width: 768px) {
    .p-news-release__pager > li:not(.current) + li:not(.current)::before {
        height: 25px
    }
}

@media (min-width: 768px) {
    .p-news-release__pager > li {
        min-width: 110px;
        width: auto
    }

    .p-news-release__pager > li a {
        padding: 0 15px
    }
}

.p-news-release__list {
    margin: 0 10px;
    border-top: 1px solid #dedfe2
}

.p-news-release__list li {
    padding: 15px 0;
    border-bottom: 1px solid #dedfe2
}

@media (min-width: 768px) {
    .p-news-release__list {
        margin: 0
    }

    .p-news-release__list li {
        padding: 20px 0
    }
}

.p-news-release__list-item {
    display: flex
}

.p-news-release__list-item .date {
    flex: 0 0 85px
}

.p-news-release__list-item .content {
    flex: 1 1 auto
}

.p-news-release__list-item .label {
    display: inline-block;
    padding: 5px;
    background-color: #e3e5ec;
    font-size: 10px;
    line-height: 1
}

.p-news-release__list-item .title {
    margin-top: 5px
}

@media (min-width: 768px) {
    .p-news-release__list-item .date {
        flex-basis: 170px
    }

    .p-news-release__list-item .label {
        font-size: 12px
    }
}

.p-news-release-detail {
    padding: 50px 0
}

.p-news-release-detail__container {
    margin: 0 10px
}

@media (min-width: 768px) {
    .p-news-release-detail__container {
        margin: 0
    }
}

.p-news-release-detail__header {
    margin: 0 0 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #dcdde0
}

.p-news-release-detail__header .title {
    margin: 20px 0;
    font-size: 18px;
    line-height: 1.42
}

@media (min-width: 768px) {
    .p-news-release-detail__header .title {
        margin: 30px 0;
        font-size: 28px;
        text-align: center
    }
}

.p-news-release-detail__meta {
    margin-top: 40px;
    text-align: right
}

.p-news-release-detail__meta .label {
    display: inline-block;
    padding: 5px;
    font-size: 10px;
    line-height: 1
}

@media (min-width: 768px) {
    .p-news-release-detail__meta {
        margin-top: 60px
    }

    .p-news-release-detail__meta .label {
        font-size: 16px
    }
}

.p-news-release-detail__main {
    padding: 0 0 30px
}

.p-news-release-detail__main hr {
    margin: 50px 0;
    border-color: #dcdde0
}

.p-news-release-detail__main p + p {
    margin-top: 1.6em
}

.p-news-release-detail__back {
    padding: 50px 0 0;
    border-top: 1px solid #dcdde0;
    text-align: center
}

.p-news-release-detail__back .c-button {
    margin: 0 auto
}

@-webkit-keyframes slideIn {
    0% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
        opacity: .5
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

@keyframes slideIn {
    0% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
        opacity: .5
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

@media (min-width: 768px) {
    #detail-content-menu.fixed {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: 9999;
        transition: 1s;
        -webkit-animation: slideIn .5s;
        animation: slideIn .5s
    }
}

@media (max-width: 767px) {
    #detail-content-menu_sp.fixed {
        position: fixed;
        top: 10px;
        left: 0;
        right: 0;
        z-index: 9999;
        -webkit-animation: slideIn 1s;
        animation: slideIn 1s
    }
}

.p-product_detail-full {
    padding: 30px 0
}

@media (min-width: 768px) {
    .p-product_detail-full {
        padding: 50px 0
    }
}

.p-product_detail-full__header__bg {
    position: relative;
    background: #e3e4e7
}

.p-product_detail-full__header__bg picture {
    display: block
}

@media (min-width: 768px) {
    .p-product_detail-full__header__bg picture {
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        left: 50%;
        top: 0;
        height: 100%;
        width: calc(50% - (100vw - 1200px) / 2)
    }
}

@media (min-width: 768px)and (max-width: 1040px) {
    .p-product_detail-full__header__bg picture {
        width: 50%
    }
}

.p-product_detail-full__headwrap {
    display: flex;
    align-items: center;
    flex-direction: column
}

@media (max-width: 767px) {
    .p-product_detail-full__headwrap {
        margin-top: auto
    }
}

@media (min-width: 768px) {
    .p-product_detail-full__headwrap {
        flex-direction: row
    }
}

.p-product_detail-full__headicon {
    margin: 0 auto 10px;
    color: #fff;
    background-color: #042161;
    padding: 3px 20px
}

@media (min-width: 768px) {
    .p-product_detail-full__headicon {
        margin: 0 20px 0 0
    }
}

.p-product_detail-full__headtitle {
    margin: 20px 0 15px
}

.p-product_detail-full__slectwrap {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    margin: 25px auto 0
}

.p-product_detail-full__slectwrap + .p-product_detail-full__slectwrap {
    margin-top: 14px
}

@media (min-width: 768px) {
    .p-product_detail-full__slectwrap {
        margin: 25px 0 0
    }
}

.p-product_detail-full__slect {
    position: relative;
    border: solid 1px #4d5b6e;
    padding: 5px;
    min-width: 64px;
    flex: 0 0 auto;
    text-align: center;
    transition: color .3s, background-color .3s, border .3s
}

.p-product_detail-full__slect:hover {
    color: #fff;
    background-color: #3269ff
}

.p-product_detail-full__slect:hover {
    border-color: #3269ff
}

.p-product_detail-full__slect:hover::after {
    border-color: #fff
}

.p-product_detail-full__slect + .p-product_detail-full__slect {
    margin-left: -1px
}

.p-product_detail-full__slect.u-link-arrow::after {
    margin-left: 0
}

.p-product_detail-full__slect__manufacturer {
    position: relative;
    padding: 6px 15px 6px 15px
}

@media (min-width: 768px) {
    .p-product_detail-full__slect__manufacturer {
        padding: 9px 20px
    }
}

.p-product_detail-full__slect__manufacturer + .p-product_detail-full__slect__manufacturer {
    margin-left: 14px
}

@media (min-width: 768px)and (max-width: 1040px) {
    .p-product_detail-full__slect__manufacturer {
        padding: 9px 10px;
        width: calc(50% - 7px);
        margin-bottom: 14px
    }

    .p-product_detail-full__slect__manufacturer:nth-child(odd) {
        margin-left: 0
    }
}

@media (max-width: 767px) {
    .p-product_detail-full__slect__manufacturer {
        width: calc(50% - 7px);
        margin-bottom: 14px
    }

    .p-product_detail-full__slect__manufacturer:nth-child(odd) {
        margin-left: 0
    }
}

.p-product_detail-full__slect__manufacturer.u-link-arrow::after {
    margin-left: 5px
}

.p-product_detail-full__slect.current {
    background-color: #4d5b6e;
    color: #fff;
    transition: color .3s, background-color .3s, border .3s
}

.p-product_detail-full__slect.current:hover {
    color: #fff;
    background-color: #3269ff
}

.p-product_detail-full__slect.current::after {
    border-color: #fff
}

.p-product_detail-full__slect.current:hover::after {
    border-color: #fff
}

@media (min-width: 768px) {
    .p-product_detail-full__slect {
        padding: 8px;
        min-width: 84px
    }
}

.p-product_detail-full__anchor {
    margin-right: calc(50% - 50vw);
    margin-left: calc(50% - 50vw);
    height: 72px
}

.p-product_detail-full__anchor-content {
    border-top: solid 1px #dedfe2;
    border-bottom: solid 1px #dedfe2;
    background-color: #fff
}

.p-product_detail-full__anchor-inner {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.p-product_detail-full__anchor-inner > div {
    display: flex;
    justify-content: flex-start;
    position: relative;
    margin: 0
}

.p-product_detail-full__anchor-inner > div .tab {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    height: 70px;
    padding: 0 20px;
    background-color: #fff;
    line-height: 1.44;
    text-align: center
}

.p-product_detail-full__anchor-inner > div .tab:not(.current) + .tab:not(.current)::before {
    display: block;
    position: absolute;
    left: 0;
    height: 20px;
    width: 0;
    border-left: 1px solid #dedfe2;
    content: ""
}

@media (min-width: 768px) {
    .p-product_detail-full__anchor-inner > div .tab:not(.current) + .tab:not(.current)::before {
        height: 30px
    }
}

.p-product_detail-full__anchor-inner > div .tab.current {
    border-color: #4d5b6e;
    background-color: #4d5b6e;
    color: #fff
}

.p-product_detail-full__anchor-inner > div .tab.current::before {
    content: none
}

@media (min-width: 768px) {
    .p-product_detail-full__anchor-inner > div .tab {
        min-width: 110px
    }
}

@media (min-width: 768px)and (max-width: 992px) {
    .p-product_detail-full__anchor-inner > div .tab {
        padding: 0 15px;
        font-size: 13px;
        min-width: 0
    }
}

@media (min-width: 768px)and (max-width: 1040px) {
    .p-product_detail-full__anchor-inner > div .tab {
        padding: 0 10px;
        min-width: 0
    }
}

.p-product_detail-full__anchor-inner > div.tabItem-2 .tab {
    width: 260px
}

.p-product_detail-full__anchor-inner > div.tabItem-3 .tab {
    width: 220px
}

.p-product_detail-full__contact {
    display: block;
    margin: 25px auto 10px;
    width: 100%;
    text-align: center
}

.p-product_detail-full__contact .c-button {
    margin: 0 auto
}

@media (min-width: 768px) {
    .p-product_detail-full__contact .c-button {
        margin: 0;
        padding: 0 15px;
        font-size: 14px
    }
}

@media (min-width: 768px)and (max-width: 1040px) {
    .p-product_detail-full__contact .c-button {
        margin: 0;
        min-width: 0
    }
}

@media (min-width: 768px) {
    .p-product_detail-full__contact {
        margin: 0;
        width: 250px
    }
}

@media (min-width: 768px)and (max-width: 1040px) {
    .p-product_detail-full__contact {
        margin: 0 0 0 auto;
        width: auto
    }
}

@media (max-width: 767px) {
    .p-product_detail-full__content-menu-wrap {
        position: relative;
        z-index: 1;
        min-height: 53px
    }
}

.p-product_detail-full__content-menu {
    margin-top: 50px
}

.p-product_detail-full__content-menu__toggle {
    display: flex;
    background-color: #fff;
    border: solid 1px #494749;
    position: relative
}

.p-product_detail-full__content-menu__toggle .txt {
    flex: 1 1 auto;
    padding: 15px
}

.p-product_detail-full__content-menu__content {
    position: absolute;
    width: 100%;
    background-color: #fff
}

.p-product_detail-full__content-menu__content a {
    display: block;
    padding: 15px;
    border-bottom: solid 1px #dedfe2
}

.p-product_detail-full__title {
    font-size: 30px;
    margin-bottom: 30px;
    margin-left: 10px
}

@media (min-width: 768px) {
    .p-product_detail-full__title {
        margin: 0 auto 60px;
        text-align: center;
        font-size: 40px
    }
}

.p-product_detail-full__read {
    padding: 0 10px
}

@media (min-width: 768px) {
    .p-product_detail-full__read {
        margin-bottom: 70px
    }
}

.p-product_detail-full__subtitle {
    font-size: 18px;
    line-height: 25px;
    margin: 0 10px 30px
}

@media (min-width: 768px) {
    .p-product_detail-full__subtitle {
        margin: 0 0 20px;
        font-size: 28px;
        line-height: 40px
    }
}

@media (min-width: 768px) {
    .p-product_detail-full__content {
        display: flex;
        justify-content: center;
        max-width: 1200px;
        margin: 0 auto
    }
}

.p-product_detail-full__content__text {
    margin: 0 10px
}

@media (min-width: 768px) {
    .p-product_detail-full__content__text {
        flex: 1 1 100%;
        margin: 0 15px 0 0
    }
}

.p-product_detail-full__content__text__annotation {
    margin-top: 15px
}

@media (min-width: 768px) {
    .p-product_detail-full__content__text__annotation {
        margin-top: 20px
    }
}

.p-product_detail-full__content__photo {
    margin: 30px 0px 0
}

@media (min-width: 768px) {
    .p-product_detail-full__content__photo {
        flex: 1 1 100%;
        margin: 0 0 0 15px
    }
}

@media (min-width: 768px)and (max-width: 1040px) {
    .p-product_detail-full__content__photo {
        margin: 0 0 0 15px
    }
}

.p-product_detail-full__content__link {
    text-align: center
}

.p-product_detail-full__linenup-graph {
    margin: 10px 0 0 10px
}

@media (min-width: 768px) {
    .p-product_detail-full__linenup-graph {
        margin: 0
    }
}

.p-product_detail-full__linenup-graph table {
    width: auto;
    border-collapse: collapse
}

@media (min-width: 768px) {
    .p-product_detail-full__linenup-graph table {
        width: 100%;
        max-width: 1200px
    }
}

@media (min-width: 768px)and (max-width: 992px) {
    .p-product_detail-full__linenup-graph table {
        width: 100%
    }
}

.p-product_detail-full__linenup-graph td, .p-product_detail-full__linenup-graph th {
    border: 1px solid #dedfe2
}

.p-product_detail-full__linenup-graph td, .p-product_detail-full__linenup-graph th {
    padding: 15px;
    height: 25px;
    vertical-align: middle
}

@media (min-width: 768px) {
    .p-product_detail-full__linenup-graph td, .p-product_detail-full__linenup-graph th {
        padding: 20px 15px;
        width: 100px
    }
}

.p-product_detail-full__linenup-graph td img, .p-product_detail-full__linenup-graph th img {
    min-width: 60px
}

.p-product_detail-full__linenup-graph td img[src*=pdficon], .p-product_detail-full__linenup-graph th img[src*=pdficon] {
    min-width: 0
}

.p-product_detail-full__linenup-graph th {
    background: rgba(222, 223, 226, .5);
    text-align: left;
    font-family: "SST W55 Bold", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif
}

[lang=en] .p-product_detail-full__linenup-graph th {
    font-family: "SST W20 Bold", sans-serif
}

[lang=zh-CN] .p-product_detail-full__linenup-graph th {
    font-family: "SST W20 Bold", sans-serif;
    font-weight: bold
}

@media (min-width: 768px)and (max-width: 992px) {
    .p-product_detail-full__linenup-graph th {
        word-break: break-all
    }
}

@media (min-width: 768px) {
    .p-product_detail-full__linenup-graph th {
        font-size: 18px
    }
}

.p-product_detail-full__linenup-graph .even {
    background: #fff
}

.p-product_detail-full__linenup-graph .odd {
    background: #fff
}

.p-product_detail-full__linenup-graph__scroll {
    overflow: auto
}

@media (max-width: 767px) {
    .p-product_detail-full__linenup-graph__scroll {
        padding-bottom: 20px
    }
}

.p-product_detail-full__linenup-graph__scroll__pdficon {
    display: block;
    margin: 0 auto;
    width: 24px;
    min-width: 0
}

@media (min-width: 768px) {
    .p-product_detail-full__linenup-graph__scroll__pdficon {
        width: 32px
    }
}

.p-product_detail-full__spec-graph {
    margin: 10px 0 0 10px
}

@media (min-width: 768px) {
    .p-product_detail-full__spec-graph {
        margin: 0
    }
}

.p-product_detail-full__spec-graph table {
    width: auto;
    border-collapse: collapse
}

@media (min-width: 768px) {
    .p-product_detail-full__spec-graph table {
        width: 100%;
        max-width: 1200px
    }
}

@media (min-width: 768px)and (max-width: 992px) {
    .p-product_detail-full__spec-graph table {
        width: 100%
    }
}

.p-product_detail-full__spec-graph td, .p-product_detail-full__spec-graph th {
    border: 1px solid #dedfe2
}

.p-product_detail-full__spec-graph td, .p-product_detail-full__spec-graph th {
    padding: 15px;
    height: 25px;
    vertical-align: middle
}

@media (min-width: 768px) {
    .p-product_detail-full__spec-graph td, .p-product_detail-full__spec-graph th {
        padding: 20px 15px;
        width: 100px
    }
}

.p-product_detail-full__spec-graph th {
    background: rgba(222, 223, 226, .5);
    text-align: left
}

@media (min-width: 768px)and (max-width: 992px) {
    .p-product_detail-full__spec-graph th {
        word-break: break-all
    }
}

.p-product_detail-full__spec-graph .even {
    background: #fff
}

.p-product_detail-full__spec-graph .odd {
    background: #fff
}

.p-product_detail-full__spec-graph__scroll {
    overflow: auto
}

@media (max-width: 767px) {
    .p-product_detail-full__spec-graph__scroll {
        padding-bottom: 20px
    }
}

.p-product_detail-full__spec-graph__scroll__pdficon {
    display: block;
    margin: 0 auto;
    width: 24px
}

@media (min-width: 768px) {
    .p-product_detail-full__spec-graph__scroll__pdficon {
        width: 32px
    }
}

.p-product_detail-full__link {
    margin: 50px auto 0
}

@media (min-width: 768px) {
    .p-product_detail-full__link {
        margin: 30px auto 0 0
    }
}

.p-product_detail-full__function-top {
    margin: 50px 10px 0
}

.p-product_detail-full__function-top:first-child {
    margin-top: 0
}

@media (min-width: 768px) {
    .p-product_detail-full__function-top {
        margin: 100px auto 0
    }
}

.p-product_detail-full__function-top__title {
    font-size: 18px;
    margin-bottom: 30px
}

@media (min-width: 768px) {
    .p-product_detail-full__function-top__title {
        font-size: 28px;
        margin-bottom: 20px
    }
}

.p-product_detail-full__function-top__photo {
    display: flex;
    flex-direction: column;
    margin-top: 25px
}

@media (min-width: 768px) {
    .p-product_detail-full__function-top__photo {
        flex-direction: row
    }
}

.p-product_detail-full__function-top__photo__image {
    margin-bottom: 25px
}

@media (min-width: 768px) {
    .p-product_detail-full__function-top__photo__image {
        margin-bottom: 0;
        margin-right: 30px
    }

    .p-product_detail-full__function-top__photo__image:last-child {
        margin-right: 0
    }
}

.p-product_detail-full__function {
    margin: 50px 10px 0
}

@media (min-width: 768px) {
    .p-product_detail-full__function {
        margin: 50px auto 0
    }
}

.p-product_detail-full__function__title {
    font-size: 18px;
    margin-bottom: 30px;
    display: inline-block;
    position: relative
}

@media (min-width: 768px) {
    .p-product_detail-full__function__title {
        font-size: 20px;
        margin-bottom: 20px
    }
}

.p-product_detail-full__function__title::after {
    display: inline-block;
    position: absolute;
    margin-top: 4px;
    height: 10px;
    width: 10px;
    border: solid;
    border-width: 2px 2px 0 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    content: ""
}

@media (min-width: 768px) {
    .p-product_detail-full__function__title::after {
        top: 50%;
        margin-top: -5px
    }
}

.p-product_detail-full__function__photo {
    display: flex;
    flex-direction: column;
    margin-top: 25px
}

@media (min-width: 768px) {
    .p-product_detail-full__function__photo {
        flex-direction: row
    }
}

.p-product_detail-full__function__photo__image {
    margin-bottom: 25px
}

@media (min-width: 768px) {
    .p-product_detail-full__function__photo__image {
        flex: 1 1 100%;
        margin-bottom: 0
    }

    .p-product_detail-full__function__photo__image:first-child {
        margin-right: 15px
    }

    .p-product_detail-full__function__photo__image:last-child {
        margin-left: 15px
    }
}

.p-product_detail-full__graph-content {
    margin-top: 30px
}

@media (min-width: 768px) {
    .p-product_detail-full__graph-content {
        margin: 0 auto
    }
}

.p-product_detail-full__graph-content__text {
    padding: 0 0 0 10px
}

@media (min-width: 768px) {
    .p-product_detail-full__graph-content__text {
        padding: 0;
        margin-top: 40px;
        margin-bottom: 20px
    }
}

.p-product_detail-full__graph-content__text__annotation {
    margin-top: 15px
}

.p-product_detail-full__graph-content__photo {
    margin: 30px 10px 0
}

@media (min-width: 768px) {
    .p-product_detail-full__graph-content__photo {
        margin: 0;
        background-color: #e1e3ea;
        padding: 85px 0 75px
    }

    .p-product_detail-full__graph-content__photo img {
        width: 825px
    }
}

.p-product_detail-full__image-caption {
    padding: 30px;
    margin: 40px 0 20px;
    background-color: #e1e3ea
}

@media (min-width: 768px) {
    .p-product_detail-full__image-caption {
        padding: 60px
    }
}

.p-product_detail-full__image-caption__title {
    margin: 0 0 20px
}

@media (min-width: 768px) {
    .p-product_detail-full__image-caption__title {
        margin-bottom: 40px
    }
}

.p-product_detail-full__image-caption__image figure {
    text-align: center
}

.p-product_detail-full__image-caption__link {
    margin: 20px 0 0;
    text-align: center
}

@media (min-width: 768px) {
    .p-product_detail-full__image-caption__link {
        margin-top: 40px
    }
}

.p-product_detail-full__connection-content {
    margin-top: 60px
}

@media (min-width: 768px) {
    .p-product_detail-full__connection-content {
        display: flex;
        justify-content: center;
        margin: 100px auto 0
    }
}

.p-product_detail-full__connection-content__text {
    padding: 0 20px
}

@media (min-width: 768px) {
    .p-product_detail-full__connection-content__text {
        padding: 0;
        margin-left: 55px;
        width: 730px;
        order: 2
    }
}

.p-product_detail-full__connection-content__text__annotation {
    margin-top: 15px
}

.p-product_detail-full__connection-content__photo {
    margin: 30px 10px 0
}

@media (min-width: 768px) {
    .p-product_detail-full__connection-content__photo {
        margin: 0;
        width: 380px;
        order: 1
    }
}

.p-products_is_index__header-bg {
    background-image: url(../image/products_is_index_kv_pc.jpg)
}

@media (max-width: 767px) {
    .p-products_is_index__header-bg {
        background-image: url(../image/products_is_index_kv_sp.jpg)
    }
}

.p-industries-detail-full {
    padding: 45px 0
}

@media (min-width: 768px) {
    .p-industries-detail-full {
        padding: 90px 0
    }
}

.p-industries-detail-full__head {
    padding-top: 45px;
    height: auto
}

@media (min-width: 768px) {
    .p-industries-detail-full__head {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center
    }
}

@media (min-width: 768px)and (max-width: 1040px) {
    .p-industries-detail-full__head {
        width: 100% !important
    }
}

@media (min-width: 768px) {
    .p-industries-detail-full__head__bnr {
        flex: 0 0 auto;
        width: 460px
    }
}

@media (min-width: 768px)and (max-width: 1040px) {
    .p-industries-detail-full__head__bnr {
        width: calc(50% - 30px);
        margin-left: 30px
    }
}

.p-industries-detail-full__topcontact-sp .c-button-square {
    width: 100%
}

.p-industries-detail-full__topcontact-pc {
    background-color: #fff;
    padding: 10px 0;
    display: flex;
    align-items: center;
    justify-content: space-around
}

.p-industries-detail-full__topcontact-pc p {
    text-align: center
}

.p-industries-detail-full__topcontact-pc .c-button-square {
    width: 165px;
    height: 50px;
    font-size: 14px
}

@media (min-width: 768px)and (max-width: 1040px) {
    .p-industries-detail-full__topcontact-pc .c-button-square {
        padding: 0 15px;
        width: 50%;
        min-width: 0
    }
}

.p-industries-detail-full__content-menu {
    margin-top: 50px
}

.p-industries-detail-full__content-menu__toggle {
    display: flex;
    background-color: #fff;
    border: solid 1px #494749;
    position: relative
}

.p-industries-detail-full__content-menu__toggle .txt {
    flex: 1 1 auto;
    padding: 15px
}

.p-industries-detail-full__content-menu__content a {
    display: block;
    padding: 15px;
    border-bottom: solid 1px #dedfe2
}

.p-industries-detail-full-to-subcategory__container {
    position: relative;
    margin: 0px 10px;
    background-color: #fff
}

@media (min-width: 768px) {
    .p-industries-detail-full-to-subcategory__container {
        margin: 0 100px
    }
}

.p-industries-detail-full__product-container__title {
    font-size: 25px;
    margin-bottom: 15px;
    text-align: left
}

@media (min-width: 768px) {
    .p-industries-detail-full__product-container__title {
        font-size: 40px;
        padding-bottom: 20px;
        text-align: center
    }
}

.p-industries-detail-full__title {
    font-size: 30px;
    margin-left: 10px
}

@media (min-width: 768px) {
    .p-industries-detail-full__title {
        margin: 0 auto 60px;
        text-align: center;
        font-size: 40px
    }
}

.p-industries-detail-full__read {
    padding: 0 10px
}

@media (min-width: 768px) {
    .p-industries-detail-full__read {
        margin-bottom: 70px
    }
}

.p-industries-detail-full__subtitle {
    font-size: 18px;
    line-height: 25px;
    margin-bottom: 15px
}

@media (min-width: 768px) {
    .p-industries-detail-full__subtitle {
        font-size: 28px;
        line-height: 40px
    }
}

.p-industries-detail-full__content {
    margin-top: 30px
}

@media (min-width: 768px) {
    .p-industries-detail-full__content {
        display: flex;
        align-items: center;
        justify-content: center;
        max-width: 1230px;
        margin: 0 auto
    }
}

.p-industries-detail-full__content__text {
    padding: 0 20px
}

@media (min-width: 768px) {
    .p-industries-detail-full__content__text {
        padding: 0;
        margin-right: 130px;
        width: 486px
    }
}

.p-industries-detail-full__content__text__annotation {
    margin-top: 15px
}

@media (min-width: 768px) {
    .p-industries-detail-full__content__text__annotation {
        margin-top: 20px
    }
}

.p-industries-detail-full__content__photo {
    margin: 50px 0 0
}

@media (min-width: 768px) {
    .p-industries-detail-full__content__photo {
        margin: 0 auto
    }

    .p-industries-detail-full__content__photo img {
        max-width: 1200px;
        width: 100%
    }
}

.p-industries-detail-full__connection-content {
    margin-top: 60px
}

@media (min-width: 768px) {
    .p-industries-detail-full__connection-content {
        display: flex;
        justify-content: center;
        margin: 100px auto 0
    }
}

.p-industries-detail-full__connection-content__text {
    padding: 0 10px
}

@media (min-width: 768px) {
    .p-industries-detail-full__connection-content__text {
        padding: 0;
        margin-left: 55px;
        width: 730px;
        order: 2
    }
}

.p-industries-detail-full__connection-content__text__annotation {
    margin-top: 15px
}

.p-industries-detail-full__connection-content__photo {
    margin: 30px 0 0
}

@media (min-width: 768px) {
    .p-industries-detail-full__connection-content__photo {
        margin: 0;
        width: 380px;
        order: 1
    }
}

.p-industries-detail-full__link {
    margin: 50px auto 0
}

@media (min-width: 768px) {
    .p-industries-detail-full__link {
        margin: 30px auto 0 0
    }
}

.p-product-category-to-subcategory {
    padding: 45px 0
}

.p-product-category-to-subcategory.is-last {
    padding-bottom: 75px
}

@media (min-width: 768px) {
    .p-product-category-to-subcategory {
        padding: 100px 0
    }

    .p-product-category-to-subcategory.is-last {
        padding-bottom: 150px
    }

    .p-product-category-to-subcategory.is-onImage {
        min-height: 760px
    }
}

.p-product-category-to-subcategory.is-category-top {
    padding: 90px 0 30px
}

.p-page-header + .p-product-category-to-subcategory.is-category-top {
    padding-top: 0
}

.p-product-category-to-subcategory__image {
    height: 300px;
    margin-right: calc(50% - 50vw);
    margin-left: calc(50% - 50vw)
}

.p-product-category-to-subcategory__image img {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

@media (min-width: 768px) {
    .p-product-category-to-subcategory__image {
        height: 380px
    }

    .is-onImage .p-product-category-to-subcategory__image {
        position: absolute;
        left: 0px;
        max-width: 930px;
        height: 580px
    }
}

.p-product-category-to-subcategory__container {
    position: relative;
    margin: 0 10px 0;
    background-color: #fff
}

@media (min-width: 768px) {
    .p-product-category-to-subcategory__container {
        margin: 0
    }
}

.is-category-top .p-product-category-to-subcategory__container {
    margin-top: -100px
}

@media (min-width: 768px) {
    .is-category-top .p-product-category-to-subcategory__container {
        margin: -80px 100px 0
    }
}

@media (min-width: 768px) {
    .is-onImage .p-product-category-to-subcategory__container {
        top: 100px;
        margin: 0 0 0 400px
    }
}

@media (min-width: 768px) {
    .is-category-top .p-product-category-to-subcategory__anchor-area {
        margin: 0 -100px
    }
}

@media (min-width: 768px) {
    .is-onImage .p-product-category-to-subcategory__anchor-area {
        margin: 0 0 0;
        padding: 0 100px 20px
    }
}

.p-product-category-to-subcategory__body .heading {
    margin-bottom: 25px;
    font-family: "SST W55 Bold", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 18px;
    text-align: center
}

[lang=en] .p-product-category-to-subcategory__body .heading {
    font-family: "SST W20 Bold", sans-serif
}

[lang=zh-CN] .p-product-category-to-subcategory__body .heading {
    font-family: "SST W20 Bold", sans-serif;
    font-weight: bold
}

@media (min-width: 768px) {
    .p-product-category-to-subcategory__body .heading {
        font-size: 28px
    }
}

.is-category-top .p-product-category-to-subcategory__body {
    padding: 25px 30px
}

@media (min-width: 768px) {
    .is-category-top .p-product-category-to-subcategory__body {
        padding: 30px 30px
    }
}

@media (min-width: 768px) {
    .is-onImage .p-product-category-to-subcategory__body .heading {
        text-align: left
    }
}

.p-productSelector {
    padding: 0px 0 90px
}

@media (max-width: 767px) {
    .p-productSelector {
        padding: 0px 0 50px
    }
}

@media (max-width: 767px) {
    .p-productSelector__header {
        margin-bottom: 20px
    }
}

.p-productSelector__header__container {
    padding: 45px 0 0;
    height: 150px
}

@media (min-width: 768px) {
    .p-productSelector__header__container {
        padding: 100px 0 0 60px
    }
}

.p-product-location-anchor {
    padding: 80px 0
}

@media (min-width: 768px) {
    .p-product-location-anchor {
        padding: 120px 0
    }
}

.p-product-index {
    padding: 50px 0
}

@media (min-width: 768px) {
    .p-product-index {
        padding: 75px 0
    }
}

.p-product-index__header-bg {
    background-image: url(../image/products_index_kv_pc.jpg)
}

@media (max-width: 767px) {
    .p-product-index__header-bg {
        background-image: url(../image/products_index_kv_sp.jpg)
    }
}

@media (min-width: 768px) {
    .p-product-index__top {
        display: flex;
        align-items: center
    }
}

.p-product-index__photo {
    margin: 0 0 30px
}

@media (min-width: 768px) {
    .p-product-index__photo {
        margin: 0 55px 0 0;
        max-width: 400px;
        flex: 0 0 40%
    }
}

@media (min-width: 768px)and (max-width: 1040px) {
    .p-product-index__photo {
        margin-right: 30px
    }
}

.p-product-index__explanation {
    padding: 0 10px
}

@media (min-width: 768px) {
    .p-product-index__explanation {
        padding: 0
    }
}

.p-product-index__name {
    margin: 0 0 20px;
    font-family: "SST W55 Bold", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 18px;
    text-align: left;
    line-height: 1.33
}

[lang=en] .p-product-index__name {
    font-family: "SST W20 Bold", sans-serif
}

[lang=zh-CN] .p-product-index__name {
    font-family: "SST W20 Bold", sans-serif;
    font-weight: bold
}

@media (min-width: 768px) {
    .p-product-index__name {
        margin-bottom: 30px;
        font-size: 24px
    }
}

.p-product-index__name__arrow {
    position: relative
}

.p-product-index__name__arrow::after {
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 10px;
    margin-top: -5px;
    height: 10px;
    width: 10px;
    border: solid #000;
    border-width: 2px 2px 0 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    content: ""
}

@media (min-width: 768px) {
    .p-product-index__name__arrow::after {
        left: 20px;
        height: 13px;
        width: 13px
    }
}

.p-product-index__wrap {
    margin: 40px 0 0
}

@media (min-width: 768px) {
    .p-product-index__wrap {
        margin: 50px 0 0
    }
}

.p-product-index__product-container {
    padding: 0 10px
}

@media (min-width: 768px) {
    .p-product-index__product-container {
        padding: 0
    }
}

.p-product-index__product-container__title {
    font-family: "SST W55 Bold", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 12px;
    border-bottom: solid 1px #dedfe2;
    padding-bottom: 10px;
    margin-bottom: 15px
}

[lang=en] .p-product-index__product-container__title {
    font-family: "SST W20 Bold", sans-serif
}

[lang=zh-CN] .p-product-index__product-container__title {
    font-family: "SST W20 Bold", sans-serif;
    font-weight: bold
}

@media (min-width: 768px) {
    .p-product-index__product-container__title {
        font-size: 20px;
        padding-bottom: 20px;
        margin-bottom: 30px
    }
}

@media (min-width: 768px)and (max-width: 992px) {
    .p-product-index__product-container__title {
        font-size: 19px
    }
}

@media (min-width: 768px) {
    .p-product-index__product-container__list {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap
    }
}

.p-product-index__product-container__list > li {
    margin-bottom: 15px
}

.p-product-index__product-container__list > li:last-child {
    margin-bottom: 0
}

@media (min-width: 768px) {
    .p-product-index__product-container__list > li {
        margin-bottom: 30px
    }
}

.p-product-aitrios {
    background-color: #f5f5f3;
    padding: 50px 0 60px;
    margin-top: 35px
}

@media (min-width: 768px) {
    .p-product-aitrios {
        margin-top: 70px
    }
}

.p-product-aitrios__wrap__detail {
    padding: 0 10px
}

@media (min-width: 768px) {
    .p-product-aitrios__wrap__detail {
        padding: 0 0 0 60px
    }
}

.p-product-aitrios__wrap__detail__title {
    font-family: "SST W55 Bold", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 18px;
    line-height: 25px;
    margin-bottom: 23px
}

[lang=en] .p-product-aitrios__wrap__detail__title {
    font-family: "SST W20 Bold", sans-serif
}

[lang=zh-CN] .p-product-aitrios__wrap__detail__title {
    font-family: "SST W20 Bold", sans-serif;
    font-weight: bold
}

@media (min-width: 768px) {
    .p-product-aitrios__wrap__detail__title {
        font-size: 28px;
        line-height: 40px
    }
}

.p-product-aitrios__wrap__link {
    position: relative;
    text-align: center
}

.p-product-aitrios__wrap__link .c-button {
    margin: 0 auto
}

@media (min-width: 768px) {
    .p-product-aitrios__wrap__link {
        text-align: left
    }

    .p-product-aitrios__wrap__link .c-button {
        margin: 55px auto 0 0
    }
}

.p-product-aitrios__photo {
    margin: 40px calc(50% - 50vw) 50px
}

@media (min-width: 768px) {
    .p-product-aitrios__photo {
        margin: 0;
        max-width: 585px
    }
}

.p-public-notice {
    padding: 70px 0;
    line-height: 1.6
}

@media (min-width: 768px) {
    .p-public-notice {
        padding: 95px 0
    }
}

.p-public-notice__list {
    padding: 0 10px
}

@media (min-width: 768px) {
    .p-public-notice__list {
        padding: 0
    }
}

.p-public-notice__list li {
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #dcdde0
}

.p-public-notice__list-item {
    display: flex
}

.p-public-notice__list-item .date {
    flex: 0 0 auto;
    margin-right: 20px
}

.p-public-notice__list-item .title {
    flex: 1 1 auto
}

@media (max-width: 767px) {
    .p-productSelector-result-header {
        margin-bottom: 20px
    }
}

.p-selector_result {
    margin: 0px 0 75px
}

@media (min-width: 768px) {
    .p-selector_result {
        margin: 0px 0 100px
    }
}

.p-selector_result__csvbutton {
    padding: 0;
    height: 40px;
    cursor: pointer
}

@media (min-width: 768px) {
    .p-selector_result__csvbutton {
        width: 200px
    }
}

.p-selector_result__download-csv {
    margin: 0 0 20px;
    text-align: center
}

@media (min-width: 768px) {
    .p-selector_result__download-csv {
        text-align: right
    }
}

.p-selector_result__table {
    margin-bottom: 50px
}

@media (max-width: 767px) {
    .p-selector_result__table {
        padding: 0 10px
    }
}

.p-selector_result__table__content {
    overflow: auto;
    padding-bottom: 30px
}

@media (max-width: 767px) {
    .p-selector_result__table__content {
        margin-right: calc(50% - 50vw)
    }
}

.p-selector_result__table th {
    background-color: #eeeff1;
    font-family: "SST W55 Light", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    padding: 20px 10px;
    min-width: 120px;
    text-align: left;
    z-index: 1;
    position: sticky;
    top: 0;
    left: 0;
    vertical-align: middle
}

[lang=en] .p-selector_result__table th {
    font-family: "SST W20 Light", sans-serif
}

[lang=zh-CN] .p-selector_result__table th {
    font-family: "SST W20 Light", sans-serif
}

@media (min-width: 768px) {
    .p-selector_result__table th {
        min-width: 200px
    }
}

.p-selector_result__table th:before {
    content: "";
    position: absolute;
    top: 0px;
    left: 0;
    width: 100%;
    height: 100%;
    border-right: 1px solid #e1e2e4;
    border-bottom: 1px solid #e1e2e4
}

.p-selector_result__table th::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 2px 0px 3px 0px #bbb
}

.p-selector_result__table td {
    font-family: "SST W55 Light", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    padding: 10px;
    vertical-align: middle;
    max-width: 150px;
    overflow-wrap: break-word
}

[lang=en] .p-selector_result__table td {
    font-family: "SST W20 Light", sans-serif
}

[lang=zh-CN] .p-selector_result__table td {
    font-family: "SST W20 Light", sans-serif
}

@media (min-width: 768px) {
    .p-selector_result__table td {
        max-width: 200px
    }
}

.p-selector_result__table .Model_Name {
    background-color: #65717d !important;
    color: #fff;
    padding: 20px 10px;
    font-size: 15px;
    vertical-align: middle
}

.p-selector_result__table th.Model_Name::after {
    box-shadow: 2px 0px 3px 0px #545e68
}

.p-selector_result__table td.Model_Name {
    font-family: "SST W55 Bold", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    text-align: center
}

[lang=en] .p-selector_result__table td.Model_Name {
    font-family: "SST W20 Bold", sans-serif
}

[lang=zh-CN] .p-selector_result__table td.Model_Name {
    font-family: "SST W20 Bold", sans-serif;
    font-weight: bold
}

.p-search {
    margin: 40px 0 56px
}

@media (min-width: 768px) {
    .p-search {
        margin: 40px 0 80px
    }
}

.p-search:last-child {
    margin: 45px 0 92px
}

@media (min-width: 768px) {
    .p-search:last-child {
        margin: 40px 0 180px
    }
}

.p-search__header.p-page-header {
    margin-bottom: 20px
}

.p-search__head {
    background-color: rgba(255, 255, 255, .85);
    padding: 30px;
    min-height: 150px;
    border-bottom: solid 1px #e0e1e4
}

@media (max-width: 767px) {
    .p-search__head {
        justify-content: center;
        align-items: center;
        padding: 30px 10px;
        height: 177px
    }
}

@media (min-width: 768px) {
    .p-search__head {
        padding: 50px 60px;
        flex-direction: row;
        height: 150px
    }
}

.p-search__head__bg {
    background-color: #fff
}

@media (min-width: 768px) {
    .p-search__head__bg {
        max-height: 150px
    }
}

.p-search__head__heading {
    margin: 0
}

.p-search__head__bread {
    margin-top: 110px
}

.p-search__searchbox {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin-top: 20px
}

@media (min-width: 768px) {
    .p-search__searchbox {
        width: 400px;
        margin-top: 0
    }
}

.p-search__searchbox form {
    width: 100%
}

.p-search__searchbox img {
    width: 100%;
    height: auto;
    display: block
}

.p-search__searchbox .Box-SearchInput {
    border: solid 1px #e0e1e4;
    width: 100%;
    height: 40px;
    letter-spacing: .1em;
    padding-left: 15px;
    padding-right: 50px;
    background: #fff;
    color: #000;
    font-size: 14px;
    letter-spacing: -0.04em
}

@media (min-width: 768px) {
    .p-search__searchbox .Box-SearchInput {
        font-size: 18px;
        height: 50px
    }
}

.p-search__searchbox .Box-Btn {
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 40px;
    line-height: 55px;
    padding: 0;
    border: none;
    background: #2f2e2e;
    vertical-align: middle
}

@media (min-width: 768px) {
    .p-search__searchbox .Box-Btn {
        width: 50px;
        height: 50px
    }
}

.p-search__searchbox .Box-Btn-Icon {
    margin-left: auto;
    margin-right: auto;
    width: 19px;
    height: 19px
}

@media (min-width: 768px) {
    .p-search__searchbox .Box-Btn-Icon {
        width: 30px;
        height: 28px
    }
}

.p-search__tabmenu {
    padding: 20px 0
}

.p-search__tabmenu__inner {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.p-search__tabmenu__tab {
    display: flex;
    justify-content: flex-start;
    position: relative;
    margin: 0
}

.p-search__tabmenu__tab .tab {
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 0 0 auto;
    position: relative;
    min-width: 110px;
    padding: 0 20px;
    background-color: #fff;
    line-height: 1.44;
    text-align: center
}

.p-search__tabmenu__tab .tab:not(.search_current) + .tab:not(.search_current)::before {
    display: block;
    position: absolute;
    left: 0;
    height: 20px;
    width: 0;
    border-left: 1px solid #dedfe2;
    content: ""
}

@media (min-width: 768px) {
    .p-search__tabmenu__tab .tab:not(.search_current) + .tab:not(.search_current)::before {
        height: 30px
    }
}

.p-search__tabmenu__tab .tab.search_current {
    background-color: #4d5b6e;
    color: #fff;
    height: 32px;
    pointer-events: none
}

@media (min-width: 768px)and (max-width: 992px) {
    .p-search__tabmenu__tab .tab {
        padding: 0 15px;
        font-size: 13px
    }
}

.p-search__tabmenu__tab.tabItem-2 .tab {
    width: 260px
}

.p-search__tabmenu__tab.tabItem-3 .tab {
    width: 220px
}

.p-search__menusp {
    padding: 0 10px
}

.p-search__menusp__toggle {
    border: solid 1px #e0e1e4
}

.p-search__menusp__toggle::before {
    content: none
}

.p-search__menusp__toggle::after {
    display: inline-block;
    height: 10px;
    width: 10px;
    margin-left: 15px;
    margin-top: -5px;
    border-style: solid;
    border-color: #494749;
    border-width: 1px 1px 0 0;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    vertical-align: .1em;
    content: ""
}

.p-search__title-result {
    padding: 0 10px;
    margin-bottom: 19px;
    display: flex;
    align-items: flex-end
}

@media (min-width: 768px) {
    .p-search__title-result {
        padding: 0;
        margin-bottom: 40px
    }
}

.p-search__title-result__title {
    font-size: 18px;
    margin-right: 15px;
    font-family: "SST W55 Bold", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif
}

[lang=en] .p-search__title-result__title {
    font-family: "SST W20 Bold", sans-serif
}

[lang=zh-CN] .p-search__title-result__title {
    font-family: "SST W20 Bold", sans-serif;
    font-weight: bold
}

@media (min-width: 768px) {
    .p-search__title-result__title {
        font-size: 32px
    }
}

.p-search__title-result__deta {
    font-size: 15px;
    margin-right: 10px;
    font-family: "SSTJapanese W55 Regular", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif
}

[lang=en] .p-search__title-result__deta {
    font-family: "SST W20 Roman", "Helvetica Neue", Helvetica, Arial, sans-serif
}

[lang=zh-CN] .p-search__title-result__deta {
    font-family: "SST W20 Roman", "Hiragino Kaku Gothic ProN", "Heiti TC", Roboto, Droid, "Helvetica Neue", Helvetica, Arial, sans-serif
}

@media (min-width: 768px) {
    .p-search__title-result__deta {
        font-size: 28px
    }
}

.p-search__title-result__text {
    font-size: 10px;
    font-family: "SSTJapanese W55 Regular", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif
}

[lang=en] .p-search__title-result__text {
    font-family: "SST W20 Roman", "Helvetica Neue", Helvetica, Arial, sans-serif
}

[lang=zh-CN] .p-search__title-result__text {
    font-family: "SST W20 Roman", "Hiragino Kaku Gothic ProN", "Heiti TC", Roboto, Droid, "Helvetica Neue", Helvetica, Arial, sans-serif
}

@media (min-width: 768px) {
    .p-search__title-result__text {
        font-size: 18px
    }
}

.p-search__resultwrap {
    padding: 0 10px
}

@media (min-width: 768px) {
    .p-search__resultwrap {
        padding: 0
    }
}

.p-search__resultwrap__result {
    padding: 20px 0;
    border-top: solid 1px #e0e1e4;
    display: flex;
    justify-content: space-between
}

@media (min-width: 768px) {
    .p-search__resultwrap__result {
        padding: 40px 0
    }
}

.p-search__resultwrap__result:last-child {
    border-bottom: solid 1px #e0e1e4
}

.p-search__resultwrap__result__child {
    width: 100%
}

@media (min-width: 768px) {
    .p-search__resultwrap__result__child {
        width: auto
    }
}

.p-search__resultwrap__result__child__textarea {
    padding-right: 15px;
    min-width: 214px
}

@media (min-width: 768px) {
    .p-search__resultwrap__result__child__textarea {
        max-width: 892px;
        width: 100%
    }
}

.p-search__resultwrap__result__child__photo {
    min-width: 115px;
    width: 100%
}

@media (min-width: 768px) {
    .p-search__resultwrap__result__child__photo {
        min-width: 277px
    }
}

.p-search__resultwrap__result__child__category {
    width: 160px;
    height: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px;
    font-family: "SST W55 Light", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 10px
}

[lang=en] .p-search__resultwrap__result__child__category {
    font-family: "SST W20 Light", sans-serif
}

[lang=zh-CN] .p-search__resultwrap__result__child__category {
    font-family: "SST W20 Light", sans-serif
}

@media (min-width: 768px) {
    .p-search__resultwrap__result__child__category {
        width: 190px;
        height: 25px;
        font-size: 12px;
        margin-bottom: 20px
    }
}

.p-search__resultwrap__result__child__category.is-result_product {
    background-color: #cbe3e4
}

.p-search__resultwrap__result__child__category.is-result_field {
    background-color: #cee2d4
}

.p-search__resultwrap__result__child__category.is-result_technology {
    background-color: #ddd1e4
}

.p-search__resultwrap__result__child__category.is-result_group {
    background-color: #c3d5eb
}

.p-search__resultwrap__result__child__category.is-result_feature {
    background-color: #efd9e0
}

.p-search__resultwrap__result__child__category.is-result_news {
    background-color: #f6e2d4
}

.p-search__resultwrap__result__child__category.is-result_recrit {
    background-color: #f0f0d3
}

.p-search__resultwrap__result__child__category.is-result_others {
    background-color: #dfe1e4
}

.p-search__resultwrap__result__child__title {
    font-family: "SSTJapanese W55 Regular", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 15px;
    line-height: 19px;
    margin-bottom: 15px
}

[lang=en] .p-search__resultwrap__result__child__title {
    font-family: "SST W20 Roman", "Helvetica Neue", Helvetica, Arial, sans-serif
}

[lang=zh-CN] .p-search__resultwrap__result__child__title {
    font-family: "SST W20 Roman", "Hiragino Kaku Gothic ProN", "Heiti TC", Roboto, Droid, "Helvetica Neue", Helvetica, Arial, sans-serif
}

@media (min-width: 768px) {
    .p-search__resultwrap__result__child__title {
        font-size: 24px;
        line-height: 34px
    }
}

.p-search__resultwrap__result__child__text {
    font-family: "SST W55 Light", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 13px;
    line-height: 18px;
    margin-bottom: 5px
}

[lang=en] .p-search__resultwrap__result__child__text {
    font-family: "SST W20 Light", sans-serif
}

[lang=zh-CN] .p-search__resultwrap__result__child__text {
    font-family: "SST W20 Light", sans-serif
}

@media (min-width: 768px) {
    .p-search__resultwrap__result__child__text {
        font-size: 16px;
        line-height: 28px
    }
}

.p-search__resultwrap__result__child__date {
    font-family: "SST W55 Light", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 13px;
    line-height: 18px
}

[lang=en] .p-search__resultwrap__result__child__date {
    font-family: "SST W20 Light", sans-serif
}

[lang=zh-CN] .p-search__resultwrap__result__child__date {
    font-family: "SST W20 Light", sans-serif
}

@media (min-width: 768px) {
    .p-search__resultwrap__result__child__date {
        font-size: 16px;
        line-height: 28px
    }
}

.p-search__resultwrap__result__child__link {
    font-family: "SST W55 Light", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    color: #375b95;
    font-size: 13px;
    line-height: 18px;
    text-decoration: underline;
    word-wrap: break-word;
    overflow-wrap: break-word
}

[lang=en] .p-search__resultwrap__result__child__link {
    font-family: "SST W20 Light", sans-serif
}

[lang=zh-CN] .p-search__resultwrap__result__child__link {
    font-family: "SST W20 Light", sans-serif
}

@media (min-width: 768px) {
    .p-search__resultwrap__result__child__link {
        font-size: 16px;
        line-height: 28px
    }
}

.p-search__pagination {
    padding: 0 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 13px
}

@media (min-width: 768px) {
    .p-search__pagination {
        padding: 0;
        width: 400px;
        margin: 0 auto;
        font-size: 14px
    }
}

.p-search__pagination__link-prev {
    margin-right: 20px
}

.p-search__pagination__link-next {
    margin-left: 20px
}

.p-search__pagination__link, .p-search__pagination strong {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 22px;
    height: 22px
}

.p-search__pagination__linkicon {
    width: 22px;
    height: 22px;
    display: inline-block;
    vertical-align: middle
}

.p-search__pagination__linkicon.linkicon_left {
    margin: -3px 0 0 10px
}

.p-search__pagination__linkicon.linkicon_right {
    margin: -3px 10px 0 0
}

.p-search__pagination strong {
    background-color: #4d5b6e;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff
}

.open > .p-search__menusp__toggle::after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.p-sitemap {
    margin: 50px 0 75px
}

@media (min-width: 768px) {
    .p-sitemap {
        margin: 50px 0 100px
    }
}

.p-sitemap__head {
    background-color: rgba(255, 255, 255, .85);
    padding: 30px;
    min-height: 150px;
    border-bottom: solid 1px #e0e1e4
}

@media (max-width: 767px) {
    .p-sitemap__head {
        justify-content: center;
        align-items: center
    }
}

@media (min-width: 768px) {
    .p-sitemap__head {
        padding: 100px 60px
    }
}

.p-sitemap__head__bg {
    background-color: #fff
}

.p-sitemap__head__heading {
    margin: 0
}

.p-sitemap__head__bread {
    margin-top: 110px
}

@media (min-width: 768px) {
    .p-sitemap__content {
        display: flex;
        justify-content: space-between
    }
}

@media (min-width: 768px) {
    .p-sitemap__content__left {
        width: 48%
    }
}

@media (min-width: 768px) {
    .p-sitemap__content__right {
        width: 48%
    }
}

.p-sitemap__content__child {
    padding: 0 10px;
    margin-bottom: 60px
}

@media (min-width: 768px) {
    .p-sitemap__content__child {
        margin-bottom: 80px
    }
}

.p-sitemap__content__child__link {
    font-family: "SST W55 Bold", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 18px;
    line-height: 18px;
    position: relative;
    display: block;
    border-bottom: solid 1px #e0e1e4;
    padding-bottom: 15px;
    margin-bottom: 20px
}

[lang=en] .p-sitemap__content__child__link {
    font-family: "SST W20 Bold", sans-serif
}

[lang=zh-CN] .p-sitemap__content__child__link {
    font-family: "SST W20 Bold", sans-serif;
    font-weight: bold
}

@media (min-width: 768px) {
    .p-sitemap__content__child__link {
        font-size: 24px;
        line-height: 28px;
        padding-bottom: 20px;
        margin-bottom: 30px
    }
}

.p-sitemap__content__child__link::after {
    top: 50%;
    margin-top: -12px;
    height: 10px !important;
    width: 10px !important
}

@media (min-width: 768px) {
    .p-sitemap__content__child__link::after {
        margin-top: -18px;
        height: 15px !important;
        width: 15px !important
    }
}

.p-sitemap__content__child__list {
    margin-left: 20px;
    list-style: square
}

.p-sitemap__content__child__list li {
    margin-top: 15px
}

@media (min-width: 768px) {
    .p-sitemap__content__child__list li {
        margin-top: 20px
    }
}

.p-sitemap__content__child__list li ul {
    margin-left: 20px;
    list-style: square
}

.p-sitemap__content__child__list li > a::after {
    margin-left: 15px
}

.p-sitemap__content__child__list .link_lsp {
    letter-spacing: -0.07em
}

.p-statement {
    padding: 35px 0
}

@media (min-width: 768px) {
    .p-statement {
        padding: 90px 0
    }
}

.p-statement__header-bg {
    background: url("../image/company_vision_index_mv_sp.jpg") no-repeat center center;
    background-size: cover;
    color: #fff
}

@media (min-width: 768px) {
    .p-statement__header-bg {
        background: url("../image/company_vision_index_mv_pc.jpg") no-repeat center center;
        background-size: cover
    }
}

.p-statement__title {
    font-size: 30px;
    line-height: 43px;
    margin-bottom: 30px;
    padding-left: 10px
}

@media (min-width: 768px) {
    .p-statement__title {
        font-size: 50px;
        line-height: 70px;
        margin-bottom: 75px;
        padding-left: 0;
        text-align: center
    }
}

.p-statement__text {
    padding: 0 10px
}

.p-statement__text.txt-center {
    text-align: center
}

.p-statement__text02 {
    padding: 0 10px
}

@media (min-width: 768px) {
    .p-statement__text02 {
        text-align: center
    }
}

.p-statement__mv {
    position: relative;
    margin: 30px 0
}

.p-statement__mv .filter {
    position: absolute;
    top: 0;
    left: 0
}

@media (min-width: 768px) {
    .p-statement__mv {
        max-width: 1000px;
        margin: 60px auto
    }
}

.p-statement__video {
    margin-top: 30px
}

@media (min-width: 768px) {
    .p-statement__video {
        margin-top: 60px
    }
}

.p-statement__video-txt {
    margin-top: 20px;
    text-align: center
}

@media (min-width: 768px) {
    .p-statement__photo-big img {
        width: 1200px
    }
}

.p-statement__photo {
    margin: 40px 0 0;
    text-align: center
}

.p-statement__bg {
    background-color: #f8f7f5;
    padding: 50px 18px;
    display: flex;
    flex-direction: column;
    align-items: center
}

@media (min-width: 768px) {
    .p-statement__bg {
        padding: 50px 0
    }
}

.p-statement__bg__box {
    padding: 100px 0;
    border-bottom: solid 1px #e0e1e4
}

@media (min-width: 768px) {
    .p-statement__bg__box {
        padding: 75px 0;
        max-width: 650px;
        margin: 0 auto
    }
}

.p-statement__bg__box:last-child {
    border-bottom: none
}

.p-statement__bg__box__text01 {
    font-size: 25px;
    line-height: 25px;
    margin-bottom: 45px;
    text-align: center
}

@media (min-width: 768px) {
    .p-statement__bg__box__text01 {
        font-size: 40px;
        line-height: 40px;
        margin-bottom: 60px
    }
}

.p-statement__bg__box__text02 {
    font-size: 15px;
    line-height: 30px;
    text-align: center
}

@media (min-width: 768px) {
    .p-statement__bg__box__text02 {
        font-size: 24px;
        line-height: 50px
    }
}

.p-statement__bg__box__text03 {
    font-size: 13px;
    line-height: 13px;
    margin-top: 40px;
    margin-bottom: 25px;
    text-align: center
}

@media (min-width: 768px) {
    .p-statement__bg__box__text03 {
        font-size: 18px;
        line-height: 18px;
        margin-top: 60px
    }
}

.p-technology-detail-full {
    padding: 30px 0
}

@media (min-width: 768px) {
    .p-technology-detail-full {
        padding: 50px 0
    }
}

.p-technology-detail-full#PLD01 {
    padding-top: 75px
}

@media (min-width: 768px) {
    .p-technology-detail-full#PLD01 {
        padding-top: 156px
    }
}

.p-technology-detail-full__header__bg {
    position: relative;
    background: #4d5b6e;
    color: #fff
}

.p-technology-detail-full__header__bg picture {
    display: block
}

@media (min-width: 768px) {
    .p-technology-detail-full__header__bg picture {
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        left: 50%;
        top: 0;
        height: 100%;
        width: calc(50% - (100vw - 1200px) / 2)
    }
}

@media (min-width: 768px)and (max-width: 1040px) {
    .p-technology-detail-full__header__bg picture {
        width: 50%
    }
}

.p-technology-detail-full__headicon {
    margin: 175px auto 10px;
    color: #fff;
    background-color: #000;
    padding: 3px 20px
}

@media (min-width: 768px) {
    .p-technology-detail-full__headicon {
        margin: 0 auto 0 0
    }
}

.p-technology-detail-full__headtitle {
    margin: 10px 0 15px
}

.p-technology-detail-full__slectwrap {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    margin: 25px auto 0
}

.p-technology-detail-full__slectwrap + .p-technology-detail-full__slectwrap {
    margin-top: 14px
}

@media (min-width: 768px) {
    .p-technology-detail-full__slectwrap {
        margin: 25px 0 0
    }
}

.p-technology-detail-full__slect {
    position: relative;
    border: solid 1px #fff;
    padding: 5px;
    min-width: 64px;
    flex: 0 0 auto;
    text-align: center;
    color: #fff;
    transition: color .3s, background-color .3s, border .3s
}

.p-technology-detail-full__slect:hover {
    color: #fff;
    background-color: #3269ff
}

.p-technology-detail-full__slect:hover {
    border-color: #3269ff
}

.p-technology-detail-full__slect:hover::after {
    border-color: #fff
}

.p-technology-detail-full__slect + .p-technology-detail-full__slect {
    margin-left: -1px
}

.p-technology-detail-full__slect.u-link-arrow::after {
    margin-left: 0
}

.p-technology-detail-full__slect__manufacturer {
    position: relative;
    padding: 6px 15px 6px 15px
}

@media (min-width: 768px) {
    .p-technology-detail-full__slect__manufacturer {
        padding: 9px 20px
    }
}

@media (min-width: 768px)and (max-width: 1040px) {
    .p-technology-detail-full__slect__manufacturer {
        padding: 9px 10px
    }
}

.p-technology-detail-full__slect__manufacturer + .p-technology-detail-full__slect__manufacturer {
    margin-left: 14px
}

.p-technology-detail-full__slect__manufacturer.u-link-arrow::after {
    margin-left: 5px
}

.p-technology-detail-full__slect.current {
    background-color: #fff;
    color: #4d5b6e;
    transition: color .3s, background-color .3s, border .3s
}

.p-technology-detail-full__slect.current:hover {
    color: #fff;
    background-color: #3269ff
}

.p-technology-detail-full__slect.current::after {
    border-color: #4d5b6e
}

.p-technology-detail-full__slect.current:hover::after {
    border-color: #fff
}

@media (min-width: 768px) {
    .p-technology-detail-full__slect {
        padding: 8px;
        min-width: 84px
    }
}

.p-technology-detail-full__contactwarap {
    border-top: solid 1px #dedfe2;
    border-bottom: solid 1px #dedfe2;
    background-color: #fff;
    justify-content: center;
    align-items: center
}

.p-technology-detail-full__contactwarap .tab {
    flex: 0 0 auto;
    padding: 0 30px
}

.p-technology-detail-full__contact {
    margin: 25px auto 0;
    width: 100%
}

@media (min-width: 768px) {
    .p-technology-detail-full__contact {
        margin: 0 auto;
        padding: 0 15px;
        font-size: 14px;
        margin-left: 30px
    }
}

.p-technology-detail-full__contentmenu {
    margin-top: 50px
}

.p-technology-detail-full__contentmenu__toggle {
    display: flex;
    background-color: #fff;
    border: solid 1px #494749;
    position: relative
}

.p-technology-detail-full__contentmenu__toggle .txt {
    flex: 1 1 auto;
    padding: 15px
}

.p-technology-detail-full__contentmenu__content {
    padding: 15px;
    border-bottom: solid 1px #dedfe2
}

.p-technology-detail-full__title {
    font-size: 30px;
    margin-bottom: 30px;
    margin-left: 10px
}

@media (min-width: 768px) {
    .p-technology-detail-full__title {
        margin: 0 auto 60px;
        text-align: center;
        font-size: 40px
    }
}

.p-technology-detail-full__read {
    padding: 0 10px
}

@media (min-width: 768px) {
    .p-technology-detail-full__read {
        margin-bottom: 70px
    }
}

.p-technology-detail-full__subtitle {
    font-size: 18px;
    line-height: 25px;
    margin: 0 10px 20px
}

@media (min-width: 768px) {
    .p-technology-detail-full__subtitle {
        margin: 0 0 30px;
        font-size: 28px;
        line-height: 40px
    }
}

.p-technology-detail-full__content {
    margin-bottom: 4px
}

@media (min-width: 768px) {
    .p-technology-detail-full__content {
        display: flex;
        justify-content: center
    }
}

.p-technology-detail-full__content.is-align-top {
    align-items: flex-start
}

.p-technology-detail-full__content__text {
    margin: 0 10px
}

@media (min-width: 768px) {
    .p-technology-detail-full__content__text {
        flex: 1 1 100%;
        margin: 0 15px 0 0
    }
}

@media (min-width: 768px)and (max-width: 992px) {
    .p-technology-detail-full__content__text {
        margin-right: 20px
    }
}

.p-technology-detail-full__content__text__annotation {
    margin-top: 15px
}

@media (min-width: 768px) {
    .p-technology-detail-full__content__text__annotation {
        margin-top: 20px
    }
}

.p-technology-detail-full__content__photo {
    margin: 30px 10px 0
}

@media (min-width: 768px) {
    .p-technology-detail-full__content__photo {
        flex: 1 1 100%;
        margin: 0 0 0 15px
    }
}

.p-technology-detail-full__content__text_overview {
    margin: 0 10px
}

@media (min-width: 768px) {
    .p-technology-detail-full__content__text_overview {
        flex: 1 1 100%;
        margin: 0 15px 0 0
    }
}

.p-technology-detail-full__content__text_overview__annotation {
    margin-top: 15px
}

@media (min-width: 768px) {
    .p-technology-detail-full__content__text_overview__annotation {
        margin-top: 20px
    }
}

.p-technology-detail-full__content__photo_overview {
    margin: 30px 0px 0
}

@media (min-width: 768px) {
    .p-technology-detail-full__content__photo_overview {
        flex: 1 1 100%;
        margin: 0 0 0 15px
    }
}

@media (min-width: 768px)and (max-width: 1040px) {
    .p-technology-detail-full__content__photo_overview {
        margin: 0 0 0 15px
    }
}

.p-technology-detail-full__link {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    border: solid 1px #4d5b6e;
    width: 239px;
    height: 40px;
    margin: 50px auto 0;
    position: relative
}

@media (min-width: 768px) {
    .p-technology-detail-full__link {
        margin: 30px auto 0 0
    }
}

.p-technology-detail-full__link::after {
    display: inline-block;
    position: absolute;
    right: 20px;
    top: 50%;
    margin-top: -3px;
    height: 6px;
    width: 6px;
    border: solid #000;
    border-width: 1px 1px 0 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    content: ""
}

.p-technology-detail-full__movie {
    display: flex;
    flex-direction: column
}

@media (min-width: 768px) {
    .p-technology-detail-full__movie {
        flex-direction: row
    }
}

.p-technology-detail-full__movie__child {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 30px;
    width: 100%
}

@media (min-width: 768px) {
    .p-technology-detail-full__movie__child {
        width: 50%
    }

    .p-technology-detail-full__movie__child:first-child {
        margin-right: 15px
    }

    .p-technology-detail-full__movie__child:last-child {
        margin-left: 15px
    }
}

.p-technology-detail-full__movie__child p {
    padding-top: 23px
}

.p-technology-detail-full__movie__child__film {
    width: 100%;
    height: 200px
}

@media (min-width: 768px) {
    .p-technology-detail-full__movie__child__film {
        max-width: 585px;
        height: 324px
    }
}

@media (min-width: 768px)and (max-width: 992px) {
    .p-technology-detail-full__movie__child__film {
        height: 200px
    }
}

.p-technology-detail-full__function-top {
    margin: 100px 0 0
}

.p-technology-detail-full__function-top:nth-of-type(1) {
    margin: 0
}

@media (min-width: 768px) {
    .p-technology-detail-full__function-top {
        margin: 100px auto 0
    }
}

.p-technology-detail-full__function-top__title {
    font-size: 18px;
    margin-bottom: 30px;
    padding-left: 10px
}

@media (min-width: 768px) {
    .p-technology-detail-full__function-top__title {
        font-size: 28px;
        margin-bottom: 20px;
        padding-left: 0
    }
}

.p-technology-detail-full__function-top__text {
    padding: 0 10px
}

@media (min-width: 768px) {
    .p-technology-detail-full__function-top__text {
        padding: 0
    }
}

.p-technology-detail-full__function-top__photo {
    display: flex;
    justify-content: space-between;
    margin-top: 25px;
    margin-bottom: 25px
}

@media (min-width: 768px) {
    .p-technology-detail-full__function-top__photo {
        justify-content: center
    }
}

.p-technology-detail-full__function-top__photo__image {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 49%
}

.p-technology-detail-full__function-top__photo__image img {
    margin-bottom: 10px
}

@media (min-width: 768px) {
    .p-technology-detail-full__function-top__photo__image {
        margin-bottom: 0;
        margin-right: 30px;
        width: 380px
    }

    .p-technology-detail-full__function-top__photo__image:last-child {
        margin-right: 0
    }
}

.p-technology-detail-full__function-top__bottom {
    display: flex;
    flex-direction: column
}

@media (min-width: 768px) {
    .p-technology-detail-full__function-top__bottom {
        display: flex;
        flex-direction: row;
        align-items: center
    }
}

@media (min-width: 768px) {
    .p-technology-detail-full__function-top__bottom__text {
        width: 486px;
        margin-right: 130px
    }
}

.p-technology-detail-full__function-top__bottom__photo {
    margin-top: 25px;
    display: flex;
    flex-direction: column;
    align-items: center
}

@media (min-width: 768px) {
    .p-technology-detail-full__function-top__bottom__photo {
        width: 585px
    }
}

.p-technology-detail-full__casestudy {
    margin-top: 75px
}

.p-technology-detail-full__casestudy__title {
    font-size: 18px;
    margin-bottom: 30px;
    padding-left: 10px
}

@media (min-width: 768px) {
    .p-technology-detail-full__casestudy__title {
        font-size: 28px
    }
}

.p-technology-detail-full__casestudy__text {
    font-size: 13px;
    padding: 0 10px
}

@media (min-width: 768px) {
    .p-technology-detail-full__casestudy__text {
        font-size: 16px
    }
}

.p-technology-detail-full__casestudy__photo {
    display: flex;
    justify-content: space-between;
    margin-top: 50px
}

.p-technology-detail-full__casestudy__photo__image {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 49%
}

@media (min-width: 768px) {
    .p-technology-detail-full__casestudy__photo__image img {
        width: 585px
    }
}

.p-technology-detail-full__casestudy__photo__image p {
    margin-top: 15px
}

@media (min-width: 768px) {
    .p-technology-detail-full__casestudy__photo__image p {
        margin-top: 30px
    }
}

.p-technology-detail-full__product-container__title {
    font-size: 25px;
    margin-bottom: 15px;
    text-align: center
}

@media (min-width: 768px) {
    .p-technology-detail-full__product-container__title {
        font-size: 40px;
        padding-bottom: 20px
    }
}

.p-technology-detail-full__connection-content {
    margin-top: 60px
}

@media (min-width: 768px) {
    .p-technology-detail-full__connection-content {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 1230px;
        margin: 100px auto 0
    }
}

.p-technology-detail-full__connection-content__text {
    padding: 0 20px
}

@media (min-width: 768px) {
    .p-technology-detail-full__connection-content__text {
        padding: 0;
        margin-left: 55px;
        width: 730px;
        order: 2
    }
}

.p-technology-detail-full__connection-content__text__annotation {
    margin-top: 15px
}

.p-technology-detail-full__connection-content__photo {
    margin: 30px 10px 0
}

@media (min-width: 768px) {
    .p-technology-detail-full__connection-content__photo {
        margin: 0;
        width: 380px;
        order: 1
    }
}

.p-technology-index__header-bg {
    color: #fff;
    background-image: url(../image/technology_index_kv_pc.jpg)
}

@media (max-width: 767px) {
    .p-technology-index__header-bg {
        background-image: url(../image/technology_index_kv_sp.jpg)
    }
}

.p-technology-wrap {
    display: flex;
    flex-direction: column;
    padding: 0 0 80px
}

@media (min-width: 768px) {
    .p-technology-wrap {
        max-width: 1200px;
        width: 95%;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
        margin: 0 auto 0;
        padding-bottom: 180px
    }
}

@media (min-width: 768px)and (max-width: 992px) {
    .p-technology-wrap {
        width: 95%
    }
}

@media (min-width: 768px) {
    .p-technology-wrap::after {
        content: "";
        display: block;
        width: 523px
    }
}

.p-technology-content {
    padding: 50px 10px
}

@media (max-width: 767px) {
    .p-technology-content:nth-of-type(1) {
        margin-top: 0
    }
}

@media (min-width: 768px) {
    .p-technology-content {
        padding: 75px 0;
        width: 48%
    }
}

@media (min-width: 768px) {
    .p-technology-content__top {
        max-width: 523px
    }
}

@media (min-width: 768px)and (max-width: 992px) {
    .p-technology-content__top {
        width: 350px
    }
}

.p-technology-content__photo {
    margin: 0 0 30px
}

@media (min-width: 768px) {
    .p-technology-content__photo {
        margin: 0
    }
}

.p-technology-content__explanation {
    padding: 0 10px
}

@media (min-width: 768px) {
    .p-technology-content__explanation {
        padding: 0
    }
}

.p-technology-content__name {
    margin: 0 0 20px;
    font-size: 18px;
    text-align: left;
    line-height: 1.33;
    border-bottom: solid 1px #dedfe2;
    padding-bottom: 15px
}

@media (min-width: 768px) {
    .p-technology-content__name {
        margin-bottom: 30px;
        font-size: 24px
    }
}

@media (min-width: 768px)and (max-width: 992px) {
    .p-technology-content__name {
        font-size: 20px
    }
}

.p-technology-content__wrap {
    margin: 50px 0 0
}

@media (min-width: 768px) {
    .p-technology-content__wrap {
        margin: 60px 0 0
    }
}

.p-technology-content__linklist {
    padding: 0 0 0 25px;
    margin-top: 40px
}

@media (min-width: 768px) {
    .p-technology-content__linklist {
        padding: 0 0 0 45px
    }
}

@media (min-width: 768px)and (max-width: 992px) {
    .p-technology-content__linklist {
        padding: 0 0 0 15px
    }
}

.p-technology-content__linklist li {
    margin-bottom: 20px;
    list-style: square
}

.p-technology-content__linklist li:last-child {
    margin-bottom: 0
}

.p-technology-content__linklist a {
    font-size: 15px;
    position: relative
}

.p-technology-content__linklist a::after {
    display: inline-block;
    position: absolute;
    right: -20px;
    margin-top: 8px;
    height: 8px;
    width: 8px;
    border: solid;
    border-width: 1px 1px 0 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    content: ""
}

.p-timeline-sony-semiconductor {
    margin-top: 30px;
    padding: 20px 0 0
}

.p-timeline-sony-semiconductor__title {
    display: block
}

.p-timeline-sony-semiconductor__title__detail {
    display: flex;
    justify-content: space-around
}

.p-timeline-sony-semiconductor__title__detail th, .p-timeline-sony-semiconductor__title__detail p {
    font-family: "SST W55 Bold", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 14px;
    letter-spacing: 1em
}

[lang=en] .p-timeline-sony-semiconductor__title__detail th, [lang=en] .p-timeline-sony-semiconductor__title__detail p {
    font-family: "SST W20 Bold", sans-serif
}

[lang=zh-CN] .p-timeline-sony-semiconductor__title__detail th, [lang=zh-CN] .p-timeline-sony-semiconductor__title__detail p {
    font-family: "SST W20 Bold", sans-serif;
    font-weight: bold
}

[lang=en] .p-timeline-sony-semiconductor__title__detail th, [lang=en] .p-timeline-sony-semiconductor__title__detail p {
    letter-spacing: normal
}

@media (min-width: 768px) {
    .p-timeline-sony-semiconductor__title__detail th, .p-timeline-sony-semiconductor__title__detail p {
        font-size: 28px
    }
}

.p-timeline-sony-semiconductor__title__detail th {
    display: block;
    padding: 50px 0 20px
}

@media (min-width: 768px) {
    .p-timeline-sony-semiconductor__title__detail th {
        padding: 90px 0
    }
}

.p-timeline-sony-semiconductor__conference-timeline {
    display: block;
    position: relative;
    width: 100%;
    margin: 0 auto
}

.p-timeline-sony-semiconductor__conference-timeline td, .p-timeline-sony-semiconductor__conference-timeline th {
    text-align: left;
    font-weight: normal
}

.p-timeline-sony-semiconductor__conference-center-line {
    position: relative
}

.p-timeline-sony-semiconductor__conference-center-line::after {
    content: "";
    display: block;
    position: absolute;
    width: 1px;
    height: 0%;
    top: 20px;
    left: 50%;
    margin-left: -2px;
    background: #4d5b6e;
    z-index: -1;
    transition: all 20s
}

@media (min-width: 768px) {
    .p-timeline-sony-semiconductor__conference-center-line::after {
        transition: all 15s
    }
}

.p-timeline-sony-semiconductor__conference-center-line.active-tl::after {
    height: 100%
}

.p-timeline-sony-semiconductor__conference-timeline-content {
    display: block;
    padding-bottom: 67px
}

.p-timeline-sony-semiconductor__timeline-article {
    display: block;
    width: 100%;
    min-height: 40px;
    position: relative;
    overflow: hidden;
    margin: 20px 0;
    padding: 0 0 10px
}

@media (min-width: 768px) {
    .p-timeline-sony-semiconductor__timeline-article {
        min-height: 80px
    }
}

@media (min-width: 768px) {
    .p-timeline-sony-semiconductor__timeline-article.size-1953 {
        height: 100px
    }
}

@media (max-width: 767px) {
    .p-timeline-sony-semiconductor__timeline-article.size-1966 {
        margin-top: -70px
    }
}

@media (max-width: 767px) {
    .p-timeline-sony-semiconductor__timeline-article.size-1973 {
        margin-top: -70px
    }
}

@media (max-width: 767px) {
    .p-timeline-sony-semiconductor__timeline-article.size-1977 {
        margin-top: -85px
    }
}

@media (min-width: 768px) {
    .p-timeline-sony-semiconductor__timeline-article.size-1998 {
        height: 100px
    }
}

@media (min-width: 768px) {
    .p-timeline-sony-semiconductor__timeline-article.size-1999 {
        height: 100px
    }
}

.p-timeline-sony-semiconductor__timeline-article__content-left-container, .p-timeline-sony-semiconductor__timeline-article__content-right-container {
    max-width: 44%;
    width: 100%;
    position: relative
}

.p-timeline-sony-semiconductor__timeline-article__timeline-author {
    display: block;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    text-align: right
}

.p-timeline-sony-semiconductor__timeline-article__content-left, .p-timeline-sony-semiconductor__timeline-article__content-right {
    opacity: 0
}

@-webkit-keyframes tl_content {
    0% {
        bottom: -20px;
        opacity: 0
    }
    100% {
        bottom: 0;
        opacity: 1
    }
}

@keyframes tl_content {
    0% {
        bottom: -20px;
        opacity: 0
    }
    100% {
        bottom: 0;
        opacity: 1
    }
}

.p-timeline-sony-semiconductor__timeline-article__content-left.active-tl_content, .p-timeline-sony-semiconductor__timeline-article__content-right.active-tl_content {
    -webkit-animation: tl_content .5s ease-in-out .6s forwards;
    animation: tl_content .5s ease-in-out .6s forwards
}

.p-timeline-sony-semiconductor__timeline-article__content-left {
    position: relative;
    width: auto;
    padding: 20px 20px 0 10px
}

.p-timeline-sony-semiconductor__timeline-article__content-left:nth-of-type(1) {
    padding: 0 20px 0 10px
}

@media (min-width: 768px) {
    .p-timeline-sony-semiconductor__timeline-article__content-left {
        padding: 0;
        display: flex;
        align-items: center;
        padding-top: 30px
    }

    .p-timeline-sony-semiconductor__timeline-article__content-left:nth-of-type(1) {
        padding: 0
    }

    .p-timeline-sony-semiconductor__timeline-article__content-left.box-1960 {
        display: block
    }

    .p-timeline-sony-semiconductor__timeline-article__content-left.box-1997 {
        display: block
    }

    .p-timeline-sony-semiconductor__timeline-article__content-left.box-1997 > div {
        margin-top: 30px
    }

    .p-timeline-sony-semiconductor__timeline-article__content-left.box-2002 {
        display: block
    }

    .p-timeline-sony-semiconductor__timeline-article__content-left.box-2002 > div {
        margin-top: 30px
    }

    .p-timeline-sony-semiconductor__timeline-article__content-left.box-2016 {
        display: block
    }

    .p-timeline-sony-semiconductor__timeline-article__content-left.box-2016 > div {
        margin-top: 30px
    }
}

.p-timeline-sony-semiconductor__timeline-article__content-left .content_text {
    font-family: "SST W55 Light", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    padding: 20px 0 0;
    font-size: 12px;
    line-height: 17px;
    position: relative
}

[lang=en] .p-timeline-sony-semiconductor__timeline-article__content-left .content_text {
    font-family: "SST W20 Light", sans-serif
}

[lang=zh-CN] .p-timeline-sony-semiconductor__timeline-article__content-left .content_text {
    font-family: "SST W20 Light", sans-serif
}

.p-timeline-sony-semiconductor__timeline-article__content-left .content_text:nth-of-type(1) {
    padding: 0
}

@media (min-width: 768px) {
    .p-timeline-sony-semiconductor__timeline-article__content-left .content_text {
        font-size: 16px;
        line-height: 26px;
        order: 2
    }
}

.p-timeline-sony-semiconductor__timeline-article__content-left .content_text2000 {
    font-family: "SST W55 Light", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    padding: 20px 0 0;
    font-size: 12px;
    line-height: 17px;
    position: relative
}

[lang=en] .p-timeline-sony-semiconductor__timeline-article__content-left .content_text2000 {
    font-family: "SST W20 Light", sans-serif
}

[lang=zh-CN] .p-timeline-sony-semiconductor__timeline-article__content-left .content_text2000 {
    font-family: "SST W20 Light", sans-serif
}

.p-timeline-sony-semiconductor__timeline-article__content-left .content_text2000:nth-of-type(1) {
    padding: 0
}

@media (min-width: 768px) {
    .p-timeline-sony-semiconductor__timeline-article__content-left .content_text2000 {
        font-size: 16px;
        line-height: 26px;
        margin-right: 10px
    }
}

.p-timeline-sony-semiconductor__timeline-article__content-left .content_photo {
    height: 58px;
    width: auto
}

@media (max-width: 767px) {
    .p-timeline-sony-semiconductor__timeline-article__content-left .content_photo {
        margin-top: 10px
    }
}

@media (min-width: 768px) {
    .p-timeline-sony-semiconductor__timeline-article__content-left .content_photo {
        height: 115px;
        order: 1;
        margin-right: 30px
    }
}

.p-timeline-sony-semiconductor__timeline-article__content-right {
    position: relative;
    width: auto;
    padding: 20px 10px 0 20px
}

.p-timeline-sony-semiconductor__timeline-article__content-right:nth-of-type(1) {
    padding: 0 10px 0 20px
}

@media (min-width: 768px) {
    .p-timeline-sony-semiconductor__timeline-article__content-right {
        padding: 0;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding-top: 30px
    }

    .p-timeline-sony-semiconductor__timeline-article__content-right:nth-of-type(1) {
        padding: 0
    }
}

.p-timeline-sony-semiconductor__timeline-article__content-right .content_text {
    font-family: "SST W55 Light", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    padding: 20px 0 0;
    font-size: 12px;
    line-height: 17px;
    position: relative
}

[lang=en] .p-timeline-sony-semiconductor__timeline-article__content-right .content_text {
    font-family: "SST W20 Light", sans-serif
}

[lang=zh-CN] .p-timeline-sony-semiconductor__timeline-article__content-right .content_text {
    font-family: "SST W20 Light", sans-serif
}

.p-timeline-sony-semiconductor__timeline-article__content-right .content_text:nth-of-type(1) {
    padding: 0
}

@media (min-width: 768px) {
    .p-timeline-sony-semiconductor__timeline-article__content-right .content_text {
        font-size: 16px;
        line-height: 26px;
        order: 1;
        margin-left: 30px;
        margin-right: 15px
    }
}

@media (min-width: 768px) {
    .p-timeline-sony-semiconductor__timeline-article__content-right .content_text.text-2000 {
        margin-top: -60px
    }
}

@media (min-width: 768px) {
    .p-timeline-sony-semiconductor__timeline-article__content-right .content_text.text-2010 {
        padding-top: 190px !important
    }
}

.p-timeline-sony-semiconductor__timeline-article__content-right .content_photo {
    height: 58px;
    width: auto
}

@media (max-width: 767px) {
    .p-timeline-sony-semiconductor__timeline-article__content-right .content_photo {
        display: block;
        margin-left: auto;
        margin-top: 10px
    }
}

@media (min-width: 768px) {
    .p-timeline-sony-semiconductor__timeline-article__content-right .content_photo {
        height: 115px;
        order: 2
    }
}

.p-timeline-sony-semiconductor__timeline-article__content-right .content_photo.verticalpic {
    height: 88px
}

@media (min-width: 768px) {
    .p-timeline-sony-semiconductor__timeline-article__content-right .content_photo.verticalpic {
        height: 175px
    }
}

.p-timeline-sony-semiconductor__timeline-article__content-left-container {
    display: block;
    float: left;
    padding-top: 10px
}

@media (min-width: 768px) {
    .p-timeline-sony-semiconductor__timeline-article__content-left-container {
        padding-top: 0
    }

    .p-timeline-sony-semiconductor__timeline-article__content-left-container.top-1970 {
        padding-top: 40px
    }

    .p-timeline-sony-semiconductor__timeline-article__content-left-container.top-1977 {
        padding-top: 40px
    }

    .p-timeline-sony-semiconductor__timeline-article__content-left-container.top-1986 {
        padding-top: 40px
    }

    .p-timeline-sony-semiconductor__timeline-article__content-left-container.top-1998 {
        padding-top: 40px
    }

    .p-timeline-sony-semiconductor__timeline-article__content-left-container.top-1999 {
        padding-top: 40px
    }

    .p-timeline-sony-semiconductor__timeline-article__content-left-container.top-2001 {
        padding-top: 40px
    }

    .p-timeline-sony-semiconductor__timeline-article__content-left-container.top-2009 {
        padding-top: 40px
    }

    .p-timeline-sony-semiconductor__timeline-article__content-left-container.top-2012 {
        padding-top: 40px
    }

    .p-timeline-sony-semiconductor__timeline-article__content-left-container.top-2014 {
        padding-top: 21px
    }

    .p-timeline-sony-semiconductor__timeline-article__content-left-container.top-2015 {
        padding-top: 40px
    }

    .p-timeline-sony-semiconductor__timeline-article__content-left-container.top-2020 {
        padding-top: 16px
    }
}

.p-timeline-sony-semiconductor__timeline-article__content-right-container {
    display: block;
    float: right;
    padding-top: 10px
}

@media (min-width: 768px) {
    .p-timeline-sony-semiconductor__timeline-article__content-right-container {
        padding-top: 0
    }

    .p-timeline-sony-semiconductor__timeline-article__content-right-container.top-1953 {
        padding-top: 45px
    }

    .p-timeline-sony-semiconductor__timeline-article__content-right-container.top-1986 {
        top: -26px
    }

    .p-timeline-sony-semiconductor__timeline-article__content-right-container.top-1987 {
        padding-top: 40px
    }

    .p-timeline-sony-semiconductor__timeline-article__content-right-container.top-1991 {
        padding-top: 40px
    }

    .p-timeline-sony-semiconductor__timeline-article__content-right-container.top-2001 {
        padding-top: 5px
    }

    .p-timeline-sony-semiconductor__timeline-article__content-right-container.top-2002 {
        padding-top: 40px
    }

    .p-timeline-sony-semiconductor__timeline-article__content-right-container.top-2004 {
        padding-top: 40px
    }

    .p-timeline-sony-semiconductor__timeline-article__content-right-container.top-2006 {
        padding-top: 40px
    }

    .p-timeline-sony-semiconductor__timeline-article__content-right-container.top-2008 {
        padding-top: 40px
    }

    .p-timeline-sony-semiconductor__timeline-article__content-right-container.top-2012 {
        padding-top: 21px
    }

    .p-timeline-sony-semiconductor__timeline-article__content-right-container.top-2013 {
        padding-top: 40px
    }

    .p-timeline-sony-semiconductor__timeline-article__content-right-container.top-2014 {
        padding-top: 40px
    }

    .p-timeline-sony-semiconductor__timeline-article__content-right-container.top-2015 {
        padding-top: 40px
    }

    .p-timeline-sony-semiconductor__timeline-article__content-right-container.top-2016 {
        padding-top: 40px
    }

    .p-timeline-sony-semiconductor__timeline-article__content-right-container.top-2019 {
        padding-top: 40px
    }
}

.p-timeline-sony-semiconductor__timeline-article .separation_year_l {
    padding: 10px 0;
    font-size: 30px;
    line-height: 17px;
    position: relative;
    text-align: right;
    font-family: "SSTJapanese W55 Regular", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif
}

[lang=en] .p-timeline-sony-semiconductor__timeline-article .separation_year_l {
    font-family: "SST W20 Roman", "Helvetica Neue", Helvetica, Arial, sans-serif
}

[lang=zh-CN] .p-timeline-sony-semiconductor__timeline-article .separation_year_l {
    font-family: "SST W20 Roman", "Hiragino Kaku Gothic ProN", "Heiti TC", Roboto, Droid, "Helvetica Neue", Helvetica, Arial, sans-serif
}

@media (min-width: 768px) {
    .p-timeline-sony-semiconductor__timeline-article .separation_year_l {
        font-size: 70px;
        line-height: 84px;
        order: 1
    }
}

.p-timeline-sony-semiconductor__timeline-article .separation_year_r {
    padding: 10px 0;
    font-size: 30px;
    line-height: 17px;
    position: relative;
    text-align: left;
    font-family: "SSTJapanese W55 Regular", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif
}

[lang=en] .p-timeline-sony-semiconductor__timeline-article .separation_year_r {
    font-family: "SST W20 Roman", "Helvetica Neue", Helvetica, Arial, sans-serif
}

[lang=zh-CN] .p-timeline-sony-semiconductor__timeline-article .separation_year_r {
    font-family: "SST W20 Roman", "Hiragino Kaku Gothic ProN", "Heiti TC", Roboto, Droid, "Helvetica Neue", Helvetica, Arial, sans-serif
}

@media (min-width: 768px) {
    .p-timeline-sony-semiconductor__timeline-article .separation_year_r {
        font-size: 70px;
        line-height: 84px
    }
}

.p-timeline-sony-semiconductor__timeline-article__meta-date {
    display: block;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -20px;
    width: 40px;
    height: 40px;
    color: #fff
}

@media (min-width: 768px) {
    .p-timeline-sony-semiconductor__timeline-article__meta-date {
        top: 20px;
        width: 80px;
        height: 80px;
        margin-left: -40px
    }
}

.p-timeline-sony-semiconductor__timeline-article__meta-date__year {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    -webkit-transform: scale(0, 0);
    transform: scale(0, 0);
    opacity: 0;
    border-radius: 100%;
    background: #4d5b6e;
    font-size: 13px;
    font-family: "SST W55 Light", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif
}

[lang=en] .p-timeline-sony-semiconductor__timeline-article__meta-date__year {
    font-family: "SST W20 Light", sans-serif
}

[lang=zh-CN] .p-timeline-sony-semiconductor__timeline-article__meta-date__year {
    font-family: "SST W20 Light", sans-serif
}

@media (min-width: 768px) {
    .p-timeline-sony-semiconductor__timeline-article__meta-date__year {
        width: 80px;
        height: 80px;
        font-size: 18px
    }
}

.p-timeline-sony-semiconductor__timeline-article__meta-date__year.active-tl_year {
    opacity: 1;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    transition: .5s
}

.p-timeline-sony-semiconductor__timeline-article__meta-date__year.historyborder {
    position: relative
}

.p-timeline-sony-semiconductor__timeline-article__meta-date__year.historyborder::after, .p-timeline-sony-semiconductor__timeline-article__meta-date__year.historyborder::before {
    content: "";
    display: block;
    height: 1px;
    background-color: #4d5b6e;
    position: absolute;
    top: 45%;
    width: 0;
    z-index: -1;
    transition: .5s .3s
}

.p-timeline-sony-semiconductor__timeline-article__meta-date__year.historyborder::before {
    right: 100%
}

.p-timeline-sony-semiconductor__timeline-article__meta-date__year.historyborder::after {
    left: 100%
}

.p-timeline-sony-semiconductor__timeline-article__meta-date__year.historyborder.active-tl_line.is-1953::after {
    width: 20px
}

@media (min-width: 768px) {
    .p-timeline-sony-semiconductor__timeline-article__meta-date__year.historyborder.active-tl_line.is-1953::after {
        width: 40px
    }
}

.p-timeline-sony-semiconductor__timeline-article__meta-date__year.historyborder.active-tl_line.is-1954::before {
    width: 20px
}

@media (min-width: 768px) {
    .p-timeline-sony-semiconductor__timeline-article__meta-date__year.historyborder.active-tl_line.is-1954::before {
        width: 120px
    }
}

.p-timeline-sony-semiconductor__timeline-article__meta-date__year.historyborder.active-tl_line.is-1957::before {
    width: 20px
}

@media (min-width: 768px) {
    .p-timeline-sony-semiconductor__timeline-article__meta-date__year.historyborder.active-tl_line.is-1957::before {
        width: 210px
    }
}

.p-timeline-sony-semiconductor__timeline-article__meta-date__year.historyborder.active-tl_line.is-1958::before {
    width: 40px
}

@media (min-width: 768px) {
    .p-timeline-sony-semiconductor__timeline-article__meta-date__year.historyborder.active-tl_line.is-1958::before {
        width: 130px
    }
}

.p-timeline-sony-semiconductor__timeline-article__meta-date__year.historyborder.active-tl_line.is-1966::before {
    width: 40px
}

@media (min-width: 768px) {
    .p-timeline-sony-semiconductor__timeline-article__meta-date__year.historyborder.active-tl_line.is-1966::before {
        width: 150px
    }
}

.p-timeline-sony-semiconductor__timeline-article__meta-date__year.historyborder.active-tl_line.is-1968::before {
    width: 40px
}

@media (min-width: 768px) {
    .p-timeline-sony-semiconductor__timeline-article__meta-date__year.historyborder.active-tl_line.is-1968::before {
        width: 150px
    }
}

.p-timeline-sony-semiconductor__timeline-article__meta-date__year.historyborder.active-tl_line.is-1969::after {
    width: 20px
}

@media (min-width: 768px) {
    .p-timeline-sony-semiconductor__timeline-article__meta-date__year.historyborder.active-tl_line.is-1969::after {
        width: 40px
    }
}

.p-timeline-sony-semiconductor__timeline-article__meta-date__year.historyborder.active-tl_line.is-1972::before {
    width: 20px
}

@media (min-width: 768px) {
    .p-timeline-sony-semiconductor__timeline-article__meta-date__year.historyborder.active-tl_line.is-1972::before {
        width: 150px
    }
}

.p-timeline-sony-semiconductor__timeline-article__meta-date__year.historyborder.active-tl_line.is-1973::after {
    width: 20px
}

@media (min-width: 768px) {
    .p-timeline-sony-semiconductor__timeline-article__meta-date__year.historyborder.active-tl_line.is-1973::after {
        width: 40px
    }
}

.p-timeline-sony-semiconductor__timeline-article__meta-date__year.historyborder.active-tl_line.is-1977::before {
    width: 40px
}

@media (min-width: 768px) {
    .p-timeline-sony-semiconductor__timeline-article__meta-date__year.historyborder.active-tl_line.is-1977::before {
        width: 150px
    }
}

.p-timeline-sony-semiconductor__timeline-article__meta-date__year.historyborder.active-tl_line.is-1978::before {
    width: 40px
}

@media (min-width: 768px) {
    .p-timeline-sony-semiconductor__timeline-article__meta-date__year.historyborder.active-tl_line.is-1978::before {
        width: 150px
    }
}

.p-timeline-sony-semiconductor__timeline-article__meta-date__year.historyborder.active-tl_line.is-1982::before {
    width: 40px
}

@media (min-width: 768px) {
    .p-timeline-sony-semiconductor__timeline-article__meta-date__year.historyborder.active-tl_line.is-1982::before {
        width: 170px
    }
}

.p-timeline-sony-semiconductor__timeline-article__meta-date__year.historyborder.active-tl_line.is-1984::before {
    width: 40px
}

@media (min-width: 768px) {
    .p-timeline-sony-semiconductor__timeline-article__meta-date__year.historyborder.active-tl_line.is-1984::before {
        width: 170px
    }
}

.p-timeline-sony-semiconductor__timeline-article__meta-date__year.historyborder.active-tl_line.is-1984::after {
    width: 20px
}

@media (min-width: 768px) {
    .p-timeline-sony-semiconductor__timeline-article__meta-date__year.historyborder.active-tl_line.is-1984::after {
        width: 40px
    }
}

.p-timeline-sony-semiconductor__timeline-article__meta-date__year.historyborder.active-tl_line.is-1986::before {
    width: 240px
}

@media (min-width: 768px) {
    .p-timeline-sony-semiconductor__timeline-article__meta-date__year.historyborder.active-tl_line.is-1986::before {
        width: 280px
    }
}

.p-timeline-sony-semiconductor__timeline-article__meta-date__year.historyborder.active-tl_line.is-1986::after {
    width: 20px
}

@media (min-width: 768px) {
    .p-timeline-sony-semiconductor__timeline-article__meta-date__year.historyborder.active-tl_line.is-1986::after {
        width: 40px
    }
}

.p-timeline-sony-semiconductor__timeline-article__meta-date__year.historyborder.active-tl_line.is-1987::before {
    width: 60px
}

@media (min-width: 768px) {
    .p-timeline-sony-semiconductor__timeline-article__meta-date__year.historyborder.active-tl_line.is-1987::before {
        width: 170px
    }
}

.p-timeline-sony-semiconductor__timeline-article__meta-date__year.historyborder.active-tl_line.is-1987::after {
    width: 20px
}

@media (min-width: 768px) {
    .p-timeline-sony-semiconductor__timeline-article__meta-date__year.historyborder.active-tl_line.is-1987::after {
        width: 40px
    }
}

.p-timeline-sony-semiconductor__timeline-article__meta-date__year.historyborder.active-tl_line.is-1989::before {
    width: 60px
}

@media (min-width: 768px) {
    .p-timeline-sony-semiconductor__timeline-article__meta-date__year.historyborder.active-tl_line.is-1989::before {
        width: 90px
    }
}

.p-timeline-sony-semiconductor__timeline-article__meta-date__year.historyborder.active-tl_line.is-1991::after {
    width: 20px
}

@media (min-width: 768px) {
    .p-timeline-sony-semiconductor__timeline-article__meta-date__year.historyborder.active-tl_line.is-1991::after {
        width: 40px
    }
}

.p-timeline-sony-semiconductor__timeline-article__meta-date__year.historyborder.active-tl_line.is-1992::before {
    width: 40px
}

@media (min-width: 768px) {
    .p-timeline-sony-semiconductor__timeline-article__meta-date__year.historyborder.active-tl_line.is-1992::before {
        width: 90px
    }
}

.p-timeline-sony-semiconductor__timeline-article__meta-date__year.historyborder.active-tl_line.is-1993::before {
    width: 40px
}

@media (min-width: 768px) {
    .p-timeline-sony-semiconductor__timeline-article__meta-date__year.historyborder.active-tl_line.is-1993::before {
        width: 100px
    }
}

.p-timeline-sony-semiconductor__timeline-article__meta-date__year.historyborder.active-tl_line.is-1994::before {
    width: 40px
}

@media (min-width: 768px) {
    .p-timeline-sony-semiconductor__timeline-article__meta-date__year.historyborder.active-tl_line.is-1994::before {
        width: 180px
    }
}

.p-timeline-sony-semiconductor__timeline-article__meta-date__year.historyborder.active-tl_line.is-1995::before {
    width: 40px
}

@media (min-width: 768px) {
    .p-timeline-sony-semiconductor__timeline-article__meta-date__year.historyborder.active-tl_line.is-1995::before {
        width: 180px
    }
}

.p-timeline-sony-semiconductor__timeline-article__meta-date__year.historyborder.active-tl_line.is-1995::after {
    width: 20px
}

@media (min-width: 768px) {
    .p-timeline-sony-semiconductor__timeline-article__meta-date__year.historyborder.active-tl_line.is-1995::after {
        width: 40px
    }
}

.p-timeline-sony-semiconductor__timeline-article__meta-date__year.historyborder.active-tl_line.is-1996::before {
    width: 40px
}

@media (min-width: 768px) {
    .p-timeline-sony-semiconductor__timeline-article__meta-date__year.historyborder.active-tl_line.is-1996::before {
        width: 150px
    }
}

.p-timeline-sony-semiconductor__timeline-article__meta-date__year.historyborder.active-tl_line.is-1997::before {
    width: 20px
}

@media (min-width: 768px) {
    .p-timeline-sony-semiconductor__timeline-article__meta-date__year.historyborder.active-tl_line.is-1997::before {
        width: 150px
    }
}

.p-timeline-sony-semiconductor__timeline-article__meta-date__year.historyborder.active-tl_line.is-1998::before {
    width: 40px
}

@media (min-width: 768px) {
    .p-timeline-sony-semiconductor__timeline-article__meta-date__year.historyborder.active-tl_line.is-1998::before {
        width: 220px
    }
}

.p-timeline-sony-semiconductor__timeline-article__meta-date__year.historyborder.active-tl_line.is-1999::before {
    width: 40px
}

@media (min-width: 768px) {
    .p-timeline-sony-semiconductor__timeline-article__meta-date__year.historyborder.active-tl_line.is-1999::before {
        width: 220px
    }
}

.p-timeline-sony-semiconductor__timeline-article__meta-date__year.historyborder.active-tl_line.is-2001::before {
    width: 60px
}

@media (min-width: 768px) {
    .p-timeline-sony-semiconductor__timeline-article__meta-date__year.historyborder.active-tl_line.is-2001::before {
        width: 220px
    }
}

.p-timeline-sony-semiconductor__timeline-article__meta-date__year.historyborder.active-tl_line.is-2001::after {
    width: 20px
}

@media (min-width: 768px) {
    .p-timeline-sony-semiconductor__timeline-article__meta-date__year.historyborder.active-tl_line.is-2001::after {
        width: 40px
    }
}

.p-timeline-sony-semiconductor__timeline-article__meta-date__year.historyborder.active-tl_line.is-2002::before {
    width: 80px
}

@media (min-width: 768px) {
    .p-timeline-sony-semiconductor__timeline-article__meta-date__year.historyborder.active-tl_line.is-2002::before {
        width: 120px
    }
}

.p-timeline-sony-semiconductor__timeline-article__meta-date__year.historyborder.active-tl_line.is-2002::after {
    width: 20px
}

@media (min-width: 768px) {
    .p-timeline-sony-semiconductor__timeline-article__meta-date__year.historyborder.active-tl_line.is-2002::after {
        width: 40px
    }
}

.p-timeline-sony-semiconductor__timeline-article__meta-date__year.historyborder.active-tl_line.is-2003::before {
    width: 20px
}

@media (min-width: 768px) {
    .p-timeline-sony-semiconductor__timeline-article__meta-date__year.historyborder.active-tl_line.is-2003::before {
        width: 120px
    }
}

.p-timeline-sony-semiconductor__timeline-article__meta-date__year.historyborder.active-tl_line.is-2004::before {
    width: 20px
}

@media (min-width: 768px) {
    .p-timeline-sony-semiconductor__timeline-article__meta-date__year.historyborder.active-tl_line.is-2004::before {
        width: 180px
    }
}

.p-timeline-sony-semiconductor__timeline-article__meta-date__year.historyborder.active-tl_line.is-2004::after {
    width: 20px
}

@media (min-width: 768px) {
    .p-timeline-sony-semiconductor__timeline-article__meta-date__year.historyborder.active-tl_line.is-2004::after {
        width: 40px
    }
}

.p-timeline-sony-semiconductor__timeline-article__meta-date__year.historyborder.active-tl_line.is-2005::before {
    width: 20px
}

@media (min-width: 768px) {
    .p-timeline-sony-semiconductor__timeline-article__meta-date__year.historyborder.active-tl_line.is-2005::before {
        width: 40px
    }
}

.p-timeline-sony-semiconductor__timeline-article__meta-date__year.historyborder.active-tl_line.is-2006::before {
    width: 20px
}

@media (min-width: 768px) {
    .p-timeline-sony-semiconductor__timeline-article__meta-date__year.historyborder.active-tl_line.is-2006::before {
        width: 120px
    }
}

.p-timeline-sony-semiconductor__timeline-article__meta-date__year.historyborder.active-tl_line.is-2006::after {
    width: 20px
}

@media (min-width: 768px) {
    .p-timeline-sony-semiconductor__timeline-article__meta-date__year.historyborder.active-tl_line.is-2006::after {
        width: 40px
    }
}

.p-timeline-sony-semiconductor__timeline-article__meta-date__year.historyborder.active-tl_line.is-2007::before {
    width: 60px
}

@media (min-width: 768px) {
    .p-timeline-sony-semiconductor__timeline-article__meta-date__year.historyborder.active-tl_line.is-2007::before {
        width: 130px
    }
}

.p-timeline-sony-semiconductor__timeline-article__meta-date__year.historyborder.active-tl_line.is-2008::before {
    width: 20px
}

@media (min-width: 768px) {
    .p-timeline-sony-semiconductor__timeline-article__meta-date__year.historyborder.active-tl_line.is-2008::before {
        width: 120px
    }
}

.p-timeline-sony-semiconductor__timeline-article__meta-date__year.historyborder.active-tl_line.is-2008::after {
    width: 20px
}

@media (min-width: 768px) {
    .p-timeline-sony-semiconductor__timeline-article__meta-date__year.historyborder.active-tl_line.is-2008::after {
        width: 40px
    }
}

.p-timeline-sony-semiconductor__timeline-article__meta-date__year.historyborder.active-tl_line.is-2009::before {
    width: 20px
}

@media (min-width: 768px) {
    .p-timeline-sony-semiconductor__timeline-article__meta-date__year.historyborder.active-tl_line.is-2009::before {
        width: 120px
    }
}

.p-timeline-sony-semiconductor__timeline-article__meta-date__year.historyborder.active-tl_line.is-2011::before {
    width: 20px
}

@media (min-width: 768px) {
    .p-timeline-sony-semiconductor__timeline-article__meta-date__year.historyborder.active-tl_line.is-2011::before {
        width: 180px
    }
}

.p-timeline-sony-semiconductor__timeline-article__meta-date__year.historyborder.active-tl_line.is-2011::after {
    width: 20px
}

@media (min-width: 768px) {
    .p-timeline-sony-semiconductor__timeline-article__meta-date__year.historyborder.active-tl_line.is-2011::after {
        width: 40px
    }
}

.p-timeline-sony-semiconductor__timeline-article__meta-date__year.historyborder.active-tl_line.is-2012::before {
    width: 20px
}

@media (min-width: 768px) {
    .p-timeline-sony-semiconductor__timeline-article__meta-date__year.historyborder.active-tl_line.is-2012::before {
        width: 180px
    }
}

.p-timeline-sony-semiconductor__timeline-article__meta-date__year.historyborder.active-tl_line.is-2012::after {
    width: 20px
}

@media (min-width: 768px) {
    .p-timeline-sony-semiconductor__timeline-article__meta-date__year.historyborder.active-tl_line.is-2012::after {
        width: 40px
    }
}

.p-timeline-sony-semiconductor__timeline-article__meta-date__year.historyborder.active-tl_line.is-2013::before {
    width: 20px
}

@media (min-width: 768px) {
    .p-timeline-sony-semiconductor__timeline-article__meta-date__year.historyborder.active-tl_line.is-2013::before {
        width: 40px
    }
}

.p-timeline-sony-semiconductor__timeline-article__meta-date__year.historyborder.active-tl_line.is-2013::after {
    width: 20px
}

@media (min-width: 768px) {
    .p-timeline-sony-semiconductor__timeline-article__meta-date__year.historyborder.active-tl_line.is-2013::after {
        width: 40px
    }
}

.p-timeline-sony-semiconductor__timeline-article__meta-date__year.historyborder.active-tl_line.is-2014::before {
    width: 20px
}

@media (min-width: 768px) {
    .p-timeline-sony-semiconductor__timeline-article__meta-date__year.historyborder.active-tl_line.is-2014::before {
        width: 180px
    }
}

.p-timeline-sony-semiconductor__timeline-article__meta-date__year.historyborder.active-tl_line.is-2014::after {
    width: 20px
}

@media (min-width: 768px) {
    .p-timeline-sony-semiconductor__timeline-article__meta-date__year.historyborder.active-tl_line.is-2014::after {
        width: 40px
    }
}

.p-timeline-sony-semiconductor__timeline-article__meta-date__year.historyborder.active-tl_line.is-2015::before {
    width: 20px
}

@media (min-width: 768px) {
    .p-timeline-sony-semiconductor__timeline-article__meta-date__year.historyborder.active-tl_line.is-2015::before {
        width: 180px
    }
}

.p-timeline-sony-semiconductor__timeline-article__meta-date__year.historyborder.active-tl_line.is-2015::after {
    width: 20px
}

@media (min-width: 768px) {
    .p-timeline-sony-semiconductor__timeline-article__meta-date__year.historyborder.active-tl_line.is-2015::after {
        width: 40px
    }
}

.p-timeline-sony-semiconductor__timeline-article__meta-date__year.historyborder.active-tl_line.is-2016::before {
    width: 20px
}

@media (min-width: 768px) {
    .p-timeline-sony-semiconductor__timeline-article__meta-date__year.historyborder.active-tl_line.is-2016::before {
        width: 120px
    }
}

.p-timeline-sony-semiconductor__timeline-article__meta-date__year.historyborder.active-tl_line.is-2016::after {
    width: 20px
}

@media (min-width: 768px) {
    .p-timeline-sony-semiconductor__timeline-article__meta-date__year.historyborder.active-tl_line.is-2016::after {
        width: 40px
    }
}

.p-timeline-sony-semiconductor__timeline-article__meta-date__year.historyborder.active-tl_line.is-2017::before {
    width: 20px
}

@media (min-width: 768px) {
    .p-timeline-sony-semiconductor__timeline-article__meta-date__year.historyborder.active-tl_line.is-2017::before {
        width: 180px
    }
}

.p-timeline-sony-semiconductor__timeline-article__meta-date__year.historyborder.active-tl_line.is-2018::before {
    width: 20px
}

@media (min-width: 768px) {
    .p-timeline-sony-semiconductor__timeline-article__meta-date__year.historyborder.active-tl_line.is-2018::before {
        width: 120px
    }
}

.p-timeline-sony-semiconductor__timeline-article__meta-date__year.historyborder.active-tl_line.is-2019::before {
    width: 20px
}

@media (min-width: 768px) {
    .p-timeline-sony-semiconductor__timeline-article__meta-date__year.historyborder.active-tl_line.is-2019::before {
        width: 120px
    }
}

.p-timeline-sony-semiconductor__timeline-article__meta-date__year.historyborder.active-tl_line.is-2019::after {
    width: 20px
}

@media (min-width: 768px) {
    .p-timeline-sony-semiconductor__timeline-article__meta-date__year.historyborder.active-tl_line.is-2019::after {
        width: 40px
    }
}

.p-timeline-sony-semiconductor__timeline-article__separation {
    position: absolute;
    top: 20px;
    left: -1px;
    right: 0;
    margin: 0 auto;
    width: 10px;
    height: 10px;
    display: flex;
    align-items: center;
    justify-content: center
}

@media (min-width: 768px) {
    .p-timeline-sony-semiconductor__timeline-article__separation {
        top: 50px
    }
}

.p-timeline-sony-semiconductor__timeline-article__separation.historyborder {
    position: relative
}

.p-timeline-sony-semiconductor__timeline-article__separation.historyborder::after, .p-timeline-sony-semiconductor__timeline-article__separation.historyborder::before {
    content: "";
    display: block;
    height: 1px;
    background-color: #4d5b6e;
    position: absolute;
    top: 45%;
    width: 0;
    z-index: -1;
    transition: .5s .3s
}

.p-timeline-sony-semiconductor__timeline-article__separation.historyborder.active-tl_line.is-1960::before {
    width: 35px;
    left: 0
}

@media (min-width: 768px) {
    .p-timeline-sony-semiconductor__timeline-article__separation.historyborder.active-tl_line.is-1960::before {
        width: 90px
    }
}

.p-timeline-sony-semiconductor__timeline-article__separation.historyborder.active-tl_line.is-1970::before {
    width: 60px;
    right: 0
}

@media (min-width: 768px) {
    .p-timeline-sony-semiconductor__timeline-article__separation.historyborder.active-tl_line.is-1970::before {
        width: 420px
    }
}

.p-timeline-sony-semiconductor__timeline-article__separation.historyborder.active-tl_line.is-1980::before {
    width: 60px;
    right: 0
}

@media (min-width: 768px) {
    .p-timeline-sony-semiconductor__timeline-article__separation.historyborder.active-tl_line.is-1980::before {
        width: 170px
    }
}

.p-timeline-sony-semiconductor__timeline-article__separation.historyborder.active-tl_line.is-1990::before {
    width: 50px;
    right: 0
}

@media (min-width: 768px) {
    .p-timeline-sony-semiconductor__timeline-article__separation.historyborder.active-tl_line.is-1990::before {
        width: 90px
    }
}

.p-timeline-sony-semiconductor__timeline-article__separation.historyborder.active-tl_line.is-2000::before {
    width: 35px;
    left: 0
}

@media (min-width: 768px) {
    .p-timeline-sony-semiconductor__timeline-article__separation.historyborder.active-tl_line.is-2000::before {
        width: 90px
    }
}

.p-timeline-sony-semiconductor__timeline-article__separation.historyborder.active-tl_line.is-2010::before {
    width: 40px;
    right: 0
}

@media (min-width: 768px) {
    .p-timeline-sony-semiconductor__timeline-article__separation.historyborder.active-tl_line.is-2010::before {
        width: 90px
    }
}

.p-timeline-sony-semiconductor__timeline-article__separation.historyborder.active-tl_line.is-2020::before {
    width: 40px;
    right: 0
}

@media (min-width: 768px) {
    .p-timeline-sony-semiconductor__timeline-article__separation.historyborder.active-tl_line.is-2020::before {
        width: 90px
    }
}

.p-top_message {
    margin: 80px 0 95px
}

.p-top_message__head {
    background-color: rgba(255, 255, 255, .85);
    padding: 15px;
    margin: 0 15px;
    min-height: 150px;
    height: auto
}

@media (min-width: 768px) {
    .p-top_message__head {
        padding: 100px 60px;
        width: 585px
    }
}

.p-top_message__head__bg {
    padding: 180px 0 20px;
    background: url("../image/company_message_kv_sp.jpg") no-repeat center center;
    background-size: cover
}

@media (max-width: 767px) {
    .p-top_message__head__bg {
        max-height: 350px
    }
}

@media (min-width: 768px) {
    .p-top_message__head__bg {
        padding: 55px 0 0;
        background: url("../image/company_message_kv_pc.jpg") no-repeat center center;
        background-size: cover;
        max-height: 500px;
        height: 495px
    }
}

.p-top_message__head__subtitle {
    font-size: 15px;
    text-align: center;
    padding-bottom: 25px
}

@media (min-width: 768px) {
    .p-top_message__head__subtitle {
        font-size: 32px
    }
}

.p-top_message__head__bread {
    margin-top: 110px
}

.p-top_message__title {
    font-size: 30px;
    line-height: 43px;
    margin-bottom: 30px;
    padding-left: 10px
}

@media (min-width: 768px) {
    .p-top_message__title {
        font-size: 50px;
        line-height: 70px;
        margin-bottom: 75px;
        padding-left: 0;
        text-align: center
    }
}

.p-top_message__text {
    padding: 0 10px 30px;
    font-size: 18px;
    line-height: 26px
}

@media (min-width: 768px) {
    .p-top_message__text {
        max-width: 995px;
        margin: 0 auto;
        padding: 0 0 60px;
        font-size: 28px;
        line-height: 45px
    }
}

.p-top_message__text02 {
    padding: 0 10px 30px;
    font-size: 13px;
    line-height: 20px
}

@media (min-width: 768px) {
    .p-top_message__text02 {
        max-width: 995px;
        margin: 0 auto;
        padding: 0 0 130px;
        font-size: 16px;
        line-height: 30px
    }
}

.p-top_message__career {
    padding: 0 10px 25px;
    font-size: 13px;
    line-height: 20px;
    text-align: right
}

@media (min-width: 768px) {
    .p-top_message__career {
        max-width: 995px;
        margin: 0 auto;
        padding: 0 0 35px;
        font-size: 16px;
        line-height: 30px
    }
}

.p-top_message__name {
    font-size: 28px;
    text-align: right
}

@media (max-width: 767px) {
    .p-top_message__name {
        padding-right: 10px
    }
}

@media (min-width: 768px) {
    .p-top_message__name {
        max-width: 995px;
        margin: 0 auto
    }
}

@media (min-width: 768px) {
    .p-top_message__recommend {
        background-color: #f8f7f5;
        padding: 100px 0
    }
}

.p-top_message__recommend__content_title {
    font-size: 20px;
    padding: 0 10px
}

@media (min-width: 768px) {
    .p-top_message__recommend__content_title {
        font-size: 32px;
        text-align: center
    }
}

.p-top_message__recommend__wrap {
    display: flex;
    flex-direction: column
}

@media (min-width: 768px) {
    .p-top_message__recommend__wrap {
        flex-direction: row;
        justify-content: space-between
    }
}

.p-top_message__recommend__wrap__child {
    margin: 30px 0
}

@media (min-width: 768px) {
    .p-top_message__recommend__wrap__child {
        max-width: 380px;
        width: 32%;
        margin: 70px 0 0
    }
}

.p-top_message__recommend__wrap__child__title {
    padding: 22px 10px 15px;
    font-size: 18px;
    display: block;
    position: relative
}

@media (min-width: 768px) {
    .p-top_message__recommend__wrap__child__title {
        font-size: 24px;
        padding: 22px 0 15px
    }
}

.p-top_message__recommend__wrap__child__title::after {
    display: inline-block;
    height: 10px;
    width: 10px;
    border: solid;
    border-width: 2px 2px 0 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    vertical-align: middle;
    content: ""
}

@media (min-width: 768px) {
    .p-top_message__recommend__wrap__child__title::after {
        height: 13px;
        width: 13px
    }
}

.p-top_message__recommend__wrap__child__text {
    font-size: 13px;
    padding: 0 10px
}

@media (min-width: 768px) {
    .p-top_message__recommend__wrap__child__text {
        font-size: 16px;
        padding: 0
    }
}

@media (max-width: 767px) {
    .hide-sp {
        display: none !important
    }
}

@media (min-width: 768px) {
    .hide-pc {
        display: none !important
    }
}

@media (min-width: 768px)and (max-width: 992px) {
    .hide-tab-s {
        display: none !important
    }

    .show-tab-s {
        display: block !important
    }
}

.u-responsive-video {
    position: relative;
    width: 100%;
    padding-top: 56.25%
}

.u-responsive-video video, .u-responsive-video iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100% !important;
    height: 100% !important
}

.u-br {
    display: inline-block;
    text-decoration: none
}

.u-bg-gray {
    background-color: #dedfe2
}

.u-bg-grayLight {
    background-color: #f8f7f5
}

.u-img-center {
    display: block;
    margin-right: auto;
    margin-left: auto
}

.u-image-zoom {
    position: relative
}

@media (max-width: 767px) {
    .u-image-zoom {
        margin-bottom: 30px
    }
}

.u-image-zoom__container {
    display: flex;
    align-items: center
}

@media (min-width: 768px) {
    .u-image-zoom__container {
        margin: 8px 0 0
    }
}

.u-image-zoom__head {
    padding: 8px 0;
    display: block
}

.u-image-zoom__icon {
    width: 30px;
    margin-left: 10px;
    vertical-align: middle
}

@media (max-width: 767px) {
    .u-image-zoom__icon {
        width: 15px
    }
}

.u-image-zoom__text {
    margin-left: auto;
    font-size: 14px
}

@media (max-width: 767px) {
    .u-image-zoom__text .label {
        display: none
    }
}

@media (min-width: 768px) {
    .u-image-zoom__text {
        display: none
    }
}

.u-image-zoom__anchor {
    transition: opacity 300ms
}

.u-image-zoom__anchor:hover {
    opacity: .7
}

main section {
    opacity: 0;
    transition: opacity 1s .2s
}

main section.scrolled {
    opacity: 1
}

.u-SST-Regular {
    font-family: "SSTJapanese W55 Regular", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif
}

[lang=en] .u-SST-Regular {
    font-family: "SST W20 Roman", "Helvetica Neue", Helvetica, Arial, sans-serif
}

[lang=zh-CN] .u-SST-Regular {
    font-family: "SST W20 Roman", "Hiragino Kaku Gothic ProN", "Heiti TC", Roboto, Droid, "Helvetica Neue", Helvetica, Arial, sans-serif
}

.u-SST-Bold {
    font-family: "SST W55 Bold", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif
}

[lang=en] .u-SST-Bold {
    font-family: "SST W20 Bold", sans-serif
}

[lang=zh-CN] .u-SST-Bold {
    font-family: "SST W20 Bold", sans-serif;
    font-weight: bold
}

.u-SST-Light {
    font-family: "SST W55 Light", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif
}

[lang=en] .u-SST-Light {
    font-family: "SST W20 Light", sans-serif
}

[lang=zh-CN] .u-SST-Light {
    font-family: "SST W20 Light", sans-serif
}

.u-SST-UrtraLight {
    font-family: "SST Japanese W55 UltraLight", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif
}

[lang=en] .u-SST-UrtraLight {
    font-family: "SST W20 Ultra Light", sans-serif
}

[lang=zh-CN] .u-SST-UrtraLight {
    font-family: "SST W20 Ultra Light", sans-serif
}

.u-palt {
    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt"
}

.u-justify {
    text-align: justify;
    text-justify: character
}

.u-feature-title-large {
    font-family: "SST W55 Bold", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 30px
}

[lang=en] .u-feature-title-large {
    font-family: "SST W20 Bold", sans-serif
}

[lang=zh-CN] .u-feature-title-large {
    font-family: "SST W20 Bold", sans-serif;
    font-weight: bold
}

.u-feature-title-medium {
    font-family: "SST W55 Bold", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 25px
}

[lang=en] .u-feature-title-medium {
    font-family: "SST W20 Bold", sans-serif
}

[lang=zh-CN] .u-feature-title-medium {
    font-family: "SST W20 Bold", sans-serif;
    font-weight: bold
}

.u-feature-title-regular {
    font-family: "SSTJapanese W55 Regular", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 13px
}

[lang=en] .u-feature-title-regular {
    font-family: "SST W20 Roman", "Helvetica Neue", Helvetica, Arial, sans-serif
}

[lang=zh-CN] .u-feature-title-regular {
    font-family: "SST W20 Roman", "Hiragino Kaku Gothic ProN", "Heiti TC", Roboto, Droid, "Helvetica Neue", Helvetica, Arial, sans-serif
}

@media (min-width: 768px) {
    .u-feature-title-large {
        font-size: 60px
    }

    .u-feature-title-medium {
        font-size: 40px
    }

    .u-feature-title-regular {
        font-size: 20px
    }
}

.u-title-large {
    font-family: "SST W55 Bold", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 25px
}

[lang=en] .u-title-large {
    font-family: "SST W20 Bold", sans-serif
}

[lang=zh-CN] .u-title-large {
    font-family: "SST W20 Bold", sans-serif;
    font-weight: bold
}

.u-title-medium {
    font-family: "SST W55 Bold", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 20px
}

[lang=en] .u-title-medium {
    font-family: "SST W20 Bold", sans-serif
}

[lang=zh-CN] .u-title-medium {
    font-family: "SST W20 Bold", sans-serif;
    font-weight: bold
}

.u-title-regular {
    font-family: "SSTJapanese W55 Regular", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 13px
}

[lang=en] .u-title-regular {
    font-family: "SST W20 Roman", "Helvetica Neue", Helvetica, Arial, sans-serif
}

[lang=zh-CN] .u-title-regular {
    font-family: "SST W20 Roman", "Hiragino Kaku Gothic ProN", "Heiti TC", Roboto, Droid, "Helvetica Neue", Helvetica, Arial, sans-serif
}

.u-title-small {
    font-family: "SST W55 Light", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 10px
}

[lang=en] .u-title-small {
    font-family: "SST W20 Light", sans-serif
}

[lang=zh-CN] .u-title-small {
    font-family: "SST W20 Light", sans-serif
}

@media (min-width: 768px) {
    .u-title-large {
        font-size: 40px
    }

    .u-title-medium {
        font-size: 28px
    }

    .u-title-regular {
        font-size: 16px
    }

    .u-title-small {
        font-size: 12px
    }
}

.u-txt-large {
    font-size: 20px
}

.u-txt-regular {
    font-size: 13px
}

.u-txt-small {
    font-size: 10px
}

@media (min-width: 768px) {
    .u-txt-large {
        font-size: 28px
    }

    .u-txt-regular {
        font-size: 16px
    }

    .u-txt-small {
        font-size: 12px
    }
}

.u-link {
    color: #000
}

.u-link-color {
    color: #455b93;
    text-decoration: underline
}

.u-link-color:hover {
    text-decoration: underline
}

.u-text_center {
    text-align: center
}

@media (min-width: 768px) {
    .u-text-center-pc {
        text-align: center
    }
}

.u-underline {
    text-decoration: underline
}

@media (min-width: 768px) {
    .u-grid-row {
        display: flex
    }

    .u-grid-col {
        flex: 1 1 100%;
        margin-left: 15px;
        margin-right: 15px
    }

    .u-grid-row:not(.u-grid-reverse) .u-grid-col:first-child {
        margin-left: 0
    }

    .u-grid-row:not(.u-grid-reverse) .u-grid-col:last-child {
        margin-right: 0
    }

    .u-grid-reverse {
        flex-direction: row-reverse
    }

    .u-grid-reverse .u-grid-col:first-child {
        margin-right: 0
    }

    .u-grid-reverse .u-grid-col:last-child {
        margin-left: 0
    }
}

@media (max-width: 767px) {
    .u-grid-col {
        margin-top: 15px
    }
}

.u-grid-all-row {
    display: flex
}

.u-grid-all-row .u-grid-col {
    flex: 1 1 100%;
    margin-left: 15px;
    margin-right: 15px
}

.u-grid-all-row .u-grid-col:first-child {
    margin-left: 0
}

.u-grid-all-row .u-grid-col:last-child {
    margin-right: 0
}

.u-link-arrow {
    position: relative
}

.u-link-arrow::after {
    display: inline-block;
    height: 10px;
    width: 10px;
    margin-left: 15px;
    border-style: solid;
    border-color: inherit;
    border-width: 1px 1px 0 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    vertical-align: .1em;
    transition: border .1s;
    content: ""
}

@media (min-width: 768px)and (max-width: 992px) {
    .u-link-arrow::after {
        margin-left: 5px
    }
}

.u-link-arrow-down::after {
    -webkit-transform: rotate(135deg) translateY(3px);
    transform: rotate(135deg) translateY(3px)
}

.u-link-arrow-small::after {
    height: 5px;
    width: 5px;
    margin-left: 7px;
    vertical-align: middle
}

@media (max-width: 767px) {
    .u-link-arrow::after {
        height: 6px;
        width: 6px;
        margin-left: 7px
    }
}

.u-icon-external-link {
    position: relative
}

.u-icon-external-link::after {
    content: "";
    display: inline-block;
    width: 19px;
    height: 14px;
    margin-left: 1em;
    background: url(../image/icon-external-link.svg) no-repeat 0/contain
}

@media (max-width: 767px) {
    .u-icon-external-link::after {
        width: 9px;
        height: 7px
    }
}

.u-icon-external-link-blue {
    position: relative
}

.u-icon-external-link-blue::after {
    content: "";
    display: inline-block;
    width: 19px;
    height: 14px;
    margin-left: 1em;
    background: url(../image/icon-external-link_blue.svg) no-repeat 0/contain
}

@media (max-width: 767px) {
    .u-icon-external-link-blue::after {
        width: 9px;
        height: 7px
    }
}

.c-button:hover .u-icon-external-link-blue::after {
    background-image: url(../image/icon-external-link_blue_hover.svg)
}

.u-icon-external-link-blue-recruit {
    position: relative
}

.u-icon-external-link-blue-recruit::after {
    content: "";
    display: inline-block;
    width: 19px;
    height: 14px;
    margin-left: 1em;
    background: url(../image/icon-external-link_blue.svg) no-repeat 0/contain
}

@media (max-width: 767px) {
    .u-icon-external-link-blue-recruit::after {
        width: 15px;
        height: 12px
    }
}

.u-icon-pdf {
    display: inline-block
}

.u-icon-pdf::before {
    display: inline-block;
    width: 25.6px;
    height: 26px;
    background: url(../image/c-3_1_1_pdficon.png) no-repeat 0/contain;
    content: "";
    vertical-align: middle
}

.mt-8 {
    margin-top: 8px
}

.mb-8 {
    margin-bottom: 8px
}

.mr-8 {
    margin-right: 8px
}

.ml-8 {
    margin-left: 8px
}

.mt-16 {
    margin-top: 16px
}

.mb-16 {
    margin-bottom: 16px
}

.mr-16 {
    margin-right: 16px
}

.ml-16 {
    margin-left: 16px
}

.mt-24 {
    margin-top: 24px
}

.mb-24 {
    margin-bottom: 24px
}

.mr-24 {
    margin-right: 24px
}

.ml-24 {
    margin-left: 24px
}

.mt-32 {
    margin-top: 32px
}

.mb-32 {
    margin-bottom: 32px
}

.mr-32 {
    margin-right: 32px
}

.ml-32 {
    margin-left: 32px
}

.mt-40 {
    margin-top: 40px
}

.mb-40 {
    margin-bottom: 40px
}

.mr-40 {
    margin-right: 40px
}

.ml-40 {
    margin-left: 40px
}

.mt-48 {
    margin-top: 48px
}

.mb-48 {
    margin-bottom: 48px
}

.mr-48 {
    margin-right: 48px
}

.ml-48 {
    margin-left: 48px
}

.mt-56 {
    margin-top: 56px
}

.mb-56 {
    margin-bottom: 56px
}

.mr-56 {
    margin-right: 56px
}

.ml-56 {
    margin-left: 56px
}

.mt-64 {
    margin-top: 64px
}

.mb-64 {
    margin-bottom: 64px
}

.mr-64 {
    margin-right: 64px
}

.ml-64 {
    margin-left: 64px
}

.mt-72 {
    margin-top: 72px
}

.mb-72 {
    margin-bottom: 72px
}

.mr-72 {
    margin-right: 72px
}

.ml-72 {
    margin-left: 72px
}

.mt-80 {
    margin-top: 80px
}

.mb-80 {
    margin-bottom: 80px
}

.mr-80 {
    margin-right: 80px
}

.ml-80 {
    margin-left: 80px
}

.m-auto {
    margin: 0 auto
}

.u-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 10px;
    font-size: 15px
}

@media (min-width: 768px) {
    .u-pagination {
        padding: 0;
        margin: 0 auto;
        font-size: 18px
    }
}

.u-pagination__link-prev {
    margin-right: 20px
}

.u-pagination__link-next {
    margin-left: 20px
}

.u-pagination a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 24px;
    margin: 0 8px;
    border-radius: 50%
}

.u-pagination a.is-current {
    background-color: #4d5b6e;
    color: #fff
}

.u-pagination__linkicon {
    width: 19px;
    height: 19px;
    display: inline-block;
    vertical-align: middle
}

.u-pagination__linkicon.linkicon_left {
    margin: -3px 0 0 10px
}

.u-pagination__linkicon.linkicon_right {
    margin: -3px 10px 0 0
}

@media (min-width: 768px) {
    .u-pagination__linkicon {
        width: 22px;
        height: 22px
    }
}

.wi-1 {
    width: 1%
}

.wi-2 {
    width: 2%
}

.wi-3 {
    width: 3%
}

.wi-4 {
    width: 4%
}

.wi-5 {
    width: 5%
}

.wi-6 {
    width: 6%
}

.wi-7 {
    width: 7%
}

.wi-8 {
    width: 8%
}

.wi-9 {
    width: 9%
}

.wi-10 {
    width: 10%
}

.wi-11 {
    width: 11%
}

.wi-12 {
    width: 12%
}

.wi-13 {
    width: 13%
}

.wi-14 {
    width: 14%
}

.wi-15 {
    width: 15%
}

.wi-16 {
    width: 16%
}

.wi-17 {
    width: 17%
}

.wi-18 {
    width: 18%
}

.wi-19 {
    width: 19%
}

.wi-20 {
    width: 20%
}

.wi-21 {
    width: 21%
}

.wi-22 {
    width: 22%
}

.wi-23 {
    width: 23%
}

.wi-24 {
    width: 24%
}

.wi-25 {
    width: 25%
}

.wi-26 {
    width: 26%
}

.wi-27 {
    width: 27%
}

.wi-28 {
    width: 28%
}

.wi-29 {
    width: 29%
}

.wi-30 {
    width: 30%
}

.wi-31 {
    width: 31%
}

.wi-32 {
    width: 32%
}

.wi-33 {
    width: 33%
}

.wi-34 {
    width: 34%
}

.wi-35 {
    width: 35%
}

.wi-36 {
    width: 36%
}

.wi-37 {
    width: 37%
}

.wi-38 {
    width: 38%
}

.wi-39 {
    width: 39%
}

.wi-40 {
    width: 40%
}

.wi-41 {
    width: 41%
}

.wi-42 {
    width: 42%
}

.wi-43 {
    width: 43%
}

.wi-44 {
    width: 44%
}

.wi-45 {
    width: 45%
}

.wi-46 {
    width: 46%
}

.wi-47 {
    width: 47%
}

.wi-48 {
    width: 48%
}

.wi-49 {
    width: 49%
}

.wi-50 {
    width: 50%
}

.wi-51 {
    width: 51%
}

.wi-52 {
    width: 52%
}

.wi-53 {
    width: 53%
}

.wi-54 {
    width: 54%
}

.wi-55 {
    width: 55%
}

.wi-56 {
    width: 56%
}

.wi-57 {
    width: 57%
}

.wi-58 {
    width: 58%
}

.wi-59 {
    width: 59%
}

.wi-60 {
    width: 60%
}

.wi-61 {
    width: 61%
}

.wi-62 {
    width: 62%
}

.wi-63 {
    width: 63%
}

.wi-64 {
    width: 64%
}

.wi-65 {
    width: 65%
}

.wi-66 {
    width: 66%
}

.wi-67 {
    width: 67%
}

.wi-68 {
    width: 68%
}

.wi-69 {
    width: 69%
}

.wi-70 {
    width: 70%
}

.wi-71 {
    width: 71%
}

.wi-72 {
    width: 72%
}

.wi-73 {
    width: 73%
}

.wi-74 {
    width: 74%
}

.wi-75 {
    width: 75%
}

.wi-76 {
    width: 76%
}

.wi-77 {
    width: 77%
}

.wi-78 {
    width: 78%
}

.wi-79 {
    width: 79%
}

.wi-80 {
    width: 80%
}

.wi-81 {
    width: 81%
}

.wi-82 {
    width: 82%
}

.wi-83 {
    width: 83%
}

.wi-84 {
    width: 84%
}

.wi-85 {
    width: 85%
}

.wi-86 {
    width: 86%
}

.wi-87 {
    width: 87%
}

.wi-88 {
    width: 88%
}

.wi-89 {
    width: 89%
}

.wi-90 {
    width: 90%
}

.wi-91 {
    width: 91%
}

.wi-92 {
    width: 92%
}

.wi-93 {
    width: 93%
}

.wi-94 {
    width: 94%
}

.wi-95 {
    width: 95%
}

.wi-96 {
    width: 96%
}

.wi-97 {
    width: 97%
}

.wi-98 {
    width: 98%
}

.wi-99 {
    width: 99%
}

.wi-100 {
    width: 100%
}

/*# sourceMappingURL=map/style.css.map */