@charset "utf-8";



/* ==========================================================

    全体

========================================================== */
body {
	font-family: 'Zen Maru Gothic',
				"游ゴシック体", "游ゴシック Medium", "Yu Gothic Medium", "YuGothic",
				"ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo, Osaka", "ＭＳ Ｐゴシック", "MS PGothic";
                font-size: clamp(16px, calc(16px + (18 - 16) * ((100vw - 600px) / (900 - 600))), 18px);
}

/* フォントサイズ SWELL設定打消し */
#lp-content .post_content,
#main_content .post_content { font-size: clamp(16px, calc(16px + (18 - 16) * ((100vw - 600px) / (900 - 600))), 18px);}




/* 1420px以上  header分左余白
===========================================================*/
/* PC（1420以上） */
@media screen and (min-width: 1420px) {
    .wrapper { margin-left: 260px;}
}



/* 幅調整（全体幅以外は管理画面から変更不可）
===========================================================*/
.l-container { container-type: inline-size;} /* SWELL上の幅計算をこのclassが持っている */

.l-mainContent {
    width: 92%;
    max-width: var(--container_size);
    margin-right: auto; margin-left: auto;
    padding-top: 6em; padding-bottom: 6em;
}

@media screen and (min-width: 960px) {
    .l-content {
        padding-right: 0; padding-left: 0;
    } /* PCサイズではpadding取らない */
}


.l-article {
    max-width: var(--container_size);
    width: 92%;
    padding-top: 6em;
}

/* SP（600以上） */
@media screen and (max-width: 600px) {
    .l-article {
        width: 90vw;
        padding-top: 3em;
    }
}





/* ==========================================================

    bl

========================================================== */
/* .bl-media
===========================================================*/
.bl-media {
    display: flex;
    justify-content: space-between; align-items: center;
    container-type: inline-size;
}

.bl-media_body { width: 65cqw;} /* 仮 */

.bl-media_body .__title { margin-bottom: 3cqw;}









/* ==========================================================

    el

========================================================== */
/* .el-recommendPoint
===========================================================*/
.el-recommendPoint img {
    width: 30px; height: auto;
    filter: invert(89%) sepia(20%) saturate(5235%) hue-rotate(359deg) brightness(102%) contrast(104%);
    margin-top: 1.5em; margin-right: 5px; margin-bottom: 1.5em;
}