@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,400;0,500;0,600;0,700;1,400;1,700&family=Noto+Sans+JP:wght@400;500;700&display=swap');

/*
Theme Jp Name: きれい
Theme En Name: beautiful
Description: きれいのテーマCSSです（インドネシア語対応・Noto Sans統一版）
Version: 1.1
*/

/* ==========================================================================
   全体のフォント指定（Noto Sans 統一）
   ========================================================================== */
html,
body,
div,
section,
article,
header,
footer,
nav,
main,
aside,
h1, h2, h3, h4, h5, h6,
p, a, span, strong, em, b, u, s, small, sub, sup, mark,
ul, ol, li, dl, dt, dd,
table, thead, tbody, tfoot, tr, th, td, caption,
form, label, input, button, select, textarea, option,
blockquote, pre, code,
.c-heading h1,
.c-heading h2,
.c-heading h3,
.c-heading h4,
.c-heading h5,
.c-heading h6,
.c-btn a,
.c-btn input,
.c-btn .btn-customform-submit,
.c-btn button,
[data-structure] {
    font-family: "Noto Sans", "Noto Sans JP", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
}

body {
    color: #696060;
    background-color: #f2faff;
    --block-bg-color: #f2faff;
}

/* 共通要素指定  */
.c-heading h2 {
    color: #696060;
}

.c-btn a,
.c-btn input,
.c-btn .btn-customform-submit,
.c-btn button {
    background-color: #76b0cc;
    border-radius: 100px;
}

.c-btn--ghost a,
.c-btn--ghost input,
.c-btn--ghost .btn-customform-submit,
.c-btn--ghost button {
    background-color: transparent;
}

/* ブロックで使用されているカラーをテーマのカラーに変更 */
/* 共通設定 */
.c-btn--ghost a,
.c-btn--ghost input,
.c-btn--ghost .btn-customform-submit,
.c-btn--ghost button {
    color: #76b0cc;
    border: 2px solid #76b0cc;
    box-shadow: none;
}

.c-border,
.c-heading {
    border-color: #76b0cc;
}

.c-img-icon {
    background-color: #76b0cc;
}

.c-hr-solid,
.c-hr-dashed,
.c-hr-dotted,
.c-hr-double {
    border-color: #76b0cc;
}

.c-bg-grad {
    background-image: -webkit-linear-gradient(right, rgba(103, 198, 182, 0.9), rgba(103, 136, 198, 0.9));
    background-image: linear-gradient(to left, rgba(103, 198, 182, 0.9), rgba(103, 136, 198, 0.9));
}

.c-symbol {
    background-color: #76b0cc;
}

.c-form .file-upload-btn {
    border-color: #76b0cc;
    color: #76b0cc;
}

/* ブロックごとの個別設定 */
/* ヘッダー */
div[data-structure="b-header-logo-img-2"] .c-btn a {
    color: #76b0cc;
    background-color: #fff;
}

/* メイン */
div[data-structure="b-main-set-3--center"] .p-main-set-3--center {
    border: 10px solid #76b0cc;
}

div[data-structure="b-main-set-3--center"] .p-main-set-3--center__subhead {
    color: #fff;
    background-color: #76b0cc;
}

div[data-structure="b-main-set-3--center"] .p-main-set-3--center__period {
    border: 2px solid #76b0cc;
    color: #76b0cc;
}

div[data-structure="b-main-set-3--center"] .p-main-set-3--center__main {
    color: #76b0cc;
}

div[data-structure="b-main-campaign"] .p-main-campaign__tag {
    background: #76b0cc;
}

/* 見出し */
div[data-structure="b-header-logo-img-2"] .p-header--theme-color,
div[data-structure="b-heading-put-on-bdr"] .p-heading-put-on-bdr__inner:before,
div[data-structure="b-heading-put-on-bdr"] .p-heading-put-on-bdr__inner:after,
div[data-structure="b-heading-balloon--invert"] .p-heading-balloon--invert,
div[data-structure="b-heading-arrow"] .p-heading-arrow--v2,
div[data-structure="b-heading-arrow--has-subtext"] .p-heading-arrow--v2,
div[data-structure="b-premium-heading-grad"] .p-premium-heading-grad__inner,
div[data-structure="b-premium-heading-icon"] .p-heading-put-on-bdr__inner:before,
div[data-structure="b-premium-heading-icon"] .p-heading-put-on-bdr__inner:after {
    background-color: #76b0cc;
}

div[data-structure="b-heading-marker"] .p-heading-marker:after {
    background-color: #e5f0f6;
}

div[data-structure="b-heading-arrow--has-subtext"] .p-heading-arrow--v2:before,
div[data-structure="b-heading-balloon--invert"] .p-heading-balloon--invert:after,
div[data-structure="b-heading-arrow"] .p-heading-arrow--v2:before {
    border-top-color: #76b0cc;
}

div[data-structure="b-heading-btm-bdr"] .p-heading-btm-bdr:after {
    border-top: 2px solid #76b0cc;
}

div[data-structure="b-heading-has--accent"] .p-heading-has--accent-subtitle:before {
    background: #76b0cc;
}

div[data-structure="b-heading-has--accent"] .p-heading-has--accent-subtitle {
    color: #696060;
}

div[data-structure="b-heading-accent"] .p-heading-accent:before {
    background: #76b0cc;
}

div[data-structure="b-heading-accent"] .p-heading-accent:after {
    background: #e5f0f6;
}

div[data-structure="b-heading-double-bdr--updown"] .p-heading-double-bdr--updown:before {
    border-top: 2px solid #76b0cc;
    border-bottom: 1px solid #76b0cc;
}

div[data-structure="b-heading-double-bdr--updown"] .p-heading-double-bdr--updown:after {
    border-top: 1px solid #76b0cc;
    border-bottom: 2px solid #76b0cc;
}

div[data-structure="b-heading-origin-bdr--updown"] .c-hr-origin--2 {
    background-image: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%0A%09%20y%3D%220px%22%20viewBox%3D%22-277%20400.9%2040%2040%22%20style%3D%22enable-background%3Anew%20-277%20400.9%2040%2040%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text/css%22%3E%0A%09.st0%7Bfill%3Argba(118, 176, 204, 0.99)%3B%7D%0A%3C/style%3E%0A%3Cg%3E%0A%09%3Cg%3E%0A%09%09%3Cpath%20class%3D%22st0%22%20d%3D%22M-265.9%2C417.5c-0.1-0.2-0.3-0.4-0.4-0.6c-0.1-0.1-0.2-0.2-0.3-0.3c-0.3-0.3-0.5-0.5-1%2C0%0A%09%09%09c-0.3%2C0.3-0.6%2C0.7-0.9%2C1c-0.3%2C0.3-0.7%2C0.6-1%2C0.9c-0.2%2C0.2-0.3%2C0.3-0.5%2C0.5c-0.4%2C0.3-0.7%2C0.8-1.1%2C1.1c-0.4%2C0.3-0.6%2C0.7-1%2C1%0A%09%09%09c-0.3%2C0.3-0.6%2C0.6-0.9%2C0.9c-0.4%2C0.4-0.8%2C0.8-1.4%2C1c-0.2%2C0.1-0.4%2C0.5-0.2%2C0.6c0.2%2C0.2%2C0.5%2C0.5%2C0.7%2C0.7c0.3%2C0.3%2C0.8%2C0.5%2C0.7%2C1.1%0A%09%09%09c0.5%2C0.1%2C0.5%2C0.1%2C0.7-0.3c0%2C0%2C0-0.1%2C0-0.1c0.7-0.7%2C1.3-1.4%2C2-2.2c0.2-0.3%2C0.5-0.5%2C0.7-0.7c0.3-0.3%2C0.7-0.6%2C1-0.9%0A%09%09%09c0.3-0.3%2C0.5-0.6%2C0.8-0.8c0.5-0.5%2C1-0.9%2C1.5-1.3c0.2-0.2%2C0.5-0.3%2C0.7-0.4c0.2-0.1%2C0.3-0.2%2C0.3-0.4%0A%09%09%09C-265.5%2C417.9-265.8%2C417.8-265.9%2C417.5z%22/%3E%0A%09%3C/g%3E%0A%09%3Cg%3E%0A%09%09%3Cpath%20class%3D%22st0%22%20d%3D%22M-252.8%2C417.5c-0.1-0.2-0.3-0.4-0.4-0.6c-0.1-0.1-0.2-0.2-0.3-0.3c-0.3-0.3-0.5-0.5-1%2C0%0A%09%09%09c-0.3%2C0.3-0.6%2C0.7-0.9%2C1c-0.3%2C0.3-0.7%2C0.6-1%2C0.9c-0.2%2C0.2-0.3%2C0.3-0.5%2C0.5c-0.4%2C0.3-0.7%2C0.8-1.1%2C1.1c-0.4%2C0.3-0.6%2C0.7-1%2C1%0A%09%09%09c-0.3%2C0.3-0.6%2C0.6-0.9%2C0.9c-0.4%2C0.4-0.8%2C0.8-1.4%2C1c-0.2%2C0.1-0.4%2C0.5-0.2%2C0.6c0.2%2C0.2%2C0.5%2C0.5%2C0.7%2C0.7c0.3%2C0.3%2C0.8%2C0.5%2C0.7%2C1.1%0A%09%09%09c0.5%2C0.1%2C0.5%2C0.1%2C0.7-0.3c0%2C0%2C0-0.1%2C0-0.1c0.7-0.7%2C1.3-1.4%2C2-2.2c0.2-0.3%2C0.5-0.5%2C0.7-0.7c0.3-0.3%2C0.7-0.6%2C1-0.9%0A%09%09%09c0.3-0.3%2C0.5-0.6%2C0.8-0.8c0.5-0.5%2C1-0.9%2C1.5-1.3c0.2-0.2%2C0.5-0.3%2C0.7-0.4c0.2-0.1%2C0.3-0.2%2C0.3-0.4%0A%09%09%09C-252.4%2C417.9-252.7%2C417.8-252.8%2C417.5z%22/%3E%0A%09%3C/g%3E%0A%09%3Cg%3E%0A%09%09%3Cpath%20class%3D%22st0%22%20d%3D%22M-239.8%2C417.5c-0.1-0.2-0.3-0.4-0.4-0.6c-0.1-0.1-0.2-0.2-0.3-0.3c-0.3-0.3-0.5-0.5-1%2C0%0A%09%09%09c-0.3%2C0.3-0.6%2C0.7-0.9%2C1c-0.3%2C0.3-0.7%2C0.6-1%2C0.9c-0.2%2C0.2-0.3%2C0.3-0.5%2C0.5c-0.4%2C0.3-0.7%2C0.8-1.1%2C1.1c-0.4%2C0.3-0.6%2C0.7-1%2C1%0A%09%09%09c-0.3%2C0.3-0.6%2C0.6-0.9%2C0.9c-0.4%2C0.4-0.8%2C0.8-1.4%2C1c-0.2%2C0.1-0.4%2C0.5-0.2%2C0.6c0.2%2C0.2%2C0.5%2C0.5%2C0.7%2C0.7c0.3%2C0.3%2C0.8%2C0.5%2C0.7%2C1.1%0A%09%09%09c0.5%2C0.1%2C0.5%2C0.1%2C0.7-0.3c0%2C0%2C0-0.1%2C0-0.1c0.7-0.7%2C1.3-1.4%2C2-2.2c0.2-0.3%2C0.5-0.5%2C0.7-0.7c0.3-0.3%2C0.7-0.6%2C1-0.9%0A%09%09%09c0.3-0.3%2C0.5-0.6%2C0.8-0.8c0.5-0.5%2C1-0.9%2C1.5-1.3c0.2-0.2%2C0.5-0.3%2C0.7-0.4c0.2-0.1%2C0.3-0.2%2C0.3-0.4%0A%09%09%09C-239.3%2C417.9-239.6%2C417.8-239.8%2C417.5z%22/%3E%0A%09%3C/g%3E%0A%3C/g%3E%0A%3C/svg%3E");
}

div[data-structure="b-heading-dogear"] .p-heading-dogear {
    background-color: #aed0e1;
}
div[data-structure="b-heading-balloon"] .p-heading-balloon {
    background-color: #aed0e1;
}

div[data-structure="b-heading-dogear"] .p-heading-dogear:after {
    border-color: #fbfbfc #fbfbfc #76b0cc #76b0cc;
}

div[data-structure="b-heading-balloon--ghost"] .p-heading-balloon--ghost:before {
    border-top: 15px solid #76b0cc;
}

div[data-structure="b-heading-balloon"] .p-heading-balloon:after {
    border-top: 15px solid #aed0e1;
}

div[data-structure="b-heading-ribbon"] .p-heading-ribbon {
    background-image: -webkit-linear-gradient(transparent 8%, #9bc5da 8%, #9bc5da 14%, transparent 14%, transparent 86%, #9bc5da 86%, #9bc5da 92%, transparent 92%), -webkit-linear-gradient(rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0)), -webkit-linear-gradient(45deg, transparent 40%, #aed0e1 40%, #aed0e1 60%, transparent 60%), -webkit-linear-gradient(white, white);
    background-image: linear-gradient(transparent 8%, #9bc5da 8%, #9bc5da 14%, transparent 14%, transparent 86%, #9bc5da 86%, #9bc5da 92%, transparent 92%), linear-gradient(rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0)), linear-gradient(45deg, transparent 40%, #aed0e1 40%, #aed0e1 60%, transparent 60%), linear-gradient(white, white);
}

div[data-structure="b-heading-ribbon"] .p-heading-ribbon:before {
    border-top-color: #aed0e1;
    border-right-color: #aed0e1;
    border-bottom-color: #aed0e1;
}

div[data-structure="b-heading-ribbon"] .p-heading-ribbon__body:before,
div[data-structure="b-heading-ribbon"] .p-heading-ribbon__body:after {
    border-color: #89bbd3 transparent transparent transparent;
}

div[data-structure="b-heading-ribbon"] .p-heading-ribbon:after {
    border-left-color: #aed0e1;
    border-top-color: #aed0e1;
    border-bottom-color: #aed0e1;
}

div[data-structure="b-heading-ribbon--flat"] .p-heading-ribbon--flat {
    background: #76b0cc;
}

div[data-structure="b-heading-ribbon--flat"] .p-heading-ribbon--flat:before {
    border-top-color: #76b0cc;
    border-right-color: #76b0cc;
    border-bottom-color: #76b0cc;
}

div[data-structure="b-heading-ribbon--flat"] .p-heading-ribbon__body:before,
div[data-structure="b-heading-ribbon--flat"] .p-heading-ribbon__body:after {
    border-color: #89bbd3 transparent transparent transparent;
}

div[data-structure="b-heading-ribbon--flat"] .p-heading-ribbon--flat:after {
    border-left-color: #76b0cc;
    border-top-color: #76b0cc;
    border-bottom-color: #76b0cc;
}

div[data-structure="b-premium-heading-grad"] .p-premium-heading-grad {
    background-color: #76b0cc;
}

div[data-structure="b-premium-heading-grad"] .p-premium-heading-grad:before,
div[data-structure="b-premium-heading-grad"] .p-premium-heading-grad:after {
    background: rgba(0, 0, 0, 0.3);
}

div[data-structure="b-premium-heading-frame"] .p-premium-heading-frame {
    background-color: #76b0cc;
    box-shadow: inset 0 0 0 5px #76b0cc, inset 0 0 0 6px #fff;
}
div[data-structure="b-heading-arrow--bg"] .p-heading-arrow:not(.p-heading-arrow--v2):before,
div[data-structure="b-heading-arrow--bg"] .p-heading-arrow:not(.p-heading-arrow--v2):after {
    background-color: #f2faff;
}

div[data-structure="b-heading-background-text"] .p-heading-background-text__sub {
    color: #aed0e1;
}

/* 文章+画像 */
div[data-structure="b-article-has-number"] .p-article-has-number__ribbon,
div[data-structure="b-article-has-number"] .p-article-has-number__circle {
    background: #76b0cc;
}

div[data-structure="b-article-has-tags"] .p-article-has-tags__tag,
div[data-structure="b-article-point"] .p-article-point__header,
div[data-structure="b-premium-cards-img-left"] .p-premium-cards-img-left__label,
div[data-structure="b-premium-profile-set"] .p-premium-profile__heading,
div[data-structure="b-premium-profile-set2"] .p-premium-profile__heading,
div[data-structure="b-premium-interview"] .p-premium-interview__heading {
    background-color: #76b0cc;
}

div[data-structure="b-premium-profile-set"] .p-premium-profile__name {
    border-bottom: 1px solid #76b0cc;
}

div[data-structure="b-premium-profile-set"] .p-premium-profile__subHeading,
div[data-structure="b-premium-profile-set2"] .p-premium-profile__subHeading {
    color: #76b0cc;
}

div[data-structure="b-premium-interview"] .p-premium-interview__bottom {
    background-color: #f9f9f9;
}

/* 文章+画像(複数) */
div[data-structure="b-cards-voice-bordered"] .p-card-voice-bordered__img img,
div[data-structure="b-cards-voice-bordered"] .p-card-voice-bordered__img .pera1-clip-image {
    border: 3px solid #76b0cc;
}

div[data-structure="b-cards-voice-bordered"] .p-card-voice-bordered {
    border-top: 4px solid #76b0cc;
}

div[data-structure="b-premium-steps"] .p-premium-steps__item-header {
    background: #76b0cc;
}

div[data-structure="b-premium-steps"] .p-premium-steps__item-num {
    color: #76b0cc;
}

div[data-structure="b-premium-steps"] .p-premium-steps__item-img {
    box-shadow: #76b0cc 0 0 0 3px;
}

div[data-structure="b-premium-steps"] .p-premium-steps__arrow:after {
    border-left: 15px solid #76b0cc;
}
@media only screen and (min-width: 1px) and (max-width: 480px) {
    div[data-structure="b-premium-steps"] .p-premium-steps__arrow:after {
        border-left: 10px solid transparent;
        border-top: 15px solid #7