@charset "UTF-8";

/**/
#info_contents {
    margin-bottom: 0 !important;
}

.contents_main {
    margin: 0 !important;
}

.dhc_sup {
    text-align: center;
    font-feature-settings: "palt" 1;
    font-family: "Helvetica Neue", Arial, "Hiragino karu Gothic ProN", "Hiragino Sans", "メイリオ", Meiryo, sans-serif;
    letter-spacing: 0.02em;
}

.dhc_sup {}

/* 注釈 */
.dhc_sup .attention {
    text-align: left;
    opacity: 0.7;
}

/* フォント・テキストサイズ調整・マーカー */
.font_mi {
    display: inline;
    font-family: "YuMincho", 'Hiragino Mincho ProN', "Yu Mincho", "MS Mincyo", "Times New Roman", serif;
}

.marker {
    background: linear-gradient(transparent 60%, #fdff47 60%);
}

/*TOP*/
.top_copy {
    text-align: center;
}

/*真摯*/
.sincerely {
    font-size: 1.25em;
    line-height: 2;
    text-align: left;
    margin: 0 2em;
    border-top: 1px solid #46a9d5;
}

.sincerely img {
    margin-bottom: 2em;
    padding-bottom: 1.5em;
    border-bottom: 1px solid #46a9d5;
}

.sincerely .lead {
    text-align: left;
    margin-bottom: 0;
    letter-spacing: 0.01em;
}

.dhaArea {
    background: #dfeaf4;
    padding-bottom: 3em;
}

.dhaArea .bg {
    background: #c3d8ea;
}

.dhaArea {
    background-image: url(../images/bg_logo.png);
    background-repeat: repeat;
    background-size: 180px 180px;
}

.dhaArea .gmp {
    text-align: left;
    line-height: 2;
}

/*ベースcssは信頼に*/

/*安全*/
.safety {
    background: #fff2e1;
    padding: 5em 10%;
}

.safety .tit {
    background: #f39e30;
    color: #ffffff;
    margin-bottom: 1em;
    padding: 0.5em 0;
    border-radius: 2em;
    font-size: 160%;
    font-weight: bold;
    letter-spacing: 0.1em;
    text-align: center;
}

.safety .txt {
    text-align: left;
    font-size: 1.08em;
    line-height: 2;
}

.safety_01 {
    padding: 5em 10%;
    background: #fff2e180;
}

.safety_02 {
    padding: 5em 10%;
    background: #ffe6c7;
    margin-bottom: 3em;
}

.safety_02 .txt {
    text-align: left;
    font-size: 1.08em;
    line-height: 2;
}

.safety_02 .gmp {
    text-align: left;
    line-height: 2;
    background: #ffffff80;
    border: 1px solid #f39e30;
}

/*ベースcssは信頼に*/
.safety_02 .gmp span {
    background: #f39e30;
    color: #ffffff;
    font-weight: bold;
    margin: 0.15em 0.25em 0.5em -1em;
    padding: 0.25em 0 0.25em 1em;
}

.btn_pdf {
    /*border: 1px solid #46a9d5;*/
    background: #f39e30;
    border-radius: 0.5em;
    color: #ffffff;
    font-size: 1.35em;
    margin: 0em auto;
    width: 50%;
    /*padding-left: 1.35em; box-shadow: 6px 6px 0px 0px rgb(209 227 241);*/
}

.btn_pdf a {
    display: block;
    padding: 0.35em;
}

.btn_pdf a:link {
    color: #ffffff;
    text-decoration: none;
}

.btn_pdf a:visited {
    color: #ffffff;
    text-decoration: none;
}

.btn_pdf a:hover {
    color: #ffffff;
    text-decoration: none;
}

.btn_pdf a:active {
    color: #ffffff;
    text-decoration: none;
}

/*信頼*/
.quality {
    font-size: 1.08em;
    line-height: 2;
    text-align: left;
}

.quality .box,
.quality .box_s {
    display: flex;
    flex-direction: row;
}

.quality .box {
    font-size: 94%;
    margin-bottom: 2em;
    width:100%;
}

.quality .box_s {
    margin-bottom: 3em;
}

.gmp {
    border: 1px solid #46a9d5;
    border-radius: 0.35em;
    margin-top: 1em;
    font-size: 80%;
    padding: 1em;
}

.gmp span {
    background: #46a9d5;
    color: #ffffff;
    font-weight: bold;
    margin: 0.15em 0.25em 0.5em -1em;
    padding: 0.25em 0.5em;
}

.quality .name_box {
    font-size: 0.65em;
    padding: 0 2em;
    background: #d1e3f1;
    border-radius: 3em;
    display: table;
    margin-top: 1.5em;
}

.quality .name {
    font-size: 1.5em;
    margin-left: 0.35em;
    font-family: "YuMincho", 'Hiragino Mincho ProN', "Yu Mincho", "MS Mincyo", "Times New Roman", serif;
}

.quality .photo {
    width: 55%;
}

.quality .photo_m {
    width: 40%;
}

.quality .photo_s {
    width: 25%;
}

.quality .lead {
    text-align: left;
    margin-bottom: 5em;
    letter-spacing: 0.01em;
}

.quality .txt {
    margin-left: 2em;
    width: 60%;
    margin-bottom: 5em;
}

.quality .txt_m {
    margin-right: 2em;
    width: 60%;
    margin-bottom: 5em;
}

.quality .txt_s {
    margin-left: 1.25em;
    width: 75%;
}

.quality .tit {
    font-size: 1.45em;
    color: #46a9d5;
    display: block;
    border-bottom: 1px solid #46a9d5;
    margin-top: 1em;
    margin-bottom: 0.5em;
    line-height: 1.5;
}

.quality .tit:first-child {
    margin-top: 0;
}

.quality .tit_s img {
    width: 70%;
}

/*自信*/
.confidence {
    margin-top: 8em;
}

.btn_health {
    border: 1px solid #46a9d5;
    border-radius: 0.5em;
    color: #46a9d5;
    font-size: 1.5em;
    margin: 3em auto;
    width: 34%;
    /*box-shadow: 6px 6px 0px 0px rgb(209 227 241);*/
}

.btn_health a {
    display: block;
    padding: 1em;
}

.btn_health a:link {
    color: #46a9d5;
    text-decoration: none;
}

.btn_health a:visited {
    color: #46a9d5;
    text-decoration: none;
}

.btn_health a:hover {
    color: #46a9d5;
    text-decoration: none;
}

.btn_health a:active {
    color: #46a9d5;
    text-decoration: none;
}

/*お問い合わせ*/
.counseling {
    background: #eef6f1;
    padding: 5em 10%;
}

.counseling .tit {
    background: #0da675;
    color: #ffffff;
    margin-bottom: 1em;
    padding: 0.5em 0;
    border-radius: 2em;
    font-size: 140%;
    font-weight: bold;
    letter-spacing: 0.1em;
    text-align: center;
}

.counseling .txt {
    text-align: left;
    font-size: 1.08em;
    line-height: 2;
}

.counseling .contact_tit {
    color: #0da675;
    font-weight: bold;
}

.counseling .contact_us {
    padding-bottom: 1.75em;
    border: 1px solid #0da675;
    display: block;
    background-color: #ffffff;
    line-height: 1.3;
}

.counseling .contact_us .title {
    display: block;
    border-bottom: none;
    font-weight: bold;
    font-size: 135%;
    text-align: center;
    color: #0da675;
    padding: 1.3em 1em 0.5em 1em;
}

.counseling .contact_us .title span {
    display: block;
    font-size: 70%;
    font-weight: normal;
}

.counseling .contact_us .phone {
    font-size: 1.1em;
    text-align: center;
    padding: 0 1em;
    display: block;
    color: #0da675;
}

.counseling .contact_us .phone a {
    margin: 0;
    cursor: default;
    font-size: 2.25em;
    font-weight: bold;
    text-decoration: none;
    color: #0da675;
    line-height: 1;
}

.counseling .contact_us .hours {
    display: block;
    vertical-align: middle;
    font-size: 0.75em;
    color: #333333;
}

/* 動作 */
.fuwatAnime,
.fuwatAnime2 {
    -webkit-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: 1.0s;
    -ms-animation-duration: 1.0s;
    animation-duration: 1.0s;
    -webkit-animation-name: fuwatAnime;
    -ms-animation-name: fuwatAnime;
    animation-name: fuwatAnime;
    visibility: visible !important;
}

/* 動作適用箇所 */
.fuwatAnime {
    -webkit-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: 1.0s;
    /* アニメ時間 */
    -ms-animation-duration: 1.0s;
    animation-duration: 1.0s;
    -webkit-transition-delay: 0.5s;
    /* 開始時間 */
    -ms-transition-delay: 0.5s;
    transition-delay: 0.5s;
    -webkit-animation-name: fuwatAnime;
    /* アニメ名 */
    -ms-animation-name: fuwatAnime;
    animation-name: fuwatAnime;
    visibility: visible !important;
}

/* 動作内容 */
@-webkit-keyframes fuwatAnime {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-200px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }
}

@keyframes fuwatAnime {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-200px);
        -ms-transform: translateY(-200px);
        transform: translateY(-200px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

@media print,
screen and (min-width: 768px) {
    .dhc_sup {
        width: 720px;
        margin: 0 auto;
    }

    /* 注釈 */
    .dhc_sup .attention {
        margin: 0.5em;
        font-size: 0.75em;
    }

    /* 余白・サイズ調整 */
    .mB {
        margin-bottom: 4em;
    }

    /* フォント・テキストサイズ調整・マーカー */
    .txt_l {
        font-size: 1.5em;
        line-height: 4;
    }

    /*TOP*/
    .top_copy {
        font-size: 1.35em;
        line-height: 2;
        letter-spacing: 0.085em;
        margin-bottom: 4em;
    }

    /*真摯*/
    .sincerely .lead {
        font-size: 100%;
    }

    .sin_img {
        padding: 0 2em;
    }

    .sin_img img {
        width: 80%;
    }

    .dhaArea .gmp {
        font-size: 0.87em;
        margin: 0 18% 3em 18%;
    }

    /*安全*/
    .safety_02 .txt {
        margin-bottom: 3em;
    }

    .safety_02 .gmp {
        font-size: 0.88em;
        margin: 4em 1em 0 1em;
    }

    /*信頼*/
    .quality .lead {
        font-size: 114%;
    }

    .quality .gmp {
        font-size: 79%;
    }

    .btn_health {
        font-size: 1.3em;
    }

    /*お問い合わせ*/
    .counseling .img {
        width: 70%;
        margin: 1em auto 3em auto;
    }

    .pc_none {
        display: none !important;
        /* PCサイズで非表示にする */
    }

}


@media print,
screen and (max-width: 768px) {
    .dhc_sup {
        width: 100%;
    }

    /* 注釈 */
    .dhc_sup .attention {
        margin: 1em;
        font-size: 0.8em;
        text-indent: -1em;
        padding-left: 1em;
        line-height: 1.5;
    }

    /* 余白・サイズ調整 */
    .mB {
        margin-bottom: 3em;
    }

    /* フォント・テキストサイズ調整・マーカー */
    .txt_l {
        font-size: 1.65em;
        line-height: 3;
    }

    /*TOP*/
    .top_copy {
        font-size: 110%;
        line-height: 2;
        letter-spacing: 0.03em;
        margin-bottom: 3em;
    }

    /*真摯*/
    .sincerely {
        font-size: 92%;
        margin: 0 1em;
        padding-top: 1em;
    }

    .sincerely .lead {
        text-align: center;
        margin-bottom: 0;
        font-size: 125%;
    }

    .dhaArea {
        padding-bottom: 2em;
    }

    .dhaArea {
        background-size: 150px 150px;
    }

    .dhaArea .gmp {
        margin-bottom: 2em;
        margin-top: -0.5em;
        margin-left: 2em;
        margin-right: 2em;
    }

    /*安全*/
    .safety {
        padding: 3em 10%;
    }

    .safety .tit {
        font-size: 120%;
        letter-spacing: 0.05em;
    }

    .safety .txt {
        font-size: 110%;
    }

    .safety_01 {
        padding: 2.5em 5%;
    }

    .safety_02 {
        padding: 2.5em 5%;
        margin-bottom: 2em;
    }

    .safety_02 .txt {
        margin: 0 1em 2em 1em;
        font-size: 105%;
    }

    .safety_02 .gmp {
        margin-bottom: 0;
        margin-top: 2em;
    }

    .btn_pdf {
        font-size: 1.2em;
        margin: 0em auto;
        width: 70%;
        display: block;
    }

    /*信頼*/
    .quality {
        font-size: 92%;
        margin: 0 1em;
    }

    .quality .box {
        font-size: 113%;
    }

    .quality .box,
    .quality .box_s {
        display: flex;
        flex-direction: column;
    }

    .gmp {
        margin-bottom: 5em;
        margin-top: -2em;
        margin-left: 1em;
        margin-right: 1em;
        font-size: 98%;
    }

    .quality .name_box {
        font-size: 0.65em;
        padding: 0.55em 1em 0.5em 1em;
        display: block;
        text-align: center;
        line-height: 1.35;
    }

    .quality .photo,
    .quality .photo_m {
        width: 100%;
        padding: 0 10%;
    }

    .quality .photo_s {
        width: 100%;
        padding: 0 30%;
    }

    .quality .lead {
        text-align: center;
        margin-bottom: 3em;
        font-size: 125%;
    }

    .quality .txt,
    .quality .txt_m {
        width: 100%;
        margin-top: 2em;
        margin-bottom: 3em;
        margin-left: 0;
        margin-right: 0;
        padding: 0 1em;
    }

    .quality .txt_s {
        margin-left: unset;
        width: 100%;
        padding: 1em;
        font-size: 118%;
    }

    .quality .tit {
        font-size: 1.35em;
        text-align: center;
    }

    .quality .tit_s img {
        width: 90%;
    }

    /*自信*/
    .confidence {
        margin-top: 6em;
        padding:1rem;
    }

    .btn_health {
        font-size: 1.2em;
        margin: 3em auto;
        width: 70%;
        display: block;
    }

    /*お問い合わせ*/
    .counseling {
        padding: 3em 10%;
    }

    .counseling .img {
        margin: 2em 0;
    }

    .counseling .tit {
        letter-spacing: 0.05em;
    }

    .counseling .txt {
        font-size: 109%;
    }

    .counseling .contact_tit {
        font-size: 110%;
    }

    .counseling .contact_us {
        font-size: 70%;
        margin: 0.5em 0 1em 0;
        border: 1px solid #0da675;
    }

    .counseling .contact_us .title {
        font-size: 240%;
        text-align: center;
        padding: 1.3em 1em 0.5em 1em;
    }

    .counseling .contact_us .title span {
        display: block;
        font-size: 62%;
        margin-left: 0.2em;
    }

    .counseling .contact_us .hours {
        font-size: 0.75em;
        padding: 0.15em 12%;
    }

    /* .dhaArea .gmp,
    .safety_02 .gmp,
    .quality .gmp .pc_none {
        font-size: 98%;
    } */

    .counseling .contact_us .phone {
        font-size: 1.5em;
    }

    .counseling .contact_us .phone a {
        display: block !important
    }

    .dhc_sup .attention {
        font-size: 0.9em;
    }

    .sph_none {
        display: none !important;
        /* SPサイズで非表示にする */
    }

}