@charset "UTF-8";

/*
======== CONTENTS ==========================================
	Site Name: スマートモビリティソリューション 専用サイト 規定style
    2021.08.01
 =========================================================
*/


/*ーーーーーーーーーーーーーーーーーーーーーーーーーー
    中身が少ないとフッターが持ち上がるのを下部に固定
*/

html {
    height: 100%;
}

body {
    min-height: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.contents_wrap {
    flex: 1;
}


/*ーーーーーーーーーーーーーーーーーーーーーーーーーー
    override for /res/css/jp/r1/responsive.css
*/

@media screen and (max-width: 767px) {
    .JS body {
        background-color: #fff;
    }
}


/*ーーーーーーーーーーーーーーーーーーーーーーーーーー
    siteID
*/

.Title {
    letter-spacing: -.4em;
}

.Title a {
    letter-spacing: normal;
}

.siteid-hisol {
    position: relative;
    display: inline-block;
    margin-right: 10px;
}

.siteid-hisol::after {
    content: "";
    position: absolute;
    display: block;
    width: 1px;
    height: 20px;
    top: 15px;
    right: -10px;
    background: #d5d5d5;
}

.siteid {
    margin-left: 10px;
    position: relative;
    display: inline-block;
}

@media screen and (max-width: 767px) {
    .siteid-hisol::after {
        top: 0;
    }
}

@media screen and (max-width: 579px) {
    .siteid-hisol {
        display: block;
    }
    .siteid-hisol::after {
        display: none
    }
    .siteid-hisol .ShowRWD {
        letter-spacing: normal;
    }
    .siteid {
        margin-left: 0;
        display: block;
    }
}


/*ーーーーーーーーーーーーーーーーーーーーーーーーーー
    common
*/

main a {
    text-decoration: none!important;
    color: #216AAF!important;
}

h2 {
    background: none;
    margin-left: inherit!important;
    margin-right: inherit!important;
}

button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent;
    border: none;
    border-radius: 0;
    font: inherit;
    outline: none;
}

textarea {
    resize: vertical;
}

.hs-breadcrumb__item a, .hs-breadcrumb__item strong {
    margin-right: 4px;
    margin-left: 4px;
}


/*ーーーーーーーーーーーーーーーーーーーーーーーーーー
    TOP
*/

.hs-top-visual__area {
    background-image: url(../image/visual@2x.jpg);
    background-size: cover;
    height: 30vw;
    width: 100%;
    text-indent: -9999px;
}

.hs-top-second {
    background-color: #000924;
    padding-bottom: 64px;
    background-image: url(../image/second-catch-bg.jpg);
    background-repeat: no-repeat;
    background-position: 0% 530px;
    background-size: contain;
}

.hs-top-movie__area {
    margin-top: 80px;
    margin-bottom: 64px;
}

.hs-top-movie {
    width: 820px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    height: 460px;
}

.hs-top-second__catch {
    text-align: center;
    color: #FFFFFF;
    font-size: 1.5rem;
    background-image: none;
    font-weight: normal;
    font-family: serif;
    letter-spacing: 2px;
    margin-bottom: 32px!important;
}

.hs-top-second__catch span {
    display: block;
    color: #FFFFFF;
    font-size: 2rem;
    font-weight: 700;
    font-family: serif;
}

.hs-top-second__text {
    color: #FFFFFF;
    width: 820px;
    margin-left: auto;
    margin-right: auto;
    font-size: 1rem;
    line-height: 200%;
    margin-bottom: 32px;
}

.hs-top-second__text__center {
    color: #FFFFFF;
    width: 820px;
    margin-left: auto;
    margin-right: auto;
	text-align: center;
    font-size: 1rem;
    line-height: 200%;
    margin-bottom: 32px;
}

.hs-top-fig__area {
    margin-bottom: 56px;
}

@media screen and (max-width: 767px) {
    .hs-top-visual__area {
        background-image: url(../image/sp-visual.jpg);
        background-size: cover;
        height: 68vw;
    }
    .hs-top-second {
        background-position: 0% 200px;
    }
    .hs-top-movie__area {
        margin-top: 40px;
        margin-bottom: 40px;
    }
    .hs-top-movie {
        width: 90%;
        height: auto;
    }
    .hs-top-second__catch {
        font-size: 1.25rem;
        width: 100%;
        margin-left: auto!important;
        margin-right: auto!important;
        margin-bottom: 24px!important;
    }
    .hs-top-second__catch span {
        font-size: 1.75rem;
    }
    .hs-top-second__text {
        width: 100%;
        font-size: 0.85rem;
    }
}


/*ーーーーーーーーーーーーーーーーーーーーーーーーーー
    Contents
*/

.hs-content__header {
    background-image: url(../image/header_bg@2x.jpg);
    background-size: cover;
    margin-bottom: 40px;
}

.hs-content__header-inner {
    margin-left: auto;
    margin-right: auto;
    width: 966px;
    display: block;
    padding-top: 24px;
}

@media screen and (max-width: 767px) {
    .hs-content__header-inner {
        width: 100%;
    }
}

.hs-content__header-title {
  background-color: #000924;
  color: #FFFFFF;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
  font-size: 1.75rem;
  font-weight: 700;
  line-height: 1;
  padding: 15px 50px 20px;
}

@media screen and (max-width: 767px) {
  .hs-content__header-title {
    font-size: 1.625rem;
    padding: 15px 15px 20px;
  }
}
.hs-content__header-sub {
  background-color: #000924;
  color: #FFFFFF;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1;
  position: relative;
  padding: 18px 50px 15px;
}

.hs-content__header-sub:after {
  content: "";
  width: calc(100% - 100px);
  height: 1px;
  background: rgba(255, 255, 255, 0.25);
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}

@media screen and (max-width: 767px) {
  .hs-content__header-sub {
    padding: 14px 15px 15px;
  }
  .hs-content__header-sub:after {
    width: calc(100% - 30px);
  }
}

.hs-section {
    margin-bottom: 72px;
}

.hs-section__catch {
    font-size: 1.5rem;
    line-height: 180%;
    font-weight: 700;
}

.hs-section__text {
    font-size: 1rem;
    line-height: 180%;
    margin-bottom: 2em;
}

.hs-anchor__list {
    display: inline-block;
    margin-right: 24px;
}

.hs-anchor__link {
    background-image: url(../image/ico_anchor@2x.png);
    background-repeat: no-repeat;
    background-size: 16px auto;
    background-position: left center;
    padding-left: 24px;
    color: #216AAF!important;
    text-decoration: none!important;
}

.hs-section__lead {
    font-size: 1.5rem;
    font-weight: 700;
    color: #333333;
    border-bottom: 4px solid #cccccc;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-bottom: 8px;
    position: relative;
    margin-bottom: 24px;
    margin-top: 32px;
}

.hs-section__lead:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: -4px;
    width: 200px;
    height: inherit;
    border-bottom: 4px solid #6E8091;
}


/*ーーーーーーーーーーーーーーーーーーーーーーーーーー
    tag
*/

.hs-tag-area {
    margin-bottom: 16px;
}

.hs-tag {
    display: inline-block;
    border: 1px solid #6E8091;
    color: #6E8091;
    font-size: 0.75rem;
    padding-top: 4px;
    padding-right: 16px;
    padding-bottom: 4px;
    padding-left: 16px;
    border-radius: 24px;
    margin-bottom: 8px;
    margin-left: 2px;
    margin-right: 2px;
    font-weight: 700;
    background-color: #FFFFFF;
}

.hs-tag--label {
    display: inline-block;
    border: 1px solid #6E8091;
    color: #6E8091;
    font-size: 0.75rem;
    padding-top: 4px;
    padding-right: 16px;
    padding-bottom: 4px;
    padding-left: 16px;
    border-radius: 24px;
    margin-bottom: 8px;
    margin-left: 2px;
    margin-right: 2px;
    font-weight: 700;
    background-color: #FFFFFF;
}

.hs-tag.hs-selected {
    border: 1px solid #6E8091;
    color: #FFFFFF;
    background-color: #000924;
}

.hs-tag--column {
    border: 1px solid #6E8091;
    color: #FFFFFF;
    background-color: #6E8091;
}

.hs-filter-area .hs-tag:hover {
    cursor: pointer;
    background-color: #EBF1F6;
}

.hs-filter-area .hs-tag.hs-selected:hover, .hs-filter-area .hs-tag.hs-tag--column:hover {
    background-color: #000924;
}


/*ーーーーーーーーーーーーーーーーーーーーーーーーーー
    solution
*/

.hs-solution__title-caption {
    background-color: #555555;
    color: #FFFFFF;
    padding-left: 24px;
    padding-right: 24px;
    padding-top: 8px;
    padding-bottom: 8px;
}

.hs-solution__title {
    background-color: #cccccc;
    color: #333333;
    padding-left: 24px;
    padding-top: 16px;
    padding-bottom: 16px;
    padding-right: 24px;
    margin-bottom: 32px;
}

.hs-solution__content-area {
    display: flex;
}

.hs-solution__icon-area img {
    width: 164px;
}

.hs-solution__text-area {
    margin-left: 40px;
    width: 760px;
}

@media screen and (max-width: 767px) {
    .hs-solution__content-area {
        display: block;
    }
    .hs-solution__icon-area img {
        width: 50%;
        margin-left: auto;
        margin-right: auto;
        display: block;
        margin-bottom: 24px;
    }
    .hs-solution__text-area {
        margin-left: 0px;
        width: 100%;
    }
}

.hs-solution__feature {
    margin-bottom: 32px;
}

.hs-solution__feature-list {
    font-weight: 700;
    margin-bottom: 8px;
    padding-left: 24px;
    background-repeat: no-repeat;
    background-size: 12px auto;
    background-position: left 5px;
}

.hs-solution--connected .hs-solution__title-caption {
    background-color: #B54537;
}

.hs-solution--connected .hs-solution__title {
    background-color: #F0D9D6;
}

.hs-solution--connected .hs-solution__feature-list {
    background-image: url(../image/ico_cir_1@2x.png);
}

.hs-solution--autonomous .hs-solution__title-caption {
    background-color: #2D953D;
}

.hs-solution--autonomous .hs-solution__title {
    background-color: #D4E9D7;
}

.hs-solution--autonomous .hs-solution__feature-list {
    background-image: url(../image/ico_cir_2@2x.png);
}

.hs-solution--shared .hs-solution__title-caption {
    background-color: #2E85C6;
}

.hs-solution--shared .hs-solution__title {
    background-color: #D4E6F3;
}

.hs-solution--shared .hs-solution__feature-list {
    background-image: url(../image/ico_cir_3@2x.png);
}

.hs-solution--electric .hs-solution__title-caption {
    background-color: #8545A7;
}

.hs-solution--electric .hs-solution__title {
    background-color: #E6D9ED;
}

.hs-solution--electric .hs-solution__feature-list {
    background-image: url(../image/ico_cir_4@2x.png);
}

.hs-solution--embedded .hs-solution__title-caption {
    background-color: #D0A647;
}

.hs-solution--embedded .hs-solution__title {
    background-color: #F6EDD9;
}

.hs-solution--embedded .hs-solution__feature-list {
    background-image: url(../image/ico_cir_5@2x.png);
}

.hs-solution--support .hs-solution__title-caption {
    background-color: #36ADA9;
}

.hs-solution--support .hs-solution__title {
    background-color: #D6EEED;
}

.hs-solution--support .hs-solution__feature-list {
    background-image: url(../image/ico_cir_6@2x.png);
}

.hs-solution__fig {
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 32px;
}

.hs-solution__fig-caption {
    font-weight: 700;
    margin-bottom: 8px;
}

.hs-solution__relation-title {
    font-weight: 700;
    margin-bottom: 8px;
}

.hs-solution__relation-list {
    margin-bottom: 4px;
}

.hs-solution__relation-link {
    background-image: url(../image/ico_cir_link@2x.png);
    background-repeat: no-repeat;
    background-size: 14px auto;
    padding-left: 24px;
    background-position: left 2px;
}

.hs-solution__relation-nolink {
    background-image: url(../image/ico_cir_list@2x.png);
    background-repeat: no-repeat;
    padding-left: 24px;
    background-size: 14px auto;
    background-position: left 2px;
}


/*ーーーーーーーーーーーーーーーーーーーーーーーーーー
    case
*/

.hs-case-feature__link {
    color: #333333!important;
    -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.24);
    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.24);
    display: block;
    margin-bottom: 32px;
    transition: .16s;
}

.hs-case-feature__link:hover {
    -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.48);
    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.48);
}

.hs-case-feature__block {
    display: flex;
}

.hs-case-feature__img-area {
    width: 312px;
}

.hs-case-feature__img-thumb {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.hs-case-feature__content-area {
    background-color: #ECEEF0;
    padding-top: 24px;
    padding-right: 24px;
    padding-bottom: 24px;
    padding-left: 24px;
    width: 654px;
}

.hs-case-feature__content-title {
    font-size: 1.25rem;
    color: #333333;
}

.hs-case-feature__content-product {
    margin-bottom: 16px;
}

.hs-case-feature__content-text {
    font-size: 0.85rem;
}

.hs-case__block-area {
    display: flex;
    flex-wrap: wrap;
    gap: 18px;
    padding-bottom: 8px;
    padding-top: 8px;
}

.hs-case__block {
    -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.24);
    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.24);
    width: 32%;
    transition: .1s;
    background-color: #ECEEF0;
}

@media screen and (max-width: 767px) {
    .hs-case-feature__block {
        display: block;
    }
    .hs-case-feature__img-area {
        width: 100%;
    }
    .hs-case-feature__content-area {
        width: 100%;
    }
    .hs-case__block-area {
        gap: 4%;
    }
    .hs-case__block {
        width: 48%;
        margin-bottom: 16px;
    }
}

.hs-case__block:hover {
    -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.48);
    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.48);
}

.hs-case__img-area {
    background-color: #FFFFFF;
}

.hs-case__img {
    object-fit: contain;
    width: 280px;
    height: 180px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.hs-case__content-area {
    padding-top: 24px;
    padding-right: 24px;
    padding-bottom: 24px;
    padding-left: 24px;
}

@media screen and (max-width: 767px) {
    .hs-case__content-area {
        padding-top: 16px;
        padding-right: 16px;
        padding-bottom: 16px;
        padding-left: 16px;
    }
}

.hs-case__name {
    margin-bottom: 8px;
}

.hs-case__product {
    color: #333333;
    margin-bottom: 16px;
}

.hs-case__text {
    font-size: 0.85rem;
    margin-bottom: 0px;
    color: #333333;
}


/*ーーーーーーーーーーーーーーーーーーーーーーーーーー
    download
*/

.hs-download__block-area {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    padding-bottom: 8px;
    padding-top: 8px;
}

.hs-download__block {
    padding-top: 24px;
    padding-right: 24px;
    padding-bottom: 24px;
    padding-left: 24px;
    -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.24);
    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.24);
    width: 32%;
}

@media screen and (max-width: 767px) {
    .hs-download__block-area {
        gap: 4%;
    }
    .hs-download__block {
        width: 48%;
        margin-bottom: 16px;
        padding-top: 16px;
        padding-right: 16px;
        padding-bottom: 16px;
        padding-left: 16px;
    }
}

.hs-download__thumb {
    width: 110px;
    height: 110px;
    object-fit: contain;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 16px;
}

.hs-download__name {}

.hs-download__text {
    font-size: 0.85rem;
    margin-bottom: 16px;
}

.hs-download__link {
    font-size: 0.85rem;
    background-image: url(../image/ico_pdf@2x.png);
    background-repeat: no-repeat;
    background-size: 14px auto;
    padding-left: 24px;
    background-position: left center;
}

.hs-download__form-lead {
    display: block;
    font-weight: 700;
    margin-top: 16px;
}


/*ーーーーーーーーーーーーーーーーーーーーーーーーーー
    column
*/

.hs-column__block {
    display: flex;
    gap: 24px;
    margin-bottom: 32px;
    border-bottom: 1px solid #DDDDDD;
    padding-bottom: 32px;
}

.hs-column__img-area {
	display: flex;
  align-items: center;
    width: 224px;
}

.hs-column__content-area {
	margin-left: auto;
    margin-right: auto;
    width: 690px;
}

.hs-column__img {}

.hs-column__date {
    font-size: 0.75rem;
    color: #777777;
}

.hs-column__title {
    font-size: 1.5rem;
    font-weight: 700;
    margin-bottom: 16px;
    display: block;
}

.hs-column__author {
    font-size: 0.85rem;
    font-weight: 700;
}

.hs-column__dept {
    font-size: 0.75rem;
    margin-bottom: 16px;
}

.hs-column__text {
    font-size: 0.85rem;
    margin-top: 8px;
}




.hs-column-content-header__date {
    font-size: 0.85rem;
    color: #777777;
}

.hs-column-content-header__title {
    font-size: 2rem;
    font-weight: 700;
}

@media screen and (max-width: 767px) {
    .hs-column-content-header__title {
        font-size: 1.75rem;
    }
}

.hs-column-content-header__author {
    font-weight: 700;
}

.hs-column-content-header__dept {
    margin-bottom: 32px;
}

.hs-column-content__lead {
    font-size: 1.5rem;
    color: #333333;
    padding-left: 24px;
    margin-bottom: 16px;
    position: relative;
}

.hs-column-content__lead::before {
    position: absolute;
    width: 8px;
    height: 24px;
    display: block;
    left: 0px;
    top: 5px;
    content: "";
    background-color: #216AAF;
}

.hs-column-content__text {
    margin-left: 24px;
    font-size: 1rem;
    line-height: 180%;
    margin-bottom: 2em;
}

@media screen and (max-width: 767px) {
    .hs-column-content__text {
        margin-left: 0px;
    }
}


.hs-column-content__text_and_image {
  margin-left: 24px;
  font-size: 1rem;
  line-height: 180%;
  margin-bottom: 2em;
  overflow: hidden;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between; }
  .text_and_image .text, .text_and_image figure {
    width: calc((100% - 23px) / 2);
    overflow: hidden; }

@media screen and (max-width: 767px) {
  .hs-column-content__text_and_image {
    display: block; } }
@media screen and (max-width: 767px) {
  .hs-column-content__text_and_image .text, .text_and_image figure {
    width: auto; } }

.hs-column-content__lead--second {
    font-size: 1rem;
    color: #333333;
    padding-left: 24px;
    margin-bottom: 8px;
}

.hs-column-box__area {
    background-color: #ECEEF0;
    margin-left: 24px;
    padding-top: 24px;
    padding-right: 24px;
    padding-bottom: 24px;
    padding-left: 24px;
    margin-top: -16px;
    margin-bottom: 32px;
}

.hs-column-box__title {
    font-weight: 700;
    margin-bottom: 16px;
}

.hs-column-box__list {
    margin-bottom: 8px;
}

.hs-column-box__list:last-child {
    margin-bottom: 0px!important;
}

.hs-column-box__link {
    background-image: url(../image/ico_cir_link@2x.png);
    background-repeat: no-repeat;
    background-size: 16px auto;
    background-position: left center;
    padding-left: 24px;
}

.hs-column-content__author-area {
    border: 2px solid #2E85C6;
    padding-top: 48px;
    padding-right: 24px;
    padding-bottom: 32px;
    padding-left: 24px;
    position: relative;
}

.hs-column-content__author-title {
    position: absolute;
    background-color: #2E85C6;
    color: #FFFFFF;
    padding-top: 8px;
    padding-right: 16px;
    padding-bottom: 8px;
    padding-left: 16px;
    top: -20px;
    font-weight: 700;
}

.hs-column-content__author-set {
    display: flex;
}

.hs-column-content__author-img-area {
    margin-right: 24px;
    width: 110px;
}

.hs-column-content__author-img {}

.hs-column-content__author-content-set {
    width: 776px;
}

.hs-column-content__author-name {
    font-weight: 700;
}

.hs-column-content__author-dept {
    font-size: 0.85rem;
    margin-bottom: 16px;
}

.hs-column-content__author-text {}

.hs-column-content__img-area {
    width: 70%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 32px;
}

.hs-column-content__img-main {
  display: block;
  margin: auto;
}

.hs-column-content__img {}

.hs-column-content__caption {
    text-align: center;
    font-size: 0.85rem;
    margin-top: 16px;
}

.hs-column-content__relation-area {
    background-color: #ECEEF0;
    padding-top: 32px;
    padding-right: 32px;
    padding-bottom: 32px;
    padding-left: 32px;
}

.hs-column-content__relation-set {
    display: flex;
}

.hs-column-content__relation-img-area {
    width: 120px;
    margin-right: 24px;
}

.hs-column-content__relation-content-set {
    width: 540px;
    margin-right: 24px;
}

.hs-column-content__relation-title {
    font-weight: 700;
    color: #216AAF;
}

.hs-column-content__relation-name {
    font-weight: 700;
    margin-bottom: 16px;
}

.hs-column-content__relation-text {}

.hs-column-content__relation-btn-set {
    width: 192px;
    padding-top: 32px;
}

@media screen and (max-width: 767px) {
    .hs-column-content__relation-img-area {
        width: 120px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 24px;
    }
    .hs-column-content__relation-set {
        display: block;
    }
    .hs-column-content__relation-content-set {
        width: 100%;
    }
    .hs-column-content__relation-btn-set {
        width: 100%;
    }
}

.hs-link__btn--relation-dl {
    background-color: #216AAF;
    color: #FFFFFF!important;
    text-align: center;
    font-weight: 700;
    border-radius: 24px;
    padding-top: 16px;
    padding-right: 16px;
    padding-bottom: 14px;
    padding-left: 16px;
    display: block;
    line-height: 100%;
}

.hs-link__btn--relation-dl:hover {
    background-color: #000924;
}

.hs-column__navi {
    border: 2px solid #216AAF;
    display: block;
    text-align: center;
    padding-top: 16px;
    padding-right: 16px;
    padding-bottom: 16px;
    padding-left: 16px;
    font-weight: 700;
    margin-bottom: 32px;
}

.hs-column__navi span {
    background-color: #000924;
    color: #FFFFFF;
    padding-top: 4px;
    padding-right: 16px;
    padding-bottom: 4px;
    padding-left: 16px;
    margin-right: 16px;
    border-radius: 34px;
}

.hs-column__navi:hover {
    background-color: #ECEEF0;
}

.hs-column__navi--next {
    background-image: url(../image/ico_ar_right01@2x.png);
    background-repeat: no-repeat;
    background-position: right 32px center;
    background-size: 9px auto;
}

.hs-column__navi--back {
    background-image: url(../image/ico_ar_left01@2x.png);
    background-repeat: no-repeat;
    background-position: left 32px center;
    background-size: 9px auto;
}

.hs-column-pager__area {
    text-align: center;
}

.hs-column-pager__list {
    display: inline-block;
}

.hs-column-pager__link {
    border: 1px solid #216AAF;
    font-size: 0.85rem;
    padding-top: 8px;
    padding-right: 16px;
    padding-bottom: 8px;
    padding-left: 16px;
    text-align: center;
}

.hs-pager--selected {
    background-color: #216AAF;
    color: #FFFFFF!important;
}

.hs-column-index {
    position: relative;
    margin: 2em 0;
    padding: 25px 10px 7px;
    border: solid 2px #192139;
}
.hs-column-index .index-title {
    position: absolute;
    display: inline-block;
    top: -2px;
    left: -2px;
    padding: 0 9px;
    height: 25px;
    line-height: 25px;
    font-size: 17px;
    background: #192139;
    color: #ffffff;
    font-weight: bold;
}
.hs-column-index p {
    margin: 10px 10px 5px 10px; 
    padding: 0;
}


/*ーーーーーーーーーーーーーーーーーーーーーーーーーー
    btn
*/

.hs-link__btn {
    background-color: #216AAF;
    color: #FFFFFF!important;
    font-weight: 700;
    padding-top: 16px;
    padding-right: 32px;
    padding-bottom: 16px;
    padding-left: 32px;
    border-radius: 32px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    text-align: center;
    width: 32%;
}

@media screen and (max-width: 767px) {
    .hs-link__btn {
        width: 90%;
    }
}


/*ーーーーーーーーーーーーーーーーーーーーーーーーーー
    solution icon set
*/

.hs-solution-set__area {
    display: flex;
    justify-content: space-between;
    margin-bottom: 40px;
    padding-top: 8px;
}

.hs-solution-set__link {
    display: block;
    width: 148px;
    background-color: #FFFFFF;
    -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.24);
    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.24);
    border-radius: 8px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 80px;
    background-size: 72px auto;
    background-repeat: no-repeat;
    background-position: center 10px;
}

@media screen and (max-width: 767px) {
    .hs-solution-set__area {
        display: flex;
        flex-wrap: wrap;
        gap: 2%;
    }
    .hs-solution-set__link {
        display: block;
        width: 32%;
        margin-bottom: 16px;
    }
}

.hs-solution-set__link:hover {
    opacity: .9;
}

.hs-solution-set__text {
    text-align: center;
    background-color: #D2D2D2;
    height: 96px;
    background-image: url(../image/ico_ar_under01@2x.png);
    background-repeat: no-repeat;
    background-position: center bottom 12px;
    background-size: 9px auto;
    color: #FFFFFF;
    font-weight: 700;
    font-size: 1rem;
    line-height: 150%;
    position: relative;
    display: block;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

.hs-solution-set__text span {
    position: absolute!important;
    top: 43%!important;
    width: 100%;
    left: 0px;
    transform: translateY(-50%);
}

.hs-solution-set--connected {
    background-image: url(../image/img_connected@2x.png);
}

.hs-solution-set--autonomous {
    background-image: url(../image/img_autonomous@2x.png);
}

.hs-solution-set--shared {
    background-image: url(../image/img_shared@2x.png);
}

.hs-solution-set--electric {
    background-image: url(../image/img_electric@2x.png);
}

.hs-solution-set--embedded {
    background-image: url(../image/img_embedded@2x.png);
}

.hs-solution-set--support {
    background-image: url(../image/img_support@2x.png);
}

.hs-solution-set--connected .hs-solution-set__text {
    background-color: #B54537;
}

.hs-solution-set--autonomous .hs-solution-set__text {
    background-color: #2D953D;
}

.hs-solution-set--shared .hs-solution-set__text {
    background-color: #2E85C6;
}

.hs-solution-set--electric .hs-solution-set__text {
    background-color: #8545A7;
}

.hs-solution-set--embedded .hs-solution-set__text {
    background-color: #D0A647;
}

.hs-solution-set--support .hs-solution-set__text {
    background-color: #36ADA9;
}


/*ーーーーーーーーーーーーーーーーーーーーーーーーーー
    news
*/

.hs-topics-area {
    padding: 42px 0 20px;
    margin-bottom: 64px;
}

.hs-topics-area h2 {
    margin: 0 0 10px;
    padding: 0;
    text-align: left;
    color: #000;
    font-size: 1rem;
    font-weight: bold;
}

.hs-topics-area dl {
    display: flex;
    flex-wrap: wrap;
    margin: 0 0 20px;
    border-top: #CCC 1px solid;
    font-size: 0.875rem;
}

.hs-topics-area dt {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    width: 235px;
    padding: 21px 0;
    border-bottom: #CCC 1px solid;
}

.hs-topics-area dd {
    width: 730px;
    padding: 21px 40px;
    border-bottom: #CCC 1px solid;
    box-sizing: border-box;
}

.hs-topics-area .hs-tag-seminar, .hs-topics-area .hs-tag-news {
    display: inline-block;
    min-width: 116px;
    padding: 2px;
    text-align: center;
    background: #6E8091;
    color: #FFF;
    font-size: .75rem;
}

.hs-topics-area .hs-tag-news {
    background: #6E8091;
}

.hs-right {
    text-align: right;
}

.hs-news__detail-link {
    font-size: 0.875rem;
    color: #226FA7;
    background-image: url(../image/ico_ar1@2x.png);
    background-repeat: no-repeat;
    background-size: 6px auto;
    background-position: left center;
    padding-left: 16px;
}

@media screen and (max-width: 994px) {
    .hs-topics-area {
        padding: 42px 0 20px;
        margin-bottom: 64px;
        margin-left: 16px;
        margin-right: 16px;
    }
    .hs-topics-area .hs-tag-seminar, .hs-topics-area .hs-tag-news {
        min-width: 96px;
        padding: 2px;
        font-size: .5rem;
    }
    .hs-topics-area dt {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        width: 23%;
        padding: 21px 0;
        border-bottom: #CCC 1px solid;
    }
    .hs-topics-area dd {
        width: 77%;
        padding: 21px 40px;
        border-bottom: #CCC 1px solid;
        box-sizing: border-box;
    }
}

@media screen and (max-width: 767px) {
    .hs-topics-area dl {
        display: block;
    }
    .hs-topics-area dt {
        display: block;
        width: 100%;
        padding: 10px 0 5px;
        border: none;
    }
    .hs-topics-area .hs-tag-seminar, .hs-topics-area .hs-tag-news {
        display: inline-block;
        max-width: 120px;
        margin-left: 16px;
    }
    .hs-topics-area dd {
        width: 100%;
        padding: 0 0 10px;
    }
}


/*ーーーーーーーーーーーーーーーーーーーーーーーーーー
contact
*/

.hs-contact__form-content-area {}

.hs-contact__form-dt {
    float: left;
    font-weight: 700;
    width: 248px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 8px;
    margin-left: 16px;
    position: relative;
}

.hs-contact__form-dd {
    padding-top: 8px;
    padding-right: 8px;
    padding-bottom: 8px;
    padding-left: 8px;
    border-left: 264px solid #EFEFEF;
    border-right: 1px solid #EFEFEF;
    border-bottom: 1px solid #EFEFEF;
    border-top: 1px solid #EFEFEF;
    margin-bottom: 2px;
}

@media screen and (max-width: 767px) {
    .hs-contact__form-dt {
        float: none;
        background-color: #EFEFEF;
        display: block;
        margin-left: 0px;
        padding-top: 8px;
        padding-right: 8px;
        padding-bottom: 8px;
        padding-left: 8px;
        width: 100%;
    }
    .hs-contact__form-dd {
        border-left-width: 1px;
    }
}

.hs-contact__form-dd::after {
    content: "";
    display: block;
    clear: both;
}

.hs-contact__require {
    font-size: 12px;
    color: #FFFFFF;
    background-color: #E60027;
    border-radius: 4px;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 4px;
    padding-bottom: 4px;
    position: absolute;
    right: 16px;
    line-height: 100%;
    margin-top: 2px;
}

.hs-contact__input--100 {
    width: 100%;
    padding-top: 8px;
    padding-right: 8px;
    padding-bottom: 8px;
    padding-left: 8px;
    border: 1px solid #CCCCCC;
    border-radius: 2px;
}

.hs-contact__input--check {
    border: 1px solid #CCCCCC;
    border-radius: 2px;
    padding-top: 8px;
    padding-right: 8px;
    padding-bottom: 8px;
    padding-left: 8px;
}

.hs-contact__input--check-label {
    margin-right: 24px;
}

.hs-contact__input--50 {
    width: 49%;
    padding-top: 8px;
    padding-right: 8px;
    padding-bottom: 8px;
    padding-left: 8px;
    border: 1px solid #CCCCCC;
    margin-right: 2%;
    border-radius: 2px;
}

.hs-contact__input--50:last-child {
    margin-right: 0px;
}

.hs-contact__note-area {
    background-color: #EFEFEF;
    padding-top: 24px;
    padding-right: 24px;
    padding-bottom: 24px;
    padding-left: 24px;
    margin-top: 32px;
}

.hs-contact__note-name {
    text-align: right;
    margin-top: 16px;
}

.hs-contact__check-area {
    background-color: #FFFFFF;
    padding-top: 24px;
    padding-right: 24px;
    padding-bottom: 24px;
    padding-left: 24px;
    margin-top: 24px;
    text-align: center;
}

.hs-contact__btn-area {
    margin-top: 40px;
    text-align: center;
}

.hs-link__btn--form {
    background-color: #216AAF;
    color: #FFFFFF!important;
    font-weight: 700;
    padding-top: 16px;
    padding-right: 32px;
    padding-bottom: 16px;
    padding-left: 32px;
    border-radius: 32px;
    margin-left: 16px;
    margin-right: 16px;
    display: inline-block;
    text-align: center;
    width: 24%;
    font-size: 1rem;
    border: none;
    cursor: pointer;
}

@media screen and (max-width: 767px) {
    .hs-link__btn--form {
        width: 90%;
    }
}

.hs-link__btn--reset {
    background-color: #cccccc;
    color: #777777!important;
    font-weight: normal;
    padding-top: 16px;
    padding-right: 32px;
    padding-bottom: 16px;
    padding-left: 32px;
    border-radius: 32px;
    margin-left: 16px;
    margin-right: 16px;
    display: inline-block;
    text-align: center;
    width: 24%;
    font-size: 1rem;
    border: none;
    cursor: pointer;
}

@media screen and (max-width: 767px) {
    .hs-link__btn--reset {
        width: 90%;
    }
}


/*ーーーーーーーーーーーーーーーーーーーーーーーーーー
relation
*/

.hs-relation {
    padding: 0 0 42px;
}

.hs-relation__title {
    font-size: 1rem;
    text-align: center;
    font-weight: 700;
    background-image: none;
}

.hs-relation__group {
    display: flex;
}

.hs-relation__block {
    width: 50%;
    padding-top: 8px;
    padding-right: 8px;
    padding-bottom: 8px;
    padding-left: 8px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.hs-relation__block a {
    display: block;
    border-top: 4px solid #EE2E24;
    text-align: center;
    color: #EE2E24;
    font-size: 1rem;
    font-weight: 700;
    background-color: #FFFFFF;
    -webkit-box-shadow: 0px 0px 4px hsla(0, 0%, 0%, 0.20);
    box-shadow: 0px 0px 4px hsla(0, 0%, 0%, 0.20);
    padding-top: 23px;
    padding-bottom: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-image: url(../image/ico_ex1@2x.png);
    background-repeat: no-repeat;
    background-size: 14px auto;
    background-position: 144px center;
    text-indent: 24px;
}

@media screen and (max-width: 767px) {
    .hs-relation__group {
        display: block;
    }
    .hs-relation__block {
        width: 100%;
    }
    .hs-relation__block a {
        background-image: none;
        text-indent: 0px;
    }
}


/*ーーーーーーーーーーーーーーーーーーーーーーーーーー
bottom Navi
*/

.hs-bottom-nav__wrapper {
    background-color: #FFFFFF;
    padding-top: 40px;
    padding-bottom: 40px;
    margin-bottom: 0px;
}

.hs-bottom-nav {
    width: 965px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.hs-bottom-nav__group {
    display: flex;
    justify-content: space-between;
}

.hs-bottom-nav__block {
    width: 32%;
}

.hs-bottom-nav__block a {
    display: block;
    background-color: #000924;
    color: #FFFFFF;
    padding-top: 24px;
    padding-right: 24px;
    padding-bottom: 24px;
    padding-left: 24px;
    text-align: center;
    margin-left: 8px;
    margin-right: 8px;
    border-radius: 6px;
    font-weight: 700;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-decoration: none!important;
}

.hs-bottom-nav__icon {
    display: block;
    margin-bottom: 16px;
}

.hs-bottom-nav__icon img {
    height: 52px!important;
}

.hs-fixed-contact-btn {
    background-color: #E3001F;
    display: block;
    width: 340px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 16px;
    padding-right: 16px;
    padding-bottom: 16px;
    padding-left: 72px;
    border-radius: 48px;
    text-decoration: none!important;
    position: fixed;
    bottom: 16px;
    right: 72px;
    background-image: url(../image/fixedcontact@2x.png);
    background-repeat: no-repeat;
    background-size: 40px auto;
    background-position: 20px center;
}

.hs-fixed-contact-btn:hover {
    background-color: #B1000E;
}

.hs-fixed-contact-btn__text {
    color: #FFFFFF;
    font-size: 12px;
    text-decoration: none;
    font-weight: bold;
    margin-bottom: 8px;
}

.hs-fixed-contact-btn__title {
    color: #FFFFFF;
    font-size: 18px;
    font-weight: 700;
    text-decoration: none;
    margin-bottom: 0px;
    line-height: 100%;
}

.hs-page-top {
    display: block;
    background-image: url(../image/page_top@2x.png);
    background-repeat: no-repeat;
    background-size: 40px 40px;
    width: 40px;
    height: 40px;
    position: fixed;
    text-indent: -9999px;
    right: 24px;
    bottom: 16px;
}

.hs-page-top:hover {
    cursor: pointer;
}

@media screen and (max-width: 994px) {
    .hs-bottom-nav__wrapper {
        margin-left: 0px;
        margin-right: 0px;
        padding-left: 16px;
        padding-right: 16px;
    }
    .hs-bottom-nav__group {
        justify-content: space-between;
    }
    .hs-bottom-nav {
        width: 100%;
    }
    .hs-bottom-nav__block {
        width: 22%;
    }
    .hs-bottom-nav__block a {
        width: 100%;
        font-size: 0.75rem;
        margin-left: 0px;
        margin-right: 0px;
        padding-top: 16px;
        padding-right: 16px;
        padding-bottom: 16px;
        padding-left: 16px;
    }
}

@media screen and (max-width: 767px) {
    .hs-bottom-nav {
        width: 100%;
    }
    .hs-bottom-nav__group {
        display: block;
    }
    .hs-bottom-nav__block {
        width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        margin-bottom: 16px;
        margin-left: auto;
        margin-right: auto;
    }
    .hs-bottom-nav__block a {
        width: 100%;
        margin: 0;
        padding: 16px 8px;
    }
    .hs-bottom-nav__icon img {
        height: 24px!important;
        width: auto;
    }
    .hs-fixed-contact-btn {
        background-color: #E3001F;
        display: block;
        width: 280px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding-top: 16px;
        padding-right: 16px;
        padding-bottom: 16px;
        padding-left: 24px;
        border-radius: 48px;
        text-decoration: none!important;
        position: fixed;
        bottom: 16px;
        right: 72px;
        background-image: none;
        z-index: 9999;
    }
    .hs-fixed-contact-btn__text {
        font-size: 11px;
        text-align: center;
    }
    .hs-fixed-contact-btn__title {
        font-size: 18px;
        text-align: center;
    }
}


/*ーーーーーーーーーーーーーーーーーーーーーーーーーー
footer
*/

.hs-footer-nav {
    background-color: #B6BFC8;
    padding-top: 40px;
    padding-bottom: 40px;
}

.hs-footer-nav a:link, .hs-footer-nav a:visited {
    color: #FFF;
}

.hs-footer-nav__inner {
    padding: 0px;
    width: 950px;
}

@media screen and (max-width: 767px) {
    .hs-footer-nav__inner {
        width: 100%;
    }
}

.hs-footer-nav__wrap {
    display: flex;
    justify-content: space-between;
    margin: 0;
}

.hs-footer-nav__group {
    flex-basis: 30%;
    max-width: none;
    padding: 0;
}

.hs-footer-nav__list {
    margin-bottom: 8px;
}

.hs-footer-nav__link {
    color: #333333!important;
    background-image: url(../image/ico_ar_right01@2x.png);
    background-repeat: no-repeat;
    background-position: left 5px;
    background-size: 8px auto;
    padding-left: 16px;
}

@media screen and (max-width: 994px) {
    .hs-footer-nav {
        padding-left: 16px;
        padding-right: 16px;
        box-sizing: border-box;
        padding-top: 16px!important;
        padding-bottom: 8px!important;
    }
}

@media screen and (max-width: 767px) {
    #Footer {
        padding-bottom: 90px;
    }
    .JS .hs-footer-nav__category__item>a, .JS .hs-footer-nav__category__item {
        background-position: 5px 14px;
    }
    .JS .hs-footer-nav__category:nth-child(n+2) {
        margin-top: 0;
    }
    .JS .hs-footer-nav__category__title {
        padding: 25px 25px 5px;
    }
    .JS .hs-footer-nav__category__list2 {
        padding: 0 0 0 25px;
        margin: 0;
    }
    .JS .hs-footer-nav__category__list2 a {
        padding: 5px 10px;
    }
    .JS .hs-footer-nav__category__data {
        display: block;
        background: none;
    }
    .JS .hs-footer-nav__category__title::before, .JS .hs-footer-nav__category__title::after {
        content: none;
    }
    .JS .hs-footer-nav__category__item>a, .JS .hs-footer-nav__category__item>span {
        border: none;
        padding: 10px 20px;
    }
    .hs-footer-nav__wrap {
        display: block;
    }
    .hs-footer-nav__category__list {
        padding-left: 32px;
    }
    .hs-footer-nav__category__item {
        background-position: 0 4px!important;
    }
    .hs-footer-nav__category__item a {
        padding-left: 0px!important;
    }
    .hs-footer-nav__category__list2 {
        margin-top: 8px!important;
        padding-left: 8px!important;
    }
}


/*ーーーーーーーーーーーーーーーーーーーーーーーーーー
pageTop
*/

.hs-pageTop {
    display: none;
    cursor: pointer;
    position: fixed;
    bottom: 10px;
    right: 10px;
    z-index: 1;
    background-image: url(../image/pageTop@2x.png);
    background-repeat: no-repeat;
    background-size: 40px auto;
    width: 40px;
    height: 40px;
    text-indent: -9999px;
}

.hs-pageTop img {
    transition: .3s;
}

.hs-pageTop:hover img {
    opacity: .7;
}

@media screen and (max-width: 767px) {
    .hs-pageTop {
        padding: 10px;
    }
}


/*ーーーーーーーーーーーーーーーーーーーーーーーーーー
contact-btn
*/

.hs-contact-btn__area {
    margin-bottom: 32px;
}

.hs-contact-btn {
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #216AAF;
    color: #FFFFFF!important;
    font-weight: 700;
    font-size: 1.5rem;
    border-radius: 40px;
    background-repeat: no-repeat;
    padding-left: 128px;
    padding-right: 128px;
    padding-top: 24px;
    padding-bottom: 24px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 16px;
    transition: .3s;
    width: 520px;
    text-align: center;
    text-decoration: none!important;
}

.hs-contact-btn:hover {
    background-color: #333333;
    background-position: 36px center;
}

.hs-contact-btn--caption {
    font-size: 1rem;
    font-weight: normal;
    display: block;
    margin-top: 4px;
}

@media screen and (max-width: 767px) {
    .hs-contact-btn {
        width: 90%;
        background-image: none;
        padding-left: 16px;
        padding-right: 16px;
        text-align: center;
    }
    .hs-contact-btn--caption {
        font-size: 0.875rem;
    }
}

/*ーーーーーーーーーーーーーーーーーーーーーーーーーー
    report
*/

.hs-report__img-area {
	display: flex;
  align-items: center;
    width: 300px;
}

.hs-report-second-btn__area {
    text-align: center;
    margin-top: 48px;
    margin-bottom: 48px;
}

.hs-report__btn:hover {
    background-color: #000000;
}

.hs-report__btn {
    background-color: #005C9D;
    color: #FFFFFF!important;
    font-weight: 700;
    font-size: 1rem;
    line-height: 100%;
    padding-top: 16px;
    padding-right: 32px;
    padding-bottom: 16px;
    padding-left: 32px;
    border-radius: 32px;
    display: inline-block;
    text-decoration: none!important;
    text-align: center;
}
s-reportcomplete__btn:hover {
    background-color: #000000;
}

.hs-reportcomplete__btn {
    background-color: #005C9D;
    color: #FFFFFF!important;
    font-weight: 700;
    font-size: 1.25rem;
    line-height: 100%;
    padding-top: 20px;
    padding-right: 70px;
    padding-bottom: 20px;
    padding-left: 70px;
    border-radius: 32px;
    display: inline-block;
    text-decoration: none!important;
    text-align: center;
}
table, th, td {
  border-collapse: collapse;
  border: 1px solid #ccc;
  line-height: 1.5;
}

table.report th {
  width: 100px;
  padding: 10px;
  font-weight: bold;
  vertical-align: top;
  background: #3f3f3f;
  color: #ffffff;
}
table.report td {
  width: 500px;
  padding: 10px;
  vertical-align: top;
}
.hs-report__img3-area{
	display: flex;
	flex-wrap:wrap;
}
.hs-report__img3-area li {
	width: calc(100%/3);
	padding:0 5px;
	box-sizing:border-box;
}
.hs-report__img3-area li img {
	max-width:100%; 
	height: auto; 
	border:solid 1px #ccc; 
}

/*ーーーーーーーーーーーーーーーーーーーーーーーーーー
    clumn-table
*/

table, th, td {
  border-collapse: collapse;
  border: 1px solid #ccc;
  line-height: 1.5;
}

table.clumn th {
  width: 150px;
  padding: 10px;
  font-weight: bold;
  vertical-align: top;
  background: #3f3f3f;
  color: #ffffff;
}
table.clumn td {
  width: 500px;
  padding: 10px;
  vertical-align: top;
}

/*ーーーーーーーーーーーーーーーーーーーーーーーーーー
    既存cssの上書き
*/

#GlobalNaviTop {
    width: fit-content;
}
.hs-content__header-inner {
    width: 1060px;    
}
@media screen and (max-width: 1199px) {
    .hs-content__header-inner {
        width: 100%;
    }    
}

/*ーーーーーーーーーーーーーーーーーーーーーーーーーー
    common
*/

.container {
  width: 1060px;
  box-sizing: border-box;
  margin: 0 auto;
}
@media screen and (max-width: 1199px) {
  .container {
    width: 100%;
    padding: 0 15px;
  }
}

/*ーーーーーーーーーーーーーーーーーーーーーーーーーー
    footer__nav
*/

.footer-nav {
  background: #B6BFC8;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
  padding: 60px 0;
}
@media screen and (max-width: 767px) {
  .footer-nav {
    padding: 30px 0;
  }
}

.footer-nav__inner {
  width: 950px;
  margin: 0 auto;
}
@media screen and (max-width: 991px) {
  .footer-nav__inner {
    width: 100%;
  }
}

.footer-nav__list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px 5%;
}
@media screen and (max-width: 991px) {
  .footer-nav__list {
    gap: 10px 0;
  }
}
@media screen and (max-width: 767px) {
  .footer-nav__list {
    grid-template-columns: none;
  }
}

.footer-nav__item a {
  color: #333333;
  font-size: 15px;
  line-height: 25px;
  text-decoration: none;
  padding-left: 16px;
  position: relative;
}
.footer-nav__item a:before {
  content: "";
  display: inline-block;
  width: 8px;
  height: 16px;
  background: center/contain no-repeat url(../image/ico_ar_right01@2x.png);
  position: absolute;
  top: -1px;
  left: 0;
}
@media (hover: hover) {
  .footer-nav__item a:hover {
    text-decoration: underline;
  }
}