@charset "utf-8";

/* メモ=============================================================================== */

/* 汎用的なクラス */
/* 多数のページに影響するので、変更するとき注意 */
/* 変更可 */

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

body {
    font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",'HGS明朝E','メイリオ',Meiryo,serif;
    font-size: 16px;
    font-weight: 500;
    color: #333;
    letter-spacing: .05rem;
    line-height: 1.75;
}

#body {
    background-repeat: repeat;
    background-size: 332px;
}

.wrapper {
    max-width: 1032px;
    width: 100%;
    padding: 0 16px;
    margin: 0 auto;
    overflow: hidden;
}

.content {
    margin: 48px 0;
}

.inner {
    padding: 40px 24px;
}

/* -------------------------------
見出し
------------------------------- */
/* 各種ページのタイトル */
.other_title_box {
    position: relative;
    width: 100%;
    height: 180px;
    background: linear-gradient(to right, #f8f8f8 0%,#eeeeee 50%,#f8f8f8 100%);
    /* margin-top: 24px; */
}
.other_title {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    text-align: center;
    font-family: 'Pinyon Script', cursive;
    font-size: 72px;
    color: #707070;
    /* text-shadow: 0px 0px 8px #aaaaaa; */
}
.other_title_bg {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.5;
    background-repeat: no-repeat;
    background-size: auto 100%;
}

/* 大見出し */
.title {
    text-align: center;
    margin-bottom: 32px;
    font-weight: bold;
}
.title .main,
.title .sub {
    display: block;
}
.title .main {
    font-size: 40px;
}
.title .sub {
    font-size: 19.2px;
    color: #A58C4C;
    margin: 4px 0;
}


/* 小見出し */
.middle_title {
    font-size: 24px;
    margin: 16px 0;
    padding: 12px;
    /* background: #f7efe4; */
}

/* その他 */
.sub_title {
    font-size: 20px;
    margin-bottom: 16px;
}

/* -------------------------------
リンク
------------------------------- */
a {
    color: #333;
    transition: .4s ease-in;
}
a:hover {
    opacity: .7;
    color: inherit;
}

/* -------------------------------
文字サイズ
------------------------------- */
.fs_14 {
    font-size: 14px;
}

.fs_14_md {
    font-size: 14px;
}

/* -------------------------------
ボタン
------------------------------- */
.button {
    position: relative;
    display: inline-block;
    width: 100%;
    text-align: center;
    border-radius: 2px;
}
.button:hover {
    color: #fff;
}

.h_net_btn {
    width: 150px;
    padding: 8px 16px;
    margin-right: 16px;
    background: #d81a95;
    color: #fff;
}
.h_net_btn::after {
    font-family: "Font Awesome 5 Free";
    content: "\f0da";
    font-weight: 900;
    position: absolute;
    bottom: auto;
    right: 8px;
}

.net_btn {
    display: block;
    max-width: 300px;
    width: 100%;
    padding: 16px 8px;
    margin: 0 auto;
    font-size: 19.2px;
    background: #d81a95;
    color: #fff;
}
.net_btn::after {
    font-family: "Font Awesome 5 Free";
    content: "\f0da";
    font-weight: 900;
    position: absolute;
    bottom: auto;
    right: 16px;
}

.more_btn {
    display: flex;
    align-items: center;
    font-size: 19.2px;
    margin-top: 8px;
    color: #A58C4C;
}
.more_btn::before {
    display: block;
    content: '';
    width: 16px;
    height: 1px;
    margin-right: 8px;
    margin-left: auto;
    background-color: #A58C4C;
}

/* -------------------------------
テーブル
------------------------------- */
.table_standard {
    width: 100%;
}

.table_standard th {
    padding: 8px 8px;
    color: #fff;
    background: #b69e7f;
}
.table_standard td {
    background-color:#fff;
    padding: 16px 8px;
}
.table-bordered td, .table-bordered th {
    border: 1px solid rgba(222, 226, 230, .4)!important;
}

.table_standard .th_price {
    width: 140px;
}

/* -------------------------------
色
------------------------------- */
/* 文字色 */
.text_accent {
    color: #d81a95;
}

.text_sub {
    color: #afafaf;
}

/* 背景色 */
/* .bg_accent {
} */

.bg_impact {
    background: linear-gradient(to right, #e1d8b5 0%,#fefbe9 50%,#e1d8b5 100%);
}

.bg_sub {
    background: #b69e7f;
}

.bg_standard {
    /* background: #ece0d0; */
    background: #f8f8f8;
}

/* -------------------------------
リスト
------------------------------- */
.detail_box {
    background: rgba(236, 224 ,208, .2);
    /* max-width: 500px; */
    /* width: 100%; */
    margin: 0 auto;
    padding: 32px 24px;
    display: flex;
    flex-direction: column;
    align-items: center;
    border-radius: 5px;
}

/* 段落ちさせたくない文が中にあるときの左右余白調整 */
.detail_box_margin{
    margin: 0 64px 112px;
}

.detail_title {
    font-size: 19.2px;
    text-align: center;
    margin-bottom: 16px;
}

.detail_list {
    margin: 0 auto;
    display: block;
}

.detail_list .detail_item {
    position: relative;
    margin-left: 16px;
}
.detail_list .detail_item::before {
    content: '■';
    color: #d81a4f;
    font-size: 14px;
    position: absolute;
    top: .48px;
    left: -16px;
}

/* -------------------------------
その他
------------------------------- */
.line_height {
    line-height: 2.25;
}

/* 症例画像 */
.case_box {
    margin-bottom: 32px;
    text-align: center;
    border: 1px solid rgba(221, 203, 151, .4);
    background: #fff;
}
.case_title {
    font-size: 24px;
    padding: 8px;
    background: rgba(221, 203, 151, .4);
    margin-bottom: 0px;
}
.case_item {
    border-top: none;
    padding: 24px 32px;
}
.case_item .text {
    margin-top: 16px;
}
.case_item .text .label {
    font-size: 12px;
    background: #b69e7f;
    border-radius: 2px;
    padding: 4px 8px;
    color: #fff;
    display: inline-block;
    margin-bottom: 8px;
}

/* -------------------------------
その他
------------------------------- */
/* 文字揃え センタ揃えー→左揃え */
.text_c_l {
    text-align: center;
}

/* -------------------------------
余白設定
------------------------------- */
/* ※1～4はbootstrap.min.cssにある */
/* margin */
.m-5{margin:32px!important}
.mt-5,.my-5{margin-top:32px!important}
.mr-5,.mx-5{margin-right:32px!important}
.mb-5,.my-5{margin-bottom:32px!important}
.ml-5,.mx-5{margin-left:32px!important}

.m-6{margin:40px!important}
.mt-6,.my-6{margin-top:40px!important}
.mr-6,.mx-6{margin-right:40px!important}
.mb-6,.my-6{margin-bottom:40px!important}
.ml-6,.mx-6{margin-left:40px!important}

.m-7{margin:48px!important}
.mt-7,.my-7{margin-top:48px!important}
.mr-7,.mx-7{margin-right:48px!important}
.mb-7,.my-7{margin-bottom:48px!important}
.ml-7,.mx-7{margin-left:48px!important}

.m-8{margin:38px!important}
.mt-8,.my-8{margin-top:38px!important}
.mr-8,.mx-8{margin-right:38px!important}
.mb-8,.my-8{margin-bottom:38px!important}
.ml-8,.mx-8{margin-left:38px!important}

/* padding */
.p-5{padding:32px!important}
.pt-5,.py-5{padding-top:32px!important}
.pr-5,.px-5{padding-right:32px!important}
.pb-5,.py-5{padding-bottom:32px!important}
.pl-5,.px-5{padding-left:32px!important}

.p-6{padding:40px!important}
.pt-6,.py-6{padding-top:40px!important}
.pr-6,.px-6{padding-right:40px!important}
.pb-6,.py-6{padding-bottom:40px!important}
.pl-6,.px-6{padding-left:40px!important}

.p-7{padding:48px!important}
.pt-7,.py-7{padding-top:48px!important}
.pr-7,.px-7{padding-right:48px!important}
.pb-7,.py-7{padding-bottom:48px!important}
.pl-7,.px-7{padding-left:48px!important}

.p-8{padding:38px!important}
.pt-8,.py-8{padding-top:3.5em!important}
.pr-8,.px-8{padding-right:38px!important}
.pb-8,.py-8{padding-bottom:38px!important}
.pl-8,.px-8{padding-left:38px!important}

/* -------------------------------
ボーダー
------------------------------- */
.border, .border-top, .border-right, .border-bottom, .border-left {
    /* border-color: rgba(128, 101, 80, .2) !important; */
}

/* ※※※※※タブレット※※※※ */
@media screen and (max-width: 992px) {

    /* -------------------------------
    見出し
    ------------------------------- */
    /* 各種ページタイトル */
    .other_title_box {
        height: 150px;
    }
    .other_title {
        font-size: 40px;
    }

    /* 大見出し */
    .title .main {
        font-size: 28px;
        text-align: center;
    }
    .title .sub {
        font-size: 16px;
    }

    /* 小見出し */
    .middle_title {
        font-size: 20px;
    }

    /* その他 */
    .sub_title {
        font-size: 19.2px;
    }

    .gold_title {
        font-size: 28px;
    }
    
    /* -------------------------------
    ボタン
    ------------------------------- */
    .h_net_btn {
        max-width: 280px;
        width: 100%;
        padding: 16px;
        margin: 32px 0;
    }

    /* -------------------------------
    その他
    ------------------------------- */
    .line_height {
    }

    /* -------------------------------
    余白設定
    ------------------------------- */
    /* margin */
    .m-0-lg{margin:0!important}
    .mt-0-lg,.my-0-lg{margin-top:0!important}
    .mr-0-lg,.mx-0-lg{margin-right:0!important}
    .mb-0-lg,.my-0-lg{margin-bottom:0!important}
    .ml-0-lg,.mx-0-lg{margin-left:0!important}
    
    .m-1-lg{margin:.25rem!important}
    .mt-1-lg,.my-1-lg{margin-top:.25rem!important}
    .mr-1-lg,.mx-1-lg{margin-right:.25rem!important}
    .mb-1-lg,.my-1-lg{margin-bottom:.25rem!important}
    .ml-1-lg,.mx-1-lg{margin-left:.25rem!important}
    
    .m-2-lg{margin:8px!important}
    .mt-2-lg,.my-2-lg{margin-top:8px!important}
    .mr-2-lg,.mx-2-lg{margin-right:8px!important}
    .mb-2-lg,.my-2-lg{margin-bottom:8px!important}
    .ml-2-lg,.mx-2-lg{margin-left:8px!important}
    
    .m-3-lg{margin:16px!important}
    .mt-3-lg,.my-3-lg{margin-top:16px!important}
    .mr-3-lg,.mx-3-lg{margin-right:16px!important}
    .mb-3-lg,.my-3-lg{margin-bottom:16px!important}
    .ml-3-lg,.mx-3-lg{margin-left:16px!important}
    
    .m-4-lg{margin:24px!important}
    .mt-4-lg,.my-4-lg{margin-top:24px!important}
    .mr-4-lg,.mx-4-lg{margin-right:24px!important}
    .mb-4-lg,.my-4-lg{margin-bottom:24px!important}
    .ml-4-lg,.mx-4-lg{margin-left:24px!important}
    
    .m-5-lg{margin:32px!important}
    .mt-5-lg,.my-5-lg{margin-top:32px!important}
    .mr-5-lg,.mx-5-lg{margin-right:32px!important}
    .mb-5-lg,.my-5-lg{margin-bottom:32px!important}
    .ml-5-lg,.mx-5-lg{margin-left:32px!important}
    
    .m-6-lg{margin:40px!important}
    .mt-6-lg,.my-6-lg{margin-top:40px!important}
    .mr-6-lg,.mx-6-lg{margin-right:40px!important}
    .mb-6-lg,.my-6-lg{margin-bottom:40px!important}
    .ml-6-lg,.mx-6-lg{margin-left:40px!important}
    
    .m-7-lg{margin:48px!important}
    .mt-7-lg,.my-7-lg{margin-top:48px!important}
    .mr-7-lg,.mx-7-lg{margin-right:48px!important}
    .mb-7-lg,.my-7-lg{margin-bottom:48px!important}
    .ml-7-lg,.mx-7-lg{margin-left:48px!important}
    
    /* padding */
    .p-0-lg{padding:0!important}
    .pt-0-lg,.py-0-lg{padding-top:0!important}
    .pr-0-lg,.px-0-lg{padding-right:0!important}
    .pb-0-lg,.py-0-lg{padding-bottom:0!important}
    .pl-0-lg,.px-0-lg{padding-left:0!important}
    
    .p-1-lg{padding:.25rem!important}
    .pt-1-lg,.py-1-lg{padding-top:.25rem!important}
    .pr-1-lg,.px-1-lg{padding-right:.25rem!important}
    .pb-1-lg,.py-1-lg{padding-bottom:.25rem!important}
    .pl-1-lg,.px-1-lg{padding-left:.25rem!important}
    
    .p-2-lg{padding:8px!important}
    .pt-2-lg,.py-2-lg{padding-top:8px!important}
    .pr-2-lg,.px-2-lg{padding-right:8px!important}
    .pb-2-lg,.py-2-lg{padding-bottom:8px!important}
    .pl-2-lg,.px-2-lg{padding-left:8px!important}
    
    .p-3-lg{padding:16px!important}
    .pt-3-lg,.py-3-lg{padding-top:16px!important}
    .pr-3-lg,.px-3-lg{padding-right:16px!important}
    .pb-3-lg,.py-3-lg{padding-bottom:16px!important}
    .pl-3-lg,.px-3-lg{padding-left:16px!important}
    
    .p-4-lg{padding:24px!important}
    .pt-4-lg,.py-4-lg{padding-top:24px!important}
    .pr-4-lg,.px-4-lg{padding-right:24px!important}
    .pb-4-lg,.py-4-lg{padding-bottom:24px!important}
    .pl-4-lg,.px-4-lg{padding-left:24px!important}
    
    .p-5-lg{padding:32px!important}
    .pt-5-lg,.py-5-lg{padding-top:32px!important}
    .pr-5-lg,.px-5-lg{padding-right:32px!important}
    .pb-5-lg,.py-5-lg{padding-bottom:32px!important}
    .pl-5-lg,.px-5-lg{padding-left:32px!important}
    
    .p-6-lg{padding:40px!important}
    .pt-6-lg,.py-6-lg{padding-top:40px!important}
    .pr-6-lg,.px-6-lg{padding-right:40px!important}
    .pb-6-lg,.py-6-lg{padding-bottom:40px!important}
    .pl-6-lg,.px-6-lg{padding-left:40px!important}
    
    .p-7-lg{padding:48px!important}
    .pt-7-lg,.py-7-lg{padding-top:48px!important}
    .pr-7-lg,.px-7-lg{padding-right:48px!important}
    .pb-7-lg,.py-7-lg{padding-bottom:48px!important}
    .pl-7-lg,.px-7-lg{padding-left:48px!important}
    
    .p-8-lg{padding:38px!important}
    .pt-8-lg,.py-8-lg{padding-top:38px!important}
    .pr-8-lg,.px-8-lg{padding-right:38px!important}
    .pb-8-lg,.py-8-lg{padding-bottom:38px!important}
    .pl-8-lg,.px-8-lg{padding-left:38px!important}
}


/* ※※※※※スマホ※※※※ */
@media screen  and (max-width: 767px) {

    body {
        font-size: 15px;
        letter-spacing: .05rem
    }

    /* -------------------------------
    見出し
    ------------------------------- */
    /* 各種ページタイトル */
    .big_title {
        padding: 24px 16px 1.16px;
        font-size: 32px;
    }

    /* -------------------------------
    文字サイズ
    ------------------------------- */
    .fs_14_md {
        font-size: 8px;
    }

    /* -------------------------------
    テーブル
    ------------------------------- */
    .table_standard th {
        font-size: 12px;
    }

    
    .table_standard .th_price {
        width: 101px;
    }

    /* -------------------------------
    その他
    ------------------------------- */
    /* 症例画像 */
    .case_title {
        padding: 8px 16px;
        font-size: 18px;
    }
    .case_item {
        padding: 16px;
    }

    /* 文字揃え センタ揃えー→左揃え */
    .text_c_l {
        text-align: left;
    }

    /* -------------------------------
    余白設定
    ------------------------------- */
    /* margin */
    .m-0-md{margin:0!important}
    .mt-0-md,.my-0-md{margin-top:0!important}
    .mr-0-md,.mx-0-md{margin-right:0!important}
    .mb-0-md,.my-0-md{margin-bottom:0!important}
    .ml-0-md,.mx-0-md{margin-left:0!important}
    
    .m-1-md{margin:.25rem!important}
    .mt-1-md,.my-1-md{margin-top:.25rem!important}
    .mr-1-md,.mx-1-md{margin-right:.25rem!important}
    .mb-1-md,.my-1-md{margin-bottom:.25rem!important}
    .ml-1-md,.mx-1-md{margin-left:.25rem!important}
    
    .m-2-md{margin:8px!important}
    .mt-2-md,.my-2-md{margin-top:8px!important}
    .mr-2-md,.mx-2-md{margin-right:8px!important}
    .mb-2-md,.my-2-md{margin-bottom:8px!important}
    .ml-2-md,.mx-2-md{margin-left:8px!important}
    
    .m-3-md{margin:16px!important}
    .mt-3-md,.my-3-md{margin-top:16px!important}
    .mr-3-md,.mx-3-md{margin-right:16px!important}
    .mb-3-md,.my-3-md{margin-bottom:16px!important}
    .ml-3-md,.mx-3-md{margin-left:16px!important}
    
    .m-4-md{margin:24px!important}
    .mt-4-md,.my-4-md{margin-top:24px!important}
    .mr-4-md,.mx-4-md{margin-right:24px!important}
    .mb-4-md,.my-4-md{margin-bottom:24px!important}
    .ml-4-md,.mx-4-md{margin-left:24px!important}
    
    .m-5-md{margin:32px!important}
    .mt-5-md,.my-5-md{margin-top:32px!important}
    .mr-5-md,.mx-5-md{margin-right:32px!important}
    .mb-5-md,.my-5-md{margin-bottom:32px!important}
    .ml-5-md,.mx-5-md{margin-left:32px!important}
    
    .m-6-md{margin:40px!important}
    .mt-6-md,.my-6-md{margin-top:40px!important}
    .mr-6-md,.mx-6-md{margin-right:40px!important}
    .mb-6-md,.my-6-md{margin-bottom:40px!important}
    .ml-6-md,.mx-6-md{margin-left:40px!important}
    
    .m-7-md{margin:48px!important}
    .mt-7-md,.my-7-md{margin-top:48px!important}
    .mr-7-md,.mx-7-md{margin-right:48px!important}
    .mb-7-md,.my-7-md{margin-bottom:48px!important}
    .ml-7-md,.mx-7-md{margin-left:48px!important}

    .m-8-md{margin:38px!important}
    .mt-8-md,.my-8-md{margin-top:38px!important}
    .mr-8-md,.mx-8-md{margin-right:38px!important}
    .mb-8-md,.my-8-md{margin-bottom:38px!important}
    .ml-8-md,.mx-8-md{margin-left:38px!important}
    
    
    /* padding */
    .p-0-md{padding:0!important}
    .pt-0-md,.py-0-md{padding-top:0!important}
    .pr-0-md,.px-0-md{padding-right:0!important}
    .pb-0-md,.py-0-md{padding-bottom:0!important}
    .pl-0-md,.px-0-md{padding-left:0!important}
    
    .p-1-md{padding:.25rem!important}
    .pt-1-md,.py-1-md{padding-top:.25rem!important}
    .pr-1-md,.px-1-md{padding-right:.25rem!important}
    .pb-1-md,.py-1-md{padding-bottom:.25rem!important}
    .pl-1-md,.px-1-md{padding-left:.25rem!important}
    
    .p-2-md{padding:8px!important}
    .pt-2-md,.py-2-md{padding-top:8px!important}
    .pr-2-md,.px-2-md{padding-right:8px!important}
    .pb-2-md,.py-2-md{padding-bottom:8px!important}
    .pl-2-md,.px-2-md{padding-left:8px!important}
    
    .p-3-md{padding:16px!important}
    .pt-3-md,.py-3-md{padding-top:16px!important}
    .pr-3-md,.px-3-md{padding-right:16px!important}
    .pb-3-md,.py-3-md{padding-bottom:16px!important}
    .pl-3-md,.px-3-md{padding-left:16px!important}
    
    .p-4-md{padding:24px!important}
    .pt-4-md,.py-4-md{padding-top:24px!important}
    .pr-4-md,.px-4-md{padding-right:24px!important}
    .pb-4-md,.py-4-md{padding-bottom:24px!important}
    .pl-4-md,.px-4-md{padding-left:24px!important}
    
    .p-5-md{padding:32px!important}
    .pt-5-md,.py-5-md{padding-top:32px!important}
    .pr-5-md,.px-5-md{padding-right:32px!important}
    .pb-5-md,.py-5-md{padding-bottom:32px!important}
    .pl-5-md,.px-5-md{padding-left:32px!important}
    
    .p-6-md{padding:40px!important}
    .pt-6-md,.py-6-md{padding-top:40px!important}
    .pr-6-md,.px-6-md{padding-right:40px!important}
    .pb-6-md,.py-6-md{padding-bottom:40px!important}
    .pl-6-md,.px-6-md{padding-left:40px!important}
    
    .p-7-md{padding:48px!important}
    .pt-7-md,.py-7-md{padding-top:48px!important}
    .pr-7-md,.px-7-md{padding-right:48px!important}
    .pb-7-md,.py-7-md{padding-bottom:48px!important}
    .pl-7-md,.px-7-md{padding-left:48px!important}
    
    .p-8-md{padding:38px!important}
    .pt-8-md,.py-8-md{padding-top:38px!important}
    .pr-8-md,.px-8-md{padding-right:38px!important}
    .pb-8-md,.py-8-md{padding-bottom:38px!important}
    .pl-8-md,.px-8-md{padding-left:38px!important}


/* -------------------------------
リスト
------------------------------- */
.detail_box_margin{
    margin: 0 auto 112px;
}
}