@charset "Shift_JIS";
*,
*::before,
*::after {
box-sizing: border-box;
}


.mincho{
    font-family: "A1 Mincho",Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
}

.main_inner {
    font-family: "A1 Mincho",Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
}

.main_inner img {
    width: 100%;
}

img {
    vertical-align: top;
}

.visible-pc{
    display: block !important;
}
.visible-sp{
    display: none !important;
}
@media screen and (max-width:750px){
    .visible-pc{
        display: none !important;
    }
    .visible-sp{
        display: block !important;
    }
}

.Breadcrumb {
    margin: 30px 0 30px 0;
}

.main_lead {
    font-size: 22px;
    line-height: 1.9;
    text-align: center;
    margin: 0 auto 4em;
}
@media screen and (max-width:750px){
.main_lead {
    font-size: calc(26vw / 750 * 100);
    min-height: 0vw;
    line-height: 1.9;
    text-align: left;
    margin: 0 auto 3em;
    width: 93%;
}
}

/********************************************************************/
/* ピックアップ */
.pickup {
    background-color: #f2f5f7;
    padding: 4em 0 ;
    margin: 0 auto 4em;
}
@media screen and (max-width:750px){
    .pickup {
        padding: 2em 0 ;
        margin: 0 auto 2em;
    }
}

.pickup_slide {

}
.pickup_slide_body {
    margin: 0 30px;
    display: block;
    text-decoration: none;
    color:#000;
}
@media screen and (max-width:750px){
    .pickup_slide_body {
        margin: 0 5px;
    }
}


.pickup_slide_img img {
    width: 100%;
    object-fit: cover;
    border-radius: 156px;
}

@media screen and (min-width: 751px) {
    .pickup_slide_img img {
        height: 450px;
    }
}

@media screen and (max-width: 750px) {
    .pickup_slide_img img {
        height: 200px;
    }
}

.pickup_slide_img{
    margin: 0 auto 2em;
}
@media screen and (max-width:750px){
    .pickup_slide_img{
        margin: 0 auto 1em;
    }
    .pickup_slide_text{
        padding: 0 1em;
    }
}

.pickup_slide_title{
    font-size: 24px;
    line-height: 1.3;
    font-feature-settings: "palt";
    margin: 0 auto 0.5em;
}
@media screen and (max-width:750px){
.pickup_slide_title{
    font-size: calc(32vw / 750 * 100);
    min-height: 0vw;
    line-height: 1.3;
    margin: 0 auto 0.5em;
}
}

.pickup_slide_info{
    font-family: "游ゴシック体","Yu Gothic",YuGothic,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','Helvetica Neue',Helvetica,Arial,'メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
    font-size: 18px;
    margin: 0 0 2em;
}
.pickup_slide_cat{
    border-right:1px solid #b5b8b9;
    padding: 0 10px 0 0;
}
.pickup_slide_time{
    color:#8c8c8c;
    padding: 0 0 0 7px;
}
@media screen and (max-width:750px){
    .pickup_slide_info{
        font-size: calc(26vw / 750 * 100);
        min-height: 0vw;
        margin: 0 0 2em;
    }
    .pickup_slide_cat{
        border-right:1px solid #b5b8b9;
        padding: 0 10px 0 0;
    }
    .pickup_slide_time{
        color:#8c8c8c;
        padding: 0 0 0 7px;
    }
}



/********************************************************************/
/* slick */

.slick-slide:focus {
    outline:none;
}

/* slick ページネーション */
.slick-dots li {
    position: relative;
    display: inline-block;
    width: 8px;
    height: 8px;
    margin: 0 17px;
    padding: 0;
    cursor: pointer;
    /* border: 1px solid; */
}
.slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 8px;
    height: 8px;
    padding: 0px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:before {
    line-height: 1;
    width: 8px;
    height: 8px;
    opacity: 1;
    color: black;
    text-indent: -9999px;
    overflow: hidden;
    background-color: #c5d2dd;
    top: 5px;
    left: 5px;
}
.slick-dots li.slick-active button:before {
    line-height: 1;
    width: 16px;
    height: 16px;
    opacity: 1;
    color: black;
    text-indent: -9999px;
    overflow: hidden;
    background-color: #5e82a1;
    top: 0px;
    left: 2px;
}
@media screen and (max-width:750px){
    .slick-dots li {
        width: 4px;
        height: 4px;
        margin: 0 10px;
    }
    .slick-dots li button {
        width: 4px;
        height: 4px;
        padding: 0px;
    }
    .slick-dots li button:before {
        width: 4px;
        height: 4px;
        top: 5px;
        left: 5px;
    }
    .slick-dots li.slick-active button:before {
        width: 9px;
        height: 9px;
        top: 2px;
        left: 2px;
    }
}


/********************************************************************/
/* カテゴリーリスト */
.cat_lists{
    max-width: 900px;
    margin: 0 auto 4em;
    padding: 0 0 3em 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    position: relative;
}

@media screen and (max-width:750px){
    .cat_lists {
        padding: 0 1.5em 0em;
        justify-content: space-between;
    }

}

.cat_lists:after {
    content:"";
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    left:0;
    width: 90px;
    height: 1px;
    margin: auto;
    border-bottom: 2px dotted #cccccc;
}
.cat_link{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 260px;
    height: 40px;
    background-color: #5e82a1;
    border-radius: 8px;
    font-size: 18px;
    text-decoration: none;
    color: #fff;
    margin: 0 1.1em 1.5em;
    box-shadow: 0 4px 32px 0 rgba(0,0,0,.2);
    transition: box-shadow .2s,transform .2s;
    letter-spacing: 4px;
    font-feature-settings: "palt";
}
@media screen and (max-width:750px){
    .cat_lists:after {
        display: none;
    }
    .cat_link {
        height: auto;
        font-size: calc(28vw / 750 * 100);
        min-height: 0vw;
        width: 48%;
        padding: 0.7em 0;
        letter-spacing: 1px;
        margin: 0 0 0.8em;
        border-radius: 8px;
    }
}

.cat_link:hover {
    box-shadow: 0 2px 16px 0 rgba(0,0,0,.4);
    transition: box-shadow .2s,transform .2s;
}
.cat_link:active {
    transform: scale(.99,.99);
}

/* タイトル */
.contents_title {
    text-align: center;
    margin: 0 auto 1.8em;
}
.contents_title_text01 {
    font-size: 14px;
    color:#5e81a0;
    display: block;
    letter-spacing: 2px;
    margin: 0 auto 0.5em;
}
.contents_title_text01_c {
    color:#707070;
}
.contents_title_text02 {
    font-size: 38px;
    color:#5e81a0;
    display: block;
    letter-spacing: 1px;
}
.contents_title_text02_c {
    color:#707070;
}
@media screen and (max-width:750px){
    .contents_title {
        margin: 0 auto 1.5em;
    }
    .contents_title_text01 {
        font-size: calc(18vw / 750 * 100);
        min-height: 0vw;
        letter-spacing: 2px;
        margin: 0 auto 0.5em;
    }
    .contents_title_text01_c {
        color:#707070;
    }
    .contents_title_text02 {
        font-size: calc(42vw / 750 * 100);
        min-height: 0vw;
        letter-spacing: 1px;
    }
    .contents_title_text02_c {
        color:#707070;
    }
}



/********************************************************************/
/* おすすめ記事 */
.recommend{
    max-width: 1090px;
    width: 100%;
    margin: 0 auto 3em;
}
.recommend_layout{
    margin: 0 auto 0;
}
@media screen and (max-width:767px){
    .recommend_layout{
        width: 90%;
        margin: 0 auto 0;
    }
}

.recommend_inner {
    display: flex;
    flex-wrap: wrap;
    /* justify-content: space-between; */
}
.recommend_link{
    width: calc(330/1100*100%);
    margin: 0 3.4em 3em 0;
    text-decoration: none;
    color: #000;
    opacity: 1;
    transition:0.5s;
}
.recommend_link:nth-child(3n) {
    margin: 0 0 3em 0;
}
@media screen and (max-width:750px){
    .recommend_inner {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .recommend_link{
        width: 47%;
        margin: 0 0 4em;
        text-decoration: none;
        color: #000;
        opacity: 1;
        transition:0.5s;
        position: relative;
    }
    .recommend_link:nth-child(3n) {
        margin: 0 0 4em;
    }
    .recommend_link:before{
        content:"";
        display: block;
        position: absolute;
        right: 0;
        top: -2em;
        left:0;
        width: 45px;
        height: 1px;
        margin: auto;
        border-bottom: 1px dotted #cccccc;
    }
    .recommend_link:nth-child(1):before{
        display: none;
    }
    .recommend_link:nth-child(2):before{
        display: none;
    }
    .recommend_layout_more .recommend_link:nth-child(1):before{
        display: block;
    }
    .recommend_layout_more .recommend_link:nth-child(2):before{
        display: block;
    }

}

.recommend_link:hover {
    opacity: 0.6;
}
.recommend_img{
    margin: 0 auto 1.5em;
}
@media screen and (max-width:767px){
    .recommend_img{
        margin: 0 auto 1.0em;
    }
}

.recommend_img img{
    object-fit: cover;
    height: 240px;
    border-radius: 76px;
}
@media screen and (max-width:750px){
    .recommend_img img{
        object-fit: cover;
        height: 120px;
        border-radius: 45px;
    }
}

.recommend_title{
    font-size: 24px;
    margin: 0 auto 0.5em;
    line-height: 1.4;
    font-feature-settings: "palt";
    letter-spacing: 1px;
}
@media screen and (max-width:750px){
    .recommend_title{
        font-size: calc(26vw / 750 * 100);
    }
}

.recommend_info{
    font-size: 18px;
    font-family: "游ゴシック体","Yu Gothic",YuGothic,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','Helvetica Neue',Helvetica,Arial,'メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
}
@media screen and (max-width:750px){
    .recommend_info{
        font-size: calc(24vw / 750 * 100);
        min-height: 0vw;
    }
}

.recommend_cat{
    border-right:1px solid #b5b8b9;
    padding: 0 10px 0 0;
}
.recommend_time{
    color:#8c8c8c;
    padding: 0 0 0 7px;
}
@media screen and (max-width:750px){
    .recommend_cat{
        padding: 0 3px 0 0;
    }
    .recommend_time{
        padding: 0 0 0 2px;
    }
}

.recommend_layout_more {
    display: none;
}

.btn_more__wrap {
    text-align: center;
    margin: 4em auto 5em;
}
@media screen and (max-width:750px){
    .btn_more__wrap {
        text-align: center;
        margin: -1.5em auto 3.5em;
    }
}

#btn_more {
    cursor: pointer;
}

/********************************************************************/
/* ドモホルンリンクルお試しセット */
.otameshi{
    height: 380px;
    width: 100%;
    background-image: url(/domo/column/common/images/otameshi.jpg);
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 4em;
}
@media screen and (max-width:750px){
    .otameshi{
        height: 300px;
        background-position: center;
        background-image: url(/domo/column/common/images/sp/otameshi_sp.jpg);
        margin: 0 auto 2.5em;

    }
}

.otameshi_inner{
    text-align: center;
}
@media screen and (max-width:750px){
    .otameshi_inner{
        text-align: center;
        width: 100%;
    }
}

.otameshi_title{
    font-size: 32px;
    color: #fff;
    margin: 0 auto 1em;
    font-feature-settings: "palt";
    letter-spacing: 3px;
}
@media screen and (max-width:750px){
    .otameshi_title{
        font-size: calc(42vw / 750 * 100);
        margin: 0 auto 0.5em;

    }
}

.otameshi_lead{
    font-family: "游ゴシック体","Yu Gothic",YuGothic,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','Helvetica Neue',Helvetica,Arial,'メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
    font-size: 18px;
    line-height: 1.5;
    margin: 0 auto 2.4em;
    color: #fff;
    font-weight: bold;
}
@media screen and (max-width:767px){
    .otameshi_lead{
        font-size: calc(24vw / 750 * 100);
        min-height: 0vw;
        letter-spacing: 1px;
    }
}

.btn_otameshi{
    background-image: linear-gradient(180deg,#60c26b 0,#3f8445 100%);
    /* box-shadow: inset 0 -2px 0 0 #3f8445; */
    color: #fff;
    font-size: 20px;
    text-align: center;
    width: 500px;
    height: 80px;
    display: flex;
    text-decoration: none;
    align-items: center;
    justify-content: center;
    border-radius: 26px;
    font-feature-settings: "palt";
    letter-spacing: 1px;
    position: relative;
    box-shadow: 0 4px 32px 0 rgba(0,0,0,.1);
    transition: box-shadow .2s,transform .2s;
}
.btn_otameshi_w {
    background-image: none;
    background-color: #fff;
    color:#5e82a1;
}
@media screen and (max-width:750px){
    .btn_otameshi {
        width: 75%;
        height: auto;
        padding: 1.5em 0 ;
        margin: 0 auto;
        font-size: calc(28vw / 750 * 100);
        min-height: 0vw;
        box-shadow: 0 2px 16px 0 rgba(0,0,0,.5);
    }
}

.btn_otameshi:hover {
    box-shadow: 0 2px 16px 0 rgba(0,0,0,.3);
    transition: box-shadow .2s,transform .2s;
}
.btn_otameshi:active {
    transform: scale(.99,.99);
}
.btn_otameshi:after {
    border-bottom: 3px solid #fff;
    border-right: 3px solid #fff;
    box-sizing: border-box;
    content: '';
    display: block;
    height: 24px;
    width: 24px;
    position: absolute;
    right: 24px;
    top: 50%;
    transform: translate(0,-50%) scale(.5,.5) rotate(-45deg);
    opacity: 0.5;
}
.btn_otameshi.btn_otameshi_w:after {
    border-bottom: 3px solid #5e82a1;
    border-right: 3px solid #5e82a1;
}
@media screen and (max-width:750px){
    .btn_otameshi:after {
        border-bottom: 2px solid #fff;
        border-right: 2px solid #fff;
        height: 15px;
        width: 15px;
        right: 19px;
        top: 50%;
    }
}


/********************************************************************/
/* ナビゲーション */
.sub_nav{
    max-width: 1100px;
    width: 100%;
    margin: 0 auto 3.5em;
}
@media screen and (max-width:750px){
    .sub_nav{
        flex-direction: column-reverse;
    }
}

.sub_nav_lists{
    border-top: 1px solid #cccccc;
    width: calc(480/1100*100%);
}
@media screen and (max-width:750px){
    .sub_nav_lists{
        width: 90%;
        margin: 0 auto;
    }
}

.sub_nav_list{
    border-bottom: 1px solid #cccccc;
}
.sub_nav_link{
    font-size: 20px;
    display: block;
    padding: 1em 0 1em 0.6em;
    position: relative;
    font-feature-settings: "palt";
    letter-spacing: 2px;
    text-decoration: none;
    color:#000;
}
@media screen and (max-width:750px){
    .sub_nav_link{
        font-size: calc(32vw / 750 * 100);
        min-height: 0vw;
        display: block;
        padding: 1.3em 0 1.2em 0.6em;
        position: relative;
    }
}

.sub_nav_link:before {
    background-color: #000;
    content: '';
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: opacity .5s;
    width: 100%;
    cursor: pointer;
}
.sub_nav_link:hover:before {
    opacity: .05;
    transition: opacity .2s cubic-bezier(.19,1,.22,1);
}
.sub_nav_link:after{
    border-bottom: 4px solid #b2b2b2;
    border-right: 4px solid #b2b2b2;
    box-sizing: border-box;
    content: '';
    display: block;
    height: 25px;
    width: 25px;
    position: absolute;
    right: 9%;
    top: 50%;
    transform: translate(0,-50%) scale(.5,.5) rotate(-45deg);
    opacity: 1;
}
@media screen and (max-width:750px){
    .sub_nav_link:after {
        border-bottom: 2px solid #b2b2b2;
        border-right: 2px solid #b2b2b2;
        height: 15px;
        width: 15px;
        right: 3%;
        top: 50%;
    }
}

.sub_nav_btn{
    display: flex;
    width: calc(560/1100*100%);
    height: 200px;
    border-radius: 12px;
    align-items: center;
    border-radius: 10px 10px;
    box-shadow: 0 3px 28px 0 rgba(0,0,0,.2);
    transition: box-shadow .6s cubic-bezier(.19,1,.22,1),transform .6s cubic-bezier(.19,1,.22,1);
    z-index: 1;
    text-decoration: none;
    color: #000;
    font-size: 24px;
    background-image: url(../images/products.png);
    background-repeat: no-repeat;
    background-size: 259px auto;
    background-position: 90% center;
    margin: 0 auto;
}
.sub_nav_btn_food {
    background-image: url(../images/products_food.png);
}
@media screen and (max-width:750px){
    .sub_nav_btn{
        width: 90%;
        height: auto;
        margin: 0 auto 2.5em;
        padding: 2.5em 0;
        font-size: calc(32vw / 750 * 100);
        min-height: 0vw;
        background-size: 46% auto;
        box-shadow: 0 1px 10px 0 rgba(0,0,0,.2);

    }
}

.sub_nav_btn span {
    position: relative;
    padding: 0 0 0 70px;
}
.sub_nav_btn span:after {
    border-bottom: 4px solid #b2b2b2;
    border-right: 4px solid #b2b2b2;
    box-sizing: border-box;
    content: '';
    display: block;
    height: 30px;
    width: 30px;
    position: absolute;
    left: 24px;
    top: 50%;
    transform: translate(0,-50%) scale(.5,.5) rotate(-45deg);
    opacity: 1;
}
@media screen and (max-width:750px){
    .sub_nav_btn span {
        padding: 0 0 0 40px;
    }
    .sub_nav_btn span:after {
        border-bottom: 2px solid #b2b2b2;
        border-right: 2px solid #b2b2b2;
        box-sizing: border-box;
        content: '';
        display: block;
        height: 13px;
        width: 13px;
        position: absolute;
        left: 18px;
        top: 50%;
        transform: translate(0,-50%) scale(.5,.5) rotate(-45deg);
        opacity: 1;
    }
}

.sub_nav_btn:hover {
    box-shadow: 0 3px 28px 0 rgba(0,0,0,.33);
    transition: box-shadow .2s,transform .2s;
}

.sub_nav_otameshi a {
    margin: 0 auto;
}

.sub_nav_otameshi .btn_otameshi{
    flex-flow: column;
}

.sub_nav_otameshi .btn_otameshi span{
    font-size: 24px;
}

@media screen and (max-width:750px){
    .sub_nav_otameshi .btn_otameshi span{
        font-size: calc(34vw / 750 * 100);
    }
}

.otameshi_food{
    height: 380px;
    width: 100%;
    background-image: url(/domo/column/common/images/otameshi_food.jpg) !important;
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 4em;
}

@media screen and (max-width:750px){
    .otameshi_food{
        height: 300px;
        background-position: center;
        background-image: url(/domo/column/common/images/sp/otameshi_food_sp.jpg) !important;
        margin: 0 auto 2.5em;
    }
}

/********************************************************************/
/* カテゴリー一覧 */
.page_layout {
    max-width: 1120px;
    width: 100%;
    margin: -1.5em auto 3em;
    display: flex;
    justify-content: space-between;
}
.page_layout_body {
    width: 710px;
}
.page_layout_body > p {
    font-size: 18px;
    line-height: 1.8;
    margin: 0 0 1.5em;
    font-family: "游ゴシック体","Yu Gothic",YuGothic,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','Helvetica Neue',Helvetica,Arial,'メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
}
@media screen and (max-width:750px){
    .page_layout {
        width: 100%;
        display: block;
    }
    .page_layout_body {
        width: 100%;
    }
    .page_layout_body > p {
        font-size: 18px;
        font-size: calc(26vw / 750 * 100);
        min-height: 0vw;
        line-height: 1.8;
        margin: 0 auto 1.5em;
        width: 90%;
    }
}


.category_heading {
    margin: 0 0 1em;
    color:#707070;
}
.category_heading .text01{
    font-size: 14px;
    margin: 0 0 0.5em;
    letter-spacing: 2px;
    display: block;
}
.category_heading .text02{
    font-size: 38px;
    letter-spacing: 10px;
}
@media screen and (max-width:767px){
    .category_heading {
        text-align: center;
        margin: 0 0 1.5em;
        color:#707070;
        padding: 4em 0 0 0;
    }
    .category_heading .text01{
        font-size: calc(18vw / 750 * 100);
        min-height: 0vw;
        margin: 0 0 0.5em;
        letter-spacing: 2px;
        display: block;
    }
    .category_heading .text02{
        font-size: calc(42vw / 750 * 100);
        min-height: 0vw;
        letter-spacing: 4px;
    }
}

.category_layout {
    margin: 0 0 0;
}
@media screen and (max-width:750px){
    .category_layout {
        margin: 0 auto 0;
        width: 90%;
    }
    .category_layout_inner {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }
}

.category_block {
    border-bottom: 1px dotted #ccc;
    padding: 2.5em 0;
}
@media screen and (max-width:750px){
    .category_block {
        border:none;
        padding: 0;
        width: 47%;
        position: relative;
        margin: 0 0 4em;
    }
}

.category_link{
    margin: 0;
    text-decoration: none;
    color: #000;
    opacity: 1;
    transition:0.5s;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
@media screen and (max-width:750px){
    .category_link{
        width: 100%;
        margin: 0;
        text-decoration: none;
        color: #000;
        opacity: 1;
        transition:0.5s;
        position: relative;
        display: block;
    }
    .category_block:before{
        content:"";
        display: block;
        position: absolute;
        right: 0;
        top: -2em;
        left:0;
        width: 45px;
        height: 1px;
        margin: auto;
        border-bottom: 1px dotted #cccccc;
    }
    .category_block:nth-child(1):before{
        display: none;
    }
    .category_block:nth-child(2):before{
        display: none;
    }
    .category_layout_more .category_block:nth-child(1):before{
        display: block;
    }
    .category_layout_more .category_block:nth-child(2):before{
        display: block;
    }

}

.category_link:hover {
    opacity: 0.6;
}
.category_img{
    margin: 0;
    width: calc(330/710*100%);
}
@media screen and (max-width:750px){
    .category_img{
        margin: 0 auto 0.8em;
        width: 100%;
    }
}

.category_img img{
    object-fit: cover;
    height: 240px;
    border-radius: 76px;
}
@media screen and (max-width:750px){
    .category_img img{
        object-fit: cover;
        height: 120px;
        border-radius: 45px;
    }
}

.category_text {
    width: calc(325/710*100%);
}
@media screen and (max-width:750px){
    .category_text {
        width: 100%;
    }
}

.category_title{
    font-size: 24px;
    margin: 0 auto 0.8em;
    line-height: 1.4;
    font-feature-settings: "palt";
    letter-spacing: 1px;
}
@media screen and (max-width:750px){
    .category_title{
        font-size: calc(28vw / 750 * 100);
    }
}

.category_info{
    font-size: 18px;
    font-family: "游ゴシック体","Yu Gothic",YuGothic,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','Helvetica Neue',Helvetica,Arial,'メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
}
@media screen and (max-width:750px){
    .category_info{
        font-size: calc(24vw / 750 * 100);
        min-height: 0vw;
    }
}

.category_cat{
    border-right:1px solid #b5b8b9;
    padding: 0 10px 0 0;
}
.category_time{
    color:#8c8c8c;
    padding: 0 0 0 7px;
}
@media screen and (max-width:750px){
    .category_cat{
        padding: 0 3px 0 0;
    }
    .category_time{
        padding: 0 0 0 2px;
    }
}

.category_layout_more {
    display: none;
}



/********************************************************************/
/* ページサイドナビ */
.page_layout_side {
    width: 340px;
    padding: 40px 0 0;
    /* position: sticky; */
    /* position: -webkit-sticky; */
    /* align-self: flex-end; */
    /* bottom: 0; */
    top: 0;
}
@media screen and (max-width:767px){
    .page_layout_side {
        width: 100%;
        padding: 0;
    }
}

.page_layout_side_inner {
    /* position: absolute; */
    /* position: -webkit-sticky; */
    /* position: sticky; */
    /* top: 0; */
    /* left: 0; */
    width: 320px;
    margin: 0 auto;
    padding: 40px 0 20px ;
}
@media screen and (max-width:750px){
.page_layout_side_inner {
    width: 100%;
    margin: 0 auto;
    padding: 0 0 0 ;
}
}

.sticky {
    position: -webkit-sticky;
    position: sticky;
    /* align-self: flex-end;
    bottom: 0; */
    top: 0;
}
@media screen and (max-width:767px){
.sticky {
    position: relative;
    top: auto;
}
}

.cat_list_title {
    font-size: 14px;
    letter-spacing: 4px;
    margin: 0 0 1.7em;
}
@media screen and (max-width:750px){
    .cat_list_title {
        display: none;
    }
}

.page_layout_side .cat_link {
    width: 48%;
    margin: 0 12px 13px 0;
    font-feature-settings: "palt";
    letter-spacing: 3px;
}
.page_layout_side .cat_link:nth-child(2n) {
    margin: 0 0 13px 0;
}
@media screen and (max-width:767px){
    .page_layout_side .cat_link {
        width: 48%;
        margin: 0 0 1em;
        letter-spacing: 3px;
    }
}

.page_layout_side .cat_lists:after {
    display: none;
}

.page_layout_side .cat_lists {
    margin: 0 auto 1.5em;
    padding: 0 0 0 0;
    flex-wrap: wrap;
    justify-content: flex-start;
}
.page_layout_side .cat_lists.cat_lists_sp {
    display: none;
}
.cat_lists.cat_lists_sp {
    display: none;
}
@media screen and (max-width:767px){
    .page_layout_side .cat_lists {
        margin: 0 auto 2.5em;
        padding: 0 1.5em 0em;
        display: flex;
        justify-content: space-between;
    }
    .page_layout_side .cat_lists.cat_lists_pc {
        display: none;
    }
    .page_layout_side .cat_lists.cat_lists_sp {
        display: flex;
    }
    .cat_lists.cat_lists_sp {
        display: flex;
    }
}

.page_layout_side .sub_nav_btn {
    width: 100%;
    font-size: 20px;
    background-size: 130px auto;
    height: 100px;
    background-position: 93% center;
}

.sub_nav_btn.small_letters {
    font-size: 16px;
}

@media screen and (max-width:750px){
    .page_layout_side .sub_nav_btn {
        display: none;
    }
}


.page_layout_side .sub_nav_btn span:after {
    border-bottom: 4px solid #b2b2b2;
    border-right: 4px solid #b2b2b2;
    box-sizing: border-box;
    content: '';
    display: block;
    height: 23px;
    width: 23px;
    position: absolute;
    left: 13px;
    top: 50%;
    transform: translate(0,-50%) scale(.5,.5) rotate(-45deg);
    opacity: 1;
}
.page_layout_side .sub_nav_btn span {
    padding: 0 0 0 45px;
}


/********************************************************************/
/* 記事ページ */
.page_layout.page_layout_article {
    margin: 3.8em auto 0;
}
@media screen and (max-width:750px){
    .page_layout.page_layout_article {
        margin: 1em auto 0;
    }
}

/* 記事ページタイトル */
.article_heading{
    border-bottom: 1px dotted #ccc;
    margin: 0 auto 1.5em;
    padding: 0 0 1em;
}
.article_heading:has(+ .unused_ingredient) {
    margin-bottom: 1em;
}
@media screen and (max-width:750px){
    .article_heading{
        width: 90%;
        border-bottom: none;
        margin: 0 auto 0.7em;
        padding: 0;
    }
    .article_heading .category_title {
        font-size: calc(42vw / 750 * 100);
        min-height: 0vw;
    }
    .article_heading:has(+ .unused_ingredient) {
        margin-bottom: 0.3em;
    }
}

.article_heading_info{
    font-size: 18px;
    font-family: "游ゴシック体","Yu Gothic",YuGothic,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','Helvetica Neue',Helvetica,Arial,'メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
    margin: 0 0 0.8em;
}
.article_heading_cat{
    border-right: 1px solid #b5b8b9;
    padding: 0 10px 0 0;
    margin: 0 7px 0 0;
    font-weight: normal;
}
.article_heading_time{
    color: #666666;
    font-weight: normal;
}
.category_title{
    font-size: 28px;
}
@media screen and (max-width:750px){
    .article_heading_info{
        font-size: calc(28vw / 750 * 100);
        min-height: 0vw;
        margin: 0 0 0.8em;
    }
    .article_heading_cat{
        border-right: 1px solid #b5b8b9;
        padding: 0 10px 0 0;
        margin: 0 7px 0 0;
        font-weight: normal;
    }
    .article_heading_time{
        color: #666666;
        font-weight: normal;
    }
    .category_title{
        font-size: calc(26vw / 750 * 100);
        min-height: 0vw;
    }
}

/* サムネール */
.article_thumb {
    margin: 0 0 3em;
}
.article_thumb img {
    height: 420px;
    object-fit: cover;
    border-radius: 130px;
}
@media screen and (max-width:750px){
    .article_thumb {
        margin: 0 0 2em;
    }
    .article_thumb img {
        height: 220px;
        object-fit: cover;
        border-radius: 0;
    }
}


/* ページナビ */
.page_nav {
    border: 6px solid #d4dee6;
    padding: 1.8em 1.5em 0.5em;
    margin: 2em 0 3em;
    font-size: 18px;
    font-family: "游ゴシック体","Yu Gothic",YuGothic,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','Helvetica Neue',Helvetica,Arial,'メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
}
@media screen and (max-width:750px){
    .page_nav {
        width: 90%;
        border: 5px solid #d4dee6;
        padding: 1.5em 1em 1em 0.8em;
        margin: 0 auto 2.5em;
        font-size: calc(26vw / 750 * 100);
        min-height: 0vw;
    }
}

.page_nav_list{
    margin: 0 0 1.0em;
    position: relative;
    padding: 0 0 0 30px;
}
@media screen and (max-width:750px){
    .page_nav_list{
        padding: 0 0 0 25px;
    }
}

.page_nav_list:before{
    border-bottom: 4px solid #5e82a1;
    border-right: 4px solid #5e82a1;
    box-sizing: border-box;
    content: '';
    display: block;
    height: 23px;
    width: 23px;
    position: absolute;
    left: 0;
    top: 12px;
    transform: translate(0,-50%) scale(.5,.5) rotate(-45deg);
    opacity: 1;
}
@media screen and (max-width:750px){
    .page_nav_list:before{
        border-bottom: 3px solid #5e82a1;
        border-right: 3px solid #5e82a1;
        height: 17px;
        width: 17px;
        top: 10px;
    }
}

li.page_nav_list.page_nav_list_h3 {
    font-size: 16px;
    margin-top: 10px;
    margin-bottom: 10px;
}
@media screen and (max-width: 750px) {
    li.page_nav_list.page_nav_list_h3 {
        font-size: calc(3.36467vw);
    }
}

.page_nav_link{
    position: relative;
    background:linear-gradient(transparent 70%, #dce5eb 0%);
    position: relative;
    text-decoration: none;
    color: #000;
    line-height: 1.5;
    font-feature-settings: "palt";
    letter-spacing: 1px;
}



/* 記事 */
.article_body {
    font-family: "游ゴシック体","Yu Gothic",YuGothic,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','Helvetica Neue',Helvetica,Arial,'メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
}

.article_body p {
    font-size: 18px;
    line-height: 1.8;
    margin: 0 0 1.5em;
}
.article_body ol li,.article_body ul li {
    font-size: 18px;
    line-height: 1.8;
    margin: 0 0 0.2em;
}
.article_body ul li {
    margin: 0 0 0.2em 1em;
}
.article_body ol,.article_body ul {
    margin: 0 0 1.5em;
}
.article_body ol {
    padding: 0;
}
.article_body ol li {
    margin-left: 1.5em;
    padding: 0;
}
.article_body ul li ul {
    margin: 0 0 0 0.4em;
}
.article_body ul li ul li {
    margin: 0 0 0 0.4em !important;
}

.article_body h2 {
    font-size: 28px;
    margin: 1em 0 1.5em;
    display: inline-block;
    font-feature-settings: "palt";
    letter-spacing: 2px;
    font-weight: bold;
    position: relative;
    line-height: 1.3;
    font-family: "A1 Mincho",Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
}
.article_body h2 .underline{
    background:linear-gradient(transparent 70%, #dce5eb 0%);
}

.article_body h3 {
    font-size: 20px;
    margin: 2em 0 1.5em;
    border-top: 1px dotted #ccc;
    border-bottom: 1px dotted #ccc;
    padding: 0.8em 0;
    font-weight: bold;
    line-height: 1.5;
}

.article_body h4 {
    font-size: 18px;
    margin: 2em 0 1.5em;
    font-weight: bold;
}

.article_body a {
    color: #000;
}

.article_body figure img {
    border-radius: 140px;
}
.article_body.old_product_info {
    margin-top:55px;
}
p.annotation {
    font-size:14.4px;
}
p.annotation_right {
    font-size:75%;
    margin: 0 0 0.1em;
    text-align:right;
}

p.quotation {
    border: solid 1px #ccc;
    padding: 0.8em;
}

.article_body .page_link a {
    color:#000;
}

.article_body ol.ol_border {
    border:2px solid #d4dee6;
    border-radius: 15px;
    padding: 1.5em 1em 0.5em 2.5em;
}

.article_body ol.ol_border li {
    font-size: 16px;
    margin: 0 0 0.8em 0;
}

.article_body ul.ul_border {
    border:2px solid #d4dee6;
    border-radius: 15px;
    padding: 1.5em 1em 0.5em 1em;
}

.article_body ul.ul_border li {
    font-size: 16px;
    margin: 0 0 0.8em 0;
}
.article_body ul.list_dot li {
    list-style: disc;
    margin: 0 0 0.8em 1.5em;
}
.article_body ul.list_none li {
    list-style: none;
}

.list_bullet {
    list-style-type: disc;
    padding-left:10px;
}

.list_illust {
    margin-bottom: 20px;
}

p.reference_article {
    font-size:14.4px;
}
p.reference_article:has(+ .reference_article) {
    margin-bottom: 0.5em;
}

@media screen and (max-width:750px){
    .article_body {
        width: 90%;
        margin: 0 auto;
    }
    .article_body p {
        font-size: calc(26vw / 750 * 100);
        min-height: 0vw;
        line-height: 1.8;
        margin: 0 0 1.5em;
    }
    .article_body ol {
        margin: 0 0 1.5em;
    }
    .article_body ul {
        margin: 0 0 1.5em;
    }
    .article_body ol li {
        font-size: calc(26vw / 750 * 100);
        min-height: 0vw;
        line-height: 1.8;
    }
    .article_body ol.ol_border li {
        font-size: calc(26vw / 750 * 100);
        min-height: 0vw;
        line-height: 1.8;
    }
    .article_body ul.ul_border li {
        font-size: calc(26vw / 750 * 100);
        min-height: 0vw;
        line-height: 1.8;
    }
    .article_body ul li {
        font-size: calc(26vw / 750 * 100);
        min-height: 0vw;
        line-height: 1.8;
        margin: 0 0 0.2em 1em;
    }
    .article_body h2 {
        font-size: calc(38vw / 750 * 100);
        min-height: 0vw;
        margin: 0.5em 0 1.5em;
        display: inline-block;
        font-feature-settings: "palt";
        letter-spacing: 2px;
        font-weight: bold;
    }
    .article_body h3 {
        font-size: calc(31vw / 750 * 100);
        min-height: 0vw;
        margin: 2em 0 1.5em;
        border-top: 1px dotted #ccc;
        border-bottom: 1px dotted #ccc;
        padding: 0.8em 0 0.6em;
        font-weight: bold;
    }
    .article_body h4 {
        font-size: calc(26vw / 750 * 100);
        margin: 2em 0 1.5em;
        font-weight: bold;
        line-height: 1.5;
    }
    .article_body.old_product_info {
        margin-top:2em;
    }
    .article_body figure {
        margin: 0.5em 0 1.5em ;
    }
    .article_body figure img {
        border-radius: 70px;
    }
    .list_bullet {
        padding-left:0px;
    }
    p.annotation {
        font-size:calc(20vw / 750 * 100);
    }
    p.reference_article {
        font-size:calc(21vw / 750 * 100);
    }
    .article_body.large_letters p {
        font-size: calc(32vw / 750 * 100);
    }
    .article_body.large_letters p.annotation {
        font-size: calc(28vw / 750 * 100);
    }
    p.unused_ingredient {
        font-size: calc(23vw / 750 * 100);
    }
}

p.list_title {
    font-weight:bold;
    margin-bottom: 10px;
}

p.list_count {
    font-weight:bold;
    margin-bottom: 0px;
    width: 100%;
}

p.checklist_title {
    font-weight:bold;
}

.article_body table ol,.article_body table ul {
    margin: 0 0;
}

p span.annotation {
    display: block;
    font-size:80%;
    margin-top: 1em;
}

li span.annotation {
    display: block;
    font-size:80%;
    margin-top: 0;
}

p.question {
    margin: 2em 0 0.5em;
    font-weight: bold;
}

p.answer {
    margin: 1em 0 0.5em;
    font-weight: bold;
}

p.interviewer {
    margin: 0 0 0.5em;
    font-weight: bold;
    color: #6D6D6D;
}

.article_body div.div_border {
    border:2px solid #d4dee6;
    border-radius: 15px;
    padding: 1.5em 1em 0.5em 1.5em;
    margin: 1em 0 1.5em;
}

p.lead {
    font-size:24px;
    color:#5f82a1;
    font-weight: bold;
}
@media screen and (max-width:750px){
    p.lead {
        font-size: calc(42vw / 750 * 100);
    }
}

.reco_nav_img img {
    object-fit: cover;
}

.thumb_left .reco_nav_img img{
    object-position: left;
}

.thumb_littleleft .reco_nav_img img{
    object-position: 25%;
}

.thumb_littleright .reco_nav_img img {
    object-position: 75%;
}

.thumb_right .reco_nav_img img {
    object-position: right;
}

.no-border-radius img {
    border-radius: 0 !important;
}

@media screen and (min-width: 751px) {
    .column2-pc{
        display: flex;
        justify-content: center;
    }
    .column2-pc .column2-pc-each{
        width:50%;
    }
    .surveyInfo {
        text-align:right;
    }
}

/* お試しセットボタン */
.btn_otameshi_inq{
    display: block;
    height: 180px;
    width: 640px;
    margin: 3em auto 4em;
    text-decoration: none;
    color: #fff;
    position: relative;
    box-shadow: 1px 1px 10px 4px rgba(0,0,0,.2);
    border-radius: 71px;
    transition: box-shadow .6s cubic-bezier(.19,1,.22,1),transform .6s cubic-bezier(.19,1,.22,1);

}
@media screen and (max-width:750px){
    .btn_otameshi_inq{
        height: 100px;
        width: 90%;
        margin: 3em auto 4em;
    }
}

.btn_otameshi_inq:hover {
    box-shadow: 0 2px 21px 0 rgba(0,0,0,.5);
    transition: box-shadow .2s,transform .2s;
}


.btn_otameshi_inq:before {
    border-bottom: 4px solid #604d33;
    border-right: 4px solid #604d33;
    box-sizing: border-box;
    content: '';
    display: block;
    height: 30px;
    width: 30px;
    position: absolute;
    left: 40px;
    top: 50%;
    transform: translate(0,-50%) scale(.5,.5) rotate(-45deg);
    opacity: 1;
}
@media screen and (max-width:750px){
    .btn_otameshi_inq:before {
        border-bottom: 4px solid #604d33;
        border-right: 4px solid #604d33;
        box-sizing: border-box;
        content: '';
        display: block;
        height: 20px;
        width: 20px;
        position: absolute;
        left: 1.2em;
        top: 50%;
        transform: translate(0,-50%) scale(.5,.5) rotate(-45deg);
        opacity: 1;
    }
}

.btn_otameshi_inq img {
    object-fit: cover;
    border-radius: 40px;
    height: 180px;
    width: 640px;
}
@media screen and (max-width:750px){
    .btn_otameshi_inq img {
        object-fit: cover;
        border-radius: 40px;
        height: 100px;
        width: 100%;
    }
}

.btn_otameshi_inq_inner {
    padding: 36px 0 0 87px;
    position: absolute;
    top: 0;
    left: 0;
    font-feature-settings: "palt";
    letter-spacing: 2px;
}
.btn_otameshi_inq .text01{
    font-size: 24px;
    line-height: 1.4;
    display: block;
}
.btn_otameshi_inq .text02{
    font-size: 36px;
    display: block;
}
.btn_otameshi_inq .text03{
    font-size: 24px;
    display: inline;
}
@media screen and (max-width:750px){
    .btn_otameshi_inq_inner {
        padding: 27px 0 0 3.0em;
        position: absolute;
        top: 0;
        left: 0;
        font-feature-settings: "palt";
        letter-spacing: 2px;
    }
    .btn_otameshi_inq .text01{
        font-size: calc(21vw / 750 * 100);
        min-height: 0vw;
        line-height: 1;
        margin: 0 0 0.4em;
    }
    .btn_otameshi_inq .text02{
        font-size: calc(36vw / 750 * 100);
        min-height: 0vw;
        margin: 0 0 0.25em;
        line-height: 1;
    }
    .btn_otameshi_inq .text03{
        font-size: calc(21vw / 750 * 100);
        min-height: 0vw;
    }
}

/* お肌の専門家バナー */
.btn_skin_support_inq{
    display: block;
    width: 640px;
    margin: 3em auto 4em;
}
@media screen and (max-width:750px){
    .btn_skin_support_inq{
        width: 90%;
        margin: 3em auto 4em;
    }
}

/* 私たちの考え方バナー */
.btn_philosophy {
display: block;
height: 146px;
width: 640px;
margin: 3em auto 4em;
text-decoration: none;
color: #fff;
position: relative;
}
@media screen and (max-width:767px){
    .btn_philosophy {
        width: 90%;
        margin: 3em auto 4em;
        height: auto;
    }
}


/* SNSシェア */
.side_sns{
    background-color: #f2f5f7;
    margin: 2.8em 0 ;
    text-align: center;
    padding: 2em;
}
.side_sns_title{
    color: #5e7f9f;
    margin: 0 0 1.4em;
}
.side_sns_title .text01{
    display: block;
    font-size: 12px;
    letter-spacing: 2px;
    margin: 0 0 0.7em;
}
.side_sns_title .text02{
    font-size: 22px;
    font-feature-settings: "palt";
    letter-spacing: 1px;
}
.side_sns_lists{
    display: flex;
    justify-content: center;
}
.side_sns_list{
    width: 60px;
    margin: 0 10px;
}
@media screen and (max-width:750px){
    .side_sns{
        background-color: #f2f5f7;
        margin: 3.1em 0 ;
        text-align: center;
        padding: 2em 0;
    }
    .side_sns_title{
        color: #5e7f9f;
        margin: 0 0 1.2em;
    }
    .side_sns_title .text01{
        display: block;
        font-size: calc(18vw / 750 * 100);
        min-height: 0vw;
        letter-spacing: 2px;
        margin: 0 0 0.7em;
    }
    .side_sns_title .text02{
        font-size: calc(42vw / 750 * 100);
        min-height: 0vw;
        font-feature-settings: "palt";
        letter-spacing: 3px;
    }
    .side_sns_lists{
        display: flex;
        justify-content: center;
    }
    .side_sns_list{
        width: calc(100/750*100%);
        margin: 0 0.5em;
    }
}


/* contact *****************************************************/

.contact {
    width: auto;
    background-color: #f3557a;
    padding: 127px 0 40px;
    background-image: url(../images/contact.png);
    background-repeat: no-repeat;
    background-position: 0px -1px;
    background-size: contain;
}
@media screen and (max-width:750px){
    .contact {
        display: none;
    }
}

.contact_ttl {
    color: #000;
    text-align: center;
    font-size: 32px;
    font-feature-settings: "palt";
    letter-spacing: 3px;
    margin: 0 auto 43px;
    font-weight: bold;
    text-shadow: 1px 1px 6px #fff,
    1px 1px 6px #fff,
    1px 1px 7px #fff,
    1px 1px 9px #fff,
    1px 1px 10px #fff,
    1px 1px 12px #fff;
}
.contact_ttl img {
    width: auto;
    margin: 0 auto;
    position: relative;
    top:-24px;
}
.contact_inner {
    width: 520px;
    margin: 0 auto;
}

.contact_links {
    display: flex;
    justify-content: space-between;
    margin: 0;
    padding: 0;
}
.contact_links li{
    width:90px;
    list-style: none;
    margin: 0;
    padding: 0;
}
.contact_links li a{
    display: block;
    margin: 0 auto 7px;
    height: 90px;
    width: 90px;
}
.contact_links li a img{
    width: 100%;
}
.contact_time {
    font-size: 14px;
    text-align: center;
    line-height: 1.4;
    color:#fff;
    font-weight: bold;
    font-family: "游ゴシック体","Yu Gothic",YuGothic,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','Helvetica Neue',Helvetica,Arial,'メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
}
.contact_time_fs {
    letter-spacing: -1px;
    white-space: nowrap;
}

#contents_body {
    top:auto;
}

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

    .contact {
    width: auto;
    background-color: #7b9eb2;
    padding: 0px 0 40px;
    }

    .contact_ttl {
        margin: 0 auto 10px;
    }

    .contact_ttl img {
        position: relative;
        width: 100%;
        top:-15px
    }

    .contact_inner {
    width: 90%;
    margin: 0 auto;
    }

    .contact_links {
    display: flex;
    justify-content: space-between;
    margin: 0;
    padding: 0;
    }
    .contact_links li{
    width:22%;
    list-style: none;
    margin: 0;
    padding: 0;
    }
    .contact_links li a{
    display: block;
    margin: 0 auto;
    height: auto;
    width: 100%;
    }
    .contact_links li a img{
    width: 100%;
    }
    .contact_time {
    font-size: 10px;
    text-align: center;
    line-height: 1.4;
    color:#fff;
    font-weight: bold;
    padding: 7px 0 0 0;
    }
    .contact_time_fs {
    letter-spacing: -1px;
    white-space: nowrap;
    }

    #contents_main_body {
        top:auto;
    }

}


/********************************************************************/
/* 関連記事 */
.related{
    border-top: 1px dotted #ccc;
    max-width: 1090px;
    width: 100%;
    margin: 0 auto 6em;
    padding: 3.5em 0 0 0;
}
.related_layout{
    margin: 0 auto 2em;
}
@media screen and (max-width:767px){
    .related{
        border-top: none;
        max-width: 1090px;
        width: 100%;
        margin: 2em auto 0;
        padding: 0;
    }
    .related_layout{
        width: 90%;
        margin: 0 auto 0;
    }
}

.related .contents_title_text02 {
    letter-spacing: 6px;
}

.related_inner {
    display: flex;
    flex-wrap: wrap;
    /* justify-content: space-between; */
}
.related_link{
    width: calc(330/1100*100%);
    margin: 0 3.4em 3em 0;
    text-decoration: none;
    color: #000;
    opacity: 1;
    transition:0.5s;
}
.related_link:nth-child(3n) {
    margin: 0 0 3em 0;
}
@media screen and (max-width:750px){
    .related_inner {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    }
    .related_link{
        width: 47%;
        margin: 0 0 4em;
        text-decoration: none;
        color: #000;
        opacity: 1;
        transition:0.5s;
        position: relative;
    }
    .related_link:nth-child(3n) {
        margin: 0 0 4em;
    }
    .related_link:before{
        content:"";
        display: block;
        position: absolute;
        right: 0;
        top: -2em;
        left:0;
        width: 45px;
        height: 1px;
        margin: auto;
        border-bottom: 1px dotted #cccccc;
    }
    .related_link:nth-child(1):before{
        display: none;
    }
    .related_link:nth-child(2):before{
        display: none;
    }

}

.related_link:hover {
    opacity: 0.6;
}
.related_img{
    margin: 0 auto 1.5em;
}
@media screen and (max-width:767px){
    .related_img{
        margin: 0 auto 1.0em;
    }
}

.related_img img{
    object-fit: cover;
    height: 240px;
    border-radius: 76px;
}
@media screen and (max-width:750px){
    .related_img img{
        object-fit: cover;
        height: 120px;
        border-radius: 45px;
    }
}

.related_title{
    font-size: 24px;
    margin: 0 auto 0.5em;
    line-height: 1.4;
    font-feature-settings: "palt";
    letter-spacing: 1px;
}
@media screen and (max-width:750px){
    .related_title{
        font-size: calc(28vw / 750 * 100);
    }
}

.related_info{
    font-size: 18px;
    font-family: "游ゴシック体","Yu Gothic",YuGothic,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','Helvetica Neue',Helvetica,Arial,'メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
}
@media screen and (max-width:750px){
    .related_info{
        font-size: calc(24vw / 750 * 100);
        min-height: 0vw;
    }
}

.related_cat{
    border-right:1px solid #b5b8b9;
    padding: 0 10px 0 0;
}
.related_time{
    color:#8c8c8c;
    padding: 0 0 0 7px;
}
@media screen and (max-width:750px){
    .related_cat{
        padding: 0 3px 0 0;
    }
    .related_time{
        padding: 0 0 0 2px;
    }
}


@media screen and (max-width:767px){
    .Breadcrumb {
        display: block;
        padding: 0 5px 10px;
        overflow-x: scroll;
        word-break: keep-all;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch;
    }
    .SpPrevNav {
        display: none !important;
    }
}



/* テーブル */
.article_body table {
    width: 100%;
}

.table_st01 {
    border:none;
    margin: 0;
    padding: 0;
    font-family: "游ゴシック体","Yu Gothic",YuGothic,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','Helvetica Neue',Helvetica,Arial,'メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
    border-left:1px solid #ccc ;
    border-bottom:1px solid #ccc ;
    margin: 0 0 2em ;
    line-height: 1.5;
}

.table_st01 th {
    border-top:1px solid #ccc ;
    border-right:1px solid #ccc ;
    padding: 1em;
    white-space: nowrap;
    font-weight: normal;
}

.table_st01 tr {
    border-top:1px solid #ccc ;
    border-right:1px solid #ccc ;
    padding: 1em;
}

.table_st01 td {
    border-top:1px solid #ccc;
    border-right:1px solid #ccc;
    padding: 1em;
}

.table-wrap {
  overflow-x: auto;
}
.table_st02 {
  width: 100%;
  min-width: 600px;
  border-collapse: collapse;
  margin-bottom: 0 !important;
}

.table_st02 .fixed01{
  position: sticky;
  left: 0;
}

.table_st03 {
  table-layout: fixed;
}

.table_st03 td,
.table_st03 th {
  word-wrap: break-word;
  overflow-wrap: break-word;
  white-space: normal; /* セル内テキストを折り返す */
}

.multi td {
    width: 50%;
}

.multi3 td {
    width: 30%;
}

.multi4 td {
    width: 40%;
}

.table_ttl01 {
    background-color: #ea9999;
}

.table_ttl02 {
    background-color: #a4c2f4;
}

.table_ttl03 {
    background-color: #f2f5f7;
}
.table_ttl04 {
    background-color: #fff2cc;
}
.table_ttl05 {
    background-color: #fff4f6;
}
.table_ttl06 {
    background-color: #f4f4f4;
}

.table_ttl_w20 {
    width: 20%;
}
.table_ttl_w90 {
    width: 90%;
}
.table_ttl_w8em {
    width: 8em;
}

.table_ttl_left {
    text-align: left;
}

.table_ttl_bold {
    font-weight: bold !important;
}

@media screen and (max-width:750px){
    .table_st01 {
        font-size: calc(26vw / 750 * 100);
        min-height: 0vw;
    }
    .table_st01 th {
        padding: 0.8em;
    }
    .table_st01 tr {
        padding: 0.8em;
    }
    .table_st01 td {
        padding: 0.8em;
    }
}

.article_body td ul li {
    font-size: 16px;
    line-height: 1.5;
}
@media screen and (max-width: 750px){
    .article_body td ul li {
        font-size: calc(26vw / 750 * 100);
    }
}
.article_body td ul li:last-child {
    margin-bottom: 0;
}
.article_body td ul li ul li {
    margin: 0 0 0.2em 1em !important;
}

.table-scroll-hint {
    overflow-x:auto;
}
.table-scroll-hint table {
    width: 100%;
}
@media screen and (max-width: 750px) {
    .table-scroll-hint table {
        min-width: 600px;
    }
}


.Breadcrumb_page {
    padding: 0 30px 30px;
}
.BreadcrumbList_page {
    display: block;
}
.BreadcrumbListItem_page {
    display: inline;
    line-height: 1.6;
}
@media screen and (max-width:767px){
    .Breadcrumb_page {
        overflow-x: unset;
        word-break: break-all;
        white-space: unset;
        padding: 0 20px 0;
        margin: 0;
        line-height: 1.8;
    }
    .BreadcrumbListItem_page:not(:last-child)::after {
        content: ">";
        display: inline;
        border: none;
        transform: unset;
        top: -2px;
        right: auto;
        height: auto;
        width: auto;
        position: relative;
        color: #777;
        padding: 0 5px;
        font-size: 11px;
    }
    .BreadcrumbListItem_page:not(:first-child) {
        margin-left: 0;
    }
}
.Breadcrumb_top {
    max-width: 1090px;
    width:100%;
    margin:0 auto 3em;
}

.side_sns {
    padding: 2em 1em;
}
.side_sns_list {
    width: 53px;
    margin: 0 7px;
}
.side_sns_list_b {
    width: 47px;
    position: relative;
    top: 3px;
    margin: 0 10px;
}
.side_sns_list_b:hover iframe a {
    opacity: 1 !important;
}
@media screen and (max-width:767px){
    .side_sns {
        padding: 2em 0;
    }
}


@media screen and (max-width:750px){
    .page_layout.page_layout_article {
        margin: 2em auto 0;
    }
}

@media screen and (max-width:750px){
    .BreadcrumbListItem__btn {
        color: #777;
        font-size: calc(25vw / 750 * 100);
        text-decoration: none;
    }
}

.breadcrumb-pc {
    display: block !important;
}
.breadcrumb-sp {
    display: none !important;
}
@media screen and (max-width:750px){
    .breadcrumb-pc {
        display: none !important;
    }
    .breadcrumb-sp {
        display: block !important;
    }
}

/* この記事を読んでいる人におすすめの記事 */

.reco_nav{
    margin: 0 auto 3em;
    width: 93%;
    border:2px solid #cccccc;
    text-align: center;
    padding: 38px 30px 25px;
    font-family: "游ゴシック体","Yu Gothic",YuGothic,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','Helvetica Neue',Helvetica,Arial,'メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
}
p.reco_nav_lead{
    font-weight: bold;
    font-size: 18px;
    margin: 0 0 0.5em;
    text-align: center;
}
.reco_nav .page_nav_lists {
    display: inline-block;
}
.reco_nav .page_nav_lists .page_nav_list .page_nav_link {
    font-size: 18px;
}
.reco_nav_thumb{
    margin: 0 auto 3em;
    width: 93%;
    font-family: "游ゴシック体","Yu Gothic",YuGothic,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','Helvetica Neue',Helvetica,Arial,'メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
}
.reco_nav_layout{
    display: flex;
    align-items: center;
    border:2px solid #cccccc;
    margin: 0 0 1.5em;
}
.reco_nav_lead_annotation{
    font-weight: bold;
    font-size: 18px;
    margin: 0 0 0.4em;
    text-align: center;
}

@media screen and (max-width:767px){
    .reco_nav_layout{
        margin: 0 0 1.0em;
    }
}

.reco_nav_img{
    width: 26%;
}
.reco_nav_img img{
    border-radius: 0;
    width: 165px;
    height: 162px;
}
.reco_nav_text{
    width: 74%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 1em;
}
.reco_nav_text a {
    position: relative;
    text-decoration: none;
    color: #000;
    line-height: 1.5;
    font-feature-settings: "palt";
    letter-spacing: 1px;
    font-size: 18px;
}
.reco_nav_text a span {
    background: linear-gradient(transparent 70%, #dce5eb 0%);
    line-height: 1.8;
}

@media screen and (max-width:767px){
    .reco_nav {
        margin: 0 auto 2em;
        width: 90%;
        padding: 1.5em 1em 0.3em;
    }
    p.reco_nav_lead {
        font-size: calc(26vw / 750 * 100);
        min-height: 0vw;
    }
    .reco_nav .page_nav_lists .page_nav_list .page_nav_link {
        font-size: calc(26vw / 750 * 100);
        min-height: 0vw;
    }
    .reco_nav_thumb {
        margin: 0 0 2em;
        width: 100%;
    }
    .reco_nav_img img {
        border-radius: 0;
        width: 80px;
        height: 104px;
        object-fit: cover;
    }
    .reco_nav_text a {
        font-size: calc(26vw / 750 * 100);
        min-height: 0vw;
    }
    .reco_nav_text {
        padding: 0.5em;
    }
    .reco_nav_lead_annotation {
        font-size: calc(26vw / 750 * 100);
        min-height: 0vw;
        margin: 0 0 0.2em;
    }
}
.reco_nav_thumb:has(+ .reco_nav_thumb) {
    margin-bottom: 0;
}

.reco_nav_listsThumb{
    margin: 0 auto 3em;
    width: 93%;
    font-family: "游ゴシック体","Yu Gothic",YuGothic,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','Helvetica Neue',Helvetica,Arial,'メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
}
@media screen and (max-width:767px){
    .reco_nav_listsThumb{
        margin: 0 0 2em;
        width: 100%;
    }
}
.reco_nav_listsThumb:has(+ .reco_nav_listsThumb) {
    margin-bottom: 0;
}

p.reco_nav_listsThumb_lead{
    font-weight: bold;
    font-size: 18px;
    margin: 0 0 0.5em;
    text-align: center;
}
@media screen and (max-width:767px){
    p.reco_nav_listsThumb_lead{
        font-size: calc(26vw / 750 * 100);
        min-height: 0vw;
    }
}

.reco_nav_listsThumb_list{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin: 0 0 0.5em;
    padding: 0;
}

.reco_nav_listsThumb_thumb{
    width: 13%;
}
@media screen and (max-width:767px){
    .reco_nav_listsThumb_thumb{
        width: 23%;
    }
}

.reco_nav_listsThumb_txt{
    width: 87%;
    margin: 0;
    padding: 0;
}
@media screen and (max-width:767px){
    .reco_nav_listsThumb_txt{
        width: 77%;
    }
}

.reco_nav_listsThumb_thumb img{
    width: 66px;
    border-radius: 10px;
}
@media screen and (max-width:767px){
    .reco_nav_listsThumb_thumb img{
        width: 66px;
    }
}

.reco_nav_listsThumb_link{
    background: linear-gradient(transparent 70%, #dce5eb 0%);
    position: relative;
    text-decoration: none;
    color: #000;
    line-height: 1.5;
    font-feature-settings: "palt";
    letter-spacing: 1px;
    font-size: 18px;
}
@media screen and (max-width:767px){
    .reco_nav_listsThumb_link{
        font-size: 13px;
    }
}

.reco_nav_movie {
    margin: 0 auto 3em;
    text-align: center;
}
@media screen and (max-width:767px){
    .reco_nav_movie {
        margin: 0 auto 2em;
    }
}

.main_inner img.w90per {
    width: 90%;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.main_inner img.w80per {
    width: 80%;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.main_inner img.w70per {
    width: 70%;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.main_inner img.w60per {
    width: 60%;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.main_inner img.w50per {
    width: 50%;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.main_inner img.w40per {
    width: 40%;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.main_inner img.w30per {
    width: 30%;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.main_inner img.w220px {
    width: 220px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.main_inner img.w280px {
    width: 280px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}




span.emphasis {
    color:#5f82a1;
    font-weight: bold;
}
span.emphasis a {
    color:#5f82a1;
}
span.underline{
    background:linear-gradient(transparent 70%, #dce5eb .5%);
}

a.emphasis {
    color:#5f82a1;
    font-weight: bold;
}

ol.emphasis{
    counter-reset: item;
    list-style-type: none;
    padding-left:1em;
}
ol.emphasis li {
    text-indent: -1.6em;
    padding-left: 1.8em;
    color: #5f82a1;
    font-size: 17px;
    line-height: 1.5;
    margin: 0 0 0.5em 0;
}
ol.emphasis li:before {
    counter-increment:item;
    content:counter(item)'.';
    margin: 0 10px 0 0;
    font-weight: bold;
}
@media screen and (max-width:750px){
    ol.emphasis li {
        font-size: calc(24vw / 750 * 100);
        min-height: 0vw;
        padding-left: 1em;
    }
    ol.emphasis li:before {
        margin: 0 5px 0 0;
    }
    .large_letters ol.emphasis li {
        font-size: calc(30vw / 750 * 100);
        text-indent: -1.3em;
    }
}

.fig figure {
    width: 85%;
    margin-right: auto;
    margin-left: auto;
}
@media screen and (max-width:750px){
    .fig figure {
        width: 100%;
    }
}

.article_body .togglechecklists {
    background-color: #f2f5f7;
    margin: 2.5em 0 3em;
}
h2 + .togglechecklists {
    margin-top: 0 !important;
}
.article_body .togglechecklists ul.checklists {
    margin: 0;
    padding-bottom: 0;
}
.article_body .togglechecklists ul.checklists li {
    background-image: none;
    position: relative;
    cursor: pointer;
}
.article_body .togglechecklists p.checkcount {
    font-weight: bold;
    margin-bottom: 0px;
    padding: 0.5em 1.5em 1.5em;
}
.article_body .togglechecklists ul.checklists li:hover {
    opacity: 0.8;
    transition: 0.15s;
}
.article_body .togglechecklists ul.checklists li:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 13px;
    width: 26px;
    height: 26px;
    margin: auto;
    border: 2px solid #5e81a1;
    box-shadow: 0 0 2px inset rgba(94, 129, 161, 0.6 );
}
.article_body .togglechecklists ul.checklists li.on:after {
    content: "";
    display: block;
    position: absolute;
    top: -6px;
    left: 22px;
    bottom: 0;
    width: 9px;
    height: 16px;
    margin: auto;
    border-right: 2px solid #5e81a1;
    border-bottom: 2px solid #5e81a1;
    transform: rotate(45deg);
}
@media screen and (max-width: 750px) {
    .article_body .togglechecklists {
        margin: 1em 0 2em;
    }
    .article_body .togglechecklists ul.checklists li:before {
    content: "";
        display: block;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 9px;
        width: 18px;
        height: 18px;
        margin: auto;
        border: 1px solid #5e81a1;
        box-shadow: 0 0 2px inset rgb(94 129 161 / 60%);
    }
    .article_body .togglechecklists ul.checklists li.on:after {
        content: "";
        display: block;
        position: absolute;
        top: -4px;
        left: 15px;
        bottom: 0;
        width: 7px;
        height: 12px;
        margin: auto;
        border-right: 2px solid #5e81a1;
        border-bottom: 2px solid #5e81a1;
        transform: rotate(45deg);
    }
}


.article_body ul.checklists {
    background-color: #f2f5f7;
    padding: 2.3em 1.5em 1.1em;
    display: flex;
    flex-wrap: wrap;
    margin: 2.5em 0 4em;
}
.article_body ul.checklists li {
    background-image: url(../images/check.png);
    background-repeat: no-repeat;
    background-size: 35px;
    background-position: 8px center;
    margin: 0 1em 0.8em 0;
    font-size: 18px;
    font-weight: bold;
    color: #5f82a1;
    background-color: #fff;
    width: 48.5%;
    min-height: 75px;
    display: flex;
    align-items: center;
    padding: 10px 5px 10px 52px;
    line-height: 1.3;
    letter-spacing:1px;
}
.article_body ul.checklists li:nth-child(2n) {
    margin: 0 0 0.8em 0;
}
.article_body ul.checklists.single li {
    width: 100%;
    margin: 0 0 0.8em 0;
}
@media screen and (max-width:750px){
    .article_body ul.checklists {
        padding: 1.5em 1.2em 0.8em;
        margin: 2.0em 0 3em;
    }
    .article_body ul.checklists li {
        width: 100%;
        margin: 0 0 0.6em 0;
        font-size: 13px;
        background-position: 0.5em;
        background-size:25px;
        padding: 10px 5px 10px 36px;
        min-height: 53px;
    }
    .article_body ul.checklists li:nth-child(2n) {
        margin: 0 0 0.8em 0;
        width: 100%;
    }
}

.article_body ul.checklists.no li {
    background-image: url(../images/nocheck.png);
}

.article_body ul.checklists.check li {
    background-image: none;
    position: relative;
    cursor: pointer;
}
.article_body ul.checklists.check li:hover {
    opacity: 0.8;
    transition: 0.15s;
}
.article_body ul.checklists.check li:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 13px;
    width: 26px;
    height: 26px;
    margin: auto;
    border: 2px solid #5e81a1;
    box-shadow: 0 0 2px inset rgba(94, 129, 161, 0.6 );
}
.article_body ul.checklists.check li.on:after {
    content: "";
    display: block;
    position: absolute;
    top: -6px;
    left: 22px;
    bottom: 0;
    width: 9px;
    height: 16px;
    margin: auto;
    border-right: 2px solid #5e81a1;
    border-bottom: 2px solid #5e81a1;
    transform: rotate(45deg);
}
@media screen and (max-width:750px){
    .article_body ul.checklists.check li:before {
    content: "";
        display: block;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 9px;
        width: 18px;
        height: 18px;
        margin: auto;
        border: 1px solid #5e81a1;
        box-shadow: 0 0 2px inset rgb(94 129 161 / 60%);
    }
    .article_body ul.checklists.check li.on:after {
        content: "";
        display: block;
        position: absolute;
        top: -4px;
        left: 15px;
        bottom: 0;
        width: 7px;
        height: 12px;
        margin: auto;
        border-right: 2px solid #5e81a1;
        border-bottom: 2px solid #5e81a1;
        transform: rotate(45deg);
    }
}
.article_body ul.manylist {
    padding: 1.3em 1.5em 1.1em;
}
.article_body ul.manylist li{
    background-size: 30px;
    font-size: 16px;
    min-height: 63px;
    padding: 6px 5px 4px 52px;
}
@media screen and (max-width: 750px) {
    .article_body ul.manylist {
        padding: 0.5em 0.4em 0.4em;
    }
    .article_body ul.manylist li {
        background-size: 22px;
        font-size: 12px;
        min-height: 43px;
        padding: 6px 5px 6px 36px;
    }
}

.article_body ol.point {
    width: 84%;
    display: flex;
    justify-content: space-between;
    margin: 2em auto 2em;
    padding: 0;
    counter-reset: item;
    list-style-type: none;
}
@media screen and (max-width:750px){
    .article_body ol.point {
        width: 100%;
        margin: 1em 0 0;
    }
}
.article_body ol.point2 {
    justify-content: space-around;
}
.article_body ol.point4 {
    width: 100%;
}
.article_body ol.point5 {
    justify-content: center;
    flex-wrap: wrap;
}
@media screen and (max-width:750px){
    .article_body ol.point5 {
        margin-bottom: 1em;
    }
}
.article_body ol.point6 {
    flex-wrap: wrap;
}

.article_body ol.point li {
    width: 188px;
    background-image: url(../images/circle.png);
    background-repeat: no-repeat;
    background-size: contain;
    height: 0;
    padding-top: 31.65%;
    position: relative;
    letter-spacing: 1px;
    margin-left: 0px;
}
@media screen and (max-width:750px){
    .article_body ol.point li {
        width: calc(210/655*100%);
    }
}
.article_body ol.point4 li {
    width: 24%;
    padding-top: 24%;
}
.article_body ol.point5 li {
    margin: 0 5px;
}
@media screen and (max-width:750px){
    .article_body ol.point5 li {
        margin: 0 2px;
    }
}
.article_body ol.point6 li {
    width:32%;
    margin-bottom: 10px;
}

.article_body ol.point li:before {
    counter-increment:item;
    content:counter(item);
    position: absolute;
    top: 4%;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    display: block;
    font-size: 28px;
    color: #fff;
    font-family: "A1 Mincho",Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
}
.article_body ol.point4 li:before {
    top: 0%;
}
@media screen and (max-width:750px){
    .article_body ol.point li:before {
        font-size: calc(34vw / 750 * 100);
        min-height: 0vw;
        top: 3%;
    }
    .article_body ol.point4 li:before{
        top: -0.1em;
    }
}

.article_body ol.point li span {
    position: absolute;
    top: 15%;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    display: block;
    text-align: center;
    font-size: 21px;
    color: #5f82a1;
    line-height: 1.6;
    font-weight: bold;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    /* border: 1px solid; */
}
.article_body ol.point li span.small {
    font-size: 18px;
}
.article_body ol.point li span.normal {
    font-size: 21px;
}
@media screen and (max-width:750px){
    .article_body ol.point li span.small {
        font-size: calc(24vw / 750 * 100);
        min-height: 0vw;
        line-height: 1.3;
    }
    .article_body ol.point4 li span.small{
        font-size: calc(18vw / 750 * 100);
        line-height: 1;
        letter-spacing: 0;
    }
    .article_body ol.point li span.normal {
        font-size: calc(27vw / 750 * 100);
        min-height: 0vw;
        line-height: 1.3;
    }
}

.article_body .product_detail {
  text-align: center;
  margin: 0 0 2em;
}
.article_body .product_detail a img {
  border-radius: 15px;
  transition: transform 0.3s ease-in-out;
}
.article_body .product_detail a:hover img {
    transform: scale(1.03);
}
.article_body .product_detail .HalfwayBtn__txt {
  font-size: 18px;
}
.article_body .product_detail .HalfwayBtn::after {
  content: none;
}
@media screen and (max-width: 750px) {
    .article_body .product_detail .HalfwayBtn {
      height: 40px;
    }
    .article_body .product_detail .HalfwayBtn__txt {
      font-size: calc(24vw / 750 * 100);
    }
}
.article_body .product_detail .HalfwayBtn__arrow--right {
  margin-left: 0;
}

/* Youtube表示幅 */
.article_body p.movie {
    text-align: center;
}
@media screen and ( max-width:750px ) {
    iframe {
        width: 80%;
        height: 80%;
    }
}

.voice {
    margin: 0 0 3em;
    font-family: "游ゴシック体","Yu Gothic",YuGothic,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','Helvetica Neue',Helvetica,Arial,'メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
}
.voice dl {
    margin: 0 0 2em 0;
}
.voice dl.a {
    display: flex;
    align-items: flex-start;
    flex-direction: row-reverse;
}
.voice dl.q {
    display: flex;
    align-items: flex-start;
}
.voice dl.q dt {
    text-align: center;
}
.voice dl.a dt img {
    width: 122px;
    border-radius: 61px;
}
.voice dl.a dt .name {
    display: block;
    font-size: 13px;
    color: #5f82a1;
    text-align: center;
    letter-spacing: 1px;
    font-weight: bold;
    padding: 0.5em 0 0 0;
}
.voice dl.q dt img {
    width: 122px;
    border-radius: 61px;
}
.voice dl.q dd {
    font-size: 17px;
     background-color: #f2f5f7;
    padding: 1.2em 1.7em;;
    width: 75%;
    margin: 0.5em auto 0;
    line-height: 1.8;
    position: relative;
}
.voice dl.q dd:before {
    content: "";
    position: absolute;
    top: 35px;
    /* bottom: 0; */
    left: -42px;
    margin: auto;
    width: 0;
    height: 0;
    display: block;
    border-top: 13px solid rgba(221, 221, 221, 0);
    border-right: 23px solid #f2f5f7;
    border-bottom: 13px solid rgba(221, 221, 221, 0);
    border-left: 23px solid rgba(221, 221, 221, 0);
}
.voice dl.a dd {
    font-size: 17px;
    border:3px solid #d4dee6;
    padding: 1.2em 1.7em;
    width: 75%;
    margin: 0.5em auto 0;
    line-height: 1.8;
    position: relative;
}
.voice dl.a dd:after {
    content: "";
    position: absolute;
    top: 35px;
    /* bottom: 0; */
    right: -46px;
    margin: auto;
    width: 0;
    height: 0;
    display: block;
    border-top: 13px solid rgba(221, 221, 221, 0);
    border-right: 26px solid rgba(221, 221, 221, 0);
    border-bottom: 13px solid rgba(221, 221, 221, 0);
    border-left: 26px solid #d4dee6;
}
@media screen and (max-width:767px){
    .voice {
        margin: 0 0 2em;
    }
    .voice dl {
        margin: 0 0 1.5em 0;
    }
    .voice dl.a {
        display: flex;
        align-items: flex-start;
        flex-direction: row-reverse;
    }
    .voice dl.q {
        display: flex;
        align-items: flex-start;
    }
    .voice dl.q dt {
        text-align: center;
    }
    .voice dl.a dt img {
        width: 80px;
        border-radius: 40px;
    }
    .voice dl.a dt .name {
        display: block;
        font-size: calc(24vw / 750 * 100);
        min-height: 0vw;
        color: #5f82a1;
        text-align: center;
        letter-spacing: 1px;
        font-weight: bold;
        padding: 0.5em 0 0 0;
        line-height: 1.5;
    }
    .voice dl.q dt img {
        width: 80px;
        border-radius: 40px;
    }
    .voice dl.q dd {
        font-size: calc(26vw / 750 * 100);
        min-height: 0vw;
        background-color: #f2f5f7;
        padding: 1.0em 1.5em 0.8em;
        width: 70%;
        margin: 0 0 0 auto;
        line-height: 1.7;
        position: relative;
    }
    .voice dl.q dd:before {
        content: "";
        position: absolute;
        top: 30px;
        bottom: auto;
        left: -35px;
        margin: auto;
        width: 0;
        height: 0;
        display: block;
        border-top: 10px solid rgba(221, 221, 221, 0);
        border-right: 20px solid #f2f5f7;
        border-bottom: 10px solid rgba(221, 221, 221, 0);
        border-left: 20px solid rgba(221, 221, 221, 0);
    }
    .voice dl.a dd {
        font-size: calc(26vw / 750 * 100);
        min-height: 0vw;
        border:3px solid #d4dee6;
        padding: 1.0em 1.2em 0.8em;
        width: 70%;
        margin: 0 auto 0 0;
        line-height: 1.7;
        position: relative;
    }
    .voice dl.a dd:after {
        content: "";
        position: absolute;
        top: 30px;
        bottom:auto;
        right: -35px;
        margin: auto;
        width: 0;
        height: 0;
        display: block;
        border-top: 10px solid rgba(221, 221, 221, 0);
        border-right: 20px solid rgba(221, 221, 221, 0);
        border-bottom: 10px solid rgba(221, 221, 221, 0);
        border-left: 20px solid #d4dee6;
    }
}
.voice ul {
    margin: 1em 1em;
}
.voice ul li {
    margin: 0 0 0.8em 1.5em;
    font-size: 16px;
    line-height: 1.5;
}
.voice ul.list_dot li {
    list-style: disc;
}
@media screen and (max-width: 750px){
    .voice ul {
        margin: 0.3em 0.3em;
    }
    .voice ul li {
        font-size: calc(26vw / 750 * 100);
    }
}

.researcher {
    border: 6px solid #d4dee6;
    padding: 2em 1.5em 2em 1.8em;
    margin: 2em 0 3em;
    font-size: 18px;
    font-family: "游ゴシック体","Yu Gothic",YuGothic,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','Helvetica Neue',Helvetica,Arial,'メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
    display: flex;
}
.researcher .img {
    width: 23.5%;
}
.researcher .img img {
    max-width: 150px;
}
.researcher .text {
    width: 76.5%;
    padding: 0 0 0 1.8em;
}
.researcher .text .p01 {
    color:#5f82a1;
    font-size: 17px;
    margin: 0 0 1em;
    font-weight: bold;
}
.researcher .text .p02 {
    font-size: 17px;
    line-height: 1.8;
}
.researcher .profile {
    text-align: right;
    margin: 1em 0 0 0;
}
.researcher .profile a {
    cursor: pointer;
}
.researcher .profile .HalfwayBtn__txt {
    font-size: 16px;
}
.researcher:has(+ .dr_annotation) {
    margin-bottom: 1em;
}
.researcher .btn_more__wrap_column {
    margin: 1em 0 0 0;
}

@media screen and (max-width:767px){
    .researcher {
        width: 90%;
        border: 5px solid #d4dee6;
        padding: 1em 1em 1em 1em;
        margin: 2em auto 2em;
        font-size: 18px;
        display: block;
    }
    .researcher .img {
        width: 100%;
        max-width: 150px;
        text-align: center;
        margin: 0 auto 21px;
    }
    .researcher .img img {
        max-width: 150px;
        margin: 0 auto;
    }
    .researcher .text {
        width: 100%;
        padding: 0 0.5em 0 ;
    }
    .researcher .text .p01 {
        color:#5f82a1;
        font-size: calc(26vw / 750 * 100);
        min-height: 0vw;
        margin: 0 0 1em;
        font-weight: bold;
        line-height: 1.5;
    }
    .researcher .text .p02 {
        font-size: calc(26vw / 750 * 100);
        min-height: 0vw;
        line-height: 1.8;
    }
    .researcher .text .p01 .visible-sp {
        display: none !important;
    }
    .researcher .profile .HalfwayBtn__txt {
        font-size: calc(24vw / 750* 100);
    }
}
.researcher_top {
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.researcher_top .img {
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
    order: -1; /* 画像をテキストの上に配置 */
}
.researcher_top .img img {
    width: 100%;
    max-width: 100%;
    height: auto;
}
.researcher_top .text {
    width: 100%;
}
@media (min-width: 768px) {
    .researcher_top .img img {
        width: 70%; /* PC時の画像サイズを70%に */
    }
}
@media screen and (max-width: 767px) {
    .researcher_top {
        padding: 1em;
        margin: 2em auto;
    }
    .researcher_top .img {
        max-width: none;
    }
    .researcher_top .img img {
        width: 100%;
        max-width: none;
    }
}


/********************************************************************/
/* 記事タグ */
.EntryTags {
    display:flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap:wrap;
}
.EntryTags a {
    display:inline-block;
    margin-bottom:10px;
    padding:4px 22px 9px;
    color:#5e82a1;
    border:1px solid #5e82a1;
    border-radius: 7px;
    font-size:1.0rem;
    text-decoration:none;
    transition: all 0.2s;
}
@media screen and (max-width: 750px) {
    .EntryTags a {
        padding:7px 18px;
        font-size:calc(28vw / 750 * 100);
    }
}
.EntryTags a:not(:last-child) {
    margin-right:10px;
}
.EntryTags a:hover {
    color:#FFFFFF;
    background:#5e82a1;
}


/********************************************************************/
/* 一覧ページナビ */
.p_nav {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin: 4em 0 0;
}
@media screen and (max-width: 750px) {
    .p_nav {
        width: 85%;
        margin: 1em auto;
    }
}
.p_nav_prev,
.p_nav_next {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 45px;
}
.p_nav_prev:after,
.p_nav_next:after {
    content: "";
    display: block;
    position: absolute;
    top: -3px;
    bottom: 0;
    width: 14px;
    height: 14px;
    margin: auto;
    cursor:pointer;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
}
.p_nav_prev:after {
    left: 0;
    transform: rotate(135deg);
}
.p_nav_next:after {
    right: 0;
    transform: rotate(-45deg);
}
span.p_nav_prev:after,
span.p_nav_next:after {
    cursor:default;
    border-right: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
}
@media screen and (max-width: 750px) {
    .p_nav_prev:after,
    .p_nav_next:after {
        width: 10px;
        height: 10px;
    }
}
.p_nav_prev > span,
.p_nav_next > span {
    position:relative;
    display:inline-block;
    width:50px;
    height:45px;
    top:-3px;
    z-index:10;
}
.p_nav_prev > span {
    left: -16px;
}
.p_nav_next > span {
    right:-20px;
}
.p_nav_lists {
    display: flex;
    flex-wrap: no-wrap;
    overflow-x: auto;
}
.p_nav_lists li {
    margin: 0 0.3em 5px;
}
.p_nav_lists li a,
.p_nav_lists li span {
    width: 40px;
    height: 40px;
    color:#FFFFFF;
    border-radius: 20px;
    background-color: #5e82a1;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 21px;
}
.p_nav_lists li a {
    cursor:pointer;
}
@media screen and (max-width: 750px) {
    .p_nav_lists li a,
    .p_nav_lists li span {
        width: 32px;
        height: 32px;
        font-size: 16px;
    }
}
.p_nav_lists .p_nav_now span {
    color:#5e82a1;
    border: 4px solid #5e82a1;
    background-color: #fff;
}
.p_nav_text {
    color:#707070;
    width:100%;
    text-align:center;
    font-size: 14px;
    margin-bottom: 2em;
    display: none;
}
@media screen and (max-width: 750px) {
    .p_nav_text {
        font-size: 12px;
        margin-bottom: 3em;
        margin-top: -10px;
        display: none;
    }
}
.p_nav_text.scroll-pc {
    display: block;
}
@media screen and (max-width: 750px) {
    .p_nav_text.scroll-sp {
        display: block;
    }
}

/********************************************************************/
/* アコーディオン */
.is-close {
    display:none;
}

.is-open::after {
    border-bottom: 3px solid #777;
    border-right: 3px solid #777;
    box-sizing: border-box;
    content: '';
    display: block;
    height: 15px;
    position: absolute;
    right: 30px;
    top: 43%;
    transform: scale(.7) rotate(45deg) translateY(-50%);
    width: 15px;
    transition-property: transform;
    transition-duration: .3s;
}

.is-cntSelect {
    background-color:yellow;
}



.main_nav{
    padding: 0 0 4.9em;
}

.main_nav ul{
    display: flex;
    justify-content: center;
}
.main_nav ul li{
    font-size: 22px;
    margin: 0 1.5em;
}
.main_nav ul li a{
    font-size: 22px;
    text-decoration: none;
    color:#000;
    position: relative;
}
.main_nav ul li a:hover{
    opacity: 0.5;
    transition: 0.15s;
}
.main_nav ul li a:after{
        content:"";
    display: block;
    position: absolute;
    top: 0;
    right:0;
    left: 0;
    bottom: -45px;
    width: 10px;
    height: 10px;
    margin: auto;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
    transform:rotate(45deg);
}
@media screen and (max-width:750px){
    .main_nav{
        padding: 0 0 2.3em;
    }
    .main_nav ul{
        display: flex;
        justify-content: center;
    }
    .main_nav ul li{
        font-size: 14px;
        margin: 0 1.0em;
    }
    .main_nav ul li a{
        font-size: 14px;
        text-decoration: none;
        color:#000;
    }
    .main_nav ul li a:after{
            content:"";
        display: block;
        position: absolute;
        top: 0;
        right:0;
        left: 0;
        bottom: -33px;
        width: 8px;
        height: 8px;
        margin: auto;
        border-right: 1px solid #000;
        border-bottom: 1px solid #000;
        transform:rotate(45deg);
    }
}


.column_gp{
    max-width: 1120px;
    width: 90%;
    margin: 0 auto;
    display: flex;
}
@media screen and (max-width:750px){
    .column_gp{
        display: block;
        width: 100%;
    }

}

.column_gp_fl{
    flex-direction: row-reverse;
}
.column_image{
    width: calc(580/1120*100%);
    position: relative;
}
@media screen and (max-width:750px){
    .column_image{
        width: auto;
        position: relative;
        margin: 0 0 2em;
    }
}

.column_image img{
}
.column_pict{
    /* position: relative; */
}
@media screen and (max-width:750px){
    .column_pict{
        position: relative;
    }
}

.column_title{
    font-size: 42px;
    text-align: center;
    font-weight: normal;
    letter-spacing: 0.08em;
    font-feature-settings: "palt";
    margin: -4.8em 0 0.8em 0;
}
@media screen and (max-width:750px){
    .column_title{
        font-size: 31px;
        text-align: center;
        font-weight: normal;
        letter-spacing: 0.12em;
        position: absolute;
        top: 50%;
        /* bottom: 0; */
        left: 0;
        right: 0;
        margin: auto;
        text-shadow:
        0 0 3px rgba(255,255,255,1),
        0 0 3px rgba(255,255,255,1),
        0 0 3px rgba(255,255,255,1),
        0 0 10px rgba(255,255,255,1),
        0 0 10px rgba(255,255,255,1);
        transform: translateY(-50%);
    }
}

.column_lead{
    font-size: 22px;
    width: 83%;
    margin: 0 auto;
    line-height: 1.8;
    font-feature-settings: "palt";
    letter-spacing: -0.02em;
}
@media screen and (max-width:750px){
    .column_lead{
        font-size: 14px;
        width: 74%;
        margin: 0 auto;
        line-height: 1.8;
        font-feature-settings: "palt";
        letter-spacing: -0.02em;
        padding: 1em 0 0 0;
    }

}

.column_tag{
    background-color: #7b9eb2;
    color: #fff;
    font-size: 24px;
    display: inline-block;
    justify-content: center;
    align-items: center;
    padding: 0.5em 1em ;
    position: absolute;
    top: -25px;
    left: 0;
}
@media screen and (max-width:750px){
    .column_tag{
        font-size: 17px;
        display: inline-block;
        justify-content: center;
        align-items: center;
        padding: 0.5em 1em ;
        position: absolute;
        top: -18px;
        left: 0;
    }

}

.column_tag_pos{
    left:auto;
    right: 0;
}

.column_article{
    width: calc(540/1120*100%);
    padding: 0 0 0 2.5em;
}
@media screen and (max-width:750px){
    .column_article{
        width: auto;
        padding: 0;
    }
}

.column_gp_fl .column_article{
    padding: 0 2.5em 0 0;
}
@media screen and (max-width:750px){
    .column_gp_fl .column_article{
        padding: 0 0 0 0;
    }
}

.column_blk{
    display: flex;
    margin: 0 0 2em;
    align-items: center;
    text-decoration: none;
    color:#000;
}
@media screen and (max-width:750px){
    .column_blk{
        width: 90%;
        margin: 0 auto 1.5em;
    }
}


.column_blk:hover {
    opacity: 0.8;
    transition:0.15s;
}

.column_thumb{
}
.column_thumb img{
    object-fit: cover;
    width: 200px;
    height: 150px;
    border-radius: 50px;
}
@media screen and (max-width:750px){
    .column_thumb{
        width: 45%;
    }
    .column_thumb img{
        object-fit: cover;
        width: 100%;
        height: 120px;
        border-radius: 55px;
    }
}

.column_text{
    padding: 0 1em 0 1.3em;
}
@media screen and (max-width:750px){
    .column_text{
        width: 55%;
    }
}

.column_text p{
    font-size: 20px;
    line-height: 1.5;
    margin: 0 0 0.5em;
    font-feature-settings: "palt";
}
@media screen and (max-width:750px){
    .column_text p{
        font-size: 14px;
        line-height: 1.5;
        margin: 0 0 0.5em;
        font-feature-settings: "palt";
    }
}

.column_btn{
    text-decoration: none;
    color:#000;
    font-size: 16px;
    font-family: "游ゴシック体","Yu Gothic",YuGothic,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','Helvetica Neue',Helvetica,Arial,'メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
    border:1px solid #000;
    border-radius: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 1em;
    width: 146px;
    height: 32px;
    line-height: 1;
    white-space: nowrap;
}
.column_btn{
    text-decoration: none;
    color:#000;
    font-size: 16px;
    font-family: "游ゴシック体","Yu Gothic",YuGothic,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','Helvetica Neue',Helvetica,Arial,'メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
    border:1px solid #000;
    border-radius: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 1em;
    width: 146px;
    height: 32px;
    line-height: 1;
    white-space: nowrap;
}
@media screen and (max-width:750px){
    .column_btn{
        text-decoration: none;
        color:#000;
        font-size: 12px;
        padding: 0 1em;
        width: 120px;
        height: 26px;
        line-height: 1;
        white-space: nowrap;
    }

}

.column_article_inner.column_article_inner_more_01{
    display: none;
}

.column_article_inner.column_article_inner_more_02{
    display: none;
}

.column_article_inner.column_article_inner_more_03{
    display: none;
}

.btn_more__wrap_column {
    text-align: right;
    margin: 0em 0 7.5em 0;
}
@media screen and (max-width:750px){
    .btn_more__wrap_column {
        text-align: right;
        margin: 0em 0 4.5em 0;
    }
}

.btn_more__wrap_column_left{
    text-align: left;
    margin: 0em 0 7.5em 0;
}
@media screen and (max-width:750px){
    .btn_more__wrap_column_left{
        text-align: right;
        margin: 0em 0 4.5em 0;
    }

}

.btn_more__wrap_column a{
    cursor: pointer;
}

.HalfwayBtn{
    cursor: pointer;
}

.reco_more_btn {
    padding: 2.2em 0 2.8em;
}
@media screen and (max-width:750px){
.reco_more_btn {
    padding: 0em 0 1em;
}
}

.reco_more_btn .sub_nav_btn{
    width: 360px;
    height: 60px;
    border-radius: 17px;
    font-size: 18px;
    text-align: center;
}
@media screen and (max-width:750px){
    .reco_more_btn .sub_nav_btn{
        width: 85%;
        height: 68px;
        margin: 0 auto;
        padding: 1em 0;
        border-radius: 13px;
    }
}


.reco_more_btn .sub_nav_btn span {
    position: relative;
    padding: 0 0 0 0;
    width: 100%;
    text-align: center;
}


.reco_more_btn .sub_nav_btn span:after {
    border-bottom: 2px solid #b2b2b2;
    border-right: 2px solid #b2b2b2;
    box-sizing: border-box;
    content: '';
    display: block;
    height: 20px;
    width: 20px;
    position: absolute;
    left: 17px;
    top: 50%;
    transform: translate(0,-50%) scale(.5,.5) rotate(-45deg);
    opacity: 1;
}


.ank{
    margin: -120px 0 0 0 ;
    padding: 120px 0 0 0;
}
@media screen and (max-width:767px){
    .ank{
        margin: -80px 0 0 0 ;
        padding: 80px 0 0 0;
    }
}

.sub_nav_btn_no_bg {
    background-image: none;
}




/* メイン */

.hero {
    margin: 0 auto 4.8em;
    background-size: cover;
    height: 380px;
    display: flex;
    align-items: center;
    justify-content: center;
}
@media screen and (max-width:750px){
.hero {
    position: relative;
    height: 0;
    padding-top:89%;
    margin: 0;
}
}

.hero h1 {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 10px 0 0;
}
@media screen and (max-width:750px){
.hero h1 {
    width: 100%;
    margin: 0 auto;
    position: absolute;
    top: 40px;
    right: 0;
    left: 0;
    bottom: 0;
}
}

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

.main_cp_text01 {
    display: block;
    font-size: 21px;
    margin: 0 0 0.3em;
    letter-spacing: -0.03em;
}
@media screen and (max-width:750px){
    .main_cp_text01 {
        font-size: calc(28vw / 750 * 100);
        min-height: 0vw;

    }
}

.main_cp_text02 {
    display: block;
    font-size: 48px;
    letter-spacing: 5px;
    font-family: 'EB Garamond', serif;
    font-weight: 400;
}
@media screen and (max-width:750px){
    .main_cp_text02 {
        letter-spacing: 2px;
        font-size: 36px;
    }
}

.main_cp_image {
    width: auto;
    margin: 0 auto;
}
.main_cp_image img {
    width: 100%;
}
@media screen and (max-width:750px){
.main_cp_image {
    width: auto;
    margin: 0 auto;
}
.main_cp_image img {
    width: 100%;
}
}


.main_lead {
    font-size: 22px;
    line-height: 1.9;
    text-align: center;
    margin: 0 auto 4em;
}
@media screen and (max-width:750px){
.main_lead {
    font-size: calc(26vw / 750 * 100);
    min-height: 0vw;
    line-height: 1.9;
    text-align: left;
    margin: 0 auto 3em;
    width: 93%;
}
}


  .side_bnr {
    margin: 2.5em auto 0;
  }
@media screen and (max-width:750px){
  .side_bnr {
    width: 90%;
    margin: 0 auto 3em;
  }
}

ul.quize-list {
    margin-bottom: 2em;
}
ul.quize-list li {
    margin-left: 0;
}
ul.quize-list .is-ac {
    display: none;
    padding-left: 1.5em;
}
ul.quize-list .is-ac .voice {
    margin-bottom: 0;
}
ul.quize-list .HalfwayBtn__txt .HalfwayBtn__arrow {
    transform: scale(.5,.5) rotate(45deg) translateY(-5px);
}
ul.quize-list .HalfwayBtn__txt.open .HalfwayBtn__arrow {
    transform: scale(.5,.5) rotate(-135deg) translateY(-5px);
}
@media screen and (max-width: 750px){
    ul.quize-list .is-ac {
        padding-left: 1em;
    }
    ul.quize-list .HalfwayBtn__txt {
        font-size: inherit;
    }
}


/* 2022-07-20 */

@media screen and (max-width:750px){
.page_layout.page_layout_article {
    margin: 4em auto 0;
}
}

.nav_category{
    margin: 0 0 25px;
    font-family: "游ゴシック体","Yu Gothic",YuGothic,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','Helvetica Neue',Helvetica,Arial,'メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
    position: fixed;
    top: 60px;
    left: 0;
    background-color: #fff;
    z-index: 3;
    width: 100%;
}
.nav_category:after{
      content:"";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  left:0;
  width: 100%;
  height: 40px;
  margin: auto;
  background-color: #fff;
  pointer-events: none;

/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+94,1+100 */
background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(255,255,255,0) 80%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,0) 80%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,0) 80%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */

}

.nav_cat_inner{
    display: flex;
    overflow-x: scroll;
    white-space: nowrap;
    padding: 0 1em 0 0 ;
}
.nav_cat_inner::-webkit-scrollbar{
    display: none;
}

.nav_cat_title{
    background-color: #5e82a1;
    color:#fff;
    display: flex;
    height: 40px;
    align-items: center;
    font-size: 14px;
    padding: 0 0.1em 0 0.5em;
    position: relative;
}
.nav_cat_title:after{
              content: "";
      position: absolute;
      top: 0;
      bottom: 0;
      right: -30px;
      margin: auto;
      width: 0;
      height: 0;
      display: block;
      border-top: 20px solid rgba(221, 221, 221, 0);
      border-right: 15px solid rgba(221, 221, 221, 0);
      border-bottom: 20px solid rgba(221, 221, 221, 0);
      border-left: 15px solid rgba(94, 130, 161, 1);
}
.nav_cat_title_tab{
    background-color: #dc775b;
    color:#fff;
    display: flex;
    height: 40px;
    align-items: center;
    font-size: 14px;
    padding: 0 0.1em 0 0.5em;
    position: relative;
}
.nav_cat_title_tab:after{
              content: "";
      position: absolute;
      top: 0;
      bottom: 0;
      right: -30px;
      margin: auto;
      width: 0;
      height: 0;
      display: block;
      border-top: 20px solid rgba(221, 221, 221, 0);
      border-right: 15px solid rgba(221, 221, 221, 0);
      border-bottom: 20px solid rgba(221, 221, 221, 0);
      border-left: 15px solid rgba(220, 119, 91, 1);
}
.nav_cat_lists{
    display: flex;
    padding: 0 1em 0 1.3em;
    border-bottom: 1px solid #ddd;
    height: 40px;
}
.nav_cat_list{
    height: 40px;
}

.nav_cat_link{
    font-size: 13px;
    margin: 0 0.8em;
    color: #000;
    white-space: nowrap;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
}

.nav_cat_list.nav_cat_list_on .nav_cat_link{
    position: relative;
}
.nav_cat_list.nav_cat_list_on .nav_cat_link:after{
    content:"";
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    left:0;
    width: 100%;
    height: 3px;
    margin: auto;
    background-color: #5e82a1;
}

@media screen and (max-width: 750px) {
  html {
    scroll-padding-top: 60px;
  }
}

@media screen and (max-width: 750px) {
  .hidden-sp {
    display: none !important;
  }
}
.photo-comment {
    position: relative; /* アイコンを絶対配置するための基準 */
    background-color: #ffffff;
    border: 2px solid #d4dee6;
    border-radius: 12px;
    padding: 25px;
    padding-top: 40px; /* アイコンとの重なりを避ける */
    width: 100%;
    margin-top: 30px; /* 写真の上部が見切れないようにマージンを追加 */
    margin-bottom: 1.5em;
}
@media screen and (max-width: 750px) {
    .photo-comment {
        padding: 5%;
        padding-top: 40px; /* アイコンとの重なりを避ける */
    }
}

/* プロフィール写真のスタイル */
img.comment-photo {
    position: absolute;
    top: -30px; /* ボックスの上辺から写真が半分出るように調整 */
    left: 25px;
    width: 60px;  /* 写真のサイズ */
    height: 60px; /* 写真のサイズ */
    border-radius: 50%; /* 正円にする */
    object-fit: cover; /* 画像が歪まないように調整 */
    border: 3px solid #ffffff; /* 白い縁取りを追加 */
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); /* 影を付けて立体感を出す */
}

.photo-comment .supervised {
    margin: 0 0 10px 0;
    color: #5f82a1;
    font-weight: 700;
}

.photo-comment p {
    margin-bottom: 1em;
    line-height: 1.6;
}

.photo-comment p:last-of-type {
    margin-bottom: 0px;
}

/********************************************************************/
/* st訴求文 */
.article_body.promotional_body{
    margin-bottom: 3em;
    border-top: 1px dashed #000000;
}
/* st引用文 */
.article_body blockquote::before{
    content: "“";
}

.article_body blockquote{
    margin: 1rem auto;
    font-size: 18px;
}

.article_body blockquote::after{
    content: "”";
}

@media screen and (max-width: 750px) {
        .article_body blockquote{
        margin: 1rem auto;
        font-size: calc(26vw / 750 * 100);
    }
}