@charset "UTF-8";
/*
*
* product_module_addition.css
* 商品ページ共通モジュールを秘文用に上書き・追加するCSS
* 初期値はデフォルトのスタイルを当てていますので、値を変更してご使用下さい
*
*/
:root {
  --base-color: #1B205D;
  --hover-color: #1B205D !important;
  --bg-color: #EBF0F5;
  --heading-color: #323C82
}


/*----------------------------------
既存classのカスタマイズ
共通部分テンプレートのカラー変更など
----------------------------------*/
/*
* メニュー
*/
@media(min-width: 768px) {
    .hs-navigation .hs-navigation__item:first-child {
        margin-right: 0
    }
    .hs-navigation .hs-navigation__item:first-child>a {
        padding-left: 10px;
        padding-right: 10px
    }
    .hs-navigation .hs-navigation__item.is-open .hs-navigation__link,
    .hs-navigation .hs-navigation__link>a:hover,
    .hs-navigation .hs-navigation__item>a:hover,
    .hs-navigation .hs-navigation__item.is-open {
        background-color: #1B205D !important
    }
    .hs-navigation .hs-navigation__item>a::before {
        position: absolute;
        bottom: -9px;
        border-width: 10px 10px 0 10px;
        border-color:  #1B205D rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0);
        transition: opacity .22s cubic-bezier(0.39, 0.575, 0.565, 1);
        transform: translateX(-50%)
    }
    .hs-navigation .hs-navigation-mega__title {
      border-left: solid 5px #1B205D;
      text-indent: 18px
  }
}
/*
* 共通ボタン
*/
.hs-c-button {
    background-color: #1B205D;
}
.hs-c-button::before {
    background-image: url(/r23res/image/common/icon_link.svg);
}
/*
* 共通背景
*/
.hs-c-color-box.hs-c-color-box--type-gray {
    background-color: #F3F8FD;
}
/*
* 下層ページヘッダー
*/
.hs-main-visual {
    color: #1B205D;
    background-color: #F3F8FD
}
.hs-main-visual.hs-main-visual--small.hs-main-visual--template {
    background-image: url(/ai_interview/asset/images/common/heading_bg_pc.png);
    background-size: contain;
    background-position: right bottom
}
@media (max-width: 767.98px){
    .hs-main-visual.hs-main-visual--small.hs-main-visual--template {
        background-image: url( /ai_interview/asset/images/common/heading_bg_sp.png);
    }
}
/*
* 見出し
*/
.hs-c-heading-level-3__heading{
    color:#1B205D;
}

/*
* もっと知る　バナー
*/
@media (min-width: 768px){
    .hs-content-footer__container .hs-c-button {
        width: 240px !important;
    }
}
/*
* FIXバナー
*/
@media (min-width: 960px){
    .hs-fixed-buttons .hs-c-button {
        width: 260px !important;
    }
}
/*----------------------------------
既存classのカスタマイズ
各ページごとの設定
----------------------------------*/
/*
* 製品トップページ　メインビジュアル
*/
.hs-carousel-hero{
    background-color: #F3F8FD;
    height:auto;
    padding: 0
}
.hs-carousel-hero .hs-carousel-hero__slider {
    position: relative;
    z-index: 1;
    max-width: 1100px;
    width: 100%;
    height: 100%;
    margin: 0 auto
}
.hs-carousel-hero__slider-item{
    width: 100%;
    max-width: 1100px !important
}
.slick-track{
    overflow: hidden
}
.hs-carousel-hero .hs-carousel-hero__slider .hs-carousel-hero__slider-item {
    width: 100%;
    max-width: 1100px !important
}
.hs-carousel-hero .hs-carousel-hero__slider .hs-carousel-hero__slider-item img {
    width: auto;
    object-fit: contain
}
.hs-carousel-hero .hs-carousel-hero__inner {
    display: none;
}
@media (max-width: 767.98px){
    .hs-carousel-hero .hs-carousel-hero__slider {
        max-width: 100%;
        width: 100%
    }
    .hs-carousel-hero .hs-carousel-hero__slider .hs-carousel-hero__slider-item img {
        width:100vw;
        height: auto
    }
}
/*
* トップページ こんな課題をお持ちの方
*/
.hs-point-text {
    background-color: #FD7846
}
.hs-point-text::before {
    display:none
}

/*
* 製品情報　若手育成モデル　テーブル
*/
.hs-table-block__table{
    width:100%;
}
.hs-table-block__table th{
    width:200px;
}
.hs-table-block__table td{
    width:auto;
}

/*
* 料金プラン　タブ
*/
.hs-tab-ui .hs-tab-ui__input:nth-of-type(1):checked~.hs-tab-ui__btn-list .hs-tab-ui__label:nth-of-type(1) {
    background-color: #1B205D
}
.hs-tab-ui .hs-tab-ui__input:nth-of-type(1):checked~.hs-tab-ui__btn-list .hs-tab-ui__label:nth-of-type(1)::before {
    background-color: #1B205D
}
.hs-tab-ui .hs-tab-ui__input:nth-of-type(2):checked~.hs-tab-ui__btn-list .hs-tab-ui__label:nth-of-type(2) {
    background-color: #1B205D
}
.hs-tab-ui .hs-tab-ui__input:nth-of-type(2):checked~.hs-tab-ui__btn-list .hs-tab-ui__label:nth-of-type(2)::before {
    background-color: #1B205D
}
.hs-tab-ui .hs-tab-ui__tabpanel {
    background-color: #F3F8FD
}

/*----------------------------------
新設した設定
各ページごとの設定
----------------------------------*/
/*
* トップページ AIエンジンビジュアル
*/
.hs-l-contents--visual{
    width:100%;
}
.hs-l-contents--visual--top{
    background-color: #005096;
}
.hs-l-contents--visual--top .hs-l-contents-flex__flex-item{
    width: 50%;
}
.hs-l-contents--visual--top .hs-l-contents--visual--top--summary{
    height:100%;
    display: flex;
    align-items: center;
    color:#FFF
}
.hs-l-contents--visual--top .hs-l-contents--visual--top--summary .u-heading-lg{
    line-height:1.2em
}
.hs-l-contents--visual--top .hs-l-contents--visual--top--summary .hs-c-button{
    width:320px
}

@media (max-width: 767.98px){
    .hs-l-contents--visual--top .hs-l-contents-flex__flex-item{
        width:100%
    }
    .hs-l-contents--visual--top .hs-l-contents-flex__flex-item img{
        max-width: auto
    }
    .hs-l-contents--visual--top .hs-l-contents--visual--top--summary{
        padding-bottom:30px
    }
    .hs-l-contents--visual--top .hs-l-contents--visual--top--summary .u-heading-lg{
        font-size:22px !important
    }
    .hs-l-contents--visual--top .hs-l-contents--visual--top--summary .u-text-sm{
        font-size:16px !important
    }
    .hs-l-contents--visual--top .hs-l-contents--visual--top--summary .hs-c-button{
        width:100%
    }
}
/*
* トップページ こんな課題をお持ちの方
*/
.hs-l-contents-flex__controlled-item.hs-l-contents-flex__controlled-item--top--themes{
    width:150px !important;
    height:100%
}
.hs-l-contents-flex__flex-item.hs-l-contents-flex__flex-item--top--themes{
    width:calc(100% - 150px)
}
.hs-l-contents-flex__controlled-item.hs-l-contents-flex__controlled-item--top--themes img{
    object-fit: cover;
    width:100%;
    height:100%
}
@media (max-width: 767.98px){
    .hs-l-contents-flex__controlled-item.hs-l-contents-flex__controlled-item--top--themes{
        display: none
    }
    .hs-l-contents-flex__flex-item.hs-l-contents-flex__flex-item--top--themes{
        width:100%
    }
}
.hs-c-color-box .hs-c-color-box--top--themes{
    height:100%;
    padding:0 20px;
    display: flex;
    align-items: center
}
@media (max-width: 767.98px){
    .hs-c-color-box .hs-c-color-box--top--themes{
        padding:20px 20px
    }
}

/*
* トップページ 事例スライド
*/
.hs-l-contents--case-slide{
    width:100%;
}
@media screen and (min-width: 1024px){
    .hs-l-contents--case-slide .hs-case-card {
        width: 100%;
    }
}
.hs-l-contents--case-slide{
    max-width: 1060px;
    position: relative
}
.swiper-button-prev::after,
.swiper-button-next::after{
    content:" "!important;
}
@media screen and (min-width: 1160px){
    .hs-l-contents--case-slide{
        max-width: 1190px;
        position: relative
    }
    .swiper-button-prev::before,
    .swiper-button-next::before {
        content: "";
        height: 44px;
        width:44px;
        background-color: #1B205D;
        border-radius: 22px;
        position: absolute
    }
    /* 前への矢印カスタマイズ */
    .swiper-button-prev::after {
        content: "" !important;
        width:8px;
        height:8px;
        border-top: 2px solid #FFF;
        border-left: 2px solid #FFF;
        transform:rotate(-45deg) translateX(2px)
    }
    .swiper-button-next::after {
        content: "" !important;
        width:8px;
        height:8px;
        border-top: 2px solid #FFF;
        border-right: 2px solid #FFF;
        transform:rotate(45deg) translateX(-2px)
    }
}
/*
* 製品情報ページ　特徴
*/
.hs-l-contents-flex__controlled-item.hs-l-contents-flex__controlled-item--feature{
    width:242px 
}
.hs-l-contents-flex__flex-item.hs-l-contents-flex__flex-item--feature{
    width:calc(100% - 280px)
}
@media (max-width: 767.98px){
    .hs-l-contents-flex__controlled-item.hs-l-contents-flex__controlled-item--feature,
    .hs-l-contents-flex__flex-item.hs-l-contents-flex__flex-item--feature{
        width: 100%
    }
}
/*
* 製品情報ページ　動画再生ボタンのサイズ調整
*/
@media (min-width: 767.98px){
    .hs-c-modal-youtube[href*="https://www.youtube.com/watch?"]::after {
        width: 128px !important;
        height: 128px !important;
    }
}
/*
* AIエンジンページ　メインビジュアル
*/
.hs-l-contents--visual--ai{
    background:transparent linear-gradient(180deg, #007896 0%, #1E1E82 100%) 0% 0% no-repeat padding-box;
}
.hs-l-contents--visual--ai img{
   max-height:450px;
}

/*----------------------------------
旧商品サイトエレメントからソースを移植
「流れ」のデザイン
----------------------------------*/
.hs-phase-block {
    margin-top: 6.6666666667vw!important
}

@media screen and (min-width: 768px) {
    .hs-phase-block {
        margin-top:40px!important
    }
}

.hs-phase-block .hs-phase-block__container {
    display: flex;
    flex-wrap: wrap;
    gap: 8vw 4.8vw
}

@media screen and (min-width: 768px) {
    .hs-phase-block .hs-phase-block__container {
        margin:auto;
        max-width: 1100px;
        gap: 32px
    }
}

.hs-phase-block .hs-phase-block__box {
    display: flex;
    flex-direction: column;
    width: calc(50% - 2.4vw)
}

@media screen and (min-width: 768px) {
    .hs-phase-block .hs-phase-block__box {
        width:calc(25% - 24px)
    }
}

/*
* カラー設定の変更
*/
.hs-phase-block .hs-phase-block__heading {
    display: flex;
    height:80px;
    padding:0 10px;
    align-items: center;
    justify-content: left;
    background-color: #EBF0F5;
    color:#1B205D;
    font-weight: 400;
    font-weight: 700;
    -webkit-clip-path: polygon(0 0,75% 0,100% 50%,75% 100%,0 100%);
    clip-path: polygon(0 0,75% 0,100% 50%,75% 100%,0 100%)
}
/*
* カラー設定の変更
*/
.hs-phase-block .hs-phase-block__heading.complete{
    background-color: #FD7846;
    color:#FFF;
}

.hs-phase-block .hs-phase-block__heading.caption--en,.hs-phase-block .hs-phase-block__heading.figcaption--en,html[lang=en] .hs-phase-block .hs-phase-block__heading {
    font-family: メイリオ,meiryo,arial,helvetica,sans-serif;
    font-size: 5.3333333333vw
}

html[lang=en] .hs-phase-block .hs-phase-block__heading {
    font-family: verdana,arial,helvetica,sans-serif!important
}

@media screen and (min-width: 768px) and (max-width:1023px) {
    .hs-phase-block .hs-phase-block__heading {
        min-height: 80px;
        letter-spacing: .05em;
        font-size: .875rem;
        font-weight: 400;
        font-weight: 700;
        line-height: 1.7;
        -webkit-clip-path: polygon(0 0,85% 0,100% 50%,85% 100%,0 100%);
        clip-path: polygon(0 0,85% 0,100% 50%,85% 100%,0 100%)
    }
}

@media screen and (min-width: 1024px) {
    .hs-phase-block .hs-phase-block__heading {
        padding:0 20px;
        min-height: 80px;
        font-size: 1.125rem;
        line-height: 1.55;
        -webkit-clip-path: polygon(0 0,85% 0,100% 50%,85% 100%,0 100%);
        clip-path: polygon(0 0,85% 0,100% 50%,85% 100%,0 100%)
    }

    .hs-phase-block .hs-phase-block__heading.heading-5--en,html[lang=en] .hs-phase-block .hs-phase-block__heading {
        font-family: メイリオ,meiryo,arial,helvetica,sans-serif;
        font-size: 1.5rem;
        font-weight: 400;
        line-height: 2.2916666667
    }
}

.hs-phase-block .hs-phase-block__body {
    flex-grow: 1;
    position: relative;
    margin-top: 5.3333333333vw;
    padding: 4vw;
    border: 1px solid #bbb
}

@media screen and (min-width: 768px) {
    .hs-phase-block .hs-phase-block__body {
        margin-top:25px;
        padding: 13px 15px 35px 20px
    }
}

.hs-phase-block .hs-phase-block__body:after {
    content: "";
    position: absolute;
    top: -1px;
    right: 0;
    left: 0;
    margin: auto;
    border-color: transparent transparent #bbb;
    border-style: solid;
    border-width: 0 2.9333333333vw 2.6666666667vw;
    width: 0;
    height: 0;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
}

@media screen and (min-width: 768px) {
    .hs-phase-block .hs-phase-block__body:after {
        border-width:0 10px 10px
    }
}

.hs-phase-block .hs-phase-block__body-heading {
    margin-top: 4vw;
    font-size: 4.2666666667vw;
    font-weight: 400;
    font-weight: 700;
    line-height: 1.8
}

.hs-phase-block .hs-phase-block__body-heading.caption--en,.hs-phase-block .hs-phase-block__body-heading.figcaption--en,html[lang=en] .hs-phase-block .hs-phase-block__body-heading {
    font-family: メイリオ,meiryo,arial,helvetica,sans-serif;
    font-size: 5.3333333333vw
}

html[lang=en] .hs-phase-block .hs-phase-block__body-heading {
    font-family: verdana,arial,helvetica,sans-serif!important
}

@media screen and (min-width: 768px) {
    .hs-phase-block .hs-phase-block__body-heading {
        margin-top:27px;
        letter-spacing: .04em;
        font-size: 1rem;
        font-weight: 400;
        font-weight: 700;
        line-height: 1.65
    }

    .hs-phase-block .hs-phase-block__body-heading.caption--en,.hs-phase-block .hs-phase-block__body-heading.figcaption--en,html[lang=en] .hs-phase-block .hs-phase-block__body-heading {
        font-family: メイリオ,meiryo,arial,helvetica,sans-serif;
        font-size: 1rem;
        line-height: 1.6875
    }
}

.hs-phase-block .hs-phase-block__body-heading:first-child {
    margin-top: 0
}

.hs-phase-block .hs-phase-block__list {
    margin-top: 1.3333333333vw
}

@media screen and (min-width: 768px) {
    .hs-phase-block .hs-phase-block__list {
        margin-top:5px
    }
}

.hs-phase-block .hs-phase-block__item {
    position: relative;
    top:12px;
    font-size: 3.4666666667vw;
    font-weight: 400;
    line-height: 1.8461538462;
    line-height: 1.4
}

@media screen and (min-width: 768px) {
    .hs-phase-block .hs-phase-block__item {
        font-size: .8125rem;
        font-weight: 400;
        line-height: 1.8461538462;
        line-height: 1.4
    }
}


@media screen and (min-width: 768px) {
    .hs-phase-block .hs-phase-block__item+.hs-phase-block__item {
        margin-top:4px
    }
}

.hs-comparison-block {
    margin-top: 6.6666666667vw!important;
    padding: 0 5.3333333333vw
}

@media screen and (min-width: 768px) {
    .hs-comparison-block {
        margin:auto;
        margin-top: 40px!important;
        padding: 0 20px;
        max-width: 1100px
    }
}

.hs-comparison-block .hs-comparison-block__container {
    padding: 14.6666666667vw 5.3333333333vw;
    background-color: #f2f2f2
}

@media screen and (min-width: 768px) {
    .hs-comparison-block .hs-comparison-block__container {
        padding:56px 60px 65px
    }
}

.hs-comparison-block .hs-comparison-block__heading {
    letter-spacing: .04em;
    font-size: 5.8666666667vw;
    font-weight: 700;
    line-height: 1.3636363636
}

.hs-comparison-block .hs-comparison-block__heading.heading-3--en,html[lang=en] .hs-comparison-block .hs-comparison-block__heading {
    letter-spacing: 0;
    font-family: メイリオ,meiryo,arial,helvetica,sans-serif;
    font-size: 6.9333333333vw;
    font-weight: 400;
    line-height: 1.2
}

html[lang=en] .hs-comparison-block .hs-comparison-block__heading {
    font-family: verdana,arial,helvetica,sans-serif!important
}

@media screen and (min-width: 768px) {
    .hs-comparison-block .hs-comparison-block__heading {
        letter-spacing:.05em;
        font-size: 1.25rem;
        font-weight: 600;
        line-height: 1.55
    }
}


@media screen and (min-width: 768px) {
    .hs-comparison-block .hs-comparison-block__heading {
        letter-spacing:.05em;
        font-size: 1.25rem;
        font-weight: 600;
        line-height: 1.55
    }
}

/* ↓downloadページの為追加↓ */

.hs-navigation-bg {
    content: "";
    display: none;
    opacity: .5;
    position: fixed;
    z-index: 1;
    top: 0;
    width: 100%;
    height: 100vh;
    background-color: #000
}

.hs-navigation-bg.is-open {
    display: block
}



.hs-section-heading.hs-section-heading--h1 {
    margin-top: 6.6666666667vw
}

@media screen and (min-width: 768px) {
    .hs-section-heading.hs-section-heading--h1 {
        margin-top:45px
    }
}

.hs-section-heading.hs-section-heading--h1 a,.hs-section-heading.hs-section-heading--h1 h1,.hs-section-heading.hs-section-heading--h1 h2,.hs-section-heading.hs-section-heading--h1 h3,.hs-section-heading.hs-section-heading--h1 h4,.hs-section-heading.hs-section-heading--h1 h5,.hs-section-heading.hs-section-heading--h1 p:not(.hs-section-heading__sub) {
    font-size: 8vw;
    font-weight: 700;
    line-height: 1.4
}

.hs-section-heading.hs-section-heading--h1 a.heading-1--en,.hs-section-heading.hs-section-heading--h1 h1.heading-1--en,.hs-section-heading.hs-section-heading--h1 h2.heading-1--en,.hs-section-heading.hs-section-heading--h1 h3.heading-1--en,.hs-section-heading.hs-section-heading--h1 h4.heading-1--en,.hs-section-heading.hs-section-heading--h1 h5.heading-1--en,.hs-section-heading.hs-section-heading--h1 p:not(.hs-section-heading__sub).heading-1--en,html[lang=en] .hs-section-heading.hs-section-heading--h1 a,html[lang=en] .hs-section-heading.hs-section-heading--h1 h1,html[lang=en] .hs-section-heading.hs-section-heading--h1 h2,html[lang=en] .hs-section-heading.hs-section-heading--h1 h3,html[lang=en] .hs-section-heading.hs-section-heading--h1 h4,html[lang=en] .hs-section-heading.hs-section-heading--h1 h5,html[lang=en] .hs-section-heading.hs-section-heading--h1 p:not(.hs-section-heading__sub) {
    letter-spacing: 0;
    font-family: メイリオ,meiryo,arial,helvetica,sans-serif;
    font-size: 10.6666666667vw;
    font-weight: 400;
    line-height: 1.2
}

html[lang=en] .hs-section-heading.hs-section-heading--h1 a,html[lang=en] .hs-section-heading.hs-section-heading--h1 h1,html[lang=en] .hs-section-heading.hs-section-heading--h1 h2,html[lang=en] .hs-section-heading.hs-section-heading--h1 h3,html[lang=en] .hs-section-heading.hs-section-heading--h1 h4,html[lang=en] .hs-section-heading.hs-section-heading--h1 h5,html[lang=en] .hs-section-heading.hs-section-heading--h1 p:not(.hs-section-heading__sub) {
    font-family: verdana,arial,helvetica,sans-serif!important
}

@media screen and (min-width: 768px) {
    .hs-section-heading.hs-section-heading--h1 a,.hs-section-heading.hs-section-heading--h1 h1,.hs-section-heading.hs-section-heading--h1 h2,.hs-section-heading.hs-section-heading--h1 h3,.hs-section-heading.hs-section-heading--h1 h4,.hs-section-heading.hs-section-heading--h1 h5,.hs-section-heading.hs-section-heading--h1 p:not(.hs-section-heading__sub) {
        font-size:2.25rem;
        line-height: 1.4
    }

    .hs-section-heading.hs-section-heading--h1 a.heading-1--en,.hs-section-heading.hs-section-heading--h1 h1.heading-1--en,.hs-section-heading.hs-section-heading--h1 h2.heading-1--en,.hs-section-heading.hs-section-heading--h1 h3.heading-1--en,.hs-section-heading.hs-section-heading--h1 h4.heading-1--en,.hs-section-heading.hs-section-heading--h1 h5.heading-1--en,.hs-section-heading.hs-section-heading--h1 p:not(.hs-section-heading__sub).heading-1--en,html[lang=en] .hs-section-heading.hs-section-heading--h1 a,html[lang=en] .hs-section-heading.hs-section-heading--h1 h1,html[lang=en] .hs-section-heading.hs-section-heading--h1 h2,html[lang=en] .hs-section-heading.hs-section-heading--h1 h3,html[lang=en] .hs-section-heading.hs-section-heading--h1 h4,html[lang=en] .hs-section-heading.hs-section-heading--h1 h5,html[lang=en] .hs-section-heading.hs-section-heading--h1 p:not(.hs-section-heading__sub) {
        font-family: メイリオ,meiryo,arial,helvetica,sans-serif;
        font-size: 3.5rem;
        font-weight: 400;
        line-height: 1.4642857143
    }
}

.hs-section-heading.hs-section-heading--h1+:not(.hs-side-menu):not(.u-sitemap-section--first):not(.hs-section-heading--caption):not(.hs-card-once-block):not(.hs-section-heading--sitemap-top) {
    margin-top: 10.6666666667vw!important
}

@media screen and (min-width: 768px) {
    .hs-section-heading.hs-section-heading--h1+:not(.hs-side-menu):not(.u-sitemap-section--first):not(.hs-section-heading--caption):not(.hs-card-once-block):not(.hs-section-heading--sitemap-top) {
        margin-top:35px!important
    }
}

.hs-section-heading.hs-section-heading--h1+:not(.hs-side-menu):not(.u-sitemap-section--first):not(.hs-section-heading--caption):not(.hs-card-once-block):not(.hs-section-heading--sitemap-top) :first-child,.hs-section-heading.hs-section-heading--h1+:not(.hs-side-menu):not(.u-sitemap-section--first):not(.hs-section-heading--caption):not(.hs-card-once-block):not(.hs-section-heading--sitemap-top) :first-child :first-child {
    margin-top: 0!important
}

.hs-section-heading.hs-section-heading--h1+.hs-section-heading--caption {
    margin-top: 4vw!important
}

@media screen and (min-width: 768px) {
    .hs-section-heading.hs-section-heading--h1+.hs-section-heading--caption {
        margin-top:15px!important
    }
}


.hs-side-menu {
    margin-top: 8vw
}

@media screen and (min-width: 768px) {
    .hs-side-menu {
        display:flex;
        flex-direction: row;
        margin: 45px auto 0;
        padding: 0 20px;
        max-width: 1100px;
        gap: 32px
    }
}

.hs-side-menu .is-current {
    color: #c02;
    font-weight: 700
}

.hs-side-menu [class*=__container] {
    padding: 0
}

@media screen and (min-width: 768px) and (max-width:1023px) {
    .hs-side-menu .hs-link-box-list .hs-link-box-list__linkarea .hs-c-button {
        width:calc(50% - 16px)
    }
}

@media screen and (min-width: 1024px) {
    .hs-side-menu .hs-link-box-list .hs-link-box-list__linkarea .hs-c-button {
        width:calc(33.33333% - 21.33333px)
    }
}

@media screen and (min-width: 768px) and (max-width:1023px) {
    .hs-side-menu .hs-link-box-list.hs-link-box-list--hibun .hs-link-box-list__linkarea .hs-c-button {
        width:100%
    }
}

@media screen and (min-width: 1024px) {
    .hs-side-menu .hs-link-box-list.hs-link-box-list--hibun .hs-link-box-list__linkarea .hs-c-button {
        width:calc(66.66667% - 10.66667px)
    }
}

@media screen and (min-width: 768px) and (max-width:1023px) {
    .hs-side-menu .hs-link-box-list.hs-link-box-list--hibun .hs-link-box-list__linkarea:has(.hs-c-button:nth-of-type(2)) .hs-c-button {
        width:100%
    }
}

@media screen and (min-width: 1024px) {
    .hs-side-menu .hs-link-box-list.hs-link-box-list--hibun .hs-link-box-list__linkarea:has(.hs-c-button:nth-of-type(2)) .hs-c-button {
        width:calc(50% - 16px)
    }
}

@media screen and (min-width: 768px) and (max-width:1023px) {
    .hs-side-menu .hs-content-section .hs-content-section__column {
        flex-direction:column;
        justify-content: space-between;
        margin-top: 0;
        gap: 30px
    }
}

@media screen and (min-width: 1024px) {
    .hs-side-menu .hs-content-section .hs-content-section__column {
        flex-direction:row-reverse;
        justify-content: space-between;
        margin-top: 0;
        gap: 0 30px
    }
}

@media screen and (min-width: 768px) and (max-width:1023px) {
    .hs-side-menu .hs-content-section .hs-content-section__image {
        max-width:100%
    }
}

.hs-side-menu .hs-contact--block {
    margin-top: 12vw
}

@media screen and (min-width: 768px) {
    .hs-side-menu .hs-contact--block {
        margin-top:45px
    }
}

@media screen and (min-width: 1024px) {
    .hs-side-menu .hs-arrow-columns .hs-arrow-columns__link {
        width:100%;
        min-width: inherit
    }
}

.hs-side-menu .hs-notag-card-section__heading {
    letter-spacing: .04em;
    font-size: 4.8vw;
    font-weight: 700;
    line-height: 1.6
}

.hs-side-menu .hs-notag-card-section__heading.heading-5--en,html[lang=en] .hs-side-menu .hs-notag-card-section__heading {
    letter-spacing: 0;
    font-family: メイリオ,meiryo,arial,helvetica,sans-serif;
    font-size: 5.8666666667vw;
    font-weight: 400;
    line-height: 1.2
}

html[lang=en] .hs-side-menu .hs-notag-card-section__heading {
    font-family: verdana,arial,helvetica,sans-serif!important
}

@media screen and (min-width: 768px) {
    .hs-side-menu .hs-notag-card-section__heading {
        font-size:1.125rem;
        line-height: 1.55;
        line-height: 1.5
    }

    .hs-side-menu .hs-notag-card-section__heading.heading-5--en,html[lang=en] .hs-side-menu .hs-notag-card-section__heading {
        font-family: メイリオ,meiryo,arial,helvetica,sans-serif;
        font-size: 1.5rem;
        font-weight: 400;
        line-height: 2.2916666667
    }
}

@media screen and (min-width: 768px) {
    .hs-side-menu .hs-card-once-block__image {
        min-width:120px;
        max-width: 240px
    }
}

.hs-side-menu .hs-section-caption-button {
    padding: 0
}

.hs-side-menu .hs-section-caption-button .hs-section-caption-button__heading {
    letter-spacing: .04em;
    font-size: 4.8vw;
    font-weight: 700;
    line-height: 1.6
}

.hs-side-menu .hs-section-caption-button .hs-section-caption-button__heading.heading-5--en,html[lang=en] .hs-side-menu .hs-section-caption-button .hs-section-caption-button__heading {
    letter-spacing: 0;
    font-family: メイリオ,meiryo,arial,helvetica,sans-serif;
    font-size: 5.8666666667vw;
    font-weight: 400;
    line-height: 1.2
}

html[lang=en] .hs-side-menu .hs-section-caption-button .hs-section-caption-button__heading {
    font-family: verdana,arial,helvetica,sans-serif!important
}

@media screen and (min-width: 768px) {
    .hs-side-menu .hs-section-caption-button .hs-section-caption-button__heading {
        letter-spacing:.05em;
        font-size: 1.25rem;
        font-weight: 600;
        font-weight: 700;
        line-height: 1.55
    }
}

.hs-side-menu .hs-section-caption-button .hs-section-caption-button__container {
    padding: 16vw 5.3333333333vw
}

@media screen and (min-width: 768px) {
    .hs-side-menu .hs-section-caption-button .hs-section-caption-button__container {
        padding:60px
    }
}

@media screen and (min-width: 768px) {
    .hs-side-menu .hs-section-caption-button .hs-section-caption-button__image {
        width:80px
    }
}

@media screen and (min-width: 768px) {
    .hs-side-menu .hs-card-area .hs-card-area-list__caption {
        letter-spacing:.05em;
        font-size: .875rem;
        font-weight: 400;
        font-weight: 700;
        line-height: 1.7
    }
}

.hs-side-menu .hs-card-area .hs-card-area-list__image img {
    height: 25.6vw
}

@media screen and (min-width: 768px) {
    .hs-side-menu .hs-card-area .hs-card-area-list__image img {
        height:96px
    }
}

.hs-side-menu .hs-news {
    margin-top: 5.3333333333vw
}

@media screen and (min-width: 768px) {
    .hs-side-menu .hs-news {
        margin-top:30px
    }
}

.hs-side-menu .u-background-gray {
    margin-top: 16vw;
    padding: 16vw 5.3333333333vw
}

@media screen and (min-width: 768px) {
    .hs-side-menu .u-background-gray {
        margin-top:60px;
        padding: 60px
    }
}

.hs-side-menu .u-background-gray.u-background-gray--support {
    margin-top: 16vw;
    padding: 16vw 5.3333333333vw
}

@media screen and (max-width: 767px) {
    .hs-side-menu .u-background-gray.u-background-gray--support {
        margin-left:-5.3333333333vw;
        width: calc(100% + 10.66667vw)
    }
}

@media screen and (min-width: 768px) {
    .hs-side-menu .u-background-gray.u-background-gray--support {
        margin-top:60px;
        padding: 60px 80px
    }
}

.hs-side-menu .hs-card-area.hs-card-area--gray {
    padding: 16vw 5.3333333333vw
}

@media screen and (min-width: 768px) {
    .hs-side-menu .hs-card-area.hs-card-area--gray {
        padding:60px
    }
}

.hs-side-menu .hs-section-block-2 {
    padding: 16vw 5.3333333333vw
}

@media screen and (min-width: 768px) {
    .hs-side-menu .hs-section-block-2 {
        padding:60px
    }
}

.hs-side-menu .hs-section-block-2 .hs-section-block-2__wrap .hs-section-block-2__lead {
    display: block
}

@media screen and (min-width: 768px) {
    .hs-side-menu .hs-section-block-2 .hs-section-block-2__img {
        min-width:inherit;
        max-width: 180px
    }
}

.hs-side-menu .hs-section-block-2 .hs-section-block-2__side {
    display: none
}

.hs-side-menu .hs-section-block-2 .hs-section-block-2__wrap {
    display: flex!important;
    visibility: visible!important
}

@media screen and (min-width: 768px) {
    .hs-side-menu .hs-section-block-2 .hs-section-block-2__text-block {
        margin-left:30px
    }
}

.hs-side-menu .hs-section-block-2 .hs-section-block-2__lead {
    display: none
}

.hs-side-menu .hs-card-caption-area__container {
    padding: 16vw 5.3333333333vw
}

@media screen and (min-width: 768px) {
    .hs-side-menu .hs-card-caption-area__container {
        padding:60px
    }
}

.hs-side-menu .hs-box-columns__container {
    padding: 6.4vw 5.3333333333vw 12vw
}

@media (min-width: 768px) {
    .hs-side-menu .hs-box-columns__container {
        padding:56px 60px
    }
}

@media screen and (min-width: 968px) {
    .hs-side-menu__content .hs-image-card-section__link {
        min-width:inherit
    }
}

.hs-side-menu .hs-side-menu__content>:first-child:not(.hs-anchor-links),.hs-side-menu .hs-side-menu__content>:first-child:not(.hs-anchor-links).hs-layout>:first-child {
    margin-top: 0
}

.hs-side-menu .hs-section-heading.hs-section-heading--check .hs-section-heading__container {
    padding-left: 8vw
}

@media screen and (min-width: 768px) {
    .hs-side-menu .hs-section-heading.hs-section-heading--check .hs-section-heading__container {
        padding-left:40px
    }
}

.hs-side-menu .hs-section-heading.hs-section-heading--check .hs-section-heading__container:before {
    left: 0
}

.hs-side-menu .hs-section-heading.hs-section-heading--image .hs-section-heading__container {
    padding: 0!important
}

.hs-side-menu .hs-section-heading.hs-section-heading--h4+.hs-table-block {
    margin-top: 30px
}

.hs-side-menu .hs-border-box .hs-border-box__container,.hs-side-menu .hs-content-card-heading-section .hs-content-card-heading-section__container,.hs-side-menu .hs-list .hs-list__container,.hs-side-menu .hs-section-recommend .hs-section-recommend__container {
    padding: 0
}

.hs-side-menu .hs-side-menu--static {
    position: static!important
}

.hs-side-menu .hs-side-menu__wrap {
    display: none;
    position: sticky;
    top: 20px;
    min-width: 210px;
    max-width: 210px;
    height: 100%;
    transition: top .25s cubic-bezier(.455,.03,.515,.955)
}

@media screen and (min-width: 768px) {
    .hs-side-menu .hs-side-menu__wrap {
        display:block
    }
}

.hs-side-menu .hs-side-menu__wrap.is-fixed {
    top: 130px;
    transition: top .45s cubic-bezier(.455,.03,.515,.955)
}

@media screen and (min-width: 768px) {
    .hs-side-menu .hs-side-menu__container {
        flex:1;
        padding: 0;
        width: calc(100% - 250px)
    }
}

.hs-side-menu .hs-side-menu__content {
    padding: 0 5.3333333333vw;
    width: 100%
}

@media screen and (min-width: 768px) {
    .hs-side-menu .hs-side-menu__content {
        padding:0
    }
}

.hs-side-menu .hs-side-menu__outer {
    flex: 1;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content
}

.hs-side-menu .hs-side-menu__text {
    display: flex;
    align-items: center;
    flex-flow: row wrap;
    padding: 6.6666666667vw 5.3333333333vw;
    border: 1px solid #bbb;
    width: 100%;
    min-height: 16vw;
    background-color: #f2f2f2;
    font-size: 3.4666666667vw;
    font-weight: 400;
    line-height: 1.8461538462
}

@media screen and (min-width: 768px) {
    .hs-side-menu .hs-side-menu__text {
        padding:10px 20px;
        min-height: 60px;
        font-size: .8125rem;
        font-weight: 400;
        line-height: 1.8461538462;
        line-height: 1.5
    }
}

.hs-side-menu .hs-side-menu__text sub,.hs-side-menu .hs-side-menu__text sup {
    vertical-align: baseline
}

.hs-side-menu .hs-side-menu__list::-webkit-scrollbar {
    width: 10px
}

.hs-side-menu .hs-side-menu__list::-webkit-scrollbar-track {
    border: 1px solid #bbb;
    border-left: none;
    border-radius: 0;
    background-color: #fbfbfb
}

.hs-side-menu .hs-side-menu__list::-webkit-scrollbar-thumb {
    border: 2px solid transparent;
    border-radius: 0;
    background-color: #c2c2c2;
    background-clip: padding-box
}

.hs-side-menu .hs-side-menu__item {
    padding: 10px;
    border: 1px solid #bbb;
    border-top: none
}

.hs-side-menu .hs-side-menu__link {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    padding-left: 10px;
    width: 100%;
    line-height: 1.5;
    -webkit-line-clamp: 3
}

.hs-side-menu .hs-side-menu__link.hs-c-link[href^="#"]:before {
    -webkit-transform: rotate(90deg) translateY(-50%);
    transform: rotate(90deg) translateY(-50%);
    -webkit-transform-origin: top;
    transform-origin: top
}

.hs-side-menu .hs-side-menu-banner {
    display: flex;
    flex-flow: column nowrap;
    margin-top: 20px;
    gap: 10px
}

.hs-side-menu .hs-side-menu-banner__item {
    width: 100%;
    transition: opacity .7s
}

.hs-side-menu .hs-side-menu-banner__item:hover {
    opacity: .75
}

.hs-section-heading sup {
    vertical-align: super;
    font-size: clamp(.75rem,.75em,1rem)
}

@media screen and (max-width: 767px) {
    .hs-section-heading sup {
        vertical-align:middle;
        font-size: clamp(3.2vw,.75em,4.2666666667vw)
    }
}

.hs-section-heading.hs-section-heading--check .hs-section-heading__container {
    position: relative;
    padding-left: 16vw
}

@media screen and (min-width: 768px) {
    .hs-section-heading.hs-section-heading--check .hs-section-heading__container {
        padding-left:70px
    }
}

.hs-section-heading.hs-section-heading--check .hs-section-heading__container:before {
    content: "";
    display: block;
    position: absolute;
    top: .3em;
    left: 5.3333333333vw;
    margin: auto;
    width: 28px;
    height: 28px;
    background-image: url(/r22res/image/common/icon_check.svg);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain
}

@media screen and (min-width: 768px) {
    .hs-section-heading.hs-section-heading--check .hs-section-heading__container:before {
        left:20px
    }
}

.hs-section-heading.hs-section-heading--check.hs-section-heading--p .hs-section-heading__container {
    padding-left: 50px
}

.hs-section-heading.hs-section-heading--check.hs-section-heading--p .hs-section-heading__container:before {
    width: 5.3333333333vw;
    height: 5.3333333333vw
}

@media screen and (min-width: 768px) {
    .hs-section-heading.hs-section-heading--check.hs-section-heading--p .hs-section-heading__container:before {
        width:20px;
        height: 20px
    }
}

@media screen and (min-width: 768px) {
    .hs-section-heading.hs-section-heading--check.hs-section-heading--h2 .hs-section-heading__container:before {
        top:.8em
    }
}

.hs-section-heading.hs-section-heading--accent {
    color: #0049b1
}

.hs-section-heading.hs-section-heading--accent .hs-section-heading__container {
    padding-left: 8vw!important
}

@media screen and (min-width: 768px) {
    .hs-section-heading.hs-section-heading--accent .hs-section-heading__container {
        padding-left:30px!important
    }
}

.hs-section-heading.hs-section-heading--accent .hs-section-heading__container:before {
    width: 20px;
    height: 20px;
    background-image: url(/r22res/image/common/icon_check_accent.svg)
}

.hs-section-heading .hs-section-heading__container {
    padding: 0 5.3333333333vw
}

@media screen and (min-width: 768px) {
    .hs-section-heading .hs-section-heading__container {
        margin:0 auto;
        padding: 0 20px;
        max-width: 1100px
    }
}

.hs-section-heading.hs-section-heading--normal .hs-section-heading__wrap {
    padding-bottom: 0!important;
    padding-left: 0!important;
    border: none!important
}

.hs-section-heading.hs-section-heading--normal .hs-section-heading__wrap:before {
    display: none
}

.hs-people .hs-section-heading--h2 {
    margin-top: 0!important
}

@media screen and (min-width: 768px) {
    .hs-section-heading.hs-section-heading--check.hs-section-heading--h2 .hs-section-heading__container:before {
        top:.8em
    }
}

.hs-section-heading.hs-section-heading--h2 {
    margin-top: 20vw
}

@media screen and (min-width: 768px) {
    .hs-section-heading.hs-section-heading--h2 {
        margin-top:85px
    }
}

.hs-section-heading.hs-section-heading--h2 a,.hs-section-heading.hs-section-heading--h2 h1,.hs-section-heading.hs-section-heading--h2 h2,.hs-section-heading.hs-section-heading--h2 h3:not(.hs-section-heading__sub),.hs-section-heading.hs-section-heading--h2 h4,.hs-section-heading.hs-section-heading--h2 h5,.hs-section-heading.hs-section-heading--h2 p:not(.hs-section-heading__sub) {
    font-size: 6.9333333333vw;
    font-weight: 700;
    line-height: 1.3846153846
}

.hs-section-heading.hs-section-heading--h2 a.heading-2--en,.hs-section-heading.hs-section-heading--h2 h1.heading-2--en,.hs-section-heading.hs-section-heading--h2 h2.heading-2--en,.hs-section-heading.hs-section-heading--h2 h3:not(.hs-section-heading__sub).heading-2--en,.hs-section-heading.hs-section-heading--h2 h4.heading-2--en,.hs-section-heading.hs-section-heading--h2 h5.heading-2--en,.hs-section-heading.hs-section-heading--h2 p:not(.hs-section-heading__sub).heading-2--en,html[lang=en] .hs-section-heading.hs-section-heading--h2 a,html[lang=en] .hs-section-heading.hs-section-heading--h2 h1,html[lang=en] .hs-section-heading.hs-section-heading--h2 h2,html[lang=en] .hs-section-heading.hs-section-heading--h2 h3:not(.hs-section-heading__sub),html[lang=en] .hs-section-heading.hs-section-heading--h2 h4,html[lang=en] .hs-section-heading.hs-section-heading--h2 h5,html[lang=en] .hs-section-heading.hs-section-heading--h2 p:not(.hs-section-heading__sub) {
    letter-spacing: 0;
    font-family: メイリオ,meiryo,arial,helvetica,sans-serif;
    font-size: 9.6vw;
    font-weight: 400;
    line-height: 1.2
}

html[lang=en] .hs-section-heading.hs-section-heading--h2 a,html[lang=en] .hs-section-heading.hs-section-heading--h2 h1,html[lang=en] .hs-section-heading.hs-section-heading--h2 h2,html[lang=en] .hs-section-heading.hs-section-heading--h2 h3:not(.hs-section-heading__sub),html[lang=en] .hs-section-heading.hs-section-heading--h2 h4,html[lang=en] .hs-section-heading.hs-section-heading--h2 h5,html[lang=en] .hs-section-heading.hs-section-heading--h2 p:not(.hs-section-heading__sub) {
    font-family: verdana,arial,helvetica,sans-serif!important
}

@media screen and (min-width: 768px) {
    .hs-section-heading.hs-section-heading--h2 a,.hs-section-heading.hs-section-heading--h2 h1,.hs-section-heading.hs-section-heading--h2 h2,.hs-section-heading.hs-section-heading--h2 h3:not(.hs-section-heading__sub),.hs-section-heading.hs-section-heading--h2 h4,.hs-section-heading.hs-section-heading--h2 h5,.hs-section-heading.hs-section-heading--h2 p:not(.hs-section-heading__sub) {
        letter-spacing:.05em;
        font-size: 1.75rem;
        line-height: 1.5
    }

    .hs-section-heading.hs-section-heading--h2 a.heading-2--en,.hs-section-heading.hs-section-heading--h2 h1.heading-2--en,.hs-section-heading.hs-section-heading--h2 h2.heading-2--en,.hs-section-heading.hs-section-heading--h2 h3:not(.hs-section-heading__sub).heading-2--en,.hs-section-heading.hs-section-heading--h2 h4.heading-2--en,.hs-section-heading.hs-section-heading--h2 h5.heading-2--en,.hs-section-heading.hs-section-heading--h2 p:not(.hs-section-heading__sub).heading-2--en,html[lang=en] .hs-section-heading.hs-section-heading--h2 a,html[lang=en] .hs-section-heading.hs-section-heading--h2 h1,html[lang=en] .hs-section-heading.hs-section-heading--h2 h2,html[lang=en] .hs-section-heading.hs-section-heading--h2 h3:not(.hs-section-heading__sub),html[lang=en] .hs-section-heading.hs-section-heading--h2 h4,html[lang=en] .hs-section-heading.hs-section-heading--h2 h5,html[lang=en] .hs-section-heading.hs-section-heading--h2 p:not(.hs-section-heading__sub) {
        font-family: メイリオ,meiryo,arial,helvetica,sans-serif;
        font-size: 2.75rem;
        font-weight: 400;
        line-height: 1.4090909091
    }
}

.hs-section-heading.hs-section-heading--h2 .hs-section-heading__wrap {
    position: relative;
    padding-bottom: 2.6666666667vw;
    border-bottom: 2px solid #bbb
}

@media screen and (min-width: 768px) {
    .hs-section-heading.hs-section-heading--h2 .hs-section-heading__wrap {
        padding-bottom:10px
    }
}

.hs-section-heading.hs-section-heading--h2 .hs-section-heading__wrap:before {
    content: "";
    position: absolute;
    bottom: -.8vw;
    left: 0;
    width: 26.6666666667vw;
    height: 1.0666666667vw;
    background-color: #000
}

@media screen and (min-width: 768px) {
    .hs-section-heading.hs-section-heading--h2 .hs-section-heading__wrap:before {
        bottom:-3px;
        width: 100px;
        height: 4px
    }
}

.hs-section-heading.hs-section-heading--h3 .hs-section-heading__wrap {
    position: relative;
    padding-left: 4.5333333333vw
}

@media screen and (min-width: 768px) {
    .hs-section-heading.hs-section-heading--h3 .hs-section-heading__wrap {
        padding-left:17px
    }
}

.hs-section-heading.hs-section-heading--h3 .hs-section-heading__wrap:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 3px;
    height: 100%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background-color: #000
}

.hs-section-heading.hs-section-heading--h4 .hs-section-heading__wrap {
    position: relative
}

.hs-section-heading.hs-section-heading--h4 .hs-section-heading__wrap a:before,.hs-section-heading.hs-section-heading--h4 .hs-section-heading__wrap h1:before,.hs-section-heading.hs-section-heading--h4 .hs-section-heading__wrap h2:before,.hs-section-heading.hs-section-heading--h4 .hs-section-heading__wrap h3:before,.hs-section-heading.hs-section-heading--h4 .hs-section-heading__wrap h4:before,.hs-section-heading.hs-section-heading--h4 .hs-section-heading__wrap h5:before {
    content: "";
    display: inline-block;
    position: relative;
    margin-right: 2.1333333333vw;
    width: 3.2vw;
    height: .8vw;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background-color: #000;
    vertical-align: middle
}

@media screen and (min-width: 768px) {
    .hs-section-heading.hs-section-heading--h4 .hs-section-heading__wrap a:before,.hs-section-heading.hs-section-heading--h4 .hs-section-heading__wrap h1:before,.hs-section-heading.hs-section-heading--h4 .hs-section-heading__wrap h2:before,.hs-section-heading.hs-section-heading--h4 .hs-section-heading__wrap h3:before,.hs-section-heading.hs-section-heading--h4 .hs-section-heading__wrap h4:before,.hs-section-heading.hs-section-heading--h4 .hs-section-heading__wrap h5:before {
        margin-right:8px;
        width: 12px;
        height: 3px
    }
}

.hs-content-section02 {
    margin-top: 21.3333333333vw
}

@media screen and (min-width: 768px) {
    .hs-content-section02 {
        margin-top:90px
    }
}

.hs-content-section02+.hs-content-section02 {
    margin-top: 6.6666666667vw
}

@media screen and (min-width: 768px) {
    .hs-content-section02+.hs-content-section02 {
        margin-top:25px
    }
}

.hs-section-block-1+.hs-content-section02,.hs-section-heading+.hs-content-section02 {
    margin-top: 4vw
}

@media screen and (min-width: 768px) {
    .hs-section-block-1+.hs-content-section02,.hs-section-heading+.hs-content-section02 {
        margin-top:20px
    }
}

@media screen and (max-width: 767px) {
    .hs-content-section02.hs-content-section02--sp-column .hs-content-section02__box {
        grid:"hs-content-section02__image" auto "hs-content-section02__heading" auto "hs-content-section02__textarea" auto "hs-content-section02__link" auto/1fr!important
    }
}

.hs-content-section02 .hs-content-section02__container {
    padding: 0 5.3333333333vw
}

@media screen and (min-width: 768px) {
    .hs-content-section02 .hs-content-section02__container {
        margin:0 auto;
        padding: 0 20px;
        max-width: 1100px
    }
}

.hs-content-section02 .hs-content-section02__box {
    display: grid;
    padding: 6.6666666667vw 5.3333333333vw;
    border: 1px solid #bbb;
    grid: "hs-content-section02__heading hs-content-section02__image" auto "hs-content-section02__textarea hs-content-section02__textarea" auto "hs-content-section02__link hs-content-section02__link" auto/1fr 20.8vw;
    gap: 4vw
}

@media screen and (min-width: 768px) {
    .hs-content-section02 .hs-content-section02__box {
        padding:25px 30px;
        grid: "hs-content-section02__image hs-content-section02__heading" auto "hs-content-section02__image hs-content-section02__textarea" 1fr "hs-content-section02__image hs-content-section02__link" auto/160px 1fr;
        gap: 10px 45px
    }
}

.hs-content-section02 .hs-content-section02__heading {
    letter-spacing: .04em;
    font-size: 4.8vw;
    font-weight: 700;
    line-height: 1.6;
    line-height: 1.5;
    grid-area: hs-content-section02__heading
}

.hs-content-section02 .hs-content-section02__heading.heading-5--en,html[lang=en] .hs-content-section02 .hs-content-section02__heading {
    letter-spacing: 0;
    font-family: メイリオ,meiryo,arial,helvetica,sans-serif;
    font-size: 5.8666666667vw;
    font-weight: 400;
    line-height: 1.2
}

html[lang=en] .hs-content-section02 .hs-content-section02__heading {
    font-family: verdana,arial,helvetica,sans-serif!important
}

@media screen and (min-width: 768px) {
    .hs-content-section02 .hs-content-section02__heading {
        font-size:1.5rem;
        line-height: 1.3
    }

    .hs-content-section02 .hs-content-section02__heading.heading-3--en,html[lang=en] .hs-content-section02 .hs-content-section02__heading {
        font-family: メイリオ,meiryo,arial,helvetica,sans-serif;
        font-size: 1.75rem;
        font-weight: 400;
        line-height: 1.8
    }
}

.hs-content-section02 .hs-content-section02__image {
    grid-area: hs-content-section02__image
}

.hs-content-section02 .hs-content-section02__image img {
    border: 1px solid #bbb
}

.hs-content-section02 .hs-content-section02__textarea {
    grid-area: hs-content-section02__textarea
}

.hs-content-section02 .hs-content-section02__text {
    letter-spacing: .05em;
    font-size: 3.7333333333vw;
    font-weight: 400;
    line-height: 1.6;
    line-height: 1.8
}

@media screen and (min-width: 768px) {
    .hs-content-section02 .hs-content-section02__text {
        letter-spacing:.04em;
        font-size: 1rem;
        font-weight: 400;
        line-height: 1.65
    }

    .hs-content-section02 .hs-content-section02__text.caption--en,.hs-content-section02 .hs-content-section02__text.figcaption--en,html[lang=en] .hs-content-section02 .hs-content-section02__text {
        font-family: メイリオ,meiryo,arial,helvetica,sans-serif;
        font-size: 1rem;
        line-height: 1.6875
    }
}

.hs-content-section02 .hs-content-section02__sub {
    display: block;
    margin-top: 2.6666666667vw;
    font-size: 3.4666666667vw;
    font-weight: 400;
    line-height: 1.8461538462
}

@media screen and (min-width: 768px) {
    .hs-content-section02 .hs-content-section02__sub {
        margin-top:10px;
        font-size: .8125rem;
        font-weight: 400;
        line-height: 1.8461538462
    }
}

.hs-content-section02 .hs-content-section02__link {
    grid-area: hs-content-section02__link
}

@media screen and (min-width: 768px) {
    .hs-content-section02 .hs-content-section02__link {
        display:flex;
        align-items: flex-end
    }
}

.hs-content-section02 .hs-content-section02__link a {
    justify-content: center;
    padding: 1.8666666667vw 6.9333333333vw;
    min-width: 50%;
    min-height: auto;
    letter-spacing: .05em;
    font-size: 3.7333333333vw;
    font-weight: 400;
    line-height: 1.6
}

@media screen and (min-width: 768px) {
    .hs-content-section02 .hs-content-section02__link a {
        justify-content:center;
        padding: 10px 40px;
        width: auto;
        min-width: 210px;
        min-height: auto;
        letter-spacing: .05em;
        font-size: .875rem;
        font-weight: 400;
        line-height: 1.7
    }
}