@charset "utf-8";

/* p_archive_summary_row 冒頭
---------------------------------------*/
.p_archive_summary_row {
    padding: 0 0 2rem;
    /* display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 1.6rem; */
}
.p_archive_summary_main {
    padding-right: 0;
    /* grid-column: 1 / 7; */
}
.p_archive_summary_main::after {
    content: '';
    display: block;
    height: 0;
    clear: both;
}
.p_archive_summary_main .desc {
    margin: 3rem 0 3rem;
}
.p_archive_summary_side {
    background-color: #F5F5F5;
    padding: 4rem 3rem 3rem;
    border-radius: .8rem;
    /* grid-column: 7 / 13; */
    max-width: 62.4rem;
    margin: 0 0 3rem 5%;
    width: 42%;
    max-width: 517px;
    float: right;
}
.p_archive_summary_main .left_column {
    float: left;
    width: 52%;
}

.p_archive_summary_side_list .item {
    margin: 0 0 1rem;
}
.p_archive_summary_side_list .item a {
    display: block;
    position: relative;
    background-color: #fff;
    padding: .7rem 3rem .7rem 1rem;
    border-radius: .8rem;
    font-size: 1.4rem;
    font-weight: 500;
}
.p_archive_summary_side_list .item a::after {
    content: '';
    display: block;
    background-image: url(/jp/assets/images/common/icon_arrow_circle_gry.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    width: 1.8rem;
    height: 1.8rem;
    position: absolute;
    top: 0;
    bottom: 0;
    right: .8rem;
    margin: auto;
}
.p_archive_summary_side_list .item a.page::after {
    transform: rotate(0);
}
.p_archive_summary_side_list .item a.blank::after {
    transform: rotate(-45deg);
}
.p_archive_summary_side_list .item a.dl::after {
    transform: rotate(90deg);
}
.p_archive_summary_side_list .item a:hover {
    color: #005AFF;
}
.p_archive_summary_side_list .item a:hover:after {
    background-image: url(/jp/assets/images/common/icon_arrow_circle_bl.svg);
}

@media screen and (max-width : 767px) {
    .p_archive_summary_main {
        padding: 0;
        display: flex;
        flex-flow: column;
    }
    .p_archive_summary_side {
        float: none;
        width: 100%;
        margin: 4rem 0 1rem;
        order: 2;
    }
}

/* p_archive_about */
.p_archive_about_row {
    display: flex;
    gap: 1.6rem;
}
.p_archive_about_row + .p_archive_about_row {
    margin-top: 4rem;
}
.p_archive_about_main {
    flex: 1 1 50%;
    padding-right: 5rem;
}
.p_archive_about_side {
    flex: 0 1 41%;
}
.p_archive_about_side_list a {
    display: block;
    border: solid 1px #D9D9D9;
    border-radius: .4rem;
    padding: 1.8rem 3rem;
    position: relative;
    color: #005AFF;
    margin: 0 0 1rem;
    text-indent: -1rem;
}
.p_archive_about_side_list a::before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: .6rem;
    height: .6rem;
    background-color: #000;
    border-radius: 50%;
    margin: 0 1rem .3rem 0;
}
.p_archive_about_side_list a:hover {
    text-decoration: underline;
}

@media screen and (max-width : 767px) {
    .p_archive_about_row {
        display: block;
    }
    .p_archive_about_main {
        padding: 0;
    }
    .p_archive_summary_main .left_column {
        float: none;
        width: 100%;
    }
}


/* p_archive_lineup
---------------------------------------*/
.p_archive_lineup {
    padding-top: 14rem;
}
.p_archive_lineup + .p_archive_lineup {
    padding-top: 0;
}
.p_archive_lineup + *:not(.p_archive_lineup) {
    margin-top: 10rem;
}

@media screen and (max-width : 767px) {
    .p_archive_lineup {
        padding-top: 5rem;
    }
    .p_archive_lineup + .p_archive_lineup {
        padding-top: 0;
    }
    .p_archive_lineup + *:not(.p_archive_lineup) {
        margin-top: 6rem !important;
    }
}

.p_archive_lineup_list {
}
.p_archive_lineup_item {
    margin: 0 0 3rem;
}
.p_archive_lineup_item .blk {
    background-color: #F5F5F5;
}
.p_archive_lineup_item a {
    position: relative;
}
.p_archive_lineup_item a::after {
    content: '';
    display: block;
    position: absolute;
    bottom: 2rem;
    right: 2rem;
    width: 6.2rem;
    height: 6.2rem;
    background-color: #fff;
    border-radius: 50%;
    background-image: url(/jp/assets/images/common/icon_arrow_rd.svg);
    background-repeat: no-repeat;
    background-size: 1rem;
    background-position: center;
    transition: .2s ease;
}
.p_archive_lineup_item a:hover:after {
    background-color: #E60013;
    background-image: url(/jp/assets/images/common/icon_arrow_wh.svg);
}

.p_archive_lineup_item a.pdf::after {
    background-image: url(/jp/assets/images/common/icon_download.svg);
    background-repeat: no-repeat;
    background-size: 1.6rem;
}
.p_archive_lineup_item a.pdf:hover:after {
    background-image: url(/jp/assets/images/common/icon_download_wh.svg);
    background-repeat: no-repeat;
    background-size: 1.6rem;
}

.p_archive_lineup_fig {
    grid-column: 1 / 4;
    padding: 2rem 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
.p_archive_lineup_txt {
    grid-column: 4 / -1;
    padding: 4rem 9rem 4rem 4rem;
    box-shadow: -6px 0 8px -8px rgba(0,0,0,.15);
}
.p_archive_lineup_txt .desc {
    font-size: 1.7rem;
}
.p_archive_lineup_tags {
    display: flex;
    align-items: center;
    gap: .5rem;
    flex-wrap: wrap;
}
.p_archive_lineup_tags .tag {
    font-size: 1.4rem;
    text-align: center;
    padding: .2rem .8rem .1rem;
    margin: 0 0 2.5rem;
    line-height: 1.35;
}
.p_archive_lineup_tags .tag.cate {
    background-color: #fff;
    color: #4C4948;
}
.p_archive_lineup_tags .tag.num {
    background-color: #E60013;
    color: #fff;
    font-weight: 700;
}
.p_archive_lineup_tags .tag.other {
    color: #E60013;
    font-size: 2.0rem;
    font-weight: 700;
}

.p_archive_lineup_spec {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    margin: 4rem 0 0;
}
.p_archive_lineup_spec .spec {
    background-color: #E7E7E7;
    font-size: 1.2rem;
    text-align: center;
    padding: .4rem 1rem;
    border-radius: 10rem;
}

@media screen and (max-width : 767px) {
    .p_archive_lineup_item .blk {
        gap: 0;
    }
    .p_archive_lineup_fig {
        padding: 3rem;
    }
    .p_archive_lineup_txt {
        grid-column: 4 / -1;
        padding: 3rem 3rem 3rem 3rem;
        box-shadow: 0 -6px 8px -8px rgba(0,0,0,.15);
    }
    .p_archive_lineup_item a::after {
        width: 5rem;
        height: 5rem;
    }
    .p_archive_lineup_txt .desc {
        font-size: 1.6rem;
        padding-right: 5rem;
    }
    .p_archive_lineup_spec {
        padding-right: 5rem;
    }
}


/* p_archive_movies
---------------------------------------*/
.p_archive_movies {
    padding-top: 8rem;
    padding-bottom: 12rem;
}
@media screen and (max-width : 767px) {
    .p_archive_movies {
        padding-top: 5rem;
        padding-bottom: 4rem;
    }
}

.p_archive_movies_list {
    display: flex;
    flex-wrap: wrap;
    gap: 4rem 1.6rem;
    justify-content: space-between;
}
.p_archive_movies_item {
    flex: 0 1 48%;
}
.p_archive_movies_item .ttl {
    font-weight: 700;
    margin: 1.5rem 0 ;
    font-size: 1.4rem;
}
.p_archive_movies_item a:hover .ttl {
    text-decoration: underline;
}

@media screen and (max-width : 767px) {
    .p_archive_movies_list {
        display: block;
    }
    .p_archive_movies_item {
        margin: 0 0 3rem;
    }
}


/* 製品一覧ページ ウェビナー
---------------------------------------*/
.p_archive_webinars {
    padding-top: 8rem;
    padding-bottom: 12rem;
}
@media screen and (max-width : 767px) {
    .p_archive_webinars {
        padding-top: 3rem;
        padding-bottom: 5rem;
    }
}

.p_archive_webinars_list {
    display: flex;
    flex-wrap: wrap;
    gap: 4rem 1.6rem;
    justify-content: space-between;
}
.p_archive_webinars_item {
    flex: 0 1 48%;
}
.p_archive_webinars_item .ttl {
    font-weight: 700;
    margin: 1.5rem 0 ;
    color: #005AFF;
}
.p_archive_webinars_item a:hover .ttl {
    text-decoration: underline;
}

@media screen and (max-width : 767px) {
    .p_archive_webinars_list {
        display: block;
    }
    .p_archive_webinars_item {
        margin: 0 0 3rem;
    }
}


/* p_utilities
---------------------------------------*/
.p_utilities {
    padding-top: 8rem;
    padding-bottom: 12rem;
    background-color: #F5F5F5;
}
@media screen and (max-width : 767px) {
    .p_utilities {
        padding-top: 5rem;
        padding-bottom: 6rem;
    }
}

.p_utilities_links_list {
    grid-template-columns: repeat(2, 1fr);
}
.p_utilities_links_item .blk {
    background-color: #fff;
    border-radius: .4rem;
    padding: 3.9rem 4rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    height: 100%;
}
.p_utilities_links_item .txt {
    font-weight: 700;
    font-size: clamp(2.3rem, 1.381rem + 1.91vw, 3.2rem);
}
.p_utilities_links_item .icon {
    flex: 0 0 10rem;
    font-weight: 700;
    font-size: 1.2rem;
    position: relative;
    padding: 0 0 0 5rem;
}
.p_utilities_links_item a .icon::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 3.8rem;
    height: 3.8rem;
    background-color: #E60013;
    border-radius: 50%;
    background-image: url(/jp/assets/images/common/icon_arrow_wh.svg);
    background-repeat: no-repeat;
    background-size: 1rem;
    background-position: center;
    transition: .2s ease;
}
.p_utilities_links_item a:hover .icon:before {
    background-color: #fff;
    background-image: url(/jp/assets/images/common/icon_arrow_rd.svg);
}

@media screen and (max-width : 767px) {
    .p_utilities_links_list {
        grid-template-columns: auto;
        gap: 1.6rem;
    }
    .p_utilities_links_item .blk {
        padding: 3rem 3rem;
    }
}


/* 製品詳細ページ 冒頭
---------------------------------------*/
.p_single_summary_row {
    padding: 0 0 8rem;
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 1.6rem;
}
.p_single_summary_main {
    grid-column: 1 / 7;
    padding-right: 5.5rem;
}
.p_single_summary_img {
    align-self: flex-start;
}
.p_single_summary_main .tag {
    align-self: center;
    font-size: 1.2rem !important;
    font-weight: 500;
    text-align: center;
    padding: .3rem 1rem .2rem;
    margin: 0 0 3.5rem !important;
}
.p_single_summary_main .tag.cate {
    background-color: #D9D9D9;
    color: #4C4948;
}
.p_single_summary_main .tag.num {
    background-color: #E60013;
    color: #fff;
    font-weight: 700;
}
.p_single_summary_main .tag.other {
    color: #E60013;
    font-size: 2.0rem !important;
    font-weight: 700;
}
.p_single_summary_main .ttl {
    margin: 0;
}
.p_single_summary_main .num {
    font-size: clamp(2rem, 1.591rem + 0.85vw, 2.4rem);
    font-weight: 700;
    margin: 1rem 0 0;
}
.p_single_summary_main .desc {
    margin: 3rem 0 3rem;
    font-size: 1.6rem;
}
.p_single_summary_img {
    grid-column: 7 / 13;
}
.p_single_summary_links {
    border-top: solid 1px #D9D9D9;
    margin: 3rem 0 0;
    padding: 4rem 0 0;
}
.p_single_summary_links_list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: .4rem 1.6rem;
}
.p_single_summary_links_list .item.doc a::before {
    content: '';
    display: block;
    background: url(/jp/assets/images/common/icon_document.svg) no-repeat 0 0;
    background-size: 100%;
    width: 1.4rem;
    height: 2.0rem;
    position: absolute;
    top: 0;
    bottom: 0;
    left: .8rem;
    margin: auto;
    opacity: .4;
}

@media screen and (max-width : 767px) {
    .p_single_summary_row {
        grid-template-columns: none;
        gap: 3rem;
    }
    .p_single_summary_main {
        padding: 0;
        order: 2;
        grid-column: 1 / -1;
    }
    .p_single_summary_img {
        order: 1;
        grid-column: 1 / -1;
    }
}

/* 製品詳細ページ MVスライダー
---------------------------------------*/
.p_single_mv_rail {
    background-color: #F5F5F5;
    padding: 6rem 4rem;
    height: 65rem;
}
.p_single_mv_item {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100% !important;
}

/* サムネイル */
.p_single_mv .thumb-wrapper {
    display: flex;
    gap: 1.6rem;
    margin: 1.6rem 0 0;
}
.p_single_mv .thumb-wrapper.is-hide {
    display: none;
}
.p_single_mv .thumb-media {
    flex: 0 0 5.6rem;
    height: 10rem;
    background-color: #F5F5F5;
    border-radius: .8rem;
    cursor: pointer;
    position: relative;
    transition: .2s ease;
}
.p_single_mv .thumb-media img {
    object-fit: contain;
    width: 100%;
    height: 100%;
}
.p_single_mv .thumb-media::before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    border-radius: .8rem;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,.15);
    opacity: 0;
    transition: .3s ease;
}
.p_single_mv .thumb-media::after {
    content: '';
    display: block;
    width: 100%;
    height: 5.6rem;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    background-color: rgba(255,255,255,.8);
    background-image: url(/jp/assets/images/common/icon_tmb_eye.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 2.5rem;
    opacity: 0;
    transition: .3s ease;
}
.p_single_mv .thumb-media-active::before,
.p_single_mv .thumb-media-active::after {
    opacity: 1;
}

@media screen and (max-width : 767px) {
    .p_single_mv_rail {
        height: 37rem;
    }
}

/* 製品詳細ページ カラムレイアウト
---------------------------------------*/
*[class*="p_flex_cols"] > .p_flex_col {
    border-top: solid 3px #D2D2D2;
    padding: 4rem 0 0;
}

.p_flex_cols2 {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 8rem 4%;
}
.p_flex_cols2 > * {
    flex: 0 1 48%;
    max-width: 60rem;
}

.p_flex_cols3 {
    display: flex;
    flex-wrap: wrap;
    gap: 4rem 5%;
}
.p_flex_cols3 > * {
    flex: 0 1 30%;
    max-width: 38.4rem;
}
.p_flex_cols3 > .p_flex_col {
    padding: 3.4rem 0 0;
}

@media screen and (max-width : 767px) {
    *[class*="p_flex_cols"] {
        display: block;
    }
    *[class*="p_flex_cols"] > * {
        margin-bottom: 3rem;
    }
    *[class*="p_flex_cols"] > .p_flex_col {
        border-top: solid 3px #D2D2D2;
        padding: 2rem 0 0;
    }
}

/* 画像 */
.p_single_fig_box {
    background-color: #fff;
    padding: 8rem 7vw;
    margin: 3rem 0;
}

@media screen and (max-width : 767px) {
    .p_single_fig_box {
        padding: 3rem;
    }
}

/* 製品詳細ページ ダウンロードリンク集
---------------------------------------*/
.p_single_dl {
    padding-top: 8rem;
    padding-bottom: 8rem;
}
@media screen and (max-width : 767px) {
    .p_single_dl {
        padding-top: 6rem;
        padding-bottom: 4rem;
    }
}

.p_single_dl_links {
    margin: 1rem 0 2rem;
}
.p_single_dl_links_col {
    border: solid 1px #D9D9D9;
    padding: 2rem 2rem 1rem;
    margin: 0;
    font-size: clamp(1.6rem, 1.573rem + 0.13vw, 1.7rem);
}
.p_single_dl_links_col_ttl {
    font-weight: 700;
    font-size: clamp(2.2rem, 2.093rem + 0.53vw, 2.6rem);
    margin: 0 0 1rem;
    font-feature-settings: "palt";
}
.p_single_dl_links_col ul {
    margin: 0 0 1rem;
}
.p_single_dl_links_col ul li {
    margin: 0 0 .2rem;
}
.p_single_dl_links_col *[class*="btn"] {
    display: block;
    /* margin-top: auto; */
}

.p_single_dl_links .link_file {
    font-size: 1.4rem;
    font-weight: 500;
    margin: 0;
}

@media screen and (max-width : 1023px) {
    .p_single_dl_links {
        margin: 2rem 0 2rem;
        gap: 1.5rem;
    }
}

@media screen and (min-width : 1024px) {
    .p_single_dl_links_col {
        padding: 3rem 3.3rem 1.3rem;
        display: flex;
        flex-flow: column;
        gap: .2rem;
        justify-content: space-between;
    }
    .p_single_dl_links_col ul {
        margin: auto 0 0;
    }
    .p_single_dl_links_col ul + p {
        margin-top: 1rem;
    }
}

/* 製品詳細ページ 特長
---------------------------------------*/
.p_single_features {
    padding-top: 8rem;
    padding-bottom: 8rem;
}
@media screen and (max-width : 767px) {
    .p_single_features {
        padding-top: 3rem;
        padding-bottom: 4rem;
    }
}

/* 製品詳細ページ 特長
---------------------------------------*/
.p_single_features_list > li {
    margin: 1.6rem 0;
}
.p_single_features_item {
    background-color: #F5F5F5;
    border-radius: .8rem;
    padding: 3rem 3rem 3rem;
    position: relative;
}
.p_single_features_item .icon {
    width: 7rem;
    height: 6rem;
    margin: 0 0 2.5rem;
}
.p_single_features_item .icon img {
    width: 100%;
}
.p_single_features_item .ttl {
    margin: 0 0 1.2rem;
}
.p_single_features_item .desc {
    font-size: 1.5rem;
    color: #4c4948;
    word-break: break-word;
}
.p_single_features_catalog a {
    display: block;
    height: 100%;
    background-color: #4C4948;
    color: #fff;
    border-radius: .8rem;
    padding: 12rem 3rem 3rem;
    position: relative;
}
.p_single_features_catalog .ttl {
    margin: 0 0 1.2rem;
}
.p_single_features_catalog .icon {
    background-color: #fff;
    width: 7.8rem;
    height: 7.8rem;
    position: absolute;
    top: 2rem;
    left: 3rem;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.p_single_features_catalog .icon img {
    display: block;
    width: 1.6rem;
    transition: .28s ease;
}
.p_single_features_catalog a:hover {
    text-decoration: none;
}
.p_single_features_catalog a:hover .icon img {
    transform: scale(1.12);
}

@media screen and (min-width : 768px) {
    .p_single_features_list {
        display: flex;
        flex-wrap: wrap;
        gap: 1.6rem;
    }
    .p_single_features_list > li {
        flex: 1 1 0%;
        min-width: 26rem;
        margin: 0;
    }
}

@media screen and (min-width : 1024px) {
    .p_single_features_list {
        flex-wrap: nowrap;
    }
    .p_single_features_list > li {
        flex: 1;
        min-width: 1rem;
    }
    /* 子要素liが3個以上の場合 */
    .p_single_features_list:has(> :nth-child(3)) > li {
        flex-basis: 33%;
    }
    /* 子要素liが4個以上の場合 */
    .p_single_features_list:has(> :nth-child(3)) > li {
        flex-basis: 25%;
    }
    /* 子要素liが5個以上の場合 */
    .p_single_features_list:has(> :nth-child(5)) > li {
        flex-basis: 20%;
    }
    /* 子要素liが6個以上の場合 */
    .p_single_features_list:has(> :nth-child(6)) {
        flex-wrap: wrap; /* 改行 */
    }
    .p_single_features_list:has(> :nth-child(6)) > li {
        flex-basis: 16%;
    }
}

/* p_single_faq
---------------------------------------*/
.p_single_faq {
    padding-top: 5rem;
    padding-bottom: 6rem;
}
@media screen and (max-width : 767px) {
    .p_single_faq {
        padding-top: 3rem;
        padding-bottom: 5rem;
    }
}


/* p_single_related_products
---------------------------------------*/
.p_single_related_products {
    padding-top: 6rem;
    padding-bottom: 8rem;
}
@media screen and (max-width : 767px) {
    .p_single_related_products {
        padding-top: 5rem;
        padding-bottom: 6rem;
    }
}

.p_single_related_products_list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 3.2rem;
    margin: 2rem 0 2rem;
}
.p_single_related_products_item a {
    position: relative;
    width: 100%;
    height: 100%;
}
.p_single_related_products_item .blk {
    background-color: #F5F5F5;
    padding: 2rem 2.5rem 2rem;
    display: flex;
    flex-flow: column;
    gap: 2rem;
    width: 100%;
    height: 100%;
    border-radius: .8rem;
}
.p_single_related_products_item .p_archive_lineup_tags {
    margin-bottom: 3rem;
}
.p_single_related_products_item .tag {
    /* align-self: flex-start;
    background-color: #D9D9D9;
    font-size: 1.2rem;
    font-weight: 500;
    text-align: center;
    padding: .3rem 1rem .2rem; */
    margin: 0;
}
.p_single_related_products_item .tag.other {
    font-size: 1.8rem;
}
.p_single_related_products_item .tmb_box {
    height: 20rem;
    margin: 0 0 3rem;
}
.p_single_related_products_item .tmb {
    width: 100%;
    height: 100%;
    object-fit: scale-down;
}
.p_single_related_products_item .ttl {
    margin-top: auto;
    font-weight: 700;
    padding: 0 4.5rem 1rem 0;
    margin-top: auto;
    font-size: clamp(2rem, 1.591rem + 0.85vw, 2.4rem);
    line-height: 1.35;
}
.p_single_related_products_item a::after {
    content: '';
    display: block;
    position: absolute;
    bottom: 2rem;
    right: 2rem;
    width: 3.8rem;
    height: 3.8rem;
    background-color: #fff;
    border-radius: 50%;
    background-image: url(/jp/assets/images/common/icon_arrow_rd.svg);
    background-repeat: no-repeat;
    background-size: .7rem;
    background-position: center;
    transition: .2s ease;
}
.p_single_related_products_item a:hover:after {
    background-color: #E60013;
    background-image: url(/jp/assets/images/common/icon_arrow_wh.svg);
}

@media screen and (max-width : 767px) {
    .p_single_related_products_list {
        grid-template-columns: repeat(auto-fit, 68vw);;
        gap: 1.6rem;
        width: 100%;
        margin: 1.5rem 0;
    }
    .p_single_related_products_item {
        margin: 0;
    }
    .p_single_related_products_item .blk {
        padding: 3rem 2rem 2rem;
    }
    .p_single_related_products_item .tmb_box {
        height: 16rem;
        padding: 1rem 2rem;
    }
}


/* p_single_related_articles
---------------------------------------*/
.p_single_related_articles {
    padding-top: 12rem;
    padding-bottom: 10rem;
}
@media screen and (max-width : 767px) {
    .p_single_related_articles {
        padding-top: 5rem;
        padding-bottom: 6rem;
    }
}

.p_single_related_articles_list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 6rem;
    margin: 4rem 0 2rem;
}
.p_single_related_articles_item a:hover {
    text-decoration: underline;
}
.p_single_related_articles_item .blk {
    display: flex;
    gap: 2rem;
    align-items: flex-start;
}
.p_single_related_articles_item .tmb_box {
    flex: 0 1 25%;
    border-radius: 1.6rem;
}
.p_single_related_articles_item .tmb_box .tmb {
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.p_single_related_articles_item .txt {
    flex: 1 1 78%;
}
.p_single_related_articles_item .tag {
    display: block;
    font-size: 1.6rem;
    color: #4C4948;
}
.p_single_related_articles_item .ttl {
    font-weight: 700;
    font-size: clamp(2rem, 1.591rem + 0.85vw, 2.4rem);
    margin: .7rem 0 0;
    padding-right: 3.5rem;
    position: relative;
}

@media screen and (max-width : 767px) {
    .p_single_related_articles_list {
        grid-template-columns: auto;
    }
    .p_single_related_articles_item .tmb_box {
        flex: 0 0 12rem;
    }
}


/* slm_spec
---------------------------------------*/
.slm_spec_bg {
    content: "";
    display: block;
    background-image: url(/jp/assets/images/common/bg_wave02.webp);
    background-repeat: no-repeat;
    background-position: 0 bottom;
    background-size: 110%;
    padding-bottom: 14rem;
}
.p_slm_spec_main {
    padding: 0 0 12rem;
}
.p_slm_spec_table .tmb {
    min-width: 6rem;
    margin: 0 auto;
}

@media screen and (max-width : 767px) {
    .slm_spec_bg {
        padding-bottom: 8rem;
    }
    .p_slm_spec_main {
        padding: 0 0 3rem;
    }
}